.g-nqueens{max-width:480px}.nq-grid{grid-template-columns:repeat(var(--nq-size), 1fr);gap:2px}.nq-cell{color:var(--c-brand);border-radius:2px}.nq-cell.is-dark{background:var(--c-surface-2)}.nq-cell.is-conflict{background:var(--c-warn-soft);color:var(--c-warn)}.nq-cell.is-conflict.is-dark{background:color-mix(in srgb, var(--c-warn-soft) 70%, var(--c-surface-2))}.g-nqueens.is-solved .nq-cell.is-queen{color:var(--c-good)}