:root{--bg: #070a16;--panel: #121830;--ink: #e8ecff;--muted: #9aa3c7;--accent: #3aa0ff}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(1200px 800px at 50% -10%,#14203f 0%,var(--bg) 60%);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{max-width:720px;margin:0 auto;padding:18px 16px 40px;text-align:center}h1{margin:6px 0 2px;font-size:2.2rem;letter-spacing:.06em;background:linear-gradient(90deg,#ff4d5e,#ffb020,#ffe14d,#36d07a,#3aa0ff,#b06bff);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{margin:0 auto 14px;max-width:560px;color:var(--muted);font-size:.92rem}.bar{display:flex;gap:12px;align-items:center;justify-content:center;margin-bottom:14px;flex-wrap:wrap}.bar label{color:var(--muted);font-size:.85rem;display:inline-flex;gap:6px;align-items:center}select,button{font:inherit;color:var(--ink);background:var(--panel);border:1px solid #2a3358;border-radius:8px;padding:7px 12px;cursor:pointer}button.primary{background:var(--accent);border-color:var(--accent);color:#04132a;font-weight:700}button.primary:hover{filter:brightness(1.08)}.stage{display:flex;gap:18px;justify-content:center;align-items:flex-start}canvas#well{background:#0c1020;border:2px solid #2a3358;border-radius:10px;box-shadow:0 12px 40px #00000080}.hud{display:flex;flex-direction:column;gap:10px;min-width:130px;text-align:left;padding-top:4px}.stat{background:var(--panel);border:1px solid #2a3358;border-radius:8px;padding:8px 12px;display:flex;flex-direction:column}.stat span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.stat b{font-size:1.4rem}.next{background:var(--panel);border:1px solid #2a3358;border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.next span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.next canvas{background:#0c1020;border-radius:6px}#msg{min-height:24px;margin:14px 0 4px;font-weight:600}#msg.over{color:#ffb020}.foot{color:var(--muted);font-size:.82rem;line-height:1.6;max-width:560px;margin:8px auto 0}@media(max-width:560px){.stage{flex-direction:column;align-items:center}.hud{flex-direction:row;flex-wrap:wrap;justify-content:center}}