:root{--command-gold:#ddbf7c;--command-paper:#ede9dc;--command-dim:#a7b3b6;--command-ink:#0c171f}
button,input,select{font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e4c782;outline-offset:3px}
#welcome{position:fixed;inset:0;z-index:40;overflow:auto;background:#09121b url('/assets/orbit-title-v2.jpg') 65% center/cover;color:var(--command-paper);isolation:isolate}
#welcome:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050e17b8,transparent 60%),linear-gradient(0deg,#050d18ef,transparent 23%)}
.welcome-top{height:76px;display:flex;justify-content:space-between;align-items:center;margin:0 4vw;border-bottom:1px solid #b3c1b928;font-size:9px;letter-spacing:2px;color:#a9b7bd}.welcome-top button{display:flex;gap:28px;align-items:center;background:#0a131cc4;padding:12px 18px;border:1px solid #899da755;border-left:2px solid #d0b877;color:#e8e4d9;text-transform:uppercase;font-size:11px;letter-spacing:1px}.welcome-top b{color:#ddbf7c;font-size:10px}
.welcome-content{margin:3.5vh 0 0 6vw;width:min(460px,40vw)}.title-logo{display:block;width:100%;height:150px;object-fit:contain;object-position:left center;filter:drop-shadow(0 9px 8px #0008)}.title-chapter{font-size:9px;letter-spacing:2.5px;color:#ddbf7c;margin:14px 0 28px}.title-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px}.title-actions button{position:relative;display:flex;align-items:center;gap:19px;text-align:left;padding:16px 22px 16px 8px;font-size:clamp(21px,2.1vw,34px);font-weight:600;letter-spacing:-.7px;color:#e5e5dd;border:0;border-left:2px solid transparent;background:linear-gradient(90deg,#0b1c2588,transparent);text-shadow:0 2px 8px #000;transition:background .15s,color .15s,transform .15s}.title-actions button small{font-size:10px;font-weight:400;color:#82979f;letter-spacing:1px}.title-actions button span{margin-left:auto;opacity:.4;font-size:28px}.title-actions button:hover,.title-actions button:focus-visible{color:#ffe1a1;border-left-color:#ddbf7c;background:linear-gradient(90deg,#b6924938,transparent);transform:translateX(5px)}.title-actions button:hover span{opacity:1}.title-actions button:first-child{color:#efcd86}.title-actions #welcomeRegister{font-size:19px;color:#c1cccf;margin-top:10px}#welcomeAccountHint{font-size:11px;line-height:1.7;color:#b3bec2;max-width:320px;margin:18px 0 30px 29px}
.welcome-bottom{position:absolute;bottom:27px;left:4vw;right:4vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #b1c4d22b;padding-top:16px;font-size:9px;color:#acbcc7;letter-spacing:1.3px}.welcome-bottom div{display:flex;gap:22px}.welcome-bottom b{color:#ddbf7c}.welcome-bottom span{letter-spacing:.7px}
#menu.command-center{background:linear-gradient(90deg,#09131d99,#0a141ff5 70%),url('/assets/orbit-title-v2.jpg') center/cover;grid-template-columns:minmax(0,1fr) 520px;gap:0 4vw;padding:0 5vw;grid-template-rows:96px 1fr 36px}.command-center .menu-shade{background:linear-gradient(0deg,#07111af5,transparent 40%)}.command-nav{border-bottom:1px solid #d2b57944}.command-nav .orbit-wordmark{width:210px;height:86px}.command-nav button{background:transparent;border:0;border-bottom:1px solid #76868e44;border-radius:0;padding:12px 0;color:#c7d3d7;font-size:11px;letter-spacing:1px}.command-nav button:hover{color:#eed29b;border-color:#d2b579}.hero-stage h1{display:none}.chapter-label{font-size:10px;letter-spacing:2px;margin-top:30px;color:#cbb176}.hero-stage-caption{left:0;bottom:30px;padding:22px 0;border-top:1px solid #ceb16a88;background:linear-gradient(90deg,#08111be0,transparent);max-width:450px}.hero-stage-caption h2{font-size:36px;color:#eee9d8;font-weight:650;letter-spacing:-.6px}.hero-stage-caption p{color:#aabdc5;font-size:12px;line-height:1.6}.hero-stage-caption>span{color:#cab17a;font-size:9px;letter-spacing:2px}#heroFullArt{right:3%;width:100%;height:94%;filter:drop-shadow(0 20px 15px #0008)}
.mission-console{margin:18px 0 0;padding:20px 25px 0;max-height:calc(100vh - 150px);border:1px solid #83939755;border-top:2px solid #ceaf73;border-radius:0;background:linear-gradient(135deg,#24353ad9,#0d1923f5 46%);box-shadow:0 12px 50px #0007,inset 0 1px #a9bac322;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.console-heading{padding-bottom:14px;border-bottom:1px solid #7b8e973b;margin-bottom:14px}.console-heading strong{font-size:24px;letter-spacing:1px;font-weight:650}.console-heading p{font-size:11px;color:#a3b9c0;margin:6px 0}.console-heading>span{font-size:8px;color:#d1b57c}.console-label,.commander-heading label{font-size:9px;letter-spacing:1.8px;color:#d6c49a}
.command-center .faction-card{border-radius:0;border:1px solid #758e9655;background:linear-gradient(100deg,#22394480,#15273355);padding:9px 12px;box-shadow:none}.command-center .faction-card.active{border-color:#ccb078;background:linear-gradient(100deg,#53462c77,#1a2b35);box-shadow:inset 3px 0 #ccb078}.faction-emblem{border-radius:0;transform:rotate(45deg);width:32px;height:32px;margin:0 9px}.faction-emblem>span{display:block;transform:rotate(-45deg)}.faction-info strong{font-size:13px}.faction-info small{font-size:7px;letter-spacing:1.2px}.faction-info p{display:none}.command-center select{color:#e0e6e4;background:#0b1823;border:1px solid #627b855e;border-radius:0;padding:10px 11px}.command-center #commanderChoices{gap:7px;margin-top:12px}.command-center #commanderChoices button{border-radius:0;background:#111e28;border-color:#53646c}.command-center #commanderChoices .portrait{height:54px}.command-center #commanderChoices button.active{border-color:#d5b778;box-shadow:0 2px #d5b778;background:#3c3527}.command-center #commanderPreview{border:0;background:transparent;padding:9px 0;margin:3px 0 10px;min-height:0}.command-center #commanderPreview strong{color:#e3cd99}.operation-settings{border-color:#677d854d}.command-center .settings-row label{color:#a6bbc1;font-size:8px}.operation-settings summary{color:#d0b77f}.deploy-actions{background:linear-gradient(#15232ff5,#09141efc);margin-top:12px;border-top:1px solid #be9e6266;padding-top:14px}.command-center .primary,#multiplayer .primary,dialog .primary{background:linear-gradient(#d5c392,#a38b59);border:1px solid #ebd59b;border-bottom:3px solid #66512e;border-radius:0;box-shadow:inset 0 1px #eee2bb55;color:#182029;font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:13px 18px}.command-center .primary:hover,#multiplayer .primary:hover,dialog .primary:hover{background:linear-gradient(#e9d5a4,#c5a96f)}.command-center .secondary{border-radius:0;background:#243e48;border-color:#667d86;font-size:12px}.super-setting{font-size:11px;color:#becbd0}
dialog{color:#e4e7de;background:linear-gradient(130deg,#28363cf8,#0b1722fb 55%);border:1px solid #a8b7bb66;border-top:3px solid #d0b77c;border-radius:0;box-shadow:0 32px 100px #000c,inset 0 1px #d4d9d222;padding:32px;max-height:88vh;overflow:auto}dialog::backdrop{background:#030b14bd;backdrop-filter:blur(6px)}dialog h2{font-size:30px;letter-spacing:-.4px;font-weight:650;color:#f0ead9}dialog .eyebrow{font-size:9px;color:#d0b77c;letter-spacing:2px}dialog .close-dialog{background:#15232c;border:1px solid #84939855;color:#c8d2d4;border-radius:0;font-size:22px;width:34px;height:34px}dialog p{color:#b4c3c9;line-height:1.65}dialog button{background:#243741;border:1px solid #73899066;border-radius:0;color:#dce3df;padding:11px 16px}.codex-card{border-radius:0!important;background:linear-gradient(135deg,#22333e,#101d27)!important;border-color:#6d858956!important}.codex-card:hover{border-color:#d2b576!important}.codex-tabs button{border-radius:0;background:transparent;border:0;border-bottom:2px solid #61737d55}.codex-tabs button:hover{border-bottom-color:#dbbd7b}.confirm-dialog{width:min(520px,90vw)}.confirm-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}
#accountDialog{width:min(490px,92vw)}#accountDialog h2{margin:10px 0}#accountIntro{font-size:12px}.account-tabs{display:flex;gap:0;margin:22px 0}.account-tabs button{flex:1;padding:10px 5px;font-size:10px;border:0;border-bottom:2px solid #7d8e9433;background:none;color:#9cafb6}.account-tabs button.active{color:#efd69d;border-bottom-color:#dbbd7e}#accountForm{display:flex;flex-direction:column;gap:15px}#accountForm[hidden]{display:none}#accountForm label{font-size:9px;letter-spacing:1.3px;color:#a9bcc3}#accountForm label[hidden]{display:none}#accountForm input{display:block;width:100%;margin-top:8px;background:#09151e;border:1px solid #78909866;border-left:2px solid #aa986a;padding:12px;color:#edf0e7;font-size:14px;letter-spacing:.4px;border-radius:0;box-sizing:border-box}#accountHint{font-size:11px;margin:0}#accountError{font-size:12px;color:#ffae8b;margin:0}#accountRecovery code{display:block;padding:18px;margin:18px 0;background:#07111c;border:1px solid #d8bc7d66;font-size:16px;color:#efdaac;line-height:2;word-break:break-all;user-select:all}#accountRecovery button{margin:5px 0;width:100%}
#multiplayer{background:linear-gradient(90deg,#08131cf2,#0e1b27ed),url('/assets/orbit-title-v2.jpg') center/cover;padding-top:16px}.lobby-header{border-color:#c5ab713b}.lobby-header h1{font-weight:600;font-size:24px;letter-spacing:.4px}.lobby-header small{color:#cfb77f}.lobby-header img{width:170px;height:60px}#lobbyEntry{margin-top:9vh}.lobby-intro h2{font-size:clamp(35px,4vw,60px);font-weight:600;line-height:1.1;letter-spacing:-1.5px;color:#eae6d8}.lobby-intro>span{color:#d3b983;letter-spacing:2px;font-size:10px}.lobby-entry-console{border-top:2px solid #d1b67c;background:linear-gradient(135deg,#263840bb,#101e2be8);padding:28px;box-shadow:0 14px 50px #0005;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}#multiplayer input,#multiplayer select{border-radius:0;background:#0b1823;border-color:#70828b77;color:#dfe6e3}#multiplayer input{padding:12px}#lobbyRoom{gap:2.5vw;margin-top:24px;grid-template-columns:minmax(250px,.85fr) minmax(630px,1.6fr)}.lobby-map-panel{position:sticky;top:0;align-self:start}.lobby-map-panel canvas{border:1px solid #8ea8ab66;box-shadow:0 8px 36px #0008}.lobby-console{border:1px solid #667d8655;border-top:2px solid #c8ad74;background:#101c28b3;padding:18px 20px}.lobby-seat{border:0;border-bottom:1px solid #69818a44;background:linear-gradient(90deg,#26394055,transparent);padding:10px 8px}.lobby-seat.self{border-left:2px solid #d9c087;background:linear-gradient(90deg,#b69b5044,#27445255)}.seat-number{font-weight:600;font-size:23px}.seat-faction{position:relative;padding-left:41px}.seat-faction:before{content:attr(data-emblem);position:absolute;left:0;top:5px;width:27px;height:27px;border:1px solid #afc6c66b;display:grid;place-items:center;color:#d0bf96;font-size:14px;transform:rotate(-5deg)}.lobby-rules{gap:13px;flex-wrap:wrap}.lobby-rules label{flex:1;min-width:150px}.lobby-rules .lobby-toggle{min-width:160px}.lobby-ready{position:sticky;bottom:-1px;padding:15px 0 10px;background:linear-gradient(#111e2be0,#111e2b);border-top:1px solid #aa95684d}.lobby-leave{font-size:10px!important}.lobby-map-panel>p{font-size:10px;color:#9eb1ba}#lobbyDoctrine{border-top:1px solid #d1b47966;padding-top:18px}.lobby-ready button{white-space:nowrap}
#toast{border-radius:0;border-left:3px solid #d9bd7f;background:#101c28f2;box-shadow:0 10px 36px #0008}.garrison-slots{display:flex;gap:4px;margin:8px 0}.garrison-slots i{width:15px;height:20px;border:1px solid #95b5ba66;background:#0e1e27}.garrison-slots i.filled{background:#c9b477;border-color:#e4d5ad}.specialist-action{width:100%;margin-top:8px;border:1px solid #ceb474;background:#4c4530;color:#f1dca6;padding:9px;font-size:11px}
@media(max-height:800px){.welcome-top{height:55px}.welcome-content{margin-top:1vh}.title-logo{height:110px}.title-chapter{margin:9px 0 16px}.title-actions button{padding-top:11px;padding-bottom:11px;font-size:26px}.welcome-bottom{bottom:17px}.welcome-content #welcomeAccountHint{margin:12px 0;font-size:10px}.title-actions #welcomeRegister{font-size:17px;margin-top:4px}#menu.command-center{grid-template-rows:76px 1fr 29px}.mission-console{max-height:calc(100vh - 118px);margin-top:12px}.console-heading p{display:none}.console-heading{padding-bottom:8px;margin-bottom:8px}.command-center #commanderChoices .portrait{height:41px}.command-nav .orbit-wordmark{height:68px}.hero-stage-caption h2{font-size:29px}.lobby-seat{padding:6px 8px}.lobby-header img{height:45px}.lobby-header{padding-bottom:10px}}
@media(max-width:1200px){#menu.command-center{grid-template-columns:minmax(0,1fr) 455px;padding:0 3vw;gap:0 2vw}#lobbyRoom{grid-template-columns:260px minmax(580px,1fr);gap:20px}.lobby-console{padding:12px}.seat-faction{padding-left:0}.seat-faction:before{display:none}.welcome-content{width:41vw}.title-actions button{font-size:25px}.welcome-top>span{font-size:8px}.hero-stage-caption{max-width:330px}.command-nav>div{gap:15px}}
@media(max-width:850px){.welcome-content{width:58vw}.welcome-content .title-logo{height:120px}.title-actions button{font-size:23px}.welcome-bottom div span{display:none}.welcome-top>span{display:none}.welcome-top{justify-content:flex-end}#welcome:before{background:linear-gradient(90deg,#06121be8,transparent)}#menu.command-center{grid-template-columns:1fr;padding:0 20px}.hero-stage{display:none}.mission-console{max-height:calc(100vh - 135px)}.command-bottom>span:nth-child(2){display:none}#lobbyRoom{display:block}.lobby-map-panel{position:relative;max-width:400px;margin:0 auto 20px}.lobby-seat{grid-template-columns:1fr 1.4fr 1fr 60px}.lobby-intro{display:none}#lobbyEntry{display:block;margin:25px auto;max-width:550px}}
@media(prefers-reduced-motion:reduce){.title-actions button{transition:none;transform:none!important}}

#heroFullArt{opacity:1} .account-tabs[hidden]{display:none}

.title-actions{counter-reset:mission}.title-actions button{counter-increment:mission}.title-actions button.hidden{counter-increment:none}.title-actions button small{font-size:0}.title-actions button small:after{content:counter(mission,decimal-leading-zero);font-size:10px}