/* ══════════════════════════════════════════════════════════════════════
   BUILD 182 · 弹珠台(老板:「弹珠台的游戏设计可以跟封面一样漂亮好看又华丽吗」「弹珠的特效不用,我要的是弹珠台整体的设计优化,或者能不能拉长」)
   照封面做、柜子拉成竖的、占屏 70% 以上:金色铜框 + 顶上拱形金冠(一排小灯、一颗宝石)+ 两侧立柱小灯 + 玻璃里淡淡的暖光 + 底下金边托盘(pk-board2.webp,920×1394)
   + 发光金钉 / 抛光金球(plinko.js 画,没有拖尾 / 火花)+ 托盘里一排彩色发光的玻璃格 + 最近几颗的金边小牌;
   下面的筹码 / 落球 / 面板也换成同一套金色。玩法、赔率、注单一行没动。
   ══════════════════════════════════════════════════════════════════════ */
/* 老板:「我需要弹珠台占用屏幕 70% 或以上,人都是喜欢看弹珠多过自己的下注盘」—— 柜子高 = 74% 的屏幕高(宽按 0.62 跟着走,手机上顶到 96vw) */
#app .pkscene.pk2{border:0;width:min(96vw,calc(74vh * .66));aspect-ratio:.66;height:auto;background:url(pk-board2.webp?v=5d3559ab) center/100% 100% no-repeat,#07090f;
  box-shadow:0 20px 44px rgba(0,0,0,.65),0 0 0 1px rgba(0,0,0,.6),0 0 30px rgba(226,182,74,.16)}
#app .pkscene.pk2 canvas{height:calc(100% - 46px)}
/* 托盘里的彩色玻璃格:发光的玻璃杯,金边,底下一道暗影;字带光 */
#app .pkscene.pk2 .pkbins{left:15px;right:15px;bottom:11px;height:34px;gap:2px}
#app .pkscene.pk2 .pkbin{position:relative;border-radius:5px 5px 9px 9px;color:#fff;font-size:11px;
  background:radial-gradient(120% 95% at 50% 105%,var(--cl) 0%,var(--c) 48%,var(--cd) 100%);
  border:1px solid rgba(255,228,160,.75);
  box-shadow:0 0 9px var(--cg),0 0 20px var(--cg),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -4px 7px rgba(0,0,0,.38);
  text-shadow:0 0 6px rgba(0,0,0,.9),0 1px 0 rgba(0,0,0,.7)}
/* 号码横着写(BUILD 183,老板:「改成横的吧,竖的不好看」—— 182 试过竖着叠,撤了)。格子多的时候字号由 plinko.js layout() 按格宽和最长的号码算(--pkfs),
   最小 8.5px,再装不下就把字横向压扁一点(--pksx,最多压到 0.6),保证每一格的号码都整个在格子里、不叠到隔壁;11 格起不带 ×(赔付表 / 最近小牌照旧带) */
#app .pkscene.pk2 .pkbin{font-size:var(--pkfs,10px);letter-spacing:-.02em;padding:0;overflow:visible}
#app .pkscene.pk2 .pkbin b{display:inline-block;font-weight:inherit;white-space:nowrap;transform:scaleX(var(--pksx,1));transform-origin:50% 50%}
#app .pkscene.pk2 .pkbin::before{content:"";position:absolute;left:12%;right:12%;top:1px;height:38%;border-radius:4px 4px 50% 50%;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));pointer-events:none}
#app .pkscene.pk2 .pkbin.hit{animation:pkhit3 .5s cubic-bezier(.2,1.4,.3,1) both;filter:brightness(1.5) saturate(1.15);z-index:2}
@keyframes pkhit3{0%{transform:translateY(0) scale(1)}25%{transform:translateY(4px) scale(1.14,0.88)}60%{transform:translateY(-3px) scale(.97,1.08)}100%{transform:translateY(0) scale(1)}}
/* 最近几颗:金边小牌,横着一排贴在拱冠下面(不压到钉山) */
#app .pkscene.pk2 .pkrecent{left:50%;right:auto;top:54px;transform:translateX(-50%);flex-direction:row;align-items:center;gap:4px;max-width:92%}
#app .pkscene.pk2 .pkrecent b{min-width:46px;padding:3px 7px;border-radius:7px;font-size:10.5px;font-weight:800;color:#fff;
  background:linear-gradient(180deg,var(--cl),var(--c) 55%,var(--cd));border:1px solid rgba(255,228,160,.7);box-shadow:0 0 8px var(--cg),0 3px 8px rgba(0,0,0,.5);text-shadow:0 0 5px rgba(0,0,0,.9)}
