:root{--fg: #e8ecf4;--accent: #6ee7ff;--warn: #ff6b81;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#05070d;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}.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)}.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)}.hud-player{min-width:110px}.stat-sub{margin-top:4px;font-size:12px;opacity:.55}.mode-grid{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}.mode-grid .play{margin-top:0;min-width:168px;display:flex;flex-direction:column;gap:4px;padding:14px 22px}.mode-grid .play span{font-size:12px;font-weight:500;opacity:.7}button.play.alt{color:var(--fg);background:transparent;border:1px solid rgba(110,231,255,.4);box-shadow:none}button.play.alt:hover{background:#6ee7ff1a;box-shadow:0 10px 30px #6ee7ff1f}.hint{font-size:13px;opacity:.55}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#05070db8,#05070df2);-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:#090e1acc;box-shadow:0 24px 80px #0009;max-width:min(90vw,460px)}.panel h1{margin:0 0 6px;font-size:34px;letter-spacing:-.02em}.panel .tag{margin:0 0 12px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);opacity:.9}.panel p{margin:8px 0;font-size:14px;line-height:1.6;opacity:.75}.hud kbd{pointer-events:none}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:18px;padding:12px 30px;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:46px;font-weight:700;margin:10px 0 0}