#startNavigation{width:100%;min-height:48px;margin:12px 0}
body.navigating #map{inset:0!important;height:100dvh!important;width:100%!important}
body.navigating .sidebar,body.navigating .rail,body.navigating .detail,body.navigating .map-top,body.navigating .map-tools,body.navigating .layers,body.navigating .route-pin{display:none!important}
.navigation-ui{position:fixed;inset:0;z-index:20;pointer-events:none}
.navigation-top{position:absolute;left:16px;top:max(16px,env(safe-area-inset-top));width:min(460px,calc(100% - 32px));display:flex;gap:16px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 16px #0002;pointer-events:auto}
.navigation-top>div{min-width:0}.navigation-top strong{font-size:28px}.navigation-top p{font-size:18px;overflow-wrap:anywhere;max-height:5em;overflow:auto}.navigation-top small{display:block;color:#626c71;margin-top:6px}
#navIcon{flex:0 0 44px}#navIcon svg{width:44px;height:44px;color:#6d24f5}
.navigation-tools{position:absolute;right:max(16px,env(safe-area-inset-right));top:40%;display:flex;flex-direction:column;gap:8px;pointer-events:auto}
.navigation-tools button{width:48px;height:48px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0002;display:grid;place-items:center}
.navigation-tools button[aria-pressed=false]{color:#8b8297;background:#eee9f5}.navigation-tools .needs-center{color:#6d24f5;border:2px solid currentColor}
.navigation-bottom{position:absolute;bottom:0;left:0;right:0;background:#fff;padding:12px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:20px;pointer-events:auto}
#navSummary{font-size:18px;font-weight:600}.navigation-bottom button{min-height:48px}.navigation-car{width:42px;height:42px;border-radius:50%;background:#fff;border:2px solid #6d24f5;display:grid;place-items:center;box-shadow:0 2px 12px #0003}.navigation-car svg{width:32px;height:32px;color:#6d24f5;fill:#e2d4ff}
@media(max-width:600px){.navigation-bottom{flex-direction:column;gap:8px}.navigation-bottom button{width:100%}#navSummary{font-size:16px}.navigation-top{padding:12px}.navigation-top p{font-size:16px}}
@media(max-height:480px){.navigation-tools{top:12px;flex-direction:row}.navigation-top{width:45%;}.navigation-bottom{flex-direction:row}.navigation-bottom button{width:auto}}