:root{--bg: #0a0e1a;--panel: #131a2e;--ink: #e9eefb;--muted: #8a93ad;--accent: #ffce4d;--accent2: #5ad6ff;--danger: #ff5277}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none}.wrap{max-width:660px;margin:0 auto;padding:12px 12px 28px}header h1{margin:0;font-size:1.7rem;letter-spacing:.12em;color:var(--accent)}header .tag{margin:4px 0 10px;font-size:.74rem;color:var(--muted);line-height:1.4}.bar{display:flex;align-items:center;gap:10px;margin-bottom:8px}.spacer{flex:1}button{font:inherit;cursor:pointer;border:1px solid #2a3556;background:var(--panel);color:var(--ink);border-radius:8px;padding:6px 12px}button.primary{background:var(--accent);color:#1a1300;border-color:var(--accent);font-weight:700}button:active{transform:translateY(1px)}.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.hud .box{background:var(--panel);border-radius:8px;padding:6px 8px;text-align:center}.hud .k{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.hud b{font-size:1.1rem}.stage{position:relative;width:100%;background:#060912;border:1px solid #1d2742;border-radius:10px;overflow:hidden}#cv{display:block;width:100%;height:auto;image-rendering:auto}.powerbar{display:flex;gap:6px;flex-wrap:wrap;min-height:22px;margin:8px 0 4px}.pw{font-size:.66rem;padding:3px 8px;border-radius:999px;background:#1d2742;color:var(--accent2);border:1px solid #2a3556}.pad{display:flex;gap:8px;margin-top:8px}.pad button{flex:1;font-size:1.3rem;padding:12px}.pad button.fire{flex:1.4;background:#2a1d2f;color:var(--danger);border-color:var(--danger)}.pad button.grapple{flex:1.4;background:#102733;color:#5ad6ff;border-color:#5ad6ff;font-size:1rem}.hint{font-size:.72rem;color:var(--muted);line-height:1.45;margin-top:10px}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#060912d1}.overlay.hidden{display:none}.overlay .card{background:var(--panel);border:1px solid #2a3556;border-radius:12px;padding:20px 24px;text-align:center;max-width:80%}.overlay .card h2{margin:0 0 8px}.overlay .card p{margin:0 0 14px;color:var(--muted);font-size:.85rem}
