/* reserved for compatibility */

/* === Gentle left-right tilt for items (stronger & faster) === */
@keyframes gentle-tilt {
  0%   { transform: rotate(-4deg); }
  50%  { transform: rotate(4deg); }
  100% { transform: rotate(-4deg); }
}

/* Apply to item images so we don't conflict with container transforms */
.item > img{
  animation: gentle-tilt 1600ms ease-in-out infinite alternate;
  transform-origin: 50% 85%;
}

/* Pause tilt during drag or birth/unlock animations */
.item.dragging > img,
.item.unlocked-born > img{
  animation: none !important;
}

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce){
  .item > img{ animation: none !important; }
}


@media (orientation: landscape) {
  .field, .board, .game, .mobile-field, .playfield {
    aspect-ratio: 16/9 !important;
    width: 100% !important;
    height: auto !important;
  }
}