.activity-art{display:block;width:100%;height:auto;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 6px 5px #624a2720)}
.academy-choices button{background:radial-gradient(ellipse at 50% 20%,#fffefa,#f7ecd4);border:2px solid #e4cfa1;box-shadow:0 5px 0 #cdbb94,0 9px 18px #684f2410;transition:background .2s,box-shadow .2s,transform .2s;overflow:hidden}
.academy-choices .choice-art{display:grid;place-items:center;width:100%;aspect-ratio:1;background:radial-gradient(ellipse at 50% 72%,#edddbd66,transparent 65%);border-radius:20px}
.academy-choices .choice-art .activity-art{width:94%;height:100%;max-height:160px;object-fit:contain}
.academy-choices button.chosen{background:radial-gradient(#fff8cc,#e2eec9);box-shadow:0 5px 0 #a2b68a,0 0 18px #f5cf7180;animation:choice-joy .6s ease both}
.activity-scene{position:relative;overflow:hidden;border:2px solid #e3d2ad;box-shadow:inset 0 2px 16px #fff9;background:radial-gradient(ellipse at 30% 10%,#fff7cd99,transparent 65%),linear-gradient(#d9ebe1,#f3ead4)!important;min-height:240px}
.focus-picture .activity-art{height:190px;object-fit:contain}.focus-picture{filter:drop-shadow(0 8px 6px #6b523520)}
.activity-scene:has(.art-fish),.fish-pond{background:radial-gradient(ellipse at 30% 0%,#e0f7f8,transparent 65%),linear-gradient(#b4dce1,#76b9c3)!important}
.activity-scene:has(.art-butterfly) .focus-picture{animation:butterfly-hello 2.2s ease-in-out 2}
.response-scene{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:190px;isolation:isolate}.response-scene>div{width:45%;max-width:200px}.response-scene .activity-art{height:190px;object-fit:contain}.activity-scene>p{font-size:15px;text-align:center;color:#4f6e50;font-weight:bold;margin:12px 0 0}
.animal-pair>div:first-child{animation:pair-left 1.2s ease both}.animal-pair>div:last-child{animation:pair-right 1.2s ease both}.animal-pair>div:last-child .activity-art{transform:scaleX(-1)}
.watering-flower .happy-flower{position:absolute;width:44%;left:14%;bottom:0;transform-origin:50% 95%;animation:flower-drink 1.3s ease both}.watering-flower .pouring-can{position:absolute;width:40%;right:6%;top:-10%;transform:scaleX(-1);animation:can-pour 1.3s ease both}.water-drops{position:absolute;left:50%;top:42%;width:25%!important;height:60px;transform:rotate(20deg)}.water-drops i{position:absolute;left:10%;top:0;width:6px;height:15px;border-radius:50%;background:#59b6df;animation:water-fall .5s .3s ease-in 2}.water-drops i:nth-child(2){left:30%;animation-delay:.42s}.water-drops i:nth-child(3){left:50%;animation-delay:.55s}
.gentle-butterfly .safe-hand{width:40%;position:absolute;left:26%;bottom:-5%}.gentle-butterfly .fluttering-friend{position:absolute;width:30%;left:47%;top:-12%;animation:butterfly-land 1.3s ease both}.helping-grownup>div:last-child{width:30%;animation:help-arrive 1.2s ease both}
.home-arrival .home-place{width:60%;max-width:260px;opacity:.85}.home-arrival .home-friend{position:absolute;width:35%;left:40%;bottom:0;animation:home-arrive 1.3s ease both}.home-arrival .home-friend .activity-art{height:125px}.home-tree .home-friend{bottom:25%}.home-water .home-place{opacity:.35}
.fish-pond{position:relative;width:100%;height:190px;border-radius:50% 45% 35% 40%;border:5px solid #a2cecf;box-shadow:inset 0 -8px 15px #2b79802a}.counted-fish{position:absolute;width:32%;height:110px;top:30px;animation:fish-arrive 1.2s ease both}.counted-fish .activity-art{height:100%;object-fit:contain}.fish-1{left:2%}.fish-2{left:35%;top:60px}.fish-3{left:66%;top:20px}.pond-ripple{position:absolute;inset:20%;border:2px solid #e6f8f766;border-radius:50%}
.growing-pot .plant-growth .activity-art{height:150px;object-fit:contain}.growing-pot.stage-2 .plant-growth{animation:flower-drink 1.2s ease both}.growing-pot.stage-3 .plant-growth{animation:plant-bloom 1.4s ease both}.terracotta-pot{background:linear-gradient(100deg,#a25f39,#db9463 45%,#ae6742)!important;border-top:12px solid #e4a471;box-shadow:inset -8px 0 12px #743f2522,0 6px 8px #624a2722}.watering-spark .activity-art,.sun-spark .activity-art{height:70px;object-fit:contain}.watering-spark{animation:water-fall .7s 2}.sun-spark{animation:sun-warm 1.5s ease 1}
.garden-hunt{background:radial-gradient(ellipse at 85% 5%,#fff8d9 0,transparent 40%),linear-gradient(#b8dfe0 0 50%,#a8bf7d 50% 70%,#7f9f64 100%);box-shadow:inset 0 0 30px #6b7b3a20}.garden-cloud{text-shadow:0 4px 10px #63888e33}.garden-fence{filter:drop-shadow(0 5px 3px #64533222)}.garden-item .activity-art{height:auto;aspect-ratio:1;object-fit:contain}.garden-item.found{opacity:1;animation:choice-joy .65s ease both;box-shadow:0 0 18px #fff2bd88}
.guess-pictures button[aria-pressed=true],.gratitude-pictures button[aria-pressed=true]{animation:choice-joy .65s ease both}.gratitude-pictures img{object-fit:contain}
@keyframes choice-joy{0%,100%{transform:scale(1)}45%{transform:translateY(-5px) scale(1.04)}}
@keyframes pair-left{from{transform:translateX(-35%) rotate(-5deg)}to{transform:translateX(3%)}}
@keyframes pair-right{from{transform:translateX(35%) rotate(5deg)}to{transform:translateX(-3%)}}
@keyframes flower-drink{0%{transform:rotate(-12deg) scale(.88)}75%{transform:rotate(4deg) scale(1.05)}100%{transform:rotate(0) scale(1)}}
@keyframes can-pour{0%{transform:scaleX(-1) rotate(0)}35%,80%{transform:scaleX(-1) rotate(-25deg)}100%{transform:scaleX(-1) rotate(0)}}
@keyframes water-fall{from{opacity:0;translate:0 -12px}30%{opacity:1}to{opacity:0;translate:-18px 35px}}
@keyframes butterfly-hello{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(5deg)}}
@keyframes butterfly-land{from{transform:translate(20px,-20px) rotate(-12deg)}50%{transform:translate(-8px,5px) rotate(8deg)}to{transform:translate(-15px,12px) rotate(0)}}
@keyframes help-arrive{from{transform:translateX(40px)}to{transform:translateX(-15px)}}
@keyframes home-arrive{from{transform:translateX(-70px) scale(.85)}to{transform:translateX(0) scale(1)}}
@keyframes fish-arrive{from{transform:translate(30px,-20px);opacity:0}to{transform:translate(0,0);opacity:1}}
@keyframes plant-bloom{from{transform:scale(.55)}70%{transform:scale(1.08)}to{transform:scale(1)}}
@keyframes sun-warm{50%{filter:drop-shadow(0 0 15px #f2c657)}}
@media(max-width:600px){.academy-choices .choice-art .activity-art{max-height:115px}.focus-picture .activity-art{height:175px}.response-scene,.response-scene .activity-art{height:170px}.activity-scene{min-height:225px}.activity-scene>p{font-size:13px}.garden-item{padding:0}.garden-flower{width:34%}.garden-can{width:34%}.garden-leaf{width:26%}}
@media(prefers-reduced-motion:reduce){.activity-scene *,.academy-choices *,.garden-hunt *,.guess-pictures *,.gratitude-pictures *{animation:none!important;transition:none!important}.water-drops i{opacity:1}.watering-flower .happy-flower{transform:none}.watering-flower .pouring-can{transform:scaleX(-1)}}

.wooden-shape{filter:drop-shadow(0 5px 2px #88562b44)}.shape-ark{filter:drop-shadow(0 8px 5px #70634633);animation:ark-settle 1s ease both}@keyframes ark-settle{from{transform:translateY(-5px)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.shape-ark{animation:none}}

.effects-paused .activity-scene *,.effects-paused .academy-choices *,.effects-paused .garden-hunt *{animation-play-state:paused!important}

.academy-choices button{min-width:0}.academy-choices button>span:last-child{width:100%;max-width:100%;white-space:normal;overflow-wrap:normal;line-height:1.3;min-height:2.6em;display:grid;place-items:center;padding:3px 0}.academy-choices .choice-art{min-width:0}.academy-choices button>span:last-child{font-size:12px}@media(max-width:400px){.academy-choices button>span:last-child{font-size:11px}}

/* A single scene fills the prayer frame: never layer two different rooms. */
.prayer-scene,.academy-lesson .prayer-scene{height:auto;width:100%;max-width:500px;flex-shrink:0}
.prayer-scene .prayer-player,.closing-card .prayer-player{flex:none;width:100%;height:auto;min-height:0;aspect-ratio:4/3;background:#ddc09e}
.prayer-player.introducing #introFilm{object-fit:cover}
.prayer-scene p{margin:0;padding:12px 16px}
.lesson-view:has(.prayer-scene){height:auto;min-height:calc(100svh - 110px)}
.lesson-view:has(.prayer-scene) .lesson-content{overflow:visible;flex:none}
.guide-row .caption{overflow-wrap:anywhere}
@media(max-width:650px){.welcome-cover{height:auto;min-height:calc(100svh - 110px);grid-template-rows:auto minmax(210px,1fr) auto}.cover-actions .caption{max-height:none;font-size:11px;line-height:1.45}.lesson-footer{gap:8px;flex-wrap:wrap}.lesson-footer button{max-width:100%}.guide-row .caption{max-height:none}.academy-lesson .prayer-scene{height:auto}.closing-card .prayer-player{max-width:320px}}

/* Activities get a full row; settings stay beside the logo. */
header{height:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 18px}
header .brand{justify-self:start}
header .tools{width:auto;max-width:none;display:flex;flex-wrap:nowrap;gap:8px;align-items:center}
header .tools button{min-height:44px}
header #mute{width:44px;min-width:44px;padding:0;font-size:0}
header #mute::before{content:'🔊';font-size:21px}
header #mute[aria-label="Unmute Benny"]::before{content:'🔇'}
.activity-nav{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.activity-nav button{min-height:50px;min-width:0;padding:10px 14px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:9px}
.activity-nav button span{font-size:23px}
.activity-nav #adventures{order:initial;flex-basis:auto;padding:10px 14px}
@media(max-width:650px){header{padding:10px;gap:10px}header .brand{font-size:22px;padding:10px 12px}header .brand small{font-size:7px;letter-spacing:1px}header .tools{width:auto;max-width:none;gap:6px}header .tools #parents{font-size:11px;padding:8px 11px;white-space:nowrap}.activity-nav{gap:10px}.activity-nav button{min-height:50px;font-size:15px}.welcome-cover{min-height:calc(100svh - 150px)}}
