.intermission-cutscene,.intermission-cutscene *{box-sizing:border-box}.intermission-cutscene{--cutscene-cyan: #78e8f5;--cutscene-green: #b6f28c;--cutscene-ink: #071115;--cutscene-line: rgba(170, 223, 224, .2);position:fixed;z-index:300;inset:0;display:grid;place-items:center;overflow:auto;padding:clamp(10px,3vw,36px);color:#e9f4f1;background:var(--cutscene-ink);font-family:inherit;isolation:isolate}.intermission-cutscene__backdrop{position:fixed;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 42%,rgba(25,78,81,.33),transparent 62%),linear-gradient(135deg,#071115,#0a1b20 56%,#081217)}.intermission-cutscene__dialog{position:relative;width:min(100%,1020px);overflow:hidden;border:1px solid rgba(150,217,218,.27);border-radius:14px;background:#0a161bf5;box-shadow:0 30px 100px #0000008f,0 0 54px #24a0ac14;animation:intermission-panel-in .5s cubic-bezier(.16,1,.3,1) both}.intermission-cutscene__dialog:focus{outline:none}.intermission-cutscene__topline{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:16px;padding:0 22px;border-bottom:1px solid var(--cutscene-line);color:#a4c0c3;font-size:10px;font-weight:800;letter-spacing:.16em}.intermission-cutscene__signal{display:inline-flex;align-items:center;gap:9px}.intermission-cutscene__signal-dot{width:7px;height:7px;border-radius:50%;background:var(--cutscene-green);box-shadow:0 0 11px #b6f28ccc;animation:intermission-pulse 1.7s ease-in-out infinite}.intermission-cutscene__classification{color:#628084}.intermission-cutscene__scene{position:relative;height:clamp(175px,26vw,255px);overflow:hidden;border-bottom:1px solid var(--cutscene-line);background:radial-gradient(ellipse at 52% 70%,rgba(39,124,123,.25),transparent 48%),linear-gradient(180deg,#091c22d4,#09131880);isolation:isolate}.intermission-cutscene__map-grid{position:absolute;inset:-20%;opacity:.38;background-image:linear-gradient(rgba(114,207,212,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(114,207,212,.13) 1px,transparent 1px);background-size:34px 34px;transform:perspective(520px) rotateX(52deg) scale(1.4) translateY(10%);transform-origin:center 65%}.intermission-cutscene__map-contour{position:absolute;width:54%;height:120%;top:-10%;border:1px solid rgba(115,211,196,.15);border-radius:45% 53% 48% 56%;transform:rotate(-20deg)}.intermission-cutscene__map-contour:before,.intermission-cutscene__map-contour:after{position:absolute;inset:10%;border:inherit;border-radius:inherit;content:""}.intermission-cutscene__map-contour:after{inset:22%}.intermission-cutscene__map-contour--one{left:10%}.intermission-cutscene__map-contour--two{right:3%;transform:rotate(18deg) scale(.8)}.intermission-cutscene__scanline{position:absolute;z-index:2;top:-20%;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(155,241,242,.54),transparent);box-shadow:0 0 17px #7ee7eb6b;animation:intermission-scan 5s linear infinite}.intermission-cutscene__route{position:absolute;z-index:1;height:1px;transform-origin:left center}.intermission-cutscene__route--old{top:56%;left:17%;width:33%;transform:rotate(-15deg);background:linear-gradient(90deg,#afc3b805,#b0c2b79e)}.intermission-cutscene__route--new{top:48%;left:49%;width:36%;transform:rotate(13deg);background:linear-gradient(90deg,#78e8f5b3,#78e8f508);box-shadow:0 0 8px #78e8f54d}.intermission-cutscene__map-pin{position:absolute;z-index:2;display:grid;width:26px;height:26px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:10px;font-weight:900}.intermission-cutscene__map-pin--old{top:50%;left:15%;color:#b4c9bd;background:#142523b3}.intermission-cutscene__map-pin--new{top:39%;right:14%;color:var(--cutscene-cyan);background:#082227bf;box-shadow:0 0 16px #78e8f538;animation:intermission-pin-pulse 2.2s ease-in-out infinite}.intermission-cutscene__map-label{position:absolute;z-index:3;color:#a8cdc8a8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;letter-spacing:.12em}.intermission-cutscene__map-label--west{top:71%;left:12%}.intermission-cutscene__map-label--east{top:27%;right:8%;color:#78e8f5c2}.intermission-cutscene__drone{position:absolute;z-index:4;width:clamp(48px,8vw,76px);color:#cee4df;filter:drop-shadow(0 0 5px rgba(120,232,245,.26))}.intermission-cutscene__drone svg{display:block;width:100%;overflow:visible;fill:#84aaa66b;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2}.intermission-cutscene__drone--one{top:24%;left:36%;animation:intermission-flight-one 9s ease-in-out infinite}.intermission-cutscene__drone--two{top:56%;left:59%;color:var(--cutscene-cyan);transform:scale(.68);animation:intermission-flight-two 11s ease-in-out infinite}.intermission-cutscene__telemetry{position:absolute;z-index:5;display:grid;gap:4px;color:#a0bfbcb8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;letter-spacing:.07em}.intermission-cutscene__telemetry b{color:#bfddd4;font-weight:700}.intermission-cutscene__telemetry--left{top:15px;left:19px}.intermission-cutscene__telemetry--right{right:19px;bottom:23px;text-align:right}.intermission-cutscene__scene-caption{position:absolute;bottom:10px;left:50%;z-index:5;color:#a7cdc9b3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;letter-spacing:.14em;text-align:center;transform:translate(-50%);white-space:nowrap}.intermission-cutscene__briefing{display:grid;grid-template-columns:minmax(0,.88fr) 54px minmax(0,1.12fr);gap:16px;align-items:center;padding:24px clamp(18px,4vw,42px) 26px}.intermission-cutscene__mission{display:flex;min-width:0;flex-direction:column;align-items:flex-start}.intermission-cutscene__eyebrow{margin-bottom:9px;color:#729093;font-size:9px;font-weight:800;letter-spacing:.13em}.intermission-cutscene__mission-code{color:#809e9c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:800;letter-spacing:.14em}.intermission-cutscene__mission-name{margin-top:5px;color:#e5efeb;font-size:clamp(17px,2.1vw,23px);font-weight:750;line-height:1.18}.intermission-cutscene__mission--previous .intermission-cutscene__mission-name{color:#a4b8b0}.intermission-cutscene__heading{margin:5px 0 0;color:#eff9f4}.intermission-cutscene__heading:focus{outline:2px solid rgba(120,232,245,.7);outline-offset:5px}.intermission-cutscene__sector{margin-top:7px;color:#74d8d1;font-size:9px;font-weight:800;letter-spacing:.12em}.intermission-cutscene__mission-briefing{max-width:54ch;margin:10px 0 0;color:#a9bfba;font-size:13px;line-height:1.55}.intermission-cutscene__field-report{display:-webkit-box;max-width:60ch;margin:8px 0 0;overflow:hidden;color:#7f9d96;font-size:10px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:3}.intermission-cutscene__transfer{position:relative;display:flex;height:44px;align-items:center;justify-content:center}.intermission-cutscene__transfer:before{position:absolute;left:0;width:100%;height:1px;background:linear-gradient(90deg,rgba(153,190,180,.2),var(--cutscene-cyan),rgba(120,232,245,.1));content:""}.intermission-cutscene__transfer span{position:relative;width:5px;height:5px;margin:0 4px;border:1px solid #1c3c41;border-radius:50%;background:var(--cutscene-cyan);box-shadow:0 0 9px #78e8f56b;animation:intermission-transfer 1.4s ease-in-out infinite alternate}.intermission-cutscene__transfer span:nth-child(2){animation-delay:.18s}.intermission-cutscene__transfer span:nth-child(3){animation-delay:.36s}.intermission-cutscene__actions{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:18px;padding:12px clamp(18px,4vw,42px);border-top:1px solid var(--cutscene-line);background:#050e12a3}.intermission-cutscene__hint{margin:0;color:#6f8a8b;font-size:11px}.intermission-cutscene__buttons{display:flex;align-items:center;gap:10px}.intermission-cutscene__buttons button{min-height:44px;border-radius:7px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.intermission-cutscene__buttons button:focus-visible{outline:2px solid var(--cutscene-cyan);outline-offset:3px}.intermission-cutscene__skip{padding:0 18px;border:1px solid rgba(148,184,179,.26);color:#aac0ba;background:#16282b80}.intermission-cutscene__skip:hover{border-color:#94dcd89e;background:#23434494}.intermission-cutscene__continue{display:inline-flex;min-width:154px;align-items:center;justify-content:center;gap:15px;padding:0 18px;border:1px solid #a8e8ce;color:#0a1b19;background:linear-gradient(135deg,#b7efcf,#75d9c6);box-shadow:0 0 22px #5ce2c01a}.intermission-cutscene__continue:hover{background:linear-gradient(135deg,#d0f8de,#91ebd8);transform:translateY(-1px)}.intermission-cutscene__continue span{font-size:17px;line-height:1}@keyframes intermission-panel-in{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes intermission-pulse{50%{opacity:.45;box-shadow:0 0 3px #b6f28c59}}@keyframes intermission-scan{0%{top:-10%}to{top:110%}}@keyframes intermission-pin-pulse{50%{box-shadow:0 0 23px #78e8f575}}@keyframes intermission-flight-one{0%,to{translate:-4px 0;rotate:-3deg}48%{translate:26px 7px;rotate:2deg}}@keyframes intermission-flight-two{0%,to{translate:7px 3px;rotate:3deg}52%{translate:-30px -8px;rotate:-4deg}}@keyframes intermission-transfer{0%{opacity:.42;scale:.8}to{opacity:1;scale:1.2}}@media(max-width:620px){.intermission-cutscene{align-items:start;padding:10px}.intermission-cutscene__dialog{margin:auto 0;border-radius:10px}.intermission-cutscene__topline{min-height:42px;padding:0 14px;font-size:8px}.intermission-cutscene__scene{height:165px}.intermission-cutscene__briefing{grid-template-columns:minmax(0,1fr) 30px minmax(0,1.18fr);gap:8px;align-items:start;padding:18px 15px 20px}.intermission-cutscene__eyebrow{font-size:7px;line-height:1.4}.intermission-cutscene__mission-name{font-size:17px}.intermission-cutscene__mission-briefing{font-size:12px}.intermission-cutscene__field-report{font-size:9px}.intermission-cutscene__transfer{margin-top:28px}.intermission-cutscene__actions{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 15px}.intermission-cutscene__buttons{width:100%}.intermission-cutscene__buttons button{flex:1;padding:0 12px}.intermission-cutscene__continue{min-width:0}}@media(max-width:380px){.intermission-cutscene__briefing{grid-template-columns:1fr;gap:12px}.intermission-cutscene__transfer,.intermission-cutscene__mission--previous{display:none}.intermission-cutscene__scene{height:145px}}@media(prefers-reduced-motion:reduce){.intermission-cutscene *,.intermission-cutscene *:before,.intermission-cutscene *:after{animation-delay:0ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.intermission-cutscene__scanline{top:50%}}:root{color-scheme:dark;font-family:Inter,Avenir Next,Avenir,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink-0: #050c12;--ink-1: #07131d;--ink-2: #0b1a24;--ink-3: #10232f;--ink-4: #152c38;--line: rgba(172, 208, 222, .12);--line-bright: rgba(172, 208, 222, .21);--text: #e5f0f3;--muted: #8da5ae;--dim: #607782;--cyan: #55d9f4;--amber: #edb35f;--red: #ff665e;--violet: #c5a7ff}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:var(--ink-0);color:var(--text);-webkit-font-smoothing:antialiased}button{color:inherit;font:inherit}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.app-shell{display:grid;width:100%;height:100%;min-height:540px;grid-template-rows:62px minmax(280px,1fr) 224px;overflow:hidden;background:radial-gradient(ellipse at 48% -20%,rgba(33,66,78,.26),transparent 52%),var(--ink-1)}.topbar{position:relative;z-index:5;display:grid;grid-template-columns:minmax(265px,1fr) auto minmax(310px,1fr);align-items:center;min-width:0;padding:0 19px;border-bottom:1px solid rgba(163,199,211,.17);background:linear-gradient(180deg,#091722,#07121b);box-shadow:0 8px 22px #0000003b}.brand-lockup{display:flex;min-width:0;align-items:center;gap:12px}.brand-mark{position:relative;display:grid;width:27px;height:27px;place-items:center;border:1px solid rgba(86,220,243,.78);transform:rotate(45deg);box-shadow:inset 0 0 11px #50def714,0 0 16px #50def71c}.brand-mark:before,.brand-mark:after{position:absolute;width:17px;height:1px;background:#70e6f8a6;content:""}.brand-mark:after{transform:rotate(90deg)}.brand-mark span{position:absolute;width:4px;height:4px;border:1px solid var(--cyan);border-radius:50%;background:#081721}.brand-mark span:first-child{top:-3px}.brand-mark span:nth-child(2){right:-3px}.brand-mark span:nth-child(3){bottom:-3px}.brand-name{display:flex;align-items:baseline;gap:5px;color:#dce9ee;font-family:Arial Narrow,Segoe UI,sans-serif;font-size:21px;font-stretch:condensed;font-weight:750;letter-spacing:.085em;line-height:1;white-space:nowrap}.brand-name strong{color:var(--amber);font-weight:800}.brand-context{display:flex;flex-direction:column;gap:4px;margin-left:6px;padding-left:12px;border-left:1px solid var(--line-bright);color:var(--muted);font-size:8px;font-weight:650;letter-spacing:.14em;line-height:1}.brand-context b{display:flex;align-items:center;gap:5px;color:#84bda9;font-size:7px;font-weight:700;letter-spacing:.13em}.brand-context i,.sector-pip,.mission-toast>span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#71daa9;box-shadow:0 0 8px #5feeb4a8}.resource-strip{display:flex;align-items:center;height:100%}.resource-metric{display:flex;min-width:117px;align-items:center;gap:9px;padding:0 17px;border-left:1px solid var(--line)}.resource-metric:last-child{border-right:1px solid var(--line)}.metric-icon{display:grid;width:24px;height:24px;place-items:center;color:var(--cyan)}.metric-icon svg{width:17px;height:17px;stroke-width:1.8}.resource-metric.amber .metric-icon{color:var(--amber)}.resource-metric.steel .metric-icon{color:#b8ced7}.metric-copy{display:flex;min-width:0;flex-direction:column;gap:4px}.metric-copy span{color:var(--dim);font-size:7px;font-weight:700;letter-spacing:.16em;line-height:1;white-space:nowrap}.metric-copy strong{color:#e5eff2;font-family:Arial Narrow,Segoe UI,sans-serif;font-size:16px;font-weight:650;letter-spacing:.045em;line-height:1;white-space:nowrap}.resource-metric.amber .metric-copy strong{color:#f0c070}.top-actions{display:flex;align-items:center;justify-self:end;gap:8px}.mission-clock{display:flex;min-width:105px;flex-direction:column;gap:3px;margin-right:7px;text-align:right}.mission-clock span{color:var(--dim);font-size:7px;font-weight:700;letter-spacing:.14em}.mission-clock b{color:#d9e7eb;font-family:Arial Narrow,Segoe UI,sans-serif;font-size:15px;font-weight:650;letter-spacing:.14em}.icon-button{display:grid;width:35px;height:35px;flex:0 0 auto;place-items:center;border:1px solid var(--line-bright);border-radius:4px;background:#132631c2;color:#a9c1ca;cursor:pointer;transition:color .14s ease,border-color .14s ease,background .14s ease,transform .14s ease}.icon-button:hover{border-color:#53d5ed99;background:#1f3b49e6;color:#e8f8fb}.icon-button:active{transform:translateY(1px)}.pause-button{border-color:#54d7f299;background:#2aa0bb2e;color:var(--cyan)}.pause-button:hover,.pause-button.is-paused{border-color:var(--cyan);background:#2fb8d345;color:#d8faff}.battlefield-stage{position:relative;min-width:0;min-height:0;overflow:hidden;isolation:isolate;background:#0a1921}.battlefield-stage:after{position:absolute;z-index:1;inset:0;border:1px solid rgba(180,218,230,.1);content:"";pointer-events:none}.battlefield-canvas{display:block;width:100%;height:100%;outline:none;touch-action:none;cursor:crosshair}.stage-topline{position:absolute;z-index:2;top:17px;right:19px;left:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none}.objective-card{display:flex;width:min(360px,42vw);min-height:56px;align-items:center;gap:10px;padding:9px 11px;border:1px solid rgba(155,193,205,.24);border-left:2px solid var(--amber);background:linear-gradient(115deg,#06111af2,#07141ccc);box-shadow:0 7px 24px #00000030;backdrop-filter:blur(8px)}.objective-icon{display:grid;width:29px;height:29px;flex:0 0 auto;place-items:center;border:1px solid rgba(237,179,95,.38);border-radius:3px;background:#edb35f17;color:var(--amber)}.objective-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.objective-copy>span{color:#d2a15d;font-size:7px;font-weight:750;letter-spacing:.17em;line-height:1}.objective-copy strong{overflow:hidden;color:#e8f0f1;font-size:11px;font-weight:610;letter-spacing:.015em;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.objective-progress{overflow:hidden;width:100%;height:2px;background:#c5dce021}.objective-progress i{display:block;height:100%;background:linear-gradient(90deg,#59cce3,#ff685f);transition:width .22s ease}.objective-percent{align-self:flex-end;display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-bottom:2px;color:#a7bfc6;font-family:Arial Narrow,Segoe UI,sans-serif;font-size:10px;font-weight:650;letter-spacing:.08em}.objective-percent small{color:#738994;font-family:inherit;font-size:6px;font-weight:680;letter-spacing:.1em;text-transform:uppercase}.sector-label{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(150,185,198,.2);background:#050f17c7;backdrop-filter:blur(7px)}.sector-pip{width:6px;height:6px;background:var(--cyan);box-shadow:0 0 8px #4fdaf7cc}.sector-label div{display:flex;flex-direction:column;gap:4px}.sector-label b{color:#e1edf0;font-size:8px;font-weight:750;letter-spacing:.14em}.sector-label span{color:#89a1aa;font-size:7px;font-weight:650;letter-spacing:.13em}.stage-bottomline{position:absolute;z-index:2;bottom:14px;left:18px;display:flex;max-width:min(700px,calc(100% - 245px));align-items:center;gap:8px;pointer-events:none}.command-hint,.mission-toast{display:flex;min-height:27px;align-items:center;gap:7px;padding:0 9px;border:1px solid rgba(162,196,207,.18);background:#050f16d4;color:#b4c9cf;font-size:8px;font-weight:620;letter-spacing:.035em;backdrop-filter:blur(7px)}.command-hint svg{color:var(--cyan)}.command-hint.has-mode{border-color:#edb35f80;color:#f2c779}.command-hint.has-mode svg{color:#f2c779}.mission-toast{color:#d8e8ec;animation:toast-in .18s ease-out both}.mission-toast>span{width:5px;height:5px;background:var(--amber);box-shadow:0 0 7px #edb35fb3}@keyframes toast-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.minimap{position:absolute;z-index:2;right:15px;bottom:13px;width:205px;padding:5px;border:1px solid rgba(177,211,220,.43);background:#040e15f0;box-shadow:0 7px 20px #0000004a;pointer-events:none}.minimap-map{position:relative;overflow:hidden;width:100%;height:115px;background-color:#182b31;background-image:linear-gradient(#050f156e,#050f156e),url(/assets/battlefield-coast.webp?v=20261009-detail),url(/assets/battlefield-expanded.webp?v=20261009-frontier);background-position:center,left top,center;background-size:100% 100%,50% 50%,100% 100%;background-repeat:no-repeat}.minimap-map[data-map=winter]{background-image:linear-gradient(#050f1561,#050f1561),url(/assets/battlefield-regions.webp?v=20261009-regions);background-position:center,center top;background-size:100% 100%,100% 200%}.minimap-map[data-map=archipelago]{background-image:linear-gradient(#050f1561,#050f1561),url(/assets/battlefield-regions.webp?v=20261009-regions);background-position:center,center bottom;background-size:100% 100%,100% 200%}.minimap-active-area{position:absolute;z-index:1;top:0;left:0;border:1px solid rgba(84,215,242,.68);background:#45bad41a;box-shadow:inset 0 0 12px #41c6e11c;pointer-events:none}.minimap-lock-mask{position:absolute;z-index:2;inset:0;background:#02080c80;pointer-events:none}.minimap-grid{position:absolute;z-index:3;inset:0;background-image:linear-gradient(rgba(183,213,220,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(183,213,220,.08) 1px,transparent 1px);background-size:25% 25%}.minimap-dot{position:absolute;z-index:4;width:4px;height:4px;transform:translate(-50%,-50%)}.minimap-dot.unit{width:3px;height:3px;border-radius:50%;box-shadow:0 0 5px currentColor}.minimap-dot.allied{background:#59e3ff;color:#59e3ff}.minimap-dot.enemy{background:#ff5d55;color:#ff5d55}.minimap-dot.structure{width:5px;height:5px;border:1px solid rgba(255,255,255,.74);border-radius:1px}.minimap-dot.control{width:5px;height:5px;border:1px solid #f2bb64;border-radius:50%;background:transparent;box-shadow:0 0 7px #f2bb64}.minimap-dot.resource-node{width:4px;height:4px;border:1px solid rgba(255,255,255,.88);border-radius:50%;background:#f0bf69;box-shadow:0 0 5px currentColor}.minimap-dot.resource-node.energy{background:#9ecbff;color:#9ecbff}.minimap-dot.resource-node.allied{background:#54dff7;color:#54dff7}.minimap-dot.resource-node.enemy{background:#ff625b;color:#ff625b}.minimap-footer{display:flex;height:16px;align-items:flex-end;justify-content:space-between;padding:1px 2px 0;color:#8fa6ae;font-size:6px;font-weight:720;letter-spacing:.13em}.minimap-footer b{display:flex;align-items:center;gap:4px;color:#8bd0b4;font-size:6px}.minimap-footer i{width:4px;height:4px;border-radius:50%;background:#71daa9;box-shadow:0 0 5px #5feeb4a8}.command-dock{position:relative;z-index:3;display:grid;min-width:0;grid-template-columns:minmax(450px,2.1fr) minmax(230px,1.05fr) minmax(235px,1fr) minmax(205px,.9fr);padding:7px 18px 8px;border-top:1px solid rgba(166,203,214,.2);background:linear-gradient(180deg,#0a1923fa,#07131d);box-shadow:0 -10px 28px #00000038}.command-dock>div{min-width:0;padding:0 15px;border-right:1px solid var(--line)}.command-dock>div:first-child{padding-left:0}.command-dock>div:last-child{padding-right:0;border-right:0}.dock-heading{display:flex;min-height:17px;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:#c0d2d7;font-size:8px;font-weight:760;letter-spacing:.15em}.dock-heading small{display:flex;align-items:center;gap:5px;color:#718994;font-size:7px;font-weight:680;letter-spacing:.1em;white-space:nowrap}.dock-heading small svg{color:#7ba4b1}.production-cards{display:flex;min-width:0;gap:7px;overflow-x:auto;padding:1px 1px 3px;scrollbar-color:rgba(117,158,171,.32) transparent;scrollbar-width:thin}.dock-production>.dock-heading{min-height:15px;margin-bottom:3px}.domain-tabs{display:flex;min-width:0;gap:5px;margin:-2px 0 2px}.domain-tab{display:inline-flex;min-width:75px;min-height:23px;align-items:center;justify-content:center;gap:5px;padding:0 8px;border:1px solid rgba(149,183,194,.15);border-radius:3px;color:#829aa2;background:#08141cb8;font-size:8px;font-weight:750;letter-spacing:.07em;cursor:pointer}.domain-tab:hover{border-color:#55d9f466;color:#cde4e8}.domain-tab.active{border-color:#55d9f48f;color:#dbf7f9;background:linear-gradient(135deg,#27687673,#0e2832bf);box-shadow:inset 0 0 12px #55d9f412}.domain-tab small{color:#66818a;font-size:7px;font-weight:700}.domain-tab:focus-visible,.structure-card:focus-visible,.placement-hint button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.structure-catalog-head{display:flex;min-height:13px;align-items:center;justify-content:space-between;gap:8px;margin:1px 0 2px;color:#9db4b9;font-size:7px;font-weight:760;letter-spacing:.13em}.structure-catalog-head small{color:#6a8a86;font-size:6px;font-weight:750;letter-spacing:.08em;white-space:nowrap}.structure-cards{display:flex;min-width:0;gap:5px;overflow-x:auto;padding:0 1px 2px;scrollbar-color:rgba(117,158,171,.28) transparent;scrollbar-width:thin}.structure-card{display:grid;min-width:122px;height:53px;flex:0 0 122px;grid-template-rows:12px 13px minmax(0,1fr) 11px;gap:1px;padding:4px 6px 3px;overflow:hidden;border:1px solid rgba(157,184,180,.19);border-radius:3px;color:#d3e1dc;background:linear-gradient(145deg,#1c2b2bed,#091418f2);text-align:left;cursor:pointer;transition:border-color .14s ease,background .14s ease}.structure-card:hover:not(:disabled),.structure-card.is-placing{border-color:#96e2bbad;background:linear-gradient(145deg,#28493beb,#0b1e1dfa)}.structure-card:disabled{cursor:default;opacity:.56}.structure-card.is-low:not(.is-placing){border-color:#c5985e29}.structure-card-top{display:flex;align-items:center;justify-content:space-between;color:#9cdda9}.structure-card-top small{color:#758e88;font-size:5px;font-weight:800;letter-spacing:.08em}.structure-card strong{overflow:hidden;color:#dfebe5;font-size:7px;font-weight:780;text-overflow:ellipsis;white-space:nowrap}.structure-card-role{display:-webkit-box;overflow:hidden;color:#859c97;font-size:6px;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2}.structure-card-cost{display:flex;align-items:center;gap:3px;color:#e6bd79;font-size:6px;font-weight:750}.structure-card-cost svg:nth-of-type(2){margin-left:3px;color:#80d6e4}.placement-hint{position:absolute;right:18px;bottom:calc(100% + 8px);z-index:6;display:flex;min-height:34px;align-items:center;gap:12px;padding:4px 8px 4px 11px;border:1px solid rgba(149,226,186,.48);border-radius:4px;background:#091718f2;box-shadow:0 5px 18px #0000004d;color:#b5e7c2;font-size:7px;font-weight:800;letter-spacing:.1em}.placement-hint button{min-height:26px;padding:0 8px;border:1px solid rgba(152,205,181,.29);border-radius:3px;color:#d6eee0;background:#23423599;font-size:8px;cursor:pointer}.production-card{position:relative;display:grid;height:80px;flex:0 0 86px;min-width:0;grid-template-rows:12px 24px 12px minmax(0,1fr) 12px;align-items:center;justify-items:start;padding:4px 6px 3px;overflow:hidden;border:1px solid rgba(149,183,194,.19);border-radius:3px;background:linear-gradient(150deg,#152b37ed,#08131ced);color:var(--text);cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease,transform .15s ease}.production-card:after{position:absolute;right:-26px;bottom:-42px;width:90px;height:90px;border:1px solid rgba(92,206,225,.07);border-radius:50%;content:"";pointer-events:none}.production-card:hover:not(:disabled){z-index:1;transform:translateY(-2px);border-color:#5bdaf1ab;background:linear-gradient(150deg,#1c3b49fa,#091923fa)}.production-card:disabled{cursor:default;opacity:.6}.production-card.is-low .card-cost{color:#b1875b}.production-card.is-queued{border-color:#f1b95d9c;box-shadow:inset 0 0 0 1px #f1b95d0f}.card-top{display:flex;width:100%;align-items:center;justify-content:space-between}.unit-code{color:#718994;font-family:Arial Narrow,Segoe UI,sans-serif;font-size:8px;font-weight:720;letter-spacing:.13em}.production-card kbd,.order-button kbd{display:grid;min-width:17px;height:17px;place-items:center;border:1px solid rgba(161,191,202,.21);border-radius:2px;background:#050e15ad;color:#9eb4bd;font-family:inherit;font-size:8px;font-weight:700}.card-art{display:flex;width:100%;align-items:center;justify-content:space-between;padding:1px 2px;color:#a6c3cd}.card-art svg{overflow:visible;filter:drop-shadow(0 2px 8px rgba(85,217,244,.14))}.interceptor .card-art svg{filter:drop-shadow(0 2px 8px rgba(166,211,230,.13))}.strike .card-art svg{filter:drop-shadow(0 2px 8px rgba(237,179,95,.15))}.jammer .card-art svg{filter:drop-shadow(0 2px 8px rgba(197,167,255,.18))}.unit-count{color:#839aa3;font-family:Arial Narrow,Segoe UI,sans-serif;font-size:9px;font-weight:650}.card-name{overflow:hidden;width:100%;color:#e1edf0;font-size:7px;font-weight:700;letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap}.card-role{display:-webkit-box;overflow:hidden;width:100%;align-self:start;color:#8097a0;font-size:6px;line-height:1.2;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card-cost{display:flex;align-items:center;gap:4px;color:#f0c06c;font-family:Arial Narrow,Segoe UI,sans-serif;font-size:7px;font-weight:700;letter-spacing:.035em}.card-cost svg{stroke-width:2}.card-energy{position:absolute;right:6px;bottom:5px;display:flex;align-items:center;gap:3px;color:#6d8791;font-size:7px;font-weight:700}.card-energy svg{color:#76cde0}.selection-content{display:flex;height:153px;align-items:center;gap:11px;padding:4px 1px}.selection-glyph{display:grid;width:67px;height:66px;flex:0 0 auto;place-items:center;border:1px solid rgba(87,206,228,.24);background:linear-gradient(145deg,#1f414f8c,#07121aa6);color:#9fc2cd}.selection-glyph.structure-glyph{color:var(--amber)}.selection-glyph.resource-glyph{color:#f0bf69}.selection-data{display:flex;min-width:0;flex:1;flex-direction:column;gap:6px}.selection-data strong{overflow:hidden;color:#e1edf0;font-size:9px;font-weight:750;letter-spacing:.09em;text-overflow:ellipsis;white-space:nowrap}.selection-data span{overflow:hidden;color:#8099a3;font-size:8px;font-weight:560;text-overflow:ellipsis;white-space:nowrap}.health-track,.queue-track{overflow:hidden;width:100%;height:3px;background:#c4dee324}.health-track i,.queue-track i{display:block;height:100%;background:linear-gradient(90deg,#49c9e3,#9de7dc);transition:width .18s ease}.selection-data small{color:#708892;font-size:7px;font-weight:650;letter-spacing:.08em}.node-action-button{align-self:flex-start;min-height:24px;padding:3px 8px;border:1px solid rgba(119,219,182,.4);border-radius:3px;color:#c3f0dd;background:#1c4d3e9e;font-size:7px;font-weight:750;letter-spacing:.05em;cursor:pointer}.node-action-button:hover{border-color:#77dbb6b8;background:#23674fc2}.node-action-button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.selection-empty{display:flex;align-items:center;gap:11px;color:#73909a}.selection-empty>svg{color:#588b9a}.selection-empty div{display:flex;flex-direction:column;gap:5px}.selection-empty strong{color:#a6bbc2;font-size:9px;font-weight:650}.selection-empty span{color:#708892;font-size:8px}.order-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:16px}.order-button{display:flex;min-width:0;height:74px;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:0 8px;border:1px solid rgba(153,190,202,.19);border-radius:3px;background:#112531a1;color:#b9cdd2;cursor:pointer;transition:border-color .13s ease,background .13s ease,color .13s ease}.order-button:hover:not(:disabled),.order-button.active{border-color:#4ed5efa1;background:#2c7a903d;color:#e5fbff}.order-button:disabled{cursor:default;opacity:.43}.order-button>svg{color:var(--cyan);stroke-width:1.7}.order-button span{overflow:hidden;width:100%;font-size:8px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.order-button kbd{position:absolute;right:7px;bottom:6px;min-width:15px;height:15px;font-size:7px}.order-button{position:relative}.order-footer{margin-top:10px;color:#718891;font-size:7px;font-weight:600;letter-spacing:.02em}.queue-active{display:flex;height:83px;align-items:center;gap:9px}.queue-glyph{display:grid;width:57px;height:55px;flex:0 0 auto;place-items:center;border:1px solid rgba(237,179,95,.25);background:#edb35f0e}.queue-details{display:flex;min-width:0;flex:1;flex-direction:column;gap:7px}.queue-details>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:6px}.queue-details strong{overflow:hidden;color:#d9e7eb;font-size:8px;font-weight:680;text-overflow:ellipsis;white-space:nowrap}.queue-details span{flex:0 0 auto;color:var(--amber);font-family:Arial Narrow,Segoe UI,sans-serif;font-size:9px}.queue-track i{background:linear-gradient(90deg,#f3b65f,#8ddfdd)}.queue-details small{color:#708891;font-size:6px;font-weight:690;letter-spacing:.11em}.queue-empty{display:flex;height:83px;align-items:center;gap:10px}.queue-empty-icon{display:grid;width:43px;height:43px;flex:0 0 auto;place-items:center;border:1px dashed rgba(139,171,182,.31);color:#7795a0}.queue-empty>div:last-child{display:flex;flex-direction:column;gap:5px}.queue-empty strong{color:#a9bec4;font-size:9px;font-weight:650}.queue-empty span{color:#708892;font-size:8px}.queue-footer{display:flex;justify-content:space-between;gap:7px;padding-top:8px;border-top:1px solid var(--line);color:#718994;font-size:7px;font-weight:620;white-space:nowrap}.queue-footer span{display:flex;align-items:center;gap:4px}.queue-footer svg{color:#7bc9d8}.state-overlay,.help-scrim{position:absolute;z-index:6;inset:0;display:grid;place-items:center;background:#02090e8f;backdrop-filter:blur(3px)}.state-card{width:min(420px,calc(100% - 34px));padding:28px 30px 27px;border:1px solid rgba(137,180,192,.31);border-top:2px solid var(--cyan);background:linear-gradient(145deg,#0d1f2afa,#06111afa);box-shadow:0 18px 68px #0000008a;animation:card-in .2s ease-out both}@keyframes card-in{0%{opacity:0;transform:translateY(7px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.state-kicker{display:flex;align-items:center;gap:8px;color:#8aa6af;font-size:8px;font-weight:740;letter-spacing:.14em}.state-kicker>span{width:5px;height:5px;border-radius:50%;background:var(--amber);box-shadow:0 0 7px #edb35f94}.state-card h2{margin:16px 0 8px;color:#eff8fa;font-size:21px;font-weight:600;letter-spacing:-.035em}.state-card p{margin:0;color:#93aab1;font-size:11px;line-height:1.6}.state-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.primary-action,.secondary-action{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid rgba(91,216,240,.64);border-radius:3px;background:linear-gradient(180deg,#2d90a66b,#18526366);color:#dffaff;cursor:pointer;font-size:9px;font-weight:700;letter-spacing:.04em;transition:background .13s ease,border-color .13s ease}.primary-action:hover{border-color:var(--cyan);background:#37a9c27a}.secondary-action{border-color:#93b4bf47;background:#152a35b3;color:#a9bec5}.secondary-action:hover{border-color:#acd5e18a;background:#254250d1;color:var(--text)}.result-card{text-align:center}.result-card .state-kicker{justify-content:center}.result-card.win{border-top-color:#63d7ba}.result-card.loss{border-top-color:var(--red)}.result-card .primary-action{margin-top:22px}.result-card .result-actions{justify-content:center}.result-card .result-actions .primary-action,.result-card .result-actions .secondary-action{min-height:44px;margin-top:0}.result-emblem{display:grid;width:55px;height:55px;place-items:center;margin:0 auto 18px;border:1px solid rgba(103,223,190,.4);border-radius:50%;background:#4ecea717;color:#7be1c5}.result-card.loss .result-emblem{border-color:#ff665e73;background:#ff665e17;color:#ff8377}.help-scrim{z-index:8;padding:18px}.campaign-scrim{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:#02090ec2;backdrop-filter:blur(8px)}.campaign-panel{width:min(900px,100%);max-height:min(760px,calc(100dvh - 40px));overflow:auto;border:1px solid rgba(154,194,205,.38);border-top:2px solid var(--cyan);background:linear-gradient(145deg,#10232f,#08151e 72%);box-shadow:0 24px 90px #000000b3;animation:card-in .18s ease-out both}.campaign-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:27px 30px 22px;border-bottom:1px solid var(--line)}.campaign-header>.icon-button{width:44px;height:44px;flex:0 0 44px}.campaign-header>div>span{color:#8eb5bf;font-size:8px;font-weight:750;letter-spacing:.17em}.campaign-header h2{margin:9px 0 6px;color:#edf8fa;font-size:clamp(23px,4vw,34px);font-weight:620;letter-spacing:-.04em}.campaign-header p{max-width:570px;margin:0;color:#91aab2;font-size:11px;line-height:1.6}.campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 20px}.campaign-mission{display:flex;min-width:0;flex-direction:column;padding:18px;border:1px solid rgba(134,175,187,.24);background:linear-gradient(145deg,#112733e6,#09161ef0)}.campaign-mission.is-current{border-color:#50d7f09e;box-shadow:inset 0 0 0 1px #50d7f01a}.campaign-mission.is-complete{border-color:#63d7ba66}.campaign-mission.is-locked{background:#08131ad1}.campaign-mission-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8fb3bd;font-size:8px;font-weight:760;letter-spacing:.15em}.campaign-mission-meta small{display:inline-flex;align-items:center;gap:4px;color:#72d7ba;font-size:7px;letter-spacing:.1em}.campaign-mission.is-locked .campaign-mission-meta small{color:#687e87}.campaign-mission h3{margin:12px 0 4px;color:#eaf4f6;font-size:19px;font-weight:620;letter-spacing:-.025em}.campaign-sector{color:var(--amber);font-size:8px;font-weight:700;letter-spacing:.13em}.campaign-map-reveal{display:flex;align-items:center;gap:6px;margin-top:11px;color:#8daab3;font-size:7px;font-weight:720;letter-spacing:.11em}.campaign-map-reveal svg{flex:0 0 auto;color:var(--cyan)}.campaign-map-reveal b{color:#d8f3f6;font-size:8px}.campaign-map-reveal i{height:3px;flex:1 1 auto;overflow:hidden;margin-left:3px;border-radius:3px;background:#9abac42e}.campaign-map-reveal em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4bbbd2,#82e4ed);box-shadow:0 0 7px #53d5ed80}.campaign-mission p{min-height:53px;margin:13px 0 12px;color:#91a8b0;font-size:10px;line-height:1.65}.campaign-objective{display:flex;min-height:38px;align-items:center;gap:8px;margin-top:auto;padding:8px 10px;border:1px solid rgba(80,203,226,.18);background:#318b9e14;color:#c2d9df;font-size:9px;line-height:1.4}.campaign-objective svg{flex:0 0 auto;color:var(--cyan)}.campaign-start{display:flex;min-height:44px;align-items:center;justify-content:center;margin-top:10px;border:1px solid rgba(82,211,236,.5);background:#27849a33;color:#d7f8fc;cursor:pointer;font-size:8px;font-weight:750;letter-spacing:.12em}.campaign-start:hover:not(:disabled){border-color:var(--cyan);background:#30a2b957}.campaign-start:disabled{border-color:#7c959e29;background:#54676f14;color:#647983;cursor:not-allowed}.campaign-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px 18px;border-top:1px solid var(--line)}.campaign-footer>span{display:inline-flex;align-items:center;gap:7px;color:#748c95;font-size:7px;font-weight:700;letter-spacing:.12em}.campaign-footer .secondary-action{min-height:44px}.campaign-footer i{width:5px;height:5px;border-radius:50%;background:#66d5b3;box-shadow:0 0 8px #5feeb494}.campaign-footer .is-unavailable{color:#e2a184}.campaign-footer .is-unavailable i{background:#e78b6e;box-shadow:0 0 8px #e78b6e7a}.help-panel{width:min(640px,100%);max-height:min(720px,100%);overflow:auto;border:1px solid rgba(154,194,205,.31);background:linear-gradient(145deg,#10232f,#08151e);box-shadow:0 22px 80px #0000009e;animation:card-in .17s ease-out both}.help-header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px 19px;border-bottom:1px solid var(--line)}.help-header>div>span{color:#90aab2;font-size:8px;font-weight:750;letter-spacing:.15em}.help-header h2{margin:7px 0 0;color:#edf6f8;font-size:21px;font-weight:600;letter-spacing:-.03em}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:6px 24px 13px}.help-row{display:flex;min-width:0;gap:11px;padding:14px 10px 14px 0;border-bottom:1px solid var(--line)}.help-row:nth-child(odd){margin-right:17px}.help-row-icon{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border:1px solid rgba(80,205,228,.22);background:#3d9eb414;color:var(--cyan)}.help-row-icon svg{width:15px;height:15px;stroke-width:1.7}.help-row>div:last-child{display:flex;min-width:0;flex-direction:column;gap:5px}.help-row strong{color:#dcebef;font-size:9px;font-weight:700}.help-row span{color:#90a7ae;font-size:8px;line-height:1.55}.help-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px 18px}.help-footer>span{color:#68818b;font-size:7px;font-weight:700;letter-spacing:.14em}.help-footer .primary-action{min-height:32px}.screen-reader-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}@media(max-width:1180px){.app-shell{grid-template-rows:58px minmax(300px,1fr) 220px}.topbar{grid-template-columns:minmax(185px,1fr) auto minmax(240px,1fr);padding:0 13px}.brand-context{display:none}.resource-metric{min-width:99px;padding:0 10px}.command-dock{grid-template-columns:minmax(390px,1.8fr) minmax(205px,1fr) minmax(220px,1.05fr);padding-right:14px;padding-left:14px}.placement-hint{right:14px}.dock-queue{display:none}.command-dock>div{padding-right:11px;padding-left:11px}}@media(max-width:820px){html,body,#root{overflow:auto}.app-shell{height:auto;min-height:100%;grid-template-rows:56px minmax(310px,1fr) auto;overflow:visible}.topbar{position:sticky;top:0;grid-template-columns:minmax(145px,1fr) auto minmax(190px,auto);padding:0 11px}.brand-lockup{gap:9px}.brand-name{font-size:18px}.brand-mark{width:23px;height:23px}.resource-metric{min-width:75px;gap:5px;padding:0 7px}.metric-icon{width:18px;height:20px}.metric-icon svg{width:14px;height:14px}.metric-copy span{font-size:6px}.metric-copy strong{font-size:12px}.mission-clock{display:none}.top-actions{gap:5px}.icon-button{width:31px;height:31px}.top-actions .campaign-button{width:44px;height:44px}.battlefield-stage{min-height:310px}.command-dock{grid-template-columns:minmax(380px,1.5fr) minmax(210px,1fr);grid-template-rows:auto auto;padding:12px 14px}.command-dock>div:nth-child(1){grid-row:span 2}.command-dock>div:nth-child(2){border-right:0}.command-dock>div:nth-child(3){border-top:1px solid var(--line);border-right:0;padding-top:10px}.dock-selection{min-height:90px}.selection-content{height:68px}.selection-empty{display:none}.selection-glyph{width:50px;height:48px}.selection-glyph svg{max-width:43px;height:auto}.order-buttons{margin-top:5px}.order-button{height:57px}.order-footer{display:none}}@media(max-width:580px){.app-shell{grid-template-rows:52px minmax(300px,52svh) auto}.topbar{grid-template-columns:1fr auto auto;gap:6px;padding:0 8px}.brand-lockup{gap:7px}.brand-name{gap:3px;font-size:15px;letter-spacing:.065em}.brand-mark{width:19px;height:19px}.brand-mark:before,.brand-mark:after{width:12px}.brand-mark span{width:3px;height:3px}.resource-strip{gap:1px}.resource-metric{min-width:auto;gap:3px;padding:0 4px;border-left:0}.resource-metric:last-child{border-right:0}.metric-icon{width:13px;height:17px}.metric-icon svg{width:12px;height:12px}.metric-copy{gap:0}.metric-copy span{display:none}.metric-copy strong{font-size:9px;letter-spacing:0}.top-actions{gap:4px}.top-actions .utility-button{display:none}.top-actions .campaign-button{display:grid;width:44px;height:44px}.icon-button{width:29px;height:29px}.battlefield-stage{min-height:300px}.stage-topline{top:9px;right:9px;left:9px}.objective-card{width:min(285px,calc(100vw - 18px));min-height:47px;gap:7px;padding:6px 8px}.objective-icon{width:25px;height:25px}.objective-icon svg{width:14px}.objective-copy strong{font-size:9px}.objective-percent,.sector-label{display:none}.stage-bottomline{bottom:8px;left:8px;max-width:calc(100% - 145px);flex-direction:column-reverse;align-items:flex-start;gap:4px}.command-hint,.mission-toast{min-height:23px;gap:5px;padding:0 7px;font-size:7px}.minimap{right:8px;bottom:8px;width:126px;padding:3px}.minimap-map{height:71px}.minimap-dot.unit{width:2.4px;height:2.4px}.minimap-footer{height:13px;font-size:5px}.command-dock{display:flex;flex-direction:column;gap:10px;padding:10px 9px 14px}.command-dock>div{padding:0;border-right:0}.command-dock>div:nth-child(1){grid-row:auto;padding-bottom:10px;border-bottom:1px solid var(--line)}.command-dock>div:nth-child(2){min-height:70px;padding-bottom:9px;border-bottom:1px solid var(--line)}.command-dock>div:nth-child(3){padding-top:0;border-top:0}.dock-heading{min-height:14px;margin-bottom:6px;font-size:7px}.dock-heading small{font-size:6px}.production-cards{gap:6px;padding-bottom:3px;scrollbar-color:rgba(117,158,171,.32) transparent;scrollbar-width:thin}.production-card{height:119px;flex-basis:112px;grid-template-rows:15px 34px 16px 25px 15px;padding:5px 7px}.card-art svg{width:38px;height:auto}.card-name{font-size:8px}.card-role{font-size:7px}.structure-card{min-width:138px;height:66px;flex-basis:138px;grid-template-rows:13px 15px minmax(0,1fr) 12px;padding:5px 7px 4px}.structure-card strong{font-size:8px}.structure-card-role{font-size:7px}.card-cost{font-size:8px}.selection-content{height:64px;padding:0}.selection-glyph{width:47px;height:43px}.selection-data{gap:4px}.selection-data strong{font-size:8px}.selection-data span,.selection-data small{font-size:7px}.order-buttons{gap:6px}.order-button{height:48px;flex-direction:row;align-items:center;gap:8px;padding:0 10px}.order-button span{font-size:8px}.order-button kbd{position:static;min-width:15px;height:15px;margin-left:auto}.help-grid{grid-template-columns:1fr}.help-row:nth-child(odd){margin-right:0}.help-header,.help-footer,.help-grid{padding-right:17px;padding-left:17px}}@media(max-height:620px)and (min-width:821px){.app-shell{min-height:540px;grid-template-rows:56px minmax(200px,1fr) 214px}.command-dock{padding:5px 13px 6px}.production-card{height:78px}.structure-card{height:51px}}@media(max-width:385px){.resource-metric.steel,.help-button{display:none}}@media(max-width:680px){.campaign-scrim{padding:10px}.campaign-panel{max-height:calc(100svh - 20px)}.campaign-header{padding:19px 17px 16px}.campaign-header>.icon-button{width:44px;height:44px;flex-basis:44px}.campaign-header h2{font-size:23px}.campaign-header p{max-width:420px;font-size:10px}.campaign-grid{grid-template-columns:1fr;gap:9px;padding:12px}.campaign-mission{padding:14px}.campaign-mission p{min-height:0}.campaign-footer{align-items:flex-start;flex-direction:column;padding:13px 14px 16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}