.seat-position {
  position:absolute;
  bottom:calc(100% + 4px);
  left:50%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:5px;
  white-space:nowrap;
  color:#d6ceb7;
  font:11px/1.4 var(--sans);
  padding:2px 6px;
  border-radius:3px;
  background:#1b211b;
}
.seat-position b { color:#ebcc90; font-size:11px; font-weight:600; }
.seat.is-self .seat-position {
  top:4px;
  bottom:auto;
  left:calc(100% + 7px);
  transform:none;
  flex-direction:column;
  gap:1px;
  background:#1b211b;
}
.seat.is-folded { opacity:1; background:#242b23; border-color:#424d3c; }
.seat.is-folded > :not(.seat-position):not(.dealer) { opacity:.55; }
.seat.is-winner { border-color:#dab775; background:#39412d; }
.seat-award {
  position:absolute;
  top:calc(100% + 5px);
  left:50%;
  transform:translateX(-50%);
  color:#f1d498;
  background:#20271c;
  border-radius:3px;
  padding:2px 9px;
  font:600 14px/1.4 var(--sans);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.seat.is-self .seat-award { top:auto; bottom:8px; left:auto; right:calc(100% + 7px); transform:none; }
.seat[data-anchor="left"] .seat-award,
.seat[data-anchor="top-center"] .seat-award { top:50%; left:calc(100% + 7px); right:auto; transform:translateY(-50%); }
.seat[data-anchor="right"] .seat-award { top:50%; left:auto; right:calc(100% + 7px); transform:translateY(-50%); }
.pot-chips {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:65px;
  height:31px;
  flex:none;
}
.pot-chips:empty { width:0; }
.pot-status { color:#bfc5b0; font:11px/1.4 var(--sans); min-height:16px; }
.chip-layer { position:absolute; inset:0; z-index:5; pointer-events:none; }
.chip-pile {
  --chip-size:22px;
  position:relative;
  display:inline-flex;
  align-items:flex-end;
  justify-content:center;
  gap:0;
  height:27px;
  min-width:22px;
  padding-top:9px;
  vertical-align:middle;
}
.chip-stack {
  position:relative;
  display:inline-block;
  width:var(--chip-size);
  height:12px;
  margin-left:-5px;
  --chip-color:#a4594a;
  --chip-edge:#6f392d;
}
.chip-stack:first-child { margin-left:0; }
.chip-color-1 { --chip-color:#568c7b; --chip-edge:#2f5d50; }
.chip-color-2 { --chip-color:#bc995f; --chip-edge:#806338; }
.poker-chip {
  position:absolute;
  width:var(--chip-size);
  height:12px;
  bottom:calc(var(--chip-level) * 3px);
  left:0;
  border-radius:50%;
  background:repeating-conic-gradient(var(--chip-color) 0deg 40deg,#f3e5c7 40deg 60deg);
  border:1px solid var(--chip-edge);
  box-shadow:0 2px 0 var(--chip-edge),0 4px 5px #0d130c55;
}
.poker-chip:after {
  content:"";
  position:absolute;
  inset:2px 4px;
  border-radius:50%;
  background:var(--chip-color);
  border:1px solid #f3e5c780;
}
.table-wager,.chip-flight {
  position:absolute;
  display:flex;
  align-items:center;
  flex-direction:column;
  transform:translate(-50%,-50%);
  width:max-content;
  max-width:90px;
}
.table-wager .chip-pile { --chip-size:18px; }
.chip-flight { z-index:2; will-change:transform,opacity; }
.wager-value {
  font:600 11px/1.35 var(--sans);
  font-variant-numeric:tabular-nums;
  color:#f0dfb7;
  background:#20271de6;
  border-radius:3px;
  padding:1px 5px;
  white-space:nowrap;
  margin-top:3px;
}
.winner-line + .winner-line { margin-top:3px; }
.result-panel p:empty { display:none; }
@media(max-width:600px) {
  .seat-position { gap:3px; padding:1px 4px; bottom:calc(100% + 3px); font-size:10px; }
  .seat-position b { font-size:10px; }
  .pot { gap:5px; }
  .pot-chips { width:52px; height:28px; }
  .chip-pile { --chip-size:18px; }
  .table-wager .chip-pile { --chip-size:16px; }
  .wager-value { font-size:10px; padding:1px 3px; }
  .seat-award { font-size:12px; top:calc(100% + 3px); }
  .result-panel { padding:12px 14px; }
  .result-title { font-size:18px; }
}