/* Ausgelagert aus gamenight.html Zeile 24929 (Block 18). */
/* Base fill: even if PNG asset does not cover 100%, the cutout is never empty. */
#panel-luckyslot .rbc638-reel{
  background:
    radial-gradient(120% 85% at 50% 50%, rgba(255,237,188,.98) 0%, rgba(231,207,160,.98) 62%, rgba(158,115,62,.98) 100%)!important;
  overflow:hidden!important;
  box-shadow:inset 0 0 0 1px rgba(113,74,31,.20), inset 0 0 24px rgba(61,31,8,.26)!important;
}
#panel-luckyslot .rbc638-reel-window{
  background:
    linear-gradient(90deg, rgba(82,45,13,.28) 0%, rgba(255,239,196,.10) 16%, rgba(255,239,196,.03) 50%, rgba(255,239,196,.10) 84%, rgba(82,45,13,.26) 100%),
    linear-gradient(180deg, rgba(128,82,35,.20) 0%, rgba(245,223,178,.96) 18%, rgba(246,224,180,.98) 72%, rgba(138,87,36,.22) 100%)!important;
  border-radius:inherit!important;
}

/* Use the shaped reel artwork as a large overlay, but the CSS fill below guarantees coverage. */
#panel-luckyslot .rbc638-reel-window::before{
  left:-38px!important;
  right:-38px!important;
  top:-34px!important;
  bottom:-48px!important;
  background-size:176% 176%!important;
  background-position:center 58%!important;
  opacity:.96!important;
}
#panel-luckyslot .rbc638-reel:nth-child(1) .rbc638-reel-window::before{
  left:-46px!important;
  right:-28px!important;
  background-position:45.5% 58%!important;
}
#panel-luckyslot .rbc638-reel:nth-child(2) .rbc638-reel-window::before{
  left:-36px!important;
  right:-36px!important;
  background-position:50% 58%!important;
}
#panel-luckyslot .rbc638-reel:nth-child(3) .rbc638-reel-window::before{
  left:-28px!important;
  right:-46px!important;
  background-position:54.5% 58%!important;
}

/* Reduce visible straight edge lines from old assets by covering with soft glass shading. */
#panel-luckyslot .rbc638-reel-window::after{
  inset:0!important;
  z-index:3!important;
  border-radius:inherit!important;
  background:
    linear-gradient(90deg, rgba(43,20,6,.34), transparent 18%, transparent 82%, rgba(43,20,6,.32)),
    linear-gradient(180deg, rgba(54,25,7,.24), transparent 20%, transparent 80%, rgba(54,25,7,.24)),
    radial-gradient(105% 70% at 50% 50%, rgba(255,250,221,.10), transparent 60%)!important;
}

/* Idle content is transparent, because the reel shape is provided by the window underlay. */
#panel-luckyslot .rbc638-reel-window > .rbc638-item{
  background:none!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:18px 12px 20px!important;
}

/* Spin cells: no more blank cells. Each cell has its own solid fill + asset, and JS sets the exact height. */
#panel-luckyslot .rbc644-reel-cell{
  height:var(--rbc712-cell-h, 230px)!important;
  min-height:var(--rbc712-cell-h, 230px)!important;
  width:100%!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:
    radial-gradient(120% 85% at 50% 50%, rgba(255,237,188,.98) 0%, rgba(231,207,160,.98) 62%, rgba(158,115,62,.98) 100%)!important;
  border:0!important;
}
#panel-luckyslot .rbc644-reel-cell::before{
  content:""!important;
  position:absolute!important;
  inset:-32px -40px -48px -40px!important;
  pointer-events:none!important;
  background-repeat:no-repeat!important;
  background-size:176% 176%!important;
  background-position:center 58%!important;
  z-index:0!important;
}
#panel-luckyslot .rbc638-reel:nth-child(1) .rbc644-reel-cell::before{background-image:var(--rbc711-reel-left)!important;background-position:45.5% 58%!important;}
#panel-luckyslot .rbc638-reel:nth-child(2) .rbc644-reel-cell::before{background-image:var(--rbc711-reel-center)!important;background-position:50% 58%!important;}
#panel-luckyslot .rbc638-reel:nth-child(3) .rbc644-reel-cell::before{background-image:var(--rbc711-reel-right)!important;background-position:54.5% 58%!important;}

#panel-luckyslot .rbc644-reel-cell .rbc638-item{
  background:none!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:18px 12px 20px!important;
}

/* Make content stable and visible during and after spin. */
#panel-luckyslot .rbc638-avatar{width:58px!important;height:58px!important;margin-bottom:8px!important;}
#panel-luckyslot .rbc638-mapicon{width:68px!important;height:58px!important;margin-bottom:8px!important;}
#panel-luckyslot .rbc638-name{font-size:12.4px!important;line-height:1.06!important;max-width:88%!important;}
#panel-luckyslot .rbc638-map .rbc638-name{font-size:11px!important;line-height:1.05!important;max-height:34px!important;}
#panel-luckyslot .rbc638-meta{font-size:7px!important;letter-spacing:1.2px!important;}

/* Lower display: fill the entire trapezoid cutout, not a small rectangle. */
#panel-luckyslot .rbc638-led{
  margin:9px -4px 0!important;
  min-height:102px!important;
  padding:16px 52px 18px 54px!important;
  background:
    var(--rbc711-terminal) center center / 116% 122% no-repeat,
    linear-gradient(180deg, rgba(2,13,3,.98), rgba(0,4,1,.995))!important;
  clip-path:polygon(3% 0%, 97% 0%, 100% 100%, 0% 100%)!important;
  border:0!important;
  border-radius:0!important;
}
#panel-luckyslot .rbc638-led-title{
  font-size:11.5px!important;
  letter-spacing:2.1px!important;
  color:#95ff8d!important;
  margin-bottom:6px!important;
}
#panel-luckyslot .rbc638-led-lines{
  font-size:15.2px!important;
  line-height:1.24!important;
  letter-spacing:1.15px!important;
  color:#7cff78!important;
}
@media (max-width:1500px){
  #panel-luckyslot .rbc638-led{min-height:88px!important;padding:13px 44px 14px 46px!important;}
  #panel-luckyslot .rbc638-led-lines{font-size:12.8px!important;}
}