/* Thirty-One centre: stock and discard as buttons, lives as pips, showdown hands. Existing tokens only. */
.t31-piles{margin-top:0;gap:var(--space-6)}
.game .t31-pile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:2px var(--space-1);min-height:44px;background:none;border:0;border-radius:12px;color:var(--paper)}
.game .t31-pile:hover:not([aria-disabled="true"]) .card{border-color:var(--lime)}
.game .t31-pile[aria-disabled="true"]{cursor:default}
.t31-pile .card{width:56px;height:80px}
.t31-top{display:block}
.t31-pile-label{font-size:13px;color:var(--muted);white-space:nowrap}
.t31-pile:not([aria-disabled="true"]) .t31-pile-label{color:var(--paper);font-weight:700}
.t31-pips{display:block;font-size:13px;letter-spacing:1px;line-height:1.2;white-space:nowrap}
.your-seat #you-score .t31-pips{font-size:18px}
.t31-count{display:none;font-size:14px;white-space:nowrap}
#players.compact .t31-pips{display:none}
#players.compact .t31-count{display:block}
#players .ring-seat.t31-out{opacity:.5}
.t31-showdown{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-4);margin:var(--space-2) 0 0}
.t31-showdown[hidden]{display:none}
.t31-hand{margin:0;padding:var(--space-1) var(--space-2);border:1px solid transparent;border-radius:8px}
.t31-hand figcaption{margin-top:var(--space-1);font-size:12px;color:var(--muted)}
.t31-hand figcaption strong{color:var(--paper)}
.t31-hand.t31-lost,.t31-hand.t31-won{border-color:var(--lime)}
.t31-hand .table-cards{flex-wrap:nowrap;gap:0}
.t31-hand .table-cards .card+.card{margin-left:-6px}
@media(max-width:767px){
 .t31-piles{gap:var(--space-4)}
 .t31-pips{font-size:11px;letter-spacing:0}
 #players .t31-many .t31-pips{display:none}
 #players .t31-many .t31-count{display:block}
 #players.seat-ring.compact .ring-seat{grid-template-columns:auto;grid-template-areas:"name" "avatar" "score" "detail"}
 #players.compact .t31-count{font-size:11px;line-height:1}
 .t31-showdown{gap:var(--space-1) var(--space-2)}
}