@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500&display=block&text=STAR%20CARRIER";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Sans+KR:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--text:#d9f6fb;--debug-background:#000;--debug-background-rgb:0, 0, 0;--debug-panel:#030609;--debug-panel-rgb:3, 6, 9;--debug-text:#f0b36a;--debug-text-rgb:240, 179, 106;--debug-ui-primary:#f0b36a;--debug-ui-primary-rgb:240, 179, 106;--debug-unit-blue:#f0b36a;--debug-unit-blue-rgb:240, 179, 106;--debug-unit-red:#f0b36a;--debug-unit-red-rgb:240, 179, 106;--debug-neutral:#a9893e;--debug-neutral-rgb:169, 137, 62;--debug-warning:#f0b36a;--debug-warning-rgb:240, 179, 106;--debug-grid:#f0b36a;--debug-grid-rgb:240, 179, 106;--debug-terrain:#f0b36a;--debug-terrain-rgb:240, 179, 106;--debug-fog:#010409;--debug-fog-rgb:1, 4, 9;--ui-font:"IBM Plex Sans", "IBM Plex Sans KR", Inter, "SF Pro Display", "Segoe UI", Arial, sans-serif;--logo-font:"Orbitron", "IBM Plex Sans", "IBM Plex Sans KR", Inter, sans-serif;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--gameplay-tip-ticker-offset:28px}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;touch-action:none;-webkit-text-size-adjust:100%;width:100%;height:100%;margin:0;overflow:hidden}html.is-sfx-lab-page,body.is-sfx-lab-page,body.is-sfx-lab-page #root{overscroll-behavior-y:auto;touch-action:pan-y;height:auto;min-height:100%;overflow:hidden auto}body{background:var(--bg);color:var(--text);font-family:var(--ui-font);letter-spacing:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,summary,input,textarea,select,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.app-shell{width:100vw;height:100dvh;position:relative;overflow:clip hidden}.audio-toggle{z-index:14;top:calc(max(12px, env(safe-area-inset-top)) + 2px);right:max(12px, env(safe-area-inset-right));color:#dff7fbeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:44px;min-height:44px;font:500 11px/1 var(--ui-font);background:#081018c2;border:1px solid #93eff02e;border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:inline-flex;position:absolute;box-shadow:0 10px 24px #00000038}.audio-toggle.is-muted{color:#b7d0d6db}.audio-toggle span{white-space:nowrap}.settings-toggle{z-index:14;top:calc(max(12px, env(safe-area-inset-top)) + 46px);right:max(12px, env(safe-area-inset-right));color:#dff7fbeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#081018c2;border:1px solid #93eff02e;border-radius:8px;place-items:center;width:44px;height:44px;display:grid;position:absolute;box-shadow:0 10px 24px #00000038}.settings-toggle.is-active,.settings-toggle:focus-visible{color:#9feaf5;border-color:#9feaf58a;outline:none}.quick-controls{z-index:14;top:calc(max(12px, env(safe-area-inset-top)) + 90px);right:max(12px, env(safe-area-inset-right));gap:6px;display:grid;position:absolute}.quick-controls button{color:#dff7fbeb;min-height:40px;font:800 9px/1 var(--ui-font);background:#081018c2;border:1px solid #93eff02e;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.app-shell:has(.top-hud) .audio-toggle{top:calc(max(12px, env(safe-area-inset-top)) + 58px)}.app-shell:has(.top-hud) .settings-toggle{top:calc(max(12px, env(safe-area-inset-top)) + 108px)}.app-shell:has(.top-hud) .quick-controls{top:calc(max(12px, env(safe-area-inset-top)) + 158px)}.multiplayer-chat{z-index:15;right:max(12px, env(safe-area-inset-right));width:min(318px, calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)));color:#f6df9cf0;pointer-events:auto;justify-items:end;gap:6px;display:grid;position:absolute}.multiplayer-chat.is-playing{top:calc(max(12px, env(safe-area-inset-top)) + 248px)}.multiplayer-chat.is-lobby{bottom:max(12px, env(safe-area-inset-bottom))}.multiplayer-chat-toggle{color:#f6df9cf5;min-height:36px;font:850 9px/1 var(--ui-font);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#081018c7;border:1px solid #e0b74b47;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 10px;display:inline-flex;box-shadow:0 10px 24px #00000038}.multiplayer-chat-toggle em{color:#f6df9c;border:1px solid #f6df9c85;border-radius:999px;place-items:center;min-width:17px;min-height:17px;font-size:8px;font-style:normal;display:inline-grid}.multiplayer-chat-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030609d6;border:1px solid #e0b74b52;width:100%;box-shadow:0 14px 32px #00000047,0 0 22px #e0b74b14}.multiplayer-chat-log{align-content:end;gap:6px;max-height:164px;padding:9px;display:grid;overflow-y:auto}.multiplayer-chat-log p{color:#f6df9ce0;grid-template-columns:auto minmax(0,1fr);gap:7px;min-width:0;margin:0;font-size:10px;line-height:1.25;display:grid}.multiplayer-chat-log p.is-local strong{color:#f6df9c}.multiplayer-chat-log p.is-empty{color:#b89447d6;font-weight:750;display:block}.multiplayer-chat-log strong{color:#b89447;text-overflow:ellipsis;white-space:nowrap;max-width:82px;overflow:hidden}.multiplayer-chat-log span{overflow-wrap:anywhere;min-width:0}.multiplayer-chat-form{border-top:1px solid #e0b74b33;grid-template-columns:minmax(0,1fr) auto;display:grid}.multiplayer-chat-form input{color:#f6df9cf5;min-width:0;height:36px;font:750 11px/1.1 var(--ui-font);background:#0003;border:0;outline:none;padding:0 10px}.multiplayer-chat-form input:focus{box-shadow:inset 0 0 0 1px #f6df9c42}.multiplayer-chat-form button{color:#f6df9c;min-width:70px;font:850 9px/1 var(--ui-font);background:#e0b74b14;border:0;border-left:1px solid #e0b74b33;justify-content:center;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.multiplayer-chat-form button:disabled{color:#b8944785}.orientation-banner{display:none}@media (orientation:portrait) and (width<=720px){.orientation-banner{z-index:13;right:max(12px, env(safe-area-inset-right));top:calc(max(12px, env(safe-area-inset-top)) + 176px);color:#e0b74b;min-height:24px;font:900 8px/1 var(--ui-font);pointer-events:none;background:#030609b8;border:1px solid #e0b74b6b;align-items:center;padding:0 8px;display:flex;position:absolute}.top-hud{left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));grid-template-columns:repeat(2,minmax(0,1fr))}.portrait-command-dock{width:min(356px,100vw - 18px);bottom:calc(max(8px, env(safe-area-inset-bottom)) + var(--gameplay-tip-ticker-offset));grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.keyboard-shortcuts{display:none}.objective-guide,.midgame-checklist{width:min(210px,100vw - 24px)}}.settings-panel{z-index:15;top:calc(max(12px, env(safe-area-inset-top)) + 88px);right:max(12px, env(safe-area-inset-right));color:#dff7fbeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(260px,100vw - 24px);font:700 10px/1.2 var(--ui-font);max-height:calc(100dvh - 116px - env(safe-area-inset-bottom));overscroll-behavior:contain;background:#03080ce6;border:1px solid #9feaf547;gap:9px;padding:10px;display:grid;position:absolute;overflow-y:auto;box-shadow:0 18px 42px #00000057}.settings-panel-header,.settings-row,.settings-checks label{justify-content:space-between;align-items:center;gap:8px;display:flex}.settings-panel-header button,.settings-reset,.settings-segmented button{color:inherit;font:inherit;background:#030609ad;border:1px dotted #9feaf56b}.settings-panel-header button{place-items:center;width:40px;height:40px;display:grid}.settings-section{background:#9feaf50a;border:1px solid #9feaf529;gap:8px;padding:8px;display:grid}.settings-section>strong{color:#9feaf5e6;font-size:9px;font-weight:900}.settings-row{min-height:36px}.settings-slider{gap:6px;display:grid}.settings-slider input{accent-color:#9feaf5;width:100%;height:36px}.debug-color-entry{gap:10px}.debug-color-title,.debug-color-actions{align-items:center;gap:8px;display:flex}.debug-color-title{justify-content:space-between}.debug-color-actions{flex-wrap:wrap;justify-content:flex-end}.debug-color-actions .settings-reset{min-height:34px}.debug-color-panel{gap:10px;display:grid}.debug-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.debug-color-picker{background:#03080e8a;border:1px solid #9feaf529;grid-template-columns:minmax(0,1fr) 38px auto;align-items:center;gap:8px;min-height:42px;padding:6px;display:grid}.debug-color-picker.is-bulk{background:#e0b74b12;border-color:#e0b74b57}.debug-color-picker span{text-overflow:ellipsis;color:#d9f6fbe0;min-width:0;font-size:10px;font-weight:800;overflow:hidden}.debug-color-picker input[type=color]{background:#000;border:1px solid #d9f6fb47;border-radius:0;width:38px;height:32px;padding:0}.debug-color-picker input[type=text]{color:#d9f6fbd1;text-transform:uppercase;background:#00000057;border:1px solid #93eff02e;border-radius:4px;outline:none;width:68px;min-width:0;padding:5px 6px;font:700 9px/1 Menlo,Consolas,monospace}.debug-color-picker input[type=text]:focus-visible{border-color:#93eff08f;box-shadow:0 0 10px #93eff01f}.debug-color-presets{background:#03080e8a;border:1px solid #9feaf529;gap:8px;padding:7px;display:grid}.debug-color-presets label{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;display:grid}.debug-color-presets label span{color:#d9f6fbc7;font-size:9px;font-weight:800}.debug-color-presets select,.debug-color-presets input[type=text],.debug-color-presets textarea{color:#d9f6fbe6;min-width:0;font:700 10px/1 var(--ui-font);background:#0000006b;border:1px solid #93eff033;border-radius:4px;outline:none}.debug-color-presets select,.debug-color-presets input[type=text]{height:34px}.debug-color-presets select{padding:0 8px}.debug-color-presets input[type=text]{padding:0 9px}.debug-color-presets textarea{resize:vertical;-webkit-user-select:text;user-select:text;min-height:78px;padding:8px;line-height:1.25}.debug-color-presets select:focus-visible,.debug-color-presets input[type=text]:focus-visible,.debug-color-presets textarea:focus-visible{border-color:#93eff08f;box-shadow:0 0 10px #93eff01f}.debug-color-preset-actions{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.debug-color-preset-actions .settings-reset{min-height:34px;padding:0 8px}.debug-color-preset-actions .settings-reset:disabled{opacity:.46}.debug-color-preset-notice{color:#d9f6fbad;align-self:center;font-size:8px;font-weight:800;line-height:1.15}.debug-enemy-hatch-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.debug-enemy-hatch-controls label{gap:5px;min-width:0;display:grid}.debug-enemy-hatch-controls span{color:#d9f6fbc7;font-size:9px;font-weight:800}.debug-enemy-hatch-controls select{color:#d9f6fbe6;min-width:0;height:34px;font:700 10px/1 var(--ui-font);background:#0000006b;border:1px solid #93eff033;border-radius:4px;outline:none}.debug-enemy-hatch-controls select:focus-visible{border-color:#93eff08f;box-shadow:0 0 10px #93eff01f}.debug-enemy-hatch-toggle,.debug-neon-toggle{justify-content:space-between;min-height:38px;padding:0 9px}.debug-enemy-hatch-toggle small,.debug-neon-toggle small{color:#d9f6fba8;font:inherit;font-size:9px}body[data-debug-colors],body[data-debug-colors] .app-shell,body[data-debug-colors] .battlefield-canvas{background:var(--debug-background);color:var(--debug-text)}body[data-debug-colors] .main-menu{color:var(--debug-text)}body[data-debug-colors] .top-hud,body[data-debug-colors] .settings-panel,body[data-debug-colors] .settings-section,body[data-debug-colors] .action-panel,body[data-debug-colors] .production-menu,body[data-debug-colors] .research-panel,body[data-debug-colors] .selection-status,body[data-debug-colors] .mode-card,body[data-debug-colors] .pause-overlay,body[data-debug-colors] .reconnect-banner,body[data-debug-colors] .audio-toggle,body[data-debug-colors] .settings-toggle,body[data-debug-colors] .command-notice,body[data-debug-colors] .debug-color-presets,body[data-debug-colors] .debug-color-picker{border-color:rgba(var(--debug-ui-primary-rgb), .34);background-color:rgba(var(--debug-panel-rgb), .82);color:var(--debug-text)}body[data-debug-colors] button,body[data-debug-colors] .settings-reset,body[data-debug-colors] .action-button,body[data-debug-colors] .production-card,body[data-debug-colors] .research-card,body[data-debug-colors] .debug-color-presets select,body[data-debug-colors] .debug-color-presets input[type=text],body[data-debug-colors] .debug-color-presets textarea,body[data-debug-colors] .debug-enemy-hatch-controls select,body[data-debug-colors] .settings-segmented button{border-color:rgba(var(--debug-ui-primary-rgb), .28);color:var(--debug-text)}body[data-debug-colors] button:focus-visible,body[data-debug-colors] .settings-reset.is-active,body[data-debug-colors] .settings-segmented button.is-active,body[data-debug-colors] .action-button.is-active{border-color:rgba(var(--debug-warning-rgb), .72);box-shadow:0 0 14px rgba(var(--debug-warning-rgb), .2)}body[data-debug-colors] .selection-health{color:var(--debug-unit-blue);border-color:rgba(var(--debug-unit-blue-rgb), .42)}body[data-debug-colors] .selection-status.is-enemy .selection-health{color:var(--debug-unit-red);border-color:rgba(var(--debug-unit-red-rgb), .42)}body[data-debug-colors] .gameplay-tip-ticker,body[data-debug-colors] .main-menu-command-frame,body[data-debug-colors] .shortcut-badge{border-color:rgba(var(--debug-ui-primary-rgb), .38);color:var(--debug-text)}body[data-debug-colors] .gameplay-tip-ticker{border-top-color:rgba(var(--debug-ui-primary-rgb), .38);background:linear-gradient(90deg, rgba(var(--debug-ui-primary-rgb), .18), rgba(var(--debug-ui-primary-rgb), .08) 22%, rgba(var(--debug-panel-rgb), .74) 50%, rgba(var(--debug-ui-primary-rgb), .08) 78%, rgba(var(--debug-ui-primary-rgb), .18));color:rgba(var(--debug-text-rgb), .92);box-shadow:0 -8px 24px rgba(var(--debug-ui-primary-rgb), .08)}body[data-debug-colors] .gameplay-tip-set span{color:rgba(var(--debug-text-rgb), .94);text-shadow:0 0 10px rgba(var(--debug-ui-primary-rgb), .34)}body[data-debug-colors] .main-menu-command-frame{border-color:rgba(var(--debug-ui-primary-rgb), .1);background:linear-gradient(90deg, rgba(var(--debug-ui-primary-rgb), .12), transparent 17%, transparent 83%, rgba(var(--debug-ui-primary-rgb), .12)) 0 0 / 100% 1px no-repeat, linear-gradient(90deg, rgba(var(--debug-ui-primary-rgb), .12), transparent 17%, transparent 83%, rgba(var(--debug-ui-primary-rgb), .12)) 0 100% / 100% 1px no-repeat;box-shadow:inset 0 0 44px rgba(var(--debug-ui-primary-rgb), .025), 0 0 54px rgba(var(--debug-background-rgb), .24)}body[data-debug-colors] .main-menu-command-frame span{border-color:rgba(var(--debug-ui-primary-rgb), .72);filter:drop-shadow(0 0 10px rgba(var(--debug-ui-primary-rgb), .28))}body[data-debug-colors] .main-menu:before{border-color:rgba(var(--debug-ui-primary-rgb), .34);box-shadow:0 0 18px rgba(var(--debug-ui-primary-rgb), .08), inset 0 0 18px rgba(var(--debug-ui-primary-rgb), .03)}body[data-debug-colors] .main-menu:after{background:conic-gradient(from -8deg, transparent 0deg 18deg, rgba(var(--debug-ui-primary-rgb), .34) 18deg 19deg, transparent 19deg 64deg, rgba(var(--debug-ui-primary-rgb), .28) 64deg 65deg, transparent 65deg 136deg, rgba(var(--debug-ui-primary-rgb), .32) 136deg 137deg, transparent 137deg 214deg, rgba(var(--debug-ui-primary-rgb), .26) 214deg 215deg, transparent 215deg 292deg, rgba(var(--debug-ui-primary-rgb), .3) 292deg 293deg, transparent 293deg 360deg), repeating-conic-gradient(from -8deg, rgba(var(--debug-ui-primary-rgb), .08) 0deg .16deg, transparent .16deg 1.08deg)}body[data-debug-colors] .main-menu-header{color:var(--debug-ui-primary)}body[data-debug-colors] .main-menu-header:before{background:linear-gradient(90deg, transparent, rgba(var(--debug-text-rgb), .82))}body[data-debug-colors] .main-menu-header:after{background:linear-gradient(90deg, rgba(var(--debug-ui-primary-rgb), .82), transparent)}body[data-debug-colors] .main-menu-header h1{background:linear-gradient(90deg, rgba(var(--debug-text-rgb), .98) 0%, rgba(var(--debug-text-rgb), .96) 45%, rgba(var(--debug-ui-primary-rgb), .92) 100%);color:#0000;text-shadow:0 0 28px rgba(var(--debug-ui-primary-rgb), .26), 0 0 14px rgba(var(--debug-text-rgb), .12);-webkit-background-clip:text;background-clip:text}body[data-debug-colors] .mode-card{--mode-card-hatch:repeating-linear-gradient(135deg, rgba(var(--debug-grid-rgb), .2) 0 1px, transparent 1px 9px);border-color:rgba(var(--debug-ui-primary-rgb), .52);background:var(--mode-card-hatch), var(--debug-background);color:var(--debug-text);box-shadow:0 18px 36px rgba(var(--debug-background-rgb), .36), inset 0 1px 0 rgba(var(--debug-ui-primary-rgb), .08)}body[data-debug-colors] .mode-card:is(:hover,:focus-visible){--mode-card-hatch:repeating-linear-gradient(135deg, rgba(var(--debug-grid-rgb), .28) 0 1px, transparent 1px 9px)}body[data-debug-colors] .mode-card:before{border-color:rgba(var(--debug-ui-primary-rgb), .46);background:var(--debug-background)}body[data-debug-colors] .mode-card:after{border-color:rgba(var(--debug-ui-primary-rgb), .74)}body[data-debug-colors] .mode-card>svg,body[data-debug-colors] .mode-card span{color:rgba(var(--debug-ui-primary-rgb), .82)}body[data-debug-colors] .mode-card strong{color:rgba(var(--debug-text-rgb), .96)}body[data-debug-colors] .mode-card small{color:rgba(var(--debug-text-rgb), .62)}body[data-debug-colors] .main-menu-mode-dots span{border-color:rgba(var(--debug-ui-primary-rgb), .48);background:rgba(var(--debug-ui-primary-rgb), .08)}body[data-debug-colors] .main-menu-mode-dots span.is-active{background:rgba(var(--debug-ui-primary-rgb), .78);box-shadow:0 0 10px rgba(var(--debug-ui-primary-rgb), .36)}body[data-debug-colors] .main-menu-panel{border-color:rgba(var(--debug-ui-primary-rgb), .18);background:linear-gradient(180deg, rgba(var(--debug-ui-primary-rgb), .03), transparent 18%), linear-gradient(135deg, rgba(var(--debug-panel-rgb), .98), rgba(var(--debug-background-rgb), .96) 64%);color:var(--debug-text);box-shadow:0 18px 36px rgba(var(--debug-background-rgb), .36), inset 0 1px 0 rgba(var(--debug-ui-primary-rgb), .07), 0 0 18px rgba(var(--debug-ui-primary-rgb), .07)}body[data-debug-colors] .main-menu-panel strong,body[data-debug-colors] .main-menu-primary,body[data-debug-colors] .main-menu-back{color:var(--debug-ui-primary)}body[data-debug-colors] .main-menu-panel small,body[data-debug-colors] .enemy-team-picker span,body[data-debug-colors] .mission-preview strong,body[data-debug-colors] .multiplayer-room-card small,body[data-debug-colors] .multiplayer-room-card em,body[data-debug-colors] .multiplayer-room-list p{color:rgba(var(--debug-text-rgb), .78)}body[data-debug-colors] .enemy-team-picker button,body[data-debug-colors] .main-menu-panel>button:not(.main-menu-back),body[data-debug-colors] .multiplayer-join-actions button,body[data-debug-colors] .multiplayer-field input,body[data-debug-colors] .multiplayer-join-code,body[data-debug-colors] .multiplayer-join-code button,body[data-debug-colors] .multiplayer-room-code,body[data-debug-colors] .multiplayer-room-list-header button,body[data-debug-colors] .multiplayer-room-filters button,body[data-debug-colors] .multiplayer-room-card,body[data-debug-colors] .multiplayer-room-card button,body[data-debug-colors] .multiplayer-create-form,body[data-debug-colors] .multiplayer-create-actions button{border-color:rgba(var(--debug-ui-primary-rgb), .22);background-color:rgba(var(--debug-panel-rgb), .72);color:rgba(var(--debug-text-rgb), .92)}body[data-debug-colors] .main-menu-panel>button:not(.main-menu-back),body[data-debug-colors] .multiplayer-join-actions button,body[data-debug-colors] .enemy-team-picker button,body[data-debug-colors] .main-menu-primary{background:linear-gradient(180deg, rgba(var(--debug-ui-primary-rgb), .055), rgba(var(--debug-panel-rgb), .78))}body[data-debug-colors] .enemy-team-picker button.is-active,body[data-debug-colors] .main-menu-primary{border-color:rgba(var(--debug-ui-primary-rgb), .68);background:linear-gradient(90deg, rgba(var(--debug-ui-primary-rgb), .12), rgba(var(--debug-ui-primary-rgb), .035)), rgba(var(--debug-panel-rgb), .9);color:rgba(var(--debug-text-rgb), .98)}body[data-debug-colors] .main-menu-primary:before{background:linear-gradient(90deg, transparent, rgba(var(--debug-ui-primary-rgb), .18), transparent)}body[data-debug-colors] .mission-preview span,body[data-debug-colors] .mission-threat,body[data-debug-colors] .multiplayer-join-code,body[data-debug-colors] .multiplayer-room-code,body[data-debug-colors] .multiplayer-status,body[data-debug-colors] .multiplayer-room-card,body[data-debug-colors] .multiplayer-create-form{border-color:rgba(var(--debug-ui-primary-rgb), .18);background:rgba(var(--debug-panel-rgb), .56)}body[data-debug-colors] .mission-preview em,body[data-debug-colors] .mission-threat span,body[data-debug-colors] .mission-threat em,body[data-debug-colors] .multiplayer-field span,body[data-debug-colors] .multiplayer-room-code span,body[data-debug-colors] .multiplayer-room-list-header>span,body[data-debug-colors] .multiplayer-roster span,body[data-debug-colors] .multiplayer-manual-join summary{color:rgba(var(--debug-ui-primary-rgb), .72)}body[data-debug-colors] .mission-threat strong,body[data-debug-colors] .multiplayer-room-code strong,body[data-debug-colors] .multiplayer-room-card strong{color:rgba(var(--debug-text-rgb), .96)}body[data-debug-colors] .multiplayer-preview{border-color:rgba(var(--debug-grid-rgb), .22);background:linear-gradient(rgba(var(--debug-grid-rgb), .09) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--debug-grid-rgb), .08) 1px, transparent 1px);background-size:18px 18px}body[data-debug-colors] .multiplayer-preview span{border-color:rgba(var(--debug-ui-primary-rgb), .32);background:rgba(var(--debug-ui-primary-rgb), .08)}body[data-debug-colors] .main-menu-system-readout{color:rgba(var(--debug-ui-primary-rgb), .56)}body[data-debug-colors] .main-menu-system-readout:before{background:linear-gradient(90deg, transparent, rgba(var(--debug-ui-primary-rgb), .36))}body[data-debug-colors] .main-menu-system-readout:after{background:linear-gradient(90deg, rgba(var(--debug-ui-primary-rgb), .36), transparent)}body[data-debug-colors] .main-menu-system-readout span{text-shadow:0 0 10px rgba(var(--debug-ui-primary-rgb), .18)}body[data-debug-colors] .top-hud-item,body[data-debug-colors] .bottom-command-panel,body[data-debug-colors] .production-menu,body[data-debug-colors] .research-menu,body[data-debug-colors] .research-progress-panel,body[data-debug-colors] .match-result,body[data-debug-colors] .objective-guide,body[data-debug-colors] .midgame-checklist,body[data-debug-colors] .accessibility-status-panel,body[data-debug-colors] .keyboard-shortcuts,body[data-debug-colors] .control-group-slots,body[data-debug-colors] .spectator-tools,body[data-debug-colors] .priority-alert,body[data-debug-colors] .orientation-banner,body[data-debug-colors] .onboarding-hint,body[data-debug-colors] .placement-panel,body[data-debug-colors] .low-power-suggestion{border-color:rgba(var(--debug-ui-primary-rgb), .28);background-color:rgba(var(--debug-panel-rgb), .78);color:var(--debug-text)}body[data-debug-colors] .top-hud-item span,body[data-debug-colors] .top-hud-item em,body[data-debug-colors] .selection-status span,body[data-debug-colors] .selection-status small,body[data-debug-colors] .production-tip,body[data-debug-colors] .production-card span,body[data-debug-colors] .production-capacity,body[data-debug-colors] .research-card small,body[data-debug-colors] .research-progress-panel span,body[data-debug-colors] .match-result span,body[data-debug-colors] .match-result small,body[data-debug-colors] .match-timeline span,body[data-debug-colors] .accessibility-status-panel span,body[data-debug-colors] .objective-guide span,body[data-debug-colors] .midgame-checklist span,body[data-debug-colors] .keyboard-shortcuts,body[data-debug-colors] .control-group-slots span{color:rgba(var(--debug-text-rgb), .78)}body[data-debug-colors] .top-hud-item strong,body[data-debug-colors] .selection-status strong,body[data-debug-colors] .production-card strong,body[data-debug-colors] .research-card strong,body[data-debug-colors] .research-progress-panel strong,body[data-debug-colors] .match-result strong,body[data-debug-colors] .accessibility-status-panel strong,body[data-debug-colors] .objective-guide strong,body[data-debug-colors] .midgame-checklist strong{color:rgba(var(--debug-text-rgb), .96)}body[data-debug-colors] .action-button,body[data-debug-colors] .production-back,body[data-debug-colors] .production-card,body[data-debug-colors] .research-card,body[data-debug-colors] .restart-button,body[data-debug-colors] .research-cancel-button{border-color:rgba(var(--debug-ui-primary-rgb), .38);background:rgba(var(--debug-panel-rgb), .72);color:var(--debug-ui-primary)}body[data-debug-colors] .action-button.is-recommended,body[data-debug-colors] .production-back.is-recommended,body[data-debug-colors] .production-card.is-recommended:not(.is-disabled),body[data-debug-colors] .research-card.is-active,body[data-debug-colors] .production-recommendation,body[data-debug-colors] .result-cause-tags span,body[data-debug-colors] .match-advice span,body[data-debug-colors] .orientation-banner{border-color:rgba(var(--debug-warning-rgb), .74);background:rgba(var(--debug-warning-rgb), .09);color:rgba(var(--debug-warning-rgb), .96)}body[data-debug-colors] .production-card.is-disabled,body[data-debug-colors] .research-card.is-disabled,body[data-debug-colors] .action-button:disabled{border-color:rgba(var(--debug-neutral-rgb), .32);background:rgba(var(--debug-panel-rgb), .58);color:rgba(var(--debug-neutral-rgb), .62)}body[data-debug-colors] .match-result.is-loss,body[data-debug-colors] .selection-status.is-enemy,body[data-debug-colors] .research-lab-icon.is-enemy,body[data-debug-colors] .research-cancel-button,body[data-debug-colors] .priority-alert.is-danger{border-color:rgba(var(--debug-unit-red-rgb), .82);color:rgba(var(--debug-unit-red-rgb), .92)}body[data-debug-colors] .production-icon path,body[data-debug-colors] .production-icon polygon{fill:rgba(var(--debug-panel-rgb), .92);stroke:currentColor}body[data-debug-colors] .production-icon.is-unit path,body[data-debug-colors] .production-icon.is-unit polygon{fill:rgba(var(--debug-panel-rgb), .92);stroke:var(--debug-unit-blue)}body[data-debug-colors] .production-card.is-disabled .production-icon.is-unit path,body[data-debug-colors] .production-card.is-disabled .production-icon.is-unit polygon{stroke:rgba(var(--debug-neutral-rgb), .66)}body[data-debug-colors] .production-card-cooldown{background:rgba(var(--debug-warning-rgb), .72);box-shadow:0 0 10px rgba(var(--debug-warning-rgb), .22)}body[data-debug-colors] .selection-health{box-shadow:0 0 10px}body[data-debug-colors] .mission-threat-meter{border-color:rgba(var(--debug-ui-primary-rgb), .24);background:rgba(var(--debug-panel-rgb), .72)}body[data-debug-colors] .mission-threat-meter i{border-color:rgba(var(--debug-neutral-rgb), .28);background:rgba(var(--debug-neutral-rgb), .12)}body[data-debug-colors] .mission-threat-meter i.is-filled{border-color:rgba(var(--debug-warning-rgb), .74);background:linear-gradient(180deg, rgba(var(--debug-warning-rgb), .96), rgba(var(--debug-unit-red-rgb), .72));box-shadow:0 0 12px rgba(var(--debug-warning-rgb), .18)}@media (width<=560px){.debug-color-title{flex-direction:column;align-items:stretch}.debug-color-actions{justify-content:stretch}.debug-color-actions .settings-reset{flex:1 1 0}.debug-color-grid{grid-template-columns:1fr}}.settings-segmented{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.settings-segmented button{justify-content:center;align-items:center;gap:5px;min-height:36px;display:inline-flex}.settings-segmented button.is-active,.settings-reset:focus-visible,.settings-segmented button:focus-visible{color:#9feaf5;border-style:solid;border-color:#9feaf5ad;outline:none}.settings-checks{gap:7px;display:grid}.settings-lab-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.settings-checks label{justify-content:flex-start;min-height:36px}.settings-checks input,.settings-row input{accent-color:#9feaf5;flex:none;width:24px;height:24px}.settings-reset{justify-content:center;justify-self:stretch;align-items:center;gap:6px;min-height:40px;text-decoration:none;display:inline-flex}.settings-diagnostics{color:#d9f6fbc7;background:#9feaf50d;border:1px solid #9feaf52e;gap:4px;padding:7px;display:grid}.settings-diagnostics.is-error{color:#ffd2d8eb;background:#ef697614;border-color:#ef69765c}.settings-diagnostics.is-error button{min-height:36px;color:inherit;font:inherit;background:0 0;border:1px dotted}.low-power-suggestion{color:#f6df9cf5;background:#e0b74b14;border:1px solid #e0b74b47;align-items:flex-start;gap:7px;padding:7px;line-height:1.25;display:flex}.accessibility-status-panel{color:#d9f6fbd1;background:#03060980;border:1px solid #9feaf52e;gap:4px;padding:7px;line-height:1.25;display:grid}.accessibility-status-panel small{color:#d9f6fb94}.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}.reconnect-banner{z-index:14;left:50%;top:max(12px, env(safe-area-inset-top));color:#f6df9cf5;min-height:32px;font:900 10px/1 var(--ui-font);pointer-events:none;background:#030609cc;border:1px solid #e0b74b7a;align-items:center;gap:7px;padding:0 11px;display:inline-flex;position:absolute;transform:translate(-50%)}.pause-overlay{z-index:16;color:#d9f6fb;pointer-events:auto;background:#00000094;align-content:center;justify-items:center;gap:12px;padding:20px;display:grid;position:absolute;inset:0}.tutorial-choice-dialog{z-index:18;color:#d9f6fb;pointer-events:auto;background:#000000a3;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.tutorial-choice-panel{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,14px 100%,0 calc(100% - 14px));background:repeating-linear-gradient(135deg,#d9f6fb14 0 1px,#0000 1px 9px),#000;border:1px solid #93eff085;gap:12px;width:min(420px,100vw - 32px);padding:16px;display:grid;box-shadow:0 22px 54px #00000080}.tutorial-choice-panel strong{color:#9feaf5;font:900 16px/1.15 var(--ui-font)}.tutorial-choice-panel p{color:#d9f6fbb8;font:700 11px/1.5 var(--ui-font);margin:0}.tutorial-choice-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tutorial-choice-actions button{color:#9feaf5;min-height:42px;font:900 10px/1 var(--ui-font);background:#030609d6;border:1px solid #9feaf594;justify-content:center;align-items:center;gap:8px;display:inline-flex}.pause-overlay>strong{font-size:22px;line-height:1}.pause-actions,.exit-confirm{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pause-actions button,.exit-confirm button{color:#9feaf5;min-height:40px;font:800 10px/1 var(--ui-font);background:#030609d1;border:1px dotted #9feaf594;padding:0 11px}.exit-confirm{background:#030609e0;border:1px solid #ef697675;width:min(360px,100vw - 32px);padding:10px}.exit-confirm span{text-align:center;width:100%;font-size:10px}.help-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:min(680px,100vw - 32px);max-height:min(58dvh,430px);display:grid;overflow:auto}.help-sections article{background:#030609d1;border:1px solid #9feaf53d;gap:6px;padding:10px;display:grid}.help-sections article strong{color:#9feaf5;font-size:10px}.help-sections article span{color:#d9f6fbc7;font-size:9px;line-height:1.25}canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;width:100%;height:100%;display:block}.soundtrack-page{width:100vw;height:100dvh;padding:28px max(18px, env(safe-area-inset-right)) calc(42px + env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));color:#101010;-webkit-user-select:text;user-select:text;touch-action:pan-y;background:#f7f7f4;overflow:auto}.soundtrack-header{border-bottom:1px solid #101010;justify-content:space-between;align-items:flex-end;gap:18px;width:min(920px,100%);margin:0 auto 22px;padding-bottom:18px;display:flex}.soundtrack-header h1{color:#101010;font:700 32px/1.05 var(--ui-font);letter-spacing:0;margin:0}.soundtrack-header p{color:#101010;font:500 13px/1.2 var(--ui-font);margin:8px 0 0}.soundtrack-back{color:#101010;min-height:34px;font:700 11px/1 var(--ui-font);border:1px solid #101010;border-radius:6px;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.soundtrack-list{gap:10px;width:min(920px,100%);margin:0 auto;display:grid}.soundtrack-item{color:#101010;background:#fff;border:1px solid #101010;border-radius:8px;grid-template-columns:minmax(0,1fr) auto minmax(220px,280px);align-items:center;gap:18px;min-height:82px;padding:14px;display:grid}.soundtrack-item-copy{gap:5px;min-width:0;display:grid}.soundtrack-item-copy span,.soundtrack-item-copy code,.soundtrack-item-meta{color:#101010;font:600 11px/1.25 var(--ui-font)}.soundtrack-item-copy strong{color:#101010;font:700 16px/1.25 var(--ui-font);letter-spacing:0}.soundtrack-item-copy code{overflow-wrap:anywhere;font-family:var(--ui-font)}.soundtrack-item-meta{white-space:nowrap;justify-items:end;gap:4px;display:grid}.soundtrack-item audio{accent-color:#101010;width:100%;min-width:0}.sfx-lab-page{width:100vw;min-height:100dvh;padding:24px max(18px, env(safe-area-inset-right)) calc(34px + env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));color:#f0b36a;-webkit-user-select:text;user-select:text;touch-action:pan-y;background-color:#000;background-image:linear-gradient(#f0b36a17 1px,#0000 1px),linear-gradient(90deg,#f0b36a17 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:56px 56px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;overflow:visible}.sfx-lab-header,.sfx-lab-console{width:min(1120px,100%);margin-inline:auto}.sfx-lab-header{border-bottom:1px solid #f0b36a8f;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:18px;margin-bottom:18px;padding-bottom:18px;display:grid}.sfx-lab-header span{color:#f0b36ab8;font:700 10px/1 var(--ui-font)}.sfx-lab-header h1{color:#f0b36a;font:700 36px/.95 var(--ui-font);letter-spacing:0;margin:6px 0 0}.sfx-lab-page .soundtrack-back{color:#f0b36a;background:#000;border-color:#f0b36ab3}.sfx-lab-console{grid-template-columns:1fr;align-items:start;gap:14px;display:grid}.sfx-lab-local-samples{background:#030609eb;border:1px solid #f0b36a6b;border-radius:8px}.sfx-lab-controls{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.sfx-lab-controls label{grid-template-columns:72px minmax(0,1fr) 64px;align-items:center;gap:10px;min-width:0;display:grid}.sfx-lab-controls label:has(select){grid-template-columns:72px minmax(0,1fr)}.sfx-lab-controls span{color:#f0b36abd;font:800 10px/1 var(--ui-font)}.sfx-lab-controls output{color:#f0b36a;font:700 10px/1 var(--ui-font);text-align:right}.sfx-lab-controls input,.sfx-lab-controls select{accent-color:#f0b36a;min-width:0}.sfx-lab-controls select{color:#f0b36a;min-height:34px;font:700 11px/1 var(--ui-font);background:#000;border:1px solid #f0b36a6b;border-radius:6px;padding:0 9px}.sfx-lab-local-samples{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.sfx-lab-local-samples>div{grid-column:1/-1}.sfx-lab-local-samples>div,.sfx-lab-local-samples article{gap:8px;display:grid}.sfx-lab-local-samples>div{grid-template-columns:minmax(0,1fr) auto;align-items:center}.sfx-lab-local-samples article{background:#000;border:1px solid #f0b36a47;border-radius:6px;padding:10px}.sfx-lab-sample-group{align-content:start}.sfx-lab-sample-group-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.sfx-lab-sample-status{color:#f0b36ab8;min-height:24px;font:800 10px/1 var(--ui-font);background:#f0b36a14;border:1px solid #f0b36a57;border-radius:4px;justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.sfx-lab-sample-status.is-confirmed{color:#f0b36a;border-color:#f0b36ac7}.sfx-lab-sample-group-header>span:last-child{grid-column:1/-1}.sfx-lab-variant{border-top:1px solid #f0b36a29;grid-template-columns:minmax(170px,.45fr) minmax(52px,auto) minmax(0,1fr);align-items:center;gap:8px;padding-top:8px;display:grid}.sfx-lab-local-samples strong{color:#f0b36a;font:800 12px/1.2 var(--ui-font);letter-spacing:0}.sfx-lab-local-samples span,.sfx-lab-local-samples p{color:#f0b36aad;font:700 10px/1.35 var(--ui-font);margin:0}.sfx-lab-local-samples audio{accent-color:#f0b36a;width:100%}@media (width<=720px){.soundtrack-page{padding-top:18px}.soundtrack-header{flex-direction:column-reverse;align-items:flex-start}.soundtrack-header h1{font-size:28px}.soundtrack-item{grid-template-columns:1fr;gap:12px}.soundtrack-item-meta{grid-template-columns:repeat(2,max-content);justify-items:start;gap:10px}.sfx-lab-page{padding-top:18px}.sfx-lab-header{grid-template-columns:1fr;align-items:start}.sfx-lab-header h1{font-size:30px}.sfx-lab-console,.sfx-lab-controls{grid-template-columns:1fr}.sfx-lab-controls{grid-column:auto}.sfx-lab-controls label{grid-template-columns:58px minmax(0,1fr) 56px}.sfx-lab-local-samples,.sfx-lab-local-samples>div{grid-template-columns:1fr}}.gameplay-tip-ticker{z-index:2;height:calc(22px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);color:#e1ffffeb;pointer-events:none;background:linear-gradient(90deg,#93eff02e,#93eff014 22%,#030609bd 50%,#93eff014 78%,#93eff02e);border-top:1px solid #93eff061;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -8px 24px #93eff014}.gameplay-tip-track{will-change:transform;width:max-content;animation:54s linear infinite gameplay-tip-scroll;display:flex}.gameplay-tip-set{white-space:nowrap;align-items:center;gap:34px;padding-right:34px;display:flex}.gameplay-tip-set span{color:#e1fffff0;text-shadow:0 0 10px #93eff057;font:700 10px/1 var(--ui-font);letter-spacing:0}@keyframes gameplay-tip-scroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.battlefield-canvas.is-menu-preview{position:absolute;inset:0}.main-menu{z-index:5;padding:calc(max(24px, env(safe-area-inset-top)) + 4px) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));pointer-events:auto;background:0 0;align-content:end;justify-items:center;gap:10px;display:grid;position:absolute;inset:0;overflow-x:clip}.main-menu *{position:relative}.main-menu-edge-scrim{pointer-events:none;opacity:0;position:absolute}.main-menu-command-frame{z-index:1;pointer-events:none;background:linear-gradient(90deg,#93eff01f,#0000 17% 83%,#93eff01f) 0 0/100% 1px no-repeat,linear-gradient(90deg,#93eff01f,#0000 17% 83%,#93eff01f) 0 100%/100% 1px no-repeat;border:1px solid #93eff01a;width:min(624px,100vw - 34px);height:min(548px,100dvh - 92px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 44px #93eff006,0 0 54px #0000003d}.main-menu-command-frame span{filter:drop-shadow(0 0 10px #93eff047);border-color:#93eff0b8;width:28px;height:28px;position:absolute}.main-menu-command-frame span:first-child{border-top:2px solid;border-left:2px solid;top:-1px;left:-1px}.main-menu-command-frame span:nth-child(2){border-top:2px solid;border-right:2px solid;top:-1px;right:-1px}.main-menu-command-frame span:nth-child(3){border-bottom:2px solid;border-left:2px solid;bottom:-1px;left:-1px}.main-menu-command-frame span:nth-child(4){border-bottom:2px solid;border-right:2px solid;bottom:-1px;right:-1px}.main-menu:before,.main-menu:after{content:"";pointer-events:none;position:absolute}.main-menu:before{aspect-ratio:1;opacity:.82;border:1px solid #93eff057;border-radius:50%;width:min(548px,98vw);top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #93eff014,inset 0 0 18px #93eff008}.main-menu:after{aspect-ratio:1;opacity:.92;background:conic-gradient(from -8deg,#0000 0deg 18deg,#93eff057 18deg 19deg,#0000 19deg 64deg,#93eff047 64deg 65deg,#0000 65deg 136deg,#93eff052 136deg 137deg,#0000 137deg 214deg,#93eff042 214deg 215deg,#0000 215deg 292deg,#93eff04d 292deg 293deg,#0000 293deg 360deg),repeating-conic-gradient(from -8deg,#93eff014 0deg .16deg,#0000 .16deg 1.08deg);width:min(558px,100vw);top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1px) 100%,#0000);mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1px) 100%,#0000)}@media (width>=641px){.battlefield-canvas.is-menu-preview{pointer-events:none;width:100vw;max-width:none;height:100dvh;max-height:none;inset:0;transform:none}.main-menu-edge-scrim{opacity:1;background:0 0;width:min(440px,100vw - 24px);height:min(740px,100dvh - 24px);top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #0306093d,0 0 140px 48px #03060938}}.main-menu-header{z-index:2;top:calc(max(14px, env(safe-area-inset-top)) + 2px);text-align:center;color:#9feaf5;pointer-events:none;max-width:min(100%,100vw - 32px);padding:0;display:block;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.main-menu-header:before,.main-menu-header:after{content:"";opacity:.82;width:clamp(44px,8vw,88px);height:1px;position:absolute;top:50%}.main-menu-header:before{background:linear-gradient(90deg,#0000,#eef8ffd1);right:calc(100% + 14px)}.main-menu-header:after{background:linear-gradient(90deg,#93eff0d1,#0000);left:calc(100% + 14px)}.main-menu:has(.main-menu-modes) .main-menu-header{margin-bottom:0}.main-menu-header h1{font-size:clamp(24px,3.8vw,42px);line-height:1;font-family:var(--logo-font);letter-spacing:.22em;text-transform:uppercase;background:linear-gradient(90deg,#fffffffa 0%,#f4fbfffa 26%,#d4f5fff5 62%,#74e3ffeb 100%);color:#0000;text-shadow:0 0 28px #93eff042,0 0 14px #ffffff1f;white-space:nowrap;text-overflow:ellipsis;-webkit-background-clip:text;background-clip:text;max-width:100%;margin:0;font-weight:500;overflow:hidden}.main-menu-options{z-index:2;width:min(780px, calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));grid-template-columns:minmax(0,1fr);gap:12px;display:grid;position:relative}.main-menu-options.is-single{width:min(430px, calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)))}.main-menu-mode-stack{z-index:2;width:min(620px, calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));gap:10px;display:grid;position:relative}.main-menu-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mission-brief{color:#d9f6fb;background:linear-gradient(135deg,#e0b74b21,#030609d1 54%),#030609db;border:1px solid #e0b74bad;gap:6px;min-width:0;padding:12px 13px;display:grid;box-shadow:0 0 30px #e0b74b21,0 0 42px #9feaf50f}.mission-brief span,.mission-brief strong,.mission-brief small,.mission-rule{font:inherit;letter-spacing:0;line-height:1.24}.mission-brief span{color:#e0b74b;font-size:9px;font-weight:850}.mission-brief strong{color:#d9f6fb;font-size:15px;font-weight:850}.mission-brief small,.mission-rule{color:#d9f6fbbd;font-size:9px;font-weight:700}.mode-card{--mode-card-hatch:repeating-linear-gradient(135deg, #d9f6fb1c 0 1px, transparent 1px 9px);background:var(--mode-card-hatch), #000;color:#d9f6fb;text-align:left;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,14px 100%,0 calc(100% - 14px));border:1px solid #93eff033;align-content:end;gap:6px;min-width:0;min-height:112px;padding:13px;display:grid;box-shadow:0 16px 32px #00000057,inset 0 1px #93eff00f}.mode-card.is-local,.mode-card.is-online,.mode-card.is-tutorial{background:var(--mode-card-hatch), #000;border-color:#93eff085;box-shadow:0 18px 36px #0000005c,inset 0 1px #93eff014}.mode-card:is(:hover,:focus-visible){--mode-card-hatch:repeating-linear-gradient(135deg, #d9f6fb29 0 1px, transparent 1px 9px);outline:none}.mode-card:before{content:"";background:#000;border:1px solid #93eff033;width:30px;height:30px;position:absolute;top:13px;left:13px}.mode-card:after{content:"";border-top:2px solid #eef8ffd1;border-right:2px solid #eef8ffd1;width:34px;height:34px;position:absolute;top:0;right:0}.mode-card.is-primary{background:#000;border-color:#eef8ff3d;box-shadow:0 20px 38px #00000061,inset 0 1px #eef8ff0f}.mode-card.is-primary:before{background:#000;border-color:#eef8ff3d}.mode-card.is-local:before,.mode-card.is-online:before,.mode-card.is-tutorial:before{background:#000;border-color:#93eff075}.mode-card.is-online:after,.mode-card.is-tutorial:after{border-color:#93eff0bd}.mode-card.is-locked{opacity:.76}.mode-card>svg{color:#d6f4ffd1;position:absolute;top:20px;left:20px}.mode-card span,.mode-card strong,.mode-card small,.main-menu-back{font:inherit;letter-spacing:0;line-height:1}.mode-card span{color:#93eff0d1;font-size:10px;font-weight:850}.mode-card.is-online span,.mode-card.is-tutorial span{color:#93eff0d1}.mode-card strong{color:#f4fbfff5;font-size:16px;font-weight:850}.mode-card.is-primary strong{color:#f8fcfffa}.mode-card small{color:#d9f6fb8a;font-size:9px;font-weight:700;line-height:1.35}.main-menu-mode-dots{pointer-events:none;justify-content:center;gap:8px;height:9px;display:flex}.main-menu-mode-dots span{background:#93eff014;border:1px solid #93eff07a;align-self:center;width:4px;height:4px;transform:rotate(45deg)}.main-menu-mode-dots span.is-active{background:#93eff0c7;box-shadow:0 0 10px #93eff05c}.main-menu-panel{color:#d9f6fb;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,16px 100%,0 calc(100% - 16px));background:linear-gradient(#93eff008,#0000 18%),linear-gradient(135deg,#09111cfa,#050910f5 64%);border:1px solid #93eff02e;gap:14px;min-width:0;padding:14px;display:grid;box-shadow:0 18px 36px #00000057,inset 0 1px #93eff00d}.main-menu-back{color:#d9f6fbe0;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,8px 50%);background:#93eff00a;border:1px solid #93eff038;justify-self:start;align-items:center;gap:6px;min-height:40px;padding:0 10px;font-size:10px;font-weight:850;display:inline-flex}.main-menu-back .shortcut-badge{border-color:#93eff05c;min-width:24px}.main-menu-panel:not(.is-disabled){border-color:#93eff02e;box-shadow:0 18px 36px #0000005c,inset 0 1px #93eff012,0 0 18px #93eff012}.mission-rule{background:#e0b74b0e;border-left:2px solid #e0b74bb8;margin:-3px 0 0;padding:7px 9px}.main-menu-panel strong,.main-menu-panel small,.enemy-team-picker span,.mission-preview em,.mission-preview strong,.mission-threat span,.mission-threat strong,.mission-threat em,.main-menu-panel button{font:inherit;letter-spacing:0;line-height:1}.main-menu-panel strong{color:#9feaf5;margin-bottom:6px;font-size:13px;font-weight:850;display:block}.main-menu-panel small{color:#d9f6fbc7;font-size:10px;font-weight:700;line-height:1.25}.main-menu-panel.is-disabled{opacity:.64;background:linear-gradient(135deg,#9feaf50b,#030609b8 44%),#0306099e;border-style:dotted;align-content:start;overflow:hidden;box-shadow:inset 0 0 28px #9feaf50d}.enemy-team-picker{gap:8px;display:grid}.enemy-team-picker span{color:#eef8ffe6;font-size:10px;font-weight:800}.enemy-team-picker div{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.enemy-team-picker button,.main-menu-primary,.main-menu-panel.is-disabled button{color:#9feaf5;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%);background:linear-gradient(#93eff00a,#030609d1);border:1px solid #93eff033;min-height:42px;font-size:11px;font-weight:850}.enemy-team-picker button.is-active,.main-menu-primary{color:#f8fcfffa;background:linear-gradient(90deg,#eef8ff1f,#eef8ff09),#0c0f14e6;border-color:#eef8ffad}.main-menu-primary.is-secondary{color:#f6df9cf0;background:linear-gradient(90deg,#e0b74b1a,#e0b74b09),#0c0f14d6;border-color:#e0b74b75;min-height:38px}.enemy-team-picker button.is-active{animation:2.8s ease-in-out infinite menuSelectedPulse;box-shadow:0 0 16px #eef8ff24,inset 0 0 18px #eef8ff0a}.mission-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mission-preview span{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);background:linear-gradient(#93eff008,#03060980);border:1px solid #93eff029;gap:5px;min-width:0;padding:9px 8px;display:grid}.mission-preview em,.mission-threat span,.mission-threat em{color:#93eff0b8;font-size:9px;font-style:normal;font-weight:800}.mission-preview strong{color:#d9f6fbeb;font-size:10px;font-weight:850}.mission-threat{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);background:linear-gradient(90deg,#eef8ff0e,#03060942);border:1px solid #eef8ff29;grid-template-columns:auto minmax(96px,1fr) auto;align-items:center;gap:8px;min-height:30px;padding:7px 9px;display:grid}.mission-threat-meter{background:#03060985;border:1px solid #eef8ff24;grid-template-columns:repeat(9,minmax(0,1fr));gap:3px;min-width:0;height:14px;padding:2px;display:grid}.mission-threat-meter i{clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);background:#83a2aa1f;border:1px solid #83a2aa47;min-width:0;display:block}.mission-threat-meter i.is-filled{background:linear-gradient(#f7d35bf2,#ef6976b8);border-color:#e0b74bb8;box-shadow:0 0 12px #f7d35b2e}.main-menu-primary{justify-content:center;align-items:center;gap:8px;min-height:48px;display:flex;overflow:hidden;box-shadow:0 0 28px #eef8ff29,inset 0 1px #eef8ff12}.main-menu-primary:before{content:"";background:linear-gradient(90deg,#0000,#eef8ff2e,#0000);width:36%;animation:4.6s ease-in-out infinite menuCtaCharge;position:absolute;inset:0 auto 0 -45%;transform:skew(-18deg)}.main-menu-panel.is-disabled button{color:#d9f6fb8f;justify-content:center;align-items:center;gap:7px;display:flex}.multiplayer-lock{aspect-ratio:1;color:#eef8ffb8;background:#eef8ff0a;border:1px solid #eef8ff29;place-items:center;width:34px;display:grid}.multiplayer-preview{background-color:#0000;background-image:linear-gradient(#9feaf50a 1px,#0000 1px),linear-gradient(90deg,#9feaf509 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #9feaf51f;height:72px;overflow:hidden}.multiplayer-preview span{aspect-ratio:1;background:#9feaf514;border:1px solid #9feaf552;width:7px;position:absolute}.multiplayer-preview span:first-child{top:34%;left:22%}.multiplayer-preview span:nth-child(2){top:58%;left:56%}.multiplayer-preview span:nth-child(3){top:24%;right:18%}.multiplayer-field{gap:6px;display:grid}.multiplayer-field span,.multiplayer-room-code span{color:#93eff0b8;font-size:9px;font-weight:850}.multiplayer-field input{color:#eef8fff5;min-height:38px;font:inherit;background:#03080eb8;border:1px solid #93eff033;border-radius:0;outline:none;padding:0 10px;font-size:12px}.multiplayer-field input:focus{border-color:#eef8ff8c;box-shadow:0 0 14px #93eff01f}.multiplayer-join-code{background:#03080e85;border:1px solid #93eff024;gap:7px;padding:8px;display:grid}.multiplayer-join-code>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.multiplayer-join-code button{color:#d9f6fbdb;min-height:34px;font:inherit;background:#93eff00d;border:1px solid #93eff038;font-size:9px;font-weight:850}.multiplayer-join-code button:disabled{opacity:.48}.multiplayer-room-code,.multiplayer-status{background:#93eff00b;border:1px solid #93eff02e;gap:6px;padding:10px;display:grid}.multiplayer-room-code strong{color:#eef8fff5;letter-spacing:.08em;margin:0;font-size:18px}.room-share-card{color:#f6df9cf0;background:#e0b74b0e;border:1px solid #e0b74b42;justify-items:center;gap:6px;padding:8px;display:grid}.room-share-card>span{overflow-wrap:anywhere;color:#eef8ffe6;text-align:center;max-width:100%;font-size:9px}.room-share-card>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;display:grid}.room-share-card button{min-height:30px;color:inherit;font:800 9px/1 var(--ui-font);background:#0306098f;border:1px dotted;justify-content:center;align-items:center;gap:5px;display:inline-flex}.multiplayer-status{color:#ff788ceb;margin:0;font-size:11px;font-weight:800}.multiplayer-status span{color:#ffd2d8db;font-size:10px;line-height:1.25}.multiplayer-status button{min-height:40px;color:inherit;font:inherit;background:#0306099e;border:1px dotted}.multiplayer-room-list{gap:8px;display:grid}.multiplayer-room-list-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.multiplayer-room-list-header>span,.multiplayer-roster span,.multiplayer-manual-join summary{color:#93eff0b8;font-size:9px;font-weight:850}.multiplayer-room-list-header button{color:#d9f6fbd6;min-height:26px;font:inherit;background:#93eff009;border:1px solid #93eff02e;align-items:center;gap:5px;font-size:9px;font-weight:850;display:flex}.multiplayer-search{margin-top:2px}.multiplayer-room-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.multiplayer-room-filters button{color:#d9f6fbb8;min-height:30px;font:inherit;background:#93eff009;border:1px solid #93eff02b;font-size:8px;font-weight:850}.multiplayer-room-filters button.is-active{color:#eef8fff0;background:#93eff01c;border-color:#93eff07a}.multiplayer-room-card{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);background:#03080ea3;border:1px solid #93eff026;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:9px;display:grid}.multiplayer-room-card strong{color:#eef8fff0;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:11px;overflow:hidden}.multiplayer-room-card small,.multiplayer-room-card em,.multiplayer-room-list p{color:#d9f6fba8;margin:0;font-size:9px;font-style:normal;font-weight:750;line-height:1.25}.multiplayer-room-card em{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;display:block;overflow:hidden}.multiplayer-room-card>div:last-child{grid-template-columns:repeat(2,auto);gap:5px;display:grid}.multiplayer-room-card button{color:#eef8ffe6;min-height:28px;font:inherit;background:#93eff00a;border:1px solid #93eff033;font-size:9px;font-weight:850}.multiplayer-room-card button:disabled{opacity:.42}.multiplayer-manual-join{gap:8px;display:grid}.multiplayer-manual-join[open]{display:grid}.multiplayer-manual-join summary{cursor:pointer;list-style:none}.multiplayer-manual-join summary::-webkit-details-marker{display:none}.multiplayer-create-form{background:#03080e8f;border:1px solid #93eff029;gap:9px;padding:10px;display:grid}.multiplayer-create-actions{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.multiplayer-create-actions button{color:#eef8ffeb;min-height:40px;font:inherit;background:#93eff00b;border:1px solid #93eff038;justify-content:center;align-items:center;gap:7px;font-size:10px;font-weight:850;display:flex}.multiplayer-roster{grid-template-columns:auto minmax(0,1fr);gap:4px 8px;display:grid}.multiplayer-roster small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.main-menu-panel>button:not(.main-menu-back),.multiplayer-join-actions button{color:#eef8ffeb;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%);background:linear-gradient(#93eff00e,#030609c7);border:1px solid #93eff038;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:11px;font-weight:850;display:flex}.main-menu-panel>button:not(.main-menu-back):disabled,.multiplayer-join-actions button:disabled{opacity:.5}.multiplayer-join-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.main-menu-system-readout{z-index:2;left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));color:#93eff08f;pointer-events:none;justify-content:center;align-items:center;gap:10px;font-size:9px;font-weight:800;display:flex;position:absolute}.main-menu-system-readout:before,.main-menu-system-readout:after{content:"";background:linear-gradient(90deg,#0000,#93eff05c);width:min(92px,18vw);height:1px}.main-menu-system-readout:after{background:linear-gradient(90deg,#93eff05c,#0000)}.main-menu-system-readout span{text-shadow:0 0 10px #93eff02e;white-space:nowrap;padding:0 2px}@keyframes menuRadarSweep{0%{transform:rotate(-22deg)}to{transform:rotate(338deg)}}@keyframes menuOrbitPulse{0%,to{opacity:.28}50%{opacity:.62}}@keyframes menuContactBlink{0%,to{opacity:.3;transform:scale(.82)}50%{opacity:.95;transform:scale(1.1)}}@keyframes menuSelectedPulse{0%,to{border-color:#e0b74bbd}50%{border-color:#e0b74b}}@keyframes menuCtaCharge{0%,58%{left:-45%}to{left:112%}}@media (width<=640px){.audio-toggle{top:calc(max(10px, env(safe-area-inset-top)) + 2px);right:max(10px, env(safe-area-inset-right));border-radius:999px;justify-content:center;width:44px;min-height:44px;padding:0}.audio-toggle span{display:none}.settings-toggle{top:calc(max(12px, env(safe-area-inset-top)) + 52px);right:max(12px, env(safe-area-inset-right))}.quick-controls{top:calc(max(12px, env(safe-area-inset-top)) + 104px)}.quick-controls button{min-width:60px}.app-shell:has(.top-hud) .audio-toggle{top:calc(max(10px, env(safe-area-inset-top)) + 58px)}.app-shell:has(.top-hud) .settings-toggle{top:calc(max(12px, env(safe-area-inset-top)) + 108px)}.app-shell:has(.top-hud) .quick-controls{top:calc(max(12px, env(safe-area-inset-top)) + 158px)}.settings-panel{top:calc(max(12px, env(safe-area-inset-top)) + 124px);width:min(300px,100vw - 24px);max-height:calc(100dvh - 148px - env(safe-area-inset-bottom))}.main-menu{padding-top:calc(max(14px, env(safe-area-inset-top)) + 6px);padding-bottom:calc(max(16px, env(safe-area-inset-bottom)) + 10px);align-content:end;justify-items:stretch;gap:9px}.main-menu:before{width:min(430px,98vw)}.main-menu:after{width:min(440px,100vw)}.main-menu-header{top:calc(max(12px, env(safe-area-inset-top)) + 2px)}.main-menu:has(.main-menu-modes) .main-menu-header{margin-bottom:0}.main-menu-header h1{letter-spacing:.18em;font-size:clamp(20px,6vw,28px)}.main-menu-options{width:calc(100vw - 28px - env(safe-area-inset-left) - env(safe-area-inset-right));grid-template-columns:1fr;gap:10px}.main-menu-mode-stack{width:calc(100vw - 28px - env(safe-area-inset-left) - env(safe-area-inset-right))}.main-menu-modes{grid-template-columns:1fr;gap:8px}.mission-brief{padding:10px 11px}.mission-brief strong{font-size:12px}.mission-brief small{font-size:8px}.mode-card{min-height:104px;padding:11px}.mode-card:before{width:28px;height:28px;top:11px;left:11px}.mode-card>svg{top:18px;left:18px}.mode-card strong{font-size:13px}.mode-card small{display:none}.main-menu-panel{gap:11px;padding:13px}.main-menu-panel.is-disabled{gap:8px;padding:11px 13px}.enemy-team-picker div{gap:7px}.enemy-team-picker button,.main-menu-primary,.main-menu-panel.is-disabled button{min-height:44px}.mission-preview{gap:6px}.mission-preview span{padding:8px 7px}.mission-threat{grid-template-columns:auto minmax(0,1fr)}.mission-threat em,.multiplayer-preview{display:none}.main-menu-system-readout{justify-content:space-between;gap:8px;font-size:8px}}.top-hud{z-index:3;top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));color:#e0b74b;pointer-events:none;background:#030609c7;border:1px solid #e0b74b8c;grid-template-columns:1fr 1fr 1.05fr 1.2fr;align-items:center;gap:6px;max-width:920px;min-height:34px;margin:0 auto;padding:5px 10px;display:grid;position:absolute;box-shadow:0 0 20px #e0b74b1f}.top-hud.is-alert{color:#e0b74b;border-color:#e0b74be6;box-shadow:0 0 22px #e0b74b33}.top-hud-item{border-right:1px solid #e0b74b2e;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:22px;display:flex;overflow:hidden}.top-hud-item:last-child{border-right:0}.top-hud-item span,.top-hud-item strong,.top-hud-item em{white-space:nowrap;font-size:9px;font-style:normal;line-height:1}.top-hud-item strong{color:#f6df9c;font-size:11px}.top-hud-item em{color:#e0b74b}.top-hud-forces{gap:2px;display:grid}.top-hud-forces span{text-align:center}.multiplayer-commander-strip{z-index:3;top:calc(max(12px, env(safe-area-inset-top)) + 42px);left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));color:#e0b74b;pointer-events:none;grid-template-columns:auto 1fr;align-items:center;gap:8px;max-width:920px;margin:0 auto;display:grid;position:absolute}.multiplayer-commander-strip-label{letter-spacing:0;background:#030609b3;border:1px solid #e0b74b5c;padding:5px 7px;font-size:8px;font-weight:800;line-height:1}.multiplayer-commander-strip>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.multiplayer-commander-chip{background:#0306099e;border:1px solid #e0b74b47;grid-template-rows:1fr 1fr;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:6px;min-width:0;min-height:30px;padding:4px 6px;display:grid}.multiplayer-commander-chip strong{color:#f6df9c;text-align:center;border-right:1px solid #e0b74b38;grid-row:1/3;min-width:24px;padding-right:6px;font-size:10px;line-height:1}.multiplayer-commander-chip em,.multiplayer-commander-chip small{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-style:normal;line-height:1;overflow:hidden}.multiplayer-commander-chip em{color:#f6df9c;font-size:9px;font-weight:700}.multiplayer-commander-chip small{color:#b89447;font-size:8px}.multiplayer-commander-chip.is-local{background:#e0b74b14;border-color:#f6df9c9e}.multiplayer-commander-chip.is-defeated{opacity:.62}.risk-banner{z-index:3;left:50%;top:calc(max(12px, env(safe-area-inset-top)) + 84px);pointer-events:none;background:#030609c2;border:1px solid;justify-content:center;align-items:center;max-width:min(260px,100vw - 188px);min-height:32px;padding:8px 10px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;transform:translate(-50%)}.risk-banner.is-critical{color:#ef6976;box-shadow:0 0 22px #ef697624}.risk-banner.is-opportunity{color:#e0b74b;box-shadow:0 0 22px #e0b74b24}.priority-alert{z-index:4;left:50%;top:calc(max(12px, env(safe-area-inset-top)) + 80px);pointer-events:none;background:#030609d1;border:1px solid;justify-content:center;align-items:center;min-height:28px;padding:7px 11px;font-size:10px;font-weight:900;line-height:1;display:flex;position:absolute;transform:translate(-50%)}.priority-alert.is-critical{color:#ef6976;box-shadow:0 0 26px #ef697633}.priority-alert.is-warn{color:#e0b74b;box-shadow:0 0 26px #e0b74b29}.priority-alert.is-opportunity{color:#e0b74b;box-shadow:0 0 26px #e0b74b24}.command-banner{z-index:3;left:50%;top:calc(max(12px, env(safe-area-inset-top)) + 72px);color:#e0b74b;text-align:center;pointer-events:none;background:#030609b8;border:1px solid #e0b74ba3;place-items:center;gap:4px;max-width:min(480px,100vw - 24px);min-height:24px;padding:6px 10px;font-size:10px;font-weight:700;line-height:1.12;display:grid;position:absolute;transform:translate(-50%)}.command-banner strong,.command-banner small{font:inherit}.command-banner strong{color:inherit}.command-banner-meta{color:#f6df9cd6;font-size:9px;font-weight:700}.command-notice{z-index:4;left:50%;top:calc(max(12px, env(safe-area-inset-top)) + 104px);color:#e0b74b;pointer-events:none;background:#030609d1;border:1px solid #e0b74bb8;justify-content:center;align-items:center;min-height:26px;padding:7px 11px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 0 22px #e0b74b24}.command-notice.is-warn{color:#f4b4bc;border-color:#ef6976d1;box-shadow:0 0 22px #ef697629}.app-shell:has(.command-notice) .onboarding-hint{display:none}.objective-guide{z-index:3;left:max(12px, env(safe-area-inset-left));top:calc(max(12px, env(safe-area-inset-top)) + 96px);color:#f6df9cc7;pointer-events:none;background:#030609a3;border:1px solid #e0b74b47;gap:5px;width:min(218px,100vw - 24px);padding:8px;font-size:9px;font-weight:800;line-height:1.15;display:grid;position:absolute}.midgame-checklist{top:calc(max(12px, env(safe-area-inset-top)) + 154px);border-color:#e0b74b52}.objective-guide strong{color:#e0b74b;font-size:10px}.objective-guide span{align-items:center;gap:6px;display:flex}.objective-guide span em{color:#d9f6fb9e;border:1px solid #d9f6fb47;place-items:center;width:16px;height:16px;font-size:8px;font-style:normal;display:grid}.objective-guide span.is-current{color:#e0b74b}.objective-guide span.is-current em{color:currentColor;background:#e0b74b1a;border-color:currentColor}.command-ping{z-index:3;pointer-events:none;border:2px solid #e0b74b;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;animation:.92s ease-out both command-ping;position:absolute}.command-ping.is-waypoint{border-color:#e0b74b}@keyframes command-ping{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.25)}}.path-point-label{z-index:3;color:#e0b74b;min-width:20px;min-height:20px;font:900 10px/1 var(--ui-font);pointer-events:none;background:#030609c2;border:1px solid #e0b74bd1;place-items:center;margin:-10px 0 0 -10px;display:grid;position:absolute}.control-group-slots,.spectator-tools{z-index:3;left:max(12px, env(safe-area-inset-left));bottom:calc(max(12px, env(safe-area-inset-bottom)) + 92px + var(--gameplay-tip-ticker-offset));pointer-events:auto;flex-wrap:wrap;gap:6px;display:flex;position:absolute}.control-group-slots button,.spectator-tools button{color:#f6df9cd6;min-height:28px;font:800 9px/1 var(--ui-font);background:#030609a8;border:1px solid #e0b74b4d;align-items:center;gap:6px;padding:5px 7px;display:inline-flex}.spectator-tools button.is-active,.spectator-tools button:focus-visible{color:#e0b74b;border-color:#e0b74bb8;outline:none}.control-group-slots kbd{color:#e0b74b;border:1px solid #e0b74b6b;place-items:center;min-width:18px;min-height:18px;display:grid}.spectator-tools{right:calc(max(12px, env(safe-area-inset-right)) + 164px);left:auto;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 52px + var(--gameplay-tip-ticker-offset));grid-template-columns:1fr;align-content:end;width:min(360px,100vw - 24px);display:grid}.spectator-tools strong{color:#e0b74b;align-items:center;min-height:28px;font-size:9px;display:inline-flex}.spectator-camera-row{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.spectator-commander-board,.spectator-replay-feed{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030609b8;border:1px solid #e0b74b3d;gap:5px;padding:7px;display:grid}.spectator-commander{color:#f6df9cd6;min-height:28px;font:800 9px/1 var(--ui-font);grid-template-columns:8px minmax(0,1fr) auto auto auto auto;align-items:center;gap:6px;display:grid}.spectator-commander i{background:#e0b74b;border-radius:999px;width:8px;height:8px;box-shadow:0 0 10px}.spectator-commander span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spectator-commander strong{color:#e0b74b;min-height:auto;font-size:10px}.spectator-commander small{color:#f6df9ca3;font-size:8px}.spectator-commander.is-defeated{opacity:.58}.spectator-replay-feed strong{color:#e0b74bf5;min-height:auto}.spectator-replay-feed span{color:#f6df9cc7;font:800 9px/1.25 var(--ui-font);border-top:1px solid #e0b74b21;padding-top:5px}.placement-panel{z-index:4;left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));color:#e0b74b;pointer-events:auto;background:#030609d6;border:1px solid #e0b74bad;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;min-height:50px;padding:9px 10px;display:grid;position:absolute}.placement-panel.is-invalid{color:#f4b4bc;border-color:#ef6976bd}.placement-terrain{color:#e0b74b;font-weight:700}.placement-panel strong,.placement-panel span,.placement-panel button{font-size:10px;line-height:1}.placement-panel button{min-height:32px;color:inherit;font:inherit;background:#03060994;border:1px dotted;padding:6px 9px;font-weight:700}.onboarding-hint{z-index:3;color:#f6df9cdb;text-align:center;pointer-events:none;background:#030609a8;border:1px solid #e0b74b61;justify-content:center;align-items:center;width:max-content;max-width:min(420px,100vw - 24px);min-height:28px;padding:7px 10px;font-size:10px;line-height:1.15;display:flex;position:absolute;top:94px;left:50%;transform:translate(-50%)}.onboarding-hint.is-below-command-banner{top:144px}.selection-status{z-index:3;top:calc(max(12px, env(safe-area-inset-top)) + 82px);left:max(12px, env(safe-area-inset-left));color:#f6df9c;pointer-events:none;background:#030609bd;border:1px solid #e0b74b6b;gap:4px;width:142px;padding:6px 7px;display:grid;position:absolute}.selection-status.is-enemy{color:#f4b4bc;border-color:#ef69769e}.selection-status div:first-child,.selection-tag,.selection-health{grid-column:1/-1}.selection-status div:first-child{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.selection-status strong,.selection-status span,.selection-status small{font-size:8px;line-height:1}.selection-status strong{color:#e0b74b;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.selection-status.is-enemy strong{color:#f4b4bc}.selection-tag{color:#e0b74b;background:#e0b74b14;border:1px solid;width:max-content;max-width:100%;padding:2px 4px;font-size:7px}.selection-health{color:#e0b74b;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#000;border:1px solid #e0b74b57;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px #d9f6fb14,0 0 10px #e0b74b14}.selection-meta{grid-column:1/-1;gap:3px;min-width:0;display:grid}.selection-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selection-status.is-enemy .selection-health{color:#ef6976;border-color:#ef69766b}.selection-health:after{content:"";pointer-events:none;opacity:.72;background:repeating-linear-gradient(90deg,#0000 0 15px,#d9f6fb38 15px 17px);position:absolute;inset:1px 8px}.selection-health span{clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:repeating-linear-gradient(90deg,#0000 0 15px,#0000006b 15px 17px),currentColor;height:100%;display:block;box-shadow:0 0 10px}.action-panel,.production-menu,.research-menu,.research-progress-panel{z-index:2;pointer-events:auto;position:absolute}.action-panel{width:min(520px, calc(100vw - 224px - env(safe-area-inset-left) - env(safe-area-inset-right)));grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}.bottom-command-panel{z-index:3;left:50%;bottom:calc(max(10px, env(safe-area-inset-bottom)) + var(--gameplay-tip-ticker-offset));width:min(366px, calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)));pointer-events:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;position:absolute;transform:translate(-50%)}.bottom-command-panel[data-testid=multi-selection-panel]{grid-template-columns:repeat(3,minmax(0,1fr))}.keyboard-shortcuts{z-index:3;left:max(12px, env(safe-area-inset-left));bottom:calc(max(12px, env(safe-area-inset-bottom)) + var(--gameplay-tip-ticker-offset));color:#f6df9cbd;pointer-events:none;background:#03060994;border:1px solid #e0b74b3d;flex-flow:column;align-items:center;gap:6px;width:min(176px,100vw - 24px);max-width:min(176px,100vw - 24px);min-height:30px;padding:6px 8px;font-size:10px;font-weight:700;line-height:1.15;display:flex;position:absolute;overflow:hidden}.keyboard-shortcuts svg{color:#e0b74b}.keyboard-shortcuts kbd,.shortcut-badge{color:#f6df9cf5;min-width:18px;min-height:17px;font:800 9px/1 var(--ui-font);white-space:nowrap;background:#e0b74b1a;border:1px solid #e0b74b6b;border-radius:4px;place-items:center;padding:2px 4px;display:inline-grid}.keyboard-shortcuts span{overflow-wrap:anywhere;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px;width:100%;display:grid}@media (width<=640px){.app-shell:has(.action-panel){--gameplay-tip-ticker-offset:0px}:is(.app-shell:has(.action-panel) .objective-guide,.app-shell:has(.action-panel) .orientation-banner,.app-shell:has(.action-panel) .onboarding-hint,.app-shell:has(.action-panel) .gameplay-tip-ticker){display:none}.top-hud{grid-template-columns:1fr .72fr 1.05fr .88fr;gap:3px;padding:4px 6px}.top-hud-item{gap:3px}.top-hud-item span,.top-hud-item em{font-size:8px}.top-hud-item strong{font-size:10px}.match-counter{flex-direction:column;gap:2px}.multiplayer-commander-strip{top:calc(max(12px, env(safe-area-inset-top)) + 40px);grid-template-columns:1fr;gap:4px}.multiplayer-commander-strip-label{display:none}.multiplayer-commander-strip>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.multiplayer-commander-chip{column-gap:5px;min-height:26px;padding:3px 5px}.multiplayer-commander-chip strong{min-width:22px;font-size:9px}.multiplayer-commander-chip em{font-size:8px}.multiplayer-commander-chip small{font-size:7px}.multiplayer-chat{right:max(8px, env(safe-area-inset-right));width:min(290px, calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)))}.multiplayer-chat.is-playing{top:calc(max(12px, env(safe-area-inset-top)) + 112px)}.multiplayer-chat-log{max-height:108px}.multiplayer-chat-log p{font-size:9px}.multiplayer-chat-form input{height:34px;font-size:10px}.command-notice{top:auto;left:max(12px, env(safe-area-inset-left));bottom:calc(max(12px, env(safe-area-inset-bottom)) + 248px);min-height:22px;padding:5px 8px;font-size:9px;transform:none}.priority-alert{top:calc(max(12px, env(safe-area-inset-top)) + 128px);max-width:min(260px,100vw - 24px);font-size:9px}.objective-guide{top:calc(max(12px, env(safe-area-inset-top)) + 214px);width:min(196px,100vw - 24px)}.control-group-slots{display:none}.spectator-tools{left:max(12px, env(safe-area-inset-left));right:auto;bottom:calc(max(8px, env(safe-area-inset-bottom)) + var(--gameplay-tip-ticker-offset));width:min(236px,100vw - 24px)}.spectator-commander{grid-template-columns:8px minmax(0,1fr) auto}.spectator-commander small{display:none}.help-sections{grid-template-columns:1fr}.command-banner{top:calc(max(12px, env(safe-area-inset-top)) + 166px);width:min(366px,100vw - 24px);padding:6px 8px;font-size:9px}.placement-panel{grid-template-columns:1fr auto;gap:7px}.placement-terrain{justify-self:start}.selection-status{top:calc(max(12px, env(safe-area-inset-top)) + 84px);width:min(148px,100vw - 24px)}.onboarding-hint{top:calc(max(12px, env(safe-area-inset-top)) + 208px);max-width:min(366px,100vw - 24px)}.onboarding-hint.is-below-command-banner{top:calc(max(12px, env(safe-area-inset-top)) + 258px)}.action-panel{width:min(366px,100vw - 24px);max-width:calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.bottom-command-panel{bottom:calc(max(8px, env(safe-area-inset-bottom)) + var(--gameplay-tip-ticker-offset));left:max(12px, env(safe-area-inset-left));right:calc(156px + env(safe-area-inset-right));width:auto;max-width:none;transform:none}.keyboard-shortcuts,.shortcut-badge{display:none}.gameplay-tip-ticker{height:calc(20px + env(safe-area-inset-bottom))}.gameplay-tip-track{animation-duration:46s}.gameplay-tip-set{gap:28px;padding-right:28px}.gameplay-tip-set span{font-size:9px}.action-button{min-height:46px;padding:6px 4px;font-size:10px}.production-menu,.research-menu{width:min(366px, calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:min(31dvh,264px);padding-bottom:env(safe-area-inset-bottom);max-width:calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right))}.production-command-card,.research-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.production-card,.research-card{min-height:62px}}.action-button{color:#e0b74b;width:100%;min-height:42px;font:inherit;background:#030609c7;border:1px dotted #e0b74bb3;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex;box-shadow:0 0 18px #e0b74b1a}.action-button span{overflow-wrap:anywhere}.action-button .shortcut-badge{flex:none}.action-button:active,.action-button:focus-visible,.action-button.is-active,.production-back:active,.production-back:focus-visible{background:#e0b74b1a;border-style:solid;outline:none}.action-button.is-recommended,.production-back.is-recommended{color:#f7d35bfa;background:#f7d35b14;border-style:solid;border-color:#f7d35be0;animation:1.25s ease-in-out infinite recommended-control-pulse;box-shadow:0 0 22px #f7d35b2e}.action-button:disabled{color:#e0b74b6b;box-shadow:none;background:#03060985;border-color:#e0b74b3d}.production-menu{width:min(432px, calc(100vw - 264px - env(safe-area-inset-left) - env(safe-area-inset-right)));overscroll-behavior:contain;padding:8px 8px max(10px, env(safe-area-inset-bottom));background:#030609d6;border:1px solid #e0b74b57;overflow-y:hidden;box-shadow:0 -18px 42px #00000057,0 0 24px #e0b74b14}.research-menu{overscroll-behavior:contain;width:min(320px,100vw - 24px);max-height:min(100dvh - 340px,620px);padding-bottom:calc(var(--gameplay-tip-ticker-offset) + max(12px, env(safe-area-inset-bottom)));overflow-y:auto}:is(.app-shell:has(.action-panel) .gameplay-tip-ticker,.app-shell:has(.production-menu) .gameplay-tip-ticker,.app-shell:has(.research-menu) .gameplay-tip-ticker,.app-shell:has(.research-progress-panel) .gameplay-tip-ticker){display:none}:is(.app-shell:has(.pause-overlay) .top-hud,.app-shell:has(.pause-overlay) .selection-status,.app-shell:has(.pause-overlay) .action-panel,.app-shell:has(.pause-overlay) .bottom-command-panel,.app-shell:has(.pause-overlay) .keyboard-shortcuts,.app-shell:has(.pause-overlay) .gameplay-tip-ticker,.app-shell:has(.pause-overlay) .orientation-banner),:is(.app-shell:has(.match-result) .selection-status,.app-shell:has(.match-result) .action-panel,.app-shell:has(.match-result) .bottom-command-panel,.app-shell:has(.match-result) .keyboard-shortcuts,.app-shell:has(.match-result) .gameplay-tip-ticker,.app-shell:has(.match-result) .orientation-banner){opacity:0;pointer-events:none}@media (width<=640px){.production-menu,.research-menu{width:min(366px,100vw - 24px);max-height:min(31dvh,264px)}.production-menu{padding-bottom:max(10px, env(safe-area-inset-bottom))}.research-menu{padding-bottom:calc(var(--gameplay-tip-ticker-offset) + max(12px, env(safe-area-inset-bottom)))}.production-command-card .production-card{height:58px;min-height:58px}}.production-back{color:#e0b74b;width:100%;min-height:30px;font:inherit;background:#030609b8;border:1px dotted #e0b74b9e;justify-content:center;align-items:center;gap:7px;margin:0 0 6px;font-size:11px;font-weight:700;display:inline-flex}.production-back .shortcut-badge{border-color:#e0b74b80;flex:none;min-width:24px}.production-tip{color:#d9f6fbbd;text-align:center;margin:-2px 0 8px;font-size:9px;font-weight:700;line-height:1.2}.production-command-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.research-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.production-card,.research-card{color:#e0b74b;min-width:0;min-height:74px;font:inherit;text-align:center;background:#030609b8;border:1px dotted #e0b74b9e;grid-template-rows:auto 1fr auto;place-items:center;gap:4px;padding:7px 5px;display:grid;position:relative;box-shadow:0 0 18px #e0b74b14}.production-command-card .production-card{grid-template-rows:auto 1fr auto;gap:2px;height:76px;min-height:76px;padding:5px 4px;overflow:hidden}.production-card .shortcut-badge,.research-card .shortcut-badge{z-index:1;position:absolute;top:5px;left:5px}:is(.production-card:has(.shortcut-badge),.research-card:has(.shortcut-badge)){padding-top:22px}.production-command-card .production-card:has(.shortcut-badge){padding-top:18px}.production-card:active,.production-card:focus-visible,.research-card:active,.research-card:focus-visible{background:#e0b74b1a;border-style:solid;outline:none}.production-card.is-disabled,.research-card.is-disabled{color:#e0b74b6b;box-shadow:none;background:#03060994;border-color:#e0b74b3d}.production-card.is-empty{background:#0306093d;border-color:#e0b74b1f;display:none;box-shadow:inset 0 0 18px #e0b74b06}.production-card.is-filter,.production-card.is-back{color:#f6df9ce0;background:repeating-linear-gradient(135deg,#e0b74b14 0 1px,#0000 1px 7px),#030609bd;border-style:solid}.production-card.is-recommended:not(.is-disabled){border-style:solid;border-color:#f7d35bd1;animation:1.25s ease-in-out infinite recommended-control-pulse;box-shadow:0 0 20px #f7d35b1f}@keyframes recommended-control-pulse{0%,to{box-shadow:0 0 16px #f7d35b1f}50%{box-shadow:0 0 28px #f7d35b57}}.research-card.is-active{color:#f7d35bf5;border-style:solid;border-color:#f7d35bd1}.research-card.is-complete{color:#e0b74bb8;border-style:solid;border-color:#e0b74b70}.research-card .research-icon{color:currentColor;filter:drop-shadow(0 0 8px #e0b74b3d)}.production-recommendation{color:#f7d35beb;background:#f7d35b1a;border:1px solid #f7d35b94;padding:2px 4px;font-size:8px;font-weight:800;line-height:1;position:absolute;top:5px;right:5px}.production-card-cooldown{transform-origin:0;background:#e0b74bb8;width:100%;height:3px;min-height:0;position:absolute;bottom:0;left:0;right:auto;box-shadow:0 0 10px #e0b74b38}.production-card span,.research-card span{min-height:17px;font-size:9px;line-height:1.08}.production-capacity{color:#d9f6fba8;min-height:12px;font-size:7px;font-weight:700;line-height:1.05}.production-command-card .production-capacity{display:none}.research-card small{color:#d9f6fbad;min-height:24px;font-size:7.5px;font-weight:650;line-height:1.18;display:block}.production-card .production-card-cooldown{min-height:0;font-size:0;line-height:0}.production-card strong,.research-card strong{font-size:11px;font-weight:700}.production-card em,.research-card em{color:#e0b74be6;font-size:8px;font-style:normal;line-height:1}.production-command-card .production-card span{max-width:100%;min-height:12px;font-size:8px;line-height:1;overflow:hidden}.production-command-card .production-card em{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:7px;overflow:hidden}.production-command-card .production-card strong{font-size:9px}.research-progress-panel{color:#e0b74b;background:#030609d1;border:1px solid #e0b74bc2;grid-template-columns:auto 1fr;align-items:center;gap:8px;width:min(220px,100vw - 24px);padding:9px;display:grid;box-shadow:0 0 20px #e0b74b21}.research-progress-panel div{gap:3px;min-width:0;display:grid}.research-progress-panel strong,.research-progress-panel span,.research-cancel-button{font:inherit;font-size:10px;font-weight:700;line-height:1}.research-progress-panel span{color:#d9f6fbc7}.research-cancel-button{color:#f4b4bc;background:#ef697614;border:1px dotted #ef6976bd;grid-column:1/-1;min-height:34px}.research-lab-icon{z-index:2;color:#e0b74b;pointer-events:none;background:#0306097a;border:1px solid #e0b74bad;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px #e0b74b2e}.research-lab-icon.is-enemy{color:#ef6976;border-color:#ef6976a8;box-shadow:0 0 18px #ef69762e}.production-icon{pointer-events:none;width:42px;height:30px;overflow:visible}.production-command-card .production-icon{width:32px;height:22px}.production-icon path,.production-icon polygon{fill:#030609eb;stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none}.match-result{z-index:4;color:#d9f6fb;pointer-events:auto;background:#030609e0;border:1px solid #9feaf5b8;justify-items:center;gap:8px;width:min(280px,100vw - 40px);max-height:calc(100dvh - 32px);padding:18px 16px;display:grid;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 0 36px #9feaf52e}.match-result strong{font-size:24px;line-height:1}.match-result span,.match-result small{font-size:12px}.match-result.is-win{border-color:#9feaf5e6}.match-result.is-loss{color:#f4b4bc;border-color:#ef6976d9}@media (width<=640px){.match-result{top:max(54px, calc(env(safe-area-inset-top) + 12px));bottom:max(12px, env(safe-area-inset-bottom));gap:6px;width:min(320px,100vw - 24px);max-height:none;padding:14px 12px;transform:translate(-50%)}.match-result strong{font-size:22px}.match-result-actions{gap:6px}}.match-result-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:100%;display:grid}.match-result-summary span{text-align:center;background:#9feaf50f;border:1px solid #9feaf52e;justify-content:center;align-items:center;min-height:24px;padding:4px 5px;font-size:9px;display:flex}.result-cause-tags{flex-wrap:wrap;justify-content:center;gap:5px;width:100%;display:flex}.result-cause-tags span{color:#f6df9cf5;background:#e0b74b14;border:1px solid #e0b74b3d;justify-content:center;align-items:center;min-height:24px;padding:4px 7px;font-size:9px;font-weight:900;display:inline-flex}.match-advice,.match-timeline{gap:5px;width:100%;display:grid}.match-advice span,.match-timeline span{color:#f6df9ceb;text-align:center;background:#e0b74b0f;border:1px solid #e0b74b38;padding:5px 6px;font-size:9px;line-height:1.2}.match-timeline span{color:#d9f6fbd1;background:#9feaf50d;border-color:#9feaf52e}.replay-lite-timeline strong{color:#e0b74bf5;font-size:9px}.match-result-actions{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.restart-button{min-width:86px;min-height:36px;color:inherit;font:inherit;background:#030609b8;border:1px dotted;font-size:12px;font-weight:700}.restart-button:active,.restart-button:focus-visible{background:#9feaf51a;border-style:solid;outline:none}.app-shell.is-large-ui .action-button{min-height:50px;font-size:13px}.app-shell.is-large-ui .production-card,.app-shell.is-large-ui .research-card{min-height:84px;font-size:12px}.app-shell.is-large-ui .top-hud-item span,.app-shell.is-large-ui .top-hud-item em,.app-shell.is-large-ui .settings-panel,.app-shell.is-large-ui .keyboard-shortcuts{font-size:11px}.app-shell.is-reduced-motion *,.app-shell.is-reduced-motion :before,.app-shell.is-reduced-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.app-shell.is-low-power .gameplay-tip-ticker,.app-shell.is-low-power .main-menu-command-frame{display:none}.app-shell.is-low-power *,.app-shell.is-low-power :before,.app-shell.is-low-power :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.app-shell.is-colorblind .top-hud-item,.app-shell.is-colorblind .action-button,.app-shell.is-colorblind .production-card,.app-shell.is-colorblind .research-card,.app-shell.is-colorblind .keyboard-shortcuts,.app-shell.is-colorblind .settings-panel{border-color:#4cc9f070}.app-shell.is-colorblind .risk-banner.is-critical,.app-shell.is-colorblind .match-result.is-loss,.app-shell.is-colorblind .selection-status.is-enemy{color:#ffda7bf5;border-color:#ffb000db}.app-shell.is-colorblind .action-button.is-recommended,.app-shell.is-colorblind .production-card.is-recommended:not(.is-disabled),.app-shell.is-colorblind .production-recommendation{color:#ffda7bfa;border-color:#ffb000d1}