@media (min-width: 768px) {
  /* 内容が動画の間だけ適用。結果の受信後は結果画面のサイズに戻る。 */
  #modal .fixed:has(.crank-movie) {
    width: fit-content;
    max-width: min(90vw, 768px);
    max-height: calc(100dvh - 48px);
    background: #111;
  }

  .crank-movie {
    display: block;
    width: auto;
    height: calc(100dvh - 48px);
    max-width: min(90vw, 768px);
    max-height: calc(100dvh - 48px);
    object-fit: contain;
  }
}