/**
 * 游戏页 1:1 官方布局（design 960 → stage 1280，--pc-u = 4/3）
 * 结构对照 default-game-root / game-head / video-and-bet / road-map-container
 * 大厅/登录已冻结，仅本文件服务游戏页桌面端
 */
html:not(.is-mobile) .game-page.default-game-root,
html:not(.is-mobile) .game-page {
  /* 对方房间画布为 1080 × 720，水平居中，保留两侧黑边。 */
  --pc-u: 1.125;
  --pc1: calc(var(--pc-u) * 1px);
  --pc2: calc(var(--pc-u) * 2px);
  --pc3: calc(var(--pc-u) * 3px);
  --pc4: calc(var(--pc-u) * 4px);
  --pc5: calc(var(--pc-u) * 5px);
  --pc6: calc(var(--pc-u) * 6px);
  --pc8: calc(var(--pc-u) * 8px);
  --pc10: calc(var(--pc-u) * 10px);
  --pc11: calc(var(--pc-u) * 11px);
  --pc12: calc(var(--pc-u) * 12px);
  --pc13: calc(var(--pc-u) * 13px);
  --pc14: calc(var(--pc-u) * 14px);
  --pc15: calc(var(--pc-u) * 15px);
  --pc16: calc(var(--pc-u) * 16px);
  --pc18: calc(var(--pc-u) * 18px);
  --pc19: calc(var(--pc-u) * 19px);
  --pc20: calc(var(--pc-u) * 20px);
  --pc21: calc(var(--pc-u) * 21px);
  --pc22: calc(var(--pc-u) * 22px);
  --pc25: calc(var(--pc-u) * 25px);
  --pc26: calc(var(--pc-u) * 26px);
  --pc28: calc(var(--pc-u) * 28px);
  --pc30: calc(var(--pc-u) * 30px);
  --pc35: calc(var(--pc-u) * 35px);
  --pc50: calc(var(--pc-u) * 50px);
  --pc52: calc(var(--pc-u) * 52px);
  --pc54: calc(var(--pc-u) * 54px);
  --pc57: calc(var(--pc-u) * 57px);
  --pc72: calc(var(--pc-u) * 72px);
  --pc74: calc(var(--pc-u) * 74px);
  --pc76: calc(var(--pc-u) * 76px);
  --pc82: calc(var(--pc-u) * 82px);
  --pc86: calc(var(--pc-u) * 86px);
  --pc91: calc(var(--pc-u) * 91px);
  --pc123: calc(var(--pc-u) * 123px);
  --pc124: calc(var(--pc-u) * 124px);
  --pc150: calc(var(--pc-u) * 150px);
  --pc161: calc(var(--pc-u) * 161px);
  --pc185: calc(var(--pc-u) * 185px);
  --pc298: calc(var(--pc-u) * 298px);
  --white: #fff;
  --black: #000;
  position: relative !important;
  width: 1080px !important;
  height: 720px !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  background: #3c2d17 !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  color: #fff !important;
}

