/* The signed-in player's real seat is rotated to the same bottom-center anchor
   for every viewer. These variables supersede earlier fixed seat-order lanes. */
.table-stage[data-capacity] .seat[data-seat-order][data-seat-lane]{left:var(--seat-x)!important;top:var(--seat-y)!important}
.table-stage .seat{--seat-width:clamp(94px,14.5cqw,148px);--video-height:clamp(58px,7cqw,74px);width:var(--seat-width);gap:3px}
.table-stage .seat .seat-hand{--opponent-width:64px;--opponent-height:90px;--opponent-overlap:25px;position:absolute;display:flex;align-items:center;gap:0;left:calc(100% + 8px);right:auto;top:4px;bottom:auto;transform:none;z-index:5;pointer-events:none}
.table-stage .seat[data-hole-count="3"] .seat-hand{--opponent-overlap:34px}
.table-stage .seat:is([data-hole-count="4"],[data-hole-count="5"]) .seat-hand{--opponent-overlap:41px}
.table-stage .seat[data-seat-lane="right"] .seat-hand{left:auto;right:calc(100% + 8px)}
.table-stage .seat:not(.own) .seat-hand .card.mini,.table-stage .seat.shown:not(.own) .seat-hand .card.mini{width:var(--opponent-width);height:var(--opponent-height);margin-left:calc(0px - var(--opponent-overlap));border-radius:6px;opacity:1;filter:none}
.table-stage .seat:not(.own) .seat-hand .card.mini:first-child{margin-left:0}
.table-stage .seat:not(.own) .seat-hand .card .corner{font-size:22px;top:4px;left:4px}
.table-stage .seat:not(.own) .seat-hand .card .corner .suit{font-size:14px}
.table-stage .seat:not(.own) .seat-hand .card .corner.bottom{display:none}
.table-stage .seat:not(.own) .seat-hand .card .pip{right:4px;bottom:4px;font-size:34px}
.table-stage .seat:not(.own) .seat-hand .card .royal-frame{width:29px;height:44px;right:4px;bottom:4px}
.table-stage .seat:not(.own) .seat-hand .card .royal-letter{font-size:31px}
.table-stage .seat:not(.own) .seat-hand .card.back::after{font-size:28px}
.table-stage .seat.own .own-cards,.table-stage .seat.own[data-hole-count] .own-cards{left:calc(100% + 8px);right:auto;top:4px;bottom:auto;transform:none;--private-width:73px;--private-height:103px;--private-overlap:21px}
.table-stage .seat.own:is([data-hole-count="4"],[data-hole-count="5"]) .own-cards{--private-overlap:37px}
.table-stage .seat.own .own-cards .card .corner{font-size:26px;top:5px;left:5px}
.table-stage .seat.own .own-cards .card .corner .suit{font-size:17px}
.table-stage .seat.own .own-cards .card .pip{font-size:39px;right:5px;bottom:5px}
.table-stage .seat.own .own-cards .card .royal-frame{width:30px;height:44px;right:5px;bottom:5px}
.table-stage .seat.own .own-cards .card .royal-letter{font-size:36px}
.table-stage .seat.own .own-label{font-size:11px;bottom:-17px}
.table-stage .table-center .card{width:73px;height:103px}
.table-stage .table-center .card .corner{font-size:23px}
.table-stage .table-center .card .corner .suit{font-size:16px}
.table-stage:is([data-board-count="2"],[data-board-count="3"]) .table-center .card{width:57px;height:80px}
.table-stage:is([data-board-count="2"],[data-board-count="3"]) .table-center .card .corner{font-size:20px}
.table-stage:is([data-board-count="2"],[data-board-count="3"]) .table-center .card .corner .suit{font-size:13px}
.table-stage .seat .seat-clock{display:flex;align-items:center;gap:4px;width:100%;height:11px;min-height:11px;margin-top:0;padding:0 3px;opacity:.55;pointer-events:none}
.table-stage .seat .seat-clock-track{height:5px;flex:1;min-width:0;border-radius:5px;background:#0b1713;border:1px solid #adcbb229;overflow:hidden}
.table-stage .seat .seat-clock-fill{display:block;height:100%;width:100%;background:#8bab9b;transform-origin:left center;border-radius:inherit;transition:transform .22s linear}
.table-stage .seat .seat-clock [data-seat-clock-time]{font-size:10px;font-weight:800;line-height:10px;color:#bfcfc4;min-width:21px;text-align:right}
.table-stage .seat .seat-clock[data-clock-active="true"]{opacity:1}
.table-stage .seat .seat-clock[data-clock-active="true"] .seat-clock-fill{background:linear-gradient(90deg,#e5b65e,#f6dda8)}
.table-stage .seat .seat-clock[data-clock-active="true"] [data-seat-clock-time]{color:#ffe4a7}
.table-stage .seat .seat-clock[data-clock-mode="bank"] .seat-clock-fill{background:linear-gradient(90deg,#bd7446,#ffd19e)}
.table-stage .seat .seat-clock[data-clock-mode="muted"]{opacity:.27}
.table-stage .seat .seat-clock[data-clock-mode="expired"] .seat-clock-fill{background:#cb706b}
.table-wagers{position:absolute;inset:0;z-index:7;pointer-events:none}
.table-stage .table-wagers .bet-chip.seat-wager{position:absolute;left:var(--wager-x);top:var(--wager-y);right:auto;bottom:auto;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:7px;min-width:94px;max-width:160px;height:40px;min-height:40px;padding:4px 9px;background:linear-gradient(#162c22ee,#0b2119ee);border:1px solid #e1cf9880;border-radius:10px;box-shadow:0 4px 12px #0006;margin:0;white-space:nowrap}
.table-stage .table-wagers .seat-wager .amount{font-size:18px;font-weight:800;line-height:22px;white-space:nowrap;color:#fff4cf;text-shadow:0 1px 2px #000}
.table-stage .table-wagers .wager-chip-stack{display:block;--chip-width:26px;--chip-depth:13px;--chip-step:1px;--column-step:11px;height:30px;min-width:26px;max-width:48px}
@container play-area (max-width:950px){
 .table-stage .seat .seat-hand{--opponent-width:57px;--opponent-height:80px;--opponent-overlap:24px}
 .table-stage .seat:is([data-hole-count="4"],[data-hole-count="5"]) .seat-hand{--opponent-overlap:37px}
 .table-stage .seat.own[data-hole-count] .own-cards{--private-width:65px;--private-height:92px;--private-overlap:19px}
 .table-stage .seat.own:is([data-hole-count="4"],[data-hole-count="5"]) .own-cards{--private-overlap:34px}
 .table-stage .table-center .card{width:64px;height:90px}
 .table-stage:is([data-board-count="2"],[data-board-count="3"]) .table-center .card{width:50px;height:71px}
 .table-stage .table-wagers .bet-chip.seat-wager{height:35px;min-height:35px;min-width:82px;gap:5px;padding:3px 6px}
 .table-stage .table-wagers .seat-wager .amount{font-size:16px}
 .table-stage .table-wagers .wager-chip-stack{--chip-width:22px;--chip-depth:11px;height:25px}
}
@media(max-width:680px) and (orientation:portrait){
 .table-stage[data-table-layout="portrait"] .seat{--camera-width:70px;--camera-height:50px;--meta-width:70px;display:flex;flex-direction:column;gap:2px;width:var(--camera-width);height:auto;min-height:0}
 .table-stage[data-table-layout="portrait"] .seat .seat-body{width:var(--camera-width);height:var(--camera-height);min-height:var(--camera-height)}
 .table-stage[data-table-layout="portrait"] .seat .avatar{width:100%;height:100%;min-width:0}
 .table-stage[data-table-layout="portrait"] .seat .seat-meta{width:100%;min-width:0;height:37px;padding:2px 3px;text-align:left}
 .table-stage[data-table-layout="portrait"] .seat .seat-name{font-size:11px;line-height:11px}
 .table-stage[data-table-layout="portrait"] .seat .seat-stack{font-size:13px;line-height:13px}
 .table-stage[data-table-layout="portrait"] .seat .seat-hand{--opponent-width:47px;--opponent-height:67px;--opponent-overlap:36px;display:flex;left:calc(100% + 4px);right:auto;top:0;bottom:auto;transform:none}
 .table-stage[data-table-layout="portrait"] .seat[data-seat-lane="right"] .seat-hand{left:auto;right:calc(100% + 4px)}
 .table-stage[data-table-layout="portrait"] .seat:is([data-hole-count="3"],[data-hole-count="4"],[data-hole-count="5"]) .seat-hand{--opponent-overlap:44px}
 .table-stage[data-table-layout="portrait"] .seat:not(.own) .seat-hand .card .corner{font-size:18px;top:3px;left:3px}
 .table-stage[data-table-layout="portrait"] .seat:not(.own) .seat-hand .card .corner .suit{font-size:12px}
 .table-stage[data-table-layout="portrait"] .seat:not(.own) .seat-hand .card .pip{font-size:25px;right:3px;bottom:3px}
 .table-stage[data-table-layout="portrait"] .seat:not(.own) .seat-hand .card .royal-frame{width:20px;height:29px;right:3px;bottom:3px}
 .table-stage[data-table-layout="portrait"] .seat:not(.own) .seat-hand .card .royal-letter{font-size:23px}
 .table-stage[data-table-layout="portrait"] .seat:not(.own) .seat-hand .card.back::after{font-size:22px}
 .table-stage[data-table-layout="portrait"] .seat .player-chip-stack{bottom:-30px;right:2px;--chip-width:15px;--chip-depth:7px;--chip-step:.55px;--column-step:7px}
 .table-stage[data-table-layout="portrait"] .seat .seat-clock{height:9px;min-height:9px;gap:2px;padding:0}
 .table-stage[data-table-layout="portrait"] .seat .seat-clock-track{height:5px}
 .table-stage[data-table-layout="portrait"] .seat .seat-clock [data-seat-clock-time]{font-size:9px;min-width:19px}
 .table-stage[data-table-layout="portrait"] .seat.own[data-hole-count] .own-cards{left:calc(100% + 4px);top:0;--private-width:53px;--private-height:75px;--private-overlap:18px}
 .table-stage[data-table-layout="portrait"] .seat.own:is([data-hole-count="3"],[data-hole-count="4"],[data-hole-count="5"]) .own-cards{--private-width:49px;--private-height:70px;--private-overlap:31px}
 .table-stage[data-table-layout="portrait"] .seat.own .own-cards .card .corner{font-size:23px;top:4px;left:4px}
 .table-stage[data-table-layout="portrait"] .seat.own .own-cards .card .corner .suit{font-size:14px}
 .table-stage[data-table-layout="portrait"] .seat.own .own-label{display:none}
 .table-stage[data-table-layout="portrait"] .table-center{top:47%;width:100%;gap:8px}
 .table-stage[data-table-layout="portrait"] .table-center .board-row{width:84px;display:flex;flex-wrap:wrap;justify-content:center;gap:3px}
 .table-stage[data-table-layout="portrait"] .table-center .card{width:40px;height:57px}
 .table-stage[data-table-layout="portrait"] .table-center .card .corner{font-size:17px;top:3px;left:3px}
 .table-stage[data-table-layout="portrait"] .table-center .card .corner .suit{font-size:11px}
 .table-stage[data-table-layout="portrait"] .table-center .card .corner.bottom{display:none}
 .table-stage[data-table-layout="portrait"] .table-center .card .pip{font-size:25px}
 .table-stage[data-table-layout="portrait"] .table-center .card .royal-frame{width:22px;height:37px}
 .table-stage[data-table-layout="portrait"] .table-center .card .royal-letter{font-size:23px}
 .table-stage[data-table-layout="portrait"]:is([data-board-count="2"],[data-board-count="3"]) .table-center{flex-direction:column;gap:18px}
 .table-stage[data-table-layout="portrait"]:is([data-board-count="2"],[data-board-count="3"]) .table-center .board-row{width:116px;flex-wrap:nowrap;gap:0}
 .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:-9px}
 .table-stage[data-table-layout="portrait"]:is([data-board-count="2"],[data-board-count="3"]) .table-center .card{width:30px;height:43px}
 .table-stage[data-table-layout="portrait"]:is([data-board-count="2"],[data-board-count="3"]) .table-center .card .corner{font-size:14px;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:9px}
 .table-stage[data-table-layout="portrait"] .table-wagers .bet-chip.seat-wager{height:27px;min-height:27px;min-width:62px;max-width:110px;padding:2px;gap:2px;border-radius:7px}
 .table-stage[data-table-layout="portrait"] .table-wagers .seat-wager .amount{font-size:13px;line-height:18px}
 .table-stage[data-table-layout="portrait"] .table-wagers .wager-chip-stack{--chip-width:16px;--chip-depth:8px;--chip-step:.6px;--column-step:6px;height:21px;min-width:16px;max-width:26px}
 @container poker-stage (max-width:360px){
  .table-stage[data-table-layout="portrait"] .seat{--camera-width:58px;--camera-height:42px;--meta-width:58px}
  .table-stage[data-table-layout="portrait"] .seat .seat-hand{--opponent-width:42px;--opponent-height:60px;--opponent-overlap:34px}
  .table-stage[data-table-layout="portrait"] .seat:is([data-hole-count="3"],[data-hole-count="4"],[data-hole-count="5"]) .seat-hand{--opponent-overlap:40px}
  .table-stage[data-table-layout="portrait"] .seat.own[data-hole-count] .own-cards{--private-width:49px;--private-height:70px;--private-overlap:18px}
  .table-stage[data-table-layout="portrait"] .seat.own:is([data-hole-count="3"],[data-hole-count="4"],[data-hole-count="5"]) .own-cards{--private-width:44px;--private-height:63px;--private-overlap:27px}
  .table-stage[data-table-layout="portrait"] .table-center .board-row{width:78px;gap:2px}
  .table-stage[data-table-layout="portrait"] .table-center .card{width:37px;height:53px}
  .table-stage[data-table-layout="portrait"]:is([data-board-count="2"],[data-board-count="3"]) .table-center .board-row{width:100px}
  .table-stage[data-table-layout="portrait"]:is([data-board-count="2"],[data-board-count="3"]) .table-center .card{width:27px;height:39px}
  .table-stage[data-table-layout="portrait"] .table-wagers .bet-chip.seat-wager{height:25px;min-height:25px;min-width:62px;max-width:90px;padding:1px 3px;gap:3px}
  .table-stage[data-table-layout="portrait"] .table-wagers .seat-wager .amount{font-size:12px;line-height:16px}
 }
 @container poker-stage (max-height:290px){
  .table-stage[data-table-layout="portrait"] .seat{--camera-height:30px;gap:1px}
  .table-stage[data-table-layout="portrait"] .seat .seat-meta{height:32px;padding:1px 2px}
  .table-stage[data-table-layout="portrait"] .seat .seat-name{font-size:10px;line-height:10px}
  .table-stage[data-table-layout="portrait"] .seat .seat-stack{font-size:12px;line-height:12px}
  .table-stage[data-table-layout="portrait"] .seat .seat-hand{--opponent-width:36px;--opponent-height:51px;--opponent-overlap:20px}
  .table-stage[data-table-layout="portrait"] .seat:is([data-hole-count="3"],[data-hole-count="4"],[data-hole-count="5"]) .seat-hand{--opponent-overlap:28px}
  .table-stage[data-table-layout="portrait"] .seat.own[data-hole-count] .own-cards{--private-width:46px;--private-height:65px;--private-overlap:17px}
  .table-stage[data-table-layout="portrait"] .seat.own:is([data-hole-count="3"],[data-hole-count="4"],[data-hole-count="5"]) .own-cards{--private-width:41px;--private-height:59px;--private-overlap:25px}
  .table-stage[data-table-layout="portrait"] .table-center .card{width:34px;height:49px}
 }
}
@container poker-stage (max-height:290px) and (min-width:681px){
 .table-stage .seat{--camera-width:76px;--meta-width:65px;display:grid;grid-template-columns:var(--camera-width) var(--meta-width);gap:2px;width:calc(var(--camera-width) + var(--meta-width) + 2px);height:auto;min-height:0}
 .table-stage .seat .seat-body{width:var(--camera-width);height:49px;min-height:49px}
 .table-stage .seat .avatar{width:100%;height:100%;min-width:0}
 .table-stage .seat .seat-meta{width:var(--meta-width);height:43px;min-width:0;max-width:none;padding:3px 2px}
 .table-stage .seat .seat-clock{grid-row:2;grid-column:1/-1;height:9px;min-height:9px}
 .table-stage .seat .seat-hand{--opponent-width:40px;--opponent-height:57px;--opponent-overlap:21px;top:-8px}
 .table-stage .seat:is([data-hole-count="4"],[data-hole-count="5"]) .seat-hand{--opponent-overlap:29px}
 .table-stage .seat.own[data-hole-count] .own-cards{--private-width:49px;--private-height:70px;--private-overlap:16px;top:-12px}
 .table-stage .seat.own:is([data-hole-count="4"],[data-hole-count="5"]) .own-cards{--private-overlap:28px}
 .table-stage .table-center .card{width:40px;height:57px}
 .table-stage:is([data-board-count="2"],[data-board-count="3"]) .table-center .card{width:35px;height:50px}
 .table-stage .table-wagers .bet-chip.seat-wager{height:27px;min-height:27px;min-width:72px;padding:2px 4px;gap:4px}
 .table-stage .table-wagers .seat-wager .amount{font-size:13px}
 .table-stage .table-wagers .wager-chip-stack{--chip-width:18px;--chip-depth:9px;height:21px;min-width:18px}
}

/* Full-size fans share the camera's horizontal slot on wide tables. */
@media(min-width:681px){
 .table-stage .seat:not(.own) .seat-hand{left:50%;right:auto;top:auto;bottom:calc(100% + 5px);transform:translateX(-50%)}
 .table-stage .seat.own[data-hole-count] .own-cards{left:50%;right:auto;top:auto;bottom:calc(100% + 5px);transform:translateX(-50%)}
 .table-stage .seat.own .own-label{bottom:-15px}
 .table-stage .table-center{top:51%}
}
@container poker-stage (max-height:510px) and (min-width:681px){
 .table-stage[data-capacity] .seat[data-seat-order][data-seat-lane="top"]{top:34%!important}
 .table-stage .seat{--camera-width:85px;--meta-width:57px;display:grid;grid-template-columns:var(--camera-width) var(--meta-width);gap:2px;width:calc(var(--camera-width) + var(--meta-width) + 2px);height:auto;min-height:0}
 .table-stage .seat .seat-body{grid-column:1;grid-row:1;width:var(--camera-width);height:54px;min-height:54px}
 .table-stage .seat .avatar{width:100%;height:100%;min-width:0}
 .table-stage .seat .seat-meta{grid-column:2;grid-row:1;width:var(--meta-width);height:43px;min-width:0;max-width:none;padding:3px 2px;text-align:left}
 .table-stage .seat .seat-clock{grid-column:1/-1;grid-row:2}
 .table-stage .seat .seat-hand{--opponent-width:57px;--opponent-height:80px;--opponent-overlap:30px;bottom:calc(100% + 5px);top:auto}
 .table-stage .seat:is([data-hole-count="3"],[data-hole-count="4"],[data-hole-count="5"]) .seat-hand{--opponent-overlap:47px}
 .table-stage .seat.own{width:85px;display:flex;flex-direction:column}
 .table-stage .seat.own .seat-meta{position:absolute;left:calc(100% + 4px);top:0;width:57px}
 .table-stage .seat.own[data-hole-count] .own-cards{--private-width:61px;--private-height:86px;--private-overlap:18px}
 .table-stage .seat.own:is([data-hole-count="4"],[data-hole-count="5"]) .own-cards{--private-overlap:35px}
 .table-stage .table-center .card{width:51px;height:72px}
 .table-stage:is([data-board-count="2"],[data-board-count="3"]) .table-center .card{width:40px;height:57px}
}
/* Multiple completed runouts spread across the available wide felt. */
@media(min-width:681px){
 .table-stage:is([data-board-count="2"],[data-board-count="3"]) .table-center{width:96%;flex-direction:row;justify-content:center;gap:16px}
 .table-stage:is([data-board-count="2"],[data-board-count="3"]) .table-center .board-row{flex:none}
}
@container poker-stage (max-height:510px) and (min-width:681px){
 .table-stage[data-capacity] .seat[data-seat-order][data-seat-lane="bottom"]{top:92%!important}
 .table-stage .seat.own[data-hole-count] .own-cards{bottom:100%}
 .table-stage .seat.own .own-label{display:none}
 .table-stage .seat .seat-clock{grid-column:1;width:var(--camera-width)}
 .table-stage .seat .player-chip-stack{right:calc(0px - var(--meta-width) - 2px);bottom:-13px;--chip-width:15px;--chip-depth:7px;--chip-step:.65px;--column-step:7px}
 .table-stage .table-center{top:55.5%}
 .table-stage .table-wagers .seat-wager[data-seat-lane="bottom"]{top:80%}
}
/* Short phones keep a real video surface and full-size card corners in each
   perimeter lane; names sit on the camera's lower edge instead of extra rows. */
@media(max-width:680px) and (orientation:portrait){
 @container poker-stage (max-height:290px){
  .table-stage[data-table-layout="portrait"] .seat:not(.own){height:45px;min-height:45px;display:block}
  .table-stage[data-table-layout="portrait"] .seat:not(.own) .seat-body{height:40px;min-height:40px}
  .table-stage[data-table-layout="portrait"] .seat:not(.own) .seat-meta{position:absolute;left:0;top:14px;height:26px;padding:1px 2px;z-index:3;background:#193329d9}
  .table-stage[data-table-layout="portrait"] .seat:not(.own) .seat-hand-state{display:none}
  .table-stage[data-table-layout="portrait"] .seat:not(.own) .seat-clock{position:absolute;left:0;top:40px;height:5px;min-height:5px}
  .table-stage[data-table-layout="portrait"] .seat:not(.own) .seat-clock [data-seat-clock-time]{display:none}
  .table-stage[data-table-layout="portrait"] .seat:not(.own) .seat-clock-track{height:5px}
  .table-stage[data-table-layout="portrait"] .seat .seat-hand{--opponent-width:36px;--opponent-height:51px;--opponent-overlap:26px}
  .table-stage[data-table-layout="portrait"] .seat:is([data-hole-count="3"],[data-hole-count="4"],[data-hole-count="5"]) .seat-hand{--opponent-overlap:33px}
  .table-stage[data-capacity] .seat[data-seat-order][data-seat-lane="right"]{top:calc(10% + (var(--seat-y) - 10%) * .691)!important}
  .table-stage[data-capacity] .seat.own[data-seat-order][data-seat-lane]{top:82%!important}
  .table-stage[data-table-layout="portrait"] .seat.own{gap:1px}
  .table-stage[data-table-layout="portrait"] .seat.own .seat-body{height:40px;min-height:40px}
  .table-stage[data-table-layout="portrait"] .seat.own .seat-meta{height:25px;padding:1px 2px}
  .table-stage[data-table-layout="portrait"] .seat.own .seat-hand-state{display:none}
  .table-stage[data-table-layout="portrait"] .seat.own .seat-clock{height:6px;min-height:6px}
  .table-stage[data-table-layout="portrait"] .seat.own .seat-clock [data-seat-clock-time]{display:none}
  .table-stage[data-table-layout="portrait"] .table-center .board-row{width:68px;gap:2px}
  .table-stage[data-table-layout="portrait"] .table-center .card{width:32px;height:46px}
  .table-stage[data-table-layout="portrait"] .table-center .card .corner{font-size:14px;top:2px;left:2px}
  .table-stage[data-table-layout="portrait"] .table-center .card .corner .suit{font-size:9px}
  .table-stage[data-table-layout="portrait"] .table-wagers .bet-chip.seat-wager{flex-direction:column;justify-content:flex-end;width:46px;min-width:46px;max-width:68px;min-height:34px;height:34px;gap:0;padding:0 2px 2px}
  .table-stage[data-table-layout="portrait"] .table-wagers .seat-wager .amount{font-size:12px;line-height:14px}
  .table-stage[data-table-layout="portrait"] .table-wagers .wager-chip-stack{height:15px;--chip-width:14px;--chip-depth:7px;--chip-step:.3px;--column-step:5px;min-width:14px;max-width:22px}
  .table-stage[data-table-layout="portrait"] .table-wagers .seat-wager[data-seat-order="0"]{left:30.5%;top:92%}
  .table-stage[data-table-layout="portrait"] .table-message{max-width:68px;width:68px;font-size:9px!important;line-height:1.2!important;padding:3px!important}
  .table-stage[data-table-layout="portrait"]:is([data-capacity="9"],[data-capacity="10"]) .seat{height:31px;min-height:31px;display:block}
  .table-stage[data-table-layout="portrait"]:is([data-capacity="9"],[data-capacity="10"]) .seat .seat-body{height:26px;min-height:26px}
  .table-stage[data-table-layout="portrait"]:is([data-capacity="9"],[data-capacity="10"]) .seat .seat-meta{position:absolute;left:0;top:1px;height:25px;padding:0 2px;background:#193329bb}
  .table-stage[data-table-layout="portrait"]:is([data-capacity="9"],[data-capacity="10"]) .seat .seat-clock{position:absolute;left:0;top:26px;height:5px;min-height:5px}
  .table-stage[data-table-layout="portrait"]:is([data-capacity="9"],[data-capacity="10"]) .seat.own{top:90%!important}
  .table-stage[data-table-layout="portrait"]:is([data-capacity="9"],[data-capacity="10"]) .seat.own[data-hole-count] .own-cards{top:-23px;--private-width:40px;--private-height:57px;--private-overlap:13px}
  .table-stage[data-table-layout="portrait"]:is([data-capacity="9"],[data-capacity="10"]) .seat.own:is([data-hole-count="3"],[data-hole-count="4"],[data-hole-count="5"]) .own-cards{--private-overlap:26px}
  .table-stage[data-capacity="9"] .seat[data-seat-order][data-seat-lane="right"],.table-stage[data-capacity="10"] .seat[data-seat-order][data-seat-lane="right"]{top:calc(10% + (var(--seat-y) - 10%) * .82)!important}
 }
}
/* A wide, low phone uses three small side-by-side regions rather than hiding
   cameras. The viewer's avatar stays centered and their fan sits just inward. */
@container poker-stage (max-height:290px) and (min-width:681px){
 .table-stage[data-capacity] .seat[data-seat-order][data-seat-lane="top"]{top:24%!important}
 .table-stage[data-capacity] .seat[data-seat-order][data-seat-lane="bottom"]{top:calc(100% - 29px)!important}
 .table-stage .seat{--camera-width:70px;--meta-width:39px;width:165px;height:58px;min-height:58px;display:block}
 .table-stage .seat .seat-body{position:absolute;left:0;top:0;width:70px;height:37px;min-height:37px}
 .table-stage .seat .avatar{width:70px;height:37px;font-size:18px;border-radius:7px}
 .table-stage .seat .seat-meta{position:absolute;left:126px;top:0;width:39px;height:37px;min-width:0;padding:1px;text-align:left}
 .table-stage .seat .seat-name{font-size:10px;line-height:10px}
 .table-stage .seat .seat-stack{font-size:10px;line-height:11px}
 .table-stage .seat .seat-hand-state{font-size:8px;line-height:9px;height:9px;min-height:9px;max-height:9px}
 .table-stage .seat .seat-clock{position:absolute;left:126px;top:39px;width:39px;height:5px;min-height:5px;padding:0}
 .table-stage .seat .seat-clock [data-seat-clock-time]{display:none}
 .table-stage .seat .seat-clock-track{height:5px}
 .table-stage .seat:not(.own) .seat-hand{left:74px;right:auto;top:0;bottom:auto;transform:none;--opponent-width:40px;--opponent-height:57px;--opponent-overlap:28px}
 .table-stage .seat:not(.own):is([data-hole-count="3"],[data-hole-count="4"],[data-hole-count="5"]) .seat-hand{--opponent-overlap:37px}
 .table-stage .seat:not(.own) .seat-hand .card .corner{font-size:16px;top:2px;left:2px}
 .table-stage .seat:not(.own) .seat-hand .card .corner .suit{font-size:10px}
 .table-stage .seat:not(.own) .seat-hand .card .pip{font-size:22px}
 .table-stage .seat.own{width:70px;height:58px;min-height:58px;display:block}
 .table-stage .seat.own .seat-meta{left:calc(100% + 4px);width:39px}
 .table-stage .seat.own .seat-clock{left:calc(100% + 4px);width:39px}
 .table-stage .seat.own[data-hole-count] .own-cards{left:calc(50% + 11cqw);top:auto;bottom:calc(100% - 3px);transform:translateX(-50%);--private-width:47px;--private-height:67px;--private-overlap:19px}
 .table-stage .seat.own:is([data-hole-count="3"],[data-hole-count="4"],[data-hole-count="5"]) .own-cards{--private-overlap:31px}
 .table-stage .seat.own .own-cards .card .corner{font-size:19px;top:3px;left:3px}
 .table-stage .seat.own .own-cards .card .corner .suit{font-size:12px}
 .table-stage .seat .player-chip-stack{right:-91px;bottom:-17px;--chip-width:12px;--chip-depth:6px;--chip-step:.35px;--column-step:5px}
 .table-stage .table-center{left:25%;top:55%;width:46%;gap:9px}
 .table-stage .table-center .board-row{gap:3px}
 .table-stage .table-center .card{width:40px;height:57px}
 .table-stage .table-center .card .corner{font-size:15px;top:2px;left:2px}
 .table-stage .table-center .card .corner .suit{font-size:10px}
 .table-stage:is([data-board-count="2"],[data-board-count="3"]) .table-center{width:46%;gap:9px;flex-direction:column}
 .table-stage:is([data-board-count="2"],[data-board-count="3"]) .table-center .card{width:28px;height:40px}
 .table-stage .table-wagers .bet-chip.seat-wager{left:calc(var(--wager-x) - 47px);min-width:58px;height:18px;min-height:18px;padding:0 2px;gap:2px;border-radius:5px}
 .table-stage .table-wagers .seat-wager .amount{font-size:11px;line-height:14px}
 .table-stage .table-wagers .wager-chip-stack{--chip-width:13px;--chip-depth:6px;--chip-step:.3px;--column-step:5px;height:15px;min-width:13px;max-width:20px}
 .table-stage .table-wagers .seat-wager[data-seat-lane="top"]{top:calc(24% + 18px)}
 .table-stage .table-wagers .seat-wager[data-seat-lane="bottom"]{top:calc(100% - 11px)}
 .table-stage .table-wagers .seat-wager[data-seat-order="0"]{left:50%}
 .table-stage .seat.own .deck{left:2px;top:2px}
}
.table-stage .seat.hand-winner .avatar{border-color:#f1d8a1;box-shadow:0 0 0 3px #e5bc6055,0 4px 16px #0006}
.table-stage .seat.hand-winner .seat-meta{border-color:#edc573;background:linear-gradient(#4b432a,#332e1f)}
.table-stage .seat .seat-winner-award{color:#ffe9b7;font-weight:800}
.table-topline .pot-display strong{font-size:30px;line-height:1.05}
.hand-results .action-info{align-self:stretch;align-items:center;min-height:0}
.hand-outcome{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;max-width:100%;line-height:1.25}
.hand-outcome-title{font-size:16px!important;color:#ffe6ad;flex:none}
.hand-outcome-winners{display:flex;gap:5px 10px;flex-wrap:wrap;min-width:0;max-height:50px;overflow:auto;overscroll-behavior:contain}
.winner-payout{display:flex;align-items:center;gap:5px;font-size:14px;white-space:nowrap;color:#fff4cf}
.winner-payout b{color:#bce3bc;font-size:17px}
.hand-outcome-note{display:block!important;margin:0!important;font-size:11px;line-height:1.2;color:#cbd5c8}
.hand-outcome-details{padding:3px 6px;font-size:11px;line-height:1.2;border-radius:4px;background:#314335;color:#f5e1b2}
@media(max-width:680px) and (orientation:portrait){
 .table-topline .pot-display strong{font-size:26px}
 .hand-outcome-title{font-size:13px!important}
 .winner-payout{font-size:12px}
 .winner-payout b{font-size:14px}
 .hand-outcome-winners{max-height:34px}
 .hand-outcome-note{font-size:10px}
 .table-stage[data-table-layout="portrait"] .table-message{width:84px;max-width:84px}
}
@media(max-height:500px) and (orientation:landscape){.table-topline .pot-display strong{font-size:24px}.hand-outcome-title{font-size:12px!important}.winner-payout{font-size:11px}.winner-payout b{font-size:13px}.hand-outcome-note{font-size:9px}}
/* Keep the same action footprint throughout each sequential board reveal. */
@media(min-width:681px) and (min-height:501px){
 .action-panel{height:137px;min-height:137px;max-height:137px;flex-basis:137px}
 .action-panel.hand-results .action-info{max-height:71px;overflow:hidden}
 .action-panel.hand-results .hand-outcome{max-height:71px;overflow:hidden}
}
@media(max-width:680px) and (orientation:portrait){
 @container poker-stage (max-height:290px){
  .table-stage[data-table-layout="portrait"][data-board-count] .table-center{top:31.5%}
  .table-stage[data-table-layout="portrait"][data-board-count] .table-center .board-row{width:64px;display:flex;flex-wrap:wrap;gap:2px;justify-content:center}
  .table-stage[data-table-layout="portrait"][data-board-count] .table-center .card{width:30px;height:43px}
  .table-stage[data-table-layout="portrait"][data-board-count] .table-message{width:64px;max-width:64px}
  .table-stage[data-table-layout="portrait"]:is([data-capacity="9"],[data-capacity="10"]) .seat.own[data-hole-count] .own-cards{top:-20px}
 }
}
@container poker-stage (max-height:290px) and (min-width:681px){
 .table-stage .table-center{top:54.5%}
 .table-stage .table-center .card{width:36px;height:51px}
 .table-stage .seat.own[data-hole-count] .own-cards{bottom:100%}
}
@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-row{width:84px;flex-wrap:nowrap;gap:0}
 .table-stage[data-table-layout="portrait"]:is([data-board-count="2"],[data-board-count="3"]) .table-center .card{width:28px;height:40px}
 .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:-14px}
 @container poker-stage (max-height:290px){
  .table-stage[data-table-layout="portrait"]:is([data-board-count="2"],[data-board-count="3"]) .table-center{gap:14px}
  .table-stage[data-table-layout="portrait"]:is([data-board-count="2"],[data-board-count="3"]) .table-center .board-row{width:64px;flex-wrap:nowrap;gap:0}
  .table-stage[data-table-layout="portrait"]:is([data-board-count="2"],[data-board-count="3"]) .table-center .card{width:24px;height:34px}
  .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:-14px}
  .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}
 }
}
@media(min-width:681px) and (min-height:501px){
 .action-panel.hand-results{padding:8px 0;grid-template-rows:71px 44px;gap:6px 16px}
 .action-panel.hand-results .action-info{grid-column:2;grid-row:1}
 .action-panel.hand-results .action-utility{grid-column:1;grid-row:1/3;align-self:center}
 .action-panel.hand-results .action-buttons{grid-column:2;grid-row:2}
}
@media(max-width:680px) and (orientation:portrait){
 .action-panel.hand-results{padding:4px 0;grid-template-rows:56px 44px 44px;gap:4px}
 .action-panel.hand-results .action-info{grid-column:1/-1;grid-row:1;max-height:56px;overflow:hidden}
 .action-panel.hand-results .action-utility{grid-column:1/-1;grid-row:2;align-self:center;justify-self:start}
 .action-panel.hand-results .action-buttons{grid-column:1/-1;grid-row:3}
 .action-panel.hand-results .hand-outcome{gap:4px;max-height:56px;overflow:hidden}
}
/* Tall desktop tables use the wider cameras without spending another row of
   vertical space on names; normal-size hands and a full board stay separate. */
@media(min-width:681px){
 @container poker-stage (min-height:511px){
  .table-stage .seat{--camera-width:148px;--meta-width:57px;display:grid;grid-template-columns:var(--camera-width) var(--meta-width);gap:2px;width:207px;height:auto;min-height:0}
  .table-stage .seat .seat-body{grid-column:1;grid-row:1;width:148px;height:96px;min-height:96px}
  .table-stage .seat .avatar{width:148px;height:96px;min-width:0}
  .table-stage .seat .seat-meta{grid-column:2;grid-row:1;width:57px;height:43px;min-width:0;padding:3px 2px;text-align:left}
  .table-stage .seat .seat-clock{grid-column:1;grid-row:2;width:148px}
  .table-stage .seat .player-chip-stack{right:-59px;bottom:-13px;--chip-width:20px;--chip-depth:10px;--chip-step:1px;--column-step:8px}
  .table-stage .seat.own{display:flex;flex-direction:column;width:148px}
  .table-stage .seat.own .seat-meta{position:absolute;left:calc(100% + 4px);top:0;width:57px}
  .table-stage .seat.own[data-hole-count] .own-cards{bottom:100%}
  .table-stage[data-capacity] .seat[data-seat-order][data-seat-lane="bottom"]{top:90.5%!important}
  .table-stage .table-center{top:55.3%}
  .table-stage .table-wagers .seat-wager[data-seat-lane="bottom"]{top:80%}
 }
}
@media(max-width:680px) and (orientation:portrait){
 .table-stage[data-table-layout="portrait"][data-hole-count="5"] .table-center{top:38%}
 @container poker-stage (max-height:290px){
  .table-stage[data-table-layout="portrait"][data-hole-count="5"][data-board-count] .table-center{top:31.5%}
 }
}
@container poker-stage (max-height:290px) and (min-width:681px){
 .table-stage:is([data-board-count="2"],[data-board-count="3"]) .table-center{width:46%;flex-direction:row;gap:8px;top:54.5%}
 .table-stage:is([data-board-count="2"],[data-board-count="3"]) .table-center .board-row{gap:0}
 .table-stage:is([data-board-count="2"],[data-board-count="3"]) .table-center .card{width:22px;height:31px}
 .table-stage:is([data-board-count="2"],[data-board-count="3"]) .table-center .board-card-toggle+.board-card-toggle{margin-left:-4px}
 .table-stage:is([data-board-count="2"],[data-board-count="3"]) .table-center .card .corner{font-size:10px;top:1px;left:1px}
 .table-stage:is([data-board-count="2"],[data-board-count="3"]) .table-center .card .corner .suit{font-size:7px}
 .table-stage:is([data-board-count="2"],[data-board-count="3"]) .table-center .card .pip{font-size:17px}
}
@media(max-width:680px) and (orientation:portrait){
 .table-stage[data-table-layout="portrait"][data-hole-count="5"] .table-message{width:84px;max-width:84px}
 @container poker-stage (max-height:290px){
  .table-stage[data-table-layout="portrait"][data-hole-count="5"] .table-message{width:64px;max-width:64px;font-size:9px!important;line-height:1.15!important;padding:3px!important}
 }
}
@media(min-width:681px){
 @container poker-stage (min-height:511px){
  .table-stage .table-wagers .seat-wager[data-seat-lane="bottom"]{top:78%}
 }
}
/* Winner details retain a complete 44px touch target beside the text rather
   than wrapping a fourth line beneath the fixed footer. */
.hand-outcome{display:grid;grid-template-columns:minmax(0,1fr) 88px;grid-template-rows:19px 31px 17px;gap:0 8px;width:100%;height:67px;min-height:0;overflow:hidden}
.hand-outcome-title{grid-column:1;grid-row:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px}
.hand-outcome-winners{grid-column:1;grid-row:2;max-height:31px;min-height:0;align-self:center;overflow:auto;line-height:18px}
.hand-outcome-note{grid-column:1;grid-row:3;min-width:0;max-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:15px}
.hand-outcome-details{grid-column:2;grid-row:1/4;align-self:center;justify-self:stretch;display:flex;align-items:center;justify-content:center;width:88px;height:44px;min-height:44px;padding:4px;font-size:11px;line-height:14px}
.hand-outcome:not(:has(.hand-outcome-details)){grid-template-columns:minmax(0,1fr)}
@media(max-width:680px) and (orientation:portrait){
 .hand-outcome{grid-template-columns:minmax(0,1fr) 80px;grid-template-rows:17px 26px 13px;height:56px;gap:0 6px}
 .hand-outcome-winners{max-height:26px}
 .hand-outcome-note{max-height:13px;line-height:12px}
 .hand-outcome-details{width:80px}
}
@media(max-height:500px) and (orientation:landscape){
 .action-panel.hand-results .action-info{height:44px;max-height:44px;min-width:0;overflow:hidden}
 .action-panel.hand-results .hand-outcome{grid-template-columns:minmax(0,1fr) 72px;grid-template-rows:14px 18px 12px;height:44px;max-height:44px;gap:0 4px}
 .action-panel.hand-results .hand-outcome-title{font-size:11px!important;line-height:13px}
 .action-panel.hand-results .hand-outcome-winners{max-height:18px;line-height:16px}
 .action-panel.hand-results .hand-outcome-note{max-height:12px;line-height:11px;font-size:9px}
 .action-panel.hand-results .hand-outcome-details{width:72px;height:44px;min-height:44px;font-size:10px;line-height:12px}
}
.action-panel.hand-results .hand-outcome{gap:0 8px}
@media(max-width:680px) and (orientation:portrait){.action-panel.hand-results .hand-outcome{gap:0 6px}}
@media(max-height:500px) and (orientation:landscape){.action-panel.hand-results .hand-outcome{gap:0 4px}}