/* BUILD 230(老板:「幸运嘉年华能不能把细节和纹理做好重做」):
   转轮外圈 / 轮毂 / 指针 / 四个小游戏图标 / 注区金框都是 GPT 画的(bw-rim / bw-hub / bw-pointer / bw-ic-* / bw-frame)。
   注区票:去掉两边黑缺口,改成糖果光泽 + 放射纹 + 镶钻金框;数字金色立体;赔率放进底部深色小牌。 */
#app .bw-wheel{filter:drop-shadow(0 calc(var(--u)*1) calc(var(--u)*2.2) rgba(0,0,0,.7))}
#app .bw-wheel .bw-ptr{position:absolute;left:50%;top:-3.2%;width:7.6%;height:auto;transform:translateX(-50%);z-index:2;pointer-events:none;filter:drop-shadow(0 calc(var(--u)*.35) calc(var(--u)*.5) rgba(0,0,0,.65))}

/* 注区票 */
#app .bw-board{gap:calc(var(--u)*.9)}
#app .bw-tix{border:0;border-radius:calc(var(--u)*1.1);isolation:isolate;
  background:
    linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.08) 34%,rgba(255,255,255,0) 50%,rgba(0,0,0,.18) 100%),
    repeating-conic-gradient(from 0deg at 50% 36%,rgba(255,255,255,.09) 0 5deg,rgba(255,255,255,0) 5deg 10deg),
    radial-gradient(ellipse 80% 70% at 50% 34%,var(--c1),var(--c) 48%,var(--c2) 100%);
  box-shadow:inset 0 0 calc(var(--u)*1.4) rgba(0,0,0,.35),0 calc(var(--u)*.5) calc(var(--u)*1.2) rgba(0,0,0,.6)}
#app .bw-tix::before{content:"";display:block;position:absolute;inset:0;top:0;left:0;right:0;width:auto;height:auto;margin:0;border-radius:inherit;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 22% at 50% 7%,rgba(255,255,255,.55),rgba(255,255,255,0) 70%)}
#app .bw-tix::after{content:"";display:block;position:absolute;inset:calc(var(--u)*-.45);top:calc(var(--u)*-.45);left:calc(var(--u)*-.45);right:calc(var(--u)*-.45);width:auto;height:auto;margin:0;border-radius:0;z-index:3;pointer-events:none;
  background:url("bw-frame.webp?v=84f97845") center/100% 100% no-repeat;filter:drop-shadow(0 calc(var(--u)*.15) calc(var(--u)*.2) rgba(0,0,0,.5))}
