/* Ultimate Stars stylesheet 4.
   Original style id: us-safe-performance-name-fix-v37.
   Keep file order stable unless you are intentionally changing the cascade. */
  /* Keep the existing look, but reduce the heaviest battle hover repaints. */
  #battleScreen .battle-bottom .game-card.selectable:hover,
  #battleScreen .player-row .game-card.selectable:hover,
  #battleScreen .battle-hand-card .game-card.selectable:hover {
    transform: none !important;
  }

  #battleScreen .battle-bottom .game-card.selectable:hover .card-art img,
  #battleScreen .battle-bottom .game-card.selectable:hover .card-art video,
  #battleScreen .player-row .game-card.selectable:hover .card-art img,
  #battleScreen .player-row .game-card.selectable:hover .card-art video {
    filter: drop-shadow(0 8px 12px rgba(0,0,0,.26)) !important;
  }

  #battleScreen .game-card,
  #battleScreen .card-art,
  #battleScreen .card-art img,
  #battleScreen .card-art video {
    will-change: auto !important;
    backface-visibility: hidden;
  }

  /* Pack opening: reduce expensive effects only on touch/tablet sizes. */
  @media (max-width: 1180px), (hover: none), (pointer: coarse) {
    #packOpeningView.cinematic-opening {
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
    }

    #packOpeningView.cinematic-opening::before,
    #packOpeningView.cinematic-opening::after {
      filter: none !important;
      opacity: .32 !important;
      animation-duration: 2.8s !important;
    }

    #packOpeningView.cinematic-opening .opening-pack-button.cinematic-pack {
      filter: none !important;
      box-shadow: 0 16px 34px rgba(0,0,0,.32) !important;
      transition: transform .14s ease, opacity .14s ease !important;
    }

    #packOpeningView.cinematic-opening .opening-pack-button.cinematic-pack::before,
    #packOpeningView.cinematic-opening .opening-pack-button.cinematic-pack::after,
    #packOpeningView.cinematic-opening .cinematic-particle,
    #packOpeningView.cinematic-opening .cinematic-light-splinter,
    #packOpeningView.cinematic-opening .cinematic-release-flash {
      display: none !important;
      animation: none !important;
    }

    #packOpeningView.cinematic-opening .opening-pack-button.cinematic-pack.press-1 { transform: scale(1.02) !important; }
    #packOpeningView.cinematic-opening .opening-pack-button.cinematic-pack.press-2 { transform: scale(1.04) !important; }
    #packOpeningView.cinematic-opening .opening-pack-button.cinematic-pack.press-3 { transform: scale(1.06) !important; }
    #packOpeningView.cinematic-opening .opening-pack-button.cinematic-pack.press-4 { transform: scale(1.08) !important; }
    #packOpeningView.cinematic-opening .opening-pack-button.cinematic-pack.press-5,
    #packOpeningView.cinematic-opening .opening-pack-button.cinematic-pack.press-6 { transform: scale(1.10) !important; }

    #packOpeningView.cinematic-opening.screen-shake,
    #packOpeningView.cinematic-opening.screen-shake-strong {
      animation: none !important;
      transform: none !important;
    }

    #packOpeningView.cinematic-opening .cinematic-reveal-card-wrap {
      filter: none !important;
      box-shadow: none !important;
      transition: transform .16s ease, opacity .16s ease !important;
    }

    #packOpeningView.cinematic-opening .cinematic-reveal-card-wrap.is-current,
    #packOpeningView.cinematic-opening .cinematic-reveal-card-wrap.rarity-icon.is-current,
    #packOpeningView.cinematic-opening .cinematic-reveal-card-wrap.rarity-star.is-current,
    #packOpeningView.cinematic-opening .cinematic-reveal-card-wrap.rarity-evolution.is-current {
      animation-duration: .18s !important;
      filter: none !important;
    }

    /* Important: Cards hover video preview is NOT disabled here. */

    #ultimateStarsDisplayNameModal,
    #us23SurrenderOverlay,
    .us-onboarding-overlay,
    .modal.active {
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
    }

    .us-name-shell,
    .us23-surrender-box,
    .us-onboarding-window,
    .modal-shell {
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
      box-shadow: 0 14px 34px rgba(0,0,0,.34) !important;
    }

    #battleScreen .battle-bottom .game-card,
    #battleScreen .player-row .game-card,
    #battleScreen .battle-hand-card .game-card {
      transition: opacity .12s ease !important;
      transform: none;
    }

    #battleScreen .battle-bottom .card-art img,
    #battleScreen .battle-bottom .card-art video,
    #battleScreen .player-row .card-art img,
    #battleScreen .player-row .card-art video {
      filter: drop-shadow(0 7px 10px rgba(0,0,0,.24)) !important;
    }
  }

  /* iPhone/iPad name modal stability: no hidden field, no iOS zoom, safe scrolling. */
  #ultimateStarsDisplayNameModal.us-name-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 20000 !important;
    min-height: 100vh;
    min-height: 100dvh;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    pointer-events: auto !important;
  }

  #ultimateStarsDisplayNameModal.us-name-modal.active {
    display: flex !important;
  }

  #ultimateStarsDisplayNameModal .us-name-shell {
    max-height: calc(100dvh - 24px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    pointer-events: auto !important;
    transform: none;
  }

  #ultimateStarsDisplayNameInput.us-name-input {
    font-size: 16px !important;
    pointer-events: auto !important;
    -webkit-user-select: text;
    user-select: text;
    touch-action: manipulation;
  }

  @media (max-width: 700px) {
    #ultimateStarsDisplayNameModal.us-name-modal {
      align-items: flex-start !important;
      padding: max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom)) !important;
    }

    #ultimateStarsDisplayNameModal .us-name-shell {
      width: 100% !important;
      margin: auto 0;
      border-radius: 24px !important;
      padding: 20px !important;
    }

    #ultimateStarsDisplayNameModal .us-name-title {
      font-size: clamp(32px, 11vw, 46px) !important;
    }
  }