/* Video delivery player (TDD-0001 section 2.3).
   External rather than inline because the coding standard forbids unsafe-inline and a static
   object served through a backend bucket cannot mint a per-response nonce. For the same reason
   there is no inline `style` ATTRIBUTE anywhere either: style-src 'self' blocks those too, so the
   404 page uses the .shown class below rather than style="display:grid". */
html, body { margin: 0; height: 100%; background: #000; overflow: hidden; }
video { display: block; width: 100%; height: 100%; background: #000; object-fit: contain; }
/* Required, not decorative: the type selector above sets `display: block`, which beats the
   user-agent [hidden] rule, so without this `video.hidden = true` in fail() does nothing and the
   error overlay would sit on top of a still-focusable control surface. */
video[hidden] { display: none; }
#msg {
  position: absolute; inset: 0; display: none; place-items: center; padding: 1rem;
  text-align: center; color: #d8d4cc; background: #000;
  font: 400 15px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
}
#msg.shown { display: grid; }