.welcome-intro{position:fixed;inset:0;z-index:50;background:#08070b;color:#fff}.welcome-card{position:relative;width:100%;height:100%;padding:28px 24px 22px;display:flex;flex-direction:column;overflow:hidden}.welcome-close{position:absolute;top:14px;right:18px;border:0;background:rgba(0,0,0,.45);font-size:30px;color:#ffc0dd;z-index:5}.welcome-video-wrap{position:absolute;inset:0;z-index:1;background:#08070b}.welcome-video-wrap video{width:100%;height:100%;object-fit:contain;background:#08070b}.welcome-splash{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:#08070b;transition:opacity .55s ease,visibility .55s ease;pointer-events:none}.welcome-splash img{width:100%;height:100%;object-fit:contain;display:block}.welcome-splash.is-hidden{opacity:0;visibility:hidden}.welcome-controls{position:relative;z-index:4;display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:auto}.welcome-controls button{flex:1;min-width:0;background:rgba(20,15,24,.9);backdrop-filter:blur(8px)}.welcome-controls .primary{background:#ff2188}.welcome-footer{position:relative;z-index:4;display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:10px;padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.65);font-size:12px;color:#fff}.welcome-footer label{display:flex;gap:6px;align-items:center}.welcome-footer input{width:auto}@media(max-width:620px){.welcome-card{padding:22px 14px 16px}.welcome-footer{font-size:11px}.welcome-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-controls button{font-size:13px;padding:10px 8px}.welcome-controls #welcome-volume{grid-column:1/-1}}