/* ════════════════════════════════════════════════════════════════════
 * BUILD 172 · 画质第二批(GPT 画的原创图,老板让自己下载处理)
 *   ① 电脑 / 平板上两边的空白:app 是居中的一条(21 点、街机 480px,大厅 1100px),两边以前一片黑 → 虚化的赌场大厅(amb-casino.webp)
 *   ② 深海捕鱼选场:以前是一整片蓝渐变 + 三张小卡 → 海底光柱背景(fish-deep.webp)+ 毛玻璃场卡,电脑上卡片放大
 *   (③ 扑克 J / Q / K 的人头像在 cards.js)
 * ════════════════════════════════════════════════════════════════════ */

/* ── ① 两边的背景:只在宽屏(≥ 520px)出现 —— 手机竖屏根本不下载这张图 ── */
@media(min-width:520px){
  html,body{background:#04050c url(amb-casino.webp?v=1157d35f) center/cover no-repeat fixed}
}

/* ── ② 捕鱼选场 ── */
#app .fgpick{background:
    linear-gradient(180deg,rgba(2,14,32,.1) 0%,rgba(2,14,32,.35) 55%,rgba(2,10,24,.75) 100%),
    url(fish-deep.webp?v=44ed5947) center 30%/cover no-repeat,#031a34}
#app .fgpt{font-size:19px;text-shadow:0 2px 12px rgba(0,20,50,.8)}
#app .fgps{color:rgba(225,240,255,.78);text-shadow:0 1px 6px rgba(0,20,50,.9)}
#app .fgtier{background:linear-gradient(180deg,rgba(40,110,190,.42),rgba(6,30,70,.62));border-color:rgba(140,205,255,.5);
  backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 12px 30px rgba(0,10,30,.45),inset 0 1px 0 rgba(255,255,255,.18)}
#app .fgtier.mid{background:linear-gradient(180deg,rgba(150,120,40,.45),rgba(50,38,10,.66));border-color:rgba(255,215,106,.55)}
#app .fgtier.high{background:linear-gradient(180deg,rgba(160,50,110,.45),rgba(50,10,40,.66));border-color:rgba(255,130,170,.55)}
@media(min-width:1000px) and (min-height:640px){
  #app .fgtiers{max-width:900px;gap:18px;margin-top:14px}
  #app .fgtier{max-width:280px;padding:22px 16px 18px;gap:9px;border-radius:20px}
  #app .fgpt{font-size:26px}
  #app .fgps{font-size:13px}
  #app .fgtn{font-size:22px}
  #app .fgts{font-size:12.5px}
  #app .fgtp{gap:6px;margin-top:4px}
  #app .fgtp b{font-size:13px;padding:5px 9px}
  #app .fgtl{font-size:12px;min-height:15px}
  #app .fggo{margin-top:6px;padding:10px 28px;font-size:15px}
}

/* ── ④ 高低牌的牌桌:跟 21 点 / 百家乐同一种深蓝真台呢 + 皮沿(牌背、人头牌也是同一套)── */
#app .hlscene{border:0;
  background:
    radial-gradient(90% 60% at 50% 20%,rgba(196,222,255,.14),transparent 62%),
    radial-gradient(125% 110% at 50% 45%,transparent 50%,rgba(0,0,0,.5) 100%),
    url(felt-navy.webp?v=9d21144f) 0 0/256px 256px,#0c1f45;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 4px #241812,inset 0 0 0 5px rgba(214,178,106,.6),inset 0 -24px 50px rgba(0,0,0,.35),0 14px 30px rgba(0,0,0,.55)}
#app .hlscene::before{inset:10px;border-color:rgba(243,221,142,.3)}
#app .hlscene::after{display:none}