.esbb-opening-video-lock, .esbb-opening-video-lock body { overflow: hidden !important; overscroll-behavior: none; }
.esbb-opening-video { position: fixed; z-index: 2147483000; inset: 0; display: flex; align-items: center; justify-content: center; width: 100vw; height: 100vh; height: 100dvh; margin: 0; padding: 0; background: #000; }
.esbb-opening-video[hidden] { display: none; }
.esbb-opening-video:fullscreen, .esbb-opening-video:-webkit-full-screen { width: 100%; height: 100%; background: #000; }
.esbb-opening-video-player { width: 100%; height: 100%; max-width: 100%; max-height: 100%; margin: 0; border: 0; background: #000; object-fit: contain; }
.esbb-opening-video-status { position: absolute; z-index: 2; margin: 0; color: rgba(255, 255, 255, .8); font: 700 11px/1 JetBrains Mono, monospace; letter-spacing: .16em; text-transform: uppercase; }
.esbb-opening-video-status[hidden] { display: none; }
.esbb-opening-video-skip, .esbb-opening-video-unmute { position: absolute; z-index: 3; bottom: calc(16px + env(safe-area-inset-bottom)); padding: 11px 20px; border: 1px solid rgba(255, 255, 255, .55); border-radius: 999px; background: rgba(0, 0, 0, .45); color: #fff; font: 700 11px/1 Inter, system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); transition: border-color .2s, color .2s, background .2s; }
.esbb-opening-video-skip { right: calc(16px + env(safe-area-inset-right)); }
.esbb-opening-video-unmute { left: calc(16px + env(safe-area-inset-left)); }
.esbb-opening-video-unmute[hidden] { display: none; }
.esbb-opening-video-skip:hover, .esbb-opening-video-skip:focus-visible, .esbb-opening-video-unmute:hover, .esbb-opening-video-unmute:focus-visible { border-color: var(--esbb-gold, #d4a62a); background: rgba(0, 0, 0, .75); color: var(--esbb-gold, #d4a62a); outline: 0; }
@media (prefers-reduced-motion: reduce) { .esbb-opening-video-skip, .esbb-opening-video-unmute { transition: none; } }