@font-face{font-family:Nunito;src:url('assets/fonts/nunito-400.woff2')}@font-face{font-family:Nunito;src:url('assets/fonts/nunito-800.woff2');font-weight:800}@font-face{font-family:Kalam;src:url('assets/fonts/kalam-700.woff2');font-weight:700}
:root{--ink:#263f3a;--sage:#537b58;--cream:#fffaf0;--copper:#a45e3f}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden}body{font-family:Nunito,sans-serif;color:var(--ink);background:#20342e;display:flex;flex-direction:column}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:4px solid #d48d34;outline-offset:4px}.tools,.lesson-nav{flex:none;display:flex;align-items:center;gap:12px;padding:8px 22px;background:#fffaf2;min-height:52px}.tools{font-size:14px}.tools>a{color:inherit;text-decoration:none}.tools>span{font-weight:800;margin-right:auto}.tools button,.lesson-nav button{border:0;background:#e9ebda;border-radius:12px;padding:10px 16px;font-weight:800}.tools #skip-task{background:#f0dbaf}.tools #pause-guide{background:#dfe9e8}.lesson-nav{justify-content:space-between;font-size:17px}.lesson-nav>div{display:flex;align-items:center;gap:14px}.lesson-nav select{border:0;background:transparent;color:var(--ink);font-size:14px;max-width:340px}.lesson-nav #next{background:var(--sage);color:white}.lesson-nav button:disabled{opacity:.35;cursor:default}#counter{font-size:13px;color:#667c70}
#stage{position:relative;flex:1;min-height:0;overflow:hidden}#deck{position:absolute;width:1600px;height:900px;left:50%;top:50%;transform-origin:center}.panel{position:absolute;inset:0;overflow:hidden;padding:68px 76px;background:#f6edda}.panel:after{content:'';position:absolute;inset:22px;border:2px solid #fff8edbb;border-radius:32px;pointer-events:none}.panel h1,.panel h2,.panel p{margin:0}.panel h1{font-size:81px;line-height:1.1;letter-spacing:-2px;font-weight:800}.panel h2{font-size:62px;line-height:1.13;letter-spacing:-1.3px}.eyebrow{font-size:25px;line-height:1.4;font-weight:800;color:var(--sage);margin-bottom:24px!important}.lead{font-size:32px;line-height:1.4;margin-top:23px!important}.handwritten{font-family:Kalam,cursive;font-weight:700}.action{background:var(--sage);color:white;border:2px solid var(--sage);padding:18px 25px;border-radius:18px 24px 19px 23px;font-weight:800;font-size:29px;box-shadow:0 6px 0 #25423255}.action span{margin-left:20px}.action:hover{filter:brightness(1.06)}.bottom-note{position:absolute;bottom:46px;left:76px;right:76px;font-size:23px;color:#4d6758}.hero-orbit{position:absolute;right:-100px;top:65px;width:950px;height:950px;border-radius:50%;background:#d6dfb1;border:3px solid #f9f4d9}.welcome-copy{position:relative;z-index:2;width:750px}.welcome-copy .action{margin-top:42px}.hero-boys{position:absolute;width:920px;right:-10px;bottom:38px;z-index:1}.hero-tag{position:absolute;right:90px;top:100px;color:var(--copper);font-size:32px;line-height:1.15;transform:rotate(5deg);z-index:2}
.story{background:#e3ead7;padding-top:46px}.story-heading h2{font-size:54px}.story-heading .eyebrow{margin-bottom:10px!important}.media-choices{position:absolute;right:80px;top:54px;display:flex;gap:14px}.media-choices .action{font-size:25px;padding:14px 20px;min-width:265px}.media-choices small{display:block;font-size:16px;font-weight:400}.media-choices .selected{background:#a45e3f;border-color:#a45e3f}.story-heading{max-width:820px}.story-heading .eyebrow{font-size:23px;max-width:750px}.story-heading h2{max-width:790px}#story-welcome{display:flex;align-items:center;justify-content:center;gap:70px;position:absolute;left:100px;right:100px;top:245px;bottom:60px}#story-welcome img{width:760px}#story-welcome div{font-size:43px;transform:rotate(-3deg);line-height:1.35}#story-watch{position:absolute;left:225px;right:225px;top:240px;bottom:28px;display:flex;align-items:center;justify-content:center}#story-video{max-width:100%;max-height:100%;border-radius:18px;background:#14251f;box-shadow:0 12px 24px #1b332a33}#story-listen{position:absolute;left:100px;right:100px;top:260px;bottom:70px;display:flex;align-items:center;gap:60px}#story-listen>img{width:790px}#story-listen>div{width:540px}#story-listen .handwritten{font-size:42px;margin-bottom:45px}
.kitchen{background:#f6e5c7}.kitchen header{position:relative;z-index:2}.kitchen header .action{margin-top:35px}.kitchen-boys{position:absolute;right:0;bottom:90px;width:1000px}#food-list{position:absolute;left:78px;top:565px;width:450px;display:flex;gap:14px;flex-wrap:wrap}#food-list span{font-size:32px;font-family:Kalam;padding:10px 22px;background:#fffaf0;border:2px solid #cda576;border-radius:12px;transform:rotate(-2deg)}#food-list span:nth-child(even){transform:rotate(2deg)}.kitchen .bottom-note{background:#fffaf0dd;border-radius:16px;padding:17px 24px;bottom:35px;font-size:24px}
.gospel{padding:0;background:#eedcc1}.gospel-scene{position:absolute;right:-15px;top:0;width:1260px;height:900px;object-fit:cover;object-position:74% center}.gospel-paper{position:relative;width:580px;min-height:790px;margin:50px 0 0 54px;background:#fffbf2;padding:36px 36px 32px;border-radius:23px 20px 28px 18px;box-shadow:8px 9px 0 #8b694422;z-index:1}.gospel-paper h2{font-size:55px}.gospel-paper .eyebrow{font-size:22px;margin-bottom:14px!important}.gospel blockquote{margin:30px 0 25px;font-size:28px;line-height:1.38;color:#4f5742}.gospel cite{display:block;text-align:right;font:800 20px Nunito;margin-top:10px}.audio-label{font-size:18px!important;margin-top:16px!important}.light-thought{position:absolute;right:50px;bottom:45px;background:#fff4d9ec;border:2px solid #d7b575;border-radius:20px;padding:16px 24px;font-size:29px;color:#725439;line-height:1.25;transform:rotate(2deg)}.player{background:#fffaf2;border:2px solid #8caa88;padding:14px;border-radius:18px;display:flex;align-items:center;gap:15px;box-shadow:0 4px 0 #77926b33}.player .play{flex:none;width:66px;height:66px;border-radius:50%;background:var(--sage);border:0;color:white;font-size:28px}.player .track{flex:1;display:flex;flex-direction:column;gap:4px}.player .seek{width:100%;accent-color:var(--sage);height:22px}.player .time{font-size:17px;color:#486042}
.pairs{background:#e9e3cc}.pairs .eyebrow{margin-bottom:16px!important}.pairs h2{font-size:54px}.pairs .lead{margin-top:15px!important}.pair-cards{display:flex;gap:30px;margin-top:44px}.pair-cards section{width:33.33%;position:relative;min-height:420px;border-radius:20px;background:#fffaf0;padding:50px 28px 24px;box-shadow:5px 6px 0 #a4926533;border:1.5px solid #c9b998;transform:rotate(-1.5deg)}.pair-cards section:nth-child(2){transform:rotate(1.2deg)}.pair-cards section:nth-child(3){transform:rotate(-.6deg)}.card-letter{position:absolute;top:-19px;left:28px;border-radius:50%;width:60px;height:60px;font:700 37px Kalam;text-align:center;line-height:64px;background:#d3dfb4;color:#456441}.pair-cards section>p{font-size:32px;line-height:1.35;min-height:182px}.pair-cards button{font-size:21px;font-weight:800;border:0;background:#e6edda;border-radius:12px;padding:13px 18px;margin-top:14px}.pair-cards section>.hint{font-size:23px;line-height:1.28;min-height:0;margin-top:17px;color:#4f6d50}.pair-boys{position:absolute;right:80px;bottom:25px;width:240px;opacity:.95}.pairs .bottom-note{bottom:55px;right:370px}
.recipe{background:#dce5cc}.recipe .eyebrow{font-size:25px}.recipe h2{font-size:58px}.recipe-options{position:absolute;left:76px;top:245px;width:400px;display:flex;flex-direction:column;gap:15px}.ingredient{position:relative;background:#fffaf0;border:2px solid #a8b798;box-shadow:0 5px 0 #79906b33;border-radius:17px;padding:21px 15px 21px 61px;font-size:25px;font-weight:800;line-height:1.2;text-align:left;min-height:112px}.ingredient span{position:absolute;left:15px;top:25px;font:700 28px Kalam;color:#8b6545}.ingredient.selected{border-color:#4e754d;background:#f8e6ba}.recipe-options img{width:360px;margin-top:10px}.recipe-paper{position:absolute;left:520px;right:76px;top:245px;bottom:105px;background:#fffcf4;border:2px solid #c6bd9c;box-shadow:5px 6px 0 #83916b33;border-radius:20px;overflow:hidden}.recipe-paper>p{font:700 31px Kalam;color:#705b36;padding:24px 32px 13px;border-bottom:1px dashed #cec3a2}#drawing{display:block;width:100%;height:calc(100% - 138px);touch-action:none;background:#fffdf6}.draw-tools{position:absolute;bottom:0;left:0;right:0;display:flex;gap:10px;padding:10px 14px;border-top:1px solid #e2d9c4;background:#f9f3e4}.draw-tools button{font-size:17px;border:1px solid #b6b89c;border-radius:9px;padding:10px 12px;background:#fffdf6;white-space:nowrap}.draw-tools input{min-width:0;flex:1;border:1px solid #c8c6b0;border-radius:9px;padding:10px 12px;font-size:18px;background:white}
.action-panel{background:#e9d5b5}.action-copy{width:770px;position:relative;z-index:2}.action-copy .eyebrow{font-size:25px}.action-copy h2{font-size:64px}.place-choices{display:flex;gap:12px;margin-top:42px}.place-choices button{font-size:25px;font-weight:800;background:#fffaf0;border:2px solid #bda789;padding:16px 20px;border-radius:15px}.place-choices button.selected{background:var(--sage);color:white;border-color:var(--sage)}#place-example{font-size:35px;line-height:1.35;max-width:710px;margin-top:40px;min-height:130px;color:#6b4a35}.good-deed{position:absolute;right:60px;top:260px;width:700px;margin:0;transform:rotate(3deg);border:14px solid #fffaf0;border-bottom-width:70px;box-shadow:8px 10px 0 #97754c33;border-radius:20px;background:#fffaf0}.good-deed img{display:block;width:100%;height:380px;object-fit:cover}.good-deed figcaption{position:absolute;left:5px;right:5px;bottom:-57px;font:700 23px Kalam;text-align:center}.ending{background:#dbe5ce}.ending>.eyebrow{text-align:center;margin-bottom:18px!important}.ending h2{text-align:center;font-size:69px}.ending>.lead{text-align:center;font-size:34px;margin-top:18px!important}.ending-recipe{display:flex;justify-content:center;gap:20px;margin-top:30px}.ending-recipe span{font:700 29px Kalam;background:#fff7e4;padding:10px 27px;border-radius:12px;transform:rotate(-2deg);border:1px solid #b8bca0}.ending-recipe span:nth-child(2){transform:rotate(2deg)}.ending>img{position:absolute;width:720px;left:55px;bottom:15px}.ending-prayer{position:absolute;right:80px;bottom:75px;width:650px;padding:32px;background:#fffaf0;border-radius:25px;box-shadow:5px 6px 0 #7f966333}.ending-prayer>.handwritten{font-size:31px;line-height:1.32}.ending-prayer>p:nth-child(2){font-size:23px;line-height:1.35;margin-top:22px!important}.ending-prayer .action{font-size:23px;padding:13px 20px;margin-top:22px}
#presenter{position:absolute;inset:0;background:#eee6ca;z-index:10}#guide-video{display:block;width:1600px;height:900px;object-fit:contain}#teacher-notes{position:fixed;z-index:50;right:22px;top:65px;width:min(450px,90vw);background:#fffaf2;padding:26px;box-shadow:0 15px 60px #172d3977;border:2px solid #abb891;border-radius:18px;font-size:18px;line-height:1.5}#close-notes{float:right;background:none;border:0;font-size:25px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.rotate-message{display:none;position:fixed;inset:0;background:#fff4d9;z-index:100;padding:45px;text-align:center;align-items:center;justify-content:center;flex-direction:column}.rotate-message>strong{font-size:90px}.rotate-message h2{font-size:30px}.rotate-message p{font-size:19px}.rotate-message a{margin-top:30px;color:#3a6040}@media(orientation:portrait) and (max-width:950px){.rotate-message{display:flex}}@media(orientation:portrait) and (max-width:950px) and (hover:hover){.rotate-message{display:none}}@media(max-width:850px){.tools{font-size:10px;gap:5px;padding:5px 8px;min-height:40px}.tools>span{display:none}.tools>a{margin-right:auto}.tools button{font-size:10px;padding:8px}.lesson-nav{padding:7px;min-height:45px;font-size:12px}.lesson-nav button{padding:9px}.lesson-nav select{max-width:180px;font-size:10px}.lesson-nav>div{gap:5px}}

.recipe .bottom-note{left:520px;font-size:22px}