.scena{z-index:1;background:var(--c-antracite);position:fixed;inset:0}.scena[hidden]{display:none}.scena__tela{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.scena__tela[data-cursore=mano]{cursor:pointer}.scena__tela[data-cursore=trascina]{cursor:grabbing}body[data-scena=attiva]{overflow:hidden}body[data-scena=attiva] .testata{z-index:2;--c-testo:var(--c-testo-su-scuro);--c-titolo:var(--c-testo-su-scuro);--c-link:var(--c-link-su-scuro);--c-bordo:var(--c-bordo-su-scuro);background:0 0;border-bottom-color:#0000;position:relative}body[data-scena=attiva]:has(#scena-velo:not([hidden])) .testata{background:var(--c-antracite);border-bottom-color:var(--c-bordo-su-scuro)}body[data-scena=attiva] .solo-tema-chiaro{display:none}body[data-scena=attiva] .solo-tema-scuro{display:block}.scena__hud{z-index:3;justify-content:space-between;gap:var(--s-4);padding:var(--s-24) var(--padding-pagina) var(--s-4);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.scena__hud>*{pointer-events:none}.scena__hud a,.scena__hud button{pointer-events:auto}.scena__titolo{max-width:34rem;padding:var(--s-4);margin-left:calc(var(--s-4) * -1);border-radius:var(--raggio);background:linear-gradient(to right, color-mix(in srgb, var(--c-antracite) 82%, transparent), transparent)}.scena__titolo-occhiello{margin:0 0 var(--s-2);font-size:var(--t-xs);color:var(--c-teal-chiaro)}.scena__titolo-testo{margin:0 0 var(--s-3);max-width:none;font-size:var(--t-xl);font-weight:var(--peso-titolo);line-height:var(--interlinea-titolo);color:var(--c-bianco)}.scena__titolo-frase{display:none}.scena__titolo-cta{margin-top:var(--s-2);background:var(--c-bianco);color:var(--c-petrolio)}.scena__titolo-cta:hover{background:color-mix(in srgb, var(--c-bianco) 88%, var(--c-fondo-scuro))}@media (width>=768px){.scena__titolo-occhiello{font-size:var(--t-sm)}.scena__titolo-testo{font-size:var(--t-2xl)}.scena__titolo-frase{margin:0 0 var(--s-4);font-size:var(--t-base);color:var(--c-grigio-200);display:block}}.scena__fondo{align-items:center;gap:var(--s-3);flex-direction:column;display:flex}.scena__isole{gap:var(--s-2);width:100%;padding:var(--s-1) 0;scrollbar-width:none;margin:0;list-style:none;display:flex;overflow-x:auto}.scena__isole::-webkit-scrollbar{display:none}@media (width>=768px){.scena__isole{flex-wrap:wrap;justify-content:center;overflow-x:visible}}.scena__isole li{flex:none;margin:0}.scena__chip{padding:var(--s-2) var(--s-4);background:color-mix(in srgb, var(--c-antracite) 80%, transparent);border:1px solid var(--c-teal-chiaro);border-radius:var(--raggio);font:inherit;font-size:var(--t-sm);font-weight:var(--peso-medio);color:var(--c-bianco);white-space:nowrap;cursor:pointer}.scena__chip:hover{background:var(--c-petrolio)}.scena__riga{align-items:flex-start;gap:var(--s-2);flex-direction:column;width:100%;display:flex}@media (width>=768px){.scena__riga{flex-direction:row;justify-content:space-between;align-items:center}}.scena__aiuto{max-width:none;font-size:var(--t-xs);color:var(--c-grigio-200);margin:0}.scena__aiuto-tatto{display:none}@media (width>=768px){.scena__aiuto{text-align:right}}@media (hover:none) and (pointer:coarse){.scena__aiuto-desktop{display:none}.scena__aiuto-tatto{display:inline}}.scena__invito{min-width:min(420px,100%);padding:var(--s-4) var(--s-6);background:var(--c-petrolio);border:1px solid var(--c-teal-chiaro);border-radius:var(--raggio);color:var(--c-bianco);text-align:center;text-decoration:none;display:block}.scena__invito[hidden]{display:none}.scena__invito .occhiello{margin:0 0 var(--s-1);color:var(--c-teal-chiaro);display:block}.scena__invito strong{font-size:var(--t-lg);font-weight:var(--peso-titolo);line-height:var(--interlinea-titolo);display:block}.scena__invito-azione{margin-top:var(--s-2);font-size:var(--t-sm);color:var(--c-teal-chiaro);display:block}.scena__invito:hover{background:var(--c-petrolio-scuro)}.scena__rientro{padding:var(--s-2) var(--s-4);border:1px solid var(--c-bordo-su-scuro);border-radius:var(--raggio);font:inherit;font-size:var(--t-sm);font-weight:var(--peso-medio);color:var(--c-grigio-200);cursor:pointer;background:0 0}.scena__uscita{padding:var(--s-2) var(--s-4);background:color-mix(in srgb, var(--c-antracite) 80%, transparent);border:1px solid color-mix(in srgb, var(--c-bianco) 45%, transparent);border-radius:var(--raggio);font:inherit;font-size:var(--t-sm);font-weight:var(--peso-medio);color:var(--c-bianco);cursor:pointer}.scena__uscita:hover{border-color:var(--c-bianco)}.scena__rientro{margin:var(--s-6) auto 0;border-color:var(--c-bordo);color:var(--c-link);display:block}.scena__rientro[hidden]{display:none}.scena__rientro:hover{border-color:var(--c-link)}.scena__perso{max-width:none;padding-inline:var(--padding-pagina);color:var(--c-grigio-200);text-align:center;margin:0;display:none;position:absolute;inset:auto 0 50%}.scena[data-stato=perso] .scena__perso{display:block}.scena[data-stato=perso] .scena__hud{display:none}.scena__velo{z-index:4;padding:var(--s-6) 16px;background:color-mix(in srgb, var(--c-antracite) 72%, transparent);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scena__velo[hidden]{display:none}.scena__pannello{--c-fondo-alt:var(--c-petrolio-scuro);gap:var(--s-4);width:100%;max-width:640px;max-height:100%;padding:var(--s-4);border:1px solid var(--c-teal-chiaro);border-radius:var(--raggio);flex-direction:column;display:flex;overflow-y:auto}.scena__pannello>*{flex-shrink:0}.scena__pannello header .occhiello{margin:0 0 var(--s-1);color:var(--c-teal-chiaro)}.scena__pannello header h2{color:var(--c-titolo);font-size:var(--t-lg);font-weight:var(--peso-titolo);line-height:var(--interlinea-titolo);margin:0}.scena__pannello-demo{min-height:160px}.scena__pannello-azioni{justify-content:space-between;align-items:center;gap:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--c-bordo-su-scuro);flex-wrap:wrap;display:flex}.scena__pannello-chiudi{padding:var(--s-2) var(--s-4);border:1px solid var(--c-bordo-su-scuro);border-radius:var(--raggio);font:inherit;font-size:var(--t-sm);font-weight:var(--peso-medio);color:var(--c-grigio-200);cursor:pointer;background:0 0}.scena__pannello-chiudi:hover{border-color:var(--c-bianco);color:var(--c-bianco)}.scena__pannello-link{font-size:var(--t-sm);font-weight:var(--peso-medio);color:var(--c-teal-chiaro);text-decoration:none}.scena__pannello-link:hover{text-decoration:underline}@media (width>=768px){.scena__pannello{max-width:720px;padding:var(--s-6)}}