:root{--ink:#f2f4ff;--panel:#0a0d1f;--line:#ffffff1f;--accent:#ffd34d;--accent-ink:#1b1b1f;--bomb:#c78bff}html,body{height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#070916;margin:0;font:15px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation;border:0}button:focus-visible,canvas:focus-visible{outline-offset:-3px;outline:3px solid #fff}[hidden]{display:none!important}body{grid-template:"bar""stage"1fr/1fr;height:100dvh;display:grid}#bar{box-sizing:border-box;padding:max(6px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 6px max(12px, env(safe-area-inset-left));background:var(--panel);border-bottom:1px solid var(--line);grid-area:bar;align-items:center;gap:12px;min-width:0;display:flex}#stats{font-variant-numeric:tabular-nums;flex:1;justify-content:center;gap:clamp(14px,6vw,44px);min-width:0;margin:0;display:flex}#stats div{flex-direction:column;align-items:center;min-width:0;display:flex}#stats dt{letter-spacing:.06em;text-transform:uppercase;opacity:.65;white-space:nowrap;font-size:11px}#stats dd{white-space:nowrap;margin:0;font-size:18px;font-weight:700}#lives{color:#ff8094}#actions{gap:8px;display:flex}#actions button{background:0 0;border:1px solid #ffffff4d;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}#actions button:hover{background:#ffffff14}#actions svg{fill:currentColor;stroke:currentColor;stroke-width:0;width:22px;height:22px}#sound .waves,#sound .mute{fill:none;stroke-width:2px;stroke-linecap:round}#sound[aria-pressed=true] .mute,#sound[aria-pressed=false] .waves{display:none}#stage{grid-area:stage;min-width:0;min-height:0;position:relative;overflow:hidden}#field{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#banner{text-align:center;letter-spacing:.01em;pointer-events:none;text-shadow:0 2px #0000008c,0 0 18px #000000b3;white-space:pre-line;margin:0;padding:0 16px;font-size:clamp(20px,5.5vw,30px);font-weight:800;position:absolute;top:16%;left:0;right:0}#banner.warn{color:#ff8094}#bomb{right:max(14px, env(safe-area-inset-right));bottom:max(22px, calc(env(safe-area-inset-bottom) + 14px));border:2px solid var(--bomb);width:64px;height:64px;color:var(--bomb);touch-action:none;background:#180e2eb8;border-radius:50%;place-items:center;display:grid;position:absolute}#bomb.left{right:auto;left:max(14px, env(safe-area-inset-left))}#bomb svg{fill:currentColor;opacity:.9;grid-area:1/1;width:34px;height:34px}#bomb span{color:#160b2b;grid-area:1/1;font-size:15px;font-weight:800}#bomb:disabled{opacity:.3;cursor:default}#bomb:active:not(:disabled){transform:scale(.94)}#panel{box-sizing:border-box;text-align:center;background:#0a0d1fed;border:1px solid #ffffff38;border-radius:18px;width:min(360px,88%);padding:20px 20px 22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 34px #00000080}#panel h1{margin:0 0 8px;font-size:24px;font-weight:800}#panel p{margin:6px 0}#panel-help{opacity:.75;font-size:13.5px}#panel-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}#panel-actions:empty{display:none}#panel-actions button{min-height:48px;color:var(--accent-ink);background:var(--accent);border-radius:14px;padding:0 22px;font-weight:700}#panel-actions button.ghost{color:inherit;background:0 0;border:1px solid #ffffff59;font-weight:600}#panel-actions button.danger{color:#fff;background:#c4372f;border-color:#c4372f}#panel .cta{color:var(--accent);margin-top:14px;font-size:17px;font-weight:800}#status{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=420px){#stats dd{font-size:16px}#stats dt{font-size:10px}}