.nonogram-board{grid-template-columns:max-content repeat(var(--nono-size), minmax(0, 1fr));color:#e1edc8;background:#292f22;border:1px solid #536344;border-radius:.8rem;align-items:stretch;width:min(100%,25rem);padding:.5rem;display:grid}.nonogram-board[data-size="10"]{width:min(100%,33rem)}.nono-row{display:contents}.nono-column{flex-direction:column;justify-content:end;align-items:center;padding-bottom:.27rem;display:flex}.nono-column,.nono-row-clue{font-variant-numeric:tabular-nums;font-size:clamp(.66rem,2.5vw,.89rem);font-weight:700;line-height:1.25}.nono-row-clue{white-space:pre;justify-content:end;align-items:center;padding-inline:.15rem .34rem;display:flex}.nono-cell{aspect-ratio:1;color:#bad19c;background:#192019;border:1px solid #56634a;border-radius:0;place-items:center;min-width:0;padding:0;font-size:clamp(.8rem,2.8vw,1.4rem);line-height:1;display:grid}.nono-cell:focus-visible{z-index:1;outline-offset:-2px}.nono-cell[data-state=filled]{background:#c9e58b}.nono-cell[data-divider=true]{border-right:2px solid #849465}.nono-cell[data-row-divider=true]{border-bottom:2px solid #849465}