/* iOS 14–15 / legacy engines: Trainers mobile scene fallback. */
@supports not (width: 1cqw) {
  .trainers-page {
    overflow-x: hidden;
  }

  .trainers-page #main {
    min-height: 100vh;
  }

  .trainer-scene {
    overflow: hidden;
  }

  @media (max-width: 63.9375rem) {
    .trainer-scene {
      --trainer-scene-unit: 0.2564102564vw;
  
      display: block;
      height: max(100vh, 216.410256vw);
      min-height: 216.410256vw;
    }
  
    .trainer-background__image {
      top: 217.948718vw;
      left: 114.354217vw;
      width: 121.533767vw;
      height: 216.153846vw;
      background: url("../assets/images/shared/background-mobile.png") center / cover no-repeat;
      transform: rotate(-180deg);
      transform-origin: 0 0;
    }
  
    .trainer-background__darkening {
      z-index: 1;
      top: -4.102564vw;
      left: 4.102564vw;
      width: 100.769231vw;
      height: 15.897436vw;
      background: linear-gradient(180deg, #000 0%, rgb(0 0 0 / 0%) 96%);
    }
  
    .trainer-decoration--left {
      display: none;
    }
  
    .trainer-decoration--right {
      top: calc(-17 * var(--trainer-scene-unit));
      left: calc(-30 * var(--trainer-scene-unit));
      width: calc(463 * var(--trainer-scene-unit));
      height: calc(82 * var(--trainer-scene-unit));
    }
  
    .trainer-decoration--right .trainer-decoration__transform {
      top: calc(0.012876 * var(--trainer-scene-unit));
      right: auto;
      bottom: auto;
      left: calc(461.015209 * var(--trainer-scene-unit));
      width: calc(83.9689 * var(--trainer-scene-unit));
      height: calc(462.9873 * var(--trainer-scene-unit));
      transform: rotate(90deg);
      transform-origin: 0 0;
    }
  
    .trainer-decoration--right .trainer-decoration__clip {
      overflow: hidden;
    }
  
    .trainer-decoration--right .trainer-decoration__asset {
      inset: 0;
      width: 100%;
      height: 100%;
      background-image: url("../assets/images/home/decoration-left.svg");
    }
  
    .trainer-counter {
      top: calc(var(--trainer-y) * var(--trainer-scene-unit));
      left: calc(var(--trainer-x) * var(--trainer-scene-unit));
      width: calc(var(--trainer-width) * var(--trainer-scene-unit));
      height: calc(var(--trainer-height) * var(--trainer-scene-unit));
    }
  
    .trainer-counter__surface,
    .trainer-card__surface {
      display: none;
    }
  
    .trainer-counter__arrow {
      top: calc(3 * var(--trainer-scene-unit));
      width: calc(50 * var(--trainer-scene-unit));
      height: calc(50 * var(--trainer-scene-unit));
    }
  
    .trainer-counter__arrow--previous {
      left: 0;
    }
  
    .trainer-counter__arrow--next {
      right: auto;
      left: calc(208 * var(--trainer-scene-unit));
    }
  
    .trainer-counter__copy {
      top: calc(var(--trainer-counter-center-y) * var(--trainer-scene-unit));
      left: calc(var(--trainer-counter-center-x) * var(--trainer-scene-unit));
      width: calc(var(--trainer-counter-center-width) * var(--trainer-scene-unit));
      height: calc(var(--trainer-counter-center-height) * var(--trainer-scene-unit));
    }
  
    .trainer-counter__numbers {
      height: 12.564103vw;
      gap: 2.051282vw;
    }
  
    .trainer-counter__numbers strong {
      font-size: 11.282051vw;
    }
  
    .trainer-counter__numbers span,
    .trainer-counter__numbers b {
      font-size: 8.205128vw;
    }
  
    .trainer-counter__label {
      top: calc(var(--trainer-counter-label-y) * var(--trainer-scene-unit));
      left: calc(var(--trainer-counter-label-x) * var(--trainer-scene-unit));
      margin: 0;
      font-size: 4.327385vw;
    }
  
    .trainer-card__name {
      white-space: normal;
    }
  
    .trainer-card__underline::before {
      top: calc(-10.2433 * var(--trainer-scene-unit));
      left: calc(-9.2433 * var(--trainer-scene-unit));
      width: calc(71 * var(--trainer-scene-unit));
      height: calc(25 * var(--trainer-scene-unit));
      background-image: url("../assets/images/trainers/decorations/underline-mobile.svg");
    }
  
    .trainer-extra-decorations {
      z-index: 3;
    }

    .trainer-bullet-layer {
      z-index: 4;
      opacity: 1;
      visibility: visible;
    }

    .trainer-text-bullet {
      display: block;
      opacity: 1;
      visibility: visible;
    }
  
    .trainer-contact {
      top: calc(var(--trainer-contact-mobile-y) * var(--trainer-scene-unit));
      left: calc(var(--trainer-contact-mobile-x) * var(--trainer-scene-unit));
      width: calc(var(--trainer-contact-mobile-width) * var(--trainer-scene-unit));
      height: calc(var(--trainer-contact-mobile-height) * var(--trainer-scene-unit));
      gap: 1.282051vw;
      border-radius: 5.714286vw;
      font-size: 5.51641vw;
    }
  
    .trainer-contact img {
      width: 10.512821vw;
      height: 6.343846vw;
    }
  }
  
}