.card.back,
.card-back,
#dragonTigerRoom.dragon-dom-room .dt-dom-cards .dt-card.back {
  border: 0 !important;
  background: #fff url("./assets/blue-card-back.webp?v=1") center / 100% 100% no-repeat !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .44) !important;
}

/* Pearl blue-violet global color theme. Remove the body class to roll back. */
body.theme-pearl-blue {
  color: #f9fbff !important;
  background: radial-gradient(circle at 82% 2%, rgba(232,172,255,.48), transparent 28%), radial-gradient(circle at 10% 18%, rgba(88,188,255,.42), transparent 34%), linear-gradient(155deg, #516eea 0%, #6f74ec 42%, #805fda 100%) fixed !important;
}

body.theme-pearl-blue .app,
body.theme-pearl-blue #lobby,
body.theme-pearl-blue #clubPage,
body.theme-pearl-blue #adminPage,
body.theme-pearl-blue #rooms,
body.theme-pearl-blue #room {
  background: radial-gradient(circle at 86% 0%, rgba(241,185,255,.38), transparent 29%), radial-gradient(circle at 8% 22%, rgba(88,199,255,.3), transparent 35%), linear-gradient(160deg, #4e69df 0%, #6678e8 42%, #785fd8 100%) !important;
}

body.theme-pearl-blue #clubPage::before,
body.theme-pearl-blue #adminPage::before {
  opacity: .28 !important;
  background: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px) !important;
  background-size: 34px 34px !important;
}

body.theme-pearl-blue .lobby-profile,
body.theme-pearl-blue .topbar,
body.theme-pearl-blue .bottom-nav,
body.theme-pearl-blue .room-head,
body.theme-pearl-blue .actions {
  border-color: rgba(239,245,255,.5) !important;
  background: linear-gradient(135deg, rgba(126,151,246,.9), rgba(100,88,207,.88)) !important;
  box-shadow: 0 12px 30px rgba(61,51,160,.2), inset 0 1px rgba(255,255,255,.24) !important;
}

body.theme-pearl-blue .profile-card,
body.theme-pearl-blue .profile-balance,
body.theme-pearl-blue .wallet,
body.theme-pearl-blue .back-pill {
  border-color: rgba(232,241,255,.48) !important;
  background: rgba(78,91,190,.54) !important;
  color: #fff !important;
  box-shadow: inset 0 1px rgba(255,255,255,.14) !important;
}

body.theme-pearl-blue .profile-card span,
body.theme-pearl-blue .profile-balance span,
body.theme-pearl-blue .topbar span,
body.theme-pearl-blue .topbar em,
body.theme-pearl-blue .game-card em,
body.theme-pearl-blue .game-card > span {
  color: rgba(249,250,255,.82) !important;
}

body.theme-pearl-blue .lobby-title h1,
body.theme-pearl-blue .topbar h1,
body.theme-pearl-blue .game-card strong,
body.theme-pearl-blue .club-table-card strong,
body.theme-pearl-blue .lounge-hero strong {
  color: #fff !important;
  text-shadow: 0 2px 10px rgba(68,49,161,.28) !important;
}

body.theme-pearl-blue .game-card {
  border-color: rgba(238,243,255,.58) !important;
  background: radial-gradient(circle at 88% 9%, rgba(255,218,244,.3), transparent 34%), linear-gradient(145deg, rgba(126,157,244,.92), rgba(100,96,211,.94)) !important;
  box-shadow: 0 16px 34px rgba(52,42,145,.24), inset 0 1px rgba(255,255,255,.25) !important;
}

body.theme-pearl-blue .bottom-nav button { color: rgba(247,249,255,.78) !important; }
body.theme-pearl-blue .bottom-nav button.active,
body.theme-pearl-blue .bottom-nav button:hover,
body.theme-pearl-blue .club-game-tabs button.active {
  border-color: rgba(255,239,181,.72) !important;
  background: linear-gradient(180deg, #ffeaa3, #efb84d) !important;
  color: #55330a !important;
  box-shadow: 0 7px 18px rgba(118,76,24,.18), inset 0 1px rgba(255,255,255,.72) !important;
}

body.theme-pearl-blue .club-panel,
body.theme-pearl-blue .admin-panel { background: transparent !important; }

body.theme-pearl-blue .club-league-summary,
body.theme-pearl-blue .club-game-tabs,
body.theme-pearl-blue .club-empty,
body.theme-pearl-blue .league-info-card,
body.theme-pearl-blue .league-owner-tools,
body.theme-pearl-blue .league-create-card,
body.theme-pearl-blue .league-entry-card,
body.theme-pearl-blue .club-table-card,
body.theme-pearl-blue .mine-profile-card,
body.theme-pearl-blue .mine-account-card {
  border-color: rgba(235,241,255,.5) !important;
  background: radial-gradient(circle at 84% 0%, rgba(238,201,255,.26), transparent 30%), linear-gradient(145deg, rgba(132,154,241,.92), rgba(105,92,205,.92)) !important;
  box-shadow: 0 15px 34px rgba(53,42,143,.2), inset 0 1px rgba(255,255,255,.22) !important;
}

body.theme-pearl-blue .club-game-tabs button,
body.theme-pearl-blue .club-table-card em,
body.theme-pearl-blue .club-table-card span,
body.theme-pearl-blue .club-empty span,
body.theme-pearl-blue .league-info-card em,
body.theme-pearl-blue .mine-account-card em { color: rgba(246,248,255,.8) !important; }

body.theme-pearl-blue .game-lounge,
body.theme-pearl-blue .create-table-panel,
body.theme-pearl-blue .create-card,
body.theme-pearl-blue .setting-group,
body.theme-pearl-blue .rule-option,
body.theme-pearl-blue .table-limit-config,
body.theme-pearl-blue .rake-config {
  border-color: rgba(235,241,255,.46) !important;
  background: rgba(112,126,222,.74) !important;
  color: #fff !important;
  box-shadow: inset 0 1px rgba(255,255,255,.14) !important;
}

body.theme-pearl-blue input,
body.theme-pearl-blue select,
body.theme-pearl-blue textarea,
body.theme-pearl-blue #adminPage .mine-name-editor input {
  border-color: rgba(228,239,255,.68) !important;
  background: rgba(69,76,174,.62) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 6px rgba(55,44,138,.16) !important;
}
body.theme-pearl-blue input::placeholder,
body.theme-pearl-blue textarea::placeholder { color: rgba(239,244,255,.62) !important; }

body.theme-pearl-blue .create-btn,
body.theme-pearl-blue .lounge-action.primary,
body.theme-pearl-blue #adminPage .mine-profile-save,
body.theme-pearl-blue .create-league-btn {
  border-color: rgba(255,244,204,.8) !important;
  background: linear-gradient(180deg, #ffecaa, #efb54b) !important;
  color: #523006 !important;
  box-shadow: 0 10px 24px rgba(101,70,30,.18), inset 0 1px rgba(255,255,255,.78) !important;
}

body.theme-pearl-blue #adminPage .mine-profile-heading > em,
body.theme-pearl-blue #adminPage .mine-name-editor small,
body.theme-pearl-blue #adminPage .mine-account-card > span { color: rgba(244,247,255,.72) !important; }
body.theme-pearl-blue #adminPage .mine-avatar-picker > span {
  border-color: rgba(250,251,255,.9) !important;
  background: linear-gradient(145deg, #9e8bf1, #567fe5) !important;
}

body.theme-pearl-blue #room .table {
  border-color: rgba(235,243,255,.5) !important;
  background: radial-gradient(circle at 50% 32%, rgba(132,219,255,.3), transparent 36%), linear-gradient(155deg, #527dd4, #5267bd 54%, #6657ba) !important;
  box-shadow: inset 0 0 55px rgba(213,230,255,.12), 0 14px 34px rgba(53,42,143,.2) !important;
}
body.theme-pearl-blue #room .seat-card,
body.theme-pearl-blue #room .nameplate,
body.theme-pearl-blue #room .bet-slider {
  border-color: rgba(231,240,255,.5) !important;
  background: rgba(72,83,172,.7) !important;
}
body.theme-pearl-blue #room .actions button {
  border-color: rgba(239,245,255,.44) !important;
  background: rgba(82,94,190,.72) !important;
  color: #fff !important;
}
body.theme-pearl-blue #room .actions button:not(:disabled):active,
body.theme-pearl-blue #room .actions button:not(:disabled):hover {
  background: linear-gradient(180deg, #ffe99b, #eab043) !important;
  color: #4e2d05 !important;
}

body.theme-pearl-blue .table-manage-overlay,
body.theme-pearl-blue .settlement-modal,
body.theme-pearl-blue .exit-confirm-modal,
body.theme-pearl-blue .replay-modal {
  background: rgba(59,61,158,.3) !important;
  backdrop-filter: blur(9px) !important;
}
body.theme-pearl-blue .table-manage-card,
body.theme-pearl-blue .settlement-card,
body.theme-pearl-blue .exit-confirm-card,
body.theme-pearl-blue .replay-card,
body.theme-pearl-blue .rules-panel {
  border-color: rgba(237,242,255,.62) !important;
  background: linear-gradient(150deg, rgba(135,158,241,.98), rgba(103,91,204,.98)) !important;
  color: #fff !important;
}

body.theme-pearl-blue #dragonTigerRoom,
body.theme-pearl-blue #dragonTigerRoom .dt-dom-shell {
  background: radial-gradient(circle at 50% 6%, rgba(137,218,255,.32), transparent 30%), linear-gradient(160deg, #456fc5 0%, #5369bd 48%, #6c56b4 100%) !important;
}
body.theme-pearl-blue #dragonTigerRoom .dt-dom-topbar,
body.theme-pearl-blue #dragonTigerRoom .dt-dom-hero,
body.theme-pearl-blue #dragonTigerRoom .dt-dom-user,
body.theme-pearl-blue #dragonTigerRoom .dt-dom-wallet,
body.theme-pearl-blue #dragonTigerRoom .dt-dom-side-actions button {
  border-color: rgba(230,241,255,.55) !important;
  background: rgba(76,99,185,.72) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.18), 0 8px 20px rgba(52,42,143,.16) !important;
}
body.theme-pearl-blue #dragonTigerRoom .dt-dom-player-card {
  border-color: rgba(226,239,255,.46) !important;
  background: rgba(69,91,171,.68) !important;
}
body.theme-pearl-blue #dragonTigerRoom .dt-dom-zone {
  filter: brightness(1.12) saturate(.96);
  box-shadow: inset 0 1px rgba(255,255,255,.2), 0 12px 26px rgba(47,40,126,.16) !important;
}
body.theme-pearl-blue #dragonTigerRoom .dt-dom-zone-stats {
  border-color: rgba(239,247,255,.68) !important;
  background: linear-gradient(145deg, rgba(103, 139, 210, .92), rgba(93, 108, 190, .9)) !important;
  color: rgba(252, 254, 255, .96) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 4px 12px rgba(50, 55, 140, .16) !important;
  backdrop-filter: blur(7px) saturate(1.08) !important;
}
body.theme-pearl-blue #dragonTigerRoom .dt-dom-zone-stats .total {
  border-bottom-color: rgba(245,250,255,.36) !important;
  color: #fff !important;
}
body.theme-pearl-blue #dragonTigerRoom .dt-dom-zone-stats .mine {
  color: rgba(255,255,255,.94) !important;
}
body.theme-pearl-blue #dragonTigerRoom .dt-dom-zone-stats .remaining,
body.theme-pearl-blue #dragonTigerRoom .dt-dom-zone-stats .remaining b {
  color: rgba(239,246,255,.76) !important;
}
body.theme-pearl-blue #dragonTigerRoom .dt-rules-drawer {
  border-color: rgba(235,242,255,.56) !important;
  background: linear-gradient(160deg, #708ee4, #7065cf) !important;
}

@media (max-width: 520px) {
  body.theme-pearl-blue .app,
  body.theme-pearl-blue #lobby,
  body.theme-pearl-blue #clubPage,
  body.theme-pearl-blue #adminPage,
  body.theme-pearl-blue #rooms,
  body.theme-pearl-blue #room {
    background: radial-gradient(circle at 88% 0%, rgba(238,183,255,.34), transparent 27%), linear-gradient(165deg, #516de1, #6677e5 48%, #755ed4) !important;
  }
}

.card.back > * {
  display: none !important;
}

.card.back::before,
.card.back::after,
#dragonTigerRoom.dragon-dom-room .dt-dom-cards .dt-card.back::before,
#dragonTigerRoom.dragon-dom-room .dt-dom-cards .dt-card.back::after {
  display: none !important;
}

.card:not(.back),
#dragonTigerRoom.dragon-dom-room .dt-dom-cards .dt-card:not(.back) {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  padding: 6px !important;
  overflow: hidden !important;
  border: 1px solid #c8cbd1 !important;
  border-radius: 9px !important;
  background: linear-gradient(145deg, #fff, #f1f2f5) !important;
  color: #17191d;
  box-shadow: 0 7px 14px rgba(0, 0, 0, .3), inset 0 1px 0 #fff !important;
}

.card:not(.back).red,
#dragonTigerRoom.dragon-dom-room .dt-dom-cards .dt-card:not(.back).red {
  color: #cf271b !important;
}

.card:not(.back) .rank,
#dragonTigerRoom.dragon-dom-room .dt-dom-cards .dt-card:not(.back) b {
  position: absolute !important;
  left: 7px !important;
  top: 5px !important;
  z-index: 2 !important;
  font-size: clamp(16px, 4.6vw, 23px) !important;
  line-height: .9 !important;
  font-weight: 500 !important;
}

.card:not(.back) .suit,
#dragonTigerRoom.dragon-dom-room .dt-dom-cards .dt-card:not(.back) i {
  position: absolute !important;
  left: 8px !important;
  top: 25px !important;
  z-index: 2 !important;
  font-size: clamp(12px, 3.4vw, 18px) !important;
  line-height: 1 !important;
  font-style: normal !important;
}

.card:not(.back)::after,
#dragonTigerRoom.dragon-dom-room .dt-dom-cards .dt-card:not(.back)::after {
  content: attr(data-suit) !important;
  position: absolute !important;
  left: 56% !important;
  top: 61% !important;
  display: block !important;
  color: currentColor !important;
  font-size: clamp(25px, 7.5vw, 42px) !important;
  line-height: 1 !important;
  transform: translate(-50%, -50%) !important;
}

.opponent .card:not(.back) .rank {
  left: 5px !important;
  top: 4px !important;
  font-size: 14px !important;
}

.opponent .card:not(.back) .suit {
  left: 5px !important;
  top: 18px !important;
  font-size: 11px !important;
}

.opponent .card:not(.back)::after {
  font-size: 26px !important;
}

#dragonTigerRoom.dragon-dom-room .dt-dom-cards .dt-card-left {
  left: 20% !important;
}

#dragonTigerRoom.dragon-dom-room .dt-dom-cards .dt-card-right {
  left: 80% !important;
}

#dragonTigerRoom.dragon-dom-room .dt-dom-cards .dt-card {
  position: absolute !important;
  top: 48% !important;
}

#dragonTigerRoom.dragon-dom-room .dt-dom-cards .dt-card:not(.back) {
  position: absolute !important;
  top: 48% !important;
}

#dragonTigerRoom .dt-dom-zone-odds {
  display: block !important;
  margin-top: 6px !important;
  color: inherit !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 1000 !important;
  font-family: Arial Black, "Microsoft YaHei", sans-serif !important;
  text-shadow: none !important;
}

#clubPage .club-table-card .club-table-scene {
  width: min(100%, 360px) !important;
  height: 230px !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent url("./assets/dragon-tiger-table-transparent.webp?v=1") center / contain no-repeat !important;
  box-shadow: none !important;
}

#clubPage .club-table-card .club-table-scene::before { display: none !important; }

#clubPage .club-table-card .club-table-top {
  top: 88px !important;
  width: 132px !important;
  height: 54px !important;
  padding: 7px 10px !important;
  border: 3px solid #7b312e !important;
  border-radius: 26px !important;
  background: #ad2428 !important;
  box-shadow: inset 0 2px 0 rgba(255,255,255,.28), 0 7px 0 #3e3440, 0 11px 14px rgba(0,0,0,.32) !important;
}

#clubPage .club-table-card .club-table-top strong { color: #fff5df !important; font-size: 17px !important; }
#clubPage .club-table-card .club-table-top small { margin-top: 3px !important; color: #fff !important; font-size: 10px !important; text-shadow: none !important; }

#clubPage .club-table-card .club-table-base,
#clubPage .club-table-card .club-table-chair,
#clubPage .club-table-card .club-entry-card { display: none !important; }

#clubPage .club-dt-banker {
  position: absolute !important;
  left: 50% !important;
  top: 48px !important;
  z-index: 4 !important;
  color: #e8faff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  transform: translateX(-50%) !important;
}

#clubPage .club-dt-zones {
  position: absolute !important;
  left: 50% !important;
  top: 73px !important;
  z-index: 3 !important;
  width: 238px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 5px !important;
  transform: translateX(-50%) !important;
}

#clubPage .club-dt-zones span {
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(164, 235, 232, .78) !important;
}

#clubPage .club-dt-zones .tie { grid-column: 1 / -1 !important; min-height: 32px !important; }
#clubPage .club-dt-zones b { font-size: 28px !important; line-height: 1 !important; }
#clubPage .club-dt-zones em { font-size: 14px !important; font-style: normal !important; font-weight: 900 !important; }

#clubPage .club-dt-online {
  position: absolute !important;
  left: 50% !important;
  bottom: 25px !important;
  z-index: 4 !important;
  min-width: 78px !important;
  padding: 3px 12px !important;
  border-radius: 6px !important;
  background: rgba(8, 47, 56, .68) !important;
  color: #e7fbff !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  transform: translateX(-50%) !important;
}

#clubPage .club-table-card .club-seat {
  z-index: 6 !important;
  width: 34px !important;
  height: 34px !important;
  border: 2px solid rgba(218, 226, 255, .82) !important;
  border-radius: 9px !important;
  background: #293263 !important;
  box-shadow: 0 5px 8px rgba(0,0,0,.36) !important;
}

#clubPage .club-table-card .club-seat.filled b { font-size: 14px !important; }
#clubPage .club-table-card .club-seat.s1 { left: 10px !important; top: 76px !important; }
#clubPage .club-table-card .club-seat.s2 { left: 76px !important; top: 14px !important; }
#clubPage .club-table-card .club-seat.s3 { left: 50% !important; top: 8px !important; margin-left: -17px !important; }
#clubPage .club-table-card .club-seat.s4 { right: 76px !important; top: 14px !important; }
#clubPage .club-table-card .club-seat.s5 { right: 10px !important; top: 76px !important; }
#clubPage .club-table-card .club-seat.s6 { left: 10px !important; top: 145px !important; }
#clubPage .club-table-card .club-seat.s7 { right: 10px !important; top: 145px !important; }
#clubPage .club-table-card .club-seat.s8 { left: 76px !important; top: 188px !important; }
#clubPage .club-table-card .club-seat.s9 { left: 50% !important; top: 193px !important; margin-left: -17px !important; }
#clubPage .club-table-card .club-seat.s10 { right: 76px !important; top: 188px !important; }

/* Sangong lobby tables use a clean felt surface with the rule printed on it. */
#clubPage .club-table-card.game-sangong .club-table-scene::after {
  display: none !important;
}

#clubPage .club-table-card.game-sangong .club-table-scene {
  background-image: url("./assets/dragon-tiger-table-clean.webp?v=1") !important;
}

#clubPage .club-table-card.game-sangong .club-table-top {
  top: 83px !important;
  z-index: 4 !important;
  width: 190px !important;
  height: 68px !important;
  padding: 6px 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#clubPage .club-table-card.game-sangong .club-table-top strong {
  color: rgba(157, 211, 207, .78) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 28px !important;
  letter-spacing: 1px !important;
  text-shadow: none !important;
  filter: none !important;
}

#clubPage .club-table-card.game-sangong .club-table-top small {
  margin-top: 3px !important;
  color: rgba(151, 204, 200, .72) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 16px !important;
  letter-spacing: .25px !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Dragon Tiger redesign: modern neon arena. */
#dragonTigerRoom .dt-dom-shell {
  background: #030b1b !important;
  box-shadow: inset 0 0 0 1px rgba(72, 169, 255, .42), inset 0 0 42px rgba(13, 76, 154, .18) !important;
}

#dragonTigerRoom .dt-dom-topbar {
  left: 68px !important;
  right: 68px !important;
  top: 8px !important;
  height: 72px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(84px, 1.35fr) repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(74, 165, 255, .48) !important;
  border-radius: 20px !important;
  background: rgba(5, 19, 43, .94) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.42), inset 0 -1px 0 rgba(93,184,255,.28) !important;
}

#dragonTigerRoom .dt-dom-banker-card,
#dragonTigerRoom .dt-dom-seat {
  min-width: 0 !important;
  width: 100% !important;
  height: 54px !important;
  border: 1px solid rgba(129, 168, 219, .26) !important;
  border-radius: 11px !important;
  background: rgba(15, 31, 60, .92) !important;
  color: #d8e7fb !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#dragonTigerRoom .dt-dom-banker-card:first-child { border-color: rgba(255,178,54,.62) !important; background: rgba(63,43,19,.92) !important; }
#dragonTigerRoom .dt-dom-banker-card:nth-child(2) { border-color: rgba(183,87,246,.56) !important; background: rgba(54,27,78,.9) !important; }

#dragonTigerRoom .dt-dom-banker-card span {
  width: 34px !important;
  height: 28px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #d89a2b !important;
  box-shadow: none !important;
}

#dragonTigerRoom .dt-dom-banker-card:nth-child(2) span { background: #8a4bc2 !important; color: #fff !important; }

#dragonTigerRoom .dt-dom-apply {
  width: auto !important;
  height: 48px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(255, 178, 53, .68) !important;
  border-radius: 15px !important;
  background: rgba(72, 48, 18, .94) !important;
  box-shadow: 0 0 14px rgba(255, 156, 27, .18) !important;
  color: #ffe2a3 !important;
  font-size: 15px !important;
  line-height: 1.05 !important;
}

#dragonTigerRoom .dt-dom-banker-card {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px !important;
}

#dragonTigerRoom .dt-dom-banker-card .dt-dom-banker-avatar {
  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  border: 2px solid rgba(255,255,255,.72) !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: transparent !important;
}

#dragonTigerRoom .dt-dom-banker-avatar img,
#dragonTigerRoom .dt-dom-seat.filled img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

#dragonTigerRoom .dt-dom-banker-card b,
#dragonTigerRoom .dt-dom-banker-card em {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 1.1 !important;
}

#dragonTigerRoom .dt-dom-banker-card b { align-self: end !important; font-size: 10px !important; }
#dragonTigerRoom .dt-dom-banker-card em { align-self: start !important; font-size: 9px !important; font-style: normal !important; opacity: .9 !important; }

#dragonTigerRoom .dt-dom-seat.filled {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  padding: 3px !important;
}

#dragonTigerRoom .dt-dom-seat.filled span { width: 40px !important; height: 40px !important; border: 2px solid rgba(255,255,255,.65) !important; border-radius: 50% !important; overflow: hidden !important; flex: 0 0 auto !important; }
#dragonTigerRoom .dt-dom-seat.filled b { max-width: 32px !important; overflow: hidden !important; text-overflow: ellipsis !important; font-size: 9px !important; }
#dragonTigerRoom .dt-dom-apply { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; }
#dragonTigerRoom .dt-dom-apply strong { font-size: 13px !important; line-height: 1.1 !important; }
#dragonTigerRoom .dt-dom-apply small { margin-top: 3px !important; font-size: 8px !important; opacity: .82 !important; }

#dragonTigerRoom .dt-dom-side-actions { top: 8px !important; height: 54px !important; gap: 0 !important; }
#dragonTigerRoom .dt-dom-side-actions.left { left: 8px !important; }
#dragonTigerRoom .dt-dom-side-actions.right { right: 8px !important; }
#dragonTigerRoom .dt-dom-side-actions button {
  width: 52px !important;
  height: 54px !important;
  border: 1px solid rgba(112, 157, 215, .38) !important;
  border-radius: 11px !important;
  background: rgba(8, 23, 48, .94) !important;
  color: #dce9fb !important;
  font-size: 11px !important;
  box-shadow: none !important;
}

#dragonTigerRoom .dt-rules-panel {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1000 !important;
  display: block !important;
  overflow: hidden !important;
}

#dragonTigerRoom .dt-rules-panel.hidden { display: none !important; }

#dragonTigerRoom .dt-rules-backdrop {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(0, 9, 22, .68) !important;
  backdrop-filter: blur(2px) !important;
  animation: dt-rules-fade .25s ease both !important;
}

#dragonTigerRoom .dt-rules-drawer {
  position: absolute !important;
  top: 0 !important;
  left: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  width: min(78vw, 360px) !important;
  margin: 0 0 0 auto !important;
  padding: 0 0 22px !important;
  border-left: 1px solid rgba(99, 211, 244, .72) !important;
  background: linear-gradient(180deg, #0d3a52 0%, #082b41 55%, #061f33 100%) !important;
  box-shadow: -14px 0 34px rgba(0, 9, 20, .52), inset 1px 0 0 rgba(199, 244, 255, .08) !important;
  color: #ecfaff !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
  animation: dt-rules-slide-in .3s cubic-bezier(.2,.8,.2,1) both !important;
}

#dragonTigerRoom .dt-rules-drawer header {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 58px !important;
  padding: 0 18px !important;
  border-bottom: 1px solid rgba(116, 211, 238, .26) !important;
  background: rgba(8, 39, 58, .96) !important;
  box-sizing: border-box !important;
}

#dragonTigerRoom .dt-rules-drawer header span { font-size: 17px !important; font-weight: 900 !important; }
#dragonTigerRoom .dt-rules-drawer header button {
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border: 1px solid rgba(143, 220, 242, .4) !important;
  border-radius: 50% !important;
  background: rgba(17, 72, 96, .8) !important;
  color: #fff !important;
  font-size: 24px !important;
  line-height: 30px !important;
}

#dragonTigerRoom .dt-rules-drawer h3 {
  margin: 22px 18px 14px !important;
  color: #ffd978 !important;
  font-size: 25px !important;
  text-align: left !important;
}

#dragonTigerRoom .dt-rules-content { display: grid !important; gap: 10px !important; padding: 0 14px !important; }
#dragonTigerRoom .dt-rules-content section {
  padding: 13px 14px !important;
  border: 1px solid rgba(107, 198, 225, .25) !important;
  border-radius: 13px !important;
  background: rgba(14, 65, 86, .56) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}
#dragonTigerRoom .dt-rules-content strong { display: block !important; margin-bottom: 7px !important; color: #8ee4ff !important; font-size: 14px !important; }
#dragonTigerRoom .dt-rules-content p { margin: 0 !important; color: rgba(232, 248, 252, .86) !important; font-size: 12px !important; line-height: 1.75 !important; }

@keyframes dt-rules-slide-in { from { transform: translateX(100%); } to { transform: translateX(0); } }
@keyframes dt-rules-fade { from { opacity: 0; } to { opacity: 1; } }

/* Mobile browser hardening: fit the visual viewport and prevent double-tap zoom. */
#dragonTigerRoom,
#dragonTigerRoom button,
#dragonTigerRoom [data-dt-bet],
#dragonTigerRoom [data-dt-chip] {
  touch-action: manipulation !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
}

#dragonTigerRoom button { -webkit-tap-highlight-color: transparent !important; }

@media (max-width: 430px) {
  #dragonTigerRoom.dragon-dom-room {
    width: 100% !important;
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  #dragonTigerRoom .dt-dom-shell {
    width: 100% !important;
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
  }

  #dragonTigerRoom .dt-dom-topbar {
    left: 54px !important;
    right: 54px !important;
    grid-template-columns: 34px 34px minmax(72px, 1.35fr) repeat(3, minmax(36px, 1fr)) !important;
    gap: 4px !important;
    padding: 8px 6px !important;
  }

  #dragonTigerRoom .dt-dom-banker-card .dt-dom-banker-avatar {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    flex: 0 0 30px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
  }

  #dragonTigerRoom .dt-dom-banker-avatar img,
  #dragonTigerRoom .dt-dom-seat.filled img {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 50% !important;
  }

  #dragonTigerRoom .dt-dom-seat.filled span {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
    aspect-ratio: 1 / 1 !important;
  }

  #dragonTigerRoom .dt-dom-footer {
    bottom: max(5px, env(safe-area-inset-bottom)) !important;
  }
}

/* Run the online drawer entrance only on the click that opens it. */
#dragonTigerRoom .dt-online-backdrop,
#dragonTigerRoom .dt-online-drawer {
  animation: none !important;
}
#dragonTigerRoom .dt-online-panel.opening .dt-online-backdrop {
  animation: dtOnlineBackdropIn .58s ease both !important;
}
#dragonTigerRoom .dt-online-panel.opening .dt-online-drawer {
  animation: dtOnlineDrawerRise .72s cubic-bezier(.18, .82, .24, 1) both !important;
}

/* Online drawer: left anchored with a slow bottom-up reveal. */
#dragonTigerRoom .dt-online-panel {
  place-items: end start !important;
  padding: 20px !important;
}

#dragonTigerRoom .dt-online-backdrop {
  background: radial-gradient(circle at 12% 88%, rgba(75, 102, 220, .22), transparent 38%), rgba(7, 18, 47, .38) !important;
  animation: dtOnlineBackdropIn .58s ease both !important;
}

#dragonTigerRoom .dt-online-drawer {
  width: min(390px, calc(100vw - 40px)) !important;
  max-height: calc(100dvh - 40px) !important;
  border: 1px solid rgba(116, 207, 255, .62) !important;
  border-radius: 22px 22px 18px 18px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(103, 143, 255, .22), transparent 35%),
    linear-gradient(160deg, rgba(18, 47, 99, .97), rgba(32, 38, 103, .97)) !important;
  box-shadow: 0 0 0 1px rgba(180, 153, 255, .2), 0 0 30px rgba(69, 168, 255, .22), 0 24px 65px rgba(2, 10, 38, .45) !important;
  transform-origin: left bottom !important;
  animation: dtOnlineDrawerRise .72s cubic-bezier(.18, .82, .24, 1) both !important;
}

#dragonTigerRoom .dt-online-drawer::before {
  content: "" !important;
  position: absolute !important;
  z-index: 3 !important;
  left: 50% !important;
  top: 8px !important;
  width: 42px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #65d9ff, #b39aff) !important;
  box-shadow: 0 0 12px rgba(101, 217, 255, .55) !important;
  transform: translateX(-50%) !important;
}

#dragonTigerRoom .dt-online-drawer > header {
  position: relative !important;
  min-height: 64px !important;
  padding: 8px 14px 0 18px !important;
  border-bottom: 1px solid rgba(128, 199, 255, .2) !important;
  background: linear-gradient(90deg, rgba(61, 111, 198, .26), rgba(109, 83, 184, .2)) !important;
}

#dragonTigerRoom .dt-online-drawer > header span { color: #f4f8ff !important; }
#dragonTigerRoom .dt-online-drawer > header b {
  background: rgba(111, 194, 255, .14) !important;
  color: #9fe5ff !important;
}

#dragonTigerRoom .dt-online-drawer > header button {
  background: rgba(255, 255, 255, .09) !important;
  color: #dce9ff !important;
}

#dragonTigerRoom .dt-online-list {
  max-height: calc(100dvh - 104px) !important;
  padding: 8px 12px 14px !important;
}

#dragonTigerRoom .dt-online-user {
  border-bottom-color: rgba(151, 190, 255, .14) !important;
  transition: background .2s ease, transform .2s ease !important;
}

#dragonTigerRoom .dt-online-user:hover {
  border-radius: 12px !important;
  background: rgba(104, 164, 255, .09) !important;
  transform: translateX(3px) !important;
}

#dragonTigerRoom .dt-online-info strong { color: #f3f6ff !important; }
#dragonTigerRoom .dt-online-info em { color: #94acd8 !important; }
#dragonTigerRoom .dt-online-user > b { color: #8bdcff !important; }

#dragonTigerRoom .dt-online-user.is-me {
  background: linear-gradient(90deg, rgba(74, 176, 255, .16), rgba(126, 99, 221, .12)) !important;
  box-shadow: inset 3px 0 #69d8ff !important;
}

@keyframes dtOnlineDrawerRise {
  0% { opacity: 0; transform: translateY(calc(100% + 34px)) scale(.96); filter: blur(5px); }
  58% { opacity: 1; filter: blur(0); }
  82% { transform: translateY(-7px) scale(1); }
  100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

@keyframes dtOnlineBackdropIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (max-width: 430px) {
  #dragonTigerRoom .dt-online-panel { padding: 10px !important; }
  #dragonTigerRoom .dt-online-drawer {
    width: min(360px, calc(100vw - 20px)) !important;
    max-height: calc(100dvh - 20px) !important;
    border-radius: 20px 20px 14px 14px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dragonTigerRoom .dt-online-backdrop,
  #dragonTigerRoom .dt-online-drawer { animation-duration: .01ms !important; }
}

/* === TRUE EOF 226: restore the pre-reference Sangong countdown only === */
html body #room.sangong-mode .dealer > #statusText,
html body #room.sangong-mode .dealer > #statusText.ready-action,
html body.theme-pearl-blue #room.sangong-mode .dealer > #statusText,
html body.theme-pearl-blue #room.sangong-mode .dealer > #statusText.ready-action {
  display: inline-grid !important;
  place-items: center !important;
  box-sizing: border-box !important;
  width: fit-content !important;
  min-width: 96px !important;
  max-width: calc(100vw - 110px) !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 3px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fff5a8 0%, #f7c243 16%, #c57a08 50%, #8f5200 100%) !important;
  color: #221100 !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  box-shadow:
    0 7px 13px rgba(28, 13, 0, .36),
    inset 0 3px 4px rgba(255, 255, 255, .85),
    inset 0 -5px 8px rgba(86, 38, 0, .52) !important;
  contain: layout paint !important;
}

html body #room.sangong-mode .dealer > #statusText::before,
html body.theme-pearl-blue #room.sangong-mode .dealer > #statusText::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffe77a 0%, #d18b15 48%, #703600 100%) !important;
  box-shadow:
    inset 0 2px 4px rgba(255, 255, 255, .9),
    inset 0 -4px 6px rgba(55, 23, 0, .62) !important;
}

html body #room.sangong-mode .dealer > #statusText .status-inner,
html body.theme-pearl-blue #room.sangong-mode .dealer > #statusText .status-inner {
  position: relative !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 34px !important;
  padding: 0 16px !important;
  overflow: hidden !important;
  border: 2px solid #5d2c00 !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.85) 0%, rgba(255,255,255,.35) 18%, rgba(255,255,255,0) 40%),
    linear-gradient(180deg, #fff3a8 0%, #ffd55e 20%, #f5a826 58%, #dc8c13 100%) !important;
  box-shadow:
    inset 0 5px 12px rgba(255, 255, 255, .78),
    inset 0 -5px 12px rgba(116, 54, 0, .43),
    0 0 0 2px rgba(255, 234, 120, .86) !important;
}

html body #room.sangong-mode .dealer > #statusText .status-light,
html body.theme-pearl-blue #room.sangong-mode .dealer > #statusText .status-light {
  position: absolute !important;
  top: 4px !important;
  left: 45% !important;
  z-index: 5 !important;
  display: block !important;
  width: 42px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.95) !important;
  filter: blur(4px) !important;
  pointer-events: none !important;
}

html body #room.sangong-mode .dealer > #statusText .status-label,
html body #room.sangong-mode .dealer > #statusText .status-number,
html body.theme-pearl-blue #room.sangong-mode .dealer > #statusText .status-label,
html body.theme-pearl-blue #room.sangong-mode .dealer > #statusText .status-number {
  position: relative !important;
  z-index: 4 !important;
  display: inline-block !important;
  color: #221100 !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-shadow: 0 1px 0 rgba(255, 236, 150, .78) !important;
}

html body #room.sangong-mode .dealer > #statusText .status-label,
html body.theme-pearl-blue #room.sangong-mode .dealer > #statusText .status-label {
  font-size: 14px !important;
}

html body #room.sangong-mode .dealer > #statusText .status-number,
html body.theme-pearl-blue #room.sangong-mode .dealer > #statusText .status-number {
  margin-left: 8px !important;
  color: #221100 !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

/* TRUE EOF 223: lock the Sangong reference header above legacy room controls. */
html body #room.sangong-mode > .room-head > #backBtn,
html body #room.sangong-mode > .room-head > #ruleBtn,
html body.theme-pearl-blue #room.sangong-mode > .room-head > #backBtn,
html body.theme-pearl-blue #room.sangong-mode > .room-head > #ruleBtn {
  border-color: rgba(228, 193, 119, .88) !important;
  color: #f5f0e4 !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(151, 188, 255, .26), transparent 60%),
    linear-gradient(180deg, #385583 0%, #172f5b 51%, #081b43 100%) !important;
  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.30),
    inset 0 -4px 8px rgba(0, 7, 33, .42),
    0 0 0 2px rgba(5, 16, 48, .82),
    0 7px 12px rgba(0, 6, 29, .38) !important;
}

html body #room.sangong-mode > .room-head > #backBtn::before,
html body.theme-pearl-blue #room.sangong-mode > .room-head > #backBtn::before {
  content: "↩" !important;
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #e9e7e2 !important;
  background: none !important;
  box-shadow: none !important;
}

html body #room.sangong-mode > .room-head > #ruleBtn::before,
html body.theme-pearl-blue #room.sangong-mode > .room-head > #ruleBtn::before {
  content: "📖" !important;
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #e9e7e2 !important;
  background: none !important;
  box-shadow: none !important;
}

html body #room.sangong-mode > .room-head > #backBtn::after,
html body #room.sangong-mode > .room-head > #ruleBtn::after,
html body.theme-pearl-blue #room.sangong-mode > .room-head > #backBtn::after,
html body.theme-pearl-blue #room.sangong-mode > .room-head > #ruleBtn::after {
  content: none !important;
  display: none !important;
}

/* TRUE EOF 221: Sangong reference-faithful navy felt room. */
html body #room.sangong-mode,
html body.theme-pearl-blue #room.sangong-mode {
  grid-template-rows: 126px minmax(0, 1fr) !important;
  gap: 0 !important;
  box-sizing: border-box !important;
  width: 100vw !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: max(18px, env(safe-area-inset-top)) 18px max(10px, env(safe-area-inset-bottom)) !important;
  overflow: hidden !important;
  background:
    radial-gradient(ellipse at 50% 10%, rgba(54, 106, 206, .36), transparent 44%),
    radial-gradient(ellipse at 50% 92%, rgba(8, 41, 105, .32), transparent 48%),
    linear-gradient(180deg, #071b49 0%, #06163b 48%, #04102d 100%) !important;
}

html body #room.sangong-mode .room-head,
html body.theme-pearl-blue #room.sangong-mode .room-head {
  position: relative !important;
  z-index: 40 !important;
  display: block !important;
  width: calc(100% - 28px) !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 116px !important;
  margin: 0 14px -4px !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 1px solid rgba(255, 208, 103, .84) !important;
  border-radius: 34px 34px 0 0 !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(90, 145, 255, .25), transparent 42%),
    linear-gradient(180deg, rgba(16, 45, 101, .95), rgba(7, 27, 67, .97)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 244, 199, .18),
    0 9px 22px rgba(0, 10, 42, .42) !important;
}

html body #room.sangong-mode .room-head-art,
html body #room.sangong-mode .room-head > div:not(.room-head-art),
html body.theme-pearl-blue #room.sangong-mode .room-head-art,
html body.theme-pearl-blue #room.sangong-mode .room-head > div:not(.room-head-art) {
  display: none !important;
}

html body #room.sangong-mode .room-head::before,
html body #room.sangong-mode .room-head::after,
html body.theme-pearl-blue #room.sangong-mode .room-head::before,
html body.theme-pearl-blue #room.sangong-mode .room-head::after {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  pointer-events: none !important;
}

html body #room.sangong-mode .room-head::before,
html body.theme-pearl-blue #room.sangong-mode .room-head::before {
  inset: 7px !important;
  z-index: -1 !important;
  border: 1px solid rgba(118, 171, 255, .30) !important;
  border-radius: 26px 26px 8px 8px !important;
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.05), transparent),
    rgba(5, 21, 58, .52) !important;
}

html body #room.sangong-mode .room-head::after,
html body.theme-pearl-blue #room.sangong-mode .room-head::after {
  left: 50% !important;
  bottom: -10px !important;
  z-index: 2 !important;
  width: 16px !important;
  height: 16px !important;
  transform: translateX(-50%) rotate(45deg) !important;
  border: 1px solid #fff0b2 !important;
  background: linear-gradient(135deg, #fff5cb, #d79732 54%, #75430c) !important;
  box-shadow: 0 0 12px rgba(255, 194, 70, .56) !important;
}

html body #room.sangong-mode .room-head button,
html body.theme-pearl-blue #room.sangong-mode .room-head button {
  position: absolute !important;
  top: 25px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: auto !important;
  min-width: 146px !important;
  height: 66px !important;
  margin: 0 !important;
  padding: 0 24px !important;
  border: 2px solid rgba(236, 199, 117, .74) !important;
  border-radius: 34px !important;
  color: #f8f0df !important;
  font-size: 27px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 1px !important;
  background:
    linear-gradient(180deg, rgba(59, 85, 139, .98) 0%, rgba(20, 45, 92, .98) 54%, rgba(9, 26, 65, .98) 100%) !important;
  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.28),
    inset 0 -4px 8px rgba(0, 7, 33, .42),
    0 0 0 2px rgba(5, 16, 48, .78),
    0 7px 12px rgba(0, 6, 29, .38) !important;
}

html body #room.sangong-mode .room-head button::before,
html body.theme-pearl-blue #room.sangong-mode .room-head button::before {
  display: inline-block !important;
  color: #e9e7e2 !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

html body #room.sangong-mode .room-head #backBtn,
html body.theme-pearl-blue #room.sangong-mode .room-head #backBtn {
  left: 22px !important;
  right: auto !important;
}

html body #room.sangong-mode .room-head #backBtn::before,
html body.theme-pearl-blue #room.sangong-mode .room-head #backBtn::before {
  content: "↩" !important;
}

html body #room.sangong-mode .room-head #replayBtn,
html body.theme-pearl-blue #room.sangong-mode .room-head #replayBtn {
  left: 50% !important;
  right: auto !important;
  min-width: 210px !important;
  transform: translateX(-50%) !important;
  border-color: #ffdf87 !important;
  color: #5a3308 !important;
  background:
    linear-gradient(180deg, #fff5c7 0%, #f7d271 36%, #d4912d 70%, #9c5d13 100%) !important;
  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.70),
    inset 0 -4px 7px rgba(102, 52, 6, .28),
    0 0 0 2px rgba(83, 48, 10, .78),
    0 8px 14px rgba(0, 5, 29, .40) !important;
}

html body #room.sangong-mode .room-head #replayBtn::before,
html body.theme-pearl-blue #room.sangong-mode .room-head #replayBtn::before {
  content: "▸" !important;
  display: grid !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 4px !important;
  color: #ffe9a3 !important;
  background: #6d3d08 !important;
  font-size: 17px !important;
}

html body #room.sangong-mode .room-head #ruleBtn,
html body.theme-pearl-blue #room.sangong-mode .room-head #ruleBtn {
  left: auto !important;
  right: 22px !important;
}

html body #room.sangong-mode .room-head #ruleBtn::before,
html body.theme-pearl-blue #room.sangong-mode .room-head #ruleBtn::before {
  content: "📖" !important;
}

html body #room.sangong-mode .table,
html body.theme-pearl-blue #room.sangong-mode .table {
  position: relative !important;
  z-index: 1 !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
  width: calc(100% - 12px) !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 6px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 210, 105, .86) !important;
  border-radius: 54px !important;
  background:
    radial-gradient(ellipse at 50% 10%, rgba(60, 121, 235, .32), transparent 36%),
    linear-gradient(180deg, #0c285e 0%, #071e51 52%, #04143a 100%) !important;
  box-shadow:
    0 0 0 2px rgba(5, 17, 49, .90),
    0 18px 34px rgba(0, 6, 30, .54) !important;
}

html body #room.sangong-mode .table::before,
html body.theme-pearl-blue #room.sangong-mode .table::before {
  content: "" !important;
  position: absolute !important;
  inset: 13px !important;
  z-index: 0 !important;
  border: 10px solid transparent !important;
  border-radius: 46px !important;
  background:
    radial-gradient(ellipse at 50% 7%, rgba(108, 187, 255, .34), transparent 34%),
    radial-gradient(ellipse at 50% 94%, rgba(0, 56, 142, .30), transparent 46%),
    linear-gradient(180deg, #287dd7 0%, #1261be 34%, #074798 70%, #043479 100%) padding-box,
    linear-gradient(140deg, #fff8d3 0%, #eab54f 16%, #6a3f0b 29%, #ffe692 48%, #9d641e 64%, #fff0ad 84%, #b27021 100%) border-box !important;
  box-shadow:
    inset 0 0 0 2px rgba(198, 231, 255, .62),
    inset 0 0 0 6px rgba(3, 42, 104, .36),
    inset 0 24px 50px rgba(151, 215, 255, .20),
    inset 0 -36px 58px rgba(0, 21, 77, .34),
    0 0 0 3px #12306b,
    0 0 0 6px rgba(255, 218, 124, .86),
    0 0 0 9px #0b2458,
    0 14px 26px rgba(0, 9, 43, .48) !important;
}

html body #room.sangong-mode .table::after,
html body.theme-pearl-blue #room.sangong-mode .table::after {
  content: "" !important;
  position: absolute !important;
  inset: 34px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border: 1px solid rgba(168, 215, 255, .34) !important;
  border-radius: 32px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.05), transparent 32%),
    radial-gradient(ellipse at 50% 30%, rgba(92, 173, 255, .11), transparent 54%) !important;
  box-shadow:
    inset 0 0 34px rgba(137, 210, 255, .10),
    inset 0 0 0 1px rgba(0, 45, 118, .30) !important;
}

html body #room.sangong-mode .player,
html body.theme-pearl-blue #room.sangong-mode .player {
  z-index: 9 !important;
  display: grid !important;
  grid-auto-flow: row !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 2px !important;
  width: 112px !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) scale(1.28) !important;
  transform-origin: center !important;
}

html body #room.sangong-mode .player.seat-5 { left: 50% !important; top: 14.7% !important; }
html body #room.sangong-mode .player.seat-4 { left: 15% !important; top: 27% !important; }
html body #room.sangong-mode .player.seat-6 { left: 85% !important; top: 27% !important; }
html body #room.sangong-mode .player.seat-3 { left: 15% !important; top: 48% !important; }
html body #room.sangong-mode .player.seat-7 { left: 85% !important; top: 48% !important; }
html body #room.sangong-mode .player.seat-2 { left: 15% !important; top: 69% !important; }
html body #room.sangong-mode .player.seat-8 { left: 85% !important; top: 69% !important; }
html body #room.sangong-mode .player.seat-1 { left: 18% !important; top: 88% !important; }
html body #room.sangong-mode .player.seat-9 { left: 50% !important; top: 88% !important; }
html body #room.sangong-mode .player.seat-0 { left: 80% !important; top: 88% !important; }

html body #room.sangong-mode .player.self,
html body.theme-pearl-blue #room.sangong-mode .player.self {
  width: 112px !important;
  transform: translate(-50%, -50%) scale(1.28) !important;
}

html body #room.sangong-mode .player .seat-card,
html body.theme-pearl-blue #room.sangong-mode .player .seat-card {
  position: relative !important;
  z-index: 3 !important;
  width: 48px !important;
  height: 48px !important;
  padding: 3px !important;
  border: 2px solid rgba(226, 239, 255, .86) !important;
  border-radius: 9px !important;
  background: linear-gradient(160deg, #284b91, #0d2b68) !important;
  box-shadow:
    inset 0 0 0 2px rgba(53, 106, 189, .70),
    0 0 0 1px rgba(4, 17, 55, .90),
    0 5px 10px rgba(0, 9, 43, .35) !important;
}

html body #room.sangong-mode .player .avatar,
html body.theme-pearl-blue #room.sangong-mode .player .avatar {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: linear-gradient(145deg, #5f91e3, #193b80) !important;
}

html body #room.sangong-mode .player .avatar img,
html body.theme-pearl-blue #room.sangong-mode .player .avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: inherit !important;
}

html body #room.sangong-mode .player .banker-mark,
html body.theme-pearl-blue #room.sangong-mode .player .banker-mark {
  top: -10px !important;
  right: -11px !important;
  width: 27px !important;
  height: 27px !important;
  border: 2px solid #ffe8b2 !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, #eb654f, #ad241e) !important;
  color: #fff8da !important;
  font-size: 17px !important;
  box-shadow: 0 3px 8px rgba(78, 9, 7, .44) !important;
}

html body #room.sangong-mode .player .nameplate,
html body.theme-pearl-blue #room.sangong-mode .player .nameplate {
  display: grid !important;
  grid-template-columns: auto auto !important;
  justify-content: center !important;
  align-items: center !important;
  min-width: 104px !important;
  min-height: 42px !important;
  margin-top: -1px !important;
  padding: 5px 9px 4px !important;
  border: 1px solid rgba(112, 163, 244, .72) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(45, 89, 169, .98), rgba(24, 59, 125, .98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 4px 9px rgba(0, 12, 54, .30) !important;
  color: #fff !important;
  line-height: 1.05 !important;
}

html body #room.sangong-mode .player .nameplate strong,
html body.theme-pearl-blue #room.sangong-mode .player .nameplate strong {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

html body #room.sangong-mode .player .nameplate strong::after,
html body.theme-pearl-blue #room.sangong-mode .player .nameplate strong::after {
  content: " ★" !important;
  color: #ffd458 !important;
  font-size: 12px !important;
}

html body #room.sangong-mode .player .nameplate span,
html body.theme-pearl-blue #room.sangong-mode .player .nameplate span {
  display: none !important;
}

html body #room.sangong-mode .player .nameplate em,
html body.theme-pearl-blue #room.sangong-mode .player .nameplate em {
  grid-column: 1 / -1 !important;
  color: #f7f3e7 !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 850 !important;
}

html body #room.sangong-mode .player .nameplate em::before,
html body.theme-pearl-blue #room.sangong-mode .player .nameplate em::before {
  content: "◉ " !important;
  color: #fff1b0 !important;
}

html body #room.sangong-mode .player .ready-badge,
html body #room.sangong-mode .player .bet-chip,
html body #room.sangong-mode .player .result.hand-result,
html body #room.sangong-mode .player .banker-choice-badge,
html body.theme-pearl-blue #room.sangong-mode .player .ready-badge,
html body.theme-pearl-blue #room.sangong-mode .player .bet-chip,
html body.theme-pearl-blue #room.sangong-mode .player .result.hand-result,
html body.theme-pearl-blue #room.sangong-mode .player .banker-choice-badge {
  z-index: 12 !important;
  font-size: 10px !important;
}

html body #room.sangong-mode .player .round-delta,
html body.theme-pearl-blue #room.sangong-mode .player .round-delta {
  z-index: 15 !important;
  color: #ffbc35 !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  text-shadow: 0 2px 4px rgba(65, 27, 0, .44) !important;
}

html body #room.sangong-mode .player .round-delta.lose,
html body.theme-pearl-blue #room.sangong-mode .player .round-delta.lose {
  color: #67b8ff !important;
}

html body #room.sangong-mode .player.empty-seat,
html body.theme-pearl-blue #room.sangong-mode .player.empty-seat {
  opacity: .96 !important;
}

html body #room.sangong-mode .player .seat-card.empty-chair,
html body.theme-pearl-blue #room.sangong-mode .player .seat-card.empty-chair {
  width: 66px !important;
  height: 100px !important;
  padding: 12px 6px !important;
  border: 1px solid rgba(129, 167, 229, .72) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(42, 82, 157, .82), rgba(22, 52, 114, .88)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(184, 211, 255, .14),
    0 6px 14px rgba(0, 10, 48, .30) !important;
}

html body #room.sangong-mode .player .seat-card.empty-chair i,
html body.theme-pearl-blue #room.sangong-mode .player .seat-card.empty-chair i {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% 50% 44% 44% !important;
  background:
    radial-gradient(circle at 50% 31%, #7895c8 0 28%, transparent 30%),
    radial-gradient(ellipse at 50% 87%, #7895c8 0 42%, transparent 44%) !important;
  opacity: .70 !important;
}

html body #room.sangong-mode .player .seat-card.empty-chair span,
html body.theme-pearl-blue #room.sangong-mode .player .seat-card.empty-chair span {
  display: block !important;
  color: rgba(205, 222, 249, .74) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

html body #room.sangong-mode .table-brand,
html body.theme-pearl-blue #room.sangong-mode .table-brand {
  position: absolute !important;
  left: 50% !important;
  top: 47% !important;
  z-index: 5 !important;
  display: grid !important;
  justify-items: center !important;
  gap: 4px !important;
  width: min(360px, 70vw) !important;
  transform: translate(-50%, -50%) !important;
  pointer-events: none !important;
}

html body #room.sangong-mode .table-brand::before,
html body #room.sangong-mode .table-brand::after,
html body.theme-pearl-blue #room.sangong-mode .table-brand::before,
html body.theme-pearl-blue #room.sangong-mode .table-brand::after {
  content: "" !important;
  width: 78% !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(169, 212, 255, .38), transparent) !important;
}

html body #room.sangong-mode .table-brand strong,
html body.theme-pearl-blue #room.sangong-mode .table-brand strong {
  color: #e9f3ff !important;
  font-size: clamp(36px, 7vw, 64px) !important;
  font-weight: 950 !important;
  letter-spacing: 5px !important;
  line-height: 1 !important;
  text-shadow:
    0 2px 0 #4778bf,
    0 5px 12px rgba(0, 19, 70, .44) !important;
}

html body #room.sangong-mode .table-brand .room-code,
html body.theme-pearl-blue #room.sangong-mode .table-brand .room-code {
  color: rgba(156, 198, 242, .65) !important;
  font-size: clamp(16px, 3vw, 24px) !important;
  font-style: normal !important;
  font-weight: 900 !important;
  letter-spacing: 2px !important;
}

html body #room.sangong-mode .table-brand > span,
html body.theme-pearl-blue #room.sangong-mode .table-brand > span {
  display: none !important;
}

html body #room.sangong-mode .dealer,
html body.theme-pearl-blue #room.sangong-mode .dealer {
  position: absolute !important;
  left: 50% !important;
  top: 59% !important;
  z-index: 18 !important;
  display: grid !important;
  justify-items: center !important;
  width: min(310px, 76vw) !important;
  transform: translate(-50%, -50%) !important;
}

html body #room.sangong-mode .dealer .deck-stack,
html body #room.sangong-mode .dealer .round-log,
html body.theme-pearl-blue #room.sangong-mode .dealer .deck-stack,
html body.theme-pearl-blue #room.sangong-mode .dealer .round-log {
  display: none !important;
}

html body #room.sangong-mode .dealer > p,
html body #room.sangong-mode .dealer > p.ready-action,
html body.theme-pearl-blue #room.sangong-mode .dealer > p,
html body.theme-pearl-blue #room.sangong-mode .dealer > p.ready-action {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 218px !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 7px 24px !important;
  overflow: hidden !important;
  border: 2px solid #fff0b7 !important;
  border-radius: 30px !important;
  background:
    linear-gradient(180deg, #fff5c8 0%, #f5d276 34%, #d49432 70%, #a76716 100%) !important;
  color: #60360b !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  text-shadow: 0 1px 0 rgba(255, 248, 210, .64) !important;
  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.70),
    inset 0 -5px 8px rgba(104, 54, 5, .25),
    0 0 0 3px rgba(94, 53, 9, .72),
    0 8px 16px rgba(0, 14, 55, .38) !important;
}

html body #room.sangong-mode .dealer .status-light,
html body.theme-pearl-blue #room.sangong-mode .dealer .status-light {
  display: none !important;
}

html body #room.sangong-mode .dealer .status-inner,
html body.theme-pearl-blue #room.sangong-mode .dealer .status-inner {
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 10px !important;
}

html body #room.sangong-mode .dealer .status-number,
html body.theme-pearl-blue #room.sangong-mode .dealer .status-number {
  color: #a83418 !important;
  font-size: 37px !important;
  line-height: .8 !important;
}

html body #room.sangong-mode .dealer .center-bet-slider,
html body.theme-pearl-blue #room.sangong-mode .dealer .center-bet-slider {
  width: 230px !important;
  margin-top: 10px !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(255, 222, 139, .58) !important;
  border-radius: 12px !important;
  background: rgba(8, 34, 87, .84) !important;
}

html body #room.sangong-mode .spectator-sit-btn,
html body #room.sangong-mode .table-show-btn,
html body.theme-pearl-blue #room.sangong-mode .spectator-sit-btn,
html body.theme-pearl-blue #room.sangong-mode .table-show-btn {
  left: auto !important;
  right: 7% !important;
  top: auto !important;
  bottom: 4.5% !important;
  z-index: 24 !important;
  width: auto !important;
  min-width: 180px !important;
  height: 64px !important;
  padding: 0 28px !important;
  transform: none !important;
  border: 2px solid #fff0ae !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #ffe79b, #edb840 54%, #b9771d) !important;
  color: #55300a !important;
  font-size: 26px !important;
  font-weight: 950 !important;
  letter-spacing: 2px !important;
  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.70),
    inset 0 -5px 7px rgba(112, 60, 6, .28),
    0 7px 14px rgba(0, 10, 44, .38) !important;
}

html body #room.sangong-mode .spectator-sit-btn::before,
html body #room.sangong-mode .spectator-sit-btn::after,
html body #room.sangong-mode .table-show-btn::before,
html body #room.sangong-mode .table-show-btn::after,
html body.theme-pearl-blue #room.sangong-mode .spectator-sit-btn::before,
html body.theme-pearl-blue #room.sangong-mode .spectator-sit-btn::after,
html body.theme-pearl-blue #room.sangong-mode .table-show-btn::before,
html body.theme-pearl-blue #room.sangong-mode .table-show-btn::after {
  display: none !important;
}

@media (max-width: 560px) {
  html body #room.sangong-mode,
  html body.theme-pearl-blue #room.sangong-mode {
    grid-template-rows: 70px minmax(0, 1fr) !important;
    padding: max(5px, env(safe-area-inset-top)) 4px max(5px, env(safe-area-inset-bottom)) !important;
  }

  html body #room.sangong-mode .room-head,
  html body.theme-pearl-blue #room.sangong-mode .room-head {
    width: calc(100% - 10px) !important;
    min-height: 64px !important;
    margin: 0 5px -3px !important;
    border-radius: 26px 26px 0 0 !important;
  }

  html body #room.sangong-mode .room-head button,
  html body.theme-pearl-blue #room.sangong-mode .room-head button {
    top: 12px !important;
    min-width: 72px !important;
    height: 40px !important;
    padding: 0 12px !important;
    border-radius: 21px !important;
    font-size: 15px !important;
  }

  html body #room.sangong-mode .room-head button::before,
  html body.theme-pearl-blue #room.sangong-mode .room-head button::before {
    font-size: 19px !important;
  }

  html body #room.sangong-mode .room-head #backBtn,
  html body.theme-pearl-blue #room.sangong-mode .room-head #backBtn { left: 8px !important; }
  html body #room.sangong-mode .room-head #ruleBtn,
  html body.theme-pearl-blue #room.sangong-mode .room-head #ruleBtn { right: 8px !important; }
  html body #room.sangong-mode .room-head #replayBtn,
  html body.theme-pearl-blue #room.sangong-mode .room-head #replayBtn {
    min-width: 112px !important;
    padding: 0 14px !important;
  }

  html body #room.sangong-mode .table,
  html body.theme-pearl-blue #room.sangong-mode .table {
    border-radius: 38px !important;
  }

  html body #room.sangong-mode .table::before,
  html body.theme-pearl-blue #room.sangong-mode .table::before {
    inset: 9px !important;
    border-width: 7px !important;
    border-radius: 33px !important;
  }

  html body #room.sangong-mode .table::after,
  html body.theme-pearl-blue #room.sangong-mode .table::after {
    inset: 24px !important;
    border-radius: 23px !important;
  }

  html body #room.sangong-mode .player,
  html body #room.sangong-mode .player.self,
  html body.theme-pearl-blue #room.sangong-mode .player,
  html body.theme-pearl-blue #room.sangong-mode .player.self {
    transform: translate(-50%, -50%) scale(.70) !important;
  }

  html body #room.sangong-mode .player.seat-4,
  html body #room.sangong-mode .player.seat-3,
  html body #room.sangong-mode .player.seat-2,
  html body.theme-pearl-blue #room.sangong-mode .player.seat-4,
  html body.theme-pearl-blue #room.sangong-mode .player.seat-3,
  html body.theme-pearl-blue #room.sangong-mode .player.seat-2 { left: 14% !important; }

  html body #room.sangong-mode .player.seat-6,
  html body #room.sangong-mode .player.seat-7,
  html body #room.sangong-mode .player.seat-8,
  html body.theme-pearl-blue #room.sangong-mode .player.seat-6,
  html body.theme-pearl-blue #room.sangong-mode .player.seat-7,
  html body.theme-pearl-blue #room.sangong-mode .player.seat-8 { left: 86% !important; }

  html body #room.sangong-mode .table-brand strong,
  html body.theme-pearl-blue #room.sangong-mode .table-brand strong {
    font-size: 36px !important;
  }

  html body #room.sangong-mode .dealer > p,
  html body.theme-pearl-blue #room.sangong-mode .dealer > p {
    min-width: 176px !important;
    min-height: 48px !important;
    padding: 6px 18px !important;
    font-size: 18px !important;
  }

  html body #room.sangong-mode .dealer .status-number,
  html body.theme-pearl-blue #room.sangong-mode .dealer .status-number {
    font-size: 32px !important;
  }

  html body #room.sangong-mode .spectator-sit-btn,
  html body #room.sangong-mode .table-show-btn,
  html body.theme-pearl-blue #room.sangong-mode .spectator-sit-btn,
  html body.theme-pearl-blue #room.sangong-mode .table-show-btn {
    right: 7% !important;
    min-width: 132px !important;
    height: 50px !important;
    padding: 0 16px !important;
    font-size: 20px !important;
  }
}



@media (max-height: 720px) {
  html body #room.sangong-mode .player,
  html body #room.sangong-mode .player.self,
  html body.theme-pearl-blue #room.sangong-mode .player,
  html body.theme-pearl-blue #room.sangong-mode .player.self {
    transform: translate(-50%, -50%) scale(.62) !important;
  }

  html body #room.sangong-mode .table-brand,
  html body.theme-pearl-blue #room.sangong-mode .table-brand { top: 46% !important; }

  html body #room.sangong-mode .dealer,
  html body.theme-pearl-blue #room.sangong-mode .dealer { top: 57% !important; }
}

/* Remove the separate chip-rail layer so the footer is one continuous color. */
#dragonTigerRoom .dt-dom-footer::before {
  display: none !important;
  content: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#dragonTigerRoom .dt-dom-footer .dt-dom-user {
  border-right: 0 !important;
  outline: 0 !important;
}

/* Final create-table scroll lock release for mobile browsers. */
html body.theme-pearl-blue #createTablePanel.create-table:not(.hidden) {
  max-height: calc(100dvh - 84px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
}

@supports not (height: 100dvh) {
  html body.theme-pearl-blue #createTablePanel.create-table:not(.hidden) {
    max-height: calc(100vh - 84px) !important;
  }
}

/* TRUE EOF 220: brighten Sangong felt without changing table geometry or seats. */
html body #room.sangong-mode .table,
html body.theme-pearl-blue #room.sangong-mode .table {
  background:
    radial-gradient(ellipse at 50% 8%, rgba(218, 244, 255, .38), transparent 36%),
    radial-gradient(ellipse at 50% 92%, rgba(79, 160, 229, .20), transparent 42%) !important;
}

html body #room.sangong-mode .table::before,
html body.theme-pearl-blue #room.sangong-mode .table::before {
  border-color: #2b68a8 !important;
  background:
    linear-gradient(90deg, rgba(226, 246, 255, .34) 0 2px, transparent 2px calc(100% - 2px), rgba(226, 246, 255, .34) calc(100% - 2px)),
    radial-gradient(ellipse at 50% 14%, rgba(222, 246, 255, .40), transparent 38%),
    radial-gradient(ellipse at 50% 88%, rgba(18, 88, 181, .16), transparent 46%),
    linear-gradient(180deg, #58a7ea 0%, #3789da 48%, #2470c8 100%) !important;
  box-shadow:
    inset 0 0 0 2px rgba(239, 250, 255, .76),
    inset 0 0 0 7px rgba(24, 82, 146, .42),
    inset 0 22px 42px rgba(225, 246, 255, .22),
    inset 0 -26px 44px rgba(24, 83, 169, .18),
    0 0 0 3px rgba(174, 219, 249, .82),
    0 0 0 7px rgba(21, 56, 101, .88),
    0 15px 28px rgba(35, 81, 145, .28),
    0 0 24px rgba(104, 190, 255, .30) !important;
}

html body #room.sangong-mode .table::after,
html body.theme-pearl-blue #room.sangong-mode .table::after {
  border-color: rgba(219, 243, 255, .68) !important;
  background:
    radial-gradient(ellipse at 50% 18%, rgba(231, 248, 255, .18), transparent 42%),
    linear-gradient(180deg, rgba(105, 191, 244, .06), rgba(19, 96, 190, .05)) !important;
  box-shadow:
    inset 0 0 24px rgba(201, 235, 255, .18),
    inset 0 0 0 1px rgba(33, 108, 190, .24) !important;
}

html body #room.sangong-mode .table-brand strong,
html body.theme-pearl-blue #room.sangong-mode .table-brand strong {
  color: rgba(226, 245, 255, .94) !important;
  text-shadow: 0 1px 0 rgba(18, 72, 139, .52) !important;
}

html body #clubPage .club-table-card.game-sangong .club-table-scene::after,
html body.theme-pearl-blue #clubPage .club-table-card.game-sangong .club-table-scene::after {
  background: linear-gradient(180deg, #73b8ee 0%, #438fdc 48%, #2873c7 100%) !important;
  opacity: .92 !important;
}

@media (max-width: 560px) {
  html body.theme-pearl-blue #createTablePanel.create-table:not(.hidden) {
    max-height: calc(100dvh - 72px) !important;
    padding-bottom: max(16px, env(safe-area-inset-bottom)) !important;
  }
}

/* Keep the league ID line in the empty table card one consistent color. */
html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-empty span,
html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-empty span * {
  color: #5f6f9b !important;
  -webkit-text-fill-color: #5f6f9b !important;
  text-shadow: none !important;
}

/* Final mobile scroll fix for the league table list. */
html body.theme-pearl-blue #clubPage.club-page:not(.hidden) {
  display: flex !important;
  flex-direction: column !important;
  height: 100dvh !important;
  min-height: 0 !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
}

html body.theme-pearl-blue #clubPage.club-page > .topbar,
html body.theme-pearl-blue #clubPage.club-page > .bottom-nav,
html body.theme-pearl-blue #clubPage.club-page .club-league-summary,
html body.theme-pearl-blue #clubPage.club-page .club-game-tabs {
  flex: 0 0 auto !important;
}

html body.theme-pearl-blue #clubPage.club-page > .club-panel {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
  padding-bottom: max(18px, env(safe-area-inset-bottom)) !important;
}

@supports not (height: 100dvh) {
  html body.theme-pearl-blue #clubPage.club-page:not(.hidden) {
    height: 100vh !important;
    max-height: 100vh !important;
  }
}

/* Remove the extra card panels behind lobby tables. */
html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-table-card,
html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-table-card::before,
html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-table-card::after {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-table-card {
  margin: 4px auto 18px !important;
}

/* Restore the table card layout after removing the visual shell. */
html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-table-card {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 260px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 0 18px !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-table-card .club-table-scene {
  flex: 0 0 auto !important;
  width: min(92vw, 560px) !important;
  max-width: 100% !important;
}

/* Final light panels: league drawer + personal records should match the pearl-blue theme. */
html body.theme-pearl-blue .league-drawer-mask {
  background: rgba(99, 125, 226, .12) !important;
  backdrop-filter: blur(4px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(4px) saturate(1.05) !important;
}

html body.theme-pearl-blue .league-switch-drawer {
  border: 1px solid rgba(255, 255, 255, .74) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, .82), transparent 35%),
    linear-gradient(160deg, rgba(236, 242, 255, .98), rgba(204, 216, 252, .97) 58%, rgba(187, 196, 246, .98)) !important;
  color: #253a76 !important;
  box-shadow: 16px 0 36px rgba(58, 70, 156, .18), inset 0 1px rgba(255, 255, 255, .9) !important;
}

html body.theme-pearl-blue .league-drawer-head {
  border-bottom: 1px solid rgba(92, 112, 190, .18) !important;
  background: rgba(255, 255, 255, .24) !important;
}

html body.theme-pearl-blue .league-drawer-head span {
  color: #31509a !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue .league-drawer-head button {
  border: 1px solid rgba(104, 123, 205, .28) !important;
  background: rgba(255, 255, 255, .52) !important;
  color: #5b64a8 !important;
}

html body.theme-pearl-blue .league-drawer-list button {
  border: 1px solid rgba(103, 124, 201, .28) !important;
  background: rgba(255, 255, 255, .58) !important;
  color: #273d78 !important;
  box-shadow: 0 7px 16px rgba(72, 81, 160, .08) !important;
}

html body.theme-pearl-blue .league-drawer-list button.active {
  border-color: rgba(255, 222, 128, .96) !important;
  background: linear-gradient(135deg, rgba(255, 232, 152, .94), rgba(255, 205, 89, .88)) !important;
  color: #5a3908 !important;
}

html body.theme-pearl-blue .league-drawer-list button span,
html body.theme-pearl-blue .league-drawer-list button small {
  color: inherit !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue .league-dropdown-join {
  border-color: rgba(255, 229, 146, .9) !important;
  background: linear-gradient(180deg, #ffe58e, #efb849) !important;
  color: #5d3b08 !important;
  box-shadow: 0 8px 18px rgba(154, 101, 31, .16) !important;
}

html body.theme-pearl-blue #personalRecordOverlay.personal-record-overlay {
  background: rgba(94, 116, 216, .18) !important;
  backdrop-filter: blur(8px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.08) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-card {
  border: 1px solid rgba(255, 255, 255, .74) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, .82), transparent 35%),
    linear-gradient(160deg, rgba(236, 242, 255, .98), rgba(204, 216, 252, .97) 58%, rgba(187, 196, 246, .98)) !important;
  color: #263c78 !important;
  box-shadow: 0 18px 42px rgba(58, 70, 156, .2), inset 0 1px rgba(255, 255, 255, .9) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-card > span {
  color: #31509a !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-close {
  border: 1px solid rgba(104, 123, 205, .28) !important;
  background: rgba(255, 255, 255, .52) !important;
  color: #5b64a8 !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-tabs {
  border: 1px solid rgba(115, 132, 209, .26) !important;
  background: rgba(255, 255, 255, .52) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .68) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-tabs button {
  color: #40548b !important;
  background: transparent !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-tabs button.active {
  background: linear-gradient(180deg, #ffe58e, #efb849) !important;
  color: #5d3b08 !important;
  box-shadow: 0 5px 13px rgba(154, 101, 31, .16) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-row {
  border-bottom-color: rgba(91, 113, 190, .18) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-row strong {
  color: #233975 !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-row span {
  color: #6878a3 !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-empty {
  color: #5e6f9c !important;
}

/* Final lobby table seating: keep avatars close to the table rim instead of floating far away. */
html body.theme-pearl-blue #clubPage .club-table-card .club-seat {
  transform: none !important;
}

html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s1 {
  left: 84px !important;
  top: 84px !important;
}

html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s2 {
  left: 132px !important;
  top: 42px !important;
}

html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s3 {
  left: 50% !important;
  top: 28px !important;
  margin-left: -17px !important;
}

html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s4 {
  right: 132px !important;
  top: 42px !important;
}

html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s5 {
  right: 84px !important;
  top: 84px !important;
}

html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s6 {
  left: 84px !important;
  top: 142px !important;
}

html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s7 {
  right: 84px !important;
  top: 142px !important;
}

html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s8 {
  left: 132px !important;
  top: 176px !important;
}

html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s9 {
  left: 50% !important;
  top: 184px !important;
  margin-left: -17px !important;
}

html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s10 {
  right: 132px !important;
  top: 176px !important;
}

@media (max-width: 560px) {
  html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s1 { left: 15% !important; top: 32% !important; }
  html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s2 { left: 24% !important; top: 16% !important; }
  html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s3 { left: 50% !important; top: 11% !important; }
  html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s4 { right: 24% !important; top: 16% !important; }
  html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s5 { right: 15% !important; top: 32% !important; }
  html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s6 { left: 15% !important; top: 54% !important; }
  html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s7 { right: 15% !important; top: 54% !important; }
  html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s8 { left: 24% !important; top: 68% !important; }
  html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s9 { left: 50% !important; top: 71% !important; }
  html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s10 { right: 24% !important; top: 68% !important; }
}

/* Light themed league switch drawer and personal record panel. */
html body.theme-pearl-blue .league-switch-drawer {
  border: 1px solid rgba(255, 255, 255, .72) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, .76), transparent 34%),
    linear-gradient(160deg, rgba(232, 239, 255, .98), rgba(198, 210, 251, .96) 58%, rgba(181, 188, 244, .96)) !important;
  color: #253a76 !important;
  box-shadow: 16px 0 36px rgba(58, 70, 156, .18), inset 0 1px rgba(255, 255, 255, .88) !important;
}

html body.theme-pearl-blue .league-drawer-head {
  border-bottom: 1px solid rgba(92, 112, 190, .18) !important;
  background: rgba(255, 255, 255, .22) !important;
}

html body.theme-pearl-blue .league-drawer-head span {
  color: #31509a !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue .league-drawer-head button {
  border: 1px solid rgba(104, 123, 205, .26) !important;
  background: rgba(255, 255, 255, .45) !important;
  color: #5b64a8 !important;
}

html body.theme-pearl-blue .league-drawer-list button {
  border: 1px solid rgba(103, 124, 201, .28) !important;
  background: rgba(255, 255, 255, .52) !important;
  color: #273d78 !important;
  box-shadow: 0 7px 16px rgba(72, 81, 160, .08) !important;
}

html body.theme-pearl-blue .league-drawer-list button.active {
  border-color: rgba(255, 222, 128, .96) !important;
  background: linear-gradient(135deg, rgba(255, 232, 152, .92), rgba(255, 205, 89, .86)) !important;
  color: #5a3908 !important;
}

html body.theme-pearl-blue .league-drawer-list button span,
html body.theme-pearl-blue .league-drawer-list button small {
  color: inherit !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue .league-dropdown-join {
  border-color: rgba(255, 229, 146, .9) !important;
  background: linear-gradient(180deg, #ffe58e, #efb849) !important;
  color: #5d3b08 !important;
  box-shadow: 0 8px 18px rgba(154, 101, 31, .16) !important;
}

html body.theme-pearl-blue #personalRecordOverlay.personal-record-overlay {
  background: rgba(94, 116, 216, .18) !important;
  backdrop-filter: blur(8px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.08) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-card {
  border: 1px solid rgba(255, 255, 255, .72) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, .78), transparent 34%),
    linear-gradient(160deg, rgba(232, 239, 255, .98), rgba(202, 212, 251, .97) 58%, rgba(185, 192, 244, .98)) !important;
  color: #263c78 !important;
  box-shadow: 0 18px 42px rgba(58, 70, 156, .2), inset 0 1px rgba(255, 255, 255, .88) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-card > span {
  color: #31509a !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-close {
  border: 1px solid rgba(104, 123, 205, .26) !important;
  background: rgba(255, 255, 255, .45) !important;
  color: #5b64a8 !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-tabs {
  border: 1px solid rgba(115, 132, 209, .26) !important;
  background: rgba(255, 255, 255, .48) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .66) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-tabs button {
  color: #40548b !important;
  background: transparent !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-tabs button.active {
  background: linear-gradient(180deg, #ffe58e, #efb849) !important;
  color: #5d3b08 !important;
  box-shadow: 0 5px 13px rgba(154, 101, 31, .16) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-row {
  border-bottom-color: rgba(91, 113, 190, .18) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-row strong {
  color: #233975 !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-row span {
  color: #6878a3 !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-empty {
  color: #5e6f9c !important;
}

/* Final create-table scroll lock release for mobile browsers. */
html body.theme-pearl-blue #createTablePanel.create-table:not(.hidden) {
  max-height: calc(100dvh - 84px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
}

@supports not (height: 100dvh) {
  html body.theme-pearl-blue #createTablePanel.create-table:not(.hidden) {
    max-height: calc(100vh - 84px) !important;
  }
}

@media (max-width: 560px) {
  html body.theme-pearl-blue #createTablePanel.create-table:not(.hidden) {
    max-height: calc(100dvh - 72px) !important;
    padding-bottom: max(16px, env(safe-area-inset-bottom)) !important;
  }
}

/* Final Dragon Tiger rules drawer: right aligned and matched to the pearl-blue theme. */
html body.theme-pearl-blue #dragonTigerRoom .dt-rules-panel:not(.hidden) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1000 !important;
  display: block !important;
  overflow: hidden !important;
}

html body.theme-pearl-blue #dragonTigerRoom .dt-rules-backdrop {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.theme-pearl-blue #dragonTigerRoom .dt-rules-drawer {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  z-index: 2 !important;
  width: min(76vw, 350px) !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 0 18px !important;
  border: 1px solid rgba(240, 247, 255, .72) !important;
  border-right: 0 !important;
  border-radius: 20px 0 0 20px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(181, 222, 255, .34), transparent 38%),
    linear-gradient(155deg, rgba(112, 151, 226, .98), rgba(112, 112, 205, .98) 58%, rgba(119, 101, 193, .98)) !important;
  box-shadow: -12px 0 30px rgba(55, 61, 155, .2), inset 1px 0 0 rgba(255,255,255,.28) !important;
  color: #fff !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
  transform-origin: right center !important;
  animation: dtRulesPearlSlideIn .34s cubic-bezier(.2,.76,.22,1) both !important;
}

html body.theme-pearl-blue #dragonTigerRoom .dt-rules-drawer header {
  height: 56px !important;
  padding: 0 16px !important;
  border-bottom: 1px solid rgba(244, 249, 255, .42) !important;
  background: linear-gradient(90deg, rgba(76, 111, 194, .9), rgba(103, 93, 188, .86)) !important;
  color: #fff !important;
  backdrop-filter: blur(12px) !important;
}

html body.theme-pearl-blue #dragonTigerRoom .dt-rules-drawer header button {
  border-color: rgba(242, 249, 255, .72) !important;
  background: rgba(255,255,255,.15) !important;
  color: #fff !important;
  box-shadow: inset 0 1px rgba(255,255,255,.22) !important;
}

html body.theme-pearl-blue #dragonTigerRoom .dt-rules-drawer h3 {
  margin: 18px 16px 12px !important;
  color: #fff0a8 !important;
  font-size: 23px !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue #dragonTigerRoom .dt-rules-content {
  gap: 9px !important;
  padding: 0 12px !important;
}

html body.theme-pearl-blue #dragonTigerRoom .dt-rules-content section {
  padding: 12px 13px !important;
  border: 1px solid rgba(241, 248, 255, .42) !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.19), rgba(229,235,255,.1)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24) !important;
}

html body.theme-pearl-blue #dragonTigerRoom .dt-rules-content strong {
  margin-bottom: 6px !important;
  color: #d9f7ff !important;
  font-size: 14px !important;
}

html body.theme-pearl-blue #dragonTigerRoom .dt-rules-content p {
  color: rgba(255,255,255,.92) !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
}

@keyframes dtRulesPearlSlideIn {
  from { transform: translate3d(100%, 0, 0); opacity: .7; }
  to { transform: translate3d(0, 0, 0); opacity: 1; }
}

@media (max-width: 430px) {
  html body.theme-pearl-blue #dragonTigerRoom .dt-rules-drawer {
    width: min(78vw, 340px) !important;
    border-radius: 16px 0 0 16px !important;
  }
}

/* Rules portal: escape the scaled game canvas so mobile right positioning is exact. */
body > #dragonTigerRules.dt-rules-panel {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: block !important;
  width: 100vw !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  overflow: hidden !important;
  pointer-events: auto !important;
  transform: none !important;
}

body > #dragonTigerRules.dt-rules-panel > .dt-rules-backdrop {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(80, 101, 185, .08) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: auto !important;
  cursor: default !important;
}

body > #dragonTigerRules.dt-rules-panel > .dt-rules-drawer {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  z-index: 1 !important;
  display: block !important;
  width: min(76vw, 350px) !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 0 0 18px !important;
  border: 1px solid rgba(240,247,255,.76) !important;
  border-right: 0 !important;
  border-radius: 20px 0 0 20px !important;
  background: radial-gradient(circle at 100% 0%, rgba(181,222,255,.36), transparent 38%), linear-gradient(155deg, #7899e2, #7377ce 58%, #7869c3) !important;
  box-shadow: -12px 0 30px rgba(55,61,155,.2), inset 1px 0 rgba(255,255,255,.3) !important;
  color: #fff !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
  pointer-events: auto !important;
  transform-origin: right center !important;
  animation: dtRulesPortalFromRight .34s cubic-bezier(.2,.76,.22,1) both !important;
}

body > #dragonTigerRules .dt-rules-drawer header {
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 56px !important;
  padding: 0 16px !important;
  border-bottom: 1px solid rgba(244,249,255,.42) !important;
  background: linear-gradient(90deg, rgba(76,111,194,.94), rgba(103,93,188,.9)) !important;
  color: #fff !important;
  box-sizing: border-box !important;
}

body > #dragonTigerRules .dt-rules-drawer header span { font-size: 17px !important; font-weight: 900 !important; }
body > #dragonTigerRules .dt-rules-drawer header button {
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border: 1px solid rgba(242,249,255,.72) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.15) !important;
  color: #fff !important;
  font-size: 24px !important;
  line-height: 30px !important;
}

body > #dragonTigerRules .dt-rules-drawer h3 {
  margin: 18px 16px 12px !important;
  color: #fff0a8 !important;
  font-size: 23px !important;
  text-shadow: none !important;
}

body > #dragonTigerRules .dt-rules-content { display: grid !important; gap: 9px !important; padding: 0 12px !important; }
body > #dragonTigerRules .dt-rules-content section {
  padding: 12px 13px !important;
  border: 1px solid rgba(241,248,255,.42) !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.19), rgba(229,235,255,.1)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.24) !important;
}
body > #dragonTigerRules .dt-rules-content strong { display: block !important; margin-bottom: 6px !important; color: #d9f7ff !important; font-size: 14px !important; }
body > #dragonTigerRules .dt-rules-content p { margin: 0 !important; color: rgba(255,255,255,.94) !important; font-size: 12px !important; line-height: 1.7 !important; }

@keyframes dtRulesPortalFromRight {
  from { transform: translate3d(100%,0,0); opacity: .72; }
  to { transform: translate3d(0,0,0); opacity: 1; }
}

@media (max-width: 430px) {
  body > #dragonTigerRules.dt-rules-panel > .dt-rules-drawer {
    width: min(78vw, 340px) !important;
    border-radius: 16px 0 0 16px !important;
  }
}

/* Mobile side-action layout lock: keep the icon and label on separate rows. */
@media (max-width: 430px) {
  html body.theme-pearl-blue #dragonTigerRoom .dt-dom-side-actions {
    top: 8px !important;
    height: 58px !important;
  }

  html body.theme-pearl-blue #dragonTigerRoom .dt-dom-side-actions button {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1px !important;
    width: 46px !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 4px 2px 5px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    font-size: 8px !important;
    line-height: 10px !important;
    white-space: nowrap !important;
  }

  html body.theme-pearl-blue #dragonTigerRoom .dt-dom-side-actions button::before {
    position: static !important;
    inset: auto !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    line-height: 22px !important;
    transform: none !important;
  }

  html body.theme-pearl-blue #dragonTigerRoom .dt-dom-side-actions [data-dt-action="exit"]::before {
    content: "↩" !important;
    padding: 0 !important;
  }
}

/* Align the online badge and room number on one coordinated lower row. */
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-footer .dt-dom-online {
  box-sizing: border-box !important;
  min-width: 64px !important;
  height: 22px !important;
  flex-basis: 22px !important;
  margin: 0 auto !important;
  border-radius: 999px !important;
}
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-footer .dt-dom-room-no {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: 62px !important;
  bottom: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 154px !important;
  height: 22px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(210, 239, 255, .3) !important;
  border-radius: 999px !important;
  background: rgba(50, 105, 176, .24) !important;
  color: rgba(250, 252, 255, .9) !important;
  line-height: 20px !important;
  transform: translateX(-50%) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.13), 0 3px 8px rgba(37,48,120,.1) !important;
}

/* Fine tune lower controls so their borders no longer collide. */
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-footer .dt-dom-online {
  position: relative !important;
  top: 5px !important;
  transform: none !important;
}
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-footer .dt-dom-chips {
  transform: translateY(5px) !important;
}
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-footer .dt-dom-room-no {
  top: 69px !important;
}

/* Brighter glass styling for side player cards. */
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-players .dt-side-player {
  border: 1px solid rgba(216, 242, 255, .7) !important;
  background:
    radial-gradient(circle at 30% 0%, rgba(191, 239, 255, .25), transparent 38%),
    linear-gradient(155deg, rgba(87, 158, 210, .96), rgba(102, 112, 194, .96)) !important;
  box-shadow: 0 6px 14px rgba(40, 55, 137, .2), inset 0 1px rgba(255, 255, 255, .36) !important;
}
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-players .dt-side-avatar {
  border: 2px solid rgba(236, 249, 255, .84) !important;
  background: linear-gradient(145deg, #8bc8ec, #7787d6) !important;
  box-shadow: 0 3px 9px rgba(40, 55, 130, .2), inset 0 1px rgba(255,255,255,.32) !important;
}
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-players .dt-side-player strong {
  color: #fff !important;
  text-shadow: 0 1px 4px rgba(35, 46, 115, .3) !important;
}
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-players .dt-side-player span {
  color: #fff2af !important;
  text-shadow: 0 1px 4px rgba(35, 46, 115, .25) !important;
}

/* Brighter banker action and empty co-banker seats. */
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-topbar .dt-dom-apply {
  border: 1px solid rgba(255, 239, 177, .92) !important;
  background: linear-gradient(180deg, #ffe598 0%, #efbd55 58%, #dda03a 100%) !important;
  color: #5b3908 !important;
  text-shadow: none !important;
  box-shadow: 0 5px 12px rgba(129, 83, 22, .14), inset 0 1px rgba(255,255,255,.72) !important;
}
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-topbar .dt-dom-apply strong,
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-topbar .dt-dom-apply small {
  color: #5b3908 !important;
  text-shadow: none !important;
}
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-topbar .dt-dom-apply.pending {
  border-color: rgba(186, 238, 255, .82) !important;
  background: linear-gradient(180deg, #8fd1e9, #6fa7d6) !important;
  color: #153f6d !important;
}
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-topbar .dt-dom-apply.pending strong,
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-topbar .dt-dom-apply.pending small { color: #153f6d !important; }
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-topbar .dt-dom-seat:not(.filled) {
  border: 1px solid rgba(218, 243, 255, .68) !important;
  background: linear-gradient(155deg, rgba(103, 166, 213, .94), rgba(105, 121, 198, .94)) !important;
  color: #f8fbff !important;
  text-shadow: 0 1px 4px rgba(35, 46, 115, .28) !important;
  box-shadow: 0 4px 10px rgba(42, 56, 135, .16), inset 0 1px rgba(255,255,255,.34) !important;
}

/* Override the global theme skin that was still painting the left user block. */
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-footer .dt-dom-user,
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-footer .dt-dom-user.has-result {
  border: 0 !important;
  border-right: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-footer .dt-dom-user-meta {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Unified luminous footer console. */
#dragonTigerRoom .dt-dom-footer {
  border: 1px solid rgba(158, 226, 255, .72) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(129, 224, 255, .25), transparent 32%),
    radial-gradient(circle at 82% 100%, rgba(185, 142, 255, .24), transparent 38%),
    linear-gradient(125deg, #4488c2 0%, #527fc6 48%, #6b70c7 100%) !important;
  box-shadow:
    0 -9px 28px rgba(65, 169, 235, .24),
    0 0 20px rgba(122, 128, 239, .18),
    inset 0 1px rgba(255, 255, 255, .45),
    inset 0 -12px 24px rgba(48, 52, 137, .14) !important;
}

#dragonTigerRoom .dt-dom-footer::before {
  left: 96px !important;
  right: 12px !important;
  top: 9px !important;
  height: 56px !important;
  border: 1px solid rgba(218, 242, 255, .38) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .17), rgba(224, 236, 255, .08)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .28), 0 5px 15px rgba(35, 58, 135, .1) !important;
}

#dragonTigerRoom .dt-dom-footer::after {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 0 !important;
  display: block !important;
  border: 1px solid rgba(220, 245, 255, .18) !important;
  border-radius: 21px !important;
  background: transparent !important;
  box-shadow: inset 0 0 18px rgba(143, 217, 255, .09) !important;
  pointer-events: none !important;
}

#dragonTigerRoom .dt-dom-footer .dt-dom-user {
  z-index: 3 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#dragonTigerRoom .dt-dom-footer .dt-dom-user::before,
#dragonTigerRoom .dt-dom-footer .dt-dom-user::after {
  display: none !important;
  content: none !important;
}

#dragonTigerRoom .dt-dom-footer .dt-dom-user-meta strong { color: #fff !important; text-shadow: 0 1px 5px rgba(29, 47, 112, .28) !important; }
#dragonTigerRoom .dt-dom-footer .dt-dom-user-meta b { color: #fff3a1 !important; text-shadow: 0 1px 5px rgba(53, 50, 111, .3) !important; }

#dragonTigerRoom .dt-dom-footer .dt-dom-online {
  border-color: rgba(127, 255, 224, .66) !important;
  background: rgba(32, 121, 145, .36) !important;
  color: #eafff9 !important;
  box-shadow: 0 0 10px rgba(91, 244, 213, .15), inset 0 1px rgba(255, 255, 255, .2) !important;
}

#dragonTigerRoom .dt-dom-footer .dt-dom-chips {
  position: relative !important;
  z-index: 3 !important;
  background: transparent !important;
}

#dragonTigerRoom .dt-dom-footer .dt-dom-room-no {
  z-index: 3 !important;
  color: rgba(244, 249, 255, .82) !important;
  text-shadow: 0 1px 5px rgba(32, 44, 111, .32) !important;
}

#dragonTigerRoom .dt-dom-footer .dt-dom-chip {
  filter: drop-shadow(0 4px 5px rgba(25, 38, 104, .22)) saturate(1.06) !important;
}

#dragonTigerRoom .dt-dom-footer .dt-dom-chip.active {
  filter: drop-shadow(0 0 9px rgba(255, 244, 123, .75)) saturate(1.12) !important;
}

@media (max-width: 430px) {
  #dragonTigerRoom .dt-dom-footer::before {
    left: 78px !important;
    right: 8px !important;
    top: 8px !important;
    height: 46px !important;
  }
}

/* Compact personal history: game, time and net result only. */
.personal-record-list {
  gap: 4px !important;
}

.personal-record-row {
  min-height: 38px !important;
  padding: 4px 9px !important;
  gap: 2px 8px !important;
  border-radius: 9px !important;
}

.personal-record-row div {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 9px !important;
}

.personal-record-row strong {
  flex: 0 1 auto !important;
  font-size: 12px !important;
  line-height: 20px !important;
}

.personal-record-row span {
  flex: 0 0 auto !important;
  font-size: 9px !important;
  line-height: 20px !important;
}

.personal-record-row b {
  grid-column: 2 / 3 !important;
  grid-row: 1 !important;
  min-width: 44px !important;
  font-size: 17px !important;
  line-height: 28px !important;
}

/* Banker row: occupied positions show portraits only; empty positions retain their slot. */
#dragonTigerRoom .dt-dom-banker-card,
#dragonTigerRoom .dt-dom-banker-card:first-child,
#dragonTigerRoom .dt-dom-banker-card:nth-child(2),
#dragonTigerRoom .dt-dom-seat.filled {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#dragonTigerRoom .dt-dom-banker-card .dt-dom-banker-avatar,
#dragonTigerRoom .dt-dom-seat.filled span {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}

#dragonTigerRoom .dt-dom-banker-card .dt-dom-banker-avatar img,
#dragonTigerRoom .dt-dom-seat.filled span img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 50% !important;
}

@media (max-width: 430px) {
  #dragonTigerRoom .dt-dom-banker-card .dt-dom-banker-avatar,
  #dragonTigerRoom .dt-dom-seat.filled span {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    flex: 0 0 34px !important;
    aspect-ratio: 1 / 1 !important;
  }

  #dragonTigerRoom .dt-dom-banker-card .dt-dom-banker-avatar img,
  #dragonTigerRoom .dt-dom-seat.filled span img {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
  }
}

/* Definitive phone portrait geometry; keep this after all responsive overrides. */
@media (max-width: 430px) {
  #dragonTigerRoom .dt-dom-banker-card {
    position: relative !important;
  }

  #dragonTigerRoom .dt-dom-banker-card .dt-dom-banker-avatar {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 50% !important;
    clip-path: circle(50% at 50% 50%) !important;
    overflow: hidden !important;
  }

  #dragonTigerRoom .dt-dom-banker-card .dt-dom-banker-avatar img {
    position: absolute !important;
    inset: 0 !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    border-radius: 50% !important;
    clip-path: circle(50% at 50% 50%) !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

/* Keep banker portraits perfectly circular even when the phone grid stretches seats. */
#dragonTigerRoom .dt-dom-banker-card {
  position: relative !important;
}

#dragonTigerRoom .dt-dom-banker-card .dt-dom-banker-avatar {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translate(-50%, -50%) !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  clip-path: circle(50% at 50% 50%) !important;
  overflow: hidden !important;
}

#dragonTigerRoom .dt-dom-banker-card .dt-dom-banker-avatar img {
  position: absolute !important;
  inset: 0 !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  transform: none !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  object-position: center !important;
}

@media (max-width: 430px) {
  #dragonTigerRoom .dt-dom-banker-card .dt-dom-banker-avatar,
  #dragonTigerRoom .dt-dom-banker-card .dt-dom-banker-avatar img {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
  }
}

#dragonTigerRoom .dt-dom-main {
  left: 76px !important;
  right: 76px !important;
  top: 92px !important;
  bottom: 118px !important;
  grid-template-rows: 200px minmax(0, 1fr) !important;
  gap: 10px !important;
}

#dragonTigerRoom .dt-dom-hero {
  min-height: 196px !important;
  border: 1px solid rgba(73, 154, 255, .46) !important;
  border-radius: 20px !important;
  background: rgba(5, 24, 51, .9) !important;
  box-shadow: inset 0 0 34px rgba(24, 97, 182, .2), 0 9px 22px rgba(0,0,0,.32) !important;
}

#dragonTigerRoom .dt-dom-title-art {
  top: 14px !important;
  width: 96% !important;
  height: 164px !important;
  opacity: .88 !important;
  filter: drop-shadow(0 8px 12px rgba(0,0,0,.34)) saturate(1.12) !important;
}

#dragonTigerRoom .dt-dom-count {
  top: 68px !important;
  width: 58px !important;
  height: 58px !important;
  border: 3px solid #3ba8ff !important;
  background: #063a73 !important;
  box-shadow: 0 0 18px rgba(39,151,255,.62), inset 0 0 12px rgba(61,194,255,.34) !important;
  color: #fff !important;
}

#dragonTigerRoom.dragon-dom-room .dt-dom-cards .dt-card { top: calc(48% - 20px) !important; width: 88px !important; height: 118px !important; }
#dragonTigerRoom.dragon-dom-room .dt-dom-cards .dt-card-left { left: 21% !important; }
#dragonTigerRoom.dragon-dom-room .dt-dom-cards .dt-card-right { left: 79% !important; }

#dragonTigerRoom .dt-dom-trends {
  left: 12px !important;
  right: 12px !important;
  bottom: 8px !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  overflow: hidden !important;
  gap: 3px !important;
  padding: 4px 8px !important;
  border: 1px solid rgba(92,140,202,.28) !important;
  border-radius: 999px !important;
  background: rgba(2, 12, 30, .82) !important;
}

#dragonTigerRoom .dt-dom-trend { width: 20px !important; height: 20px !important; font-size: 9px !important; box-shadow: none !important; }
#dragonTigerRoom .dt-dom-trend.latest { animation: dt-latest-trend .55s ease-out both !important; }

@keyframes dt-latest-trend {
  0% { opacity: 0; transform: scale(.35); }
  65% { opacity: 1; transform: scale(1.18); }
  100% { opacity: 1; transform: scale(1); }
}

#dragonTigerRoom .dt-dom-trends-empty {
  color: rgba(207, 235, 244, .58) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
}

#dragonTigerRoom .dt-dom-players {
  top: 202px !important;
  bottom: 118px !important;
  width: 66px !important;
  grid-template-rows: repeat(4, minmax(74px, 1fr)) !important;
  gap: 8px !important;
}

#dragonTigerRoom .dt-dom-players.left { left: 10px !important; }
#dragonTigerRoom .dt-dom-players.right { right: 7px !important; }
#dragonTigerRoom .dt-side-player {
  min-height: 70px !important;
  padding: 5px 3px !important;
  border: 1px solid rgba(91, 137, 197, .34) !important;
  border-radius: 13px !important;
  background: rgba(7, 20, 43, .92) !important;
  box-shadow: 0 6px 13px rgba(0,0,0,.28) !important;
}

#dragonTigerRoom .dt-side-avatar {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(143,179,224,.42) !important;
  border-radius: 50% !important;
  background: #243752 !important;
  color: #e5efff !important;
  font-size: 15px !important;
  box-shadow: none !important;
}

#dragonTigerRoom .dt-side-player strong,
#dragonTigerRoom .dt-side-player span {
  width: 58px !important;
  background: transparent !important;
  box-shadow: none !important;
}

#dragonTigerRoom .dt-side-player > b { top: 25px !important; font-size: 30px !important; font-weight: 1000 !important; line-height: 1 !important; text-shadow: none !important; }

#dragonTigerRoom .dt-dom-bet-stack { grid-template-rows: repeat(3, minmax(0, 1fr)) !important; gap: 7px !important; }
#dragonTigerRoom .dt-dom-bet-zone {
  padding: 8px 10px 8px 86px !important;
  border-radius: 16px !important;
  box-shadow: inset 0 0 24px rgba(255,255,255,.035), 0 5px 12px rgba(0,0,0,.25) !important;
}

#dragonTigerRoom .dt-dom-bet-zone.dragon { border: 1px solid rgba(49, 145, 255, .72) !important; background: rgba(9, 55, 117, .88) !important; }
#dragonTigerRoom .dt-dom-bet-zone.tiger { border: 1px solid rgba(214, 75, 244, .64) !important; background: rgba(70, 24, 95, .88) !important; }
#dragonTigerRoom .dt-dom-bet-zone.tie { border: 1px solid rgba(67, 211, 133, .62) !important; background: rgba(14, 83, 62, .88) !important; }

#dragonTigerRoom .dt-dom-zone-name {
  left: 11px !important;
  top: 9px !important;
  bottom: 9px !important;
  width: 64px !important;
  border-right: 1px solid rgba(255,255,255,.12) !important;
}

#dragonTigerRoom .dt-dom-bet-zone.dragon .dt-dom-zone-name { color: #78c7ff !important; }
#dragonTigerRoom .dt-dom-bet-zone.tiger .dt-dom-zone-name { color: #f18aff !important; }
#dragonTigerRoom .dt-dom-bet-zone.tie .dt-dom-zone-name { color: #76e5a8 !important; }
#dragonTigerRoom .dt-dom-zone-name b { font-size: 40px !important; }
#dragonTigerRoom .dt-dom-zone-name em { font-size: 11px !important; }
#dragonTigerRoom .dt-dom-zone-odds { margin-top: 4px !important; font-size: 18px !important; }

#dragonTigerRoom .dt-dom-chip-cloud { left: 92px !important; right: 10px !important; top: 12px !important; bottom: 10px !important; max-height: none !important; align-content: center !important; justify-content: center !important; }

#dragonTigerRoom .dt-dom-footer {
  left: 5px !important;
  right: 5px !important;
  bottom: 5px !important;
  height: 102px !important;
  padding: 10px 14px 10px 100px !important;
  border: 1px solid rgba(83, 132, 202, .46) !important;
  border-radius: 24px !important;
  background: rgba(4, 15, 34, .97) !important;
  box-shadow: 0 -7px 18px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

#dragonTigerRoom .dt-dom-footer::before {
  left: 96px !important;
  right: 12px !important;
  top: 10px !important;
  height: 56px !important;
  border: 1px solid rgba(83, 128, 190, .28) !important;
  background: rgba(9, 24, 49, .88) !important;
  box-shadow: none !important;
}

#dragonTigerRoom .dt-dom-footer .dt-dom-room-no {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 72px !important;
  bottom: auto !important;
  z-index: 4 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  translate: none !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(202, 235, 245, .68) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  text-align: center !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

#dragonTigerRoom .dt-dom-me { background: #d4a53b !important; box-shadow: 0 0 14px rgba(255,190,53,.28) !important; }

#dragonTigerRoom .dt-dom-user {
  left: 13px !important;
  top: 17px !important;
  width: 78px !important;
  height: 58px !important;
  min-height: 58px !important;
}

#dragonTigerRoom .dt-dom-me,
#dragonTigerRoom .dt-dom-user-photo {
  display: none !important;
}

#dragonTigerRoom .dt-dom-user-meta {
  left: 0 !important;
  top: 6px !important;
  min-width: 78px !important;
  text-align: left !important;
}

#dragonTigerRoom .dt-dom-user-meta strong,
#dragonTigerRoom .dt-dom-user-meta b {
  display: block !important;
  width: 100% !important;
}

#dragonTigerRoom .dt-dom-online {
  display: flex !important;
  left: 0 !important;
  top: 48px !important;
  width: auto !important;
  min-width: 64px !important;
  height: 22px !important;
  padding: 0 8px !important;
  border: 1px solid rgba(83, 214, 190, .5) !important;
  border-radius: 999px !important;
  background: rgba(12, 83, 78, .62) !important;
  color: #d7fff5 !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 9px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

@media (max-width: 430px) {
  #dragonTigerRoom .dt-dom-user {
    left: 9px !important;
    top: 16px !important;
    width: 72px !important;
    height: 76px !important;
  }

  #dragonTigerRoom .dt-dom-user-meta {
    min-width: 72px !important;
  }

  #dragonTigerRoom .dt-dom-online {
    top: 46px !important;
    min-width: 58px !important;
    height: 20px !important;
    padding: 0 6px !important;
    font-size: 8px !important;
  }
}

/* Center the account summary in the footer's reserved left column. */
#dragonTigerRoom .dt-dom-footer .dt-dom-user {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 96px !important;
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 5px 4px !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

#dragonTigerRoom .dt-dom-footer .dt-dom-user-meta {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  transform: none !important;
  text-align: center !important;
}

#dragonTigerRoom .dt-dom-footer .dt-dom-user-meta strong,
#dragonTigerRoom .dt-dom-footer .dt-dom-user-meta b {
  width: 100% !important;
  text-align: center !important;
}

#dragonTigerRoom .dt-dom-footer .dt-dom-online {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: fit-content !important;
  min-width: 64px !important;
  transform: none !important;
  margin: 0 auto !important;
  flex: 0 0 22px !important;
}

#dragonTigerRoom .dt-dom-footer .dt-dom-user.has-result {
  gap: 3px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

#dragonTigerRoom .dt-dom-user-win {
  position: static !important;
  display: block !important;
  width: 100% !important;
  flex: 0 0 auto !important;
  font-size: 30px !important;
  font-weight: 1000 !important;
  line-height: 30px !important;
  text-align: center !important;
  white-space: nowrap !important;
  transform: none !important;
  text-shadow: none !important;
}

#dragonTigerRoom .dt-dom-user-win.win { color: #ffc748 !important; }
#dragonTigerRoom .dt-dom-user-win.lose { color: #69d5ff !important; }

#dragonTigerRoom .dt-dom-user.has-result .dt-dom-user-meta strong,
#dragonTigerRoom .dt-dom-user.has-result .dt-dom-user-meta b {
  font-size: 9px !important;
  line-height: 12px !important;
}

#dragonTigerRoom .dt-dom-user.has-result .dt-dom-online {
  min-width: 58px !important;
  height: 18px !important;
  flex-basis: 18px !important;
  font-size: 8px !important;
}

#dragonTigerRoom .dt-bet-opening {
  position: absolute !important;
  inset: 0 !important;
  z-index: 80 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
  animation: dt-bet-opening-layer 2s linear both !important;
}

#dragonTigerRoom .dt-bet-opening span {
  position: relative !important;
  display: block !important;
  min-width: 206px !important;
  padding: 17px 34px !important;
  border: 1px solid rgba(205, 241, 255, .92) !important;
  border-radius: 18px 6px 18px 6px !important;
  background:
    linear-gradient(110deg, transparent 0 34%, rgba(255,255,255,.2) 48%, transparent 62%) 120% 0 / 170% 100% no-repeat,
    radial-gradient(circle at 50% 0%, rgba(137, 226, 255, .36), transparent 52%),
    linear-gradient(135deg, rgba(35, 112, 206, .97), rgba(83, 73, 203, .97) 58%, rgba(103, 70, 190, .97)) !important;
  box-shadow: 0 0 0 4px rgba(129, 210, 255, .13), 0 10px 32px rgba(32, 55, 166, .42), 0 0 28px rgba(91, 202, 255, .3), inset 0 1px 0 rgba(255,255,255,.52), inset 0 -10px 20px rgba(37, 32, 132, .18) !important;
  color: #fff !important;
  font-size: 27px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 5px !important;
  text-align: center !important;
  text-shadow: 0 2px 10px rgba(25, 37, 128, .48) !important;
  animation: dt-bet-opening-badge 2s cubic-bezier(.22,.72,.28,1) both !important;
}

#dragonTigerRoom .dt-bet-opening span::before,
#dragonTigerRoom .dt-bet-opening span::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  width: 72px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(145, 226, 255, .95)) !important;
  box-shadow: 0 0 8px rgba(97, 213, 255, .68) !important;
}

#dragonTigerRoom .dt-bet-opening span::before { right: calc(100% + 12px) !important; }
#dragonTigerRoom .dt-bet-opening span::after { left: calc(100% + 12px) !important; transform: rotate(180deg) !important; }

@keyframes dt-bet-opening-layer {
  0% { opacity: 0; }
  10%, 84% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes dt-bet-opening-badge {
  0% { opacity: 0; transform: translateY(10px) scale(.92); filter: blur(2px); }
  12% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
  84% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
  100% { opacity: 0; transform: translateY(-5px) scale(1); filter: blur(0); }
}

/* Local robot portrait images shared by every game. */
.player .avatar img,
.dt-side-avatar img,
.club-seat b img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit !important;
  object-fit: cover !important;
  pointer-events: none !important;
  user-select: none !important;
}

.player .avatar,
.dt-side-avatar,
.club-seat b {
  overflow: hidden !important;
}

@media (max-width: 430px) {
  #dragonTigerRoom .dt-dom-topbar { left: 54px !important; right: 54px !important; grid-template-columns: 34px 34px minmax(72px, 1.35fr) repeat(3, minmax(36px, 1fr)) !important; gap: 4px !important; padding-left: 6px !important; padding-right: 6px !important; }
  #dragonTigerRoom .dt-dom-side-actions button { width: 46px !important; }
  #dragonTigerRoom .dt-dom-main { left: 68px !important; right: 68px !important; grid-template-rows: 188px minmax(0, 1fr) !important; }
  #dragonTigerRoom .dt-dom-players { width: 58px !important; }
  #dragonTigerRoom .dt-side-player strong, #dragonTigerRoom .dt-side-player span { width: 52px !important; font-size: 9px !important; }
  #dragonTigerRoom .dt-side-avatar { width: 31px !important; height: 31px !important; }
  #dragonTigerRoom.dragon-dom-room .dt-dom-cards .dt-card { width: 82px !important; height: 110px !important; }
}

/* Dragon Tiger neon arena: brighter color pass. */
#dragonTigerRoom .dt-dom-shell {
  background:
    radial-gradient(circle at 50% 8%, rgba(30, 139, 193, .24), transparent 30%),
    linear-gradient(180deg, #08283b 0%, #073047 48%, #061f34 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(85, 208, 239, .58), inset 0 0 48px rgba(32, 165, 206, .14) !important;
}

#dragonTigerRoom .dt-dom-topbar {
  border-color: rgba(91, 207, 244, .68) !important;
  background: linear-gradient(180deg, rgba(13, 58, 83, .97), rgba(8, 38, 61, .97)) !important;
  box-shadow: 0 8px 22px rgba(0, 15, 28, .3), inset 0 1px 0 rgba(180, 239, 255, .15) !important;
}

#dragonTigerRoom .dt-dom-banker-card,
#dragonTigerRoom .dt-dom-seat {
  border-color: rgba(135, 202, 230, .44) !important;
  background: linear-gradient(180deg, rgba(31, 76, 103, .96), rgba(18, 52, 78, .96)) !important;
  color: #f1fbff !important;
}

#dragonTigerRoom .dt-dom-banker-card:first-child {
  border-color: rgba(255, 193, 71, .82) !important;
  background: linear-gradient(180deg, #785020, #573714) !important;
}

#dragonTigerRoom .dt-dom-banker-card:nth-child(2) {
  border-color: rgba(214, 126, 255, .76) !important;
  background: linear-gradient(180deg, #744094, #512a70) !important;
}

#dragonTigerRoom .dt-dom-apply {
  border-color: rgba(255, 202, 83, .86) !important;
  background: linear-gradient(180deg, #75501f, #543613) !important;
  box-shadow: 0 0 16px rgba(255, 181, 53, .26), inset 0 1px 0 rgba(255,255,255,.14) !important;
  color: #fff0c5 !important;
}

#dragonTigerRoom .dt-dom-side-actions button {
  border-color: rgba(105, 194, 230, .55) !important;
  background: linear-gradient(180deg, rgba(24, 70, 97, .98), rgba(13, 45, 70, .98)) !important;
  color: #f3fbff !important;
}

#dragonTigerRoom .dt-dom-hero {
  border-color: rgba(73, 199, 240, .68) !important;
  background:
    radial-gradient(circle at 50% 44%, rgba(27, 145, 190, .2), transparent 45%),
    linear-gradient(180deg, rgba(8, 54, 78, .96), rgba(5, 39, 61, .96)) !important;
  box-shadow: inset 0 0 40px rgba(58, 187, 224, .13), 0 9px 22px rgba(0, 20, 35, .25) !important;
}

#dragonTigerRoom .dt-dom-count {
  border-color: #68d4ff !important;
  background: linear-gradient(180deg, #147eb4, #075684) !important;
  box-shadow: 0 0 20px rgba(66, 195, 255, .58), inset 0 1px 10px rgba(192, 241, 255, .22) !important;
}

#dragonTigerRoom .dt-dom-trends {
  border-color: rgba(101, 196, 229, .4) !important;
  background: rgba(7, 42, 62, .86) !important;
}

#dragonTigerRoom .dt-side-player {
  border-color: rgba(101, 187, 221, .5) !important;
  background: linear-gradient(180deg, rgba(18, 61, 88, .98), rgba(9, 40, 65, .98)) !important;
  box-shadow: 0 6px 13px rgba(0, 18, 31, .24), inset 0 1px 0 rgba(177, 232, 250, .09) !important;
}

#dragonTigerRoom .dt-side-avatar {
  border-color: rgba(152, 218, 242, .66) !important;
  background: linear-gradient(180deg, #426b89, #294e6c) !important;
  color: #fff !important;
}

#dragonTigerRoom .dt-dom-bet-zone {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.13), inset 0 -24px 45px rgba(0, 24, 40, .12), 0 6px 14px rgba(0, 19, 32, .22) !important;
}

#dragonTigerRoom .dt-dom-bet-zone.dragon {
  border-color: rgba(75, 188, 255, .9) !important;
  background: linear-gradient(135deg, #1767a5 0%, #105184 55%, #0d476f 100%) !important;
}

#dragonTigerRoom .dt-dom-bet-zone.tiger {
  border-color: rgba(232, 105, 255, .85) !important;
  background: linear-gradient(135deg, #8b3da1 0%, #6d317f 55%, #552666 100%) !important;
}

#dragonTigerRoom .dt-dom-bet-zone.tie {
  border-color: rgba(79, 231, 158, .82) !important;
  background: linear-gradient(135deg, #168267 0%, #116b57 55%, #0d5848 100%) !important;
}

#dragonTigerRoom .dt-dom-bet-zone.dragon .dt-dom-zone-name { color: #b4e5ff !important; }
#dragonTigerRoom .dt-dom-bet-zone.tiger .dt-dom-zone-name { color: #ffc1ff !important; }
#dragonTigerRoom .dt-dom-bet-zone.tie .dt-dom-zone-name { color: #b1ffd6 !important; }

#dragonTigerRoom .dt-dom-footer {
  border-color: rgba(92, 188, 226, .62) !important;
  background: linear-gradient(180deg, rgba(13, 51, 77, .98), rgba(7, 34, 57, .98)) !important;
  box-shadow: 0 -7px 18px rgba(0, 17, 29, .28), inset 0 1px 0 rgba(194, 240, 255, .11) !important;
}

#dragonTigerRoom .dt-dom-footer::before {
  border-color: rgba(101, 183, 218, .42) !important;
  background: rgba(19, 65, 91, .9) !important;
}

/* Dragon Tiger betting layout: two primary choices plus a full-width tie zone. */
#dragonTigerRoom .dt-dom-bet-stack {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: minmax(0, 77fr) minmax(0, 23fr) !important;
  gap: 9px !important;
}

#dragonTigerRoom .dt-dom-bet-zone.dragon {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

#dragonTigerRoom .dt-dom-bet-zone.tiger {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

#dragonTigerRoom .dt-dom-bet-zone.tie {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
}

#dragonTigerRoom .dt-dom-bet-zone.dragon,
#dragonTigerRoom .dt-dom-bet-zone.tiger {
  padding-left: 74px !important;
}

#dragonTigerRoom .dt-dom-bet-zone.dragon .dt-dom-zone-name,
#dragonTigerRoom .dt-dom-bet-zone.tiger .dt-dom-zone-name {
  width: 54px !important;
}

#dragonTigerRoom .dt-dom-bet-zone.dragon .dt-dom-chip-cloud,
#dragonTigerRoom .dt-dom-bet-zone.tiger .dt-dom-chip-cloud {
  left: 70px !important;
  right: 7px !important;
}

#dragonTigerRoom .dt-dom-bet-zone.dragon .dt-dom-zone-name b,
#dragonTigerRoom .dt-dom-bet-zone.tiger .dt-dom-zone-name b {
  font-size: 36px !important;
}

#dragonTigerRoom .dt-dom-bet-zone.tie {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15), inset 0 -20px 42px rgba(0, 28, 35, .13), 0 6px 14px rgba(0, 19, 32, .2) !important;
}

@media (max-width: 430px) {
  #dragonTigerRoom .dt-dom-bet-stack {
    gap: 7px !important;
  }

  #dragonTigerRoom .dt-dom-bet-zone.dragon,
  #dragonTigerRoom .dt-dom-bet-zone.tiger {
    padding-left: 62px !important;
  }

  #dragonTigerRoom .dt-dom-bet-zone.dragon .dt-dom-zone-name,
  #dragonTigerRoom .dt-dom-bet-zone.tiger .dt-dom-zone-name {
    left: 7px !important;
    width: 46px !important;
  }

  #dragonTigerRoom .dt-dom-bet-zone.dragon .dt-dom-zone-name b,
  #dragonTigerRoom .dt-dom-bet-zone.tiger .dt-dom-zone-name b {
    font-size: 30px !important;
  }

  #dragonTigerRoom .dt-dom-bet-zone.dragon .dt-dom-chip-cloud,
  #dragonTigerRoom .dt-dom-bet-zone.tiger .dt-dom-chip-cloud {
    left: 58px !important;
    right: 5px !important;
  }
}

/* Dragon Tiger wager totals and banker risk capacity. */
#dragonTigerRoom .dt-dom-zone-stats {
  position: absolute !important;
  top: 11px !important;
  right: 11px !important;
  z-index: 135 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 3px !important;
  min-width: 105px !important;
  padding: 7px 9px !important;
  border: 1px solid rgba(207, 243, 255, .25) !important;
  border-radius: 9px !important;
  background: rgba(3, 29, 45, .72) !important;
  color: rgba(231, 249, 255, .82) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  pointer-events: none !important;
  backdrop-filter: blur(5px) !important;
}

#dragonTigerRoom .dt-dom-zone-stats > span {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 8px !important;
  white-space: nowrap !important;
}

#dragonTigerRoom .dt-dom-zone-stats em {
  color: inherit !important;
  font-size: inherit !important;
  font-style: normal !important;
  font-weight: inherit !important;
}

#dragonTigerRoom .dt-dom-zone-stats b {
  margin-left: 0 !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

#dragonTigerRoom .dt-dom-zone-stats .total {
  padding-bottom: 4px !important;
  border-bottom: 1px solid rgba(218, 246, 255, .2) !important;
  color: #f3fbff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

#dragonTigerRoom .dt-dom-zone-stats .total b {
  font-size: 15px !important;
  letter-spacing: .2px !important;
}

#dragonTigerRoom .dt-dom-zone-stats .mine {
  color: rgba(255,255,255,.9) !important;
  font-weight: 800 !important;
}

#dragonTigerRoom .dt-dom-zone-stats .mine b {
  color: #ffe98f !important;
  font-size: 11px !important;
}

#dragonTigerRoom .dt-dom-zone-stats .remaining {
  color: rgba(218, 240, 247, .55) !important;
  font-weight: 600 !important;
}

#dragonTigerRoom .dt-dom-zone-stats .remaining b {
  color: rgba(223, 244, 250, .68) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}

#dragonTigerRoom .dt-dom-bet-zone.dragon .dt-dom-zone-stats .total b { color: #a9e4ff !important; }
#dragonTigerRoom .dt-dom-bet-zone.tiger .dt-dom-zone-stats .total b { color: #ffc5ff !important; }
#dragonTigerRoom .dt-dom-bet-zone.tie .dt-dom-zone-stats .total b { color: #b4ffda !important; }

#dragonTigerRoom .dt-dom-bet-zone.dragon .dt-dom-chip-cloud,
#dragonTigerRoom .dt-dom-bet-zone.tiger .dt-dom-chip-cloud {
  top: 84px !important;
}

#dragonTigerRoom .dt-dom-bet-zone.tie .dt-dom-zone-stats {
  top: auto !important;
  right: 11px !important;
  bottom: 11px !important;
  transform: none !important;
}

/* Final phone topbar sizing: banker seats match the side buttons without clipping portraits. */
@media (max-width: 430px) {
  #dragonTigerRoom .dt-dom-topbar {
    left: 54px !important;
    right: 54px !important;
    height: 62px !important;
    padding: 3px 5px !important;
    grid-template-columns: 38px 38px minmax(70px, 1.35fr) repeat(3, minmax(36px, 1fr)) !important;
    gap: 3px !important;
    border-radius: 11px !important;
  }

  #dragonTigerRoom .dt-dom-banker-card,
  #dragonTigerRoom .dt-dom-seat,
  #dragonTigerRoom .dt-dom-apply {
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
  }

  #dragonTigerRoom .dt-dom-banker-card {
    padding: 0 !important;
    overflow: hidden !important;
  }

  #dragonTigerRoom .dt-dom-banker-card .dt-dom-banker-avatar {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 0 !important;
    flex: 0 0 30px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
  }

  #dragonTigerRoom .dt-dom-banker-card .dt-dom-banker-avatar img {
    position: static !important;
    display: block !important;
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    border-radius: 50% !important;
  }

  #dragonTigerRoom .dt-dom-main { top: 78px !important; }
}

@media (max-width: 430px) {
  #dragonTigerRoom .dt-dom-zone-stats {
    right: 6px !important;
    gap: 2px !important;
    min-width: 92px !important;
    padding: 5px 6px !important;
    font-size: 7px !important;
  }

  #dragonTigerRoom .dt-dom-zone-stats b {
    font-size: 8px !important;
  }

  #dragonTigerRoom .dt-dom-zone-stats .total {
    padding-bottom: 3px !important;
    font-size: 9px !important;
  }

  #dragonTigerRoom .dt-dom-zone-stats .total b {
    font-size: 12px !important;
  }

  #dragonTigerRoom .dt-dom-zone-stats .mine b {
    font-size: 9px !important;
  }

  #dragonTigerRoom .dt-dom-zone-stats .remaining b {
    font-size: 7px !important;
  }

  #dragonTigerRoom .dt-dom-bet-zone.tie .dt-dom-zone-stats {
    right: 6px !important;
    bottom: 6px !important;
  }
}

/* Final occupied-seat override. */
#dragonTigerRoom .dt-dom-banker-card,
#dragonTigerRoom .dt-dom-banker-card:first-child,
#dragonTigerRoom .dt-dom-banker-card:nth-child(2),
#dragonTigerRoom .dt-dom-seat.filled {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#dragonTigerRoom .dt-dom-banker-card .dt-dom-banker-avatar,
#dragonTigerRoom .dt-dom-seat.filled span {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}

@media (max-width: 430px) {
  #dragonTigerRoom .dt-dom-banker-card .dt-dom-banker-avatar,
  #dragonTigerRoom .dt-dom-seat.filled span,
  #dragonTigerRoom .dt-dom-banker-card .dt-dom-banker-avatar img,
  #dragonTigerRoom .dt-dom-seat.filled span img {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    object-fit: cover !important;
  }
}

/* Last word on mobile banker portraits: a fixed square independent of seat height. */
@media (max-width: 430px) {
  #dragonTigerRoom .dt-dom-banker-card { position: relative !important; }

  #dragonTigerRoom .dt-dom-banker-card .dt-dom-banker-avatar {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 50% !important;
    clip-path: circle(50% at 50% 50%) !important;
    overflow: hidden !important;
  }

  #dragonTigerRoom .dt-dom-banker-card .dt-dom-banker-avatar img {
    position: absolute !important;
    inset: 0 !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    border-radius: 50% !important;
    clip-path: circle(50% at 50% 50%) !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

/* The betting-opening announcement must stay above the zone statistics cards. */
#dragonTigerRoom .dt-bet-opening {
  z-index: 220 !important;
}

#dragonTigerRoom .dt-bet-opening span {
  position: relative !important;
  z-index: 221 !important;
}

/* Personal records are a compact divided list, not large bordered cards. */
#personalRecordOverlay .personal-record-list {
  display: block !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  gap: 0 !important;
  padding: 4px 12px !important;
}

#personalRecordOverlay .personal-record-row {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 0 5px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: 44px !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(190, 181, 255, .2) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#personalRecordOverlay .personal-record-row:last-child {
  border-bottom: 0 !important;
}

#personalRecordOverlay .personal-record-row div {
  height: 44px !important;
  align-items: center !important;
}

#personalRecordOverlay .personal-record-row strong,
#personalRecordOverlay .personal-record-row span {
  line-height: 44px !important;
}

#personalRecordOverlay .personal-record-row b {
  align-self: center !important;
  line-height: 24px !important;
}

/* Refined side controls: compact icon with a quiet text label. */
#dragonTigerRoom .dt-dom-side-actions button {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  padding: 4px 2px !important;
  border-color: rgba(102, 196, 231, .48) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(16, 62, 88, .96), rgba(7, 38, 62, .98)) !important;
  color: rgba(225, 246, 255, .9) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  line-height: 10px !important;
  box-shadow: inset 0 1px 0 rgba(197, 241, 255, .1), 0 5px 12px rgba(0, 18, 31, .22) !important;
}

#dragonTigerRoom .dt-dom-side-actions button::before {
  width: 25px !important;
  height: 25px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(128, 216, 245, .5) !important;
  border-radius: 50% !important;
  background: rgba(5, 31, 53, .46) !important;
  color: #dff8ff !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 25px !important;
  box-sizing: border-box !important;
}

#dragonTigerRoom .dt-dom-side-actions [data-dt-action="exit"]::before {
  content: "↩" !important;
  padding-bottom: 2px !important;
}

#dragonTigerRoom .dt-dom-side-actions [data-dt-action="rules"]::before {
  content: "?" !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

#dragonTigerRoom .dt-dom-apply.pending {
  border-color: rgba(111, 211, 239, .8) !important;
  background: linear-gradient(180deg, #215f75, #123f56) !important;
  color: #d9f8ff !important;
}

.queued-banker-btn {
  min-width: 112px !important;
  margin: 5px auto 0 !important;
  padding: 7px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  border: 1px solid rgba(241, 190, 72, .8) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #76501f, #503310) !important;
  color: #fff0c5 !important;
}

.queued-banker-btn.pending {
  border-color: rgba(111, 211, 239, .8) !important;
  background: linear-gradient(180deg, #215f75, #123f56) !important;
}

.queued-banker-btn strong { font-size: 13px !important; }
.queued-banker-btn small { margin-top: 2px !important; font-size: 8px !important; opacity: .82 !important; }

/* Every lobby table uses the same circular robot portrait treatment. */
#clubPage .club-table-card .club-seat.filled {
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#clubPage .club-table-card .club-seat.filled b {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  border: 2px solid rgba(219, 239, 255, .86) !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: 0 4px 8px rgba(0, 12, 28, .32) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#clubPage .club-table-card .club-seat.filled b img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

/* Dragon Tiger rules uses the same right-side drawer interaction as Sangong. */
#dragonTigerRoom .dt-rules-panel:not(.hidden) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1000 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
}

#dragonTigerRoom .dt-rules-backdrop {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  background: rgba(0, 10, 24, .56) !important;
}

#dragonTigerRoom .dt-rules-drawer {
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  right: 0 !important;
  z-index: 1 !important;
  width: min(78vw, 360px) !important;
  height: 100% !important;
  margin: 0 0 0 auto !important;
  transform-origin: right center !important;
  animation: dt-rules-slide-from-right .26s ease-out both !important;
}

@keyframes dt-rules-slide-from-right {
  from { transform: translateX(100%); opacity: .75; }
  to { transform: translateX(0); opacity: 1; }
}

/* Flip the drawer to the opposite edge from the currently rendered side. */
#dragonTigerRoom .dt-rules-panel:not(.hidden) {
  justify-content: flex-end !important;
}

#dragonTigerRoom .dt-rules-drawer {
  left: auto !important;
  right: 0 !important;
  margin: 0 0 0 auto !important;
  transform-origin: right center !important;
  animation-name: dt-rules-slide-from-right !important;
}

@keyframes dt-rules-slide-opposite {
  from { transform: translateX(-100%); opacity: .75; }
  to { transform: translateX(0); opacity: 1; }
}

#dragonTigerRoom .dt-rules-backdrop {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#dragonTigerRoom .dt-rules-drawer {
  box-shadow: none !important;
}

/* Owner-only table controls. Regular members bypass this panel in JS. */
.owner-table-manage-overlay {
  background: rgba(2, 13, 28, .52) !important;
  backdrop-filter: blur(10px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.15) !important;
}

.owner-table-manage-card {
  width: min(390px, calc(100vw - 32px)) !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(92, 211, 255, .55) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 12% 0, rgba(51, 196, 255, .2), transparent 35%),
    linear-gradient(155deg, rgba(13, 63, 87, .98), rgba(4, 30, 50, .99)) !important;
  box-shadow: 0 24px 70px rgba(0, 5, 18, .62), inset 0 1px rgba(255, 255, 255, .1) !important;
  text-align: left !important;
}

.owner-table-manage-head {
  position: relative;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 22px 22px 17px;
  border-bottom: 1px solid rgba(116, 216, 255, .16);
}

.owner-table-manage-head > i {
  display: grid;
  place-items: center;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 15px;
  background: linear-gradient(145deg, #ffe79a, #d29128);
  color: #533000;
  font-size: 25px;
  font-style: normal;
  box-shadow: 0 8px 20px rgba(206, 139, 32, .28), inset 0 1px rgba(255, 255, 255, .65);
}

.owner-table-manage-head > div {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.owner-table-manage-head span {
  color: #79dfff !important;
  font-size: 12px !important;
  letter-spacing: 1px;
}

.owner-table-manage-head strong {
  overflow: hidden;
  color: #fff !important;
  font-size: 25px !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.owner-table-manage-card .owner-table-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border: 1px solid rgba(165, 226, 255, .25) !important;
  border-radius: 50% !important;
  background: rgba(8, 37, 57, .76) !important;
  color: rgba(230, 249, 255, .85) !important;
  font-size: 25px !important;
  font-weight: 400 !important;
  line-height: 31px !important;
  box-shadow: none !important;
}

.owner-table-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 15px 22px 8px;
}

.owner-table-summary span,
.owner-table-summary b {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid rgba(95, 198, 235, .2);
  border-radius: 999px;
  background: rgba(15, 78, 102, .46);
  color: #ccefff !important;
  font-size: 12px !important;
  font-weight: 800;
  letter-spacing: 0;
}

.owner-table-summary span {
  color: #ffe59a !important;
}

.owner-table-actions {
  display: grid;
  gap: 10px;
  padding: 12px 22px 22px;
}

.owner-table-manage-card .owner-table-actions button {
  display: flex;
  align-items: center;
  gap: 13px;
  width: 100%;
  height: 58px !important;
  padding: 8px 15px !important;
  border: 1px solid rgba(133, 218, 251, .18) !important;
  border-radius: 15px !important;
  background: rgba(11, 56, 78, .72) !important;
  color: #fff !important;
  text-align: left;
  box-shadow: inset 0 1px rgba(255, 255, 255, .05) !important;
}

.owner-table-manage-card .owner-table-actions button > i {
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 11px;
  background: rgba(104, 206, 246, .14);
  color: #8fe5ff;
  font-size: 16px;
  font-style: normal;
}

.owner-table-manage-card .owner-table-actions button > span {
  display: grid;
  gap: 2px;
  color: #f4fbff !important;
  font-size: 15px !important;
  letter-spacing: 0;
}

.owner-table-manage-card .owner-table-actions small {
  color: rgba(201, 231, 243, .62);
  font-size: 11px;
  font-weight: 600;
}

.owner-table-manage-card .owner-table-actions .primary {
  border-color: rgba(255, 218, 111, .45) !important;
  background: linear-gradient(135deg, #f8d675, #d9952d) !important;
}

.owner-table-manage-card .owner-table-actions .primary > i {
  background: rgba(87, 48, 0, .14);
  color: #4e2b00;
}

.owner-table-manage-card .owner-table-actions .primary > span {
  color: #382000 !important;
}

.owner-table-manage-card .owner-table-actions .primary small {
  color: rgba(56, 32, 0, .65);
}

.owner-table-manage-card .owner-table-actions .danger {
  border-color: rgba(255, 114, 124, .2) !important;
  background: rgba(94, 32, 43, .55) !important;
}

.owner-table-manage-card .owner-table-actions .danger > i {
  background: rgba(255, 94, 106, .14);
  color: #ff9da6;
}

@media (max-width: 430px) {
  .owner-table-manage-card {
    width: min(360px, calc(100vw - 28px)) !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  .owner-table-manage-head { padding: 19px 18px 15px; }
  .owner-table-summary { padding: 13px 18px 7px; }
  .owner-table-actions { padding: 10px 18px 18px; }
}

/* Redesigned Mine page: personal profile only, without room-card or league data. */
#adminPage .mine-profile-panel {
  display: grid !important;
  align-content: start !important;
  justify-items: center !important;
  gap: 16px !important;
  width: min(620px, 100%) !important;
  margin: 0 auto !important;
  padding: clamp(26px, 7vh, 64px) 18px 24px !important;
  overflow: auto !important;
}

#adminPage .mine-profile-card {
  width: 100% !important;
  padding: 24px !important;
  border: 1px solid rgba(135, 189, 255, .34) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 12% 0, rgba(90, 213, 255, .17), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(255, 214, 104, .13), transparent 26%),
    linear-gradient(145deg, rgba(34, 42, 127, .91), rgba(15, 18, 71, .96)) !important;
  box-shadow: 0 24px 60px rgba(4, 3, 38, .38), inset 0 1px rgba(255, 255, 255, .1) !important;
}

#adminPage .mine-profile-heading {
  display: grid;
  gap: 4px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(172, 198, 255, .13);
}

#adminPage .mine-profile-heading > span {
  color: #72dcff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 1.5px;
}

#adminPage .mine-profile-heading > strong {
  color: #fff !important;
  font-size: 27px !important;
  line-height: 1.2 !important;
  text-shadow: none !important;
}

#adminPage .mine-profile-heading > em {
  color: rgba(220, 230, 255, .68) !important;
  font-size: 13px !important;
  font-style: normal;
}

#adminPage .mine-profile-editor {
  display: grid;
  grid-template-columns: 122px minmax(0, 1fr);
  align-items: center;
  gap: 22px;
  padding: 24px 0 20px;
}

#adminPage .mine-avatar-picker {
  display: grid;
  justify-items: center;
  gap: 9px;
  cursor: pointer;
}

#adminPage .mine-avatar-picker > span {
  display: grid;
  place-items: center;
  width: 96px;
  height: 96px;
  overflow: hidden;
  border: 3px solid rgba(224, 240, 255, .9);
  border-radius: 50%;
  background: linear-gradient(145deg, #4b8fc7, #31418e);
  color: #fff !important;
  font-size: 38px !important;
  font-weight: 950 !important;
  box-shadow: 0 0 0 5px rgba(98, 198, 255, .13), 0 12px 28px rgba(0, 7, 38, .34);
}

#adminPage .mine-avatar-picker img,
.profile-avatar img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

#adminPage .mine-avatar-picker > b {
  min-height: 28px;
  padding: 5px 12px;
  border: 1px solid rgba(111, 212, 255, .34);
  border-radius: 999px;
  background: rgba(25, 91, 139, .3);
  color: #a8eaff;
  font-size: 12px;
}

#adminPage .mine-avatar-picker input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none;
}

#adminPage .mine-name-editor {
  display: grid;
  gap: 8px;
}

#adminPage .mine-name-editor label {
  color: #f5f7ff;
  font-size: 14px;
  font-weight: 900;
}

#adminPage .mine-name-editor input {
  width: 100%;
  height: 48px;
  padding: 0 15px;
  border: 1px solid rgba(128, 201, 255, .35) !important;
  border-radius: 14px !important;
  outline: 0;
  background: rgba(5, 15, 54, .56) !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 850;
  box-shadow: inset 0 1px 8px rgba(0, 0, 0, .2);
}

#adminPage .mine-name-editor input:focus {
  border-color: #69d7ff !important;
  box-shadow: 0 0 0 3px rgba(72, 194, 255, .14) !important;
}

#adminPage .mine-name-editor small {
  color: rgba(208, 222, 255, .58);
  font-size: 11px;
}

#adminPage .mine-profile-save {
  width: 100%;
  height: 48px;
  border: 1px solid rgba(255, 230, 151, .62);
  border-radius: 15px;
  background: linear-gradient(180deg, #ffe595, #d8992d);
  color: #382100;
  font-size: 15px;
  font-weight: 950;
  box-shadow: 0 10px 24px rgba(180, 113, 25, .22), inset 0 1px rgba(255, 255, 255, .6);
}

#adminPage .mine-profile-save:disabled {
  opacity: .58;
}

#adminPage .mine-profile-message {
  min-height: 18px;
  margin: 8px 0 0;
  color: #8ee8ff;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}

#adminPage .mine-account-card {
  display: grid;
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(139, 135, 255, .28);
  border-radius: 20px;
  background: rgba(20, 19, 82, .68);
  box-shadow: inset 0 1px rgba(255, 255, 255, .06);
}

#adminPage .mine-account-card > span {
  padding: 14px 18px 8px;
  color: rgba(178, 205, 255, .68);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1px;
}

#adminPage .mine-account-card > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 45px;
  margin: 0 18px;
  border-top: 1px solid rgba(173, 187, 255, .1);
}

#adminPage .mine-account-card em {
  color: rgba(216, 226, 255, .66);
  font-size: 13px;
  font-style: normal;
}

#adminPage .mine-account-card strong {
  color: #f6f7ff;
  font-size: 14px;
}

#adminPage .mine-logout-btn {
  width: 100% !important;
  min-height: 46px !important;
  border: 1px solid rgba(255, 118, 135, .26) !important;
  border-radius: 15px !important;
  background: rgba(103, 30, 51, .42) !important;
  color: #ffbbc4 !important;
  box-shadow: none !important;
}

.profile-avatar {
  overflow: hidden;
  border-radius: 50%;
}

@media (max-width: 520px) {
  #adminPage .mine-profile-panel {
    padding: 22px 13px 16px !important;
  }

  #adminPage .mine-profile-card {
    padding: 20px 17px !important;
    border-radius: 22px !important;
  }

  #adminPage .mine-profile-editor {
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 14px;
  }

  #adminPage .mine-avatar-picker > span {
    width: 82px;
    height: 82px;
  }
}

/* Compact Mine profile card. */
#adminPage .mine-profile-panel {
  gap: 12px !important;
  padding-top: clamp(18px, 4vh, 34px) !important;
}

#adminPage .mine-profile-card {
  min-height: 0 !important;
  height: auto !important;
  padding: 17px 19px 15px !important;
  border-radius: 20px !important;
}

#adminPage .mine-profile-heading {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: baseline;
  column-gap: 10px;
  row-gap: 2px;
  padding-bottom: 10px;
}

#adminPage .mine-profile-heading > span {
  grid-row: 1;
  padding: 3px 9px;
  border-radius: 999px;
  background: rgba(82, 201, 255, .14);
  font-size: 10px !important;
}

#adminPage .mine-profile-heading > strong {
  grid-row: 1;
  font-size: 21px !important;
}

#adminPage .mine-profile-heading > em {
  grid-column: 1 / -1;
  font-size: 11px !important;
}

#adminPage .mine-profile-editor {
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 15px;
  padding: 13px 0 12px;
}

#adminPage .mine-avatar-picker {
  gap: 6px;
}

#adminPage .mine-avatar-picker > span {
  width: 68px;
  height: 68px;
  border-width: 2px;
  font-size: 28px !important;
  box-shadow: 0 0 0 3px rgba(98, 198, 255, .12), 0 8px 18px rgba(0, 7, 38, .28);
}

#adminPage .mine-avatar-picker > b {
  min-height: 23px;
  padding: 3px 9px;
  font-size: 10px;
}

#adminPage .mine-name-editor {
  gap: 5px;
}

#adminPage .mine-name-editor label {
  font-size: 12px;
}

#adminPage .mine-name-editor input {
  height: 40px;
  border-radius: 11px !important;
  font-size: 14px;
}

#adminPage .mine-name-editor small {
  font-size: 10px;
}

#adminPage .mine-profile-save {
  height: 40px;
  border-radius: 12px;
  font-size: 13px;
}

#adminPage .mine-profile-message {
  min-height: 14px;
  margin-top: 4px;
  font-size: 10px;
}

@media (max-width: 520px) {
  #adminPage .mine-profile-panel {
    padding: 14px 11px 12px !important;
  }

  #adminPage .mine-profile-card {
    padding: 15px 14px 12px !important;
  }

  #adminPage .mine-profile-editor {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 11px;
  }

  #adminPage .mine-avatar-picker > span {
    width: 62px;
    height: 62px;
  }
}

/* Pearl theme final lock: league page and main navigation. */
html body.theme-pearl-blue #clubPage.club-page .club-panel > #clubLeagueSummary.club-league-summary,
html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary {
  border-color: rgba(240, 244, 255, .66) !important;
  background: radial-gradient(circle at 48% 0%, rgba(221, 196, 255, .35), transparent 58%), linear-gradient(145deg, rgba(126, 154, 244, .96), rgba(103, 91, 211, .96)) !important;
  box-shadow: 0 12px 28px rgba(57, 46, 145, .2), inset 0 1px rgba(255, 255, 255, .26) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-switch-trigger {
  border-color: rgba(242, 245, 255, .65) !important;
  background: linear-gradient(145deg, #897fec, #586ed8) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .25), 0 6px 16px rgba(54, 43, 143, .16) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-switch-trigger span,
html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-switch-trigger strong {
  color: #fff !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-switch-trigger i {
  border-top-color: #ffe7a0 !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary > .league-summary-id {
  border: 1px solid rgba(237, 242, 255, .5) !important;
  background: rgba(72, 80, 179, .5) !important;
  color: #fff !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary > .league-summary-id::before {
  color: rgba(247, 249, 255, .85) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary > .league-summary-id b {
  color: #ffe792 !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-points-log-btn {
  color: #a8f3ff !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary > .league-team-btn,
html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary > .league-setting-entry-btn {
  border-color: rgba(238, 244, 255, .62) !important;
  background: linear-gradient(145deg, #81a8ef, #626bd2) !important;
  color: #fff !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .3), 0 6px 15px rgba(55, 44, 143, .15) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary > .league-record-btn {
  border-color: rgba(255, 244, 199, .88) !important;
  background: linear-gradient(180deg, #ffeca9, #eeb64b) !important;
  color: #513006 !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .72), 0 6px 15px rgba(105, 68, 23, .16) !important;
}

html body.theme-pearl-blue #clubPage.club-page .club-title.club-game-tabs {
  border-color: rgba(238, 243, 255, .58) !important;
  background: linear-gradient(135deg, rgba(120, 143, 235, .92), rgba(93, 87, 196, .9)) !important;
  box-shadow: 0 10px 24px rgba(55, 44, 143, .17), inset 0 1px rgba(255, 255, 255, .2) !important;
}

html body.theme-pearl-blue #clubPage.club-page .club-title.club-game-tabs button {
  color: rgba(249, 250, 255, .82) !important;
}

html body.theme-pearl-blue #clubPage.club-page .club-title.club-game-tabs button.active {
  border-color: rgba(255, 244, 201, .85) !important;
  background: linear-gradient(180deg, #ffedae, #edb94e) !important;
  color: #503006 !important;
  box-shadow: 0 6px 16px rgba(104, 68, 21, .15), inset 0 1px rgba(255, 255, 255, .7) !important;
}

/* Remove the outer frame around the table list. */
html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Exact high-specificity override for the legacy dark game-tab skin. */
html body.theme-pearl-blue #clubPage.club-page #clubGameTabs.club-game-tabs {
  border: 1px solid rgba(255, 255, 255, .82) !important;
  background: linear-gradient(135deg, #e5edff 0%, #d8ddfb 55%, #cecffa 100%) !important;
  box-shadow: 0 7px 18px rgba(68, 65, 151, .1), inset 0 1px rgba(255, 255, 255, .86) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubGameTabs.club-game-tabs button {
  background: transparent !important;
  color: #405083 !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubGameTabs.club-game-tabs button:not(:last-child)::after {
  background: linear-gradient(180deg, transparent, rgba(82, 96, 165, .18), transparent) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubGameTabs.club-game-tabs button.active {
  border: 1px solid rgba(255, 236, 164, .9) !important;
  background: linear-gradient(180deg, #ffe99a, #edb847) !important;
  color: #563609 !important;
  box-shadow: 0 4px 10px rgba(119, 78, 25, .12), inset 0 1px rgba(255, 255, 255, .74) !important;
}

/* Minimal rule-page header: back arrow next to title, no bar or points. */
html body.theme-pearl-blue #rooms.rooms.rules-active .topbar,
html body.theme-pearl-blue #rooms.rooms:has(.sangong-rules:not(.hidden)) .topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.theme-pearl-blue #rooms.rooms.rules-active .topbar > div,
html body.theme-pearl-blue #rooms.rooms:has(.sangong-rules:not(.hidden)) .topbar > div {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  text-align: left !important;
}

html body.theme-pearl-blue #rooms.rooms.rules-active .topbar .wallet,
html body.theme-pearl-blue #rooms.rooms:has(.sangong-rules:not(.hidden)) .topbar .wallet {
  display: none !important;
}

html body.theme-pearl-blue #rooms.rooms.rules-active .topbar .back-pill,
html body.theme-pearl-blue #rooms.rooms:has(.sangong-rules:not(.hidden)) .topbar .back-pill {
  position: static !important;
  display: grid !important;
  place-items: center !important;
  width: 25px !important;
  min-width: 25px !important;
  height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #40528d !important;
  font-family: Arial, sans-serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
  box-shadow: none !important;
}

html body.theme-pearl-blue #rooms.rooms.rules-active .topbar .back-pill::before,
html body.theme-pearl-blue #rooms.rooms:has(.sangong-rules:not(.hidden)) .topbar .back-pill::before {
  display: none !important;
  content: none !important;
}

html body.theme-pearl-blue #rooms.rooms.rules-active #roomsSub,
html body.theme-pearl-blue #rooms.rooms:has(.sangong-rules:not(.hidden)) #roomsSub {
  color: #40528d !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: .5px !important;
}

/* Refined, compact empty state for game table lists. */
html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-empty {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(430px, calc(100% - 36px)) !important;
  min-height: 0 !important;
  margin: 44px auto !important;
  padding: 30px 26px 28px !important;
  border: 1px solid rgba(255, 255, 255, .7) !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg, rgba(238, 243, 255, .84), rgba(215, 220, 251, .78)) !important;
  box-shadow: 0 14px 32px rgba(67, 61, 150, .14), inset 0 1px rgba(255, 255, 255, .85) !important;
  text-align: center !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-empty::before {
  content: "+" !important;
  display: grid !important;
  place-items: center !important;
  width: 64px !important;
  height: 64px !important;
  margin: 0 0 16px !important;
  border: 1px solid rgba(112, 124, 201, .38) !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, #f8faff, #dce3ff) !important;
  color: #6978c9 !important;
  font-size: 34px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 7px 16px rgba(72, 70, 161, .1) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-empty strong {
  display: block !important;
  margin: 0 0 10px !important;
  background: none !important;
  color: #26396f !important;
  -webkit-text-fill-color: #26396f !important;
  font-size: 25px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  letter-spacing: 1px !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-empty strong::after {
  display: none !important;
  content: none !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-empty span,
html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-empty span:nth-of-type(1) {
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: #66749c !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-empty span:nth-of-type(1) {
  margin-bottom: 5px !important;
  color: #52628f !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-empty-action {
  width: 100% !important;
  min-height: 44px !important;
  margin-top: 18px !important;
  border: 1px solid rgba(255, 239, 176, .92) !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg, #ffe795, #edb441) !important;
  color: #563507 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  box-shadow: 0 6px 14px rgba(127, 82, 24, .14), inset 0 1px rgba(255, 255, 255, .74) !important;
}

@media (max-width: 560px) {
  html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-empty {
    width: calc(100% - 24px) !important;
    margin: 24px auto !important;
    padding: 24px 20px !important;
  }
}

/* Clickable online count and room-member list. */
#dragonTigerRoom .dt-dom-online {
  cursor: pointer !important;
  font-family: inherit !important;
  line-height: 1 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

#dragonTigerRoom .dt-online-panel {
  position: fixed !important;
  inset: 0 !important;
  z-index: 360 !important;
  display: grid !important;
  place-items: center !important;
  padding: 18px !important;
}

#dragonTigerRoom .dt-online-panel.hidden { display: none !important; }

#dragonTigerRoom .dt-online-backdrop {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  background: rgba(18, 27, 70, .34) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

#dragonTigerRoom .dt-online-drawer {
  position: relative !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
  width: min(420px, 94vw) !important;
  max-height: min(650px, 78vh) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .8) !important;
  border-radius: 22px !important;
  background: linear-gradient(160deg, #f4f7ff, #dce4ff) !important;
  box-shadow: 0 22px 55px rgba(30, 37, 103, .28), inset 0 1px rgba(255, 255, 255, .9) !important;
}

#dragonTigerRoom .dt-online-drawer > header {
  display: grid !important;
  grid-template-columns: 1fr auto 32px !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 58px !important;
  padding: 0 16px 0 20px !important;
  border-bottom: 1px solid rgba(89, 105, 180, .16) !important;
  background: rgba(255, 255, 255, .38) !important;
}

#dragonTigerRoom .dt-online-drawer > header span {
  color: #26396d !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

#dragonTigerRoom .dt-online-drawer > header b {
  padding: 4px 9px !important;
  border-radius: 999px !important;
  background: #e4e8fb !important;
  color: #5a69ad !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

#dragonTigerRoom .dt-online-drawer > header button {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(102, 115, 182, .1) !important;
  color: #526297 !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

#dragonTigerRoom .dt-online-list {
  box-sizing: border-box !important;
  max-height: calc(min(650px, 78vh) - 58px) !important;
  padding: 8px 14px 14px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

#dragonTigerRoom .dt-online-user {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 11px !important;
  min-height: 61px !important;
  padding: 8px 6px !important;
  border-bottom: 1px solid rgba(90, 106, 177, .13) !important;
}

#dragonTigerRoom .dt-online-user:last-child { border-bottom: 0 !important; }

#dragonTigerRoom .dt-online-avatar {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  overflow: hidden !important;
  border: 2px solid rgba(255, 255, 255, .88) !important;
  border-radius: 50% !important;
  background: #7787d5 !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  box-shadow: 0 3px 9px rgba(57, 65, 143, .16) !important;
}

#dragonTigerRoom .dt-online-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

#dragonTigerRoom .dt-online-info {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 3px !important;
}

#dragonTigerRoom .dt-online-info strong {
  overflow: hidden !important;
  color: #27396d !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#dragonTigerRoom .dt-online-info em {
  color: #7985a8 !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 650 !important;
}

#dragonTigerRoom .dt-online-user > b {
  color: #5366aa !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

#dragonTigerRoom .dt-online-user.is-me {
  border-radius: 13px !important;
  background: rgba(255, 255, 255, .48) !important;
}

@media (max-width: 430px) {
  #dragonTigerRoom .dt-online-panel { align-items: end !important; padding: 10px !important; }
  #dragonTigerRoom .dt-online-drawer { width: 100% !important; max-height: 76vh !important; border-radius: 20px 20px 14px 14px !important; }
}

html body.theme-pearl-blue #clubPage.club-page .club-list,
html body.theme-pearl-blue #clubPage.club-page .club-empty {
  border-color: rgba(236, 242, 255, .56) !important;
  background: radial-gradient(circle at 50% 14%, rgba(187, 174, 255, .34), transparent 35%), linear-gradient(160deg, rgba(104, 133, 228, .92), rgba(93, 83, 194, .94)) !important;
  box-shadow: 0 14px 30px rgba(54, 43, 143, .18), inset 0 1px rgba(255, 255, 255, .2) !important;
}

html body.theme-pearl-blue #clubPage.club-page .club-empty strong,
html body.theme-pearl-blue #clubPage.club-page .club-empty span {
  color: #fff !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue #clubPage.club-page .club-empty span {
  color: rgba(248, 250, 255, .8) !important;
}

html body.theme-pearl-blue #clubPage.club-page .bottom-nav,
html body.theme-pearl-blue #lobby .bottom-nav,
html body.theme-pearl-blue #adminPage .bottom-nav {
  border-color: rgba(238, 243, 255, .65) !important;
  background: linear-gradient(180deg, rgba(129, 144, 236, .96), rgba(92, 82, 192, .97)) !important;
  box-shadow: 0 -8px 26px rgba(53, 41, 140, .18), inset 0 1px rgba(255, 255, 255, .27) !important;
}

html body.theme-pearl-blue #clubPage.club-page .bottom-nav::after,
html body.theme-pearl-blue #lobby .bottom-nav::after,
html body.theme-pearl-blue #adminPage .bottom-nav::after {
  border-color: rgba(238, 244, 255, .38) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.theme-pearl-blue #clubPage.club-page .bottom-nav button:not(.league-main),
html body.theme-pearl-blue #lobby .bottom-nav button:not(.league-main),
html body.theme-pearl-blue #adminPage .bottom-nav button:not(.league-main) {
  color: rgba(248, 250, 255, .86) !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue #clubPage.club-page .bottom-nav button:not(.league-main)::before,
html body.theme-pearl-blue #lobby .bottom-nav button:not(.league-main)::before,
html body.theme-pearl-blue #adminPage .bottom-nav button:not(.league-main)::before {
  color: #e7e9ff !important;
  filter: brightness(1.22) saturate(.75) !important;
}

html body.theme-pearl-blue #clubPage.club-page .bottom-nav .league-main,
html body.theme-pearl-blue #lobby .bottom-nav .league-main,
html body.theme-pearl-blue #adminPage .bottom-nav .league-main {
  border-color: rgba(255, 235, 160, .88) !important;
  background: linear-gradient(160deg, #8479e9, #554bb9) !important;
  color: #fff0a8 !important;
  box-shadow: 0 0 26px rgba(211, 190, 255, .38), inset 0 1px rgba(255, 255, 255, .24) !important;
}

html body.theme-pearl-blue #clubPage.club-page .bottom-nav .league-main.active,
html body.theme-pearl-blue #lobby .bottom-nav .league-main.active,
html body.theme-pearl-blue #adminPage .bottom-nav .league-main.active {
  background: linear-gradient(160deg, #756ce1, #4940a7) !important;
  color: #ffe58a !important;
}

/* Rule editor: clear hierarchy, high contrast and responsive grouping. */
html body.theme-pearl-blue #createTablePanel.create-table {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 18px !important;
  background: linear-gradient(145deg, rgba(224, 232, 255, .97), rgba(198, 205, 255, .96)) !important;
}

html body.theme-pearl-blue #createTablePanel.hidden { display: none !important; }
html body.theme-pearl-blue #createTablePanel .rules-title-area,
html body.theme-pearl-blue #createTablePanel .create-card { display: none !important; }

html body.theme-pearl-blue #createTablePanel .setting-group {
  margin: 0 !important;
  padding: 15px !important;
  border: 1px solid rgba(89, 105, 193, .28) !important;
  border-radius: 18px !important;
  background: rgba(250, 252, 255, .82) !important;
  box-shadow: 0 7px 18px rgba(64, 62, 145, .08) !important;
}

html body.theme-pearl-blue #createTablePanel .setting-group > label {
  display: block;
  margin: 0 0 10px !important;
  color: #243a72 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.25;
  text-shadow: none !important;
}

html body.theme-pearl-blue #createTablePanel .setting-group > label::before { display: none !important; }

html body.theme-pearl-blue #createTablePanel .table-name-group,
html body.theme-pearl-blue #createTablePanel .table-limit-group,
html body.theme-pearl-blue #createTablePanel .rake-setting-group,
html body.theme-pearl-blue #createTablePanel .game-rule-setting-group,
html body.theme-pearl-blue #createTablePanel #createTableBtn {
  grid-column: 1 / -1;
}

html body.theme-pearl-blue #createTablePanel .table-name-group {
  display: grid !important;
  grid-template-columns: 120px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
}

html body.theme-pearl-blue #createTablePanel .table-name-group > label { margin: 0 !important; }

html body.theme-pearl-blue #createTablePanel input,
html body.theme-pearl-blue #createTablePanel .league-name-input {
  box-sizing: border-box;
  width: 100% !important;
  min-height: 46px;
  border: 1px solid #b8c4eb !important;
  border-radius: 12px !important;
  outline: none !important;
  background: #fff !important;
  color: #182d62 !important;
  font-size: 17px !important;
  font-weight: 750 !important;
  text-align: left !important;
  box-shadow: inset 0 1px 3px rgba(48, 57, 125, .06) !important;
}

html body.theme-pearl-blue #createTablePanel input:focus {
  border-color: #6478e9 !important;
  box-shadow: 0 0 0 3px rgba(100, 120, 233, .16) !important;
}

html body.theme-pearl-blue #createTablePanel .bet-range-config,
html body.theme-pearl-blue #createTablePanel .table-limit-config {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px !important;
}

html body.theme-pearl-blue #createTablePanel .bet-range-config > div,
html body.theme-pearl-blue #createTablePanel .table-limit-config > div {
  min-width: 0;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body.theme-pearl-blue #createTablePanel .bet-range-config span,
html body.theme-pearl-blue #createTablePanel .table-limit-config span,
html body.theme-pearl-blue #createTablePanel .rake-percent-box span {
  display: block;
  margin-bottom: 6px;
  color: #53638d !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html body.theme-pearl-blue #createTablePanel .table-limit-config em,
html body.theme-pearl-blue #createTablePanel .rake-note {
  display: block;
  margin-top: 6px;
  color: #7180a5 !important;
  font-size: 12px !important;
  font-style: normal;
  line-height: 1.4;
}

html body.theme-pearl-blue #createTablePanel .companion-input-box {
  display: grid !important;
  grid-template-columns: auto minmax(90px, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body.theme-pearl-blue #createTablePanel .companion-input-box span,
html body.theme-pearl-blue #createTablePanel .companion-input-box em {
  color: #53638d !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 700;
}

html body.theme-pearl-blue #createTablePanel .rake-options,
html body.theme-pearl-blue #createTablePanel .rule-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px !important;
}

html body.theme-pearl-blue #createTablePanel .rake-options label,
html body.theme-pearl-blue #createTablePanel .rule-option {
  min-width: 0;
  min-height: 52px;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid #c4cdec !important;
  border-radius: 13px !important;
  background: #f5f7ff !important;
  color: #304477 !important;
  box-shadow: none !important;
}

html body.theme-pearl-blue #createTablePanel .rake-options label:has(input:checked),
html body.theme-pearl-blue #createTablePanel .rule-option.active {
  border-color: #6677de !important;
  background: linear-gradient(135deg, #727ce5, #6657ca) !important;
  color: #fff !important;
}

html body.theme-pearl-blue #createTablePanel .rake-options input { display: none !important; }
html body.theme-pearl-blue #createTablePanel .rake-options span,
html body.theme-pearl-blue #createTablePanel .rule-option strong {
  color: inherit !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue #createTablePanel .rule-option i { display: none !important; }
html body.theme-pearl-blue #createTablePanel .rule-option span {
  display: block;
  margin-top: 3px;
  color: inherit !important;
  font-size: 11px !important;
  opacity: .76;
}

html body.theme-pearl-blue #createTablePanel .rake-percent-box {
  display: grid !important;
  grid-template-columns: 90px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 8px;
  margin-top: 11px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body.theme-pearl-blue #createTablePanel .rake-percent-box span { margin: 0; }
html body.theme-pearl-blue #createTablePanel .rake-percent-box em { color: #53638d !important; font-style: normal; font-weight: 800; }

html body.theme-pearl-blue #createTablePanel #createTableBtn {
  position: sticky;
  bottom: 8px;
  z-index: 4;
  min-height: 54px;
  margin: 2px 0 0 !important;
  border: 1px solid #fff0aa !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffe47e, #edae32) !important;
  color: #563400 !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 20px rgba(176, 115, 25, .22) !important;
}

@media (max-width: 560px) {
  html body.theme-pearl-blue #createTablePanel.create-table { grid-template-columns: 1fr; gap: 10px; padding: 12px !important; }
  html body.theme-pearl-blue #createTablePanel .setting-group,
  html body.theme-pearl-blue #createTablePanel #createTableBtn { grid-column: 1; }
  html body.theme-pearl-blue #createTablePanel .table-name-group { grid-template-columns: 1fr; gap: 7px; }
  html body.theme-pearl-blue #createTablePanel .rake-options,
  html body.theme-pearl-blue #createTablePanel .rule-list { grid-template-columns: 1fr; }
}

/* Lobby cards coordinated with the pearl blue-violet theme. */
html body.theme-pearl-blue #lobby .game-grid .game-card {
  border: 1px solid rgba(229, 236, 255, .72) !important;
  box-shadow: 0 10px 24px rgba(57, 54, 151, .18), inset 0 1px rgba(255, 255, 255, .26) !important;
}

html body.theme-pearl-blue #lobby .game-grid .game-card.hundred {
  background:
    radial-gradient(circle at 82% 35%, rgba(129, 224, 255, .28), transparent 38%),
    linear-gradient(135deg, #3e6fbd 0%, #4f91cf 55%, #69b6d8 100%) !important;
}

html body.theme-pearl-blue #lobby .game-grid .game-card.racing {
  background:
    radial-gradient(circle at 82% 35%, rgba(196, 203, 255, .25), transparent 38%),
    linear-gradient(135deg, #5359a8 0%, #6677c9 55%, #7e97df 100%) !important;
}

html body.theme-pearl-blue #lobby .game-grid .game-card.palace {
  background:
    radial-gradient(circle at 82% 35%, rgba(232, 202, 255, .25), transparent 38%),
    linear-gradient(135deg, #6854ae 0%, #8068c8 55%, #a17bd7 100%) !important;
}

html body.theme-pearl-blue #lobby .game-grid .game-card.dragon {
  background:
    radial-gradient(circle at 82% 35%, rgba(255, 205, 227, .22), transparent 38%),
    linear-gradient(135deg, #75528f 0%, #98659f 55%, #bc789e 100%) !important;
}

html body.theme-pearl-blue #lobby .game-grid .game-card > span {
  border: 1px solid rgba(255, 255, 255, .46) !important;
  background: rgba(255, 246, 202, .92) !important;
  color: #664716 !important;
  box-shadow: 0 3px 8px rgba(52, 42, 115, .12) !important;
}

html body.theme-pearl-blue #lobby .game-grid .game-card strong,
html body.theme-pearl-blue #lobby .game-grid .game-card em {
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(36, 37, 100, .24) !important;
}

/* Light league game switcher. */
html body.theme-pearl-blue #clubPage.club-page .club-title.club-game-tabs {
  border: 1px solid rgba(255, 255, 255, .8) !important;
  background: linear-gradient(135deg, rgba(225, 234, 255, .96), rgba(207, 211, 250, .95)) !important;
  box-shadow: 0 7px 18px rgba(67, 65, 154, .11), inset 0 1px rgba(255, 255, 255, .8) !important;
}

html body.theme-pearl-blue #clubPage.club-page .club-title.club-game-tabs button {
  border-color: transparent !important;
  background: transparent !important;
  color: #3f4f86 !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue #clubPage.club-page .club-title.club-game-tabs button + button::before {
  border-color: rgba(89, 102, 170, .18) !important;
  opacity: .7 !important;
}

html body.theme-pearl-blue #clubPage.club-page .club-title.club-game-tabs button.active {
  border: 1px solid rgba(255, 236, 166, .9) !important;
  background: linear-gradient(180deg, #ffe89a, #eeb64a) !important;
  color: #58370a !important;
  box-shadow: 0 4px 10px rgba(122, 81, 28, .12), inset 0 1px rgba(255, 255, 255, .72) !important;
}

/* Single-screen rule editor and softer selected states. */
html body.theme-pearl-blue #createTablePanel.create-table {
  align-content: start !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 14px !important;
  max-height: calc(100dvh - 72px) !important;
  padding: 6px 16px 10px !important;
  overflow: hidden !important;
}

html body.theme-pearl-blue #createTablePanel .setting-group {
  padding: 7px 0 !important;
}

html body.theme-pearl-blue #createTablePanel .setting-group > label {
  margin-bottom: 5px !important;
  font-size: 14px !important;
}

html body.theme-pearl-blue #createTablePanel .table-name-group {
  grid-column: 1 / -1 !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  padding-top: 4px !important;
}

html body.theme-pearl-blue #createTablePanel .bet-setting-group,
html body.theme-pearl-blue #createTablePanel .table-limit-group,
html body.theme-pearl-blue #createTablePanel .rake-setting-group,
html body.theme-pearl-blue #createTablePanel .game-rule-setting-group,
html body.theme-pearl-blue #createTablePanel .companion-setting-group {
  grid-column: auto !important;
}

html body.theme-pearl-blue #createTablePanel input,
html body.theme-pearl-blue #createTablePanel .league-name-input,
html body.theme-pearl-blue #createTablePanel .input-row,
html body.theme-pearl-blue #createTablePanel .table-limit-config input,
html body.theme-pearl-blue #createTablePanel .companion-input-box input,
html body.theme-pearl-blue #createTablePanel .rake-percent-box input {
  min-height: 34px !important;
  height: 34px !important;
  padding: 3px 9px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  line-height: 26px !important;
}

html body.theme-pearl-blue #createTablePanel .bet-range-config,
html body.theme-pearl-blue #createTablePanel .table-limit-config {
  gap: 8px !important;
}

html body.theme-pearl-blue #createTablePanel .bet-range-config span,
html body.theme-pearl-blue #createTablePanel .table-limit-config span,
html body.theme-pearl-blue #createTablePanel .rake-percent-box span {
  margin-bottom: 3px !important;
  font-size: 12px !important;
}

html body.theme-pearl-blue #createTablePanel .table-limit-config em,
html body.theme-pearl-blue #createTablePanel .rake-note {
  margin-top: 3px !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}

html body.theme-pearl-blue #createTablePanel .companion-input-box { min-height: 34px !important; }

html body.theme-pearl-blue #createTablePanel .rake-options,
html body.theme-pearl-blue #createTablePanel .rule-list {
  gap: 6px !important;
}

html body.theme-pearl-blue #createTablePanel .rake-options label,
html body.theme-pearl-blue #createTablePanel .rule-option {
  min-height: 36px !important;
  padding: 5px 7px !important;
  border-color: #bec8e8 !important;
  border-radius: 8px !important;
  background: #f7f9ff !important;
  color: #314675 !important;
}

html body.theme-pearl-blue #createTablePanel .rake-options label::before,
html body.theme-pearl-blue #createTablePanel .rake-options label::after,
html body.theme-pearl-blue #createTablePanel .rule-option::before,
html body.theme-pearl-blue #createTablePanel .rule-option::after {
  display: none !important;
}

html body.theme-pearl-blue #createTablePanel .rake-options label:has(input:checked),
html body.theme-pearl-blue #createTablePanel .rule-option.active {
  border-color: #8e9bdd !important;
  background: #e1e5fb !important;
  color: #263b72 !important;
  box-shadow: inset 0 0 0 1px rgba(113, 126, 201, .12) !important;
}

html body.theme-pearl-blue #createTablePanel .rake-options label:has(input:checked) span,
html body.theme-pearl-blue #createTablePanel .rule-option.active strong,
html body.theme-pearl-blue #createTablePanel .rule-option.active span {
  border: 0 !important;
  background: transparent !important;
  color: #263b72 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue #createTablePanel .rake-percent-box {
  grid-template-columns: 66px minmax(0, 1fr) 14px !important;
  gap: 5px !important;
  margin-top: 5px !important;
}

html body.theme-pearl-blue #createTablePanel .rule-option span {
  margin-top: 1px !important;
  font-size: 9px !important;
  line-height: 1.1 !important;
}

html body.theme-pearl-blue #createTablePanel #createTableBtn {
  grid-column: 1 / -1 !important;
  min-height: 40px !important;
  height: 40px !important;
  margin-top: 7px !important;
  font-size: 16px !important;
}

@media (max-width: 560px) {
  html body.theme-pearl-blue #createTablePanel.create-table {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 9px !important;
    max-height: calc(100dvh - 64px) !important;
    padding: 5px 10px 8px !important;
  }
  html body.theme-pearl-blue #createTablePanel .table-name-group,
  html body.theme-pearl-blue #createTablePanel #createTableBtn { grid-column: 1 / -1 !important; }
  html body.theme-pearl-blue #createTablePanel .bet-setting-group,
  html body.theme-pearl-blue #createTablePanel .companion-setting-group,
  html body.theme-pearl-blue #createTablePanel .table-limit-group,
  html body.theme-pearl-blue #createTablePanel .rake-setting-group,
  html body.theme-pearl-blue #createTablePanel .game-rule-setting-group { grid-column: auto !important; }
  html body.theme-pearl-blue #createTablePanel .rake-options,
  html body.theme-pearl-blue #createTablePanel .rule-list { grid-template-columns: 1fr !important; }
}

/* Compact rule editor v2: one clean surface instead of nested cards. */
html body.theme-pearl-blue #createTablePanel.create-table {
  grid-template-columns: minmax(0, 1.15fr) minmax(210px, .85fr) !important;
  gap: 0 18px !important;
  padding: 12px 18px 16px !important;
  border: 1px solid rgba(255, 255, 255, .75) !important;
  border-radius: 18px !important;
  background: rgba(244, 247, 255, .94) !important;
  box-shadow: 0 12px 30px rgba(64, 57, 151, .14) !important;
}

html body.theme-pearl-blue #createTablePanel .setting-group {
  min-width: 0 !important;
  padding: 12px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(94, 108, 179, .18) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.theme-pearl-blue #createTablePanel .setting-group > label {
  margin: 0 0 7px !important;
  font-size: 15px !important;
  letter-spacing: 0 !important;
}

html body.theme-pearl-blue #createTablePanel .table-name-group {
  grid-column: 1 / -1 !important;
  grid-template-columns: 88px minmax(0, 1fr) !important;
  gap: 10px !important;
}

html body.theme-pearl-blue #createTablePanel .bet-setting-group { grid-column: 1; }
html body.theme-pearl-blue #createTablePanel .companion-setting-group { grid-column: 2; }

html body.theme-pearl-blue #createTablePanel input,
html body.theme-pearl-blue #createTablePanel .league-name-input,
html body.theme-pearl-blue #createTablePanel .input-row,
html body.theme-pearl-blue #createTablePanel .table-limit-config input,
html body.theme-pearl-blue #createTablePanel .companion-input-box input,
html body.theme-pearl-blue #createTablePanel .rake-percent-box input {
  min-height: 40px !important;
  height: 40px !important;
  padding: 6px 10px !important;
  border: 1px solid #b9c5e8 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #172c5f !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  line-height: 26px !important;
  box-shadow: none !important;
}

html body.theme-pearl-blue #createTablePanel .input-row {
  position: relative;
  padding: 0 !important;
  overflow: visible !important;
}

html body.theme-pearl-blue #createTablePanel .input-row input {
  border: 0 !important;
  background: transparent !important;
}

html body.theme-pearl-blue #createTablePanel .bet-range-config,
html body.theme-pearl-blue #createTablePanel .table-limit-config {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.theme-pearl-blue #createTablePanel .bet-range-config > div,
html body.theme-pearl-blue #createTablePanel .table-limit-config > div,
html body.theme-pearl-blue #createTablePanel .table-limit-config > div::before,
html body.theme-pearl-blue #createTablePanel .table-limit-config > div::after {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.theme-pearl-blue #createTablePanel .table-limit-config em {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  line-height: 1.25 !important;
}

html body.theme-pearl-blue #createTablePanel .companion-input-box {
  grid-template-columns: auto minmax(60px, 1fr) 18px !important;
  min-height: 40px !important;
}

html body.theme-pearl-blue #createTablePanel .table-limit-group,
html body.theme-pearl-blue #createTablePanel .rake-setting-group,
html body.theme-pearl-blue #createTablePanel .game-rule-setting-group {
  grid-column: 1 / -1 !important;
}

html body.theme-pearl-blue #createTablePanel .rake-options label,
html body.theme-pearl-blue #createTablePanel .rule-option {
  min-height: 44px !important;
  padding: 7px 10px !important;
  border-radius: 10px !important;
}

html body.theme-pearl-blue #createTablePanel .rake-percent-box {
  grid-template-columns: 72px minmax(0, 1fr) 18px !important;
  margin-top: 8px !important;
}

html body.theme-pearl-blue #createTablePanel .rake-note { margin-top: 5px !important; }

html body.theme-pearl-blue #createTablePanel #createTableBtn {
  grid-column: 1 / -1 !important;
  position: static !important;
  min-height: 46px !important;
  height: 46px !important;
  margin-top: 12px !important;
  border-radius: 12px !important;
  font-size: 17px !important;
}

@media (max-width: 560px) {
  html body.theme-pearl-blue #createTablePanel.create-table {
    grid-template-columns: 1fr !important;
    padding: 8px 14px 14px !important;
  }
  html body.theme-pearl-blue #createTablePanel .table-name-group,
  html body.theme-pearl-blue #createTablePanel .bet-setting-group,
  html body.theme-pearl-blue #createTablePanel .companion-setting-group,
  html body.theme-pearl-blue #createTablePanel .table-limit-group,
  html body.theme-pearl-blue #createTablePanel .rake-setting-group,
  html body.theme-pearl-blue #createTablePanel .game-rule-setting-group,
  html body.theme-pearl-blue #createTablePanel #createTableBtn { grid-column: 1 !important; }
  html body.theme-pearl-blue #createTablePanel .table-name-group { grid-template-columns: 78px minmax(0, 1fr) !important; }
  html body.theme-pearl-blue #createTablePanel .rake-options,
  html body.theme-pearl-blue #createTablePanel .rule-list { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  html body.theme-pearl-blue #createTablePanel .rule-option span { display: none !important; }
}

/* Final lock for the animated online drawer (must follow legacy modal styles). */
#dragonTigerRoom .dt-online-panel {
  place-items: end start !important;
  padding: 20px !important;
}
#dragonTigerRoom .dt-online-backdrop {
  background: radial-gradient(circle at 12% 88%, rgba(75, 102, 220, .22), transparent 38%), rgba(7, 18, 47, .38) !important;
  animation: dtOnlineBackdropIn .58s ease both !important;
}
#dragonTigerRoom .dt-online-drawer {
  width: min(390px, calc(100vw - 40px)) !important;
  max-height: calc(100dvh - 40px) !important;
  border-color: rgba(116, 207, 255, .62) !important;
  border-radius: 22px 22px 18px 18px !important;
  background: radial-gradient(circle at 12% 0%, rgba(103, 143, 255, .22), transparent 35%), linear-gradient(160deg, rgba(18, 47, 99, .97), rgba(32, 38, 103, .97)) !important;
  box-shadow: 0 0 0 1px rgba(180, 153, 255, .2), 0 0 30px rgba(69, 168, 255, .22), 0 24px 65px rgba(2, 10, 38, .45) !important;
  transform-origin: left bottom !important;
  animation: dtOnlineDrawerRise .72s cubic-bezier(.18, .82, .24, 1) both !important;
}
#dragonTigerRoom .dt-online-drawer::before {
  content: "" !important;
  position: absolute !important;
  z-index: 3 !important;
  left: 50% !important;
  top: 8px !important;
  width: 42px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #65d9ff, #b39aff) !important;
  box-shadow: 0 0 12px rgba(101, 217, 255, .55) !important;
  transform: translateX(-50%) !important;
}
#dragonTigerRoom .dt-online-drawer > header {
  position: relative !important;
  min-height: 64px !important;
  padding: 8px 14px 0 18px !important;
  border-bottom-color: rgba(128, 199, 255, .2) !important;
  background: linear-gradient(90deg, rgba(61, 111, 198, .26), rgba(109, 83, 184, .2)) !important;
}
#dragonTigerRoom .dt-online-drawer > header span { color: #f4f8ff !important; }
#dragonTigerRoom .dt-online-drawer > header b { background: rgba(111, 194, 255, .14) !important; color: #9fe5ff !important; }
#dragonTigerRoom .dt-online-drawer > header button { background: rgba(255, 255, 255, .09) !important; color: #dce9ff !important; }
#dragonTigerRoom .dt-online-list { max-height: calc(100dvh - 104px) !important; padding: 8px 12px 14px !important; }
#dragonTigerRoom .dt-online-user { border-bottom-color: rgba(151, 190, 255, .14) !important; transition: background .2s ease, transform .2s ease !important; }
#dragonTigerRoom .dt-online-user:hover { border-radius: 12px !important; background: rgba(104, 164, 255, .09) !important; transform: translateX(3px) !important; }
#dragonTigerRoom .dt-online-info strong { color: #f3f6ff !important; }
#dragonTigerRoom .dt-online-info em { color: #94acd8 !important; }
#dragonTigerRoom .dt-online-user > b { color: #8bdcff !important; }
#dragonTigerRoom .dt-online-user.is-me { background: linear-gradient(90deg, rgba(74, 176, 255, .16), rgba(126, 99, 221, .12)) !important; box-shadow: inset 3px 0 #69d8ff !important; }
@media (max-width: 430px) {
  #dragonTigerRoom .dt-online-panel { padding: 10px !important; }
  #dragonTigerRoom .dt-online-drawer { width: min(360px, calc(100vw - 20px)) !important; max-height: calc(100dvh - 20px) !important; }
}

/* Final animation state: ordinary re-renders remain still. */
#dragonTigerRoom .dt-online-backdrop,
#dragonTigerRoom .dt-online-drawer { animation: none !important; }
#dragonTigerRoom .dt-online-panel.opening .dt-online-backdrop { animation: dtOnlineBackdropIn .58s ease both !important; }
#dragonTigerRoom .dt-online-panel.opening .dt-online-drawer { animation: dtOnlineDrawerRise .72s cubic-bezier(.18, .82, .24, 1) both !important; }

/* Neon instrument-style countdown. */
#dragonTigerRoom .dt-dom-count {
  isolation: isolate !important;
  top: 64px !important;
  width: 64px !important;
  height: 64px !important;
  border: 2px solid rgba(143, 230, 255, .9) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 38% 28%, rgba(143, 235, 255, .42), transparent 27%),
    radial-gradient(circle, #126da6 0%, #0b538d 54%, #092d64 100%) !important;
  color: #f8fcff !important;
  font-size: 29px !important;
  font-weight: 950 !important;
  letter-spacing: -1px !important;
  text-shadow: 0 0 8px rgba(195, 244, 255, .9), 0 2px 3px rgba(2, 22, 57, .55) !important;
  box-shadow:
    0 0 0 4px rgba(65, 157, 255, .16),
    0 0 22px rgba(52, 195, 255, .7),
    inset 0 0 17px rgba(107, 221, 255, .34),
    inset 0 -8px 16px rgba(5, 29, 76, .36) !important;
  animation: dtCountFloat 2.2s ease-in-out infinite !important;
}

#dragonTigerRoom .dt-dom-count::before {
  content: "" !important;
  position: absolute !important;
  inset: -9px !important;
  z-index: 0 !important;
  border: 2px dashed rgba(116, 216, 255, .72) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 12px rgba(80, 190, 255, .4) !important;
  animation: dtCountOrbit 5.5s linear infinite !important;
}

#dragonTigerRoom .dt-dom-count::after {
  content: "" !important;
  position: absolute !important;
  inset: 5px !important;
  z-index: 0 !important;
  border: 1px solid rgba(203, 247, 255, .34) !important;
  border-top-color: rgba(238, 253, 255, .9) !important;
  border-radius: 50% !important;
  box-shadow: inset 0 0 9px rgba(126, 225, 255, .22) !important;
  animation: dtCountOrbit 3.2s linear infinite reverse !important;
}

#dragonTigerRoom .dt-dom-count.urgent {
  border-color: #ffd17d !important;
  background:
    radial-gradient(circle at 38% 28%, rgba(255, 232, 160, .5), transparent 27%),
    radial-gradient(circle, #ef8b31 0%, #c84d31 58%, #6f1f3d 100%) !important;
  text-shadow: 0 0 9px rgba(255, 242, 186, .95), 0 2px 3px rgba(70, 16, 26, .55) !important;
  box-shadow: 0 0 0 4px rgba(255, 143, 72, .18), 0 0 26px rgba(255, 99, 62, .76), inset 0 0 16px rgba(255, 207, 116, .32) !important;
  animation: dtCountUrgent .72s ease-in-out infinite !important;
}

#dragonTigerRoom .dt-dom-count.urgent::before {
  border-color: rgba(255, 190, 94, .82) !important;
  box-shadow: 0 0 15px rgba(255, 91, 57, .54) !important;
}

@keyframes dtCountOrbit { to { transform: rotate(360deg); } }
@keyframes dtCountFloat {
  0%, 100% { transform: translateX(-50%) translateY(0) scale(1); }
  50% { transform: translateX(-50%) translateY(-2px) scale(1.025); }
}
@keyframes dtCountUrgent {
  0%, 100% { transform: translateX(-50%) scale(1); filter: brightness(1); }
  50% { transform: translateX(-50%) scale(1.09); filter: brightness(1.18); }
}

@media (prefers-reduced-motion: reduce) {
  #dragonTigerRoom .dt-dom-count,
  #dragonTigerRoom .dt-dom-count::before,
  #dragonTigerRoom .dt-dom-count::after { animation: none !important; }
}

/* Final lock: unified luminous footer, after all legacy footer rules. */
#dragonTigerRoom .dt-dom-footer {
  border-color: rgba(158, 226, 255, .72) !important;
  background: radial-gradient(circle at 18% 0%, rgba(129, 224, 255, .25), transparent 32%), radial-gradient(circle at 82% 100%, rgba(185, 142, 255, .24), transparent 38%), linear-gradient(125deg, #4488c2 0%, #527fc6 48%, #6b70c7 100%) !important;
  box-shadow: 0 -9px 28px rgba(65, 169, 235, .24), 0 0 20px rgba(122, 128, 239, .18), inset 0 1px rgba(255,255,255,.45), inset 0 -12px 24px rgba(48,52,137,.14) !important;
}
#dragonTigerRoom .dt-dom-footer::before {
  left: 96px !important; right: 12px !important; top: 9px !important; height: 56px !important;
  border: 1px solid rgba(218,242,255,.38) !important; border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.17), rgba(224,236,255,.08)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.28), 0 5px 15px rgba(35,58,135,.1) !important;
}
#dragonTigerRoom .dt-dom-footer::after {
  content: "" !important; position: absolute !important; inset: 3px !important; z-index: 0 !important; display: block !important;
  border: 1px solid rgba(220,245,255,.18) !important; border-radius: 21px !important; background: transparent !important;
  box-shadow: inset 0 0 18px rgba(143,217,255,.09) !important; pointer-events: none !important;
}
#dragonTigerRoom .dt-dom-footer .dt-dom-user { z-index: 3 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
#dragonTigerRoom .dt-dom-footer .dt-dom-user::before,
#dragonTigerRoom .dt-dom-footer .dt-dom-user::after { display: none !important; content: none !important; }
#dragonTigerRoom .dt-dom-footer .dt-dom-user-meta strong { color: #fff !important; text-shadow: 0 1px 5px rgba(29,47,112,.28) !important; }
#dragonTigerRoom .dt-dom-footer .dt-dom-user-meta b { color: #fff3a1 !important; text-shadow: 0 1px 5px rgba(53,50,111,.3) !important; }
#dragonTigerRoom .dt-dom-footer .dt-dom-online { border-color: rgba(127,255,224,.66) !important; background: rgba(32,121,145,.36) !important; color: #eafff9 !important; box-shadow: 0 0 10px rgba(91,244,213,.15), inset 0 1px rgba(255,255,255,.2) !important; }
#dragonTigerRoom .dt-dom-footer .dt-dom-chips { position: relative !important; z-index: 3 !important; background: transparent !important; }
#dragonTigerRoom .dt-dom-footer .dt-dom-room-no { z-index: 3 !important; color: rgba(244,249,255,.82) !important; text-shadow: 0 1px 5px rgba(32,44,111,.32) !important; }
#dragonTigerRoom .dt-dom-footer .dt-dom-chip { filter: drop-shadow(0 4px 5px rgba(25,38,104,.22)) saturate(1.06) !important; }
#dragonTigerRoom .dt-dom-footer .dt-dom-chip.active { filter: drop-shadow(0 0 9px rgba(255,244,123,.75)) saturate(1.12) !important; }
@media (max-width: 430px) {
  #dragonTigerRoom .dt-dom-footer::before { left: 78px !important; right: 8px !important; top: 8px !important; height: 46px !important; }
}

/* Slow sequential 3D card reveal. */
#dragonTigerRoom.dragon-dom-room .dt-dom-cards {
  perspective: 900px !important;
  transform-style: preserve-3d !important;
}
#dragonTigerRoom.dragon-dom-room .dt-dom-cards .dt-card.flipping {
  transform-origin: center center !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  animation: dtSlowCardReveal 1.18s cubic-bezier(.18, .72, .22, 1) both !important;
}
#dragonTigerRoom.dragon-dom-room .dt-dom-cards .dt-card.flipping::before {
  content: "" !important;
  position: absolute !important;
  inset: -30% -70% !important;
  z-index: 5 !important;
  display: block !important;
  background: linear-gradient(110deg, transparent 35%, rgba(255,255,255,.68) 49%, transparent 63%) !important;
  transform: translateX(-80%) !important;
  animation: dtCardRevealShine 1.18s ease both !important;
  pointer-events: none !important;
}
@keyframes dtSlowCardReveal {
  0% { opacity: .25; transform: rotateY(-92deg) scale(.92); filter: brightness(.7) blur(1px); }
  38% { opacity: .72; transform: rotateY(-48deg) scale(.97); filter: brightness(.9) blur(.4px); }
  76% { opacity: 1; transform: rotateY(7deg) scale(1.025); filter: brightness(1.1) blur(0); }
  100% { opacity: 1; transform: rotateY(0deg) scale(1); filter: brightness(1) blur(0); }
}
@keyframes dtCardRevealShine {
  0%, 32% { transform: translateX(-85%); opacity: 0; }
  54% { opacity: .9; }
  100% { transform: translateX(85%); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  #dragonTigerRoom.dragon-dom-room .dt-dom-cards .dt-card.flipping,
  #dragonTigerRoom.dragon-dom-room .dt-dom-cards .dt-card.flipping::before { animation-duration: .01ms !important; }
}

/* Final footer continuity lock. */
#dragonTigerRoom .dt-dom-footer::before {
  display: none !important;
  content: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#dragonTigerRoom .dt-dom-footer .dt-dom-user {
  border-right: 0 !important;
  outline: 0 !important;
}

/* Final create-table scroll lock release for mobile browsers. */
html body.theme-pearl-blue #createTablePanel.create-table:not(.hidden) {
  max-height: calc(100dvh - 84px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
}

@supports not (height: 100dvh) {
  html body.theme-pearl-blue #createTablePanel.create-table:not(.hidden) {
    max-height: calc(100vh - 84px) !important;
  }
}

@media (max-width: 560px) {
  html body.theme-pearl-blue #createTablePanel.create-table:not(.hidden) {
    max-height: calc(100dvh - 72px) !important;
    padding-bottom: max(16px, env(safe-area-inset-bottom)) !important;
  }
}

/* Keep the league ID line in the empty table card one consistent color. */
html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-empty span,
html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-empty span * {
  color: #5f6f9b !important;
  -webkit-text-fill-color: #5f6f9b !important;
  text-shadow: none !important;
}

/* Final mobile scroll fix for the league table list. */
html body.theme-pearl-blue #clubPage.club-page:not(.hidden) {
  display: flex !important;
  flex-direction: column !important;
  height: 100dvh !important;
  min-height: 0 !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
}

html body.theme-pearl-blue #clubPage.club-page > .topbar,
html body.theme-pearl-blue #clubPage.club-page > .bottom-nav,
html body.theme-pearl-blue #clubPage.club-page .club-league-summary,
html body.theme-pearl-blue #clubPage.club-page .club-game-tabs {
  flex: 0 0 auto !important;
}

html body.theme-pearl-blue #clubPage.club-page > .club-panel {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
  padding-bottom: max(18px, env(safe-area-inset-bottom)) !important;
}

@supports not (height: 100dvh) {
  html body.theme-pearl-blue #clubPage.club-page:not(.hidden) {
    height: 100vh !important;
    max-height: 100vh !important;
  }
}

/* Remove the extra card panels behind lobby tables. */
html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-table-card,
html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-table-card::before,
html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-table-card::after {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-table-card {
  margin: 4px auto 18px !important;
}

/* Restore the table card layout after removing the visual shell. */
html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-table-card {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 260px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 0 18px !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-table-card .club-table-scene {
  flex: 0 0 auto !important;
  width: min(92vw, 560px) !important;
  max-width: 100% !important;
}

/* Final light panels: league drawer + personal records should match the pearl-blue theme. */
html body.theme-pearl-blue .league-drawer-mask {
  background: rgba(99, 125, 226, .12) !important;
  backdrop-filter: blur(4px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(4px) saturate(1.05) !important;
}

html body.theme-pearl-blue .league-switch-drawer {
  border: 1px solid rgba(255, 255, 255, .74) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, .82), transparent 35%),
    linear-gradient(160deg, rgba(236, 242, 255, .98), rgba(204, 216, 252, .97) 58%, rgba(187, 196, 246, .98)) !important;
  color: #253a76 !important;
  box-shadow: 16px 0 36px rgba(58, 70, 156, .18), inset 0 1px rgba(255, 255, 255, .9) !important;
}

html body.theme-pearl-blue .league-drawer-head {
  border-bottom: 1px solid rgba(92, 112, 190, .18) !important;
  background: rgba(255, 255, 255, .24) !important;
}

html body.theme-pearl-blue .league-drawer-head span {
  color: #31509a !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue .league-drawer-head button {
  border: 1px solid rgba(104, 123, 205, .28) !important;
  background: rgba(255, 255, 255, .52) !important;
  color: #5b64a8 !important;
}

html body.theme-pearl-blue .league-drawer-list button {
  border: 1px solid rgba(103, 124, 201, .28) !important;
  background: rgba(255, 255, 255, .58) !important;
  color: #273d78 !important;
  box-shadow: 0 7px 16px rgba(72, 81, 160, .08) !important;
}

html body.theme-pearl-blue .league-drawer-list button.active {
  border-color: rgba(255, 222, 128, .96) !important;
  background: linear-gradient(135deg, rgba(255, 232, 152, .94), rgba(255, 205, 89, .88)) !important;
  color: #5a3908 !important;
}

html body.theme-pearl-blue .league-drawer-list button span,
html body.theme-pearl-blue .league-drawer-list button small {
  color: inherit !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue .league-dropdown-join {
  border-color: rgba(255, 229, 146, .9) !important;
  background: linear-gradient(180deg, #ffe58e, #efb849) !important;
  color: #5d3b08 !important;
  box-shadow: 0 8px 18px rgba(154, 101, 31, .16) !important;
}

html body.theme-pearl-blue #personalRecordOverlay.personal-record-overlay {
  background: rgba(94, 116, 216, .18) !important;
  backdrop-filter: blur(8px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.08) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-card {
  border: 1px solid rgba(255, 255, 255, .74) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, .82), transparent 35%),
    linear-gradient(160deg, rgba(236, 242, 255, .98), rgba(204, 216, 252, .97) 58%, rgba(187, 196, 246, .98)) !important;
  color: #263c78 !important;
  box-shadow: 0 18px 42px rgba(58, 70, 156, .2), inset 0 1px rgba(255, 255, 255, .9) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-card > span {
  color: #31509a !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-close {
  border: 1px solid rgba(104, 123, 205, .28) !important;
  background: rgba(255, 255, 255, .52) !important;
  color: #5b64a8 !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-tabs {
  border: 1px solid rgba(115, 132, 209, .26) !important;
  background: rgba(255, 255, 255, .52) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .68) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-tabs button {
  color: #40548b !important;
  background: transparent !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-tabs button.active {
  background: linear-gradient(180deg, #ffe58e, #efb849) !important;
  color: #5d3b08 !important;
  box-shadow: 0 5px 13px rgba(154, 101, 31, .16) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-row {
  border-bottom-color: rgba(91, 113, 190, .18) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-row strong {
  color: #233975 !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-row span {
  color: #6878a3 !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-empty {
  color: #5e6f9c !important;
}
/* EOF lobby table seating lock: keep avatars close to the table rim. */
html body.theme-pearl-blue #clubPage .club-table-card .club-seat {
  transform: none !important;
}
html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s1 { left: 84px !important; top: 84px !important; }
html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s2 { left: 132px !important; top: 42px !important; }
html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s3 { left: 50% !important; top: 28px !important; margin-left: -17px !important; }
html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s4 { right: 132px !important; top: 42px !important; }
html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s5 { right: 84px !important; top: 84px !important; }
html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s6 { left: 84px !important; top: 142px !important; }
html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s7 { right: 84px !important; top: 142px !important; }
html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s8 { left: 132px !important; top: 176px !important; }
html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s9 { left: 50% !important; top: 184px !important; margin-left: -17px !important; }
html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s10 { right: 132px !important; top: 176px !important; }
@media (max-width: 560px) {
  html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s1 { left: 15% !important; top: 32% !important; }
  html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s2 { left: 24% !important; top: 16% !important; }
  html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s3 { left: 50% !important; top: 11% !important; }
  html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s4 { right: 24% !important; top: 16% !important; }
  html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s5 { right: 15% !important; top: 32% !important; }
  html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s6 { left: 15% !important; top: 54% !important; }
  html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s7 { right: 15% !important; top: 54% !important; }
  html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s8 { left: 24% !important; top: 68% !important; }
  html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s9 { left: 50% !important; top: 71% !important; }
  html body.theme-pearl-blue #clubPage .club-table-card .club-seat.s10 { right: 24% !important; top: 68% !important; }
}

/* EOF light league drawer lock: remove the remaining dark purple panel. */
html body.theme-pearl-blue .league-switch-shell.open .league-switch-drawer,
html body.theme-pearl-blue .league-switch-drawer {
  border: 1px solid rgba(255, 255, 255, .86) !important;
  background:
    radial-gradient(circle at 20% 4%, rgba(255, 255, 255, .95), transparent 31%),
    linear-gradient(156deg, #eef4ff 0%, #d7e2ff 45%, #c8d0fb 100%) !important;
  color: #253b76 !important;
  box-shadow: 16px 0 34px rgba(75, 91, 184, .20), inset 0 1px rgba(255,255,255,.96) !important;
}

html body.theme-pearl-blue .league-switch-drawer::before,
html body.theme-pearl-blue .league-switch-drawer::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.theme-pearl-blue .league-drawer-head {
  min-height: 48px !important;
  border-bottom: 1px solid rgba(95, 115, 198, .20) !important;
  background: rgba(255, 255, 255, .34) !important;
}

html body.theme-pearl-blue .league-drawer-head span {
  color: #2d4d9c !important;
  -webkit-text-fill-color: #2d4d9c !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue .league-drawer-head button {
  border: 1px solid rgba(99, 121, 205, .30) !important;
  background: rgba(255, 255, 255, .64) !important;
  color: #6171b7 !important;
}

html body.theme-pearl-blue .league-drawer-list button {
  border: 1px solid rgba(98, 120, 205, .34) !important;
  background: rgba(255, 255, 255, .68) !important;
  color: #273d78 !important;
  box-shadow: 0 8px 18px rgba(83, 96, 185, .10) !important;
}

html body.theme-pearl-blue .league-drawer-list button.active {
  border-color: rgba(255, 223, 131, .98) !important;
  background: linear-gradient(135deg, rgba(255, 236, 169, .96), rgba(252, 199, 80, .90)) !important;
  color: #5a3908 !important;
}

/* EOF league team settings redesign: light, refined, and consistent with the pearl-blue theme. */
html body.theme-pearl-blue .league-settings-overlay {
  background: rgba(95, 119, 225, .24) !important;
  backdrop-filter: blur(8px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.08) !important;
}

html body.theme-pearl-blue .league-settings-card {
  border: 1px solid rgba(255, 255, 255, .78) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, .88), transparent 30%),
    linear-gradient(160deg, #eef4ff 0%, #d6e1ff 48%, #c4ccfb 100%) !important;
  color: #273e7d !important;
  box-shadow: 0 20px 48px rgba(71, 85, 178, .22), inset 0 1px rgba(255,255,255,.96) !important;
}

html body.theme-pearl-blue .league-settings-close {
  border: 1px solid rgba(101, 122, 204, .28) !important;
  background: rgba(255, 255, 255, .55) !important;
  color: #6472ba !important;
  box-shadow: 0 5px 14px rgba(83, 96, 185, .12) !important;
}

html body.theme-pearl-blue .league-settings-hero {
  border-bottom: 1px solid rgba(99, 119, 203, .18) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0)) !important;
}

html body.theme-pearl-blue .league-settings-hero span {
  color: #f1c552 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.55) !important;
}

html body.theme-pearl-blue .league-settings-hero strong,
html body.theme-pearl-blue .league-settings-hero em {
  color: #31509a !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue .league-settings-section {
  color: #273e7d !important;
}

html body.theme-pearl-blue .league-settings-back {
  border: 1px solid rgba(115, 135, 215, .24) !important;
  background: rgba(255,255,255,.46) !important;
  color: #4660aa !important;
  box-shadow: inset 0 1px rgba(255,255,255,.72) !important;
}

html body.theme-pearl-blue .league-team-page h3 {
  color: #31509a !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue .league-team-page h3 b {
  border: 0 !important;
  background: linear-gradient(135deg, #6c78d9, #7ea8ff) !important;
  color: #fff !important;
  box-shadow: 0 8px 16px rgba(93, 105, 204, .18) !important;
}

html body.theme-pearl-blue .league-invite-box,
html body.theme-pearl-blue .league-point-form,
html body.theme-pearl-blue .league-team-list {
  border: 1px solid rgba(113, 133, 214, .24) !important;
  background: rgba(255, 255, 255, .50) !important;
  box-shadow: 0 10px 22px rgba(89, 104, 194, .10), inset 0 1px rgba(255,255,255,.74) !important;
}

html body.theme-pearl-blue .league-invite-box span {
  color: #31509a !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue .league-invite-box input,
html body.theme-pearl-blue .league-point-form input {
  border: 1px solid rgba(103, 123, 204, .26) !important;
  background: rgba(255, 255, 255, .82) !important;
  color: #263b77 !important;
  box-shadow: inset 0 2px 6px rgba(82, 98, 184, .08) !important;
}

html body.theme-pearl-blue .league-invite-box input::selection,
html body.theme-pearl-blue .league-point-form input::selection {
  background: rgba(255, 214, 92, .55) !important;
  color: #263b77 !important;
}

html body.theme-pearl-blue .league-invite-box button,
html body.theme-pearl-blue .league-point-form button,
html body.theme-pearl-blue .league-team-form button {
  border: 1px solid rgba(255, 225, 143, .92) !important;
  background: linear-gradient(180deg, #ffe690, #efbb49) !important;
  color: #68430a !important;
  box-shadow: 0 8px 16px rgba(156, 104, 30, .14), inset 0 1px rgba(255,255,255,.64) !important;
}

html body.theme-pearl-blue .league-team-form {
  display: grid !important;
  grid-template-columns: 1fr 110px 108px !important;
  gap: 10px !important;
  align-items: center !important;
}

html body.theme-pearl-blue .league-team-row {
  border: 1px solid rgba(110, 130, 210, .22) !important;
  background: rgba(255, 255, 255, .58) !important;
  color: #273e7d !important;
  box-shadow: 0 6px 14px rgba(83, 96, 185, .08) !important;
}

html body.theme-pearl-blue .league-team-row strong,
html body.theme-pearl-blue .league-team-row span,
html body.theme-pearl-blue .league-team-row small {
  color: inherit !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue .league-team-row .team-role,
html body.theme-pearl-blue .league-team-row b {
  color: #6a7bb5 !important;
}

html body.theme-pearl-blue .league-settings-card > button:last-child,
html body.theme-pearl-blue .league-settings-section + button,
html body.theme-pearl-blue .league-settings-card .league-settings-close + * ~ button:not(.league-settings-back):not([data-team-invite-copy]):not([data-team-rate-save]) {
  border-color: rgba(113, 133, 214, .22) !important;
  background: rgba(255,255,255,.36) !important;
  color: #445ca7 !important;
}

/* EOF 105: soften Team Point subpage form/member rows, remove square-edge feel. */
html body.theme-pearl-blue .league-team-page .league-point-form.league-team-form {
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .58) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.62), rgba(220,230,255,.48)) !important;
  box-shadow: 0 10px 22px rgba(88, 105, 198, .10), inset 0 1px rgba(255,255,255,.78) !important;
}

html body.theme-pearl-blue .league-team-page .league-point-form.league-team-form input {
  height: 36px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(115, 136, 216, .20) !important;
  background: rgba(255,255,255,.86) !important;
  box-shadow: inset 0 1px 5px rgba(80, 97, 184, .06) !important;
}

html body.theme-pearl-blue .league-team-page .league-point-form.league-team-form button {
  height: 36px !important;
  border-radius: 13px !important;
}

html body.theme-pearl-blue .league-team-page .league-team-list {
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .58) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.58), rgba(220,230,255,.44)) !important;
  box-shadow: 0 10px 22px rgba(88, 105, 198, .10), inset 0 1px rgba(255,255,255,.76) !important;
}

html body.theme-pearl-blue .league-team-page .league-team-row {
  margin: 0 !important;
  border-width: 0 0 1px !important;
  border-style: solid !important;
  border-color: rgba(113, 133, 214, .16) !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,.38) !important;
  box-shadow: none !important;
}

html body.theme-pearl-blue .league-team-page .league-team-row:first-child {
  border-top-left-radius: 16px !important;
  border-top-right-radius: 16px !important;
}

html body.theme-pearl-blue .league-team-page .league-team-row:last-child {
  border-bottom: 0 !important;
  border-bottom-left-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
}

html body.theme-pearl-blue .league-team-page .league-team-row i {
  border-radius: 14px !important;
  box-shadow: inset 0 1px rgba(255,255,255,.68), 0 5px 10px rgba(115, 101, 188, .12) !important;
}

/* EOF 106: light pearl-blue online users drawer. */
html body.theme-pearl-blue #dragonTigerRoom .dt-online-backdrop,
html body #dragonTigerRoom .dt-online-backdrop {
  background: rgba(82, 105, 210, .18) !important;
  backdrop-filter: blur(5px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(5px) saturate(1.08) !important;
}

html body.theme-pearl-blue #dragonTigerRoom .dt-online-drawer,
html body #dragonTigerRoom .dt-online-drawer {
  border: 1px solid rgba(255,255,255,.72) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.82), transparent 30%),
    linear-gradient(160deg, rgba(236,243,255,.96), rgba(202,216,255,.94) 48%, rgba(181,188,248,.94)) !important;
  color: #294482 !important;
  box-shadow: 0 20px 46px rgba(76, 91, 185, .24), inset 0 1px rgba(255,255,255,.84) !important;
}

html body.theme-pearl-blue #dragonTigerRoom .dt-online-drawer::before,
html body #dragonTigerRoom .dt-online-drawer::before {
  background: linear-gradient(90deg, transparent, rgba(102, 215, 255, .92), rgba(255, 230, 145, .70), transparent) !important;
  opacity: .9 !important;
}

html body.theme-pearl-blue #dragonTigerRoom .dt-online-drawer > header,
html body #dragonTigerRoom .dt-online-drawer > header {
  border-bottom: 1px solid rgba(103, 123, 204, .18) !important;
  background: rgba(255,255,255,.36) !important;
}

html body.theme-pearl-blue #dragonTigerRoom .dt-online-drawer > header span,
html body #dragonTigerRoom .dt-online-drawer > header span {
  color: #273f82 !important;
  -webkit-text-fill-color: #273f82 !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue #dragonTigerRoom .dt-online-drawer > header b,
html body #dragonTigerRoom .dt-online-drawer > header b {
  background: linear-gradient(135deg, rgba(125,160,255,.20), rgba(255,255,255,.46)) !important;
  color: #4d65b5 !important;
  -webkit-text-fill-color: #4d65b5 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.62) !important;
}

html body.theme-pearl-blue #dragonTigerRoom .dt-online-drawer > header button,
html body #dragonTigerRoom .dt-online-drawer > header button {
  border: 1px solid rgba(101, 122, 204, .24) !important;
  background: rgba(255,255,255,.58) !important;
  color: #6270b6 !important;
  -webkit-text-fill-color: #6270b6 !important;
}

html body.theme-pearl-blue #dragonTigerRoom .dt-online-list,
html body #dragonTigerRoom .dt-online-list {
  background: transparent !important;
}

html body.theme-pearl-blue #dragonTigerRoom .dt-online-user,
html body #dragonTigerRoom .dt-online-user {
  border-bottom: 1px solid rgba(104, 124, 206, .16) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.theme-pearl-blue #dragonTigerRoom .dt-online-user:hover,
html body #dragonTigerRoom .dt-online-user:hover {
  border-radius: 14px !important;
  background: rgba(255,255,255,.38) !important;
  transform: translateX(3px) !important;
}

html body.theme-pearl-blue #dragonTigerRoom .dt-online-user.is-me,
html body #dragonTigerRoom .dt-online-user.is-me {
  border: 1px solid rgba(100, 213, 255, .58) !important;
  border-radius: 14px !important;
  background: linear-gradient(90deg, rgba(115, 214, 255, .28), rgba(255,255,255,.32)) !important;
  box-shadow: inset 3px 0 #69d8ff, 0 8px 18px rgba(91, 113, 205, .10) !important;
}

html body.theme-pearl-blue #dragonTigerRoom .dt-online-info strong,
html body #dragonTigerRoom .dt-online-info strong {
  color: #253f81 !important;
  -webkit-text-fill-color: #253f81 !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue #dragonTigerRoom .dt-online-info em,
html body #dragonTigerRoom .dt-online-info em {
  color: #6073ad !important;
  -webkit-text-fill-color: #6073ad !important;
}

html body.theme-pearl-blue #dragonTigerRoom .dt-online-user > b,
html body #dragonTigerRoom .dt-online-user > b {
  color: #2376ba !important;
  -webkit-text-fill-color: #2376ba !important;
  text-shadow: none !important;
}

/* EOF 107: make footer online badge and room badge the same height. */
html body #dragonTigerRoom .dt-dom-footer .dt-dom-online,
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-footer .dt-dom-online,
html body #dragonTigerRoom .dt-dom-footer .dt-dom-room-no,
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-footer .dt-dom-room-no {
  min-height: 22px !important;
  height: 22px !important;
  line-height: 20px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(119, 224, 255, .66) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.18) !important;
  color: #eef8ff !important;
  box-shadow: inset 0 1px rgba(255,255,255,.28), 0 3px 8px rgba(66, 87, 190, .10) !important;
  text-shadow: 0 1px 4px rgba(46, 66, 150, .18) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body #dragonTigerRoom .dt-dom-footer .dt-dom-online,
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-footer .dt-dom-online {
  font-size: 10px !important;
  font-weight: 800 !important;
}

html body #dragonTigerRoom .dt-dom-footer .dt-dom-room-no,
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-footer .dt-dom-room-no {
  font-size: 11px !important;
  font-weight: 800 !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 10px !important;
  transform: translateX(-50%) !important;
}

/* EOF 108: deepen side-player round win/loss numbers for readability. */
html body #dragonTigerRoom .dt-dom-players .dt-side-player > b,
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-players .dt-side-player > b {
  font-weight: 1000 !important;
  color: #d36b00 !important;
  -webkit-text-fill-color: #d36b00 !important;
  -webkit-text-stroke: .45px rgba(255, 244, 196, .82) !important;
  text-shadow: 0 1px 0 rgba(255, 238, 160, .86), 0 2px 5px rgba(102, 52, 0, .25) !important;
}

html body #dragonTigerRoom .dt-dom-players .dt-side-player > b.win,
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-players .dt-side-player > b.win {
  color: #d36b00 !important;
  -webkit-text-fill-color: #d36b00 !important;
}

html body #dragonTigerRoom .dt-dom-players .dt-side-player > b.lose,
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-players .dt-side-player > b.lose {
  color: #087eb4 !important;
  -webkit-text-fill-color: #087eb4 !important;
  -webkit-text-stroke: .45px rgba(221, 250, 255, .80) !important;
  text-shadow: 0 1px 0 rgba(218, 250, 255, .82), 0 2px 5px rgba(0, 67, 110, .24) !important;
}

@media (max-width: 560px) {
  html body.theme-pearl-blue .league-settings-card {
    width: min(94vw, 560px) !important;
  }
  html body.theme-pearl-blue .league-team-form {
    grid-template-columns: 1fr 82px !important;
  }
  html body.theme-pearl-blue .league-team-form button {
    grid-column: 1 / -1 !important;
  }
}

/* EOF league settings home redesign: medium pearl-blue tone, no stark white or dark blocks. */
html body.theme-pearl-blue .league-settings-card {
  background:
    radial-gradient(circle at 22% 0%, rgba(255, 255, 255, .44), transparent 32%),
    linear-gradient(160deg, #c4d5ff 0%, #aebfff 45%, #918cea 100%) !important;
  border-color: rgba(255, 255, 255, .70) !important;
  box-shadow: 0 22px 46px rgba(73, 83, 177, .28), inset 0 1px rgba(255,255,255,.62) !important;
}

html body.theme-pearl-blue .league-settings-hero {
  border-bottom: 1px solid rgba(255, 255, 255, .32) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.04)) !important;
}

html body.theme-pearl-blue .league-settings-hero span {
  color: #ffe584 !important;
  text-shadow: 0 2px 6px rgba(74, 72, 166, .24) !important;
}

html body.theme-pearl-blue .league-settings-hero strong {
  color: #ffffff !important;
  text-shadow: 0 2px 9px rgba(62, 72, 160, .28) !important;
}

html body.theme-pearl-blue .league-settings-hero em {
  color: rgba(255,255,255,.88) !important;
  text-shadow: 0 1px 5px rgba(62, 72, 160, .18) !important;
}

html body.theme-pearl-blue .league-settings-home {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  padding: 22px 18px 14px !important;
}

html body.theme-pearl-blue .league-settings-tile {
  min-height: 84px !important;
  padding: 14px 14px !important;
  border: 1px solid rgba(255, 255, 255, .46) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.40), transparent 36%),
    linear-gradient(135deg, rgba(118, 146, 238, .94), rgba(104, 102, 214, .94)) !important;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(70, 76, 174, .24), inset 0 1px rgba(255,255,255,.48) !important;
}

html body.theme-pearl-blue .league-settings-tile:nth-child(2) {
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.38), transparent 36%),
    linear-gradient(135deg, rgba(132, 122, 230, .94), rgba(103, 96, 207, .94)) !important;
}

html body.theme-pearl-blue .league-settings-tile:nth-child(3) {
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.38), transparent 36%),
    linear-gradient(135deg, rgba(95, 153, 224, .94), rgba(92, 103, 214, .94)) !important;
}

html body.theme-pearl-blue .league-settings-tile i {
  border: 1px solid rgba(255,255,255,.64) !important;
  background: linear-gradient(180deg, #ffe78f, #efb944) !important;
  color: #644106 !important;
  box-shadow: 0 6px 13px rgba(119, 79, 26, .16), inset 0 1px rgba(255,255,255,.70) !important;
}

html body.theme-pearl-blue .league-settings-tile span,
html body.theme-pearl-blue .league-settings-tile small {
  color: #fff !important;
  text-shadow: 0 1px 5px rgba(54, 62, 143, .26) !important;
}

html body.theme-pearl-blue .league-settings-tile em,
html body.theme-pearl-blue .league-settings-tile > b {
  border: 1px solid rgba(255,255,255,.30) !important;
  background: rgba(255,255,255,.18) !important;
  color: #fff7b7 !important;
}

html body.theme-pearl-blue .league-settings-card > button:last-child {
  margin: 0 18px 18px !important;
  border: 1px solid rgba(255,255,255,.40) !important;
  background: rgba(255,255,255,.22) !important;
  color: #fff !important;
  box-shadow: inset 0 1px rgba(255,255,255,.36) !important;
}

@media (max-width: 560px) {
  html body.theme-pearl-blue .league-settings-home {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 16px 14px 12px !important;
  }
  html body.theme-pearl-blue .league-settings-tile {
    min-height: 74px !important;
  }
}

/* EOF exact league settings mockup: single white list card with three refined rows. */
html body.theme-pearl-blue .league-settings-overlay {
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.34), transparent 30%),
    linear-gradient(160deg, #d9e5ff 0%, #b6c7ff 46%, #9088ee 100%) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.theme-pearl-blue .league-settings-card {
  width: min(92vw, 620px) !important;
  min-height: 100dvh !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body.theme-pearl-blue .league-settings-close {
  top: 28px !important;
  right: 24px !important;
  width: 48px !important;
  height: 48px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.72) !important;
  color: #4a4aa4 !important;
  font-size: 34px !important;
  line-height: 44px !important;
  box-shadow: 0 8px 18px rgba(86, 94, 188, .16), inset 0 1px rgba(255,255,255,.85) !important;
}

html body.theme-pearl-blue .league-settings-hero {
  height: 118px !important;
  padding: 54px 72px 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: center !important;
}

html body.theme-pearl-blue .league-settings-hero span {
  display: block !important;
  color: #ffdf72 !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
  text-shadow: 0 2px 8px rgba(111, 100, 188, .26), 0 1px rgba(255,255,255,.62) !important;
}

html body.theme-pearl-blue .league-settings-hero strong,
html body.theme-pearl-blue .league-settings-hero em {
  display: none !important;
}

html body.theme-pearl-blue .league-settings-home {
  width: min(86vw, 540px) !important;
  margin: 42px auto 0 !important;
  padding: 24px 28px !important;
  display: block !important;
  border: 1px solid rgba(255,255,255,.86) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(255,255,255,.96), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.90), rgba(242,246,255,.78)) !important;
  box-shadow: 0 20px 42px rgba(85, 94, 190, .18), inset 0 1px rgba(255,255,255,.96) !important;
}

html body.theme-pearl-blue .league-settings-tile {
  position: relative !important;
  min-height: 118px !important;
  width: 100% !important;
  padding: 22px 154px 22px 104px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: center !important;
  gap: 7px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #2f4590 !important;
  box-shadow: none !important;
  text-align: left !important;
}

html body.theme-pearl-blue .league-settings-tile + .league-settings-tile {
  border-top: 1px solid rgba(107, 122, 174, .20) !important;
}

html body.theme-pearl-blue .league-settings-tile i {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  width: 70px !important;
  height: 70px !important;
  margin: -35px 0 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,255,255,.86) !important;
  border-radius: 16px !important;
  background: linear-gradient(160deg, #fff2a6 0%, #f3c048 100%) !important;
  color: #6a4305 !important;
  font-size: 34px !important;
  font-weight: 950 !important;
  box-shadow: 0 8px 18px rgba(177, 126, 37, .18), inset 0 1px rgba(255,255,255,.85) !important;
}

html body.theme-pearl-blue .league-settings-tile span {
  color: #2c4491 !important;
  font-size: 27px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: .4px !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue .league-settings-tile em {
  display: block !important;
  border: 0 !important;
  background: transparent !important;
  color: #53617f !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-style: normal !important;
  font-weight: 500 !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue .league-settings-tile strong {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  min-width: 112px !important;
  height: 44px !important;
  margin-top: -22px !important;
  padding: 0 34px 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1.5px solid rgba(189, 143, 19, .82) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.48) !important;
  color: #b38316 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.72) !important;
}

html body.theme-pearl-blue .league-settings-tile strong::after {
  content: "›" !important;
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  transform: translateY(-52%) !important;
  font-size: 34px !important;
  line-height: 1 !important;
}

html body.theme-pearl-blue .league-settings-tile span b {
  margin-left: 8px !important;
  padding: 1px 8px !important;
  border-radius: 999px !important;
  background: #ff6c76 !important;
  color: #fff !important;
  font-size: 14px !important;
  vertical-align: middle !important;
}

html body.theme-pearl-blue .league-settings-card > button:last-child {
  display: none !important;
}

@media (max-width: 560px) {
  html body.theme-pearl-blue .league-settings-card {
    width: 100vw !important;
  }
  html body.theme-pearl-blue .league-settings-close {
    top: 18px !important;
    right: 18px !important;
    width: 42px !important;
    height: 42px !important;
    font-size: 30px !important;
  }
  html body.theme-pearl-blue .league-settings-hero {
    height: 92px !important;
    padding-top: 36px !important;
  }
  html body.theme-pearl-blue .league-settings-hero span {
    font-size: 24px !important;
  }
  html body.theme-pearl-blue .league-settings-home {
    width: calc(100vw - 34px) !important;
    margin-top: 22px !important;
    padding: 14px 18px !important;
    border-radius: 18px !important;
  }
  html body.theme-pearl-blue .league-settings-tile {
    min-height: 96px !important;
    padding: 16px 104px 16px 82px !important;
  }
  html body.theme-pearl-blue .league-settings-tile i {
    width: 58px !important;
    height: 58px !important;
    margin-top: -29px !important;
    font-size: 28px !important;
  }
  html body.theme-pearl-blue .league-settings-tile span {
    font-size: 22px !important;
  }
  html body.theme-pearl-blue .league-settings-tile em {
    font-size: 14px !important;
  }
  html body.theme-pearl-blue .league-settings-tile strong {
    min-width: 78px !important;
    height: 36px !important;
    margin-top: -18px !important;
    padding: 0 24px 0 14px !important;
    font-size: 16px !important;
  }
  html body.theme-pearl-blue .league-settings-tile strong::after {
    right: 11px !important;
    font-size: 27px !important;
  }
}

/* EOF league settings overlap fix: clean three-row mockup without absolute-position collisions. */
html body.theme-pearl-blue .league-settings-home {
  width: min(86vw, 540px) !important;
  margin: 42px auto 0 !important;
  padding: 22px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  border: 1px solid rgba(255,255,255,.88) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.98), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.90), rgba(241,246,255,.80)) !important;
  box-shadow: 0 20px 42px rgba(85, 94, 190, .18), inset 0 1px rgba(255,255,255,.96) !important;
  overflow: hidden !important;
}

html body.theme-pearl-blue .league-settings-tile,
html body.theme-pearl-blue .league-settings-tile:nth-child(2),
html body.theme-pearl-blue .league-settings-tile:nth-child(3) {
  position: relative !important;
  min-height: 112px !important;
  width: 100% !important;
  padding: 18px 0 !important;
  display: grid !important;
  grid-template-columns: 78px minmax(0, 1fr) 118px !important;
  column-gap: 20px !important;
  align-items: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
  overflow: visible !important;
}

html body.theme-pearl-blue .league-settings-tile + .league-settings-tile {
  border-top: 1px solid rgba(107, 122, 174, .20) !important;
}

html body.theme-pearl-blue .league-settings-tile i {
  position: static !important;
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 68px !important;
  height: 68px !important;
  margin: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,255,255,.86) !important;
  border-radius: 16px !important;
  background: linear-gradient(160deg, #fff2a6 0%, #f3c048 100%) !important;
  color: #6a4305 !important;
  font-size: 33px !important;
  font-weight: 950 !important;
  box-shadow: 0 8px 18px rgba(177, 126, 37, .18), inset 0 1px rgba(255,255,255,.85) !important;
}

html body.theme-pearl-blue .league-settings-tile span {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end !important;
  min-width: 0 !important;
  display: block !important;
  color: #2c4491 !important;
  font-size: 26px !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  letter-spacing: .3px !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue .league-settings-tile em {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: start !important;
  min-width: 0 !important;
  display: block !important;
  border: 0 !important;
  background: transparent !important;
  color: #53617f !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
  font-style: normal !important;
  font-weight: 500 !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue .league-settings-tile strong {
  position: relative !important;
  right: auto !important;
  top: auto !important;
  grid-column: 3 !important;
  grid-row: 1 / span 2 !important;
  justify-self: end !important;
  align-self: center !important;
  min-width: 106px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 34px 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1.5px solid rgba(189, 143, 19, .82) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.50) !important;
  color: #b38316 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.72) !important;
}

html body.theme-pearl-blue .league-settings-tile strong::after {
  content: "›" !important;
  position: absolute !important;
  right: 16px !important;
  top: 50% !important;
  transform: translateY(-52%) !important;
  font-size: 32px !important;
  line-height: 1 !important;
}

@media (max-width: 560px) {
  html body.theme-pearl-blue .league-settings-home {
    width: calc(100vw - 34px) !important;
    margin-top: 22px !important;
    padding: 12px 18px !important;
    border-radius: 18px !important;
  }
  html body.theme-pearl-blue .league-settings-tile,
  html body.theme-pearl-blue .league-settings-tile:nth-child(2),
  html body.theme-pearl-blue .league-settings-tile:nth-child(3) {
    min-height: 94px !important;
    padding: 14px 0 !important;
    grid-template-columns: 60px minmax(0, 1fr) 78px !important;
    column-gap: 12px !important;
  }
  html body.theme-pearl-blue .league-settings-tile i {
    width: 56px !important;
    height: 56px !important;
    border-radius: 13px !important;
    font-size: 27px !important;
  }
  html body.theme-pearl-blue .league-settings-tile span {
    font-size: 21px !important;
  }
  html body.theme-pearl-blue .league-settings-tile em {
    font-size: 13px !important;
  }
  html body.theme-pearl-blue .league-settings-tile strong {
    min-width: 72px !important;
    height: 34px !important;
    padding: 0 22px 0 12px !important;
    font-size: 15px !important;
  }
  html body.theme-pearl-blue .league-settings-tile strong::after {
    right: 9px !important;
    font-size: 25px !important;
  }
}

/* EOF absolute league drawer color fix: applies even when the page theme class is missing. */
.league-switch-shell.open .league-switch-drawer,
.league-switch-drawer,
body .league-switch-drawer,
html body .league-switch-drawer {
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.88), transparent 32%),
    linear-gradient(160deg, #eef4ff 0%, #d9e3ff 48%, #c3ccfb 100%) !important;
  background-color: #d9e3ff !important;
  border: 1px solid rgba(255,255,255,.82) !important;
  color: #2d4a93 !important;
  box-shadow: 16px 0 36px rgba(82, 96, 190, .20), inset 0 1px rgba(255,255,255,.90) !important;
}

.league-switch-drawer::before,
.league-switch-drawer::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.league-switch-drawer .league-drawer-head,
html body .league-switch-drawer .league-drawer-head {
  background: rgba(255,255,255,.36) !important;
  border-bottom: 1px solid rgba(100, 119, 200, .20) !important;
}

.league-switch-drawer .league-drawer-head span,
html body .league-switch-drawer .league-drawer-head span {
  color: #2d4a93 !important;
  -webkit-text-fill-color: #2d4a93 !important;
  text-shadow: none !important;
}

.league-switch-drawer .league-drawer-head button,
html body .league-switch-drawer .league-drawer-head button {
  background: rgba(255,255,255,.62) !important;
  border: 1px solid rgba(103, 123, 205, .28) !important;
  color: #6470b6 !important;
}

.league-switch-drawer .league-drawer-list button,
html body .league-switch-drawer .league-drawer-list button {
  background: rgba(255,255,255,.66) !important;
  border: 1px solid rgba(103, 123, 205, .34) !important;
  color: #263d7b !important;
  box-shadow: 0 7px 16px rgba(82, 96, 190, .10) !important;
}

.league-switch-drawer .league-drawer-list button span,
.league-switch-drawer .league-drawer-list button small,
html body .league-switch-drawer .league-drawer-list button span,
html body .league-switch-drawer .league-drawer-list button small {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

.league-switch-drawer .league-drawer-list button.active,
html body .league-switch-drawer .league-drawer-list button.active {
  background: linear-gradient(135deg, rgba(255,236,169,.98), rgba(252,199,80,.92)) !important;
  border-color: rgba(255,223,131,.98) !important;
  color: #5a3908 !important;
}

.league-switch-drawer .league-dropdown-join,
html body .league-switch-drawer .league-dropdown-join {
  background: linear-gradient(180deg, #ffe690, #efbb49) !important;
  border: 1px solid rgba(255,225,143,.92) !important;
  color: #68430a !important;
  box-shadow: 0 8px 16px rgba(156,104,30,.14), inset 0 1px rgba(255,255,255,.64) !important;
}

/* TRUE EOF 109: exact same visual height for online badge and room badge. */
html body #dragonTigerRoom .dt-dom-footer .dt-dom-online,
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-footer .dt-dom-online {
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 58px !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  padding: 0 13px !important;
  line-height: 22px !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgba(119,224,255,.66) !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

html body #dragonTigerRoom .dt-dom-footer .dt-dom-room-no,
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-footer .dt-dom-room-no {
  box-sizing: border-box !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  padding: 0 13px !important;
  line-height: 22px !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgba(119,224,255,.66) !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

/* TRUE EOF 110: clean brighter side-player round scores, no text stroke. */
html body #dragonTigerRoom .dt-dom-players .dt-side-player > b,
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-players .dt-side-player > b,
html body #dragonTigerRoom .dt-dom-players .dt-side-player > b.win,
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-players .dt-side-player > b.win {
  color: #ffd05c !important;
  -webkit-text-fill-color: #ffd05c !important;
  -webkit-text-stroke: 0 transparent !important;
  text-shadow: 0 2px 4px rgba(88, 57, 0, .28) !important;
}

html body #dragonTigerRoom .dt-dom-players .dt-side-player > b.lose,
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-players .dt-side-player > b.lose {
  color: #78e9ff !important;
  -webkit-text-fill-color: #78e9ff !important;
  -webkit-text-stroke: 0 transparent !important;
  text-shadow: 0 2px 4px rgba(0, 62, 116, .30) !important;
}

/* TRUE EOF 111: lower online badge to the same baseline as the room badge. */
html body #dragonTigerRoom .dt-dom-footer .dt-dom-user,
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-footer .dt-dom-user {
  position: absolute !important;
}

html body #dragonTigerRoom .dt-dom-footer .dt-dom-online,
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-footer .dt-dom-online {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: 10px !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  flex: none !important;
}

html body #dragonTigerRoom .dt-dom-footer .dt-dom-user-meta,
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-footer .dt-dom-user-meta {
  transform: translateY(-8px) !important;
}

/* TRUE EOF 112: tighten league table spacing and remove the bottom gradient divider. */
html body #clubPage.club-page #clubTableList.club-list,
html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list {
  gap: 0 !important;
}

html body #clubPage.club-page #clubTableList.club-list::after,
html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #clubPage.club-page #clubTableList.club-list .club-table-card,
html body.theme-pearl-blue #clubPage.club-page #clubTableList.club-list .club-table-card {
  min-height: 230px !important;
  margin: 4px auto 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* TRUE EOF 113: Mercedes-BMW room uses Dragon-Tiger shell with a racing table. */
html body #benchiBaomaRoom,
html body.theme-pearl-blue #benchiBaomaRoom {
  display: block !important;
  width: 100% !important;
  min-height: 100% !important;
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
}

html body #benchiBaomaRoom .bmw-shell,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-shell {
  position: absolute !important;
  inset: 0 !important;
  min-height: 100% !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 12%, rgba(255,255,255,.28), transparent 26%),
    linear-gradient(160deg, #6388ef 0%, #7889f2 50%, #9b7be8 100%) !important;
}

html body #benchiBaomaRoom .dt-dom-topbar,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-topbar {
  position: absolute !important;
  left: 68px !important;
  right: 68px !important;
  top: 8px !important;
  z-index: 30 !important;
  height: 72px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(84px, 1.35fr) repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  align-items: center !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(255, 255, 255, .48) !important;
  border-radius: 20px !important;
  background: rgba(225, 235, 255, .20) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.36), 0 8px 20px rgba(68, 82, 168, .18) !important;
}

html body #benchiBaomaRoom .dt-dom-banker-card,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-banker-card,
html body #benchiBaomaRoom .dt-dom-seat,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-seat {
  min-width: 0 !important;
  width: 100% !important;
  height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.16) !important;
  color: #fff !important;
  overflow: hidden !important;
}

html body #benchiBaomaRoom .dt-dom-banker-card .dt-dom-banker-avatar,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-banker-card .dt-dom-banker-avatar,
html body #benchiBaomaRoom .dt-dom-seat.filled span,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-seat.filled span {
  width: 42px !important;
  height: 42px !important;
  border: 2px solid rgba(255,255,255,.76) !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}

html body #benchiBaomaRoom .dt-dom-banker-avatar img,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-banker-avatar img,
html body #benchiBaomaRoom .dt-dom-seat.filled img,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-seat.filled img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body #benchiBaomaRoom .dt-dom-apply,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-apply {
  height: 54px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 219, 117, .82) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffe89a, #d99823) !important;
  color: #603400 !important;
  font-weight: 950 !important;
  box-shadow: 0 8px 18px rgba(176, 115, 27, .24), inset 0 1px rgba(255,255,255,.7) !important;
}

html body #benchiBaomaRoom .dt-dom-apply strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-apply strong {
  font-size: 14px !important;
  line-height: 1.1 !important;
}

html body #benchiBaomaRoom .dt-dom-apply small,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-apply small {
  margin-top: 3px !important;
  font-size: 9px !important;
}

html body #benchiBaomaRoom .dt-dom-side-actions,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-side-actions {
  position: absolute !important;
  top: 8px !important;
  z-index: 35 !important;
  height: 54px !important;
}

html body #benchiBaomaRoom .dt-dom-side-actions.left,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-side-actions.left { left: 8px !important; }
html body #benchiBaomaRoom .dt-dom-side-actions.right,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-side-actions.right { right: 8px !important; }

html body #benchiBaomaRoom .dt-dom-side-actions button,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-side-actions button {
  width: 52px !important;
  height: 54px !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.16) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

html body #benchiBaomaRoom .dt-dom-players,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players {
  position: absolute !important;
  top: 100px !important;
  bottom: 118px !important;
  z-index: 25 !important;
  width: 66px !important;
  display: grid !important;
  grid-template-rows: repeat(4, minmax(74px, 1fr)) !important;
  gap: 8px !important;
}

html body #benchiBaomaRoom .dt-dom-players.left,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players.left { left: 10px !important; }
html body #benchiBaomaRoom .dt-dom-players.right,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players.right { right: 7px !important; }

html body #benchiBaomaRoom .dt-side-player,
html body.theme-pearl-blue #benchiBaomaRoom .dt-side-player {
  min-height: 70px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  padding: 5px 3px !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.15) !important;
  box-shadow: 0 6px 13px rgba(70, 83, 165, .18) !important;
}

html body #benchiBaomaRoom .dt-side-avatar,
html body.theme-pearl-blue #benchiBaomaRoom .dt-side-avatar {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}

html body #benchiBaomaRoom .dt-side-avatar img,
html body.theme-pearl-blue #benchiBaomaRoom .dt-side-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body #benchiBaomaRoom .dt-side-player strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-side-player strong,
html body #benchiBaomaRoom .dt-side-player span,
html body.theme-pearl-blue #benchiBaomaRoom .dt-side-player span {
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

/* TRUE EOF 116: featured side badges for richest player and lucky star. */
html body .dt-dom-players .dt-side-player.featured,
html body.theme-pearl-blue .dt-dom-players .dt-side-player.featured {
  position: relative !important;
  padding-top: 17px !important;
  overflow: visible !important;
}

html body .dt-dom-players .dt-side-crown,
html body.theme-pearl-blue .dt-dom-players .dt-side-crown {
  position: absolute !important;
  left: 50% !important;
  top: -13px !important;
  z-index: 8 !important;
  transform: translateX(-50%) !important;
  min-width: 66px !important;
  height: 22px !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 1000 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

html body .dt-dom-players .dt-side-crown.rich,
html body.theme-pearl-blue .dt-dom-players .dt-side-crown.rich {
  border: 1px solid rgba(255, 233, 113, .95) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.52), transparent 36%),
    linear-gradient(180deg, #fff07a 0%, #ffba29 58%, #d47a06 100%) !important;
  color: #8a2200 !important;
  text-shadow: 0 1px rgba(255,255,255,.45) !important;
  box-shadow: 0 4px 10px rgba(210, 111, 8, .28), 0 0 10px rgba(255, 221, 76, .35) !important;
}

html body .dt-dom-players .dt-side-crown.rich::before,
html body.theme-pearl-blue .dt-dom-players .dt-side-crown.rich::before {
  content: "🏆" !important;
  margin-right: 2px !important;
  font-size: 11px !important;
}

html body .dt-dom-players .dt-side-crown.lucky,
html body.theme-pearl-blue .dt-dom-players .dt-side-crown.lucky {
  border: 1px solid rgba(122, 219, 255, .94) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.45), transparent 38%),
    linear-gradient(180deg, #57d8ff 0%, #2388e7 58%, #1360be 100%) !important;
  color: #fffdf0 !important;
  text-shadow: 0 1px 2px rgba(13, 62, 124, .42) !important;
  box-shadow: 0 4px 10px rgba(22, 102, 199, .30), 0 0 12px rgba(79, 202, 255, .38) !important;
}

html body .dt-dom-players .dt-side-crown.lucky::before,
html body.theme-pearl-blue .dt-dom-players .dt-side-crown.lucky::before {
  content: "⭐" !important;
  margin-right: 2px !important;
  font-size: 11px !important;
}

html body #dragonTigerRoom .dt-dom-players .dt-side-player.featured,
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-players .dt-side-player.featured,
html body #benchiBaomaRoom .dt-dom-players .dt-side-player.featured,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players .dt-side-player.featured {
  border-color: rgba(255, 232, 120, .42) !important;
}

html body #dragonTigerRoom .dt-dom-players.right .dt-side-player.featured,
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-players.right .dt-side-player.featured,
html body #benchiBaomaRoom .dt-dom-players.right .dt-side-player.featured,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players.right .dt-side-player.featured {
  border-color: rgba(110, 218, 255, .46) !important;
}

/* TRUE EOF 117: top banker bar uses two seats on each side of apply button. */
html body #dragonTigerRoom .dt-dom-topbar,
html body.theme-pearl-blue #dragonTigerRoom .dt-dom-topbar,
html body #benchiBaomaRoom .dt-dom-topbar,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-topbar {
  grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(92px, 1.38fr) repeat(2, minmax(0, 1fr)) !important;
}

/* TRUE EOF 118: premium Benchi Baoma racing room, based on the provided blue-gold reference. */
html body #benchiBaomaRoom .bmw-shell,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-shell {
  background:
    radial-gradient(circle at 50% 6%, rgba(255, 233, 151, .20), transparent 10%),
    radial-gradient(circle at 50% 38%, rgba(67, 164, 255, .28), transparent 34%),
    linear-gradient(180deg, rgba(24, 93, 213, .56), rgba(13, 58, 151, .70) 46%, rgba(9, 38, 104, .88)),
    linear-gradient(135deg, #246ce7 0%, #1247b7 48%, #072c82 100%) !important;
}

html body #benchiBaomaRoom .bmw-shell::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-shell::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.06) 1px, transparent 1px),
    radial-gradient(ellipse at 50% 0%, rgba(255,255,255,.26), transparent 30%) !important;
  background-size: 56px 56px, 56px 56px, auto !important;
  opacity: .75 !important;
}

html body #benchiBaomaRoom .dt-dom-topbar,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-topbar {
  left: 74px !important;
  right: 74px !important;
  top: 10px !important;
  height: 82px !important;
  padding: 10px 22px !important;
  gap: 18px !important;
  border: 2px solid rgba(255, 218, 97, .88) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(23, 92, 211, .94), rgba(7, 42, 132, .96)),
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.20), transparent 38%) !important;
  box-shadow:
    inset 0 2px rgba(255,255,255,.25),
    inset 0 -2px rgba(255, 189, 50, .26),
    0 0 16px rgba(255, 218, 84, .30),
    0 16px 28px rgba(3, 20, 77, .32) !important;
}

html body #benchiBaomaRoom .dt-dom-banker-card,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-banker-card,
html body #benchiBaomaRoom .dt-dom-seat,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-seat {
  height: 62px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #ffdf75 !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  overflow: visible !important;
  flex-direction: column !important;
  gap: 2px !important;
}

html body #benchiBaomaRoom .dt-dom-seat::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-seat::before {
  content: "👤" !important;
  width: 46px !important;
  height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1.5px solid #ffe17d !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 35% 26%, rgba(255,255,255,.34), transparent 28%),
    linear-gradient(180deg, #214fa7, #0a2b78) !important;
  color: rgba(255,255,255,.48) !important;
  font-size: 24px !important;
  box-shadow: inset 0 2px rgba(255,255,255,.18), 0 0 10px rgba(255, 219, 91, .26) !important;
}

html body #benchiBaomaRoom .dt-dom-banker-card .dt-dom-banker-avatar,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-banker-card .dt-dom-banker-avatar {
  width: 50px !important;
  height: 50px !important;
  border: 2px solid #ffe27b !important;
  border-radius: 50% !important;
  box-shadow: 0 0 12px rgba(255, 220, 88, .35), 0 4px 10px rgba(0,0,0,.22) !important;
}

html body #benchiBaomaRoom .dt-dom-apply,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-apply {
  width: 76px !important;
  height: 76px !important;
  justify-self: center !important;
  border-radius: 50% !important;
  border: 2px solid rgba(255, 238, 142, .95) !important;
  background:
    radial-gradient(circle at 38% 24%, #fff3b0, #f6ad31 38%, #a95d0a 100%) !important;
  color: #fff8d8 !important;
  text-shadow: 0 2px 2px rgba(105, 48, 0, .38) !important;
  box-shadow:
    inset 0 2px rgba(255,255,255,.55),
    inset 0 -5px rgba(128, 57, 0, .28),
    0 0 18px rgba(255, 186, 49, .62),
    0 8px 18px rgba(38, 21, 4, .32) !important;
}

html body #benchiBaomaRoom .dt-dom-apply strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-apply strong {
  width: 42px !important;
  color: inherit !important;
  font-size: 18px !important;
  line-height: 1.08 !important;
  letter-spacing: 1px !important;
}

html body #benchiBaomaRoom .dt-dom-apply small,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-apply small { display: none !important; }

html body #benchiBaomaRoom .dt-dom-side-actions button,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-side-actions button {
  width: 54px !important;
  height: 54px !important;
  border: 1.5px solid rgba(130, 202, 255, .68) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(44, 111, 220, .82), rgba(9, 50, 142, .88)) !important;
  color: #fff !important;
  box-shadow: inset 0 1px rgba(255,255,255,.22), 0 8px 16px rgba(2, 23, 82, .28) !important;
}

html body #benchiBaomaRoom .bmw-main,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-main {
  left: 78px !important;
  right: 78px !important;
  top: 102px !important;
  bottom: 176px !important;
  padding: 0 !important;
}

html body #benchiBaomaRoom .bmw-table,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table {
  width: min(100%, 620px) !important;
  height: 100% !important;
  min-height: 510px !important;
  margin: 0 auto !important;
  border: 11px solid rgba(4, 22, 66, .86) !important;
  border-radius: 48% / 9% !important;
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255,255,255,.25), transparent 28%),
    linear-gradient(90deg, rgba(106, 181, 255, .34) 1px, transparent 1px),
    linear-gradient(180deg, rgba(106, 181, 255, .30) 1px, transparent 1px),
    linear-gradient(180deg, #1266db 0%, #0d52bc 48%, #083b91 100%) !important;
  background-size: auto, 25% 50%, 100% 50%, auto !important;
  box-shadow:
    inset 0 0 0 5px rgba(64, 160, 255, .54),
    inset 0 0 0 10px rgba(255, 222, 95, .10),
    inset 0 0 55px rgba(1, 14, 65, .46),
    0 0 0 2px rgba(255, 221, 94, .68),
    0 0 28px rgba(84, 172, 255, .44),
    0 18px 32px rgba(0, 12, 66, .34) !important;
}

html body #benchiBaomaRoom .bmw-table::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table::before {
  inset: 38px 32px !important;
  border: 2px solid rgba(124, 199, 255, .48) !important;
  border-radius: 42% / 7% !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.14), 0 0 16px rgba(99, 195, 255, .24) !important;
}

html body #benchiBaomaRoom .bmw-count,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-count {
  top: 8px !important;
  width: 64px !important;
  height: 64px !important;
  line-height: 54px !important;
  z-index: 18 !important;
  border: 4px solid rgba(255, 226, 99, .96) !important;
  background:
    radial-gradient(circle at 36% 24%, #fff4a6, #f0a62a 40%, #9b4c05 100%) !important;
  color: #fff8da !important;
  font-size: 23px !important;
  text-shadow: 0 2px rgba(83, 37, 0, .36) !important;
  box-shadow: 0 0 18px rgba(255, 193, 50, .62), inset 0 2px rgba(255,255,255,.52) !important;
}

html body #benchiBaomaRoom .bmw-track-ring,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring {
  inset: 20px 34px 20px 34px !important;
  height: auto !important;
  display: block !important;
  z-index: 14 !important;
  pointer-events: none !important;
}

html body #benchiBaomaRoom .bmw-ring-logo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-ring-logo {
  position: absolute !important;
  width: 42px !important;
  height: 42px !important;
  transform: translate(-50%, -50%) !important;
}

html body #benchiBaomaRoom .bmw-ring-logo.p1 { left: 21% !important; top: 4% !important; }
html body #benchiBaomaRoom .bmw-ring-logo.p2 { left: 34% !important; top: 1% !important; }
html body #benchiBaomaRoom .bmw-ring-logo.p3 { left: 50% !important; top: 0% !important; }
html body #benchiBaomaRoom .bmw-ring-logo.p4 { left: 66% !important; top: 1% !important; }
html body #benchiBaomaRoom .bmw-ring-logo.p5 { left: 79% !important; top: 4% !important; }
html body #benchiBaomaRoom .bmw-ring-logo.p6 { left: 93% !important; top: 17% !important; }
html body #benchiBaomaRoom .bmw-ring-logo.p7 { left: 96% !important; top: 38% !important; }
html body #benchiBaomaRoom .bmw-ring-logo.p8 { left: 93% !important; top: 61% !important; }
html body #benchiBaomaRoom .bmw-ring-logo.p9 { left: 79% !important; top: 96% !important; }
html body #benchiBaomaRoom .bmw-ring-logo.p10 { left: 66% !important; top: 99% !important; }
html body #benchiBaomaRoom .bmw-ring-logo.p11 { left: 50% !important; top: 100% !important; }
html body #benchiBaomaRoom .bmw-ring-logo.p12 { left: 34% !important; top: 99% !important; }
html body #benchiBaomaRoom .bmw-ring-logo.p13 { left: 21% !important; top: 96% !important; }
html body #benchiBaomaRoom .bmw-ring-logo.p14 { left: 7% !important; top: 61% !important; }
html body #benchiBaomaRoom .bmw-ring-logo.p15 { left: 4% !important; top: 38% !important; }
html body #benchiBaomaRoom .bmw-ring-logo.p16 { left: 7% !important; top: 17% !important; }

html body #benchiBaomaRoom .bmw-logo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(255,255,255,.82) !important;
  background: radial-gradient(circle at 35% 24%, #fff, #d9e8ff 36%, #244ea6 100%) !important;
  color: #10235a !important;
  font-size: 16px !important;
  font-weight: 1000 !important;
  letter-spacing: -1px !important;
  box-shadow: inset 0 2px rgba(255,255,255,.75), 0 4px 10px rgba(0,0,0,.28) !important;
}

html body #benchiBaomaRoom .bmw-logo i,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-logo i {
  font-style: normal !important;
  transform: scaleX(.92) !important;
}

html body #benchiBaomaRoom .bmw-logo.mini,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-logo.mini {
  width: 100% !important;
  height: 100% !important;
  font-size: 11px !important;
  border-width: 1.5px !important;
}

html body #benchiBaomaRoom .bmw-logo-lambo { border-radius: 18px !important; background: linear-gradient(145deg, #080b12, #142b5f) !important; color: #f8d85b !important; }
html body #benchiBaomaRoom .bmw-logo-ferrari { border-radius: 14px !important; background: linear-gradient(145deg, #ffe047, #f3b21d) !important; color: #0e224b !important; border-color: #1a3472 !important; }
html body #benchiBaomaRoom .bmw-logo-maserati { background: #fff !important; color: #cc1f33 !important; }
html body #benchiBaomaRoom .bmw-logo-porsche { border-radius: 12px !important; background: linear-gradient(145deg, #f7d35d, #8b1f13) !important; color: #1c1831 !important; }
html body #benchiBaomaRoom .bmw-logo-vw { background: radial-gradient(circle, #fff 0%, #dfeaff 42%, #2050b4 100%) !important; color: #1b4ea9 !important; }
html body #benchiBaomaRoom .bmw-logo-benz { background: radial-gradient(circle, #f8f9ff 0%, #cfd8e8 52%, #202a44 100%) !important; color: #17203a !important; }
html body #benchiBaomaRoom .bmw-logo-bmw { background: conic-gradient(#1d60c9 0 25%, #fff 0 50%, #1d60c9 0 75%, #fff 0) !important; color: #101b3e !important; }
html body #benchiBaomaRoom .bmw-logo-lexus { background: linear-gradient(145deg, #0e66ca, #062a76) !important; color: #ffe071 !important; }

html body #benchiBaomaRoom .bmw-zone-grid,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid {
  left: 13% !important;
  right: 13% !important;
  top: 88px !important;
  bottom: 104px !important;
  border: 1px solid rgba(122, 202, 255, .40) !important;
  border-radius: 0 !important;
  background: rgba(4, 64, 155, .18) !important;
}

html body #benchiBaomaRoom .bmw-bet-zone,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding-top: 36px !important;
  border: 1px solid rgba(122, 202, 255, .34) !important;
  background:
    radial-gradient(circle at 50% 22%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(180deg, rgba(13, 102, 221, .20), rgba(4, 43, 126, .26)) !important;
  transition: transform .15s ease, background .15s ease, box-shadow .15s ease !important;
}

html body #benchiBaomaRoom .bmw-bet-zone .bmw-brand,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone .bmw-brand {
  display: block !important;
  margin: 0 auto 10px !important;
  height: 62px !important;
}

html body #benchiBaomaRoom .bmw-bet-zone em,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone em {
  margin-top: 2px !important;
  color: rgba(224, 239, 255, .82) !important;
  font-size: 28px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-shadow: none !important;
}

html body #benchiBaomaRoom .bmw-bet-zone small,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone small {
  left: 50% !important;
  right: auto !important;
  bottom: 20px !important;
  transform: translateX(-50%) !important;
  color: rgba(255,255,255,.92) !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

html body #benchiBaomaRoom .bmw-bet-zone .dt-dom-chip-cloud,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone .dt-dom-chip-cloud {
  inset: auto 8px 36px !important;
  height: 60px !important;
}

html body #benchiBaomaRoom .bmw-bet-zone:hover,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone:hover,
html body #benchiBaomaRoom .bmw-bet-zone:active,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone:active {
  transform: translateY(-1px) !important;
  background:
    radial-gradient(circle at 50% 26%, rgba(255, 230, 113, .28), transparent 34%),
    linear-gradient(180deg, rgba(25, 126, 255, .32), rgba(4, 57, 150, .34)) !important;
  box-shadow: inset 0 0 22px rgba(255, 221, 90, .18) !important;
}

html body #benchiBaomaRoom .bmw-trends,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-trends {
  left: 9% !important;
  right: 9% !important;
  bottom: 32px !important;
  height: 44px !important;
  gap: 4px !important;
  border: 1px solid rgba(114, 183, 255, .48) !important;
  border-radius: 14px !important;
  background: rgba(3, 21, 74, .55) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.18), 0 4px 12px rgba(0,0,0,.22) !important;
}

html body #benchiBaomaRoom .bmw-trends::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-trends::before {
  content: "开奖记录" !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 100% !important;
  padding: 0 8px 0 10px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  border-right: 1px solid rgba(255,255,255,.22) !important;
}

html body #benchiBaomaRoom .bmw-trend,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-trend {
  width: 28px !important;
  height: 28px !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #benchiBaomaRoom .bmw-trend.latest,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-trend.latest {
  outline: 0 !important;
  filter: drop-shadow(0 0 7px #45ff78) !important;
}

html body #benchiBaomaRoom .bmw-room-no,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-room-no {
  bottom: 82px !important;
  color: rgba(221, 236, 255, .55) !important;
}

html body #benchiBaomaRoom .dt-dom-players,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players {
  top: 122px !important;
  bottom: 188px !important;
  width: 70px !important;
  gap: 12px !important;
}

html body #benchiBaomaRoom .dt-side-player,
html body.theme-pearl-blue #benchiBaomaRoom .dt-side-player {
  border: 0 !important;
  border-radius: 10px !important;
  background: rgba(7, 39, 116, .58) !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.23), inset 0 1px rgba(255,255,255,.18) !important;
}

html body #benchiBaomaRoom .dt-dom-footer,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer {
  height: 166px !important;
  padding: 58px 16px 42px 128px !important;
  border-radius: 18px 18px 0 0 !important;
  border-color: rgba(116, 190, 255, .48) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(89, 180, 255, .24), transparent 38%),
    linear-gradient(180deg, rgba(12, 72, 173, .86), rgba(5, 39, 123, .92)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.24), 0 -8px 20px rgba(0,0,0,.22) !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user {
  top: 72px !important;
  left: 14px !important;
  width: 102px !important;
  height: 76px !important;
  border-color: rgba(118, 204, 255, .45) !important;
  background: rgba(9, 56, 147, .50) !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chips,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chips {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  top: 8px !important;
  height: 78px !important;
  padding-left: 112px !important;
  padding-right: 0 !important;
  gap: 14px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chip::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chip::after {
  content: "点击下注" !important;
  position: absolute !important;
  left: 50% !important;
  top: calc(100% + 6px) !important;
  transform: translateX(-50%) !important;
  min-width: 58px !important;
  height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 217, 96, .50) !important;
  border-radius: 999px !important;
  color: #ffe382 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  background: rgba(5, 32, 101, .40) !important;
}

html body #benchiBaomaRoom .bmw-repeat,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-repeat,
html body #benchiBaomaRoom .bmw-undo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-undo {
  position: absolute !important;
  right: 118px !important;
  bottom: 12px !important;
  width: 88px !important;
  height: 42px !important;
  border: 1px solid rgba(255, 223, 125, .72) !important;
  border-radius: 9px !important;
  background: linear-gradient(180deg, #dba957, #8e5b18) !important;
  color: #fff8df !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.34), 0 5px 12px rgba(0,0,0,.24) !important;
}

html body #benchiBaomaRoom .bmw-undo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-undo {
  right: 18px !important;
  background: linear-gradient(180deg, #3a94ff, #1254c7) !important;
  border-color: rgba(171, 219, 255, .74) !important;
}

@media (max-width: 760px) {
  html body #benchiBaomaRoom .dt-dom-topbar,
  html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-topbar {
    left: 58px !important;
    right: 58px !important;
    height: 72px !important;
    gap: 8px !important;
    padding: 8px 12px !important;
  }

  html body #benchiBaomaRoom .dt-dom-apply,
  html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-apply {
    width: 62px !important;
    height: 62px !important;
  }

  html body #benchiBaomaRoom .dt-dom-apply strong,
  html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-apply strong {
    font-size: 15px !important;
  }

  html body #benchiBaomaRoom .bmw-main,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-main {
    left: 76px !important;
    right: 76px !important;
    top: 98px !important;
    bottom: 164px !important;
  }

  html body #benchiBaomaRoom .bmw-table,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-table {
    min-height: 500px !important;
    border-width: 8px !important;
  }

  html body #benchiBaomaRoom .bmw-zone-grid,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid {
    left: 12% !important;
    right: 12% !important;
    top: 82px !important;
    bottom: 96px !important;
  }

  html body #benchiBaomaRoom .bmw-bet-zone {
    padding-top: 30px !important;
  }

  html body #benchiBaomaRoom .bmw-logo,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-logo {
    width: 48px !important;
    height: 48px !important;
    font-size: 13px !important;
  }

  html body #benchiBaomaRoom .bmw-ring-logo,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-ring-logo {
    width: 32px !important;
    height: 32px !important;
  }

  html body #benchiBaomaRoom .bmw-bet-zone em,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone em {
    font-size: 22px !important;
  }

  html body #benchiBaomaRoom .bmw-bet-zone small,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone small {
    font-size: 10px !important;
  }

  html body #benchiBaomaRoom .dt-dom-footer,
  html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer {
    height: 154px !important;
    padding-left: 112px !important;
  }
}

/* === 奔驰宝马外圈开奖轨道：密集图标、逐格高亮与减速停靠 (TRUE EOF 160) === */
html body #benchiBaomaRoom .bmw-track-ring,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring {
  inset: 7px 8px 8px !important;
  z-index: 16 !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 41% / 7% !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo {
  width: 34px !important;
  height: 34px !important;
  padding: 3px !important;
  z-index: 2 !important;
  opacity: .96 !important;
  border: 2px solid rgba(235, 247, 255, .96) !important;
  background: rgba(224, 240, 255, .96) !important;
  box-shadow:
    0 2px 7px rgba(0, 32, 92, .44),
    inset 0 0 0 1px rgba(66, 137, 230, .42) !important;
  transition:
    width 90ms ease,
    height 90ms ease,
    opacity 90ms ease,
    filter 90ms ease,
    box-shadow 90ms ease !important;
}

html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo .bmw-logo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo .bmw-logo {
  width: 27px !important;
  height: 27px !important;
}

html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.trail,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.trail {
  border-color: rgba(115, 224, 255, .92) !important;
  filter: brightness(1.12) saturate(1.08) !important;
}

html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.trail-1,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.trail-1 {
  box-shadow: 0 0 13px rgba(72, 219, 255, .72), inset 0 0 0 1px rgba(72, 167, 255, .52) !important;
}

html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active {
  width: 44px !important;
  height: 44px !important;
  padding: 4px !important;
  z-index: 20 !important;
  opacity: 1 !important;
  border: 3px solid #ffe477 !important;
  background: #fff8d6 !important;
  filter: brightness(1.18) saturate(1.2) !important;
  box-shadow:
    0 0 0 3px rgba(255, 190, 42, .24),
    0 0 22px rgba(255, 211, 69, .98),
    0 4px 11px rgba(0, 30, 88, .52),
    inset 0 0 0 1px rgba(255, 170, 24, .42) !important;
}

html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active .bmw-logo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active .bmw-logo {
  width: 34px !important;
  height: 34px !important;
}

html body #benchiBaomaRoom .bmw-count.spinning,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-count.spinning {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  font-size: 17px !important;
  letter-spacing: 1px !important;
  background: #136ed4 !important;
  border-color: #8ee8ff !important;
  color: #fff !important;
  box-shadow:
    0 0 0 5px rgba(43, 180, 255, .18),
    0 0 26px rgba(61, 205, 255, .76),
    inset 0 2px rgba(255,255,255,.34) !important;
}

@media (max-width: 760px) {
  html body #benchiBaomaRoom .bmw-track-ring,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring {
    inset: 6px 7px 7px !important;
  }

  html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo {
    width: 28px !important;
    height: 28px !important;
    padding: 2px !important;
  }

  html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo .bmw-logo,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo .bmw-logo {
    width: 22px !important;
    height: 22px !important;
  }

  html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active {
    width: 38px !important;
    height: 38px !important;
  }

  html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active .bmw-logo,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active .bmw-logo {
    width: 29px !important;
    height: 29px !important;
  }
}

html body #benchiBaomaRoom .bmw-main,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-main {
  position: absolute !important;
  left: 76px !important;
  right: 76px !important;
  top: 92px !important;
  bottom: 118px !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 14px !important;
}

html body #benchiBaomaRoom .bmw-table,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table {
  position: relative !important;
  width: min(96%, 760px) !important;
  min-height: 430px !important;
  margin: 0 auto 14px !important;
  border: 10px solid rgba(23, 31, 49, .78) !important;
  border-radius: 240px !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.12) 1px, transparent 1px),
    radial-gradient(circle at 50% 20%, rgba(255,255,255,.32), transparent 36%),
    linear-gradient(145deg, #8fc9ff 0%, #60a9ef 46%, #4385d8 100%) !important;
  background-size: 25% 50%, 100% 50%, auto, auto !important;
  box-shadow:
    inset 0 0 0 8px rgba(255,255,255,.20),
    inset 0 0 38px rgba(21,53,120,.30),
    0 14px 28px rgba(50,60,145,.28) !important;
  overflow: hidden !important;
}

html body #benchiBaomaRoom .dt-dom-footer,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer {
  position: absolute !important;
  left: 5px !important;
  right: 5px !important;
  bottom: 5px !important;
  z-index: 40 !important;
  height: 102px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 14px 10px 112px !important;
  border: 1px solid rgba(255,255,255,.46) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 38% 0%, rgba(255,255,255,.20), transparent 42%),
    rgba(104, 139, 230, .70) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.34), 0 -7px 18px rgba(77, 87, 172, .16) !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user {
  position: absolute !important;
  left: 12px !important;
  top: 13px !important;
  width: 86px !important;
  height: 76px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.10) !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-me,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-me,
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo {
  display: none !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta {
  position: static !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
  transform: none !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong {
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b {
  color: #fff3a1 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-online,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-online {
  position: static !important;
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(127,236,255,.68) !important;
  border-radius: 999px !important;
  background: rgba(26, 174, 191, .34) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  transform: none !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chips,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chips {
  flex: 1 1 auto !important;
  height: 70px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-around !important;
  gap: 10px !important;
  min-width: 0 !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chip,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chip {
  flex: 0 0 auto !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-room-no,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-room-no {
  position: absolute !important;
  left: 50% !important;
  bottom: 8px !important;
  transform: translateX(-50%) !important;
  height: 20px !important;
  min-height: 20px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(255,255,255,.32) !important;
  border-radius: 999px !important;
  color: rgba(255,255,255,.86) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
}

html body #benchiBaomaRoom .dt-dom-toast,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-toast {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 60 !important;
  transform: translate(-50%, -50%) !important;
  padding: 9px 16px !important;
  border-radius: 999px !important;
  background: rgba(29, 52, 113, .78) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

html body #benchiBaomaRoom .dt-dom-toast.hidden,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-toast.hidden {
  display: none !important;
}

html body #benchiBaomaRoom .bmw-table::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table::before {
  content: "" !important;
  position: absolute !important;
  inset: 28px !important;
  border: 2px solid rgba(255,255,255,.26) !important;
  border-radius: 210px !important;
  pointer-events: none !important;
}

html body #benchiBaomaRoom .bmw-count,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-count {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 8 !important;
  width: 78px !important;
  height: 78px !important;
  transform: translate(-50%, -50%) !important;
  border: 5px solid rgba(198,239,255,.9) !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 35% 22%, #ffffff, #5bc5ff 30%, #236bb6 100%) !important;
  color: #fff !important;
  font-size: 32px !important;
  font-weight: 950 !important;
  line-height: 68px !important;
  text-align: center !important;
  box-shadow: 0 0 28px rgba(85,203,255,.55), inset 0 3px rgba(255,255,255,.5) !important;
}

html body #benchiBaomaRoom .bmw-count.settled,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-count.settled {
  width: 96px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fff0a8, #ecb944 56%, #d18a18) !important;
  color: #643900 !important;
  font-size: 24px !important;
  box-shadow: 0 0 30px rgba(255,211,81,.62), inset 0 2px rgba(255,255,255,.7) !important;
}

html body #benchiBaomaRoom .bmw-track-ring,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring {
  position: absolute !important;
  inset: 8px 26px auto !important;
  z-index: 5 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  height: 42px !important;
  opacity: .98 !important;
}

html body #benchiBaomaRoom .bmw-track-ring span,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring span,
html body #benchiBaomaRoom .bmw-trend,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-trend {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.78) !important;
  box-shadow: 0 3px 9px rgba(28,41,100,.22), inset 0 1px rgba(255,255,255,.8) !important;
  font-size: 18px !important;
}

html body #benchiBaomaRoom .bmw-zone-grid,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid {
  position: absolute !important;
  left: 9% !important;
  right: 9% !important;
  top: 86px !important;
  bottom: 92px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  border-radius: 26px !important;
  overflow: hidden !important;
}

html body #benchiBaomaRoom .bmw-bet-zone,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone {
  position: relative !important;
  min-width: 0 !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(34, 113, 188, .18) !important;
  color: rgba(255,255,255,.86) !important;
  overflow: hidden !important;
}

html body #benchiBaomaRoom .bmw-bet-zone .bmw-brand,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone .bmw-brand {
  display: block !important;
  margin: 12px auto 0 !important;
  font-size: 36px !important;
  opacity: .82 !important;
}

html body #benchiBaomaRoom .bmw-bet-zone strong,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone strong {
  display: block !important;
  margin-top: 2px !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

html body #benchiBaomaRoom .bmw-bet-zone em,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone em {
  display: block !important;
  color: rgba(255,255,255,.45) !important;
  font-size: 28px !important;
  font-style: normal !important;
  font-weight: 950 !important;
}

html body #benchiBaomaRoom .bmw-bet-zone small,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone small {
  position: absolute !important;
  right: 10px !important;
  bottom: 8px !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

html body #benchiBaomaRoom .bmw-bet-zone:hover,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone:hover,
html body #benchiBaomaRoom .bmw-bet-zone:active,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone:active {
  background: rgba(255, 231, 127, .18) !important;
}

html body #benchiBaomaRoom .bmw-bet-zone .dt-dom-chip-cloud,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone .dt-dom-chip-cloud {
  position: absolute !important;
  inset: 42% 8px 8px !important;
}

html body #benchiBaomaRoom .bmw-trends,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-trends {
  position: absolute !important;
  left: 20% !important;
  right: 20% !important;
  bottom: 34px !important;
  z-index: 9 !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  border-radius: 12px !important;
  background: rgba(39, 57, 112, .38) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.22) !important;
}

html body #benchiBaomaRoom .bmw-trend.latest,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-trend.latest {
  outline: 2px solid #52ff9b !important;
}

html body #benchiBaomaRoom .bmw-room-no,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-room-no {
  position: absolute !important;
  left: 50% !important;
  bottom: 78px !important;
  transform: translateX(-50%) !important;
  color: rgba(255,255,255,.52) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

/* TRUE EOF 119: rebuild Benchi Baoma footer, remove chip helper text. */
html body #benchiBaomaRoom .dt-dom-footer,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer {
  height: 152px !important;
  left: 6px !important;
  right: 6px !important;
  bottom: 4px !important;
  padding: 0 !important;
  display: block !important;
  border: 1px solid rgba(126, 204, 255, .62) !important;
  border-radius: 16px 16px 0 0 !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(108, 205, 255, .25), transparent 34%),
    linear-gradient(180deg, rgba(15, 88, 194, .88), rgba(5, 44, 135, .96)) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.24),
    inset 0 -1px rgba(0,0,0,.18),
    0 -8px 22px rgba(1, 20, 81, .28) !important;
}

html body #benchiBaomaRoom .dt-dom-footer::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer::before {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  top: 8px !important;
  height: 70px !important;
  border: 1px solid rgba(141, 209, 255, .54) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(90deg, rgba(4, 31, 103, .68), rgba(24, 114, 216, .56), rgba(4, 31, 103, .68)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.18), 0 6px 14px rgba(0,0,0,.16) !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chips,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chips {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  top: 0 !important;
  z-index: 3 !important;
  height: 86px !important;
  padding: 0 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-around !important;
  gap: 10px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chip,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chip {
  width: 68px !important;
  height: 68px !important;
  margin: 0 !important;
  position: relative !important;
  filter: drop-shadow(0 6px 8px rgba(0, 16, 74, .30)) saturate(1.08) !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chip.active,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chip.active {
  filter: drop-shadow(0 0 12px rgba(255, 238, 87, .88)) drop-shadow(0 7px 8px rgba(0, 16, 74, .24)) saturate(1.14) !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chip::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chip::after {
  display: none !important;
  content: none !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user {
  position: absolute !important;
  left: 14px !important;
  bottom: 10px !important;
  top: auto !important;
  z-index: 4 !important;
  width: 210px !important;
  height: 54px !important;
  display: grid !important;
  grid-template-columns: 48px 1fr auto !important;
  grid-template-rows: 1fr !important;
  align-items: center !important;
  justify-content: initial !important;
  column-gap: 8px !important;
  padding: 4px 8px !important;
  border: 1px solid rgba(137, 203, 255, .52) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, rgba(6, 62, 156, .72), rgba(4, 35, 111, .76)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.18), 0 5px 12px rgba(0,0,0,.20) !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo {
  display: flex !important;
  grid-column: 1 !important;
  width: 46px !important;
  height: 46px !important;
  border: 2px solid rgba(255, 230, 130, .86) !important;
  border-radius: 50% !important;
  align-items: center !important;
  justify-content: center !important;
  color: #764000 !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  background: radial-gradient(circle at 35% 20%, #fff, #ffe492 42%, #c78a1a 100%) !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-me,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-me {
  display: none !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta {
  grid-column: 2 !important;
  position: static !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 2px !important;
  transform: none !important;
  min-width: 0 !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  max-width: 96px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b {
  color: #ffe46f !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-online,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-online {
  position: absolute !important;
  left: 50% !important;
  bottom: 12px !important;
  transform: translateX(-50%) !important;
  z-index: 4 !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(255, 228, 128, .72) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.34), transparent 30%),
    linear-gradient(180deg, #fff4ca 0%, #f5c44f 46%, #b57713 100%) !important;
  color: #6d3d00 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.58), 0 4px 12px rgba(0,0,0,.22) !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-online::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-online::before {
  content: "👤" !important;
  margin-right: 4px !important;
}

html body #benchiBaomaRoom .bmw-repeat,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-repeat,
html body #benchiBaomaRoom .bmw-undo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-undo {
  bottom: 10px !important;
  z-index: 4 !important;
  width: 82px !important;
  height: 52px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
}

html body #benchiBaomaRoom .bmw-repeat,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-repeat {
  right: 104px !important;
}

html body #benchiBaomaRoom .bmw-undo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-undo {
  right: 14px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-room-no,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-room-no {
  left: 50% !important;
  bottom: 88px !important;
  z-index: 4 !important;
  transform: translateX(-50%) !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(141, 209, 255, .38) !important;
  border-radius: 999px !important;
  background: rgba(4, 24, 82, .42) !important;
  color: rgba(231, 244, 255, .86) !important;
  font-size: 11px !important;
}

/* TRUE EOF 120: compact Benchi Baoma footer user info and correct room number. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user {
  left: 18px !important;
  bottom: 14px !important;
  width: 122px !important;
  height: 44px !important;
  grid-template-columns: 34px 1fr !important;
  column-gap: 6px !important;
  padding: 4px 7px !important;
  border-radius: 12px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo {
  width: 32px !important;
  height: 32px !important;
  font-size: 17px !important;
  border-width: 1.5px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong {
  max-width: 68px !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b {
  font-size: 11px !important;
  line-height: 1.05 !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-online,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-online {
  left: 50% !important;
  bottom: 10px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 12px !important;
  font-size: 11px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-room-no,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-room-no {
  left: 50% !important;
  bottom: 46px !important;
  height: 20px !important;
  min-height: 20px !important;
  padding: 0 12px !important;
  font-size: 10px !important;
  background: rgba(5, 28, 91, .34) !important;
  border-color: rgba(154, 214, 255, .28) !important;
}

/* TRUE EOF 121: match reference bottom info bar for Benchi Baoma. */
html body #benchiBaomaRoom .dt-dom-footer,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer {
  height: 136px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body #benchiBaomaRoom .dt-dom-footer::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer::before {
  left: 14px !important;
  right: 14px !important;
  top: 0 !important;
  height: 66px !important;
  border: 1px solid rgba(112, 178, 255, .66) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(90deg, rgba(3, 33, 103, .96) 0%, rgba(10, 71, 172, .96) 48%, rgba(7, 53, 150, .98) 100%) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.20),
    inset 0 -1px rgba(4,16,62,.64),
    0 -2px 14px rgba(54, 142, 255, .16) !important;
}

html body #benchiBaomaRoom .dt-dom-footer::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer::after {
  content: "" !important;
  position: absolute !important;
  left: 224px !important;
  right: 236px !important;
  top: 11px !important;
  height: 44px !important;
  border-left: 1px solid rgba(255,255,255,.24) !important;
  border-right: 1px solid rgba(255,255,255,.24) !important;
  pointer-events: none !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chips,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chips {
  left: 18px !important;
  right: 18px !important;
  top: -82px !important;
  height: 76px !important;
  padding: 0 !important;
  z-index: 4 !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chip,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chip {
  width: 72px !important;
  height: 72px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user {
  left: 20px !important;
  top: 6px !important;
  bottom: auto !important;
  width: 210px !important;
  height: 54px !important;
  grid-template-columns: 50px 1fr 30px !important;
  column-gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo {
  width: 50px !important;
  height: 50px !important;
  border: 2px solid rgba(255, 229, 128, .92) !important;
  font-size: 21px !important;
  box-shadow: 0 0 8px rgba(255, 219, 91, .36), 0 3px 7px rgba(0,0,0,.24) !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta {
  gap: 4px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong {
  max-width: 88px !important;
  font-size: 13px !important;
  color: #fff !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b {
  display: inline-flex !important;
  align-items: center !important;
  height: 24px !important;
  min-width: 116px !important;
  padding: 0 28px 0 26px !important;
  border: 1px solid rgba(127, 174, 255, .38) !important;
  border-radius: 999px !important;
  background: rgba(3, 25, 82, .44) !important;
  color: #ffe05f !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  position: relative !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::before {
  content: "×" !important;
  position: absolute !important;
  left: 6px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 17px !important;
  height: 17px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, #fff1a0, #f2991d) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::after {
  content: "+" !important;
  position: absolute !important;
  right: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #ffe16f !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-online,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-online {
  left: 50% !important;
  top: 6px !important;
  bottom: auto !important;
  width: 68px !important;
  height: 54px !important;
  min-height: 54px !important;
  padding: 31px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #ffe56e !important;
  font-size: 12px !important;
  box-shadow: none !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-online::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-online::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  transform: translateX(-50%) !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% 50% 45% 45% !important;
  background:
    radial-gradient(circle at 50% 38%, #fff 0 16%, transparent 17%),
    radial-gradient(circle at 50% 68%, #fff 0 25%, transparent 26%),
    linear-gradient(180deg, #f9fcff, #d9e7ff) !important;
  box-shadow: 0 0 0 2px rgba(255, 225, 103, .78), 0 4px 10px rgba(0,0,0,.22) !important;
}

html body #benchiBaomaRoom .bmw-repeat,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-repeat,
html body #benchiBaomaRoom .bmw-undo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-undo {
  top: 7px !important;
  bottom: auto !important;
  width: 70px !important;
  height: 52px !important;
  border-radius: 7px !important;
  padding-top: 24px !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

/* TRUE EOF 214: final cascade guard for BMW round-result emphasis. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win {
  top: -22px !important;
  font-size: 24px !important;
  font-weight: 1000 !important;
  line-height: 26px !important;
  opacity: 1 !important;
}

html body #benchiBaomaRoom .dt-dom-players .dt-side-player > b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players .dt-side-player > b {
  font-size: 22px !important;
  font-weight: 1000 !important;
  opacity: 1 !important;
}

/* TRUE EOF 216: make the winning BMW cell and rail mark unmistakable. */
@keyframes bmw-winning-cell-pulse {
  0%, 100% {
    filter: brightness(1.10) saturate(1.08);
    box-shadow:
      inset 0 0 0 3px rgba(255, 231, 126, .98),
      inset 0 0 34px rgba(255, 207, 54, .30),
      0 0 14px rgba(255, 204, 44, .64) !important;
  }
  50% {
    filter: brightness(1.24) saturate(1.16);
    box-shadow:
      inset 0 0 0 4px #fff0a1,
      inset 0 0 46px rgba(255, 215, 74, .48),
      0 0 26px rgba(255, 210, 55, .92) !important;
  }
}

html body #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner,
html body #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner:nth-child(2n),
html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner:nth-child(2n),
html body #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner:nth-child(n+7),
html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner:nth-child(n+7) {
  position: relative !important;
  z-index: 8 !important;
  border-color: transparent !important;
  background:
    radial-gradient(circle at 50% 34%, rgba(255, 247, 185, .48) 0%, rgba(255, 220, 91, .22) 30%, transparent 59%),
    linear-gradient(145deg, #438fdf 0%, #1f6bc8 48%, #0f4ea8 100%) !important;
  animation: bmw-winning-cell-pulse 1.15s ease-in-out infinite !important;
}

html body #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner::after,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner::after {
  content: "" !important;
  position: absolute !important;
  inset: 5px !important;
  pointer-events: none !important;
  border: 1px solid rgba(255, 245, 183, .72) !important;
  border-radius: 0 !important;
  background: linear-gradient(135deg, rgba(255,255,255,.13), transparent 38%, rgba(255,211,66,.10)) !important;
}

html body #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner > *,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner > * {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes bmw-winning-rail-pulse {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1.22);
    filter:
      drop-shadow(0 0 2px #fff)
      drop-shadow(0 0 7px #ffd447)
      drop-shadow(0 0 12px rgba(255, 181, 25, .82));
  }
  50% {
    transform: translate(-50%, -50%) scale(1.48);
    filter:
      brightness(1.18)
      saturate(1.18)
      drop-shadow(0 0 3px #fff8c7)
      drop-shadow(0 0 11px #ffd11f)
      drop-shadow(0 0 20px rgba(255, 153, 0, .96));
  }
}

html body #benchiBaomaRoom.benchi-baoma-room .bmw-table:not(.is-spinning) .bmw-track-ring > .bmw-ring-logo.active,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table:not(.is-spinning) .bmw-track-ring > .bmw-ring-logo.active {
  z-index: 120 !important;
  opacity: 1 !important;
  overflow: visible !important;
  animation: bmw-winning-rail-pulse .92s ease-in-out infinite !important;
}

html body #benchiBaomaRoom.benchi-baoma-room .bmw-table:not(.is-spinning) .bmw-track-ring > .bmw-ring-logo.active::before,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table:not(.is-spinning) .bmw-track-ring > .bmw-ring-logo.active::before {
  content: "" !important;
  position: absolute !important;
  inset: -8px !important;
  z-index: -1 !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(255, 247, 178, .88) 0 22%, rgba(255, 207, 42, .52) 42%, rgba(255, 168, 0, 0) 72%) !important;
  box-shadow: 0 0 0 2px rgba(255, 226, 94, .82), 0 0 18px rgba(255, 180, 20, .92) !important;
}

html body #benchiBaomaRoom.benchi-baoma-room .bmw-table:not(.is-spinning) .bmw-track-ring > .bmw-ring-logo.active .bmw-logo img,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table:not(.is-spinning) .bmw-track-ring > .bmw-ring-logo.active .bmw-logo img {
  filter: brightness(1.24) saturate(1.22) contrast(1.12) !important;
}

@media (prefers-reduced-motion: reduce) {
  html body #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner,
  html body #benchiBaomaRoom.benchi-baoma-room .bmw-table:not(.is-spinning) .bmw-track-ring > .bmw-ring-logo.active,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table:not(.is-spinning) .bmw-track-ring > .bmw-ring-logo.active {
    animation: none !important;
  }
}

/* TRUE EOF 237: BMW lobby preview uses its own clean racing surface.
   The former three generic felt dividers were baked into the shared table
   bitmap, so swap only this game to the clean table and add an embedded
   oval circuit, finish line and direction markers. */
html body #clubPage .club-table-card.game-benchiBaoma .club-table-scene,
html body.theme-pearl-blue #clubPage .club-table-card.game-benchiBaoma .club-table-scene {
  background-image: url("./assets/dragon-tiger-table-clean.webp?v=1") !important;
}

html body #clubPage .club-table-card.game-benchiBaoma .club-table-scene::after,
html body.theme-pearl-blue #clubPage .club-table-card.game-benchiBaoma .club-table-scene::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 2 !important;
  display: block !important;
  width: 248px !important;
  height: 112px !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20248%20112%22%3E%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%22238%22%20height%3D%22102%22%20rx%3D%2251%22%20fill%3D%22none%22%20stroke%3D%22%230b3039%22%20stroke-width%3D%2213%22%2F%3E%3Crect%20x%3D%2211.5%22%20y%3D%2211.5%22%20width%3D%22225%22%20height%3D%2289%22%20rx%3D%2244.5%22%20fill%3D%22none%22%20stroke%3D%22%2365d7d1%22%20stroke-opacity%3D%22.72%22%20stroke-width%3D%221.5%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%22216%22%20height%3D%2280%22%20rx%3D%2240%22%20fill%3D%22none%22%20stroke%3D%22%23d9b65b%22%20stroke-opacity%3D%22.62%22%20stroke-width%3D%221.4%22%20stroke-dasharray%3D%2210%209%22%2F%3E%3Cg%20opacity%3D%22.9%22%3E%3Cpath%20fill%3D%22%23edf8f7%22%20d%3D%22M119%209h5v7h-5zm5%207h5v7h-5zm-5%207h5v7h-5zm5%207h5v7h-5zm-5%2045h5v7h-5zm5%207h5v7h-5zm-5%207h5v7h-5zm5%207h5v7h-5z%22%2F%3E%3Cpath%20fill%3D%22%23183b43%22%20d%3D%22M124%209h5v7h-5zm-5%207h5v7h-5zm5%207h5v7h-5zm-5%207h5v7h-5zm5%2045h5v7h-5zm-5%207h5v7h-5zm5%207h5v7h-5zm-5%207h5v7h-5z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M31%2056l12-8v5h14v6H43v5zM217%2056l-12-8v5h-14v6h14v5z%22%20fill%3D%22%23e2bf67%22%20fill-opacity%3D%22.9%22%2F%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat !important;
  box-shadow: 0 3px 8px rgba(0, 21, 25, .18) !important;
  transform: translate(-50%, -50%) !important;
  pointer-events: none !important;
}

/* TRUE EOF 232: restore the stable pre-reference Sangong seat map.
   Keep the current table artwork, but use the original single top seat,
   four seats per side and one centered bottom seat. This final block also
   supersedes the later mobile-only 14/86% offsets. */
html body #room.sangong-mode .player.seat-0,
html body.theme-pearl-blue #room.sangong-mode .player.seat-0 {
  left: 50% !important;
  top: 82.8% !important;
}

html body #room.sangong-mode .player.seat-1,
html body.theme-pearl-blue #room.sangong-mode .player.seat-1 {
  left: 16.4% !important;
  top: 80% !important;
}

html body #room.sangong-mode .player.seat-2,
html body.theme-pearl-blue #room.sangong-mode .player.seat-2 {
  left: 16.4% !important;
  top: 61% !important;
}

html body #room.sangong-mode .player.seat-3,
html body.theme-pearl-blue #room.sangong-mode .player.seat-3 {
  left: 16.4% !important;
  top: 42% !important;
}

html body #room.sangong-mode .player.seat-4,
html body.theme-pearl-blue #room.sangong-mode .player.seat-4 {
  left: 16.4% !important;
  top: 23% !important;
}

html body #room.sangong-mode .player.seat-5,
html body.theme-pearl-blue #room.sangong-mode .player.seat-5 {
  left: 50% !important;
  top: 14% !important;
}

html body #room.sangong-mode .player.seat-6,
html body.theme-pearl-blue #room.sangong-mode .player.seat-6 {
  left: 83.6% !important;
  top: 23% !important;
}

html body #room.sangong-mode .player.seat-7,
html body.theme-pearl-blue #room.sangong-mode .player.seat-7 {
  left: 83.6% !important;
  top: 42% !important;
}

html body #room.sangong-mode .player.seat-8,
html body.theme-pearl-blue #room.sangong-mode .player.seat-8 {
  left: 83.6% !important;
  top: 61% !important;
}

html body #room.sangong-mode .player.seat-9,
html body.theme-pearl-blue #room.sangong-mode .player.seat-9 {
  left: 83.6% !important;
  top: 80% !important;
}

/* TRUE EOF 230: remove the legacy active-seat horizontal offset from portraits. */
html body #room.sangong-mode .player.active-seat > .seat-card:not(.empty-chair),
html body.theme-pearl-blue #room.sangong-mode .player.active-seat > .seat-card:not(.empty-chair) {
  left: auto !important;
  right: auto !important;
  justify-self: center !important;
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;
}

/* TRUE EOF 226: final lock for the pre-reference Sangong countdown. */
html body #room.sangong-mode .dealer > #statusText,
html body #room.sangong-mode .dealer > #statusText.ready-action,
html body.theme-pearl-blue #room.sangong-mode .dealer > #statusText,
html body.theme-pearl-blue #room.sangong-mode .dealer > #statusText.ready-action {
  display: inline-grid !important;
  place-items: center !important;
  width: fit-content !important;
  min-width: 96px !important;
  max-width: calc(100vw - 110px) !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding: 3px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fff5a8 0%, #f7c243 16%, #c57a08 50%, #8f5200 100%) !important;
  color: #221100 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  text-shadow: none !important;
  box-shadow:
    0 7px 13px rgba(28, 13, 0, .36),
    inset 0 3px 4px rgba(255, 255, 255, .85),
    inset 0 -5px 8px rgba(86, 38, 0, .52) !important;
}

html body #room.sangong-mode .dealer > #statusText .status-light,
html body.theme-pearl-blue #room.sangong-mode .dealer > #statusText .status-light {
  display: block !important;
}

html body #room.sangong-mode .dealer > #statusText .status-inner,
html body.theme-pearl-blue #room.sangong-mode .dealer > #statusText .status-inner {
  align-items: center !important;
  gap: 0 !important;
  max-height: 34px !important;
  padding: 0 16px !important;
}

html body #room.sangong-mode .dealer > #statusText .status-label,
html body.theme-pearl-blue #room.sangong-mode .dealer > #statusText .status-label {
  color: #221100 !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

html body #room.sangong-mode .dealer > #statusText .status-number,
html body.theme-pearl-blue #room.sangong-mode .dealer > #statusText .status-number {
  margin-left: 8px !important;
  color: #221100 !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

/* TRUE EOF 225: keep every Sangong portrait optically centered in its seat. */
html body #room.sangong-mode .player,
html body.theme-pearl-blue #room.sangong-mode .player {
  justify-items: center !important;
  text-align: center !important;
}

html body #room.sangong-mode .player .seat-card:not(.empty-chair),
html body.theme-pearl-blue #room.sangong-mode .player .seat-card:not(.empty-chair) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  line-height: 0 !important;
}

html body #room.sangong-mode .player .seat-card:not(.empty-chair) > .avatar,
html body.theme-pearl-blue #room.sangong-mode .player .seat-card:not(.empty-chair) > .avatar {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

html body #room.sangong-mode .player .seat-card:not(.empty-chair) > .avatar > img,
html body.theme-pearl-blue #room.sangong-mode .player .seat-card:not(.empty-chair) > .avatar > img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  object-fit: cover !important;
  object-position: 50% 50% !important;
}

/* TRUE EOF 224: lighter, single-frame Sangong header. */
html body #room.sangong-mode,
html body.theme-pearl-blue #room.sangong-mode {
  background:
    radial-gradient(ellipse at 50% 6%, rgba(96, 166, 255, .44), transparent 42%),
    radial-gradient(ellipse at 50% 82%, rgba(38, 105, 208, .24), transparent 54%),
    linear-gradient(180deg, #123975 0%, #0b2c66 46%, #071f50 100%) !important;
}

html body #room.sangong-mode .room-head,
html body.theme-pearl-blue #room.sangong-mode .room-head {
  border: 1px solid rgba(255, 222, 151, .88) !important;
  border-radius: 30px 30px 12px 12px !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035), rgba(255,255,255,.11) 48%, rgba(255,255,255,.035)),
    linear-gradient(180deg, #2b62aa 0%, #1c4f96 50%, #123c7c 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -1px 0 rgba(5, 34, 91, .58),
    0 7px 18px rgba(4, 27, 78, .26) !important;
}

html body #room.sangong-mode .room-head::before,
html body.theme-pearl-blue #room.sangong-mode .room-head::before {
  inset: 5px !important;
  border: 0 !important;
  border-radius: 25px 25px 9px 9px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), transparent 43%),
    radial-gradient(ellipse at 50% -15%, rgba(173, 215, 255, .24), transparent 58%) !important;
  box-shadow: none !important;
}

html body #room.sangong-mode .room-head::after,
html body.theme-pearl-blue #room.sangong-mode .room-head::after {
  bottom: -7px !important;
  width: 12px !important;
  height: 12px !important;
  border: 1px solid rgba(255, 237, 188, .90) !important;
  background: linear-gradient(135deg, #fff3c0, #dcae54 58%, #865a19) !important;
  box-shadow: 0 0 8px rgba(255, 207, 93, .38) !important;
}

html body #room.sangong-mode > .room-head > #backBtn,
html body #room.sangong-mode > .room-head > #ruleBtn,
html body.theme-pearl-blue #room.sangong-mode > .room-head > #backBtn,
html body.theme-pearl-blue #room.sangong-mode > .room-head > #ruleBtn {
  border: 1px solid rgba(224, 231, 251, .54) !important;
  color: #fffdf5 !important;
  background: linear-gradient(180deg, rgba(79, 132, 201, .98), rgba(31, 77, 145, .98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    inset 0 -2px 3px rgba(6, 34, 89, .32),
    0 4px 8px rgba(3, 24, 70, .20) !important;
}

html body #room.sangong-mode > .room-head > #replayBtn,
html body.theme-pearl-blue #room.sangong-mode > .room-head > #replayBtn {
  border: 1px solid rgba(255, 240, 190, .94) !important;
  background: linear-gradient(180deg, #ffeaa8 0%, #f6ca62 51%, #d69a35 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -2px 3px rgba(123, 70, 10, .24),
    0 5px 10px rgba(63, 36, 3, .22) !important;
}

@media (max-width: 560px) {
  html body #room.sangong-mode .room-head,
  html body.theme-pearl-blue #room.sangong-mode .room-head {
    border-radius: 22px 22px 9px 9px !important;
  }

  html body #room.sangong-mode .room-head::before,
  html body.theme-pearl-blue #room.sangong-mode .room-head::before {
    inset: 4px !important;
    border-radius: 18px 18px 7px 7px !important;
  }
}

/* TRUE EOF 221Z: keep the Sangong navy felt above legacy color overrides. */
html body #room.sangong-mode .table,
html body.theme-pearl-blue #room.sangong-mode .table {
  position: relative !important;
  z-index: 1 !important;
  align-self: stretch !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 210, 105, .86) !important;
  border-radius: 54px !important;
  background:
    radial-gradient(ellipse at 50% 10%, rgba(60, 121, 235, .32), transparent 36%),
    linear-gradient(180deg, #0c285e 0%, #071e51 52%, #04143a 100%) !important;
  box-shadow:
    0 0 0 2px rgba(5, 17, 49, .90),
    0 18px 34px rgba(0, 6, 30, .54) !important;
}

html body #room.sangong-mode .table::before,
html body.theme-pearl-blue #room.sangong-mode .table::before {
  content: "" !important;
  position: absolute !important;
  inset: 13px !important;
  z-index: 0 !important;
  border: 10px solid transparent !important;
  border-radius: 46px !important;
  background:
    radial-gradient(ellipse at 50% 7%, rgba(108, 187, 255, .34), transparent 34%),
    radial-gradient(ellipse at 50% 94%, rgba(0, 56, 142, .30), transparent 46%),
    linear-gradient(180deg, #287dd7 0%, #1261be 34%, #074798 70%, #043479 100%) padding-box,
    linear-gradient(140deg, #fff8d3 0%, #eab54f 16%, #6a3f0b 29%, #ffe692 48%, #9d641e 64%, #fff0ad 84%, #b27021 100%) border-box !important;
  box-shadow:
    inset 0 0 0 2px rgba(198, 231, 255, .62),
    inset 0 0 0 6px rgba(3, 42, 104, .36),
    inset 0 24px 50px rgba(151, 215, 255, .20),
    inset 0 -36px 58px rgba(0, 21, 77, .34),
    0 0 0 3px #12306b,
    0 0 0 6px rgba(255, 218, 124, .86),
    0 0 0 9px #0b2458,
    0 14px 26px rgba(0, 9, 43, .48) !important;
}

html body #room.sangong-mode .table::after,
html body.theme-pearl-blue #room.sangong-mode .table::after {
  content: "" !important;
  position: absolute !important;
  inset: 34px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border: 1px solid rgba(168, 215, 255, .34) !important;
  border-radius: 32px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.05), transparent 32%),
    radial-gradient(ellipse at 50% 30%, rgba(92, 173, 255, .11), transparent 54%) !important;
  box-shadow:
    inset 0 0 34px rgba(137, 210, 255, .10),
    inset 0 0 0 1px rgba(0, 45, 118, .30) !important;
}

@media (max-width: 560px) {
  html body #room.sangong-mode .table,
  html body.theme-pearl-blue #room.sangong-mode .table {
    border-radius: 38px !important;
  }

  html body #room.sangong-mode .table::before,
  html body.theme-pearl-blue #room.sangong-mode .table::before {
    inset: 9px !important;
    border-width: 7px !important;
    border-radius: 33px !important;
  }

  html body #room.sangong-mode .table::after,
  html body.theme-pearl-blue #room.sangong-mode .table::after {
    inset: 24px !important;
    border-radius: 23px !important;
  }
}

/* TRUE EOF 220B: final bright Sangong felt override; geometry remains untouched. */
html body #room.sangong-mode .table,
html body.theme-pearl-blue #room.sangong-mode .table {
  background:
    radial-gradient(ellipse at 50% 8%, rgba(218, 244, 255, .38), transparent 36%),
    radial-gradient(ellipse at 50% 92%, rgba(79, 160, 229, .20), transparent 42%) !important;
}

html body #room.sangong-mode .table::before,
html body.theme-pearl-blue #room.sangong-mode .table::before {
  border-color: #2b68a8 !important;
  background:
    linear-gradient(90deg, rgba(226, 246, 255, .34) 0 2px, transparent 2px calc(100% - 2px), rgba(226, 246, 255, .34) calc(100% - 2px)),
    radial-gradient(ellipse at 50% 14%, rgba(222, 246, 255, .40), transparent 38%),
    radial-gradient(ellipse at 50% 88%, rgba(18, 88, 181, .16), transparent 46%),
    linear-gradient(180deg, #58a7ea 0%, #3789da 48%, #2470c8 100%) !important;
  box-shadow:
    inset 0 0 0 2px rgba(239, 250, 255, .76),
    inset 0 0 0 7px rgba(24, 82, 146, .42),
    inset 0 22px 42px rgba(225, 246, 255, .22),
    inset 0 -26px 44px rgba(24, 83, 169, .18),
    0 0 0 3px rgba(174, 219, 249, .82),
    0 0 0 7px rgba(21, 56, 101, .88),
    0 15px 28px rgba(35, 81, 145, .28),
    0 0 24px rgba(104, 190, 255, .30) !important;
}

html body #room.sangong-mode .table::after,
html body.theme-pearl-blue #room.sangong-mode .table::after {
  border-color: rgba(219, 243, 255, .68) !important;
  background:
    radial-gradient(ellipse at 50% 18%, rgba(231, 248, 255, .18), transparent 42%),
    linear-gradient(180deg, rgba(105, 191, 244, .06), rgba(19, 96, 190, .05)) !important;
  box-shadow:
    inset 0 0 24px rgba(201, 235, 255, .18),
    inset 0 0 0 1px rgba(33, 108, 190, .24) !important;
}

html body #room.sangong-mode .table-brand strong,
html body.theme-pearl-blue #room.sangong-mode .table-brand strong {
  color: rgba(226, 245, 255, .94) !important;
  text-shadow: 0 1px 0 rgba(18, 72, 139, .52) !important;
}

html body #clubPage .club-table-card.game-sangong .club-table-scene::after,
html body.theme-pearl-blue #clubPage .club-table-card.game-sangong .club-table-scene::after {
  background: linear-gradient(180deg, #73b8ee 0%, #438fdc 48%, #2873c7 100%) !important;
  opacity: .92 !important;
}

/* TRUE EOF 219: give Sangong the Benchi Baoma sapphire/metal palette only. */
html body #room.sangong-mode .table,
html body.theme-pearl-blue #room.sangong-mode .table {
  background:
    radial-gradient(ellipse at 50% 8%, rgba(218, 244, 255, .38), transparent 36%),
    radial-gradient(ellipse at 50% 92%, rgba(79, 160, 229, .20), transparent 42%) !important;
}

html body #room.sangong-mode .table::before,
html body.theme-pearl-blue #room.sangong-mode .table::before {
  border-color: #2b68a8 !important;
  background:
    linear-gradient(90deg, rgba(226, 246, 255, .34) 0 2px, transparent 2px calc(100% - 2px), rgba(226, 246, 255, .34) calc(100% - 2px)),
    radial-gradient(ellipse at 50% 14%, rgba(222, 246, 255, .40), transparent 38%),
    radial-gradient(ellipse at 50% 88%, rgba(18, 88, 181, .16), transparent 46%),
    linear-gradient(180deg, #58a7ea 0%, #3789da 48%, #2470c8 100%) !important;
  box-shadow:
    inset 0 0 0 2px rgba(239, 250, 255, .76),
    inset 0 0 0 7px rgba(24, 82, 146, .42),
    inset 0 22px 42px rgba(225, 246, 255, .22),
    inset 0 -26px 44px rgba(24, 83, 169, .18),
    0 0 0 3px rgba(174, 219, 249, .82),
    0 0 0 7px rgba(21, 56, 101, .88),
    0 15px 28px rgba(35, 81, 145, .28),
    0 0 24px rgba(104, 190, 255, .30) !important;
}

html body #room.sangong-mode .table::after,
html body.theme-pearl-blue #room.sangong-mode .table::after {
  border-color: rgba(219, 243, 255, .68) !important;
  background:
    radial-gradient(ellipse at 50% 18%, rgba(231, 248, 255, .18), transparent 42%),
    linear-gradient(180deg, rgba(105, 191, 244, .06), rgba(19, 96, 190, .05)) !important;
  box-shadow:
    inset 0 0 24px rgba(201, 235, 255, .18),
    inset 0 0 0 1px rgba(33, 108, 190, .24) !important;
}

html body #room.sangong-mode .table-brand strong,
html body.theme-pearl-blue #room.sangong-mode .table-brand strong {
  color: rgba(226, 245, 255, .94) !important;
  text-shadow: 0 1px 0 rgba(18, 72, 139, .52) !important;
}

html body #room.sangong-mode .table-brand::before,
html body #room.sangong-mode .table-brand::after,
html body.theme-pearl-blue #room.sangong-mode .table-brand::before,
html body.theme-pearl-blue #room.sangong-mode .table-brand::after {
  background: linear-gradient(90deg, transparent, rgba(168, 219, 255, .46), transparent) !important;
}

/* Recolor the Sangong lobby miniature from emerald to the same sapphire family. */
html body #clubPage .club-table-card.game-sangong .club-table-scene::after,
html body.theme-pearl-blue #clubPage .club-table-card.game-sangong .club-table-scene::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, #73b8ee 0%, #438fdc 48%, #2873c7 100%) !important;
  -webkit-mask: url("./assets/dragon-tiger-table-clean.webp?v=1") center / contain no-repeat !important;
  mask: url("./assets/dragon-tiger-table-clean.webp?v=1") center / contain no-repeat !important;
  mix-blend-mode: color !important;
  opacity: .92 !important;
}

html body #clubPage .club-table-card.game-sangong .club-table-top strong,
html body.theme-pearl-blue #clubPage .club-table-card.game-sangong .club-table-top strong {
  color: rgba(215, 238, 255, .84) !important;
}

html body #clubPage .club-table-card.game-sangong .club-table-top small,
html body.theme-pearl-blue #clubPage .club-table-card.game-sangong .club-table-top small {
  color: rgba(184, 220, 249, .76) !important;
}

/* TRUE EOF 218: bold BMW round results; wins are orange and losses stay blue. */
html body #benchiBaomaRoom .dt-dom-players .dt-side-player > b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players .dt-side-player > b,
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win {
  font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-weight: 900 !important;
  font-style: normal !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

html body #benchiBaomaRoom .dt-dom-players .dt-side-player > b.win,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players .dt-side-player > b.win,
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win.win,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win.win {
  color: #ef7300 !important;
  -webkit-text-fill-color: #ef7300 !important;
}

html body #benchiBaomaRoom .dt-dom-players .dt-side-player > b.lose,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players .dt-side-player > b.lose,
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win.lose,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win.lose {
  color: #146fc4 !important;
  -webkit-text-fill-color: #146fc4 !important;
}

html body #benchiBaomaRoom .dt-dom-players .dt-side-player,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players .dt-side-player {
  position: relative !important;
}

/* TRUE EOF 213: make BMW round results unmissable for the user and every side player. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win {
  top: -22px !important;
  min-width: 54px !important;
  font-size: 24px !important;
  font-weight: 1000 !important;
  line-height: 26px !important;
  letter-spacing: -.5px !important;
  text-align: center !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: 0 2px 5px rgba(33, 65, 138, .22) !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win.win,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win.win {
  color: #b85b00 !important;
  -webkit-text-fill-color: #b85b00 !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win.lose,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win.lose {
  color: #075bb7 !important;
  -webkit-text-fill-color: #075bb7 !important;
}

html body #benchiBaomaRoom .dt-dom-players .dt-side-player > b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players .dt-side-player > b {
  position: absolute !important;
  left: 50% !important;
  top: 27px !important;
  z-index: 12 !important;
  transform: translateX(-50%) !important;
  min-width: 64px !important;
  font-size: 22px !important;
  font-weight: 1000 !important;
  line-height: 24px !important;
  text-align: center !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  text-shadow: 0 2px 5px rgba(31, 62, 125, .20) !important;
}

html body #benchiBaomaRoom .dt-dom-players .dt-side-player > b.win,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players .dt-side-player > b.win {
  color: #b85b00 !important;
  -webkit-text-fill-color: #b85b00 !important;
}

html body #benchiBaomaRoom .dt-dom-players .dt-side-player > b.lose,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players .dt-side-player > b.lose {
  color: #075bb7 !important;
  -webkit-text-fill-color: #075bb7 !important;
}

/* TRUE EOF 212: show the settled result only on real BMW co-banker seats. */
html body #benchiBaomaRoom .dt-dom-topbar .bmw-banker-seat,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-topbar .bmw-banker-seat {
  position: relative !important;
  overflow: visible !important;
}

html body #benchiBaomaRoom .dt-dom-topbar .bmw-banker-seat-result,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-topbar .bmw-banker-seat-result {
  position: absolute !important;
  z-index: 5 !important;
  left: 50% !important;
  bottom: 0 !important;
  transform: translateX(-50%) !important;
  min-width: 28px !important;
  height: 12px !important;
  padding: 0 3px !important;
  border-radius: 6px !important;
  background: rgba(20, 47, 111, .9) !important;
  font-size: 9px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 12px !important;
  text-align: center !important;
  color: #fff !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
}

html body #benchiBaomaRoom .dt-dom-topbar .bmw-banker-seat-result.win,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-topbar .bmw-banker-seat-result.win {
  color: #ffdf64 !important;
}

html body #benchiBaomaRoom .dt-dom-topbar .bmw-banker-seat-result.lose,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-topbar .bmw-banker-seat-result.lose {
  color: #73e8ff !important;
}

html body #benchiBaomaRoom .bmw-repeat,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-repeat {
  right: 98px !important;
}

html body #benchiBaomaRoom .bmw-undo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-undo {
  right: 22px !important;
}

html body #benchiBaomaRoom .bmw-repeat::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-repeat::before,
html body #benchiBaomaRoom .bmw-undo::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-undo::before {
  position: absolute !important;
  left: 50% !important;
  top: 5px !important;
  transform: translateX(-50%) !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

html body #benchiBaomaRoom .bmw-repeat::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-repeat::before {
  content: "↻" !important;
}

html body #benchiBaomaRoom .bmw-undo::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-undo::before {
  content: "↩" !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-room-no,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-room-no {
  bottom: 70px !important;
  height: 22px !important;
  min-height: 22px !important;
  background: rgba(2, 23, 78, .48) !important;
}

/* TRUE EOF 122: exact Benchi Baoma bottom bar layout from reference image. */
html body #benchiBaomaRoom .dt-dom-footer,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer {
  height: 146px !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body #benchiBaomaRoom .dt-dom-footer::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer::before {
  content: "" !important;
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  top: 78px !important;
  height: 64px !important;
  border: 1px solid rgba(115, 185, 255, .72) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(90deg, rgba(4, 31, 99, .98) 0%, rgba(8, 55, 151, .98) 46%, rgba(5, 42, 127, .98) 100%) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .22),
    inset 0 -1px rgba(0, 10, 44, .78),
    0 -3px 14px rgba(39, 137, 255, .18) !important;
}

html body #benchiBaomaRoom .dt-dom-footer::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer::after {
  content: "" !important;
  position: absolute !important;
  left: 46% !important;
  top: 88px !important;
  width: 17% !important;
  height: 44px !important;
  border-left: 1px solid rgba(255,255,255,.25) !important;
  border-right: 1px solid rgba(255,255,255,.25) !important;
  pointer-events: none !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chips,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chips {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  top: 0 !important;
  height: 74px !important;
  z-index: 4 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-around !important;
  gap: 12px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chip,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chip {
  width: 70px !important;
  height: 70px !important;
  margin: 0 !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chip::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chip::after {
  content: none !important;
  display: none !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user {
  position: absolute !important;
  left: 14px !important;
  top: 84px !important;
  bottom: auto !important;
  z-index: 5 !important;
  width: 210px !important;
  height: 54px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: grid !important;
  grid-template-columns: 54px 1fr !important;
  grid-template-rows: 20px 28px !important;
  column-gap: 8px !important;
  align-items: center !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  display: flex !important;
  width: 52px !important;
  height: 52px !important;
  border: 2px solid rgba(255, 230, 126, .96) !important;
  border-radius: 50% !important;
  font-size: 21px !important;
  background: radial-gradient(circle at 35% 18%, #fff, #ffe49a 42%, #c8871e 100%) !important;
  box-shadow: 0 0 8px rgba(255, 219, 91, .36), 0 3px 8px rgba(0,0,0,.26) !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta {
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  position: static !important;
  transform: none !important;
  display: grid !important;
  grid-template-rows: 20px 28px !important;
  align-items: center !important;
  gap: 0 !important;
  min-width: 0 !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong {
  display: block !important;
  max-width: 92px !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 20px !important;
  font-weight: 900 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  width: 128px !important;
  height: 24px !important;
  padding: 0 28px 0 27px !important;
  border: 1px solid rgba(126, 178, 255, .42) !important;
  border-radius: 999px !important;
  background: rgba(3, 22, 79, .48) !important;
  color: #ffe15c !important;
  font-size: 14px !important;
  line-height: 24px !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::before {
  content: "×" !important;
  position: absolute !important;
  left: 6px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 17px !important;
  height: 17px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, #fff2a9, #f49a19) !important;
  color: #fff !important;
  font-size: 12px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::after {
  content: "+" !important;
  position: absolute !important;
  right: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #ffe16a !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-me,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-me {
  display: none !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-online,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-online {
  position: absolute !important;
  left: 54% !important;
  top: 84px !important;
  bottom: auto !important;
  z-index: 5 !important;
  transform: translateX(-50%) !important;
  width: 72px !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 37px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #ffe56c !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 950 !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-online::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-online::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  transform: translateX(-50%) !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 50% 34%, #fff 0 17%, transparent 18%),
    radial-gradient(circle at 50% 72%, #fff 0 26%, transparent 27%),
    linear-gradient(180deg, #fbfdff, #d8e6ff) !important;
  box-shadow: 0 0 0 2px rgba(255, 226, 103, .82), 0 4px 10px rgba(0,0,0,.24) !important;
}

html body #benchiBaomaRoom .bmw-repeat,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-repeat,
html body #benchiBaomaRoom .bmw-undo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-undo {
  position: absolute !important;
  top: 88px !important;
  bottom: auto !important;
  z-index: 5 !important;
  width: 70px !important;
  height: 48px !important;
  padding: 25px 0 0 !important;
  border-radius: 7px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

html body #benchiBaomaRoom .bmw-repeat,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-repeat {
  right: 94px !important;
}

html body #benchiBaomaRoom .bmw-undo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-undo {
  right: 16px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-room-no,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-room-no {
  display: none !important;
}

/* TRUE EOF 123: make Benchi Baoma bottom user block smaller. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user {
  left: 12px !important;
  top: 91px !important;
  width: 168px !important;
  height: 42px !important;
  grid-template-columns: 40px 1fr !important;
  grid-template-rows: 15px 23px !important;
  column-gap: 6px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo {
  width: 40px !important;
  height: 40px !important;
  font-size: 18px !important;
  border-width: 1.5px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta {
  grid-template-rows: 15px 23px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong {
  max-width: 62px !important;
  font-size: 10px !important;
  line-height: 15px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b {
  width: 104px !important;
  height: 20px !important;
  padding: 0 22px 0 22px !important;
  font-size: 11px !important;
  line-height: 20px !important;
  letter-spacing: .5px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::before {
  left: 5px !important;
  width: 14px !important;
  height: 14px !important;
  font-size: 10px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::after {
  right: 6px !important;
  font-size: 16px !important;
}

/* TRUE EOF 124: center Benchi Baoma avatar and simplify coin pill. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user {
  align-items: center !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo {
  align-self: center !important;
  justify-self: center !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b {
  width: 88px !important;
  padding: 0 7px 0 20px !important;
  justify-content: flex-start !important;
  letter-spacing: 0 !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::before {
  content: "" !important;
  left: 5px !important;
  width: 11px !important;
  height: 11px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 35% 25%, #fff6a8, #f5bd29 48%, #bd7507 100%) !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::after {
  display: none !important;
  content: none !important;
}

/* TRUE EOF 125: refine Benchi Baoma bottom bar alignment and action buttons. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user {
  top: 89px !important;
  height: 48px !important;
  grid-template-columns: 42px 1fr !important;
  grid-template-rows: 17px 23px !important;
  align-items: center !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo {
  grid-row: 1 / 3 !important;
  align-self: center !important;
  justify-self: center !important;
  width: 38px !important;
  height: 38px !important;
  transform: translateY(1px) !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta {
  grid-template-rows: 17px 23px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b {
  width: 86px !important;
  height: 18px !important;
  padding: 0 8px 0 17px !important;
  border-color: rgba(116, 174, 255, .46) !important;
  background: rgba(3, 26, 86, .36) !important;
  font-size: 10px !important;
  line-height: 18px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::before {
  left: 5px !important;
  width: 9px !important;
  height: 9px !important;
  box-shadow: 0 0 4px rgba(255, 211, 60, .55) !important;
}

html body #benchiBaomaRoom .bmw-repeat,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-repeat,
html body #benchiBaomaRoom .bmw-undo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-undo {
  top: 93px !important;
  width: 54px !important;
  height: 38px !important;
  padding: 20px 0 0 !important;
  border-radius: 7px !important;
  font-size: 9px !important;
  border-width: 1px !important;
  box-shadow: inset 0 1px rgba(255,255,255,.40), 0 4px 9px rgba(0,0,0,.22) !important;
}

html body #benchiBaomaRoom .bmw-repeat,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-repeat {
  right: 75px !important;
  background:
    linear-gradient(180deg, #e2b860 0%, #b87820 52%, #805016 100%) !important;
  color: #fff6d9 !important;
}

html body #benchiBaomaRoom .bmw-undo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-undo {
  right: 14px !important;
  background:
    linear-gradient(180deg, #48a0ff 0%, #2169d6 54%, #0f3fa0 100%) !important;
  color: #eef7ff !important;
}

html body #benchiBaomaRoom .bmw-repeat::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-repeat::before,
html body #benchiBaomaRoom .bmw-undo::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-undo::before {
  top: 4px !important;
  font-size: 17px !important;
}

/* TRUE EOF 126: make Benchi Baoma top banker bar match Dragon Tiger style. */
html body #benchiBaomaRoom .dt-dom-topbar,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-topbar {
  left: 58px !important;
  right: 58px !important;
  top: 8px !important;
  height: 62px !important;
  padding: 6px 10px !important;
  gap: 8px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(42px, 1fr)) minmax(74px, 1.05fr) repeat(2, minmax(42px, 1fr)) !important;
  align-items: center !important;
  border: 1.5px solid rgba(255, 214, 84, .92) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(89, 188, 255, .34), transparent 46%),
    linear-gradient(180deg, rgba(23, 92, 214, .94), rgba(6, 43, 137, .96)) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.25),
    inset 0 -1px rgba(255, 207, 83, .24),
    0 0 12px rgba(255, 215, 82, .28),
    0 7px 14px rgba(3, 24, 88, .26) !important;
}

html body #benchiBaomaRoom .dt-dom-banker-card,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-banker-card,
html body #benchiBaomaRoom .dt-dom-seat,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-seat {
  width: 48px !important;
  height: 48px !important;
  min-width: 0 !important;
  justify-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1.5px solid rgba(255, 226, 99, .88) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 35% 20%, rgba(255,255,255,.24), transparent 32%),
    linear-gradient(180deg, rgba(32, 103, 216, .86), rgba(7, 43, 130, .92)) !important;
  color: #ffe579 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.20), 0 3px 8px rgba(0,0,0,.22) !important;
  overflow: visible !important;
}

html body #benchiBaomaRoom .dt-dom-seat {
  font-size: 0 !important;
}

html body #benchiBaomaRoom .dt-dom-seat::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-seat::before {
  content: "👤" !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: rgba(255,255,255,.45) !important;
  font-size: 25px !important;
  box-shadow: none !important;
}

html body #benchiBaomaRoom .dt-dom-seat::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-seat::after {
  content: "空位" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -17px !important;
  transform: translateX(-50%) !important;
  color: #ffe36e !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-shadow: 0 1px 2px rgba(3, 24, 82, .42) !important;
  white-space: nowrap !important;
}

html body #benchiBaomaRoom .dt-dom-banker-card .dt-dom-banker-avatar,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-banker-card .dt-dom-banker-avatar {
  width: 44px !important;
  height: 44px !important;
  border: 0 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

html body #benchiBaomaRoom .dt-dom-apply,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-apply {
  width: 58px !important;
  height: 58px !important;
  justify-self: center !important;
  border-radius: 50% !important;
  border: 2px solid rgba(255, 234, 143, .96) !important;
  background:
    radial-gradient(circle at 36% 22%, #fff6b9, #f3ac34 42%, #b0600d 100%) !important;
  color: #fffbe6 !important;
  text-shadow: 0 1px 2px rgba(113, 52, 0, .46) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.58),
    inset 0 -3px rgba(118, 54, 0, .28),
    0 0 12px rgba(255, 191, 53, .55),
    0 4px 9px rgba(0,0,0,.24) !important;
}

html body #benchiBaomaRoom .dt-dom-apply strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-apply strong {
  width: 36px !important;
  color: inherit !important;
  font-size: 14px !important;
  line-height: 1.06 !important;
  letter-spacing: .5px !important;
}

html body #benchiBaomaRoom .dt-dom-side-actions,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-side-actions {
  top: 8px !important;
  height: 52px !important;
}

html body #benchiBaomaRoom .dt-dom-side-actions.left,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-side-actions.left {
  left: 7px !important;
}

html body #benchiBaomaRoom .dt-dom-side-actions.right,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-side-actions.right {
  right: 7px !important;
}

html body #benchiBaomaRoom .dt-dom-side-actions button,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-side-actions button {
  width: 48px !important;
  height: 52px !important;
  border-radius: 13px !important;
  border: 1.5px solid rgba(120, 198, 255, .62) !important;
  background: linear-gradient(180deg, rgba(38, 103, 216, .86), rgba(7, 47, 142, .92)) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.22), 0 5px 10px rgba(0,0,0,.22) !important;
}

/* TRUE EOF 127: center Benchi Baoma top seats, exactly 2-left + apply + 2-right. */
html body #benchiBaomaRoom .dt-dom-topbar,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-topbar {
  left: 62px !important;
  right: 62px !important;
  top: 8px !important;
  height: 60px !important;
  padding: 0 14px !important;
  gap: 10px !important;
  grid-template-columns: 1fr 1fr 72px 1fr 1fr !important;
  align-items: center !important;
  justify-items: center !important;
  overflow: visible !important;
}

html body #benchiBaomaRoom .dt-dom-banker-card,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-banker-card,
html body #benchiBaomaRoom .dt-dom-seat,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-seat {
  width: 44px !important;
  height: 44px !important;
  align-self: center !important;
  justify-self: center !important;
  margin: 0 !important;
  transform: none !important;
}

html body #benchiBaomaRoom .dt-dom-banker-card .dt-dom-banker-avatar,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-banker-card .dt-dom-banker-avatar {
  width: 40px !important;
  height: 40px !important;
  display: block !important;
}

html body #benchiBaomaRoom .dt-dom-apply,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-apply {
  grid-column: 3 !important;
  align-self: center !important;
  justify-self: center !important;
  width: 56px !important;
  height: 56px !important;
  margin: 0 !important;
  transform: none !important;
}

html body #benchiBaomaRoom .dt-dom-seat::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-seat::after {
  bottom: -13px !important;
  font-size: 11px !important;
}

html body #benchiBaomaRoom .dt-dom-main.bmw-main,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-main.bmw-main {
  top: 84px !important;
}

/* TRUE EOF 128: Benchi Baoma online badge sits left of repeat button. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-online,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-online {
  left: auto !important;
  right: 140px !important;
  top: 86px !important;
  width: 50px !important;
  height: 52px !important;
  min-height: 52px !important;
  transform: none !important;
  padding: 35px 0 0 !important;
  color: #ffe55f !important;
  font-size: 10px !important;
  line-height: 13px !important;
  text-align: center !important;
  text-shadow: 0 1px 2px rgba(7, 31, 94, .48) !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-online::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-online::before {
  width: 34px !important;
  height: 34px !important;
  border: 1.5px solid rgba(255, 226, 105, .92) !important;
  background:
    radial-gradient(circle at 50% 35%, #fff 0 17%, transparent 18%),
    radial-gradient(circle at 50% 73%, #fff 0 27%, transparent 28%),
    linear-gradient(180deg, #283d78 0%, #10255f 100%) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.25),
    0 0 7px rgba(255, 223, 86, .35),
    0 3px 7px rgba(0,0,0,.28) !important;
}

html body #benchiBaomaRoom .bmw-repeat,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-repeat {
  right: 80px !important;
}

html body #benchiBaomaRoom .bmw-undo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-undo {
  right: 18px !important;
}

@media (max-width: 760px) {
  html body #benchiBaomaRoom .bmw-table,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-table {
    min-height: 360px !important;
    border-width: 7px !important;
  }

  html body #benchiBaomaRoom .bmw-zone-grid,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid {
    left: 7% !important;
    right: 7% !important;
    top: 76px !important;
    bottom: 76px !important;
  }

  html body #benchiBaomaRoom .bmw-bet-zone .bmw-brand,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone .bmw-brand {
    font-size: 27px !important;
  }

  html body #benchiBaomaRoom .bmw-bet-zone em,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone em {
    font-size: 20px !important;
  }
}

/* TRUE EOF 129: final topbar fix after mobile rules; 2 bankers + apply + 2 seats. */
html body #benchiBaomaRoom .dt-dom-topbar,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-topbar {
  left: 62px !important;
  right: 62px !important;
  top: 8px !important;
  height: 60px !important;
  min-height: 60px !important;
  padding: 0 14px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr 72px 1fr 1fr !important;
  grid-template-rows: 60px !important;
  gap: 10px !important;
  align-items: center !important;
  justify-items: center !important;
}

html body #benchiBaomaRoom .dt-dom-banker-card,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-banker-card,
html body #benchiBaomaRoom .dt-dom-seat,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-seat,
html body #benchiBaomaRoom .dt-dom-apply,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-apply {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  align-self: center !important;
  justify-self: center !important;
  margin: 0 !important;
  transform: none !important;
}

html body #benchiBaomaRoom .dt-dom-banker-card,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-banker-card,
html body #benchiBaomaRoom .dt-dom-seat,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-seat {
  width: 44px !important;
  height: 44px !important;
}

html body #benchiBaomaRoom .dt-dom-apply,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-apply {
  grid-column: 3 !important;
  width: 56px !important;
  height: 56px !important;
}

html body #benchiBaomaRoom .dt-dom-seat::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-seat::after {
  bottom: -12px !important;
}

/* TRUE EOF 130: Benchi Baoma online badge is footer-level, visible left of repeat. */
html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online {
  display: inline-flex !important;
  position: absolute !important;
  left: auto !important;
  right: 142px !important;
  top: 86px !important;
  bottom: auto !important;
  z-index: 12 !important;
  transform: none !important;
  width: 50px !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 35px 0 0 !important;
  align-items: flex-start !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #ffe55f !important;
  font-size: 10px !important;
  line-height: 13px !important;
  font-weight: 950 !important;
  text-align: center !important;
  text-shadow: 0 1px 2px rgba(7, 31, 94, .48) !important;
  pointer-events: auto !important;
}

html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  transform: translateX(-50%) !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  border: 1.5px solid rgba(255, 226, 105, .92) !important;
  background:
    radial-gradient(circle at 50% 35%, #fff 0 17%, transparent 18%),
    radial-gradient(circle at 50% 73%, #fff 0 27%, transparent 28%),
    linear-gradient(180deg, #283d78 0%, #10255f 100%) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.25),
    0 0 7px rgba(255, 223, 86, .35),
    0 3px 7px rgba(0,0,0,.28) !important;
}

/* TRUE EOF 131: premium Benchi Baoma online button and user drawer. */
html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online {
  right: 144px !important;
  top: 84px !important;
  width: 54px !important;
  height: 56px !important;
  padding: 37px 0 0 !important;
  color: #fff072 !important;
  font-size: 10px !important;
  letter-spacing: .2px !important;
  filter: drop-shadow(0 3px 8px rgba(0, 22, 93, .32)) !important;
}

html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::before {
  width: 36px !important;
  height: 36px !important;
  border: 1.5px solid rgba(255, 234, 128, .98) !important;
  background:
    radial-gradient(circle at 50% 32%, #ffffff 0 13%, transparent 14%),
    radial-gradient(ellipse at 50% 74%, #ffffff 0 26%, transparent 27%),
    radial-gradient(circle at 34% 20%, rgba(255,255,255,.58), transparent 31%),
    linear-gradient(145deg, #1e5eff 0%, #153aa8 58%, #061b66 100%) !important;
  box-shadow:
    inset 0 1px 3px rgba(255,255,255,.42),
    inset 0 -4px 10px rgba(2, 12, 70, .36),
    0 0 0 2px rgba(255, 217, 67, .18),
    0 0 12px rgba(255, 214, 75, .45),
    0 4px 8px rgba(0, 0, 0, .28) !important;
}

html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 24px !important;
  transform: translateX(-50%) !important;
  width: 28px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, rgba(108, 230, 255, .72), transparent) !important;
  filter: blur(.2px) !important;
}

html body #benchiBaomaRoom .dt-online-panel {
  position: absolute !important;
  inset: 0 !important;
  z-index: 80 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  padding: 0 0 8px 8px !important;
  pointer-events: auto !important;
}

html body #benchiBaomaRoom .dt-online-panel.hidden {
  display: none !important;
}

html body #benchiBaomaRoom .dt-online-backdrop {
  position: absolute !important;
  inset: 0 !important;
  border: 0 !important;
  background: rgba(24, 43, 114, .18) !important;
  backdrop-filter: blur(3px) !important;
}

html body #benchiBaomaRoom .dt-online-drawer {
  position: relative !important;
  z-index: 2 !important;
  width: min(350px, calc(100vw - 22px)) !important;
  max-height: min(640px, calc(100dvh - 24px)) !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.68) !important;
  border-radius: 20px !important;
  background:
    linear-gradient(145deg, rgba(247, 251, 255, .97), rgba(218, 229, 255, .96) 54%, rgba(190, 206, 255, .95)) !important;
  box-shadow: 0 18px 40px rgba(33, 55, 128, .34), inset 0 1px rgba(255,255,255,.9) !important;
  color: #1f3e88 !important;
}

html body #benchiBaomaRoom .dt-online-panel.opening .dt-online-drawer {
  animation: dtOnlineDrawerRise .52s cubic-bezier(.18, .82, .24, 1) both !important;
}

html body #benchiBaomaRoom .dt-online-drawer > header {
  height: 52px !important;
  padding: 0 14px 0 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border-bottom: 1px solid rgba(85, 119, 196, .18) !important;
}

html body #benchiBaomaRoom .dt-online-drawer > header span {
  margin-right: auto !important;
  color: #203f89 !important;
  font-size: 17px !important;
  font-weight: 950 !important;
}

html body #benchiBaomaRoom .dt-online-drawer > header b {
  padding: 4px 10px !important;
  border-radius: 999px !important;
  background: rgba(79, 115, 217, .12) !important;
  color: #4661b7 !important;
}

html body #benchiBaomaRoom .dt-online-drawer > header button {
  width: 32px !important;
  height: 32px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(69, 91, 174, .12) !important;
  color: #40569f !important;
  font-size: 24px !important;
}

html body #benchiBaomaRoom .dt-online-list {
  max-height: calc(min(640px, 100dvh - 24px) - 52px) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 8px 14px 14px !important;
}

html body #benchiBaomaRoom .dt-online-user {
  min-height: 48px !important;
  display: grid !important;
  grid-template-columns: 42px 1fr auto !important;
  align-items: center !important;
  gap: 10px !important;
  border-bottom: 1px solid rgba(83, 116, 190, .16) !important;
  color: #244184 !important;
}

html body #benchiBaomaRoom .dt-online-avatar {
  width: 36px !important;
  height: 36px !important;
}

html body #benchiBaomaRoom .dt-online-info strong {
  color: #243f88 !important;
}

html body #benchiBaomaRoom .dt-online-info em {
  color: #6177ad !important;
}

html body #benchiBaomaRoom .dt-online-user > b {
  color: #3566b8 !important;
  font-weight: 900 !important;
}

/* TRUE EOF 132: redesigned Benchi Baoma online badge icon. */
html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online {
  right: 144px !important;
  top: 84px !important;
  width: 58px !important;
  height: 56px !important;
  padding: 39px 0 0 !important;
  color: #2b3c8f !important;
  font-size: 9px !important;
  line-height: 14px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 1px rgba(255,255,255,.45) !important;
  filter: drop-shadow(0 4px 8px rgba(27, 63, 153, .3)) !important;
}

html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::before {
  width: 38px !important;
  height: 38px !important;
  border: 2px solid rgba(255, 229, 98, .98) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 50% 31%, #fffdf2 0 13%, transparent 14%),
    radial-gradient(ellipse at 50% 73%, #fffdf2 0 28%, transparent 29%),
    radial-gradient(circle at 32% 19%, rgba(255,255,255,.8), transparent 26%),
    linear-gradient(150deg, #54b8ff 0%, #2765dc 48%, #11297e 100%) !important;
  box-shadow:
    inset 0 1px 4px rgba(255,255,255,.5),
    inset 0 -5px 11px rgba(4, 24, 94, .38),
    0 0 0 2px rgba(28, 86, 196, .35),
    0 0 0 4px rgba(255, 222, 80, .18),
    0 0 15px rgba(255, 221, 82, .48),
    0 5px 9px rgba(0,0,0,.24) !important;
}

html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 38px !important;
  transform: translateX(-50%) !important;
  width: 46px !important;
  height: 15px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fff4a6 0%, #ffd348 48%, #e5a619 100%) !important;
  border: 1px solid rgba(255, 246, 181, .88) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.62), 0 2px 5px rgba(14, 50, 131, .24) !important;
  z-index: -1 !important;
}

/* TRUE EOF 133: rebuild Benchi Baoma top banker bar with strict 5-slot alignment. */
html body #benchiBaomaRoom .dt-dom-topbar,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-topbar {
  left: 58px !important;
  right: 58px !important;
  top: 7px !important;
  height: 64px !important;
  min-height: 64px !important;
  padding: 0 12px !important;
  display: grid !important;
  grid-template-columns: 48px 48px 72px 48px 48px !important;
  grid-template-rows: 64px !important;
  justify-content: space-evenly !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 0 !important;
  overflow: visible !important;
  border-radius: 34px !important;
  border: 1.5px solid rgba(255, 213, 71, .95) !important;
  background:
    linear-gradient(180deg, rgba(13, 91, 222, .96) 0%, rgba(3, 63, 184, .98) 100%) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.35),
    inset 0 -8px 18px rgba(0, 28, 118, .35),
    0 3px 12px rgba(4, 42, 142, .28) !important;
}

html body #benchiBaomaRoom .dt-dom-topbar > *,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-topbar > * {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  margin: 0 !important;
  align-self: center !important;
  justify-self: center !important;
}

html body #benchiBaomaRoom .dt-dom-banker-card,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-banker-card,
html body #benchiBaomaRoom .dt-dom-seat,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-seat {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  border-radius: 50% !important;
}

html body #benchiBaomaRoom .dt-dom-banker-card,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-banker-card {
  padding: 0 !important;
  border: 2px solid rgba(255, 225, 85, .98) !important;
  background: transparent !important;
  overflow: hidden !important;
}

html body #benchiBaomaRoom .dt-dom-banker-card .dt-dom-banker-avatar,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-banker-card .dt-dom-banker-avatar {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}

html body #benchiBaomaRoom .dt-dom-seat,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-seat {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 0 13px !important;
  border: 1.5px solid rgba(160, 213, 255, .82) !important;
  background:
    radial-gradient(circle at 50% 28%, rgba(255,255,255,.2), transparent 26%),
    linear-gradient(180deg, rgba(44, 114, 210, .7), rgba(12, 60, 161, .86)) !important;
  color: #fff6a3 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 2px rgba(0, 24, 91, .5) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.24), 0 2px 8px rgba(0,0,0,.16) !important;
}

html body #benchiBaomaRoom .dt-dom-seat::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-seat::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 8px !important;
  width: 18px !important;
  height: 18px !important;
  transform: translateX(-50%) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 50% 31%, rgba(255,255,255,.48) 0 18%, transparent 19%),
    radial-gradient(ellipse at 50% 76%, rgba(255,255,255,.42) 0 32%, transparent 33%) !important;
  opacity: .9 !important;
}

html body #benchiBaomaRoom .dt-dom-seat::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-seat::after {
  content: none !important;
  display: none !important;
}

html body #benchiBaomaRoom .dt-dom-apply,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-apply {
  grid-column: 3 !important;
  width: 62px !important;
  height: 62px !important;
  min-width: 62px !important;
  min-height: 62px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px solid rgba(255, 237, 142, .98) !important;
  background:
    radial-gradient(circle at 35% 20%, rgba(255,255,255,.95), transparent 24%),
    linear-gradient(180deg, #ffe893 0%, #f3b02f 46%, #9e5a09 100%) !important;
  box-shadow:
    inset 0 1px 3px rgba(255,255,255,.55),
    0 0 12px rgba(255, 214, 78, .5),
    0 4px 10px rgba(5, 34, 121, .28) !important;
}

html body #benchiBaomaRoom .dt-dom-apply strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-apply strong {
  font-size: 15px !important;
  line-height: 16px !important;
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(116, 55, 0, .55) !important;
}

html body #benchiBaomaRoom .dt-dom-apply small,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-apply small {
  display: none !important;
}

html body #benchiBaomaRoom .dt-dom-main.bmw-main,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-main.bmw-main {
  top: 82px !important;
}

/* TRUE EOF 134: Benchi Baoma bottom chips shrink by about 30px. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chips,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chips {
  top: 4px !important;
  height: 50px !important;
  left: 28px !important;
  right: 28px !important;
  gap: 6px !important;
  align-items: center !important;
  justify-content: space-evenly !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chip,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chip {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  font-size: 12px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chip.chip-10000,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chip.chip-10000 {
  font-size: 9px !important;
}

/* TRUE EOF 153: final visible override, chip row lower and smaller. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chips,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chips {
  top: 30px !important;
  height: 46px !important;
  align-items: center !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chip,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chip {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  font-size: 10px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chip.chip-10000,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chip.chip-10000 {
  font-size: 7px !important;
}

/* TRUE EOF 155: replace the generic silhouette with a compact live-avatar badge. */
html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online {
  left: auto !important;
  right: 142px !important;
  top: 89px !important;
  bottom: auto !important;
  width: 58px !important;
  height: 48px !important;
  min-width: 58px !important;
  min-height: 48px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #21488f !important;
  filter: none !important;
  transform: none !important;
  overflow: visible !important;
  -webkit-tap-highlight-color: transparent !important;
}

html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::before,
html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::after {
  content: none !important;
  display: none !important;
}

html body #benchiBaomaRoom .bmw-online-avatars,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-online-avatars {
  width: 46px !important;
  height: 26px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  filter: drop-shadow(0 3px 5px rgba(38, 72, 160, .22)) !important;
}

html body #benchiBaomaRoom .bmw-online-face,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-online-face {
  box-sizing: border-box !important;
  width: 26px !important;
  height: 26px !important;
  flex: 0 0 26px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  margin: 0 !important;
  border: 2px solid rgba(245, 249, 255, .96) !important;
  border-radius: 50% !important;
  background: #d9e7ff !important;
  color: #2855a5 !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  box-shadow: 0 0 0 1px rgba(74, 124, 221, .38), inset 0 1px rgba(255,255,255,.8) !important;
}

html body #benchiBaomaRoom .bmw-online-face + .bmw-online-face,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-online-face + .bmw-online-face {
  margin-left: -8px !important;
}

html body #benchiBaomaRoom .bmw-online-face img,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-online-face img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

html body #benchiBaomaRoom .bmw-online-label,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-online-label {
  box-sizing: border-box !important;
  min-width: 46px !important;
  height: 14px !important;
  padding: 1px 6px 0 !important;
  display: block !important;
  border: 1px solid rgba(127, 171, 236, .52) !important;
  border-radius: 999px !important;
  background: rgba(247, 251, 255, .72) !important;
  color: #244a91 !important;
  font-size: 7px !important;
  line-height: 11px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  box-shadow: inset 0 1px rgba(255,255,255,.72), 0 2px 5px rgba(57, 88, 171, .13) !important;
}

html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online:active,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online:active {
  transform: translateY(1px) scale(.97) !important;
}

/* TRUE EOF 152: final override, move Benchi Baoma footer chips away from table edge. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chips,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chips {
  top: 30px !important;
  height: 46px !important;
  align-items: center !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chip,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chip {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  font-size: 10px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chip.chip-10000,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chip.chip-10000 {
  font-size: 7px !important;
}

/* TRUE EOF 151: keep Benchi Baoma footer chips clear of the table edge. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chips,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chips {
  top: 28px !important;
  height: 48px !important;
  align-items: center !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chip,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chip {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  font-size: 11px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chip.chip-10000,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chip.chip-10000 {
  font-size: 8px !important;
}

/* TRUE EOF 135: copy Dragon Tiger style top banker strip for Benchi Baoma. */
html body #benchiBaomaRoom .dt-dom-side-actions.left,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-side-actions.left {
  left: 4px !important;
  top: 8px !important;
}

html body #benchiBaomaRoom .dt-dom-side-actions.right,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-side-actions.right {
  right: 4px !important;
  top: 8px !important;
}

html body #benchiBaomaRoom .dt-dom-side-actions button,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-side-actions button {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(182, 221, 255, .72) !important;
  background: linear-gradient(180deg, rgba(64, 134, 226, .78), rgba(32, 87, 190, .88)) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.28), 0 2px 6px rgba(29, 62, 150, .22) !important;
}

html body #benchiBaomaRoom .dt-dom-topbar,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-topbar {
  left: 58px !important;
  right: 58px !important;
  top: 8px !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 10px !important;
  display: grid !important;
  grid-template-columns: 50px 50px 88px 64px 64px !important;
  grid-template-rows: 50px !important;
  justify-content: space-between !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 8px !important;
  border-radius: 24px !important;
  border: 1.2px solid rgba(196, 219, 255, .86) !important;
  background:
    linear-gradient(180deg, rgba(75, 137, 227, .7) 0%, rgba(36, 101, 207, .62) 100%) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.34),
    inset 0 -1px rgba(55, 91, 196, .18),
    0 2px 7px rgba(46, 77, 172, .18) !important;
  overflow: hidden !important;
}

html body #benchiBaomaRoom .dt-dom-topbar > *,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-topbar > * {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  align-self: center !important;
  justify-self: center !important;
}

html body #benchiBaomaRoom .dt-dom-banker-card,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-banker-card {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body #benchiBaomaRoom .dt-dom-banker-card .dt-dom-banker-avatar,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-banker-card .dt-dom-banker-avatar,
html body #benchiBaomaRoom .dt-dom-banker-card .dt-dom-banker-avatar img,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-banker-card .dt-dom-banker-avatar img {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
}

html body #benchiBaomaRoom .dt-dom-apply,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-apply {
  grid-column: 3 !important;
  width: 88px !important;
  height: 40px !important;
  min-width: 88px !important;
  min-height: 40px !important;
  border-radius: 13px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 243, 180, .9) !important;
  background: linear-gradient(180deg, #fff08f 0%, #f7c94f 55%, #dda12b 100%) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.55), 0 2px 6px rgba(112, 83, 20, .2) !important;
}

html body #benchiBaomaRoom .dt-dom-apply strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-apply strong {
  font-size: 14px !important;
  line-height: 40px !important;
  color: #513a00 !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
}

html body #benchiBaomaRoom .dt-dom-seat,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-seat {
  width: 64px !important;
  height: 40px !important;
  min-width: 64px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 9px !important;
  border: 1px solid rgba(184, 224, 255, .72) !important;
  background: linear-gradient(180deg, rgba(84, 151, 221, .58), rgba(42, 101, 184, .65)) !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 40px !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 2px rgba(27, 66, 145, .28) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.22), 0 2px 5px rgba(42, 78, 164, .12) !important;
}

html body #benchiBaomaRoom .dt-dom-seat::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-seat::before,
html body #benchiBaomaRoom .dt-dom-seat::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-seat::after {
  content: none !important;
  display: none !important;
}

html body #benchiBaomaRoom .dt-dom-main.bmw-main,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-main.bmw-main {
  top: 68px !important;
}

/* TRUE EOF 136: keep Benchi Baoma apply text on one line. */
html body #benchiBaomaRoom .dt-dom-topbar,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-topbar {
  grid-template-columns: 46px 46px 104px 60px 60px !important;
}

html body #benchiBaomaRoom .dt-dom-apply,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-apply {
  width: 104px !important;
  min-width: 104px !important;
}

html body #benchiBaomaRoom .dt-dom-apply strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-apply strong {
  display: block !important;
  white-space: nowrap !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 14px !important;
  line-height: 40px !important;
}

/* TRUE EOF 137: make Benchi Baoma online badge smaller. */
html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online {
  width: 48px !important;
  height: 48px !important;
  padding: 32px 0 0 !important;
  font-size: 8px !important;
}

html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::before {
  width: 30px !important;
  height: 30px !important;
}

html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::after {
  top: 31px !important;
  width: 38px !important;
  height: 12px !important;
}

/* TRUE EOF 138: Benchi Baoma bottom chips +10px after shrink. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chips,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chips {
  height: 60px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chip,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chip {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  font-size: 13px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chip.chip-10000,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chip.chip-10000 {
  font-size: 10px !important;
}

/* TRUE EOF 139: reduce Benchi Baoma table curvature. */
html body #benchiBaomaRoom .bmw-table,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table {
  border-radius: 110px !important;
}

html body #benchiBaomaRoom .bmw-table::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table::before {
  border-radius: 88px !important;
}

html body #benchiBaomaRoom .bmw-zone-grid,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid {
  border-radius: 70px !important;
}

/* TRUE EOF 140: premium decorative Benchi Baoma table frame. */
html body #benchiBaomaRoom .bmw-table,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table {
  border: 8px solid transparent !important;
  background:
    linear-gradient(180deg, rgba(92, 174, 255, .92), rgba(40, 126, 218, .96)) padding-box,
    linear-gradient(180deg, #fff2a4 0%, #6ebaff 12%, #183f9f 34%, #102b80 70%, #ffd56b 100%) border-box !important;
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.28),
    inset 0 18px 36px rgba(255,255,255,.18),
    inset 0 -22px 34px rgba(13, 52, 150, .34),
    0 0 0 2px rgba(17, 43, 126, .72),
    0 0 18px rgba(88, 185, 255, .42),
    0 14px 28px rgba(10, 39, 125, .28) !important;
}

html body #benchiBaomaRoom .bmw-table::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table::before {
  border: 1.5px solid rgba(222, 244, 255, .72) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.38), transparent 22%),
    linear-gradient(180deg, rgba(172, 220, 255, .18), rgba(255,255,255,.06) 36%, rgba(20, 88, 187, .08)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.14),
    inset 0 9px 18px rgba(255,255,255,.20),
    inset 0 -10px 18px rgba(10, 54, 151, .18) !important;
}

html body #benchiBaomaRoom .bmw-table::after,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table::after {
  content: "" !important;
  position: absolute !important;
  inset: 8px !important;
  border-radius: 102px !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 10px 10px, rgba(255,238,132,.95) 0 2px, transparent 3px),
    radial-gradient(circle at calc(100% - 10px) 10px, rgba(255,238,132,.95) 0 2px, transparent 3px),
    radial-gradient(circle at 10px calc(100% - 10px), rgba(255,238,132,.85) 0 2px, transparent 3px),
    radial-gradient(circle at calc(100% - 10px) calc(100% - 10px), rgba(255,238,132,.85) 0 2px, transparent 3px),
    linear-gradient(90deg, transparent 8%, rgba(255, 235, 122, .58) 28%, rgba(255,255,255,.78) 50%, rgba(255, 235, 122, .58) 72%, transparent 92%) top / 100% 2px no-repeat,
    linear-gradient(90deg, transparent 10%, rgba(255, 219, 87, .46) 30%, rgba(108, 214, 255, .56) 50%, rgba(255, 219, 87, .46) 70%, transparent 90%) bottom / 100% 2px no-repeat,
    linear-gradient(180deg, transparent 9%, rgba(115, 206, 255, .36) 35%, rgba(255, 224, 91, .45) 50%, rgba(115, 206, 255, .36) 65%, transparent 91%) left / 2px 100% no-repeat,
    linear-gradient(180deg, transparent 9%, rgba(115, 206, 255, .36) 35%, rgba(255, 224, 91, .45) 50%, rgba(115, 206, 255, .36) 65%, transparent 91%) right / 2px 100% no-repeat !important;
  opacity: .95 !important;
  mix-blend-mode: screen !important;
}

/* TRUE EOF 141: cleaner luxury navy-gold Benchi Baoma table frame. */
html body #benchiBaomaRoom .bmw-table,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table {
  border: 7px solid transparent !important;
  background:
    linear-gradient(180deg, rgba(88, 164, 239, .92) 0%, rgba(46, 132, 222, .96) 48%, rgba(31, 108, 204, .98) 100%) padding-box,
    linear-gradient(180deg, #fff0a8 0%, #d9a93b 9%, #263f96 24%, #152a78 55%, #071d61 76%, #d5a23a 92%, #fff2ad 100%) border-box !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.30),
    inset 0 16px 30px rgba(255,255,255,.13),
    inset 0 -20px 30px rgba(5, 33, 120, .30),
    0 0 0 1px rgba(255, 227, 119, .45),
    0 0 0 3px rgba(8, 34, 111, .78),
    0 10px 24px rgba(15, 47, 133, .30) !important;
}

html body #benchiBaomaRoom .bmw-table::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table::before {
  border: 1px solid rgba(199, 232, 255, .68) !important;
  background:
    linear-gradient(180deg, rgba(236, 250, 255, .16), rgba(255,255,255,.05) 42%, rgba(21, 84, 184, .08)) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.26),
    inset 0 -1px rgba(8, 46, 140, .16) !important;
}

html body #benchiBaomaRoom .bmw-table::after,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table::after {
  inset: 9px !important;
  border-radius: 100px !important;
  background:
    linear-gradient(90deg, transparent 10%, rgba(255, 226, 104, .55) 35%, rgba(255,255,255,.48) 50%, rgba(255, 226, 104, .55) 65%, transparent 90%) top / 100% 1.5px no-repeat,
    linear-gradient(90deg, transparent 12%, rgba(214, 162, 54, .42) 37%, rgba(134, 214, 255, .30) 50%, rgba(214, 162, 54, .42) 63%, transparent 88%) bottom / 100% 1.5px no-repeat,
    radial-gradient(circle at 14px 14px, rgba(255,229,115,.72) 0 1.7px, transparent 2.5px),
    radial-gradient(circle at calc(100% - 14px) 14px, rgba(255,229,115,.72) 0 1.7px, transparent 2.5px),
    radial-gradient(circle at 14px calc(100% - 14px), rgba(255,229,115,.56) 0 1.7px, transparent 2.5px),
    radial-gradient(circle at calc(100% - 14px) calc(100% - 14px), rgba(255,229,115,.56) 0 1.7px, transparent 2.5px) !important;
  opacity: .78 !important;
  mix-blend-mode: normal !important;
}

/* TRUE EOF 142: fresh energetic Benchi Baoma page background only; table untouched. */
html body #benchiBaomaRoom,
html body.theme-pearl-blue #benchiBaomaRoom,
html body #benchiBaomaRoom .dt-dom-shell.bmw-shell,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-shell.bmw-shell {
  background:
    radial-gradient(circle at 18% 10%, rgba(255,255,255,.45) 0 8%, transparent 25%),
    radial-gradient(circle at 86% 14%, rgba(116, 236, 255, .34) 0 8%, transparent 24%),
    radial-gradient(circle at 50% 78%, rgba(255, 216, 115, .18) 0 6%, transparent 22%),
    linear-gradient(145deg, #58a8ff 0%, #5f8ff4 42%, #8b87f0 72%, #a68bf2 100%) !important;
}

html body #benchiBaomaRoom .dt-dom-shell.bmw-shell::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-shell.bmw-shell::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(rgba(255,255,255,.13) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.13) 1px, transparent 1px),
    radial-gradient(circle at 52% 26%, rgba(255,255,255,.18), transparent 34%) !important;
  background-size: 52px 52px, 52px 52px, 100% 100% !important;
  opacity: .7 !important;
}

html body #benchiBaomaRoom .dt-dom-shell.bmw-shell::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-shell.bmw-shell::after {
  content: "" !important;
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  top: 64px !important;
  bottom: 92px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.18) !important;
  opacity: .55 !important;
}

html body #benchiBaomaRoom .dt-dom-topbar,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-topbar,
html body #benchiBaomaRoom .dt-dom-side-actions,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-side-actions,
html body #benchiBaomaRoom .dt-dom-players,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players,
html body #benchiBaomaRoom .dt-dom-main,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-main,
html body #benchiBaomaRoom .dt-dom-footer,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer {
  z-index: 2 !important;
}

/* TRUE EOF 143: brighten Benchi Baoma side player cards for fresh theme. */
html body #benchiBaomaRoom .dt-dom-players .dt-side-player,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players .dt-side-player {
  border: 1px solid rgba(255, 255, 255, .62) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(232, 244, 255, .72), rgba(151, 196, 255, .46)) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.52),
    0 5px 13px rgba(53, 93, 181, .20) !important;
}

html body #benchiBaomaRoom .dt-dom-players .dt-side-player strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players .dt-side-player strong {
  color: #1f428a !important;
  text-shadow: 0 1px rgba(255,255,255,.45) !important;
}

html body #benchiBaomaRoom .dt-dom-players .dt-side-player span,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players .dt-side-player span {
  width: calc(100% - 8px) !important;
  min-height: 17px !important;
  padding: 2px 3px !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, rgba(224, 245, 255, .88), rgba(151, 216, 255, .76)) !important;
  color: #17387d !important;
  box-shadow: inset 0 1px rgba(255,255,255,.55), 0 2px 5px rgba(50, 89, 165, .12) !important;
  text-shadow: none !important;
}

html body #benchiBaomaRoom .dt-dom-players .dt-side-avatar,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players .dt-side-avatar {
  border: 2px solid rgba(255,255,255,.9) !important;
  box-shadow: 0 2px 8px rgba(43, 87, 176, .22) !important;
}

/* TRUE EOF 144: brighten Benchi Baoma bottom operation bar. */
html body #benchiBaomaRoom .dt-dom-footer,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

html body #benchiBaomaRoom .dt-dom-footer::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer::before {
  left: 8px !important;
  right: 8px !important;
  top: 78px !important;
  height: 64px !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(229, 244, 255, .62), rgba(134, 190, 255, .40)) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.58),
    0 -2px 12px rgba(66, 120, 224, .14),
    0 5px 14px rgba(52, 91, 180, .16) !important;
}

html body #benchiBaomaRoom .dt-dom-footer::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer::after {
  border-left-color: rgba(255,255,255,.42) !important;
  border-right-color: rgba(255,255,255,.42) !important;
  opacity: .65 !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong {
  color: #183d8b !important;
  text-shadow: 0 1px rgba(255,255,255,.55) !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b {
  border-color: rgba(255,255,255,.62) !important;
  background: rgba(255,255,255,.24) !important;
  color: #ffe45e !important;
  box-shadow: inset 0 1px rgba(255,255,255,.35) !important;
}

/* TRUE EOF 145: halve Benchi Baoma online badge and remove outline. */
html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online {
  width: 28px !important;
  height: 28px !important;
  padding: 17px 0 0 !important;
  font-size: 6px !important;
  line-height: 8px !important;
  filter: none !important;
}

html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::before {
  width: 15px !important;
  height: 15px !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::after {
  top: 17px !important;
  width: 26px !important;
  height: 8px !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* TRUE EOF 146: move Benchi Baoma chip rail down from table edge. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chips,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chips {
  top: 16px !important;
}

/* TRUE EOF 147: enlarge and center Benchi Baoma online badge. */
html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online {
  width: 38px !important;
  height: 38px !important;
  padding: 25px 0 0 !important;
  display: inline-flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 7px !important;
  line-height: 9px !important;
}

html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::before {
  left: 50% !important;
  width: 25px !important;
  height: 25px !important;
}

html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::after {
  left: 50% !important;
  top: 26px !important;
  width: 34px !important;
  height: 10px !important;
}

/* TRUE EOF 148: lighten side player name and score strips. */
html body #benchiBaomaRoom .dt-dom-players .dt-side-player strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players .dt-side-player strong,
html body #benchiBaomaRoom .dt-dom-players .dt-side-player span,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players .dt-side-player span {
  width: calc(100% - 8px) !important;
  min-height: 17px !important;
  padding: 2px 3px !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, rgba(247,252,255,.88), rgba(187,225,255,.76)) !important;
  color: #1d438a !important;
  box-shadow: inset 0 1px rgba(255,255,255,.65), 0 2px 5px rgba(50, 89, 165, .10) !important;
  text-shadow: none !important;
}

/* TRUE EOF 149: center Benchi Baoma online badge in its footer slot. */
html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online {
  left: auto !important;
  right: 146px !important;
  top: 94px !important;
  bottom: auto !important;
  transform: none !important;
  margin: 0 !important;
}

/* TRUE EOF 150: moderately shrink Benchi Baoma bottom chips for better vertical spacing. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chips,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chips {
  top: 18px !important;
  height: 52px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chip,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chip {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  font-size: 12px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chip.chip-10000,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chip.chip-10000 {
  font-size: 9px !important;
}

/* TRUE EOF 154: final override after all older chip rules, lower and shrink bottom chips. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chips,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chips {
  top: 30px !important;
  height: 46px !important;
  align-items: center !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chip,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chip {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  font-size: 10px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-chip.chip-10000,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-chip.chip-10000 {
  font-size: 7px !important;
}

/* TRUE EOF 155 FINAL: redesigned online-user badge wins over legacy rules. */
html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online {
  left: auto !important;
  right: 142px !important;
  top: 89px !important;
  bottom: auto !important;
  width: 58px !important;
  height: 48px !important;
  min-width: 58px !important;
  min-height: 48px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #21488f !important;
  filter: none !important;
  transform: none !important;
  overflow: visible !important;
}

html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::before,
html body #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer > .dt-dom-online::after {
  content: none !important;
  display: none !important;
}

/* TRUE EOF 156: compact, aligned Benchi Baoma online-user drawer. */
html body #benchiBaomaRoom .dt-online-panel,
html body.theme-pearl-blue #benchiBaomaRoom .dt-online-panel {
  position: absolute !important;
  inset: 0 !important;
  z-index: 180 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  padding: 10px !important;
  overflow: hidden !important;
  pointer-events: auto !important;
}

html body #benchiBaomaRoom .dt-online-panel.hidden,
html body.theme-pearl-blue #benchiBaomaRoom .dt-online-panel.hidden {
  display: none !important;
}

html body #benchiBaomaRoom .dt-online-backdrop,
html body.theme-pearl-blue #benchiBaomaRoom .dt-online-backdrop {
  position: absolute !important;
  inset: 0 !important;
  border: 0 !important;
  background: rgba(68, 96, 188, .08) !important;
  backdrop-filter: blur(1.5px) !important;
  -webkit-backdrop-filter: blur(1.5px) !important;
}

html body #benchiBaomaRoom .dt-online-drawer,
html body.theme-pearl-blue #benchiBaomaRoom .dt-online-drawer {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 2 !important;
  width: min(328px, calc(100% - 2px)) !important;
  max-height: min(520px, calc(100dvh - 32px)) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.88) !important;
  border-radius: 20px !important;
  background: linear-gradient(150deg, rgba(250,252,255,.98), rgba(228,237,255,.98) 58%, rgba(210,224,255,.97)) !important;
  color: #294985 !important;
  box-shadow: 0 16px 36px rgba(48, 72, 151, .24), inset 0 1px rgba(255,255,255,.96) !important;
}

html body #benchiBaomaRoom .dt-online-panel.opening .dt-online-drawer,
html body.theme-pearl-blue #benchiBaomaRoom .dt-online-panel.opening .dt-online-drawer {
  animation: dtOnlineDrawerRise .42s cubic-bezier(.2, .78, .24, 1) both !important;
}

html body #benchiBaomaRoom .dt-online-drawer > header,
html body.theme-pearl-blue #benchiBaomaRoom .dt-online-drawer > header {
  box-sizing: border-box !important;
  min-height: 54px !important;
  height: 54px !important;
  flex: 0 0 54px !important;
  padding: 7px 10px 7px 15px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(95, 126, 199, .16) !important;
  background: rgba(255,255,255,.34) !important;
}

html body #benchiBaomaRoom .bmw-online-title,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-online-title {
  min-width: 0 !important;
  margin: 0 auto 0 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 1px !important;
}

html body #benchiBaomaRoom .bmw-online-title strong,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-online-title strong {
  color: #244589 !important;
  font-size: 15px !important;
  line-height: 19px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

html body #benchiBaomaRoom .bmw-online-title small,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-online-title small {
  color: #7486b3 !important;
  font-size: 9px !important;
  line-height: 12px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

html body #benchiBaomaRoom .dt-online-drawer > header > b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-online-drawer > header > b {
  min-width: 54px !important;
  padding: 4px 9px !important;
  border: 1px solid rgba(117, 148, 222, .22) !important;
  border-radius: 999px !important;
  background: rgba(112, 143, 222, .12) !important;
  color: #4965ad !important;
  font-size: 10px !important;
  line-height: 15px !important;
  font-weight: 900 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

html body #benchiBaomaRoom .dt-online-drawer > header > button,
html body.theme-pearl-blue #benchiBaomaRoom .dt-online-drawer > header > button {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  padding: 0 0 2px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(112, 140, 211, .16) !important;
  border-radius: 50% !important;
  background: rgba(118, 143, 207, .12) !important;
  color: #4a61a0 !important;
  font-size: 21px !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.68) !important;
}

html body #benchiBaomaRoom .dt-online-list,
html body.theme-pearl-blue #benchiBaomaRoom .dt-online-list {
  min-height: 0 !important;
  max-height: calc(min(520px, 100dvh - 32px) - 54px) !important;
  flex: 1 1 auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  padding: 5px 10px 10px !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(91, 122, 198, .34) transparent !important;
}

html body #benchiBaomaRoom .dt-online-user,
html body.theme-pearl-blue #benchiBaomaRoom .dt-online-user {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 49px !important;
  padding: 6px 5px !important;
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 9px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(93, 121, 188, .14) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #28467f !important;
  box-shadow: none !important;
}

html body #benchiBaomaRoom .dt-online-user:last-child,
html body.theme-pearl-blue #benchiBaomaRoom .dt-online-user:last-child {
  border-bottom-color: transparent !important;
}

html body #benchiBaomaRoom .dt-online-user.is-me,
html body.theme-pearl-blue #benchiBaomaRoom .dt-online-user.is-me {
  margin: 2px 0 !important;
  padding-left: 7px !important;
  padding-right: 7px !important;
  border-bottom-color: transparent !important;
  border-radius: 12px !important;
  background: rgba(126, 158, 234, .13) !important;
  box-shadow: inset 0 0 0 1px rgba(121, 154, 230, .12) !important;
}

html body #benchiBaomaRoom .dt-online-avatar,
html body.theme-pearl-blue #benchiBaomaRoom .dt-online-avatar {
  box-sizing: border-box !important;
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 2px solid rgba(255,255,255,.95) !important;
  border-radius: 50% !important;
  background: #c9d9ff !important;
  color: #31549c !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  box-shadow: 0 0 0 1px rgba(88, 127, 216, .28), 0 3px 7px rgba(66, 88, 157, .15) !important;
}

html body #benchiBaomaRoom .dt-online-avatar img,
html body.theme-pearl-blue #benchiBaomaRoom .dt-online-avatar img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 50% !important;
}

html body #benchiBaomaRoom .dt-online-info,
html body.theme-pearl-blue #benchiBaomaRoom .dt-online-info {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 1px !important;
}

html body #benchiBaomaRoom .dt-online-info strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-online-info strong {
  width: 100% !important;
  overflow: hidden !important;
  color: #284682 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 900 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #benchiBaomaRoom .dt-online-info em,
html body.theme-pearl-blue #benchiBaomaRoom .dt-online-info em {
  color: #7183ac !important;
  font-size: 9px !important;
  line-height: 12px !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

html body #benchiBaomaRoom .dt-online-user > b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-online-user > b {
  min-width: 58px !important;
  padding: 3px 7px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.48) !important;
  color: #3f63aa !important;
  font-size: 10px !important;
  line-height: 15px !important;
  font-weight: 950 !important;
  text-align: right !important;
  white-space: nowrap !important;
  box-shadow: inset 0 0 0 1px rgba(112, 145, 216, .12) !important;
}

@media (max-width: 430px) {
  html body #benchiBaomaRoom .dt-online-panel,
  html body.theme-pearl-blue #benchiBaomaRoom .dt-online-panel {
    padding: 7px !important;
  }

  html body #benchiBaomaRoom .dt-online-drawer,
  html body.theme-pearl-blue #benchiBaomaRoom .dt-online-drawer {
    width: min(308px, calc(100% - 2px)) !important;
    max-height: min(480px, calc(100dvh - 20px)) !important;
  }

  html body #benchiBaomaRoom .dt-online-list,
  html body.theme-pearl-blue #benchiBaomaRoom .dt-online-list {
    max-height: calc(min(480px, 100dvh - 20px) - 54px) !important;
  }
}

/* TRUE EOF 157: thicken the Benchi Baoma table frame inward by 10px. */
html body #benchiBaomaRoom .bmw-table,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table {
  box-sizing: border-box !important;
  border: 17px solid transparent !important;
}

/* TRUE EOF 158: realistic upholstered navy/steel Benchi Baoma table rail. */
html body #benchiBaomaRoom .bmw-table,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table {
  border: 17px solid transparent !important;
  background:
    radial-gradient(ellipse at 50% 3%, rgba(255,255,255,.26), transparent 25%) padding-box,
    linear-gradient(90deg, rgba(255,255,255,.11) 1px, transparent 1px) padding-box,
    linear-gradient(180deg, rgba(255,255,255,.10) 1px, transparent 1px) padding-box,
    linear-gradient(180deg, #66a9e8 0%, #3f89d2 48%, #236bbd 100%) padding-box,
    repeating-linear-gradient(112deg, rgba(255,255,255,.035) 0 1px, transparent 1px 4px) border-box,
    linear-gradient(180deg,
      #071326 0%,
      #294966 7%,
      #0b1a31 18%,
      #173557 45%,
      #07172d 73%,
      #345875 91%,
      #081425 100%) border-box !important;
  background-size: auto, 25% 50%, 100% 50%, auto, auto, auto !important;
  box-shadow:
    inset 0 0 0 1px rgba(230, 245, 255, .42),
    inset 0 0 0 5px rgba(3, 14, 31, .42),
    inset 0 18px 26px rgba(255,255,255,.10),
    inset 0 -24px 32px rgba(1, 13, 40, .28),
    0 0 0 1px #071426,
    0 0 0 3px rgba(151, 190, 222, .72),
    0 0 0 5px rgba(7, 23, 48, .88),
    0 13px 24px rgba(22, 55, 111, .28) !important;
}

html body #benchiBaomaRoom .bmw-table::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table::before {
  inset: 25px !important;
  border: 1px solid rgba(216, 239, 255, .54) !important;
  background: transparent !important;
  box-shadow:
    0 0 0 2px rgba(8, 34, 72, .26),
    inset 0 1px rgba(255,255,255,.20),
    inset 0 -1px rgba(5, 34, 88, .22) !important;
}

html body #benchiBaomaRoom .bmw-table::after,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table::after {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 3 !important;
  border: 1px solid rgba(204, 229, 247, .62) !important;
  border-radius: 104px !important;
  background:
    linear-gradient(90deg, transparent 7%, rgba(220,239,252,.50) 30%, rgba(255,255,255,.82) 50%, rgba(220,239,252,.50) 70%, transparent 93%) top / 100% 1px no-repeat,
    linear-gradient(90deg, transparent 9%, rgba(88,135,174,.46) 34%, rgba(181,216,239,.46) 50%, rgba(88,135,174,.46) 66%, transparent 91%) bottom / 100% 1px no-repeat !important;
  box-shadow:
    inset 0 0 0 3px rgba(2, 12, 27, .45),
    inset 0 0 0 5px rgba(122, 162, 195, .18) !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  pointer-events: none !important;
}

/* TRUE EOF 159: reference-matched Mercedes/BMW table internals with real local car-brand assets. */
html body #benchiBaomaRoom .bmw-table,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table {
  background:
    radial-gradient(ellipse at 50% 6%, rgba(158, 216, 255, .28), transparent 30%) padding-box,
    linear-gradient(180deg, #0b55bf 0%, #07439e 54%, #062f79 100%) padding-box,
    repeating-linear-gradient(112deg, rgba(255,255,255,.035) 0 1px, transparent 1px 4px) border-box,
    linear-gradient(180deg, #071326 0%, #294966 7%, #0b1a31 18%, #173557 45%, #07172d 73%, #345875 91%, #081425 100%) border-box !important;
}

html body #benchiBaomaRoom .bmw-table::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table::before {
  inset: 25px !important;
  border: 1px solid rgba(145, 207, 255, .58) !important;
  background:
    linear-gradient(90deg, rgba(151, 214, 255, .18) 1px, transparent 1px) 0 0 / 25% 100%,
    linear-gradient(180deg, rgba(157, 216, 255, .22) 1px, transparent 1px) 0 0 / 100% 50% !important;
  box-shadow: inset 0 0 28px rgba(3, 29, 93, .22) !important;
}

html body #benchiBaomaRoom .bmw-zone-grid,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid {
  left: 10.5% !important;
  right: 10.5% !important;
  top: 96px !important;
  bottom: 102px !important;
  border: 1px solid rgba(165, 222, 255, .46) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(6, 68, 165, .34), rgba(3, 48, 127, .28)) !important;
  box-shadow: inset 0 0 26px rgba(0, 28, 94, .22) !important;
}

html body #benchiBaomaRoom .bmw-bet-zone,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  padding: 19px 4px 28px !important;
  border: 0 !important;
  border-right: 1px solid rgba(161, 218, 255, .30) !important;
  border-bottom: 1px solid rgba(161, 218, 255, .30) !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, rgba(18, 99, 200, .23), rgba(5, 53, 139, .10)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.07) !important;
  overflow: visible !important;
}

html body #benchiBaomaRoom .bmw-bet-zone:nth-child(4n),
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone:nth-child(4n) {
  border-right: 0 !important;
}

html body #benchiBaomaRoom .bmw-bet-zone:nth-child(n+5),
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone:nth-child(n+5) {
  border-bottom: 0 !important;
}

html body #benchiBaomaRoom .bmw-bet-zone:hover,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone:hover,
html body #benchiBaomaRoom .bmw-bet-zone:active,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone:active {
  background: linear-gradient(180deg, rgba(95, 171, 255, .30), rgba(12, 75, 174, .20)) !important;
}

html body #benchiBaomaRoom .bmw-bet-zone.winner,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone.winner {
  background: radial-gradient(circle at 50% 32%, rgba(255,226,104,.34), rgba(25,99,193,.20) 58%) !important;
  box-shadow: inset 0 0 0 2px rgba(255, 224, 95, .72), inset 0 0 26px rgba(255,207,68,.22) !important;
}

html body #benchiBaomaRoom .bmw-bet-zone .bmw-brand,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone .bmw-brand {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 64px !important;
  height: 64px !important;
  margin: 0 auto 2px !important;
  border: 1px solid rgba(190, 226, 255, .42) !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 35% 28%, rgba(255,255,255,.28), rgba(8,48,120,.40) 65%, rgba(3,24,75,.66)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.28), 0 5px 12px rgba(1,25,79,.30) !important;
  opacity: 1 !important;
}

html body #benchiBaomaRoom .bmw-logo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-logo,
html body #benchiBaomaRoom .bmw-logo-lambo,
html body #benchiBaomaRoom .bmw-logo-ferrari,
html body #benchiBaomaRoom .bmw-logo-maserati,
html body #benchiBaomaRoom .bmw-logo-porsche,
html body #benchiBaomaRoom .bmw-logo-vw,
html body #benchiBaomaRoom .bmw-logo-benz,
html body #benchiBaomaRoom .bmw-logo-bmw,
html body #benchiBaomaRoom .bmw-logo-lexus {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
}

html body #benchiBaomaRoom .bmw-logo img,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-logo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  filter: drop-shadow(0 3px 3px rgba(0, 18, 56, .42)) !important;
}

html body #benchiBaomaRoom .bmw-logo i,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-logo i,
html body #benchiBaomaRoom .bmw-bet-zone strong,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone strong {
  display: none !important;
}

html body #benchiBaomaRoom .bmw-bet-zone em,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone em {
  margin: 1px 0 0 !important;
  color: #d8ebff !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  text-shadow: 0 2px 5px rgba(0,25,77,.46) !important;
}

html body #benchiBaomaRoom .bmw-bet-zone small,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone small {
  left: 4px !important;
  right: 4px !important;
  bottom: 8px !important;
  color: rgba(222, 241, 255, .90) !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

html body #benchiBaomaRoom .bmw-bet-zone .dt-dom-chip-cloud,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone .dt-dom-chip-cloud {
  inset: 45% 5px 24px !important;
  z-index: 4 !important;
}

html body #benchiBaomaRoom .bmw-track-ring,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring {
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
  pointer-events: none !important;
}

html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo {
  position: absolute !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  padding: 3px !important;
  transform: translate(-50%, -50%) !important;
  border: 1px solid rgba(255, 221, 95, .72) !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 35% 25%, rgba(255,255,255,.96), rgba(148,202,255,.78) 48%, rgba(20,69,151,.92)) !important;
  box-shadow: 0 3px 8px rgba(0,20,68,.34), inset 0 1px rgba(255,255,255,.80) !important;
}

html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo .bmw-logo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo .bmw-logo {
  width: 24px !important;
  height: 24px !important;
}

html body #benchiBaomaRoom .bmw-trends,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-trends {
  left: 14% !important;
  right: 14% !important;
  bottom: 39px !important;
  height: 34px !important;
  gap: 3px !important;
  padding: 0 7px !important;
  border: 1px solid rgba(138, 201, 255, .30) !important;
  background: rgba(2, 35, 100, .44) !important;
  overflow: hidden !important;
}

html body #benchiBaomaRoom .bmw-trend,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-trend {
  width: 25px !important;
  height: 25px !important;
  min-width: 25px !important;
  padding: 2px !important;
}

html body #benchiBaomaRoom .bmw-trend .bmw-logo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-trend .bmw-logo {
  width: 20px !important;
  height: 20px !important;
}

html body #benchiBaomaRoom .bmw-room-no,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-room-no {
  bottom: 78px !important;
  z-index: 10 !important;
  color: rgba(215, 237, 255, .78) !important;
}

html body #benchiBaomaRoom .bmw-count,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-count {
  z-index: 13 !important;
  width: 70px !important;
  height: 70px !important;
  border-width: 4px !important;
  line-height: 62px !important;
  font-size: 29px !important;
}

@media (max-width: 760px) {
  html body #benchiBaomaRoom .bmw-zone-grid,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid {
    left: 9.5% !important;
    right: 9.5% !important;
    top: 82px !important;
    bottom: 88px !important;
  }

  html body #benchiBaomaRoom .bmw-bet-zone,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone {
    padding-top: 12px !important;
  }

  html body #benchiBaomaRoom .bmw-bet-zone .bmw-brand,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone .bmw-brand {
    width: 46px !important;
    height: 46px !important;
  }

  html body #benchiBaomaRoom .bmw-bet-zone .bmw-logo,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone .bmw-logo {
    width: 38px !important;
    height: 38px !important;
  }

  html body #benchiBaomaRoom .bmw-bet-zone em,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone em {
    font-size: 18px !important;
  }

  html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo {
    width: 24px !important;
    height: 24px !important;
  }

  html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo .bmw-logo,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo .bmw-logo {
    width: 18px !important;
    height: 18px !important;
  }
}

/* TRUE EOF 162: equidistant BMW draw rail and a separate, compact history row. */
html body #benchiBaomaRoom .bmw-trends,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-trends {
  left: 16% !important;
  right: 16% !important;
  bottom: 49px !important;
  height: 30px !important;
  min-height: 30px !important;
  gap: 3px !important;
  padding: 2px 5px !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  overflow: hidden !important;
  border-color: rgba(145, 207, 255, .34) !important;
  background: rgba(5, 43, 112, .52) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.14) !important;
}

html body #benchiBaomaRoom .bmw-trends::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-trends::before {
  display: none !important;
}

html body #benchiBaomaRoom .bmw-trend,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-trend {
  width: 21px !important;
  height: 21px !important;
  min-width: 21px !important;
  min-height: 21px !important;
  padding: 1px !important;
}

html body #benchiBaomaRoom .bmw-trend .bmw-logo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-trend .bmw-logo {
  width: 19px !important;
  height: 19px !important;
}

html body #benchiBaomaRoom .bmw-room-no,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-room-no {
  bottom: 88px !important;
}

/* TRUE EOF 161: keep the denser animated draw rail above all earlier BMW overrides. */

/* TRUE EOF 163: vertically center the Benchi Baoma footer avatar. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo {
  align-self: center !important;
  transform: translateY(-3px) !important;
}

/* TRUE EOF 164: show the eight betting-area car logos without decorative frames. */
html body #benchiBaomaRoom .bmw-bet-zone .bmw-brand,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone .bmw-brand {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

html body #benchiBaomaRoom .bmw-bet-zone .bmw-brand .bmw-logo img,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone .bmw-brand .bmw-logo img {
  filter: none !important;
}

/* TRUE EOF 167: place the Mercedes/BMW room number in the open top-center band. */
html body #benchiBaomaRoom .bmw-room-no,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-room-no {
  top: 54px !important;
  bottom: auto !important;
  left: 50% !important;
  z-index: 12 !important;
  width: max-content !important;
  height: 20px !important;
  min-height: 20px !important;
  padding: 0 14px !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(225, 242, 255, .88) !important;
  font-size: 12px !important;
  line-height: 20px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  text-shadow: 0 1px 4px rgba(0, 31, 92, .65) !important;
  pointer-events: none !important;
}

/* TRUE EOF 166: keep the inset draw path without a mistaken visible inner border. */
html body #benchiBaomaRoom .bmw-track-ring,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring {
  inset: 7px 8px 8px !important;
  z-index: 16 !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 41% / 7% !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo {
  width: 34px !important;
  height: 34px !important;
  padding: 3px !important;
  z-index: 2 !important;
  opacity: .96 !important;
  border: 2px solid rgba(235, 247, 255, .96) !important;
  background: rgba(224, 240, 255, .96) !important;
  box-shadow: 0 2px 7px rgba(0, 32, 92, .44), inset 0 0 0 1px rgba(66, 137, 230, .42) !important;
}

html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo .bmw-logo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo .bmw-logo {
  width: 27px !important;
  height: 27px !important;
}

html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active {
  width: 44px !important;
  height: 44px !important;
  z-index: 20 !important;
}

html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active .bmw-logo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active .bmw-logo {
  width: 34px !important;
  height: 34px !important;
}

@media (max-width: 760px) {
  html body #benchiBaomaRoom .bmw-track-ring,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring {
    inset: 6px 7px 7px !important;
  }

  html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo {
    width: 28px !important;
    height: 28px !important;
    padding: 2px !important;
  }

  html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo .bmw-logo,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo .bmw-logo {
    width: 22px !important;
    height: 22px !important;
  }

  html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active {
    width: 38px !important;
    height: 38px !important;
  }

  html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active .bmw-logo,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active .bmw-logo {
    width: 29px !important;
    height: 29px !important;
  }
}

/* TRUE EOF 168: keep the tabletop outlines parallel to the outer rail at all four corners. */
html body #benchiBaomaRoom .bmw-table,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table {
  --bmw-table-radius: 110px;
  --bmw-table-rail: 17px;
  border-radius: var(--bmw-table-radius) !important;
}

html body #benchiBaomaRoom .bmw-table::after,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table::after {
  border-radius: calc(var(--bmw-table-radius) - var(--bmw-table-rail) - 3px) !important;
}

html body #benchiBaomaRoom .bmw-table::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table::before {
  border-radius: calc(var(--bmw-table-radius) - var(--bmw-table-rail) - 25px) !important;
}

/* TRUE EOF 169: premium draw rail that fully contains every normal and active car badge. */
html body #benchiBaomaRoom .bmw-track-ring,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring {
  --bmw-draw-center: 32px;
  --bmw-draw-edge: 5px;
  --bmw-draw-width: 54px;
  --bmw-draw-half: 27px;
  --bmw-draw-radius-x: 84px;
  --bmw-draw-radius-y: 52px;
  isolation: isolate !important;
}

html body #benchiBaomaRoom .bmw-track-ring::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring::before {
  content: "" !important;
  position: absolute !important;
  inset: var(--bmw-draw-edge) !important;
  z-index: 0 !important;
  box-sizing: border-box !important;
  border: var(--bmw-draw-width) solid rgba(3, 31, 91, .42) !important;
  border-radius:
    calc(var(--bmw-draw-radius-x) + var(--bmw-draw-half)) /
    calc(var(--bmw-draw-radius-y) + var(--bmw-draw-half)) !important;
  background: transparent !important;
  box-shadow:
    0 0 0 1px rgba(211, 239, 255, .78),
    0 0 0 3px rgba(21, 73, 151, .76),
    0 0 14px rgba(46, 151, 255, .32),
    inset 0 0 0 1px rgba(151, 216, 255, .64) !important;
  pointer-events: none !important;
}

html body #benchiBaomaRoom .bmw-track-ring::after,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring::after {
  content: "" !important;
  position: absolute !important;
  inset: calc(var(--bmw-draw-edge) + var(--bmw-draw-width)) !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
  border: 1.5px solid rgba(171, 225, 255, .76) !important;
  border-radius:
    calc(var(--bmw-draw-radius-x) - var(--bmw-draw-half)) /
    calc(var(--bmw-draw-radius-y) - var(--bmw-draw-half)) !important;
  background: transparent !important;
  box-shadow:
    0 0 0 1px rgba(2, 35, 105, .54),
    0 0 10px rgba(76, 174, 255, .26) !important;
  pointer-events: none !important;
}

html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo {
  z-index: 3 !important;
}

html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active {
  z-index: 5 !important;
}

html body #benchiBaomaRoom .bmw-room-no,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-room-no {
  z-index: 17 !important;
}

@media (max-width: 760px) {
  html body #benchiBaomaRoom .bmw-track-ring,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring {
    --bmw-draw-center: 26px;
    --bmw-draw-edge: 4px;
    --bmw-draw-width: 44px;
    --bmw-draw-half: 22px;
    --bmw-draw-radius-x: 62px;
    --bmw-draw-radius-y: 52px;
  }
}

/* TRUE EOF 170: one continuous draw lane; remove stacked decorative outlines. */
html body #benchiBaomaRoom .bmw-table::after,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table::after,
html body #benchiBaomaRoom .bmw-track-ring::after,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring::after {
  display: none !important;
}

html body #benchiBaomaRoom .bmw-table::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table::before {
  border: 0 !important;
  box-shadow: none !important;
}

html body #benchiBaomaRoom .bmw-track-ring::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring::before {
  border-color: rgba(3, 30, 88, .68) !important;
  box-shadow: 0 5px 15px rgba(0, 24, 76, .34) !important;
  filter: saturate(1.08) !important;
}

/* TRUE EOF 171: one premium gold-metal draw lane, concentric with the table frame. */
html body #benchiBaomaRoom .bmw-track-ring::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring::before {
  border-color: rgba(203, 146, 34, .96) !important;
  box-shadow: 0 6px 14px rgba(91, 53, 0, .32) !important;
  filter: saturate(1.04) brightness(1.02) !important;
}

@supports ((-webkit-mask-composite: xor) or (mask-composite: exclude)) {
  html body #benchiBaomaRoom .bmw-track-ring::before,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring::before {
    border: 0 !important;
    padding: var(--bmw-draw-width) !important;
    background-color: #d4a23b !important;
    background-image: none !important;
    background-position: center !important;
    background-repeat: repeat !important;
    background-size: 220px 220px !important;
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0) !important;
    mask-composite: exclude !important;
    box-shadow: none !important;
    filter:
      saturate(.88)
      brightness(.96)
      contrast(1.08)
      drop-shadow(0 6px 8px rgba(91, 53, 0, .34)) !important;
  }
}

/* TRUE EOF 172: flush-fit midnight metal rail with restrained champagne embossing. */
html body #benchiBaomaRoom .bmw-track-ring,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring {
  --bmw-emboss-lane-width: 78px;
  --bmw-emboss-lane-inset: -7px -8px -8px;
}

html body #benchiBaomaRoom .bmw-track-ring::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring::before {
  inset: var(--bmw-emboss-lane-inset) !important;
  border: var(--bmw-emboss-lane-width) solid #172d3d !important;
  border-radius: calc(var(--bmw-table-radius) - var(--bmw-table-rail)) !important;
  background-color: #172d3d !important;
  box-shadow: 0 5px 12px rgba(2, 14, 28, .24) !important;
  filter: none !important;
}

@supports ((-webkit-mask-composite: xor) or (mask-composite: exclude)) {
  html body #benchiBaomaRoom .bmw-track-ring::before,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring::before {
    border: 0 !important;
    padding: var(--bmw-emboss-lane-width) !important;
    background-color: #142a3a !important;
    background-image: none !important;
    background-position: center !important;
    background-repeat: repeat !important;
    background-size: 160px 160px !important;
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0) !important;
    mask-composite: exclude !important;
    box-shadow: none !important;
    filter:
      saturate(.80)
      brightness(.88)
      contrast(1.12)
      drop-shadow(0 5px 7px rgba(2, 14, 28, .34)) !important;
  }
}

@media (max-width: 760px) {
  html body #benchiBaomaRoom .bmw-track-ring,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring {
    --bmw-emboss-lane-width: 64px;
    --bmw-emboss-lane-inset: -6px -7px -7px;
  }
}

/* TRUE EOF 173: narrow, image-free solid rail matched to the pearl-blue theme. */
html body #benchiBaomaRoom .bmw-track-ring,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring {
  inset: 0 !important;
  --bmw-solid-lane-width: 64px;
}

html body #benchiBaomaRoom .bmw-track-ring::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring::before {
  inset: 0 !important;
  padding: 0 !important;
  border: var(--bmw-solid-lane-width) solid #536fc7 !important;
  border-radius: calc(var(--bmw-table-radius) - var(--bmw-table-rail)) !important;
  background: transparent !important;
  background-image: none !important;
  -webkit-mask: none !important;
  mask: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16) !important;
  filter: none !important;
}

@media (max-width: 760px) {
  html body #benchiBaomaRoom .bmw-track-ring,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring {
    --bmw-solid-lane-width: 52px;
  }
}

/* TRUE EOF 174: reclaim betting space with a slimmer, sharper draw lane. */
html body #benchiBaomaRoom .bmw-track-ring,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring {
  --bmw-solid-lane-width: 48px;
}

html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo {
  box-sizing: border-box !important;
  width: 28px !important;
  height: 28px !important;
  padding: 2px !important;
  opacity: 1 !important;
  border: 1px solid rgba(255, 255, 255, .96) !important;
  background: #eef4ff !important;
  box-shadow:
    0 1px 4px rgba(23, 44, 112, .34),
    inset 0 0 0 1px rgba(82, 113, 191, .22) !important;
}

html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo .bmw-logo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo .bmw-logo {
  width: 23px !important;
  height: 23px !important;
}

html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo .bmw-logo img,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo .bmw-logo img {
  filter:
    saturate(1.35)
    contrast(1.2)
    drop-shadow(0 1px 1px rgba(6, 30, 94, .62)) !important;
}

html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active {
  width: 36px !important;
  height: 36px !important;
  padding: 3px !important;
  border-width: 2px !important;
  box-shadow:
    0 0 0 2px rgba(255, 197, 48, .20),
    0 0 13px rgba(255, 219, 81, .88),
    0 2px 6px rgba(25, 48, 118, .38) !important;
}

html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active .bmw-logo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active .bmw-logo {
  width: 29px !important;
  height: 29px !important;
}

@media (max-width: 760px) {
  html body #benchiBaomaRoom .bmw-track-ring,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring {
    --bmw-solid-lane-width: 40px;
  }

  html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo {
    width: 22px !important;
    height: 22px !important;
    padding: 1px !important;
  }

  html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo .bmw-logo,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo .bmw-logo {
    width: 19px !important;
    height: 19px !important;
  }

  html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active {
    width: 30px !important;
    height: 30px !important;
    padding: 2px !important;
  }

  html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active .bmw-logo,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active .bmw-logo {
    width: 25px !important;
    height: 25px !important;
  }
}

/* TRUE EOF 175: high-contrast navy car marks on a clean ice-blue badge. */
html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo {
  border-color: rgba(31, 70, 157, .72) !important;
  background: #f3f7ff !important;
  box-shadow:
    0 1px 4px rgba(18, 42, 107, .30),
    inset 0 0 0 1px rgba(255, 255, 255, .92) !important;
}

html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo .bmw-logo img,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo .bmw-logo img {
  filter:
    brightness(0)
    saturate(100%)
    invert(17%)
    sepia(78%)
    saturate(2520%)
    hue-rotate(218deg)
    brightness(78%)
    contrast(108%) !important;
}

html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active {
  border-color: #ffd65a !important;
  background: #fff9dc !important;
}

/* TRUE EOF 176: arrange the eight Mercedes/BMW betting zones as 4 rows × 2 columns. */
html body #benchiBaomaRoom .bmw-zone-grid,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
}

html body #benchiBaomaRoom .bmw-bet-zone:nth-child(4n),
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone:nth-child(4n) {
  border-right: 1px solid rgba(161, 218, 255, .30) !important;
}

html body #benchiBaomaRoom .bmw-bet-zone:nth-child(n+5),
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone:nth-child(n+5) {
  border-bottom: 1px solid rgba(161, 218, 255, .30) !important;
}

html body #benchiBaomaRoom .bmw-bet-zone:nth-child(2n),
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone:nth-child(2n) {
  border-right: 0 !important;
}

html body #benchiBaomaRoom .bmw-bet-zone:nth-child(n+7),
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone:nth-child(n+7) {
  border-bottom: 0 !important;
}

/* TRUE EOF 177: remove the visible cell grid while preserving the 4 × 2 hit areas. */
html body #benchiBaomaRoom .bmw-table::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-table::before {
  background: none !important;
}

html body #benchiBaomaRoom .bmw-zone-grid,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid {
  border: 0 !important;
  background: linear-gradient(180deg, rgba(6, 68, 165, .34), rgba(3, 48, 127, .28)) !important;
  box-shadow: none !important;
}

html body #benchiBaomaRoom .bmw-bet-zone,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone,
html body #benchiBaomaRoom .bmw-bet-zone:nth-child(2n),
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone:nth-child(2n),
html body #benchiBaomaRoom .bmw-bet-zone:nth-child(4n),
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone:nth-child(4n),
html body #benchiBaomaRoom .bmw-bet-zone:nth-child(n+5),
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone:nth-child(n+5),
html body #benchiBaomaRoom .bmw-bet-zone:nth-child(n+7),
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone:nth-child(n+7) {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* TRUE EOF 178: confine grid lines to the eight 4 × 2 betting cells only. */
html body #benchiBaomaRoom .bmw-zone-grid,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid {
  border: 1px solid rgba(175, 224, 255, .36) !important;
  box-shadow: inset 0 0 18px rgba(0, 28, 94, .14) !important;
}

html body #benchiBaomaRoom .bmw-bet-zone,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone,
html body #benchiBaomaRoom .bmw-bet-zone:nth-child(2n),
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone:nth-child(2n),
html body #benchiBaomaRoom .bmw-bet-zone:nth-child(4n),
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone:nth-child(4n),
html body #benchiBaomaRoom .bmw-bet-zone:nth-child(n+5),
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone:nth-child(n+5) {
  border: 0 !important;
  border-right: 1px solid rgba(175, 224, 255, .28) !important;
  border-bottom: 1px solid rgba(175, 224, 255, .28) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #benchiBaomaRoom .bmw-bet-zone:nth-child(2n),
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone:nth-child(2n) {
  border-right: 0 !important;
}

html body #benchiBaomaRoom .bmw-bet-zone:nth-child(n+7),
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone:nth-child(n+7) {
  border-bottom: 0 !important;
}

/* TRUE EOF 179: render the supplied full-color car badges everywhere. */
html body #benchiBaomaRoom .bmw-logo img,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-logo img,
html body #benchiBaomaRoom .bmw-bet-zone .bmw-brand .bmw-logo img,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-bet-zone .bmw-brand .bmw-logo img,
html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo .bmw-logo img,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo .bmw-logo img,
html body #benchiBaomaRoom .bmw-trend .bmw-logo img,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-trend .bmw-logo img {
  filter: drop-shadow(0 2px 2px rgba(3, 24, 70, .28)) !important;
}

/* TRUE EOF 180: borderless track badges backed by bundle-embedded artwork. */
html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo,
html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active .bmw-logo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring > .bmw-ring-logo.active .bmw-logo {
  filter:
    drop-shadow(0 0 4px rgba(255, 232, 126, .96))
    drop-shadow(0 0 8px rgba(255, 201, 52, .72));
}

/* TRUE EOF 181: show unframed original artwork in the draw history. */
html body #benchiBaomaRoom .bmw-trends > .bmw-trend,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-trends > .bmw-trend,
html body #benchiBaomaRoom .bmw-trends > .bmw-trend.latest,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-trends > .bmw-trend.latest {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  overflow: visible !important;
}

html body #benchiBaomaRoom .bmw-trends > .bmw-trend .bmw-logo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-trends > .bmw-trend .bmw-logo,
html body #benchiBaomaRoom .bmw-trends > .bmw-trend .bmw-logo.mini,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-trends > .bmw-trend .bmw-logo.mini {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #benchiBaomaRoom .bmw-trends > .bmw-trend .bmw-logo img,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-trends > .bmw-trend .bmw-logo img {
  filter: none !important;
}

/* TRUE EOF 182: make every draw-rail mark use the same raw artwork treatment. */
html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo,
html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo.trail,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo.trail,
html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo.active,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo.active {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo .bmw-logo,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo .bmw-logo,
html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo .bmw-logo.mini,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo .bmw-logo.mini {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo .bmw-logo img,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo .bmw-logo img {
  filter: none !important;
}

html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo.active .bmw-logo img,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo.active .bmw-logo img {
  filter:
    drop-shadow(0 0 3px rgba(255, 237, 140, .96))
    drop-shadow(0 0 6px rgba(255, 204, 65, .72)) !important;
}

/* TRUE EOF 183: slimmer pearl-blue draw rail with a restrained embossed finish. */
html body #benchiBaomaRoom .bmw-track-ring,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring {
  --bmw-solid-lane-width: 36px;
}

html body #benchiBaomaRoom .bmw-track-ring::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring::before {
  inset: 0 !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  border: var(--bmw-solid-lane-width) solid #5875c8 !important;
  border-radius: calc(var(--bmw-table-radius) - var(--bmw-table-rail)) !important;
  background: transparent !important;
  background-image: none !important;
  -webkit-mask: none !important;
  mask: none !important;
  box-shadow:
    0 2px 5px rgba(23, 43, 111, .22),
    inset 0 2px 0 rgba(238, 246, 255, .42),
    inset 0 -3px 4px rgba(24, 47, 122, .30) !important;
  filter: none !important;
}

@supports ((-webkit-mask-composite: xor) or (mask-composite: exclude)) {
  html body #benchiBaomaRoom .bmw-track-ring::before,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring::before {
    border: 0 !important;
    padding: var(--bmw-solid-lane-width) !important;
    background:
      linear-gradient(
        180deg,
        #8ba3e7 0%,
        #6f89d5 16%,
        #5a76c7 46%,
        #4662b4 74%,
        #718bd2 100%
      ) !important;
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0) !important;
    mask-composite: exclude !important;
    box-shadow: none !important;
    filter:
      drop-shadow(0 -1px 0 rgba(238, 247, 255, .72))
      drop-shadow(0 2px 2px rgba(24, 43, 108, .34)) !important;
  }
}

@media (max-width: 760px) {
  html body #benchiBaomaRoom .bmw-track-ring,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring {
    --bmw-solid-lane-width: 32px;
  }
}

/* TRUE EOF 184: pull only curved-corner draw marks away from the outer frame. */
html body #benchiBaomaRoom .bmw-track-ring,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring {
  --bmw-corner-icon-inset: 4px;
}

@media (max-width: 760px) {
  html body #benchiBaomaRoom .bmw-track-ring,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-track-ring {
    --bmw-corner-icon-inset: 5px;
  }
}

/* TRUE EOF 185: enlarge raw rail artwork while retaining safe lane clearance. */
html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo {
  width: 32px !important;
  height: 32px !important;
}

html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo .bmw-logo,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo .bmw-logo,
html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo .bmw-logo.mini,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo .bmw-logo.mini {
  width: 30px !important;
  height: 30px !important;
}

html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo.active,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo.active {
  width: 36px !important;
  height: 36px !important;
}

html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo.active .bmw-logo,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo.active .bmw-logo,
html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo.active .bmw-logo.mini,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo.active .bmw-logo.mini {
  width: 33px !important;
  height: 33px !important;
}

@media (max-width: 760px) {
  html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo {
    width: 26px !important;
    height: 26px !important;
  }

  html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo .bmw-logo,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo .bmw-logo,
  html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo .bmw-logo.mini,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo .bmw-logo.mini {
    width: 25px !important;
    height: 25px !important;
  }

  html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo.active,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo.active {
    width: 30px !important;
    height: 30px !important;
  }

  html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo.active .bmw-logo,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo.active .bmw-logo,
  html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo.active .bmw-logo.mini,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-track-ring > .bmw-ring-logo.active .bmw-logo.mini {
    width: 28px !important;
    height: 28px !important;
  }
}

/* TRUE EOF 186: show only the current player's non-zero wager, centered per betting cell. */
html body #benchiBaomaRoom.benchi-baoma-room .bmw-zone-grid .bmw-bet-zone > small.bmw-my-bet,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-zone-grid .bmw-bet-zone > small.bmw-my-bet {
  position: absolute !important;
  left: 4px !important;
  right: 4px !important;
  bottom: 7px !important;
  z-index: 7 !important;
  width: auto !important;
  margin: 0 !important;
  transform: none !important;
  color: #ffad32 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  text-shadow: none !important;
  pointer-events: none !important;
}

@media (max-width: 760px) {
  html body #benchiBaomaRoom.benchi-baoma-room .bmw-zone-grid .bmw-bet-zone > small.bmw-my-bet,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-zone-grid .bmw-bet-zone > small.bmw-my-bet {
    bottom: 5px !important;
    font-size: 10px !important;
    line-height: 14px !important;
  }
}


/* TRUE EOF 187: premium embedded Mercedes/BMW countdown dial; no external image request. */
html body #benchiBaomaRoom.benchi-baoma-room .bmw-count,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-count {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

html body #benchiBaomaRoom.benchi-baoma-room .bmw-count .bmw-count-value,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-count .bmw-count-value {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  line-height: 1 !important;
}

html body #benchiBaomaRoom.benchi-baoma-room .bmw-count,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-count {
  width: 80px !important;
  height: 80px !important;
  flex: 0 0 80px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 50% !important;
  background-color: #07162f !important;
  background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAASABIAAD/4QBMRXhpZgAATU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAeKADAAQAAAABAAAAeAAAAAD/wAARCAB4AHgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9sAQwACAgICAgIDAgIDBQMDAwUGBQUFBQYIBgYGBgYICQgICAgICAkJCQkJCQkJCwsLCwsLDQ0NDQ0PDw8PDw8PDw8P/9sAQwECAgIEAwQGAwMGDwoJCg8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8P/90ABAAI/9oADAMBAAIRAxEAPwD8cRHuKsOtTqEY88MO1Qx4388Cr3lAsCCM1/QsFc/Lpuw0Bc7c1dUHoMYxUUYTPzHtX0F8E/2dPHPxpYarbKdH8LRSFJNTkjJMpH3ktYyR5rDoWyEXuc8GMVjqWDh7WvKyCjhp4iXJSV2eBBGmmis4Fae4lYKkcal5HJ6BVAJJ+lfTHgX9kz45eNljnGjxeHrOQAiXVpfJcg9xAgeb80FffWjeA/g3+zro4u4Vh0eWRcG+uj5+o3ZH3grAeYc91iVUHf1rwjxd+33omizS6X8P9HOozodvmzAzNn18qJljT/gUre4r4fG8YVqn+6RUV3f9f5n0dDIqUP47u+yO08G/8E4H1dkj8TeOzGTjctjYAD8HmlyR77K+gv8Ah1H8OBYG4PjvXC+M/wCptsflt/rX5n6v+2f+0hrFwZLG+bSo2+6gnS3AH+7boh/NzXoV18fP2gbf4M2fj5PGEjajc6xPp7Rm6u/LWKKCOUMG87dvLOR6Yr5bMeKcXRdP2ld+81HRdX9x7GEyXD1FPkpL3VfVnr/jz/gnlp/h2WRfD/jyfcn3VvbBGDfVopQR9dpr5D8Yfs4/E7wxK/kwWniCKPPOnS/vsD/phMEkJ/3Q1XrD9sv9oC2YDVLpdYh/iQzrOSPYXKOfyYV1cH7VXhnxawsfGFk+i3j8b1UxqT/uOzI3/AZV+lezh+I8bSf8VS8mrf5fmefVyrDT+w16P+vyPkiRHguJbOZGt7iHIeKVSkiEdirYINVpBj7wya+wfEtrofiyyNzqcMWu6cmAl0jFLmAt0Cy48yI+iyBkPYHrXzl4m8GXPh5X1K2nbVNGJAM4XE1uWPC3CDO3rgOpKn1B4H12V8TU8TJUa65Jfgzw8Zk86S9pSfMvxOJaMbTnA3DNUzGACew4x61ovCjLleR2xUEuQoB619FJHkxlbQzWyrZA6cYNJ5kn90VYkRiAe9RbZaxatsbpp7n/0Px2SEdW5q1nlcfnVeMErgE4NetfBP4Uan8aPiRpXgCxdre1mPn6jcqM/ZrGIjzX9N7ZCID1ZgK/f8RiI4enKrUeiPzGnSlWmqcd2fQv7If7KNz8etV/4THxfHJb+A9Lm2NglH1O4TBMMbdRCn/LVxz/AAr8xJX7v/aa/aN8Cfs5aRH4K8JW1tNr9tEkMNpEg+zafHt/dq0aY3SY5jhGOPmcgfe6/wCPHxq8JfsrfB2y0DwVDFY3yWxtdJtgAy20MQAa4ZerlS3Gf9ZK3P8AFX4LXmpaz4q1u58U+I5Zbm+uHaYmRvMeNZGyzsSctK5OXb144GK/JsZjamYVfbVdui8u/wDW59tRoQwsPZU/mzofFHinxr8Vtdk1Xxvqcrm9kVWjeQjCscDz3XhUGfuIAijoKZcaC/h27uNGv41sWsZJIZUGFCMnHbqM988/jV/w14f1LxHdzWGkCGJLSIy3l5cv5NnbWxP+uuZCDsGeFABdzhVUmvRl1fwt4alD+HbRde1RMbtZ1q3E7FgAAbPTZSYYFAACyXQllIAOxamKvLkprml/X3C+zzSdkcX4d8D+LvF9uT4P8O6lrSAANLZWks8Wc5/1qr5Q465avXbjwR8b5vAUPgH/AIQyVLK2v5dQBMtqLgySxLCV2G53bQEBGFznrXnviXxZ4v8AF2H8S6td6si/dS8neaNB6LDkW6D2SJQPSvM9QWGJSFtrcAdvs8P/AMRWuIyGrX5ZVkvdd1vuTRzKnS5lTb1Vn6F3xb4F8ZeFImfxR4cv9HjKYWS7tZYouud3mlfLz6YY1x9laTaxdJpdu6SRTs2BccxrFGpZ5GPJChQSSPQ+1a+k/Ejxj4QZj4b1W501G+/HbStFE49HhBMLj1DxsK2o/GfgrxmzReLdPj0LU5MhdU0yERIS3X7VYx4ikU/xPbiN++xqmqqlLStG67oIqM9ab18zP8PyeOvBlhbeKtDt7ldHuHeGOOZW8mUpgyJBIwKnAI3RnI55Fe6eHvEeneKLH+2vDREdxGrC6tGGRgj518tsgpj78bZ45GV6fVfwe+JPhfxH4T0f9m/4q6fYWVjcxqLLUrcqbO+t92VMEuMCaRzgzcMpJDBXwT8o/HL4Pa98BfGn/CV+EHlvdDnmYW11t2pdJHhmiZhgGWLJ2yAbXwSM/MK9nG5LFUFisNLmh+K9P1R8blXFspY2eW5hT9nUu7dpLprtdnn3i3wvDpFv/wAJDocZTRZJAk8IJY2M79Bk8mCQ52MeQflPIBbgpQCN2Mg19g+CJtE8b6Qus2cCXFjqMfk31p0Vlk+8uP4Q2CVxyjrx0FfNXjnwdd+AfE934UvGMsCBZ7Kdhjz7OXmN/wDeH3XHZlI7V7XDWcyq3wWIfvLZ90ennGAUf9qorR7+TOGm6DnkelVcv/eNW2XY4w3Ap/mpX1jjfc8ZSstD/9H8fFKrH/dA5P4V+pX7GugWXgD4eyeL7/bDqnixvtUkjdYtPh3CBc9lOHlb1BU9hX5e2umy6vfWWi25xLqNxDaqfQzOFz+Ga/QTx141g8PfDjWVsD5VpFAmnwgHG2ALtwPT/R4mHHrX6fxfiXL2eET31fofHZDSS5sQ+miPlT9of4q3nxe+J1/rc7sdOsWVLeNjkBEz5CY/2UJkcf33PoK4rS/Dt7rGtWHh7Qbm3v7nUTmOdCyLEhBaV7gEAxpCgZ5MjhQcEgivP7aSclJ5/M8w5uJnjGSssx3ZPTgDjqK9L027/wCEc8AahrhI+2+J5X02FuhSxttkl4QBjHnytFAT3UOO5r5G7jG8d3t+h7VlKVnsjpvEHiLSvs0Hg/wluXw9YSCWN2GJL+5xhtQuPV5P+XeM8QR4wN5JBplmHXdJznv715dpt6ZJfMlO4sck+pNes+H7lZ9oY4r6vK8NCjHlW/VnjY2rKo79DSudL3wkj5OOteVa4jQsyvxjOBX0XNHb/ZMEA8frXgvi7YHftivSxGiOGjqzx7UX3MQawJDg5Bxitm/PznNYcmTmvnMQ9T2aKPVvAHjaC3j/AOES8Tyt/Yd1L5iyjl7C5PAuofT0mQcSJnI3AE/qv8LPFVv8cfAOr/BP4wajFZaj4ahC+au0GdU/1FwkrZ3LEGQoEwZFIySNwP4mhihDDgg19e/Bv4kXvhq98K/EKAiW78NXcWm3iu3+tspgxtyxIP3AJYd2MgbfStcjx31TEKlL4J6Nefc+a42yL+0sG61HSrT96L66dP662Zq/D6e/+DXxhuPB/iCN4dPvZpIpI2Vk+cYLMFYBgJEAlTIByB6mvqT9qT4XnUvhhD42sIt934TlErsvJewuWCyD3CSFJF7AM5rm/wBurwdqMF7ovxWtzAZr5UZPsysFDWoWSFmdjlzJGcbtq5C4xX1N8Jda0f4n/Ba00zVSGh1Wxl02bJ/5ZTR7VP8AwGN1/EVy5zh5ZZilUp/Zaa9H/Vvmd3B2cxzvL41ZbyTT/wAS0Z+MDsJCD265HfNNwnr/AJ/OnS2Nxp091pN4Nlxp80ttID/fhYof5VD5fuK/TqdRVYqpHqeTKHI3B9D/0vyk8BzRx+N9IuZM4tPPuR/vQQu6n/voCvSvidqxufhotur5+1Xhj/LyU/lI1eUeFJNniRT0zZ3oBP8A1xb+ldp4zxN8NLC4HSLUiv5vD/iK+74md8XK/SP+Z8zlKtQjbueJ3EiGaaV0UnzNqkSAMAuBgp1IwOuK63x9di0sfDehg/LYaXbZH/TS53XUp/Fph+QrkptTVbSfTlgtvOZ3Bk8j9+o3E58z9PpxWh8SJxLqNlOv3XsrMg9iPssCj/0E15N/3kL9LndFe5IxrS+CAHsK9F0TXthUZ6V4rHcbO9bdjfmNxXv0cTZnnVaJ9R2mvGe3Ck9uleT+K7vdI5Y/WoNK1ojAJ4NRatCdQBZR0r0KlbnjZHFCnyvU81uWMjEtWY4611V1pzRckVgTQEGvHqwZ6FORmN9K9O+Hc7S2PiLSeouNPllA/wCmloyXCH8NjD8a83ZMjkcV3vw+Xy7rVLgnCRafeE/Qwuv82FeXilaN/Q7qWrsz9N/Hq6Z4y/ZD0XX00mRbq1S0M98RFiRona2I3FzKyYONu3APbFcL+zt40fSfhFbwSNg210bcHOMbTIo/SMV1FhdQw/sZwWt3rTC4eACLTiYQMfbBzgx+aQR82Q/6cV8yeDL2TSfgyt0px5+suM5/hH2nOK+m4wipqlLq4fqj8w8L5SgsXS6RrSS32t5/poec/EwI3xM8UmI/LcXz3Pt/pAEh/Vq4vyfcVq+Kbj7d4q1G4OfmW3HvnylFYnlf71fQZLK+EpN9kfR5grV527n/0/yK8POqeJ9LMv3J5Htie3+kRtGP1avQ4oZtX+FfiSxTLzabLFeKO4AwzY+nkgfjXj93JKkazQNiSEiRD/tIcj+Ve7/DLU7RvGy2M+P7P8UQm3Kn7ubnDRj04lAQ/jX6JxLQ5cVCb2krfp+p8nldS9Bpbp3Pnq+SX7TcxRGaSOTE6pGPk2sA29z6Z9vxq34mjOo+E9H1OP5mtUNpIf8Argx2f99RupHspr2TwV8LtE1b4lW3w/8AHF5Lp0NndNZSyx7QzqfmteW+VRICo3EHBbpXVfGH4X6N8N/GE/hrSJmn8LeIUU2VxJllS4jG3aZMBWwSYmZeAGHevOqZTWeF/tCK0Tt5+Zxw4nwsMxWSzb9pKPMtHa17b7X8ux8TLkmr0EpzTtX0u50bUJbC6Qo0ZIG7g4zjn3B4PvVWI4ORWFCps0fQVYdDqLS5YYGa9K0FlnXDc15NbMMj2r0LRZlQquep4r2sPK7PLrKx0moaYpVjtz/SvPb+xCk4Feum4jljKYHAFcXqsILFVGDXVXpJq5z0p2Z5nNAVOcda9E8M2LW3hPUrtlxJqbxWMPq3msryY/3Y4/8Ax6saz0W71rUoNMs42klndUAQZJLEAAe5JwPevrz4LfDiXxz8StN0OwtE1Lw/4JzPesGCxz3W5fMVWbIbLARJnAKq3IwTXkrBvFV6eDp9Xr6FZnm1PLcHVx9Z2UU/m+36H0F8dpdX+Hv7NnhnwTffZ0WaOBWdGYOPKQzuhQgjh2GXDYz25r4111ZdD+FXgnw+wKXF6Z7917/vNuzP/ApHH4V7H+0bq9n8RvibYfD3wtbSW1qsgtJIeVCMG33brGGKJgDZ8vBKjrkV478W9ZtbrxzdrbsDp/hiAWce0/KWtcl9vs1wzAe2K7+McVGpiHSp7RSj+r/Q+T8LstnhsujXrq0qsnUelt9F1fQ8XvZ3m1jUbhfmHnGMH1Efyj+VR+dN/dqpahoreMEku/zt9W5qz5kvpX1eBpOjRhS7JHr4mftKkp92f//U/G8FW4xn/wCvWpok8hgbTgxSfTyZoSDgmFjk4PrG3P0JPasIHGD0oWW6tLiHULL/AF9u25c8hh0ZSO4YcEV+yZ3gvrdG0VqtUfBYCv7Gprsz7F8fWUfj7wRYfHTQovMvtLRNP8S20Y+fjlbrA/h6vnHQsP8AlnXt+m6pon7Rvwvm8K+K76Gzu9GhVomSMNLJNt2RzLxnZIcI0cXO/nP3BXzB8G/iHN4J1mPxJpkIvtF1FTbajYOciSJvvwtkECSP70bEfXgsK7bxj4NvfhHqFn8W/hPcNe+CLmQz280a75NMc8PDOhyRECdpB+7nBONrnyMgzmOGcqeJV4S0kv1+XX+rfO8ccJTzOFPEYGfJXpPmpy8+sXvpJaX1t20s/APG3gbVLK/k8F+PLdtM8RWuFt5ZcBbhMfIN/wB0vtwN2drjuCMr4Jqei6lod01rqELRMjYyQQM+nIGD7Hmv1nttT+G37Svh9ND8UxKniq9dY7d84+zRLli9uxOHiCgs0bHczntww+ffH3wI+I/gM30cunjxz4b09hEbmJSLiFdobBPLfKGGQwZAf4jSzThmph/9qwD9pSe1unr5kcL+I9LFv+zc6j7DEx0cZaJ9Lxb3Te34XPhqDlseldXpk6pjf2rtZPC/gC9kONQudAlzgx30DhFbv+9jVwcegUVq2vw38LkCT/hPdFRB/fuHB/Lys/pXkUsbGGk7r5H30qfPrBpmZb3S7d27BNS2ulahrV9HZafC9zcXLbEVFLMx9ABkk+wFd1ZaH8LNK2te+JJ/EEwxi20i0kkz7GecRRr9drV7j4Y+HHxM8Z6VdN4b0Vfh54UjKx3l7M3malLAdpfdIdrhVRg7JEqJjvXpU61bFfu8JTbffoePj8fhcui62OqqK9f6/C55boPhW6tNUi+HvgUJqfjTWM281xGwaHT0YHfGJOUNwyZDMDtiXIBOSW+vdQ/4Rb9l74XDw7pjS2fi9sk3CNlZw33piSNr26gFVRxuD88Eljf1E/Cr9l3w5qfhKwt49Vvr6BJUnDKtyJVwf9IkU5iVXAliKfMeepG4/OHh7w/rnxt1W4+K/wAWrySDwfZFZHlmXDagy/6uKKMbQYiQQqrjecgfLvevZXs8jpycmpV5f+Sn5xz1+NK8GouGCg7671H2t1W6af8AnbM8Dwz+D/CmpfGfWgV1fXA1poMcnMiq3zG4OeT2lJPpGD98181eJf3ENvpAyZrwi5uPURD7gPu5y302mvon4neMo9Znl8W6zF9m0jTx9m0+xB6gcpCuOrufnlcDgZxj5RXytJc3d3dz6pfMHubxi8hHAGeigdgo4A7dK+XynCvGYj2kvhjq/Nn65iprC0eSOjei8hHJdhzijZ7il+QqCTikyn941+hHziP/1fxmIXAyTUi9CelVlceuMdqesrZAPIr92Uj84cTT0nVr3w7fm+skE8MwAubYnCyqO4/uuOqsOh9iQftX4P8AxFXTrOa98MyrqejXmEv9PuOh4xtlQZ2SAZCyLwRxyMrXw4X3dKm06+1XQ9QTWPD909hfJ/Gh+Vx3V1PDKe4IINeBmWT88nWw+/5/8E9HC41KPsq2x98eIPgPpHiSR/EfwGvVsLtj5s2g3bbNrjkmAqCVAPI8sMv+zHWDpXx++I/wzSHwx8SdKmS1iuUmdb1SplKSeYQl2u5X3OASWLntx0ryfw18ddMnEVv4wt20e+XG27twzWzMP4iozJEf93cPYV9O6B8Vta1GxEV41l4y0qQYYzgXIK+jSxkSfhITj0ryMLmlfASfspOD6ro/kcuc8L4LN4KGOpKaWz6r0ktf18zYuvjv8GvHK61qXirQI5b69tljtDJBDc+WUjbbiUYYOZGJ3bRwBmrfn/sgprOmzrpNm9rFbT/aCbW6w02YfLLLjkkCTpx1z2qnZeB/2dPGMu7VvAkmlXMh+ZtNuTEpJ7hYzBj8c/WvY9F/ZB/ZZ1G3+0z2viE8ZKi/dQPb/Wk/rXpz4zla9alBv0/4B8hDwnpQdsJi60I9lPTa39eZ5FD8aPgf4J0mN/C+hRxahZ37XEEqW8UO6JbhiokkJ83a0B2gbTjjI4rz7Vv2kfiP8S9V1LTPhVpE0n9qhI5o7FTKoZVKbnunCpHuUgN9zhRX0Rq3wl/Zk8CMW0b4etqtwn3X1S7e4UH3WRph+QFcF4t+KOv6Vpgt9MFj4K0ZAVU2yraAL6LNId/TtGRn0rlxPGVeceWk1Bf3Ud+X+FWXUKntsTGVWXebv57bdDybT/gponhKSPxD8er9NR1BMSQeHbNt43dVM7HG4eu8KntJ0qD4lfESO/s4de8XSrpeh2ZKWWn244JAA2QIceZKRgPI3CjGcDC14p4j+Mfh+0aWPwvC3iDUXYk3M25LRWP8R3YkmOfXYP8AerwbVNV1bxFqh1nxHdvfXrcBjgJGo6JGgwqKOwAAryMLl1fHS5paR6t9f8z76dalhI8sdWui6f5Gj4i8S3/jDVV1O/jFta24K2dmpykCH1P8Tt1ZjyT6DAGO23BH5U3ADHvTQuRkHkV91hcNDDQVKktD5+tWlVk5zYuB0zx7d6NqehqPOM9hSeZ71u5EWZ//1vxXB3HhuRVlWYe5NU4upq2vVa/bqb0Pz+a6EgfJ5FSdT1xUPrUnf8K0izFoNqnO75lPrTLSKS0uBeaVNLYTjpJBI0TD8VIpy/d/Op4Puioq0IVVy1I3KjVlT1g7HeaX8YPi3oZU2PiWSbaOPtUMVwcfWRGP616PY/tcftDWtr9lttbsEQ9/7Pg3f+i8V87t978KLf7o/GvLlkWFlq4HbHMqyXxHrGs/Hj44eIt41LxbLCr9fskMVsef9qJFb9a8lvRc6leG91m6n1Kc9ZLmVpWP4sTVkfdFMfvXRRynD0neFNGM8dVnpKQzBVMIAF7AcVGGx7k9qm/gFQfxfjXe3bY546gxzyCRio1d/QletP8AWhPuN9Ki+pa2GMdy5HANRc/3qlH+q/CoKllLQ//Z") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  box-shadow:
    0 6px 14px rgba(4, 18, 50, 0.34),
    0 0 14px rgba(71, 202, 255, 0.24) !important;
}

html body #benchiBaomaRoom.benchi-baoma-room .bmw-count:not(.settled):not(.spinning) .bmw-count-value,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-count:not(.settled):not(.spinning) .bmw-count-value {
  transform: translateY(1px) !important;
  color: #f5f8fc !important;
  font-family: Arial, "Helvetica Neue", sans-serif !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -1.5px !important;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.62),
    0 2px 5px rgba(0, 10, 30, 0.72) !important;
}

html body #benchiBaomaRoom.benchi-baoma-room .bmw-count.spinning .bmw-count-value,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-count.spinning .bmw-count-value {
  font-size: 17px !important;
  font-weight: 900 !important;
}

html body #benchiBaomaRoom.benchi-baoma-room .bmw-count.settled .bmw-count-value,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-count.settled .bmw-count-value {
  font-size: 24px !important;
  font-weight: 900 !important;
}

@media (max-width: 760px) {
  html body #benchiBaomaRoom.benchi-baoma-room .bmw-count,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-count {
    width: 76px !important;
    height: 76px !important;
    flex-basis: 76px !important;
  }

  html body #benchiBaomaRoom.benchi-baoma-room .bmw-count:not(.settled):not(.spinning) .bmw-count-value,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-count:not(.settled):not(.spinning) .bmw-count-value {
    font-size: 28px !important;
  }
}

/* TRUE EOF 188: keep every draw phase inside the single embedded instrument dial. */
html body #benchiBaomaRoom.benchi-baoma-room .bmw-count .bmw-count-value,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-count .bmw-count-value {
  color: #f5f8fc !important;
  font-family: Arial, "Helvetica Neue", sans-serif !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.52),
    0 2px 5px rgba(0, 10, 30, 0.72) !important;
}

html body #benchiBaomaRoom.benchi-baoma-room .bmw-count.spinning .bmw-count-value,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-count.spinning .bmw-count-value,
html body #benchiBaomaRoom.benchi-baoma-room .bmw-count.settled .bmw-count-value,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-count.settled .bmw-count-value {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  width: 52px !important;
  transform: none !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

html body #benchiBaomaRoom.benchi-baoma-room .bmw-count .bmw-count-primary,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-count .bmw-count-primary {
  display: block !important;
  color: inherit !important;
  font: inherit !important;
}

html body #benchiBaomaRoom.benchi-baoma-room .bmw-count .bmw-count-caption,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-count .bmw-count-caption {
  display: block !important;
  color: #88dcff !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .3px !important;
  white-space: nowrap !important;
}

html body #benchiBaomaRoom.benchi-baoma-room .bmw-count .bmw-count-result,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-count .bmw-count-result {
  display: block !important;
  color: #f7fbff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 15px !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
}

/* TRUE EOF 189: crop away the dial's outer metallic stroke. */
html body #benchiBaomaRoom.benchi-baoma-room .bmw-count,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-count {
  border: 0 !important;
  outline: 0 !important;
  background-size: 128% 128% !important;
  background-position: center !important;
  box-shadow: none !important;
}

/* TRUE EOF 190: keep the complete Mercedes/BMW trend row inside the mobile table. */
@media (max-width: 760px) {
  html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-trends,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-trends {
    left: 18% !important;
    right: 18% !important;
    width: auto !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 3px 7px !important;
    gap: 2px !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-trends > .bmw-trend,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-trends > .bmw-trend,
  html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-trends > .bmw-trend.latest,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-trends > .bmw-trend.latest {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
  }

  html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-trends > .bmw-trend .bmw-logo,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-trends > .bmw-trend .bmw-logo,
  html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-trends > .bmw-trend .bmw-logo.mini,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-trends > .bmw-trend .bmw-logo.mini {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
  }

  html body #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-trends > .bmw-trend .bmw-logo img,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table .bmw-trends > .bmw-trend .bmw-logo img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
  }
}

/* TRUE EOF 191: keep all five Benchi Baoma banker slots visible on phones. */
@media (max-width: 760px) {
  html body #benchiBaomaRoom.benchi-baoma-room .dt-dom-side-actions.left,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .dt-dom-side-actions.left {
    left: 3px !important;
  }

  html body #benchiBaomaRoom.benchi-baoma-room .dt-dom-side-actions.right,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .dt-dom-side-actions.right {
    right: 3px !important;
  }

  html body #benchiBaomaRoom.benchi-baoma-room .dt-dom-side-actions button,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .dt-dom-side-actions button {
    width: 43px !important;
    min-width: 43px !important;
    height: 48px !important;
    min-height: 48px !important;
  }

  html body #benchiBaomaRoom.benchi-baoma-room .dt-dom-topbar,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .dt-dom-topbar {
    left: 51px !important;
    right: 51px !important;
    width: auto !important;
    max-width: none !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 5px !important;
    grid-template-columns: 36px 36px minmax(72px, 1fr) 46px 46px !important;
    grid-template-rows: 50px !important;
    column-gap: 3px !important;
    justify-content: stretch !important;
    justify-items: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body #benchiBaomaRoom.benchi-baoma-room .dt-dom-topbar > *,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .dt-dom-topbar > * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body #benchiBaomaRoom.benchi-baoma-room .dt-dom-banker-card,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .dt-dom-banker-card,
  html body #benchiBaomaRoom.benchi-baoma-room .dt-dom-banker-card .dt-dom-banker-avatar,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .dt-dom-banker-card .dt-dom-banker-avatar,
  html body #benchiBaomaRoom.benchi-baoma-room .dt-dom-banker-card .dt-dom-banker-avatar img,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .dt-dom-banker-card .dt-dom-banker-avatar img {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
  }

  html body #benchiBaomaRoom.benchi-baoma-room .dt-dom-apply,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .dt-dom-apply {
    grid-column: 3 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 82px !important;
    height: 38px !important;
    min-height: 38px !important;
  }

  html body #benchiBaomaRoom.benchi-baoma-room .dt-dom-apply strong,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .dt-dom-apply strong {
    font-size: 12px !important;
    line-height: 38px !important;
  }

  html body #benchiBaomaRoom.benchi-baoma-room .dt-dom-seat,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .dt-dom-seat {
    width: 44px !important;
    min-width: 0 !important;
    max-width: 44px !important;
    height: 38px !important;
    min-height: 38px !important;
    font-size: 12px !important;
    line-height: 38px !important;
  }

  html body #benchiBaomaRoom.benchi-baoma-room .dt-dom-seat.filled span,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .dt-dom-seat.filled span,
  html body #benchiBaomaRoom.benchi-baoma-room .dt-dom-seat.filled img,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .dt-dom-seat.filled img {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
  }
}

/* TRUE EOF 192: remove the decorative page grid while keeping the soft color glow. */
html body #benchiBaomaRoom .dt-dom-shell.bmw-shell::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-shell.bmw-shell::before {
  background: radial-gradient(circle at 52% 26%, rgba(255,255,255,.18), transparent 34%) !important;
  background-size: 100% 100% !important;
}

/* v193: BMW rules use the same right-side portal interaction as Dragon Tiger. */
body > #benchiBaomaRules.dt-rules-panel {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: block !important;
  width: 100vw !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
  pointer-events: auto !important;
  transform: none !important;
}

body > #benchiBaomaRules.dt-rules-panel > .dt-rules-backdrop {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(80, 101, 185, .08) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: auto !important;
}

body > #benchiBaomaRules.dt-rules-panel > .dt-rules-drawer {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  z-index: 1 !important;
  display: block !important;
  width: min(76vw, 350px) !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 0 0 18px !important;
  border: 1px solid rgba(240,247,255,.76) !important;
  border-right: 0 !important;
  border-radius: 20px 0 0 20px !important;
  background: radial-gradient(circle at 100% 0%, rgba(181,222,255,.36), transparent 38%), linear-gradient(155deg, #7899e2, #7377ce 58%, #7869c3) !important;
  box-shadow: -12px 0 30px rgba(55,61,155,.2), inset 1px 0 rgba(255,255,255,.3) !important;
  color: #fff !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
  pointer-events: auto !important;
  transform-origin: right center !important;
  animation: dtRulesPortalFromRight .34s cubic-bezier(.2,.76,.22,1) both !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
}

body > #benchiBaomaRules .dt-rules-drawer header {
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 56px !important;
  padding: 0 16px !important;
  border-bottom: 1px solid rgba(244,249,255,.42) !important;
  background: linear-gradient(90deg, rgba(76,111,194,.96), rgba(103,93,188,.94)) !important;
  color: #fff !important;
  box-sizing: border-box !important;
}

body > #benchiBaomaRules .dt-rules-drawer header span {
  font-size: 17px !important;
  font-weight: 900 !important;
}

body > #benchiBaomaRules .dt-rules-drawer header button {
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border: 1px solid rgba(242,249,255,.72) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.15) !important;
  color: #fff !important;
  font-size: 24px !important;
  line-height: 30px !important;
}

body > #benchiBaomaRules .dt-rules-drawer h3 {
  margin: 18px 16px 12px !important;
  color: #fff0a8 !important;
  font-size: 23px !important;
  text-shadow: none !important;
}

body > #benchiBaomaRules .dt-rules-content {
  display: grid !important;
  gap: 9px !important;
  padding: 0 12px !important;
}

body > #benchiBaomaRules .dt-rules-content section {
  padding: 12px 13px !important;
  border: 1px solid rgba(241,248,255,.42) !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.19), rgba(229,235,255,.1)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.24) !important;
}

body > #benchiBaomaRules .dt-rules-content strong {
  display: block !important;
  margin-bottom: 6px !important;
  color: #d9f7ff !important;
  font-size: 14px !important;
}

body > #benchiBaomaRules .dt-rules-content p {
  margin: 0 !important;
  color: rgba(255,255,255,.94) !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
}

@media (max-width: 430px) {
  body > #benchiBaomaRules.dt-rules-panel > .dt-rules-drawer {
    width: min(78vw, 340px) !important;
    border-radius: 16px 0 0 16px !important;
  }
}

/* v194: keep the League page color wash, but remove both grid overlays. */
html body.theme-pearl-blue #clubPage.club-page::before,
html body #clubPage.club-page::before,
html body.theme-pearl-blue #clubPage.club-page .club-list::before,
html body #clubPage.club-page .club-list::before {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
}

/* v195: refined Benchi Baoma control deck; the online-user control is intentionally untouched. */
html body #benchiBaomaRoom .dt-dom-footer,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body #benchiBaomaRoom .dt-dom-footer::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer::before {
  left: 7px !important;
  right: 7px !important;
  top: 80px !important;
  height: 60px !important;
  border: 1px solid rgba(255, 255, 255, .84) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 52% -24%, rgba(255,255,255,.92), transparent 45%),
    linear-gradient(105deg, rgba(224,240,255,.92) 0%, rgba(174,209,255,.84) 46%, rgba(198,183,255,.82) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    inset 0 -1px 0 rgba(93,126,211,.20),
    0 5px 14px rgba(70,102,188,.18) !important;
  opacity: 1 !important;
}

html body #benchiBaomaRoom .dt-dom-footer::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer::after {
  content: none !important;
  display: none !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user {
  left: 13px !important;
  top: 85px !important;
  bottom: auto !important;
  width: 194px !important;
  height: 50px !important;
  padding: 4px 8px !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  grid-template-rows: 18px 22px !important;
  column-gap: 8px !important;
  border: 1px solid rgba(255,255,255,.58) !important;
  border-radius: 13px !important;
  background: linear-gradient(110deg, rgba(255,255,255,.42), rgba(255,255,255,.16)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.62), 0 3px 8px rgba(70,100,178,.10) !important;
  overflow: visible !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  width: 38px !important;
  height: 38px !important;
  align-self: center !important;
  justify-self: center !important;
  transform: none !important;
  border: 1px solid rgba(255,255,255,.94) !important;
  box-shadow: 0 0 0 2px rgba(245,190,60,.42), 0 4px 9px rgba(84,92,166,.18) !important;
  background: radial-gradient(circle at 34% 24%, #fffbe2 0%, #ffd96e 48%, #d59a27 100%) !important;
  color: #734500 !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta {
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  position: static !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-rows: 18px 22px !important;
  align-content: center !important;
  gap: 0 !important;
  transform: none !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong {
  align-self: end !important;
  max-width: 118px !important;
  color: #214589 !important;
  font-size: 11px !important;
  line-height: 16px !important;
  font-weight: 900 !important;
  text-shadow: 0 1px rgba(255,255,255,.72) !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b {
  align-self: start !important;
  width: 112px !important;
  height: 18px !important;
  padding: 0 7px 0 20px !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(255,255,255,.60), rgba(235,244,255,.30)) !important;
  color: #7a5700 !important;
  font-size: 10px !important;
  line-height: 16px !important;
  font-weight: 950 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.72) !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::before {
  left: 6px !important;
  top: 50% !important;
  width: 9px !important;
  height: 9px !important;
  transform: translateY(-50%) !important;
  background: radial-gradient(circle at 34% 24%, #fff8ae 0%, #ffc93a 48%, #c77b08 100%) !important;
  box-shadow: 0 0 5px rgba(255,199,49,.42) !important;
}

html body #benchiBaomaRoom .bmw-repeat,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-repeat,
html body #benchiBaomaRoom .bmw-undo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-undo {
  top: 87px !important;
  bottom: auto !important;
  width: 56px !important;
  height: 44px !important;
  padding: 23px 0 0 !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  border-radius: 11px !important;
  font-size: 9px !important;
  line-height: 14px !important;
  font-weight: 900 !important;
  text-shadow: 0 1px rgba(0,0,0,.16) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.56), 0 4px 9px rgba(61,89,171,.18) !important;
}

html body #benchiBaomaRoom .bmw-repeat,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-repeat {
  right: 72px !important;
  background: linear-gradient(180deg, #f7d57d 0%, #e6a933 58%, #bd7816 100%) !important;
  color: #644000 !important;
}

html body #benchiBaomaRoom .bmw-undo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-undo {
  right: 12px !important;
  background: linear-gradient(180deg, #75c7ff 0%, #3788e9 56%, #1d59bc 100%) !important;
  color: #fff !important;
}

html body #benchiBaomaRoom .bmw-repeat::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-repeat::before,
html body #benchiBaomaRoom .bmw-undo::before,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-undo::before {
  top: 5px !important;
  font-size: 16px !important;
  line-height: 17px !important;
}

/* v196: contain the new footer cards and show a clean numeric balance. */
html body #benchiBaomaRoom .dt-dom-footer::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer::before,
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user,
html body #benchiBaomaRoom .bmw-repeat,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-repeat,
html body #benchiBaomaRoom .bmw-undo,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-undo {
  box-sizing: border-box !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user {
  left: 12px !important;
  width: 188px !important;
  padding: 4px 7px !important;
  overflow: hidden !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b {
  width: 110px !important;
  padding: 0 8px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b > i,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b > i,
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::before,
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::after {
  content: none !important;
  display: none !important;
}

/* v197: square off only the inner 4 x 2 betting grid. */
html body #benchiBaomaRoom .bmw-zone-grid,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid {
  border-radius: 0 !important;
}

html body #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone {
  border-radius: 0 !important;
}

/* v198: compact premium profile block for the Benchi Baoma footer. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user {
  left: 16px !important;
  top: 87px !important;
  width: 176px !important;
  height: 46px !important;
  padding: 2px 4px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  grid-template-rows: 1fr !important;
  align-items: center !important;
  column-gap: 9px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  padding: 0 !important;
  align-self: center !important;
  justify-self: center !important;
  overflow: hidden !important;
  border: 2px solid rgba(255, 255, 255, .96) !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #fff4b7, #e5a62b) !important;
  box-shadow: 0 3px 9px rgba(59, 85, 168, .22) !important;
  color: #684000 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 36px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo img,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  height: 38px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 2px !important;
  position: static !important;
  transform: none !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong {
  width: 100% !important;
  max-width: 116px !important;
  overflow: hidden !important;
  color: #173b78 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 15px !important;
  text-overflow: ellipsis !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b {
  width: auto !important;
  max-width: 116px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #8b6100 !important;
  font-size: 12px !important;
  font-variant-numeric: tabular-nums !important;
  font-weight: 950 !important;
  line-height: 17px !important;
  text-overflow: ellipsis !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b > i,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b > i,
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::before,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::before,
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::after,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b::after,
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-me,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-me {
  content: none !important;
  display: none !important;
}

/* TRUE EOF 199: keep the BMW right player rail as far from the table as the left rail. */
html body #benchiBaomaRoom .dt-dom-players.right,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players.right {
  right: 4px !important;
}

/* TRUE EOF 200: rebuild the BMW footer identity block as one compact, aligned card. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user {
  left: 14px !important;
  top: 86px !important;
  width: 180px !important;
  height: 48px !important;
  padding: 4px 8px !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  grid-template-rows: 1fr !important;
  align-items: center !important;
  column-gap: 8px !important;
  border: 1px solid rgba(255, 255, 255, .78) !important;
  border-radius: 13px !important;
  background: linear-gradient(105deg, rgba(255,255,255,.50), rgba(226,238,255,.30)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.80), 0 3px 8px rgba(75,103,180,.12) !important;
  overflow: hidden !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  align-self: center !important;
  justify-self: center !important;
  transform: none !important;
  border: 1px solid rgba(255,255,255,.96) !important;
  box-shadow: 0 0 0 1px rgba(245,190,60,.38), 0 3px 7px rgba(67,91,164,.18) !important;
  line-height: 34px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta {
  width: 100% !important;
  height: 38px !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 1px !important;
  overflow: hidden !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong {
  width: 100% !important;
  max-width: 118px !important;
  color: #183c7b !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 15px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b {
  width: auto !important;
  max-width: 118px !important;
  height: 18px !important;
  min-height: 18px !important;
  padding: 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.34) !important;
  color: #765200 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.58) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 16px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* TRUE EOF 202: remove the small profile-card frame while preserving its layout. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* TRUE EOF 203: use one self-contained layout for the BMW footer identity. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user {
  position: absolute !important;
  inset: 85px auto auto 14px !important;
  width: 180px !important;
  height: 50px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 5px 5px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-photo {
  position: static !important;
  inset: auto !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  align-self: center !important;
  overflow: hidden !important;
  transform: none !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta {
  position: static !important;
  inset: auto !important;
  flex: 0 1 118px !important;
  width: 118px !important;
  height: 36px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 2px !important;
  overflow: visible !important;
  transform: none !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong,
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b {
  position: static !important;
  inset: auto !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  align-self: flex-start !important;
  transform: none !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong {
  height: 15px !important;
  min-height: 15px !important;
  line-height: 15px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b {
  height: 18px !important;
  min-height: 18px !important;
  padding: 0 9px !important;
  line-height: 16px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win {
  position: absolute !important;
  left: 0 !important;
  top: -16px !important;
  margin: 0 !important;
  transform: none !important;
}

/* TRUE EOF 204: remove only the BMW balance capsule outline. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b {
  border: 0 !important;
  box-shadow: none !important;
}

/* TRUE EOF 205: center the two identity rows and remove the balance fill. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta {
  align-items: center !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong,
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b {
  width: 100% !important;
  max-width: none !important;
  align-self: stretch !important;
  text-align: center !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b {
  padding: 0 !important;
  justify-content: center !important;
  background: transparent !important;
}

/* TRUE EOF 206: bring the BMW player name and balance closer to the avatar. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user {
  gap: 4px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta {
  flex: 0 0 76px !important;
  width: 76px !important;
}

/* TRUE EOF 207: keep the BMW exit and rules controls perfectly circular. */
html body #benchiBaomaRoom .dt-dom-side-actions,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-side-actions {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;
  flex: 0 0 48px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}

html body #benchiBaomaRoom .dt-dom-side-actions button,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-side-actions button {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  line-height: 1 !important;
}

/* TRUE EOF 209: override the narrower mobile rule that made these controls oval. */
@media (max-width: 760px) {
  html body #benchiBaomaRoom.benchi-baoma-room .dt-dom-side-actions,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .dt-dom-side-actions,
  html body #benchiBaomaRoom.benchi-baoma-room .dt-dom-side-actions button,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .dt-dom-side-actions button {
    box-sizing: border-box !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    flex: 0 0 48px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    transform: none !important;
  }
}

/* TRUE EOF 210: remove the white outline from BMW side-player portraits. */
html body #benchiBaomaRoom .dt-dom-players .dt-side-avatar,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players .dt-side-avatar {
  border: 0 !important;
  outline: 0 !important;
}

/* TRUE EOF 211: precisely center the BMW footer name and balance rows. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta {
  display: grid !important;
  grid-template-rows: 15px 18px !important;
  align-content: center !important;
  justify-content: center !important;
  justify-items: center !important;
  align-items: center !important;
  row-gap: 2px !important;
}

html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta strong,
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-meta b {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 76px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  line-height: 1 !important;
}

/* TRUE EOF 215: keep BMW result numbers above all earlier mobile overrides. */
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win {
  top: -22px !important;
  font-size: 24px !important;
  font-weight: 1000 !important;
  line-height: 26px !important;
  opacity: 1 !important;
}

html body #benchiBaomaRoom .dt-dom-players .dt-side-player > b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players .dt-side-player > b {
  font-size: 22px !important;
  font-weight: 1000 !important;
  opacity: 1 !important;
}

/* TRUE EOF 217: final-cascade BMW winner feedback. */
/* BMW result typography intentionally sits in the final cascade. */
html body #benchiBaomaRoom .dt-dom-players .dt-side-player > b,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players .dt-side-player > b,
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win {
  font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-weight: 900 !important;
  font-style: normal !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

html body #benchiBaomaRoom .dt-dom-players .dt-side-player > b.win,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players .dt-side-player > b.win,
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win.win,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win.win {
  color: #ef7300 !important;
  -webkit-text-fill-color: #ef7300 !important;
}

html body #benchiBaomaRoom .dt-dom-players .dt-side-player > b.lose,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players .dt-side-player > b.lose,
html body #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win.lose,
html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer .dt-dom-user-win.lose {
  color: #005dff !important;
  -webkit-text-fill-color: #005dff !important;
}

/* TRUE EOF 218: profile upload preview must fill the circular avatar exactly. */
html body #adminPage .mine-avatar-picker > #myAvatarPreview {
  position: relative !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  isolation: isolate;
}

html body #adminPage .mine-avatar-picker > #myAvatarPreview > img {
  position: absolute !important;
  inset: -1px !important;
  display: block !important;
  width: calc(100% + 2px) !important;
  height: calc(100% + 2px) !important;
  min-width: calc(100% + 2px) !important;
  min-height: calc(100% + 2px) !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  object-position: center center !important;
  vertical-align: top !important;
}

/* TRUE EOF 220C: final-cascade bright Sangong sapphire/metal palette. */
html body #room.sangong-mode .table,
html body.theme-pearl-blue #room.sangong-mode .table {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(60, 121, 235, .32), transparent 36%),
    linear-gradient(180deg, #0c285e 0%, #071e51 52%, #04143a 100%) !important;
}

html body #room.sangong-mode .table::before,
html body.theme-pearl-blue #room.sangong-mode .table::before {
  border-color: transparent !important;
  background:
    radial-gradient(ellipse at 50% 7%, rgba(108, 187, 255, .34), transparent 34%),
    radial-gradient(ellipse at 50% 94%, rgba(0, 56, 142, .30), transparent 46%),
    linear-gradient(180deg, #287dd7 0%, #1261be 34%, #074798 70%, #043479 100%) padding-box,
    linear-gradient(140deg, #fff8d3 0%, #eab54f 16%, #6a3f0b 29%, #ffe692 48%, #9d641e 64%, #fff0ad 84%, #b27021 100%) border-box !important;
  box-shadow:
    inset 0 0 0 2px rgba(198, 231, 255, .62),
    inset 0 0 0 6px rgba(3, 42, 104, .36),
    inset 0 24px 50px rgba(151, 215, 255, .20),
    inset 0 -36px 58px rgba(0, 21, 77, .34),
    0 0 0 3px #12306b,
    0 0 0 6px rgba(255, 218, 124, .86),
    0 0 0 9px #0b2458,
    0 14px 26px rgba(0, 9, 43, .48) !important;
}

html body #room.sangong-mode .table::after,
html body.theme-pearl-blue #room.sangong-mode .table::after {
  border-color: rgba(168, 215, 255, .34) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.05), transparent 32%),
    radial-gradient(ellipse at 50% 30%, rgba(92, 173, 255, .11), transparent 54%) !important;
  box-shadow:
    inset 0 0 34px rgba(137, 210, 255, .10),
    inset 0 0 0 1px rgba(0, 45, 118, .30) !important;
}

html body #room.sangong-mode .table-brand strong,
html body.theme-pearl-blue #room.sangong-mode .table-brand strong {
  color: #e9f3ff !important;
  text-shadow: 0 2px 0 #4778bf, 0 5px 12px rgba(0, 19, 70, .44) !important;
}

html body #room.sangong-mode .table-brand::before,
html body #room.sangong-mode .table-brand::after,
html body.theme-pearl-blue #room.sangong-mode .table-brand::before,
html body.theme-pearl-blue #room.sangong-mode .table-brand::after {
  background: linear-gradient(90deg, transparent, rgba(169, 212, 255, .38), transparent) !important;
}

html body #clubPage .club-table-card.game-sangong .club-table-scene::after,
html body.theme-pearl-blue #clubPage .club-table-card.game-sangong .club-table-scene::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, #73b8ee 0%, #438fdc 48%, #2873c7 100%) !important;
  -webkit-mask: url("./assets/dragon-tiger-table-clean.webp?v=1") center / contain no-repeat !important;
  mask: url("./assets/dragon-tiger-table-clean.webp?v=1") center / contain no-repeat !important;
  mix-blend-mode: color !important;
  opacity: .92 !important;
}

html body #clubPage .club-table-card.game-sangong .club-table-top strong,
html body.theme-pearl-blue #clubPage .club-table-card.game-sangong .club-table-top strong {
  color: rgba(215, 238, 255, .84) !important;
}

html body #clubPage .club-table-card.game-sangong .club-table-top small,
html body.theme-pearl-blue #clubPage .club-table-card.game-sangong .club-table-top small {
  color: rgba(184, 220, 249, .76) !important;
}

/* TRUE EOF 234: compact occupied Sangong seats so dealt cards never cover
   portraits. Keep the stable seat coordinates; reduce the full visual group
   (portrait, name/balance and cards) together. */
html body #room.sangong-mode .player.active-seat,
html body #room.sangong-mode .player.self.active-seat,
html body.theme-pearl-blue #room.sangong-mode .player.active-seat,
html body.theme-pearl-blue #room.sangong-mode .player.self.active-seat {
  transform: translate(-50%, -50%) scale(1) !important;
}

html body #room.sangong-mode .player .nameplate strong::after,
html body.theme-pearl-blue #room.sangong-mode .player .nameplate strong::after {
  content: none !important;
  display: none !important;
}

/* TRUE EOF 235: keep every occupied Sangong portrait on the seat's fixed
   horizontal axis during settlement. The former auto-positioned absolute
   portrait used its changing static position after round-delta was inserted,
   which made the self portrait jump sideways only at settlement time. */
html body #room.sangong-mode .player.active-seat > .seat-card:not(.empty-chair),
html body.theme-pearl-blue #room.sangong-mode .player.active-seat > .seat-card:not(.empty-chair) {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: translateX(-50%) !important;
}

html body #room.sangong-mode .player.active-seat > .round-delta,
html body.theme-pearl-blue #room.sangong-mode .player.active-seat > .round-delta {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: translate(-50%, -50%) rotate(-3deg) !important;
}

html body #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner,
html body #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner:nth-child(2n),
html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner:nth-child(2n),
html body #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner:nth-child(n+7),
html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner:nth-child(n+7) {
  position: relative !important;
  z-index: 8 !important;
  border-color: transparent !important;
  background:
    radial-gradient(circle at 50% 34%, rgba(255, 247, 185, .48) 0%, rgba(255, 220, 91, .22) 30%, transparent 59%),
    linear-gradient(145deg, #438fdf 0%, #1f6bc8 48%, #0f4ea8 100%) !important;
  animation: bmw-winning-cell-pulse 1.15s ease-in-out infinite !important;
}

html body #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner::after,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner::after {
  content: "" !important;
  position: absolute !important;
  inset: 5px !important;
  pointer-events: none !important;
  border: 1px solid rgba(255, 245, 183, .72) !important;
  border-radius: 0 !important;
  background: linear-gradient(135deg, rgba(255,255,255,.13), transparent 38%, rgba(255,211,66,.10)) !important;
}

html body #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner > *,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner > * {
  position: relative !important;
  z-index: 2 !important;
}

html body #benchiBaomaRoom.benchi-baoma-room .bmw-table:not(.is-spinning) .bmw-track-ring > .bmw-ring-logo.active,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table:not(.is-spinning) .bmw-track-ring > .bmw-ring-logo.active {
  z-index: 120 !important;
  opacity: 1 !important;
  overflow: visible !important;
  animation: bmw-winning-rail-pulse .92s ease-in-out infinite !important;
}

html body #benchiBaomaRoom.benchi-baoma-room .bmw-table:not(.is-spinning) .bmw-track-ring > .bmw-ring-logo.active::before,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table:not(.is-spinning) .bmw-track-ring > .bmw-ring-logo.active::before {
  content: "" !important;
  position: absolute !important;
  inset: -8px !important;
  z-index: -1 !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(255, 247, 178, .88) 0 22%, rgba(255, 207, 42, .52) 42%, rgba(255, 168, 0, 0) 72%) !important;
  box-shadow: 0 0 0 2px rgba(255, 226, 94, .82), 0 0 18px rgba(255, 180, 20, .92) !important;
}

html body #benchiBaomaRoom.benchi-baoma-room .bmw-table:not(.is-spinning) .bmw-track-ring > .bmw-ring-logo.active .bmw-logo img,
html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table:not(.is-spinning) .bmw-track-ring > .bmw-ring-logo.active .bmw-logo img {
  filter: brightness(1.24) saturate(1.22) contrast(1.12) !important;
}

@media (prefers-reduced-motion: reduce) {
  html body #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-zone-grid > .bmw-bet-zone.winner,
  html body #benchiBaomaRoom.benchi-baoma-room .bmw-table:not(.is-spinning) .bmw-track-ring > .bmw-ring-logo.active,
  html body.theme-pearl-blue #benchiBaomaRoom.benchi-baoma-room .bmw-table:not(.is-spinning) .bmw-track-ring > .bmw-ring-logo.active {
    animation: none !important;
  }
}