.isola{--isola-zoom:5;--isola-fuoco-x:.5;--isola-fuoco-y:.64;contain:layout paint;background:var(--surface-grain), var(--bg-page);background-blend-mode:var(--grain-blend), normal;block-size:clamp(360px,70svh,720px);position:relative;overflow:clip}.isola-tela{block-size:calc(100% - 2 * var(--space-3));aspect-ratio:var(--proporzione);position:absolute;inset-block-start:var(--space-3);inset-inline-start:50%;translate:-50%}.isola-svg{block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible}.isola-trama{fill:var(--text-primary);fill-opacity:calc(.22 - .12 * var(--e,0))}.isola-costa{fill:none;stroke-width:1.6px;stroke-linejoin:round}.isola-altra{fill:var(--text-primary);fill-opacity:.55;transform-box:fill-box;transform-origin:50%;scale:calc(1 / var(--s,1))}.isola-pin{z-index:1;will-change:transform;position:absolute;inset-block-start:var(--y);inset-inline-start:var(--x)}.isola-anello-grigio,.isola-anello,.isola-punto,.isola-posto{border-radius:var(--radius-full);position:absolute;inset-block-start:0;inset-inline-start:0;translate:-50% -50%}.isola-anello-grigio,.isola-anello{inline-size:calc(var(--space-5) + var(--space-2));block-size:calc(var(--space-5) + var(--space-2))}.isola-anello-grigio{border:1px solid color-mix(in srgb, var(--text-primary) 28%, transparent)}.isola-anello{opacity:0;transition:opacity var(--dur-slow) var(--ease-out), scale var(--dur-slow) var(--ease-out);scale:.6}.isola-punto{inline-size:var(--space-2);block-size:var(--space-2);background:var(--text-primary);transition:opacity var(--dur-base) var(--ease-out)}.isola-posto{inline-size:var(--space-4);block-size:var(--space-4);visibility:hidden}.isola-posto .isola-simbolo{fill:url(#symbol-iris);block-size:100%;inline-size:100%;display:block}.isola-etichetta{padding:var(--space-1) var(--space-2);isolation:isolate;font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;white-space:nowrap;color:var(--text-primary);position:absolute;inset-block-start:0;inset-inline-start:calc(var(--space-5) / 2 + var(--space-3));translate:0 -50%}.isola-etichetta:before,.isola-coord:before,.isola-parole:before,.isola-hint:before{content:"";z-index:-1;border-radius:var(--radius-sm);background:var(--surface-grain), var(--bg-page);background-blend-mode:var(--grain-blend), normal;position:absolute;inset:0}.isola-etichetta:before{opacity:calc(.35 + .53 * var(--e,0))}.isola-pin[data-lato=sinistra] .isola-etichetta{inset-inline-start:auto;inset-inline-end:calc(var(--space-5) / 2 + var(--space-3))}.isola-pin[data-sotto] .isola-etichetta{translate:calc(-1 * var(--space-4)) 0;inset-block-start:calc(var(--space-5) / 2 + var(--space-3));inset-inline:0 auto}.isola-pin[data-sotto][data-lato=sinistra] .isola-etichetta{translate:calc(-100% + var(--space-4)) 0}.isola[data-tappa-arrivato] .isola-anello{opacity:1;scale:1}.isola[data-tappa-arrivato] .isola-posto{visibility:visible}.isola[data-tappa-off] .isola-posto{visibility:hidden}.isola[data-tappa-arrivato] .isola-punto{opacity:0}@media (scripting:none),not (min-height:481px),print{.isola-anello{opacity:1;scale:1}.isola-posto{visibility:visible}.isola-punto{opacity:0}}:root[data-reduced-motion] .isola-anello{opacity:1;scale:1}:root[data-reduced-motion] .isola-posto{visibility:visible}:root[data-reduced-motion] .isola-punto{opacity:0}.isola-chiose{z-index:1;pointer-events:none;position:absolute;inset:0}.isola-chiose-dentro{block-size:100%;position:relative}.isola-testa{inset-block-start:var(--space-3);inset-inline:calc(-1 * var(--space-2)) 0;align-items:flex-start;gap:var(--space-1);flex-direction:column;display:flex;position:absolute}.isola-coord,.isola-parole{max-inline-size:none;position:relative}.isola-hint{position:absolute;inset-inline-start:calc(-1 * var(--space-2))}.isola-coord,.isola-parole,.isola-hint{padding:var(--space-1) var(--space-2);isolation:isolate;font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--text-secondary);margin:0}.isola-coord:before,.isola-parole:before,.isola-hint:before{opacity:calc(.88 * var(--e,0))}.isola-hint{display:none;inset-block-end:var(--space-3)}.isola[data-isola-moto] .isola-hint{display:block}.isola[data-tappa-off] .isola-hint{visibility:hidden}@media (max-width:767px){.isola{block-size:calc(clamp(360px, 70svh, 720px) + var(--space-8))}.isola-tela{block-size:calc(100% - 2 * var(--space-3) - var(--space-8) - var(--space-6));inset-block-start:calc(var(--space-3) + var(--space-8))}.isola:has(.isola-pin[data-lato=sinistra]){--isola-fuoco-x:.6}}@media (max-width:359px){.isola-etichetta{white-space:normal;inline-size:min-content}}.isola-tocco{z-index:2;cursor:zoom-in;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;block-size:100%;inline-size:100%;padding:0;position:absolute;inset:0}.isola-tocco[hidden]{display:none}.isola-tocco[aria-pressed=true]{cursor:zoom-out}.isola[data-tappa-off] .isola-tocco{cursor:default}.isola-tocco:focus-visible{outline:2px solid var(--focus-ring);outline-offset:calc(-1 * var(--space-1))}@media (min-width:768px){.isola{--isola-zoom:6;--isola-fuoco-x:.64;--isola-fuoco-y:.52}.isola-tela{inset-inline-start:70%}}@media print{.isola-camera,.isola-pin{transform:none!important}.isola-svg{--s:1!important}.isola-altre{opacity:1!important}.isola-hint,.isola-tocco{display:none!important}.isola[data-tappa-off] .isola-posto{visibility:visible!important}.isola-anello{display:none!important}.isola{--e:0!important}}