/* ══════════════════════════════════════════════════════════════════════
   BUILD 124 · 百家乐 —— 横屏牌台
   照真台子做,并且跟 21 点那张桌子同一套视觉语言(绒面 + 织纹 + 双层描边 + 顶灯)。
     顶栏   返回 · 名字 · 阶段倒数 · 靴进度 · 规则 · 筹码
     左     电子路单牌:统计条 + 珠盘路 | 大路 + 下三路
     右     绒面牌台:闲 / 庄 牌位 → 一排注区(闲对 · 闲 · 和 · 庄 · 庄对)→ 筹码槽
   旋转那一层在 landscape.css;这里只管「长什么样」。
   ══════════════════════════════════════════════════════════════════════ */

#app .bcwrap{
  --bcp:#5fb2ff;            /* 闲 */
  --bcb:#ff6472;            /* 庄 */
  --bct:#3fd39a;            /* 和 */
  --bcgold:#f0d79a;
  --bcline:rgba(240,215,154,.34);
  position:absolute;inset:0;display:flex;flex-direction:column;gap:7px;padding:7px 9px 8px;overflow:hidden;
  background:
    radial-gradient(90% 60% at 50% -10%,rgba(62,242,224,.09),transparent 62%),
    radial-gradient(70% 60% at 92% 108%,rgba(124,108,255,.10),transparent 66%),
    linear-gradient(180deg,#080c18,#05070f 60%)}
#app .bcpt{display:none}                      /* 横屏一屏放得下才好;赔率长文在规则页 */

/* ══════════ 顶栏 ══════════ */
#app .bctop{flex:0 0 auto;display:flex;align-items:center;gap:7px;min-width:0;height:32px}
#app .bctb{display:flex;align-items:center;gap:5px;flex:0 0 auto;height:28px;padding:0 11px;border-radius:99px;
  border:1px solid var(--stroke);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  color:var(--muted);font-family:var(--display);font-weight:700;font-size:11.5px;letter-spacing:.04em;
  cursor:pointer;transition:transform .12s,color .2s,border-color .2s}
#app .bctb:active{transform:scale(.95)}
#app .bctb:hover{color:var(--ink);border-color:var(--stroke2)}
#app .bctb .chev{font-size:15px;line-height:1;margin-top:-1px}
#app .bctb .qm{font-style:normal;width:13px;height:13px;border-radius:50%;border:1px solid currentColor;
  display:grid;place-items:center;font-size:9px;line-height:1}
#app .bcname{flex:0 0 auto;display:flex;align-items:baseline;gap:6px;font-family:var(--toon);font-size:15px;
  letter-spacing:.1em;color:var(--bcgold)}
#app .bcname i{font-style:normal;font-size:8px;letter-spacing:.28em;color:rgba(240,215,154,.4)}
#app .bctop .bcphase{flex:0 0 auto;width:auto;min-width:0;gap:7px;margin:0}
#app .bctop .bcphase i{display:none}                       /* 人数 / 池放到注区那边 */

/* 靴进度条 */
#app .bcshoe{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:7px;
  font-family:var(--num);font-size:9.5px;letter-spacing:.04em;color:var(--dim);white-space:nowrap;overflow:hidden}
#app .bcshoe b{font-size:10px;color:rgba(240,215,154,.8);letter-spacing:.08em}
#app .bcshoe em{flex:0 1 74px;height:3px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
#app .bcshoe em > s{display:block;height:100%;text-decoration:none;border-radius:99px;
  background:linear-gradient(90deg,rgba(240,215,154,.85),rgba(62,242,224,.7))}

#app .bcbal{flex:0 0 auto;display:flex;align-items:baseline;gap:6px;height:28px;padding:0 12px;border-radius:99px;
  border:1px solid rgba(255,209,102,.36);background:linear-gradient(180deg,rgba(255,209,102,.12),rgba(255,209,102,.03));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
#app .bcbal i{font-style:normal;font-family:var(--display);font-size:8.5px;letter-spacing:.16em;color:rgba(255,231,168,.55)}
#app .bcbal b{font-family:var(--num);font-weight:800;font-size:13.5px;color:#ffd166}

