.welcome-modal{align-items:center;justify-content:center;padding:18px}.release-welcome{position:relative;display:grid;grid-template-columns:230px minmax(0,1fr);max-width:740px;width:100%;max-height:calc(100dvh - 36px);border-radius:22px;padding:0;overflow:auto;background:var(--card);color:var(--ink)}
.welcome-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(145deg,var(--navy),#444079);color:#fff;padding:38px 18px;overflow:hidden}.welcome-art img{width:210px;max-width:100%;height:auto;animation:welcome-in .6s ease-out}.welcome-art span{font-size:11px;line-height:1.5;text-align:center;letter-spacing:.05em}.welcome-copy{padding:42px 32px 26px}.welcome-copy>small:first-child{color:var(--teal-dark);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.welcome-copy h2{font-size:30px;line-height:1.2;margin:11px 0}.welcome-copy>p{font-size:14px;line-height:1.55;color:var(--muted);margin:0 0 22px}.welcome-features{display:grid;gap:17px;margin-bottom:25px}.welcome-features>div{display:flex;gap:12px;align-items:flex-start}.welcome-features b{color:var(--teal-dark);font-size:12px;line-height:1.6}.welcome-features span{font-size:12px;line-height:1.5;color:var(--muted)}.welcome-features strong{display:block;color:var(--ink);font-size:14px;font-weight:650;margin-bottom:3px}.welcome-copy .primary{font-size:14px;padding:13px}.welcome-once{display:block;margin-top:10px;font-size:10px;color:var(--muted);text-align:center}.welcome-skip{position:absolute;right:17px;top:15px;z-index:1;border:0;background:transparent;color:var(--muted);font-size:12px;padding:4px}.season-halloween .welcome-art{background:linear-gradient(150deg,#392050,#994f25)}
@keyframes welcome-in{from{transform:translateY(15px)}to{transform:none}}
@media(max-width:600px){.release-welcome{grid-template-columns:1fr;max-height:92dvh}.welcome-art{flex-direction:row;padding:14px 30px;gap:20px}.welcome-art img{width:88px}.welcome-art span{text-align:left;max-width:120px}.welcome-copy{padding:23px}.welcome-copy h2{font-size:26px}.welcome-skip{color:inherit;background:var(--card);border-radius:7px}.welcome-features{gap:13px}}
@media(prefers-reduced-motion:reduce){.welcome-art img{animation:none}}
.release-welcome.welcome-cinema{display:block;max-width:880px;background:#251a35;color:#fff1df;border:1px solid #84638e;box-shadow:0 24px 90px #0006;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.welcome-cinema>header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;gap:14px}.welcome-cinema header small{font-size:10px;letter-spacing:.14em;color:#ffb86b}.welcome-cinema h2{font-size:21px;line-height:1.3;margin:5px 0 0;color:#fff1df}.welcome-cinema .welcome-skip{position:static;flex:none;color:#edd9ed;border:1px solid #ffffff40;border-radius:8px;padding:7px 13px;background:transparent}
.welcome-screen{position:relative;background:#170f29;aspect-ratio:16/9}.welcome-video{display:block;width:100%;height:100%;object-fit:contain}.welcome-video-error{position:absolute;bottom:45px;inset-inline:20px;padding:12px;background:#251a35;border-radius:8px;font-size:12px}
.welcome-cinema .welcome-copy{padding:20px 24px}.welcome-cinema .welcome-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:19px}.welcome-cinema .welcome-features b{color:#ffaf65}.welcome-cinema .welcome-features strong{font-size:12px;color:#fff1df}.welcome-cinema .welcome-features span{font-size:11px;color:#d0bad5}.welcome-cinema-end{display:flex;align-items:center;justify-content:space-between;gap:18px}.welcome-cinema .welcome-once{text-align:left;margin:0;color:#cbb5d1;max-width:340px}.welcome-cinema .welcome-start{flex:none;padding:11px 18px;width:auto;font-size:12px;background:#f08b38!important;color:#251a35!important;border:0;border-radius:8px}.welcome-cinema button:focus-visible,.welcome-cinema video:focus-visible{outline:2px solid #ffba74;outline-offset:3px}
@media(max-width:600px){.welcome-cinema>header{padding:15px 17px}.welcome-cinema h2{font-size:17px}.welcome-cinema .welcome-copy{padding:17px}.welcome-cinema .welcome-features{grid-template-columns:1fr;gap:12px}.welcome-cinema .welcome-features span{font-size:11px}.welcome-cinema-end{align-items:flex-start;gap:12px}.welcome-cinema .welcome-once{max-width:150px;font-size:9px}.welcome-cinema .welcome-start{padding:10px 12px;font-size:11px}}