/* Solitaire Nest — golf.css
   Golf-only layout. Reuses cards, themes, panels, and chrome from styles.css;
   this file adds ONLY the tableau column affordances + the stock/waste row. */

/* Only the exposed (bottom) card of a column is playable. */
#tableau .col .card { cursor: default; }
#tableau .col .card.playable { cursor: pointer; }
#tableau .col .card.locked { filter: brightness(.92); }
/* A bottom card that is a legal move right now gets a soft brass ring. */
#tableau .col .card.canplay {
  box-shadow: 0 0 0 2px var(--sel), 0 0 14px color-mix(in srgb, var(--sel) 70%, transparent), var(--card-shadow);
}
@media (hover: hover) {
  #tableau .col .card.playable:hover { transform: translateY(-6px); box-shadow: var(--card-shadow-hover); z-index: 6; }
}

/* Stock + waste + note, centered under the tableau. */
.stockrow { display: flex; gap: clamp(12px, 4vw, 30px); justify-content: center; align-items: center; margin-top: 18px; }
.stockrow .stockcell, .stockrow .wastecell { flex: 0 0 auto; }
.stock-empty.dead { color: var(--muted); border-style: solid; opacity: .6; cursor: default; }
.wastecell .slot { color: var(--slot-line); }
.stockmeta { display: flex; flex-direction: column; align-items: flex-start; color: var(--stext); opacity: .9; line-height: 1.15; }
.stockmeta b { font-size: 14px; font-variant-numeric: tabular-nums; }
.stockmeta span { font-size: 10px; letter-spacing: .1em; text-transform: uppercase; opacity: .7; }