.visual-hand-history{display:grid;gap:14px}.history-hand{border:1px solid var(--line,#dce4ce);background:var(--cream,#fffaf0);border-radius:16px;padding:14px;color:var(--ink,#234c39)}
.history-hand>header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;margin-bottom:14px}.history-hand>header>span{font-size:10px;color:var(--muted)}.history-hand>header>b{margin-left:auto;font-size:12px}
.history-board,.history-hero>div,.history-showdown span{display:flex;gap:4px}.history-board{justify-content:center;min-height:54px;align-items:center;margin-bottom:12px}.history-board>span{font-size:12px;color:var(--muted)}
.history-hand .card{position:relative!important;inset:auto!important;transform:none!important;width:34px!important;height:48px!important;min-width:0!important;padding:4px!important;border-radius:6px!important;animation:none!important}.history-hand .rank{font-size:15px!important}.history-hand .suit{font-size:20px!important}
.history-hero{display:flex;gap:10px;align-items:center;padding:10px;border-radius:10px;background:#83b89712;font-size:12px}.history-hero>b{margin-left:auto}.history-profit{color:#39825b}
.history-winners{display:grid;gap:9px;margin:13px 0}.history-winners>div{display:grid;grid-template-columns:30px 1fr auto;gap:2px 8px;align-items:center}.history-winners svg{grid-row:span 2}.history-winners strong{font-size:12px;overflow-wrap:anywhere}.history-winners span{grid-column:2;font-size:10px;color:var(--muted)}.history-winners b{grid-column:3;grid-row:1 / span 2;font-size:12px}
.history-hand summary{font-size:12px;padding:8px 0;cursor:pointer}.history-showdown>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;margin:8px 0}.history-actions{font-size:11px;line-height:1.6;color:var(--muted);border-top:1px solid #82967b25}.history-actions p{margin:7px 0}.history-note{font-size:10px;line-height:1.6;color:var(--muted);text-align:center}.history-more{display:block;margin:15px auto}.history-more[hidden]{display:none}.history-empty{text-align:center;padding:28px 12px;font-size:14px}.history-empty p{font-size:12px;color:var(--muted)}
html[data-appearance=dark] .history-hand{background:#25392f;color:#eee2c9;border-color:#65715b}
/* Compact, chronological play-by-play with a visual rhythm for each street. */
.history-play>summary{display:flex;justify-content:space-between;align-items:center;font-weight:600;min-height:36px}.history-play>summary::before{content:'▸';margin-right:6px}.history-play[open]>summary::before{content:'▾'}.history-play>summary>span{margin-left:auto;font-size:10px;color:var(--muted);font-weight:400}
.history-actions{border-top:0;margin-top:4px}.history-street{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 0;margin-top:6px;border-bottom:1px solid var(--line,#dce4ce)}.history-street>strong{font-size:9px;letter-spacing:1.1px;text-transform:uppercase}.history-street-board{display:flex;gap:3px;min-height:28px}.history-hand .history-street-board .card{width:21px!important;height:29px!important;padding:2px!important;border-radius:4px!important}.history-hand .history-street-board .rank{font-size:10px!important}.history-hand .history-street-board .suit{font-size:12px!important}
.history-action-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 5px;border-bottom:1px solid #82967b16;border-radius:7px}.history-action-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;overflow:hidden;border-radius:50%;background:#82967b12}.history-action-avatar svg{width:28px;height:28px;flex:none}.history-action-player{display:flex;align-items:flex-start;flex-direction:column;gap:2px;min-width:0}.history-action-player>strong{font-size:10px;line-height:1.3;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:600}.history-action-player small{color:var(--muted);font-size:9px;font-weight:400}.history-action-label{display:inline-block;font-size:9px;line-height:1.3;padding:2px 5px;border-radius:5px;background:#82967b12;color:var(--muted)}.history-action-amount{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.history-action-amount b{font-family:Outfit,sans-serif;font-size:15px;font-weight:700;color:var(--ink)}.history-action-amount>small{font-size:9px}.action-hero{background:#83b8970d}.action-raise .history-action-label{background:#d6a63d22;color:#89611c}.action-allin .history-action-label{background:#cf846d22;color:#a45136;font-weight:700}.action-call .history-action-label{background:#79ad8620;color:#43815a}.action-fold .history-action-avatar{opacity:.6}
html[data-appearance=dark] .action-raise .history-action-label{color:#edcb8a}html[data-appearance=dark] .action-allin .history-action-label{color:#f1b09b}html[data-appearance=dark] .action-call .history-action-label{color:#a4d8b0}
@media(max-width:360px){.history-hand{padding:11px}.history-action-row{gap:6px}.history-action-player>strong{font-size:9px}}
/* One player row for results; public hole cards also follow each action. */
.history-player-results{display:grid;gap:6px;margin:12px 0;text-align:left}.history-player-result{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:9px 7px;background:#83b89712;border-radius:10px}.history-result-name{min-width:0}.history-result-name strong{display:block;font-size:11px;overflow-wrap:anywhere}.history-result-name small{font-size:9px;color:var(--muted)}.history-result-name>span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.history-player-result>b{font-size:12px;font-variant-numeric:tabular-nums}.history-player-cards{display:flex;gap:3px;align-items:center;min-width:0}.history-player-result:not(:has(.history-player-cards))>b{grid-column:4}.history-player-cards .card{position:relative!important;inset:auto!important;transform:none!important;width:28px!important;height:39px!important;min-width:0!important;padding:3px!important;border-radius:5px!important;animation:none!important}.history-player-cards .rank{font-size:12px!important}.history-player-cards .suit{font-size:16px!important}.history-action-row{grid-template-columns:28px minmax(0,1fr) auto minmax(45px,auto)}.history-action-row:not(:has(.history-player-cards)) .history-action-amount{grid-column:4}.history-action-row .history-player-cards .card{width:23px!important;height:32px!important;padding:2px!important}.history-action-row .history-player-cards .rank{font-size:10px!important}.history-action-row .history-player-cards .suit{font-size:13px!important}
@media(max-width:360px){.history-player-result{gap:5px;padding:8px 5px}.history-action-row{gap:5px}.history-action-amount b{font-size:13px}}