:root{--font:"Fredoka", "Trebuchet MS", system-ui, sans-serif;--navy:#0a1a7a;--royal:#1e40d8;--sky:#3b8fe8;--sky-soft:#eaf3ff;--yellow:#ffd23f;--yellow-deep:#f5b800;--grass:#3aa83a;--grass-deep:#2f8f2a;--jersey:#1f7a3a;--ink:#0f1b4d;--muted:#5b6591;--white:#fff;--radius:22px;--shadow:0 8px 24px #0a1a7a26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);color:var(--ink);background:var(--sky-soft);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3{font-weight:700;line-height:1.1}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}ul,ol{list-style:none}.shell{flex-direction:column;min-height:100vh;display:flex}.shell>main{flex:1}.site-header{z-index:50;background:var(--navy);align-items:center;gap:16px;padding:12px 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #00000040}.brand{letter-spacing:-.01em;font-size:24px;font-weight:700}.brand-white{color:var(--white)}.brand-yellow{color:var(--yellow)}.main-nav{gap:4px;margin-left:auto;display:flex}.nav-link{color:#cfdcff;border-radius:999px;padding:8px 14px;font-weight:500;transition:background .15s,color .15s}.nav-link:hover{color:var(--white);background:#ffffff1f}.nav-link.active{background:var(--yellow);color:var(--navy);font-weight:600}.star-pill{color:var(--yellow);background:#ffffff24;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-weight:700;display:inline-flex}@media (width<=640px){.site-header{flex-wrap:wrap;justify-content:space-between;padding:10px 14px}.main-nav{order:3;justify-content:space-between;width:100%;margin-left:0}.nav-link{padding:6px 10px;font-size:15px}}.btn{border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:12px 24px;font-size:17px;font-weight:600;transition:transform .12s,box-shadow .12s,filter .12s;display:inline-flex;box-shadow:0 4px #0000002e}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0000002e}.btn:disabled{opacity:.7;cursor:default}.btn-yellow{background:var(--yellow);color:var(--navy)}.btn-blue{background:var(--royal);color:var(--white)}.btn-green{background:var(--grass);color:var(--white)}.btn-ghost{color:var(--white);background:#ffffff26;border:2px solid #ffffffb3}.btn-ghost-dark{color:var(--royal);border:2px solid var(--royal);box-shadow:none;background:0 0}.link-btn{color:var(--royal);background:0 0;border:0;font-size:15px;font-weight:600}.link-btn:hover{text-decoration:underline}.home-hero{text-align:center;color:var(--white);background:radial-gradient(ellipse at 85% 0%, #78b4ff8c, transparent 55%), linear-gradient(180deg, var(--navy) 0%, var(--royal) 45%, var(--sky) 100%);padding:56px 20px 0;position:relative;overflow:hidden}.sparkle{color:var(--yellow);position:absolute;top:28px;right:8%}.game-title{letter-spacing:-.02em;flex-direction:column;align-items:center;font-size:clamp(48px,11vw,120px);line-height:.95;display:flex}.t-white{color:var(--white);text-shadow:0 6px #0a1a7a8c,0 0 28px #ffffff59}.t-yellow{color:var(--yellow);text-shadow:0 6px #965a0080,0 0 28px #ffd23f66}.hero-lede{color:#e3edff;max-width:36rem;margin:24px auto 0;font-size:clamp(17px,2.4vw,21px)}.hero-actions{z-index:3;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:28px;display:flex;position:relative}.scene{height:clamp(200px,30vw,340px);margin:0 -20px;position:relative}.scene-svg{width:100%;height:100%;position:absolute;inset:0}.cloud{background:var(--white);opacity:.95;filter:drop-shadow(0 4px 6px #00000014);border-radius:999px;position:absolute}.cloud:before,.cloud:after{content:"";background:var(--white);border-radius:50%;position:absolute}.cloud-a{width:120px;height:36px;animation:14s ease-in-out infinite alternate drift;top:12%;left:8%}.cloud-a:before{width:56px;height:56px;top:-26px;left:18px}.cloud-a:after{width:40px;height:40px;top:-16px;left:62px}.cloud-b{width:150px;height:44px;animation:18s ease-in-out infinite alternate-reverse drift;top:4%;right:8%}.cloud-b:before{width:70px;height:70px;top:-32px;left:24px}.cloud-b:after{width:50px;height:50px;top:-20px;left:80px}@keyframes drift{0%{transform:translate(-14px)}to{transform:translate(14px)}}.scene-item{filter:drop-shadow(0 6px 4px #0003);font-size:clamp(34px,6vw,64px);position:absolute}.item-book{animation:3s ease-in-out infinite bob;bottom:14%;left:16%}.item-ball{animation:2.4s ease-in-out .4s infinite bob;bottom:12%;right:18%}.item-bridge{animation:3.4s ease-in-out .8s infinite bob;bottom:8%;left:40%}.item-tree{font-size:clamp(40px,7vw,80px);bottom:36%;left:3%}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.section{max-width:1080px;margin:0 auto;padding:56px 20px}.section-soft{background:var(--white);max-width:none}.section-soft>*{max-width:1040px;margin-left:auto;margin-right:auto}.section-title{text-align:center;color:var(--navy);margin-bottom:32px;font-size:clamp(28px,4vw,40px)}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.feature-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border-bottom:6px solid var(--tone);padding:24px;transition:transform .15s;display:block}.feature-card:hover{transform:translateY(-4px)}.feature-card h3{color:var(--navy);margin:14px 0 8px;font-size:26px}.feature-card p{color:var(--muted)}.feature-icon{background:var(--tone);width:56px;height:56px;color:var(--white);border-radius:16px;justify-content:center;align-items:center;display:inline-flex}.tone-blue{--tone:var(--royal)}.tone-yellow{--tone:var(--yellow-deep)}.tone-green{--tone:var(--grass)}.tone-navy{--tone:var(--navy)}.steps{text-align:center;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;display:grid}.step-num{background:var(--yellow);width:52px;height:52px;color:var(--navy);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:26px;font-weight:700;display:inline-flex}.steps h3{color:var(--navy);margin-bottom:6px;font-size:22px}.steps p{color:var(--muted)}.parent-card{background:linear-gradient(135deg, var(--jersey), var(--grass));color:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);max-width:820px;margin:0 auto;padding:32px}.parent-card h2{color:var(--yellow);margin-bottom:12px;font-size:28px}.page{flex-direction:column;gap:28px;max-width:920px;margin:0 auto;padding:36px 20px 64px;display:flex}.page-head h1{color:var(--navy);margin-bottom:10px;font-size:clamp(36px,6vw,56px)}.page-head p{color:var(--muted);max-width:40rem;font-size:18px}.panel{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:28px;display:flex}.panel.center{text-align:center;align-items:center}.panel h2{color:var(--navy);font-size:28px}.big-emoji{font-size:64px;line-height:1}.muted{color:var(--muted)}.row-gap{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.center-text{text-align:center}.subject-grid,.game-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;display:grid}.subject-card,.game-card{text-align:left;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:0;flex-direction:column;gap:8px;padding:24px;transition:transform .15s;display:flex}.subject-card{border-top:8px solid var(--card-color);color:inherit}.subject-card:hover{transform:translateY(-4px)}.subject-card h3,.game-card h3{color:var(--navy);font-size:24px}.subject-card p,.game-card p{color:var(--muted);flex:1}.subject-emoji{font-size:44px;line-height:1}.subject-go{color:var(--card-color);font-weight:600}.game-card{border-top:8px solid var(--yellow)}.game-card.active{outline:4px solid var(--royal)}.game-card .btn{margin-top:8px}.quiz-top{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.quiz-count{color:var(--muted);font-weight:500}.progress{background:var(--sky-soft);border-radius:999px;height:12px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--grass), var(--yellow));border-radius:999px;height:100%;transition:width .3s}.question{color:var(--navy);font-size:clamp(24px,4vw,32px)}.options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.option{background:var(--sky-soft);color:var(--ink);text-align:left;border:3px solid #0000;border-radius:16px;padding:16px;font-size:18px;font-weight:500;transition:border-color .15s,background .15s}.option:hover{border-color:var(--sky)}.option.correct{border-color:var(--grass);background:#d9f7d9}.option.wrong{opacity:.8;background:#ffe4e0;border-color:#f08a7c}.feedback{border-radius:14px;align-items:center;gap:8px;padding:12px 16px;font-weight:500;display:flex}.feedback.good{color:#1b5e20;background:#d9f7d9}.feedback.hint{color:#7a5600;background:#fff6d6}.panel .btn{align-self:flex-start}.panel.center .btn{align-self:center}.memory-grid{grid-template-columns:repeat(4,minmax(0,84px));justify-content:center;gap:10px;display:grid}.memory-card{aspect-ratio:1;background:var(--royal);color:var(--yellow);box-shadow:0 4px 0 var(--navy);border:0;border-radius:16px;font-size:32px;font-weight:700;transition:transform .15s,background .15s}.memory-card:hover{transform:translateY(-2px)}.memory-card.show{background:var(--white);border:3px solid var(--sky);box-shadow:none}.memory-card.matched{border-color:var(--grass);background:#d9f7d9}.scramble-letters{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.letter-tile{background:var(--yellow);width:52px;height:56px;color:var(--navy);box-shadow:0 4px 0 var(--yellow-deep);border-radius:12px;justify-content:center;align-items:center;font-size:30px;font-weight:700;display:inline-flex}.scramble-form{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.scramble-form input{border:3px solid var(--sky);text-transform:uppercase;text-align:center;border-radius:999px;width:220px;min-width:0;padding:12px 16px;font-family:inherit;font-size:20px}.scramble-form input:focus{border-color:var(--royal);outline:none}.affirm-card{background:linear-gradient(160deg, var(--navy), var(--royal));color:var(--white);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:20px;padding:36px 28px;display:flex}.affirm-count{color:#b7cbff;font-weight:500}.affirm-card blockquote{color:var(--yellow);max-width:32rem;font-size:clamp(26px,4.5vw,40px);font-weight:600;line-height:1.2}.affirm-card .btn-ghost-dark{color:var(--white);border-color:#ffffffb3}.talent-grid{flex-wrap:wrap;gap:10px;display:flex}.talent-chip{background:var(--sky-soft);color:var(--ink);border:3px solid #0000;border-radius:999px;padding:10px 18px;font-size:17px;font-weight:500}.talent-chip:hover{border-color:var(--sky)}.talent-chip.selected{background:var(--yellow);border-color:var(--yellow-deep)}.talent-result{background:#fff6d6;border-radius:16px;flex-direction:column;gap:8px;padding:20px;display:flex}.talent-result h3{color:var(--navy);font-size:24px}.activity-list{flex-direction:column;gap:14px;display:flex}.activity{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:16px;padding:18px 22px;display:flex}.activity.done{background:#effbef}.activity-emoji{font-size:40px;line-height:1}.activity-body{flex:1}.activity-body h3{color:var(--navy);margin-bottom:4px;font-size:21px}.activity-body p{color:var(--muted)}.tips{flex-direction:column;gap:8px;display:flex}.tips li{padding-left:26px;position:relative}.tips li:before{content:"★";color:var(--yellow);position:absolute;left:0}.page .parent-card{width:100%;max-width:none}.page .parent-card h2{margin-bottom:14px}@media (width<=640px){.activity{flex-wrap:wrap}.activity .btn{width:100%}.memory-grid{grid-template-columns:repeat(4,minmax(0,68px))}}.site-footer{background:var(--navy);color:#cfdcff;text-align:center;padding:28px 20px}.footnote{color:#8fa6f0;margin-top:6px;font-size:13px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}