:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif}body{margin:0;background:#0b0e14;color:#e6edf3}.app{--bg:#0b0e14;--card:#0f1724;--border:#1f2937;--muted:#9aa4b2;--accent:#7dd3fc;max-width:860px;margin:0 auto;padding:1.2rem;background:var(--bg);min-height:100vh}.app.theme-candy{--bg:#1b1028;--card:#29163f;--border:#4a2b67;--muted:#caa8de;--accent:#ff8bd1}.sub{color:var(--muted);margin-top:-.2rem}.card{border:1px solid var(--border);border-radius:10px;padding:1rem;background:var(--card);margin:1rem 0}.hud{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;gap:.8rem}.hud button{background:#111827;color:#e6edf3;border:1px solid #334155;border-radius:8px;padding:.5rem .7rem;cursor:pointer}.hud button:hover{border-color:var(--accent)}.mode-pills{display:flex;gap:.4rem}.pill{font-size:.9rem;padding:.35rem .55rem}.pill.active{border-color:var(--accent);color:#fff}.arena{position:relative;height:420px;overflow:hidden;background:radial-gradient(circle at 20% 20%,#162133,#0a1220 60%)}.app.theme-candy .arena{background:radial-gradient(circle at 20% 20%,#5a2b7e,#2a133e 60%)}.target{position:absolute;transform:translate(-50%,-50%);background:transparent;border:0;cursor:pointer;filter:drop-shadow(0 0 6px rgba(125,211,252,.25))}.overlay{position:absolute;inset:auto 0 1rem 0;text-align:center;color:#9fb3ca}.toast{position:absolute;top:.8rem;left:.8rem;background:#00000059;border:1px solid var(--border);padding:.35rem .5rem;border-radius:10px;font-weight:700;letter-spacing:.02em}@media (max-width:760px){.hud{grid-template-columns:1fr 1fr}.mode-pills{grid-column:span 2}.arena{height:340px}}