html.startupActive, .startupActive body { overflow: hidden; }
.startupOverlay { position: fixed; inset: 0; width: 100%; height: 100vh; height: 100dvh; z-index: 10000; background: #030508; display: grid; place-items: center; }
.startupOverlay[hidden] { display: none; }
.startupVideo { position: absolute; inset: 0; display: block; width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: contain; }
.startupClose { position: absolute; top: max(20px, env(safe-area-inset-top)); right: max(20px, env(safe-area-inset-right)); min-height: 48px; padding: 12px 18px; border: 1px solid #ffffff70; border-radius: 28px; color: #fff; background: #07101de6; font: 14px/1.4 system-ui, sans-serif; cursor: pointer; }
.startupClose:focus-visible { outline: 3px solid #8dfff1; outline-offset: 4px; }
@media (max-width: 600px) { .startupClose { top: max(12px, env(safe-area-inset-top)); right: max(12px, env(safe-area-inset-right)); } }