:root{--bg: #0e1020;--panel: #161a30;--ink: #e9eefb;--muted: #9aa3c7;--accent: #ff4d5e;--good: #4ade80;--line: #2a3155}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(1200px 600px at 50% -10%,#1a1f3d,var(--bg));color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none}#app{min-height:100%;display:flex;align-items:center;justify-content:center;padding:14px}.wrap{width:100%;max-width:640px}header h1{margin:0;font-size:1.5rem;letter-spacing:.06em;background:linear-gradient(90deg,#ff4d5e,#ffb14d);-webkit-background-clip:text;background-clip:text;color:transparent}header .tag{margin:4px 0 10px;color:var(--muted);font-size:.78rem;line-height:1.35}.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.box{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px 8px;text-align:center}.box .k{font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.box b{font-size:1.05rem}#slowmo[data-state=ready]{color:#5fd0ff}#slowmo[data-state=active]{color:#aef0ff;text-shadow:0 0 8px #5fd0ff}#slowmo[data-state=used]{color:var(--muted);opacity:.65}#slowbtn[disabled]{opacity:.5}.stage{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#c9d2ec;aspect-ratio:3 / 2}canvas{display:block;width:100%;height:100%;touch-action:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#080a16b8;backdrop-filter:blur(2px)}.overlay.hidden{display:none}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px 22px;text-align:center;max-width:320px}.card h2{margin:0 0 6px}.card p{color:var(--muted);font-size:.85rem;margin:0 0 14px}button.primary{background:linear-gradient(90deg,#ff4d5e,#ff7a4d);color:#fff;border:0;border-radius:10px;padding:9px 16px;font-weight:700;cursor:pointer}button.primary:active{transform:translateY(1px)}.hint{color:var(--muted);font-size:.72rem;line-height:1.4;margin:10px 2px 0}.pad{display:none;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(2,56px);gap:6px;justify-content:center;margin-top:12px}.pad button{background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:1.2rem}.pad button:active{background:#232a4a}@media(pointer:coarse){.pad{display:grid}}