:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { width: 100%; min-height: 100%; margin: 0; background: #000; }
body { font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.video-stage { min-height: 100vh; display: grid; place-items: center; background: #000; }
.video-frame { position: relative; width: 100%; height: 100vh; display: grid; place-items: center; overflow: hidden; }
.video-frame video { display: block; width: 100%; height: 100%; object-fit: contain; background: #000; }
.video-click-layer { position: absolute; inset: 0 0 58px; display: none; width: 100%; border: 0; padding: 0; background: transparent; cursor: pointer; }
.video-click-layer.active { display: block; }
.not-found { min-height: 100vh; display: grid; place-items: center; padding: 24px; color: #e9e9ec; background: #08090c; text-align: center; }