/* A larger shared battlefield, with compact tactical controls and readable reports. */
@media(min-width:901px){main:has(.battle-theatre:not([hidden])){grid-template-rows:64px 280px minmax(380px,1fr) auto}.battle-theatre canvas{height:100%}}
.battle-theatre{min-width:0}.battle-theatre canvas{display:block;cursor:crosshair;width:100%}
body[data-status=combat] .contact-visual,body[data-status=victory] .contact-visual{display:none}
.target-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:8px}
.target-buttons button{display:flex;justify-content:space-between;gap:3px;text-align:left;position:relative;font:11px/1.3 Consolas,monospace;padding:7px 5px 9px;overflow:hidden}
.target-buttons button b{font-size:10px;font-weight:normal;color:#bed8d7}
.target-buttons button i{position:absolute;left:0;bottom:0;height:2px;background:#89cdb9}
.target-purpose{font:11px/1.4 'Segoe UI',sans-serif!important;color:#e1d5b3!important;min-height:32px;margin:6px 0!important}
.enemy-intent{border:1px solid #64777c;padding:7px;background:#14242d;margin-top:6px}
.enemy-intent strong{font:11px/1.4 Consolas,monospace;color:#a3e1d1}.enemy-intent .meter{margin:5px 0}
.enemy-intent small{font:10px/1.4 'Segoe UI',sans-serif;color:#b5c7cf;display:block}.enemy-intent.missile{border-color:#bc927b}.enemy-intent.missile strong{color:#efba92}.enemy-intent.missile .meter i{background:#dda67f}
.fire-modes{display:flex;gap:4px;margin:7px 0}.fire-modes button{font:11px Consolas,monospace;padding:6px 3px;flex:1;box-shadow:none}
.fire-modes button[aria-pressed=true]{background:#d5b779;border-color:#f6dfae;color:#15222c}
#fire-mode-hint{display:block;font:11px/1.4 'Segoe UI',sans-serif;color:#d5d4c7;margin:6px 0 9px}
.weapon-card p{font-size:10px;margin:6px 0}.enemy-name{font-size:15px!important;margin:5px 0!important}
@media(max-width:900px){.battle-theatre canvas{height:270px}.contact-panel #contact-details{grid-row:2/4}.contact-panel .weapon-card{align-self:start}.contact-panel .escape-button{grid-row:4}}
@media(max-width:600px){.battle-theatre canvas{height:280px}.target-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:901px){
 main:has(.battle-theatre:not([hidden])){grid-template-columns:180px minmax(0,1fr) 310px;grid-template-rows:64px 260px minmax(310px,1fr) auto}
 main:has(.battle-theatre:not([hidden]))>.overview{grid-column:1/-1;grid-row:1}
 main:has(.battle-theatre:not([hidden]))>.battle-theatre{grid-column:1/3;grid-row:2}
 main:has(.battle-theatre:not([hidden]))>.command-grid{display:contents}
 main:has(.battle-theatre:not([hidden])) .crew-panel{grid-column:1;grid-row:3}
 main:has(.battle-theatre:not([hidden])) .ship-panel{grid-column:2;grid-row:3}
 main:has(.battle-theatre:not([hidden])) .contact-panel{grid-column:3;grid-row:2/4;height:auto;max-height:none}
 main:has(.battle-theatre:not([hidden]))>.lower-grid{grid-column:1/-1;grid-row:4}
}
body[data-status=combat] #combat-contact .contact-visual,body[data-status=victory] #combat-contact .contact-visual{display:none}
#combat-contact .target-buttons button{padding:7px 5px 9px}
#combat-contact .weapon-card .eyebrow,#combat-contact .weapon-card>p{display:none}
#combat-contact .weapon-name{margin:3px 0 6px}
#combat-contact .weapon-card{padding:6px;margin:2px 12px 5px}
#combat-contact .target-purpose{margin:5px 0!important;min-height:28px}
#combat-contact .enemy-intent{margin-top:4px;padding:5px}
#combat-contact .enemy-name{margin:0 0 4px!important}
#combat-contact .target-buttons{margin-top:6px;gap:4px}
#combat-contact .target-buttons button{padding:5px 5px 7px}
.contact-panel[data-mode=combat] .system-location{padding:5px 12px}
.contact-panel[data-mode=combat] .system-location h2{font-size:15px;margin:1px 0}
.contact-panel[data-mode=combat] .contact-navigation{padding:6px 12px}
.contact-panel[data-mode=combat] .jump-drive{margin:0 0 5px}
.contact-panel[data-mode=combat] #jump-drive-detail{display:none}
#combat-contact .fire-modes{margin:5px 0}#combat-contact .fire-modes button{padding:5px 3px}
#combat-contact #fire-mode-hint{margin:4px 0 6px;font-size:10px;line-height:1.35}