html,body{overscroll-behavior:none;background:var(--fondo);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;height:100%;margin:0;overflow:hidden}#app{height:100%}button{font:inherit;color:inherit}.schermata{box-sizing:border-box;height:100%;padding:max(16px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));flex-direction:column;display:flex;position:relative;overflow:hidden}.barra{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.barra .spazio{width:64px}.tasto{cursor:pointer;background:#fff;border:none;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;font-size:30px;display:flex;box-shadow:0 3px #f0d9b5}.tasto:active{transform:translateY(2px);box-shadow:0 1px #f0d9b5}.esercizio-corpo{flex:1;grid-template-columns:minmax(0,32fr) minmax(0,68fr);gap:16px;min-height:0;margin-top:12px;display:grid}.guida,.pagina{background:var(--carta);border-radius:24px;min-height:0;position:relative;box-shadow:0 4px #f0d9b5}.guida{flex-direction:column;align-items:center;padding:12px;display:flex}.guida-foglio{flex:1;align-self:stretch;width:100%;min-height:0;position:relative}.guida-foglio>.foglio-svg{width:100%;height:100%;position:absolute;inset:0}.pagina>.foglio-svg{width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;top:8px;left:8px}.tasto-rivedi{background:var(--fondo);margin-top:8px}.pagina{padding:8px}.ripetizioni{gap:14px;display:flex}.pallino{border:4px solid var(--verde);box-sizing:border-box;background:#fff;border-radius:50%;width:26px;height:26px}.pallino.pieno{background:var(--verde)}@media (orientation:portrait){.esercizio-corpo{grid-template-rows:minmax(0,30fr) minmax(0,70fr);grid-template-columns:1fr}.guida{flex-direction:row}.tasto-rivedi{margin:0 0 0 8px}}.foglio .foglio-svg{touch-action:none}.foglio .tratto-bambino{fill:none;stroke:var(--blu);stroke-width:12px;stroke-linecap:round;stroke-linejoin:round}.foglio .tratto-bambino.fatta{stroke:var(--inchiostro)}.foglio .tratto-bambino.sbagliata{stroke:var(--rosso)}.foglio .tocco-sbagliato{fill:var(--rosso)}.foglio[data-stato=errore]{box-shadow:0 0 0 6px #ff3b3059,0 4px #f0d9b5}.stellina-volante{pointer-events:none;z-index:5;font-size:44px;animation:1.4s ease-out forwards vola;position:absolute}@keyframes vola{0%{opacity:0;transform:translate(0)scale(.4)}20%{opacity:1;transform:translateY(-20px)scale(1.1)}to{transform:translate(var(--dx), -220px) scale(.8);opacity:0}}.inizio{justify-content:center}.nome-bambino{text-align:center;color:var(--arancio);letter-spacing:1px;margin-top:8px;font-size:clamp(34px,5vw,56px);font-weight:800}.porte{flex:1;justify-content:center;align-items:center;gap:6%;display:flex}.porta{color:#fff;cursor:pointer;border:none;border-radius:36px;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:38%;height:62%;font-weight:800;display:flex;position:relative;box-shadow:0 8px #0000001f}.porta:active{transform:translateY(4px);box-shadow:0 4px #0000001f}.porta-segni{letter-spacing:6px;font-size:clamp(40px,7vw,84px)}.porta-numeri{background:var(--verde)}.porta-lettere{background:var(--arancio)}.pallini{gap:8px;display:flex}.pallini i{background:#fff6;border-radius:50%;width:16px;height:16px}.pallini i.pieno{background:#fff}.angolo-genitori{z-index:2;width:90px;height:90px;position:absolute;top:0;left:0}.avvio{z-index:10;cursor:pointer;background:#fff3e0eb;border:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.avvio span{background:var(--verde);color:#fff;box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;padding-left:14px;font-size:84px;animation:1.6s ease-in-out infinite respira;display:flex;box-shadow:0 8px #0000001f}@keyframes respira{50%{transform:scale(1.08)}}.avviso-home{z-index:20;background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.avviso-scheda{-webkit-user-select:text;user-select:text;background:#fff;border-radius:24px;max-width:520px;padding:28px 32px;font-size:19px;line-height:1.45}.avviso-scheda h2{margin:0 0 8px}.tasto-testo{background:var(--blu);color:#fff;cursor:pointer;border:none;border-radius:16px;margin:6px 8px 6px 0;padding:14px 22px;font-size:19px;font-weight:700}.tasto-pericolo{background:var(--rosso)}.tasto-no{background:var(--grigio)}.genitori{max-width:760px;margin:0 auto;font-size:18px;overflow-y:auto}.genitori h1{margin:8px 0 4px}.genitori h2{margin:22px 0 8px;font-size:19px}.genitori .spiega{color:#555;-webkit-user-select:text;user-select:text;margin:6px 0}.scelte{gap:10px;display:flex}.scelta{border:3px solid var(--blu);width:56px;height:56px;color:var(--blu);background:#fff;border-radius:16px;font-size:22px;font-weight:700}.scelta.attiva{background:var(--blu);color:#fff}.griglia{flex:1;align-content:center;gap:3%;padding:3% 6%;display:grid}.griglia-numeri{grid-template-columns:repeat(5,1fr)}.griglia-lettere{grid-template-columns:repeat(4,1fr)}.tessera{aspect-ratio:1;cursor:pointer;background:#fff;border:5px solid #ffd6a5;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:4px;max-height:30vh;font-weight:800;display:flex;box-shadow:0 5px #f0d9b5}.tessera .segno{font-size:clamp(36px,6vw,72px)}.tessera .stella{min-height:30px;font-size:26px}.tessera .stelle{letter-spacing:2px;color:#d1d1d6;font-size:20px}.tessera .stelle b{color:var(--arancio)}.tessera.fatto{border-color:var(--verde)}.quattro-forme{flex:1;grid-template-columns:repeat(4,1fr);align-items:center;gap:3%;padding:0 4%;display:grid}.forma{aspect-ratio:3/4;background:var(--carta);cursor:pointer;border:5px solid #e5e5ea;border-radius:28px;padding:8px;position:relative;box-shadow:0 5px #f0d9b5}.forma .foglio-svg{width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;inset:8px}.forma.fatta{border-color:var(--verde)}.forma .stella{font-size:30px;position:absolute;top:6px;right:10px}@media (orientation:portrait){.quattro-forme{grid-template-columns:repeat(2,1fr);align-content:center}.griglia-numeri{grid-template-columns:repeat(4,1fr)}}