/* Compact room oxygen and module integrity readouts alongside the ship. */
.ship-stage{display:flex;flex:1;min-height:0;min-width:0;position:relative;overflow:hidden}
.ship-stage>.deck-wrap{flex:1;min-width:0;min-height:0;height:auto}
:is(#oxygen-manifest,#oxygen-manifest-right){flex:0 0 142px;width:142px;min-height:0;overflow-y:auto;scrollbar-width:thin;padding:6px;background:#101c25;border-right:1px solid #354650}
:is(#oxygen-manifest,#oxygen-manifest-right) header{display:flex;align-items:baseline;justify-content:space-between;gap:4px;margin:0 2px 7px;color:#c6d3d8;font:600 11px/1.4 "Segoe UI",sans-serif}
:is(#oxygen-manifest,#oxygen-manifest-right) header span{font-size:10px;font-weight:400;color:#81959e}
.oxygen-cards{display:flex;flex-direction:column;gap:2px}
.oxygen-card{--air:#82b5a5;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 5px;align-items:center;padding:2px 6px;background:#1a2932;border:0;border-left:2px solid #49645f;border-radius:0;color:#bbcbd1;font-family:"Segoe UI",sans-serif;min-width:0}
.oxygen-card>span{font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oxygen-card>strong{font-size:12px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;color:#b9d4ca}
.oxygen-card small{font-size:10px;font-weight:400;margin-left:1px;color:#819e96}
.oxygen-level{grid-column:1/-1;height:2px;background:#30414a;overflow:hidden}
.oxygen-level i{display:block;height:100%;background:var(--air);opacity:.65}
.oxygen-card.low{--air:#dfba73;border-left-color:var(--air);background:#2a2921}
.oxygen-card.danger{--air:#e39483;border-left-color:var(--air);background:#302329}
.oxygen-card.low>strong,.oxygen-card.danger>strong{color:var(--air)}
.oxygen-card>b{grid-column:1/-1;font-size:9px;font-weight:600;line-height:1.2;color:var(--air)}
@media(max-width:650px){:is(#oxygen-manifest,#oxygen-manifest-right){flex-basis:116px;width:116px;padding:6px 4px}:is(#oxygen-manifest,#oxygen-manifest-right) header span{display:none}.oxygen-card{padding:2px 4px}.oxygen-card>span{font-size:10px}}
.oxygen-card{padding-top:5px;padding-bottom:5px;gap:3px 5px}
.oxygen-card .detail-room-name{grid-column:1/-1;font-weight:600;color:#e0e6e8;margin-bottom:1px}
.detail-metric{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;font-size:10px;line-height:1.2}
.detail-metric strong{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--air)}
.integrity{--integrity:#9abedb}
.integrity.damaged,.integrity-level.damaged{--integrity:#dfba73}
.integrity.critical,.integrity-level.critical{--integrity:#e39483}
.detail-metric.integrity strong{color:var(--integrity)}
.integrity-level{--integrity:#9abedb;grid-column:1/-1;height:2px;background:#30414a;overflow:hidden}
.integrity-level i{display:block;height:100%;background:var(--integrity);opacity:.8}
.oxygen-card .module-fault{color:#e39483}

/* During battle, divide the room manifest around the ship instead of scrolling. */
#oxygen-manifest-right{border-right:0;border-left:1px solid #354650}
.ship-stage:has(#oxygen-manifest-right:not([hidden])){min-height:160px}
.ship-stage:has(#oxygen-manifest-right:not([hidden])) :is(#oxygen-manifest,#oxygen-manifest-right){flex-basis:148px;width:148px;overflow:visible;padding:4px}
.ship-stage:has(#oxygen-manifest-right:not([hidden])) .oxygen-cards{gap:3px}
.ship-stage:has(#oxygen-manifest-right:not([hidden])) header{margin-bottom:4px;font-size:10px}
.ship-stage:has(#oxygen-manifest-right:not([hidden])) .oxygen-card{padding:3px 4px;gap:2px 5px;grid-template-columns:1fr 1fr}
.ship-stage:has(#oxygen-manifest-right:not([hidden])) .detail-room-name{font-size:10px;line-height:12px;margin:0}
.ship-stage:has(#oxygen-manifest-right:not([hidden])) .detail-metric{grid-column:1;grid-row:2;font-size:9px;gap:2px}
.ship-stage:has(#oxygen-manifest-right:not([hidden])) .detail-metric.integrity{grid-column:2}
.ship-stage:has(#oxygen-manifest-right:not([hidden])) .detail-metric strong{font-size:10px}
.ship-stage:has(#oxygen-manifest-right:not([hidden])) .oxygen-level{grid-column:1;grid-row:3}
.ship-stage:has(#oxygen-manifest-right:not([hidden])) .integrity-level{grid-column:2;grid-row:3}
.ship-stage:has(#oxygen-manifest-right:not([hidden])) .oxygen-card>b{font-size:8px;line-height:9px}

.ship-stage:has(#oxygen-manifest-right:not([hidden])) .oxygen-card{padding:2px 4px;gap:1px 5px}
.ship-stage:has(#oxygen-manifest-right:not([hidden])) .detail-room-name{line-height:10px}
.ship-stage:has(#oxygen-manifest-right:not([hidden])) .detail-metric,.ship-stage:has(#oxygen-manifest-right:not([hidden])) .detail-metric strong{line-height:11px}
.ship-stage:has(#oxygen-manifest-right:not([hidden])) .oxygen-card>b{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.detail-group{margin:0 0 4px}.detail-group:last-child{margin-bottom:0}
.detail-group h3{font:600 10px/13px Consolas,monospace!important;margin:0 0 3px;color:#e6c585;text-transform:uppercase;letter-spacing:.5px}
.detail-group[aria-label="critical systems"] h3{color:#f2a08f}
.ship-stage:has(#oxygen-manifest-right:not([hidden])) .detail-group h3{font-size:9px!important;line-height:11px;margin-bottom:2px}
.ship-stage:has(#oxygen-manifest-right:not([hidden])) .detail-group{margin-bottom:2px}
.ship-stage:has(#oxygen-manifest-right:not([hidden])) .detail-group:last-child{margin-bottom:0}