/* budgie-bg.css — index.html 専用：セキセイインコの浮遊レイヤー
   （レイアウト・アニメーションの仕組みは base.css の .flower-bg / .robot-bg と同じ。
   @keyframes floatFlower は base.css 側の定義を共用する） */

.budgie-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

.budgie-bg img {
  position: absolute;
  will-change: transform;
  animation-name: floatFlower;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
  .budgie-bg img { animation: none; }
}