:root{--ink:#244e4b;--teal:#188c83;--mint:#e4f2e9;--gold:#f6d77e}*{box-sizing:border-box}body{margin:0;background:#fcfbf5;color:var(--ink);font-family:ui-rounded,'Arial Rounded MT Bold',Verdana,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;min-height:52px;border:0;border-radius:20px;background:white;padding:14px 20px;font-weight:700}button:focus-visible,a:focus-visible{outline:3px solid #168c87;outline-offset:4px}header{max-width:960px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 24px}header a{text-decoration:none;color:var(--ink);font-size:28px;font-weight:900;letter-spacing:-1.5px}header a span{color:var(--teal)}header button{background:transparent;font-size:14px}main{max-width:880px;margin:auto;padding:6px 24px 130px}h1{font-size:clamp(30px,5vw,46px);letter-spacing:-1.5px;margin:10px 0 14px}h2{font-size:25px;margin:10px 0}p{line-height:1.7;color:#63817b}.hero{background:#dff2ed;border-radius:32px;padding:34px;position:relative;overflow:hidden;display:flex;align-items:center;gap:24px}.hero div{flex:1}.hero svg{width:42%;max-width:270px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#58867a}.levels{display:flex;gap:8px;margin:25px 0}.levels button{flex:1;background:#f0f1e9;font-size:14px}.levels .active{background:var(--teal);color:white}.resume{display:flex;justify-content:space-between;align-items:center;padding:24px;background:var(--mint);border-radius:26px;margin:22px 0}.yellow{background:var(--gold);box-shadow:0 5px 0 #d8b95d}.activities{display:grid;grid-template-columns:1fr 1fr;gap:14px}.activity{display:flex;align-items:center;text-align:left;gap:16px;border:1px solid #e1e8df;padding:22px}.badge{font-size:26px;border-radius:18px;background:#e5f2ed;min-width:60px;padding:15px;text-align:center}.activity:nth-child(2n) .badge{background:#e8f1fa}.activity small{display:block;color:#7a8c83;font-size:12px;margin-top:7px;font-weight:400}nav{position:fixed;bottom:0;left:0;right:0;background:#fffefbf5;border-top:1px solid #e4e9df;display:flex;justify-content:center;gap:12px;padding:10px 14px max(10px,env(safe-area-inset-bottom));z-index:5}nav button{width:160px;background:transparent;color:#63817b;font-size:24px;padding:7px}nav small{display:block;font-size:12px;margin-top:5px}.toprow{display:flex;align-items:center;justify-content:space-between;margin:10px 0 22px}.back{background:transparent;padding-left:0}.pill{background:#f4ecd1;border-radius:30px;padding:12px 20px;font-weight:700}.question{text-align:center;background:white;border:1px solid #e3e9df;border-radius:30px;padding:30px 24px}.question h1{font-size:30px;letter-spacing:-.8px}.objects{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;max-width:450px;margin:25px auto;font-size:44px}.object{display:inline-flex;justify-content:center;align-items:center;min-width:48px;min-height:55px}.big{font-size:100px;font-weight:900;line-height:1.3;color:var(--teal);margin:20px 0}.equation{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;font-size:38px;margin:18px 0}.group{padding:12px;border-radius:18px;background:#f1f7f2;max-width:230px;font-size:30px}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:25px}.answer{font-size:30px;min-height:80px;border:2px solid #e2e9df}.answer.correct{border-color:#2f9872;background:#e1f6e8}.answer.wrong{border-color:#d59b59;background:#fff0df}.feedback{min-height:55px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;margin-top:18px}.progress{height:8px;background:#e7eee7;border-radius:10px;overflow:hidden;margin:18px 0}.progress i{height:100%;display:block;background:var(--teal);transition:width .3s}.next{width:100%;margin:12px 0}.card{padding:25px;background:white;border:1px solid #e1e8df;border-radius:26px;margin:18px 0}.garden{background:#e7f4e6;min-height:190px;border-radius:24px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:16px;padding:24px;font-size:46px}.muted{font-size:13px;color:#6d847d}.setting{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid #edf0e8}input{width:24px;height:24px;accent-color:var(--teal)}select{font:inherit;border:1px solid #cddbd0;border-radius:14px;padding:12px;background:#fff;color:var(--ink)}.celebrate{animation:pop .4s ease}@keyframes pop{50%{transform:scale(1.15)}}@media(max-width:560px){header{padding:20px}main{padding:4px 18px 120px}.hero{padding:24px;gap:4px}.hero svg{width:39%}.hero h1{font-size:30px}.hero p{font-size:13px}.activities{gap:10px}.activity{padding:16px 12px;gap:10px;font-size:14px}.badge{min-width:42px;font-size:22px;padding:12px 8px}.resume{padding:20px}.resume h2{font-size:20px}.resume button{font-size:14px;padding:13px}.question{padding:24px 16px}.question h1{font-size:25px}.objects{gap:5px;font-size:36px}.object{min-width:40px}.levels button{padding:12px 4px;font-size:12px}}
/* Dunia Main Matematik */
:root{--ink:#283668;--teal:#687ad1;--mint:#edf0ff;--gold:#ffe08a}body{background:#fffaf0}header a span{color:#7888d2}.eyebrow{color:#79759b}.hero{display:block;padding:0;background:#eeeafa;border:1px solid #e4dff0;isolation:isolate;min-height:350px}.hero img{width:100%;display:block;aspect-ratio:1.8;object-fit:cover;object-position:center}.hero-copy{position:absolute;left:30px;top:35px;width:40%}.hero-copy h1{font-size:40px;line-height:1.12;color:#283668;text-shadow:0 1px #fff8}.hero-copy p{max-width:160px;color:#655c75;font-size:14px}.hero .yellow{position:absolute;bottom:22px;left:24px;right:24px;width:calc(100% - 48px);background:#ffde83;color:#40345d;box-shadow:0 5px 0 #d9ab53}.worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.world{padding:20px 10px 16px;background:linear-gradient(#f6e5d5,#fff2d6);border:1px solid #ead8c1;min-height:170px;text-align:center}.world:nth-child(2){background:linear-gradient(#e3e8ff,#f3f1ff);border-color:#d8dcf0}.world:nth-child(3){background:linear-gradient(#ffe3d2,#fff3e6)}.world img{height:88px;width:88px;object-fit:contain;display:block;margin:0 auto 10px}.world small{display:block;font-size:12px;margin-top:8px;font-weight:400;color:#726e88}.wood-shapes{display:flex;justify-content:center;align-items:center;gap:10px;height:94px}.shape{display:inline-block;width:56px;height:56px;background:linear-gradient(135deg,#f8c86d,#e5a545);box-shadow:3px 5px 0 #c48d45,0 8px 10px #9e774026;border:1px solid #dba04c}.shape.circle{border-radius:50%}.shape.square{border-radius:6px;background:linear-gradient(135deg,#8eabef,#657bc5);border-color:#6379ba;box-shadow:3px 5px 0 #4d62a0,0 8px 10px #455a8026}.shape.triangle{background:linear-gradient(135deg,#ffa781,#e57e61);clip-path:polygon(50% 0,100% 100%,0 100%);border:0;box-shadow:none;filter:drop-shadow(2px 4px 1px #bf725a)}.shape.rectangle{width:78px;height:48px;border-radius:5px;background:#9a8bd2}.toy-blocks{height:94px;display:flex;align-items:center;justify-content:center;gap:4px}.toy-blocks b{display:inline-grid;place-items:center;width:42px;height:48px;background:#f6c17b;box-shadow:3px 4px 0 #cc9960;border-radius:7px;font-size:24px}.toy-blocks b:nth-child(2){background:#a6b5ec;transform:translateY(-10px);box-shadow:3px 4px 0 #7787bf}.activity{background:#fffefb;border-color:#e7dfed}.badge{background:#eeeafb!important;color:#7669aa}.resume{background:#eeeefa}.levels .active{background:#7181d2}.question{background:#fffef8;border-color:#e8def0}p{color:#79738b}.objects img{width:64px;height:70px;object-fit:contain}.object{position:relative}.picked{opacity:.35}.counted-number{position:absolute;right:-2px;bottom:0;background:#7181d2;color:white;border-radius:50%;font-size:14px;min-width:26px;padding:5px}.fruit-choice{padding:6px;min-width:70px;background:transparent;border:2px solid transparent;position:relative}.fruit-choice.selected{border-color:#8596e4;background:#eef0fc}.fruit-choice img{width:65px;height:75px;object-fit:contain;pointer-events:none}.fruit-choice.selected:after{content:'✓';position:absolute;right:0;bottom:0;background:#7181d2;border-radius:50%;color:white;font-size:16px;width:23px}.basket{margin:15px auto 0;border-radius:14px 14px 45px 45px;max-width:400px;min-height:110px;border:4px solid #d4aa6d;background:repeating-linear-gradient(0deg,#f5d5a4 0px,#f5d5a4 7px,#e9c18a 8px,#e9c18a 11px);padding:16px}.basket .objects{margin:0;gap:0}.basket img{width:45px;height:50px}.basket-label{color:#6e4f36;font-size:15px;font-weight:700}.shape-choice{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.shape-choice .shape{width:65px;height:65px}.shape-scene{display:flex;justify-content:center;gap:28px;align-items:center;background:#f5efdf;border-radius:24px;min-height:160px;margin-top:20px}.shape-scene .shape{width:85px;height:85px}.question .feedback{color:#5a5683}.answer.correct{background:#e9efff;border-color:#7488c9}.garden{background:#f0eafa}nav{border-color:#e5e0ef;background:#fffdfa}nav button{color:#6d75a1}.progress{background:#ece9f5}button:focus-visible,a:focus-visible{outline-color:#657ac8}.mode-card{text-align:left}.mode-card p{font-size:14px;margin-bottom:0}.group .fruit-mini{width:34px;height:38px;object-fit:contain}.object button{padding:0;background:none}.question .big{color:#6b7bce}@media(max-width:560px){.hero{min-height:330px}.hero img{aspect-ratio:1.2;object-position:60% center}.hero-copy{left:20px;top:22px;width:40%}.hero-copy h1{font-size:29px}.hero-copy p{font-size:12px;max-width:110px}.worlds{gap:8px}.world{padding:14px 5px;min-height:155px;font-size:14px;border-radius:20px}.world img{height:75px;width:75px}.wood-shapes{gap:5px;height:85px}.wood-shapes .shape{width:32px;height:36px}.toy-blocks{height:85px;gap:3px}.toy-blocks b{width:26px;height:36px;font-size:19px}.fruit-choice{min-width:58px;padding:3px}.fruit-choice img{width:52px;height:60px}.shape-scene{gap:20px}.shape-scene .shape{width:68px;height:68px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.shape-choice .shape.rectangle{width:100px;height:60px}.shape-scene .shape.rectangle{width:115px;height:70px}.objects .shape.rectangle{width:75px;height:45px}.answer .shape.rectangle{width:85px;height:50px}
/* Illustrated activity menus */
.world-top{display:flex;align-items:center;gap:14px;margin-bottom:12px}.world-level{font-size:12px;font-weight:700;letter-spacing:1px;color:#807a9b;background:#f0eafa;border-radius:20px;padding:8px 14px}.world-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px;border-radius:28px;background:linear-gradient(125deg,#e6eaff,#f6edff);border:1px solid #dfe2f4;overflow:hidden}.world-banner h1{font-size:34px;margin:8px 0;letter-spacing:-1px}.world-banner p{font-size:14px;margin:0;max-width:330px}.world-banner>.menu-art{width:190px;min-width:155px;height:130px;border-radius:60% 45% 50% 40%;background:#fff8;transform:rotate(-4deg);gap:10px}.banner-fruit{background:linear-gradient(125deg,#ffe8cc,#fff0db)}.banner-toys{background:linear-gradient(125deg,#e5e8ff,#fff0de)}.world-section-title{display:flex;align-items:center;justify-content:space-between;margin:26px 2px 14px}.world-section-title h2{font-size:20px;margin:0}.world-section-title>span{font-size:12px;color:#837d96}.game-menu{display:grid;grid-template-columns:1fr 1fr;gap:16px}.game-tile{display:flex;align-items:center;gap:18px;padding:20px;text-align:left;position:relative;border:1px solid #e0ddf0;background:#f2effc;min-height:170px;box-shadow:0 4px 0 #e4dff1;border-radius:26px;transition:transform .15s}.game-tile:hover{transform:translateY(-2px)}.game-tile.tile-1{background:#fff0e3;border-color:#f2dcc9;box-shadow:0 4px 0 #eedbc9}.game-tile.tile-2{background:#edf2ff;border-color:#dce4f3;box-shadow:0 4px 0 #dce4f0}.menu-art{display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;width:110px;height:110px;background:#ffffffb0;border-radius:23px;position:relative}.menu-art .shape{width:30px;height:34px;flex-shrink:0;box-shadow:2px 3px 0 #c48d4566}.menu-art .shape.square{box-shadow:2px 3px 0 #4d62a066}.menu-art .shape.circle{width:33px;height:33px;transform:translateY(-12px)}.menu-art .shape.triangle{transform:translateY(8px)}.menu-art svg{width:55px;height:65px;flex-shrink:0}.mini-question{font-size:30px;color:#8a7bb9}.art-pattern{gap:4px}.art-pattern .shape{width:22px;height:25px}.art-pattern .shape.circle{width:23px;height:23px}.mini-fruits{display:flex;justify-content:center;flex-wrap:wrap;gap:0;max-width:70px}.mini-fruits img{height:42px;width:34px;object-fit:contain;filter:drop-shadow(0 3px 1px #a8733420)}.mini-fruits img:only-child{height:55px;width:45px}.mini-number{font-size:30px;color:#7885c8;background:#eef0ff;border-radius:12px;padding:4px 8px}.mini-link{font-size:25px;color:#a18eae}.mini-basket{display:grid;place-items:center;width:45px;height:42px;border-radius:8px 8px 19px 19px;background:repeating-linear-gradient(0deg,#e6bd85 0,#e6bd85 5px,#d6a56b 6px,#d6a56b 8px);border:2px solid #c7955b;color:#765533;font-size:22px;margin-top:15px}.number-block{background:#f1c17f;color:#6e563d;border-radius:6px;padding:9px 7px;box-shadow:2px 4px 0 #d5a35e;font-size:22px;transform:rotate(-7deg)}.number-block:nth-child(2){background:#aebbea;color:#495d96;box-shadow:2px 4px 0 #8d9acb;transform:translateY(-7px) rotate(3deg)}.number-block:nth-child(3){background:#f0b19b;color:#925944;box-shadow:2px 4px 0 #d6937e;transform:rotate(6deg)}.game-copy{display:flex;flex-direction:column;gap:8px;padding-right:24px}.game-step{font-size:9px;letter-spacing:1.3px;color:#8e83a0}.game-copy strong{font-size:20px;line-height:1.25;letter-spacing:-.4px}.game-desc{font-size:12px;font-weight:400;line-height:1.5;color:#7e7590}.game-progress{font-size:11px;color:#6b71a1}.game-play{position:absolute;right:15px;bottom:19px;background:#fffdf5;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#8d81b9;border:1px solid #ded7ed}.world-footer{text-align:center;font-size:12px;margin:24px 0;color:#958aa1}.world-banner .menu-art .shape{width:42px;height:45px}.world-banner .menu-art .shape.circle{width:44px;height:44px}@media(max-width:750px){.game-menu{grid-template-columns:1fr}.game-tile{min-height:140px}.game-copy strong{font-size:21px}.game-copy{gap:6px}.game-desc{font-size:13px}.menu-art{height:105px;width:115px}.world-banner{padding:24px 20px;gap:10px}.world-banner h1{font-size:30px}.world-banner>.menu-art{width:125px;min-width:105px;height:110px}.world-banner .menu-art .shape{width:29px;height:32px}.world-banner .menu-art .shape.circle{width:30px;height:30px}.world-banner p{font-size:12px}.world-banner .eyebrow{font-size:10px}.game-step{font-size:9px}}@media(max-width:360px){.game-tile{gap:12px;padding:16px}.menu-art{width:90px;height:100px}.game-copy strong{font-size:18px}.game-desc{font-size:12px}}
.catalog-launch{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ebeaff;padding:20px;border-radius:24px;margin-bottom:20px;border:1px solid #dcd9f5}.catalog-launch strong{display:block;font-size:20px;margin:7px 0}.catalog-launch small{color:#7b7396}.catalog-launch button{font-size:14px;padding:13px}.resume-lesson{width:100%;text-align:left;margin:-6px 0 20px;background:#fff1da;color:#746146;border:1px solid #ecd6b4;font-size:14px}.catalog-total{font-weight:bold;color:#605b9e}.catalog-levels{gap:5px}.catalog-levels button{font-size:12px;padding:12px 6px}.world-tabs{display:flex;gap:6px;flex-wrap:wrap}.world-tabs button{font-size:12px;min-height:44px;background:#f1edf7;padding:10px 12px}.world-tabs .active{background:#8586cc;color:white}.catalog-search{display:block;margin-top:20px;font-size:13px;font-weight:700}.catalog-search input{display:block;width:100%;height:52px;border:1px solid #dcd6e9;border-radius:16px;background:#fffdf7;padding:14px;font:inherit;color:var(--ink);margin-top:8px}.unit-panel{background:#fffdf9;border:1px solid #e5ddee;border-radius:24px;margin:18px 0;overflow:hidden}.unit-panel summary{display:flex;align-items:center;gap:14px;padding:18px;cursor:pointer;list-style:none}.unit-panel summary::-webkit-details-marker{display:none}.unit-panel summary>span:nth-child(2){display:flex;flex-direction:column;gap:6px;flex:1}.unit-panel summary small{font-size:10px;letter-spacing:.8px;color:#9389a5}.unit-panel summary strong{font-size:20px}.unit-panel summary span span{font-size:12px;color:#827b94}.unit-icon .menu-art{width:70px;height:70px;background:#f2edfb;border-radius:18px}.unit-icon .menu-art .shape{width:17px;height:20px}.unit-icon .mini-fruits{max-width:40px}.unit-icon .mini-fruits img{width:20px;height:24px}.unit-icon .mini-number{font-size:20px}.unit-icon .number-block{font-size:16px;padding:5px}.unit-objective{font-size:13px;padding:0 20px;margin-top:0}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 18px}.lesson-card{display:flex;gap:10px;text-align:left;align-items:center;padding:14px 10px;border:1px solid #e9e1ee;border-radius:16px;background:#f7f3fc;min-height:85px}.lesson-no{flex-shrink:0;width:32px;height:32px;border-radius:11px;background:#e8dff8;color:#7d6c9b;display:grid;place-items:center;font-size:12px}.lesson-title{flex:1;font-size:14px;line-height:1.4}.lesson-title small{display:block;color:#8a8197;font-size:10px;font-weight:400;margin-top:6px}.lesson-arrow{font-size:11px;color:#9681af}.lesson-done{background:#ebefff;border-color:#cbd4f3}.lesson-card[hidden],.unit-panel[hidden]{display:none}.lesson-brief>.menu-art{margin:0 auto 20px}.lesson-brief{text-align:center}.lesson-apples{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;max-width:380px;margin:12px auto}.lesson-apple{width:47px;height:52px;display:inline-block;position:relative}.lesson-apple img{width:100%;height:100%;object-fit:contain}.lesson-apple.removed{opacity:.24}.lesson-apple.removed:after{content:'';position:absolute;top:50%;left:0;width:100%;height:3px;background:#875c6a;transform:rotate(-45deg)}.lesson-visual{margin:20px auto;max-width:100%;overflow-x:auto}.lesson-answer{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.lesson-answer>span{font-size:24px}.lesson-answer .lesson-apples{max-width:160px;gap:1px}.lesson-answer .lesson-apple{width:26px;height:30px}.lesson-shape .shape{width:65px;height:65px}.lesson-shape .shape.rectangle{width:95px;height:55px}.quantity-groups{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.quantity-groups>div{min-width:110px;max-width:45%;background:#f6eddf;padding:12px;border-radius:18px}.quantity-groups .lesson-apple{width:35px;height:40px}.quantity-groups>div>b{display:block;font-size:18px;color:#9a7952}.equal-groups{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.equal-groups>div{padding:5px 12px;background:#f3e9fa;border:1px dashed #bdadd5;border-radius:18px;max-width:180px}.position-scene{height:240px;width:270px;margin:auto;position:relative;background:#faf3e8;border-radius:25px}.position-box{position:absolute;top:85px;left:85px;width:100px;height:95px;background:#dbbb91;border:5px solid #ba9568;display:grid;place-items:center;font-size:15px;color:#8e6740;border-radius:10px}.position-scene img{position:absolute;width:55px;height:60px;object-fit:contain}.pos-0 img{left:108px;top:12px}.pos-1 img{left:108px;top:180px}.pos-2 img{left:108px;top:100px}.pos-3 img{left:205px;top:100px}.pos-4 img{left:15px;top:105px}.pos-5 img{left:200px;top:105px}.pattern-line{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;min-height:130px}.pattern-line .shape{width:40px;height:40px}.pattern-line b{font-size:40px;color:#7d75b6}.color-swatch{width:65px;height:65px;border-radius:16px;display:block}.swatch-0{background:#7595d9}.swatch-1{background:#dc7868}.swatch-2{background:#edc760}.ten-frame{display:grid;grid-template-columns:repeat(5,1fr);max-width:260px;margin:auto;border:2px solid #bbaacb}.ten-frame i{border:1px solid #bbaacb;height:44px;background:radial-gradient(circle,#9b95d1 0 11px,transparent 12px)}.measure-pair{display:flex;align-items:flex-end;justify-content:center;gap:30px;min-height:210px}.measure-pair>div{display:flex;flex-direction:column;align-items:center;gap:15px}.measure-object{display:block;background:#9caddb;border-radius:6px;border:3px solid #8193c3}.measure-object.panjang{width:calc(var(--measure)*18px);height:24px}.measure-object.tinggi{height:calc(var(--measure)*20px);width:35px}.measure-object.besar{height:calc(var(--measure)*18px);width:calc(var(--measure)*18px)}.scales,.cups{display:flex;justify-content:center;gap:35px}.scales>div{padding:20px;background:#eeeafb;border-radius:20px}.scales strong{display:block;font-size:35px;margin-top:12px}.cups>div{display:flex;flex-direction:column;align-items:center;gap:10px}.cup{display:block;width:70px;height:130px;border:4px solid #c8bcd5;border-top:0;border-radius:0 0 16px 16px;position:relative;overflow:hidden;background:#fff}.cup i{display:block;position:absolute;bottom:0;background:#9bbde7;width:100%}.block-ruler,.cm-ruler{display:inline-block;text-align:left;padding:15px;max-width:100%;overflow:auto}.ribbon{height:20px;background:#e6a58b;margin-bottom:10px;border-radius:3px}.block-ruler>div:last-child{display:flex}.block-ruler i{width:28px;height:28px;background:#b2b8e0;border:1px solid #8e97c5;flex-shrink:0}.cm-ruler>div:last-child{display:flex;width:308px;border-top:2px solid #827596}.cm-ruler span{display:block;width:28px;flex-shrink:0;font-size:12px;border-left:1px solid #b1a4bd;padding-top:8px;transform:translateX(-1px)}.lesson-clock{max-width:220px;width:100%;display:block;margin:auto}.scene-description{background:#f1eafa;padding:30px;border-radius:20px;font-size:23px;line-height:1.6}.money-token{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-width:75px;min-height:75px;margin:8px;border:4px double #c6a46c;border-radius:50%;background:#f1dfb8;color:#8f7142;font-size:20px}.money-token b{font-size:28px}.money-token small{font-size:12px}.money-token.note{border-radius:8px;min-width:110px;background:#e2dbf2;border-color:#ab9bc9;color:#756090;padding:12px}.solid-art{width:135px;height:130px;max-width:100%}.lesson-answer .solid-art{width:90px;height:90px}.fraction-strip{display:grid;max-width:320px;height:80px;border:2px solid #ad9cc8;border-radius:5px;overflow:hidden;margin:22px auto}.fraction-strip i{display:block;border-right:2px solid #ad9cc8;background:#faf6ef}.fraction-strip i:last-child{border-right:0}.fraction-strip .filled{background:#a09bdc}.lesson-answer .fraction-strip{width:130px;height:45px;margin:3px}.place-values{display:flex;justify-content:center;gap:10px}.place-values>div{padding:25px;border-radius:20px;background:#eeeafb}.place-values b{display:block;font-size:50px;color:#8276bb}.place-values small{display:block;margin-top:15px}.data-chart{max-width:360px;margin:auto;background:#faf2e4;padding:20px;border-radius:18px}.data-chart>div{display:flex;gap:10px;align-items:center;margin:15px 0}.data-chart span{width:40px;font-size:13px;text-align:left}.data-chart i{height:25px;display:block;background:#acabd9;max-width:65%;border-radius:4px}.data-chart b{font-size:16px}.result-stars{font-size:36px;color:#e8b44d;padding:30px 0}.review-link{display:block;width:100%;font-size:14px;text-align:left;background:#f1edfa;margin:8px 0}.lesson-question .feedback{font-size:15px;line-height:1.6}.empty-group{font-size:13px;color:#9b8c91}.listening-art{font-size:80px;color:#8c84c4}@media(max-width:560px){.catalog-launch{padding:15px;gap:6px}.catalog-launch strong{font-size:17px}.catalog-launch .eyebrow{font-size:9px}.catalog-launch small{font-size:11px}.catalog-levels button{font-size:10px}.lesson-grid{grid-template-columns:1fr}.unit-panel summary strong{font-size:18px}.unit-icon .menu-art{width:60px;height:65px}.lesson-apple{width:37px;height:43px}.lesson-answer>span{font-size:19px}.pattern-line{gap:10px}.pattern-line .shape{width:32px;height:32px}.measure-pair{gap:16px}.quantity-groups{gap:8px}.quantity-groups>div{padding:8px;min-width:90px}.quantity-groups .lesson-apple{width:29px;height:33px}.lesson-question h1{font-size:23px}.scene-description{font-size:20px}.lesson-question{padding:22px 12px}}
/* Every activity has a topical visual thumbnail. */
.lesson-card{min-height:112px;gap:14px;padding:12px;background:#fffaf3;border-color:#e5dded}.lesson-card:nth-child(3n+2){background:#f4f1fc}.lesson-card:nth-child(3n){background:#f1f5ff}.lesson-cover{display:block;flex-shrink:0;width:100px;height:90px;border-radius:20px;background:linear-gradient(140deg,#ffe7bd,#fff7e7);position:relative;border:1px solid #f1dab7;overflow:hidden}.lesson-card:nth-child(3n+2) .lesson-cover{background:linear-gradient(140deg,#e4defb,#faf4ff);border-color:#e1d7f1}.lesson-card:nth-child(3n) .lesson-cover{background:linear-gradient(140deg,#dfe9fd,#f6f9ff);border-color:#d7e2f4}.lesson-thumb-art{display:flex;align-items:center;justify-content:center;gap:4px;height:100%;width:100%;padding:13px 7px}.lesson-index{position:absolute;left:5px;top:5px;display:grid;place-items:center;min-width:22px;height:22px;padding:2px 5px;background:#fffdf4ec;border-radius:8px;font-size:9px;color:#8b7a99;box-shadow:0 1px 3px #735f7b12}.thumb-apples{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:77px;gap:0}.thumb-apples img{width:27px;height:30px;object-fit:contain;filter:drop-shadow(0 3px 1px #a873341a)}.thumb-apples img:only-child{width:50px;height:57px}.lesson-thumb-art>.thumb-apples:only-child{width:84px}.lesson-thumb-art>.thumb-apples:only-child img{width:29px;height:34px}.lesson-thumb-art>.thumb-apples:only-child img:only-child{width:60px;height:66px}.thumb-number{font-size:26px;color:#7369ad;line-height:1.1}.thumb-sign{font-size:23px;color:#a08aaa}.thumb-missing{font-size:25px;border:2px dashed #b6a2c5;padding:6px;border-radius:8px;color:#9880ac}.thumb-shapes{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.thumb-shapes .shape{width:25px;height:25px;box-shadow:1px 3px 0 #b7874655}.thumb-shapes .shape.rectangle{width:47px;height:28px}.thumb-shapes>.shape:only-child{width:53px;height:53px}.thumb-shapes>.shape.rectangle:only-child{width:68px;height:40px}.thumb-shapes b{font-size:20px;color:#947da7}.thumb-colors{display:flex;gap:3px;align-items:center}.thumb-colors i{display:block;width:24px;height:39px;background:#e3a28c;border-radius:8px;transform:rotate(-12deg)}.thumb-colors i:nth-child(2){background:#93a6d9;transform:translateY(-6px)}.thumb-colors i:nth-child(3){background:#e8c26e;transform:rotate(12deg)}.thumb-position{position:relative;width:80px;height:65px}.thumb-position>i{position:absolute;top:27px;left:22px;width:40px;height:33px;background:#ddb78b;border:3px solid #c29a6b;border-radius:5px}.thumb-position img{position:absolute;width:27px;height:30px;left:28px;top:0;object-fit:contain}.thumb-position.p-1>i{top:5px}.thumb-position.p-1 img{top:37px}.thumb-position.p-2 img{top:29px}.thumb-position.p-3 img,.thumb-position.p-5 img{top:28px;left:60px}.thumb-position.p-4 img{top:28px;left:-4px}.thumb-ten-frame{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;max-width:45px}.thumb-ten-frame i{display:block;width:6px;height:8px;background:#ab9ccc;border-radius:3px}.thumb-ruler{display:flex;align-items:flex-start;width:77px;height:28px;border:2px solid #dab470;background:#f0d6a3;border-radius:4px;transform:rotate(-20deg)}.thumb-ruler i{height:12px;border-right:2px solid #b59158;flex:1}.thumb-ruler i:nth-child(2n){height:7px}.thumb-scale{width:64px;height:55px;border:4px solid #a9a5d1;border-radius:14px;background:#eff0fc;position:relative;text-align:center;padding-top:18px;color:#9285b2;font-size:13px}.thumb-scale i{position:absolute;left:12px;top:6px;width:31px;height:13px;border-radius:15px 15px 0 0;border:2px solid #c6c3dd;background:#fff}.thumb-cups{display:flex;gap:10px;align-items:flex-end}.thumb-cups i{display:block;border:3px solid #aaa5cb;border-top:0;border-radius:0 0 8px 8px;width:25px;height:48px;background:linear-gradient(to top,#adc6e6 65%,#fff 65%)}.thumb-cups i:nth-child(2){background:linear-gradient(to top,#adc6e6 28%,#fff 28%)}.lesson-thumb-art .lesson-clock{width:72px;height:72px}.lesson-thumb-art .money-token{min-width:52px;min-height:52px;margin:0;border-width:3px;font-size:11px}.lesson-thumb-art .money-token b{font-size:23px}.lesson-thumb-art .money-token small{font-size:9px}.lesson-thumb-art .money-token.note{min-width:72px;min-height:48px;padding:6px}.lesson-thumb-art .solid-art{width:85px;height:77px}.thumb-equation{display:flex;gap:5px;align-items:center}.thumb-equation>.thumb-number{font-size:21px}.thumb-equation>b{color:#967ca8}.thumb-groups{display:flex;gap:3px;flex-wrap:wrap;justify-content:center}.thumb-groups .thumb-apples{width:35px;border:1px dashed #b4a4c8;border-radius:8px;background:#fff7;padding:3px 0}.thumb-groups .thumb-apples img{width:16px;height:22px}.lesson-thumb-art .fraction-strip{width:75px;height:38px;margin:0;border-width:2px;transform:rotate(-8deg);box-shadow:0 4px 0 #b4a4c82b}.thumb-chart{display:flex;flex-direction:column;justify-content:center;gap:5px;max-width:80px;width:80px;border-left:2px solid #b6a2be;border-bottom:2px solid #b6a2be;padding:5px}.thumb-chart i{display:block;background:#b0a5d8;height:10px;width:65px;border-radius:2px}.thumb-chart i:nth-child(2){width:35px;background:#e2b48e}.thumb-chart i:nth-child(3){width:50px;background:#a5b8dc}.lesson-title{font-size:15px}.lesson-title small{font-size:11px;line-height:1.5}.lesson-brief>.lesson-cover{width:145px;height:130px;margin:0 auto 24px}.lesson-brief .thumb-apples img{width:38px;height:45px}.lesson-done{border-color:#c3ceeb!important}.lesson-done .lesson-cover{background:linear-gradient(140deg,#dce6fb,#f8faff)}@media(max-width:560px){.lesson-card{min-height:114px;padding:12px;gap:14px}.lesson-cover{width:96px;height:87px}.lesson-title{font-size:15px}.lesson-arrow{font-size:13px}.lesson-grid{gap:12px}.lesson-title small{font-size:11px}}@media(max-width:360px){.lesson-cover{width:80px;height:80px}.lesson-title{font-size:13px}.lesson-card{gap:10px;padding:10px}.lesson-thumb-art{padding:12px 4px}}
.lesson-thumb-art>.thumb-apples:only-child img{width:26px;height:29px}.lesson-thumb-art>.thumb-apples:only-child img:only-child{width:60px;height:66px}