/* BUILD 233(老板:「百家乐(经典版)需要改了」):照闪电百家乐的质感重做画面 —— 只换画面,玩法 / 赔率 / 路单逻辑都不动。
   · 牌台:真人荷官 + 墨绿绒面 + 金边台(bc-bg.webp,用闪电版的场景去掉闪电牌框 / 闪电改出来的经典版)
   · 闲 / 庄的牌放在绒面上,下面一排注区照真台:金边玻璃框,闲蓝 · 和绿 · 庄红 · 对子
   · 路单:金边深色框,白底细格保留(真台都是白底);大屏收窄一点,把位置让给牌台 */
#app .bcwrap{position:relative;isolation:isolate}
#app .bcwrap::before{content:"";position:absolute;inset:-40px;z-index:-1;background:url(bc-bg.webp?v=6dcfc25c) center/cover no-repeat;filter:blur(22px) brightness(.3) saturate(1.1);pointer-events:none}

/* ── 牌台 ── */
#app .bcfelt{display:grid;grid-template-rows:39fr 31fr 19fr 11fr;gap:0;padding:0 2.2%;border:0;border-radius:16px;
  background:#06090c url(bc-bg.webp?v=6dcfc25c) center 22%/cover no-repeat;
  box-shadow:0 0 0 1px rgba(214,178,106,.45),0 0 0 4px rgba(10,8,4,.9),0 0 0 5px rgba(214,178,106,.25),0 14px 34px rgba(0,0,0,.6)}
#app .bcfelt::before{display:none}
#app .bcfelt::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse 70% 30% at 50% 0%,rgba(255,214,140,.10),transparent 70%),radial-gradient(ellipse 90% 80% at 50% 60%,transparent 60%,rgba(0,0,0,.45) 100%)}
#app .bcfelt > *{z-index:1}
#app .bcmark{top:auto;bottom:31%;opacity:.9}
#app .bcmark span{font-size:clamp(18px,3.4vh,34px);color:rgba(243,221,142,.10);letter-spacing:.3em}
#app .bcmark i{color:rgba(243,221,142,.16)}
#app .bchands{grid-row:2;align-self:stretch;grid-template-columns:1fr minmax(18px,6%) 1fr}
#app .bcspots{grid-row:3;height:auto;align-self:stretch;margin:0 1%;gap:1.1%}

/* 闲 / 庄 名字 + 点数 */
#app .bchead b{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:.14em;text-shadow:0 2px 0 rgba(0,0,0,.7),0 0 14px rgba(0,0,0,.6)}
#app .bcside.p .bchead b{color:#9fcbff}
#app .bcside.b .bchead b{color:#ff9aa5}
#app .bchead u{background:radial-gradient(70% 70% at 50% 25%,rgba(255,255,255,.18),rgba(0,0,0,.6));border:1.5px solid rgba(243,221,142,.7);color:#fff3cf;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 3px 8px rgba(0,0,0,.6)}
#app .cslot{border:1px solid rgba(243,221,142,.35);border-radius:7px;background:rgba(0,0,0,.18);box-shadow:inset 0 0 14px rgba(0,0,0,.35)}
#app .bcvs::before{background:linear-gradient(180deg,transparent,rgba(243,221,142,.45) 22%,rgba(243,221,142,.45) 78%,transparent)}
#app .bcvs span{background:#0b1f17;border-color:rgba(243,221,142,.7);box-shadow:0 0 10px rgba(243,221,142,.35)}
#app .bcf,#app .bccard.idle svg{box-shadow:0 6px 14px rgba(0,0,0,.65)}

