@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#f3f0e9;--muted:#8e929b;--orange:#ff7048;--yellow:#ffd166;--panel:#171920;--line:#30333e}*{box-sizing:border-box}body{margin:0;background:#0b0c10;color:var(--ink);font-family:'Space Grotesk',sans-serif;min-height:100vh}.shell{max-width:1180px;margin:auto;padding:28px 34px}.topbar{height:42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.brand{font-weight:700;font-size:13px;letter-spacing:2.3px}.brand i{color:var(--orange);font-style:normal}.brand-mark{color:var(--yellow);font-size:20px;margin-right:10px}.status,.hud span,.mission span,.eyebrow,footer,.control-note,.overlay-kicker{font:500 10px 'DM Mono',monospace;letter-spacing:1.4px;color:var(--muted)}.live-dot{width:6px;height:6px;border-radius:50%;background:#76e0a5;display:inline-block;margin:0 8px 1px 0;box-shadow:0 0 12px #76e0a5}.intro{display:flex;justify-content:space-between;align-items:end;padding:52px 0 32px}.eyebrow{color:var(--orange);margin:0 0 15px}.intro h1{font-size:clamp(36px,5vw,62px);line-height:.98;letter-spacing:-2.7px;margin:0 0 17px;max-width:650px}.intro h1 em,.overlay h2 em{font-style:normal;color:var(--orange)}.lede{color:#9b9da5;max-width:470px;line-height:1.6;font-size:14px;margin:0}.mission{border-left:2px solid var(--orange);padding:5px 0 5px 18px;min-width:190px}.mission span,.mission strong,.mission small{display:block}.mission strong{font-size:14px;letter-spacing:1px;margin:8px 0 10px}.mission small{font:10px 'DM Mono',monospace;color:var(--muted)}.mission b{color:var(--yellow);font-weight:400}.game-card{background:var(--panel);border:1px solid var(--line);box-shadow:0 20px 80px #0008}.hud{height:70px;display:flex;align-items:center;gap:48px;padding:0 25px;border-bottom:1px solid var(--line)}.hud-item span{display:block;font-size:9px;margin-bottom:5px}.hud-item strong{font:500 17px 'DM Mono',monospace;letter-spacing:1px}.hud-item strong small{font-size:11px;color:var(--muted)}.lives{margin-left:auto}.lives strong{color:var(--orange);font-size:14px;letter-spacing:3px}.canvas-wrap{position:relative;background:#111827}.canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:2.1/1;image-rendering:auto}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#08101acc;text-align:center}.overlay-card{transform:translateY(-3%)}.overlay-kicker{color:var(--yellow)}.overlay h2{font-size:clamp(34px,6vw,68px);line-height:.88;letter-spacing:-3px;margin:17px 0}.overlay p{font-size:13px;color:#a8adb8;margin:0 0 25px}.overlay button{border:0;background:var(--orange);color:#160d0a;font:700 12px 'DM Mono',monospace;letter-spacing:1px;padding:15px 21px;cursor:pointer}.overlay button span{font-size:20px;vertical-align:-2px;margin-left:15px}.overlay small{display:block;font:9px 'DM Mono',monospace;color:#767d8c;margin-top:18px}.controls{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 25px}.control-note{display:flex;align-items:center;gap:8px}.key{border:1px solid #545866;color:#e9e6de;padding:5px 8px;font-size:10px}.key.wide{margin-left:10px}.hint{font:10px 'DM Mono',monospace;color:var(--muted)}.hint span{color:var(--yellow);font-size:16px;margin-left:5px}.touch{display:none}footer{display:flex;justify-content:space-between;padding:18px 2px;font-size:9px}@media(max-width:700px){.shell{padding:18px 14px}.status{display:none}.intro{display:block;padding:38px 0 24px}.intro h1{font-size:44px}.mission{margin-top:26px}.hud{gap:18px;padding:0 14px}.hud-item strong{font-size:13px}.lives{display:none}.control-note,.hint{display:none}.controls{justify-content:center;height:76px}.touch{display:flex;gap:9px}.touch button{width:46px;height:42px;background:#252834;border:1px solid #464a58;color:#fff;font-size:20px}.touch button:last-child{margin-left:10px;background:#40323a;border-color:var(--orange);color:var(--orange)}}