.drawing-studio{color:#304555;max-width:1440px;margin:auto;padding:0 24px 40px}.drawing-heading{justify-content:space-between;align-items:center;padding:20px 4px;display:flex}.drawing-heading span:first-child{color:#518f80;font-weight:700}.drawing-heading>span{font-size:64px}.drawing-heading h1{margin:8px 0;font-size:28px}.drawing-heading p{color:#7b8891;margin:0}.drawing-layout{grid-template-columns:270px minmax(320px,1fr) 210px;align-items:start;gap:20px;display:grid}.drawing-library,.drawing-work,.drawing-tools{background:#fff;border:1px solid #e5eae6;border-radius:24px;padding:18px;box-shadow:0 6px 24px #314f3f06}.drawing-studio h2{margin:0 0 16px;font-size:19px}.drawing-studio small{color:#87928e;font-size:12px;font-weight:400}.drawing-studio button{color:#385348;cursor:pointer;min-height:42px;font:inherit;background:#fff;border:1px solid #e0e6e2;border-radius:12px;padding:8px 12px}.drawing-studio button:disabled{opacity:.4;cursor:default}.drawing-studio button[aria-pressed=true]{background:#eaf6ef;border-color:#56a88e;box-shadow:0 0 0 2px #70b79a33}.drawing-library input{box-sizing:border-box;width:100%;font:inherit;background:#f8faf8;border:1px solid #dee5e0;border-radius:12px;padding:12px}.drawing-tabs{flex-wrap:wrap;gap:4px;margin:14px 0;display:flex}.drawing-tabs button{padding:5px 9px;font-size:12px}.drawing-catalog{grid-template-columns:repeat(2,1fr);gap:9px;max-height:610px;padding:3px;display:grid;overflow:auto}.drawing-catalog button{flex-direction:column;align-items:center;padding:4px 8px 10px;display:flex}.drawing-catalog svg{width:85px;height:85px}.drawing-catalog b{font-size:14px}.drawing-work-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.drawing-work-title h2{margin:0}.lesson-paper{aspect-ratio:1;background:#fff;border:1px solid #e8ebe7;border-radius:14px;width:100%;position:relative;overflow:hidden}.lesson-paper canvas,.lesson-paper svg{width:100%;height:100%;position:absolute;inset:0}.lesson-paper canvas{touch-action:none;cursor:crosshair}.drawing-lines,.drawing-ghost{pointer-events:none}.drawing-lesson{background:#f4f8f2;border-radius:16px;margin-top:16px;padding:16px}.drawing-lesson>span{color:#52806a;font-size:13px;font-weight:700}.drawing-lesson p{min-height:40px;font-size:15px;line-height:1.6}.drawing-lesson>div{justify-content:space-between;gap:8px;display:flex}.drawing-studio .drawing-primary{color:#fff;background:#47876c}.drawing-modes{gap:8px;display:grid}.drawing-tools p{color:#7b8781;font-size:13px;line-height:1.7}.drawing-tools h3{margin-top:24px;font-size:14px}.drawing-palette{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px;display:grid}.drawing-palette button{border:2px solid #e4e8e5;border-radius:50%;width:32px;height:32px;min-height:32px;padding:0}.drawing-palette button[aria-pressed=true]{outline-offset:2px;outline:3px solid #385348}.drawing-tools label{font-size:14px}.drawing-tools input{accent-color:#47876c;width:100%;margin:16px 0}.drawing-tools>button{width:100%;margin-top:10px}.drawing-note{background:#fff7df;border-radius:14px;margin-top:22px;padding:16px 10px;font-size:13px;line-height:1.8}.drawing-backdrop{z-index:100;background:#203b4266;place-items:center;display:grid;position:fixed;inset:0}.drawing-backdrop>div{background:#fff;border-radius:24px;max-width:90vw;padding:28px}.drawing-backdrop button{margin:6px}.drawing-studio button:focus-visible{outline-offset:3px;outline:3px solid #47876c}@media (width<=1050px){.drawing-layout{grid-template-columns:210px minmax(300px,1fr)}.drawing-tools{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:16px;display:flex}.drawing-tools>*{max-width:240px}.drawing-tools>button{width:auto}.drawing-tools h3{margin:0}.drawing-palette{flex-wrap:wrap;margin:0;display:flex}.drawing-tools p,.drawing-note{margin:0}.drawing-modes{display:flex}}@media (width<=640px){.drawing-studio{padding:0 12px 24px}.drawing-heading h1{font-size:21px}.drawing-heading>span{font-size:40px}.drawing-layout{flex-direction:column;display:flex}.drawing-layout>aside,.drawing-layout>section{box-sizing:border-box;width:100%}.drawing-catalog{max-height:140px;display:flex}.drawing-catalog button{min-width:85px}.drawing-catalog svg{width:65px;height:65px}.drawing-library{padding:12px}.drawing-library h2{margin-bottom:8px}.drawing-tabs{margin:8px 0}.drawing-tools{gap:10px}.drawing-lesson button{padding:8px;font-size:13px}.drawing-heading{padding:14px 0}}:root{color:#334842;font-synthesis:none;--cream:#fff9ed;--paper:#fffdf8;--ink:#334842;--muted:#78908a;--green:#65b999;--green-dark:#3b9677;--yellow:#f7c85a;--coral:#ef7b70;--blue:#72a9cf;--shadow:0 12px 30px #475e541c;background:#fff9ed;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}html{touch-action:manipulation;overscroll-behavior-x:none}body{overscroll-behavior:none;overscroll-behavior-x:none;touch-action:pan-y;min-width:320px;min-height:100dvh}button,input{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline-offset:3px;outline:4px solid #4b92d359}.theme-asset{opacity:0}.theme-asset.loaded{opacity:1;transition:opacity .2s}.count-object.asset-loaded .theme-object-fallback,.home-theme-character.asset-loaded .mascot-wrap,.caller-halo.asset-loaded>span,.caller-preview.asset-loaded>span,.contact-avatar.asset-loaded>span{opacity:0;visibility:hidden}.theme-preview.asset-loaded{font-size:0!important}.app-shell{background:radial-gradient(circle at 4% 8%, #f7c85a21, transparent 24%), var(--cream);touch-action:pan-y;width:100%;min-height:100dvh}.eyebrow{color:#d36b60;letter-spacing:.05em;align-items:center;gap:7px;font-size:15px;font-weight:900;display:inline-flex}.primary-button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:20px;justify-content:center;align-items:center;gap:10px;min-height:58px;padding:0 29px;font-size:18px;font-weight:900;display:inline-flex;box-shadow:0 7px #45997b,0 13px 23px #46997b33}.primary-button:active{transform:translateY(4px);box-shadow:0 3px #45997b}.secondary-button{cursor:pointer;background:#fff;border:2px solid #dce7e2;border-radius:19px;min-height:56px;padding:0 26px;font-size:17px;font-weight:900}.secondary-button:disabled{opacity:.38}.star-pill{color:#b7771d;background:#fff4c8;border:2px solid #f4dfa0;border-radius:99px;align-items:center;gap:6px;min-height:39px;padding:7px 12px;display:flex}.star-pill svg{color:#f4ae2d}.star-pill--large{min-height:48px;padding:7px 17px;font-size:18px}.icon-button{cursor:pointer;background:#ffffffe0;border:2px solid #e3ece8;border-radius:16px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 4px 10px #44605414}.icon-button:active{transform:scale(.94)}.topbar{height:76px;padding:max(12px, env(safe-area-inset-top)) clamp(18px, 4vw, 56px) 10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#fffdf8e3;border-bottom:1px solid #658c7d1f;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:relative}.topbar-title{font-size:21px;font-weight:900}.topbar-side{gap:9px;display:flex}.topbar-side--right{justify-content:flex-end}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.section-kicker{color:var(--green-dark);letter-spacing:.14em;font-size:13px;font-weight:900}.section-heading h2{margin:3px 0 0;font-size:clamp(22px,2.6vw,29px)}.mascot-wrap{place-items:center;display:grid;position:relative}.mascot-small{width:104px;height:104px}.mascot-medium{width:160px;height:160px}.mascot-large{width:235px;height:235px}.mascot{filter:drop-shadow(0 12px 12px #4a524121);width:70%;height:88%;position:relative}.mascot-head{z-index:3;background:#bd8158;border:4px solid #8a573c;border-radius:48% 48% 44% 44%;width:82%;height:57%;position:absolute;top:8%;left:9%}.ear{z-index:1;background:#a96d49;border:4px solid #8a573c;border-radius:50%;width:31%;height:28%;position:absolute;top:1%}.ear:after{content:"";background:#eeb19b;border-radius:50%;position:absolute;inset:22%}.ear-left{left:2%;transform:rotate(-18deg)}.ear-right{right:2%;transform:rotate(18deg)}.eye{aspect-ratio:1;background:#3e3029;border-radius:50%;width:9%;position:absolute;top:38%}.eye:after{content:"";background:#fff;border-radius:50%;width:35%;height:35%;position:absolute;top:10%;left:13%}.eye-left{left:25%}.eye-right{right:25%}.brow{border-top:3px solid #65432f;width:16%;height:5%;display:none;position:absolute;top:26%}.brow-left{left:21%}.brow-right{right:21%}.muzzle{background:#f4d5b4;border-radius:47%;width:43%;height:35%;position:absolute;top:50%;left:28.5%}.nose{background:#49362c;border-radius:50%;width:25%;height:21%;position:absolute;top:15%;left:37%}.smile{border-bottom:3px solid #5e4031;border-radius:50%;width:40%;height:28%;position:absolute;top:40%;left:30%}.cheek{opacity:.75;background:#e89b8e;border-radius:50%;width:11%;height:7%;position:absolute;top:61%}.cheek-left{left:10%}.cheek-right{right:10%}.mascot-body{z-index:2;background:#a96d49;border:4px solid #8a573c;border-radius:48% 48% 34% 34%;width:62%;height:51%;position:absolute;top:49%;left:19%}.belly{background:#efc596;border-radius:50%;position:absolute;inset:20% 18% 7%}.sprout{z-index:3;font-size:clamp(13px,2.4vw,26px);position:absolute;top:38%;left:36%}.arm{z-index:1;background:#a96d49;border:4px solid #8a573c;border-radius:50%;width:23%;height:36%;position:absolute;top:58%}.arm-left{left:4%;transform:rotate(20deg)}.arm-right{right:4%;transform:rotate(-20deg)}.mascot--cheer .arm-left{top:45%;transform:rotate(140deg)}.mascot--cheer .arm-right{top:45%;transform:rotate(-140deg)}.mascot--cheer .smile{border-bottom-width:5px;height:34%}.mascot--thinking .brow{display:block;transform:rotate(-10deg)}.mascot--thinking .brow-right{transform:rotate(10deg)}.speech-bubble{white-space:nowrap;box-shadow:var(--shadow);z-index:8;background:#fff;border-radius:18px 18px 18px 5px;padding:11px 16px;font-weight:900;position:absolute;top:-25px;left:65%}.home-screen{width:min(1180px,100% - 38px);margin:0 auto;padding-bottom:30px}.home-header{justify-content:space-between;align-items:center;min-height:94px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-mark{background:var(--green);border-radius:18px;place-items:center;width:54px;height:54px;font-size:27px;display:grid;box-shadow:0 6px #45997b}.brand h1{margin:0 0 6px;font-size:22px;line-height:1}.brand p{color:var(--muted);letter-spacing:.08em;margin:0;font-size:13px;font-weight:800}.home-tools{align-items:center;gap:11px;display:flex}.parent-entry{cursor:pointer;background:#fffc;border:2px solid #e3ece8;border-radius:16px;align-items:center;gap:7px;height:48px;padding:0 15px;font-weight:900;display:flex}.welcome-card{min-height:330px;box-shadow:var(--shadow);background:linear-gradient(115deg,#e3f5e9,#d9f0e5);border:2px solid #fffc;border-radius:34px;grid-template-columns:54% 46%;display:grid;position:relative;overflow:hidden}.welcome-copy{z-index:5;padding:clamp(32px,5vw,55px);position:relative}.welcome-copy h2{color:#2f5147;margin:8px 0 10px;font-size:clamp(32px,4.2vw,48px);line-height:1.18}.welcome-copy p{color:#59746c;margin:0 0 24px;font-size:17px;font-weight:700;line-height:1.75}.welcome-scene{min-height:300px;position:relative}.welcome-scene .home-theme-character{z-index:5;width:260px;height:260px;animation:3s ease-in-out infinite float;position:absolute;bottom:5%;left:18%}.home-theme-character .mascot-wrap{position:absolute;inset:0}.home-theme-character>img{z-index:8;object-fit:contain;filter:drop-shadow(0 14px 12px #3752462e);width:100%;height:100%;position:absolute;inset:0}.sun{color:#f3bb41;filter:drop-shadow(0 4px 8px #d3982726);font-size:55px;position:absolute;top:12%;right:10%}.cloud{background:#ffffffbf;border-radius:30px;width:72px;height:24px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:32px;height:32px;bottom:0;left:14px}.cloud:after{width:26px;height:26px;bottom:0;right:10px}.cloud-a{top:15%;left:4%}.cloud-b{top:42%;right:9%;transform:scale(.7)}.hill{border-radius:50% 50% 0 0;height:45%;position:absolute;bottom:-18%}.hill-a{background:#87caa2;width:85%;left:-20%}.hill-b{background:#6cb58c;width:95%;right:-30%}@keyframes float{50%{transform:translateY(-8px)rotate(1deg)}}.modules-section{padding:38px 8px 15px}.progress-note{color:var(--muted);font-size:13px;font-weight:800}.module-grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.module-card{text-align:left;cursor:pointer;border:0;border-radius:26px;flex-direction:column;min-height:184px;padding:16px;transition:transform .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 9px 18px #4c60571a}.module-card:not(:disabled):hover{transform:translateY(-4px)}.module-art{border-radius:20px;place-items:center;height:93px;margin-bottom:13px;display:grid;position:relative}.module-symbol{letter-spacing:-4px;font-size:37px;font-weight:900}.module-copy{flex-direction:column;display:flex}.module-copy b{font-size:19px}.module-copy small{color:#32453f9e;margin-top:2px;font-weight:800}.module-go{background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:17px;right:15px}.module-numbers{background:#ffe6dc}.module-numbers .module-art{color:#fff;background:#f6a17d}.module-numbers .module-symbol{text-shadow:0 3px #823f2b33}.module-colors{background:#fff2c9}.module-colors .module-art{background:#f4ce65}.module-shapes{background:#dff1ea}.module-shapes .module-art{color:#fff;background:#85c8ae}.module-animals{background:#e5eef8}.module-animals .module-art{background:#8bb5d5}.module-card--locked{filter:saturate(.55);opacity:.72;cursor:default}.coming-soon{background:#fffc;border-radius:99px;align-items:center;gap:4px;padding:5px 8px;font-size:10px;font-weight:900;display:flex;position:absolute;top:12px;right:12px}.home-footer{text-align:center;color:#93a49e;padding:20px;font-size:13px;font-weight:800}.island-screen{min-height:100vh;padding-bottom:45px}.island-hero{max-width:1080px;min-height:205px;box-shadow:var(--shadow);background:linear-gradient(125deg,#fee6d8,#fff2d2);border-radius:30px;justify-content:space-between;align-items:center;margin:30px auto 0;padding:36px 50px;display:flex;overflow:hidden}.island-hero h1{margin:6px 0;font-size:37px}.island-hero p{color:#7a6b5d;margin:0;font-weight:700;line-height:1.7}.floating-numbers{width:42%;height:150px;position:relative}.floating-numbers i{color:#fff;border-radius:24px;place-items:center;width:72px;height:72px;font-size:35px;font-style:normal;font-weight:900;display:grid;position:absolute;transform:rotate(-8deg);box-shadow:0 8px #5a46371f}.floating-numbers i:first-child{background:#ed776e;top:42px;left:0}.floating-numbers i:nth-child(2){background:#f2b747;top:0;left:22%;transform:rotate(7deg)}.floating-numbers i:nth-child(3){background:#67b597;top:54px;left:44%;transform:rotate(-3deg)}.floating-numbers i:nth-child(4){background:#76a8ce;top:8px;left:66%;transform:rotate(9deg)}.floating-numbers i:nth-child(5){background:#9a7ac8;top:70px;left:82%;transform:rotate(-6deg)}.range-progress{grid-template-columns:repeat(3,1fr);max-width:810px;margin:32px auto;display:grid;position:relative}.range-line{background:#dfe8e4;border-radius:9px;height:5px;position:absolute;top:24px;left:16%;right:16%}.range-step{color:#9aa8a3;flex-direction:column;align-items:center;display:flex;position:relative}.range-step>span{border:4px solid var(--cream);z-index:2;background:#edf1ef;border-radius:50%;place-items:center;width:50px;height:50px;display:grid}.range-step b{margin-top:7px;font-size:17px}.range-step small{font-weight:800}.range-step--active{color:var(--green-dark)}.range-step--active>span{background:var(--green);color:#fff}.activity-section{max-width:1080px;margin:0 auto}.activity-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;display:grid}.activity-card{text-align:left;cursor:pointer;min-height:216px;box-shadow:var(--shadow);border:0;border-radius:28px;flex-direction:column;padding:17px;transition:all .18s;display:flex;position:relative;overflow:hidden}.activity-card:hover{transform:translateY(-4px)}.activity-stage{background:#ffffffb3;border-radius:99px;align-self:flex-start;align-items:center;gap:3px;padding:5px 10px;font-size:11px;font-weight:900;display:flex}.activity-icon{letter-spacing:-4px;align-items:center;min-height:60px;margin:13px 0 8px;font-size:45px;font-weight:900;display:flex}.activity-copy{flex-direction:column;display:flex}.activity-copy b{font-size:20px}.activity-copy small{opacity:.65;font-weight:800}.activity-play{background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;bottom:18px;right:17px}.activity-card--coral{background:#ffe3d9}.activity-card--yellow{background:#fff0c4}.activity-card--green{background:#dcf0e8}.activity-card--blue{background:#dfeefa}.activity-card--purple{background:#ece3f8}.challenge-banner{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(105deg,#7e6bb1,#a683c3);border:0;border-radius:28px;align-items:center;width:100%;min-height:112px;margin-top:18px;padding:18px 25px;display:flex;box-shadow:0 8px #695596,0 16px 24px #563e7f2e}.challenge-trophy{color:#ffe073;background:#ffffff2b;border-radius:23px;place-items:center;width:73px;height:73px;margin-right:18px;display:grid}.challenge-banner>span:nth-child(2){flex-direction:column;display:flex}.challenge-banner small{color:#f6d8ff;font-weight:900}.challenge-banner b{font-size:25px}.challenge-banner em{opacity:.78;font-size:13px;font-style:normal;font-weight:700}.challenge-go{color:#735fa8;background:#fff;border-radius:17px;align-items:center;gap:8px;margin-left:auto;padding:12px 18px;font-weight:900;display:flex}.game-screen{background:radial-gradient(circle at 15% 20%,#f2bc571c,transparent 25%),radial-gradient(circle at 88% 80%,#64b9991c,transparent 25%),var(--cream);min-height:100vh}.game-progress{background:#e5ece8;border-radius:99px;max-width:680px;height:16px;margin:20px auto 0;position:relative;overflow:visible}.game-progress>div{background:linear-gradient(90deg,var(--green),#83c9a4);border-radius:99px;height:100%;transition:width .4s}.game-progress span{color:var(--muted);font-size:14px;font-weight:900;position:absolute;top:-5px;right:-63px}.game-content{text-align:center;width:min(920px,100% - 36px);margin:0 auto;padding:28px 0 50px;position:relative}.game-prompt h1{margin:0 0 5px;font-size:clamp(27px,4vw,38px)}.game-prompt p{color:var(--muted);margin:0;font-weight:800}.range-tabs{background:#e9efec;border-radius:17px;gap:3px;margin:22px auto 18px;padding:5px;display:inline-flex}.range-tabs button{color:#80908a;cursor:pointer;background:0 0;border:0;border-radius:13px;padding:10px 21px;font-weight:900}.range-tabs button.active{color:var(--green-dark);background:#fff;box-shadow:0 3px 9px #3c50481a}.learn-stage{min-height:355px;box-shadow:var(--shadow);background:#fff;border-radius:32px;grid-template-columns:42% 58%;align-items:stretch;margin-top:4px;display:grid;overflow:hidden}.big-number-card{background:color-mix(in srgb,var(--number-color) 86%,white);color:#fff;cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.big-number-card strong{text-shadow:0 7px #503c3224;font-size:145px;line-height:.82}.chinese-number{margin-top:15px;font-size:27px;font-weight:900}.number-sparkles{letter-spacing:10px;opacity:.65}.tap-to-hear{background:#ffffff38;border-radius:99px;align-items:center;gap:6px;margin-top:17px;padding:8px 13px;font-size:13px;font-weight:900;display:flex}.quantity-card{flex-direction:column;justify-content:center;align-items:center;padding:32px 25px;display:flex}.quantity-label{color:var(--muted);margin-bottom:16px;font-weight:900}.object-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(8px,1.5vw,16px);max-width:720px;display:flex}.count-object{filter:drop-shadow(0 7px 5px #46463224);place-items:center;width:clamp(72px,9vw,112px);height:clamp(72px,9vw,112px);line-height:1;display:grid;position:relative}.count-object img{object-fit:contain;z-index:2;width:100%;height:100%;position:absolute;inset:0}.theme-object-fallback{font-size:clamp(48px,7vw,78px)}.count-object--animated{animation:.4s both objectIn;animation-delay:var(--delay)}@keyframes objectIn{0%{opacity:0;transform:scale(.4)rotate(-15deg)}to{opacity:1;transform:scale(1)}}.object-group--compact .count-object{width:50px;height:50px}.object-group--compact .theme-object-fallback{font-size:32px}.count-dots{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:20px;display:flex}.count-dots i{color:#6f8f83;background:#edf3f0;border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;font-style:normal;font-weight:900;display:grid}.game-actions{justify-content:center;gap:16px;margin-top:25px;display:flex}.object-group--count-1 .count-object{width:220px;height:220px}.object-group--count-2 .count-object{width:165px;height:165px}.object-group--count-3 .count-object{width:125px;height:125px}.object-group--many{gap:8px}.object-group--many .count-object{width:78px;height:78px}.animal-fact-button{text-align:left;cursor:pointer;color:#3b7f68;background:#eff8f4;border:2px solid #d9ece4;border-radius:18px;align-items:center;gap:10px;min-height:52px;margin-top:16px;padding:7px 15px;display:flex;box-shadow:0 4px #d3e7df}.animal-fact-button>span:first-child{font-size:25px}.animal-fact-button>span:last-child{flex-direction:column;display:flex}.animal-fact-button b{font-size:15px}.animal-fact-button small{color:#748e85;margin-top:1px;font-size:11px;font-weight:800}.animal-fact-button:active{transform:translateY(3px);box-shadow:0 1px #d3e7df}.animal-fact-backdrop{z-index:150;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1b30298c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.animal-fact-card{text-align:center;background:linear-gradient(160deg,#fffdf7,#ecf8f3);border-radius:35px;width:min(480px,100%);max-height:92vh;padding:28px 32px 31px;position:relative;overflow:auto;box-shadow:0 28px 80px #192f2759}.animal-fact-close{z-index:3;cursor:pointer;background:#ffffffe6;border:0;border-radius:50%;width:44px;height:44px;font-size:29px;position:absolute;top:15px;right:16px}.animal-category{color:#8b6929;background:#fff1c9;border-radius:99px;padding:7px 13px;font-size:13px;font-weight:900;display:inline-flex}.animal-fact-card>img{object-fit:contain;filter:drop-shadow(0 15px 12px #37524629);width:min(310px,80vw);height:290px;margin:4px auto -10px;display:block}.animal-fact-card h2{color:#31564a;margin:3px 0 8px;font-size:32px}.animal-fact-card p{color:#56736a;margin:0 auto 20px;font-size:17px;font-weight:800;line-height:1.8}.animal-fact-listen{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 22px;font-weight:900;display:inline-flex;box-shadow:0 5px #45997b}.listen-orb{color:#fff;cursor:pointer;background:linear-gradient(145deg,#79c5aa,#55aa8b);border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:165px;height:165px;margin:45px auto 35px;display:flex;position:relative;box-shadow:0 9px #3e9274,0 20px 35px #42917440}.listen-orb b{font-size:14px}.listen-orb:active{transform:translateY(5px);box-shadow:0 4px #3e9274}.sound-wave{border:3px solid #65b99947;border-radius:50%;animation:1.8s infinite pulse;position:absolute;inset:-17px}.wave-two{animation-delay:.5s;inset:-36px}@keyframes pulse{50%{opacity:.25;transform:scale(1.08)}}.number-choices,.answer-row{justify-content:center;gap:clamp(16px,4vw,35px);margin-top:23px;display:flex}.number-choices button,.answer-row button{cursor:pointer;background:#fff;border:0;border-radius:30px;width:clamp(92px,15vw,128px);height:clamp(92px,15vw,128px);font-size:clamp(45px,7vw,65px);font-weight:900;box-shadow:0 8px #dfe8e4,0 14px 24px #425a501c}.number-choices button{color:var(--choice-color);border:4px solid color-mix(in srgb,var(--choice-color) 27%,white)}.number-choices button:active,.answer-row button:active{transform:translateY(5px);box-shadow:0 3px #dfe8e4}.counting-board,.challenge-question{background:#fff;border:3px dashed #d8e9e2;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;min-height:310px;margin:25px auto 0;padding:30px;display:flex}.counting-hint{color:#8aa098;background:#eff6f3;border-radius:99px;margin-top:25px;padding:8px 16px;font-weight:900}.answer-row{margin-top:25px}.answer-row button{color:#4d8773;border-radius:25px;width:105px;height:90px;font-size:48px}.answer-row--tiles button{color:#6a6fa4}.feedback-pop{z-index:40;background:#fff;border-radius:28px;align-items:center;gap:9px;min-width:240px;padding:14px 24px;font-size:22px;animation:.25s both popIn;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 60px #32463d3d}.feedback-pop--success{color:#3b9677}.feedback-pop--try{color:#c27b39}.mini-stars{color:#f3b33a;letter-spacing:4px}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.65)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.train-scene{background:linear-gradient(#dff2f5 0 72%,#96c995 72% 81%,#d4b47d 81%);border-radius:32px;justify-content:center;align-items:flex-end;min-height:260px;margin-top:24px;padding:35px 15px;display:flex;overflow:hidden}.train-engine{margin-right:-4px;font-size:80px;transform:scaleX(-1)}.train-car{background:#f2b84d;border:5px solid #545b7a;border-radius:19px 19px 9px 9px;place-items:center;width:120px;height:92px;margin-left:5px;display:grid;position:relative}.train-car--1{background:#e77b70}.train-car--2{background:#6ab499}.train-car--3{background:#78a8cc}.train-car span{background:#fff;border-radius:50%;place-items:center;width:57px;height:57px;font-size:32px;font-weight:900;display:grid}.train-car i{background:#414a58;border:5px solid #737d8b;border-radius:50%;width:26px;height:26px;position:absolute;bottom:-18px;left:13px}.train-car i:last-child{left:auto;right:13px}.sequence-tiles{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.sequence-tiles span{color:#458e73;background:#e1f1ea;border-radius:25px;place-items:center;width:105px;height:105px;font-size:49px;font-weight:900;display:grid;box-shadow:0 6px #c7ded4}.sequence-tiles .missing-tile{color:#d59b2e;background:#fff0c9;box-shadow:0 6px #eedca8}.number-riddle{color:#ef776f;text-shadow:0 7px #f6c4bd;font-size:155px;font-weight:900;line-height:1}.victory-card{max-width:600px;box-shadow:var(--shadow);background:linear-gradient(#fff5ce,#fffdf8);border-radius:35px;margin:24px auto 0;padding:25px 35px 35px;position:relative;overflow:hidden}.victory-card .mascot-wrap{margin:-25px auto -20px}.victory-card h2{color:#8b6caf;margin:0;font-size:34px}.victory-card p{color:var(--muted);font-weight:800}.trophy-big{color:#e6ad33;opacity:.18;position:absolute;top:35px;left:50%;transform:translate(-50%)}.reward-stars{color:#f3b33a;justify-content:center;gap:7px;margin:10px;display:flex}.confetti{color:#e89572;word-spacing:32px;font-size:19px;position:absolute;top:15px;left:0;right:0}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2539326e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.parent-panel{background:var(--paper);border-radius:32px;width:min(620px,100%);max-height:90vh;padding:32px;position:relative;overflow:auto;box-shadow:0 25px 70px #1f302a4d}.modal-close{cursor:pointer;background:#edf2ef;border:0;border-radius:50%;width:43px;height:43px;font-size:28px;position:absolute;top:16px;right:18px}.parent-gate{text-align:center;padding:30px 15px}.parent-badge{width:70px;height:70px;color:var(--green-dark);background:#e4f1ec;border-radius:22px;place-items:center;margin:0 auto 12px;display:grid}.parent-gate h2{margin:8px 0}.parent-gate p{color:var(--muted);font-weight:700}.hold-button{cursor:pointer;background:#e8efec;border:0;border-radius:20px;width:210px;height:60px;font-weight:900;position:relative;overflow:hidden}.hold-button span{background:var(--green);transition:none;position:absolute;inset:0 100% 0 0}.hold-button.holding{color:#fff}.hold-button.holding span{transition:right 1.6s linear;right:0}.hold-button{isolation:isolate}.hold-button span{z-index:-1}.parent-heading{align-items:center;gap:15px;display:flex}.parent-heading .parent-badge{width:55px;height:55px;margin:0}.parent-heading h2{margin:0}.parent-heading p{color:var(--muted);margin:3px 0;font-size:13px}.parent-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0;display:grid}.parent-stats>div{background:#f0f5f2;border-radius:20px;flex-direction:column;align-items:center;padding:15px;display:flex}.parent-stats svg{color:#e9ad36}.parent-stats b{font-size:22px}.parent-stats span{color:var(--muted);font-size:11px;font-weight:800}.parent-stats .stat-number{color:var(--green-dark);font-size:20px;font-weight:900}.setting-list{border:2px solid #e7eeeb;border-radius:21px;overflow:hidden}.setting-list label,.install-row{justify-content:space-between;align-items:center;min-height:72px;padding:12px 17px;display:flex}.setting-list label>span,.install-row>span{align-items:center;gap:12px;display:flex}.setting-list label>span>span,.install-row>span>span{flex-direction:column;display:flex}.setting-list small{color:var(--muted);font-weight:700}.setting-list label{border-bottom:1px solid #e7eeeb;position:relative}.setting-list input{opacity:0;position:absolute}.setting-list label>i{background:#ccd8d3;border-radius:99px;width:49px;height:28px;position:relative}.setting-list label>i:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .2s;position:absolute;top:3px;left:3px}.setting-list input:checked+i{background:var(--green)}.setting-list input:checked+i:after{left:24px}.install-row button{background:var(--green);color:#fff;border:0;border-radius:13px;padding:8px 14px;font-weight:900}.parent-tip{background:#fff3ce;border-radius:19px;margin-top:18px;padding:16px 18px}.parent-tip b{color:#9c6d20}.parent-tip p{color:#806f53;margin:5px 0 0;font-size:13px;line-height:1.6}.reset-link{color:#b17b74;cursor:pointer;background:0 0;border:0;margin:22px auto 0;font-size:12px;text-decoration:underline;display:block}.reset-confirm{background:#f8e9e6;border-radius:15px;align-items:center;gap:8px;margin-top:18px;padding:13px;font-size:12px;display:flex}.reset-confirm span{margin-right:auto}.reset-confirm button{border:0;border-radius:8px;padding:6px 9px}.reset-confirm button:first-of-type{color:#fff;background:#c56f64}.theme-setting{margin-top:18px}.theme-setting-title{justify-content:space-between;align-items:end;margin-bottom:10px;display:flex}.theme-setting-title small{color:var(--muted);font-weight:700}.theme-options{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.theme-options button{cursor:pointer;background:#fff;border:2px solid #e3ebe7;border-radius:18px;flex-direction:column;align-items:center;min-height:132px;padding:8px 6px;display:flex;position:relative}.theme-options button>span.theme-preview{place-items:center;width:68px;height:68px;font-size:34px;display:grid;position:relative}.theme-preview img{object-fit:contain;z-index:2;width:100%;height:100%;position:absolute;inset:0}.theme-options button>b{margin-top:1px;font-size:14px}.theme-options button>small{color:var(--muted);font-size:10px}.theme-options button.active{border-color:var(--green);background:#ebf7f2}.theme-options button>i{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:7px;right:7px}.ability-panel{margin:20px 0}.ability-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.ability-grid>div{opacity:.58;background:#f1f3f2;border-radius:16px;grid-template-rows:1fr 1fr;grid-template-columns:38px 1fr;min-height:74px;padding:10px 12px;display:grid}.ability-grid>div.started{opacity:1;background:#e7f5ef}.ability-grid span{grid-row:1/3;align-self:center;font-size:25px}.ability-grid b{align-self:end;font-size:13px}.ability-grid small{color:var(--muted);font-size:10px;font-weight:700}.next-suggestion{color:#816c46;background:#fff4d2;border-radius:13px;margin:10px 0 0;padding:11px 13px;font-size:12px;font-weight:800;line-height:1.5}.phone-layout{grid-template-columns:1fr 390px;align-items:center;gap:28px;margin-top:25px;display:grid}.phone-mission{min-height:520px;box-shadow:var(--shadow);background:linear-gradient(145deg,#e8f6ef,#fff7d9);border-radius:34px;flex-direction:column;justify-content:center;align-items:center;padding:34px;display:flex}.mission-label{color:var(--green-dark);letter-spacing:.12em;font-weight:900}.target-phone-number{gap:13px;margin:18px 0 25px;display:flex}.target-phone-number span{color:#4f927b;background:#fff;border-radius:26px;place-items:center;width:92px;height:108px;font-size:60px;font-weight:900;display:grid;box-shadow:0 7px #c5dfd5}.caller-preview{text-align:left;background:#ffffffb8;border-radius:24px;align-items:center;gap:12px;min-width:265px;padding:12px 20px 12px 12px;display:flex}.caller-preview>img{object-fit:contain;z-index:2;width:76px;height:76px;position:relative}.caller-preview>span{width:76px;margin-left:-88px;font-size:55px}.caller-preview>div{flex-direction:column;margin-left:6px;display:flex}.caller-preview small{color:var(--muted);font-weight:800}.caller-preview b{font-size:20px}.hear-number{color:var(--green-dark);cursor:pointer;background:#fff;border:0;border-radius:17px;align-items:center;gap:7px;margin-top:22px;padding:12px 18px;font-weight:900;display:flex}.toy-phone{background:linear-gradient(160deg,#f2a9a2,#e67976);border:5px solid #f8c5bd;border-radius:45px;padding:27px 31px 30px;box-shadow:0 11px #c25d5b,0 20px 35px #994b4738}.phone-display{background:#fff9e8;border:5px solid #bd625e;border-radius:24px;justify-content:center;align-items:center;gap:18px;height:82px;margin-bottom:20px;display:flex}.phone-display span{color:#d86f67;min-width:27px;font-size:38px;font-weight:900}.phone-display span:not(.filled){color:#d9c9b5}.phone-display--wrong{animation:.35s phoneShake}.phone-keypad{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.phone-keypad button{aspect-ratio:1;color:#76514d;cursor:pointer;background:#fffdf8;border:0;border-radius:50%;font-size:30px;font-weight:900;transition:transform .12s,box-shadow .12s,background .12s;box-shadow:0 5px #cf746f}.phone-keypad button:active,.phone-keypad button.phone-key--pressed{background:#fff0bd;transform:translateY(4px)scale(.96);box-shadow:0 1px #cf746f}.phone-controls{grid-template-columns:1fr 1fr 1fr;align-items:center;margin-top:18px;display:grid}.phone-delete,.phone-call{cursor:pointer;border:0;justify-self:center;place-items:center;display:grid}.phone-delete{color:#9a504c;background:#f8d4cf;border-radius:18px;width:51px;height:51px}.phone-call{color:#fff;background:#61b87c;border-radius:25px;width:72px;height:59px;font-size:34px;box-shadow:0 6px #3d925a}.phone-gentle-tip{color:#fff;margin:15px 0 -10px;font-size:12px;font-weight:900}.call-connected-card{text-align:center;max-width:620px;min-height:530px;box-shadow:var(--shadow);background:linear-gradient(145deg,#dcf4e8,#fff1c9);border-radius:38px;margin:25px auto 0;padding:40px}.caller-halo{background:#fff;border-radius:50%;place-items:center;width:235px;height:235px;margin:0 auto 15px;display:grid;position:relative;box-shadow:0 0 0 16px #ffffff59}.caller-halo img{object-fit:contain;z-index:2;width:80%;height:80%;position:absolute;inset:10%}.caller-halo span{font-size:125px}.call-wave{justify-content:center;align-items:center;gap:6px;height:28px;display:flex}.call-wave i{background:var(--green);border-radius:9px;width:6px;height:12px;animation:.7s ease-in-out infinite alternate callWave}.call-wave i:nth-child(2),.call-wave i:nth-child(4){height:24px;animation-delay:.2s}.call-wave i:nth-child(3){height:17px;animation-delay:.4s}.call-connected-card h2{margin:8px 0 13px;font-size:27px}.dialed-success{color:var(--green-dark);background:#fff;border-radius:99px;align-items:center;gap:8px;margin-bottom:24px;padding:9px 17px;font-weight:900;display:inline-flex}@keyframes callWave{to{height:27px}}@keyframes phoneShake{25%{transform:translate(-7px)}75%{transform:translate(7px)}}.contact-book-label{color:var(--muted);margin:24px 0 10px;font-size:12px;font-weight:900}.contact-book{grid-template-columns:repeat(4,minmax(70px,1fr));gap:8px;width:100%;display:grid}.contact-book>button{min-width:0;color:var(--ink);cursor:pointer;background:#ffffffad;border:2px solid #528f781f;border-radius:18px;flex-direction:column;align-items:center;padding:7px 4px 8px;display:flex}.contact-book>button.active{background:#fff;border-color:#63b394;transform:translateY(-2px);box-shadow:0 4px #c4ded3}.contact-book>button:disabled{cursor:default}.contact-book b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.contact-book small{color:var(--muted);font-size:9px;font-weight:800}.contact-avatar{place-items:center;width:54px;height:54px;margin-bottom:3px;display:grid;position:relative}.contact-avatar>img{object-fit:cover;z-index:2;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.contact-avatar>span{font-size:35px}.module-play-screen{text-align:left;flex:1;grid-template-columns:minmax(0,1fr) 265px;gap:18px;min-height:0;margin-top:14px;display:grid}.module-play-board{min-height:0;box-shadow:var(--shadow);background:#ffffffd1;border-radius:30px;flex-direction:column;padding:22px;display:flex}.module-play-callout{color:var(--green-dark);background:#f0f7f3;border-radius:99px;align-self:center;align-items:center;gap:9px;padding:9px 12px 9px 15px;font-weight:900;display:flex}.module-play-callout button{width:34px;height:34px;color:var(--green-dark);cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;display:grid}.module-choice-grid{flex:1;grid-template-columns:repeat(3,1fr);align-items:center;gap:14px;min-height:0;padding:12px 5px 2px;display:grid}.module-choice{cursor:pointer;background:#fffdf8;border:3px solid #0000;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:185px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;box-shadow:0 7px #536b5f1a}.module-choice:hover{border-color:#9bd3ba;transform:translateY(-4px)}.module-choice:active{transform:translateY(3px);box-shadow:0 3px #536b5f1a}.module-choice b{font-size:18px}.module-choice small{color:var(--muted);font-size:11px;font-weight:800}.color-swatch{background:var(--swatch);border-radius:34px;place-items:center;width:104px;height:104px;font-size:48px;display:grid;box-shadow:inset 0 -7px #4b3c321a,0 10px 18px #465a5021}.shape-icon{color:#6bb798;filter:drop-shadow(0 7px #47755e29);place-items:center;width:105px;height:105px;font-size:85px;line-height:1;display:grid}.shape-circle{background:#f4c755;border-radius:50%;width:94px;height:94px}.shape-triangle{filter:drop-shadow(0 7px #aa4b422b);border-bottom:96px solid #ef8075;border-left:52px solid #0000;border-right:52px solid #0000;width:0;height:0}.shape-square{background:#76a9d0;border-radius:14px;width:94px;height:94px}.shape-star{color:#9a7ac8}.shape-heart{color:#e88db0}.module-play-fact,.module-play-tip{box-shadow:var(--shadow);background:linear-gradient(160deg,#fff6d5,#fffdf8);border-radius:27px;align-self:stretch;padding:22px}.module-play-fact h2{margin:9px 0 6px;font-size:22px}.module-play-fact p,.module-play-tip p{color:var(--muted);margin:0 0 13px;font-size:13px;font-weight:700;line-height:1.6}.fact-kicker{color:#b2812d;background:#ffedb9;border-radius:99px;padding:6px 10px;font-size:11px;font-weight:900;display:inline-flex}.module-play-fact .animal-fact-button{width:100%;margin-top:14px}.module-play-tip{background:linear-gradient(160deg,#e6f4ee,#fffdf8);flex-direction:column;justify-content:center;display:flex}.module-play-tip>span{margin-bottom:8px;font-size:50px}.module-play-tip b{font-size:19px}.module-play-tip p{margin-top:5px}.module-play-screen--animals .module-play-board{background:linear-gradient(145deg,#edf8f1,#fffdf8)}.animal-choice-image{place-items:center;width:112px;height:112px;display:grid;position:relative}.animal-choice-image>img{object-fit:contain;z-index:2;width:100%;height:100%;position:absolute;inset:0}.animal-choice-image>span{font-size:68px}.module-play-screen--animals .module-choice{background:#ffffffd9}@media (orientation:landscape) and (width>=900px) and (height<=950px){html,body,#root{height:100%;min-height:0;overflow:hidden}body{height:100dvh;position:fixed;inset:0}.app-shell{height:100%;min-height:0;overflow:hidden}.home-screen{grid-template-rows:72px minmax(0,1fr) 24px;grid-template-columns:minmax(360px,.86fr) minmax(560px,1.35fr);gap:8px 16px;width:min(1440px,100% - 28px);height:100%;padding:0;display:grid}.home-header{grid-column:1/-1;min-height:0}.home-footer{grid-column:1/-1;padding:2px}.welcome-card{border-radius:27px;grid-column:1;grid-template-rows:auto 1fr;grid-template-columns:1fr;height:100%;min-height:0}.welcome-copy{padding:27px 28px 10px}.welcome-copy h2{font-size:34px}.welcome-copy p{margin-bottom:16px;font-size:14px;line-height:1.55}.welcome-scene{min-height:0}.welcome-scene .home-theme-character{width:min(230px,45vh);height:min(230px,45vh);bottom:0;left:50%;transform:translate(-50%)}.modules-section{grid-column:2;grid-template-rows:auto minmax(0,1fr);min-height:0;padding:0 0 2px;display:grid}.section-heading{margin-bottom:9px}.module-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:11px;height:100%;min-height:0}.module-card{border-radius:22px;min-height:0;padding:11px 13px}.module-art{border-radius:17px;height:min(84px,12vh);margin-bottom:8px}.module-copy b{font-size:17px}.module-copy small{font-size:11px}.module-go{bottom:12px;right:12px}.coming-soon{top:9px;right:9px}.topbar{height:68px;padding:8px 30px}.island-screen{grid-template-rows:68px minmax(0,1fr);grid-template-columns:minmax(300px,31%) minmax(0,1fr);gap:0;height:100%;min-height:0;padding:0;display:grid;overflow:hidden}.island-screen>.topbar{grid-column:1/-1}.island-hero{border-radius:26px;grid-area:2/1;height:auto;min-height:0;margin:14px 0 14px 14px;padding:25px 25px 160px;display:block}.island-hero h1{margin:5px 0;font-size:31px}.island-hero p{font-size:13px;line-height:1.55}.floating-numbers{transform-origin:top;width:100%;height:115px;margin-top:16px;transform:scale(.86)}.range-progress{z-index:2;grid-area:2/1;align-self:end;width:calc(100% - 44px);margin:0 15px 30px 29px}.range-step>span{width:42px;height:42px}.range-line{top:20px}.range-step b{margin-top:4px;font-size:14px}.range-step small{font-size:10px}.activity-section{grid-area:2/2;grid-template-rows:auto minmax(0,1fr) 78px;min-width:0;min-height:0;margin:14px;display:grid}.activity-section>.section-heading{margin-bottom:8px}.activity-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:10px;min-height:0}.activity-card{border-radius:22px;min-height:0;padding:12px}.activity-stage{padding:4px 8px;font-size:10px}.activity-icon{min-height:38px;margin:7px 0 4px;font-size:34px}.activity-copy b{font-size:17px}.activity-copy small{font-size:11px}.activity-play{width:32px;height:32px;bottom:12px;right:12px}.challenge-banner{border-radius:21px;height:66px;min-height:66px;margin-top:10px;padding:8px 15px;box-shadow:0 5px #695596,0 10px 18px #563e7f29}.challenge-trophy{border-radius:16px;width:48px;height:48px;margin-right:12px}.challenge-banner b{font-size:19px}.challenge-banner em{font-size:11px}.challenge-go{padding:8px 12px}.game-screen{grid-template-rows:68px auto minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.game-screen>.topbar{grid-row:1}.game-progress{grid-row:2;width:min(620px,100% - 150px);height:11px;margin:8px auto 0}.game-progress span{top:-7px}.game-content{flex-direction:column;grid-row:3;width:min(1040px,100% - 28px);height:100%;min-height:0;padding:11px 0 13px;display:flex}.game-prompt{flex:none}.game-prompt h1{margin-bottom:2px;font-size:30px}.game-prompt p{font-size:13px}.range-tabs{flex:none;margin:10px auto 9px;padding:4px}.range-tabs button{padding:8px 20px}.learn-stage{flex:1;min-height:0}.game-actions{flex:none;margin-top:11px}.primary-button{min-height:52px}.secondary-button{min-height:50px}.big-number-card strong{font-size:min(130px,18vh)}.quantity-card{padding:16px 22px}.quantity-label{margin-bottom:8px}.count-dots{margin-top:10px}.animal-fact-button{min-height:45px;margin-top:9px}.listen-orb{width:145px;height:145px;margin:28px auto 24px}.number-choices,.answer-row{margin-top:15px}.counting-board,.challenge-question{flex:1;min-height:0;margin-top:13px;padding:18px}.counting-hint{margin-top:12px}.train-scene{flex:1;min-height:0;margin-top:13px;padding:20px 12px}.victory-card{margin-top:12px;padding:18px 30px 23px}.victory-card .mascot-wrap{width:190px;height:190px;margin:-25px auto -28px}.victory-card h2{font-size:29px}.victory-card p{margin:7px}.phone-layout{flex:1;grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:18px;min-height:0;margin-top:9px}.phone-mission{border-radius:27px;justify-content:flex-start;height:100%;min-height:0;padding:16px 20px}.target-phone-number{margin:8px 0 12px}.target-phone-number span{border-radius:19px;width:68px;height:70px;font-size:43px}.caller-preview{min-width:235px;padding:7px 15px 7px 8px}.caller-preview>img{width:58px;height:58px}.caller-preview>span{width:58px;margin-left:-70px;font-size:42px}.caller-preview b{font-size:17px}.hear-number{margin-top:9px;padding:9px 15px}.contact-book-label{margin:10px 0 6px}.contact-book{grid-template-columns:repeat(4,minmax(58px,1fr));gap:6px}.contact-book>button{border-radius:14px;padding:4px 3px 5px}.contact-avatar{width:42px;height:42px}.contact-avatar>span{font-size:28px}.contact-book b{font-size:10px}.toy-phone{border-radius:34px;flex-direction:column;justify-content:center;height:100%;min-height:0;padding:17px 22px 20px;display:flex}.phone-display{border-width:4px;height:58px;margin-bottom:12px}.phone-keypad{gap:8px}.phone-keypad button{font-size:25px;box-shadow:0 4px #cf746f}.phone-controls{margin-top:11px}.phone-call{width:64px;height:50px}.phone-delete{width:46px;height:46px}.call-connected-card{flex:1;width:min(620px,100%);min-height:0;margin:10px auto 0;padding:20px}.caller-halo{width:min(205px,27vh);height:min(205px,27vh);margin-bottom:8px}.dialed-success{margin-bottom:14px}.call-connected-card h2{font-size:23px}.module-play-screen{grid-template-columns:minmax(0,1fr) 235px;gap:14px;margin-top:9px}.module-play-board{border-radius:25px;padding:16px}.module-play-callout{padding:7px 9px 7px 12px;font-size:14px}.module-play-callout button{width:30px;height:30px}.module-choice-grid{gap:10px;padding-top:8px}.module-choice{border-radius:22px;gap:5px;height:100%;min-height:0}.module-choice b{font-size:15px}.module-choice small{font-size:10px}.color-swatch{border-radius:27px;width:min(90px,12vh);height:min(90px,12vh);font-size:38px}.shape-icon{width:min(90px,12vh);height:min(90px,12vh);font-size:70px}.shape-circle,.shape-square{width:min(82px,11vh);height:min(82px,11vh)}.shape-triangle{border-bottom-width:82px;border-left-width:45px;border-right-width:45px}.animal-choice-image{width:min(100px,14vh);height:min(100px,14vh)}.animal-choice-image>span{font-size:57px}.module-play-fact,.module-play-tip{border-radius:23px;padding:16px}.module-play-fact h2{margin:7px 0 4px;font-size:19px}.module-play-fact p,.module-play-tip p{font-size:11px;line-height:1.45}.fact-kicker{padding:5px 8px;font-size:10px}.module-play-fact .animal-fact-button{min-height:42px;margin-top:8px;padding:5px 10px}.module-play-fact .animal-fact-button b{font-size:12px}.module-play-fact .animal-fact-button small{font-size:9px}.module-play-tip>span{font-size:42px}.module-play-tip b{font-size:16px}.parent-panel{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:1fr 1fr;gap:10px 22px;width:min(1050px,100% - 34px);height:calc(100% - 28px);max-height:none;padding:24px 28px;display:grid;overflow:hidden}.parent-gate{grid-area:1/1/-1/-1;align-self:center}.parent-heading{grid-area:1/1}.parent-stats{grid-area:2/1;margin:0}.ability-panel{grid-area:3/1;min-height:0;margin:0}.setting-list{grid-area:1/2/3;align-self:start}.theme-setting{grid-area:3/2;margin:0}.theme-options button{min-height:105px}.theme-options button>span.theme-preview{width:55px;height:55px}.parent-tip{grid-area:4/1;margin:0;padding:10px 14px}.parent-tip p{line-height:1.4}.reset-link,.reset-confirm{grid-area:4/2;align-self:center;margin:0}.ability-grid>div{min-height:62px}.next-suggestion{margin-top:7px;padding:8px 11px}.setting-list label,.install-row{min-height:60px;padding:8px 14px}}@media (width<=850px){.home-screen{width:min(100% - 26px,750px)}.welcome-card{grid-template-columns:57% 43%;min-height:310px}.welcome-copy{padding:32px}.welcome-copy h2{font-size:34px}.welcome-scene .home-theme-character{bottom:2%;left:2%;transform:scale(.87)}.module-play-screen{grid-template-columns:1fr;gap:12px}.module-play-fact,.module-play-tip{min-height:150px}.module-play-board{min-height:360px}.module-choice{min-height:160px}.module-grid,.activity-grid{grid-template-columns:repeat(2,1fr)}.activity-section,.island-hero{margin-left:18px;margin-right:18px}.floating-numbers{width:46%;transform:scale(.84)}.learn-stage{grid-template-columns:40% 60%}.big-number-card strong{font-size:120px}.train-car{width:100px}.train-engine{font-size:65px}.phone-layout{grid-template-columns:1fr 330px}.toy-phone{padding:22px}.target-phone-number span{width:75px;height:92px}}@media (width<=580px){.home-header{min-height:82px}.brand-mark{width:46px;height:46px}.brand h1{font-size:19px}.brand p,.parent-entry span{display:none}.parent-entry{justify-content:center;width:46px;padding:0}.home-tools{gap:6px}.star-pill--large{min-height:45px;padding:6px 11px}.welcome-card{grid-template-columns:1fr;min-height:470px}.welcome-copy{padding:28px 25px 5px}.welcome-copy h2{font-size:32px}.welcome-copy p br{display:none}.welcome-scene{min-height:210px}.welcome-scene .home-theme-character{bottom:-8%;left:50%;transform:translate(-50%)scale(.75)}.sun{font-size:43px}.module-grid{gap:12px}.module-card{border-radius:22px;min-height:168px;padding:12px}.module-art{height:78px}.module-copy b{font-size:17px}.module-copy small{font-size:11px}.modules-section{padding:29px 0}.progress-note{display:none}.module-play-board{min-height:330px;padding:14px}.module-choice-grid{gap:8px}.module-choice{border-radius:20px;min-height:145px}.module-choice b{font-size:14px}.color-swatch{width:74px;height:74px;font-size:31px}.shape-icon{width:74px;height:74px;font-size:58px}.shape-circle,.shape-square{width:67px;height:67px}.shape-triangle{border-bottom-width:65px;border-left-width:36px;border-right-width:36px}.animal-choice-image{width:75px;height:75px}.animal-choice-image>span{font-size:46px}.topbar{height:68px;padding-left:12px;padding-right:12px}.topbar-title{font-size:18px}.icon-button{width:43px;height:43px}.icon-button--home{display:none}.star-pill{padding:5px 8px}.island-hero{min-height:220px;margin-top:18px;padding:28px}.island-hero h1{font-size:30px}.floating-numbers{display:none}.range-progress{margin:25px 12px}.range-step small{font-size:10px}.activity-section{margin:0 14px}.activity-grid{gap:11px}.activity-card{min-height:194px;padding:13px}.activity-icon{font-size:39px}.activity-copy b{font-size:17px}.activity-copy small{font-size:11px}.challenge-banner{padding:14px}.challenge-trophy{width:58px;height:58px}.challenge-banner b{font-size:20px}.challenge-go{padding:11px;font-size:0}.challenge-go svg{display:block}.game-progress{margin-left:45px;margin-right:75px}.game-content{width:calc(100% - 24px);padding-top:22px}.game-prompt h1{font-size:27px}.learn-stage{grid-template-columns:1fr;min-height:0}.big-number-card{min-height:250px}.big-number-card strong{font-size:115px}.quantity-card{min-height:330px;padding:25px 15px}.range-tabs{margin-top:16px}.count-object{width:70px;height:70px}.object-group--count-1 .count-object{width:175px;height:175px}.object-group--count-2 .count-object{width:130px;height:130px}.object-group--count-3 .count-object{width:94px;height:94px}.object-group--many .count-object{width:62px;height:62px}.animal-fact-card{padding:25px 19px 27px}.animal-fact-card>img{height:245px}.game-actions{z-index:10;position:sticky;bottom:12px}.game-actions button{min-width:135px}.listen-orb{width:140px;height:140px;margin-top:38px}.number-choices,.answer-row{gap:12px}.number-choices button,.answer-row button{border-radius:24px;width:89px;height:89px}.counting-board,.challenge-question{min-height:285px;padding:20px}.counting-hint{font-size:12px}.train-scene{justify-content:flex-start;min-height:220px;padding:25px 5px;overflow-x:auto}.train-engine{font-size:54px}.train-car{border-width:4px;width:73px;min-width:73px;height:77px}.train-car span{width:45px;height:45px;font-size:25px}.train-car i{width:22px;height:22px;left:6px}.train-car i:last-child{right:6px}.sequence-tiles span{border-radius:18px;width:69px;height:69px;font-size:35px}.number-riddle{font-size:130px}.feedback-pop{min-width:210px;padding:11px 17px;font-size:18px}.feedback-pop .mascot-wrap{width:70px;height:70px}.parent-panel{padding:25px 18px}.parent-stats>div{padding:11px 5px}.reset-confirm{flex-wrap:wrap}.theme-options{grid-template-columns:1fr}.theme-options button{text-align:left;grid-template-rows:1fr 1fr;grid-template-columns:68px 1fr;min-height:82px;display:grid}.theme-options button>span.theme-preview{grid-row:1/3}.theme-options button>b,.theme-options button>small{justify-self:start}.phone-layout{grid-template-columns:1fr}.phone-mission{min-height:320px;padding:24px}.toy-phone{width:min(360px,100%);margin:0 auto}.target-phone-number span{width:70px;height:82px;font-size:48px}.caller-preview{display:none}.contact-book{grid-template-columns:repeat(4,minmax(62px,1fr))}.call-connected-card{padding:30px 18px}.caller-halo{width:190px;height:190px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.rainbow-studio{color:#394b48;background:radial-gradient(circle at 6% 13%,#ffc85738,#0000 22%),radial-gradient(circle at 92% 18%,#7b61d11f,#0000 25%),#fff7e8;min-height:100dvh}.studio-shell{width:min(1500px,100% - 32px);margin:0 auto;padding:20px 0 28px}.studio-welcome{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:12px;display:grid}.studio-welcome h1{white-space:nowrap;margin:0;font-size:clamp(20px,2vw,28px)}.studio-actions{gap:8px;display:flex}.studio-actions button{cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #eadfd0;border-radius:16px;align-items:center;gap:6px;min-height:46px;padding:0 13px;font-weight:900;display:flex;box-shadow:0 5px 12px #5b4a3314}.studio-actions button b{background:#f3e9dc;border-radius:99px;place-items:center;min-width:22px;height:22px;font-size:12px;display:grid}.studio-actions .studio-save{color:#fff;background:#59bc94;border-color:#47a982;box-shadow:0 6px #3c9674,0 11px 18px #36876833}.studio-actions .studio-save:active{transform:translateY(4px);box-shadow:0 2px #3c9674}.studio-workspace{grid-template-columns:104px minmax(400px,1fr) 240px;align-items:start;gap:14px;display:grid}.studio-tools,.studio-options{background:#ffffffe0;border:2px solid #f0e5d6;border-radius:25px;padding:12px;box-shadow:0 12px 28px #52453014}.tool-heading{color:#8b7e70;text-align:center;letter-spacing:.06em;margin:2px 0 10px;font-size:12px;font-weight:900;display:block}.studio-tools{flex-direction:column;gap:8px;display:flex}.studio-tools>button{cursor:pointer;background:#fff8ee;border:2px solid #0000;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:73px;padding:7px 4px;display:flex}.studio-tools>button i{font-size:27px;font-style:normal;line-height:1}.studio-tools>button b{font-size:12px}.studio-tools>button.active{color:#277d5d;background:#e6f7ef;border-color:#58bd94;box-shadow:0 4px #b2dfcb}.studio-tools>button:active{transform:scale(.96)}.studio-center{min-width:0}.canvas-toolbar{background:#ffffffe6;border:2px solid #f0e5d6;border-radius:18px;justify-content:space-between;align-items:center;gap:8px;height:54px;margin-bottom:9px;padding:5px 8px;display:flex}.history-buttons{gap:5px;display:flex}.canvas-toolbar button{cursor:pointer;background:#f5eee4;border:0;border-radius:12px;height:40px;padding:0 11px;font-weight:900}.canvas-toolbar button:disabled{opacity:.35;cursor:default}.history-buttons button{color:#665d53;font-size:20px}.history-buttons span,.clear-button span{margin-left:2px;font-size:11px}.brush-sizes{color:#81776c;align-items:center;gap:6px;font-size:11px;font-weight:900;display:flex}.brush-sizes button{place-items:center;width:38px;padding:0;display:grid}.brush-sizes button i{background:#5c6970;border-radius:50%;display:block}.brush-sizes button.active{background:#dff3eb;box-shadow:inset 0 0 0 2px #63b999}.clear-button{color:#b85c56!important;background:#fff0ed!important}.drawing-paper{aspect-ratio:1200/760;background:#fffdf8;border:10px solid #fff;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:0 12px #eadfce,0 19px 32px #483b2729}.drawing-paper canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.drawing-paper--sky{background:linear-gradient(#bfe9ff 0%,#effbff 70%,#b9e98d 71%,#7fcc68 100%)}.drawing-paper--meadow{background:linear-gradient(165deg,#fff4c9 0 65%,#a9dc7e 66% 100%)}.drawing-paper--space{background-color:#27225e;background-image:radial-gradient(circle at 10% 20%,#fff4a8 0 2px,#0000 3px),radial-gradient(circle at 70% 30%,#fff 0 1px,#0000 2px),radial-gradient(circle at 40% 80%,#d9c8ff 0 2px,#0000 3px),linear-gradient(135deg,#22245d,#582b72);background-size:83px 83px,59px 59px,113px 113px,100% 100%}.drawing-paper--dots{background-color:#fffdf8;background-image:radial-gradient(#d8eef9 5px,#0000 6px);background-size:62px 62px}.paper-tape{pointer-events:none;background:#ffdb75b8;width:72px;height:22px;position:absolute;top:-4px}.paper-tape--one{left:9%;transform:rotate(-5deg)}.paper-tape--two{right:9%;transform:rotate(5deg)}.studio-tip{text-align:center;color:#918579;margin:15px 0 0;font-size:12px;font-weight:800}.studio-options{flex-direction:column;gap:13px;display:flex}.studio-options section+section{border-top:2px dashed #eee1d1;padding-top:12px}.color-palette{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.color-palette button{aspect-ratio:1;cursor:pointer;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #e8ded2}.color-palette button.active{transform:scale(1.08);box-shadow:0 0 0 3px #3e8f75}.stamp-palette{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.stamp-palette button{aspect-ratio:1;cursor:pointer;background:#fff6e5;border:2px solid #0000;border-radius:11px;padding:0;font-size:20px}.stamp-palette button.active{background:#ffe6c8;border-color:#ef9d63;transform:scale(1.08)}.background-list{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.background-list button{cursor:pointer;background:#fff;border:2px solid #eee1d2;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:53px;padding:4px;display:flex}.background-list button i{font-size:18px;font-style:normal}.background-list button span{font-size:10px;font-weight:900}.background-list button.active{color:#288062;background:#e9f8f1;border-color:#68b99a}.studio-toast{z-index:80;color:#fff;background:#354b45;border:3px solid #fff;border-radius:99px;padding:13px 22px;font-weight:900;animation:.25s ease-out feedback-in;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #24342f42}.studio-modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#302a3680;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.studio-dialog{text-align:center;background:#fffdf8;border-radius:30px;width:min(420px,100%);padding:30px;box-shadow:0 25px 60px #261e2040}.studio-dialog>span{font-size:55px}.studio-dialog h2{margin:5px 0}.studio-dialog p{color:#867b71;font-weight:700}.studio-dialog>div{gap:10px;margin-top:22px;display:flex}.studio-dialog button{cursor:pointer;background:#e9eee9;border:0;border-radius:16px;flex:1;min-height:52px;font-weight:900}.studio-dialog button.danger{color:#fff;background:#ef776f}.studio-gallery{background:#fffaf1;border-radius:30px;width:min(960px,100%);max-height:min(760px,92dvh);padding:24px;overflow:auto;box-shadow:0 25px 60px #261e2040}.studio-gallery>header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.studio-gallery>header span{color:#e06b72;letter-spacing:.12em;font-size:12px;font-weight:900}.studio-gallery h2{margin:3px 0 0}.studio-gallery>header>button{cursor:pointer;background:#f0e8dd;border:0;border-radius:50%;width:45px;height:45px;font-size:27px}.empty-gallery{color:#82786f;flex-direction:column;justify-content:center;align-items:center;min-height:330px;display:flex}.empty-gallery>span{font-size:70px}.empty-gallery b{font-size:21px}.empty-gallery p{font-weight:700}.artwork-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.artwork-grid article{background:#fff;border:2px solid #eee2d3;border-radius:20px;padding:10px;box-shadow:0 8px 16px #4c3c2614}.artwork-grid img{aspect-ratio:1200/760;object-fit:cover;background:#fff;border-radius:12px;width:100%;display:block}.artwork-grid p{color:#82786d;margin:9px 3px;font-size:12px;font-weight:800}.artwork-grid article>div{gap:7px;display:flex}.artwork-grid button{color:#277b5d;cursor:pointer;background:#e1f4eb;border:0;border-radius:12px;min-height:40px;font-weight:900}.artwork-grid button:first-child{flex:1}.artwork-grid button:last-child{background:#fff0ed;width:42px}@media (width<=1050px){.studio-workspace{grid-template-columns:90px minmax(0,1fr)}.studio-options{grid-column:1/-1;grid-template-columns:1fr 1fr 1.2fr;display:grid}.studio-options section+section{border-top:0;border-left:2px dashed #eee1d1;padding-top:0;padding-left:12px}.background-list{grid-template-columns:repeat(5,1fr)}}@media (width<=700px){.studio-shell{width:calc(100% - 18px);padding-top:12px}.studio-welcome{align-items:flex-end}.studio-welcome>div:first-child>span{display:none}.studio-welcome h1{max-width:190px;font-size:19px}.studio-actions button{min-height:44px;padding:0 11px}.studio-actions button span{display:none}.studio-workspace{grid-template-columns:1fr;gap:9px}.studio-tools{order:2;grid-template-columns:repeat(5,1fr);padding:7px;display:grid}.studio-tools .tool-heading{display:none}.studio-tools>button{border-radius:14px;min-height:58px}.studio-tools>button i{font-size:23px}.studio-center{order:1}.studio-options{order:3;padding:11px;display:flex}.studio-options section+section{border-top:2px dashed #eee1d1;border-left:0;padding-top:10px;padding-left:0}.tool-heading{text-align:left}.color-palette{grid-template-columns:repeat(10,1fr);gap:5px}.stamp-palette{grid-template-columns:repeat(10,1fr)}.background-list{grid-template-columns:repeat(5,1fr)}.canvas-toolbar{height:49px}.canvas-toolbar button{height:36px;padding:0 8px}.history-buttons span,.clear-button span,.brush-sizes>span{display:none}.drawing-paper{border-width:6px;border-radius:13px}.studio-tip{font-size:10px}.artwork-grid{grid-template-columns:1fr 1fr}.studio-gallery{border-radius:23px;padding:17px}.studio-gallery h2{font-size:20px}}@media (width<=430px){.studio-welcome h1{max-width:150px;font-size:17px}.studio-actions{gap:6px}.studio-actions button{padding:0 9px}.studio-tools>button b{font-size:10px}.studio-tools>button{min-height:54px}.color-palette,.stamp-palette{grid-template-columns:repeat(5,1fr)}.artwork-grid{grid-template-columns:1fr}.brush-sizes{gap:2px}.brush-sizes button{width:31px}}.collage-studio{background:radial-gradient(circle at 6% 12%,#ffcd5f42,#0000 22%),radial-gradient(circle at 92% 20%,#66bf9f2b,#0000 25%),#fff7e8}.library-heading{justify-content:space-between;align-items:center;margin:0 1px 8px;display:flex}.library-heading h2{color:#71675c;margin:0;font-size:14px}.library-heading button{color:#856321;cursor:pointer;background:#fff0c9;border:0;border-radius:10px;padding:6px 8px;font-size:11px;font-weight:900}.library-heading button:active{transform:scale(.95)}.starter-strip{background:#ffffffc2;border:2px dashed #e5d4bc;border-radius:18px;align-items:center;gap:8px;margin:-3px 0 15px;padding:8px 10px;display:flex;overflow-x:auto}.starter-strip>span{color:#8b7b68;white-space:nowrap;font-size:12px;font-weight:900}.starter-strip button{white-space:nowrap;cursor:pointer;background:#fff;border:2px solid #e8dccb;border-radius:14px;align-items:center;gap:6px;min-height:42px;padding:4px 12px 4px 7px;font-weight:900;display:flex}.starter-strip button i{font-size:23px;font-style:normal}.starter-strip button:hover{background:#fff4e5;border-color:#f1a268;transform:translateY(-1px)}.studio-welcome .starter-strip{scrollbar-width:thin;border-radius:13px;gap:5px;min-width:0;margin:0;padding:3px 5px}.studio-welcome .starter-strip>span{font-size:11px}.studio-welcome .starter-strip button{border-radius:10px;gap:4px;min-height:36px;padding:2px 8px 2px 5px;font-size:12px}.studio-welcome .starter-strip button i{font-size:18px}.collage-workspace{grid-template-columns:230px minmax(440px,1fr) 220px;align-items:start;gap:14px;display:grid}.collage-library,.collage-side-panel>section{background:#ffffffe6;border:2px solid #efe2d2;border-radius:24px;padding:12px;box-shadow:0 11px 24px #4c3e2814}.category-tabs{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:11px;display:grid}.category-tabs button{cursor:pointer;background:#fff7eb;border:2px solid #0000;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:57px;padding:4px 1px;display:flex}.category-tabs button i{font-size:23px;font-style:normal;line-height:1.1}.category-tabs button span{font-size:9px;font-weight:900}.category-tabs button.active{color:#277a5b;background:#e4f6ed;border-color:#56b990;box-shadow:0 3px #b5dfce}.sticker-shelf{grid-template-columns:repeat(3,1fr);gap:8px;max-height:520px;padding:2px;display:grid;overflow-y:auto}.sticker-shelf button{cursor:pointer;background:#fffaf1;border:2px solid #eee1cf;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-height:83px;padding:7px 2px 5px;display:flex;position:relative;box-shadow:0 3px #eadfce}.sticker-shelf button:hover{background:#fff2df;border-color:#ef9d68;transform:translateY(-2px)}.sticker-shelf button:active{transform:scale(.95)}.sticker-shelf button i{filter:drop-shadow(0 3px 2px #4b3c2821);font-size:38px;font-style:normal;line-height:1.1}.sticker-shelf button span{margin-top:3px;font-size:10px;font-weight:900}.sticker-shelf button b{color:#fff;background:#62ba98;border-radius:50%;place-items:center;width:19px;height:19px;font-size:13px;display:grid;position:absolute;top:3px;right:3px}.collage-library>p{text-align:center;color:#938679;margin:11px 0 0;font-size:10px;font-weight:800}.collage-center{min-width:0}.collage-toolbar{background:#ffffffeb;border:2px solid #efe2d2;border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:54px;margin-bottom:9px;padding:5px 8px;display:grid}.collage-toolbar>div{gap:5px;display:flex}.collage-toolbar button{cursor:pointer;background:#f4ede3;border:0;border-radius:12px;height:40px;padding:0 11px;font-weight:900}.collage-toolbar button:disabled{opacity:.32;cursor:default}.collage-toolbar>button{justify-self:end}.collage-toolbar>b{color:#796f64;text-align:center;font-size:12px}.collage-toolbar .clear-button{color:#ae5d56!important;background:#fff0ed!important}.collage-board{aspect-ratio:1200/760;isolation:isolate;touch-action:none;border:9px solid #fff;border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 11px #eadfce,0 18px 32px #483b2729;container-type:inline-size}.collage-board--meadow{background:linear-gradient(#bfe8ff 0%,#eefaff 66%,#b7e783 67%,#71bd5e 100%)}.collage-board--forest{background:linear-gradient(#caecdc 0%,#eff9db 58%,#91cb71 59%,#4f9856 100%)}.collage-board--ocean{background-color:#27a8c8;background-image:radial-gradient(circle at 12% 22%,#fff6 0 6px,#0000 7px),radial-gradient(circle at 62% 33%,#ffffff47 0 4px,#0000 5px),linear-gradient(#8de1f1,#39b6d2 48%,#177aaa);background-size:130px 130px,90px 90px,100% 100%}.collage-board--town{background:linear-gradient(#bce8ff 0%,#f5fbff 68%,#d7cfbf 69%,#aaa192 100%)}.collage-board--space{background-color:#27235f;background-image:radial-gradient(circle at 10% 20%,#fff4a8 0 2px,#0000 3px),radial-gradient(circle at 70% 30%,#fff 0 1px,#0000 2px),radial-gradient(circle at 40% 80%,#d9c8ff 0 2px,#0000 3px),linear-gradient(135deg,#202057,#5a2c78);background-size:83px 83px,59px 59px,113px 113px,100% 100%}.collage-board--paper{background:linear-gradient(#fffdf8,#fff9ec)}.collage-board--livingRoom{background:linear-gradient(#fff3df 0 68%,#d9b181 68.5%,#b68153)}.collage-board--bedroom{background-image:radial-gradient(circle at 14% 17%,#ffffff8c 0 3px,#0000 4px),radial-gradient(circle at 32% 31%,#ffffff6b 0 2px,#0000 3px),linear-gradient(#e9e1ff 0 70%,#cda98e 70.5%,#a9775e);background-size:120px 120px,95px 95px,100% 100%}.collage-board--kitchen{background-image:linear-gradient(90deg,#0000 49.5%,#589f9026 50%,#0000 50.5%),linear-gradient(#0000 49.5%,#589f9026 50%,#0000 50.5%),linear-gradient(#e6f7f2 0 66%,#c99852 66.5%);background-size:8.33% 13.2%,8.33% 13.2%,100% 100%}.collage-board--supermarket{background:linear-gradient(#eaf7ff 0 69%,#d8e1e5 69.5%,#aebec5)}.scene-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.living-window{background:linear-gradient(#92d9f5 0 70%,#8acb78 70%);border:1.2cqw solid #fff;border-radius:1.5cqw;width:38%;height:42%;position:absolute;top:9%;left:8%;box-shadow:0 0 0 .45cqw #b47751,0 1cqw 2cqw #5d442c21}.living-window i{background:#ffffffe6;position:absolute}.living-window i:first-child{width:.65cqw;height:100%;left:49%}.living-window i:nth-child(2){width:100%;height:.65cqw;top:48%}.living-window i:nth-child(3),.living-window i:nth-child(4){background:#68a75e;border-radius:50% 50% 0 0;width:9%;height:18%;bottom:5%}.living-window i:nth-child(3){left:16%}.living-window i:nth-child(4){height:26%;right:12%}.living-curtain{background:repeating-linear-gradient(90deg,#f19b78 0 28%,#df7e62 29% 48%);border-radius:2cqw 2cqw .8cqw .8cqw;width:8%;height:51%;position:absolute;top:5%;box-shadow:0 .5cqw 1cqw #6b3c322e}.living-curtain.left{left:3%}.living-curtain.right{left:43%}.living-gallery{align-items:center;gap:1.5cqw;display:flex;position:absolute;top:13%;right:9%}.living-gallery i{background:#d8e8d0;border:.65cqw solid #f7f1e4;border-radius:.7cqw;place-items:center;width:7cqw;height:8cqw;font-size:3.2cqw;font-style:normal;display:grid;box-shadow:0 0 0 .35cqw #a77b55,0 .6cqw 1cqw #503a2821}.living-gallery i:nth-child(2){background:#cce3f2;width:9cqw;height:10cqw}.living-console{background:#9d6849;border-radius:1cqw;width:34%;height:8%;position:absolute;bottom:21%;right:8%;box-shadow:inset 0 .8cqw #c99368}.living-console:before,.living-console:after{content:"";background:#80543e;width:1.3cqw;height:5cqw;position:absolute;top:90%}.living-console:before{left:9%}.living-console:after{right:9%}.living-console i{background:#f1d47b;border-radius:50%;width:1.4cqw;height:1.4cqw;position:absolute;top:28%}.living-console i:first-child{left:24%}.living-console i:nth-child(2){left:49%}.living-console i:nth-child(3){left:74%}.living-rug{background:repeating-radial-gradient(#f29a75 0 11%,#ffd18b 12% 19%,#f29a75 20% 29%);border-radius:50%;width:45%;height:27%;position:absolute;bottom:-8%;left:30%;box-shadow:0 .5cqw 1cqw #5a37232e}.bedroom-stars{color:#fff7bc;letter-spacing:1.4cqw;font-size:2.4cqw;position:absolute;top:7%;left:30%;transform:rotate(-5deg)}.bedroom-wardrobe{background:linear-gradient(90deg,#c9b8e5 0 49%,#a892cf 50%);border:.9cqw solid #8d72ad;border-radius:1.5cqw 1.5cqw 0 0;width:22%;height:56%;position:absolute;top:12%;left:5%;box-shadow:inset 0 1cqw #ffffff4d,0 .7cqw 1.3cqw #48355b26}.bedroom-wardrobe i{background:#ffe49a;border-radius:99px;width:1cqw;height:1.8cqw;position:absolute;top:48%}.bedroom-wardrobe i:first-child{left:42%}.bedroom-wardrobe i:last-child{right:42%}.bedroom-window{background:linear-gradient(#39447e,#7576ad);border:1cqw solid #f7eee5;border-radius:1.5cqw;width:24%;height:35%;position:absolute;top:10%;right:8%;box-shadow:0 0 0 .4cqw #9873a8}.bedroom-window b{color:#fff2a8;font-size:5cqw;font-weight:400;position:absolute;top:8%;right:14%}.bedroom-window i{background:#fffc;position:absolute}.bedroom-window i:first-of-type{width:.5cqw;height:100%;left:49%}.bedroom-window i:nth-of-type(2){width:100%;height:.5cqw;top:49%}.bedroom-curtain{background:repeating-linear-gradient(90deg,#f2b7cd 0 34%,#dc8cac 35% 58%);border-radius:1.6cqw 1.6cqw .6cqw .6cqw;width:6%;height:44%;position:absolute;top:7%}.bedroom-curtain.left{right:29%}.bedroom-curtain.right{right:3%}.bedroom-wall-panel{background:#fff7eb8c;border:.6cqw dashed #a882b980;border-radius:8cqw 8cqw 0 0;width:28%;height:36%;position:absolute;bottom:29%;left:34%}.bedroom-rug{background:repeating-linear-gradient(45deg,#c7a0dc 0 1.2cqw,#e4caec 1.3cqw 2.4cqw);border-radius:50%;width:40%;height:20%;position:absolute;bottom:-4%;left:38%}.kitchen-cabinet{gap:.7cqw;height:23%;display:flex;position:absolute;top:8%}.kitchen-cabinet.left{width:31%;left:6%}.kitchen-cabinet.right{width:31%;right:6%}.kitchen-cabinet i{background:linear-gradient(#bde3d8,#9bcdbf);border:.5cqw solid #5b9988;border-radius:.8cqw;flex:1;box-shadow:inset 0 .7cqw #ffffff59}.kitchen-counter{background:#88b7a6;border-top:2cqw solid #f5d297;height:29%;position:absolute;bottom:14%;left:3%;right:3%;box-shadow:0 -1cqw 1.2cqw #4f695c21}.kitchen-counter>i{border-right:.4cqw solid #679886;width:23.5%;height:100%;display:inline-block;position:relative}.kitchen-counter .sink,.kitchen-counter .stove{color:#718087;background:#d2d9dc;place-items:center;height:2.3cqw;font-size:1.5cqw;font-weight:900;display:grid;position:absolute;top:-2.1cqw}.kitchen-counter .sink{border-radius:0 0 2cqw 2cqw;width:16%;left:18%}.kitchen-counter .stove{color:#1e2729;background:#59666a;width:18%;right:17%}.market-sign{color:#fff;letter-spacing:.16em;background:#ef725f;place-items:center;height:8.5%;font-size:2.3cqw;font-weight:900;display:grid}.market-decor:before{content:"";background:repeating-linear-gradient(#f6dfb2 0 13.5%,#d19a5c 14% 18%,#f6dfb2 18.5% 31.5%);border:1cqw solid #bd8249;height:45%;position:absolute;top:18%;left:6%;right:6%;box-shadow:0 1cqw 1.5cqw #563f2624}.aisle-label{z-index:1;color:#fff;border-radius:99px;padding:.45cqw 1.3cqw;font-size:1.4cqw;font-weight:900;position:absolute;top:12%}.aisle-label.fruit{background:#70ad67;left:12%}.aisle-label.daily{background:#5d9cc4;right:12%}.placed-sticker{z-index:2;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 .045em .025em #3133262e);background:0 0;border:0;place-items:center;width:1em;height:1em;padding:0;line-height:1;display:grid;position:absolute}.placed-sticker span{pointer-events:none;display:block}.placed-sticker:active{cursor:grabbing}.placed-sticker.selected:before{content:"";z-index:-1;background:#ffffff29;border:.025em dashed #ff7a62;border-radius:.18em;animation:.2s ease-out sticker-select;position:absolute;inset:-.09em}.placed-sticker.selected:after{content:"✋";color:#fff;width:.26em;height:.26em;transform:scaleX(var(--flip-fix,1));background:#ff806b;border:.025em solid #fff;border-radius:50%;place-items:center;font-size:.16em;display:grid;position:absolute;top:-.2em;right:-.18em}@keyframes sticker-select{0%{opacity:0;transform:scale(.8)}}.empty-board-hint{z-index:1;color:#56866f;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.empty-board-hint>span{font-size:48px;animation:1.8s ease-in-out infinite hint-bob}.empty-board-hint b{font-size:clamp(16px,2vw,24px)}.empty-board-hint p{margin:5px 0;font-size:12px;font-weight:800}@keyframes hint-bob{50%{transform:translateY(-7px)}}.collage-side-panel{flex-direction:column;gap:12px;display:flex}.collage-side-panel h2{color:#71675c;text-align:center;margin:0 0 10px;font-size:13px}.scene-backgrounds{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.scene-backgrounds button{cursor:pointer;background:#fff;border:2px solid #ece0d1;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:65px;padding:4px;display:flex}.scene-backgrounds button.active{background:#e6f7ef;border-color:#55b78f;box-shadow:0 3px #b3dfcd}.scene-backgrounds button span{font-size:9px;font-weight:900}.bg-preview{border-radius:8px;place-items:center;width:43px;height:34px;font-size:18px;font-style:normal;display:grid}.bg-preview--meadow{background:linear-gradient(#bee9ff 55%,#8bd06f 56%)}.bg-preview--forest{background:linear-gradient(#d8efdf 50%,#5fa45f 51%)}.bg-preview--ocean{background:linear-gradient(#87dcea,#278dbb)}.bg-preview--town{background:linear-gradient(#c8eaff 60%,#aaa 61%)}.bg-preview--space{background:#322766}.bg-preview--paper{background:#fffdf8;border:1px solid #eee}.bg-preview--livingRoom{background:linear-gradient(#fff0d5 65%,#b68153 66%)}.bg-preview--bedroom{background:linear-gradient(#eee4ff 65%,#bd8f72 66%)}.bg-preview--kitchen{background:linear-gradient(#dff5ef 62%,#75a997 63% 69%,#efc983 70%)}.bg-preview--supermarket{background:linear-gradient(#ef725f 0 15%,#f7e3bd 16% 43%,#d7a76c 44% 51%,#f7e3bd 52% 78%,#aebec5 79%)}.sticker-controls.disabled{opacity:.58}.size-controls{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:7px;display:grid}.size-controls button{color:#348464;cursor:pointer;background:#edf8f3;border:2px solid #d9e9e2;border-radius:14px;min-height:54px;font-size:25px;font-weight:900}.size-controls span,.edit-controls span{font-size:9px;display:block}.edit-controls{grid-template-columns:1fr 1fr;gap:6px;display:grid}.edit-controls button{cursor:pointer;background:#f5eee5;border:0;border-radius:12px;min-height:48px;font-size:18px;font-weight:900}.remove-sticker{color:#ac5954;cursor:pointer;background:#fff0ed;border:0;border-radius:12px;width:100%;min-height:42px;margin-top:8px;font-size:11px;font-weight:900}.sticker-controls button:disabled{cursor:default}.studio-tip{line-height:1.45}@media (width<=1100px){.collage-workspace{grid-template-columns:190px minmax(420px,1fr)}.collage-side-panel{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.scene-backgrounds{grid-template-columns:repeat(6,1fr)}.sticker-controls{grid-template-columns:auto 160px 1fr auto;align-items:center;gap:8px;display:grid}.sticker-controls h2,.size-controls{margin:0}.edit-controls{grid-template-columns:repeat(4,1fr)}.remove-sticker{width:auto;margin:0;padding:0 12px}}@media (width>=761px) and (width<=1100px){.collage-studio>.topbar{height:56px;padding:6px 18px}.collage-studio>.topbar .icon-button{width:40px;height:40px}.collage-studio>.topbar .topbar-title{font-size:18px}.collage-studio .studio-shell{width:calc(100% - 20px);padding:8px 0 18px}.collage-studio .studio-welcome{min-height:40px;margin-bottom:6px}.collage-studio .studio-welcome h1{margin:0;font-size:18px}.collage-studio .studio-actions{gap:6px}.collage-studio .studio-actions button{border-radius:13px;min-height:38px;padding:0 9px;font-size:12px}.starter-strip{border-radius:14px;gap:5px;margin:0;padding:3px 5px}.starter-strip button{border-radius:11px;min-height:34px;padding:2px 7px 2px 5px}.starter-strip button i{font-size:18px}.collage-workspace{grid-template-columns:170px minmax(420px,1fr);gap:9px}.collage-library{border-radius:18px;padding:8px}.category-tabs{margin-bottom:7px}.category-tabs button{border-radius:11px;min-height:45px}.category-tabs button i{font-size:20px}.sticker-shelf{gap:6px;max-height:510px}.sticker-shelf button{border-radius:14px;min-height:70px}.sticker-shelf button i{font-size:32px}.sticker-shelf button>img{width:43px;height:43px}.collage-library>p{margin-top:7px}.collage-toolbar{border-radius:14px;min-height:44px;margin-bottom:6px;padding:3px 6px}.collage-toolbar button{height:34px;padding:0 8px}.collage-board{border-width:6px;border-radius:15px}.studio-tip{margin:10px 4px 2px}}@media (width>=761px) and (width<=1100px) and (orientation:landscape){.collage-studio{touch-action:pan-y;overscroll-behavior-x:none}.collage-studio .studio-shell{padding-bottom:max(18px, env(safe-area-inset-bottom))}.collage-library{min-height:0}.collage-library .sticker-shelf{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:180px;max-height:calc(100dvh - 235px);padding:2px 3px 26px;overflow-y:auto}.collage-library .sticker-shelf button{min-height:68px}}@media (width>=761px) and (width<=1100px){.collage-studio .studio-welcome h1{font-size:17px}.collage-studio .studio-actions{gap:4px}.collage-studio .studio-actions button{gap:4px;padding:0 6px;font-size:11px}.collage-studio .studio-welcome .starter-strip{gap:3px;padding:2px 4px}.collage-studio .studio-welcome .starter-strip>span{font-size:10px}.collage-studio .studio-welcome .starter-strip button{gap:2px;min-height:31px;padding:1px 4px 1px 3px;font-size:10px}.collage-studio .studio-welcome .starter-strip button i{font-size:15px}}@media (width>=761px) and (width<=900px) and (orientation:portrait){.collage-workspace{flex-direction:column;display:flex}.collage-center{order:1;width:100%}.collage-library{order:2;width:100%}.collage-side-panel{flex-direction:column;order:3;width:100%;display:flex}.category-tabs{grid-template-columns:repeat(8,1fr)}.sticker-shelf{grid-template-columns:repeat(8,1fr);max-height:none;overflow:visible}.sticker-shelf button{min-height:68px}.collage-library>p{display:none}}@media (width<=760px){.collage-studio .studio-shell{width:calc(100% - 14px);padding-top:10px}.collage-studio .studio-welcome{grid-template-columns:minmax(0,1fr) auto;align-items:center}.collage-studio .studio-welcome h1{max-width:210px;font-size:18px}.collage-studio .studio-welcome .starter-strip{grid-area:2/1/auto/-1;width:100%;margin:0;overflow-x:auto}.collage-studio .studio-actions{grid-area:1/2}.collage-studio .studio-actions button span,.starter-strip>span{display:none}.collage-workspace{flex-direction:column;gap:8px;display:flex}.collage-center{order:1;width:100%}.collage-library{order:2;width:100%;padding:8px}.collage-side-panel{order:3;width:100%;display:flex}.collage-side-panel>section{padding:10px}.category-tabs{margin-bottom:7px}.category-tabs button{min-height:51px}.category-tabs button i{font-size:21px}.sticker-shelf{grid-template-columns:repeat(6,1fr);max-height:none;overflow:visible}.sticker-shelf button{min-height:68px}.sticker-shelf button i{font-size:31px}.sticker-shelf button span{font-size:8px}.collage-library>p{display:none}.collage-toolbar{min-height:48px}.collage-toolbar button{height:36px;padding:0 8px}.collage-toolbar button span,.collage-toolbar>b{display:none}.collage-toolbar{grid-template-columns:1fr auto}.scene-backgrounds{grid-template-columns:repeat(6,1fr)}.sticker-controls{display:block}.size-controls{margin-bottom:7px;display:grid}.edit-controls{grid-template-columns:repeat(4,1fr);display:grid}.remove-sticker{width:100%;margin-top:8px}.collage-board{border-width:6px;border-radius:14px}.studio-tip{margin:12px 6px 2px;font-size:10px}}@media (width<=460px){.collage-studio .studio-welcome h1{max-width:160px;font-size:16px}.starter-strip button{padding-right:8px;font-size:10px}.sticker-shelf{grid-template-columns:repeat(4,1fr)}.scene-backgrounds{grid-template-columns:repeat(3,1fr)}.category-tabs button span{display:none}.category-tabs button{min-height:43px}.category-tabs button i{font-size:23px}.collage-side-panel{gap:8px}.edit-controls button{padding:2px;font-size:16px}.studio-tip{display:block}}.toolbar-actions{justify-self:end;gap:5px;display:flex}.toolbar-actions button{padding:0 9px}.toolbar-actions button:first-child{color:#347f61;background:#e8f7ef}.studio-play-task b small{color:#bc9850;margin-left:8px;font-size:10px}.task-progress{background:#f0dfb5;border-radius:99px;grid-column:2;height:5px;overflow:hidden}.task-progress i{border-radius:inherit;background:#efb948;height:100%;transition:width .25s;display:block}.sticker-shelf button>img{object-fit:contain;filter:drop-shadow(0 3px 2px #4b3c2826);pointer-events:none;width:50px;height:50px}.placed-sticker>img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}@media (width<=760px){.sticker-shelf button>img{width:42px;height:42px}}.studio-play-task{color:#806c42;background:linear-gradient(100deg,#fff4c9,#fffaf0);border:2px solid #f1d99f;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:12px 0 0;padding:10px 12px;display:grid}.studio-play-task span{white-space:nowrap;font-size:10px;font-weight:900}.studio-play-task b{color:#6d684d;font-size:12px}.studio-play-task button{color:#775718;cursor:pointer;background:#f5c95f;border:0;border-radius:9px;padding:6px 8px;font-size:10px;font-weight:900}.studio-play-task button:active{transform:scale(.95)}@media (width<=460px){.studio-play-task{grid-template-columns:1fr auto}.studio-play-task b{grid-area:1/1/auto/-1;font-size:11px}.studio-play-task span,.studio-play-task button{grid-row:2}}.sticker-discovery{gap:8px;margin-bottom:10px;display:grid}.sticker-discovery button,.goal-filter{color:#785329;cursor:pointer;background:#fff2cc;border:1px solid #e8c990;border-radius:12px;min-height:44px;font-weight:800}.sticker-discovery button[aria-pressed=true]{color:#286d51;background:#dff2e5;border-color:#7bb796}.sticker-discovery input{width:100%;min-width:0;min-height:44px;font:inherit;background:#fff;border:1px solid #e3d8c9;border-radius:12px;padding:8px 10px;font-size:12px}.goal-filter{width:100%;margin-bottom:8px;font-size:11px}.studio-missions{background:#fff8e6;border:1px solid #e7d6b7;border-radius:18px;margin-top:12px;padding:14px}.studio-missions header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.studio-missions header b{color:#76562e;font-size:14px}.studio-missions header span{color:#7b705e;font-size:11px}.studio-missions>div{flex-wrap:wrap;gap:8px;display:flex}.studio-missions button{color:#725b39;cursor:pointer;background:#fff;border:1px solid #e7d6b7;border-radius:12px;flex:1;min-width:120px;min-height:48px;font-weight:800}.studio-missions button.complete{color:#326840;background:#def1df;border-color:#87bc8b}.story-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.story-actions button{color:#56518c;cursor:pointer;background:#e5e4fb;border:0;border-radius:14px;min-height:44px;padding:8px 16px;font-weight:800}.story-actions span{color:#847866;font-size:11px}.studio-save:disabled{opacity:.55;cursor:default}.collage-studio button:focus-visible{outline-offset:3px;outline:3px solid #4b7dd1}.story-playing .placed-sticker>img,.story-playing .placed-sticker>span{animation:2s ease-in-out infinite studio-bob}.story-playing .placed-sticker:nth-child(2n)>img,.story-playing .placed-sticker:nth-child(2n)>span{animation-delay:-1s}.story-playing .placed-sticker.selected>img,.story-playing .placed-sticker.selected>span{animation:none}@keyframes studio-bob{50%{translate:0 -8%;rotate:4deg}}@media (prefers-reduced-motion:reduce){.story-playing .placed-sticker>img,.story-playing .placed-sticker>span{animation:none}}@media (width<=760px){.sticker-discovery{grid-template-columns:120px minmax(0,1fr)}.studio-missions header{flex-direction:column;align-items:flex-start}.studio-missions button{min-width:85px;font-size:11px}.story-actions span{text-align:right;max-width:160px}.sticker-shelf{max-height:280px;overflow-y:auto}.edit-controls{grid-template-columns:repeat(3,1fr)}}.canvas-quick-controls{background:#fffaf1;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:8px;display:flex}.canvas-quick-controls b{margin-right:auto;font-size:12px}.canvas-quick-controls button{color:#397759;cursor:pointer;background:#edf7f0;border:1px solid #d7e6dc;border-radius:12px;min-width:44px;min-height:44px;font-size:22px}@media (width<=460px){.canvas-quick-controls{gap:4px}.canvas-quick-controls b{max-width:65px}.canvas-quick-controls button{min-width:42px}}.lesson-paper{margin-inline:auto}.drawing-layout>*,.collage-workspace>*,.drawing-board-frame,.collage-board-frame{min-width:0}.collage-board-frame{margin-bottom:12px}.collage-board{margin-inline:auto}.drawing-backdrop>div,.studio-dialog{max-height:calc(100dvh - 32px);overflow-y:auto}@media (width>=1101px){.drawing-studio,.collage-studio{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:auto}.drawing-studio{padding-bottom:max(12px, env(safe-area-inset-bottom))}.drawing-studio>.topbar,.collage-studio>.topbar{flex:0 0 64px;height:64px}.drawing-heading{flex:none;padding-block:10px}.drawing-heading h1{margin-block:4px;font-size:23px}.drawing-heading>span{font-size:42px}.drawing-layout{flex:1;grid-template-columns:250px minmax(0,1fr) 210px;align-items:stretch;gap:14px;min-height:0}.drawing-library,.drawing-tools{scrollbar-gutter:stable;min-height:0;overflow-y:auto}.drawing-library{flex-direction:column;display:flex}.drawing-library>*{flex-shrink:0}.drawing-library .drawing-catalog{flex:1 0 140px;align-content:start;min-height:140px;max-height:none;overflow-y:auto}.drawing-work{flex-direction:column;min-height:0;padding:12px;display:flex;overflow-y:auto}.drawing-work-title,.drawing-lesson{flex-shrink:0}.drawing-board-frame{flex:1 0 180px;place-items:center;min-height:180px;display:grid;container-type:size}.lesson-paper{aspect-ratio:1;width:min(100cqw,100cqh)}.drawing-lesson{margin-top:10px;padding:12px}.drawing-lesson p{min-height:0;margin-block:8px}.collage-studio .studio-shell{min-height:0;padding:10px 0 max(12px, env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex}.studio-welcome{flex-shrink:0}.studio-welcome h1{font-size:22px}.collage-workspace{flex:1;grid-template-columns:230px minmax(0,1fr) 220px;align-items:stretch;min-height:0}.collage-library,.collage-side-panel{scrollbar-gutter:stable;min-height:0;overflow-y:auto}.collage-library{flex-direction:column;display:flex}.collage-library>*{flex-shrink:0}.collage-library .sticker-shelf{flex:1 0 100px;align-content:start;min-height:100px;max-height:none}.collage-center{flex-direction:column;min-height:0;padding:0 2px 4px;display:flex;overflow-y:auto}.collage-center>*{flex-shrink:0}.collage-board-frame{flex:1 0 180px;place-items:center;min-height:180px;display:grid;container-type:size}.collage-board{aspect-ratio:1200/760;width:min(100cqw,157.895cqh)}.studio-missions{margin-top:6px;padding:10px}.studio-missions header{margin-bottom:6px}.studio-tip{margin-top:8px}}@media (width<=1100px){.drawing-studio,.collage-studio{height:auto;padding-bottom:max(24px, env(safe-area-inset-bottom));overflow:visible}.lesson-paper{width:min(100%,max(240px,100dvh - 340px))}.collage-board{width:min(100%,max(280px,157.895dvh - 505.263px))}.drawing-work,.collage-side-panel>section{min-width:0}.sticker-controls{display:block}.scene-backgrounds{grid-template-columns:repeat(auto-fit,minmax(55px,1fr))}}.drawing-catalog{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content}.drawing-catalog button{min-width:0}.drawing-catalog svg{flex-shrink:0;max-width:100%}.collage-library .sticker-shelf{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content}.collage-library .sticker-shelf button{min-width:0}@media (width<=760px){.collage-library .sticker-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1101px) and (height<=700px){.drawing-heading{padding-block:6px}.drawing-heading p,.drawing-heading>span{display:none}.drawing-board-frame,.collage-board-frame{flex-basis:120px;min-height:120px}.collage-studio .studio-welcome h1{font-size:18px}.studio-missions header span{display:none}.studio-missions button{min-width:90px;font-size:12px}}@media (width<=640px){.drawing-catalog button{flex:0 0 85px;min-width:85px}.drawing-catalog{overflow:auto hidden}}:is(.app-shell:has(>.drawing-studio),.app-shell:has(>.collage-studio)){overflow:hidden auto}