/* Compact life details and taller opponent profiles; table lanes stay fixed. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .profile-header {
  height:64px !important; min-height:64px !important; flex:0 0 64px !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .mobile-seat-card {
  justify-content:flex-start !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .avatar-wrap {
  width:64px !important; height:64px !important; min-width:64px !important; left:26px !important; top:0 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .mascot-portrait[data-mascot-render="cutout"] > .mascot-source {
  transform:translateY(20px) scale(1.3125) !important; transform-origin:center bottom !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .holes {
  left:33px !important; top:28px !important; width:50px !important; min-width:50px !important; max-width:50px !important; height:36px !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .holes .card {
  width:24px !important; min-width:24px !important; flex-basis:24px !important; height:36px !important; min-height:36px !important; left:3px !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .holes .card + .card {
  left:23px !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat:not(.folded) .holes:has(.card[data-card]) .card {
  width:26px !important; min-width:26px !important; flex-basis:26px !important; height:39px !important; min-height:39px !important; left:1.5px !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat:not(.folded) .holes:has(.card[data-card]) .card + .card {
  left:22.5px !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .name-pill {
  width:110px !important; min-width:110px !important; max-width:110px !important; align-self:center !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-nameplate {
  width:212px !important; min-width:212px !important; max-width:212px !important; align-self:center !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) :is(.name-pill,.hero-nameplate) {
  display:grid !important; grid-template-columns:minmax(0,1fr) !important; grid-template-rows:18px 26px !important; height:50px !important; min-height:50px !important; padding:2px 3px !important; row-gap:0 !important; border:1px solid #a88c50 !important; border-radius:7px !important; box-sizing:border-box !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) :is(.name-pill,.hero-nameplate)::after {
  content:none !important; display:none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) :is(.name-pill,.hero-nameplate) .name {
  grid-row:1 !important; min-width:0 !important; align-self:center !important; padding:0 !important; line-height:1.05 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .name {
  font-size:calc(13px / var(--ui-scale)) !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) :is(.name-pill,.hero-nameplate):not(:has(.bounty-life-trigger)) .name {
  padding-inline:0 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) :is(.name-pill,.hero-nameplate) .chips {
  display:flex !important; align-items:center !important; justify-content:center !important; grid-row:2 !important; width:100% !important; height:26px !important; min-height:26px !important; margin:0 !important; padding:0 !important; border:0 !important; line-height:1.05 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .chips {
  font-size:calc(17px / var(--ui-scale)) !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .bounty-life-trigger {
  position:absolute !important; top:-24px !important; right:1px !important; left:auto !important; bottom:auto !important; display:flex !important; align-items:center !important; justify-content:center !important; width:24px !important; min-width:24px !important; max-width:24px !important; height:24px !important; min-height:24px !important; margin:0 !important; padding:3px !important; border:0 !important; border-radius:5px !important; background:transparent !important; color:#e8bc55 !important; box-shadow:none !important; transform:none !important; line-height:1 !important; z-index:8 !important; cursor:pointer !important; pointer-events:auto !important; touch-action:manipulation;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .bounty-life-icon {
  display:block !important; width:16px !important; height:16px !important; overflow:visible; filter:drop-shadow(0 1px 1px #0006); pointer-events:none;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .bounty-life-trigger:is(:focus-visible,[aria-expanded="true"]) {
  outline:1px solid #e8bc55 !important; outline-offset:-2px !important; background:#e8bc5516 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat-clock-12 {
  top:calc(var(--eight-seat-12-y) - 16px * var(--eight-widget-density,1)) !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #betChipLayer .bet-anchor-eight-730 {
  top:calc(var(--eight-bet-730-y) + 24px * var(--eight-widget-density,1)) !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #betChipLayer .bet-anchor-eight-430 {
  top:calc(var(--eight-bet-430-y) + 24px * var(--eight-widget-density,1)) !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #betChipLayer .bet-anchor-eight-6 {
  top:calc(var(--eight-bet-6-y) + 24px * var(--eight-widget-density,1)) !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero {
  bottom:0 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .mobile-hero-seat {
  gap:0 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-info {
  gap:4px !important;
}

.bounty-life-popover { position:fixed; z-index:13000; box-sizing:border-box; padding:12px 30px 12px 14px; border:1px solid #ab8b4d; border-radius:12px; background:linear-gradient(160deg,#302b22,#191714); color:#f6eedc; box-shadow:0 8px 28px #0008; font:13px/1.4 'Pretendard Variable',sans-serif; text-align:left; }
.bounty-life-popover[hidden] { display:none !important; }
.bounty-life-popover-label { display:block; color:#cdbb94; font-size:11px; margin-bottom:3px; }
.bounty-life-popover-value { display:block; color:#f0ca73; font-size:19px; line-height:1.3; font-weight:800; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.bounty-life-popover-detail { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.bounty-life-popover-close { position:absolute; top:4px; right:4px; width:28px; min-width:28px; height:28px; min-height:28px; margin:0; padding:0; border:0; border-radius:6px; background:transparent; color:#dbc9a3; font:20px/1 sans-serif; cursor:pointer; box-shadow:none; }
.bounty-life-popover-close:focus-visible { outline:1px solid #e8bc55; }

/* The hidden card backs tuck roughly 5% of their 36px height behind the plaque.
   Showdown keeps its raised, fully readable pose. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat:not(.folded) .holes:not(:has(.card[data-card])) {
  top:29.8px !important;
}
/* Folding changes cards only: preserve the avatar, plaque and life trigger. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat.folded .holes {
  display:none !important; visibility:hidden !important; opacity:0 !important;
  pointer-events:none !important; animation:none !important; transition:none !important;
}

/* The hero shares the opponents' centered 64px portrait, with larger cards.
   A fixed header keeps the plaque and table anchors still through every state.
   Let the 90px faces finish below the 88px header so both lower corners show. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .mascot-hero-header {
  display:block !important; position:relative !important; width:220px !important; height:88px !important;
  min-height:88px !important; flex:0 0 88px !important; overflow:visible !important; isolation:isolate !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-avatar-wrap {
  position:absolute !important; inset:auto !important; left:78px !important; top:24px !important;
  width:64px !important; min-width:64px !important; height:64px !important; min-height:64px !important;
  grid-area:auto !important; overflow:visible !important; z-index:2 !important; opacity:1 !important; filter:none !important; visibility:visible !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .mascot-portrait[data-mascot-render="cutout"] > .mascot-source {
  transform:translateY(20px) scale(1.3125) !important; transform-origin:center bottom !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .holes {
  position:absolute !important; inset:auto !important; left:44px !important; top:0 !important;
  display:block !important; grid-area:auto !important; width:132px !important; min-width:132px !important; max-width:132px !important;
  height:88px !important; min-height:88px !important; margin:0 !important; gap:0 !important;
  transform:none !important; translate:0 0 !important; z-index:3 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .holes .card {
  position:absolute !important; top:0 !important; left:0 !important; width:64px !important; min-width:64px !important; flex:0 0 64px !important;
  height:90px !important; min-height:90px !important; margin:0 !important; rotate:0deg !important; transform:none !important;
  transform-origin:50% 100% !important; z-index:1 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .holes .card + .card {
  left:68px !important; rotate:0deg !important; z-index:2 !important;
}
/* Both waiting and active cards sit straight beside each other. Suppress
   the covered portrait so it cannot show through the gap or clipped edges. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero:not(.folded):has(.holes .card) .hero-avatar-wrap,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero.folded.is-fold-peeking .hero-avatar-wrap {
  visibility:hidden !important; pointer-events:none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero.folded {
  opacity:1 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero.folded .holes {
  display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; animation:none !important; transition:none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-fold-peek-trigger {
  position:absolute !important; inset:0 auto auto 44px !important; width:132px !important; min-width:132px !important; height:88px !important;
  margin:0 !important; padding:0 !important; border:0 !important; border-radius:6px !important; background:transparent !important;
  box-shadow:none !important; z-index:5 !important; cursor:pointer !important; touch-action:none !important; user-select:none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-fold-peek-trigger:focus-visible {
  outline:1px solid #ddc783 !important; outline-offset:-2px !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero.folded.is-fold-peeking .holes {
  display:block !important; visibility:visible !important; opacity:1 !important; filter:grayscale(1) brightness(.9) !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero.folded.is-fold-peeking .holes .card::after {
  content:none !important; display:none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-nameplate .name.player-profile-trigger {
  cursor:pointer;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #actionPanel.is-folded-waiting #actionButtons > button {
  opacity:.48 !important; filter:saturate(.1) brightness(.8) !important; pointer-events:none !important;
}