.lesson-modal{width:min(870px,96vw);padding:18px 24px;max-height:94dvh}.lesson-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#f5dba4}.lesson-heading button{font-size:12px;padding:5px 10px}.lesson-modal h2{margin:8px 0}.lesson-body p{color:#fff0d1;font-size:17px;line-height:1.6;max-width:650px;margin:14px auto}.lesson-stage{position:relative;direction:ltr;width:100%;height:260px;overflow:hidden;border-radius:14px;background:#234b60 url('assets/farm-sunset.png') center/cover;isolation:isolate}.demo-stand{position:absolute;left:48%;top:60%;height:38%;width:4%;background:#28697f;border:2px solid #102442;clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}.demo-beam{position:absolute;left:23%;top:62%;width:54%;height:10px;border:2px solid #102442;background:#b47a40;border-radius:50%;transform-origin:center}.demo-pan{position:absolute;width:32%;height:28%;top:39%}.demo-left{left:5%}.demo-right{right:5%}.demo-pan>svg{position:absolute;top:100%;left:0;width:100%;height:28px;overflow:visible}.demo-token{position:absolute;display:block;width:43px;height:45px;transform:translateX(-50%)}.demo-token>svg{width:100%;height:100%;display:block}.demo-type-0{width:49px;height:66px}.demo-type-2:after,.demo-pink:after{content:'';position:absolute;width:1px;background:#102442;height:35px;left:50%;top:90%;z-index:-1}.demo-type-2{height:42px}.demo-mother{position:absolute;width:81px;height:81px;left:calc(50% - 40px);top:calc(62% - 75px);transform-origin:50% 60%}.demo-mother svg{width:100%;height:100%}.demo-clock{position:absolute;left:47%;top:4%;font:600 24px Fredoka,sans-serif;background:#742b3f;color:#fff;padding:2px 12px;border-radius:10px}.demo-math{position:absolute;top:80%;padding:3px 15px;background:#f7c778;border:2px solid #102442;border-radius:9px;color:#142b40;font:600 18px Fredoka,sans-serif}.demo-math-left{left:17%}.demo-math-right{right:17%}.demo-lit{outline:3px solid #fff2a5;box-shadow:0 0 16px #ffe089}.demo-stock{position:absolute;bottom:5%;left:calc(50% - 45px);width:90px;height:35px;display:flex;background:#a06c38;border-bottom:7px solid #613b28;border-radius:6px}.demo-stock-top{bottom:auto;top:3%}.demo-stock svg{width:30px;height:30px}.demo-moving{position:absolute;width:43px;height:43px;transform:translate(-50%,-50%);z-index:10;pointer-events:none}.demo-moving svg{width:100%;height:100%}.demo-caption{position:absolute;bottom:2px;left:3%;right:3%;text-align:center;background:#102442c9;color:#fff3d4;border-radius:5px;font-size:13px;line-height:1.5}.demo-caption:empty{display:none}.lesson-tools{display:flex;gap:12px;justify-content:center;margin:8px 0}.lesson-tools button{font-size:12px;padding:5px 10px}.lesson-navigation{display:flex;gap:10px;align-items:center;justify-content:space-between}.lesson-navigation>button{font-size:14px;padding:8px 12px}.lesson-dots{display:flex;gap:6px}.lesson-dots button{border-radius:50%;width:27px;height:27px;padding:0;font-size:12px}.lesson-dots [aria-current=step]{background:#f9d15e}.chapter-picker{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin:12px 0}.chapter-picker button{font-size:12px;padding:7px 11px}.chapter-picker [aria-pressed=true]{background:#ffd068}.chapter-levels{grid-template-columns:repeat(5,1fr)!important}.chapter-levels button{min-height:64px}.chapter-levels small{font-size:10px!important}.chapter-explain{margin:6px 0;padding:6px 18px}
@media(max-height:600px) and (orientation:landscape){.lesson-modal{padding:10px 16px}.lesson-modal h2{font-size:21px;margin:4px 0}.lesson-body{display:grid;grid-template-columns:1fr 1.65fr;gap:16px;align-items:center}.lesson-stage{grid-column:2;grid-row:1;height:177px}.lesson-body p{grid-column:1;grid-row:1;font-size:14px;line-height:1.6;margin:0}.lesson-tools{margin:5px 0}.lesson-heading{font-size:10px}.lesson-navigation>button{padding:5px 10px}.demo-mother{width:65px;height:65px;left:calc(50% - 32px);top:calc(62% - 60px)}.demo-token{width:33px;height:34px}.demo-type-0{width:37px;height:50px}.demo-pan>svg{height:21px}.demo-caption{font-size:10px}.demo-math{font-size:14px;padding:0 10px}.demo-stock{height:23px;width:69px;left:calc(50% - 34px)}.demo-stock svg{width:23px;height:23px}.demo-clock{font-size:18px}.chapter-levels button{min-height:49px}.chapter-picker{margin:6px 0;gap:5px}.chapter-picker button{padding:4px 8px}}
.lesson-tools[hidden]{display:none}.chapter-menu{max-height:95dvh;width:min(720px,94vw)}
@media(orientation:portrait){.lesson-stage{height:210px}.lesson-body p{font-size:15px}.lesson-navigation{flex-wrap:wrap}.chapter-levels{grid-template-columns:repeat(2,1fr)!important}}