:root{color:#dbe4eb;font-synthesis:none;--cyan:#83d9e9;--line:#ffffff15;--side:304px;--top:70px;--bottom:116px;background:#070c13;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,input{font:inherit}button{color:inherit;cursor:pointer;border:1px solid var(--line);background:#ffffff05;transition:background .15s,border-color .15s}button:hover{background:#83d9e915;border-color:#83d9e955}button:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}#cinematic-intro{color:#dbe4eb;background:#03070d;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}#cinematic-intro::backdrop{background:#03070d}#intro-video{object-fit:contain;width:100%;height:100%;display:block}.intro-caption{top:max(26px, env(safe-area-inset-top));left:max(28px, env(safe-area-inset-left));letter-spacing:4px;text-shadow:0 2px 8px #000;pointer-events:none;gap:9px;font-size:12px;display:grid;position:absolute}.intro-actions{right:max(28px, env(safe-area-inset-right));bottom:max(26px, env(safe-area-inset-bottom));gap:12px;display:flex;position:absolute}.intro-actions button{min-height:48px;color:var(--cyan);letter-spacing:2px;background:#0c1727e8;border-color:#83d9e955;padding:14px 20px;font-size:11px;font-weight:600}.intro-actions button:hover{border-color:var(--cyan);background:#203846}#intro-skip span{margin-left:18px;font-size:18px}#intro-start:not([hidden]){text-align:center;background:#03070d77;place-content:center;display:grid;position:absolute;inset:0}#intro-start p{color:#dbe4eb;letter-spacing:2px;text-shadow:0 2px 8px #000}#intro-start .primary{min-width:220px}@media (width<=540px){.intro-caption{font-size:10px;top:20px;left:18px}.intro-actions{right:18px;bottom:max(20px, env(safe-area-inset-bottom));gap:8px}.intro-actions button{padding:12px;font-size:10px}}#app{height:100dvh}#battlefield{top:var(--top);left:0;right:var(--side);bottom:var(--bottom);background:#060b13;position:absolute;overflow:hidden}#scene,#overlay{width:100%;height:100%;display:block;position:absolute}#overlay{pointer-events:none}#topbar{height:var(--top);background:linear-gradient(90deg,#111b26,#0c141e);border-bottom:1px solid #83d9e928;justify-content:space-between;align-items:center;gap:20px;padding:0 24px;display:flex;position:absolute;top:0;left:0;right:0}.wordmark{letter-spacing:4px;white-space:nowrap;font-size:17px;font-weight:700}.emblem{color:var(--cyan);margin-right:12px;font-size:30px;display:inline-block;transform:scaleX(1.2)}.muted{color:#738292;letter-spacing:2px;font-size:11px}.resources{gap:42px;display:flex}.resources small{letter-spacing:1.6px;color:#8195a8;text-transform:uppercase;margin-bottom:5px;font-size:9px;display:block}.resources strong{font-variant-numeric:tabular-nums;color:#d6e9f0;font-size:19px;font-weight:500}.resources #credits{color:#e7cf93}.top-actions{color:#9dacbb;align-items:center;gap:16px;font-size:12px;display:flex}.top-actions button{letter-spacing:1px;padding:9px 12px;font-size:10px}.eyebrow{letter-spacing:2.5px;color:#8495a5;font-size:9px;font-weight:600}.accent{color:var(--cyan)}#sector-label{pointer-events:none;position:absolute;top:28px;left:28px}#sector-name{letter-spacing:3px;color:#9facbc;margin-top:9px;font-size:13px}#sidebar{top:var(--top);width:var(--side);background:linear-gradient(115deg,#111c28,#0c131c 60%);border-left:1px solid #8eafc42b;flex-direction:column;display:flex;position:absolute;bottom:0;right:0}.command-heading{padding:24px 20px 18px;position:relative}.command-heading h2{margin:10px 0;font-size:18px;font-weight:500}.subline{letter-spacing:1.5px;color:#71889b;font-size:9px}.subline span{color:#8ac5ad}.live-dot{background:#80d8b2;border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 8px #80d8b266}.command-heading>.live-dot{position:absolute;top:28px;right:24px}.map-wrap{background:#050b12;border:1px solid #7395a433;margin:0 17px 18px}#minimap,#minimap-pings{aspect-ratio:1.595;cursor:crosshair;width:100%;height:auto;display:block}#minimap-pings{pointer-events:none;position:absolute;top:0;left:0}.map-caption{border-top:1px solid var(--line);letter-spacing:1px;color:#8aa0af;justify-content:space-between;padding:8px;font-size:7px;display:flex}#tabs{border-block:1px solid var(--line);margin-bottom:12px;display:flex}#tabs button{letter-spacing:2px;color:#7e8d9c;border:none;flex:1;padding:13px 0;font-size:9px}#tabs button.active{color:var(--cyan);border-bottom:2px solid var(--cyan);background:#83d9e90b}.construction-list{scrollbar-width:thin;scrollbar-color:#324251 transparent;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}#catalog{scrollbar-width:thin;scrollbar-color:#324251 transparent;flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:max-content;align-content:start;gap:8px;min-height:0;padding:0 14px 14px;display:grid;overflow-y:auto}.build-card{text-align:left;background:linear-gradient(130deg,#1a2936,#0c141e);flex-direction:column;min-height:120px;padding:0;display:flex;position:relative;overflow:hidden}.build-card>*{flex-shrink:0}.build-card img{object-fit:contain;filter:drop-shadow(0 5px 5px #0008);flex-shrink:0;width:100%;height:72px;display:block}.build-card .card-name{white-space:nowrap;text-overflow:ellipsis;padding:1px 8px 5px;font-size:10px;font-weight:500;display:block;overflow:hidden}.card-meta{color:#cbbb91;justify-content:space-between;padding:0 8px 8px;font-size:9px;display:flex}.card-meta span:last-child{color:#778fa3}.build-card.locked{opacity:.47}.build-card .lock{color:#8ca0b0;font-size:8px;position:absolute;top:5px;right:6px}.build-card:hover img{filter:drop-shadow(0 0 8px #83d9e922)}.queue-state{color:#83d9e9;letter-spacing:.4px;flex-shrink:0;min-height:38px;padding:5px 8px;font-size:9px;line-height:1.4;display:block}.queue-progress{background:#08121c;height:3px;display:block}.queue-progress i{background:#83d9e9;height:100%;transition:width .15s linear;display:block}.production-paused .queue-state{color:#efb27d}.production-paused .queue-progress i{background:#efb27d}.ready-module{text-align:left;width:100%;margin-bottom:5px;padding:8px;font-size:10px;display:block}.ready-module.active{background:#234452;border-color:#83d9e9}#build-status small{color:#9aaebf;font-size:10px;line-height:1.6;display:block}#build-status{color:var(--cyan);flex:none;padding:0 16px;font-size:10px;line-height:1.8}#build-status:not(:empty){padding-bottom:12px}.progress-track{background:#263847;height:3px;margin:7px 0}.progress-track>div{background:#83d9e9;height:100%;transition:width .15s}.cancel-build{float:right;color:#b6a5a5;border:0;font-size:9px}.sidebar-footer{border-top:1px solid var(--line);letter-spacing:1.1px;color:#7a8a98;margin-top:auto;padding:12px 18px;font-size:8px}.sidebar-footer .live-dot{margin-right:7px}.sidebar-footer>span:last-child{float:right;color:#c59487}#bottom{bottom:0;left:0;right:var(--side);height:var(--bottom);background:linear-gradient(90deg,#121e2a,#0b131d);border-top:1px solid #839bad30;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;display:flex;position:absolute}#selected-info{align-items:center;gap:18px;min-width:0;display:flex}#selected-info h3{color:#deebef;margin:6px 0;font-size:17px;font-weight:500}.selected-model-preview{pointer-events:none;flex:0 0 172px;width:172px;height:132px}#selected-info p{color:#8ea0af;max-width:470px;margin:0;font-size:11px;line-height:1.5}.selection-symbol{color:#83d9e9;border:1px solid #83d9e938;justify-content:center;align-items:center;width:58px;min-width:58px;height:58px;font-size:34px;display:flex}.control-note{letter-spacing:1px;color:#8194a3;white-space:nowrap;font-size:8px;line-height:2}.control-note span{color:#3c5668;margin:0 5px}#unit-actions{gap:8px;display:flex}#unit-actions button{white-space:nowrap;padding:10px;font-size:9px}#notices{pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:30px;left:28px}.notice{background:#0c1820dc;border-left:2px solid #83d9e9;max-width:420px;padding:10px 16px;font-size:11px;animation:.3s ease-out notice}.notice.error{color:#f3c2a7;border-color:#e99f7b}@keyframes notice{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}#context-hint{color:#a9dfeb;letter-spacing:1px;pointer-events:none;white-space:nowrap;background:#09131ac9;padding:7px 12px;font-size:10px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}#context-hint:empty{display:none}#selection-box{pointer-events:none;background:#8cdeeb14;border:1px solid #8cdeeb;display:none;position:absolute}.screen{z-index:20;background:linear-gradient(90deg,#070c14 8%,#080e17ef 38%,#09121b48 75%,#0a111c99);position:fixed;inset:0;overflow:auto}.menu-panel{width:520px;margin-left:8vw;padding:70px 0 40px;position:relative}.menu-panel h1{letter-spacing:12px;color:#edf1ee;margin:29px 0 20px;font-size:80px;font-weight:300;line-height:1}.menu-panel h1 span{letter-spacing:20px;color:#a9bbc9;margin-top:17px;font-size:27px;display:block}.year{letter-spacing:7px;color:#c8b58b;align-items:center;gap:18px;width:310px;font-size:11px;display:flex}.year span{background:#b9c7d12a;flex:1;height:1px}.intro{color:#9baebe;margin:28px 0;font-size:14px;line-height:1.9}.setup{border-top:1px solid var(--line);max-width:430px;padding-top:20px}.setup label,.small label{letter-spacing:1.7px;color:#8096a7;margin-bottom:16px;font-size:9px;display:block}select{color:#cfdae2;letter-spacing:.2px;background:#111c28;border:1px solid #3e53654d;border-radius:0;width:100%;margin-top:8px;padding:12px 10px;font-size:12px;display:block}#commander-name-form{margin-bottom:16px}#commander-name-form label{margin-bottom:8px}.commander-name-row{gap:8px;display:flex}.commander-name-row input{color:#cfdae2;min-width:0;font:inherit;background:#111c28;border:1px solid #3e5365;flex:1;padding:10px;font-size:13px}.commander-name-row button{white-space:nowrap}#commander-name-status{color:var(--cyan);margin:6px 0 0;font-size:12px}#commander-name-status:empty{display:none}#commander-name-status.error{color:#f4ad9c}.setup-row{gap:16px;display:flex}.setup-row label{flex:1}#map-description{color:#8095a7;margin:-7px 0 20px;font-size:11px;line-height:1.7}.primary{color:#0b202c;letter-spacing:2px;text-align:left;outline:2px solid var(--cyan);outline-offset:3px;background:#96dce6;border:1px solid #b5e8ed;width:430px;max-width:100%;padding:17px 20px;font-size:11px;font-weight:700}.primary:focus{outline-color:#fff}.primary:hover{color:#07111c;background:#b9edf3}.primary span{float:right;font-size:17px}.menu-links{gap:24px;margin-top:19px;display:flex}.menu-links button{letter-spacing:1.4px;color:#9babb8;background:0 0;border:0;padding:5px 0;font-size:8px}.version{letter-spacing:2px;color:#526779;margin-top:32px;font-size:7px}.menu-art{pointer-events:none;position:absolute;inset:0}.menu-planet{opacity:.78;object-fit:contain;width:min(38vw,52vh,650px);height:auto;position:absolute;top:-20%;right:-8vw}.menu-coordinates{letter-spacing:2px;color:#7d9bac;font-size:8px;line-height:1.9;position:absolute;bottom:40px;right:40px}.modal{z-index:30;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#030811dd;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.modal-panel{background:#101a26;border:1px solid #83d9e933;width:850px;max-height:90vh;padding:35px 40px;position:relative;overflow:auto}.modal-panel h2{font-size:28px;font-weight:400}.manual-grid{grid-template-columns:1fr 1fr;gap:35px;display:grid}.manual-grid h3{color:#acdce7;margin-top:24px;font-size:14px;font-weight:500}.modal-panel p{color:#9aaebf;font-size:12px;line-height:1.9}.modal-panel a{color:#83d9e9;text-underline-offset:3px}.modal-panel b{color:#d3dfe6;font-weight:500}.close{background:0 0;border:0;font-size:25px;position:absolute;top:12px;right:16px}.small{width:430px}.small input{accent-color:#83d9e9;width:100%;margin:16px 0;display:block}.hidden{display:none!important}@media (height>=1000px){.menu-panel{padding-top:12vh}.build-card img{height:88px}.build-card{min-height:139px}#minimap{aspect-ratio:1.595;height:auto}}@media (width<=1150px){:root{--side:264px;--bottom:110px}.wordmark{letter-spacing:2px;font-size:13px}.muted{display:none}.resources{gap:22px}.control-note{display:none}.menu-panel{margin-left:6vw;padding-top:40px}.menu-panel h1{font-size:65px}#bottom{padding:14px}.build-card .card-name{font-size:9px}}@media (height<=800px){.menu-panel{padding-top:25px}.menu-panel h1{margin:16px 0;font-size:58px}.menu-panel h1 span{margin-top:10px;font-size:20px}.intro{margin:14px 0}.setup{padding-top:12px}.setup label{margin-bottom:10px}.menu-links{margin-top:10px}.version{margin-top:16px}.command-heading{padding:15px 20px}.map-wrap{margin-bottom:12px}#minimap{aspect-ratio:1.595;height:auto}}@media (width<=760px){:root{--side:220px;--top:60px;--bottom:100px}.resources{gap:10px}.resources strong{font-size:13px}.resources small{font-size:7px}.wordmark{font-size:10px}.emblem{display:none}#topbar{gap:10px;padding:0 10px}.top-actions{gap:6px}#clock{display:none}#selected-info p{font-size:9px}.selection-symbol{display:none}.menu-panel{width:88%;margin:0 6%}.manual-grid{grid-template-columns:1fr}.modal-panel{padding:25px}#unit-actions{display:none}.build-card img{height:60px}.build-card{min-height:110px}}body.attract #battlefield{inset:0}body.attract #topbar,body.attract #sidebar,body.attract #bottom,body.attract #sector-label{visibility:hidden}body.attract .screen{background:linear-gradient(90deg,#070c14 6%,#080e17eb 28%,#09121b33 68%,#0a111c22)}#room-code{color:#bfe2ec;letter-spacing:5px;background:#09121d;border:1px solid #42596a;margin:10px 0;padding:12px;font:18px monospace}#join-room,#leave-room{padding:10px 20px;font-size:10px}#lobby-status{color:#8bdae4;margin:20px 0;font-size:12px;line-height:1.8}.menu-links{gap:18px}#context-hint{white-space:normal;text-align:center;max-width:75%;line-height:1.7}#outcome .modal-panel{border-top:2px solid #83d9e9}#outcome-title{font-size:38px}#catalog .build-card:disabled:not(.locked){opacity:.65}.menu-links a{color:#9babb8;letter-spacing:1.4px;white-space:nowrap;padding:5px 0;font-size:8px;text-decoration:none}.menu-links a:hover{color:var(--cyan)}.menu-links{flex-wrap:wrap}#dev-reveal{color:#9bdce7;font:inherit;letter-spacing:.06em;cursor:pointer;background:0 0;border:1px solid #426574;padding:4px 5px}#graphics-hud[hidden],#graphics-diagnostics-option[hidden],#reveal-sector-setting[hidden]{display:none!important}#dev-reveal[hidden]{display:none}#dev-reveal[aria-pressed=true]{color:#d4faff;background:#25424d}#battlefield,#battlefield canvas,#minimap{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{touch-action:manipulation}.build-item{flex-direction:column;min-width:0;display:flex}.build-item>.build-card{flex:1;width:100%}.queue-controls{gap:4px;padding-top:4px;display:flex}.queue-controls[hidden]{display:none}.queue-controls button{flex:1;min-height:34px;padding:6px 3px;font-size:10px}#toggle-build-panel{display:none}body.touch-controls{--bottom:88px}body.touch-controls #bottom{height:auto;max-height:min(180px,30dvh);padding:8px 12px max(8px, env(safe-area-inset-bottom));flex-wrap:wrap;align-content:center;gap:6px 12px;overflow-y:auto}body.touch-controls #selected-info{flex:300px;gap:8px}body.touch-controls #selected-info>div{min-width:0}body.touch-controls .selected-model-preview{flex-basis:76px;width:76px;height:58px}body.touch-controls #selected-info h3{margin:3px 0;font-size:14px}body.touch-controls #selected-info p{font-size:10px}body.touch-controls #unit-actions{flex-wrap:wrap;flex:0 360px;gap:6px;display:flex}body.touch-controls #unit-actions:empty{display:none}body.touch-controls #unit-actions button{flex:1;min-width:64px;min-height:44px;padding:8px;font-size:11px}body.touch-controls .control-note{display:none}body.touch-controls .queue-controls button,body.touch-controls .ready-module,body.touch-controls #tabs button{min-height:44px}body.touch-controls #toggle-build-panel{top:calc(var(--top) + 8px);right:calc(var(--side) + 8px);z-index:35;background:#10212e;min-height:44px;padding:8px;font-size:11px;display:block;position:absolute}body.touch-controls.build-panel-collapsed{--side:0px}body.touch-controls.build-panel-collapsed #sidebar{visibility:hidden;pointer-events:none}:is(body.attract #toggle-build-panel,body.touch-controls:has(.screen:not(.hidden),.modal:not(.hidden)) #toggle-build-panel){display:none}.offline-panel{text-align:left;background:#080e16dd;border:1px solid #294758;margin-top:18px;padding:14px}.offline-panel p{margin:0 0 10px;font-size:13px;line-height:1.5}.offline-panel small{color:#97abb9;margin-top:10px;font-size:11px;line-height:1.5;display:block}.offline-actions{flex-wrap:wrap;gap:8px;display:flex}.offline-actions button{flex:180px;padding:12px;font-size:11px}.offline-panel progress{accent-color:#70dbef;width:100%;margin-bottom:10px}#connection-status:empty{display:none}#connection-status{color:#70dbef}#install-help{margin-top:12px}button:disabled{cursor:default;opacity:.5}#app,.screen,.modal{touch-action:manipulation}.game-version{right:max(24px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));z-index:40;pointer-events:none;letter-spacing:2px;color:#7d9bac;background:#050b13cc;padding:3px 6px;font-size:9px;line-height:1.5;display:none;position:fixed}body:has(#menu:not(.hidden),.modal:not(.hidden)) .game-version{display:block}.diagnostics-summary{left:24px;bottom:calc(var(--bottom) + 14px);z-index:15;background:#0c1822f5;border:1px solid #41606b;border-radius:8px;width:min(580px,100vw - 370px);max-height:32vh;padding:12px 16px;position:fixed;overflow-y:auto;box-shadow:0 8px 30px #0008}#selected-info .diagnostics-summary p{white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.6}@media (width<=700px){.diagnostics-summary{box-sizing:border-box;width:calc(100vw - 24px);left:12px}}.campaign-controls{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.campaign-controls button{padding:7px 10px;font-size:10px}.campaign-controls small{color:#8ba4b3;width:100%;font-size:10px;line-height:1.5}.expansion-choice{margin:12px 0;font-size:12px;line-height:1.5;display:block}.map-wrap{position:relative}#galaxy-button{z-index:2;color:#b4dce9;cursor:pointer;background:#081420dc;border:1px solid #7297a688;border-radius:8px;width:36px;height:36px;padding:4px;position:absolute;top:4px;right:4px}#galaxy-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:100%;height:100%}#galaxy-button[aria-pressed=true]{color:#ffe3a1;border-color:#d8b875}#galaxy-button:focus-visible{outline:2px solid #fff}#minimap,#minimap:active{cursor:pointer}#network .modal-panel{width:min(760px,94vw);max-width:760px}.lobby-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lobby-settings label{letter-spacing:1px;gap:6px;font-size:10px;display:grid}.lobby-settings input,.lobby-settings select,.lobby-seat select{color:#dbe4eb;background:#15212c;border:1px solid #ffffff25;width:100%;min-width:0;padding:10px}#lobby-roster{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.lobby-seat{background:#ffffff05;border:1px solid #ffffff18;flex-wrap:wrap;gap:7px;padding:12px;display:flex}.lobby-seat strong,.lobby-seat small{width:100%}.lobby-seat small{color:#a8bcc8;line-height:1.5}.lobby-seat select{flex:1;width:auto;padding:6px;font-size:11px}#ready-room,#update-profile{margin:10px 8px 8px 0;padding:10px 14px}#connection-state{color:#aee9d6;z-index:4;pointer-events:none;background:#0b1b24dc;padding:6px 9px;font-size:11px;position:absolute;top:12px;right:14px}#connection-state.warning{color:#ffd297}#command-guide{z-index:5;background:#0c1c27ed;border:1px solid #83d9e94a;border-left:3px solid #83d9e9;flex:0 350px;width:350px;min-width:0;padding:14px 16px;box-shadow:0 8px 30px #0005}#command-guide[hidden],#connection-state[hidden]{display:none}#command-guide small{color:#a7cad8;letter-spacing:1px;margin-bottom:8px;font-size:9px;display:block}#command-guide strong{font-size:15px}#command-guide p{color:#bed0da;margin:8px 0 10px;font-size:12px;line-height:1.6}#command-guide button{margin-right:8px;padding:7px 11px;font-size:11px}.guide-target{outline-offset:-2px;outline:2px solid #97e2e9}#production-overview{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:6px 10px;display:grid}#production-overview button{text-overflow:ellipsis;white-space:nowrap;padding:8px 2px;font-size:10px;overflow:hidden}.build-card .lock{letter-spacing:0;white-space:normal;color:#c6b393;padding:0 8px 8px;font-size:9px;line-height:1.4;display:block;position:static}.build-card .lock:empty{display:none}.build-card:disabled.locked{opacity:.72}.training-choice{align-items:center;letter-spacing:0!important;gap:8px!important;font-size:11px!important;display:flex!important}.training-choice input{accent-color:#9ddce9;height:16px;width:16px!important}#match-scores{margin:18px 0;overflow-x:auto}#match-scores table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}#match-scores th,#match-scores td{border-bottom:1px solid #ffffff18;padding:9px 8px}#match-scores th{color:#a4bfcc;font-weight:500}#rematch-note{font-size:12px}#notices button.notice{text-align:left;cursor:pointer;max-width:100%}#notices button.notice:after{content:" ↗";color:#a9dfe7}#session-label{font-size:9px}.menu-panel{min-width:0;max-width:min(560px,100%)}#menu{overflow-x:hidden}.campaign-controls{flex-wrap:wrap}@media (width>=901px) and (height<=850px){.menu-panel{padding-top:26px;padding-bottom:28px}.menu-panel h1{font-size:54px}.intro{margin:12px 0}.setup{margin-top:16px;padding-top:14px}.setup label{margin-bottom:10px}.setup select,.setup input{padding:9px 11px}.command-heading{padding-top:12px;padding-bottom:10px}.map-wrap{margin-top:0}.build-card img{height:62px}.build-card{min-height:125px}}@media (width<=700px){.lobby-settings,#lobby-roster{grid-template-columns:1fr}#command-guide{max-width:290px;padding:10px 12px}#command-guide p{font-size:11px}}#notices button.notice{pointer-events:auto}#battlefield:has(#command-guide:not([hidden])) #notices{bottom:190px}#network .modal-panel{padding:24px 28px}#network h2{margin:8px 0 18px}#network .lobby-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#network .lobby-settings label{gap:6px;margin:0;display:grid}#network .lobby-settings input,#network .lobby-settings select{height:36px;margin:0;padding:8px}#network .lobby-intro{margin:8px 0}#network .expansion-choice{letter-spacing:.4px;align-items:center;gap:9px;margin:10px 0;font-size:10px;display:flex}#network .expansion-choice input{width:16px;height:16px;margin:0}#network .room-connection{grid-template-columns:1fr 120px 1fr;align-items:end;gap:10px;margin:16px 0;display:grid}#network .room-connection label{margin:0}#network #room-code{width:100%;height:40px;margin:5px 0 0;padding:10px}#network .room-connection button{width:auto;height:40px;padding:12px 8px;font-size:10px}#network[data-in-room] .room-connection,#network[data-in-room] .expansion-choice,#network[data-in-room] .lobby-intro{display:none}#network #lobby-roster{gap:8px;margin:10px 0}#network .lobby-seat{gap:5px;padding:10px}#network .lobby-seat strong{font-size:13px}#network .lobby-seat small{font-size:10px}#network .lobby-seat select{margin:2px 0 0}#network .lobby-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#network .lobby-actions button{width:auto;margin:0;padding:12px;font-size:10px}#network .lobby-help{color:#8da5b5;margin-top:14px;font-size:11px}#network .lobby-help summary{cursor:pointer}@media (width<=700px){#network .modal-panel{padding:22px 18px}#network .lobby-settings{grid-template-columns:repeat(2,minmax(0,1fr))}#network .room-connection{grid-template-columns:1fr}}.saves-panel{width:min(820px,94vw);max-height:88dvh;overflow:auto}.save-row{border-bottom:1px solid #30454f;align-items:center;gap:12px;padding:16px 0;display:flex}.save-row>div{flex:1;min-width:0}.save-row strong,.save-row small{line-height:1.6;display:block}.save-row small{color:#9cb0bc}.save-row button{flex-shrink:0;min-height:44px}@media (width<=600px){.save-row{flex-wrap:wrap}.save-row>div{flex-basis:100%}}#launch,#resume{min-height:44px;padding:11px 18px;line-height:20px}.guide-target.guide-showing{outline:3px solid #f3bb73;box-shadow:inset 0 0 28px #efb86e28}.guide-callout{color:#fff0d8;background:#24323a;border-left:3px solid #f3bb73;flex:none;margin:0 14px 8px;padding:9px 10px;font-size:12px;line-height:1.5;display:block}#network [hidden]{display:none!important}#network .modal-panel{max-height:90dvh;overflow-y:auto}#network .network-back{color:#a7dce4;background:0 0;border:0;margin-top:12px;padding:8px 0;display:block}#network .network-paths{grid-template-columns:1fr 1fr;gap:16px;margin:22px 0;display:grid}#network .network-path{text-align:left;white-space:normal;flex-direction:column;justify-content:flex-start;min-height:150px;padding:24px;display:flex}#network .network-path strong{color:#b5e6ec;justify-content:space-between;gap:12px;width:100%;margin-bottom:14px;font-size:20px;display:flex}#network .network-path>span{color:#a5b8c6;font-size:14px;line-height:1.6;display:block}#network button:not(.primary):focus-visible,#network input:focus-visible,#network select:focus-visible{outline-offset:3px;outline:2px solid #a7dce4}#network #rejoin-room{min-height:44px;margin-top:4px}#network .lobby-settings{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0}#network .lobby-settings small{letter-spacing:0;color:#a5b8c6;font-size:11px;line-height:1.4}#network .lobby-settings input,#network .lobby-settings select{min-height:44px}#network #network-join #room-code{text-transform:uppercase;width:100%;height:54px;font-size:24px}#network #join-help,#network #room-summary,#network #room-readiness{color:#a5b8c6;font-size:13px;line-height:1.6}#network .room-share{justify-content:space-between;align-items:center;gap:16px;display:flex}#network #room-code-display{letter-spacing:6px;color:#b5e6ec;-webkit-user-select:all;user-select:all;font-size:30px;display:block}#network .lobby-actions{margin-top:16px}#network .lobby-actions button{min-height:44px;font-size:12px}#network #leave-room{margin-left:auto}#network #lobby-status{min-height:0;margin-top:12px}#network #lobby-status:empty{display:none}#network #network-title:focus{outline:none}@media (width<=600px){#network .network-paths,#network .lobby-settings{grid-template-columns:1fr}#network .network-path{min-height:115px;padding:18px}#network .room-share{flex-wrap:wrap}}#network #copy-room-code{min-height:44px;padding:10px 14px}@media (width>=701px){#network[data-step=lobby] #commander-settings{grid-template-columns:repeat(3,minmax(0,1fr))}}#presence-button{white-space:nowrap;font-variant-numeric:tabular-nums;color:#a1e8d0}#presence-button:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}#presence-button[data-state=unavailable]{color:#9dacbb}body.attract #presence-button{visibility:visible;z-index:31;position:fixed;top:18px;right:24px}#presence-dialog{box-sizing:border-box;color:#d6e9f0;background:#101c28;border:1px solid #446779;width:min(640px,100vw - 32px);max-height:80vh;padding:28px;box-shadow:0 20px 80px #0009}#presence-dialog::backdrop{background:#020912bf}.presence-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.presence-heading h2{margin:8px 0 16px}#presence-status,.presence-note,.presence-credit{color:#9cacba;font-size:12px;line-height:1.6}.presence-table{margin:22px 0;overflow:auto}.presence-table table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.presence-table th{color:#91becb;letter-spacing:1px;text-transform:uppercase;padding:0 12px 12px 0;font-size:10px}.presence-table td{font-variant-numeric:tabular-nums;border-top:1px solid #ffffff15;padding:14px 12px 14px 0}.presence-table td:first-child{overflow-wrap:anywhere;max-width:250px}.presence-table td:last-child{white-space:nowrap}.presence-credit{font-size:10px}.presence-credit a{color:#9bd8e4}@media (width<=760px){.wordmark .muted{display:none}.top-actions #presence-button{letter-spacing:0;padding:9px 6px}}@media (width<=600px){#topbar .wordmark{display:none}#presence-dialog{padding:18px}.presence-table table{font-size:11px}}@media (width>=761px) and (width<=1000px){#topbar{gap:12px;padding:0 16px}#topbar .resources{gap:16px}#topbar .resources strong{white-space:nowrap;font-size:16px}#topbar .top-actions{gap:8px}}.selected-model-preview{height:min(132px, calc(var(--bottom) - 32px));object-fit:contain}#selected-info>div{min-width:0}@media (width>=901px) and (height<=700px){#menu .menu-panel{grid-template-columns:minmax(0,360px) minmax(0,430px);align-items:start;gap:12px 40px;width:calc(100% - 12vw);max-width:900px;margin-left:6vw;padding:24px 0;display:grid}#menu{background:linear-gradient(90deg,#070c14fa 8%,#080e17e8 65%,#09121b48)}.menu-brand{grid-area:1/1}.menu-controls{grid-area:1/2/span 4}#menu .setup{border-top:0;margin-top:0;padding-top:0}#menu .menu-links{flex-wrap:wrap;grid-column:1;gap:10px 18px;margin-top:0}#menu .offline-panel,#menu .version{grid-column:1;margin-top:0}#menu .menu-coordinates{display:none}#menu .offline-actions button{flex-basis:130px}#menu .primary{width:100%}#menu .campaign-controls{margin-bottom:0}.command-heading{padding:10px 18px}.command-heading h2{margin:6px 0;font-size:16px}.map-wrap{align-self:center;width:170px;margin-bottom:6px}}@media (width>=901px){body:not(.touch-controls){--top:35px;--bottom:58px}body:not(.touch-controls) #topbar{gap:12px;padding:0 14px}body:not(.touch-controls) .emblem{margin-right:8px;font-size:22px}body:not(.touch-controls) .wordmark{letter-spacing:2px;font-size:13px}body:not(.touch-controls) .resources{gap:20px}body:not(.touch-controls) .resources small{letter-spacing:1px;margin-bottom:0;font-size:8px}body:not(.touch-controls) .resources strong{font-size:14px}body:not(.touch-controls) .top-actions{gap:10px;font-size:10px}body:not(.touch-controls) .top-actions button{padding:5px 9px;font-size:9px}body:not(.touch-controls) #bottom{gap:10px;padding:5px 12px}body:not(.touch-controls) #bottom .selected-model-preview{flex-basis:60px;width:60px;height:46px}body:not(.touch-controls) #bottom .selection-symbol{width:40px;min-width:40px;height:40px;font-size:26px}body:not(.touch-controls) #selected-info{flex:1;gap:10px}body:not(.touch-controls) #selected-info>div:last-child{column-count:1;column-fill:auto;scrollbar-width:thin;flex:1;align-content:center;column-gap:16px;height:46px;font-size:10px;line-height:14px;overflow:auto hidden}body:not(.touch-controls) #selected-info .eyebrow{display:none}body:not(.touch-controls) #selected-info h3{margin:0 0 1px;font-size:13px;line-height:16px}body:not(.touch-controls) #selected-info p{font-size:10px;line-height:1.25}body:not(.touch-controls) #selected-info>div>p{max-width:none;display:inline}body:not(.touch-controls) #selected-info>div>p+p:before{content:"";border-inline-start:1px solid #638294;margin-inline:7px}body:not(.touch-controls) #bottom .control-note{display:none}body:not(.touch-controls) #unit-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:4px;max-width:45%}body:not(.touch-controls) #unit-actions button{padding:4px 7px;font-size:9px}body:not(.touch-controls) #unit-actions:empty{display:none}}@media (width>=901px) and (width<=1100px){body:not(.touch-controls) #selected-info h3{margin-inline-end:12px;display:inline}}@media (width>=901px) and (width<=1400px),(width>=901px) and (height<=700px){body:not(.touch-controls){--side:200px}body:not(.touch-controls) .command-heading{padding:10px 14px}body:not(.touch-controls) .command-heading h2{margin:6px 0;font-size:14px}body:not(.touch-controls) .command-heading .eyebrow{letter-spacing:1.5px;font-size:8px}body:not(.touch-controls) .live-dot{right:12px}body:not(.touch-controls) .map-wrap{align-self:center;width:170px;margin:0 14px 6px}body:not(.touch-controls) #production-overview{padding:5px 7px}body:not(.touch-controls) #production-overview button{padding:6px 1px;font-size:8px}body:not(.touch-controls) #tabs button{letter-spacing:1px;padding:10px 0;font-size:8px}body:not(.touch-controls) #build-status{padding:8px;font-size:8px}body:not(.touch-controls) #catalog{gap:6px;padding:0 7px 7px}body:not(.touch-controls) .build-card{min-height:92px}body:not(.touch-controls) .build-card img{height:42px}body:not(.touch-controls) .build-card .card-name{white-space:normal;padding:1px 5px 5px;font-size:9px}body:not(.touch-controls) .card-meta,body:not(.touch-controls) .build-card .lock{padding:0 5px 6px;font-size:8px}body:not(.touch-controls) .sidebar-footer{letter-spacing:.5px;padding:6px 8px;font-size:7px}body:not(.touch-controls) #session-label{font-size:7px}}#opening-panels{z-index:5;pointer-events:none;align-items:flex-end;gap:12px;width:min(782px,100% - 40px);max-height:calc(100% - 32px);display:flex;position:absolute;bottom:16px;left:20px}#opening-panels>aside{pointer-events:auto}#command-briefing{min-width:0;max-height:min(680px, calc(100dvh - var(--top) - var(--bottom) - 40px));overscroll-behavior:contain;touch-action:pan-y;border:1px solid #83d9e94a;scrollbar-width:thin;background:#0c1c27f5;border-left:3px solid #83d9e9;flex:0 420px;padding:16px;overflow-y:auto;box-shadow:0 8px 30px #0005}#command-briefing[hidden],#command-briefing [hidden]{display:none}#command-briefing header{z-index:1;background:#0c1c27;justify-content:space-between;align-items:flex-start;gap:10px;margin:-16px -16px 0;padding:16px 16px 0;display:flex;position:sticky;top:-16px}#command-briefing small{letter-spacing:1px;color:#a7cad8;font-size:9px}#command-briefing h2{margin:8px 0 12px;font-size:18px}#command-briefing h3{color:#83d9e9;margin:14px 0 7px;font-size:13px}#command-briefing p,#command-briefing li{color:#bed0da;font-size:12px;line-height:1.6}#command-briefing p{margin:7px 0 10px}#command-briefing ul{margin:10px 0;padding-left:18px}#command-briefing li{margin-bottom:7px}#command-briefing button{min-height:36px;padding:7px 10px;font-size:11px}#briefing-tabs{gap:6px;display:flex}#briefing-tabs button{flex:1}#briefing-tabs [aria-selected=true]{color:#83d9e9;background:#83d9e91c;border-color:#83d9e9}#command-briefing .briefing-shortcuts{border-top:1px solid var(--line);padding-top:12px;font-size:11px}@media (width<=700px){#opening-panels{flex-direction:column;align-items:stretch;width:calc(100% - 24px);bottom:12px;left:12px}#command-guide{flex:none;width:100%;max-width:none;max-height:30%;overflow-y:auto}#command-briefing{max-height:calc((100dvh - var(--top) - var(--bottom)) * .58);flex:auto}}#cinematic-intro button,#intro-replay{touch-action:manipulation}body:has(#menu:not(.hidden),#outcome:not(.hidden)) #bottom{visibility:hidden;pointer-events:none}#graphics-hud{z-index:4;color:#d5ecf1;font-variant-numeric:tabular-nums;pointer-events:none;background:#0a1823ed;border:1px solid #83d9e959;border-radius:4px;padding:8px 10px;font:11px/1.5 ui-monospace,monospace;position:absolute;top:14px;right:14px}.graphics-timing{justify-content:space-between;align-items:center;gap:8px;display:flex}#frame-time-graph{width:88px;height:12px}#capture-zoom{pointer-events:auto;margin-top:4px;padding:4px 8px;font-size:10px}body.phone-controls #graphics-hud{left:var(--phone-left);max-width:calc(100% - var(--phone-map-width) - var(--phone-left) - 12px);padding:5px 7px;font-size:10px;top:38px;right:auto}body.phone-controls #capture-zoom{min-height:28px}