/* ========== 顶栏 game-head / pc-head ========== */
html:not(.is-mobile) .game-page .game-head {
  width: 100% !important;
  height: var(--pc28) !important;
  min-height: var(--pc28) !important;
  max-height: var(--pc28) !important;
  flex: 0 0 var(--pc28) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  background-image:
    linear-gradient(0deg, #a49347, #c6bc69 64%, #e7e48a 89%, #86844e),
    linear-gradient(#3c2d17, #3c2d17) !important;
  background-blend-mode: normal, normal !important;
  border-bottom: 0 !important;
  z-index: 30 !important;
}

/* 左：台号/账号/余额 宽 562 */
html:not(.is-mobile) .game-page .game-head .game-info {
  width: calc(var(--pc1) * 562) !important;
  min-width: calc(var(--pc1) * 562) !important;
  max-width: calc(var(--pc1) * 562) !important;
  height: 100% !important;
  border-right: solid var(--pc1) #3c2d17 !important;
  font-family: mstiffheiprc, "Courier New", Courier, monospace !important;
  font-size: var(--pc13) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
  gap: 0 !important;
  color: #191506 !important;
  font-weight: 900 !important;
}
/* 每项宽 pc185：label 右对齐 + value 框（更粗） */
html:not(.is-mobile) .game-page .game-head .game-info label {
  width: var(--pc185) !important;
  min-width: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  white-space: nowrap !important;
  font-weight: 900 !important;
  font-size: var(--pc13) !important;
  font-family: mstiffheiprc, "Microsoft YaHei", "Courier New", Courier, monospace !important;
  color: #191506 !important;
  box-sizing: border-box !important;
  justify-content: flex-end !important;
  -webkit-text-stroke: 0.2px currentColor;
}
html:not(.is-mobile) .game-page .game-head .game-info b {
  width: var(--pc124) !important;
  min-width: var(--pc124) !important;
  max-width: var(--pc124) !important;
  height: var(--pc21) !important;
  min-height: var(--pc21) !important;
  margin-left: var(--pc3) !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  background: #5c491b !important;
  color: var(--white) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: var(--pc3) !important;
  font-weight: 900 !important;
  font-size: var(--pc13) !important;
  font-family: mstiffheiprc, "Microsoft YaHei", "Courier New", Courier, monospace !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
  -webkit-text-stroke: 0.15px #fff;
}

/* 右：三按钮 space-around */
html:not(.is-mobile) .game-page .game-head > .game-head-btn {
  width: var(--pc91) !important;
  min-width: var(--pc91) !important;
  max-width: var(--pc91) !important;
  height: var(--pc30) !important;
  min-height: var(--pc30) !important;
  margin-top: var(--pc4) !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: url(/assets/menu-item-btn.png) 0 0 / var(--pc91) var(--pc30) no-repeat !important;
  background-size: var(--pc91) var(--pc30) !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  font-size: var(--pc14) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  font-family: buttonface2, "Courier New", Courier, monospace !important;
  font-weight: 700 !important;
  color: #5a5633 !important;
  cursor: pointer !important;
  clip-path: none !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  line-height: 1 !important;
  flex: 0 0 var(--pc91) !important;
  box-sizing: border-box !important;
}
/* 右侧区域均分：用 margin 模拟 space-around */
html:not(.is-mobile) .game-page .game-head > .game-head-btn:nth-of-type(1) {
  margin-left: auto !important;
  margin-right: auto !important;
}
html:not(.is-mobile) .game-page .game-head > .game-head-btn:nth-of-type(2) {
  margin-left: 0 !important;
  margin-right: auto !important;
}
html:not(.is-mobile) .game-page .game-head > .game-head-btn:nth-of-type(3),
html:not(.is-mobile) .game-page .game-head > .game-head-btn:last-of-type {
  margin-left: 0 !important;
  margin-right: auto !important;
}
html:not(.is-mobile) .game-page .game-head > .game-head-btn:hover {
  background-image: url(/assets/menu-item-btn-hover.png) !important;
  background-size: var(--pc91) var(--pc30) !important;
  color: #3a3210 !important;
  filter: none !important;
}
html:not(.is-mobile) .game-page .game-head .game-m-bar {
  display: none !important;
}

/* ========== 主区 video-and-bet 高 390 ========== */
html:not(.is-mobile) .game-page .video-and-bet {
  height: calc(var(--pc1) * 390) !important;
  min-height: calc(var(--pc1) * 390) !important;
  max-height: calc(var(--pc1) * 390) !important;
  flex: 0 0 calc(var(--pc1) * 390) !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
}

/* 左栏 562 */
html:not(.is-mobile) .game-page .game-left,
html:not(.is-mobile) .game-page .left-content {
  width: calc(var(--pc1) * 562) !important;
  min-width: calc(var(--pc1) * 562) !important;
  max-width: calc(var(--pc1) * 562) !important;
  height: 100% !important;
  flex: 0 0 calc(var(--pc1) * 562) !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  background: #3c2d17 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* 视频高 298 */
html:not(.is-mobile) .game-page .video-placeholder,
html:not(.is-mobile) .game-page .video-wraps {
  position: relative !important;
  height: var(--pc298) !important;
  min-height: var(--pc298) !important;
  max-height: var(--pc298) !important;
  flex: 0 0 var(--pc298) !important;
  width: 100% !important;
  overflow: hidden !important;
  background: #080704 !important;
  background-image: none !important;
  z-index: 1 !important;
}
/* 桌面不显示视频内直播状态字条 */
html:not(.is-mobile) .game-page .live-stream-status,
html:not(.is-mobile) .game-page .live-stream-status.online,
html:not(.is-mobile) .game-page .live-stream-status.loading {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
html:not(.is-mobile) .game-page .video-placeholder .room-video.live-stream {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: 5 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: #080704 !important;
  pointer-events: auto !important;
}
/* 装饰层在视频下方，避免盖住画面 */
html:not(.is-mobile) .game-page .room-motion {
  z-index: 1 !important;
  opacity: 0.18 !important;
  pointer-events: none !important;
  background: none !important;
}
html:not(.is-mobile) .game-page .m-video-badge,
html:not(.is-mobile) .game-page .m-video-limit,
html:not(.is-mobile) .game-page .m-switch-desk {
  display: none !important;
}

/*
 * F 台 + 公告（官方 tables-and-notice）
 * 上：tables-wrap（左 百家乐+龙虎 / 右 先发牌区）
 * 下：notice-wrap —— 必须在先发牌区整块之下、通栏（强制可见，不被裁切）
 */
html:not(.is-mobile) .game-page .tables-and-notice {
  flex-grow: 1 !important;
  flex: 1 1 auto !important;
  height: 0 !important;
  min-height: calc(var(--pc1) * 90) !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  background-image: linear-gradient(180deg, #6b612f, #4b441d 40%, #3c2d17) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  position: relative !important;
  padding-bottom: 0 !important;
}
html:not(.is-mobile) .game-page .desk-switch {
  flex: 1 1 auto !important;
  flex-grow: 1 !important;
  height: 0 !important;
  min-height: 0 !important;
  width: 100% !important;
  position: relative !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  order: 1 !important;
}
html:not(.is-mobile) .game-page .desk-switch .tables-wrap {
  display: flex !important;
  flex-direction: row !important;
  width: 100% !important;
  height: 100% !important;
  flex-grow: 1 !important;
}
html:not(.is-mobile) .game-page .desk-switch .tables-col {
  flex-grow: 1 !important;
  flex: 1 1 0 !important;
  height: 100% !important;
  width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}
/* 右列（先发牌）flex-grow 0.7 */
html:not(.is-mobile) .game-page .desk-switch .tables-col.vip-col {
  flex-grow: 0.7 !important;
  flex: 0.7 1 0 !important;
  justify-content: center !important;
}
/* 每行：左边标签区 pc86 + 按钮 */
html:not(.is-mobile) .game-page .desk-switch .bac-tables,
html:not(.is-mobile) .game-page .desk-switch .dra-tables,
html:not(.is-mobile) .game-page .desk-switch .vip-tables {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  flex-grow: 1 !important;
  width: 100% !important;
  margin-left: var(--pc86) !important;
  align-items: center !important;
  align-content: center !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
}
/* 百家樂 / 龍虎：横排繁体标签，字号加大 */
html:not(.is-mobile) .game-page .desk-switch .bac-tables:before {
  content: "\767e\5bb6\6a02" !important; /* 百家樂 */
}
html:not(.is-mobile) .game-page .desk-switch .dra-tables:before {
  content: "\9f8d\864e" !important; /* 龍虎 */
}
html:not(.is-mobile) .game-page .desk-switch .bac-tables:before,
html:not(.is-mobile) .game-page .desk-switch .dra-tables:before {
  position: absolute !important;
  right: 100% !important;
  top: 0 !important;
  bottom: 0 !important;
  width: var(--pc86) !important;
  margin: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: songti2, "STSong", "SimSun", KaiTi, serif !important;
  color: #e6db85 !important;
  text-shadow: var(--pc1) var(--pc2) var(--pc3) #000 !important;
  font-size: var(--pc16) !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  padding: 0 !important;
  left: auto !important;
  writing-mode: horizontal-tb !important;
}
/*
 * 先發牌區：竖排一字一行（繁体）
 * 先
 * 發
 * 牌
 * 區
 */
html:not(.is-mobile) .game-page .desk-switch .vip-tables:before {
  content: "\5148\A\767c\A\724c\A\5340" !important; /* 先發牌區 */
  white-space: pre !important;
  position: absolute !important;
  right: 100% !important;
  top: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  transform: none !important;
  width: var(--pc22) !important;
  height: auto !important;
  margin: auto 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  text-align: center !important;
  letter-spacing: 0 !important;
  font-family: songti2, "STSong", "SimSun", KaiTi, serif !important;
  color: #e6db85 !important;
  text-shadow: var(--pc1) var(--pc2) var(--pc3) #000 !important;
  font-size: var(--pc14) !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
html:not(.is-mobile) .game-page .desk-switch .vip-tables {
  flex-grow: 0 !important;
  flex: 0 0 auto !important;
  width: calc(100% - var(--pc86)) !important;
  max-width: calc(var(--pc28) * 4 + var(--pc3) * 4 + var(--pc8)) !important;
  margin-left: var(--pc86) !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
  flex-wrap: wrap !important;
  padding-top: var(--pc4) !important;
  position: relative !important;
}
html:not(.is-mobile) .game-page .desk-switch .vip-tables .btn-table {
  margin-left: var(--pc3) !important;
  margin-top: var(--pc8) !important;
  margin-bottom: 0 !important;
}
/* 第 5 个起第二行（官方 nth-child n+5 margin-top 更大） */
html:not(.is-mobile) .game-page .desk-switch .vip-tables .btn-table:nth-child(n + 5) {
  margin-top: var(--pc15) !important;
}
html:not(.is-mobile) .game-page .desk-switch .btn-table {
  width: var(--pc28) !important;
  height: var(--pc18) !important;
  line-height: var(--pc18) !important;
  font-size: var(--pc12) !important;
  margin-left: var(--pc3) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-right: 0 !important;
  border-radius: var(--pc4) !important;
  border: solid var(--pc1) #b1a565 !important;
  background-image:
    linear-gradient(0deg, #9e914c, #807438 13%, #615723 50%, #807438 88%, #9e914c),
    linear-gradient(#3c2d17, #3c2d17) !important;
  background-blend-mode: normal, normal !important;
  color: #e6db85 !important;
  text-align: center !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  font-family: Arial, "Microsoft YaHei", sans-serif !important;
  padding: 0 !important;
  flex: 0 0 var(--pc28) !important;
}
html:not(.is-mobile) .game-page .desk-switch .btn-table.active {
  background-image:
    linear-gradient(0deg, #569e4c, #408038 13%, #2a6123 50%, #408038 88%, #569e4c),
    linear-gradient(#3c2d17, #3c2d17) !important;
  color: #fff4a4 !important;
  border-color: #8bc46a !important;
}
/*
 * 公告（官方 notice-wrap .notice）：
 *  框固定：background #5c491b / color #fdb963 / width calc(100%-pc8)
 *  字滚动：.urgent-track 横向跑马灯（框本身不动）
 *  贴在 F 台区底部，强制不裁切、不被盖住
 */
html:not(.is-mobile) .game-page .tables-and-notice .urgent,
html:not(.is-mobile) .game-page .tables-and-notice .notice-wrap {
  position: relative !important;
  order: 2 !important;
  /* 贴住路单上缘：公告外框高 25u，取消底部空隙。 */
  flex: 0 0 var(--pc25) !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  height: var(--pc25) !important;
  min-height: var(--pc25) !important;
  max-height: var(--pc25) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background: transparent !important;
  color: #fdb963 !important;
  line-height: var(--pc25) !important;
  text-align: left !important;
  z-index: 30 !important;
  transform: none !important;
  animation: none !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html:not(.is-mobile) .game-page .tables-and-notice .urgent:before {
  display: none !important;
  content: none !important;
  animation: none !important;
}
/* 固定棕色底框（只裁切，不动画） */
html:not(.is-mobile) .game-page .tables-and-notice .notice {
  display: block !important;
  position: relative !important;
  /* 覆盖站点全局 toast 的 fixed + 50% 偏移，公告必须从视频区左缘开始。 */
  left: 0 !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  background-color: #5c491b !important;
  color: #fdb963 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: var(--pc22) !important;
  min-height: var(--pc22) !important;
  margin: var(--pc2) 0 0 !important;
  padding: 0 var(--pc6) !important;
  border-radius: 0 !important;
  font-size: var(--pc11) !important;
  line-height: var(--pc22) !important;
  font-family: "Microsoft YaHei", sans-serif !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
  z-index: 30 !important;
  transform: none !important;
  animation: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* 文字层：在框内横向滚动（背景透明，绝不动框） */
html:not(.is-mobile) .game-page .tables-and-notice .notice > .urgent-track,
html:not(.is-mobile) .game-page .tables-and-notice .urgent .urgent-track {
  display: inline-block !important;
  position: static !important;
  width: auto !important;
  max-width: none !important;
  min-width: max-content !important;
  height: var(--pc22) !important;
  min-height: var(--pc22) !important;
  margin: 0 !important;
  /* 从右侧进入并穿过固定公告框，实现连续跑马灯。 */
  padding: 0 0 0 100% !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #fdb963 !important;
  font-size: var(--pc11) !important;
  line-height: var(--pc22) !important;
  font-family: "Microsoft YaHei", sans-serif !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  box-sizing: content-box !important;
  /* 不可写 transform:!important，会锁死跑马灯 */
  animation: gameNoticeMarquee 22s linear infinite !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html:not(.is-mobile) .game-page .tables-and-notice .urgent:hover .urgent-track,
html:not(.is-mobile) .game-page .tables-and-notice .notice:hover > .urgent-track {
  animation-play-state: paused !important;
}
@keyframes gameNoticeMarquee {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-100%, 0, 0); }
}

/* ========== 右栏 ========== */
html:not(.is-mobile) .game-page .bet-panel,
html:not(.is-mobile) .game-page .right-content {
  height: 100% !important;
  width: 0 !important;
  flex-grow: 1 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  background-image:
    linear-gradient(0deg, #59501e, #817536 74%, #665c26 88%, #4b4315),
    linear-gradient(#3c2d17, #3c2d17) !important;
  background-blend-mode: normal, normal !important;
  border-left: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
/* 右栏纵向顺序：logo/停止下注/局数 → 下注赢得 → 下注区 → 筹码 */
html:not(.is-mobile) .game-page .bet-panel > .panel-top,
html:not(.is-mobile) .game-page .bet-panel > .logo-and-time-limit {
  order: 1 !important;
}
html:not(.is-mobile) .game-page .bet-panel > .bet-summary,
html:not(.is-mobile) .game-page .bet-panel > .total-bet-and-total-winloss {
  order: 2 !important;
}
html:not(.is-mobile) .game-page .bet-panel > .bet-zones,
html:not(.is-mobile) .game-page .bet-panel > .bet-group {
  order: 3 !important;
}
html:not(.is-mobile) .game-page .bet-panel > .chips-and-confirm-cancel-button {
  order: 4 !important;
}

/* 顶块高 123：logo 列 161 + 限额 */
html:not(.is-mobile) .game-page .panel-top,
html:not(.is-mobile) .game-page .logo-and-time-limit {
  height: var(--pc123) !important;
  min-height: var(--pc123) !important;
  max-height: var(--pc123) !important;
  flex: 0 0 var(--pc123) !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  box-sizing: border-box !important;
}
html:not(.is-mobile) .game-page .panel-top-left {
  width: var(--pc161) !important;
  min-width: var(--pc161) !important;
  max-width: var(--pc161) !important;
  height: 100% !important;
  flex: 0 0 var(--pc161) !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}
/* logo 高 72 */
html:not(.is-mobile) .game-page .logo-wrap,
html:not(.is-mobile) .game-page .status-logo {
  height: var(--pc72) !important;
  min-height: var(--pc72) !important;
  max-height: var(--pc72) !important;
  flex: 0 0 var(--pc72) !important;
  width: 100% !important;
  border: var(--pc1) solid #382d12 !important;
  background-image:
    linear-gradient(0deg, #a3954f, #716732 10%, #3e3915 62%, #716732 87%, #a3954f),
    linear-gradient(#3c2d17, #3c2d17) !important;
  background-blend-mode: normal, normal !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
html:not(.is-mobile) .game-page .logo-wrap .logo,
html:not(.is-mobile) .game-page .status-logo .logo {
  width: var(--pc82) !important;
  height: var(--pc57) !important;
  background: url(/assets/logo-official.png) 0 0 / var(--pc82) var(--pc57) no-repeat !important;
  background-size: var(--pc82) var(--pc57) !important;
  filter: none !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}
html:not(.is-mobile) .game-page .logo-wrap .crest-image,
html:not(.is-mobile) .game-page .status-logo .crest-image {
  display: none !important;
}
html:not(.is-mobile) .game-page .logo-wrap .logo-shine {
  display: block !important;
  position: absolute !important;
  z-index: 2 !important;
  top: 0 !important;
  left: 0 !important;
  width: 46% !important;
  height: 100% !important;
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.7), hsla(0, 0%, 100%, 0.75)) !important;
  animation: lobbyShineMove 2.8s linear infinite !important;
  pointer-events: none !important;
  transform: skewX(-30deg) translate3d(-220%, 0, 0);
}
/* 状态+倒计时 */
html:not(.is-mobile) .game-page .timer-and-status,
html:not(.is-mobile) .game-page .game-status {
  flex-grow: 1 !important;
  flex: 1 1 auto !important;
  height: 0 !important;
  width: 100% !important;
  border: var(--pc1) solid #382d12 !important;
  display: flex !important;
  flex-direction: column !important;
  color: #fff !important;
  background-image:
    linear-gradient(0deg, #a3954f, #4b4315 62%, #776c32 87%, #a3954f),
    linear-gradient(#3c2d17, #3c2d17) !important;
  background-blend-mode: normal, normal !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  box-sizing: border-box !important;
  text-align: center !important;
}
html:not(.is-mobile) .game-page .timer-and-status .status,
html:not(.is-mobile) .game-page .game-status .status {
  flex-grow: 1 !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: var(--pc16) !important;
  white-space: nowrap !important;
  color: #fff !important;
}
html:not(.is-mobile) .game-page .timer-and-status .br-line {
  height: var(--pc1) !important;
  width: 100% !important;
  background-image:
    linear-gradient(90deg, #4b4315, #7c7137 50%, #4b4315),
    linear-gradient(#3c2d17, #3c2d17) !important;
}
html:not(.is-mobile) .game-page .timer-and-status .timer,
html:not(.is-mobile) .game-page .timer-and-status .timer strong,
html:not(.is-mobile) .game-page .game-status strong {
  flex-grow: 1 !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: var(--pc18) !important;
  white-space: nowrap !important;
  font-family: "Courier New", Courier, monospace !important;
  color: #fff !important;
  font-weight: 400 !important;
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 限额卡 */
html:not(.is-mobile) .game-page .limits,
html:not(.is-mobile) .game-page .panel-top-right {
  flex-grow: 1 !important;
  flex: 1 1 auto !important;
  width: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background-image:
    linear-gradient(0deg, #3e3915, #6e6731 83%, #857b3e 93%, #9b8e4a),
    linear-gradient(#3c2d17, #3c2d17) !important;
  background-blend-mode: normal, normal !important;
  border: var(--pc1) solid #b9b070 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
html:not(.is-mobile) .game-page .limits .lim-row {
  font-size: var(--pc13) !important;
  flex-grow: 1 !important;
  flex: 1 1 auto !important;
  height: 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  /* 官方限红文字色 */
  color: #f7eb9f !important;
  background-image:
    linear-gradient(0deg, #817635 74%, #a39755 90%, #c5b775),
    linear-gradient(#3c2d17, #3c2d17) !important;
  background-blend-mode: normal, normal !important;
  box-sizing: border-box !important;
  min-height: 0 !important;
}
html:not(.is-mobile) .game-page .limits .lim-row.plain {
  background-image:
    linear-gradient(0deg, #59501c 74%, #6d6329 90%, #817635),
    linear-gradient(#3c2d17, #3c2d17) !important;
}
html:not(.is-mobile) .game-page .limits .lim-lab {
  width: var(--pc74) !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding: 0 var(--pc5) !important;
  color: #f7eb9f !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}
html:not(.is-mobile) .game-page .limits .lim-val {
  flex-grow: 1 !important;
  flex: 1 1 auto !important;
  width: 0 !important;
  background: #5c491b !important;
  margin: 0 var(--pc10) !important;
  border-radius: var(--pc2) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #f7eb9f !important;
  font-weight: 400 !important;
  font-size: var(--pc13) !important;
  height: 80% !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
}
/* 本台单限 / 局数：白字 */
html:not(.is-mobile) .game-page .limits .lim-row.plain,
html:not(.is-mobile) .game-page .limits .lim-row.plain .lim-lab,
html:not(.is-mobile) .game-page .limits .lim-row.plain .lim-val {
  color: #fff !important;
}
html:not(.is-mobile) .game-page .limits .lim-row.plain .lim-val {
  background: transparent !important;
}

/*
 * 下注/赢得金额：紧贴「停止下注 + 局数」整块下方（panel-top 之后）
 * 官方：高 pc16，左组宽 161，标签宽 76 右对齐，数值米黄底
 */
html:not(.is-mobile) .game-page .bet-summary,
html:not(.is-mobile) .game-page .total-bet-and-total-winloss {
  order: 2 !important;
  height: var(--pc16) !important;
  min-height: var(--pc16) !important;
  max-height: var(--pc16) !important;
  flex: 0 0 var(--pc16) !important;
  width: 100% !important;
  border-bottom: var(--pc1) solid #6a6028 !important;
  font-size: var(--pc12) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  box-sizing: border-box !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  z-index: 5 !important;
  background: transparent !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html:not(.is-mobile) .game-page .panel-top,
html:not(.is-mobile) .game-page .logo-and-time-limit {
  order: 1 !important;
  flex-shrink: 0 !important;
}
html:not(.is-mobile) .game-page .bet-summary .total-bet-group,
html:not(.is-mobile) .game-page .bet-summary .total-winloss-group {
  height: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  padding: 0 var(--pc2) !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  gap: 0 !important;
}
/* 官方：左「下注金额」固定宽 161，与 logo 列对齐 */
html:not(.is-mobile) .game-page .bet-summary .total-bet-group {
  width: var(--pc161) !important;
  min-width: var(--pc161) !important;
  max-width: var(--pc161) !important;
  flex: 0 0 var(--pc161) !important;
}
html:not(.is-mobile) .game-page .bet-summary .total-winloss-group {
  width: 0 !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  flex-grow: 1 !important;
}
/* 标签同宽右对齐，两列文字基线一致 */
html:not(.is-mobile) .game-page .bet-summary .label1,
html:not(.is-mobile) .game-page .bet-summary .total-bet-group > span,
html:not(.is-mobile) .game-page .bet-summary .total-winloss-group > span {
  width: var(--pc76) !important;
  min-width: var(--pc76) !important;
  max-width: var(--pc76) !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  text-align: right !important;
  padding: 0 var(--pc5) 0 0 !important;
  color: #f7eb9f !important;
  flex-shrink: 0 !important;
  background: transparent !important;
  font-size: var(--pc12) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}
/* 数值框同高对齐 */
html:not(.is-mobile) .game-page .bet-summary .value1,
html:not(.is-mobile) .game-page .bet-summary .total-bet-group > b,
html:not(.is-mobile) .game-page .bet-summary .total-winloss-group > b,
html:not(.is-mobile) .game-page .bet-summary b {
  background: #f2dcab !important;
  color: #000 !important;
  flex: 1 1 auto !important;
  width: 0 !important;
  min-width: 0 !important;
  height: calc(100% - var(--pc4)) !important;
  min-height: var(--pc14) !important;
  border-radius: var(--pc2) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
  margin: 0 !important;
  padding: 0 var(--pc4) !important;
  font-size: var(--pc12) !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

/*
 * 闲对 / 和 / 庄对 / 闲 / 庄
 * 上三等分、下两大格；字号与颜色对齐官方
 */
html:not(.is-mobile) .game-page .bet-zones,
html:not(.is-mobile) .game-page .bet-group {
  flex-grow: 1 !important;
  flex: 1 1 auto !important;
  height: 0 !important;
  width: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) minmax(0, 1.2fr) !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border-top: solid var(--pc1) rgba(60, 45, 23, 0.45) !important;
}
html:not(.is-mobile) .game-page .bet-zones button {
  border: solid var(--pc1) #918745 !important;
  background: transparent !important;
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.12)) !important;
  font-size: var(--pc28) !important;
  font-weight: 400 !important;
  font-family: "Microsoft YaHei", sans-serif !important;
  cursor: pointer !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
/* 闲对 和 庄对：上排三等分 */
html:not(.is-mobile) .game-page .bet-zones button:nth-child(1) {
  grid-column: 1 / 3 !important;
  grid-row: 1 !important;
  color: #26a8e7 !important;
  font-size: var(--pc26) !important;
}
html:not(.is-mobile) .game-page .bet-zones button:nth-child(2) {
  grid-column: 3 / 5 !important;
  grid-row: 1 !important;
  color: #43cf99 !important;
  font-size: var(--pc26) !important;
}
html:not(.is-mobile) .game-page .bet-zones button:nth-child(3) {
  grid-column: 5 / 7 !important;
  grid-row: 1 !important;
  color: #ff4d62 !important;
  font-size: var(--pc26) !important;
}
/* 闲 庄：下排两大格（字重常规，不要过粗） */
html:not(.is-mobile) .game-page .bet-zones button:nth-child(4) {
  grid-column: 1 / 4 !important;
  grid-row: 2 !important;
  color: #28a9e8 !important;
  font-size: var(--pc35) !important;
  font-weight: 400 !important;
}
html:not(.is-mobile) .game-page .bet-zones button:nth-child(5) {
  grid-column: 4 / 7 !important;
  grid-row: 2 !important;
  color: #ff4d62 !important;
  font-size: var(--pc35) !important;
  font-weight: 400 !important;
}
html:not(.is-mobile) .game-page .bet-zones.dt-zones button:nth-child(1) {
  grid-column: 1 / 7 !important;
  grid-row: 1 !important;
  font-size: var(--pc28) !important;
}
html:not(.is-mobile) .game-page .bet-zones.dt-zones button:nth-child(2) {
  grid-column: 1 / 4 !important;
  grid-row: 2 !important;
  font-size: var(--pc35) !important;
  font-weight: 400 !important;
}
html:not(.is-mobile) .game-page .bet-zones.dt-zones button:nth-child(3) {
  grid-column: 4 / 7 !important;
  grid-row: 2 !important;
  font-size: var(--pc35) !important;
  font-weight: 400 !important;
}
html:not(.is-mobile) .game-page .bet-zones button:hover {
  filter: brightness(1.08) !important;
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.08)) !important;
}
html:not(.is-mobile) .game-page .bet-zones button small {
  position: absolute !important;
  right: var(--pc8) !important;
  bottom: var(--pc6) !important;
  font-size: var(--pc12) !important;
  font-weight: 700 !important;
  color: #fff6b0 !important;
  line-height: 1 !important;
}

/* 筹码 + 确定重设 */
html:not(.is-mobile) .game-page .chips-and-confirm-cancel-button {
  flex: 0 0 auto !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background-image: linear-gradient(0deg, #4b4315, #665c26 50%, #817536) !important;
}
html:not(.is-mobile) .game-page .chips,
html:not(.is-mobile) .game-page .chips-group {
  height: var(--pc54) !important;
  min-height: var(--pc54) !important;
  max-height: var(--pc54) !important;
  flex: 0 0 var(--pc54) !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-around !important;
  padding: 0 var(--pc8) !important;
  margin: 0 !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  box-sizing: border-box !important;
  background: transparent !important;
}
/*
 * 筹码三层（自下而上）：
 * 1) selected:after 旋转选中框
 * 2) :before 筹码图
 * 3) .chip-num 金额文字（顶层）
 */
html:not(.is-mobile) .game-page .chips .chip {
  position: relative !important;
  width: var(--pc50) !important;
  height: var(--pc50) !important;
  min-width: var(--pc50) !important;
  border: 0 !important;
  border-radius: 50% !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
  color: #fff !important;
  font: 700 var(--pc12)/var(--pc50) Arial, "Microsoft YaHei", sans-serif !important;
  text-align: center !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85) !important;
  cursor: pointer !important;
  overflow: visible !important;
  z-index: 1 !important;
  isolation: isolate !important;
  padding: 0 !important;
}
/* 中层：筹码图（关掉旧版白色虚线环） */
html:not(.is-mobile) .game-page .chips .chip:before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  inset: auto !important;
  width: var(--pc50) !important;
  height: var(--pc50) !important;
  border: 0 !important;
  border-radius: 50% !important;
  outline: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
  background-image: url(/assets/chips-sprite.png) !important;
  background-repeat: no-repeat !important;
  background-size: calc(var(--pc50) * 6) var(--pc50) !important;
  pointer-events: none !important;
  z-index: 2 !important;
  animation: none !important;
  -webkit-animation: none !important;
}
html:not(.is-mobile) .game-page .chips .chip.selected:before {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  animation: none !important;
  -webkit-animation: none !important;
}
html:not(.is-mobile) .game-page .chips .chip,
html:not(.is-mobile) .game-page .chips .chip.selected {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
html:not(.is-mobile) .game-page .chips .c20:before { background-position: 0 0 !important; }
html:not(.is-mobile) .game-page .chips .c50:before { background-position: calc(var(--pc50) * -1) 0 !important; }
html:not(.is-mobile) .game-page .chips .c100:before { background-position: calc(var(--pc50) * -2) 0 !important; }
html:not(.is-mobile) .game-page .chips .c500:before { background-position: calc(var(--pc50) * -3) 0 !important; }
html:not(.is-mobile) .game-page .chips .c1000:before { background-position: calc(var(--pc50) * -4) 0 !important; }
html:not(.is-mobile) .game-page .chips .chip.custom:before {
  background-position: calc(var(--pc50) * -5) 0 !important;
}
html:not(.is-mobile) .game-page .chips .chip.custom {
  font-size: 10px !important;
}
html:not(.is-mobile) .game-page .chips .chip.selected {
  outline: none !important;
  z-index: 2 !important;
}
/* 下层：旋转选中框（原位置，大小不变） */
html:not(.is-mobile) .game-page .chips .chip.selected:after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: -2px !important;
  top: -3px !important;
  bottom: auto !important;
  width: calc(var(--pc50) + 4px) !important;
  height: calc(var(--pc50) + 4px) !important;
  pointer-events: none !important;
  z-index: 1 !important;
  background: url(/assets/chip-selected.png) 0 0 / 100% 100% no-repeat !important;
  animation: chipSelectSpin 2s linear infinite !important;
}
/* 顶层：金额文字 */
html:not(.is-mobile) .game-page .chips .chip .chip-num {
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  line-height: var(--pc50) !important;
  pointer-events: none !important;
}
html:not(.is-mobile) .game-page .chips .gear {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--pc30) !important;
  height: var(--pc30) !important;
  min-width: var(--pc30) !important;
  min-height: var(--pc30) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #918b3d !important;
  color: #d4d4c2 !important;
  font-size: var(--pc16) !important;
  line-height: 1 !important;
  text-align: center !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  /* ⚙ emoji 基线偏上，微调居中 */
  -webkit-font-smoothing: antialiased;
}
html:not(.is-mobile) .game-page .chips .gear::before {
  content: none !important;
}
html:not(.is-mobile) .game-page .bet-actions,
html:not(.is-mobile) .game-page .confirm-cancel-wrap {
  width: 100% !important;
  height: var(--pc25) !important;
  min-height: var(--pc25) !important;
  max-height: var(--pc25) !important;
  flex: 0 0 var(--pc25) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-around !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  left: auto !important;
  bottom: auto !important;
  box-sizing: border-box !important;
  background: transparent !important;
  gap: 0 !important;
  grid-template-columns: none !important;
}
html:not(.is-mobile) .game-page .bet-actions button {
  height: var(--pc22) !important;
  width: var(--pc150) !important;
  min-width: var(--pc150) !important;
  border: 0 !important;
  border-radius: var(--pc3) !important;
  background-image:
    linear-gradient(0deg, #64591d, #7f732f 14%, #9a8c41 23%, #c2b970 65%, #e9e59e),
    linear-gradient(#3c2d17, #3c2d17) !important;
  background-blend-mode: normal, normal !important;
  color: #4f4617 !important;
  font: 400 var(--pc15)/var(--pc22) "Microsoft YaHei", sans-serif !important;
  cursor: pointer !important;
  clip-path: none !important;
  box-shadow: none !important;
  text-align: center !important;
  padding: 0 !important;
}

/* ========== 底路单（公告/确定下方，1:1 官方） ========== */
html:not(.is-mobile) .game-page .game-road,
html:not(.is-mobile) .game-page .road-map-container {
  flex-grow: 1 !important;
  flex: 1 1 auto !important;
  height: 0 !important;
  min-height: 0 !important;
  width: 100% !important;
  border: solid var(--pc1) rgba(0, 0, 0, 0.3) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  grid-template-columns: none !important;
}

/* 左统计 rght = pc50 */
html:not(.is-mobile) .game-page .road-totals,
html:not(.is-mobile) .game-page .road-totals.pc-pediction,
html:not(.is-mobile) .game-page .road-totals.pc-pediction.rght,
html:not(.is-mobile) .game-page .road-map-container > .road-totals,
html:not(.is-mobile) .game-page .game-road > .road-totals {
  width: var(--pc50) !important;
  min-width: var(--pc50) !important;
  max-width: var(--pc50) !important;
  flex: 0 0 var(--pc50) !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-around !important;
  align-items: flex-start !important;
  padding: 0 !important;
  margin: 0 !important;
  background-image:
    linear-gradient(0deg, #a3954f, #4b4315 62%, #776c32 87%, #a3954f),
    linear-gradient(#3c2d17, #3c2d17) !important;
  background-blend-mode: normal, normal !important;
  border: solid var(--pc1) #776c32 !important;
  box-sizing: border-box !important;
  color: #fff !important;
  overflow: hidden !important;
}
html:not(.is-mobile) .game-page .road-totals .rt-row {
  font-size: var(--pc12) !important;
  padding-left: var(--pc3) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: var(--pc3) !important;
  width: 100% !important;
  color: #fff !important;
  background: transparent !important;
  box-sizing: border-box !important;
}
html:not(.is-mobile) .game-page .road-totals .rt-row i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--pc16) !important;
  height: var(--pc16) !important;
  min-width: var(--pc16) !important;
  border-radius: 50% !important;
  font: 400 10px/1 "Microsoft YaHei", sans-serif !important;
  font-style: normal !important;
  color: #fff !important;
}
html:not(.is-mobile) .game-page .road-totals .rt-row i.c-red { background: #c70004 !important; }
html:not(.is-mobile) .game-page .road-totals .rt-row i.c-blue { background: #0000fe !important; }
html:not(.is-mobile) .game-page .road-totals .rt-row i.c-green { background: #00c40c !important; }
html:not(.is-mobile) .game-page .road-totals .rt-row em {
  font-style: normal !important;
  color: #fff !important;
  font-size: var(--pc12) !important;
}

html:not(.is-mobile) .game-page .road-map-canvas,
html:not(.is-mobile) .game-page .road-map {
  flex-grow: 1 !important;
  flex: 1 1 auto !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  background: #fff !important;
  border: 0 !important;
  image-rendering: -webkit-optimize-contrast;
}

/* 右问路 lft = pc30，金色底（非红蓝块） */
html:not(.is-mobile) .game-page .road-side {
  width: var(--pc30) !important;
  min-width: var(--pc30) !important;
  max-width: var(--pc30) !important;
  flex: 0 0 var(--pc30) !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
html:not(.is-mobile) .game-page .road-key,
html:not(.is-mobile) .game-page .road-key.pc-pediction,
html:not(.is-mobile) .game-page .road-key.pc-pediction.lft {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background-image:
    linear-gradient(0deg, #a3954f, #4b4315 62%, #776c32 87%, #a3954f),
    linear-gradient(#3c2d17, #3c2d17) !important;
  background-blend-mode: normal, normal !important;
  border: solid var(--pc1) #776c32 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
/* 竖排：庄+蓝符 / 分隔 / 闲+红符 */
html:not(.is-mobile) .game-page .road-key .rk-ask,
html:not(.is-mobile) .game-page .road-key .rk-ask.banker,
html:not(.is-mobile) .game-page .road-key .rk-ask.player {
  flex-grow: 1 !important;
  flex: 1 1 0 !important;
  width: 100% !important;
  height: 0 !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--pc3) !important;
  padding: var(--pc3) 0 !important;
}
html:not(.is-mobile) .game-page .road-key .rk-sep {
  flex: 0 0 1px !important;
  width: 70% !important;
  height: 1px !important;
  margin: 0 auto !important;
  background: rgba(60, 45, 23, 0.85) !important;
  box-shadow: 0 1px 0 rgba(163, 149, 79, 0.45) !important;
}
html:not(.is-mobile) .game-page .road-key .rk-label {
  color: #fff !important;
  font: 400 var(--pc12)/1 "Microsoft YaHei", sans-serif !important;
  text-align: center !important;
}
html:not(.is-mobile) .game-page .road-key .rk-icons {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: var(--pc4) !important;
}
html:not(.is-mobile) .game-page .road-key:after,
html:not(.is-mobile) .game-page .road-key > span,
html:not(.is-mobile) .game-page .road-key > i {
  display: none !important;
}

/* 绝对定位旧布局清零 */
html:not(.is-mobile) .game-page .game-left,
html:not(.is-mobile) .game-page .bet-panel,
html:not(.is-mobile) .game-page .game-road,
html:not(.is-mobile) .game-page .video-and-bet,
html:not(.is-mobile) .game-page .status-logo,
html:not(.is-mobile) .game-page .game-status,
html:not(.is-mobile) .game-page .limits,
html:not(.is-mobile) .game-page .bet-summary,
html:not(.is-mobile) .game-page .bet-zones,
html:not(.is-mobile) .game-page .chips,
html:not(.is-mobile) .game-page .bet-actions {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
}

/* ========== 强制对齐官方：压掉 game.css 残留 absolute/750 宽 ========== */
html:not(.is-mobile) #app .game-page.default-game-root,
html:not(.is-mobile) #app .game-page {
  display: flex !important;
  flex-direction: column !important;
  width: 1080px !important;
  height: 720px !important;
  margin: 0 auto !important;
  position: relative !important;
  overflow: hidden !important;
}
html:not(.is-mobile) #app .game-page .game-head {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: var(--pc28) !important;
  flex: 0 0 var(--pc28) !important;
}
html:not(.is-mobile) #app .game-page .video-and-bet {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  height: calc(var(--pc1) * 390) !important;
  min-height: calc(var(--pc1) * 390) !important;
  max-height: calc(var(--pc1) * 390) !important;
  flex: 0 0 calc(var(--pc1) * 390) !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
}
/* 左栏官方 562，贴左不偏移 */
html:not(.is-mobile) #app .game-page .game-left,
html:not(.is-mobile) #app .game-page .left-content {
  position: relative !important;
  left: 0 !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: calc(var(--pc1) * 562) !important;
  min-width: calc(var(--pc1) * 562) !important;
  max-width: calc(var(--pc1) * 562) !important;
  height: 100% !important;
  flex: 0 0 calc(var(--pc1) * 562) !important;
  margin: 0 !important;
  transform: none !important;
}
/* 视频官方高 298，宽 100% 左栏，勿 398/750 */
html:not(.is-mobile) #app .game-page .video-placeholder,
html:not(.is-mobile) #app .game-page .video-wraps,
html:not(.is-mobile) #app .game-page .game-left .video-placeholder {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: var(--pc298) !important;
  min-height: var(--pc298) !important;
  max-height: var(--pc298) !important;
  flex: 0 0 var(--pc298) !important;
  margin: 0 !important;
  transform: none !important;
}
html:not(.is-mobile) #app .game-page .video-placeholder .room-video.live-stream {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
  margin: 0 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 5 !important;
  background: #080704 !important;
  filter: none !important;
}
html:not(.is-mobile) #app .game-page .bet-panel,
html:not(.is-mobile) #app .game-page .right-content {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 0 !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  margin: 0 !important;
  transform: none !important;
}
html:not(.is-mobile) #app .game-page .game-road,
html:not(.is-mobile) #app .game-page .road-map-container {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  flex: 1 1 auto !important;
  height: 0 !important;
  min-height: 0 !important;
}