/* Ausgelagert aus gamenight.html Zeile 24219 (Block 14). */
:root{
  --rbc706-reel-asset:url("assets/matchomat_reel_blank_v706.png?v=706");
}

/* Hauptasset muss oben bleiben */
#panel-luckyslot .rbc683-single-img{
  z-index:40!important;
  pointer-events:none!important;
}

/* Die bestehenden Fenster bleiben exakt an v703 gekoppelt */
#panel-luckyslot .rbc638-reels{
  z-index:24!important;
  pointer-events:none!important;
}

/* Fenster selbst nur als Clip-Maske für Inhalt */
#panel-luckyslot .rbc638-reel{
  overflow:hidden!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
}
#panel-luckyslot .rbc638-reel::before,
#panel-luckyslot .rbc638-reel::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
}
#panel-luckyslot .rbc638-reel::before{
  z-index:1!important;
  background:
    linear-gradient(180deg, rgba(52,25,11,.24), rgba(52,25,11,0) 18%, rgba(52,25,11,0) 82%, rgba(52,25,11,.24)),
    linear-gradient(90deg, rgba(0,0,0,.22), transparent 15%, transparent 85%, rgba(0,0,0,.22))!important;
}
#panel-luckyslot .rbc638-reel::after{
  z-index:9!important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.13), transparent 18%, transparent 82%, rgba(0,0,0,.13))!important;
}

/* Idle-Zustand: jedes sichtbare Ergebnis bekommt die Walzenkarte als Hintergrund */
#panel-luckyslot .rbc638-reel-window{
  position:relative!important;
  z-index:4!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
}
#panel-luckyslot .rbc638-reel-window > .rbc638-item{
  background-image:var(--rbc706-reel-asset)!important;
  background-position:center center!important;
  background-size:124% 116%!important;
  background-repeat:no-repeat!important;
}

/* Spin-Zustand: jede Zelle bekommt die gleiche Walzenkarte */
#panel-luckyslot .rbc644-reel-cell{
  width:100%!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:transparent!important;
  border-top:1px solid rgba(255,255,255,.42)!important;
  border-bottom:1px solid rgba(122,76,31,.16)!important;
}
#panel-luckyslot .rbc644-reel-cell .rbc638-item{
  background-image:var(--rbc706-reel-asset)!important;
  background-position:center center!important;
  background-size:124% 116%!important;
  background-repeat:no-repeat!important;
}

/* Inhalt bleibt HTML/CSS und sitzt auf der Walzenkarte */
#panel-luckyslot .rbc638-reel-window > .rbc638-item,
#panel-luckyslot .rbc644-reel-cell .rbc638-item{
  position:relative!important;
  z-index:5!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:18px 10px 13px!important;
  border-radius:14px!important;
  overflow:hidden!important;
}

/* kleine Licht-/Kantenmaske über Inhalt, aber NICHT über Hauptasset */
#panel-luckyslot .rbc638-reel-window > .rbc638-item::before,
#panel-luckyslot .rbc644-reel-cell .rbc638-item::before{
  content:""!important;
  position:absolute!important;
  inset:6px 8px!important;
  z-index:0!important;
  pointer-events:none!important;
  border-radius:12px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(115,73,28,.22),
    inset 14px 0 18px rgba(111,69,26,.12),
    inset -14px 0 18px rgba(111,69,26,.12)!important;
}
#panel-luckyslot .rbc638-avatar,
#panel-luckyslot .rbc638-mapicon,
#panel-luckyslot .rbc638-name,
#panel-luckyslot .rbc638-meta{
  position:relative!important;
  z-index:3!important;
}
#panel-luckyslot .rbc638-avatar{
  width:58px!important;
  height:58px!important;
  margin:0 0 4px!important;
  box-shadow:
    0 0 0 3px rgba(66,34,16,.74),
    0 0 0 5px rgba(255,187,76,.34),
    0 8px 14px rgba(0,0,0,.20)!important;
}
#panel-luckyslot .rbc638-mapicon{
  width:66px!important;
  height:54px!important;
  margin:0 0 5px!important;
  box-shadow:
    0 0 0 3px rgba(66,34,16,.74),
    0 0 0 5px rgba(255,187,76,.28),
    0 8px 14px rgba(0,0,0,.18)!important;
}
#panel-luckyslot .rbc638-name{
  color:#18100c!important;
  font-size:14px!important;
  line-height:1.02!important;
  letter-spacing:.025em!important;
  text-shadow:0 1px 0 rgba(255,255,255,.32)!important;
  max-width:98%!important;
}
#panel-luckyslot .rbc638-map .rbc638-name{
  font-size:12px!important;
  line-height:1.04!important;
  max-height:38px!important;
}
#panel-luckyslot .rbc638-meta{
  margin-top:3px!important;
  color:rgba(42,31,24,.68)!important;
  font-size:6.2px!important;
  letter-spacing:.11em!important;
  text-shadow:0 1px 0 rgba(255,255,255,.25)!important;
}

/* Drehen: nur Inhalte/Walzen bewegen, Hauptasset bleibt ruhig */
#panel-luckyslot .rbc638-machine.spinning .rbc644-reel-strip{
  filter:blur(.24px)!important;
}
#panel-luckyslot .rbc638-machine.spinning .rbc638-reel{
  box-shadow:inset 0 0 18px rgba(255,220,120,.12)!important;
}

/* Unsichtbare Klickzonen bleiben unsichtbar */
#panel-luckyslot #rbc638Refresh,
#panel-luckyslot #rbc638Spin{
  opacity:0!important;
  color:transparent!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:-9999px!important;
  overflow:hidden!important;
  pointer-events:auto!important;
}
#panel-luckyslot #rbc638Payout{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}