@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800;900&family=Rajdhani:wght@500;600;700&display=swap');
:root{font-family:Heebo,Arial,sans-serif;color:#e8e9df;background:#101513;font-synthesis:none;--panel:#171e1bdd;--line:#ffffff12;--muted:#9ca69a;--gold:#dfb65b;--mint:#67d6b3;--sidebar:302px;--hud:78px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select{font:inherit}button{color:inherit;background:#ffffff06;border:1px solid var(--line);cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#ffffff0d;border-color:#8b9e8680}button:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.43}#game{height:100dvh;min-height:500px;position:relative;background:#353126}#viewport{position:absolute;left:0;right:var(--sidebar);top:var(--hud);bottom:0;overflow:hidden}#world,#overlay{position:absolute;width:100%;height:100%;inset:0;display:block;touch-action:none}#world{outline:none}#overlay{pointer-events:none}#viewport:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px #0e181445}.hud{height:var(--hud);position:absolute;inset:0 0 auto;display:flex;direction:ltr;align-items:center;background:linear-gradient(100deg,#151b18,#1b221f);border-bottom:1px solid #a8ae8628;z-index:4;padding:0 23px;gap:40px}.brand{display:flex;gap:13px;align-items:center;width:245px;flex-shrink:0}.brandmark{font:700 38px Rajdhani,sans-serif;color:var(--gold);border:1px solid #dfb65b66;line-height:39px;width:44px;text-align:center;transform:skew(-6deg)}.brandmark span{font-size:26px}.brand b{font:700 27px Rajdhani,sans-serif;letter-spacing:3px}.brand small{display:block;font:500 10px Rajdhani,sans-serif;letter-spacing:3.3px;color:#8e9c8c}.resources{display:flex;gap:37px;flex:1;justify-content:center;direction:rtl}.resources>div{display:grid;grid-template-columns:30px auto;grid-template-rows:25px 19px;min-width:94px;column-gap:8px;direction:ltr}.resource-icon{grid-row:1/3;align-self:center;color:var(--mint);font-size:30px}.resource-icon.amber{color:var(--gold)}.resources strong{font:600 25px Rajdhani,sans-serif;white-space:nowrap}.resources small{font-size:11px;color:var(--muted);direction:rtl;text-align:left}.top-actions{display:flex;gap:8px;align-items:center}.top-actions button{width:33px;height:33px;color:#c4ccbf}.top-actions #timer{font:600 18px Rajdhani;color:#bcc6b9;margin-right:14px}.command{position:absolute;right:0;top:var(--hud);bottom:0;width:var(--sidebar);background:linear-gradient(140deg,#202922,#151c19);z-index:3;border-left:1px solid #81967833;display:flex;flex-direction:column}.command-heading{padding:23px 22px 17px}.eyebrow{font:600 11px Rajdhani,Heebo,sans-serif;letter-spacing:2px;color:var(--gold)}.command h1{font-size:23px;margin:4px 0 12px;display:flex;align-items:center;justify-content:space-between}.status-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 8px #67d6b340}.faction{font-size:12px;display:flex;justify-content:space-between;color:#b9c6b3}.faction span{font:600 11px Rajdhani;color:#778a76;letter-spacing:1px}.objective{margin:0 16px 19px;padding:13px 14px;border:1px solid #dfb65b28;border-right:2px solid var(--gold);background:#dfb65b06}.objective>span{font-size:11px;color:var(--gold)}.objective>b{display:block;font-size:14px;margin:4px 0}.objective p{font-size:12px;line-height:1.75;color:#a0ae9d;margin:0 0 12px}.objective-line{padding-top:9px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:#a0ae9d}.objective-line b{color:var(--gold);font:600 15px Rajdhani}.tabs{display:flex;padding:0 15px;border-bottom:1px solid var(--line)}.tabs button{flex:1;font-size:13px;padding:12px 4px;border:0;border-bottom:2px solid transparent;color:#9ca998}.tabs button.active{color:var(--gold);border-bottom-color:var(--gold);background:#dfb65b09}.catalog{overflow-y:auto;flex:1;min-height:80px;padding:13px;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:9px;scrollbar-width:thin;scrollbar-color:#56634f transparent}.unit-card{position:relative;min-height:124px;padding:6px 9px 9px;text-align:right;overflow:hidden;border:1px solid #b0be9818;background:linear-gradient(145deg,#38423360,#141b1860)}.unit-card img{display:block;width:100%;height:62px;object-fit:contain;filter:drop-shadow(0 5px 4px #0007)}.unit-card .unit-name{display:block;font-weight:600;font-size:12px;margin-top:1px}.unit-card .unit-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:5px;color:var(--gold);font:600 16px Rajdhani}.unit-card .unit-bottom small{font:400 10px Heebo;color:#9fa898}.unit-card.locked{opacity:.5}.unit-card .locked-label{position:absolute;top:8px;right:7px;font-size:10px;background:#0f1715c9;padding:2px 4px;color:#c4c9bd}.unit-card:hover{border-color:#dfb65b77;background:#414c3255}.unit-card.chosen{border-color:var(--gold);background:#dfb65b18}.tech-card{grid-column:1/-1;padding:15px;text-align:right;background:#ffffff04}.tech-card b{font-size:14px}.tech-card p{font-size:12px;color:var(--muted);margin:6px 0 10px}.tech-bottom{display:flex;justify-content:space-between;font-size:12px;color:var(--gold)}.tech-level{letter-spacing:5px;color:var(--mint)}.queue-section{padding:13px 16px 14px;border-top:1px solid var(--line);background:#0e15152e}.section-label{font-size:12px;display:flex;justify-content:space-between;margin-bottom:9px;color:#acb8a5}.section-label span{font:600 14px Rajdhani;color:var(--gold)}.queue{display:flex;gap:5px;overflow-x:auto;min-height:40px;align-items:center}.empty-note{color:#697c6b;font-size:11px}.queue-item{min-width:49px;width:49px;height:44px;position:relative;background:#323d2f}.queue-item img{width:45px;height:36px;object-fit:contain}.queue-item i{position:absolute;bottom:0;right:0;height:3px;background:var(--gold)}.sidebar-footer{padding:10px 15px;display:flex;align-items:center;gap:7px;font-size:10px;color:#7f907b;border-top:1px solid var(--line)}.sidebar-footer>span:last-child{margin-right:auto;font:500 10px Rajdhani}.sector{position:absolute;top:22px;left:25px;color:#e7dfb9;font:600 15px Rajdhani;letter-spacing:2px;pointer-events:none}.sector span{display:block;font-size:10px;letter-spacing:2.6px;color:#d1cba687;margin-top:3px}#location{position:absolute;top:25px;right:22px;font:500 13px Rajdhani;letter-spacing:2px;color:#e2ddb194}.radar{position:absolute;bottom:34px;left:19px;width:224px;z-index:2;background:#121b18e8;border:1px solid #97ab7955;padding:10px 10px 8px;box-shadow:0 5px 30px #0003}.radar-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.radar-heading b{font-size:12px;color:#c3cdb8}.radar-heading span{font:500 9px Rajdhani;letter-spacing:1px;color:#819478}#minimap{display:block;width:100%;height:163px;cursor:crosshair;background:#22281c;touch-action:none}.radar-footer{display:flex;justify-content:space-between;font-size:9px;color:#95a58b;margin-top:7px}.radar-footer i{display:inline-block;width:5px;height:5px;background:var(--mint);margin-left:3px}.radar-footer i.enemy{background:#ef775c}.radar-footer i.ore{background:#cad68b}.selection-panel{position:absolute;bottom:35px;left:260px;right:calc(var(--sidebar) + 20px);min-height:105px;z-index:2;display:flex;align-items:center;gap:15px;padding:16px;background:linear-gradient(110deg,#141c18f2,#202a20eb);border:1px solid #99ab782b;direction:ltr}.selected-portrait{width:86px;height:72px;display:grid;place-items:center;flex-shrink:0;border:1px solid #72866336;background:radial-gradient(#82945922,transparent)}.selected-portrait img{width:90px;height:73px;object-fit:contain}#portraitEmpty{font:40px Rajdhani;color:#7d9561}.selected-info{flex:1;direction:rtl;min-width:0}.selected-info .eyebrow{font-size:9px;letter-spacing:1.5px}.selected-info h2{font-size:16px;margin:4px 0}.selected-info p{font-size:11px;color:#a2af96;margin:0;line-height:1.8}.orders{display:grid;grid-template-columns:1fr 1fr;gap:5px;direction:rtl}.orders button{padding:8px 9px;font-size:11px;white-space:nowrap}.orders button.active{color:var(--gold);border-color:var(--gold)}kbd{font:11px Rajdhani;color:#86967b;border:1px solid #87987840;padding:0 3px;margin-right:5px}.view-controls{position:absolute;left:20px;bottom:280px;display:flex;flex-direction:column;gap:4px;z-index:2}.view-controls button{width:33px;height:33px;background:#18211dde;color:#cad7b7;font-size:19px}.bottom-hint{position:absolute;bottom:9px;left:24px;right:calc(var(--sidebar) + 20px);display:flex;justify-content:center;gap:25px;font-size:10px;color:#b2b6989c;pointer-events:none}#toast{position:absolute;z-index:5;top:98px;left:50%;transform:translateX(-65%);background:#14201deF;border:1px solid #8fab7155;border-right:3px solid var(--gold);padding:12px 23px;font-size:13px;opacity:0;transition:opacity .18s;pointer-events:none}#toast.show{opacity:1}#modeHint{position:absolute;bottom:157px;left:50%;transform:translateX(-75%);z-index:3;padding:10px 20px;background:#dfb65bea;color:#1a241e;font-size:13px;white-space:nowrap}#selectionBox{position:absolute;display:none;border:1px solid #9aedd0;background:#4bc6971b;pointer-events:none}#healthbar{height:3px;background:#ffffff15;margin-top:8px;display:none}#healthbar i{height:100%;display:block;background:var(--mint)}dialog{color:#e8e9df;background:linear-gradient(145deg,#253024,#121b18);border:1px solid #a7b78450;padding:38px;width:min(490px,92vw);max-height:90dvh;overflow:auto;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#08110dc2;backdrop-filter:blur(5px)}dialog h2{font-size:25px;margin:15px 0 9px}dialog p{font-size:14px;line-height:1.9;color:#aebaa6}.modal-eyebrow{font:600 12px Rajdhani;letter-spacing:2px;color:var(--gold)}.modal-title{font:700 clamp(68px,10vw,96px)/.83 Rajdhani;letter-spacing:8px;margin:28px 0 23px}.modal-title em{font-style:normal;color:var(--gold)}.brief-steps{display:flex;justify-content:space-between;gap:10px;margin:23px 0;border-top:1px solid var(--line);padding-top:18px}.brief-steps div{display:flex;flex-direction:column;gap:3px}.brief-steps b{font:500 24px Rajdhani;color:#71836c}.brief-steps span{font-size:12px;color:#c2cbb9}.difficulty-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#b6c2aa;margin-bottom:17px}select{background:#131d17;color:#e0e6d6;border:1px solid #89987944;padding:8px 13px;width:180px}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 20px;background:var(--gold);color:#182016;border:1px solid var(--gold);font-weight:700;font-size:15px}.primary:hover{background:#f0ca78;border-color:#f0ca78}.brief-note{display:block;text-align:center;font-size:10px;margin-top:13px;color:#7d917b}.secondary{width:100%;padding:12px;margin-top:10px;color:#b5c4aa}.briefing-hidden{display:none}dl{margin:24px 0}dt{font-weight:700;font-size:14px;color:#d8dfcd;margin-top:16px}dd{margin:5px 0;font-size:13px;color:#a7b69c;line-height:1.85}#loading{position:fixed;inset:0;z-index:20;background:#121b17;display:grid;align-content:center;justify-content:center;text-align:center}.loading-mark{font:700 55px Rajdhani;letter-spacing:6px}.loading-mark span{color:var(--gold)}#loading p{color:#9ead93;font-size:13px}.loading-track{width:240px;height:2px;background:#39452f;margin:15px auto}.loading-track i{display:block;width:35%;height:100%;background:var(--gold);animation:loading 1s infinite alternate}@keyframes loading{to{transform:translateX(-185%)}}
@media(min-width:1550px){:root{--sidebar:326px}.unit-card{min-height:139px}.unit-card img{height:75px}.unit-card .unit-name{font-size:14px}.unit-card .unit-bottom small{font-size:11px}.command-heading{padding:27px 23px 21px}.objective{padding:16px}.radar{width:250px}#minimap{height:188px}.selection-panel{left:285px;min-height:119px}.view-controls{bottom:306px}}
@media(max-width:1100px){:root{--sidebar:255px;--hud:67px}.hud{padding:0 14px;gap:15px}.brand{width:190px}.brand b{font-size:22px}.brand small{letter-spacing:2px;font-size:9px}.resources{gap:16px}.resources strong{font-size:22px}.resources>div{min-width:75px;grid-template-columns:20px auto}.resource-icon{font-size:24px}.top-actions #timer{display:none}.selection-panel{left:210px;gap:8px;padding:11px}.selected-portrait{display:none}.orders{grid-template-columns:1fr}.orders button{padding:4px 8px}.radar{width:175px}#minimap{height:128px}.view-controls{bottom:245px}.bottom-hint{font-size:9px;gap:8px}.command-heading{padding:17px 16px 12px}.objective{margin-bottom:12px;padding:10px}.catalog{gap:7px;padding:10px}.unit-card{min-height:113px}.unit-card img{height:53px}}
@media(max-width:760px){:root{--sidebar:190px;--hud:62px}.hud{gap:8px;padding:0 10px}.brand{width:auto}.brandmark{display:none}.brand b{font-size:20px;letter-spacing:1px}.brand small{font-size:7px;letter-spacing:1px}.resources{gap:9px}.resources>div{min-width:57px;column-gap:4px;grid-template-columns:14px auto;grid-template-rows:21px 14px}.resources strong{font-size:18px}.resources small{font-size:9px}.resource-icon{font-size:17px}.top-actions{gap:3px}.top-actions button{width:25px;height:28px;font-size:13px}.command-heading{padding:12px}.command h1{font-size:18px;margin-bottom:5px}.command-heading .eyebrow{font-size:9px}.faction{font-size:10px}.faction span{font-size:9px}.objective{margin:0 8px 10px;padding:9px}.objective>b{font-size:12px}.objective p{display:none}.objective-line{margin-top:10px}.tabs{padding:0 6px}.tabs button{font-size:12px;padding:9px 0}.catalog{gap:6px;padding:7px}.unit-card{padding:5px;min-height:98px}.unit-card img{height:44px}.unit-card .unit-name{font-size:10px}.unit-card .unit-bottom{font-size:14px}.unit-card .unit-bottom small{font-size:8px}.unit-card .locked-label{font-size:8px}.queue-section{padding:10px 8px}.sidebar-footer{font-size:9px;padding:9px}.sidebar-footer>span:last-child{display:none}.radar{left:10px;bottom:17px;width:128px;padding:7px}.radar-heading span,.radar-footer{display:none}#minimap{height:100px}.selection-panel{left:148px;right:calc(var(--sidebar) + 10px);bottom:17px;min-height:110px;padding:8px;display:block}.selected-info h2{font-size:12px}.selected-info p{font-size:9px}.selected-info .eyebrow{font-size:8px}.orders{display:flex;flex-wrap:wrap;margin-top:8px;gap:3px}.orders button{font-size:9px;padding:4px}.orders kbd{display:none}.view-controls{left:10px;bottom:164px}.view-controls button{width:29px;height:29px}.sector{left:13px;top:16px;font-size:12px}.sector span{font-size:8px}#location{display:none}.bottom-hint{display:none}#toast{font-size:11px;left:35%;width:220px;transform:translateX(-50%);text-align:center;top:76px}#modeHint{font-size:11px;left:35%;transform:translateX(-50%);bottom:143px;white-space:normal;width:210px;text-align:center}.tech-card{padding:10px}.tech-card b{font-size:12px}.tech-card p,.tech-bottom{font-size:10px}}
@media(max-width:520px){:root{--sidebar:143px}.brand b{font-size:17px}.brand small{display:none}.resources{gap:5px}.resources>div{min-width:47px;grid-template-columns:10px auto}.resources strong{font-size:15px}.resources small{font-size:8px}.resource-icon{font-size:13px}.top-actions button{width:22px}.command-heading .eyebrow,.faction span{display:none}.command h1{font-size:16px}.objective{padding:7px}.objective-line{font-size:9px}.catalog{grid-template-columns:1fr}.unit-card{min-height:95px}.unit-card img{height:50px}.unit-card .unit-name{font-size:11px}.unit-card .unit-bottom small{font-size:10px}.tabs button{font-size:11px}.radar{width:95px;padding:5px;bottom:12px}#minimap{height:78px}.radar-heading{margin-bottom:5px}.radar-heading b{font-size:10px}.selection-panel{left:113px;right:calc(var(--sidebar) + 7px);min-height:98px;bottom:12px;padding:6px}.selected-info .eyebrow,.selected-info p{display:none}.selected-info h2{font-size:11px;margin:3px 0}.orders button{font-size:8px;padding:3px 4px}.view-controls{bottom:131px}.queue-section{padding:8px 5px}.section-label{font-size:10px}.empty-note{font-size:9px}.queue-item{min-width:38px;width:38px}.queue-item img{width:35px}.sidebar-footer{font-size:8px}dialog{padding:27px}.modal-title{font-size:74px}.objective>span{font-size:9px}.objective>b{font-size:10px}}

/* Frontier expansion */
.army-filters{display:flex;gap:5px;padding:10px 13px 0;flex-shrink:0}.army-filters[hidden]{display:none}.army-filters button{flex:1;padding:5px;font-size:11px;color:#9dad94;border-color:#82966c22}.army-filters button.active{color:#d6c899;background:#7b815524;border-color:#b3ad6755}.unit-role{display:block;font-size:9px;color:#a0ae93;margin-top:3px;line-height:1.5;min-height:27px}.unit-card{min-height:153px}.unit-card img{height:72px}.catalog{scrollbar-color:#697551 #182019}.queue{scrollbar-width:thin;scrollbar-color:#697551 #182019}.unit-card img{transition:transform .2s}.unit-card:hover img{transform:scale(1.09)}.objective p{margin-bottom:8px}.command-heading{padding-top:17px;padding-bottom:12px}.objective{margin-bottom:12px}.sector{color:#ead6a1}.sector span{color:#cfbc97a8}.brand small{color:#c2ad77}.unit-card{background:linear-gradient(140deg,#414f3955,#101a1655)}
@media(max-width:1100px){.unit-card{min-height:139px}.unit-card img{height:58px}.unit-role{font-size:9px}.army-filters{padding:8px 8px 0}}
@media(max-width:760px){.unit-card{min-height:123px}.unit-card img{height:46px}.unit-role{font-size:8px;min-height:24px}.army-filters{gap:3px;padding:7px 5px 0}.army-filters button{font-size:10px;padding:4px 2px}}
@media(max-width:520px){.unit-card{min-height:135px}.unit-card img{height:58px}.unit-role{font-size:9px}.army-filters{flex-wrap:wrap}.army-filters button{min-width:42%}}

.command-heading{padding:12px 18px 10px}.command-heading h1{font-size:21px;margin:3px 0 7px}.objective{padding:9px 12px;margin:0 13px 10px}.objective p{display:none}.objective-line{padding-top:6px;margin-top:7px}.tabs button{padding:10px 3px}.unit-card{min-height:128px}.unit-card img{height:57px}.unit-role{min-height:23px}.queue-section{padding:10px 14px}.army-filters{padding-top:8px}.unit-new{position:absolute;top:7px;left:7px;color:#bfe4b2;font-size:8px;letter-spacing:.5px;padding:2px 4px;background:#38583b99;border:1px solid #839c6355}.unit-card .locked-label{font-size:9px}.selected-info p{line-height:1.6}
@media(max-width:760px){.command-heading{padding:10px}.command-heading h1{font-size:17px}.objective{margin:0 7px 8px;padding:8px}.unit-card{min-height:118px}.unit-card img{height:48px}.unit-new{font-size:7px;padding:1px 3px}.unit-role{font-size:8px}.queue-section{padding:8px}}
@media(max-width:520px){.command-heading h1{font-size:15px}.unit-card{min-height:131px}.unit-card img{height:57px}.unit-role{font-size:9px}}

.audio-switch{display:flex;align-items:center;gap:9px;margin:20px 0;color:var(--gold)}.audio-switch input{accent-color:var(--gold);width:18px;height:18px}.audio-row{display:grid;grid-template-columns:1fr auto;gap:12px;margin:22px 0;font-size:14px}.audio-row output{font-variant-numeric:tabular-nums;color:var(--gold);direction:ltr}.audio-row input{grid-column:1/-1;width:100%;accent-color:var(--gold);cursor:pointer}#audioDialog .primary{margin-top:12px}#audioDialog .secondary{margin-top:0}@media(max-width:520px){.hud{gap:5px;padding:0 7px}.top-actions{gap:2px}.top-actions button{width:21px}.brand b{font-size:15px}.resources>div{min-width:44px}}

/* Command edition: strategic overview, readable controls, restrained contrast. */
:root{--gold:#e0bc70;--mint:#77dbb8;--sidebar:302px}.hud{background:linear-gradient(100deg,#101b1e,#182321);border-bottom-color:#6d998c40}.command{background:linear-gradient(160deg,#1e2b2c,#111c1d)}.command-heading{border-bottom:1px solid #819f9030;margin-bottom:12px}.objective{border:1px solid #d5b56b2c;border-right:3px solid var(--gold);background:#d7b36b08}.objective .strategy-note{display:block;font-size:10px;line-height:1.7;margin:5px 0;color:#94aaa4}.unit-card{background:linear-gradient(145deg,#30434188,#142322);border-color:#8cab9726;border-radius:3px;transition:background .15s,border-color .15s,transform .15s}.unit-card:hover{background:#334b42;border-color:#d6b97588;transform:translateY(-1px)}.unit-role{color:#a4bbb2}.unit-card .unit-name{font-size:12px}.unit-card img{height:60px}.unit-card.locked{opacity:.62}.unit-card .locked-label{background:#101d1bea;border:1px solid #7a9a7930}.tabs button.active{background:#d4b36b0e}.mission-strip{position:absolute;top:94px;left:50%;transform:translateX(calc(-50% - 115px));display:flex;align-items:center;gap:21px;background:#142423ed;border:1px solid #89ad9940;box-shadow:0 8px 28px #0003;padding:10px 18px;z-index:3}.mission-strip>div:not(.outpost-buttons){display:flex;flex-direction:column;gap:3px;text-align:center}.mission-strip small{font-size:9px;color:#9db5aa}.mission-strip b{font:600 17px Rajdhani;letter-spacing:1px;color:#e5cd93}.outpost-buttons{display:flex;gap:7px;direction:ltr}.outpost-buttons button{position:relative;overflow:hidden;width:33px;height:34px;border-color:#d4bc7655;color:#dcca93;background:#64553425;font:600 17px Rajdhani}.outpost-buttons button[data-owner="0"]{color:#8fe9c8;border-color:#64c99f;background:#36786244}.outpost-buttons button[data-owner="1"]{color:#ffae91;border-color:#cf7863;background:#763c3244}.outpost-buttons i{position:absolute;bottom:0;left:0;height:3px;background:currentColor}.combat-alert{position:absolute;top:161px;left:50%;transform:translateX(calc(-50% - 115px));z-index:5;color:#ffd9b0;background:#6b3029e8;border:1px solid #ed926d88;padding:9px 17px;font-size:11px}.combat-alert[hidden]{display:none}.control-groups{position:absolute;bottom:150px;left:260px;display:flex;align-items:center;gap:5px;z-index:3;direction:ltr}.control-groups button{display:flex;align-items:center;justify-content:space-between;width:43px;height:29px;padding:4px 7px;background:#142424eb;border-color:#94bda342;color:#a4c0b5}.control-groups button.filled{border-color:#d2b37688;color:#e7c98c}.control-groups b{font:600 15px Rajdhani}.control-groups small{font-size:9px}.control-groups>span{font-size:9px;color:#adc0a9;margin-left:7px;direction:rtl;text-shadow:0 1px 4px #000}.selection-panel{min-height:109px;background:linear-gradient(110deg,#132225f5,#20322deF);border-color:#94baa440}.orders{grid-template-columns:repeat(2,1fr)}.orders button{padding:6px 8px}#retreat{color:#e5bb8c}.queue-item{height:52px;min-width:53px;width:53px;background:#29413b}.queue-item img{height:31px}.queue-item small{display:block;font:11px Rajdhani;color:#d4c292;position:absolute;bottom:5px;left:5px}.brief-features{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.brief-features span{font-size:10px;color:#b8d4c3;border:1px solid #81b59a3a;padding:5px 8px;background:#5b897b15}.continue-button{margin-bottom:10px;background:#71bd9d;border-color:#71bd9d}.continue-button[hidden]{display:none}.radar{background:#102327ed;border-color:#76a88d60}#modeHint{bottom:190px}.bottom-hint{font-size:9px;gap:12px}button:focus-visible{outline:2px solid #e5c477;outline-offset:2px}#toast{top:161px;max-width:420px}.brief-note{line-height:1.8}
@media(min-width:1550px){:root{--sidebar:326px}.control-groups{left:285px;bottom:168px}.mission-strip{transform:translateX(calc(-50% - 125px))}}
@media(max-width:1100px){:root{--sidebar:255px}.mission-strip{top:80px;left:44%;gap:12px;padding:8px 12px;transform:translateX(-50%)}.combat-alert{top:145px;left:42%;transform:translateX(-50%)}.control-groups{left:210px;bottom:160px}.control-groups>span{display:none}.orders{grid-template-columns:1fr}.orders button{padding:4px}.selection-panel{min-height:120px}.sector{display:none}}
@media(max-width:760px){:root{--sidebar:190px}.mission-strip{top:73px;left:calc((100% - var(--sidebar))/2);gap:8px;padding:7px 9px}.mission-strip small{font-size:8px}.mission-strip b{font-size:14px}.outpost-buttons{gap:4px}.outpost-buttons button{width:26px;height:28px}.mission-strip>div:last-child{display:none}.control-groups{left:10px;bottom:157px;gap:3px}.control-groups button{width:27px;height:24px;padding:3px}.control-groups small{font-size:8px}.selection-panel{min-height:113px}.orders{display:flex;flex-wrap:wrap}.orders button{font-size:9px;padding:4px}.view-controls{bottom:196px}.combat-alert{top:137px;font-size:10px;max-width:240px}.objective .strategy-note{display:none}.unit-card .unit-name{font-size:11px}#toast{top:140px}#modeHint{bottom:189px}}
@media(max-width:520px){:root{--sidebar:143px}.mission-strip{padding:6px 8px;gap:6px}.mission-strip small{font-size:7px}.outpost-buttons button{width:23px;height:26px}.control-groups{bottom:145px;gap:3px}.control-groups button{width:24px}.view-controls{bottom:184px}.selection-panel{min-height:119px}.orders button{font-size:8px;padding:3px}.combat-alert{left:32%;width:190px}.unit-card img{height:53px}.objective>b{font-size:10px}.command-heading h1{font-size:15px}}
@media(min-width:1101px){.control-groups{bottom:182px}}#toast{top:204px}@media(max-width:760px){#toast{top:177px}}


#buildingActions{display:flex;gap:6px;margin-top:9px}#buildingActions[hidden]{display:none}#buildingActions button{padding:5px 8px;font-size:10px;background:#1b352e;border-color:#86b99b40;color:#a1dfbe}#buildingActions #sellBuilding{background:#48362b;color:#e1bb91;border-color:#c294663d}#buildingActions button:disabled{opacity:.35;cursor:default}#veteranBadge{font-size:10px;color:#e6c681;margin-top:5px;line-height:1.5}#veteranBadge:empty{display:none}@media(max-width:760px){#buildingActions{flex-wrap:wrap;gap:3px;margin-top:5px}#buildingActions button{font-size:8px;padding:4px}#veteranBadge{font-size:8px}.control-groups{bottom:166px}}@media(min-width:1101px){.control-groups{bottom:196px}}
@media(max-width:760px){.control-groups{bottom:178px}.view-controls{bottom:220px}}@media(min-width:761px) and (max-width:1100px){.control-groups{bottom:196px}}

/* Large camera controls: screen-relative navigation with touch-sized targets. */
.view-controls{--nav-size:52px;position:absolute;left:16px;top:calc(var(--hud) + 84px);bottom:auto;display:grid;grid-template-columns:auto var(--nav-size);gap:8px 12px;direction:ltr;z-index:3;user-select:none;-webkit-user-select:none;touch-action:none}
.camera-pad{display:grid;grid-template-columns:repeat(3,var(--nav-size));grid-template-rows:repeat(3,var(--nav-size));gap:5px}.camera-pad [data-camera="up"]{grid-area:1/2}.camera-pad [data-camera="left"]{grid-area:2/1}.camera-pad [data-camera="right"]{grid-area:2/3}.camera-pad [data-camera="down"]{grid-area:3/2}.camera-center{grid-area:2/2;display:grid;place-items:center;color:#d5c98b7a;font-size:29px;pointer-events:none}.camera-zoom{display:flex;flex-direction:column;gap:5px}
.view-controls button{width:var(--nav-size);height:var(--nav-size);padding:0;display:grid;place-items:center;border:1px solid #dfc98c80;border-radius:8px;background:#15251fed;color:#f1dc9b;box-shadow:0 3px 10px #0005;font:700 25px/1 Arial,sans-serif;touch-action:none}.camera-zoom button{font-size:34px}.camera-zoom #fullscreen{font-size:23px;color:#bfcbb9;border-color:#9cae7960}.view-controls button:hover,.view-controls button.engaged{background:#c8b16ceF;color:#13251c;border-color:#ffe8a7;box-shadow:0 0 14px #e6c27455}.view-controls button:disabled{opacity:.4}.camera-help{grid-column:1/-1;direction:rtl;text-align:center;font-size:10px;color:#f0e6c5;text-shadow:0 1px 4px #000;background:#15221cbb;border-radius:4px;padding:3px 5px}
@media(max-width:1100px){.view-controls{--nav-size:46px;left:12px;column-gap:8px;top:calc(var(--hud) + 79px)}}
@media(max-width:760px){.view-controls{--nav-size:44px;left:8px;column-gap:6px;top:calc(var(--hud) + 78px)}.camera-pad{gap:4px}.camera-zoom{gap:4px}.view-controls button{font-size:23px}.camera-zoom button{font-size:31px}.camera-help{font-size:9px}}
@media(max-height:600px){.view-controls{--nav-size:44px;top:calc(var(--hud) + 53px);gap:4px 6px}.camera-help{display:none}}@media(max-height:600px) and (min-width:761px){.radar{width:145px}.radar #minimap{height:90px}.radar-footer{display:none}}

.operation-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.operation-options label,.army-command label{display:flex;flex-direction:column;gap:5px;font-size:12px}.operation-options select,.army-command select{color:#e9efdf;background:#233329;border:1px solid #6b806650;border-radius:4px;min-height:40px;max-width:100%;padding:5px}#operationBrief{font-size:12px!important;line-height:1.7!important}#briefing{max-height:92dvh;overflow:auto}#briefing .brief-steps,#briefing .brief-features{display:none}.army-command{border-top:1px solid #81967833;background:#111e17;flex-shrink:0}.army-command summary{padding:12px 16px;color:#dfb65b;cursor:pointer;font-size:13px}.army-command-content{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 12px 12px;max-height:36dvh;overflow:auto}.army-command-content button{padding:8px 4px;min-height:42px;font-size:11px;border-color:#81967855}.army-command-content label:last-child{grid-column:1/-1}#missionTitle{display:block;color:#e0c87e;font-size:13px}#missionGoal{margin:5px 0;font-size:11px}#missionProgress{color:#89dfbd;font-size:11px}#focusObjective{font-size:10px;padding:4px 8px;margin:6px 0}.objective>span,.objective>b,.objective>p:not(#missionGoal){display:none}.objective{padding:8px 12px;margin-bottom:8px}#armyFaction{font-size:12px}.faction{gap:4px}.faction>span{display:none}@media(max-width:760px){.operation-options{grid-template-columns:1fr;gap:6px;margin:8px 0}.operation-options label{display:grid;grid-template-columns:60px 1fr;align-items:center}#briefing .modal-title{font-size:42px!important}#briefing h2{font-size:20px;margin:8px 0}.army-command summary{padding:8px;font-size:11px}.army-command-content{max-height:30dvh;gap:5px;padding:0 6px 6px}.army-command-content button{font-size:10px}.objective{display:none}}

html,body{height:100%;overflow:clip}#game{overflow:hidden}.command{overflow:clip}.command-heading{padding:12px 16px 8px;margin-bottom:6px}.army-command{position:relative;z-index:5}.army-command-content{position:absolute;bottom:100%;right:0;left:0;max-height:55dvh;padding:12px;background:#14261ff5;border:1px solid #79988680;box-shadow:0 -12px 32px #0008}.objective>p#missionGoal{display:block!important}.objective>span,.objective>b,.objective>p:not(#missionGoal){display:none!important}.objective{flex-shrink:0}.objective-line{padding-top:3px}#focusObjective{margin:3px 0}#missionProgress:empty{display:none}
@media(max-width:760px){.command-heading{padding:6px 8px 4px}.command h1{margin:0;font-size:14px}.objective{display:block;margin:0 4px 5px;padding:5px}.objective>p#missionGoal{font-size:10px;line-height:1.4;margin:3px 0}#missionTitle{font-size:10px}.objective-line{display:none}.army-command-content{max-height:55dvh;min-width:185px;left:auto;width:185px;padding:7px}.army-command-content label{font-size:10px}.army-command-content button{font-size:10px}#missionProgress{font-size:10px}.army-command summary{min-height:40px}}

.command{overflow:visible}.army-command-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow-x:hidden}.army-command-content>*{min-width:0}.army-command-content select{min-width:0;width:100%;font-size:11px}.army-command-content label:last-child{grid-column:1/-1}@media(max-width:760px){.army-command-content{width:min(300px,calc(100vw - 16px));min-width:0;max-height:55dvh;right:0;left:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.army-command-content button{min-height:44px}.army-command-content label{font-size:11px}}
#audioDialog{max-height:90dvh;overflow:auto;padding:24px}#audioDialog h2{margin:8px 0}#audioDialog>p{font-size:13px;line-height:1.6}#audioDialog .audio-switch{margin:12px 0}#audioDialog .audio-row{margin:12px 0;gap:5px}#audioDialog .secondary{min-height:44px;padding:9px;margin:5px 0}#audioDialog [role=status]{display:block;font-size:12px;color:var(--gold)}

@media(min-width:761px){.operation-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
.operation-options select{width:100%}
@media(min-width:761px) and (max-height:850px){#briefing{padding:25px 32px}#briefing .modal-title{font-size:64px;margin:17px 0 14px}#briefing h2{font-size:22px;margin:10px 0 7px}#briefing>p{margin:8px 0}#briefing .operation-options{margin:12px 0}}
/* Keep the launch form inside the viewport, including narrow and landscape phones. */
#briefing{width:min(520px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#71836c transparent;scroll-padding-block:16px;touch-action:pan-y}
#briefing .operation-options{grid-template-columns:repeat(2,minmax(0,1fr))}
#briefing .operation-options label{min-width:0}
#briefing select{min-width:0;max-width:100%;min-height:44px}
#briefing .operation-options select{width:100%;text-overflow:ellipsis}
#briefing .difficulty-label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px}
#briefing .difficulty-label select{width:100%}
#briefing .modal-eyebrow{overflow-wrap:anywhere}
#briefing .primary{min-height:48px}
@media(max-width:760px){#briefing{padding:20px}#briefing .operation-options{grid-template-columns:minmax(0,1fr);gap:8px}#briefing .operation-options label{grid-template-columns:64px minmax(0,1fr)}#briefing .modal-title{margin:18px 0 16px}#briefing .difficulty-label{grid-template-columns:64px minmax(0,1fr);gap:5px}}
@media(max-height:700px){#briefing{padding:18px 22px}#briefing .modal-title{font-size:42px;margin:12px 0;line-height:.9}#briefing h2{font-size:20px;margin:8px 0}#briefing>p{font-size:12px;line-height:1.65;margin:8px 0}#briefing .operation-options{margin:10px 0}#briefing .brief-note{margin-top:9px}}

.build-filters{gap:4px;padding-inline:8px}.build-filters button{min-width:0;min-height:40px;padding:5px 2px;white-space:nowrap}
@media(max-width:520px){.build-filters{padding-inline:4px;gap:3px}.build-filters button{font-size:10px;min-height:44px}}

#launchBallistic{grid-column:1/-1;color:#f1cc7e;border-color:#c89a5b88;min-height:40px}#launchBallistic[hidden]{display:none}

#launchBallistic{max-width:100%;white-space:normal}@media(max-width:760px){#launchBallistic{flex-basis:100%;min-height:44px}}

.camera-pad [data-camera="rotate-left"]{grid-area:1/1}.camera-pad [data-camera="rotate-right"]{grid-area:1/3}.camera-pad #rotateLeft,.camera-pad #rotateRight{font-size:32px;color:#9cdeee;border-color:#75bdce88}

#buildingActions{flex-wrap:wrap}#buildingActions #upgradeBuilding{color:#f1d28c;border-color:#c5a56288;background:#423a25;min-height:32px}
#buildingUpgradeDialog{box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:26px;color:#e6efdc;background:#142720;border:1px solid #9eae7666;border-radius:12px;box-shadow:0 24px 80px #000a}
#buildingUpgradeDialog::backdrop{background:#07120cb8}#buildingUpgradeDialog h2{font-size:24px;margin:9px 0}#buildingUpgradeDialog p{font-size:13px;line-height:1.6}#buildingUpgradeDialog .upgrade-close{position:absolute;left:10px;top:8px;min-width:40px;min-height:40px;padding:4px;font-size:24px;background:transparent;border:0;color:#d8e5cd}
.building-level-track{display:flex;gap:8px;margin:16px 0}.building-level-track span{flex:1;text-align:center;padding:8px;border:1px solid #758c6455;color:#879a86;border-radius:4px}.building-level-track .complete{background:#365547;color:#bde4c7;border-color:#7eae8c}.building-level-track .pending{border-color:#e9c46f;color:#e9c46f}
#buildingUpgradeDialog table{border-collapse:collapse;width:100%;font-size:13px}#buildingUpgradeDialog th,#buildingUpgradeDialog td{text-align:right;padding:9px 5px;border-bottom:1px solid #81957533}#buildingUpgradeDialog thead{font-size:11px;color:#97b39d}#buildingUpgradeDialog td:last-child{color:#e7c57c}#buildingUpgradeDialog .upgrade-explanation{font-size:11px;color:#a9bcaa}
#buildingUpgradeStatus{font-size:13px;line-height:1.6;color:#e3c789;margin:12px 0}#buildingUpgradeDialog progress{width:100%;height:9px;accent-color:#d8ba73;margin-bottom:12px}#confirmBuildingUpgrade,#cancelBuildingUpgrade{width:100%;min-height:44px;padding:10px;font-size:14px;background:#bfa365;color:#10231b;font-weight:700}#cancelBuildingUpgrade{background:#443327;color:#efd19c}#buildingUpgradeDialog [hidden]{display:none!important}#buildingUpgradeDialog button:disabled{opacity:.45;cursor:default}
@media(max-width:760px){#buildingActions #upgradeBuilding{min-height:36px;font-size:10px}#buildingUpgradeDialog{padding:20px}#buildingUpgradeDialog h2{font-size:21px}#buildingUpgradeDialog th,#buildingUpgradeDialog td{padding:7px 4px}}

#intelLegend{display:block;font-size:9px;line-height:1.4;color:#c1cbb8;max-width:190px;margin:3px 0}#veteranBadge{white-space:normal;line-height:1.5}#routeFocus{color:#ffbf88}@media(max-width:600px){#intelLegend{font-size:8px;max-width:120px}}

/* Content-sized rows keep long unit descriptions from clipping their prices. */
.catalog{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content}
.unit-card{display:flex;flex-direction:column;min-width:0;min-height:160px;height:auto;padding:8px;gap:0}
.unit-card>img,.unit-card>.unit-name,.unit-card>.unit-role,.unit-card>.unit-bottom{flex-shrink:0}
.unit-card .unit-name,.unit-card .unit-role{overflow-wrap:anywhere}
.unit-card .unit-role{margin-bottom:8px}
.unit-card .unit-bottom{margin-top:auto;padding-top:7px;border-top:1px solid #dfb65b30;display:flex;flex-wrap:wrap;gap:4px 8px;min-width:0;line-height:1.35}
.unit-card .unit-bottom>span{flex:none;direction:ltr;unicode-bidi:isolate;white-space:nowrap;font:700 18px/1.4 Rajdhani,Arial,sans-serif;color:#ffe09a}
.unit-card .unit-bottom small{flex:none;white-space:nowrap;font-size:10px;line-height:1.5;color:#c2cec6}
.unit-card.locked{opacity:1}
.unit-card.locked img{opacity:.55}
@media(max-width:760px){.catalog{grid-template-columns:minmax(0,1fr)}.unit-card{min-height:150px}.unit-card .unit-name{font-size:12px}.unit-card .unit-role{font-size:10px}}

.alien-threat{display:block;width:100%;margin:8px 0;padding:10px;border:1px solid #7cba48;background:#1c3423;color:#c1ff91;font:inherit;font-weight:700;line-height:1.5;text-align:right;cursor:pointer}.alien-threat[hidden]{display:none}.alien-threat:hover{background:#294b2e}

.voice-preview{border:1px solid #607367;padding:12px;margin:14px 0;min-width:0}.voice-preview legend{font-size:14px}.voice-preview label{display:grid;gap:6px;margin:8px 0}.voice-preview select{width:100%;min-width:0;background:#15231e;color:#eaf2df;padding:8px;border:1px solid #607367;font:inherit}.voice-preview p{font-size:22px;line-height:1.8;color:#f5e6ac;margin:12px 0;overflow-wrap:anywhere}

.gameplay-panel{border:1px solid #6b827153;margin:12px 0;background:#17231f;color:#deeadb}.gameplay-panel summary{padding:12px;font-weight:700;cursor:pointer}.gameplay-content{padding:0 10px 10px;display:grid;gap:10px}.gameplay-content fieldset{min-width:0;border:1px solid #5f7467;padding:10px;display:grid;gap:9px}.gameplay-content legend{color:#e9cf8b;font-size:13px}.gameplay-content label{display:grid;gap:5px;font-size:12px}.gameplay-content select{width:100%;min-width:0;background:#0f1c18;color:#f0f1da;border:1px solid #607368;padding:9px;font:inherit}.gameplay-content button{width:100%;min-height:38px;text-align:right;background:#263b30;color:#e5f2d9;border:1px solid #73846a;padding:9px;font:inherit;font-size:12px;line-height:1.5;cursor:pointer}.gameplay-content button:disabled{opacity:.45}.gameplay-content p,.gameplay-content small{font-size:11px;line-height:1.7;margin:0;overflow-wrap:anywhere}.gameplay-content small{color:#bacbbd}.gameplay-content [hidden]{display:none}.facility-row{margin:4px 0}#bridgeJobs>div{display:grid;gap:5px;margin:6px 0}.gameplay-panel [id$="Status"]{line-height:1.8}
.command{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.gameplay-panel{flex-shrink:0}.gameplay-panel>.gameplay-content{max-height:min(420px,48dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.gameplay-panel summary{font-size:12px}.gameplay-content fieldset{margin:0}.gameplay-content button{overflow-wrap:anywhere}@media(max-width:520px){.gameplay-content{padding:0 5px 6px}.gameplay-content fieldset{padding:6px}.gameplay-content label,.gameplay-content button{font-size:10px}}
@media(max-width:520px){.gameplay-panel[open]{position:fixed;z-index:8;right:10px;left:10px;top:70px;margin:0;width:auto;box-shadow:0 12px 60px #000c;background:#172b23}.gameplay-panel[open] summary{font-size:14px;border-bottom:1px solid #718b6b;padding:14px}.gameplay-panel[open]>.gameplay-content{max-height:calc(100dvh - 135px);padding:12px}.gameplay-panel[open] label,.gameplay-panel[open] button{font-size:13px}.gameplay-panel[open] fieldset{padding:12px}.gameplay-panel[open] small{font-size:12px}}
@media(max-width:520px){.command:has(.gameplay-panel[open]){z-index:7}}