*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#142336;color:#fff}#game{position:relative;height:100dvh;overflow:hidden;touch-action:none}canvas{display:block;width:100%;height:100%}.hud{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:20px;padding:18px;background:linear-gradient(#101d2bd9,transparent);pointer-events:none}.hud button{margin-left:auto;pointer-events:auto}button{border:0;border-radius:5px;padding:12px 20px;background:#fff;color:#183a5f;font-weight:700;font-size:1rem;cursor:pointer}button:focus-visible{outline:3px solid #ffca55;outline-offset:3px}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0d1d2cc7;text-align:center;padding:24px}.overlay[hidden]{display:none}.overlay>div{max-width:460px}h1{font-size:clamp(2.2rem,8vw,4rem);margin:0 0 12px}.instructions{line-height:1.7;color:#e1e9f1;margin:24px 0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:700px){.hud{gap:6px 12px;padding:10px;flex-wrap:wrap;font-size:12px}.hud strong{flex-basis:100%}.hud button{padding:8px 12px;font-size:12px}}