/* Card Room tokens and card art; the pegboard and scoring controls are game-local. */
.cribbage-game .game-centre{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}
.cribbage-game .table-center{width:60%;min-height:530px}
.cribbage-game .table-top{gap:var(--space-2);align-items:start}
.cribbage-game #round-label{white-space:nowrap;flex-shrink:0}
.cribbage-game #players .player-detail{min-width:0}
.cribbage-game #players .player-detail small{white-space:normal;overflow-wrap:anywhere}
.cribbage-board{width:100%;padding:var(--space-2);border:1px solid var(--line-strong);border-radius:12px;background:var(--ink-soft)}
.cribbage-board svg{display:block;width:100%;height:auto;overflow:visible}
.cribbage-board text{fill:var(--muted);font-size:7px;text-anchor:middle}
.cribbage-hole{fill:var(--surface);stroke:var(--line-strong);stroke-width:.7}
.cribbage-hole.threshold{stroke:var(--paper);stroke-width:1.3}
.cribbage-peg{stroke:var(--ink);stroke-width:1.2;transition:transform .24s ease}
.cribbage-peg.track-0{fill:var(--lime)}
.cribbage-peg.track-1{fill:var(--paper)}
.cribbage-peg:not(.front){r:3px}
#cribbage-board-status{font-size:12px;font-variant-numeric:tabular-nums}
.cribbage-piles{display:flex;justify-content:center;align-items:start;gap:var(--space-4)}
.cribbage-piles>div{flex:1;min-width:0}
#cribbage-starter>.card{width:56px;height:80px;margin:auto}
#cribbage-crib{min-height:50px;flex-wrap:wrap}
.cribbage-count{font-family:var(--display);font-size:24px!important;font-weight:800;color:var(--paper)!important}
.cribbage-controls{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap}
.cribbage-show{padding:var(--space-3);border:1px solid var(--line-strong);border-radius:12px;background:var(--ink-soft)}
.cribbage-show h3{font-size:18px;margin-bottom:var(--space-2)}
#cribbage-show-cards .card{width:44px;height:62px}
#cribbage-claim-form{display:grid;grid-template-columns:1fr auto;gap:var(--space-2);align-items:center;margin-top:var(--space-3)}
#cribbage-claim-form label{grid-column:1/-1;color:var(--paper);font-size:14px}
#cribbage-claim-points{min-width:0;min-height:44px;background:var(--surface);color:var(--paper);border:1px solid var(--line-strong);border-radius:8px;padding:var(--space-2);font:inherit}
#cribbage-breakdown{max-height:210px;overflow:auto;text-align:left}
#cribbage-breakdown ul{list-style:none;padding:0;margin:var(--space-2) 0;font-size:13px;color:var(--muted)}
#cribbage-breakdown p{font-size:13px}
#cribbage-event-log{min-height:44px}
#cribbage-event-log p{font-size:12px;margin:var(--space-1) 0}
#cribbage-analysis{min-width:0;max-width:100%;text-align:left}
#cribbage-analysis summary{cursor:pointer;color:var(--paper);padding:var(--space-2)}
.cribbage-analysis-scroll{max-height:280px;overflow:auto}
#cribbage-analysis table{width:100%;font-size:12px;border-collapse:collapse}
#cribbage-analysis th,#cribbage-analysis td{padding:var(--space-2);border-bottom:1px solid var(--line);text-align:right}
#cribbage-analysis th:first-child{text-align:left}
@media(min-width:768px) and (max-width:1099px){.cribbage-game .table-center{width:50%}}
@media(max-width:767px){.cribbage-game .table-center{width:84%;padding-top:16px;min-height:600px}#cribbage-show-cards .card{width:36px;height:50px}.cribbage-board{padding:var(--space-1)}#cribbage-board-status{font-size:11px}#cribbage-claim-form{grid-template-columns:1fr}#cribbage-lines{font-size:10px}.cribbage-piles{gap:var(--space-2)}}
@media(prefers-reduced-motion:reduce){.cribbage-peg{transition:none}}
.no-motion .cribbage-peg{transition:none}

.cribbage-guide .example-hand{flex-wrap:wrap;margin-top:var(--space-3)}