/* ══════════ 两栏 ══════════ */
#app .bcgrid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.62fr);gap:9px}

/* ══════════ 左:电子路单牌 ══════════ */
#app .bcboard{display:flex;flex-direction:column;gap:5px;min-width:0;min-height:0;padding:6px;border-radius:14px;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg,rgba(9,14,26,.92),rgba(4,7,14,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 6px 18px rgba(0,0,0,.5)}
#app .bctally{flex:0 0 auto;display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden}
#app .bctally .tln{flex:0 0 auto;margin-right:2px;font-family:var(--display);font-weight:700;font-size:8px;
  letter-spacing:.1em;color:rgba(240,215,154,.55);white-space:nowrap}
#app .tl{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:3px;padding:2px 0;
  border-radius:6px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06)}
#app .tl i{font-style:normal;font-family:var(--display);font-size:8px;letter-spacing:.02em}
#app .tl b{font-family:var(--num);font-weight:800;font-size:10px;color:var(--ink)}
#app .tl.b i{color:var(--bcb)}#app .tl.p i{color:var(--bcp)}#app .tl.t i{color:var(--bct)}
#app .tl.pp i,#app .tl.bp i{color:var(--dim);font-size:7.5px}
#app .tl.pp b,#app .tl.bp b{font-size:9px;color:var(--muted)}

#app .bcroads{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:5px}
#app .bcroad{display:flex;flex-direction:column;gap:2px;min-width:0;min-height:0}
#app .bcroads > .r1{flex:1.12 1 0}      /* 珠盘路 */
#app .bcroads > .r2{flex:1 1 0}         /* 大路 */
#app .bcroad3{flex:.92 1 0;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;min-width:0}
#app .bcroad3 > .bcroad{min-height:0}
#app .rdh{flex:0 0 auto;display:flex;align-items:center;gap:4px;font-family:var(--display);font-weight:700;
  font-size:7.5px;letter-spacing:.08em;color:rgba(240,215,154,.62);white-space:nowrap;overflow:hidden}
#app .rdh em{font-style:normal;font-family:var(--num);font-size:7.5px;color:var(--dim)}
/* 网格:真路单牌那种细线格子 */
#app .rdgrid{flex:1 1 auto;min-height:0;display:grid;grid-template-rows:repeat(6,1fr);align-content:center;
  border-radius:6px;overflow:hidden;background:#05080f;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.075),inset 0 6px 14px rgba(0,0,0,.45)}
#app .rdgrid > i{display:grid;place-items:center;min-width:0;min-height:0;
  box-shadow:inset -1px -1px 0 rgba(255,255,255,.05)}
/* 珠盘路:实心圆 + 字 */
#app .bd{position:relative;width:84%;aspect-ratio:1;max-height:88%;border-radius:50%;display:grid;place-items:center;
  font-family:var(--display);font-weight:700;font-size:7px;color:#fff;
  box-shadow:inset 0 -2px 4px rgba(0,0,0,.35),0 1px 2px rgba(0,0,0,.5)}
