/* Game.uss command-post tokens. Text-3 is raised to AA on bg-3. */
:root{--bg-0:#05080a;--bg-1:rgba(6,10,13,.92);--bg-1-solid:#070b0e;--bg-2:#0b1116;--bg-3:#111a21;--line-1:#18242c;--line-2:#24343f;--line-3:#486070;--text-1:#e6e9eb;--text-2:#a3abb2;--text-3:#9099a1;--accent:#9fd4ff;--accent-fill:#b2defc;--accent-fill-hover:#d0eeff;--on-accent:#0d1114;--bg:var(--bg-0);--panel:var(--bg-2);--raised:var(--bg-3);--line:var(--line-2);--text:var(--text-1);--muted:var(--text-2);--steel:var(--accent);--light:var(--accent-fill);--header:108px}
html{scroll-padding-top:130px}body{padding-bottom:42px}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-fill-hover);outline-offset:4px}p{color:var(--text-2)}
.classification{height:20px;position:absolute;inset:0 2px auto;z-index:30;background:var(--accent);color:var(--on-accent);font-size:9px;line-height:20px;text-align:center;letter-spacing:.14em;box-shadow:0 3px 18px #9fd4ff24}
.header{top:20px;height:88px;background:rgba(5,8,10,.94);border-color:var(--line-3);padding:0 32px;gap:32px}.command-brand .brand{width:212px;padding:0}.command-post{display:block;font-size:8px;margin-top:7px;color:var(--text-3)}.header-right{margin-left:auto;gap:30px}.command-status{text-align:right;display:grid;gap:5px}#zulu{font-size:13px;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.02em}.encrypted-link{color:var(--text-3);font-size:8px}.encrypted-link i{display:inline-block;background:var(--accent);width:5px;height:5px;margin-right:8px;box-shadow:0 0 7px #9fd4ff70}
.menu-toggle{display:flex;gap:18px;align-items:center;justify-content:space-between;font-family:Plex,monospace;font-size:11px;background:var(--bg-2);border:1px solid var(--line-3);color:var(--text-1);padding:12px 18px;min-height:44px;min-width:150px;order:0}.menu-toggle>span{font-size:18px}.menu-toggle[aria-expanded=true]{border-color:var(--accent);background:var(--bg-3)}.header nav{display:none;position:absolute;left:32px;top:101px;width:340px;max-width:calc(100vw - 48px);padding:20px 16px;background:rgba(5,8,10,.98);border:1px solid var(--line-3);box-shadow:0 16px 55px #0009;margin:0;z-index:40}.header nav.is-open{display:block}.orders-caption{font-size:9px;letter-spacing:.12em;color:var(--text-3);padding:0 12px 12px;grid-column:1/-1}.header nav>a::after{display:none}
.order,.header nav a{position:relative;display:flex;gap:18px;align-items:center;padding:16px 12px;border:1px solid transparent;border-bottom-color:var(--line-1);text-align:left;white-space:normal;min-height:74px;background:transparent}.order::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#9fd4ff16,transparent);opacity:0;transition:opacity .2s;pointer-events:none}.order:hover::before,.order:focus-visible::before,.order[aria-current]::before{opacity:1}.order:hover,.order[aria-current]{border-left-color:var(--accent)}.order-number{font:10px Plex,monospace;color:var(--accent)}.order strong{display:block;font-size:16px;font-weight:600;color:var(--text-1)}.order small{display:block;font:9px/1.6 Plex,monospace;color:var(--text-3);margin-top:7px}.order-arrow{font-size:17px;color:var(--accent);margin-left:auto;transition:transform .2s}.order:hover .order-arrow{transform:translate(2px,-2px)}
.world-radar{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hero{min-height:820px}.hero-backdrop{z-index:-3}.hero-backdrop::after{background:rgba(5,8,10,.88)}.hero-poster{opacity:.2}.hero-backdrop video.is-playing{opacity:.12}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#05080af5 0%,#05080ae8 25%,#05080a80 44%,transparent 65%),linear-gradient(0deg,#05080a,transparent 16%);z-index:0;pointer-events:none}.hero-content{z-index:2;width:55%;padding:175px 0 155px var(--pad)}.hero h1{font-size:clamp(74px,7.5vw,138px);line-height:.95;max-width:720px;animation:none}.hero-intro{max-width:410px;font-size:18px}.hero-actions{gap:16px;max-width:480px}.hero-actions .coming{width:100%;margin-top:6px;font-size:10px}.hero-telemetry{z-index:1;top:145px;right:40px;opacity:1;border-top:1px solid var(--line-3);padding:14px 18px;background:var(--bg-1);align-items:flex-start}.hero-telemetry>span{text-align:left;margin:0;font-size:9px;color:var(--accent)}.hero-bottom{z-index:2;bottom:48px;border-color:var(--line-3)}.radar-note{color:var(--accent);font-size:9px}.hero-mode{font-size:9px}
/* Primary orders are filled ice blue; secondary commands have lit 1px corners. */
.button{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);transition:transform .2s;isolation:isolate}.button::before{content:'';position:absolute;inset:0;background:var(--accent-fill-hover);opacity:0;transition:opacity .2s;z-index:-1;pointer-events:none}.button:hover{background:var(--accent-fill);transform:translateY(-2px)}.button:hover::before,.button:focus-visible::before{opacity:1}.button:active{transform:translateY(1px)}.button-outline{background:var(--bg-1);color:var(--accent);border-color:var(--line-3);background-image:linear-gradient(var(--accent),var(--accent)),linear-gradient(var(--accent),var(--accent));background-size:10px 1px,1px 10px;background-position:left top,right bottom;background-repeat:no-repeat}.button-outline::before{background:linear-gradient(110deg,#9fd4ff20,transparent)}.button-outline:hover{background-color:var(--bg-2)}.filters button,.speed-buttons button,.unit-card,.gallery-item{transition:transform .2s,opacity .2s}.filters button[aria-pressed=true],.speed-buttons button[aria-pressed=true]{background:var(--accent-fill);color:var(--on-accent);border-color:var(--accent)}.unit-card[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}
/* CSS equivalent of the game's 9-slice C2 frames. */
:is(.arsenal-detail,.pace-panel,.economy-panel,.newsletter-panel,.facts,.brand-download,.reading-document section,.press-copy section,.outcome-layout){position:relative;border:1px solid var(--line-3);background-color:var(--bg-1);background-image:linear-gradient(var(--accent),var(--accent)),linear-gradient(var(--accent),var(--accent)),linear-gradient(var(--accent),var(--accent)),linear-gradient(var(--accent),var(--accent));background-size:15px 1px,1px 15px,15px 1px,1px 15px;background-position:left top,left top,right bottom,right bottom;background-repeat:no-repeat;box-shadow:inset 0 1px #9fd4ff08}
:is(.arsenal-detail,.pace-panel,.economy-panel,.newsletter-panel,.facts,.brand-download,.reading-document section,.press-copy section,.outcome-layout):hover{border-color:var(--accent);box-shadow:0 0 18px #9fd4ff0b,inset 0 1px #9fd4ff18}.screen-frame{border-color:var(--accent);box-shadow:0 0 22px #9fd4ff0a}.unit-card,.gallery-item,.press-screen-grid>a{background-color:var(--bg-1);border:1px solid var(--line-2)}.unit-card:hover,.gallery-item:hover,.press-screen-grid>a:hover{border-color:var(--accent)}.gallery-item>span{padding:12px}.press-screen-grid>a{padding:8px}.facts,.reading-document section,.press-copy section{padding:28px}.press-copy section+section{margin-top:24px}.reading-document{max-width:850px}.reading-document section{margin-bottom:26px}.section-heading .eyebrow,.panel-code,.frame-label,.newsletter-channel{color:var(--accent)}.facts h2,.reading-document h2,.press-copy h2{font-family:Plex,monospace;text-transform:uppercase;font-size:22px;line-height:1.35;letter-spacing:.02em}.unit-copy{background:linear-gradient(135deg,#9fd4ff05,transparent)}.chapter-ticks span{color:var(--text-3)}.newsletter{background:var(--bg-2)}.newsletter-panel{background-color:var(--bg-1-solid)}.newsletter-field input[type=email]{background:var(--bg-2);border-color:var(--line-3)}.newsletter-panel::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,transparent,#9fd4ff15,transparent);opacity:0;transform:translateY(-50%)}.newsletter-panel.is-success::after{animation:transmission-scan .8s ease-out both}.newsletter-error{color:var(--accent-fill-hover)}.newsletter-outcome .outcome-layout{padding:30px}.document-main{padding-top:170px}.document-hero h1{overflow-wrap:anywhere}.footer{background:var(--bg-1-solid);padding-bottom:40px}.footer-top{align-items:start}.footer-top>div{flex:1}.footer-top>div>p{font-size:12px;max-width:200px;margin-top:12px}.footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;flex:2;margin-left:0}.footer .order strong{font-size:14px}.footer .order small{font-size:9px}
/* Glass effects never intercept input and never hide the first paint. */
.screen-effects{position:fixed;inset:0;pointer-events:none;z-index:70;overflow:hidden;box-shadow:inset 0 0 110px #0003}.screen-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#9fd4ff05 3px 4px);opacity:.65}.screen-band{position:absolute;inset:-20% 0 auto;height:18%;background:linear-gradient(transparent,#9fd4ff08,transparent);animation:glass-roll 12s linear infinite}.screen-cursor{position:absolute;left:0;top:0;width:440px;height:440px;border-radius:50%;background:radial-gradient(#9fd4ff08,transparent 65%);opacity:0;will-change:transform}.screen-boot{position:absolute;inset:0;background:linear-gradient(transparent 45%,#9fd4ff18 50%,transparent 55%);opacity:0}.deck-boot .screen-boot{animation:deck-power .9s ease-out both}.deck-bottom{position:fixed;inset:auto 0 0;display:flex;z-index:80;height:34px;background:rgba(5,8,10,.98);border-top:1px solid var(--line-3)}.dispatch-ticker{overflow:hidden;flex:1;min-width:0;display:flex;align-items:center}.dispatch-track{display:flex;width:max-content;animation:dispatch-roll 85s linear infinite}.dispatch-run{display:flex;flex-shrink:0}.dispatch{display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:11px;color:var(--text-2);padding:0 35px 0 0}.dispatch time{font:10px Plex,monospace;color:var(--accent)}.dispatch-ticker:hover .dispatch-track,.dispatch-ticker:focus-within .dispatch-track{animation-play-state:paused}#motion-toggle{background:var(--bg-2);border:0;border-left:1px solid var(--line-3);font:9px Plex,monospace;color:var(--accent);padding:0 16px;min-width:190px}#motion-toggle:focus-visible{outline-offset:-4px}.motion-paused .dispatch-track{animation-play-state:paused!important}.motion-paused .screen-effects,.page-hidden .screen-effects{visibility:hidden}.page-hidden .dispatch-track{animation-play-state:paused}.decrypt-title{position:relative}.decrypt-noise{position:absolute;inset:0;color:var(--accent);pointer-events:none;white-space:pre-wrap;overflow:hidden;font:inherit;letter-spacing:inherit;line-height:inherit}.decrypt-source{opacity:1}.is-decrypting .decrypt-source{opacity:0}.is-decrypting .decrypt-noise{opacity:1}.motion-ready .reveal{transition:opacity .6s,transform .6s;transform:translateY(16px)}.motion-ready .reveal.is-visible{transform:none}.scan-enter{animation:transmission-scan .65s ease-out both}@keyframes transmission-scan{from{opacity:.15;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes glass-roll{to{transform:translateY(700%)}}@keyframes dispatch-roll{to{transform:translateX(-50%)}}@keyframes deck-power{0%{opacity:0;transform:scaleY(.01)}20%{opacity:1}100%{opacity:0;transform:scaleY(1)}}
@media(min-width:1800px){.hero-content{width:53%}.hero-telemetry{right:5%;top:170px}}
@media(max-width:1000px){.header{gap:20px;padding:0 24px}.header-right{gap:18px}.command-brand .brand{width:185px}.hero-content{width:65%}.hero h1{font-size:clamp(72px,9vw,110px)}.hero-telemetry{right:24px;top:135px}.menu-toggle{min-width:100px}}
@media(max-width:760px){html{scroll-padding-top:120px}.classification{font-size:7px;letter-spacing:.05em}.header{height:90px;gap:12px;padding:0 20px;flex-wrap:wrap;align-content:center;justify-content:space-between}.command-brand .brand{width:151px}.command-post{font-size:6px}.header-right{margin-left:0;gap:12px}.language{font-size:9px}.language span{margin:0 4px}.command-status{position:absolute;left:20px;right:20px;bottom:7px;display:flex;justify-content:space-between;gap:10px}#zulu{font-size:9px}.encrypted-link{font-size:7px}.menu-toggle{order:3;min-width:0;gap:7px;padding:8px;min-height:36px;font-size:8px}.menu-toggle>span{font-size:15px}.header nav{top:94px;left:20px;width:calc(100vw - 40px);max-width:none;padding:16px;max-height:calc(100svh - 160px);overflow-y:auto}.header nav a{padding:12px 8px;font-size:15px;min-height:64px}.order small{font-size:8px}.hero{min-height:840px;height:100svh;max-height:1100px;align-items:flex-start}.hero-content{width:100%;padding:208px 24px 135px}.hero h1{font-size:clamp(62px,14vw,98px);max-width:480px;margin:22px 0 25px}.hero-intro{font-size:16px;max-width:335px}.hero-actions{gap:13px;margin-top:24px;align-items:flex-start}.hero-actions .button{font-size:14px;min-height:50px;padding:13px 18px}.hero-actions .coming{font-size:9px;margin-top:3px}.hero::after{background:linear-gradient(90deg,#05080ad9,#05080a44),linear-gradient(0deg,#05080a,transparent 25%,#05080a33)}.hero-telemetry{display:flex;right:24px;top:130px;padding:8px 12px;opacity:1}.hero-telemetry>span{font-size:7px}.hero-bottom{bottom:40px;left:24px;right:24px}.radar-note{font-size:7px}.hero-mode{display:none}.campaign-visual{top:10px}.frame-bottom{gap:8px;font-size:6px}.facts,.reading-document section,.press-copy section{padding:20px}.facts h2,.reading-document h2,.press-copy h2{font-size:19px}.newsletter-outcome .outcome-layout{padding:20px}.document-main{padding-top:150px}.document-hero h1{font-size:48px}.footer-top{display:block}.footer-top nav{margin-top:30px;grid-template-columns:1fr;gap:0}.footer .order{min-height:68px}.deck-bottom{height:38px}.dispatch{font-size:10px}#motion-toggle{font-size:8px;min-width:155px;padding:0 10px}.screen-effects{box-shadow:inset 0 0 60px #0002}.screen-cursor{display:none}}
@media(prefers-reduced-motion:reduce){.screen-effects{display:none}.decrypt-source{opacity:1!important}.decrypt-noise{display:none}.dispatch-track{animation:none!important;transform:none!important}.dispatch-ticker{overflow-x:auto}.dispatch-run[aria-hidden]{display:none}.motion-ready .reveal{opacity:1;transform:none}.scan-enter{animation:none!important}}

.c2-corners{position:absolute;inset:-1px;pointer-events:none;border:16px solid transparent;border-image:url(/assets/ui/c2-frame.png) 20 fill stretch;opacity:.45;transition:opacity .2s;z-index:5}.unit-card .c2-corners,.gallery-item .c2-corners{border-width:9px;border-image-source:url(/assets/ui/c2-frame-small.png);border-image-slice:10}.gallery-item,.press-copy section,.reading-document section{position:relative}:hover>.c2-corners,:focus-visible>.c2-corners,:focus-within>.c2-corners,[aria-pressed=true]>.c2-corners{opacity:1}.page-hidden *,.page-hidden *::before,.page-hidden *::after{animation-play-state:paused!important}.newsletter-panel:has(.newsletter-status.is-success)::after{animation:transmission-scan .8s ease-out both}.transmission-heading{font:9px/1.6 Plex,monospace;color:var(--accent);margin-bottom:24px;letter-spacing:.08em;border-bottom:1px solid var(--line-2);padding-bottom:14px}

.unit-card img,.gallery-item>img{transition:opacity .2s,transform .25s}
/* Command panels continue below the opening screen. */
main .section{position:relative;isolation:isolate;border-top:1px solid var(--line-3)}
main .section::before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.36;background-image:linear-gradient(#9fd4ff0d 1px,transparent 1px),linear-gradient(90deg,#9fd4ff0d 1px,transparent 1px),radial-gradient(ellipse at 85% 25%,transparent 0 140px,#9fd4ff22 141px,transparent 142px,transparent 210px,#9fd4ff15 211px,transparent 212px);background-size:64px 64px,64px 64px,100% 100%}
main .section::after{content:'';position:absolute;inset:0 0 auto;height:180px;z-index:-1;pointer-events:none;background:linear-gradient(transparent,#9fd4ff0b,transparent);opacity:0}
main .section.section-in-view::after{animation:section-scan 2.4s ease-out both}
.section-telemetry{color:var(--accent);font-size:9px;letter-spacing:.04em;line-height:1.8;padding:12px 16px;margin:0 0 30px!important;border:1px solid var(--line-3);border-left:3px solid var(--accent);background:var(--bg-3);width:fit-content;max-width:100%}
.section-heading,.online-heading,.newsletter-copy{position:relative}.section-map{position:absolute;right:0;top:0;width:min(70%,850px);height:450px;opacity:.16;pointer-events:none;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 45%,transparent),linear-gradient(#000,transparent);mask-composite:intersect}
.newsletter-copy>.section-telemetry{font-size:9px;max-width:100%}
.section-heading::after,.online-heading::after{content:'';display:block;position:absolute;bottom:-18px;left:0;width:100%;height:6px;border-bottom:1px solid var(--line-3);background:repeating-linear-gradient(90deg,var(--line-3) 0 1px,transparent 1px 16px)}
.c2-corners{opacity:.7}.arsenal-detail>.c2-corners,.pace-panel>.c2-corners,.economy-panel>.c2-corners,.newsletter-panel>.c2-corners,.capability-panel>.c2-corners{opacity:.85}
.stats strong,.arsenal-total,.chapter-ticks,.nuclear-status,#speed-status,.resource-line{font-family:Plex,monospace;font-variant-numeric:tabular-nums}.stats strong{font-size:clamp(36px,4.3vw,64px)}
.motion-paused main .section::after,.page-hidden main .section::after{animation:none!important;opacity:0}
@keyframes section-scan{0%{opacity:0;transform:translateY(0)}20%{opacity:1}100%{opacity:0;transform:translateY(400px)}}
@media(max-width:760px){.section-telemetry{font-size:7px;padding:10px;margin-bottom:24px!important}.section-map{width:100%;height:320px;opacity:.12}.stats strong{font-size:40px}.section-heading::after,.online-heading::after{bottom:-14px}}
@media(prefers-reduced-motion:reduce){main .section::after{animation:none!important;opacity:0}}