/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.flex{display:flex}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#20352f;--cream:#fff9ed;--paper:#fffdf8;--green:#69ad78;--green-dark:#397b58;--coral:#ff7c68;--yellow:#ffd75d;--line:#eadfc9}*{box-sizing:border-box}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}html,body{min-height:100%;margin:0}body{color:var(--ink);background:var(--cream);font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif}button{font:inherit;color:inherit}button:focus-visible{outline-offset:3px;outline:4px solid #53aee9}.app-shell{background:radial-gradient(circle at 50% 0,#fffdf5 0,#fff9ed 54%,#f7efd9 100%);min-height:100dvh;position:relative;overflow:hidden auto}.page-enter{animation:.45s cubic-bezier(.2,.8,.2,1) both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(12px)}}.sky-decor{pointer-events:none;position:fixed;inset:0;overflow:hidden}.sky-decor i{filter:blur(1px);background:#ffffffb3;border-radius:50%;width:130px;height:44px;position:absolute}.sky-decor i:before,.sky-decor i:after{content:"";background:inherit;border-radius:50%;position:absolute}.sky-decor i:before{width:60px;height:60px;bottom:2px;left:22px}.sky-decor i:after{width:70px;height:70px;bottom:0;right:18px}.sky-decor i:first-child{top:13%;left:-30px}.sky-decor i:nth-child(2){top:25%;right:-25px;transform:scale(.7)}.sky-decor i:nth-child(3){bottom:9%;left:12%;transform:scale(.45)}.sky-decor i:nth-child(4){top:6%;right:13%;transform:scale(.38)}.eyebrow{letter-spacing:.18em;color:var(--green-dark);font-size:12px;font-weight:900;display:inline-block}.primary-button,.secondary-button,.hint-button,.check-button{cursor:pointer;border:0;border-radius:20px;min-height:58px;padding:0 24px;font-weight:900;transition:transform .2s,box-shadow .2s}.primary-button,.check-button{background:var(--green);color:#fff;box-shadow:0 7px 0 var(--green-dark),0 14px 28px #2c674a2e}.primary-button:hover,.check-button:hover{box-shadow:0 9px 0 var(--green-dark),0 16px 30px #2c674a33;transform:translateY(-2px)}.primary-button:active,.check-button:active{box-shadow:0 2px 0 var(--green-dark);transform:translateY(5px)}.round-button{cursor:pointer;background:#fffc;border:1px solid #525b451f;border-radius:16px;place-items:center;width:48px;height:48px;font-size:20px;display:grid;box-shadow:0 6px 18px #4f402314}.brand{z-index:2;align-items:center;gap:12px;font-size:20px;font-weight:900;display:flex;position:absolute;top:34px;left:5vw}.brand-mark{background:var(--coral);color:#fff;border-radius:17px;place-items:center;width:48px;height:48px;font-family:Georgia,serif;display:grid;transform:rotate(-5deg);box-shadow:0 6px #ce5949}.home-sound{z-index:2;position:absolute;top:34px;right:5vw}.home-screen{grid-template-columns:48% 52%;align-items:center;min-height:100vh;padding:110px 7vw 80px;display:grid;position:relative}.hero-copy{z-index:2;max-width:650px;position:relative}.hero-copy h1{letter-spacing:-.055em;margin:12px 0 25px;font-size:clamp(50px,5.7vw,86px);line-height:1.02}.hero-copy h1 em{color:var(--coral);font-style:normal;position:relative}.hero-copy h1 em:after{content:"";background:var(--yellow);border-radius:50%;height:8px;position:absolute;bottom:-6px;left:2%;right:2%;transform:rotate(-1deg)}.hero-copy p{color:#66736b;margin:0 0 34px;font-size:clamp(17px,2vw,23px)}.home-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hero-start{align-items:center;gap:28px;font-size:20px;display:flex}.hero-start b{font-size:25px}.math-start{color:#72581a;cursor:pointer;background:#fff3b5;border:2px solid #d8b64e;border-radius:20px;align-items:center;gap:18px;min-height:58px;padding:0 22px;font-weight:900;transition:all .2s;display:flex;box-shadow:0 7px #d8b64e,0 14px 28px #775b1a1f}.math-start:hover{transform:translateY(-2px);box-shadow:0 9px #d8b64e,0 16px 30px #775b1a24}.math-start:active{transform:translateY(5px);box-shadow:0 2px #d8b64e}.math-start b{background:#fff;border-radius:12px;padding:5px 8px;font-size:18px}.safe-note{color:#7c857e;align-items:center;gap:8px;margin:28px 0 0;font-size:13px;font-weight:700;display:flex}.safe-note span{color:var(--green-dark);background:#dceede;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.hero-playground{z-index:1;height:min(68vw,670px);position:relative}.sun{background:var(--yellow);color:#fff6c9;border-radius:50%;place-items:center;width:110px;height:110px;font-size:42px;animation:16s linear infinite spin;display:grid;position:absolute;top:4%;right:5%;box-shadow:0 0 0 18px #ffd75d29}@keyframes spin{to{transform:rotate(360deg)}}.animal-bubble{filter:drop-shadow(0 18px 15px #474a371f);border-radius:48% 52% 43% 57%/53% 43% 57% 47%;place-items:center;width:190px;height:215px;animation:4s ease-in-out infinite float;display:grid;position:absolute}.animal-bubble span{filter:drop-shadow(0 7px #ffffff73);font-size:104px}.animal-bubble b{width:66px;height:66px;color:var(--ink);background:#fff;border-radius:22px;place-items:center;font:900 38px Georgia;display:grid;position:absolute;bottom:18px;right:-12px;transform:rotate(8deg);box-shadow:0 8px 20px #32372829}.animal-cat{background:#ffb06f;top:8%;left:13%}.animal-dog{background:#80c9de;animation-delay:-1.5s;top:38%;right:1%;transform:scale(.86)}.animal-fish{background:#9edcaa;animation-delay:-3s;bottom:2%;left:17%;transform:scale(.76)}@keyframes float{50%{translate:0 -16px;rotate:2deg}}.float-letter{background:#fff;border-radius:19px;place-items:center;width:58px;height:58px;font:900 30px Georgia;animation:3s ease-in-out infinite wiggle;display:grid;position:absolute;box-shadow:0 8px #323c2d17}.l-a{color:#e86a59;top:48%;left:5%;transform:rotate(-9deg)}.l-t{color:#608ecb;animation-delay:-1s;top:17%;right:22%}.l-o{color:#9a72c7;animation-delay:-2s;bottom:8%;right:7%}@keyframes wiggle{50%{translate:0 -10px;rotate:8deg}}.grass{background:#a9d47f;border-radius:50% 50% 0 0/35% 35% 0 0;height:85px;position:absolute;bottom:-38px;left:0;right:0}.content-screen,.game-screen{min-height:100vh;padding:24px max(24px,5vw) 70px;position:relative}.top-bar{z-index:3;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1180px;height:64px;margin:auto;display:grid;position:relative}.top-bar>strong{font-size:18px}.top-bar>div{justify-content:flex-end;gap:10px;display:flex}.levels-heading{justify-content:space-between;align-items:end;gap:35px;max-width:1160px;margin:45px auto 28px;display:flex}.levels-heading h1,.settings-card h1{letter-spacing:-.045em;margin:7px 0 5px;font-size:clamp(34px,4vw,56px)}.levels-heading p{color:#718078;margin:0}.progress-card{border:1px solid var(--line);background:#fff;border-radius:25px;width:210px;padding:16px 20px;box-shadow:0 10px 30px #50402612}.progress-card strong{font-size:30px}.progress-card strong small{color:#8c938e;font-size:16px}.progress-card>span{color:#78847d;margin-left:8px;font-size:13px}.progress-card>div{background:#eee8da;border-radius:10px;height:8px;margin-top:10px;overflow:hidden}.progress-card i{background:var(--green);border-radius:inherit;height:100%;transition:width .5s;display:block}.level-grid{grid-template-columns:repeat(4,1fr);gap:18px;max-width:1160px;margin:auto;display:grid}.level-card{cursor:pointer;text-align:center;background:#fff;border:0;border-radius:30px;min-height:235px;padding:18px;transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 10px #3a3b2d12,0 20px 35px #3d37260f}.level-card:not(.locked):hover{transform:translateY(-6px)rotate(-.5deg);box-shadow:0 15px #3a3b2d12,0 26px 40px #3d372617}.level-card:before{content:"";background:linear-gradient(145deg,var(--tone),transparent 60%);opacity:.22;position:absolute;inset:0}.level-number{color:#20352f8c;font-size:13px;font-weight:900;position:absolute;top:15px;left:18px}.level-animal{filter:drop-shadow(0 7px #ffffffb3);margin:10px 0 3px;font-size:65px;display:block;position:relative}.level-card strong{letter-spacing:.1em;font:900 27px Georgia,serif;display:block;position:relative}.level-card small{color:#6e7a73;margin-top:3px;display:block;position:relative}.level-status{color:var(--green-dark);background:#ffffffa6;border-radius:20px;margin-top:15px;padding:7px 13px;font-size:12px;font-weight:900;display:inline-block;position:relative}.level-status.done{color:#fff;background:#477c58}.level-card.locked{filter:grayscale(.5);opacity:.62;cursor:not-allowed}.tone-coral{--tone:#ff806d}.tone-blue{--tone:#68aedf}.tone-pink{--tone:#ff9bb8}.tone-aqua{--tone:#60cfcb}.tone-yellow{--tone:#f7c94e}.tone-sky{--tone:#8ed2ed}.tone-orange{--tone:#e89c5c}.tone-amber{--tone:#fac14f}.tone-brown{--tone:#bd8a67}.tone-lilac{--tone:#b79ad9}.tone-gold{--tone:#e7b54a}.tone-indigo{--tone:#8c9ad7}.tone-green{--tone:#82bf72}.game-screen{flex-direction:column;display:flex}.game-screen>.game-card{margin-top:22px}.game-card{background:#fffdf8f0;border:1px solid #e8ddc7;border-radius:40px;width:min(1040px,100%);min-height:610px;margin:0 auto;padding:34px 45px 30px;position:relative;box-shadow:0 20px 70px #4b3b1e1a}.animal-prompt{text-align:left;justify-content:center;align-items:center;gap:18px;display:flex}.animal-portrait{background:#fff0c6;border-radius:35px;place-items:center;width:105px;height:105px;font-size:68px;display:grid;box-shadow:0 8px #e6c87f}.animal-prompt span{color:#818b85;font-size:12px;font-weight:800}.animal-prompt h1{margin:2px 0 6px;font-size:28px}.speak-button{color:var(--green-dark);cursor:pointer;background:#e8f3e8;border:0;border-radius:18px;padding:7px 12px;font-size:12px;font-weight:800}.show-word{text-align:center;margin-top:40px}.show-word>p,.build-instruction{color:#778179;font-size:15px;font-weight:700}.word-row,.slot-row{justify-content:center;gap:12px;margin:18px auto 38px;display:flex}.word-row span{width:72px;height:82px;color:var(--letter-color);-webkit-text-stroke:2px #ffffffeb;paint-order:stroke fill;text-shadow:0 4px 0 var(--letter-color),0 8px 12px #27332b38,inset 0 2px 0 #fff;place-items:center;font:900 58px/1 Arial Rounded MT Bold,Avenir Next,sans-serif;display:grid}@supports (color:color-mix(in lab, red, red)){.word-row span{text-shadow:0 4px 0 color-mix(in srgb,var(--letter-color) 68%,#25352f),0 8px 12px #27332b38,inset 0 2px 0 #fff}}.word-row span{filter:drop-shadow(0 1px #fff);animation:.85s ease-in-out infinite alternate word-breathe;animation-delay:calc(var(--i,0) * 80ms)}@keyframes word-breathe{to{transform:translateY(-5px)rotate(2deg)}}.auto-progress{color:#78847d;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.auto-progress i{background:var(--coral);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite auto-dot}.auto-progress i:nth-child(2){animation-delay:.16s}.auto-progress i:nth-child(3){animation-delay:.32s}.auto-progress span{margin-left:8px}@keyframes auto-dot{50%{opacity:.4;transform:translateY(-6px)}}.scatter-scene{place-items:center;height:360px;display:grid;position:relative;overflow:hidden}.scatter-scene>span{width:72px;height:82px;color:var(--letter-color);-webkit-text-stroke:2px #ffffffeb;paint-order:stroke fill;text-shadow:0 4px 0 var(--letter-color),0 10px 16px #27332b38;place-items:center;font:900 56px/1 Arial Rounded MT Bold,Avenir Next,sans-serif;display:grid;position:absolute;top:45%;left:50%}@supports (color:color-mix(in lab, red, red)){.scatter-scene>span{text-shadow:0 4px 0 color-mix(in srgb,var(--letter-color) 68%,#25352f),0 10px 16px #27332b38}}.scatter-scene>span{animation:1.45s cubic-bezier(.17,.84,.25,1) both scatter-pop}.scatter-scene>span:nth-of-type(2n){animation-timing-function:cubic-bezier(.3,1.25,.45,1)}.scatter-scene>strong{color:#6e796f;position:absolute;bottom:2px}.scatter-burst{color:var(--yellow);font-size:94px;animation:.5s ease-in-out both burst-pop}@keyframes scatter-pop{0%{opacity:.25;top:45%;left:50%;transform:translate(-50%,-50%)scale(.65)rotate(0)}35%{opacity:1;transform:translate(-50%,-50%)scale(1.22)rotate(100deg)}to{left:var(--scatter-left);top:var(--scatter-top);transform:translate(-50%,-50%) scale(1) rotate(var(--scatter-rotate));opacity:1}}@keyframes burst-pop{0%{opacity:0;scale:.2}60%{opacity:1;rotate:30deg;scale:1.6}to{opacity:.15;scale:.8}}.build-area{text-align:center;margin-top:20px}.slot-row{gap:clamp(5px,1.2vw,12px);margin-bottom:28px}.letter-slot{width:min(72px,calc((78vw - (var(--word-length) - 1)*6px)/var(--word-length)));aspect-ratio:.88;background:0 0;border:0;border-bottom:3px solid #d8ccb6;place-items:center;max-height:82px;transition:all .2s;display:grid;position:relative}.letter-shadow{color:#0000;-webkit-text-stroke:2px #cfc3ad;opacity:.5;filter:drop-shadow(0 2px #fff);place-items:center;font:900 48px/1 Arial Rounded MT Bold,Avenir Next,sans-serif;display:grid;position:absolute;inset:0}.letter-slot small{display:none}.letter-slot.hinted{filter:drop-shadow(0 6px 7px #f3b83d38);border-bottom-color:#f3b83d;animation:.8s infinite alternate hint-pulse}.letter-slot.wrong{border-bottom-color:#e86c62;animation:.16s linear 4 wrong-shake}.letter-slot.correct{filter:drop-shadow(0 7px 6px #67b67933);border-bottom-color:#67b679;animation:.34s ease-out correct-pop}@keyframes hint-pulse{to{transform:translateY(-3px)}}@keyframes wrong-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes correct-pop{50%{transform:translateY(-5px)scale(1.08)}}.letter-card{width:100%;min-width:54px;height:100%;min-height:62px;color:var(--letter-color);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;z-index:2;-webkit-text-stroke:2px #fffffff0;paint-order:stroke fill;text-shadow:0 4px 0 var(--letter-color),0 9px 12px #27322b3d;background:0 0;border:0;padding:0;font:900 54px/1 Arial Rounded MT Bold,Avenir Next,sans-serif;position:relative}@supports (color:color-mix(in lab, red, red)){.letter-card{text-shadow:0 4px 0 color-mix(in srgb,var(--letter-color) 67%,#263932),0 9px 12px #27322b3d}}.letter-card{transition:transform .15s,filter .15s}.letter-card:hover{filter:brightness(1.08)saturate(1.08);transform:translateY(-2px)}.letter-card:active{cursor:grabbing;transform:scale(1.12)}.letter-card.locked-letter,.letter-card.locked-letter:hover{opacity:1;cursor:default;filter:saturate(1.05);transform:none}.letter-card i{filter:blur(.3px);background:#fffc;border-radius:50%;width:9px;height:4px;position:absolute;top:17%;left:31%;transform:rotate(-18deg)}.pool-wrap{background:radial-gradient(circle,#fffaf0d1,#f8efdf6b);border:0;border-radius:28px;height:235px;position:relative;overflow:hidden}.pool-wrap:before{content:"";opacity:.65;border:1px dashed #e7dbc5;border-radius:21px;position:absolute;inset:13px}.pool-label{color:#8a7d67;z-index:3;background:#f1e4ca;border-radius:13px;padding:5px 12px;font-size:11px;font-weight:900;position:absolute;top:11px;left:20px}.letter-pool{position:absolute;inset:30px 8px 4px}.scattered-letter{width:70px;height:80px;transition:opacity .2s,transform .2s;position:absolute}.scattered-letter .letter-card{width:70px;height:80px}.game-message{color:#777f78;min-height:25px;margin:14px 0 8px;font-size:13px;font-weight:700}.game-actions{justify-content:center;align-items:center;gap:18px;display:flex}.hint-button{color:#755c19;background:#ffe59a;box-shadow:0 6px #d6b64e}.auto-check-note{color:#77847b;background:#eef4e9;border-radius:16px;padding:10px 14px;font-size:12px;font-weight:800}.drag-ghost{z-index:20;pointer-events:none;width:74px;height:84px;color:var(--letter-color);-webkit-text-stroke:2px #fffffff2;paint-order:stroke fill;text-shadow:0 5px 0 var(--letter-color),0 15px 22px #1f2b2347;place-items:center;font:900 60px/1 Arial Rounded MT Bold,Avenir Next,sans-serif;display:grid;position:fixed;transform:translate(-50%,-58%)rotate(5deg)}@supports (color:color-mix(in lab, red, red)){.drag-ghost{text-shadow:0 5px 0 color-mix(in srgb,var(--letter-color) 65%,#273730),0 15px 22px #1f2b2347}}.drag-ghost{opacity:.96}.success-screen{place-items:center;min-height:100vh;padding:40px 20px;display:grid;position:relative}.success-card{border:1px solid var(--line);text-align:center;z-index:2;background:#fffdf8;border-radius:45px;width:min(560px,100%);padding:46px 45px 35px;position:relative;box-shadow:0 24px 80px #4d371521}.success-badge{background:var(--yellow);color:#fff;border-radius:50%;place-items:center;width:88px;height:88px;margin:-88px auto 20px;font-size:45px;display:grid;box-shadow:0 8px #dba93f,0 0 0 10px #fffdf8}.success-card h1{letter-spacing:-.04em;margin:8px 0 18px;font-size:40px}.success-animal{font-size:95px;line-height:1.1}.success-word{letter-spacing:.14em;color:var(--coral);margin-top:4px;font:900 42px Georgia;display:block}.success-card p{color:#748077;margin:7px 0 13px}.speak-pill{color:var(--green-dark);cursor:pointer;background:#e9f3e6;border:0;border-radius:18px;padding:9px 15px;font-size:12px;font-weight:800}.success-actions{grid-template-columns:1fr 1.2fr;gap:12px;margin:28px 0 18px;display:grid}.secondary-button{color:#655d50;background:#eee6d6;box-shadow:0 6px #d5c9b3}.text-button{color:#748078;cursor:pointer;background:0 0;border:0;font-size:13px;text-decoration:underline}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{left:calc((var(--i) * 5.7) * 1%);background:hsl(calc(var(--i) * 47deg) 75% 62%);width:10px;height:22px;animation:fall calc(2.4s + (var(--i) % 5) * .25s) linear infinite;animation-delay:calc(var(--i) * -.13s);border-radius:3px;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(110vh)rotate(630deg)}}.settings-card{border:1px solid var(--line);background:#fffdf8;border-radius:38px;width:min(720px,100%);margin:55px auto 0;padding:40px;box-shadow:0 20px 70px #4b3b1e17}.settings-card h1{margin-bottom:4px}.settings-intro{color:#78817c;margin:0 0 30px}.setting-row{border-top:1px solid #eee5d4;justify-content:space-between;align-items:center;padding:20px 0;display:flex}.setting-row>div{align-items:center;gap:15px;display:flex}.setting-icon{background:#f5eddd;border-radius:16px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.setting-row strong,.setting-row small{display:block}.setting-row small{color:#8b918d;margin-top:4px}.toggle{cursor:pointer;background:#d9d7d0;border:0;border-radius:20px;width:60px;height:34px;padding:4px;transition:all .2s}.toggle i{background:#fff;border-radius:50%;width:26px;height:26px;transition:all .2s;display:block;box-shadow:0 2px 5px #00000026}.toggle.on{background:var(--green)}.toggle.on i{transform:translate(26px)}.mini-progress{color:var(--green-dark);font-size:20px;font-weight:900}.privacy-card{background:#edf6e9;border-radius:24px;gap:17px;margin-top:12px;padding:20px;display:flex}.privacy-card>span{font-size:28px}.privacy-card strong{color:var(--green-dark)}.privacy-card p{color:#68766c;margin:5px 0 0;font-size:13px;line-height:1.65}.reset-button{color:#b06458;cursor:pointer;background:0 0;border:0;margin:25px auto 0;font-size:13px;text-decoration:underline;display:block}.build-area{margin-top:10px}.compact-play-zone{background:linear-gradient(#fffaf033,#f8efdf7a);border:1px dashed #daccb3b8;border-radius:28px;width:min(780px,100%);margin:4px auto 0;padding:10px 18px 6px}.compact-play-zone .slot-row{z-index:3;margin:0 auto 2px;position:relative}.compact-play-zone .pool-wrap{height:165px;margin-top:-6px}.compact-play-zone .letter-pool{inset:22px 8px 2px}.compact-play-zone .pool-label{top:5px}.math-heading .eyebrow{color:#a56f13}.math-levels-screen{background:radial-gradient(circle at 50% 0,#fffdf5 0,#fff8dc 55%,#f5edcf 100%)}.math-level-grid{margin-bottom:30px}.math-level-card strong{letter-spacing:0;font-family:Arial Rounded MT Bold,Avenir Next,sans-serif;font-size:23px}.math-card-icon{font-size:54px}.advanced-tag{color:#fff;z-index:2;background:#6f5aa0;border-radius:14px;padding:5px 9px;font-size:10px;font-weight:900;position:absolute;top:13px;right:14px}.math-section-label{display:none}.math-game-screen{background:radial-gradient(circle at 50% 0,#fffdf5,#fff5ca 62%,#f5e8b9)}.math-game-card{text-align:center;min-height:620px;overflow:visible}.math-visual{letter-spacing:.12em;filter:drop-shadow(0 7px #fffc);place-items:center;min-height:90px;margin-top:0;font-size:clamp(32px,5vw,58px);display:grid}.math-question-label{color:#8a8067;font-size:13px;font-weight:800}.math-question{color:#3d4c43;margin:8px 0 10px;font:900 clamp(40px,6vw,70px)/1.1 Arial Rounded MT Bold,Avenir Next,sans-serif}.math-answer-slot{z-index:4;background:#ffffff7a;border:3px dashed #d0bd84;border-radius:27px;place-items:center;width:88px;height:96px;margin:0 auto;transition:all .2s;display:grid;position:relative;box-shadow:inset 0 -5px #a9873414}.math-answer-slot span{color:#c8b88e;font:900 56px/1 Arial Rounded MT Bold,Avenir Next,sans-serif}.math-answer-slot.wrong{background:#ffe2da;border-color:#e56e61;animation:.16s linear 4 wrong-shake}.math-answer-slot.correct{background:#e2f5df;border-color:#64af75;box-shadow:0 0 0 8px #64af7524}.math-answer-slot.correct span{color:#4d9e62}.math-choice-field{background:radial-gradient(circle,#fff8db 0,#fff8db00 68%);width:min(520px,100%);height:205px;margin:-8px auto 0;position:relative}.math-choice{width:78px;height:88px;position:absolute}.math-choice .letter-card{font-size:64px}.math-message{margin-top:-5px}.math-success-equation{color:#bd7d24;margin:28px 0 12px;font:900 clamp(42px,7vw,68px)/1.15 Arial Rounded MT Bold,Avenir Next,sans-serif;display:block}.math-success-card .success-badge{background:#75b982;box-shadow:0 8px #448457,0 0 0 10px #fffdf8}.math-lesson{flex-direction:column;justify-content:center;align-items:center;min-height:550px;padding:30px 4% 8px;display:flex;position:relative}.lesson-speak{color:#477858;cursor:pointer;background:#edf4e8;border:0;border-radius:18px;padding:9px 13px;font-size:12px;font-weight:900;position:absolute;top:0;right:4px}.number-lesson-scene{justify-content:center;align-items:center;gap:clamp(28px,7vw,82px);width:100%;min-height:190px;display:flex}.lesson-big-number{color:#f27c68;-webkit-text-stroke:4px #fff;paint-order:stroke fill;text-shadow:0 8px #bf594b,0 18px 25px #663f282b;font:900 clamp(110px,18vw,188px)/.85 Arial Rounded MT Bold,Avenir Next,sans-serif;animation:.6s cubic-bezier(.2,1.5,.45,1) both number-arrive}@keyframes number-arrive{0%{opacity:0;transform:scale(.3)rotate(-12deg)}}.lesson-objects{flex-wrap:wrap;justify-content:center;align-items:center;gap:13px;max-width:430px;display:flex}.lesson-objects>span{min-width:52px;animation:.45s cubic-bezier(.2,1.4,.4,1) both lesson-item-in;animation-delay:calc(var(--item-index) * .1s);place-items:center;display:inline-grid;position:relative}.lesson-objects b{filter:drop-shadow(0 5px #ffffffe6);font-size:45px;line-height:1.2}.lesson-objects i{color:#fff;background:#537d68;border-radius:50%;place-items:center;width:23px;height:23px;font-size:11px;font-style:normal;font-weight:900;display:grid;position:absolute;bottom:-4px;right:-3px;box-shadow:0 2px #315845}@keyframes lesson-item-in{0%{opacity:0;transform:translateY(-35px)rotate(-12deg)scale(.5)}}.lesson-operation-scene,.lesson-equal-groups{justify-content:center;align-items:center;gap:24px;width:min(760px,100%);min-height:190px;margin:8px auto 4px;display:flex}.lesson-group{background:#fffbe27a;border:3px dashed #dfca8c;border-radius:45% 55% 48% 52%/55% 44% 56% 45%;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-width:180px;min-height:128px;padding:18px;display:flex}.lesson-group small{color:#756c53;font-weight:900}.lesson-operator{color:#cf7d3f;font:900 54px/1 Arial Rounded MT Bold,Avenir Next,sans-serif}.lesson-subtract .lesson-change{background:#e8f6de80;border-color:#a7c99b}.lesson-objects>span.taken-away{opacity:.22;filter:grayscale();animation:.9s .45s both taken-away;transform:translateY(-18px)scale(.78)}.lesson-objects>span.taken-away:after{content:"×";color:#df6659;font:900 54px/1 sans-serif;position:absolute}@keyframes taken-away{to{opacity:.14;transform:translate(18px,-32px)rotate(15deg)scale(.62)}}.lesson-equal-groups{gap:34px}.lesson-equal-groups .lesson-group{background:#f6ebff70;border-color:#d2b6e7}.divide-groups .lesson-group{background:#e9f0ff80;border-color:#9fb4df}.lesson-explanation{margin-top:5px}.lesson-explanation>span{color:#8b7955;font-size:12px;font-weight:900}.lesson-explanation h1{color:#3d4c43;margin:7px 0;font:900 clamp(38px,6vw,64px)/1.05 Arial Rounded MT Bold,Avenir Next,sans-serif}.lesson-explanation h1 em{color:#f27c68;font-size:1.25em;font-style:normal}.lesson-explanation p{color:#665f50;max-width:650px;margin:0 auto;font-size:17px;font-weight:700;line-height:1.65}.lesson-continue{min-width:210px;min-height:58px;margin-top:22px}.math-practice{width:100%}.discovery-lesson{justify-content:flex-start;padding-top:20px}.discovery-copy{max-width:700px;margin:5px auto 14px}.discovery-copy>span{color:#9b7941;font-size:12px;font-weight:900}.discovery-copy h1{color:#3d4c43;margin:7px 0;font:900 clamp(23px,3.5vw,36px)/1.35 Arial Rounded MT Bold,Avenir Next,sans-serif}.discovery-number-scene,.discovery-operation-scene,.discovery-groups-scene{justify-content:center;align-items:center;gap:40px;width:min(760px,100%);min-height:260px;display:flex}.discovery-object-bank{flex-wrap:wrap;justify-content:center;gap:12px;max-width:500px;display:flex}.discovery-object-bank button{cursor:pointer;background:#fffaf0;border:2px dashed #ddca9c;border-radius:25px;place-items:center;width:68px;height:76px;transition:all .22s;display:grid;position:relative}.discovery-object-bank button:not(:disabled){animation:.85s ease-in-out infinite alternate touch-me;box-shadow:0 7px #e6d19d}.discovery-object-bank button:disabled:not(.acted){opacity:.46}.discovery-object-bank button b{font-size:43px}.discovery-object-bank button i{color:#fff;background:#588667;border-radius:50%;place-items:center;width:27px;height:27px;font-style:normal;font-weight:900;display:grid;position:absolute;bottom:-5px;right:-5px}.discovery-object-bank button.acted{background:#e8f4df;border-color:#75af76;transform:translateY(-5px)}@keyframes touch-me{to{transform:translateY(-7px)rotate(2deg)}}.number-silhouette{color:#0000;-webkit-text-stroke:4px #d7ccb4;place-items:center;width:120px;height:150px;font:900 108px/1 Arial Rounded MT Bold,Avenir Next,sans-serif;transition:all .35s;display:grid}.number-silhouette.revealed{color:#f27c68;-webkit-text-stroke-color:#fff;text-shadow:0 7px #bd584b;animation:.55s cubic-bezier(.2,1.5,.45,1) number-arrive}.discovery-mat{background:#fff9dd;border:3px dashed #d8bd7c;border-radius:44% 56% 49% 51%/54% 43% 57% 46%;flex-wrap:wrap;justify-content:center;align-items:center;gap:13px;min-width:360px;max-width:550px;min-height:170px;padding:28px;display:flex}.discovery-mat span{filter:drop-shadow(0 5px #fff);font-size:48px;transition:all .35s}.discovery-mat span.removed{opacity:.1;transform:translate(35px,-38px)rotate(22deg)scale(.4)}.discovery-mat span.just-added{animation:.42s cubic-bezier(.2,1.4,.4,1) object-drop}@keyframes object-drop{0%{opacity:0;transform:translateY(-65px)scale(.4)}}.action-object-button{cursor:pointer;background:#ffe28a;border:0;border-radius:34px;min-width:130px;min-height:115px;font-size:50px;animation:.85s ease-in-out infinite alternate touch-me;box-shadow:0 8px #d2ae47}.action-object-button small{color:#745c24;margin-top:4px;font-size:12px;font-weight:900;display:block}.action-object-button:disabled{color:#4d8a59;background:#dff0db;animation:none;box-shadow:0 7px #9dc295}.discovery-groups-scene{flex-direction:column;gap:14px}.discovery-group-row{justify-content:center;gap:20px;width:100%;display:flex}.discovery-group{background:#fbf3ff;border:3px dashed #bc9bd5;border-radius:35px;flex-wrap:wrap;flex:1;place-content:center;gap:9px;max-width:280px;min-height:142px;padding:16px;display:flex;position:relative}.discovery-group small{color:#7c608e;font-weight:900;position:absolute;top:8px}.discovery-group i{border:2px dashed #d8c8e4;border-radius:17px;place-items:center;width:52px;height:55px;margin-top:15px;font-size:34px;font-style:normal;transition:all .3s;display:grid}.discovery-group i.filled{background:#eff7e7;border-color:#83b580;animation:.38s cubic-bezier(.2,1.4,.4,1) object-drop}.discovery-groups-scene .action-object-button{min-width:160px;min-height:75px;font-size:38px}.discovery-progress{background:#eee5d1;border-radius:24px;width:min(560px,90%);height:42px;margin:5px auto 0;position:relative;overflow:hidden}.discovery-progress i{background:#cfe6bd;transition:width .35s;position:absolute;inset:0 auto 0 0}.discovery-progress span{z-index:1;color:#5f665b;place-items:center;height:100%;font-size:12px;font-weight:900;display:grid;position:relative}.discovery-continue{margin-top:15px;animation:.4s cubic-bezier(.2,1.5,.45,1) continue-arrive}@keyframes continue-arrive{0%{opacity:0;transform:translateY(15px)scale(.8)}}.lesson-visual-cue{pointer-events:none;justify-content:center;align-items:center;gap:13px;height:74px;margin:0 auto 4px;display:flex}.cue-object,.cue-target{place-items:center;width:64px;height:60px;font-size:38px;display:grid}.cue-target{color:#6e9d70;background:#eff8e7;border:3px dashed #76ad79;border-radius:24px;animation:1.1s ease-in-out infinite alternate cue-target-pulse}.cue-path{color:#8c9b8c;place-items:center;width:105px;height:56px;font-size:30px;display:grid;position:relative}.cue-path b{font-size:30px;animation:1.8s ease-in-out infinite cue-drag;position:absolute;bottom:-5px;left:2px}.cue-path i{opacity:.48;font-style:normal}.lesson-speak{place-items:center;width:44px;height:44px;display:grid;padding:0!important;font-size:21px!important}.source-count-dots{justify-content:center;gap:5px;display:flex;position:absolute;bottom:7px;left:0;right:0}.source-count-dots i,.visual-progress-dots em{background:#bba980;border-radius:50%;width:9px;height:9px;display:block}.source-count-dots i.done,.visual-progress-dots em.done{background:#69ad78;transform:scale(.7)}.visual-progress-dots{gap:8px;display:flex}.visual-complete{color:#477858;align-items:center;gap:5px;font-size:23px;display:flex}.visual-complete em{background:#54845f;border-radius:50%;width:6px;height:6px;animation:.7s ease-in-out infinite auto-dot}.visual-complete em:nth-child(2){animation-delay:.12s}.visual-complete em:nth-child(3){animation-delay:.24s}.visual-retry{color:#dc6f5c;font-size:27px;animation:.45s ease-in-out 2 retry-wiggle}.discovery-progress.needs-help{box-shadow:0 0 0 4px #dc6f5c26}@keyframes cue-drag{0%,15%{transform:translate(0)scale(1)}65%,85%{transform:translate(75px)scale(.92)}to{transform:translate(0)}}@keyframes cue-target-pulse{to{transform:scale(1.04);box-shadow:0 0 0 9px #69ad7829}}@keyframes retry-wiggle{50%{transform:rotate(-24deg)scale(1.15)}}.number-teach-intro{justify-content:center;gap:8px}.number-teach-objects{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;max-width:620px;min-height:115px;display:flex}.number-teach-objects span{opacity:0;width:62px;height:72px;animation:.42s cubic-bezier(.2,1.4,.4,1) forwards number-object-count;animation-delay:calc(var(--count-index) * .24s);place-items:center;display:grid;position:relative}.number-teach-objects b{filter:drop-shadow(0 6px #fff);font-size:46px}.number-teach-objects i{color:#fff;background:#588667;border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;font-style:normal;font-weight:900;display:grid;position:absolute;bottom:0;right:-2px}.number-teach-link{color:#7aaa78;opacity:0;font-size:35px;animation:.35s 1.65s forwards number-link-in}.number-teach-answer{color:#f27c68;-webkit-text-stroke:4px #fff;paint-order:stroke fill;text-shadow:0 8px #bf594b;opacity:0;font:900 clamp(110px,18vw,170px)/.8 Arial Rounded MT Bold,Avenir Next,sans-serif;animation:.55s cubic-bezier(.2,1.5,.45,1) 1.85s forwards number-answer-in}.number-practice-cue{letter-spacing:.25em;color:#66816d!important;font-size:25px!important}@keyframes number-object-count{0%{opacity:0;transform:translateY(-35px)scale(.4)}to{opacity:1;transform:none}}@keyframes number-link-in{to{opacity:1;transform:translateY(5px)}}@keyframes number-answer-in{0%{opacity:0;transform:scale(.25)rotate(-10deg)}to{opacity:1;transform:none}}.animal-prompt .speak-button{place-items:center;width:44px;height:44px;padding:0;font-size:20px;display:grid}.word-sound-wave{justify-content:center;align-items:center;gap:5px;height:28px;display:flex}.word-sound-wave i{background:#69ad78;border-radius:5px;width:6px;animation:.65s ease-in-out infinite alternate word-wave}.word-sound-wave i:first-child{height:10px}.word-sound-wave i:nth-child(2){height:25px;animation-delay:.12s}.word-sound-wave i:nth-child(3){height:16px;animation-delay:.24s}.teaching-word span{opacity:0;position:relative;animation:.5s cubic-bezier(.2,1.45,.4,1) forwards word-letter-teach!important;animation-delay:calc(var(--i) * .18s)!important}.teaching-word span small{color:#fff;-webkit-text-stroke:0;width:23px;height:23px;text-shadow:none;background:#588667;border-radius:50%;place-items:center;font:900 11px/1 sans-serif;display:grid;position:absolute;bottom:0;right:-2px}.word-drag-cue{color:#758779;justify-content:center;align-items:center;gap:11px;height:58px;display:flex}.word-drag-cue b,.word-drag-cue em{font:900 34px/1 Arial Rounded MT Bold,Avenir Next,sans-serif}.word-drag-cue em{color:#0000;-webkit-text-stroke:2px #cfc3ad;border-bottom:3px solid #d8ccb6}.word-drag-cue span{font-size:27px;animation:1.6s ease-in-out infinite word-cue-drag}.word-drag-cue i{opacity:.55;font-size:25px;font-style:normal}.icon-hint{min-width:58px;padding:0;font-size:22px}.auto-check-note{place-items:center;min-width:46px;display:grid;font-size:21px!important}.game-message:not(.has-message){letter-spacing:.45em}.game-message.has-message span{color:#4a825b;background:#e8f3e8;border-radius:50%;place-items:center;width:30px;height:30px;font-size:21px;display:inline-grid}.stage-scatter .animal-prompt{opacity:.35}.scatter-scene strong{display:none}@keyframes word-wave{to{opacity:.45;transform:scaleY(.45)}}@keyframes word-letter-teach{0%{opacity:0;transform:translateY(-35px)rotate(-9deg)scale(.4)}to{opacity:1;transform:none}}@keyframes word-cue-drag{50%{transform:translate(40px)scale(.9)}}.home-screen:before{content:"";opacity:.52;pointer-events:none;background:url(./art/storybook/home-landscape-v2.png) bottom/cover no-repeat;position:absolute;inset:0}.paper-home-cat{object-fit:contain;filter:drop-shadow(0 12px 8px #5c3c1e24);width:152px;height:178px}.paper-animal-art{object-fit:contain;filter:drop-shadow(0 5px 3px #5c3c1e1f);width:100%;height:100%}.animal-portrait:has(.paper-animal-art){background:#fff9e2c7;padding:4px}.success-animal .paper-animal-art{width:150px;height:150px}.paper-object-art{object-fit:contain;vertical-align:middle;filter:drop-shadow(0 4px 2px #5c3c1e1f);width:1em;height:1em;display:inline-block}.paper-hand-art{object-fit:contain;vertical-align:middle;width:1.35em;height:1.35em;display:inline-block}.word-drag-cue .paper-hand-art{width:45px;height:45px}.cue-path .paper-hand-art{width:42px;height:42px}.number-practice-cue{justify-content:center;align-items:center;gap:10px;display:flex!important}.number-practice-cue .paper-hand-art{width:42px;height:42px}.math-visual .paper-object-art{width:76px;height:76px}.lesson-drag-ghost .paper-object-art{width:70px;height:70px}.number-teach-objects .paper-object-art{width:58px;height:58px}.lesson-scatter-ground .paper-object-art{width:52px;height:52px}.count-drop-zone .paper-object-art{width:46px;height:46px}.cue-object .paper-object-art{width:54px;height:54px}.guide-character{z-index:12;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;filter:drop-shadow(0 9px 7px #44331f29);place-items:end center;width:clamp(92px,10vw,138px);height:clamp(100px,11vw,150px);animation:.38s cubic-bezier(.2,1.35,.45,1) both guide-arrive;display:grid;position:fixed;bottom:8px;right:clamp(8px,2vw,28px)}.guide-character.is-dragging{cursor:grabbing;filter:drop-shadow(0 15px 10px #44331f38);animation:none}.guide-character:before{content:"";filter:blur(4px);background:#4a5b3d26;border-radius:50%;height:10px;position:absolute;bottom:3px;left:13%;right:13%}.guide-character img{object-fit:contain;image-rendering:auto;pointer-events:none;width:100%;height:100%;position:relative}.guide-failed{animation:.18s linear 3 guide-shake}.guide-jumping{width:clamp(105px,12vw,155px)}@keyframes guide-arrive{0%{opacity:0;transform:translateY(16px)scale(.85)}}@keyframes guide-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (width<=650px){.guide-character{opacity:.95;width:78px;height:86px;bottom:3px;right:2px}.guide-jumping{width:88px}.game-actions{padding-right:55px}}.guide-letter-cue{width:270px;height:82px;margin:0 auto;position:relative;overflow:visible}.guide-letter-cue>i{opacity:.32;position:absolute;top:29px;left:112px}.guide-letter-cue>em{place-items:center;width:45px;height:48px;display:grid;position:absolute;top:22px;right:16px}.guide-letter-runner{width:86px;height:78px;position:absolute;top:0;left:5px;animation:2.2s ease-in-out infinite little-guide-move!important;display:block!important}.guide-letter-runner img{object-fit:contain;pointer-events:none;width:62px;height:68px;position:absolute;bottom:0;left:0}.guide-letter-runner b{color:#ed785f;filter:drop-shadow(0 4px 3px #42342026);background:#fffdf8f0;border-bottom:3px solid #d8ccb6;border-radius:9px;place-items:center;width:35px;height:41px;font:900 30px/1 Arial Rounded MT Bold,Avenir Next,sans-serif;display:grid;position:absolute;top:19px;right:0}@keyframes little-guide-move{0%,12%{transform:translate(0)}68%,82%{transform:translate(142px)}to{transform:translate(0)}}.lesson-source-tray{background:radial-gradient(circle,#fff1b6,#ffe08a);border-radius:36px;flex:0 150px;place-items:center;width:min(150px,32vw);min-width:96px;min-height:145px;display:grid;box-shadow:inset 0 0 0 2px #bf8e2121}.lesson-drag-source{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fffdf7;border:0;border-radius:31px;width:min(102px,80%);min-height:104px;animation:.85s ease-in-out infinite alternate touch-me;box-shadow:0 8px #d7b951}.lesson-drag-source:active,.mat-drag-object:active{cursor:grabbing}.lesson-drag-source b{font-size:51px;display:block}.lesson-drag-source small{color:#755f29;font-size:11px;font-weight:900;display:block}.lesson-drag-source:disabled{color:#4e8b59;background:#e8f3e4;animation:none;box-shadow:0 7px #a7c89f}.discovery-drop-zone{transition:all .2s}.discovery-lesson.is-dragging .discovery-drop-zone{animation:.65s ease-in-out infinite alternate drop-pulse;box-shadow:0 0 0 9px #5eaa7221;border-color:#5eaa72!important}@keyframes drop-pulse{to{transform:scale(1.015)}}.count-drop-zone{background:#eef8e1b8;border:3px dashed #9cbc8e;border-radius:48px;flex-direction:column;flex:320px;justify-content:center;gap:14px;width:min(100%,520px);min-width:0;min-height:190px;padding:clamp(14px,3vw,24px);display:flex}.count-drop-zone>small{color:#64815e;font-weight:900}.count-drop-zone>div{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.count-drop-zone span{font-size:clamp(32px,5vw,43px);position:relative}.count-drop-zone span i{color:#fff;background:#588667;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-style:normal;font-weight:900;display:grid;position:absolute;bottom:-8px;right:-5px}.drop-zone-label{color:#7a704e;width:100%;font-weight:900}.away-drop-zone{background:#fff0e9;border:3px dashed #c9988b;border-radius:42px;flex-direction:column;flex:0 150px;justify-content:center;align-items:center;width:min(150px,100%);min-width:120px;min-height:150px;display:flex}.away-drop-zone b{font-size:58px}.away-drop-zone small,.away-drop-zone span{color:#865e52;font-size:11px;font-weight:900}.mat-drag-object{cursor:grab;touch-action:none;background:0 0;border:0;padding:0;font-size:48px;animation:.85s ease-in-out infinite alternate touch-me}.lesson-drag-ghost{z-index:50;pointer-events:none;filter:drop-shadow(0 14px 10px #37301f47);max-width:80px;max-height:80px;font-size:clamp(44px,7vw,58px);position:fixed;transform:translate(-50%,-65%)rotate(5deg)scale(1.15)}.discovery-group.discovery-drop-zone{transition:all .2s}.lesson-scatter-ground{background:radial-gradient(at 50% 100%,#dac5964d,#0000 66%);border-bottom:5px solid #bba373;border-radius:0 0 50% 50%;flex:0 310px;width:min(310px,44vw);min-width:190px;height:210px;position:relative}.lesson-scatter-ground:after{content:"";filter:blur(3px);background:#876e3e24;border-radius:50%;height:12px;position:absolute;bottom:-7px;left:5%;right:5%}.lesson-scatter-ground>small{color:#827153;font-size:11px;font-weight:900;position:absolute;bottom:5px;left:0;right:0}.lesson-scatter-ground .lesson-drag-source{width:clamp(42px,7vw,58px);height:58px;min-height:0;box-shadow:none;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:0;place-items:center;padding:0;transition:opacity .12s,scale .2s;animation:.8s ease-in-out infinite alternate ground-wiggle;display:grid;position:absolute;translate:-50%}.lesson-scatter-ground .lesson-drag-source b{filter:drop-shadow(0 7px 3px #5b4b2b2e);font-size:43px}.lesson-scatter-ground .lesson-drag-source.picked-up,.mat-drag-object.picked-up{opacity:0;pointer-events:none;animation:none}.lesson-scatter-ground .lesson-drag-source.moved{opacity:0;pointer-events:none;scale:.25}.lesson-scatter-ground .scatter-item-1{top:6%;left:12.5%;rotate:-8deg}.lesson-scatter-ground .scatter-item-2{top:13%;left:37.5%;rotate:7deg}.lesson-scatter-ground .scatter-item-3{top:5%;left:62.5%;rotate:10deg}.lesson-scatter-ground .scatter-item-4{top:11%;left:87.5%;rotate:-5deg}.lesson-scatter-ground .scatter-item-5{top:48%;left:12.5%;rotate:6deg}.lesson-scatter-ground .scatter-item-6{top:55%;left:37.5%;rotate:-10deg}.lesson-scatter-ground .scatter-item-7{top:47%;left:62.5%;rotate:11deg}.lesson-scatter-ground .scatter-item-8{top:54%;left:87.5%;rotate:-5deg}@keyframes ground-wiggle{to{translate:-50% -5px;rotate:2deg}}.mat-drag-object.moved{opacity:0;pointer-events:none;transform:scale(.25)}.discovery-progress.auto-advancing{background:#dcefd4}.auto-next-dots{vertical-align:middle;gap:4px;margin-left:8px;display:inline-flex}.auto-next-dots em{background:#54845f;border-radius:50%;width:6px;height:6px;animation:.7s ease-in-out infinite auto-dot}.auto-next-dots em:nth-child(2){animation-delay:.12s}.auto-next-dots em:nth-child(3){animation-delay:.24s}@media (width<=900px){.home-screen{grid-template-columns:1fr;padding-top:125px}.hero-copy{text-align:center;margin:auto}.hero-copy h1{font-size:clamp(49px,12vw,75px)}.home-actions,.safe-note{justify-content:center}.hero-playground{width:min(620px,100%);height:440px;margin:auto}.level-grid{grid-template-columns:repeat(3,1fr)}.game-card{padding:28px 24px}.stage-track{gap:45px}.stage-track:before{width:180px}}@media (width<=650px){.content-screen,.game-screen{padding:14px 14px 50px}.top-bar{height:58px}.round-button{border-radius:15px;width:44px;height:44px}.home-screen{padding:115px 18px 50px}.brand{top:25px;left:20px}.home-sound{top:25px;right:20px}.hero-copy p{font-size:16px}.hero-playground{height:390px}.animal-bubble{width:145px;height:165px}.animal-bubble span{font-size:80px}.animal-cat{left:7%}.animal-dog{right:0}.animal-fish{left:14%}.sun{width:75px;height:75px;font-size:30px}.levels-heading{flex-direction:column;align-items:start;margin:30px 4px 22px}.progress-card{width:100%}.level-grid{grid-template-columns:repeat(2,1fr);gap:12px}.level-card{min-height:205px;padding:13px}.level-animal{font-size:53px}.level-card strong{font-size:22px}.game-card{border-radius:28px;min-height:650px;padding:22px 13px}.stage-track{gap:24px;margin:17px auto}.stage-track:before{width:130px}.stage-track span{display:none}.animal-prompt{justify-content:flex-start;padding:0 10px}.animal-portrait{border-radius:26px;width:80px;height:80px;font-size:52px}.animal-prompt h1{font-size:23px}.word-row span{-webkit-text-stroke-width:1.5px;width:58px;height:68px;font-size:46px}.slot-row{margin-top:13px}.letter-slot{border-radius:0}.letter-shadow{-webkit-text-stroke-width:1.5px;font-size:36px}.letter-card{-webkit-text-stroke-width:1.5px;border-radius:0;min-width:38px;min-height:46px;font-size:42px}.pool-wrap{height:220px}.scattered-letter,.scattered-letter .letter-card{width:55px;height:64px}.game-actions{gap:9px}.hint-button{border-radius:17px;min-height:52px;padding:0 13px}.auto-check-note{padding:9px 10px}.success-card{border-radius:35px;padding:46px 20px 28px}.success-card h1{font-size:32px}.success-actions{grid-template-columns:1fr}.settings-card{border-radius:30px;margin-top:28px;padding:28px 20px}}@media (width<=390px){.level-grid{grid-template-columns:1fr 1fr}.level-card{min-height:190px}.level-status{padding:6px 9px}.hero-playground{height:340px}.game-card{padding-inline:9px}.build-instruction{margin-bottom:4px}.slot-row{gap:4px}.scattered-letter,.scattered-letter .letter-card{width:48px;min-width:48px;height:58px}.animal-prompt{gap:12px}.animal-portrait{width:70px;height:70px;font-size:45px}.game-message{font-size:12px}.auto-check-note{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=650px){.home-actions{flex-direction:column;align-items:stretch;padding:0 20px}.hero-start,.math-start{justify-content:space-between}.compact-play-zone{padding:8px 7px 4px}.compact-play-zone .pool-wrap{height:145px}.math-game-card{min-height:590px}.math-visual{min-height:75px}.math-choice-field{height:185px}.math-choice{width:62px;height:72px}.math-choice .letter-card{font-size:52px}.math-answer-slot{width:76px;height:84px}.math-answer-slot span{font-size:48px}.math-lesson{min-height:545px;padding:34px 0 4px}.lesson-speak{top:0;right:0}.discovery-copy{margin-bottom:6px;padding:0 5px}.discovery-copy h1{font-size:21px}.discovery-number-scene,.discovery-operation-scene,.discovery-groups-scene{gap:12px;min-height:270px}.discovery-number-scene{flex-direction:column;min-height:auto}.lesson-source-tray{border-radius:28px;width:min(92px,29vw);min-width:76px;min-height:118px}.lesson-drag-source{border-radius:24px;width:80%;min-height:86px}.lesson-drag-source b{font-size:42px}.lesson-scatter-ground{flex-basis:160px;width:100%;min-width:0;height:160px}.lesson-scatter-ground .lesson-drag-source{width:50px;height:53px}.lesson-scatter-ground .lesson-drag-source b{font-size:37px}.count-drop-zone{flex:none;width:100%;min-width:0;min-height:135px;padding:14px}.count-drop-zone span{font-size:35px}.discovery-operation-scene{flex-direction:column}.discovery-mat{width:100%;min-width:0;min-height:135px;padding:18px}.discovery-mat span,.mat-drag-object{font-size:38px}.away-drop-zone{width:min(140px,100%);min-width:0;min-height:110px}.away-drop-zone b{font-size:44px}.discovery-group-row{flex-wrap:wrap;gap:8px}.discovery-group{flex:130px;min-width:0;min-height:135px;padding:11px 5px}.discovery-group i{width:40px;height:43px;font-size:27px}.discovery-groups-scene .lesson-source-tray{width:130px;min-height:95px}.discovery-progress{margin-top:0}.discovery-continue{min-height:52px;margin-top:11px}}.animal-bubble>span{place-items:center;width:88%;height:88%;display:grid}.animal-bubble>span .paper-animal-art{width:100%;height:100%}.level-animal{place-items:center;height:76px;display:grid}.level-animal .paper-animal-art,.level-animal .paper-object-art{width:74px;height:74px}.math-card-icon{height:68px}.math-card-icon .paper-object-art{width:66px;height:66px}.math-visual{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.math-object-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;max-width:440px;display:inline-flex}.math-visual>b{color:#916f39;font-size:34px}.guide-cue-art{object-fit:contain;width:48px!important;height:58px!important}.discovery-mat .paper-object-art,.mat-drag-object .paper-object-art,.discovery-group .paper-object-art{width:46px;height:46px}.math-success-equation .paper-object-art{width:72px;height:72px}@media (width<=650px){.level-animal{height:60px}.level-animal .paper-animal-art,.level-animal .paper-object-art{width:58px;height:58px}.math-visual .paper-object-art{width:48px;height:48px}.math-object-row{max-width:300px}.guide-cue-art{width:40px!important;height:48px!important}}@media (width<=420px){.math-game-card{padding-inline:8px}.discovery-number-scene{align-items:stretch}.count-drop-zone{border-radius:30px}.count-drop-zone>div{gap:8px}.discovery-copy h1{font-size:19px}.discovery-progress{width:100%}.discovery-progress span{font-size:11px}.lesson-speak{padding:7px 9px;font-size:10px}}@media (height<=720px) and (orientation:landscape){.game-screen{padding-top:10px}.game-screen>.game-card{margin-top:8px}.math-game-card{min-height:auto;padding-block:18px}.math-lesson{min-height:auto;padding-top:24px}.discovery-copy{margin-bottom:4px}.discovery-copy h1{margin:3px 0;font-size:21px}.discovery-number-scene{flex-direction:row;min-height:190px}.discovery-operation-scene,.discovery-groups-scene{min-height:190px}.lesson-source-tray{min-height:105px}.lesson-scatter-ground{flex-basis:270px;width:min(310px,42vw);height:150px}.count-drop-zone{flex:280px;width:auto;min-height:130px}.discovery-progress{height:36px}.lesson-continue{min-height:48px;margin-top:8px}}.photo-start{color:#654676;cursor:pointer;background:#f4e5fa;border:2px solid #b28bc8;border-radius:20px;align-items:center;gap:15px;min-height:58px;padding:0 20px;font-weight:900;display:flex;box-shadow:0 7px #b28bc8}.photo-start:active{transform:translateY(5px);box-shadow:0 2px #b28bc8}.photo-start b{font-size:23px}.photo-screen{background:radial-gradient(circle at 50% 0,#fffdf4,#f5eddb 65%,#e5d5b8)}.photo-card{text-align:center;background:#fffdf8eb;border:1px solid #e6d9c0;border-radius:42px;width:min(760px,100%);margin:34px auto 0;padding:36px;box-shadow:0 20px 70px #4b3b1e1a}.photo-card h1{margin:8px 0;font-size:clamp(32px,5vw,54px)}.photo-card>p{color:#788078;margin:0 0 24px}.camera-stage{aspect-ratio:4/3;cursor:pointer;background:linear-gradient(145deg,#fff8dd,#e9f0d8);border:3px dashed #b69f78;border-radius:36px;place-items:center;width:min(520px,100%);margin:auto;display:grid;position:relative;overflow:hidden}.camera-stage>span{filter:drop-shadow(0 7px #fff);font-size:76px}.camera-stage>i{background:#f38a70;border-radius:50%;width:12px;height:12px;animation:1s ease-in-out infinite auto-dot;position:absolute}.camera-stage>i:first-of-type{bottom:20%;left:35%}.camera-stage>i:nth-of-type(2){animation-delay:.16s;bottom:20%;left:50%}.camera-stage>i:nth-of-type(3){animation-delay:.32s;bottom:20%;left:65%}.camera-stage img{object-fit:contain;background:#242921;width:100%;height:100%}.parent-gate{text-align:left;color:#615b4f;background:#f3ede0;border-radius:23px;gap:14px;max-width:600px;margin:22px auto 0;padding:17px 20px;display:flex}.parent-gate>span{font-size:26px}.parent-gate strong{display:block}.parent-gate p{color:#746d60;margin:4px 0 0;font-size:13px;line-height:1.55}@media (width<=650px){.photo-start{justify-content:space-between}.photo-card{border-radius:30px;padding:25px 14px}.camera-stage{border-radius:26px}.parent-gate{padding:14px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
/*$vite$:1*/