#app .bd.banker{background:radial-gradient(circle at 34% 28%,#ff8a95,#d0243c)}
#app .bd.player{background:radial-gradient(circle at 34% 28%,#7fc0ff,#2160c9)}
#app .bd.tie{background:radial-gradient(circle at 34% 28%,#6ff0be,#0f8f61)}
/* 大路:空心圈;和局一条斜杠 */
#app .rd{position:relative;width:82%;aspect-ratio:1;max-height:86%;border-radius:50%;border:2px solid transparent}
#app .rd.banker{border-color:#f04a5e;box-shadow:0 0 5px rgba(240,74,94,.35)}
#app .rd.player{border-color:#4f97ff;box-shadow:0 0 5px rgba(79,151,255,.35)}
#app .rd.tie{border-color:#1fb27a}
#app .rd.t::after{content:'';position:absolute;left:-2px;right:-2px;top:50%;height:2px;background:#25d69a;transform:rotate(-45deg)}
#app .rd.t > s{position:absolute;inset:0;display:grid;place-items:center;text-decoration:none;font-family:var(--num);font-size:7px;color:#5ff5b1}
/* 对子小点:左上蓝 = 闲对,右下红 = 庄对 */
#app .bd > u,#app .rd > u{position:absolute;width:4px;height:4px;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.5)}
#app .bd > u.pp,#app .rd > u.pp{left:-1px;top:-1px;background:#4f97ff}
#app .bd > u.bp,#app .rd > u.bp{right:-1px;bottom:-1px;background:#f04a5e}
/* 下三路:大眼仔空心圈、小路实心点、曱甴路斜杠 */
#app .rdgrid .sm{width:76%;aspect-ratio:1;max-height:82%;border-radius:50%;border:1.6px solid transparent}
#app .rdgrid .sm.red{border-color:#f04a5e}#app .rdgrid .sm.blue{border-color:#4f97ff}
#app .rdgrid .sm2{width:66%;aspect-ratio:1;max-height:72%;border-radius:50%}
#app .rdgrid .sm2.red{background:#f04a5e}#app .rdgrid .sm2.blue{background:#4f97ff}
#app .rdgrid .sm3{width:80%;height:2px;transform:rotate(-45deg)}
#app .rdgrid .sm3.red{background:#f04a5e}#app .rdgrid .sm3.blue{background:#4f97ff}
/* 最新那一手闪一下 */
#app .rdgrid .now{animation:bcnow 1.6s ease-out 2}
@keyframes bcnow{0%,100%{filter:none}50%{filter:brightness(1.6) drop-shadow(0 0 5px rgba(255,255,255,.55))}}

/* ══════════ 右:绒面牌台 ══════════ */
#app .bctable{display:flex;flex-direction:column;gap:7px;min-width:0;min-height:0}
#app .bcfelt{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:6px;
  padding:9px 12px 10px;border-radius:18px;border:1px solid rgba(255,255,255,.17);overflow:hidden;
  background:
    radial-gradient(120% 62% at 50% -12%,rgba(62,242,224,.17),transparent 58%),   /* 顶灯 */
    radial-gradient(60% 44% at 50% 52%,rgba(240,215,154,.055),transparent 72%),   /* 台心微光 */
    repeating-linear-gradient(45deg,rgba(255,255,255,.028) 0 1px,transparent 1px 3px),  /* 绒布织纹 */
    radial-gradient(90% 92% at 50% 38%,#123249 0%,#0c2036 56%,#071322 100%);
  box-shadow:inset 0 -26px 60px rgba(0,0,0,.5),0 10px 26px rgba(0,0,0,.55)}
/* 台面内圈:和 21 点那张桌一样的双层描边 */
#app .bcfelt::before{content:'';position:absolute;inset:6px 8px;border-radius:13px;pointer-events:none;
  border:1px solid rgba(240,215,154,.28);
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.2),inset 0 0 0 4px rgba(62,242,224,.1),inset 0 0 26px rgba(0,0,0,.35)}
/* 压花水印 */
#app .bcmark{position:absolute;left:0;right:0;top:27%;text-align:center;pointer-events:none;user-select:none;z-index:0}
#app .bcmark span{display:block;font-family:var(--display);font-weight:700;font-size:30px;letter-spacing:.24em;
  color:rgba(240,215,154,.07);text-shadow:0 1px 0 rgba(255,255,255,.04),0 -1px 0 rgba(0,0,0,.5)}
#app .bcmark i{font-style:normal;font-family:var(--display);font-size:7.5px;letter-spacing:.32em;color:rgba(240,215,154,.1)}

/* ── 闲 / 庄 牌位 ── */
#app .bchands{position:relative;z-index:1;flex:1 1 auto;min-height:0;display:grid;
  grid-template-columns:1fr 26px 1fr;align-items:stretch;gap:4px}
