:root{--bg-deep: #020210;--bg-panel: #08081A;--bg-card: #0c0c22;--bg-btn: #10102a;--border-cyan: #00b4c8;--border-dim: #1a1a40;--cyan: #00ffff;--magenta: #ff00ff;--green: #32ff64;--gold: #ffd700;--red: #ff3232;--text: #c8c8dc;--text-dim: #606080;--text-bright: #e8e8f0;--font-display: "Orbitron", sans-serif;--font-mono: "Share Tech Mono", "Consolas", monospace}*{margin:0;padding:0;box-sizing:border-box}body{background:#040410;color:var(--text);font-family:var(--font-mono);overflow:hidden}#game-container{display:flex;width:100vw;height:100vh}#render-target{flex:1;position:relative;background:#040410}#render-target canvas{display:block;width:100%;height:100%}#sidebar{width:280px;background:var(--bg-panel);border-left:1px solid var(--border-cyan);padding:12px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#040410eb;z-index:100;gap:20px}.hidden{display:none!important}.title{font-family:var(--font-display);font-size:56px;font-weight:900;color:var(--cyan);text-shadow:0 0 40px rgba(0,255,255,.5),0 0 80px rgba(0,255,255,.2);animation:title-glow 3s ease-in-out infinite;letter-spacing:8px}.subtitle{font-family:var(--font-display);font-size:18px;color:var(--magenta);letter-spacing:8px;text-transform:uppercase}.victory-title{color:var(--green);text-shadow:0 0 40px rgba(50,255,100,.5)}.defeat-title{color:var(--red);text-shadow:0 0 40px rgba(255,50,50,.5)}@keyframes title-glow{0%,to{text-shadow:0 0 30px rgba(0,255,255,.4),0 0 60px rgba(0,255,255,.15)}50%{text-shadow:0 0 50px rgba(0,255,255,.7),0 0 100px rgba(0,255,255,.3)}}.btn{font-family:var(--font-display);font-size:16px;font-weight:700;padding:14px 40px;border:2px solid var(--border-cyan);background:#00b4c814;color:var(--text);border-radius:4px;cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:3px}.btn:hover{background:#00ffff26;box-shadow:0 0 12px #00ffff4d;transform:scale(1.03)}.btn-primary{color:var(--cyan)}.btn-secondary{border-color:#456;color:#8ac}.btn-secondary:hover{background:#6496c81a;box-shadow:0 0 8px #6496c833}.scanlines:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none}.sidebar-section{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:4px;padding:10px}.sidebar-title{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--cyan);letter-spacing:3px;text-transform:uppercase;margin-bottom:8px}.build-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;margin-bottom:6px;background:var(--bg-btn);border:1px solid var(--border-dim);border-radius:3px;color:var(--text);cursor:pointer;font-family:var(--font-mono);font-size:13px;transition:all .15s}.build-btn:hover{border-color:var(--border-cyan);box-shadow:0 0 8px #0ff3}.build-btn .cost{color:var(--gold);font-weight:700}.build-btn.disabled{opacity:.4;cursor:not-allowed}.build-btn.disabled:hover{border-color:var(--border-dim);box-shadow:none}.build-btn.selected{border-color:var(--cyan);box-shadow:0 0 12px #00ffff4d;background:#00ffff14}.resource-display{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:15px;font-weight:700}.energy-value{color:var(--gold)}.income-display{margin-top:4px;font-family:var(--font-mono);font-size:13px}.income-net{color:var(--green);font-weight:700}.income-net.income-low{color:var(--red)}.income-details{margin-top:4px;font-family:var(--font-mono);font-size:11px}.income-row{display:flex;justify-content:space-between;padding:1px 0;color:var(--text-dim)}.income-val{color:var(--text-dim)}.income-gen{color:var(--gold)}.hp-bar-track{background:#1a1a2e;height:8px;border:1px solid #333;border-radius:2px;overflow:hidden}.hp-bar-fill{height:100%;transition:width .15s ease}.hp-high{background:var(--green)}.hp-mid{background:#fd4}.hp-low{background:var(--red)}.hp-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:4px}.hp-label-name{color:var(--text);font-family:var(--font-mono)}.hp-label-value{color:var(--text-dim);font-family:var(--font-mono)}.match-timer{font-family:var(--font-mono);font-size:13px;color:var(--text-dim);text-align:center}.info-panel{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);min-height:40px}.info-panel .info-name{color:var(--cyan);font-size:13px;font-weight:700;margin-bottom:4px}.info-panel .info-stat{display:flex;justify-content:space-between;padding:2px 0}.info-panel .info-stat-value{color:var(--text-bright)}.unit-count{display:flex;justify-content:space-between;font-size:12px;padding:2px 0}.unit-count-label{color:var(--text-dim)}.unit-count-value{color:var(--text-bright)}.turret-section,.building-section{border-color:var(--cyan);box-shadow:0 0 8px #00ffff26}.turret-level,.building-level{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--cyan);letter-spacing:2px;margin-bottom:8px}.turret-level.turret-branched,.building-level.building-branched{color:var(--gold)}.turret-stats,.building-stats{font-size:12px;margin-bottom:6px}.turret-stats .info-stat,.building-stats .info-stat{display:flex;justify-content:space-between;padding:2px 0}.turret-stats .info-stat-value,.building-stats .info-stat-value{color:var(--text-bright)}.turret-tracker,.building-tracker{font-size:11px;color:var(--text-dim);margin-bottom:8px}.turret-tracker .info-stat,.building-tracker .info-stat{display:flex;justify-content:space-between;padding:1px 0}.turret-tracker .info-stat-value,.building-tracker .info-stat-value{color:var(--text-dim)}.turret-construction,.building-construction{margin-bottom:8px}.construction-label{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);margin-bottom:4px}.construction-fill.construction-upgrade{background:var(--green)}.construction-fill.construction-branch{background:var(--gold)}.construction-fill.construction-repair{background:#64ff96}.repair-btn{border-color:#64ff96;color:#64ff96}.repair-btn:hover:not(.disabled){border-color:#64ff96;box-shadow:0 0 10px #64ff964d;background:#64ff9614}.repair-progress-row{margin-top:6px}.repair-progress-label{font-family:Share Tech Mono,monospace;font-size:11px;color:#64ff96;letter-spacing:1px;display:block;margin-bottom:3px}.repair-track{height:6px}.wall-orient-row{display:flex;gap:4px;margin-bottom:6px;flex-wrap:wrap}.wall-orient-btn{font-family:var(--font-display);font-size:10px;font-weight:700;padding:4px 6px;background:#08081ae6;border:1px solid var(--border-cyan);color:var(--text);cursor:pointer;text-transform:uppercase;border-radius:2px;transition:all .15s;flex:1;text-align:center;min-width:32px}.wall-orient-btn:hover{border-color:var(--cyan);color:var(--cyan)}.wall-orient-btn.active{background:#00ffff26;border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 8px #00ffff4d}.demolish-btn{border-color:var(--red)!important;color:var(--red)!important}.demolish-btn:hover{background:#ff323226;box-shadow:0 0 10px #ff32324d}.turret-actions,.building-actions{display:flex;flex-direction:column;gap:4px}.turret-action-btn{flex-wrap:wrap}.branch-btn{flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px}.branch-btn .br-key{color:var(--gold);font-weight:700}.branch-btn .br-desc{font-size:11px;color:var(--text-dim)}.branch-btn .cost{align-self:flex-end}.branch-btn:hover{border-color:var(--gold);box-shadow:0 0 8px #ffd70033}.medic-btn{border-color:#32ff64!important;color:#32ff64!important;text-transform:uppercase;font-weight:700;letter-spacing:2px}.medic-btn:hover:not(.disabled){border-color:#50ff80!important;background:#32ff6426;box-shadow:0 0 14px #32ff6466,inset 0 0 8px #32ff641a}.medic-btn.disabled{border-color:#1a6630!important;color:#2a8844!important}.engineer-btn{border-color:gold!important;color:gold!important;text-transform:uppercase;font-weight:700;letter-spacing:2px}.engineer-btn:hover:not(.disabled){border-color:#ffe040!important;background:#ffd70026;box-shadow:0 0 14px #ffd70066,inset 0 0 8px #ffd7001a}.engineer-btn.disabled{border-color:#650!important;color:#860!important}.airstrike-btn{border-color:#f60!important;color:#f60!important;text-transform:uppercase;font-weight:700;letter-spacing:2px}.airstrike-btn:hover:not(.disabled){border-color:#f80!important;background:#ff660026;box-shadow:0 0 14px #f606,inset 0 0 8px #ff66001a}.airstrike-btn.disabled{border-color:#530!important;color:#640!important}.airstrike-overlay{position:fixed;top:0;left:0;width:100%;pointer-events:none;z-index:1000;display:flex;flex-direction:column;align-items:center;padding-top:60px}.airstrike-overlay.hidden{display:none}.airstrike-overlay-text{font-family:Orbitron,sans-serif;font-size:28px;font-weight:900;color:#f60;text-transform:uppercase;letter-spacing:6px;text-shadow:0 0 20px rgba(255,102,0,.8),0 0 40px rgba(255,102,0,.4),0 0 80px rgba(255,102,0,.2);animation:airstrike-pulse 1s ease-in-out infinite}.airstrike-overlay-sub{font-family:Share Tech Mono,monospace;font-size:14px;color:#c84;margin-top:10px;letter-spacing:2px;text-shadow:0 0 10px rgba(255,102,0,.4)}@keyframes airstrike-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.03)}}body.airstrike-targeting,body.airstrike-targeting canvas{cursor:crosshair!important}.helicopter-section{border-color:var(--green);box-shadow:0 0 8px #32ff6426}.heli-title{color:var(--green)}.heli-hp-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.heli-hp-label{color:var(--text);font-family:var(--font-mono)}.heli-hp-value{color:var(--text-bright);font-family:var(--font-mono)}.heli-rally-hint{font-family:var(--font-display);font-size:10px;color:var(--green);text-align:center;letter-spacing:2px;margin:8px 0;animation:alert-flash 1s ease-in-out infinite alternate}.heli-deselect-btn{justify-content:center;color:var(--text-dim);border-color:var(--border-dim)}.heli-deselect-btn:hover{color:var(--text);border-color:var(--border-cyan)}.minimap-canvas{width:100%;height:auto;border:1px solid var(--border-cyan);box-shadow:0 0 6px #00ffff26;cursor:crosshair}.base-alert{font-family:var(--font-display);font-size:11px;color:var(--red);text-align:center;letter-spacing:2px;animation:alert-flash .5s ease-in-out infinite alternate;margin-bottom:4px}@keyframes alert-flash{0%{opacity:.4}to{opacity:1;text-shadow:0 0 10px rgba(255,50,50,.5)}}.hp-bar-track.hp-bar-alert{box-shadow:0 0 8px #ff323266;border-color:var(--red)}.squad-section{border-color:var(--border-cyan);box-shadow:0 0 6px #00ffff1a}.squad-title{margin-bottom:6px}.squad-global-row{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.squad-global-group{display:flex;align-items:center;gap:3px}.squad-global-label{font-family:var(--font-display);font-size:9px;font-weight:700;color:var(--text-dim);letter-spacing:2px;width:30px;flex-shrink:0}.squad-global-btn{flex:1;padding:4px 0;font-family:var(--font-mono);font-size:10px;color:var(--text-dim);background:var(--bg-btn);border:1px solid var(--border-dim);border-radius:2px;cursor:pointer;transition:all .15s;text-align:center}.squad-global-btn:hover{color:var(--text);border-color:var(--border-cyan);box-shadow:0 0 6px #0ff3}.squad-global-btn.active{color:var(--cyan);border-color:var(--cyan);background:#00ffff1a;box-shadow:0 0 8px #00ffff40}.squad-global-btn--target.active{color:var(--gold);border-color:var(--gold);background:#ffd70014;box-shadow:0 0 8px #ffd70033}.squad-cards{display:flex;flex-direction:column;gap:4px}.squad-card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:3px;padding:6px 8px}.squad-card--dead{opacity:.35;pointer-events:none}.squad-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.squad-label{font-family:var(--font-display);font-size:10px;font-weight:700;color:var(--text);letter-spacing:1px;text-transform:uppercase}.squad-count{font-family:var(--font-mono);font-size:11px;color:var(--cyan);font-weight:700}.squad-cmd-row{display:flex;align-items:center;gap:2px}.squad-cmd-sep{width:4px;flex-shrink:0}.squad-cmd-btn{flex:1;padding:3px 0;font-family:var(--font-mono);font-size:9px;color:var(--text-dim);background:var(--bg-btn);border:1px solid var(--border-dim);border-radius:2px;cursor:pointer;transition:all .15s;text-align:center}.squad-cmd-btn:hover{color:var(--text);border-color:var(--border-cyan)}.squad-cmd-btn.active{color:var(--cyan);border-color:var(--cyan);background:#00ffff1a;box-shadow:0 0 6px #0ff3}.squad-cmd-btn--target.active{color:var(--gold);border-color:var(--gold);background:#ffd70014;box-shadow:0 0 6px #ffd70026}.squad-cmd-btn--rally.active{color:#32ff64;border-color:#32ff64;background:#32ff641a;box-shadow:0 0 6px #32ff6433}.squad-cmd-btn--rally.pending{animation:rally-pulse .8s ease-in-out infinite alternate}.squad-global-btn--rally.active{color:#32ff64;border-color:#32ff64;background:#32ff6414;box-shadow:0 0 8px #32ff6433}.squad-global-btn--rally.pending{animation:rally-pulse .8s ease-in-out infinite alternate}@keyframes rally-pulse{0%{box-shadow:0 0 4px #32ff6426}to{box-shadow:0 0 12px #32ff6480;border-color:#64ffaa}}.rally-section .hp-bar-track{margin:6px 0}.rally-fill{background:var(--cyan)}.rally-count{font-family:var(--font-mono);font-size:13px;color:var(--text-bright)}.rally-timer{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);margin-bottom:6px}.rally-push-btn{justify-content:center;color:var(--cyan);border-color:var(--border-cyan)}.rally-push-btn:hover{background:#00ffff1f}.selection-command-bar{border-color:var(--cyan);box-shadow:0 0 12px #00ffff40;background:#00ffff0a}.sel-cmd-title{color:var(--cyan);font-size:12px;letter-spacing:2px}.sel-cmd-row{display:flex;align-items:center;gap:3px;margin-bottom:6px}.sel-cmd-label{font-family:var(--font-display);font-size:9px;font-weight:700;color:var(--text-dim);letter-spacing:2px;width:30px;flex-shrink:0}.sel-cmd-btn{flex:1;padding:5px 0;font-family:var(--font-mono);font-size:10px;color:var(--text);background:var(--bg-btn);border:1px solid var(--border-cyan);border-radius:2px;cursor:pointer;transition:all .15s;text-align:center}.sel-cmd-btn:hover{color:var(--cyan);background:#00ffff1f;box-shadow:0 0 8px #00ffff4d}.sel-cmd-btn--target:hover{color:var(--gold);border-color:var(--gold);background:#ffd7001a;box-shadow:0 0 8px #ffd70040}.sel-cmd-btn--rally:hover{color:var(--green);border-color:var(--green);background:#32ff641a;box-shadow:0 0 8px #32ff6440}.sel-deselect-btn{justify-content:center;color:var(--text-dim);border-color:var(--border-dim);margin-top:2px}.sel-deselect-btn:hover{color:var(--text);border-color:var(--border-cyan)}.selection-box{position:fixed;border:1px solid rgba(0,255,255,.7);background:#00ffff14;box-shadow:0 0 6px #00ffff4d;pointer-events:none;z-index:50}.squad-spawn-row{display:flex;align-items:center;gap:2px}.squad-spawn-label{font-family:var(--font-display);font-size:8px;font-weight:700;color:var(--text-dim);letter-spacing:1px;width:38px;flex-shrink:0;opacity:.6}.squad-spawn-btn{flex:1;padding:2px 0;font-family:var(--font-mono);font-size:8px;color:var(--text-dim);background:var(--bg-btn);border:1px solid var(--border-dim);border-radius:2px;cursor:pointer;transition:all .15s;text-align:center;opacity:.7}.squad-spawn-btn:hover{color:var(--text);border-color:var(--border-cyan);opacity:1}.squad-spawn-btn.active{color:var(--cyan);border-color:var(--cyan);background:#00ffff14;opacity:1}.squad-spawn-btn--target.active{color:var(--gold);border-color:var(--gold);background:#ffd7000f}.squad-card-header{cursor:pointer}.squad-card-header:hover .squad-label{color:var(--cyan)}#sidebar::-webkit-scrollbar{width:4px}#sidebar::-webkit-scrollbar-track{background:var(--bg-panel)}#sidebar::-webkit-scrollbar-thumb{background:var(--border-dim);border-radius:2px}#sidebar::-webkit-scrollbar-thumb:hover{background:var(--border-cyan)}