#daniel457-fx{position:fixed;inset:0;z-index:80;pointer-events:none;display:grid;place-items:center;background:radial-gradient(ellipse,#15293612,transparent 70%);overflow:hidden}.daniel457-stage{position:relative;width:min(86vw,76vh,520px);aspect-ratio:1;isolation:isolate}.daniel457-stage img{position:absolute;object-fit:contain;max-width:100%;max-height:100%;filter:drop-shadow(0 8px 12px #19283740)}.friend-lamp{left:calc(var(--i)*23%);top:36%;width:29%;animation:d457-lamp 1.3s ease both;animation-delay:calc(var(--i)*.5s)}@keyframes d457-lamp{from{opacity:.1;transform:translateY(20px)}to{opacity:1;transform:translateY(0);filter:drop-shadow(0 0 18px #ffd77b)}}.basket-grow{inset:18%;width:64%;height:64%;animation:d457-basket 1.5s ease both}@keyframes d457-basket{from{opacity:0;transform:translateY(50px) scale(.65)}to{opacity:1;transform:none}}.prayer-lamp{left:29%;top:37%;width:42%;height:42%}.prayer-star{position:absolute;width:14px;height:14px;background:#ffe6a1;clip-path:polygon(50% 0,62% 37%,100% 50%,62% 63%,50% 100%,38% 63%,0 50%,38% 37%);animation:d457-star 2s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.23s)}@keyframes d457-star{from{opacity:.12;transform:scale(.6)}to{opacity:1;transform:scale(1.2)}}.dream-statue{left:25%;top:4%;width:50%;height:88%;animation:d457-statue 6.5s ease both}.dream-mountain{left:7%;top:15%;width:86%;height:80%;animation:d457-mountain 6.5s ease both}@keyframes d457-statue{0%,25%{opacity:1;transform:scale(1)}45%,100%{opacity:0;transform:scale(.85) translateY(30px)}}@keyframes d457-mountain{0%,40%{opacity:0;transform:scale(.4)}65%,100%{opacity:1;transform:scale(1)}}.dream-dust{position:absolute;width:7px;height:7px;border-radius:50%;background:#e5c88d;animation:d457-dust 6.5s ease both}@keyframes d457-dust{0%,25%{opacity:0}35%{opacity:1}65%,100%{opacity:0;transform:translate(100px,35px)}}.protected-friends{inset:8%;width:84%;height:84%}.warm-protection:before,.dawn-lion:before{content:"";position:absolute;inset:-15%;background:radial-gradient(ellipse,#ffd77b80,transparent 65%);animation:d457-glow 1.7s ease-in-out infinite alternate}@keyframes d457-glow{from{opacity:.4}to{opacity:1}}.proud-tree,.kept-stump{left:7%;top:5%;width:86%;height:90%}.proud-tree{animation:d457-tree 6.5s ease both}.kept-stump{animation:d457-stump 6.5s ease both}@keyframes d457-tree{0%,30%{opacity:1;transform:none}55%,100%{opacity:0;transform:scale(.85)}}@keyframes d457-stump{0%,40%{opacity:0;transform:scale(.7)}60%,100%{opacity:1;transform:none}}.writing-wall{inset:10%;width:80%;height:80%}.wall-words{position:absolute;left:20%;top:40%;width:62%;font:700 clamp(14px,3vw,23px) Georgia,serif;color:#624119;text-shadow:0 0 10px #ffd986;animation:d457-write 5s steps(28,end) both;overflow:hidden;white-space:nowrap}@keyframes d457-write{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.quiet-lion{left:7%;top:20%;width:86%;height:70%;animation:d457-rest 3.5s ease-in-out infinite}@keyframes d457-rest{50%{transform:translateY(-4px)}}
.d457-picture{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:5}.d457-picture i,.d457-picture img{position:absolute;animation-play-state:paused}.d457-picture[data-running=true] i,.d457-picture[data-running=true] img{animation-play-state:running}.d457-leaf{top:-8%;width:3%;height:auto;animation:d457-leaves 8s linear infinite;animation-delay:calc(var(--i)*-1.4s)}@keyframes d457-leaves{0%{opacity:0;transform:translate(0,0) rotate(0)}10%,85%{opacity:.9}100%{opacity:0;transform:translate(100%,2800%) rotate(180deg)}}.d457-glint{width:9px;height:9px;background:#fff4c7;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:d457-star 2s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.37s)}.d457-glow{inset:10%;background:radial-gradient(ellipse,#ffd07560,transparent 65%);mix-blend-mode:screen;animation:d457-glow 2s ease-in-out infinite alternate}.d457-firelight{inset:45% 5% 0;background:radial-gradient(ellipse at 50% 100%,#ffd15b7a,transparent 75%);mix-blend-mode:screen;animation:d457-glow .8s ease-in-out infinite alternate}@media(prefers-reduced-motion:reduce){.daniel457-stage *{animation:none!important}.dream-statue,.proud-tree{display:none}.d457-picture{display:none}}@media print{#daniel457-fx,.d457-picture{display:none!important}}

/* Explicit scoped image rules beat the inherited story photo dimensions and breathing animation. */
.friend-pack{left:calc(1% + var(--i)*24%);top:29%;width:25%;height:42%;animation:d457-pack 1.15s ease both;animation-delay:calc(var(--i)*.38s)}@keyframes d457-pack{0%{opacity:0;transform:translateY(28px) rotate(-6deg)}65%{opacity:1;transform:translateY(-6px) rotate(2deg)}100%{opacity:1;transform:translateY(0) rotate(0)}}
#story .d457-picture img.d457-leaf{width:clamp(8px,2.6%,18px);height:auto;aspect-ratio:auto;object-fit:contain;transform-origin:center;animation:d459-leaf 7s linear infinite;animation-delay:calc(var(--i)*-1.1s);animation-play-state:paused}#story .d457-picture[data-running=true] img.d457-leaf{animation-play-state:running}@keyframes d459-leaf{0%{top:-8%;opacity:0;transform:translateX(-8px) rotate(-20deg)}12%{opacity:.9}85%{opacity:.8}100%{top:108%;opacity:0;transform:translateX(24px) rotate(190deg)}}
/* Scoped additions: real rock impact, irregular stars, separate flame pixels. */
#daniel457-fx .d463-flying-rock{left:40%;top:74%;width:25%;height:22%;animation:d463-rock-flight 6.5s linear both;z-index:3}
@keyframes d463-rock-flight{0%,7%{opacity:0;transform:translate(-360%,-140%) rotate(-100deg)}10%{opacity:1}31%{opacity:1;transform:translate(0,0) rotate(15deg)}40%{opacity:1;transform:translate(-12%,20%) rotate(36deg)}48%,100%{opacity:0;transform:translate(-10%,28%) rotate(40deg)}}
#daniel457-fx .dream-statue{animation:d463-statue-hit 6.5s ease both}
@keyframes d463-statue-hit{0%,30%{opacity:1;transform:none}32%{opacity:1;transform:translateX(7px) rotate(2deg)}34%{transform:translateX(-5px)}36%{transform:translateX(4px) rotate(-2deg)}47%,100%{opacity:0;transform:translateY(30px) scale(.82)}}
.d463-impact-flash{position:absolute;left:43%;top:75%;width:25%;height:20%;border-radius:50%;background:radial-gradient(ellipse,#fff8dbbf,#efbd6a55,transparent 70%);animation:d463-impact-flash 6.5s linear both;z-index:4}
@keyframes d463-impact-flash{0%,29%{opacity:0;transform:scale(.3)}32%{opacity:1;transform:scale(1.7)}39%,100%{opacity:0;transform:scale(2.3)}}
#daniel457-fx img.d463-shake-shard{left:48%;top:78%;width:9%;height:9%;animation:d463-shake-shard 6.5s ease-out both;z-index:5}
@keyframes d463-shake-shard{0%,30%{opacity:0;transform:translate(0,0) scale(.3)}33%{opacity:1}54%,100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--turn)) scale(.8)}}
#daniel457-fx .dream-spark{width:9px;height:9px;opacity:.7;animation-duration:1.6s}
.d463-picture{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:7}.d463-picture *{animation-play-state:paused!important}.d463-picture[data-running=true] *{animation-play-state:running!important}
.d463-gold-glint{position:absolute;width:clamp(6px,1.5vw,13px);height:clamp(6px,1.5vw,13px);background:radial-gradient(circle,#fff 0 12%,#fff2ad 24%,#ffe4a640 67%,transparent 70%);clip-path:polygon(50% 0,58% 40%,100% 50%,58% 60%,50% 100%,42% 60%,0 50%,42% 40%);filter:drop-shadow(0 0 3px #fff4bc);animation:d463-gold 1.65s ease-in-out infinite;animation-delay:calc(var(--i)*-.29s)}
@keyframes d463-gold{0%,12%,92%,100%{opacity:.05;transform:scale(.45) rotate(0)}48%{opacity:1;transform:scale(1.45) rotate(28deg)}}
#story .d463-flame-layer>svg{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;display:block;max-width:none;transform:none;animation:none!important}
#story .d463-flame-ready .scene>img{opacity:0}
#story .d463-flame{animation:d463-flicker .73s ease-in-out infinite alternate!important;transform-box:view-box}
@keyframes d463-flicker{0%{opacity:.85;transform:scale(.96,.88) skewX(-3deg)}35%{opacity:1;transform:scale(1.08,1.12) skewX(3deg)}70%{opacity:.93;transform:scale(.95,1.04)}100%{opacity:1;transform:scale(1.05,1.16) skewX(-2deg)}}
.d463-flame-halo{position:absolute;width:18%;aspect-ratio:1;transform:translate(-50%,-65%);border-radius:50%;background:radial-gradient(circle,#ffd78038,#ffbe3e18 40%,transparent 72%);mix-blend-mode:screen;filter:blur(5px);animation:d463-halo .9s ease-in-out infinite alternate}
@keyframes d463-halo{from{opacity:.38;scale:.88}to{opacity:.9;scale:1.16}}
#story .d463-picture img.d463-picture-shard{position:absolute;width:clamp(9px,3.5%,21px);height:auto;aspect-ratio:auto;object-fit:contain;max-width:none;transform-origin:center;animation:d463-picture-shard 3.3s ease-out infinite;animation-delay:calc(var(--i)*.024s)}
@keyframes d463-picture-shard{0%,9%{opacity:0;transform:translate(-50%,-50%) scale(.35)}13%{opacity:1}42%,100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--turn)) scale(.8)}}
.d463-retry{font:inherit;margin:6px;border:1px solid currentColor;border-radius:12px;padding:5px 9px;background:var(--panel);color:var(--text)}
@media(prefers-reduced-motion:reduce){.d463-picture{display:none!important}#story .d463-flame-ready .scene>img{opacity:1}#daniel457-fx .d463-flying-rock,#daniel457-fx .d463-shake-shard,.d463-impact-flash{display:none!important}}
@media print{.d463-picture,.d463-retry{display:none!important}#story .d463-flame-ready .scene>img{opacity:1}}

/* Explicit state beats inherited photo and SVG animation shorthands. */
#story .d463-picture .d463-flame,#story .d463-picture img.d463-picture-shard{animation-play-state:paused!important}
#story .d463-picture[data-running=true] .d463-flame,#story .d463-picture[data-running=true] img.d463-picture-shard{animation-play-state:running!important}
@keyframes d470LionFrames{0.0%{background-position:0.0% 0.0%;}4.166666666666667%{background-position:20.0% 0.0%;}8.333333333333334%{background-position:40.0% 0.0%;}12.5%{background-position:60.0% 0.0%;}16.666666666666668%{background-position:80.0% 0.0%;}20.833333333333332%{background-position:100.0% 0.0%;}25.0%{background-position:0.0% 33.333333333333336%;}29.166666666666668%{background-position:20.0% 33.333333333333336%;}33.333333333333336%{background-position:40.0% 33.333333333333336%;}37.5%{background-position:60.0% 33.333333333333336%;}41.666666666666664%{background-position:80.0% 33.333333333333336%;}45.833333333333336%{background-position:100.0% 33.333333333333336%;}50.0%{background-position:0.0% 66.66666666666667%;}54.166666666666664%{background-position:20.0% 66.66666666666667%;}58.333333333333336%{background-position:40.0% 66.66666666666667%;}62.5%{background-position:60.0% 66.66666666666667%;}66.66666666666667%{background-position:80.0% 66.66666666666667%;}70.83333333333333%{background-position:100.0% 66.66666666666667%;}75.0%{background-position:0.0% 100.0%;}79.16666666666667%{background-position:20.0% 100.0%;}83.33333333333333%{background-position:40.0% 100.0%;}87.5%{background-position:60.0% 100.0%;}91.66666666666667%{background-position:80.0% 100.0%;}95.83333333333333%{background-position:100.0% 100.0%;}100%{background-position:100% 100%}}@keyframes d470LionCheerFrames{0.0%{background-position:0.0% 0.0%;}4.166666666666667%{background-position:20.0% 0.0%;}8.333333333333334%{background-position:40.0% 0.0%;}12.5%{background-position:60.0% 0.0%;}16.666666666666668%{background-position:80.0% 0.0%;}20.833333333333332%{background-position:100.0% 0.0%;}25.0%{background-position:0.0% 33.333333333333336%;}29.166666666666668%{background-position:20.0% 33.333333333333336%;}33.333333333333336%{background-position:40.0% 33.333333333333336%;}37.5%{background-position:60.0% 33.333333333333336%;}41.666666666666664%{background-position:80.0% 33.333333333333336%;}45.833333333333336%{background-position:100.0% 33.333333333333336%;}50.0%{background-position:0.0% 66.66666666666667%;}54.166666666666664%{background-position:20.0% 66.66666666666667%;}58.333333333333336%{background-position:40.0% 66.66666666666667%;}62.5%{background-position:60.0% 66.66666666666667%;}66.66666666666667%{background-position:80.0% 66.66666666666667%;}70.83333333333333%{background-position:100.0% 66.66666666666667%;}75.0%{background-position:0.0% 100.0%;}79.16666666666667%{background-position:20.0% 100.0%;}83.33333333333333%{background-position:40.0% 100.0%;}87.5%{background-position:60.0% 100.0%;}91.66666666666667%{background-position:80.0% 100.0%;}95.83333333333333%{background-position:100.0% 100.0%;}100%{background-position:100% 100%}}
#word-mascot{width:120px;height:120px}#word-mascot .mascot-jump,#word-mascot.cheer .mascot-jump{animation:none!important;transform:none!important}#word-mascot .mascot-frames,.d470-lion-sprite{display:block;width:100%;height:100%;background-repeat:no-repeat!important;transform:none!important;background-size:600% 400%!important;background-image:url(/assets/daniel470/lion/idle.webp)!important;animation:d470LionFrames 2.0s steps(1,end) infinite!important}#word-mascot.cheer .mascot-frames,.d470-lion-cheer .d470-lion-sprite{background-image:url(/assets/daniel470/lion/celebrate.webp)!important;animation-name:d470LionCheerFrames!important;animation-duration:1.5s!important}#word-mascot:not([data-sprite-ready="true"]) .mascot-frames{background-image:url(/assets/daniel470/lion/static.webp)!important;background-size:contain!important;background-position:center!important;animation:none!important}#word-mascot[data-running="false"] .mascot-frames{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){#word-mascot .mascot-frames,.d470-lion-sprite{background-image:url(/assets/daniel470/lion/static.webp)!important;background-size:contain!important;background-position:center!important;animation:none!important}}
#daniel457-fx .d470-basket-scene{position:absolute;left:9%;top:24%;width:82%;aspect-ratio:432/354;isolation:isolate;animation:d457-basket 1.3s ease both}
#daniel457-fx .d470-basket-scene img{max-width:none;max-height:none;object-fit:fill;filter:none;animation:none}
#daniel457-fx .d470-basket-base,#daniel457-fx .d470-basket-front{inset:0;width:100%;height:100%}.d470-basket-base{z-index:1}.d470-basket-front{z-index:3}
#daniel457-fx .d470-basket-scene .d470-falling-apple{position:absolute;z-index:2;animation:d470-apple-drop 6.5s linear both}
@keyframes d470-apple-drop{0%,21%{opacity:0;transform:translateY(-214.6%) rotate(-14deg)}23%{opacity:1;transform:translateY(-190%) rotate(-12deg)}40%{opacity:1;transform:translateY(0) rotate(1deg);animation-timing-function:ease-out}43%{transform:translateY(-7%) rotate(-2deg)}46%,100%{opacity:1;transform:none}}
#daniel457-fx .wall-words.d470-wall-words{left:25%;top:41%;width:50%;height:20%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));align-content:center;align-items:center;justify-items:center;text-align:center;gap:3px 6px;white-space:normal;animation:none;overflow:visible;font-size:min(3.6vw,3.19vh,22px);line-height:1.1;box-sizing:border-box;padding:3px}
.d470-wall-words span{display:block;white-space:nowrap;clip-path:inset(0 100% 0 0);animation:d470-write-line 1.05s steps(12,end) both;animation-delay:calc(.25s + var(--line)*1.05s)}
@keyframes d470-write-line{to{clip-path:inset(0)}}
#daniel457-fx .d470-lion-stage{position:absolute;left:8%;top:7%;width:84%;height:84%}.d470-lion-window{display:block;position:absolute;inset:0;width:100%;height:100%}.d470-lion-idle{animation:d470-lion-idle-window 6.5s steps(1,end) both}.d470-lion-celebrate{animation:d470-lion-cheer-window 6.5s steps(1,end) both}
@keyframes d470-lion-idle-window{0%{opacity:0}24.6%{opacity:1}60%{opacity:0}84.6%{opacity:1}100%{opacity:1}}
@keyframes d470-lion-cheer-window{0%{opacity:1}24.6%{opacity:0}60%{opacity:1}84.6%,100%{opacity:0}}
.d470-picture{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:7}.d470-picture svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:hidden}.d470-flame-layer,.d470-rays-layer{mix-blend-mode:screen}.d470-smoke-layer{mix-blend-mode:normal;z-index:11}
#story .scene.d470-flame-scene>img{opacity:1!important;animation:none!important;transform:none!important}
#story [data-daniel-scene^="3-"].d470-warm-ready .scene>img{opacity:0!important}
[data-daniel-scene^="3-"] .d470-flame-layer{mix-blend-mode:normal}
.d470-warm-plate{opacity:1}
.d470-flame-sway{animation:d470-fire-sway 1.75s ease-in-out infinite;animation-delay:calc(var(--i)*-.27s);transform-box:view-box}
@keyframes d470-fire-sway{0%,100%{transform:rotate(-5deg) scale(.86,.79)}23%{transform:rotate(7deg) scale(1.10,1.42)}51%{transform:rotate(-7deg) scale(.91,1.16)}76%{transform:rotate(4deg) scale(1.17,1.55)}}
.d470-gold-glint,.d470-window-star{position:absolute;width:clamp(5px,1.3vw,12px);height:clamp(5px,1.3vw,12px);background:radial-gradient(circle,#fff 0 12%,#fff2ad 24%,#ffe4a640 67%,transparent 70%);clip-path:polygon(50% 0,58% 40%,100% 50%,58% 60%,50% 100%,42% 60%,0 50%,42% 40%);filter:drop-shadow(0 0 3px #fff4bc);animation:d470-glint 1.65s ease-in-out infinite;animation-delay:calc(var(--i)*-.29s)}
.d470-window-star{width:clamp(4px,1.2vw,9px);height:clamp(4px,1.2vw,9px);background:#fff9e9;filter:drop-shadow(0 0 3px #fff);animation-duration:1.45s;animation-delay:calc(var(--i)*-.37s)}
@keyframes d470-glint{0%,12%,92%,100%{opacity:.04;transform:scale(.35) rotate(0)}48%{opacity:1;transform:scale(1.4) rotate(24deg)}}
.d470-flame{animation:d470-fire-light .8s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.19s)}
@keyframes d470-fire-light{0%{opacity:var(--low)}32%{opacity:var(--high)}68%{opacity:calc((var(--low) + var(--high))/2)}100%{opacity:var(--high)}}
.d470-flame-halo{position:absolute;z-index:2;mix-blend-mode:screen;width:16%;aspect-ratio:1;transform:translate(-50%,-67%);border-radius:50%;background:radial-gradient(circle,#ffd78026,#ffbe3e10 38%,transparent 72%);filter:blur(5px);animation:d470-halo .93s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.2s)}
@keyframes d470-halo{from{opacity:.3;scale:.9}to{opacity:.75;scale:1.08}}
.d470-smoke{position:absolute;border-radius:47%;background:radial-gradient(ellipse at 31% 55%,#c6b7a6d9 0 14%,transparent 58%),radial-gradient(ellipse at 63% 40%,#ae9f94dd 0 23%,transparent 65%),radial-gradient(ellipse at 76% 62%,#ddd0bdbb 0 12%,transparent 63%);filter:blur(7px);animation:d470-smoke 4.8s ease-in-out infinite;animation-delay:calc(var(--i)*-1.4s)}
@keyframes d470-smoke{0%{opacity:0;transform:translate(8%,23%) scale(.75)}22%{opacity:.58}60%{opacity:.43;transform:translate(-10%,-28%) scale(1.2)}100%{opacity:0;transform:translate(-20%,-64%) scale(1.5)}}
.d470-god-ray{animation:d470-rays 1.8s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.37s)}@keyframes d470-rays{0%{opacity:.12;transform:translateX(-3px) skewX(-.8deg)}55%{opacity:1}100%{opacity:.48;transform:translateX(4px) skewX(.8deg)}}
#story .d470-picture img.d470-leaf{position:absolute;top:-7%;width:clamp(8px,2.6%,18px);height:auto;aspect-ratio:auto;object-fit:contain;animation:d459-leaf 7s linear infinite;animation-delay:calc(var(--i)*-1.2s)}
.d470-retry{font:inherit;margin:6px;border:1px solid currentColor;border-radius:12px;padding:5px 9px;background:var(--panel);color:var(--text)}
/* These declarations beat inherited photo animation shorthands. */
#story .d470-picture *{animation-play-state:paused!important}#story .d470-picture[data-running=true] *{animation-play-state:running!important}
@media(prefers-reduced-motion:reduce){.d470-picture{display:none!important}.d470-falling-apple{animation:none!important;transform:none!important}.d470-wall-words span{clip-path:none;animation:none}.d470-lion-window{animation:none!important}.d470-lion-celebrate{display:none}}
@media print{.d470-picture,.d470-retry{display:none!important}}

#story .d470-picture img.d463-picture-shard{position:absolute;width:clamp(9px,3.5%,21px);height:auto;aspect-ratio:auto;object-fit:contain;max-width:none;transform-origin:center;animation:d463-picture-shard 3.3s ease-out infinite;animation-delay:calc(var(--i)*.024s)}
#story .d470-picture img.d463-picture-shard{animation-play-state:paused!important}#story .d470-picture[data-running=true] img.d463-picture-shard{animation-play-state:running!important}

@media(prefers-reduced-motion:reduce){#story [data-daniel-scene^="3-"].d470-warm-ready .scene>img{opacity:1!important}}@media print{#story [data-daniel-scene^="3-"].d470-warm-ready .scene>img{opacity:1!important}}

.d470-window-sky{z-index:10}

/* All four original Daniel3 photographs stay fully static and visible. */
body[data-daniel-part="3"] #story .scene,body[data-daniel-part="3"] #story .scene>img{animation:none!important;transform:none!important;opacity:1!important;filter:none!important}
body[data-daniel-part="3"] #story .d470-picture{display:none!important}
#daniel457-fx .d470-lion-window{opacity:1;animation:none!important}
