* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; background: #000; }
#stage { position: fixed; inset: 0; display: grid; place-items: center; background: #000; transition: opacity 180ms ease; }
#stage.fade { opacity: 0; }
#stage video { position: absolute; inset: 0; display: none; width: 100%; height: 100%; object-fit: contain; background: #000; }
#stage video.active { display: block; }
#nameplate { position: absolute; z-index: 5; top: 0; left: 0; width: auto; height: auto; max-width: 40%; max-height: 18%; object-fit: contain; object-position: left top; }
#empty { color: #99a3b5; font: 600 28px "Segoe UI", sans-serif; }
#eye-catch { position: fixed; z-index: 10; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #000; }