#app .bcside{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  min-width:0;padding:6px 4px;border-radius:12px;transition:background .3s,box-shadow .3s}
#app .bchead{display:flex;align-items:center;gap:7px}
#app .bchead b{font-family:var(--toon);font-size:15px;letter-spacing:.2em;text-shadow:0 1px 0 rgba(0,0,0,.6)}
#app .bcside.p .bchead b{color:var(--bcp)}
#app .bcside.b .bchead b{color:var(--bcb)}
/* 点数:金边圆牌 */
#app .bchead u{text-decoration:none;min-width:30px;height:26px;padding:0 8px;border-radius:99px;
  display:grid;place-items:center;font-family:var(--num);font-weight:800;font-size:16px;color:var(--ink);
  background:radial-gradient(70% 70% at 50% 25%,rgba(255,255,255,.12),rgba(0,0,0,.42));
  border:1px solid rgba(240,215,154,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 2px 5px rgba(0,0,0,.45)}
#app .bchead .wtag{display:none;font-style:normal;font-family:var(--display);font-weight:700;font-size:9px;
  letter-spacing:.14em;padding:2px 7px;border-radius:99px;color:#0b1220;background:var(--moneygrad);
  box-shadow:0 2px 6px rgba(0,0,0,.5)}
#app .bcfelt.pwin .bcside.p .wtag,#app .bcfelt.bwin .bcside.b .wtag{display:block;animation:bcpop .3s ease-out both}
@keyframes bcpop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
/* 发牌位:台面上印着的虚线牌框,牌盖在上面 */
#app .bcplate{position:relative;display:grid;place-items:center;min-height:0}
#app .bcslots{display:flex;align-items:center;justify-content:center;gap:6px}
#app .cslot{width:50px;height:69px;border-radius:6px;border:1px dashed rgba(240,215,154,.22);
  background:rgba(0,0,0,.14);box-shadow:inset 0 0 12px rgba(0,0,0,.25)}
#app .cslot.third{opacity:.55}
#app .bcslots{transition:opacity .3s}
#app .bcfelt.dealing .bcslots,#app .bcfelt.result .bcslots{opacity:0}
#app .bccards{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px}
/* BUILD 125:牌一张一张滑进来(反面)再翻开 —— 和真台一个节奏 */
#app .bccard{width:50px;flex:0 0 auto;perspective:700px}
#app .bccard svg{width:100%;height:auto;display:block;border-radius:5px}
#app .bcflip{position:relative;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.3,.8,.35,1)}
#app .bcf{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:5px;box-shadow:0 4px 10px rgba(0,0,0,.6)}
#app .bcf.rear{position:absolute;inset:0;transform:rotateY(180deg)}
#app .bccard.down .bcflip{transform:rotateY(180deg)}
#app .bccard.up .bcflip{transform:rotateY(0)}
#app .bccard.idle svg{border-radius:5px;box-shadow:0 4px 10px rgba(0,0,0,.6)}
#app .bccard.in{animation:bcdeal .42s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes bcdeal{0%{opacity:0;transform:translate(0,-64px) rotate(-16deg) scale(.86)}60%{opacity:1}100%{opacity:1;transform:none}}
/* 例牌:两边都不补牌,打一个金章 */
#app .bcfelt.natural .bcside .bchead::after{content:'';}
#app .bcfelt.natural .bchead{position:relative}
/* 中间那条分隔:金线 + 菱形 */
#app .bcvs{position:relative;display:grid;place-items:center}
#app .bcvs::before{content:'';position:absolute;top:8%;bottom:8%;width:1px;
  background:linear-gradient(180deg,transparent,rgba(240,215,154,.3) 22%,rgba(240,215,154,.3) 78%,transparent)}
#app .bcvs span{position:relative;width:18px;height:18px;transform:rotate(45deg);border-radius:3px;
  border:1px solid rgba(240,215,154,.4);background:#0a1a2a;font-size:0}
/* 赢的那一边亮起来 */
#app .bcfelt.pwin .bcside.p{background:radial-gradient(70% 70% at 50% 45%,rgba(95,178,255,.2),transparent 72%);
  box-shadow:inset 0 0 0 1.5px rgba(95,178,255,.55),0 0 26px rgba(95,178,255,.14)}
#app .bcfelt.bwin .bcside.b{background:radial-gradient(70% 70% at 50% 45%,rgba(255,100,114,.2),transparent 72%);
  box-shadow:inset 0 0 0 1.5px rgba(255,100,114,.55),0 0 26px rgba(255,100,114,.14)}
