/* 0.7.7 — instrumentos da partida, com áreas reservadas para controles e notificações. */
.hud-refinado { --hud-edge:24px; --hud-map-size:196px; --hud-panel:rgba(10,17,22,.88); --hud-line:rgba(208,225,231,.2); }
.hud-refinado .hud-top-right { top:max(20px,env(safe-area-inset-top)); right:max(var(--hud-edge),env(safe-area-inset-right)); padding:10px 14px; gap:18px; border:1px solid var(--hud-line); border-radius:9px; background:var(--hud-panel); }
.hud-refinado #hud-money { font-size:22px; letter-spacing:0; color:#94e89f; }
.hud-refinado #hud-clock { font-size:14px; color:#dae2e7; }
.hud-refinado .hud-objective { top:max(20px,env(safe-area-inset-top)); left:max(var(--hud-edge),env(safe-area-inset-left)); max-width:min(430px,46vw); padding:13px 16px; border:1px solid var(--hud-line); border-left:3px solid #efbd61; border-radius:9px; background:linear-gradient(110deg,rgba(10,17,22,.94),rgba(10,17,22,.78)); box-shadow:0 8px 24px #0002; }
.hud-refinado #hud-obj-title { font:700 10px/1.3 system-ui,sans-serif; letter-spacing:1.6px; color:#efc781; }
.hud-refinado #hud-obj-text { font:550 14px/1.5 system-ui,sans-serif; color:#f1f4f5; margin-top:5px; }
.hud-refinado #hud-obj-timer { margin-top:8px; font:750 24px/1.1 system-ui,sans-serif; font-variant-numeric:tabular-nums; color:#f1f4f5; }
.hud-refinado #hud-obj-timer.warn { color:#ff9885; }
.hud-objective-meta { display:flex; flex-wrap:wrap; gap:5px 14px; margin-top:10px; font:600 10px/1.4 system-ui,sans-serif; color:#bfccd4; }
.hud-objective-reward { color:#afe2b5; }
.hud-objective-progress { height:3px; margin-top:7px; border-radius:9px; overflow:hidden; background:#dce7ed29; }
.hud-objective-progress > div { height:100%; background:#efbd61; transition:width .2s ease; }
.hud-refinado [hidden] { display:none!important; }
.hud-refinado .hud-minimap { width:var(--hud-map-size); height:auto; left:max(var(--hud-edge),env(safe-area-inset-left)); bottom:max(28px,calc(env(safe-area-inset-bottom) + 16px)); }
.hud-refinado #minimap { width:100%; height:auto; aspect-ratio:1; display:block; border:1px solid #b7c5cb85; box-shadow:0 8px 24px #0007; }
.hud-health-caption { display:flex; justify-content:space-between; align-items:center; margin-top:10px; padding-inline:1px; color:#cbd9df; font:600 10px/1 system-ui,sans-serif; letter-spacing:.3px; }
.hud-health-caption strong { color:#a9e6af; font-variant-numeric:tabular-nums; }
.hud-health-caption.low strong { color:#ff9987; }
.hud-refinado .hud-vitals { margin-top:6px; gap:9px; }
.hud-refinado .bar { height:7px; border:1px solid #c8d9e42b; background:#0a1119d9; }
.hud-refinado #hud-health { background:#8ed99a; }
.hud-refinado #hud-health.low { background:#ff8979; }
.hud-refinado #hud-lives { font-size:13px; letter-spacing:2px; line-height:1; }
.hud-refinado .hud-gps { margin-top:9px; max-width:none; padding:8px 10px; font:600 11px/1.45 system-ui,sans-serif; white-space:normal; overflow-wrap:anywhere; border:1px solid #cbb2ef4d; border-left:2px solid #c7a1ef; background:var(--hud-panel); border-radius:6px; }
.hud-refinado .hud-bottom-right { right:max(var(--hud-edge),env(safe-area-inset-right)); bottom:max(28px,calc(env(safe-area-inset-bottom) + 16px)); max-width:min(350px,34vw); padding:11px 14px; border:1px solid var(--hud-line); border-radius:9px; background:var(--hud-panel); }
.hud-travel-mode { color:#9fb5c1; font:700 9px/1.4 system-ui,sans-serif; text-transform:uppercase; letter-spacing:1.3px; margin-bottom:4px; overflow-wrap:anywhere; }
.hud-refinado #hud-street { max-width:none; font:650 13px/1.45 system-ui,sans-serif; letter-spacing:0; color:#f0f3f5; overflow-wrap:anywhere; }
.hud-refinado #hud-speed { margin-top:10px; font:800 44px/.95 system-ui,sans-serif; font-variant-numeric:tabular-nums; }
.hud-refinado #hud-speed small { font:600 11px/1 system-ui,sans-serif; color:#aebdc6; }
.hud-refinado #hud-speed .bar { margin-top:10px; height:4px; min-width:138px; }
.hud-vehicle-condition { margin-top:6px; color:#d8c79e; font:600 10px/1.4 system-ui,sans-serif; }
.hud-vehicle-condition.low { color:#ff9987; }
.hud-refinado .hud-prompt { bottom:max(35px,calc(env(safe-area-inset-bottom) + 18px)); left:50%; right:auto; transform:translateX(-50%); max-width:min(440px,40vw); padding:10px 13px; border:1px solid #efc78166; border-radius:8px; background:rgba(10,17,22,.94); box-shadow:0 6px 20px #0004; font:600 13px/1.5 system-ui,sans-serif; text-align:left; }
.hud-prompt-row { display:flex; align-items:center; gap:9px; }
.hud-prompt-row + .hud-prompt-row { margin-top:7px; padding-top:7px; border-top:1px solid #b7c8d42b; }
.hud-prompt-key { flex:none; min-width:25px; padding:3px 6px; border:1px solid #edcf976e; border-bottom-width:3px; border-radius:5px; background:#eec77d18; color:#ffdf9e; font:800 12px/1.2 system-ui,sans-serif; text-align:center; }
.hud-prompt-action { color:#f3f5f6; }
.hud-refinado .hud-prompt.is-guidance { border-color:#c5d8e74d; color:#d4e0e8; }
.hud-toasts { top:var(--hud-toast-top,86px); right:max(24px,env(safe-area-inset-right)); max-width:min(350px,33vw); }
.hud-toasts .toast { font:550 12px/1.5 system-ui,sans-serif; padding:10px 13px; border-radius:7px; backdrop-filter:none; background:rgba(10,17,22,.94); animation-name:hud-toast-enter; animation-timing-function:ease-out; }
.hud-toasts .toast.big { font-size:17px; }
@keyframes hud-toast-enter { from { opacity:0; transform:translateY(-5px); } to { opacity:1; transform:translateY(0); } }
.hud-refinado .hud-weapon { right:max(24px,env(safe-area-inset-right))!important; bottom:184px!important; max-width:min(350px,34vw); color:#cedae3!important; font:600 11px/1.5 system-ui,sans-serif!important; }
.hud-refinado[data-travel="foot"] .hud-weapon { bottom:112px!important; }
.hud-refinado .hud-credit { left:max(24px,env(safe-area-inset-left)); bottom:7px; font-size:9px; color:#dce4e999; }
.hud-refinado .hud-fps { bottom:7px; right:24px; font-size:10px; }
.hud-sr { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.large-text .hud-refinado #hud-obj-text,.large-text .hud-refinado .hud-prompt { font-size:17px; }
.large-text .hud-refinado #hud-street { font-size:16px; }
@media(max-width:900px) { .hud-refinado { --hud-edge:16px; --hud-map-size:164px; } .hud-refinado #hud-obj-text { font-size:12px; } .hud-refinado .hud-prompt { max-width:36vw; } }
@media(max-width:720px) {
 .hud-refinado { --hud-edge:12px; --hud-map-size:130px; }
 .hud-refinado[data-travel="vehicle"] { --hud-map-size:112px; }
 .hud-refinado + #touch .touch-camera { top:max(10px,env(safe-area-inset-top)); left:12px; right:auto; }
 .hud-refinado .hud-top-right { top:max(10px,env(safe-area-inset-top)); padding:7px 10px; gap:14px; }
 .hud-refinado #hud-money { font-size:17px; } .hud-refinado #hud-clock { font-size:12px; }
 .hud-refinado .hud-objective { top:max(61px,calc(env(safe-area-inset-top) + 48px)); right:12px; max-width:none; padding:10px 12px; }
 .hud-refinado #hud-obj-text { font-size:12px; line-height:1.45; } .hud-refinado #hud-obj-title { font-size:9px; }
 .hud-objective-meta { font-size:9px; margin-top:6px; } .hud-refinado #hud-obj-timer { font-size:21px; }
 .hud-refinado .hud-minimap { bottom:max(21px,calc(env(safe-area-inset-bottom) + 14px)); }
 .hud-health-caption { font-size:9px; } .hud-refinado #hud-lives { font-size:11px; }
 .hud-refinado .hud-gps { font-size:10px; padding:6px; }
 .hud-refinado .hud-bottom-right { right:12px; bottom:max(22px,calc(env(safe-area-inset-bottom) + 14px)); max-width:calc(100vw - 170px); padding:9px 10px; }
 .hud-refinado #hud-street { font-size:11px; } .hud-travel-mode { font-size:8px; }
 .hud-refinado[data-travel="vehicle"] .hud-bottom-right { bottom:316px; max-width:calc(100vw - 172px); }
 .hud-refinado #hud-speed { font-size:34px; } .hud-refinado #hud-speed .bar { min-width:0; }
 .hud-refinado .hud-prompt { left:auto; right:12px; transform:none; bottom:266px; max-width:calc(100vw - 166px); padding:8px 10px; font-size:11px; }
 .hud-prompt-key { font-size:10px; min-width:21px; padding:3px 5px; } .hud-prompt-row { gap:7px; }
 .hud-toasts { top:var(--hud-toast-top,170px); left:12px; right:12px; max-width:none; align-items:flex-start; }
 .hud-toasts .toast { max-width:min(100%,360px); font-size:11px; }
 .hud-refinado .hud-weapon { right:12px!important; bottom:450px!important; max-width:calc(100vw - 170px); font-size:10px!important; }
 .hud-refinado[data-travel="foot"] .hud-weapon { bottom:340px!important; }
 .large-text .hud-refinado #hud-obj-text,.large-text .hud-refinado .hud-prompt { font-size:14px; }
 .large-text .hud-refinado #hud-street { font-size:13px; }
}
@media(pointer:coarse) and (orientation:landscape) and (max-height:600px) {
 .hud-refinado,.hud-refinado[data-travel="vehicle"] { --hud-map-size:100px; --hud-edge:12px; }
 .hud-refinado + #touch .touch-camera { top:10px; left:calc(42vw + 26px); right:auto; }
 .hud-refinado .hud-objective { top:10px; right:auto; max-width:42vw; padding:8px 10px; }
 .hud-refinado #hud-obj-text { font-size:11px; }
 .hud-refinado .hud-top-right { top:10px; }
 .hud-refinado .hud-minimap { bottom:17px; }
 .hud-refinado .hud-bottom-right,.hud-refinado[data-travel="vehicle"] .hud-bottom-right { bottom:176px; max-width:27vw; padding:6px 9px; }
 .hud-refinado #hud-speed { font-size:27px; margin-top:5px; }
 .hud-refinado .hud-prompt { bottom:24px; left:260px; right:184px; max-width:none; transform:none; }
 .hud-refinado .hud-weapon,.hud-refinado[data-travel="foot"] .hud-weapon { bottom:307px!important; max-width:28vw; font-size:9px!important; }
 .hud-toasts { left:calc(42vw + 26px); right:200px; max-width:none; align-items:stretch; }
 .hud-toasts .toast { font-size:11px; padding:8px 10px; }
 .hud-objective-meta { margin-top:4px; } .hud-objective-progress { margin-top:4px; }
}
@media(prefers-reduced-motion:reduce) { .hud-objective-progress > div { transition:none; } .hud-toasts .toast { animation:none; } }
.reduced-motion .hud-objective-progress > div { transition:none; } .reduced-motion .hud-toasts .toast { animation:none; }

.hud-refinado .hud-nitro { position:relative!important; right:auto!important; bottom:auto!important; width:100%!important; height:5px!important; margin-top:18px; overflow:visible!important; }
.hud-refinado .hud-nitro::before { content:"Nitro"; position:absolute; right:0; top:-13px; color:#9ccae8; font:600 9px/1 system-ui,sans-serif; }
.hud-refinado .hud-nitro > i { border-radius:4px; }