/* Keep the dealer button on the playing surface, clear of camera frames. */
.table-stage > .felt-dealer-chip{
 position:absolute;width:38px;height:38px;right:auto;transform:translate(-50%,-50%);
 background:radial-gradient(circle at 35% 25%,#fffef2,#eee0bb 70%);
 border:3px solid #d1b57c;outline:2px solid #fff6d9;font:900 18px 'Manrope',sans-serif;
 color:#302c20;box-shadow:0 4px 0 #98835b,0 7px 10px #0007;z-index:7;pointer-events:none;
}
/* Bigger low-stakes columns make both stack height and column count legible. */
.table-stage[data-table-layout] .seat[data-seat-order] .player-chip-stack{--chip-width:24px;--chip-depth:12px;--chip-step:1.35px;--column-step:14px;right:1px;bottom:1px}
.card.winning{
 outline:3px solid #ffcf54!important;outline-offset:1px;
 box-shadow:inset 0 0 0 2px #ffcf54,0 0 14px #ffce5480!important;
 filter:none!important;
}
/* Total at left; each result pairs its hand in the middle with a payout at right. */
.table-topline .final-table-pot{width:min(620px,85cqw);height:58px;gap:14px;padding:5px 10px;grid-template-columns:max-content minmax(0,1fr)}
.final-pot-total{flex-direction:column;align-items:flex-start;gap:1px}
.final-pot-total>strong{font-size:25px;line-height:28px}
.final-pot-winners{height:46px;max-height:46px}
.final-pot-winner{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,max-content);gap:10px;min-height:46px;line-height:18px}
.final-pot-winner>.final-winner-hand{display:block;min-width:0;white-space:normal;text-align:center;overflow:visible;color:#ffe6ab;font-size:15px;line-height:18px;font-weight:800}
.final-winner-payout{display:flex;flex-direction:column;align-items:flex-end;min-width:0;max-width:160px}
.final-winner-payout .final-winner-name{width:100%;flex:none;font-size:13px;line-height:15px;text-align:right}
.final-winner-payout b{white-space:nowrap;font-size:22px;line-height:25px;color:#c4efc4;font-variant-numeric:tabular-nums}
@media(max-width:680px) and (orientation:portrait){
 .table-stage>.felt-dealer-chip{width:27px;height:27px;font-size:13px;border-width:2px;outline-width:1px}
 .table-stage[data-table-layout] .seat[data-seat-order] .player-chip-stack{--chip-width:17px;--chip-depth:8px;--chip-step:.7px;--column-step:9px;right:1px;bottom:1px}
 .table-topline .final-table-pot{width:min(350px,94cqw);height:54px;padding:4px 6px;gap:6px;left:50%;top:calc(50% - 25cqh);bottom:auto}
 .table-stage[data-hole-count="5"] .table-topline .final-table-pot{top:calc(50% - 22cqh)}
 .final-pot-total>span{font-size:9px}
 .final-pot-total>strong{font-size:20px;line-height:22px}
 .final-pot-winners{height:44px;max-height:44px}
 .final-pot-winner{grid-template-columns:minmax(0,1fr) minmax(72px,max-content);min-height:44px;gap:5px;align-items:center}
 .final-pot-winner>.final-winner-hand{font-size:11px;line-height:13px}
 .final-winner-payout{max-width:105px}
 .final-winner-payout .final-winner-name{font-size:11px;line-height:13px}
 .final-winner-payout b{font-size:18px;line-height:20px}
}
@container poker-stage (max-height:290px) and (min-width:681px){
 .table-stage>.felt-dealer-chip{width:29px;height:29px;font-size:14px}
 .table-stage[data-table-layout] .seat[data-seat-order] .player-chip-stack{--chip-width:17px;--chip-depth:8px;--chip-step:.7px;--column-step:9px;right:1px;bottom:1px}
 .table-topline .final-table-pot{left:50%;top:auto;bottom:calc(100% + 4px);width:min(460px,78cqw);height:46px;padding:3px 6px;gap:8px}
 .final-pot-total>strong{font-size:19px;line-height:21px}
 .final-pot-winners{height:38px;max-height:38px}
 .final-pot-winner{min-height:38px;gap:6px}
 .final-pot-winner>.final-winner-hand{font-size:12px;line-height:14px}
 .final-winner-payout .final-winner-name{font-size:11px;line-height:13px}
 .final-winner-payout b{font-size:18px;line-height:20px}
}

/* The result has its own header cells, clear of the curved seat/card rim. */
.table-topline.has-hand-result{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(0,1.6fr) 156px;align-items:center;gap:10px}
.table-topline.has-hand-result .table-pills{display:block;min-width:0;width:100%}
.table-topline.has-hand-result .table-player-count,.table-topline.has-hand-result .table-pills>.hide-mobile,.table-topline.has-hand-result .table-mode-badge{display:none}
.table-topline .final-table-pot{position:static;transform:none;width:100%;display:grid;align-items:center;border:1px solid #e7c680;border-radius:10px;background:linear-gradient(#26372a,#16271e);box-shadow:0 4px 14px #0007;color:#fff3d4;pointer-events:auto}
.table-stage .table-center{top:44%}
@media(max-width:680px) and (orientation:portrait){
 .table-topline.has-hand-result{grid-template-columns:minmax(0,1fr) 128px;gap:6px}
 .table-topline.has-hand-result .game-title{grid-column:1;grid-row:1;font-size:12px}
 .table-topline.has-hand-result .game-title .muted{display:block;margin-left:0;font-size:9px}
 .table-topline.has-hand-result .bonus-box{grid-column:2;grid-row:1;width:128px;min-width:128px;height:40px;min-height:40px}
 .table-topline.has-hand-result .table-pills{grid-column:1/-1;grid-row:2}
 .table-topline.has-hand-result .final-table-pot{position:static;transform:none;width:100%}
 .table-stage[data-table-layout="portrait"] .table-center{top:46%}
}
@container play-area (max-width:850px){
 .table-topline.has-hand-result{grid-template-columns:minmax(110px,.6fr) minmax(0,1.4fr) 128px}
 .table-topline.has-hand-result .game-title{font-size:12px}
 .table-topline.has-hand-result .bonus-box{width:128px;min-width:128px}
}
@media(max-width:680px) and (orientation:portrait){
 .table-topline.has-hand-result{grid-template-columns:minmax(0,1fr) 128px}
}

@container poker-stage (max-height:340px) and (min-width:681px){
 .table-stage .seat[data-seat-order]:not(.own){--seat-width:clamp(102px,12.7cqw,124px)}
 .table-stage .seat[data-seat-order]:not(.own) .seat-stack{font-size:12px;line-height:12px}
}
/* Multiple completed boards fit the open center of the curved seat ring. */
.table-stage[data-board-count="3"] .table-center{width:56%;flex-direction:row;gap:10px;justify-content:center;top:44%}
.table-stage[data-board-count="3"] .table-center .board-row{width:auto;flex:none;flex-wrap:nowrap;gap:3px}
.table-stage[data-board-count="3"] .table-center .board-card-toggle,
.table-stage[data-board-count="3"] .table-center .card{width:clamp(24px,3cqw,34px);height:clamp(34px,4.26cqw,48px)}
.table-stage[data-board-count="3"] .table-center .card .corner{font-size:13px;top:2px;left:2px}
.table-stage[data-board-count="3"] .table-center .card .corner .suit{font-size:9px}
.table-stage[data-board-count="3"] .table-center .card .corner.bottom{display:none}
.table-stage[data-board-count="3"] .table-center .card .pip{font-size:21px}
.table-stage[data-board-count="3"] .table-center .card .royal-frame{width:17px;height:27px}
.table-stage[data-board-count="3"] .table-center .card .royal-letter{font-size:20px}
.table-stage[data-board-count="3"] .board-label{left:50%;top:-14px;transform:translateX(-50%);font-size:9px}
@media(max-width:680px) and (orientation:portrait){
 .table-stage[data-table-layout="portrait"]:is([data-board-count="2"],[data-board-count="3"]) .table-center{width:100%;flex-direction:column;gap:12px;top:46%}
 .table-stage[data-table-layout="portrait"]:is([data-board-count="2"],[data-board-count="3"]) .table-center .board-row{width:143px;gap:2px;flex-wrap:nowrap}
 .table-stage[data-table-layout="portrait"]:is([data-board-count="2"],[data-board-count="3"]) .table-center .board-card-toggle,
 .table-stage[data-table-layout="portrait"]:is([data-board-count="2"],[data-board-count="3"]) .table-center .card{width:27px;height:38px}
 .table-stage[data-table-layout="portrait"]:is([data-board-count="2"],[data-board-count="3"]) .table-center .card .corner{font-size:11px;top:2px;left:2px}
 .table-stage[data-table-layout="portrait"]:is([data-board-count="2"],[data-board-count="3"]) .table-center .card .corner .suit{font-size:7px}
 .table-stage[data-table-layout="portrait"]:is([data-board-count="2"],[data-board-count="3"]) .board-label{left:-13px;top:50%;transform:translateY(-50%);font-size:9px}
}
.table-stage[data-board-count="3"] .table-center .board-card-toggle+.board-card-toggle{margin-left:0}
@media(max-width:680px) and (orientation:portrait){
 .table-stage[data-table-layout="portrait"]:is([data-board-count="2"],[data-board-count="3"]) .table-center .board-card-toggle+.board-card-toggle{margin-left:0}
}