/* The settled result floats above the boards; it never occupies a flex slot
   or changes card, seat, fan, or dealing-animation geometry. */
.table-center .final-table-pot{
 position:absolute;left:50%;bottom:calc(100% + 8px);top:auto;
 transform:translateX(-50%);width:min(480px,calc(100% - 12px));height:40px;
 display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;
 gap:12px;padding:4px 10px;border:1px solid #e7c680;border-radius:10px;
 background:linear-gradient(#26372aff,#16271eff);box-shadow:0 4px 14px #0007;
 color:#fff3d4;z-index:9;pointer-events:auto;
}
.final-pot-total{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap}
.final-pot-total>span{font-size:10px;line-height:11px;color:#e9d3a1}
.final-pot-total>strong{font-size:28px;line-height:30px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.5px;color:#ffe6ab}
.final-pot-winners{min-width:0;height:30px;max-height:30px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#be9e68 #17271e}
.final-pot-winner{display:flex;align-items:center;gap:8px;min-width:0;min-height:30px;line-height:20px}
.final-pot-winner>span{flex:1;min-width:0;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.final-pot-winner>span{display:flex;gap:3px;align-items:center}
.final-winner-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.final-winner-verb{flex:none}
.final-pot-winner>b{flex:none;font-size:22px;line-height:24px;color:#c4efc4;font-variant-numeric:tabular-nums;white-space:nowrap}
@container poker-stage (max-height:510px) and (min-width:681px){
 .table-center .final-table-pot{height:24px;bottom:calc(100% + 1px);padding:1px 6px;gap:9px;border-radius:7px}
 .final-pot-total>span{font-size:9px;line-height:10px}
 .final-pot-total>strong{font-size:20px;line-height:20px}
 .final-pot-winners{height:20px;max-height:20px}
 .final-pot-winner{min-height:20px;line-height:18px}
 .final-pot-winner>span{font-size:13px}
 .final-pot-winner>b{font-size:18px;line-height:20px}
}
@media(max-width:680px) and (orientation:portrait){
 .table-stage[data-hand-phase="settled"] .poker-table>.brand-watermark{top:1%;font-size:9px;letter-spacing:1px}
 .table-stage[data-hand-phase="settled"] .poker-table>.brand-watermark .watermark-sub{font-size:4px;letter-spacing:1px;margin-top:2px}
 .table-center .final-table-pot{top:calc(50% - 32cqh);bottom:auto;width:min(210px,calc(100% - 16px));height:44px;padding:2px 6px;gap:7px;border-radius:8px}
 .table-stage[data-hole-count="5"] .table-center .final-table-pot{top:calc(50% - 23cqh)}
 .final-pot-total{flex-direction:column;align-items:flex-start;gap:1px}
 .final-pot-total>span{font-size:9px;line-height:10px}
 .final-pot-total>strong{font-size:22px;line-height:24px}
 .final-pot-winners{height:38px;max-height:38px}
 .final-pot-winner{flex-direction:column;align-items:flex-start;min-height:38px;line-height:15px;gap:1px}
 .final-pot-winner>span{flex:none;width:100%;font-size:13px;line-height:15px}
 .final-pot-winner>b{font-size:18px;line-height:21px}
 @container poker-stage (max-height:290px){
  /* Very short portraits have cards at the stage's top edge. Reuse the
     now-empty final-total header cell, preserving every existing card slot. */
  .table-stage[data-hand-phase="settled"] .poker-table>.brand-watermark{display:none}
  .table-center .final-table-pot,.table-stage[data-hole-count="5"] .table-center .final-table-pot{top:calc(50% - 31.5cqh - 54px);left:calc(25% + 8px);width:calc(50cqw + 16px);height:48px;padding:4px;gap:3px}
  .final-pot-total{flex-direction:column;align-items:flex-start;gap:1px}
  .final-pot-total>span{max-width:none;white-space:nowrap;font-size:9px;line-height:10px}
  .final-pot-total>strong{font-size:17px;line-height:22px;letter-spacing:-.6px}
  .final-pot-winners{height:36px;max-height:36px}
  .final-pot-winner{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-height:36px;line-height:15px}
  .final-pot-winner>span{flex:none;width:100%;font-size:13px;line-height:15px}
  .final-pot-winner>b{font-size:18px;line-height:20px}
 }
}
@container poker-stage (max-height:290px) and (min-width:681px){
 /* A low landscape uses the open right side of the felt between camera
    rows, clear of the left board lane and private fan. */
 .table-center .final-table-pot{left:calc(50% + 55cqw);top:calc(50% - 14cqh);bottom:auto;width:210px;height:44px;padding:3px 4px;gap:5px}
 .final-pot-total{flex-direction:column;align-items:flex-start;gap:1px}
 .final-pot-total>span{font-size:8px;line-height:9px}
 .final-pot-total>strong{font-size:18px;line-height:20px;letter-spacing:-.6px}
 .final-pot-winners{height:36px;max-height:36px}
 .final-pot-winner{flex-direction:column;align-items:flex-start;gap:1px;min-height:36px;line-height:15px}
 .final-pot-winner>span{flex:none;width:100%;font-size:13px;line-height:15px}
 .final-pot-winner>b{font-size:18px;line-height:20px}
 /* Earlier shown-card rules used a fixed -11px margin, overriding the fan
    overlap variable for five-card showdowns. Keep the existing card size and
    restore its intended compact fan width so names and video stay clear. */
 .table-stage[data-hand-phase="settled"][data-hole-count="5"] .seat.shown:not(.own) .seat-hand .card.mini:not(:first-child){margin-left:calc(0px - var(--opponent-overlap))}
}
@media(max-width:680px) and (max-height:652px) and (orientation:portrait){
 /* Keep the bonus value and its 48px touch surface alongside the readable
    compact final result; its decorative icon is dispensable in this state. */
 .play-column:has(.table-stage[data-hand-phase="settled"]) .table-topline .bonus-box{justify-self:end;width:128px;min-width:128px;height:48px;min-height:48px;padding:4px 6px;justify-content:center}
 .play-column:has(.table-stage[data-hand-phase="settled"]) .table-topline .bonus-box .eyebrow .icon{display:none}
}