/**
 * dice 鍥涙甯冨眬锛?080脳960锛屽榻愬叚鍚堝僵鐨灦鏋勶級
 * 1 椤舵爮 ref-head + bg_game_dice
 * 2 切页占位 hidden 占 98px
 * 3 ref-pane / 锚点与 pc28 同（426、-150）；仅 bg_xiazhu_dice 皮图另锚画布中心
 * 4 ref-foot 与全系 foot-mt 426 定稿
 * 4 绉垎/绛圭爜 ref-foot + bg_touzhu
 */

.ref-game[data-kind="dice"] {
  --h5-design-w: 1080px;
  --h5-design-h: 960px;
  /* 涓庡叚鍚堝僵鍚岃鏍煎簳婊戯紙鐜╂硶璇存槑 / 鎶曟敞璁板綍 / 寮€濂栬褰曪級 */
  --h5-marksix-bottom-sheet-max: min(780px, 88%);
  --h5-bottom-sheet-max: min(780px, 88%);
  --h5-skin-head-h: 310px;
  --h5-skin-qieye-h: 98px;
  --h5-skin-xiazhu-w: 1048px;
  --h5-skin-xiazhu-h: 408px;
  --h5-skin-xiazhu-radius: 16px;
  --h5-skin-xiazhu-left: 16px;
  --h5-skin-xiazhu-top: 426px;
  --h5-skin-touzhu-w: 400px;
  --h5-skin-touzhu-h: 88px;
  --h5-skin-anchor-di-x: 0px;
  --h5-skin-anchor-di-y: -155px;
  --h5-skin-anchor-game-x: 0px;
  --h5-skin-anchor-game-y: 325px;
  --h5-skin-anchor-qieye-x: 0px;
  --h5-skin-anchor-qieye-y: 120px;
  --h5-skin-anchor-xiazhu-x: 0px;
  --h5-skin-anchor-xiazhu-y: -150px;
  /* 只作用于 .ref-skin-layer[data-skin-id=xiazhu]，不改 ref-pane */
  --h5-dice-bg-xiazhu-anchor-x: 0px;
  --h5-dice-bg-xiazhu-anchor-y: -50px;
  --h5-dice-foot-mt: 426px;
  /* 三骰大小注：相对 1080×960 稿顶（ref-dice-san-tz 层） */
  --h5-dice-san-tz-top: 395px;
  --h5-dice-san-tz-offset-x: 234px;
  /* 大小注选中框：四角圆角（与 btn_san_tz 弧角对齐时可微调） */
  --h5-dice-san-tz-select-radius: 52px;
  /* 金额：bg_chip_one 铺底（扁条，高度对齐皮服 chip-badge 行） */
  --h5-dice-san-tz-amt-plate-min-w: 88px;
  --h5-dice-san-tz-amt-plate-h: 36px;
  --h5-dice-san-tz-amt-plate-pad-x: 10px;
  --h5-dice-san-tz-amt-plate-radius: 18px;
  --h5-dice-san-tz-amt-inset-x: 20px;
  --h5-dice-san-tz-amt-inset-y: 20px;
  --h5-tab-qieye-pad-x: 14px;
  --h5-tab-qieye-pad-y: 8px;
  --h5-tab-qieye-gap: 8px;
  --h5-tab-qieye-btn-pad-x: 4px;
  --h5-tab-qieye-btn-radius: 14px;
  --h5-marksix-pile-chip-opacity: 1;
  --h5-img-game-icon: 176px;
  --ref-head-brand-w: 313px;
  --ref-head-block-h: 310px;
  --h5-img-player-w: 96px;
  --h5-img-player-h: 96px;
  /* 搂1 椤舵爮鍑犱綍瀵归綈鍏悎褰╋紙marksix-layout-lock + client marksix ref-head锛?*/
  --h5-dice-brand-lower-offset: 146px;
  --h5-dice-outcome-offset-y: 32px;
  --h5-dice-outcome-edge-gap: 10px;
  --h5-dice-draw-row-gap: 0;
  --ref-draw-balls-max-w: 720px;
  --h5-ref-tool-radius: 11px;
  --h5-ref-tool-bar-w: 192px;
  --h5-ref-tool-bar-h: 72px;
  --h5-ref-tool-sq: 72px;
  --h5-ref-tool-gengduo: 56px;
  --h5-ref-tool-caret-half: 11px;
  --h5-ref-tool-caret-h: 14px;
  /* 鏂囧瓧瑙勬牸瀵归綈鍏悎褰?*/
  --ui-text-scale: var(--h5-type-scale);
  --h5-ref-tools-offset-y: 10px;
  --h5-sheet-close-pad-y: 12px;
  --h5-sheet-close-pad-x: 28px;
  --h5-sheet-close-radius: 12px;
  --h5-sheet-close-min-w: 128px;
  --h5-sheet-close-min-h: 52px;
  --h5-dice-ball-num-font: var(--h5-skin-ball-num-font);
  --h5-dice-tag-ts-font: var(--h5-skin-tag-ts-font);
  --h5-dice-win-layer-top: 0px;
  --h5-dice-win-layer-left: 0px;
  --h5-dice-win-layer-w: 1080px;
  --h5-dice-win-layer-z: 20;
  --h5-dice-win-layer-bg: rgba(12, 10, 8, .78);
  --h5-dice-win-layer-radius: 0 0 8px 8px;
  --h5-dice-win-layer-pad-top: 10px;
  --h5-dice-win-layer-pad-x: 16px;
  --h5-dice-win-layer-pad-bottom: 14px;
  --h5-dice-win-note-gap: 6px;
  --h5-dice-win-note-head-size: 36px;
  --h5-dice-win-note-head-lh: 1.32;
  --h5-dice-win-note-head-mb: 4px;
  --h5-dice-win-note-row-size: 24px;
  --h5-dice-win-note-row-lh: 1.35;
  --h5-dice-win-note-row-gap: 4px;
  --h5-dice-win-note-row-color: rgba(176, 182, 194, .9);
  --h5-dice-win-hit-color: #ffd54f;
  --h5-dice-win-miss-color: #c5cad6;
  position: relative;
  background: #0a0a0e;
  isolation: isolate;
  overflow: visible;
}

