/* Spoons centre: the spoon row, stock and trash, letters and seat chips. Tokens from styles.css only. */
.spoons-table{display:grid;gap:var(--space-2);justify-items:center;width:100%}
.spoons-row-wrap{position:relative;display:flex;justify-content:center;min-width:min(320px,100%);padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:999px;background:var(--felt-deep)}
.spoons-row{display:flex;gap:var(--space-2);min-height:48px;align-items:center;cursor:pointer;touch-action:manipulation}
.spoon{position:relative;display:block;width:24px;height:48px}
.spoon::before{content:"";position:absolute;left:3px;top:0;width:18px;height:22px;border-radius:50%;background:var(--paper)}
.spoon::after{content:"";position:absolute;left:10px;top:19px;width:4px;height:29px;border-radius:2px;background:var(--paper)}
.spoon.taken{opacity:.18}
.spoons-cover{position:absolute;inset:0;display:grid;place-items:center;border-radius:999px;background:var(--ink-soft);color:var(--muted);font-size:13px}
.spoons-row-wrap.flash{animation:spoons-flash .5s ease-in-out 2}
@keyframes spoons-flash{50%{border-color:var(--lime);box-shadow:0 0 0 4px var(--lime)}}
.spoons-piles{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}
.spoons-pile{display:grid;place-items:center;width:56px;height:80px;color:var(--paper);font-weight:800;font-variant-numeric:tabular-nums}
.spoons-pile>span{background:var(--ink-soft);border:1px solid var(--line-strong);border-radius:999px;padding:2px 8px;font-size:13px}
.spoons-trash{opacity:.7}
.spoons-flow{margin:0;max-width:200px;color:var(--muted);font-size:13px}
.spoons-mine{margin:0;color:var(--muted);font-size:13px}
.spoons-letters{display:inline-flex;gap:2px;font-family:var(--display);font-weight:800;letter-spacing:.02em}
.spoons-letters>span{color:var(--faint);font-weight:400}
.spoons-letters>span.lit{color:var(--lime)}
#you-score .spoons-letters{font-size:18px}
.spoons-chip{display:inline-block;margin:2px 2px 0 0;padding:0 6px;border:1px solid var(--line-strong);border-radius:999px;font-size:11px;color:var(--paper);background:var(--ink-soft);white-space:nowrap}
.spoons-chip.spoons-got{border-color:var(--lime);color:var(--lime)}
.spoons-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center}
#players:not(.compact) .spoons-chips{display:none}
#players .ring-seat.spoons-out{opacity:.45}
#players .ring-seat.spoons-holds .avatar{outline:2px solid var(--lime);outline-offset:2px}
#players .player small{white-space:normal}
#players.seat-ring.compact .player-score{font-size:12px}
#players.seat-ring.compact .player-score .spoons-letters>span:not(.lit){display:none}
[data-rule-demo] .rule-scene{flex-wrap:wrap;row-gap:var(--space-2)}
[data-rule-demo] .example-hand .guide-card+.guide-card{margin-left:-28px}
#spoons-grab{min-width:180px}
#spoons-grab.spoons-urgent{outline:3px solid var(--lime);outline-offset:3px}
.spoons-four #hand .card{outline:3px solid var(--lime);outline-offset:2px}
.spoons #hand{counter-reset:spoons-key}
.spoons #hand .card{counter-increment:spoons-key}
.spoons #hand .card.playable::after{content:counter(spoons-key);position:absolute;left:50%;bottom:-20px;translate:-50% 0;font-size:12px;font-weight:700;color:var(--muted)}
.spoons-peek-bar{display:inline-block;width:64px;height:6px;border-radius:999px;background:var(--lime);align-self:center}
.spoons-peek-bar.cooling{background:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--line-strong)}
@media(max-width:767px){
 .spoons-row-wrap{min-width:0;width:100%;padding:var(--space-1) var(--space-2)}
 .spoons-row{gap:var(--space-1)}
 .spoons #spoons-grab{flex:1 1 100%;min-height:56px;font-size:16px}
 .spoons-pile{width:48px;height:68px}
 .spoons-flow{max-width:150px;font-size:12px}
 .spoons-chip{font-size:10px;padding:0 4px}
}
@media(prefers-reduced-motion:reduce){.spoons-row-wrap.flash{animation:none;border-color:var(--lime);box-shadow:0 0 0 4px var(--lime)}}
.no-motion .spoons-row-wrap.flash{animation:none;border-color:var(--lime);box-shadow:0 0 0 4px var(--lime)}