/* A readable command surface shared by the bridge and tactical view. */
#modal:has(.war-room){width:min(1280px,calc(100vw - 36px));max-width:none;max-height:94dvh}
.custom-sections{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.custom-sections a{padding:9px 15px;border:1px solid #58717d;background:#10212d;color:#d6c28f;font-size:12px;text-decoration:none}
.fleet-configuration{margin:22px 0;scroll-margin-top:20px}
.fleet-config-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.fleet-config-heading small{font-size:9px;letter-spacing:2px;color:#8baab4}
.fleet-config-heading h3{margin:4px 0;font-size:23px;font-weight:400;color:#e9d6a9}
.fleet-config-heading button{padding:10px 14px;border:1px solid #778566;min-height:42px;color:#d9d4b3}
.fleet-config-sides{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fleet-side{background:#10212b;border:1px solid #435e69;padding:16px;min-width:0}
.fleet-side[data-fleet-side="enemy"]{background:#211e1e;border-color:#65574e}
.fleet-side h4{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 12px;font-size:16px;font-weight:500}
.fleet-side h4 span{font-size:12px;color:#a8bcc2;font-weight:400}
.fleet-presets{display:flex;flex-wrap:wrap;gap:6px}
.fleet-presets button{flex:1 1 42%;border:1px solid #58717d;padding:7px 5px;min-height:36px;font-size:11px;color:#c7d7d9;background:#142935}
.fleet-total-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
.fleet-configuration label{font-size:11px;line-height:1.5;color:#abc1c9;min-width:0}
.fleet-configuration select,.fleet-configuration input{font:inherit;font-size:12px;color:#e6e9e3;background:#091822;border:1px solid #5a737d;border-radius:2px;min-height:38px;width:100%;padding:7px;margin-top:5px}
.fleet-configuration select:focus-visible,.fleet-configuration input:focus-visible{outline:2px solid #e3c785;outline-offset:2px}
.fleet-allocation{display:flex;flex-direction:column;gap:8px}
.fleet-allocation>article{display:grid;grid-template-columns:78px 66px minmax(90px,1fr) minmax(115px,1.2fr);gap:10px;align-items:center;border-top:1px solid #4c64694a;padding-top:10px}
.fleet-unit-heading strong,.fleet-unit-heading span{display:block}
.fleet-unit-heading strong{font-size:12px;color:#e3d5b2;font-weight:500}.fleet-unit-heading span{font-size:11px;color:#a7bcc6;margin-top:4px;font-variant-numeric:tabular-nums}
.fleet-allocation label>small{display:block;font-size:8px;color:#91a8b0;margin-top:3px;line-height:1.3}
.fleet-chief{display:flex;align-items:center;min-height:38px;margin-top:5px;font-size:11px;color:#c8cdb5}
.fleet-rules{display:flex;align-items:center;gap:20px;border:1px solid #6e704b;background:#2b2d2144;margin-top:16px;padding:13px 16px}
.fleet-rules label{min-width:270px}.fleet-rules p{margin:0;font-size:12px;line-height:1.8;color:#b5c2b7}
.fleet-config-note{font-size:11px;color:#8fa6b2;line-height:1.8;margin:13px 0 0}
.deployment-editor{scroll-margin-top:20px}.deploy-body{grid-template-columns:minmax(0,1fr) 240px}.deploy-controls label{font-size:12px}.deploy-controls select{font-size:12px;min-height:40px}
.deploy-controls input[type="range"]{min-height:30px}.deploy-heading h4{font-size:23px}
.war-launch{grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr) auto;gap:20px;padding:14px 0;position:static;box-shadow:none;scroll-margin-top:20px}
.war-launch-options{gap:9px}.war-objective p{font-size:12px}.war-launch .war-pause-option small{font-size:10px;max-width:none}
.war-portrait.atlas{display:block;flex-shrink:0;background-repeat:no-repeat;background-size:400% 200%;background-color:#18232c}
#battle-hud .captain-console{border-top:1px solid #5b727c66;border-bottom:1px solid #5b727c66;background:linear-gradient(100deg,#18303a,#0d1c27);padding:8px 13px}
.captain-status{display:flex;align-items:center;gap:10px;min-width:0}.captain-status>div{flex:1;min-width:0}
.captain-status small{display:block;font-size:10px;line-height:1.5;color:#9eb9c0;letter-spacing:.25px}
.captain-status strong{display:block;font-size:13px;font-weight:500;color:#eddbac;line-height:1.6}
.captain-status p{margin:0;font-size:11px;line-height:1.6;color:#bfd0d3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.captain-portrait{width:40px;height:47px;flex:0 0 40px;background-color:#233741;background-size:400% 200%;border:1px solid #76887d;background-repeat:no-repeat}
#captain-delegate{font-size:11px;padding:8px 12px;min-height:36px;border:1px solid #5f807e;color:#c0d7c9;white-space:nowrap}
.captain-readings{display:flex;align-items:center;gap:15px;margin-top:6px;font-size:10px;color:#8eacb7;font-variant-numeric:tabular-nums}
.captain-readings b{font-weight:500;color:#c4d8d9;margin-left:3px}.captain-readings b[data-hot="true"]{color:#efa68b}
#captain-contact{color:#abb9a8}.thrust-controls{display:flex;margin-left:auto;gap:3px}
.thrust-controls button{font-size:10px;padding:4px 10px;min-height:29px;border:1px solid #46616d;color:#a9c1ca;white-space:nowrap}
.thrust-controls button.active{border-color:#c3ac76;color:#ead6a8;background:#c5aa6730}.thrust-controls button.queued{border-bottom:2px solid #7dd4d4}
#captain-console[data-state="melee"],#captain-console[data-state="occluded"],#captain-console[data-state="cooling"]{border-left:3px solid #c28a62}
#battle-hud .unit-selector .unit-order{display:block;font-size:10px;line-height:1.45;color:#85aebc;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#battle-hud .unit-selector>button{min-height:65px}#battle-hud .unit-selector>button.active{background:#ceb8781d}
#battle-hud .command-wrap{width:min(1000px,100%);max-height:min(470px,calc(100dvh - 180px))}
#battle-hud .commands button{min-height:54px;padding:8px 5px}#battle-hud .commands strong{font-size:14px}
#battle-hud .command-guide.collapsed{min-height:32px;padding:5px 12px}
#finish-operation{grid-column:1/-1;color:#ead2a2;border:1px solid #ac915a;padding:7px 10px;font-size:11px;text-align:center;background:#4e422966;min-height:35px}
#faction-music-dock{position:fixed;right:20px;top:185px;width:356px;z-index:22;background:#0a1722;border:1px solid #a68e5b;box-shadow:0 10px 45px #000b;pointer-events:auto}
#faction-music-dock iframe{display:block;border:0;width:100%;height:200px;min-height:200px}
#faction-music-dock .faction-player-header{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:11px;color:#c6d6d9}
#faction-music-dock button{padding:6px 9px;font-size:11px;border:1px solid #59737a;min-height:32px}
#faction-music-dock p{margin:8px 10px;font-size:10px;line-height:1.5;color:#a6bdc6}
#faction-music-dock a{font-size:10px}
@media(min-width:1100px){
 #battle-hud .battle-head{max-width:380px}#battle-hud .battle-head p{font-size:12px}#battle-hud .chapter-label{font-size:10px}
 #battle-hud .view-controls button{min-height:40px;font-size:13px;padding:7px 15px}
 #battle-hud .planning-banner{min-height:46px}#battle-hud .planning-banner strong{font-size:11px}
 .war-duel{gap:24px}.sandbox-command{padding:18px 22px}.war-commander p{font-size:12px;line-height:1.65}
}
@media(max-width:1100px){
 .fleet-config-sides{grid-template-columns:1fr}.fleet-allocation>article{grid-template-columns:100px 80px minmax(100px,1fr) minmax(160px,1.2fr)}
 .war-launch{grid-template-columns:minmax(0,1fr) auto}.war-launch-options{grid-column:1}.war-launch>.primary-button{grid-column:2;grid-row:1/3}
 #faction-music-dock{right:14px;top:170px;width:356px}
}
@media(max-width:760px){
 #modal:has(.war-room){width:calc(100vw - 14px);max-height:96dvh}.fleet-config-heading h3{font-size:19px}.fleet-config-heading button{font-size:10px;padding:7px 9px}
 .fleet-side{padding:12px}.fleet-side h4{font-size:14px}.fleet-side h4 span{font-size:10px}
 .fleet-allocation>article{grid-template-columns:72px 58px minmax(80px,1fr);gap:8px}.fleet-allocation>article>label:last-child{grid-column:2/4}.fleet-allocation>article>label:last-child select{margin-top:2px}.fleet-chief{min-height:25px}
 .fleet-configuration select{font-size:11px}.fleet-rules{display:block;padding:12px}.fleet-rules label{display:block;min-width:0}.fleet-rules p{margin-top:10px;font-size:10px}
 .fleet-config-note{font-size:10px}.deploy-body{grid-template-columns:1fr}.deploy-controls{grid-template-columns:1fr 1fr}.deploy-heading h4{font-size:18px}
 .captain-portrait{width:30px;height:37px;flex-basis:30px}.captain-status strong{font-size:11px}.captain-status small{font-size:8px}.captain-status p{font-size:9px}
 #battle-hud .captain-console{padding:6px 9px}#captain-delegate{font-size:9px;padding:5px 6px;min-height:31px}
 .captain-readings{gap:8px;flex-wrap:wrap;font-size:9px}.thrust-controls{margin-left:auto}.thrust-controls button{font-size:9px;padding:3px 7px;min-height:27px}
 #captain-contact{display:none}#battle-hud .unit-selector .unit-order{font-size:8px}#battle-hud .unit-selector>button{padding:5px;min-height:54px}
 #battle-hud .command-wrap{max-height:calc(100dvh - 220px)}#battle-hud .commands strong{font-size:12px}
 #faction-music-dock{top:145px;right:8px;width:min(356px,calc(100vw - 16px))}
 .custom-sections{gap:5px}.custom-sections a{font-size:10px;padding:8px 10px}
}
@media(max-height:600px) and (orientation:landscape){
 #battle-hud .command-wrap{max-height:100%;width:100%}.captain-status p{display:none}.captain-status strong{font-size:10px}.captain-portrait{width:27px;height:32px;flex-basis:27px}
 .captain-readings{gap:7px;font-size:8px;flex-wrap:wrap}.thrust-controls button{font-size:8px;min-height:24px;padding:3px 5px}#battle-hud .unit-selector>button{min-height:42px}
 #battle-hud .commands button{min-height:38px}.captain-status small{font-size:8px}#battle-hud .captain-console{padding:5px 8px}#captain-contact{display:none}
 #faction-music-dock{top:70px;left:12px;right:auto;width:356px}
}

.war-portrait.atlas{width:84px;height:84px}.war-portrait.atlas.large{width:110px;height:110px}.commander-atlas{display:block;width:46px;height:46px;flex:0 0 46px;background-size:400% 200%;border:1px solid #6f8689;background-color:#152631}.captain-portrait{width:42px;height:42px;flex-basis:42px}
@media(max-width:760px){.war-portrait.atlas{width:58px;height:58px}.commander-atlas{width:36px;height:36px;flex-basis:36px}.captain-portrait{width:32px;height:32px;flex-basis:32px}}

.fleet-keep-formation{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 13px}.fleet-keep-formation input[type=checkbox]{width:15px;min-height:15px;margin:0;accent-color:#d4bd85}.fleet-keep-formation small{font-size:9px;color:#8fa8b2}.fleet-keep-formation input:focus-visible{outline-offset:3px}