/* Spider-only overrides on top of styles.css — 10 columns instead of Klondike's 7.
   Everything else (cards, themes, panels, drag layer) is reused as-is. */

.topgrid, .tableau { grid-template-columns: repeat(10, var(--cw)); }

/* Continue the deal-in cascade for the extra columns. */
.board.dealin .col:nth-child(8) { animation-delay: .23s; }
.board.dealin .col:nth-child(9) { animation-delay: .26s; }
.board.dealin .col:nth-child(10) { animation-delay: .29s; }

/* A completed King→Ace run shown small in the top row. */
.foundcell .card.done { cursor: default; opacity: .96; }

/* Suit-count segmented control in the toolbar. */
.suits { display: inline-flex; border: 1px solid var(--line); border-radius: 999px; overflow: hidden; }
.suits button { border: none; background: var(--panel); color: var(--ink); font: inherit; font-size: 12px; font-weight: 700; padding: 7px 11px; cursor: pointer; transition: background .12s; }
.suits button + button { border-left: 1px solid var(--line); }
.suits button:hover { background: color-mix(in srgb, var(--panel) 80%, var(--ink) 6%); }
.suits button[aria-pressed="true"] { background: var(--ink); color: var(--page); }