#navigation-hud[hidden]{display:none}
.nav32-top,.nav32-bottom{position:absolute;z-index:7;box-sizing:border-box;box-shadow:0 4px 18px #0003}
.nav32-top{top:16px;left:400px;right:80px;max-width:650px;background:#07595c;color:white;padding:18px;border-radius:20px;display:flex;align-items:center;gap:18px;pointer-events:none}
#nav32-arrow{font-size:38px;flex:none}.nav32-top strong{display:block;font:650 22px/1.3 system-ui}.nav32-top span:not(#nav32-arrow){display:block;font:16px/1.4 system-ui;overflow-wrap:anywhere}
.nav32-bottom{bottom:55px;right:20px;width:min(480px,calc(100% - 40px));padding:18px;border-radius:24px;background:#151a1d;color:#eef6f7}
.nav32-summary{display:flex;gap:15px;align-items:baseline;flex-wrap:wrap}.nav32-summary strong{font:650 27px/1.2 system-ui;color:#88dfbb}.nav32-summary span{font:17px system-ui;color:#c7d4d8}
.nav32-bottom p{font:13px/1.4 system-ui;margin:8px 0;min-height:18px}.nav32-bottom small{display:block;color:#bbc9ce;font:11px/1.4 system-ui;margin-top:8px}
.nav32-actions{display:flex;gap:8px;overflow-x:auto;padding:4px 0}.nav32-actions button{flex:none;min-height:48px;padding:10px 16px;background:#28474e;color:#c0f0f3;border:0;border-radius:26px;font:600 14px system-ui;cursor:pointer}.nav32-actions #nav32-start{background:#7cd9e1;color:#12373b}.nav32-actions #nav32-stop{background:#b52e32;color:white}.nav32-actions [hidden]{display:none}.nav32-actions button:focus-visible{outline:3px solid #8fe6eb;outline-offset:2px}
.nav32-editing #navigation-hud{display:none}
@media(max-width:760px){
 body.nimba-mobile.nav32-active:not(.nav32-editing){--sheet-height:220px}
 .nimba-mobile.nav32-active:not(.nav32-editing) .citizen-panel,.nimba-mobile.nav32-active:not(.nav32-editing) .map-toolbar,.nimba-mobile.nav32-active:not(.nav32-editing) .mobile-map-menu{display:none}
 .nimba-mobile .nav32-top{top:calc(env(safe-area-inset-top,0px) + 12px);left:12px;right:12px;max-width:none;min-height:88px;padding:15px;border-radius:20px}
 .nimba-mobile .nav32-top strong{font-size:20px}
 .nimba-mobile .nav32-bottom{bottom:0;left:0;right:0;width:100%;min-height:220px;max-height:38dvh;overflow:auto;padding:18px 16px calc(14px + env(safe-area-inset-bottom,0px));border-radius:26px 26px 0 0}
 .nimba-mobile.nav32-active:not(.nav32-editing) #mobile-stop{display:none!important}
 .nimba-mobile.nav32-active .maplibregl-ctrl-top-right{top:120px}
}
@media(max-width:760px) and (max-height:500px){.nimba-mobile .nav32-top{right:45%;min-height:66px;padding:10px}.nimba-mobile .nav32-top strong{font-size:16px}.nimba-mobile .nav32-bottom{min-height:145px;max-height:46dvh}body.nimba-mobile.nav32-active:not(.nav32-editing){--sheet-height:165px}}