/* Route selection stays in the menu; the compact driving HUD keeps its space. */
.start-copy{width:min(480px,46%);max-width:none;padding-top:42px;pointer-events:auto;max-height:calc(100% - 110px);overflow-y:auto;scrollbar-width:thin}
.start-copy h1{font-size:clamp(56px,7.1vw,108px);margin-bottom:22px}
.edition{margin-bottom:16px}
.route-menu{width:100%;max-width:440px}
.route-menu label{display:block;font-size:12px;letter-spacing:.11em;font-weight:800;color:#f9e5b9;margin-bottom:8px}
.route-menu select{display:block;width:100%;min-height:54px;padding:12px 40px 12px 14px;border:1px solid var(--yellow);border-radius:8px;color:#fff4d4;background:#263d43;font:700 16px 'DM Sans',sans-serif;cursor:pointer;touch-action:manipulation}
.route-menu select:focus-visible{outline:3px solid white;outline-offset:3px}
.route-menu option{background:#263d43;color:#fff4d4}
.start-copy p{font-size:16px;line-height:1.45;margin:15px 0 20px;max-width:410px;min-height:46px}
.start-copy .primary{padding:15px 21px}
.start-instructions{font-size:12px;line-height:1.6;margin-top:18px}
#pause-screen{display:flex;justify-content:flex-start;background:linear-gradient(90deg,#152d3b99,transparent 70%);backdrop-filter:none;padding:6%}
#pause-screen .modal-card{width:320px;padding:25px;background:#1d3641ec}
#pause-screen h2{font-size:43px}
#pause-screen p{font-size:14px;margin-bottom:20px}
.pause-options{display:flex;gap:8px}
.pause-options .secondary{min-height:44px;padding:10px 4px;font-size:13px;margin-top:14px}
.game-paused #hud{visibility:hidden}
body:not(.game-active),body:not(.game-active) .start-copy{touch-action:pan-y}
@media(max-width:600px) and (orientation:portrait){
  .start-copy{width:calc(100% - 40px);margin:110px 20px 0;padding:0 0 10px;max-height:calc(100% - 125px)}
  .start-copy h1{font-size:58px;margin-bottom:18px}
  .edition{font-size:10px;letter-spacing:.06em;margin-bottom:12px}
  .start-copy p{font-size:14px;min-height:0;margin:12px 0 16px;max-width:320px}
  .start-copy .primary{padding:13px 19px}
  .start-instructions{margin-top:15px;max-width:none}
  .start-bottom{display:none}
  #pause-screen{align-items:flex-end;justify-content:center;padding:16px 16px max(16px,env(safe-area-inset-bottom));background:linear-gradient(0deg,#152d3b99,transparent 65%)}
  #pause-screen .modal-card{width:min(360px,100%);padding:20px}
  #pause-screen h2{font-size:36px;margin:12px 0}
  #pause-screen p{margin:10px 0 16px}
}
@media(max-height:550px) and (min-width:600px){
  .start-copy{width:46%;margin-left:5%;padding:0 4px 8px;max-height:calc(100% - 72px);margin-top:44px}
  .start-copy h1{font-size:48px;margin-bottom:12px}
  .edition,.start-bottom{display:none}
  .start-copy p{font-size:13px;line-height:1.3;min-height:0;margin:10px 0 12px}
  .start-copy .primary{padding:11px 17px;font-size:12px;min-height:44px}
  .start-instructions{margin-top:12px;font-size:11px;line-height:1.4}
  #pause-screen{padding:60px 4% 14px}
  #pause-screen .modal-card{padding:18px;width:290px;max-height:100%;overflow-y:auto}
  #pause-screen h2{font-size:36px;margin:10px 0}
  #pause-screen p{margin:10px 0 14px}
  #pause-screen .primary{min-height:44px;padding:12px}
  .pause-options .secondary{margin-top:8px}
}