/* 鐨浘鏍堬紙di / game / qieye / xiazhu锛?*/
.ref-game[data-kind="dice"] .ref-skin-stack {
  position: absolute;
  left: 0;
  top: 0;
  width: var(--h5-design-w);
  height: var(--h5-design-h);
  pointer-events: none;
  z-index: 0;
}
.ref-game[data-kind="dice"] .ref-skin-layer {
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  object-fit: none !important;
  max-width: none;
  max-height: none;
  pointer-events: none;
  user-select: none;
}
.ref-game[data-kind="dice"] .ref-skin-layer[data-skin-id="game"],
.ref-game[data-kind="dice"] .ref-skin-layer[data-skin-id="di"],
.ref-game[data-kind="dice"] .ref-skin-layer[data-skin-id="xiazhu"] {
  object-fit: none !important;
}
.ref-game[data-kind="dice"] .ref-skin-layer[data-skin-id="di"] {
  z-index: 1 !important;
}
.ref-game[data-kind="dice"] .ref-skin-layer[data-skin-id="game"] {
  z-index: 2 !important;
}
.ref-game[data-kind="dice"] .ref-skin-layer[data-skin-id="xiazhu"] {
  z-index: 4 !important;
}

/* 搂1 椤舵爮锛?10脳1080锛屼笌鍏悎褰?1 鍙峰尯鍩熷悓浣嶇疆/鍚屽昂瀵革級 */
.ref-game[data-kind="dice"] > .ref-head {
  flex: 0 0 var(--ref-head-block-h);
  height: var(--ref-head-block-h);
  min-height: var(--ref-head-block-h);
  max-height: var(--ref-head-block-h);
  position: relative;
  z-index: 3;
  background: transparent;
  overflow: visible;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 12px 16px 0 10px;
  box-sizing: border-box;
  overflow: visible;
}
.ref-game[data-kind="dice"] .ref-head-brand {
  position: relative;
  align-self: start;
  justify-content: flex-start;
  overflow: visible;
  min-height: calc(
    var(--h5-dice-brand-lower-offset) + var(--h5-img-player-h) + var(--h5-ref-cut-row-min-h)
  );
}
.ref-game[data-kind="dice"] .ref-brand-top {
  position: absolute;
  top: 0;
  left: 3px;
  z-index: 2;
  flex-shrink: 0;
}
.ref-game[data-kind="dice"] .ref-brand-lower {
  position: relative;
  z-index: 3;
  margin-top: var(--h5-dice-brand-lower-offset);
  justify-content: flex-start;
  padding-bottom: 0;
  flex-shrink: 0;
}
.ref-game[data-kind="dice"] .ref-head-brand .crowd-dock.ref-player-dock,
.ref-game[data-kind="dice"] .ref-head-brand .ref-cut {
  flex-shrink: 0;
}
.ref-game[data-kind="dice"] .ref-head-row {
  --ref-head-grid-r1: 80px;
  --ref-head-grid-gap: 4px;
  --ref-draw-row-min-h: 0;
  --ref-last-row-scale: 1;
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  align-items: start;
  align-content: start;
  column-gap: 8px;
  grid-template-rows: auto auto auto;
  row-gap: var(--h5-dice-draw-row-gap);
  padding-bottom: var(--h5-dice-outcome-edge-gap);
  box-sizing: border-box;
}
.ref-game[data-kind="dice"] .ref-head-row .ref-tools {
  align-self: start;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  padding-top: var(--h5-ref-tools-offset-y);
  min-height: var(--h5-ref-tool-bar-h);
}
.ref-game[data-kind="dice"] .ref-head-row .ref-tool {
  box-sizing: border-box;
  border-radius: var(--h5-ref-tool-radius);
  font-weight: 700;
  line-height: 1;
  gap: 4px;
  outline: none;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--h5-ref-tool-bar-h);
  min-height: var(--h5-ref-tool-bar-h);
  max-height: var(--h5-ref-tool-bar-h);
  width: var(--h5-ref-tool-bar-w);
  min-width: var(--h5-ref-tool-bar-w);
  max-width: var(--h5-ref-tool-bar-w);
  padding: 0 8px;
  font-size: var(--h5-ref-tool-bar-font);
  white-space: nowrap;
}
.ref-game[data-kind="dice"] .ref-head-row .ref-tool.ref-tool-sq {
  width: var(--h5-ref-tool-sq);
  min-width: var(--h5-ref-tool-sq);
  max-width: var(--h5-ref-tool-sq);
  padding: 0;
}
.ref-game[data-kind="dice"] .ref-head-row .ref-tool.ref-tool-sq[data-act="help"] {
  background: rgba(22, 22, 30, .92);
  border: 1px solid rgba(255, 255, 255, .88);
  color: #fff;
  font-size: var(--h5-ref-tool-sq-font);
}
.ref-game[data-kind="dice"] .ref-head-row .ref-tool.ref-tool-sq[data-act="more"] {
  padding: 0;
  background: rgba(22, 22, 30, .92);
  border: 1px solid rgba(255, 255, 255, .88);
  line-height: 0;
}
.ref-game[data-kind="dice"] .ref-head-row .ref-tool.ref-tool-sq[data-act="more"] .ref-tool-ico {
  width: var(--h5-ref-tool-gengduo);
  height: var(--h5-ref-tool-gengduo);
  min-width: var(--h5-ref-tool-gengduo);
  max-width: var(--h5-ref-tool-gengduo);
  flex-shrink: 0;
  object-fit: contain;
  opacity: 1;
  display: block;
}
.ref-game[data-kind="dice"] .ref-head-row .ref-tool[data-act="settle-rec"],
.ref-game[data-kind="dice"] .ref-head-row .ref-tool[data-act="draw-rec"] {
  background: rgba(10, 10, 16, .45);
  border: 1px solid rgba(255, 255, 255, .9);
  color: #f2f2f6;
}
.ref-game[data-kind="dice"] .ref-head-row .ref-tool-caret {
  margin-left: 6px;
  border-left-width: var(--h5-ref-tool-caret-half);
  border-right-width: var(--h5-ref-tool-caret-half);
}
.ref-game[data-kind="dice"] .ref-head-row .ref-tool-caret-down {
  border-top: var(--h5-ref-tool-caret-h) solid #fff;
  border-bottom: none;
}
.ref-game[data-kind="dice"] .ref-head-row .ref-tool-caret-up {
  border-bottom: var(--h5-ref-tool-caret-h) solid #fff;
  border-top: none;
}
.ref-game[data-kind="dice"] .ref-head-row .ref-tool.is-open .ref-tool-caret-down {
  border-top: none;
  border-bottom: var(--h5-ref-tool-caret-h) solid #fff;
}
.ref-game[data-kind="dice"] .ref-head-row .ref-tool.is-open .ref-tool-caret-up {
  border-bottom: none;
  border-top: var(--h5-ref-tool-caret-h) solid #fff;
}
.ref-game[data-kind="dice"] .ref-head-row .ref-draw:empty {
  display: none;
}
.ref-game[data-kind="dice"] .ref-head-row .ref-draw-balls {
  align-self: start;
  justify-content: flex-end;
  justify-self: stretch;
  align-items: flex-end;
  gap: 7px;
  max-width: 100%;
  min-height: 0;
  margin-top: var(--h5-dice-outcome-offset-y);
  padding: 0 2px;
}
.ref-game[data-kind="dice"] .ref-head-row .ref-last {
  margin-top: var(--h5-dice-outcome-edge-gap);
}
.ref-game[data-kind="dice"] .ref-head-brand .ref-cut {
  margin-left: 8px;
  line-height: 1.2;
}