#app .bcfelt.twin .bcside{background:radial-gradient(70% 70% at 50% 45%,rgba(63,211,154,.16),transparent 72%);
  box-shadow:inset 0 0 0 1.5px rgba(63,211,154,.48)}

/* ── 注区:照真台横着一排 闲对 · 闲 · 和 · 庄 · 庄对 ── */
#app .bcspots{position:relative;z-index:1;flex:0 0 auto;display:grid;
  grid-template-columns:.62fr 1fr 1fr 1fr .62fr;gap:6px;height:84px}
#app .bcspot{position:relative;display:grid;place-items:center;padding:4px 4px 12px;border-radius:10px;cursor:pointer;
  min-width:0;color:var(--ink);background:rgba(4,10,18,.3);border:1px solid rgba(255,255,255,.1);
  transition:transform .12s,box-shadow .22s,border-color .22s,opacity .25s}
#app .bcspot .sl{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;text-align:center}
#app .bcspot b{font-family:var(--toon);letter-spacing:.16em;line-height:1.05;text-shadow:0 1px 0 rgba(0,0,0,.55)}
#app .bcspot i{font-style:normal;font-family:var(--num);font-weight:700;font-size:8.5px;letter-spacing:.02em;
  color:rgba(240,215,154,.72);white-space:nowrap}
#app .bcspot.main{border-width:1.5px}
#app .bcspot.main b{font-size:18px}
#app .bcspot.pair{border-radius:99px}
#app .bcspot.pair b{font-size:11px;letter-spacing:.1em}
#app .bcspot.pair i{font-size:7.5px}
#app .bcspot.p{border-color:rgba(95,178,255,.5);background:linear-gradient(180deg,rgba(95,178,255,.14),rgba(95,178,255,.03))}
#app .bcspot.p b{color:var(--bcp)}
#app .bcspot.b{border-color:rgba(255,100,114,.5);background:linear-gradient(180deg,rgba(255,100,114,.14),rgba(255,100,114,.03))}
#app .bcspot.b b{color:var(--bcb)}
#app .bcspot.tie{border-color:rgba(63,211,154,.5);background:linear-gradient(180deg,rgba(63,211,154,.13),rgba(63,211,154,.03))}
#app .bcspot.tie b{color:var(--bct)}
#app .bcspot.pp{border-color:rgba(95,178,255,.34)}#app .bcspot.pp b{color:#a8d4ff}
#app .bcspot.bp{border-color:rgba(255,100,114,.34)}#app .bcspot.bp b{color:#ffb7bd}
#app .bcspot .pool{position:absolute;left:4px;right:4px;bottom:3px;font-family:var(--num);font-size:7.5px;
  color:rgba(255,255,255,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
/* 自己押的筹码:金色小筹码叠在角上 */
#app .bcspot .my{position:absolute;right:-4px;top:-5px;min-width:22px;padding:2px 6px;border-radius:99px;
  font-family:var(--num);font-weight:800;font-size:9.5px;line-height:1.3;text-align:center;color:#2a1d05;
  background:var(--moneygrad);box-shadow:0 0 0 1.5px #7a5d18,0 3px 7px rgba(0,0,0,.6);z-index:5}
#app .bcspot .my:empty{display:none}
#app .bcspot.mine{box-shadow:0 0 0 1px rgba(255,209,102,.6),0 0 18px rgba(255,209,102,.18)}
#app .bcspot.won{border-color:rgba(95,245,177,.95);box-shadow:0 0 0 1.5px rgba(95,245,177,.7),0 0 24px rgba(95,245,177,.35);
  animation:bcwon .45s ease-out both}
@keyframes bcwon{0%{transform:scale(1)}45%{transform:scale(1.045)}100%{transform:scale(1)}}
#app .bcspot.push{border-color:rgba(255,255,255,.5)}
#app .bcspot.lost{opacity:.34}
#app .bcspot:active:not(:disabled){transform:scale(.97)}
#app .bcspot:disabled{cursor:default}
#app .bcspot:disabled:not(.lost):not(.won):not(.push){opacity:.85}

