.volo{background:var(--inchiostro);height:100dvh;color:var(--inchiostro);font-family:var(--testo);overscroll-behavior:none;grid-template-rows:minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.volo-scena{background:#c9dcec;min-height:0;position:relative;overflow:hidden}.volo-scena canvas#tela{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.volo-scena canvas#tela:focus-visible{outline:none}.volo .volo-avvertenza{padding:6px max(12px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:var(--carta);border-top:var(--riga);text-align:center;max-width:none;margin:0;font-size:14px;line-height:1.3}.volo .num{font-family:var(--numeri);font-variant-numeric:tabular-nums}.volo .solo-lettori{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.volo [hidden]{display:none!important}.volo .solo-tocco{display:none}@media (pointer:coarse){.volo .solo-tasti{display:none}.volo .solo-tocco{display:block}}.imbarco{align-items:center;gap:18px;max-width:calc(100% - 24px);display:flex;position:absolute;bottom:max(18px,4%);left:50%;transform:translate(-50%)}.imbarco-fianco{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.imbarco-fianco .carico{background:var(--carta);width:190px;padding:0}.imbarco-stato{background:var(--carta);border:var(--riga);max-width:300px;margin:0;padding:4px 10px;font-size:16px;font-style:italic;line-height:1.3}.imbarco-stato:empty{display:none}.hud{pointer-events:none;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 10px max(10px, env(safe-area-inset-left));position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-strisce{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));pointer-events:none;border:var(--riga);background:var(--carta);gap:0;margin:0;display:flex;position:absolute}.striscia{flex-direction:column;min-width:76px;padding:4px 12px 5px;display:flex}.striscia+.striscia{border-left:var(--riga)}.striscia dt{font-size:14px;font-style:italic;line-height:1.1}.striscia dd{margin:0;font-size:22px;font-weight:500;line-height:1.15}.striscia:first-child dd{color:var(--rosso-boa)}.hud-messaggio{background:var(--carta);border:var(--riga);white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;max-width:calc(100% - 24px);margin:0;padding:6px 16px;font-size:20px;font-style:italic;position:absolute;top:76px;left:50%;overflow:hidden;transform:translate(-50%)}.hud-messaggio[data-vivo="1"]{opacity:1}.hud-messaggio[data-rosso="1"]{color:var(--carta);background:var(--rosso-boa);border-color:var(--rosso-boa)}.hud-aiuto{background:var(--carta);border:var(--riga);text-align:center;pointer-events:none;width:max-content;max-width:min(560px,100% - 32px);margin:0;padding:8px 16px;font-size:17px;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.hud-oblo{left:max(10px, env(safe-area-inset-left));pointer-events:none;position:absolute;bottom:10px}.hud-oblo canvas{border-radius:50%;width:132px;height:132px;display:block}.hud-rotta{background:var(--carta);border:var(--riga);justify-content:center;gap:8px;width:max-content;margin:4px 0 0;padding:1px 6px;font-size:14px;display:flex}.hud-freccia{pointer-events:none;width:28px;height:28px;position:absolute;top:0;left:0}.hud-leva{border:1.5px solid var(--carta);pointer-events:none;border-radius:50%;place-items:center;width:96px;height:96px;display:grid;position:absolute;top:0;left:0}.hud-leva span{background:var(--carta);border:var(--riga);border-radius:50%;width:30px;height:30px}.hud-comandi{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));align-items:center;gap:10px;display:flex;position:absolute}.tasto-tondo{border:var(--riga);background:var(--carta);width:56px;height:56px;color:var(--inchiostro);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:50%;place-items:center;padding:0;display:grid}.tasto-tondo.piccolo{width:46px;height:46px}.tasto-tondo:active,.tasto-tondo[data-giu="1"]{background:var(--acqua-bassa);transform:scale(.94)}.tasto-tondo[aria-pressed=true] .pausa,.tasto-tondo[aria-pressed=false] .via,.tasto-tondo[aria-pressed=true] .muto,.tasto-tondo[aria-pressed=false] .onde{display:none}.tasto-tondo.batti{right:max(14px, env(safe-area-inset-right));background:var(--rosso-boa);width:76px;height:76px;color:var(--carta);border-color:var(--carta);display:none;position:absolute;bottom:16px}.tasto-tondo.batti:active,.tasto-tondo.batti[data-giu="1"]{background:#a81819}@media (pointer:coarse){.tasto-tondo.batti{display:grid}}.anteprima{right:max(10px, env(safe-area-inset-right));flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:76px}.anteprima video{object-fit:cover;border:var(--riga);background:var(--inchiostro);border-radius:50%;width:92px;height:92px;transform:scaleX(-1)}.volo :is(button,a,input):focus-visible{outline:3px solid var(--rosso-boa);outline-offset:2px}.volo .tasto-pieno:focus-visible,.volo .comando-vola:focus-visible{outline-color:var(--inchiostro)}.scheda{overscroll-behavior:contain;background:var(--carta);border:var(--riga);box-sizing:border-box;width:min(560px,100% - 24px);max-height:calc(100% - 24px);padding:22px 26px 18px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.scheda:before{content:"";border-bottom:var(--riga);background:repeating-linear-gradient(90deg, var(--inchiostro) 0 1px, transparent 1px 12px);height:7px;margin:-22px -26px 16px;display:block}.scheda h1,.scheda h2{letter-spacing:-.01em;margin:0 0 8px;font-size:clamp(28px,5vw,38px);font-weight:400;line-height:1.05}.scheda-testo{margin:0 0 14px;font-size:18px;line-height:1.45}.scheda-nota{margin:0;font-size:15px;font-style:italic;line-height:1.4}.scheda-azione{align-items:center;gap:22px;margin:4px 0 16px;display:flex}.scheda-fianco{flex-direction:column;flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.scheda-tasti{flex-wrap:wrap;gap:10px;margin:14px 0 0;display:flex}.scheda-piede{border-top:var(--riga-lieve);flex-wrap:wrap;gap:6px 22px;margin:16px 0 0;padding-top:10px;font-size:16px;display:flex}.scheda-piede a,.scheda-nota a{color:var(--inchiostro);text-underline-offset:3px;align-items:center;min-height:44px;display:inline-flex}.scheda-nota a{min-height:0;display:inline}.scheda-esito{min-height:1.4em;margin:10px 0 0;font-size:17px;line-height:1.4}.scheda-esito[data-tipo=errore]{color:var(--rosso-boa)}.scheda-esito[data-tipo=bene]{font-style:italic}.comando-vola{width:var(--comando);height:var(--comando);background:var(--rosso-boa);color:var(--carta);font-family:var(--testo);cursor:pointer;box-shadow:0 0 0 4px var(--carta), 0 0 0 5px var(--inchiostro);touch-action:manipulation;border:0;border-radius:50%;flex:none;font-size:26px;font-style:italic}.comando-vola:active{background:#a81819;transform:scale(.95)}.comando-vola:disabled{background:var(--pietra-ombra);color:var(--inchiostro);cursor:progress}.tasto-carta,.tasto-pieno,.tasto-rosso{border:var(--riga);background:var(--carta);min-height:44px;color:var(--inchiostro);font-family:var(--testo);cursor:pointer;touch-action:manipulation;align-items:center;padding:8px 16px;font-size:17px;text-decoration:none;display:inline-flex}.tasto-pieno{background:var(--inchiostro);color:var(--carta)}.tasto-rosso{background:var(--rosso-boa);border-color:var(--rosso-boa);color:var(--carta);padding:8px 22px;font-size:19px;font-style:italic}.tasto-rosso:active{background:#a81819}.tasto-carta:active,.tasto-pieno:active,.tasto-rosso:active{transform:scale(.97)}.tasto-pieno:disabled,.tasto-carta:disabled,.tasto-rosso:disabled{cursor:progress;background:var(--pietra-ombra);color:var(--inchiostro);border-color:var(--pietra-ombra)}@media (hover:hover) and (pointer:fine){.tasto-carta:hover:not(:disabled){background:var(--inchiostro);color:var(--carta)}.tasto-pieno:hover:not(:disabled){background:#141a27}.tasto-rosso:hover:not(:disabled),.comando-vola:hover:not(:disabled){background:#a81819}.tasto-tondo:hover{background:var(--acqua-bassa)}}.carico{width:100%;margin:0}.carico-binario{border:var(--riga);height:7px;display:block;overflow:hidden}.carico-barra{background:var(--rosso-boa);transform-origin:0;height:100%;display:block;transform:scaleX(.03)}@media (min-width:960px){.scheda{width:min(520px,44vw);left:5%;transform:translateY(-50%)}}.fine-totale{margin:0 0 4px;font-size:20px;font-style:italic}.fine-totale .num{font-size:22px;font-style:normal}.fine-totale .grande{color:var(--rosso-boa);font-size:clamp(40px,9vw,56px);line-height:1}.fine-registro{border-top:var(--riga);margin:12px 0 0;padding:0;list-style:none}.fine-registro li{border-bottom:var(--riga-lieve);justify-content:space-between;gap:12px;margin:0;padding:4px 0;font-size:16px;line-height:1.3;display:flex}.fine-registro:empty{display:none}.fine-registro.classifica li{grid-template-columns:3ch 1fr auto;display:grid;position:relative}.fine-registro.classifica li[data-mio="1"]{color:var(--rosso-boa);font-weight:700}.fine-registro.classifica li[data-mio="1"]:after{content:"";background:var(--rosso-boa);transform-origin:0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.fine-registro.conto{font-size:15px}.fine-modulo{flex-direction:column;gap:6px;margin:6px 0 0;display:flex}.fine-modulo label{font-size:17px}.fine-riga{gap:10px;display:flex}.fine-riga input{border:var(--riga);min-width:0;min-height:44px;color:var(--inchiostro);font-family:var(--testo);box-sizing:border-box;background:#fff;border-radius:0;flex:1;padding:6px 10px;font-size:18px}.volo[data-dimostrativo="1"] .hud-comandi .tasto-carta{background:var(--carta-velo)}@media (max-width:560px){.imbarco{gap:12px}.imbarco-stato{max-width:190px;font-size:15px}.imbarco-fianco .carico{width:150px}.striscia{min-width:62px;padding:3px 8px 4px}.striscia dd{font-size:18px}.hud-messaggio{font-size:17px;top:70px}.hud-oblo canvas{width:104px;height:104px}.scheda{padding:18px 16px 14px}.scheda:before{margin:-18px -16px 14px}.scheda-azione{gap:14px}.volo .volo-avvertenza{text-align:left;font-size:14px}}@media (max-height:460px){.scheda{padding:12px 18px 10px}.scheda:before{height:5px;margin:-12px -18px 8px}.imbarco{bottom:8px;left:max(14px, env(safe-area-inset-left));transform:none}.scheda h1,.scheda h2{font-size:26px}.scheda-testo{margin-bottom:8px;font-size:16px}.comando-vola{width:84px;height:84px;font-size:21px}.hud-oblo canvas{width:96px;height:96px}.hud-aiuto{padding:5px 12px;font-size:16px;top:108px;bottom:auto}.hud-messaggio{top:66px}}.striscia[data-timbro="1"] dd{animation:.24s step-end timbro}@keyframes timbro{0%{background:var(--rosso-boa);color:var(--carta)}}@media (prefers-reduced-motion:no-preference){.tasto-tondo,.comando-vola,.tasto-carta,.tasto-pieno,.tasto-rosso{transition:transform var(--affondo), background-color var(--affondo)}.carico-barra{transition:transform .2s linear}.comando-vola:enabled{animation:pronto .6s var(--molla,cubic-bezier(.2, .9, .3, 1.2)) backwards}.fine-registro.classifica li[data-mio="1"]:after{animation:.6s linear backwards traccia-riga}}@keyframes pronto{0%{transform:rotate(-8deg)}}@keyframes traccia-riga{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.striscia[data-timbro="1"] dd{animation:none}}