/* 搂1 宸ュ叿鏍?/ 寮€濂栫悆 / 缁撴灉琛?鈥?浣嶇疆涓庡昂瀵稿榻愬叚鍚堝僵 ref-head-row 瀹氱 */
.ref-game[data-kind="dice"] .ref-head-row .ref-tools {
  --ref-tools-scale: 1;
  width: 100%;
  min-width: 0;
  overflow: visible;
}
.ref-game[data-kind="dice"] .ref-head-row .ref-draw-balls {
  display: flex;
  flex-wrap: nowrap;
  max-width: min(100%, var(--ref-draw-balls-max-w));
  min-height: 0;
  margin-left: auto;
  justify-self: end;
  padding: 0 2px;
}
.ref-game[data-kind="dice"] .ref-head-row .ref-last {
  --ref-last-scale: 1;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  min-width: 0;
  overflow: visible;
  padding: 0 4px 0 0;
}
/* 顶栏出奖图尺寸：定稿 H5_IMG + ref-outcome-img.css；此处仅字号/透明底 */
.ref-game[data-kind="dice"] .ref-head-row .ref-draw-balls .ball.ball-img em {
  font-size: var(--h5-dice-ball-num-font);
  font-weight: 800;
  line-height: 1;
}
.ref-game[data-kind="dice"] .ref-head-row .ref-draw .tag.tag-img,
.ref-game[data-kind="dice"] .ref-head-row .ref-last .tag.tag-img {
  background: transparent !important;
}
.ref-game[data-kind="dice"] .ref-head-row .ref-draw .tag.tag-img em,
.ref-game[data-kind="dice"] .ref-head-row .ref-last .tag.tag-img em {
  font-style: normal;
  font-size: var(--h5-dice-tag-ts-font);
  font-weight: 800;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .55);
}
.ref-game[data-kind="dice"] .ref-head-row .ref-last .tag.tag-img em {
  font-size: var(--h5-skin-tag-ts-last-font);
}

