/* Phone landscape: keep the road visible between the two thumb controls. */
@media (orientation:landscape) and (max-height:480px) {
  .touch-device.playing #hud {
    top:calc(58px + env(safe-area-inset-top,0px));
    left:50%;right:auto;width:296px;transform:translateX(-50%);
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px;
  }
  .touch-device.playing .driver-card,.touch-device.playing .progress-card{padding:8px 14px;align-self:start}
  .touch-device.playing .vehicle-thumbnail{display:none}
  .touch-device.playing .driver-info strong{font-size:15px;line-height:1.1}
  .touch-device.playing .driver-info>div:first-child{font-size:7px;margin-bottom:2px}
  .touch-device.playing .health-track{height:10px;margin-top:3px}
  .touch-device.playing .health-numbers{font-size:7px;margin-top:2px}
  .touch-device.playing .xp-heading{gap:4px;flex-wrap:nowrap}
  .touch-device.playing .xp-heading strong{font-size:15px;line-height:1.1}
  .touch-device.playing .xp-heading>span{display:none}
  .touch-device.playing .xp-track{height:5px;margin:6px 0}
  .touch-device.playing .xp-foot{font-size:7px;gap:2px}
  .touch-device.playing #toast{top:calc(119px + env(safe-area-inset-top,0px));left:50%;right:auto;max-width:calc(100vw - 270px);transform:translateX(-50%);font-size:9px;padding:5px 9px}
  .touch-device .touch-controls{--stick-size:108px;--bottom:12px;--edge:14px}
  .touch-device .touch-boost{right:calc(28px + env(safe-area-inset-right,0px));bottom:calc(132px + env(safe-area-inset-bottom,0px));width:58px;min-height:58px}
  .touch-device.playing #evolution{width:min(340px,calc(100vw - 270px));bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  .touch-device.playing .evolve-title{padding:6px 9px;margin-bottom:5px}
  .touch-device.playing .evolve-title h2{font-size:18px;line-height:1.15;margin:4px 0}
  .touch-device.playing .evolve-title .eyebrow{font-size:6px;letter-spacing:1px}
  .touch-device.playing .class-choice{padding:7px 5px}
  .touch-device.playing .class-choice h3{font-size:14px}
  .touch-device.playing .class-choice small{font-size:6px}
  .touch-device.playing .class-choice .sprite{height:30px;width:26px;margin-bottom:3px}
  .touch-device .death-card{padding:14px;max-height:calc(100dvh - 18px);width:340px}
  .touch-device .death-card h2{font-size:42px;margin:5px 0}
  .touch-device .death-card p{margin:8px 0;font-size:10px}
  .touch-device .death-stats{padding:9px 0;margin-bottom:8px}
  .touch-device .death-stats strong{font-size:22px}
  .touch-device #death-survival{font-size:10px}
  .touch-device .death-card .primary{height:42px;font-size:16px}
  .touch-device .death-card .text-button{margin-top:12px;min-height:26px}
  .touch-device #play-menu{padding:12px 16px;width:360px}
  .touch-device #play-menu h2{font-size:28px;line-height:1.1;margin:7px 0}
  .touch-device #play-menu .eyebrow{font-size:8px}
  .touch-device #play-menu .garage-intro{font-size:10px;line-height:1.4;margin:7px 0}
  .touch-device #play-menu .primary{height:40px;font-size:16px}
  .touch-device #play-menu .pit-stop-actions{gap:6px;margin-top:9px}
  .touch-device #play-menu .pit-stop-actions .secondary{min-height:36px;font-size:12px;padding:6px 8px}
  .touch-device #play-menu .feedback-settings{gap:12px;padding-top:9px}
  .touch-device #play-menu .feedback-settings label{font-size:9px;gap:4px}
  .touch-device #play-menu .feedback-settings input{min-height:22px}
  .touch-device #play-menu #quit-yard-button{min-height:36px;margin-top:9px}
  .touch-device #menu.garage-screen {
    display:grid;grid-template-columns:minmax(170px,1fr) minmax(260px,1.35fr);
    gap:16px;top:calc(60px + env(safe-area-inset-top,0px));bottom:calc(30px + env(safe-area-inset-bottom,0px));
    left:calc(12px + env(safe-area-inset-left,0px));right:calc(12px + env(safe-area-inset-right,0px));padding:8px;
  }
  .touch-device #menu .garage-pitch{align-self:start}
  .touch-device #menu .garage-logo{margin-bottom:8px}
  .touch-device .garage-main-logo{max-height:100px;width:100%;object-position:left center}
  .touch-device .driving-guide h2{font-size:16px;margin-bottom:7px}
  .touch-device .touch-guide{font-size:10px;line-height:1.6}
  .touch-device #menu .garage-launch{padding:12px}
  .touch-device .yard-choice{min-height:65px;padding:6px;gap:3px}
  .touch-device .yard-choice .yard-icon{font-size:15px;line-height:16px}
  .touch-device .yard-choice strong{font-size:11px}
  .touch-device .yard-choice small{font-size:7px}
}
@media (orientation:landscape) and (max-height:360px) {
  .touch-device .touch-controls{--stick-size:96px;--edge:12px;--bottom:9px}
  .touch-device .touch-boost{bottom:calc(116px + env(safe-area-inset-bottom,0px));right:calc(28px + env(safe-area-inset-right,0px));width:52px;min-height:52px;font-size:10px}
  .touch-device .touch-boost svg{width:18px;height:18px}
  .touch-device.playing #hud{top:calc(52px + env(safe-area-inset-top,0px));width:270px}
  .touch-device.playing #evolution{bottom:calc(10px + env(safe-area-inset-bottom,0px))}
}