:root{--color-isla-sky:#b7d9e8;--color-isla-sand:#f3ead4;--color-isla-leaf:#2f6b46;--color-isla-sun:#f5d56a;--color-isla-sea:#6eb3d4;--color-isla-meadow:#e9f4e5;--isla-pink:oklch(74% .15 350);--isla-berry:oklch(74% .15 320);--isla-sky-pop:oklch(74% .15 240);--isla-mint:oklch(74% .15 165);--isla-mango:oklch(74% .15 60);--twj-ink:#244d38;--twj-deep-leaf:#234f36;--twj-cream:#fffaf0;--twj-coral:#e9826f;--twj-ink-soft:color-mix(in srgb, var(--twj-ink) 78%, white);--twj-line:#2f6b464d;--twj-title-lead:#7a4220;--twj-sofi:#1f7a93;--twj-noa:#c93d78;--isla-glass:#fffcf06b;--isla-glass-strong:#fffdf6eb;--isla-lip:inset 0 1px 0 #ffffffc7;--isla-drop:0 clamp(8px, 1.6vmin, 18px) clamp(22px, 4vmin, 44px) -14px #3c280a8c;--isla-halo:#ffe29bd9;--isla-ink:oklch(36% .11 148);--isla-radius:clamp(20px, 3vmin, 32px);--feedback-correct:#2f9e44;--feedback-correct-ring:#2f9e444d;--feedback-good:#4caf50;--feedback-retry:#e6a05a;--feedback-hint:#f5d56a;--feedback-hint-glow:#f5d56a99;--star-done:#ffb300;--star-empty:#d8cba4;--progress-track:#e9dfbf;--progress-fill:linear-gradient(90deg, #ffd23f, #ffb300);--focus-ring-color:#155e9b;--focus-ring:4px solid var(--focus-ring-color);--focus-ring-offset:4px;--focus-glow:drop-shadow(0 0 8px #ffd23fd9);--hover-glow:brightness(1.04) drop-shadow(0 0 6px #ffd23fa6);--door-kite-a:#dcf3dc;--door-kite-b:#9bcaa9;--door-kite-ink:#234f36;--door-letter-a:#fff0b8;--door-letter-b:#f4ca83;--door-letter-ink:#8a4b12;--door-syllable-a:#efe8ff;--door-syllable-b:#c9b6f2;--door-syllable-ink:#5b3a8f;--door-number-a:#dcf0f6;--door-number-b:#a8d1df;--door-number-ink:#17566c;--door-shapes-a:#e7e2fb;--door-shapes-b:#bfb4ee;--door-shapes-ink:#4a3a9a;--door-name-a:#fde4ea;--door-name-b:#f2b3c1;--door-name-ink:#a23b58;--friend-miss-a:#fde0e6;--friend-miss-b:#f6b9c8;--friend-miss-tint:#ffb3c9;--friend-leo-a:#fff0b8;--friend-leo-b:#f6cf80;--friend-leo-tint:#8fd3a5;--friend-turco-a:#d8eef4;--friend-turco-b:#a8d1df;--friend-turco-tint:#ffcf8f;--hub-glow-sun:#fff9d5f2;--hub-glow-sea:#6eb3d46b;--hub-hill-leaf:#2f6b462e;--hub-hill-sun:#f5d56a4d;--radius-tile:20px;--radius-balloon:24px;--radius-card:28px;--radius-door:26px 30px 24px 28px;--radius-pill:999px;--elev-header:inset 0 2px 0 #ffffffd9, 0 10px 20px -14px #32503299;--elev-door:inset 0 3px 0 #ffffff9e, 0 16px 26px -20px #224630bf;--elev-door-hover:inset 0 3px 0 #ffffffb8, 0 24px 30px -20px #224630cc;--elev-door-active:inset 0 3px 0 #ffffff8c, 0 6px 10px -8px #224630cc;--elev-card:inset 0 3px 0 #ffffffb3, 0 14px 22px -16px #224630b3;--elev-primary:0 9px 16px -11px #18402ae6;--elev-play:0 14px 34px -14px #144628d9, 0 0 30px #ffe0968c, inset 0 2px 0 #ffffff59;--elev-control-lip:0 3px 0 #415a3c47;--ease-isla:cubic-bezier(.23, 1, .32, 1);--dur-press:.15s;--dur-ui:.22s;--dur-enter:.42s;--press-scale:.96;--press-scale-squash:.95;--lift-hover:-4px;--tap-min:44px;--play-tap:max(var(--tap-min), 7vmin);--twj-control:clamp(56px, 7vmin, 64px);--play-companion:clamp(76px, 16vmin, 136px);--font-sans:"Nunito Variable", Nunito, ui-sans-serif, system-ui, -apple-system, sans-serif;--fw-body:800;--fw-strong:900;--fw-title:950;--type-hero:clamp(2.7rem, 12vmin, 6.6rem);--type-title-lead:clamp(1.05rem, 3.4vmin, 1.9rem);--type-card-name:clamp(1.5rem, 4.4vmin, 2.6rem);--type-cta:clamp(1.5rem, 4vmin, 2.4rem);--type-balloon:clamp(1.2rem, 3.2vmin, 2rem);--type-header:clamp(1rem, 2.6vmin, 1.5rem);--type-kicker:.65rem;--type-bubble:clamp(1rem, 2.6vmin, 1.4rem);--type-control:clamp(.86rem, 1.9vmin, 1.05rem);--type-title:clamp(24px, 5.5vmin, 48px);--title-tracking:-.015em;--press-transition:scale var(--dur-press) var(--ease-isla), translate var(--dur-ui) var(--ease-isla), filter var(--dur-ui) var(--ease-isla);--disabled-opacity:.6;--secondary-bg:#fffaf0e6;--header-bg:radial-gradient(120% 140% at 0% 0%, #fff4bee6, transparent 55%), linear-gradient(135deg, #fffcf4f2, #ffeec4e6);--header-gap:clamp(6px, 1.4vmin, 14px);--header-tile-bg:linear-gradient(150deg, #fff, #ffe9a8);--header-tile-shadow:inset 0 2px 0 #ffffffe6, 0 3px 0 #415a3c33;--header-kicker:#536b54;--home-disc:radial-gradient(circle at 35% 30%, #fff6c9, #ffe08a 55%, #ffd23f);--elev-home:0 3px 0 #415a3c4d, 0 0 0 2px #e0a52e8c;--star-size:clamp(1.15rem, 3vmin, 1.6rem);--star-done-glow:0 1px 0 #a0640073, 0 0 8px #ffd23fb3;--progress-track-inset:inset 0 2px 3px #785a1440;--progress-fill-lip:inset 0 2px 0 #ffffff8c;--dot-idle:#e7dcc2;--dot-done:#e0a52e;--balloon-bg:#fff;--balloon-ring:#fde68a;--elev-balloon:0 0 0 3px var(--balloon-ring), 0 12px 22px -16px #183a28b3;--balloon-pad:clamp(8px, 1.6vmin, 14px) clamp(14px, 2.4vmin, 24px);--bubble-ink:#24543a;--celebration-bg:#fff4b5f2;--sheet-backdrop:#1e2a1a6b;--sheet-blur:blur(3px);--sheet-bg:linear-gradient(180deg, #fffdf6fa, #fff6e4f5);--sheet-radius:clamp(1.25rem, 3vmin, 2rem);--elev-sheet:0 28px 60px -24px #32200ab3, inset 0 1px 0 #fffffff2, 0 0 0 1px #ffffffb3;--sheet-row-radius:16px;--elev-chip:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a}:where(button,[role=button]){transition:scale var(--dur-press) var(--ease-isla), translate var(--dur-ui) var(--ease-isla), filter var(--dur-ui) var(--ease-isla)}:where(button:not(:disabled):not([aria-disabled=true]),[role=button]:not([aria-disabled=true])):active{scale:var(--press-scale)}:where(.game-card,.level-card,.avatar-option,.mode-choice-card,.new-mode-module-card):not([aria-disabled=true]):active{scale:var(--press-scale-squash)}@media (hover:hover) and (pointer:fine){:where(button:not(:disabled),[role=button]:not([aria-disabled=true])):hover{filter:var(--hover-glow)}:where(.game-card,.level-card,.avatar-option,.mode-choice-card,.new-mode-module-card):not([aria-disabled=true]):hover{translate:0 var(--lift-hover)}}body.reduced-motion :where(button,[role=button],.game-card,.level-card,.avatar-option,.mode-choice-card,.new-mode-module-card){transition:none!important;translate:none!important}@media (prefers-reduced-motion:reduce){:where(button,[role=button],.game-card,.level-card,.avatar-option,.mode-choice-card,.new-mode-module-card){transition:none!important;translate:none!important}}body.low-stim-mode :where(button,[role=button],.game-card,.level-card,.avatar-option,.mode-choice-card,.new-mode-module-card):hover{filter:none!important;translate:none!important}body.low-stim-mode :where(button,[role=button],a,input,select,textarea,[tabindex="0"]):focus-visible{filter:none}:root{--card-face:#fffdf6;--card-block:var(--color-isla-sky);--card-border-w:6px;--card-border:color-mix(in srgb, var(--card-block) 55%, #fff);--card-pad:10px;--elev-choice:0 10px 18px -14px #224630cc;--slot-empty-border:4px dashed color-mix(in srgb, var(--card-block) 70%, #cdbf9c);--card-correct-ring:0 0 0 6px var(--feedback-correct-ring);--card-retry-outline:4px dashed var(--feedback-retry);--card-retry-offset:3px;--card-hint-still:0 0 0 8px var(--feedback-hint), 0 0 22px 8px #f5d56a8c;--card-transition:var(--press-transition), box-shadow var(--dur-ui) var(--ease-isla), border-color var(--dur-ui) var(--ease-isla), background-color var(--dur-ui) var(--ease-isla);--selector-active-bg:linear-gradient(150deg, var(--door-kite-a), var(--door-kite-b));--selector-active-ring:0 0 0 4px #2f6b4638, 0 10px 18px -14px #224630cc}:where(.mg-num-option,.mg-count-obj,.mg-color-card,.mg-learn-card,.capital-btn,.count-option,.count-option-apple,.new-zoo-control-button,.new-zoo-level-button,.mode-choice-card){font-family:var(--font-sans)}@keyframes cardShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@keyframes cardHalo{0%,to{box-shadow:0 0 0 4px var(--feedback-hint), 0 0 14px 4px #f5d56a00}50%{box-shadow:0 0 0 9px var(--feedback-hint), 0 0 26px 12px var(--feedback-hint-glow)}}@media (hover:hover) and (pointer:fine){:where(.mg-num-option,.mg-count-obj,.mg-color-card,.mg-learn-card,.capital-btn,.count-option,.count-option-apple,.new-zoo-memory-card,.new-zoo-animal-card):not(:disabled):not([aria-disabled=true]):hover{translate:0 var(--lift-hover)}}.capital-btn.correct,.count-option.correct,.count-option-apple.correct,.new-zoo-memory-card.matched{border-color:var(--feedback-correct);box-shadow:var(--card-correct-ring), var(--elev-choice)}.capital-btn.wrong,.count-option.wrong,.count-option-apple.wrong,.order-slot-apple.wrong,.color-btn.wrong{outline:var(--card-retry-outline);outline-offset:var(--card-retry-offset);animation:.6s ease-in-out cardShake}.new-zoo-memory-card.retry-pulse{animation:.6s ease-in-out cardShake}.mg-num-option.hint-pulse,.mg-count-obj.hint-pulse,.mg-color-card.hint-pulse,.new-zoo-memory-card.hint-pulse{animation:1.4s ease-in-out infinite cardHalo}.color-feedback-popup.correct,.game-feedback-popup.correct{border-color:var(--feedback-correct);background:var(--sheet-bg);box-shadow:var(--card-correct-ring), var(--elev-sheet)}.color-feedback-popup.wrong,.game-feedback-popup.wrong{border-color:var(--feedback-retry);background:var(--sheet-bg);border-style:dashed}.number-feedback-icon.correct{background:var(--feedback-correct)}.number-feedback-icon.wrong{background:var(--feedback-retry)}body.reduced-motion :is(.capital-btn,.count-option,.count-option-apple,.order-slot-apple,.color-btn,.new-zoo-memory-card,.mg-num-option,.mg-count-obj,.mg-color-card,.mg-learn-card,.new-zoo-feedback,.piano-key.wrong),body.low-stim-mode :is(.capital-btn,.count-option,.count-option-apple,.order-slot-apple,.color-btn,.new-zoo-memory-card,.mg-num-option,.mg-count-obj,.mg-color-card,.mg-learn-card,.new-zoo-feedback,.piano-key.wrong),body.reduced-motion [class*=zoo-anim-],body.low-stim-mode [class*=zoo-anim-]{animation:none!important}body.reduced-motion :is(.mg-num-option,.mg-count-obj,.mg-color-card,.new-zoo-memory-card).hint-pulse,body.low-stim-mode :is(.mg-num-option,.mg-count-obj,.mg-color-card,.new-zoo-memory-card).hint-pulse{box-shadow:var(--card-hint-still)}@media (prefers-reduced-motion:reduce){:is(.capital-btn,.count-option,.count-option-apple,.order-slot-apple,.color-btn,.new-zoo-memory-card,.mg-num-option,.mg-count-obj,.mg-color-card,.mg-learn-card,.new-zoo-feedback,.piano-key.wrong),[class*=zoo-anim-]{animation:none!important}:is(.mg-num-option,.mg-count-obj,.mg-color-card,.new-zoo-memory-card).hint-pulse{box-shadow:var(--card-hint-still)}}:root{--title-name-shadow:0 .06em 0 #ffffffd9, 0 .1em .2em #3c28142e;--title-lead-shadow:0 2px 0 #fffc;--type-invite:clamp(1.05rem, 2.8vmin, 1.7rem);--stage-gap:clamp(6px, 1.4vmin, 14px);--cards-gap:clamp(8px, 1.6vmin, 16px);--workbench-gap:clamp(8px, 1.8vmin, 20px);--workbench-max:64rem;--friend-card-pad:6px clamp(10px, 2.4vmin, 24px) 6px 6px;--friend-card-gap:clamp(8px, 2vmin, 20px);--friend-chosen-lift:translateY(-4px) scale(1.02);--elev-friend-chosen:0 0 0 6px var(--color-isla-leaf), 0 0 0 10px #ffffffd9, 0 22px 28px -14px #224630bf;--friend-art-shadow:drop-shadow(0 8px 8px #234f3647);--check-size:clamp(34px, 5.4vmin, 48px);--type-check:clamp(1.1rem, 3vmin, 1.7rem);--elev-check:0 6px 10px -4px #144628b3;--play-min-h:clamp(60px, 9.5vmin, 84px);--play-width:min(420px, 86vw);--play-ring:3px solid #fbbf24;--door-pad:clamp(6px, 1.4vmin, 14px);--door-gap:clamp(4px, 1vmin, 10px);--door-arrow:clamp(30px, 4.6vmin, 40px);--door-arrow-small:24px;--door-tile-bg:#ffffffa8;--door-tile-ring:inset 0 0 0 2px #ffffffb3;--type-door:clamp(1.05rem, 2.7vmin, 1.7rem);--type-door-arrow:clamp(.8rem, 1.8vmin, 1.05rem);--door-art-shadow:drop-shadow(0 4px 5px #3c321e38);--stagger:55ms;--friend-presence:clamp(140px, 23svh, 240px);--friend-ground:radial-gradient(ellipse at center, #234f364d 0 55%, transparent 72%) center bottom / 74% 9% no-repeat;--friend-shadow:drop-shadow(0 11px 11px #234f363d);--celebration-radius:24px 24px 24px 8px;--elev-celebration:0 16px 26px -19px #403e1fcc;--feedback-max:46rem}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}@keyframes kidPlayRing{0%,to{opacity:.25;transform:scale(.98)}50%{opacity:.85;transform:scale(1.06)}}@keyframes companionBreathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-1.5%)scale(1.025)}}body.reduced-motion :is(.games-grid .game-card,.new-mode-module-card,.welcome-mascot,.complete-mascot,.complete-mascot .mascot-img,.complete-title),body.low-stim-mode :is(.games-grid .game-card,.new-mode-module-card,.welcome-mascot,.complete-mascot,.complete-mascot .mascot-img,.complete-title){animation:none!important}body.reduced-motion :is(#welcome,#onboarding) .start-btn:after,body.low-stim-mode :is(#welcome,#onboarding) .start-btn:after{opacity:.85;animation:none}body.reduced-motion :is(.word-chip,.avatar-option),body.low-stim-mode :is(.word-chip,.avatar-option){transition:none;translate:none!important}@media (prefers-reduced-motion:reduce){:is(.games-grid .game-card,.new-mode-module-card,.welcome-mascot,.complete-mascot,.complete-mascot .mascot-img,.complete-title){animation:none!important}:is(#welcome,#onboarding) .start-btn:after{opacity:.85;animation:none}:is(.word-chip,.avatar-option){transition:none;translate:none!important}}body:has(>.site-return) .screen{min-height:calc(100dvh - 88px);overflow:visible}.explicalia-footer.site-return{z-index:10;text-align:center;background:var(--twj-cream);min-height:88px;color:var(--twj-ink);justify-content:center;align-items:center;padding:12px 18px;display:flex;position:relative}.site-return-link{border:2px solid var(--twj-line);max-width:100%;min-height:64px;color:var(--twj-ink);background:var(--twj-cream);font-family:var(--font-sans);overflow-wrap:anywhere;touch-action:manipulation;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 20px;text-decoration:none;display:flex}.site-return-label{text-underline-offset:3px;font-size:16px;font-weight:850;line-height:20px;text-decoration:underline}.site-return-detail{font-size:14px;font-weight:500;line-height:18px}.site-return-link:hover{border-color:var(--twj-ink)}.site-return-link:active{background:var(--secondary-bg)}.site-return-link:focus-visible{outline:var(--focus-ring);outline-offset:4px}@media (orientation:landscape) and (height<=520px){body:has(>.site-return) :is(#welcome,#level-complete).active{height:auto;overflow:visible}body:has(>.site-return) #welcome.active{min-height:max(360px,100dvh - 88px)}body:has(>.site-return) #level-complete .words-learned{overflow:visible}}:is(#welcome,#menu,#onboarding){isolation:isolate;padding-bottom:36px;overflow:visible}:is(#welcome,#menu,#onboarding):before{content:"";z-index:-1;pointer-events:none;opacity:.82;background:url(/juego-de-sofinoa/assets/art/sofinoa-garden.svg) bottom/cover no-repeat;position:fixed;inset:0}:is(#welcome,#menu,#onboarding) button{font-family:var(--font-sans)}:is(#welcome,#menu,#onboarding) :is(button,input):focus-visible{outline:var(--focus-ring);outline-offset:4px}#welcome{gap:12px;padding-top:clamp(20px,5svh,48px)}#welcome .welcome-wordmark{letter-spacing:-.04em;color:var(--twj-sofi);font-size:22px;font-weight:950;animation:none}#welcome .welcome-wordmark span{color:var(--twj-noa);padding-inline:3px}#welcome .welcome-title{font-size:clamp(30px,4.5vw,48px)}#welcome .welcome-subtitle{max-width:500px;box-shadow:none;background:0 0;margin:0;padding:0 16px;font-size:clamp(16px,2vw,20px);line-height:1.25}#welcome .welcome-subtitle:after{content:none}#welcome .welcome-form{width:min(100%,860px);box-shadow:none;background:0 0;border:0;gap:16px}#welcome .welcome-steps{display:none}#welcome .name-input{border-width:2px;border-radius:18px;width:min(100%,420px);min-height:56px;font-size:22px;box-shadow:0 4px #2f6b461f}#welcome .avatar-select{gap:8px}#welcome .avatar-select-label{font-size:18px}#welcome .avatar-options{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(210px,32svh,300px);gap:clamp(12px,2.5vw,24px);padding:12px 8px 8px}#welcome .avatar-option{background:radial-gradient(ellipse at 50% 90%, #fffaf0d9 0 30%, transparent 31%), linear-gradient(165deg, var(--card-a), var(--card-b));box-shadow:inset 0 2px 0 #ffffffd9, 0 8px 0 -3px color-mix(in srgb, var(--card-b), var(--twj-ink) 16%), var(--elev-card);transition:var(--press-transition), box-shadow .18s ease-out;border-radius:48% 48% 24px 24px/22% 22% 24px 24px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);justify-items:center;gap:8px;padding:12px 8px 16px}#welcome .avatar-option .mascot-img{aspect-ratio:auto;object-fit:contain;object-position:center bottom;width:100%;height:100%;min-height:0}#welcome .avatar-name{font-size:clamp(22px,3vw,30px)}#welcome .avatar-option.selected{box-shadow:0 0 0 4px var(--color-isla-leaf), 0 0 0 7px var(--twj-cream), var(--elev-card);transform:none}#welcome .avatar-option.selected:after{width:32px;height:32px;font-size:18px;top:8px;right:8px}#welcome .start-btn{width:min(100%,440px);min-height:64px;margin-top:4px;font-size:clamp(21px,3vw,28px);box-shadow:0 6px #214e34,0 14px 20px -14px #234f36}:is(#welcome,#onboarding) .start-btn:after{opacity:.65;animation:none}#menu{gap:16px;padding-top:24px}#menu .menu-header{text-align:left;align-items:center;gap:24px;margin-bottom:0;padding:0;display:flex}#menu .menu-intro{flex:1;min-width:0}#menu .greeting{box-shadow:none;letter-spacing:.09em;background:0 0;padding:0;font-size:11px}#menu .menu-title{text-align:left;margin-top:4px;font-size:clamp(28px,3.4vw,42px)}#menu .player-avatar{border-radius:22px;flex:none;gap:10px;margin:0;padding:10px 18px 10px 10px}#menu #menuMascot{width:56px;height:56px;box-shadow:none;animation:none}#menu .player-name{font-size:21px}#menu .player-level{font-size:12px}#menu .player-stars{padding:1px 6px;font-size:11px;position:absolute;bottom:-4px;right:-3px}#menu .player-stats{padding-bottom:12px}#menu .progress-overview{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}#menu .progress-header{margin-bottom:4px}#menu .progress-title,#menu .progress-value{font-size:12px}#menu .progress-bar-bg{height:8px}#menu .games-grid{grid-auto-rows:clamp(210px,29svh,250px);gap:18px}#menu .game-card{font-family:var(--font-sans);box-shadow:0 5px 0 -1px color-mix(in srgb, var(--door-b), var(--twj-ink) 22%), var(--elev-door);grid-template-rows:minmax(0,1fr) auto 8px;gap:8px;padding:0 0 10px;animation:none}#menu .game-icon{box-shadow:none;background:0 0;border-radius:26px 30px 12px 12px;position:relative;overflow:hidden}#menu .activity-art{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}#menu [data-module=numbers] .game-icon{background:#cfe6ed}#menu [data-module=numbers] .activity-art{object-fit:contain}#menu .game-title{text-wrap:balance;overflow-wrap:normal;padding-inline:12px;font-size:clamp(17px,1.8vw,23px);line-height:1.12}#menu .game-title:after{width:34px;height:34px;font-size:13px}#menu .game-levels{gap:5px}#menu .level-dot.current{animation:none}@media (hover:hover) and (pointer:fine){#menu .game-card:hover{box-shadow:var(--elev-door-hover);translate:0 -3px}}#menu .game-card:active{box-shadow:var(--elev-door-active);translate:0 2px}#menu .settings-panel-wrap{gap:8px}#menu .settings-toggle-btn{background:var(--secondary-bg);align-self:center;width:auto;min-height:48px;padding:8px 18px;font-size:14px}#menu .settings-panel[inert]{visibility:hidden}#menu .settings-panel.open{background:var(--sheet-bg);max-height:none;box-shadow:var(--elev-sheet);border-radius:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;padding:16px;display:grid;overflow:visible}#menu .settings-group{gap:8px;min-width:0}#menu .settings-group:has(.theme-selector){grid-column:1/-1}#menu .settings-divider,#menu .audio-v2-preview-panel,#menu .settings-help-tooltip:not(.show){display:none}#menu .settings-item{border-bottom:1px solid var(--twj-line);background:0 0;border-radius:0;padding:8px 0}#menu .settings-item-label{font-weight:850}#menu .settings-help-icon{width:44px;height:44px;font-size:16px}#menu .settings-item:has(.language-selector) .settings-help-icon{top:0;right:0}#menu .settings-item:has(.language-selector)>.settings-item-label{align-items:center;min-height:44px;padding-right:48px;display:flex}#menu .language-selector{box-shadow:none;background:0 0;border:0;max-width:none;padding:0}#menu .language-buttons{justify-content:flex-start;gap:8px}#menu .lang-btn{min-width:56px;min-height:44px}#menu .settings-divider{background:var(--twj-line);margin:14px 0}#menu .theme-selector{background:0 0;border:0;padding:0}#menu .theme-option{min-height:90px}#menu .settings-help-tooltip.show{max-height:none}#onboarding{gap:16px}#onboarding .welcome-mascot{animation:none}#onboarding .onboarding-lang-btn,#onboarding .onboarding-toggle-btn{min-height:48px}#onboarding .start-btn{font-size:24px}@media (width<=600px) and (orientation:portrait){#welcome{gap:10px;padding:20px 18px 32px}#welcome .welcome-form{gap:12px}#welcome .avatar-options{grid-auto-rows:clamp(174px,26svh,220px);gap:12px}#welcome .avatar-option{padding:10px 4px 14px}#welcome .avatar-select-label{font-size:16px}#welcome .name-input{min-height:54px}#welcome .start-btn{min-height:58px}#menu{gap:14px;padding:18px 18px 36px}#menu .menu-header{flex-wrap:wrap;gap:12px}#menu .menu-intro{flex-basis:100%}#menu .menu-title{font-size:26px}#menu .player-avatar{border-radius:18px;justify-content:flex-start;width:100%;padding:6px 12px}#menu #menuMascot{width:44px;height:44px}#menu #menuMascot img{width:40px;height:40px}#menu .player-stats{flex:1;align-items:center;gap:8px;padding:0;display:flex}#menu .player-name{font-size:18px}#menu .player-level{font-size:11px}#menu .player-stars{margin-left:auto;position:static}#menu .games-grid{grid-template-rows:repeat(3,160px) 128px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#menu .game-card[data-module],#menu .game-card.song-card{grid-column:auto}#menu .game-card[data-module=zoo]{grid-row:span 2}#menu .game-card.song-card{grid-column:span 2;grid-template-rows:1fr 12px;grid-template-columns:1fr 1fr}#menu .song-card .game-icon{border-radius:26px 12px 12px 28px;grid-row:span 2}#menu .song-card .game-title{align-self:end}#menu .song-card .game-levels{align-self:start}#menu .game-title{gap:6px;padding-inline:8px;font-size:17px}#menu .game-title:after{width:26px;height:26px;font-size:11px}#menu .game-card{gap:6px}#menu .settings-panel.open{grid-template-columns:minmax(0,1fr);padding:14px}#menu .theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=601px) and (orientation:portrait){#menu .games-grid{grid-auto-rows:210px}#menu .game-card[data-module=zoo]{grid-area:span 2/span 2}#menu .game-card[data-module=numbers]{grid-column:span 4}#menu .game-card[data-module=colors],#menu .game-card[data-module=sofia]{grid-column:span 2}#menu .game-card[data-module=music],#menu .game-card.song-card{grid-column:span 3}}@media (orientation:landscape) and (height<=520px){#welcome.active{grid-template:"mascot cards""title cards""invite cards""name cards""play cards"1fr/minmax(0,.85fr) minmax(0,1.35fr);gap:10px 24px;padding:18px 26px 28px}#welcome .welcome-form{display:contents}#welcome .welcome-title{font-size:29px}#welcome .welcome-subtitle{margin:0;padding:0;font-size:16px}#welcome .name-input{min-height:48px;font-size:20px}#welcome.active .start-btn{min-height:52px;padding-inline:10px;font-size:20px}#welcome .avatar-select{gap:4px;height:100%}#welcome .avatar-select-label{font-size:16px}#welcome .avatar-options{grid-auto-rows:minmax(0,1fr);padding:12px 8px 8px}#welcome .avatar-option{padding-inline:6px}#welcome .avatar-name{font-size:22px}#menu.active{grid-template:"header doors""progress doors"1fr"settings settings"/minmax(0,.65fr) minmax(0,1.7fr);gap:14px 20px;padding:16px 24px 28px}#menu .menu-header{flex-direction:column;align-items:stretch;gap:12px}#menu .menu-title{font-size:26px}#menu .player-avatar{padding:8px}#menu .games-grid{grid-auto-rows:140px;gap:12px}#menu .game-card{grid-template-rows:minmax(0,1fr) auto 7px;gap:4px;padding-bottom:6px}#menu .game-title{gap:4px;padding-inline:6px;font-size:14px}#menu .game-title:after{width:24px;height:24px;font-size:10px}#menu .settings-toggle-btn{min-height:44px}#onboarding.active{padding:14px 28px 28px}#onboarding .onboarding-lang-grid{gap:8px}}body:is(.reduced-motion,.low-stim-mode) :is(#welcome,#menu,#onboarding) :is(button,input,.settings-panel){transition:none;translate:none}@media (prefers-reduced-motion:reduce){:is(#welcome,#menu,#onboarding).active{animation:none}:is(#welcome,#menu,#onboarding) :is(button,input,.settings-panel){transition:none;translate:none}}:is(#numbers-screen,#colors-screen,#new-zoo-preview-react){padding:12px 18px 40px}:is(#numbers-react-root,#colors-react-root,#new-zoo-react-root){width:min(100%,1120px)}.new-zoo-stage[data-game]{--stage-accent:#a8d1df;width:min(100%,1120px);box-shadow:0 8px 0 -3px var(--stage-accent), var(--elev-sheet);background:#fffaf0f0;border:2px solid #fffaf0;border-radius:28px 34px 28px 20px;grid-template-rows:auto auto 1fr;grid-template-columns:210px minmax(0,1fr);align-items:start;gap:20px 28px;margin-inline:auto;padding:18px;display:grid;overflow:visible}.new-zoo-stage[data-game=zoo]{--stage-accent:#9bcaa9}.new-zoo-stage[data-game=colors]{--stage-accent:#f4ca83}.new-zoo-stage[data-game]:before{content:none}.art-stage-header{border-bottom:1px solid var(--twj-line);grid-column:1/-1;align-items:center;gap:16px;width:100%;padding-bottom:12px;display:flex}.art-back{box-sizing:border-box;white-space:nowrap;border:2px solid var(--twj-line);background:var(--twj-cream);width:fit-content;min-width:44px;height:auto;min-height:48px;font:850 16px/1.25 var(--font-sans);color:var(--twj-ink);cursor:pointer;border-radius:16px;flex:none;justify-content:center;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.art-back:focus-visible{outline:var(--focus-ring);outline-offset:4px}.art-stage-header .new-zoo-title-display{text-align:left;flex:1;min-width:0;font-size:22px}.art-scene-badge{object-fit:cover;border-radius:12px;width:72px;height:48px}.new-zoo-stage[data-game] .new-zoo-controls{grid-area:2/1/4;gap:14px}.new-zoo-stage[data-game] .new-zoo-current-state{box-shadow:none;text-align:center;background:0 0;padding:0;font-size:13px}.new-zoo-stage[data-game] .new-zoo-control-row{grid-template-columns:1fr;gap:8px;display:grid}.new-zoo-stage[data-game] .new-zoo-control-button{border-width:2px;border-radius:14px;width:100%;min-width:0;max-width:none;min-height:44px;padding:7px 10px;font-size:14px}.new-zoo-stage[data-game] .new-zoo-level-row{flex-wrap:wrap;gap:6px}.new-zoo-stage[data-game] .new-zoo-level-button{flex:0 0 44px}.new-zoo-stage[data-game] .mg-prompt-row{grid-column:2;gap:14px;min-height:112px}.art-companion{flex:0 0 96px;align-self:center;width:96px;height:112px;position:relative}.art-companion img{object-fit:contain;object-position:center bottom;width:100%;height:100%;display:block}.art-companion[data-pose=guide] img{transform:scaleX(-1)}.new-zoo-stage[data-game] :is(.mg-prompt,.new-zoo-guide){flex:1;align-content:center;min-width:0;min-height:76px;margin:0;padding:12px 18px;font-size:clamp(17px,2.2vw,23px);line-height:1.25;display:grid}.new-zoo-stage[data-game] :is(.mg-prompt,.new-zoo-guide):after{border:10px solid #0000;border-left:0;border-right:12px solid #fff;top:30px;bottom:auto;left:-11px;transform:none}.new-zoo-stage[data-game] :is(.mg-board,.new-zoo-memory-board){grid-column:2;min-width:0;padding:12px 4px 20px}.new-zoo-stage[data-game] .new-zoo-memory-board{align-content:start}.new-zoo-stage[data-game] .new-zoo-memory-card{height:176px}.new-zoo-stage[data-game] .new-zoo-memory-card[aria-pressed=true]{border-color:var(--color-isla-leaf)}.new-zoo-stage[data-game] .new-zoo-memory-card:disabled{cursor:default}.new-zoo-stage[data-game] .new-zoo-memory-card.matched{opacity:1}.new-zoo-stage[data-game] .new-zoo-memory-card:not(.revealed):before{content:"";background:url(/juego-de-sofinoa/assets/art/sofinoa-zoo.svg) 50% 72%/cover;border:2px solid #ffffffa6;border-radius:50% 50% 40% 40%;inset:12%}:is(#game,#game-select,#level-complete)[data-art-world]{isolation:isolate;padding-bottom:40px}:is(#game,#game-select,#level-complete)[data-art-world]:before{content:"";pointer-events:none;z-index:-1;opacity:.32;background:url(/juego-de-sofinoa/assets/art/sofinoa-garden.svg) bottom/cover no-repeat;position:fixed;inset:0}#game.active[data-art-world]{grid-template-rows:auto 1fr;grid-template-columns:240px minmax(0,760px);justify-content:center;align-items:start;gap:24px 28px;display:grid}#game[data-art-world] .game-top-bar{flex-direction:row;grid-column:1/-1;gap:12px;width:100%;margin:0}#game[data-art-world] .game-top-main{border-radius:18px;flex:1;min-height:50px}#game[data-art-world] .game-top-status{box-shadow:none;background:0 0;gap:12px}#game[data-art-world] .game-exit-top{display:inline-flex}#game[data-art-world] .game-top-bar .kid-btn{min-width:44px;height:44px;min-height:44px;padding:8px 12px;font-size:14px}#game[data-art-world] .game-top-bar .kid-btn--icon{width:44px;padding:6px}#game[data-art-world] .game-instruction{background:#fffaf0;border:2px solid #fff;border-radius:26px;flex-direction:column;grid-column:1;gap:14px;width:100%;padding:18px}#game[data-art-world] .game-top-mascot{width:150px;height:190px;box-shadow:none;background:0 0;position:relative}#game[data-art-world] .game-kidline{display:none}#game[data-art-world] .instruction-text{font-size:21px}#game[data-art-world] .game-area{grid-column:2;width:100%;padding:0;overflow:visible}#game[data-art-world] .game-exit-mobile{display:none}#game[data-art-world=sofia] .sofia-container{max-width:600px;box-shadow:0 8px 0 -2px #c5b2e0, var(--elev-card);background:linear-gradient(90deg,#d5c9ed 0 10px,#fffdf6 10px);border:2px solid #fff;border-radius:8px 30px 30px 8px;gap:16px;padding:26px}#game[data-art-world=sofia] .sofia-plane{background:url(/juego-de-sofinoa/assets/art/sofinoa-travel.svg) 50%/contain no-repeat;width:100%;height:74px;font-size:0}#game[data-art-world=sofia] .sofia-country-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-bottom:2px dashed #d5c9ed;border-radius:0;padding:0 12px 12px}#game[data-art-world=sofia] .sofia-flag{font-size:56px}#game[data-art-world=sofia] .sofia-country-name{font-size:26px}#game[data-art-world=sofia] .sofia-options{width:100%}#game[data-art-world=sofia] .capital-btn{min-height:60px;font-size:20px}#game[data-art-world=music] .game-instruction:before,#game[data-art-world=song] .game-instruction:before{content:"";background:url(/juego-de-sofinoa/assets/art/sofinoa-music.svg) 50%/contain no-repeat;order:2;width:100%;height:110px}#game[data-art-world=song] .game-instruction:before{background-image:url(/juego-de-sofinoa/assets/art/sofinoa-song.svg)}#game[data-art-world=music] .game-instruction-copy{display:none}#game[data-art-world=music] .music-container{width:100%;max-width:720px}#game[data-art-world=music] .music-stage{box-shadow:0 8px 0 -2px #c4a4ca, var(--elev-card);background:#fffaf0;border:3px solid #e7d2e9}#game[data-art-world=music] .music-header{box-shadow:none;background:0 0;padding:12px}#game[data-art-world=music] .music-level-title{font-size:18px}#game[data-art-world=music] .music-instruction{align-content:center;min-height:64px;font-size:23px;display:grid}#game[data-art-world=music] .piano-container{gap:6px;width:100%;padding:12px 8px}#game[data-art-world=music] .piano-key{flex:1 1 0;width:auto;min-width:44px;height:clamp(140px,25svh,230px)}#game[data-art-world=song] .song-player-container{background:#fffaf0;border:3px solid #d5c9ed;border-radius:28px;width:100%;max-width:760px;padding:20px;box-shadow:0 8px 0 -2px #c5b2e0}#game[data-art-world=song] .song-player-title{font-size:24px}#game[data-art-world=song] .media-video{background:#292038;border-radius:14px;width:100%;max-height:52svh}#game-select[data-art-world]{align-items:stretch;max-width:900px;margin-inline:auto}#game-select[data-art-world]>.art-back{align-self:start}#game-select[data-art-world] .game-select-header{text-align:left;align-items:center;gap:18px;display:flex}#game-select[data-art-world] .game-select-icon{background:url(/juego-de-sofinoa/assets/art/sofinoa-travel.svg) 50%/contain no-repeat;width:140px;height:90px;margin:0;font-size:0}#game-select[data-art-world=music] .game-select-icon{background-image:url(/juego-de-sofinoa/assets/art/sofinoa-music.svg)}#game-select[data-art-world] .game-select-title{text-align:left;font-size:26px}#game-select[data-art-world] .levels-grid{width:100%}#game-select[data-art-world] .level-card{font-family:var(--font-sans);text-align:left;width:100%;min-height:76px}#game-select[data-art-world] .level-card:disabled{cursor:default}#game[data-art-world] .game-feedback-popup{width:100%;min-width:0;max-width:none;box-shadow:none;border:2px solid var(--feedback-retry);pointer-events:none;border-radius:16px;margin:0;padding:10px;animation:none;display:none;position:static;inset:auto;transform:none}#game[data-art-world] .game-feedback-popup.show{opacity:1;pointer-events:none;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:2px 6px;display:grid;transform:none}#game[data-art-world] .game-feedback-popup .feedback-icon{grid-row:1/3;margin:0}#game[data-art-world] .game-feedback-popup :is(.feedback-text,.feedback-bilingual){grid-column:2;margin:0}#game[data-art-world] .game-feedback-popup.correct{border-color:var(--feedback-correct);background:#eff8e9}#game[data-art-world] .game-feedback-popup :is(.feedback-icon,.feedback-text){font-size:21px;animation:none}#game[data-art-world] .game-feedback-popup .feedback-bilingual{font-size:17px}#game[data-art-world] .game-instruction-copy:has(.game-feedback-popup.show) .instruction-text{display:none}#game[data-art-world] :is(.capital-btn.wrong,.piano-key.wrong),.new-zoo-stage[data-game] :is(.retry-pulse,.zoo-card-retry,.zoo-anim-retry-pulse,.mg-tap-hint,.hint-pulse){animation:none}#game[data-art-world] .capital-btn.wrong{outline:3px dashed var(--feedback-retry);border-color:var(--feedback-retry);background:#fff1dc;transform:none}.art-reaction{color:#be7c13;font:900 34px/1 var(--font-sans);pointer-events:none;animation:.75s ease-out both artSpark;position:absolute;top:4%;right:0}.art-reaction-finale{width:220px;margin-left:-110px;animation-duration:1.6s;left:50%;right:auto}@keyframes artSpark{0%{opacity:0;translate:0 8px;scale:.75}30%,70%{opacity:1;translate:0;scale:1}to{opacity:0;translate:0 -6px}}#level-complete[data-art-world]{gap:18px}#level-complete[data-art-world] .complete-mascot{animation:none;position:relative}#level-complete[data-art-world] .complete-mascot>div{width:160px;height:180px}#level-complete[data-art-world] .complete-mascot .mascot-img{animation:none}#level-complete[data-art-world] .words-learned{background:#fffaf0;border:2px solid #fff;border-radius:26px}#level-complete[data-art-world] .word-chip{min-height:48px;font-family:var(--font-sans);color:var(--twj-ink);cursor:pointer}#gameSettingsOverlay .settings-overlay-card{background:var(--sheet-bg);border:2px solid #fff;border-radius:24px;max-height:90svh;padding:22px;overflow-y:auto}#gameSettingsOverlay .art-settings-title{margin-bottom:20px;font-size:20px}#gameSettingsOverlay .language-selector{box-shadow:none;background:0 0;border:0;padding:0}#gameSettingsOverlay .lang-btn{min-width:56px;min-height:44px}#gameSettingsOverlay[inert]{visibility:hidden}@media (width<=700px) and (orientation:portrait){.new-zoo-stage[data-game]{border-radius:22px;gap:14px;padding:12px;display:flex}.art-stage-header{grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;padding-bottom:8px;display:grid}.art-stage-header .art-back{grid-column:1/-1;justify-self:start}.art-stage-header .new-zoo-title-display{font-size:18px}.art-scene-badge{width:44px;height:44px}.new-zoo-stage[data-game] .new-zoo-controls{gap:8px}.new-zoo-stage[data-game] .new-zoo-current-state{display:none}.new-zoo-stage[data-game] .new-zoo-control-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.new-zoo-stage[data-game] .new-zoo-control-button{padding:4px;font-size:12px}.new-zoo-stage[data-game] .new-zoo-level-row{justify-content:flex-end}.new-zoo-stage[data-game] .mg-prompt-row{gap:8px;min-height:84px}.art-companion{flex-basis:58px;width:58px;height:84px}.new-zoo-stage[data-game] :is(.mg-prompt,.new-zoo-guide){min-height:80px;padding:10px;font-size:17px}.new-zoo-stage[data-game] :is(.mg-board,.new-zoo-memory-board){padding:4px 0 10px}.new-zoo-stage[data-game] .new-zoo-memory-card{flex-basis:42%;max-width:150px;height:126px;min-height:126px}#game.active[data-art-world]{justify-content:flex-start;gap:14px;padding:12px 14px 32px;display:flex}#game[data-art-world] .game-top-bar{flex-direction:column;gap:6px}#game[data-art-world] .game-top-main{width:100%}#game[data-art-world] .game-top-actions{flex-wrap:nowrap;gap:4px}#game[data-art-world] .game-top-bar .kid-btn{padding:6px;font-size:12px}#game[data-art-world] .game-top-status{padding:0}#game[data-art-world] .game-level-badge{min-height:26px;padding:4px 8px;font-size:14px}#game[data-art-world] .game-instruction{flex-direction:row;gap:10px;min-height:100px;padding:8px 10px}#game[data-art-world] .game-top-mascot{width:58px;height:76px}#game[data-art-world] .instruction-text{font-size:17px}#game[data-art-world=sofia] .sofia-container{gap:10px;padding:14px}#game[data-art-world=sofia] .sofia-plane{height:42px}#game[data-art-world=sofia] .sofia-flag{font-size:38px}#game[data-art-world=sofia] .sofia-country-name{margin:0;font-size:21px}#game[data-art-world=sofia] .capital-btn{min-height:52px;font-size:18px}#game[data-art-world=music] .game-instruction{box-shadow:none;background:0 0;border:0;justify-content:center;min-height:68px;padding:0}#game[data-art-world=music] .game-top-mascot{width:64px;height:68px}#game[data-art-world=music] .game-instruction:before{width:90px;height:64px}#game[data-art-world=music] .music-stage{padding:0}#game[data-art-world=music] .piano-container{gap:0;padding:8px 0}#game[data-art-world=music] .piano-key{min-width:44px}#game[data-art-world=song] .game-instruction:before{content:none}#game[data-art-world=song] .song-player-container{padding:12px}#game-select[data-art-world] .game-select-icon{width:88px;height:64px}#game-select[data-art-world] .game-select-title{font-size:21px}}@media (orientation:landscape) and (height<=520px){.new-zoo-stage[data-game]{grid-template-columns:180px minmax(0,1fr);gap:10px 20px;padding:12px}.art-stage-header{padding-bottom:8px}.art-stage-header .new-zoo-title-display{font-size:18px}.new-zoo-stage[data-game] .new-zoo-controls{gap:8px}.new-zoo-stage[data-game] .new-zoo-control-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.new-zoo-stage[data-game] .new-zoo-control-button{font-size:12px}.new-zoo-stage[data-game] .mg-prompt-row{min-height:74px}.art-companion{flex-basis:64px;width:64px;height:74px}.new-zoo-stage[data-game] :is(.mg-prompt,.new-zoo-guide){min-height:64px;font-size:17px}.new-zoo-stage[data-game] .mg-board{gap:12px;padding-top:0}.new-zoo-stage[data-game] .mg-learn-card{gap:8px;padding:12px}.new-zoo-stage[data-game] .mg-learn-digit{font-size:68px}.new-zoo-stage[data-game] .mg-learn-word{font-size:24px}.new-zoo-stage[data-game] .new-zoo-memory-card{height:120px;min-height:120px}.new-zoo-stage[data-game] .mg-num-option{flex-basis:72px;min-height:72px}#game.active[data-art-world]{grid-template-columns:180px minmax(0,600px);gap:14px 20px;padding:12px 20px 28px}#game[data-art-world] .game-instruction{padding:10px}#game[data-art-world] .game-top-mascot{width:76px;height:100px}#game[data-art-world] .instruction-text{font-size:17px}#game[data-art-world=sofia] .sofia-container{gap:8px;padding:12px 18px}#game[data-art-world=sofia] .sofia-plane{height:38px}#game[data-art-world=sofia] .sofia-country-card{padding:0 0 8px}#game[data-art-world=sofia] .sofia-flag{font-size:32px}#game[data-art-world=sofia] .sofia-country-name{font-size:20px;display:inline}#game[data-art-world=sofia] .capital-btn{min-height:48px}#game[data-art-world=music] .game-instruction:before{height:66px}#game[data-art-world=music] .music-instruction{min-height:44px;font-size:18px}#game[data-art-world=music] .music-header{padding:4px}#game[data-art-world=music] .piano-key{height:128px}}#game[data-art-world] .game-top-bar .kid-btn--nav[onclick="goToMenu()"]{white-space:nowrap;flex:none;width:auto;height:auto;min-height:48px;padding:8px 14px;font-size:16px}#game[data-art-world] .game-top-bar .kid-btn--nav[onclick="goToMenu()"] .kid-btn-label{font-size:16px;display:inline}body:is(.reduced-motion,.low-stim-mode) :is(.new-zoo-stage[data-game],#game[data-art-world],#level-complete[data-art-world]) *,body:is(.reduced-motion,.low-stim-mode) :is(.new-zoo-stage[data-game],#game[data-art-world],#level-complete[data-art-world]) :before{transition:none!important;animation:none!important}body:is(.reduced-motion,.low-stim-mode) .art-reaction{display:none}@media (prefers-reduced-motion:reduce){:is(.new-zoo-stage[data-game],#game[data-art-world],#level-complete[data-art-world]) *,:is(.new-zoo-stage[data-game],#game[data-art-world],#level-complete[data-art-world]) :before{transition:none!important;animation:none!important}.art-reaction,.note-particle{display:none}}