/* Final table layer: quiet felt, compact controls, and familiar side drawers. */
.club-felt-screen.live-screen{background:repeating-linear-gradient(125deg,#ffffff03 0 1px,transparent 1px 3px),radial-gradient(ellipse at 50% 42%,var(--felt-light),var(--felt-base) 66%,var(--felt-dark));box-shadow:none}
:root:not([data-table-felt]) .club-felt-screen,:root[data-table-felt="green"] .club-felt-screen{--felt-base:#00634f;--felt-light:#008970;--felt-dark:#003d34}
.club-felt-screen .table-top{background:transparent;border:0;padding:0 10px;grid-template-columns:32px minmax(0,1fr) auto;gap:6px}
.club-felt-screen .table-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.club-felt-screen .table-tools{grid-column:3}.club-felt-screen .table-top button,.club-felt-screen .table-tools button{color:#e7f2ec}
.club-felt-screen .table-tools{display:flex;gap:4px}.club-felt-screen .table-tools button{width:30px;min-width:30px;height:36px;padding:4px}.club-felt-screen .table-tools svg{width:21px;height:21px}.club-felt-screen .table-tools .history-tool{display:none}
.club-felt-screen[data-seat-count="8"] .table-surface{display:none}.club-felt-screen .poker-table{background:transparent!important}.club-felt-screen .felt-line{display:none}.club-felt-screen .holdem-table-brand{opacity:.24;color:#d6e8c9}
.club-felt-screen .seat-avatar,.club-felt-screen .seat-avatar img,.club-felt-screen .hero-identity .seat-avatar{border-radius:7px;box-shadow:none}.club-felt-screen .player-seat.empty .seat-avatar{border-radius:18px;background:#003b344d;border:1px dashed #b9d9cb70;font-size:34px;font-weight:300}.club-felt-screen .seat-info{background:none;box-shadow:none;border:0;margin:0;padding:2px 0}.club-felt-screen .current-turn .seat-info{background:none;border:0}.club-felt-screen .seat-info b{font-size:10px;font-weight:400}.club-felt-screen .seat-info span{font-size:13px;color:#f4d786}.club-felt-screen .current-turn .seat-avatar::after{border-radius:10px}
.club-felt-screen .hero-dock{border:0;background:none}.club-felt-screen .hero-to-act{box-shadow:none;background:none}.club-felt-screen .hero-identity{position:relative}.club-felt-screen .hero-identity strong{font-size:18px}.club-felt-screen .hand-hint>span{font-size:9px}.club-felt-screen .action-area{background:transparent;border:0;border-radius:0;padding:5px 12px max(5px,env(safe-area-inset-bottom));gap:4px}.club-felt-screen .game-actions button{border-radius:6px;box-shadow:none;font-size:15px;min-height:42px}.club-felt-screen .game-actions{flex:0 0 42px;min-height:42px}.club-felt-screen .game-actions .fold{background:#264c42}.club-felt-screen .game-actions .check{background:#356a53}.club-felt-screen .game-actions .raise{background:#e7ca83}.club-felt-screen .bet-presets{flex:0 0 26px}.club-felt-screen .bet-presets button{border-radius:4px;font-size:11px;padding:2px 3px}.club-felt-screen .bet-slider{flex:0 0 28px}.club-felt-screen .bet-detail{font-size:9px;line-height:14px;flex:0 0 14px}.club-felt-screen .decision-context{display:none}.club-felt-screen .table-social{border:0;flex:0 0 30px;height:30px;padding:0}.club-felt-screen .table-social button{width:30px;height:30px}.club-felt-screen .between-hand-actions button{min-height:34px;font-size:12px;border-radius:5px}.club-felt-screen .intermission-status span{display:none}.club-felt-screen .intermission-status b{font-size:11px}.club-felt-screen .intermission-status{min-height:18px}.insurance-reveal-status{flex:1;display:grid;align-content:center;text-align:center;gap:9px;font-size:15px;color:#f7d985}.insurance-reveal-status span{font-size:12px;color:#c4ded0}.insurance-reveal-status i{font-style:normal}
@media(orientation:portrait){.club-felt-screen.live-screen,.club-felt-screen.live-screen.has-time-bank,.club-felt-screen.live-screen.has-double-board{grid-template-rows:48px 0 minmax(0,1fr) 94px 100px}.club-felt-screen.live-screen:has(.game-actions){grid-template-rows:48px 0 minmax(0,1fr) 94px 170px}.club-felt-screen.live-screen:has(.between-hand-actions){grid-template-rows:48px 0 minmax(0,1fr) 82px 90px}.club-felt-screen.live-screen:has(.insurance-panel),.club-felt-screen.live-screen:has(.runout-panel){grid-template-rows:48px 0 minmax(0,1fr) 94px 158px}.club-felt-screen .player-seat{left:var(--felt-x)!important;top:var(--felt-y)!important}.club-felt-screen .player-seat{width:64px}.club-felt-screen .seat-avatar{width:42px;height:42px}.club-felt-screen .seat-card-backs .playing-card{width:18px;min-width:18px;height:24px}.club-felt-screen .seat-action{font-size:8px}.club-felt-screen .poker-table-wrap{padding:10px 6px 8px}.club-felt-screen .poker-table>.community{top:45%;gap:4px}.club-felt-screen .board-caption{top:56%;font-size:10px}.club-felt-screen .holdem-table-brand{top:75%}.club-felt-screen .has-revealed .revealed-cards{top:0}.club-felt-screen .hand-hint{padding-top:2px}}
@media(orientation:portrait) and (max-height:699px){.club-felt-screen.live-screen{--hero-width:48px}.club-felt-screen.live-screen,.club-felt-screen.live-screen.has-time-bank,.club-felt-screen.live-screen.has-double-board{grid-template-rows:42px 0 minmax(0,1fr) 76px 90px}.club-felt-screen.live-screen:has(.game-actions){grid-template-rows:42px 0 minmax(0,1fr) 76px 160px}.club-felt-screen.live-screen:has(.between-hand-actions){grid-template-rows:42px 0 minmax(0,1fr) 70px 88px}.club-felt-screen.live-screen:has(.insurance-panel),.club-felt-screen.live-screen:has(.runout-panel){grid-template-rows:42px 0 minmax(0,1fr) 76px 152px}.club-felt-screen .seat-avatar{width:30px;height:30px}.club-felt-screen .player-seat.empty .seat-avatar{width:32px;height:32px}.club-felt-screen .seat-info span{font-size:10px}.club-felt-screen .seat-info b{font-size:9px}.club-felt-screen .seat-card-backs{margin:0}.club-felt-screen .seat-card-backs .playing-card{width:13px;min-width:13px;height:17px}.club-felt-screen .seat-action{font-size:7px;line-height:10px}.club-felt-screen .player-seat{width:52px}.club-felt-screen .table-top{padding:0 6px;gap:2px}.club-felt-screen .table-title b{font-size:10px}.club-felt-screen .table-tools{gap:0}.club-felt-screen .table-tools button{width:27px;min-width:27px}.club-felt-screen .table-tools [data-action=table-fullscreen]{display:none}.club-felt-screen .table-social{flex-basis:26px;height:26px}.club-felt-screen .hero-identity strong{font-size:15px}.club-felt-screen .action-area{padding:3px 8px;gap:3px}}
.table-speech-bubble{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(calc(-50% + var(--bubble-shift,0px)));z-index:40;width:max-content;max-width:170px;padding:8px 11px;border-radius:10px;background:#eaf4ec;color:#243831;box-shadow:0 3px 14px #0004;font-size:12px;font-weight:400;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap;pointer-events:none;text-align:left}.table-speech-bubble::after{content:'';position:absolute;top:100%;left:45%;border:5px solid transparent;border-top-color:#eaf4ec}.table-speech-bubble.private-notice{background:#273841ed;color:#72e5bf;max-width:220px;font-size:12px}.table-speech-bubble.private-notice::after{border-top-color:#273841ed}.hero-identity:has(.private-notice)>.table-speech-bubble:not(.private-notice){bottom:calc(100% + 66px)}.tw-self-banner{position:relative}
.modal-backdrop:has(.chat-dialog){padding:0;align-items:stretch;justify-content:flex-start;background:#0004}.live-modal:has(.chat-dialog){padding:0;margin:0;width:min(84vw,460px);max-width:none;height:100dvh;max-height:100dvh;border-radius:0;border:0;background:#202632f7;overflow:hidden}.live-modal:has(.chat-dialog)>.modal-close{top:12px;right:9px;z-index:3;width:30px;height:30px;color:#d6dee7;background:none}.chat-dialog{height:100%;display:flex;flex-direction:column;min-height:0;padding-top:env(safe-area-inset-top)}.chat-dialog-head{margin:0;padding:19px 42px 16px 14px;color:#f0f1f6;font-size:20px}.chat-dialog-head>span{font-size:10px}.chat-dialog .live-chat-log{flex:1;display:flex;flex-direction:column;gap:14px;min-height:0;max-height:none;margin:0;padding:12px 10px;overflow:auto}.chat-dialog .chat-message{display:flex;gap:8px;max-width:96%;border:0;padding:0;background:none;align-self:flex-start}.chat-dialog .chat-message.mine{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{width:32px;height:32px;flex:0 0 32px;overflow:hidden;border-radius:6px;background:#3a4557}.chat-avatar .player-avatar{width:100%;height:100%}.chat-bubble-content{min-width:0}.chat-message-meta{font-size:9px;gap:5px;margin-bottom:4px}.chat-dialog .chat-message-meta b{color:#bfc8d7;font-weight:400}.chat-dialog .chat-message p{background:#3a4353;padding:8px 10px;border-radius:3px 12px 12px;color:#f1f4f7;font-size:13px;line-height:1.5}.chat-dialog .chat-message.mine p{background:#197f78;border-radius:12px 3px 12px 12px}.chat-dialog .mine .chat-message-meta{justify-content:flex-end}.chat-dialog .chat-tools{flex-shrink:0;padding:10px 12px;margin:0;border-color:#ffffff12;font-size:12px;color:#b3c1d2;max-height:33vh;overflow:auto}.chat-tools summary{cursor:pointer}.chat-dialog .quick-phrases{margin-top:10px}.chat-dialog .chat-compose{display:flex;gap:6px;position:static;margin:0;padding:10px 10px max(10px,env(safe-area-inset-bottom));background:#29313f;flex-shrink:0}.chat-compose input{min-width:0;flex:1;border:1px solid #60728644;background:#363f50;border-radius:18px;padding:9px 12px;color:#fff;font-size:14px}.chat-dialog .chat-compose button{min-width:50px;min-height:36px;border:0;border-radius:18px;background:#25928a;color:white}.chat-dialog .empty-chat-log{display:block;font-size:12px}
.live-modal:has(.rebuy-dialog){width:min(92vw,440px);background:#18232beF;border:1px solid #b4c5ce33;border-radius:12px;padding:20px;box-shadow:0 12px 65px #0007}.rebuy-dialog header{display:flex;justify-content:space-between;align-items:center;padding-right:25px}.rebuy-dialog h2{margin:0;font-size:19px;font-weight:500}.rebuy-dialog header>span{font-size:10px;color:#9cafba}.rebuy-amount-display{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:5px;padding:30px 0 22px;color:#42ddcf}.rebuy-amount-display input{width:170px;max-width:60%;text-align:right;font-size:40px;font-weight:600;line-height:1.2;background:none;border:0;border-bottom:1px solid #6fbaad44;border-radius:0;color:inherit;appearance:textfield}.rebuy-amount-display input::-webkit-inner-spin-button{appearance:none}.rebuy-amount-display>span{font-size:16px}.rebuy-amount-display>b{flex-basis:100%;text-align:center;font-size:12px;font-weight:400;color:#a6b6ba;padding-top:4px}.rebuy-slider{display:block;width:100%;height:25px;accent-color:#46d2bc}.rebuy-range-labels{display:flex;justify-content:space-between;font-size:11px;color:#a2b4bd}.rebuy-balances{text-align:center;font-size:12px;color:#b9c7cc;margin:16px 0}.rebuy-auto-options{border-top:1px solid #ffffff12;padding-top:12px;font-size:12px}.rebuy-auto-options summary{color:#b8d9d0;cursor:pointer}.rebuy-auto-options .live-checkbox{padding:12px 0}.rebuy-auto-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rebuy-auto-fields input{width:100%}.rebuy-auto-options small{display:block;margin-top:9px;color:#8fa5ad;font-size:10px;line-height:1.5}.rebuy-next-hand{font-size:12px;text-align:center;color:#a4c4ba;margin:18px 0}.rebuy-dialog>.primary-button{background:#269f8d;color:#fff;border:0;border-radius:6px;min-height:44px}.rebuy-balance-error{color:#efb092;text-align:center;font-size:12px}.fixed-table-capacity{display:flex;justify-content:space-between;padding:12px 0;color:#c4d6d0;font-size:13px}
@media(prefers-reduced-motion:reduce){.table-speech-bubble{animation:none}}

/* Reserve space for the full turn hint and its time-bank button. */
@media(orientation:portrait){.club-felt-screen.live-screen.has-time-bank{--compact-hero-height:122px;grid-template-rows:48px 0 minmax(0,1fr) var(--compact-hero-height) 100px}.club-felt-screen.live-screen.has-time-bank:has(.game-actions){grid-template-rows:48px 0 minmax(0,1fr) var(--compact-hero-height) 170px}}
@media(orientation:portrait) and (max-height:699px){.club-felt-screen.live-screen.has-time-bank{--compact-hero-height:108px;grid-template-rows:42px 0 minmax(0,1fr) var(--compact-hero-height) 90px}.club-felt-screen.live-screen.has-time-bank:has(.game-actions){grid-template-rows:42px 0 minmax(0,1fr) var(--compact-hero-height) 160px}}

/* Minimal table chrome: all details stay reachable from the menu or the pot. */
.club-felt-screen .table-center-pot{position:absolute;z-index:2;left:50%;top:30%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;min-height:30px;max-width:60%;padding:3px 12px;border:0;border-radius:4px;background:#003c302d;color:#a7d5c6;font-size:11px;white-space:nowrap}
.club-felt-screen .table-center-pot b{font-size:13px;font-weight:500;color:#e0e9bd}
.club-felt-screen .table-social{gap:12px;margin-top:auto;margin-bottom:0}
.club-felt-screen .table-social>button,.club-felt-screen .table-quick-reactions button{color:#e1eee6}
.club-felt-screen .table-social [data-action=table-chat]{order:0}
.club-felt-screen .table-social .table-quick-reactions{order:3;margin-left:auto}
.club-felt-screen .table-social .table-quick-reactions button{width:30px!important;height:30px!important}
.club-felt-screen .table-quick-reactions svg{width:23px;height:23px}
.club-felt-screen .felt-rule-marks{display:none}
.club-felt-screen .table-center-actions button{min-width:150px;border-radius:24px;border:1px solid #b7d7cb70;background:#a9d7c51a;color:#edf5ee;box-shadow:none;font-size:16px;font-weight:400}
.club-felt-screen[data-table-state=waiting] .board-caption{display:block;top:65%;font-size:10px;color:#8dc9b5}
.club-felt-screen[data-table-state=waiting] .table-center-pot{top:28%}
.club-felt-screen[data-table-state=waiting] .holdem-table-brand{top:44%;opacity:.22}
.club-felt-screen[data-table-state=waiting] .holdem-table-brand>span{display:block;font-size:9px;margin-top:9px}
.club-felt-screen[data-table-state=waiting] .holdem-table-brand em{display:block;font-size:9px;margin-top:0}
.club-felt-screen[data-table-state=waiting] .table-center-actions{top:58%}
@media(orientation:landscape) and (min-width:600px){.club-felt-screen .poker-table-wrap{padding:30px 16px 14px}.club-felt-screen .table-center-pot{top:32%}}
@media(orientation:portrait) and (max-height:699px){.club-felt-screen .player-seat.empty .seat-avatar{border-radius:11px;font-size:24px}.club-felt-screen .table-center-pot{top:29%;min-height:24px;font-size:10px}.club-felt-screen .table-center-pot b{font-size:11px}}
.club-felt-screen .between-hand-actions{flex:0 0 auto;align-items:center;justify-content:center;gap:8px}.club-felt-screen .between-hand-actions button{flex:1;min-height:40px;max-height:44px}
.club-felt-screen .spectator-controls{padding:4px 0;gap:8px}
@media(orientation:portrait){.club-felt-screen.live-screen.is-spectating{grid-template-rows:48px 0 minmax(0,1fr) 0 150px}.club-felt-screen.is-spectating .spectator-dock{display:none}.club-felt-screen.live-screen.is-spectating:has(.insurance-panel),.club-felt-screen.live-screen.is-spectating:has(.runout-panel){grid-template-rows:48px 0 minmax(0,1fr) 0 158px}}
@media(orientation:portrait) and (max-height:699px){.club-felt-screen.live-screen.is-spectating{grid-template-rows:42px 0 minmax(0,1fr) 0 144px}.club-felt-screen.live-screen.is-spectating:has(.insurance-panel),.club-felt-screen.live-screen.is-spectating:has(.runout-panel){grid-template-rows:42px 0 minmax(0,1fr) 0 152px}}

/* Size action rows from their contents; include the bottom safe area once. */
.club-felt-screen.live-screen{height:min(100dvh,var(--table-viewport-height,100dvh));padding-bottom:0}
.club-felt-screen .action-area{padding-bottom:max(6px,var(--table-safe-bottom,env(safe-area-inset-bottom)))}
.club-felt-screen .table-social{flex-shrink:0}
.table-speech-bubble::after{left:var(--bubble-tail-x,50%);transform:translateX(-50%)}
@media(orientation:portrait){
  .club-felt-screen.live-screen[class][data-table-state]{grid-template-rows:48px 0 minmax(0,1fr) max-content max-content}
  .club-felt-screen .hero-dock{min-height:94px}
  .club-felt-screen .hero-dock:has(.time-bank-control){min-height:122px}
  .club-felt-screen[data-table-state=waiting] .hero-dock{min-height:82px}
  .club-felt-screen .action-area{height:auto;min-height:0}
  .club-felt-screen .action-area>*{flex:0 0 auto}
  .club-felt-screen .action-area>[hidden]{display:none}
  .club-felt-screen .game-actions{height:42px}
  .club-felt-screen .waiting-controls{padding:4px 0;gap:7px}
  .club-felt-screen .insurance-reveal-status{padding:12px 0}
  .club-felt-screen .table-social{height:30px;min-height:30px}
}
@media(orientation:portrait) and (max-height:699px){
  .club-felt-screen.live-screen[class][data-table-state]{grid-template-rows:42px 0 minmax(0,1fr) max-content max-content}
  .club-felt-screen .hero-dock{min-height:76px}
  .club-felt-screen .hero-dock:has(.time-bank-control){min-height:108px}
  .club-felt-screen[data-table-state=waiting] .hero-dock{min-height:70px}
}
.modal-backdrop{top:var(--table-viewport-top,0px);bottom:auto;height:min(100dvh,var(--table-viewport-height,100dvh))}
.live-modal{max-height:calc(min(100dvh,var(--table-viewport-height,100dvh)) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px)}
.live-modal:has(.records-panel),.live-modal:has(.chat-dialog){height:min(100dvh,var(--table-viewport-height,100dvh));max-height:min(100dvh,var(--table-viewport-height,100dvh))}

/* A single personal seat: nickname, avatar, cards, hand name and stack. */
.club-felt-screen .hero-centered .hero-avatar-wrap{position:relative;line-height:0}
.club-felt-screen .hero-centered .hero-position{position:absolute;left:calc(100% + 4px);top:50%;line-height:16px;white-space:nowrap;transform:translateY(-50%)}
.club-felt-screen .hero-centered #action-clock{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:#001e1b85;color:#fff;font-size:15px;line-height:1;text-shadow:0 1px 3px #000}
.club-felt-screen .hero-centered .hero-identity>.hero-details{justify-items:center;gap:2px}
.club-felt-screen .hero-centered .hero-stack{display:block;min-width:74px;max-width:100%;padding:1px 10px;border:1px solid #acd1be55;border-radius:16px;background:#00382c66;color:#f6e5b6;font-weight:500;font-size:17px;line-height:21px;font-variant-numeric:tabular-nums}
.club-felt-screen .hero-centered .current-hand-name{max-width:100%;font-size:10px;line-height:14px;font-weight:500;white-space:normal;overflow-wrap:anywhere;color:#e0e9d2;text-align:center}
@media(orientation:portrait){
  .club-felt-screen .hero-dock.hero-centered{display:flex;justify-content:center;min-height:0;margin-top:-62px;padding:0 8px 4px;z-index:5;--hero-width:50px;pointer-events:none}
  .club-felt-screen .hero-centered .my-cards,.club-felt-screen .hero-centered .hero-avatar-wrap,.club-felt-screen .hero-centered .hand-hint button{pointer-events:auto}
  .club-felt-screen:not(.is-spectating) .player-seat .seat-info{width:64px}
  .club-felt-screen:not(.is-spectating) .poker-table>.community{--board-width:clamp(28px,calc((100vw - 172px)/5),42px);gap:3px}
  .club-felt-screen:not(.is-spectating) .poker-table>.community .playing-card{--board-width:clamp(28px,calc((100vw - 172px)/5),42px);width:var(--board-width);height:calc(var(--board-width)*1.4)}
  .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 .hero-centered .hero-copy{min-width:0;width:min(260px,72vw)}
  .club-felt-screen .hero-centered .hero-identity{display:flex;flex-direction:column;gap:3px;justify-content:center;margin:0}
  .club-felt-screen .hero-centered .hero-nickname{max-width:100%;font-size:11px;line-height:15px;font-weight:400}
  .club-felt-screen .hero-centered .hero-identity .seat-avatar{display:grid;width:42px;height:42px;border:2px solid #8dc3ab;border-radius:50%;overflow:hidden}
  .club-felt-screen .hero-centered .hero-identity .seat-avatar img{border-radius:50%}
  .club-felt-screen .hero-centered.hero-to-act .seat-avatar{border-color:#87f6a0;box-shadow:0 0 0 2px #87f6a022}
  .club-felt-screen .hero-centered .my-cards{justify-content:center;gap:4px;margin:1px 0 0}
  .club-felt-screen .hero-centered .my-cards .playing-card{width:var(--hero-width);min-width:var(--hero-width);height:calc(var(--hero-width) * 1.38);font-size:27px}
  .club-felt-screen .hero-centered .hand-hint{text-align:center;margin-top:4px;gap:2px;padding:0}
  .club-felt-screen .hero-centered .hand-hint>span{font-size:9px;line-height:12px;overflow-wrap:anywhere}
  .club-felt-screen .hero-centered .time-bank-control{justify-content:center;gap:12px;margin-top:2px}
  .club-felt-screen .hero-centered .time-bank-control button{min-height:30px}
  .club-felt-screen[data-table-state=waiting] .hero-dock.hero-centered{margin-top:-45px;min-height:0}
  .club-felt-screen.is-spectating .hero-dock.hero-centered{display:none}
}
@media(orientation:portrait) and (max-height:699px){
  .club-felt-screen .hero-dock.hero-centered{--hero-width:42px;margin-top:-48px;padding-bottom:2px}
  .club-felt-screen .hero-centered .hero-identity{gap:2px}
  .club-felt-screen .hero-centered .hero-identity .seat-avatar{width:32px;height:32px}
  .club-felt-screen .hero-centered .hero-nickname{font-size:10px;line-height:12px}
  .club-felt-screen .hero-centered .hero-stack{font-size:15px;line-height:18px}
  .club-felt-screen .hero-centered .my-cards .playing-card{font-size:24px}
  .club-felt-screen .hero-centered .hand-hint{margin-top:2px}
  .club-felt-screen .hero-centered .time-bank-control{margin-top:0}
}
@media(orientation:landscape) and (min-width:600px){
  .club-felt-screen .hero-dock.hero-centered{display:block;height:auto;padding:8px 12px;min-height:0}
  .club-felt-screen .hero-centered .hero-identity{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:16px 40px auto;gap:3px 9px;justify-items:center}
  .club-felt-screen .hero-centered .hero-nickname{grid-column:1;grid-row:1;max-width:100%;font-size:11px}
  .club-felt-screen .hero-centered .hero-avatar-wrap{grid-column:1;grid-row:2}
  .club-felt-screen .hero-centered .hero-identity .seat-avatar{display:grid;width:36px;height:36px;border-radius:50%;overflow:hidden}
  .club-felt-screen .hero-centered .my-cards{grid-column:2;grid-row:1/4;--hero-width:50px}
  .club-felt-screen .hero-centered .hero-details{grid-column:1;grid-row:3;max-width:100%}
  .club-felt-screen .hero-centered .hero-stack{font-size:15px;line-height:18px}
  .club-felt-screen .hero-centered .hand-hint{margin-top:4px}
}

/* Side-column bets belong beside their own seat, including after a fold
   removes the card backs. Keep them out of the gap between two players. */
@media(orientation:portrait){
  .club-felt-screen:not(.is-spectating) .player-seat{grid-template-columns:minmax(0,1fr)}
  .club-felt-screen:not(.is-spectating) .player-seat[data-felt-side="left"]>.bet-chip,
  .club-felt-screen:not(.is-spectating) .player-seat[data-felt-side="center"]>.bet-chip,
  .club-felt-screen:not(.is-spectating) .player-seat[data-felt-side="right"]>.bet-chip{
    top:50%;bottom:auto;transform:translateY(-50%);padding:2px 4px;font-size:clamp(8px,2.3vw,10px);text-align:center;
  }
  .club-felt-screen:not(.is-spectating) .player-seat[data-felt-side="left"]>.bet-chip,
  .club-felt-screen:not(.is-spectating) .player-seat[data-felt-side="center"]>.bet-chip{left:calc(50% + 46px);right:auto}
  .club-felt-screen:not(.is-spectating) .player-seat[data-felt-side="right"]>.bet-chip{left:auto;right:calc(50% + 46px)}
  .club-felt-screen:not(.is-spectating) .player-seat[data-felt-row="top"]>.bet-chip{top:21px}
  .club-felt-screen:not(.is-spectating) .player-seat[data-felt-row="top"]:not([data-felt-side="center"])>.bet-chip{
    max-width:max(28px,calc(37vw - 94px));white-space:normal;overflow-wrap:anywhere;line-height:12px;
  }
}
@media(orientation:portrait) and (max-height:699px){
  .club-felt-screen:not(.is-spectating) .player-seat[data-felt-row="top"]>.bet-chip{top:15px}
}