/* Scoped in-race small-screen HUD; no canvas, physics or menu changes. */
@media (max-width:650px), (pointer:coarse) and (max-height:500px) {
 .racing .driver-camera,.racing .weather-pill,.racing .minimap-legend,.racing .hud-bottom-controls{display:none}
 .racing .hud-top{top:10px;left:10px;right:10px}
 .racing .race-brand{font-size:7px;letter-spacing:1px}
 .racing .race-brand small{font-size:6px;max-width:180px;line-height:1.5}
 .racing .hud-ranking{min-width:0;width:70px;margin-top:8px;padding:6px 8px}
 .racing #rank-rows{display:none}
 .racing .position-num{font-size:28px;margin:0}
 .racing .hud-lap{padding:5px 8px}
 .racing .hud-lap b{font-size:16px}
 .racing .hud-actions{gap:6px}
 .racing .hud-actions button{width:44px;height:44px}
 .racing .hud-middle{top:86px}
 .racing .pace-note{min-width:0;width:160px;padding:6px 9px;gap:8px}
 .racing .pace-icon{font-size:26px}
 .racing .pace-note strong{font-size:9px;margin:2px 0}
 .racing .pace-note em{font-size:7px}
 .racing .race-time{font-size:12px;margin-top:5px}
 .racing .speed-cluster{right:10px;bottom:120px;width:125px;padding:7px 9px}
 .racing .speed-readout .speed{font-size:42px}
 .racing .speed-readout small{font-size:8px;line-height:1.3;margin-bottom:0}
 .racing .gear{font-size:13px}
 .racing .tach{height:3px;margin-top:5px}
 .racing .nitro{margin-top:4px;padding:0}
 .racing .nitro-label{font-size:7px;letter-spacing:0}
 .racing .nitro-label span:last-child{display:none}
 .racing .nitro-bar{height:4px;margin-top:4px}
 .racing .integrity{font-size:6px;letter-spacing:0;margin-top:4px}
 .racing .minimap-box{left:10px;bottom:120px;width:116px;padding:6px}
 .racing .minimap-box canvas{width:100px;height:60px;margin:auto}
 .racing .checkpoint-label{font-size:6px;letter-spacing:0;margin-bottom:3px}
 .racing .distance-progress{margin-top:3px}
 .racing .distance-label{font-size:6px;margin-top:3px;letter-spacing:0}
 .racing #touch{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));gap:8px}
 .racing #touch button{min-width:44px;min-height:44px;height:44px;font-size:8px;letter-spacing:0}
 .racing .touch-steering{gap:6px}
 .racing .touch-steering button{width:48px;height:48px!important}
 .racing .touch-pedals{grid-template-columns:repeat(3,minmax(44px,1fr));gap:6px;width:54%;max-width:240px}
 .racing #touch .gas{grid-column:2/4;min-width:44px}
}
@media (pointer:coarse) and (max-height:500px) {
 .racing .hud-middle{top:10px}
 .racing .race-brand small{max-width:150px}
 .racing .speed-cluster,.racing .minimap-box{bottom:112px}
 .racing .race-message{top:47%;font-size:9px}
}