@media (min-width: 1024px) and (max-width: 1439px) {
  .gamePage .brand h1 { font-size: 18px; }
  .gamePage .accountCluster { gap: 7px; }
  .gamePage .wallet { min-width: 112px; }
}

@media (min-width: 2400px) and (min-height: 1200px) {
  .actionDeck {
    transform: scale(1.2);
    transform-origin: bottom center;
  }

  .gamePage .topbar { transform: scale(1.15); transform-origin: top center; }
}

@media (max-width: 1023px) {
  .gamePage .gameUtilityMenu > summary { display: grid; }
  .gameUtilityPanel { max-height: calc(100dvh - 84px); overflow: auto; }
  .game.has-pixi-scene[data-camera-mode="focused"] .mobileStreetNav { display: grid; }
  .game.has-pixi-scene .buildingValue { font-size: 8px; }
  .game.has-pixi-scene .streetWrap { touch-action: pan-y; }
}

@media (max-width: 767px) {
  .gamePage .brand h1 { font-size: 17px; }
  .gamePage .wallet { min-width: 96px; }
  .gamePage .wallet span { display: none; }
  .gamePage .wallet::before {
    display: block;
    margin-bottom: 1px;
    content: "Demo";
    color: var(--game-muted);
    font: 800 7px/1 var(--utility);
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .mobileStreetPosition { font-size: 8px; }
}

@media (max-width: 420px) {
  .gamePage .wallet { min-width: 88px; }
  .gamePage .wallet strong { font-size: 14px; }
}

@media (orientation: landscape) and (max-height: 500px) and (max-width: 1023px) {
  .app.mobile-run-active .topbar { display: none; }
  .gamePage .gameUtilityMenu > summary { min-width: 44px; min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  .gamePage { scroll-behavior: auto; }
}