/* Go Fish centre: pond beside the ask panel, book tiles and the ask log. Existing tokens and sizes only. */
.gf-pond .card{width:56px;height:80px}
.gf-ask{display:grid;gap:var(--space-2);justify-items:center;flex:0 1 auto;max-width:100%}
.gf-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1)}
.game .gf-chip{min-height:44px;padding:var(--space-1) var(--space-3);font-size:14px;background:var(--ink-soft)}
.game .gf-chip small{color:var(--muted);font-weight:400}
.game .gf-chip kbd{font-size:12px;color:var(--muted);margin-right:2px}
.game .gf-chip[aria-pressed="true"]{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.game .gf-chip[aria-pressed="true"] small,.game .gf-chip[aria-pressed="true"] kbd{color:var(--ink)}
.gf-books{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-1);width:100%}
.gf-books-label{font-size:12px;color:var(--muted);margin-right:var(--space-1)}
.gf-tile{display:inline-block;padding:2px var(--space-2);border-radius:4px;background:var(--card-paper);color:var(--card-ink);font-family:var(--display);font-weight:800;font-size:13px}
.gf-log{width:100%;max-width:420px;text-align:left;font-size:13px;color:var(--muted)}
.gf-log summary{cursor:pointer;min-height:24px;color:var(--paper);font-weight:700}
.gf-log-list{list-style:none;margin:var(--space-1) 0 0;padding:0;max-height:88px;overflow:auto}
.gf-log-list li{padding:2px 0;border-bottom:1px solid var(--line)}
/* Wide tables: the log sits on the empty right of the felt, under the side seat, clear of the hand. */
@media(min-width:1100px){
 .gf-felt .gf-log{position:absolute;right:var(--space-8);top:300px;width:250px}
 /* Five or six seats: the side seats sit lower, the pond moves to the open left and the player buttons fit one row. */
 .gf-felt.crowded .gf-log{top:350px}
 .gf-felt.crowded #gf-pond-wrap{position:absolute;left:var(--space-16);top:350px}
 .gf-felt.crowded .gf-chip{padding:var(--space-1) var(--space-2);font-size:13px}
 .gf-felt.crowded .gf-cards-word{display:none}
}
@media(max-width:767px){
 .game .gf-chip{padding:var(--space-1) var(--space-2);font-size:13px}
 .gf-pond .card{width:44px;height:62px}
}