/* Immersive game view. The original lab styling stays available at ?ui=lab. */
body.game-ui{--ink:#e4ece6;--muted:#a4b5ac;--line:#ffffff25;--paper:#10191a;--lime:#c9e593;background:#10191a;overflow:hidden;color:var(--ink);color-scheme:dark}
.game-ui>header,.game-ui main>.mission-strip,.game-ui main>.below{display:none}
.game-ui main{position:fixed;inset:0;margin:0;padding:0;max-width:none}
.game-ui .viewport{position:absolute;inset:0;height:100%;min-height:0;max-height:none;border-radius:0;box-shadow:none}
.game-ui #battle{width:100%;height:100%}
.game-chrome{position:absolute;inset:0;z-index:5;pointer-events:none;--panel:#101d20ed;--edge:#b1cec029;--dock-height:228px;--map-width:218px;--gap:12px;font-size:12px}
.game-chrome button,.game-chrome input,.game-chrome select,#game-menu button,#game-menu select{font-size:11px;border-color:var(--edge,#b1cec033);background:#ffffff06;color:#e3ece5;border-radius:4px;transition:background .12s,border-color .12s}
.game-chrome button:hover,#game-menu button:hover{background:#d0e5ca18;border-color:#c9e59370}
.game-chrome button:focus-visible,.game-chrome input:focus-visible,#game-menu :focus-visible{outline:2px solid #c9e593;outline-offset:2px}
.game-chrome button:disabled{cursor:default;opacity:.35}
.game-chrome button[aria-pressed=true],.game-chrome button[aria-selected=true]{background:#c9e59320;border-color:#c9e59380;color:#e2f3bf}
.game-chrome kbd{font-size:9px;margin-left:7px}
.hud-topbar{position:absolute;top:12px;left:12px;right:12px;min-height:58px;padding:9px 12px;display:flex;align-items:center;gap:24px;background:var(--panel);border:1px solid var(--edge);border-radius:6px;box-shadow:0 6px 30px #0003;pointer-events:auto;backdrop-filter:blur(12px)}
.hud-identity{display:flex;align-items:center;gap:11px;min-width:170px;max-width:280px}.hud-mark{font-size:23px;color:#c9e593;border-right:1px solid var(--edge);padding-right:12px}.hud-identity strong{font:11px ui-monospace,monospace;letter-spacing:2px;color:#e3eddb}
.game-ui #map-name{margin:4px 0 0;display:block;font:10px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#a4b5ac;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#hud-resources{flex:1;max-width:650px;margin:auto}.game-ui .economy-bar{padding:0;background:none;border:0;gap:26px;border-radius:0}.game-ui .resource{flex:1;min-width:0;grid-template-columns:55px auto;gap:3px 8px}.game-ui .resource>span{color:#bfd2ce;font-size:9px}.game-ui .resource>b{font-size:12px;white-space:nowrap}.game-ui .resource small{font-size:10px;color:#9db0a3}.game-ui .resource i{height:3px;border-radius:1px;background:linear-gradient(to right,#78c7c4 var(--fill,0%),#ffffff15 var(--fill,0%))}.game-ui .resource.energy i{background:linear-gradient(to right,#c9e593 var(--fill,0%),#ffffff15 var(--fill,0%))}.game-ui .resource.stalled small{color:#ffb579}.game-ui .economy-bar>p{display:none}
.hud-match-tools{display:flex;align-items:center;gap:7px}.hud-match-tools button{padding:9px 10px;white-space:nowrap}#match-clock{font:12px ui-monospace,monospace;font-variant-numeric:tabular-nums;color:#d8e6db;margin-right:7px}#hud-fullscreen{font-size:20px;line-height:15px}.game-ui #pause-engine{font-size:0;width:34px;height:33px;padding:0}.game-ui #pause-engine:after{content:'Ⅱ';font-size:14px}.game-ui #pause-engine[data-paused=true]:after{content:'▶';font-size:12px}
.game-ui .top-hud{top:82px;left:12px;right:12px;z-index:4}.game-ui .mode{padding:6px 9px;font-size:8px;border:0;background:#101d20b5}.game-ui .legend{display:none}
.hud-field-tools{position:absolute;left:12px;bottom:calc(var(--dock-height) + 62px);display:flex;gap:5px;align-items:stretch;pointer-events:auto}.hud-field-tools button,.hud-field-tools label{background:var(--panel);padding:7px 10px;font-size:10px;border:1px solid var(--edge);border-radius:4px;height:31px;display:flex;align-items:center;gap:5px}.hud-field-tools input{accent-color:#c9e593;margin:0}#hud-camera button{font-size:0;width:32px;justify-content:center}#hud-camera button:after{content:'⤢';font-size:18px}
#hud-rosters{position:absolute;left:12px;bottom:calc(var(--dock-height) + 100px);width:218px;max-height:calc(100% - var(--dock-height) - 220px);overflow-y:auto;pointer-events:auto;overscroll-behavior:contain;scrollbar-width:thin}
.game-ui .squad-panel,.game-ui .enemy-panel{position:static;max-height:none;width:auto;margin-bottom:6px;background:var(--panel);border-color:var(--edge);border-radius:5px;padding:10px}.game-ui .squad-summary{margin:6px 0}.game-ui #roster{max-height:180px}.game-ui #enemies{max-height:120px}.game-ui .roster-unit{font-size:11px;padding:6px}.game-ui .squad-panel .small,.game-ui .enemy-panel .small{font-size:8px;color:#aabfb2}
#hud-minimap{position:absolute;left:12px;bottom:30px;width:var(--map-width);height:calc(var(--dock-height) + 20px);pointer-events:auto}.game-ui .minimap-panel{position:static;width:100%;height:100%;padding:8px;background:var(--panel);border-color:var(--edge);display:flex;flex-direction:column}.game-ui .minimap-panel>div{flex-shrink:0;margin-bottom:7px}.game-ui .minimap-panel canvas{width:100%;height:0;flex:1;min-height:0;object-fit:fill}.game-ui .minimap-panel small{font-size:8px;color:#95ac9e;line-height:1.5;margin-top:7px}
.hud-dock{position:absolute;bottom:30px;left:calc(var(--map-width) + 24px);right:12px;height:var(--dock-height);display:grid;grid-template-columns:292px minmax(0,1fr);gap:10px;pointer-events:auto}
#hud-orders,.hud-production{background:var(--panel);border:1px solid var(--edge);border-radius:5px;min-width:0;overflow:hidden;backdrop-filter:blur(12px)}#hud-orders{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.game-ui .command-bar{display:block;background:none;border:0;padding:10px}.game-ui .selection-label b{font-size:13px;font-weight:600;line-height:1.3}.game-ui .selection-label span{font-size:10px;color:#99b1a7;line-height:1.45;margin-top:5px}.game-ui .command-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:10px}.game-ui .command-buttons button{font-size:10px;padding:7px 5px;white-space:nowrap}.game-ui .command-buttons button:disabled{display:none}.game-ui .command-buttons kbd{font-size:8px;margin-left:4px}.game-ui .native-panel{display:block;padding:0 10px 10px;background:none;border:0;font-size:10px}.game-ui #native-controls{gap:6px;align-items:flex-end;color:#93a99e;font-size:10px}.game-ui #native-controls label{font-size:9px;gap:3px;flex:1;min-width:90px}.game-ui #native-controls select{font-size:10px;width:100%;max-width:none;padding:5px;background:#203032;color:#dce8dd;border-color:var(--edge)}.game-ui #native-controls button{padding:6px;font-size:10px}
.hud-production{display:flex;flex-direction:column}.hud-dock-tabs{display:flex;align-items:center;gap:4px;padding:7px 9px;border-bottom:1px solid var(--edge);flex-shrink:0}.hud-dock-tabs button{font-size:10px;padding:6px 9px;white-space:nowrap;border-color:transparent}#hud-build-search{min-width:50px;width:190px;margin-left:auto;font-size:10px;padding:6px 8px;background:#0002;border:1px solid var(--edge);outline-offset:0}#hud-build-search::placeholder{color:#93a99e}#hud-build,#hud-queue{flex:1;min-height:0;overflow:hidden}
.game-ui .build-bar{height:100%;display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:10px;background:none;border:0;border-radius:0}.game-ui .build-bar>div:first-child{max-width:none;flex-shrink:0}.game-ui .build-bar b{font-size:10px;color:#b4c9ba}.game-ui .build-bar small{font-size:9px;line-height:1.4;margin-top:3px;color:#91a79a}.game-ui #build-options{max-width:none;max-height:none;overflow-y:auto;align-content:flex-start;display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:5px;scrollbar-width:thin;overscroll-behavior:contain}.game-ui #build-options button{min-width:0;font-size:11px;line-height:1.3;padding:7px 9px;background:#ffffff05;min-height:49px}.game-ui #build-options button:hover{background:#c9e59314}.game-ui #build-options button span{font-size:9px;color:#a4b9ab;margin-top:5px}.game-ui #build-options .tech-level{font-size:8px;background:#c9e59315;color:#c2dcb1;padding:1px 3px;margin-left:5px}.game-ui .queue-panel{height:100%;overflow:auto;padding:10px;background:none;border:0;display:block;scrollbar-width:thin}.game-ui .queue-panel>b{display:none}.game-ui .queue-panel>div{align-content:start;align-items:center;gap:6px;color:#a4b9ab;font-size:11px}.game-ui .queue-entry{background:#ffffff06;border-color:var(--edge);padding:6px 8px;font-size:10px}.game-ui .queue-entry button{color:#e9b498;font-size:15px}
#hud-groups{position:absolute;left:calc(var(--map-width) + 24px);bottom:calc(var(--dock-height) + 37px);pointer-events:auto}.game-ui .control-groups{margin:0}.game-ui .control-groups>span{display:none}.game-ui #control-groups{gap:4px}.game-ui #control-groups button{background:var(--panel);padding:5px 9px;font-size:10px;min-width:30px;min-height:25px}
.hud-statusbar{position:absolute;bottom:0;left:0;right:0;height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#0b1419e8;color:#96afa1;font-size:10px;gap:25px}.hud-statusbar>span{font-size:9px;white-space:nowrap;color:#78978b}.hud-statusbar i{font-style:normal;margin:0 5px;color:#52685f}#hud-status{min-width:0;overflow:hidden}.game-ui #status{font-size:10px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bed0c0}
.game-ui .loading{top:40%;bottom:auto;left:50%;max-width:550px;min-width:300px;background:#101d20f5;padding:24px;border-color:#c9e59340;z-index:8}.game-ui .loading b{font-size:14px}.game-ui .loading small{font-size:11px;line-height:1.5}.game-ui .match-result{top:40%;background:#101d20f5}.game-ui .match-result .eyebrow{color:#aac49d}
#game-menu{--edge:#b1cec033;color-scheme:dark;color:#e4ece6;width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:24px 28px;background:#111e22fa;border:1px solid #b1cec044;border-radius:10px;box-shadow:0 20px 100px #0008;scrollbar-width:thin;overscroll-behavior:contain}#game-menu::backdrop{background:#060e13b3;backdrop-filter:blur(5px)}.hud-menu-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.hud-kicker{font:10px ui-monospace,monospace;letter-spacing:2px;color:#bed79f;margin:0 0 7px}#game-menu h2{margin:0;font-size:26px;letter-spacing:-.5px;font-weight:500}#game-menu h3{font-size:12px;margin:0 0 8px;color:#dce9d7}.hud-menu-note{font-size:11px;color:#a5b8aa;line-height:1.5;margin:18px 0}.hud-menu-section{border-top:1px solid var(--edge);padding:18px 0}.hud-menu-section>p{font-size:11px;color:#95ac9e;line-height:1.6;margin:8px 0}#game-menu .scene-heading{display:block;margin:12px 0 0}#game-menu .scene-heading>div:first-child{display:none}#game-menu .run-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}#game-menu .run-actions select{width:100%;max-width:none;background:#203032;padding:10px;font-size:12px}#game-menu #start{grid-column:1/-1;background:#c9e593;color:#172322;border-color:#c9e593;padding:11px;margin-top:3px}#game-menu .camera-controls{position:static;display:flex;flex-wrap:wrap;max-width:none;gap:8px;margin:10px 0 14px}#game-menu .camera-controls label{background:#ffffff06;padding:8px;border:1px solid var(--edge);font-size:11px;color:#c0d3c5}#game-menu .camera-controls button{padding:8px;font-size:11px}#game-menu .renderer-bar{margin:0 0 12px;gap:8px;font-size:10px}#game-menu .renderer-choice>span,#game-menu .renderer-bar p{color:#a8bbad}#game-menu .renderer-choice button[aria-pressed=true]{background:#c9e59320;border-color:#c9e59380;color:#dcecbe}#game-menu .renderer-hint{display:none}#hud-mission p{font-size:12px;color:#c2d6c4;line-height:1.6;margin:10px 0}#game-menu details{color:#a0b7aa;font-size:11px;padding:0}#game-menu summary{padding:8px 0}#game-menu .live-stats{position:static;display:flex;flex-wrap:wrap;margin:10px 0;background:#ffffff04;padding:10px;gap:15px}#hud-performance>span{font:10px ui-monospace,monospace;display:block;line-height:1.5;margin-bottom:15px}#game-menu pre{background:#081316;color:#9cb9a7;font-size:10px;max-height:180px}#hud-return{position:fixed;right:18px;bottom:18px;z-index:20;background:#c9e593;color:#172322;border-color:#83975e;box-shadow:0 3px 20px #0003;font-size:12px}
@media(min-width:1650px){.game-chrome{--dock-height:240px;--map-width:246px}.hud-dock{grid-template-columns:320px minmax(0,1fr);max-width:1400px}.game-ui #build-options{grid-template-columns:repeat(auto-fill,minmax(143px,1fr))}}
@media(max-width:1100px){.hud-topbar{gap:14px;padding:9px}.hud-identity{min-width:130px;max-width:170px}.hud-mark{display:none}.game-ui .resource{grid-template-columns:40px auto;gap:3px 5px}.game-ui .resource>b{font-size:10px}.game-ui .resource small{font-size:9px}.game-ui .economy-bar{gap:16px}.hud-dock{grid-template-columns:245px minmax(0,1fr)}.game-chrome{--map-width:192px;--dock-height:220px}.hud-statusbar>span{display:none}.hud-match-tools button{padding:8px}.hud-match-tools kbd{display:none}.game-ui #build-options{grid-template-columns:repeat(auto-fill,minmax(113px,1fr))}.hud-dock-tabs{flex-wrap:wrap;padding:6px;gap:3px}#hud-build-search{width:100%;flex:1;min-width:80px}.hud-dock-tabs button{font-size:9px;padding:5px 6px}.game-ui .command-buttons{gap:3px}.game-ui .command-buttons button{font-size:9px}.game-ui .command-buttons kbd{display:none}}
@media(max-width:800px){.game-chrome{--map-width:158px;--dock-height:210px}.hud-topbar{left:6px;right:6px;top:6px;gap:10px;min-height:56px}.hud-identity{display:none}#hud-resources{margin:0;max-width:none}.hud-match-tools{gap:4px}#match-clock{font-size:10px;margin-right:2px}.hud-dock{grid-template-columns:200px minmax(0,1fr);left:calc(var(--map-width) + 16px);right:6px;gap:6px}#hud-minimap{left:6px}#hud-groups{left:calc(var(--map-width) + 16px)}.hud-field-tools{left:6px;gap:3px}.hud-field-tools button,.hud-field-tools label{padding:6px;font-size:9px}#hud-rosters{left:6px;width:190px}.game-ui .minimap-panel small{display:none}.game-ui .minimap-panel b{font-size:7px}.game-ui .selection-label b{font-size:11px}.game-ui .selection-label span{font-size:9px}.game-ui .command-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.game-ui #build-options{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.game-ui .build-bar{padding:7px}.game-ui #build-options button{padding:6px;font-size:10px}.game-ui .build-bar small{font-size:8px}}
@media(max-height:650px){.game-chrome{--dock-height:185px}.game-ui .top-hud{top:76px}.game-ui .loading,.game-ui .match-result{top:28%}.game-ui .build-bar>div:first-child small{display:none}#hud-rosters{max-height:calc(100% - var(--dock-height) - 180px);bottom:calc(var(--dock-height) + 97px)}}
@media(prefers-reduced-motion:reduce){.game-chrome *,#game-menu *{transition:none}.game-ui .pulse{animation:none}}
.hud-setup-field{display:flex;flex-direction:column;gap:5px;font-size:10px}.hud-setup-field>span{color:#91a99b;font-size:10px}body:not(.game-ui) .hud-setup-field>span{display:none}
.game-ui .minimap-panel canvas{flex:0 0 auto;height:auto;aspect-ratio:4/3;margin:auto 0}
.hud-menu-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.hud-menu-actions button{padding:9px 10px}
.game-ui .build-bar{flex-wrap:nowrap;justify-content:flex-start}.game-ui #build-options{flex:1;min-height:0}

.hud-navigation{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.hud-navigation button{padding:10px 14px}.hud-multiplayer-link{font-size:12px;color:#cfe39c}

.game-ui .stockpile-panel{border-color:var(--edge);background:#162c2d;padding:8px;gap:5px}.game-ui .stockpile-panel b,.game-ui .stockpile-counts{color:#dce8dd}.game-ui .stockpile-panel small{font-size:9px;color:#a3b9ad}