/* LA PAGINA DEL VIAGGIO FRA I MONDI (fase B, viaggio-mondi.js): il mappamondo del mondo d'arrivo in trasparenza, una barra al centro, niente guida */
#viaggio-mondi{position:fixed;inset:0;z-index:100001;display:grid;place-items:center;overflow:hidden;color:#e4d6b7;font:15px/1.45 Georgia,serif;
  background:radial-gradient(circle at 50% 46%,#122033 0%,#070b12 58%,#030508 100%);transition:opacity .5s ease}
#viaggio-mondi[data-mondo="Cenerombra"]{background:radial-gradient(circle at 50% 46%,#2a0f0c 0%,#0d0607 58%,#050203 100%)}
#viaggio-mondi.viaggio-esce{opacity:0;pointer-events:none}
#viaggio-mondi .viaggio-globo{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
#viaggio-mondi .viaggio-globo img{width:min(86vmin,920px);height:auto;opacity:.36;animation:viaggio-respira 9s ease-in-out infinite alternate;filter:saturate(1.08)}
@keyframes viaggio-respira{from{transform:scale(.985) rotate(-1.2deg)}to{transform:scale(1.025) rotate(1.2deg)}}
@media (prefers-reduced-motion:reduce){#viaggio-mondi .viaggio-globo img{animation:none}}
#viaggio-mondi .viaggio-centro{position:relative;width:min(560px,calc(100vw - 32px));text-align:center;padding:22px 24px 20px;border:1px solid #a48b5799;border-radius:8px;
  background:linear-gradient(135deg,#1c211dcc,#0c1418dd);box-shadow:0 18px 60px #000b}
#viaggio-mondi[data-mondo="Cenerombra"] .viaggio-centro{background:linear-gradient(135deg,#231412cc,#120a0bdd)}
#viaggio-mondi .viaggio-sopra{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:#bfa978}
#viaggio-mondi .viaggio-titolo{margin:6px 0 16px;font-size:28px;letter-spacing:.08em;color:#f0dcaa;text-shadow:0 2px 14px #000}
#viaggio-mondi .viaggio-barra{height:12px;border-radius:6px;background:#0b1214;box-shadow:inset 0 1px 3px #000a;overflow:hidden}
#viaggio-mondi .viaggio-pieno{height:100%;width:0;background:linear-gradient(90deg,#8a6d33,#dfc68d);transition:width .25s linear}
#viaggio-mondi[data-mondo="Cenerombra"] .viaggio-pieno{background:linear-gradient(90deg,#7a2a1c,#e7a35e)}
#viaggio-mondi .viaggio-riga{display:flex;justify-content:space-between;gap:12px;margin-top:9px;font-size:13px;color:#cdbb92}
#viaggio-mondi .viaggio-dettaglio{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* sulla pagina del viaggio non c'e la guida, e il login resta sotto, nascosto */
body.viaggio-in-corso #guida-passo10,body.viaggio-in-corso #guida-suggerimento10,body.viaggio-in-corso .guida10,body.viaggio-in-corso #accesso,body.viaggio-in-corso #caricamento-ingresso01,body.viaggio-in-corso #barra-modelli30{visibility:hidden!important}