/* Compact labels are enabled only inside the eight-seat table theme. */
.eight-blind-short { display: none; }
/* Eight-seat tournament layout approved in the UI review. Legacy styles use
   !important extensively; this scoped final layer keeps other table sizes intact. */
.eight-center-stat { display: none; }
html.holdem-eight-layout { overflow: hidden !important; }
body.holdem-table-active.holdem-eight-layout {
  --ui-scale: .88;
  --mp-screen-w: 430px;
  --holdem-action-slot-h: 72px;
  --table-stage-offset-y: 0px;
  --hero-cards-anchor-y: 12px;
  --hero-card-lane-bottom: 12px;
  --hero-cards-bottom: 12px;
  --hero-cards-x: 162px;
  --hero-seat-anchor-y: 24px;
  --hero-info-offset-y: 11px;
  overflow: hidden !important;
  min-height: 0 !important;
  background: #16100b !important;
  font-family: 'Pretendard Variable', -apple-system, BlinkMacSystemFont, sans-serif;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #app {
  width: 100% !important; max-width: none !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important; overflow: visible !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView {
  position: fixed !important; inset: auto !important;
  left: var(--eight-frame-left,0px) !important; top: var(--eight-frame-top,0px) !important;
  width: 430px !important; min-width: 430px !important; max-width: 430px !important;
  height: var(--eight-frame-height,932px) !important; min-height: 0 !important; max-height: var(--eight-frame-height,932px) !important;
  margin: 0 !important; padding: 0 !important; overflow: hidden !important;
  transform: scale(var(--eight-fit-scale,1)) !important; transform-origin: left top !important;
  border-radius: 0 !important; box-shadow: none !important; background: #1d130c !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView.hidden { display: none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView::after { display: none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #topbar { display: none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #fsToggle { display: none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #pokerGameViewport,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #pokerStageCanvas {
  position: absolute !important; inset: 0 auto auto 0 !important;
  width: 430px !important; height: var(--eight-felt-height,844px) !important; margin: 0 !important;
  transform: none !important; transform-origin: left top !important; overflow: visible !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #felt {
  position: relative !important; left: 0 !important; top: 0 !important;
  width: 430px !important; height: var(--eight-felt-height,844px) !important; min-height: var(--eight-felt-height,844px) !important;
  margin: 0 !important; padding: 0 !important; overflow: hidden !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #tableHeader,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #tableThemeLayer,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #multiTableStrip,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #tableSnapshotBar { display: none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #felt::before {
  top: 88px !important; left: 10px !important; right: 10px !important; bottom: 21px !important;
  border-radius: 48% / 44% !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #felt::after {
  top: 99px !important; left: 21px !important; right: 21px !important; bottom: 32px !important;
  border-radius: 48% / 44% !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout[data-user-table-theme="classic_gold"] #tableView #felt {
  background: radial-gradient(ellipse at 50% 38%,#48341e,#1c140d 68%,#120d09) !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout[data-user-table-theme="classic_gold"] #tableView #felt::before {
  background: linear-gradient(120deg,#ac8540,#5a401c 40%,#aa803b) !important;
  border: 1px solid #c1a267 !important;
  box-shadow: inset 0 0 0 4px #352517,0 6px 22px #0005 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout[data-user-table-theme="classic_gold"] #tableView #felt::after {
  background: radial-gradient(ellipse at 50% 32%,#cda953,#9b792e 57%,#775622) !important;
  border: 1px solid #d6ba79 !important; box-shadow: inset 0 0 36px #49341c70 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .seat {
  width: 86px !important; transform: translate(-50%,-50%) !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .mobile-seat-card {
  width: 86px !important; align-items: center !important; gap: 0 !important;
  transform: scale(var(--ui-scale)) !important; transform-origin: center center !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .profile-header {
  position: relative !important; display: grid !important;
  grid-template-columns: 48px 34px !important; column-gap: 4px !important;
  width: 86px !important; height: 48px !important; margin: 0 auto 4px !important;
  padding: 0 !important; box-sizing: border-box !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .avatar-wrap {
  position: relative !important; left: auto !important; right: auto !important;
  width: 48px !important; height: 48px !important; flex: 0 0 48px !important;
  margin: 0 !important; grid-column: 1 !important; grid-row: 1 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .avatar {
  width: 48px !important; height: 48px !important; box-shadow: 0 2px 6px #130b0838 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .seat-tags {
  position: relative !important; inset: auto !important; left: auto !important; right: auto !important;
  grid-column: 2 !important; grid-row: 1 !important; width: 34px !important; height: 48px !important;
  min-height: 48px !important; margin: 0 !important; gap: 0 !important;
  display: flex !important; flex-direction: column !important; align-items: center !important;
  justify-content: flex-end !important; transform: none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .seat-tags:empty { visibility: hidden !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .seat-tag {
  position: static !important; width: 34px !important; height: 16px !important;
  min-height: 16px !important; flex: 0 0 16px !important; margin: 0 !important; padding: 0 !important;
  font-size: calc(10px / var(--ui-scale)) !important; line-height: 1 !important; transform: none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .seat-top .profile-header,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .seat-right .profile-header { grid-template-columns: 34px 48px !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .seat-top .avatar-wrap,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .seat-right .avatar-wrap { grid-column: 2 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .seat-top .seat-tags,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .seat-right .seat-tags { grid-column: 1 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .name-pill {
  width: 86px !important; min-width: 86px !important; max-width: 86px !important;
  min-height: calc(31px / var(--ui-scale)) !important;
  padding: calc(5px / var(--ui-scale)) calc(3px / var(--ui-scale)) calc(4px / var(--ui-scale)) !important;
  margin: 0 auto !important; align-self: center !important; box-sizing: border-box !important;
  transform: none !important; background: #f5ecd5 !important; border: 1px solid #ba9658 !important;
  box-shadow: 0 2px 5px #160d0740 !important; border-radius: 7px !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .name {
  font-family: 'Pretendard Variable',sans-serif !important; font-size: calc(13px / var(--ui-scale)) !important;
  line-height: 1.12 !important; font-weight: 650 !important; color: #5a4120 !important; text-shadow: none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .chips {
  font-family: 'Pretendard Variable',sans-serif !important; font-size: calc(16px / var(--ui-scale)) !important;
  line-height: 1.16 !important; font-weight: 700 !important; color: #352714 !important;
  text-shadow: none !important; border-top-color: #cabb9860 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .holes {
  position: absolute !important; left: 24px !important; right: auto !important;
  top: -34px !important; bottom: auto !important; transform: translateX(-50%) !important;
  display: flex !important; width: 48px !important; min-width: 48px !important; max-width: 48px !important;
  gap: 4px !important; margin: 0 !important; padding: 0 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .seat-top .holes,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .seat-right .holes { left: 62px !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .holes .card {
  width: 22px !important; height: 30px !important; flex: 0 0 22px !important; transform: none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .timer-ring { width: 54px !important; height: 54px !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .action-badge {
  position: absolute !important; left: 24px !important; right: auto !important; top: -60px !important; bottom: auto !important;
  width: 60px !important; min-width: 60px !important; max-width: 60px !important; height: 22px !important;
  padding: 2px 3px !important; margin: 0 !important; box-sizing: border-box !important;
  font-family: 'Pretendard Variable',sans-serif !important; font-size: 11px !important; line-height: 1 !important;
  white-space: nowrap !important; transform: translateX(-50%) !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .seat-right .action-badge { left: 62px !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .seat-top .action-badge { left: 120px !important; top: 0 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #hero {
  left: 16px !important; bottom: 12px !important; transform: scale(var(--ui-scale)) !important;
  transform-origin: left bottom !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #hero .hero-info {
  left: 56px !important; bottom: 0 !important; width: calc(62px / var(--ui-scale)) !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #hero .hero-avatar-wrap,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #hero .avatar {
  width: 56px !important; height: 56px !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #hero .hero-avatar-wrap {
  align-self: center !important; margin: 0 auto !important; filter: none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #hero .timer-ring { width: 66px !important; height: 66px !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #hero .hero-nameplate {
  width: calc(62px / var(--ui-scale)) !important; min-width: 0 !important;
  padding: calc(5px / var(--ui-scale)) calc(3px / var(--ui-scale)) !important;
  background: #f5ecd5 !important; border: 1px solid #ba9658 !important;
  border-radius: 7px !important; box-shadow: 0 2px 5px #160d0740 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #hero .hero-nameplate .name {
  font-family: 'Pretendard Variable',sans-serif !important; font-size: calc(11px / var(--ui-scale)) !important;
  font-weight: 650 !important; color: #5a4120 !important; text-shadow: none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #hero .hero-nameplate .chips {
  font-family: 'Pretendard Variable',sans-serif !important; font-size: calc(14px / var(--ui-scale)) !important;
  font-weight: 700 !important; color: #352714 !important; text-shadow: none !important;
  border-top-color: #cabb9860 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #hero .holes {
  left: 162px !important; bottom: 12px !important; gap: 7px !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #hero .holes .card {
  width: 49px !important; height: 68px !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #hero .hero-turn-badge {
  height: 24px !important; min-width: 100px !important; font-size: 12px !important;
  font-family: 'Pretendard Variable',sans-serif !important; border: 1px solid #9ee6a9 !important;
  background: #1e8950 !important; color: #fffaf0 !important; box-shadow: 0 1px 4px #0c160640 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #hero .hero-turn-badge .toact-sec { font-size: 12px !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #hero .hero-hand-strength {
  left: 162px !important; bottom: -15px !important; font-size: calc(10px / var(--ui-scale)) !important;
  max-width: 180px !important; font-family: 'Pretendard Variable',sans-serif !important;
  background: #302211 !important; border-color: #b19459 !important; color: #f7df9f !important;
  box-shadow: none !important; font-weight: 600 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #community {
  width: 215px !important; top: var(--eight-board-y,456px) !important; grid-template-columns: repeat(5,39px) !important;
  grid-auto-rows: 51px !important; gap: 5px !important;
  transform: translate(-50%,-50%) scale(1.48) !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #community .card {
  width: 39px !important; min-width: 39px !important; height: 51px !important; min-height: 51px !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #centralBetPool:not(.sweat-pot-slim) {
  top: var(--eight-pot-y,338px) !important; transform: translate(-50%,-50%) scale(1.18) !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #centralBetPool strong {
  font-family: 'Pretendard Variable',sans-serif !important; font-size: 14px !important;
  font-weight: 700 !important; box-shadow: 0 2px 4px #160d0750 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #betChipLayer .table-bet-chip:not(.central-bet-pool) {
  transform: translate(-50%,-50%) scale(var(--ui-scale)) !important; transform-origin: center center !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #betChipLayer .table-bet-chip:not(.central-bet-pool) strong {
  font-family: 'Pretendard Variable',sans-serif !important; font-size: calc(11px / var(--ui-scale)) !important;
  font-weight: 700 !important; background: #352713 !important; color: #fff4d9 !important;
  border-color: #d9bd7d !important; text-shadow: none !important; box-shadow: 0 2px 4px #22160545 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #blindInfoPanel {
  display: grid !important; left: 50% !important; top: var(--eight-blind-y,498.74px) !important;
  width: calc(300px / var(--ui-scale)) !important; max-width: none !important;
  gap: 4px !important; padding: 0 !important; background: none !important;
  border: 0 !important; box-shadow: none !important;
  transform: translate(-50%,0) scale(var(--ui-scale)) !important; transform-origin: center top !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #blindInfoPanel.hidden { display: none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #blindInfoPanel .blind-info-line {
  display: flex !important; align-items: baseline !important; justify-content: center !important;
  opacity: 1 !important; visibility: visible !important; gap: 4px !important; white-space: nowrap !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #blindInfoPanel * {
  display: inline !important; opacity: 1 !important; visibility: visible !important;
  font-family: 'Pretendard Variable',sans-serif !important; font-size: calc(10.5px / var(--ui-scale)) !important;
  font-weight: 650 !important; color: #503813 !important; text-shadow: 0 1px 0 #f8e1a966 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #blindInfoPanel .blind-info-label { color: #61441c !important; font-weight: 500 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #blindInfoPanel .blind-info-separator { margin-inline: 1px !important; color: #674b27 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #tableRoles { position: absolute !important; inset: 0 !important; z-index: 41 !important; pointer-events: none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView .table-position-role {
  position: absolute !important; display: grid !important; place-items: center !important;
  width: 26px !important; height: 26px !important; padding: 0 !important; margin: 0 !important;
  box-sizing: border-box !important; border: 1px solid #ad8b4f !important; border-radius: 50% !important;
  background: #faf3df !important; color: #4c371b !important; box-shadow: 0 2px 4px #20150745 !important;
  font-family: 'Pretendard Variable',sans-serif !important; font-size: 11px !important; font-weight: 750 !important;
  line-height: 1 !important; transform: translate(-50%,-50%) !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #title,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #chatToggleBtn {
  position: absolute !important; top: auto !important; bottom: 186px !important;
  width: 78px !important; height: 54px !important; min-width: 0 !important; min-height: 0 !important;
  margin: 0 !important; padding: 0 !important; display: grid !important; place-items: center !important;
  border: 1px solid #ba8b32 !important; border-radius: 13px !important;
  background: linear-gradient(180deg,#352714,#1d160b) !important;
  box-shadow: 0 3px 9px #0005 !important; transform: scale(var(--ui-scale)) !important; z-index: 82 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #title { left: 16px !important; right: auto !important; transform-origin: left bottom !important; font-size: 0 !important; color: transparent !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #title img { display: none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #title::before {
  content: "\2630" !important; position: static !important; display: grid !important; place-items: center !important;
  width: 100% !important; height: 100% !important; border: 0 !important; padding: 0 !important;
  background: transparent !important; box-shadow: none !important; color: #ffe09a !important;
  font-size: 26px !important; font-weight: 700 !important; line-height: 1 !important; text-shadow: none !important; transform: none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #title::after { display: none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #chatToggleBtn { left: auto !important; right: 16px !important; transform-origin: right bottom !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #chatToggleBtn svg { width: 24px !important; height: 24px !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #tournamentInfoTrigger,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #heroEmoteButton {
  position: absolute !important; top: auto !important; bottom: 93px !important;
  width: 78px !important; height: 42px !important; min-width: 0 !important; min-height: 0 !important;
  margin: 0 !important; padding: 0 !important; border: 1px solid #a7894a !important;
  border-radius: 10px !important; background: #302313 !important; color: #f8e6b9 !important;
  box-shadow: none !important; transform: scale(var(--ui-scale)) !important; z-index: 82 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #tournamentInfoTrigger { left: 16px !important; right: auto !important; bottom: 138px !important; transform-origin: left bottom !important; font-family: 'Pretendard Variable',sans-serif !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #tournamentInfoRankValue { color: #f4d283 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #heroEmoteButton { left: 16px !important; right: auto !important; display: grid !important; place-items: center !important; transform-origin: left bottom !important; font-size: 24px !important; line-height: 1 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #heroEmoteButton .hero-emote-face { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; background: #fff6dc; border: 1.5px solid #ffe8a7; box-shadow: 0 1px 3px #0006; display: block; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #heroEmoteButton.hidden,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #chatToggleBtn.hidden,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #tournamentInfoTrigger.hidden { display: none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #actionPanel {
  position: absolute !important; left: 0 !important; right: 0 !important; top: auto !important; bottom: 0 !important;
  width: 430px !important; max-width: 430px !important; height: 72px !important; min-height: 72px !important; max-height: 72px !important;
  margin: 0 !important; padding: 8px !important; transform: none !important; border: 0 !important; border-radius: 0 !important;
  background: linear-gradient(180deg,#1b1108,#0a0805) !important; box-shadow: none !important; overflow: visible !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #actionPanel.hidden { visibility: hidden !important; pointer-events: none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #actionButtons,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #preActions { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 8px !important; width: 100% !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #actionButtons button,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #preActions label {
  height: 56px !important; min-height: 56px !important; border-radius: 12px !important; padding: 6px 3px !important;
  font-family: 'Pretendard Variable',sans-serif !important; box-shadow: inset 0 -2px 0 #150a0520 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #actionButtons .ab-label { font-size: 18px !important; line-height: 1.15 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #actionButtons .ab-amount { font-size: 13px !important; line-height: 1.2 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #actionButtons.hidden,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #preActions.hidden,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #quickBets.hidden,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #raiseSlider.hidden { display: none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #raiseSheetHeader { display: none !important; }
/* ── 레이즈 세로 스택 (2026-10-20 개편) ──
   기본 패널은 72px, 세 버튼은 56px 높이. 레이즈 첫 탭(body.holdem-sizing-open)이면 #quickBets 프리셋 5칸이
   레이즈 버튼 위에 세로로 뜬다(ALL-IN 위 … MIN 아래, 폭 = 레이즈 버튼 133.33px, 34px×5 + 4px 간격).
   직접 입력(#eightManualBtn)은 ALL-IN 바로 위에 같은 폭으로 배치한다. 슬라이더·시트 헤더·미리보기는 숨김.
   탭 = 선택(레이즈 버튼 금액 갱신), 레이즈 버튼 = 전송. 열려 있는 동안 현재순위·블라인드 문구·역할 토큰만 숨긴다
   (핸드 강도는 유지 — 오너 요청). */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#quickBets,#raiseSlider,#betAmountPreview) { display: none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-sizing-open #tableView :is(#raiseSheetHeader,#raiseSlider,#betAmountPreview) { display: none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-sizing-open #tableView #quickBets {
  position: absolute !important; left: 288.67px !important; right: auto !important; top: auto !important; bottom: 78px !important;
  width: 133.33px !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important;
  margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column-reverse !important; gap: var(--eight-preset-gap,4px) !important;
  background: none !important; border: 0 !important; box-shadow: none !important; transform: none !important; z-index: 210 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-sizing-open #tableView #quickBets.hidden { display: none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-sizing-open #tableView #quickBets .preset {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  width: 100% !important; height: var(--eight-preset-height,34px) !important; min-height: var(--eight-preset-height,34px) !important; margin: 0 !important; padding: 0 10px !important;
  box-sizing: border-box !important; border: 1px solid #d9b56a !important; border-radius: 10px !important;
  background: rgba(255,253,240,.96) !important; color: #563708 !important; font-family: 'Pretendard Variable',sans-serif !important;
  font-size: 10px !important; font-weight: 800 !important; letter-spacing: .3px !important; line-height: 1 !important;
  box-shadow: 0 2px 6px #28140040 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-sizing-open #tableView #quickBets .preset .qb-label { font-size: 10px !important; font-weight: 800; color: #8a6a35; white-space: nowrap; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-sizing-open #tableView #quickBets .preset .qb-amt { font-size: 14px !important; font-weight: 900; color: #4f260b; white-space: nowrap; letter-spacing: -.2px; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-sizing-open #tableView #quickBets .preset.is-selected { border: 2px solid #ff7823 !important; background: #fff1c9 !important; box-shadow: 0 0 0 3px #ff782338, 0 2px 6px #28140040 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-sizing-open #tableView #quickBets .preset[data-preset="allin"] .qb-amt { color: #b3261e; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-sizing-open #tableView #quickBets .preset[data-preset="allin"].is-selected { border-color: #c8352b !important; background: #ffe3df !important; box-shadow: 0 0 0 3px #c8352b33, 0 2px 6px #28140040 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-sizing-open #tableView #quickBets :is([data-bp-custom],[data-bp-gear],.bp-gear) { display: none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #eightManualBtn {
  position: absolute !important; left: 288.67px !important; right: auto !important; top: var(--eight-manual-y,630px) !important; bottom: auto !important;
  width: 133.33px !important; height: var(--eight-preset-height,34px) !important; display: none; place-items: center; margin: 0; padding: 0; box-sizing: border-box;
  border: 1px solid #d9b56a; border-radius: 10px; background: rgba(255,253,240,.96); color: #6a4a1c;
  font-family: 'Pretendard Variable',sans-serif; font-size: 14px; font-weight: 800;
  box-shadow: 0 2px 6px #28140040; z-index: 210;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-sizing-open #tableView #eightManualBtn:not(.hidden) { display: grid !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-sizing-open #tableView #hero { bottom: 12px !important; }
/* skin.css 8757-8763 은 사이징 중 FOLD/CALL 을 숨기고 #actionButtons 를 바꾼다(종전 시트형). 8인 프레임은 세 버튼 유지. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-sizing-open #tableView #actionButtons { display: grid !important; grid-template-columns: repeat(3,1fr) !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-sizing-open #tableView #actionButtons :is(#btnFold,#btnCheckCall) { display: flex !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-sizing-open #tableView #btnRaise { width: auto !important; height: 56px !important; min-height: 56px !important; margin: 0 !important; flex-direction: column !important; justify-content: center !important; gap: 0 !important; }
/* skin.css 8655 의 시트형 어둡게 덮개(#actionPanel::before)는 8인 프레임에선 끈다 — 스택만 뜬다. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-sizing-open #tableView #actionPanel::before { content: none !important; display: none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-sizing-open #tableView :is(#tournamentInfoTrigger,#tableRoles,#chatToggleBtn) { visibility: hidden !important; pointer-events: none !important; }
/* 블라인드 문구는 자식 규칙(.blind-info-line visibility:visible)이 visibility 를 되살리므로 opacity 로 숨긴다(스웻 캡슐의 제외 사각형은 유지). */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-sizing-open #tableView #blindInfoPanel { opacity: 0 !important; pointer-events: none !important; }
html body.holdem-eight-layout.holdem-sizing-open #tableMenuHitTarget { visibility: hidden !important; pointer-events: none !important; }

/* ── 버튼 체계 [CHECK/FOLD | CALL n | RAISE] (2026-10-20) — 영문만 ── */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #actionButtons #btnFold.ab-check-now { background: linear-gradient(#c9f1df,#8fd9bb) !important; border-color: #dff8ec !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #actionButtons #btnFold.ab-check-now :is(.ab-label,.ab-amount) { color: #143d2c !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #actionButtons #btnFold.ab-preaction { background: linear-gradient(#f4ead6,#dcc9a3) !important; border: 1px solid #c9ab6a !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #actionButtons #btnFold.ab-preaction :is(.ab-label,.ab-amount) { color: #4a3417 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #actionButtons #btnFold.ab-preaction .ab-label { font-size: 13px !important; letter-spacing: -.2px !important; white-space: nowrap !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #actionButtons #btnFold.ab-preaction.is-armed { background: linear-gradient(#d9f6ea,#a6e4c9) !important; border: 2px solid #2fb98a !important; box-shadow: 0 0 0 3px #2fb98a33 !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #actionButtons #btnFold.ab-preaction.is-armed :is(.ab-label,.ab-amount) { color: #143d2c !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #actionButtons button.ab-idle { opacity: .42 !important; filter: saturate(.4) !important; pointer-events: none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #actionButtons button .ab-amount:empty { display: none !important; }

/* ── 올인 / 올인 콜 안내창 (#eightConfirm, #tableView 안) ── */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #eightConfirm { position: absolute !important; inset: 0 !important; z-index: 900 !important; display: block; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #eightConfirm.hidden { display: none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #eightConfirm .eight-confirm-dim { position: absolute; inset: 0; background: #120b0466; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #eightConfirm .eight-confirm-card {
  position: absolute; left: 34px; top: 330px; width: 362px; box-sizing: border-box; padding: 16px 16px 14px;
  border: 1.5px solid #e4c67e; border-radius: 16px; background: linear-gradient(180deg,#fff9e9,#fff0ce); color: #3a2817;
  box-shadow: 0 10px 30px #00000066, inset 0 1px 0 #fffdf3; font-family: 'Pretendard Variable',sans-serif;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #eightConfirm .eight-confirm-head { display: flex; align-items: center; gap: 8px; font-size: 17px; font-weight: 900; color: #3a2817; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #eightConfirm .eight-confirm-head img { width: 30px; height: 30px; border-radius: 50%; background: #fff6dc; border: 1.5px solid #ffe8a7; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #eightConfirm .eight-confirm-body { margin: 10px 0 14px; font-size: 13.5px; line-height: 1.45; color: #5a3e1b; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #eightConfirm .eight-confirm-body b { color: #b3261e; font-weight: 900; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #eightConfirm .eight-confirm-actions { display: flex; gap: 8px; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #eightConfirm .eight-confirm-actions button {
  flex: 1; height: 44px; border-radius: 11px; border: 1px solid #b98a43; background: #fffbef; color: #63421d;
  font-family: inherit; font-size: 15px; font-weight: 900; cursor: pointer; margin: 0; padding: 0;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #eightConfirm .eight-confirm-ok { background: linear-gradient(#ff625b,#e32f35) !important; color: #fff5e6 !important; border-color: #ffb3a8 !important; box-shadow: 0 3px 8px #c8352b55; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView .gg-topbar-actions.table-action-menu {
  position: absolute !important; left: 16px !important; right: auto !important; top: auto !important;
  bottom: 196px !important; width: 240px !important; max-width: 240px !important; max-height: 590px !important;
  transform: none !important; overflow-y: auto !important; z-index: 1601 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #multiTournamentSwitcher {
  position: relative !important; inset: auto !important; width: 100% !important;
  height: auto !important; min-height: 0 !important; margin: 0 0 8px !important;
  padding: 0 !important; transform: none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #multiTournamentSwitcher.hidden { display: none !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #multiTournamentSwitcher .mts-viewport { width: 100% !important; overflow-x: auto !important; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #multiTournamentSwitcher .mts-track { display: flex !important; flex-wrap: nowrap !important; width: max-content !important; min-width: 100% !important; gap: 6px !important; }

/* Vertical lanes update with viewport CSS variables, including during a resize
   that does not receive a new server snapshot. Widget aspect ratios stay fixed. */
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .seat-clock-730 { top:var(--eight-seat-730-y,572px) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .seat-clock-9 { top:var(--eight-seat-9-y,340px) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .seat-clock-1030 { top:var(--eight-seat-1030-y,205px) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .seat-clock-12 { top:var(--eight-seat-12-y,90px) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .seat-clock-130 { top:var(--eight-seat-130-y,205px) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .seat-clock-3 { top:var(--eight-seat-3-y,340px) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .seat-clock-430 { top:var(--eight-seat-430-y,572px) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#seats,#seatGhosts) .seat-clock-6 { top:var(--eight-seat-6-y,786px) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #betChipLayer .bet-anchor-eight-730 { top:var(--eight-bet-730-y,567px) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #betChipLayer .bet-anchor-eight-9 { top:var(--eight-bet-9-y,323.84px) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #betChipLayer .bet-anchor-eight-1030 { top:var(--eight-bet-1030-y,210px) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #betChipLayer .bet-anchor-eight-12 { top:var(--eight-bet-12-y,177px) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #betChipLayer .bet-anchor-eight-130 { top:var(--eight-bet-130-y,210px) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #betChipLayer .bet-anchor-eight-3 { top:var(--eight-bet-3-y,323.84px) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #betChipLayer .bet-anchor-eight-430 { top:var(--eight-bet-430-y,567px) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #betChipLayer .bet-anchor-eight-6 { top:var(--eight-bet-6-y,600px) !important; }

/* Only exceptionally short portrait windows need a small, uniform reduction
   of widgets. The outer phone frame and betting row always use the full width. */
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.eight-mobile-fill #tableView :is(#seats,#seatGhosts) .mobile-seat-card { transform:scale(calc(var(--ui-scale) * var(--eight-widget-density,1))) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.eight-mobile-fill #tableView #hero { transform:scale(calc(var(--ui-scale) * var(--eight-widget-density,1))) !important; bottom:calc(12px * var(--eight-widget-density,1)) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.eight-mobile-fill #tableView #community { transform:translate(-50%,-50%) scale(calc(1.48 * var(--eight-widget-density,1))) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.eight-mobile-fill #tableView #centralBetPool:not(.sweat-pot-slim) { transform:translate(-50%,-50%) scale(calc(1.18 * var(--eight-widget-density,1))) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.eight-mobile-fill #tableView #betChipLayer .table-bet-chip:not(.central-bet-pool) { transform:translate(-50%,-50%) scale(calc(var(--ui-scale) * var(--eight-widget-density,1))) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.eight-mobile-fill #tableView #blindInfoPanel { transform:translate(-50%,0) scale(calc(var(--ui-scale) * var(--eight-widget-density,1))) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.eight-mobile-fill #tableView .table-position-role { transform:translate(-50%,-50%) scale(var(--eight-widget-density,1)) !important; }

/* Large amount pills use the clear lanes between the top and side profiles
   when a short phone brings those rows level with each other. */
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #betChipLayer :is(.bet-anchor-eight-1030,.bet-anchor-eight-9) { left:var(--eight-bet-left-x,140px) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #betChipLayer :is(.bet-anchor-eight-130,.bet-anchor-eight-3) { left:var(--eight-bet-right-x,290px) !important; }
html body:not(.hand-history-table).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView #betChipLayer :is(.bet-anchor-eight-1030,.bet-anchor-eight-130,.bet-anchor-eight-9,.bet-anchor-eight-3) strong { padding-inline:var(--eight-bet-label-pad,7px) !important; }