/* Candle Flame Effect */
.phenomenon-candle {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 100%;
}

.flame {
    width: 64px;
    height: 144px;
    background: radial-gradient(circle at 50% 100%, #e0f2fe 0%, #7dd3fc 40%, #0ea5e9 70%, transparent 90%);
    border-radius: 50% 50% 20% 20%;
    filter: blur(8px) drop-shadow(0 -12px 16px #06b6d4);
    animation: flicker 4s ease-in-out infinite;
    transform-origin: bottom;
}

@keyframes flicker {
    0%, 100% {
        transform: scaleY(1) scaleX(1) rotate(0deg);
        filter: blur(8px) drop-shadow(0 -12px 16px #06b6d4);
        opacity: 0.9;
    }
    25% {
        transform: scaleY(0.95) scaleX(1.05) rotate(-1deg);
        filter: blur(10px) drop-shadow(0 -12px 20px #7dd3fc);
        opacity: 1;
    }
    50% {
        transform: scaleY(1.02) scaleX(0.98) rotate(1deg);
        filter: blur(7px) drop-shadow(0 -12px 16px #06b6d4);
        opacity: 0.85;
    }
    75% {
        transform: scaleY(0.98) scaleX(1.02) rotate(0deg);
        filter: blur(9px) drop-shadow(0 -12px 18px #7dd3fc);
        opacity: 0.95;
    }
}