#mobile-drive{display:none;position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;font-family:Oswald,Arial Narrow,sans-serif;color:#f1e7cc;--ml: calc(12px + env(safe-area-inset-left)) ;--mr: calc(16px + env(safe-area-inset-right)) ;--mt: calc(12px + env(safe-area-inset-top)) ;--mb: calc(16px + env(safe-area-inset-bottom)) }body.touch.drive-hud #mobile-drive{display:block}body.touch.drive-hud #touch-l,body.touch.drive-hud #touch-r,body.touch.drive-hud #touch-t,body.touch.drive-hud #issue-btn,body.touch.drive-hud #radio,body.touch.drive-hud #ui-hint{display:none!important}#mobile-drive button{pointer-events:auto;touch-action:none;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background:#19233a;color:#f1e7cc;box-shadow:4px 4px #0d131f;font:700 15px Oswald,Arial Narrow,sans-serif;letter-spacing:.12em;cursor:pointer;-webkit-tap-highlight-color:transparent}#mobile-drive button.on{filter:brightness(1.25)}#mobile-drive button svg{width:18px;height:18px;fill:none;stroke:#f1e7cc;stroke-width:2.4;stroke-linejoin:round}#mobile-drive button span{color:#c9c0a8;font-size:10px;letter-spacing:.14em}#mobile-drive .md-menu{left:var(--ml);top:var(--mt);width:52px;height:44px}#mobile-drive .md-map{right:var(--mr);top:var(--mt);width:128px;height:160px;background:transparent;box-shadow:none;align-items:flex-end;justify-content:flex-start;padding:5px}#mobile-drive .md-map svg{width:20px;height:20px;padding:2px;background:#0d131f}#mobile-drive .md-horn,#mobile-drive .md-exit,#mobile-drive .md-radio{bottom:calc(var(--mb) + 130px);width:52px;height:46px}#mobile-drive .md-horn{left:var(--ml)}#mobile-drive .md-exit{left:calc(var(--ml) + 62px)}#mobile-drive .md-radio{left:calc(var(--ml) + 124px)}#mobile-drive .md-radio.open{outline:2px solid #eac450;outline-offset:-2px}#mobile-drive .md-radio.open svg{stroke:#eac450}#mobile-drive .md-left,#mobile-drive .md-right{bottom:var(--mb);width:83px;height:120px}#mobile-drive .md-left{left:var(--ml)}#mobile-drive .md-right{left:calc(var(--ml) + 93px)}#mobile-drive .md-left svg,#mobile-drive .md-right svg{width:38px;height:44px;fill:#f1e7cc;stroke:#0d131f;stroke-width:3}#mobile-drive .md-hand{left:calc(var(--ml) + 186px);bottom:var(--mb);width:82px;height:176px;gap:8px;background:#293953}#mobile-drive .md-hand svg{width:26px;height:26px;stroke:#eac450}#mobile-drive .md-hand span{font-size:15px;color:#f1e7cc;letter-spacing:.1em}#mobile-drive .md-gas,#mobile-drive .md-brake{right:var(--mr);width:84px;gap:6px}#mobile-drive .md-gas{bottom:calc(var(--mb) + 98px);height:140px;background:#eac450;box-shadow:4px 4px #0d131f,inset 0 -5px #0000002e}#mobile-drive .md-gas svg{width:34px;height:26px;fill:#0d131f;stroke:none}#mobile-drive .md-gas span{font-size:18px;color:#0d131f;letter-spacing:.16em}#mobile-drive .md-brake{bottom:var(--mb);height:88px;background:#293953}#mobile-drive .md-brake svg{width:30px;height:22px;fill:#f1e7cc;stroke:#0d131f;stroke-width:2.5}#mobile-drive .md-brake span{font-size:15px;color:#f1e7cc}#mobile-drive .md-radio-panel{pointer-events:auto;position:absolute;left:var(--ml);bottom:calc(var(--mb) + 186px);width:240px;height:152px;box-sizing:border-box;padding:4px 8px;background:#19233a;border-top:4px solid #eac450;box-shadow:5px 5px #0d131f;display:flex;flex-direction:column;gap:4px}#mobile-drive .md-radio-panel[hidden]{display:none}#mobile-drive .md-radio-panel .station,#mobile-drive .md-radio-panel .volume{display:flex;align-items:center;justify-content:space-between;gap:8px}#mobile-drive .md-radio-panel .station{height:44px}#mobile-drive .md-radio-panel .station div{flex:1;min-width:0;text-align:center}#mobile-drive .md-radio-panel small{display:block;font-size:10px;letter-spacing:.16em;color:#9aa6bd}#mobile-drive .md-radio-panel strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#eac450;font-size:18px;line-height:1.1;letter-spacing:.08em}#mobile-drive .md-radio-panel button{position:static;flex:none;width:44px;height:44px;background:#293953;font-size:17px;box-shadow:none}#mobile-drive .md-radio-panel .volume{height:44px}#mobile-drive .md-radio-panel [data-radio=bars]{display:flex;flex:1;gap:3px}#mobile-drive .md-radio-panel [data-radio=bars] i{height:14px;flex:1;background:#293953}#mobile-drive .md-radio-panel [data-radio=bars] i.on{background:#eac450}#mobile-drive .md-radio-panel .off{width:100%;height:44px;background:#b8382a;color:#f1e7cc;font-size:13px;letter-spacing:.16em}#mobile-drive .md-radio-panel.muted strong{color:#c9c0a8}body.touch.drive-hud #hud2{--u: .5}body.touch.drive-hud #hud2 .tr,body.touch.drive-hud #hud2 .tr.beside,body.touch.drive-hud #hud2 .tr .stack{display:contents}body.touch.drive-hud #hud2 .tr .status{position:absolute;left:calc(74px + env(safe-area-inset-left));top:calc(12px + env(safe-area-inset-top));width:162px;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;box-shadow:4px 4px #0d131f}body.touch.drive-hud #hud2 .status .flag,body.touch.drive-hud #hud2 .status .lb{display:none}body.touch.drive-hud #hud2 .status .row{border:0;padding:0}body.touch.drive-hud #hud2 .status .money{font-size:26px;line-height:1}body.touch.drive-hud #hud2 .status .want.max{background:transparent}body.touch.drive-hud #hud2 .stars{gap:1px}body.touch.drive-hud #hud2 .stars svg{width:17px;height:17px}body.touch.drive-hud #hud2 .tr .prog{position:absolute;left:calc(12px + env(safe-area-inset-left));top:calc(66px + env(safe-area-inset-top));width:224px;height:70px;padding:11px 10px 8px;gap:6px;box-shadow:4px 4px #0d131f;overflow:hidden}body.touch.drive-hud #hud2 .prog:before{content:"";position:absolute;left:0;top:0;width:33.333%;height:3px;background:#b8382a;box-shadow:74.7px 0 #f1e7cc,149.4px 0 #283952}body.touch.drive-hud #hud2 .prog .chip{font-size:11px;padding:1px 6px}body.touch.drive-hud #hud2 .prog .pn{font-size:13px}body.touch.drive-hud #hud2 .prog .pb{height:5px}body.touch.drive-hud #hud2 .prog .pg{font-size:12px;line-height:1.1;white-space:nowrap;overflow:hidden}body.touch.drive-hud #hud2 .prog .pg svg{display:none}body.touch.drive-hud #hud2 .tr .radar{position:absolute;right:calc(16px + env(safe-area-inset-right));top:calc(12px + env(safe-area-inset-top));width:128px;height:160px;border:3px solid #0d131f;box-shadow:4px 4px #0d131f;overflow:hidden}body.touch.drive-hud #hud2 .radar .north{top:4px;width:18px;height:18px;font-size:11px}body.touch.drive-hud #hud2 .radar .clock{height:26px;padding:0 8px}body.touch.drive-hud #hud2 .radar .clock .day{font-size:11px;letter-spacing:.08em}body.touch.drive-hud #hud2 .radar .clock .day span{width:22px;overflow:hidden;white-space:nowrap}body.touch.drive-hud #hud2 .radar .clock .day i{width:5px;height:5px}body.touch.drive-hud #hud2 .radar .clock .hm{font-size:16px}body.touch.drive-hud #hud2 .loc{left:calc(12px + env(safe-area-inset-left));right:auto;top:calc(146px + env(safe-area-inset-top));bottom:auto;width:224px;height:26px;background:#0d131f;box-shadow:4px 4px #0d131f;overflow:hidden}body.touch.drive-hud #hud2 .loc .flag{display:none}body.touch.drive-hud #hud2 .loc .lbody{height:26px;padding:0 10px;flex-direction:row;justify-content:flex-start;align-items:center;gap:6px}body.touch.drive-hud #hud2 .loc .dist{font-size:11px;letter-spacing:.12em}body.touch.drive-hud #hud2 .loc .dist svg{width:11px;height:11px}body.touch.drive-hud #hud2 .loc .street{font-size:13px!important;text-shadow:none;flex:1;min-width:0}body.touch.drive-hud #hud2 .speedo{left:calc(12px + env(safe-area-inset-left));bottom:calc(202px + env(safe-area-inset-bottom));width:268px;height:52px;border-left:6px solid #eac450;box-shadow:4px 4px #0d131f}body.touch.drive-hud #hud2 .speedo .st{position:absolute;left:0;right:80px;top:0;bottom:0;display:block;padding:7px 12px;border:0}body.touch.drive-hud #hud2 .speedo .carname{display:block;font-size:17px;line-height:1.1}body.touch.drive-hud #hud2 .speedo .gearchip,body.touch.drive-hud #hud2 .speedo svg{display:none}body.touch.drive-hud #hud2 .speedo .sb,body.touch.drive-hud #hud2 .speedo .sr{display:contents}body.touch.drive-hud #hud2 .speedo .kmh{position:absolute;right:29px;top:0;bottom:0;width:51px;display:flex;align-items:center;justify-content:flex-end;background:#0d131f;font-size:30px;text-shadow:none}body.touch.drive-hud #hud2 .speedo .sr span.lb:nth-of-type(2){position:absolute;right:0;top:0;bottom:0;width:29px;display:flex;align-items:center;background:#0d131f;font-size:10px;letter-spacing:.08em}body.touch.drive-hud #hud2 .speedo .sr .lb:last-of-type{position:absolute;left:12px;bottom:5px;font-size:10px;letter-spacing:.12em}body.touch.drive-hud #hud2 .speedo .hp{position:absolute;left:92px;bottom:10px;width:76px;height:5px;margin:0}body.touch.drive-hud #hud2 .tl{left:calc(12px + env(safe-area-inset-left));top:calc(182px + env(safe-area-inset-top));width:224px}@media(orientation:landscape)and (max-height:500px){#mobile-drive{--ml: calc(20px + env(safe-area-inset-left)) ;--mr: calc(24px + env(safe-area-inset-right)) }#mobile-drive .md-map{height:150px}#mobile-drive .md-horn,#mobile-drive .md-exit,#mobile-drive .md-radio{bottom:calc(var(--mb) + 110px);height:44px}#mobile-drive .md-left,#mobile-drive .md-right{height:100px}#mobile-drive .md-hand{left:auto;right:var(--mr);bottom:calc(var(--mb) + 110px);width:176px;height:44px;flex-direction:row}#mobile-drive .md-hand svg{width:20px;height:20px}#mobile-drive .md-gas{bottom:var(--mb);height:100px}#mobile-drive .md-brake{right:calc(var(--mr) + 94px);height:88px}#mobile-drive .md-radio-panel{left:calc(var(--ml) + 186px);bottom:calc(var(--mb) + 110px)}body.touch.drive-hud #hud2 .tr .status{left:calc(82px + env(safe-area-inset-left))}body.touch.drive-hud #hud2 .tr .prog{left:var(--ml, calc(20px + env(safe-area-inset-left)) )}body.touch.drive-hud #hud2 .tr .radar{right:calc(24px + env(safe-area-inset-right));height:150px}body.touch.drive-hud #hud2 .loc{left:50%;transform:translate(-50%);top:calc(12px + env(safe-area-inset-top));width:auto;min-width:224px;max-width:240px;height:28px}body.touch.drive-hud #hud2 .speedo{left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom));width:300px}body.touch.drive-hud #hud2 .tl{top:calc(146px + env(safe-area-inset-top));left:calc(20px + env(safe-area-inset-left))}}