*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow-x:hidden}body{color:#e5edf0;background:#071013;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.mobile-landscape-shell{background:#020607;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.mobile-landscape-shell:fullscreen{width:100vw;height:100dvh}.mobile-landscape-gate{z-index:1000;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));color:#eff9e8;background:radial-gradient(circle at 50% 30%,#5bc18329,#0000 38%),linear-gradient(155deg,#071416,#020607 72%);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.mobile-landscape-prompt{text-align:center;justify-items:center;width:min(100%,420px);display:grid}.mobile-landscape-prompt h1{color:#f6f5dd;margin:8px 0 10px;font-family:Cinzel,Georgia,serif;font-size:clamp(28px,8vw,42px);line-height:1.05}.mobile-landscape-prompt p{color:#a8c9b1;max-width:34ch;margin:0;line-height:1.5}.mobile-landscape-device{border:3px solid #c9f7d5;border-radius:13px;width:76px;height:120px;margin-bottom:22px;position:relative;transform:rotate(90deg);box-shadow:0 0 28px #6ceb9a38}.mobile-landscape-device:before{content:"";background:#759b80;border-radius:3px;width:22px;height:3px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.mobile-landscape-device span{background:linear-gradient(145deg,#53cb7f38,#081a1eb8);border:1px solid #9fffc259;border-radius:5px;position:absolute;inset:16px 7px 8px}.mobile-landscape-button{color:#06140b;background:linear-gradient(#b7f686,#70d87c);border:1px solid #72e28d;border-radius:7px;min-width:min(100%,240px);min-height:52px;margin-top:22px;padding:12px 22px;font-weight:800;box-shadow:0 8px 28px #33aa5b33}.mobile-landscape-button:focus-visible{outline-offset:3px;outline:3px solid #fff}.mobile-landscape-button:disabled{cursor:wait;opacity:.72}.mobile-landscape-prompt .mobile-landscape-fallback{color:#ffd58c;margin-top:14px;font-size:13px}.rts-accessibility-settings{--rts-readable-scale:1}.rts-accessibility-high-contrast .app-shell,.rts-accessibility-high-contrast .start-shell{color:#f4f9ff;background-color:#05090a}.rts-accessibility-high-contrast .tool-button,.rts-accessibility-high-contrast .icon-button,.rts-accessibility-high-contrast .command-icon-button,.rts-accessibility-high-contrast .command-icon-button:focus-visible,.rts-accessibility-high-contrast .battlefield-minimap,.rts-accessibility-high-contrast .hud-selection-details,.rts-accessibility-high-contrast .hud-team-stats,.rts-accessibility-high-contrast .hud-production-queue,.rts-accessibility-high-contrast .map-card,.rts-accessibility-high-contrast .start-mode-card,.rts-accessibility-high-contrast .setup-panel,.rts-accessibility-high-contrast .lobby-actions .tool-button{background-color:#08161b;border-color:#98f5ff}.rts-accessibility-high-contrast .battlefield-panel,.rts-accessibility-high-contrast .hud-minimap,.rts-accessibility-high-contrast .action-grid,.rts-accessibility-high-contrast .game-menu-panel,.rts-accessibility-high-contrast .result-panel,.rts-accessibility-high-contrast .disconnect-panel,.rts-accessibility-high-contrast .recovery-banner,.rts-accessibility-high-contrast .replay-warning,.rts-accessibility-high-contrast .replay-controls button,.rts-accessibility-high-contrast .replay-events button,.rts-accessibility-high-contrast .game-menu-tabs button,.rts-accessibility-high-contrast .result-tabs button,.rts-accessibility-high-contrast .tool-button.active,.rts-accessibility-high-contrast .command-icon-button.active{border-color:#f8ff84}.rts-accessibility-high-contrast .tool-button:focus-visible,.rts-accessibility-high-contrast .icon-button:focus-visible,.rts-accessibility-high-contrast .command-icon-button:focus-visible,.rts-accessibility-high-contrast .game-menu-tabs button:focus-visible,.rts-accessibility-high-contrast .result-tabs button:focus-visible,.rts-accessibility-high-contrast .replay-controls button:focus-visible,.rts-accessibility-high-contrast .replay-events button:focus-visible{outline-offset:2px;outline:3px solid #fff;box-shadow:0 0 0 2px #070d0f}.rts-accessibility-high-contrast .command-icon-button,.rts-accessibility-high-contrast .tool-button,.rts-accessibility-high-contrast .icon-button,.rts-accessibility-high-contrast .game-menu-tabs button,.rts-accessibility-high-contrast .game-menu-tabs button.active,.rts-accessibility-high-contrast .result-tabs button.active{color:#f8fffc}.rts-accessibility-high-contrast .recovery-banner,.rts-accessibility-high-contrast .disconnect-panel,.rts-accessibility-high-contrast .result-panel{background:#020909}.rts-accessibility-high-contrast .recovery-banner strong,.rts-accessibility-high-contrast .result-panel h2,.rts-accessibility-high-contrast .disconnect-panel h2{color:#fff}.rts-accessibility-high-contrast .replay-warning{color:#ffed99}.rts-accessibility-high-contrast .map-tool-status.error,.rts-accessibility-high-contrast .replay-warning,.rts-accessibility-high-contrast .selection-chip,.rts-accessibility-high-contrast .replay-player{background:#020909}.rts-accessibility-high-contrast .map-tool-issues .error{color:#ffbbb2}.rts-accessibility-high-contrast .map-tool-issues .warning{color:#ffecb4}.rts-accessibility-high-contrast .label,.rts-accessibility-high-contrast .muted,.rts-accessibility-high-contrast .section-title,.rts-accessibility-high-contrast .queue-spinner{color:#e9f6ff}.rts-accessibility-readable-text{--rts-readable-scale:1.14}.rts-accessibility-readable-text .tool-button,.rts-accessibility-readable-text .icon-button,.rts-accessibility-readable-text .command-icon-button,.rts-accessibility-readable-text input,.rts-accessibility-readable-text select,.rts-accessibility-readable-text button,.rts-accessibility-readable-text .section-title,.rts-accessibility-readable-text .label,.rts-accessibility-readable-text .muted{font-size:1.12em}.rts-accessibility-readable-text .command-icon-button img{width:29px;height:29px}.rts-accessibility-readable-text .tool-button,.rts-accessibility-readable-text .icon-button,.rts-accessibility-readable-text .command-icon-button,.rts-accessibility-readable-text .action-grid-scroll-button,.rts-accessibility-readable-text .game-menu-tabs button{min-height:44px}.rts-accessibility-readable-text .setting-control{gap:6px}.rts-accessibility-readable-text .setting-control label{font-size:1.08em}.rts-accessibility-readable-text .command-icon-grid{grid-auto-rows:46px}.rts-accessibility-readable-text .top-status span,.rts-accessibility-readable-text .top-status strong,.rts-accessibility-readable-text .selection-chip,.rts-accessibility-readable-text .resource-chip strong,.rts-accessibility-readable-text .hud-team-stats .team-stat-row strong,.rts-accessibility-readable-text .replay-events button,.rts-accessibility-readable-text .replay-controls button{font-size:1.08em}.rts-accessibility-readable-text .resource-chip span{white-space:nowrap;overflow:hidden}.rts-accessibility-reduced-motion .app-shell,.rts-accessibility-reduced-motion .start-shell,.rts-accessibility-reduced-motion .queue-spinner{animation:none!important}.rts-accessibility-reduced-motion .app-shell,.rts-accessibility-reduced-motion .start-shell{scroll-behavior:auto}.rts-accessibility-reduced-motion .app-shell *,.rts-accessibility-reduced-motion .start-shell *{transition:none!important;animation:none!important}.rts-accessibility-reduced-motion .battlefield-loading-map,.rts-accessibility-reduced-motion .battlefield-loading-scanline,.rts-accessibility-reduced-motion .battlefield-loading-radar:before,.rts-accessibility-reduced-motion .battlefield-loading-progress span{animation:none!important;transform:none!important}.rts-accessibility-reduced-motion .battlefield-loading,.rts-accessibility-reduced-motion .battlefield-loading-radar,.rts-accessibility-reduced-motion .game-menu-backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}@media (prefers-reduced-motion:reduce){.app-shell,.start-shell{scroll-behavior:auto}.app-shell *,.start-shell *{transition:none!important;animation:none!important}.battlefield-loading-map,.battlefield-loading-scanline,.battlefield-loading-radar:before,.battlefield-loading-progress span{transition:none!important;animation:none!important;transform:none!important}}.start-shell{background:linear-gradient(90deg,#040809f5 0%,#060b0cd1 31%,#060b0c33 62%),linear-gradient(#03070847 0%,#0307083d 66%,#030708e0 100%),url(/assets/home/aurora-battle-hero.png) 50%/cover no-repeat,#071013;grid-template-rows:minmax(0,1fr) auto;align-content:end;gap:18px;min-height:100%;padding:36px;display:grid;position:relative;overflow:auto}.start-hero{z-index:1;align-items:end;min-height:min(58vh,560px);padding:0;display:flex;position:relative}.start-hero-copy{text-shadow:0 2px 16px #000000d9;max-width:780px}.start-brand-lockup{align-items:center;gap:12px;display:flex}.start-brand-mark{object-fit:contain;filter:drop-shadow(0 0 14px #9df3ff59);flex:none;width:clamp(42px,5vw,68px);height:clamp(42px,5vw,68px)}.start-hero-copy .section-title{color:#9df3ff;letter-spacing:.12em;font-size:12px}.start-hero h1{color:#f4f7f8;margin:8px 0 12px;font-size:clamp(44px,7vw,92px);line-height:.95}.start-hero p{color:#dce8eb;max-width:650px;margin:0;font-size:17px;line-height:1.5}.start-card-grid{z-index:1;grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px;max-width:780px;display:grid;position:relative}.start-mode-card,.map-card{color:#dce8eb;cursor:pointer;text-align:left;background:#0d1a20e0;border:1px solid #2d4d57;border-radius:8px}.start-mode-card{background:linear-gradient(135deg,#0e2127f5,#050b0ddb),repeating-linear-gradient(45deg,#ffffff0d 0 1px,#0000 1px 12px);border-color:#9df3ff75;min-height:150px;padding:18px;box-shadow:0 18px 50px #00000061,inset 0 1px #ffffff14}.start-tech-card{grid-column:1/-1;min-height:118px}.start-mode-card:hover,.map-card:hover,.map-card.active{background:#142c2df5;border-color:#57d66d}.start-mode-card span,.map-card span{color:#55d6ff;text-transform:uppercase;font-size:12px;font-weight:760}.start-mode-card strong,.map-card strong{color:#f4f7f8;margin-top:8px;font-size:21px;display:block}.start-mode-card p,.map-card p,.setup-note,.setup-field small{color:#9fb3ba;line-height:1.45}.setup-panel{z-index:1;background:#081318f0;border:1px solid #294852;border-radius:8px;flex-direction:column;gap:18px;padding:24px;display:flex;position:relative;box-shadow:0 20px 70px #0000006b}.learn-mode-entry{background:radial-gradient(circle at 82% 20%,#57d66d2b,#0000 42%),linear-gradient(135deg,#183a42eb,#071216fa);border:1px solid #9df3ff66;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding:20px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 16px 40px #00000040}.learn-mode-entry:before{pointer-events:none;content:"";background:repeating-linear-gradient(115deg,#0000 0 22px,#9df3ff06 22px 23px);position:absolute;inset:0}.learn-mode-entry>*{position:relative}.learn-mode-entry h3{color:#f4f7f8;letter-spacing:-.02em;margin:4px 0 5px;font-size:27px}.learn-mode-entry p{color:#b4c8ce;max-width:610px;margin:0;line-height:1.5}.learn-mode-button{color:#061014;cursor:pointer;min-height:46px;font:inherit;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#9df3ff,#57d66d);border:1px solid #9df3ff;border-radius:6px;padding:0 20px;font-size:12px;font-weight:850;box-shadow:0 0 24px #55d6ff33}.learn-mode-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.learn-mode-start-actions{justify-items:stretch;gap:7px;display:grid}.learn-mode-chapter-actions{justify-content:flex-end;gap:5px;display:flex}.learn-mode-chapter-actions button{color:#afc9d0;cursor:pointer;font:inherit;background:#071519b8;border:1px solid #9df3ff61;border-radius:4px;padding:5px 7px;font-size:9px;font-weight:760}.learn-mode-chapter-actions button:hover,.learn-mode-chapter-actions button:focus-visible{color:#f2fbfd;border-color:#9df3ff}.setup-divider{color:#789097;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:12px;font-size:10px;font-weight:760;display:flex}.setup-divider:before,.setup-divider:after{content:"";background:#25434d;flex:1;height:1px}.instant-play-modal{z-index:30;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.instant-play-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);cursor:default;background:#020709c7;border:0;position:absolute;inset:0}.instant-play-dialog{background:linear-gradient(145deg,#0f2127fc,#050d10fc);border:1px solid #9df3ff80;border-radius:12px;width:min(100%,500px);max-height:min(760px,100vh - 40px);padding:24px;position:relative;overflow:auto;box-shadow:0 30px 100px #000000b8}.instant-play-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.instant-play-header h2{color:#f4f7f8;margin:5px 0;font-size:34px}.instant-play-header p,.instant-play-hint{color:#9fb3ba;margin:0;line-height:1.45}.online-panel-instant{border-bottom:0;margin-top:20px;padding-bottom:0}.instant-play-form{gap:12px;display:grid}.instant-play-form .lobby-field input{min-height:48px;padding-inline:13px;font-size:16px}.instant-play-form .primary-start-button{justify-content:center;width:100%;min-height:50px}.instant-play-hint{text-align:center;font-size:12px}.private-match-toggle{color:#9df3ff;cursor:pointer;background:0 0;border:0;align-self:center;padding:6px}.queue-heading{background:#1f4a5640;border:1px solid #3e8197;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.queue-heading .queue-spinner{width:22px;height:22px}.queue-heading div{flex-direction:column;gap:3px;display:flex}.queue-heading span{color:#9fb3ba;font-size:12px}.lobby-map-card{background:#0f1d23;border:1px solid #315966;border-radius:8px;grid-template-columns:112px minmax(0,1fr);gap:12px;display:grid;overflow:hidden}.lobby-map-card img{object-fit:cover;width:112px;height:78px}.lobby-map-card div{flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:8px 10px 8px 0;display:flex}.lobby-map-card span,.lobby-map-card p{color:#9fb3ba;margin:0;font-size:11px}.lobby-map-card strong{color:#f4f7f8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.setup-tech-button{align-self:start}.setup-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.setup-header h2{color:#f4f7f8;margin:4px 0 0;font-size:30px}.setup-field{flex-direction:column;gap:7px;max-width:360px;display:flex}.setup-field span{color:#c7d4d8;text-transform:uppercase;font-size:12px;font-weight:760}.setup-field select{color:#e5edf0;background:#111f25;border:1px solid #25434d;border-radius:8px;min-height:38px;padding:8px 10px}.map-picker{flex-direction:column;gap:12px;display:flex}.map-picker p{margin:4px 0 0}.map-card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;display:grid}.map-card{gap:8px;padding:12px;display:grid}.map-preview{aspect-ratio:4/3;object-fit:cover;object-position:center;background:#0f1d23;border:1px solid #31515c;border-radius:10px;width:100%;overflow:hidden}.tech-tree{color:#dce8eb;gap:18px;min-width:0;display:grid}.tech-tree-header,.tech-tree-lane-header{justify-content:space-between;align-items:end;gap:14px;min-width:0;display:flex}.tech-tree-header h2{color:#f4f7f8;margin:4px 0 0;font-size:clamp(24px,3vw,34px);line-height:1.05}.tech-tree-summary{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.tech-tree-summary span,.tech-node-links i,.tech-cost{color:#c7d4d8;white-space:nowrap;background:#0b181de6;border:1px solid #31515c;border-radius:999px}.tech-tree-summary span{text-transform:uppercase;padding:5px 8px;font-size:11px}.tech-tree-lane{gap:10px;min-width:0;display:grid}.tech-branch-grid,.tech-node-grid{gap:14px;min-width:0;display:grid}.tech-branch-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.tech-node-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.tech-branch{grid-template-columns:minmax(220px,.76fr) minmax(0,1.24fr);align-items:start;gap:12px;min-width:0;display:grid}.tech-branch-source{position:relative}.tech-branch-source:after{content:"";background:linear-gradient(90deg,#55d6ffb3,#57d66d33);width:12px;height:1px;position:absolute;top:50%;right:-12px}.tech-branch-units{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;min-width:0;display:grid}.tech-node{background:linear-gradient(150deg,#12262df0,#060e11f5),repeating-linear-gradient(45deg,#ffffff09 0 1px,#0000 1px 10px);border:1px solid #31515ce6;border-radius:8px;align-content:start;gap:9px;min-width:0;min-height:100%;padding:10px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.tech-node-producer{border-color:#9df3ff94}.tech-node-unit{border-color:#57d66d6b}.tech-node-topline,.tech-node-main,.tech-node-stats,.tech-node-links{min-width:0}.tech-node-topline{color:#55d6ff;text-transform:uppercase;justify-content:space-between;gap:8px;font-size:10px;font-weight:760;display:flex}.tech-node-topline strong{color:#ffd36a;font-variant-numeric:tabular-nums}.tech-node-main{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;display:grid}.tech-node-media{color:#d7f483;background:#081115;border:1px solid #31515c;border-radius:6px;place-items:center;width:46px;height:46px;font-size:13px;font-weight:760;display:grid;overflow:hidden}.tech-node-media img{object-fit:contain;max-width:100%;max-height:100%}.tech-node-copy{min-width:0}.tech-node h3{color:#f4f7f8;text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:16px;line-height:1.1;overflow:hidden}.tech-cost-chips{flex-wrap:wrap;gap:4px;display:flex}.tech-cost{align-items:baseline;gap:4px;padding:3px 6px;font-size:10px;display:inline-flex}.tech-cost b{color:#f4f7f8;font-variant-numeric:tabular-nums}.tech-cost-alloy{border-color:#ffd36a8c}.tech-cost-flux{border-color:#55d6ff8c}.tech-node-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0;display:grid}.tech-node-stats div{border-left:1px solid #25434d;min-width:0;padding-left:7px}.tech-node-stats dt{color:#9fb3ba;text-transform:uppercase;font-size:9px}.tech-node-stats dd{color:#e5edf0;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:1px 0 0;font-size:12px;overflow:hidden}.tech-node p{color:#adc0c6;margin:0;font-size:12px;line-height:1.35}.tech-node-links{gap:5px;display:grid}.tech-node-links>span{color:#9fb3ba;text-transform:uppercase;font-size:9px;font-weight:760}.tech-node-links>div{flex-wrap:wrap;gap:4px;display:flex}.tech-node-links i{text-overflow:ellipsis;max-width:100%;padding:3px 6px;font-size:10px;font-style:normal;overflow:hidden}.tech-tree.compact{gap:14px}.tech-tree.compact .tech-tree-header h2{font-size:24px}.tech-tree.compact .tech-branch-grid{grid-template-columns:1fr}.tech-tree.compact .tech-node-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.tech-tree.compact .tech-node{padding:9px}.tech-age-lane{border-left:3px solid #55d6ff5c;padding-left:12px}.tech-age-lane.current{border-left-color:#ffd36a}.tech-age-lane.locked .tech-node,.tech-age-lane.locked .tech-upgrade-node{opacity:.58}.tech-tree-lane-header h3{color:#f4f7f8;margin:3px 0 0;font-size:20px}.tech-age-state,.core-upgrade-cost span{color:#c7d4d8;text-transform:uppercase;border:1px solid #31515c;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:760}.tech-upgrade-node,.core-upgrade-panel{background:linear-gradient(135deg,#3a3015b3,#0b181df0);border:1px solid #ffd36a80;border-radius:8px;gap:8px;padding:11px;display:grid}.tech-upgrade-node{margin-top:12px}.tech-upgrade-node strong,.core-upgrade-heading strong{color:#f4f7f8}.tech-upgrade-node small,.core-upgrade-unlocks,.core-upgrade-max{color:#adc0c6;margin:0;font-size:12px;line-height:1.35}.tech-upgrade-node em{color:#ffd36a;font-size:12px;font-style:normal;font-weight:760}.core-upgrade-panel{margin-top:10px}.core-upgrade-summary{background:linear-gradient(135deg,#3a301585,#0b181de0);border:1px solid #ffd36a6b;border-radius:6px;align-content:start;gap:5px;padding:7px;display:grid}.core-upgrade-summary-button{color:#e5edf0;cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:0;border-radius:4px;gap:2px;padding:0;display:grid}.core-upgrade-summary-button span,.core-upgrade-summary-button strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.core-upgrade-summary-button span{font-size:11px;font-weight:760}.core-upgrade-summary-button strong{color:#ffd36a;font-size:10px}.core-upgrade-summary-button:hover strong,.core-upgrade-summary-button:focus-visible strong{color:#f4f7f8}.core-upgrade-overlay{z-index:105;position:fixed;inset:0}.core-upgrade-overlay-backdrop{cursor:default;background:#02080a61;border:0;width:100%;position:absolute;inset:0}.core-upgrade-dialog{bottom:72px;left:max(148px, calc(env(safe-area-inset-left) + 12px));background:linear-gradient(155deg,#232112fa,#071013fc);border:1px solid #ffd36aa6;border-radius:10px;grid-template-rows:auto minmax(0,1fr);width:min(430px,100vw - 172px);max-height:min(650px,100dvh - 96px);padding:12px;display:grid;position:absolute;overflow:hidden;box-shadow:0 22px 70px #0009}.core-upgrade-dialog .core-upgrade-panel{overscroll-behavior:contain;min-height:0;margin-top:10px;overflow:auto}.core-upgrade-dialog-header{border-bottom:1px solid #31515c;justify-content:space-between;align-items:start;gap:12px;padding-bottom:9px;display:flex}.core-upgrade-dialog-header h2{color:#f4f7f8;margin:3px 0 0;font-size:20px}.core-upgrade-heading,.core-upgrade-target{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.core-upgrade-heading .section-title{flex:0 58px}.core-upgrade-heading strong{overflow-wrap:anywhere;text-align:right;flex:64px;min-width:0}.core-age-portrait{background:radial-gradient(circle at 50% 58%,#55d6ff33,#081115 58%);border:1px solid #31515c;border-radius:6px;height:42px;position:relative;overflow:hidden}.core-age-portrait img{object-fit:contain;object-position:center 62%;width:100%;height:100%;display:block}.core-age-portrait span{color:#ffd36a;letter-spacing:2px;font-size:9px;position:absolute;bottom:5px;right:8px}.core-upgrade-target{color:#dce8eb;font-size:12px}.core-upgrade-target span{overflow-wrap:anywhere;flex:76px;min-width:0}.core-upgrade-target strong{color:#ffd36a;margin-left:auto}.core-upgrade-cost{flex-wrap:wrap;gap:5px;display:flex}.core-upgrade-requirements{color:#ffd36a;gap:4px;margin:0;padding-left:17px;font-size:12px;line-height:1.3;display:grid}.core-upgrade-progress{background:#071013;border:1px solid #31515c;border-radius:999px;height:7px;overflow:hidden}.core-upgrade-progress i{transform-origin:0;background:linear-gradient(90deg,#55d6ff,#ffd36a);width:100%;height:100%;display:block}.core-upgrade-panel .tool-button{white-space:normal;text-align:center;justify-content:center;width:100%;min-height:32px;line-height:1.2}.core-upgrade-unlocks{overflow-wrap:anywhere}.map-tool-shell{color:#e5edf0;background:#071013;min-height:100%;padding:24px}.map-tool-header{justify-content:space-between;align-items:center;gap:20px;max-width:1500px;margin:0 auto 18px;display:flex}.map-tool-header p,.map-tool-preview-header span{color:#55d6ff;text-transform:uppercase;margin:0;font-size:12px;font-weight:760}.map-tool-header h1,.map-tool-preview-header h2,.map-tool-panel h2{color:#f4f7f8;letter-spacing:0;margin:4px 0 0}.map-tool-link{color:#e5edf0;border:1px solid #31515c;border-radius:8px;padding:9px 12px;text-decoration:none}.map-tool-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:18px;max-width:1500px;margin:0 auto;display:grid}.map-tool-sidebar,.map-tool-preview-panel,.map-tool-panel{min-width:0}.map-tool-sidebar{flex-direction:column;gap:14px;display:flex}.map-tool-panel,.map-tool-preview-panel{background:#0c171c;border:1px solid #294852;border-radius:8px;padding:14px}.map-tool-list{gap:9px;display:grid}.map-tool-list button{color:#dce8eb;cursor:pointer;text-align:left;background:#111f25;border:1px solid #25434d;border-radius:8px;padding:10px}.map-tool-list button.active,.map-tool-list button:hover{border-color:#57d66d}.map-tool-list span{color:#9fb3ba;text-transform:uppercase;font-size:11px}.map-tool-list strong{margin-top:4px;display:block}.map-tool-status{border:1px solid #31515c;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding:10px;display:flex}.map-tool-status.ok{border-color:#57d66db3}.map-tool-status.error{border-color:#ff6a5dcc}.map-tool-status span,.map-tool-issues,.map-tool-help{color:#9fb3ba}.map-tool-issues{gap:7px;margin:12px 0 0;padding-left:18px;display:grid}.map-tool-issues .error{color:#ff9a91}.map-tool-issues .warning{color:#ffd37a}.map-tool-issues .ok{color:#86e69b}.map-tool-toggle,.map-tool-brush,.map-tool-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.map-tool-brush{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:6px}.map-tool-control-label{color:#c7d4d8;text-transform:uppercase;margin:12px 0 0;font-size:12px;font-weight:760}.map-tool-toggle button,.map-tool-brush button,.map-tool-actions button{color:#dce8eb;cursor:pointer;background:#111f25;border:1px solid #25434d;border-radius:8px;min-height:36px;padding:7px 9px}.map-tool-toggle button.active,.map-tool-toggle button:hover,.map-tool-brush button.active,.map-tool-brush button:hover,.map-tool-actions button:hover{border-color:#57d66d}.map-tool-help{margin:10px 0 0;line-height:1.4}.map-tool-export{gap:7px;margin-top:12px;display:grid}.map-tool-export span{color:#c7d4d8;text-transform:uppercase;font-size:12px;font-weight:760}.map-tool-export textarea{resize:vertical;color:#dce8eb;background:#071013;border:1px solid #25434d;border-radius:8px;min-height:220px;padding:10px;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.map-tool-preview-header{justify-content:space-between;align-items:start;gap:20px;margin-bottom:14px;display:flex}.map-tool-preview-header p{color:#9fb3ba;max-width:720px;margin:6px 0 0;line-height:1.45}.map-tool-preview-header dl{grid-template-columns:repeat(3,auto);gap:10px;margin:0;display:grid}.map-tool-preview-header dt{color:#9fb3ba;text-transform:uppercase;font-size:11px}.map-tool-preview-header dd{white-space:nowrap;margin:2px 0 0}.map-tool-canvas{background:#071013;border:1px solid #31515c;border-radius:8px;padding:12px;overflow:auto}.map-tool-canvas.error{border-color:#ff6a5d}.map-tool-map{background:#0e1b20;border:1px solid #203941;min-width:min(100%,960px);position:relative;overflow:hidden}.map-tool-map img,.map-tool-image-placeholder,.map-tool-overlay{width:100%;height:100%;display:block}.map-tool-map img{object-fit:fill;-webkit-user-select:none;user-select:none}.map-tool-image-placeholder{background:linear-gradient(135deg,#55d6ff24,#0000 32%),linear-gradient(315deg,#ffc85721,#0000 32%),#0e1b20;min-height:520px}.map-tool-overlay{pointer-events:none;position:absolute;inset:0}.map-tool-overlay.editable{cursor:crosshair;pointer-events:auto;touch-action:none}.map-tool-overlay .blocked{fill:#ff4c4475;stroke:#ffdcd8b3;stroke-width:.04px}.map-tool-legend{flex-wrap:wrap;gap:10px 18px;margin-top:12px;font-size:13px;display:flex}.map-tool-legend span{align-items:center;gap:7px;display:inline-flex}.map-tool-legend i{color:#071013;border:1px solid #fff;place-items:center;width:18px;height:18px;font-style:normal;font-weight:900;display:inline-grid}.map-tool-legend .blocked{background:#ff4c4475}.map-tool-legend .warning{background:#ffe600}.map-tool-legend .error{background:#ff3de8}.map-tool-conflict.warning .conflict-fill{fill:#ffe600}.map-tool-conflict.error .conflict-fill{fill:#ff3de8}.map-tool-conflict .conflict-fill{stroke:#fff;stroke-width:.1px}.map-tool-conflict .conflict-symbol{fill:none;stroke:#071013;stroke-width:.14px;stroke-linecap:round}.map-tool-overlay .resource circle{fill:#57d66de0;stroke:#e6ffee;stroke-width:.08px}.map-tool-overlay .start rect{fill:#55d6ff29;stroke-width:.12px}.map-tool-overlay .start path{fill:none;stroke-width:.11px}.map-tool-overlay .start.player rect,.map-tool-overlay .start.player path{stroke:#55d6ff}.map-tool-overlay .start.enemy rect,.map-tool-overlay .start.enemy path{stroke:#ff705f}@media (width<=1000px){.start-shell{background:linear-gradient(90deg,#040809fa 0%,#060b0cc7 52%,#060b0c47 100%),linear-gradient(#03070857 0%,#0307082e 56%,#030708eb 100%),url(/assets/home/aurora-battle-hero.png) 63%/cover no-repeat,#071013;grid-template-rows:minmax(360px,1fr) auto;padding:22px}.start-hero{min-height:360px}.start-hero h1{font-size:clamp(40px,13vw,68px)}.start-card-grid{grid-template-columns:1fr;max-width:none}.start-mode-card{min-height:124px}.tech-tree-dialog{padding:12px;inset:12px}.tech-tree-header,.tech-tree-lane-header{flex-direction:column;align-items:start}.tech-tree-summary{justify-content:flex-start}.tech-branch-grid,.tech-node-grid,.tech-branch{grid-template-columns:1fr}.tech-branch-source:after{background:linear-gradient(#55d6ffb3,#57d66d33);width:1px;height:10px;inset:auto auto -10px 23px}.tech-branch-units,.map-tool-layout,.map-tool-preview-header{grid-template-columns:1fr}.map-tool-layout{flex-direction:column;display:flex}.map-tool-preview-header{display:grid}.map-tool-preview-header dl{grid-template-columns:1fr}}.primary-start-button{color:#071013;cursor:pointer;background:#57d66d;border:1px solid #57d66d;border-radius:999px;align-self:start;min-height:44px;padding:10px 22px;font-weight:760}.tech-tree-modal{z-index:130;position:fixed;inset:0}.tech-tree-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02080abd;position:absolute;inset:0}.tech-tree-dialog{background:linear-gradient(#091418fa,#050b0dfa),url(/assets/home/aurora-battle-hero.png) 50%/cover no-repeat;border:1px solid #31515c;border-radius:12px;grid-template-rows:auto minmax(0,1fr);gap:14px;padding:16px;display:grid;position:absolute;inset:28px;overflow:hidden;box-shadow:0 26px 90px #0000008f}.tech-tree-dialog:before{content:"";pointer-events:none;background:#040a0cd6;position:absolute;inset:0}.tech-tree-dialog>*{z-index:1;position:relative}.tech-tree-dialog-header{border-bottom:1px solid #1e3942;justify-content:space-between;align-items:start;gap:16px;padding-bottom:12px;display:flex}.tech-tree-dialog-header h2{color:#f4f7f8;margin:3px 0 0;font-size:28px}.tech-tree-dialog .tech-tree{padding-right:4px;overflow:auto}.setup-note{margin:0}.app-shell{background:linear-gradient(90deg,#071013fa,#0c171ceb),radial-gradient(circle at 75% 30%,#57d66d1f,#0000 28%);grid-template-columns:minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.brand-block{align-items:center;gap:12px;display:flex}.brand-block h1{letter-spacing:0;margin:0;font-size:22px;font-weight:760}.brand-block p{color:#9fb3ba;margin:3px 0 0;font-size:13px}.top-brand{flex:none;min-width:min(150px,100%)}.top-brand h1{font-size:16px}.top-brand-mark{object-fit:contain;filter:drop-shadow(0 0 8px #9df3ff52);flex:none;width:24px;height:24px}.top-brand p{font-size:10px;display:none}.tool-section,.online-panel,.quickplay-card,.private-match-panel,.waiting-room,.match-list{flex-direction:column;gap:8px;display:flex}.resource-row{background:#111f25;border:1px solid #25434d;border-radius:6px;justify-content:space-between;padding:9px 10px;display:flex}.resource-row span,.label,.muted{color:#9fb3ba}.resource-row strong,.top-bar strong{color:#f4f7f8}.top-resources{flex-wrap:wrap;flex:190px;align-items:center;gap:5px;min-width:0;display:flex}.resource-chip{white-space:nowrap;background:#111f25;border:1px solid #25434d;border-radius:999px;align-items:baseline;gap:6px;min-height:28px;display:inline-flex;position:relative}.resource-chip>button{border-radius:inherit;min-height:28px;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;align-items:baseline;gap:6px;padding:4px 9px;display:inline-flex}.resource-chip>button:focus-visible{outline-offset:2px;outline:2px solid #9df3ff}.resource-chip span{color:#9fb3ba;text-transform:uppercase;font-size:10px}.resource-chip strong{color:#f4f7f8;font-size:13px;line-height:1}.resource-chip small{color:#7fb98b;font-size:9px;font-weight:760}.population-chip{padding:4px 9px}.population-chip.population-limit-near{border-color:#b88642}.population-chip.population-limit-near small,.population-chip.population-limit-reached small{color:#ffca76}.population-chip.population-limit-reached{border-color:#d35c55;box-shadow:0 0 0 1px #d35c5533}.population-chip.population-limit-reached strong{color:#ff9c91}.resource-chip-detail{z-index:30;color:#dce8eb;background:#081418fa;border:1px solid #3d6977;border-radius:6px;gap:3px;min-width:175px;padding:8px 9px;font-size:10px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 24px #00000073}.resource-chip-detail strong{color:#ffca76;font-size:10px}.resource-chip.tutorial-resource-highlight{border-color:#d7f483;animation:1.25s ease-in-out infinite tutorial-action-pulse;box-shadow:0 0 0 2px #d7f4836b,0 0 16px #d7f48380}.section-title{color:#c7d4d8;text-transform:uppercase;font-size:10px;font-weight:760}.tool-button,.icon-button{color:#dce8eb;cursor:pointer;background:#14252c;border:1px solid #2d4d57;border-radius:6px;justify-content:flex-start;align-items:center;gap:8px;min-height:38px;padding:8px 10px;display:inline-flex}.audio-toggle{color:#e8f8e9;cursor:pointer;background:#17372d;border:1px solid #57d66d;border-radius:6px;align-items:center;gap:7px;min-height:38px;padding:8px 11px;font-weight:760;display:inline-flex}.audio-toggle:hover,.audio-toggle[aria-pressed=true]{color:#fff2ce;background:#3a2d17;border-color:#f2b94b}.audio-toggle:focus-visible,.tool-button:focus-visible,.icon-button:focus-visible,.command-icon-button:focus-visible{outline-offset:1px;outline:2px solid #8bd7ff}.tool-button:hover,.icon-button:hover,.tool-button.active{background:#1b3334;border-color:#57d66d}.tool-button:disabled{color:#6f858c;cursor:not-allowed;background:#102027;border-color:#263f47}.detail-row{background:#111f25;border:1px solid #25434d;border-radius:6px;justify-content:space-between;gap:10px;padding:8px 10px;display:flex}.detail-row span{color:#c7d4d8}.detail-row strong{color:#f4f7f8}.queue-list{flex-direction:column;gap:8px;display:flex}.pending-queue-item{border-color:#3e8197}.pending-queue-item span{align-items:center;gap:7px;display:inline-flex}.queue-spinner{border:2px solid #31515c;border-top-color:#55d6ff;border-radius:50%;width:11px;height:11px;animation:.8s linear infinite queue-spin;display:inline-block}@keyframes queue-spin{to{transform:rotate(360deg)}}.online-panel{border-block:1px solid #1e3942;padding-block:14px}.quickplay-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.quickplay-metric,.quickplay-card,.private-match-panel{background:#0f1d23;border:1px solid #25434d;border-radius:6px}.quickplay-metric{flex-direction:column;gap:2px;min-width:0;padding:8px;display:flex}.quickplay-metric span{color:#9fb3ba;text-transform:uppercase;font-size:10px}.quickplay-metric strong{color:#f4f7f8;font-size:17px}.quickplay-card,.private-match-panel{padding:10px}.quickplay-card>div,.private-match-panel>div{flex-direction:column;gap:3px;display:flex}.quickplay-card strong{color:#f4f7f8}.connection-row,.lobby-player,.lobby-actions{align-items:center;gap:8px;display:flex}.connection-row strong,.lobby-status{color:#c7d4d8;font-size:13px}.connection-dot{background:#6f858c;border-radius:999px;width:9px;height:9px}.connection-dot.connected{background:#57d66d;box-shadow:0 0 10px #57d66d59}.connection-dot.offline{background:#ff705f}.lobby-field{color:#9fb3ba;flex-direction:column;gap:5px;font-size:12px;display:flex}.lobby-field input{color:#e5edf0;background:#111f25;border:1px solid #25434d;border-radius:6px;min-height:34px;padding:7px 9px}.lobby-field input:focus{outline-offset:1px;outline:2px solid #57d66d73}.match-row{color:#dce8eb;cursor:pointer;background:#111f25;border:1px solid #25434d;border-radius:6px;justify-content:space-between;gap:10px;min-height:36px;padding:8px 10px;display:flex}.match-row:hover{background:#1b3334;border-color:#57d66d}.lobby-player{background:#0f1d23;border:1px solid #213a43;border-radius:6px;justify-content:space-between;padding:7px 9px}.lobby-player span,.match-row span{color:#c7d4d8}.lobby-player strong,.match-row strong{color:#f4f7f8}.lobby-actions .tool-button{flex:1;justify-content:center}.lobby-status{margin:2px 0 0}.battlefield-panel{background:#020607;grid-template-rows:auto minmax(0,1fr);width:100%;min-width:0;display:grid;position:relative;overflow:hidden}.battlefield-panel.hud-collapsed{grid-template-rows:auto minmax(0,1fr) 28px}.top-bar{background:linear-gradient(#101f25fa,#050c0ffa),repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 12px);border-bottom:1px solid #203941;align-items:center;gap:8px;min-width:0;min-height:32px;padding:2px 5px;display:flex;overflow:hidden}.top-bar>div{flex-direction:column;flex:0 58px;min-width:46px;line-height:1;display:flex}.top-bar>div strong{font-size:13px;line-height:1}.top-bar>.game-clock{flex-basis:72px;min-width:64px}.game-clock strong{color:#f4f7f8;font-variant-numeric:tabular-nums}.top-status{text-align:right;flex:0 0 220px;order:20;width:220px;min-width:220px;max-width:220px;margin-left:auto}.top-bar>button{order:21}.recovery-banner{z-index:30;background:#04141bf0;border:1px solid #56cfe1;border-radius:6px;width:min(430px,100% - 32px);padding:10px 14px 12px;position:absolute;top:16px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 24px #00000057}.recovery-banner strong,.recovery-banner span{display:block}.recovery-banner strong{color:#d9fbff;font-size:12px}.recovery-banner span{color:#a8c6cc;margin-top:3px;font-size:11px}.recovery-banner i{background:#56cfe1;height:2px;margin-top:9px;transition:width .16s linear;display:block}.top-status span,.top-status strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.top-status span{color:#adc0c6;font-size:10px}.top-status strong{color:#f4f7f8;font-size:10px;font-weight:650}.top-bar .top-status strong{display:none}.collapsed-status{text-align:left;background:#061014;border-top:1px solid #203941;max-width:none;padding:4px 8px}.collapsed-status strong{display:block}.label{text-transform:uppercase;font-size:9px;line-height:1}.icon-button{justify-content:center;width:28px;min-width:28px;min-height:28px;padding:0}.battlefield-main{grid-template-columns:132px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.hud-collapsed .battlefield-main{grid-template-columns:minmax(0,1fr)}.left-command-pane{scrollbar-color:#52727c #070e11cc;background:linear-gradient(90deg,#020709f5,#081216f5),repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 10px);border-right:1px solid #203941;grid-template-rows:86px minmax(0,1fr);gap:4px;min-height:0;padding:4px 4px 68px;display:grid;overflow:hidden auto}.left-command-pane.has-build{grid-template-rows:86px minmax(64px,.75fr) minmax(0,1fr)}.left-command-pane.has-production{grid-template-rows:86px minmax(58px,.7fr) minmax(58px,.8fr) minmax(58px,.65fr)}.left-command-pane.has-build.has-production{grid-template-rows:86px minmax(52px,.65fr) minmax(58px,.75fr) minmax(58px,.75fr) minmax(58px,.55fr)}.mobile-command-strip{display:contents}.battlefield-frame{background:#000;min-height:0;position:relative;overflow:hidden}.tutorial-coach{z-index:18;color:#dce8eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 100% 0,#55d6ff24,#0000 40%),linear-gradient(155deg,#0d1f25f7,#040c0ffa);border:1px solid #9df3ff8c;border-radius:9px;flex-direction:column;width:min(340px,100% - 28px);max-height:calc(100% - 82px);animation:.32s cubic-bezier(.2,.85,.25,1) both tutorial-coach-enter;display:flex;position:absolute;top:14px;right:14px;overflow:hidden;box-shadow:0 22px 65px #0000009e,inset 0 1px #ffffff14}.tutorial-coach.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.tutorial-coach.is-left-docked{left:14px;right:auto}.tutorial-coach-header{border-bottom:1px solid #4166708c;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 10px;display:flex}.tutorial-coach-drag-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.tutorial-coach.is-dragging .tutorial-coach-drag-handle{cursor:grabbing}.tutorial-coach-drag-handle>svg{color:#789097;flex:none}.tutorial-coach-header>div{flex-direction:column;gap:2px;margin-right:auto;display:flex}.tutorial-coach-header strong{color:#f4f7f8;font-size:12px}.tutorial-kicker{color:#9df3ff;letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:850}.tutorial-chapter-nav{border-bottom:1px solid #41667073;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:7px 10px;display:grid}.tutorial-chapter-nav button{color:#789097;cursor:pointer;min-width:0;font:inherit;letter-spacing:.05em;text-transform:uppercase;background:#0a181d;border:1px solid #274851;border-radius:3px;padding:5px 3px;font-size:8px;font-weight:800}.tutorial-chapter-nav button:hover,.tutorial-chapter-nav button:focus-visible,.tutorial-chapter-nav button.active{color:#eaf7fb;background:#55d6ff1f;border-color:#9df3ff}.tutorial-icon-button{color:#b7c9ce;cursor:pointer;background:#071014b3;border:1px solid #31515c;border-radius:4px;place-items:center;width:28px;height:28px;display:grid}.tutorial-progress{background:#3b575f99;height:3px}.tutorial-progress i{background:linear-gradient(90deg,#55d6ff,#d7f483);height:100%;transition:width .3s;display:block;box-shadow:0 0 12px #55d6ff99}.tutorial-current{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:14px 14px 8px;display:grid}.tutorial-current>svg{color:#d7f483;filter:drop-shadow(0 0 7px #d7f48366);margin-top:2px}.tutorial-current h2{color:#f6fbfc;margin:0 0 5px;font-size:18px;line-height:1.15}.tutorial-step-eyebrow{color:#7fb98b;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px;font-size:8px;font-weight:850;display:block}.tutorial-current p,.tutorial-why{color:#adbec3;margin:0;font-size:11px;line-height:1.45}.tutorial-objective{background:#d7f48312;border-left:2px solid #d7f483;flex-direction:column;gap:3px;margin:4px 14px 0;padding:8px 10px;display:flex}.tutorial-objective span,.tutorial-why span{color:#789097;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:850}.tutorial-objective strong{color:#f0f7db;font-size:11px}.tutorial-resource-readout{color:#b8d6de;background:#0a1f24b8;border:1px solid #46748094;border-radius:4px;flex-wrap:wrap;gap:4px 8px;margin:3px 14px 0;padding:7px 9px;font-size:9px;display:flex}.tutorial-resource-readout strong{color:#9df3ff;width:100%;font-size:9px}.tutorial-resource-readout em{color:#ffca76;font-style:normal;font-weight:800}.tutorial-why{padding:9px 14px 4px}.tutorial-why span{margin-bottom:3px;display:block}.tutorial-checklist{gap:3px;min-height:0;margin:7px 14px;padding:0;list-style:none;display:grid;overflow:auto}.tutorial-checklist li{color:#71878e;border-radius:3px;align-items:center;gap:7px;min-height:24px;padding:3px 6px;font-size:10px;display:flex}.tutorial-checklist li.current{color:#eaf2f4;background:#55d6ff17}.tutorial-checklist li.complete{color:#7fb98b}.tutorial-checklist svg{flex:none}.tutorial-actions{border-top:1px solid #4166708c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;display:flex}.tutorial-actions button{color:#b9c9ce;cursor:pointer;min-height:30px;font:inherit;background:#0b1a1f;border:1px solid #31515c;border-radius:4px;align-items:center;gap:5px;padding:0 9px;font-size:10px;font-weight:760;display:inline-flex}.tutorial-actions .tutorial-primary-action{color:#061014;background:linear-gradient(135deg,#9df3ff,#d7f483);border-color:#9df3ff}.tutorial-waiting{color:#9fb3ba;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;font-size:9px;font-weight:760;display:inline-flex}.tutorial-waiting i{background:#57d66d;border-radius:50%;width:7px;height:7px;animation:1.6s ease-out infinite tutorial-live-pulse;box-shadow:0 0 #57d66d8c}@keyframes tutorial-coach-enter{0%{opacity:0;transform:translateY(-10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tutorial-live-pulse{70%{box-shadow:0 0 0 7px #57d66d00}to{box-shadow:0 0 #57d66d00}}.battlefield-canvas{touch-action:none;position:absolute;inset:0}.battlefield-canvas canvas{display:block}.battlefield-canvas.presentation-suspended canvas{pointer-events:none}.contextual-help-tooltip{z-index:12;pointer-events:none;color:#edf7e8;background:#071114f5;border:1px solid #9ee0b7b8;border-radius:5px;gap:5px;padding:10px 36px 10px 12px;display:grid;position:absolute;box-shadow:0 12px 32px #0000006b}.contextual-help-tooltip.is-visible{pointer-events:auto}.contextual-help-tooltip[hidden]{display:none}.contextual-help-dismiss{color:#dce8eb;cursor:pointer;width:24px;height:24px;font:inherit;background:#102329;border:1px solid #3b5a63;border-radius:3px;place-items:center;padding:0 0 2px;font-size:18px;line-height:1;display:grid;position:absolute;top:5px;right:5px}.contextual-help-dismiss:hover,.contextual-help-dismiss:focus-visible{color:#fff;background:#19343b;border-color:#8bb8c3}.contextual-help-dismiss:focus-visible{outline-offset:1px;outline:2px solid #57d66d8c}.contextual-help-tooltip>span{color:#91b4bd;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:760}.contextual-help-tooltip>strong{color:#f4f7f8;font-size:15px}.contextual-help-tooltip p{color:#c8dadd;margin:0;font-size:11px;line-height:1.4}.contextual-help-tooltip dl{flex-wrap:wrap;gap:5px;margin:2px 0 0;display:flex}.contextual-help-tooltip dl div{background:#0f2025;border:1px solid #29464f;border-radius:3px;gap:4px;padding:3px 5px;font-size:10px;display:flex}.contextual-help-tooltip dt{color:#8eabb3}.contextual-help-tooltip dd{color:#d7f483;margin:0;font-weight:760}@media (hover:none),(pointer:coarse){.contextual-help-tooltip{display:none}}.battlefield-loading{z-index:5;isolation:isolate;color:#eff9e8;background:#071216;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.battlefield-loading:before{z-index:1;content:"";background:radial-gradient(circle,#62e59924,#0000 37%),linear-gradient(90deg,#030b0de6,#030b0d2e 50%,#030b0de6),linear-gradient(#030b0db8,#0000 64%,#030b0dcc);position:absolute;inset:0}.battlefield-loading-map{z-index:0;object-fit:cover;opacity:.72;filter:saturate(.82)contrast(1.12)brightness(.7);width:106%;height:106%;animation:18s ease-in-out infinite alternate battlefield-loading-map-drift;position:absolute;inset:-3%}.battlefield-loading-map-fallback{background:radial-gradient(circle at 18% 22%,#6de0ac38,#0000 20%),linear-gradient(125deg,#172b25,#081719 56%,#122122)}.battlefield-loading-grid,.battlefield-loading-scanline{z-index:2;pointer-events:none;position:absolute;inset:0}.battlefield-loading-grid{opacity:.35;background-image:linear-gradient(#99fac021 1px,#0000 1px),linear-gradient(90deg,#99fac021 1px,#0000 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(circle,#000,#0000 76%);mask-image:radial-gradient(circle,#000,#0000 76%)}.battlefield-loading-scanline{opacity:.38;background:linear-gradient(#0000 0% 42%,#a4ffcb33 49%,#0000 56% 100%);animation:5.5s linear infinite battlefield-loading-scan}.battlefield-loading-content{z-index:3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#040f10c4;border:1px solid #a4ffcb66;border-radius:3px 22px;width:min(540px,100% - 40px);padding:clamp(22px,4vw,38px);position:relative;box-shadow:0 26px 70px #0000006b,inset 0 0 40px #5eed950f}.battlefield-loading-brand,.disconnect-brand{color:#eff9e8;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:9px;font-family:Cinzel,Georgia,serif;font-size:15px;font-weight:700;display:flex}.battlefield-loading-brand img,.disconnect-brand img{object-fit:contain;flex:none;width:30px;height:30px}.battlefield-loading-kicker{color:#9fffc2;letter-spacing:.16em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700}.battlefield-loading h2{color:#f6f5dd;letter-spacing:-.04em;margin:10px 0 4px;font-family:Cinzel,Georgia,serif;font-size:clamp(28px,5vw,46px);font-weight:700;line-height:.98}.battlefield-loading-status{color:#e5f0dc;margin:18px 0 2px;font-size:16px}.battlefield-loading-detail{color:#a1c4aa;letter-spacing:.04em;margin:0;font-family:IBM Plex Mono,monospace;font-size:12px}.battlefield-loading-progress{background:#9de1b129;height:5px;margin:22px 0 18px;overflow:hidden;box-shadow:inset 0 0 0 1px #9de1b133}.battlefield-loading-progress span{background:linear-gradient(90deg,#5ce48e,#d8ff9c);min-width:18px;height:100%;transition:width .36s;display:block;box-shadow:0 0 16px #98ffb9e0}.battlefield-loading-footer{color:#b4c7b6;align-items:center;gap:12px;font-size:12px;line-height:1.45;display:flex}.battlefield-loading-radar{background:linear-gradient(#b1ffc133 1px,#0000 1px) 0 0/100% 50%,linear-gradient(90deg,#b1ffc133 1px,#0000 1px) 0 0/50% 100%,#2c7f4b2e;border:1px solid #b1ffc1c2;border-radius:50%;flex:none;width:40px;height:40px;position:relative;overflow:hidden}.battlefield-loading-radar:before{content:"";background:conic-gradient(from 20deg, transparent 0 68%, #d4ff9aad 77%, transparent 84%);animation:2.3s linear infinite battlefield-loading-radar-sweep;position:absolute;inset:-50%}.battlefield-loading-radar span,.battlefield-loading-radar i{z-index:1;background:#dcffaf;border-radius:50%;display:block;position:absolute;box-shadow:0 0 8px #dcffaf}.battlefield-loading-radar span{width:4px;height:4px;animation:1.6s ease-in-out infinite battlefield-loading-ping;top:11px;left:24px}.battlefield-loading-radar i{width:3px;height:3px;animation:1.6s ease-in-out .5s infinite battlefield-loading-ping;bottom:8px;right:9px}@keyframes battlefield-loading-map-drift{0%{transform:scale(1)translate(-.7%,-.5%)}to{transform:scale(1.06)translate(.7%,.5%)}}@keyframes battlefield-loading-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes battlefield-loading-radar-sweep{to{transform:rotate(1turn)}}@keyframes battlefield-loading-ping{0%,to{opacity:.3;transform:scale(.65)}45%{opacity:1;transform:scale(1.35)}}.render-performance-fixture{background:#071013;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hud-minimap,.action-grid,.hud-production-queue,.hud-selection-details,.bottom-intel-card{background:#081115eb;border:1px solid #213a43;border-radius:4px;min-width:0}.hud-minimap{grid-template-rows:auto minmax(0,1fr);gap:3px;padding:3px;display:grid;overflow:hidden}.minimap-title,.action-grid-header,.compact-panel-header{justify-content:space-between;align-items:center;gap:4px;min-width:0;display:flex}.action-grid-header-tools{align-items:center;gap:2px;min-width:0;display:flex}.action-grid-scroll-controls{gap:2px;display:flex}.action-grid-scroll-button{width:20px;min-width:20px;height:20px;min-height:20px;padding:0}.minimap-title .muted,.action-grid-header .muted{text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1;overflow:hidden}.minimap-title .muted{display:none}.hud-minimap canvas{width:100%;height:62px;image-rendering:pixelated;cursor:crosshair;background:#0f1d23;border:1px solid #31515c;border-radius:3px}.action-grid{grid-template-rows:auto minmax(0,1fr);gap:3px;padding:3px;display:grid;overflow:hidden}.command-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:40px;gap:3px;min-height:0;display:grid;overflow:hidden}.action-grid.is-scrollable .command-icon-grid{scrollbar-color:#52727c #070e11cc;scrollbar-gutter:stable;overflow-y:auto}.empty-command-slot{color:#60737a;background:#070e11bd;border:1px solid #314c56;border-radius:3px;place-items:center;min-height:40px;display:grid}.command-icon-button{color:#e5edf0;isolation:isolate;cursor:pointer;background:radial-gradient(circle at 50% 40%,#66deec1a,#0000 68%),linear-gradient(#2f525af5,#142d33fa),repeating-linear-gradient(45deg,#ffffff0a 0 1px,#0000 1px 7px);border:1px solid #314c56;border-radius:3px;place-items:center;min-width:0;padding:2px;display:grid;position:relative;overflow:hidden}.command-icon-button:hover,.command-icon-button:focus-visible,.command-icon-button.active{border-color:#d7f483;box-shadow:inset 0 0 0 1px #57d66d80}.command-icon-button.is-disabled{cursor:default;filter:grayscale(.8);opacity:.52}.command-icon-button.is-disabled.has-cooldown{filter:none;opacity:1;border-color:#52727c}.command-cooldown-overlay{z-index:2;pointer-events:none;background:#030a0d8a;place-items:center;display:grid;position:absolute;inset:0}.command-cooldown-ring{width:34px;height:34px;position:absolute;overflow:visible;transform:rotate(-90deg)}.command-cooldown-ring-track,.command-cooldown-ring-progress{fill:none;stroke-width:3px}.command-cooldown-ring-track{stroke:#65848e7a}.command-cooldown-ring-progress{stroke:#d7f483;stroke-dasharray:100;stroke-dashoffset:var(--cooldown-offset);stroke-linecap:round;filter:drop-shadow(0 0 3px #d7f483b8);transition:stroke-dashoffset .18s linear}.command-cooldown-time{z-index:1;color:#f2f7e6;text-shadow:0 1px 3px #02090b;font-size:10px;font-weight:850;line-height:1;position:relative}.command-icon-button.tutorial-action-highlight{outline-offset:-2px;filter:none;opacity:1;background:radial-gradient(circle,#d7f4833d,#0000 70%),linear-gradient(#334d44f5,#081314fa);border-color:#d7f483;outline:2px solid #d7f483eb;animation:1.25s ease-in-out infinite tutorial-action-pulse;box-shadow:0 0 16px #d7f483b8,inset 0 0 0 1px #9df3ff80}.command-icon-button.tutorial-action-highlight:before{z-index:3;content:"NEXT";color:#071013;letter-spacing:.08em;background:#d7f483;border-radius:2px;padding:2px 3px;font-size:6px;font-weight:900;line-height:1;position:absolute;top:2px;right:2px}@keyframes tutorial-action-pulse{50%{border-color:#9df3ff;box-shadow:0 0 22px #9df3ffe6,inset 0 0 0 1px #d7f483a6}}.command-icon-button.is-unaffordable{border-color:#ff705f;box-shadow:inset 0 0 0 1px #ff705f59}.command-icon-button.is-unaffordable:hover,.command-icon-button.is-unaffordable:focus-visible{border-color:#ff9a8e;box-shadow:inset 0 0 0 1px #ff705f8c}.command-icon-art{object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 1px 1px #020a0c85);width:100%;max-width:100%;height:100%;max-height:100%;display:block}.command-shortfall-badge{color:#ffd8d2;letter-spacing:0;text-align:center;text-overflow:clip;text-transform:uppercase;white-space:nowrap;background:#4e1312f0;border:1px solid #ff705fd9;border-radius:2px;min-width:0;padding:1px 2px;font-size:7px;font-weight:780;line-height:1;display:block;position:absolute;bottom:1px;left:1px;right:1px;overflow:hidden}.command-vector-icon{color:#d7f483;place-items:center;display:grid}.command-touch-label,.touch-command-feedback,.touch-direct-order-action{display:none}.hud-production-queue{grid-template-rows:auto minmax(0,1fr);gap:4px;padding:4px;display:grid;overflow:hidden}.production-exit-warning{z-index:1;color:#ffd2ca;background:#621b18f5;border:1px solid #b8574d;border-radius:3px;gap:1px;padding:4px 5px;font-size:10px;line-height:1.15;display:grid;position:sticky;top:0}.production-exit-warning strong{color:#ffaba0;letter-spacing:.04em;text-transform:uppercase;font-size:10px}.rts-accessibility-high-contrast .production-exit-warning{color:#fff;background:#5e1713;border-color:#fff}.rts-accessibility-high-contrast .production-exit-warning strong{color:#fff}.hud-production-queue .queue-list{scrollbar-color:#52727c #070e11cc;gap:4px;min-height:0;max-height:164px;display:grid;overflow-y:auto}.hud-production-queue .detail-row,.hud-production-queue .muted{font-size:11px}.hud-production-queue .production-queue-item{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:5px;min-height:34px;display:grid}.production-queue-icon{background:#0f1d23;border:1px solid #31515c;border-radius:3px;place-items:center;width:32px;height:32px;display:grid;position:relative;overflow:hidden}.production-queue-icon img{object-fit:contain;width:100%;height:100%;display:block}.production-queue-progress{transform-origin:0;background:#d7f483;height:4px;transition:transform .18s linear;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 5px #d7f483b8}.production-queue-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.production-queue-name>span{text-overflow:ellipsis;overflow:hidden}.production-queue-name small{color:#ff9a8e;text-transform:uppercase;font-size:8px;font-weight:760}.production-queue-count{color:#d7f483;text-align:right;min-width:18px}.hud-team-stats{z-index:8;color:#edf7e8;background:#090d0dc7;border:1px solid #deebc2c7;border-radius:3px;grid-template-rows:auto minmax(0,1fr);gap:4px;width:min(178px,100% - 14px);max-height:min(168px,100% - 14px);padding:4px;display:grid;position:absolute;top:7px;right:7px;overflow:hidden}.score-close-button{color:#e5edf0;cursor:pointer;background:#0e1a1fd1;border:1px solid #60737a;border-radius:3px;place-items:center;width:18px;height:18px;padding:0;display:inline-grid}.team-stat-list{flex-direction:column;gap:3px;display:flex;overflow:hidden}.team-stat-row{color:#edf7e8;background:#081114db;border:1px solid #e5edf073;border-radius:2px;grid-template-columns:minmax(0,1fr) repeat(2,minmax(24px,auto));align-items:center;gap:5px;min-height:22px;padding:2px 4px;font-size:11px;display:grid}.team-stat-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.team-stat-row strong{color:inherit;font-variant-numeric:tabular-nums;text-align:right}.player-name{align-items:center;gap:6px;min-width:0;display:inline-flex}.player-name i{border:1px solid #f4f7f8b8;border-radius:999px;flex:none;width:10px;height:10px;display:inline-block;box-shadow:0 0 10px #f4f7f82e}.bottom-info-bar{z-index:9;background:linear-gradient(#050d10fa,#081215fa),repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 11px);border-top:1px solid #203941;grid-template-columns:minmax(0,1fr) minmax(220px,33vw);align-items:stretch;gap:6px;min-width:0;height:62px;padding:4px 6px;display:grid;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.bottom-intel-card{grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px;display:grid;overflow:hidden}.bottom-intel-media{color:#d7f483;background:#0a1418;border:1px solid #31515c;border-radius:3px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.bottom-intel-media img{object-fit:contain;max-width:100%;max-height:100%}.bottom-intel-copy{align-self:center;min-width:0;line-height:1.15}.bottom-intel-copy strong,.hud-selection-details strong{color:#f4f7f8;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.bottom-intel-copy strong{font-size:14px;line-height:1.1}.bottom-intel-title-row{align-items:center;gap:6px;min-width:0;display:flex}.bottom-intel-title-row strong{flex:auto;min-width:0}.bottom-intel-title-row kbd{color:#eaffbb;white-space:nowrap;background:#17282d;border:1px solid #789294;border-bottom-width:2px;border-radius:3px;flex:none;padding:1px 5px;font-family:inherit;font-size:10px;font-weight:800;line-height:1.15}.bottom-intel-copy p{color:#adc0c6;text-overflow:ellipsis;white-space:nowrap;margin:1px 0 0;font-size:10px;overflow:hidden}.bottom-intel-stats{gap:4px;min-width:0;margin:0;display:flex;overflow:hidden}.bottom-intel-stats div{border-left:1px solid #25434d;min-width:44px;padding-left:6px}.bottom-intel-stats dt{color:#9fb3ba;text-transform:uppercase;font-size:9px}.bottom-intel-stats dd{color:#f4f7f8;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.hud-selection-details{grid-template-rows:auto minmax(0,1fr);gap:3px;padding:3px;display:grid;overflow:hidden}.bottom-info-bar .hud-selection-details{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.selection-header{justify-content:space-between;gap:8px;min-width:0;display:flex}.bottom-info-bar .selection-header{align-items:center;overflow:hidden}.selection-header>div{flex-direction:column;gap:1px;min-width:0;display:flex}.selection-list{flex-direction:column;gap:4px;display:flex;overflow:hidden}.compact-selection-list{flex-flow:wrap;align-content:flex-start;gap:4px;display:flex}.bottom-info-bar .compact-selection-list{flex-flow:row;place-content:center flex-end;align-items:center;max-width:48%;min-height:34px}.selection-chip{color:#e5edf0;background:#14252c;border:1px solid #31515c;border-radius:3px;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:760;display:inline-flex;position:relative;overflow:hidden}.selection-chip img{object-fit:contain;max-width:100%;max-height:100%}.selection-chip span{z-index:1;position:relative}.selection-chip i{transform-origin:0;background:#57d66d;width:100%;height:3px;position:absolute;bottom:0;left:0}.more-chip{color:#9fb3ba;width:40px}.replay-shell{background:#071013;grid-template-columns:340px minmax(0,1fr);height:100%;min-height:680px;display:grid}.replay-sidebar{background:#0d181d;border-right:1px solid #24414a;flex-direction:column;gap:18px;padding:18px;display:flex}.replay-input{resize:vertical;color:#e5edf0;background:#111f25;border:1px solid #25434d;border-radius:6px;min-height:420px;padding:9px;font:12px ui-monospace,Cascadia Code,Consolas,monospace}.replay-player{grid-column:1/-1}.replay-controls{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.replay-controls button:focus-visible,.replay-events button:focus-visible{outline-offset:1px;outline:2px solid #8bd7ff}.replay-battlefield{border:1px solid #29414a;height:520px;margin:.75rem 0;position:relative;overflow:hidden}.replay-warning{color:#ffb26b}.replay-main{grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.replay-content{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-content:start;gap:16px;padding:16px;display:grid;overflow:auto}.replay-empty{color:#adc0c6;margin:16px}.game-menu-overlay{z-index:100;display:none;position:fixed;inset:0}.game-menu-overlay.open{display:block}.game-menu-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02080aad;position:absolute;inset:0}.game-menu-panel{background:#0a1519;border:1px solid #31515c;border-radius:12px;width:min(760px,100vw - 48px);max-height:calc(100vh - 48px);padding:16px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 24px 80px #00000073}.game-menu-panel.tech-tree-menu-panel{width:min(1180px,100vw - 48px)}.game-menu-header{border-bottom:1px solid #1e3942;justify-content:space-between;gap:16px;margin-bottom:14px;padding-bottom:12px;display:flex}.game-menu-header p{margin:4px 0 0}.game-menu-tabs{background:#071013;border:1px solid #24414a;border-radius:8px;gap:5px;margin-bottom:14px;padding:4px;display:inline-flex}.game-menu-tabs button{color:#9fb3ba;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:6px;padding:7px 12px;font-size:13px;font-weight:760}.game-menu-tabs button.active{color:#f4f7f8;background:#1b3334}.tech-tree-menu-panel>.tech-tree{max-height:min(70vh,760px);padding-right:4px;overflow:auto}.game-menu-grid{grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr);gap:14px;display:grid}.game-menu-grid>:only-child{grid-column:1/-1}.game-menu-section,.game-menu-online{flex-direction:column;gap:8px;display:flex}.game-menu-settings-grid{gap:10px;padding-top:2px;display:grid}.setting-control{background:#111f25;border:1px solid #24414a;border-radius:6px;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;gap:8px;padding:8px 10px;display:grid}.setting-control label{color:#dce8eb;font-size:12px}.setting-control input[type=checkbox]{justify-self:end;width:18px;height:18px}.setting-control select,.setting-actions .tool-button{justify-self:stretch}.setting-control input:focus-visible,.setting-control select:focus-visible,.setting-actions .tool-button:focus-visible{outline-offset:1px;outline:2px solid #57d66d73}.shortcut-controls{flex-wrap:wrap;grid-column:2;justify-self:stretch;align-items:center;gap:8px;display:flex}.setting-actions{display:flex}.game-menu-online .online-panel{border-block:0;padding-block:0}.result-overlay{z-index:120;position:fixed;inset:0}.disconnect-overlay{z-index:115;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.disconnect-panel{background:linear-gradient(145deg,#10262d,#071115);border:1px solid #3e8197;border-radius:12px;width:min(100%,520px);padding:24px;position:relative;box-shadow:0 28px 90px #000000b3}.disconnect-brand{margin-bottom:14px}.disconnect-brand img{width:28px;height:28px}.disconnect-panel h2{color:#f4f7f8;margin:7px 0 10px}.disconnect-panel p{color:#b8c9ce;margin:0;line-height:1.55}.disconnect-actions{gap:10px;margin-top:20px;display:flex}.disconnect-actions>button{flex:1;justify-content:center}.result-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02080ac2;position:absolute;inset:0}.result-panel{background:#0a1519;border:1px solid #3f626c;border-radius:12px;gap:14px;width:min(920px,100vw - 40px);max-height:calc(100vh - 40px);padding:18px;display:grid;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 24px 90px #0000008c}.result-header{border-bottom:1px solid #1e3942;justify-content:space-between;align-items:end;gap:16px;padding-bottom:12px;display:flex}.result-header h2{color:#f4f7f8;margin:2px 0 0;font-size:clamp(28px,5vw,48px);line-height:1}.result-game-time{color:#9fb3ba;text-transform:uppercase;align-items:baseline;gap:8px;margin:6px 0 0;font-size:12px;display:flex}.result-game-time strong{color:#f4f7f8;font-variant-numeric:tabular-nums;font-size:15px}.result-header-actions{align-items:center;gap:12px;display:flex}.result-header-actions>strong{color:#57d66d;text-align:right}.result-action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.result-tabs{background:#071013;border:1px solid #24414a;border-radius:8px;justify-self:start;gap:6px;padding:4px;display:inline-flex}.result-tabs button{color:#9fb3ba;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:6px;padding:7px 12px;font-size:13px;font-weight:760}.result-tabs button.active{color:#f4f7f8;background:#1b3334}.result-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.result-player-card{background:#0d1a20;border:1px solid #24414a;border-radius:8px;gap:8px;padding:10px;display:grid}.result-player-card.winner{border-color:#57d66d;box-shadow:inset 0 0 0 1px #57d66d3d}.result-player-card>span{color:#9fb3ba;text-transform:uppercase;font-size:12px}.result-player-card>strong{color:#f4f7f8}.result-player-card dl{gap:6px;margin:0;display:grid}.result-player-card dl div,.result-chart-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.result-player-card dt{color:#9fb3ba}.result-player-card dd{color:#e5edf0;font-variant-numeric:tabular-nums;margin:0;font-weight:760}.result-chart-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.result-chart{background:#0d1a20;border:1px solid #24414a;border-radius:8px;gap:9px;padding:10px;display:grid}.result-chart-row{grid-template-columns:minmax(70px,.8fr) minmax(90px,1fr) minmax(42px,auto);min-width:0}.result-chart-row span{color:#c6d4d8;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.result-chart-row strong{color:#f4f7f8;font-variant-numeric:tabular-nums;text-align:right}.result-bar-track{background:#14252c;border-radius:999px;height:9px;overflow:hidden}.result-bar-track i{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#57d66d,#55d6ff);width:100%;height:100%;display:block}.result-timeline{gap:12px;display:grid}.result-timeline>p{margin:0}.timeline-legend{flex-wrap:wrap;gap:8px 14px;display:flex}.timeline-legend span{color:#c6d4d8;align-items:center;gap:6px;font-size:12px;display:inline-flex}.timeline-legend i{border-radius:999px;width:18px;height:9px;display:inline-block}.timeline-chart-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.timeline-chart{background:#0d1a20;border:1px solid #24414a;border-radius:8px;gap:8px;padding:10px;display:grid}.timeline-chart header{justify-content:space-between;gap:10px;display:flex}.timeline-chart header strong{color:#9fb3ba;font-variant-numeric:tabular-nums;font-size:12px}.timeline-chart svg{width:100%;height:auto;overflow:visible}.timeline-chart text{fill:#789097;font-size:10px}.timeline-axis{stroke:#31515c;stroke-width:1px}@media (width<=1000px){.learn-mode-entry{grid-template-columns:1fr;gap:14px}.learn-mode-button{width:100%}.tutorial-coach{z-index:40;width:min(300px,100% - 14px);max-height:calc(100dvh - 179px);position:fixed;top:54px;left:auto;right:7px;overflow-y:auto}.tutorial-coach.is-left-docked{left:7px;right:auto}.tutorial-checklist{display:none}.app-shell{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;height:100dvh;min-height:0}.battlefield-panel{grid-template-rows:auto minmax(0,1fr) auto}.top-bar{flex-wrap:wrap;min-height:0;padding:5px}.top-bar>div,.top-status{display:none}.top-bar>.game-clock{flex:0 0 58px;min-width:58px;display:flex}.game-clock .label,.top-brand{display:none}.top-resources{flex:180px;gap:4px}.resource-chip{min-height:28px;padding:4px 7px}.battlefield-main{grid-template-rows:minmax(0,1fr) 166px;grid-template-columns:1fr;overflow:hidden}.left-command-pane{border-top:1px solid #203941;border-right:0;order:2;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(92px,.8fr) repeat(3,minmax(118px,1fr)) minmax(112px,.8fr);max-height:166px;overflow:hidden}.battlefield-frame{order:1;min-height:0}.hud-minimap canvas{height:58px}.command-icon-grid{grid-auto-rows:42px}.rts-accessibility-readable-text .command-icon-grid{grid-auto-rows:46px}.hud-production-queue{min-width:112px}.hud-team-stats{width:min(160px,100% - 12px)}.core-upgrade-dialog{width:auto;max-height:min(78dvh,620px);padding:12px max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));border-bottom:0;border-left:0;border-right:0;border-radius:14px 14px 0 0;bottom:0;left:0;right:0}.bottom-info-bar{z-index:auto;grid-template-columns:1fr;height:auto;max-height:118px;position:static;overflow:hidden}.bottom-intel-card{grid-template-columns:42px minmax(0,1fr)}.bottom-intel-stats{display:none}.hud-selection-details{min-height:58px}.game-menu-panel{width:auto;max-height:none;inset:16px;transform:none}.tech-tree-dialog{padding:12px;inset:12px}.tech-tree-dialog-header{flex-direction:row;align-items:start}.game-menu-panel.tech-tree-menu-panel{width:auto}.game-menu-grid{grid-template-columns:1fr}.replay-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.replay-sidebar{border-bottom:1px solid #24414a;border-right:0}}@media (width<=1000px) and (orientation:landscape) and (pointer:coarse){.battlefield-panel,.battlefield-panel.hud-collapsed{grid-template-rows:46px minmax(0,1fr)}.top-bar{min-height:46px;padding:2px max(4px, env(safe-area-inset-right)) 2px max(4px, env(safe-area-inset-left));flex-wrap:nowrap;gap:4px}.top-resources{flex-wrap:nowrap;flex:auto;overflow:hidden}.resource-chip{min-height:40px;padding:3px 7px}.audio-toggle,.top-bar>.icon-button{flex:0 0 42px;width:42px;min-width:42px;min-height:42px;padding:0}.audio-toggle{justify-content:center}.audio-toggle span{display:none}.battlefield-main,.hud-collapsed .battlefield-main{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);position:relative}.battlefield-frame{grid-area:1/1}.left-command-pane{z-index:25;right:max(6px, env(safe-area-inset-right));bottom:0;left:max(6px, env(safe-area-inset-left));order:initial;background:#030a0df0;border:1px solid #31515cf5;border-radius:7px;align-items:stretch;gap:4px;height:90px;max-height:90px;padding:4px;display:flex;position:absolute;overflow:auto hidden;box-shadow:0 5px 20px #0000008c}.mobile-command-strip{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;flex:auto;gap:4px;min-width:0;display:flex;overflow:auto hidden}.mobile-command-strip::-webkit-scrollbar{display:none}.touch-command-feedback{z-index:26;bottom:96px;left:max(6px, env(safe-area-inset-left));background:#051314f5;border:1px solid #d7f483;border-radius:7px;align-items:center;gap:8px;max-width:min(290px,100vw - 24px);min-height:46px;padding:3px 3px 3px 10px;display:flex;position:absolute;box-shadow:0 4px 18px #0000008c}.touch-command-feedback>span{min-width:0;display:grid}.touch-command-feedback strong,.touch-command-feedback small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.touch-command-feedback strong{color:#f4ffd3;font-size:12px}.touch-command-feedback small{color:#a9c0c6;font-size:9px}.touch-command-feedback .icon-button{flex:0 0 40px;width:40px;min-width:40px;min-height:40px}.hud-minimap{flex:0 0 92px;width:92px}.hud-minimap canvas{height:48px}.action-grid{flex:none;grid-template-rows:11px minmax(0,1fr);min-width:max-content;padding:3px;display:grid}.action-grid-header{min-height:11px}.action-grid-header .section-title{font-size:8px;line-height:1}.action-grid-header-tools{display:none}.command-icon-grid,.action-grid.is-scrollable .command-icon-grid{gap:3px;max-height:none;display:flex;overflow:visible}.command-icon-button{flex:0 0 56px;width:56px;min-width:56px;height:56px;min-height:56px;padding:2px 2px 13px}.command-icon-button.touch-direct-order-action{display:grid}.command-icon-button img{max-height:39px}.command-touch-label{color:#f4f7f8;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:760;line-height:10px;display:block;position:absolute;bottom:2px;left:2px;right:2px;overflow:hidden}.command-shortfall-badge{bottom:12px}.hud-production-queue{flex:0 0 150px;width:150px;min-width:150px}.hud-production-queue .queue-list{max-height:53px}.bottom-info-bar,.collapsed-status{display:none}.hud-team-stats{top:6px;right:max(6px, env(safe-area-inset-right));width:min(170px,100% - 12px)}}@media (width>=1001px) and (height<=780px){.start-shell{gap:14px;padding:24px}.start-hero{min-height:min(48vh,420px)}.start-hero h1{font-size:clamp(42px,6vw,74px)}.start-mode-card{min-height:128px;padding:14px}.app-shell{min-height:0}.brand-block h1{font-size:16px}.brand-block p,.online-panel,.quickplay-card,.private-match-panel,.waiting-room,.match-list{font-size:12px}.top-bar{min-height:32px;padding:3px 5px}.top-bar>div{min-width:52px}.battlefield-panel{grid-template-rows:auto minmax(0,1fr)}.battlefield-main{grid-template-columns:116px minmax(0,1fr)}.hud-selection-details,.hud-team-stats,.action-grid,.hud-production-queue,.hud-minimap,.bottom-intel-card{padding:3px}.hud-selection-details{gap:3px}.action-grid-header .muted,.minimap-title .muted{display:none}.command-icon-grid{grid-auto-rows:38px}.rts-accessibility-readable-text .command-icon-grid{grid-auto-rows:46px}.hud-production-queue .queue-list{gap:3px}.hud-minimap canvas{height:62px}.bottom-info-bar{height:58px;min-height:58px;padding:4px 6px}}@media (width>=1001px) and (height<=660px){.brand-block p,.hud-selection-details .muted{display:none}.battlefield-panel{grid-template-rows:auto minmax(0,1fr)}.battlefield-main{grid-template-columns:108px minmax(0,1fr)}.left-command-pane{grid-template-rows:78px minmax(0,1fr);gap:4px}.left-command-pane.has-build{grid-template-rows:78px minmax(56px,.75fr) minmax(56px,1fr)}.left-command-pane.has-production{grid-template-rows:78px minmax(52px,.7fr) minmax(52px,.8fr) minmax(52px,.65fr)}.left-command-pane.has-build.has-production{grid-template-rows:78px minmax(46px,.65fr) minmax(52px,.75fr) minmax(52px,.75fr) minmax(52px,.55fr)}.hud-production-queue .queue-list{max-height:none}.hud-minimap canvas{height:50px}.command-icon-grid{grid-auto-rows:32px;gap:3px}.bottom-info-bar{grid-template-columns:minmax(0,1fr) minmax(180px,28vw);height:56px}.bottom-intel-media{width:38px;height:38px}}
