/* One shaped surface behind the room's physical seats. Never clip cards or controls. */
.table-surface { position:absolute; inset:0; z-index:-1; pointer-events:none; user-select:none; filter:drop-shadow(0 10px 10px #0007); }
.table-surface > svg { display:block; width:100%; height:100%; overflow:visible; }
.table-surface path { vector-effect:non-scaling-stroke; }
.table-rail-shadow { fill:#0a191a; stroke:#071213; stroke-width:9px; }
.table-rail-outer { fill:#29423a; stroke:#ab9970; stroke-width:1.2px; }
.table-cloth { fill:var(--table-cloth,#266651); stroke:#83aa855c; stroke-width:1px; }
.table-stitch { fill:none; stroke:#d4dcab55; stroke-width:1px; stroke-dasharray:2 5; }
.club-felt-screen.live-screen { --table-cloth:var(--felt-base); background:radial-gradient(ellipse at 50% 40%,#17312d,#081b21 90%); }
.club-felt-screen .poker-table { isolation:isolate; }
.club-felt-screen .felt-line { display:none; }
.club-felt-screen .table-surface { inset:-2% 0 -4%; }
.club-felt-screen[data-seat-count="2"] .table-surface { inset:-1% 9% -3%; }
.club-felt-screen .holdem-table-brand { color:#d2dba9; opacity:.38; }
.club-felt-screen .holdem-table-brand b { font-size:22px; letter-spacing:2px; }
.club-felt-screen .felt-brand-title svg { width:25px; height:28px; }
.club-felt-screen .holdem-table-brand > span { font-size:10px; }
.club-felt-screen .holdem-table-brand em { font-size:10px; margin-top:2px; }
.club-felt-screen[data-seat-count="3"] .holdem-table-brand { top:62%; }
.club-felt-screen[data-seat-count="3"] .holdem-table-brand b { font-size:17px; }
.club-felt-screen[data-seat-count="3"] .felt-brand-title svg { width:20px; height:22px; }
.club-felt-screen[data-seat-count="3"] .holdem-table-brand small { font-size:6px; letter-spacing:2px; }
.club-felt-screen .seat-avatar { background:#123830; box-shadow:0 3px 10px #0005; }
.club-felt-screen .player-seat.empty .seat-avatar { background:#13362ee6; }
.club-felt-screen .hero-dock { background:linear-gradient(transparent,#0b242744); }
.tw-scene { --table-cloth:var(--felt); background:radial-gradient(ellipse at 50% 35%,#193c31,#092023 95%); }
.tw-scene .tw-seat-board .tw-seat-layout::before { display:none; }
.tw-scene .tw-seat-board .table-surface { inset:0; }
.tw-scene .tw-felt-stage { isolation:isolate; }
.tw-scene:not(.tw-seat-mode) .tw-felt-stage > .table-surface { inset:0 2% 0; }
.tw-scene .tw-seat-brand { color:#e0dba6; opacity:.17; }
.tw-scene .tw-table-brand { color:#cee1b7; opacity:.26; text-shadow:none; }
.tw-scene .tw-seat-board[data-seat-count="3"] .tw-seat-layout { --slot-height:.38; --card-max:48px; }
.tw-scene .tw-seat-board[data-seat-count="4"] .tw-seat-layout { --slot-height:.28; --card-max:46px; }
.tw-scene .tw-seat-board[data-seat-count="5"] .tw-seat-layout { --slot-height:.28; --card-max:42px; }
@media (min-width:600px) and (orientation:landscape) {
  .tw-scene .tw-seat-board[data-seat-count="3"] .tw-seat-layout { --slot-width:.4; --slot-height:.44; --card-max:52px; }
  .tw-scene .tw-seat-board[data-seat-count="4"] .tw-seat-layout { --slot-width:.4; --slot-height:.44; --card-max:48px; }
  .tw-scene .tw-seat-board[data-seat-count="5"] .tw-seat-layout { --slot-height:.44; }
}
@media (max-height:699px) {
  .club-felt-screen .holdem-table-brand b { font-size:17px; }
  .club-felt-screen .felt-brand-title svg { width:20px; height:22px; }
  .table-surface { filter:drop-shadow(0 4px 6px #0006); }
}
@media (orientation:portrait) and (max-height:699px) {
  .club-felt-screen .poker-table > .community { top:55%; gap:4px; }
  .club-felt-screen .poker-table > .community .playing-card { width:34px; height:48px; font-size:19px; }
}