/* Importa a base e aplica “LoL-like scroll reveal” */
@import url('pokedigi_home.css');

/* Estado inicial de todos os elementos que terão animação */
.reveal{
  opacity:0;
  transform: translate(var(--reveal-tx,0), var(--reveal-ty,0)) scale(var(--reveal-sc,1));
  transition:
    opacity .6s ease var(--reveal-delay,0s),
    transform .6s ease var(--reveal-delay,0s),
    filter .6s ease var(--reveal-delay,0s);
  filter: blur(2px);
  will-change: opacity, transform, filter;
}

/* Quando entra no viewport */
.reveal.show{
  opacity:1;
  transform: translate(0,0) scale(1);
  filter: blur(0);
}

/* Toque sutil de “glow” LoL ao revelar cards importantes */
.spot-card.reveal.show,
.mon-card.reveal.show,
.dex-col.reveal.show,
.ranking.reveal.show,
.status.reveal.show,
.video .frame.reveal.show{
  box-shadow: 0 10px 40px rgba(0, 208, 255, .12);
}

/* Ajustes de distância entre seções para efeito de rolagem suave */
#pokedigi-home section{scroll-margin-top: 70px}
html{scroll-behavior:smooth}