/* The result is part of the table, never a toast or a disappearing overlay. */
.hand-recap{padding:var(--space-3);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--raised);color:var(--text);overflow-wrap:anywhere}
.hand-recap .recap-label{font-size:var(--text-xs);color:var(--muted);letter-spacing:.06em}
.hand-recap h2{font-family:var(--font-body);font-size:var(--text-base);font-weight:700;line-height:1.3;margin:var(--space-1) 0}
.hand-recap p{font-size:var(--text-sm);line-height:1.4;margin:var(--space-1) 0 0}
.hand-recap .recap-action{font-size:var(--text-xs);color:var(--muted)}
.hand-recap .recap-money{font-weight:600;font-variant-numeric:tabular-nums}
body[data-screen=table] #table[data-phase=finished] .board-area .result{display:none}
body[data-screen=table] .game:has(#table[data-phase=finished]) .hand-complete .idle-icon{display:none}
body[data-screen=table] .game:has(#table[data-phase=finished]) .hand-complete{flex-wrap:wrap}
body[data-screen=table] .game:has(#table[data-phase=finished]) .finish-buttons{margin-left:auto}
@media(max-width:600px){
 .hand-recap{padding:var(--space-2)}
 body[data-screen=table] .game:has(#table[data-phase=finished]) .hand-complete{gap:var(--space-2)}
 body[data-screen=table] .game:has(#table[data-phase=finished]) .hand-complete .finish-buttons{width:100%;display:flex;flex-direction:row}
 body[data-screen=table] .game:has(#table[data-phase=finished]) .finish-buttons button{flex:1;min-width:0;min-height:44px}
}
@media(min-width:601px) and (max-height:650px){
 body[data-screen=table] .game:has(#table[data-phase=finished]) .action-panel{grid-row:3/5;justify-content:flex-start;overflow-y:auto;min-height:0}
 body[data-screen=table] .game:has(#table[data-phase=finished]) .table-action{display:none}
 body[data-screen=table] .game:has(#table[data-phase=finished]) .hand-recap{flex-shrink:0;padding:var(--space-2)}
 body[data-screen=table] .game:has(#table[data-phase=finished]) .hand-recap p{font-size:12px;line-height:1.35}
 body[data-screen=table] .game:has(#table[data-phase=finished]) .hand-complete{position:sticky;bottom:0;flex-shrink:0;background:var(--raised);padding:4px 0 0}
 body[data-screen=table] .game:has(#table[data-phase=finished]) .hand-complete .idle-copy{display:none}
 body[data-screen=table] .game:has(#table[data-phase=finished]) .finish-buttons{display:flex;flex-direction:row;width:100%;gap:4px}
 body[data-screen=table] .game:has(#table[data-phase=finished]) .finish-buttons button{flex:1;min-width:0;min-height:44px;font-size:12px;padding:5px}
}