/* Approved Black Gold table. This layer changes paint only: the shared
   eight-seat layout continues to own every anchor, scale and hit target. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView {
  --mascot-ivory: #fff7e9;
  --mascot-ink: #f5eee1;
  --mascot-gold: #b69a5e;
  --black-gold-bet-mark: calc(6px + var(--eight-bet-label-pad,7px));
  background: #151310 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table:not(.holdem-eight-mobile-backdrop) {
  background: #14120f !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #felt {
  background:
    radial-gradient(ellipse at 50% 32%,#2d2820 0%,#1c1915 48%,#100f0d 100%) !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #felt::before {
  background: linear-gradient(110deg,#a98b50 0%,#d6b877 13%,#655332 30%,#ad9156 50%,#61502f 72%,#c1a267 92%,#7b6337 100%) !important;
  border: 1px solid #b39a66 !important;
  box-shadow: inset 0 0 0 2px #30281b,inset 0 0 0 4px #b69a5a66,0 7px 22px #0007 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #felt::after {
  background:
    repeating-linear-gradient(32deg,#ffffff02 0 1px,#00000002 1px 3px),
    radial-gradient(ellipse at 50% 36%,#343026 0%,#29261f 46%,#1c1b17 100%) !important;
  border: 1px solid #a58b5680 !important;
  box-shadow: inset 0 0 28px #0007,inset 0 1px 1px #e8d49a18 !important;
}

/* The character itself carries the depth. The profile button keeps its exact
   footprint, with no medallion, disc or active-turn halo behind the artwork. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) :is(.avatar-wrap,.hero-avatar-wrap),
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 {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  overflow: visible !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .avatar {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .avatar img {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  object-fit: contain !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .mascot-portrait[data-mascot-render="cutout"] > .mascot-source {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  filter: drop-shadow(0 2px 2px #0005) !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .player-profile-trigger:focus-visible {
  outline: 2px solid #e0c17b !important;
  outline-offset: 2px !important;
  border-radius: 6px !important;
}

/* PKO information shares one quiet plaque. The 4px layout gap is painted
   through rather than removed, preserving the collision-tested seat height. */
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 {
  position: relative !important;
  background: linear-gradient(180deg,#2b2822,#211f1b) !important;
  border: 1px solid #a88c50 !important;
  color: #f5eee1 !important;
  box-shadow: inset 0 1px 0 #fff6d918,0 3px 6px #0005 !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:has(+ .pko-bounty-badge),
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-nameplate:has(+ .pko-bounty-badge) {
  border-bottom-color: transparent !important;
  border-radius: 7px 7px 0 0 !important;
  box-shadow: inset 0 1px 0 #fff6d918,0 2px 6px #0003 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .name-pill:has(+ .pko-bounty-badge)::after,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-nameplate:has(+ .pko-bounty-badge)::after {
  content: '' !important;
  position: absolute !important;
  left: -1px !important;
  right: -1px !important;
  top: 100% !important;
  height: 5px !important;
  box-sizing: border-box !important;
  background: #211f1b !important;
  border-inline: 1px solid #a88c50 !important;
  pointer-events: none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .name {
  color: #f1ebdf !important;
  text-shadow: none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-nameplate .name { color: #f1ebdf !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .chips {
  color: #fff9ed !important;
  border-top-color: #c6af7224 !important;
  text-shadow: none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-nameplate .chips { color: #fff9ed !important; border-top-color: #c6af7224 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .pko-bounty-badge {
  background: #1b1a17 !important;
  border: 1px solid #a88c50 !important;
  border-top-color: #c6af7229 !important;
  border-radius: 0 0 7px 7px !important;
  color: #eac775 !important;
  box-shadow: 0 3px 6px #0005 !important;
  text-shadow: none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .pko-bounty-amount { color: #eac775 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .pko-bounty-icon { filter: none !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 {
  background: #292a27 !important;
  border-color: #a88c5080 !important;
  color: #ddd6c5 !important;
  box-shadow: 0 1px 2px #0005 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) :is(.mascot-rank,.mascot-vpip) { bottom: 0 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-hand-strength {
  color: #c0b7a2 !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Each bet is one small cheese mark and a readable number. Existing bet
   containers remain the anchors used by chip animations and paid-state logic. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #betChipLayer .table-bet-chip:not(.central-bet-pool) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1px !important;
  filter: none !important;
  text-shadow: none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #betChipLayer .table-bet-chip:not(.central-bet-pool) .bet-chip-stack {
  flex: 0 0 var(--black-gold-bet-mark) !important;
  width: var(--black-gold-bet-mark) !important;
  height: var(--black-gold-bet-mark) !important;
  overflow: hidden !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cpath d='M2 16 10 2 18 16Z' fill='%23ffd361' stroke='%23d5952b' stroke-width='1.2' stroke-linejoin='round'/%3E%3Ccircle cx='8' cy='11' r='1.5' fill='%23e6a333'/%3E%3Ccircle cx='12.5' cy='13' r='1.1' fill='%23e6a333'/%3E%3C/svg%3E") center / contain no-repeat !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #betChipLayer .table-bet-chip:not(.central-bet-pool) .bet-chip-stack > * { display: none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #betChipLayer .table-bet-chip:not(.central-bet-pool) strong {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding-inline: 0 !important;
  color: #fff8e9 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
/* The upper paid amount originally followed a 28px chip stack. Preserve that
   amount baseline and its clear dealer lane while keeping the anchor fixed. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #betChipLayer .table-bet-chip.bet-anchor-eight-12 { padding-top: 28px !important; }

/* Restore the original cheese pile; keep the amount as its only caption.
   The compact all-in pot still leaves room for the outs display. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #betChipLayer #centralBetPool {
  filter: none !important;
  text-shadow: none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #betChipLayer #centralBetPool:not(.sweat-pot-slim) .bet-chip-stack { display: block !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #betChipLayer #centralBetPool strong {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  background: none !important;
  color: #fff8e8 !important;
  font-size: 20px !important;
  line-height: 1.05 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #betChipLayer #centralBetPool strong::before {
  content: none !important;
  display: none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #betChipLayer #centralBetPool.sweat-pot-slim strong {
  flex-direction: row !important;
  gap: 5px !important;
  font-size: 14px !important;
}
/* Two short lines directly below the board retain every live blind field. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #blindInfoPanel {
  width: calc(280px / var(--ui-scale)) !important;
  gap: 2px !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #blindInfoPanel :is(.blind-current-label,.blind-next-separator,.eight-blind-full) { display: none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #blindInfoPanel .eight-blind-short { display: inline !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #blindInfoPanel .blind-info-line + .blind-info-line * {
  font-size: calc(9.5px / var(--ui-scale)) !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #blindInfoPanel * {
  color: #b8af9b !important;
  text-shadow: none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #blindInfoPanel :is(.blind-info-label,.blind-info-separator) { color: #a9a18f !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #community :is(.card.placeholder,.card.empty) {
  background: #19191545 !important;
  border: 1px dashed #b99a55aa !important;
  box-shadow: none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #community :is(.card.placeholder,.card.empty)::before { content: none !important; }

/* The existing raise controls keep their placement and sizing in every state. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table.holdem-sizing-open #tableView #quickBets .preset,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #eightManualBtn {
  background: #29261f !important;
  border-color: #a88c50 !important;
  color: #f3e5c5 !important;
  box-shadow: inset 0 1px 0 #fff6d90c,0 2px 6px #0005 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table.holdem-sizing-open #tableView #quickBets .preset .qb-label { color: #d2bf94 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table.holdem-sizing-open #tableView #quickBets .preset .qb-amt { color: #fff3d8 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table.holdem-sizing-open #tableView #quickBets .preset.is-selected { background: #49301d !important; border-color: #ff9d3f !important; box-shadow: 0 0 0 2px #ff9d3f25,0 2px 6px #0005 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table.holdem-sizing-open #tableView #quickBets .preset[data-preset="allin"] .qb-amt { color: #ffb2a0 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table.holdem-sizing-open #tableView #quickBets .preset[data-preset="allin"].is-selected { background: #482522 !important; border-color: #e88072 !important; box-shadow: 0 0 0 2px #e8807225,0 2px 6px #0005 !important; }

/* The same warm black continues beneath the existing action row and hidden
   tools, including the home-indicator area in standalone phone mode. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #actionPanel { background: linear-gradient(180deg,#161410,#100f0d) !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #eightToolSceneBridge { background: #161410 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #eightTableToolRail { background: #201e19 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #eightTableToolRail .eight-table-tool { color: #cbb47e !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #eightTableToolRail .eight-tool-name { color: #ded2b6 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #eightMobileSafeBottom { background: #100f0d !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table.holdem-tools-revealed #eightMobileSafeBottom { background: #201e19 !important; }

/* The seat tap still opens the same profile and memo controls. */
body.holdem-eight-layout.holdem-mascot-table #seatPopup.pp-card { background: linear-gradient(180deg,#302c24,#211f1a); color: #f2eadb; border-color: #a88c50; box-shadow: inset 0 1px 0 #fff6d918,0 10px 26px #0008; }
body.holdem-eight-layout.holdem-mascot-table #seatPopup.pp-card::before { background: #2c2821; border-color: #a88c50; }
body.holdem-eight-layout.holdem-mascot-table #seatPopup :is(.pp-bb,.pp-name) { color: #f9f1e3; }
body.holdem-eight-layout.holdem-mascot-table #seatPopup :is(.pp-raw,.pp-vpip-h) { color: #bfb195; }
body.holdem-eight-layout.holdem-mascot-table #seatPopup .pp-tags { border-top-color: #b69a5a42; }
body.holdem-eight-layout.holdem-mascot-table #seatPopup .pp-close { background: #302b22; border-color: #a88c50; color: #e4d6b5; }
body.holdem-eight-layout.holdem-mascot-table #seatPopup .pp-avatar { background: transparent; border: 0; border-radius: 0; box-shadow: none; }
body.holdem-eight-layout.holdem-mascot-table #seatPopup .pp-avatar img { object-fit: contain; }
body.holdem-eight-layout.holdem-mascot-table #seatPopup .pp-meter { background: #0004; }
body.holdem-eight-layout.holdem-mascot-table #seatPopup .pp-memo { background: linear-gradient(#3e3627,#2a251c); border-color: #a88c50; color: #e4d1a0; box-shadow: inset 0 1px 0 #fff6d918,0 2px 0 #17150f; }