/* Gameplay uses a compact HUD; destinations and management live in Pause. */
.playing #world,.playing .scene-shade{left:0}
.playing .rail,.playing .wordmark,.playing .session,.playing .weather,
.playing #clock,.playing .district-tag,.playing .city-progress-button,
.playing .footer,.playing .bottom-center,.playing .mission-hud,
.playing .cash-label,.playing #cash,.playing .vehicle-name,
.playing .gear-line,.playing .checkpoint-label{display:none!important}
.playing .topbar{left:auto;right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));width:auto}
.playing #pause-button{width:44px;height:44px;background:#14242ab3;border-radius:10px}
.playing .cash-row{left:auto;right:18px;top:68px}
.playing .wanted{display:none;font-size:18px;letter-spacing:2px;margin:0}
.playing.has-wanted .wanted{display:block}
.playing .bottom-left{left:max(20px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));width:138px}
.playing .minimap-wrap{height:100px;border-radius:8px;background:#14242aa6}
.playing .vehicle-hud{right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));width:100px}
.playing .speed strong{font-size:48px}.playing .speed>span{font-size:9px}
.playing.on-foot .vehicle-hud{display:none}
.playing .modal{left:0}
#navigation-cue{position:fixed;top:max(20px,env(safe-area-inset-top));left:50%;right:auto;transform:translateX(-50%);display:flex;align-items:center;gap:12px;width:max-content;max-width:min(420px,calc(100vw - 150px));padding:10px 16px;border:1px solid #b4ddcf35;border-radius:10px;background:#14242adb;box-shadow:none;pointer-events:none}
#navigation-icon{flex:0 0 30px;font-size:30px;line-height:1;color:var(--mint)}
#navigation-cue>div{min-width:0}
#navigation-title{display:block;font-size:14px;font-weight:600;line-height:1.4;color:var(--cream)}
#navigation-detail{display:block;font-size:11px;line-height:1.45;color:#c1d1cd;margin-top:3px;overflow-wrap:break-word}
#navigation-time{display:block;font-size:10px;color:var(--mint);margin-top:5px;font-variant-numeric:tabular-nums}
#navigation-time:empty{display:none}#navigation-time.urgent{color:var(--coral)}
.panel-open #navigation-cue,.photo-mode #navigation-cue{display:none!important}
.playing .interaction{left:50%;bottom:35px;max-width:calc(100vw - 360px);white-space:normal;border-radius:8px;font-size:11px}
.playing .toast{left:50%;top:auto;bottom:30px;min-width:0;max-width:min(400px,calc(100vw - 360px));padding:12px 16px;pointer-events:none}
@media(pointer:coarse),(max-width:600px),(max-width:900px) and (max-height:530px){
  .playing .bottom-left{bottom:178px;width:108px;left:16px}.playing .minimap-wrap{height:78px}
  .playing .vehicle-hud{bottom:178px;right:16px;width:90px}.playing .speed strong{font-size:40px}
  #navigation-cue{left:16px;top:max(16px,env(safe-area-inset-top));transform:none;max-width:calc(100vw - 88px);padding:9px 12px;gap:8px}
  #navigation-title{font-size:13px}#navigation-detail{font-size:10px}
  .playing .toast{bottom:285px;max-width:calc(100vw - 40px);width:auto}
}
@media(max-height:530px) and (min-width:600px){
  #navigation-cue{left:50%;transform:translateX(-50%);max-width:340px;top:12px}
  .playing .bottom-left{bottom:160px;width:90px}.playing .minimap-wrap{height:60px}
  .playing .vehicle-hud{bottom:156px}.playing .toast{bottom:22px;max-width:280px}
}
#pursuit-status{display:block;font-size:9px;letter-spacing:1.5px;text-align:right;color:var(--coral);margin-top:4px}
#pursuit-status:empty{display:none}
@media(pointer:coarse),(max-width:600px),(max-width:900px) and (max-height:530px){
  .playing .cash-row{top:auto;bottom:270px;right:18px}
}

#touch-attack{display:none;background:#75474b;border-color:#f59d9d}
.on-foot #touch-attack{display:block}
.on-foot #touch-camera{display:none}