:root{--ui-font-size:.78rem;--navi-font-size:calc(var(--ui-font-size) * .7);color:#f5f5f5;background:#0a0a12;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;font-family:inherit;overflow:hidden}input,textarea,select,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}#street-view-host{z-index:0;position:fixed;inset:0;overflow:hidden}#street-view{width:100%!important;height:100%!important;position:absolute!important;inset:0!important}#car-canvas{z-index:2;pointer-events:none;opacity:0;visibility:hidden;width:100%;height:100%;position:fixed;inset:0}#map-panel-host{z-index:1;transition:clip-path .35s;position:fixed;inset:0;overflow:hidden}#map-panel-host.map-pending{visibility:hidden}#map-panel{width:100%!important;height:100%!important;position:absolute!important;inset:0!important}#map-panel>div,#map-panel iframe{width:100%!important;height:100%!important}body.view-3d #map-panel-host{z-index:3;clip-path:inset(1rem calc(100% - min(280px,42vw) - 1rem) calc(100% - min(200px,28vh) - 1rem) 1rem round 8px);pointer-events:auto;border:1px solid #ffffff26;box-shadow:0 4px 24px #0000008c}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body.view-3d.driver-mapnav #map-panel-host{z-index:0;clip-path:inset(0);box-shadow:none;pointer-events:auto;border:none}body.view-3d.driver-mapnav #street-view-host{opacity:0;visibility:hidden;pointer-events:none}body.view-3d.driver-mapnav #car-canvas{opacity:1;visibility:visible;z-index:2}body.view-3d .steering-wheel{margin-left:0;bottom:0;left:50%;transform:translate(-50%)}body.demo-mode.view-3d #street-view-host,body.demo-mode.view-3d #map-panel-host{visibility:hidden;pointer-events:none}body.demo-mode.view-3d #car-canvas{opacity:1;visibility:visible;z-index:1}body.demo-mode #driver-frame{visibility:hidden;opacity:0}.billing-banner{pointer-events:auto;z-index:10;background:#1e2332f5;border:1px solid #ffc86473;border-radius:10px;max-width:min(28rem,92vw);padding:1rem 1.1rem;line-height:1.5;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0000008c}.billing-banner button{color:inherit;cursor:pointer;font:inherit;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:6px;margin-top:.75rem;padding:.4rem .85rem}.billing-banner button:hover{background:#ffffff38}#driver-frame{z-index:3;pointer-events:none;opacity:0;visibility:hidden;background:linear-gradient(#0000008c 0%,#0000 12%),linear-gradient(#0000 78%,#0a0a108c 92%,#0a0a10eb 100%);position:fixed;inset:0}#driver-frame:before,#driver-frame:after{content:"";background:linear-gradient(90deg,#08080cf2,#08080c59);width:4.5%;position:absolute;top:0;bottom:18%}#driver-frame:before{left:0}#driver-frame:after{right:0;transform:scaleX(-1)}body.view-3d #driver-frame{opacity:0;visibility:hidden}.tilt-slider{accent-color:#7eb8ff;cursor:pointer;width:100%}#hud{z-index:4;pointer-events:none;text-shadow:0 1px 4px #000000d9;flex-direction:column;display:flex;position:fixed;inset:0}.hud-map-bar{pointer-events:auto;z-index:8;width:auto;max-width:min(100vw,22rem);padding:calc(.35rem + env(safe-area-inset-top,0px)) max(.5rem, env(safe-area-inset-right,0px)) .4rem .75rem;background:linear-gradient(270deg,#08080ee6 0%,#08080e80 75%,#0000 100%);flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:.65rem .85rem;display:flex;position:fixed;top:0;left:auto;right:0}.map-bar-control{align-items:center;gap:.45rem;margin:0;display:flex}.map-bar-label{text-transform:uppercase;letter-spacing:.06em;opacity:.65;white-space:nowrap;font-weight:600}.map-bar-value{font-variant-numeric:tabular-nums;min-width:2ch;font-weight:600}.map-bar-slider{width:min(120px,28vw);margin:0}.map-zoom-buttons{align-items:center;gap:.35rem;margin:0;display:flex}.map-zoom-btn{color:#f5f5f5d9;width:1.65rem;height:1.65rem;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:6px;flex:none;padding:0;line-height:1}.map-zoom-btn:hover:not(:disabled){background:#4fc3f726;border-color:#4fc3f766}.map-zoom-btn:disabled{opacity:.35;cursor:default}.hud-top--hidden,.hud-dock--hidden{display:none!important}.hud-top{pointer-events:auto;background:linear-gradient(#08080ed1 0%,#0000 100%);justify-content:space-between;align-items:flex-start;gap:1rem;padding:.85rem 1.25rem;display:flex}.hud-top-left{flex:1;min-width:0;max-width:22rem}.hud-top-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.5rem;display:flex}.hud-title{letter-spacing:.01em;font-weight:700}.hud-search{margin-top:.45rem;position:relative}.hud-search #address-input{width:100%;color:inherit;font:inherit;background:#0a0a14bf;border:1px solid #ffffff40;border-radius:6px;padding:.4rem .6rem}#address-suggestions{color:#111;z-index:20;background:#fff;border-radius:6px;width:100%;max-height:200px;display:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 6px 20px #00000059}.address-suggestion{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:none;padding:.5rem .65rem;display:block}.address-suggestion:hover{background:#eee}.location-text{opacity:.85;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:.3rem;overflow:hidden}.position-coords{max-width:min(26rem,92vw);margin-top:.35rem}.position-coords-label{text-transform:uppercase;letter-spacing:.07em;color:#ffffff73;margin-bottom:.15rem;display:block}.position-coords-row{align-items:center;gap:.4rem;display:flex}.position-coords-text{font-variant-numeric:tabular-nums;color:#ffffffe0;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:all;user-select:all;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;flex:auto;min-width:0;padding:.28rem .45rem;overflow:hidden}.position-coords-text:hover{background:#ffffff17;border-color:#ffffff38}.position-copy-btn{pointer-events:auto;font:inherit;color:#f5f5f5;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:6px;flex:none;padding:.28rem .55rem}.position-copy-btn:hover{background:#ffffff24}.road-overlay-info{opacity:.75;color:#ffea00;max-width:min(22rem,70vw);margin-top:.2rem;line-height:1.35}.road-overlay-info.is-error{color:#ff8a80}.road-overlay-info.is-loading{opacity:.55}.api-debug--compact{max-width:min(18rem,50vw);margin-top:0}.api-debug--compact .api-debug-toggle{padding:.35rem .55rem}.api-debug--compact .api-debug-body{max-height:28vh}#loading-panel{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#06060cf7;justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}#loading-panel.is-dismissing{opacity:0;visibility:hidden;pointer-events:none}#loading-panel.hidden{display:none}.loading-card{text-align:center;background:#0e0e16eb;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;align-items:center;gap:.85rem;min-width:min(18rem,86vw);padding:1.75rem 2rem 1.6rem;display:flex;box-shadow:0 12px 40px #0000008c,inset 0 1px #ffffff0f}.loading-spinner{border:3px solid #ffffff24;border-top-color:#ffc857;border-radius:50%;width:2.4rem;height:2.4rem;animation:.85s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}.loading-title{letter-spacing:.02em;color:#f0f2f5;font-weight:600}.loading-status{color:#ffffffb8;max-width:16rem;line-height:1.45}.loading-progress-track{background:#ffffff1a;border-radius:999px;width:100%;height:6px;margin-top:.15rem;overflow:hidden}.loading-progress-bar{border-radius:inherit;background:linear-gradient(90deg,#ffc857,#ff9f43);width:0%;height:100%;transition:width .22s ease-out}.loading-progress-pct{font-variant-numeric:tabular-nums;color:#ffffff8c}body.app-loading .speedometer,body.app-loading .steering-wheel,body.app-loading .hud-map-bar,body.app-loading .navi-screen,body.app-loading .drive-pedals{visibility:hidden;pointer-events:none}body.app-loading #car-canvas,body.app-loading #map-panel-host,body.app-loading #street-view-host{visibility:hidden}body.maps-unavailable #map-panel-host,body.maps-unavailable #street-view-host,body.maps-unavailable #car-canvas,body.maps-unavailable #steering-wheel,body.maps-unavailable .speedometer,body.maps-unavailable #driver-frame{visibility:hidden!important;pointer-events:none!important}#api-error{z-index:101;pointer-events:auto;background:#50141eeb;border:1px solid #ff787859;border-radius:10px;max-width:min(24rem,92vw);padding:1rem 1.1rem;line-height:1.5;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #0000008c}#api-error code{background:#00000040;border-radius:3px;padding:.1em .3em}.api-hint{opacity:.9;margin-top:.5rem}.api-debug{pointer-events:auto;background:#0a0c16eb;border:1px solid #ffffff26;border-radius:8px;max-width:min(36rem,94vw);margin-top:.75rem;line-height:1.45}.api-debug[open]{border-color:#fff3}.api-debug:has(.api-debug-indicator--fail:not([hidden])){border-color:#f0808073}.api-debug:has(.api-debug-indicator--warn:not([hidden])){border-color:#e8c66a66}.api-debug-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;padding:.55rem .75rem;list-style:none;display:flex}.api-debug-toggle::-webkit-details-marker{display:none}.api-debug-toggle:before{content:"▸";opacity:.65;transition:transform .15s}.api-debug[open] .api-debug-toggle:before{transform:rotate(90deg)}.api-debug-body{max-height:38vh;padding:0 .75rem .75rem;overflow-y:auto}.api-debug-summary{opacity:.75;white-space:nowrap;margin-left:auto}.api-debug-indicator{border-radius:50%;flex-shrink:0;width:.55rem;height:.55rem;box-shadow:0 0 0 2px #00000059}.api-debug-indicator--fail{background:#f08080;box-shadow:0 0 6px #f08080a6}.api-debug-indicator--warn{background:#e8c66a;box-shadow:0 0 6px #e8c66a8c}.api-debug-columns{grid-template-columns:1fr 1fr;gap:.75rem 1rem;display:grid}@media (width<=640px){.api-debug-columns{grid-template-columns:1fr}}.api-debug-section{text-transform:uppercase;letter-spacing:.04em;opacity:.85;margin-bottom:.35rem;font-weight:600}.api-debug-col:first-child .api-debug-section{color:#8fd99a}.api-debug-col:last-child .api-debug-section{color:#f0a0a0}.api-debug-list{padding:0;list-style:none}.api-debug-empty{opacity:.55;font-style:italic}.api-debug-list li,#api-debug-ok li,#api-debug-fail li{margin-bottom:.55rem}.debug-pass{color:#8fd99a}.debug-warn{color:#e8c66a}.debug-fail{color:#f08080}.debug-hint{opacity:.85;margin-top:.2rem;display:inline-block}.api-debug-title{font-weight:600}.stats{font-variant-numeric:tabular-nums;gap:1.25rem;display:flex}.vehicle-loading{color:#a8b4c8;letter-spacing:.02em}.hud-camera{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a14d1;border:1px solid #fff3;border-radius:10px;flex-direction:column;gap:.45rem;min-width:7rem;padding:.6rem .7rem;display:flex;position:fixed;top:50%;right:1rem;transform:translateY(-50%)}.hud-camera[hidden]{display:none}.tilt-label{opacity:.85;justify-content:space-between;gap:.35rem;margin-top:.15rem;display:flex}.camera-presets{border-top:1px solid #ffffff1f;margin-top:.35rem;padding-top:.45rem}.camera-presets-label{text-transform:uppercase;letter-spacing:.06em;opacity:.75;margin-bottom:.35rem;display:block}.camera-presets-btns{grid-template-columns:repeat(3,1fr);gap:.3rem;display:grid}.preset-btn{font:inherit;color:#f0f0f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:6px;padding:.32rem .25rem;line-height:1.1}.preset-btn:hover{background:#ffffff1f}.preset-btn.active{color:#fff;background:#2196f347;border-color:#64b5f6a6}.hud-dock{pointer-events:none;z-index:6;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 1.25rem;display:flex;position:fixed;bottom:0;left:0;right:0}.hud-dock-left,.hud-dock-right{pointer-events:auto;align-items:center;gap:.45rem;display:flex}.hud-dock-left{z-index:6;position:fixed;bottom:11rem;left:1.25rem}.dock-btn{color:inherit;cursor:pointer;white-space:nowrap;background:#0a0a14d1;border:1px solid #ffffff47;border-radius:6px;padding:.4rem .75rem}.dock-btn:hover{background:#282c3ae6}.dock-btn--primary{background:#142337e0;border-color:#7eb8ff73}.dock-btn.active{background:#14281ce0;border-color:#8fd99a73}.controls-hint{pointer-events:none;opacity:.92;white-space:nowrap;background:#0a0a14e0;border:1px solid #ffffff2e;border-radius:8px;max-width:96vw;padding:.45rem .85rem;line-height:1.55;position:fixed;bottom:3.75rem;left:50%;overflow-x:auto;transform:translate(-50%)}.debug-legend{opacity:.85}.controls-hint kbd{text-align:center;background:#ffffff24;border:1px solid #ffffff38;border-radius:4px;min-width:1.25em;margin-right:.08em;padding:.06em .28em;display:inline-block}:root{--wheel-size:min(360px, 68vw);--wheel-clip-ratio:.66;--wheel-sink-ratio:.38}@media (orientation:landscape) and (height<=520px){:root{--wheel-size:min(300px, 52vh)}.navi-screen{width:min(168px,28vw);max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));top:env(safe-area-inset-top,0px)}.touch-speed-track{height:min(18vh,100px)}}@media (orientation:portrait) and (width<=520px){:root{--wheel-size:min(268px, 58vw)}.navi-screen{width:min(180px,36vw)}.drive-pedals{padding-bottom:10%}.touch-speed-track{height:min(22vh,118px)}.touch-steer-btn{width:2.4rem;height:2.4rem}}.steering-wheel{z-index:5;width:var(--wheel-size);height:calc(var(--wheel-size) * var(--wheel-clip-ratio));pointer-events:auto;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:fixed;bottom:0;left:50%;overflow:visible;transform:translate(-50%)}.steering-wheel:active{cursor:grabbing}.wheel-clip{pointer-events:none;width:100%;height:100%;position:relative;overflow:hidden}.wheel-rotator{left:50%;bottom:calc(var(--wheel-size) * calc(-1 * var(--wheel-sink-ratio)));width:var(--wheel-size);height:var(--wheel-size);transform-origin:50%;pointer-events:auto;will-change:transform;filter:drop-shadow(0 6px 18px #0000008c);z-index:2;position:absolute;transform:translate(-50%)}.wheel-img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block}.navi-screen{font-size:var(--navi-font-size);top:env(safe-area-inset-top,0px);z-index:6;width:min(200px,34vw);max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#060a12d1;border:1px solid #4fc3f759;border-left:none;border-radius:0 10px 10px 0;padding:.45rem .5rem .4rem;position:fixed;left:0;overflow:hidden auto;box-shadow:4px 0 20px #00000059}.navi-screen[hidden]{display:none!important}.navi-screen--active{border-color:#4fc3f78c;box-shadow:0 6px 28px #000000a6,0 0 0 1px #4fc3f726,inset 0 1px #ffffff0f}.navi-screen-header{justify-content:space-between;align-items:center;gap:.35rem;margin-bottom:.2rem;display:flex}.navi-lang-btn{color:#f5f5f5d9;min-width:1.65rem;height:1.65rem;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:6px;flex:none;padding:0 .35rem;font-weight:600;line-height:1}.navi-lang-btn:hover{background:#4fc3f726;border-color:#4fc3f766}.navi-collapse-btn{color:#f5f5f5d9;width:1.65rem;height:1.65rem;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:6px;flex:none;padding:0;line-height:1}.navi-collapse-btn:hover{background:#4fc3f726;border-color:#4fc3f766}.navi-screen--collapsed{width:auto;min-width:0;max-height:none;padding:.35rem .3rem .35rem .4rem;overflow:hidden}.navi-screen--collapsed .navi-screen-title,.navi-screen--collapsed .navi-screen-body{display:none}.navi-screen--collapsed .navi-screen-header{flex-direction:column;align-items:stretch;gap:.25rem;margin-bottom:0}.navi-screen--collapsed .navi-status{writing-mode:vertical-rl;text-orientation:mixed;text-overflow:ellipsis;white-space:nowrap;max-height:5rem;overflow:hidden;transform:rotate(180deg)}.navi-screen--collapsed .navi-collapse-btn,.navi-screen--collapsed .navi-lang-btn{width:100%}.navi-instruction{line-height:1.25}.navi-distances{gap:.25rem}.navi-distance-block{padding:.2rem 0}.navi-minimap{max-height:48px}.navi-status{font-variant-numeric:tabular-nums;color:#7eb8ff}.navi-destination{display:none}.navi-dest-picker{margin-bottom:.55rem}.navi-dest-field{display:block}.navi-dest-field+.navi-dest-field{margin-top:.45rem}.navi-jump-combo{align-items:stretch;display:flex;position:relative}.navi-jump-input{color:#f5f5f5eb;min-width:0;font:inherit;background:#ffffff0a;border:1px solid #ffffff24;border-right:none;border-radius:8px 0 0 8px;outline:none;flex:1;padding:.42rem .55rem;font-weight:500;transition:background .15s,border-color .15s}.navi-jump-input::placeholder{color:#f5f5f561}.navi-jump-input:focus{background:#4fc3f714;border-color:#4fc3f773}.navi-dest-label{letter-spacing:.04em;text-transform:uppercase;color:#f5f5f58c;margin-bottom:.28rem;font-weight:600;display:block}.navi-dest-combo{align-items:stretch;display:flex;position:relative}.navi-dest-input{color:#f5f5f5eb;min-width:0;font:inherit;background:#ffffff0a;border:1px solid #ffffff24;border-right:none;border-radius:8px 0 0 8px;outline:none;flex:1;padding:.42rem .55rem;font-weight:500;transition:background .15s,border-color .15s}.navi-dest-input::placeholder{color:#f5f5f561}.navi-dest-input:focus{background:#4fc3f714;border-color:#4fc3f773}.navi-dest-dropdown-btn{color:#f5f5f5bf;width:2rem;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:0 8px 8px 0;flex:none;padding:0;line-height:1;transition:background .15s,border-color .15s,color .15s}.navi-dest-dropdown-btn:hover,.navi-dest-dropdown-btn[aria-expanded=true]{color:#e1f5fe;background:#4fc3f724;border-color:#4fc3f766}.navi-dest-menu{z-index:20;background:#0c101cf5;border:1px solid #4fc3f759;border-radius:8px;max-height:220px;margin:0;padding:.28rem 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000073}.navi-dest-menu-item{color:#f5f5f5e0;cursor:pointer;padding:.42rem .65rem;font-weight:500;transition:background .12s}.navi-dest-menu-item:hover{background:#4fc3f724}.navi-dest-menu-item--preset{font-weight:600}.navi-dest-menu-item--suggest{color:#f5f5f5b8;font-weight:400}.navi-dest-menu-divider{letter-spacing:.06em;text-transform:uppercase;color:#f5f5f561;pointer-events:none;padding:.35rem .65rem .2rem;font-weight:700}.navi-main{align-items:flex-start;gap:.55rem;margin-bottom:.5rem;display:flex}.navi-maneuver-stack{flex-direction:column;flex:none;align-items:center;gap:.2rem;min-width:2.85rem;display:flex}.navi-maneuver-icon{background:#4fc3f738;border:1px solid #4fc3f773;border-radius:8px;place-items:center;width:2.35rem;height:2.35rem;line-height:1;display:grid}.navi-maneuver-svg{width:1.65rem;height:1.65rem;display:block}.navi-maneuver-arrow-group,.navi-maneuver-arrive-mark,.navi-maneuver-roundabout-mark{display:none}.navi-maneuver-icon[data-kind=arrow] .navi-maneuver-arrow-group,.navi-maneuver-icon[data-kind=arrive] .navi-maneuver-arrive-mark,.navi-maneuver-icon[data-kind=roundabout] .navi-maneuver-roundabout-mark{display:block}.navi-maneuver-arrow{fill:#4fc3f7;stroke:none}.navi-maneuver-arrive-ring{fill:none;stroke:#4fc3f7;stroke-width:2.5px}.navi-maneuver-arrive-dot{fill:#4fc3f7}.navi-maneuver-roundabout-arc{fill:none;stroke:#4fc3f7;stroke-width:2.75px;stroke-linecap:round}.navi-maneuver-roundabout-head{fill:#4fc3f7;stroke:none}.navi-maneuver-stack .navi-turn-distance{font-size:var(--ui-font-size);font-variant-numeric:tabular-nums;color:#f5f5f5eb;text-align:center;white-space:nowrap;font-weight:500;line-height:1.2}.navi-instruction{font-size:var(--ui-font-size);flex:1;min-height:2.25rem;line-height:1.35}.navi-distances{gap:.75rem;margin-bottom:.45rem;display:flex}.navi-distance-block{flex-direction:column;flex:1;gap:.1rem;display:flex}.navi-distance-label{text-transform:uppercase;letter-spacing:.06em;opacity:.65}.navi-remain-distance{font-variant-numeric:tabular-nums;color:#8fd99a;font-weight:600}.navi-speed-limit{font-variant-numeric:tabular-nums;color:#ffea00;font-weight:600}.navi-distance-block--limit.navi-distance-block--unknown .navi-speed-limit{color:#ffffff59;font-weight:500}.navi-distance-block--limit.navi-distance-block--over .navi-speed-limit{color:#ff8a80}.navi-minimap{border-radius:6px;width:100%;height:auto;display:block}.navi-minimap-bg{fill:#ffffff0a;stroke:#ffffff1a;stroke-width:.5px}.navi-route-line{fill:none;stroke:#4fc3f7;stroke-width:2.75px;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .2s}.navi-vehicle-arrow{fill:#ffc857;stroke:#0000008c;stroke-width:1.25px;stroke-linejoin:round;filter:drop-shadow(0 0 2px #ffc8578c);opacity:0;transition:opacity .2s}.navi-dest-dot{fill:#8fd99a;stroke:#00000073;stroke-width:.5px;opacity:0}.navi-screen--loading .navi-status{color:#e8c66a}.navi-screen--error .navi-status{color:#f08080}.navi-screen--arrived .navi-status{color:#8fd99a}body.navi-active #map-panel-host{box-shadow:0 4px 24px #0000008c,0 0 0 1px #4fc3f733}.speedometer{pointer-events:none}.speedometer--hub{left:50%;bottom:calc(var(--wheel-size) * .22);width:calc(var(--wheel-size) * .36);z-index:0;isolation:isolate;-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(90% 80% at 50% 35%,#2a2c328c 0%,#0000 70%),linear-gradient(#1c1e24 0%,#0a0b0e 55%,#040506 100%);border:2px solid #1c1e24f2;border-radius:50%;padding:.4rem .45rem .3rem;position:absolute;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 4px 14px #000000e0,inset 0 1px #ffffff0d,inset 0 -2px 6px #00000073,0 2px 8px #0000008c}.speedo-svg--hub{opacity:.95}.speedo-svg--arc{z-index:0;position:relative}.speedo-svg--needle{z-index:2;pointer-events:none;width:100%;height:auto;position:absolute;top:0;left:0}.speedo-readout--hub{z-index:1;text-align:center;line-height:1.05;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.speedo-readout--hub .speedo-value{font-variant-numeric:tabular-nums;color:#eceef2;text-shadow:0 1px 4px #000000f2;font-weight:700;display:block}.speedo-readout--hub .speedo-unit{text-transform:none;letter-spacing:.04em;font-size:.7em}.speedometer:not(.speedometer--hub){display:none}.speedo-main{flex:auto;width:132px;min-width:0}.speedo-svg{width:100%;height:auto;display:block}.speedo-arc{stroke-width:5px;stroke-linecap:round}.speedo-arc--track{stroke:#ffffff47}.speedo-ticks line{stroke:#ffffff8c;stroke-width:2px;stroke-linecap:round}.speedo-label{fill:#ffffff8c;font-variant-numeric:tabular-nums;text-anchor:middle;font-family:Segoe UI,system-ui,sans-serif}.speedo-label--start{text-anchor:start}.speedo-label--end{text-anchor:end}.speedo-needle-shaft{stroke:url(#speedo-needle-gradient);stroke-width:3.6px;stroke-linecap:round}.speedo-needle-cap{fill:#c8ccd4;stroke:#00000059;stroke-width:1.2px}.speedo-readout{flex-direction:column;align-items:center;margin-top:.15rem;line-height:1.05;display:flex}.speedo-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#f5f5f5;font-weight:600}.speedo-unit{text-transform:uppercase;letter-spacing:.1em;color:#ffffff8c}.drive-pedals,.drive-pedals *,.touch-brake-btn,.touch-brake-img,.touch-steer,.touch-steer *,#hud button,.map-toggle button,.camera-btn,.camera-preset-btn,.map-dock button,.map-dock input,.billing-banner button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.touch-steer{pointer-events:none;z-index:8;justify-content:space-between;align-items:flex-start;width:100%;padding:0;display:flex;position:absolute;inset:0 auto auto 0}.touch-steer-btn{pointer-events:auto;width:2.65rem;height:2.65rem;color:inherit;touch-action:manipulation;cursor:pointer;background:#0a0a14d1;border:1px solid #ffffff52;border-radius:50%;box-shadow:0 2px 10px #00000073}.touch-steer-btn--active{background:#1e3246f0;border-color:#4fc3f7a6;box-shadow:0 0 10px #4fc3f759}@media (pointer:fine) and (width>=900px){.touch-steer{display:none}}.drive-pedals{pointer-events:none;z-index:6;height:calc(var(--wheel-size) * var(--wheel-clip-ratio));padding-left:max(.45rem, env(safe-area-inset-left));padding-right:max(.45rem, env(safe-area-inset-right));justify-content:space-between;align-items:flex-end;padding-bottom:12%;display:flex;position:fixed;bottom:0;left:0;right:0}.touch-brake-btn{pointer-events:auto;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;flex-shrink:0;width:4.25rem;height:5.6rem;margin:0;padding:.15rem .25rem 0}.touch-brake-img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 4px 10px #0000008c);width:100%;height:100%;transition:transform 70ms ease-out,filter 70ms ease-out;display:block}.touch-brake-btn--active .touch-brake-img{filter:drop-shadow(0 2px 6px #000000a6)drop-shadow(0 0 12px #ff484873)brightness(1.08);transform:translateY(5px)scale(.94)}.touch-speed-column{pointer-events:auto;margin-left:auto;position:relative;bottom:auto;right:auto}.touch-speed-track{--speed-pad-y:.5rem;touch-action:manipulation;background:#0a0a149e;border:1px solid #ffffff3d;border-radius:10px;width:3.15rem;height:min(34vh,180px);position:relative;box-shadow:0 4px 16px #0006}.touch-speed-track--active{border-color:#4fc3f78c;box-shadow:0 0 12px #4fc3f738}.touch-speed-ticks{inset:var(--speed-pad-y) .2rem;z-index:1;pointer-events:none;grid-template-rows:repeat(9,1fr);display:grid;position:absolute}.touch-speed-tick:first-child{grid-row:9}.touch-speed-tick:nth-child(2){grid-row:8}.touch-speed-tick:nth-child(3){grid-row:7}.touch-speed-tick:nth-child(4){grid-row:6}.touch-speed-tick:nth-child(5){grid-row:5}.touch-speed-tick:nth-child(6){grid-row:4}.touch-speed-tick:nth-child(7){grid-row:3}.touch-speed-tick:nth-child(8){grid-row:2}.touch-speed-tick:nth-child(9){grid-row:1}.touch-speed-tick{font-variant-numeric:tabular-nums;text-align:center;opacity:.5;color:#ffffffd9;justify-content:center;align-items:center;min-height:0;font-weight:600;line-height:1;display:flex}.touch-speed-tick--active{opacity:1;color:#7dd3fc}.touch-speed-thumb{z-index:0;pointer-events:none;background:#1e2c3ef2;border:1px solid #fff6;border-radius:5px;width:2.55rem;height:1.2rem;position:absolute;bottom:0;left:50%;transform:translate(-50%,calc(50% + .12rem));box-shadow:0 2px 8px #00000080}@media (pointer:fine) and (width>=900px){.drive-pedals{display:none}}