/* Keep the chase information at the edge, clear of the street ahead. */
#wantedPanel{left:auto;right:25px;top:112px;width:216px;min-width:0;padding:8px 10px;border-radius:7px;background:#19282bd9;border-right-width:2px}
#wantedPanel[hidden]{display:none!important}
#wantedPanel .wanted-stars{font-size:20px;letter-spacing:3px}
#wantedPanel .wanted-top{margin-bottom:5px;flex-wrap:nowrap}
#wantedPanel>b{font-size:9px;line-height:1.35;letter-spacing:.2px}
#wantedPanel .escape-meter{height:3px;margin-top:5px}
body.mobile-ui{--wanted-width:180px}
body.mobile-ui #wantedPanel{position:absolute;z-index:7;top:calc(var(--mobile-top) + 58px);right:var(--mobile-right);left:auto;bottom:auto;width:var(--wanted-width);max-width:none;min-width:0;margin:0;padding:7px 9px;background:#19282bcd;border:1px solid #b4c8c540;border-right:2px solid #a8c1d0;box-shadow:0 2px 7px #0002;pointer-events:none}
body.mobile-ui #wantedPanel .wanted-top{height:18px;min-height:0;margin:0 0 4px;display:flex;align-items:center}
body.mobile-ui #wantedPanel .wanted-stars{font-size:18px;line-height:18px;letter-spacing:3px}
body.mobile-ui #wantedPanel>b{font:700 10px/13px Barlow,Arial,sans-serif;letter-spacing:.15px}
body.mobile-ui #wantedPanel>#wantedHint{display:none}
body.mobile-ui #wantedPanel[data-state=search]>#wantedHint{display:block;font:600 10px/12px Barlow,Arial,sans-serif;margin-top:3px}
body.mobile-ui #wantedPanel .escape-meter{height:3px;margin-top:4px}
body.mobile-ui #wantedPanel>.roadblock-notice:not([hidden]){font:700 10px/12px Barlow,Arial,sans-serif;margin-top:4px;padding-top:4px;border-top:1px solid #f4aa6738}
body.mobile-ui #wantedPanel.being-caught{border-right-color:#f38d87}
body.mobile-ui #wantedPanel[data-state=escaped]{border-right-color:#78dcbe}
/* Siren lives in the existing mobile menu, where it keeps a full-size target. */
body.mobile-ui .game-tools #policeSoundBtn{min-height:46px;font-size:13px}
body.mobile-ui.wanted-active .mobile-status{right:calc(var(--mobile-right) + var(--wanted-width) + 12px)}
body.mobile-ui.wanted-active .mobile-status .location-badge{font-size:12px;gap:3px 5px}
body.mobile-ui.wanted-active .mobile-status>#toast.show{font-size:11px;line-height:1.3;padding:6px 8px}
@media(max-width:389px){body.mobile-ui{--wanted-width:150px}body.mobile-ui #wantedPanel>b{font-size:9px;line-height:12px}}
@media(orientation:landscape){
 body.mobile-ui #wantedPanel{top:calc(var(--mobile-top) + 56px)}
 body.mobile-ui.wanted-active .mobile-status{left:calc(var(--mobile-left) + 132px);right:calc(var(--mobile-right) + 210px);top:calc(var(--mobile-top) + 58px)}
}
@media(orientation:landscape) and (max-height:390px){body.mobile-ui #wantedPanel{padding:5px 8px}body.mobile-ui #wantedPanel[data-state=search]>#wantedHint{display:none}}
@media(orientation:landscape) and (max-height:390px){body.mobile-ui #wantedPanel{left:calc(var(--mobile-left) + 116px);right:auto;top:var(--mobile-top)}}

@media(orientation:landscape) and (max-height:390px){body.mobile-ui.wanted-active .mobile-status{top:calc(var(--mobile-top) + 94px)}body.mobile-ui.wanted-active .mobile-status .location-badge{display:none}}
