/* BUILD 231(老板:「鱼虾蟹还是不满意,参考图不能直接用吗」):照参考图的质感 ——
   六块格子直接用 GPT 画的白玉瓷砖(金边 + 金角花 + 立体珐琅图案,public/fish3d/tile-*.webp),不再自己拼;
   托盘改回参考图的比例(格子接近正方形);双图案小牌 / 最近结果 / 我的注都换成同一套立体图案(fish3d/*.webp)。 */
#app .fswrap .fb4{aspect-ratio:3/2;padding:6.4% 6.2% 6.6%}
#app .fswrap .fb4g{gap:3.2% 3.6%}
#app .fswrap .fbx.v4 .fs4t{border-radius:7%/7.2%;background:center/100% 100% no-repeat!important;box-shadow:0 .7vh 1.4vh rgba(0,0,0,.55),0 .25vh 0 rgba(60,30,5,.6)!important}
#app .fswrap .fbx.v4 .fs4t[data-k="tiger"]{background-image:url("fish3d/tile-tiger.webp?v=aaa4c38f")!important}
#app .fswrap .fbx.v4 .fs4t[data-k="gourd"]{background-image:url("fish3d/tile-gourd.webp?v=0cd53525")!important}
#app .fswrap .fbx.v4 .fs4t[data-k="rooster"]{background-image:url("fish3d/tile-rooster.webp?v=ad5a19f2")!important}
#app .fswrap .fbx.v4 .fs4t[data-k="crab"]{background-image:url("fish3d/tile-crab.webp?v=c3162a52")!important}
#app .fswrap .fbx.v4 .fs4t[data-k="fish"]{background-image:url("fish3d/tile-fish.webp?v=f20b2f46")!important}
#app .fswrap .fbx.v4 .fs4t[data-k="prawn"]{background-image:url("fish3d/tile-prawn.webp?v=d5134e33")!important}
/* 图案已经画在瓷砖上了:原来的小图 + 名字藏起来(名字留给读屏) */
#app .fswrap .fbx.v4 .fs4t .art{visibility:hidden}
#app .fswrap .fbx.v4 .fs4t .nm{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#app .fswrap .fbx.v4 .fs4t:hover:not(:disabled){filter:brightness(1.05)}
#app .fswrap .fbx.v4 .fs4t.mine{box-shadow:0 0 0 .4vh #ffcf4a,0 0 2.4vh rgba(255,200,70,.6),0 .7vh 1.4vh rgba(0,0,0,.55)!important}
#app .fswrap .fbx.v4 .fs4t.won,#app .fswrap .fbx.v4 .fs4t.hitnow{box-shadow:0 0 0 .55vh #ffd54a,0 0 3.6vh rgba(255,213,74,.95),0 .7vh 1.4vh rgba(0,0,0,.55)!important}
#app .fswrap .fbx.v4 .fs4t .my{left:86%;top:13%}

/* 双图案小牌:白瓷 + 金边,图案大一点 */
#app .fswrap .fbx.v4 .fs4b{background:linear-gradient(180deg,#ffffff,#f3ece0 60%,#e6dccb)!important;border:max(1.5px,.22vh) solid #d4a944!important;border-radius:1.2vh;
  box-shadow:inset 0 .2vh 0 rgba(255,255,255,.9),0 .4vh 0 #8a6224,0 .8vh 1.4vh rgba(0,0,0,.5)!important;gap:.2vh;padding:0 .4vh}
#app .fswrap .fbx.v4 .fs4b .pa,#app .fswrap .fbx.v4 .fs4b .pb{width:46%!important}
#app .fswrap .fbx.v4 .fs4b .pa,#app .fswrap .fbx.v4 .fs4b .pb{position:relative!important}
#app .fswrap .fbx.v4 .fs4b img.cut.c3{position:absolute!important;left:0;top:6%;width:100%!important;height:88%!important;max-height:none!important;object-fit:contain;filter:drop-shadow(0 .12vh .15vh rgba(0,0,0,.35))}
#app .fswrap .fbx.v4 .fs4b.won,#app .fswrap .fbx.v4 .fs4b.hitnow{background:linear-gradient(180deg,#fff9df,#ffe08a)!important}

/* 两边面板的图案 */
#app .fswrap .fb4hist img.cut.c3{height:3.6vh!important;filter:drop-shadow(0 .15vh .2vh rgba(0,0,0,.5))}
#app .fswrap .fb4mine .mr img.cut.c3{height:4.6vh!important;width:5vh!important;filter:drop-shadow(0 .2vh .25vh rgba(0,0,0,.5))}

/* 下面的筹码条:大屏照参考图 —— 大筹码 + 金色「确认」 */
@media (min-width:1100px) and (min-height:700px){
  #app #fishview .lsrail .scprices .chipbtn,#app #lfishview .lsrail .scprices .chipbtn{width:5.6vh;height:5.6vh;font-size:1.5vh}
  #app #fishview .lsrail .rlbar,#app #lfishview .lsrail .rlbar{padding:.6vh 1vh}
  #app #fishview .lsrail .rlact,#app #lfishview .lsrail .rlact{min-height:5.6vh;font-size:1.5vh}
  #app #fishview .lsrail .rlact.ok,#app #lfishview .lsrail .rlact.ok{background:linear-gradient(180deg,#fff2b8 0%,#f5cf5a 38%,#d9a02a 70%,#f3cd63 100%);color:#4a2a00;border:2px solid #fff0b0;
    box-shadow:0 0 0 2px #8a5a10,0 .5vh 1.4vh rgba(0,0,0,.5),inset 0 .2vh 0 rgba(255,255,255,.8);font:900 2.2vh/1 Georgia,"Times New Roman",serif;letter-spacing:.06em;text-transform:uppercase}
}
#app .fswrap .fbx.v4 .fs4t .my{--chip:clamp(26px,5.6vh,42px)}