.welcome-video[hidden] { display: none !important; }
.welcome-video { position: fixed; right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); z-index: 10000; width: min(50vw, 88.3vh); aspect-ratio: 848 / 480; overflow: hidden; background: #080808; box-shadow: 0 8px 32px rgba(0,0,0,.7); border: 1px solid rgba(255,255,255,.45); }
.welcome-film { display: block; width: 100%; height: 100%; object-fit: contain; background: #080808; }
.welcome-close { position: absolute; z-index: 1; top: 8px; right: 8px; border: 1px solid rgba(255,255,255,.65); border-radius: 999px; padding: 7px 12px; background: rgba(0,0,0,.78); color: white; font: 600 13px/1.2 system-ui, sans-serif; cursor: pointer; }
.welcome-close span { margin-left: 4px; font-size: 18px; vertical-align: -1px; }
.welcome-close:hover, .welcome-close:focus-visible { background: white; color: #111; outline: 2px solid white; outline-offset: 2px; }
@media (max-width: 600px) { .welcome-video { width: min(75vw, 88.3vh); right: 10px; bottom: max(10px, env(safe-area-inset-bottom)); } }