/* Ausgelagert aus gamenight.html Zeile 24508 (Block 16). */
:root{
  --rbc710-led-green:#74ff78;
  --rbc710-led-green-soft:#34cc54;
  --rbc710-led-bg:#020703;
}
/* --- REEL AREA: bigger, fuller, more curved --- */
#panel-luckyslot .rbc638-reel{
  overflow:hidden!important;
}
#panel-luckyslot .rbc638-reel-window{
  border-radius:18px!important;
}
/* Overscanned static underlay so the reel artwork completely fills the cabinet opening */
#panel-luckyslot .rbc638-reel-window::before{
  left:-15px!important;
  right:-15px!important;
  top:-8px!important;
  bottom:-24px!important;
  z-index:1!important;
  background-size:144% 142%!important;
  background-position:center 55%!important;
  border-radius:22px!important;
  filter:saturate(1.02) contrast(1.02)!important;
}
#panel-luckyslot .rbc638-reel:nth-child(1) .rbc638-reel-window::before{
  left:-18px!important; right:-12px!important; background-position:48.5% 55%!important;
}
#panel-luckyslot .rbc638-reel:nth-child(2) .rbc638-reel-window::before{
  left:-14px!important; right:-14px!important; background-position:50% 55%!important;
}
#panel-luckyslot .rbc638-reel:nth-child(3) .rbc638-reel-window::before{
  left:-12px!important; right:-18px!important; background-position:51.5% 55%!important;
}
/* Curved reel shading above the underlay */
#panel-luckyslot .rbc638-reel-window::after{
  content:""!important;
  position:absolute!important;
  left:1px!important;
  right:1px!important;
  top:1px!important;
  bottom:1px!important;
  z-index:2!important;
  pointer-events:none!important;
  border-radius:18px!important;
  background:
    radial-gradient(140% 78% at 50% 50%, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 42%, rgba(0,0,0,0) 43%),
    linear-gradient(90deg, rgba(68,35,9,.28) 0%, rgba(255,248,221,0) 16%, rgba(255,248,221,0) 84%, rgba(68,35,9,.28) 100%),
    linear-gradient(180deg, rgba(120,73,30,.14) 0%, rgba(255,255,255,.02) 18%, rgba(255,255,255,.02) 82%, rgba(120,73,30,.12) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(132,87,44,.18)!important;
}
/* Live reel cells bigger so the cabinet opening is fully filled */
#panel-luckyslot .rbc638-reel-window > .rbc638-item,
#panel-luckyslot .rbc644-reel-cell .rbc638-item{
  z-index:3!important;
  width:calc(100% + 22px)!important;
  height:calc(100% + 26px)!important;
  margin-left:-11px!important;
  margin-top:-6px!important;
  margin-bottom:-20px!important;
  padding:22px 14px 22px!important;
  background-size:144% 142%!important;
  background-position:center 55%!important;
  border-radius:18px!important;
}
#panel-luckyslot .rbc638-reel:nth-child(1) .rbc638-reel-window > .rbc638-item,
#panel-luckyslot .rbc638-reel:nth-child(1) .rbc644-reel-cell .rbc638-item{
  width:calc(100% + 26px)!important;
  margin-left:-14px!important;
  background-position:48.5% 55%!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% 55%!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{
  width:calc(100% + 24px)!important;
  margin-left:-10px!important;
  background-position:51.5% 55%!important;
}
/* Slightly stronger cylinder impression */
#panel-luckyslot .rbc638-item::after{
  content:""!important;
  position:absolute!important;
  left:8px!important; right:8px!important; top:12px!important; bottom:12px!important;
  pointer-events:none!important;
  border-radius:18px!important;
  background:radial-gradient(92% 72% at 50% 50%, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 54%, rgba(255,255,255,0) 65%)!important;
  z-index:3!important;
}
/* Keep actual content above the new glow layer */
#panel-luckyslot .rbc638-avatar,
#panel-luckyslot .rbc638-mapicon,
#panel-luckyslot .rbc638-name,
#panel-luckyslot .rbc638-meta{z-index:4!important;}
/* slightly larger content for readability inside larger reel cards */
#panel-luckyslot .rbc638-avatar{width:58px!important;height:58px!important;margin-bottom:7px!important;}
#panel-luckyslot .rbc638-mapicon{width:66px!important;height:56px!important;margin-bottom:7px!important;}
#panel-luckyslot .rbc638-name{font-size:12px!important; line-height:1.08!important; max-width:86%!important;}
#panel-luckyslot .rbc638-meta{font-size:7px!important; letter-spacing:1.25px!important;}
/* --- LOWER DISPLAY: black/green terminal look, wider and readable --- */
#panel-luckyslot .rbc638-led{
  position:relative!important;
  margin:14px 6px 0!important;
  min-height:82px!important;
  padding:10px 16px 12px!important;
  border-radius:6px!important;
  border:1px solid rgba(84,255,110,.22)!important;
  background:
    linear-gradient(180deg, rgba(11,24,11,.18), rgba(2,7,3,.06) 22%, rgba(2,7,3,.02) 23%),
    repeating-linear-gradient(180deg, rgba(130,255,140,.04) 0 2px, rgba(0,0,0,0) 2px 4px),
    linear-gradient(180deg, rgba(4,16,5,.98), rgba(1,6,2,.995))!important;
  box-shadow:inset 0 0 0 1px rgba(65,160,69,.18), inset 0 0 22px rgba(30,120,35,.14), 0 10px 18px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
}
#panel-luckyslot .rbc638-led::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg, rgba(0,255,90,.04), rgba(0,0,0,0) 14%, rgba(0,0,0,0) 86%, rgba(0,255,90,.04))!important;
  pointer-events:none!important;
}
#panel-luckyslot .rbc638-led-title{
  position:relative!important;
  z-index:1!important;
  margin:0 0 5px!important;
  color:#9aff86!important;
  font-family:'Courier New',monospace!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:2.2px!important;
  text-transform:uppercase!important;
  text-shadow:0 0 8px rgba(120,255,120,.24)!important;
  opacity:.92!important;
}
#panel-luckyslot .rbc638-led-lines{
  position:relative!important;
  z-index:1!important;
  color:var(--rbc710-led-green)!important;
  font-family:'Courier New',Consolas,monospace!important;
  font-size:13.5px!important;
  font-weight:700!important;
  line-height:1.28!important;
  letter-spacing:1.15px!important;
  text-transform:uppercase!important;
  text-shadow:0 0 10px rgba(90,255,110,.32)!important;
  opacity:.98!important;
}
#panel-luckyslot .rbc638-led-lines div{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media (max-width:1500px){
  #panel-luckyslot .rbc638-led-lines{font-size:12px!important;}
  #panel-luckyslot .rbc638-name{font-size:11px!important;}
}