/* Veyra cinematic landing refinement — presentation only. */
#screen-menu .menu-content{display:block;padding:0;text-align:left}
#screen-menu .menu-scrim{background:linear-gradient(90deg,rgba(4,8,14,.86) 0%,rgba(4,8,14,.47) 35%,rgba(4,8,14,.07) 62%,rgba(4,8,14,.32) 100%),linear-gradient(180deg,rgba(3,6,11,.2),rgba(3,6,11,.12) 56%,rgba(3,6,11,.7))}
#screen-menu:after{background:radial-gradient(ellipse at 60% 48%,transparent 0 35%,rgba(3,6,11,.15) 72%,rgba(3,6,11,.66) 100%),linear-gradient(180deg,rgba(255,191,91,.04),transparent 40%)}
.menu-story{position:absolute;left:clamp(30px,5.8vw,92px);top:clamp(38px,10vh,92px);width:min(510px,43vw);max-width:none}
.menu-story .logo{font-size:clamp(42px,9vh,82px);margin-bottom:10px}
.menu-story .hero-line{max-width:500px;font-size:clamp(17px,2.9vh,29px)}
.menu-story .menu-intro{max-width:475px;font-size:clamp(10px,1.65vh,14px);line-height:1.45}
.menu-story .menu-lester{max-width:490px;font-size:clamp(10px,1.65vh,14px);line-height:1.45}
.mystery-copy{position:absolute;right:clamp(30px,5vw,82px);top:clamp(98px,26vh,220px);width:min(390px,31vw);padding:14px 17px;border-left:1px solid rgba(255,214,129,.34);background:linear-gradient(90deg,rgba(5,10,17,.38),transparent);text-shadow:0 2px 12px #000}
.mystery-copy p{font-size:clamp(10px,1.55vh,13px);line-height:1.4;margin-bottom:6px}.mystery-copy p:first-child{font-size:clamp(12px,1.8vh,16px)}
.litvm-note{position:absolute;left:clamp(30px,5.8vw,92px);bottom:clamp(34px,7vh,65px);width:min(470px,39vw);margin:0;font-size:clamp(8px,1.2vh,10px);line-height:1.45;color:#8190a1;background:rgba(5,9,15,.2)}
.menu-invite{position:absolute;right:clamp(42px,8.5vw,138px);bottom:clamp(42px,11vh,104px);width:min(390px,34vw);padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;text-align:center;overflow:visible}
.menu-invite .btn-primary{position:relative;isolation:isolate;width:100%;min-width:0;min-height:64px;border:1px solid rgba(255,229,169,.72);border-radius:18px;overflow:hidden;color:#fff7e2;background:linear-gradient(110deg,rgba(25,20,23,.96),rgba(66,35,28,.94) 48%,rgba(19,35,43,.96));box-shadow:0 0 0 1px rgba(255,184,71,.16),0 10px 35px rgba(0,0,0,.45),0 0 24px rgba(255,179,61,.14);text-shadow:0 1px 8px #000;animation:ctaBreathe 3.8s ease-in-out infinite}
.menu-invite .btn-primary:before{content:"";position:absolute;z-index:-1;inset:-2px;background:conic-gradient(from 0deg,transparent 0 24%,rgba(255,206,108,.8) 31%,transparent 39% 67%,rgba(90,225,237,.68) 74%,transparent 82%);animation:ctaOrbit 6s linear infinite}
.menu-invite .btn-primary:after{content:"";position:absolute;inset:1px;border-radius:16px;z-index:-1;background:linear-gradient(112deg,#171419 0%,#4b2a22 47%,#142b34 100%)}
.menu-invite .btn-primary span{position:relative;z-index:2}.menu-invite .btn-primary span:after{content:"";position:absolute;left:-28%;top:-23px;width:18%;height:64px;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);animation:ctaSweep 4.6s ease-in-out infinite}
.menu-invite .btn-primary b{position:relative;z-index:2;color:#ffd37f}.menu-invite .btn-primary:hover,.menu-invite .btn-primary:focus-visible{transform:translateY(-2px) scale(1.018);box-shadow:0 0 0 1px rgba(255,221,151,.42),0 14px 42px rgba(0,0,0,.5),0 0 38px rgba(255,185,64,.34)}
.menu-invite .btn-primary:active{transform:scale(.985);filter:brightness(1.25)}
.menu-invite .enter-caption{margin:10px 0 0;color:#ffe1a2;font:600 clamp(10px,1.55vh,13px) Georgia,serif;letter-spacing:.13em}.menu-invite small{display:block;margin-top:4px;color:#8997a8;font-size:9px;letter-spacing:.07em}
.cta-beacon{position:absolute;right:92%;top:31px;width:min(24vw,300px);height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,201,104,.05),rgba(255,201,104,.24));filter:drop-shadow(0 0 6px #ffc968)}.cta-beacon:after{content:"";position:absolute;width:46px;height:1px;top:0;left:0;background:linear-gradient(90deg,transparent,#ffe2a0,transparent);animation:inviteLight 5.2s ease-in-out infinite}.cta-beacon i{position:absolute;right:0;width:3px;height:3px;border-radius:50%;background:#ffe2a0;box-shadow:0 0 8px #ffc45d;opacity:0;animation:ctaSpark 4s ease-in-out infinite}.cta-beacon i:nth-child(2){top:-8px;animation-delay:1.1s}.cta-beacon i:nth-child(3){top:8px;animation-delay:2.3s}
.menu-foot{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);width:max-content}.menu-version{right:clamp(28px,4vw,70px)}
#screen-menu.entering-city .menu-story,#screen-menu.entering-city .mystery-copy,#screen-menu.entering-city .litvm-note,#screen-menu.entering-city .menu-foot{transition:opacity .28s ease,filter .28s ease;opacity:0;filter:blur(4px)}#screen-menu.entering-city .menu-invite .btn-primary{animation:ctaPress .4s ease forwards}
@keyframes ctaBreathe{50%{box-shadow:0 0 0 1px rgba(255,184,71,.25),0 12px 38px rgba(0,0,0,.48),0 0 32px rgba(255,179,61,.24)}}@keyframes ctaOrbit{to{transform:rotate(360deg)}}@keyframes ctaSweep{0%,62%{left:-28%;opacity:0}68%{opacity:1}86%,100%{left:118%;opacity:0}}@keyframes inviteLight{0%,55%{transform:translateX(-15%);opacity:0}68%{opacity:.9}86%,100%{transform:translateX(250px);opacity:0}}@keyframes ctaSpark{0%,66%,100%{opacity:0;transform:translate(-30px,0) scale(.5)}76%{opacity:.8}90%{opacity:0;transform:translate(12px,-4px) scale(1.2)}}@keyframes ctaPress{45%{transform:scale(1.035);filter:brightness(1.35);box-shadow:0 0 55px rgba(255,200,105,.55)}100%{transform:scale(1.07);opacity:0;filter:blur(5px) brightness(1.4)}}
@media(max-height:470px){.menu-story{top:24px;width:46vw}.menu-story .logo{font-size:52px}.menu-story .hero-line{font-size:15px}.menu-story .menu-intro,.menu-story .menu-lester{font-size:9px;line-height:1.3;margin-top:5px}.mystery-copy{top:70px;width:34vw;padding:8px 12px}.mystery-copy p,.mystery-copy p:first-child{font-size:9px;margin-bottom:3px}.menu-invite{bottom:45px;width:34vw}.menu-invite .btn-primary{min-height:48px;font-size:13px}.litvm-note{bottom:34px;font-size:7.5px}.menu-foot{bottom:7px}}
@media(max-width:760px){.menu-story{left:22px;width:46vw}.mystery-copy{right:20px;width:38vw}.menu-invite{right:28px;width:38vw}.litvm-note{left:22px;width:42vw}.menu-invite .btn-primary{letter-spacing:.09em}}
@media(prefers-reduced-motion:reduce){.menu-invite .btn-primary,.menu-invite .btn-primary:before,.menu-invite .btn-primary span:after,.cta-beacon:after,.cta-beacon i{animation:none!important}}
