/* 回転エフェクト */
@keyframes rotate-effect {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* 崩壊エフェクト */
@keyframes collapse-effect {
  0% {
    transform: rotate(360deg) scale(1);
    filter: blur(0);
    opacity: 1;
  }
  20% {
    transform: rotate(360deg) scale(1.2) skew(10deg, 10deg);
  }
  50% {
    transform: rotate(720deg) scale(0.8) skew(-20deg, 15deg);
    filter: blur(5px);
  }
  100% {
    transform: rotate(1080deg) scale(0) skew(-45deg, 45deg);
    filter: blur(20px);
    opacity: 0;
  }
}

/* コナミコード入力時の回転エフェクト */
body.konami-rotation {
  animation: rotate-effect 3s ease-in-out;
}

/* コナミコード入力後の崩壊エフェクト */
body.konami-collapse {
  animation: collapse-effect 5s ease-in-out forwards;
}

/* 崩壊エフェクト中に子要素も変形させる */
body.konami-collapse * {
  animation-name: collapse-effect;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: calc(var(--animation-order, 0) * 0.1s);
}