.welcome-intro{position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#050805;color:#fff;overflow:hidden}
.welcome-intro::backdrop{background:#050805}
.welcome-intro video{display:block;width:100%;height:100%;object-fit:contain;background:#050805}
.welcome-intro-bar{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:64px max(28px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));background:linear-gradient(transparent,rgba(0,0,0,.94));font-family:inherit}
.welcome-intro-controls{display:flex;flex-wrap:wrap;gap:10px}
.welcome-intro button{min-height:48px;padding:12px 20px;border:1px solid #a6b89a;border-radius:999px;background:#152019;color:#fff;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.4;cursor:pointer}
.welcome-intro .welcome-intro-enter{background:#aed82c;color:#10200b;border-color:#aed82c;font-weight:750}
.welcome-intro button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.welcome-intro-status{position:absolute;top:max(24px,env(safe-area-inset-top));left:28px;right:28px;text-align:center;font-size:1rem;text-shadow:0 2px 8px #000}
.welcome-intro [hidden]{display:none!important}
@media(max-width:600px){.welcome-intro-bar{align-items:stretch;flex-direction:column;padding:56px 18px max(20px,env(safe-area-inset-bottom))}.welcome-intro-controls{justify-content:center}.welcome-intro-enter{width:100%}.welcome-intro button{font-size:.9rem;padding:12px 16px}}
