.hero-visual.battle-reel{color:#f2f0e8;background:#18211c;min-width:0}.battle-reel:after{z-index:2;border-color:#f2f0e81c;inset:12px}.battle-canvas{width:100%;height:100%;display:block}.battle-topline{color:#dddcc9;font:8px / 1.6 var(--mono);letter-spacing:1px;text-shadow:0 1px 8px #101710;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;inset:27px 28px auto}.battle-topline>span:first-child{align-items:center;gap:8px;display:flex}.battle-topline .status-dot{color:var(--battle-accent);box-shadow:0 0 9px var(--battle-accent)}.battle-caption{background:linear-gradient(#0000,#101713d9 50%,#101713f5);padding:64px 28px 22px;position:absolute;inset:auto 0 0}.battle-matchup{color:var(--battle-accent);font:8px / 1.6 var(--mono);letter-spacing:1.2px}.battle-scene-copy h2{font:600 clamp(27px, 2.8vw, 39px) / 1.05 var(--display);letter-spacing:-.2px;margin-top:5px}.battle-scene-copy{animation:.45s ease-out both battle-caption-in}.battle-controls{align-items:center;gap:22px;margin-top:19px;display:flex}.battle-scenes{flex:1;gap:9px;min-width:0;display:flex}.battle-scene-button{color:#e1dfcd70;text-align:left;flex:1;min-width:0;min-height:36px;padding:5px 0}.battle-scene-button[aria-pressed=true],.battle-scene-button:hover{color:var(--battle-accent)}.battle-scene-track{background:#e1dfcd30;height:2px;display:block;overflow:hidden}.battle-scene-track>span{background:var(--battle-accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.battle-scene-button[aria-pressed=true] .battle-scene-track>span{transform:scaleX(var(--battle-progress,0))}.battle-scene-number{font:8px / 1 var(--mono);margin-top:7px;display:block}.battle-playback{align-items:center;gap:1px;display:flex}.battle-playback button{color:#dfdece;place-items:center;width:31px;height:36px;padding:0;display:grid}.battle-playback button:hover{color:var(--battle-accent);background:#ffffff0c}.battle-reel .battle-playback .battle-sound{width:auto;min-width:36px;font:9px / 1 var(--mono);white-space:nowrap;justify-content:center;gap:7px;margin-left:7px;padding-inline:9px;display:flex}.battle-sound>svg{flex-shrink:0}.battle-sound[aria-pressed=true]{color:var(--battle-accent)}.battle-reel :focus-visible{outline-color:var(--battle-accent);outline-offset:3px}.battle-loading{text-align:center;color:#dddcc9;font:9px / 1.5 var(--mono);letter-spacing:2px;position:absolute;inset:40% 20px auto}@keyframes battle-caption-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.battle-topline{font-size:6px;inset:24px 22px auto}.battle-caption{padding:60px 22px 18px}.battle-controls{gap:10px;margin-top:14px}.battle-scenes{gap:7px}.battle-matchup{letter-spacing:.6px;font-size:7px}.battle-playback button{width:28px}}@media (width<=640px){.battle-reel .battle-playback .battle-sound{width:36px;margin-left:3px;padding:0}.battle-sound>span{display:none}.hero-visual.battle-reel{height:390px}.battle-topline{font-size:7px}.battle-scene-copy h2{font-size:32px}.battle-playback button{width:34px;height:42px}.battle-scene-button{min-height:42px}}.landing-page{--landing-bg:var(--paper);--landing-panel:var(--panel);--landing-line:var(--line);--landing-muted:var(--muted);--landing-accent:var(--orange);--terrain-contours:url(/terrain-contours.svg);background:var(--landing-bg);color:var(--ink)}.landing-page .button-orange{background:var(--landing-accent);color:#172018;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:background .18s,transform .18s}.landing-page .button-orange:hover{background:#f7c88d;transform:translateY(-2px)}.landing-page .button-orange:focus-visible{outline:3px solid var(--accent-ink);outline-offset:-5px}.landing-page .text-link:hover{color:var(--landing-accent)}.landing-page :focus-visible{outline-color:var(--landing-accent)}.landing-page section[id],#battle-preview{scroll-margin-top:24px}.main-nav>.mobile-faction-link{display:none}.game-availability{color:#a8b39e;align-items:center;gap:9px;font-size:11px;line-height:1.7;display:flex}.game-availability .status-dot{color:var(--orange);flex-shrink:0}.landing-page .hero.cinematic-hero{isolation:isolate;height:min(760px,100svh - 87px);min-height:660px;padding:0;display:block;position:relative;overflow:hidden}.cinematic-hero:before{content:"";background:var(--terrain-contours) center / 850px auto;opacity:.1;pointer-events:none;z-index:2;position:absolute;inset:0 45% 0 0;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.cinematic-hero .hero-content{z-index:3;pointer-events:none;align-items:center;height:100%;padding-block:30px 68px;display:flex;position:relative}.cinematic-hero .hero-copy{pointer-events:auto;width:530px;max-width:45%}.landing-page .hero-copy h1{letter-spacing:-1.5px;text-shadow:0 4px 40px #0c131170;margin:0 0 26px;font-size:clamp(92px,8.3vw,128px);line-height:.86}.landing-page .hero-copy h1>span{color:var(--landing-accent)}.landing-page .hero-description{color:#d9e0d1;max-width:450px;font-size:18px;font-weight:400;line-height:1.75}.landing-page .hero-description>span{color:var(--landing-muted);margin-top:8px;font-size:13px;display:block}.landing-page .hero-actions{align-items:center;gap:26px;margin-top:27px;display:flex}.landing-page .hero-actions .button{gap:20px;padding:18px 22px;font-size:13px}.landing-page .hero-actions .text-link{color:#d6dcca;font-size:13px}.cinematic-hero .game-availability{margin-top:19px}.landing-page .cinematic-hero .battle-reel{background:#0c1311;width:100%;height:100%;position:absolute;inset:0}.cinematic-hero .battle-canvas{width:70%;height:100%;margin-left:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 19%);mask-image:linear-gradient(90deg,#0000,#000 19%)}.cinematic-hero .battle-reel:after{background:linear-gradient(#0c131155,#0000 12% 72%,#0e1513),linear-gradient(90deg,#0c1311 20%,#0c1311ad 34%,#0000 60%);border:0;inset:0}.cinematic-hero .battle-caption{z-index:3;background:0 0;padding:55px 0 0;inset:auto 40px 25px 54%}.cinematic-hero .battle-scene-copy h2{font-size:36px}.cinematic-hero .battle-controls{margin-top:12px}.cinematic-hero .battle-loading{left:50%}.cinematic-hero .battle-scene-number{font-size:10px}.cinematic-hero .battle-scene-button{min-height:44px}.cinematic-hero .battle-playback button{width:36px;height:44px}.feature-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:35px;display:flex}.feature-heading h2,.feature-copy h2{font:600 clamp(40px, 4.2vw, 62px)/.99 var(--display);letter-spacing:-.3px;margin-top:0}.feature-heading h2>span,.feature-copy h2>span{color:var(--orange)}.feature-heading>p{max-width:330px;color:var(--landing-muted);font-size:15px;line-height:1.8}.feature-copy>p{color:var(--landing-muted);max-width:430px;margin-top:23px;font-size:16px;line-height:1.85}.landing-page .factions-section{padding-block:82px}.faction-showcase{--selected-accent:var(--faction-colonists)}.faction-showcase[data-faction=khars]{--selected-accent:var(--faction-khars)}.faction-showcase[data-faction=srost]{--selected-accent:var(--faction-srost)}.faction-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.faction-selector>button{--faction-color:var(--faction-colonists);text-align:left;min-height:178px;color:var(--ink);border:1px solid var(--landing-line);isolation:isolate;background:linear-gradient(90deg,#101711f5 15%,#10171166),url(/game/battle/earth.webp) 50%/340px;align-items:flex-end;gap:18px;min-width:0;padding:24px;transition:border-color .18s,background-color .18s;display:flex;position:relative;overflow:hidden}.faction-selector>.khars{--faction-color:var(--faction-khars);background-image:linear-gradient(90deg,#101a1df5 15%,#101a1d66),url(/game/battle/basalt.webp)}.faction-selector>.srost{--faction-color:var(--faction-srost);background-image:linear-gradient(90deg,#182014f5 15%,#18201466),url(/game/battle/growth.webp)}.faction-selector>button:after{content:"";background:var(--faction-color);height:3px;transition:transform .18s;position:absolute;inset:auto 0 0;transform:scaleX(0)}.faction-selector>button[aria-selected=true]{border-color:color-mix(in srgb, var(--faction-color) 65%, transparent)}.faction-selector>button[aria-selected=true]:after{transform:scaleX(1)}.faction-selector>button:hover{border-color:color-mix(in srgb, var(--faction-color) 65%, transparent)}.faction-selector img{object-fit:contain;opacity:.65;filter:drop-shadow(7px 12px 8px #000a);z-index:-1;width:130px;height:175px;transition:transform .24s,opacity .24s;position:absolute;top:-6px;right:18px}.faction-selector>button:hover img,.faction-selector>button[aria-selected=true] img{opacity:1;transform:translateY(-4px)}.faction-selector strong{font:600 37px/1.2 var(--display);text-shadow:0 2px 12px #000;display:block}.faction-selected-mark{color:var(--faction-color);opacity:.4;margin-left:auto;font-size:24px}[aria-selected=true]>.faction-selected-mark{opacity:1}.landing-page .faction-grid{display:block}.landing-page .faction-panel{--faction-surface:#151e19;background:linear-gradient(90deg, color-mix(in srgb, var(--faction-surface) 86%, transparent), var(--faction-surface)), var(--terrain-contours) center / 900px auto, var(--faction-surface);border:1px solid color-mix(in srgb, var(--selected-accent) 28%, transparent);grid-template-columns:.87fr 1.4fr;align-items:center;gap:38px;padding:40px;display:grid;overflow:visible}.landing-page .faction-panel[hidden]{display:none}.landing-page .faction-panel.khars{--faction-surface:#142024}.landing-page .faction-panel.srost{--faction-surface:#182117}.faction-profile{min-width:0}.landing-page .faction-panel h3{color:var(--selected-accent);margin-top:0;font-size:56px}.faction-profile>p{color:var(--muted);margin-top:18px;font-size:16px;line-height:1.8}.landing-page .faction-roster{color:#b0bfa1;margin-top:20px;padding-block:14px;font-size:9px}.landing-page .faction-roster b{font:600 30px/1 var(--display);color:var(--ink);margin-bottom:6px;display:block}.landing-page .faction-link{padding-block:18px;font-size:14px}.landing-page .faction-link>span{gap:10px;font-size:9px}.landing-page .faction-building-link,.landing-page .faction-opening-link{color:#b4c2a5;padding-bottom:15px;font-size:13px}.landing-page .faction-opening-link{padding-bottom:0}.landing-page .faction-link:hover,.landing-page .faction-building-link:hover,.landing-page .faction-opening-link:hover{color:var(--selected-accent)}.roster-directory-link{color:#c2ceb6;justify-content:flex-end;align-items:center;gap:12px;margin-top:20px;font-size:14px;display:flex}.roster-directory-link:hover{color:var(--orange)}.signature-preview{border:1px solid color-mix(in srgb, var(--signature-color) 25%, transparent);background:#0d1612;min-width:0;position:relative;overflow:hidden;box-shadow:0 12px 30px #0003}.signature-stage{position:relative}.signature-stage>svg{width:100%;height:auto;display:block}.signature-footer{border-top:1px solid var(--landing-line);padding:23px}.signature-footer h4{font:600 28px/1.1 var(--display);margin:0 0 10px}.signature-footer h4 a{align-items:center;gap:10px;display:inline-flex}.signature-footer h4 a:hover{color:var(--signature-color)}.signature-footer p{color:var(--muted);font-size:13px;line-height:1.8}.signature-hud>.signature-actions{flex:none;gap:6px;margin:0;display:flex}.signature-actions button{border:1px solid color-mix(in srgb, var(--signature-color) 25%, transparent);width:44px;min-width:44px;color:var(--signature-color);background:#0c1712c9;border-radius:50%}.signature-actions .signature-play{background:var(--signature-color);color:var(--accent-ink)}.signature-actions button[aria-pressed=true]{color:var(--signature-color)}.signature-actions .signature-play:hover{background:color-mix(in srgb, var(--signature-color) 80%, white);color:var(--accent-ink)}.signature-actions button:disabled{opacity:.45}.signature-actions :focus-visible{outline-color:var(--signature-color);outline-offset:3px}.camp-section{isolation:isolate;border-block:1px solid var(--landing-line);background:#182118;padding-block:75px;position:relative}.camp-section:before{content:"";z-index:-1;background:var(--terrain-contours) left center / 1200px auto;opacity:.13;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 75%);mask-image:linear-gradient(90deg,#000,#0000 75%)}.camp-section h2>span{color:var(--faction-srost)}.camp-layout{grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px;display:grid}.camp-allies{margin:28px 0 0;padding:0;list-style:none}.camp-allies li{border-top:1px solid var(--landing-line);align-items:center;gap:16px;padding-block:8px;display:flex}.camp-allies img{object-fit:contain;filter:drop-shadow(3px 5px 3px #0006);flex-shrink:0;transition:transform .18s}.camp-allies li:hover img{transform:translateY(-3px)}.camp-allies li>svg{color:#b7cf7b80;margin-left:auto}.camp-allies a{color:#e2c28c;font-size:15px}.camp-allies a:hover{text-underline-offset:3px;text-decoration:underline}.camp-allies li>div>span{color:var(--landing-muted);margin-top:3px;font-size:13px;display:block}.camp-visual,.economy-visual{border:1px solid #a9bf7b30;min-width:0;box-shadow:0 18px 48px #0004}.camp-roster-link{color:#edbf84;margin-top:24px;font-size:14px}.camp-scenes{border-top:1px solid var(--landing-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.camp-scenes button{border:0;border-right:1px solid var(--landing-line);color:var(--muted);text-align:left;cursor:pointer;background:0 0;flex-direction:column;gap:7px;padding:15px 12px;display:flex}.camp-scenes button:last-child{border-right:0}.camp-scenes button[aria-pressed=true],.camp-scenes button:hover{color:var(--landing-accent);background:#edb26e0c}.camp-scene-number{text-transform:uppercase;font:10px/1.5 IBM Plex Mono,monospace}.camp-scenes strong{font:600 14px/1.4 DM Sans,sans-serif}.camp-role-copy{border-top:1px solid var(--landing-line);padding:18px 22px}.camp-role-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.build-section{border-block:1px solid var(--landing-line);background:#111916;padding-block:78px}.construction-heading h2{font-size:51px}.construction-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.construction-selector{display:none}.construction-card{--construction-accent:#edb26e;border:1px solid var(--landing-line);border-top:2px solid var(--construction-accent);background:#101813;flex-direction:column;min-width:0;transition:border-color .18s,box-shadow .18s;display:flex}.construction-card:hover{border-color:color-mix(in srgb, var(--construction-accent) 55%, transparent);box-shadow:0 16px 32px #0004}.construction-khars{--construction-accent:#7fdae1}.construction-srost{--construction-accent:#b7cf7b}.construction-card-copy{flex-direction:column;flex:1;padding:23px;display:flex}.construction-card-copy h3{font:600 30px/1.08 var(--display);color:var(--construction-accent);margin:0}.construction-card-copy>p{color:#adbaa1;margin-block:12px 20px;font-size:14px;line-height:1.8}.construction-card-copy>a{border-top:1px solid var(--landing-line);color:#c6d0bb;justify-content:space-between;align-items:center;gap:15px;margin-top:auto;padding-top:17px;font-size:13px;display:flex}.construction-card-copy>a:hover{color:var(--construction-accent)}.gameplay-scene{aspect-ratio:1.4;isolation:isolate;background:#17231b;position:relative;overflow:hidden}.gameplay-scene>canvas{width:100%;height:100%;display:block}.gameplay-scene:after{content:"";background:linear-gradient(var(--scene-accent), var(--scene-accent)) left top / 15px 1px, linear-gradient(var(--scene-accent), var(--scene-accent)) left top / 1px 15px, linear-gradient(var(--scene-accent), var(--scene-accent)) right top / 15px 1px, linear-gradient(var(--scene-accent), var(--scene-accent)) right top / 1px 15px, linear-gradient(var(--scene-accent), var(--scene-accent)) left bottom / 15px 1px, linear-gradient(var(--scene-accent), var(--scene-accent)) left bottom / 1px 15px, linear-gradient(var(--scene-accent), var(--scene-accent)) right bottom / 15px 1px, linear-gradient(var(--scene-accent), var(--scene-accent)) right bottom / 1px 15px;opacity:.55;pointer-events:none;background-repeat:no-repeat;position:absolute;inset:8px}.scene-hud{background:linear-gradient(#0000,#0c1712ef);align-items:center;gap:3px;padding:25px 12px 11px 18px;display:flex;position:absolute;inset:auto 0 0}.scene-hud>div{flex:1;min-width:0;margin-right:10px}.scene-status{color:var(--scene-accent);font:9px/1.6 var(--mono);letter-spacing:.3px;display:block}.scene-progress{background:#e1e1bc24;height:2px;margin-top:7px;display:block}.scene-progress>i{background:var(--scene-accent);height:100%;transform:scaleX(var(--scene-progress,0));transform-origin:0;display:block}.scene-hud button{color:#c5ceb8;place-items:center;min-width:40px;height:44px;padding:0;display:grid}.scene-hud button:hover{color:var(--scene-accent);background:#ffffff0c}.scene-loading{text-align:center;color:#c0ceb4;font:10px/1.6 var(--mono);letter-spacing:1px;position:absolute;inset:45% 15px auto}.economy-section{grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px;padding-block:80px;display:grid}.feature-text-link{color:#d2dbc3;align-items:center;gap:14px;margin-top:24px;font-size:14px;display:inline-flex}.feature-text-link:hover{color:var(--orange)}.economy-visual{border-color:#9dcdea35}.mining-scenes{border-top:1px solid var(--landing-line);background:#0c1712;gap:14px;padding:12px 18px 9px;display:flex}.mining-scenes button{text-align:left;color:#e1dfcd80;min-width:0;min-height:44px;font:9px/1.5 var(--mono);flex:1;padding:5px 0}.mining-scene-track{background:#e1dfcd30;height:2px;margin-bottom:9px;display:block}.mining-scenes button[aria-pressed=true],.mining-scenes button:hover{color:var(--mining-accent)}.mining-scenes button[aria-pressed=true] .mining-scene-track{background:var(--mining-accent)}.scene-sound[aria-pressed=true]{color:var(--scene-accent)}.economy-visual .gameplay-scene{aspect-ratio:1.5}.landing-closing{isolation:isolate;border-block:1px solid var(--landing-line);background:#1c281d;padding-block:35px;position:relative;overflow:hidden}.landing-closing:before{content:"";background:var(--terrain-contours) center / 1000px auto;opacity:.14;pointer-events:none;position:absolute;inset:0}.landing-closing .wrap{z-index:1;position:relative}.landing-closing .wrap>svg{color:#b3bf91;margin:0 auto 23px}.landing-closing h2{font:600 clamp(46px, 5vw, 76px)/.95 var(--display)}.closing-layout{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.closing-army{min-width:0;height:330px;position:relative}.closing-army:before{content:"";border:1px solid #b4c69e30;border-radius:50%;position:absolute;inset:25px 30px;transform:rotate(-15deg)scaleY(.65);box-shadow:0 0 0 30px #b4c69e09,0 0 0 60px #b4c69e06}.closing-army img{object-fit:contain;filter:drop-shadow(14px 22px 12px #0008);width:42%;height:275px;position:absolute;top:25px}.closing-army img:first-child{top:50px;left:0;transform:rotate(-16deg)}.closing-army img:nth-child(2){z-index:1;left:29%}.closing-army img:nth-child(3){top:50px;right:0;transform:rotate(16deg)}.landing-closing h2>span{color:var(--orange)}.landing-closing p{color:#b8c3a7;margin-top:21px;font-size:16px}.closing-actions{justify-content:flex-start;align-items:center;gap:28px;margin-top:29px;display:flex}.closing-actions .button{gap:22px;font-size:14px}.closing-actions .text-link{color:#c6d0b6;font-size:14px}.landing-closing .game-availability{justify-content:center;margin-top:22px;font-size:12px}@media (width<=1100px){.cinematic-hero .hero-copy{max-width:47%}.landing-page .hero-copy h1{font-size:98px}.landing-page .hero-actions{flex-wrap:wrap;gap:18px}.landing-page .hero-actions .button{gap:14px;padding-inline:18px}.faction-selector>button{gap:12px;min-height:160px;padding:20px}.faction-selector img{width:105px;height:155px;right:12px}.faction-selector strong{font-size:29px}.landing-page .faction-panel{grid-template-columns:.9fr 1.15fr;gap:25px;padding:27px}.landing-page .faction-panel h3{font-size:45px}.signature-footer{padding:20px}.faction-selected-mark{display:none}.camp-layout,.economy-section{gap:35px}.construction-card-copy{padding:20px}.construction-card-copy h3{font-size:28px}}@media (width>=641px) and (width<=800px){.landing-page .hero-copy h1{font-size:84px}.landing-page .hero-description{font-size:14px}.cinematic-hero .battle-caption{left:53%;right:22px}.cinematic-hero .battle-scene-copy h2{font-size:29px}.cinematic-hero .battle-controls{gap:9px}.cinematic-hero .battle-scenes{gap:5px}.cinematic-hero .battle-playback button{width:28px}.feature-heading{gap:25px}.feature-heading h2,.feature-copy h2{font-size:43px}.feature-heading>p{max-width:230px;font-size:14px}.faction-selector>button{gap:8px;min-height:145px;padding:16px}.faction-selector img{width:92px;height:135px}.landing-page .faction-panel{grid-template-columns:1fr}.faction-profile{display:block}.construction-grid{gap:12px}.construction-card-copy{padding:16px}.construction-card-copy>p{font-size:13px}.scene-hud{padding-inline:10px}.scene-hud button{min-width:30px}.scene-status{font-size:8px}}@media (width<=640px){.main-nav>.mobile-faction-link{color:var(--orange);justify-content:space-between;align-items:center;display:flex}.landing-page .hero.cinematic-hero{grid-template-columns:minmax(0,1fr);gap:0;height:auto;min-height:0;padding-bottom:23px;display:grid}.cinematic-hero .hero-content,.cinematic-hero .hero-copy{display:contents}.landing-page .hero-copy h1{letter-spacing:-.8px;order:1;margin:28px 20px 14px;font-size:clamp(53px,16.4vw,83px);line-height:.87}.landing-page .hero-description{order:2;max-width:440px;margin:0 20px 20px;font-size:15px;line-height:1.7}.landing-page .cinematic-hero .battle-reel{order:3;width:100%;height:290px;position:relative;inset:auto}.cinematic-hero .battle-canvas{width:100%;margin:0;-webkit-mask-image:none;mask-image:none}.cinematic-hero .battle-reel:after{background:linear-gradient(#0c131144,#0000 45%,#0e1513)}.cinematic-hero .battle-caption{background:linear-gradient(#0000,#0e1513c9);padding:27px 0 0;inset:auto 20px 0}.cinematic-hero .battle-scene-copy h2{margin-top:3px;font-size:26px}.cinematic-hero .battle-controls{gap:16px;margin-top:4px}.cinematic-hero .battle-scenes{gap:9px}.cinematic-hero .battle-scene-number{margin-top:5px}.cinematic-hero .battle-playback button{width:36px}.landing-page .hero-actions{flex-wrap:nowrap;order:4;justify-content:space-between;gap:15px;margin:18px 20px 0;display:flex}.landing-page .hero-actions .button{gap:14px;padding:16px 18px;font-size:12px}.landing-page .hero-actions .text-link{gap:8px;font-size:12px}.cinematic-hero .game-availability{order:5;margin:15px 20px 0;font-size:10px}.feature-heading{margin-bottom:25px;display:block}.feature-heading h2,.feature-copy h2{margin-top:0;font-size:clamp(36px,10.5vw,52px);line-height:1.03}.feature-heading>p{max-width:100%;margin-top:19px;font-size:15px}.feature-copy>p{max-width:100%;margin-top:20px;font-size:15px}.landing-page .factions-section{padding-block:45px}.faction-selector{gap:6px;margin-bottom:6px}.faction-selector>button{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:3px;min-height:150px;padding:13px 10px 17px}.faction-selector img{width:80px;height:110px;top:2px;right:6px}.faction-selector strong{font-size:26px}.landing-page .faction-panel{flex-direction:column;align-items:stretch;gap:0;padding:23px 20px;display:flex}.faction-profile{display:contents}.landing-page .faction-panel h3{order:1;margin-top:0;font-size:43px}.faction-profile>p{order:2;margin-top:16px;font-size:15px}.signature-preview{border-inline:0;order:3;margin:24px -20px 0}.signature-stage{padding-bottom:28px}.signature-footer{padding:20px}.signature-footer h4{font-size:28px}.signature-footer p{font-size:14px}.landing-page .faction-roster{order:5;font-size:9px}.landing-page .faction-link{order:7;font-size:14px}.landing-page .faction-building-link{order:8}.landing-page .faction-opening-link{order:9}.roster-directory-link{justify-content:flex-start;font-size:13px}.camp-section{padding-block:48px}.camp-layout{flex-direction:column;align-items:stretch;gap:0;display:flex}.camp-layout .feature-copy{display:contents}.camp-layout h2{order:1}.camp-layout .feature-copy>p{order:2;margin-bottom:25px}.camp-visual{order:3}.camp-layout .camp-allies{order:4;margin-top:22px}.camp-layout .camp-roster-link{order:5;align-self:flex-start}.build-section{padding-block:45px 34px}.construction-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:15px;display:grid}.construction-selector>button{border:1px solid var(--landing-line);min-height:45px;color:var(--muted);padding:10px 7px;font-size:13px}.construction-selector>button[aria-pressed=true]{color:var(--ink);background:#b7c69e18;border-color:#b7c69e66}.construction-grid{grid-template-columns:1fr}.construction-card:not(.is-selected){display:none}.construction-card .gameplay-scene{aspect-ratio:1.3}.construction-card-copy{padding:22px 20px}.construction-card-copy h3{max-width:100%;min-height:0;font-size:31px}.construction-card-copy>p{min-height:0;font-size:15px}.scene-status{font-size:9px}.scene-hud button{min-width:44px}.economy-section{grid-template-columns:1fr;gap:30px;padding-block:48px}.feature-text-link{font-size:14px}.landing-closing{text-align:center;padding-block:35px 48px}.closing-layout{grid-template-columns:1fr;gap:15px}.closing-army{order:-1;height:205px}.closing-army img{height:190px;top:0}.closing-army img:first-child,.closing-army img:nth-child(3){top:15px}.landing-closing h2{font-size:51px}.landing-closing p{font-size:15px}.closing-actions{flex-direction:column;justify-content:center;gap:22px}.landing-closing .game-availability{font-size:10px}}@media (prefers-reduced-motion:reduce){.landing-page .button-orange,.faction-selector>button,.faction-selector img,.camp-allies img,.construction-card{transition:none}.landing-page .button-orange:hover,.faction-selector>button:hover img,.faction-selector>button[aria-selected=true] img,.camp-allies li:hover img{transform:none}}@media (width<=360px){.landing-page .hero-actions{gap:10px}.landing-page .hero-actions .button{padding-inline:13px;font-size:11px}.landing-page .hero-actions .text-link{font-size:11px}.cinematic-hero .battle-scene-copy h2{font-size:24px}.cinematic-hero .battle-reel{height:270px}.faction-selector strong{font-size:24px}.landing-page .faction-roster{font-size:8px}}
