/* VELA 90s - just the video, in a 4:3 CRT-shaped frame. No text. */
* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  height: 100%;
  background: #000;
  overflow: hidden;
  cursor: default;
}

#tv {
  position: fixed;
  inset: 0;
  background: #000;              /* black bars around the 4:3 frame */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* The "tube": always 4:3, as large as fits. Widescreen or tall screens get
   black pillarbox/letterbox bars around it, so it never looks widescreen. */
#screen {
  position: relative;
  aspect-ratio: 4 / 3;
  width: min(100vw, calc(100vh * 4 / 3));
  height: auto;
  background: #000;
  overflow: hidden;
}

video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: #000;
  /* 'contain' keeps every video undistorted inside the 4:3 tube.
     Switch to 'cover' if you'd rather fill the tube and crop the edges. */
  object-fit: contain;
}

#standby {
  position: absolute;
  inset: 0;
  background: #000;
  z-index: 5;
}
#standby.hide { display: none; }