.ref-game[data-kind="dice"] > .g-body.ref-body {
  position: static;
  z-index: 1;
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
  max-height: none;
  background: transparent !important;
  overflow: visible;
}

.ref-game[data-kind="dice"] .bet-main {
  position: static;
  background: transparent;
  flex: 0 0 auto;
  min-height: 0;
}

/* 无切页按钮：仍占 98px 占位，与其它玩法底栏对齐 */
.ref-game[data-kind="dice"] .ref-tabs-bar {
  visibility: hidden !important;
  pointer-events: none !important;
  flex: 0 0 var(--h5-skin-qieye-h) !important;
  height: var(--h5-skin-qieye-h) !important;
  min-height: var(--h5-skin-qieye-h) !important;
  max-height: var(--h5-skin-qieye-h) !important;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.ref-game[data-kind="dice"] .ref-skin-layer[data-skin-id="xiazhu"] {
  object-fit: none;
}

.ref-game[data-kind="dice"] .ref-pane[data-pane-body] {
  display: none !important;
}

/* san_tz 挂画布根上，但带 ref-pane 以命中 client 皮服金额/底图规则（勿 display:none） */
.ref-game[data-kind="dice"] > .ref-dice-san-tz.ref-pane {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: var(--h5-design-w);
  height: var(--h5-design-h);
  pointer-events: none;
  z-index: 7;
  overflow: visible;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
}

.ref-game[data-kind="dice"] > .ref-dice-san-tz.ref-pane > .ref-lay.lay-1 {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  pointer-events: none;
}

.ref-game[data-kind="dice"] > .ref-dice-san-tz.ref-pane .bet-tile-xz-img {
  z-index: 3;
}

.ref-game[data-kind="dice"] > .ref-dice-san-tz .bet-tile.bet-tile-dice-san {
  position: absolute;
  top: var(--h5-dice-san-tz-top);
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.ref-game[data-kind="dice"] > .ref-dice-san-tz .bet-tile-dice-san[data-bet="big"] {
  left: calc(var(--h5-design-w) / 2 - var(--h5-dice-san-tz-offset-x));
}

.ref-game[data-kind="dice"] > .ref-dice-san-tz .bet-tile-dice-san[data-bet="small"] {
  left: calc(var(--h5-design-w) / 2 + var(--h5-dice-san-tz-offset-x));
}

.ref-game[data-kind="dice"] > .ref-dice-san-tz .bet-tile-dice-san.bet-selected,
.ref-game[data-kind="dice"] > .ref-dice-san-tz .bet-tile-dice-san.bet-win {
  border-radius: var(--h5-dice-san-tz-select-radius);
  overflow: hidden;
}

.ref-game[data-kind="dice"] > .ref-dice-san-tz .bet-tile-dice-san.bet-selected::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 4px solid #5ecc5e;
  border-radius: var(--h5-dice-san-tz-select-radius);
  box-sizing: border-box;
  pointer-events: none;
  z-index: 8;
}

.ref-game[data-kind="dice"] > .ref-dice-san-tz .bet-tile-dice-san.bet-win > .bet-win-ring {
  border-radius: var(--h5-dice-san-tz-select-radius);
}

/* 众人/我的：去掉 CSS 半透明底，只留 bg_chip_one 铺底 + 数字在上 */
.ref-game[data-kind="dice"] > .ref-dice-san-tz.ref-pane .bet-tile .tile-crowd-amt,
.ref-game[data-kind="dice"] > .ref-dice-san-tz.ref-pane .bet-tile .tile-amt-mine {
  background: none !important;
  border-radius: var(--h5-dice-san-tz-amt-plate-radius);
  padding: 0;
  gap: 4px;
  min-height: 0;
  max-width: none;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.ref-game[data-kind="dice"] > .ref-dice-san-tz.ref-pane .bet-tile .tile-crowd-amt {
  left: var(--h5-dice-san-tz-amt-inset-x);
  top: var(--h5-dice-san-tz-amt-inset-y);
  right: auto;
  bottom: auto;
  width: auto;
  height: var(--h5-dice-san-tz-amt-plate-h);
  min-width: var(--h5-dice-san-tz-amt-plate-min-w);
  padding: 0 var(--h5-dice-san-tz-amt-plate-pad-x);
}

.ref-game[data-kind="dice"] > .ref-dice-san-tz.ref-pane .bet-tile .tile-amt-mine {
  right: var(--h5-dice-san-tz-amt-inset-x);
  bottom: var(--h5-dice-san-tz-amt-inset-y);
  left: auto;
  top: auto;
  width: auto;
  height: var(--h5-dice-san-tz-amt-plate-h);
  min-width: var(--h5-dice-san-tz-amt-plate-min-w);
  padding: 0 var(--h5-dice-san-tz-amt-plate-pad-x);
  justify-content: center;
}

.ref-game[data-kind="dice"] > .ref-dice-san-tz.ref-pane .bet-tile .tile-crowd-amt > img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0;
  padding: 0;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  z-index: 0;
}

.ref-game[data-kind="dice"] > .ref-dice-san-tz.ref-pane .bet-tile .tile-amt-mine > img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0;
  padding: 0;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  z-index: 0;
  flex: none;
}

