:root{--play-ink:#23346b;--play-primary:#6750c8;--play-yellow:#ffcf39;--play-pink:#ff75ab}body{background:radial-gradient(ellipse at 0% 15%,#cdf5ff 0,transparent 38%),radial-gradient(ellipse at 100% 40%,#f6e1ff 0,transparent 35%),#f5fbff;color:var(--play-ink)}header{position:relative;gap:28px}header nav a{color:var(--play-ink)}.motion-toggle{background:#fff;border:1px solid #c8d6ed;border-radius:12px;font-size:.875rem;padding:10px 12px;font-weight:700;cursor:pointer;color:var(--play-ink);white-space:nowrap}.language-control{margin-left:0}.welcome{background:linear-gradient(115deg,#d3f6ff,#e4dcff 70%,#ffdfef);border:2px solid #fff;box-shadow:0 9px 0 #b8d7f177,0 20px 50px #5765b015;grid-template-columns:1.05fr 1fr;padding:28px 42px;min-height:300px;gap:0;isolation:isolate;border-radius:32px;margin-bottom:42px}.welcome .eyebrow{color:#534594}.welcome h1{font-size:clamp(2.6rem,4.5vw,3.8rem);color:#24366f;line-height:1.1}.welcome h1 span{color:#8050c5}.welcome p{color:#3a5180;font-size:1rem}.hero-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.hero-button{padding:13px 21px;border-radius:16px;background:#6850c5;color:#fff;text-decoration:none;font-weight:800;font-size:.94rem;box-shadow:0 5px 0 #48359a;transition:transform .2s}.hero-button.outline{background:#ffcf39;color:#3b3263;box-shadow:0 5px 0 #d5a723}.hero-button:hover{transform:translateY(-2px)}.character-stage{position:relative;width:100%;height:285px;pointer-events:none}.sprite{position:absolute;aspect-ratio:1;overflow:hidden;filter:drop-shadow(0 10px 8px #5b438321)}.sprite img{width:400%!important;max-width:none!important;height:100%!important;display:block;object-fit:fill!important;border-radius:0!important;mix-blend-mode:normal!important;animation:sprite-frames 1.8s steps(4,end) infinite}.sprite.rainbow{width:260px;left:calc(50% - 130px);top:-8px;animation:rainbow-arrive .9s ease-out both,rainbow-rise 7s ease-in-out .9s infinite}.sprite.rainbow img{animation-duration:2.8s}.sprite.panda{width:155px;left:calc(50% - 155px);bottom:-8px;animation:mascot-sway 5s ease-in-out infinite}.sprite.bunny{width:140px;left:calc(50% + 8px);bottom:-10px;animation:bunny-hop 2.5s ease-in-out infinite}.sprite.bunny img{animation-duration:1.4s}.sprite.bird{width:82px;top:20px;left:10px;animation:bird-fly 9s ease-in-out infinite}.sprite.bird img{animation-duration:.7s}.sprite.bird-small{width:65px;top:87px;left:auto;right:5px;animation:bird-fly-small 7s ease-in-out infinite;animation-delay:-3s}.sprite.bird-small img{animation-delay:-.2s}.game-filters{display:flex;gap:11px;margin:0 0 24px;flex-wrap:wrap}.game-filters button{font:inherit;font-size:.94rem;cursor:pointer;padding:11px 19px;border:1px solid #d5dcef;background:#fff;border-radius:25px;font-weight:700;color:#405184}.game-filters button[aria-pressed=true]{background:#6650c5;color:#fff;border-color:#6650c5;box-shadow:0 3px 0 #433199}.activity-grid{grid-template-columns:repeat(3,1fr);gap:24px}.activity-card{border:2px solid #fff;border-radius:26px;padding:20px 22px;box-shadow:0 7px 0 var(--tile-shadow,#b8c8ef),0 12px 20px #3b456611;color:#26356a;transform-style:preserve-3d;transition:transform .2s,box-shadow .2s}.activity-card:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:0 11px 0 var(--tile-shadow),0 20px 35px #3b45661a}.theme-yellow{background:linear-gradient(145deg,#ffeda4,#ffd96a);--tile-shadow:#e8bf48}.theme-blue{background:linear-gradient(145deg,#d4edff,#a9d5ff);--tile-shadow:#84b9e4}.theme-purple{background:linear-gradient(145deg,#ece0ff,#d2bdff);--tile-shadow:#b296e1}.theme-orange{background:linear-gradient(145deg,#ffe5c0,#ffbf92);--tile-shadow:#e79f73}.theme-pink{background:linear-gradient(145deg,#ffe1ef,#ffb5d4);--tile-shadow:#e595b8}.theme-red{background:linear-gradient(145deg,#ffe1df,#ffb5b1);--tile-shadow:#e59490}.theme-green{background:linear-gradient(145deg,#d8f4c5,#b4e79d);--tile-shadow:#91ca7e}.theme-cyan{background:linear-gradient(145deg,#c5f3f4,#95e2e6);--tile-shadow:#74c0c6}.card-art{height:100px}.tile-icon{font-size:3.7rem;line-height:1.1;display:block;filter:drop-shadow(0 5px 1px #4b417b20);transition:transform .3s}.letter-icon{font-size:3.4rem;letter-spacing:-3px;font-weight:900;color:#7252c6;text-shadow:3px 4px 0 #fff8}.activity-card:hover .tile-icon{animation:tile-wiggle .9s ease-in-out infinite}.card-top .category{font-size:.75rem;color:#354874}.card-title{font-size:1.38rem}.card-copy{color:#40527b;min-height:44px;margin-bottom:13px}.question-count{font-size:.8rem;font-weight:700;color:#455480;margin:0 0 14px}.card-action{background:#fffc;border-radius:14px;box-shadow:0 3px 0 #ffffff55}.small-note,.section-heading .eyebrow{color:#46598b}.parent-strip{border:2px solid #fff;box-shadow:0 4px 0 #d6e5f4;background:#eef5ff}.coloring-invite{background:linear-gradient(110deg,#fff0ab,#ffd1e4);border:2px solid #fff;box-shadow:0 5px 0 #efcaa5}.coloring-invite>a{background:#6750c5;box-shadow:0 4px 0 #453494}dialog{background:#f8fbff;border:3px solid #fff;color:#26356a;max-width:640px}.game-label{color:#6851c8}.question-art{background:#e8edff}.game-setup{padding:5px 5px 10px}.game-setup h2{font-size:1.8rem;line-height:1.3;margin:18px 0 8px}.game-setup p{color:#52618e;line-height:1.5;font-size:.94rem}.setup-label{text-align:left;font-weight:800;margin:25px 0 10px}.level-buttons,.round-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.level-buttons button,.round-buttons button{font:inherit;font-weight:800;background:white;border:2px solid #d5def0;padding:15px 6px;border-radius:14px;color:#354676;cursor:pointer}.level-buttons button.selected,.round-buttons button.selected{background:#eee7ff;border-color:#7960cf;box-shadow:0 3px 0 #bba9e6}.round-buttons button:disabled{opacity:.42;cursor:default}.round-buttons button small{display:block;font-size:.8rem;font-weight:400;margin-top:5px}.start-round{width:100%;margin-top:28px;background:#6b50c9;box-shadow:0 5px 0 #493499}.learning-link{display:flex;gap:10px;align-items:center;text-align:left;border:2px solid #e8d581;border-radius:16px;padding:16px;background:#fff0b2;margin-top:24px;cursor:pointer;font:inherit;color:#423e70;font-weight:800;width:100%}.learning-link span{font-size:2rem}.question-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 15px;color:#52618e;font-size:.875rem}.speak-button{border:1px solid #cbd9f2;border-radius:12px;padding:9px 14px;background:#fff;font:inherit;font-weight:700;cursor:pointer;color:#52618e}.count-items{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;font-size:2.1rem;width:min(100%,330px)}.learning-symbol{font-size:clamp(1.8rem,5vw,3.4rem);font-weight:900;line-height:1.5;letter-spacing:2px;overflow-wrap:anywhere}.color-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;width:100%}.color-tiles div{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:1rem}.color-tiles span{width:65px;height:65px;border:1px solid #d1d8e5;border-radius:14px}.question-art .swatch.circle{border-radius:50%}.answers{grid-template-columns:repeat(2,1fr)}.answer.correct{background:#c7f5d6;animation:answer-pop .4s ease-out}.next-button,.play-again{background:#6950c8}.progress-dots{flex-wrap:wrap;margin:10px 0;gap:6px}.progress-dots span{width:9px;height:9px}.progress-dots .done{background:#6850c8}.round-score{font-size:1.1rem;color:#6750c5;font-weight:800}.lesson-jump{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;margin:20px 0}.lesson-jump button{border:1px solid #d4def0;background:white;border-radius:9px;padding:9px 3px;font:inherit;font-size:.94rem;color:#405580;font-weight:700;cursor:pointer}.lesson-jump button.selected{background:#6950c8;color:#fff;border-color:#6950c8}.lesson-visual{background:linear-gradient(120deg,#dbeeff,#efdefe);padding:25px;border-radius:22px;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;margin:18px 0}.lesson-letter{font-size:5.5rem;font-weight:900;line-height:1.1;color:#7752c6;text-shadow:3px 5px #fff;letter-spacing:7px}.lesson-picture{font-size:4rem}.lesson-word{font-size:1.7rem;font-weight:800}.lesson-caption{font-size:1.05rem;color:#4b5985;line-height:1.6}.lesson-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.lesson-actions button{font:inherit;padding:12px 17px;border:1px solid #c7d7f0;background:#fff;border-radius:12px;font-weight:800;cursor:pointer;color:#40527b}.lesson-actions button:disabled{opacity:.45;cursor:default}.lesson-actions .speak-button{background:#ffe090;border-color:#ebc26a}.back-to-setup{margin:22px 0 0;border:0;background:none;text-decoration:underline;text-underline-offset:5px;font:inherit;font-weight:700;cursor:pointer;color:#65509d}.motion-paused .sprite,.motion-paused .sprite img,.motion-paused .activity-card .tile-icon{animation-play-state:paused!important}.motion-paused .sprite.bird{transform:none!important}.motion-paused .sprite.rainbow{opacity:1!important;transform:none!important}@keyframes sprite-frames{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes rainbow-rise{0%,100%{transform:translateY(6px) scale(.96)}45%,65%{transform:translateY(-5px) scale(1.02)}}@keyframes mascot-sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes bunny-hop{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-10px)}}@keyframes bird-fly{0%,100%{transform:translate(0,5px) rotate(-5deg)}50%{transform:translate(48px,-12px) rotate(7deg)}}@keyframes bird-fly-small{0%,100%{transform:translate(0,0) rotate(3deg)}50%{transform:translate(-42px,-14px) rotate(-8deg)}}@keyframes tile-wiggle{0%,100%{transform:rotate(-5deg) scale(1.02)}50%{transform:rotate(5deg) scale(1.08)}}@keyframes answer-pop{0%{transform:scale(.96)}60%{transform:scale(1.04)}100%{transform:scale(1)}}@media(max-width:1050px){header{gap:20px}.welcome{padding:25px 30px}.sprite.rainbow{width:225px;left:calc(50% - 112px)}.activity-grid{gap:20px}.motion-toggle{font-size:.8rem}}@media(max-width:760px){header{flex-wrap:wrap}.motion-toggle{margin-left:auto}.language-control{margin-left:0}header nav{order:4;width:100%;justify-content:center;gap:35px}.welcome{grid-template-columns:1fr 1fr;padding:28px;min-height:300px}.welcome h1{font-size:2.7rem}.character-stage{height:250px}.sprite.rainbow{width:180px;left:calc(50% - 90px);top:10px}.sprite.panda{width:130px;left:calc(50% - 115px)}.sprite.bunny{width:116px;left:calc(50% + 0px)}.sprite.bird{width:60px;left:-5px;top:0}.sprite.bird-small{width:52px;right:-4px}.activity-grid{grid-template-columns:repeat(2,1fr);gap:20px}.card-title{font-size:1.15rem}.card-copy{font-size:.875rem;min-height:66px}.card-art{height:95px}.activity-card{padding:17px 15px}.tile-icon{font-size:3.2rem}.letter-icon{font-size:2.7rem}.card-top .category{font-size:.75rem}.question-count{font-size:.75rem}.game-filters{gap:8px}.game-filters button{padding:9px 13px;font-size:.875rem}}@media(max-width:500px){header{padding:15px 18px}.brand .logo{width:115px}.motion-toggle{padding:9px;font-size:.75rem}.language-control select{padding:9px;font-size:.875rem}.welcome{grid-template-columns:1fr;padding:25px;text-align:center;gap:15px}.welcome h1{font-size:2.9rem}.welcome p br{display:none}.hero-actions{justify-content:center}.character-stage{height:235px;max-width:340px;margin:auto}.sprite.rainbow{width:210px;left:calc(50% - 105px);top:-4px}.sprite.panda{width:140px;left:calc(50% - 132px)}.sprite.bunny{width:130px;left:calc(50% + 10px)}.sprite.bird{left:5px;top:20px}.sprite.bird-small{right:2px;top:55px}.activity-grid{gap:18px 13px}.question-count{line-height:1.5;min-height:30px}.card-copy{min-height:75px}.card-art{height:83px}.card-title{font-size:1.12rem}.category{letter-spacing:.3px}.letter-icon{font-size:2.5rem}.color-tiles{gap:8px}.color-tiles span{width:50px;height:50px}.lesson-jump{grid-template-columns:repeat(7,1fr)}.count-items{gap:10px;font-size:1.8rem}.learning-symbol{font-size:1.8rem}.level-buttons button,.round-buttons button{font-size:.94rem}.game-setup h2{font-size:1.55rem}}@media(prefers-reduced-motion:reduce){.sprite,.sprite img,.activity-card:hover .tile-icon,.answer.correct{animation:none!important}.activity-card,.hero-button,.tile-icon{transition:none!important}}
.activity-card[hidden]{display:none!important}.learn-first{background:#ffffffcf;padding:23px 28px;border:2px solid #fff;border-radius:23px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:38px;box-shadow:0 5px 0 #d5e3f0}.learn-first h2{font-size:1.3rem;margin:8px 0}.learn-first-buttons{display:flex;gap:15px}.learn-first-buttons button{position:relative;text-align:left;padding:15px 20px 15px 65px;background:#eee7ff;border:1px solid #d5c7f4;border-radius:17px;font:inherit;color:#403770;cursor:pointer;min-width:225px}.learn-first-buttons button:nth-child(2){background:#fff0b2;border-color:#ecdc92}.learn-first-buttons span{position:absolute;left:16px;top:23px;font-size:1.5rem;font-weight:900;color:#7552c5}.learn-first-buttons strong{display:block;font-size:1rem}.learn-first-buttons small{display:block;margin-top:6px;font-size:.8rem}@media(max-width:900px){.learn-first{flex-wrap:wrap}.learn-first-buttons{width:100%}.learn-first-buttons button{min-width:0;flex:1}}@media(max-width:500px){.learn-first{padding:23px}.learn-first-buttons{flex-direction:column}.learn-first-buttons button{padding:18px 20px 18px 68px}}
.chart-invite{display:flex;align-items:center;gap:25px;margin:32px 0;padding:28px 32px;background:linear-gradient(120deg,#c6edff,#dbd2ff);border:2px solid #fff;border-radius:22px;box-shadow:0 5px 0 #aabedd}.chart-invite h2{font-size:1.5rem;margin:10px 0}.chart-invite p{font-size:.94rem;line-height:1.6;max-width:650px;margin:0}.chart-invite>a{white-space:nowrap;background:#6750c8;color:#fff;font-weight:800;font-size:.94rem;text-decoration:none;padding:15px 22px;border-radius:14px;box-shadow:0 4px 0 #493695;margin-left:auto}@media(max-width:700px){.chart-invite{flex-wrap:wrap;padding:25px}.chart-invite>a{margin-left:0}}
.friends-ribbon{max-width:1170px;margin:5px auto 12px;padding:12px 25px;background:linear-gradient(115deg,#d7f2ff,#eee2ff,#ffe2ee);border:2px solid #fff;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 5px 0 #c7d8ec}.ribbon-copy{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.ribbon-copy .eyebrow{color:#675598;font-size:.75rem}.ribbon-friends{display:flex;align-items:center;gap:15px;height:90px}.ribbon-friends .sprite{position:relative;width:75px;height:75px;inset:auto;flex-shrink:0}.ribbon-friends .ribbon-rainbow{width:105px;height:105px;animation:rainbow-rise 6s ease-in-out infinite}.ribbon-bunny{animation:bunny-hop 2.5s infinite}.ribbon-bird{animation:bird-fly-small 5s infinite}.ribbon-bird img{animation-duration:.7s}.motion-paused .ribbon-friends .sprite,.motion-paused .ribbon-friends .sprite img{animation-play-state:paused!important}@media(max-width:760px){.friends-ribbon{margin:5px 18px 12px;padding:10px 16px;gap:10px}.ribbon-copy .eyebrow{display:none}.ribbon-friends{gap:7px;height:70px}.ribbon-friends .sprite{width:55px;height:55px}.ribbon-friends .ribbon-rainbow{width:80px;height:80px}}@media(max-width:450px){.ribbon-friends{gap:3px}.ribbon-friends .sprite{width:48px;height:48px}.ribbon-friends .ribbon-rainbow{width:62px;height:62px}.friends-ribbon{padding:9px 12px}.ribbon-copy .motion-toggle{font-size:.75rem;padding:8px}.site-header nav{gap:14px;font-size:.8rem}}

@keyframes rainbow-arrive{from{opacity:0;transform:translateY(35px) scale(.65)}to{opacity:1;transform:translateY(0) scale(1)}}

body{font-family:'Trebuchet MS','Arial Rounded MT Bold',Arial,sans-serif;line-height:1.55}h1,h2,h3,.card-title{font-family:'Arial Rounded MT Bold','Trebuchet MS',Arial,sans-serif;font-weight:900}h1{letter-spacing:-.035em}h2,h3,.card-title{letter-spacing:-.02em;line-height:1.25}.welcome h1{text-shadow:0 2px 0 #fff,0 5px 0 #b7c8ee55}.welcome h1 span{background:none;background-clip:border-box;-webkit-background-clip:border-box;color:#6633a6;-webkit-text-fill-color:#6633a6}.card-title{font-size:1.4rem}.card-copy{font-size:1rem;line-height:1.6}.game-filters button,.hero-button,.card-action{font-size:1rem}.card-top .category,.card-tag{font-size:.875rem;letter-spacing:.025em}.eyebrow{letter-spacing:.09em}.shop-intro{line-height:1.7}.chart-item strong{font-size:1.08rem}.chart-item{transition:transform .2s}.paint-tools .palette{grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:8px}.paint-tools .color-choice{width:40px;height:40px;border-radius:50%}@media(max-width:500px){.card-title{font-size:1.2rem}.card-copy{font-size:.94rem}.card-top .category,.card-tag{font-size:.8rem}.paint-tools .palette{grid-template-columns:repeat(auto-fit,minmax(40px,1fr))}}@media print{.friends-ribbon{display:none!important}}