/* Daily Spin v2: a true horizontal reel that travels and lands under the center marker. */
.spin-window{
  overflow:hidden!important;
  position:relative;
  min-height:146px;
  padding:16px 0!important;
  isolation:isolate;
}
.spin-window::before,.spin-window::after{
  content:"";
  position:absolute;
  z-index:3;
  top:0;
  bottom:0;
  width:72px;
  pointer-events:none;
}
.spin-window::before{left:0;background:linear-gradient(90deg,#0a1116 0,rgba(10,17,22,.9) 35%,transparent)}
.spin-window::after{right:0;background:linear-gradient(270deg,#0a1116 0,rgba(10,17,22,.9) 35%,transparent)}
.spin-marker{
  top:0!important;
  border-left-width:10px!important;
  border-right-width:10px!important;
  border-top-width:15px!important;
  filter:drop-shadow(0 0 8px #37e39499)!important;
}
.spin-marker::after{
  content:"";
  position:absolute;
  left:-1px;
  top:-2px;
  width:2px;
  height:128px;
  background:linear-gradient(180deg,#37e394,rgba(55,227,148,.12) 72%,transparent);
  box-shadow:0 0 12px #37e39466;
}
.spin-reel{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:stretch;
  gap:9px!important;
  min-width:max-content!important;
  width:max-content;
  padding:0 18px;
  transform:translate3d(0,0,0);
  transition:none;
  will-change:transform;
}
.spin-tile{
  flex:0 0 106px;
  width:106px;
  height:112px;
  overflow:hidden;
}
.spin-reel.rolling .spin-tile{
  animation:daily-tile-pulse .28s ease-in-out infinite alternate;
}
.spin-reel.rolling .spin-tile:nth-child(3n){animation-delay:.06s}
.spin-reel.rolling .spin-tile:nth-child(4n){animation-delay:.11s}
.spin-window.is-spinning .spin-marker{animation:daily-marker-tick .18s ease-in-out infinite alternate}
.spin-window.is-spinning{box-shadow:inset 0 0 38px rgba(34,212,134,.08)}
.spin-tile.winner{
  z-index:2;
  border-color:#63f4b4!important;
  background:radial-gradient(circle at 50% 28%,rgba(73,240,167,.2),transparent 48%),#10281f!important;
  box-shadow:0 0 0 2px rgba(36,212,134,.26),0 0 34px rgba(36,212,134,.34)!important;
  transform:translateY(-3px) scale(1.045)!important;
}
.spin-tile.winner.jackpot{
  border-color:#ffe56a!important;
  box-shadow:0 0 0 2px rgba(255,229,106,.25),0 0 38px rgba(255,210,70,.32)!important;
}
@keyframes daily-tile-pulse{from{filter:brightness(.78) saturate(.85);transform:scale(.985)}to{filter:brightness(1.12) saturate(1.08);transform:scale(1)}}
@keyframes daily-marker-tick{from{transform:translateX(-50%) rotate(-2deg)}to{transform:translateX(-50%) rotate(2deg)}}
@media(max-width:620px){
  .spin-window::before,.spin-window::after{width:42px}
  .spin-tile{flex-basis:92px;width:92px;height:104px}
  .spin-tile img{width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){
  .spin-reel,.spin-reel.rolling .spin-tile,.spin-window.is-spinning .spin-marker{transition:none!important;animation:none!important}
}