/* where: HEIST演出 / what: 縦横の全画面動画 / why: 比率を保ち、スマホでも余白なく映像を見せる */
.heist-dialog.heist-dialog--cinematic {
  inset:0; width:100%; max-width:none; height:100%; height:100dvh; max-height:none;
  margin:0; padding:0; border:0; border-radius:0; background:#000; overflow:hidden;
}
.heist-dialog--cinematic::backdrop { background:#000; }
.heist-dialog--cinematic>.heist-close { display:none; }
.heist-dialog--cinematic .heist-dialog-content { width:100%; height:100%; padding:0; }
.heist-cinematic { position:relative; width:100%; height:100%; background:#000; }
.heist-cinematic-video { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.heist-cinematic-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.heist-cinematic-skip {
  position:absolute; left:50%; transform:translateX(-50%); bottom:max(24px,env(safe-area-inset-bottom));
  display:flex; align-items:center; gap:16px; min-height:48px; padding:12px 20px;
  border:1px solid #ffffff65; border-radius:2px; background:#000b; color:#e8e4dc;
  font:500 .8rem var(--fm); letter-spacing:.16em; cursor:pointer;
}