body{
    text-align:center;
    font-family:sans-serif;
}

#gameArea{
    position:relative;
    width:400px;
    margin:auto;
}

#sandbag{
    width:300px;
    display:none;
    cursor:pointer;
}

.flash{
    position:absolute;
    width:40px;
    height:40px;
    border-radius:50%;
    background:white;
    pointer-events:none;
    animation:flash 0.4s forwards;
}

@keyframes flash{
    0%{
        opacity:1;
        transform:scale(0.2);
    }
    100%{
        opacity:0;
        transform:scale(2);
    }
}

.scorePopup{
    position:absolute;
    font-weight:bold;
    pointer-events:none;
    animation:floatUp 0.8s forwards;
}

@keyframes floatUp{
    from{
        opacity:1;
        transform:translateY(0);
    }
    to{
        opacity:0;
        transform:translateY(-40px);
    }
}