/* Familiar pictures and generous touch areas for children who cannot read yet. */
.toddler-icon{display:block;width:48px;height:48px;flex-shrink:0;filter:drop-shadow(0 2px 1px #68462220);pointer-events:none}.picture-label{pointer-events:none}.activity-nav button.picture-button,.activity-nav #adventures.picture-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:94px;padding:10px 8px;border:2px solid #fff6df;border-radius:24px;box-shadow:0 5px 0 #b9aa8a;color:#3f5546;touch-action:manipulation}.activity-nav button.picture-button .picture-label{font-size:16px;font-weight:900;line-height:1.2}.activity-nav #adventures{background:#e7edd6}.activity-nav #littlePrayersTab{background:#fbecd2}.activity-nav #worshipTab{background:#e1ece8}.picture-button:active{transform:translateY(3px);box-shadow:0 2px 0 #b9aa8a!important}.picture-button:focus-visible{outline:4px solid #d1a343;outline-offset:4px}
.welcome-cover .cover-actions{gap:14px;padding-top:12px}.welcome-cover .cover-actions #resumeLesson.picture-button{display:flex;align-items:center;justify-content:center;gap:16px;width:min(100%,340px);min-height:86px;padding:12px 24px;background:#f5d78f;border:3px solid #fff0be;border-radius:28px;box-shadow:0 6px 0 #b58b3b;color:#264c3c;font-size:25px;font-weight:900;touch-action:manipulation}.welcome-cover #resumeLesson .toddler-icon{width:60px;height:60px}.welcome-cover .cover-actions #pause.picture-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;min-width:190px;padding:8px 20px;border:2px solid #f2e1bd;border-radius:24px;background:#fff5df;color:#395b4c;box-shadow:0 5px 0 #b8a788;font-size:18px;font-weight:800;touch-action:manipulation}.welcome-cover #pause .toddler-icon{width:38px;height:38px}.welcome-cover #begin[hidden]{display:none!important}
@media(max-width:650px){.activity-nav button.picture-button,.activity-nav #adventures.picture-button{min-height:92px;padding:8px 5px;border-radius:21px;gap:5px}.activity-nav button.picture-button .picture-label{font-size:15px}.activity-nav .toddler-icon{width:43px;height:43px}.welcome-cover .cover-actions{gap:13px;padding:12px 14px 18px}.welcome-cover .cover-actions #resumeLesson.picture-button{min-height:80px;font-size:25px}.welcome-cover #resumeLesson .toddler-icon{width:54px;height:54px}.welcome-cover .cover-actions #pause.picture-button{min-height:60px}.welcome-cover .cover-actions .caption{font-size:12px;line-height:1.5}.welcome-cover .cover-actions small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.picture-button:active{transform:none}}
/* Stable action dock: play content may scroll, its controls never do. */
.lesson-action-dock{flex:none;width:100%;padding:8px 0 6px;border-top:1px solid #d7c6a4;background:#fff6e4;z-index:3}.lesson-action-dock:empty{display:none}.lesson-action-dock .light-actions,.lesson-action-dock .trace-tools{display:flex;flex-wrap:nowrap;gap:9px;margin:0;justify-content:center;width:100%}.lesson-view .picture-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:56px;padding:8px 12px;font-size:15px;touch-action:manipulation}.lesson-view .picture-button .toddler-icon{width:31px;height:31px}.lesson-action-dock .picture-button{flex:1;min-width:0;max-width:200px;flex-direction:column;gap:3px;min-height:72px;font-size:14px;padding:5px}.lesson-view [hidden]{display:none!important}.lesson-view .primary.picture-button{background:#f4d58c;color:#294e3d;box-shadow:0 4px #b59a60}.lesson-view .guide-row .picture-button{min-height:44px;padding:4px 10px;font-size:12px}.lesson-view .guide-row .toddler-icon{width:24px;height:24px}.lesson-footer .picture-button{min-width:94px}.lesson-view #adultLessonExit{display:none}.light-note{display:none}body:not(:has(.lesson-view)) #adultLessonExit{display:none}
@media(max-width:650px){
 body:has(.lesson-view){height:100svh;overflow:hidden}
 body:has(.lesson-view) header{height:62px;padding:5px 10px}
 body:has(.lesson-view) header .brand{font-size:17px;padding:8px;transform:none}
 body:has(.lesson-view) header .brand small{font-size:6px}
 body:has(.lesson-view) .activity-nav{display:none!important}
 body:has(.lesson-view) main{padding:0 8px 8px}
 body:has(.lesson-view) .lesson-view{height:calc(100svh - 70px);min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:10px 12px 8px}
 .lesson-view .lesson-heading{flex:none;padding:0}
 .lesson-view .lesson-heading>span{font-size:8px}
 .lesson-view .lesson-heading h1{font-size:24px;margin:3px 0 8px;line-height:1.12}
 .lesson-view .lesson-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding-bottom:8px;gap:7px}
 .lesson-view .guide-row{flex:none;min-height:0;margin-top:6px;padding-top:5px;gap:8px}
 .lesson-view .guide-bear{width:40px;flex:0 0 40px}
 .lesson-view .guide-bear .bear-label{display:none}
 .lesson-view .guide-row .caption{font-size:11px;line-height:1.3;max-height:29px;margin:0 0 3px}
 .lesson-view .guide-row>div:last-child{min-width:0;flex:1}
 .lesson-view .lesson-footer{flex:none;margin-top:7px;padding-top:0;gap:8px}
 .lesson-view .lesson-footer>span{font-size:10px}
 .lesson-view .lesson-footer .picture-button{min-height:52px;font-size:15px}
 .light-lesson .light-path-scene,.light-lesson .light-lab{height:clamp(160px,26svh,225px)}
 .light-lesson .light-instruction{font-size:14px;line-height:1.3;margin:5px 0 8px}
 .light-lesson .light-steps{margin:0 0 4px;gap:5px}
 .light-lesson .light-steps li{font-size:10px;padding:4px 7px}
 .light-lesson .light-tray{padding:8px 0}.light-lesson .light-tray img{height:36px}.light-lesson .light-tray b{font-size:15px}
 .light-lesson .light-guesses{margin:8px 0;gap:16px}.light-lesson .light-guesses button{min-height:74px;width:110px}.light-lesson .light-guesses img{height:52px;width:60px}
 .light-lesson .light-workshop .feedback{font-size:12px;margin:5px 0}
 .lesson-view #tracePad{height:calc(100% - 75px);min-height:140px;max-height:360px;flex:1}
 .lesson-view:has(#tracePad) .lesson-content{display:flex;flex-direction:column}
 .lesson-view .word-progress span{font-size:21px}.lesson-view #traceFeedback{margin:3px 0;font-size:12px}
 .lesson-view .light-story-slots button{min-height:100px}.lesson-view .light-story-cards{margin:12px 0}
}
@media(max-height:700px) and (max-width:650px){.lesson-view .guide-row .caption{display:none}.lesson-view .lesson-heading>span{display:none}.lesson-action-dock .picture-button{min-height:64px}.light-lesson .light-path-scene,.light-lesson .light-lab{height:155px}.lesson-view .guide-bear{width:32px;flex-basis:32px}}
.lesson-view #lightSwitch.picture-button{background:#4d805f;color:#fff9e5;box-shadow:0 4px #31523f}