@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:#352c40;--plum:#5c486f;--cream:#fffaf0;--accent:#725127}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#282332;font:24px/1.45 Nunito,system-ui,sans-serif;color:var(--ink)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:5px solid #efae44;outline-offset:5px}button:disabled{opacity:.35;cursor:default}.classroom{height:100dvh;display:flex;flex-direction:column}.lesson-top,.lesson-nav{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;background:#fffaf2;padding:8px 22px;gap:12px;min-height:48px;font-size:12px}.lesson-top a{text-decoration:none;color:var(--ink)}.brand{font-weight:800;letter-spacing:.5px}.lesson-top>div{display:flex;gap:8px}.lesson-top button{border:0;border-radius:8px;background:#eee6ef;padding:7px 12px;font-size:12px}.lesson-nav{min-height:58px}.lesson-nav button{border:0;border-radius:13px;background:#efe8ed;padding:9px 24px;font-weight:800;font-size:16px}.lesson-nav #next{background:var(--plum);color:white;box-shadow:0 3px 0 #382e44}.lesson-nav>div{display:flex;align-items:center;gap:12px}#counter{font-size:12px;color:#796781}.lesson-nav select{font-size:13px;background:transparent;border:0;color:var(--ink);max-width:300px}#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:76px 80px;background:var(--paper,#f9ecd0);isolation:isolate}.panel:after{content:'';position:absolute;inset:20px;border:2px solid #ffffff55;border-radius:24px;pointer-events:none;z-index:6}.eyebrow{font-size:23px;font-weight:800;letter-spacing:.15px;color:var(--accent);margin:0 0 20px}h1,h2,h3,p,figure{margin:0}h1{font-size:104px;line-height:1.08;font-weight:800;letter-spacing:-3px}h2{font-size:70px;line-height:1.12;font-weight:800;letter-spacing:-1.5px}h3{font-size:35px;line-height:1.25;font-weight:800}.large{font-size:32px;line-height:1.5;margin-top:24px}.caption{font-size:22px;line-height:1.45;margin-top:16px}.action{border:3px solid var(--accent);background:var(--accent);color:#fffaf0;border-radius:19px 27px 20px 24px;padding:20px 30px;font-weight:800;font-size:28px;box-shadow:0 7px 0 color-mix(in srgb,var(--accent),#241e30 25%);display:inline-flex;align-items:center;gap:28px;min-height:75px}.action span{font-size:34px}.action:hover{filter:brightness(1.08);transform:translateY(-2px)}.action:active{transform:translateY(4px);box-shadow:0 3px 0 var(--ink)}.small-action{border:2px solid var(--accent);background:#fffaf0c9;border-radius:15px;padding:12px 18px;font-size:22px;font-weight:800;min-height:52px}.page-note{position:absolute;bottom:41px;left:80px;font-size:24px}.speech-bubble{background:#fffdf3;border:3px solid var(--accent);border-radius:38% 48% 43% 39%;padding:22px 42px;font:700 42px/1.25 Kalam,Nunito,sans-serif;display:inline-block;box-shadow:0 7px 0 #382e4410;position:relative}.speech-bubble:after{content:'';width:25px;height:25px;border-right:3px solid var(--accent);border-bottom:3px solid var(--accent);background:#fffdf3;position:absolute;bottom:-12px;left:45px;transform:rotate(45deg)}.honey{--paper:#f8e8b4;--accent:#805626}.peach{--paper:#f6dbc4;--accent:#9b503c}.blue{--paper:#dfedf0;--accent:#36727c}.lilac{--paper:#e9e3f0;--accent:#685383}.sage{--paper:#e5eddb;--accent:#4b7053}.lemon{--paper:#f8edb8;--accent:#7c6332}.rose{--paper:#f7e0e0;--accent:#9d5368}.evening{--paper:#3e354f;--accent:#ecd49e;color:#fff9ed}.title-copy{position:relative;z-index:3;width:710px}.title-copy .action{margin-top:38px}.title-copy .eyebrow{margin-bottom:30px}.title-copy .large{font-size:29px}.sun-disc{position:absolute;width:1100px;height:1100px;right:-250px;top:-90px;border-radius:50%;background:#edbb64}.title-scene{position:absolute;right:70px;top:100px;width:720px;height:650px;border:12px solid #fff5d8;border-radius:260px 260px 50px 50px;box-shadow:14px 17px 0 #bb894d66;transform:rotate(2deg);z-index:2}.title-scene>img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:245px 245px 38px 38px}.title-scene figcaption{position:absolute;left:70px;bottom:85px;transform:rotate(-5deg)}.story-scenery{position:absolute;inset:0 0 0 570px}.story-scenery img{width:100%;height:100%;object-fit:cover;object-position:center}.story-panel:before{content:'';position:absolute;width:850px;height:1300px;background:#efb88d;left:-180px;top:-150px;transform:rotate(-7deg);z-index:1}.story-paper{position:relative;width:650px;z-index:3;background:#fffaf0;padding:44px 40px 48px;border-radius:12px 26px 20px 12px;box-shadow:10px 12px 0 #a9644340;transform:rotate(-1deg)}.story-paper:before{content:'';position:absolute;width:130px;height:35px;left:250px;top:-20px;background:#f9e3a6b3;transform:rotate(3deg)}.story-paper h2{font-size:92px}.story-paper .large{font-size:30px}.scene-caption{position:absolute;right:90px;bottom:68px;font:700 32px Kalam;background:#fff7e6;padding:14px 28px;border-radius:16px;transform:rotate(2deg)}.player{display:flex;align-items:center;gap:20px;max-width:640px;min-height:95px;margin-top:25px}.player .play{width:85px;height:85px;flex-shrink:0;border:3px solid var(--accent);color:var(--cream);background:var(--accent);border-radius:50% 47% 50% 46%;box-shadow:0 6px 0 #352c4026;font-size:34px;font-weight:800}.player .track{flex:1;min-width:0}.player input{display:block;width:100%;accent-color:var(--accent);height:24px}.player .time{font-size:19px;font-weight:800;display:block;margin-top:4px}.listening-hania{position:absolute;height:730px;width:610px;object-fit:contain;left:0;bottom:0;z-index:2}.sound-rings{position:absolute;width:540px;height:540px;left:45px;top:145px;border:3px solid #72a3ac66;border-radius:50%;box-shadow:0 0 0 40px #99bec833,0 0 0 90px #99bec81a}.listening-copy{position:relative;margin-left:525px;width:920px}.listening-copy h2{font-size:72px}.listening-copy .large{font-size:30px;margin-top:18px}.listening-copy .player{margin:16px 0;max-width:600px}.answers{display:grid;gap:13px}.answers button{display:flex;align-items:center;gap:22px;padding:17px 23px;background:#fffbef;border:3px solid #8daab2;border-radius:16px 26px 20px 22px;box-shadow:0 5px 0 #7ba0a74d;font-size:29px;font-weight:800;text-align:left}.answers button span{display:grid;place-items:center;width:46px;height:46px;background:#e2f0ef;border-radius:50%;color:var(--accent)}.answers button.selected{border-color:var(--accent);background:#f4edba}.feedback{font-size:25px;line-height:1.4;margin-top:18px;padding:14px 20px;background:#fffaf0;border-radius:18px;color:var(--ink)}.feedback:empty{display:none}.bible-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gospel-scene{--accent:#3b6372}.gospel-copy{position:relative;width:570px;z-index:2;margin:-15px 0 0 -15px;padding:30px;background:#fffcf0e8;border-radius:28px 32px 100px 24px;box-shadow:12px 14px 0 #3659621f}.gospel-copy .eyebrow{font-size:21px}.gospel-copy h2{font-size:69px}.gospel-copy blockquote{font:700 39px/1.4 Kalam,Nunito;margin:30px 0 0}.gospel-copy cite{font:22px Nunito;display:block;margin-top:15px}.gospel-copy .player{margin-top:25px}.gospel-copy .caption{font-size:22px}.prayer-intro{width:510px}.prayer-intro h2{font-size:87px}.prayer-intro .large{font-size:36px}.prayer-intro figure{margin-top:28px;border:8px solid #fff7e8;border-radius:100px 100px 24px 24px;overflow:hidden;transform:rotate(-2deg);box-shadow:8px 8px 0 #a696b955;width:500px;height:285px}.prayer-intro img{width:100%;height:100%;object-fit:cover}.prayer-intro .player{max-width:490px}.prayer-intro .caption{font-size:21px}.prayer-sheet{position:absolute;left:680px;right:75px;top:70px;bottom:65px;background:#fffdf2;border:3px solid #c6b7d6;border-radius:18px 35px 25px 22px;box-shadow:12px 12px 0 #af9db744;display:flex;align-items:center;padding:40px 42px;transform:rotate(.5deg)}.prayer-sheet p{font-size:35px;line-height:1.8;font-weight:800}.card-heading{position:relative;z-index:3}.card-heading h2{font-size:68px}.card-heading .large{font-size:30px;margin-top:18px}.boys-workshop{position:absolute;left:35px;bottom:0;width:690px;height:560px}.boys-workshop>img{position:absolute;width:100%;bottom:0;left:0}.boys-workshop>.speech-bubble{position:absolute;top:0;left:100px;font-size:35px;transform:rotate(-4deg)}.word-work{position:absolute;left:760px;right:75px;top:285px}.prayer-postcard{padding:30px 34px;background:#fffbef;box-shadow:8px 10px 0 #93b09066;border-radius:16px 25px 22px 18px;transform:rotate(-1deg);min-height:170px}.prayer-postcard .eyebrow{font-size:21px}.prayer-postcard p{font-size:41px;line-height:1.3;margin-top:10px;font-weight:800}.intent-buttons{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:30px}.intent-buttons button{border:3px solid #6f916f;border-radius:18px 25px 16px 24px;background:#f9fcf2;padding:15px 22px;font-size:29px;font-weight:800;box-shadow:0 4px 0 #91ad8d55}.intent-buttons button[aria-pressed=true]{background:var(--accent);color:#fffaf0}.word-actions{display:flex;gap:14px;align-items:center;margin-top:22px}.word-actions .action{font-size:24px;min-height:62px;padding:13px 20px;gap:15px}.word-actions .small-action{font-size:20px}.words-panel .page-note{font-size:23px;left:80px;bottom:38px}#sentence-work{padding:22px;background:#fffaf0;border-radius:22px;position:absolute;inset:-20px -10px -20px -10px;z-index:4;border:3px solid var(--accent);font-size:28px}#sentence-work .pieces{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.pieces button{padding:18px;border:2px solid var(--accent);border-radius:14px;background:#e7efdc;font-size:27px}.sentence{min-height:100px;font-size:35px;padding:20px;border-bottom:3px dashed var(--accent)}.everyday-cases{position:absolute;left:80px;top:230px;width:760px}.everyday-cases>article{display:flex;gap:22px;align-items:flex-start;padding:24px;background:#fffdf0;box-shadow:7px 7px 0 #dac67f66;border-radius:20px;margin:0 0 22px}.case-label{font:700 43px Kalam;display:grid;place-items:center;width:57px;height:57px;flex-shrink:0;background:#f5e9b0;border-radius:50%}.everyday-cases h3{font-size:31px}.everyday-cases article p{font-size:32px;line-height:1.5;margin-top:10px}.everyday-cases label{font-size:26px;font-weight:800}.idea-entry{display:flex;gap:12px;margin-top:12px}.idea-entry input{min-width:0;flex:1;border:3px solid #c5b17a;border-radius:17px;padding:17px;font-size:24px;background:#fffdf2}.idea-entry .action{font-size:24px;padding:13px 20px;min-height:60px;gap:8px}.ideas-workshop{position:absolute;right:35px;top:250px;width:670px;height:570px}.ideas-workshop>img{width:100%;position:absolute;bottom:0}.idea-cloud{position:absolute;inset:0 20px auto;display:flex;flex-wrap:wrap;gap:12px;align-content:flex-start;max-height:260px;overflow:auto;z-index:2}.idea-cloud span{font-size:26px;padding:15px 22px;background:#fffaf0;border:2px solid #dcc886;border-radius:25px 15px 26px 16px;box-shadow:3px 4px 0 #d6bd7d44;max-width:100%;overflow-wrap:anywhere}.ideas-workshop>.small-action{position:absolute;right:30px;bottom:-20px;font-size:20px}.everyday-panel .page-note{font-size:22px}.drawing-panel .card-heading h2{font-size:67px}.drawing-work{position:absolute;left:80px;top:355px;width:1020px}canvas{display:block;width:1000px;height:370px;border:3px solid #ca9eab;border-radius:24px;background:#fffefa;box-shadow:9px 10px 0 #d3a8b355;touch-action:none}.drawing-tools{display:flex;align-items:center;gap:12px;margin-top:20px}.drawing-tools .small-action{font-size:20px;white-space:nowrap}.drawing-tools input{flex:1;min-width:0;font-size:24px;border:2px solid #c99aab;background:#fffaf0;border-radius:15px;padding:10px 15px}.drawing-hania{position:absolute;right:-30px;bottom:40px;width:540px;height:540px}.drawing-hania>img{position:absolute;bottom:0;width:100%}.drawing-hania>.speech-bubble{position:absolute;top:-25px;left:80px;font-size:30px;padding:18px 30px;transform:rotate(4deg)}.drawing-panel .page-note{font-size:28px}.ending-panel{text-align:center;padding-top:65px}.ending-panel h2{font-size:76px}.ending-panel .eyebrow{color:#e8cf9e}.ending-panel .large{font-size:31px;color:#f7eddd}.ending-gallery{display:grid;grid-template-columns:470px 1fr 470px;gap:35px;align-items:center;margin-top:40px}.ending-gallery figure{background:#fffaf0;padding:12px 12px 16px;color:#463b47;border-radius:20px;transform:rotate(-3deg);box-shadow:8px 9px 0 #241e2c55}.ending-gallery figure:last-child{transform:rotate(3deg)}.ending-gallery img{display:block;width:100%;height:230px;object-fit:cover;border-radius:12px}.ending-gallery figcaption{font:700 27px Kalam;margin-top:10px}.ending-thought{font:700 52px/1.25 Kalam;color:#f4d792}.ending-thought span{display:block;font:23px Nunito;margin-top:20px;color:#fff6e9}.ending-panel>.action{margin-top:40px;color:#3c3449;background:#ead39d}.ending-panel>.small-action{position:absolute;bottom:38px;right:80px;background:transparent;color:#f7eddc;border-color:#a998b3;font-size:21px}.presenter-panel{background:#e7f0e2;--accent:#516f5b}.presenter-copy{position:relative;z-index:2;width:900px}.presenter-copy h2{font-size:73px;max-width:850px}.presenter-copy>p:not(.eyebrow){font-size:37px;line-height:1.6;margin:28px 0 0;max-width:880px}.presenter-copy>p.long{font-size:32px;line-height:1.55}.presenter-copy .player{max-width:650px}.presenter-copy .action{font-size:24px;margin-top:24px;min-height:66px;padding:13px 22px}.presenter-portrait{position:absolute;right:0;bottom:-50px;height:860px;width:650px;object-fit:contain;object-position:bottom;z-index:1}.presenter-orbit{position:absolute;width:1050px;height:1050px;right:-360px;top:-60px;border-radius:50%;background:#b6c9a8}.presenter-orbit:after{content:'';position:absolute;inset:45px;border:3px solid #e7f0df99;border-radius:50%}#teacher-notes{position:absolute;right:20px;top:60px;background:#fffaf0;color:#352c40;padding:25px;width:390px;max-width:90vw;z-index:40;border-radius:20px;box-shadow:0 10px 40px #20192488;font-size:16px}#teacher-notes h2{font-size:26px;margin-bottom:15px}#teacher-notes p{margin-top:12px}#close-notes{float:right;border:0;font-size:25px;background:transparent}.rotate-message{display:none;position:fixed;inset:0;z-index:100;background:#f8e8b4;padding:36px;text-align:center;align-items:center;justify-content:center;flex-direction:column;gap:22px}.rotate-message h2{font-size:32px;letter-spacing:0}.rotate-message p{font-size:19px}.rotate-message a{font-size:15px;color:var(--ink)}.phone-drawing{border:5px solid var(--plum);border-radius:20px;width:90px;height:145px;font-size:66px;display:grid;place-items:center;color:var(--plum);transform:rotate(90deg)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}audio{display:none}@media(orientation:portrait) and (max-width:950px){.rotate-message{display:flex}}@media(max-height:500px){.lesson-top{min-height:28px;padding:3px 12px;font-size:10px}.lesson-top button{font-size:10px;padding:4px 8px}.lesson-top .brand{display:none}.lesson-nav{min-height:35px;padding:3px 12px}.lesson-nav button{padding:5px 15px;font-size:12px}.lesson-nav select{font-size:10px}.lesson-nav #counter{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
#guide-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#e7f0e2;z-index:4}#sentence-work p{font-size:28px}#sentence-work .small-action{margin-top:20px}.play:disabled{opacity:.4}

