/* Base layout */
html, body {
  margin: 0;
  width: 100%;
  height: 100%;
  background: Canvas;
  color: CanvasText;
  overflow: hidden;
}

/* Responsive, screen-pinned video frame */
.video-container {
  position: fixed;
  inset: clamp(1rem, 5vw, 6rem);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 16:9 responsive video */
.video-container iframe {
  width: 100%;
  height: auto;
  max-height: 100%;
  aspect-ratio: 16 / 9;
  border: none;
}

/* Dark mode refinement */
@media (prefers-color-scheme: dark) {
  body {
    background-color: #000;
  }
}