#pd20-fullscreen-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.pd20-message-box {
    background-color: white;
    color: black;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    max-width: 80%;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.pd20-message-box p {
    margin: 10px 0;
    font-size: 16px;
}

.pd20-message-box p:last-child {
    font-weight: bold;
}

/* Efeito de pulsar mais rápido */
.gamipress-pulse {
    animation: pulse-effect 0.2s ease-in-out 5; /* Pulsa 5 vezes mais rápido */
}

@keyframes pulse-effect {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3); /* Aumenta a intensidade do pulsar */
    }
}

/* Efeito de brilho mais rápido */
.gamipress-glow {
    animation: glow-effect 0.5s ease-in-out 5; /* Brilha 5 vezes mais rápido */
}

@keyframes glow-effect {
    0%, 100% {
        text-shadow: 0 0 0px rgba(255, 255, 0, 0);
    }
    50% {
        text-shadow: 0 0 30px rgba(255, 255, 0, 1), 0 0 20px rgba(255, 165, 0, 0.8); /* Brilho mais forte e colorido */
    }
}

/* Efeito de tremor rápido */
.gamipress-shake {
    animation: shake-effect 0.5s ease-in-out 1; /* Tremor rápido 1 vez */
}

@keyframes shake-effect {
    0%, 100% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-5px);
    }
    50% {
        transform: translateX(5px) scale(1.3); /* Adiciona o efeito de pulsar no meio do tremor */
    }
    75% {
        transform: translateX(-5px);
    }
}

/* Efeito combinado de brilho e tremor com pulsar */
.gamipress-pulse-glow-shake {
    animation: glow-effect 0.5s ease-in-out 1, shake-effect 0.5s ease-in-out 1;
}

/* Estilo inicial para o valor que "voa" com glow amarelo */
.pd20-message-valor.fly {
    position: absolute;
    z-index: 10000;
    animation: grow-and-fly 1.5s ease-in-out, fade-out-on-approach 0.5s ease-in-out 1.5s;
    pointer-events: none; /* Evita interação com o elemento */
    color: white; /* Muda a cor para branco */
    text-shadow: 0 0 20px rgba(255, 255, 0, 1), 0 0 10px rgba(255, 165, 0, 0.8); /* Glow amarelo */
}

/* Animação de crescimento inicial */
@keyframes grow-and-fly {
    0% {
        transform: scale(3); /* Triplica de tamanho */
        opacity: 1;
    }
    50% {
        transform: scale(1.5); /* Reduz para 1.5x durante o voo */
        opacity: 1;
    }
    100% {
        transform: translate(var(--fly-x, 0), var(--fly-y, 0)) scale(1); /* Tamanho original ao final */
        opacity: 1;
    }
}

/* Animação de fade-out ao se aproximar */
@keyframes fade-out-on-approach {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}