.words-panel .page-note{left:760px;right:75px;bottom:38px;font-size:23px}.boys-workshop>#intent-feedback{max-width:560px;font-size:31px;line-height:1.35;padding:20px 28px;top:0;left:75px}.ideas-workshop>.small-action{bottom:auto;top:-25px;right:25px;font-size:20px}.idea-cloud{top:40px;max-height:220px}
.story-scenery{left:650px;display:flex;align-items:center;background:#edc4a2;padding:60px 40px}.story-scenery img{width:100%;height:auto;max-height:100%;object-fit:contain;border-radius:180px 180px 35px 35px;box-shadow:10px 12px 0 #b7825e44}.scene-caption{font-size:30px;right:90px;bottom:68px}
/* Komunikat o obrocie dotyczy urządzeń dotykowych. Wąski podgląd na komputerze zachowuje całą kompozycję16:9. */
@media(orientation:portrait) and (max-width:950px) and (hover:hover){.rotate-message{display:none}}@media(max-width:950px){.lesson-top .brand{display:none}.lesson-nav select{max-width:180px;font-size:12px}.lesson-nav button{font-size:13px;padding:8px 17px}}

.lesson-top{flex-wrap:wrap}.lesson-top>div{margin-left:auto;flex-wrap:wrap}#skip-task{background:#e8eecf;color:#3b513d;font-weight:800}