/* The Orbit artwork carries the composition; controls stay in the mission console. */
#menu.command-center{background:#101124 url('/assets/command-center.png') center/cover;display:grid;grid-template-columns:minmax(0,1fr) 410px;grid-template-rows:96px 1fr 44px;gap:0 36px;padding:0 4vw;overflow:hidden;color:#f2f1fa}
.menu-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#090d2288,transparent 60%,#070c1f88),linear-gradient(0deg,#080c1ee8,transparent 38%,#080c1e77)}
.command-nav{grid-column:1/-1;position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #b5d7ef45}
.orbit-wordmark{text-decoration:none;font:900 31px/.9 Impact,'Arial Black',sans-serif;letter-spacing:2px;color:#f6e9b4;text-shadow:0 3px #090e29;transform:skew(-5deg);display:block}.orbit-wordmark span{font-size:17px;letter-spacing:4px;display:block;margin-top:6px}.orbit-wordmark small{display:block;font:700 8px 'Segoe UI',sans-serif;letter-spacing:2px;color:#b6cde3;margin-top:9px}
.command-nav>div{display:flex;gap:22px;align-items:center}.command-nav button{border:0;background:none;padding:12px 0;color:#eff6ff;font-size:13px;font-weight:650}.command-nav button:hover{color:#85f3ee}.lan-status{font-size:9px;letter-spacing:1px;color:#afc7d3;display:flex;align-items:center;gap:7px}.lan-status i{background:#79ebbb;width:5px;height:5px;border-radius:50%;box-shadow:0 0 12px #79ebbb}
.hero-stage{position:relative;min-height:0;isolation:isolate}.chapter-label{font-size:10px;letter-spacing:2.5px;color:#9ee5ef;margin-top:32px;font-weight:700}.hero-stage h1{font:900 clamp(36px,4.1vw,66px)/1.02 Impact,'Arial Black',sans-serif;letter-spacing:1px;text-transform:uppercase;margin:18px 0;color:#fff5de;text-shadow:0 4px #19152a,0 8px 30px #05091b}.hero-stage h1 em{font-style:normal;color:#ffca74}
#heroFullArt{position:absolute;right:-20px;bottom:0;height:min(82%,730px);width:76%;z-index:-1;filter:drop-shadow(0 20px 12px #03091a77);animation:guardian-enter .45s ease-out}#heroFullArt svg{width:100%;height:100%;display:block}
.hero-stage-caption{position:absolute;left:0;bottom:42px;max-width:360px;background:linear-gradient(90deg,#090e24dd,#090e24a6 75%,transparent);padding:18px 50px 18px 18px;border-left:3px solid #e5bc75}.hero-stage-caption>span{font-size:10px;color:#92dee7;text-transform:uppercase;letter-spacing:1.7px}.hero-stage-caption h2{font-size:29px;font-weight:800;line-height:1.12;letter-spacing:-.5px;margin:8px 0 10px}.hero-stage-caption p{font-size:12px;line-height:1.6;color:#d1dfed;margin:0}
.mission-console{position:relative;align-self:center;max-height:calc(100vh - 156px);overflow:auto;padding:23px 24px 0;background:linear-gradient(145deg,#19283aef,#10182bef);border:1px solid #7e9dbb99;border-top:3px solid #b4e6f0;border-radius:5px 5px 14px 14px;box-shadow:0 24px 60px #03071277,inset 0 0 0 4px #41557518;scrollbar-width:thin;scrollbar-color:#7593ac #142238}
.console-heading>span{color:#a7baca;font-size:9px;letter-spacing:2px}.console-heading>strong{display:block;color:#fff3d8;font:900 31px Impact,'Arial Black',sans-serif;letter-spacing:2px;margin-top:6px}.console-heading p{font-size:12px;color:#adbdcf;line-height:1.55;margin:8px 0 20px}.console-label{display:block;color:#a5bfd7;font-size:9px;font-weight:700;letter-spacing:1.5px;margin-bottom:8px}
.command-center #factions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.command-center .faction-card{min-width:0;padding:10px 3px;margin:0;display:block;text-align:center;border-color:#48617a;background:#101d30;border-radius:4px}.command-center .faction-card.active{border-color:var(--accent);background:#284255;box-shadow:inset 0 -2px var(--accent)}.command-center .faction-card.active:after{display:none}.command-center .faction-emblem{width:26px;height:26px;margin:5px auto 10px;font-size:16px}.command-center .faction-info{padding:0}.command-center .faction-info strong{font-size:10px;white-space:nowrap}.command-center .faction-info small,.command-center .faction-info p{display:none}
.commander-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0 8px}.commander-heading label{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#b6d1e7}.commander-heading>span{font-size:10px;color:#8aa1b7}.command-center select{font-size:11px;border:1px solid #526d87;border-radius:4px;padding:9px 8px;background:#111c30;color:#f0f4fa;min-height:35px}
#commanderChoices{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:10px}#commanderChoices button{padding:3px 1px;background:#1d3044;border:1px solid #536c84;border-radius:4px;min-width:0}#commanderChoices button:hover,#commanderChoices button.active{border-color:#ffcf77;background:#494037;box-shadow:0 0 0 1px #ffcf77}#commanderChoices .portrait{width:100%;height:45px;background:transparent;border:0}#commanderChoices button>span:last-child{font-size:7px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px}
.command-center #commanderPreview{padding:8px 10px;margin:9px 0 12px;border-left:2px solid #dbc391;background:#0c172a88;min-height:54px}.command-center #commanderPreview strong{font-size:12px}.command-center #commanderPreview small,.command-center #commanderPreview span,.command-center #commanderPreview p{font-size:10px;line-height:1.5;color:#bacbdd}.command-center #commanderPreview small{margin-top:4px;color:#d6bb89}
.operation-settings{border-top:1px solid #45566b;padding-top:12px}.operation-settings summary{font-size:11px;color:#c3d3e6;cursor:pointer}.battle-options{display:grid;grid-template-columns:1fr 1.25fr;gap:10px}.command-center .settings-row{margin:10px 0}.command-center .settings-row label{font-size:8px;letter-spacing:1.2px;color:#a0b4c9;margin-bottom:6px}.command-center #briefing{font-size:10px;line-height:1.5;color:#9eb3c9;margin:0 0 7px}
.deploy-actions{position:sticky;bottom:0;margin:8px -24px 0;padding:12px 24px 11px;background:linear-gradient(#121e31f5,#111b2b);border-top:1px solid #52617a}.command-center .primary{background:linear-gradient(#ffda87,#e8a746);border:1px solid #ffe6a4;border-bottom:4px solid #90602c;color:#2d221a;font-size:17px;text-transform:uppercase;font-weight:900;letter-spacing:.7px;border-radius:6px;padding:13px 15px;box-shadow:inset 0 2px #fff2c1,0 3px 12px #03070c66}.command-center .primary:hover{background:linear-gradient(#ffeab0,#ffc46b)}.command-center .secondary{margin:0 0 9px;font-weight:700;border-color:#82c8d2;color:#c4f8fa;border-radius:5px;background:#173d4b;display:flex;justify-content:space-between}.deploy-actions p{font-size:9px;color:#8fa7be;text-align:center;margin:9px 0 0}
.command-bottom{grid-column:1/-1;position:relative;display:flex;justify-content:space-between;gap:15px;align-items:center;color:#a6bed2;font-size:8px;letter-spacing:1.4px;border-top:1px solid #7492b935}.command-bottom span:first-child{color:#d8c59f}
@keyframes guardian-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#heroFullArt{animation:none}}
@media(min-width:1700px){#menu.command-center{grid-template-columns:minmax(0,1fr) 455px;gap:0 60px;padding:0 6vw}.mission-console{padding-left:30px;padding-right:30px}.deploy-actions{margin-left:-30px;margin-right:-30px;padding-left:30px;padding-right:30px}#commanderChoices .portrait{height:56px}}
@media(max-height:820px){#menu.command-center{grid-template-rows:76px 1fr 34px}.mission-console{max-height:calc(100vh - 128px);padding-top:16px}.console-heading p{margin-bottom:13px}.commander-heading{margin-top:14px}.hero-stage h1{font-size:46px}.hero-stage-caption{bottom:25px}.chapter-label{margin-top:25px}}
@media(max-width:1100px){#menu.command-center{grid-template-columns:minmax(0,1fr) 370px;gap:0 18px;padding:0 24px}.mission-console{padding-left:16px;padding-right:16px}.deploy-actions{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.hero-stage h1{font-size:42px}.hero-stage-caption{max-width:280px}#heroFullArt{width:100%;right:-20px}.command-nav>div{gap:16px}.lan-status{display:none}}
@media(max-width:760px){#menu.command-center{grid-template-columns:1fr;grid-template-rows:76px 300px auto 42px;overflow:auto;padding:0 18px;background-attachment:fixed}.command-nav{grid-row:1}.command-nav>div{gap:10px}.command-nav button{font-size:10px}.orbit-wordmark{font-size:24px}.hero-stage{grid-row:2}.hero-stage h1{font-size:34px;max-width:200px}.chapter-label{font-size:8px;margin-top:20px}#heroFullArt{height:290px;width:58%;right:0}.hero-stage-caption{bottom:5px;max-width:220px;padding:10px 20px 10px 12px}.hero-stage-caption h2{font-size:20px}.hero-stage-caption p{font-size:10px}.hero-stage-caption>span{font-size:8px}.mission-console{grid-row:3;max-height:none;margin-bottom:18px;overflow:visible}.command-bottom{grid-row:4}.command-bottom span:nth-child(2){display:none}.deploy-actions{position:static}}
/* Brighter Orbit-inspired field controls, without obscuring the battlefield. */
:root{--accent:#79dbea;--panel:rgba(15,26,43,.96);--line:#41576d;--gold:#edc481}header{background:linear-gradient(#132439fa,#162c3ced);border-bottom-color:#607a91}.hud-brand b{color:#ffda91}.tabs button.active{background:#2a485a;border-bottom-color:#f3cb84}.unit-card{border-radius:4px;background:linear-gradient(145deg,#2b4255,#172a3b);border-color:#527085}.unit-card:hover{background:#34546a}.unit-card svg{color:#d5e8ec}#bottom>section{border-radius:5px;border-color:#536f82}.portrait{border-color:#7c95a6;background-color:#1c3045}.mission{border-left-color:#e0b46d;background:#15263ce8}.camera-controls button{border-radius:4px;background:#192e44}dialog{border-radius:10px;background:#14263a;border-color:#859fac}#codexDialog{padding-top:25px;max-height:90vh}#codexDialog h2{font-size:27px;margin:10px 0 20px}.codex-card{border-radius:6px;background:linear-gradient(145deg,#29455b,#172b40)}.codex-card:hover{background:#355369}.primary{border-radius:4px}.command-footer{font-size:9px}

#support{margin:0 8px 5px;padding:8px 4px;border:1px solid #8ad6ba;background:#19473d;color:#d5fff0;border-radius:4px;font-size:10px;font-weight:700;flex-shrink:0}#selection{min-height:0}.camera-controls #focusGuardian{font-size:9px;padding:0 10px}