*{box-sizing:border-box}html,body{margin:0;height:100%;background:#050b0f;color:#e9eef3;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial}
#hud{position:fixed;top:0;left:0;right:0;height:56px;display:flex;align-items:center;gap:18px;padding:8px 16px;background:rgba(6,16,23,.9);backdrop-filter:blur(6px);border-bottom:1px solid #1f2b35;z-index:3}
#hud .brand{font-weight:800;letter-spacing:.5px}
#hud .stat{font-weight:600}
#hud .spacer{flex:1}
#hud button{background:#1f6feb;color:#fff;border:none;padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:600}
#hud button#pause{background:#334155}
#wrap{position:absolute;inset:56px 0 28px;display:grid;place-items:center}
#game{width:min(96vw,1100px);height:auto;aspect-ratio:3/2;border:1px solid #1f2b35;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.35);background:#061017}
#help{position:fixed;left:0;right:0;bottom:0;height:28px;display:grid;place-items:center;font-size:12px;color:#97a7b4;background:#08131a;border-top:1px solid #0e1f29}
#overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.55);backdrop-filter:blur(2px);z-index:2}
#overlay.hidden{display:none}
.panel{min-width:min(90vw,520px);background:#0b141b;border:1px solid #22303b;border-radius:16px;box-shadow:0 16px 60px rgba(0,0,0,.45);padding:24px}
.panel h1{margin:0 0 6px;font-size:28px}
.panel p{margin:0 0 18px;color:#b9c6d1}
.panel .actions{display:flex;gap:12px}
.panel button{background:#22c55e;color:#03130a;border:none;padding:10px 14px;border-radius:12px;font-weight:700;cursor:pointer}