/*
 * Estilos específicos para el reglamento de Qwixx.
 * Utilizados para representar visualmente las filas de la hoja de puntuación.
 */

.qwixx-rows-container {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 1rem 0;
    font-family: monospace; /* Mejora la alineación de los números */
    font-size: 0.9em;
}

.score-row {
    padding: 0.5rem 0.8rem;
    border-radius: var(--border-radius-sm);
    background-color: var(--bg-darkest);
    border-left: 5px solid;
    letter-spacing: 1px;
    white-space: nowrap; /* Evita que la línea se rompa */
    overflow-x: auto; /* Permite scroll horizontal si no cabe */
}

/* Colores de las filas basados en las variables de colors.css */
.score-row.red    { border-color: var(--red);    color: var(--red); }
.score-row.yellow { border-color: var(--yellow); color: var(--yellow); }
.score-row.green  { border-color: var(--green);  color: var(--green); }
.score-row.blue   { border-color: var(--blue);   color: var(--blue); }