:root{--wire:#00ff41;--dim:#0a8f2a;--agent:#ff2b4a;--glow:0 0 8px #00ff418c;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{height:100%;color:var(--wire);font-family:var(--mono);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#000;margin:0;overflow:hidden}#stage{width:100%;height:100%;display:block;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:3;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 2px,#00000029 2px 4px),radial-gradient(#0000 45%,#000000bf 100%);position:fixed;inset:0}#hud{inset:max(12px, env(safe-area-inset-top)) 12px auto 12px;z-index:2;letter-spacing:.16em;text-transform:uppercase;text-shadow:var(--glow);flex-wrap:wrap;gap:18px;font-size:12px;display:flex;position:fixed}.readout{align-items:baseline;gap:7px;display:flex}.readout .label{color:var(--dim)}.readout b{font-variant-numeric:tabular-nums;font-weight:600}#shells{letter-spacing:.12em}#shells .spent{color:#0a8f2a59}#mute{right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:2;appearance:none;color:var(--dim);font:inherit;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:#00140680;border:1px solid #00ff4159;padding:6px 10px;font-size:11px;position:fixed}#mute:hover{color:var(--wire);border-color:var(--wire)}#overlay{z-index:4;text-align:center;background:radial-gradient(#000c038c 0%,#000000e6 72%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:fixed;inset:0}#overlay[hidden]{display:none}#overlay-kicker{letter-spacing:.5em;text-transform:uppercase;color:var(--dim);margin:0;font-size:12px;animation:1.6s steps(2,end) infinite blink}#overlay[data-state=over] #overlay-kicker{color:var(--agent)}#overlay h1{letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 18px #00ff4199,2px 0 #ff2b4a59,-2px 0 #00b4ff40;margin:0;font-size:clamp(38px,12vw,86px);line-height:.92}#overlay h1 em{letter-spacing:.62em;color:var(--dim);text-shadow:none;margin-top:10px;font-size:.26em;font-style:normal;display:block}#overlay-lead{max-width:34ch;color:var(--dim);margin:0;font-size:13px;line-height:1.7}#overlay-stats{letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:10px 30px;margin:6px 0 0;font-size:12px;display:flex}#overlay-stats[hidden]{display:none}#overlay-stats .stat{flex-direction:column;gap:5px;min-width:62px;display:flex}#overlay-stats dt{color:var(--dim)}#overlay-stats dd{font-variant-numeric:tabular-nums;text-shadow:var(--glow);margin:0;font-size:20px}#play{appearance:none;border:1px solid var(--wire);color:var(--wire);font:inherit;letter-spacing:.4em;text-transform:uppercase;text-shadow:var(--glow);cursor:pointer;background:#00ff4114;margin-top:10px;padding:12px 34px;font-size:14px}#play:hover{background:#00ff4133}#play:active{transform:translateY(1px)}#keys{letter-spacing:.12em;color:var(--dim);flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:12px 0 0;padding:0;font-size:11px;list-style:none;display:flex}kbd{min-width:20px;font:inherit;color:var(--wire);border:1px solid #00ff4159;margin-right:4px;padding:2px 5px;font-size:10px;display:inline-block}.touch{display:none}@keyframes blink{50%{opacity:.25}}@media (hover:none){#keys li:not(.touch){display:none}.touch{display:block}}@media (prefers-reduced-motion:reduce){#overlay-kicker{animation:none}}