body:has(.welcome-video:not([hidden])) { overflow: hidden; }
.welcome-video[hidden] { display: none !important; }
.welcome-video { position: fixed; inset: 0; z-index: 2147483647; display: flex; align-items: center; justify-content: center; background: #080808; }
.welcome-film { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; background: #080808; }
.welcome-close { position: absolute; z-index: 1; top: max(16px, env(safe-area-inset-top)); right: max(16px, env(safe-area-inset-right)); border: 1px solid rgba(255,255,255,.65); border-radius: 999px; padding: 10px 16px; background: rgba(0,0,0,.78); color: white; font: 600 14px/1.2 system-ui, sans-serif; cursor: pointer; }
.welcome-close span { margin-left: 6px; font-size: 20px; vertical-align: -1px; }
.welcome-close:hover, .welcome-close:focus-visible { background: white; color: #111; outline: 2px solid white; outline-offset: 3px; }