.vehicle-picker{border:0;padding:0;margin:14px 0 18px;min-width:0}.vehicle-picker[hidden]{display:none}.vehicle-picker legend{color:#e7ce8c;font-size:10px;letter-spacing:2px;width:100%;text-align:center;margin-bottom:7px}.vehicle-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.overlay .vehicle-options button{min-width:0;min-height:0;padding:5px 8px 8px;font:inherit;border-color:#867343;background:#0c1e17;display:flex;flex-direction:column;align-items:center}.vehicle-options button[aria-pressed=true]{border:2px solid #f4d993;box-shadow:0 0 0 2px #bca36333;background:#203b2b}.vehicle-options b{font-size:12px;line-height:1.2}.vehicle-options small{font-size:10px;color:#c3c4ac;margin-top:3px}.vehicle-art{width:80px;height:73px;display:block;background:url('art/racing-vehicles-v1.png') no-repeat;background-size:200% 200%}.vehicle-sport{background-position:0 0}.vehicle-truck{background-position:100% 0}.vehicle-future{background-position:0 100%}.overlay #vehicleNote{font-size:11px;line-height:1.35;margin:8px 0 0;min-height:30px;color:#ecdeb6}.world-race .direction-pad.race-pad{grid-template-columns:repeat(2,62px);grid-template-rows:repeat(2,42px);gap:5px}.world-race .race-pad .up{display:block;grid-column:1;grid-row:2;font-size:12px}.world-race .race-pad .down{grid-column:2;grid-row:2;font-size:11px}.world-race .race-pad .left{grid-column:1;grid-row:1}.world-race .race-pad .right{grid-column:2;grid-row:1}body[data-kind=race] .overlay>div{width:min(100%,470px);max-width:470px}body[data-kind=race] .overlay h1{font-size:30px}body[data-kind=race] .overlay>div>p{margin-bottom:10px}.world-race .controls{gap:8px}
@media(max-width:650px){.vehicle-picker{margin:9px 0 12px}.vehicle-art{width:65px;height:61px}.vehicle-options{gap:6px}.overlay .vehicle-options button{padding:4px 4px 6px}.vehicle-options b{font-size:11px}.vehicle-options small{font-size:9px}body[data-kind=race] .overlay h1{font-size:25px}.world-race .direction-pad.race-pad{grid-template-columns:repeat(2,45px);grid-template-rows:repeat(2,32px);gap:4px}.world-race .controls .control-hint{font-size:10px}.world-race .race-pad .up,.world-race .race-pad .down{font-size:10px}}
@media(orientation:landscape) and (max-height:550px){body[data-kind=race] .overlay{padding:8px}body[data-kind=race] .overlay h1{font-size:22px;margin:4px 0}body[data-kind=race] .overlay>div>p{font-size:11px;line-height:1.3;margin-bottom:5px}body[data-kind=race] .overlay .eyebrow{font-size:8px}.vehicle-picker{margin:5px 0 8px}.vehicle-picker legend{font-size:8px;margin-bottom:3px}.vehicle-art{width:58px;height:52px}.overlay .vehicle-options button{padding:2px 5px 4px}.vehicle-options b{font-size:10px}.vehicle-options small{font-size:9px}.overlay #vehicleNote{min-height:0;font-size:10px;margin:5px 0 0}body[data-kind=race] .overlay #startButton{min-height:34px;padding:6px 15px;font-size:13px}body[data-kind=race] .overlay #returnLink{margin-top:6px;font-size:10px}.world-race .direction-pad.race-pad{grid-template-columns:repeat(2,48px);grid-template-rows:repeat(2,34px);gap:4px}}

.region-choice{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#e9d8ab;text-align:left}.region-choice select{min-width:0;max-width:64%;padding:8px 10px;background:#0c2119;color:#ffe6aa;border:1px solid #ad9157;border-radius:5px;font:600 12px system-ui}.region-choice select:focus-visible{outline:2px solid #f4db98;outline-offset:2px}.overlay #regionNote{font-size:11px;line-height:1.35;margin:7px 0 9px;color:#d8d4bf;min-height:30px}body.race-ready .overlay>div>p{display:none}
@media(orientation:landscape) and (max-height:550px){.region-choice{font-size:10px}.region-choice select{font-size:10px;padding:4px 8px;min-height:28px}.overlay #regionNote{font-size:9px;margin:3px 0 4px;min-height:0}.vehicle-art{display:none}.overlay #vehicleNote{margin-top:4px}body.race-setup .overlay #overlayKicker{display:none}}

.region-choice[hidden],#realRoute[hidden],#cityTurns[hidden],#endCruise[hidden]{display:none!important}.region-choice+#driveModeLabel{margin-top:7px}.overlay #realRoute{margin:3px 0 8px;font-size:11px}.city-turns{position:absolute;z-index:3;left:50%;bottom:8%;transform:translateX(-50%);width:min(90%,450px);padding:12px;background:#10251cf5;border:1px solid #e5c680;border-radius:10px;text-align:center;color:#ffedc6;box-shadow:0 8px 25px #0008}.city-turns div{display:flex;gap:8px;margin-top:9px}.city-turns button{flex:1;min-height:44px;padding:9px 5px;border:1px solid #d5b974;border-radius:5px;background:#d8bd78;color:#172016;font-weight:700;font-size:15px}.city-turns button:focus-visible{outline:3px solid white;outline-offset:2px}@media(max-height:550px){.city-turns{padding:6px;bottom:4%}.city-turns div{margin-top:4px}.city-turns button{min-height:36px;padding:4px}.region-choice+#driveModeLabel{margin-top:3px}.overlay #realRoute{font-size:9px;margin:2px 0 4px}}