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

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

.dice {
    background-color: var(--bg-color);
    color: var(--front-lightest);
}

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

/* Colores específicos para los dados */
.dice.encore-yellow { background-color: var(--yellow); border-color: #c79100; }
.dice.encore-blue { background-color: var(--light-blue); border-color: #0b0b8c; }
.dice.encore-green { background-color: var(--green); border-color: #0e720e; }
.dice.encore-orange { background-color: var(--orange); border-color: #c65e09; }
.dice.encore-pink { background-color: var(--pink); border-color: #c93b74; }

/* Dado de color comodín (negro con 'X') */
.dice.encore-color-wild {
    background-color: var(--front-darker);
    color: var(--bg-color); /* Muestra la 'X' */
    border-color: var(--middle-darkest);
}

/* Dado de número comodín (verde con '?') */
.dice.encore-number-wild {
    font-weight: bold;
}

/* --- Maquetación Específica --- */
#results-section h3 {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-color);
}

#results-info {
    text-align: center;
    margin-top: 1rem;
    min-height: 1.5em; /* Espacio para una línea de texto */
}