:root{--bg:#f6f2e9;--card:#fffdfa;--ink:#25201a;--muted:#6c6257;--line:#e4d9ca;--primary:#234f9b;--primary-dark:#17376f;--soft-blue:#e9f0ff;--soft-green:#e7f7ec;--soft-yellow:#fff3cc;--soft-red:#ffe6e1;--shadow:0 24px 70px #25201a24;--radius:28px;--tap:72px}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top left, #fff9e8 0, var(--bg) 38%, #e9f0ff 100%);min-height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:ui-rounded,SF Pro Rounded,Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}.shell{place-items:center;min-height:100dvh;padding:24px;display:grid}.app-card{width:min(1120px,100%);min-height:min(780px,100dvh - 48px);box-shadow:var(--shadow);background:#fffdfaf2;border:1px solid #e4d9cacc;border-radius:36px;padding:clamp(20px,4vw,48px);overflow:hidden}.setup-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:36px;min-height:660px;display:grid}.welcome-copy{align-content:center;justify-items:start;display:grid}.welcome-logo-frame{background:0 0;border-radius:0;justify-content:center;align-items:center;width:fit-content;max-width:100%;margin:0 0 clamp(18px,3vw,34px);padding:0;display:inline-flex}.welcome-logo{object-fit:contain;filter:drop-shadow(0 12px 20px #25201a1f);width:clamp(140px,20vw,240px);height:auto;max-height:clamp(90px,13vw,140px);display:block}.eyebrow{color:var(--primary);letter-spacing:.11em;text-transform:uppercase;margin:0 0 12px;font-size:.8rem;font-weight:900}h1,h2{letter-spacing:-.05em;margin:0;line-height:.96}h1{max-width:8ch;font-size:clamp(3.2rem,8vw,7rem)}h2{font-size:clamp(2.3rem,5vw,4.8rem)}.lede{max-width:62ch;color:var(--muted);font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.5}.panel,.prompt-card,.results-table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px}.field-label,legend{color:var(--muted);font-size:.95rem;font-weight:800}.alias-row{gap:12px;margin-top:8px;display:flex}input{border:2px solid var(--line);width:100%;min-height:58px;color:var(--ink);background:#fffdfa;border-radius:18px;padding:0 16px;font-size:1.1rem;font-weight:800}fieldset{border:0;margin:24px 0 0;padding:0}.choice-row,.button-row,.teacher-controls{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.choice,.small-button,.secondary,.ghost,.pill{border:2px solid var(--line);min-height:52px;color:var(--ink);background:#fffdfa;border-radius:999px;padding:0 18px;font-weight:900}.choice.selected,.pill.active{border-color:var(--primary);background:var(--soft-blue);color:var(--primary-dark)}.primary,.audio-button{background:var(--primary);color:#fff;border:0;border-radius:999px;min-height:58px;padding:0 24px;font-weight:950;box-shadow:0 12px 30px #234f9b38}.primary{width:100%;margin-top:28px}.secondary{background:var(--soft-blue);border-color:#c8d8ff}.ghost{background:0 0}.fine-print{color:var(--muted);font-size:.9rem;line-height:1.45}.center-stage{text-align:center;align-content:center;justify-items:center;gap:22px;min-height:650px;display:grid}.star-button{aspect-ratio:1;background:linear-gradient(145deg,#fff4ba,#ffd772);border:0;border-radius:44px;width:min(320px,70vw);font-size:clamp(7rem,22vw,14rem);box-shadow:0 24px 52px #9a6b002e}.assessment-screen{flex-direction:column;gap:18px;display:flex}.topbar{grid-template-columns:1fr minmax(160px,280px);align-items:center;gap:24px;display:grid}.progress-wrap{background:#eee5d8;border-radius:999px;height:18px;overflow:hidden}.progress-wrap span{border-radius:inherit;background:linear-gradient(90deg,#234f9b,#5d8af2);height:100%;transition:width .25s;display:block}.prompt-card{grid-template-columns:auto 1fr;align-items:center;gap:18px;display:grid}.prompt-card p{color:var(--ink);margin:0;font-size:clamp(1.25rem,2.4vw,2rem);font-weight:900;line-height:1.22}.teacher-controls{justify-content:flex-end;margin-top:0}.task-block{gap:20px;display:grid}.card-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:18px;display:grid}.card-grid.compact{grid-template-columns:repeat(3,minmax(120px,1fr))}.picture-card,.mini-card,.bin{min-height:180px;color:var(--ink);background:#fff;border:3px solid #0000;border-radius:30px;place-items:center;gap:8px;padding:18px;transition:transform .13s,border-color .13s,background .13s;display:grid;box-shadow:0 14px 36px #25201a1a}.picture-card:active,.mini-card:active,.bin:active,.primary:active,.choice:active,.audio-button:active{transform:scale(.98)}.picture-card.selected,.mini-card.selected{border-color:var(--primary);background:var(--soft-blue)}.picture-card.static{pointer-events:none}.picture-card span,.mini-card span,.bin span{font-size:clamp(3.5rem,9vw,6.5rem);line-height:1}.picture-card small,.mini-card small,.bin strong{color:var(--ink);text-align:center;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:950}.mini-card em{color:var(--primary);font-size:.85rem;font-style:normal;font-weight:900}.feedback{background:var(--soft-yellow);color:#6b4d00;text-align:center;border-radius:18px;min-height:46px;margin:0;padding:12px 16px;font-weight:900}.sort-layout,.match-layout{grid-template-columns:1.2fr .8fr;gap:22px;display:grid}.sort-cards,.bins,.match-column{grid-template-columns:repeat(2,minmax(120px,1fr));gap:16px;display:grid}.match-layout{grid-template-columns:1fr 1fr}.mini-card,.bin{min-height:150px}.scene-card{background:var(--soft-green);border-radius:34px;place-items:center;min-height:180px;font-size:clamp(5rem,16vw,12rem);display:grid;box-shadow:inset 0 0 0 1px #0000000d}.compare-pair{grid-template-columns:repeat(2,minmax(180px,1fr));gap:18px;display:grid}.results-screen{gap:22px;display:grid}.results-screen h1{max-width:none;font-size:clamp(2.8rem,7vw,5.6rem)}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.summary-card{border:1px solid var(--line);background:#fff;border-radius:22px;gap:6px;padding:18px;display:grid}.summary-card span{color:var(--muted);text-transform:capitalize;font-weight:900}.summary-card strong{font-size:1.35rem}.summary-card small{color:var(--muted);font-weight:700}.score-2{background:var(--soft-green)}.score-1{background:var(--soft-yellow)}.score-0{background:var(--soft-red)}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:14px 10px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.button-row .primary,.button-row .secondary,.button-row .ghost{width:auto;margin-top:0}.danger-link{color:#8a2f20;background:0 0;border:0;justify-self:start;padding:6px 0;font-weight:900;text-decoration:underline}button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:900px){.shell{padding:12px}.app-card{border-radius:28px;min-height:calc(100dvh - 24px)}.setup-grid,.topbar,.prompt-card,.sort-layout,.match-layout{grid-template-columns:1fr}h1{max-width:none}.welcome-copy{text-align:center;justify-items:center}.welcome-logo-frame{margin-bottom:18px}.welcome-logo{width:clamp(120px,36vw,190px);max-height:clamp(80px,24vw,130px)}.card-grid,.card-grid.compact{grid-template-columns:repeat(2,minmax(120px,1fr))}.prompt-card .audio-button{justify-self:start}.teacher-controls{justify-content:flex-start}}@media (max-width:520px){.card-grid,.card-grid.compact,.sort-cards,.bins,.compare-pair{grid-template-columns:1fr}.picture-card,.mini-card,.bin{min-height:132px}.picture-card span,.mini-card span,.bin span{font-size:4rem}}.wordstar-api-label{margin-top:24px;display:block}.practice-panel,.practice-complete-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg, #fff, var(--soft-blue));gap:16px;padding:22px;display:grid}.practice-panel h2,.practice-complete-panel h2{font-size:clamp(1.9rem,3.8vw,3.2rem)}.practice-notice{border-radius:18px;margin:0;padding:14px 16px;font-weight:900;line-height:1.4}.practice-notice.success{background:var(--soft-green);color:#1e5b34}.practice-notice.error{background:var(--soft-red);color:#8a2f20}.practice-notice.info{background:var(--soft-yellow);color:#6b4d00}.lesson-queue-list{flex-wrap:wrap;gap:10px;display:flex}.lesson-queue-list span{color:var(--primary-dark);background:#fff;border:1px solid #c8d8ff;border-radius:999px;padding:8px 12px;font-size:.92rem;font-weight:900}.lesson-header-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.lesson-header-row h1{text-transform:capitalize;max-width:none;font-size:clamp(2.8rem,7vw,5.8rem)}.compact-primary{width:auto;margin-top:0}.button-row.centered{justify-content:center}.lesson-player{border:1px solid var(--line);background:#fff;border-radius:34px;overflow:hidden;box-shadow:0 18px 48px #25201a1a}.lesson-topbar{background:linear-gradient(135deg, #fffdfa, var(--soft-blue));border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:start;gap:18px;padding:22px;display:grid}.lesson-topbar h2{text-transform:capitalize;font-size:clamp(2.2rem,5vw,4.2rem)}.lesson-topbar-compact{align-items:center;padding:18px 22px}.lesson-topbar-compact .eyebrow{margin-bottom:6px}.compact-lesson-meaning{margin-top:0;font-size:clamp(1rem,1.4vw,1.15rem)}.lesson-meaning{max-width:62ch;color:var(--muted);margin:10px 0 0;font-weight:800;line-height:1.4}.lesson-steps{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.lesson-step{border:1px solid var(--line);color:var(--muted);text-transform:capitalize;background:#fff;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:950}.lesson-step.active{border-color:var(--primary);background:var(--primary);color:#fff}.lesson-stage-grid{grid-template-columns:1.1fr .9fr;gap:24px;padding:24px;display:grid}.lesson-media-frame{background:#1d1d1d;border-radius:28px;place-items:center;min-height:360px;display:grid;overflow:hidden}.lesson-video,.lesson-image{object-fit:contain;width:100%;max-height:520px}.lesson-media-pending{color:#fff;text-align:center;padding:24px;font-weight:900}.lesson-side-panel,.lesson-question-panel{align-content:start;gap:16px;display:grid}.lesson-side-panel h2,.lesson-question-panel h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.05}.narration-box,.rule-box{border:1px solid var(--line);background:#fffdfa;border-radius:24px;padding:18px}.narration-box p:last-child,.rule-box p:last-child{margin:0;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:900;line-height:1.35}.lesson-question-panel{max-width:820px;padding:28px}.lesson-choice-grid{gap:14px;display:grid}.lesson-choice{border:3px solid var(--line);min-height:70px;color:var(--ink);text-align:left;background:#fffdfa;border-radius:22px;align-items:center;gap:12px;padding:14px 18px;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:950;display:flex}.lesson-choice span{font-size:2rem}.lesson-choice.selected{border-color:var(--primary);background:var(--soft-blue);color:var(--primary-dark)}.lesson-feedback{border-radius:20px;margin:0;padding:16px;font-weight:950;line-height:1.35}.lesson-feedback.good{background:var(--soft-green);color:#1e5b34}.lesson-feedback.try{background:var(--soft-yellow);color:#6b4d00}.activity-image{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:24px;width:min(100%,560px);max-height:320px}.lesson-celebration{text-align:center;align-content:center;justify-items:center;gap:16px;min-height:480px;padding:34px;display:grid}.celebration-star{aspect-ratio:1;background:linear-gradient(145deg,#fff4ba,#ffd772);border-radius:44px;place-items:center;width:min(180px,42vw);font-size:clamp(5rem,15vw,9rem);display:grid;box-shadow:0 24px 52px #9a6b002e}.lesson-celebration h2{font-size:clamp(2.4rem,5vw,4.8rem)}.lesson-celebration p{max-width:62ch;color:var(--muted);margin:0;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:850;line-height:1.4}.lesson-score{color:var(--ink)!important}@media (max-width:900px){.lesson-topbar,.lesson-stage-grid,.lesson-header-row{grid-template-columns:1fr}.lesson-header-row{display:grid}.lesson-steps{justify-content:flex-start}.lesson-media-frame{min-height:260px}}:root{--bg:#f7f3ea;--card:#fffdfa;--ink:#26221c;--muted:#6f675d;--line:#e8dfd2;--primary:#244f8f;--primary-dark:#183966;--soft-blue:#eef4ff;--soft-green:#eef7ee;--soft-yellow:#fff6d8;--shadow:none}html,body{background:var(--bg)}.shell{padding:clamp(16px,3vw,32px)}.app-card{background:var(--card);box-shadow:none;border:0}.eyebrow,.lesson-kicker,.lesson-label{color:var(--muted);letter-spacing:.01em;text-transform:none;margin:0 0 10px;font-size:clamp(.9rem,1.4vw,1.05rem);font-weight:850}.lesson-kicker,.lesson-label{display:block}.lede{font-weight:650}.primary,.audio-button,.secondary,.ghost,.choice,.small-button,.pill{box-shadow:none}.practice-panel,.practice-complete-panel{border:1px solid var(--line);box-shadow:none;background:0 0}.lesson-screen{gap:clamp(12px,2vw,20px);display:grid}.lesson-screen-complete{align-content:start}.lesson-header-row-minimal{align-items:start;padding-bottom:0}.lesson-header-row h1{line-height:.98}.lesson-header-meaning{max-width:760px;color:var(--ink);margin:clamp(6px,1vw,10px) 0 0;font-size:clamp(1.08rem,1.8vw,1.45rem);font-weight:750;line-height:1.25}.grownup-details{max-width:720px;color:var(--muted);margin-top:10px;font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.45}.grownup-details summary{width:fit-content;color:var(--muted);cursor:pointer;font-weight:800}.grownup-details p{margin:8px 0 0}.lesson-player{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.lesson-topbar,.lesson-topbar-compact{background:0 0;border-bottom:0;grid-template-columns:minmax(0,1fr) auto;padding:0 0 clamp(12px,2vw,22px)}.compact-lesson-meaning,.lesson-meaning{max-width:64ch;color:var(--ink);font-size:clamp(1.25rem,2.2vw,1.65rem);font-weight:750;line-height:1.35}.lesson-progress-dots{justify-items:end;gap:8px;min-width:116px;display:grid}.lesson-progress-text{color:var(--muted);font-size:.95rem;font-weight:800}.lesson-dot-row{align-items:center;gap:10px;display:flex}.lesson-dot{background:#d8cfc2;border-radius:999px;width:14px;height:14px}.lesson-dot.complete,.lesson-dot.active{background:var(--primary)}.lesson-dot.active{width:34px}.lesson-stage-grid{gap:clamp(20px,3vw,32px);padding:0}.lesson-side-panel,.lesson-question-panel{gap:clamp(14px,2vw,20px)}.narration-box,.rule-box{background:#f4efe6;border:0;border-radius:22px;padding:18px}.rule-box{background:var(--soft-green)}.lesson-question-panel{padding:0}.lesson-choice,.picture-card,.mini-card,.bin,.summary-card,.panel,.prompt-card,.results-table-wrap{box-shadow:none}.lesson-choice{background:#fffdfa}.lesson-media-frame{box-shadow:none}.lesson-celebration{min-height:360px;padding:clamp(24px,4vw,44px) 0}.celebration-star{aspect-ratio:auto;width:auto;box-shadow:none;background:0 0;border-radius:0;font-size:clamp(4rem,12vw,7rem)}.practice-complete-view{text-align:center;align-content:center;justify-items:center;gap:clamp(14px,2.5vw,22px);min-height:clamp(420px,55dvh,620px);display:grid}.practice-complete-view h2{max-width:none;font-size:clamp(3rem,7vw,6rem);line-height:.98}.practice-complete-main{color:var(--ink);margin:0;font-size:clamp(1.8rem,3.8vw,3.2rem);font-weight:850;line-height:1.15}.practice-complete-score{color:var(--muted);margin:0;font-size:clamp(1.25rem,2.4vw,1.7rem);font-weight:800}.practice-complete-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px;display:flex}.practice-complete-actions .primary,.practice-complete-actions .secondary,.practice-complete-actions .ghost{width:auto;margin-top:0}.quiet-link{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;margin-top:6px;font-weight:800;text-decoration:underline}@media (max-width:900px){.lesson-topbar,.lesson-topbar-compact{grid-template-columns:1fr}.lesson-progress-dots{justify-items:start}}.results-screen{align-content:start;gap:clamp(16px,2.4vw,24px)}.results-hero{gap:6px;display:grid}.results-hero .eyebrow,.results-hero .lede{margin-bottom:0}.results-hero .lede{max-width:none;font-size:clamp(1.15rem,1.7vw,1.35rem)}.compact-results-grid{grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:10px}.compact-results-grid .summary-card{text-align:center;border-radius:20px;align-content:center;justify-items:center;gap:8px;min-height:104px;padding:16px 12px}.compact-results-grid .summary-card span{color:var(--ink);font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.1}.compact-results-grid .summary-card strong{font-size:clamp(1.3rem,2.6vw,2.15rem);line-height:1}.compact-results-grid .summary-card.score-2 strong{font-size:clamp(1.9rem,3.4vw,2.7rem)}.results-practice-panel{border-width:1px 0 0;border-radius:0;gap:12px;padding:clamp(18px,2.4vw,24px) 0 0}.results-practice-panel h2{font-size:clamp(2rem,4vw,3.8rem)}.results-practice-panel .lede{max-width:54ch;margin:8px 0 0}.results-details{max-width:100%;margin-top:4px;font-size:.98rem}.results-details ul{margin:8px 0 0;padding-left:1.2rem}.results-details li+li{margin-top:6px}.results-actions{margin-top:0}.results-actions .ghost{color:var(--muted)}.compact-results-grid .summary-card strong{place-items:center;min-height:1.1em;display:grid}.compact-results-grid .summary-card.score-1 strong,.compact-results-grid .summary-card.score-0 strong{font-size:clamp(2rem,3.4vw,2.8rem)}.results-action-row{justify-content:space-between;align-items:center;gap:clamp(14px,2.5vw,28px);margin-top:clamp(8px,1.6vw,18px);display:flex}.results-action-row .ghost{flex:none}.results-practice-cta{min-height:68px;padding:0 clamp(22px,3vw,34px);font-size:clamp(1rem,1.6vw,1.2rem);animation:2.4s ease-in-out infinite wordstarCtaGlow}@keyframes wordstarCtaGlow{0%,to{box-shadow:0 0 #244f8f38}50%{box-shadow:0 0 0 10px #244f8f1a}}@media (max-width:700px){.results-action-row{flex-direction:column-reverse;align-items:stretch}.results-action-row .ghost,.results-practice-cta{width:100%}}.lesson-story-panel{gap:clamp(10px,1.6vw,18px);display:grid}.lesson-story-heading{gap:clamp(7px,1vw,12px);display:grid}.lesson-story-heading h2{max-width:none;font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.02}.word-rule-box{background:var(--soft-green);border:0;border-radius:18px;max-width:920px;padding:clamp(12px,1.6vw,16px)}.word-rule-box p:last-child{color:var(--ink);margin:0;font-size:clamp(1.05rem,1.8vw,1.4rem);font-weight:850;line-height:1.25}.lesson-video-section{gap:10px;width:100%;display:grid}.lesson-media-frame-wide{aspect-ratio:16/9;background:#151515;border-radius:clamp(16px,2.4vw,24px);width:100%;min-height:0}.lesson-media-frame-wide .lesson-video,.lesson-media-frame-wide .lesson-image{object-fit:contain;width:100%;height:100%;max-height:none;display:block}.video-control-panel{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.compact-secondary{width:auto;min-height:46px;margin:0;padding:0 18px;font-size:1rem}.video-control-panel .secondary{border:2px solid var(--line);color:var(--ink);background:#fffdfa;border-radius:999px;text-decoration:none}.video-control-panel .ghost{min-height:46px}.lesson-story-actions{justify-content:flex-end;display:flex}.lesson-story-actions .primary{width:auto;margin-top:0}@media (max-width:900px){.video-control-panel,.lesson-story-actions{justify-content:stretch}.video-control-panel>*,.lesson-story-actions .primary{flex:auto}}.lesson-header-block{align-items:start;gap:clamp(8px,1.2vw,14px);display:grid}.lesson-title-block{gap:clamp(4px,.8vw,8px);display:grid}.lesson-back-button{border-width:1.5px;min-height:38px;padding:0 14px;font-size:clamp(.82rem,1.1vw,.98rem);line-height:1;width:fit-content!important}.lesson-title-block .lesson-kicker{margin-bottom:0;font-size:clamp(.92rem,1.25vw,1.08rem)}.lesson-title-block h1{max-width:none;font-size:clamp(3rem,6.2vw,5.2rem);line-height:.92}.lesson-title-block .lesson-header-meaning{max-width:840px;margin:0;font-size:clamp(1.04rem,1.55vw,1.32rem);line-height:1.18}.lesson-screen{gap:clamp(10px,1.4vw,16px)}.lesson-story-panel{gap:clamp(8px,1.1vw,12px)}.lesson-story-heading h2{font-size:clamp(1.65rem,2.8vw,2.45rem);line-height:1}.word-rule-box{max-width:none;padding:clamp(10px,1.25vw,14px) clamp(14px,1.7vw,18px)}.word-rule-box .eyebrow{margin:0 0 4px;font-size:clamp(.86rem,1.1vw,.98rem)}.lesson-video-section,.video-control-panel{gap:8px}.video-control-panel .compact-secondary{min-height:42px;padding:0 16px;font-size:clamp(.9rem,1.1vw,1rem)}.lesson-story-actions .primary{min-height:54px}@media (max-width:900px){.lesson-back-button{justify-self:start;flex:none!important;width:fit-content!important}.lesson-title-block h1{font-size:clamp(3.1rem,11vw,5rem)}.lesson-story-actions .primary{width:100%}}.forward-action:not(:disabled){animation:2.4s ease-in-out infinite wordstarCtaGlow}.forward-action:disabled{box-shadow:none;opacity:.58;animation:none}.lesson-screen>.lesson-back-button{margin-bottom:clamp(4px,.8vw,8px)}.lesson-story-heading{gap:0}.lesson-story-heading h2{display:none}.word-rule-box{margin-bottom:clamp(2px,.5vw,6px)}.word-rule-box .eyebrow{color:var(--muted);letter-spacing:.01em;text-transform:none}.practice-complete-celebration{position:relative;overflow:hidden}.practice-complete-celebration>:not(.confetti-burst){z-index:1;position:relative}.confetti-burst{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.confetti-piece{opacity:0;background:#f6c453;border-radius:4px;width:10px;height:18px;animation:1.9s ease-out forwards wordstarConfettiFall;position:absolute;top:-18px}.confetti-piece:nth-child(3n){background:#5bbf7a;border-radius:50%;width:12px;height:12px}.confetti-piece:nth-child(3n+1){background:#2f61ad}.confetti-piece:nth-child(4n){background:#f08a70}.piece-1{animation-delay:20ms;left:8%}.piece-2{animation-delay:.18s;left:15%}.piece-3{animation-delay:60ms;left:22%}.piece-4{animation-delay:.26s;left:30%}.piece-5{animation-delay:.12s;left:38%}.piece-6{animation-delay:.31s;left:45%}.piece-7{animation-delay:30ms;left:52%}.piece-8{animation-delay:.22s;left:58%}.piece-9{animation-delay:90ms;left:64%}.piece-10{animation-delay:.29s;left:70%}.piece-11{animation-delay:.14s;left:76%}.piece-12{animation-delay:.34s;left:82%}.piece-13{animation-delay:.41s;left:18%}.piece-14{animation-delay:.48s;left:34%}.piece-15{animation-delay:.39s;left:49%}.piece-16{animation-delay:.52s;left:61%}.piece-17{animation-delay:.44s;left:73%}.piece-18{animation-delay:.56s;left:88%}@keyframes wordstarConfettiFall{0%{opacity:0;transform:translateY(-20px)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate3d(var(--confetti-drift,18px), clamp(360px, 58vh, 620px), 0) rotate(520deg)}}.piece-2,.piece-5,.piece-8,.piece-11,.piece-14,.piece-17{--confetti-drift:-22px}.piece-3,.piece-6,.piece-9,.piece-12,.piece-15,.piece-18{--confetti-drift:28px}@media (prefers-reduced-motion:reduce){.forward-action:not(:disabled),.confetti-piece{animation:none}.confetti-burst{display:none}}.lesson-word-title{color:var(--ink);letter-spacing:-.055em;text-transform:capitalize;margin:0 0 clamp(8px,1.2vw,14px);font-size:clamp(3rem,7vw,5.8rem);font-weight:900;line-height:.9}.word-rule-box p:last-child{font-size:clamp(1.45rem,2.65vw,2.25rem);line-height:1.12}.practice-complete-actions{align-items:center}.lesson-media-frame-wide{position:relative}.video-disabled .lesson-video,.video-disabled .lesson-image{filter:saturate(.82)brightness(.94)}.video-overlay-button{z-index:2;cursor:pointer;background:linear-gradient(#14120e0a,#14120e29);border:0;place-items:center;display:grid;position:absolute;inset:0}.video-overlay-button:disabled{cursor:default;background:#14120e2e}.video-overlay-button.is-transparent{background:0 0}.video-overlay-button.is-transparent .video-overlay-icon{opacity:0;transform:scale(.92)}.video-overlay-icon{color:#e97827;background:#fffdfaeb;border-radius:999px;place-items:center;width:clamp(82px,9vw,126px);height:clamp(82px,9vw,126px);font-size:clamp(2.6rem,5vw,4.6rem);font-weight:950;line-height:1;transition:opacity .16s,transform .16s;display:grid;box-shadow:0 18px 42px #25201a2e}.video-overlay-button:disabled .video-overlay-icon{color:var(--muted);opacity:.54;box-shadow:none}.video-control-panel{min-height:52px}.restart-icon-button{place-items:center;width:52px;min-width:52px;height:52px;line-height:1;display:grid;padding:0!important;font-size:1.65rem!important}.lesson-play-action:not(:disabled){color:#fff;background:#e97827;animation:2.4s ease-in-out infinite wordstarOrangeCtaGlow;box-shadow:0 14px 32px #e9782757}.lesson-play-action:not(:disabled):hover{background:#d9681c}.lesson-play-action:disabled{color:var(--muted);background:#e8ded1}@keyframes wordstarOrangeCtaGlow{0%,to{box-shadow:0 0 0 7px #e978271c,0 14px 32px #e9782747}50%{box-shadow:0 0 0 12px #e9782733,0 18px 38px #e9782757}}@media (prefers-reduced-motion:reduce){.lesson-play-action:not(:disabled){animation:none}}.lesson-story-actions{margin-top:clamp(14px,2vw,24px)}.shell{height:100dvh;min-height:0;padding:clamp(12px,2.4vh,24px) clamp(16px,3vw,32px);overflow:hidden}.app-card:has(.setup-grid){height:100%;min-height:0;max-height:100%;padding:clamp(20px,min(4vw,4vh),48px);overflow:hidden}.setup-grid{gap:clamp(22px,3vw,36px);height:100%;min-height:0}.welcome-logo{width:clamp(140px,min(18vw,22vh),220px);max-height:clamp(84px,14vh,120px)}h1{font-size:clamp(3.2rem,min(7.2vw,10vh),6.4rem)}.lede{font-size:clamp(1rem,min(1.45vw,2.1vh),1.22rem);line-height:1.42}html,body{min-height:100%;overflow-x:hidden}.shell{place-items:center;height:auto;min-height:100dvh;padding:clamp(16px,3vw,32px);display:grid;overflow:visible}.app-card{background:var(--card);width:min(1120px,100%);height:auto;min-height:0;max-height:none;box-shadow:none;border:0;border-radius:36px;padding:clamp(20px,4vw,48px);overflow:visible}.app-card:has(.setup-grid){height:auto;min-height:0;max-height:none;overflow:visible}.app-card:has(.setup-grid) .setup-grid{height:auto;min-height:min(660px,100dvh - 150px)}.app-card:has(.center-stage){height:auto;min-height:0;max-height:none;overflow:visible}.center-stage{min-height:min(650px,100dvh - 150px)}:is(.app-card:has(.assessment-screen),.app-card:has(.results-screen),.app-card:has(.lesson-screen)){height:auto;min-height:0;max-height:none;overflow:visible}.assessment-screen,.results-screen,.lesson-screen,.lesson-player{min-height:0;overflow:visible}.assessment-screen>.primary,.task-block+.primary,.lesson-story-actions,.practice-complete-actions,.results-action-row{margin-bottom:0}@media (max-width:900px){.shell{place-items:start center;height:auto;min-height:100dvh;padding:clamp(20px,3vw,32px) clamp(14px,3vw,24px);overflow:visible}.app-card{border-radius:32px;width:min(100%,960px);height:auto;min-height:0;max-height:none;padding:clamp(24px,5vw,42px);overflow:visible}:is(.app-card:has(.setup-grid),.app-card:has(.center-stage),.app-card:has(.assessment-screen),.app-card:has(.results-screen),.app-card:has(.lesson-screen)){height:auto;min-height:0;max-height:none;overflow:visible}.setup-grid{align-content:start;height:auto;min-height:0}.app-card:has(.setup-grid) .setup-grid{align-content:start;height:auto;min-height:0}.center-stage{min-height:auto;padding-block:clamp(24px,5vh,56px)}.star-button{width:min(320px,72vw)}.assessment-screen,.results-screen,.lesson-screen,.lesson-player{min-height:0;overflow:visible}}@media (max-width:520px){.shell{padding:16px 10px}.app-card{border-radius:28px;padding:clamp(20px,5vw,28px)}.center-stage{gap:18px}.star-button{width:min(300px,78vw)}}.prompt-heading{max-width:none;display:block}.prompt-heading>span{display:inline}.inline-audio-button{background:var(--primary);color:#fff;vertical-align:middle;border:0;border-radius:999px;place-items:center;width:clamp(42px,4vw,56px);height:clamp(42px,4vw,56px);min-height:0;margin-left:clamp(10px,1.2vw,16px);font-size:clamp(1.05rem,1.8vw,1.45rem);font-weight:950;line-height:1;display:inline-grid;box-shadow:0 10px 24px #234f9b33}.inline-audio-button:hover{background:var(--primary-dark)}.image-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(14px,2vw,24px)}.lesson-choice.image-choice{text-align:center;background:#fffdfa;border-radius:clamp(18px,2vw,28px);min-height:0;padding:clamp(10px,1.4vw,18px);display:block;overflow:hidden}.lesson-choice.image-choice.selected{border-color:var(--primary);background:var(--soft-blue);box-shadow:0 0 0 8px #234f9b1f}.lesson-choice-image{aspect-ratio:16/10;object-fit:cover;background:#f4efe6;border-radius:clamp(14px,1.6vw,22px);width:100%;height:auto;display:block}.lesson-choice.text-choice{min-height:70px}@media (max-width:760px){.image-choice-grid{grid-template-columns:1fr}}.welcome-logo-frame{margin-bottom:clamp(14px,2vh,26px)}.welcome-logo{width:clamp(280px,min(32vw,34vh),440px);height:auto;max-height:none}@media (max-width:900px){.welcome-logo{width:clamp(240px,52vw,380px);max-height:none}}@media (max-width:520px){.welcome-logo{width:min(340px,82vw);max-height:none}}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.icon-audio-button{place-items:center;width:72px;min-width:72px;min-height:72px;padding:0;font-size:2rem;line-height:1;display:inline-grid}.center-stage .icon-audio-button{width:96px;min-width:96px;min-height:96px;font-size:2.8rem}.star-button{transition:transform .18s,box-shadow .18s,filter .18s}.star-button-touched{animation:.42s both star-wiggle,.42s both star-sparkle}.progress-dots{justify-content:flex-end;align-items:center;gap:clamp(6px,1vw,10px);min-height:48px;display:flex}.progress-dot{color:#c7bba9;transform-origin:50%;background:#eee5d8;border-radius:999px;place-items:center;width:clamp(24px,3vw,34px);height:clamp(24px,3vw,34px);font-size:clamp(1rem,2vw,1.45rem);transition:transform .18s,background .18s,color .18s;display:inline-grid}.progress-dot.complete{background:var(--soft-green);color:#3b7a4f}.progress-dot.active{color:#d08b00;background:#fff1b8;transform:scale(1.18);box-shadow:0 0 0 6px #ffda6b42}.check-button{border-radius:999px;justify-self:center;place-items:center;width:min(180px,46vw);min-height:82px;margin-top:8px;font-size:3rem;display:grid}.picture-card,.mini-card,.bin{border-color:#e8dfd2e6;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s,filter .16s}.picture-card:hover,.mini-card:hover,.bin:hover{transform:translateY(-1px)}.picture-card.selected,.mini-card.selected{border-color:var(--primary);background:var(--soft-blue);transform:translateY(-2px)scale(1.015);box-shadow:0 0 0 6px #244f8f1f,0 14px 36px #25201a1a}.mini-card.placed{background:var(--soft-green);border-color:#9dd9ad}.mini-card em{color:#fff;background:#2f8b4a;border-radius:999px;place-items:center;width:34px;height:34px;font-size:1.05rem;font-weight:950;display:inline-grid}.bins{align-content:stretch}.bin{background:linear-gradient(145deg,#fffdfa,#f6fbff);border-style:dashed;border-color:#cbdff5}.bin strong{color:var(--primary-dark)}.match-babies,.match-grownups,.sort-cards,.bins{border-radius:28px;padding:10px}.match-babies{background:#eef4ffa6}.match-grownups{outline-offset:-6px;background:#faecff8c;outline:2px dashed #976fb838}.task-block.is-advancing button:not(.ghost){pointer-events:none}.wrong-feedback-0,.wrong-feedback-1{animation:.42s both gentle-wobble}.success-feedback-0 .picture-card.selected,.success-feedback-1 .picture-card.selected,.success-feedback-0 .mini-card.placed,.success-feedback-1 .mini-card.placed,.success-feedback-0 .bin,.success-feedback-1 .bin{animation:.52s both soft-success}.success-feedback-0:after,.success-feedback-1:after{content:"✨";justify-self:center;font-size:2.2rem;animation:.56s both sparkle-rise}.cue-target,.cue-category-glow .cue-target,.cue-bins-glow .bin.cue-target,.cue-bins-glow .bin,.cue-feature-wash .picture-card,.cue-scene-pulse .cue-target{animation:.9s both scaffold-glow}.cue-feature-wash .card-grid,.cue-rain .card-grid,.cue-snow .card-grid,.cue-rain .scene-card,.cue-snow .scene-card{border-radius:34px;position:relative;overflow:hidden}.cue-feature-wash .card-grid:before,.cue-rain .card-grid:before,.cue-rain .scene-card:before,.cue-snow .card-grid:before,.cue-snow .scene-card:before{content:"";pointer-events:none;opacity:0;z-index:0;border-radius:inherit;animation:.9s both contextual-wash;position:absolute;inset:0}.cue-feature-wash .card-grid:before{background:linear-gradient(90deg,#ff5f5f24,#5991ff1f,#57b86c24)}.cue-rain .card-grid:before,.cue-rain .scene-card:before{background:repeating-linear-gradient(115deg,#4a92ff2e 0 4px,#0000 4px 15px)}.cue-snow .card-grid:before,.cue-snow .scene-card:before{background:radial-gradient(circle at 12% 24%,#aad9ff8c 0 6px,#0000 7px),radial-gradient(circle at 78% 32%,#aad9ff80 0 5px,#0000 6px),radial-gradient(circle at 42% 70%,#aad9ff73 0 4px,#0000 5px)}.cue-feature-wash .picture-card,.cue-rain .picture-card,.cue-snow .picture-card,.cue-rain .scene-card>*,.cue-snow .scene-card>*{z-index:1;position:relative}.cue-baby-grown-glow .match-babies{animation:.52s both scaffold-glow}.cue-baby-grown-glow .match-grownups{animation:.52s .36s both scaffold-glow}.cue-scene-pulse .scene-card,.cue-arrow-pulse .scene-card{animation:.9s both scene-pulse}.cue-compare-outline .compare-pair{border-radius:34px;animation:.9s both compare-outline}@keyframes star-wiggle{0%,to{transform:rotate(0)scale(1)}22%{transform:rotate(-8deg)scale(1.04)}46%{transform:rotate(8deg)scale(1.08)}70%{transform:rotate(-4deg)scale(1.04)}}@keyframes star-sparkle{0%,to{filter:brightness();box-shadow:0 24px 52px #9a6b002e}50%{filter:brightness(1.07);box-shadow:0 0 0 12px #ffd77247,0 24px 72px #9a6b003d}}@keyframes gentle-wobble{0%,to{transform:translate(0)}18%{transform:translate(-7px)}36%{transform:translate(7px)}54%{transform:translate(-4px)}72%{transform:translate(4px)}}@keyframes soft-success{0%{box-shadow:0 0 #47ab5c00}45%{transform:translateY(-3px)scale(1.025);box-shadow:0 0 0 10px #47ab5c2e,0 18px 42px #25201a1f}to{box-shadow:0 14px 36px #25201a1a}}@keyframes sparkle-rise{0%{opacity:0;transform:translateY(8px)scale(.8)}45%{opacity:1;transform:translateY(-4px)scale(1.12)}to{opacity:0;transform:translateY(-20px)scale(.9)}}@keyframes scaffold-glow{0%,to{box-shadow:0 14px 36px #25201a1a}45%{border-color:#ffd55f;box-shadow:0 0 0 10px #ffd55f3d,0 18px 46px #25201a1f}}@keyframes contextual-wash{0%,to{opacity:0}20%,72%{opacity:1}}@keyframes scene-pulse{0%,to{transform:scale(1);box-shadow:inset 0 0 0 1px #0000000d}45%{transform:scale(1.015);box-shadow:inset 0 0 0 8px #ffd55f59,0 0 0 10px #ffd55f29}}@keyframes compare-outline{0%,to{box-shadow:none}45%{box-shadow:0 0 0 10px #ffd55f33}}@media (max-width:900px){.progress-dots{justify-content:flex-start}}.find-scene-card{background:linear-gradient(135deg,#eef8ff,#fff8df);margin-bottom:clamp(16px,2.4vw,24px)}.find-scene-card span{white-space:pre-wrap}.interaction-demo{width:min(360px,100%);min-height:74px;color:var(--primary-dark);background:#fffdfadb;border:2px dashed #234f9b38;border-radius:999px;grid-template-columns:1fr auto 1fr;place-items:center;gap:12px;margin:0 auto clamp(14px,2vw,22px);display:grid;box-shadow:0 12px 32px #25201a14}.demo-item,.demo-target{background:#fff;border-radius:18px;place-items:center;width:58px;height:58px;font-size:2.2rem;display:grid;box-shadow:0 8px 20px #25201a14}.demo-arrow{font-size:2rem;font-weight:950;animation:1.5s ease-in-out infinite demo-arrow-pulse}.sort-demo .demo-item{animation:1.5s ease-in-out infinite demo-item-move}.match-demo .demo-item{font-size:1.65rem;animation:1.5s ease-in-out infinite demo-small-item-move}.match-demo .demo-target{font-size:3rem}.compare-pair .picture-card span{white-space:pre-line}.ready-target{transform:translateY(-2px);background:#fff8dc!important;border-color:#ffd55f!important;box-shadow:0 0 0 8px #ffd55f2e,0 14px 36px #25201a1a!important}.match-column{border:2px dashed #234f9b1f;border-radius:30px;position:relative}.match-babies:before,.match-grownups:before{content:attr(aria-label);min-width:46px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#fffdfa;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:950;position:absolute;inset:-14px auto auto 18px}.narration-focus,.lesson-choice.narration-focus,.picture-card.narration-focus{animation:.9s both narration-focus-pulse;background:#fff8dc!important;border-color:#ffd55f!important;box-shadow:0 0 0 10px #ffd55f3d,0 18px 42px #25201a1f!important}.lesson-submit-button{border-radius:999px;place-items:center;width:min(170px,46vw);min-height:78px;margin:clamp(18px,2.4vw,28px) auto 0;font-size:2.8rem;line-height:1;display:grid}.lesson-media-error{z-index:4;text-align:center;color:#8a2f20;background:#fffdfaf5;border:2px solid #8a2f202e;border-radius:26px;align-content:center;place-items:center;gap:10px;padding:24px;display:grid;position:absolute;inset:24px;box-shadow:0 18px 42px #25201a29}.lesson-media-error strong{font-size:clamp(1.25rem,2vw,1.65rem);font-weight:950}.lesson-media-error span{max-width:36ch;color:var(--muted);font-weight:800}.retry-media-button{min-height:50px}.lesson-media-error+.video-overlay-button{pointer-events:none}.video-overlay-button:has(+.lesson-media-error){pointer-events:none}@keyframes demo-item-move{0%,to{transform:translate(0)scale(1)}45%{transform:translate(clamp(50px,9vw,86px))scale(1.06)}72%{transform:translate(clamp(50px,9vw,86px))scale(1)}}@keyframes demo-small-item-move{0%,to{transform:translate(0)scale(.72)}45%{transform:translate(clamp(50px,9vw,86px))scale(.82)}72%{transform:translate(clamp(50px,9vw,86px))scale(.72)}}@keyframes demo-arrow-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.14)}}@keyframes narration-focus-pulse{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-3px)scale(1.025)}}@media (prefers-reduced-motion:reduce){.demo-arrow,.sort-demo .demo-item,.match-demo .demo-item,.narration-focus,.lesson-choice.narration-focus,.picture-card.narration-focus{animation:none}}.lesson-learner-toolbar{flex-wrap:wrap;align-items:center;gap:clamp(8px,1.2vw,12px);margin:0 0 clamp(8px,1.2vw,14px);display:flex}.lesson-icon-chip{color:#214f91;background:#f3f7ff;border:1.5px solid #2f61ad29;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:clamp(.86rem,1.1vw,.98rem);font-weight:900;line-height:1;display:inline-flex;box-shadow:0 8px 18px #2f61ad14}.lesson-icon-chip[aria-pressed=true]{color:#9a4b15;background:#fff7e8;border-color:#e9782738}.audio-first-strip{width:100%;color:var(--ink);text-align:left;background:#eef9ef;border:0;border-radius:20px;align-items:center;gap:clamp(9px,1.2vw,12px);padding:clamp(10px,1.4vw,14px) clamp(12px,1.8vw,18px);font-weight:950;display:flex}.audio-first-button{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:clamp(9px,1.2vw,12px);padding:0;display:flex}.audio-first-icon{color:#fff;background:#42a85f;border-radius:999px;flex:none;place-items:center;width:clamp(34px,4.2vw,42px);height:clamp(34px,4.2vw,42px);display:inline-grid;box-shadow:0 8px 18px #42a85f38}.prompt-audio-strip{background:#eef4ff;margin-bottom:clamp(14px,1.8vw,20px)}.prompt-audio-strip .audio-first-icon{background:#2f61ad;box-shadow:0 8px 18px #2f61ad38}.word-rule-box-hidden{background:0 0;margin-bottom:clamp(4px,.6vw,8px);padding:0}.rule-audio-strip{background:#eef9ef}.lesson-stage-action{border-radius:999px;justify-content:center;align-items:center;gap:10px;width:auto;min-width:min(250px,72vw);min-height:58px;padding:0 clamp(18px,2.4vw,28px);font-size:clamp(1.02rem,1.4vw,1.18rem);line-height:1;display:inline-flex}.lesson-stage-action-icon{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1}.lesson-stage-action-label{font-weight:950}.lesson-submit-button.lesson-stage-action{place-items:initial;width:min(220px,58vw);min-height:72px;margin:clamp(18px,2.4vw,28px) auto 0;font-size:clamp(1rem,1.4vw,1.2rem);display:inline-flex}.video-overlay-icon{width:clamp(58px,6.6vw,84px);height:clamp(58px,6.6vw,84px);font-size:clamp(1.9rem,3.3vw,3.2rem);box-shadow:0 12px 28px #25201a29}.reasoning-celebration .celebration-star{background:#fff7d9}.reasoning-celebration p:not(.lesson-score){max-width:38ch;color:var(--ink);margin:0 auto;font-weight:850}@media (max-width:760px){.lesson-learner-toolbar{justify-content:flex-start}.lesson-icon-chip{min-height:38px;padding-inline:11px}.lesson-stage-action{width:100%}}.story-visual-card{background:#fffdfa;border:1.5px solid #2f61ad24;border-radius:24px;gap:0;display:grid;overflow:hidden;box-shadow:0 12px 28px #25201a12}.story-visual-image{object-fit:cover;width:100%;max-height:clamp(220px,32vw,360px);display:block}.story-visual-placeholder{background:#f3f7ff;place-items:center;min-height:clamp(160px,24vw,280px);font-size:clamp(3rem,8vw,5.5rem);display:grid}.story-visual-audio,.story-frame-audio{color:var(--ink);text-align:left;background:#eef9ef;border:0;align-items:center;gap:10px;padding:12px 14px;font-weight:950;display:flex}.story-visual-audio span:first-child,.story-frame-audio span:first-child{color:#fff;background:#42a85f;border-radius:999px;flex:none;place-items:center;width:34px;height:34px;display:inline-grid}.story-sequence-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch;gap:clamp(12px,1.8vw,18px);display:grid}.story-frame-card{background:#fffdfa;border:1.5px solid #2f61ad24;border-radius:22px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 24px #25201a0f}.story-frame-number{z-index:2;color:#fff;background:#2f61ad;border-radius:999px;place-items:center;width:34px;height:34px;font-weight:950;display:grid;position:absolute;top:10px;left:10px;box-shadow:0 8px 18px #2f61ad33}.story-frame-image{object-fit:cover;width:100%;height:clamp(160px,24vw,250px);display:block}.story-frame-placeholder{background:#f3f7ff;place-items:center;min-height:clamp(160px,24vw,250px);font-size:clamp(2.6rem,6vw,4.4rem);display:grid}.reasoning-choice-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.reasoning-choice-grid .lesson-choice{justify-content:center;align-items:stretch;min-height:clamp(130px,20vw,190px)}.plenary-panel{background:linear-gradient(#fffdf7 0%,#fff9e8 100%);border:2px solid #ffc34a6b;border-radius:30px;box-shadow:0 20px 52px #9a6b001a}.plenary-heading{grid-template-columns:auto 1fr;align-items:center;gap:clamp(10px,1.6vw,16px);display:grid}.plenary-icon{color:#9a6b00;background:#fff0b8;border-radius:18px;place-items:center;width:clamp(44px,6vw,60px);height:clamp(44px,6vw,60px);font-size:clamp(1.7rem,3vw,2.4rem);display:grid;box-shadow:0 10px 22px #9a6b0024}@media (max-width:760px){.plenary-heading{grid-template-columns:1fr}.plenary-icon{justify-self:start}.reasoning-choice-grid .lesson-choice{min-height:120px}}.lesson-debug-diagnostics{color:#334155;background:#ffffffc7;border:1px dashed #3c4a5b52;border-radius:1rem;max-width:920px;margin:1rem auto 0;padding:.75rem 1rem;font-size:.8rem}.lesson-debug-diagnostics summary{cursor:pointer;font-weight:700}.lesson-debug-diagnostics pre{white-space:pre-wrap;overflow-x:auto}body:has(.shell-lesson-mode){overflow:hidden}.shell.shell-lesson-mode{--lesson-shell-pad:clamp(8px, 1.8dvh, 20px);width:100%;height:100dvh;min-height:100dvh;padding:var(--lesson-shell-pad);place-items:center;overflow:hidden}.shell-lesson-mode .app-card.app-card-lesson-mode{width:min(1120px,100%);height:calc(100dvh - var(--lesson-shell-pad) - var(--lesson-shell-pad));min-height:0;max-height:calc(100dvh - var(--lesson-shell-pad) - var(--lesson-shell-pad));padding:clamp(10px,2dvh,22px);display:grid;overflow:hidden}.shell-lesson-mode .lesson-screen{grid-template-rows:auto minmax(0,1fr);gap:clamp(6px,1dvh,10px);height:100%;min-height:0;display:grid;overflow:hidden}.shell-lesson-mode .lesson-screen-complete{grid-template-rows:minmax(0,1fr);overflow:auto}.shell-lesson-mode .lesson-back-button{border-radius:999px;justify-self:start;min-height:40px;margin:0;padding:0 14px;font-size:.92rem}.shell-lesson-mode .lesson-player{flex-direction:column;gap:clamp(6px,1dvh,10px);height:100%;min-height:0;padding:clamp(10px,1.8dvh,18px);display:flex;overflow:hidden}.shell-lesson-mode .lesson-learner-toolbar{flex:none;margin:0}.shell-lesson-mode .lesson-word-title{flex:none;max-width:none;font-size:clamp(1.8rem,4dvh,3rem);line-height:.98}.shell-lesson-mode .lesson-stage-viewport{flex:auto;min-height:0;display:grid;overflow:hidden}.shell-lesson-mode .lesson-story-panel{grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(7px,1.2dvh,12px);height:100%;min-height:0;display:grid;overflow:hidden}.shell-lesson-mode .lesson-story-heading{min-height:0}.shell-lesson-mode .word-rule-box{border-radius:16px;padding:clamp(8px,1.1dvh,12px)}.shell-lesson-mode .word-rule-box p:last-child{font-size:clamp(.98rem,2.2dvh,1.18rem);line-height:1.18}.shell-lesson-mode .audio-first-strip{border-radius:16px;min-height:42px;padding:clamp(7px,1dvh,10px) clamp(10px,1.4dvh,14px)}.shell-lesson-mode .audio-first-icon{width:clamp(30px,4dvh,38px);height:clamp(30px,4dvh,38px)}.shell-lesson-mode .lesson-video-section{height:100%;min-height:0;display:grid;overflow:hidden}.shell-lesson-mode .lesson-media-frame-wide{aspect-ratio:auto;place-items:center;height:100%;min-height:0;max-height:100%;display:grid;overflow:hidden}.shell-lesson-mode .lesson-media-frame-wide .lesson-video,.shell-lesson-mode .lesson-media-frame-wide .lesson-image{object-fit:contain;width:100%;height:100%;max-height:100%}.shell-lesson-mode .lesson-action-dock{flex:none;justify-content:center;align-items:center;min-height:clamp(62px,9dvh,86px);padding-top:clamp(4px,.8dvh,8px);display:flex}.shell-lesson-mode .lesson-story-actions{justify-content:center}.shell-lesson-mode .lesson-stage-action,.shell-lesson-mode .lesson-submit-button.lesson-stage-action{width:auto;min-width:min(250px,74vw);min-height:clamp(50px,7dvh,66px);margin:0;padding-inline:clamp(16px,3vw,28px)}.shell-lesson-mode .lesson-question-panel{grid-template-rows:minmax(0,1fr) auto;gap:clamp(6px,1dvh,10px);max-width:none;height:100%;min-height:0;padding:clamp(10px,1.8dvh,20px);display:grid;overflow:hidden}.shell-lesson-mode .lesson-question-scroll{overscroll-behavior:contain;align-content:start;gap:clamp(8px,1.2dvh,14px);min-height:0;padding-right:2px;display:grid;overflow:auto}.shell-lesson-mode .prompt-audio-strip{margin-bottom:0}.shell-lesson-mode .lesson-choice-grid{gap:clamp(8px,1.2dvh,12px);min-height:0}.shell-lesson-mode .reasoning-choice-grid .lesson-choice{border-radius:clamp(16px,2.4dvh,22px);min-height:clamp(100px,18dvh,160px)}.shell-lesson-mode .lesson-choice-image{object-fit:contain;max-height:100%}.shell-lesson-mode .story-visual-card,.shell-lesson-mode .story-frame-card{border-radius:clamp(16px,2.4dvh,22px)}.shell-lesson-mode .story-visual-image{max-height:min(24dvh,240px)}.shell-lesson-mode .story-visual-placeholder{min-height:clamp(96px,18dvh,180px)}.shell-lesson-mode .story-sequence-grid{gap:clamp(8px,1.2dvh,12px)}.shell-lesson-mode .story-frame-placeholder{min-height:clamp(90px,18dvh,180px)}.shell-lesson-mode .activity-image{object-fit:contain;max-height:min(20dvh,180px)}.shell-lesson-mode .lesson-feedback{margin:0;padding:clamp(8px,1.1dvh,12px) clamp(10px,1.5dvh,14px)}.shell-lesson-mode .lesson-debug-diagnostics{z-index:20;width:min(460px,100% - 32px);max-height:min(46dvh,420px);margin:0;position:absolute;bottom:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px);overflow:auto;box-shadow:0 16px 40px #25201a2e}@media (max-height:760px){.shell.shell-lesson-mode{--lesson-shell-pad:clamp(6px, 1.2dvh, 12px)}.shell-lesson-mode .app-card.app-card-lesson-mode{border-radius:28px;padding:clamp(8px,1.4dvh,14px)}.shell-lesson-mode .lesson-player{border-radius:24px;padding:clamp(8px,1.3dvh,14px)}.shell-lesson-mode .lesson-icon-chip{min-height:34px;padding-inline:10px;font-size:.86rem}.shell-lesson-mode .lesson-action-dock{min-height:clamp(54px,8dvh,70px)}.shell-lesson-mode .lesson-stage-action,.shell-lesson-mode .lesson-submit-button.lesson-stage-action{min-height:clamp(46px,6.8dvh,58px)}}@media (max-height:640px){.shell-lesson-mode .lesson-word-title,.shell-lesson-mode .lesson-stage-action-label,.shell-lesson-mode .lesson-icon-chip span:last-child:not(:first-child){font-size:.82rem}.shell-lesson-mode .lesson-stage-action-icon{font-size:1.35rem}.shell-lesson-mode .reasoning-choice-grid .lesson-choice{min-height:clamp(78px,16dvh,120px)}.shell-lesson-mode .story-visual-audio,.shell-lesson-mode .story-frame-audio{padding:8px 10px}}body:has(.shell-assessment-mode){overflow:hidden}.shell.shell-assessment-mode{--assessment-shell-pad:clamp(6px, 1.4dvh, 18px);width:100%;height:100dvh;min-height:100dvh;padding:var(--assessment-shell-pad);overflow:hidden}.shell-assessment-mode .app-card.app-card-assessment-mode{width:min(1120px,100%);height:calc(100dvh - var(--assessment-shell-pad) - var(--assessment-shell-pad));min-height:0;max-height:calc(100dvh - var(--assessment-shell-pad) - var(--assessment-shell-pad));padding:clamp(10px,2dvh,22px);display:grid;overflow:hidden}.shell-assessment-mode .assessment-screen{grid-template-rows:auto auto auto minmax(0,1fr);gap:clamp(7px,1.2dvh,14px);height:100%;min-height:0;display:grid;overflow:hidden}.shell-assessment-mode .topbar{grid-template-columns:minmax(0,1fr) auto;gap:clamp(10px,2vw,18px);min-height:0}.shell-assessment-mode .topbar .eyebrow{margin-bottom:4px;font-size:clamp(.74rem,1.6dvh,.95rem)}.shell-assessment-mode .topbar h2{font-size:clamp(1.7rem,4.7dvh,3.1rem);line-height:.96}.shell-assessment-mode .progress-dots{gap:clamp(4px,.8vw,8px);min-height:clamp(28px,5dvh,44px)}.shell-assessment-mode .progress-dot{width:clamp(20px,3.8dvh,32px);height:clamp(20px,3.8dvh,32px);font-size:clamp(.86rem,2.2dvh,1.25rem)}.shell-assessment-mode .prompt-card{border-radius:clamp(18px,3dvh,26px);grid-template-columns:auto minmax(0,1fr);gap:clamp(8px,1.4vw,14px);padding:clamp(9px,1.6dvh,16px)}.shell-assessment-mode .prompt-card p{font-size:clamp(1rem,2.8dvh,1.45rem);line-height:1.12}.shell-assessment-mode .prompt-card .icon-audio-button,.shell-assessment-mode .icon-audio-button{width:clamp(44px,7dvh,64px);min-width:clamp(44px,7dvh,64px);min-height:clamp(44px,7dvh,64px);font-size:clamp(1.3rem,3dvh,1.9rem)}.shell-assessment-mode .teacher-controls{gap:clamp(6px,1vw,10px)}.shell-assessment-mode .teacher-controls .small-button,.shell-assessment-mode .teacher-controls .secondary,.shell-assessment-mode .teacher-controls .ghost,.shell-assessment-mode .teacher-controls .pill{min-height:clamp(36px,5.2dvh,46px);padding-inline:clamp(10px,1.6vw,16px);font-size:clamp(.78rem,1.8dvh,.94rem)}.shell-assessment-mode .task-block{align-content:stretch;gap:clamp(7px,1.2dvh,12px);height:100%;min-height:0;display:grid;overflow:hidden}.shell-assessment-mode .card-grid,.shell-assessment-mode .card-grid.compact,.shell-assessment-mode .sort-cards,.shell-assessment-mode .bins,.shell-assessment-mode .match-column,.shell-assessment-mode .compare-pair{gap:clamp(7px,1.2dvh,12px);min-height:0}.shell-assessment-mode .card-grid{grid-template-columns:repeat(4,minmax(92px,1fr))}.shell-assessment-mode .card-grid.compact{grid-template-columns:repeat(3,minmax(92px,1fr))}.shell-assessment-mode .picture-card,.shell-assessment-mode .mini-card,.shell-assessment-mode .bin{border-width:2px;border-radius:clamp(18px,3dvh,26px);gap:clamp(3px,.8dvh,7px);min-height:clamp(78px,15dvh,136px);padding:clamp(8px,1.5dvh,14px)}.shell-assessment-mode .picture-card span,.shell-assessment-mode .mini-card span,.shell-assessment-mode .bin span{font-size:clamp(2.4rem,7.5dvh,4.8rem)}.shell-assessment-mode .sort-layout,.shell-assessment-mode .match-layout{grid-template-columns:1fr 1fr;gap:clamp(8px,1.5vw,14px);height:100%;min-height:0}.shell-assessment-mode .sort-cards,.shell-assessment-mode .bins,.shell-assessment-mode .match-column{grid-template-columns:repeat(2,minmax(76px,1fr))}.shell-assessment-mode .scene-card{border-radius:clamp(20px,3dvh,30px);min-height:clamp(78px,15dvh,140px);font-size:clamp(3.5rem,12dvh,8rem)}.shell-assessment-mode .find-scene-card{margin-bottom:0}.shell-assessment-mode .interaction-demo{width:min(300px,100%);min-height:clamp(42px,7dvh,62px);margin-bottom:clamp(4px,.8dvh,8px)}.shell-assessment-mode .demo-item,.shell-assessment-mode .demo-target{width:clamp(36px,5.8dvh,52px);height:clamp(36px,5.8dvh,52px);font-size:clamp(1.5rem,3.8dvh,2rem)}.shell-assessment-mode .check-button{align-self:end;width:min(150px,42vw);min-height:clamp(46px,7dvh,64px);margin-top:0;font-size:clamp(2rem,4.4dvh,2.8rem)}@media (max-height:720px){.shell-assessment-mode .app-card.app-card-assessment-mode{border-radius:28px;padding:clamp(8px,1.4dvh,14px)}.shell-assessment-mode .assessment-screen{gap:clamp(5px,.8dvh,9px)}.shell-assessment-mode .picture-card,.shell-assessment-mode .mini-card,.shell-assessment-mode .bin{min-height:clamp(64px,13dvh,112px)}.shell-assessment-mode .picture-card span,.shell-assessment-mode .mini-card span,.shell-assessment-mode .bin span{font-size:clamp(2rem,6.6dvh,4rem)}.shell-assessment-mode .scene-card{min-height:clamp(60px,12dvh,110px)}}@media (max-width:680px){.shell-assessment-mode .topbar,.shell-assessment-mode .prompt-card,.shell-assessment-mode .sort-layout,.shell-assessment-mode .match-layout{grid-template-columns:1fr}.shell-assessment-mode .card-grid,.shell-assessment-mode .card-grid.compact{grid-template-columns:repeat(2,minmax(86px,1fr))}}.shell-lesson-mode .lesson-player{gap:clamp(4px,.7dvh,8px)}.shell-lesson-mode .lesson-learner-toolbar{gap:clamp(6px,1vw,10px)}.shell-lesson-mode .lesson-stage-viewport{min-height:0}.shell-lesson-mode .lesson-question-panel{gap:clamp(4px,.8dvh,8px)}.shell-lesson-mode .lesson-question-scroll{gap:clamp(5px,.9dvh,10px);overflow:hidden}.shell-lesson-mode .story-visual-card,.shell-lesson-mode .story-frame-card{min-height:0;overflow:hidden}.story-visual-image,.story-frame-image,.shell-lesson-mode .story-visual-image,.shell-lesson-mode .story-frame-image{object-fit:contain;background:#fffdfa}.shell-lesson-mode .story-visual-image{height:auto;max-height:min(20dvh,180px)}.shell-lesson-mode .story-visual-audio,.shell-lesson-mode .story-frame-audio{align-items:center;min-height:clamp(32px,5dvh,42px);padding:clamp(5px,.8dvh,8px) clamp(8px,1.2vw,12px)}.shell-lesson-mode .story-visual-audio span:first-child,.shell-lesson-mode .story-frame-audio span:first-child{width:clamp(26px,4dvh,34px);height:clamp(26px,4dvh,34px)}.shell-lesson-mode .prompt-audio-strip .audio-first-button,.shell-lesson-mode .audio-first-button{min-height:clamp(38px,5.8dvh,52px)}.shell-lesson-mode .reasoning-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shell-lesson-mode .reasoning-choice-grid .lesson-choice{min-height:clamp(86px,15dvh,138px);padding:clamp(6px,1dvh,10px)}.shell-lesson-mode .lesson-choice-image{object-fit:contain;width:100%;height:100%;max-height:100%}.shell-lesson-mode .story-sequence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shell-lesson-mode .story-frame-image{height:clamp(70px,14dvh,140px)}.shell-lesson-mode .lesson-action-dock{min-height:clamp(52px,7.2dvh,72px);padding-top:0}.lesson-stage-action,.lesson-submit-button.lesson-stage-action,.shell-lesson-mode .lesson-stage-action,.shell-lesson-mode .lesson-submit-button.lesson-stage-action{text-align:center;gap:clamp(7px,1.2vw,10px);justify-content:center!important;align-items:center!important;line-height:1!important;display:inline-flex!important}.lesson-submit-button.lesson-stage-action{place-items:center;margin:0 auto}.lesson-stage-action-icon,.lesson-stage-action-label{justify-content:center;align-items:center;line-height:1;display:inline-flex}.lesson-stage-action-label{padding-top:.04em}.lesson-feedback-audio-cue{border:0;border-radius:999px;justify-self:center;place-items:center;width:clamp(44px,6dvh,58px);height:clamp(44px,6dvh,58px);min-height:0;font-weight:950;line-height:1;display:inline-grid;box-shadow:0 10px 22px #25201a1a}.lesson-feedback-audio-cue span[aria-hidden=true]{font-size:clamp(1.35rem,3dvh,1.9rem);line-height:1}.lesson-feedback-audio-cue.good{background:var(--soft-green);color:#1e5b34}.lesson-feedback-audio-cue.try{background:var(--soft-yellow);color:#8c6700}@media (max-height:720px){.shell-lesson-mode .lesson-learner-toolbar{flex-wrap:nowrap}.shell-lesson-mode .lesson-icon-chip{min-height:32px;padding-inline:9px;font-size:.8rem}.shell-lesson-mode .lesson-question-panel{padding:clamp(7px,1.2dvh,12px)}.shell-lesson-mode .story-visual-image{max-height:min(16dvh,132px)}.shell-lesson-mode .reasoning-choice-grid .lesson-choice{min-height:clamp(70px,13dvh,112px)}.shell-lesson-mode .story-frame-image{height:clamp(58px,12dvh,110px)}.shell-lesson-mode .lesson-stage-action,.shell-lesson-mode .lesson-submit-button.lesson-stage-action{min-height:clamp(42px,6dvh,54px);font-size:clamp(.9rem,2dvh,1.08rem)}}@media (max-width:680px){.shell-lesson-mode .reasoning-choice-grid,.shell-lesson-mode .story-sequence-grid{grid-template-columns:1fr}}.shell-assessment-mode .assessment-screen{grid-template-rows:auto auto auto minmax(0,1fr)}.shell-assessment-mode .task-block{grid-template-rows:minmax(0,1fr) auto auto;align-content:stretch;gap:clamp(6px,1dvh,10px)}.task-content{align-content:center;gap:clamp(8px,1.2dvh,14px);min-height:0;display:grid;overflow:hidden}.task-content-with-scene,.task-content-compare{grid-template-rows:auto minmax(0,auto)}.task-content-with-demo{grid-template-rows:auto minmax(0,1fr)}.demo-slot{place-items:center;min-height:clamp(42px,7dvh,62px);display:grid}.demo-slot .interaction-demo{margin:0 auto}.demo-slot-inactive{visibility:hidden;pointer-events:none}.feedback-slot{min-height:clamp(20px,3.2dvh,34px);margin:0}.assessment-action-dock{flex:none;justify-content:center;align-items:center;min-height:clamp(54px,8dvh,76px);display:flex}.action-dock-placeholder{visibility:hidden;pointer-events:none;width:min(150px,42vw);min-height:clamp(46px,7dvh,64px);display:inline-block}.shell-assessment-mode .check-button{margin:0}.shell-assessment-mode .card-grid,.shell-assessment-mode .card-grid.compact{align-content:center;align-items:center;height:auto}.shell-assessment-mode .picture-card{height:clamp(116px,24dvh,260px);min-height:clamp(104px,20dvh,230px);max-height:clamp(160px,28dvh,280px)}.shell-assessment-mode .card-grid.compact .picture-card,.shell-assessment-mode .compare-pair .picture-card{height:clamp(96px,18dvh,200px);min-height:clamp(88px,16dvh,180px);max-height:clamp(120px,22dvh,220px)}.shell-assessment-mode .mini-card,.shell-assessment-mode .bin{height:clamp(82px,15dvh,150px);min-height:clamp(74px,13dvh,130px);max-height:clamp(100px,18dvh,170px)}.shell-assessment-mode .scene-card{height:clamp(72px,14dvh,140px);min-height:clamp(64px,12dvh,118px);max-height:clamp(88px,18dvh,160px)}.shell-assessment-mode .sort-layout,.shell-assessment-mode .match-layout{align-items:center}.shell-assessment-mode .sort-cards,.shell-assessment-mode .bins,.shell-assessment-mode .match-column{align-content:center;align-items:center}.shell-assessment-mode .picture-card:hover,.shell-assessment-mode .mini-card:hover,.shell-assessment-mode .bin:hover,.shell-assessment-mode .picture-card.selected,.shell-assessment-mode .mini-card.selected,.shell-assessment-mode .ready-target{transform:none!important}.shell-assessment-mode .picture-card.selected,.shell-assessment-mode .mini-card.selected{outline:3px solid var(--primary);outline-offset:-3px;border-color:#0000;box-shadow:inset 0 0 0 4px #244f8f1f}.shell-assessment-mode .ready-target{outline-offset:-3px;outline:3px solid #ffd55f}.shell-assessment-mode .success-feedback-0:after,.shell-assessment-mode .success-feedback-1:after{pointer-events:none;position:absolute;bottom:clamp(58px,9dvh,82px);left:50%;transform:translate(-50%)}.shell-assessment-mode .task-block{position:relative}.shell-lesson-mode .lesson-feedback-row{place-items:center;min-height:clamp(44px,6dvh,60px);display:grid}.lesson-feedback-audio-cue.is-inactive{opacity:0;pointer-events:none}.lesson-reflection-slot{align-items:center;min-height:clamp(40px,5.8dvh,58px);display:grid}.lesson-reflection-slot-inactive{visibility:hidden;pointer-events:none}.shell-lesson-mode .lesson-stage-action:disabled{opacity:.38;animation:none;transform:none}.shell-lesson-mode .lesson-story-actions .lesson-stage-action:disabled{visibility:visible}@media (max-height:720px){.feedback-slot{min-height:clamp(14px,2.4dvh,24px)}.assessment-action-dock{min-height:clamp(46px,7dvh,62px)}.shell-assessment-mode .picture-card{height:clamp(92px,20dvh,190px);max-height:clamp(110px,23dvh,210px)}.shell-assessment-mode .mini-card,.shell-assessment-mode .bin{height:clamp(70px,13dvh,124px)}}.shell-lesson-mode .lesson-word-title{letter-spacing:-.055em;margin:0;font-size:clamp(3.1rem,7.4dvh,5.8rem);line-height:.9}.visible-idea-box{color:var(--ink);background:#eef9ef;border-radius:clamp(16px,2.2dvh,22px);flex:none;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(10px,1.3vw,16px);padding:clamp(10px,1.2dvh,14px) clamp(14px,1.7vw,20px);display:grid;box-shadow:inset 0 0 0 1.5px #42a85f29}.visible-idea-box p{margin:0;font-size:clamp(1rem,2.1dvh,1.32rem);font-weight:900;line-height:1.16}.visible-idea-audio{color:#fff;background:#42a85f;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:clamp(38px,5.2dvh,48px);padding:0 clamp(12px,1.5vw,16px);font-weight:950;display:inline-flex;box-shadow:0 8px 18px #42a85f38}.shell-lesson-mode .lesson-stage-viewport,.shell-lesson-mode .lesson-question-panel,.shell-lesson-mode .lesson-story-panel,.shell-lesson-mode .lesson-action-dock{overflow:visible}.shell-lesson-mode .lesson-question-scroll,.shell-lesson-mode .lesson-video-section{overscroll-behavior:contain;overflow:auto}.shell-lesson-mode .lesson-action-dock{min-height:clamp(88px,11dvh,124px);margin-bottom:clamp(2px,.4dvh,6px);padding:clamp(12px,1.4dvh,18px) 0 clamp(16px,2dvh,24px)}.shell-lesson-mode .lesson-stage-action,.shell-lesson-mode .lesson-submit-button.lesson-stage-action{z-index:2;position:relative}.lesson-stage-action-label{padding-top:0;transform:translateY(-.01em)}.lesson-stage-action-icon{transform:translateY(-.01em)}@media (max-height:720px){.shell-lesson-mode .lesson-word-title{font-size:clamp(2.55rem,6.6dvh,4.2rem)}.visible-idea-box p{font-size:clamp(.95rem,1.9dvh,1.12rem)}.shell-lesson-mode .lesson-action-dock{min-height:clamp(78px,10dvh,104px);padding-block:clamp(8px,1.1dvh,12px) clamp(12px,1.6dvh,18px)}}