@media (max-width: 820px) {
  /* Legacy Fancybox (fancy_*) mobile override: force full-screen modal. */
  #fancy_outer {
    position: fixed !important;
    inset: 0 !important;
    left: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 100500 !important;
  }

  #fancy_inner {
    position: absolute !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: rgba(2, 6, 23, 0.98) !important;
  }

  /* Remove the nine-slice background chrome that wastes space on mobile. */
  #fancy_bg,
  #fancy_left,
  #fancy_right {
    display: none !important;
  }

  #fancy_close {
    position: fixed !important;
    right: max(0.75rem, env(safe-area-inset-right)) !important;
    top: max(0.75rem, env(safe-area-inset-top)) !important;
    width: 2.75rem !important;
    height: 2.75rem !important;
    z-index: 100510 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(103, 232, 249, 0.45) !important;
    background: rgba(2, 6, 23, 0.92) !important;
    box-shadow: 0 10px 30px rgba(2, 6, 23, 0.55) !important;
  }

  #fancy_content {
    position: absolute !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  #fancy_frame {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    border: 0 !important;
  }
}