.fire-particle {
    position: absolute;
    width: 12px;
    height: 12px;
    pointer-events: none;

    background: radial-gradient(
        circle,
        #ffff99 0%,
        #ffcc00 30%,
        #ff6600 60%,
        rgba(255, 0, 0, 0) 100%
    );

    border-radius: 50%;

    animation: flameFade 0.8s ease-out forwards;

    transform: translate(-50%, -50%);
    z-index: 99999;
}

@keyframes flameFade {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -80%) scale(0);
    }
}