:root{color-scheme:dark;--bg: #070b14;--panel: #0f172aee;--accent: #22d3ee;--accent2: #a78bfa;--warn: #fbbf24;--text: #e2e8f0;--muted: #94a3b8;--danger: #fb7185;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);touch-action:none;-webkit-user-select:none;user-select:none}#game{display:block;width:100%;height:100%}#hud{position:absolute;inset:0 0 auto 0;padding:14px 16px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;background:linear-gradient(180deg,#000a 0%,transparent 100%)}.hud-row{display:flex;gap:18px}.stat{display:flex;flex-direction:column;min-width:72px}.stat .label{font-size:11px;letter-spacing:.12em;color:var(--muted)}.stat span:last-child{font-size:22px;font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent);text-shadow:0 0 12px #22d3ee55}#pause-btn{pointer-events:auto;background:#1e293bcc;border:1px solid #334155;color:var(--text);border-radius:10px;width:42px;height:42px;cursor:pointer;font-size:14px}#powers{position:absolute;top:70px;left:16px;display:flex;gap:8px}.badge{font-size:11px;letter-spacing:.08em;padding:4px 10px;border-radius:999px;background:#312e81cc;border:1px solid var(--accent2);color:#ede9fe}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#020617d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5}.overlay.hidden,.hidden{display:none!important}.panel{width:min(420px,92vw);padding:28px 24px;border-radius:18px;background:var(--panel);border:1px solid #334155;text-align:center;box-shadow:0 20px 60px #0008}.panel h1{font-size:36px;letter-spacing:.08em;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.panel h2{font-size:28px;margin-bottom:8px;color:var(--warn)}.tagline{color:var(--muted);margin:6px 0 16px}.hint{text-align:left;color:var(--text);line-height:1.55;font-size:14px;background:#02061788;padding:12px 14px;border-radius:12px;margin-bottom:18px}.disclaimer{margin-top:14px;font-size:11px;color:var(--muted);line-height:1.4}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:12px;padding:12px 22px;font-weight:700;letter-spacing:.06em;cursor:pointer;background:linear-gradient(90deg,#0891b2,#7c3aed);color:#fff;margin:4px}button.secondary{background:#1e293b;border:1px solid #475569}button:hover{filter:brightness(1.08)}button:active{transform:scale(.98)}
