#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}
