:root{--control-size:64px;--ui-scale:1}
.mobile-pedal,#mobileMore,#mobileMap{display:none}
.mobile-play #btnsTop{display:none}
.mobile-play #btns{display:contents}
.mobile-play #btns>.abtn{display:none;position:fixed;width:var(--control-size);height:var(--control-size);z-index:5;touch-action:none}
.mobile-play #btns>#btnAction{display:flex;right:calc(14px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom))}
.mobile-play #btns>#btnFire:not(.context-hidden){display:flex;right:calc(26px + var(--control-size));bottom:calc(16px + env(safe-area-inset-bottom))}
.mobile-play.in-vehicle.pedal-controls #btnAccelerate{display:flex;right:calc(14px + env(safe-area-inset-right));bottom:calc(30px + var(--control-size) + env(safe-area-inset-bottom))}
.mobile-play.in-vehicle.pedal-controls #btnReverse{display:flex;right:calc(26px + var(--control-size));bottom:calc(30px + var(--control-size) + env(safe-area-inset-bottom))}
.mobile-play #btnSiren:not(.context-hidden){display:flex;position:fixed;right:calc(14px + env(safe-area-inset-right));bottom:calc(44px + var(--control-size)*2);width:var(--control-size);height:48px;z-index:5}
.mobile-play #mobileMore,.mobile-play #mobileMap{display:flex;align-items:center;justify-content:center;position:fixed;z-index:5;top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));width:48px;height:48px;border:1px solid #adc8c8;border-radius:12px;background:#254554df;color:#f5e8c5;font-size:24px}
.mobile-play #mobileMap{right:calc(68px + env(safe-area-inset-right))}
#mobileMap .icon{width:24px;height:24px}
.mobile-play .abtn span{font-size:9px}.mobile-play .abtn .icon{width:24px;height:24px}
.mobile-play #hudObj{left:12px;bottom:calc(205px + env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:420px;padding:8px 10px;transform:none;font-size:11px;pointer-events:none}
.mobile-play #hudObj .mission-track{height:3px;margin-top:5px}
.mobile-play #hudSpeed{right:calc(38px + var(--control-size)*2);bottom:24px;font-size:25px}
.mobile-play #hudTop{left:calc(10px + env(safe-area-inset-left));top:calc(10px + env(safe-area-inset-top));max-width:calc(100% - 140px);gap:5px;flex-wrap:wrap}
.mobile-play .hudBox{font-size:10px;padding:6px 8px}.mobile-play #hudStars{font-size:12px}
.mobile-play #hudBars{top:100px;left:12px;width:125px}.mobile-play #hudWeapon{font-size:9px}
.mobile-play #location{left:12px;bottom:174px}.mobile-play #location strong{font-size:12px}
.mobile-play #hudToast{top:150px;width:calc(100% - 24px);max-width:420px}.mobile-play #hudToast div{font-size:11px}
.mobile-play #joy{z-index:4;background:#254c5b55;border-color:#bfdfd5a0}
.mobile-play.left-hand #btns>#btnAction,.mobile-play.left-hand #btns>#btnAccelerate,.mobile-play.left-hand #btnSiren{left:14px;right:auto}
.mobile-play.left-hand #btns>#btnFire,.mobile-play.left-hand #btns>#btnReverse{left:calc(26px + var(--control-size));right:auto}
.mobile-play.left-hand #hudSpeed{left:calc(38px + var(--control-size)*2);right:auto}
.mobile-play.map-mode #mobileMore,.mobile-play.map-mode #mobileMap{display:none}
.mobile-play #menuBox{font-size:calc(14px * var(--ui-scale));width:min(760px,100%)}
.mobile-play .btn,.mobile-play select{min-height:48px}.mobile-play .btn.small{min-height:48px}
.setting{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #54707a;font-size:14px}
.setting select{max-width:60%;padding:10px;background:#294555;color:#f0e5d2;border-radius:8px}.setting input[type=range]{width:45%;min-height:48px}.setting input[type=checkbox]{width:24px;height:24px}.setting.check{justify-content:flex-start;min-height:48px}
.mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.mobile-grid .btn{margin:0;font-size:12px;min-height:48px}
#layoutTools{position:fixed;top:8px;left:8px;right:8px;background:#173c4ced;z-index:30;padding:8px;display:flex;justify-content:space-between;align-items:center;font-size:12px}#layoutTools button{min-height:48px;padding:10px;background:#f4cf85;color:#193642;border:0;border-radius:8px}
#mobileJoyAnchor{position:fixed;left:28px;bottom:34px;width:120px;height:120px;z-index:25;background:#a7d8d37c;border:2px dashed #e9ddbc;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px}
.layout-edit #touchZone{display:none}.layout-edit #btns>.abtn,.layout-edit #btnSiren{display:flex!important;pointer-events:auto;z-index:25;border-style:dashed}
#gpsGuide{position:fixed;top:102px;left:50%;transform:translateX(-50%);z-index:4;max-width:min(400px,70%);background:#173e4de8;border:1px solid #9cc7bd;border-radius:10px;padding:8px 12px;color:#e9efcf;font-size:12px;pointer-events:none}
.mobile-play #gpsGuide{top:140px;max-width:calc(100% - 24px);font-size:11px}
.map-tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.map-tools button{min-width:48px;min-height:48px;font-size:13px}
@media (orientation:landscape){.mobile-play #hudObj{left:170px;bottom:14px;width:calc(100% - 370px);max-width:450px}.mobile-play #location{left:12px;bottom:164px}.mobile-play #gpsGuide{top:16px;max-width:38%}.mobile-play #hudToast{left:50%;top:78px;width:38%}.mobile-play #hudBars{top:90px}.mobile-play #hudTop{max-width:35%}}
.career-banner{padding:14px;border:1px solid #769a9a;border-radius:12px;margin:12px 0;background:#214b5966}.career-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.district-swatch{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:8px}.quick-card{border-left:4px solid #6bd4c1}.tutorial-note{position:fixed;top:70px;left:50%;transform:translateX(-50%);z-index:6;background:#244f60ef;border:1px solid #e8cf8e;max-width:70%;padding:10px;border-radius:10px;font-size:12px;pointer-events:none}

#btns>#btnSiren{display:none}.mobile-play:not(.has-session) #mobileMore,.mobile-play:not(.has-session) #mobileMap{display:none}.mobile-play .nav-point{min-height:48px}

.mobile-play #btns>#btnSiren:not(.context-hidden){display:flex}

.mobile-play .hudBox{font-size:calc(10px * var(--ui-scale))}.mobile-play #hudObj{font-size:calc(11px * var(--ui-scale))}

body.mobile-play #btnsTop{display:none!important}
.mobile-play #hudClan{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-play #hudBars{top:140px}.mobile-play #gpsGuide{top:112px;left:auto;right:12px;transform:none;max-width:calc(100% - 155px)}
@media (orientation:landscape){.mobile-play #hudTop{max-width:340px;flex-direction:row;flex-wrap:nowrap}.mobile-play #hudTop .hudBox{min-width:0;max-width:180px}.mobile-play #hudTop .center{width:130px;max-width:130px}.mobile-play #hudBars{top:66px}.mobile-play #gpsGuide{top:76px;left:50%;right:auto;transform:translateX(-50%);max-width:38%}.mobile-play #hudToast{top:120px}}

.mobile-play.layout-edit #btns>.abtn{display:none!important}.mobile-play.layout-edit #btns>#btnAccelerate,.mobile-play.layout-edit #btns>#btnReverse,.mobile-play.layout-edit #btns>#btnFire,.mobile-play.layout-edit #btns>#btnAction{display:flex!important}

.interior-mode #mobileMap,.interior-mode #hudSpeed{display:none!important}.staff-card progress{width:100%;height:10px;accent-color:#77c5af}