/*! 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{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@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{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance: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}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.grow{flex-grow:1}.ring\!{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}}:root{--ink:#26324b;--muted:#69738b;--cream:#fff9ee;--paper:#fff;--purple:#7563c7}*{box-sizing:border-box}html{background:var(--cream);min-width:320px}body{color:var(--ink);background:var(--cream);margin:0;font-family:Avenir Next,Trebuchet MS,Arial,sans-serif}button{font:inherit}.welcome-screen{background:linear-gradient(165deg,#fff9e9 0%,#edf8ff 55%,#f9efff 100%);place-items:center;min-height:100svh;padding:24px;display:grid;position:relative;overflow:hidden}.sky-blob{filter:blur(2px);opacity:.5;border-radius:45% 55% 60% 40%;width:420px;height:420px;position:absolute}.sky-blob-one{background:#ffe3a3;top:-210px;left:-120px;transform:rotate(22deg)}.sky-blob-two{background:#c9e9ff;bottom:-230px;right:-100px;transform:rotate(-18deg)}.welcome-card{text-align:center;z-index:1;background:#ffffffe0;border:3px solid #ffffffe6;border-radius:48px;width:min(680px,100%);padding:clamp(34px,7vw,68px);position:relative;box-shadow:0 28px 70px #51507e26}.rainbow{place-items:end center;width:124px;height:66px;margin-bottom:22px;display:inline-grid;overflow:hidden}.rainbow span{border-style:solid solid none;border-bottom-width:0;border-bottom-color:currentColor;border-radius:100px 100px 0 0;grid-area:1/1}.rainbow span:first-child{border-width:14px;border-color:#ff7a75;width:124px;height:62px}.rainbow span:nth-child(2){border-width:14px;border-color:#ffc857;width:90px;height:45px}.rainbow span:nth-child(3){border-width:14px;border-color:#6fc7b7;width:56px;height:28px}.hello{color:var(--purple);margin:0 0 6px;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:800}.welcome-card h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.4rem,7vw,4.7rem);line-height:1.03}.welcome-subtitle{max-width:440px;color:var(--muted);margin:18px auto 32px;font-size:clamp(1rem,2vw,1.25rem)}.play-button{cursor:pointer;color:#fff;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(135deg,#7d6bd1,#6252b6);border:0;border-radius:26px;min-height:82px;padding:0 44px;font-size:clamp(1.3rem,3vw,1.75rem);font-weight:900;transition:transform .2s,box-shadow .2s;box-shadow:0 12px #4e4098,0 20px 34px #5b4aad40}.play-button:hover{transform:translateY(-3px)scale(1.02)}.play-button:active{transform:translateY(6px);box-shadow:0 5px #4e4098}.home-screen{max-width:1500px;min-height:100svh;margin:auto;padding:clamp(20px,4vw,48px)}.home-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.home-header h1{letter-spacing:-.045em;margin:4px 0 0;font-size:clamp(2rem,4vw,3.6rem)}.eyebrow{color:#e06f5b;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.95rem;font-weight:900}.header-actions{gap:12px;display:flex}.round-button{cursor:pointer;background:#fff;border:0;border-radius:22px;width:62px;height:62px;font-size:1.5rem;box-shadow:0 8px 24px #323e5a1a}.parent-button{opacity:.62;font-size:1.15rem}.hero-play{color:#44366f;background:linear-gradient(120deg,#f2e5ff,#e4f2ff);border-radius:38px;justify-content:space-between;align-items:center;gap:24px;min-height:230px;margin:36px 0;padding:clamp(28px,5vw,54px);display:flex;overflow:hidden}.tiny-label{letter-spacing:.14em;color:#7f68aa;font-size:.78rem;font-weight:900}.hero-play h2{letter-spacing:-.035em;margin:8px 0;font-size:clamp(1.8rem,4vw,3.2rem)}.hero-play p{color:#6e648a;margin:0;font-size:1.1rem}.hero-friends{white-space:nowrap;filter:drop-shadow(0 12px 5px #42305f1f);font-size:clamp(3.5rem,8vw,7rem)}.activity-section h2{margin:0 0 20px;font-size:clamp(1.45rem,3vw,2rem)}.activity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.activity-card{--card-color:#ddd;cursor:pointer;text-align:left;color:#25304a;background:var(--card-color);border:0;border-radius:32px;grid-template-columns:1fr auto;align-items:end;gap:12px;min-height:184px;padding:24px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.activity-card{background:color-mix(in srgb, var(--card-color) 22%, white)}}.activity-card{font-size:clamp(1.1rem,2vw,1.35rem);font-weight:900;transition:transform .2s,box-shadow .2s;box-shadow:0 11px 28px #313d5417}.activity-card:before{content:"";background:var(--card-color);opacity:.17;border-radius:50%;width:150px;height:150px;position:absolute;top:-45px;right:-30px}.activity-card:hover{transform:translateY(-5px)rotate(-.5deg);box-shadow:0 17px 34px #313d5421}.activity-icon{grid-column:1/-1;align-self:start;font-size:clamp(3rem,6vw,4.6rem);line-height:1}.go-bubble{background:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:1.2rem;display:grid}button:focus-visible{outline-offset:4px;outline:5px solid #2c6ce6}@media (max-width:800px){.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-friends{font-size:3.7rem}}@media (max-width:520px){.home-header{align-items:flex-start}.header-actions .parent-button{display:none}.round-button{border-radius:18px;width:52px;height:52px}.hero-play{margin:26px 0;display:block}.hero-friends{margin-top:28px}.activity-grid{gap:13px}.activity-card{border-radius:25px;min-height:150px;padding:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{overscroll-behavior:none;min-height:100svh}button,input,select{touch-action:manipulation}.app-root{background:radial-gradient(circle at 12% 8%,#fff3cd 0 10%,#0000 30%),linear-gradient(150deg,#fffaf0,#f0f8ff);min-height:100svh}.app-root.theme-calm,.welcome-screen.theme-calm{--purple:#6f719a;background:linear-gradient(150deg,#f4f2ec,#e9f0f1)}.motion-gentle *{animation-duration:2.2s!important}.motion-off *,.motion-off :before,.motion-off :after{transition:none!important;animation:none!important}.activity-page{max-width:1480px;min-height:100svh;margin:auto;padding:clamp(16px,3vw,38px)}.activity-header{z-index:80;background:var(--cream);border-radius:0 0 28px 28px;grid-template-columns:180px 1fr 180px;align-items:center;gap:18px;min-height:92px;margin:-8px -8px 0;padding:8px;display:grid;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.activity-header{background:color-mix(in srgb, var(--cream) 90%, transparent)}}.activity-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.home-button,.activity-tool-button,.listen-button{cursor:pointer;color:#4a4d68;background:#fff;border:0;border-radius:20px;min-height:60px;padding:0 22px;font-weight:900;box-shadow:0 8px 22px #2d374e1a}.home-button{justify-self:start;align-items:center;gap:10px;font-size:1.05rem;display:inline-flex}.home-button span{color:#7366bd;font-size:1.8rem}.activity-heading{text-align:left;justify-content:center;align-items:center;gap:16px;display:flex}.activity-heading-icon{background:#fff;border-radius:22px;flex:none;place-items:center;width:68px;height:68px;font-size:2.2rem;font-weight:900;display:grid;box-shadow:0 8px 22px #2d374e14}.activity-heading h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.5rem,3vw,2.5rem)}.activity-heading p{color:var(--muted);margin:3px 0 0;font-size:.95rem}.activity-actions{justify-self:end;gap:9px;display:flex}.listen-button{color:#6656ad;align-items:center;gap:8px;display:inline-flex}.activity-body{padding-top:24px}.activity-loading{align-content:center;place-items:center;gap:16px;min-height:100svh;font-size:5rem;display:grid}.activity-loading span{font-size:1.2rem;font-weight:800}.mode-tabs{background:#ffffffbf;border-radius:22px;gap:6px;width:max-content;max-width:100%;margin:0 auto 26px;padding:7px;display:flex;overflow-x:auto;box-shadow:0 6px 20px #2d374e12}.mode-tabs button{cursor:pointer;white-space:nowrap;color:#73778d;background:0 0;border:0;border-radius:16px;min-height:48px;padding:0 20px;font-weight:800}.mode-tabs button.active{color:#fff;background:#7664c4;box-shadow:0 6px 14px #5d4daf40}.big-prompt{text-align:center;background:#fff;border-radius:26px;width:min(850px,100%);margin:0 auto 24px;padding:20px 30px;font-size:clamp(1.35rem,3vw,2.15rem);font-weight:800;box-shadow:0 9px 28px #2d374e14}.learning-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,2vw,20px);display:grid}.learning-grid button{cursor:pointer;min-height:150px;color:var(--ink);background:#fff;border:0;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 8px 24px #2d374e14}.learning-grid button:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 14px 28px #2d374e1f}.learning-grid button:active{transform:scale(.96)}.learning-grid button b{font-size:1.05rem}.learning-grid button small{color:#868a9c}.learning-grid .chosen{outline-offset:-5px;outline:5px solid #8070c8}.feature-kicker{color:#846bc3;letter-spacing:.13em;text-transform:uppercase;font-size:.8rem;font-weight:900}.feature-stage,.shape-feature,.food-feature,.feeling-stage{background:#fff;border-radius:38px;justify-content:center;align-items:center;gap:clamp(30px,8vw,90px);width:min(920px,100%);min-height:250px;margin:0 auto 26px;padding:32px 52px;display:flex;box-shadow:0 14px 38px #2d374e17}.feature-stage h2,.shape-feature h2,.food-feature h2,.feeling-stage h2{margin:6px 0;font-size:clamp(2rem,4vw,3.5rem)}.feature-stage p,.shape-feature p,.food-feature p,.feeling-stage p{color:var(--muted);margin:5px 0;font-size:1.1rem}.activity-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.activity-copy small{color:#71788c;font-size:.78rem;font-weight:650;line-height:1.2}.activity-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.activity-card.compact{min-width:230px;min-height:135px}.activity-card.compact .activity-icon{font-size:3.2rem}.favorites-section{margin-bottom:34px}.section-title{align-items:center;gap:10px;display:flex}.section-title span{color:#ed7895;font-size:1.4rem}.favorites-row{scrollbar-width:thin;gap:16px;padding:2px 3px 18px;display:flex;overflow-x:auto}.home-footer{color:#8a8c9c;justify-content:space-between;margin-top:45px;padding:24px 0 8px;font-size:.9rem;display:flex}.home-footer button{color:#7061b5;cursor:pointer;background:0 0;border:0;font-weight:800}.parent-gate{--hold-progress:0%;cursor:pointer;color:#76798c;background:#fff;border:0;border-radius:22px;width:62px;height:62px;font-size:1.3rem;position:relative;overflow:hidden;box-shadow:0 8px 24px #323e5a1a}.parent-gate:after{content:"";background:#7463c440;height:0;position:absolute;inset:auto 0 0}.parent-gate.holding:after{height:100%;transition:height 3s linear}.welcome-parent{opacity:.55;position:absolute;bottom:18px;right:22px;transform:scale(.8)}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f233780;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.parent-panel{background:#fcfbf7;border-radius:34px;width:min(900px,100%);max-height:calc(100svh - 30px);padding:clamp(22px,4vw,38px);overflow:auto;box-shadow:0 30px 80px #14182a47}.parent-panel>header{justify-content:space-between;align-items:start;gap:20px;display:flex}.parent-panel h2{margin:5px 0 0;font-size:2.2rem}.close-button{cursor:pointer;color:#68677a;background:#eceaf2;border:0;border-radius:16px;width:50px;height:50px;font-size:2rem}.progress-strip{background:#ede8fb;border-radius:24px;grid-template-columns:repeat(4,1fr);margin:25px 0;display:grid;overflow:hidden}.progress-strip div{text-align:center;border-right:1px solid #6959aa1f;flex-direction:column;align-items:center;padding:20px 12px;display:flex}.progress-strip strong{color:#6656ad;font-size:2rem}.progress-strip span{color:#6e6d7a;font-size:.76rem;font-weight:750}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field,.switch-row{background:#fff;border:1px solid #e4e1da;border-radius:17px;min-height:74px;padding:14px 17px}.field{flex-direction:column;gap:7px;display:flex}.field>span,.field legend{color:#626579;font-size:.86rem;font-weight:800}.field input[type=text],.field input:not([type]),.field select{min-height:36px;color:var(--ink);background:0 0;border:0;border-bottom:2px solid #dedbe8;font-size:1rem}.field.wide{grid-column:1/-1}fieldset.field{margin:0}.switch-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.switch-row span{flex-direction:column;display:flex}.switch-row label{cursor:pointer;font-weight:800}.switch-row small{color:#878996}.switch-row input{accent-color:#7563c7;width:28px;height:28px}.parent-segments{flex-wrap:wrap;gap:8px;display:flex}.parent-segments button{cursor:pointer;color:#626579;background:#f8f7fa;border:1px solid #ddd9e7;border-radius:13px;min-height:42px;padding:0 18px;font-weight:750}.parent-segments button.selected{color:#5d4da7;background:#eeeafd;border-color:#7563c7}.activity-controls{background:#fff;border:1px solid #e4e1da;border-radius:18px;margin-top:18px}.activity-controls summary{cursor:pointer;padding:18px;font-weight:850}.activity-control-list{grid-template-columns:repeat(2,1fr);gap:7px 20px;padding:0 18px 18px;display:grid}.activity-control-list>div{border-bottom:1px solid #efede8;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:9px 0;font-size:.88rem;display:grid}.activity-control-list label{white-space:nowrap}.parent-footer{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.parent-footer button,.primary-small,.secondary-button,.danger-soft{cursor:pointer;border:0;border-radius:15px;min-height:48px;padding:0 20px;font-weight:800}.primary-small{color:#fff;background:#6f5dc0}.secondary-button{color:#5e5790;background:#ece9f9}.danger-soft{color:#9b5360;background:#f9e8eb}.break-card{text-align:center;background:#fffdf7;border-radius:34px;width:min(520px,100%);padding:42px}.break-card>span{font-size:5rem}.break-card h2{margin:12px 0;font-size:2.1rem}.break-card p{color:var(--muted);line-height:1.6}.color-stage{background:var(--selected-color)}@supports (color:color-mix(in lab, red, red)){.color-stage{background:color-mix(in srgb, var(--selected-color) 12%, white)}}.featured-orb{background:var(--selected-color);border-radius:50%;flex:none;place-items:center;width:180px;height:180px;font-size:5rem;animation:2.4s ease-in-out infinite gentle-bob;display:grid;box-shadow:inset 0 -16px 30px #0000001f,0 14px 26px #32324624}.color-tile{background:var(--item-color)!important;min-height:132px!important}@supports (color:color-mix(in lab, red, red)){.color-tile{background:color-mix(in srgb, var(--item-color) 14%, white)!important}}.color-swatch{background:var(--item-color);border-radius:50%;width:70px;height:70px;box-shadow:inset 0 -6px 12px #0000001a}.color-tile.light-tile .color-swatch{border:3px solid #dedede}.four-options{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1000px;margin:auto}.css-shape{--shape-color:#777;width:150px;height:150px;color:var(--shape-color);background:var(--shape-color);flex:none;place-items:center;font-size:10rem;line-height:1;display:grid}.css-shape.small{width:78px;height:78px;font-size:5.2rem}.shape-circle{border-radius:50%}.shape-square{border-radius:10px}.shape-triangle{border-left:78px solid #0000;border-right:78px solid #0000;border-bottom:145px solid var(--shape-color);background:0 0;width:0!important;height:0!important}.shape-triangle.small{border-bottom-width:78px;border-left-width:42px;border-right-width:42px}.shape-rectangle{border-radius:10px;width:210px;height:125px}.shape-rectangle.small{width:105px;height:65px}.shape-star,.shape-heart{background:0 0}.shape-oval{border-radius:50%;width:205px;height:135px}.shape-oval.small{width:100px;height:68px}.shape-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.alphabet-stage{color:#4d447b;background:linear-gradient(135deg,#eee8ff,#e6f6ff);border-radius:40px;justify-content:center;align-items:center;gap:clamp(40px,10vw,110px);width:min(860px,100%);min-height:280px;margin:auto;padding:30px 55px;display:flex}.giant-letter{align-items:baseline;gap:5px;font-weight:950;line-height:.8;display:flex}.giant-letter span{font-size:clamp(8rem,18vw,12rem)}.giant-letter small{color:#8d82ba;font-size:clamp(4rem,9vw,7rem)}.alphabet-object{text-align:center}.alphabet-object>span{filter:drop-shadow(0 10px 8px #32325021);font-size:clamp(5rem,10vw,8rem)}.alphabet-object h2{margin:4px;font-size:2rem}.alphabet-object p{color:#756d91;margin:0}.page-dots{justify-content:center;gap:8px;margin:22px 0;display:flex}.page-dots button{cursor:pointer;background:#d1cde1;border:0;border-radius:50%;width:13px;height:13px;padding:0}.page-dots button.active{background:#7866c2;border-radius:9px;width:34px}.letter-grid{grid-template-columns:repeat(6,1fr);gap:12px;max-width:900px;margin:auto;display:grid}.letter-grid button{cursor:pointer;color:#35415e;background:#fff;border:0;border-radius:24px;justify-content:center;align-items:baseline;min-height:110px;display:flex;box-shadow:0 7px 20px #2d374e14}.letter-grid button b{font-size:3.2rem}.letter-grid button span{color:#8d91a2;font-size:1.7rem}.letter-grid button.selected{color:#fff;background:#7866c2;transform:translateY(-3px)}.letter-grid button.selected span{color:#ddd6ff}.pager{justify-content:space-between;align-items:center;max-width:900px;margin:16px auto;display:flex}.pager button{cursor:pointer;color:#6658ac;background:#eeeafa;border:0;border-radius:14px;min-height:42px;padding:0 14px;font-weight:750}.pager button:disabled{opacity:.3}.pager span{color:#898b99;font-size:.86rem}.number-controls{flex-wrap:wrap;justify-content:center;align-items:start;gap:14px;display:flex}.number-controls .mode-tabs{margin:0 0 22px}.count-toggle{cursor:pointer;color:#9a5961;background:#fff0f1;border:0;border-radius:19px;min-height:61px;padding:0 20px;font-weight:850}.count-toggle.active{color:#fff;background:#e77f82}.number-stage{background:linear-gradient(135deg,#e9f7e5,#e4f2ff);border-radius:40px;justify-content:center;align-items:center;gap:60px;width:min(850px,100%);min-height:300px;margin:auto;padding:30px;display:flex}.giant-number{color:#529463;font-size:clamp(9rem,22vw,15rem);font-weight:950;line-height:.8}.number-dots{flex-wrap:wrap;justify-content:center;gap:13px;width:min(360px,48%);display:flex}.number-dots span,.key-dots span{background:#f0a451;border-radius:50%;width:38px;height:38px;box-shadow:inset 0 -4px 7px #0000001a}.number-grid{grid-template-columns:repeat(10,1fr);gap:8px;max-width:950px;margin:20px auto;display:grid}.number-grid button,.count-options button{cursor:pointer;color:#4f5a74;background:#fff;border:0;border-radius:19px;min-height:75px;font-size:2rem;font-weight:900;box-shadow:0 6px 18px #2d374e14}.number-grid button.selected{color:#fff;background:#6cb27d}.count-stage{text-align:center}.count-objects{justify-content:center;align-items:center;gap:16px;min-height:150px;font-size:clamp(4rem,10vw,7rem);display:flex}.count-options{grid-template-columns:repeat(5,1fr);gap:12px;max-width:600px;margin:25px auto;display:grid}.animal-controls{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:22px;display:flex}.category-tabs{background:#fff;border-radius:20px;gap:6px;padding:6px;display:flex}.category-tabs button,.sound-game-button{cursor:pointer;color:#696d80;background:0 0;border:0;border-radius:15px;min-height:48px;padding:0 17px;font-weight:800}.category-tabs button.active{color:#fff;background:#dc9850}.sound-game-button{color:#6758aa;background:#eae6fa}.sound-game-button.active{color:#fff;background:#6c5ab7}.animal-feature{background:linear-gradient(135deg,#fff1cf,#eaf7dc);border-radius:42px;justify-content:center;align-items:center;gap:80px;width:min(800px,100%);min-height:260px;margin:0 auto 24px;padding:25px 60px;display:flex}.animal-big{font-size:clamp(7rem,15vw,11rem);animation:1.8s ease-in-out infinite animal-wave}.animal-feature h2{margin:6px 0 12px;font-size:3.6rem}.animal-feature div>span{color:#9a774b;letter-spacing:.13em;font-size:.78rem;font-weight:900}.animal-feature button{cursor:pointer;color:#735d31;background:#fffc;border:0;border-radius:15px;min-height:48px;padding:0 18px;font-weight:850}.animal-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.animal-grid button>span,.food-grid button>span,.vehicle-grid button>span,.feeling-grid button>span{font-size:4.6rem}.animal-grid.three-options{grid-template-columns:repeat(3,1fr);max-width:800px;margin:auto}.animal-grid.three-options button{min-height:240px}.animal-grid.three-options button span{font-size:7rem}.food-feature>span,.feeling-stage>span{font-size:clamp(7rem,14vw,11rem)}.food-feature{background:linear-gradient(135deg,#fff2dc,#f4f9df)}.food-grid{grid-template-columns:repeat(4,1fr)}.feeling-stage{background:linear-gradient(135deg,#fff1e6,#f5ebff)}.feeling-stage>span{animation:2.2s ease-in-out infinite gentle-bob}.feeling-grid{grid-template-columns:repeat(6,1fr)}.vehicle-track{background:linear-gradient(#dff4ff 0 64%,#bce8a7 64% 72%,#89919b 72% 100%);border-radius:40px;height:230px;position:relative;overflow:hidden}.vehicle-track:before{content:"☁️　　　☀️　　　☁️";text-align:center;opacity:.9;font-size:2.8rem;position:absolute;inset:25px 0 auto}.moving-vehicle{z-index:2;filter:drop-shadow(0 10px 4px #141e2833);font-size:clamp(6rem,13vw,10rem);line-height:1;animation:2.1s cubic-bezier(.25,.75,.35,1) both vehicle-run;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.vehicle-airplane{bottom:100px}.vehicle-boat{bottom:45px}.track-line{border-top:5px dashed #f8e58f;position:absolute;bottom:26px;left:0;right:0}.vehicle-name{text-align:center;margin:17px 0}.vehicle-name h2{margin:0;font-size:2.4rem}.vehicle-name p{color:var(--muted);margin:3px}.vehicle-grid{grid-template-columns:repeat(5,1fr)}.matching-board{background:#ffffffb3;border-radius:36px;max-width:850px;margin:auto;padding:25px}.match-pieces,.match-targets{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.match-piece,.match-target{cursor:grab;border-radius:30px;min-height:145px}.match-piece{background:#fff;border:0;box-shadow:0 9px 24px #2d374e1a}.match-piece span{background:var(--match-color);border-radius:50%;width:78px;height:78px;margin:auto;display:block}.match-piece b{margin-top:8px;display:block}.match-piece.held{outline:6px solid #7866c2;transform:translateY(-5px)}.match-piece.matched{opacity:.25;cursor:default}.match-target{border:7px dashed var(--match-color)}@supports (color:color-mix(in lab, red, red)){.match-target{border:7px dashed color-mix(in srgb, var(--match-color) 70%, #777)}}.match-target{background:var(--match-color)}@supports (color:color-mix(in lab, red, red)){.match-target{background:color-mix(in srgb, var(--match-color) 9%, white)}}.match-target span{min-height:100px;color:var(--match-color);place-items:center;font-size:4.5rem;display:grid}.match-target.matched{background:var(--match-color);border-style:solid}@supports (color:color-mix(in lab, red, red)){.match-target.matched{background:color-mix(in srgb, var(--match-color) 22%, white)}}.match-arrow{text-align:center;color:#9a93b4;padding:12px;font-size:2.2rem}.play-again{cursor:pointer;color:#fff;background:#6f5dc0;border:0;border-radius:18px;min-height:58px;margin:23px auto 0;padding:0 26px;font-weight:900;display:block;box-shadow:0 8px #514392}.memory-grid{perspective:900px;grid-template-columns:repeat(4,1fr);gap:20px;max-width:850px;margin:28px auto;display:grid}.memory-grid.pairs-3{grid-template-columns:repeat(3,1fr);max-width:700px}.memory-card{cursor:pointer;min-height:210px;transform-style:preserve-3d;background:0 0;border:0;border-radius:30px;transition:transform .55s;position:relative}.memory-card.flipped{transform:rotateY(180deg)}.memory-card.found{filter:drop-shadow(0 0 14px #ffd765)}.card-back,.card-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:30px;place-items:center;display:grid;position:absolute;inset:0;box-shadow:0 10px 27px #2d374e1f}.card-back{color:#fff3b1;background:linear-gradient(145deg,#7f70cb,#6252ac);font-size:4.5rem}.card-face{background:#fff;align-content:center;gap:8px;font-size:6rem;transform:rotateY(180deg)}.card-face b{font-size:1.1rem}.drawing-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:15px;display:flex}.paint-colors,.brush-tools,.stamp-tools{background:#fff;border-radius:18px;gap:7px;padding:7px;display:flex;box-shadow:0 6px 17px #2d374e12}.paint-colors button{cursor:pointer;border:3px solid #fff;border-radius:50%;width:40px;height:40px;box-shadow:0 0 0 1px #dedde2}.paint-colors button.selected{outline-offset:2px;outline:4px solid #7866c2}.brush-tools button,.stamp-tools button{cursor:pointer;color:#676a7b;background:#f4f3f7;border:0;border-radius:12px;min-height:40px;padding:0 12px;font-weight:800}.stamp-tools button{min-width:42px;padding:0;font-size:1.5rem}.brush-tools button.selected,.stamp-tools button.selected{color:#fff;background:#7160ba}.canvas-wrap{background:repeating-linear-gradient(0deg,#fffef9,#fffef9 32px,#f2eee3 33px);border:10px solid #fff;border-radius:30px;width:min(1200px,100%);height:min(61svh,650px);margin:auto;overflow:hidden;box-shadow:0 13px 36px #2d374e1f}.canvas-wrap canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.piano{grid-template-columns:repeat(8,1fr);gap:7px;max-width:1050px;height:430px;margin:45px auto;display:grid}.piano button{cursor:pointer;box-shadow:0 13px 0 hsl(calc(var(--key-index) * 42) 70% 58%);border:0;border-radius:0 0 24px 24px}@supports (color:color-mix(in lab, red, red)){.piano button{box-shadow:0 13px 0 color-mix(in srgb, hsl(calc(var(--key-index) * 42) 70% 58%) 65%, #333)}}.piano button{background:hsl(calc(var(--key-index) * 42) 72% 68%)}.piano button:active{transform:translateY(9px);box-shadow:0 4px #555}.piano span{color:#3e4260;font-weight:900}.drum-kit{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(18px,5vw,60px);min-height:500px;display:flex}.drum-kit button{aspect-ratio:1;cursor:pointer;color:#4e4f65;background:radial-gradient(circle,#ffd47c,#df8d56);border:15px solid #fff;border-radius:50%;width:clamp(190px,24vw,300px);box-shadow:0 22px #b86643,0 28px 40px #372d2d2e}.drum-kit button:nth-child(2){background:radial-gradient(circle,#84d5c0,#4f9f9d);box-shadow:0 22px #397678}.drum-kit button:nth-child(3){background:radial-gradient(circle,#c1a5ec,#8068bd);box-shadow:0 22px #5f4a98}.drum-kit button:active{transform:translateY(12px);box-shadow:0 9px #555}.drum-kit span{font-size:5rem;display:block}.drum-kit b{font-size:1.4rem}.animal-band{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:45px auto;display:grid}.animal-band button{cursor:pointer;background:#fff;border:0;border-radius:34px;min-height:200px;box-shadow:0 13px 30px #2d374e1a}.animal-band span{font-size:7rem;display:block}.animal-band b{color:#68647a;font-size:1.2rem}.xylophone{flex-direction:column;align-items:center;gap:10px;max-width:850px;margin:35px auto;display:flex}.xylophone button{cursor:pointer;background:hsl(calc(var(--bar-index) * 44) 72% 66%);border:0;border-radius:20px;height:54px;box-shadow:inset 0 -8px #2828371f,0 8px 16px #282d4114}.music-note{text-align:center;color:#808294}.keyboard-stage{background:linear-gradient(140deg,#ebe7ff,#e7f7f4);border-radius:45px;justify-content:center;align-items:center;gap:clamp(40px,10vw,120px);width:min(980px,100%);min-height:480px;margin:22px auto;padding:45px;display:flex}.key-burst{color:#fff;background:linear-gradient(145deg,#8272ce,#6252ab);border-radius:70px;place-items:center;width:300px;height:300px;font-size:clamp(9rem,20vw,14rem);font-weight:950;line-height:1;animation:.45s cubic-bezier(.2,.9,.25,1.3) key-pop;display:grid;box-shadow:0 20px #4d3e91,0 30px 50px #372d6433}.key-friend{text-align:center}.key-friend>span{font-size:8rem}.key-friend h2{margin:6px;font-size:2.5rem}.key-friend p{color:var(--muted)}.key-dots{flex-wrap:wrap;justify-content:center;gap:10px;max-width:250px;display:flex}.keyboard-hint{color:#636677;background:#fff;border-radius:22px;align-items:center;gap:16px;width:max-content;max-width:100%;margin:auto;padding:16px 25px;display:flex}.keyboard-hint>span{font-size:2.2rem}.keyboard-hint p{color:#898b9a;margin:2px 0}.bubble-sky{background:linear-gradient(#dff5ff,#f4f8d9);border-radius:42px;height:min(650px,70svh);min-height:450px;position:relative;overflow:hidden}.play-bubble{cursor:pointer;color:#3f475e;background:radial-gradient(circle at 32% 25%, white 0 5%, transparent 7%), var(--bubble-color);border:3px solid #ffffffd9;border-radius:50%;place-items:center;display:grid;position:absolute}@supports (color:color-mix(in lab, red, red)){.play-bubble{background:radial-gradient(circle at 32% 25%, white 0 5%, transparent 7%), color-mix(in srgb, var(--bubble-color) 45%, transparent)}}.play-bubble{animation:bubble-float 5s var(--float-delay) ease-in-out infinite alternate;font-size:3rem;font-weight:950;box-shadow:inset -13px -16px 24px #3955781c,0 12px 25px #374b691f}.play-bubble.popped{animation:.4s ease-out forwards bubble-pop}.bubble-reveal{z-index:20;color:#343a54;background:#ffffffeb;border-radius:24px;justify-content:center;align-items:center;gap:10px;min-width:150px;min-height:66px;padding:8px 20px;font-size:1.25rem;animation:1.25s both phrase-pop;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #32415f29}.bubble-reveal span{color:var(--reveal-color);font-size:2.1rem;line-height:1}.bubble-ground{text-align:center;letter-spacing:2.2rem;font-size:2.3rem;position:absolute;inset:auto 0 10px}.find-options,.surprise-options{grid-template-columns:repeat(3,1fr);gap:28px;max-width:950px;min-height:340px;margin:30px auto;display:grid}.find-options button,.surprise-options button{cursor:pointer;color:var(--ink);background:#fff;border:0;border-radius:38px;box-shadow:0 14px 34px #2d374e1a}.find-options button span,.surprise-options button span{color:var(--find-color,var(--surprise-color));font-size:clamp(7rem,14vw,11rem);display:block}.find-options .find-shape-symbol{line-height:1}.surprise-options .surprise-color-dot{background:var(--surprise-color);border-radius:50%;width:145px;height:145px;margin:0 auto 18px;box-shadow:inset 0 -12px 20px #0000001a}.find-options button b,.surprise-options button b{font-size:1.35rem}.try-wiggle{animation:.4s try-wiggle}.find-progress{justify-content:center;gap:8px;display:flex}.find-progress span{background:#d3cedf;border-radius:50%;width:12px;height:12px}.find-progress span.active{background:#7866c2;border-radius:8px;width:34px}.body-playground{justify-content:center;align-items:center;gap:clamp(50px,12vw,160px);min-height:620px;display:flex}.body-figure{width:320px;height:570px;position:relative}.figure-head{z-index:3;background:#efbf91;border-radius:48% 48% 45% 45%;width:180px;height:190px;position:absolute;top:30px;left:70px;box-shadow:inset 0 -9px #a4644414}.figure-hair{z-index:4;background:#4e3a35;border-radius:70% 70% 30% 30%;width:185px;height:83px;position:absolute;top:15px;left:68px}.figure-body{z-index:2;background:#79b8d3;border-radius:35px 35px 22px 22px;width:190px;height:200px;position:absolute;top:206px;left:65px}.figure-body:before{content:"★";text-align:center;color:#fff0a8;font-size:4rem;position:absolute;inset:45px 0 auto}.figure-arm{z-index:1;cursor:pointer;background:0 0;border:0;width:68px;height:230px;font-size:3.3rem;position:absolute;top:220px}.figure-arm.left{left:12px;transform:rotate(8deg)}.figure-arm.right{right:12px;transform:rotate(-8deg)}.figure-leg{z-index:1;background:#6a72a9;border-radius:0 0 25px 25px;width:74px;height:195px;position:absolute;top:390px}.figure-leg.left{left:77px}.figure-leg.right{right:77px}.figure-leg button{cursor:pointer;background:0 0;border:0;font-size:3rem;position:absolute;bottom:-12px;left:-4px}.hotspot{z-index:6;cursor:pointer;background:0 0;border:0;position:absolute}.hotspot.head{z-index:2;border-radius:50%;inset:0}.hotspot.hair{z-index:7;width:150px;height:48px;top:-10px;left:15px}.hotspot.eye{color:#3b3331;border-radius:50%;width:45px;height:45px;font-size:2rem;top:67px}.hotspot.eye.left{left:36px}.hotspot.eye.right{right:36px}.hotspot.ear{background:#e9b586;border-radius:50%;width:32px;height:65px;top:74px}.hotspot.ear.left{left:-22px}.hotspot.ear.right{right:-22px}.hotspot.nose{color:#c37e65;width:42px;height:45px;top:100px;left:69px}.hotspot.mouth{color:#a75f62;width:65px;height:38px;font-size:2rem;top:137px;left:57px}.hotspot:hover,.figure-arm:hover,.figure-leg button:hover{filter:drop-shadow(0 0 9px #fff182)}.body-label{text-align:center;width:300px}.body-label>span{font-size:7rem}.body-label h2{margin:6px;font-size:3rem}.body-label p{color:var(--muted);font-size:1.1rem}.surprise-box{background:linear-gradient(145deg,#f3eaff,#e7f6ff);border-radius:45px;max-width:1050px;min-height:650px;margin:auto;padding:25px}.box-lid{text-align:center;font-size:5rem;animation:2s ease-in-out infinite gentle-bob}.press-key-stage{text-align:center}.press-key-stage span{color:#fff;background:#7462c0;border-radius:55px;place-items:center;width:260px;height:260px;margin:30px auto 18px;font-size:12rem;font-weight:950;display:grid;box-shadow:0 18px #524497}.press-key-stage p{color:#6c6880;font-size:1.2rem;font-weight:800}.celebration{z-index:1200;pointer-events:none;position:fixed;inset:0;overflow:hidden}.celebration-phrase{color:#5c4ba9;background:#fff;border-radius:24px;padding:20px 34px;font-size:clamp(1.6rem,4vw,2.8rem);font-weight:950;animation:1.6s both phrase-pop;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 50px #2d285038}.sparkle{--angle:calc(var(--sparkle-index) * 36deg);color:hsl(calc(var(--sparkle-index) * 36) 80% 62%);transform:rotate(var(--angle)) translateX(80px);font-size:2.4rem;animation:1.45s ease-out both sparkle-out;position:absolute;top:50%;left:50%}.soft-error{text-align:center;background:#fffaf0;align-content:center;place-items:center;gap:10px;min-height:100svh;display:grid}.soft-error>span{font-size:6rem}.soft-error h1{margin:0}.soft-error p{color:var(--muted)}@keyframes gentle-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-9px)rotate(2deg)}}@keyframes animal-wave{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(3deg)translateY(-8px)}}@keyframes vehicle-run{0%{left:-15%;transform:translate(-50%)rotate(-3deg)}72%{left:54%;transform:translate(-50%)rotate(2deg)}86%{left:48%;transform:translate(-50%)rotate(-1deg)}to{left:50%;transform:translate(-50%)rotate(0)}}@keyframes key-pop{0%{opacity:0;transform:scale(.4)rotate(-10deg)}to{opacity:1;transform:scale(1)}}@keyframes bubble-float{0%{transform:translateY(20px)translate(-8px)}to{transform:translateY(-26px)translate(8px)}}@keyframes bubble-pop{0%{opacity:1;transform:scale(1)}55%{opacity:.65;transform:scale(1.25)}to{opacity:0;transform:scale(.1)}}@keyframes try-wiggle{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes phrase-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}20%,75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-58%)scale(.95)}}@keyframes sparkle-out{0%{transform:rotate(var(--angle)) translateX(50px) scale(.3);opacity:0}20%{opacity:1}to{transform:rotate(var(--angle)) translateX(310px) scale(1.2);opacity:0}}@media (min-width:1060px) and (max-height:950px){.activity-page{padding-top:20px;padding-bottom:20px}.activity-header{min-height:82px}.activity-body{padding-top:12px}.mode-tabs{margin-bottom:14px}.food-feature{min-height:210px;margin-bottom:16px;padding:20px 42px}.food-feature>span{font-size:7rem;line-height:1}.food-grid,.vehicle-grid{gap:12px}.food-grid button,.vehicle-grid button{gap:4px;min-height:128px;padding:10px}.food-grid button>span,.vehicle-grid button>span{font-size:3.6rem;line-height:1}.vehicle-track{height:180px}.vehicle-track:before{font-size:2.2rem;top:16px}.moving-vehicle{font-size:7rem;bottom:30px}.vehicle-airplane{bottom:74px}.vehicle-name{margin:8px 0}.vehicle-name h2{font-size:2rem}.bubble-sky{height:calc(100svh - 280px);min-height:450px}.body-playground{min-height:560px}}@media (max-width:1050px){.activity-grid{grid-template-columns:repeat(3,1fr)}.learning-grid{grid-template-columns:repeat(4,1fr)}.animal-grid,.feeling-grid{grid-template-columns:repeat(3,1fr)}.vehicle-grid{grid-template-columns:repeat(5,1fr)}.activity-header{grid-template-columns:150px 1fr 150px}}@media (max-width:780px){.activity-header{grid-template-columns:auto 1fr auto;min-height:70px}.home-button{border-radius:18px;justify-content:center;width:58px;height:58px;min-height:58px;padding:0;font-size:0}.activity-heading-icon{border-radius:17px;width:54px;height:54px;font-size:1.8rem}.activity-heading p{display:none}.listen-button{justify-content:center;width:58px;padding:0}.listen-button span{display:none}.activity-actions .activity-tool-button{min-height:52px;padding:0 12px}.activity-grid,.learning-grid,.shape-grid,.food-grid,.vehicle-grid,.four-options{grid-template-columns:repeat(2,1fr)}.feature-stage,.shape-feature,.food-feature,.feeling-stage{gap:25px;padding:25px}.featured-orb{width:130px;height:130px;font-size:4rem}.alphabet-stage{gap:25px;padding:25px}.letter-grid{grid-template-columns:repeat(3,1fr)}.number-grid{grid-template-columns:repeat(5,1fr)}.animal-feature{gap:25px;padding:25px}.memory-grid{gap:12px}.memory-card{min-height:165px}.piano{gap:3px;height:330px}.piano button{border-radius:0 0 12px 12px}.keyboard-stage{gap:30px;min-height:420px;padding:25px}.key-burst{border-radius:50px;width:230px;height:230px}.find-options,.surprise-options{gap:12px;min-height:260px}.body-playground{gap:25px}.activity-control-list{grid-template-columns:1fr}}@media (max-width:540px){.activity-page{padding:12px}.activity-heading{gap:7px}.activity-heading-icon{display:none}.activity-heading h1{text-align:center;font-size:1.35rem}.activity-body{padding-top:14px}.mode-tabs{justify-content:flex-start;margin-bottom:17px}.mode-tabs button{padding:0 13px}.learning-grid button{border-radius:23px;min-height:130px}.feature-stage,.shape-feature,.food-feature,.feeling-stage{border-radius:28px;min-height:190px}.feature-stage p,.shape-feature p,.food-feature p,.feeling-stage p{display:none}.css-shape{margin:-20px;transform:scale(.7)}.alphabet-stage{border-radius:28px;min-height:220px}.alphabet-object>span{font-size:4.5rem}.alphabet-object p{display:none}.letter-grid button{min-height:90px}.letter-grid button b{font-size:2.5rem}.number-stage{gap:22px;min-height:230px}.number-dots span{width:25px;height:25px}.number-grid button{min-height:60px}.animal-grid,.feeling-grid{grid-template-columns:repeat(2,1fr)}.animal-grid button>span,.food-grid button>span,.vehicle-grid button>span,.feeling-grid button>span{font-size:3.8rem}.animal-feature{min-height:200px}.animal-feature h2{font-size:2.5rem}.animal-big{font-size:6rem}.match-pieces,.match-targets{gap:8px}.match-piece,.match-target{border-radius:20px;min-height:105px}.match-piece span{width:55px;height:55px}.match-piece b{font-size:.8rem}.memory-grid{grid-template-columns:repeat(2,1fr)!important}.memory-card{min-height:145px}.card-face{font-size:4.5rem}.drawing-toolbar{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.canvas-wrap{height:64svh}.piano{height:60svh;margin:20px auto}.piano span{writing-mode:vertical-rl}.drum-kit{min-height:600px}.drum-kit button{width:180px}.animal-band{grid-template-columns:repeat(2,1fr);gap:10px}.animal-band button{min-height:150px}.animal-band span{font-size:5rem}.keyboard-stage{text-align:center;display:block}.key-burst{width:210px;height:210px;margin:auto}.key-friend>span{font-size:5rem}.key-friend h2{font-size:1.8rem}.bubble-sky{min-height:630px}.play-bubble{transform:scale(.82)}.find-options,.surprise-options{grid-template-columns:1fr;min-height:0}.find-options button,.surprise-options button{justify-content:center;align-items:center;gap:20px;min-height:150px;display:flex}.find-options button span,.surprise-options button span{font-size:5rem}.body-playground{display:block}.body-figure{transform-origin:top;margin:auto auto -95px;transform:scale(.82)}.body-label{margin:auto}.body-label>span{font-size:4.5rem}.progress-strip{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.parent-footer{justify-content:stretch}.parent-footer button{width:100%}.celebration-phrase{white-space:nowrap}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}