:root{--bg:#0b0b12;--bg-deep:#06060a;--panel:#12121c;--line:#2b2b3d;--line-soft:#1b1b28;--green:#4ef07a;--green-dim:#2a8f49;--cyan:#4ed6f0;--magenta:#f04e9c;--amber:#f0c74e;--text:#8b8ba7;--text-h:#eaeaf5;--pixel:"Press Start 2P", "Silkscreen", ui-monospace, monospace;--mono:"Silkscreen", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans:var(--mono);font:14px/1.7 var(--mono);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;text-rendering:geometricprecision}@media (width<=720px){:root{font-size:13px}}*{box-sizing:border-box}html,body,#root{height:100%}body{background: linear-gradient(var(--line-soft) 1px, transparent 1px) 0 0 / 100% 32px, linear-gradient(90deg, var(--line-soft) 1px, transparent 1px) 0 0 / 32px 100%, radial-gradient(120% 90% at 50% 0%, #14142100 0%, var(--bg-deep) 100%), var(--bg);margin:0;overflow:hidden}h1,h2,h3{color:var(--text-h);font-family:var(--pixel);letter-spacing:0;text-shadow:3px 3px #000;margin:0;font-weight:400;line-height:1.35}p{margin:0}a{color:var(--green);text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border-radius:0}input{border-radius:0}kbd{font:.85em/1 var(--mono);border:2px solid var(--line);color:var(--text-h);background:var(--panel);border-bottom-width:4px;padding:3px 6px 1px}::selection{background:var(--green);color:#06060a}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--line);border:2px solid var(--bg-deep)}.page{flex-direction:column;height:100%;display:flex;position:relative}.grain{z-index:3;pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#0000003d 0 1px,#0000 1px 3px),radial-gradient(110% 80% at 50% 0,#4ef07a0d 0%,#0000 60%);position:fixed;inset:0}.page:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(120% 100%,#0000 55%,#0000008c 100%);position:fixed;inset:0}.pbox{background:var(--panel);border:2px solid var(--line);box-shadow:0 0 0 2px var(--bg-deep), 0 0 0 4px var(--line-soft), 6px 6px 0 0 #0000008c}.eyebrow{font:400 10px/1 var(--pixel);letter-spacing:.1em;text-transform:uppercase;color:var(--green);background:var(--bg-deep);border:2px solid var(--green-dim);text-shadow:2px 2px #000;padding:8px 10px 6px;display:inline-block}.btn{font:400 11px/1 var(--pixel);letter-spacing:.04em;text-transform:uppercase;border:2px solid var(--line);background:var(--panel);color:var(--text-h);box-shadow:4px 4px 0 0 var(--bg-deep);justify-content:center;align-items:center;gap:10px;padding:14px 20px 11px;transition:transform 60ms step-end,box-shadow 60ms step-end,background .12s steps(2,end),color .12s steps(2,end);display:inline-flex}.btn:hover{border-color:var(--green-dim);color:var(--green)}.btn:active{box-shadow:0 0 0 0 var(--bg-deep);transform:translate(4px,4px)}.btn:focus-visible{outline:2px solid var(--green);outline-offset:3px}.btn.primary{background:var(--green);border-color:var(--green);color:#06060a;box-shadow:4px 4px 0 0 var(--green-dim)}.btn.primary:hover{color:#06060a;background:#6bff96;border-color:#6bff96}.btn.primary:active{box-shadow:0 0 0 0 var(--green-dim)}.hello{z-index:1;text-align:center;flex:1;place-items:center;padding:40px 24px;display:grid;position:relative}.hello-inner{flex-direction:column;align-items:center;gap:26px;max-width:620px;display:flex}.hello h1{color:var(--text-h);font-size:clamp(26px,6vw,52px)}.hello h1 .dot{vertical-align:-.08em;background:var(--green);width:.7em;height:.95em;margin-left:.12em;animation:1.1s step-end infinite blink;display:inline-block;box-shadow:3px 3px #000}.hello p{max-width:46ch;font-size:13px;line-height:1.9}.hello .who{color:var(--green)}.hello-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:6px;display:flex}.hello-hint{color:var(--text);flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;font-size:12px;display:flex}.gate{z-index:1;text-align:center;flex:1;place-items:center;padding:40px 20px;display:grid;position:relative}.gate-inner{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:460px;padding:34px 26px 28px;animation:.22s steps(3,end) both pop;display:flex}.gate h1{font-size:clamp(20px,5.2vw,34px)}.gate h1 .dot{color:var(--green)}.gate label{max-width:34ch;color:var(--text);font-size:12px;line-height:1.85}.gate input{border:2px solid var(--line);background:var(--bg-deep);width:100%;color:var(--green);font:400 13px/1 var(--pixel);text-align:center;padding:16px 14px 13px;transition:border-color .12s steps(2,end);box-shadow:inset 3px 3px #00000080}.gate input::placeholder{color:#45455e;font-size:10px}.gate input:focus{border-color:var(--green);outline:none}.gate .btn{width:100%}.gate .btn[disabled]{background:var(--panel);border-color:var(--line);color:#4a4a63;box-shadow:4px 4px 0 0 var(--bg-deep);cursor:not-allowed;transform:none}.gate .note{color:#5c5c78;max-width:40ch;font-size:11px;line-height:1.8}.play{z-index:1;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.play-bar{border-bottom:2px solid var(--line);background:var(--bg-deep);font:400 10px/1 var(--pixel);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px 11px;display:flex}.play-bar .back{color:var(--text);transition:color .12s steps(2,end)}.play-bar .back:hover{color:var(--green)}.stats{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.stat{align-items:center;gap:8px;display:flex}.stat .k{color:#5c5c78}.stat .v{color:var(--text-h);font-variant-numeric:tabular-nums;text-align:right;min-width:2ch}.boost-pip{background:var(--bg-deep);border:2px solid var(--line);width:76px;height:10px;overflow:hidden}.boost-pip i{background:repeating-linear-gradient(90deg, var(--green) 0 4px, transparent 4px 6px);transform-origin:0;height:100%;transition:transform 90ms steps(4,end);display:block}.stage{cursor:none;flex:1;min-height:0;position:relative}.stage canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.overlay{text-align:center;cursor:default;background:#06060ad1;place-items:center;padding:24px;animation:.18s steps(2,end) both fade;display:grid;position:absolute;inset:0}.overlay-inner{flex-direction:column;align-items:center;gap:20px;max-width:480px;padding:32px 26px 26px;display:flex}.overlay h2{font-size:clamp(18px,4.6vw,30px)}.overlay .score-line{font:400 12px/1.6 var(--pixel);color:var(--green)}.overlay .score-line .nb{color:var(--amber)}.overlay .keys{color:var(--text);flex-direction:column;gap:11px;font-size:12px;display:flex}.overlay .keys span{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;display:flex}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.btn,.overlay,.gate-inner,.gate input,.hello h1 .dot,.boost-pip i{transition:none;animation:none}}