.ride-map-layer{position:fixed;right:14px;top:calc(154px + env(safe-area-inset-top,0px));z-index:47;min-height:46px;padding:0 14px;border:0;border-radius:24px;background:#fff;color:#173c34;font:700 14px system-ui;box-shadow:0 3px 12px #0003;cursor:pointer}
.ride-map-layer:focus-visible,.route-guide button:focus-visible,.route-guide a:focus-visible{outline:3px solid #f5b301;outline-offset:3px}
.route-guide{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:12px;right:12px;z-index:48;max-width:620px;margin:auto;padding:16px;border-radius:22px;background:#075950;color:#fff;box-shadow:0 4px 18px #0003;font-family:system-ui}
.route-guide[hidden]{display:none}
.route-instruction{display:flex;gap:14px;align-items:center;font-size:23px;font-weight:750;line-height:1.2;min-height:55px}
#routeArrow{font-size:38px;flex:0 0 40px;text-align:center}
#routeMeta{font-size:15px;margin:10px 0;color:#e0f7ed}
.route-actions{display:flex;gap:8px;flex-wrap:wrap}
.route-actions button,.route-actions a{min-height:40px;border:1px solid #ffffff65;border-radius:20px;padding:9px 13px;background:#ffffff18;color:white;font:600 13px system-ui;text-decoration:none;cursor:pointer}
body.navigating .ride-map-layer{top:calc(var(--route-guide-height,202px) + 24px + env(safe-area-inset-top,0px))}
body.navigating #dLocFab{top:calc(var(--route-guide-height,202px) + 78px + env(safe-area-inset-top,0px))}
body.navigating .topbar,body.navigating .uearn,body.navigating .ufab.tl,body.navigating .ufab.tr{visibility:hidden}
@media(min-width:800px){.route-guide{right:auto;width:410px}.route-instruction{font-size:24px}}