#exyIntro{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:radial-gradient(ellipse at 50% 38%,#0d2a17 0%,#06110a 55%,#030806 100%);color:#eafff1;font-family:inherit;opacity:1;transition:opacity 1.6s cubic-bezier(.4,0,.2,1),visibility 1.6s;cursor:pointer;overflow:hidden}
#exyIntro.out{opacity:0;visibility:hidden;pointer-events:none}
#exyIntro.out .ei-logo,#exyIntro.out .ei-brand,#exyIntro.out .ei-load,#exyIntro.out .ei-skip{animation:eiOut 1.5s cubic-bezier(.4,0,.2,1) forwards!important}
@keyframes eiOut{to{opacity:0;transform:scale(1.07);filter:blur(7px)}}
#exyIntro .ei-logo{width:min(46vw,210px);aspect-ratio:763/732;opacity:0;transform:scale(.82);animation:eiIn 1.1s cubic-bezier(.2,.8,.2,1) .1s forwards,eiFloat 4s ease-in-out 1.2s infinite}
#exyIntro .ei-logo svg{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 0 20px rgba(50,205,50,.45))}
#exyIntro .ei-disc{fill:#fff}
#exyIntro .ei-ring{fill:none;stroke:#00ff1a;stroke-width:6;stroke-dasharray:2300;stroke-dashoffset:2300;animation:eiRing 1.4s ease .1s forwards}
#exyIntro .ei-fox{opacity:0;transform-origin:50% 55%;animation:eiFox .9s ease .7s forwards}
#exyIntro .ei-eye{fill:#fff;transform-box:fill-box;transform-origin:center;transform:scaleY(.04);animation:eiEye .7s cubic-bezier(.3,1.4,.5,1) 1.7s forwards}
#exyIntro .ei-lid{fill:#0a5a30;opacity:1;animation:eiLid .3s ease 1.75s forwards}
#exyIntro .ei-gaze{animation:eiGaze 1.6s ease 2.4s both}
#exyIntro .ei-load{margin-top:22px;text-align:center;opacity:0;animation:eiShow .4s ease 2.3s forwards,eiHide .4s ease 3.7s forwards}
#exyIntro .ei-load b{display:block;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:#7dffa6;font-weight:800}
#exyIntro .ei-bar{width:170px;height:3px;border-radius:3px;background:rgba(255,255,255,.12);margin:10px auto 0;overflow:hidden}
#exyIntro .ei-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#00e676,#32cd32);transform:translateX(-100%);animation:eiBar 1.4s ease 2.3s forwards}
#exyIntro .ei-brand{position:absolute;left:0;right:0;top:calc(50% + 6px + min(23vw,105px));text-align:center;opacity:0;animation:eiShow .5s ease 3.9s forwards}
#exyIntro .ei-neon{display:block;font-size:clamp(26px,8.5vw,42px);font-weight:900;letter-spacing:.02em;color:#c8ffd6;text-shadow:0 0 6px #32cd32,0 0 14px #32cd32,0 0 30px #00ff1a,0 0 60px #00ff1a;animation:eiNeon 2.4s linear 3.9s both}
#exyIntro .ei-hello{margin-top:12px;font-size:clamp(15px,4.4vw,20px);font-weight:800;opacity:0;animation:eiUp .6s ease 4.3s forwards}
#exyIntro .ei-sub{margin-top:4px;font-size:clamp(12px,3.6vw,15px);color:#9fe9b5;opacity:0;animation:eiUp .6s ease 4.6s forwards}
#exyIntro .ei-skip{position:absolute;right:14px;top:14px;font-size:11px;color:#6fb98a;opacity:.8;letter-spacing:.08em}
@keyframes eiIn{to{opacity:1;transform:scale(1)}}
@keyframes eiFloat{50%{transform:translateY(-6px) scale(1.015)}}
@keyframes eiRing{to{stroke-dashoffset:0}}
@keyframes eiFox{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}
@keyframes eiEye{0%{transform:scaleY(.04)}70%{transform:scaleY(1.12)}100%{transform:scaleY(1)}}
@keyframes eiLid{to{opacity:0}}
@keyframes eiGaze{0%,100%{transform:translateX(0)}35%{transform:translateX(-7px)}70%{transform:translateX(7px)}}
@keyframes eiShow{to{opacity:1}}
@keyframes eiHide{to{opacity:0;visibility:hidden}}
@keyframes eiBar{to{transform:translateX(0)}}
@keyframes eiUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes eiNeon{0%{opacity:0}6%{opacity:1}9%{opacity:.25}13%{opacity:1}18%{opacity:.5}22%,100%{opacity:1}}

@media(prefers-reduced-motion:reduce){#exyIntro *{animation-duration:.01s!important;animation-delay:0s!important}}
