:root{color:#2f2a25;--canvas:#f5f0e8;--surface:#fffcf5;--surface-muted:#f1e7d7;--surface-raised:#fff;--ink:#2f2a25;--ink-muted:#73685c;--line:#d8cbbb;--line-strong:#8d7d6c;--accent:#8b4f39;--accent-dark:#633829;--accent-soft:#ead5c7;--success:#5f7f58;--gold:#c49132;--radius:14px;background:#f5f0e8;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}.text-audio-button{color:inherit;font:inherit;box-shadow:none;background:0 0;border:0}.text-audio-button:hover{color:var(--accent)}.app-shell{place-items:center;min-height:100vh;padding:16px;display:grid}.tablet-frame{background:var(--surface);border:1px solid var(--line);border-radius:18px;width:min(100%,1024px);min-height:min(736px,100vh - 32px);padding:18px;position:relative;box-shadow:0 18px 48px #4a35231f}.back-button{border:1px solid var(--line-strong);background:var(--surface-raised);min-height:42px;color:var(--accent-dark);border-radius:999px;padding:0 16px;font-size:.98rem;font-weight:780;position:absolute;top:18px;right:18px}.level-select{gap:16px;display:grid}.level-select__header{justify-content:center;padding-right:96px;display:flex}.level-select__header h1{color:var(--ink);margin:0;font-size:2.5rem}.level-select__grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.level-select__button{border:1px solid var(--line);background:var(--surface-raised);min-height:188px;color:var(--ink);text-align:center;border-radius:10px;gap:8px;padding:10px;display:grid;box-shadow:0 8px 20px #4a352314}.level-select__button:hover,.level-select__button:focus-visible{border-color:var(--accent)}.level-select__image{aspect-ratio:1;object-fit:cover;background:#fbf6ee;border-radius:8px;width:100%;display:block}.level-select__title{color:var(--accent-dark);font-size:1.28rem;font-weight:820;line-height:1.25}.level-select__focus{color:var(--ink-muted);font-size:1.04rem;font-weight:760;line-height:1.2}.character-coach{border:1px solid var(--line);border-radius:var(--radius);background:#fbf6ee;grid-template-columns:112px 1fr;align-items:center;gap:14px;padding:12px;display:grid}.character-coach__image{aspect-ratio:1;object-fit:contain;justify-self:center;width:112px;display:block}.character-coach__bubble{border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--accent-dark);border-radius:999px;justify-self:center;padding:10px 18px;font-size:1.35rem;font-weight:750}.character-coach__bubble.text-audio-button{border:1px solid var(--line-strong);background:var(--surface-raised)}.progress-dots{gap:8px;display:flex}.progress-dots__dot{background:#d7cec1;border-radius:50%;width:14px;height:14px}.progress-dots__dot--active{background:var(--accent)}.activity-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);justify-items:center;gap:10px;padding:12px;display:grid}.activity-card__prompt{color:var(--accent-dark);font-size:1.55rem;font-weight:780}.activity-card .activity-card__prompt.text-audio-button{min-height:auto;color:var(--accent-dark);box-shadow:none;background:0 0;border:0}.activity-card__symbol{aspect-ratio:1;border:2px solid var(--line-strong);white-space:nowrap;width:min(34vw,220px);color:var(--ink);background:#fff;border-radius:18px;place-items:center;font-size:7.2rem;font-weight:900;line-height:1;display:grid;box-shadow:0 8px 18px #4a35230f}.activity-card button.activity-card__symbol{min-height:auto;padding:0}.activity-card__symbol:hover,.activity-card__symbol:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.activity-card__symbol--medium{font-size:4.8rem}.activity-card__symbol--long{font-size:3.6rem}.final-sound-button{aspect-ratio:1;border:2px solid var(--line-strong);width:min(42vw,220px);color:var(--ink);background:#fff;border-radius:18px;place-items:center;font-size:7.5rem;font-weight:900;line-height:1;display:grid;box-shadow:0 8px 18px #4a35230f}.join-equation,.build-board,.combine-board{justify-content:center;align-items:center;gap:12px;width:100%;min-height:120px;display:flex}.build-board,.combine-board{border:1px solid var(--line);border-radius:var(--radius);background:#fbf6ee;padding:18px}.join-equation__part,.join-equation__answer,.build-board__slot,.build-board__answer,.combine-board__part,.combine-board__answer{aspect-ratio:1;border:2px solid var(--line-strong);background:#fffdf8;border-radius:16px;place-items:center;width:min(18vw,96px);font-size:4rem;font-weight:850;display:grid}.join-equation__answer,.build-board__answer,.combine-board__answer{background:var(--accent-soft);border-color:var(--accent)}.join-equation__operator,.build-board__operator,.build-board__plus,.combine-board__operator{color:var(--ink-muted);font-size:3rem;font-weight:850}.build-board__slots,.build-board__slot-group{align-items:center;gap:12px;display:flex}.activity-card__actions{grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px;width:100%;display:grid}.activity-card__actions button:only-child{grid-column:1/-1}.choice-grid{grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;width:100%;display:grid}.build-choice-grid{grid-template-columns:repeat(4,minmax(92px,1fr));gap:12px;width:min(100%,640px);display:grid}.combine-choice-panel{grid-template-columns:repeat(4,minmax(80px,1fr));gap:12px;width:min(100%,560px);display:grid}.activity-card button,.choice-card{border:1px solid var(--accent-dark);background:var(--accent);color:#fffaf3;border-radius:12px;min-height:64px;font-size:1.35rem;font-weight:780;box-shadow:0 8px 18px #63382924}.activity-card button.activity-card__symbol{border:2px solid var(--line-strong);width:min(34vw,220px);min-height:auto;color:var(--ink);background:#fff;border-radius:18px;padding:0;font-size:7.2rem;font-weight:900;box-shadow:0 8px 18px #4a35230f}.activity-card button.final-sound-button{min-height:auto;color:var(--ink);background:#fff;padding:0;font-size:7.5rem;font-weight:900}.activity-card button.activity-card__symbol--medium{font-size:4.8rem}.activity-card button.activity-card__symbol--long{font-size:3.6rem}.activity-card .text-audio-button{min-height:auto;box-shadow:none;background:0 0;border:0}.activity-card button:hover,.choice-card:hover{background:var(--accent-dark)}.activity-card button.activity-card__symbol:hover,.activity-card button.activity-card__symbol:focus-visible,.activity-card button.final-sound-button:hover,.activity-card button.final-sound-button:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.choice-card--active{background:var(--accent-dark);outline:3px solid var(--accent-soft)}.activity-card .text-audio-button:hover{color:var(--accent);background:0 0}.activity-card .join-equation__sound{min-height:auto;color:var(--ink);box-shadow:none;background:#fffdf8}.activity-card .join-equation__answer.join-equation__sound{background:var(--accent-soft)}.activity-card .join-equation__sound:hover{background:var(--surface-muted)}.activity-card .combine-board__answer{background:var(--accent-soft);min-height:auto;color:var(--ink);box-shadow:none}.activity-card .combine-board__answer:hover{background:var(--surface-muted)}.word-menu{flex-wrap:wrap;justify-content:center;gap:8px;max-height:none;padding:0;display:flex;overflow:visible}.word-menu__button{border:1px solid var(--line);background:var(--surface-raised);min-height:42px;color:var(--ink-muted);border-radius:999px;padding:0 16px;font-size:1.02rem;font-weight:780}.word-menu__button--active,.word-menu__button:hover,.word-menu__button:focus-visible{border-color:var(--accent);background:var(--accent-dark);color:#fff}.sound-button{width:min(100%,280px)}.choice-card{color:var(--ink);border:1px solid var(--line-strong);box-shadow:none;background:#fffaf0;font-size:3rem}.choice-card:hover{background:var(--surface-muted)}.reward-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff8e9;justify-items:center;gap:8px;padding:18px;display:grid}.reward-panel__image{aspect-ratio:1;object-fit:contain;width:min(160px,52vw)}.choice-feedback{text-align:center;min-height:40px;color:var(--success);font-size:1.8rem;font-weight:800}.reward-panel__stars{color:var(--gold);font-size:2.5rem}@media (width<=760px){.tablet-frame{padding:20px}.back-button{justify-self:end;margin-bottom:12px;position:static}.level-select__header{padding-right:0}.level-select__header h1{font-size:2.4rem}.level-select__grid{grid-template-columns:1fr}.level-select__button{text-align:left;grid-template-columns:96px 1fr;align-items:center;min-height:120px}.level-select__image{grid-row:span 2}.character-coach,.activity-card__actions,.choice-grid,.build-choice-grid,.combine-choice-panel{grid-template-columns:1fr}.join-equation,.build-board,.combine-board,.build-board__slots,.build-board__slot-group{gap:8px}.lesson-runner__header h1{font-size:2.4rem}.character-coach__bubble{font-size:1.45rem}.activity-card__prompt{font-size:2rem}.activity-card__symbol,.activity-card button.activity-card__symbol{width:min(72vw,300px);font-size:7.4rem}.activity-card__symbol--medium,.activity-card button.activity-card__symbol--medium{font-size:5.2rem}.activity-card__symbol--long,.activity-card button.activity-card__symbol--long{font-size:4rem}.final-sound-button,.activity-card button.final-sound-button{width:min(58vw,190px);font-size:6rem}.join-equation__part,.join-equation__answer,.build-board__slot,.build-board__answer,.combine-board__part,.combine-board__answer{font-size:3.4rem}.join-equation__operator,.build-board__operator,.build-board__plus,.combine-board__operator{font-size:2rem}}.lesson-map{margin-right:96px}.lesson-map__group{gap:8px;display:grid}.lesson-map__heading{color:var(--accent-dark);margin:0;font-size:1.2rem;font-weight:780}.lesson-map__lessons{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.lesson-map__button{border:1px solid var(--line);background:var(--surface-raised);min-height:38px;color:var(--ink-muted);border-radius:999px;flex:none;padding:0 12px;font-weight:780}.lesson-map__button--active,.lesson-map__button:hover,.lesson-map__button:focus-visible{background:var(--accent-dark);border-color:var(--accent);color:#fff}.lesson-runner{gap:10px;margin-top:10px;display:grid}.lesson-runner__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.lesson-runner__header h1{color:var(--ink);letter-spacing:0;margin:0;font-size:1.35rem;font-weight:760}.lesson-runner__title-button{color:var(--ink);text-align:left}.lesson-runner__header p{color:var(--ink-muted);margin:0;font-size:1.45rem;font-weight:720}.lesson-runner__subtitle-button{color:var(--accent-dark);text-align:left;font-weight:820}.next-button{border:1px solid var(--accent-dark);background:var(--accent);color:#fffaf3;border-radius:12px;min-height:64px;font-size:1.35rem;font-weight:780}.reward-actions{grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px;width:min(100%,360px);display:grid}.reward-actions .next-button:only-child{grid-column:1/-1}.adult-summary{z-index:2;position:absolute;bottom:18px;right:18px}.adult-summary__toggle{border:1px solid var(--line-strong);background:var(--surface-raised);min-height:38px;color:var(--accent-dark);border-radius:999px;padding:0 14px;font-weight:780}.adult-summary__body{border:1px solid var(--line);background:var(--surface-raised);width:260px;color:var(--ink-muted);border-radius:12px;padding:9px 12px;position:absolute;bottom:48px;right:0;box-shadow:0 12px 30px #4a35232e}.adult-summary__body dl{gap:16px;margin:0 0 6px;display:flex}.adult-summary__body div{gap:2px;display:grid}.adult-summary__body dt{color:var(--ink-muted);font-size:.78rem}.adult-summary__body dd{color:var(--ink);margin:0;font-weight:780}.adult-summary__body p{margin:0;font-size:.82rem}