@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2)format("woff2"),url(/assets/press-start-2p-latin-400-normal-KLytu4cr.woff)format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/chakra-petch-latin-500-normal-BR1ody1F.woff2)format("woff2"),url(/assets/chakra-petch-latin-500-normal-CnUQnZ4D.woff)format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/chakra-petch-latin-700-normal-CnDBPjkL.woff2)format("woff2"),url(/assets/chakra-petch-latin-700-normal-D1s_c2du.woff)format("woff")}@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--bg-0:#07051a;--bg-1:#0f0b2a;--surface:#161036;--surface-2:#1f1748;--surface-3:#2a2060;--line:#b28cff29;--line-strong:#b28cff52;--text:#f2efff;--text-dim:#a9a3c9;--text-mute:#8a83b0;--brand-1:#fcc80e;--brand-2:#f37a3a;--brand-3:#e8076e;--brand-4:#7a5cc4;--grad-brand:linear-gradient(135deg, #fcc80e 0%, #f37a3a 30%, #e8076e 65%, #7a5cc4 100%);--grad-play:linear-gradient(135deg, #ffb300 0%, #f37a3a 35%, #e8076e 100%);--neon-cyan:#2fe0ff;--neon-green:#7cf07c;--danger:#ff3b5c;--gold:#ffd65a;--silver:#c9d3e6;--bronze:#e09a5a;--r-tile:14px;--r-btn:10px;--glow:0 0 0 1px #e8076e80, 0 8px 32px #e8076e59;--ease:cubic-bezier(.2, .8, .2, 1);--t1:.12s;--t2:.22s;--t3:.42s;--font-display:"Press Start 2P", ui-monospace, monospace;--font-head:"Chakra Petch", system-ui, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--gutter:16px;--nav-h:56px;--tabs-h:64px;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--max:1280px;--tile-w:72vw}@media (min-width:481px){:root{--gutter:24px;--tile-w:38vw}}@media (min-width:901px){:root{--gutter:32px;--nav-h:68px;--tile-w:clamp(220px, 20vw, 300px)}}@media (min-width:1401px){:root{--tile-w:280px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg-0);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.stage-open,html.stage-open body{overscroll-behavior:none;height:100%;overflow:hidden}body{background:var(--bg-0);min-height:100dvh;color:var(--text);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img,svg,canvas{display:block}:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:3px;border-radius:6px}::selection{background:var(--brand-3);color:#fff}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:300;background:var(--surface-2);border-radius:8px;padding:10px 14px;position:fixed;top:-60px;left:8px}.skip:focus{top:8px}.space{z-index:-1;background:radial-gradient(120% 80% at 50% -10%, #1a1252 0%, var(--bg-1) 40%, var(--bg-0) 75%);pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.space__nebula{background:radial-gradient(40% 30% at 15% 25%,#e8076e24,#0000 70%),radial-gradient(45% 35% at 85% 60%,#7a5cc433,#0000 70%),radial-gradient(30% 25% at 50% 95%,#2fe0ff12,#0000 70%);position:absolute;top:-20%;bottom:-20%;left:-20%;right:-20%}.space__stars{will-change:transform;background-repeat:repeat;height:calc(100% + 512px);animation:90s linear infinite drift;position:absolute;top:0;left:0;right:0}.space__stars--1{--dist:-256px;opacity:.55;background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000 60%),radial-gradient(1px 1px at 120px 80px,#cfc6ff,#0000 60%),radial-gradient(1px 1px at 210px 150px,#fff,#0000 60%),radial-gradient(1px 1px at 60px 210px,#ffd9ec,#0000 60%),radial-gradient(1px 1px at 170px 240px,#fff,#0000 60%);background-size:256px 256px}.space__stars--2{--dist:-384px;opacity:.7;background-image:radial-gradient(1.5px 1.5px at 40px 60px,#fff,#0000 60%),radial-gradient(1.5px 1.5px at 190px 130px,#fcc80e,#0000 60%),radial-gradient(1.5px 1.5px at 100px 280px,#b28cff,#0000 60%),radial-gradient(1.5px 1.5px at 300px 220px,#fff,#0000 60%);background-size:384px 384px;animation-duration:60s}.space__stars--3{--dist:-512px;opacity:.9;background-image:radial-gradient(2px 2px at 80px 100px,#fff,#0000 60%),radial-gradient(2px 2px at 330px 320px,#2fe0ff,#0000 60%),radial-gradient(2px 2px at 220px 440px,#fff,#0000 60%);background-size:512px 512px;animation-duration:38s}@keyframes drift{to{transform:translate3d(0, var(--dist,-256px), 0)}}body:after{content:"";z-index:250;pointer-events:none;opacity:.35;background:repeating-linear-gradient(0deg,#0000001a 0 1px,#0000 1px 3px);position:fixed;top:0;bottom:0;left:0;right:0}html.stage-open body:after{display:none}.boot{text-align:center;min-height:100dvh;font-family:var(--font-display);place-content:center;gap:18px;display:grid}.boot__logo{background:var(--grad-brand);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(18px,6vw,32px)}.boot__dots{color:var(--text-mute);font-size:10px;animation:1s steps(2,end) infinite blink}.noscript{text-align:center;padding:24px}@keyframes blink{50%{opacity:.2}}.loadbar{z-index:260;background:var(--grad-brand);transform-origin:0;opacity:0;height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.loadbar.is-on{opacity:1;animation:load 1.2s var(--ease) forwards}@keyframes load{to{transform:scaleX(.85)}}.main{min-height:calc(100dvh - var(--nav-h));outline:none}.main--stage{min-height:0}@media (max-width:900px){.main{padding-bottom:calc(var(--tabs-h) + var(--sab))}.main--stage{padding:0}}.icon{flex:none}.pixel{image-rendering:pixelated}.logo{align-items:center;gap:10px;min-height:44px;display:inline-flex}.logo__word{flex-direction:column;gap:3px;line-height:1;display:flex}.logo__chain{font-family:var(--font-display);background:var(--grad-brand);color:#0000;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;font-size:13px}.logo__new{font-family:var(--font-display);color:var(--neon-cyan);letter-spacing:3px;font-size:7px}.topnav{z-index:100;padding-top:var(--sat);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:linear-gradient(#07051aeb,#07051a99);position:sticky;top:0}.topnav__inner{max-width:var(--max);height:var(--nav-h);padding:0 calc(var(--gutter) + var(--sar)) 0 calc(var(--gutter) + var(--sal));align-items:center;gap:28px;margin:0 auto;display:flex}.topnav__links{gap:6px;margin-right:auto;display:none}.topnav__link{font-family:var(--font-head);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);transition:color var(--t1), background var(--t1);border-radius:10px;padding:10px 14px;font-size:15px;font-weight:700;position:relative}.topnav__link:hover,.topnav__link.is-active{color:var(--text);background:#b28cff1a}.topnav__link.is-active:after{content:"";background:var(--grad-brand);border-radius:2px;height:3px;position:absolute;bottom:3px;left:14px;right:14px}.topnav__right{align-items:center;gap:8px;margin-left:auto;display:flex}@media (min-width:901px){.topnav__links{display:flex}.topnav__right{margin-left:0}}.chip{min-height:44px;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line-strong);max-width:46vw;transition:transform var(--t1), border-color var(--t1);background:#1f1748b3;border-radius:999px;align-items:center;padding:0 14px;font-size:9px;display:inline-flex;overflow:hidden}.chip:hover{border-color:var(--neon-cyan)}.chip--cta{font-family:var(--font-head);letter-spacing:.04em;background:var(--grad-play);border-color:#0000;font-size:13px;font-weight:700}.iconbtn{width:44px;height:44px;color:var(--text);border:1px solid var(--line);transition:transform var(--t1), background var(--t1), border-color var(--t1);background:#1f17488c;border-radius:12px;place-items:center;display:inline-grid}.iconbtn:hover{border-color:var(--neon-cyan);background:#2fe0ff1a}.iconbtn:active{transform:scale(.92)}.iconbtn:disabled{opacity:.35;pointer-events:none}.tabbar{z-index:120;padding:6px calc(8px + var(--sar)) calc(6px + var(--sab)) calc(8px + var(--sal));-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line-strong);background:linear-gradient(#0f0b2adb,#07051af7);display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar__tab{min-height:52px;color:var(--text-mute);font-family:var(--font-head);letter-spacing:.08em;text-transform:uppercase;transition:color var(--t1);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:700;display:flex;position:relative}.tabbar__icon{width:52px;height:30px;transition:background var(--t2) var(--ease), transform var(--t2) var(--ease);border-radius:999px;place-items:center;display:grid}.tabbar__tab.is-active{color:var(--text)}.tabbar__tab.is-active .tabbar__icon{background:var(--grad-play);transform:translateY(-3px);box-shadow:0 0 18px #e8076e80}.tabbar__tab:active .tabbar__icon{transform:scale(.9)}@media (min-width:901px){.tabbar{display:none}}.footer{border-top:1px solid var(--line);background:#07051a99;margin-top:48px}.footer__inner{max-width:var(--max);padding:28px var(--gutter);gap:16px;margin:0 auto;display:grid}.footer__brand{align-items:center;gap:10px;display:flex}.footer__name{font-family:var(--font-display);color:var(--text-dim);font-size:11px}.footer__links{flex-wrap:wrap;gap:4px 20px;display:flex}.footer__links a{min-height:44px;color:var(--text-dim);align-items:center;font-size:14px;display:inline-flex}.footer__links a:hover{color:var(--neon-cyan)}.footer__fine{color:var(--text-mute);font-size:12px}.btn{--lift:0px;border-radius:var(--r-btn);min-height:44px;font-family:var(--font-head);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform var(--t1) var(--ease), box-shadow var(--t2), filter var(--t2);justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:700;display:inline-flex;position:relative}.btn:active{transform:translateY(2px)scale(.97)}.btn:disabled{opacity:.5;pointer-events:none}.btn--sm{min-height:44px;padding:0 16px;font-size:13px}.btn--lg{min-height:56px;padding:0 34px;font-size:18px}.btn--solid{background:var(--surface-3);border:1px solid var(--line-strong);box-shadow:0 3px #120c32}.btn--solid:hover{border-color:var(--neon-cyan);filter:brightness(1.15)}.btn--ghost{border:1px solid var(--line-strong);color:var(--text);background:#07051a59}.btn--ghost:hover{border-color:var(--text);background:#ffffff0f}.btn--play{color:#1a0420;background:var(--grad-play);text-shadow:0 1px #ffffff59;animation:2.2s ease-in-out infinite glow;box-shadow:inset 0 2px #ffffff73,0 4px #8a0a45,0 10px 28px #e8076e73}.btn--play:hover{filter:brightness(1.08)saturate(1.1)}.btn--play:active{animation:none;box-shadow:inset 0 2px #fff6,0 1px #8a0a45,0 6px 18px #e8076e66}@keyframes glow{0%,to{box-shadow:inset 0 2px #ffffff73,0 4px #8a0a45,0 8px 20px #e8076e59}50%{box-shadow:inset 0 2px #ffffff73,0 4px #8a0a45,0 8px 38px #ff8c3cbf}}.badge{min-height:20px;font-family:var(--font-display);letter-spacing:.5px;border:1px solid var(--line-strong);color:var(--text-dim);white-space:nowrap;background:#1f1748d9;border-radius:5px;align-items:center;padding:0 7px;font-size:8px;line-height:1;display:inline-flex}.badge--new{background:var(--brand-1);color:#2a1a00;border-color:#0000}.badge--remake{background:var(--brand-3);color:#fff;border-color:#0000}.badge--hot{background:var(--danger);color:#fff;border-color:#0000}.badge--daily{background:var(--neon-cyan);color:#021a22;border-color:#0000}.badge--unranked{color:var(--bronze);border-color:var(--bronze);background:0 0}.badge--ok{color:var(--neon-green);background:#7cf07c24;border-color:#7cf07c80}.tabs{scrollbar-width:none;border:1px solid var(--line);background:#07051a99;border-radius:12px;gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{min-height:44px;font-family:var(--font-head);letter-spacing:.04em;color:var(--text-dim);white-space:nowrap;transition:background var(--t2), color var(--t2);border-radius:9px;padding:0 16px;font-size:14px;font-weight:700}.tab:hover{color:var(--text)}.tab.is-active{background:var(--grad-play);color:#1a0420}.tabs--small .tab{min-height:40px;padding:0 12px;font-size:13px}.toasts{z-index:400;left:50%;bottom:calc(var(--tabs-h) + var(--sab) + 12px);pointer-events:none;gap:8px;width:min(92vw,460px);display:grid;position:fixed;transform:translate(-50%)}html.stage-open .toasts{bottom:calc(var(--sab) + 16px)}@media (min-width:901px){.toasts{bottom:24px}}.toast{pointer-events:auto;background:var(--surface-3);border:1px solid var(--line-strong);animation:toast-in var(--t3) var(--ease);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex;box-shadow:0 10px 30px #00000080}.toast--good{border-color:#7cf07c99}.toast--bad{border-color:var(--danger)}.toast__act{min-height:44px;font-family:var(--font-head);text-transform:uppercase;color:var(--neon-cyan);padding:0 12px;font-weight:700}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)scale(.96)}}.modal{z-index:350;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade var(--t2) both;background:#04020ec7;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal__box{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line-strong);width:min(94vw,440px);max-height:90dvh;animation:pop var(--t3) var(--ease);border-radius:18px;outline:none;padding:24px;overflow:auto;box-shadow:0 0 0 1px #e8076e40,0 24px 70px #0009}.modal__title{font-family:var(--font-head);margin-bottom:8px;font-size:24px;font-weight:700}.modal__lead{color:var(--text-dim);margin-bottom:16px;font-size:14px}.modal__actions{gap:8px;margin-top:16px;display:grid}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(16px)scale(.94)}}.input{border:1px solid var(--line-strong);width:100%;min-height:48px;color:var(--text);font-family:var(--font-head);letter-spacing:.04em;background:#07051acc;border-radius:10px;padding:0 14px;font-size:18px;font-weight:700}.input:focus-visible{outline-color:var(--neon-cyan)}.input[aria-invalid=true]{border-color:var(--danger)}.nickform__field{position:relative}.nickform__tag{color:var(--text-mute);pointer-events:none;font-size:10px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.nickform__preview{font-family:var(--font-display);color:var(--neon-cyan);overflow-wrap:anywhere;margin-top:12px;font-size:12px}.nickform__preview i{color:var(--text-mute);font-style:normal}.nickform__msg{color:#ff8fa3;min-height:22px;margin-top:8px;font-size:13px}.settings{gap:2px;width:100%;display:grid}.switch,.slider{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:4px 2px;display:flex}.slider{flex-direction:column;align-items:stretch;gap:4px}.switch__label{font-family:var(--font-head);align-items:baseline;gap:8px;font-size:15px;font-weight:700;display:flex}.switch__label small{color:var(--text-mute);font-size:12px;font-weight:400}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch__ui{background:var(--surface-3);border:1px solid var(--line-strong);width:50px;height:28px;transition:background var(--t2);border-radius:999px;flex:none;position:relative}.switch__ui:after{content:"";width:20px;height:20px;transition:transform var(--t2) var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.switch__ui{background:var(--grad-play)}.switch input:checked+.switch__ui:after{transform:translate(22px)}.switch input:focus-visible+.switch__ui{outline:2px solid var(--neon-cyan);outline-offset:3px}.slider input{width:100%;accent-color:var(--brand-3);min-height:32px}.spinner{background:var(--gold);vertical-align:-3px;border-radius:3px;width:18px;height:18px;animation:.8s steps(8,end) infinite coin;display:inline-block;box-shadow:inset -4px 0 #e09a1b}.spinner--lg{width:40px;height:40px}@keyframes coin{0%{transform:scaleX(1)}50%{transform:scaleX(.12)}to{transform:scaleX(1)}}.score{font-family:var(--font-display);font-variant-numeric:tabular-nums}.burst,.burst-static{pointer-events:none;z-index:340;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}.burst-static{background:radial-gradient(circle at 50% 38%,#fcc80e40,#0000 50%)}.art{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;position:absolute;top:0;bottom:0;left:0;right:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.space__stars{animation:none}}.cover{background:radial-gradient(80% 90% at 70% 20%, color-mix(in srgb, var(--accent,#7a5cc4) 55%, transparent), transparent 70%), linear-gradient(160deg, color-mix(in srgb, var(--accent,#7a5cc4) 40%, #0f0b2a), #07051a);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.cover__fallback{font-family:var(--font-display);color:#ffffff29;text-shadow:0 0 30px var(--accent,#7a5cc4);place-items:center;font-size:clamp(28px,9vw,54px);display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.tile{--ang:0deg;color:inherit;transition:transform var(--t2) var(--ease), filter var(--t2);-webkit-user-drag:none;display:block;position:relative}.tile__frame{aspect-ratio:16/10;border-radius:var(--r-tile);background:var(--surface);box-shadow:0 0 0 1px var(--line-strong), 0 10px 26px #00000073;transition:box-shadow var(--t2);display:block;position:relative}.tile__frame:before{content:"";border-radius:calc(var(--r-tile) + 3px);background:conic-gradient(from var(--ang), #fcc80e, #f37a3a, #e8076e, #7a5cc4, #2fe0ff, #fcc80e);-webkit-mask-composite:xor;opacity:0;transition:opacity var(--t2);pointer-events:none;padding:3px;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.tile__media{border-radius:var(--r-tile);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.tile__media .cover{transition:transform var(--t3) var(--ease)}.tile__shine{transition:transform .7s var(--ease);background:linear-gradient(115deg,#0000 40%,#ffffff24 50%,#0000 60%);position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-120%)}.tile__badge{position:absolute;top:8px;left:8px}.tile__best{min-height:22px;font-family:var(--font-display);color:var(--gold);background:#07051ac7;border:1px solid #ffd65a66;border-radius:6px;align-items:center;gap:4px;padding:0 7px;font-size:8px;display:inline-flex;position:absolute;top:8px;right:8px}.tile__cta{font-family:var(--font-head);color:#1a0420;background:var(--grad-play);opacity:0;transition:transform var(--t2) var(--ease), opacity var(--t2);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;display:none;position:absolute;bottom:10px;right:10px;transform:translateY(14px);box-shadow:0 6px 18px #e8076e80}.tile__info{padding:10px 2px 0;display:block}.tile__title{font-family:var(--font-head);font-size:17px;font-weight:700;line-height:1.2;display:block}.tile__meta{color:var(--text-mute);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;display:block;overflow:hidden}.tile:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.tile:hover,.tile.is-hot{z-index:2;transform:translateY(-6px)scale(1.03)}.tile:hover .tile__frame,.tile.is-hot .tile__frame{box-shadow:0 0 0 1px transparent, 0 18px 44px color-mix(in srgb, var(--accent) 45%, transparent), 0 0 38px color-mix(in srgb, var(--accent) 35%, transparent)}.tile:hover .tile__frame:before,.tile.is-hot .tile__frame:before{opacity:1;animation:3.2s linear infinite spin}.tile:hover .tile__shine{transform:translate(120%)}.tile:hover .tile__cta,.tile.is-hot .tile__cta{opacity:1;display:inline-flex;transform:none}.tile:hover .cover{transform:scale(1.06)}.tile--soon:hover{transform:none}.tile--soon:hover .tile__frame{box-shadow:0 0 0 1px var(--line-strong), 0 10px 26px #00000073}.tile--soon:hover .tile__frame:before,.tile--soon:hover .tile__cta{display:none}}.tile:focus-visible{outline:none}.tile:focus-visible .tile__frame{outline:3px solid var(--neon-cyan);outline-offset:3px}@keyframes spin{to{--ang:360deg}}.tile__live{position:absolute;top:0;bottom:0;left:0;right:0}.tile--soon{cursor:default}.tile--soon .tile__media{filter:grayscale()brightness(.55)}.tile--soon .tile__title,.tile--soon .tile__meta{color:var(--text-mute)}.tile__shimmer{background:linear-gradient(110deg,#0000 35%,#ffffff29 50%,#0000 65%);animation:4.5s ease-in-out infinite shimmer;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}@keyframes shimmer{60%,to{transform:translate(100%)}}.ribbon{text-align:center;width:130px;font-family:var(--font-display);color:#1a0420;background:var(--grad-brand);padding:4px 0;font-size:7px;position:absolute;top:14px;left:-34px;transform:rotate(-35deg);box-shadow:0 3px 10px #00000080}.tile--soon .tile__frame{overflow:hidden}.tile__lock{border:1px solid var(--line-strong);background:#07051acc;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;bottom:10px;right:10px}.live{opacity:0;transition:opacity var(--t3);pointer-events:none;background:#04020e8c;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.live.is-live{opacity:1}.live__canvas{image-rendering:pixelated;box-shadow:0 0 0 2px #ffffff1a,0 0 30px #0009}.live__overlay{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.rail{max-width:var(--max);margin:0 auto;padding-top:28px}.rail__head{padding:0 var(--gutter);align-items:center;gap:12px;margin-bottom:12px;display:flex}.rail__title{font-family:var(--font-head);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.rail__pip{background:var(--grad-play);clip-path:polygon(0 0,100% 25%,100% 100%,0 75%);border-radius:2px;width:10px;height:22px}.rail__kicker{color:var(--text-mute);font-size:13px}.rail__more{min-height:44px;font-family:var(--font-head);letter-spacing:.06em;text-transform:uppercase;color:var(--neon-cyan);align-items:center;gap:2px;margin-left:auto;padding:0 4px;font-size:13px;font-weight:700;display:inline-flex}.rail__wrap{position:relative}.rail__track{padding:10px var(--gutter) 22px;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:16px;display:flex;overflow-x:auto}.rail__track::-webkit-scrollbar{display:none}.rail__track>*{flex:0 0 var(--tile-w);scroll-snap-align:start;min-width:0}.rail__track>.tile{max-width:340px}.rail__arrow{display:none}@media (hover:hover) and (pointer:fine){.rail__arrow{z-index:5;border:1px solid var(--line-strong);opacity:0;width:44px;height:64px;transition:opacity var(--t2), background var(--t1);background:#07051ad9;border-radius:12px;place-items:center;display:grid;position:absolute;top:calc(50% - 40px)}.rail__wrap:hover .rail__arrow{opacity:1}.rail__arrow:focus-visible{opacity:1}.rail__arrow:hover{background:var(--surface-3)}.rail__arrow--l{left:6px}.rail__arrow--r{right:6px}}.podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;max-width:640px;margin:8px auto 20px;padding:0 4px;display:grid}.podium__spot{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.podium__trophy{filter:drop-shadow(0 6px 10px #00000080);margin-bottom:6px}.podium__spot--1 .podium__trophy{filter:drop-shadow(0 0 14px #ffd65ab3);animation:2.6s ease-in-out infinite bob}.podium__trophy.is-empty{opacity:.3;filter:grayscale()}@keyframes bob{50%{transform:translateY(-5px)}}.podium__name{max-width:100%;font-family:var(--font-head);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.podium__name i{color:var(--text-mute);font-size:11px;font-style:normal;font-weight:400}.podium__score{font-family:var(--font-display);color:var(--gold);min-height:14px;margin:4px 0 8px;font-size:11px}.podium__block{width:100%;font-family:var(--font-display);color:#0000008c;background:linear-gradient(180deg, var(--silver), #7b8bb0);border-radius:10px 10px 0 0;place-items:start center;height:64px;padding-top:10px;font-size:20px;display:grid;box-shadow:inset 0 3px #ffffff80}.podium__spot--1 .podium__block{background:linear-gradient(#ffe58a,#e09a1b);height:96px;font-size:26px;box-shadow:inset 0 3px #fff9,0 0 36px #ffd65a59}.podium__spot--3 .podium__block{background:linear-gradient(180deg, var(--bronze), #a35f2a);height:46px}.podium--mini{gap:4px;margin:0}.podium--mini .podium__name{font-size:11px}.podium--mini .podium__name i{display:none}.podium--mini .podium__score{margin:2px 0 4px;font-size:8px}.podium--mini .podium__block{height:26px;padding-top:5px;font-size:11px}.podium--mini .podium__spot--1 .podium__block{height:40px}.podium--mini .podium__spot--3 .podium__block{height:18px;padding-top:2px}.hof{border-radius:var(--r-tile);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 18%, var(--surface-2)), var(--surface));border:1px solid var(--line-strong);transition:transform var(--t2) var(--ease), border-color var(--t2);flex-direction:column;gap:10px;max-width:340px;padding:16px 14px 12px;display:flex}.hof:hover{border-color:var(--accent);transform:translateY(-4px)}.hof__title{font-family:var(--font-head);font-size:17px;font-weight:700}.hof__more{font-family:var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--neon-cyan);font-size:12px;font-weight:700}.lb{border-collapse:collapse;width:100%;font-size:15px}.lb th{text-align:left;font-family:var(--font-head);letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute);border-bottom:1px solid var(--line);padding:10px;font-size:12px;font-weight:700}.lb td{white-space:nowrap;border-bottom:1px solid #b28cff12;padding:11px 10px}.lb__rank{width:52px}.lb__medal{min-width:30px;height:26px;font-family:var(--font-display);background:#1f1748e6;border-radius:6px;place-items:center;font-size:10px;display:inline-grid}.top1 .lb__medal{background:var(--gold);color:#3a2300}.top2 .lb__medal{background:var(--silver);color:#1c2440}.top3 .lb__medal{background:var(--bronze);color:#301505}.lb__name{font-family:var(--font-head);text-overflow:ellipsis;width:100%;max-width:0;font-weight:700;overflow:hidden}.lb__name i{color:var(--text-mute);margin-left:1px;font-size:12px;font-style:normal;font-weight:400}.lb__num{text-align:right;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:11px}th.lb__num{font-family:var(--font-head);font-size:12px}.lb__prog{text-align:center;color:var(--text-dim)}.lb__when{color:var(--text-mute);text-align:right;font-size:13px}@media (max-width:600px){.lb__prog,.lb__when{display:none}}.lb tr.is-me td{background:linear-gradient(90deg,#2fe0ff24,#2fe0ff0a)}.lb tr.is-me td:first-child{box-shadow:inset 3px 0 0 var(--neon-cyan)}.lb--compact td,.lb--compact th{padding:8px 6px;font-size:14px}.lb--compact .lb__num{font-size:10px}.ticker{max-width:var(--max);border-block:1px solid var(--line);background:linear-gradient(90deg,#7a5cc41f,#e8076e14);align-items:stretch;min-height:40px;margin:14px auto 0;display:flex;overflow:hidden}@media (min-width:1281px){.ticker{border-inline:1px solid var(--line);border-radius:12px}}.ticker__label{z-index:2;font-family:var(--font-display);color:#fff;background:var(--brand-3);clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);flex:none;align-items:center;gap:8px;padding:0 22px 0 14px;font-size:9px;display:inline-flex}.ticker__dot{background:#fff;border-radius:50%;width:7px;height:7px;animation:1.2s steps(2,end) infinite blink}.ticker__view{flex:1;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.ticker__track{min-width:100%;animation:marquee calc(var(--n,8) * 4.5s) linear infinite;flex:none;align-items:center;display:flex}.ticker__view:hover .ticker__track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-100%)}}.ticker__item{white-space:nowrap;flex:none;align-items:center;gap:8px;padding-left:16px;font-size:13px;display:inline-flex}.ticker__who{font-family:var(--font-head)}.ticker__game{color:var(--text-mute)}.ticker__score{font-family:var(--font-display);color:var(--gold);font-size:10px}.ticker__sep{opacity:.8;padding-left:8px}.ticker__empty{color:var(--text-dim);align-self:center;padding:0 14px;font-size:13px}@media (prefers-reduced-motion:reduce){.ticker__view{overflow-x:auto}.ticker__track{animation:none!important}.ticker__track--dup{display:none}}.daily{border-radius:var(--r-tile);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 14%, var(--surface-2)), var(--surface));border:1px solid var(--line-strong);flex-direction:column;max-width:360px;display:flex;overflow:hidden}.daily__cover{aspect-ratio:16/8;display:block;position:relative}.daily__badge{position:absolute;top:10px;left:10px}.daily__body{justify-items:start;gap:8px;padding:14px;display:grid}.daily__title{font-family:var(--font-head);font-size:19px;font-weight:700}.daily__tip{color:var(--text-mute);font-size:12px}.daily__clock{color:var(--neon-cyan);align-items:center;gap:6px;display:inline-flex}.daily__time{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:16px}.daily__top{color:var(--text-dim);font-size:13px}.daily__top b{color:var(--text)}.hero{--px:0;--py:0;--sy:0;touch-action:pan-y;background:var(--bg-1);border-radius:0 0 26px 26px;max-width:1600px;height:min(76svh,640px);min-height:460px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000073}@media (min-width:901px){.hero{border-radius:0 0 32px 32px;height:min(68vh,620px)}}.hero__slide{opacity:0;visibility:hidden;transition:opacity .6s var(--ease), visibility 0s linear .6s;background:radial-gradient(70% 80% at 75% 30%, color-mix(in srgb, var(--accent) 45%, transparent), transparent 70%), linear-gradient(160deg, color-mix(in srgb, var(--accent) 25%, #130d38), #07051a);position:absolute;top:0;bottom:0;left:0;right:0}.hero__slide.is-active{opacity:1;visibility:visible;transition-delay:0s}.hero__layer{will-change:transform;position:absolute;top:-6%;bottom:-6%;left:-6%;right:-6%}.hero__layer--bg{transform:translate3d(calc(var(--px) * -10px), calc(var(--py) * -6px - var(--sy) * .05px), 0) scale(1.04)}.hero__layer--mid{transform:translate3d(calc(var(--px) * -26px), calc(var(--py) * -16px - var(--sy) * .14px), 0) scale(1.06)}.hero__img{object-fit:cover}.hero__glyph{font-family:var(--font-display);color:#ffffff0d;text-shadow:0 0 60px var(--accent);pointer-events:none;font-size:clamp(80px,24vw,260px);position:absolute;top:14%;right:6%}.hero__shade{background:linear-gradient(#07051a26 0%,#07051a00 30%,#07051ae0 100%),linear-gradient(90deg,#07051ab3,#0000 65%);position:absolute;top:0;bottom:0;left:0;right:0}.hero__inner{height:100%;max-width:var(--max);padding:0 var(--gutter) 64px;justify-content:space-between;align-items:flex-end;gap:32px;margin:0 auto;display:flex;position:relative}.hero__copy{justify-items:start;gap:10px;max-width:560px;display:grid}.hero__kicker{font-family:var(--font-display);letter-spacing:1px;color:#1a0420;background:var(--brand-1);border-radius:6px;padding:6px 10px;font-size:9px}.hero__title{font-family:var(--font-display);background:var(--grad-brand);color:#0000;filter:drop-shadow(0 4px 0 #00000073) drop-shadow(0 0 22px color-mix(in srgb, var(--accent) 60%, transparent));animation:titlein .7s var(--ease) both;-webkit-background-clip:text;background-clip:text;font-size:clamp(26px,8.5vw,58px);line-height:1.15}.hero__slide.is-active .hero__title{animation:titlein .7s var(--ease) both}@keyframes titlein{0%{opacity:0;transform:translateY(18px)}}.hero__tag{color:#e6e1ff;text-shadow:0 2px 8px #000000b3;font-size:clamp(15px,4vw,19px)}.hero__clock{color:var(--neon-cyan);font-family:var(--font-display);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:15px;display:inline-flex}.hero__clock small{font-family:var(--font-body);color:var(--text-dim);font-size:12px}.hero__cta{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.hero__chip{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:inline-flex}.hero__chip b{color:var(--text);font-family:var(--font-head)}.hero__chip span{font-family:var(--font-display);color:var(--gold);font-size:11px}.hero__dots{z-index:3;gap:4px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.hero__dot{align-items:center;width:56px;height:44px;display:grid}.hero__bar{background:#ffffff40;border-radius:2px;height:4px;display:block;overflow:hidden}.hero__dot.is-active .hero__bar{background:#ffffff59}.hero__fill{background:var(--grad-brand);transform-origin:0;width:100%;height:100%;animation:7s linear forwards fill;display:block;transform:scaleX(0)}.hero__fill[data-paused=yes]{animation-play-state:paused}@keyframes fill{to{transform:scaleX(1)}}.hero__screen{flex:none;align-self:center;margin-bottom:-20px}.crt{box-shadow:0 0 0 2px #3b2f7a, 0 0 0 5px #0a0720, 0 30px 70px #0009, 0 0 80px color-mix(in srgb, var(--accent) 35%, transparent);transform:perspective(1400px) rotateY(calc(var(--px) * -5deg)) rotateX(calc(var(--py) * 3deg));transition:transform .2s var(--ease);background:linear-gradient(160deg,#2a2060,#120c32);border-radius:22px;padding:14px 14px 20px}.crt__glass{aspect-ratio:9/16;background:#05030f;border-radius:12px;height:min(46vh,430px);position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000c}.crt__poster{opacity:.8}.crt__live{background:0 0;position:absolute;top:0;bottom:0;left:0;right:0}.crt__scan{pointer-events:none;background:repeating-linear-gradient(0deg,#00000038 0 1px,#0000 1px 3px),radial-gradient(120% 100%,#0000 55%,#00000080);position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:1100px){.crt__glass{height:min(40vh,340px)}}.page{max-width:var(--max);padding:24px var(--gutter) 8px;margin:0 auto}.page--narrow{max-width:820px}.page__title{font-family:var(--font-display);background:var(--grad-brand);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(18px,5vw,28px);line-height:1.3}.page__sub{font-family:var(--font-head);text-transform:uppercase;margin:36px 0 14px;font-size:22px}.eyebrow{font-family:var(--font-display);color:var(--neon-cyan);margin-bottom:10px;font-size:9px}.lead{color:var(--text-dim);margin-bottom:22px;font-size:18px}.muted{color:var(--text-mute);font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:20px 16px;display:grid}@media (max-width:480px){.grid{grid-template-columns:1fr 1fr;gap:16px 12px}}.card{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#1f1748c7,#161036c7);border-radius:16px;margin-bottom:16px;padding:18px}.card__h{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;margin-bottom:12px;font-size:18px;font-weight:700;display:flex}.card__row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.card__row .card__h{margin:0}.card__actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.card--table{padding:4px 6px;overflow-x:auto}.prose-p{color:var(--text-dim)}.prose h2{font-family:var(--font-head);margin-bottom:10px;font-size:22px}.prose p,.prose li{color:var(--text-dim)}.prose ul{gap:10px;padding-left:18px;list-style:square;display:grid}.prose li::marker{color:var(--brand-3)}.steps{counter-reset:s;gap:12px;margin-bottom:12px;display:grid}.steps li{counter-increment:s;color:var(--text-dim);padding-left:42px;position:relative}.steps li:before{content:counter(s);width:30px;height:30px;font-family:var(--font-display);color:#1a0420;background:var(--grad-play);border-radius:8px;place-items:center;font-size:11px;display:grid;position:absolute;top:-2px;left:0}.classic{color:var(--text-dim);margin:24px 0}.classic a{color:var(--neon-cyan);text-decoration:underline}.empty{text-align:center;color:var(--text-mute);justify-items:center;gap:8px;padding:28px 12px;display:grid}.empty--big{padding:48px 12px}.empty h2,.empty h3{font-family:var(--font-head);color:var(--text);font-size:20px}.detail{padding-bottom:8px}.banner{background:radial-gradient(70% 90% at 80% 20%, color-mix(in srgb, var(--accent) 40%, transparent), transparent 70%), linear-gradient(160deg, color-mix(in srgb, var(--accent) 22%, #130d38), #07051a);border-radius:0 0 26px 26px;position:relative;overflow:hidden;box-shadow:0 16px 50px #0006}.banner__bg{position:absolute;top:0;bottom:0;left:0;right:0}.banner__glyph{font-family:var(--font-display);color:#ffffff0d;font-size:clamp(80px,22vw,240px);position:absolute;top:8%;right:4%}.banner__img{opacity:.85}.banner__img--mid{opacity:1}.banner__shade{background:linear-gradient(#07051a4d,#07051aeb);position:absolute;top:0;bottom:0;left:0;right:0}.banner__inner{max-width:var(--max);padding:40px var(--gutter) 28px;flex-direction:column;justify-content:flex-end;gap:18px;min-height:300px;margin:0 auto;display:flex;position:relative}.banner__cover{aspect-ratio:16/10;border-radius:var(--r-tile);width:260px;box-shadow:0 0 0 2px var(--line-strong), 0 20px 40px #00000080;flex:none;display:none;position:relative;overflow:hidden}@media (min-width:701px){.banner__inner{flex-direction:row;align-items:flex-end;gap:28px;min-height:340px}.banner__cover{display:block}}.banner__copy{justify-items:start;gap:10px;display:grid}.banner__badges{flex-wrap:wrap;gap:6px;display:flex}.banner__title{font-family:var(--font-display);background:var(--grad-brand);color:#0000;filter:drop-shadow(0 4px #00000073);-webkit-background-clip:text;background-clip:text;font-size:clamp(24px,7vw,46px);line-height:1.2}.banner__tag{color:#e6e1ff;font-size:18px}.banner__soon{font-family:var(--font-display);color:var(--gold);align-items:center;gap:8px;font-size:11px;display:inline-flex}.banner__play{margin-top:8px}.detail__grid{max-width:var(--max);padding:0 var(--gutter);gap:0 20px;margin:20px auto 0;display:grid}@media (min-width:901px){.detail__grid{grid-template-columns:1fr 1fr;align-items:start}}.chips{flex-wrap:wrap;gap:8px;display:flex}.modechip{min-height:44px;font-family:var(--font-head);border:1px solid var(--line-strong);transition:transform var(--t1), background var(--t2);background:#07051a99;border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.modechip:active{transform:scale(.95)}.modechip.is-active{background:var(--grad-play);color:#1a0420;border-color:#0000}.modechip.is-daily:not(.is-active){border-color:var(--neon-cyan);color:var(--neon-cyan)}.modechip.is-locked{opacity:.5}.keys{gap:8px;margin-top:12px;display:grid}.keys>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.keys dt{font-family:var(--font-display);border:1px solid var(--line-strong);background:#07051acc;border-radius:6px;padding:6px 8px;font-size:9px;line-height:1.6;box-shadow:0 2px #120c32}.keys__pad{color:var(--neon-green)}.keys dd{color:var(--text-dim);text-align:right;font-size:14px}.stats{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;display:grid}.stats>div{border:1px solid var(--line);background:#07051a8c;border-radius:12px;padding:12px}.stats dt{letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);font-size:11px}.stats dd{font-family:var(--font-display);color:var(--gold);margin-top:4px;font-size:14px}.lbnav{gap:12px;margin-bottom:20px;display:grid}.gamechips{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.gamechips::-webkit-scrollbar{display:none}.gamechip{min-height:44px;font-family:var(--font-head);border:1px solid var(--line-strong);transition:transform var(--t1), box-shadow var(--t2);background:#1f1748b3;border-radius:12px;flex:none;padding:0 18px;font-size:15px;font-weight:700}.gamechip.is-active{background:color-mix(in srgb, var(--accent) 80%, #fff 0%);color:#12081f;box-shadow:0 6px 22px color-mix(in srgb, var(--accent) 50%, transparent);border-color:#0000}.lbnav__row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.select select{border:1px solid var(--line-strong);min-height:44px;color:var(--text);font-family:var(--font-head);background:#07051acc;border-radius:10px;padding:0 14px;font-size:15px;font-weight:700}.yourbest{bottom:calc(var(--tabs-h) + var(--sab) + 8px);z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#2fe0ff38,#7a5cc459);border:1px solid #2fe0ff80;border-radius:14px;align-items:center;gap:12px;margin-top:8px;padding:10px 16px;display:flex;position:sticky;box-shadow:0 10px 30px #00000080}@media (min-width:901px){.yourbest{bottom:16px}}.yourbest__label{text-transform:uppercase;letter-spacing:.1em;color:var(--neon-cyan);font-size:11px}.yourbest__name{font-family:var(--font-head);text-overflow:ellipsis;white-space:nowrap;margin-right:auto;overflow:hidden}.yourbest__score{font-family:var(--font-display);color:var(--gold);font-size:12px}.yourbest__rank{color:var(--text-dim);font-size:12px}.card--player{align-items:center;gap:14px;display:flex}.card--player__copy{flex:1;min-width:0}.avatar{width:60px;height:60px;font-family:var(--font-display);color:#1a0420;background:var(--grad-brand);box-shadow:var(--glow);border-radius:14px;flex:none;place-items:center;font-size:24px;display:grid}.player__name{font-family:var(--font-display);overflow-wrap:anywhere;font-size:13px;line-height:1.5}.bestlist{gap:8px;display:grid}.bestlist li{border:1px solid var(--line);background:#07051a8c;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.bestlist__game{font-family:var(--font-head);margin-right:auto;font-weight:700}.bestlist__game i{color:var(--text-mute);font-size:12px;font-style:normal;font-weight:400;display:block}.bestlist__score{font-family:var(--font-display);color:var(--gold);font-size:11px}.keybox{border:1px dashed var(--line-strong);background:#07051acc;border-radius:10px;align-items:center;gap:12px;margin:10px 0;padding:10px 12px;display:flex}.keybox code{letter-spacing:1px;overflow-wrap:anywhere;flex:1;font-family:ui-monospace,monospace;font-size:14px}.linkbtn{min-height:44px;color:var(--neon-cyan);padding:0 8px;font-weight:700}.importform{gap:8px;margin-top:8px;display:flex}.importform .input{font-size:14px}.danger{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.gameover{min-height:calc(100dvh - var(--nav-h) - 120px);padding:32px var(--gutter);text-align:center;place-content:center;justify-items:center;gap:14px;display:grid}.gameover__title{font-family:var(--font-display);color:var(--danger);text-shadow:3px 0 var(--neon-cyan), -3px 0 var(--brand-3), 0 6px 0 #4a0516;font-size:clamp(30px,11vw,78px);line-height:1.1;animation:2.8s step-end infinite glitch}@keyframes glitch{0%,92%,to{transform:none}93%{transform:translate(-5px,2px)skew(6deg)}95%{transform:translate(6px,-2px)skew(-8deg)}97%{transform:translate(-2px)}}.gameover__cont{font-family:var(--font-display);font-size:clamp(14px,4vw,22px);animation:1s steps(2,end) infinite blink}.gameover__count{font-family:var(--font-display);background:var(--grad-brand);color:#0000;animation:countpop 1s var(--ease);-webkit-background-clip:text;background-clip:text;font-size:clamp(64px,22vw,150px);line-height:1}@keyframes countpop{0%{opacity:0;transform:scale(1.5)}}.gameover__body{color:var(--text-dim);max-width:34ch}.stage{z-index:200;height:100dvh;color:var(--text);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;padding:var(--sat) var(--sar) var(--sab) var(--sal);background:#000;grid-template-rows:auto 1fr;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.stage__bg{background:radial-gradient(90% 70% at 50% 45%, color-mix(in srgb, var(--accent) 16%, #0c0824), transparent 80%), radial-gradient(120% 100% at 50% 50%, transparent 50%, #000000bf);position:absolute;top:0;bottom:0;left:0;right:0}.stage__bar{z-index:5;align-items:center;gap:8px;min-height:56px;padding:6px 8px;display:flex;position:relative}.stage__name{min-width:0;line-height:1.15;display:grid}.stage__name b{font-family:var(--font-head);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.stage__name span{color:var(--text-mute);font-size:11px}.stage__spacer{flex:1}.stage__main{grid-template-columns:1fr;min-height:0;display:grid;position:relative}.stage.is-wide .stage__main{grid-template-columns:300px 1fr 300px;gap:12px;padding:0 16px 16px}.stage__arena{place-items:center;min-width:0;min-height:0;display:grid;position:relative}.cab{display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.stage.is-wide .cab{box-shadow:0 0 0 2px #3b2f7a, 0 0 0 6px #0a0720, 0 0 90px color-mix(in srgb, var(--accent) 30%, transparent);background:linear-gradient(160deg,#2a20608c,#0a0720cc);border-radius:22px;top:0;bottom:0;left:0;right:0}.stage__screen{place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.stage__canvas{image-rendering:pixelated;background:#05030f;box-shadow:0 0 0 2px #ffffff14,0 0 60px #000c}.stage__overlay{position:absolute;top:0;bottom:0;left:0;right:0}.stage__scan{pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000002e 0 1px,#0000 1px 3px);display:none;position:absolute;top:0;bottom:0;left:0;right:0}.stage.has-crt .stage__scan{display:block}.stage__side{z-index:2;border:1px solid var(--line);background:#0f0b2ab3;border-radius:18px;padding:18px;position:relative;overflow-y:auto}.side__h{font-family:var(--font-display);color:var(--neon-cyan);margin-bottom:12px;font-size:11px}.side__empty{color:var(--text-mute);font-size:14px}.side__mode,.side__best{color:var(--text-dim);margin-top:14px;font-size:13px}.side__best b{font-family:var(--font-display);color:var(--gold);margin-left:6px;font-size:11px}.stage__side .keys dt{font-size:8px}.overlay{z-index:10;padding:calc(var(--sat) + 16px) 16px calc(var(--sab) + 16px);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade var(--t2) both;touch-action:manipulation;background:#04020e99;outline:none;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.overlay--loading{text-align:center;background:#04020ed9;align-content:center;justify-items:center;gap:12px}.overlay--loading .tip{max-width:34ch;color:var(--text-mute);font-size:13px}.overlay--ready{-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(70% 50% at 50% 55%,#04020e59,#04020ecc)}.ready{text-align:center;justify-items:center;gap:18px;width:min(100%,420px);display:grid}.ready__mode{gap:8px;display:flex}.ready__title{font-family:var(--font-display);background:var(--grad-brand);color:#0000;filter:drop-shadow(0 4px #0009);-webkit-background-clip:text;background-clip:text;font-size:clamp(20px,6.5vw,34px);line-height:1.3}.ready__go{white-space:normal;padding:0 26px;font-size:15px;animation:2.2s ease-in-out infinite glow,1.2s ease-in-out infinite nudge}@keyframes nudge{50%{transform:scale(1.04)}}.ready__status{min-height:20px;color:var(--text-mute);font-size:13px}.ready__tip{color:var(--neon-cyan);align-items:center;gap:6px;font-size:12px;display:inline-flex}.ready__tipx{place-items:center;width:44px;height:44px;margin:-12px -8px -12px 0;display:grid}.panel{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line-strong);width:min(100%,420px);max-height:100%;animation:pop var(--t3) var(--ease);border-radius:20px;gap:14px;padding:22px 20px;display:grid;overflow-y:auto;box-shadow:0 0 0 1px #e8076e40,0 24px 70px #0009}.panel__title{font-family:var(--font-display);text-align:center;font-size:18px}.panel__stack{gap:10px;display:grid}.panel__lead{text-align:center;color:var(--text-dim)}.panel .settings{border-top:1px solid var(--line);padding-top:6px}.panel--results{text-align:center;gap:8px}.results__title{font-family:var(--font-display);color:var(--text-dim);letter-spacing:1px;font-size:16px}.results__score{margin:4px 0 0}.results__num{background:linear-gradient(#fff3b0,#fcc80e 50%,#f37a3a);color:#0000;filter:drop-shadow(0 4px #00000080);-webkit-background-clip:text;background-clip:text;font-size:clamp(30px,10vw,48px);line-height:1.2}.results__prog{color:var(--text-dim)}.results__prog b{color:var(--text);font-family:var(--font-display);font-size:12px}.results__best{min-height:26px;font-family:var(--font-display);color:var(--neon-green);animation:pop var(--t3) var(--ease);justify-content:center;align-items:center;gap:8px;font-size:11px;display:inline-flex}.results__best .badge{min-height:26px;font-size:11px;animation:.6s ease-in-out 2 wiggle}@keyframes wiggle{25%{transform:rotate(-4deg)scale(1.1)}75%{transform:rotate(4deg)scale(1.1)}}.results__pb{min-height:26px;color:var(--text-mute);font-size:13px}.results__status{place-items:center;min-height:74px;display:grid}.verify{color:var(--text-dim);align-items:center;gap:10px;display:inline-flex}.results__note{color:var(--text-dim);justify-items:center;gap:8px;font-size:13px;display:grid}.results__note--bad{color:#ff8fa3}.ranks{perspective:600px;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;width:100%;display:grid}.rank{border:1px solid var(--line-strong);animation:flip .7s var(--ease) both;animation-delay:calc(var(--i,0) * .18s);background:#07051ab3;border-radius:12px;gap:2px;padding:10px 6px;display:grid}.rank.is-up{border-color:#7cf07c99;box-shadow:0 0 22px #7cf07c33}@keyframes flip{0%{opacity:0;transform:rotateX(90deg)}}.rank__per{letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);font-size:10px}.rank__no{font-family:var(--font-display);color:var(--gold);font-size:15px}.rank__up{color:var(--neon-green);margin-left:4px;font-size:11px;font-style:normal}.rank__of{color:var(--text-mute);font-size:11px}.results__actions{gap:10px;margin-top:6px;display:grid}.results__row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.results__row .btn--ghost{grid-column:1/-1}.rotate{z-index:30;background:#04020ef2;place-content:center;justify-items:center;gap:18px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.rotate__phone{animation:rot 2.4s var(--ease) infinite;color:var(--neon-cyan)}@keyframes rot{0%,20%{transform:rotate(90deg)}60%,to{transform:rotate(0)}}.rotate__text{font-family:var(--font-display);font-size:13px}@media (max-height:520px) and (orientation:landscape){.stage__bar{min-height:48px}}