/* freecell.css — only the bits Klondike's styles.css can't cover: an 8-column
   board and the free-cell holders. Everything else reuses styles.css as-is. */

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

/* Deal-in cascade needs one more column than Klondike's 7. */
body.fc .board.dealin .col:nth-child(8) { animation-delay: .23s; }

/* Free cells sit next to the foundations; a subtle solid slot tells them apart
   from the dashed foundation ghosts. */
.freecell .slot { border-style: solid; opacity: .5; }