/* Shared frame for Baagh Chaal, Jhandaa Burja and Gullaam Chor tables (see table-games.js). Extends the released .online-felt look. */
.tg-felt{text-align:center}
.tg-felt h2{margin:18px 0 6px}
.tg-seats{margin-bottom:6px}
.tg-seat{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:center;text-align:left;min-width:150px}
.tg-seat b{grid-column:2;overflow-wrap:anywhere}
.tg-seat small{grid-column:2;margin-top:3px}
.tg-face{grid-row:1/3;grid-column:1;width:38px;height:38px;border-radius:50%;background:#fff7e8;display:inline-grid;place-items:center;border:2px solid #e5bd7188}
.tg-face svg{width:24px;height:24px}
.tg-game{margin:6px auto 4px}
.tg-lobby{display:flex;flex-wrap:wrap;gap:12px 18px;justify-content:center;align-items:end;margin:14px 0}
.tg-lobby label{display:flex;flex-direction:column;gap:6px;text-align:left;font-size:14px}
.tg-lobby label:has(input[type=checkbox]){flex-direction:row;align-items:center}
.tg-lobby select{font-size:16px;padding:9px 15px;border-radius:6px;min-height:44px}
.tg-lobby button,.tg-felt .table-actions button{min-height:44px;padding:9px 18px;border-radius:8px;color:#fff8e5;border:1px solid #e5bd7188;background:#ffffff12;font:inherit;cursor:pointer}
.tg-lobby button:hover,.tg-felt .table-actions button:hover{background:#ffffff22}
.tg-felt .tg-start{background:#e5bd71;color:#1b2b24;border-color:#e5bd71;font-weight:700}
.tg-felt .tg-start:hover{background:#f0cb86}
.tg-felt button:focus-visible,.tg-felt select:focus-visible,.tg-felt input:focus-visible,.tg-felt summary:focus-visible{outline:3px solid #f2c864;outline-offset:3px}
.tg-result{font-size:18px;margin:14px 0 4px}
.tg-felt .card-history,.tg-felt .card-guide{margin:16px auto 0;max-width:560px;text-align:left}
.tg-felt .card-history summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.table-card.tg-back{background:#7f1d1d;border-color:#e5bd71;color:#e5bd71;width:54px;min-width:44px;height:78px;padding:6px}
.table-card.tg-back .tg-flags{display:block;height:7px;border-radius:2px;background:linear-gradient(90deg,#1e40af 0 20%,#fff 20% 40%,#b91c1c 40% 60%,#15803d 60% 80%,#e5bd71 80%)}
.table-card.tg-back b{position:static;display:block;text-align:center;font-size:30px;margin-top:12px}
.tg-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tg-practice{margin-top:18px}
.tg-practice-status{min-height:1.4em}
@media (max-width:520px){.tg-seat{min-width:0;flex:1 1 140px;padding:10px 12px}.tg-felt{padding:22px 12px}}
@media (prefers-reduced-motion:reduce){.tg-felt *{animation:none!important;transition:none!important}}
.quiet .tg-felt *{animation:none!important;transition:none!important}