#game-toast-container {
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 10000;
}

.game-toast {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding: 12px 24px;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    border-radius: 8px;
    opacity: 0;
    animation: floatUpFade 2s forwards;
    white-space: nowrap;
}

@keyframes floatUpFade {
    0% {
        opacity: 0;
        transform: translate(-50%, 20px);
    }

    20% {
        opacity: 1;
        transform: translate(-50%, 0px);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -150px);
    }
}