:root{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px)}html,body{background:#0b1120;margin:0}.pid-layer.site,.pid-layer.site-out{-webkit-font-smoothing:antialiased}.pid-layer.site *,.pid-layer.site :before,.pid-layer.site :after{box-sizing:border-box}.site.pid-layer{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid;position:static}.side{border-right:1px solid var(--pid-line);background:var(--pid-bg);height:100vh;padding:20px 14px;position:sticky;top:0}.side .pid-brand{color:var(--pid-text);padding:4px 10px 22px;text-decoration:none}.nav{flex-direction:column;gap:4px;display:flex}.nav a,.nav button{width:100%;font:600 15px var(--pid-font);color:var(--pid-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:11px 12px;text-decoration:none;display:flex}.nav a:hover,.nav button:hover{background:var(--pid-surface);color:var(--pid-text)}.nav a.on{background:var(--pid-surface);color:var(--pid-text);box-shadow:inset 0 0 0 1px var(--pid-line)}.nav a.on .pid-i{color:var(--pid-accent)}.nav .end{margin-top:18px}.main{padding:28px 24px 60px}.main .pid-body{max-width:520px;margin:0 auto;padding:0}.site-h{text-align:left;margin-top:6px}.site-sub{padding-top:8px}.pid-ava canvas{display:block}a.pid-row,a.pid-mini{text-decoration:none}.pid-row.game .pid-mini{margin-left:auto}.site-noacc{margin-top:14px}.site-noacc a{color:var(--pid-accent);font-weight:600}.site-toast{width:max-content;max-width:calc(100vw - 32px);position:fixed}.site-out .pid-sheet{padding-top:48px}.site-out .pid-hero .pid-logo{filter:drop-shadow(0 8px 24px #4de3ff40)}.site-out .pid-sheet{position:relative;top:auto;bottom:auto;left:auto;right:auto}.site-lang{z-index:3;position:absolute;top:14px;right:14px}.side .site-lang{top:18px;right:12px}.site-lang-btn{cursor:pointer;font:600 12px var(--pid-font);color:var(--pid-muted);box-shadow:inset 0 0 0 1px var(--pid-line);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 8px;display:flex}.site-lang-btn:hover,.site-lang.open .site-lang-btn{color:var(--pid-text);background:var(--pid-surface)}.site-lang-btn svg{fill:none;stroke:currentColor;stroke-width:2px;width:14px;height:14px}.site-lang-btn i{opacity:.8;font-size:9px;font-style:normal}.site-lang-menu{background:var(--pid-surface);min-width:150px;box-shadow:inset 0 0 0 1px var(--pid-line), 0 12px 30px #00000073;border-radius:12px;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.site-lang-menu button{font:600 13px var(--pid-font);color:var(--pid-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.site-lang-menu button:hover{background:var(--pid-surface-2);outline:none}.site-lang-menu button:focus-visible{background:var(--pid-surface-2);outline:none}.site-lang-menu button.on{color:var(--pid-accent)}.site-lang-menu b{font-weight:700}@media (max-width:760px){.side .site-lang{top:calc(7px + var(--sat));right:12px}.site.pid-layer{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.side{z-index:2;height:auto;padding:calc(10px + var(--sat)) 12px 10px;border-right:0;border-bottom:1px solid var(--pid-line);position:sticky}.side .pid-brand{justify-content:center;padding:2px 0 10px}.nav{scrollbar-width:none;flex-direction:row;gap:6px;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a,.nav button{background:var(--pid-surface);border-radius:999px;flex:none;width:auto;padding:7px 12px;font-size:13px}.nav a .pid-i,.nav button .pid-i{display:none}.nav a.on{color:var(--pid-accent-ink);background:var(--pid-accent);box-shadow:none}.nav .end{margin-top:0}.main{padding:16px 16px calc(40px + var(--sab))}}