#score-popup {
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translate(-50%, -50%);
    pointer-events: none;

    font-size: 64px;
    font-weight: bold;
    color: gold;
    text-shadow:
        0 0 8px #000,
        0 0 16px #000;

    opacity: 0;
}

#score-popup.show {
    animation: scoreFlash 1.2s ease-out forwards;
}

@keyframes scoreFlash {
    0% {
        opacity: 0;
        transform: translate(-50%, -40%) scale(0.5);
    }

    15% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.25);
    }

    35% {
        transform: translate(-50%, -50%) scale(1);
    }

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