:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #000; }
* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; }
main { position: fixed; inset: 0; background: #000; }
#film { display: block; width: 100%; height: 100%; object-fit: cover; }
button { position: fixed; z-index: 1; border: 1px solid #ffffff50; border-radius: 999px; padding: 12px 18px; color: #fff; background: #111b; font: inherit; font-size: 13px; cursor: pointer; backdrop-filter: blur(12px); }
button:hover { background: #333d; }
button:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
#play-video { top: 50%; left: 50%; transform: translate(-50%, -50%); }
#status, noscript { position: fixed; left: 20px; right: 20px; bottom: 76px; color: #fff; text-align: center; font-size: 14px; }
[hidden] { display: none !important; }