/* Scale the complete cockpit together; browser/OS scaling already changes its CSS viewport. */
:root{--ui-scale:1;--view-width:100vw;--view-height:100dvh}
html{zoom:var(--ui-scale)}body{height:var(--view-height);min-height:0}
body dialog{max-width:calc(var(--view-width) - 24px);max-height:calc(var(--view-height) - 24px)}
#chart-window{width:min(1140px,calc(var(--view-width) - 32px));height:min(680px,calc(var(--view-height) - 48px));min-width:min(520px,calc(var(--view-width) - 32px));min-height:min(360px,calc(var(--view-height) - 48px));max-width:calc(var(--view-width) - 24px);max-height:calc(var(--view-height) - 24px)}
#crew-file-dialog{max-height:calc(var(--view-height) - 28px)}
#crew-file-content{max-height:calc(var(--view-height) - 130px)}
#store-dialog{width:min(1240px,calc(var(--view-width) - 32px));max-height:calc(var(--view-height) - 24px)}
#welcome-screen{max-height:calc(var(--view-height) - 32px)}
@media(max-width:900px){body{height:auto;min-height:100dvh}}
.contact-panel[data-mode=combat] .system-location{flex-wrap:nowrap;min-height:22px}
.contact-panel[data-mode=combat] .system-location #system-name{flex:none;white-space:nowrap}
.contact-panel[data-mode=combat] .system-location #system-description{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-panel[data-mode=combat] .system-location #system-resources{display:none}
@media(min-width:901px) and (max-height:760px){#individual-weapons .individual-weapon{padding-top:3px;padding-bottom:3px}#individual-weapons{gap:3px}}

@media(min-width:901px){main:has(#oxygen-manifest-right:not([hidden])){grid-template-rows:minmax(125px,.65fr) minmax(308px,1fr) auto}}
.ship-stage:has(#oxygen-manifest-right:not([hidden])){min-height:148px}
@media(min-width:901px){main:has(#oxygen-manifest-right:not([hidden])){grid-template-rows:minmax(110px,.6fr) minmax(350px,1fr) auto}}
.ship-stage:has(#oxygen-manifest-right:not([hidden])){min-height:190px}