.nyx-welcome[hidden]{display:none!important}
.nyx-welcome{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:auto;padding:28px 20px;background:radial-gradient(ellipse at 50% 43%,#152048 0%,#080e21 43%,#03070d 78%);color:#e9efff;text-align:center}
.nyx-welcome-open{overflow:hidden}
.nyx-welcome-panel{width:min(100%,760px);margin:auto;animation:nyx-welcome-in .65s ease-out}
.nyx-welcome-art{height:clamp(180px,44vh,420px);position:relative;overflow:hidden;mix-blend-mode:screen;pointer-events:none}
.nyx-welcome-art img{height:100%;width:100%;object-fit:cover;object-position:center top;display:block;mask-image:linear-gradient(#000 80%,transparent);-webkit-mask-image:linear-gradient(#000 80%,transparent)}
.nyx-welcome-kicker{font-size:12px;letter-spacing:.2em;color:#a4b6ff;margin:0 0 12px}
.nyx-welcome h2{font-size:clamp(32px,5vw,54px);line-height:1.12;letter-spacing:-.03em;margin:0 0 14px;color:#eef1ff}
.nyx-welcome-copy{font-size:17px;line-height:1.6;color:#b4c0d8;margin:0 auto 24px;max-width:42ch}
.nyx-welcome-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.nyx-welcome-actions button{min-height:48px;min-width:160px;font:inherit;cursor:pointer}
.nyx-welcome-actions button:focus-visible{outline:3px solid #c4bcff;outline-offset:5px}
.nyx-welcome-sound-status{min-height:1.5em;margin:16px 0 0;font-size:13px;color:#aab9d4}
@keyframes nyx-welcome-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){.nyx-welcome{padding:20px 18px}.nyx-welcome-art{height:36svh;max-height:330px}.nyx-welcome-art img{width:150%;max-width:none;margin-left:-25%}.nyx-welcome-actions{gap:10px}.nyx-welcome-actions button{min-width:140px}}
@media(prefers-reduced-motion:reduce){.nyx-welcome-panel{animation:none}}