/* 音符エフェクト用CSS（パステルカラー＆浮遊アニメーション） */
.note-pop {
  position: fixed;
  font-size: 2.5em;
  font-family: 'Arial', 'Segoe UI Symbol', 'Noto Sans Symbols', sans-serif;
  pointer-events: none;
  user-select: none;
  z-index: 9999;
  opacity: 0;
  animation: note-pop-float 2.8s ease-out forwards;
}

/* パステルカラー（タイトルグラデーション参考） */
.note-pop.color1 { color: #f7b5e5; }
.note-pop.color2 { color: #b5eaf7; }
.note-pop.color3 { color: #f7eab5; }
.note-pop.color4 { color: #b5f7c6; }
.note-pop.color5 { color: #e5b5f7; }
.note-pop.color6 { color: #f7b5b5; }
.note-pop.color7 { color: #b5f7f0; }

@keyframes note-pop-float {
  0% {
    opacity: 0;
    transform: scale(0.7) translateY(20px);
  }
  10% {
    opacity: 1;
    transform: scale(1.1) translateY(-10px);
  }
  60% {
    opacity: 1;
    transform: scale(1.0) translateY(-30px);
  }
  100% {
    opacity: 0;
    transform: scale(0.8) translateY(-60px);
  }
}