@import url('./responsive.css');
@import url('./compact.css');
@import url('./planet-fixes.css');
:root{font-family:'Trebuchet MS','Tahoma',sans-serif;color:#283f38;background:#f6f3e8;font-synthesis:none;--green:#28765e;--ink:#283f38}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer;border:0;color:inherit;min-height:52px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible{outline:4px solid #2569a3;outline-offset:5px}button:disabled{cursor:default}button:active:not(:disabled){transform:translateY(2px)}button{transition:transform .16s,box-shadow .16s}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.9rem,3.5vw,3rem);letter-spacing:-1.6px;line-height:1.15}h2{letter-spacing:-.7px}p{line-height:1.6}main{max-width:1160px;margin:auto;padding:0 32px;outline:none}.topbar{max-width:1224px;margin:auto;padding:26px 32px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{background:none;display:flex;align-items:center;gap:11px;text-align:left;font-size:30px;font-weight:900;letter-spacing:-1.8px;padding:0}.brand-icon{background:#deead6;border-radius:18px;font-size:36px;padding:8px;letter-spacing:0}.brand-roar{color:#32856c}.brand small{display:block;font-size:8px;letter-spacing:1.7px;margin-top:5px;color:#63766b}.top-actions{display:flex;gap:14px;align-items:center}.star-pill{display:inline-flex;gap:10px;align-items:center;justify-content:center;background:#fff5cc;border:1.5px solid #eddb94;border-radius:30px;padding:10px 22px;font-weight:bold;font-size:21px}.parent-button{background:#eeede4;border-radius:25px;font-size:21px;padding:10px 18px;display:flex;align-items:center;gap:9px}.parent-button span{font-size:13px}.welcome{display:flex;align-items:center;justify-content:space-between;min-height:204px;padding:26px 5px 28px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;color:#698375;margin-bottom:17px}.welcome h1{margin-bottom:13px}.welcome p{color:#758277;font-size:17px;margin:0}.welcome-friends{font-size:93px;position:relative;width:245px;transform:rotate(-8deg);text-align:center}.welcome-friends span{font-size:86px;position:absolute;left:92px;top:33px;transform:rotate(8deg)}.welcome-friends i{position:absolute;color:#dc9e45;font-size:32px;right:0;top:10px}.world-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.world-card{grid-column:span 2;border-radius:28px;min-height:310px;text-align:left;padding:21px 25px 24px;position:relative;overflow:hidden;box-shadow:0 5px 0 #00000008}.world-card.number{background:#e2eecf}.world-card.english{background:#ffdfc5}.world-card.solar{background:#dddff6}.world-card.animals{background:#f8e5ab;grid-column:span 3;min-height:230px}.world-card.coloring{background:#f6d5dc;grid-column:span 3;min-height:230px}.card-top{display:flex;justify-content:space-between;align-items:center}.world-index{font-size:12px;letter-spacing:1px;opacity:.55}.mini-stars{font-size:20px;opacity:.5}.world-art{height:120px;display:flex;align-items:center;justify-content:center;position:relative;font-size:94px;filter:drop-shadow(0 7px 0 #00000008)}.number-block{font-size:58px;font-weight:900;display:inline-block;border-radius:17px;line-height:1.2;padding:0 15px;box-shadow:inset -5px -5px 0 #0000000c}.block-one{background:#f6bf4b;color:#7c5420;transform:rotate(-13deg) translate(8px,9px)}.block-two{background:#62a583;color:white;transform:rotate(7deg) translateY(-9px);z-index:1}.block-three{background:#fb8467;color:#fff;transform:rotate(14deg) translate(-5px,13px)}.letter-a{font-size:109px;line-height:1;font-weight:900;color:#dc6850;transform:rotate(-10deg)}.letter-b{font-size:86px;color:#488ba1;transform:rotate(12deg);font-weight:900}.art-small{font-size:43px;margin-left:-8px;margin-top:41px}.space-star{font-size:26px;color:#fef7c1;position:absolute;right:19%;top:0}.card-copy h2{font-size:27px;margin:8px 0 4px}.card-copy p{font-size:13px;margin:0 0 18px;opacity:.76}.play-chip{display:inline-flex;align-items:center;gap:22px;background:#ffffff9c;border-radius:30px;padding:12px 18px;font-size:13px;font-weight:bold}.play-chip>span{font-size:10px}.animals .world-art,.coloring .world-art{position:absolute;right:16px;top:60px;width:45%;font-size:89px}.animals .card-copy,.coloring .card-copy{position:relative;width:55%;padding-top:23px}.animal-friend{font-size:68px;position:absolute;right:-4px;bottom:-13px}.crayon{font-size:68px;margin-left:-30px;transform:rotate(-13deg)}.treasure-banner{width:100%;margin:26px 0 12px;display:flex;align-items:center;text-align:left;gap:19px;border:1.5px dashed #d8d8c6;background:#eeeee0;border-radius:23px;padding:19px 25px}.chest{font-size:36px}.treasure-banner strong{display:block;font-size:18px}.treasure-banner small{display:block;color:#7b8475;margin-top:5px;font-size:13px}.treasure-preview{margin-left:auto;letter-spacing:12px;font-size:28px}.round-arrow{width:40px;height:40px;border-radius:50%;background:#fff8;display:grid;place-items:center;font-size:25px}footer{max-width:1160px;margin:23px auto;padding:0 32px 20px;display:flex;justify-content:space-between;gap:12px;color:#87917f;font-size:11px}.back-button{background:#e9ecdf;border-radius:20px;padding:8px 20px;display:inline-flex;align-items:center;gap:12px;font-size:25px;margin:14px 0}.back-button span{font-size:16px}.page-heading{text-align:center;margin:10px 0 28px}.page-heading h1{margin:10px 0}.page-heading p{color:#728274}.heading-icon{font-size:60px}.level-list{max-width:680px;margin:auto;display:grid;gap:14px}.level-button{padding:19px 24px;border-radius:22px;background:white;display:flex;gap:22px;align-items:center;text-align:left;box-shadow:0 4px 0 #e4e8db}.level-number{background:#e2eecf;border-radius:17px;width:58px;height:58px;display:grid;place-items:center;font-size:25px;font-weight:bold}.level-button strong{display:block;font-size:21px}.level-button small{display:block;margin-top:6px;color:#738175;font-size:13px}.level-status{margin-left:auto}.level-button:disabled{opacity:.55;background:#ebece5}.game-top{display:flex;justify-content:space-between;max-width:760px;margin:0 auto 14px;color:#687c6b}.progress-track{height:10px;border-radius:10px;background:#e2e7d8;max-width:760px;margin:auto;overflow:hidden}.progress-track span{display:block;background:#6ea778;height:100%;border-radius:10px}.question-panel{text-align:center;max-width:850px;margin:40px auto 0}.question-panel h1{font-size:32px;letter-spacing:-.6px}.question-visual{min-height:175px;font-size:110px;font-weight:900;display:flex;align-items:center;justify-content:center;color:#337d63}.question-visual.apples{display:flex;flex-wrap:wrap;gap:10px;max-width:520px;align-content:center;margin:auto;padding:20px 0;font-size:42px}.answers{display:flex;justify-content:center;gap:22px;margin-top:32px}.answer{border:3px solid #dde6d5;background:white;border-radius:24px;min-width:115px;padding:18px 24px;font-size:36px;font-weight:bold;box-shadow:0 6px 0 #dde6d5;overflow-wrap:anywhere}.answer.correct{background:#d9f0c7;border-color:#83b56b;box-shadow:0 6px 0 #83b56b}.answer:disabled{color:inherit;opacity:1}.feedback{min-height:44px;margin-top:28px;font-size:20px;font-weight:bold}.success{color:#28765e}.retry{color:#956321}.primary,.secondary,.danger{border-radius:18px;padding:14px 25px;font-weight:bold;font-size:17px}.primary{background:#28765e;color:white;box-shadow:0 4px 0 #195b46}.secondary{background:#e6ecdd}.danger{background:#f7ded9;color:#913e39}.next-slot{min-height:80px}.listen-button{font-size:90px;background:#e6ecdd;padding:10px 45px;border-radius:30px;min-height:175px}.completion{text-align:center;padding:60px 0}.celebrate{font-size:100px;animation:bob 2s infinite}.five-stars{color:#dfa62e;font-size:35px;margin:30px 0}.button-row{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.small{font-size:13px;color:#788573;margin-top:26px}.completion p{font-size:19px}.discovery{border-radius:30px;background:#e7ecd8;padding:30px}.discovery.space{background:#282e53;color:white}.discovery-items{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.discovery-item{background:#ffffff15;border:2px solid transparent;min-width:84px;border-radius:18px;padding:10px;color:inherit}.discovery-item span{display:block;font-size:40px}.discovery-item small{display:block;font-size:12px;margin-top:7px}.discovery-item.selected{border-color:#caa457;background:#ffffff25}.fact-card{display:flex;align-items:center;gap:40px;max-width:660px;margin:35px auto 10px}.fact-emoji{font-size:115px}.fact-card h2{font-size:35px;margin-bottom:8px}.fact-card h3{font-weight:normal;margin-bottom:14px}.fact-card p{font-size:17px}.space-note{text-align:center;font-size:12px;opacity:.7;margin-top:25px}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:760px;margin:auto}.sticker{background:#fff9eb;border-radius:24px;text-align:center;padding:25px;border:2px solid #ede3bf}.sticker>span{display:block;font-size:60px}.sticker small{display:block;margin-top:14px;color:#94723a}.sticker.locked{background:#e9eade;border-color:transparent;opacity:.7}.badge{text-align:center;font-size:24px;margin-top:28px}.hold-button{background:#e0eacb;border-radius:50%;width:195px;height:195px;font-size:65px;border:8px solid #d6e1c1;margin:25px}.hold-button span{display:block;font-size:13px}.hold-button.holding{animation:hold 3s linear forwards}.settings-panel{background:white;max-width:650px;margin:auto;border-radius:25px;padding:30px}.setting-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:19px;gap:20px}.setting-row select{min-height:52px;border-radius:12px;border:1px solid #ccd8c5;padding:8px 14px;background:white;color:inherit;font-size:17px}.toggle{min-width:88px;border-radius:30px;background:#e5e8e0;padding:12px 20px}.toggle.enabled{background:#28765e;color:white}.settings-panel h2{margin-top:32px;font-size:21px}.progress-summary p{display:flex;gap:12px;border-top:1px solid #e9eddf;padding-top:14px}.progress-summary strong{margin-left:auto}.compact{margin-bottom:15px}.art-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.palette{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:52px;border-radius:50%;background:var(--swatch);border:5px solid #f6f3e8}.swatch.active{outline:3px solid #283f38}.art-tools button:not(.swatch),.art-actions button{border-radius:15px;padding:12px 18px;background:#e2e9d7}.art-tools .active{outline:3px solid #283f38}.canvas-wrap{max-width:900px;margin:auto;border:3px solid #dedfce;border-radius:22px;overflow:hidden;background:white}.canvas-wrap canvas{display:block;width:100%;touch-action:none}.art-actions{display:flex;justify-content:center;gap:15px;margin-top:20px}.art-actions .primary{background:#28765e}.art-status{text-align:center;min-height:26px}.wiggle{animation:wiggle .3s}@keyframes wiggle{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@keyframes bob{50%{transform:translateY(-8px)}}@keyframes hold{to{border-color:#28765e;box-shadow:0 0 0 12px #9ec69a}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:900px){.welcome-friends{width:190px;font-size:76px}.welcome-friends span{left:60px;font-size:70px}.world-card{padding:18px;min-height:300px}.world-art{font-size:77px}.number-block{font-size:48px;padding:0 11px}.card-copy h2{font-size:25px}.animals .world-art,.coloring .world-art{font-size:70px;right:8px}.animal-friend{font-size:51px}.crayon{font-size:45px}.treasure-preview{font-size:24px;letter-spacing:4px}}
@media(max-width:620px){main{padding:0 18px}.topbar{padding:20px 18px}.brand{font-size:25px;gap:7px}.brand-icon{font-size:29px;padding:7px;border-radius:14px}.brand small{font-size:6px;letter-spacing:.6px}.top-actions{gap:8px}.star-pill{padding:9px 14px;font-size:18px}.parent-button{padding:10px 14px}.parent-button span{display:none}.welcome{padding:22px 1px;min-height:160px;position:relative}.welcome h1{font-size:29px;max-width:245px;letter-spacing:-1px}.welcome p{font-size:14px;max-width:240px}.eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:12px}.welcome-friends{position:absolute;width:90px;right:3px;top:40px;font-size:46px}.welcome-friends span{font-size:45px;left:25px;top:25px}.welcome-friends i{font-size:18px;right:-5px}.world-grid{grid-template-columns:repeat(2,1fr);gap:14px}.world-card,.world-card.animals,.world-card.coloring{grid-column:span 1;min-height:263px;padding:15px;border-radius:23px}.world-card.coloring{grid-column:span 2;min-height:177px}.world-art,.animals .world-art{position:relative;inset:auto;width:100%;height:95px;font-size:67px}.number-block{font-size:40px;padding:1px 9px;border-radius:12px}.letter-a{font-size:82px}.letter-b{font-size:62px}.art-small{font-size:30px;margin-left:-10px;margin-top:30px}.animals .card-copy{width:100%;padding-top:0}.card-copy h2{font-size:23px;margin-top:8px}.card-copy p{font-size:12px;line-height:1.4;min-height:32px;margin-bottom:13px}.play-chip{font-size:12px;padding:11px 14px;gap:15px}.animal-friend{font-size:48px;right:2px;bottom:2px}.coloring .card-copy{padding-top:5px;width:62%}.coloring .world-art{width:35%;top:42px;right:16px;font-size:70px}.world-index{font-size:11px}.mini-stars{font-size:15px}.treasure-banner{padding:17px 15px;gap:12px;margin-top:20px}.treasure-banner strong{font-size:16px}.treasure-banner small{font-size:11px}.treasure-preview{display:none}.round-arrow{margin-left:auto}.chest{font-size:28px}footer{padding:0 20px 20px;flex-direction:column;font-size:10px;gap:8px;margin-top:20px}.page-heading h1{font-size:30px}.page-heading p{font-size:15px}.level-button{padding:16px;gap:14px}.level-button strong{font-size:18px}.level-number{width:49px;height:49px;flex-shrink:0}.level-button small{font-size:12px}.question-panel{margin-top:25px}.question-panel h1{font-size:26px}.question-visual{font-size:74px;min-height:150px}.question-visual.apples{font-size:32px;gap:7px;max-width:315px}.answers{gap:12px}.answer{min-width:0;flex:1;padding:17px 8px;font-size:26px;border-radius:18px}.feedback{font-size:16px}.game-top{font-size:13px}.discovery{padding:20px 12px}.discovery-item{min-width:73px;padding:9px 6px}.discovery-item span{font-size:32px}.fact-card{gap:18px;flex-direction:column;text-align:center;margin-top:24px}.fact-emoji{font-size:80px}.fact-card h2{font-size:28px}.fact-card p{font-size:15px}.sticker-grid{grid-template-columns:repeat(3,1fr);gap:12px}.sticker{padding:18px 10px}.sticker>span{font-size:44px}.settings-panel{padding:23px 18px}.setting-row{font-size:17px}.swatch{width:48px;min-height:48px}.palette{gap:5px}.art-tools{justify-content:center}.celebrate{font-size:65px}.completion{padding:35px 0}.welcome-friends{pointer-events:none}}
@media(max-width:370px){.welcome-friends{opacity:.6;right:-8px}.welcome h1{max-width:220px;font-size:26px}.brand small{display:none}.world-card{padding:12px}.card-copy h2{font-size:21px}.number-block{font-size:34px}.play-chip{gap:8px}.top-actions{gap:5px}}
@media(max-height:550px) and (orientation:landscape){.topbar{padding-top:12px;padding-bottom:12px}.question-panel{margin-top:12px}.question-panel h1{font-size:25px;margin-bottom:5px}.question-visual{min-height:90px;font-size:65px}.question-visual.apples{padding:0;font-size:29px;max-width:600px}.answers{margin-top:12px}.answer{padding:10px 20px;font-size:26px}.feedback{margin-top:14px;min-height:30px}.listen-button{min-height:95px;font-size:50px}.welcome{min-height:150px}}
.hold-button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}
body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}