:root{--streak-common: #ffb74d;--streak-common-light: #ffa726;--streak-rare: #64b5f6;--streak-rare-mid: #42a5f5;--streak-rare-dark: #2196f3;--streak-epic: #ab47bc;--streak-epic-dark: #9c27b0;--streak-epic-light: #ba68c8;--streak-legendary: #ff5252;--streak-legendary-mid: #ff1744;--streak-legendary-dark: #d50000;--streak-legendary-light: #ff4081}.flame-base{transition:color .3s ease;will-change:transform,color,filter;transform-origin:center bottom}@keyframes flame-common{0%,to{transform:translateY(0) scale(1);color:var(--streak-common);filter:none}50%{transform:translateY(-1px) scale(1.02);color:var(--streak-common-light);filter:brightness(1.1)}}@keyframes flame-rare{0%,to{transform:translateY(0) scale(1);color:var(--streak-rare);filter:none}33%{transform:translateY(-2px) rotate(-2deg) scale(1.05);color:var(--streak-rare-mid);filter:drop-shadow(0 0 2px rgba(66,165,245,.3))}66%{transform:translateY(-2px) rotate(2deg) scale(1.05);color:var(--streak-rare-dark);filter:drop-shadow(0 0 2px rgba(33,150,243,.3))}}@keyframes flame-epic{0%,to{transform:translateY(0) scale(1);color:var(--streak-epic);filter:drop-shadow(0 0 2px rgba(171,71,188,.2))}25%{transform:translateY(-2px) rotate(-3deg) scale(1.08);color:var(--streak-epic-dark);filter:drop-shadow(0 0 3px rgba(156,39,176,.4))}75%{transform:translateY(-2px) rotate(3deg) scale(1.08);color:var(--streak-epic-light);filter:drop-shadow(0 0 3px rgba(186,104,200,.4))}}@keyframes flame-legendary{0%,to{transform:translateY(0) scale(1);color:var(--streak-legendary);filter:drop-shadow(0 0 3px rgba(255,82,82,.3))}25%{transform:translateY(-3px) rotate(-3deg) scale(1.1);color:var(--streak-legendary-mid);filter:drop-shadow(0 0 4px rgba(255,23,68,.5)) brightness(1.2)}50%{transform:translateY(-3px) scale(1.1);color:var(--streak-legendary-dark);filter:drop-shadow(0 0 5px rgba(213,0,0,.5)) brightness(1.3)}75%{transform:translateY(-3px) rotate(3deg) scale(1.1);color:var(--streak-legendary-light);filter:drop-shadow(0 0 4px rgba(255,64,129,.5)) brightness(1.2)}}.flame-common{composes:flame-base;animation:flame-common 3s ease-in-out infinite}.flame-rare{composes:flame-base;animation:flame-rare 3s ease-in-out infinite}.flame-epic{composes:flame-base;animation:flame-epic 3s ease-in-out infinite}.flame-legendary{composes:flame-base;animation:flame-legendary 2.5s ease-in-out infinite}