:root{--bg: #0b0f17;--panel: #131a26;--ink: #e8eef7;--muted: #8aa0bd;--accent: #f0a23b;--accent2: #6cc6ff;--danger: #ff6b6b;--good: #6ee787;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:radial-gradient(120% 120% at 50% 0%,#16202f 0%,var(--bg) 60%);color:var(--ink);overscroll-behavior:none}#app{min-height:100%;display:flex;align-items:center;justify-content:center;padding:12px}.wrap{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center;gap:12px}.title{font-size:26px;font-weight:800;letter-spacing:.5px;margin:6px 0 0;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{color:var(--muted);font-size:14px;text-align:center;margin:0 0 6px;max-width:380px}.card{background:var(--panel);border:1px solid #1f2c40;border-radius:14px;padding:18px;width:100%;display:flex;flex-direction:column;gap:12px;align-items:center}button{font:inherit;font-weight:700;color:#08111c;background:var(--accent);border:none;border-radius:10px;padding:12px 18px;cursor:pointer;transition:transform .06s ease,filter .12s ease}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button.ghost{background:transparent;color:var(--ink);border:1px solid #2a3a54}button.alt{background:var(--accent2)}.btn-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.hud{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;font-variant-numeric:tabular-nums;font-size:14px;color:var(--muted)}.hud b{color:var(--ink);font-size:16px}.lives{color:var(--danger);letter-spacing:2px}.bar-outer{flex:1;height:8px;background:#1c2841;border-radius:6px;overflow:hidden}.bar-inner{height:100%;background:linear-gradient(90deg,var(--accent2),var(--good));width:0%;transition:width .15s ease}.stage{position:relative;width:100%}canvas{display:block;width:100%;border-radius:12px;background:#060a12;border:1px solid #1c2740;touch-action:none}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#060a12d1;border-radius:12px;text-align:center;padding:18px}.overlay h2{margin:0;font-size:24px}.overlay.win h2{color:var(--good)}.overlay.lose h2{color:var(--danger)}.overlay p{margin:0;color:var(--muted)}.overlay p.standing{color:var(--accent);font-weight:600}.overlay p.standing:empty{display:none}.hint{color:var(--muted);font-size:13px;text-align:center}.streak{color:var(--accent);font-weight:700}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:#1f2c40;color:var(--ink);padding:10px 16px;border-radius:10px;font-size:14px;box-shadow:0 6px 20px #0006}