/* ===========================================================
   Reel Royale – Animationen
   =========================================================== */
@keyframes rr-fade{from{opacity:0}to{opacity:1}}
@keyframes rr-spin-rot{to{transform:rotate(360deg)}}
@keyframes rr-banner{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18)}}
/* Gewinnsymbole leuchten nur ruhig (kein Wackeln/Skalieren) */
@keyframes rr-winglow{from{opacity:.5;box-shadow:0 0 6px var(--rr-gold), inset 0 0 8px color-mix(in srgb,var(--rr-gold) 40%, transparent)}
  to{opacity:1;box-shadow:0 0 20px var(--rr-gold), inset 0 0 16px color-mix(in srgb,var(--rr-gold) 55%, transparent)}}
@keyframes rr-collect{0%{transform:scale(1)}40%{transform:scale(1.25)}100%{transform:scale(0)}}
@keyframes rr-bw-pulse{from{box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 rgba(255,206,83,.3)}
  to{box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 60px rgba(255,206,83,.5)}}

/* Reel-Stopp Bounce */
@keyframes rr-reel-bounce{
  0%{transform:translateY(-7%)}
  55%{transform:translateY(3.2%)}
  78%{transform:translateY(-1.6%)}
  100%{transform:translateY(0)}
}
.rr-reel-stop .rr-reel-strip{animation:rr-reel-bounce .42s cubic-bezier(.2,.8,.3,1.2)}

/* Symbol Landing Pop */
@keyframes rr-land{0%{transform:scale(.86);opacity:.45}60%{transform:scale(1.05)}100%{transform:scale(1);opacity:1}}
.rr-cell.is-land{animation:rr-land .42s ease-out}

/* Tanzende Symbole (Scatter / Bonus / Gewinnreihe) */
@keyframes rr-dance{
  0%{transform:scale(1) rotate(0)}
  25%{transform:scale(1.22) rotate(-6deg)}
  50%{transform:scale(.9) rotate(5deg)}
  75%{transform:scale(1.16) rotate(-3deg)}
  100%{transform:scale(1) rotate(0)}
}
.rr-cell.is-dance{animation:rr-dance .55s ease-in-out infinite !important;z-index:3}

/* Walze im Spannungs-Lauf (2 Scatter, letzte Walze) */
@keyframes rr-ant-glow{
  from{box-shadow:inset 0 0 18px rgba(0,0,0,.5),0 0 0 2px var(--rr-gold),0 0 16px var(--rr-gold)}
  to{box-shadow:inset 0 0 18px rgba(0,0,0,.5),0 0 0 3px var(--rr-acc),0 0 40px var(--rr-gold)}
}
.rr-reel-anticipate{animation:rr-ant-glow .35s ease-in-out infinite alternate;z-index:4}

/* Win-Pop in der Mitte */
@keyframes rr-winpop{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}
  10%{transform:translate(-50%,-50%) scale(1.15);opacity:1}
  88%{transform:translate(-50%,-50%) scale(1);opacity:1}
  100%{transform:translate(-50%,-50%) scale(1.05);opacity:0}}
.rr-win-pop.show{animation:rr-winpop 2.6s ease forwards}

/* Win-Linien Zeichnung – gestaffeltes Einzeichnen (--d), fließende Punkte, Glow-Puls */
.rr-winline{fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 0 6px currentColor);
  stroke-dasharray:1000;stroke-dashoffset:1000;
  animation:rr-draw .5s ease var(--d,0s) forwards,
            rr-dash 1s linear calc(var(--d,0s) + .5s) infinite,
            rr-line-pulse 1.4s ease-in-out calc(var(--d,0s) + .5s) infinite;
  transition:opacity .3s ease, stroke-width .3s ease}
@keyframes rr-draw{to{stroke-dashoffset:0}}
@keyframes rr-dash{to{stroke-dashoffset:-28}}
@keyframes rr-line-pulse{0%,100%{filter:drop-shadow(0 0 5px currentColor)}50%{filter:drop-shadow(0 0 15px currentColor)}}
/* Linien-Cycle: aktuell fokussierte Linie betont, übrige gedimmt */
.rr-winline.is-dim{opacity:.14;stroke-width:3}
.rr-winline.is-focus{opacity:1;stroke-width:7;filter:drop-shadow(0 0 18px currentColor)}

/* Gewinn-Symbol Puls (gestaffelt via --i) – Entrance-Pop, dann ruhiges Leuchten (is-win::before) */
@keyframes rr-winpulse{0%{transform:scale(1)}30%{transform:scale(1.17)}55%{transform:scale(.96)}100%{transform:scale(1)}}
.rr-cell.is-winpulse{animation:rr-winpulse .6s ease calc(var(--i,0)*.06s) 2;z-index:3}

/* Gehaltene Walze (Hold & Respin): goldener, pulsierender Rahmen */
@keyframes rr-held{0%,100%{box-shadow:inset 0 0 0 3px var(--rr-gold),inset 0 0 20px rgba(255,206,83,.45)}
  50%{box-shadow:inset 0 0 0 3px var(--rr-acc),inset 0 0 34px rgba(255,206,83,.75)}}
.rr-reel-held{animation:rr-held .8s ease-in-out infinite;z-index:3}

/* Feature-Banner Einflug */
@keyframes rr-slidein{from{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}
.rr-feature-banner{animation:rr-slidein .35s ease, rr-banner 2.4s ease-in-out .35s infinite}

/* Chip Glow bei Balance-Änderung */
@keyframes rr-chip-glow{0%{transform:scale(1)}40%{transform:scale(1.12);color:#fff}100%{transform:scale(1)}}
.rr-chip strong.bump{animation:rr-chip-glow .45s ease}

/* Lobby Karten Auftritt */
@keyframes rr-card-in{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
.rr-card{animation:rr-card-in .5s cubic-bezier(.2,.8,.2,1) both}
.rr-card:nth-child(2){animation-delay:.06s}
.rr-card:nth-child(3){animation-delay:.12s}
.rr-card:nth-child(4){animation-delay:.18s}
.rr-card:nth-child(5){animation-delay:.24s}
.rr-card:nth-child(6){animation-delay:.30s}

/* Screen Wechsel */
@keyframes rr-screen-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.rr-game:not([hidden]),.rr-lobby:not([hidden]){animation:rr-screen-in .35s ease}

/* Free-Spin Glow am Rahmen */
@keyframes rr-fs-frame{0%,100%{box-shadow:inset 0 2px 22px rgba(0,0,0,.6),0 0 30px rgba(255,206,83,.3)}
  50%{box-shadow:inset 0 2px 22px rgba(0,0,0,.6),0 0 48px rgba(255,206,83,.65)}}
.rr-freespin .rr-reels-frame{animation:rr-fs-frame 1.6s ease-in-out infinite}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important}
}