:root{--fg: #e8ecf4;--accent: #6ee7ff;--warn: #ff6b81;--good: #7cff9b;--gold: #ffe066;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#02040a;color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}.stage{display:block;position:absolute;inset:0;cursor:crosshair;touch-action:none}.hud{position:absolute;inset:0;pointer-events:none;padding:18px 22px;display:flex;flex-direction:column;justify-content:space-between}.hud-row{display:flex;gap:26px;align-items:baseline;text-shadow:0 2px 12px rgba(0,0,0,.8)}.hud-row.bottom{justify-content:space-between;align-items:flex-end}.hud-center{display:grid;place-items:center}.stat-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.6}.stat-value{font-size:30px;font-variant-numeric:tabular-nums;font-weight:650;line-height:1}.stat-value.danger{color:var(--warn)}.stat-value.accent{color:var(--accent)}.wave-banner{font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:var(--good);opacity:.85;text-shadow:0 0 18px rgba(124,255,155,.5)}.chips{display:flex;gap:8px}.chip{font-size:11px;font-weight:700;letter-spacing:.1em;padding:5px 10px;border-radius:999px;border:1px solid currentColor;font-variant-numeric:tabular-nums}.chip.rapid{color:var(--accent);box-shadow:0 0 16px #6ee7ff40}.chip.spread{color:var(--good);box-shadow:0 0 16px #7cff9b40}.chip.shield{color:var(--gold);box-shadow:0 0 16px #ffe06640}.hint{font-size:13px;opacity:.5;text-align:right}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#02040ab3,#02040af0);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.panel{text-align:center;padding:34px 44px;border:1px solid rgba(110,231,255,.25);border-radius:16px;background:#090e1ad1;box-shadow:0 24px 80px #0009;max-width:min(90vw,520px)}.panel h1{margin:0 0 6px;font-size:38px;letter-spacing:-.02em;background:linear-gradient(100deg,#6ee7ff,#b06bff 55%,#ff5d8f);-webkit-background-clip:text;background-clip:text;color:transparent}.panel p{margin:8px 0;font-size:14px;line-height:1.6;opacity:.75}.panel p.tagline{font-size:13px;letter-spacing:.22em;text-transform:uppercase;opacity:.5;margin-bottom:18px}.panel p.keys{opacity:.6;font-size:13px;margin-top:16px}.panel b{color:var(--fg);opacity:.95;font-weight:600}kbd{display:inline-block;padding:2px 7px;margin:0 2px;border-radius:5px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;font:inherit;font-size:12px}button.play{margin-top:20px;padding:12px 34px;font-size:15px;font-weight:600;color:#04121a;background:var(--accent);border:0;border-radius:999px;cursor:pointer;pointer-events:auto;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 10px 30px #6ee7ff47}button.play:hover{transform:translateY(-1px);box-shadow:0 14px 36px #6ee7ff66}button.play:active{transform:translateY(1px)}.score-final{color:var(--accent);font-size:52px;font-weight:700;margin:14px 0 0;font-variant-numeric:tabular-nums;opacity:1;text-shadow:0 0 30px rgba(110,231,255,.4)}