#driving-hud{position:fixed;inset:0;z-index:1100;pointer-events:none;color:#f3fff9;font:14px system-ui}#driving-hud[hidden]{display:none}#driving-hud button{pointer-events:auto;touch-action:none;cursor:pointer;color:inherit;border:1px solid #9cceb14d;background:#0a211de6;min-height:44px;min-width:44px;border-radius:14px;font:inherit}#driving-hud button:focus-visible{outline:2px solid #55ffae;outline-offset:3px}#driving-hud button:disabled{opacity:.5}#driving-hud button:hover{background:#194d3d}#driving-hud .drive-compass{position:absolute;top:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-evenly;width:250px;height:44px;background:linear-gradient(90deg,transparent,#092520aa,transparent);text-shadow:0 1px 3px #000}.drive-compass span{font-size:11px;color:#d0e5db}.drive-compass strong{color:#58ffb3;font-size:17px}.drive-compass strong:before{content:'▾';display:block;line-height:5px;text-align:center}.drive-room{position:absolute;top:20px;right:88px;display:flex;gap:12px;align-items:center;padding:8px 18px;text-align:left}.drive-room>span:first-child{font-size:28px;color:#55f5af}.drive-room small{display:block;color:#b0c9bf;font-size:11px}.drive-map{position:absolute;left:28px;bottom:70px;width:190px;height:190px}.drive-map canvas{width:100%;height:100%;border-radius:50%;box-shadow:0 2px 24px #0006;border:1px solid #c9dfcf66}.drive-north{position:absolute;top:8px;left:50%;transform:translateX(-50%);font-size:11px}.drive-map-caption{position:absolute;left:16px;right:0;top:calc(100% - 2px);width:max-content;max-width:100%;background:#091e1de6;border:1px solid #9cceb12b;border-radius:10px;padding:8px 12px}.drive-map-caption strong,.drive-map-caption small{display:block;font-size:12px}.drive-map-caption small{font-size:10px;color:#adc5ba;margin-top:2px}.drive-cluster{position:absolute;right:28px;bottom:30px;width:250px;text-align:center}.drive-dial{width:200px;height:200px;position:relative;background:radial-gradient(circle,#09211b8c 56%,#09211b33 67%,transparent 68%)}.drive-dial svg{width:100%;height:100%;fill:none;stroke-width:4;transform:none}.dial-track{stroke:#c0d8ce38}.dial-ticks{stroke:#d9e9e080;stroke-dasharray:.4 5;stroke-width:7}.dial-speed{stroke:#52ffb1;stroke-dasharray:0 100;filter:drop-shadow(0 0 4px #43ffb066)}.drive-speed{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-shadow:0 1px 3px #000}.drive-speed strong{font-size:52px;font-weight:650;line-height:1;font-variant-numeric:tabular-nums}.drive-speed>span{font-size:12px;margin-top:5px}.drive-speed b{font-size:24px;color:#58ffb3;margin-top:14px}.drive-boost{position:absolute;right:0;top:88px;width:50px;padding:4px!important}.drive-boost>span{display:block;font-size:26px;line-height:28px}.drive-boost small{font-size:8px;letter-spacing:.06em}.drive-boost meter{width:34px;height:5px;display:block;margin:5px auto}.drive-boost.held{background:#297949!important;box-shadow:0 0 16px #50ffa480}#drive-state{position:absolute;top:178px;left:0;width:200px;font-size:9px;letter-spacing:.15em;color:#cce2d6}.drive-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.drive-actions button{font-size:12px!important;border-radius:50%!important}.drive-altitude-controls{position:absolute;bottom:calc(100% + 8px);right:0}.drive-altitude-controls .flight-quick-controls{position:static!important;display:flex;gap:6px}.drive-altitude-controls [data-flight-key="ShiftLeft"]{display:none!important}#driving-hud[data-mode="auto"] .drive-altitude-controls{display:none}body.mobile-tools-open #driving-hud{display:none}
/* Retain original controls and settings handlers while replacing their visual instruments. */
body.driving-hud-active #flight-controls,body.driving-hud-active #auto-controls{display:none!important}
body.driving-hud-active #auto-hud,body.driving-hud-active #flight-hud{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;pointer-events:none!important}
body.driving-hud-active #auto-hud>:not(.controller-options),body.driving-hud-active #flight-hud>:not(.controller-options){display:none!important}body.driving-hud-active .controller-options.mobile-tool-open{pointer-events:auto!important}
@media(max-width:760px){#driving-hud .drive-compass{top:calc(76px + env(safe-area-inset-top));height:30px;width:190px}.drive-room{top:calc(12px + env(safe-area-inset-top));right:66px;padding:6px 10px;gap:7px;min-width:76px!important}.drive-room>span:first-child{font-size:22px}.drive-room small{font-size:9px}.drive-map{width:116px;height:116px;left:14px;bottom:calc(94px + env(safe-area-inset-bottom))}.drive-map-caption{left:0;padding:7px 9px}.drive-map-caption strong{font-size:11px}.drive-map-caption small{font-size:9px}.drive-cluster{right:12px;bottom:calc(26px + env(safe-area-inset-bottom));width:174px}.drive-dial{width:144px;height:144px}.drive-speed strong{font-size:38px}.drive-speed>span{font-size:10px}.drive-speed b{font-size:19px;margin-top:10px}.drive-boost{top:53px;right:-2px;width:44px!important;min-width:44px!important}.drive-dial{margin-left:-7px}#drive-state{top:129px;width:132px;font-size:8px}.drive-actions{gap:7px;margin-top:7px}.drive-actions button{font-size:10px!important}.drive-altitude-controls button{font-size:12px!important;min-width:70px!important}.drive-altitude-controls{bottom:calc(100% + 12px)}body.driving-hud-active #ride-brand{max-width:calc(100vw - 184px);padding:10px 12px!important}body.driving-hud-active #ride-brand button{display:none!important}}
@media(max-height:500px) and (min-width:600px){#driving-hud .drive-compass{top:18px;left:50%;width:190px}.drive-map{width:110px;height:110px;bottom:57px}.drive-cluster{bottom:16px;width:174px}.drive-dial{width:140px;height:140px}.drive-speed strong{font-size:36px}.drive-speed b{font-size:18px;margin-top:7px}.drive-boost{top:52px}#drive-state{top:124px;width:140px}.drive-altitude-controls{right:180px;bottom:0;white-space:nowrap}.drive-room{top:12px}}