@layer reset,base,layout,components,activity,responsive,play,guidance;@layer guidance{.visual-count-lesson{display:block;position:relative}.lesson-stage .lesson-play{grid-column:1 / -1;width:min(100%,34rem);display:flex;margin:1.5rem auto 0}.visual-count-lesson .lesson-play{width:calc(100% - var(--tap) - var(--tap-gap));margin-left:auto;margin-right:0}.visual-count-lesson .lesson-replay{position:absolute;left:1.25rem;bottom:1.25rem;width:var(--tap);min-width:var(--tap);min-height:var(--tap);margin:0;display:flex;flex-direction:column;padding:.5rem;font-size:18px}.visual-count-lesson .lesson-replay>span{font-size:2rem}.visual-count-lesson h3>span{display:none}.lesson-play>span,.activity-actions .primary>span{font-size:2rem}.count-activity .activity-top{padding-right:calc(var(--tap) * 2 + var(--tap-gap) * 2)}.count-activity .activity-title{display:none}.count-activity .question-heading{display:block;margin-block:0 1rem}.count-activity .question-heading .eyebrow{display:none}.count-activity .question-heading h1{text-align:center}.count-activity .question-heading .listen-button{position:absolute;top:calc(-1 * (var(--tap) + 1rem));right:calc(var(--tap) + var(--tap-gap));width:var(--tap)}.listen-button{display:flex;flex-direction:column;align-items:center;justify-content:center}.listen-icon{font-size:2rem}.count-input,.band-K .count-input{align-items:start}.count-input .number-answer{align-self:center}.direct-number-answer{--digit-tap: 80px;--digit-gap: 48px;width:336px;max-width:100%}.band-K .direct-number-answer{--digit-tap: 64px;--digit-gap: 64px;width:320px}.direct-number-answer .number-pad{grid-template-columns:repeat(3,var(--digit-tap));gap:var(--digit-gap);margin-top:0}.direct-number-answer .number-pad button{min-width:var(--digit-tap);min-height:var(--digit-tap);width:var(--digit-tap);height:var(--digit-tap);padding:0;font-size:32px;font-weight:800}.direct-number-answer .number-pad button:nth-child(10){width:auto}.direct-number-answer .number-pad button:active:not(:disabled){background:#cce7dd;transform:translateY(3px)}.direct-number-answer .number-pad button{position:relative;border-radius:24px}.direct-number-answer .number-pad button[aria-pressed=true]{background:#cce9db;border:4px solid #21736d;box-shadow:0 0 0 5px #e1f2e9;color:#154f4c}.number-selection-mark{position:absolute;right:-9px;top:-10px;font-size:16px;line-height:1;border:3px solid #fff;border-radius:50%;background:#21736d;color:#fff;padding:4px}.keypad-action{margin-top:var(--digit-gap)}.keypad-action .primary{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:var(--tap);white-space:normal}.submit-number{font-size:1.35em;overflow-wrap:anywhere}.count-input.early-count-input,.band-K .count-input.early-count-input{grid-template-columns:1fr;gap:32px}.early-number-answer{width:100%;max-width:none}.band-K .early-number-answer{width:100%}.early-number-answer .number-pad.numeral-choices{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;width:min(100%,624px);margin-inline:auto}.early-number-answer .number-pad.numeral-choices button{width:100%;height:96px;min-height:96px;min-width:0;font-size:44px;border-radius:24px;background:#fff5de;border-color:#d5bd85}.early-number-answer .number-pad.numeral-choices button:nth-child(10){grid-column:auto}.early-number-answer .number-pad.numeral-choices button[aria-pressed=true]{background:#cce9db;border-color:#21736d}.early-number-answer .keypad-action{margin:24px auto 0;max-width:624px}@media(max-width:600px){.early-number-answer .number-pad.numeral-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.count-lesson-demo .example-keypad{grid-template-columns:repeat(5,36px)}.count-lesson-demo .example-keypad>span{width:36px}}.number-entry-notice{font-size:20px;text-align:center;background:#fff2d5;border-radius:16px;padding:.5rem}.count-input{grid-template-columns:minmax(0,1fr) 336px}.band-K .count-input{grid-template-columns:minmax(0,1fr) 320px}.count-input .count-items{margin-top:0;padding-block:.5rem}.number-step{position:relative}.first-touch-cue,.answer-touch-cue{position:absolute;width:88px;height:88px;right:-24px;bottom:-32px;z-index:2;pointer-events:none}.first-touch-cue .touch-hand{width:100%;height:100%;animation:point-to-touch 1.5s ease-in-out 2}.answer-touch-cue .touch-hand{width:100%;height:100%}.count-input .manipulation-tools{margin-top:1.5rem}.count-input .manipulation-tools .secondary{display:flex;flex-direction:column;align-items:center;justify-content:center}.count-input .manipulation-tools .secondary>span{font-size:2rem;line-height:1}.count-input .manipulation-tools small{font-size:18px}.activity-actions>.secondary{display:flex;flex-direction:column;justify-content:center;align-items:center}.help-icon{border:3px solid currentColor;border-radius:50%;font-size:1.6rem;line-height:1;width:2.2rem;height:2.2rem;display:grid;place-items:center}.gesture-picture{display:flex;justify-content:center;align-items:center;gap:1rem;padding-block:1rem;margin-bottom:1rem;pointer-events:none}.gesture-picture-step{display:flex;flex-direction:column;gap:.5rem;align-items:center}.gesture-picture-step strong{color:#355f6b;font-size:22px}.simple-gesture{flex-direction:column}.simple-gesture>strong{font-size:22px;color:#355f6b}.gesture-simple-sample{display:flex;gap:1rem;position:relative;padding-bottom:1rem}.gesture-simple-sample i{display:grid;place-items:center;width:56px;height:56px;font-size:30px;font-style:normal;border:3px solid #85b6aa;border-radius:16px;background:#f7fbf6}.gesture-simple-sample.choice i:nth-child(2){border-style:double;border-width:6px;background:#e2eccc}.gesture-simple-sample .touch-hand{right:30%;bottom:-12px}.gesture-simple-sample.keypad{display:grid;grid-template-columns:repeat(3,42px);gap:6px}.gesture-simple-sample.keypad i{width:42px;height:42px;font-size:24px;border-radius:10px}.gesture-sample-object,.gesture-sample-target{position:relative;display:block;width:100px;height:84px}.gesture-sample-object>span,.gesture-sample-target>span{display:block;position:absolute;width:48px;height:48px;border-radius:18px;background:#f2b35d;border:3px solid #b67735;left:14px;top:8px}.gesture-sample-target{border:3px dashed #539082;border-bottom:8px solid #539082;border-radius:8px 8px 26px 26px}.gesture-sample-target.order{border-radius:8px}.gesture-sample-target>span{background:#f7d499;top:16px;left:18px}.gesture-picture .touch-hand{position:absolute;width:64px;height:64px;right:-12px;bottom:-8px}.gesture-arrow{font-size:3rem;color:#398b85}.gesture-picture.is-holding .gesture-sample-target{border-style:solid;outline:4px solid #e5bc5d;outline-offset:6px}.gesture-notice{background:#fff2d5;color:#745730;border-radius:20px;padding:.7rem;text-align:center;margin-bottom:1rem}.drop-target.target-full{border:8px double #ae8040;background:#fff3dc}.target-full-note{display:block;text-align:center;font-size:22px;color:#745730;margin-bottom:1rem}@keyframes point-to-touch{0%,to{transform:translate(0)}50%{transform:translate(-6px,-6px)}}@media(max-width:720px){.direct-number-answer{margin-inline:auto}.count-activity .activity-top{padding-right:calc(var(--tap) + 1rem)}.count-activity .question-heading{display:grid;grid-template-columns:1fr var(--tap);gap:1rem;align-items:center}.count-activity .question-heading .listen-button{position:static;grid-column:2;grid-row:1}.count-activity .question-heading h1{text-align:left}.visual-count-lesson .lesson-replay{left:1rem;bottom:1rem}.visual-count-lesson .lesson-play{font-size:22px;gap:.5rem}}@media(max-width:900px){.count-input,.band-K .count-input{grid-template-columns:1fr}.count-input .direct-number-answer{margin-inline:auto}}@media(max-width:420px){.direct-number-answer .number-pad{grid-template-columns:repeat(2,var(--digit-tap))}.direct-number-answer{width:100%}.direct-number-answer .number-pad{justify-content:center}.direct-number-answer .number-pad button:nth-child(10){grid-column:auto}}@media(prefers-reduced-motion:reduce){.first-touch-cue .touch-hand{animation:none;transform:none}}}@layer reset{*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button,input,select{-webkit-tap-highlight-color:transparent}figure{margin:0}h1,h2,h3,p{margin-block:0}button,a,input,select{touch-action:manipulation}:focus-visible{outline:3px solid #9c4b18;outline-offset:5px}h1:focus,main:focus{outline:none}}@layer play{.app:not(.adult-app){--forest: #237b79;--dark: #203f52;--muted: #4d6573;--cream: #fffef9;--border: #bfd8dc;color:var(--dark);background:radial-gradient(ellipse at 94% 1%,#ffe5be 0,transparent 32%),radial-gradient(ellipse at 0% 46%,#e0f3f0 0,transparent 40%),#f4f9fb}.guest-app.band-K{--tap: 128px;--tap-gap: 64px}.guest-app.band-P1,.guest-app.band-P2{--tap: 80px;--tap-gap: 48px}.app:not(.adult-app) p{color:var(--muted)}.app:not(.adult-app) main{padding:1.5rem 1.5rem 2rem}.app:not(.adult-app) .site-header{padding:.5rem 1.5rem;border-bottom:0}.app:not(.adult-app) .brand{color:#25495d}.app:not(.adult-app) .brand-mark i{border-radius:50% 50% 25% 25%;background:#66b8b0}.app:not(.adult-app) .brand-mark i:nth-child(2){background:#ef9976}.app:not(.adult-app) .brand-mark i:nth-child(3){background:#ecc578}.app:not(.adult-app) button{border-radius:26px}.app:not(.adult-app) button:focus-visible,.app:not(.adult-app) summary:focus-visible,.app:not(.adult-app) input:focus-visible{outline:4px solid #316b98;outline-offset:5px}.app:not(.adult-app) .primary{background:#237b79;border-color:#237b79;box-shadow:0 6px #165855;color:#fff;transition:transform .15s ease-out}.app:not(.adult-app) .primary:not(:disabled):hover{background:#237b79}.app:not(.adult-app) .primary:not(:disabled):active{transform:translateY(4px);box-shadow:0 2px #165855}.app:not(.adult-app) .secondary{border:2px solid #b8d4dc;background:#fffef9;color:#355c70;box-shadow:0 4px #dce9ec}.app:not(.adult-app) .text-button{color:#355c70}.app:not(.adult-app) .sound-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:var(--tap);min-height:var(--tap);background:#fff;border:2px solid #bdd9dd;box-shadow:0 4px #dce9ec;font-size:18px}.sound-icon{font-size:2.3rem;line-height:1;color:#247e80}.guest-app .header-actions{gap:var(--tap-gap)}.guest-app .site-header .guardian-gate{min-width:var(--tap);min-height:var(--tap);background:transparent;box-shadow:none;font-size:18px}.try-hero{grid-template-columns:1fr 1fr;gap:1rem;padding-block:1.5rem}.try-copy{padding-left:clamp(0px,2vw,2rem);position:relative;z-index:1}.try-hero .eyebrow{display:inline-flex;gap:.5rem;color:#52798b;font-size:18px}.try-hero h1{color:#224759;font-size:clamp(3rem,6.5vw,5.2rem);line-height:1.4}.try-hero h1 span{color:#d77750}.try-hero p{font-size:27px}.try-hero .try-start{border-radius:32px;width:100%;max-width:28rem;margin-top:1.5rem;font-size:30px}.play-triangle{font-size:1.2rem;width:2.5rem;height:2.5rem;border-radius:50%;background:#ffffff21;display:grid;place-items:center}.try-hero .try-note{font-size:18px;line-height:1.6;color:#5e7180}.try-play-scene{align-self:center;text-align:center;animation:scene-appear .35s ease-out both}.play-illustration{display:block;width:100%;max-height:460px;overflow:visible}.try-play-scene p{display:inline-flex;align-items:center;gap:.7rem;color:#456b76;font-size:22px;padding:.6rem 1rem;background:#ffffffb0;border-radius:20px}.try-play-scene p span{font-size:30px}.try-topics{border-top:2px dashed #bfd8dc;margin-top:2rem}.try-topics>summary{color:#335d71;font-weight:650;font-size:24px;padding:.5rem 1rem}.app:not(.adult-app) .skill-card{border:2px solid #bbd7d8;background:#fffefa;box-shadow:0 5px #dce8e9;border-radius:30px}.app:not(.adult-app) .skill-card:nth-child(3n+2){background:#fff3df;border-color:#ebd6b3;box-shadow:0 5px #edddc7}.app:not(.adult-app) .skill-card:nth-child(3n){background:#eaf3fb;border-color:#c1d9eb}.app:not(.adult-app) .category-tabs button[aria-pressed=true]{background:#237b79;color:#fff;border-color:#237b79}.app.in-activity{position:relative}.in-activity .site-header{position:absolute;top:1rem;right:max(1.5rem,calc((100% - 1392px)/2));padding:0!important;z-index:3;width:auto}.in-activity .site-header .brand,.in-activity .site-header .guardian-gate{display:none}.in-activity .site-header .header-actions{margin:0}.app.in-activity main{padding-top:1rem}.activity-top{display:grid;grid-template-columns:var(--tap) minmax(0,1fr);gap:var(--tap-gap);padding-right:calc(var(--tap) + var(--tap-gap));margin-bottom:1rem;min-height:var(--tap)}.activity-top>button{padding:.5rem;font-size:18px!important;background:#fff!important;border:2px solid #c7dde2!important}.activity-context{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0;gap:.4rem}.activity-title{font-size:18px;color:#4a6c7a;white-space:normal}.save-state{font-size:14px;white-space:normal;color:#587481}.session-path{display:flex;gap:.55rem;align-items:center;justify-content:center}.session-path>span{width:13px;height:13px;border-radius:50%;background:#cbdde1;border:2px solid transparent}.session-path>span.finished{background:#51a89c}.session-path>span.current{width:25px;border-radius:8px;background:#fff;border-color:#398b85}.question-heading{display:grid;grid-template-columns:1fr var(--tap);column-gap:var(--tap-gap);text-align:left;align-items:center;margin-bottom:1rem}.question-heading .eyebrow{grid-column:1;color:#3e7a81;font-size:18px;margin:0}.question-heading h1{grid-column:1;font-size:28px;line-height:1.6}.band-K .question-heading h1{font-size:34px}.question-heading .listen-button{grid-column:2;grid-row:1 / span 2;margin:0;padding:.5rem;font-size:18px}.work-stage,.lesson-stage{background:#fffefa;border:2px solid #cbdfe2;box-shadow:0 7px #dfedef;border-radius:36px;padding:1.25rem}.lesson-stage{background:#fff8e9;border-color:#e8d7b6;box-shadow:0 7px #eee4d2;gap:2rem}.lesson-explanation{font-size:27px}.band-K .lesson-explanation{font-size:30px}.lesson-explanation .takeaway{background:#f4eacb;color:#6e593a;font-size:22px}.visual-group{background:#eef7f5;border:0}.toy-token{display:block;width:100%;height:100%;max-width:128px;min-height:64px;overflow:visible}.model-token .toy-token{width:100%;height:100%}.count-input,.band-K .count-input{grid-template-columns:minmax(0,1fr) 320px;gap:64px;align-items:center}.count-items{margin-top:1rem;gap:var(--tap-gap)}.count-item{padding:.25rem;border-radius:32px!important;background:#fff3d9;border:3px solid #e6d3ad;box-shadow:0 5px #efdfc3;width:var(--tap);height:var(--tap);min-width:var(--tap)}.count-item.touched{background:#e4f4ea;border-color:#6da994;box-shadow:0 5px #c5ddd0}.count-art,.count-pop,.manipulative-art,.placement-pop{display:grid;place-items:center;width:100%;height:100%;pointer-events:none}.count-pop{animation:count-touch .18s ease-out both}.placement-pop{animation:object-place .15s ease-out both}.touch-mark{color:#fff;background:#347a6c;width:30px;height:30px;display:grid;place-items:center;bottom:-.4rem;right:-.4rem;border:3px solid #fffefa;font-size:18px}.number-answer{min-width:0}.number-answer>label{color:#3d6276;font-size:22px}.answer-display{margin-bottom:1rem}.answer-display input{text-align:center;font-size:3rem;color:#245776;min-height:var(--tap);background:#eff7fc;border:3px solid #88b4ca;border-radius:28px;width:100%}.answer-display input::placeholder{color:#6b98af}.number-stepper{display:grid;grid-template-columns:repeat(2,minmax(var(--tap),1fr));gap:var(--tap-gap)}.number-step{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:.3rem!important;border:2px solid #9fc6d2;border-bottom:6px solid #81b2c3;background:#e9f5fa}.number-step.increase{color:#176b67;background:#e0f2e9;border-color:#9ecdbf;border-bottom-color:#6faf9b}.number-step>span{font-size:3rem;line-height:1.05;font-weight:750}.number-step>small{font-size:18px}.number-step:active:not(:disabled){transform:translateY(4px)}.number-pad-toggle{width:100%;margin-top:1rem;font-size:18px}.compact-answer .number-pad{margin-top:var(--tap-gap)}.number-pad button{color:#285569;background:#eff8fb;border-color:#b0d0db}.compact-answer:has(.number-pad){grid-column:1 / -1}.count-readout,.gesture-instruction{font-size:22px;color:#456b78}.count-readout,.manipulation-tools{margin-top:1rem}.manipulation-tools button{font-size:18px}.choice-card{background:#f2f8fb;border-color:#afccd7;color:#2f566a}.choice-card.selected{background:#e1f2e9;border-color:#4e9a86;box-shadow:0 0 0 3px #4e9a86}.choice-card:active:not(:disabled){transform:scale(.98)}.task-source{background:#f1f7fa;border-color:#b6d0d9}.manipulative{background:#fffef9;border-color:#a6c8ce;box-shadow:0 5px #d0e3e5;border-radius:26px;transition:transform .15s ease-out}.manipulative.picked{outline:4px solid #458994;border-color:#458994;background:#e5f5f8;transform:translateY(-4px) scale(1.05)}.token-caption{color:#355f6b;font-size:18px}.selection-cue{position:absolute;bottom:-1.3rem;left:50%;transform:translate(-50%);padding:.1rem .65rem;border-radius:20px;color:#fff;background:#337680;font-size:18px;white-space:nowrap;z-index:2}.drop-target{background:#eaf5f1;border:3px solid #97c4b7;border-bottom:10px solid #86b4a7}.drop-target.awaiting{background:#f5fbf8;border-color:#408b7c;border-style:dashed}.place-cue{display:block;font-size:18px;font-weight:500;color:#2e776d}.target-label{flex-wrap:wrap;color:#2e6660}.target-label>strong{font-size:22px}.input-arrange>.math-model .visual-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:1rem}.input-arrange>.math-model .model-tokens{gap:1rem}.input-arrange>.math-model .model-token{width:56px;height:56px}.input-arrange>.math-model .toy-token{min-height:0}.input-arrange>.math-model .token-glyph{font-size:2.4rem}.input-arrange>.math-model .visual-group h3{font-size:22px}.input-arrange .target-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.order-slot{background:#eff7fa;border-color:#9cbecb}.drag-preview{background:#effcfa;border-color:#55958b;box-shadow:0 12px 24px #31596333}.activity-actions{background:#f4f9fb;border-top:2px solid #deebed;padding:1rem 0;margin-top:1.5rem;position:relative}.activity-actions .primary{flex:1;max-width:34rem}.feedback-panel{background:#e3f3e8;border:2px solid #a4cdb8;animation:feedback-appear .3s ease-out both}.feedback-panel p{color:#265e50!important;font-size:27px}.feedback-panel small{font-size:18px}.feedback-mark{color:#398a73}.verdict-retry,.verdict-incomplete{background:#fff5df;border-color:#ead2a3}.verdict-retry p,.verdict-incomplete p{color:#775a32!important}.help-panel{background:#eef6fa;border-color:#c8dce5}.completion-art{border-radius:40%;background:#daf0e5;border-color:#78b59e;color:#347d65;animation:scene-appear .4s ease-out both}.completion-panel h1{color:#254a5f}.completion-panel>p{font-size:27px}.optional-history{border-color:#bed7db}.optional-history p,.optional-history .text-button,.optional-history small{font-size:18px}.app:not(.adult-app) .audio-notice{display:block;text-align:center;border:none;margin:1.5rem auto 0;color:#59747e;font-size:18px;padding:.5rem}.app:not(.adult-app) .site-footer{border-color:#dce8ec;font-size:14px}@keyframes count-touch{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes object-place{0%{transform:translateY(-6px);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes feedback-appear{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes scene-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:959px){.try-hero{grid-template-columns:1fr 1fr}.try-hero h1{font-size:3.2rem}.try-hero .try-start{font-size:27px}.count-input,.band-K .count-input{grid-template-columns:1fr}.compact-answer{max-width:512px!important}.lesson-stage{grid-template-columns:1fr}.activity-title{display:none}}@media(max-width:720px){.try-hero{display:flex;flex-direction:column-reverse;gap:.5rem;padding:0;text-align:center}.try-play-scene{width:min(100%,340px)}.play-illustration{max-height:240px}.try-play-scene p{display:none}.try-hero h1{font-size:2.8rem}.try-hero h1 br{display:none}.try-hero p{font-size:22px}.try-copy{width:100%}.try-hero .try-note{font-size:18px}.try-topics{margin-top:1rem}.app:not(.adult-app) main{padding-inline:1rem}.activity-top{gap:1rem;padding-right:calc(var(--tap) + 1rem)}.in-activity .site-header{right:1rem}.question-heading{grid-template-columns:1fr;text-align:center;gap:1rem}.question-heading .listen-button{grid-row:auto;grid-column:1;justify-self:center}.band-K .activity-actions{flex-direction:row}.activity-actions{gap:var(--tap-gap)}.activity-actions .primary{font-size:22px;min-width:0}.work-stage,.lesson-stage{padding:1rem;border-radius:28px}.session-path{gap:.3rem}.save-state{font-size:12px}}@media(max-width:420px){.app:not(.adult-app) main{padding-inline:.5rem}.work-stage,.lesson-stage{padding:.5rem}.activity-actions{flex-direction:column!important;align-items:stretch;position:static}.number-stepper{grid-template-columns:repeat(2,128px);justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.count-pop,.placement-pop,.primary:active,.number-step:active,.choice-card:active,.manipulative.picked{transform:none!important}}}@layer base{:root{font-family:Leelawadee UI,Noto Sans Thai,Tahoma,sans-serif;font-size:18px;line-height:1.6;color:#203c35;background:#f4f6ed;font-synthesis:none;--forest: #285649;--dark: #193d33;--cream: #fffdf5;--muted: #586c62;--border: #b9c8b9;--tap: 80px;--tap-gap: 48px}body{min-width:320px}button{color:inherit;border:1px solid var(--border);border-radius:16px;background:var(--cream);padding:.7rem 1rem}input,select{width:100%;min-height:54px;color:var(--dark);background:#fff;border:1px solid #789185;border-radius:12px;padding:.65rem .8rem}input[type=checkbox]{width:24px;min-height:24px;height:24px;accent-color:var(--forest);flex-shrink:0}label{display:block;font-weight:600;margin-bottom:.4rem}h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.35;font-weight:750}h2{font-size:1.45rem;line-height:1.45}p{color:var(--muted)}.visually-hidden,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;top:1rem;left:1rem;z-index:100;background:#fff;padding:1rem;color:var(--dark)}.eyebrow{color:#647865;font-size:.94rem;font-weight:700;display:block;margin-bottom:.65rem}.primary{background:var(--forest);color:#fffdf5;border-color:var(--forest);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:1.3rem;box-shadow:0 4px #183f34}.primary:not(:disabled):hover{background:#194839}.primary:not(:disabled):active{transform:translateY(2px);box-shadow:0 2px #183f34}.secondary{border-color:#6d8a78;color:#2a5647;background:#f4f7ed}.text-button{border-color:transparent;background:transparent;color:#365a49;box-shadow:none}.text-button:not(:disabled):hover{background:#e7eddf}.danger{background:#9a412c;color:#fff;border-color:#9a412c}.quiet-danger{color:#8d4435;border:0;background:transparent;font-size:.9rem}}@layer layout{.guest-app .site-header button{min-height:128px;min-width:128px}.guest-app .header-actions{gap:64px}.try-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:3rem;padding-block:2rem}.try-hero h1{font-size:clamp(2.6rem,6vw,4.4rem);margin-bottom:1rem}.try-hero h1 span{color:#ac642e}.try-hero .try-start{width:min(100%,24rem);margin-top:2rem}.try-hero .try-note{font-size:1rem;margin-top:1.3rem}.try-hero .try-art{min-height:20rem;margin:0}.try-topics{margin-top:2rem}.try-topics>summary{cursor:pointer;font-size:1.3rem;padding:1.5rem .5rem;min-height:var(--tap);align-content:center}.try-topics .category-tabs{margin-block:1rem 2rem}.optional-history{margin:3rem auto 0;padding-top:2rem;border-top:1px solid var(--border);max-width:38rem;font-size:1rem}.optional-history small{display:block;color:var(--muted)}.optional-history .text-button{font-size:1rem}.app{min-height:100vh;background:radial-gradient(ellipse at 96% 8%,#e4ecda 0,transparent 38%),#f4f6ed}.site-header{max-width:1440px;margin:auto;padding:1.2rem 2.7rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-bottom:1px solid #d9e1d1}.brand{display:flex;gap:.75rem;align-items:center;font-weight:750;font-size:1.35rem;white-space:nowrap}.brand small{display:block;font-weight:400;font-size:.75rem;color:#617662}.brand-mark{position:relative;display:flex;align-items:flex-end;gap:3px;width:42px;height:42px}.brand-mark i{display:block;width:12px;height:26px;border-radius:7px 7px 3px 3px;background:#557b59}.brand-mark i:nth-child(2){height:40px;background:#c08242}.brand-mark i:nth-child(3){height:32px;background:#9aae76}.header-actions{display:flex;align-items:center;gap:.8rem}main{max-width:1440px;margin:auto;padding:2.5rem 2.7rem 4rem}.site-footer{max-width:1440px;margin:auto;display:flex;justify-content:space-between;gap:1rem;padding:1.5rem 2.7rem;border-top:1px solid #d9e1d1;color:#647765;font-size:.85rem}.welcome-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,7vw,6rem);align-items:center;min-height:70vh}.welcome-story h1{margin-bottom:1.3rem}.welcome-story h1 span{color:#ac642e}.welcome-story>p{font-size:1.1rem}.welcome-story .trial-label{font-size:.9rem;color:#667964;margin-top:1.5rem}.adult-card{padding:1.7rem;border:1px solid #d3ddcc;border-radius:26px;background:#fffdf7;box-shadow:0 12px 42px #2b4e3110}.adult-card>h2{margin-bottom:.65rem}.adult-card>p{margin-bottom:1.3rem}.welcome-card form{margin-top:1.5rem}.welcome-card .primary{width:100%;margin-top:1rem}.field-note{margin-top:.45rem;margin-bottom:1.2rem;font-size:.88rem}.checkbox-label{display:flex;align-items:flex-start;gap:.8rem;font-weight:400;margin:1.3rem 0;font-size:.94rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.page-heading{display:flex;gap:2rem;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-heading p{margin-top:.8rem}.page-heading .primary{flex-shrink:0}.learner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,275px),1fr));gap:1.5rem}.learner-card{position:relative;border:1px solid #c9d8c2;border-radius:26px;padding:1.8rem;background:#fffdf7;display:flex;flex-direction:column;gap:.9rem}.learner-card h2{margin-bottom:.5rem;font-size:1.7rem}.learner-avatar{width:76px;height:76px;border-radius:25px 25px 25px 4px;background:#d7e5b9;color:#35532b;display:grid;place-items:center;font-size:2rem;font-weight:700}.avatar-1{background:#f1d7ac;color:#874a20}.avatar-2{background:#c8dfe1;color:#3c656b}.band-pill{position:absolute;top:1.8rem;right:1.8rem;background:#edf0e5;border-radius:30px;padding:.2rem .8rem;font-size:.9rem}.add-learner{margin-bottom:2rem}.delete-confirm{padding:1rem;border-radius:16px;background:#f8e8e0;display:grid;gap:.8rem}.parent-note{display:flex;align-items:center;gap:1.3rem;margin-top:2rem;padding:1.4rem 1.8rem;border-radius:22px;background:#e7eddd}.parent-note>span{font-size:3rem;color:#6b8051}.parent-note p{font-size:.95rem}}@layer components{.welcome-art{position:relative;height:290px;margin-top:2rem;border:1px solid #d8e0c9;border-radius:50% 50% 24px 24px;background:#e9eddc;overflow:hidden}.art-grid{position:absolute;display:grid;grid-template-columns:1fr 1fr;gap:8px;left:11%;top:20%;transform:rotate(-10deg)}.art-grid span{width:50px;height:50px;background:#cf985b;border-radius:9px}.art-grid span:nth-child(4){background:transparent;border:2px dashed #adbc8d}.art-number{position:absolute;right:19%;top:4%;font-size:7rem;line-height:1.2;color:#466752;font-weight:750;transform:rotate(9deg)}.art-triangle{position:absolute;left:42%;top:40%;width:100px;height:88px;background:#97ac77;clip-path:polygon(50% 0,100% 100%,0 100%);transform:rotate(-8deg)}.art-circle{position:absolute;right:9%;bottom:21%;width:68px;height:68px;background:#d5b98a;border-radius:50%}.art-add{position:absolute;left:24%;bottom:15%;font-size:3rem;color:#738954}.art-caption{position:absolute;bottom:5%;width:100%;text-align:center;color:#65755b;font-size:.85rem}.error-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border:1px solid #bd8056;background:#fff2dd;border-radius:18px}.error-banner p{color:#6c432b;flex:1}.global-error{margin-bottom:2rem}.audio-notice{border-bottom:1px solid #c5d4b8;color:#647656;padding:.2rem .5rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.7rem;font-size:1rem}.child-app .audio-notice button{flex-shrink:0;min-width:44px;min-height:44px;padding:0;font-size:1.2rem;border:0;background:transparent}.loading-panel{min-height:50vh;display:grid;align-content:center;justify-items:center;gap:1rem}.loading-shape{width:80px;height:80px;border:3px solid #63815a;border-radius:40px 40px 12px;background:#d8e5c1}.back-link{margin-left:-1rem;margin-bottom:1.5rem}.report-page>h1{margin-bottom:.8rem}.report-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0}.metric-card{display:flex;flex-direction:column;padding:1.4rem;border:1px solid #c9d7c1;background:#fffdf7;border-radius:24px}.metric-card span{color:#60705b;font-size:.95rem}.metric-card strong{font-size:3rem;font-weight:650}.metric-card small{color:#60705b}.report-notice{border-left:4px solid #819667;background:#e9eedf;padding:1.3rem;margin-bottom:2rem}.report-notice p{margin-top:.4rem}.report-page .adult-card{margin-bottom:1.5rem}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{padding:.9rem .8rem;border-bottom:1px solid #dde4d6;text-align:center}th:first-child{text-align:left;min-width:180px}thead th{background:#f1f4e9;font-weight:600}.empty-state{text-align:center;padding:3rem 1rem}.empty-state>span{display:block;font-size:3rem;color:#789463}.empty-state small{color:#60705b}.recent-list{list-style:none;margin:0;padding:0}.recent-list li{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #dce4d5}.recent-list small{display:block;color:#6f7b66}.recent-list li>span{color:#546950}}@layer activity{.child-app{--tap: 80px;--tap-gap: 48px;font-size:27px}.child-app.band-K{--tap: 128px;--tap-gap: 64px;font-size:clamp(30px,3vw,34px)}.child-app button{min-height:var(--tap);min-width:var(--tap);font-size:inherit}.child-app .site-header{gap:2rem}.child-app .brand{font-size:1.2rem}.child-app .brand small{font-size:.85rem}.child-app .header-actions{gap:var(--tap-gap)}.child-app .sound-toggle,.child-app .guardian-gate{font-size:1rem}.guardian-gate{background:#e8eedf;border-color:#8aa078}.child-app .eyebrow{font-size:1rem}.map-heading{max-width:900px;margin:1rem 0 2rem}.map-heading h1{font-size:clamp(2.2rem,4.3vw,3.5rem)}.map-heading h1 span{color:#a55e2e;display:inline-block}.map-heading p{margin-top:1rem}.category-tabs{display:flex;flex-wrap:wrap;gap:var(--tap-gap);margin-block:2rem}.category-tabs button{border-radius:40px;border-color:#80966f;background:transparent;padding-inline:1.5rem}.category-tabs button[aria-pressed=true]{color:#fff;background:var(--forest);border-color:var(--forest)}.skill-path{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tap-gap)}.skill-card{display:flex;text-align:left;position:relative;gap:1.2rem;padding:1.5rem;align-items:center;min-height:200px;background:#fffdf5;border:1px solid #adbea0;border-radius:30px;box-shadow:0 6px #dce5ce}.skill-card:hover{border-color:#587751;background:#faffed}.skill-icon{width:92px;height:92px;display:grid;place-items:center;border-radius:27px;background:#e8edcf;font-size:2.5rem;flex-shrink:0}.skill-card-copy{display:flex;flex-direction:column;gap:.35rem;padding-right:.3rem}.skill-card-copy strong{font-size:1.35rem}.skill-card-copy>span{font-size:1rem;color:#51654c}.skill-card-copy small{font-size:.95rem;color:#657553}.skill-arrow{align-self:flex-start;color:#6e8559}.skill-color-1 .skill-icon{background:#f5dfbe}.skill-color-2 .skill-icon{background:#d5e9df}.skill-color-3 .skill-icon{background:#e6def0}.map-note{text-align:center;margin-top:3rem;font-size:1rem}.resume-card{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 2rem;background:#e1ebd0;border:1px solid #a0b88a;border-radius:26px}.resume-card span{font-size:1rem}.resume-card h2{font-size:1.5rem;margin-top:.3rem}.resume-card button{flex-shrink:0}.activity-top{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.activity-title{font-size:1rem;font-weight:650;color:#617151}.save-state{font-size:1rem;color:#586e50;white-space:nowrap}.child-app .activity-top button{font-size:1rem}.question-heading{position:relative;text-align:center;max-width:1100px;margin:0 auto 2rem}.question-heading h1{font-size:clamp(2.1rem,4vw,3rem);line-height:1.5}.question-heading .listen-button{margin-top:1.5rem;font-size:1rem}.work-stage,.lesson-stage{padding:2rem;border:1px solid #d1ddc6;background:#fffdf7;border-radius:32px}.lesson-stage{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:2rem}.lesson-explanation ol{padding-left:1.5em;margin-top:0}.lesson-explanation li{margin-bottom:.8rem}.takeaway{padding:1rem 1.2rem;border-radius:20px;background:#eaf0df;color:#36562a;margin-block:1.5rem}.lesson-explanation .primary{width:100%}.math-model{min-width:0;text-align:center}.math-model figcaption{font-size:1rem;color:#64735a;margin-top:1rem}.visual-groups{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.visual-group{min-width:0;border-radius:24px;padding:1rem;border:1px solid #b6c6a5;background:#f4f6e9}.visual-group h3{font-size:1.2rem;margin-bottom:1rem}.model-tokens{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.model-token{width:80px;height:80px;display:inline-flex;align-items:center;justify-content:center;color:#53713e}.band-K .model-token{width:128px;height:128px}.band-K .model-tokens,.band-K .pattern-model{gap:64px}.token-glyph{display:block;font-family:"Segoe UI Emoji",sans-serif;font-size:2.7rem;line-height:1.2}.band-K .token-glyph{font-size:3.4rem}.token-word{font-size:1.7rem;font-weight:700;overflow-wrap:anywhere}.money-token{display:flex;width:100%;height:100%;min-width:65px;min-height:65px;flex-direction:column;align-items:center;justify-content:center;background:#f6dfa4;border:3px double #9c722f;border-radius:50%;color:#72501e;line-height:1.1}.money-token strong{font-size:1.9rem}.money-token small{font-size:1rem}.shape-art{width:100%;height:100%;max-height:120px;color:#497644}.equation-model{font-size:clamp(2.5rem,6vw,4rem);color:#244d3e;margin:1rem;font-variant-numeric:tabular-nums}.clock-model{display:block;width:min(100%,340px);margin:auto}.number-line{width:100%;min-width:450px}.number-line-scroll{overflow-x:auto}.chart-model{display:flex;flex-direction:column;align-items:stretch;gap:1rem;text-align:left}.chart-row{display:grid;grid-template-columns:minmax(100px,1fr) 4fr;align-items:center;gap:1rem}.chart-row>strong{font-size:1.2rem}.chart-cells{display:flex;flex-wrap:wrap;gap:.4rem}.chart-cell{height:50px;width:50px;border:1px solid #c4d0b6;background:#edf2df;display:grid;place-items:center;border-radius:8px}.chart-cell .token-glyph{font-size:1.5rem}.pattern-model{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1.2rem}.pattern-question{border:2px dashed #739263;border-radius:18px;width:var(--tap);height:var(--tap);display:grid;place-items:center;font-size:2rem}.place-values .visual-group{background:#f1f3dc}.place-number-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem}.place-number{border:1px solid #aebe91;border-radius:24px;background:#f3f5df;padding:1rem}.place-number-title{font-size:2.8rem;color:#3f6234;display:block}.place-digits{display:flex;gap:.5rem}.place-digits>div{border-top:2px solid #b3c298;min-width:70px;display:flex;flex-direction:column}.place-digits span{font-size:1rem}.place-digits strong{font-size:2rem}.pattern-number{font-size:2.4rem;min-width:var(--tap);min-height:var(--tap);display:grid;place-items:center;border:1px solid #a8b98c;background:#eef4dc;border-radius:18px}.measurement-scale{width:100%;max-width:900px}.measure-model{display:grid;gap:2rem;padding:1.5rem}.measure-row{display:flex;align-items:center;gap:1rem;min-height:100px}.measure-track{flex:1}.measure-bar{min-width:1%;height:36px;background:#ba7744;border-radius:5px;border:2px solid #8f5939}.measure-bar.mass{height:65px;border-radius:45% 45% 10px 10px}.ruler{display:flex;justify-content:space-between;color:#4e6043;font-size:.8rem;margin-top:.3rem;border-top:2px solid #67834f}.ruler span{border-left:1px solid #67834f;padding-top:.3rem}.measure-vessel{width:130px;height:150px;border:4px solid #608070;border-top:none;border-radius:0 0 18px 18px;position:relative;overflow:hidden}.measure-water{position:absolute;bottom:0;width:100%;background:#8eb5b6;border-top:3px solid #51888e}.measure-capacity,.measure-mass{grid-template-columns:1fr 1fr;align-items:end}.measure-capacity .measure-row,.measure-mass .measure-row{flex-direction:column;align-items:center}.capacity-frame{height:200px;display:flex;align-items:flex-end}.capacity-frame .measure-vessel{min-height:36px}.capacity-frame .measure-water{display:flex;flex-direction:column}.water-unit{flex:1;border-top:1px solid #4c787c;width:100%}.mass-scale{padding:1rem;background:#d4dccc;border:2px solid #759063;border-radius:18px}.scale-platform{border-bottom:5px solid #648052;margin-bottom:.7rem;font-size:2rem}.scale-reading{background:#f5f9e9;border:2px solid #7c906b;border-radius:10px;color:#35522a;font-size:2rem;padding:.5rem}.scale-reading small,.scale-description{font-size:1rem}.measure-value{color:#315840;font-size:1.2rem}.input-number{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center}.number-answer{max-width:450px;margin-inline:auto;width:100%}.number-answer>label{text-align:center;font-size:1rem}.number-answer>input{font-size:2.3rem;text-align:center;min-height:var(--tap);margin-bottom:1rem;border:2px solid #6e9158;background:#fbffec}.number-pad{display:grid;grid-template-columns:repeat(3,minmax(var(--tap),1fr));gap:var(--tap-gap)}.number-pad button{font-size:1.7rem;border-color:#95aa80;border-bottom-width:4px}.number-pad button:nth-child(10){grid-column:span 2}.band-K .number-answer{max-width:none}.band-K .number-pad{gap:64px}.band-K .input-number{grid-template-columns:1fr}.count-input{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;align-items:center}.count-items{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--tap-gap);margin-top:1.5rem}.count-item{width:var(--tap);height:var(--tap);padding:.5rem;position:relative;border:2px solid #b9c797;background:#f5f5dd;transition:background-color .15s ease}.count-item.touched{background:#dce9cd;border-color:#4e743f}.touch-mark{position:absolute;right:.25rem;bottom:-.25rem;color:#315926;font-size:1.4rem;background:#e7efd9;border-radius:50%}.count-readout{text-align:center;margin-top:1.4rem;font-size:1rem}.band-K .count-input{grid-template-columns:1fr}.choice-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--tap-gap);margin-top:2rem}.choice-card{min-width:150px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border:2px solid #9daf86;border-bottom-width:5px}.choice-card .shape-art{width:100px;height:100px}.choice-card.selected{border-color:#396332;background:#e2edce;box-shadow:0 0 0 3px #396332}.gesture-instruction{color:#526c46;font-size:1rem;text-align:center;margin:1rem 0}.placement-input{margin-top:1.5rem}.task-source{background:#f1f3e5;border-radius:24px;border:2px dashed #a9b58b;padding:1.3rem;min-height:var(--tap)}.source-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;color:#65764f;font-size:1rem}.manipulative-grid{display:flex;flex-wrap:wrap;gap:var(--tap-gap);justify-content:center}.manipulative{width:var(--tap);min-height:var(--tap);position:relative;touch-action:none;-webkit-user-select:none;user-select:none;background:#fffdf0;border:2px solid #a9bb87;padding:.3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color .15s ease,transform .15s ease}.manipulative.picked{border-color:#9b5c25;outline:3px solid #c39148;outline-offset:4px;background:#fff0ca}.token-caption{font-size:.85rem;line-height:1.3;overflow-wrap:anywhere}.target-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:var(--tap-gap);margin-top:var(--tap-gap)}.drop-target{background:#e8eed8;border:3px solid #9aad7a;border-radius:28px 28px 45px 45px;padding:1rem;min-height:calc(var(--tap) * 1.6)}.drop-target.awaiting{border-style:dashed}.target-label{border:0;background:transparent;width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:1rem}.target-label>span{font-size:1.8rem}.target-label>strong{font-size:1.15rem}.source-empty{display:block;color:#758163;text-align:center;font-size:1rem}.order-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:var(--tap-gap)}.order-slot{display:flex;flex-direction:column;align-items:center;padding:.7rem;border:2px dashed #a2b189;border-radius:24px;gap:var(--tap-gap)}.order-slot .manipulative{width:100%;min-height:var(--tap);padding:1rem .7rem}.order-slot .token-word{font-size:1.5rem;line-height:1.6;word-break:normal;overflow-wrap:normal}.order-position{font-size:1rem!important}.drag-preview{position:fixed;width:var(--tap);height:var(--tap);transform:translate(-50%,-50%);pointer-events:none;z-index:100;background:#fff2ca;border:3px solid #9b5c25;border-radius:20px;box-shadow:0 10px 30px #263c3130;display:grid;place-items:center}.manipulation-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--tap-gap);margin-top:1.5rem}.manipulation-tools button{font-size:1rem}.activity-actions{display:flex;justify-content:center;gap:var(--tap-gap);margin-top:2rem}.activity-actions .primary{min-width:40%}.feedback-panel{margin-top:1.5rem;display:flex;align-items:center;gap:1.4rem;border:1px solid #b8c396;border-radius:24px;padding:1.4rem 1.6rem;background:#edf2de}.feedback-panel p{color:#3f5d31;font-size:1.25rem}.feedback-panel small{color:#586b4b;font-size:1rem}.feedback-mark{font-size:2.5rem;color:#5b7c3d}.verdict-retry,.verdict-incomplete{background:#f6efda;border-color:#d0b981}.verdict-retry p,.verdict-incomplete p{color:#745c36}.help-panel{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--tap-gap);margin-top:2rem;padding:1.5rem;border:1px solid #cad5bb;border-radius:24px;background:#eef2e6}.help-panel button,.demonstration-offer{font-size:1rem}.demonstration-offer{display:block;margin:1.5rem auto}.completion-panel{padding:3rem 1rem;text-align:center;max-width:800px;margin:auto}.completion-panel h1{margin-bottom:1.5rem}.completion-panel>.primary{margin-top:2rem}.completion-art{width:150px;height:150px;margin:0 auto 2rem;background:#dce9c2;border:2px solid #72915a;border-radius:50% 50% 15%;display:grid;place-items:center;font-size:4rem;color:#426931}.pause-art{color:#9a7744;font-size:4rem}}@layer responsive{@media(max-width:1000px){.site-header,main,.site-footer{padding-inline:1.5rem}.welcome-layout{gap:2rem}.welcome-story h1{font-size:2.3rem}.welcome-art{height:250px}.skill-path{grid-template-columns:1fr}.skill-card{min-height:auto}.lesson-stage{grid-template-columns:1fr}.child-app .activity-title,.child-app .brand small{display:none}.count-input{grid-template-columns:1fr}.work-stage,.lesson-stage{padding:1.5rem}.band-K .number-pad{grid-template-columns:repeat(3,minmax(128px,1fr))}}@media(max-width:720px){.guest-app .site-header{flex-wrap:wrap}.try-hero{grid-template-columns:1fr;padding-block:0;text-align:center}.try-hero .try-art{display:none}.welcome-layout{grid-template-columns:1fr}.welcome-art{display:none}.welcome-story{text-align:center}.welcome-story h1{font-size:2.2rem}.page-heading{flex-direction:column;align-items:flex-start}.report-metrics{grid-template-columns:1fr 1fr}.site-footer{flex-direction:column}.child-app .site-header{flex-wrap:wrap}.child-app .header-actions{margin-left:auto}.child-app .brand{font-size:1rem}.input-number{grid-template-columns:1fr}.child-app .skill-card{flex-wrap:wrap}.skill-arrow{display:none}.resume-card{flex-direction:column;align-items:stretch}.form-row{grid-template-columns:1fr}.recent-list li{flex-direction:column}.band-K .number-pad{grid-template-columns:repeat(2,minmax(128px,1fr))}.band-K .number-pad button:nth-child(10){grid-column:auto}.band-K .activity-actions{flex-direction:column-reverse}.child-app .audio-notice{align-items:center}}@media(max-width:420px){.site-header,main,.site-footer{padding-inline:.8rem}.work-stage,.lesson-stage{padding:.8rem}.band-K .number-pad{grid-template-columns:1fr}.child-app .header-actions{flex-wrap:wrap;gap:var(--tap-gap)}.report-metrics{grid-template-columns:1fr}.child-app .activity-actions{flex-direction:column-reverse}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.primary:not(:disabled):active{transform:none}}}@layer play{.touch-hand{display:block;width:4rem;height:auto;color:var(--ink, #244756);pointer-events:none}.count-lesson-demo{width:100%}.count-lesson-demo .count-lesson-panels{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:1rem;align-items:stretch}.count-lesson-demo .count-lesson-panel{border:3px solid #b9d7cf;border-radius:1.4rem;background:#fffdf6;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;min-width:0}.count-lesson-demo .count-lesson-panel.current{border-color:#367f74}.count-lesson-demo h3{display:flex;align-items:center;gap:.5em;margin:0;font-size:clamp(1.4rem,3vw,1.75rem)}.count-lesson-demo h3>span{color:#fff;background:#397c70;border-radius:50%;display:grid;place-items:center;width:1.6em;aspect-ratio:1}.count-lesson-demo .count-example-items{display:flex;flex-wrap:wrap;justify-content:center;gap:64px}.count-lesson-demo .count-example-item{position:relative;width:128px;min-height:128px;display:grid;place-items:center;border-radius:1rem;background:#f4eee1;border:3px solid transparent}.count-lesson-demo .count-example-item.counted{border-color:#397c70;background:#e3f1e8}.count-lesson-demo .count-example-item :is(.toy-token,.shape-art){width:100%;height:100%}.count-lesson-demo .count-example-item .token-glyph{font-size:4rem}.count-lesson-demo .example-count-mark{position:absolute;inset-block-start:-.3em;inset-inline-end:-.3em;border:3px solid #fffdf6;border-radius:50%;background:#397c70;color:#fff;width:1.6em;aspect-ratio:1;display:grid;place-items:center;font-size:1.5rem;font-weight:800}.count-lesson-demo .touch-hand{position:absolute;inset-block-start:65%;inset-inline-start:52%;z-index:1}.count-lesson-demo .demo-tapping{animation:count-demo-hand 1.5s cubic-bezier(0,0,.2,1) both}.count-lesson-demo .example-count-strip{display:flex;align-items:center;gap:.5em;margin-top:auto;color:#32695f}.count-lesson-demo .example-count-strip strong{font-size:2rem}.count-lesson-demo .count-lesson-arrow{display:grid;place-items:center;font-size:2.5rem;color:#3e776d}.count-lesson-demo .example-keypad{display:grid;grid-template-columns:repeat(5,48px);gap:16px 10px}.count-lesson-demo .example-keypad>span{position:relative;display:grid;place-items:center;width:48px;height:42px;font-size:1.5rem;font-weight:800;border-radius:.6rem;background:#e8f1eb;color:#32695f}.count-lesson-demo .example-keypad>.example-selected-number{background:#c7e1bc;outline:4px double #397c70}.count-lesson-demo .lesson-replay{display:flex;align-items:center;justify-content:center;gap:.5em;margin:1rem auto 0;min-height:var(--tap-min, 128px);min-width:var(--tap-min, 128px)}.count-lesson-demo[data-reduced-motion=true] .touch-hand{animation:none}@keyframes count-demo-hand{0%{transform:translateY(1em);opacity:0}30%{transform:translateY(0);opacity:1}65%{transform:translateY(-.25em);opacity:1}to{transform:translateY(0);opacity:1}}@media(max-width:600px){.count-lesson-demo .count-lesson-panels{grid-template-columns:1fr}.count-lesson-demo .count-lesson-arrow{transform:rotate(90deg)}}@media(prefers-reduced-motion:reduce){.count-lesson-demo .demo-tapping{animation:none}}}.brand>svg{width:52px;height:52px;flex:none}.world-app{margin:0;max-width:none;min-height:100dvh;background:#e6f1f6;color:#343d59}.world-app>main{max-width:none;margin:0;padding:0;outline:none}.world-app>.site-header{position:absolute;inset:0 0 auto;z-index:3;max-width:none;height:128px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent}.world-app .brand{display:flex;align-items:center;gap:10px;font-size:32px}.world-app .brand small{display:none}.world-app .header-actions{display:flex;align-items:center;gap:24px}.world-app .guardian-gate{min-height:64px;padding:8px 16px;font-size:15px;color:#627779;background:transparent;border:0;box-shadow:none}.world-app .sound-toggle{width:128px;height:128px;padding:32px;background:transparent;border:0;box-shadow:none;position:relative}.world-app .sound-toggle:before{content:"";position:absolute;width:64px;height:64px;inset:0;margin:auto;border:2px solid #beced2;border-radius:24px;background:#ffffff75;box-shadow:0 4px #b4c4cf60}.world-app .sound-toggle svg{position:relative;width:32px;height:32px;margin:auto}.world-app .sound-toggle>span{display:none}.world-app.in-activity>.site-header{display:none}.world-app button:focus-visible{outline:4px solid #365790;outline-offset:5px}.toy-home{position:relative;isolation:isolate;min-height:100dvh;display:flex;align-items:center;padding:128px 32px 32px;overflow:hidden;background:linear-gradient(#e2f2f7,#eef8f5 66%,#dae9cb 66%)}.toy-home:before{content:"";position:absolute;z-index:-1;left:-10%;right:-10%;height:38%;bottom:0;background:#c6ddb3;border-radius:50% 60% 0 0}.toy-home:after{content:"";position:absolute;z-index:-1;left:19%;bottom:-14%;width:75%;height:39%;border:30px solid #faf1d2;border-radius:50%;transform:rotate(-9deg)}.toy-home-content{width:min(1160px,100%);margin:auto;position:relative}.toy-welcome{display:flex;justify-content:center;align-items:center;gap:16px;margin:0 auto 26px}.toy-friend{width:90px;transform-origin:center bottom;animation:toy-wave 4s ease-in-out infinite}.toy-friend svg{width:100%;height:100%;display:block}.toy-welcome h1{font-size:clamp(30px,4vw,48px);line-height:1.4;letter-spacing:-.03em;margin:0;color:#365667}.toy-places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.toy-place{display:block;min-width:0;width:100%;padding:0;position:relative;isolation:isolate;background:#dfedf5;border:3px solid #597d8e;border-radius:38px;box-shadow:0 10px #7d9fa8,0 18px 0 8px #82966a15;overflow:hidden;touch-action:manipulation;transition:transform .2s,box-shadow .2s}.toy-place:active:not(:disabled){transform:translateY(7px);box-shadow:0 3px #7d9fa8}.toy-picture{display:block}.toy-picture>svg{display:block;width:100%;height:auto;pointer-events:none}.toy-cafe{background:#ffdfbc;border-color:#ad7963;box-shadow:0 10px #bd9379,0 18px 0 8px #82966a15}.toy-bridge{background:#e1edce;border-color:#7a9471;box-shadow:0 10px #93aa80,0 18px 0 8px #82966a15}.toy-sign{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:96px;padding:14px 18px;background:#fff9e8;border-top:3px solid #66838a;font-size:clamp(21px,2.1vw,30px);font-weight:700;color:#3f5961}.toy-cafe .toy-sign{border-color:#b3876c}.toy-bridge .toy-sign{border-color:#91a17b}.toy-play-mark{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:#ffd175;border:2px solid #b99b59;box-shadow:0 3px #c6a867}.toy-play-mark svg{width:28px;height:28px}.toy-resume{display:flex;align-items:center;justify-content:center;gap:16px;min-height:128px;min-width:240px;padding:10px 24px;margin:40px auto 0;background:#fff6d9;border:3px solid #b1a16a;border-radius:30px;box-shadow:0 6px #c2b382;font-size:28px;color:#52674d}.toy-resume svg{width:38px;height:38px}.toy-loading{text-align:center}.toy-sky{position:absolute;z-index:-1;inset:0;pointer-events:none}.toy-sky>span{position:absolute;right:18%;top:15%;width:65px;height:65px;background:#ffdb80;border-radius:50%}.toy-sky i{position:absolute;width:140px;height:32px;border-radius:30px;background:#fffdf5;left:8%;top:23%;animation:toy-cloud 12s ease-in-out infinite alternate}.toy-sky i:before{content:"";position:absolute;left:30px;top:-30px;width:60px;height:60px;border-radius:50%;background:inherit}.toy-sky i:nth-child(2){left:auto;right:4%;top:47%;width:110px;animation-delay:-6s}@keyframes toy-wave{0%,70%,to{transform:rotate(0)}77%{transform:rotate(-5deg)}84%{transform:rotate(5deg)}91%{transform:rotate(-3deg)}}@keyframes toy-cloud{to{transform:translate(28px)}}@media(hover:hover){.toy-place:hover:not(:disabled){transform:translateY(-7px) rotate(-1deg)}}.world-app .game-experience{min-height:100dvh;position:relative}.game-experience button{min-width:0;min-height:0}.game-experience .game-finish button{min-height:128px}.game-finish{text-align:center}.game-finish>svg{width:180px!important;height:180px;margin:0 auto 24px}.game-finish h2{font-size:28px;margin:0 0 30px}.game-finish .game-parent-save{display:block;min-height:64px;margin:32px auto 0;font-size:15px;padding:12px 20px;background:transparent;border:0;color:#647b78;box-shadow:none}.game-archive-note{font-size:15px;margin-top:20px!important}.game-recovery{position:absolute;z-index:15;inset:128px 24px auto;margin:auto;max-width:640px;border:3px solid #799d96;border-radius:30px;background:#fffbee;box-shadow:0 10px 30px #344e5530;text-align:center;padding:20px}.game-recovery>svg{width:80px;height:80px;margin:auto}.game-recovery p{font-size:22px;margin:12px!important}.game-recovery>button{display:grid;place-items:center;width:128px;height:128px;background:#ffe4a6;border:3px solid #c1a161;border-radius:30px;margin:12px auto}.game-recovery>button svg{width:50px;height:50px}.game-recovery details{font-size:14px}.game-experience footer a{font-size:11px;color:#7a8b89}@media(max-width:850px){.toy-places{gap:24px}.toy-sign{font-size:22px;padding:12px;min-height:84px}.toy-play-mark{width:34px;height:34px}.toy-play-mark svg{width:23px}.toy-home{padding-inline:24px}.toy-welcome{margin-bottom:40px}.world-app>.site-header{padding-inline:16px}.world-app .brand{font-size:28px}.world-app .header-actions{gap:4px}}@media(max-width:600px){.toy-home{padding:128px 24px 40px}.toy-places{grid-template-columns:1fr;gap:32px}.toy-place{display:grid;grid-template-columns:42% 58%;min-height:140px;border-radius:28px}.toy-sign{border-top:0;border-left:2px solid #66838a;font-size:23px}.toy-picture{align-self:center}.toy-welcome{margin-bottom:24px}.toy-friend{width:68px}.world-app .brand>svg{display:none}.world-app .brand{font-size:26px}.world-app .guardian-gate{padding:8px;font-size:13px}.world-app .header-actions{gap:0}}@media(max-height:740px)and (min-width:900px){.toy-home{padding-top:104px}.toy-welcome{margin-bottom:14px}.toy-friend{width:60px}.toy-picture>svg{max-height:220px}.toy-resume{margin-top:28px}.toy-sign{min-height:76px}}@media(prefers-reduced-motion:reduce){.toy-home *,.game-experience *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}