/**
 * Nano Banana WebApp - Mobile Optimizations
 * Оптимизации ТОЛЬКО для мобильных устройств
 * ПК версия остаётся без изменений
 */

/* Определяем мобильное устройство по touch capability и размеру экрана */
@media (hover: none) and (pointer: coarse) {

  /* === GPU УСКОРЕНИЕ === */
  .result-image,
  .lightbox-image,
  .modal,
  .energy-loader {
    will-change: transform, opacity;
    transform: translateZ(0);
  }

  /* === ОТКЛЮЧАЕМ ТЯЖЁЛЫЕ BLUR ЭФФЕКТЫ === */
  .result-image.materializing {
    filter: none !important;
    animation: mobileAppear 0.3s ease-out !important;
  }

  @keyframes mobileAppear {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
  }

  /* === УПРОЩАЕМ ТЕНИ === */
  .card,
  .upload-zone,
  .result-area {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
  }

  /* === УПРОЩАЕМ КНОПКИ === */
  .btn::before,
  .primary-btn::before,
  .tab-btn::before {
    display: none !important;
  }

  /* === ОТКЛЮЧАЕМ HOVER ЭФФЕКТЫ === */
  .card:hover,
  .btn:hover,
  .tab-btn:hover,
  .upload-zone:hover {
    transform: none !important;
    box-shadow: inherit !important;
  }

  /* === БЫСТРЫЕ ПЕРЕХОДЫ === */
  .btn,
  .tab-btn,
  .card {
    transition-duration: 0.1s !important;
  }

  /* === УПРОЩАЕМ GLOW ЭФФЕКТЫ === */
  .interactive-glow::before,
  .glow-border::before {
    display: none !important;
  }

  /* === ОТКЛЮЧАЕМ 3D TILT === */
  .card-3d-tilt {
    transform: none !important;
  }

  /* === ОПТИМИЗАЦИЯ СКРОЛЛА === */
  .history-list,
  .tab-content {
    -webkit-overflow-scrolling: touch;
  }

  /* === ИСТОРИЯ - SWIPE CAROUSEL НА МОБИЛЬНЫХ === */

  /* Упрощаем hover эффекты для карточек */
  .history-card:hover {
    transform: none !important;
  }

  .history-card:active {
    transform: scale(0.97);
    transition: transform 0.1s ease;
  }

  .history-card-overlay {
    opacity: 1 !important;
    background: linear-gradient(
      180deg,
      transparent 50%,
      rgba(0, 0, 0, 0.7) 100%
    ) !important;
  }

  .history-card:hover .history-card-image {
    transform: none !important;
  }

  .history-card:hover .history-card-play {
    opacity: 0.8;
    transform: translate(-50%, -50%) scale(0.9);
  }

  /* Упрощаем анимацию появления карточек */
  .history-card {
    animation-duration: 0.3s !important;
  }

  @keyframes cardAppear {
    0% {
      opacity: 0;
      transform: translateY(15px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Горизонтальный скролл для фильтров */
  .history-filters {
    padding: 0 16px 16px;
    margin: 0 -16px;
    gap: 10px;
  }

  .history-filter {
    padding: 8px 14px;
  }

  /* === ЭНЕРГЕТИЧЕСКИЙ ЛОАДЕР - УПРОЩАЕМ === */
  .energy-loader .energy-sparks {
    display: none !important;
  }

  .energy-loader .energy-ring {
    animation-duration: 1.5s !important;
  }
}

/* Уважаем настройки пользователя */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}