.fire-dragon{position:absolute;inset:0;isolation:isolate;overflow:hidden;contain:layout paint}
.fire-dragon__canvas{position:relative;z-index:1;width:100%;height:100%;display:block;opacity:0;transition:opacity .6s ease;pointer-events:none}
.fire-dragon--ready .fire-dragon__canvas{opacity:1}
.fire-dragon__glow{position:absolute;z-index:0;inset:4% 0 2%;background:radial-gradient(ellipse at 50% 43%,#d985372e, #c9662419 35%,transparent 67%);filter:blur(25px);animation:dragon-glow 4s ease-in-out infinite}
.fire-dragon--no-fire .fire-dragon__glow{opacity:.3;animation:none}
.fire-dragon__status{position:absolute;z-index:3;bottom:7%;left:8%;right:8%;text-align:center;font:12px/1.5 system-ui;color:#cbb79c}
.fire-dragon__status[hidden]{display:none}
.fire-dragon__fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2}
.fire-dragon--paused .fire-dragon__glow{animation-play-state:paused}
@keyframes dragon-glow{50%{opacity:.75;transform:scale(.96)}}
@media(prefers-reduced-motion:reduce){.fire-dragon__glow{animation:none}.fire-dragon__canvas{transition:none}}