/* Q10 v21 desktop / v19 mobile: full-screen mobile scene behind copy, existing full-height desktop panel. */
.scene-media:has(.scene-image[src*="/q10-insult-"]:is([src*="-v19-"], [src*="-v21-"])) .scene-image {
  animation: none !important; transform: none !important; filter: none !important;
  object-fit: cover !important; object-position: 51% 50% !important;
}
.scene-media:has(.scene-image[src*="/q10-insult-"][src*="-mobile-v19-"]) .scene-image,
.crossfade-media img[src*="/q10-insult-"][src*="-mobile-v19-"] {
  object-position: 50% 0% !important;
}
@media (min-width: 701px) and (min-aspect-ratio: 32/25) {
  html body .scene-question.question-10 .question-shell {
    left: 4.5vw !important; right: auto !important;
    width: 44vw !important; max-width: 760px !important; transform: none !important;
  }
  html .scene-media:has(.scene-image[src*="/q10-insult-"]:is([src*="-v19-"], [src*="-v21-"])) .scene-portrait {
    inset: 0 0 0 48% !important; width: 52% !important; height: 100% !important;
    min-width: 0 !important; transform: none !important;
    mask-image: linear-gradient(90deg, transparent, #000 9%, #000) !important;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000) !important;
  }
  .scene-media:has(.scene-image[src*="/q10-insult-"]:is([src*="-v19-"], [src*="-v21-"])) .scene-shade,
  .crossfade-media:has(.crossfade-after[src*="/q10-insult-"]:is([src*="-v19-"], [src*="-v21-"])) .scene-shade {
    background: linear-gradient(90deg, rgba(6,8,9,.78), rgba(6,8,9,.64) 38%, transparent 60%), linear-gradient(0deg, rgba(6,8,9,.3), transparent 25%) !important;
  }
}
@media (max-width: 700px), (max-aspect-ratio: 32/25) {
  html .scene-media:has(.scene-image[src*="/q10-insult-"]:is([src*="-v19-"], [src*="-v21-"])) .scene-portrait {
    inset: 0 !important; width: 100% !important; height: 100% !important;
    min-width: 0 !important; transform: none !important;
    mask-image: none !important; -webkit-mask-image: none !important;
  }
  .scene-media:has(.scene-image[src*="/q10-insult-"]:is([src*="-v19-"], [src*="-v21-"])) .scene-shade,
  .crossfade-media:has(.crossfade-after[src*="/q10-insult-"]:is([src*="-v19-"], [src*="-v21-"])) .scene-shade {
    background: linear-gradient(180deg, rgba(6,8,9,.30), transparent 14%, rgba(6,8,9,.05) 38%, rgba(6,8,9,.22) 47%, rgba(6,8,9,.40) 65%, rgba(6,8,9,.65)) !important;
  }
}
@media (max-width: 700px) {
  html body .scene-question.question-10 .question-shell {
    max-height: 58svh !important; overflow-y: auto; width: calc(100% - 32px);
    padding-top: 14px !important;
  }
}