/* Hangar owns one scroll region. Navigation and launch actions stay outside it. */
.hangar-header { flex: none; }
.hangar-ready .hangar-header h2 { font: 700 24px/1.1 var(--font-ui); letter-spacing: .025em; }
.hangar-ready .hangar-caption { margin: 4px 0 10px; }
.hangar-ready .hangar-tabs { position: static; margin-bottom: 16px; }
.hangar-ready .loadout-scroll { flex: 1 1 auto; padding: 0 2px 8px; }
.hangar-ready .loadout-equipment { min-height: 0; margin: 0; }
.hangar-ready .hangar-selector { flex: none; }
.hangar-ready .loadout-fire-help { display: none; }
.hangar-ready .hangar-thumbnails { margin-top: 8px; }
#hangar-weapon-preview { margin-top: 12px; }
#hangar-weapon-preview canvas { max-height: 130px; }
#hangar-weapon-preview .flight-preview-label { display: none; }
#hangar-weapon-preview .flight-preview-play { margin-top: 8px; }
#hangar-weapon-preview figcaption { font-size: 13px; }
#premium-hangar.hangar-pane { padding: 0; }
#premium-hangar > h3 { display: none; }
#premium-hangar .premium-showroom { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); align-items: start; gap: 32px; padding: 8px 0 0; }
.cosmetics-gallery { min-width: 0; align-self: center; }
#premium-hangar .premium-stage { width: min(100%, 390px); height: auto; max-height: none; aspect-ratio: 1; margin: 0 auto; background-size: contain !important; background-repeat: no-repeat; }
#premium-hangar .premium-stage::after { display: none; }
#premium-hangar .premium-modes { justify-content: center; flex-wrap: nowrap; gap: 0; margin-top: 8px; }
#premium-hangar .premium-modes button { flex: 1; padding: 8px 4px; font: 500 14px var(--font-ui); text-transform: capitalize; }
#premium-hangar .premium-copy { display: flex; flex-direction: column; }
#premium-hangar .premium-access { font: 500 13px/1.4 var(--font-ui); letter-spacing: .035em; }
#premium-hangar .premium-name { font: 700 clamp(30px, 3vw, 42px)/1.1 var(--font-ui); letter-spacing: .02em; margin: 8px 0 10px; }
#premium-hangar .premium-description { font: 400 16px/1.45 var(--font-ui); margin: 0; max-width: 48ch; min-height: 47px; }
#premium-hangar .premium-hulls { gap: 6px; margin: 18px 0 14px; grid-template-columns: repeat(5, minmax(0, 1fr)); }
#premium-hangar .premium-hulls button { padding: 6px 2px 9px; min-height: 96px; background: transparent; border-color: transparent; border-bottom-color: var(--line); }
#premium-hangar .premium-hulls button:hover { background: var(--panel); }
#premium-hangar .premium-hulls button[aria-pressed=true] { background: #132935; border-color: var(--premium-accent); }
#premium-hangar .premium-hulls canvas { width: 58px; height: 58px; }
#premium-hangar .premium-hulls span { font: 600 13px/1.4 var(--font-ui); }
#premium-hangar .premium-hulls small { display: none; }
#premium-hangar .premium-collection-tools { margin: 0; }
.cosmetics-finish-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0 14px; }
#premium-hangar .premium-finish-status { margin: 0; font: 500 15px/1.4 var(--font-ui); color: var(--text); max-width: none; }
#premium-hangar .premium-finishes { flex-wrap: nowrap; gap: 4px; }
#premium-hangar .premium-finishes button { width: 44px; height: 44px; min-width: 44px; padding: 10px; justify-content: center; background: transparent; border-color: transparent; }
#premium-hangar .premium-finishes button[aria-pressed=true] { border-color: var(--premium-accent); }
#premium-hangar .premium-finishes button:hover { border-color: var(--line-hi); }
#premium-hangar .premium-finishes i { width: 22px; height: 22px; transform: none; border-radius: 50%; }
#premium-hangar .premium-trial-note { font: 400 13px/1.4 var(--font-ui); color: var(--dim); margin: 0 0 8px; }
#premium-hangar .premium-actions { margin: 0; gap: 8px; flex-wrap: wrap; }
#premium-hangar .premium-actions .mbtn { font: 600 14px var(--font-ui); min-height: 46px; margin: 0; letter-spacing: .04em; flex: 1; }
#premium-hangar .premium-actions [hidden] { display: none; }
#premium-hangar .premium-base { font: 400 13px/1.4 var(--font-ui); color: var(--dim); margin: 10px 0 8px; }
.cosmetics-links { display: flex; flex-wrap: wrap; gap: 6px 24px; }
.cosmetics-links button { font: 500 14px var(--font-ui); color: var(--text); min-height: 44px; padding: 8px 0; border: 0; background: none; cursor: pointer; }
.cosmetics-links button:hover { color: var(--cyan); }
.cosmetics-mastery-dialog { margin: auto; width: min(520px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 24px; color: var(--text); background: #08121c; border: 1px solid var(--line-hi); overflow-y: auto; }
.cosmetics-mastery-dialog::backdrop { background: #02070ddb; }
.cosmetics-mastery-dialog .dialog-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.cosmetics-mastery-dialog h2 { font: 600 25px var(--font-ui); letter-spacing: 0; margin: 0; }
.cosmetics-mastery-dialog .mbtn { min-height: 44px; margin: 0; padding: 8px 16px; }
.cosmetics-mastery-dialog p, .cosmetics-mastery-dialog .premium-mastery > span { font: 400 15px/1.5 var(--font-ui); color: var(--dim); }
.cosmetics-mastery-dialog .premium-mastery { margin: 24px 0; gap: 18px; padding: 0; border: 0; }
.cosmetics-mastery-dialog .premium-mastery strong { display: none; }
.cosmetics-mastery-dialog .premium-mastery label { font: 500 14px/1.5 var(--font-ui); }
.cosmetics-mastery-dialog .premium-mastery b { font: 500 13px/1.6 var(--font-ui); }
.cosmetics-mastery-dialog progress { height: 5px; }
@media (min-width: 1101px) and (max-height: 820px) {
  #loadout .loadout-panel.hangar-ready { padding: 16px 24px; }
  .hangar-ready .hangar-ship .hangar-item-copy { padding: 6px 8px; }
  #loadout .hangar-ready .hangar-ship canvas.ship-mini { width: 180px; height: 180px; }
  .hangar-ready .hangar-ship .car-center { background-size: auto 200px; }
  .hangar-ready .hangar-thumb, .hangar-ready .hangar-thumb:not(.locked) { min-height: 62px; }
  #hangar-weapon-preview canvas { max-height: 105px; }
  #premium-hangar .premium-stage { width: min(100%, 340px); }
  #premium-hangar .premium-showroom { padding-top: 0; gap: 24px; }
}
@media (min-width: 651px) and (max-width: 1100px) {
  #premium-hangar .premium-showroom { gap: 20px; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); }
  .cosmetics-finish-row { flex-wrap: wrap; gap: 8px; }
}
@media (max-width: 650px) {
  .hangar-ready .hangar-header h2 { font-size: 21px; }
  .hangar-ready .hangar-caption { display: none; }
  .hangar-ready .hangar-tabs { margin: 8px 0 12px; }
  #premium-hangar .premium-showroom { display: flex; flex-direction: column; gap: 18px; padding: 0 0 12px; }
  .cosmetics-gallery, #premium-hangar .premium-copy { width: 100%; }
  #premium-hangar .premium-stage { width: min(100%, 190px); }
  #premium-hangar .premium-modes { margin: 0; }
  #premium-hangar .premium-modes button { font-size: 13px; }
  #premium-hangar .premium-name { font-size: 30px; margin: 6px 0; }
  #premium-hangar .premium-description { font-size: 15px; min-height: 0; }
  #premium-hangar .premium-hulls { margin: 14px 0 8px; gap: 4px; }
  #premium-hangar .premium-hulls canvas { width: 46px; height: 46px; }
  #premium-hangar .premium-hulls button { min-height: 64px; }
  #premium-hangar .premium-hulls span { display: none; }
  .cosmetics-finish-row { flex-wrap: wrap; gap: 6px; }
  #premium-hangar .premium-finish-status { max-width: none; }
  .cosmetics-mastery-dialog { padding: 18px; }
  .cosmetics-mastery-dialog .premium-mastery b { float: none; display: block; }
}
/* Very short landscape phones (≤360px tall): keep a usable equipment scroll area. */
@media (orientation: landscape) and (max-height: 360px) {
  #loadout .loadout-panel.hangar-ready { padding: 6px 12px; }
  .hangar-ready .hangar-header h2 { font-size: 18px; }
  .hangar-ready .hangar-caption { display: none; }
  .hangar-ready .hangar-tabs { margin: 4px 0 6px; }
  .hangar-tabs button { min-height: 36px; padding: 6px 6px; font-size: 14px; }
  .hangar-ready .loadout-scroll { padding-bottom: 4px; }
  .hangar-ready .loadout-actions { padding-top: 6px; gap: 6px; }
}