.ref-game[data-kind="dice"] > .ref-dice-san-tz.ref-pane .bet-tile .tile-amt-lab-mine,
.ref-game[data-kind="dice"] > .ref-dice-san-tz.ref-pane .bet-tile .tile-amt-val,
.ref-game[data-kind="dice"] > .ref-dice-san-tz.ref-pane .bet-tile .tile-crowd-amt-val {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
}

.ref-game[data-kind="dice"] .ref-foot {
  position: relative;
  z-index: 3;
}

/* 搂2鈥撀? 鍒囬〉 / 涓嬫敞 btn_xz / 搴曟爮锛氫笌鍏悎褰╁悓涓€濂楋紝瑙?css/client.css + marksix-layout-lock.css */

/* === 涓鎻愰啋灞傦紙瀵归綈鍏悎褰?win-layer 瀹氱锛?=== */
.ref-game[data-kind="dice"] > .win-layer {
  top: var(--h5-dice-win-layer-top);
  left: var(--h5-dice-win-layer-left);
  width: var(--h5-dice-win-layer-w);
  min-width: var(--h5-dice-win-layer-w);
  max-width: var(--h5-dice-win-layer-w);
  height: auto;
  max-height: none;
  padding: var(--h5-dice-win-layer-pad-top) var(--h5-dice-win-layer-pad-x)
    var(--h5-dice-win-layer-pad-bottom);
  background: var(--h5-dice-win-layer-bg);
  border-radius: var(--h5-dice-win-layer-radius);
  z-index: var(--h5-dice-win-layer-z);
  box-sizing: border-box;
  overflow: visible;
}
.ref-game[data-kind="dice"] > .win-layer .win-note {
  gap: var(--h5-dice-win-note-gap);
}
.ref-game[data-kind="dice"] > .win-layer .win-note-head,
.ref-game[data-kind="dice"] > .win-layer .hit,
.ref-game[data-kind="dice"] > .win-layer .miss {
  font-size: var(--h5-dice-win-note-head-size);
  line-height: var(--h5-dice-win-note-head-lh);
  margin-bottom: var(--h5-dice-win-note-head-mb);
}
.ref-game[data-kind="dice"] > .win-layer .win-note-head.hit,
.ref-game[data-kind="dice"] > .win-layer .hit {
  color: var(--h5-dice-win-hit-color);
}
.ref-game[data-kind="dice"] > .win-layer .win-note-head.miss,
.ref-game[data-kind="dice"] > .win-layer .miss {
  color: var(--h5-dice-win-miss-color);
}
.ref-game[data-kind="dice"] > .win-layer .win-note-details {
  gap: var(--h5-dice-win-note-row-gap);
}
.ref-game[data-kind="dice"] > .win-layer .win-note-row {
  font-size: var(--h5-dice-win-note-row-size);
  line-height: var(--h5-dice-win-note-row-lh);
  font-weight: 600;
  color: var(--h5-dice-win-note-row-color);
}

