@font-face{font-family:Rajdhani;font-style:normal;font-weight:400;font-display:swap;src:url(../media/906d1c14d86e79d2-s.0-i1s-24qk5t1.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-weight:400;font-display:swap;src:url(../media/dc822924a6b60314-s.03-5x1y2wcd2m.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:400;font-display:swap;src:url(../media/278cbb97e75e04e2-s.p.0.yvvm36aa76d.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(../media/e9924293c1dc5ea7-s.0z0a7anmcprth.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(../media/10bd139a632d728f-s.05k2ert78.0_h.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a079e02bba5bf7ab-s.p.0.s85e2kacc1m.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(../media/65c1f6eb17b9caea-s.0c8m9.w4oy~1r.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(../media/124b7a75a76bd55c-s.0h_k275rw8img.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d23f31b94ad01e54-s.p.091biwio0g5wn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(../media/63e49db46351d020-s.0ta1d1gw2mpw9.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(../media/35f9213b86bccda4-s.0-a587c3ipsmj.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(../media/3206eb66b875a5b3-s.p.0newl065t398d.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani Fallback;src:local(Arial);ascent-override:102.12%;descent-override:37.99%;line-gap-override:0.0%;size-adjust:91.07%}.rajdhani_96caf3b0-module__2WUe2q__className{font-family:Rajdhani,Rajdhani Fallback;font-style:normal}.rajdhani_96caf3b0-module__2WUe2q__variable{--sf-font-body:"Rajdhani", "Rajdhani Fallback"}
@font-face{font-family:Orbitron;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0acc7fdf55eb3220-s.p.12o-f1.6qra-s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0acc7fdf55eb3220-s.p.12o-f1.6qra-s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron;font-style:normal;font-weight:800;font-display:swap;src:url(../media/0acc7fdf55eb3220-s.p.12o-f1.6qra-s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron;font-style:normal;font-weight:900;font-display:swap;src:url(../media/0acc7fdf55eb3220-s.p.12o-f1.6qra-s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron Fallback;src:local(Arial);ascent-override:81.5%;descent-override:19.59%;line-gap-override:0.0%;size-adjust:124.05%}.orbitron_61cd6e5e-module__ntV-mq__className{font-family:Orbitron,Orbitron Fallback;font-style:normal}.orbitron_61cd6e5e-module__ntV-mq__variable{--sf-font-heading:"Orbitron", "Orbitron Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/04c5164763c40239-s.0h-nw9_c8d~-_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/26f284dcc38c84c0-s.10hk62x1-0d9n.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7e7f32a39836f228-s.0bmyfaahigzds.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fa39153a3fc630ba-s.0-0ft90hthv3~.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6a5386fd6038edbe-s.16fk0g~ypa53a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/051742360c26797e-s.p.0f97p8c3305p~.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/04c5164763c40239-s.0h-nw9_c8d~-_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/26f284dcc38c84c0-s.10hk62x1-0d9n.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/7e7f32a39836f228-s.0bmyfaahigzds.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fa39153a3fc630ba-s.0-0ft90hthv3~.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6a5386fd6038edbe-s.16fk0g~ypa53a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/051742360c26797e-s.p.0f97p8c3305p~.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/04c5164763c40239-s.0h-nw9_c8d~-_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/26f284dcc38c84c0-s.10hk62x1-0d9n.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7e7f32a39836f228-s.0bmyfaahigzds.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fa39153a3fc630ba-s.0-0ft90hthv3~.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6a5386fd6038edbe-s.16fk0g~ypa53a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/051742360c26797e-s.p.0f97p8c3305p~.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/04c5164763c40239-s.0h-nw9_c8d~-_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/26f284dcc38c84c0-s.10hk62x1-0d9n.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7e7f32a39836f228-s.0bmyfaahigzds.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fa39153a3fc630ba-s.0-0ft90hthv3~.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6a5386fd6038edbe-s.16fk0g~ypa53a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/051742360c26797e-s.p.0f97p8c3305p~.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_a755d693-module__cyvdMG__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_a755d693-module__cyvdMG__variable{--sf-font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--sf-bg:#04060e;--sf-bg-deep:#02040a;--sf-bg-panel:#0a0e1a;--sf-bg-panel-alpha:#080c18f2;--sf-bg-elevated:#0e1628f2;--sf-surface-0:#060a14e0;--sf-surface-1:#0a101ee6;--sf-surface-2:#0e1628eb;--sf-surface-3:#141e32f0;--sf-text:#cdf;--sf-text-strong:#e8f0ff;--sf-text-dim:#8aa1c1;--sf-text-muted:#546680;--sf-text-faint:#345;--sf-accent:#48f;--sf-accent-bright:#6ba3ff;--sf-accent-gold:#fc4;--sf-accent-red:#f44;--sf-accent-green:#4d8;--sf-accent-purple:#96f;--sf-accent-teal:#2cb;--sf-border:#1a2a44;--sf-border-dim:#6496ff26;--sf-border-bright:#6496ff66;--sf-border-hot:#78b4ffb3;--sf-font-heading:"Orbitron", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sf-font-mono:"JetBrains Mono", ui-monospace, "Cascadia Code", "Fira Code", "SF Mono", Menlo, monospace;--sf-font-body:"Rajdhani", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sf-glow-accent:0 0 20px #4488ff59;--sf-glow-gold:0 0 20px #ffcc444d;--sf-shadow-sm:0 2px 8px #0006;--sf-shadow-md:0 4px 18px #00000080;--sf-shadow-lg:0 18px 60px #0000008c;--sf-radius-xs:3px;--sf-radius-sm:6px;--sf-radius-md:10px;--sf-radius-lg:14px;--sf-radius-xl:20px;--color-bg-dark:#0a0e1a;--color-bg-panel:#080c18f2;--color-border:#1a2a44;--color-text:#cdf;--color-text-dim:#679;--color-accent-blue:#48f;--color-accent-gold:#fc0;--color-accent-red:#f44;--color-accent-green:#4f4;--color-player:#48f;--color-enemy:#f44;--glass-bg:#081020d9;--glass-blur:12px;--glass-border:#6496ff26;--glass-border-hover:#6496ff59;--glass-shadow:0 4px 24px #00000080;--glass-radius:8px;--sc2-bg:#0a0e14;--sc2-bg-deep:#050810;--sc2-panel:#0c1420;--sc2-panel-raised:#142036;--sc2-frame:#1f3354;--sc2-cyan:#00c8ff;--sc2-cyan-bright:#66e0ff;--sc2-cyan-dim:#006a99;--sc2-gold:gold;--sc2-gold-dim:#c8a02a;--sc2-amber:#f80;--sc2-selection:#0f8;--sc2-danger:#f34;--sc2-terran-blue-dark:#2a5c9e;--sc2-terran-blue:#4a9fe8;--sc2-terran-orange:#ff6a00;--sc2-zerg-purple-dark:#3d1a5c;--sc2-zerg-bone:#c8a060;--sc2-zerg-green:#2aab00;--sc2-protoss-gold:#c8862a;--sc2-protoss-gold-bright:gold;--sc2-protoss-blue:#00c8ff;--sc2-glow-cyan:0 0 16px #00c8ff8c;--sc2-glow-gold:0 0 12px #ffd70073;--sc2-glow-danger:0 0 14px #f349;--sc2-inset-frame:inset 0 0 0 1px #00c8ff40, inset 0 1px 0 #00c8ff26}.sc2-panel{background:linear-gradient(180deg, var(--sc2-panel-raised) 0%, var(--sc2-panel) 100%);border:1px solid var(--sc2-frame);box-shadow:var(--sc2-inset-frame), 0 4px 16px #0009;color:var(--sc2-cyan-bright);border-radius:2px}.sc2-panel-bevel{position:relative}.sc2-panel-bevel:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#00c8ff1f 0%,#0000 35%),linear-gradient(315deg,#0000004d 0%,#0000 40%);position:absolute;inset:0}.sc2-frame-corners{position:relative}.sc2-frame-corners:before,.sc2-frame-corners:after{content:"";border:2px solid var(--sc2-cyan);pointer-events:none;filter:drop-shadow(0 0 4px #00c8ff99);width:14px;height:14px;position:absolute}.sc2-frame-corners:before{border-bottom:none;border-right:none;top:-1px;left:-1px}.sc2-frame-corners:after{border-top:none;border-left:none;bottom:-1px;right:-1px}.sc2-text-cyan{color:var(--sc2-cyan-bright);text-shadow:var(--sc2-glow-cyan)}.sc2-text-gold{color:var(--sc2-gold);text-shadow:var(--sc2-glow-gold)}.sc2-text-mono-num{font-variant-numeric:tabular-nums;letter-spacing:.04em}.sc2-divider{background:linear-gradient(90deg, transparent 0%, var(--sc2-cyan-dim) 20%, var(--sc2-cyan) 50%, var(--sc2-cyan-dim) 80%, transparent 100%);opacity:.7;height:1px}.sc2-divider-v{background:linear-gradient(180deg, transparent 0%, var(--sc2-cyan-dim) 20%, var(--sc2-cyan) 50%, var(--sc2-cyan-dim) 80%, transparent 100%);opacity:.7;width:1px}.sc2-resource-chip{background:linear-gradient(#14243cd9 0%,#0a1220f2 100%);border:1px solid #00c8ff40;border-radius:2px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex;box-shadow:inset 0 1px #00c8ff2e,0 1px 3px #00000080}.sc2-button{border:1px solid var(--sc2-cyan-dim);color:var(--sc2-cyan-bright);text-shadow:0 0 6px #00c8ff66;background:linear-gradient(#142846f2 0%,#08101ef2 100%);border-radius:2px;transition:all .12s}.sc2-button:hover{border-color:var(--sc2-cyan);color:#fff;box-shadow:0 0 12px #00c8ff59,inset 0 0 8px #00c8ff26}.sc2-button:active{background:linear-gradient(#08101ef2 0%,#142846f2 100%)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--sf-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01", "ss02", "cv01";letter-spacing:.01em;background:#000;overflow:hidden}body{opacity:0;animation:.3s forwards bodyFadeIn}@keyframes bodyFadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#334;border-radius:3px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInGame{0%{opacity:1}to{opacity:0}}@keyframes fadeOutGame{0%{opacity:0}to{opacity:1}}@keyframes objectivePulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes menuStaggerIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes starFloat{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes buttonGlow{0%,to{box-shadow:0 0 8px #2277aa26}50%{box-shadow:0 0 20px #2277aa4d}}button{appearance:none}button:focus{outline:1px solid #36a4}button:active{transform:scale(.98)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);color:var(--color-text)}.glass-button{-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:var(--color-text);cursor:pointer;text-shadow:0 1px 3px #0009;background:#081020d9;border-radius:6px;transition:all .15s}.glass-button:hover{border-color:var(--glass-border-hover);transform:scale(1.02);box-shadow:0 0 16px #4488ff40,inset 0 0 12px #4488ff0f}.glass-button:active{transform:scale(.98)}.glass-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;border-color:#2832504d;transform:none}.glass-input{border:1px solid var(--glass-border);color:var(--color-text);background:#060a14e6;border-radius:4px;outline:none;font-family:monospace;transition:border-color .15s}.glass-input:focus{border-color:var(--glass-border-hover);box-shadow:0 0 8px #48f3}@keyframes countUp{0%{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes supplyFlash{0%,to{color:#f44;text-shadow:0 0 8px #f426}50%{color:#f86;text-shadow:0 0 16px #f428}}@keyframes supplyBarShake{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}}@keyframes supplyBarPulse{0%,to{border-bottom-color:#b4965038;box-shadow:0 1px #6496ff0f,0 4px 14px #00000059}50%{border-bottom-color:#ff44448c;box-shadow:0 0 22px #ff323259,0 4px 14px #00000059,inset 0 -2px 12px #ff28281f}}@keyframes raceChipGlow{0%,to{filter:brightness();box-shadow:0 0 14px var(--race-glow,#4488ff38)}50%{filter:brightness(1.15);box-shadow:0 0 28px var(--race-glow,#4488ff73), 0 0 48px var(--race-glow-soft,#4488ff26)}}.race-chip-active{animation:2.4s ease-in-out infinite raceChipGlow}@keyframes mapPreviewScan{0%{opacity:0;transform:translate(-100%)}15%{opacity:.6}85%{opacity:.6}to{opacity:0;transform:translate(100%)}}.map-preview-scan{animation:3.5s ease-in-out infinite mapPreviewScan}@keyframes tipFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.loading-tip-fade{animation:.45s tipFade}@keyframes damageFlash{0%{filter:brightness(2)saturate(1.5)}to{filter:brightness()saturate()}}@keyframes veterancyGlow{0%,to{box-shadow:0 0 4px #ffcc004d}50%{box-shadow:0 0 12px #fc09}}@keyframes progressSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cooldownSweep{0%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 100%,0% 100%,0% 0%,50% 0%)}to{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)}}@keyframes selectedPulse{0%,to{box-shadow:0 0 2px #00ff6480}50%{box-shadow:0 0 8px #00ff64cc}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes borderDash{to{stroke-dashoffset:-16px}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sf-hud-panel{border:1px solid var(--glass-border);border-radius:var(--glass-radius);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:0 2px 12px #0006,inset 0 1px #b4d2ff08}.sf-hud-panel:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#6496ff14,#0000);height:1px;position:absolute;top:0;left:0;right:0}.sf-compact .sf-hud-panel{padding:6px!important;font-size:10px!important}button[title]{cursor:help}.sf-heading{font-family:var(--sf-font-heading);letter-spacing:.05em;font-weight:700}.sf-mono{font-family:var(--sf-font-mono)}.sf-body{font-family:var(--sf-font-body)}.sf-btn{font-family:var(--sf-font-mono);letter-spacing:.1em;border:1px solid var(--sf-border-dim);color:var(--sf-text);cursor:pointer;text-shadow:0 1px 3px #0009;background:#081020d9;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.sf-btn:hover{border-color:var(--sf-border-bright);transform:scale(1.02);box-shadow:0 0 16px #4488ff40,inset 0 0 12px #4488ff0f}.sf-btn:active{transform:scale(.98)}.sf-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;border-color:#2832504d;transform:none}.sf-btn-accent{color:#8af;border-color:#48f6;box-shadow:0 0 12px #4488ff26}.sf-btn-accent:hover{border-color:#4488ffb3;box-shadow:0 0 24px #4488ff4d}.sf-btn-gold{color:#fc4;border-color:#fc46;box-shadow:0 0 12px #ffcc4426}.sf-btn-gold:hover{border-color:#ffcc44b3;box-shadow:0 0 24px #ffcc444d}.sf-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--sf-border-dim);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);color:var(--sf-text)}.sf-card{color:var(--sf-text);background:#080e1ce6;border:1px solid #2d446e80;border-radius:10px;padding:14px}@keyframes splashDrawIn{0%{stroke-dashoffset:500px}to{stroke-dashoffset:0}}@keyframes loadingStarDrift{0%{opacity:.6;transform:translateY(0)}50%{opacity:1}to{opacity:0;transform:translateY(-20px)}}@keyframes progressPulse{0%,to{box-shadow:0 0 8px #4488ff4d}50%{box-shadow:0 0 16px #48f9}}@keyframes auroraSweep{0%{opacity:0;transform:translate(-100%)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes auroraShimmer{0%,to{background-position:0%}50%{background-position:100%}}@keyframes glowBreath{0%,to{box-shadow:0 0 12px #4488ff40,inset 0 0 12px #4488ff08}50%{box-shadow:0 0 28px #4488ff80,inset 0 0 20px #4488ff12}}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes numberPop{0%{opacity:0;transform:translateY(6px)scale(.94)}50%{opacity:1;transform:translateY(-2px)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(24px)}}@keyframes underlineReveal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pulseRing{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(2.4)}}@keyframes alertFlash{0%,to{box-shadow:none;background-color:#f440}40%{background-color:#ff444426;box-shadow:inset 0 0 40px #f446}}.sf-aurora-accent{background:linear-gradient(90deg,#6496ff00 0%,#6496ff73 20%,#b482ff8c 50%,#64c8dc73 80%,#6496ff00 100%) 0 0/200% 100%;animation:6s ease-in-out infinite auroraShimmer}:focus-visible{outline-offset:2px;outline:2px solid #78b4ff99}.sf-focus-ring{outline:none;transition:transform .12s,box-shadow .16s,border-color .16s,background .16s}.sf-focus-ring:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #508ce647,inset 0 1px #c8e6ff14}.sf-focus-ring:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 2px 6px #00000073}.sf-focus-ring:focus-visible{outline-offset:2px;outline:2px solid #78b4ffb3;box-shadow:0 0 0 2px #3c6ec859,0 4px 14px #508ce647}.sf-focus-ring:disabled{cursor:not-allowed;filter:saturate(.6)}.game-canvas{cursor:default}.game-canvas.cursor-attack{cursor:crosshair}.game-canvas.cursor-target{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><circle cx='12' cy='12' r='8' fill='none' stroke='%2388ffaa' stroke-width='2'/><line x1='12' y1='2' x2='12' y2='7' stroke='%2388ffaa' stroke-width='2'/><line x1='12' y1='17' x2='12' y2='22' stroke='%2388ffaa' stroke-width='2'/><line x1='2' y1='12' x2='7' y2='12' stroke='%2388ffaa' stroke-width='2'/><line x1='17' y1='12' x2='22' y2='12' stroke='%2388ffaa' stroke-width='2'/></svg>") 12 12,crosshair}.game-canvas.cursor-build{cursor:cell}.game-canvas.cursor-cast{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><circle cx='14' cy='14' r='10' fill='none' stroke='%23aa88ff' stroke-width='2' stroke-dasharray='3 3'/><circle cx='14' cy='14' r='3' fill='%23aa88ff'/></svg>") 14 14,crosshair}::selection{color:var(--sf-text-strong);background:#6496ff59}*{scrollbar-color:#233149 #0a0e1a;scrollbar-width:thin}.sf-link{color:var(--sf-text-dim);text-decoration:none;transition:color .18s;position:relative}.sf-link:after{content:"";background:var(--sf-accent);transform-origin:0;height:1px;transition:transform .2s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.sf-link:hover{color:var(--sf-text-strong)}.sf-link:hover:after{transform:scaleX(1)}.sf-panel-raised{-webkit-backdrop-filter:blur(10px);background:linear-gradient(#0e1628f2,#080e1cf2);border:1px solid #466eaa59;border-radius:14px;box-shadow:inset 0 1px #c8e1ff0f,0 18px 60px #0000008c,inset 0 0 0 1px #ffffff05}.sf-hero-title{font-family:var(--sf-font-heading);letter-spacing:.08em;background:linear-gradient(90deg,#a8c6ff 0%,#e8f0ff 40%,#c8d8ff 60%,#88a8ff 100%);color:#0000;text-shadow:none;filter:drop-shadow(0 0 14px #4488ff59);-webkit-background-clip:text;background-clip:text;font-weight:900}.sf-chip{font-family:var(--sf-font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--sf-text-dim);background:#0a1220bf;border:1px solid #6496ff33;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:10px;font-weight:600;line-height:18px;display:inline-flex}.sf-corner-stamp{font-family:var(--sf-font-mono);letter-spacing:2px;color:#8caad28c;z-index:5;pointer-events:none;text-shadow:0 0 8px #4488ff4d;-webkit-backdrop-filter:blur(6px);background:#060a148c;border:1px solid #5078b433;border-radius:999px;align-items:center;padding:6px 11px;font-size:10px;display:inline-flex;position:fixed;bottom:14px;left:14px}.sf-corner-stamp:before{content:"";vertical-align:middle;background:#8cf;border-radius:50%;width:6px;height:6px;margin-right:6px;animation:2.4s ease-in-out infinite glowBreath;display:inline-block;box-shadow:0 0 8px #8cf}.sf-toast{font-family:var(--sf-font-mono);letter-spacing:1px;background:var(--sf-surface-2);border:1px solid #6496ff4d;border-left:3px solid var(--sf-accent);box-shadow:var(--sf-shadow-md);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:11px;animation:.26s cubic-bezier(.2,.8,.2,1) both toastSlideIn;display:flex}.sf-toast.sf-toast-warn{border-left-color:var(--sf-accent-gold)}.sf-toast.sf-toast-error{border-left-color:var(--sf-accent-red)}.sf-toast.sf-toast-ok{border-left-color:var(--sf-accent-green)}.sf-btn-primary{color:#a0c4ff;font-family:var(--sf-font-mono);letter-spacing:4px;text-transform:uppercase;cursor:pointer;background:linear-gradient(#0e1a30 0%,#080e1c 100%);border:2px solid #1a3366;border-radius:6px;padding:14px 40px;font-weight:700;transition:all .2s;box-shadow:0 0 25px #1e3c8c59,inset 0 1px #ffffff0f}.sf-btn-primary:hover{color:#d0e4ff;border-color:#3a6bcc;transform:translateY(-1px);box-shadow:0 0 45px #285ac88c,inset 0 1px #ffffff1a}.sf-btn-primary:active{transform:translateY(0)}.sf-dmg-float{font-family:var(--sf-font-mono);color:#fd7;text-shadow:0 2px #000,0 0 6px #000c;pointer-events:none;font-size:14px;font-weight:900;animation:.2s ease-out both numberPop;position:absolute}.sf-dmg-float.sf-dmg-heal{color:#8fa}.sf-dmg-float.sf-dmg-crit{color:#f74;font-size:18px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body{opacity:1;animation:none}}.reduced-motion,.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reduced-motion body{opacity:1;animation:none}.reduced-motion .game-resource-bar.supply-blocked-bar,.reduced-motion .race-chip-active,.reduced-motion .sf-aurora-accent,.reduced-motion .sf-minimap-sweep,.reduced-motion .map-preview-scan,.reduced-motion .loading-tip-fade,.reduced-motion .sf-toast,.reduced-motion .sf-dmg-float,.reduced-motion .sf-corner-stamp:before,.reduced-motion .match-intro-faction-card,.reduced-motion .match-intro-vs,.reduced-motion .match-intro-overlay{animation:none!important}[data-colorblind=protanopia]{--color-player:#39f;--color-enemy:#fa0;--sf-res-mineral-color:#8cf;--sf-res-gas-color:#6ea;--sf-res-supply-color:#fd8}[data-colorblind=deuteranopia]{--color-player:#48f;--color-enemy:#f72;--sf-res-mineral-color:#9df;--sf-res-gas-color:#8fc;--sf-res-supply-color:#fc6}[data-colorblind=tritanopia]{--color-player:#26d;--color-enemy:#e48;--sf-res-mineral-color:#adf;--sf-res-gas-color:#8fb;--sf-res-supply-color:#fb7}.sf-res-mineral{color:var(--sf-res-mineral-color,#9ed7ff);text-shadow:0 0 10px #78c8ff59}.sf-res-gas{color:var(--sf-res-gas-color,#b5f0c8);text-shadow:0 0 10px #78dca059}.sf-res-supply{color:var(--sf-res-supply-color,#ffd47a);text-shadow:0 0 10px #ffc8644d}.sf-heading,.sf-hero-title,h1,h2,h3{font-family:var(--sf-font-heading);letter-spacing:.06em;text-shadow:0 0 18px #508cdc2e}.sf-hud-panel{-webkit-backdrop-filter:blur(14px)saturate(120%);background:linear-gradient(#121c32eb 0%,#080e1cf0 100%),radial-gradient(120% 100% at 50% 0,#5082c81a,#0000 55%);border:1px solid #6496dc2e;position:relative;box-shadow:inset 0 1px #b4d7ff0f,inset 0 -1px #0000008c,0 12px 36px #0000008c}.sf-hud-panel:before{content:"";filter:blur(.2px);pointer-events:none;background:linear-gradient(90deg,#0000 0%,#78c8ff00 10%,#78c8ff8c 50%,#78c8ff00 90%,#0000 100%);height:1px;position:absolute;top:0;left:8%;right:8%}.sf-hud-clip{clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}.sf-holo-chip{font-family:var(--sf-font-mono);color:var(--sf-text-strong);letter-spacing:.04em;background:linear-gradient(#142440d9,#08101ed9);border:1px solid #78b4ff40;border-radius:4px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex;position:relative;box-shadow:inset 0 1px #c8e6ff14,0 0 12px #3c78c82e}.sf-holo-chip:after{content:"";background:linear-gradient(90deg,#0000,#8cc8ff80,#0000);height:1px;position:absolute;inset:1px 1px auto}.sf-hp-segmented{background-image:linear-gradient(90deg,#0000 0 calc(10% - 1px),#0000008c calc(10% - 1px) 10%);background-size:10% 100%;position:relative}@keyframes minimapSweep{0%{opacity:.55;transform:rotate(0)}50%{opacity:.18}to{opacity:.55;transform:rotate(360deg)}}.sf-minimap-sweep{border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:conic-gradient(#78dcff00 0deg 320deg,#78dcff59 355deg,#b4f0ff8c 360deg);animation:4s linear infinite minimapSweep;position:absolute;inset:0}.sf-minimap-sweep:after{content:"";border-radius:inherit;border:1px solid #78c8ff40;position:absolute;inset:0;box-shadow:inset 0 0 24px #3c78c840,0 0 16px #3c78c833}.sf-scanline{position:relative}.sf-scanline:before{content:"";pointer-events:none;mix-blend-mode:screen;border-radius:inherit;background-image:repeating-linear-gradient(0deg,#b4dcff06 0 1px,#0000 1px 3px);position:absolute;inset:0}.sf-btn,.glass-button,.sf-btn-primary{font-family:var(--sf-font-heading);text-transform:uppercase;letter-spacing:.12em;font-weight:600}.sf-btn:hover,.glass-button:hover{background:linear-gradient(#1e345cd9,#0c1628d9)}.game-canvas{filter:contrast(1.02)saturate(1.05)}.match-intro-overlay{z-index:70;pointer-events:none;justify-content:center;align-items:center;animation:.35s matchIntroFade;display:flex;position:absolute;inset:0}.match-intro-vignette{background:linear-gradient(#000000b8 0%,#0000 22% 78%,#000000b8 100%),radial-gradient(circle,#4488ff14,#0000 55%);position:absolute;inset:0}.match-intro-cards{align-items:center;gap:28px;padding:8px 12px;display:flex;position:relative}.match-intro-faction-card{text-align:center;background:linear-gradient(#0c1428f0 0%,#060a16f5 100%);border:1px solid #78b4ff47;border-radius:10px;min-width:200px;padding:18px 22px;animation:.55s both matchIntroCardFlash;box-shadow:0 0 28px #4488ff24}.match-intro-faction-card--enemy{animation-delay:.12s}.match-intro-faction-icon{filter:drop-shadow(0 0 12px);margin-bottom:8px;font-size:34px;line-height:1}.match-intro-faction-label{font-family:var(--sf-font-heading);letter-spacing:2.5px;margin-bottom:6px;font-size:13px;font-weight:700}.match-intro-faction-motto{color:#8aa1c1;letter-spacing:.4px;margin-bottom:8px;font-size:11px;font-style:italic}.match-intro-commander{color:#678;letter-spacing:1.5px;text-transform:uppercase;font-size:10px}.match-intro-vs{font-family:var(--sf-font-heading);color:#89b;letter-spacing:6px;font-size:22px;font-weight:700;animation:1.2s ease-in-out infinite matchIntroVsPulse}@keyframes matchIntroFade{0%{opacity:0}to{opacity:1}}@keyframes matchIntroCardFlash{0%{opacity:0;transform:scale(.92)translateY(8px)}55%{opacity:1;transform:scale(1.03)translateY(0)}to{opacity:1;transform:scale(1)}}@keyframes matchIntroVsPulse{0%,to{opacity:.75;text-shadow:none}50%{opacity:1;text-shadow:0 0 16px #88aadc73}}.post-match-summary{background:linear-gradient(#0c1428f2 0%,#060a16f2 100%);border:1px solid #78b4ff47;border-radius:8px;width:100%;min-width:380px;max-width:520px;margin-bottom:20px;padding:14px 18px;animation:.5s fadeIn;box-shadow:0 0 24px #4488ff1f}.post-match-summary__title{color:#6a88bf;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;font-size:10px}.post-match-summary__stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.post-match-summary__stat{text-align:center;background:#00000059;border:1px solid #5078b426;border-radius:6px;padding:8px 10px}.post-match-summary__stat-label{color:#567;letter-spacing:1.5px;margin-bottom:4px;font-size:8px}.post-match-summary__stat-value{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.post-match-summary__stat-value--animated{animation:.55s cubic-bezier(.22,1,.36,1) both postMatchStatReveal}@keyframes postMatchStatReveal{0%{opacity:0;filter:blur(2px);transform:translateY(10px)scale(.94)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.post-match-section-label{color:#567;letter-spacing:2px;margin-bottom:6px;font-size:9px}.post-match-apm-block{margin-bottom:14px}.apm-sparkline-chart{background:#00000059;border:1px solid #5078b42e;border-radius:4px;width:100%;height:56px;display:block}.apm-sparkline-empty{color:#567;padding:10px 0;font-size:10px}.post-match-apm-legend{color:#678;justify-content:space-between;margin-top:4px;font-size:9px;display:flex}.post-match-supply-milestones{margin-bottom:14px}.post-match-supply-row{flex-wrap:wrap;gap:6px;display:flex}.post-match-supply-chip{background:#ff884414;border:1px solid #ff884440;border-radius:4px;flex-direction:column;align-items:center;min-width:52px;padding:4px 8px;display:flex}.post-match-supply-chip__value{color:#fa6;font-size:12px;font-weight:700}.post-match-supply-chip__time{color:#678;font-size:8px}.post-match-build-timeline{margin-top:4px}.post-match-build-list{flex-direction:column;gap:3px;max-height:160px;display:flex;overflow-y:auto}.post-match-build-row{border-bottom:1px solid #3c506e33;grid-template-columns:44px 52px 1fr auto;align-items:center;gap:8px;padding:4px 0;font-size:11px;display:grid}.post-match-build-time{color:#678;font-size:9px}.post-match-build-supply{color:#fa6;font-size:9px;font-weight:700}.post-match-build-detail{color:#789}.post-match-build-type{letter-spacing:1px;font-size:8px}.post-match-build-type--build{color:#8bf}.post-match-build-type--train{color:#fa6}.replay-scrub-pin{cursor:pointer;pointer-events:all;border:none;border-radius:2px;width:4px;height:14px;padding:0;transition:opacity .12s,transform .12s}.replay-scrub-pin--key{width:auto;min-width:28px;height:18px;font-size:7px;font-family:var(--sf-font-mono);letter-spacing:.5px;z-index:2;background:#040812eb;border:1px solid;border-radius:3px;padding:0 4px;font-weight:700}.replay-scrub-pin--active{transform:scale(1.08)}.replay-scrub-pin-tooltip{color:#89a;gap:12px;padding:4px 16px;font-size:10px;display:flex}.replay-scrub-legend{letter-spacing:.5px;gap:12px;padding:2px 16px 6px;font-size:9px;display:flex}.replay-scrub-legend__item{opacity:.9}.reduced-motion .match-intro-faction-card,.reduced-motion .match-intro-vs{animation:none!important}@media (prefers-reduced-motion:reduce){.match-intro-faction-card,.match-intro-vs{animation:none!important}}.sf-game-root{--console-h:clamp(176px, 23.6vh, 214px);--console-step:26px;--console-center-h:calc(var(--console-h) - var(--console-step));--console-map-w:calc(var(--console-h) + 30px);--cc-cell:clamp(44px, calc((var(--console-h) - 44px) / 3), 54px);--sel-tile:36px;--hud-metal-hi:#42474ef7;--hud-metal:#25292ef7;--hud-metal-lo:#111316fa;--hud-edge:#fff0d721;--hud-edge-strong:#ffeccd4d;--hud-trim:#b8792a;--hud-accent:#f4b545;--hud-accent-rgb:244, 181, 69;--hud-glow-rgb:255, 172, 58;--hud-screen:#04070a;--hud-screen-rgb:96, 176, 214;--hud-icon:#d8ecff;--hud-text:#ece6da;--hud-text-dim:#938b7d;--hud-label:#cda565;--hud-ornament:radial-gradient(circle at 50% 50%, #9ea3a9 0 .8px, #4a4e53 1.3px, #16181b 2.3px, transparent 2.8px) 7px 7px / 6px 6px no-repeat, radial-gradient(circle at 50% 50%, #9ea3a9 0 .8px, #4a4e53 1.3px, #16181b 2.3px, transparent 2.8px) calc(100% - 7px) 7px / 6px 6px no-repeat, radial-gradient(circle at 50% 50%, #9ea3a9 0 .8px, #4a4e53 1.3px, #16181b 2.3px, transparent 2.8px) 7px calc(100% - 7px) / 6px 6px no-repeat, radial-gradient(circle at 50% 50%, #9ea3a9 0 .8px, #4a4e53 1.3px, #16181b 2.3px, transparent 2.8px) calc(100% - 7px) calc(100% - 7px) / 6px 6px no-repeat, repeating-linear-gradient(90deg, #ffffff04 0 1px, transparent 1px 3px);--hud-grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .055 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.sf-game-root[data-race=protoss]{--hud-metal-hi:#4a3920f7;--hud-metal:#281f12f7;--hud-metal-lo:#110d08fa;--hud-edge:#ffdea029;--hud-edge-strong:#ffd68c61;--hud-trim:#c99a45;--hud-accent:#f1cf7c;--hud-accent-rgb:241, 207, 124;--hud-glow-rgb:70, 212, 255;--hud-screen:#02070a;--hud-screen-rgb:70, 205, 255;--hud-icon:#d6f6ff;--hud-text:#f2ead6;--hud-text-dim:#9c8d6c;--hud-label:#e2bd68;--hud-ornament:linear-gradient(90deg, transparent 10px, #f1cf7c59 10px, #f1cf7c59 38px, transparent 38px) 0 5px / 100% 1px no-repeat, linear-gradient(90deg, transparent calc(100% - 38px), #f1cf7c59 calc(100% - 38px), #f1cf7c59 calc(100% - 10px), transparent calc(100% - 10px)) 0 5px / 100% 1px no-repeat, radial-gradient(120% 60% at 50% 0%, #46d4ff12, transparent 60%), repeating-linear-gradient(90deg, #ffe6b403 0 1px, transparent 1px 4px)}.sf-game-root[data-race=zerg]{--hud-metal-hi:#3e2442f7;--hud-metal:#211225f7;--hud-metal-lo:#0d060ffa;--hud-edge:#ecc4ff21;--hud-edge-strong:#d696ff57;--hud-trim:#8a4aa6;--hud-accent:#d9a2ff;--hud-accent-rgb:217, 162, 255;--hud-glow-rgb:178, 96, 240;--hud-screen:#070309;--hud-screen-rgb:176, 110, 220;--hud-icon:#f3e0ff;--hud-text:#efe3f3;--hud-text-dim:#93799a;--hud-label:#c79be0;--hud-ornament:radial-gradient(40px 18px at 18% 30%, #9646aa29, transparent 70%), radial-gradient(60px 22px at 72% 62%, #78328c24, transparent 70%), radial-gradient(30px 14px at 44% 84%, #be785a1a, transparent 70%), radial-gradient(90% 70% at 50% 110%, #00000059, transparent 70%)}.sfc-console{z-index:10;height:var(--console-h);grid-template-columns:var(--console-map-w) minmax(0, 1fr) auto;pointer-events:none;font-family:var(--sf-font-body);color:var(--hud-text);grid-template-areas:"map center card";align-items:end;display:grid;position:absolute;bottom:0;left:0;right:0}.sfc-console[data-observer=true]{grid-template-columns:var(--console-map-w);grid-template-areas:"map";right:auto}.sfc-console>*{pointer-events:auto}.sfc-mod{isolation:isolate;min-width:0;position:relative}.sfc-mod:before,.sfc-mod:after{content:"";pointer-events:none;clip-path:var(--sfc-shape,none);position:absolute}.sfc-mod:before{z-index:-2;background:linear-gradient(180deg, var(--hud-edge-strong) 0%, #000000e6 100%);inset:0}.sfc-mod:after{z-index:-1;background:var(--hud-ornament), var(--hud-grain), linear-gradient(180deg, var(--hud-metal-hi) 0%, var(--hud-metal) 9%, var(--hud-metal-lo) 100%);box-shadow:inset 0 1px 0 var(--hud-edge);inset:1px 0 0}.sfc-map{height:var(--console-h);--sfc-shape:polygon(0 0, calc(100% - var(--console-step)) 0, 100% var(--console-step), 100% 100%, 0 100%);grid-area:map;grid-template-columns:26px minmax(0,1fr);gap:6px;padding:9px 8px;display:grid}.sfc-console[data-observer=true] .sfc-map{--sfc-shape:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%)}.sfc-center{height:var(--console-center-h);z-index:1;grid-area:center;gap:8px;min-width:0;padding:8px 8px 8px 10px;display:flex}.sfc-center:after{background:linear-gradient(90deg, transparent 4%, rgba(var(--hud-accent-rgb), .28) 30%, rgba(var(--hud-accent-rgb), .28) 70%, transparent 96%) 0 0 / 100% 1px no-repeat, var(--hud-ornament), var(--hud-grain), linear-gradient(180deg, var(--hud-metal-hi) 0%, var(--hud-metal) 8%, var(--hud-metal-lo) 100%)}.sfc-card-mod{height:var(--console-h);--sfc-shape:polygon(0 var(--console-step), var(--console-step) 0, 100% 0, 100% 100%, 0 100%);padding:12px 10px 10px calc(var(--console-step) - 4px);grid-area:card;align-items:flex-end;display:flex}.sfc-trim{background:linear-gradient(90deg, transparent, var(--hud-trim), transparent);width:64px;height:2px;box-shadow:0 0 8px rgba(var(--hud-glow-rgb), .35);pointer-events:none;opacity:.85;position:absolute;top:3px}.sfc-map .sfc-trim{left:24px}.sfc-card-mod .sfc-trim{right:24px}.sfc-well{background:radial-gradient(120% 90% at 50% 0%, rgba(var(--hud-screen-rgb), .09), transparent 65%), var(--hud-screen);box-shadow:inset 0 2px 7px #000000eb, inset 0 0 0 1px #000000e6, 0 1px 0 var(--hud-edge);border-radius:3px;position:relative}.sfc-well-scan:after{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}.sfc-map-rail{flex-direction:column;align-items:center;gap:4px;padding-top:2px;display:flex}.sfc-rail-btn{background:linear-gradient(180deg, #ffffff12, #00000040), var(--hud-metal);width:26px;height:22px;box-shadow:inset 0 1px 0 var(--hud-edge), 0 1px 1px #00000080;color:var(--hud-text-dim);font:700 9px/1 var(--sf-font-body);letter-spacing:.08em;cursor:pointer;border:1px solid #000000d9;border-radius:2px;justify-content:center;align-items:center;padding:0;transition:color .12s,box-shadow .12s;display:flex}.sfc-rail-btn:hover{color:var(--hud-accent);box-shadow:inset 0 1px 0 var(--hud-edge), inset 0 0 0 1px rgba(var(--hud-accent-rgb), .45), 0 0 8px rgba(var(--hud-glow-rgb), .25)}.sfc-rail-btn:focus-visible{outline:1px solid var(--hud-accent);outline-offset:1px}.sfc-zoom-range{writing-mode:vertical-lr;width:14px;height:calc(var(--console-h) - 86px);min-height:36px;accent-color:var(--hud-trim);cursor:pointer;opacity:.8;direction:rtl;margin:2px 0}.sfc-map-well{justify-content:center;align-items:center;padding:3px;display:flex}.sfc-map-well .game-minimap-canvas{width:calc(var(--console-h) - 24px);height:calc(var(--console-h) - 24px);cursor:pointer;display:block}.sfc-map-collapsed{color:var(--hud-text-dim);font:600 10px/1.3 var(--sf-font-body);letter-spacing:.2em;text-transform:uppercase;justify-content:center;align-items:center;display:flex}.sfc-center .game-unit-info-panel{flex:auto;min-width:0}.sfc-center .game-build-panel{width:calc(var(--bp-cols,6) * (var(--bp-cell,50px) + 4px) + 16px);flex:0 auto;min-width:0;max-width:60%}.sfc-center .game-unit-info-panel,.sfc-center .game-build-panel{background:radial-gradient(120% 100% at 50% 0%, rgba(var(--hud-screen-rgb), .075), transparent 60%), linear-gradient(180deg, #0000008c, #0000006b), var(--hud-screen);box-shadow:inset 0 2px 8px #000000d9, inset 0 0 0 1px #000000e6, 0 1px 0 var(--hud-edge);border-radius:3px;position:relative}.sfc-center .game-unit-info-panel{padding:6px}.sfc-center .game-build-panel:empty{display:none}.sfc-sel{gap:10px;min-width:0;height:100%;display:flex}.sfc-portrait{width:calc((var(--console-center-h) - 28px) * .82);flex:none;height:100%;padding:0;overflow:hidden}.sfc-portrait img{object-fit:cover;width:100%;height:100%;display:block}.sfc-portrait-vector{justify-content:center;align-items:center;display:flex}.sfc-portrait-holo{background:linear-gradient(rgba(var(--hud-screen-rgb), .07) 1px, transparent 1px) 0 0 / 12px 12px, linear-gradient(90deg, rgba(var(--hud-screen-rgb), .07) 1px, transparent 1px) 0 0 / 12px 12px, radial-gradient(70% 60% at 50% 55%, rgba(var(--hud-screen-rgb), .22), transparent 70%), #020507;color:rgba(var(--hud-screen-rgb), .95)}.sfc-portrait-holo svg{z-index:1;filter:drop-shadow(0 0 8px rgba(var(--hud-screen-rgb), .7));position:relative}.sfc-portrait-holo:after{content:"";aspect-ratio:1;border:1px dashed rgba(var(--hud-screen-rgb), .35);width:78%;box-shadow:0 0 0 6px rgba(var(--hud-screen-rgb), .05), inset 0 0 18px rgba(var(--hud-screen-rgb), .12);pointer-events:none;border-radius:50%;animation:18s linear infinite sfcHoloSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes sfcHoloSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}.reduced-motion .sfc-portrait-holo:after{animation:none}.sfc-portrait-vector img{object-fit:contain;width:82%;height:auto;filter:drop-shadow(0 0 10px rgba(var(--hud-screen-rgb), .35))}.sfc-portrait:before{content:"";z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 18px #000000d9, inset 0 0 0 1px rgba(var(--hud-screen-rgb), .16);background:linear-gradient(#0000 60%,#0000008c);position:absolute;inset:0}.sfc-portrait-idle img{filter:grayscale(.7)brightness(.45)contrast(1.1)}.sfc-portrait-tag{z-index:2;text-align:center;font:700 9px/1 var(--sf-font-body);letter-spacing:.24em;color:rgba(var(--hud-screen-rgb), .85);text-transform:uppercase;position:absolute;bottom:5px;left:0;right:0}.sfc-info{flex-direction:column;flex:auto;gap:6px;min-width:0;padding:2px 2px 0 0;display:flex;overflow:hidden}.sfc-info>.sfc-vital,.sfc-info>.sfc-queue{max-width:400px}.sfc-name-row{align-items:baseline;gap:8px;min-width:0;display:flex}.sfc-name{font:700 19px/1.05 var(--sf-font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--hud-text);text-shadow:0 1px 0 #000, 0 0 12px rgba(var(--hud-glow-rgb), .18);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.sfc-sub{font:600 10px/1.2 var(--sf-font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--hud-label);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sfc-count-badge{font:700 12px/1 var(--sf-font-body);letter-spacing:.08em;color:var(--hud-accent);box-shadow:inset 0 0 0 1px rgba(var(--hud-accent-rgb), .35);background:#00000073;border-radius:2px;flex:none;margin-left:auto;padding:3px 6px}.sfc-vital{font:600 10px/1 var(--sf-font-body);letter-spacing:.14em;color:var(--hud-text-dim);grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.sfc-vital-num{font:700 12px/1 var(--sf-font-body);letter-spacing:.04em;color:var(--hud-text);font-variant-numeric:tabular-nums;text-align:right;min-width:64px}.sfc-bar{height:8px;box-shadow:inset 0 1px 2px #000000e6, 0 0 0 1px #0009, 0 1px 0 var(--hud-edge);background:#000000b3;border-radius:1px;position:relative;overflow:hidden}.sfc-bar>i{transition:width .2s;display:block;position:absolute;inset:0 auto 0 0;box-shadow:inset 0 1px #ffffff59,inset 0 -1px #00000059}.sfc-bar:after{content:"";pointer-events:none;background-image:linear-gradient(90deg,#0000 calc(100% - 1px),#0000008c calc(100% - 1px));background-size:8% 100%;position:absolute;inset:0}.sfc-bar-hp-hi>i{background:linear-gradient(#6fe07a,#2f9c3e)}.sfc-bar-hp-mid>i{background:linear-gradient(#f0d15a,#b88e1f)}.sfc-bar-hp-lo>i{background:linear-gradient(#ff6a55,#b2261b)}.sfc-bar-shield>i{background:linear-gradient(#7fe3ff,#1f8fc6)}.sfc-bar-energy>i{background:linear-gradient(#d69cff,#7a3cc0)}.sfc-bar-build>i{background:linear-gradient(180deg, rgba(var(--hud-accent-rgb), 1), rgba(var(--hud-accent-rgb), .55))}.sfc-stats{flex-wrap:wrap;gap:4px;display:flex}.sfc-stat{box-shadow:inset 0 0 0 1px #ffffff0d, 0 1px 0 var(--hud-edge);font:600 10px/1 var(--sf-font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--hud-text-dim);white-space:nowrap;background:#0000006b;border-radius:2px;align-items:center;gap:5px;padding:3px 7px 3px 5px;display:inline-flex}.sfc-stat svg{color:var(--hud-accent);flex:none}.sfc-stat b{letter-spacing:.02em;color:var(--hud-text);font-size:12px;font-weight:700}.sfc-stat-flag{color:var(--hud-accent);box-shadow:inset 0 0 0 1px rgba(var(--hud-accent-rgb), .4)}.sfc-empty-hint{font:500 12px/1.4 var(--sf-font-body);color:var(--hud-text-dim);letter-spacing:.04em}.sfc-wire-grid{grid-template-columns:repeat(auto-fill, var(--sel-tile));grid-auto-rows:var(--sel-tile);max-height:calc(var(--sel-tile) * 3 + 6px);gap:3px;display:grid;overflow:hidden}.sfc-wire{box-shadow:inset 0 0 0 1px var(--wire,#3ddc6a), 0 0 6px #0009;background:#020405;border-radius:2px;position:relative;overflow:hidden}.sfc-wire img{object-fit:cover;filter:grayscale()contrast(1.55)brightness(1.2);width:100%;height:100%}.sfc-wire:after{content:"";background:var(--wire,#3ddc6a);mix-blend-mode:color;pointer-events:none;position:absolute;inset:0}.sfc-wire:before{content:"";z-index:1;pointer-events:none;box-shadow:inset 0 0 0 1px var(--wire,#3ddc6a);border-radius:inherit;background:linear-gradient(#ffffff14,#0000 40%,#00000059);position:absolute;inset:0}.sfc-wire-glyph{color:var(--wire,#3ddc6a);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sfc-wire-hp{z-index:2;background:#000c;height:2px;position:absolute;bottom:2px;left:2px;right:2px}.sfc-wire-hp>i{background:var(--wire,#3ddc6a);height:100%;display:block}.sfc-wire-more{font:700 12px/1 var(--sf-font-body);color:var(--hud-text-dim);background:#00000080;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.sfc-wire-more:after{display:none}.sfc-subgroups{flex-wrap:wrap;gap:3px;display:flex}.sfc-subgroup{cursor:pointer;height:22px;box-shadow:inset 0 0 0 1px rgba(var(--hud-accent-rgb), .28);color:var(--hud-text);font:700 10px/1 var(--sf-font-body);letter-spacing:.08em;text-transform:uppercase;background:#00000073;border:0;border-radius:2px;align-items:center;gap:5px;padding:0 7px 0 2px;display:inline-flex}.sfc-subgroup img{object-fit:cover;border-radius:1px;width:18px;height:18px}.sfc-subgroup:hover{box-shadow:inset 0 0 0 1px rgba(var(--hud-accent-rgb), .8), 0 0 8px rgba(var(--hud-glow-rgb), .3)}.sfc-queue{align-items:flex-end;gap:4px;display:flex}.sfc-queue-slot{width:30px;height:30px;color:var(--hud-icon);border-radius:2px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.sfc-queue-slot.is-active{width:44px;height:44px;box-shadow:inset 0 2px 7px #000000e6, inset 0 0 0 1px rgba(var(--hud-glow-rgb), .55), 0 0 10px rgba(var(--hud-glow-rgb), .18)}.sfc-queue-slot img{object-fit:cover;width:100%;height:100%}.sfc-queue-slot .sfc-queue-progress{background:#000c;height:3px;position:absolute;bottom:0;left:0;right:0}.sfc-queue-slot .sfc-queue-progress>i{background:rgb(var(--hud-glow-rgb));height:100%;box-shadow:0 0 6px rgba(var(--hud-glow-rgb), .8);display:block}.sfc-mini-btn{background:linear-gradient(180deg, #ffffff14, #0003), var(--hud-metal);height:22px;box-shadow:inset 0 1px 0 var(--hud-edge);color:var(--hud-text);font:700 10px/1 var(--sf-font-body);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:1px solid #000000d9;border-radius:2px;padding:0 9px}.sfc-mini-btn:hover,.sfc-mini-btn[aria-pressed=true]{color:var(--hud-accent);box-shadow:inset 0 1px 0 var(--hud-edge), inset 0 0 0 1px rgba(var(--hud-accent-rgb), .55)}.game-build-panel.sfc-build{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(var(--hud-accent-rgb), .35) transparent;flex-direction:column;gap:6px;height:100%;padding:6px 8px;display:flex;overflow:hidden auto}.sfc-section{flex-direction:column;gap:5px;display:flex}.sfc-section-head{font:700 10px/1 var(--sf-font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--hud-label);align-items:center;gap:8px;display:flex}.sfc-section-head:after{content:"";background:linear-gradient(90deg, rgba(var(--hud-accent-rgb), .3), transparent);flex:1;height:1px}.sfc-section-note{font:500 10px/1.3 var(--sf-font-body);color:var(--hud-text-dim);letter-spacing:.04em}.hud-mobile-only{display:none!important}.sfc-build-hint{color:var(--hud-accent);margin:-2px 0 5px}.sfc-build-hint kbd{font:600 9px/1 var(--sf-font-mono,monospace);border:1px solid color-mix(in srgb, var(--hud-accent) 45%, transparent);border-radius:3px;margin-left:4px;padding:1px 4px}.sfc-grid.is-idle{opacity:.5;filter:saturate(.6);transition:opacity .2s}.sfc-grid.is-idle:hover{opacity:.85}.sfc-grid{grid-template-columns:repeat(auto-fill, var(--bp-cell,50px));grid-auto-rows:var(--bp-cell,50px);gap:4px;display:grid}.sfc-grid-wide{grid-template-columns:repeat(auto-fill, calc(var(--bp-cell,50px) * 2 + 4px))}.sfc-grid>div{display:flex!important}.sfc-grid>div>.sfc-btn{width:100%;height:100%}.sfc-btn{width:var(--cc-cell);height:var(--cc-cell);cursor:pointer;color:var(--hud-icon);background:radial-gradient(90% 80% at 50% 30%, rgba(var(--hud-screen-rgb), .16), transparent 70%), linear-gradient(180deg, #151b21 0%, #0a0d10 100%);box-shadow:inset 0 1px 0 #ffffff1a, inset 0 0 0 1px rgba(var(--hud-glow-rgb), .16), 0 1px 0 var(--hud-edge), 0 2px 4px #00000080;font-family:var(--sf-font-body);text-transform:none;letter-spacing:normal;text-shadow:none;border:1px solid #000000f2;border-radius:3px;justify-content:center;align-items:center;padding:0;transition:box-shadow .14s,transform 90ms,filter .14s;display:flex;position:relative;overflow:hidden}.sfc-btn:hover:not(:disabled){box-shadow:inset 0 1px 0 #ffffff29, inset 0 0 0 1px rgba(var(--hud-glow-rgb), .85), inset 0 0 16px rgba(var(--hud-glow-rgb), .22), 0 0 12px rgba(var(--hud-glow-rgb), .35);filter:brightness(1.12)}.sfc-btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.sfc-btn:focus-visible{outline:1px solid rgba(var(--hud-glow-rgb), .9);outline-offset:1px}.sfc-btn:disabled{cursor:not-allowed}.sfc-btn-art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sfc-btn-art-pix{image-rendering:pixelated;object-fit:contain;padding:8px}.sfc-btn-art-structure{object-fit:contain;filter:drop-shadow(0 2px 2px #0009);padding:3px 3px 12px}.sfc-btn.is-disabled .sfc-btn-art-structure,.sfc-btn.is-locked .sfc-btn-art-structure{filter:grayscale(.85)brightness(.55)}.sfc-btn:after{content:"";pointer-events:none;background:linear-gradient(#ffffff17 0%,#0000 38% 62%,#00000073 100%);position:absolute;inset:0}.sfc-btn-glyph{z-index:1;filter:drop-shadow(0 0 5px rgba(var(--hud-glow-rgb), .35)) drop-shadow(0 1px 0 #000);display:flex;position:relative}.sfc-key{z-index:3;font:700 10px/1 var(--sf-font-body);letter-spacing:.02em;color:var(--hud-accent);text-shadow:0 1px 1px #000,0 0 3px #000;position:absolute;top:2px;left:3px}.sfc-cost{z-index:3;font:700 9px/1 var(--sf-font-body);letter-spacing:.02em;text-align:center;color:#bfe3ff;font-variant-numeric:tabular-nums;white-space:nowrap;background:linear-gradient(#0000,#000000e0 55%);padding:7px 2px 2px;position:absolute;bottom:0;left:0;right:0}.sfc-cost .is-gas{color:#9ff0b4}.sfc-cost .is-short{color:#ff7a66}.sfc-label{z-index:2;font:700 10px/1.05 var(--sf-font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--hud-text);text-align:left;position:relative}.sfc-flag{z-index:3;font:800 8px/1 var(--sf-font-body);letter-spacing:.06em;color:#ff8a78;text-shadow:0 1px 1px #000;position:absolute;top:2px;right:3px}.sfc-flag-auto{color:#5dff9a;inset:auto 3px 2px auto}.sfc-flag-auto.is-off{color:#5a6a7a}.sfc-btn.is-disabled .sfc-btn-art,.sfc-btn.is-disabled .sfc-btn-glyph{filter:grayscale(.9)brightness(.45)}.sfc-btn.is-disabled{box-shadow:inset 0 0 0 1px #0009, 0 1px 0 var(--hud-edge)}.sfc-btn.is-disabled .sfc-key{color:rgba(var(--hud-accent-rgb), .45)}.sfc-btn.is-locked:before{content:"";z-index:2;pointer-events:none;background:repeating-linear-gradient(135deg,#0000 0 4px,#00000059 4px 5px);position:absolute;inset:0}.sfc-btn.is-autocast{box-shadow:inset 0 0 0 1px #40e678e6,0 0 10px #40e67873}.sfc-btn.is-cooldown .sfc-btn-glyph{filter:grayscale(.5)brightness(.7)}.sfc-btn-wide{justify-content:flex-start;gap:6px;padding:0 8px 0 6px}.sfc-pips{gap:2px;margin-top:3px;display:flex}.sfc-pips i{background:#ffffff1f;width:8px;height:3px}.sfc-pips i.on{background:var(--hud-accent);box-shadow:0 0 4px rgba(var(--hud-glow-rgb), .6)}.sfc-slot{width:var(--cc-cell);height:var(--cc-cell);box-shadow:inset 0 2px 5px #000000d9, inset 0 0 0 1px #000000b3, 0 1px 0 var(--hud-edge);background:linear-gradient(#0000008c,#00000059);border-radius:3px}.game-command-card.sfc-card{grid-template-columns:repeat(5, var(--cc-cell));grid-template-rows:repeat(3, var(--cc-cell));box-shadow:inset 0 1px 3px #000c, 0 1px 0 var(--hud-edge);background:#00000059;border-radius:3px;gap:4px;padding:5px;display:grid}.game-command-card.sfc-card>div{display:flex!important}.sfc-plate{isolation:isolate;color:var(--hud-text);font-family:var(--sf-font-body);position:relative}.sfc-plate:before,.sfc-plate:after{content:"";pointer-events:none;clip-path:var(--sfc-shape,none);position:absolute}.sfc-plate:before{z-index:-2;background:linear-gradient(0deg, var(--hud-edge-strong), #000000e6);inset:0}.sfc-plate:after{z-index:-1;background:var(--hud-grain), linear-gradient(180deg, var(--hud-metal-lo) 0%, var(--hud-metal) 70%, var(--hud-metal-hi) 100%);inset:0 0 1px}.game-resource-bar.sfc-topbar{z-index:30;pointer-events:none;height:0;font-family:var(--sf-font-body);justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.sfc-topbar>*{pointer-events:auto}.sfc-sys{--sfc-shape:polygon(0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%);align-items:center;gap:10px;height:38px;padding:0 24px 0 8px;display:flex}.sfc-res{--sfc-shape:polygon(0 0, 100% 0, 100% 100%, 18px 100%, 0 calc(100% - 18px));align-items:stretch;gap:2px;height:46px;padding:0 10px 0 26px;display:flex}.sfc-res-item{align-items:center;gap:7px;min-width:0;padding:0 10px;display:flex;position:relative}.sfc-res-item+.sfc-res-item:before{content:"";background:linear-gradient(180deg, transparent, var(--hud-edge-strong), transparent);width:1px;position:absolute;top:10px;bottom:10px;left:0}.sfc-res-stack{flex-direction:column;justify-content:center;gap:1px;min-width:0;display:flex}.sfc-res-val{font:700 20px/1 var(--sf-font-body);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#eef6ff;text-shadow:0 1px #000,0 0 10px #78beff40}.sfc-res-val.is-gas{text-shadow:0 1px #000,0 0 10px #6ee69640}.sfc-res-sub{height:11px;font:700 9px/1 var(--sf-font-body);letter-spacing:.08em;color:var(--hud-text-dim);white-space:nowrap;align-items:center;gap:4px;display:flex}.sfc-res-supply .sfc-res-val{color:#f3ead2}.sfc-res-supply.is-near .sfc-res-val{color:#ffd76a}.sfc-res-supply.is-blocked .sfc-res-val{color:#ff5a48;text-shadow:0 0 10px #ff463299}.sfc-res-supply.is-blocked{animation:.9s ease-in-out infinite sfcBlocked}@keyframes sfcBlocked{0%,to{background:0 0}50%{background:#ff281e24}}.reduced-motion .sfc-res-supply.is-blocked{background:#ff281e1f;animation:none}.sfc-idle-btn{background:linear-gradient(180deg, #ffd25a2e, #0000004d), var(--hud-metal);height:30px;box-shadow:inset 0 1px 0 var(--hud-edge), inset 0 0 0 1px #ffc85073, 0 0 10px #ffbe3c40;color:#ffd66b;font:700 11px/1 var(--sf-font-body);letter-spacing:.14em;cursor:pointer;white-space:nowrap;border:1px solid #000000e6;border-radius:2px;align-self:center;align-items:center;gap:6px;margin-right:6px;padding:0 10px 0 4px;display:inline-flex}.sfc-idle-btn img{object-fit:cover;border-radius:1px;width:22px;height:22px}.sfc-idle-btn:hover{filter:brightness(1.15)}.sfc-sys-btn{background:linear-gradient(180deg, #ffffff12, #00000040), var(--hud-metal);min-width:26px;height:26px;box-shadow:inset 0 1px 0 var(--hud-edge);color:var(--hud-text);font:700 10px/1 var(--sf-font-body);letter-spacing:.16em;cursor:pointer;text-transform:uppercase;border:1px solid #000000e6;border-radius:2px;justify-content:center;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.sfc-sys-btn:hover,.sfc-sys-btn[aria-pressed=true],.sfc-sys-btn[aria-expanded=true]{color:var(--hud-accent);box-shadow:inset 0 1px 0 var(--hud-edge), inset 0 0 0 1px rgba(var(--hud-accent-rgb), .5)}.sfc-sys-btn.is-icon{width:28px;padding:0}.sfc-sys-sep{background:linear-gradient(180deg, transparent, var(--hud-edge-strong), transparent);width:1px;height:20px}.sfc-sys-stat{font:600 9px/1 var(--sf-font-body);letter-spacing:.2em;color:var(--hud-text-dim);text-transform:uppercase;white-space:nowrap;align-items:baseline;gap:5px;display:inline-flex}.sfc-sys-stat b{font:700 14px/1 var(--sf-font-body);letter-spacing:.04em;color:var(--hud-text);font-variant-numeric:tabular-nums}.sfc-sys-stat .game-timer-display,.sfc-sys-stat>span:not([class]){font-family:var(--sf-font-body)}.sfc-upg{color:var(--hud-accent);font:700 10px/1 var(--sf-font-body);letter-spacing:.14em}.sfc-volume-panel{z-index:60;background:var(--hud-metal-lo);width:210px;box-shadow:inset 0 1px 0 var(--hud-edge), 0 0 0 1px #000000e6, 0 10px 28px #0009;font:600 11px/1 var(--sf-font-body);letter-spacing:.1em;color:var(--hud-text-dim);text-transform:uppercase;border-radius:3px;padding:12px 14px;position:absolute;top:44px;left:8px}.control-hint-overlay{bottom:calc(var(--console-h) + 30px);z-index:18;pointer-events:none;background:linear-gradient(90deg, transparent 6%, rgba(var(--hud-accent-rgb,255, 200, 80), .35) 30%, rgba(var(--hud-accent-rgb,255, 200, 80), .35) 70%, transparent 94%) 0 0 / 100% 1px no-repeat, linear-gradient(180deg, var(--hud-metal-hi,#1d2126), var(--hud-metal-lo,#08090b));max-width:min(760px,100vw - 24px);box-shadow:inset 0 1px 0 var(--hud-edge), 0 0 0 1px #000000e6, 0 10px 26px #00000080;border-radius:3px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;padding:7px 10px 7px 14px;animation:.26s sfcHintIn;display:flex;position:absolute;left:50%;transform:translate(-50%)}@keyframes sfcHintIn{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.control-hint-chip{font:600 12px/1 var(--sf-font-body);letter-spacing:.06em;color:var(--hud-text,#cdd);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.control-hint-chip kbd{min-width:18px;font:700 10px/1 var(--sf-font-body);letter-spacing:.04em;text-align:center;color:var(--hud-accent,#fc4);box-shadow:inset 0 0 0 1px rgba(var(--hud-accent-rgb,255, 200, 80), .35), 0 1px 0 var(--hud-edge);background:#0009;border-radius:2px;padding:3px 5px;display:inline-block}.control-hint-dismiss{pointer-events:all;font:700 9px/1 var(--sf-font-body);letter-spacing:.18em;color:var(--hud-text-dim,#889);box-shadow:inset 0 0 0 1px var(--hud-edge);cursor:pointer;background:#00000080;border:0;border-radius:2px;margin-left:2px;padding:4px 8px}.control-hint-dismiss:hover{color:var(--hud-accent)}.control-hint-toggle{bottom:calc(var(--console-center-h) + 6px);z-index:18;height:20px;box-shadow:inset 0 0 0 1px var(--hud-edge);color:var(--hud-text-dim);font:700 9px/1 var(--sf-font-body);letter-spacing:.2em;cursor:pointer;opacity:.7;background:#0406099e;border:0;border-radius:2px;align-items:center;gap:5px;padding:0 9px;transition:opacity .14s,color .14s;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.control-hint-toggle:hover{opacity:1;color:var(--hud-accent)}.control-hint-toggle kbd{font:700 9px/1 var(--sf-font-body);color:var(--hud-accent)}.sfc-above-left{left:8px;bottom:calc(var(--console-h) + 6px);position:absolute}.sfc-control-groups{left:calc(var(--console-map-w) + 10px);bottom:calc(var(--console-center-h) + 4px);z-index:14;pointer-events:none;gap:3px;display:flex;position:absolute}.sfc-cg{background:linear-gradient(180deg, var(--hud-metal-hi), var(--hud-metal-lo));min-width:28px;box-shadow:inset 0 1px 0 var(--hud-edge), inset 0 0 0 1px #000c;font-family:var(--sf-font-body);border-radius:2px 2px 0 0;flex-direction:column;align-items:center;padding:3px 5px 2px;line-height:1.05;transition:transform .15s,box-shadow .15s;display:flex}.sfc-cg b{color:var(--hud-text);font-size:12px}.sfc-cg span{color:var(--hud-text-dim);font-size:10px;font-weight:700}.sfc-cg.is-active{box-shadow:inset 0 1px 0 var(--hud-edge), inset 0 0 0 1px rgba(var(--hud-accent-rgb), .75)}.sfc-cg.is-active b{color:var(--hud-accent)}.sfc-cg.is-pulse{box-shadow:inset 0 0 0 1px rgba(var(--hud-accent-rgb), .9), 0 0 10px rgba(var(--hud-glow-rgb), .6);transform:translateY(-2px)}.sfc-tech-btn{background:linear-gradient(180deg, var(--hud-metal-hi), var(--hud-metal-lo));height:20px;box-shadow:inset 0 1px 0 var(--hud-edge), inset 0 0 0 1px #000c;color:var(--hud-text-dim);font:700 9px/1 var(--sf-font-body);letter-spacing:.18em;cursor:pointer;border:0;border-radius:2px 2px 0 0;padding:0 8px}.sfc-tech-btn:hover{color:var(--hud-accent)}.sf-compact.sf-game-root{--console-h:170px;--console-step:20px;--cc-cell:42px;--sel-tile:30px}@media (max-width:1100px){.sf-game-root{--cc-cell:clamp(40px, calc((var(--console-h) - 44px) / 3), 48px)}.sfc-center .game-build-panel{max-width:56%}.sfc-name{font-size:16px}}@media (max-width:768px){.sf-game-root{--console-h:276px;--console-center-h:118px;--console-map-w:112px;--cc-cell:44px;--sel-tile:28px}.sfc-console{grid-template-columns:var(--console-map-w) minmax(0, 1fr);grid-template-rows:var(--console-center-h) minmax(0, 1fr);grid-template-areas:"center center""map card";align-items:stretch;gap:0}.sfc-console[data-observer=true]{grid-template-rows:auto;grid-template-areas:"map";height:auto}.sfc-map,.sfc-card-mod,.sfc-center{height:auto}.sfc-map{--sfc-shape:none;grid-template-columns:minmax(0,1fr);padding:6px}.sfc-map-rail{display:none}.sfc-map-well .game-minimap-canvas{width:96px;height:96px}.sfc-center{--sfc-shape:none;gap:6px;padding:6px 8px}.sfc-center:before{background:linear-gradient(180deg, var(--hud-edge-strong), #000000e6)}.sfc-card-mod{--sfc-shape:none;justify-content:flex-end;align-items:center;padding:6px 8px 6px 4px}.sfc-trim{display:none}.sfc-center .game-unit-info-panel{flex:0 0 46%;padding:4px}.sfc-center .game-build-panel{flex:auto;width:auto;max-width:none}.game-build-panel.sfc-build{padding:4px 6px}.sfc-portrait{width:64px}.sfc-name{font-size:14px}.sfc-stats .sfc-stat:nth-child(n+3){display:none}.sfc-vital{grid-template-columns:minmax(0,1fr) auto;gap:4px}.sfc-vital>span:first-child{display:none}.sfc-vital-num{min-width:0;font-size:9px}.sfc-sel{gap:6px}.game-build-panel.sfc-build{--bp-cell:44px;padding:2px 0}.game-command-card.sfc-card{gap:3px;padding:3px}.game-resource-bar.sfc-topbar{flex-direction:column-reverse;align-items:stretch;height:auto}.sfc-res{--sfc-shape:none;justify-content:space-between;height:48px;padding:0 6px}.sfc-res-item{gap:7px;padding:0 8px}.sfc-res-val{font-size:21px}.sfc-res-sub .resource-bar-sparkline,.sfc-res-sub svg{display:none}.sfc-sys{--sfc-shape:polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);align-self:flex-start;gap:6px;max-width:100%;height:32px;padding:0 14px 0 6px}.resource-bar-apm,.resource-bar-upgrades,.game-resource-divider,.hud-hide-mobile{display:none!important}.hud-mobile-only{display:inline-flex!important}.sfc-volume-panel{top:76px}.control-hint-overlay{bottom:calc(var(--console-h) + 8px);gap:4px 8px;max-width:calc(100vw - 16px);padding:6px 8px}.control-hint-chip{font-size:10px}.control-hint-toggle{bottom:calc(var(--console-h) + 6px)}.sfc-control-groups{left:8px;bottom:calc(var(--console-h) + 2px)}}@media (max-width:420px){.sf-game-root{--cc-cell:42px}.sfc-map-well .game-minimap-canvas{width:92px;height:92px}.sfc-res-sub{display:none}}.sfc-float-panel{background:var(--hud-grain), linear-gradient(180deg, var(--hud-metal-hi) 0%, var(--hud-metal) 14%, var(--hud-metal-lo) 100%);box-shadow:inset 0 1px 0 var(--hud-edge), 0 0 0 1px #000000e6, 0 8px 22px #00000080;color:var(--hud-text);font-family:var(--sf-font-body);border-radius:3px}.sfc-commander-badge{width:30px;height:30px;font:800 15px/1 var(--sf-font-heading);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle at 50% 35%,#ffffff1f,#0009);flex:none;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1px}.sfc-commander-name{font:700 13px/1.1 var(--sf-font-body);letter-spacing:.14em}.sfc-commander-sub{font:600 10px/1.2 var(--sf-font-body);letter-spacing:.06em;color:var(--hud-text-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:768px){.sfc-commander{max-width:calc(100vw - 16px);min-width:0!important;top:90px!important}}.sf-touch-only{display:none!important}@media (hover:none) and (pointer:coarse){.sf-touch-only{display:inline!important}.sf-hide-touch,.control-hint-overlay,.control-hint-toggle,.sfc-key{display:none!important}}.sfc-commander{z-index:14;flex-direction:column;gap:8px;min-width:236px;padding:8px 9px 9px;display:flex;position:absolute;top:46px;left:8px}.sfc-commander-head{align-items:center;gap:9px;display:flex}.sfc-commander-enemy{text-align:right;box-shadow:inset 1px 0 0 var(--hud-edge);margin-left:2px;padding-left:10px}.sfc-commander-name.is-enemy{color:#ff8f86;font-size:12px}.sfc-abilities{gap:5px;display:flex}.sfc-ability-brief{min-width:0;font-family:var(--sf-font-body);flex-direction:column;justify-content:center;gap:5px;padding:0 4px 0 8px;display:flex}.sfc-ability-brief b{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:13px;font-weight:700}.sfc-ability-brief span{letter-spacing:.14em;text-transform:uppercase;color:var(--hud-text-dim);font-size:11px;font-weight:600}.sfc-ability{--ab-accent:var(--hud-accent);--ab-sweep:0deg;background:radial-gradient(120% 90% at 50% 0%, rgba(var(--hud-screen-rgb), .12), transparent 65%), linear-gradient(180deg, #ffffff0d, #0000004d), var(--hud-screen);width:70px;height:58px;box-shadow:inset 0 1px 0 var(--hud-edge), inset 0 0 0 1px rgba(var(--hud-accent-rgb), .2), 0 1px 0 #0009;color:var(--ab-accent);cursor:pointer;isolation:isolate;border:1px solid #000000e6;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:7px 4px 6px;transition:box-shadow .12s,transform 80ms;display:flex;position:relative;overflow:hidden}.sfc-ability__icon{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--ab-accent) 50%, transparent));transition:filter .16s;display:flex}.sfc-ability__name{font:700 9.5px/1 var(--sf-font-body);letter-spacing:.1em;color:var(--hud-text);white-space:nowrap}.sfc-ability__key{font:700 9px/1 var(--sf-font-body);color:var(--hud-accent);position:absolute;top:3px;left:4px}.sfc-ability:hover:not(.is-locked){box-shadow:inset 0 1px 0 var(--hud-edge), inset 0 0 0 1px color-mix(in srgb, var(--ab-accent) 75%, transparent), 0 0 12px color-mix(in srgb, var(--ab-accent) 30%, transparent)}.sfc-ability:active:not(.is-locked){transform:translateY(1px)}.sfc-ability:focus-visible{outline:1px solid var(--hud-accent);outline-offset:1px}.sfc-ability.is-cooling:before{content:"";z-index:1;background:conic-gradient(#000000bd var(--ab-sweep), #0000001f 0);pointer-events:none;position:absolute;inset:0}.sfc-ability.is-cooling .sfc-ability__icon{filter:grayscale(.7)brightness(.6)}.sfc-ability__cd{z-index:2;font:700 17px/1 var(--sf-font-body);font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 2px #000,0 0 8px #000c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0 0 14px}.sfc-ability.is-active{box-shadow:inset 0 1px 0 var(--hud-edge), inset 0 0 0 1px var(--ab-accent), 0 0 14px color-mix(in srgb, var(--ab-accent) 45%, transparent)}.sfc-ability.is-locked{cursor:not-allowed}.sfc-ability.is-locked .sfc-ability__icon{filter:grayscale()brightness(.45)}.sfc-ability.is-locked .sfc-ability__name{color:var(--hud-text-dim)}@media (max-width:768px){.sfc-commander{gap:6px;padding:6px 7px 7px}.sfc-ability{width:60px;height:52px}}.sfc-top-stack{z-index:16;pointer-events:none;max-width:calc(100vw - 24px);font-family:var(--sf-font-body);flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}@media (max-width:1080px){.sfc-top-stack{top:56px}}@media (max-width:768px){.sfc-top-stack{top:196px}}.sfc-weather{height:20px;box-shadow:inset 0 0 0 1px var(--hud-edge);color:var(--hud-text);font:700 10px/1 var(--sf-font-body);letter-spacing:.22em;text-transform:uppercase;background:#04060ab8;border-radius:2px;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.sfc-weather__pct{color:var(--hud-text-dim);letter-spacing:.06em}.sfc-army{--army-you:#5b9bff;background:var(--hud-grain), linear-gradient(180deg, var(--hud-metal-hi) 0%, var(--hud-metal) 20%, var(--hud-metal-lo) 100%);width:300px;box-shadow:inset 0 1px 0 var(--hud-edge), 0 0 0 1px #000000e6, 0 6px 18px #00000073;border-radius:3px;padding:6px 10px 8px}.sfc-army__head{font:700 9.5px/1 var(--sf-font-body);letter-spacing:.26em;color:var(--hud-label,var(--hud-text-dim));justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.sfc-army__head b{letter-spacing:.22em;font-size:10px}.sfc-army.is-ahead .sfc-army__head b{color:#74e391}.sfc-army.is-even .sfc-army__head b{color:#ecd68e}.sfc-army.is-behind .sfc-army__head b{color:#ff7262}.sfc-army__row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.sfc-army__num{min-width:54px;font:700 18px/1 var(--sf-font-body);font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;display:flex}.sfc-army__num small{letter-spacing:.22em;color:var(--hud-text-dim);font-size:8.5px}.sfc-army__num.is-you{color:color-mix(in srgb, var(--army-you) 65%, white)}.sfc-army__num.is-enemy{color:#ff9486;justify-content:flex-end}.sfc-army__bar{height:8px;box-shadow:inset 0 0 0 1px #000000e6, 0 1px 0 var(--hud-edge);background:#000;border-radius:1px;display:flex;position:relative;overflow:hidden}.sfc-army__bar i{height:100%;transition:width .35s;display:block}.sfc-army__bar i.is-you{background:linear-gradient(180deg, color-mix(in srgb, var(--army-you) 70%, white), var(--army-you) 55%, color-mix(in srgb, var(--army-you) 55%, black))}.sfc-army__bar i.is-enemy{background:linear-gradient(#ff8f7d,#cf3a2c 55%,#6e170f)}.sfc-army__bar:after{content:"";background:#fff9;width:1px;position:absolute;top:0;bottom:0;left:50%}.sfc-mode-objective{box-shadow:inset 0 0 0 1px var(--hud-edge);text-align:center;background:#04060acc;border-radius:3px;flex-direction:column;align-items:center;gap:4px;padding:6px 16px 7px;display:flex}.sfc-mode-objective b{font:700 10px/1 var(--sf-font-body);letter-spacing:.26em;color:var(--hud-accent)}.sfc-mode-objective span{color:var(--hud-text);font-size:12px}.sfc-radio{color:#b3ceff;letter-spacing:.03em;background:#080e1ceb;border-radius:3px;padding:6px 16px;font-size:12px;box-shadow:inset 0 0 0 1px #5078dc66,0 0 16px #1e3c8c4d}.sfc-map-tabs{z-index:2;gap:2px;display:flex;position:absolute;bottom:100%;left:10px}.sfc-map-tab{background:linear-gradient(180deg, var(--hud-metal-hi), var(--hud-metal));height:22px;box-shadow:inset 0 1px 0 var(--hud-edge-strong), inset 1px 0 0 #000000d9, inset -1px 0 0 #000000d9;color:var(--hud-text-dim);font:700 10px/1 var(--sf-font-body);letter-spacing:.18em;cursor:pointer;border:0;border-radius:3px 3px 0 0;align-items:center;gap:6px;padding:0 11px;display:inline-flex}.sfc-map-tab kbd{box-shadow:inset 0 0 0 1px rgba(var(--hud-accent-rgb), .3);font:700 9px/1 var(--sf-font-body);color:var(--hud-accent);background:#00000073;border-radius:2px;padding:2px 4px}.sfc-map-tab:hover:not(:disabled),.sfc-map-tab.is-active{color:var(--hud-accent)}.sfc-map-tab.is-active{box-shadow:inset 0 2px 0 var(--hud-trim), inset 1px 0 0 #000000d9, inset -1px 0 0 #000000d9}.sfc-map-tab:disabled{opacity:.5;cursor:default}.sfc-map-tab:focus-visible{outline:1px solid var(--hud-accent);outline-offset:1px}.match-intro-faction-art{background-position:50% 30%;background-size:cover;border-radius:6px 6px 2px 2px;height:72px;margin:-8px -12px 12px;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 -26px 30px #040810d9}.match-intro-skip-hint{text-align:center;font:700 12px/1 var(--sf-font-body);letter-spacing:.3em;color:#d2e1f5b8;text-transform:uppercase;pointer-events:none;position:absolute;bottom:36px;left:0;right:0}@media (max-width:768px){.match-intro-overlay{z-index:80;background:#020408e6}.match-intro-cards{flex-direction:column;gap:14px}.match-intro-faction-card{width:min(300px,84vw);min-width:0;padding:14px 16px}.match-intro-skip-hint{bottom:calc(28px + env(safe-area-inset-bottom))}}.sfo-backdrop,.sfo-go{--sfo-metal-hi:var(--hud-metal-hi,#42474ef7);--sfo-metal:var(--hud-metal,#25292ef7);--sfo-metal-lo:var(--hud-metal-lo,#111316fa);--sfo-edge:var(--hud-edge,#fff0d721);--sfo-edge-strong:var(--hud-edge-strong,#ffeccd4d);--sfo-accent:var(--hud-accent,#f4b545);--sfo-accent-rgb:var(--hud-accent-rgb,244, 181, 69);--sfo-glow-rgb:var(--hud-glow-rgb,255, 172, 58);--sfo-screen:var(--hud-screen,#04070a);--sfo-icon:var(--hud-icon,#d8ecff);--sfo-text:var(--hud-text,#ece6da);--sfo-text-dim:var(--hud-text-dim,#938b7d);--sfo-label:var(--hud-label,#cda565);--sfo-danger:#e2654f;--sfo-danger-rgb:214, 84, 64;font-family:var(--sf-font-body);color:var(--sfo-text)}.sfo-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px)saturate(75%);background:radial-gradient(70% 60% at 50% 45%,#03050880 0%,#020305e6 100%);outline:none;flex-direction:column;justify-content:safe center;align-items:center;padding:24px 16px;animation:.18s ease-out both sfoFade;display:flex;position:absolute;inset:0;overflow-y:auto}.sfo-tech{z-index:90}@keyframes sfoFade{0%{opacity:0}to{opacity:1}}@keyframes sfoRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sfo-panel{--sfo-cut:14px;--sfo-shape:polygon(var(--sfo-cut) 0, 100% 0, 100% calc(100% - var(--sfo-cut)), calc(100% - var(--sfo-cut)) 100%, 0 100%, 0 var(--sfo-cut));isolation:isolate;filter:drop-shadow(0 18px 38px #0009);position:relative}.sfo-panel:before,.sfo-panel:after{content:"";pointer-events:none;clip-path:var(--sfo-shape);position:absolute}.sfo-panel:before{z-index:-2;background:linear-gradient(180deg, var(--sfo-edge-strong) 0%, #000000eb 34%, #000000eb 72%, rgba(var(--sfo-accent-rgb), .3) 100%);inset:0}.sfo-panel:after{z-index:-1;background:linear-gradient(90deg, transparent 6%, rgba(var(--sfo-accent-rgb), .3) 32%, rgba(var(--sfo-accent-rgb), .3) 68%, transparent 94%) 0 0 / 100% 1px no-repeat, var(--hud-grain,none), linear-gradient(180deg, var(--sfo-metal-hi) 0%, var(--sfo-metal) 70px, var(--sfo-metal-lo) 100%);inset:1px}.sfo-backdrop>.sfo-panel{animation:.22s cubic-bezier(.2,.8,.2,1) both sfoRise}.sfo-head{text-align:center;margin-bottom:18px;padding-bottom:16px;position:relative}.sfo-head:after,.sfo-tech-head:after{content:"";background:linear-gradient(90deg, transparent, rgba(var(--sfo-accent-rgb), .42), transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.sfo-eyebrow{font:700 11px/1 var(--sf-font-body);letter-spacing:.32em;text-transform:uppercase;color:var(--sfo-label)}.sfo-title{font:700 30px/1 var(--sf-font-heading);letter-spacing:.34em;text-transform:uppercase;color:var(--sfo-text);text-shadow:0 0 22px rgba(var(--sfo-glow-rgb), .16), 0 2px 0 #000000b3;margin:10px 0;padding-left:.34em}.sfo-title--sm{letter-spacing:.26em;margin:8px 0 0;padding-left:0;font-size:22px}.sfo-sub{font:500 14px/1.2 var(--sf-font-body);letter-spacing:.04em;color:var(--sfo-text-dim)}.sfo-foot{text-align:center;font:500 13px/1.3 var(--sf-font-body);letter-spacing:.04em;color:var(--sfo-text-dim);margin-top:16px}.sfo-kbd{min-width:20px;height:20px;color:var(--sfo-text-dim);font:600 10px/1 var(--sf-font-mono);letter-spacing:.06em;text-transform:uppercase;background:#00000073;border-radius:2px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 -1px #0009}.sfo-kbd--inline{vertical-align:1px;margin:0 3px}.sfo-btn{background:linear-gradient(180deg, #ffffff0e 0%, #fff0 48%), linear-gradient(180deg, var(--sfo-metal-hi) 0%, var(--sfo-metal-lo) 100%);width:100%;min-height:44px;box-shadow:inset 0 1px 0 var(--sfo-edge), inset 0 0 0 1px #000000e0, 0 1px 0 #ffffff08;color:var(--sfo-text);font:700 16px/1 var(--sf-font-body);letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px #000000b3;cursor:pointer;border:0;border-radius:2px;justify-content:center;align-items:center;gap:10px;padding:0 44px;text-decoration:none;transition:color .14s,box-shadow .14s,background .14s,transform 80ms;display:flex;position:relative}.sfo-btn:hover:not(:disabled){color:var(--sfo-accent);background:linear-gradient(180deg, rgba(var(--sfo-accent-rgb), .1) 0%, rgba(var(--sfo-accent-rgb), .02) 100%), linear-gradient(180deg, var(--sfo-metal-hi) 0%, var(--sfo-metal-lo) 100%);box-shadow:inset 0 1px 0 var(--sfo-edge-strong), inset 0 0 0 1px rgba(var(--sfo-accent-rgb), .5), 0 0 16px rgba(var(--sfo-glow-rgb), .12)}.sfo-btn:active:not(:disabled){transform:translateY(1px)}.sfo-btn:focus-visible,.sfo-slot:focus-visible{outline:1px solid rgba(var(--sfo-accent-rgb), .95);outline-offset:2px}.sfo-btn:disabled{cursor:not-allowed;color:var(--sfo-text-dim);opacity:.5}.sfo-btn>.sfo-kbd{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.sfo-btn--primary{color:var(--sfo-accent);background:linear-gradient(180deg, rgba(var(--sfo-accent-rgb), .16) 0%, rgba(var(--sfo-accent-rgb), .04) 100%), linear-gradient(180deg, var(--sfo-metal-hi) 0%, var(--sfo-metal-lo) 100%);box-shadow:inset 0 1px 0 var(--sfo-edge-strong), inset 0 0 0 1px rgba(var(--sfo-accent-rgb), .46), 0 0 18px rgba(var(--sfo-glow-rgb), .1)}.sfo-btn--primary:hover:not(:disabled){color:#fff4dc;background:linear-gradient(180deg, rgba(var(--sfo-accent-rgb), .26) 0%, rgba(var(--sfo-accent-rgb), .08) 100%), linear-gradient(180deg, var(--sfo-metal-hi) 0%, var(--sfo-metal-lo) 100%);box-shadow:inset 0 1px 0 var(--sfo-edge-strong), inset 0 0 0 1px rgba(var(--sfo-accent-rgb), .75), 0 0 22px rgba(var(--sfo-glow-rgb), .2)}.sfo-btn--primary>.sfo-kbd{color:rgba(var(--sfo-accent-rgb), .85);box-shadow:inset 0 0 0 1px rgba(var(--sfo-accent-rgb), .3)}.sfo-btn--danger{color:#dfa295}.sfo-btn--danger:hover:not(:disabled){color:#ffc9bc;background:linear-gradient(180deg, rgba(var(--sfo-danger-rgb), .24) 0%, rgba(var(--sfo-danger-rgb), .08) 100%), linear-gradient(180deg, var(--sfo-metal-hi) 0%, var(--sfo-metal-lo) 100%);box-shadow:inset 0 1px 0 #ffc8b42e, inset 0 0 0 1px rgba(var(--sfo-danger-rgb), .62), 0 0 16px rgba(var(--sfo-danger-rgb), .14)}.sfo-btn--compact{width:auto;min-height:34px;padding:0 12px 0 16px;font-size:13px}.sfo-btn--compact>.sfo-kbd{position:static;transform:none}.sfo-btn--lg{width:auto;min-width:210px;min-height:50px;padding:0 32px;font-size:17px}.sfo-caret{opacity:.6;border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;margin-top:-5px;transition:transform .16s;position:absolute;top:50%;right:18px;transform:rotate(-45deg)}.sfo-btn.is-open .sfo-caret{margin-top:-6px;transform:rotate(45deg)}.sfo-btn.is-open{color:var(--sfo-accent)}.sfo-pause-panel{width:min(400px,100%);padding:24px 26px 18px}.sfo-menu{flex-direction:column;gap:8px;display:flex}.sfo-sep{background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px;margin:6px}.sfo-well{box-shadow:inset 0 2px 6px #000000bf, inset 0 0 0 1px #000000b3, 0 1px 0 var(--sfo-edge);background:#0000006b;border-radius:2px;margin:-2px 0 2px;padding:10px;animation:.16s ease-out both sfoRise}.sfo-well-label{font:700 10px/1 var(--sf-font-body);letter-spacing:.24em;text-transform:uppercase;color:var(--sfo-label);margin:0 2px 8px}.sfo-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.sfo-slot-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.sfo-slot{min-width:0;box-shadow:inset 0 0 0 1px #ffffff14, inset 0 1px 0 var(--sfo-edge);color:var(--sfo-text);text-align:left;cursor:pointer;background:linear-gradient(#ffffff0d,#ffffff03);border:0;border-radius:2px;flex-direction:column;align-items:flex-start;gap:5px;padding:9px 10px;transition:box-shadow .14s,background .14s,color .14s;display:flex}.sfo-slot:hover:not(:disabled){color:var(--sfo-accent);background:linear-gradient(180deg, rgba(var(--sfo-accent-rgb), .12), rgba(var(--sfo-accent-rgb), .03));box-shadow:inset 0 0 0 1px rgba(var(--sfo-accent-rgb), .5), inset 0 1px 0 var(--sfo-edge-strong)}.sfo-slot:disabled{cursor:default;opacity:.42}.sfo-slot-name{font:700 13px/1 var(--sf-font-body);letter-spacing:.14em;text-transform:uppercase}.sfo-slot-meta{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:500 11px/1 var(--sf-font-mono);color:var(--sfo-text-dim);overflow:hidden}.sfo-tech-panel{width:min(1080px,100%);padding:20px 24px 16px}.sfo-tech-head{align-items:flex-end;gap:20px;padding-bottom:14px;display:flex;position:relative}.sfo-tech-summary{font:600 12px/1 var(--sf-font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--sfo-text-dim);gap:18px;margin-left:auto;padding-bottom:4px;display:flex}.sfo-tech-summary b{font:600 14px/1 var(--sf-font-mono);letter-spacing:0;color:var(--sfo-text);margin-right:5px}.sfo-tech-legend{font:600 12px/1 var(--sf-font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--sfo-text-dim);flex-wrap:wrap;gap:8px 20px;padding:12px 2px 0;display:flex}.sfo-legend-item{align-items:center;gap:8px;display:inline-flex}.sfo-legend-swatch{background:linear-gradient(180deg, var(--sfo-metal-hi), var(--sfo-metal-lo));border-radius:1px;width:16px;height:10px;box-shadow:inset 0 0 0 1px #fff3}.sfo-legend-swatch[data-state=built]{box-shadow:inset 0 0 0 1px rgba(var(--sfo-accent-rgb), .85), 0 0 6px rgba(var(--sfo-glow-rgb), .35)}.sfo-legend-swatch[data-state=building]{outline:1px dashed rgba(var(--sfo-accent-rgb), .8);outline-offset:-1px;box-shadow:none}.sfo-legend-swatch[data-state=locked]{background:#0000008c;box-shadow:inset 0 0 0 1px #ffffff12}.sfo-tech-scroll{background:radial-gradient(ellipse 80% 90% at 50% 40%, rgba(var(--sfo-glow-rgb), .035), transparent 70%), #00000052;box-shadow:inset 0 2px 8px #0009, inset 0 0 0 1px #0009, 0 1px 0 var(--sfo-edge);border-radius:2px;justify-content:safe center;margin:14px -8px 0;padding:10px 8px 12px;display:flex;overflow-x:auto}.sfo-tech-board{flex:none;position:relative}.sfo-tech-links{position:absolute;inset:0;overflow:visible}.sfo-link{fill:none;stroke-linejoin:round;stroke-linecap:square}.sfo-link--t0{stroke:#ffffff29;stroke-width:1.5px;stroke-dasharray:3 5}.sfo-link--t1{stroke:#ece6da80;stroke-width:1.5px}.sfo-link--t2{stroke:var(--sfo-accent);stroke-width:2px;filter:drop-shadow(0 0 3px rgba(var(--sfo-glow-rgb), .55))}.sfo-node{background:linear-gradient(180deg, #ffffff0a 0%, #fff0 40%), linear-gradient(180deg, var(--sfo-metal-hi) 0%, var(--sfo-metal-lo) 100%);box-shadow:inset 0 1px 0 var(--sfo-edge), inset 0 0 0 1px #ffffff24, 0 0 0 1px #000000d9, 0 6px 14px #00000073;border-radius:2px;align-items:center;gap:12px;padding:10px 12px 10px 10px;display:flex;position:absolute}.sfo-node-icon{width:50px;height:50px;color:var(--sfo-icon);background:radial-gradient(circle at 50% 38%, rgba(var(--sfo-glow-rgb), .12), transparent 70%), var(--sfo-screen);box-shadow:inset 0 0 0 1px #000000e6, inset 0 2px 6px #000000b3, 0 1px 0 var(--sfo-edge);border-radius:2px;flex:none;justify-content:center;align-items:center;display:flex}.sfo-node-body{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.sfo-node-top{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.sfo-node-name{text-overflow:ellipsis;white-space:nowrap;font:700 16px/1.05 var(--sf-font-body);letter-spacing:.03em;color:var(--sfo-text);overflow:hidden}.sfo-node-level{background:rgba(var(--sfo-accent-rgb), .16);box-shadow:inset 0 0 0 1px rgba(var(--sfo-accent-rgb), .5);color:var(--sfo-accent);font:700 11px/1 var(--sf-font-mono);border-radius:2px;flex:none;padding:2px 5px}.sfo-node-detail{-webkit-line-clamp:2;font:500 13px/1.2 var(--sf-font-body);color:color-mix(in srgb, var(--sfo-text) 72%, transparent);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sfo-node-state{font:700 10px/1 var(--sf-font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--sfo-text-dim);align-items:center;gap:6px;display:inline-flex}.sfo-node-dot{border-radius:50%;width:6px;height:6px;box-shadow:inset 0 0 0 1px}.sfo-node[data-state=built]{background:linear-gradient(180deg, rgba(var(--sfo-accent-rgb), .12) 0%, rgba(var(--sfo-accent-rgb), .02) 60%), linear-gradient(180deg, var(--sfo-metal-hi) 0%, var(--sfo-metal-lo) 100%);box-shadow:inset 0 1px 0 var(--sfo-edge-strong), inset 0 0 0 1px rgba(var(--sfo-accent-rgb), .72), 0 0 0 1px #000000d9, 0 0 18px rgba(var(--sfo-glow-rgb), .14), 0 6px 14px #00000073}.sfo-node[data-state=built] .sfo-node-state{color:var(--sfo-accent)}.sfo-node[data-state=built] .sfo-node-dot{box-shadow:0 0 6px rgba(var(--sfo-glow-rgb), .8);background:currentColor}.sfo-node[data-state=built] .sfo-node-icon{color:var(--sfo-accent)}.sfo-node[data-state=building]{outline:1px dashed rgba(var(--sfo-accent-rgb), .75);outline-offset:-1px}.sfo-node[data-state=building] .sfo-node-state{color:rgba(var(--sfo-accent-rgb), .9)}.sfo-node[data-state=building] .sfo-node-dot{background:currentColor;animation:1.1s ease-in-out infinite sfoBlink}@keyframes sfoBlink{50%{opacity:.25}}.sfo-node[data-state=available] .sfo-node-state{color:#b7d7a8}.sfo-node[data-state=locked]{background:linear-gradient(#141619f5,#08090bfa);box-shadow:inset 0 0 0 1px #ffffff12,0 0 0 1px #000000d9}.sfo-node[data-state=locked] .sfo-node-icon{opacity:.4;filter:grayscale()}.sfo-node[data-state=locked] .sfo-node-name{color:var(--sfo-text-dim)}.sfo-node[data-state=locked] .sfo-node-detail{color:#a08674}.sfo-node[data-state=locked] .sfo-node-state{color:#ffffff57}.sfo-go{--sfo-go-rgb:var(--sfo-accent-rgb);--sfo-go-color:var(--sfo-accent);z-index:100;background:radial-gradient(ellipse 70% 42% at 50% 0%, rgba(var(--sfo-go-rgb), .16), transparent 70%), radial-gradient(ellipse 90% 80% at 50% 50%, #030406e6, #010203f7);-webkit-backdrop-filter:blur(8px)saturate(60%);flex-direction:column;justify-content:safe center;align-items:center;padding:32px 20px 0;animation:.5s both sfoFade;display:flex;position:absolute;inset:0;overflow-y:auto}.sfo-go[data-outcome=defeat]{--sfo-go-rgb:var(--sfo-danger-rgb);--sfo-go-color:var(--sfo-danger)}.sfo-go-inner{flex-direction:column;gap:18px;width:min(1080px,100%);display:flex}.sfo-go-head{text-align:center}.sfo-go-eyebrow{color:rgba(var(--sfo-go-rgb), .9)}.sfo-go-title{font:800 clamp(44px, 5.4vw, 78px)/1 var(--sf-font-heading);letter-spacing:.22em;color:var(--sfo-go-color);background:linear-gradient(180deg, #fbf4e4 0%, var(--sfo-go-color) 62%, color-mix(in srgb, var(--sfo-go-color) 70%, #000) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 28px rgba(var(--sfo-go-rgb), .32)) drop-shadow(0 3px 0 #000000b3);-webkit-background-clip:text;background-clip:text;margin:10px 0 12px;padding-left:.22em;animation:.9s cubic-bezier(.2,.8,.2,1) both sfoTitleIn}@keyframes sfoTitleIn{0%{opacity:0;letter-spacing:.42em}to{opacity:1;letter-spacing:.22em}}.sfo-go-rule{background:linear-gradient(90deg, transparent, rgba(var(--sfo-go-rgb), .6), transparent);width:min(420px,80%);height:1px;margin:0 auto 14px;position:relative}.sfo-go-rule>span{width:7px;height:7px;box-shadow:inset 0 0 0 1px rgba(var(--sfo-go-rgb), .85);background:#07080a;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%;transform:rotate(45deg)}.sfo-go-meta{font:600 13px/1 var(--sf-font-body);letter-spacing:.24em;text-transform:uppercase;color:var(--sfo-text-dim)}.sfo-go-meta b{font:600 15px/1 var(--sf-font-mono);letter-spacing:.02em;color:var(--sfo-text);margin-left:8px}.sfo-go-badges{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sfo-go-badge{background:linear-gradient(180deg, #ffffff0a, #fff0 40%), linear-gradient(180deg, var(--sfo-metal-hi), var(--sfo-metal-lo));min-width:150px;min-height:78px;box-shadow:inset 0 1px 0 var(--sfo-edge), inset 0 0 0 1px #ffffff1a, 0 0 0 1px #000000d9, 0 8px 18px #0006;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:10px 18px;display:flex;position:relative}.sfo-go-badge:before{content:"";background:var(--badge-color,#ffffff2e);opacity:.85;height:2px;position:absolute;top:0;left:14px;right:14px}.sfo-go-badge-label{font:700 10px/1 var(--sf-font-body);letter-spacing:.26em;text-transform:uppercase;color:var(--sfo-text-dim)}.sfo-go-badge-value{font:700 28px/1 var(--sf-font-body);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--badge-color,var(--sfo-text));align-items:center;gap:8px;display:inline-flex}.sfo-go-badge-value[data-tone=good]{color:#9bd88f}.sfo-go-badge-value[data-tone=bad]{color:#e3887a}.sfo-go-grade{text-shadow:0 0 18px color-mix(in srgb, var(--badge-color) 45%, transparent);font-size:36px}.sfo-go-rank{font:700 20px/1 var(--sf-font-body);letter-spacing:.12em;text-transform:uppercase}.sfo-go-rank-pip{background:var(--badge-color);width:8px;height:8px;box-shadow:0 0 8px var(--badge-color);transform:rotate(45deg)}.sfo-go-mvp{font:700 18px/1 var(--sf-font-body);letter-spacing:.06em;color:var(--sfo-text);flex-direction:column;gap:4px}.sfo-go-mvp small{font:500 11px/1 var(--sf-font-mono);letter-spacing:0;color:var(--sfo-text-dim)}.sfo-go-actions{z-index:2;background:linear-gradient(90deg, transparent 10%, rgba(var(--sfo-go-rgb), .28) 50%, transparent 90%) 0 16px / 100% 1px no-repeat, linear-gradient(180deg, #02030500 0, #020305f7 16px, #020305fc 100%);flex-wrap:wrap;order:5;justify-content:center;gap:10px;margin:0 -20px;padding:30px 20px 18px;display:flex;position:sticky;bottom:0}.sfo-go-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.sfo-go-grid>.sfo-go-card,.sfo-go-col>.sfo-go-card{height:100%}.sfo-go-col{flex-direction:column;gap:16px;min-width:0;display:flex}.sfo-go-card{min-width:0;padding:18px 20px 16px}.sfo-card-title{font:700 12px/1 var(--sf-font-body);letter-spacing:.26em;text-transform:uppercase;color:var(--sfo-label);margin-bottom:12px}.sfo-go .post-match-summary{min-width:0;max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;animation:none}.sfo-go .post-match-summary__title{font:700 12px/1 var(--sf-font-body);letter-spacing:.26em;color:var(--sfo-label);margin-bottom:12px}.sfo-go .post-match-summary__stats-grid{gap:8px;margin-bottom:16px}.sfo-go .post-match-summary__stat{box-shadow:inset 0 1px 4px #000000b3, inset 0 0 0 1px #0009, 0 1px 0 var(--sfo-edge);background:#00000061;border:0;border-radius:2px;padding:10px 8px 11px}.sfo-go .post-match-summary__stat-label{font:700 10px/1 var(--sf-font-body);letter-spacing:.22em;color:var(--sfo-text-dim);margin-bottom:7px}.sfo-go .post-match-summary__stat-value{font:700 28px/1 var(--sf-font-body);letter-spacing:.02em;font-variant-numeric:tabular-nums}.sfo-go .post-match-section-label{font:700 10px/1 var(--sf-font-body);letter-spacing:.24em;color:var(--sfo-text-dim);margin-bottom:7px}.sfo-go .apm-sparkline-chart,.sfo-go-timeline svg{background:repeating-linear-gradient(0deg, #ffffff09 0 1px, transparent 1px 14px), var(--sfo-screen);width:100%;box-shadow:inset 0 0 0 1px #000c, 0 1px 0 var(--sfo-edge);border:0;border-radius:2px;display:block}.sfo-go .apm-sparkline-empty{font:500 13px/1.3 var(--sf-font-body);color:var(--sfo-text-dim);padding:12px 0}.sfo-go .post-match-apm-legend{font:500 12px/1 var(--sf-font-mono);color:var(--sfo-text-dim);margin-top:6px}.sfo-go .post-match-supply-chip{min-width:58px;box-shadow:inset 0 0 0 1px rgba(var(--sfo-accent-rgb), .28);background:#00000061;border:0;border-radius:2px;gap:3px;padding:6px 9px}.sfo-go .post-match-supply-chip__value{font:700 15px/1 var(--sf-font-mono);color:var(--sfo-accent)}.sfo-go .post-match-supply-chip__time{font:500 11px/1 var(--sf-font-mono);color:var(--sfo-text-dim)}.sfo-go .post-match-build-list{gap:0;max-height:188px}.sfo-go .post-match-build-row{font:500 14px/1.1 var(--sf-font-body);border-bottom:1px solid #ffffff0d;grid-template-columns:46px 56px minmax(0,1fr) auto;padding:6px 2px}.sfo-go .post-match-build-time,.sfo-go .post-match-build-supply{font:500 12px/1 var(--sf-font-mono)}.sfo-go .post-match-build-time{color:var(--sfo-text-dim)}.sfo-go .post-match-build-supply{color:var(--sfo-accent);font-weight:600}.sfo-go .post-match-build-detail{color:var(--sfo-text);text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sfo-go .post-match-build-type{font:700 10px/1 var(--sf-font-body);letter-spacing:.18em}.sfo-go .post-match-build-type--build{color:#8fc3e6}.sfo-go .post-match-build-type--train{color:var(--sfo-label)}.sfo-cmp-head{grid-template-columns:64px 1fr 64px;align-items:center;gap:10px;margin-bottom:6px;display:grid}.sfo-cmp-head .sfo-card-title{text-align:center;margin:0}.sfo-cmp-side{font:700 12px/1 var(--sf-font-body);letter-spacing:.2em;text-transform:uppercase}.sfo-cmp-side--you{color:var(--sfo-accent);text-align:right}.sfo-cmp-side--enemy{color:var(--sfo-danger)}.sfo-cmp-row{border-bottom:1px solid #ffffff0d;grid-template-columns:64px 1fr 64px;align-items:end;gap:10px;padding:7px 0 8px;display:grid}.sfo-cmp-row:last-child{border-bottom:0}.sfo-cmp-val{font:600 14px/1 var(--sf-font-mono);color:var(--sfo-text-dim);font-variant-numeric:tabular-nums}.sfo-cmp-val--you{text-align:right}.sfo-cmp-row[data-lead=you] .sfo-cmp-val--you{color:var(--sfo-accent)}.sfo-cmp-row[data-lead=enemy] .sfo-cmp-val--enemy{color:#f0a293}.sfo-cmp-row[data-lead=even] .sfo-cmp-val{color:var(--sfo-text)}.sfo-cmp-label{text-align:center;font:600 12px/1 var(--sf-font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--sfo-text);opacity:.8;margin-bottom:6px}.sfo-cmp-track{grid-template-columns:1fr 1fr;gap:3px;height:6px;display:grid}.sfo-cmp-half{background:#00000080;border-radius:1px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0009}.sfo-cmp-half--you{justify-content:flex-end}.sfo-cmp-fill{height:100%;transition:width .5s}.sfo-cmp-half--you .sfo-cmp-fill{background:linear-gradient(90deg, rgba(var(--sfo-accent-rgb), .5), var(--sfo-accent))}.sfo-cmp-half--enemy .sfo-cmp-fill{background:linear-gradient(90deg, var(--sfo-danger), rgba(var(--sfo-danger-rgb), .5))}.sfo-kv{grid-template-columns:1fr 1fr;gap:0 22px;margin:0;display:grid}.sfo-kv>div{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:baseline;gap:10px;padding:7px 0;display:flex}.sfo-kv dt{font:500 14px/1.1 var(--sf-font-body);color:var(--sfo-text-dim)}.sfo-kv dd{font:600 14px/1 var(--sf-font-mono);color:var(--sfo-text);font-variant-numeric:tabular-nums;margin:0}.sfo-kv dd[data-tone=mineral]{color:#8fc9ec}.sfo-kv dd[data-tone=gas]{color:#95d98c}.sfo-go-timeline{margin-top:14px}.sfo-go-eco{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.sfo-go-eco .sfo-go-timeline{margin-top:0}.sfo-go-eco .sfo-go-timeline .post-match-section-label{color:var(--sfo-label);margin-bottom:12px;font-size:12px}.sfo-go-line{fill:none}.sfo-go-line--minerals{stroke:#8fc9ec}.sfo-go-line--army{stroke:var(--sfo-accent)}.sfo-go-legend{font:600 11px/1 var(--sf-font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--sfo-text-dim);gap:16px;margin-top:7px;display:flex}.sfo-go-legend span{align-items:center;gap:7px;display:inline-flex}.sfo-go-legend span:before{content:"";background:currentColor;width:14px;height:2px}.sfo-go-legend [data-series=minerals]:before{background:#8fc9ec}.sfo-go-legend [data-series=army]:before{background:var(--sfo-accent)}.sfo-go-notice,.sfo-go-rewards{text-align:center;align-self:center;width:min(560px,100%);padding:16px 22px}.sfo-go-notice .sfo-card-title{margin-bottom:8px}.sfo-go-notice-value{font:700 24px/1.1 var(--sf-font-heading);letter-spacing:.08em;color:var(--badge-color,var(--sfo-accent))}.sfo-go-notice-value span{color:var(--sfo-text);font:600 17px/1 var(--sf-font-body);letter-spacing:.08em}.sfo-go-notice[data-tone=good] .sfo-go-notice-value{color:#9bd88f}.sfo-go-notice[data-tone=bad] .sfo-go-notice-value{color:#e3887a}.sfo-go-notice-sub{font:500 13px/1 var(--sf-font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--sfo-text-dim);margin-top:6px}.sfo-go-notice-sub b{font-family:var(--sf-font-mono);color:var(--sfo-text)}.sfo-go-rewards{text-align:left}.sfo-go-rewards-head{justify-content:space-between;align-items:baseline;display:flex}.sfo-go-streak{font:700 12px/1 var(--sf-font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--sfo-accent)}.sfo-go-rewards-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sfo-go-rewards-list li{font:500 14px/1.2 var(--sf-font-body);color:var(--sfo-text);border-bottom:1px solid #ffffff0d;justify-content:space-between;gap:12px;padding:6px 0;display:flex}.sfo-go-rewards-list b,.sfo-go-rewards-total b{font:600 13px/1.2 var(--sf-font-mono);color:var(--sfo-accent)}.sfo-go-rewards-empty{font:500 13px/1.3 var(--sf-font-body);color:var(--sfo-text-dim)}.sfo-go-rewards-total{text-align:right;font:600 12px/1 var(--sf-font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--sfo-text-dim);margin-top:10px}.sfo-go-flag{font:700 13px/1 var(--sf-font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--sfo-accent);align-self:center}.sfo-go[data-reduced-motion=true],.sfo-go[data-reduced-motion=true] .sfo-go-title,.reduced-motion .sfo-backdrop,.reduced-motion .sfo-backdrop>.sfo-panel{animation:none}@media (prefers-reduced-motion:reduce){.sfo-backdrop,.sfo-backdrop>.sfo-panel,.sfo-well,.sfo-go,.sfo-go-title,.sfo-node-dot{animation:none!important}}@media (max-width:900px){.sfo-go-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.sfo-backdrop{padding:16px 12px}.sfo-pause-panel{padding:20px 18px 14px}.sfo-title{font-size:26px}.sfo-tech-panel{padding:16px 14px 12px}.sfo-tech-head{flex-wrap:wrap;gap:12px}.sfo-tech-summary{order:3;width:100%;margin-left:0}.sfo-go{padding:24px 12px 28px}.sfo-go-actions{background:0 0;order:0;margin:0;padding:0;position:static}.sfo-go-eco{grid-template-columns:minmax(0,1fr);gap:16px}.sfo-btn--lg{flex:140px;min-width:0;padding:0 16px}.sfo-go-badge{flex:calc(50% - 10px);min-width:0}.sfo-kv{grid-template-columns:minmax(0,1fr)}.sfo-cmp-head,.sfo-cmp-row{grid-template-columns:50px 1fr 50px;gap:8px}.sfo-go-card{padding:16px 14px 14px}}.sfc-portrait-structure{background:radial-gradient(ellipse at 50% 60%, rgba(var(--hud-glow-rgb,255,172,58), .1), transparent 70%), var(--hud-screen,#04070a);justify-content:center;align-items:center;display:flex}.sfc-portrait-structure img{object-fit:contain;filter:drop-shadow(0 4px 6px #000000a6);width:88%;height:88%}.sfc-portrait-idle img{opacity:.55;filter:saturate(.8)}.sfc-portrait-race{letter-spacing:.32em;text-transform:uppercase;opacity:.85}.sfo-node-art{object-fit:contain;filter:drop-shadow(0 2px 3px #0009);width:100%;height:100%}.sfo-node[data-state=locked] .sfo-node-art{filter:grayscale(.9)brightness(.5)}.sfo-node[data-state=available] .sfo-node-art{filter:grayscale(.35)brightness(.8)}.sfo-node-name{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.05;display:-webkit-box}