/* Arena Teney — Shop S1.7 restrained mobile micro-interactions 0221s17r01
 * Presentation-only additive layer.
 * No layout geometry, scrolling, HUD, dock, X-lock, stats, purchase or economy ownership.
 */

@media (max-width: 960px) {
  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item[data-ui007-item] {
    transition:
      transform 110ms cubic-bezier(.2,.75,.25,1),
      filter 110ms ease,
      border-color 140ms ease,
      box-shadow 140ms ease !important;
    transform-origin: 50% 50%;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item[data-ui007-item]:active {
    transform: scale(.985) !important;
    filter: brightness(.97);
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item[data-ui007-item].selected {
    animation: shopS17SelectionPulse 180ms cubic-bezier(.2,.75,.25,1) both;
  }

  .s03f3-modal-root.is-open .s03f3-modal-backdrop {
    animation: shopS17BackdropIn 150ms ease-out both;
  }

  .s03f3-modal-root.is-open .s03f3-modal-sheet {
    animation: shopS17SheetIn 180ms cubic-bezier(.2,.78,.2,1) both;
    transform-origin: 50% 100%;
  }

  .s03f3-modal-root.is-open .s03f3-modal-close:active,
  .s03f3-modal-root.is-open .s03f3-modal-content .action:active,
  .s03f3-modal-root.is-open .s03f3-modal-content [data-s15-scenario]:active {
    transform: scale(.975) !important;
    filter: brightness(.96);
  }
}

@keyframes shopS17SelectionPulse {
  0% { transform: scale(.985); }
  65% { transform: scale(1.006); }
  100% { transform: scale(1); }
}

@keyframes shopS17BackdropIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes shopS17SheetIn {
  from { opacity: .72; transform: translateY(10px) scale(.992); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item[data-ui007-item],
  .s03f3-modal-root.is-open .s03f3-modal-backdrop,
  .s03f3-modal-root.is-open .s03f3-modal-sheet,
  .s03f3-modal-root.is-open .s03f3-modal-close,
  .s03f3-modal-root.is-open .s03f3-modal-content .action,
  .s03f3-modal-root.is-open .s03f3-modal-content [data-s15-scenario] {
    animation: none !important;
    transition: none !important;
  }
}