/* No idle timeline: shared motion.js advances only visible charcoal cards. */
.quality-coal-art{display:block;width:100%;height:100%;overflow:visible;--coal-heat:.14;--coal-spark-opacity:0}
svg.quality-coal-frame{x:69px;y:31px;width:182px;height:182px;overflow:hidden!important;pointer-events:none}
.quality-coal-state{pointer-events:none}
.quality-coal-cold{opacity:1}
.quality-coal-warm{opacity:clamp(0,calc(var(--coal-heat,.14)*2),1)}
.quality-coal-hot{opacity:clamp(0,calc((var(--coal-heat,.14) - .5)*2),1)}
.quality-coal-halo{opacity:clamp(0,calc((var(--coal-heat,.14) - .2)*1.1),.65);pointer-events:none}
.quality-coal-art .coal-spark{position:static;width:auto;height:auto;border-radius:0;background:none;box-shadow:none;fill:#ff982e;opacity:max(var(--coal-spark-opacity,0),clamp(0,calc((var(--coal-heat,.14) - .82)*2),.36));filter:drop-shadow(0 0 2px #ff6626);pointer-events:none;transform-box:view-box}
.quality-coal-spark-core{fill:#ffedbf}
.motion-off .quality-coal-art{--coal-heat:.14!important;--coal-spark-opacity:0!important}
.motion-off .quality-coal-spark{display:none!important}
@media(prefers-reduced-motion:reduce){
  .quality-coal-art{--coal-heat:.14!important;--coal-spark-opacity:0!important}
  .quality-coal-spark{display:none!important}
}