.presentazione{border:1px solid var(--inchiostro);border-radius:24px;background:#fbf6ee;box-shadow:0 12px 0 -7px #213d33,0 20px 35px #392c221c;overflow:hidden;min-width:0;scroll-margin-top:1rem}
.presentazione-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.presentazione-testata{display:flex;align-items:center;gap:10px;padding:16px 22px;border-bottom:1px solid #aa8c72;color:#1d332b;font-weight:800;font-size:13px;background:#f3e7d5}
.presentazione-testata>span:last-child{margin-inline-start:auto;font-size:22px}
.presentazione-led{width:9px;height:9px;background:#c7282a;border-radius:50%}
.presentazione-schermo{position:relative;height:400px;overflow:hidden}
.presentazione-scena{position:absolute;inset:0;display:flex;flex-direction:column;gap:20px;padding:24px;background:#fbf6ee;isolation:isolate}
.presentazione-scena[hidden]{display:none!important}
.presentazione-copy{position:relative;z-index:2}
.presentazione-copy h2{font-size:clamp(30px,3.7vw,49px);font-family:var(--font-titoli);line-height:1.02;letter-spacing:-.025em;color:#20372e;max-width:18ch}
.presentazione-copy h2 em{display:block;font-style:normal;color:#ad2630}
.presentazione-copy p{font-size:16px;line-height:1.45;margin:14px 0 0;max-width:42ch;color:#30423b}
.presentazione-scena--0{background:#f1e4d3}
.presentazione-scena--0::before{content:'';position:absolute;inset:0;background:url('/mappa-pisa.svg') center/cover;opacity:.11;z-index:-1}
.storia-partenza{margin-top:auto}
.storia-firma{display:flex;align-items:center;gap:12px;font:800 29px/1 var(--font-titoli)}
.storia-firma img{width:58px;height:58px;object-fit:contain}
.storia-orbita{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.storia-orbita>span{background:#fbf6ee;border:1px solid #b79a80;display:grid;justify-items:center;gap:8px;border-radius:16px;padding:15px 4px;font-size:36px;box-shadow:3px 4px 0 #c9ae94}
.storia-orbita small{font:800 13px/1.2 var(--font-testo);color:#20372e}
.storia-etichetta{display:inline-flex;width:max-content;max-width:100%;padding:7px 12px;background:#d8fa32;border:1px solid #20372e;border-radius:8px;font:800 14px/1.2 var(--font-testo)}
.storia-ricerca{margin:auto 0 0;padding:18px 16px;border:1px solid #b39a82;border-radius:18px;background:#f1e4d3;box-shadow:5px 5px 0 #d5c2ad}
.storia-campo{display:flex;align-items:center;gap:10px;margin-top:14px;padding:15px 11px;border:2px solid #20372e;background:#fbf6ee;border-radius:12px;font-size:15px;line-height:1.3;min-height:62px}
.storia-campo b{flex:1;min-width:0}
.storia-invio{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;background:#c7282a;color:white;border-radius:50%;font-size:24px}
.storia-risposte{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;font-size:13px;font-weight:800}
.storia-risposte>span{padding:7px 10px;background:#fbf6ee;border:1px solid #b39a82;border-radius:999px}
.storia-risposte>span:first-child{background:#d8fa32}
.storia-mappa{position:relative;flex:1;min-height:180px;border:1px solid #ac8e74;border-radius:17px;background:#dcc1a6 url('/mappa-pisa.svg') center/cover;overflow:hidden;box-shadow:4px 5px 0 #c1a98e}
.storia-mappa>.storia-etichetta{position:absolute;top:14px;inset-inline-start:14px;background:#fbf6ee}
.storia-pin{position:absolute;display:grid;place-items:center;border-radius:50% 50% 50% 3px;rotate:-45deg;width:46px;height:46px;background:#fbf6ee;border:2px solid #20372e;font-size:24px;box-shadow:0 4px 10px #20372e26;animation:storia-pin .7s ease-out both}
.storia-pin--acqua{top:35%;left:24%;background:#c9e4ed}
.storia-pin--verde{top:22%;left:65%;background:#d8fa32;animation-delay:.18s}
.storia-pin--giro{top:55%;left:51%;background:#f5d5ce;animation-delay:.36s}
.storia-arrivo{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:12px;inset-inline:12px;border:1px solid #20372e;border-radius:11px;background:#d8fa32;padding:11px 15px;font-weight:800;font-size:14px}
.storia-arrivo>span{font-size:22px}
.storia-bacheca{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:8px 4px;margin-top:auto}
.storia-foglio{position:relative;padding:14px 12px;border:1px solid #20372e;background:#f4e7d5;font-weight:800;font-size:16px;line-height:1.2;box-shadow:4px 5px 0 #20372e;transform:rotate(-2deg)}
.storia-foglio::before{content:'';position:absolute;width:38px;height:12px;top:-7px;left:calc(50% - 19px);background:#d7ef458c;border:1px solid #a4ab5380}
.storia-foglio b{display:block;font-size:32px;margin-bottom:9px;font-weight:400}
.storia-foglio:nth-child(2){background:#d8fa32;transform:rotate(2deg)}
.storia-foglio:last-child{grid-column:span 2;background:#f2d4d8;display:flex;align-items:center;gap:18px;transform:rotate(-1deg)}
.storia-foglio:last-child b{margin:0;font-size:32px}
.presentazione-scena--4{background:#20372e}
.presentazione-scena--4 h2{color:#d8fa32;font-size:clamp(48px,5.7vw,70px)}
.presentazione-scena--4 p{color:#f5eadc}
.storia-nini{margin-top:auto;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.storia-avatar{background:#d8fa32;border:2px solid #fbf6ee;border-radius:50%;padding:3px;width:128px;height:128px;flex-shrink:0;box-shadow:5px 5px 0 #101f18}
.storia-avatar img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
.storia-avatar picture{display:block;width:100%;height:100%}
.storia-fumetto{display:flex;align-items:center;gap:12px;padding:17px 18px;background:#fbf6ee;border:1px solid #1b2b24;border-radius:0 18px 18px 18px;font-size:17px;line-height:1.35;font-weight:700;color:#20372e;width:100%}
.storia-fumetto>span{margin-inline-start:auto;background:#d8fa32;border-radius:50%;font-size:28px;display:grid;place-items:center;min-width:38px;height:38px}
.presentazione-comandi{padding:8px 18px 14px;background:#fbf6ee;border-top:1px solid #aa8c72}
.presentazione-comandi[hidden]{display:none}
.presentazione-progressi{display:flex;gap:7px;align-items:center}
.presentazione-progressi button{flex:1;height:28px;min-width:30px;border:0;background:transparent;padding:10px 0;cursor:pointer}
.presentazione-progressi span{display:block;height:4px;border-radius:99px;background:#d7c8b5;overflow:hidden}
.presentazione-progressi [aria-current] span{background:#b82b32}
.presentazione-progressi [aria-current] span::before{content:'';display:block;width:100%;height:100%;background:#20372e;transform-origin:left;animation:storia-progresso 6s linear both;animation-play-state:paused}
.presentazione[data-playing='true'] .presentazione-progressi [aria-current] span::before{animation-play-state:running}
.presentazione-trasporto{display:flex;align-items:center;gap:12px;font:800 12px/1.3 var(--font-testo)}
.presentazione-trasporto>div{display:flex;gap:4px}
.presentazione-trasporto button{width:44px;height:44px;border:1px solid #b79a80;background:#f4e8d7;border-radius:50%;color:#20372e;cursor:pointer;font-size:18px;display:grid;place-items:center;padding:0}
.presentazione-trasporto [data-play]{background:#d8fa32;border-color:#20372e;font-size:16px}
.presentazione-trasporto>a{margin-inline-start:auto;color:#a62730;text-underline-offset:3px;line-height:1.3;font-size:13px}
.presentazione :focus-visible{outline:3px solid #a62730;outline-offset:3px}
.home-portale .apertura:has(.presentazione){gap:clamp(22px,3vw,42px);align-items:center;padding-top:24px;grid-template-columns:minmax(0,1fr) minmax(22rem,.95fr)}
@keyframes storia-entra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes storia-pin{from{opacity:0;translate:0 10px;scale:.7}to{opacity:1;translate:0 0;scale:1}}
@keyframes storia-progresso{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1050px){.home-portale .apertura:has(.presentazione){grid-template-columns:1fr}.presentazione-schermo{height:440px}.presentazione-copy h2{font-size:44px}}
@media(max-width:520px){.presentazione{border-radius:18px}.presentazione-testata{padding:12px 16px}.presentazione-schermo{height:395px}.presentazione-scena{padding:20px;gap:18px}.presentazione-copy h2{font-size:33px}.presentazione-copy p{font-size:15px;margin-top:12px;line-height:1.4}.storia-orbita{margin-top:14px}.storia-orbita>span{padding:12px 4px;font-size:29px}.storia-orbita small{font-size:12px}.storia-firma{font-size:26px}.storia-firma img{width:46px;height:46px}.storia-campo{font-size:13px;padding:12px 8px}.storia-risposte{font-size:11px;gap:5px}.storia-risposte>span{padding:6px}.storia-ricerca{padding:15px 12px}.presentazione-trasporto{gap:7px}.presentazione-trasporto>a{font-size:12px;max-width:none;text-align:end}.presentazione-trasporto button{width:44px;height:44px}.presentazione-comandi{padding-inline:12px}.storia-avatar{width:120px;height:120px}.storia-fumetto{font-size:15px;padding:14px}.storia-foglio{font-size:14px;padding:14px 12px}.storia-foglio b{font-size:32px}}
@media(prefers-reduced-motion:reduce){.presentazione-scena,.storia-pin,.presentazione-progressi [aria-current] span::before{animation:none!important}}

[dir="rtl"] .presentazione [data-indietro],[dir="rtl"] .presentazione [data-avanti]{transform:scaleX(-1)}

.presentazione[data-animata="true"] .presentazione-scena{animation:storia-entra .45s ease-out both}
@media(prefers-reduced-motion:reduce){.presentazione[data-animata="true"] .presentazione-scena{animation:none!important}}

.storia-foglio{overflow-wrap:anywhere;hyphens:auto}

.storia-mascotte{display:flex;align-items:center;gap:20px;width:100%}.storia-cabine{display:flex;flex:1;min-width:0;justify-content:space-evenly;align-items:center;gap:8px}.storia-cabine img{display:block;width:calc((100% - 16px)/3);max-width:80px;height:auto;max-height:128px;object-fit:contain}
@media(max-width:520px){.storia-mascotte{gap:10px}.storia-cabine{gap:4px}.storia-cabine img{width:calc((100% - 8px)/3)}}