:root{--neon:#7fe9ff;--neon-dim:#3d7f94;--hot:#ff5ea8;--gold:#ffd166;--ink:#03040c;--face:ui-monospace, "SF Mono", "Cascadia Mono", "DejaVu Sans Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{background:var(--ink);height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--face);color:var(--neon);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none}.app{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.app-rails{flex-direction:row}.app-band,.app-none{flex-direction:column}.stage{flex:none;position:relative;overflow:hidden;container-type:size}canvas{touch-action:none;display:block}.band,.rail{touch-action:none;flex:none;justify-content:center;align-items:center;display:flex}.band{width:100%;padding:0 clamp(.75rem,4vw,2.5rem);padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(#7fe9ff0a,#03040c00);border-top:1px solid #7fe9ff1f;gap:.5rem}.rail{flex-direction:column;justify-content:center;gap:.7rem;height:100%}.rail-left{padding-left:env(safe-area-inset-left)}.rail-right{padding-right:env(safe-area-inset-right)}.zone{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:.4rem;width:100%;height:100%;display:flex;position:relative}.stick{border:2px solid #7fe9ff73;border-radius:50%;flex:none;position:relative}.stick-aim{border-color:#ff5ea880}.stick-knob{will-change:transform;background:#7fe9ff59;border-radius:50%;width:34%;height:34%;margin:-17% 0 0 -17%;transition:background .12s linear;position:absolute;top:50%;left:50%}.stick-knob[data-held=yes]{background:#7fe9ffbf}.stick-aim .stick-knob{background:#ff5ea859}.stick-aim .stick-knob[data-held=yes]{background:#ff5ea8cc}.zone-label{letter-spacing:.24em;color:var(--neon-dim);text-transform:uppercase;font-size:clamp(.45rem,1.6vw,.6rem)}.zone-bomb{width:clamp(46px,11vw,68px);height:clamp(46px,11vw,68px);color:var(--gold);font:inherit;letter-spacing:.14em;background:#ffd1661a;border:1px solid #ffd16680;border-radius:50%;flex:none;font-size:clamp(.45rem,1.5vw,.6rem)}.zone-bomb:active{background:#ffd1664d}.hud{pointer-events:none;padding:clamp(.6rem,2cqw,1.6rem);padding-top:max(clamp(.6rem, 2cqw, 1.6rem), env(safe-area-inset-top));padding-bottom:max(clamp(.6rem, 2cqw, 1.6rem), env(safe-area-inset-bottom));text-transform:uppercase;letter-spacing:.14em;position:absolute;inset:0}.hud-corner{flex-direction:column;gap:.3rem;display:flex;position:absolute}.hud-top-left{top:inherit;top:clamp(.6rem,2cqw,1.6rem);left:clamp(.6rem,2cqw,1.6rem)}.hud-top-right{align-items:flex-end;top:clamp(.6rem,2cqw,1.6rem);right:clamp(.6rem,2cqw,1.6rem)}.hud-bottom-left{left:clamp(.6rem,2cqw,1.6rem);bottom:max(clamp(.6rem, 2cqw, 1.6rem), env(safe-area-inset-bottom))}.hud-bottom-right{right:clamp(.6rem,2cqw,1.6rem);bottom:max(clamp(.6rem, 2cqw, 1.6rem), env(safe-area-inset-bottom));align-items:flex-end}.hud-label{color:var(--neon-dim);letter-spacing:.28em;font-size:clamp(.55rem,1.1cqw,.7rem)}.hud-score{font-variant-numeric:tabular-nums;text-shadow:0 0 12px #7fe9ff8c;font-size:clamp(1.4rem,4cqw,2.6rem);font-weight:700;line-height:1}.hud-multiplier{color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 0 10px #ffd16680;font-size:clamp(.9rem,2cqw,1.3rem)}.hud-multiplier-hot{color:var(--hot);text-shadow:0 0 16px #ff5ea8b3;font-size:clamp(1.1rem,2.6cqw,1.8rem)}.hud-best,.hud-wave{font-variant-numeric:tabular-nums;font-size:clamp(.8rem,1.6cqw,1.1rem)}.hud-row{align-items:baseline;gap:.5rem;display:flex}.hud-pips{letter-spacing:.2em;text-shadow:0 0 10px #7fe9ff80;font-size:clamp(.8rem,1.6cqw,1.1rem)}.hud-pips-bomb{color:var(--gold);text-shadow:0 0 10px #ffd16680}.hud-sound{pointer-events:auto;color:var(--neon-dim);font:inherit;letter-spacing:.2em;cursor:pointer;background:0 0;border:1px solid #7fe9ff4d;margin-top:.4rem;padding:.25rem .5rem;font-size:clamp(.5rem,1cqw,.65rem)}.hud-sound:hover{color:var(--neon);border-color:#7fe9ffb3}.hud-compact{padding:0}.hud-strip{background:linear-gradient(#03040cb8,#03040c00);align-items:center;gap:clamp(.4rem,2cqw,.9rem);padding:.3rem clamp(.4rem,2cqw,.9rem);display:flex;position:absolute;top:0;left:0;right:0}.hud-strip .hud-score{font-size:clamp(.85rem,4cqh,1.4rem)}.hud-strip .hud-multiplier,.hud-strip .hud-multiplier-hot{font-size:clamp(.7rem,3cqh,1.1rem)}.hud-strip .hud-pips{font-size:clamp(.6rem,2.6cqh,.9rem)}.hud-strip .hud-sound{min-width:2rem;margin:0 0 0 auto;padding:.1rem .4rem;font-size:clamp(.6rem,2.6cqh,.85rem)}.banner{pointer-events:none;text-transform:uppercase;letter-spacing:.3em;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding-bottom:22cqh;animation:.28s ease-out both banner-in;display:flex;position:absolute;inset:0}@keyframes banner-in{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.banner-wave{text-shadow:0 0 20px #7fe9ff99;font-size:clamp(1.4rem,5cqw,3rem);font-weight:700}.banner-mode{color:var(--neon-dim);letter-spacing:.45em;font-size:clamp(.7rem,2cqw,1.1rem)}.banner-mode-belt{color:#ffab6b;text-shadow:0 0 14px #ffab6b80}.banner-mode-singularity{color:#c98bff;text-shadow:0 0 18px #c98bffa6}.banner-clear .banner-wave{color:var(--gold);text-shadow:0 0 20px #ffd16699}.banner-respawn .banner-mode{color:var(--hot);text-shadow:0 0 16px #ff5ea899}.overlay{pointer-events:auto;cursor:pointer;background:radial-gradient(#03040c59 0%,#03040cd1 70%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay-card{text-align:center;text-transform:uppercase;animation:.4s ease-out both banner-in}.overlay-title{letter-spacing:.16em;color:#eafaff;text-shadow:0 0 18px #7fe9ffcc,0 0 60px #408cff8c;margin:0;font-size:clamp(2.2rem,11cqw,6.5rem);font-weight:700;line-height:1}.overlay-over{color:#ffd8e8;text-shadow:0 0 18px #ff5ea8cc,0 0 60px #ff5ea866}.overlay-tagline{letter-spacing:.4em;color:var(--neon-dim);margin:.6rem 0 1.8rem;font-size:clamp(.6rem,1.6cqw,.9rem)}.overlay-controls{letter-spacing:.2em;color:var(--neon-dim);flex-direction:column;gap:.35rem;font-size:clamp(.55rem,1.3cqw,.75rem);display:flex}.overlay-controls p{margin:0}.overlay-controls strong{color:var(--neon);font-weight:700}.overlay-dim{color:#2f5f70}.overlay-score{font-variant-numeric:tabular-nums;text-shadow:0 0 20px #7fe9ff99;margin:.8rem 0 .2rem;font-size:clamp(2rem,8cqw,4rem);font-weight:700}.overlay-best{color:var(--gold);letter-spacing:.4em;text-shadow:0 0 16px #ffd16699;font-size:clamp(.6rem,1.6cqw,.9rem)}.overlay-start{color:var(--neon);font:inherit;letter-spacing:.35em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;margin-top:2rem;font-size:clamp(.6rem,1.5cqw,.85rem);animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}