.flame-spinner {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 60px;
    gap: 5px;
}

.flame {
    width: 8px;
    height: 40px;
    background: linear-gradient(to top, 
        #ff4500 0%, 
        #ff6500 25%, 
        #ff8500 50%, 
        #ffa500 75%, 
        #ffff00 100%);
    border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
    animation: flicker 0.8s ease-in-out infinite alternate;
    transform-origin: bottom;
}

.flame:nth-child(1) {
    animation-delay: 0s;
    height: 35px;
}

.flame:nth-child(2) {
    animation-delay: 0.2s;
    height: 45px;
}

.flame:nth-child(3) {
    animation-delay: 0.4s;
    height: 38px;
}

@keyframes flicker {
    0% {
        transform: scaleY(1) scaleX(1);
        opacity: 1;
    }
    50% {
        transform: scaleY(1.2) scaleX(0.8);
        opacity: 0.8;
    }
    100% {
        transform: scaleY(0.8) scaleX(1.1);
        opacity: 0.9;
    }
}

.hidden {
    display: none !important;
}