.subject-switcher{max-width:1100px;margin:0 auto;padding:14px 20px 0;display:flex;justify-content:flex-end}.subject-tabs{display:inline-flex;align-items:center;gap:6px;padding:4px;border:1.5px solid #d9dfcc;border-radius:15px;background:#f3f3e8}.subject-tabs button{padding:8px 14px;border:0;border-radius:11px;background:transparent;color:#5b6d72;font-size:13px;font-weight:800;cursor:pointer}.subject-tabs button.is-active{background:#fffdf7;color:#244c5a;box-shadow:0 2px 5px #244c5a1f}.english-shell{--ink: #244c5a;--muted: #71858a;--coral: #ff8657;--sunshine: #f4c74c;--mint: #91c98d;--paper: #fffdf7;--line: #eeeade;max-width:1100px;margin:0 auto;padding:20px 20px 48px;color:var(--ink)}.english-svg-picture{display:inline-block;width:1em;height:1em;vertical-align:-.12em;overflow:visible}.english-hero{margin:0 0 24px;padding:26px 28px;border:2px solid var(--ink);border-radius:26px;background:linear-gradient(125deg,#fff1c9,#e4f5dc);color:var(--ink);box-shadow:0 6px #244c5a1a}.english-hero .eyebrow{color:#a66a37;font-size:11px;font-weight:900;letter-spacing:1.2px}.english-hero h1{margin:8px 0 6px;font-size:clamp(28px,4vw,40px);color:var(--ink)}.english-hero p{margin:0;color:#52686d;font-size:14px;font-weight:700}.english-shell .eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:900;color:#8893a6}.english-shell .map-screen{max-width:1040px;margin:0 auto;padding:0}.english-shell .level-picker{margin:0 0 17px;padding:16px 18px;border:1px solid #e8e3d4;border-radius:18px;background:#fffefa}.english-shell .level-picker h2{margin:0 0 11px;font-size:16px}.english-shell .level-picker__cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.english-shell .level-card{display:flex;min-height:74px;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid #e6e4da;border-radius:13px;background:#fff;color:var(--ink);font-size:17px;cursor:pointer}.english-shell .level-card b{font-size:12px}.english-shell .level-card small{color:#54884e;font-size:9px;font-weight:900}.english-shell .level-card.is-active{border:2px solid #e9bb44;background:#fff6d9;box-shadow:0 3px #ebd48c}.english-shell .level-card.is-locked,.english-shell .level-card:disabled{background:#f4f3ef;color:#9ca1a8;cursor:not-allowed;opacity:.8}.english-shell .level-picker>p{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.english-shell .progress-card{display:flex;align-items:center;justify-content:space-between;min-height:102px;padding:18px 23px;margin-bottom:18px;background:#fffdf7;border:2px solid var(--ink);border-radius:22px 18px 23px 19px;box-shadow:0 5px #244c5a1a}.english-shell .progress-card__text{display:flex;flex-direction:column;gap:5px}.english-shell .progress-card__text strong{font-size:20px;font-weight:800}.english-shell .progress-card__text>span:last-child{font-size:12px;color:#758783}.english-shell .progress-ring{--progress: 0%;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#76b982 var(--progress),#edf0df 0);position:relative}.english-shell .progress-ring:before{content:"";position:absolute;inset:5px;background:#fffdf7;border-radius:50%}.english-shell .progress-ring>div{z-index:1;text-align:center}.english-shell .progress-ring b{display:block;font-size:15px;color:#408356}.english-shell .progress-ring small{display:block;font-size:8px;color:var(--muted)}.english-shell .level-picker-missing{margin:0 0 16px;padding:12px 16px;border:1px solid #e8e3d4;border-radius:14px;background:#fffdf7}.english-shell .level-picker-missing summary{font-weight:800;cursor:pointer}.english-shell .level-picker-missing ul{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none}.english-shell .level-picker-missing button{padding:6px 12px;border:1px solid #dce5df;border-radius:10px;background:#fff;font-size:12px;font-weight:700;cursor:pointer}.english-shell .progress-options{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 20px;padding:13px 15px;border:1px solid #eeeade;border-radius:15px;background:#fffefa}.english-shell .progress-options strong{margin-right:auto;color:#68748a;font-size:12px}.english-shell .progress-options button{padding:8px 12px;border:1px solid #e3ded0;border-radius:10px;background:#fff;color:#64718a;font-size:11px;font-weight:800;cursor:pointer}.english-shell .level-celebration{display:flex;align-items:center;gap:13px;margin:0 0 20px;padding:16px;border:1px solid #d6e8cc;border-radius:17px;background:#f0f8e9}.english-shell .level-celebration>span{font-size:34px}.english-shell .level-celebration>div{flex:1}.english-shell .level-celebration strong{font-size:15px}.english-shell .level-celebration p{margin:4px 0 0;color:#687c65;font-size:12px;line-height:1.45}.english-shell .map-title{display:flex;align-items:center;justify-content:space-between;margin:3px 0 17px}.english-shell .map-title h2{margin:3px 0 0;font-size:28px}.english-shell .map-title__badge{padding:9px 12px;border:2px solid #d7e5d0;border-radius:13px;background:#edf5e8;color:#507656;font-size:11px;font-weight:800}.english-shell .unit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.english-shell .unit-card{position:relative;text-align:left;min-height:225px;overflow:hidden;padding:13px 14px 12px;border:2px solid var(--ink);border-radius:20px 17px 23px 18px;background:linear-gradient(150deg,var(--unit-color),#fffdf7 86%);box-shadow:0 5px #244c5a21;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.english-shell .unit-card:hover{transform:translateY(-4px);box-shadow:0 9px #244c5a1f}.english-shell .unit-card__number{display:inline-block;padding:4px 8px;border:1.5px solid rgba(36,76,90,.28);border-radius:8px;background:#fffdf7cc;color:#527078;font-size:9px;letter-spacing:1px;font-weight:900}.english-shell .unit-card__illustration{position:relative;display:grid;height:94px;place-items:center;margin:8px 0 0;overflow:hidden;border-radius:16px 13px 17px 12px;background:linear-gradient(#bfe8ed 0 69%,#a8d28c 69%)}.english-shell .unit-card__picture{position:relative;z-index:2;font-size:48px;line-height:1}.english-shell .unit-card__title{display:block;min-height:38px;margin:10px 0 6px;font-size:16px;font-weight:800;line-height:1.15}.english-shell .unit-card__meta{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#75858a;font-size:10px}.english-shell .unit-card__meta b{padding:4px 8px;border:1.5px solid #f1c9a2;border-radius:8px;background:#fff4e5;color:#cc704d;font-size:13px}.english-shell .unit-card.is-done{border-color:#4f936b}.english-shell .unit-card.is-done:after{content:"✓";position:absolute;right:10px;bottom:9px;width:24px;height:24px;border:2px solid var(--ink);border-radius:50%;background:#7dbb79;color:#fff;display:grid;place-items:center;font-weight:900}.english-shell .milestone-list{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 30px}.english-shell .milestone{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1.5px dashed #d6c9a7;border-radius:13px 11px 14px 12px;background:#fffdf7;color:#61777a;font-size:11px;font-weight:800;cursor:pointer}.english-shell .milestone--fun{background:#fff2e6}.english-shell .milestone--review{background:#fff8dc}.english-shell .milestone--glossary{background:#edf6e9}.english-shell .milestone.is-done{border-style:solid;border-color:#b3d5a8;color:#4e8d54}.english-shell .lesson-screen,.english-shell .checkpoint-screen{max-width:900px;margin:0 auto;padding:0}.english-shell .lesson-heading,.english-shell .checkpoint-heading{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:120px;margin:4px 0 16px;padding:20px 22px;border:2px solid var(--ink);border-radius:23px 18px 25px 19px;background:linear-gradient(112deg,#fff4d5 0 68%,#e2f1dc 68%);color:var(--ink);box-shadow:0 5px #244c5a1a}.english-shell .lesson-heading .eyebrow,.english-shell .checkpoint-heading .eyebrow{display:inline-block;padding:5px 8px;border:1px solid #e5c776;border-radius:8px;background:#fffbed;color:#a16f38}.english-shell .lesson-heading h1,.english-shell .checkpoint-heading h1{margin:6px 0 4px;font-size:clamp(26px,4vw,38px);color:var(--ink)}.english-shell .lesson-heading p,.english-shell .checkpoint-heading p{margin:0;color:#5d797d;font-size:13px;font-weight:700}.english-shell .phonics-badge,.english-shell .checkpoint-art{width:78px;height:78px;flex:0 0 78px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:24px;background:#ffdc83;box-shadow:0 4px #244c5a1f;transform:rotate(4deg)}.english-shell .phonics-badge small{font-size:9px;color:#8e805e;font-weight:800}.english-shell .phonics-badge strong{font-size:32px;color:#e9775e}.english-shell .checkpoint-art{font-size:36px}.english-shell .lesson-section,.english-shell .challenge-panel,.english-shell .checkpoint-game,.english-shell .activity-card{padding:20px;background:#fffdf7;border:2px solid var(--ink);border-radius:22px 18px 23px 19px;box-shadow:0 5px #244c5a1a}.english-shell .challenge-panel{margin-top:14px}.english-shell .section-title{display:flex;align-items:center;gap:10px;margin-bottom:16px;background:none;padding:0;border:0;box-shadow:none;color:var(--ink)}.english-shell .section-icon{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:14px;background:#ffe8a7;font-size:19px}.english-shell .section-title h2{margin:0;font-size:18px;color:var(--ink)}.english-shell .section-title p{margin:3px 0 0;font-size:12px;color:var(--muted)}.english-shell .word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.english-shell .word-card{display:flex;min-height:170px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:14px 10px;border:2px solid var(--ink);border-radius:17px;background:#fffdf7;box-shadow:0 4px #244c5a1a;cursor:pointer}.english-shell .word-card__picture{display:grid;place-items:center;font-size:46px;margin-bottom:4px}.english-shell .word-card__english{font-size:17px;font-weight:900}.english-shell .word-card__vietnamese{font-size:11px;color:#71858a;font-weight:800}.english-shell .word-card__listen{margin-top:5px;color:#c86c4d;font-size:10px;font-weight:900}.english-shell .say-panel{display:flex;align-items:center;gap:15px;margin:14px 0;padding:17px 19px;border:2px solid #597e66;border-radius:22px;background:#e9f5df}.english-shell .say-panel__mascot{width:58px;height:58px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:18px;background:#fffdf7;font-size:34px}.english-shell .say-panel__copy{flex:1}.english-shell .say-panel h2{margin:4px 0;font-size:17px}.english-shell .phrase{margin:4px 0 0;color:#496a50;font-size:14px;font-weight:800}.english-shell .sound-button{width:46px;height:46px;border:2px solid var(--ink);border-radius:15px;background:#fff3c7;cursor:pointer;font-size:19px}.english-shell .listen-prompt{display:flex;align-items:center;gap:10px;margin:0 auto 13px;padding:11px 16px;border:2px solid var(--ink);border-radius:14px;background:#ffdc83;color:#685527;font-weight:900;cursor:pointer}.english-shell .choice-grid,.english-shell .checkpoint-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.english-shell .choice-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:102px;padding:10px;border:2px solid var(--ink);border-radius:16px;background:#fffdf7;cursor:pointer}.english-shell .choice-card span{font-size:36px}.english-shell .choice-card small{font-size:11px;color:#74858a;font-weight:800}.english-shell .choice-card.correct{border-color:#4f936b;background:#e7f6e4}.english-shell .choice-card.try-again{border-color:#e58168;background:#fff0e8}.english-shell .feedback{min-height:28px;margin:10px auto 0;padding:8px 14px;text-align:center;color:#7e8899;font-size:13px;font-weight:800;border-radius:12px}.english-shell .feedback--good{color:#2f6e2b;background:#e9f7e6}.english-shell .feedback--retry{color:#b84a32;background:#fff2e9}.english-shell .small-primary{border:2px solid var(--ink);border-radius:11px;padding:10px 14px;background:#ef7962;color:#fff;font-size:12px;font-weight:900;cursor:pointer}.english-shell .quiet-button{border:1px solid #d8d4c5;border-radius:10px;padding:8px 12px;background:#fff;color:#667385;font-size:11px;font-weight:800;cursor:pointer}.english-shell .next-button{display:block;margin:10px auto 2px}.english-shell .finished-card{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #5e9968;border-radius:16px;background:#eef8e9}.english-shell .finished-card>span{font-size:35px}.english-shell .finished-card>div{flex:1}.english-shell .extra-practice{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}.english-shell .chant-line{display:flex;align-items:flex-start;gap:12px;margin:6px 0 14px;padding:12px;border:1.5px dashed #e4c36e;border-radius:12px;background:#fffdf7}.english-shell .chant-line b{display:grid;place-items:center;min-width:42px;height:42px;border:2px solid var(--ink);border-radius:12px;background:#ffdc83;font-size:18px;color:var(--ink)}.english-shell .chant-lines{display:flex;flex-direction:column;gap:4px;color:#445864;font-size:12px;font-weight:800}.english-shell .trace-activity{grid-row:span 2}.english-shell .trace-pad{position:relative;height:150px;overflow:hidden;border:2px solid #7399a5;border-radius:14px;background:repeating-linear-gradient(to bottom,#ffffffbf 0 49px,#c9dce0 50px 51px,#ffffffbf 52px)}.english-shell .trace-guide{position:absolute;inset:0;display:grid;place-items:center;color:#40778b33;font-size:86px;font-weight:900;letter-spacing:14px;pointer-events:none}.english-shell .trace-pad canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.english-shell .trace-actions{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.english-shell .practice-note{margin:9px 0 0;color:#4f9953;font-size:12px;font-weight:800}.english-shell .talk-bubble{margin:8px 0 12px;padding:12px 14px;border:2px solid #bd8ca0;border-radius:15px;background:#fffdf7;color:#74536a;font-size:15px;font-weight:900}.english-shell .song-words{display:flex;flex-direction:column;gap:5px;margin:8px 0 13px}.english-shell .song-words span{padding:6px 10px;border:1px solid #b8d5ad;border-radius:9px;background:#fffdf7;color:#53785c;font-size:12px;font-weight:800}.english-shell .book-exercise{display:flex;min-width:0;flex-direction:column;align-items:stretch;gap:10px}.english-shell .book-picture-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.english-shell .book-picture-option{display:flex;min-width:0;min-height:112px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:2px solid #efeee5;border-radius:15px;background:#fbfaf6;cursor:pointer}.english-shell .book-picture-option.correct,.english-shell .book-word-options button.correct{border-color:#83bf79;background:#edf7e9}.english-shell .book-picture-option__picture{font-size:clamp(28px,7vw,42px);line-height:1.35}.english-shell .book-reading-prompt,.english-shell .book-sentence{margin:2px 0 5px;color:#33425b;text-align:center;font-size:clamp(18px,4vw,24px);font-weight:900}.english-shell .book-sentence .book-blank-box{vertical-align:middle;min-width:68px;margin:0 4px}.english-shell .book-letter-options,.english-shell .book-judgement-options{display:flex;justify-content:center;gap:12px}.english-shell .book-letter-option,.english-shell .book-judgement-options button{min-width:72px;min-height:64px;border:2px solid #efeee5;border-radius:15px;background:#fbfaf6;font-size:24px;font-weight:900;cursor:pointer}.english-shell .book-single-picture{text-align:center;font-size:clamp(38px,10vw,60px);line-height:1.35}.english-shell .book-word-chars{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:8px 0;font-size:26px;font-weight:900}.english-shell .book-word-char{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:42px}.english-shell .book-blank-box{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:42px;padding:0 6px;border:2px solid #efeee5;border-radius:10px;background:#fff}.english-shell .book-blank-box.current{border-color:#efc35b;background:#fffdf5}.english-shell .book-blank-box.filled{border-color:#83bf79;background:#edf7e9;color:#2f6e2b}.english-shell .book-wordsearch-targets{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:4px 0 8px}.english-shell .book-wordsearch-target{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid #ebe8dc;border-radius:10px;background:#fbfaf6;font-size:13px;font-weight:800}.english-shell .book-wordsearch-target.found{border-color:#83bf79;background:#edf7e9;color:#2f6e2b}.english-shell .book-wordsearch-grid-wrap{overflow-x:auto;max-width:100%;padding:4px 0;display:flex;justify-content:center}.english-shell .book-wordsearch-grid{display:inline-grid;gap:4px}.english-shell .book-wordsearch-cell{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e0dcd0;border-radius:8px;background:#fff;font-size:18px;font-weight:900;cursor:pointer}.english-shell .book-wordsearch-cell.selected{border-color:#efc35b;background:#fffdf5}.english-shell .book-wordsearch-cell.found{border-color:#83bf79;background:#edf7e9;color:#2f6e2b}.english-shell .book-match-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0}.english-shell .book-match-col{display:flex;flex-direction:column;gap:8px}.english-shell .book-match-item{display:flex;align-items:center;justify-content:center;min-height:56px;padding:8px 12px;border:2px solid #efeee5;border-radius:13px;background:#fbfaf6;font-size:14px;font-weight:800;cursor:pointer}.english-shell .book-match-item.selected{border-color:#efc35b;background:#fffdf5}.english-shell .book-match-item.matched{border-color:#83bf79;background:#edf7e9;color:#2f6e2b}.english-shell .book-word-repeat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.english-shell .book-word-repeat button{display:flex;min-height:82px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #edecdf;border-radius:13px;background:#fbfaf6;cursor:pointer}.english-shell .book-word-repeat button span,.english-shell .book-word-repeat button svg{font-size:32px}.english-shell .checkpoint-book-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}.english-shell .checkpoint-tabs{display:flex;gap:8px;margin:0 0 13px;padding:5px;border:1px solid #e9e6da;border-radius:13px;background:#f4f2e9}.english-shell .checkpoint-tabs button{flex:1;padding:10px;border:0;border-radius:10px;background:transparent;color:#788397;font-size:12px;font-weight:900;cursor:pointer}.english-shell .checkpoint-tabs button.is-active{background:#fff;color:#394862}.english-shell .word-chips,.english-shell .letter-tray,.english-shell .word-chips__assembled{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:14px 0}.english-shell .word-chips__assembled{min-height:49px;align-items:center;padding:8px;border:1px dashed #d8d5c8;border-radius:13px;background:#fbfaf6}.english-shell .word-chip,.english-shell .letter-chip{min-width:44px;min-height:43px;padding:8px 12px;border:1px solid #e8e4d8;border-radius:11px;background:#fff;color:var(--ink);font-size:15px;font-weight:900;cursor:pointer}.english-shell .extra-sentence-list{display:grid;gap:8px;margin-top:15px;padding:14px;border:1px solid #dfead6;border-radius:15px;background:#f5f8ee}.english-shell .extra-sentence-list h3{margin:0 0 2px;color:#5d8054;font-size:12px}.english-shell .extra-sentence-list__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:11px;background:#fffefa;font-size:12px;font-weight:800}.english-shell .glossary-search{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;font-size:12px;font-weight:900}.english-shell .glossary-search input{width:100%;padding:12px 14px;border:1px solid #e6e4da;border-radius:12px;font:inherit}.english-shell .glossary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.english-shell .glossary-word{display:flex;min-height:140px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px;border:2px solid var(--ink);border-radius:14px;background:#fffdf7;cursor:pointer}@media (max-width: 640px){.english-shell .unit-grid,.english-shell .word-grid,.english-shell .choice-grid,.english-shell .checkpoint-choices,.english-shell .glossary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.english-shell .extra-practice,.english-shell .checkpoint-book-sections{grid-template-columns:1fr}.english-shell .trace-activity{grid-row:auto}}.offline-card{display:flex;align-items:center;gap:14px;max-width:1100px;margin:16px auto 18px;padding:15px 18px;border:1px solid #cfe2c2;border-radius:18px;background:#f0f7e9;box-shadow:0 4px 14px #3e54730d}.offline-card__icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:#fff;font-size:23px}.offline-card__copy{flex:1}.offline-card__copy strong{font-size:14px;color:#253943}.offline-card__copy p{margin:4px 0 0;color:#71806f;font-size:11px;line-height:1.45}.offline-card__button{flex:0 0 auto;padding:11px 15px;border:0;border-radius:12px;background:#5d9b54;color:#fff;font-size:12px;font-weight:900;box-shadow:0 3px #477d40;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.offline-card__button:disabled{opacity:.65;cursor:wait}@media (max-width: 640px){.offline-card{align-items:flex-start;gap:10px;padding:13px;margin:12px 14px 16px}.offline-card__icon{width:38px;height:38px;flex-basis:38px;font-size:20px}.offline-card__copy strong{font-size:12px}.offline-card__copy p{font-size:10px}.offline-card__button{align-self:center;padding:10px 11px;font-size:10px;white-space:nowrap}}:root:has(.lesson-screen,.checkpoint-screen,.math-screen) .offline-card{display:none!important}.math-lesson-heading{display:flex!important;justify-content:space-between;align-items:center;gap:20px}.math-lesson-heading>div{flex:1;min-width:0}.math-lesson-emoji{display:grid;place-items:center;width:120px;height:120px;flex:0 0 120px;border-radius:28px;background:#fff3;border:2px solid rgba(255,255,255,.35);font-size:76px;line-height:1;box-shadow:0 6px 18px #0000001a;-webkit-user-select:none;user-select:none}.math-prompt-container{display:flex;align-items:flex-start;gap:16px;margin:14px 0 18px}.math-scene-badge{display:inline-grid;place-items:center;width:76px;height:76px;flex:0 0 76px;border-radius:20px;background:#f4faee;border:2px solid #bddbb5;font-size:46px;line-height:1;box-shadow:0 3px 10px #35685914;-webkit-user-select:none;user-select:none}.math-prompt-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.math-prompt-content h2{margin:0;font-size:20px;line-height:1.4;word-break:break-word}.math-speech-button{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #c2dbcd;border-radius:10px;background:#fff;color:#2e594d;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease}.math-speech-button:hover:not(:disabled){background:#eef6f2;border-color:#356859}.math-speech-button:disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5;color:#888}.math-feedback{display:flex!important;align-items:flex-start;justify-content:center;gap:12px;width:fit-content;max-width:100%;margin:16px auto 0;padding:10px 18px;border-radius:14px;font-size:14px;font-weight:800;line-height:1.4;text-align:left;box-sizing:border-box}.math-mascot{display:inline-flex;align-items:center;justify-content:center;font-size:40px;line-height:1;flex:0 0 40px;-webkit-user-select:none;user-select:none}.math-feedback-text{flex:1;min-width:0;padding-top:8px}@media (max-width: 640px){.math-lesson-heading{gap:14px;padding:16px 18px}.math-lesson-emoji{width:88px;height:88px;flex:0 0 88px;border-radius:22px;font-size:56px}.math-prompt-container{gap:12px}.math-scene-badge{width:60px;height:60px;flex:0 0 60px;border-radius:18px;font-size:36px}.math-feedback{gap:10px;padding:9px 14px;font-size:13px}.math-mascot{font-size:32px;flex:0 0 32px}.math-feedback-text{padding-top:5px}}@media (max-width: 420px){.math-lesson-heading{flex-direction:column;align-items:center;text-align:center;gap:12px}.math-lesson-heading>div{width:100%}.math-lesson-emoji{order:-1;width:88px;height:88px;flex:0 0 88px;font-size:56px}.math-prompt-container{flex-direction:column;align-items:center;gap:10px}.math-scene-badge{width:60px;height:60px;flex:0 0 60px;font-size:36px;margin:0 auto}.math-prompt-content{width:100%;align-items:center;text-align:center}.math-speech-button{align-self:center}}.math-finished{position:relative;overflow:hidden}.math-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.confetti-piece{position:absolute;top:-10px;width:8px;height:12px;border-radius:2px;opacity:1;animation:confetti-drop 1.2s ease-out forwards}@keyframes confetti-drop{0%{opacity:1;transform:translateY(0) rotate(0)}80%{opacity:.9}to{opacity:0;transform:translateY(220px) rotate(360deg)}}.confetti-piece.p0{left:5%;background:#f1c40f;animation-delay:.05s}.confetti-piece.p1{left:10%;background:#e74c3c;animation-delay:.15s}.confetti-piece.p2{left:15%;background:#2ecc71;animation-delay:0s}.confetti-piece.p3{left:20%;background:#3498db;animation-delay:.2s}.confetti-piece.p4{left:25%;background:#9b59b6;animation-delay:.1s}.confetti-piece.p5{left:30%;background:#e67e22;animation-delay:.25s}.confetti-piece.p6{left:35%;background:#1abc9c;animation-delay:.05s}.confetti-piece.p7{left:40%;background:#f39c12;animation-delay:.18s}.confetti-piece.p8{left:45%;background:#e84393;animation-delay:.12s}.confetti-piece.p9{left:50%;background:#00cec9;animation-delay:.08s}.confetti-piece.p10{left:55%;background:#6c5ce7;animation-delay:.22s}.confetti-piece.p11{left:60%;background:#fdcb6e;animation-delay:.03s}.confetti-piece.p12{left:65%;background:#d63031;animation-delay:.16s}.confetti-piece.p13{left:70%;background:#0984e3;animation-delay:.26s}.confetti-piece.p14{left:75%;background:#00b894;animation-delay:.07s}.confetti-piece.p15{left:80%;background:#fd79a8;animation-delay:.19s}.confetti-piece.p16{left:85%;background:#fab1a0;animation-delay:.11s}.confetti-piece.p17{left:90%;background:#74b9ff;animation-delay:.24s}.confetti-piece.p18{left:93%;background:#a29bfe;animation-delay:.14s}.confetti-piece.p19{left:97%;background:#ffeaa7;animation-delay:.02s}@media (prefers-reduced-motion: reduce){.math-confetti{display:none!important}}.topic-art{position:relative;display:flex;align-items:center;justify-content:center;border-radius:14px;overflow:hidden;-webkit-user-select:none;user-select:none}.topic-art--card{height:96px;width:100%;margin-bottom:8px}.topic-art--card .topic-art__primary{font-size:56px;line-height:1;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12))}.topic-art--card .topic-art__secondary{position:absolute;font-size:26px;line-height:1;opacity:.85;z-index:1}.topic-art--card .topic-art__secondary--left{left:14px;top:14px;transform:rotate(-10deg)}.topic-art--card .topic-art__secondary--right{right:14px;bottom:14px;transform:rotate(10deg)}.topic-art--banner{height:140px;width:100%;border-radius:20px;margin-bottom:16px}.topic-art--banner .topic-art__primary{font-size:88px;line-height:1;z-index:2;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.topic-art--banner .topic-art__secondary{position:absolute;font-size:40px;line-height:1;opacity:.9;z-index:1}.topic-art--banner .topic-art__secondary--left{left:28px;top:24px;transform:rotate(-12deg)}.topic-art--banner .topic-art__secondary--right{right:28px;bottom:24px;transform:rotate(12deg)}.topic-art__sparkle{position:absolute;color:#fffc;text-shadow:0 0 6px rgba(255,255,255,.6);pointer-events:none;z-index:1}.topic-art--card .topic-art__sparkle--top{top:8px;right:28px;font-size:14px}.topic-art--card .topic-art__sparkle--bottom{bottom:8px;left:28px;font-size:12px}.topic-art--banner .topic-art__sparkle--top{top:16px;right:64px;font-size:22px}.topic-art--banner .topic-art__sparkle--bottom{bottom:16px;left:64px;font-size:18px}.topic-card{display:flex;flex-direction:column;align-items:stretch;height:100%;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.topic-card small{margin-top:auto}.topic-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #35685924}.topic-card:active{transform:translateY(-1px)}.topic-screen{max-width:1040px;margin:0 auto}.topic-screen-header{background:#fff;border:1px solid #dce5df;border-radius:24px;padding:16px;margin-bottom:18px;box-shadow:0 4px 16px #3568590f}.topic-screen-header__info{padding:4px 6px}.topic-screen-header__info .eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#5b8e7e;margin-bottom:6px}.topic-screen-header__info h1{margin:0 0 8px;font-size:clamp(24px,4.5vw,34px);color:#253943;line-height:1.25}.topic-screen-target{margin:0;font-size:14px;color:#60746d;line-height:1.5}.topic-screen-progress{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;margin-bottom:18px;background:#f0f7e9;border:1px solid #cfe2c2;border-radius:14px;font-size:13px;font-weight:700;color:#2e594d}.topic-screen .lesson-panel{margin-top:0}.topic-screen .lesson-panel ol{display:flex;flex-direction:column;gap:12px;padding:0;margin:0;list-style:none}.topic-screen .lesson-panel li.math-lesson-item{display:flex;align-items:center;gap:16px;padding:14px 18px;background:#fff;border:1px solid #dce5df;border-radius:18px;box-shadow:0 3px 10px #3568590d;transition:transform .15s ease,box-shadow .15s ease}.topic-screen .lesson-panel li.math-lesson-item:hover{box-shadow:0 6px 16px #3568591a}.topic-screen .lesson-panel li.math-lesson-item.is-done{border-left:5px solid #356859;background:#fcfdfb}.math-lesson-item__tile{position:relative;display:flex;align-items:center;justify-content:center;width:72px;height:72px;flex:0 0 72px;border-radius:18px;box-shadow:0 4px 12px #3568591f;-webkit-user-select:none;user-select:none}.math-lesson-item__emoji{font-size:44px;line-height:1}.math-lesson-item__done-badge{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#356859;color:#fff;font-size:13px;font-weight:900;border:2px solid #ffffff;box-shadow:0 2px 6px #0003}.math-lesson-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.math-lesson-item__eyebrow{display:block;font-size:12px;font-weight:800;color:#5b8e7e;letter-spacing:.06em;line-height:1.2}.math-lesson-item__title{margin:0;font-size:19px;font-weight:800;color:#253943;line-height:1.35;word-break:break-word}.topic-screen .lesson-panel li.math-lesson-item .math-lesson-card{flex:0 0 auto;align-self:center;white-space:nowrap}@media (max-width: 640px){.topic-screen .lesson-panel{padding:16px 12px}.topic-screen .lesson-panel ol{gap:10px}.topic-screen .lesson-panel li.math-lesson-item{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px}.math-lesson-item__tile{width:60px;height:60px;flex:0 0 60px;border-radius:16px}.math-lesson-item__emoji{font-size:36px}.math-lesson-item__done-badge{top:-3px;right:-3px;width:20px;height:20px;font-size:12px}.math-lesson-item__info{flex:1 1 180px;min-width:0}.math-lesson-item__eyebrow{font-size:11px}.math-lesson-item__title{font-size:17px}.topic-screen .lesson-panel li.math-lesson-item .math-lesson-card{width:100%;text-align:center;padding:10px 16px;font-size:14px;margin-top:2px}}@media (max-width: 480px){.topics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.topic-card{padding:10px}.topic-art--card{height:76px}.topic-art--card .topic-art__primary{font-size:44px}.topic-art--card .topic-art__secondary{font-size:20px}.topic-art--banner{height:110px}.topic-art--banner .topic-art__primary{font-size:64px}.topic-art--banner .topic-art__secondary{font-size:28px}}@media (prefers-reduced-motion: reduce){.topic-card,.topic-card:hover,.topic-card:active{transform:none!important;transition:none!important}}.math-unlock-card{max-width:1100px;margin:16px auto 20px;padding:18px 20px;background:#fff;border:1px solid #dce5df;border-radius:20px;box-shadow:0 4px 14px #3568590f;box-sizing:border-box}.math-unlock-card__header{margin-bottom:14px}.math-unlock-card__header .eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#5b8e7e;margin-bottom:4px}.math-unlock-card__header h2{margin:0;font-size:20px;color:#253943}.math-unlock-card__checklist{display:flex;flex-direction:column;gap:12px}.math-unlock-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#f7f9f7;border:1px solid #e1ebe4;border-radius:14px}.math-unlock-item__icon{font-size:18px;line-height:1.3;flex:0 0 22px}.math-unlock-item__content{flex:1;min-width:0}.math-unlock-item__title{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;line-height:1.4}.math-unlock-item__title strong{font-size:15px;color:#253943}.math-unlock-item__subtext{font-size:13px;font-weight:700;color:#5b8e7e}.math-unlock-details{margin-top:8px}.math-unlock-details summary{cursor:pointer;font-size:13px;font-weight:700;color:#356859;-webkit-user-select:none;user-select:none}.math-unlock-details__body{margin-top:8px;padding-left:4px;display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.5}.math-unlock-details__group{word-break:break-word}.math-link-button{background:none;border:none;padding:0;font:inherit;font-weight:700;color:#2c6e57;text-decoration:underline;cursor:pointer;display:inline}.math-link-button:hover{color:#1a4335}.math-unlock-help{margin-top:6px;font-size:13px;line-height:1.45;color:#4a5568}.math-unlock-help p{margin:4px 0 0}.math-unlock-help__weak{word-break:break-word}.math-unlock-ready{margin-top:14px;padding:12px 16px;border-radius:12px;background:#eef8f2;border:1.5px solid #a3d9bc;color:#235c3d;font-size:15px;font-weight:800;text-align:center}.topic-card__progress{width:100%;margin-top:10px;display:flex;flex-direction:column;gap:6px}.topic-card__progress-bar{width:100%;height:6px;background:#e6ede8;border-radius:999px;overflow:hidden}.topic-card__progress-bar i{display:block;height:100%;background:#5d9b54;border-radius:999px;transition:width .2s ease}.topic-card__progress-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px;font-size:11px;font-weight:700;color:#60746d}.topic-card__progress-text{font-size:11px;font-weight:700;color:#60746d}.topic-card__badge{display:inline-block;padding:2px 7px;border-radius:6px;font-size:10px;font-weight:800}.topic-card__badge.is-done{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.topic-card__badge.is-practice{background:#fff4e5;color:#c05621;border:1px solid #fed7aa}.math-lesson-item__chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}.math-status-chip{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;line-height:1.2}.math-status-chip.is-chua-hoc{background:#f1f3f4;color:#5f6368}.math-status-chip.is-dang-lam{background:#e8f0fe;color:#1a73e8;border:1px solid #c2e7ff}.math-status-chip.is-da-xong{background:#eef8f2;color:#2b6e49;border:1px solid #c3e6cb}.math-status-chip.is-practice{background:#fff4e5;color:#c05621;border:1px solid #fed7aa}@media (max-width: 640px){.math-unlock-card{padding:14px;margin:12px 14px 16px;border-radius:16px}.math-unlock-card__header h2{font-size:17px}.math-unlock-item{padding:10px 12px;gap:10px}.math-unlock-item__title strong{font-size:14px}.math-unlock-details__body{padding-left:2px}}:root{font-family:Inter,system-ui,sans-serif;color:#253943;background:#f7f5ed}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:36px 20px 60px}header{padding:28px;border-radius:28px;background:linear-gradient(135deg,#356859,#4f8c78);color:#fff;box-shadow:0 12px 30px #1c4c3c33}header p,.lesson-panel>p{margin:0;color:#dcefe8;font-size:12px;font-weight:800;letter-spacing:.08em}h1{font-size:clamp(30px,6vw,52px);margin:9px 0}header div{max-width:690px;line-height:1.55}.notice{margin:22px 0;padding:16px 18px;border:1px solid #ead9ad;border-radius:16px;background:#fff8dc;color:#67582c}.topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.topic-card{display:flex;min-height:150px;flex-direction:column;align-items:flex-start;gap:9px;padding:16px;border:1px solid #dce5df;border-radius:18px;background:#fff;text-align:left;color:inherit;cursor:pointer}.topic-card:hover,.topic-card.selected{border-color:#4f8c78;box-shadow:0 8px 18px #35685919}.topic-card span{font-size:10px;font-weight:800;color:#5b8e7e}.topic-card strong{font-size:17px}.topic-card small{line-height:1.45;color:#60746d}.lesson-panel{margin-top:24px;padding:24px;border:1px solid #dce5df;border-radius:22px;background:#fff}.lesson-panel>p{color:#5b8e7e}.lesson-panel h2{margin:8px 0}.lesson-panel>p+h2+p{color:#687872}.lesson-panel ol{padding-left:0;list-style:none;display:grid;gap:8px}.lesson-panel li{display:grid;grid-template-columns:100px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:12px;background:#f7f8f4}.lesson-panel em{font-size:11px;color:#718079;font-style:normal}@media (max-width:640px){main{padding:20px 14px}.lesson-panel li{grid-template-columns:1fr}.lesson-panel li span{font-size:14px}}.math-level-picker{margin:20px 0 16px;padding:18px 20px;border:1px solid #dce5df;border-radius:20px;background:#fff;box-shadow:0 4px 12px #3568590f}.math-level-picker h2{margin:0 0 12px;font-size:18px;color:#253943}.math-level-picker__cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.math-level-card{display:flex;min-height:72px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;border:1.5px solid #dce5df;border-radius:14px;background:#fff;color:#253943;font-size:16px;cursor:pointer;transition:all .15s ease}.math-level-card b{font-size:13px;font-weight:800}.math-level-card small{color:#356859;font-size:10px;font-weight:700}.math-level-card.is-active{border-color:#356859;background:#edf5f1;box-shadow:0 3px #356859}.math-level-card.is-locked,.math-level-card:disabled{background:#f4f4f0;color:#a4aca6;border-color:#e3e6e1;cursor:not-allowed}.math-level-picker__note{margin:10px 0 0;color:#60746d;font-size:12px}.math-progress-card{margin:0 0 16px;padding:16px 20px;border:1px solid #dce5df;border-radius:18px;background:#fff}.math-progress-card .eyebrow{display:block;font-size:11px;font-weight:800;color:#5b8e7e;letter-spacing:.05em;margin-bottom:4px}.math-progress-card strong{display:block;font-size:18px;color:#253943;margin-bottom:4px}.math-progress-card small{display:block;color:#60746d;font-size:12px}.math-progress-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 20px;padding:12px 18px;border:1px solid #dce5df;border-radius:16px;background:#fff}.math-progress-options strong{margin-right:auto;font-size:12px;color:#60746d}.math-progress-options button{padding:8px 14px;border:1px solid #dce5df;border-radius:10px;background:#f7f8f4;color:#356859;font-size:12px;font-weight:700;cursor:pointer}.math-progress-options button:hover{background:#edf5f1}.math-lesson-item.is-done{border-left:4px solid #356859}.math-lesson-card{padding:8px 16px;border:1px solid #356859;border-radius:10px;background:#356859;color:#fff;font-size:13px;font-weight:800;cursor:pointer;transition:all .15s ease}.math-lesson-card:hover{background:#2b5649}.math-screen{max-width:720px;margin:0 auto;padding:20px 0}.back-button{display:inline-flex;align-items:center;margin-bottom:14px;padding:8px 16px;border:1px solid #dce5df;border-radius:12px;background:#fff;color:#356859;font-size:13px;font-weight:800;cursor:pointer}.back-button:hover{background:#f7f8f4}.math-lesson-heading{margin-bottom:16px;padding:18px 22px;border-radius:20px;background:linear-gradient(135deg,#356859,#4f8c78);color:#fff}.math-lesson-heading .eyebrow{display:inline-block;padding:4px 8px;border-radius:6px;background:#fff3;color:#fff;font-size:10px;font-weight:800;letter-spacing:.05em;margin-bottom:6px}.math-lesson-heading h1{margin:4px 0 2px;font-size:26px}.math-lesson-heading p{margin:0;font-size:13px;color:#dcefe8}.math-play-card{padding:24px;border:1px solid #dce5df;border-radius:22px;background:#fff;box-shadow:0 6px 18px #0000000a}.math-play-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:800;color:#60746d}.math-play-progress span:last-child{color:#e5bb4b;font-size:18px;letter-spacing:2px}.math-play-progress__track{height:8px;margin-bottom:16px;border-radius:8px;background:#edf0e8;overflow:hidden}.math-play-progress__track i{display:block;height:100%;border-radius:8px;background:#356859;transition:width .25s ease}.retry-badge{display:inline-block;margin:0 0 10px;padding:4px 10px;border-radius:8px;background:#fff4d1;color:#a86c12;font-size:12px;font-weight:800}.retry-hint{display:block;margin:0 0 14px;padding:10px 14px;border:1.5px solid #f2cf76;border-radius:12px;background:#fffbe8;color:#8b5b00;font-size:14px;font-weight:700}.math-play-card h2{margin:0 0 16px;font-size:20px;color:#253943;text-align:center;line-height:1.4}.math-question-visual{display:flex;min-height:70px;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin:0 auto 16px;padding:14px 18px;border:1.5px dashed #c8d8ce;border-radius:14px;background:#f7f9f7;color:#253943;font-size:24px;font-weight:800;text-align:center}.math-question-visual.is-busy{font-size:18px}.math-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:600px;margin:0 auto}.math-choice-grid.is-text{grid-template-columns:1fr}.math-choice{position:relative;display:flex;min-height:64px;align-items:center;justify-content:center;gap:8px;padding:10px 32px;border:2px solid #dce5df;border-radius:14px;background:#fcfdfc;color:#253943;cursor:pointer;transition:all .15s ease}.math-choice:hover:not(:disabled){border-color:#356859;background:#edf5f1}.math-choice:disabled{cursor:default}.math-choice__badge{position:absolute;left:10px;top:8px;display:grid;width:20px;height:20px;place-items:center;border-radius:6px;background:#eef2ed;color:#60746d;font-size:10px;font-weight:800}.math-choice b{font-size:18px;font-weight:800;text-align:center}.math-choice.is-correct{border-color:#356859;background:#edf8f2}.math-choice.is-wrong{border-color:#d9534f;background:#fdf2f2}.math-answer-pad{display:grid;width:min(100%,280px);gap:10px;margin:0 auto}.math-answer-pad__value{display:grid;min-height:52px;place-items:center;border:2px dashed #c8d8ce;border-radius:12px;background:#fcfdfc;color:#253943;font-size:26px;font-weight:900}.math-answer-pad__keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.math-answer-pad__keys button{min-height:50px;border:1.5px solid #dce5df;border-radius:12px;background:#fff;color:#253943;font-size:19px;font-weight:800;cursor:pointer}.math-answer-pad__keys button.is-delete{background:#fff4ed}.math-answer-pad__keys button.is-submit{background:#edf5f1;border-color:#356859;color:#356859}.math-answer-pad__keys button:disabled{opacity:.5;cursor:default}.math-answer-pad__feedback,.math-order-cards__feedback{margin:4px 0 0;color:#c0392b;font-size:12px;font-weight:700;text-align:center}.math-order-cards{display:grid;width:min(100%,480px);gap:10px;margin:0 auto}.math-order-cards__pool{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px;min-height:56px}.math-order-cards__pool button,.math-order-cards__answer button{min-height:54px;border:2px solid #dce5df;border-radius:12px;background:#fff;color:#253943;font-size:18px;font-weight:800;cursor:pointer}.math-order-cards__answer{display:flex;min-height:64px;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:8px;border:2px dashed #c8d8ce;border-radius:14px;background:#f7f9f7}.math-order-cards__answer span{color:#7a8882;font-size:13px;font-weight:600}.math-order-cards__answer button{min-width:58px;background:#edf5f1;border-color:#356859}.math-order-cards__reset{justify-self:center;padding:8px 16px;border:1px solid #dce5df;border-radius:10px;background:#f7f8f4;color:#60746d;font-size:12px;font-weight:800;cursor:pointer}.math-feedback{width:fit-content;min-width:200px;min-height:32px;margin:16px auto 0;padding:8px 14px;border-radius:12px;color:#60746d;font-size:13px;font-weight:800;text-align:center}.math-feedback.is-correct{border:1.5px solid #a3d9bc;background:#eef8f2;color:#2b6e49}.math-feedback.is-wrong{border:1.5px solid #f5c6cb;background:#fdf2f2;color:#b02a37}.primary-button{display:inline-block;padding:10px 22px;border:none;border-radius:12px;background:#356859;color:#fff;font-size:15px;font-weight:800;cursor:pointer}.primary-button:hover{background:#2b5649}.math-next{display:block;margin:12px auto 0}.math-finished{display:flex;align-items:center;gap:14px;padding:18px;border:2px solid #a3d9bc;border-radius:18px;background:#f3faf5}.math-finished>span{display:grid;width:54px;height:54px;flex:0 0 54px;place-items:center;border-radius:14px;background:#fff4d1;font-size:36px}.math-finished>div{flex:1}.math-finished strong{display:block;font-size:17px;color:#253943}.math-finished p{margin:4px 0 0;color:#60746d;font-size:12px}@media (max-width: 480px){main{padding:14px 10px}.math-level-picker{padding:12px 10px}.math-level-picker__cards{gap:4px}.math-level-card{min-height:58px;font-size:13px}.math-level-card b{font-size:10px}.math-choice-grid{grid-template-columns:1fr;gap:8px}.math-choice{min-height:54px;padding:8px 18px}.math-choice b{font-size:15px}.math-play-card{padding:14px}.math-finished{flex-wrap:wrap}.math-finished .primary-button{width:100%;margin-top:10px}}.math-figure{margin:12px auto 16px;padding:14px;border:1.5px dashed #c8d8ce;border-radius:16px;background:#fbfdfc;max-width:480px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.math-figure__caption{margin-top:10px;padding:6px 10px;border-radius:8px;background:#edf5f1;color:#356859;font-size:12px;font-weight:700;text-align:center}.math-figure-scale__view{position:relative;display:flex;flex-direction:column;align-items:center}.math-figure-scale__svg{width:100%;max-width:300px;height:auto;display:block}.math-figure-scale__pans{display:flex;justify-content:space-between;width:100%;margin-top:8px;gap:12px}.math-figure-scale__pan{flex:1;padding:8px 10px;border:1.5px solid #dce5df;border-radius:12px;background:#fff;text-align:center}.math-figure-scale__pan.is-left{border-left:3px solid #356859}.math-figure-scale__pan.is-right{border-right:3px solid #356859}.math-figure-scale__pan-title{font-size:11px;font-weight:800;color:#60746d;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.math-figure-scale__items{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.math-figure-scale__item{display:inline-block;padding:3px 8px;border-radius:6px;background:#edf5f1;color:#253943;font-size:13px;font-weight:800}.math-figure-cups__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #eef2ed}.math-figure-cups__label{font-size:15px;color:#253943}.math-figure-cups__summary{font-size:12px;font-weight:800;color:#356859}.math-figure-cups__grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.math-figure-cups__cup{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;height:58px;border:1.5px solid #c8d8ce;border-radius:10px;background:#fff}.math-figure-cups__cup-art{font-size:20px;line-height:1}.math-figure-cups__cup-vol{font-size:11px;color:#356859}.math-figure-clock__view{display:flex;flex-direction:column;align-items:center}.math-figure-clock__svg{width:100%;max-width:180px;height:auto;display:block}.math-figure-clock__digital{margin-top:10px;padding:4px 14px;border:2px solid #253943;border-radius:8px;background:#253943;color:#a3d9bc;font-family:monospace;font-size:18px;font-weight:800;letter-spacing:.1em}.math-figure-calendar{max-width:380px}.math-figure-calendar__header{text-align:center;font-size:15px;font-weight:800;color:#253943;padding-bottom:6px;border-bottom:1.5px solid #dce5df;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.math-figure-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.math-figure-calendar__wd{font-size:11px;font-weight:800;color:#60746d;padding:4px 0}.math-figure-calendar__wd.is-sunday{color:#c0392b}.math-figure-calendar__cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#253943;border-radius:8px;background:#fff;border:1px solid #eef2ed}.math-figure-calendar__cell.is-empty{background:transparent;border-color:transparent}.math-figure-calendar__cell.is-highlighted{background:#fff3cd;border:1.5px solid #e67e22;color:#d35400;font-weight:800}.math-blocks,.math-money{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:10px}.math-blocks__group{min-width:72px;text-align:center}.math-blocks__label{display:block;font-weight:700;margin-bottom:5px}.math-blocks__items{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;max-width:140px}.math-blocks__items span{display:inline-block;width:10px;height:10px;background:#77ad91;border:1px solid #356859}.math-blocks__items.is-hundred span{width:22px;height:22px;background:repeating-linear-gradient(0deg,#94c6a5 0 4px,#dcebe5 4px 5px),repeating-linear-gradient(90deg,transparent 0 4px,#356859 4px 5px)}.math-blocks__items.is-ten span{width:8px;height:28px}.math-money__note{width:112px;height:54px;border:2px solid #356859;border-radius:9px;display:grid;place-items:center;background:#e6f4e9}.math-money__note.is-200{background:#e8f0ff}.math-money__note.is-500{background:#fff1df}.math-money__note.is-1000{background:#f4e8ff}.math-figure-collection,.math-figure-tally,.math-figure-pictograph,.math-figure-chance{max-width:520px}.math-collection{display:grid;gap:8px;align-items:center;justify-items:center;padding:8px}.math-collection__item{display:grid;place-items:center;width:34px;height:34px;border:2px solid #253943;color:#253943;font-size:15px;font-weight:900;line-height:1}.math-collection__item.is-circle{border-radius:50%}.math-collection__item.is-square{border-radius:5px}.math-collection__item.is-triangle{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0}.math-collection__item.is-star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 100%,50% 74%,21% 100%,32% 57%,2% 35%,39% 35%);border-radius:0}.math-tally-table{width:100%;border-collapse:collapse;background:#fff;font-size:13px}.math-tally-table th,.math-tally-table td{border:1px solid #c8dcd4;padding:7px 8px;text-align:center}.math-tally-table thead th{background:#edf5f1;color:#253943}.math-tally-table tbody th{text-align:left;white-space:nowrap}.math-tally-table__marks{font-family:monospace;letter-spacing:.08em;color:#356859;white-space:nowrap}.math-tally-table__marks span{display:inline-block;margin-right:7px}.math-tally-table__blank{display:inline-grid;place-items:center;min-width:26px;border-bottom:2px solid #356859;font-weight:900}.math-pictograph__legend{margin-bottom:8px;color:#356859;font-size:12px;font-weight:800;text-align:right}.math-pictograph{display:grid;gap:7px}.math-pictograph__row{display:grid;grid-template-columns:minmax(90px,120px) 1fr;gap:10px;align-items:center}.math-pictograph__label{color:#253943;font-size:13px;font-weight:800;text-align:left}.math-pictograph__icons{display:flex;gap:6px;min-height:24px;align-items:center;color:#356859;font-size:21px;line-height:1;white-space:nowrap}.math-chance__bag{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;max-width:360px;margin:0 auto;padding:12px;border:2px solid #356859;border-radius:42% 42% 50% 50%;background:#edf5f1}.math-chance__ball{display:grid;place-items:center;width:30px;height:30px;border:1.5px solid #253943;border-radius:50%;color:#253943;font-size:12px;font-weight:900}.math-chance__dice{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.math-chance__dice span{display:grid;place-items:center;width:38px;height:38px;border:2px solid #253943;border-radius:8px;background:#fff;color:#253943;font-weight:900}.math-figure-geometry__svg,.math-figure-ruler__svg,.math-figure-numberline__svg,.math-figure-groups__svg,.math-figure-solids__svg{width:100%;max-width:440px;height:auto;display:block;margin:0 auto}.math-fact-table-wrap{overflow-x:auto;margin:8px auto;max-width:100%}.math-fact-table{border-collapse:collapse;margin:0 auto;font-size:14px;text-align:center;background:#fff;border:1.5px solid #356859;border-radius:8px;overflow:hidden}.math-fact-table__header{padding:8px 12px;background:#edf5f1;color:#253943;font-weight:700;border:1px solid #c8dcd4;white-space:nowrap}.math-fact-table__cell{padding:8px 14px;border:1px solid #c8dcd4;font-weight:600;color:#253943;min-width:42px}.math-fact-table__blank{display:inline-block;min-width:24px;padding:2px 6px;border-radius:4px;background:#fff3cd;color:#d35400;font-weight:800;border:1px dashed #e67e22}