/* One aligned instrument strip; its height is owned by the content. */
#system-resources{display:block;font:10px/1.5 Consolas,monospace;color:var(--muted);margin:5px 0}
.transport{flex-wrap:wrap}
.transport #sim-time{white-space:nowrap;font:10px Consolas,monospace;color:var(--text)}
.overview{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,840px);align-items:center;gap:16px;padding:7px 10px;min-height:78px;margin:0}
.overview>div:first-child{min-width:0}
.overview h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.overview .readouts{display:grid;grid-template-columns:minmax(94px,1fr) 292px minmax(70px,.8fr) repeat(3,minmax(76px,.85fr));gap:6px;align-items:stretch;margin:0;width:100%}
.overview .readouts>div,.overview .readouts>button{min-width:0;min-height:62px;height:62px;margin:0;padding:7px 9px;box-sizing:border-box;border:1px solid #455b6d;background:#14212e;text-align:left;box-shadow:none}
.overview .readouts>div>span,.overview .readouts>button[data-cargo]>span{display:block;font:10px/12px Consolas,monospace;letter-spacing:.6px;white-space:nowrap}
.overview .readouts>div>strong,.overview .readouts>button[data-cargo]>strong{font:600 22px/25px Consolas,monospace;margin:2px 0 0}
.overview .readouts .meter{margin-top:3px}
.overview .readouts #open-shields{width:100%;min-width:0;height:62px;min-height:62px;padding:6px 0}
.masthead{height:auto;min-height:44px;display:flex;align-items:center;padding:5px 12px;gap:18px}
.masthead nav{margin-left:auto;min-width:0;align-items:center;gap:4px}
.masthead nav button{white-space:nowrap}
@media(min-width:901px){main{grid-template-rows:auto minmax(0,1fr) auto}main:has(.battle-theatre:not([hidden])){grid-template-rows:auto 150px minmax(300px,1fr) auto}}
@media(min-width:901px) and (max-width:1200px){.overview{grid-template-columns:minmax(140px,1fr) minmax(0,760px);gap:8px}.overview .readouts{grid-template-columns:minmax(85px,1fr) 270px minmax(65px,.8fr) repeat(3,minmax(66px,.85fr))}.overview .readouts>div,.overview .readouts>button{padding-left:6px;padding-right:6px}}
@media(max-width:900px){.overview{grid-template-columns:1fr;gap:7px}.overview .readouts{grid-template-columns:minmax(85px,1fr) 270px minmax(65px,.8fr) repeat(3,minmax(66px,.85fr))}.masthead{flex-wrap:wrap}.masthead nav{flex-wrap:wrap}.overview .readouts #open-shields{width:100%}}
@media(max-width:700px){.overview .readouts{grid-template-columns:repeat(3,minmax(0,1fr))}.overview .readouts #open-shields{grid-column:span 2}.overview .readouts>div:nth-child(3){grid-column:1/-1;min-height:45px;height:45px;display:flex;align-items:center;gap:12px}.masthead nav{margin-left:0;justify-content:flex-start;width:100%}}
.overview .readouts #open-shields{padding:5px 0}
#open-shields .defence-label{font-size:10px;line-height:11px}
#open-shields .defence-number{margin:1px 0;line-height:23px}
#open-shields .defence-number strong{font-size:22px;line-height:23px}
#open-shields .defence-half>small{line-height:11px}
#open-shields .defence-meter{height:2px;margin-top:3px}