#ghost-container {
    position: fixed;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 9999;
}

.ghost {
    width: 100px;
    height: auto;
    display: block;
    pointer-events: auto;
    cursor: pointer;
    filter: drop-shadow(0 5px 10px rgba(0,0,0,.3));
}

@media (max-width: 768px) {

    .ghost {
        width: 80px;
    }

}

/* 消滅演出 */

.pumpkin-pop {
    animation* popFade 0.4s ease-out forwards;
}*
@keyframes popFade {

    from {
*       opacity: 1;
       *transform: scale(1);
    }

    to*{
        opacity: 0;
        transform: scale(1.6);
    }

}

/* パーティクル */

.particle {
    position: fixed;
    width: 8px;
    height: 8px;
    background: #ff9900;
    border-radius: 50%;
    pointer-events: none;
    z-index: 10000;
    animation: particle-move 0.8s ease-out forwards;
}

@keyframes particle-move {

    from {
        transform: translate(0, 0) scale(1);
        opacity: 1;
    }

    to {
        transform: translate(var(--x), var(--y)) scale(0.3);
        opacity: 0;
    }

}