@font-face{font-family:NSF Sans;src:url(../fonts/DejaVuSans.woff2) format("woff2");font-weight:400}@font-face{font-family:NSF Sans;src:url(../fonts/DejaVuSans-Bold.woff2) format("woff2");font-weight:600 700}@font-face{font-family:NSF Mono;src:url(../fonts/DejaVuSansMono-Bold.woff2) format("woff2");font-weight:400 700}:root{--ink: rgb(240, 235, 226);--value: rgb(222, 217, 208);--label: rgb(132, 141, 154);--dim: rgb(88, 95, 106);--accent: rgb(244, 146, 96);--mint: rgb(124, 222, 186);--hair: rgba(150, 170, 186, .22);--panel: rgba(9, 16, 28, .86);--ease: cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{background:#04080f;font-family:NSF Sans,DejaVu Sans,Verdana,sans-serif;color:var(--label);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#wrap{position:fixed;inset:0;overflow:hidden;background:radial-gradient(120% 75% at 50% 34%,#0f192a,#080e19 46%,#03060c)}#far{position:absolute;left:-5%;top:-5%;pointer-events:none;will-change:transform}#vignette{position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(130% 95% at 50% 45%,#0000 58%,#0000008c),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.5'/></svg>");opacity:.9;mix-blend-mode:soft-light}#game{position:absolute;left:0;top:0;width:720px;height:1280px;transform-origin:0 0;touch-action:none;z-index:3}#cv,#hud{position:absolute;left:0;top:0;width:720px;height:1280px;display:block}#cv{transform-origin:360px 1140px;cursor:none;will-change:transform}#hud{pointer-events:none}.overlay{position:absolute;left:0;width:720px;display:flex;flex-direction:column;align-items:center;gap:16px;transition:opacity .6s var(--ease),transform .6s var(--ease),visibility 0s linear 0s}.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(8px);transition:opacity .45s var(--ease),transform .45s var(--ease),visibility 0s linear .45s!important}#title-ui{top:924px}.label{font-size:11px;letter-spacing:.26em;color:var(--dim)}#stages{display:flex;gap:7px}#stages button{width:42px;height:28px;border-radius:8px;border:1px solid var(--hair);background:#0a121eb3;color:var(--label);font:700 12px NSF Mono,DejaVu Sans Mono,monospace;letter-spacing:.04em;cursor:pointer;transition:border-color .3s var(--ease),color .3s var(--ease),background .3s var(--ease)}#stages button:hover{border-color:#bed2de80;color:var(--ink)}#stages button[aria-checked=true]{border-color:#f49260cc;color:var(--accent);background:#28161080}.speed-row{display:flex;align-items:center;gap:14px}.speed-val{font:700 12px NSF Mono,DejaVu Sans Mono,monospace;color:var(--value);width:46px;letter-spacing:.06em}.speed-range{-webkit-appearance:none;appearance:none;width:200px;height:18px;background:transparent;cursor:pointer}.speed-range::-webkit-slider-runnable-track{height:1px;background:#96aaba59}.speed-range::-moz-range-track{height:1px;background:#96aaba59}.speed-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-5.5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #f4926026}.speed-range::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--accent)}.row{display:flex;gap:14px;align-items:center}.dot{width:3px;height:3px;border-radius:50%;background:var(--dim);opacity:.6}button{font-family:inherit}button:focus-visible,.speed-range:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.txt{background:none;border:none;padding:6px 2px;color:var(--label);font-size:11px;letter-spacing:.24em;cursor:pointer;transition:color .3s var(--ease)}.txt:hover{color:var(--ink)}.txt.on{color:var(--mint)}.keys{font-size:10px;letter-spacing:.14em;color:#585f6ae6;margin-top:2px}#pause-ui{top:820px;padding:22px 30px 24px;width:auto;left:50%;margin-left:-170px;min-width:340px;background:var(--panel);border:1px solid var(--hair);border-radius:16px;box-shadow:0 20px 60px #00000080}#clear-ui{top:470px;gap:18px}#clear-stats{display:flex;gap:28px;font:700 15px NSF Mono,DejaVu Sans Mono,monospace;color:var(--value);background:var(--panel);border:1px solid var(--hair);border-radius:14px;padding:14px 26px;box-shadow:0 18px 50px #00000073}#clear-stats span{color:var(--label);font:400 10px NSF Sans,sans-serif;letter-spacing:.24em;margin-right:10px}.pillbtn{background:var(--panel);border:1px solid var(--hair);border-radius:12px;color:var(--ink);font-size:12px;letter-spacing:.22em;padding:12px 22px;cursor:pointer;transition:border-color .3s var(--ease),color .3s var(--ease)}.pillbtn:hover{border-color:#f49260b3;color:var(--accent)}#bottom-bar{position:absolute;left:0;width:720px;top:1250px;display:flex;justify-content:center;align-items:center;gap:12px;transition:opacity .6s var(--ease)}#bottom-bar .txt{font-size:10px;color:var(--dim)}#bottom-bar .txt:hover{color:var(--label)}#bottom-bar #demo-tag{color:var(--mint);opacity:.8}@media(prefers-reduced-motion:reduce){.overlay,.hidden{transition:none!important}}