/* Original classic-crime HUD: bold, outlined, readable at desktop size. */
.hud{font-family:var(--display);text-shadow:2px 2px #000,-1px -1px #000,1px -1px #000,-1px 1px #000}
.hud .hud-right{top:22px;right:24px;width:252px;text-align:right;transform:scale(var(--hud-scale,1));transform-origin:top right}
.hud-loadout{display:flex;justify-content:flex-end;align-items:flex-start;gap:10px}
.weapon-badge{width:100px;min-width:100px;height:111px;border:4px solid #030406;border-radius:12px;background:#e7f4ff08;position:relative;box-shadow:inset 0 0 0 1px #dce4e7a6}
.weapon-badge canvas{display:block;width:100%;height:74px;image-rendering:auto}
#ammoDisplay{display:block;font:900 22px/1 var(--display);color:#e8e9ec;text-align:center;letter-spacing:.3px;-webkit-text-stroke:.6px #000;paint-order:stroke fill}
.hud-vitals{flex:1;min-width:0}
#hudClock{display:block;color:#f1f1ed;font:900 42px/.95 var(--display);letter-spacing:1px;-webkit-text-stroke:2px #000;paint-order:stroke fill;text-shadow:3px 3px #000;white-space:nowrap;font-variant-numeric:tabular-nums}
.hud .health{height:17px;width:100%;margin:8px 0 0;border:4px solid #030406;background:#44151c;box-shadow:0 0 0 1px #ffffff18}
.hud .health i{background:#e93336}
.hud .armour-track{height:13px;width:100%;margin:8px 0 0;border:3px solid #030406;background:#202b37}
.hud .armour-track i{background:#b4d5e5}
.hud #weapon{display:block;font:900 14px/1 var(--display);color:#ededee;letter-spacing:1px;margin-top:7px}
.hud #cash{display:block;margin-top:9px;font:900 43px/1 var(--display);letter-spacing:1.5px;color:#6d9657;-webkit-text-stroke:2px #030406;paint-order:stroke fill;text-shadow:3px 3px #000;white-space:nowrap}
.hud #stars{display:flex;justify-content:flex-end;gap:7px;font:900 34px/1 var(--display);letter-spacing:0;color:#30313a;margin-top:8px;min-height:34px;text-shadow:2px 3px #000}
.hud .wanted-star{-webkit-text-stroke:1.5px #030406;paint-order:stroke fill;color:#32343d}
.hud .wanted-star.active{color:#f4d98c}
.hud .weapon-hint{font:700 10px/1.6 var(--mono);color:#e3e4e9;max-width:none;margin:8px 0 0;letter-spacing:0;text-shadow:1px 1px 2px #000,0 0 5px #000}
.hud #speed{font:800 15px/1.4 var(--display);letter-spacing:.6px;color:#f4f2ec;margin-top:7px}
.hud .city-nitro{width:133px;margin-top:9px}
.hud .city-nitro>span{font:700 9px var(--mono);letter-spacing:.5px;color:#a6dfea}
.hud .city-nitro>div{height:7px;border:2px solid #030406;background:#183240}
.hud .route-guide{font:800 13px/1.4 var(--display);color:#ffde95;letter-spacing:.6px;margin-top:8px}
.hud .hud-left{left:25px;top:24px;max-width:38%}
.hud .district{font:900 26px/1 var(--display);letter-spacing:1.5px;color:#f0f0e9;-webkit-text-stroke:1px #000;paint-order:stroke fill}
.hud .combat-status{font:700 11px/1.6 var(--mono);color:#d2d6df;margin-top:9px;letter-spacing:.2px}
.radar-shell{position:absolute;left:24px;bottom:24px;width:160px;height:160px;filter:drop-shadow(2px 3px 0 #000);transform:scale(var(--radar-scale,1));transform-origin:bottom left}
.radar-shell #minimap{display:block;position:static;left:auto;top:auto;bottom:auto;width:100%;height:100%;border:5px solid #040608;border-radius:50%;box-shadow:0 0 0 2px #c0d1ce;opacity:1;image-rendering:auto}
.radar-north{position:absolute;top:-16px;left:calc(50% - 8px);z-index:1;font:900 24px/1 var(--display);color:#f3f6f2;-webkit-text-stroke:1px #000;paint-order:stroke fill}
.hud .objective{left:208px;bottom:25px;max-width:45%;padding:11px 16px;font:600 14px/1.5 var(--display);letter-spacing:.4px;border-left:4px solid #f5d797;background:#060a12d9}
.hud .objective b{font:900 13px/1.5 var(--display);letter-spacing:.8px;color:#f0d68d}
.hud .hint{font:700 12px/1.5 var(--mono);padding:8px 12px;max-width:75%;white-space:normal;text-align:center}
.hud .chaos-hud{font:900 30px/1 var(--display);top:20px;letter-spacing:1px;color:#f5d68d;-webkit-text-stroke:.8px #000;paint-order:stroke fill}
.hud .chaos-hud small{font:700 10px/1.6 var(--mono);letter-spacing:.1px;margin-top:7px;-webkit-text-stroke:0}
@media(min-width:1000px) and (min-height:650px){.screen>.toast{font-size:13px}.panel h2{font-size:39px}.panel p{font-size:13px}.panel button.action{font-size:11px}.panel .row{font-size:12px}.mode-tile>small{font-size:8px}.mode-tile p{font-size:12px}.mode-tile>span{font-size:9px}.mode-tile>b{font-size:29px}.ride-stars{font-size:30px;letter-spacing:4px;-webkit-text-stroke:1px #000;paint-order:stroke fill;text-shadow:2px 3px #000}.ride-job>span{font-size:14px}.ride-job p{font-size:12px}.ride-track{font-size:12px;width:210px}.ride-speed strong{font-size:80px}.ride-speed small{font-size:20px}.ride-condition{width:160px}.ride-condition span{font-size:9px}.ride-condition>div{height:7px;border:2px solid #030406}.ride-condition #rideIntegrity{background:#e93336}.ride-brand{font-size:20px}.ride-brand small{font-size:8px}}
@media(max-width:1000px),(max-height:600px){.hud{--hud-scale:.72;--radar-scale:.75}.hud .hud-right{top:15px;right:16px}.hud .hud-left{top:17px;left:18px}.hud .district{font-size:20px}.hud .combat-status{font-size:8px}.hud .objective{left:160px;bottom:20px;font-size:11px;max-width:45%;padding:8px 12px}.hud .objective b{font-size:10px}.hud .chaos-hud{font-size:24px}.radar-shell{bottom:20px;left:20px}}
.mobile-session .hud{--hud-scale:.5}
.mobile-session .hud .hud-right{top:9px;right:14px}
.mobile-session .hud .hud-left{top:12px;left:17px;max-width:30%}
.mobile-session .hud .district{font-size:17px}
.mobile-session .hud .combat-status{font-size:6px;max-width:160px;line-height:1.6;margin-top:5px}
.mobile-session .radar-shell{left:calc(50% - 34px);top:9px;bottom:auto;width:68px;height:68px;transform:none}
.mobile-session .radar-shell #minimap{width:68px;height:68px;border-width:3px}
.mobile-session .radar-north{font-size:13px;top:-8px;left:28px}
.mobile-session .hud .objective{left:150px;right:315px;bottom:13px;max-width:none;font:600 9px/1.5 var(--display);padding:6px 8px}
.mobile-session .hud .objective b{font-size:8px}
.mobile-session .hud .hint{font:700 7px/1.5 var(--mono);max-width:210px;bottom:154px;top:auto;left:77%;padding:6px 8px}
.mobile-session .hud .chaos-hud{top:86px;font-size:22px}
.mobile-session .hud .chaos-hud small{font-size:6px;margin-top:3px}
@media(max-width:600px) and (orientation:portrait){.hud{--hud-scale:.55;--radar-scale:.5}.hud .hud-right{right:8px;top:10px}.hud .hud-left{left:12px;top:12px}.hud .district{font-size:17px}.hud .combat-status{font-size:6px}.hud .objective{left:110px;bottom:22px;font-size:9px;max-width:62%;padding:6px 8px}.hud .objective b{font-size:8px}.radar-shell{left:14px;bottom:20px}}
@media(max-height:360px) and (orientation:landscape){.mobile-session .hud{--hud-scale:.44}.mobile-session .radar-shell{width:56px;height:56px;left:calc(50% - 28px)}.mobile-session .radar-shell #minimap{width:56px;height:56px}.mobile-session .radar-north{left:22px}.mobile-session .hud .objective{left:118px;right:280px;font-size:8px}.mobile-session .hud .objective b{font-size:7px}.mobile-session .hud .chaos-hud{top:70px;font-size:19px}.mobile-session .hud .hint{bottom:130px}}