/* ============================================
   UCHIHA SASUKE - Kunai, Shuriken, Chidori Effects
   ============================================ */

/* Effects container - fixed overlay */
.sasuke-effects {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
  overflow: hidden;
}

/* Kunai - falling animation (uses /kunai.png) */
.kunai {
  position: absolute;
  width: 40px;
  height: 80px;
  top: -80px;
  animation: fallKunai linear forwards;
  background-image: url(/kunai.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@keyframes fallKunai {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(120vh) rotate(720deg);
    opacity: 0.8;
  }
}

/* Shuriken - spinning fall (uses /shuriken.png) */
.shuriken {
  position: absolute;
  width: 44px;
  height: 44px;
  top: -60px;
  animation: fallShuriken linear forwards;
  background-image: url(/shuriken.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@keyframes fallShuriken {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(120vh) rotate(720deg);
    opacity: 0.8;
  }
}


/* Chidori lightning effect - corner/cursor area */
.chidori-lightning {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9998;
  overflow: hidden;
}

.chidori-bolt {
  position: absolute;
  width: 2px;
  height: 60px;
  background: linear-gradient(
    to bottom,
    transparent,
    var(--clr-chidori),
    var(--clr-lightning),
    var(--clr-chidori),
    transparent
  );
  opacity: 0.9;
  animation: chidoriFlicker 0.05s ease-in-out infinite alternate;
  filter: blur(1px);
  box-shadow: 
    0 0 10px var(--clr-chidori),
    0 0 20px var(--clr-lightning);
}

.chidori-bolt::before,
.chidori-bolt::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 30px;
  background: inherit;
  left: -8px;
  top: 15px;
  transform: rotate(-30deg);
  animation: chidoriFlicker 0.08s ease-in-out infinite alternate;
}

.chidori-bolt::after {
  left: 8px;
  transform: rotate(30deg);
  animation-delay: 0.03s;
}

@keyframes chidoriFlicker {
  0% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

/* Chidori glow on hero section */
.chidori-glow {
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(56, 189, 248, 0.3) 0%,
    rgba(167, 139, 250, 0.15) 40%,
    transparent 70%
  );
  animation: chidoriPulse 1.5s ease-in-out infinite;
  pointer-events: none;
}

@keyframes chidoriPulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.2);
    opacity: 1;
  }
}

/* Lightning burst around page edges */
.chidori-edge {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9997;
  background: 
    linear-gradient(180deg, rgba(56, 189, 248, 0.03) 0%, transparent 10%),
    linear-gradient(0deg, rgba(56, 189, 248, 0.03) 0%, transparent 10%),
    linear-gradient(90deg, rgba(56, 189, 248, 0.03) 0%, transparent 10%),
    linear-gradient(270deg, rgba(56, 189, 248, 0.03) 0%, transparent 10%);
  animation: edgeGlow 3s ease-in-out infinite;
}

@keyframes edgeGlow {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}