@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700;800&display=swap";:root{--bg:#06090a;--bg-2:#0a1210;--surface:#0e1815;--line:#1c2b24;--phosphor:#5cf2a3;--phosphor-dim:#2f6b4d;--amber:#ffb454;--danger:#ff5f5f;--sky:#8fd0ff;--text:#cfe8da;--muted:#4d6459;--muted-2:#37473f;--enemy-normal:#37473f;--enemy-fast:#ffb454;--enemy-tank:#ff5f5f;--enemy-carrier:#8fd0ff;--enemy-shielded:#b98fff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:JetBrains Mono,ui-monospace,monospace;overflow:hidden}.app{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative}.scan{z-index:5;pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(#ffffff05 0 1px,#0000 1px 3px);position:absolute;inset:0}.vignette{z-index:4;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 160px #000000bf}header.hud{z-index:6;border-bottom:1px solid var(--line);background:linear-gradient(to bottom, var(--bg-2), transparent);justify-content:space-between;align-items:center;padding:16px 26px;display:flex;position:relative}.brand{align-items:baseline;gap:10px;display:flex}.brand .dot{color:var(--phosphor)}.brand h1{letter-spacing:2px;margin:0;font-size:19px;font-weight:800}.brand small{color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;font-size:10.5px}.stats{align-items:center;gap:24px;display:flex}.stat{text-align:right;min-width:54px}.stat .label{letter-spacing:1.8px;color:var(--muted);text-transform:uppercase;font-size:9.5px}.stat .value{color:var(--phosphor);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.stat.lives .value{color:var(--amber);letter-spacing:3px}.stat.wave .value{color:var(--sky)}.icon-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:34px;height:34px;font-family:inherit;font-size:15px;transition:all .15s;display:flex}.icon-btn:hover{color:var(--phosphor);border-color:var(--phosphor-dim)}.field{z-index:6;flex:1;position:relative;overflow:hidden}.field canvas{display:block}.hint{z-index:6;color:var(--muted);letter-spacing:.6px;font-size:11.5px;position:absolute;bottom:12px;left:26px}.hint b{color:var(--muted)}.ability-hint{z-index:6;color:var(--muted);letter-spacing:.6px;align-items:center;gap:8px;font-size:11.5px;display:flex;position:absolute;bottom:12px;right:26px}.ability-pill{border:1px solid var(--line);color:var(--sky);border-radius:4px;padding:3px 8px}.ability-pill.ready{border-color:var(--sky);box-shadow:0 0 10px #8fd0ff40}.overlay{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(#0a1210f0,#040605fa);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.panel{text-align:center;max-width:620px;padding:34px 40px}.panel .kicker{color:var(--phosphor-dim);letter-spacing:4px;text-transform:uppercase;margin-bottom:10px;font-size:11px}.panel h2{letter-spacing:1px;margin:0 0 14px;font-size:32px}.panel h2 .cursor{background:var(--phosphor);width:13px;margin-left:4px;animation:1s step-start infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.panel p{color:var(--muted);margin:0 0 24px;font-size:13.5px;line-height:1.7}.panel .final-stats{flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:26px;display:flex}.panel .final-stats .label{letter-spacing:1.8px;color:var(--muted);text-transform:uppercase;font-size:9.5px}.panel .final-stats .value{color:var(--amber);font-size:24px;font-weight:800}.btn-row{justify-content:center;gap:12px;display:flex}button.play{border:1px solid var(--phosphor-dim);color:var(--phosphor);letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;background:0 0;padding:12px 28px;font-family:inherit;font-size:13px;transition:all .15s}button.play:hover{border-color:var(--phosphor);background:#5cf2a314;box-shadow:0 0 24px #5cf2a326}button.play.secondary{color:var(--muted);border-color:var(--line)}button.play.secondary:hover{color:var(--text);border-color:var(--muted)}.upgrade-grid{flex-wrap:wrap;justify-content:center;gap:16px;max-width:760px;display:flex}.upgrade-card{text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:6px;width:210px;padding:18px 16px;transition:all .15s;position:relative}.upgrade-card:hover{border-color:var(--phosphor);transform:translateY(-2px);box-shadow:0 0 20px #5cf2a31f}.upgrade-card .key{color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:1px 6px;font-size:11px;position:absolute;top:10px;right:12px}.upgrade-card h3{color:var(--phosphor);letter-spacing:.5px;margin:0 0 8px;padding-right:26px;font-size:14px}.upgrade-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.hidden{display:none!important}