/* Ausgelagert aus gamenight.html Zeile 24414 (Block 15). */
:root{
  --rbc709-beige-top:rgba(245,232,201,.985);
  --rbc709-beige-mid:rgba(232,215,181,.985);
  --rbc709-beige-bot:rgba(220,198,158,.985);
}
/* Reel container gets its own warm fill so the purple cabinet background never shines through */
#panel-luckyslot .rbc638-reel{
  background:linear-gradient(180deg,var(--rbc709-beige-top) 0%, var(--rbc709-beige-mid) 58%, var(--rbc709-beige-bot) 100%)!important;
}
/* Static underlay uses the same reel artwork, slightly overscanned, to hide all side/bottom gaps. */
#panel-luckyslot .rbc638-reel-window::before{
  content:""!important;
  position:absolute!important;
  left:-9px!important;
  right:-9px!important;
  top:-4px!important;
  bottom:-16px!important;
  z-index:1!important;
  pointer-events:none!important;
  display:block!important;
  background-repeat:no-repeat!important;
  background-size:134% 129%!important;
  background-position:center 54%!important;
  filter:saturate(1.01) contrast(1.01)!important;
}
#panel-luckyslot .rbc638-reel:nth-child(1) .rbc638-reel-window::before{background-image:var(--rbc708-reel-left)!important;}
#panel-luckyslot .rbc638-reel:nth-child(2) .rbc638-reel-window::before{background-image:var(--rbc708-reel-center)!important;}
#panel-luckyslot .rbc638-reel:nth-child(3) .rbc638-reel-window::before{background-image:var(--rbc708-reel-right)!important;}

/* Live cells sit above the underlay and overscan slightly too, so there are no visible gaps when idle or spinning. */
#panel-luckyslot .rbc638-reel-window > .rbc638-item,
#panel-luckyslot .rbc644-reel-cell .rbc638-item{
  position:relative!important;
  z-index:2!important;
  width:calc(100% + 12px)!important;
  height:calc(100% + 16px)!important;
  margin-left:-6px!important;
  margin-top:-3px!important;
  margin-bottom:-13px!important;
  padding:18px 12px 18px!important;
  background-size:134% 129%!important;
  background-position:center 54%!important;
}
/* bottom bleed and side bleed per reel to match the cabinet perspective a bit better */
#panel-luckyslot .rbc638-reel:nth-child(1) .rbc638-reel-window > .rbc638-item,
#panel-luckyslot .rbc638-reel:nth-child(1) .rbc644-reel-cell .rbc638-item{
  margin-left:-8px!important; width:calc(100% + 16px)!important; background-position:49% 54%!important;
}
#panel-luckyslot .rbc638-reel:nth-child(2) .rbc638-reel-window > .rbc638-item,
#panel-luckyslot .rbc638-reel:nth-child(2) .rbc644-reel-cell .rbc638-item{
  background-position:50% 54%!important;
}
#panel-luckyslot .rbc638-reel:nth-child(3) .rbc638-reel-window > .rbc638-item,
#panel-luckyslot .rbc638-reel:nth-child(3) .rbc644-reel-cell .rbc638-item{
  margin-left:-4px!important; width:calc(100% + 14px)!important; background-position:51% 54%!important;
}
/* The separators between stacked spinning cells should be warmer and less harsh. */
#panel-luckyslot .rbc644-reel-cell{
  border-top:1px solid rgba(163,114,55,.22)!important;
  border-bottom:1px solid rgba(111,73,34,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,243,214,.32), inset 0 -1px 0 rgba(160,114,57,.10)!important;
}
#panel-luckyslot .rbc644-reel-cell + .rbc644-reel-cell{box-shadow:inset 0 2px 0 rgba(157,112,54,.10)!important;}

/* History box: remove the small purple gap at the far left and keep the box optically closed. */
#panel-luckyslot .rbc638-led{
  overflow:hidden!important;
  background:linear-gradient(180deg, rgba(18,7,28,.94), rgba(9,4,17,.92))!important;
  box-shadow:inset 0 0 0 1px rgba(255,190,78,.08), 0 8px 18px rgba(0,0,0,.22)!important;
}
#panel-luckyslot .rbc638-led::before{
  content:""!important;
  position:absolute!important;
  left:-18px!important;
  top:0!important;
  bottom:0!important;
  width:28px!important;
  background:linear-gradient(180deg, rgba(18,7,28,.94), rgba(9,4,17,.92))!important;
  display:block!important;
  pointer-events:none!important;
}
/* Small text block a touch lower/cleaner */
#panel-luckyslot .rbc638-led-title{margin-bottom:2px!important;}
#panel-luckyslot .rbc638-led-lines{line-height:1.22!important;}

/* Debug pill */
#panel-luckyslot .rbc638-debug-pill{min-width:auto!important;}