/* The road uses all available space, independently of the exploration frame. */
.map-app[data-navigation="active"]{width:100%;max-width:none;margin:0;border-radius:0;background:#063a4e;box-shadow:none}
.map-app[data-navigation="active"][data-theme="night"]{background:#151536}
.map-app[data-navigation="active"] .territory-backdrop,.map-app[data-navigation="active"] .territory-backdrop__veil{display:none}
.map-app[data-navigation="active"] .map-stage{left:0;right:0;width:100%;transform:none}
html:fullscreen,html:fullscreen body{margin:0;width:100%;height:100%}
@media(orientation:landscape) and (min-width:560px){
 .map-app[data-navigation="active"]{--navigation-side:260px;background:#063a4e}
 .map-app[data-navigation="active"][data-theme="night"]{background:#151536}
 .map-app[data-navigation="active"] .map-stage{left:var(--navigation-side);width:calc(100% - var(--navigation-side))}
 .map-app[data-navigation="active"] .navigation-panel{left:0;top:0;transform:none;width:var(--navigation-side);max-height:100dvh;overflow:auto;border-radius:0;padding:8px;box-shadow:none}
 .map-app .navigation-panel__main{grid-template-columns:42px minmax(0,1fr);gap:7px;min-height:48px}
 .map-app .navigation-panel__arrow{width:40px;height:42px;font-size:28px}
 .map-app .navigation-panel__instruction strong{font-size:16px}
 .map-app .navigation-panel__summary{padding:5px 0 46px;min-height:75px;margin-top:5px}
 .map-app .navigation-panel__test{position:static;min-height:36px;margin:0;padding:6px;flex-shrink:0}
 .map-app .navigation-panel__close,.map-app .navigation-panel__voice,.map-app .navigation-panel__theme,.map-app .navigation-panel__vision{bottom:8px}
 .map-app .navigation-vision-menu{position:fixed;left:4px;top:4px;width:252px;max-height:95dvh;overflow:auto;z-index:40}
 .map-app[data-navigation="active"] .navigation-view-toggle{left:8px;bottom:8px}
 .map-app[data-navigation="active"] .navigation-rotate-buttons{left:8px;bottom:65px}
}