/* === 灞€鍐呭簳婊?/ 鍏抽棴閽?/ 鏇村锛?ref-game 鍏辩敤缁勪欢锛孭C28 灞€鍐呭榻愬叚鍚堝僵瀛楀彿锛?=== */
.ref-game[data-kind="dice"] .h5-chip-close,
.ref-game[data-kind="dice"] .h5-more-close,
.ref-game[data-kind="dice"] .h5-pay-close {
  font-size: var(--h5-sheet-close-font);
  min-width: var(--h5-sheet-close-min-w);
  min-height: var(--h5-sheet-close-min-h);
  padding: var(--h5-sheet-close-pad-y) var(--h5-sheet-close-pad-x);
  border-radius: var(--h5-sheet-close-radius);
}
.ref-game[data-kind="dice"] .h5-more-k {
  font-size: var(--h5-more-user-k-size);
}
.ref-game[data-kind="dice"] .h5-more-v {
  font-size: var(--h5-more-user-v-size);
}
.ref-game[data-kind="dice"] .h5-more-btn {
  font-size: 22px;
}
.ref-game[data-kind="dice"] .h5-more-sec {
  font-size: 24px;
}
.ref-game[data-kind="dice"] .h5-chip-title {
  font-size: 32px;
}
.ref-game[data-kind="dice"] .h5-chip-body .ref-chip-opt {
  font-size: 22px;
}

/* 底滑 z-index 与六合彩 lock 同栈（仅 dice，勿改 marksix-layout-lock） */
.ref-game[data-kind="dice"] .marksix-rules-layer { z-index: 50; }
.ref-game[data-kind="dice"] .marksix-settle-layer { z-index: 49; }
.ref-game[data-kind="dice"] .marksix-draw-rec-layer { z-index: 48; }

