#shield-dialog{width:min(720px,calc(100% - 28px));max-width:720px;max-height:calc(100dvh - 28px);padding:24px;background:#172330}
#shield-dialog h2{margin:10px 0;font-size:26px}
#shield-dialog p{font:14px/1.55 'Segoe UI',sans-serif;color:#d7e1e7}
.shield-telemetry{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.shield-telemetry section{border:1px solid #49717d;background:#101d29;padding:14px}
.shield-telemetry h3{font:12px Consolas,monospace;color:#94e5ed;margin:0 0 10px}
.shield-telemetry strong{font:20px Consolas,monospace;color:#bbf7ff}
.shield-telemetry small{display:block;margin-top:9px;font:12px/1.5 'Segoe UI',sans-serif;color:#c4d5df}
.shield-telemetry .gravity-telemetry{border-color:#78628f}.gravity-telemetry h3,.gravity-telemetry strong{color:#d7b8ff}.gravity-telemetry .meter i{background:#b18cde}
#shield-dialog .shield-condition{border-left:2px solid #f4cf8b;padding:7px 12px;background:#f4cf8b09}
#shield-dialog .shield-footnote{font-size:12px;color:#bacbd6}
@media(max-width:600px){.shield-telemetry{grid-template-columns:1fr}#shield-dialog{padding:18px}}
.defence-allocation{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0}
.defence-allocation button{width:32px;height:30px;font-size:20px;padding:0;box-shadow:none}.defence-allocation span{font:13px Consolas,monospace;color:#e4ebdf}
.gravity-curve{margin-top:16px;padding:12px;border:1px solid #5e536b;background:#121c29}
.gravity-curve>strong{font:12px Consolas,monospace;color:#dbcae8}.gravity-curve>div{display:flex;gap:6px;margin:9px 0}.gravity-curve span{flex:1;font:11px Consolas,monospace;text-align:center;padding:6px 3px;border:1px solid #3b4254;color:#aebacb}.gravity-curve b{display:block;color:#d3b6e9;margin-top:4px}.gravity-curve .current{border-color:#bb9bdc;background:#30283e}.gravity-curve small{font:11px/1.4 'Segoe UI',sans-serif;color:#bec8d5}

/* Equal-width energy and gravity instruments, sharing one defence popup. */
.overview .readouts #open-shields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:292px;min-width:292px;flex-shrink:0;padding:4px 0;text-align:left}
#open-shields .defence-half{display:block;min-width:0;padding:0 10px;--defence-accent:#a6edf1}
#open-shields .gravity-summary{border-left:1px solid #536273;--defence-accent:#d7b8ff}
#open-shields .defence-label{display:flex;justify-content:space-between;font:11px/1.1 Consolas,monospace;letter-spacing:1px;color:var(--defence-accent)}
#open-shields .defence-label i{font-style:normal;opacity:.8}
#open-shields .defence-label>span{display:inline;white-space:nowrap;font:inherit;letter-spacing:inherit;color:var(--defence-accent)}
#open-shields .defence-label .shield-label{display:inline;font:inherit;letter-spacing:inherit;color:#c6d2de}
#open-shields .defence-number{display:flex;align-items:baseline;gap:5px;margin:2px 0;letter-spacing:0}
#open-shields .defence-number strong{display:block;margin:0;font:600 22px/1.05 Consolas,monospace;color:var(--defence-accent)}
#open-shields .defence-number small{font:10px/1 Consolas,monospace;color:#ced8e1}
#open-shields .defence-half>small{display:block;font:10px/1.2 Consolas,monospace;color:#c6d2de;white-space:nowrap}
#open-shields .defence-meter{display:block;height:3px;margin-top:4px;background:#334150}
#open-shields .defence-meter i{display:block;height:100%;background:var(--defence-accent)}
@media(min-width:601px) and (max-width:1100px){.overview .readouts #open-shields{width:270px;min-width:270px}#open-shields .defence-half{padding:0 8px}}
@media(max-width:600px){.overview .readouts #open-shields{grid-column:span 2;width:auto;min-width:0}#open-shields .defence-half{padding:0 6px}#open-shields .defence-label{font-size:10px;letter-spacing:.5px}#open-shields .defence-number{gap:3px}#open-shields .defence-number strong{font-size:18px}#open-shields .defence-number small,#open-shields .defence-half>small{font-size:9px}}

#open-shields .defence-heading{grid-column:1/-1;display:block;padding:0 10px 4px;font:10px/12px 'Stars Display',Consolas,monospace;letter-spacing:1px;text-transform:uppercase;color:#ced8e1}
#open-shields .defence-half[hidden]{display:none}
#open-shields:has(.defence-half[hidden]) .defence-half:not([hidden]){grid-column:1/-1;border-left:0}