/* ============================================================
   animations.css — @keyframes まとめ
============================================================ */

/* タイトルのゴミがふわふわ */
@keyframes bob{
  0%,100%{ translate:0 0; }
  50%{ translate:0 -10px; }
}

/* ベルトの矢印スクロール（gap 52 + 矢印 30 = 82px で継ぎ目なし） */
@keyframes beltMove{
  from{ transform:translateX(0); }
  to{ transform:translateX(82px); }
}

/* アイテムがゴミ箱に落ちる */
@keyframes itemDrop{
  to{ transform:translateY(70px) scale(.3); opacity:0; }
}

/* BENAR! / SALAH... のポップ */
@keyframes fbPop{
  0%{ opacity:0; transform:translate(-50%,-100%) scale(.4); }
  20%{ opacity:1; transform:translate(-50%,-100%) scale(1.12); }
  40%{ opacity:1; transform:translate(-50%,-100%) scale(1); }
  75%{ opacity:1; transform:translate(-50%,-104%) scale(1); }
  100%{ opacity:0; transform:translate(-50%,-115%) scale(1); }
}

/* ゴミ箱が光る */
@keyframes binFlash{
  50%{ filter:brightness(1.35); }
}

/* 不正解の揺れ */
@keyframes shake{
  25%{ transform:translateX(-7px); }
  50%{ transform:translateX(6px); }
  75%{ transform:translateX(-4px); }
}

/* カウントダウン数字 */
@keyframes countPop{
  0%{ transform:scale(.4); opacity:0; }
  30%{ transform:scale(1.15); opacity:1; }
  70%{ transform:scale(1); opacity:1; }
  100%{ transform:scale(1); opacity:0; }
}

/* 結果スコア */
@keyframes starPop{
  50%{ transform:scale(1.5) rotate(10deg); }
}

/* 紙吹雪の装飾: 下からパーンと飛び出して、少し行き過ぎてから定位置に収まる */
@keyframes decorBurst{
  0%{   opacity:0; transform:translate(var(--sx, 0px), var(--sy, 200px)) scale(.2) rotate(-90deg); }
  12%{  opacity:1; }
  65%{  opacity:1; transform:translate(0, -14px) scale(1.15) rotate(12deg); }
  85%{  transform:translate(0, 4px) scale(.97) rotate(-3deg); }
  100%{ opacity:1; transform:translate(0, 0) scale(1) rotate(0); }
}

/* チュートリアルの手 */
@keyframes handTap{
  0%,100%{ transform:translate(0,0) scale(1); }
  50%{ transform:translate(-6px,10px) scale(.92); }
}