/* SamiMap R122: mirror the mobile slide-away HUD on desktop/tablet.
   Desktop proportions remain unchanged. No CSS transforms on the map canvas. */
@media(min-width:761px) {
 html body.bx-r38-ui.navigation-active:is(.bx100-hud-summary,.bx100-hud-collapsed) #driveHud {
   display:grid!important;
   visibility:visible!important;
   position:fixed!important;
   top:auto!important;
   bottom:12px!important;
   left:12px!important;
   right:88px!important;
   width:calc(100vw - 100px)!important;
   height:134px!important;
   min-height:134px!important;
   max-height:134px!important;
   margin:0!important;
   padding:0!important;
   background:transparent!important;
   overflow:visible!important;
   border:0!important;
   box-shadow:none!important;
   transition:transform .52s cubic-bezier(.22,1,.36,1),opacity .32s ease!important;
 }
 html body.bx-r38-ui.navigation-active.bx100-hud-summary #driveHud {
   transform:translate3d(0,0,0)!important;
   opacity:1!important;
   pointer-events:auto!important;
 }
 html body.bx-r38-ui.navigation-active.bx100-hud-collapsed #driveHud {
   transform:translate3d(0,calc(100% + 42px),0)!important;
   opacity:0!important;
   pointer-events:none!important;
 }
 html body.bx-r38-ui.navigation-active:is(.bx100-hud-summary,.bx100-hud-collapsed) #bx97HudArrow:not([hidden]) {
   visibility:visible!important;
   opacity:1!important;
   pointer-events:auto!important;
 }
 html body.bx-r38-ui.navigation-active #driveHud,
 html body.bx-r38-ui.navigation-active #bx97HudArrow,
 html body.bx-r38-ui.navigation-active #bx97RouteSheet .bx97-handle,
 html body.bx-r38-ui.navigation-active #bx97RouteSheet .bx97-header {
   user-select:none;
 }
}
@media(min-width:761px) and (max-width:1023px) {
 html body.bx-r38-ui.navigation-active:is(.bx100-hud-summary,.bx100-hud-collapsed) #driveHud {
   left:max(8px,env(safe-area-inset-left,0px))!important;
   right:max(8px,env(safe-area-inset-right,0px))!important;
   bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
   width:calc(100vw - 16px)!important;
   height:188px!important;
   min-height:188px!important;
   max-height:188px!important;
 }
}
@media(min-width:761px) and (prefers-reduced-motion:reduce) {
 html body.bx-r38-ui.navigation-active #driveHud {transition:none!important}
}