*{box-sizing:border-box}html,body{height:100%;margin:0;background:#0a0b10;color:#fff;font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.top{position:fixed;inset:0 0 auto 0;height:56px;display:flex;align-items:center;gap:12px;padding:8px 12px;background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,0));z-index:10}
.brand{font-weight:800;letter-spacing:.2px}
.controls{opacity:.75;font-size:14px}
.stage-wrap{height:100vh;display:flex;align-items:center;justify-content:center}
#game{background:radial-gradient(1000px 600px at 50% 50%,#111827,#0a0b10);border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.hud{position:absolute;display:grid;grid-template-columns:auto auto auto auto auto;align-items:center;gap:10px;padding:10px;width:min(96vw,900px)}
.score{font-size:20px;font-weight:700}
.best,.charges{opacity:.9}
.btn{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:10px;padding:6px 12px;cursor:pointer}
.btn:hover{background:rgba(255,255,255,.2)}
.foot{position:fixed;bottom:6px;left:0;right:0;text-align:center;font-size:12px;opacity:.7}
.tooltip{position:absolute;top:70px;left:50%;transform:translateX(-50%);font-size:14px;opacity:.8}