/* ── 结果横幅 ── */
#app .bcres{position:absolute;left:50%;transform:translateX(-50%);bottom:96px;max-width:82%;display:none;align-items:center;gap:12px;
  padding:7px 14px;border-radius:12px;z-index:6;
  border:1px solid rgba(240,215,154,.35);background:rgba(6,10,20,.94);box-shadow:0 10px 26px rgba(0,0,0,.6)}
#app .bcres.on{display:flex;animation:bcresin .28s ease-out both}
@keyframes bcresin{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translateX(-50%)}}
#app .bcres i{font-style:normal;font-family:var(--num);font-size:11px;color:var(--muted);flex:1 1 auto;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app .bcres b{font-family:var(--num);font-weight:800;font-size:17px}
#app .bcres em{font-style:normal;font-family:var(--display);font-weight:700;font-size:10px;letter-spacing:.12em;
  padding:3px 9px;border-radius:99px}
#app .bcres.win b{color:#5ff5b1}#app .bcres.win em{color:#06121a;background:#5ff5b1}
#app .bcres.lose b{color:#ff7a90}#app .bcres.lose em{color:#fff;background:#c8283c}
#app .bcres.push b{color:var(--muted)}#app .bcres.push em{color:var(--ink);background:rgba(255,255,255,.16)}

/* ══════════ 筹码槽 ══════════ */
#app .bcrail{flex:0 0 auto;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;
  padding:6px 10px;border-radius:13px;border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg,#141a2b,#0a0e1a);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 6px 16px rgba(0,0,0,.45)}
#app .bcrail .scprices{width:auto;margin:0;gap:6px;flex-wrap:nowrap}
#app .bcrail .scprices .chipbtn{width:38px;height:38px;font-size:11px}
#app .bcrailr{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:3px;min-width:0;overflow:hidden}
#app .bcrailtop,#app .bcrailbot{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;max-width:100%}
#app .bcrailtop .rltb{flex:0 0 auto;height:24px;padding:0 10px;font-size:10.5px}
#app .bctotal{flex:0 0 auto;font-family:var(--num);font-weight:800;font-size:11.5px;color:#ffd166;white-space:nowrap}
#app .bcpool{flex:0 1 auto;min-width:0;font-family:var(--num);font-size:10px;color:var(--dim);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app .bcrailtop .dkhint{width:auto;flex:0 1 auto;min-width:0;margin:0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 下注中看「谁押了什么」;发牌 / 结果阶段换成一句提示 */
#app .bcwrap[data-phase="betting"] .bcrailtop .dkhint{display:none}
#app .bcwrap:not([data-phase="betting"]) .bcrailbot .dkfeed{display:none}
#app .bcwrap:not([data-phase="betting"]) .bcpool{display:none}
#app .bcrailbot .dkfeed{flex:0 1 auto;min-width:0;min-height:0;max-width:190px;display:block;overflow:hidden;
  white-space:nowrap;text-overflow:ellipsis;font-family:var(--num);font-size:9px;color:var(--dim)}
#app .bcrailbot .dkfeed span{display:inline;padding:0;margin:0 6px 0 0;border:0;background:none;border-radius:0;font-size:9px;color:var(--dim)}
#app .bcrailbot .dkfeed span b{color:var(--muted);font-weight:700}
#app .bcrailbot .dkfeed span i{font-style:normal;color:rgba(240,215,154,.7)}
#app .bcrailbot .scfair{flex:0 0 auto;margin:0;font-size:9px;gap:6px;white-space:nowrap}

/* ══════════ 旋转后「高度」很小的机器再压一压 ══════════ */
@media (max-height:400px){
  #app .bcname i{display:none}
  #app .bcmark span{font-size:26px}
  #app .bccard,#app .cslot{width:45px}
  #app .cslot{height:62px}
  #app .bcspots{height:76px}
  #app .bcres{bottom:88px}
  #app .bcrail .scprices .chipbtn{width:35px;height:35px}
}
@media (max-height:340px){
  #app .bcmark{display:none}
  #app .bccard,#app .cslot{width:36px}
  #app .cslot{height:50px}
  #app .bcspots{height:62px}
  #app .bcspot.main b{font-size:16px}
  #app .bcres{bottom:72px}
  #app .bcrail .scprices .chipbtn{width:30px;height:30px}
}