header{height:56px}main{padding-top:16px}.scene-heading{margin-bottom:16px}.scene-heading h1{font-size:28px}.viewport{height:calc(100vh - 300px);min-height:440px}.map-caption{display:none}.viewport canvas{cursor:default}.viewport canvas:active{cursor:default}.squad-panel,.enemy-panel{position:absolute;top:65px;width:172px;background:#10201cec;border:1px solid #ffffff20;border-radius:5px;padding:12px;color:#e7efdf;backdrop-filter:blur(8px)}.squad-panel{left:20px}.enemy-panel{right:20px}.squad-panel .small,.enemy-panel .small{font-size:8px;letter-spacing:1px;color:#b4c5ad}.squad-summary{display:flex;align-items:baseline;gap:8px;margin:4px 0 8px}.squad-summary b{font-size:24px;font-weight:500}.squad-summary span{font-size:10px;color:#acbfa2}.roster-unit{display:block;width:100%;padding:6px 9px;text-align:left;margin:4px 0;border-color:#ffffff20;background:#ffffff05;color:inherit;font-size:11px}.roster-unit:hover{background:#ffffff16}.roster-unit.selected{border-color:#51d5df;background:#32d7ed16}.roster-unit.enemy{border-left:2px solid #ff7640}.roster-unit i{display:block;height:2px;background:linear-gradient(to right,#a7dc87 var(--health),#ffffff20 var(--health));margin-top:4px}.roster-unit span{float:right;color:#afc1a3;font-size:9px}#select-all{font-size:10px;padding:8px;width:100%;margin-top:8px;background:#ffffff08;border-color:#ffffff22}.readout{display:flex;justify-content:space-between;font-size:9px;border-top:1px solid #ffffff19;margin-top:8px;padding-top:7px;color:#afbdab}.readout b{font:9px ui-monospace,monospace;color:#d2e887}.command-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;background:#fcfcf7;border:1px solid var(--line);border-radius:0 0 5px 5px}.selection-label b{font-size:12px;font-weight:600;display:block}.selection-label span{display:block;color:var(--muted);font-size:10px;margin-top:6px}.command-buttons{display:flex;gap:8px}.command-buttons button{font-size:12px;padding:10px 14px}.command-buttons button[aria-pressed=true]{background:var(--lime);border-color:#a5bd69}kbd{font:9px ui-monospace,monospace;opacity:.6;margin-left:10px}#selection-box{position:absolute;pointer-events:none;border:1px solid #a4e7e6;background:#32d7ed18;border-radius:2px}#order-marker{position:absolute;color:#d2e887;font-size:32px;line-height:32px;transform:translate(-50%,-50%);pointer-events:none;text-shadow:0 1px 5px #000}.loading{bottom:76px;left:50%;transform:translateX(-50%);max-width:75%;min-width:280px}.below p{font-size:12px}.viewport.order-mode canvas{cursor:crosshair}@media(max-width:800px){.squad-panel,.enemy-panel{top:60px;width:125px;padding:10px}.squad-panel{left:10px}.enemy-panel{right:10px}.roster-unit{font-size:10px;padding:7px 5px}.roster-unit span{font-size:8px}.squad-summary{margin:4px 0}.squad-summary b{font-size:23px}.command-bar{align-items:flex-start;flex-wrap:wrap;padding:12px}.command-buttons{gap:5px;flex-wrap:wrap}.command-buttons button{padding:9px;font-size:11px}kbd{display:none}.run-actions{flex-direction:column}.run-actions button{font-size:11px;padding:8px}.viewport{height:65vh}.loading{min-width:230px;bottom:90px}.map-caption{bottom:55px}}

.live-stats{position:absolute;left:20px;bottom:15px;display:flex;gap:16px;border-radius:4px;background:#10201cec;padding:10px 12px}.live-stats .readout{border:0;margin:0;padding:0;gap:10px}.roster-unit{padding:5px 9px;margin:3px 0}.squad-panel{padding-bottom:10px}@media(max-width:800px){.live-stats{left:10px;bottom:60px;gap:10px;padding:8px}.live-stats .readout{gap:5px;font-size:8px}}

.economy-bar{display:flex;gap:24px;align-items:center;border:1px solid var(--line);border-bottom:0;padding:10px 18px;background:#fcfcf7;border-radius:5px 5px 0 0}.resource{display:grid;grid-template-columns:60px auto;gap:3px 12px;min-width:220px;flex:0 1 260px}.resource>span{font:9px ui-monospace,monospace;color:var(--muted);letter-spacing:1px}.resource>b{font:12px ui-monospace,monospace;text-align:right}.resource small{grid-column:1/3;font-size:10px;color:var(--muted)}.resource i{grid-column:1/3;height:3px;background:linear-gradient(to right,#5eaaa9 var(--fill,0%),#dfe4d9 var(--fill,0%))}.resource.energy i{background:linear-gradient(to right,#afc64a var(--fill,0%),#dfe4d9 var(--fill,0%))}.resource.stalled small{color:#af512e}.economy-bar p{font-size:11px;color:var(--muted);margin:0 0 0 auto;max-width:255px;line-height:1.6}.economy-bar p b{color:#40867d}.build-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 20px;border:1px solid var(--line);border-top:0;background:#f2f4e9;border-radius:0 0 5px 5px}.build-bar b{display:block;font-size:12px}.build-bar small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.build-bar>div:first-child{max-width:400px}#build-options{display:flex;gap:8px}#build-options button{font-size:11px;text-align:left;min-width:130px;padding:10px 13px;background:#fcfcf7}#build-options button[aria-pressed=true]{border-color:#6eaa86;background:#e2eedc}#build-options button span{display:block;margin-top:5px;font:9px ui-monospace,monospace;color:var(--muted)}.command-bar{border-radius:0}.viewport{height:calc(100vh - 408px);min-height:440px}#roster{max-height:220px;overflow:auto}.squad-panel{width:180px}#placement{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#footprint{fill:#71eed326;stroke:#89f5bb;stroke-width:2;stroke-dasharray:6 3}#footprint.blocked{fill:#ff64352e;stroke:#ff8968}.camera-controls{gap:12px}.camera-controls label{font-size:10px}@media(max-width:1000px){.economy-bar p{display:none}.resource{flex:1;min-width:0}.build-bar{flex-wrap:wrap;gap:10px}.build-bar>div:first-child{max-width:none}#build-options{flex-wrap:wrap}#build-options button{min-width:115px}.viewport{height:62vh}}

.viewport canvas.pan-ready{cursor:grab}.viewport canvas.pan-ready:active{cursor:grabbing}

/* World annotations sit below all interactive HUD panels. */
#tactical-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}#placement,#order-marker,#selection-box{z-index:2}.squad-panel,.enemy-panel,.top-hud,.live-stats,.camera-controls,.minimap-panel{z-index:4}.loading{z-index:8}#enemies{max-height:160px;overflow:auto}.enemy-panel{width:170px}.minimap-panel{position:absolute;right:20px;bottom:58px;width:212px;background:#10201cf0;padding:8px;border:1px solid #ffffff25;border-radius:5px;color:#c4d3bf}.minimap-panel>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.minimap-panel b{font:8px ui-monospace,monospace;letter-spacing:1px}.minimap-panel button{font-size:9px;padding:3px 6px}.minimap-panel canvas{width:194px;height:146px;display:block;cursor:crosshair}.minimap-panel small{font-size:8px;display:block;margin-top:6px}.camera-controls{left:20px;right:auto;bottom:48px;max-width:calc(100% - 265px);flex-wrap:wrap}.camera-controls input[type=range]{width:48px;height:12px}.camera-controls select{font-size:10px;color:#d5e3cf;background:#203a30;border:1px solid #ffffff30}.camera-controls button{font-size:10px;padding:6px 8px}.viewport{min-height:520px}.squad-panel{max-height:calc(100% - 205px)}#roster{max-height:175px}.queue-panel{display:flex;gap:18px;padding:12px 20px;background:#fcfcf7;border:1px solid var(--line);border-top:0;font-size:11px}.queue-panel>b{padding-top:5px;white-space:nowrap}.queue-panel>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:var(--muted)}.queue-entry{display:flex;gap:10px;align-items:center;background:#edf1e5;border:1px solid #d8e0d0;border-radius:3px;padding:4px 8px}.queue-entry button{border:0;padding:0 3px;color:#895642;background:transparent}.mission-strip{display:flex;justify-content:space-between;gap:16px;padding:9px 2px;color:var(--muted);font-size:10px}.mission-strip p{margin:0;color:#486752}.mission-strip span{font-family:ui-monospace,monospace}#build-options{flex-wrap:wrap;justify-content:flex-end;max-width:70%}#build-options button{min-width:114px;padding:8px 10px}.match-result{position:absolute;z-index:10;left:50%;top:45%;transform:translate(-50%,-50%);padding:32px 44px;text-align:center;background:#10231ef5;border:1px solid #d1e78a70;color:#e8eedf;box-shadow:0 18px 90px #0008;border-radius:8px;min-width:340px}.match-result h2{font-size:38px;margin:8px 0}.match-result p{font-size:12px;line-height:1.7}.match-result button{background:#d1e78a;color:#22342b}#scenario-choice{font-size:11px;padding:8px;background:#fcfcf7;border:1px solid var(--line);border-radius:4px}#battle{z-index:0}
@media(max-width:900px){.command-buttons{flex-wrap:wrap}.command-bar{flex-wrap:wrap}.minimap-panel{right:10px;width:170px;bottom:88px}.minimap-panel canvas{width:152px;height:114px}.camera-controls{max-width:calc(100% - 205px);bottom:72px}.live-stats{bottom:15px}.mission-strip{flex-wrap:wrap}.renderer-hint{display:none}#build-options{max-width:100%}.viewport{min-height:540px}}

#enemies:empty:after{content:'No enemies in sight';display:block;font-size:10px;color:#99aa94;padding-top:9px}.match-result .secondary{background:transparent;color:#d1dfc4;margin-left:8px}

.run-actions{flex-wrap:wrap}.run-actions select{max-width:240px}#build-options{max-height:240px;overflow-y:auto}
#map-name{display:block;margin-top:8px;font-size:15px;line-height:1.4}.scene-heading>div:first-child{min-width:250px}

.native-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-top:0;background:#fcfcf7;padding:12px 20px;font-size:10px;color:var(--muted)}#native-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}#native-controls label{display:flex;flex-direction:column;gap:5px;font-size:10px}#native-controls select{font-size:11px;max-width:140px;padding:6px;background:#f3f5eb;border:1px solid var(--line);border-radius:4px;color:var(--ink)}#native-controls button{font-size:10px;padding:7px}.control-groups{margin-left:auto;flex-shrink:0}.control-groups>span{display:block;font-size:9px;margin-bottom:6px}#control-groups{display:flex;gap:4px}#control-groups button{padding:5px 7px;font:10px ui-monospace,monospace}#control-groups button[aria-pressed=true]{background:var(--lime)}.command-buttons{flex-wrap:wrap;justify-content:flex-end}.command-bar .selection-label{min-width:160px}.command-buttons button{font-size:11px;padding:8px 10px}#area-footprint{fill:#71eed320;stroke:#89f5bb;stroke-width:2;stroke-dasharray:5 4}@media(max-width:1000px){.native-panel{align-items:flex-start;flex-wrap:wrap}.control-groups{margin-left:0}}

#build-options .tech-level{display:inline-block;margin:0 0 0 7px;font:9px ui-monospace,monospace;color:#64784c;background:#e9eedf;border-radius:3px;padding:2px 4px}.run-actions{justify-content:flex-end}
.roster-unit{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;align-items:start}.roster-unit span{float:none;white-space:nowrap}.roster-unit i{grid-column:1/-1;width:100%}

.squad-filters{display:flex;gap:5px;margin-top:5px}.squad-filters button{flex:1;font-size:9px;padding:5px;background:#ffffff08;color:inherit;border-color:#ffffff22}

.stockpile-panel{flex:1 0 100%;display:grid;gap:6px;padding:10px;border:1px solid var(--line);border-radius:5px;min-width:0}.stockpile-panel b{font-size:11px}.stockpile-counts{font:12px ui-monospace,monospace;color:var(--ink)}.stockpile-panel small{font-size:10px;line-height:1.45}.stockpile-actions{display:flex;gap:6px}.stockpile-actions button{flex:1}

.shield-panel{display:grid;gap:.4rem;grid-column:1/-1;padding:.65rem;border:1px solid #42685a;border-radius:5px;background:#122823;font-size:.85rem}.shield-panel div{display:grid;gap:.2rem}.shield-panel meter{width:100%;height:.6rem;accent-color:#a5d587}.shield-panel small{color:#a6bcb3}
.shield-panel[data-status="Stunned"]{border-color:#ad9552;background:#282619}.shield-panel[data-status="Stunned"] meter{accent-color:#d9bb6b}.shield-panel[data-status="Off"]{border-color:#52615a}

.cloak-panel { display:grid; gap:6px; padding:9px; border:1px solid #527d86; border-radius:4px; background:#123039; font-size:12px; }
.cloak-panel div { display:grid; gap:3px; }
.cloak-panel small { color:#b0c7c9; line-height:1.4; }
.cloak-panel [data-status="Cloaked"] > span { color:#8fdbe0; }
.cloak-panel [data-status="Stunned"] > span, .cloak-panel [data-status="Cloak blocked"] > span { color:#edcd7c; }

.resurrection-panel { display:grid; gap:6px; padding:9px; border:1px solid #639d80; border-radius:4px; background:#173329; font-size:12px; }
.resurrection-panel div { display:grid; gap:4px; }
.resurrection-panel small { color:#bed4c3; line-height:1.4; }
.resurrection-panel progress { width:100%; height:8px; accent-color:#a4d887; }
.unit-order-queue { display:flex; flex-wrap:wrap; align-items:center; gap:6px; width:100%; padding-bottom:8px; }
.unit-order-queue>b { flex-basis:100%; font-size:11px; }
.resurrection-panel .resurrection-resource-pressure { color:#ebcb86; }

/* Contextual cursors retain native CSS fallbacks; camera gestures take priority. */
#battle{cursor:var(--game-cursor,default)}#battle.pan-ready{cursor:grab}#battle.pan-ready:active{cursor:grabbing}
.capture-help{position:absolute;z-index:9;top:80px;left:50%;transform:translateX(-50%);max-width:65%;margin:0;padding:10px 16px;border:1px solid #d2e88788;border-radius:5px;background:#10201cf5;color:#e7efdf;font-size:12px;text-align:center;pointer-events:none}
#hud-camera{display:flex;gap:4px}

#battle.camera-dragging{cursor:grabbing}

#hud-camera #capture-camera{width:auto;font-size:10px;padding:6px 9px}#hud-camera #capture-camera:after{content:none}
.stockpile-unit{display:grid;gap:4px;padding-top:5px;border-top:1px solid #82968b30}.stockpile-unit[data-state=empty]>small:first-child{color:#ecbb76;font-weight:600}.stockpile-spec{opacity:.8}.stockpile-resources,.stockpile-stunned{color:#ecbb76}

#defense-coverage-legend[hidden]{display:none}

#placement .row-footprint{fill:#efcd7926;stroke:#efcd79;stroke-width:2;stroke-dasharray:5 3;vector-effect:non-scaling-stroke}
.loading .cancel-loading{display:block;margin-top:10px;font-size:10px;padding:6px 10px;color:#eef4e6;border-color:#ffffff40}.loading .cancel-loading:hover{background:#ffffff14}
.recovery-offer{margin-top:12px;padding-top:10px;border-top:1px solid #ffffff22}.recovery-offer small{margin-top:6px}.recovery-actions{display:flex;gap:8px;flex-wrap:wrap}.recovery-actions .cancel-loading.primary{background:#d1e78a;border-color:#d1e78a;color:#22342b;font-weight:600}