@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-latin-800-normal-BbF3Etk1.woff2) format("woff2"),url(/assets/baloo-2-latin-800-normal-B8BXfZF7.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff")}:root{--mare: #0f7e98;--mare-scuro: #0a4f66;--cielo: #c9eef2;--sabbia: #fdf1d8;--sole: #ffc23d;--corallo: #ef7b5d;--foglia: #4f9e5b;--carta: #fffdf7;--inchiostro: #17333d;--tenue: #4d6a74;--titolo: "Baloo 2", "Trebuchet MS", sans-serif;--testo: "Nunito", "Segoe UI", sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:linear-gradient(180deg,var(--cielo),#e9f8f5 62%,var(--sabbia));background-attachment:fixed;color:var(--inchiostro);font:600 18px/1.4 var(--testo);-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;border:0;cursor:pointer;background:none}button:disabled{cursor:default}:focus-visible{outline:4px solid var(--mare-scuro);outline-offset:3px}svg{display:block;width:100%;height:100%}img{display:block;max-width:100%}.schermo{min-height:100%;max-width:1000px;margin-inline:auto;padding:max(14px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(18px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:18px}.centrato{align-items:center;justify-content:center;text-align:center}.barra{display:flex;align-items:center;gap:14px;min-height:56px}.titolo-barra{font:800 1.5rem/1.1 var(--titolo);flex:1;min-width:0;color:var(--mare-scuro);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.segnapunti{flex:none;display:flex;align-items:center;gap:6px;font:800 1.3rem var(--titolo);color:var(--mare-scuro)}.segnapunti .stella{width:26px;height:26px}.tondo{flex:none;width:56px;height:56px;padding:13px;border-radius:50%;background:var(--carta);color:var(--mare-scuro);box-shadow:0 4px #9ccfd6}.tondo:active{transform:translateY(3px);box-shadow:0 1px #9ccfd6}.tondo.grande{width:76px;height:76px;padding:17px;background:var(--sole);color:var(--inchiostro);box-shadow:0 5px #c98f12}.muffin{display:flex;align-items:center;gap:12px;min-width:0}.muffin img{width:clamp(84px,16vw,118px);height:auto;aspect-ratio:1;flex:none;border-radius:50%;object-fit:cover;background:var(--sabbia);box-shadow:0 0 0 5px var(--carta)}.muffin.felice img{animation:salta .55s ease}.muffin.pensa img{animation:dubbio .5s ease}.fumetto{position:relative;min-height:64px;min-width:76px;padding:12px 18px;display:flex;align-items:center;justify-content:center;border-radius:22px;background:var(--carta);color:var(--inchiostro);font:800 clamp(1.2rem,3.6vw,1.7rem)/1.2 var(--titolo);text-wrap:balance;text-align:left}.fumetto:before{content:"";position:absolute;left:-11px;top:calc(50% - 9px);border-width:9px 12px 9px 0;border-style:solid;border-color:transparent var(--carta) transparent transparent}.fumetto>svg{width:44px;height:44px;color:var(--mare)}.fumetto>.stella{color:#e8a500}.carta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:96px;padding:14px;border-radius:24px;background:var(--carta);box-shadow:0 6px #a9d8dc;font:800 1.3rem/1.15 var(--titolo);color:var(--inchiostro)}.carta:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #a9d8dc}.carta:disabled{opacity:.62;box-shadow:none}.carta small{font:600 .9rem var(--testo);color:var(--tenue)}.azione{min-height:72px;padding-inline:34px;background:var(--sole);box-shadow:0 6px #c98f12}.azione:disabled{background:#e8e3d4}.griglia-profili{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%}.posto-profilo{position:relative;display:grid;width:min(44%,190px)}.profilo{width:100%;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.cestino{position:absolute;top:-8px;right:-8px;width:56px;height:56px;padding:11px;border-radius:50%;background:#c8352c;color:#fff;box-shadow:0 3px #8d2019}.matita{position:absolute;top:-8px;left:-8px;width:56px;height:56px;padding:11px;border-radius:50%;background:var(--mare-scuro);color:#fff;box-shadow:0 3px #0c3f4a}.conferma{width:min(92vw,400px);padding:22px;border:0;border-radius:28px;background:var(--carta);color:var(--inchiostro);text-align:center}.conferma::backdrop{background:#17333d99}.conferma h2{margin:8px 0 4px;font:800 1.5rem/1.15 var(--titolo);overflow-wrap:anywhere}.conferma p{margin:0 0 16px}.conferma-avatar{width:96px;margin-inline:auto}.conferma-tasti{display:flex;flex-direction:column;gap:14px}.elimina{min-height:64px;background:#fbe4e1;box-shadow:0 4px #e0a29c;color:#9c2219}.avatar{aspect-ratio:1;height:auto;border-radius:18%;background:var(--sabbia)}.avatar-barra{flex:none;width:48px;height:48px}.miniatura{aspect-ratio:1;height:auto}.profilo strong{overflow-wrap:anywhere}.aggiungi{background:#eef9f8}.piu{font:800 4rem/1 var(--titolo);color:var(--mare)}.collegamento{padding:12px;color:var(--mare-scuro);text-decoration:underline;font-weight:800}.griglia-giochi{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px}.gioco{min-height:120px}.gioco.album{background:var(--sabbia)}.anteprima{display:flex;justify-content:center;gap:6px}.anteprima{max-width:100%}.anteprima .figura,.anteprima .macchia{width:54px;height:54px;min-width:0;flex:0 1 54px;border-radius:14px;object-fit:cover}.anteprima .macchia{border-radius:50%}.griglia-livelli{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:16px}.livello{min-height:140px}.livello.suggerito{box-shadow:0 6px 0 var(--sole),0 0 0 4px var(--sole)}.stelle{display:flex;gap:4px}.stella{width:34px;height:34px;color:#eaa800}.stella.spenta{color:#e6e1d3}.quiz{gap:12px}.avanzamento{flex:1;display:flex;gap:5px;min-width:0}.avanzamento span{flex:1;height:13px;border-radius:7px;background:#ffffffb0}.avanzamento .fatto{background:var(--foglia)}.avanzamento .ora{background:var(--sole)}.consegna{display:flex;justify-content:space-between;align-items:center;gap:12px}.consegna .muffin{flex:1}.scelte{flex:1;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center}.scelte.n4{grid-template-columns:repeat(4,minmax(0,1fr))}.scelta{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:8px;border-radius:26px;background:var(--sabbia);box-shadow:0 6px #d8c08b}.scelta:active{transform:translateY(4px);box-shadow:0 2px #d8c08b}.scelta.sbagliata{opacity:.4;filter:grayscale(.8);animation:dubbio .4s ease}.scelta.giusta{box-shadow:0 0 0 7px var(--foglia),0 6px 0 7px #2e7a3b;animation:salta .55s ease}.figura{width:100%;height:100%;object-fit:contain;border-radius:18px;pointer-events:none}.macchia{display:block;width:84%;aspect-ratio:1;border-radius:47% 53% 50% 50%/52% 46% 54% 48%;box-shadow:inset 0 -8px 16px #00000024,inset 0 8px 14px #fff5,0 0 0 2px #00000014;pointer-events:none}.mano{position:absolute;right:6%;bottom:0;width:38%;height:auto;animation:tocca 1.1s ease-in-out infinite;pointer-events:none;filter:drop-shadow(0 4px 3px #0005)}.risultato{display:grid;gap:4px;justify-items:center}.risultato p{margin:0}.punti{display:flex;align-items:center;gap:8px;font:800 3.4rem/1.1 var(--titolo);color:var(--mare-scuro)}.punti .stella{width:54px;height:54px}.album{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px}.figurina{position:relative;display:grid;justify-items:center;gap:2px;padding:8px;border-radius:16px;background:var(--carta);box-shadow:0 4px #a9d8dc}.figurina .figura,.figurina .macchia{width:100%;aspect-ratio:1}.figurina .macchia{width:84%}.figurina small{font:800 1rem var(--titolo)}.figurina.vuota{box-shadow:none;background:#ffffff80}.figurina.vuota .figura,.figurina.vuota .macchia{filter:grayscale(1) brightness(.72) contrast(.3);opacity:.55}.mini-voce{position:absolute;top:6px;right:6px;width:22px;height:22px;color:var(--mare)}.premio{position:relative;display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px 44px 10px 12px;border-radius:20px;background:var(--carta);box-shadow:0 5px #a9d8dc;font:800 1.2rem/1.15 var(--titolo);animation:salta .55s ease}.premio .miniatura{flex:none;width:76px}.avatar-grande{width:min(58vw,34vh,260px);margin-inline:auto}.armadio{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px}.capo{display:grid;justify-items:center;gap:4px;padding:8px;border-radius:16px;background:var(--carta);box-shadow:0 4px #a9d8dc;border:4px solid transparent}.capo .miniatura{width:100%}.capo small{font:800 .85rem/1.1 var(--titolo)}.capo.addosso{border-color:var(--sole);background:#fff4cf}.memory{height:100vh;height:100dvh;min-height:0;gap:10px}.memory .muffin img{width:clamp(52px,11vh,96px)}.carte{flex:1;min-height:0;display:grid;gap:clamp(6px,1.5vmin,14px);grid-auto-rows:1fr;grid-template-columns:repeat(var(--colonne),minmax(0,1fr))}.carte.c6{--colonne: 3}.carte.c8,.carte.c12{--colonne: 4}.carta-memory{position:relative;min-height:0;min-width:0;border-radius:18px;perspective:700px}.retro,.fronte{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6%;border-radius:inherit;backface-visibility:hidden;transition:transform .28s ease;pointer-events:none}.retro{background:var(--mare);color:var(--sole);box-shadow:0 5px 0 var(--mare-scuro)}.retro .stella{width:42%;height:42%;max-width:72px;color:var(--sole)}.fronte{background:var(--sabbia);box-shadow:0 5px #d8c08b;transform:rotateY(180deg)}.girata .retro{transform:rotateY(180deg)}.girata .fronte{transform:none}.fronte .figura{min-height:0;flex:1}.fronte .macchia{min-height:0;flex:1;width:auto;max-width:100%}.fronte small{font:800 clamp(.8rem,2.6vmin,1.2rem)/1.1 var(--titolo)}.scritta{font:800 clamp(1rem,4.5vmin,2.2rem)/1.1 var(--titolo);color:var(--mare-scuro);overflow-wrap:anywhere}.trovata .fronte{background:#e4f4e2;box-shadow:0 0 0 4px var(--foglia);animation:salta .55s ease}.carta-memory:disabled{opacity:1}.modulo{display:grid;gap:10px;max-width:560px;width:100%;margin-inline:auto}.modulo label,.etichetta{font:800 1.2rem var(--titolo);color:var(--mare-scuro);margin-top:8px}.modulo input{width:100%;min-height:58px;padding:8px 16px;border:3px solid #9ccfd6;border-radius:16px;background:var(--carta);font:700 1.3rem var(--testo);color:var(--inchiostro)}.scelta-avatar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.scelta-avatar button{padding:3px;border-radius:16px;background:var(--carta);border:4px solid transparent}.scelta-eta{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.scelta-eta button{min-height:56px;border-radius:14px;background:var(--carta);font:800 1.3rem var(--titolo);border:4px solid transparent}.scelta-avatar .attivo,.scelta-eta .attivo{border-color:var(--sole);background:#fff4cf}.modulo .azione{margin-top:16px}.testo-genitori{max-width:65ch;font-weight:600}.testo-genitori h2{font:800 1.3rem var(--titolo);margin:18px 0 4px;color:var(--mare-scuro)}.testo-genitori p{margin:0}.famiglia{display:grid;gap:12px;padding:16px;border-radius:20px;background:var(--carta)}.codice-famiglia{font:800 clamp(2rem,8vw,2.8rem)/1 var(--titolo);letter-spacing:.08em;color:var(--mare-scuro);font-variant-numeric:tabular-nums;user-select:all}.qr{width:min(100%,220px);height:auto;border-radius:12px}.tasto-famiglia{min-height:60px;padding-inline:24px;background:var(--sole);box-shadow:0 5px #c98f12;font-size:1.15rem;justify-self:start}.tasto-famiglia.secondario{background:#eef9f8;box-shadow:0 5px #a9d8dc}.collega-famiglia{display:grid;gap:8px}.collega-famiglia label{font:800 1.1rem var(--titolo);color:var(--mare-scuro)}.riga-famiglia{display:flex;flex-wrap:wrap;gap:10px}.riga-famiglia input{flex:1 1 180px;min-width:0;min-height:60px;padding:8px 16px;border:3px solid #9ccfd6;border-radius:16px;background:#fff;font:800 1.4rem var(--titolo);letter-spacing:.06em;text-transform:uppercase;color:var(--inchiostro)}.nota-famiglia{color:var(--tenue);font-size:.95rem}.nota-famiglia.errore{color:#9c2219;font-weight:800}@keyframes salta{0%,to{transform:none}35%{transform:translateY(-14px) scale(1.04)}65%{transform:translateY(2px)}}@keyframes dubbio{0%,to{transform:none}25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes tocca{0%,to{transform:translate(6px,8px)}50%{transform:translate(-4px,-8px) scale(.94)}}@media(max-width:620px),(orientation:portrait){.carte.c8,.carte.c6{--colonne: 2}.carte.c12{--colonne: 3}.scelte.n4,.scelte:not(.n4){grid-template-columns:repeat(2,minmax(0,1fr));max-width:min(100%,420px,54vh);width:100%;margin-inline:auto}.scelte:not(.n4) .scelta:last-child{grid-column:1 / -1;width:calc(50% - 7px);justify-self:center}}@media(min-width:621px)and (orientation:portrait){.scelte.n4,.scelte:not(.n4){max-width:min(100%,54vh);gap:20px}}@media(max-width:620px){.tondo.grande{width:64px;height:64px;padding:14px}}@media(max-height:520px)and (orientation:landscape){.memory{gap:6px;padding-block:6px}.memory .barra{min-height:44px}.memory .tondo{width:44px;height:44px;padding:10px}.memory .consegna{display:none}.carte.c6,.carte.c8,.carte.c12{--colonne: 4}.carte.c6{--colonne: 3}.carte.c12{--colonne: 6}}@media(max-height:520px)and (orientation:landscape){.quiz{gap:8px;padding-block:8px}.quiz .barra{min-height:44px}.quiz .tondo{width:44px;height:44px;padding:10px}.quiz .muffin img{width:52px;box-shadow:0 0 0 3px var(--carta)}.quiz .fumetto{min-height:44px;padding:6px 14px;font-size:1.1rem}.quiz .fumetto>svg{width:30px;height:30px}.scelta{aspect-ratio:auto;width:100%;height:calc(100vh - 136px);height:calc(100dvh - 136px)}.scelta .macchia{width:auto;height:84%;max-width:84%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.catch .avanzamento{align-self:center}.campo{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:24px;background:linear-gradient(#fff9,#fff4cf99);background-size:calc(100% / var(--corsie)) 100%;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.oggetto{position:absolute;display:grid;place-items:center;width:min(calc(100% / var(--corsie) - 28px),19vh);aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--sabbia);box-shadow:0 0 0 4px var(--carta),0 6px 10px #0002;transform:translate(-50%,-50%);pointer-events:none}.oggetto .figura{border-radius:0;object-fit:cover}.oggetto .macchia{width:100%;border-radius:50%;box-shadow:inset 0 -8px 16px #00000024,inset 0 8px 14px #fff5}.oggetto.parola{border-radius:22px}.oggetto .scritta{font-size:clamp(.8rem,3.6vmin,1.8rem);text-align:center;padding:8px}.oggetto.dentro{animation:dentro .38s ease-in forwards}.cesto{position:absolute;bottom:4px;width:min(calc(100% / var(--corsie) - 6px),26vh);transform:translate(-50%);transition:left .12s ease-out;pointer-events:none;filter:drop-shadow(0 4px 3px #0003)}.cesto.trascina{transition:none}.cesto svg{display:block;width:100%;height:auto}.cesto.pieno{animation:salta .55s ease .3s}@keyframes dentro{to{transform:translate(-50%,-18%) scale(.7)}}.guida{position:absolute;bottom:10px;width:min(calc(100% / var(--corsie) - 20px),14vh);aspect-ratio:4 / 5;transform:translate(-50%);pointer-events:none}.guida .mano{inset:0;width:100%}@media(prefers-reduced-motion:reduce){.cesto{transition:none}.oggetto.dentro{animation:none;transform:translate(-50%,-18%) scale(.7)}}.area-tocca{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.figura-corpo{flex:1;min-height:0;display:grid;place-items:center}.corpo{position:relative;width:min(100%,calc((100dvh - 230px) * 4 / 7));aspect-ratio:4 / 7;border-radius:24px;overflow:hidden;background:#fdf3e1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer}.corpo img,.corpo svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.corpo.contento img{animation:salta .7s ease-in-out}.corpo ellipse{fill:#fff5;stroke-width:5;vector-effect:non-scaling-stroke;animation:compare .25s ease-out}.corpo ellipse.giusta{stroke:#f5b31b;fill:#ffd76655}.corpo ellipse.sbagliata{stroke:#fff;fill:#fff4;stroke-dasharray:8 6}@keyframes compare{0%{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.6)}}.mano-corpo{position:absolute;width:18%;aspect-ratio:4 / 5;transform:translate(-37%,-7%);pointer-events:none}.mano-corpo .mano{inset:0;width:100%}@media(orientation:landscape){.area-tocca{flex-direction:row;align-items:stretch}.area-tocca .consegna{flex:1;flex-direction:column;justify-content:center;gap:24px}.area-tocca .consegna .muffin{flex:0 1 auto}.corpo{width:min(100%,calc((100dvh - 110px) * 4 / 7))}}@media(max-height:520px)and (orientation:landscape){.tocca .area-tocca .consegna{display:flex;gap:10px}.tocca .muffin img{width:52px}.corpo{width:min(100%,calc((100dvh - 64px) * 4 / 7))}}@media(prefers-reduced-motion:reduce){.corpo.contento img,.corpo ellipse{animation:none}}.abc .protagonista{flex:1 1 0;min-height:96px;display:flex;align-items:center;justify-content:center}.abc .protagonista .figura{width:auto;height:100%;max-height:300px;aspect-ratio:1;max-width:100%;min-height:0}.abc .protagonista.contento{animation:salta .55s ease}.abc .scelte{flex:0 1 auto}.lettera{display:flex;align-items:baseline;gap:.08em;font:800 clamp(4rem,22vmin,11rem)/1 var(--titolo);color:var(--mare-scuro);pointer-events:none}.lettera small{font-size:.62em;color:var(--mare)}.scelta .lettera{font-size:clamp(2.6rem,12vmin,5.5rem)}@media(max-height:520px)and (orientation:landscape){.abc .protagonista{flex:none;height:30dvh;min-height:0}.abc .protagonista .lettera{font-size:26dvh}.abc .scelta{height:calc(70dvh - 150px)}}.prossima-tappa{display:grid;grid-template-columns:1fr auto;gap:16px;margin-bottom:16px}.tappa{width:100%}.tappa.suggerito{box-shadow:0 6px 0 var(--sole),0 0 0 4px var(--sole)}.tappa.fatta{background:var(--sabbia)}.tappa.mappa{min-width:120px}.tappa .gioca{font:800 1.1rem var(--titolo);color:var(--mare-scuro)}.barra-avanzamento{display:block;width:min(100%,260px);height:14px;border-radius:7px;background:#e6e1d3;overflow:hidden}.barra-avanzamento>span{display:block;height:100%;border-radius:7px;background:var(--sole)}.percorso{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}@media(max-width:480px){.prossima-tappa{grid-template-columns:1fr}}.riepilogo{display:grid;gap:12px;margin-top:8px}.riepilogo-figlio{padding:14px 16px;border-radius:18px;background:var(--carta)}.riepilogo-figlio h3{margin:0 0 6px;font:800 1.15rem var(--titolo)}.riepilogo-figlio p{margin:4px 0}.interruttore{display:flex;gap:10px;align-items:flex-start;margin:10px 0;font-weight:600;cursor:pointer}.interruttore input{flex:none;width:24px;height:24px;margin-top:2px;accent-color:var(--mare)}.interruttore a{color:var(--mare-scuro)}.riga-tasti{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.tasto-famiglia.pericolo{background:#f6d2c9;box-shadow:0 5px #d39a8c}.conferma-in-linea{margin-top:14px;padding:14px;border-radius:18px;background:#fff3ef}.testo-genitori a{color:var(--mare-scuro)}
