.lapponia{--notte-alta:#060d22;--notte:#0d1a3a;--notte-bassa:#1d2f5f;--a1:#35d7a2;--a2:#5aa7ff;--a3:#b27bff;--px:0;--py:0;color:#fffdf8;isolation:isolate;background:linear-gradient(180deg, var(--notte-alta) 0%, var(--notte) 45%, var(--notte-bassa) 75%, #2a3f76 100%);min-height:calc(100svh - 64px);position:relative;overflow:hidden}.lapponia[data-scena=laboratorio]{--a1:#ffb347;--a2:#ff7a5c;--a3:#d9a441}.lapponia[data-scena=cucina]{--a1:#ff9a8a;--a2:#d9a441;--a3:#ffd27a}.lapponia[data-scena=slitta]{--a1:#5aa7ff;--a2:#35d7a2;--a3:#fff}.lapponia .cielo{z-index:0;pointer-events:none;position:absolute;inset:0}.lapponia .aurora{filter:blur(46px);mix-blend-mode:screen;opacity:.55;transform-origin:50%;will-change:transform, opacity;width:140%;height:38%;transition:background 1.2s;position:absolute;left:-20%}.lapponia .aurora-1{background:linear-gradient(90deg, transparent 0%, var(--a1) 30%, transparent 55%, var(--a2) 75%, transparent 100%);animation:22s ease-in-out infinite alternate aurora-1;top:-4%}.lapponia .aurora-2{background:linear-gradient(90deg, transparent 10%, var(--a3) 40%, transparent 60%, var(--a1) 85%, transparent 100%);opacity:.4;height:30%;animation:31s ease-in-out infinite alternate aurora-2;top:8%}.lapponia .aurora-3{background:linear-gradient(90deg, transparent 0%, var(--a2) 50%, transparent 100%);opacity:.3;height:22%;animation:27s ease-in-out infinite alternate-reverse aurora-1;top:18%}@keyframes aurora-1{0%{transform:translate(-6%)skewY(-4deg)scaleY(1)}to{transform:translate(6%)skewY(3deg)scaleY(1.25)}}@keyframes aurora-2{0%{opacity:.25;transform:translate(5%)skewY(3deg)}to{opacity:.5;transform:translate(-7%)skewY(-5deg)}}.lapponia .stelle{width:100%;height:60%;position:absolute;top:0;left:0}.lapponia .stelle circle{fill:#fff8e4;animation:4.5s ease-in-out infinite brilla}@keyframes brilla{0%,to{opacity:.35}50%{opacity:1}}.lapponia .paesaggio{width:100%;height:100%;position:absolute;bottom:0;left:0}.lapponia .strato{transition:transform .3s ease-out}.lapponia .strato-luna{transform:translate(calc(var(--px) * -10px), calc(var(--py) * -6px))}.lapponia .strato-lontano{transform:translate(calc(var(--px) * -6px), 0)}.lapponia .strato-mezzo{transform:translate(calc(var(--px) * 10px), 0)}.lapponia .strato-casa{transform:translate(calc(var(--px) * 18px), 0)}.lapponia .finestra-alone{animation:3.6s ease-in-out infinite calore}@keyframes calore{0%,to{opacity:.45}50%{opacity:.75}}.lapponia .fumo circle{fill:#e9eefb;opacity:0;animation:5s linear infinite fumo}.lapponia .fumo circle:nth-child(2){animation-delay:-1.7s}.lapponia .fumo circle:nth-child(3){animation-delay:-3.4s}@keyframes fumo{0%{opacity:0;transform:translate(0)scale(.6)}15%{opacity:.55}to{opacity:0;transform:translate(40px,-120px)scale(2.2)}}.lapponia .slitta-cielo{opacity:0;transform:translate(-140px,150px)}.lapponia[data-scena=arrivo] .slitta-cielo{animation:16s linear infinite volo}@keyframes volo{0%{opacity:0;transform:translate(-140px,190px)scale(1.1)}8%{opacity:1}50%{transform:translate(800px,110px)scale(.9)}92%{opacity:1}to{opacity:0;transform:translate(1700px,150px)scale(.8)}}.lapponia .porta-luce{transition:r .9s ease-in,opacity .5s}.lapponia.bussato .porta-luce{r:150;opacity:.4;filter:url(#glow)}.lapponia .neve{will-change:transform;background-repeat:repeat;position:absolute;inset:-20% 0 0}.lapponia .neve-1{opacity:.7;background-image:radial-gradient(circle,#ffffffe6 0 1.2px,#0000 1.8px),radial-gradient(circle,#ffffffb3 0 1px,#0000 1.5px);background-position:0 0,60px 80px;background-size:210px 260px,170px 190px;animation:14s linear infinite nevica}.lapponia .neve-2{background-image:radial-gradient(circle,#fffffff2 0 1.8px,#0000 2.6px),radial-gradient(circle,#fffc 0 1.4px,#0000 2px);background-position:100px 30px,20px 150px;background-size:320px 380px,250px 300px;animation:10s linear infinite nevica}.lapponia .neve-3{filter:blur(.6px);opacity:.8;background-image:radial-gradient(circle,#fffffff2 0 2.6px,#0000 3.6px);background-position:200px 100px;background-size:460px 520px;animation:7.5s linear infinite nevica}@keyframes nevica{0%{transform:translateY(-12%)}to{transform:translate(-3%,12%)}}.lapponia .scene{z-index:1;max-width:var(--larghezza);min-height:inherit;align-items:flex-start;margin:0 auto;padding:4.5rem 1.25rem 3rem;display:flex;position:relative}.lapponia .tappe{gap:.4rem;margin:0;display:flex;position:absolute;top:1rem;left:1.25rem}.lapponia .tappe span{color:#fffdf8b3;border:1.5px solid #fffdf873;border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;font-size:.78rem;font-weight:700;display:grid}.lapponia .tappe span.fatta{background:var(--c-gold);border-color:var(--c-gold);color:#2b1d05}.lapponia .tappe span.corrente{border-color:var(--c-gold);color:var(--c-gold)}.lapponia .salta{color:#fffdf8d9;text-underline-offset:3px;font-size:.88rem;text-decoration:underline;position:absolute;top:1.1rem;right:1.25rem}.lapponia .salta:hover{color:#fff}.lapponia .scena{width:100%}.lapponia .scena[hidden]{display:none}.lapponia .pannello{max-width:720px;color:var(--c-ink);backdrop-filter:blur(6px);background:#fbf6ecf0;border:1px solid #d9a44173;border-radius:18px;margin:0 auto;padding:1.6rem 1.8rem 1.8rem;animation:.5s ease-out entra;box-shadow:0 30px 80px #0308188c,0 0 0 6px #fffdf80f}@keyframes entra{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.lapponia .pannello.esce{animation:.35s ease-in forwards esce}@keyframes esce{to{opacity:0;transform:translateY(-10px)scale(.985)}}.lapponia .pannello-arrivo{text-align:center;margin-top:min(6vh,3rem)}.lapponia .pannello .occhiello{text-transform:uppercase;letter-spacing:.12em;color:var(--c-accent-dark);font-size:.72rem;font-weight:700;display:inline-block}.lapponia .pannello h1,.lapponia .pannello h2{font-variation-settings:"opsz" 144, "SOFT" 60;margin:.35rem 0 .5rem}.lapponia .pannello h1{font-size:clamp(1.9rem,1.3rem + 2.4vw,3rem)}.lapponia .pannello h2{font-size:clamp(1.5rem,1.2rem + 1.4vw,2.1rem)}.lapponia .pannello h1:focus,.lapponia .pannello h2:focus{outline:none}.lapponia .pannello>p{color:var(--c-ink-soft);margin:0 0 1rem}.lapponia .azioni{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.2rem;display:flex}.lapponia .btn-grande{padding:.9rem 1.6rem;font-size:1.1rem}.lapponia ul{margin:0;padding:0;list-style:none}.lapponia .letterine{grid-template-columns:repeat(5,1fr);gap:.7rem;display:grid}.lapponia .letterina{cursor:pointer;width:100%;font:inherit;color:var(--c-ink);text-align:center;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:.45rem;padding:.5rem .3rem;font-size:.88rem;font-weight:600;line-height:1.15;transition:background .15s,transform .15s;display:flex}.lapponia .letterina svg{filter:drop-shadow(0 4px 8px #1d2a3a2e);width:84px;transition:transform .2s}.lapponia .letterina:hover,.lapponia .letterina:focus-visible{background:#d9a4412e}.lapponia .letterina:hover svg{transform:translateY(-4px)rotate(-2deg)}.lapponia .letterina.scelta{animation:.55s ease-in forwards vola}@keyframes vola{40%{opacity:1;transform:translateY(-14px)scale(1.06)}to{opacity:0;transform:translateY(-90px)scale(.7)}}.lapponia .metro{border-bottom:4px solid #b97a4a;justify-content:space-between;align-items:flex-end;gap:.3rem;margin-bottom:.75rem;padding:1rem .5rem .4rem;display:flex}.lapponia .tacca{cursor:pointer;font:inherit;color:var(--c-ink);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:.3rem;padding:0;display:flex}.lapponia .tacca .asta{width:100%;max-width:30px;height:var(--h);background:linear-gradient(#e2b77a,#b97a4a);border-radius:6px 6px 0 0;transition:transform .15s,background .15s;display:block;box-shadow:inset 0 0 0 1px #3a241833}.lapponia .tacca .num{font-family:var(--font-titoli);font-size:1.05rem;font-weight:700}.lapponia .tacca:hover .asta,.lapponia .tacca:focus-visible .asta{transform-origin:bottom;background:linear-gradient(180deg, var(--c-gold), #b8432f);transform:scaleY(1.12)}.lapponia .tacca:focus-visible{outline:2px solid var(--c-accent);outline-offset:4px;border-radius:6px}.lapponia .scaffali{grid-template-columns:repeat(5,1fr);gap:.6rem;display:grid}.lapponia .scaffale{background:var(--c-surface);border:1.5px solid var(--c-border-strong);cursor:pointer;width:100%;font:inherit;color:var(--c-ink);border-radius:12px;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .4rem .7rem;font-size:.85rem;font-weight:600;line-height:1.15;transition:border-color .15s,box-shadow .2s,background .2s;display:flex;position:relative}.lapponia .scaffale svg{width:34px;height:34px;color:var(--c-ink-soft)}.lapponia .scaffale .lanterna{width:12px;height:12px;box-shadow:none;background:#cdbf9f;border-radius:50%;transition:background .2s,box-shadow .3s;position:absolute;top:-8px}.lapponia .scaffale:hover{border-color:var(--c-ink)}.lapponia .scaffale[aria-pressed=true]{border-color:var(--c-gold);background:var(--c-gold-soft);box-shadow:0 0 0 3px #d9a44140}.lapponia .scaffale[aria-pressed=true] .lanterna{background:#ffd27a;box-shadow:0 0 14px 5px #ffbe50b3}.lapponia .scaffale[aria-pressed=true] svg{color:var(--c-accent-dark)}.lapponia .scaffale:disabled{opacity:.45;cursor:not-allowed}.lapponia .biscotti{grid-template-columns:repeat(5,1fr);gap:.6rem;display:grid}.lapponia .biscotto{cursor:pointer;width:100%;font:inherit;color:var(--c-ink);background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem .2rem;font-size:.9rem;font-weight:700;transition:background .15s;display:flex}.lapponia .biscotto svg{filter:drop-shadow(0 4px 6px #3a241840);width:64px;transition:transform .2s}.lapponia .biscotto:hover,.lapponia .biscotto:focus-visible{background:#d9a4412e}.lapponia .biscotto:hover svg{transform:rotate(-8deg)translateY(-3px)}.lapponia .biscotto.scelto svg{animation:.5s ease-in forwards morso}@keyframes morso{50%{transform:scale(1.15)rotate(6deg)}to{opacity:0;transform:scale(.4)rotate(-20deg)}}.lapponia .pannello-slitta{max-width:780px}.lapponia .campo{aspect-ratio:720/400;background:linear-gradient(#0d1a3aeb,#2a3f76eb);border:1px solid #d9a44180;border-radius:14px;position:relative;overflow:hidden}.lapponia #tela{touch-action:none;cursor:none;width:100%;height:100%;display:block}.lapponia .hud{color:#fff;font-weight:700;font-family:var(--font-titoli);text-shadow:0 1px 4px #0009;pointer-events:none;font-size:1.05rem;position:absolute;top:.6rem;right:.8rem}.lapponia .fine{text-align:center;color:#fffdf8;backdrop-filter:blur(3px);background:#060d22b8;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1rem;display:flex;position:absolute;inset:0}.lapponia .fine[hidden]{display:none}.lapponia .fine-titolo{font-family:var(--font-titoli);color:var(--c-gold);margin:0;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);font-weight:900}.lapponia .fine p{margin:0 0 .6rem}@media (width<=720px){.lapponia{min-height:0}.lapponia .scene{padding:3.6rem .9rem 2rem}.lapponia .pannello{backdrop-filter:none;background:#fbf6ecf9;padding:1.2rem 1.1rem 1.4rem}.lapponia .letterine,.lapponia .scaffali,.lapponia .biscotti{grid-template-columns:repeat(3,1fr);gap:.4rem}.lapponia .letterina svg{width:66px}.lapponia .letterina,.lapponia .scaffale,.lapponia .biscotto{font-size:.8rem}.lapponia .metro{gap:.15rem}.lapponia .tacca .num,.lapponia .slitta-intro{font-size:.95rem}.lapponia .salta{font-size:.8rem}}@media (width<=420px){.lapponia .letterine,.lapponia .biscotti{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.lapponia .aurora,.lapponia .stelle circle,.lapponia .fumo circle,.lapponia .finestra-alone,.lapponia .neve,.lapponia .slitta-cielo,.lapponia .pannello,.lapponia .letterina.scelta,.lapponia .biscotto.scelto svg{animation:none!important}.lapponia .neve{opacity:.35}.lapponia .slitta-cielo{opacity:1;transform:translate(700px,120px)}.lapponia .strato{transition:none;transform:none!important}}