:root {
    --qwinto-animation-delay: 50ms;
}

@keyframes popInQwinto {
    from { transform: scale(0.5); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

/* Clase para la animación de entrada */
.dice.qwinto-initial-roll {
    transform: scale(0.5); /* Estado inicial */
    opacity: 0;
    animation: popInQwinto 0.3s ease-out forwards;
}

/* Colores específicos que sobrescriben la base de .dice */
.dice.qwinto-yellow {
    background-color: var(--yellow);
    color: var(--bg-color); /* Texto oscuro para contraste */
    border-color: #c79100;
}
.dice.qwinto-violet {
    background-color: var(--violet);
    color: var(--front-lightest); /* Texto claro para contraste */
    border-color: #4f2d8a;
}
.dice.qwinto-orange {
    background-color: var(--orange);
    color: var(--front-lightest); /* Texto claro para contraste */
    border-color: #c65e09;
}

#results-info {
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
    margin-top: 1rem;
    color: var(--text-color-light);
    min-height: 1.5em; /* Evita saltos de layout */
}

/* Estilo para el mensaje de error */
#results-info.error {
    color: var(--danger-color-light);
    font-size: 1.1rem;
    font-weight: normal;
}