:root{font-family:Avenir Next,Segoe UI,Arial,sans-serif;color:#d9dfcd;background:#141916;font-synthesis:none;--bg: #141916;--panel: #1c221c;--panel-light: #242c23;--line: #343d2e;--muted: #88947f;--dim: #626f60;--accent: #d0e49c;--blue: #95bec6;--red: #d48878;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.37;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}button .icon{pointer-events:none}h1,h2,h3,p{margin:0}button:hover:not(:disabled){color:var(--accent)}.muted{color:var(--dim)}.eyebrow{font-family:var(--mono);font-size:9px;letter-spacing:1.5px;line-height:1.5;color:var(--muted);font-weight:500}.accent{color:var(--accent)}.status-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;display:inline-block;box-shadow:0 0 8px #c7df8c25;flex-shrink:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:3px;color:var(--muted)}.icon-button:hover{background:#d0e49c0a}.icon-button .icon{width:17px;height:17px}.primary{background:var(--accent);color:#23311e;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 20px;font-weight:600;font-size:12px;letter-spacing:.1px;border:1px solid var(--accent);border-radius:3px;transition:background .18s}.primary:hover:not(:disabled){background:#e0eec0;color:#172513}.primary .icon{width:17px;height:17px}.primary.full{justify-content:space-between}.primary.compact{padding:10px 15px;min-width:132px}.full{width:100%}.secondary{display:flex;align-items:center;justify-content:flex-start;gap:8px;border:1px solid #49533e;background:#293223;padding:11px 12px;border-radius:3px;font-size:11px}.secondary .icon{width:16px;height:16px}.secondary kbd,.secondary b{margin-left:auto}.secondary.full+.secondary.full{margin-top:9px}.text-button{display:flex;align-items:center;gap:7px;font-size:10px;color:#a4b391;white-space:nowrap}.text-button .icon{width:15px;height:15px}kbd{font:9px var(--mono);color:#919e84;border:1px solid #46503b;border-radius:2px;min-width:16px;display:inline-block;line-height:17px;text-align:center;padding:0 3px}small{font-weight:400}.topbar{height:68px;display:flex;align-items:center;padding:0 26px 0 20px;background:#1b211b;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:11px;width:239px;flex-shrink:0}.brand>.icon{height:34px;width:34px;color:var(--accent)}.brand>span{font-size:21px;font-weight:700;letter-spacing:1.3px;line-height:1.05;color:#e0e5d8}.brand-hq{color:var(--accent);margin-left:5px}.brand small{display:block;font:7px var(--mono);letter-spacing:2.45px;color:#88967c;margin-top:7px}.top-divider{height:26px;width:1px;background:var(--line)}.operation-label{display:grid;gap:5px}.operation-label>span:last-child{font-size:11px;color:#b1bba5}.operation-label .muted{padding:0 6px}.operation-label .eyebrow{font-size:8px}.top-spacer{flex:1}.solo-label{font:9px var(--mono);color:#a9b59a;letter-spacing:1.2px;display:flex;align-items:center;gap:9px}.commander-badge{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:24px;text-align:left}.commander-mark{display:grid;place-items:center;width:30px;height:33px;font:600 13px var(--mono);border:1px solid #6d959666;color:#a4c4c6;background:#759aa311;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}.commander-mark.red{color:#df9383;border-color:#ac6b6066;background:#a76d6d11}.commander-badge small{font:7px var(--mono);color:var(--muted);letter-spacing:1.2px;display:block;margin-bottom:5px}.commander-badge b{font-size:11px;font-weight:500}.commander-badge>.icon{width:13px;height:13px;margin-left:9px;color:var(--muted)}.workspace{display:flex}.rail{width:68px;flex-shrink:0;border-right:1px solid var(--line);background:#181e18;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:24px 0 16px;min-height:calc(100dvh - 68px)}.rail-top,.rail-bottom{display:flex;flex-direction:column;gap:14px;align-items:center}.rail-button{position:relative;color:#809171;width:39px;height:39px;display:grid;place-items:center;border-radius:4px}.rail-button .icon{width:21px;height:21px}.rail-button.active{color:var(--accent);background:#cce79712;border:1px solid #cce79722}.rail-button:hover{background:#cce7970c}.rail-version{font:7px var(--mono);color:#65735c;letter-spacing:1px;margin-top:16px}.main-content{width:calc(100% - 68px);padding:23px 27px 0;display:grid;grid-template-rows:66px 76px minmax(410px,1fr) 113px 36px;gap:16px;height:calc(100dvh - 68px);min-height:788px}.operation-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.slash{margin:0 10px;color:#56644d}.operation-header .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:8px}.operation-header h1{font-size:29px;font-weight:500;letter-spacing:-1px;line-height:1}.title-dot{color:var(--accent)}.operation-header p{font-size:10px;color:#819074;margin-top:7px}.operation-controls{display:flex;align-items:center;gap:18px}.status-tag{font:8px var(--mono);letter-spacing:1px;color:#c1d991;display:flex;gap:7px;align-items:center;padding:7px 9px;background:#c5e29607;border:1px solid #a4c27520;border-radius:2px;white-space:nowrap}.status-tag.standby{color:#b2ae8a;border-color:#a69f7525;background:#a69f7506}.status-tag.standby .status-dot{background:#b4ac7c}.clock{display:flex;align-items:center;gap:7px;font:13px var(--mono);color:#d8decc}.clock>.icon{width:14px;height:14px;color:#7e8e71}.resource-strip{border:1px solid var(--line);border-radius:4px;display:grid;grid-template-columns:repeat(4,1fr);background:#1d241b}.resource{display:flex;align-items:center;gap:13px;position:relative;padding:12px 18px;min-width:0}.resource+.resource:before{content:"";position:absolute;left:0;top:17px;bottom:17px;width:1px;background:var(--line)}.resource-icon{color:#9eae87;background:#a3b78109;display:grid;place-items:center;width:33px;height:35px;border:1px solid #a3b78112;border-radius:3px}.resource-icon>.icon{width:18px;height:18px}.resource>div{display:flex;flex-direction:column;gap:6px}.resource small{font:8px var(--mono);letter-spacing:1.2px;color:#929e85;white-space:nowrap}.resource strong{font:23px var(--mono);color:#e2e8d5;font-weight:400}.resource-unit{font-size:10px;color:#7f8d71}.resource-trend,.resource-sub{font:8px var(--mono);color:#b0c488;margin-left:auto;align-self:flex-end;padding-bottom:7px;white-space:nowrap}.resource-sub{color:#819171}.battle-layout{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:17px;min-height:0}.map-section{border:1px solid #3c4934;border-radius:4px;overflow:hidden;display:grid;grid-template-rows:45px 1fr 31px;min-width:0;min-height:0}.map-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#20281d;border-bottom:1px solid #3c4934}.map-title{font:8px var(--mono);letter-spacing:1.2px;display:flex;align-items:center;gap:8px;color:#c1cdb1}.map-revision{font-size:7px;letter-spacing:.5px;color:#78876a;padding-left:8px;border-left:1px solid #455239;margin-left:3px}.segmented{display:flex;border:1px solid #47533a;border-radius:3px;padding:2px;gap:2px;background:#192117}.segmented button{font:9px var(--mono);color:#8b997c;padding:5px 10px;border-radius:2px}.segmented button.active{background:#3b4930;color:#cbdcaf}.map-container{position:relative;min-height:0;background:#121e20;isolation:isolate;overflow:hidden}.map-container canvas{display:block;position:absolute;left:0;top:0;z-index:0;touch-action:none;outline-offset:-3px}.theater-switch{position:absolute;top:17px;left:17px;z-index:2;display:flex;gap:1px;padding:3px;border:1px solid #54624960;background:#17211def;border-radius:3px}.theater-switch button{font:9px var(--mono);color:#90a082;padding:6px 10px;border-radius:2px}.theater-switch button.active{color:#d1e3a9;background:#6e855633}.map-label-top{position:absolute;top:21px;right:18px;z-index:1;font:7px var(--mono);color:#9baa88;letter-spacing:1.5px;text-align:right;pointer-events:none;line-height:1.7}.map-label-top span{display:block;color:#6c7e6c;font-size:6px;letter-spacing:1px}.map-zoom{position:absolute;right:15px;bottom:42px;z-index:2;display:flex;flex-direction:column;border:1px solid #697d4555;background:#18221cdd;border-radius:3px}.map-zoom .icon-button{width:28px;height:29px;color:#abbc97;border-radius:0}.map-zoom .icon-button+.icon-button{border-top:1px solid #45533b}.map-legend{position:absolute;bottom:16px;left:18px;z-index:1;display:flex;gap:17px;font:7px var(--mono);letter-spacing:1px;color:#95a68c;pointer-events:none}.map-legend span{display:flex;align-items:center;gap:5px}.map-legend i{display:inline-block;width:5px;height:5px;border-radius:1px}.legend-blue{background:var(--blue)}.legend-red{background:var(--red)}.legend-neutral{background:#a2aa95}.legend-hq{color:#c3c8a9}.map-pause{position:absolute;bottom:45px;left:0;right:0;display:flex;gap:17px;justify-content:center;align-items:center;color:#c3d596b0;font:8px var(--mono);letter-spacing:2.5px;z-index:1;pointer-events:none}.pause-bracket{font-size:18px;color:#8fa36790}.map-corner{position:absolute;z-index:1;width:8px;height:8px;pointer-events:none}.corner-tl{top:0;left:0;border-top:1px solid #bed98d;border-left:1px solid #bed98d}.corner-br{bottom:0;right:0;border-bottom:1px solid #bed98d;border-right:1px solid #bed98d}.map-footer{display:flex;justify-content:space-between;align-items:center;padding:0 12px;border-top:1px solid #3a4631;background:#1e271c;color:#8c9a7f;font:7px var(--mono);gap:12px;white-space:nowrap}.map-footer kbd{font-size:7px;line-height:13px;margin-left:5px}.hint-separator{color:#5c6a50;margin:0 6px}.command-panel{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:4px;background:#1d241b;min-height:0;overflow:hidden}.panel-tabs{height:45px;display:flex;border-bottom:1px solid var(--line);padding:0 13px;gap:18px;flex-shrink:0}.panel-tabs button{display:flex;align-items:center;gap:7px;font-size:11px;color:#819473;position:relative;padding:0 6px}.panel-tabs button.active{color:#caddb0}.panel-tabs button.active:after{position:absolute;content:"";bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.panel-tabs .icon{width:14px;height:14px}.panel-tabs button>span{border:1px solid #46523b;padding:1px 4px;border-radius:2px;font:8px var(--mono);color:#b8c99e}.opponent-footer{padding:12px 16px;background:#22291f;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);flex-shrink:0;margin-top:auto}.opponent-avatar{height:33px;width:33px;display:grid;place-items:center;color:#c6836d;border:1px solid #8b65523d;background:#ac796512;border-radius:3px}.opponent-avatar .icon{width:23px;height:23px}.opponent-footer>div:last-of-type{display:flex;flex-direction:column;gap:4px}.opponent-footer small{font:6px var(--mono);letter-spacing:1.2px;color:#929e81}.opponent-footer strong{font-size:10px;letter-spacing:.1px;color:#cad0bd;font-weight:500}.opponent-footer span:not(.enemy-dot){font:6px var(--mono);letter-spacing:1px;color:#9c9777}.enemy-dot{width:5px;height:5px;background:#bf8167;border-radius:50%;margin-left:auto}#panel-content{overflow-y:auto;overscroll-behavior:contain;flex:1;scrollbar-width:thin;scrollbar-color:#48543b transparent}.briefing{padding:17px 19px}.briefing>.eyebrow:first-child{display:flex;justify-content:space-between;font-size:7px}.tiny-code{color:#697b58}.briefing-emblem{position:relative;display:flex;justify-content:center;align-items:center;width:65px;height:65px;margin:12px auto 14px;color:#bdd492;background:radial-gradient(circle,#718e4b14,transparent 70%)}.briefing-emblem>.icon{width:44px;height:44px;stroke-width:1}.emblem-orbit{position:absolute;inset:0;border:1px solid #7a92592c;border-radius:50%;transform:rotate(-25deg)}.emblem-orbit:after{content:"";position:absolute;top:12px;left:5px;width:4px;height:4px;background:#7a9259;border-radius:50%}.briefing>.accent{font-size:6px;letter-spacing:1.8px}.briefing h2{font-size:26px;letter-spacing:-.7px;font-weight:500;margin:7px 0 9px;color:#e0e7cf}.briefing>p{font-size:10px;line-height:1.7;color:#9ca98e}.objective-row{display:flex;align-items:flex-start;gap:10px;border-top:1px solid #3b4730;border-bottom:1px solid #3b4730;padding:13px 0;margin:14px 0 11px}.objective-row>.icon{width:17px;height:17px;color:#c2d492;margin-top:2px}.objective-row strong{font-size:10px;color:#d8e0c3;font-weight:500;display:block;margin-bottom:5px}.objective-row span{font-size:8px;line-height:1.5;color:#919d80;display:block}.first-orders{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:9px}.first-orders li{font-size:9px;line-height:1.4;color:#a7b397}.first-orders li>span{font:7px var(--mono);color:#84956b;margin-right:8px}.briefing-guide{font-size:8px;line-height:1.7;color:#82946d;display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:11px 0 0}.briefing-guide>.icon{width:10px;height:10px}.resume-link{font-size:9px;color:#aebe95;text-decoration:underline;display:block;margin:9px auto 0}.selection-panel,.intel-panel{padding:18px 17px}.panel-eyebrow{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px}.panel-eyebrow>.eyebrow{font-size:7px;letter-spacing:1.25px}.side-chip{font:7px var(--mono);letter-spacing:1px;border:1px solid #a5b78344;background:#9aaf7111;color:#b9c89d;border-radius:2px;padding:4px 6px}.side-chip.blue{color:var(--blue);background:#95bec60a;border-color:#95bec633}.side-chip.red{color:var(--red);background:#d488780a;border-color:#d4887833}.selected-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.large-unit-symbol{display:grid;place-items:center;background:#a6c2790a;border:1px solid #566a3b77;border-radius:3px;width:46px;height:46px;flex-shrink:0;color:var(--accent)}.large-unit-symbol>.icon{width:29px;height:29px;stroke-width:1.2}.selected-heading h2{font-size:21px;font-weight:500;letter-spacing:-.7px;color:#dce5c9;line-height:1.15}.selected-heading p{font-size:8px;line-height:1.6;color:#8a9c78;margin-top:5px}.unit-strength{display:flex;flex-wrap:wrap;justify-content:space-between;font:8px var(--mono);letter-spacing:.7px;color:#9bae84}.unit-strength>strong{color:#c9dfa0}.unit-strength .health-track{width:100%;height:4px;margin:9px 0 17px}.health-track{height:2px;background:#37452a;border-radius:2px;display:block;overflow:hidden}.health-track>i{display:block;height:100%;background:#a6c278;border-radius:2px}.unit-specs{display:grid;grid-template-columns:1fr 1fr;gap:18px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.unit-specs>div{display:flex;flex-direction:column;gap:6px}.unit-specs small{font:7px var(--mono);color:#849b71;letter-spacing:1px}.unit-specs b{font-size:11px;font-weight:500;color:#cad7b7}.order-instruction{display:flex;gap:10px;padding:17px 0;font-size:10px;line-height:1.75;color:#9cac8c}.order-instruction>.icon{width:18px;height:18px;color:#b7ce8a;margin-top:3px}.order-instruction strong{display:block;color:#c3d2b0;font-weight:500;margin-bottom:4px}.unit-actions{display:grid;gap:8px}.panel-tip{display:flex;align-items:flex-start;gap:6px;font-size:8px;line-height:1.65;color:#7f956c;padding-top:14px}.panel-tip .icon{width:12px;height:12px;flex-shrink:0;margin-top:1px}.site-meta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:17px;font:9px var(--mono);color:#b5c49c}.site-meta>span{display:flex;align-items:center;gap:5px}.site-meta .icon{width:13px;height:13px;color:#899f6c}.site-meta small{font-size:7px;color:#7b9064}.production-heading{display:flex;align-items:center;justify-content:space-between;margin:3px 0 11px}.production-heading h3{font-size:11px;font-weight:500;color:#c4d2b0}.production-heading>span{font:7px var(--mono);color:#7e966a;letter-spacing:.4px}.production-list{display:grid;gap:6px}.build-button{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid #3a492f;border-radius:3px;background:#232d1e;text-align:left;min-height:46px}.build-button:not(:disabled):hover{border-color:#88a65e;background:#2a3722}.build-icon{display:grid;place-items:center;width:28px;color:#a8c282}.build-icon .icon{width:23px;height:23px;stroke-width:1.2}.build-name{display:grid;gap:4px;flex:1}.build-name strong{font-weight:500;font-size:10px;color:#c4d1b3}.build-name small{font:7px var(--mono);color:#7c9665}.build-button>b{font:10px var(--mono);color:#cbdcaa}.build-button>.icon{width:12px;height:12px;color:#8ea972}.production-queue{margin-top:17px;display:grid;gap:8px}.production-queue>.eyebrow{font-size:7px}.queue-item{position:relative;overflow:hidden;display:flex;align-items:center;gap:8px;font-size:9px;padding:8px;background:#2b3623;border-radius:2px}.queue-item>.icon{width:16px;height:16px;color:#a9c781}.queue-item>b{margin-left:auto;font:8px var(--mono);color:#9cb777}.queue-progress{position:absolute;height:2px;left:0;bottom:0;background:#abc97d}.production-queue>.text-button{font-size:8px;margin-top:3px}.capture-warning{font-size:9px;color:#d2ad7a;margin:10px 0}.capture-warning>.icon{width:14px;height:14px;margin-right:5px}.capture-warning .health-track{margin-top:7px}.capture-warning .health-track>i{background:#d2ad7a}.idle-title{font-size:24px;font-weight:500;letter-spacing:-.7px;margin:12px 0}.panel-copy{font-size:11px;line-height:1.8;color:#99ac87}.objective-card{border:1px solid #53674070;background:#9aad7010;display:flex;align-items:center;gap:10px;padding:12px;margin:20px 0 0}.objective-card>.icon{color:#acc585}.objective-card>div{display:grid;gap:6px;flex:1}.objective-card strong{font-weight:500;font-size:10px;color:#c9d9b1}.objective-card span{font-size:10px;color:#94a87e}.info-callout{padding:10px;border:1px solid #8ba76444;background:#8ba7640a;font-size:9px;line-height:1.6;color:#b3c794;margin-bottom:12px}.live-small{font:7px var(--mono);letter-spacing:1px;color:#c0d58f}.recon-card{border:1px solid #4b5d3880;padding:12px;background:#26311f}.recon-header{display:flex;gap:8px;align-items:center;margin-bottom:10px}.recon-header>.icon{width:20px;height:20px;color:#bdd792}.recon-header h3{font-size:11px;font-weight:500}.recon-card p{font-size:9px;line-height:1.7;color:#9eb38b;margin-bottom:12px}.recon-card .secondary{padding:9px 8px;font-size:8px}.recon-card .secondary>.icon{width:13px;height:13px}.recon-card .secondary>b{font:9px var(--mono)}.intel-summary{display:flex;justify-content:space-between;gap:8px;padding:18px 0;border-bottom:1px solid var(--line);margin-bottom:19px}.intel-summary span{font:6px var(--mono);color:#92a57d}.intel-summary b{display:block;font:20px var(--mono);color:#c8d7b2;margin-bottom:6px}.event-list{display:flex;flex-direction:column}.event-item{display:flex;gap:9px;padding:12px 0;text-align:left;border-bottom:1px solid #34412b;color:#a9ba98;width:100%}.event-item:disabled{opacity:1;cursor:default}.event-marker{width:5px;height:5px;border:1px solid #889d70;border-radius:50%;margin-top:4px;flex-shrink:0}.event-item.good .event-marker{background:#adc582;border-color:#adc582}.event-item.danger .event-marker{background:#c3816a;border-color:#c3816a}.event-time{font:7px var(--mono);color:#758f61}.event-item p{font-size:9px;line-height:1.7;margin-top:5px}.event-item>.icon{width:12px;height:12px;margin:auto 0 auto auto}.forces-section{min-width:0;min-height:0}.section-heading{display:flex;align-items:center;gap:24px;margin:2px 0 13px}.section-heading h2{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;color:#c4d0b0;white-space:nowrap}.section-heading h2>.icon{width:17px;height:17px;color:#889b71}.section-heading h2>span{font:8px var(--mono);background:#a7bd7f0a;border:1px solid #a7bd7f22;color:#a3b986;border-radius:2px;min-width:21px;padding:3px 4px;text-align:center}.force-filters{display:flex;gap:15px}.force-filters button{font:9px var(--mono);padding:2px 0;color:#829971}.force-filters button.active{color:#d1e5aa}.section-heading>.text-button{margin-left:auto;color:#899f71;font-size:8px}.unit-roster{display:flex;gap:9px;overflow-x:auto;padding:0 1px 9px;scrollbar-width:thin;scrollbar-color:#4d6039 transparent;min-height:80px}.unit-card{position:relative;display:flex;align-items:center;gap:10px;border:1px solid #36452b;border-radius:3px;background:#1f291b;min-width:165px;width:calc(100% / 7 - 8px);flex-shrink:0;padding:12px;text-align:left;transition:border-color .15s,background .15s}.unit-card:hover{border-color:#769454}.unit-card.selected{border-color:#abc77e;background:#2c3922}.unit-card-symbol{color:#a6bf83}.unit-card-symbol .icon{width:26px;height:26px;stroke-width:1.15}.unit-card-symbol.in-combat{color:#d2a278}.unit-card-info{display:grid;gap:6px;flex:1}.unit-card-info strong{font-size:10px;font-weight:500;color:#c2d3ae;white-space:nowrap}.unit-card-info small{font:7px var(--mono);color:#8da875;display:flex;gap:5px;align-items:center;white-space:nowrap}.unit-status{width:3px;height:3px;background:#859675;border-radius:50%}.unit-status.moving{background:#c0d18b}.unit-status.combat{background:#d2916c}.unit-card-info .health-track{margin-top:1px}.selection-dot{position:absolute;right:6px;top:6px;width:3px;height:3px;background:var(--accent);border-radius:50%}.empty-forces{font-size:11px;color:#8fa477;padding:16px 0}.bottom-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #34432a;color:#71865f;font:7px var(--mono);letter-spacing:.6px;gap:16px}.bottom-bar>span:first-child{display:flex;gap:7px;align-items:center;white-space:nowrap}.bottom-bar .status-dot{width:4px;height:4px;background:#8da36e}.bottom-bar>span:nth-child(2){letter-spacing:0;color:#758667}.bottom-bar i{font-style:normal;margin:0 8px;color:#4d603e}.bottom-bar>div{display:flex;align-items:center;gap:8px}.bottom-bar>div>span{font-size:6px;color:#728660;letter-spacing:.7px;margin-right:5px}.speed-switch{display:flex;gap:1px;border:1px solid #38492b;background:#1b2518;padding:2px;border-radius:2px}.speed-switch button{padding:4px 8px;font:8px var(--mono);border-radius:1px;color:#7d9664}.speed-switch button.active{background:#41542c;color:#d0e3ae}.bottom-bar .icon-button{width:25px;height:25px}.bottom-bar .icon-button .icon{width:14px;height:14px}.toast{position:fixed;z-index:100;bottom:27px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;padding:13px 22px;background:#344629;border:1px solid #adc57e;border-radius:4px;box-shadow:0 10px 35px #0006;font-size:12px;line-height:1.5;color:#e1efcf;max-width:calc(100% - 30px);transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%)}.toast.error{border-color:#c5816d;background:#493228;color:#f0d6c5}dialog{width:680px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 44px);padding:27px;border:1px solid #5b6c42;border-radius:7px;background:#1e291a;color:#cddaaf;box-shadow:0 25px 100px #0008;scrollbar-width:thin;scrollbar-color:#526c39 transparent}dialog::backdrop{background:#080e09b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #3d502c;padding-bottom:22px;margin-bottom:20px}.dialog-header .eyebrow{font-size:8px;color:#99b27f}.dialog-header h2{font-size:29px;font-weight:500;letter-spacing:-.8px;margin-top:9px;color:#dfebca}.dialog-header .icon-button{margin-top:-5px}.dialog-copy,.manual-intro{font-size:12px;line-height:1.8;color:#a5b693;margin-bottom:22px}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px}.manual-number{font:9px var(--mono);color:#c4d69f}.manual-grid h3{font-size:15px;font-weight:500;color:#d1e0b8;margin:8px 0 11px}.manual-grid p{font-size:11px;color:#9eb487;line-height:1.8;margin-top:9px}.manual-grid b{color:#d0ddbb;font-weight:500}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px;padding:20px 0;margin-top:25px;border-top:1px solid #40552c;border-bottom:1px solid #40552c}.shortcut-grid span{font-size:10px;color:#a9bd93;display:flex;align-items:center;gap:10px}.shortcut-grid kbd{min-width:52px;border-color:#5b7441;color:#c1d7a7}.manual-footnote{font-size:9px;color:#7f986a;line-height:1.8;margin:19px 0}.faction-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;border:0;padding:0;margin:0 0 23px}fieldset legend{font:9px var(--mono);letter-spacing:.8px;text-transform:uppercase;color:#a3bc89;padding:0;margin-bottom:12px}.faction{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;padding:20px 15px;border:1px solid #51663c;border-radius:4px;cursor:pointer;background:#26351e}.faction input{position:absolute;top:12px;right:12px;accent-color:var(--accent)}.faction .icon{width:40px;height:40px;stroke-width:1}.faction.blue .icon{color:var(--blue)}.faction.red .icon{color:var(--red)}.faction strong{font-size:14px;font-weight:500}.faction small{font-size:10px;color:#8aa66f}.faction:has(input:checked){border-color:#bbd397;background:#a4bd6e12}.difficulty-options{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.difficulty-options label{display:flex;align-items:center;gap:13px;padding:12px;border:1px solid #435b31;border-radius:3px;cursor:pointer}.difficulty-options label:has(input:checked){border-color:#a8c486;background:#98b5630c}.difficulty-options input{accent-color:var(--accent)}.difficulty-options label>span{display:grid;gap:5px;flex:1}.difficulty-options strong{font-size:11px;font-weight:500;color:#cedeba}.difficulty-options small{font-size:9px;color:#8da675;line-height:1.5}.difficulty-options b{font:8px var(--mono);text-transform:uppercase;font-weight:400;color:#a2b585}.new-game-note{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.6;color:#839f6b;margin:22px 0}.new-game-note .icon{width:16px;height:16px}.settings-actions{display:grid;gap:9px}.settings-row{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid #42582e;border-radius:3px;text-align:left;background:#283720}.settings-row>.icon:first-child{color:#a9c480;width:23px;height:23px}.settings-row>span{flex:1;display:grid;gap:6px}.settings-row strong{font-size:12px;font-weight:500;color:#d0dfb7}.settings-row small{font-size:10px;line-height:1.5;color:#8ca371}.settings-row>.icon:last-child{width:16px;height:16px}.phase-note{margin-top:22px;padding:18px;background:#15200f88;border:1px dashed #465933}.phase-note>.eyebrow{font-size:7px;color:#839e64}.phase-note h3{font-size:15px;color:#afc591;font-weight:500;margin:9px 0}.phase-note p{font-size:10px;line-height:1.8;color:#7f9a62}.victory-emblem{display:grid;place-items:center;margin:25px auto 10px;width:90px;height:90px;border:1px solid #78984b;background:#8eaf5a10;border-radius:50%;color:#cde7a3}.victory-emblem .icon{width:48px;height:48px;stroke-width:1}.victory-copy{font-size:14px;line-height:1.9;text-align:center;margin:20px auto;color:#aac290;max-width:430px}.victory-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #405b28;border-bottom:1px solid #405b28;padding:25px 0;margin:25px 0;text-align:center}.victory-stats b{font:25px var(--mono);color:#d2e8ac;display:block;margin-bottom:11px}.victory-stats small{font:7px var(--mono);color:#8aa468;letter-spacing:1px}.load-error{max-width:540px;padding:70px 25px;margin:0 auto}.load-error h1{font-size:28px;color:var(--accent);margin-bottom:20px}.load-error p{line-height:1.8;color:var(--muted)}.load-error button{margin-top:20px;background:var(--accent);padding:12px 22px;border-radius:3px;color:var(--bg)}@media(min-height:1000px)and (min-width:1200px){.main-content{grid-template-rows:80px 84px minmax(460px,1fr) 122px 40px;gap:20px;padding-top:27px}.briefing{padding:23px}.briefing-emblem{width:88px;height:88px;margin:20px auto 22px}.briefing-emblem>.icon{width:55px;height:55px}.briefing h2{font-size:30px}.briefing>p{font-size:11px}.objective-row{margin:20px 0 18px;padding:18px 0}.first-orders{gap:13px;margin-bottom:22px}.first-orders li{font-size:10px}.briefing-guide{font-size:9px}.battle-layout{grid-template-columns:minmax(0,1fr) 312px}.opponent-footer{padding:17px}.resource strong{font-size:26px}.resource small,.resource-trend,.resource-sub{font-size:9px}}@media(min-width:1800px){.main-content{padding-left:35px;padding-right:35px}.battle-layout{grid-template-columns:minmax(0,1fr) 340px}.resource{padding:15px 25px}.map-title{font-size:10px}.map-label-top{font-size:9px}.map-label-top span{font-size:8px}.map-footer,.map-legend{font-size:9px}.briefing>p{font-size:12px}.first-orders li{font-size:11px}.unit-card{min-width:182px}.unit-card-info strong{font-size:12px}.unit-card-info small{font-size:9px}}@media(max-width:1250px){.main-content{padding:20px 18px 0;gap:14px}.battle-layout{grid-template-columns:minmax(0,1fr) 267px;gap:13px}.resource{padding:12px 13px;gap:9px}.resource-trend,.resource-sub{position:absolute;bottom:11px;right:12px;font-size:6px}.resource strong{font-size:21px}.resource-unit{font-size:8px}.resource small{font-size:7px;letter-spacing:.8px}.resource-icon{width:29px;height:32px}.operation-controls{gap:12px}.status-tag{font-size:7px;letter-spacing:.5px}.briefing{padding:14px}.map-revision{display:none}.map-footer{font-size:6px}.map-label-top{display:none}.brand{width:225px}.selection-panel,.intel-panel{padding:16px 13px}}@media(max-width:1020px){.operation-label,.top-divider{display:none}.topbar{gap:15px}.resource-trend,.resource-sub{display:none}.operation-header h1{font-size:26px}.operation-controls .status-tag{display:none}.clock{font-size:11px}.primary.compact{min-width:100px;padding:9px 10px;font-size:10px}.battle-layout{grid-template-columns:minmax(0,1fr) 250px;gap:12px}.rail{width:54px}.main-content{width:calc(100% - 54px);padding-left:14px;padding-right:14px}.map-legend{gap:10px;font-size:6px;left:12px}.map-pause{font-size:6px;letter-spacing:1.5px}.map-footer>span:first-child{max-width:42%;overflow:hidden;text-overflow:ellipsis}.map-title{font-size:6px;letter-spacing:.8px}.segmented button{font-size:8px;padding:5px 7px}.bottom-bar>span:nth-child(2){display:none}.first-orders li{font-size:8px}.briefing>p{font-size:9px}.briefing-guide{font-size:7px}.briefing-emblem{height:52px;width:52px;margin:8px auto}.briefing-emblem>.icon{width:38px;height:38px}.briefing h2{font-size:25px}.theater-switch button{padding:5px 7px;font-size:8px}.theater-switch{top:12px;left:12px}}@media(max-width:760px){.topbar{height:62px;padding:0 15px}.brand{width:auto}.brand>span{font-size:19px}.brand small{font-size:6px;letter-spacing:2px}.brand>.icon{width:28px;height:28px}.solo-label{display:none}.commander-badge{padding-left:13px}.commander-badge>b,.commander-badge>span:not(.commander-mark),.commander-badge>.icon{display:none}.commander-mark{width:26px;height:29px}.rail{width:45px;padding:17px 0;min-height:calc(100dvh - 62px)}.rail-button{width:32px;height:34px}.rail-button .icon{width:18px;height:18px}.rail-version{font-size:6px;letter-spacing:.5px}.main-content{width:calc(100% - 45px);height:auto;min-height:calc(100dvh - 62px);display:flex;flex-direction:column;gap:16px;padding:19px 12px 0}.operation-header{align-items:flex-start;gap:12px}.operation-header>.div{min-width:0}.operation-header .eyebrow{font-size:6px;letter-spacing:.9px}.slash{margin:0 5px}.operation-header h1{font-size:22px;letter-spacing:-.7px}.operation-header p{font-size:8px;line-height:1.5;max-width:180px;margin-top:7px}.operation-controls{flex-direction:column;align-items:flex-end;gap:7px}.clock{font-size:10px;gap:5px}.clock .icon{width:12px;height:12px}.primary.compact{font-size:8px;gap:6px;min-width:86px;padding:7px}.primary.compact .icon{width:12px;height:12px}.resource-strip{grid-template-columns:1fr 1fr}.resource{padding:12px;min-height:65px;gap:10px}.resource:nth-child(3),.resource:nth-child(4){border-top:1px solid var(--line)}.resource:nth-child(3):before{display:none}.resource small{font-size:6px;letter-spacing:.8px}.resource strong{font-size:21px}.resource-icon{width:27px;height:29px}.resource-icon>.icon{width:15px;height:15px}.resource-unit{font-size:8px}.battle-layout{display:flex;flex-direction:column;gap:16px}.map-section{height:370px;flex-shrink:0;grid-template-rows:41px 1fr 30px}.map-toolbar{padding:0 10px}.map-title{font-size:6px;letter-spacing:.6px;gap:5px}.map-footer{padding:0 8px}.map-footer>span:first-child{display:none}.map-footer>span:last-child{font-size:7px}.map-legend{gap:9px;font-size:6px}.map-pause{font-size:5px;gap:9px;letter-spacing:1.3px}.map-zoom{right:10px;bottom:42px}.map-zoom .icon-button{width:26px;height:28px}.command-panel{max-height:575px}.briefing{padding:20px}.briefing-emblem{float:right;height:65px;width:65px;margin:20px 0 10px 12px}.briefing>.accent{display:block;margin-top:20px;font-size:7px}.briefing h2{font-size:27px}.briefing>p{font-size:11px;max-width:440px}.first-orders li{font-size:10px}.objective-row strong{font-size:12px}.objective-row span{font-size:10px}.briefing-guide{font-size:9px}.briefing .primary{margin-top:4px}.selection-panel,.intel-panel{padding:20px}.production-list{grid-template-columns:1fr 1fr}.build-button{gap:6px;padding:8px 6px}.build-name strong{font-size:9px}.build-icon{width:22px}.build-icon .icon{width:20px;height:20px}.build-button b{font-size:9px}.build-button>.icon{display:none}.opponent-footer small{font-size:7px}.opponent-footer strong{font-size:11px}.opponent-footer span:not(.enemy-dot){font-size:7px}.forces-section{margin-top:0}.section-heading{gap:10px;flex-wrap:wrap}.section-heading h2{font-size:12px}.section-heading>.text-button{font-size:7px}.force-filters{order:3;width:100%;gap:19px}.force-filters button{font-size:8px}.unit-roster{padding-bottom:13px}.unit-card{min-width:165px;min-height:72px}.bottom-bar{min-height:40px;margin-top:1px;gap:6px;flex-wrap:wrap;padding:10px 0}.bottom-bar>span:first-child{font-size:5px;letter-spacing:.5px}.bottom-bar>div>span{display:none}.bottom-bar>div{gap:2px}.speed-switch button{font-size:7px;padding:4px 6px}.bottom-bar .icon-button{width:21px}.bottom-bar .icon-button .icon{width:12px}.toast{font-size:11px;width:max-content;max-width:calc(100% - 30px);bottom:15px}dialog{padding:20px;max-height:calc(100dvh - 30px)}.dialog-header h2{font-size:24px}.manual-grid{grid-template-columns:1fr;gap:20px}.shortcut-grid{gap:11px}.shortcut-grid span{font-size:8px;gap:6px}.shortcut-grid kbd{font-size:7px;min-width:42px}.faction-options{gap:9px}.faction{padding:18px 8px}.faction strong{font-size:11px}.faction small{font-size:8px}.difficulty-options label{gap:8px;padding:10px}.difficulty-options small{font-size:8px}.difficulty-options strong{font-size:10px}.difficulty-options b{font-size:7px}.victory-stats b{font-size:21px}.victory-stats small{font-size:6px}.settings-row{padding:12px;gap:10px}.settings-row small{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.resource-link{text-align:left;color:inherit;cursor:pointer}.resource-link:hover{background:#c7e39809}.resource-link:hover .resource-icon{border-color:#a1bc7066}.site-search-label{font:9px var(--mono);color:#a4bc89;display:block;margin:0 0 9px}.site-search{width:100%;padding:12px 14px;background:#152110;color:#d0e0b7;border:1px solid #607b44;border-radius:3px;font-family:inherit;font-size:12px;margin-bottom:15px}.site-search::placeholder{color:#7b9665}.site-network{max-height:380px;overflow:auto;scrollbar-width:thin;scrollbar-color:#58743b transparent}.site-network-row{display:flex;align-items:center;gap:15px;padding:13px 8px;width:100%;text-align:left;border-bottom:1px solid #3b512a}.site-network-row[hidden]{display:none}.site-network-row:hover{background:#9cbb6810}.site-network-row>.side-chip{min-width:56px;text-align:center}.site-network-row>span:nth-child(2){display:grid;gap:6px}.site-network-row strong{font-size:12px;font-weight:500;color:#d0deb9}.site-network-row small{font:9px var(--mono);color:#8da474}.site-network-row>.icon{margin-left:auto;width:14px;height:14px;color:#9bb479}.site-search-empty{font-size:12px;color:#a4bb8b;padding:20px 0}.multiplayer-button{cursor:pointer;background:transparent;border:1px solid var(--border, #343d2d);border-radius:5px;padding:9px 12px;color:inherit;font:inherit;font-size:10px;letter-spacing:.08em}.room-status{padding:12px;margin:16px 0;border:1px solid #596348;color:#c3d393;font-size:12px;letter-spacing:.08em}.room-divider{margin:24px 0 16px;color:#8a927e;font-size:10px;letter-spacing:.15em}.room-error{color:#f29b91;font-size:13px}#join-room-form .site-search,#invite-link{margin-bottom:14px;width:100%;box-sizing:border-box}#invite-link{font-size:12px}@media(max-width:700px){.multiplayer-button.solo-label{display:flex;max-width:145px;font-size:9px;padding:7px}}