:root {
    --aow-animation-delay: 50ms; /* Consistente con otros */
}

/* --- Área de Información --- */
#results-info {
   text-align: center;
   margin-top: 1rem;
   margin-bottom: 1rem;
   min-height: 2.5em; /* Equivalente a 2 líneas de texto + margen */
   line-height: 1.4;
}

/* Clases para resaltar texto dentro de #results-info */
#results-info .highlight {
    font-weight: bold;
}
#results-info .danger {
    font-weight: bold;
}

/* --- Animación de aparición de dados --- */
@keyframes popInDiceAow {
    from { transform: scale(0.5); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

.dice.aow-initial-roll {
     transform: scale(0.5); /* Estado inicial antes de animar */
     opacity: 0;
     animation: popInDiceAow 0.3s ease-out forwards;
}

@media (max-width: 400px) {
    #results-info {
        font-size: 0.9em; /* Ligeramente más pequeño en pantallas muy estrechas */
    }
}