/* 飘字 / 小提示在托盘上面 */
#app .pkscene.pk2 .pkfloat{bottom:58px}
#app .pktip{bottom:60px}
/* 柜子下面:筹码槽 / 落球 / 面板 / 赔付表 都换成同一套金色铜边 */
#app .pkwrap .pkchips,#app .pkpanel,#app .pkpt{background:linear-gradient(180deg,#1a1408,#0e0a04);border:1px solid rgba(226,182,74,.45);box-shadow:inset 0 1px 0 rgba(255,236,170,.14),0 8px 20px rgba(0,0,0,.45)}
#app .pkwrap .pkchips .scprices .lbl,#app .pkrow .lbl{color:rgba(255,231,168,.6)}
#app .pkseg,#app .pkmode{background:rgba(0,0,0,.42);border:1px solid rgba(226,182,74,.18)}
#app .pkseg button.on{color:#1a0f02;background:linear-gradient(180deg,#ffe28a,#e4a81f 60%,#b7791a);box-shadow:inset 0 -2px 0 #7a4e0a,0 0 10px rgba(255,200,80,.3)}
#app .pkmode button.on{color:#1a0f02;background:linear-gradient(180deg,#ffe28a,#e4a81f 60%,#b7791a);box-shadow:inset 0 -2px 0 #7a4e0a}
#app .pkwrap .pkbar .scbtn.pkdrop:not(.stop){color:#1a0f02;background:linear-gradient(180deg,#fff0b8 0%,#f3cd5e 28%,#d9a21f 62%,#9a6a10 100%);
  border:1px solid rgba(255,240,190,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -3px 0 #6b4610,0 10px 24px rgba(212,160,40,.35);text-shadow:0 1px 0 rgba(255,255,255,.35)}
#app .pkwrap .pkbar .scbtn.pkdrop:not(.stop) small{color:#4a3008;opacity:.9}
#app .pkwrap .resdock .resbig{border-color:rgba(226,182,74,.35)}
@media(min-width:700px){#app .pkscene.pk2{width:min(96vw,calc(74vh * .66));aspect-ratio:.66}}
@media(max-height:700px){#app .pkscene.pk2{height:auto}}
/* 筹码并进吸底的落球条(老板:人都是喜欢看弹珠多过自己的下注盘 —— 柜子占满屏,换注额不用往下滑);刚落的那颗写在钮上 */
#app .pkwrap .pkbar{display:flex;align-items:center;gap:8px;width:min(96vw,460px)}
#app .pkwrap .pkbar .pkchips{flex:1 1 auto;min-width:0;width:auto;padding:4px 6px;border-radius:12px}
#app .pkwrap .pkbar .pkchips .scprices{gap:3px;justify-content:space-around}
#app .pkwrap .pkbar .pkchips .scprices .lbl{display:none}
#app .pkwrap .pkbar .pkchips .scprices .chipbtn{width:34px;height:34px;font-size:10.5px}
#app .pkwrap .pkbar .pkchips .sccustom{position:absolute;left:0;right:0;bottom:calc(100% + 8px);margin:0;padding:8px;border-radius:12px;background:rgba(10,8,4,.96);border:1px solid rgba(226,182,74,.45)}
#app .pkwrap .pkbar .pkchips{position:relative}
#app .pkwrap .pkbar .scbtn.pkdrop{flex:0 0 136px;width:136px;min-height:52px;font-size:18px}
#app .pkwrap .pkbar .scbtn.pkdrop small.win{color:#1a6b2e;font-weight:800}
#app .pkwrap .pkbar .scbtn.pkdrop small.lose{color:#8a1b1b;font-weight:800}
@media(max-width:360px){#app .pkwrap .pkbar{gap:5px}#app .pkwrap .pkbar .pkchips .scprices .chipbtn{width:30px;height:30px;font-size:9.5px}#app .pkwrap .pkbar .scbtn.pkdrop{flex-basis:118px;width:118px;font-size:16px}}