.card-image.fire .okl-art{display:block;width:100%;height:100%;transform:scale(1.23);pointer-events:none}
.fire-motion,.fire-sparks{opacity:0;visibility:hidden}
.card-image.fire:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 74% 39%,#ff80004a,transparent 66%);mix-blend-mode:screen;opacity:0}
@media(prefers-reduced-motion:no-preference){
    .fire-active .fire-motion,.fire-active .fire-sparks{opacity:1;visibility:visible}
    .fire-active .fire-motion{animation:okl-flicker .9s ease-in-out infinite alternate}
    .fire-active .card-image.fire:after{animation:okl-glow 1.3s ease-in-out infinite alternate}
    .fire-active .fire-sparks circle{animation:okl-spark 1.6s linear infinite;animation-delay:var(--spark-delay);transform-box:fill-box;transform-origin:center}
}
@keyframes okl-flicker{0%{opacity:.62}24%{opacity:.92}46%{opacity:.7}71%{opacity:1}100%{opacity:.76}}
@keyframes okl-glow{0%{opacity:.2}35%{opacity:.5}67%{opacity:.28}100%{opacity:.62}}
@keyframes okl-spark{0%{opacity:0;transform:translate(0,15px) scale(.5)}18%{opacity:.9}65%{opacity:.7}100%{opacity:0;transform:translate(var(--spark-drift),-180px) scale(.25)}}