*{box-sizing:border-box}body{color:#111827;-webkit-user-select:none;user-select:none;touch-action:none;background:radial-gradient(circle at 20% 10%,#dff7ff 0 24%,#0000 40%),radial-gradient(circle at 82% 20%,#ffe3f7 0 20%,#0000 38%),#f8fafc;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit}.app{width:min(960px,100% - 24px);margin:0 auto;padding:22px 0 34px}.hud{justify-content:center;align-items:center;gap:12px;margin-bottom:14px;display:flex}.hud div,.hud button{text-align:center;background:#ffffffd1;border:0;border-radius:18px;min-width:96px;padding:12px 18px;box-shadow:0 14px 36px #0f172a1f}.hud span{color:#64748b;font-size:13px;font-weight:700;display:block}.hud b{font-size:28px;line-height:1;display:block}.hud button{cursor:pointer;color:#fff;background:#111827;font-weight:800}.stage-wrap{background:#fff9;border-radius:36px;padding:10px;position:relative;box-shadow:0 28px 90px #0f172a2e}.stage{border-radius:28px;width:100%;height:auto;display:block}.block-label{fill:#ffffffe6;pointer-events:none;font-size:18px;font-weight:900}.player{transition:transform .18s}.player.charging{transform:scaleY(.72)translateY(16px)}.over{fill:#ef4444;paint-order:stroke;stroke:#fff;stroke-width:8px;font-size:26px;font-weight:900}.power{background:#0f172a1a;border-radius:999px;height:14px;margin:12px auto 4px;overflow:hidden}.power i{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#facc15,#ef4444);height:100%;transition:width 50ms linear;display:block}.tips{text-align:center;padding:22px 8px 0}h1{letter-spacing:-2px;margin:0;font-size:clamp(38px,7vw,70px)}p{color:#475569;max-width:680px;margin:10px auto 0;font-size:18px;line-height:1.6}@media (width<=560px){.app{width:calc(100% - 12px);padding-top:8px}.hud{gap:6px}.hud div,.hud button{flex:1;min-width:0;padding:10px 8px}.hud b{font-size:23px}.stage-wrap{border-radius:24px;padding:5px}.stage{border-radius:20px}.over{font-size:18px}}