/* ── 리셋 ── */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

html, body {
  width: 100%;
  height: 100%;
  height: -webkit-fill-available;
  overflow: hidden;
  background: #000;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  -webkit-user-select: none;
}

#v {
  position: fixed;
  inset: 0;
  top:    env(safe-area-inset-top,    0px);
  bottom: env(safe-area-inset-bottom, 0px);
  left:   env(safe-area-inset-left,   0px);
  right:  env(safe-area-inset-right,  0px);
  width:  100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: translateZ(0);
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#v::-webkit-media-controls,
#v::-webkit-media-controls-enclosure,
#v::-webkit-media-controls-panel,
#v::-webkit-media-controls-play-button,
#v::-webkit-media-controls-start-playback-button {
  display: none !important;
  opacity: 0 !important;
}