:root{--bg: #0a0c12;--panel: #151a26;--ink: #e8edf7;--accent: #46e09b;--danger: #ff5d5d}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none}#app{max-width:980px;margin:0 auto;padding:12px;display:flex;flex-direction:column;gap:8px}#hud{background:var(--panel);border:1px solid #263149;border-radius:8px;padding:8px 12px}.hud-row{display:flex;gap:10px;align-items:center;font-variant-numeric:tabular-nums;letter-spacing:.5px}.hud-label{color:#8da0c4;font-size:11px;font-weight:700;margin-left:6px}.beat-dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:#2a3450;border:1px solid #39507a;vertical-align:middle}.beat-dot.on{background:var(--accent);box-shadow:0 0 10px var(--accent)}.bars{display:flex;gap:16px;margin-top:8px}.bar{flex:1;display:flex;align-items:center;gap:8px}.bar-cap{font-size:11px;font-weight:700;color:#8da0c4;width:38px}.bar-track{flex:1;height:14px;background:#0c1018;border:1px solid #2a3450;border-radius:7px;overflow:hidden}.bar-fill{height:100%;transition:width 80ms linear}.bar-fill.hp{background:linear-gradient(90deg,#2ec27e,#46e09b)}.bar-fill.boss{background:linear-gradient(90deg,#b0322f,#ff5d5d)}#game{width:100%;height:auto;background:#10131c;border:1px solid #263149;border-radius:8px;display:block}#help{font-size:12px;color:#9fb0d0;background:var(--panel);border:1px solid #263149;border-radius:8px;padding:8px 12px}#help b{color:var(--accent)}.overlay{position:relative;text-align:center;min-height:0;height:0;overflow:hidden;color:var(--accent);font-weight:800;font-size:18px}.overlay.show{height:auto;min-height:28px;padding:6px}