:root { color-scheme: dark; font-family: system-ui, sans-serif; }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; }
body { background: #090d16; color: #f5f7ff; }
main { position: absolute; inset: 0; display: grid; place-items: center; min-width: 0; min-height: 0; overflow: hidden; background: #000; }
video { position: absolute; inset: 0; display: none; width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: contain; background: #000; }
video.ready { display: block; }
#status { position: absolute; max-width: 560px; margin: 0; padding: 24px; color: #cbd5e1; text-align: center; }
#status.hidden { display: none; }
video:fullscreen { width: 100vw; height: 100vh; }

@media (max-width: 480px), (max-height: 260px) {
  #status { padding: 8px; font-size: 12px; }
}