@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Barlow:wght@400;500;600;700&family=Oxanium:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";.modal.settings-modal{flex-direction:column;width:970px;height:min(790px,100dvh - 122px);max-height:none;padding:0;display:flex;overflow:hidden}.settings-header{border-bottom:1px solid var(--line);background:#1d3239;justify-content:space-between;align-items:center;height:94px;min-height:94px;padding:20px 30px;display:flex}.settings-kicker{color:#9aafa9;letter-spacing:.3px;font-size:10px}.settings-header h2{letter-spacing:.2px;margin:7px 0 0;font:500 36px/1 Barlow Condensed,sans-serif}.settings-close{color:#b5c8bd;border:1px solid #a1b7a930;width:34px;height:34px;font-size:24px;line-height:1}.settings-layout{flex:1;min-height:0;display:flex}.settings-nav{border-right:1px solid var(--line);background:#14282f;flex-direction:column;gap:7px;width:186px;min-width:186px;padding:24px 12px;display:flex}.settings-nav>button{text-align:left;color:#98b0ad;border:1px solid #0000;align-items:center;gap:11px;min-height:46px;padding:13px 10px;font-size:12px;display:flex}.settings-nav>button svg{flex-shrink:0;width:21px;height:21px}.settings-nav>button i{color:#799c92;opacity:0;margin-left:auto;font-size:18px;font-style:normal}.settings-nav>button[aria-current=page]{color:#efc78f;background:#d6bc8510;border-color:#d6bc853a;box-shadow:inset 2px 0 #e6bd7a}.settings-nav>button[aria-current=page] i{opacity:1;color:#efc78f}.settings-nav-note{color:#749491;margin-top:auto;padding:24px 12px 6px;font:400 22px/1.16 Barlow Condensed,sans-serif}.settings-nav-note>span{color:#6e8d8e;max-width:110px;margin-top:13px;font:10px/1.6 Barlow,sans-serif;display:block}.settings-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#78978b55 transparent;flex:1;min-width:0;padding:25px 28px 30px;overflow-y:auto}.settings-section-title{margin-bottom:22px}.settings-section-title h3{letter-spacing:.2px;color:#e5e7d9;margin:0 0 7px;font:500 25px/1.15 Barlow Condensed,sans-serif}.settings-section-title p{color:#97afa9;margin:0;font-size:11px;line-height:1.6}.keyboard-board{background:#10252d;border:1px solid #8bab9b2b;padding:14px 18px 17px;box-shadow:inset 0 1px 12px #081d2522}.keyboard-legend{color:#a2b5ae;align-items:center;gap:18px;margin-bottom:17px;font-size:9px;display:flex}.keyboard-legend>span{align-items:center;gap:6px;display:flex}.keyboard-legend i{width:6px;height:6px;display:block}.keyboard-legend .camera{background:#97cfc6}.keyboard-legend small{color:#668983;margin-left:auto;font-size:8px}.keyboard-row{gap:5px;margin-bottom:6px;display:flex}.keyboard-row.row-1{padding-left:2.5%}.keyboard-row.row-2{padding-left:7.5%}.keyboard-key{color:#bfd7cb;background:#223b42;border:1px solid #7caaa459;border-bottom:3px solid #567d7870;border-radius:3px;flex-direction:column;flex:0 0 calc(10% - 4.5px);justify-content:center;align-items:center;gap:4px;height:46px;transition:background .14s,transform .14s;display:flex;position:relative;box-shadow:0 2px #071b22}.keyboard-key strong{font:500 16px/1 Barlow,sans-serif}.keyboard-key span{color:#90b9b0;font-size:7px;line-height:1}.keyboard-key.orders{color:#f1cf95;background:#473f32;border-color:#bbaa756b #bbaa756b #7a684b}.keyboard-key.unassigned strong{font-size:14px}.keyboard-key:hover:not(:disabled){background:#53736a44;border-color:#c2e2ce}.keyboard-key.orders:hover:not(:disabled){background:#86734b55;border-color:#f2cb8b}.keyboard-key.listening{background:#80705155;border-color:#f6daa2;box-shadow:0 0 0 2px #e2b66e33}.keyboard-bottom{margin-bottom:0;padding-left:7.5%}.keyboard-bottom .space-key{flex-direction:row;flex-basis:calc(40% - 3px);gap:13px;height:36px}.keyboard-bottom .keyboard-key{height:36px}.keyboard-bottom .delete-key{flex-direction:row;flex-basis:calc(20% - 4px);gap:7px}.keyboard-bottom .keyboard-key>strong{font-size:12px}.binding-prompt{color:#9eb7aa;z-index:1;background:#77998909;border-left:2px solid #75958955;justify-content:space-between;align-items:center;gap:10px;min-height:44px;margin:11px 0 15px;padding:7px 11px;font-size:10px;line-height:1.5;display:flex;position:sticky;top:-25px}.binding-prompt.is-listening{color:#e3cfaa;background:#2c3731;border-color:#edbf77;box-shadow:0 4px 15px #11282c99}.binding-prompt b{color:#f5dcad;font-weight:500}.binding-prompt>button{white-space:nowrap;padding:6px 8px;font-size:9px}.binding-prompt kbd{margin-left:6px;font-size:7px}.prompt-dot{background:#94c5ac;border-radius:50%;flex-shrink:0;width:4px;height:4px}.binding-columns{grid-template-columns:1fr 1fr;gap:28px;display:grid}.settings-body h4{letter-spacing:.2px;color:#bed0be;margin:0 0 12px;font-size:11px;font-weight:500}.binding-row{color:#a2bab3;border-bottom:1px solid #9fbba113;justify-content:space-between;align-items:center;gap:12px;height:39px;padding:4px 0;font-size:11px;display:flex}.binding-row.active{color:#f0cc95}.binding-key{color:#b5dace;background:#29454a;border:1px solid #6d948e80;border-bottom-width:2px;border-radius:3px;min-width:35px;height:26px;padding:3px 8px;font-size:11px;box-shadow:0 1px #0c2229}.binding-key.orders{color:#edd0a0;background:#413a2e;border-color:#ad95675c}.binding-key:hover:not(:disabled){background:#5e7e6655;border-color:#aad8c3}.custom-binding{vertical-align:middle;background:#e9c48b;border-radius:50%;width:4px;height:4px;margin-left:7px;display:inline-block}.fixed-controls{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.fixed-controls h4{justify-content:space-between;display:flex}.fixed-controls h4>span{color:#809c95;font-size:9px;font-weight:400}.fixed-control-grid{grid-template-columns:1fr 1fr;column-gap:28px;display:grid}.fixed-control-grid p{color:#849f98;justify-content:space-between;align-items:center;gap:8px;min-height:30px;margin:0;font-size:9px;display:flex}.fixed-control-grid kbd{color:#a6b6a7;white-space:nowrap;background:0 0;border-color:#72968b26;padding:3px 5px;font-size:8px}.settings-footer{border-top:1px solid var(--line);background:#193037;justify-content:space-between;align-items:center;gap:20px;min-height:73px;padding:15px 24px;display:flex}.settings-footer .primary{flex-shrink:0;width:112px;padding:11px 15px;font-size:11px}.settings-footer .primary span{font-size:15px}.settings-reset{color:#a2b8ad;white-space:nowrap;border:0;padding:8px 0;font-size:10px}.settings-reset:hover:not(:disabled){color:#e8c68f;background:0 0}.settings-footer #settings-status{color:#7fa895;text-align:right;max-width:340px;margin-left:auto;font-size:9px;line-height:1.5}.settings-footer #settings-status.is-error{color:#efac89}.preference-section+.preference-section{margin-top:26px}.preference-section h4{border-bottom:1px solid var(--line);color:#b9cfbd;margin-bottom:0;padding-bottom:12px}.preference-row{border-bottom:1px solid #98b59b16;justify-content:space-between;align-items:center;gap:22px;min-height:77px;padding:15px 0;display:flex}.preference-row label,.quality-heading label{color:#dce3d2;font-size:12px;font-weight:500;display:block}.preference-row p,.quality-heading p{color:#8fa9a0;max-width:300px;margin:5px 0 0;font-size:10px;line-height:1.6}.preference-row select{color:#c8d5c3;cursor:pointer;background:#10272e;border:1px solid #72958b66;border-radius:0;max-width:190px;padding:10px 12px;font:11px Barlow,sans-serif}.preference-row select:focus-visible{outline-offset:3px;outline:2px solid #dabc83}.preference-row select option{color:#dbe1ce;background:#1b3339}.setting-switch{background:#101f27;border:1px solid #647d7799;border-radius:12px;width:39px;min-width:39px;height:22px;padding:3px;display:block;position:relative}.setting-switch>span{background:#728d86;border-radius:50%;width:14px;height:14px;transition:transform .15s,background .15s;display:block}.setting-switch[aria-checked=true]{background:#668e7344;border-color:#8dc5a777}.setting-switch[aria-checked=true]>span{background:#c1d8ac;transform:translate(16px)}.setting-switch:hover:not(:disabled){background:#54796633;border-color:#bfdfb5}.slider-row{min-height:98px}.range-control{flex-direction:column;align-items:flex-end;gap:7px;width:200px;min-width:170px;display:flex}.range-control output{color:#edcc92;font-variant-numeric:tabular-nums;font:500 20px/1 Barlow Condensed,sans-serif}.range-control input{accent-color:#e7bd7f;cursor:ew-resize;width:100%;height:14px;margin:0}.range-control input:focus-visible{outline-offset:5px;outline:2px solid #e7bd7f}.range-control>div{color:#6f9087;justify-content:space-between;width:100%;font-size:8px;display:flex}.quality-heading{margin:20px 0 16px}.quality-heading p{max-width:none}.quality-options{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:7px;display:grid}.quality-option{text-align:left;background:#163039;border:1px solid #748f8144;flex-direction:column;gap:6px;min-width:0;padding:16px 13px 13px;display:flex;position:relative}.quality-option[aria-pressed=true]{background:#3b3e3033;border-color:#c7a66caa}.quality-option strong{color:#e2e4d1;font-size:12px;font-weight:500}.quality-option small{color:#839f94;min-height:14px;font-size:9px;line-height:1.5}.quality-option b{color:#a6b8a1;border-top:1px solid #779b7626;justify-content:space-between;margin-top:9px;padding-top:9px;font-size:10px;font-weight:400;display:flex}.quality-option[aria-pressed=true] b{color:#efd096}.quality-option b i{font-style:normal}.quality-swatch{color:#87a395;align-items:end;gap:2px;width:70px;height:48px;margin-bottom:7px;display:flex;transform:skewY(-9deg)}.quality-swatch i{background:currentColor;border-top:3px solid #d7d5af77;flex:1;display:block}.quality-swatch i:first-child{height:11px}.quality-swatch i:nth-child(2){height:22px}.quality-swatch i:nth-child(3){height:35px}.quality-swatch i:nth-child(4){height:43px}.quality-swatch i:nth-child(5){height:28px}.quality-swatch i:nth-child(6){height:17px}.quality-swatch.performance{filter:blur(.6px);color:#67877b}.quality-swatch.sharp{color:#afc6a2}.quality-option[aria-pressed=true] .quality-swatch{color:#d3b982}.fullscreen-button{color:#b6c7b1;white-space:nowrap;padding:9px 12px;font-size:10px}.fullscreen-button span{vertical-align:middle;margin-left:9px;font-size:17px}@media (max-height:830px){.modal.settings-modal{height:calc(100dvh - 90px)}.settings-header{height:78px;min-height:78px;padding:15px 25px}.settings-header h2{font-size:31px}.settings-body{padding-top:21px}.settings-footer{min-height:65px;padding-block:12px}.launch-settings{padding-top:10px;font-size:10px}.binding-prompt{top:-21px}}@media (max-width:1000px){.settings-nav{width:156px;min-width:156px;padding:20px 8px}.settings-nav>button{gap:8px;padding-inline:9px;font-size:11px}.settings-nav-note{padding-inline:10px;font-size:21px}.settings-body{padding:22px}.binding-columns,.fixed-control-grid{gap:20px}.settings-section-title h3{font-size:23px}.settings-footer{gap:14px;padding-inline:20px}}@media (max-width:740px){.modal.settings-modal{width:100%;height:calc(100dvh - 90px)}.settings-layout{flex-direction:column}.settings-nav{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;gap:7px;width:100%;min-width:0;padding:8px 15px}.settings-nav>button{flex:1;justify-content:center;gap:7px;min-height:37px;padding:8px;font-size:10px}.settings-nav>button svg{width:17px;height:17px}.settings-nav>button i,.settings-nav-note{display:none}.settings-nav>button[aria-current=page]{box-shadow:inset 0 -2px #e6bd7a}.settings-header{height:71px;min-height:71px;padding:14px 20px}.settings-header h2{font-size:29px}.settings-kicker{font-size:9px}.settings-body{padding:20px}.settings-section-title{margin-bottom:18px}.settings-footer{flex-wrap:wrap;gap:12px;min-height:70px;padding:12px 16px}.settings-footer #settings-status{text-align:left;order:3;width:100%;max-width:none;min-height:14px;margin:0;font-size:8px}.settings-footer .primary{width:93px;margin-left:auto;padding:9px 13px}.keyboard-key{height:42px}.keyboard-key span{font-size:6px}.keyboard-board{padding:12px}.keyboard-key strong{font-size:14px}.binding-columns{gap:20px}.binding-row{font-size:10px}.fixed-control-grid{grid-template-columns:1fr}.preference-row p{max-width:235px}.range-control{width:165px;min-width:130px}.quality-option{padding:13px 10px}.quality-option small{font-size:8px}}@media (max-width:460px){.settings-body{padding:17px 14px}.settings-section-title h3{font-size:21px}.settings-section-title p{font-size:10px}.keyboard-board{padding:10px 8px}.keyboard-key{gap:3px;height:35px}.keyboard-key span{font-size:5px}.keyboard-key strong{font-size:12px}.keyboard-key.unassigned strong{font-size:11px}.keyboard-legend{gap:11px;margin-bottom:11px;font-size:8px}.keyboard-legend small{font-size:6px}.keyboard-bottom .keyboard-key{height:30px}.keyboard-bottom .keyboard-key>strong{font-size:10px}.binding-columns{gap:14px}.binding-row{gap:5px;font-size:9px}.binding-key{min-width:29px;padding:3px 6px;font-size:10px}.binding-prompt{margin-bottom:14px;font-size:9px;top:-17px}.settings-body h4{font-size:10px}.preference-row{gap:12px}.preference-row label{font-size:11px}.preference-row p{max-width:170px;font-size:9px}.range-control{width:105px;min-width:105px}.range-control output{font-size:18px}.preference-row select{max-width:140px;padding:9px 7px;font-size:10px}.quality-options{gap:6px}.quality-option{padding:12px 8px}.quality-option strong{font-size:10px}.quality-option small{min-height:24px;font-size:7px}.quality-swatch{width:51px;height:44px}.fullscreen-button{padding:8px;font-size:9px}.settings-nav{gap:4px;padding:7px 9px}.settings-nav>button{gap:5px;font-size:9px}.settings-nav>button svg{width:15px;height:15px}}@media (prefers-reduced-motion:reduce){.setting-switch>span,.keyboard-key{transition:none}}.audio-pack-status{color:var(--muted);font-size:12px;line-height:1.5}:root{color:#e7eeea;font-synthesis:none;background:#203139;font-family:Barlow,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}html,body{touch-action:pan-x pan-y;overscroll-behavior:none}#battlefield,#hud,#minimap{-webkit-touch-callout:none}#hud #minimap{touch-action:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:1px solid var(--line);background:0 0;border-radius:3px;transition:background .12s,border-color .12s,color .12s}button:hover:not(:disabled):not([aria-disabled=true]){background:#b1cbc513;border-color:#a5c0b780}button:disabled,button[aria-disabled=true]{cursor:default;color:#7f9797}button:focus-visible,a:focus-visible,canvas:focus-visible,[tabindex]:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:active:not(:disabled):not([aria-disabled=true]){background:#c3d6cd20}button svg{pointer-events:none}.hidden{display:none!important}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:0 6px 18px #07161d18}.eyebrow{color:var(--muted);font-size:10px;font-weight:500}.amber{color:var(--accent)}.muted{color:var(--muted)}kbd{color:#dde7df;white-space:nowrap;border:1px solid #a9c1b64d;border-radius:2px;padding:1px 4px;font:10px Barlow,sans-serif}#battlefield{touch-action:none;outline:none;width:100%;height:100%;display:block}#battlefield.placing{cursor:copy}#battlefield.targeting{cursor:crosshair}#battlefield.capture-target:not(.placing):not(.targeting){cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg fill='none' stroke='%23000' stroke-width='4' opacity='.55'%3E%3Cpath d='M4 10V4h6M18 4h6v6M24 18v6h-6M10 24H4v-6'/%3E%3Ccircle cx='14' cy='14' r='4'/%3E%3C/g%3E%3Cg fill='none' stroke='%239ff0c4' stroke-width='2'%3E%3Cpath d='M4 10V4h6M18 4h6v6M24 18v6h-6M10 24H4v-6'/%3E%3Ccircle cx='14' cy='14' r='4'/%3E%3C/g%3E%3C/svg%3E") 14 14,cell}.husk-tip{pointer-events:none;white-space:nowrap;color:#cfe0d6;text-align:center;background:#0b1a1ee6;border:1px solid #9ff0c455;border-radius:2px;gap:1px;padding:4px 8px;font:11px/1.3 Barlow,sans-serif;display:grid;position:absolute;transform:translate(-50%,-100%)}.husk-tip strong{color:#9ff0c4;letter-spacing:.02em;font-weight:600}.husk-tip span{color:#a9bdb4}#hud{pointer-events:none;z-index:4;position:absolute;inset:0}#hud button,#hud canvas{pointer-events:auto}.model-portrait{color:#bacfc4;place-items:center;width:100%;height:100%;display:grid;position:relative}.model-portrait img{object-fit:contain;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.model-portrait .unit-icon{width:66%;height:72%}.model-portrait.loaded img{opacity:1}.model-portrait.loaded .unit-icon{opacity:0}.production{border-left:1px solid var(--line);flex-direction:column;min-width:0;height:100%;padding-left:23px;display:flex}.production-toolbar{border-bottom:1px solid var(--line);flex:0 0 33px;gap:6px;margin:-1px 20px 9px;display:flex}.production-toolbar button{border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;place-items:center;max-width:78px;padding:3px 7px 7px;display:grid}.production-toolbar svg{width:23px;height:23px}.production-toolbar [aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.production-toolbar button:focus-visible{outline-offset:-2px}.production-shelf{flex:1;align-items:stretch;gap:7px;min-height:0;display:flex}.shelf-arrow{border-color:#0000;flex:0 0 16px;align-self:center;height:40px;padding:0}.shelf-arrow svg{width:15px;height:22px}.shelf-arrow.previous svg{transform:rotate(180deg)}.shelf-arrow:disabled{opacity:.18}#production-list{scrollbar-width:none;scroll-snap-type:x proximity;flex:1;align-items:stretch;gap:7px;min-width:0;padding:2px;display:flex;overflow:auto hidden}#production-list::-webkit-scrollbar{display:none}.build-card{scroll-snap-align:start;background:#abc7b905;flex-direction:column;flex:0 0 86px;min-width:0;height:96px;padding:2px 0 0;display:flex;position:relative;overflow:hidden}.build-card .model-portrait{flex:1;height:67px}.build-card.named-tile .model-portrait{height:42px;min-height:0}.tile-name{flex:0 0 26px;align-content:center;width:100%;padding:0 5px;font-size:9px;line-height:1.15;overflow:hidden}.tile-cost{text-align:left;color:#dce6df;font-variant-numeric:tabular-nums;flex-shrink:0;align-self:stretch;align-items:center;gap:4px;height:23px;padding:0 7px;font-size:10px;display:flex}.tile-cost svg{width:12px;height:12px;color:var(--accent)}.build-card[aria-disabled=true] .model-portrait{opacity:.32}.build-card[aria-disabled=true] .tile-cost svg{opacity:.4}.tile-count{background:#13272edf;border:1px solid #b8ccae44;border-radius:2px;place-items:center;min-width:17px;height:17px;font-size:9px;display:grid;position:absolute;top:5px;right:5px}.build-card.building{border-color:#bfcbb77c}.build-card.ready{border-color:var(--accent)}.build-card.ready .tile-cost{color:var(--accent)}#world-labels{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.touch-hold{pointer-events:none;border:2px solid #bdeddf;border-radius:50%;width:46px;height:46px;animation:.22s ease-out both touch-hold;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 12px #b4edd966}@keyframes touch-hold{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}#selection-box{pointer-events:none;z-index:3;background:#b4edd920;border:1px solid #bdeddf;display:none;position:absolute}.health-label{text-align:center;width:56px;position:absolute;transform:translate(-50%,-100%)}.health-label>span{white-space:nowrap;color:#edf1df;text-shadow:0 1px 4px #061c25;font-size:9px}.health-label>i{background:#172b2dcc;border:1px solid #14282c;height:4px;margin-top:3px;display:block}.health-label b{background:#a1d7b4;height:100%;display:block}.health-label.enemy b{background:#e79c7d}.health-label .ammo-pips{justify-content:center;gap:2px;margin-top:2px;display:flex}.ammo-pips i{background:#1c2a2b;border-radius:50%;width:4px;height:4px;box-shadow:0 0 0 1px #0a1516}.ammo-pips i.full{background:#f4cf6a;box-shadow:0 0 0 1px #3b2b06,0 0 3px #f4cf6a88}.ammo-pips.empty i{background:#5a2721}.order-marker{border:1px solid #bfebd7;width:24px;height:24px;animation:.65s ease-out both order;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}.order-marker.attack{border-color:#ffd2a6}@keyframes order{0%{opacity:1;width:34px;height:34px}to{opacity:0;width:12px;height:12px}}.launch-overlay{z-index:8;background:linear-gradient(90deg,#152a32fa,#182f39dd 36%,#1a333b24 76%);align-items:center;padding:44px max(5vw,24px);display:flex;position:absolute;inset:0}.launch-content{scrollbar-width:thin;width:420px;max-width:100%;max-height:100%;padding:20px 0;overflow-y:auto}.launch-wordmark{letter-spacing:5px;color:#bfcdc2;margin-bottom:27px;font:600 24px Barlow Condensed,sans-serif}.launch-content h1{margin:0 0 20px;font:500 48px/1.05 Barlow Condensed,sans-serif}.map-summary{border-block:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:25px;padding:14px 0;font-size:14px;display:flex}.map-summary>span:last-child{color:var(--muted);font-size:12px}.menu-label{color:#b6c7c1;margin-bottom:11px;font-size:12px;display:block}.faction-picker{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.faction-card{background:#162a32b3;padding:14px 6px 12px}.faction-card>span{color:var(--faction);font-size:29px;display:block}.faction-card strong{margin:3px 0;font:500 23px Barlow Condensed,sans-serif;display:block}.faction-card small{color:var(--muted);font-size:10px}.faction-card.active{border-color:var(--faction);background:color-mix(in srgb,var(--faction) 8%,#152830)}#faction-description{color:#b1c4bd;min-height:36px;margin:12px 0 18px;font-size:12px;line-height:1.5}.opponent-faction{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:12px;display:flex}.opponent-faction select{color:#dde7de;border:1px solid var(--line);background:#21363d;border-radius:3px;width:66%;padding:8px 12px}.difficulty-label{justify-content:space-between;align-items:start;gap:15px;margin-bottom:10px;font-size:12px;display:flex}.difficulty-label span:last-child{text-align:right;color:var(--muted);max-width:230px;font-size:10px}.difficulty-switch{border:1px solid var(--line);border-radius:3px;margin-bottom:23px;display:flex;overflow:hidden}.difficulty-switch button{border:0;border-radius:0;flex:1;padding:10px;font-size:12px}.difficulty-switch button+button{border-left:1px solid var(--line)}.difficulty-switch button.active{color:var(--accent);box-shadow:inset 0 -2px var(--accent);background:#d5bd8510}.primary{background:var(--accent);color:#182b32;border:1px solid var(--accent);justify-content:space-between;align-items:center;gap:15px;width:100%;padding:14px 18px;font-size:13px;font-weight:600;display:flex}.primary:is(:hover,:active):not(:disabled):not([aria-disabled=true]){color:#182b32;background:#f1d298;border-color:#f1d298}.primary svg{width:20px;height:20px}.primary>span{font-size:18px}.continue,.launch-settings{border:0;border-bottom:1px solid var(--line);border-radius:0;justify-content:space-between;align-items:center;width:100%;margin-top:4px;padding:13px 2px;font-size:12px;display:flex}.continue span{color:var(--muted);font-size:11px}.launch-settings svg{width:18px;height:18px}.launch-caption{text-shadow:0 2px 15px #14282b;flex-direction:column;align-items:end;gap:8px;display:flex;position:absolute;bottom:42px;right:44px}.launch-caption strong{font:500 26px Barlow Condensed,sans-serif}.launch-caption span{color:#afc2b9;font-size:11px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0b202c99;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0;overflow:auto}.modal{border-radius:5px;width:450px;max-height:100%;padding:30px;overflow:auto;box-shadow:0 15px 65px #08192166}.modal h2{margin:0 0 24px;font:500 36px Barlow Condensed,sans-serif}.modal>p{color:#b1c5bd;margin:0 0 22px;font-size:12px;line-height:1.7}.modal-grid{grid-template-columns:1fr 1fr;gap:9px;margin:12px 0 20px;display:grid}.secondary{background:#a7c5b807;padding:12px 14px;font-size:12px}.modal>small{color:var(--muted);font-size:10px}.wide{width:100%;margin-top:10px}.pause-manual{border:0;border-bottom:1px solid var(--line);justify-content:space-between;width:100%;margin-bottom:15px;padding:0 0 14px;font-size:11px;display:flex}.manual-copy{color:#afc5bc;font-size:12px;line-height:1.7}.manual-copy b{color:#e2e7d9}.manual-settings-note{color:var(--muted);margin:20px 0;font-size:11px}.result-stats{border-block:1px solid var(--line);justify-content:space-between;gap:20px;margin-bottom:24px;padding:18px 0;display:flex}.result-stats strong{color:var(--accent);font:500 27px Barlow Condensed,sans-serif;display:block}.result-stats small{color:var(--muted);font-size:8px}.modal.settings-modal{border-top:1px solid var(--line);border-radius:5px;height:min(790px,100dvh - 48px)}.settings-header{background:#203139}.settings-header h2{margin:0}.settings-kicker,.settings-nav-note{display:none}.settings-nav{background:#192c33}.settings-section-title h3{font-size:24px}.settings-footer .primary{width:auto}.settings-section-title p{line-height:1.5}#fatal{z-index:100;background:#203139;justify-content:center;align-items:center;padding:10%;font-size:22px;line-height:1.6;display:flex;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.launch-overlay{background:linear-gradient(90deg,#152a32fa,#182f39e8 44%,#142830b8);gap:clamp(32px,6vw,110px)}.launch-content{flex:0 0 min(360px,32vw)}.launch-wordmark{margin-bottom:16px}.launch-content h1{margin-bottom:14px}.map-summary{margin-bottom:18px}.opponent-faction{margin-bottom:10px}#opponent-slots{grid-template-columns:1fr 1fr;gap:0 12px;margin-bottom:16px;display:grid}#opponent-slots select{width:70%}.map-browser{background:#152930cc;border:1px solid #abc9bd30;border-radius:5px;flex-direction:column;width:min(800px,57vw);min-width:0;height:min(760px,88vh);padding:24px;display:flex}.map-browser-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.map-browser-header .menu-label{text-transform:uppercase;letter-spacing:2px;margin-bottom:5px;font-size:10px}.map-browser-header strong{font:500 29px Barlow Condensed,sans-serif}.map-total{color:var(--muted);font-size:11px}.map-feature{flex:0 0 215px;grid-template-columns:1fr 1fr;align-items:center;gap:24px;min-height:0;display:grid}.map-preview{border:1px solid var(--line);background:#11252b;min-width:0;height:215px;padding:8px}.map-preview svg{width:100%;height:100%}.map-details span{color:var(--accent);letter-spacing:1px;text-transform:uppercase;font-size:10px}.map-details h2{margin:9px 0;font:500 32px Barlow Condensed,sans-serif}.map-details p{color:#c2cfc7;margin:0 0 15px;font-size:12px;line-height:1.7}.map-details small{color:var(--muted);font-size:10px}.map-filters{gap:6px;padding:18px 0 14px;display:flex}.map-filters button{padding:7px 13px;font-size:11px}.map-filters [aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#e7be6912}.map-grid{scrollbar-width:thin;scrollbar-color:#728d8055 transparent;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0;padding:1px 7px 1px 1px;display:grid;overflow:auto}.map-card{text-align:left;background:#1e3438;flex-direction:column;min-height:130px;padding:0;display:flex;overflow:hidden}.map-card>svg{background:#283a36;width:100%;height:90px}.map-card>span{flex-direction:column;gap:4px;padding:9px 10px;display:flex}.map-card strong{font-size:11px;font-weight:500}.map-card small{color:var(--muted);font-size:9px}.map-card.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.launch-caption{display:none}@media (max-height:800px){.map-browser{padding:18px}.map-feature{flex-basis:170px}.map-preview{height:170px}.launch-content{padding:6px 0}.launch-wordmark{margin-bottom:8px;font-size:18px}.launch-content h1{font-size:36px}.faction-card{padding:8px}.map-details h2{font-size:26px}}@media (max-width:1050px){.launch-overlay{gap:24px;padding:24px}.launch-content{flex-basis:300px}.map-browser{width:calc(100% - 324px)}.map-feature{flex-basis:auto;grid-template-columns:1fr;gap:12px}.map-preview{height:160px}.map-details p,.map-details small{display:none}.map-details h2{margin:4px 0;font-size:24px}.map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-filters button{padding:7px 8px}.map-filters{gap:4px}}@media (max-width:700px){.launch-overlay{flex-direction:column;align-items:stretch;overflow:auto}.launch-content{flex-basis:auto;width:100%;max-height:none;overflow:visible}.map-browser{flex-shrink:0;width:100%;height:620px}.map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.launch-content h1{font-size:32px}.map-preview{height:160px}.map-feature{grid-template-columns:1fr 1fr}.map-details p{font-size:11px;display:block}}.launch-utilities{gap:20px;display:flex}.launch-utilities .launch-settings{flex:1;width:auto}.pause-reference{gap:24px;display:flex}.modal.wiki-modal{--wiki-accent:#e7be69;background:#172a31;flex-direction:column;width:min(1120px,94vw);max-width:1120px;height:min(850px,92vh);padding:0;display:flex;overflow:hidden}.wiki-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 30px 18px;display:flex}.wiki-header>div>span{color:var(--muted);font-size:12px}.wiki-header h2{margin:3px 0 0;font-size:32px;line-height:1.1}.wiki-close{width:38px;height:38px;color:var(--muted);border:0;font-size:28px}.wiki-factions{border-bottom:1px solid var(--line);flex-shrink:0;gap:20px;padding:0 30px;display:flex}.wiki-factions button{border:0;border-bottom:2px solid #0000;border-radius:0;padding:12px 4px;font-size:14px}.wiki-factions button[aria-pressed=true]{border-bottom-color:var(--wiki-accent);color:var(--wiki-accent)}.wiki-layout{flex:1;grid-template-columns:310px minmax(0,1fr);min-height:0;display:grid}.wiki-sidebar{border-right:1px solid var(--line);background:#14272e;flex-direction:column;min-height:0;display:flex}.wiki-search{padding:22px 20px 10px;display:block}.wiki-search>span{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.wiki-search input{border:1px solid var(--line);color:#e7eeea;width:100%;font:inherit;background:#1e353c;border-radius:3px;padding:10px 12px;display:block}.wiki-search input::placeholder{color:#92a6aa;font-size:12px}.wiki-categories{flex-wrap:wrap;gap:5px;padding:4px 20px 10px;display:flex}.wiki-categories:empty{display:none}.wiki-categories button{color:var(--muted);border-color:#0000;padding:5px 8px;font-size:11px}.wiki-categories button[aria-pressed=true]{color:var(--wiki-accent);border-color:var(--wiki-accent)}.wiki-results-count{color:var(--muted);padding:4px 20px 12px;font-size:11px}.wiki-list{overscroll-behavior:contain;min-height:0;padding:0 8px 16px;overflow:auto}.wiki-entry{text-align:left;border:0;border-left:2px solid #0000;border-radius:0;align-items:center;gap:10px;width:100%;min-height:72px;padding:7px 9px;display:flex}.wiki-entry+.wiki-entry{border-top:1px solid #91ada914}.wiki-entry[aria-pressed=true]{border-left-color:var(--wiki-accent);background:#91ada911}.wiki-entry .model-portrait,.wiki-map-thumb{background:#253840;flex-shrink:0;width:68px;height:55px;display:block}.wiki-entry strong{margin-bottom:4px;font-size:13px;font-weight:500;display:block}.wiki-entry small{color:var(--muted);font-size:10px;line-height:1.4;display:block}.wiki-entry[aria-pressed=true] strong{color:var(--wiki-accent)}.wiki-map-thumb svg{width:100%;height:100%}.wiki-article{overscroll-behavior:contain;min-height:0;overflow:auto}.wiki-hero{border-bottom:1px solid var(--line);background:radial-gradient(at 24% 55%,#32494e66,#0000 68%);grid-template-columns:minmax(180px,1fr) 1.2fr;align-items:center;min-height:242px;padding:20px 30px 14px 14px;display:grid}.wiki-hero .model-portrait{background:0 0;width:100%;height:215px}.wiki-hero .model-portrait img{object-fit:contain}.wiki-hero-caption>span,.wiki-role{color:var(--wiki-accent);font-size:11px;line-height:1.5}.wiki-hero-caption h3,.wiki-detail>h3{margin:9px 0 10px;font-size:32px;font-weight:500;line-height:1.08}.wiki-hero-caption p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.wiki-detail{padding:22px 30px 30px}.wiki-description{color:#c5d4d0;max-width:65ch;margin:0 0 22px;font-size:14px;line-height:1.75}.wiki-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 16px;margin:0 0 24px;display:grid}.wiki-stats dt{color:var(--muted);margin-bottom:6px;font-size:11px}.wiki-stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:14px;font-weight:500}.wiki-traits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);padding:12px 0;font-size:12px;line-height:1.8}.wiki-section{margin-top:24px}.wiki-section h4,.wiki-detail>h4{margin:0 0 10px;font-size:17px;font-weight:500}.wiki-links{flex-wrap:wrap;gap:7px;display:flex}.wiki-link{color:var(--wiki-accent);text-align:left;padding:7px 10px;font-size:12px}.wiki-features{margin:0;padding:0;list-style:none}.wiki-features li{border-bottom:1px solid #91ada921;padding:13px 0}.wiki-features li>div{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.wiki-features strong{font-size:13px;font-weight:500}.wiki-features li>div>span{color:var(--wiki-accent);text-align:right;white-space:nowrap;font-size:11px}.wiki-features p,.wiki-detail>p:not(.wiki-description){color:#b9cbc8;margin:7px 0 0;font-size:12px;line-height:1.7}.wiki-features small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.wiki-detail .wiki-note{color:var(--muted)!important;margin-top:28px!important;font-size:11px!important}.wiki-empty,.wiki-blank{color:var(--muted);padding:30px 20px;font-size:13px;line-height:1.6}.wiki-map-hero{border-bottom:1px solid var(--line);background:#1d3238;height:280px;padding:22px}.wiki-map-hero svg{width:100%;height:100%}.wiki-map-legend{color:#e7cf91;gap:16px;margin-top:16px;font-size:11px;display:flex}.wiki-map-legend span:first-child{color:#95bc69}.wiki-map-legend span:nth-child(2){color:#86d5ed}@media (max-width:760px){.modal.wiki-modal{width:96vw;height:95vh}.wiki-header{padding:16px 18px}.wiki-factions{gap:16px;padding:0 18px}.wiki-layout{grid-template-columns:210px minmax(0,1fr)}.wiki-search{padding:14px 12px 8px}.wiki-categories{padding:4px 10px}.wiki-entry .model-portrait,.wiki-map-thumb{width:45px;height:44px}.wiki-entry{gap:7px;padding:6px}.wiki-entry small{display:none}.wiki-detail{padding:18px}.wiki-hero{grid-template-columns:1fr;padding:10px 18px 20px}.wiki-hero .model-portrait{height:145px}.wiki-hero-caption h3{font-size:27px}.wiki-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.wiki-features li>div{display:block}.wiki-features li>div>span{text-align:left;margin-top:5px;display:block}}@media (max-width:480px){.wiki-layout{grid-template-rows:minmax(180px,33%) minmax(0,1fr);grid-template-columns:1fr}.wiki-sidebar{border-right:0;border-bottom:1px solid var(--line)}.wiki-search{padding:8px 12px}.wiki-search>span,.wiki-results-count{display:none}.wiki-list{padding:0 8px}.wiki-entry{min-height:45px}.wiki-categories{flex-wrap:nowrap;flex-shrink:0;overflow:auto}.wiki-categories button{white-space:nowrap}.wiki-factions{gap:12px}.wiki-factions button{font-size:12px}.wiki-header h2{font-size:26px}.wiki-hero{grid-template-columns:1fr 1.2fr}.wiki-hero-caption h3{font-size:24px}.wiki-map-legend{flex-wrap:wrap}}.modal.multiplayer-modal{width:min(780px,94vw);max-height:92dvh;overflow:auto}.modal-backdrop:has(>.multiplayer-modal){align-items:safe center}.modal-backdrop>.modal.multiplayer-modal{flex-shrink:0;max-height:none;overflow:visible}.multiplayer-modal:has(#online-name){width:min(440px,94vw)}.online-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.online-header h2{margin:6px 0 0}.online-header>button{padding:10px 13px}.online-header>[data-online=copy]{white-space:nowrap;flex-shrink:0;padding:12px 17px}.online-intro,.online-hint,.online-host-note{color:var(--muted);font-size:13px;line-height:1.6}.online-label{color:var(--muted);flex-direction:column;gap:8px;margin:20px 0 16px;font-size:12px;display:flex}.online-label input,.online-map select,.online-member select{color:#e7eeea;border:1px solid var(--line);background:#22383f;border-radius:3px;min-width:0;padding:12px}.online-label input{font-size:15px}#online-code{letter-spacing:3px;text-transform:uppercase}.online-divider{color:var(--muted);align-items:center;gap:16px;margin:25px 0 0;font-size:11px;display:flex}.online-divider:before,.online-divider:after{content:"";background:var(--line);flex:1;height:1px}.online-message{min-height:20px;color:var(--accent);margin:18px 0 0;font-size:13px;line-height:1.5}.online-room-layout{grid-template-columns:1fr 1.2fr;gap:28px;display:grid}.online-map{flex-direction:column;gap:12px;min-width:0;display:flex}.online-map>svg{background:#11232b;width:100%;height:220px}.online-map>strong{font-size:19px}.online-map>small{color:var(--muted);font-size:12px}.online-map select{width:100%;font-size:12px}.online-member{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:15px 0;display:flex}.online-member>i{flex-shrink:0;width:5px;height:32px}.online-member>div{flex:1;min-width:0}.online-member strong{overflow-wrap:anywhere;font-size:13px}.online-member small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.online-member select{width:80px;padding:8px;font-size:12px}.online-member>span{color:var(--muted);font-size:12px}.online-empty-slot{border-bottom:1px dashed var(--line);color:#70878a;padding:20px 17px;font-size:12px}.online-footer{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:24px;padding-top:20px;display:flex}.online-footer>button{padding:12px 17px}.online-footer>.primary{width:auto;margin-left:auto}.online-host-note{margin-left:auto}.network-status{z-index:19;white-space:nowrap;max-width:calc(100vw - 2 * var(--radar-width,248px) - 120px);text-overflow:ellipsis;border:1px solid var(--line);color:var(--muted);pointer-events:none;background:#14272eed;padding:8px 12px;font-size:11px;position:fixed;top:20px;left:50%;overflow:hidden;transform:translate(-50%)}.network-status.network-warning{color:var(--accent);border-color:var(--accent)}@media (max-width:620px){.online-room-layout{grid-template-columns:1fr;gap:12px}.online-map>svg{height:130px}.online-footer{flex-wrap:wrap}.online-footer>.primary{flex:1;margin-left:0}.online-header h2{font-size:24px}.network-status{white-space:normal;max-width:calc(100vw - 190px);top:64px;left:12px;transform:none}}.multiplayer-modal .primary:disabled{color:var(--muted);border-color:var(--line);background:#22383f}.color-picker{flex-wrap:wrap;gap:6px;display:flex}.color-picker button.color-swatch{background:var(--swatch);cursor:pointer;border:2px solid #ffffff2e;border-radius:50%;width:22px;height:22px;min-height:0;padding:0;transition:transform .12s,border-color .12s;box-shadow:inset 0 0 0 2px #080c0f8c}.color-picker button.color-swatch:hover:not(:disabled){background:var(--swatch);border-color:#fff9;transform:scale(1.12)}.color-picker button.color-swatch.selected{box-shadow:inset 0 0 0 2px #080c0fb3, 0 0 0 2px var(--swatch);border-color:#f4f7f5}.color-picker button.color-swatch:disabled{background:var(--swatch);opacity:.22;cursor:not-allowed}.color-picker button.color-swatch:focus-visible{outline-offset:2px;outline:2px solid #f4f7f5}.setup-color{gap:8px;margin:0 0 18px;display:grid}.setup-color-label{color:#9fb0ae;font-size:12px}.setup-color-label b{color:#e8eeec;margin-left:4px;font-weight:600}.opponent-color{border-left:4px solid var(--swatch)!important}.online-member .color-picker{grid-column:1/-1;margin-top:8px}.online-member{flex-wrap:wrap}.online-member .color-picker{flex-basis:100%;padding-left:17px}.opponent-faction>span{white-space:nowrap;margin-right:6px}.setup-options .opponent-faction select[data-opponent],.opponent-faction select[data-opponent]{width:34%}.setup-options .opponent-faction select.opponent-color,.opponent-faction select.opponent-color{width:38%}.title-screen{--title-accent:var(--acc);--accent:var(--acc);--faction-gdi:#ffc35c;--faction-nod:#ff5a4a;--faction-scrin:#5ff5de;z-index:8;isolation:isolate;color:var(--ink);font-family:var(--font);background:#070c11;position:absolute;inset:0;overflow:auto}.title-art,.title-shade{pointer-events:none;z-index:-2;position:absolute;inset:0;overflow:hidden}.title-art{background:radial-gradient(80% 70% at 68% 42%,#1b2830 0%,#0e161b 48%,#090d10 100%)}.title-scene{object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;transition:opacity .55s;position:absolute}.title-screen:not([data-backdrop=static]) .title-scene{display:none}.title-scene.active{opacity:1}.title-live,.title-still{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.title-live{opacity:0;transition:opacity 1.6s}.title-live.ready{opacity:1}.title-live.ready.dip{opacity:0;transition:none}.title-still{opacity:0;pointer-events:none}.title-shade{z-index:-1;background:linear-gradient(90deg,#060b10a6,#0000 53%),linear-gradient(#0000 70%,#060b1033)}.title-screen[data-backdrop=live] .title-shade{background:linear-gradient(90deg,#05090dd9 0,#05090db3 22%,#05090d4d 42%,#0000 60%),radial-gradient(95% 85% at 62% 48%,#0000 58%,#04070acc 100%),linear-gradient(0deg,#04070a99 0,#0000 22%),linear-gradient(#04070a80 0,#0000 16%)}.title-caption{z-index:0;pointer-events:none;font:500 12px/1.3 var(--font);letter-spacing:.16em;text-transform:uppercase;color:#d9e2e4;opacity:0;text-shadow:0 1px 8px #000c;margin:0;position:absolute;bottom:clamp(18px,3.4vh,40px);right:clamp(20px,3vw,48px)}.title-caption:before{content:"";vertical-align:middle;background:var(--acc);width:22px;height:1px;box-shadow:var(--glow-1);margin:0 12px 3px 0;display:inline-block}.title-screen[data-backdrop=live][data-screen=home] .title-caption.shown{animation:9s forwards title-caption}@keyframes title-caption{0%,12%{opacity:0;transform:translateY(4px)}24%,78%{opacity:.72;transform:none}to{opacity:0}}@media (prefers-reduced-motion:reduce){.title-live{transition-duration:.4s}@keyframes title-caption{0%{opacity:0}20%,80%{opacity:.72}to{opacity:0}}}.title-home{flex-direction:column;align-items:flex-start;width:min(40vw,600px);min-width:360px;height:100%;min-height:570px;padding:clamp(46px,9.6vh,120px) 0 clamp(34px,8.5vh,95px) clamp(38px,5.8vw,112px);display:flex}.title-home h1{width:clamp(290px,29vw,480px);line-height:0;font-size:inherit;font-weight:inherit;margin:0}.title-wordmark{color:#edf0e9;width:100%;height:auto;display:block;overflow:visible}.wordmark-rule{color:var(--acc);opacity:.7}.title-navigation{flex-direction:column;align-items:flex-start;gap:8px;margin-top:clamp(46px,9vh,108px);display:flex}.title-screen button{font-family:var(--font);border-radius:0}.title-action{text-align:left;font:400 clamp(24px,2.2vw,38px)/1.25 var(--font);letter-spacing:.01em;color:#bcc6ca;border:0;flex-direction:column;align-items:flex-start;gap:5px;padding:9px 0;display:flex;position:relative}.title-action:before{content:"";background:var(--acc);width:3px;box-shadow:var(--glow-1);opacity:0;transition:opacity .15s,transform .15s;position:absolute;top:15px;bottom:13px;left:-24px;transform:scaleY(.65)}.title-action small{font:400 clamp(12px,.95vw,15px) var(--font);color:#b0b8ba;letter-spacing:.02em}.title-action:hover:not(:disabled),.title-action:focus-visible{color:#fff;background:0 0}.title-navigation:not(:has(:hover,:focus-visible)) .title-default{color:#fff;background:0 0}.title-action:is(:hover,:focus-visible):before{opacity:1;transform:scaleY(1)}.title-navigation:not(:has(:hover,:focus-visible)) .title-default:before{opacity:1;transform:scaleY(1)}.title-action:focus-visible{outline-offset:8px}.title-screen .title-action:active:not(:disabled){color:var(--acc-text);background:0 0}.title-home .title-action:hover:not(:disabled),.title-home .title-action:focus-visible{background:linear-gradient(90deg,rgba(var(--holo-rgb),.1),transparent);box-shadow:0 1px rgba(var(--holo-rgb),.16),0 -1px rgba(var(--holo-rgb),.16)}.title-factions{border-top:1px solid rgba(var(--holo-rgb),.2);gap:30px;min-width:230px;margin-top:clamp(26px,5vh,60px);padding-top:14px;display:flex}.title-factions button{letter-spacing:.04em;color:#abb6ba;border:0;min-width:40px;padding:9px 0 12px;font-size:clamp(15px,1.15vw,19px);position:relative}.title-factions button[aria-pressed=true]{color:#f3f5f2}.title-factions button:after{content:"";background:var(--acc);height:2px;box-shadow:var(--glow-1);transition:transform .15s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.title-factions button[aria-pressed=true]:after{transform:scaleX(1)}.title-factions button:hover:not(:disabled),.title-utilities button:hover:not(:disabled){color:#fff;background:0 0}.title-utilities{flex-direction:column;align-items:flex-start;gap:2px;margin-top:auto;padding-top:38px;display:flex}.title-utilities button{color:#b5bec2;letter-spacing:.02em;border:0;min-height:38px;padding:8px 0;font-size:clamp(14px,1.05vw,17px)}.title-notice{border-left:3px solid var(--warn);color:#e9e3cf;background:#060c14c7;max-width:26rem;margin:.8rem 0 0;padding:.55rem .8rem;font-size:.82rem;line-height:1.35}.skirmish-setup,.modal-backdrop .modal{color:var(--ink);font-family:var(--font)}:is(.skirmish-setup,.modal) :is(h2,h3){font-family:var(--font)}.setup-label,.setup-kicker,.menu-label,.match-settings legend,.skirmish-setup .map-details>span{font:600 11px/1.2 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--holo-text)}.menu-label{margin:0 0 6px;display:block}.skirmish-setup button,.modal button{border-radius:var(--r-s);corner-shape:var(--shape);color:var(--ink);font-family:var(--font);background:linear-gradient(180deg,rgba(var(--holo-rgb),.09),rgba(var(--holo-rgb),.03)),var(--cell-bg);box-shadow:var(--edge-quiet);transition:box-shadow var(--t-fast),background-color var(--t-fast),color var(--t-fast);border:0}.skirmish-setup button:hover:not(:disabled):not([aria-disabled=true]),.modal button:hover:not(:disabled):not([aria-disabled=true]){color:#fff;background:linear-gradient(180deg,rgba(var(--acc-rgb),.12),rgba(var(--acc-rgb),.04)),var(--cell-bg);box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.7),var(--glow-1)}.skirmish-setup button:active:not(:disabled):not([aria-disabled=true]),.modal button:active:not(:disabled):not([aria-disabled=true]){background:linear-gradient(rgba(var(--acc-rgb),.18),rgba(var(--acc-rgb),.18)),var(--cell-bg)}.skirmish-setup button[aria-pressed=true],.modal button[aria-pressed=true]{color:var(--acc-text);background:linear-gradient(180deg,rgba(var(--acc-rgb),.16),rgba(var(--acc-rgb),.07)),var(--cell-bg);box-shadow:inset 0 0 0 1px var(--acc),var(--glow-1)}.skirmish-setup button:disabled,.modal button:disabled{color:var(--muted);opacity:.55;box-shadow:inset 0 0 0 1px rgba(var(--holo-rgb),.14);cursor:not-allowed}.skirmish-setup :is(select,input:not([type=range]):not([type=checkbox])),.modal :is(select,input:not([type=range]):not([type=checkbox])){min-width:0;color:var(--ink);font:500 12px/1.2 var(--font);border-radius:var(--r-s);corner-shape:var(--shape);box-shadow:inset 0 0 0 1px rgba(var(--holo-rgb),.3),inset 0 2px 6px #0007;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#040a10b8;border:0}.skirmish-setup select,.modal-backdrop .modal select{appearance:none;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--holo-text) 50%),linear-gradient(135deg,var(--holo-text) 50%,transparent 50%);background-position:calc(100% - 14px) 52%,calc(100% - 9px) 52%;background-repeat:no-repeat;background-size:5px 5px;padding:9px 26px 9px 10px;overflow:hidden}.skirmish-setup :is(select,input:not([type=range]):not([type=checkbox])):hover,.modal :is(select,input:not([type=range]):not([type=checkbox])):hover{box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.6),inset 0 2px 6px #0007}.modal input::placeholder{color:#94a8b6}.modal select option,.skirmish-setup select option{color:var(--ink);background:#0e1822}.skirmish-setup :is(button,select,input):focus-visible,.modal :is(button,select,input):focus-visible{outline:2px solid var(--acc);outline-offset:2px;box-shadow:var(--focus-glow)}.primary,.setup-launch .primary,.modal .primary{isolation:isolate;border-radius:var(--r-s);corner-shape:var(--shape);min-height:46px;color:var(--ink);font:600 14px/1.2 var(--font);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(90deg,rgba(var(--acc-rgb),.26),rgba(var(--acc-rgb),.08) 70%),var(--cell-bg);box-shadow:inset 0 0 0 1px var(--acc),var(--glow-1);border:0;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px 12px 22px;display:flex;position:relative}.primary:before{content:"";background:var(--acc);width:3px;box-shadow:var(--glow-1);pointer-events:none;border-radius:2px;position:absolute;top:9px;bottom:9px;left:6px}.primary>span,.primary>svg{color:var(--acc-text);flex-shrink:0}.primary>svg{width:18px;height:18px;filter:var(--acc-icon-glow)}.skirmish-setup .primary:is(:hover,:focus-visible):not(:disabled),.modal .primary:is(:hover,:focus-visible):not(:disabled):not([aria-disabled=true]),.primary:hover:not(:disabled){color:#fff;background:linear-gradient(90deg,rgba(var(--acc-rgb),.38),rgba(var(--acc-rgb),.14) 75%),var(--cell-bg);box-shadow:inset 0 0 0 1px var(--acc),var(--glow-2)}.skirmish-setup .primary:active:not(:disabled),.modal .primary:active:not(:disabled){background:linear-gradient(90deg,rgba(var(--acc-rgb),.46),rgba(var(--acc-rgb),.2)),var(--cell-bg)}.skirmish-setup .primary:disabled,.modal .primary:disabled,.multiplayer-modal .primary:disabled{color:var(--muted);opacity:.6;background:var(--cell-bg);box-shadow:inset 0 0 0 1px rgba(var(--holo-rgb),.22)}.primary:disabled:before{background:var(--muted);box-shadow:none}.primary:disabled>span,.primary:disabled>svg{color:var(--muted);filter:none}.modal .secondary{letter-spacing:.04em;padding:11px 15px;font-size:12px}.title-screen[data-screen=setup] .title-shade,.title-screen[data-screen=setup][data-backdrop=live] .title-shade{background:linear-gradient(90deg,#060b10d9,#060b10a6 55%,#060b1080)}.skirmish-setup{isolation:isolate;background:var(--scan),var(--card);width:calc(100% - 64px);max-width:1640px;height:calc(100% - 56px);min-height:600px;box-shadow:var(--edge),0 24px 80px #0209;border-radius:var(--r-m);corner-shape:var(--shape);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));flex-direction:column;margin:28px auto;padding:20px 26px 22px;display:flex;position:relative}.setup-header{border-bottom:1px solid var(--line-soft);align-items:center;gap:22px;padding-bottom:16px;display:flex}.setup-heading{flex-direction:column;gap:4px;display:flex}.setup-kicker{letter-spacing:.26em;font-size:10px}.setup-header h2{font:500 26px/1.1 var(--font);letter-spacing:.1em;text-transform:uppercase;text-shadow:var(--text-glow);margin:0}.skirmish-setup .setup-header button{letter-spacing:.06em;align-items:center;gap:8px;min-height:38px;padding:7px 14px;font-size:13px;display:flex}.setup-back span{font:300 22px/1 var(--font);color:var(--holo-text);margin-top:-2px}.skirmish-setup #setup-settings{width:40px;height:40px;color:var(--holo-text);justify-content:center;margin-left:auto;padding:0}#setup-settings svg{width:21px;height:21px;filter:var(--icon-glow)}.setup-layout{flex:1;grid-template-columns:340px minmax(0,1fr);gap:30px;min-height:0;padding-top:18px;display:grid}.setup-options{border-right:1px solid var(--line-soft);flex-direction:column;min-height:0;padding:0 18px 2px 0;display:flex;overflow:hidden}.setup-fields{scrollbar-width:thin;scrollbar-color:rgba(var(--holo-rgb),.35) transparent;min-height:0;padding:2px 6px 2px 2px;overflow:auto}.setup-section{border-bottom:1px solid var(--line-soft);margin:0 0 14px;padding:0 0 16px}.setup-section>.setup-label{margin:0 0 10px}.setup-factions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.skirmish-setup .setup-factions button{color:var(--ink-2);flex-direction:column;align-items:center;gap:6px;padding:12px 6px 11px;display:flex;position:relative}.skirmish-setup .setup-factions button:after{content:"";background:var(--faction);opacity:.55;border-radius:1px;height:2px;position:absolute;bottom:4px;left:30%;right:30%}.skirmish-setup .setup-factions button[aria-pressed=true]:after{opacity:1;box-shadow:0 0 8px var(--faction);left:18%;right:18%}.setup-factions button svg{width:36px;height:36px}.setup-factions button[aria-pressed=true] svg{filter:var(--acc-icon-glow)}.setup-factions strong{letter-spacing:.06em;font-size:13px;font-weight:600}.setup-options #faction-description{color:var(--ink-2);min-height:18px;margin:12px 0 14px;font-size:12px;line-height:1.5}.skirmish-setup .setup-color{gap:8px;margin:0;display:grid}.skirmish-setup .setup-color-label{font:600 11px/1.2 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--holo-text)}.skirmish-setup .setup-color-label b{color:var(--ink);letter-spacing:.04em;text-transform:none;margin-left:6px;font-size:12px;font-weight:600}.setup-row{grid-template-columns:1fr minmax(0,1.6fr);align-items:center;gap:10px;margin:0 0 10px;display:grid}.skirmish-setup #player-count{width:100%}.setup-options #opponent-slots{grid-template-columns:1fr;gap:6px;margin:0;display:grid}.skirmish-setup .opponent-faction{grid-template-columns:62px minmax(72px,.8fr) minmax(112px,1.3fr);align-items:stretch;gap:6px;margin:0;font-size:12px;display:grid}#opponent-slots .opponent-faction select{width:100%;min-width:0;padding-block:8px}.skirmish-setup .opponent-faction select.opponent-color{box-shadow:inset 3px 0 var(--swatch),inset 0 0 0 1px rgba(var(--holo-rgb),.3),inset 0 2px 6px #0007;padding-left:12px;border-left:0!important}.skirmish-setup .difficulty-label{margin:0 0 10px;display:block}.setup-options .difficulty-switch,.skirmish-setup .map-filters{border-radius:var(--r-s);corner-shape:var(--shape);border:0;gap:0;margin:0;display:flex;overflow:visible}.skirmish-setup :is(.difficulty-switch,.map-filters) button{letter-spacing:.04em;border-radius:0;flex:1;padding:9px 6px;font-size:12px}.skirmish-setup :is(.difficulty-switch,.map-filters) button:first-child{border-radius:var(--r-s) 0 0 var(--r-s)}.skirmish-setup :is(.difficulty-switch,.map-filters) button:last-child{border-radius:0 var(--r-s) var(--r-s) 0}.skirmish-setup :is(.difficulty-switch,.map-filters) button+button{margin-left:1px}.setup-options #difficulty-description{color:var(--muted);min-height:36px;margin:10px 0 0;font-size:12px;line-height:1.5}.starting-credits-field{border-bottom:1px solid var(--line-soft);grid-template-columns:1fr minmax(110px,1.2fr);align-items:center;gap:6px 10px;margin:0 0 14px;padding-bottom:14px;font-size:13px;display:grid}.starting-credits-field>span{font:600 11px/1.2 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--holo-text)}#starting-credits,#online-credits{width:100%;font:500 15px/1.2 var(--mono);font-variant-numeric:tabular-nums;padding:9px 10px}.starting-credits-field small{color:var(--muted);grid-column:1/-1;font-size:11px}.starting-credits-field input[aria-invalid=true],.modal .starting-credits-field input[aria-invalid=true],.skirmish-setup .starting-credits-field input[aria-invalid=true]{box-shadow:inset 0 0 0 1px var(--bad),inset 0 2px 6px #0007}.starting-credits-field:has([aria-invalid=true]) small{color:var(--bad)}.setup-launch{flex-shrink:0;margin-top:auto;padding-top:12px}.setup-options .map-summary{border-block:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 6px;padding:10px 0;font-size:13px;font-weight:600;display:flex}.setup-options .map-summary span:last-child{font:500 11px var(--mono);color:var(--muted);text-align:right}.skirmish-setup .spawn-summary{color:var(--ink-2);margin:0 0 12px;font-size:12px;line-height:1.45}.skirmish-setup .spawn-summary b{color:#fff;font-weight:600}.skirmish-setup .spawn-summary>span{display:block}.skirmish-setup .spawn-summary .spawn-hint{color:var(--muted);font-size:11px}.setup-launch .primary{width:100%}.skirmish-setup .map-browser{width:100%;max-width:1180px;height:auto;min-height:0;box-shadow:none;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.skirmish-setup .map-browser-header{justify-content:space-between;align-items:flex-end;margin:0 0 12px;padding:0;display:flex}.skirmish-setup .map-browser-header .menu-label{display:block}.skirmish-setup .map-browser-header strong{font:500 20px/1.2 var(--font);letter-spacing:.04em}.skirmish-setup .map-total{font:500 11px var(--mono);color:var(--muted)}.skirmish-setup .map-feature{flex:0 0 clamp(220px,34vh,380px);grid-template-columns:minmax(0,1.55fr) minmax(230px,1fr);align-items:stretch;gap:22px;min-height:0;display:grid}.skirmish-setup .map-preview{border-radius:var(--r-s);corner-shape:var(--shape);background:radial-gradient(70% 70% at 50% 50%,rgba(var(--holo-rgb),.12),transparent 75%),#040a1099;height:auto;min-height:0;box-shadow:var(--edge-quiet);border:0;padding:8px}.skirmish-setup .map-details{align-self:center}.skirmish-setup .map-details>span{font-size:11px;display:block}.skirmish-setup .map-details h2{font:500 28px/1.15 var(--font);letter-spacing:.02em;margin:8px 0 10px}.skirmish-setup .map-details p{color:var(--ink-2);margin:0 0 12px;font-size:13px;line-height:1.55;display:block}.skirmish-setup .map-details small{color:var(--muted);font-size:11px;display:block}.skirmish-setup .map-filters{align-self:flex-start;margin:16px 0 12px;padding:0}.skirmish-setup .map-filters button{flex:none;padding:8px 14px}.skirmish-setup .map-grid{scrollbar-width:thin;scrollbar-color:rgba(var(--holo-rgb),.35) transparent;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-auto-rows:max-content;align-content:start;gap:10px;min-height:0;padding:2px 8px 4px 2px;display:grid;overflow:auto}.skirmish-setup .map-card{text-align:left;flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.skirmish-setup .map-card>svg{background:radial-gradient(60% 70% at 50% 55%,rgba(var(--holo-rgb),.14),transparent 75%);flex-shrink:0;width:100%;height:112px;padding:6px 6px 2px;display:block}.skirmish-setup .map-card>span{background:0 0;border:0;flex-direction:column;gap:3px;padding:6px 10px 9px;display:flex}.skirmish-setup .map-card strong{letter-spacing:.02em;font-size:12px;font-weight:600}.skirmish-setup .map-card small{font:500 10px var(--mono);color:var(--muted)}.skirmish-setup .map-card.active{box-shadow:inset 0 0 0 1px var(--acc),var(--glow-1);background:linear-gradient(180deg,rgba(var(--acc-rgb),.12),rgba(var(--acc-rgb),.03)),var(--cell-bg)}.skirmish-setup .map-card.active strong{color:var(--acc-text)}.map-picture{background:var(--ground,#28332f)}.skirmish-setup .map-card>.map-picture{background:radial-gradient(60% 70% at 50% 55%,rgba(var(--holo-rgb),.14),transparent 75%)}.match-settings{border:0;min-width:0;margin:0;padding:0}.match-settings legend{float:left;width:100%;margin:0 0 10px;padding:0}.match-setting{clear:both;grid-template-columns:1fr minmax(0,1.3fr);align-items:center;gap:10px;margin:0 0 8px;font-size:13px;display:grid}.match-setting[hidden]{display:none}.match-setting select{width:100%;min-width:0;font-size:12px}.tech-settings{clear:both;border-top:1px solid var(--line-soft);margin-top:4px}.tech-settings summary{cursor:pointer;align-items:center;gap:8px;padding:10px 0;font-size:13px;list-style:none;display:flex}.tech-settings summary::-webkit-details-marker{display:none}.tech-settings summary:before{content:"";border:solid var(--holo-text);border-width:0 1.5px 1.5px 0;width:6px;height:6px;margin:0 3px 0 1px;transition:transform .15s;transform:rotate(-45deg)}.tech-settings[open] summary:before{transform:rotate(45deg)}.tech-settings summary small{color:var(--muted);font:500 11px var(--mono);margin-left:auto}.tech-settings summary:hover{color:#fff}.tech-settings summary:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.tech-hint{color:var(--muted);margin:-2px 0 10px;font-size:11px;line-height:1.45;display:block}.tech-toggles{grid-template-columns:1fr;gap:1px;margin-bottom:6px;display:grid}.tech-toggles label{cursor:pointer;align-items:center;gap:9px;padding:5px 2px;font-size:12px;display:flex}.tech-toggles input{width:15px;height:15px;accent-color:var(--acc);flex-shrink:0;margin:0}.tech-toggles label:has(input:not(:checked)) span{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:rgba(var(--holo-rgb),.45);text-decoration-color:rgba(var(--holo-rgb),.45)}.online-map .match-settings{border-top:1px solid var(--line-soft);width:100%;margin-top:6px;padding-top:12px}.online-map .tech-toggles{grid-template-columns:1fr 1fr;gap:1px 10px}.match-settings-summary{border-top:1px solid var(--line-soft);width:100%;margin:4px 0 0;padding-top:12px;font-size:13px}.match-settings-summary div{justify-content:space-between;gap:12px;padding:3px 0;display:flex}.match-settings-summary dt{color:var(--muted)}.match-settings-summary dd{text-align:right;margin:0}.match-settings-summary .match-settings-off dd{max-width:65%;font-size:12px}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03070b9e}.modal-backdrop .modal{isolation:isolate;clip-path:none;background:var(--scan),var(--card);box-shadow:var(--edge),0 24px 80px #0209;border-radius:var(--r-m);corner-shape:var(--shape);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border:0;padding:30px;position:relative}.modal-backdrop .modal:before,.modal-backdrop .modal:after{content:none}.modal h2{font:500 30px/1.15 var(--font);letter-spacing:.04em}.modal>p{color:var(--ink-2)}.from-title{--accent:var(--acc)}.modal-backdrop.from-title .modal.multiplayer-modal{padding:28px 30px}.modal-backdrop .multiplayer-modal:has(#online-name){width:min(640px,94vw)}.modal-backdrop.from-title .multiplayer-modal:has(#online-name){width:min(640px,94vw)}.modal-backdrop .online-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.modal-backdrop .online-header h2{margin:0;font-size:28px}.modal-backdrop .multiplayer-modal:has(.online-room-layout) .online-header h2{font:500 28px/1.1 var(--mono);letter-spacing:.12em;text-shadow:var(--text-glow)}.modal-backdrop .online-header .menu-label{margin-bottom:6px}.modal-backdrop .modal .online-header>[data-online=close]{min-width:36px;min-height:36px;color:var(--holo-text);padding:0;font-size:22px;line-height:1}.modal-backdrop .online-intro{color:var(--ink-2);margin:0 0 22px;font-size:14px}.modal-backdrop .online-label{font:600 11px/1.2 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--holo-text);flex-direction:column;gap:8px;display:flex}.modal-backdrop .online-name-label{margin:0 0 26px}.modal-backdrop .modal .online-label input{font:500 15px/1.2 var(--font);letter-spacing:.02em;text-transform:none;padding:11px 12px}.modal-backdrop .modal #online-code{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase}.modal-backdrop .online-entry-layout{grid-template-columns:1fr 1fr;gap:24px;display:grid}.modal-backdrop .online-entry-layout>div{flex-direction:column;justify-content:flex-end;display:flex}.modal-backdrop .online-create{border-right:1px solid var(--line-soft);padding-right:24px}.modal-backdrop .online-create p{color:var(--ink-2);margin:0 0 22px;font-size:14px;line-height:1.6}.modal-backdrop .online-join .online-label{margin:0 0 18px}.modal-backdrop .modal .online-entry-action{min-height:48px;font:600 14px/1.2 var(--font);letter-spacing:.1em;text-transform:uppercase;text-align:left;background:linear-gradient(90deg,rgba(var(--acc-rgb),.18),rgba(var(--acc-rgb),.05) 75%),var(--cell-bg);box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.7);justify-content:space-between;align-items:center;gap:12px;padding:13px 14px 13px 22px;display:flex;position:relative}.modal-backdrop .modal .online-entry-action:before{content:"";background:var(--acc);border-radius:2px;width:3px;position:absolute;top:10px;bottom:10px;left:6px}.modal-backdrop .online-entry-action>span{color:var(--acc-text);font-size:18px}.modal-backdrop .modal .online-entry-action:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--acc),var(--glow-2);background:linear-gradient(90deg,rgba(var(--acc-rgb),.3),rgba(var(--acc-rgb),.1) 75%),var(--cell-bg)}.modal-backdrop .online-message{min-height:20px;color:var(--acc-text);margin:16px 0 0;font-size:13px;line-height:1.5}.modal-backdrop.from-title .online-room-layout,.modal-backdrop .online-room-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:26px;display:grid}.modal-backdrop .online-map{gap:10px}.modal-backdrop .online-map>strong{font:600 19px/1.2 var(--font);letter-spacing:.02em}.modal-backdrop .online-map>small{color:var(--muted);font-size:12px}.modal-backdrop .modal .online-map select{width:100%}.modal-backdrop .online-spawn-hint{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.modal-backdrop .online-starting-credits{border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding-top:12px;font-size:13px;display:flex}.modal-backdrop .online-starting-credits strong{color:var(--acc-text);font:600 17px var(--mono);font-variant-numeric:tabular-nums}.modal-backdrop .online-starting-credits small{width:100%;color:var(--muted)}.modal-backdrop .online-map .starting-credits-field{border-top:1px solid var(--line-soft);border-bottom:0;width:100%;margin:6px 0 0;padding:12px 0 0}.modal-backdrop .online-roster{gap:6px;display:grid}.modal-backdrop .online-member{border-radius:var(--r-s);corner-shape:var(--shape);background:var(--cell-bg);box-shadow:var(--edge-quiet);border:0;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;display:flex}.modal-backdrop .online-member:has(.color-picker){box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.55)}.modal-backdrop .online-member>i{border-radius:2px;flex-shrink:0;width:4px;height:32px}.modal-backdrop .online-member>div{flex:1;min-width:0}.modal-backdrop .online-member strong{overflow-wrap:anywhere;font-size:13px;font-weight:600}.modal-backdrop .online-member small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.modal-backdrop .modal .online-member select{width:auto;min-width:96px;padding-block:8px}.modal-backdrop .online-member>span{color:var(--ink-2);letter-spacing:.04em;font-size:12px}.modal-backdrop .online-member .color-picker{flex-basis:100%;margin-top:2px;padding-left:16px}.modal-backdrop .online-empty-slot{border-radius:var(--r-s);corner-shape:var(--shape);color:var(--muted);letter-spacing:.04em;box-shadow:inset 0 0 0 1px rgba(var(--holo-rgb),.16);background:repeating-linear-gradient(135deg,rgba(var(--holo-rgb),.04) 0 6px,transparent 6px 12px);border:0;padding:14px 16px;font-size:12px}.modal-backdrop .online-hint{color:var(--muted);margin:10px 0 0;font-size:12px}.modal-backdrop .online-footer{border-top:1px solid var(--line-soft);align-items:center;gap:10px;margin-top:22px;padding-top:18px;display:flex}.modal-backdrop .online-footer>.primary{width:auto;margin-left:auto}.modal-backdrop .online-host-note{color:var(--muted);margin-left:auto;font-size:12px}.modal-backdrop .online-map>.spawn-map,.modal-backdrop.from-title .online-map>.spawn-map{border-radius:var(--r-s);corner-shape:var(--shape);background:radial-gradient(70% 70% at 50% 50%,rgba(var(--holo-rgb),.12),transparent 75%),#040a1099;height:240px;box-shadow:var(--edge-quiet);border:0;padding:6px}.modal-backdrop .online-map>svg{box-shadow:var(--edge-quiet);border-radius:var(--r-s);border:0}@media (max-width:620px){.modal-backdrop .online-room-layout,.modal-backdrop.from-title .online-room-layout{grid-template-columns:1fr;gap:12px}.modal-backdrop .online-map>.spawn-map,.modal-backdrop.from-title .online-map>.spawn-map{height:170px}.modal-backdrop .multiplayer-modal:has(.online-room-layout) .online-header h2{letter-spacing:.06em;font-size:21px}}@media (max-width:480px){.modal-backdrop .online-entry-layout{grid-template-columns:1fr;gap:26px}.modal-backdrop .online-create{border:0;padding-right:0}.modal-backdrop .online-create p{margin-bottom:14px}.from-title .modal.multiplayer-modal,.modal-backdrop .modal{padding:22px}}@media (min-width:1700px){.setup-layout{grid-template-columns:360px minmax(0,1fr);gap:36px}}@media (max-width:1100px){.skirmish-setup{width:calc(100% - 36px);height:calc(100% - 36px);margin:18px auto;padding:18px 20px}.setup-layout{grid-template-columns:300px minmax(0,1fr);gap:22px}.setup-options{padding-right:14px}.skirmish-setup .map-feature{flex-basis:auto;grid-template-columns:1fr;gap:10px}.skirmish-setup .map-preview{height:clamp(170px,28vh,260px)}.skirmish-setup .map-details p{display:none}.skirmish-setup .map-details h2{margin:4px 0;font-size:22px}.skirmish-setup .map-filters{flex-wrap:wrap}}@media (max-height:760px) and (min-width:761px){.title-home{min-height:480px;padding-top:7vh;padding-bottom:6vh}.title-home h1{width:clamp(260px,27vw,380px)}.title-navigation{gap:3px;margin-top:35px}.title-action{font-size:26px}.title-factions{margin-top:24px;padding-top:7px}.title-utilities{padding-top:20px}.skirmish-setup{height:calc(100% - 28px);min-height:520px;margin-block:14px;padding-block:14px}.setup-header{padding-bottom:10px}.setup-layout{padding-top:14px}.skirmish-setup .map-feature{flex-basis:190px}.setup-options #faction-description{margin-block:8px 10px}.setup-section{margin-bottom:12px;padding-bottom:12px}.skirmish-setup .map-card>svg{height:92px}}@media (max-width:760px){.title-home{width:100%;min-width:0;min-height:540px;padding:48px 32px 28px}.title-home h1{width:min(340px,90%)}.title-navigation{gap:9px;margin-top:54px}.title-action{font-size:28px}.title-factions{margin-top:32px}.title-utilities{padding-top:40px}.title-shade{background:linear-gradient(90deg,#060b10e0,#060b1055)}.title-scene{object-position:60% center}.skirmish-setup{width:calc(100% - 24px);height:auto;min-height:calc(100% - 24px);margin:12px auto;padding:16px}.setup-header{gap:14px}.setup-header h2{font-size:22px}.setup-layout{flex-direction:column;gap:24px;display:flex}.setup-options{border:0;padding:0;overflow:visible}.setup-fields{overflow:visible}.skirmish-setup .map-browser{min-height:520px}.skirmish-setup .map-feature{grid-template-columns:1fr}.skirmish-setup .map-preview{height:200px}.skirmish-setup .map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-launch{margin-top:0}}.color-picker button.color-swatch,.spawn-marker,.spawn-dot{corner-shape:round}button{border-radius:2px}button:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.build-card,.shelf-arrow{border:1px solid var(--steel);background:var(--control-face);color:var(--text);box-shadow:var(--bevel);border-color:#7891a368 #425563b0 #334753;border-radius:2px}.build-card:hover:not(:disabled):not([aria-disabled=true]),.shelf-arrow:hover:not(:disabled){background:var(--control-hover);color:#fff;border-color:#adc2d0b3}.build-card:active:not(:disabled):not([aria-disabled=true]){background:var(--control-pressed);box-shadow:inset 0 2px 3px #020a1299}kbd{color:#e1e9ef;background:linear-gradient(#304653,#1a2b36);border:1px solid #8ba4b68c;border-bottom-width:2px;border-radius:2px}.build-card[aria-disabled=true]{color:#899ba8;background:#202e38;border-color:#53657273;box-shadow:inset 0 1px #bacad312}.modal-backdrop .settings-modal,.modal-backdrop .wiki-modal{padding:3px}.modal h2,.settings-header h2,.wiki-header h2{font-family:var(--font);font-weight:500}.settings-header,.settings-footer,.wiki-header{background:linear-gradient(180deg,rgba(var(--holo-rgb),.1),rgba(var(--holo-rgb),.03))}.settings-header h2{font-size:30px}.settings-kicker,.settings-section-title p,.settings-body h4,.preference-row p,.quality-heading p{color:var(--muted)}.settings-nav,.wiki-sidebar{background:#040a1073}.settings-nav>button{box-shadow:none;color:var(--muted);background:0 0;border-color:#0000}.settings-nav>button[aria-current=page]{background:var(--control-face);color:var(--text);box-shadow:var(--bevel),inset 3px 0 var(--accent);border-color:#748c9d80}.settings-nav>button[aria-current=page] i{color:var(--accent)}.settings-nav-note{color:#98adbb}.settings-nav-note>span{color:#8fa4b2}.settings-section-title h3{color:var(--text);font:500 23px/1.2 Barlow,sans-serif}.preference-row label,.quality-heading label,.quality-option strong{color:var(--text)}.settings-footer #settings-status{color:#a5b9c4}.modal .settings-reset{box-shadow:none;color:var(--muted);background:0 0;border-color:#0000;padding:8px}.keyboard-board{background:#0c1923;border-color:#617b8c66;box-shadow:inset 0 1px 8px #0005}.keyboard-key.camera{color:#bde4e7;background:linear-gradient(#28474d,#1a303a);border-color:#87b4bc80}.keyboard-key.camera>span{color:#a0c2c9}.keyboard-key.orders,.modal .binding-key.orders{background:linear-gradient(color-mix(in srgb,var(--accent) 18%,#253440),#182530);border-color:color-mix(in srgb,var(--accent) 55%,#2a3b48);color:var(--accent)}.keyboard-key.orders>span{color:#d4dce0}.keyboard-legend .orders{background:var(--accent)}.keyboard-key.unassigned{color:#93a4af;background:#1a2a35;border-color:#405664}.keyboard-key.listening,.keyboard-key.orders:hover:not(:disabled),.binding-key.orders:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 24%,#182b38)}.binding-row{color:#bdcbd2}.binding-row.active,.binding-prompt b{color:var(--accent)}.binding-prompt{color:#b6c5cd;background:#14242f;border-color:#698593}.binding-prompt.is-listening{color:var(--text);border-color:var(--accent);background:#223441}.fixed-control-grid p,.fixed-controls h4>span{color:#a4b6bf}.fixed-control-grid kbd{color:#d6e1e8;background:#243745;border-color:#657c8c7a}.modal .setting-switch{background:#0b1821;border-color:#6d8696;border-radius:3px;box-shadow:inset 0 2px 4px #020a15aa}.setting-switch>span{background:#839aa9;border-radius:1px;box-shadow:inset 0 1px #e2eaf152}.modal .setting-switch[aria-checked=true]{background:color-mix(in srgb,var(--accent) 20%,#14222e);border-color:var(--accent)}.setting-switch[aria-checked=true]>span{background:var(--accent)}.range-control output{color:var(--accent);font-family:Barlow,sans-serif;font-size:18px}.range-control input{accent-color:var(--accent)}.range-control input:focus-visible,.preference-row select:focus-visible{outline-color:var(--accent)}.range-control>div{color:#9aadba}.quality-option small,.quality-option b{color:#b4c3cb}.quality-option[aria-pressed=true]{border-color:var(--accent);box-shadow:var(--bevel),inset 0 -2px var(--accent);background:color-mix(in srgb,var(--accent) 9%,#1c2e3b)}.quality-option[aria-pressed=true] b,.quality-option[aria-pressed=true] .quality-swatch{color:var(--accent)}.wiki-modal{--accent:var(--wiki-accent)}.wiki-factions{gap:3px;padding-bottom:0}.wiki-factions button{border-bottom-width:2px;border-radius:2px 2px 0 0;padding:11px 14px}.wiki-factions button[aria-pressed=true]{border-color:var(--wiki-accent);color:var(--wiki-accent)}.wiki-categories button{color:#b7c8d1;background:#172b38}.wiki-entry{box-shadow:none;background:0 0;border-color:#0000;border-left-width:2px}.wiki-entry[aria-pressed=true]{background:color-mix(in srgb,var(--wiki-accent) 9%,#142532);border-left-color:var(--wiki-accent)}.wiki-entry .model-portrait,.wiki-map-thumb{background:radial-gradient(at 50% 75%,#4d667547,#152632);border:1px solid #506c7d6b;box-shadow:inset 0 1px 4px #0004}.wiki-hero{background:radial-gradient(at 24% 55%,#3b536a77,#0000 68%)}.wiki-map-hero{background:#152633}.wiki-close{border:1px solid #738a9866}.panel,#hud-tooltip,.network-status{background:linear-gradient(#223542f7,#11212bf7);border:1px solid #7d94a67a;border-radius:2px;box-shadow:inset 0 1px #c3d6e42e,inset 0 0 0 3px #06141c85,0 3px 12px #030a1433}#minimap{outline-offset:2px;border-color:#a2b9c172}#army-count{color:var(--muted);background:#152531}.production-toolbar{border:0;gap:2px}.production-toolbar button{background:var(--control-face);box-shadow:var(--bevel);border:1px solid #65808f7a;border-bottom:2px solid #07151e;border-radius:2px 2px 0 0}.production-toolbar button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);background:linear-gradient(color-mix(in srgb,var(--accent) 15%,#243844),#152a36)}.build-card .model-portrait{background:radial-gradient(at 50% 85%,#6d899d30,#0d1c275e)}.build-card .tile-cost{color:#dae4e9;background:#0d1c26aa;border-top:1px solid #6e879638}.build-card .tile-name{background:#0d1c26aa}.build-card.ready{box-shadow:var(--bevel),inset 0 -2px var(--accent)}.build-card[aria-disabled=true] .tile-cost{color:#99a9b2}.modal-backdrop .guide-modal{flex-direction:column;width:min(980px,94vw);max-height:92dvh;padding:3px;display:flex;overflow:hidden}.guide-header{border-bottom:1px solid var(--line);background:linear-gradient(#263946,#192b37);justify-content:space-between;align-items:center;gap:16px;padding:22px 28px 18px;display:flex}.guide-header p{color:var(--muted);margin:0 0 5px;font-size:12px}.guide-header h2{margin:0;font-size:28px}.guide-header button{flex-shrink:0;width:36px;height:36px;font-size:24px}.guide-body{scrollbar-width:thin;min-height:0;padding:22px 28px;overflow:auto}.guide-intro{color:#cedae1;margin:0 0 24px;font-size:14px;line-height:1.6}.guide-layout{grid-template-columns:1.1fr 1fr;gap:32px;display:grid}.guide-layout h3{margin:0 0 18px;font-size:17px;font-weight:500}.guide-controls{margin:0 0 20px}.guide-controls>div{border-bottom:1px solid var(--line);grid-template-columns:135px 1fr;align-items:center;gap:14px;padding:12px 0;display:grid}.guide-controls dt{flex-wrap:wrap;gap:4px;font-size:12px;display:flex}.guide-controls kbd{padding:3px 6px;font-size:12px}.guide-controls dd{margin:0;font-size:13px;line-height:1.4}.guide-controls small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.guide-commands{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.guide-command{background:var(--control-face);box-shadow:var(--bevel);border:1px solid #738f9d75;flex-direction:column;align-items:center;gap:7px;padding:10px 4px 7px;font-size:11px;display:flex}.guide-command svg{width:23px;height:23px}.guide-command kbd{margin-top:auto;font-size:10px}.guide-note{color:var(--muted);margin:15px 0 0;font-size:11px;line-height:1.7}.guide-opening{margin:0;padding-left:22px;list-style:decimal}.guide-opening li{padding:0 0 16px 8px}.guide-opening li::marker{color:var(--accent);font-size:14px}.guide-opening strong{font-size:14px;font-weight:500}.guide-opening p,.guide-tips p{color:#b5c6d0;margin:6px 0 0;font-size:12px;line-height:1.65}.guide-tips{border-top:1px solid var(--line);padding-top:10px}.guide-tips p+p{margin-top:12px}.guide-tips b{color:var(--text);font-weight:500}.guide-network{border-left:2px solid var(--accent);color:#c3d1d9;background:#24374399;margin:24px 0 0;padding:10px 14px;font-size:12px;line-height:1.6}.guide-footer{border-top:1px solid var(--line);background:#1a2d39;flex-shrink:0;align-items:center;gap:18px;padding:17px 24px;display:flex}.guide-footer>.secondary{padding:11px 14px;font-size:12px}.guide-footer>span{color:var(--muted);flex:1;max-width:220px;font-size:11px}.guide-footer>.primary{white-space:nowrap;width:auto;margin-left:auto;font-size:13px}.guide-footer>.primary>svg{width:31px;height:21px}@media (max-width:760px){.modal-backdrop .modal{padding:24px}.modal-backdrop .settings-modal,.modal-backdrop .wiki-modal{padding:3px}.wiki-factions{gap:2px}.wiki-factions button{padding-inline:9px}.modal-backdrop .guide-modal{padding:3px}.guide-layout{grid-template-columns:1fr;gap:28px}.guide-header,.guide-body{padding:18px}.guide-footer{flex-wrap:wrap;gap:10px;padding:14px}.guide-footer>span{display:none}.guide-footer>.primary{white-space:normal;flex:1}.guide-footer>.secondary{flex:1}}.spawn-map{width:100%;height:100%;position:relative;container-type:size}.spawn-frame{width:min(100cqw, calc(100cqh * var(--ar)));height:min(100cqh, calc(100cqw / var(--ar)));position:absolute;top:50%;left:50%;translate:-50% -50%}.spawn-frame>svg{width:100%;height:100%;display:block}.spawn-marker{--seat:#e7eeea;cursor:pointer;z-index:1;place-items:center;width:26px;height:26px;margin:0;padding:0;display:grid;position:absolute;translate:-50% -50%;box-shadow:none!important;color:var(--seat-ink,#10202a)!important;background:0 0!important;border:0!important;border-radius:50%!important}.spawn-marker:before{content:"";border-radius:50%;position:absolute;inset:-6px}.spawn-dot{width:20px;height:20px;font:700 11px/1 var(--font,"Barlow"),Arial,sans-serif;box-sizing:border-box;border-radius:50%;place-items:center;transition:transform .12s,box-shadow .12s,background-color .12s;display:grid}:is(.spawn-marker[data-state=free] .spawn-dot,.spawn-marker[data-state=locked]:not(:has(.spawn-tag)) .spawn-dot){background:#0b161c8c;border:2px dashed #e7eeeacc;box-shadow:0 0 0 1px #0b161c99}.spawn-marker[data-state=free]:is(:hover,:focus-visible) .spawn-dot{background:#e7eeea26;border-style:solid;transform:scale(1.18)}.spawn-marker[data-state=free]:is(:hover,:focus-visible) .spawn-dot:after{content:"+";color:#fff;font-size:15px;font-weight:500}.spawn-marker:is([data-state=mine],[data-state=taken],[data-state=locked]) .spawn-dot{background:var(--seat);border:2px solid #10202a;box-shadow:0 0 0 1px #fff5,0 1px 4px #000a}.spawn-marker[data-state=mine] .spawn-dot{box-shadow:0 0 0 2px #fff, 0 0 10px 2px color-mix(in srgb, var(--seat) 70%, transparent)}.spawn-marker[data-state=mine]:is(:hover,:focus-visible) .spawn-dot{transform:scale(1.12)}.spawn-marker[aria-disabled=true]{cursor:default}.spawn-marker:focus-visible{outline-offset:3px;outline:2px solid #fff}.spawn-tag{white-space:nowrap;text-overflow:ellipsis;max-width:96px;font:600 10px/1.35 var(--font,"Barlow"),Arial,sans-serif;letter-spacing:.03em;color:#f1f5f3;border-left:2px solid var(--seat);pointer-events:none;opacity:0;background:#060c14e6;border-radius:0 2px 2px 0;padding:1px 5px;transition:opacity .12s;position:absolute;top:calc(100% + 1px);left:50%;overflow:hidden;translate:-50%}.spawn-marker[data-state=mine] .spawn-tag,.spawn-marker:is(:hover,:focus-visible) .spawn-tag{opacity:1}.spawn-marker:is(:hover,:focus-visible){z-index:2}@media (prefers-reduced-motion:reduce){.spawn-dot,.spawn-tag{transition:none}}.skirmish-setup .map-preview .spawn-map{height:100%}.seat-spawn{corner-shape:var(--shape);min-width:0;font:600 12px/1.2 var(--font);letter-spacing:.04em;text-align:left;cursor:pointer;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;margin:0;padding:4px 6px 4px 9px;display:flex;border-radius:var(--r-s)!important;background:var(--cell-bg)!important;box-shadow:inset 3px 0 var(--seat),inset 0 0 0 1px rgba(var(--holo-rgb),.22)!important;color:var(--ink)!important;border:0!important}.seat-spawn small{color:var(--muted);font:500 10px/1.2 var(--mono);letter-spacing:0;white-space:nowrap}.seat-spawn:hover{background:linear-gradient(#ffffff0f,#ffffff0f),var(--cell-bg)!important;box-shadow:inset 3px 0 var(--seat),inset 0 0 0 1px color-mix(in srgb,var(--seat) 60%,transparent)!important}.seat-spawn[aria-pressed=true]{background:linear-gradient(color-mix(in srgb,var(--seat) 20%,transparent),color-mix(in srgb,var(--seat) 20%,transparent)),var(--cell-bg)!important;box-shadow:inset 3px 0 var(--seat),inset 0 0 0 1px var(--seat),0 0 12px color-mix(in srgb,var(--seat) 45%,transparent)!important}.seat-spawn[aria-pressed=true] small{color:#fff}.online-spawn-hint{color:var(--muted);margin:0;font-size:11px}.spawn-map[data-menu] .spawn-tag{opacity:1}.spawn-map[data-menu] .spawn-marker[data-state=taken]:is(:hover,:focus-visible) .spawn-dot{transform:scale(1.12)}.spawn-marker[aria-expanded=true]{z-index:3}.spawn-marker[aria-expanded=true] .spawn-dot{box-shadow:0 0 0 2px var(--acc), 0 0 12px rgba(var(--acc-rgb),.7);transform:scale(1.18)}.start-menu{z-index:1000;box-sizing:border-box;background:var(--scan),var(--card);min-width:176px;max-width:260px;box-shadow:var(--edge),0 10px 28px #000b;border-radius:var(--r-m);corner-shape:var(--shape);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));font-family:var(--font);color:var(--ink);padding:6px;position:fixed}.start-menu-title{font:600 11px/1.2 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--holo-text);margin:2px 8px 6px}.start-menu-item{corner-shape:var(--shape);width:100%;min-height:32px;font:600 13px/1.2 var(--font);letter-spacing:.03em;text-align:left;cursor:pointer;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;margin:0;padding:5px 8px;display:grid;border-radius:var(--r-s)!important;box-shadow:none!important;color:var(--ink)!important;background:0 0!important;border:0!important}.start-menu-item small{font:500 11px/1.2 var(--mono);letter-spacing:0;color:var(--muted);white-space:nowrap}.start-menu-item:is(:hover,:focus){outline:none;background:rgba(var(--holo-rgb),.16)!important}.start-menu-item:focus-visible{box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.85),var(--focus-glow)!important}.start-menu-item[aria-checked=true]{background:rgba(var(--acc-rgb),.12)!important}.start-menu-item[aria-checked=true] small{color:var(--acc-text)}.start-menu-swatch{box-sizing:border-box;background:var(--seat);width:18px;height:18px;color:var(--seat-ink,#10202a);font:700 10px/1 var(--font);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 1px #0009,0 0 0 2px #ffffff40}.start-menu-item.random{margin-top:4px;position:relative}.start-menu-item.random:before{content:"";border-top:1px solid var(--line-soft);position:absolute;top:-3px;left:6px;right:6px}.start-menu-item.random .start-menu-swatch{border:1.5px dashed var(--muted);color:var(--muted);box-shadow:none;background:0 0}.start-menu-item.random small{white-space:normal;text-align:right}@media (pointer:coarse){.start-menu-item{min-height:44px}}.production{pointer-events:auto;height:auto;position:absolute}#hud .production{gap:var(--hud-gap);box-shadow:none;background:0 0;border:0;flex-direction:column;padding:0;display:flex}#hud .production>:is(.production-toolbar,.producer-strip,.production-shelf){background:var(--scan), var(--card);box-shadow:var(--edge);border-radius:var(--r-m);corner-shape:var(--shape);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border:0;flex:none;margin:0;position:relative}#hud .production-toolbar{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;height:42px;padding:4px;display:grid}#hud .production-toolbar button{min-width:0;max-width:none;height:auto;box-shadow:none;color:var(--muted);border-radius:var(--r-s);corner-shape:var(--shape);transition:color var(--t-fast), box-shadow var(--t-fast), background-color var(--t-fast);background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}#hud .production-toolbar svg{width:21px;height:21px}#hud .production-toolbar button:hover{color:var(--ink);box-shadow:inset 0 0 0 1px rgba(var(--holo-rgb),.45)}#hud .production-toolbar button[aria-selected=true]{color:var(--acc-text);background:rgba(var(--acc-rgb),.1);box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.6), var(--glow-1)}#hud .production-toolbar button[aria-selected=true] svg{color:var(--acc);filter:var(--acc-icon-glow)}#hud .production-toolbar button:focus-visible{outline-offset:-2px}#hud .category-queue{min-width:15px;height:15px;font:600 9px/1 var(--mono);color:var(--ink);box-shadow:0 0 0 1px rgba(var(--holo-rgb),.55);background:#0009;border:0;border-radius:8px;place-items:center;padding:0 3px;display:grid;position:absolute;top:2px;right:3px}#hud .category-queue.ready{background:var(--acc);width:9px;min-width:0;height:9px;box-shadow:0 0 0 1px #0009, 0 0 8px 1px rgba(var(--acc-rgb),.9);border-radius:50%;padding:0;top:4px;right:5px}:root.reduce-effects #hud .category-queue.ready{box-shadow:0 0 0 1px #000c, 0 0 0 3px rgba(var(--acc-rgb),.45)}#hud .producer-strip{grid-template-columns:16px minmax(0,1fr) 16px;align-items:center;gap:3px;height:54px;padding:4px 3px;display:grid}#hud .producer-arrow{width:16px;height:100%;box-shadow:none;color:var(--holo-text);border-radius:var(--r-s);background:0 0;border:0;place-items:center;padding:0;display:grid}#hud .producer-arrow svg{width:13px;height:13px}#hud .producer-arrow.previous svg{transform:scaleX(-1)}#hud .producer-arrow:disabled{color:rgba(var(--holo-rgb),.35);cursor:default}#hud .producer-arrow:hover:not(:disabled){color:var(--acc-text)}#hud #producer-tabs{scrollbar-width:none;scroll-snap-type:x proximity;gap:5px;height:100%;padding:1px;display:flex;overflow:auto hidden}#hud #producer-tabs::-webkit-scrollbar{display:none}#hud #producer-tabs .producer-button{scroll-snap-align:start;min-width:0;height:100%;color:var(--ink);background:rgba(var(--holo-rgb),.06);background-color:var(--cell-bg);box-shadow:inset 0 0 0 1px rgba(var(--holo-rgb),.28);border-radius:var(--r-s);corner-shape:var(--shape);transition:box-shadow var(--t-fast), background-color var(--t-fast);border:0;flex:0 0 62px;padding:0;position:relative;overflow:hidden}#hud #producer-tabs .producer-button:hover{box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.55), var(--glow-1)}#hud .producer-portrait{opacity:.72;position:absolute;inset:2px 2px 4px 15px}#hud .producer-portrait .model-portrait{background:0 0;width:100%;height:100%}#hud .producer-number{font:600 13px/1 var(--mono);color:var(--holo-text);text-shadow:0 1px 2px #000;position:absolute;top:4px;left:5px}#hud .producer-badge{min-width:16px;height:16px;font:600 10px/1 var(--mono);color:var(--ink);box-shadow:0 0 0 1px rgba(var(--holo-rgb),.5);background:#0000009e;border:0;border-radius:8px;place-items:center;padding:0 3px;display:grid;position:absolute;top:3px;right:3px}#hud .producer-badge svg{width:11px;height:11px}#hud .producer-badge.ready{color:var(--on-acc);background:var(--acc);box-shadow:0 0 8px rgba(var(--acc-rgb),.8)}#hud .producer-progress,#hud .producer-lane{height:2px;width:calc(var(--p) * 100%);background:var(--acc);box-shadow:0 0 6px rgba(var(--acc-rgb),.7);position:absolute;bottom:0;left:0}#hud .producer-lane{background:var(--holo-text);box-shadow:none;opacity:.9;top:0;bottom:auto}#hud :is(.producer-progress,.producer-lane).held{background:repeating-linear-gradient(90deg,var(--muted) 0 4px,transparent 4px 7px);box-shadow:none}#hud #producer-tabs .producer-button[aria-pressed=true]{background-color:rgba(var(--acc-rgb),.12);box-shadow:inset 0 0 0 1px var(--acc), var(--glow-2)}#hud #producer-tabs .producer-button[aria-pressed=true] .producer-number{color:var(--acc-text);text-shadow:var(--text-glow)}#hud #producer-tabs .producer-button[aria-pressed=true] .producer-portrait{opacity:1}#hud #producer-tabs .producer-button.is-ready:not([aria-pressed=true]){box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.8), var(--glow-2)}#hud .no-producer{color:var(--muted);align-self:center;padding:0 6px;font-size:10px}#hud .production>.production-shelf{flex:0 auto;min-height:0;padding:6px;display:block;overflow:hidden}#hud .shelf-arrow{display:none}#hud #production-list{scrollbar-width:thin;scrollbar-color:rgba(var(--holo-rgb),.4) transparent;scroll-snap-type:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;align-content:start;gap:5px;height:100%;padding:1px;display:grid;overflow:hidden auto}#hud .cameo-socket{aspect-ratio:1/1.12;border-radius:var(--r-s);corner-shape:var(--shape);box-shadow:inset 0 0 0 1px rgba(var(--holo-rgb),.1)}#hud .production .build-card{aspect-ratio:1/1.12;width:auto;min-width:0;height:auto;color:var(--ink);text-align:left;scroll-snap-align:none;background:radial-gradient(80% 62% at 50% 38%,rgba(var(--holo-rgb),.16),transparent 70%), var(--cell-bg);box-shadow:inset 0 0 0 1px rgba(var(--holo-rgb),.3);border-radius:var(--r-s);corner-shape:var(--shape);transition:box-shadow var(--t-fast), background-color var(--t-fast), opacity var(--t-fast);border:0;flex:none;grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:0 3px 3px;display:grid;position:relative;overflow:hidden;container-type:inline-size}#hud .production .build-card .cam-art{grid-column:1/-1;align-self:stretch;min-height:0;margin:0 -3px;position:relative}#hud .production .build-card .cam-art:before{content:"";border:1px solid rgba(var(--holo-rgb),.35);pointer-events:none;border-radius:50%;height:20%;position:absolute;bottom:9%;left:18%;right:18%;transform:perspective(60px)rotateX(55deg)}#hud .production .build-card .model-portrait{width:auto;height:auto;transition:opacity var(--t-fast), filter var(--t-fast);background:0 0;position:absolute;inset:2px 0 0}#hud .production .build-card .model-portrait img{object-fit:contain}#hud .production .build-card .tile-name{width:auto;min-height:2.24em;font:500 clamp(7.5px, calc(96cqi / (var(--fit) * .6)), 10.5px)/1.12 var(--font);letter-spacing:0;text-align:center;white-space:nowrap;color:var(--ink-2);background:0 0;flex-direction:column;grid-column:1/-1;justify-content:flex-end;align-items:center;margin:1px -1px 2px;padding:0;display:flex;position:static;overflow:hidden}#hud .production .build-card .tile-name>span{text-overflow:clip;max-width:100%;display:block;overflow:hidden}#hud .production .build-card .tile-cost{height:14px;font:500 10px/1 var(--mono);color:var(--muted);background:0 0;border:0;align-items:center;gap:3px;padding:0 0 0 1px;display:flex;position:static}#hud .production .build-card .tile-cost svg{width:9px;height:9px;color:var(--holo-text)}#hud .production .build-card .slot-key{min-width:14px;height:14px;font:600 9px/1 var(--mono);color:var(--holo-text);box-shadow:inset 0 0 0 1px rgba(var(--holo-rgb),.45);background:#00000073;border:0;border-radius:3px;justify-self:end;padding:0 3px;position:static}#hud .production .build-card .tile-count{z-index:3;min-width:17px;height:17px;font:700 12px/1 var(--mono);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(var(--holo-rgb),.5);background:#0009;border:0;border-radius:3px;place-items:center;padding:0 3px;display:grid;position:absolute;top:3px;right:3px}#hud .production .build-card :is(.cam-glyph,.tile-power-warning,.cam-x){z-index:3;width:18px;height:18px;color:var(--ink);background:#0000009e;border:0;border-radius:3px;place-items:center;padding:0;display:grid;position:absolute;top:3px;left:3px}#hud .production .build-card :is(.cam-glyph,.tile-power-warning,.cam-x) svg{width:11px;height:11px}#hud .production .build-card .cam-glyph.lock{color:var(--muted);background:#00000080}#hud .production .build-card .cam-glyph.poor{color:var(--bad);box-shadow:inset 0 0 0 1px rgba(var(--bad-rgb),.45)}#hud .production .build-card .tile-power-warning{color:var(--warn);box-shadow:inset 0 0 0 1px rgba(var(--warn-rgb),.5)}#hud .production .build-card .cam-x{cursor:pointer;box-shadow:inset 0 0 0 1px var(--acc);display:none}#hud .production .build-card .cam-x:hover{color:var(--on-acc);background:var(--acc)}#hud .production .build-card:is(:hover,:focus-visible) .cam-x{display:grid}#hud .production .build-card:is(:hover,:focus-visible):has(.cam-x) :is(.cam-glyph,.tile-power-warning){visibility:hidden}#hud .production .build-card :is(.cam-sweep,.cam-ring){z-index:1;pointer-events:none;border-radius:inherit;corner-shape:var(--shape);position:absolute;inset:0}#hud .production .build-card .cam-sweep{-webkit-mask:conic-gradient(transparent 0 calc(var(--p) * 360deg), #000 0);-webkit-mask:conic-gradient(transparent 0 calc(var(--p) * 360deg), #000 0);mask:conic-gradient(transparent 0 calc(var(--p) * 360deg), #000 0);background:#00000085}#hud .production .build-card .cam-ring{background:conic-gradient(var(--acc) 0 calc(var(--p) * 360deg), transparent 0);padding:2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}#hud .production .build-card.cameo:hover:not(:disabled):not(.is-ready){box-shadow:inset 0 0 0 1px var(--acc), var(--glow-1)}#hud .production .build-card:hover:not(:disabled) .slot-key{color:var(--acc-text);box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.6)}#hud .production .build-card:active:not(:disabled):not([aria-disabled=true]){background-color:rgba(var(--acc-rgb),.1)}#hud .production .build-card:is(.is-queued,.is-building,.is-held) .tile-count{color:var(--acc-text);box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.6);text-shadow:var(--text-glow)}#hud .production .build-card.is-building{box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.7), var(--glow-1)}#hud .production .build-card.is-held .cam-sweep{background:repeating-linear-gradient(135deg,#0000009e 0 4px,#00000057 4px 8px)}#hud .production .build-card.is-held .cam-ring{background:conic-gradient(var(--muted) 0 calc(var(--p) * 360deg), transparent 0)}#hud .production .build-card.is-held .model-portrait{filter:saturate(.4)}#hud .production .build-card:is(.is-busy,.is-locked){background:var(--cell-bg);box-shadow:inset 0 0 0 1px rgba(var(--holo-rgb),.16)}#hud .production .build-card.is-busy .model-portrait{opacity:.24;filter:grayscale()}#hud .production .build-card:is(.is-busy,.is-locked) .cam-art:before{opacity:.3}#hud .production .build-card:is(.is-busy,.is-locked) :is(.tile-cost,.tile-name,.slot-key){color:var(--muted);opacity:.55}#hud .production .build-card.is-locked .model-portrait{opacity:.2;filter:grayscale()}#hud .production .build-card.no-credits .model-portrait{filter:grayscale(.75);opacity:.75}#hud .production .build-card.no-credits .tile-cost,#hud .production .build-card.no-credits .tile-cost svg{color:var(--bad);opacity:1}#hud .production .build-card[disabled]{cursor:default}#hud .production .build-card.is-ready{background:radial-gradient(80% 62% at 50% 40%,rgba(var(--acc-rgb),.38),rgba(var(--acc-rgb),.06) 75%), var(--cell-bg);box-shadow:inset 0 0 0 1.5px var(--acc), var(--glow-3);animation:var(--pulse)}#hud .production .build-card.is-ready .cam-art:before{border-color:var(--acc);box-shadow:0 0 10px rgba(var(--acc-rgb),.8)}#hud .production .build-card.is-ready .tile-count{color:var(--acc-text);box-shadow:inset 0 0 0 1px var(--acc)}#hud .production .build-card.is-ready .tile-name{color:var(--ink)}#hud .production .build-card .cam-ready{z-index:2;font:700 10px/1 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--on-acc);background:var(--acc);box-shadow:0 0 12px rgba(var(--acc-rgb),.8), 0 1px 3px #0009;border-radius:2px;padding:3px 7px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}#hud #production-list:has(.is-ready) .build-card:not(.is-ready):not(:hover){opacity:.5}:root.reduce-effects #hud .production .build-card .cam-ready{box-shadow:0 0 0 1px #000000b3}@container (width<=64px){#hud .production .build-card .tile-cost{letter-spacing:-.02em;font-size:9px}#hud .production .build-card .tile-cost svg{display:none}#hud .production .build-card .slot-key{padding:0 2px;font-size:8.5px}}@media (max-height:760px){#hud .production-toolbar{height:38px}#hud .producer-strip{height:48px}}@media (max-width:720px){#hud .production-toolbar{height:34px}#hud .producer-strip{height:44px}#hud #producer-tabs .producer-button{flex-basis:52px}}#hud-tooltip .tip-power,#hud-tooltip .tip-warning{color:#c3d2d8;font-variant-numeric:tabular-nums;align-items:flex-start;gap:5px;margin-top:5px;font-size:10px;line-height:1.4;display:flex}#hud-tooltip .tip-power svg,#hud-tooltip .tip-warning svg{flex:0 0 11px;width:11px;height:11px;margin-top:2px}#hud-tooltip .tip-warning{color:#ff9f83;background:#ff9f8314;border-left:2px solid #ff9f83;margin-top:7px;padding:5px 7px}#hud #command-deck{inset:auto calc(var(--sb-w,344px) + 2 * var(--hud-inset)) var(--hud-inset) var(--hud-inset);align-content:flex-start;align-items:flex-start;gap:var(--hud-gap);isolation:auto;pointer-events:none;background:0 0;flex-wrap:wrap-reverse;height:auto;padding:0;display:flex;position:absolute}#hud #command-deck:before{content:none}#hud #command-deck>*{pointer-events:auto}#hud #command-panel{background:var(--scan), var(--card);min-width:0;height:52px;box-shadow:var(--edge);border-radius:var(--r-m);corner-shape:var(--shape);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border:0;flex-direction:row;flex:0 auto;align-items:center;gap:6px;padding:6px 8px;display:flex}#hud #command-panel:empty{display:none}#hud .cmd-group{align-items:center;gap:4px;display:flex}#hud .cmd-sep{background:rgba(var(--holo-rgb),.3);flex:none;width:1px;height:26px;margin:0 4px}#hud .cmd-caption{font:600 8.5px/1.15 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:4px}#hud .cmd{width:40px;height:40px;color:var(--holo);background:var(--cell-bg);box-shadow:var(--edge-quiet);border-radius:var(--r-s);corner-shape:var(--shape);transition:box-shadow var(--t-fast), color var(--t-fast), background-color var(--t-fast);border:0;flex:none;justify-content:center;align-items:center;gap:7px;padding:0;display:flex;position:relative}#hud .cmd>svg{width:20px;height:20px;filter:var(--icon-glow);flex:none;margin-top:-4px}#hud .cmd .cmd-label{font:600 12px/1 var(--font);white-space:nowrap;color:var(--acc-text);display:none}#hud .cmd.has-label{width:auto;padding:0 16px 0 10px}#hud .cmd.has-label>svg{margin-top:0}#hud .cmd.has-label .cmd-label{display:inline}#hud .cmd .slot-key{min-width:11px;height:11px;font:600 8px/1 var(--mono);color:var(--holo-text);box-shadow:none;opacity:.9;background:0 0;border:0;place-items:center;padding:0 1px;display:grid;position:absolute;inset:auto 3px 2px auto}#hud .cmd:hover:not(:disabled),#hud .cmd:focus-visible{color:var(--acc);background-color:rgba(var(--acc-rgb),.08);box-shadow:inset 0 0 0 1px var(--acc), var(--glow-2)}#hud .cmd:hover:not(:disabled)>svg{filter:var(--acc-icon-glow)}#hud .cmd:hover:not(:disabled) .slot-key{color:var(--acc-text)}#hud .cmd:active:not(:disabled){background-color:rgba(var(--acc-rgb),.14)}#hud .cmd[aria-pressed=true]{color:var(--acc);background-color:rgba(var(--acc-rgb),.1);box-shadow:inset 0 0 0 1px var(--acc), var(--glow-1)}#hud .cmd[aria-pressed=true]>svg{filter:var(--acc-icon-glow)}#hud .cmd[aria-pressed=true]:after{content:"";background:var(--acc);height:2px;position:absolute;bottom:0;left:9px;right:9px}#hud .cmd:disabled{cursor:default;color:var(--muted)}#hud .cmd:disabled>svg{opacity:.45;filter:none}#hud .cmd:disabled .slot-key{opacity:.5}@media (max-height:760px){#hud #command-panel{height:46px;padding:4px 6px}#hud .cmd{width:36px;height:36px}#hud .cmd>svg{width:18px;height:18px}}.modal button.danger-action{color:#ffc3b5;background:#341d1c;border-color:#945849}.modal button.danger-action:hover{color:#fff2eb;background:#66352b;border-color:#d68b76}.graphics-benchmark-card .preference-row{align-items:center;gap:24px}.graphics-benchmark-card .preference-row p{max-width:440px;line-height:1.65}.graphics-benchmark-card button{white-space:nowrap}.graphics-test-status{color:var(--accent);font-size:12px;line-height:1.5}.graphics-results{background:#090f15a0;border:1px solid #94b0be40;padding:20px}.graphics-results p{color:#adbdc4;font-size:11px;line-height:1.6}.graphics-run-config{text-transform:capitalize;margin-top:0}.graphics-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;display:grid}.graphics-metrics strong{color:#edf5f6;font:500 32px Barlow Condensed,sans-serif;display:block}.graphics-metrics strong small{color:#9eb2bf;font-size:17px}.graphics-metrics span{color:#a5b6c0;margin-top:6px;font-size:10px;display:block}.graphics-results table{border-collapse:collapse;width:100%;font-size:12px}.graphics-results th,.graphics-results td{text-align:right;border-bottom:1px solid #94b0be25;padding:10px 0;font-weight:400}.graphics-results th{color:#99aebb;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.graphics-results :is(td,th):first-child{text-align:left}.graphics-recommendation{justify-content:space-between;align-items:center;gap:16px;margin-top:20px;font-size:12px;display:flex}.graphics-recommendation b{text-transform:capitalize;font-weight:500}.graphics-test{z-index:1000;color:#eff5f5;background:#080e14;font-family:Barlow,sans-serif;position:fixed;inset:0}.graphics-test canvas{outline:none;width:100%;height:100%;position:absolute;inset:0}.graphics-test header,.graphics-test footer{background:#0a111be8;border:1px solid #7596ac70;padding:22px 26px;position:absolute;left:24px;right:24px}.graphics-test header{justify-content:space-between;align-items:center;gap:20px;display:flex;top:24px}.graphics-test header small{color:#99b1c1;letter-spacing:.15em;font-size:10px}.graphics-test h2{margin:6px 0;font:500 30px Barlow Condensed,sans-serif}.graphics-test p{color:#b6c6d0;margin:4px 0;font-size:12px}.graphics-test button{color:#edf5f6;background:#1e2e3b;border:1px solid #7c9dbb80;padding:13px 18px}.graphics-test button:hover{background:#334d60}.graphics-test footer{bottom:24px}.graphics-test footer>div{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.graphics-test footer strong{font:500 32px Barlow Condensed,sans-serif}.graphics-test footer strong small{color:#a3b6c4;font:400 11px Barlow,sans-serif}.graphics-test progress{accent-color:#9ec8de;width:100%;height:5px;margin:14px 0;display:block}@media (max-width:700px){.graphics-benchmark-card .preference-row,.graphics-recommendation{flex-direction:column;align-items:flex-start}.graphics-metrics strong{font-size:26px}.graphics-results{padding:14px}.graphics-test header,.graphics-test footer{padding:16px;left:12px;right:12px}.graphics-test h2{font-size:24px}.graphics-test kbd{display:none}}.renderer-note{color:#9fb3aa;margin-top:4px}.renderer-note.is-warning{color:#e8c07a}.sound-pack-section .sound-pack-row p{max-width:330px}.sound-pack-name{color:#e8d2a2;font-weight:500}.sound-pack-buttons{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:8px;max-width:300px;display:flex}.sound-pack-buttons .secondary{white-space:nowrap;padding:9px 13px;font-size:11px}.sound-pack-bar{background:#0f2229;border:1px solid #6f8f8433;height:4px;display:block;overflow:hidden}.sound-pack-bar>i{background:linear-gradient(90deg,#86b596,#e2c182);height:100%;display:block}.sound-pack-coverage{border-bottom:1px solid #98b59b16;padding:16px 0 14px}.sound-pack-coverage.is-off{opacity:.55}.sound-pack-total{color:#9fb5ab;align-items:baseline;gap:8px;margin:0 0 9px;font-size:11px;display:flex}.sound-pack-total strong{color:#edcc92;font-variant-numeric:tabular-nums;font:500 22px/1 Barlow Condensed,sans-serif}.sound-pack-total span{color:#c9d8c5;margin-left:auto;font:500 15px/1 Barlow Condensed,sans-serif}.sound-pack-mapped{color:#7f9a90;margin:8px 0 12px;font-size:9px}.sound-pack-categories{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 16px;margin:0;padding:0;list-style:none;display:grid}.sound-pack-categories li{color:#7f988f;grid-template-columns:1fr auto;gap:4px 8px;font-size:9px;display:grid}.sound-pack-categories li.has-cues{color:#c3d3c0}.sound-pack-categories li b{font-variant-numeric:tabular-nums;color:inherit;font-weight:500}.sound-pack-categories li .sound-pack-bar{grid-column:1/-1;height:3px}.sound-pack-warnings{color:#e3b98f;margin:12px 0 0;font-size:10px}.sound-pack-warnings summary{cursor:pointer;line-height:1.6}.sound-pack-warnings ul{color:#b9a58f;max-height:150px;margin:8px 0 0;padding:0 0 0 16px;line-height:1.6;overflow:auto}.sound-pack-progress{align-items:center;gap:12px;padding-top:12px;display:flex}.sound-pack-progress .sound-pack-bar{flex:1}.sound-pack-progress .secondary{padding:6px 12px;font-size:10px}.sound-pack-section .sound-pack-row p.sound-pack-cnc3-note{color:#8fa89c;margin-top:6px;font-size:9px}.sound-pack-section .audio-pack-status{min-height:15px;margin:10px 0 0;font-size:10px}@media (max-width:700px){.sound-pack-row{flex-direction:column;align-items:flex-start}}.tutorial-layer{pointer-events:none;z-index:4;--tut-accent:var(--accent);--tut-panel:#101c24f2;--tut-line:#9fb8bd33;--tut-text:#e9efec;--tut-muted:#a9b7b8;font-family:Barlow,Arial,sans-serif;position:absolute;inset:0}.tutorial-layer button{pointer-events:auto;font:inherit;cursor:pointer}.tutorial-layer kbd{color:#f3f6f3;text-align:center;vertical-align:1px;background:#0b151bcc;border:1px solid #c9d7d74d;border-bottom-width:2px;border-radius:3px;min-width:18px;margin:0 1px;padding:1px 5px;font:600 11px/1.4 Barlow,Arial,sans-serif;display:inline-block}.tut-comm{width:min(640px,calc(100vw - var(--radar-width,360px) - 420px));background:var(--tut-panel);border:1px solid var(--tut-line);border-top:2px solid var(--tut-accent);min-width:420px;color:var(--tut-text);pointer-events:auto;border-radius:3px;grid-template-columns:86px 1fr;gap:0 14px;padding:12px 14px 12px 12px;transition:opacity .3s,transform .3s;display:grid;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0008}.tut-comm.idle{opacity:0;pointer-events:none;transform:translate(-50%,-8px)}.tut-comm-portrait{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--tut-accent) 30%,#1d2d36) 0,#0b141a 75%);border:1px solid #bcd0d233;width:86px;height:86px;position:relative;overflow:hidden}.tut-comm-portrait .model-portrait{place-items:center;display:grid;position:absolute;inset:4px}.tut-comm-portrait .model-portrait img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .4s}.tut-comm-portrait .model-portrait.loaded img{opacity:1}.tut-comm-portrait .model-portrait.loaded>svg{display:none}.tut-comm-portrait .model-portrait>svg{color:#c6d4d5;width:48px;height:48px}.tut-comm-portrait:after{content:"";background:repeating-linear-gradient(0deg,#0000 0 2px,#0004 2px 3px),linear-gradient(180deg,#0000 40%,color-mix(in srgb,var(--tut-accent) 18%,#0000) 50%,#0000 60%);pointer-events:none;background-size:auto,100% 300%;animation:6s linear infinite tut-sweep;position:absolute;inset:0}@keyframes tut-sweep{0%{background-position:0 0,0 100%}to{background-position:0 0,0 -200%}}.tut-comm-body{min-width:0}.tut-comm-body header{align-items:baseline;gap:10px;margin:1px 0 5px;display:flex}.tut-comm-body header strong{letter-spacing:.02em;color:#fff;font:600 15px/1.2 Barlow,Arial,sans-serif}.tut-comm-body header span{letter-spacing:.08em;text-transform:uppercase;color:var(--tut-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.tut-comm-body header .tut-live{color:var(--tut-accent);align-items:center;gap:5px;margin-left:auto;font-size:10px;display:flex}.tut-live:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px}.tut-comm-text{min-height:44px;color:var(--tut-text);margin:0;font-size:15px;line-height:1.45}.tut-comm-text.hint:before{content:"Tip · ";color:var(--tut-accent);font-weight:600}.tut-comm-actions{grid-column:2;justify-content:flex-end;gap:8px;min-height:0;margin-top:6px;display:flex}.tut-comm-actions:empty{display:none}.tut-continue{color:#f4f7f4;background:color-mix(in srgb,var(--tut-accent) 22%,#12212a);border:1px solid color-mix(in srgb,var(--tut-accent) 60%,#0000);letter-spacing:.04em;border-radius:2px;align-items:center;gap:7px;padding:5px 10px;font-size:12px;display:flex}.tut-continue:hover,.tut-continue:focus-visible{background:color-mix(in srgb,var(--tut-accent) 38%,#12212a)}.tut-objectives{background:var(--tut-panel);border:1px solid var(--tut-line);border-left:2px solid var(--tut-accent);width:318px;color:var(--tut-text);pointer-events:auto;border-radius:3px;padding:11px 13px 10px;position:absolute;bottom:240px;left:20px;box-shadow:0 8px 24px #0007}.tut-objectives>header{letter-spacing:.14em;text-transform:uppercase;color:var(--tut-muted);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:11px;display:flex}.tut-objectives>header b{color:var(--tut-accent);font-weight:600}.tut-clock{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#dfe7e4;white-space:nowrap;margin-left:10px}.tut-clock small{color:var(--tut-muted);font-size:10px}.tut-clock.over{color:#e9b28a}.tut-steps{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.tut-steps li{color:var(--tut-muted);grid-template-columns:16px 1fr auto;align-items:start;gap:8px;font-size:13px;line-height:1.35;display:grid}.tut-steps li:before{content:"";border:1.5px solid;border-radius:50%;width:9px;height:9px;margin-top:4px}.tut-steps li.done{color:#8fa8a6}.tut-steps li.done:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ee0b4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 12 5 5L20 6'/%3E%3C/svg%3E") 50%/12px no-repeat;border:0;width:12px;height:12px;margin-top:2px}.tut-steps li.skipped:before{border-style:dashed}.tut-steps li.current{color:#fff;font-size:14px;font-weight:500}.tut-steps li.current:before{border-color:var(--tut-accent);background:color-mix(in srgb,var(--tut-accent) 55%,#0000)}.tut-steps li.flash{animation:1.2s tut-done}@keyframes tut-done{0%{color:#b9f2c9}to{color:#8fa8a6}}.tut-steps li .tut-count{font-variant-numeric:tabular-nums;color:var(--tut-accent);font-size:12px}.tut-bonus{border-top:1px solid var(--tut-line);margin-top:9px;padding-top:8px}.tut-bonus h4{letter-spacing:.16em;text-transform:uppercase;color:var(--tut-muted);margin:0 0 5px;font:500 10px/1 Barlow,Arial,sans-serif}.tut-bonus ul{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.tut-bonus li{color:var(--tut-muted);padding-left:18px;font-size:12px;position:relative}.tut-bonus li:before{content:"◇";color:#d8c28a;position:absolute;left:2px}.tut-bonus li.done{color:#cfe9d6}.tut-bonus li.done:before{content:"◆";color:#f0c14b}.tut-bonus li.failed{color:#8b8f8f;text-decoration:line-through}.tut-bonus li.failed:before{content:"✕";color:#d98474;text-decoration:none}.tut-objectives>footer{color:var(--tut-muted);justify-content:space-between;align-items:center;margin-top:9px;font-size:11px;display:flex}.tut-skip{color:#c8d4d3;letter-spacing:.05em;background:#0e1a21;border:1px solid #9fb8bd40;border-radius:2px;padding:3px 9px;font-size:11px}.tut-skip:hover,.tut-skip:focus-visible{color:#fff;border-color:var(--tut-accent)}.tut-skip.suggest{border-color:var(--tut-accent);color:#fff;animation:2.4s ease-in-out infinite tut-pulse-border}.tut-ring{border:2px solid var(--tut-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--tut-accent) 25%,#0000),0 0 18px color-mix(in srgb,var(--tut-accent) 55%,#0000);pointer-events:none;border-radius:5px;transition:left .12s,top .12s,width .12s,height .12s;animation:2.2s ease-in-out infinite tut-breathe;position:fixed}.tut-ring:after{content:"";border:7px solid #0000;border-top-color:var(--tut-accent);width:0;height:0;animation:1.6s ease-in-out infinite tut-bob;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tut-ring.below:after{border-top-color:#0000;border-bottom-color:var(--tut-accent);top:calc(100% + 6px);bottom:auto}@keyframes tut-breathe{0%,to{opacity:.7}50%{opacity:1}}@keyframes tut-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-4px)}}@keyframes tut-pulse-border{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--tut-accent) 0%,#0000)}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--tut-accent) 35%,#0000)}}.tut-label{letter-spacing:.03em;color:#0b1419;background:var(--marker,#e9eee9);white-space:nowrap;pointer-events:none;border-radius:2px;padding:3px 8px;font:600 12px/1.3 Barlow,Arial,sans-serif;position:fixed;transform:translate(-50%,-100%);box-shadow:0 2px 10px #0009}.tut-label:after{content:"";border:5px solid #0000;border-top-color:var(--marker,#e9eee9);position:absolute;top:100%;left:50%;transform:translate(-50%)}.tut-label.offscreen{border-radius:12px}.tut-label.offscreen:after{display:none}.tut-arrow{pointer-events:none;width:18px;height:14px;animation:1.4s ease-in-out infinite tut-arrow;position:fixed;transform:translate(-50%,-100%)}.tut-arrow:before{content:"";background:var(--marker,#e9eee9);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 1px 3px #000);position:absolute;inset:0}@keyframes tut-arrow{0%,to{margin-top:0}50%{margin-top:-6px}}.tut-card-backdrop{pointer-events:auto;background:radial-gradient(#050a0d99 0,#050a0de0 75%);place-items:center;animation:.35s tut-fade;display:grid;position:absolute;inset:0}.tut-card-backdrop.hidden{display:none}@keyframes tut-fade{0%{opacity:0}to{opacity:1}}.tut-card{border:1px solid #9fb8bd3d;border-top:3px solid var(--tut-accent);width:min(880px,100vw - 60px);max-height:calc(100vh - 60px);color:var(--tut-text);background:#0f1a21fa;border-radius:3px;flex-direction:column;display:flex;overflow:auto;box-shadow:0 24px 70px #000c}.tut-card>header{border-bottom:1px solid var(--tut-line);padding:22px 28px 16px}.tut-card .tut-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--tut-accent);margin:0 0 6px;font-size:11px}.tut-card h2{color:#fff;margin:0;font:500 34px/1.1 Barlow,Arial,sans-serif}.tut-card h2 small{color:var(--tut-muted);margin-top:6px;font-size:15px;font-weight:400;display:block}.tut-card-body{grid-template-columns:1.25fr 1fr;gap:24px;padding:20px 28px;display:grid}.tut-card-body h3{letter-spacing:.18em;text-transform:uppercase;color:var(--tut-muted);margin:0 0 9px;font:500 11px/1 Barlow,Arial,sans-serif}.tut-brief-comm{grid-template-columns:72px 1fr;align-items:start;gap:14px;display:grid}.tut-brief-comm .tut-comm-portrait{width:72px;height:72px}.tut-brief-comm p{color:#e3ebe8;margin:0;font-size:16px;line-height:1.55}.tut-brief-comm cite{color:var(--tut-muted);margin-top:8px;font-size:12px;font-style:normal;display:block}.tut-list{flex-direction:column;gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex}.tut-list li{color:#d7e0de;padding-left:16px;font-size:14px;line-height:1.4;position:relative}.tut-list li:before{content:"";background:var(--tut-accent);width:6px;height:6px;position:absolute;top:7px;left:2px;transform:rotate(45deg)}.tut-list li.done:before{background:#f0c14b}.tut-list li.failed{color:#8f9696}.tut-list li.failed:before{background:#7e8888}.tut-medal-rules{gap:10px;display:flex}.tut-medal-rules div{border:1px solid var(--tut-line);text-align:center;color:var(--tut-muted);background:#0a1318;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 6px;font-size:11px;line-height:1.3;display:flex}.tut-medal-rules svg{width:34px;height:40px}.tut-card>footer{border-top:1px solid var(--tut-line);align-items:center;gap:10px;padding:14px 28px 18px;display:flex}.tut-card>footer .tut-spacer{flex:1}.tut-card>footer span{color:var(--tut-muted);font-size:12px}.tut-card .tut-primary{color:#fff;background:color-mix(in srgb,var(--tut-accent) 34%,#13222b);border:1px solid var(--tut-accent);border-radius:2px;align-items:center;gap:10px;padding:11px 20px;font-size:15px;font-weight:600;display:flex}.tut-card .tut-primary svg{width:15px;height:15px}.tut-card .tut-primary:hover,.tut-card .tut-primary:focus-visible{background:color-mix(in srgb,var(--tut-accent) 50%,#13222b)}.tut-card .tut-secondary{color:#dbe4e2;background:#14222a;border:1px solid #9fb8bd40;border-radius:2px;padding:10px 16px;font-size:14px}.tut-card .tut-secondary:hover,.tut-card .tut-secondary:focus-visible{border-color:var(--tut-accent);color:#fff}.tut-debrief-medal{align-items:center;gap:20px;margin-bottom:18px;display:flex}.tut-debrief-medal svg{filter:drop-shadow(0 6px 18px #000a);flex:none;width:92px;height:110px;animation:.8s cubic-bezier(.2,.9,.3,1.2) tut-medal}@keyframes tut-medal{0%{opacity:0;transform:scale(.6)translateY(12px)}to{opacity:1;transform:none}}.tut-debrief-medal strong{color:#fff;font:500 28px/1.1 Barlow,Arial,sans-serif;display:block}.tut-debrief-medal span{color:var(--tut-muted);margin-top:4px;font-size:13px;display:block}.tut-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.tut-stats div{border:1px solid var(--tut-line);background:#0a1318;padding:9px 10px}.tut-stats strong{color:#fff;font-variant-numeric:tabular-nums;font:500 20px/1.2 Barlow,Arial,sans-serif;display:block}.tut-stats small{letter-spacing:.14em;text-transform:uppercase;color:var(--tut-muted);font-size:10px}.tut-record{color:#f0c14b!important}@media (prefers-reduced-motion:reduce){.tut-ring,.tut-ring:after,.tut-arrow,.tut-skip.suggest,.tut-comm-portrait:after,.tut-debrief-medal svg,.tut-steps li.flash{animation:none}.tut-comm{transition:none}}@media (max-height:760px){.tut-objectives{width:280px}.tut-steps li.current{font-size:13px}.tut-comm{min-width:380px}.tut-comm-text{font-size:14px}}.training-screen{color:#e8edeb;flex-direction:column;padding:clamp(26px,5vh,56px) clamp(30px,5vw,90px) clamp(22px,4vh,44px);display:flex;position:absolute;inset:0}.training-screen.hidden{display:none}.training-header{align-items:center;gap:24px;margin-bottom:clamp(16px,3vh,30px);display:flex}.training-header h2{margin:0;font:400 clamp(28px,2.6vw,42px)/1 Barlow,Arial,sans-serif}.training-header p{color:#aab5b6;margin:4px 0 0;font-size:14px}.training-factions{gap:6px;margin-left:auto;display:flex}.training-factions button{color:#c0c9ca;background:#0c1419cc;border:1px solid #c2d1d42b;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:8px 14px;font-size:15px;display:flex}.training-factions button svg{width:22px;height:22px}.training-factions button[aria-pressed=true]{color:#fff;border-bottom-color:var(--faction);background:color-mix(in srgb,var(--faction) 14%,#0c1419)}.training-layout{flex:1;grid-template-columns:minmax(360px,1.05fr) minmax(340px,1fr);gap:clamp(18px,2.4vw,36px);min-height:0;display:grid}.training-sections{flex-direction:column;gap:6px;margin:0;padding:0 6px 0 0;list-style:none;display:flex;overflow:auto}.training-sections button{text-align:left;color:#dfe6e4;background:#0b1318d9;border:1px solid #c2d1d41f;border-left:3px solid #0000;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;width:100%;padding:10px 12px;display:grid}.training-sections button:hover:not(:disabled),.training-sections button:focus-visible{border-color:#c2d1d44d;border-left-color:var(--title-accent);background:#111d24e6}.training-sections button[aria-current=true]{border-left-color:var(--title-accent);background:color-mix(in srgb,var(--title-accent) 12%,#0e181ee6)}.training-sections button:disabled{opacity:.5;cursor:not-allowed}.training-number{color:var(--title-accent);text-align:center;font:300 26px/1 Barlow,Arial,sans-serif}.training-sections strong{font:500 17px/1.2 Barlow,Arial,sans-serif;display:block}.training-sections small{color:#a3afb0;margin-top:2px;font-size:12px;display:block}.training-medals{gap:3px;display:flex}.training-medals svg{width:20px;height:24px}.training-medals .none{opacity:.22}.training-detail{border:1px solid #c2d1d424;border-top:2px solid var(--title-accent);background:#0a1217e6;flex-direction:column;gap:14px;padding:22px 24px;display:flex;overflow:auto}.training-detail .tut-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--title-accent);margin:0;font-size:11px}.training-detail h3{color:#fff;margin:0;font:400 30px/1.1 Barlow,Arial,sans-serif}.training-detail p{color:#d2dbd9;margin:0;font-size:15px;line-height:1.55}.training-detail h4{letter-spacing:.18em;text-transform:uppercase;color:#98a5a7;margin:4px 0 0;font:500 11px/1 Barlow,Arial,sans-serif}.training-detail .tut-list li:before{background:var(--title-accent)}.training-records{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.training-records div{color:#aab5b6;background:#0d171c;border:1px solid #c2d1d41f;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.training-records svg{flex:none;width:22px;height:26px}.training-records b{color:#e6ecea;font-weight:500;display:block}.training-start{color:#fff;background:color-mix(in srgb,var(--title-accent) 30%,#0f1b22);border:1px solid var(--title-accent);align-self:flex-start;align-items:center;gap:12px;margin-top:auto;padding:12px 22px;font-size:17px;font-weight:600;display:flex}.training-start svg{width:16px;height:16px}.training-start:hover,.training-start:focus-visible{background:color-mix(in srgb,var(--title-accent) 48%,#0f1b22)}.training-locked{color:#c9b58a;font-size:13px}@media (max-width:900px){.training-layout{grid-template-columns:1fr}.training-header{flex-wrap:wrap}.training-factions{margin-left:0}}#hud.training #objective-banner{display:none!important}#hud.training #eva{top:calc(max(var(--hud-inset,12px), var(--tut-comm-bottom,0px) + 8px))}.tut-comm-portrait .model-portrait img{transform:scale(1.45)translateY(8%)}.training-header p{text-shadow:0 1px 6px #000}.rank-marker{pointer-events:none;will-change:transform;margin:0 0 0 -30px;position:absolute;top:0;left:0}.rank-marker svg,.veterancy svg,.group-rank svg{filter:drop-shadow(0 1px 1px #000000bf);display:block}.chevrons.heroic{filter:drop-shadow(0 0 2px #fff0b4d9)drop-shadow(0 1px 1px #000c);animation:2.6s ease-in-out infinite rank-heroic}.rank-marker.promoted svg{transform-origin:50% 100%;animation:1.4s cubic-bezier(.2,.8,.3,1) rank-promoted}.veterancy{line-height:0}.group-rank{pointer-events:none;align-items:flex-end;gap:1px;line-height:1;display:flex;position:absolute;top:2px;left:2px}.group-rank small{color:#f4f1e4;text-shadow:0 1px 2px #000;font-size:8px;font-weight:700}@keyframes rank-promoted{0%{filter:brightness(2.4)drop-shadow(0 0 6px #fff);transform:scale(2.2)translateY(-6px)}60%{transform:scale(1.1)}to{transform:none}}@keyframes rank-heroic{50%{filter:drop-shadow(0 0 4px #fff0b4)drop-shadow(0 1px 1px #000c)}}.slot-key{z-index:2;letter-spacing:.02em;color:#d6e3e6d9;min-width:16px;height:15px;box-shadow:none;pointer-events:none;white-space:nowrap;background:#0b1820c4;border:1px solid #8aa4b245;border-radius:2px;place-items:center;padding:0 3px;font:600 9.5px/1 Barlow,system-ui,sans-serif;display:grid;position:absolute;top:3px;left:3px}.build-card[aria-disabled=true] .slot-key{color:#9fb0b6a8;border-color:#8aa4b22b}.build-card:hover .slot-key,.build-card:focus-visible .slot-key{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.support-power .slot-key{min-width:12px;height:12px;padding:0 2px;font-size:7.5px;top:2px;left:2px}.build-card .slot-key~.tile-power-warning{top:21px}.support-power[aria-disabled=true] .slot-key{opacity:.6}#hud-tooltip .tip-key{vertical-align:1px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:#0b1820;border-radius:2px;margin-left:7px;padding:1px 5px;font:600 10px/1.3 Barlow,system-ui,sans-serif;display:inline-block}.keyboard-legend .kb-selection{background:#9fb7ec}.keyboard-legend .kb-production{background:#9ed98a}.keyboard-legend .kb-card{background:#d4a4e8}.keyboard-legend .kb-powers{background:#ee958a}.keyboard-key.kb-selection{color:#d3def8;background:#2c3a55;border-color:#9fb7ec6b #9fb7ec6b #56668d}.keyboard-key.kb-production{color:#d4f0c9;background:#2d4630;border-color:#9ed98a6b #9ed98a6b #557a4c}.keyboard-key.kb-card{color:#efd9f7;background:#40314a;border-color:#d4a4e86b #d4a4e86b #76598a}.keyboard-key.kb-powers{color:#f8d8d3;background:#4a2f30;border-color:#ee958a6b #ee958a6b #8b5550}.keyboard-key.kb-selection>span,.keyboard-key.kb-production>span,.keyboard-key.kb-card>span,.keyboard-key.kb-powers>span{color:inherit;opacity:.78}.keyboard-key.fixed{color:#7f9c9a;background:#1d333a;border-style:dashed}.binding-key.kb-selection{color:#d3def8;background:#2c3a55;border-color:#9fb7ec5c}.binding-key.kb-production{color:#d4f0c9;background:#2d4630;border-color:#9ed98a5c}.binding-key.kb-card{color:#efd9f7;background:#40314a;border-color:#d4a4e85c}.binding-key.kb-powers{color:#f8d8d3;background:#4a2f30;border-color:#ee958a5c}.binding-key.unbound{color:#6f8c88;background:0 0;border-style:dashed}.keyboard-layers{gap:4px;margin:-6px 0 12px;display:flex}.keyboard-layers button{color:#9eb7aa;background:#1a3038;border:1px solid #7caaa440;border-radius:2px;padding:5px 10px;font-size:10px}.keyboard-layers button[aria-pressed=true]{color:#f1cf95;background:#473f32;border-color:#e8bd7d}.keyboard-layers small{color:#7f9c95;align-self:center;margin-left:auto;font-size:9px}.binding-columns.hotkey-groups{grid-template-columns:1fr 1fr;row-gap:22px}.binding-columns.hotkey-groups section>p{color:#7f9c95;margin:-2px 0 6px;font-size:9px;line-height:1.45}.binding-prompt .binding-actions{gap:6px;display:flex}:root{--sb-w:clamp(236px, 17.9vw, 344px);--sb-tools-h:40px;--sb-econ-h:34px;--sb-radar-h:calc((var(--sb-w) - 28px) * .8 + 12px);--sb-shell-h:calc(var(--sb-tools-h) + var(--sb-radar-h) + var(--sb-econ-h) + 2 * var(--hud-gap,8px));--sb-shell-bottom:calc(var(--hud-inset,12px) + var(--sb-shell-h) + var(--hud-gap,8px));--radar-width:var(--sb-w);--deck-height:180px;--support-top:var(--hud-inset,12px);--support-top-compact:var(--hud-inset,12px)}@media (max-height:760px){:root{--deck-height:166px;--sb-tools-h:36px;--sb-econ-h:30px}}@media (max-width:720px){:root{--sb-w:180px;--deck-height:240px}}#hud>.production{top:var(--sb-shell-bottom);right:var(--hud-inset);bottom:var(--hud-inset);width:var(--sb-w)}#hud .sidebar-shell{top:var(--hud-inset);right:var(--hud-inset);width:var(--sb-w);gap:var(--hud-gap);pointer-events:none;flex-direction:column;display:flex;position:absolute}#hud .hud-card{pointer-events:auto;background:var(--scan), var(--card);box-shadow:var(--edge);border-radius:var(--r-m);corner-shape:var(--shape);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));position:relative}#hud .sb-tools{height:var(--sb-tools-h);align-items:center;gap:2px;padding:0 6px;display:flex}#hud .sb-tools button{min-width:22px;height:calc(var(--sb-tools-h) - 8px);color:var(--holo);border-radius:var(--r-s);corner-shape:var(--shape);transition:color var(--t-fast), box-shadow var(--t-fast), background-color var(--t-fast);background:0 0;border:0;flex:0 34px;place-items:center;padding:0;display:grid;position:relative}#hud .sb-tools button svg{width:18px;height:18px;filter:var(--icon-glow)}#hud .sb-tools button:hover{color:var(--acc);background-color:rgba(var(--acc-rgb),.06);box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.55), var(--glow-1)}#hud .sb-tools button:active{background-color:rgba(var(--acc-rgb),.1)}#hud .sb-tools button.active{color:var(--acc);background-color:rgba(var(--acc-rgb),.12);box-shadow:inset 0 0 0 1px var(--acc), var(--glow-1)}#hud .sb-tools button.active svg{filter:var(--acc-icon-glow)}#hud .sb-tools .sb-info{cursor:help}#hud .sb-tools #tool-power.low-power{color:var(--warn)}#hud .sb-tools #tool-power.low-power:after{content:"";background:var(--warn);border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:5px}#hud .sb-sep{background:var(--line);flex:none;width:1px;height:18px;margin:0 3px}#hud .sb-grow{flex:1}#hud #army-count{min-width:0;font:600 9px/1.2 var(--mono);color:var(--acc-text);pointer-events:none;background:#0000008c;border-radius:2px;padding:0 2px;position:absolute;bottom:1px;right:0}#hud #army-count:empty{display:none}#hud .radar{grid-template-columns:10px minmax(0,1fr);gap:6px;padding:6px;display:grid}#hud .radar-screen{min-width:0;position:relative}#hud #minimap{aspect-ratio:5/4;cursor:crosshair;touch-action:none;border-radius:var(--r-s);corner-shape:var(--shape);width:100%;height:auto;box-shadow:0 0 0 1px rgba(var(--holo-rgb),.35);border:0;display:block}#hud .mm-corner{pointer-events:none;width:10px;height:10px;position:absolute}#hud .mm-corner.tl{border-left:2px solid var(--acc);border-top:2px solid var(--acc);top:3px;left:3px}#hud .mm-corner.br{border-right:2px solid var(--acc);border-bottom:2px solid var(--acc);bottom:3px;right:3px}#hud .performance{pointer-events:none;font:500 9px/1.3 var(--mono);color:var(--muted);background:#040a10b8;border-radius:2px;padding:1px 4px;position:absolute;top:5px;right:16px}#hud .performance:empty{display:none}#hud .power-bar{--led:5px;--led-gap:2px;background:repeating-linear-gradient(0deg,rgba(var(--holo-rgb),.2) 0 var(--led),transparent var(--led) calc(var(--led) + var(--led-gap)));border-radius:2px;position:relative;overflow:hidden}#hud .power-bar i{position:absolute;bottom:0;left:0;right:0}#hud .pb-supply{height:calc(var(--sup,0) * 100%);background:repeating-linear-gradient(0deg,var(--ok) 0 var(--led),transparent var(--led) calc(var(--led) + var(--led-gap)));box-shadow:0 0 6px rgba(var(--ok-rgb),.35);transition:height .4s ease-out}#hud .pb-deficit{display:none}#hud .power-bar .pb-demand{height:2px;bottom:calc(var(--dem,0) * 100% - 1px);background:#fff;transition:bottom .4s ease-out;box-shadow:0 0 0 1px #0000008c,0 0 6px #fffc}#hud .power-bar.is-low .pb-supply{background:repeating-linear-gradient(0deg,var(--warn) 0 var(--led),transparent var(--led) calc(var(--led) + var(--led-gap)));box-shadow:0 0 6px rgba(var(--warn-rgb),.4)}#hud .power-bar.is-low .pb-deficit{bottom:calc(var(--sup,0) * 100%);height:calc((var(--dem,0) - var(--sup,0)) * 100%);background:repeating-linear-gradient(135deg,rgba(var(--bad-rgb),.75) 0 2px,transparent 2px 4px);display:block}#hud .economy-strip{height:var(--sb-econ-h);font-variant-numeric:tabular-nums;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:0 12px;display:grid}#hud .economy-strip .resource,#hud .economy-strip .match-clock{white-space:nowrap;border:0;align-items:center;gap:5px;min-width:0;padding:0;display:flex}#hud .econ-power{font:500 12px var(--mono);color:var(--muted)}#hud .econ-power svg{width:14px;height:14px;color:var(--holo);filter:var(--icon-glow)}#hud .econ-power strong{font:inherit;color:var(--ink)}#hud .econ-power strong i{color:var(--muted);font-style:normal}#hud .econ-power.low-power :is(svg,strong,strong i){color:var(--warn)}#hud .econ-power.low-power svg{filter:none}#hud .econ-credits{color:var(--acc-text);justify-content:center}#hud .econ-credits svg{width:15px;height:15px;color:var(--acc);filter:var(--acc-icon-glow)}#hud .econ-credits strong{font:600 22px/1 var(--num);letter-spacing:.01em;color:var(--acc-text);text-shadow:var(--text-glow)}#hud .economy-strip .match-clock{font:500 12px var(--mono);color:var(--muted);justify-content:flex-end}#hud #replay-tag{font:600 9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--acc-text);box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.6);border-radius:2px;padding:2px 4px}@media (max-width:1400px){#hud .econ-credits strong{font-size:18px}#hud .economy-strip{gap:4px;padding:0 8px}#hud :is(.econ-power,.economy-strip .match-clock){font-size:11px}}@media (max-height:760px){#hud .econ-credits strong{font-size:17px}}@media (max-width:720px){#hud .econ-power svg{display:none}#hud .sb-tools{gap:0;padding:0 3px}#hud .sb-sep{margin:0 1px}}:root.reduce-effects #hud .pb-supply{box-shadow:none}:root.reduce-effects #hud .power-bar .pb-demand{box-shadow:0 0 0 1px #0000008c}#hud-tooltip{z-index:40;pointer-events:none;width:max-content;min-width:140px;max-width:min(300px,100vw - 20px);font-family:var(--font);color:var(--ink);background:var(--tip);box-shadow:var(--edge), 0 8px 28px #00000059;border-radius:var(--r-m);corner-shape:var(--shape);border:0;padding:11px 13px;position:fixed}#hud-tooltip .tip-head{align-items:center;gap:8px;display:flex}#hud-tooltip .tip-head strong{min-width:0;font:600 15px/1.2 var(--font);color:var(--acc-text);text-shadow:var(--text-glow);flex:1}#hud-tooltip .tip-head .tip-key{min-width:18px;height:18px;font:700 11px/1 var(--mono);color:var(--on-acc);background:var(--acc);box-shadow:0 0 10px rgba(var(--acc-rgb),.55);text-shadow:none;white-space:nowrap;border:0;border-radius:3px;flex:none;place-items:center;margin:0;padding:0 5px;display:grid}#hud-tooltip .tip-stats{font:500 12px/1 var(--mono);color:var(--ink);flex-wrap:wrap;gap:4px 14px;margin:8px 0 6px;display:flex}#hud-tooltip .tip-stat{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}#hud-tooltip .tip-stat svg{width:14px;height:14px;color:var(--holo);flex:none}#hud-tooltip .tip-stat.ok,#hud-tooltip .tip-stat.ok svg{color:var(--ok)}#hud-tooltip .tip-stat.warn{color:var(--warn)}#hud-tooltip .tip-stat.bad,#hud-tooltip .tip-stat.bad svg{color:var(--bad)}#hud-tooltip .tip-cat{font:600 12px/1.3 var(--font);color:var(--holo-text);margin:0 0 4px}#hud-tooltip .tip-head+.tip-cat,#hud-tooltip .tip-head+p{margin-top:7px}#hud-tooltip p{font:400 12.5px/1.4 var(--font);color:var(--ink-2);margin:0 0 2px}#hud-tooltip :is(.tip-power,.tip-warning,.tip-lock){font:500 12px/1.35 var(--font);color:var(--ink-2);font-variant-numeric:tabular-nums;background:0 0;border:0;align-items:flex-start;gap:7px;margin:8px 0 0;padding:0;display:flex}#hud-tooltip :is(.tip-power,.tip-warning,.tip-lock) svg{flex:0 0 14px;width:14px;height:14px;margin-top:1px}#hud-tooltip .tip-power.supply{color:var(--ok)}#hud-tooltip :is(.tip-warning,.tip-lock){color:var(--warn)}#hud-tooltip .tip-note{border-top:1px solid var(--line-soft);font:500 11px/1.35 var(--font);color:var(--muted);margin-top:8px;padding-top:7px}#hud-tooltip>:first-child{margin-top:0}#hud #selection-panel:empty{display:none}#hud #selection-panel{--sel-h:calc(var(--deck-height) + 36px);--sq:44px;--big-w:176px;width:max-content;max-width:100%;height:var(--sel-h);background:var(--scan), var(--card);min-width:0;box-shadow:var(--edge);border-radius:var(--r-m);corner-shape:var(--shape);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));pointer-events:auto;flex-direction:column;place-self:end start;gap:6px;padding:7px 8px 8px;display:flex;position:relative}#hud .sel-head{align-items:center;gap:8px;min-width:0;height:24px;padding:0 2px;display:flex}#hud .sel-head h2{font:600 16px/1 var(--font);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:170px;margin:0;overflow:hidden}#hud .sel-head[style*=--house]:before{content:"";background:var(--house);border-radius:1px;flex:none;width:3px;height:16px}#hud .sel-rank{flex:none;place-items:center;line-height:0;display:grid}#hud .sel-rank svg{filter:drop-shadow(0 1px 1px #000000bf);display:block}#hud .sel-hp{--led:repeating-linear-gradient(90deg,#000 0 6px,transparent 6px 8px);background:rgba(var(--holo-rgb),.18);min-width:60px;height:6px;-webkit-mask:var(--led);-webkit-mask:var(--led);mask:var(--led);flex:1;position:relative}#hud .sel-hp i{width:calc(var(--hp) * 100%);background:var(--hp-color,var(--ok));position:absolute;inset:0 auto 0 0}#hud .sel-hp.is-damaged i{background:var(--hp-color,var(--warn))}#hud .sel-hp.is-critical i{background:var(--hp-color,var(--bad))}#hud .sel-head small{font:500 11px/1 var(--mono);color:var(--muted);text-align:right;flex:none;min-width:32px}#hud .sel-head:has(.sel-hp.is-critical) small{color:var(--bad)}#hud .sel-body{flex:1;gap:8px;min-height:0;display:flex}#hud .sel-big{width:var(--big-w);background:radial-gradient(70% 60% at 50% 55%,rgba(var(--holo-rgb),.2),transparent 70%), var(--cell-bg);height:100%;box-shadow:inset 0 0 0 1px rgba(var(--holo-rgb),.38);border-radius:var(--r-s);corner-shape:var(--shape);flex:none;position:relative;overflow:hidden}#hud .sel-big:before{content:"";border:1px solid rgba(var(--holo-rgb),.45);height:15%;box-shadow:0 0 12px rgba(var(--holo-rgb),.3);pointer-events:none;border-radius:50%;position:absolute;top:56%;left:18%;right:18%}#hud .sel-big>.model-portrait{width:108%;height:84%;color:var(--holo);position:absolute;top:2%;left:-4%}#hud .sel-big>.model-portrait img{object-fit:contain;filter:var(--icon-glow)}#hud .sel-big>.model-portrait .unit-icon{width:46%;height:50%}#hud .sel-status{pointer-events:none;flex-direction:column;gap:4px;display:flex;position:absolute;top:6px;left:7px;right:7px}#hud .sel-status em{font:500 10.5px/1.3 var(--font);color:var(--ink-2);text-shadow:0 1px 2px #000,0 0 4px #000;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-style:normal;display:-webkit-box;overflow:hidden}#hud .sel-squad{flex-wrap:wrap;gap:3px;display:flex}#hud .sel-squad i{background:rgba(var(--holo-rgb),.22);width:14px;height:4px;position:relative}#hud .sel-squad i:after{content:"";width:calc(var(--h) * 100%);background:var(--ok);position:absolute;inset:0 auto 0 0}#hud .sel-squad i.fallen{background:rgba(var(--bad-rgb),.35)}#hud .sel-status .ammo-pips{gap:3px;display:flex}#hud .sel-status .ammo-pips i{background:rgba(var(--holo-rgb),.18);width:7px;height:7px;box-shadow:inset 0 0 0 1px rgba(var(--holo-rgb),.45);border-radius:50%}#hud .sel-status .ammo-pips i.full{background:var(--acc);box-shadow:0 0 4px rgba(var(--acc-rgb),.7)}#hud .sel-status .ammo-pips.empty i{box-shadow:inset 0 0 0 1px rgba(var(--bad-rgb),.8)}#hud .sel-actions{scrollbar-width:none;gap:5px;display:flex;position:absolute;bottom:5px;left:5px;right:5px;overflow-x:auto}#hud .sel-actions::-webkit-scrollbar{display:none}#hud .act{height:38px;color:var(--holo);box-shadow:inset 0 0 0 1px rgba(var(--holo-rgb),.5);border-radius:var(--r-s);corner-shape:var(--shape);transition:box-shadow var(--t-fast), color var(--t-fast), background-color var(--t-fast);background:#040a10c7;border:0;flex:0 0 38px;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}#hud .act>svg{width:20px;height:20px;filter:var(--icon-glow);position:relative}#hud .act:hover:not([aria-disabled=true]),#hud .act:focus-visible{color:var(--acc);box-shadow:inset 0 0 0 1px var(--acc), var(--glow-2);background-color:rgba(var(--acc-rgb),.08)}#hud .act:hover:not([aria-disabled=true])>svg{filter:var(--acc-icon-glow)}#hud .act:active:not([aria-disabled=true]){background-color:rgba(var(--acc-rgb),.14)}#hud .act[aria-pressed=true]{color:var(--acc);background-color:rgba(var(--acc-rgb),.12);box-shadow:inset 0 0 0 1px var(--acc), var(--glow-1)}#hud .act[aria-pressed=true]>svg{filter:var(--acc-icon-glow)}#hud .act[aria-disabled=true]:not([aria-pressed=true])>svg{opacity:.45;filter:none}#hud .act.is-locked{color:var(--muted);box-shadow:inset 0 0 0 1px rgba(var(--holo-rgb),.25)}#hud .act-lock{color:var(--warn);line-height:0;position:absolute;top:3px;left:3px}#hud .act-lock svg{width:10px;height:10px}#hud .act-sweep{background:conic-gradient(from 0deg, transparent 0 calc((1 - var(--p)) * 360deg), #0000009e 0);position:absolute;inset:0}#hud .act-time{text-align:center;font:600 9px/1 var(--mono);color:var(--ink);text-shadow:0 1px 2px #000;position:absolute;bottom:2px;left:0;right:0}#hud .act .slot-key,#hud .upg .slot-key{min-width:11px;height:11px;font:600 8px/1 var(--mono);color:var(--holo-text);box-shadow:none;opacity:.9;background:0 0;border:0;place-items:center;padding:0 2px;display:grid;position:absolute;inset:auto 2px 2px auto}#hud .act.is-cooling .slot-key{display:none}#hud .act:hover:not([aria-disabled=true]) .slot-key{color:var(--acc-text)}#hud .upg .slot-key{inset:2px auto auto 2px}#hud .upg.is-off:hover .slot-key,#hud .upg-cell:focus-visible .slot-key{color:var(--acc-text)}#hud .sel-side{width:calc(var(--sq) * 3 + 10px);flex-direction:column;gap:5px;min-width:0;display:flex}#hud .sel-label{font:600 9px/12px var(--font);letter-spacing:.18em;text-transform:uppercase;color:var(--holo-text);white-space:nowrap;text-overflow:ellipsis;padding-left:2px;overflow:hidden}#hud .upg-grid{grid-template-columns:repeat(3, var(--sq));grid-auto-rows:var(--sq);max-height:calc(var(--sq) * 2 + 5px);scrollbar-width:none;gap:5px;display:grid;overflow-y:auto}#hud .upg-grid::-webkit-scrollbar{display:none}#hud .upg{width:var(--sq);height:var(--sq);color:var(--muted);background:rgba(var(--holo-rgb),.05);box-shadow:inset 0 0 0 1px rgba(var(--holo-rgb),.24);border-radius:var(--r-s);corner-shape:var(--shape);border:0;padding:0;position:relative}#hud .upg.is-empty{box-shadow:inset 0 0 0 1px rgba(var(--holo-rgb),.09);background:0 0}#hud .upg-cell{color:inherit;border-radius:inherit;corner-shape:var(--shape);background:0 0;border:0;place-items:center;padding:0 0 6px;display:grid;position:absolute;inset:0}#hud .upg-cell>svg{width:19px;height:19px;position:relative}#hud .upg-cell small{text-align:center;white-space:nowrap;font:500 8.5px/1 var(--mono);color:var(--muted);letter-spacing:-.02em;position:absolute;bottom:3px;left:1px;right:1px}#hud .upg-mark{line-height:0;position:absolute;top:2px;right:2px}#hud .upg-mark svg{width:10px;height:10px}#hud .upg.is-off .upg-cell>svg{opacity:.55}#hud .upg.is-off:hover:has(.upg-cell:not([aria-disabled=true])){box-shadow:inset 0 0 0 1px var(--acc), var(--glow-1);color:var(--ink)}#hud .upg.is-off:hover .upg-cell:not([aria-disabled=true])>svg{opacity:1}:is(#hud .upg-cell[aria-label*=Insufficient] small,#hud .upg.is-off:has([data-reason=Insufficient\ credits]) small){color:var(--bad)}#hud .upg.is-locked{opacity:.6}#hud .upg.is-locked .upg-cell>svg{opacity:.35}#hud .upg.is-locked .upg-mark{color:var(--muted)}#hud .upg.is-done{color:var(--acc);background:rgba(var(--acc-rgb),.13);box-shadow:inset 0 0 0 1px var(--acc), var(--glow-1)}#hud .upg.is-done .upg-cell{padding-bottom:0}#hud .upg.is-done .upg-cell>svg{filter:var(--acc-icon-glow)}#hud .upg.is-done .upg-mark{color:var(--acc)}#hud .upg.is-done small{color:var(--acc-text)}#hud .upg.is-research,#hud .upg.is-held{color:var(--ink)}#hud .upg-ring{border-radius:inherit;corner-shape:var(--shape);pointer-events:none;background:conic-gradient(var(--acc) calc(var(--p) * 360deg), rgba(var(--acc-rgb),.12) 0);padding:2px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}#hud .upg.is-research small{color:var(--acc-text);font-weight:600}#hud .upg.is-held .upg-ring{background:conic-gradient(var(--muted) calc(var(--p) * 360deg), rgba(var(--holo-rgb),.12) 0)}#hud .upg.is-held .upg-mark{color:var(--ink)}#hud .upg.is-held .upg-cell>svg{opacity:.6}#hud .upg-chip{z-index:2;width:16px;height:16px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--acc);background:#000000b8;border:0;border-radius:3px;place-items:center;padding:0;display:none;position:absolute;top:-3px}#hud .upg-chip svg{width:10px;height:10px}#hud .upg-hold{left:-3px}#hud .upg-x{right:-3px}#hud .upg:is(:hover,:focus-within) .upg-chip{display:grid}#hud .upg-chip:hover:not(:disabled){background:var(--acc);color:var(--on-acc)}#hud .upg-cell:focus-visible{outline-offset:1px}#hud .upg-kind{color:var(--holo);cursor:pointer;overflow:hidden}#hud .upg-kind .model-portrait{position:absolute;inset:2px 2px 8px}#hud .upg-kind .model-portrait .unit-icon{width:60%;height:60%}#hud .upg-kind b{font:600 10px/1 var(--mono);color:var(--ink);text-shadow:0 1px 2px #000;position:absolute;bottom:2px;right:3px}#hud .upg-kind:hover,#hud .upg-kind:focus-visible{box-shadow:inset 0 0 0 1px var(--acc), var(--glow-1);background-color:rgba(var(--acc-rgb),.06)}#hud .upg-kind .group-rank{top:2px;left:2px}#hud .sel-foot{font:500 10.5px/1.25 var(--font);color:var(--muted);flex-direction:column;gap:5px;margin-top:auto;padding:0 2px 1px;display:flex}#hud .sel-foot>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#hud .sel-xp{background:rgba(var(--holo-rgb),.16);height:3px;display:block;position:relative}#hud .sel-xp i{width:calc(var(--xp) * 100%);background:var(--holo);box-shadow:0 0 6px rgba(var(--holo-rgb),.6);position:absolute;inset:0 auto 0 0}#hud .sel-intel{width:170px}#hud .sel-intel .sel-label{color:var(--house,var(--muted))}#hud .sel-intel p{font:400 11px/1.4 var(--font);color:var(--ink-2);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}#hud .sel-intel .sel-foot>span+span{text-transform:capitalize}:root.reduce-effects #hud .sel-big:before,:root.reduce-effects #hud :is(.sel-xp i,.sel-status .ammo-pips i.full){box-shadow:none}@media (max-height:760px){#hud #selection-panel{--sq:40px;--big-w:160px}}@media (max-width:1000px){#hud #selection-panel{--sq:36px;--big-w:136px}#hud .sel-head h2{font-size:14px}}@media (max-width:720px){#hud #selection-panel{--sq:32px;--big-w:120px;height:auto}#hud .sel-big{height:120px}}:root{--font:"Oxanium", "Barlow", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--num:"Oxanium", "Barlow", system-ui, sans-serif;--warn:#ffb057;--warn-rgb:255,176,87;--bad:#ff8a80;--bad-rgb:255,138,128;--ok:#6bffa8;--ok-rgb:107,255,168;--on-acc:#111;--acc:#ffc35c;--acc-rgb:255,195,92;--acc-text:var(--acc);--holo:#7cc4ff;--holo-rgb:124,196,255;--holo-text:var(--holo);--ink:#eaf6ff;--ink-2:#d6e4ee;--muted:#b3c7d5;--shape:bevel;--r-m:10px 0;--r-s:5px 0;--blur:6px;--card-a:.86;--tip-a:.93;--cell-bg:#040a1080;--line-a:.3;--hud-inset:12px;--hud-gap:8px;--t-fast:.12s;--faction-gdi:#eea345;--faction-nod:#ed5959;--faction-scrin:#a69aff;--slate:#243541;--steel:#677f90;--control-face:linear-gradient(180deg,#2d3d49 0%,#1c2b35 12%,#14202a 100%);--control-hover:linear-gradient(180deg,#415767 0%,#2a3d4b 12%,#1d2f3b 100%);--control-pressed:linear-gradient(180deg,#101b24,#233642);--bevel:inset 0 1px #afc4d32e,inset 0 -2px #030c1280,inset 1px 0 #8fa9ba1a;--frame-shape:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-faction=nod],#hud[data-faction=nod],#hud-tooltip[data-faction=nod]{--acc:#ff5a4a;--acc-rgb:255,90,74;--acc-text:#ff9080;--holo:#ff8f7f;--holo-rgb:255,120,105;--holo-text:#ff8f7f;--ink:#fff1ef;--ink-2:#f1dcd8;--muted:#d9bdb8;--shape:bevel;--r-m:0 16px 0 4px;--r-s:0 8px 0 2px}:root[data-faction=scrin],#hud[data-faction=scrin],#hud-tooltip[data-faction=scrin]{--acc:#5ff5de;--acc-rgb:95,245,222;--acc-text:var(--acc);--holo:#b890ff;--holo-rgb:184,144,255;--holo-text:#c4a8ff;--ink:#f3eeff;--ink-2:#e0d9f3;--muted:#c4b9e2;--shape:squircle;--r-m:20px;--r-s:12px}:root,#hud,#hud-tooltip{--card-base:rgba(6,12,20,var(--card-a));--card-tint:linear-gradient(180deg,rgba(var(--holo-rgb),.13),rgba(var(--holo-rgb),.05));--card:var(--card-tint), var(--card-base);--tip:var(--card-tint), rgba(6,12,20,var(--tip-a));--scan:repeating-linear-gradient(0deg,rgba(var(--holo-rgb),.04) 0 1px,transparent 1px 3px);--edge:0 0 0 1px rgba(var(--holo-rgb),.42),0 0 12px rgba(var(--holo-rgb),.12),inset 0 0 18px rgba(var(--holo-rgb),.07);--edge-quiet:inset 0 0 0 1px rgba(var(--holo-rgb),.28);--line:rgba(var(--holo-rgb),var(--line-a));--line-soft:rgba(var(--holo-rgb),.14);--glow-1:0 0 10px rgba(var(--acc-rgb),.28);--glow-2:0 0 16px rgba(var(--acc-rgb),.5);--glow-3:0 0 24px rgba(var(--acc-rgb),.75),inset 0 0 18px rgba(var(--acc-rgb),.32);--text-glow:0 0 10px rgba(var(--acc-rgb),.55);--icon-glow:drop-shadow(0 0 4px rgba(var(--holo-rgb),.55));--acc-icon-glow:drop-shadow(0 0 5px rgba(var(--acc-rgb),.75));--pulse:hud-ready-pulse 1.8s ease-in-out infinite;--focus-glow:0 0 12px rgba(var(--acc-rgb),.6);--accent:var(--acc);--text:var(--ink);--panel:#060c14f0;--teal:var(--holo)}#hud,#hud-tooltip{--accent:var(--acc-text)}@keyframes hud-ready-pulse{50%{box-shadow:0 0 12px rgba(var(--acc-rgb),.45),inset 0 0 10px rgba(var(--acc-rgb),.2)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root{--card-a:.94;--tip-a:.96}}:root.reduce-effects,:root.reduce-effects #hud,:root.reduce-effects #hud-tooltip{--blur:0px;--card-a:.94;--tip-a:.96;--scan:linear-gradient(transparent,transparent);--edge:0 0 0 1px rgba(var(--holo-rgb),.42);--glow-1:0 0 0 0 transparent;--glow-2:0 0 0 1px rgba(var(--acc-rgb),.7);--glow-3:0 0 0 2px var(--acc);--text-glow:none;--icon-glow:none;--acc-icon-glow:none;--pulse:none;--focus-glow:0 0 0 0 transparent}@media (prefers-reduced-motion:reduce){:root,#hud,#hud-tooltip{--pulse:none}}#hud,#hud-tooltip{font-family:var(--font);color:var(--ink)}#hud kbd,#hud-tooltip kbd{font-family:var(--mono)}#hud-tooltip{background:var(--scan), var(--card);box-shadow:var(--edge);border-radius:var(--r-m);corner-shape:var(--shape);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));background:var(--tip);border-color:#0000}#hud .commands{border-color:var(--line-soft)}#hud .support-power{background:rgba(var(--holo-rgb),.06);background-color:var(--cell-bg);border-color:rgba(var(--holo-rgb),.28);box-shadow:none;color:var(--ink);border-radius:var(--r-s);corner-shape:var(--shape);transition:border-color var(--t-fast), box-shadow var(--t-fast), background-color var(--t-fast), color var(--t-fast)}#hud .support-power:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--acc);box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.55), var(--glow-1);color:var(--ink);background-color:rgba(var(--acc-rgb),.06)}#hud .support-power:active:not(:disabled):not([aria-disabled=true]){background-color:rgba(var(--acc-rgb),.1);box-shadow:inset 0 0 0 1px var(--acc)}#hud .support-power:hover:not(:disabled):not([aria-disabled=true]) svg{color:var(--acc)}#hud .support-power[aria-pressed=true]{color:var(--acc-text);border-color:var(--acc);background-color:rgba(var(--acc-rgb),.1);box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.6), var(--glow-1)}#hud .slot-key{font-family:var(--mono);color:var(--holo-text);border-color:rgba(var(--holo-rgb),.45);box-shadow:none;background:#0000008c}#hud :is(button,canvas,[tabindex]):focus-visible{outline:2px solid var(--acc);outline-offset:3px;box-shadow:var(--focus-glow)}.support-sidebar{left:var(--hud-inset);top:var(--support-top,90px);bottom:calc(var(--deck-height) + 30px);pointer-events:none;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:absolute}#support-powers{scrollbar-width:none;pointer-events:auto;flex-direction:column;gap:6px;min-height:0;margin:-2px -16px -16px -2px;padding:2px 16px 16px 2px;display:flex;overflow:auto}#hud #support-powers .support-power{border-radius:var(--r-m);corner-shape:var(--shape);width:56px;height:56px;color:var(--holo);background:var(--scan), radial-gradient(70% 60% at 50% 45%, rgba(var(--holo-rgb),.2), transparent 75%), var(--card);box-shadow:var(--edge);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));transition:box-shadow var(--t-fast), background-color var(--t-fast);border:0;flex:0 0 56px;place-items:center;padding:0 0 12px;display:grid;position:relative;overflow:hidden}#hud #support-powers .support-power>svg{width:24px;height:24px;color:var(--holo);filter:var(--icon-glow)}#hud #support-powers .support-power>.model-portrait{width:100%;height:40px}#hud #support-powers .support-power-sweep{pointer-events:none;background:conic-gradient(from 0deg, transparent 0 calc(var(--p) * 360deg), #00000094 0);position:absolute;inset:0}#hud #support-powers .support-power-status{z-index:1;font:500 9.5px/12px var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;color:var(--muted);background:0 0;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;bottom:3px;left:0;right:0}#hud #support-powers .support-power-status svg{flex-shrink:0;width:9px;height:9px}#hud #support-powers .support-power .slot-key{z-index:2;font-family:var(--mono);color:var(--holo-text);border-color:rgba(var(--holo-rgb),.35);background:#040a10b3}#hud #support-powers .support-power:hover:not([aria-disabled=true]){box-shadow:var(--edge), inset 0 0 0 1px rgba(var(--acc-rgb),.6), var(--glow-1)}#hud #support-powers .support-power:hover:not([aria-disabled=true])>svg{color:var(--acc)}#hud #support-powers .support-power[aria-pressed=true]{background-color:rgba(var(--acc-rgb),.1);box-shadow:inset 0 0 0 1px var(--acc), var(--glow-2)}#hud #support-powers .support-power[aria-pressed=true]>svg{color:var(--acc);filter:var(--acc-icon-glow)}#hud #support-powers .support-power.is-cd .support-power-status{color:var(--ink)}#hud #support-powers .support-power:is(.is-lowpower,.is-locked) .support-power-status{letter-spacing:-.04em;gap:1px;font-size:8px}#hud #support-powers .support-power.is-lowpower .support-power-status{color:var(--warn)}#hud #support-powers .support-power.is-lowpower>:is(svg,.model-portrait){opacity:.45;filter:saturate(.4)}#hud #support-powers .support-power.is-locked>:is(svg,.model-portrait){opacity:.3;filter:grayscale()}#hud #support-powers .support-power.is-credits .support-power-status{color:var(--bad)}#hud #support-powers .support-power.is-sw{box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.55), var(--edge);margin-top:6px}#hud #support-powers .support-power.is-sw>svg{color:var(--acc);filter:var(--acc-icon-glow)}#hud #support-powers .support-power.is-ready{background-color:rgba(var(--acc-rgb),.12);box-shadow:inset 0 0 0 1.5px var(--acc), var(--glow-3);animation:var(--pulse)}#hud #support-powers .support-power.is-ready .support-power-status{letter-spacing:.08em;color:var(--on-acc);background:var(--acc);border-radius:2px;font-weight:700;bottom:3px;left:7px;right:7px}#superweapon-timers{pointer-events:auto;flex-direction:column;flex-shrink:0;gap:6px;width:206px;display:flex}#superweapon-timers:empty{display:none}#hud #superweapon-timers .swt{height:42px;font-family:var(--font);color:var(--ink);border-radius:var(--r-m);corner-shape:var(--shape);background:var(--scan), linear-gradient(90deg, color-mix(in srgb, var(--house) 22%, transparent), transparent 62%), var(--card-base);box-shadow:0 0 0 1px color-mix(in srgb, var(--house) 50%, transparent), 0 0 12px color-mix(in srgb, var(--house) 16%, transparent);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 10px 0 11px;display:grid;position:relative;overflow:hidden}#hud #superweapon-timers .swt:before{content:"";background:var(--house);width:3px;position:absolute;top:0;bottom:0;left:0}#hud #superweapon-timers .swt-charge{height:2px;width:calc((100% - 3px) * var(--p));background:color-mix(in srgb, var(--house) 80%, transparent);position:absolute;bottom:0;left:3px}#hud #superweapon-timers .swt-ic{color:var(--house);place-items:center;display:grid}#hud #superweapon-timers .swt-ic svg{width:20px;height:20px;filter:drop-shadow(0 0 4px color-mix(in srgb, var(--house) 70%, transparent))}#hud #superweapon-timers .swt-name{flex-direction:column;gap:2px;min-width:0;line-height:1.1;display:flex}#hud #superweapon-timers .swt-name b{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}#hud #superweapon-timers .swt-name small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:10px;display:flex;overflow:hidden}#hud #superweapon-timers .swt-name em{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:2px;font-style:normal;font-weight:700;display:inline-flex}#hud #superweapon-timers .swt-name em svg{width:10px;height:10px}#hud #superweapon-timers .swt time{font:600 17px/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ink)}#hud #superweapon-timers .swt.is-own .swt-name small{color:var(--ink-2)}#hud #superweapon-timers .swt.is-ready{background:var(--scan), linear-gradient(90deg, color-mix(in srgb, var(--house) 34%, transparent), color-mix(in srgb, var(--house) 8%, transparent)), var(--card-base);box-shadow:0 0 0 1.5px var(--house), 0 0 18px color-mix(in srgb, var(--house) 55%, transparent), inset 0 0 18px color-mix(in srgb, var(--house) 30%, transparent)}#hud #superweapon-timers .swt.is-ready time{color:#fff;text-shadow:0 0 10px var(--house), 0 0 2px var(--house)}#hud #superweapon-timers .swt.is-ready em{color:var(--ink)}#hud #superweapon-timers .swt.is-ready em:before{content:"";background:var(--house);width:6px;height:6px;box-shadow:0 0 6px var(--house);margin-right:2px;transform:rotate(45deg)}#hud #superweapon-timers .swt.is-lead{animation:1.8s ease-in-out infinite swt-house-pulse}@keyframes swt-house-pulse{50%{box-shadow:0 0 0 1.5px var(--house), 0 0 8px color-mix(in srgb, var(--house) 35%, transparent), inset 0 0 8px color-mix(in srgb, var(--house) 16%, transparent)}}#hud #superweapon-timers .swt.is-halted time{color:var(--muted)}#hud #superweapon-timers .swt.is-halted em{color:var(--warn)}#hud #superweapon-timers .swt.is-halted .swt-charge{background:var(--muted)}:root.reduce-effects #hud #superweapon-timers .swt{box-shadow:0 0 0 1px color-mix(in srgb, var(--house) 50%, transparent)}:root.reduce-effects #hud #superweapon-timers .swt.is-ready{box-shadow:0 0 0 2px var(--house)}:root.reduce-effects #hud #superweapon-timers .swt :is(.swt-ic svg){filter:none}:root.reduce-effects #hud #superweapon-timers .swt.is-ready time{text-shadow:none}:root.reduce-effects #hud #superweapon-timers .swt.is-lead{animation:none}@media (prefers-reduced-motion:reduce){#hud #superweapon-timers .swt.is-lead{animation:none}}@media (max-height:760px){.support-sidebar{top:var(--support-top-compact,78px);bottom:calc(var(--deck-height) + 26px)}#hud #support-powers .support-power{flex-basis:49px;width:49px;height:49px}#hud #support-powers .support-power>.model-portrait{height:34px}#hud #support-powers .support-power>svg{width:21px;height:21px}#hud #superweapon-timers .swt{height:36px}}@media (max-width:720px){.support-sidebar{left:10px;top:var(--support-top-compact,76px);bottom:310px}#superweapon-timers{width:170px}#hud #superweapon-timers .swt time{font-size:14px}}:root{--eva-timers-w:206px;--eva-left:calc(var(--hud-inset,12px) + var(--eva-timers-w) + 2 * var(--hud-gap,8px));--eva-right:calc(var(--hud-inset,12px) + var(--sb-w,236px) + 2 * var(--hud-gap,8px))}@media (max-width:720px){:root{--eva-timers-w:170px}}#hud #eva{top:var(--hud-inset,12px);left:var(--eva-left);right:var(--eva-right);pointer-events:none;flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex;position:absolute}#app:has(>#network-status:not(.hidden)) #hud #eva{top:58px}#hud #eva :is(.objective-banner,.mode-indicator,.toast){max-width:100%;color:var(--ink);background:var(--scan), var(--card);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border:0;margin:0}#hud #eva .objective-banner{white-space:nowrap;height:36px;box-shadow:var(--edge);border-radius:var(--r-m);corner-shape:var(--shape);pointer-events:auto;align-items:center;gap:12px;padding:0 16px 0 10px;display:flex}#hud #eva .ob-tag{cursor:help;font:600 10px/1 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--acc-text);text-shadow:var(--text-glow);flex:none;align-items:center;gap:6px;display:flex}#hud #eva .ob-tag svg{width:17px;height:17px;color:var(--acc);filter:var(--acc-icon-glow)}#hud #eva .objective-banner strong{text-overflow:ellipsis;letter-spacing:.01em;min-width:0;color:var(--ink);font-size:14px;font-weight:500;overflow:hidden}#hud #eva .objective-banner.brief{height:30px;padding-right:12px}#hud #eva .objective-banner.brief strong{display:none}#hud #eva .objective-banner.brief:hover{height:36px;padding-right:16px}#hud #eva .objective-banner.brief:hover strong{display:block}#hud #eva .mode-indicator{white-space:nowrap;height:30px;font:400 12px/1 var(--font);color:var(--ink-2);text-align:left;border-radius:var(--r-m);corner-shape:var(--shape);box-shadow:0 0 0 1px rgba(var(--acc-rgb),.6), var(--glow-2);align-items:center;gap:8px;padding:0 6px 0 9px;display:flex}#hud #eva .ml-glyph{color:var(--acc);flex:none;place-items:center;display:grid}#hud #eva .ml-glyph svg{width:16px;height:16px;filter:var(--acc-icon-glow)}#hud #eva .mode-indicator b{letter-spacing:.08em;text-transform:uppercase;color:var(--acc-text);text-shadow:var(--text-glow);flex:none;font-size:11px;font-weight:600}#hud #eva .ml-hint{text-overflow:ellipsis;min-width:0;overflow:hidden}#hud #eva .ml-exit{border-left:1px solid var(--line-soft);height:18px;color:var(--muted);flex:none;align-items:center;gap:4px;margin-left:2px;padding-left:8px;font-size:10.5px;display:flex}#hud #eva .ml-exit kbd{font:600 9.5px/1 var(--mono);color:var(--holo-text);box-shadow:inset 0 0 0 1px rgba(var(--holo-rgb),.35);background:#040a10b3;border:0;border-radius:2px;padding:2px 4px}#hud #eva .mode-indicator.at-cursor{z-index:6;left:var(--cx,-999px);top:var(--cy,-999px);pointer-events:none;max-width:300px;height:auto;box-shadow:0 0 0 1px rgba(var(--acc-rgb),.55), var(--glow-1);grid-template-columns:auto auto;grid-template-areas:"g b""g h";justify-content:start;align-items:center;gap:3px 8px;padding:6px 12px 6px 8px;display:grid;position:fixed;transform:translate(20px,22px)}#hud #eva .mode-indicator.at-cursor .ml-glyph{grid-area:g}#hud #eva .mode-indicator.at-cursor b{grid-area:b}#hud #eva .mode-indicator.at-cursor .ml-hint{grid-area:h;font-size:11px}#hud #eva .mode-indicator.at-cursor .ml-exit{display:none}#hud #eva .mode-indicator.at-cursor.off-field{visibility:hidden}#hud #eva .mode-indicator.invalid{box-shadow:0 0 0 1px rgba(var(--warn-rgb),.75)}#hud #eva .mode-indicator.invalid :is(.ml-glyph,.ml-hint){color:var(--warn)}#hud #eva .mode-indicator.invalid .ml-glyph svg{filter:none}#hud #eva #toasts{flex-direction:column;align-items:center;gap:4px;width:auto;max-width:100%;display:flex;position:static}#hud #eva .toast{max-width:min(100%,560px);min-height:26px;font:500 12px/1.3 var(--font);letter-spacing:.01em;color:var(--acc-text);text-shadow:var(--text-glow);corner-shape:var(--shape);box-shadow:0 0 0 1px rgba(var(--acc-rgb),.5), var(--glow-1);border-radius:13px;align-items:center;gap:7px;padding:5px 14px 5px 10px;display:flex}#hud #eva .toast svg{width:14px;height:14px;color:var(--acc);flex:none}#hud #eva .toast span{overflow-wrap:anywhere;min-width:0}#hud #eva .toast:not(:first-child){color:var(--ink-2);text-shadow:none;box-shadow:var(--edge)}#hud #eva .toast:not(:first-child) svg{color:var(--holo)}#hud #eva .toast.warning{color:var(--warn);text-shadow:none;box-shadow:0 0 0 1px rgba(var(--warn-rgb),.7)}#hud #eva .toast.warning svg{color:var(--warn)}@media (max-height:760px){#hud #eva{gap:5px}#hud #eva .objective-banner{height:32px}#hud #eva .objective-banner strong{font-size:13px}#hud #eva .objective-banner.brief{height:28px}#hud #eva .toast{min-height:24px;padding-block:4px;font-size:11.5px}}@media (max-width:1100px){#hud #eva .ml-exit{display:none}}.screen-gate{z-index:10000;background:radial-gradient(ellipse at 50% 40%, rgba(var(--holo-rgb),.1), transparent 65%), #050a10;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.screen-gate-card{text-align:center;max-width:min(440px,100%);font-family:var(--font);color:var(--ink);background:var(--scan), var(--card);box-shadow:var(--edge);border-radius:var(--r-m);corner-shape:var(--shape);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));padding:28px 26px 26px}.screen-gate-card h2{letter-spacing:.02em;color:var(--acc-text);text-shadow:var(--text-glow);margin:14px 0 8px;font-size:22px;font-weight:600}.screen-gate-card p{color:var(--ink-2);margin:0;font-size:15px;line-height:1.45}.screen-gate-icon{fill:none;width:64px;height:64px;stroke:var(--holo);stroke-width:2px;filter:var(--icon-glow)}.screen-gate-icon .screen-gate-wide{stroke:var(--acc)}.screen-gate-icon .screen-gate-arrow{stroke:var(--acc);stroke-linecap:round;stroke-linejoin:round}:root.screen-gated,:root.screen-gated body{overflow:hidden}