/**
 * Room videos (P4.6).
 *
 * Display size is the decoded frame (192×144 for the four Cinepak/SVQ1
 * clips, 640×360 for kuckuck). That is the original pixel size; the HTML
 * embed boxes were a few pixels off and are not used. No upscaling (D5).
 * prefers-reduced-motion: loop off (video.js).
 */

.room-video-figure {
  margin: 0;
}

.room-video {
  display: block;
  width: calc(var(--room-video-w) * 1px);
  max-width: 100%;
  height: auto;
  aspect-ratio: var(--room-video-w) / var(--room-video-h);
  background: var(--color-bg, #000);
  vertical-align: top;
}

.room-video:focus-visible {
  outline: var(--focus-ring, 2px solid #ff0000);
  outline-color: var(--color-text, #ffcc99);
  outline-offset: 2px;
}

.room-video-caption {
  margin-top: var(--space-1, 5px);
  font-family: var(--font-body, Geneva, "Helvetica Neue", Arial, sans-serif);
  font-size: var(--font-size-2, 13px);
}