.intro-scene{--gold:#ffc23d;--warm:#ffe7a8;--ember:#ef5a2e;--logo:min(68vmin, 520px);z-index:50;cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(120% 90% at 50% 42%,#141c36 0%,#0a0f1f 48%,#04060c 100%);position:fixed;inset:0;overflow:hidden}.intro-scene:not([data-ready]) *,.intro-scene:not([data-ready]) :before,.intro-scene:not([data-ready]) :after{animation-play-state:paused!important}.intro-content{place-items:center;animation:.75s cubic-bezier(.7,0,.84,0) 2.95s forwards intro-out;display:grid;position:absolute;inset:0}@keyframes intro-out{to{opacity:0;filter:blur(8px);transform:scale(1.06)}}.intro-glow{width:calc(var(--logo) * 2.3);aspect-ratio:1;opacity:0;background:radial-gradient(circle,#ffc23d52,#ef5a2e1f 38%,#0000 68%);border-radius:50%;animation:1.2s ease-out .1s forwards intro-pop-in,2.4s ease-in-out 1.3s infinite alternate intro-breathe;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes intro-breathe{to{scale:1.1}}.intro-sparks{pointer-events:none;position:absolute;inset:0}.intro-spark{bottom:-12px;left:var(--x);width:var(--s);height:var(--s);background:var(--warm);opacity:0;animation:intro-rise var(--d) linear var(--t) infinite;border-radius:50%;position:absolute;box-shadow:0 0 6px 1px #ffc23dcc}@keyframes intro-rise{0%{opacity:0;translate:0}15%{opacity:.9}to{opacity:0;translate:var(--dx) -105vh}}.intro-stage{width:var(--logo);aspect-ratio:1;place-items:center;display:grid;position:relative}.intro-ring{background:conic-gradient(from 0deg, transparent 0 18%, var(--gold) 34%, transparent 50% 68%, var(--ember) 84%, transparent);filter:drop-shadow(0 0 10px #ffc23db3);opacity:0;border-radius:50%;animation:.9s cubic-bezier(.2,.8,.2,1) .15s forwards intro-pop-in,3s linear infinite intro-spin;position:absolute;inset:-8%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}.intro-dash{opacity:0;border:1.5px dashed #ffffff29;border-radius:50%;animation:1s cubic-bezier(.2,.8,.2,1) .3s forwards intro-pop-in,16s linear infinite reverse intro-spin;position:absolute;inset:-15%}@keyframes intro-spin{to{rotate:360deg}}@keyframes intro-pop-in{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.intro-bulbs{animation:24s linear infinite intro-spin;position:absolute;inset:0}.intro-bulb{background:var(--c);width:8px;height:8px;box-shadow:0 0 8px 2px var(--c), 0 0 22px 4px #ffc23d59;transform:rotate(calc(var(--i) * 20deg)) translateY(calc(var(--logo) * -.66));opacity:0;animation:intro-bulb-on .35s ease-out calc(.45s + var(--i) * 45ms) forwards, intro-twinkle 1.1s ease-in-out calc(1.3s + var(--i) * 80ms) infinite alternate;border-radius:50%;margin:-4px;position:absolute;top:50%;left:50%}@keyframes intro-bulb-on{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes intro-twinkle{0%{opacity:1}to{opacity:.35}}.intro-ray{width:0;height:0;transform:rotate(calc(var(--i) * 22.5deg));position:absolute;top:50%;left:50%}.intro-ray>i{width:3px;height:calc(var(--logo) * .16);background:linear-gradient(to top, transparent, var(--gold));opacity:0;transform:translateY(calc(var(--logo) * -.42));border-radius:3px;animation:.9s cubic-bezier(.2,.8,.2,1) .95s forwards intro-burst;position:absolute;bottom:0;left:-1.5px}@keyframes intro-burst{0%{opacity:0;transform:translateY(calc(var(--logo) * -.42)) scaleY(.2)}30%{opacity:1}to{opacity:0;transform:translateY(calc(var(--logo) * -.78)) scaleY(1)}}.intro-ripple{border:2px solid var(--gold);opacity:0;animation:intro-ripple 1.3s cubic-bezier(.2, .8, .2, 1) var(--t) forwards;border-radius:50%;position:absolute;inset:4%}@keyframes intro-ripple{0%{opacity:.9;scale:.85}to{opacity:0;scale:1.9}}.intro-logo-wrap{aspect-ratio:1;opacity:0;width:100%;animation:1s cubic-bezier(.34,1.56,.64,1) .25s forwards intro-logo-in,2.6s ease-in-out 1.3s infinite alternate intro-float;position:relative}@keyframes intro-logo-in{0%{opacity:0;filter:blur(14px)brightness(2);rotate:-10deg;scale:.35}55%{opacity:1;filter:blur()brightness(1.25)}to{opacity:1;filter:none;rotate:0deg;scale:1}}@keyframes intro-float{to{translate:0 -6px}}.intro-logo{filter:drop-shadow(0 18px 40px #0000008c)drop-shadow(0 0 28px #ffc23d38);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.intro-shine{pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffff8c 48%,#0000 58%) 130% 0/250% 100% no-repeat;animation:1.1s ease-in-out 1.3s forwards intro-shine;position:absolute;inset:0;-webkit-mask:url(/moerevent-logo.webp) 50%/contain no-repeat;mask:url(/moerevent-logo.webp) 50%/contain no-repeat}@keyframes intro-shine{to{background-position:-30% 0}}.intro-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.intro-scene *,.intro-scene :before,.intro-scene :after{animation:none!important}.intro-glow,.intro-ring,.intro-logo-wrap{opacity:1}.intro-shine,.intro-sparks,.intro-ray,.intro-ripple,.intro-bulbs,.intro-dash{display:none}}
