:root{--cream:#fffaf0;--paper:#fffdf7;--green:#175c49;--ink:#203e33;--muted:#637367;--coral:#b95e40;--line:#dfdfcf;--sage:#e9edda;--butter:#f7ebca;--peach:#f5e5d9;--heading:'Baloo 2','Arial Rounded MT Bold','Trebuchet MS',sans-serif;--body:'Nunito Sans','Trebuchet MS',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body::before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:30;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}
button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:700;line-height:1.12;letter-spacing:-.025em}h1{font-size:clamp(38px,4.5vw,66px)}h2{font-size:clamp(30px,3.1vw,44px)}h3{font-size:28px}.icon{display:inline-block;vertical-align:middle;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b67828;outline-offset:5px}main:focus{outline:none}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;background:var(--green);color:white;padding:12px;z-index:100}.skip-link:focus{top:10px}.site-header{min-height:105px;width:min(1450px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e6e4d5;position:relative;z-index:40}.brand{display:flex;align-items:center;gap:18px;flex-shrink:0}.brand img{width:106px;height:59px;object-fit:contain}.brand-divider{width:1px;height:42px;background:#d8dccc}.brand strong{display:block;font:700 25px/1.25 var(--heading);letter-spacing:-.02em}.brand small{display:block;font-size:9px;font-weight:800;letter-spacing:.08em;margin-top:5px}.desktop-nav{display:flex;gap:27px;font-size:14px;font-weight:700;align-self:stretch;align-items:center}.desktop-nav a{height:100%;display:flex;align-items:center;position:relative}.desktop-nav a[aria-current]::after{content:'';position:absolute;height:3px;background:var(--coral);left:0;right:0;bottom:20px;border-radius:10px}.desktop-nav a:hover{color:var(--coral)}.header-actions{display:flex;gap:9px;align-items:center}.mode-toggle{min-height:42px;padding:9px 15px;background:transparent;border:1px solid #bbcbb6;border-radius:100px;color:var(--green);font-size:12px;font-weight:800;white-space:nowrap}.mode-toggle[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}.icon-button{display:grid;place-items:center;width:40px;height:42px;background:transparent;border:0;color:var(--green);border-radius:10px}.icon-button:hover{background:var(--sage)}.mobile-menu-button{display:none}.mobile-nav{position:absolute;z-index:45;top:85px;right:16px;left:16px;border:1px solid var(--line);box-shadow:0 15px 30px #173c2520;background:var(--paper);border-radius:18px;padding:15px}.mobile-nav a{display:block;padding:12px 18px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1.5px solid transparent;padding:15px 23px;min-height:55px;border-radius:13px;font-size:15px;font-weight:800;line-height:1.35;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--green);color:white}.button.primary:hover{background:#0c4839}.button.light{background:#efefdf;color:var(--green)}.button.outline{border-color:#b2c3aa;background:transparent;color:var(--green)}.button.outline:hover{background:var(--sage)}.button.small{min-height:43px;padding:10px 16px;font-size:12px;border-radius:10px}.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;line-height:1.7;color:#537047}.hero{display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;min-height:600px;position:relative;padding-block:48px 55px}.hero-copy{position:relative;z-index:2;padding-block:10px}.hero-kicker{display:flex;align-items:center;gap:10px;letter-spacing:.12em;font-size:10px;margin-bottom:22px}.little-sun{color:#be7f20;font-size:28px;line-height:1}.hero h1{font-size:clamp(48px,5.2vw,78px);line-height:1.05;font-weight:700;letter-spacing:-.045em;color:var(--green)}.hero h1 span{color:var(--coral)}.hero-copy>p{font-size:17px;line-height:1.8;max-width:390px;margin-top:25px;color:#697668}.hero-buttons{display:flex;gap:12px;margin-top:31px;flex-wrap:wrap}.hero-notes{display:flex;gap:24px;font-size:11px;color:#64715f;margin-top:28px}.hero-notes span{display:flex;align-items:center;gap:6px}.hero-notes .icon{width:16px;height:16px;color:#7b8d4e}.hero-visual{position:relative;align-self:stretch;min-width:0;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-image{max-width:none;width:132%;height:auto;margin-left:-8%;filter:saturate(.94);mix-blend-mode:multiply}.hero-sticker{position:absolute;top:21px;right:55px;transform:rotate(5deg);font-family:var(--heading);font-size:19px;color:var(--green);display:flex;align-items:center;gap:12px}.hero-sticker span{border-bottom:1px dashed #9ca987;padding-bottom:6px}.hero-sticker svg{position:absolute;top:31px;right:5px;transform:rotate(12deg)}.hero-bottom-note{position:absolute;bottom:-2px;right:7px;padding:13px 24px;transform:rotate(-3deg);background:#faf0ce;box-shadow:2px 5px 0 #dccb9a40;font-size:12px;line-height:1.6;border-radius:3px}.hero-bottom-note::before{content:'';position:absolute;top:-10px;left:42%;width:44px;height:18px;background:#d9dfc392;transform:rotate(-3deg)}.lesson-ribbon{display:flex;align-items:center;gap:17px;background:var(--sage);border:1px solid #dce0c6;border-radius:15px;padding:21px 26px;position:relative;z-index:3}.ribbon-icon{background:#f7f7e8;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--green)}.lesson-ribbon small{display:block;font-size:8px;letter-spacing:.12em;font-weight:800;color:#6e7859}.lesson-ribbon strong{font:600 21px/1.4 var(--heading);display:block}.ribbon-description{font-size:13px;color:#66715b;border-left:1px solid #c7cfb0;margin-left:15px;padding-left:26px}.lesson-ribbon>a{display:flex;align-items:center;gap:16px;font-size:12px;font-weight:800;margin-left:auto;white-space:nowrap}.section{padding-block:85px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:31px}.section-top h2{margin-top:10px}.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--green);font-size:13px;font-weight:800;background:transparent;border:0;padding:0;white-space:nowrap}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.adventure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.adventure-card{display:block;overflow:hidden;background:var(--paper);border:1px solid #e2e2d1;border-radius:24px;transition:transform .25s,box-shadow .25s}.adventure-card:hover{transform:translateY(-6px);box-shadow:0 12px 26px #31482b10}.adventure-art{position:relative;overflow:hidden;aspect-ratio:1.55}.adventure-art>img{width:100%;height:100%;object-fit:cover;object-position:left center;transform:scale(1.13);transform-origin:15% 50%;transition:transform .4s}.adventure-card:hover .adventure-art>img{transform:scale(1.18)}.game-number{position:absolute;top:16px;left:17px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--paper);box-shadow:0 2px 5px #173c2510}.tiny-pill{position:absolute;bottom:15px;right:16px;display:block;border-radius:100px;background:#fffaf0e8;color:#395837;padding:4px 11px;font-size:9px;font-weight:800}.adventure-copy{padding:24px 25px}.adventure-copy .eyebrow{font-size:8px;letter-spacing:.1em}.adventure-copy h3{margin-top:10px;font-size:29px}.adventure-copy p{font-size:13px;color:var(--muted);margin-top:10px;min-height:44px;line-height:1.7}.card-link{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;margin-top:22px;padding-top:17px;border-top:1px solid #dedfcf}.card-link .icon{width:20px;height:20px}.adventure-card.sage .adventure-copy{background:#f1f3e6}.adventure-card.peach .adventure-copy{background:#faf0e7}.adventure-card.butter .adventure-copy{background:#faf2dc}.teacher-section{background:#edf0e2;border-block:1px solid #e1e5d4}.teacher-layout{display:grid;grid-template-columns:1.04fr 1fr;gap:80px;padding-block:69px;align-items:center}.teacher-art{position:relative;min-height:400px;display:flex;align-items:center}.teacher-art>img{border-radius:180px 180px 30px 30px;width:100%;height:385px;object-fit:cover;object-position:15% center;border:8px solid #f8f7e9;box-shadow:0 2px 0 #cad4b3;transform:rotate(-3deg)}.paper-label{position:absolute;bottom:-12px;right:-3px;font-family:var(--heading);font-size:19px;background:#f7dfb6;padding:16px 24px;border-radius:2px;line-height:1.35;transform:rotate(4deg);box-shadow:4px 4px 0 #a9ad8b20}.teacher-copy h2{margin-top:12px}.teacher-copy>p{font-size:14px;color:var(--muted);margin-top:20px;max-width:380px}.tool-preview-list{margin-block:26px}.tool-preview-list a{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #d8dfcb}.tool-preview-list a>svg:first-child{color:#8b9153;width:24px;height:24px}.tool-preview-list a>svg:last-child{margin-left:auto;width:19px;height:19px}.tool-preview-list strong{display:block;font-size:13px}.tool-preview-list small{display:block;color:#6e7c63;font-size:11px;margin-top:3px}.gentle-callout{display:flex;align-items:center;gap:28px;padding-block:76px}.callout-flower{width:76px;height:90px;color:#b77146;display:grid;place-items:center;flex-shrink:0}.callout-flower>svg{width:65px;height:78px;stroke-width:1.1}.gentle-callout h2{font-size:32px;margin-top:7px}.gentle-callout p{font-size:13px;color:var(--muted);margin-top:11px}.gentle-callout>.button{margin-left:auto;white-space:nowrap}.site-footer{border-top:1px solid var(--line);width:min(1280px,calc(100% - 96px));margin:auto;display:flex;justify-content:space-between;align-items:center;padding:28px 0 36px;gap:24px;color:#6a7765}.site-footer strong{font:600 19px/1.4 var(--heading);color:var(--green);display:block}.site-footer span{font-size:11px;display:block;margin-top:4px}.site-footer>p{font-size:10px;line-height:1.8;text-align:right}.page-section{padding-block:54px 80px;min-height:70vh}.page-intro{margin-bottom:40px;max-width:760px}.page-intro h1{margin-top:12px}.page-intro>p{margin-top:18px;font-size:17px;color:var(--muted)}.quiet-note{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:40px;color:var(--muted);font-size:13px}.quiet-note .icon{color:var(--coral);width:19px}.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.material-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--paper);transition:transform .2s}.material-card:hover{transform:translateY(-4px)}.material-card>img{width:100%;aspect-ratio:1.75;object-fit:cover;object-position:left center}.material-card>div{padding:32px}.material-card h2{margin-top:12px;font-size:36px}.material-card p{margin-top:13px;color:var(--muted);font-size:15px}.material-meta{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.material-meta span,.badge{display:inline-block;border-radius:100px;background:var(--sage);padding:6px 11px;font-size:10px;font-weight:800;color:#537047}.back-link{color:var(--green);font-weight:800;font-size:13px;background:transparent;border:0;padding:0;display:inline-flex;align-items:center;min-height:42px}.back-link:hover{text-decoration:underline;text-underline-offset:4px}.page-section>.back-link{margin-bottom:20px}.worksheet-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.worksheet-picture{border:1px solid var(--line);border-radius:26px;overflow:hidden}.worksheet-picture img{width:100%;aspect-ratio:1;object-fit:cover;object-position:left center}.worksheet-info h2{margin-top:18px}.worksheet-info>p{margin-top:18px;color:var(--muted);font-size:16px}.worksheet-info>.button{margin-top:25px}.worksheet-info>.text-link{margin-top:18px;display:flex}.concrete-media{background:var(--sage);border-radius:20px;padding:26px;margin-top:34px}.concrete-media h3{margin-top:8px}.concrete-media p{margin-top:15px;font-size:14px;color:#4d614c}.concrete-media a{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font-size:12px;font-weight:800}.teacher-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.teacher-heading h1{margin-top:10px}.teacher-heading p{font-size:16px;margin-top:16px;color:var(--muted)}.teacher-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px}.teacher-shortcuts>a{display:flex;align-items:center;gap:18px;border:1px solid #d9dfc7;border-radius:16px;background:var(--sage);padding:21px 24px}.teacher-shortcuts>a:last-child{background:var(--butter);border-color:#e3d8b8}.teacher-shortcuts small{font-size:8px;display:block;letter-spacing:.12em;font-weight:800;color:#61734e}.teacher-shortcuts strong{font-size:17px;display:block;margin-top:4px}.teacher-shortcuts>a>svg:last-child{margin-left:auto;width:19px;height:19px}.play-page{padding-block:35px 70px}.lesson-page{padding-block:26px 50px}.lesson-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}.lesson-toolbar>span{font-size:12px;color:var(--muted)}.lesson-toolbar strong{padding-left:12px;color:var(--green)}.lesson-progress{height:5px;background:#e1e5d4;border-radius:10px;overflow:hidden;margin-bottom:19px}.lesson-progress>span{display:block;height:100%;background:#96a775;transition:width .2s}.lesson-stage{aspect-ratio:16/9;position:relative;border:1px solid #e2e4d4;border-radius:26px;overflow:hidden;isolation:isolate;background:#fffaf0}.lesson-art{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-1}.lesson-copy{position:absolute;left:54%;right:5%;top:50%;transform:translateY(-50%);padding:16px 0;background:#fffaf0e8;box-shadow:-12px 0 24px #fffaf0e8}.lesson-copy h1{font-size:clamp(26px,3.4vw,49px);line-height:1.15;color:var(--green)}.lesson-copy>p{font-size:clamp(17px,1.8vw,27px);line-height:1.55;margin-top:24px}.lesson-lines{margin-top:20px}.lesson-lines>p{font-size:clamp(16px,1.65vw,24px);line-height:1.6;margin-top:10px}.lesson-stage.wondering-stage .wondering-image{width:100%;height:100%;object-fit:cover}.wondering-stage h1{position:absolute;left:53%;right:5%;top:36%;font-size:clamp(30px,4.5vw,65px);color:var(--coral);text-align:center;transform:rotate(-4deg)}.teacher-notes{padding:21px 25px;background:#edf0e3;border-radius:16px;margin-top:16px;border:1px solid #d8dfc8;font-size:14px}.teacher-notes strong{color:var(--green);font-size:12px}.teacher-notes p{margin-top:8px;line-height:1.8}.teacher-notes .text-link{margin-top:12px}.lesson-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:20px}.lesson-dots{display:flex;gap:8px}.lesson-dots i{width:7px;height:7px;background:#d4dac4;border-radius:50%}.lesson-dots i.active{background:var(--green);width:22px;border-radius:10px}.finish-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.finish-buttons .button{font-size:13px;padding:13px 18px;min-height:48px}.video-stage{background:var(--sage);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.video-heading{text-align:center;margin-bottom:18px}.video-heading h1{font-size:33px;margin-top:4px}.video-heading p{font-size:15px;margin-top:9px}.video-player{width:68%;aspect-ratio:16/9;background:#1c4436;border:6px solid #fffdf1;border-radius:20px;overflow:hidden;box-shadow:0 5px 0 #b6c19d}.video-player iframe{width:100%;height:100%;border:0;display:block}.video-poster{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;width:100%;height:100%;border:0;background:linear-gradient(135deg,#124839,#4d795b);color:white}.play-disc{width:60px;height:60px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;font-size:23px;background:#ffffff15;padding-left:4px}.video-poster strong{font-family:var(--heading);font-size:25px}.video-poster small{font-size:10px;color:#d6e7cb}.video-external{font-size:10px;margin-top:12px;text-decoration:underline;color:var(--green)}.readings-scene{position:absolute;inset:0}.readings-scene>img{height:100%;width:100%;object-fit:cover;position:absolute;z-index:-1}.readings-scene>h1{position:absolute;left:53%;right:5%;top:10%;font-size:40px;color:var(--green)}.reading-list{position:absolute;left:54%;right:5%;top:26%;display:grid;gap:18px}.reading-list>div{padding:12px 18px;border-left:3px solid #a9b27b;background:#fffaf0f2}.reading-list strong{display:block;font-family:var(--heading);font-size:28px;line-height:1.2}.reading-list span{display:block;font-size:15px;margin-top:5px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#173f33;color:#fff;padding:12px 22px;border-radius:12px;z-index:80;font-size:13px;box-shadow:0 6px 20px #173f3320;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100vw - 30px);text-align:center}.toast.visible{transform:translate(-50%,0);opacity:1}.noscript{padding:20px;text-align:center}
body[data-mode=kelas] .lesson-copy>p{font-size:clamp(21px,2.2vw,32px)}body[data-mode=kelas] .lesson-lines>p{font-size:clamp(20px,2vw,29px)}body[data-mode=kelas] .game-choice-text{font-size:23px}body[data-mode=kelas] .game-question{font-size:clamp(27px,2.7vw,39px)}body[data-mode=kelas] .game-story p{font-size:21px}body[data-mode=kelas] .game-feedback p{font-size:17px}body[data-mode=kelas] .tools-panel{font-size:18px}
@media(min-width:1500px){.hero{min-height:660px}.hero-image{width:138%}.hero-sticker{top:35px}}
@media(max-width:1200px){.wrap{width:calc(100% - 64px)}.site-header{width:calc(100% - 50px);gap:18px}.brand{gap:12px}.brand img{width:83px;height:51px}.brand strong{font-size:23px}.brand small{font-size:7px}.desktop-nav{gap:21px;font-size:13px}.header-actions{gap:3px}.hero{min-height:560px}.hero h1{font-size:60px}.hero-copy>p{font-size:16px;max-width:350px}.hero-sticker{right:12px;top:8px;font-size:17px}.hero-bottom-note{font-size:11px;bottom:2px}.teacher-layout{gap:55px}.adventure-copy{padding:23px}.adventure-copy h3{font-size:26px}.ribbon-description{padding-left:18px;font-size:12px}.lesson-copy h1{font-size:38px}.lesson-copy>p{margin-top:18px}.reading-list{gap:12px}.readings-scene>h1{font-size:34px}.reading-list strong{font-size:25px}.video-player{width:66%}.video-stage{padding:19px}.video-heading{margin-bottom:12px}.video-heading h1{font-size:27px}.video-heading p{font-size:13px;margin-top:4px}.video-heading .eyebrow{font-size:9px}}
@media(max-width:1000px){.brand small{max-width:140px;line-height:1.6}.desktop-nav{gap:18px}.brand-divider{display:none}.brand img{width:77px}.brand{gap:14px}.brand strong{font-size:22px}.mode-toggle{padding:8px 11px;font-size:10px}.hero h1{font-size:53px}.hero-kicker{font-size:8px;gap:8px;white-space:nowrap}.hero{min-height:510px}.hero-buttons{gap:8px}.hero-buttons .button{font-size:12px;padding:14px 17px;min-height:51px}.hero-copy>p{font-size:15px}.hero-notes{gap:13px;font-size:9px}.hero-sticker{font-size:14px}.hero-bottom-note{bottom:10px;padding:10px 16px;font-size:9px;right:-7px}.ribbon-description{display:none}.adventure-grid{gap:16px}.adventure-copy{padding:19px}.adventure-copy h3{font-size:23px}.adventure-copy p{font-size:12px}.teacher-layout{gap:38px}.teacher-art>img{height:340px}.teacher-copy h2{font-size:34px}.teacher-copy>p{font-size:13px}.gentle-callout{gap:18px}.gentle-callout h2{font-size:27px}.gentle-callout>.button{font-size:12px;padding:13px 17px}.callout-flower{width:55px}.material-card>div{padding:25px}.material-card h2{font-size:31px}.material-card p{font-size:14px}.lesson-copy h1{font-size:31px}.lesson-copy>p{font-size:21px}.lesson-lines>p{font-size:19px;margin-top:6px}.readings-scene>h1{font-size:29px}.reading-list{top:24%;gap:7px}.reading-list>div{padding:9px 12px}.reading-list strong{font-size:23px}.reading-list span{font-size:13px}.teacher-shortcuts strong{font-size:15px}}
@media(max-width:800px){.desktop-nav{display:none}.mobile-menu-button{display:grid}.site-header{min-height:88px;width:calc(100% - 40px)}.wrap{width:calc(100% - 40px)}.brand img{width:78px}.brand strong{font-size:23px}.brand small{max-width:none;font-size:7px}.brand-divider{display:block;height:35px}.hero{padding-block:48px 37px;min-height:475px}.hero h1{font-size:47px}.hero-copy>p{font-size:14px}.hero-buttons .button{font-size:11px;padding:13px 14px;gap:9px;min-height:48px}.hero-buttons .icon{width:19px;height:19px}.hero-notes{font-size:8px;gap:12px}.hero-kicker{font-size:7px;letter-spacing:.1em;margin-bottom:18px}.little-sun{font-size:23px}.hero-sticker{font-size:12px;right:0;top:10px}.hero-sticker svg{width:33px;height:23px;top:23px}.hero-bottom-note{bottom:2px;right:-3px}.hero-image{width:145%;margin-left:-10%}.lesson-ribbon{padding:16px 19px;gap:12px}.lesson-ribbon strong{font-size:20px}.lesson-ribbon>a{font-size:11px}.lesson-ribbon>a svg{width:18px}.section{padding-block:60px}.section-top h2{font-size:34px}.section-top .text-link{font-size:11px;gap:7px}.adventure-grid{grid-template-columns:1fr;gap:23px}.adventure-card{display:grid;grid-template-columns:.85fr 1fr}.adventure-art{height:100%;aspect-ratio:auto;min-height:205px}.adventure-copy{padding:25px}.adventure-copy h3{font-size:30px}.adventure-copy p{font-size:13px;min-height:0}.card-link{margin-top:20px;padding-top:14px}.adventure-copy .eyebrow{font-size:9px}.teacher-layout{gap:30px;padding-block:50px}.teacher-art{min-height:340px}.teacher-art>img{height:300px;border-width:6px}.paper-label{font-size:16px;right:-8px;bottom:0;padding:13px 17px}.teacher-copy h2{font-size:29px}.teacher-copy>p{font-size:12px;margin-top:17px}.tool-preview-list a{gap:11px;padding:11px 0}.tool-preview-list strong{font-size:12px}.tool-preview-list small{font-size:10px}.tool-preview-list a>svg:first-child{width:20px}.teacher-copy>.button{font-size:12px;min-height:46px;padding:12px 18px}.gentle-callout{flex-wrap:wrap;padding-block:48px;gap:20px}.gentle-callout>div{flex:1}.gentle-callout>.button{margin-left:75px}.gentle-callout h2{font-size:30px}.gentle-callout p{font-size:12px}.site-footer{width:calc(100% - 40px)}.material-grid{gap:20px}.material-card h2{font-size:28px}.material-card>div{padding:21px}.material-card .button{font-size:12px;min-height:48px;padding:12px 17px}.material-card>img{aspect-ratio:1.35}.material-meta{gap:6px;margin-block:18px}.material-meta span{font-size:8px;padding:5px 8px}.page-section{padding-block:40px 60px}.page-intro>p{font-size:15px}.teacher-heading>.button{font-size:12px;min-height:46px;padding:12px}.teacher-shortcuts{gap:14px}.teacher-shortcuts>a{padding:17px 15px;gap:12px}.teacher-shortcuts strong{font-size:14px}.teacher-shortcuts small{font-size:7px}.teacher-shortcuts>a>svg{width:20px}.worksheet-layout{gap:25px}.worksheet-info h2{font-size:31px}.worksheet-info>p{font-size:14px}.worksheet-info>.button{font-size:12px}.concrete-media{padding:22px}.concrete-media h3{font-size:25px}.lesson-toolbar>span{font-size:10px}.lesson-toolbar strong{padding-left:5px}.lesson-toolbar .button{font-size:10px;min-height:39px;padding:9px 12px}.lesson-toolbar .back-link{font-size:11px}.lesson-copy h1{font-size:27px}.lesson-copy>p{font-size:17px;line-height:1.5;margin-top:14px}.lesson-lines{margin-top:10px}.lesson-lines>p{font-size:15px;margin-top:6px}.lesson-controls .button{font-size:12px;padding:12px 18px;min-height:47px}.lesson-dots{gap:5px}.lesson-dots i{width:5px;height:5px}.video-heading .eyebrow{display:none}.video-heading h1{font-size:23px}.video-heading p{font-size:11px}.video-heading{margin-bottom:8px}.video-player{border-width:4px;width:69%;border-radius:13px}.play-disc{width:39px;height:39px;font-size:16px}.video-poster strong{font-size:19px}.video-poster small{font-size:8px}.video-poster{gap:7px}.video-external{font-size:9px;margin-top:6px}.video-stage{padding:15px}.reading-list{gap:6px;top:26%}.reading-list>div{padding:7px 10px}.readings-scene>h1{font-size:24px}.reading-list strong{font-size:19px}.reading-list span{font-size:10px;margin-top:2px}.finish-buttons{margin-top:15px;gap:7px}.finish-buttons .button{font-size:10px;min-height:37px;padding:9px 12px}}
@media(max-width:600px){.site-header{min-height:83px;width:calc(100% - 32px);gap:8px}.brand{gap:11px}.brand img{width:58px;height:47px}.brand-divider{display:none}.brand strong{font-size:20px}.brand small{max-width:128px;line-height:1.5;font-size:6px;letter-spacing:.045em}.header-actions{gap:0}.mode-toggle{font-size:9px;padding:7px 10px;min-height:34px}.icon-button{width:32px;height:38px}.icon-button .icon{width:19px;height:19px}#fullscreen{display:none}.wrap{width:calc(100% - 36px)}.hero{grid-template-columns:1fr;padding-block:35px 25px;min-height:0}.hero-copy{padding:0}.hero h1{font-size:52px;line-height:1.04}.hero-copy>p{max-width:290px;font-size:14px;margin-top:19px}.hero-kicker{font-size:8px;margin-bottom:17px;letter-spacing:.08em}.hero-buttons{margin-top:23px;gap:10px}.hero-buttons .button{font-size:12px;padding:14px 18px;min-height:48px}.hero-notes{margin-top:20px;font-size:9px;gap:18px}.hero-visual{height:300px;margin-top:22px}.hero-image{width:114%;margin-left:0;max-width:calc(100vw + 15px)}.hero-sticker{top:0;right:15px;font-size:14px}.hero-bottom-note{font-size:9px;bottom:0;right:9px;padding:11px 17px}.lesson-ribbon{padding:14px;border-radius:14px;gap:11px;flex-wrap:wrap}.ribbon-icon{width:37px;height:41px}.lesson-ribbon strong{font-size:19px}.lesson-ribbon small{font-size:7px}.lesson-ribbon>a{font-size:10px;margin-left:auto;gap:6px}.lesson-ribbon>a .icon{width:16px}.section{padding-block:45px}.section-top{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:25px}.section-top h2{font-size:33px;margin-top:8px;max-width:300px}.eyebrow{font-size:9px;letter-spacing:.12em}.section-top .text-link{font-size:11px}.adventure-card{display:block;border-radius:20px}.adventure-art{aspect-ratio:1.65;min-height:0}.adventure-art>img{object-position:15% center}.adventure-copy{padding:24px}.adventure-copy h3{font-size:30px}.adventure-copy p{font-size:13px}.adventure-copy .eyebrow{font-size:8px}.game-number{top:14px;left:14px}.tiny-pill{font-size:9px}.teacher-layout{grid-template-columns:1fr;padding-block:40px 45px;gap:41px}.teacher-art{min-height:290px;width:93%;margin:auto}.teacher-art>img{height:300px;border-radius:145px 145px 24px 24px;transform:rotate(-2deg)}.paper-label{font-size:17px;right:-5px;bottom:-16px}.teacher-copy h2{font-size:37px}.teacher-copy>p{font-size:14px;max-width:none}.tool-preview-list strong{font-size:14px}.tool-preview-list small{font-size:11px}.tool-preview-list a{padding:15px 0;gap:16px}.tool-preview-list a>svg:first-child{width:23px}.teacher-copy>.button{font-size:13px;padding:15px 20px;min-height:50px}.gentle-callout{gap:14px;padding-block:44px}.callout-flower{width:40px;height:73px}.callout-flower>svg{width:42px;height:63px}.gentle-callout h2{font-size:29px}.gentle-callout p{font-size:12px}.gentle-callout>.button{margin-left:54px}.site-footer{width:calc(100% - 36px);align-items:flex-start;padding-block:24px 30px;flex-direction:column;gap:13px}.site-footer>p{text-align:left;font-size:9px}.site-footer span{font-size:10px}.site-footer strong{font-size:18px}.page-section{padding-block:32px 50px}.page-intro{margin-bottom:28px}.page-intro h1{font-size:39px}.page-intro>p{font-size:14px;line-height:1.8;margin-top:15px}.quiet-note{font-size:11px;align-items:flex-start;margin-top:28px}.material-grid{grid-template-columns:1fr;gap:24px}.material-card>img{aspect-ratio:1.6}.material-card>div{padding:25px}.material-card h2{font-size:33px}.material-card .eyebrow{font-size:8px}.material-card .button{font-size:13px}.material-meta span{font-size:9px}.teacher-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:25px}.teacher-heading h1{font-size:41px}.teacher-heading p{font-size:14px}.teacher-heading>.button{font-size:12px;padding:12px 17px}.teacher-shortcuts{grid-template-columns:1fr;gap:12px;margin-bottom:32px}.teacher-shortcuts>a{padding:18px 20px;gap:15px}.teacher-shortcuts strong{font-size:16px}.teacher-shortcuts small{font-size:8px}.worksheet-layout{grid-template-columns:1fr;gap:28px}.worksheet-picture img{aspect-ratio:1.25}.worksheet-info h2{font-size:35px}.worksheet-info>p{font-size:15px}.worksheet-info>.button{font-size:14px;min-height:51px}.worksheet-info>.text-link{font-size:12px}.concrete-media{padding:24px}.concrete-media h3{font-size:28px}.worksheet-info .badge{font-size:9px}.play-page{width:calc(100% - 20px);padding-block:20px 40px}.lesson-page{padding-block:18px 35px;width:calc(100% - 24px)}.lesson-toolbar{gap:8px;flex-wrap:wrap;margin-bottom:12px}.lesson-toolbar>span{order:3;width:100%;text-align:center;font-size:11px}.lesson-toolbar .back-link{font-size:11px}.lesson-toolbar .button{margin-left:auto;font-size:10px;min-height:36px}.lesson-progress{margin-bottom:14px}.lesson-stage{aspect-ratio:auto;min-height:620px;border-radius:20px;display:flex;flex-direction:column}.lesson-art{height:300px;position:relative;object-position:left center;z-index:0;object-fit:cover}.lesson-copy{position:relative;inset:auto;transform:none;padding:27px;background:var(--cream);box-shadow:none}.lesson-copy h1{font-size:33px}.lesson-copy>p{font-size:20px;line-height:1.55;margin-top:19px}.lesson-lines{margin-top:16px}.lesson-lines>p{font-size:19px;line-height:1.6;margin-top:8px}.wondering-stage{min-height:510px}.lesson-stage.wondering-stage .wondering-image{height:510px;width:100%;object-fit:cover;object-position:23% center}.wondering-stage h1{top:28px;right:20px;left:20px;text-align:right;font-size:40px;transform:rotate(-3deg);background:#fffaf0d9;padding:13px 16px;border-radius:12px}.lesson-controls{gap:10px;flex-wrap:wrap;padding-top:16px}.lesson-controls .button{font-size:11px;padding:12px 15px;min-height:43px}.lesson-dots{display:none}.teacher-notes{padding:20px;font-size:13px}.teacher-notes strong{font-size:11px}.video-stage{min-height:415px;padding:25px 15px;justify-content:center}.video-heading .eyebrow{display:block;font-size:8px}.video-heading h1{font-size:34px;margin-top:7px}.video-heading p{font-size:14px;margin-top:12px}.video-heading{margin-bottom:21px}.video-player{width:100%;border-radius:14px;border-width:4px}.video-poster{gap:8px}.video-poster strong{font-size:21px}.play-disc{width:44px;height:44px;font-size:19px}.video-poster small{font-size:9px}.video-external{font-size:10px;margin-top:17px}.readings-scene{position:relative;inset:auto;min-height:680px;padding-top:300px}.readings-scene>img{position:absolute;height:300px;width:100%;top:0;z-index:0;object-position:left center}.readings-scene>h1{position:relative;inset:auto;font-size:34px;margin:22px 25px}.reading-list{position:relative;inset:auto;margin:0 25px 25px;gap:14px}.reading-list>div{padding:12px 16px;border-color:#c5cba6;background:var(--sage)}.reading-list strong{font-size:27px}.reading-list span{font-size:16px;margin-top:5px}.finish-buttons{gap:10px;margin-top:24px}.finish-buttons .button{font-size:13px;padding:13px 17px;min-height:48px}body[data-mode=kelas] .lesson-copy>p{font-size:23px}body[data-mode=kelas] .lesson-lines>p{font-size:21px}body[data-mode=kelas] .game-choice-text{font-size:19px}body[data-mode=kelas] .game-question{font-size:26px}body[data-mode=kelas] .game-story p{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.game-choice:disabled{opacity:1}

@media(min-width:801px){.lesson-stage{width:min(100%,calc((100svh - 285px) * 16 / 9));margin-inline:auto;container-type:inline-size}.lesson-copy h1{font-size:clamp(27px,3.8cqw,49px)}.lesson-copy>p{font-size:clamp(18px,2.1cqw,27px)}.lesson-lines>p{font-size:clamp(17px,1.9cqw,24px)}body[data-mode=kelas] .lesson-copy>p{font-size:clamp(20px,2.3cqw,30px)}body[data-mode=kelas] .lesson-lines>p{font-size:clamp(18px,2.1cqw,27px)}}

.adventure-art>img{position:absolute;inset:0}
@media(max-width:600px){.adventure-art{width:100%;height:auto;aspect-ratio:1.65}.hero-image{width:100%;max-width:100%;margin-left:0}}