#app .bw-tix > *{z-index:2}
#app .bw-tix .nm{top:calc(var(--u)*1.25);gap:calc(var(--u)*.15)}
#app .bw-tix .nm b.num{font:900 max(calc(var(--u)*4.4),30px)/1 "Avenir Next","Segoe UI",Arial,sans-serif;letter-spacing:-.02em;
  background:linear-gradient(180deg,#fffef6 0%,#fff3c4 42%,#ffc93c 58%,#fff0b0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-stroke:max(1px,calc(var(--u)*.06)) rgba(90,40,0,.55);text-shadow:none;filter:drop-shadow(0 calc(var(--u)*.22) 0 rgba(40,10,0,.55)) drop-shadow(0 0 calc(var(--u)*.6) rgba(255,230,160,.45))}
#app .bw-tix .nm img.ic3{width:auto;height:calc(var(--u)*4.4);max-width:calc(var(--u)*6.4);object-fit:contain;filter:drop-shadow(0 calc(var(--u)*.3) calc(var(--u)*.35) rgba(0,0,0,.55))}
#app .bw-tix .nm b{font-size:max(calc(var(--u)*1),11px);letter-spacing:.02em;text-shadow:0 1px 0 rgba(0,0,0,.45),0 0 calc(var(--u)*.6) rgba(0,0,0,.35)}
#app .bw-tix .od{left:22%;right:22%;bottom:calc(var(--u)*.85);padding:calc(var(--u)*.12) 0;border-radius:99px;background:rgba(20,6,30,.55);box-shadow:inset 0 0 0 1px rgba(255,231,168,.45);color:#ffe7a8;letter-spacing:.08em}
#app .bw-tix.has{box-shadow:0 0 0 calc(var(--u)*.2) #fff3c4,0 0 calc(var(--u)*2) rgba(255,220,120,.7),inset 0 0 calc(var(--u)*1.4) rgba(0,0,0,.3)}
#app .bw-tix.has::after{filter:drop-shadow(0 0 calc(var(--u)*.5) rgba(255,230,140,.9)) brightness(1.12)}
#app .bw-tix .stack{z-index:4}#app .bw-tix .amt{z-index:4}#app .bw-tix .boost{z-index:6}#app .bw-tix .pay{z-index:6}

/* 彩签框 */
#app .bw-slot{border:0;background:linear-gradient(180deg,#4a1d0a,#200a03);box-shadow:0 0 0 calc(var(--u)*.14) #7a4f12,0 0 0 calc(var(--u)*.32) #f3cf6a,0 0 0 calc(var(--u)*.44) #6b4308,0 0 calc(var(--u)*1.8) rgba(240,201,92,.45),inset 0 0 calc(var(--u)*1) rgba(0,0,0,.7)}
#app .bw-slot.hit{box-shadow:0 0 0 calc(var(--u)*.14) #7a4f12,0 0 0 calc(var(--u)*.32) #fff0a8,0 0 0 calc(var(--u)*.44) #6b4308,0 0 calc(var(--u)*3) rgba(255,220,120,.9)}
#app .bw-reel{background:linear-gradient(180deg,#d9ccb0,#fffdf6 22%,#fffaf0 50%,#fffdf6 78%,#cbbd9f);box-shadow:inset 0 calc(var(--u)*.35) calc(var(--u)*.5) rgba(0,0,0,.4),inset 0 calc(var(--u)*-.35) calc(var(--u)*.5) rgba(0,0,0,.4),0 0 0 calc(var(--u)*.1) #b88a2e}
#app .bw-reel i img.ic3{height:calc(var(--u)*2.7);width:auto}

/* 最近结果 */
#app .bw-hist{gap:calc(var(--u)*.45);padding:calc(var(--u)*.5) calc(var(--u)*.8);border-radius:99px;background:rgba(14,4,26,.62);box-shadow:inset 0 0 0 1px rgba(255,231,168,.3);width:auto;max-width:calc(var(--u)*41.6)}
#app .bw-hist i{width:calc(var(--u)*2.5);height:calc(var(--u)*2.5);background:radial-gradient(circle at 40% 30%,rgba(255,255,255,.45),rgba(255,255,255,0) 45%),linear-gradient(160deg,var(--c),var(--c2));
  box-shadow:0 0 0 calc(var(--u)*.14) #f3cf6a,0 0 0 calc(var(--u)*.22) #6b4308,0 calc(var(--u)*.2) calc(var(--u)*.4) rgba(0,0,0,.5);text-shadow:0 1px 0 rgba(0,0,0,.5)}
#app .bw-hist i:first-of-type{box-shadow:0 0 0 calc(var(--u)*.16) #fff3c4,0 0 calc(var(--u)*1.1) rgba(255,230,140,.95)}
#app .bw-hist i img.ic3{width:78%;height:78%;object-fit:contain}
#app .bw-hist i em{bottom:calc(var(--u)*-1.15)}
#app .bw-tix .od{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1000px),(max-height:560px){
  #app .bw-tix .nm{top:calc(var(--u)*.8)}
  #app .bw-tix .nm img.ic3{height:calc(var(--u)*3.9)}
  #app .bw-tix .nm b{font-size:max(calc(var(--u)*1),9px);max-width:96%;overflow:hidden;text-overflow:ellipsis}
  #app .bw-tix .od{left:8%;right:8%;bottom:calc(var(--u)*.6);font-size:max(calc(var(--u)*.72),7.5px)}
}