/* Approved C mascot skin. The 430×932 frame, seat anchors, board and chip
   coordinates belong to tournament-eight-layout and remain unchanged. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView {
  --mascot-ivory: #fff5dd;
  --mascot-ink: #2b2015;
  --mascot-gold: #d6a44c;
  --mascot-hero-width: 220px;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat { width:116px !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .mobile-seat-card {
  width:116px !important; gap:0 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .profile-header {
  display:grid !important; grid-template-columns:52px 64px !important;
  gap:0 !important; width:116px !important; height:52px !important;
  margin:0 !important; align-items:end !important; overflow:visible !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .avatar-wrap {
  grid-column:1 !important; grid-row:1 !important;
  width:52px !important; height:52px !important; min-width:52px !important;
  margin:0 !important; padding:3px !important; box-sizing:border-box !important;
  border:1.5px solid #ffe8a7 !important; border-radius:50% !important;
  background:linear-gradient(145deg,#fff1be 4%,#d99c25 35%,#ffe9a0 63%,#936126) !important;
  box-shadow:0 0 0 1.5px #4b371d,0 2px 5px #24180b66,inset 0 0 0 1px #ffd97a !important;
  overflow:visible !important; transform:none !important; isolation:isolate;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat-right .profile-header {
  grid-template-columns:64px 52px !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat-right .avatar-wrap { grid-column:2 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .avatar {
  display:block !important; width:100% !important; height:100% !important;
  border:1px solid #e3c790 !important; border-radius:50% !important;
  background-color:#fff4d8 !important; overflow:hidden !important;
  box-sizing:border-box !important; box-shadow:inset 0 1px 3px #694d122b !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView .avatar img { width:100% !important; height:100% !important; object-fit:cover !important; border-radius:50% !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .holes {
  position:relative !important; inset:auto !important;
  grid-column:2 !important; grid-row:1 !important; transform:none !important;
  display:flex !important; align-items:end !important; justify-content:center !important;
  width:64px !important; min-width:64px !important; max-width:64px !important;
  height:52px !important; gap:0 !important; padding:0 !important; margin:0 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat-right .holes { grid-column:1 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .holes .card {
  position:relative !important; flex:0 0 32px !important; width:32px !important; min-width:32px !important;
  height:52px !important; min-height:52px !important; box-sizing:border-box !important;
  border-radius:4px !important; box-shadow:0 2px 4px #21130755 !important;
}
/* Two full-height cards fit beside the avatar without overlap. Their inner
   edge stays in the wider 116px profile, clear of the community cards. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .holes .card + .card { margin-left:0 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .name-pill,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-nameplate {
  box-sizing:border-box !important; overflow:visible !important;
  margin:0 !important; background:linear-gradient(180deg,#fff9e9,#fff0ce) !important;
  border:1px solid #d3aa5c !important; border-radius:7px !important;
  box-shadow:inset 0 1px 0 #fffdf3,inset 0 -1px 0 #e8cb8c,0 3px 7px #2b1b0b4d !important;
  color:var(--mascot-ink) !important; text-shadow:none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .name-pill {
  width:116px !important; min-width:116px !important; max-width:116px !important;
  height:auto !important; min-height:0 !important; padding:3px 3px 3px !important;
  display:flex !important; flex-direction:column !important; align-items:stretch !important;
  gap:0 !important;
}
/* 매장·클럽 명찰은 좌석 탭 팝업으로 이동(2026-10-20). 혹시 남은 마크업은 숨긴다. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .mascot-affiliations { display:none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .name {
  display:block !important; flex:0 0 auto !important;
  font-size:calc(12px / var(--ui-scale)) !important; line-height:1.05 !important;
  font-weight:750 !important; color:#3a2817 !important;
  white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;
  margin:0 !important; padding:0 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .chips {
  display:block !important; flex:0 0 auto !important; width:100% !important;
  min-height:0 !important; padding:1px 0 0 !important; margin:1px 0 0 !important;
  border:0 !important; border-top:1px solid #d8bb7f55 !important; border-radius:0 !important;
  background:none !important; box-shadow:none !important;
  font-size:calc(16px / var(--ui-scale)) !important; line-height:1.05 !important;
  font-weight:800 !important; letter-spacing:-.02em !important; color:#2b2117 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .mascot-affiliations {
  display:flex !important; flex-direction:column !important; align-items:stretch !important; justify-content:flex-start !important;
  flex:0 0 auto !important; width:100% !important; height:30px !important; min-height:30px !important;
  gap:1px !important; margin:1px 0 0 !important; padding:0 !important;
  border-top:1px solid #d8bb7f66 !important; box-sizing:border-box !important;
  overflow:hidden !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .mascot-affiliations .seat-tag {
  position:relative !important; display:flex !important; align-items:center !important;
  box-sizing:border-box !important;
  flex:0 0 14px !important; justify-content:center !important; width:100% !important; min-width:0 !important; max-width:100% !important;
  height:14px !important; min-height:14px !important; padding:0 3px 1px !important; margin:0 !important;
  border:0 !important; border-radius:3px !important; box-shadow:none !important;
  font-size:calc(11px / var(--ui-scale)) !important; font-weight:800 !important;
  line-height:1 !important; letter-spacing:0 !important; white-space:nowrap !important;
  overflow:hidden !important; text-overflow:ellipsis !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .mascot-affiliations .seat-tag-store { background:var(--store-bg,#f4d8a34a) !important; color:var(--store-fg,#70451e) !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .mascot-affiliations .seat-tag-club { background:#187e8630 !important; color:#15555b !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .mascot-affiliations .seat-tag::before {
  content:''; display:block; width:11px; height:11px; flex:0 0 11px; margin-right:3px;
  background:currentColor; mask:var(--mascot-affiliation-icon) center / contain no-repeat;
  -webkit-mask:var(--mascot-affiliation-icon) center / contain no-repeat;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView .seat-tag-store { --mascot-affiliation-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M2 10 12 2l10 8v3h-3v9h-5v-7h-4v7H5v-9H2z'/%3E%3C/svg%3E"); }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView .seat-tag-club { --mascot-affiliation-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 1 9 4v7c0 6-6 10-9 11-3-1-9-5-9-11V5zm0 5-1.8 4-4.2.5 3.2 2.8-.8 4.2 3.6-2.2 3.6 2.2-.8-4.2 3.2-2.8-4.2-.5z'/%3E%3C/svg%3E"); }
/* 아바타 아래 반반(2026-10-20): 왼쪽 좌석·12시 [등수][VPIP], 오른쪽 좌석 [VPIP][등수], 히어로 [VPIP][등수].
   좌석 21×18 ×2 = 아바타 안(52px 박스, 3px 패딩), 히어로 32×18 ×2 = 68px 박스 안쪽(테두리 1.5px) — 서로·카드와 겹치지 않는다. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .mascot-rank {
  position:absolute !important; left:0 !important; right:auto !important;
  top:auto !important; bottom:-1px !important; display:block !important;
  width:21px !important; height:18px !important; z-index:5 !important;
  transform:none !important; pointer-events:none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat-right .mascot-rank { left:auto !important; right:0 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .mascot-rank { left:auto !important; right:0 !important; width:32px !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .mascot-rank .seat-tag { width:32px !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .mascot-vpip {
  position:absolute !important; left:auto !important; right:0 !important;
  top:auto !important; bottom:-1px !important; display:block !important;
  width:21px !important; height:18px !important; z-index:5 !important;
  transform:none !important; pointer-events:none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat-right .mascot-vpip { left:0 !important; right:auto !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .mascot-vpip { left:0 !important; right:auto !important; width:32px !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .mascot-vpip .seat-tag-vpip {
  position:relative !important; display:grid !important; place-items:center !important;
  width:21px !important; min-width:0 !important; height:18px !important; min-height:18px !important;
  margin:0 !important; padding:0 !important; box-sizing:border-box !important; border-radius:4px !important;
  background:linear-gradient(140deg,#2f5a70,#17313f) !important; color:#d2f3ff !important;
  border:1px solid #86d4ec !important; font-size:calc(10px / var(--ui-scale)) !important; font-weight:800 !important;
  letter-spacing:-.03em !important; line-height:1 !important; box-shadow:0 1px 2px #0006 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .mascot-vpip .seat-tag-vpip { width:32px !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .mascot-rank .seat-tag {
  position:relative !important; display:grid !important; place-items:center !important;
  width:21px !important; height:18px !important; min-height:18px !important;
  margin:0 !important; padding:0 !important; border-radius:4px !important;
  font-size:calc(9px / var(--ui-scale)) !important; font-weight:800 !important;
  letter-spacing:-.04em !important; line-height:1 !important; overflow:hidden !important; isolation:isolate;
  box-shadow:0 1px 3px #281b0d55,inset 0 1px 0 #ffffff80 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .mascot-rank .seat-tag-rank-1 { background:linear-gradient(140deg,#fff1ad,#ffd95e 48%,#d79a26) !important; color:#533512 !important; border:1px solid #fff3bc !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .mascot-rank .seat-tag-rank-2 { background:linear-gradient(140deg,#fff,#d8e1ee 48%,#9faebf) !important; color:#27303c !important; border:1px solid #f3f7fc !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .mascot-rank .seat-tag-rank-3 { background:linear-gradient(140deg,#ffe0aa,#eeb677 48%,#c37c40) !important; color:#583316 !important; border:1px solid #ffe5bb !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .mascot-rank .seat-tag::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(110deg,transparent 20%,#fff9 48%,transparent 73%);
  transform:translateX(-140%); animation:mascot-rank-sheen 6s ease-in-out infinite;
}
@keyframes mascot-rank-sheen { 0%,72% { transform:translateX(-140%); } 90%,100% { transform:translateX(140%); } }
/* Wider hole cards fill the space beside the avatar; profile rows still
   reach the raise column. Direct amount entry lives above the raise presets. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-info {
  left:0 !important; bottom:0 !important; width:var(--mascot-hero-width) !important; min-width:var(--mascot-hero-width) !important; max-width:var(--mascot-hero-width) !important;
  transform:none !important; display:flex !important; flex-direction:column !important;
  align-items:flex-start !important; gap:4px !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .mascot-hero-header {
  position:relative; display:grid; grid-template-columns:68px 132px; gap:8px;
  width:208px; height:70px; align-items:end;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-avatar-wrap {
  position:relative !important; inset:auto !important; grid-column:1; grid-row:1;
  align-self:end !important; width:68px !important; height:68px !important;
  min-width:68px !important; margin:0 !important; padding:3px !important;
  box-sizing:border-box !important; border:1.5px solid #ffe8a7 !important; border-radius:50% !important;
  background:linear-gradient(145deg,#fff1be,#d99c25 35%,#ffe9a0 63%,#936126) !important;
  box-shadow:0 0 0 1.5px #4b371d,0 2px 6px #24180b66,inset 0 0 0 1px #ffd97a !important;
  overflow:visible !important; transform:none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .avatar { width:100% !important; height:100% !important; border-radius:50% !important; overflow:hidden !important; border:1px solid #e3c790 !important; box-sizing:border-box !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .holes {
  position:relative !important; inset:auto !important; grid-column:2; grid-row:1;
  display:flex !important; align-items:end !important; justify-content:center !important;
  width:132px !important; height:70px !important; margin:0 !important; gap:4px !important;
  transform:none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .holes .card { width:64px !important; min-width:64px !important; height:70px !important; flex:0 0 64px !important; border-radius:6px !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-nameplate {
  position:relative !important; inset:auto !important; transform:none !important; flex:0 0 auto !important;
  width:var(--mascot-hero-width) !important; min-width:var(--mascot-hero-width) !important; max-width:var(--mascot-hero-width) !important; height:auto !important; min-height:40px !important;
  padding:3px 6px !important; display:flex !important; flex-direction:column !important;
  align-items:stretch !important; justify-content:center !important; gap:0 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-nameplate .name { font-size:calc(11px / var(--ui-scale)) !important; line-height:1.05 !important; font-weight:750 !important; color:#3a2817 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-nameplate .chips {
  width:100% !important; min-height:0 !important; margin:1px 0 0 !important; padding:0 !important;
  border:0 !important; border-top:1px solid #d8bb7f55 !important; border-radius:0 !important;
  background:none !important; box-shadow:none !important;
  font-size:calc(14px / var(--ui-scale)) !important; line-height:1.05 !important;
  font-weight:800 !important; color:#2b2117 !important;
}
/* Hero paid chips use the separate lower triangle anchor in the shared layout. */
/* 사이징(레이즈 스택) 중에도 히어로는 그대로 — 스택은 오른쪽 레이즈 버튼 위에 뜬다(2026-10-20). */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-hand-strength {
  position:absolute !important; left:0 !important; right:auto !important; top:calc(100% + 4px) !important; bottom:auto !important;
  transform:none !important; box-sizing:border-box !important; width:var(--mascot-hero-width) !important; max-width:var(--mascot-hero-width) !important; height:18px !important;
  margin:0 !important; padding:0 6px !important; display:flex !important; align-items:center !important; justify-content:center !important;
  border-radius:6px !important; font-size:calc(10px / var(--ui-scale)) !important; line-height:1 !important; white-space:nowrap !important;
  overflow:hidden !important; text-overflow:ellipsis !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .timer-ring { display:none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView .seat.toact .avatar-wrap,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero.toact .hero-avatar-wrap { box-shadow:0 0 0 2px #39ddb2,0 0 12px #2ce4b352,inset 0 0 0 1px #ffe9a5 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .action-badge,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-turn-badge,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-action-result-badge {
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  position:absolute !important; top:-21px !important; bottom:auto !important;
  left:50% !important; right:auto !important; transform:translateX(-50%) !important;
  width:116px !important; min-width:116px !important; max-width:116px !important;
  height:18px !important; padding:0 8px !important; box-sizing:border-box !important;
  margin:0 !important; gap:4px !important; border:1px solid #f3cf78 !important;
  border-radius:999px !important; color:#533512 !important;
  background:linear-gradient(180deg,#fff2b5,#ffd761) !important;
  font-size:calc(10px / var(--ui-scale)) !important; line-height:1 !important;
  font-weight:750 !important; letter-spacing:0 !important; white-space:nowrap !important;
  text-shadow:none !important; box-shadow:inset 0 1px 0 #fff6cf,0 2px 6px #33210c55 !important;
  overflow:hidden !important; animation:none !important; z-index:6 !important;
}
/* Match the hero capsule to its visible avatar-to-card header, rather than
   the wider 220px nameplate below it. Both capsule types have a 3px top gap. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-turn-badge,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-action-result-badge {
  top:-23px !important; left:104px !important; width:208px !important;
  min-width:208px !important; max-width:208px !important; height:20px !important;
}
/* Approved gauge capsule: a quiet full-height fill behind seconds only. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .toact-badge {
  --mascot-timer-tone:#27876b;
  padding:0 8px !important; gap:0 !important; background:#29241f !important;
  border-color:var(--mascot-timer-tone) !important; color:#fffaf0 !important;
  box-shadow:0 2px 4px #23180d44 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .toact-badge::before {
  content:'' !important; position:absolute !important; inset:0 !important;
  width:auto !important; height:auto !important; border-radius:inherit !important;
  background:var(--mascot-timer-tone) !important; opacity:.48 !important;
  transform:scaleX(var(--mascot-timer-progress,1)) !important;
  transform-origin:left center !important; box-shadow:none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .toact-badge::after { content:none !important; display:none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .toact-badge .toact-sec {
  position:relative !important; z-index:1 !important; font-size:inherit !important;
  line-height:1 !important; font-weight:800 !important; color:inherit !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .action-result-fold { background:linear-gradient(#a38a6f,#77614b) !important; color:#fff7ec !important; border-color:#c2ab91 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .action-result-check { background:linear-gradient(#e1f6ed,#a7ddc9) !important; color:#155b43 !important; border-color:#9ac6ae !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .action-result-allin { background:linear-gradient(#ff625b,#e32f35) !important; color:white !important; border-color:#ffb4a5 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .action-result-allin .arb-inner { animation:none !important; }

/* ── 좌석 액션 배지 색 = 내가 누르는 하단 버튼 색 (2026-10-19) ──
   CALL 노랑(.ab-call), BET/RAISE 주황(.ab-raise), FOLD 회색(.ab-fold), CHECK 민트. 상대가 무엇을 했는지
   버튼 색으로 바로 읽힌다. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .action-result-call { background:linear-gradient(#ffe46d,#ffd041) !important; color:#482e0d !important; border-color:#ffed9c !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) :is(.action-result-bet,.action-result-raise) { background:linear-gradient(#ff9d3f,#ff7823) !important; color:#4f260b !important; border-color:#ffc181 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .action-result-fold { background:linear-gradient(#b1977b,#8b7054) !important; color:#fff8ed !important; border-color:#cab49b !important; }

/* ── 폴드 좌석: 카드 전체를 흐리지 않고 아바타만 회색조, 명찰은 읽히게 (2026-10-19) ──
   style.css 의 .seat.folded { opacity:.62; filter:... } 는 칩 수까지 흐려 토너에서 상대 스택을 못 읽었다. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat.folded { opacity:1 !important; filter:none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat.folded .avatar-wrap { filter:grayscale(1) brightness(.62) !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat.folded .avatar-wrap :is(.avatar,.mascot-portrait) { filter:none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat.folded .name-pill { opacity:.82 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat.folded :is(.holes,.card) { opacity:1 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat.folded .holes .card { filter:brightness(.42) saturate(.55) !important; }

/* ── 올인 런아웃: "ALL-IN · 47%" 한 줄 배지 (2026-10-19) ──
   위 .action-badge 규칙의 display:inline-flex !important 가 skin.css 의 스웻 중 잔존 배지 숨김을 이겨 빨간
   ALL-IN 배지가 승률 캡슐 뒤에 남아 겹쳤다. 8인 프레임에서는 여기서 숨기고, 올인 좌석의 % 태그는 applyEquities 가
   .is-allin 으로 표시해 "ALL-IN" 과 % 를 한 줄에 담는다. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table.runout-sweat-active #tableView :is(#seats,#seatGhosts,#hero) .action-result-badge:not(.sweat-pct-tag):not(.action-result-fold) { display:none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .sweat-pct-tag.is-allin { gap:5px !important; padding:3px 10px !important; background:linear-gradient(#ff625b,#e32f35) !important; border-color:#ffb3a8 !important; color:#fff5e6 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .sweat-pct-tag.is-allin.is-leading { background:linear-gradient(#ff7a5f,#d9342c) !important; box-shadow:inset 0 1px 0 #ffd2c8,0 0 0 2px #ffd76a88,0 2px 6px #33210c55 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .sweat-pct-tag .sweat-allin-label { font-size:calc(9px / var(--ui-scale)) !important; font-weight:900 !important; letter-spacing:.4px !important; line-height:1 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .sweat-pct-tag .sweat-pct-value { font-size:calc(12px / var(--ui-scale)) !important; font-weight:900 !important; line-height:1 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .toact-badge.is-warn { --mascot-timer-tone:#f1c155; background:#29241f !important; color:#fffaf0 !important; border-color:var(--mascot-timer-tone) !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .toact-badge.is-danger { --mascot-timer-tone:#d94e48; background:#29241f !important; color:#fffaf0 !important; border-color:var(--mascot-timer-tone) !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #actionButtons .ab-fold { background:linear-gradient(#b1977b,#8b7054) !important; color:#fff8ed !important; border:1px solid #cab49b !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #actionButtons .ab-call { background:linear-gradient(#ffe46d,#ffd041) !important; color:#482e0d !important; border:1px solid #ffed9c !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #actionButtons .ab-raise { background:linear-gradient(#ff9d3f,#ff7823) !important; color:#4f260b !important; border:1px solid #ffc181 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #actionButtons button { box-shadow:inset 0 1px 0 #ffffff50,inset 0 -2px 0 #52240822,0 2px 4px #150c0655 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #preActions label {
  position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important;
  box-sizing:border-box !important; margin:0 !important; gap:0 !important;
  font-size:16px !important; line-height:1.15 !important; font-weight:950 !important;
  box-shadow:inset 0 1px 0 #ffffff50,inset 0 -2px 0 #52240822,0 2px 4px #150c0655 !important;
  animation:none !important; cursor:pointer;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #preActions label span { font-size:inherit !important; font-weight:inherit !important; line-height:inherit !important; white-space:nowrap !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #preActions label:has(#paCheckFold) { background:linear-gradient(#b1977b,#8b7054) !important; color:#fff8ed !important; border:1px solid #cab49b !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #preActions label:has(#paCallAny) { background:linear-gradient(#ffe46d,#ffd041) !important; color:#482e0d !important; border:1px solid #ffed9c !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #preActions label:has(#paRaiseAny) { background:linear-gradient(#ff9d3f,#ff7823) !important; color:#4f260b !important; border:1px solid #ffc181 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #preActions label[aria-pressed="true"] { outline:2px solid #fff5d6 !important; outline-offset:-5px !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #preActions label[aria-pressed="true"]::after { content:'✓'; position:absolute; top:3px; right:6px; font-size:11px; line-height:1; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#preActions label, #actionPanel button):focus-visible { outline:2px solid #fff5d6 !important; outline-offset:2px !important; }
@media (prefers-reduced-motion:reduce) {
  html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .mascot-rank .seat-tag::after { animation:none !important; display:none; }
}

/* FOLD and CHECK do not repeat their action name as a second line. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #actionButtons :is(.ab-fold,.ab-check) .ab-amount { display:none !important; }

/* The inherited legacy slide must not animate a fixed frame into place. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #actionPanel { transition:opacity 140ms ease-out !important; }

/* One original sheet image per avatar; no second recompressed profile layer. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .mascot-portrait { position:relative !important; background-image:none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .mascot-portrait > .mascot-source { position:absolute !important; display:block !important; width:400% !important; max-width:none !important; height:400% !important; max-height:none !important; left:calc(var(--mascot-col,0) * -100%) !important; top:calc(var(--mascot-row,0) * -100%) !important; right:auto !important; bottom:auto !important; border:0 !important; border-radius:0 !important; margin:0 !important; padding:0 !important; object-fit:fill !important; opacity:1 !important; transform:none !important; pointer-events:none !important; }

/* ══ 좌석 탭 팝업 (2026-10-20) — 상대 좌석을 누르면 뜨는 미니 카드. app.js openSeatPopup 이 #tableView 안에
   left/top(프레임 px)·--pp-tail·--store-bg/--store-fg·--pp-vpip 를 넣는다. "프로필 보기" → #playerProfileSheet. ══ */
/* ── 플레이어 미니 팝업 (.pp-card) — 치즈/골드 크림 말풍선 ──
   호출측: #tableView(430×932 프레임) 안에 append, left/top(px) + --pp-tail 을 style.setProperty 로 지정.
   관리자 매장색은 좌석 명찰과 같은 --store-bg/--store-fg 를 .pp-card 에 그대로 setProperty.          */
#seatPopup.pp-card{position:absolute;left:0;top:0;z-index:300;box-sizing:border-box;width:236px;padding:10px;
  --pp-tail:34px;--pp-vpip:29%;--store-bg:#f3c95d;--store-fg:#3a2817;
  font-family:'Pretendard Variable',Pretendard,-apple-system,'Apple SD Gothic Neo',sans-serif;color:#3a2817;line-height:1.2;
  background:linear-gradient(180deg,#fff9e9 0%,#fff0ce 100%);border:1.5px solid #d3aa5c;border-radius:14px;
  box-shadow:inset 0 1px 0 #fffdf5,0 10px 26px rgba(24,12,0,.48),0 2px 6px rgba(24,12,0,.28);
  -webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;
  animation:pp-pop .14s cubic-bezier(.2,.9,.3,1.2) both;transform-origin:50% 50%}
.pp-card *{box-sizing:border-box;margin:0;padding:0}
@keyframes pp-pop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pp-card{animation:none}}
/* 방향별: 팝 애니메이션 원점 = 꼬리 끝 */
.pp-card--right{transform-origin:0 var(--pp-tail)}
.pp-card--left{transform-origin:100% var(--pp-tail)}
.pp-card--below{--pp-tail:118px;transform-origin:var(--pp-tail) 0}
/* 꼬리: 좌석을 향한 변에 12px 마름모(::before 하나). --pp-tail = 그 변을 따라 꼬리 중심 위치(px) */
.pp-card::before{content:"";position:absolute;width:12px;height:12px;background:#fff8e4;
  border:1.5px solid #d3aa5c;border-right:0;border-bottom:0;pointer-events:none}
.pp-card--right::before{left:-7.5px;top:calc(var(--pp-tail) - 6px);transform:rotate(-45deg)}
.pp-card--left::before{right:-7.5px;top:calc(var(--pp-tail) - 6px);transform:rotate(135deg)}
.pp-card--below::before{top:-7.5px;left:calc(var(--pp-tail) - 6px);transform:rotate(45deg);background:#fff9e9}
/* 1행: 아바타 · 이름+순위 · 칩 · ✕ */
.pp-head{position:relative;display:flex;align-items:center;gap:9px}
.pp-avatar{flex:0 0 48px;width:48px;height:48px;border-radius:50%;overflow:hidden;
  background:radial-gradient(circle at 50% 38%,#5a4020,#2a1b0c 72%);border:2px solid #d3aa5c;
  box-shadow:inset 0 0 0 1px #8c6a33,0 2px 5px rgba(24,12,0,.35)}
.pp-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.pp-who{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.pp-top{display:flex;align-items:center;gap:6px;min-width:0;padding-right:26px}   /* ✕ 자리는 이름 줄만 비운다 (칩 줄은 ✕ 아래) */
.pp-name{flex:0 1 auto;min-width:0;font-size:15px;font-weight:800;line-height:1.1;letter-spacing:-.01em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-rank{flex:0 0 auto;height:18px;padding:0 6px;border-radius:5px;font-size:11px;font-weight:800;line-height:16px;
  letter-spacing:-.02em;white-space:nowrap;background:#3a2708;color:#f7df9f;border:1px solid #b19459;box-shadow:inset 0 1px 0 #ffffff33}
.pp-rank--1{background:linear-gradient(140deg,#fff1ad,#ffd95e 48%,#d79a26);color:#533512;border-color:#fff3bc}
.pp-rank--2{background:linear-gradient(140deg,#fff,#d8e1ee 48%,#9faebf);color:#27303c;border-color:#f3f7fc}
.pp-rank--3{background:linear-gradient(140deg,#ffe0aa,#eeb677 48%,#c37c40);color:#583316;border-color:#ffe5bb}
.pp-chips{display:flex;align-items:baseline;gap:5px;white-space:nowrap}
.pp-bb{font-size:18px;font-weight:800;line-height:1.05;letter-spacing:-.02em;color:#2b2117;font-variant-numeric:tabular-nums}
.pp-raw{font-size:11px;font-weight:600;color:#8a7150;font-variant-numeric:tabular-nums}
.pp-close{position:absolute;top:-2px;right:-2px;width:24px;height:24px;border-radius:50%;appearance:none;-webkit-appearance:none;
  border:1px solid #d3aa5c;background:#fff6de;color:#7a5a2c;font-family:inherit;font-size:12px;font-weight:800;line-height:22px;
  text-align:center;cursor:pointer;box-shadow:0 1px 2px rgba(24,12,0,.18)}
.pp-close::before{content:"";position:absolute;inset:-8px}   /* 터치 영역 40px */
.pp-close:active{background:#f3e2bd}
/* 2행: 매장 · 클럽 명찰 (좌석에서 빠진 정보라 이 팝업의 주인공 — 한 줄을 통째로 쓴다) */
.pp-tags{display:flex;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid #d8bb7f99}
.pp-tag{flex:1 1 auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px 0 7px;
  border-radius:12px;font-size:12px;font-weight:800;line-height:1;white-space:nowrap}
.pp-tag::before{content:"";flex:0 0 12px;width:12px;height:12px;margin-right:4px;background:currentColor;
  -webkit-mask:var(--pp-icon) center/contain no-repeat;mask:var(--pp-icon) center/contain no-repeat}
.pp-tag-txt{min-width:0;overflow:hidden;text-overflow:ellipsis}
.pp-tag--store{--pp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M2 10 12 2l10 8v3h-3v9h-5v-7h-4v7H5v-9H2z'/%3E%3C/svg%3E");
  background:var(--store-bg);color:var(--store-fg);box-shadow:inset 0 0 0 1px rgba(58,40,23,.12)}
.pp-tag--club{--pp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 1 9 4v7c0 6-6 10-9 11-3-1-9-5-9-11V5zm0 5-1.8 4-4.2.5 3.2 2.8-.8 4.2 3.6-2.2 3.6 2.2-.8-4.2 3.2-2.8-4.2-.5z'/%3E%3C/svg%3E");
  background:#187e8630;color:#15555b;box-shadow:inset 0 0 0 1px #1b8a9240}
/* 3행: 세션 VPIP — 좌석의 다크 VPIP 배지와 같은 어법 + 골드 미터 */
.pp-vpip{display:flex;align-items:center;gap:6px;margin-top:7px;height:18px;white-space:nowrap}
.pp-vpip-pill{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:9px;background:#302211;border:1px solid #b19459;
  color:#f7df9f;font-size:11px;font-weight:800;letter-spacing:-.01em;line-height:1;box-shadow:inset 0 1px 0 #ffffff22}
.pp-vpip-pill b{font-size:12px;margin-left:3px}
.pp-vpip-h{font-size:11px;font-weight:600;color:#8a6a3a}
.pp-meter{margin-left:auto;width:64px;height:6px;border-radius:3px;background:rgba(58,40,23,.13);overflow:hidden}
.pp-meter i{display:block;height:100%;width:var(--pp-vpip);border-radius:3px;background:linear-gradient(90deg,#f3c95d,#ff9d3f)}
/* 4행: 프로필 보기 (주 버튼) + 메모 */
.pp-actions{display:flex;gap:6px;margin-top:9px}
.pp-btn{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;height:36px;border-radius:10px;
  appearance:none;-webkit-appearance:none;border:1px solid #e26a1f;background:linear-gradient(180deg,#ff9d3f,#ff7823);
  color:#4f260b;font-family:inherit;font-size:14px;font-weight:800;letter-spacing:-.01em;cursor:pointer;
  box-shadow:inset 0 1px 0 #ffd3a2,0 2px 0 #c9561a,0 3px 6px rgba(24,12,0,.25)}
.pp-btn:active{transform:translateY(1px);box-shadow:inset 0 1px 0 #ffd3a2,0 1px 0 #c9561a}
.pp-memo{flex:0 0 36px;width:36px;height:36px;border-radius:10px;appearance:none;-webkit-appearance:none;border:1px solid #d3aa5c;
  background:linear-gradient(180deg,#fff7df,#f4e3b7);color:#7a5a2e;cursor:pointer;display:grid;place-items:center;
  box-shadow:inset 0 1px 0 #fffdf5,0 2px 0 #c9ab6a,0 3px 6px rgba(24,12,0,.18)}
.pp-memo::before{content:"";width:16px;height:16px;background:currentColor;
  --pp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zm17.71-10.21a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E");
  -webkit-mask:var(--pp-icon) center/contain no-repeat;mask:var(--pp-icon) center/contain no-repeat}
.pp-memo:active{transform:translateY(1px);box-shadow:inset 0 1px 0 #fffdf5,0 1px 0 #c9ab6a}

/* ══ 치즈 이모티콘 패널 (2026-10-20) — 8인 프레임에서 4열·큰 스프라이트·머리 치즈 아이콘 ══ */
body.holdem-eight-layout .table-emote-panel { width: min(360px, calc(100vw - 20px)) !important; max-height: none !important; padding: 10px !important; }
body.holdem-eight-layout .table-emote-grid { display: grid !important; grid-template-columns: repeat(4,1fr) !important; gap: 6px !important; max-height: none !important; }
body.holdem-eight-layout .table-emote-option { height: 92px !important; gap: 4px !important; }
body.holdem-eight-layout .table-emote-sprite { width: 60px !important; height: 54px !important; }
body.holdem-eight-layout .table-emote-option-label { font-size: 11.5px !important; }
body.holdem-eight-layout .table-emote-panel-head strong::before { content: ''; display: inline-block; width: 22px; height: 22px; margin-right: 6px; vertical-align: -6px; border-radius: 50%; background: url('/holdem/avatars/cheese/cheese-wedge.svg') center/cover #fff6dc; border: 1px solid #ffe8a7; }

/* PKO rows need their own space below each cream nameplate. The legacy
   negative margin and hero-only top offset overlap the newer mascot panels. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .pko-bounty-badge {
  position:relative !important; inset:auto !important; transform:none !important;
  flex:0 0 auto !important; align-self:stretch !important;
  width:100% !important; min-width:0 !important; max-width:116px !important;
  min-height:24px !important; margin:4px 0 0 !important; padding:3px 4px !important;
  gap:3px !important; font-size:calc(10.5px / var(--ui-scale)) !important;
  line-height:1.1 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero {
  width:var(--mascot-hero-width) !important; min-height:0 !important; height:auto !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .mobile-hero-seat {
  display:flex !important; flex-direction:column !important; align-items:stretch !important;
  width:var(--mascot-hero-width) !important; min-height:0 !important; height:auto !important; gap:4px !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-info {
  position:relative !important; top:auto !important; bottom:auto !important;
  height:auto !important; min-height:0 !important; flex:0 0 auto !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-pko-bounty-badge {
  max-width:var(--mascot-hero-width) !important; margin:0 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-hand-strength {
  position:relative !important; top:auto !important; bottom:auto !important;
  flex:0 0 20px !important; height:20px !important; min-height:20px !important;
}