@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Barlow:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080e19;--panel:rgba(12,22,36,.94);--line:rgba(151,193,223,.16);--cyan:#6ce4ff;--muted:#7f97ae;--white:#e8f0f7;--amber:#ffc779}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font:14px 'Barlow',system-ui,sans-serif;color:var(--white);background:var(--bg)}button,a{-webkit-tap-highlight-color:transparent}button{font:600 11px 'Barlow',sans-serif;letter-spacing:.08em;cursor:pointer;color:var(--white);border:1px solid var(--line);background:#142338;transition:background .15s,border-color .15s}button:hover{background:#20374d;border-color:#6ce4ff80}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.38}button.active{color:var(--cyan);border-color:#6ce4ff66}a{color:var(--cyan)}#space{position:absolute;inset:0;width:100%;height:100%;cursor:default;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 160px #02060c8a}.topbar{position:absolute;inset:0 0 auto;height:76px;background:rgba(8,15,25,.97);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:14px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--white);font:600 25px/.9 'Barlow Condensed',sans-serif;letter-spacing:.12em;min-width:187px}.brand-symbol{font:50px/1 Georgia;color:var(--cyan);text-shadow:0 0 28px #68dfff70}.brand-sub{display:block;font:500 10px/2 'Barlow',sans-serif;letter-spacing:.43em;color:#8fa9bd}.session{font-size:10px;letter-spacing:.13em;display:flex;gap:10px;align-items:center;white-space:nowrap}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px #6ce4ff80}.muted{color:var(--muted)}.divider{color:#405269}.resources{display:flex;align-items:center;margin-left:auto;height:100%;gap:30px}.resources>div{display:grid;grid-template-columns:26px auto;column-gap:8px;min-width:70px}.resource-icon{grid-row:span 2;font-size:26px;align-self:center}.alloy{color:#cad8e9}.crystal{color:var(--cyan)}.crew{color:#a4c9d8}.fleet{color:var(--amber)}.resources strong{font:500 21px/1.1 'Barlow Condensed',sans-serif;letter-spacing:.02em}.resources strong span{font-size:14px;color:var(--muted)}.resources small{font-size:8px;letter-spacing:.16em;color:var(--muted);margin-top:4px}.icon-button{background:transparent;width:31px;height:31px;font-size:16px;letter-spacing:0}.topbar .icon-button:first-of-type{margin-left:10px}.mission-panel{position:absolute;top:110px;left:30px;width:235px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:.18em;color:var(--cyan);font-weight:600}.eyebrow>span{float:right;color:var(--muted)}h1{font:500 26px/1.15 'Barlow Condensed',sans-serif;letter-spacing:.01em;margin:13px 0 7px}.mission-panel>p{font-size:11px;color:var(--muted);margin:0 0 25px}.objective{display:flex;align-items:center;gap:11px;margin:16px 0;font-size:11px;color:#a5b8c9;line-height:1.4}.objective>b{width:19px;height:19px;flex-shrink:0;display:grid;place-items:center;border:1px solid #597384;font:10px 'Barlow Condensed';color:#91a7b8}.objective.done{color:#6cb9c0}.objective.done>b{color:var(--cyan);border-color:#6ce4ff66;background:#6ce4ff11}.objective.current{color:#e7f1f5}.objective.current>b{color:var(--amber);border-color:#ffc77977}.incoming{margin-top:27px;padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;font:10px 'Barlow';letter-spacing:.02em;color:#c5ab89}.incoming>i{width:5px;height:5px;background:var(--amber);border-radius:50%}.sector{position:absolute;top:111px;right:31px;display:flex;gap:13px;align-items:center;text-align:right}.sector strong{display:block;font-size:10px;letter-spacing:.2em;font-weight:500}.sector small{display:block;font-size:8px;letter-spacing:.13em;color:var(--muted);margin-top:6px}.sector-marker{height:24px;width:2px;background:var(--cyan);box-shadow:0 0 12px #6ce4ff55}.sector button{height:37px;padding:0 15px;margin-left:15px;font-size:9px;background:#101e30bb}.sector button span{color:var(--cyan);margin-left:13px}.right-tools{position:absolute;right:29px;top:43%;display:flex;flex-direction:column;gap:8px}.right-tools button{width:46px;height:44px;font-size:23px;background:#0d192ad9;letter-spacing:0}.right-tools button span{display:block;font-size:6px;letter-spacing:.12em;margin-top:1px}.bottom-ui{position:absolute;bottom:47px;left:24px;right:24px;display:grid;grid-template-columns:240px minmax(270px,1fr) 430px;gap:12px;align-items:end}.bottom-ui>section{border:1px solid var(--line);background:linear-gradient(140deg,#15283aeb,#0a1423f5);box-shadow:0 12px 60px #0005;backdrop-filter:blur(12px);border-radius:4px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:600;letter-spacing:.16em;color:#c9dbe8;padding:13px 15px;border-bottom:1px solid var(--line);height:37px}.panel-heading>span:last-child{color:var(--muted);font-size:8px}.minimap-panel{height:232px}.minimap-panel .panel-heading{height:33px;padding:9px 12px}#minimap{display:block;width:100%;height:168px;cursor:crosshair;background:#050b13}.map-footer{height:30px;display:flex;align-items:center;gap:6px;padding:0 10px;color:var(--muted);font-size:7px;letter-spacing:.09em}.map-footer>span{margin-left:auto;font-size:9px;color:#c4d7e9}.selection-panel{height:188px;display:flex;align-items:center;padding:20px 17px;gap:16px}.unit-portrait{width:110px;flex-shrink:0;align-self:stretch;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,#2c587045,transparent 70%)}.unit-portrait img{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 0 15px #53bce822)}.unit-portrait>span{position:absolute;bottom:-4px;font-size:7px;letter-spacing:.13em;color:#9bb4c8}.unit-details{flex:1;min-width:0}.unit-details .eyebrow{font-size:8px}h2{font:500 24px/1.1 'Barlow Condensed',sans-serif;margin:7px 0}.unit-details>p{font-size:10px;color:var(--muted);margin:0 0 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vital{display:flex;align-items:center;gap:9px;margin-top:8px;font-size:7px;letter-spacing:.08em}.vital>span{width:37px;color:var(--muted)}.vital>div{height:3px;flex:1;background:#5a718333}.vital i{display:block;height:100%;width:100%;background:#b1cfb8}.vital.shield i{background:var(--cyan)}.vital>b{width:62px;font-size:8px;font-weight:400;color:#b7ccd9;text-align:right;letter-spacing:0}.selection-fleet{display:none;max-width:70px}.queue{display:flex;gap:5px;margin-top:12px}.queue>div{height:6px;background:#1c3c50;flex:1;position:relative}.queue i{display:block;height:6px;background:var(--amber)}.command-panel{height:188px}.commands{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 12px 9px;height:110px}.command{position:relative;display:grid;grid-template-columns:40px 1fr;align-items:center;text-align:left;padding:6px 7px;background:#15283d88;border-color:#96b9d52b;letter-spacing:0;overflow:hidden}.command img{width:35px;height:35px;object-fit:contain;grid-row:span 2}.command .text{font-size:9px;font-weight:500;line-height:1.15}.command small{display:block;font-size:8px;color:#9db1c4;margin-top:4px;font-weight:400}.command .shortcut{position:absolute;top:3px;right:4px;font-size:6px;color:#90aabe}.command.symbol{grid-template-columns:30px 1fr}.command.symbol>span:first-child{grid-row:span 2;font-size:24px;color:var(--cyan)}.command-footer{display:flex;border-top:1px solid var(--line);height:30px}.command-footer button{border:0;background:transparent;flex:1;color:#9fb8cb;font-size:8px;letter-spacing:.05em}.command-footer button+button{border-left:1px solid var(--line)}.command-footer button:hover{background:#254257;color:var(--cyan)}.hintbar{position:absolute;bottom:0;left:0;right:0;height:32px;display:flex;justify-content:space-between;align-items:center;padding:0 25px;background:#090f1bd9;border-top:1px solid var(--line);font-size:9px;color:#758fa6;letter-spacing:.01em}.hintbar>span>span{margin:0 10px;color:#42556b}kbd{font:9px 'Barlow',sans-serif;color:#c5d8e7;white-space:nowrap}.hintbar #saveStatus{font-size:7px;letter-spacing:.13em}.hintbar .status-dot{margin-left:6px;width:4px;height:4px}#notifications{position:absolute;top:171px;right:30px;display:flex;flex-direction:column;align-items:end;gap:7px;pointer-events:none}.toast{max-width:310px;padding:10px 14px;border-left:2px solid var(--cyan);background:#0e2034eb;font-size:11px;box-shadow:0 8px 30px #0003;animation:appear .2s}.toast.error{border-left-color:var(--amber);color:var(--amber)}@keyframes appear{from{transform:translateX(15px);opacity:0}to{transform:translateX(0);opacity:1}}.mode-banner{position:absolute;left:50%;top:96px;transform:translateX(-50%);padding:12px 20px;color:var(--cyan);background:#0c1e30ed;border:1px solid #6ce4ff55;font-size:11px;letter-spacing:.06em}.mode-banner[hidden]{display:none}dialog{max-width:750px;width:calc(100% - 48px);border:1px solid #446078;border-radius:8px;padding:36px;background:linear-gradient(140deg,#16293b,#0a1421);color:var(--white);box-shadow:0 30px 160px #000c}dialog::backdrop{background:#020711b8;backdrop-filter:blur(6px)}.dialog-eyebrow{font-size:9px;letter-spacing:.24em;color:var(--cyan)}dialog h2{font-size:36px;margin:15px 0}dialog p{font-size:13px;line-height:1.7;color:#a8bed0}dialog strong{color:#d2e5ef}dialog h3{font-weight:500;color:var(--white);font-size:14px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid var(--line);margin-top:22px}.help-grid p{font-size:12px;line-height:2}.help-grid kbd{font-size:11px;color:#90dbeb}.fineprint{font-size:10px!important;color:var(--muted)!important}.primary{background:#7ae5f5;color:#07131d;border-color:#7ae5f5;padding:13px 20px;font-size:10px}.primary:hover{background:#a3f2ff;border-color:#a3f2ff}.primary>span{margin-left:30px}.menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.menu-actions button{padding:16px}.menu-actions button:nth-child(4){color:var(--amber)}dialog a{font-size:10px}.compact-message{padding:12px;color:var(--muted);font-size:11px;grid-column:1/-1;line-height:1.7}
.asset-shortcuts{position:absolute;left:30px;top:387px;display:flex;gap:6px}.asset-shortcuts button{font-size:7px;letter-spacing:.08em;padding:8px;background:#0d1b2b99;color:#a2bbcf}.mode-banner button{margin-left:18px;padding:6px 9px;font-size:8px;color:var(--cyan)}.command-panel.production{height:228px}.production .commands{height:150px}.research-button{grid-column:1/-1;font-size:8px;padding:5px;color:var(--amber);background:#172536}
@media(max-width:600px){.topbar{gap:5px}.brand{min-width:107px;font-size:16px;gap:5px}.brand-symbol{font-size:27px}.brand-sub{font-size:6px}.resources{gap:7px}.resources>div{grid-template-columns:auto;min-width:27px}.resource-icon{display:none}.resources strong{font-size:17px}.resources small{font-size:5px}.resources>div:nth-child(4){display:none}.icon-button{width:25px;font-size:13px}.bottom-ui{grid-template-columns:110px minmax(0,1fr);left:8px;right:8px;gap:5px}.selection-panel{min-width:0;padding:10px 8px;height:108px}.unit-portrait{display:none}.unit-details>h2{font-size:19px}.unit-details>p{font-size:8px}.vital{gap:4px;font-size:6px}.vital>span{width:30px}.vital>b{width:48px;font-size:7px}.minimap-panel{height:150px}.minimap-panel .panel-heading{font-size:6px;padding:8px 5px}#minimap{height:86px}.map-footer{font-size:5px;padding:0 4px;gap:3px}.map-footer>span{font-size:7px}.command-panel{height:180px}.commands{height:125px;grid-template-columns:repeat(2,minmax(0,1fr));padding:7px 5px;gap:4px}.command{grid-template-columns:21px minmax(0,1fr)}.command small{font-size:6px}.command .text{font-size:7px}.command-footer button{font-size:6px}.panel-heading{font-size:7px}.panel-heading>span:last-child{font-size:6px}.asset-shortcuts{left:20px;top:365px;gap:4px}.asset-shortcuts button{padding:6px;font-size:6px}.mission-panel{width:177px;left:20px}.sector{right:18px}.sector button{margin-left:0;padding:0 7px;font-size:6px;height:30px}.right-tools{top:36%;right:12px}.mode-banner{top:102px;font-size:8px;max-width:75%;width:75%;padding:10px}.mode-banner button{margin:7px 0 0}.command-panel.production{height:235px}.production .commands{height:180px}.research-button{grid-column:1/-1;font-size:6px}.hintbar{padding:0 9px}.hintbar>span:first-child{max-width:75%;white-space:nowrap;overflow:hidden}.hintbar>span:first-child kbd{font-size:6px}.hintbar #saveStatus{font-size:5px}.help-grid{grid-template-columns:1fr}dialog{max-height:85vh;overflow:auto}}
@media(min-width:1600px){.bottom-ui{grid-template-columns:260px minmax(380px,1fr) 490px;left:30px;right:30px;gap:16px}.minimap-panel{height:250px}#minimap{height:186px}.selection-panel,.command-panel{height:200px}.commands{height:122px}.unit-portrait,.unit-portrait img{width:130px}.unit-portrait img{height:130px}.command .text{font-size:11px}.command small{font-size:9px}}
@media(max-width:1150px){.session{display:none}.resources{gap:22px}.bottom-ui{grid-template-columns:195px minmax(220px,1fr) 340px;left:15px;right:15px;gap:8px}.minimap-panel{height:200px}#minimap{height:136px}.selection-panel{padding:14px 10px;gap:6px}.unit-portrait,.unit-portrait img{width:80px}.unit-portrait img{height:90px}.unit-details>p{font-size:9px}h2{font-size:21px}.commands{padding:9px 7px;gap:4px}.command{grid-template-columns:28px 1fr;padding:3px}.command img{width:25px}.command .text{font-size:8px}.command small{font-size:7px}.mission-panel{left:22px;top:99px;width:210px}.sector{top:103px;right:20px}.right-tools{right:18px}.hintbar{padding:0 16px;font-size:8px}.hintbar>span>span{margin:0 4px}}
@media(max-width:800px){.topbar{height:63px;padding:0 12px;gap:7px}.brand{min-width:130px;font-size:19px}.brand-symbol{font-size:37px}.brand-sub{font-size:8px}.resources{gap:12px}.resources>div{min-width:35px;column-gap:4px;grid-template-columns:17px auto}.resource-icon{font-size:17px}.resources strong{font-size:18px}.resources small{font-size:6px}.resources>div:nth-child(3){display:none}.icon-button{width:26px;height:29px}.topbar .icon-button:first-of-type{margin-left:0}.mission-panel{top:88px;width:190px}.mission-panel h1{font-size:23px}.mission-panel>p{font-size:10px}.objective{margin:12px 0;font-size:10px}.sector{top:89px}.sector div{display:none}.sector button{font-size:8px;padding:0 10px}.bottom-ui{grid-template-columns:160px 1fr;bottom:40px;gap:7px}.minimap-panel{height:160px;grid-row:span 2;align-self:end}#minimap{height:96px}.selection-panel{height:112px;grid-column:2}.unit-portrait{width:60px}.unit-portrait img{width:60px;height:70px}.unit-portrait>span{display:none}.unit-details .eyebrow{font-size:6px}.unit-details>h2{font-size:19px;margin:5px 0}.unit-details>p{margin-bottom:8px}.vital{margin-top:5px}.command-panel{height:148px;grid-column:2}.command-panel .panel-heading{height:26px;padding:6px 10px}.commands{height:93px}.command{grid-template-columns:24px 1fr}.command img{width:22px;height:22px}.command .text{font-size:8px}.command-footer{height:26px}.hintbar{height:28px}.hintbar>span:first-child{font-size:0}.hintbar>span:first-child kbd{font-size:8px}.hintbar>span:first-child>span{font-size:8px;margin:0 6px}.queue{display:none}.right-tools{right:15px;top:33%}.right-tools button{width:36px;height:36px;font-size:20px}.help-grid{gap:15px}dialog{padding:24px}.help-grid p{font-size:10px}.sector-marker{display:none}.mode-banner{top:74px;font-size:9px;max-width:60%;text-align:center}}
/* Multiplayer command room and faction accents. */
.online-button{padding:9px 12px;background:#18344855;color:#8ee9f5;white-space:nowrap;font-size:9px;letter-spacing:.1em}.online-button .status-dot{margin-left:8px}.online-button.connected{border-color:#6ce4ff77}.team-red{--cyan:#ff8e99}.team-red .brand-symbol{color:#ff8e99}.team-legend{display:flex;gap:22px;flex-wrap:wrap;font-size:9px;letter-spacing:.08em;padding:17px 0;border-block:1px solid var(--line);margin-bottom:24px}.team-legend span{display:flex;align-items:center;gap:7px}.team-legend i{width:7px;height:7px;border-radius:50%}.field-label{display:block;font-size:9px;letter-spacing:.16em;color:var(--muted);margin:18px 0 9px}.field-label strong{display:block;font:600 25px 'Barlow Condensed';color:var(--cyan);letter-spacing:.15em;margin-top:7px}dialog input:not([type=range]){border:1px solid #456177;background:#071422;color:#e8f0f7;padding:13px 14px;width:100%;border-radius:3px;font:14px 'Barlow',sans-serif;outline:none}dialog input:focus{border-color:var(--cyan)}.join-row{display:flex;gap:10px}.join-row input{min-width:0}.join-row button{padding:0 18px;white-space:nowrap;color:#ff9ca7}.room-heading{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.room-heading button{padding:10px}.lobby-players{display:grid;gap:10px;margin:20px 0}.lobby-players>div{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:15px;background:#0c1c2e}.lobby-players i{width:9px;height:9px;border-radius:50%}.lobby-players strong{font-size:13px;font-weight:500}.lobby-players span{margin-left:auto;font-size:8px;letter-spacing:.1em;color:var(--muted)}.lobby-status{color:var(--cyan)!important;font-size:12px!important}.online-error{color:#ffc779!important;min-height:20px}.plain-close{padding:10px 14px;background:transparent;color:var(--muted)}.volume-control{display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:.1em;padding:12px 0;color:var(--muted)}.volume-control input{flex:1;accent-color:var(--cyan)}.volume-control>span{width:35px;color:var(--white)}#onlineDialog [hidden]{display:none}#onlineDialog{max-width:700px}.session{max-width:280px;overflow:hidden}.topbar{gap:10px}.resources{gap:22px}
@media(max-width:1200px){.session{display:none}.online-button{font-size:8px;padding:8px}.resources{gap:16px}}
@media(max-width:800px){.resources{gap:10px}.online-button{padding:8px;font-size:7px}.online-button .status-dot{display:none}.team-legend{gap:15px}.join-row{flex-direction:column}.join-row button{padding:13px}.lobby-players>div{padding:12px}.lobby-players span{font-size:6px}}
@media(max-width:600px){.resources>div:nth-child(4){display:none}.resources{gap:6px}.topbar{gap:4px}.brand{min-width:96px}.brand-symbol{font-size:24px}.brand-sub{font-size:5px}.online-button{font-size:6px;padding:7px 5px}.icon-button{width:22px;font-size:12px}.bottom-ui{grid-template-columns:105px minmax(0,1fr)}.selection-panel{min-width:0;padding:10px 8px}.unit-portrait{display:none}.commands{height:125px;grid-template-columns:repeat(2,minmax(0,1fr));padding:7px 5px;gap:4px}.command-panel{height:180px}.production .commands{height:180px}.command-panel.production{height:235px}.command{grid-template-columns:21px minmax(0,1fr)}.command small{font-size:6px}.command .text{font-size:7px}.command-footer button{font-size:6px}.sector div{display:none}.mode-banner{width:75%;max-width:75%;font-size:8px;padding:9px}.asset-shortcuts{top:365px;left:20px}.asset-shortcuts button{padding:6px;font-size:6px}}

.performance-panel{position:fixed;left:24px;top:80px;z-index:25;white-space:pre-line;background:#06101eef;border:1px solid #6ce4ff55;border-radius:6px;padding:12px 16px;font:12px/1.7 monospace;color:#a8e9ee;pointer-events:none}.performance-panel[hidden]{display:none}.graphics-control{display:flex;align-items:center;justify-content:space-between;margin:16px 0;font-size:12px;letter-spacing:.1em}.graphics-control select{background:#132235;color:#d2e7ed;border:1px solid #34516b;border-radius:4px;padding:8px;font:inherit}#performanceToggle{width:100%;font-size:10px;padding:10px;letter-spacing:.06em}

/* Expanded fleet controls keep frequent combat actions within reach. */
.command-pages{display:flex;align-items:center;justify-content:space-between;min-height:22px;padding:0 10px;font-size:9px;color:#9bbbc8}.command-pages[hidden]{display:none}.command-pages button{font:inherit;color:#a7dce4;background:#152839;border:1px solid #375166;padding:3px 9px;cursor:pointer}.crew-energy{font-size:10px;color:#9bddcf;margin-top:8px;letter-spacing:.03em}.subsystem-status{font-size:9px;color:#8da4b4;max-width:330px;line-height:1.5}.subsystem-status.damaged{color:#ffc779}.fleet-settings{position:fixed;bottom:250px;left:280px;right:24px;display:flex;align-items:center;gap:9px;z-index:8;pointer-events:auto;flex-wrap:wrap}.fleet-settings label{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:.07em;color:#86a6bb;background:#0d1927e8;padding:5px 7px;border:1px solid #304659;border-radius:3px}.fleet-settings select{font:10px Barlow,sans-serif;color:#c4e1e8;background:#122334;border:0;max-width:130px}.fleet-settings select:disabled{opacity:.45}#researchStatus{font-size:10px;color:#a6d9e8;background:#0b1724cc;padding:5px}.selection-panel .unit-portrait{min-width:125px}.expanded-help{width:min(1000px,94vw);max-height:88vh;overflow-y:auto;scroll-behavior:smooth}.expanded-help section{margin:26px 0;scroll-margin:18px}.expanded-help h3{color:#c4e3ec;letter-spacing:.03em}.expanded-help li{font-size:14px;line-height:1.7;margin:9px 0;color:#a4bdce}.help-index{display:flex;flex-wrap:wrap;gap:8px;position:sticky;top:0;background:#101c2bf5;padding:12px 0;z-index:2}.help-index a{padding:7px 12px;border:1px solid #33516b;border-radius:4px;font-size:12px;color:#9fdbdf}.fleet-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fleet-guide article{border:1px solid #2b465a;border-radius:7px;padding:14px;background:#142536;min-height:150px}.fleet-guide img{width:86px;height:86px;object-fit:contain;float:right;margin:0 0 8px 10px}.fleet-guide h3{font-size:16px;margin:0 0 6px}.fleet-guide strong{font-size:11px;color:#8bd6e3}.fleet-guide p{font-size:12px;line-height:1.6}.fleet-guide small{font-size:10px;color:#8baac0;display:block;clear:both}.expanded-help #closeHelp{position:sticky;bottom:-1px;width:100%}@media(max-width:1050px){.fleet-settings{left:24px;bottom:260px}.fleet-settings label{font-size:7px}.fleet-settings select{font-size:9px;max-width:110px}.fleet-guide{grid-template-columns:1fr}}
/* Keep the full command footer visible on every command page. */
.bottom-ui{bottom:86px}.command-panel.production{height:auto;min-height:218px}.command-panel.production .commands{height:144px}.fleet-settings{bottom:44px;left:24px;right:24px;flex-wrap:nowrap}.fleet-settings label{flex-shrink:0}#researchStatus:empty{display:none}@media(max-width:800px){.fleet-settings{left:15px;right:15px;flex-wrap:wrap;gap:4px;bottom:32px}.fleet-settings label{font-size:6px;padding:3px}.fleet-settings select{max-width:90px;font-size:8px}.bottom-ui{bottom:96px}.command-panel.production .commands{height:125px}.selection-panel .unit-portrait{min-width:0}.crew-energy{font-size:8px}.subsystem-status{font-size:7px}}