@font-face{font-family:Doto;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/doto-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/instrument-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:italic;font-weight:400 600;font-display:swap;src:url(/fonts/instrument-sans-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #0a0c0a;--bg-raise: #101310;--line: #232823;--amber: #ffb03b;--amber-hot: #ffd68f;--amber-dim: rgba(255, 176, 59, .14);--text: #e9e7dc;--muted: #8b9086;--faint: #7a8074;--err: #ff5449;--ok: #8fd98a;--glow: 0 0 22px rgba(255, 176, 59, .4);--font-ui: "Instrument Sans", sans-serif;--font-led: "Doto", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 0%,rgba(255,176,59,.05),transparent 55%),radial-gradient(140% 120% at 50% 110%,rgba(0,0,0,.7),transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.016) 0 1px,transparent 1px 3px)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}#app{position:relative;z-index:1;min-height:100dvh;display:flex;justify-content:center}.frame{width:min(680px,100%);min-height:100dvh;display:flex;flex-direction:column;padding:20px clamp(16px,4vw,32px) 16px}header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:14px}.wordmark{font-family:var(--font-led);font-weight:900;font-size:26px;letter-spacing:.14em;color:var(--amber);text-shadow:var(--glow);-webkit-user-select:none;user-select:none}.wordmark .cursor{animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.tabs{display:flex;gap:4px}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid transparent;border-radius:3px;color:var(--muted);font-family:var(--font-ui);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:6px 10px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:var(--amber);border-color:var(--line);background:var(--amber-dim);text-shadow:0 0 12px rgba(255,176,59,.5)}#stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 0;min-height:340px}.kicker{font-size:12px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--amber);margin-bottom:14px}.round{font-size:12px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--faint);margin-bottom:26px}.round strong{color:var(--muted)}.round .retry{color:var(--err)}.idle-title{font-family:var(--font-led);font-weight:700;font-size:clamp(34px,7vw,52px);color:var(--text);line-height:1.15;margin-bottom:18px}.idle-hint{max-width:42ch;color:var(--muted);font-size:15px;margin-bottom:26px}.bests{font-size:13px;color:var(--faint);letter-spacing:.04em;margin-bottom:30px}.bests b{color:var(--amber);font-family:var(--font-led);font-weight:700;font-size:15px}.seq{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;max-width:100%}.dot-prev{width:9px;height:9px;border-radius:50%;background:var(--faint);opacity:.55}.digit{font-family:var(--font-led);font-weight:900;font-size:clamp(88px,22vw,150px);line-height:1;color:var(--amber-hot);text-shadow:0 0 34px rgba(255,176,59,.55),0 0 90px rgba(255,176,59,.2);min-height:1em;min-width:.72em}.digit.pop{animation:pop .34s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{0%{transform:scale(.55);opacity:0;filter:blur(6px)}to{transform:scale(1);opacity:1;filter:blur(0)}}.slots{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;max-width:480px;margin-bottom:30px}.slot{width:14px;height:14px;border-radius:50%;border:1px solid var(--line);transition:background .12s,box-shadow .12s}.slot.filled{background:var(--amber);border-color:var(--amber);box-shadow:0 0 10px #ffb03b99}.slot.active{border-color:var(--amber);animation:blink 1.1s steps(1) infinite}.slots.err .slot.filled{background:var(--err);border-color:var(--err);box-shadow:0 0 10px #ff544999}.shake{animation:shake .4s}@keyframes shake{20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.key-hint{font-size:13px;color:var(--faint)}kbd{font-family:var(--font-ui);font-size:11px;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:1px 6px;color:var(--muted)}.card{position:relative;width:min(440px,100%);border:1px solid var(--line);background:var(--bg-raise);padding:30px 26px 26px;text-align:center}.card:before,.card:after{content:"";position:absolute;width:14px;height:14px;border:1px solid var(--amber)}.card:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.card:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.card>*{opacity:0;animation:rise .45s cubic-bezier(.2,.9,.3,1) forwards}.card>*:nth-child(2){animation-delay:.08s}.card>*:nth-child(3){animation-delay:.16s}.card>*:nth-child(4){animation-delay:.24s}.card>*:nth-child(5){animation-delay:.32s}.card>*:nth-child(6){animation-delay:.4s}.card>*:nth-child(7){animation-delay:.48s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.score-big{font-family:var(--font-led);font-weight:900;font-size:78px;line-height:1;color:var(--amber);text-shadow:var(--glow);margin:8px 0 2px}.score-unit{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.badge{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ok);border:1px solid rgba(143,217,138,.4);border-radius:3px;padding:3px 10px;margin:0 3px 14px}.meta{font-size:13.5px;color:var(--muted);margin-bottom:18px}.chunkviz{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:44px;margin-bottom:6px}.chunkviz .bar{width:8px;background:var(--amber);opacity:.85;border-radius:1px 1px 0 0}.chunkviz .bar.boundary{background:var(--err)}.chunk-label{font-size:12px;color:var(--faint);margin-bottom:20px}.chunk-label b{color:var(--muted)}.actions{display:flex;justify-content:center;gap:10px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-ui);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:11px 22px;border-radius:3px;border:1px solid var(--line);background:none;color:var(--text);cursor:pointer;transition:all .15s}.btn:hover{border-color:var(--amber);color:var(--amber)}.btn.primary{border-color:var(--amber);background:var(--amber-dim);color:var(--amber);text-shadow:0 0 10px rgba(255,176,59,.5)}.btn.primary:hover{background:var(--amber);color:var(--bg);text-shadow:none;box-shadow:var(--glow)}.keypad{display:none;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 0 6px;max-width:340px;margin:0 auto;width:100%}.keypad button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-led);font-weight:700;font-size:24px;color:var(--text);background:var(--bg-raise);border:1px solid var(--line);border-radius:6px;padding:12px 0;cursor:pointer}.keypad button:active{background:var(--amber-dim);border-color:var(--amber);color:var(--amber)}.keypad.on{display:grid}footer{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px 12px;font-size:11.5px;color:var(--faint);letter-spacing:.03em}.foot-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid var(--line);border-radius:3px;padding:2px 8px;font:inherit;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);cursor:pointer;transition:all .15s}.foot-btn:hover{border-color:var(--amber);color:var(--amber)}.board{margin-top:22px;border-top:1px solid var(--line);padding-top:14px;text-align:left}.board-title{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;text-align:center}.board-row{display:grid;grid-template-columns:26px 1fr auto auto;gap:10px;align-items:baseline;padding:4px 6px;border-radius:3px;font-size:13.5px}.board-row.me{background:var(--amber-dim);color:var(--amber)}.board-rank{font-family:var(--font-led);font-weight:700;color:var(--faint);font-size:12px}.board-row.me .board-rank{color:var(--amber)}.board-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-score{font-family:var(--font-led);font-weight:700}.board-time{color:var(--faint);font-size:12px;min-width:52px;text-align:right}.publish{display:flex;gap:8px;justify-content:center;margin-top:2px}.publish input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-raise);border:1px solid var(--line);border-radius:3px;color:var(--text);font:inherit;font-size:14px;padding:9px 12px;width:180px;letter-spacing:.04em}.publish input:focus{outline:none;border-color:var(--amber)}.board-note{margin-top:10px;font-size:11.5px;color:var(--faint);text-align:center}.linklike{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;font:inherit;color:var(--muted);text-decoration:underline;cursor:pointer}.linklike:hover{color:var(--amber)}.toast{position:fixed;left:50%;bottom:34px;transform:translate(-50%);background:var(--bg-raise);border:1px solid var(--amber);color:var(--amber);font-size:13px;font-weight:600;letter-spacing:.1em;padding:9px 18px;border-radius:4px;z-index:10;animation:rise .25s ease-out}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}