/* 路单：贴 ref-game 顶边向上展开（与百家乐 / 龙虎同壳） */
.ref-game[data-kind="dice"] > .dice-road-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 46;
  pointer-events: none;
  box-sizing: border-box;
  transform: translateY(-100%);
}
.ref-game[data-kind="dice"] > .dice-road-layer[hidden] {
  display: none !important;
}
.ref-game[data-kind="dice"] > .dice-road-layer.is-open .dice-road-panel {
  pointer-events: auto;
}
html.dice-road-up-open,
html.dice-road-up-open body {
  overflow: visible !important;
}
html.dice-road-up-open .shell.shell--h5-design,
html.dice-road-up-open .fit-inner.is-game-canvas,
html.dice-road-up-open .game-stage,
html.dice-road-up-open .game-pane.ref-stage,
html.dice-road-up-open .game-pane.ref-stage > .ref-game[data-kind="dice"] {
  overflow: visible !important;
}
.ref-game[data-kind="dice"] .dice-road-panel {
  --h5-dice-road-bead: 38px;
  --h5-dice-road-col-w: 38px;
  --h5-dice-road-row-gap: 6px;
  --h5-dice-road-col-gap: 8px;
  --h5-dice-road-edge-pad: 20px;
  --h5-dice-road-6h: calc(
    6 * var(--h5-dice-road-bead) + 5 * var(--h5-dice-road-row-gap)
  );
  margin: 0;
  padding: 8px var(--h5-dice-road-edge-pad) 10px;
  background: var(--h5-road-panel-bg);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
  box-sizing: border-box;
  overflow: hidden;
}
.ref-game[data-kind="dice"] .dice-road-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 8px;
  box-sizing: border-box;
}
.ref-game[data-kind="dice"] .dice-road-summary {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 10px;
  font-size: calc(24px * var(--h5-type-scale, 1));
  font-weight: 800;
  line-height: 1.2;
}
.ref-game[data-kind="dice"] .dice-road-sum-item em,
.ref-game[data-kind="dice"] .dice-road-sum-total em {
  font-style: normal;
  font-weight: 800;
}
.ref-game[data-kind="dice"] .dice-road-sum-item.dx-big,
.ref-game[data-kind="dice"] .dice-road-txt.dx-big {
  color: #ffb74d;
}
.ref-game[data-kind="dice"] .dice-road-sum-item.dx-small,
.ref-game[data-kind="dice"] .dice-road-txt.dx-small {
  color: #90caf9;
}
.ref-game[data-kind="dice"] .dice-road-sum-item.leo,
.ref-game[data-kind="dice"] .dice-road-txt.leo {
  color: #66bb6a;
}
.ref-game[data-kind="dice"] .dice-road-sum-total {
  flex: 0 0 auto;
  margin-left: auto;
  color: rgba(255, 255, 255, 0.92);
  font-weight: 700;
}
.ref-game[data-kind="dice"] .dice-road-scroll {
  width: 100%;
  height: var(--h5-dice-road-6h);
  max-height: var(--h5-dice-road-6h);
  overflow: hidden;
  box-sizing: border-box;
}
.ref-game[data-kind="dice"] .dice-road-cols {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: var(--h5-dice-road-col-gap);
  height: var(--h5-dice-road-6h);
  width: 100%;
  box-sizing: border-box;
}
.ref-game[data-kind="dice"] .dice-road-col {
  flex: 0 0 var(--h5-dice-road-col-w);
  width: var(--h5-dice-road-col-w);
  min-width: var(--h5-dice-road-col-w);
  display: flex;
  flex-direction: column;
  gap: var(--h5-dice-road-row-gap);
  height: 100%;
  box-sizing: border-box;
}
.ref-game[data-kind="dice"] .dice-road-col.is-empty {
  visibility: hidden;
}
.ref-game[data-kind="dice"] .dice-road-cell {
  flex: 0 0 var(--h5-dice-road-bead);
  width: 100%;
  height: var(--h5-dice-road-bead);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  line-height: 1;
}
.ref-game[data-kind="dice"] .dice-road-die .die-img {
  width: 92%;
  height: 92%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}
.ref-game[data-kind="dice"] .dice-road-txt {
  font-size: max(18px, calc(var(--h5-dice-road-bead) * 0.55));
  font-weight: 800;
}
.ref-game[data-kind="dice"] .dice-road-sum em {
  font-style: normal;
  font-size: max(18px, calc(var(--h5-dice-road-bead) * 0.55));
  font-weight: 800;
  color: rgba(255, 255, 255, 0.95);
}
.ref-game[data-kind="dice"] .dice-road-empty {
  padding: 16px 8px;
  text-align: center;
  font-size: calc(18px * var(--h5-type-scale, 1));
  color: rgba(255, 255, 255, 0.55);
}