/* Full-height club felt. All rules stay scoped to the Texas Hold'em table. */
.club-felt-screen.live-screen {
  --felt-base:#205e50; --felt-light:#2c7663; --felt-dark:#184c41;
  --felt-ink:#103e34; --felt-gold:#f1cc79;
  background:radial-gradient(ellipse at 50% 56%,var(--felt-light),var(--felt-base) 65%,var(--felt-dark));
  color:#e2ece1;
}
.club-felt-screen .poker-table-wrap { padding:12px 8px 6px; }
.club-felt-screen .poker-table {
  border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible;
}
.club-felt-screen .felt-line,.club-felt-screen .poker-table:after { display:none; }
.club-felt-screen .table-top { background:#0c2e29c9; border-bottom:1px solid #aacbb016; }
.club-felt-screen .table-top button,.club-felt-screen .table-tools button { color:var(--felt-gold); }
.club-felt-screen .table-title > span { color:#a8c7b7; }
.club-felt-screen .table-status { background:transparent; }
.club-felt-screen .street-steps span { background:transparent; color:#a2c6b3; }
.club-felt-screen .street-steps .active { color:#f9dc9a; background:#0b302954; border-radius:4px; }
.club-felt-screen .table-status .pot { border:0; }
.club-felt-screen .pot-ribbon,.club-felt-screen .spectators-button { background:#153e343d; border-color:#bdd7bc33; color:#c5d9c6; }
.club-felt-screen .player-seat { width:70px; }
.club-felt-screen .seat-avatar { border-radius:5px; border:1px solid #a1c5a878; background:#173e34a6; box-shadow:none; }
.club-felt-screen .seat-avatar img { border-radius:4px; }
.club-felt-screen .seat-info { background:transparent; border:0; padding:5px 0 0; margin:0; box-shadow:none; width:76px; }
.club-felt-screen .seat-info b { color:#e3ebdf; font-weight:500; }
.club-felt-screen .seat-info span { color:#f6d885; }
.club-felt-screen .seat-action { color:#b5d0bb; }
.club-felt-screen .player-seat.empty .seat-avatar { width:51px; height:51px; border:1px solid #b7d7be73; background:#173f3547; color:#abcbb9; font-size:15px; font-weight:500; }
.club-felt-screen .empty-label { display:none; }
.club-felt-screen .current-turn .seat-avatar { border-color:#ffdc85; box-shadow:0 0 0 2px #efd08355; }
.club-felt-screen .current-turn .seat-info { border:0; box-shadow:none; }
.club-felt-screen .online-dot { width:5px; height:5px; }
.club-felt-screen .bet-chip { background:#e4c477; border-color:#f5dea4; color:#214333; box-shadow:none; }
.club-felt-screen .holdem-table-brand { top:74%; gap:6px; color:var(--felt-ink); opacity:.83; text-shadow:0 1px #b7d9b614; z-index:0; }
.club-felt-screen .felt-brand-title { display:flex; align-items:center; justify-content:center; gap:8px; }
.club-felt-screen .felt-brand-title svg { width:33px; height:36px; fill:currentColor; }
.club-felt-screen .holdem-table-brand b { font-size:29px; letter-spacing:3px; font-weight:750; }
.club-felt-screen .holdem-table-brand small { letter-spacing:2px; font-size:9px; }
.club-felt-screen .holdem-table-brand > span { font-size:12px; margin-top:5px; }
.club-felt-screen .holdem-table-brand em { margin-top:8px; max-width:200px; overflow:hidden; text-overflow:ellipsis; font-size:11px; font-style:normal; }
.club-felt-screen .felt-rule-marks { display:flex; justify-content:center; flex-wrap:wrap; gap:5px; max-width:210px; }
.club-felt-screen .felt-rule-marks i { border:1px solid currentColor; border-radius:3px 3px 7px 7px; padding:2px 4px; font-size:9px; font-style:normal; }
.club-felt-screen .board-caption { top:57%; color:#b5d1b9; font-size:11px; }
.club-felt-screen .table-center-actions { top:46%; }
.club-felt-screen .table-center-actions button { min-height:36px; border:1px solid #d7b66688; background:#e4c57b; color:#234437; box-shadow:0 2px 4px #10382e33; font-weight:600; }
.club-felt-screen[data-table-state="waiting"] .poker-table > .community { visibility:hidden; }
.club-felt-screen[data-table-state="waiting"] .board-caption { display:none; }
.club-felt-screen[data-table-state="waiting"] .table-status { display:flex; height:28px; justify-content:flex-end; }
.club-felt-screen[data-table-state="waiting"] .table-status .street-steps,.club-felt-screen[data-table-state="waiting"] .table-status .pot,.club-felt-screen[data-table-state="waiting"] .pot-ribbon { display:none; }
.club-felt-screen[data-table-state="waiting"] .holdem-table-brand { top:67%; }
.club-felt-screen .hero-dock { background:transparent; border:0; }
.club-felt-screen .hero-to-act { background:#b4cf7b0d; border-top:1px solid #e8c76b44; box-shadow:none; }
.club-felt-screen .hero-identity .seat-avatar { border-radius:5px; }
.club-felt-screen .hero-identity strong { color:#f8df97; }
.club-felt-screen .hero-identity strong small,.club-felt-screen .hand-hint > span { color:#b4cebe; }
.club-felt-screen .hand-hint b { color:#e0e9d2; }
.club-felt-screen .action-area { background:#123e34f0; border-top:1px solid #a8c2a32b; border-radius:28px 28px 0 0; padding:8px 12px 5px; gap:5px; margin-top:0; }
.club-felt-screen .table-social { order:20; height:33px; flex-basis:33px; gap:9px; }
.club-felt-screen .table-social button { width:36px; height:33px; background:transparent; border:0; border-radius:5px; color:var(--felt-gold); }
.club-felt-screen .table-social button svg { width:23px; height:23px; }
.club-felt-screen .table-social [data-action="table-menu"] { order:-1; }
.club-felt-screen .table-social [data-action="table-chat"] { order:1; }
.club-felt-screen .last-message-shell { color:#aac8b4; font-size:11px; }
.club-felt-screen .bet-presets button { background:#204e3f; border-color:#73997566; color:#d7e5c8; border-radius:5px; }
.club-felt-screen .bet-presets button.selected { border-color:#e9c873; color:#f6d487; background:#3a573a; }
.club-felt-screen .bet-slider { color:#c4d6be; }
.club-felt-screen .bet-slider .raise-amount { background:#153f32; border-color:#819d7166; color:#f8dd93; }
.club-felt-screen .game-actions .fold { background:#244c42; border:1px solid #668d78; color:#dce6d7; }
.club-felt-screen .game-actions .check { background:#32634a; border:1px solid #88a06e; color:#f0e6bd; }
.club-felt-screen .game-actions .raise { background:linear-gradient(#f5d68c,#dabb71); border:1px solid #f7df9d; color:#294031; }
.club-felt-screen .game-actions button { border-radius:7px; font-size:16px; }
.club-felt-screen .game-actions button b { font-weight:500; }
.club-felt-screen .between-hand-actions button { border:1px solid #849c6b77; background:#244e3d; color:#e5dfba; border-radius:6px; }
.club-felt-screen .between-hand-actions button:last-child { background:linear-gradient(#efd38e,#cdb069); color:#244535; }
.club-felt-screen .runout-panel,.club-felt-screen .insurance-panel { align-content:center; }
.club-felt-screen .runout-buttons button { border-radius:6px; }
.club-felt-screen .poker-table .empty-card { border-color:#b5d1ab21; background:#154c3924; }
.club-felt-screen .poker-table .empty-card > i { opacity:.5; }
/* The reference's tall side columns need enough room for cards and names. */
@media(orientation:portrait) and (min-height:700px) {
  .club-felt-screen .player-seat { left:var(--felt-x)!important; top:var(--felt-y)!important; }
  .club-felt-screen:not(.is-spectating) .poker-table > .community { --board-width:clamp(33px,9vw,46px); top:46%; gap:5px; }
  .club-felt-screen:not(.is-spectating) .poker-table > .community .playing-card { width:var(--board-width); height:calc(var(--board-width)*1.4); }
  .club-felt-screen:not(.is-spectating) .poker-table > .community .card-rank { font-size:20px; }
  .club-felt-screen:not(.is-spectating) .poker-table > .community .card-face > .card-rank { position:absolute; top:5%; left:7%; font-size:17px; }
  .club-felt-screen:not(.is-spectating) .poker-table > .community .card-corner-suit { display:none; }
  .club-felt-screen:not(.is-spectating) .poker-table > .community .card-pip { right:4%; bottom:4%; width:54%; height:38%; }
  .club-felt-screen:not(.is-spectating) .poker-table > .community .card-pip svg { width:100%; height:100%; }
  .club-felt-screen .board-caption { top:57%; }
  .club-felt-screen .has-revealed .revealed-cards { top:0; }
  .club-felt-screen .seat-lower .bet-chip { top:-19px; }
  .club-felt-screen[data-table-state="waiting"] { grid-template-rows:50px 28px minmax(0,1fr) 82px 106px; }
  .club-felt-screen[data-table-state="waiting"] .hero-dock { display:flex; justify-content:center; text-align:center; }
  .club-felt-screen[data-table-state="waiting"] .hero-identity { justify-content:center; }
  .club-felt-screen[data-table-state="waiting"] .hero-identity .seat-avatar { width:42px; height:42px; }
  .club-felt-screen[data-table-state="waiting"] .my-cards,.club-felt-screen[data-table-state="waiting"] .current-hand-name { display:none; }
  .club-felt-screen[data-table-state="waiting"] .hand-hint { text-align:center; }
  .club-felt-screen[data-table-state="waiting"] .between-hand-actions { display:flex; gap:8px; }
  .club-felt-screen[data-table-state="waiting"] .between-hand-actions button { min-height:42px; }
  .club-felt-screen.has-double-board .holdem-table-brand { top:78%; }
  .club-felt-screen.has-double-board .holdem-table-brand em,.club-felt-screen.has-double-board .felt-rule-marks { display:none; }
}
/* Short and landscape screens retain the tested compact seat arrangement. */
@media(max-height:699px) {
  .club-felt-screen .holdem-table-brand { top:77%; }
  .club-felt-screen .holdem-table-brand > span,.club-felt-screen .holdem-table-brand em,.club-felt-screen .felt-rule-marks,.club-felt-screen .holdem-table-brand small { display:none; }
  .club-felt-screen .holdem-table-brand b { font-size:21px; letter-spacing:2px; }
  .club-felt-screen .felt-brand-title svg { width:22px; height:25px; }
  .club-felt-screen .player-seat.empty .seat-avatar { width:35px; height:35px; font-size:11px; }
  .club-felt-screen .action-area { padding:4px 8px; gap:3px; border-radius:18px 18px 0 0; }
  .club-felt-screen .table-social { height:28px; flex-basis:28px; }
}
@media(orientation:landscape) and (min-width:600px) {
  .club-felt-screen .poker-table-wrap { padding:32px 14px 12px; }
  .club-felt-screen .action-area { border-radius:16px 0 0 0; }
  .club-felt-screen .holdem-table-brand { top:75%; }
  .club-felt-screen .holdem-table-brand em,.club-felt-screen .felt-rule-marks { display:none; }
}
/* Keep the player's existing felt colour preference. */
[data-table-felt="blue"] .club-felt-screen { --felt-base:#245b70;--felt-light:#347c90;--felt-dark:#20485b;--felt-ink:#163e4c; }
[data-table-felt="charcoal"] .club-felt-screen { --felt-base:#3e5049;--felt-light:#56675c;--felt-dark:#293d36;--felt-ink:#213c2e; }
[data-table-felt="plum"] .club-felt-screen { --felt-base:#593f5c;--felt-light:#795b7d;--felt-dark:#402d43;--felt-ink:#382839; }
[data-table-felt] .club-felt-screen .poker-table { background:transparent; }