/* Override only mobile score-popup sizing/transition; retain the original card and contents. */
@media (max-width: 720px), (min-width: 721px) and (max-width: 1060px) and (orientation: landscape) and (max-height: 500px) and (any-pointer: coarse) {
  html.mobile-reflow-active .hero-panel > aside.score-context.mobile-hold-open,
  html.mobile-reflow-active .hero-panel > aside.score-context.mobile-hold-closing {
    top: 50% !important;
    bottom: auto !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    height: max-content !important;
    max-height: calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    transform: translateY(-50%);
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
  }

  /* Remove only the dated rationale footer note; retain dates and all category text. */
  html.mobile-reflow-active aside.score-context.mobile-hold-open .score-record-note,
  html.mobile-reflow-active aside.score-context.mobile-hold-closing .score-record-note {
    display: none !important;
  }

  html.mobile-reflow-active .hero-panel > aside.score-context.mobile-hold-open {
    animation: hypeHoldEnter .34s cubic-bezier(.18, 1, .32, 1) both !important;
  }

  html.mobile-reflow-active .hero-panel > aside.score-context.mobile-hold-closing {
    animation: hypeHoldExit .23s cubic-bezier(.45, 0, .85, .3) both !important;
  }

  @keyframes hypeHoldEnter {
    from { opacity: 0; transform: translateY(calc(-50% + 16px)) scale(.95); }
    to { opacity: 1; transform: translateY(-50%) scale(1); }
  }

  @keyframes hypeHoldExit {
    from { opacity: 1; transform: translateY(-50%) scale(1); }
    to { opacity: 0; transform: translateY(calc(-50% + 10px)) scale(.97); }
  }

  @media (prefers-reduced-motion: reduce) {
    html.mobile-reflow-active .hero-panel > aside.score-context.mobile-hold-open,
    html.mobile-reflow-active .hero-panel > aside.score-context.mobile-hold-closing {
      animation: none !important;
      transform: translateY(-50%) !important;
    }
  }
}