/* ── 注区:金边玻璃框 ── */
#app .bcspot{border-radius:12px;border:1.5px solid rgba(243,221,142,.75)!important;
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.35),inset 0 0 0 4px rgba(243,221,142,.28),inset 0 0 26px rgba(0,0,0,.35),0 6px 16px rgba(0,0,0,.45)!important}
#app .bcspot.p{background:radial-gradient(90% 120% at 50% 110%,rgba(70,140,255,.55),transparent 70%),linear-gradient(170deg,rgba(40,80,190,.78),rgba(8,20,70,.9))!important}
#app .bcspot.b{background:radial-gradient(90% 120% at 50% 110%,rgba(255,80,70,.5),transparent 70%),linear-gradient(190deg,rgba(150,24,24,.8),rgba(52,6,6,.92))!important}
#app .bcspot.tie{background:radial-gradient(90% 120% at 50% 110%,rgba(70,240,160,.45),transparent 70%),linear-gradient(180deg,rgba(14,110,62,.78),rgba(4,40,22,.92))!important}
#app .bcspot.pp{background:linear-gradient(170deg,rgba(30,64,160,.7),rgba(6,14,52,.9))!important}
#app .bcspot.bp{background:linear-gradient(190deg,rgba(128,20,20,.72),rgba(52,6,6,.92))!important}
#app .bcspot.pair{border-radius:12px}
#app .bcspot b{font-family:Georgia,"Times New Roman",serif;font-weight:700;color:#fff!important;text-shadow:0 2px 0 rgba(0,0,0,.6)}
#app .bcspot.main b{font-size:clamp(15px,2.6vh,26px)}
#app .bcspot.pair b{font-size:clamp(11px,1.8vh,17px)}
#app .bcspot i{color:#ffe7a8;font-size:clamp(8px,1.25vh,12px)}
#app .bcspot.mine{box-shadow:inset 0 0 0 3px rgba(0,0,0,.35),0 0 0 2px #ffd166,0 0 22px rgba(255,209,102,.45)!important}
#app .bcspot.won{border-color:#7dffc4!important;box-shadow:0 0 0 2px rgba(125,255,196,.8),0 0 30px rgba(95,245,177,.55)!important}
#app .bcspot:disabled{opacity:1}
#app .bcspot:disabled.lost{opacity:.45;filter:saturate(.6)}
#app .bcspot:hover:not(:disabled){filter:brightness(1.12)}
#app .bcwinner{top:35.5%}
#app .bcres{bottom:auto;top:42%;z-index:6}
/* 自己押的筹码放右下角,不压住字 */
#app .bcspot .my,#app .bcspot .my.pend{left:86%;top:70%;right:auto;bottom:auto;--chip:clamp(20px,3.6vh,34px)}
#app .bcspot.pair .my,#app .bcspot.pair .my.pend{left:80%}
#app .bcspot .pool{bottom:4%;color:rgba(255,231,168,.55)}

/* ── 路单 ── */
#app .bcboard{background:linear-gradient(180deg,#17130c,#0b0a07);border:1px solid rgba(214,178,106,.55);
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.4),inset 0 0 0 4px rgba(214,178,106,.18),0 10px 26px rgba(0,0,0,.55)}
#app .rdh{color:#e8c77a}
#app .tl{background:rgba(255,231,168,.06);border-color:rgba(214,178,106,.25)}
#app .rdgrid{border-radius:5px;box-shadow:inset 0 0 0 1px rgba(120,90,30,.35),0 1px 0 rgba(255,231,168,.08)}

@media (min-width:1100px) and (min-height:700px){
  #app .bcgrid{grid-template-columns:minmax(0,.66fr) minmax(0,1.9fr);gap:14px}
  #app .bccard,#app .cslot{width:clamp(60px,8.4vh,96px)}
  #app .cslot{height:calc(clamp(60px,8.4vh,96px) * 1.38)}
  #app .bchead b{font-size:clamp(17px,2.6vh,26px)}
  #app .bchead u{min-width:4.4vh;height:3.6vh;font-size:2.4vh}
}

/* 手机横屏:牌台矮,牌往上一点、注区矮一点,不叠在一起 */
@media (max-height:560px){
  #app .bcfelt{grid-template-rows:34fr 37fr 22fr 7fr}
  #app .bcspot.main b{font-size:13px}
  #app .bcspot.pair b{font-size:10px}
  #app .bcmark{display:none}
  #app .bcwinner{top:17%}
  #app .bcres{top:29%}
}