:root{--cyan: #37f0ff;--red: #ff3b3b;--gold: #ffd23f;--font: "Press Start 2P", monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#05060f;color:#fff;font-family:var(--font);overflow:hidden}#app{position:fixed;inset:0}#game{display:block;width:100%;height:100%}#overlay{position:absolute;inset:0;pointer-events:none}#hud{position:absolute;inset:0;pointer-events:none;font-size:11px;text-shadow:0 2px 0 #000,0 0 8px rgba(0,0,0,.8)}.hud-top-left{position:absolute;left:18px;top:16px;width:260px}.hud-top-center{position:absolute;left:50%;top:14px;transform:translate(-50%);text-align:center}.hud-top-right{position:absolute;right:18px;top:16px;text-align:right}.bar-label{margin:6px 0 4px;letter-spacing:1px}.bar{height:12px;background:#0000008c;border:2px solid rgba(255,255,255,.35)}.bar .fill{height:100%;transition:width .08s linear}.bar.hull .fill{background:linear-gradient(90deg,#ff6a3a,#ff2a3a)}.bar.fuel .fill{background:linear-gradient(90deg,#2cf2ff,#1a8cff)}.bar .fill.danger{animation:blink .5s steps(2) infinite}.bar.fuel .fill.burn{background:linear-gradient(90deg,#ffa040,#ff5a1a)}@keyframes blink{50%{opacity:.35}}.weapon{margin-top:10px;color:#ff9cff}.weapon .oc{color:var(--gold);animation:blink .25s steps(2) infinite}.score{font-size:26px}.mult{font-size:16px;color:var(--gold);height:20px;margin-top:6px}.mult.hot{color:#ff7a1a;animation:blink .3s steps(2) infinite}.mult-track{width:120px;height:4px;margin:4px auto 0;background:#ffffff26}.mult-track .fill{height:100%;background:var(--gold)}.stat{margin-bottom:8px}.stat span{color:var(--cyan)}.stat.small{font-size:8px;opacity:.6}.hud-bottom{position:absolute;left:0;right:0;bottom:26px;text-align:center}.warning{color:var(--red);font-size:16px;height:22px;opacity:0;animation:blink .4s steps(2) infinite}.warning.show{opacity:1}.hint{margin-top:10px;font-size:9px;opacity:.85;transition:opacity 1s;color:#cfe8ff}.banner{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%) scale(.9);opacity:0;transition:opacity .15s,transform .15s;text-align:center}.banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.banner-title{font-size:28px;color:#fff;letter-spacing:2px;text-shadow:0 0 18px var(--cyan),0 3px 0 #000}.banner-sub{margin-top:10px;font-size:11px;color:#cfe8ff}.flash{position:absolute;inset:0;opacity:0;pointer-events:none}.vignette{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse at center,#0000 45%,#780014e6);transition:opacity .2s}#screens{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#03040c99;pointer-events:none}.panel{text-align:center;padding:28px 36px;max-width:900px;border:2px solid rgba(255,255,255,.15);background:#05060fbf;box-shadow:0 0 60px #0009}.eyebrow{font-size:10px;color:var(--cyan);letter-spacing:3px;margin-bottom:14px}h1{font-size:40px;margin:0 0 12px;letter-spacing:2px;text-shadow:0 0 24px rgba(55,240,255,.6),0 4px 0 #000}h1 span{color:var(--red)}h2{font-size:18px;margin:0 0 16px;line-height:1.6}.tagline{font-size:10px;line-height:1.8;color:#cfe8ff;margin:0 0 18px}.cards{display:flex;gap:12px;justify-content:center;margin-bottom:18px}.card{width:230px;padding:12px;border:2px solid rgba(255,255,255,.2);font-size:9px;line-height:1.6;text-align:left;opacity:.8}.card.selected{border-color:var(--cyan);box-shadow:0 0 14px #37f0ff80;opacity:1}.card.locked{opacity:.45}.card-key{color:var(--gold);font-size:12px}.card-name{font-size:12px;margin:4px 0}.card-blurb{color:#cfe8ff}.controls{font-size:9px;line-height:2.1;color:#cfe8ff;margin-bottom:14px}.controls b{color:#fff}.cta{font-size:13px;color:var(--gold);animation:blink 1s steps(2) infinite;margin:10px 0}.footer{font-size:8px;color:#8fa8c0;line-height:1.8}.big-score{font-size:34px;margin:6px 0 12px}.new-best{display:block;font-size:12px;color:var(--gold);margin-top:8px;animation:blink .6s steps(2) infinite}.return-line{font-size:10px;line-height:1.8;color:#ffe0a0;margin-bottom:16px;max-width:620px;margin-left:auto;margin-right:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 20px;font-size:8px;color:#8fa8c0;margin-bottom:16px}.stats b{display:block;color:#fff;font-size:12px;margin-top:6px}.unlock{font-size:9px;color:#ff9cff;margin-bottom:8px}.summary.extracted h2{color:var(--cyan)}.summary.destroyed h2{color:#ff8a80}@media(max-width:800px){.cards{flex-direction:column;align-items:center}h1{font-size:26px}.panel{padding:18px}}