/* 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:184px}
.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:130px;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:120px}.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-weapon{display:block}
#touch-weapon{display:none;background:#29485a;border-color:#9fc9d9}
.on-foot #touch-camera{display:none}

.weapon-hud{display:none;position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:6;width:190px;padding:12px 14px;background:#14242ad9;border:1px solid #b4ddcf35;border-radius:9px;pointer-events:none}
.playing.on-foot .weapon-hud{display:block}
.weapon-hud>small{display:block;font-size:7px;letter-spacing:1.6px;color:#9eb8b4}
.weapon-hud>div:first-of-type{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:5px 0 9px}
.weapon-hud strong{font-family:var(--display);font-size:24px;font-weight:500;letter-spacing:.6px;color:var(--cream)}
.weapon-hud b{font-family:var(--display);font-size:20px;font-weight:500;color:var(--coral);font-variant-numeric:tabular-nums}
.weapon-slots{display:flex;gap:5px}.weapon-slots span{flex:1;padding:4px 3px;border:1px solid #ffffff18;border-radius:3px;text-align:center;font-size:7px;letter-spacing:.5px;color:#8ca3a4}.weapon-slots span.selected{border-color:#b4ddcf99;background:#b4ddcf12;color:var(--mint)}
.weapon-hud em{display:block;margin-top:8px;font-size:7px;font-style:normal;letter-spacing:1px;color:#8fa4a5}.reloading .weapon-hud em{color:var(--coral)}
.combat-reticle{display:none;position:fixed;left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%);z-index:5;pointer-events:none;color:#f8ead0}
.playing.on-foot.armed-pistol .combat-reticle{display:block}.combat-reticle i{position:absolute;background:currentColor;opacity:.8}.combat-reticle i:nth-child(1),.combat-reticle i:nth-child(2){width:6px;height:1px;top:13px}.combat-reticle i:nth-child(1){left:0}.combat-reticle i:nth-child(2){right:0}.combat-reticle i:nth-child(3),.combat-reticle i:nth-child(4){width:1px;height:6px;left:13px}.combat-reticle i:nth-child(3){top:0}.combat-reticle i:nth-child(4){bottom:0}.combat-reticle span{display:none;position:absolute;inset:0;text-align:center;font:22px/27px var(--display)}
.combat-hit .combat-reticle,.combat-kill .combat-reticle{color:#ffbe9f}.combat-hit .combat-reticle span,.combat-kill .combat-reticle span{display:block}.combat-kill .combat-reticle{color:#ff6f79;transform:translate(-50%,-50%) scale(1.2)}
@media(pointer:coarse),(max-width:600px),(max-width:900px) and (max-height:530px){.weapon-hud{right:16px;bottom:178px;width:145px;padding:9px 10px}.weapon-hud strong{font-size:20px}.weapon-slots{display:none}.weapon-hud em{font-size:6px}.combat-reticle{top:44%}}

.threat-warning{position:fixed;left:50%;top:62%;z-index:12;display:grid;grid-template-columns:30px auto;grid-template-rows:auto auto;column-gap:9px;align-items:center;transform:translate(-50%,-50%);padding:8px 13px 8px 9px;border:1px solid #ffc57c99;border-left:3px solid #ffc57c;border-radius:7px;background:#2d251de8;box-shadow:0 10px 32px #0008;pointer-events:none;animation:threatWarningIn .16s ease-out}
.threat-warning>span{grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#ffc57c;color:#2b2118;font:bold 18px var(--display)}.threat-warning strong{font-size:9px;letter-spacing:1.2px;color:#fff0d7}.threat-warning small{font-size:7px;letter-spacing:.8px;color:#d9b98e;margin-top:2px}
.police-warning:before{content:'';position:fixed;inset:0;z-index:8;pointer-events:none;box-shadow:inset 0 0 100px #ffc06938;animation:threatEdgePulse .35s ease-out}
@keyframes threatWarningIn{from{opacity:0;transform:translate(-50%,-45%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes threatEdgePulse{from{opacity:0}45%{opacity:1}to{opacity:.35}}
@media(pointer:coarse),(max-width:600px),(max-width:900px) and (max-height:530px){.threat-warning{top:52%;padding:7px 10px 7px 7px}.threat-warning small{font-size:6px}}

.damage-readout{position:absolute;left:calc(100% + 10px);bottom:0;width:180px;display:flex;align-items:center;gap:9px;padding:9px 11px;background:#261d23ed;border:1px solid #ff927c70;border-left:3px solid var(--coral);border-radius:6px;box-shadow:0 8px 24px #0005;pointer-events:none;animation:damageReadoutIn .2s ease-out}
.damage-readout>strong{font-family:var(--display);font-size:27px;font-weight:600;line-height:1;color:var(--coral);font-variant-numeric:tabular-nums}.damage-readout>span{font-size:8px;font-weight:700;letter-spacing:1px;color:var(--cream);line-height:1.25}.damage-readout small{display:block;margin-top:3px;font-size:7px;font-weight:400;letter-spacing:.5px;color:#c9b7b4}
@keyframes damageReadoutIn{from{opacity:0;transform:translateX(-6px) scale(.97)}to{opacity:1;transform:none}}

.busted-overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at center,#672d3859,#101821e8 58%);backdrop-filter:blur(5px);pointer-events:auto;animation:bustedFadeIn .25s ease-out}
.busted-card{width:min(480px,calc(100vw - 40px));padding:38px 42px 34px;text-align:center;background:#17232df2;border:1px solid #ff8d9580;border-top:3px solid #ff6f79;box-shadow:0 30px 90px #0009;animation:bustedCardIn .32s cubic-bezier(.2,.8,.2,1)}
.busted-kicker{font-size:9px;font-weight:700;letter-spacing:3px;color:#ff9c9f}.busted-card h2{margin:6px 0 10px;font:italic 800 clamp(68px,13vw,108px)/.9 var(--display);letter-spacing:-2px;color:var(--cream)}.busted-card p{margin:0;color:#f4c6c2;font-size:15px;line-height:1.5}.busted-card>strong{display:block;margin-top:13px;font-size:9px;letter-spacing:1.6px;color:#a9bfbc}.busted-card>small{display:block;margin-top:9px;font-size:7px;letter-spacing:1.7px;color:#92a5a6}
.busted-timer{height:3px;margin-top:24px;background:#ffffff16;overflow:hidden}.busted-timer i{display:block;width:100%;height:100%;background:#ff6f79;transform-origin:left;animation:bustedTimer 2.8s linear forwards}
@keyframes bustedFadeIn{from{opacity:0}to{opacity:1}}@keyframes bustedCardIn{from{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:none}}@keyframes bustedTimer{to{transform:scaleX(0)}}
@media(pointer:coarse),(max-width:600px),(max-width:900px) and (max-height:530px){.vitals{padding:8px 9px}.condition-heading>span{font-size:6px}.condition-heading strong{font-size:15px}#condition-hint{font-size:5px;letter-spacing:.35px}.boost-vital{display:none}.damage-readout{left:calc(100% + 8px);width:158px;padding:7px 8px}.damage-readout>strong{font-size:23px}.damage-readout>span{font-size:7px}.busted-card{padding:24px 28px 22px}.busted-card h2{font-size:64px}}
@media(prefers-reduced-motion:reduce){.condition-critical .vitals .health-track i,.threat-warning,.police-warning:before,.damage-readout,.busted-overlay,.busted-card,.busted-timer i{animation:none}}
