/* Shared full-screen video player */
.screen.video-screen { background: #000; overflow: hidden; }
.vid-close {
  position: absolute; z-index: 2; left: 16px; top: calc(var(--safe-top) + 8px);
  width: 40px; height: 40px; border-radius: 50%; background: rgba(44,44,44,.8);
}
.vid-close span, .vid-close span::after {
  position: absolute; left: 12px; top: 19px; width: 16px; height: 2px; background: #fff; border-radius: 2px;
  transform: rotate(45deg); content: "";
}
.vid-close span::after { left: 0; top: 0; transform: rotate(90deg); }
.vid-stage { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.vid-stage video { width: 100%; max-height: 100%; background: #000; }
.vid-placeholder { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #111; overflow: hidden; }
.vid-placeholder > img { width: 100%; height: 100%; object-fit: cover; opacity: .45; }
.vid-msg { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: #fff; text-align: center; padding: 0 32px; }
.vid-msg p { font: 700 16px/22.4px var(--font-sans); }
.vid-msg small { font: 400 14px/19.6px var(--font-sans); color: var(--neutral-light); }