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

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

.robot-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) {
  .robot-bg img { animation: none; }
}