/* Final shared driving HUD refinements. */
html body header .tools #open-radio#open-radio#open-radio#open-radio#open-radio#open-radio#open-radio#open-radio#open-radio,
html body #hud#hud .controls #horn#horn{display:none!important}
html body #radio-mini#radio-mini #drive-radio-play{color:#fff!important}
html body #radio-mini#radio-mini #drive-radio-play svg{color:#fff!important;fill:currentColor!important}
@media (max-width:600px), (max-width:980px) and (max-height:560px), (pointer:coarse) and (max-width:1100px){
 html.phone-hud-ready.is-driving header .tools #duber-chip{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:0!important;padding:2px!important;overflow:hidden!important}
 html.phone-hud-ready.is-driving header .tools #duber-chip .duber-mark{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;flex:0 0 24px!important;aspect-ratio:1!important}
 html.phone-hud-ready.is-driving header .tools #duber-chip .duber-chip-value{font-size:10px!important;line-height:12px!important;max-width:100%;overflow:hidden;text-overflow:ellipsis}
 html.phone-hud-ready.is-driving header .tools #duber-chip .duber-chip-status{display:none!important}
}
/* Service brake holds at rest; D/R deliberately selects travel direction. */
@media (max-width:600px), (max-width:980px) and (max-height:560px), (pointer:coarse) and (max-width:1100px){
 html.phone-hud-ready.is-driving:not(.controller-active) #hud#hud .pedal-cluster{grid-template-columns:44px 1fr!important}
 html.phone-hud-ready.is-driving:not(.controller-active) #hud#hud .pedal-cluster .handbrake{grid-column:2!important;grid-row:1!important;width:100%!important}
 html.phone-hud-ready.is-driving:not(.controller-active) #hud#hud .pedal-cluster .pedals{grid-column:1/-1!important;grid-row:2!important}
}
@media (max-width:600px), (max-width:980px) and (max-height:560px), (pointer:coarse) and (max-width:1100px){
 html.phone-hud-ready.is-driving:not(.controller-active){--web-map-h:44px}
 html.phone-hud-ready.is-driving:not(.controller-active) #hud#hud>.speed{left:max(8px,env(safe-area-inset-left))!important;width:44px!important;min-width:0!important;height:44px!important;min-height:44px!important;transform:none!important;margin:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:0!important;padding:2px!important}
 html.phone-hud-ready.is-driving:not(.controller-active) #hud#hud>.speed small{display:none!important}
 html.phone-hud-ready.is-driving:not(.controller-active) .drive-left-stack.drive-left-stack{display:block!important;position:fixed!important;left:calc(max(8px,env(safe-area-inset-left)) + 48px)!important;right:auto!important;top:calc(var(--web-header,72px) + var(--web-map-h,44px) + 8px)!important;bottom:auto!important;width:64px!important;max-height:44px!important;transform:none!important;overflow:hidden!important;margin:0!important}
 html.phone-hud-ready.is-driving:not(.controller-active) #vibe-hud#vibe-hud{display:block!important;padding:0!important;margin:0!important;height:44px!important;box-sizing:border-box!important}
 html.phone-hud-ready.is-driving:not(.controller-active) #open-vibes{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:0!important;width:100%!important;height:44px!important;min-height:44px!important;padding:2px!important}
 html.phone-hud-ready.is-driving:not(.controller-active) #open-vibes>span{font-size:0!important}
 html.phone-hud-ready.is-driving:not(.controller-active) #open-vibes>span::after{content:"CATCH VIBE";font-size:8px}
 html.phone-hud-ready.is-driving:not(.controller-active) #vibe-count{font-size:12px!important}
 html.phone-hud-ready.is-driving:not(.controller-active) #vibe-count i{display:none!important}
 html.phone-hud-ready.is-driving:not(.controller-active) #vibe-hud :is(p,#vibe-tip),html.phone-hud-ready.is-driving:not(.controller-active) #vibe-rush-hud{display:none!important}
 html.phone-hud-ready.is-driving:not(.controller-active) #destination-hud#destination-hud:not([hidden]){top:calc(var(--web-header,72px) + var(--web-map-h,44px) + 56px)!important}
 html.phone-hud-ready.is-driving.driving-widgets-hidden:not(.controller-active) .drive-left-stack.drive-left-stack{display:none!important}
}
@media (orientation:landscape) and (max-height:340px){
 html.phone-hud-ready.is-driving:not(.controller-active){--web-header:calc(64px + var(--web-top,0px));--web-map-h:40px}
 html.phone-hud-ready.is-driving:not(.controller-active) #hud#hud .controls .wheel-area,html.phone-hud-ready.is-driving:not(.controller-active) #hud#hud #wheel{width:104px!important;height:104px!important}
}
@media (orientation:landscape) and (max-height:560px){
 html.phone-hud-ready.is-driving .phone-toast:not([hidden]){position:fixed!important;left:calc(max(8px,env(safe-area-inset-left)) + 124px)!important;right:calc(max(8px,env(safe-area-inset-right)) + 140px)!important;top:calc(env(safe-area-inset-top,0px) + 46px)!important;bottom:auto!important;width:auto!important;height:44px!important;max-height:44px!important;transform:none!important;overflow:hidden!important;box-sizing:border-box!important}
 html.phone-hud-ready.is-driving .phone-toast .phone-toast-open{min-height:44px!important;height:44px!important;padding:3px 6px!important;min-width:0!important;gap:4px!important}
 html.phone-hud-ready.is-driving .phone-toast .app-icon{width:24px!important;height:24px!important;flex:0 0 24px!important}
 html.phone-hud-ready.is-driving .phone-toast .phone-toast-dismiss{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
 html.phone-hud-ready.is-driving .phone-toast :is(strong,.phone-toast-message){font-size:10px!important;line-height:12px!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden!important}
 html.phone-hud-ready.is-driving .phone-toast small{display:none!important}
 html.phone-hud-ready.is-driving:has(.phone-toast:not([hidden])) header #navigation#navigation{width:112px!important;max-width:112px!important;box-sizing:border-box!important}
 html.phone-hud-ready.is-driving:has(.phone-toast:not([hidden])) :is(#duber-card#duber-card,#duber-progress#duber-progress):not([hidden]){top:calc(var(--web-header,72px) + 54px)!important;max-height:min(132px,calc(100dvh - 200px))!important;overflow:auto!important}
}
