/* Lucky 7 Slots - reel window styles */
.slots-arena { align-items: center; gap: 18px; }

.slot-machine {
  position: relative;
  width: min(560px, 94%);
  padding: 18px 16px 22px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(10, 169, 108, 0.16), rgba(0, 0, 0, 0.35));
  border: 2px solid rgba(255, 212, 0, 0.45);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.45), inset 0 0 40px rgba(10, 169, 108, 0.12);
}
.slot-reels {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.slot-reel {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(76px, 18vw, 118px);
  font-size: clamp(40px, 9vw, 64px);
  border-radius: 12px;
  background: linear-gradient(180deg, #0e1a14, #08110c);
  border: 1px solid rgba(255, 212, 0, 0.3);
  box-shadow: inset 0 6px 16px rgba(0, 0, 0, 0.6);
  user-select: none;
}
.slot-reel.spinning { animation: reel-buzz 0.11s linear infinite; filter: blur(1.5px) saturate(1.4); }
.slot-reel.hit { background: linear-gradient(180deg, #1d3a2a, #12281b); border-color: #ffd400; box-shadow: 0 0 18px rgba(255, 212, 0, 0.5); }
@keyframes reel-buzz {
  50% { transform: translateY(-3px); }
}
.slot-payline {
  position: absolute;
  left: 8px;
  right: 8px;
  top: 50%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #ffd400, transparent);
  opacity: 0.65;
  pointer-events: none;
}
.slots-arena .tap-pad { max-width: 420px; }
@media (prefers-reduced-motion: reduce) {
  .slot-reel.spinning { animation: none; filter: none; }
}
