/* Shared, bounded visual power for real rewards and the browser-only tutorial. */
.reward-power-waves { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:1; }
.reward-power-waves i { position:absolute; left:50%; top:48%; width:var(--wave-size); height:var(--wave-size); margin-left:calc(var(--wave-size) / -2); margin-top:calc(var(--wave-size) / -2); border:7px solid var(--fx-accent,var(--game-accent,#f9d66d)); border-radius:50%; opacity:0; animation:reward-power-wave 1s var(--wave-delay) cubic-bezier(.08,.6,.15,1) both; }
.reward-power-waves i:nth-child(even) { border-width:2px; border-color:#a2efbe; }
.reward-power-waves i:nth-child(3n) { border-width:13px; border-style:dashed; }
@keyframes reward-power-wave {
  from { opacity:0; transform:scale(.03) rotate(-35deg); }
  12% { opacity:.85; }
  to { opacity:0; transform:scale(1.6) rotate(20deg); }
}
/* Only the cinematic camera shakes; the page and scroll position never move. */
@keyframes reward-power-kick {
  0%,100% { transform:none; }
  10% { transform:translate(calc(var(--reward-shake) * -1),calc(var(--reward-shake) * .4)) rotate(-.7deg); }
  25% { transform:translate(var(--reward-shake),calc(var(--reward-shake) * -.6)) rotate(.8deg); }
  40% { transform:translate(calc(var(--reward-shake) * -.65),calc(var(--reward-shake) * .3)); }
  58% { transform:translate(calc(var(--reward-shake) * .4),calc(var(--reward-shake) * -.2)); }
  78% { transform:translate(calc(var(--reward-shake) * -.2),0); }
}
@keyframes reward-power-slam {
  from { opacity:0; transform:scale(var(--reward-slam)) rotate(-12deg) translateY(-22px); }
  52% { opacity:1; transform:scale(.82) rotate(4deg); }
  76% { opacity:1; transform:scale(1.1) rotate(-2deg); }
  to { opacity:1; transform:none; }
}
@keyframes reward-power-glow {
  from { opacity:0; transform:scale(.4); }
  22% { opacity:.65; }
  to { opacity:0; transform:scale(1.6); }
}
@media(prefers-reduced-motion:reduce) {
  .reward-power-waves { display:none!important; }
}
.parent-simple-mode .reward-power-waves,.calm .reward-power-waves { display:none!important; }
