/* Modalità mappa grande: non usa Fullscreen API, assente su molti iPhone. */
.v-navigation-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 16px;background:var(--blu);color:var(--carta)}
.v-navigation-head .v-occhiello{color:var(--oro);font-size:9px;margin:0 0 5px;letter-spacing:.13em}.v-navigation-head h2{color:var(--carta);font:600 19px/1.2 system-ui;margin:0}
.v-navigation-head button{flex-shrink:0;width:44px;height:44px;border:1px solid #ffffff55;border-radius:9px;background:none;color:var(--carta);font-size:26px;line-height:1}
#v-nav-open{font-weight:650;background:var(--blu);color:var(--carta)}.v-map-tools{flex-wrap:wrap}.v-map-tools button{flex:1 1 105px}
.v-navigation-status{padding:10px 16px max(10px,env(safe-area-inset-bottom));background:var(--blu);color:var(--carta);border-top:1px solid #ffffff30}
.v-navigation-status strong{font-size:14px;display:block}.v-navigation-status p{font-size:12px;line-height:1.45;margin:5px 0 0;color:#d2e0e5}
.v-nav-state-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.v-nav-state-line small{font:400 9px/1.2 system-ui;color:#d2e0e5;text-align:right;max-width:80px}
.v-navigation-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.v-navigation-actions button{min-height:44px;padding:9px 13px;background:transparent;border:1px solid #ffffff55;border-radius:8px;color:var(--carta);font-size:12px;font-weight:650;flex:1}
.v-navigation-actions #v-nav-retry{background:var(--oro);color:var(--blu);border-color:var(--oro)}.v-navigation-status .v-navigation-note{font-size:10px;margin-top:9px;color:#c8dce6}
.v-gps-help{font-size:12px;background:#edf3f4;border:1px solid #bacbd2;border-radius:10px;padding:14px;margin-bottom:20px}.v-gps-help summary{cursor:pointer;min-height:44px;font-weight:650;padding-block:10px}.v-gps-help p{margin-top:10px}.v-gps-help-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}.v-gps-help-actions a{font-size:12px;min-height:44px;padding-block:10px}
body.navigation-open{overflow:hidden;overscroll-behavior:none}
.v-mappa.is-navigation{position:fixed!important;inset:0;z-index:50;margin:0;padding:env(safe-area-inset-top) 0 0;width:100%;height:100vh;height:100dvh;max-height:none;display:flex;flex-direction:column;border:0;border-radius:0;overflow:hidden;background:var(--blu);box-shadow:none}
.is-navigation .v-navigation-head,.is-navigation .v-map-toolbar,.is-navigation .v-telemetry,.is-navigation .v-map-tools,.is-navigation .v-navigation-status{flex-shrink:0}
.is-navigation .v-map-head,.is-navigation .v-guard-switch,.is-navigation .qr-legenda,.is-navigation #v-map-hint,.is-navigation .v-map-body{display:none}
.is-navigation .v-map-toolbar{padding:5px 16px;background:var(--carta)}.is-navigation .v-map-toolbar label{display:none}.is-navigation .v-map-toolbar select{font-size:13px;min-height:44px;padding:8px 12px}
.is-navigation .v-telemetry{padding:6px 16px;gap:10px}.is-navigation .v-telemetry dd{font-size:17px;margin-top:2px}.is-navigation .v-telemetry div:last-child dd{font-size:12px;padding-top:4px}
.is-navigation .v-map-canvas{flex:1;min-height:140px;background:#eeeae0}
.v-mappa.is-navigation #v-svg{height:100%;max-height:none;width:100%;aspect-ratio:auto;touch-action:none}
.is-navigation .v-map-tools{position:absolute;left:12px;right:12px;bottom:12px;padding:0;background:transparent}.is-navigation #v-nav-open{display:none}.is-navigation .v-map-tools button{min-height:44px;flex:1;background:#fffdf7;box-shadow:0 3px 12px #08283e25;font-size:12px}
.is-navigation .v-map-tools button[aria-pressed=true]{background:var(--blu);color:var(--carta)}
.is-navigation .v-map-credit{padding:3px 16px;background:var(--carta);margin:0;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0;font-size:9px}.is-navigation .v-map-credit span{display:none}
.is-navigation .v-navigation-note{display:none}.is-navigation #v-nav-title{margin:0;font:600 18px/1.25 system-ui}
.v-nav-remaining{position:absolute;left:12px;top:14px;max-width:calc(100% - 90px);padding:8px 12px;font-size:12px;line-height:1.4;background:#fffdf7;border:1px solid var(--bordo);border-radius:8px;box-shadow:0 3px 10px #08283e18;color:var(--blu);pointer-events:none}
.v-map-scale{position:absolute;bottom:14px;left:16px;border:solid var(--blu);border-width:0 1px 2px;text-align:center;font:600 10px/1.5 system-ui;color:var(--blu);background:#fffdf7dd;pointer-events:none}.is-navigation .v-map-scale{bottom:74px}.v-map-north{position:absolute;right:18px;top:124px;padding:4px 7px;border-radius:4px;background:#fffdf7dd;font:600 12px/1.3 system-ui;color:var(--blu);pointer-events:none}
#v-nav-remaining{display:none}.is-navigation #v-nav-remaining:not([hidden]){display:block}
.is-navigation.has-gps-help .v-map-body{display:block;position:absolute;z-index:3;inset:80px 12px auto;padding:0;max-height:calc(100% - 160px);overflow:auto;border-radius:12px;box-shadow:0 12px 40px #08283e55;background:var(--carta)}
.is-navigation .v-map-body>*:not(.v-gps-help){display:none!important}.is-navigation .v-gps-help{margin:0;padding:18px}.is-navigation .v-gps-help-actions button{width:auto;font-size:12px;min-height:44px}
.is-navigation #ft-banner{z-index:60;bottom:max(12px,env(safe-area-inset-bottom));max-height:75vh;max-height:75dvh}
.is-navigation:focus-visible{outline-offset:-4px}.is-navigation :focus-visible{outline-color:var(--oro)}
@media(min-width:851px){.is-navigation .v-navigation-head,.is-navigation .v-map-toolbar,.is-navigation .v-telemetry,.is-navigation .v-map-tools,.is-navigation .v-map-credit,.is-navigation .v-navigation-status{padding-inline:max(24px,calc((100vw - 1100px)/2))}.v-navigation-status{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.v-navigation-status>div:first-child{flex:1}.v-navigation-actions{margin-top:0;max-width:530px}.v-navigation-note{flex-basis:100%}.is-navigation.has-gps-help .v-map-body{inset:90px max(24px,calc((100vw - 680px)/2)) auto}}
@media(max-height:650px){.is-navigation .v-navigation-head{padding-block:7px}.is-navigation .v-navigation-head .v-occhiello{display:none}.is-navigation .v-telemetry{padding-block:6px}.is-navigation .v-navigation-note{display:none}.is-navigation .v-map-credit span{display:none}.is-navigation .v-navigation-status{padding-top:9px}.is-navigation .v-navigation-status p{font-size:11px}.is-navigation .v-map-tools{padding-block:6px}.is-navigation .v-map-canvas{min-height:80px}}
/* Telefono in orizzontale: i comandi affiancano la mappa, non ne divorano l'altezza. */
@media(orientation:landscape) and (max-height:500px) and (min-width:600px){
  .v-mappa.is-navigation{--nav-sidebar:280px;align-items:flex-start;padding-left:env(safe-area-inset-left);padding-bottom:env(safe-area-inset-bottom)}
  .is-navigation .v-navigation-head,.is-navigation .v-map-toolbar,.is-navigation .v-telemetry,.is-navigation .v-navigation-status{width:var(--nav-sidebar);box-sizing:border-box;padding-inline:12px}
  .is-navigation .v-navigation-head{padding-block:5px}.is-navigation .v-navigation-head h2{font-size:16px}
  .is-navigation .v-map-toolbar{padding-block:3px}.is-navigation .v-telemetry{padding-block:4px;gap:8px}.is-navigation .v-telemetry dt{font-size:9px}
  .is-navigation .v-map-canvas{position:absolute;inset:0 env(safe-area-inset-right) 0 calc(var(--nav-sidebar) + env(safe-area-inset-left));min-height:0}
  .is-navigation .v-navigation-status{margin-top:auto;display:block;padding-block:6px;flex-shrink:1;min-height:0;overflow:auto}
  .is-navigation .v-navigation-status strong{font-size:12px}.is-navigation .v-navigation-status p{font-size:10px;margin-top:3px}
  .is-navigation .v-navigation-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:6px;max-width:none}.is-navigation .v-navigation-actions button{padding:5px;font-size:10px}
  .is-navigation .v-map-credit{position:absolute;bottom:68px;right:max(12px,env(safe-area-inset-right));padding:3px 6px;border-radius:3px;background:#fffdf7e6;font-size:8px}
  .is-navigation .v-map-tools{padding:0}.is-navigation.has-gps-help .v-map-body{inset:52px 12px auto;max-height:calc(100% - 70px)}
}
@media(prefers-reduced-motion:reduce){.is-navigation *{scroll-behavior:auto}}
#v-nav-sound[aria-pressed=true]{border-color:var(--oro);color:var(--oro)}
.v-navigation-actions #v-nav-sound{min-width:100px}
@media(max-width:500px){.v-navigation-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}.v-navigation-actions button{min-width:0!important;padding:8px 5px;font-size:11px}}
@media(max-height:650px) and (orientation:portrait){
  .is-navigation .v-navigation-head{padding-block:4px}.is-navigation .v-map-toolbar{padding-block:3px}
  .is-navigation .v-telemetry dt{font-size:9px;line-height:1.2}.is-navigation .v-telemetry dd{font-size:15px;line-height:1.2}
  .is-navigation .v-nav-state-line,.is-navigation .v-navigation-status strong{line-height:1.2}
  .is-navigation .v-navigation-status p{font-size:10px;line-height:1.35;margin-top:3px}
  .is-navigation .v-navigation-actions button{line-height:1.2}
  .is-navigation .v-map-tools button{line-height:1.2;padding:8px}
  .is-navigation .v-map-credit,.is-navigation .v-map-credit a{font-size:9px;line-height:1.2;padding-block:3px}
}