/* Match the approved desktop reference at normal browser zoom.
   Scale content boxes rather than the body so the hangar background and
   fixed modal backdrop keep covering the viewport. Home is unchanged. */
@media (min-width: 1024px) {
  :root { --game-ui-scale: .85; }
  body:is([data-page="mint"], [data-page="planes"], [data-page="wallet"]) > header,
  body:is([data-page="mint"], [data-page="planes"], [data-page="wallet"]) > main,
  body:is([data-page="mint"], [data-page="planes"], [data-page="wallet"]) > footer,
  .overlay > .dialog {
    zoom: var(--game-ui-scale);
  }
  .overlay > .dialog {
    max-height: calc((100dvh - 80px) / var(--game-ui-scale));
    max-width: min(var(--compact-dialog-width, 650px), calc((100vw - 48px) / var(--game-ui-scale)));
  }
  .overlay > .dialog.wide-dialog { --compact-dialog-width: 1140px; }
  .overlay > .dialog.choose-dialog { --compact-dialog-width: 850px; }
  .overlay > .dialog.reveal-dialog { --compact-dialog-width: 760px; }
  .overlay > .dialog.flight-dialog { --compact-dialog-width: 1030px; }
}
@media (min-width: 1280px) {
  :root { --game-ui-scale: .75; }
}
/* Tablet and mobile keep their existing readable type and touch targets. */