#name-prelude{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#03070b;color:#dce5ed;z-index:9999;opacity:1;transition:opacity .45s ease;isolation:isolate}

#name-prelude::backdrop{background:#03070b}

#name-prelude::before{content:"";position:absolute;inset:-30%;background:radial-gradient(ellipse at 50% 50%,#22425255,transparent 46%);opacity:.65;pointer-events:none}

#name-prelude.is-leaving{opacity:0;pointer-events:none}

.prelude-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 22px 100px;perspective:1100px}

.prelude-kicker{font:10px/1.5 Arial,sans-serif;letter-spacing:.3em;color:#8fa3b0;margin:0 0 32px;text-align:center}.prelude-kicker span{margin:0 12px;color:#4d6879}

.prelude-name{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:.84;letter-spacing:-.065em;display:flex;flex-direction:column;align-items:center;font-size:clamp(84px,15vw,220px);filter:drop-shadow(0 14px 20px #000);transform-style:preserve-3d}

.prelude-word{display:block;padding:0 .12em .06em;background:linear-gradient(115deg,#566470 5%,#dce4ea 32%,#7b8e9c 44%,#fff 48%,#b5c8d5 53%,#5a6973 77%,#c3d0d8 95%);background-size:250% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;color:transparent;opacity:0;transform:translateY(25px) rotateX(22deg);}

.is-playing .prelude-word{animation:name-reveal 1.4s cubic-bezier(.16,1,.3,1) forwards,name-light 3.6s ease-in-out forwards}.is-playing .prelude-word:nth-child(2){animation-delay:.22s}

.prelude-rule{height:1px;width:140px;margin:30px 0 20px;background:linear-gradient(90deg,transparent,#bbdff2,transparent);transform:scaleX(0)}

.is-playing .prelude-rule{animation:rule-reveal 1.3s .65s ease forwards}

.prelude-signature{font:italic clamp(14px,2vw,21px)/1.5 Georgia,serif;color:#a0b6c5;letter-spacing:.03em;margin:0;opacity:0}.is-playing .prelude-signature{animation:name-reveal 1.5s .6s ease forwards}

.prelude-orbit{position:absolute;width:min(90vw,880px);aspect-ratio:1;left:50%;top:45%;transform:translate(-50%,-50%) rotateX(64deg) rotate(-25deg);border:1px solid #aecbda18;border-radius:50%;box-shadow:0 0 50px #599eb908;pointer-events:none}

.prelude-bottom{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:15px;font:9px/1.5 Arial,sans-serif;letter-spacing:.25em;color:#6f8797}

#name-prelude button{min-height:44px;padding:10px 15px;border:1px solid #91aebc44;background:#08131b;color:#d0e2ec;border-radius:3px;font:12px Arial,sans-serif;letter-spacing:.04em;cursor:pointer}#name-prelude button:hover,#name-prelude button:focus-visible{border-color:#b8d8ed;background:#122b3a;outline-offset:4px}

@keyframes name-reveal{to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes name-light{to{background-position:0% 0}}@keyframes rule-reveal{to{transform:scaleX(1)}}

@media(max-height:500px){.prelude-copy{padding:40px 15px 75px}.prelude-name{font-size:clamp(60px,17vh,100px);flex-direction:row;gap:.1em}.prelude-kicker{margin-bottom:15px}.prelude-rule{margin:17px 0 10px}}


/* L2 cinematic name reveal */
#name-prelude{background:#080609}
#name-prelude.is-playing .prelude-name{animation:atelier-approach 5.2s cubic-bezier(.2,.6,.3,1) both}
#name-prelude.is-playing .prelude-word{animation:atelier-word 2.3s cubic-bezier(.16,1,.3,1) .55s both,name-light 3.7s ease .7s both}
#name-prelude.is-playing .prelude-word:nth-child(2){animation-delay:1s,1.15s}
#name-prelude .prelude-kicker{opacity:0}
#name-prelude.is-playing .prelude-kicker{animation:atelier-caption 1.3s 1.6s both}
#name-prelude.is-playing .prelude-signature{animation:atelier-caption 1.4s 2.6s both}
#name-prelude.is-playing .prelude-rule{animation:rule-reveal 1.6s 2.1s ease both}
.prelude-beam{position:absolute;inset:-50%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#b17d4b08 46%,#ffe3ad28 49%,#f4bf740c 52%,transparent 56%);opacity:0;mix-blend-mode:screen;transform:translateX(-45%) rotate(-12deg)}
.is-playing .prelude-beam{animation:atelier-beam 4.7s .3s ease both}
#name-prelude .prelude-orbit{width:min(110vw,1100px);border:2px solid #c79f7a30;box-shadow:0 0 80px #b0805810;opacity:0}
#name-prelude.is-playing .prelude-orbit{animation:atelier-orbit 5.2s ease both}
#name-prelude .prelude-bottom{z-index:4}
@keyframes atelier-word{from{opacity:0;transform:translateY(35px) rotateX(32deg) translateZ(-90px);filter:blur(8px)}to{opacity:1;transform:translateY(0) rotateX(0) translateZ(0);filter:blur(0)}}
@keyframes atelier-approach{0%{transform:translateZ(-180px) scale(.84)}70%{transform:translateZ(0) scale(1)}100%{transform:translateZ(65px) scale(1.025)}}
@keyframes atelier-caption{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes atelier-beam{15%{opacity:0}40%,65%{opacity:1}100%{opacity:0;transform:translateX(38%) rotate(-12deg)}}
@keyframes atelier-orbit{0%{opacity:0;transform:translate(-50%,-50%) rotateX(72deg) rotate(-45deg) scale(.7)}45%{opacity:1}100%{opacity:.7;transform:translate(-50%,-50%) rotateX(56deg) rotate(-15deg) scale(1.1)}}

/* L3: individually staged letters, then one shared metallic light pass. */
#name-prelude .prelude-word{display:flex;justify-content:center;background:none;color:inherit;opacity:1;transform:none;overflow:visible}
#name-prelude.is-playing .prelude-word,#name-prelude.is-playing .prelude-word:nth-child(2){animation:none;filter:none}
.prelude-letter{display:inline-block;opacity:0;transform-origin:50% 80%;background:linear-gradient(115deg,#775b4b 5%,#efe2cf 32%,#ac8970 44%,#fff5e5 48%,#d9bfa0 53%,#6b4742 77%,#e0c6a8 95%);background-size:250% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;color:transparent}
#name-prelude.is-playing .prelude-letter{animation:atelier-letter 1.5s cubic-bezier(.16,1,.3,1) var(--letter-delay) both,name-light 2.5s ease 2.8s both}
#name-prelude.is-playing .prelude-name{animation-duration:6s}
#name-prelude.is-playing .prelude-signature{animation-delay:3.5s}
#name-prelude.is-playing .prelude-rule{animation-delay:3.1s}
@keyframes atelier-letter{from{opacity:0;transform:translateY(22px) translateZ(-60px) rotateX(30deg);filter:blur(6px)}to{opacity:1;transform:translateY(0) translateZ(0) rotateX(0);filter:blur(0)}}

/* L4: the name passes the lens while the real scene begins underneath. */
#name-prelude.is-impact{animation:impact-cover .95s linear both;pointer-events:none}
#name-prelude.is-impact::backdrop{background:transparent}
#name-prelude.is-impact .prelude-name{animation:impact-name .95s cubic-bezier(.6,0,.9,.5) both;will-change:transform,opacity}
#name-prelude.is-impact .prelude-kicker,#name-prelude.is-impact .prelude-signature,#name-prelude.is-impact .prelude-rule,#name-prelude.is-impact .prelude-bottom{animation:impact-fade .25s ease both}
#name-prelude.is-impact .prelude-orbit{animation:impact-orbit .85s ease-in both}
@keyframes impact-name{0%{transform:scale(1.025);opacity:1}65%{opacity:1}100%{transform:scale(9);opacity:0}}
@keyframes impact-cover{0%,30%{opacity:1}100%{opacity:0}}
@keyframes impact-fade{to{opacity:0}}
@keyframes impact-orbit{to{transform:translate(-50%,-50%) rotateX(56deg) rotate(-15deg) scale(4);opacity:0}}

/* L5: shorter hold and continuous hand-off into the scene. */
#name-prelude.is-playing .prelude-name{animation-duration:4.75s}
#name-prelude.is-impact{animation-duration:.76s}
#name-prelude.is-impact .prelude-name{animation:impact-name-l5 .76s cubic-bezier(.42,0,.8,.45) both}
#name-prelude.is-impact .prelude-orbit{animation-duration:.7s}
@keyframes impact-name-l5{0%{transform:translateZ(65px) scale(1.025);opacity:1}55%{opacity:1}100%{transform:translateZ(65px) scale(9);opacity:0}}

#name-prelude,#name-prelude::backdrop{background:#0b0b0c}
#name-prelude::before{background:radial-gradient(ellipse at 50% 50%,#a577241c,transparent 52%)}
.prelude-letter{background-image:linear-gradient(115deg,#886329 5%,#eee0ba 32%,#bb9450 44%,#fff4d6 48%,#e1c384 53%,#86662c 77%,#ead5a3 95%)}
.prelude-kicker,.prelude-signature{color:#c4ad7c}.prelude-kicker span{color:#9f8751}
.prelude-rule{background:linear-gradient(90deg,transparent,#d5b978,transparent)}
#name-prelude button{background:#191919;border-color:#bd9c614d;color:#e6d4af;border-radius:7px}
#name-prelude .prelude-bottom{color:#a69c88;letter-spacing:.12em}
#replay-intro{position:fixed;bottom:12px;left:50px;z-index:4;border:1px solid #ffffff26;background:#151515cc;color:#b7a47c;border-radius:6px;padding:7px 11px;font:10px Arial;cursor:pointer}
@media(max-width:800px){#replay-intro{top:76px;bottom:auto;left:20px}.prelude-name{font-size:clamp(86px,23vw,180px)}.prelude-bottom{flex-wrap:wrap;font-size:8px}.prelude-kicker{font-size:8px;letter-spacing:.22em}}
body:has(#name-prelude[open]){overflow:hidden} #name-prelude{width:100%;height:100dvh}

#name-prelude .prelude-name{flex-direction:row;flex-wrap:nowrap;gap:.19em;font-size:clamp(48px,12vw,180px);white-space:nowrap;letter-spacing:-.055em}
#name-prelude .prelude-word{padding:0 0 .06em}
.prelude-project{font:400 clamp(10px,1.3vw,17px)/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.42em;color:#d8c28f;margin:24px 0 0;padding-left:.42em;opacity:0}
#name-prelude.is-playing .prelude-project{animation:atelier-caption 1.3s 2.1s both}
#name-prelude.is-impact .prelude-project{animation:impact-fade .25s ease both}
@media(max-width:800px){#name-prelude .prelude-name{font-size:14vw}.prelude-project{margin-top:20px;letter-spacing:.35em}.prelude-rule{margin:24px 0 18px}}

#name-prelude.is-playing:not(.is-impact) .prelude-name{animation-duration:6.25s}

/* Neutral black backdrop and compact gold skip control. */
#name-prelude,#name-prelude::backdrop{background:#000}
#name-prelude::before{background:none}
#name-prelude button{width:auto;min-width:0;min-height:0;padding:6px 9px;border:1px solid #b69a5e66;border-radius:4px;background:#000;color:#d8c28f;font:11px/1.2 Arial,sans-serif;letter-spacing:.02em;box-shadow:none}
#name-prelude button:hover{background:#14120c;border-color:#d8c28f}
#name-prelude button:focus:not(:focus-visible){outline:none}
#name-prelude button:focus-visible{outline:1px solid #d8c28f;outline-offset:3px}

#name-prelude:focus{outline:none}

#name-prelude.is-impact .prelude-name{animation:impact-name-l5 .76s cubic-bezier(.42,0,.8,.45) both}

/* Cinematic eclipse reveal: one pass, no continuous full-screen filters. */
#name-prelude::before{inset:0;background:radial-gradient(ellipse at 50% 43%,#a8751719 0%,transparent 58%);opacity:0}
#name-prelude.is-playing::before{animation:cinema-atmosphere 6.25s ease both}
#name-prelude .prelude-orbit{width:min(76vw,640px);top:44%;border:1px solid #d8ad5266;transform:translate(-50%,-50%);box-shadow:0 -2px 3px #ffe6a45c,0 -8px 25px #d697222e,inset 0 2px 12px #d69b2220;opacity:0}
#name-prelude .prelude-orbit::before{content:"";position:absolute;inset:-2px;border-radius:50%;background:conic-gradient(from 210deg,transparent 0deg,#e3ae4844 45deg,#ffeabe 78deg,#d9a74755 112deg,transparent 165deg);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px))}
#name-prelude.is-playing .prelude-orbit{animation:cinema-eclipse 6.25s cubic-bezier(.2,.6,.3,1) both}
#name-prelude.is-playing .prelude-orbit::before{animation:cinema-corona 6.25s ease both}
#name-prelude .prelude-beam{inset:-35%;background:linear-gradient(112deg,transparent 44%,#bd871b06 46%,#e0ae4922 48.5%,#fff0c766 49.8%,#e6ba5033 50.2%,#b98c2012 52%,transparent 56%);transform:translateX(-65%);opacity:0}
#name-prelude.is-playing .prelude-beam{animation:cinema-sweep 6.25s cubic-bezier(.25,.1,.25,1) both}
#name-prelude.is-playing:not(.is-impact) .prelude-name{animation:cinema-approach 6.25s cubic-bezier(.2,.6,.3,1) both}
#name-prelude.is-playing .prelude-letter{animation:atelier-letter 1.5s cubic-bezier(.16,1,.3,1) var(--letter-delay) both,name-light 2.8s ease 2.4s both}
#name-prelude .prelude-copy{z-index:2}
#name-prelude .prelude-name{filter:drop-shadow(0 4px 18px #000)}
#name-prelude.is-impact .prelude-orbit{animation:cinema-rush .76s cubic-bezier(.42,0,.8,.45) both}
#name-prelude.is-impact .prelude-beam{animation:cinema-flash .76s ease-out both}
@keyframes cinema-atmosphere{0%{opacity:0}35%,85%{opacity:1}100%{opacity:.6}}
@keyframes cinema-eclipse{0%{opacity:0;transform:translate(-50%,-50%) scale(.77)}25%{opacity:.4}65%{opacity:.8}100%{opacity:.55;transform:translate(-50%,-50%) scale(1.04)}}
@keyframes cinema-corona{from{transform:rotate(-40deg);opacity:0}35%{opacity:1}to{transform:rotate(42deg);opacity:.75}}
@keyframes cinema-sweep{0%,15%{opacity:0;transform:translateX(-65%)}40%{opacity:.65}63%{opacity:.9}88%,100%{opacity:0;transform:translateX(65%)}}
@keyframes cinema-approach{0%{transform:translateZ(-140px) scale(.8)}65%{transform:translateZ(0) scale(1)}100%{transform:translateZ(65px) scale(1.025)}}
@keyframes cinema-rush{from{opacity:.55;transform:translate(-50%,-50%) scale(1.04)}to{opacity:0;transform:translate(-50%,-50%) scale(3.5)}}
@keyframes cinema-flash{0%{opacity:0;transform:translateX(20%)}25%{opacity:.5}100%{opacity:0;transform:translateX(75%)}}
@media(max-width:600px){#name-prelude .prelude-orbit{width:88vw;top:43%}#name-prelude .prelude-beam{inset:-20%}}
@media(prefers-reduced-motion:reduce){#name-prelude *,#name-prelude::before{animation:none!important}}

/* Soft reflected light across the lettering; no moving stripe. */
#name-prelude .prelude-beam{display:none!important}
#name-prelude::before{inset:0;background:radial-gradient(ellipse at 42% 43%,#dba74718 0%,#ad791008 28%,transparent 62%);transform:none;opacity:0}
#name-prelude.is-playing::before{animation:soft-gold-breath 6.25s ease-in-out both}
#name-prelude .prelude-letter{background-image:linear-gradient(108deg,#92703c 0%,#bea16a 25%,#ead8a9 43%,#fff0cd 53%,#d8bd81 66%,#9d7b40 86%,#b59a64 100%);background-size:330% 100%;background-position:100% 50%}
#name-prelude.is-playing .prelude-letter{animation:atelier-letter 1.5s cubic-bezier(.16,1,.3,1) var(--letter-delay) both,soft-metal-light 3.7s cubic-bezier(.4,0,.2,1) 1.6s both}
#name-prelude .prelude-rule{background:linear-gradient(90deg,transparent,#d5b97855,transparent)}
@keyframes soft-metal-light{0%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes soft-gold-breath{0%,12%{opacity:0}48%{opacity:1}82%{opacity:.45}100%{opacity:.15}}

/* Visible gold ribbon, matching the login eclipse light trail. */
#name-prelude .prelude-beam{display:block!important;inset:auto;left:-12%;top:52%;width:124%;height:100px;opacity:0;transform:rotate(-9deg);background:none;mix-blend-mode:screen;z-index:1;overflow:visible}
#name-prelude .prelude-beam::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#f4c35a35 0%,#b7821114 30%,transparent 68%);transform:scaleY(.8)}
#name-prelude .prelude-beam::after{content:"";position:absolute;left:0;right:0;top:49%;height:2px;background:linear-gradient(90deg,transparent 0%,#ae74171a 12%,#d9a94288 34%,#ffe4a9 51%,#d6a23999 69%,transparent 100%);box-shadow:0 0 5px #ffd779aa,0 0 15px #dca52c66,0 8px 0 -0.6px #e8b75144;border-radius:50%}
#name-prelude.is-playing .prelude-beam{animation:intro-ribbon-reveal 6.25s ease both}
#name-prelude.is-playing .prelude-beam::before{animation:intro-ribbon-light 6.25s cubic-bezier(.3,0,.25,1) both;background:radial-gradient(ellipse at center,#fff1cd 0%,#ffe3a6bb 1%,#f6c46144 5%,#d6a03b18 20%,transparent 54%);width:34%;left:0;right:auto}
#name-prelude.is-impact .prelude-beam{animation:impact-fade .3s ease both}
@keyframes intro-ribbon-reveal{0%,22%{opacity:0;transform:rotate(-9deg) translateY(20px)}40%{opacity:.8}57%,72%{opacity:1;transform:rotate(-9deg) translateY(0)}94%,100%{opacity:0;transform:rotate(-9deg) translateY(-12px)}}
@keyframes intro-ribbon-light{0%,22%{transform:translateX(-100%)}85%,100%{transform:translateX(370%)}}
@media(max-width:600px){#name-prelude .prelude-beam{top:47%;height:85px;left:-12%;width:124%}}

/* A thick gold trail circles the title and eclipse, then exits right. */
#name-prelude .prelude-beam{display:block!important;inset:auto;left:50%;top:44%;width:min(83vw,700px);height:auto;aspect-ratio:1;border-radius:50%;background:none;opacity:0;transform:translate(-50%,-50%);z-index:1;overflow:visible;mix-blend-mode:screen}
#name-prelude .prelude-beam::before{content:"";inset:0;left:0;right:0;width:100%;height:100%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 120deg,#b9781810 160deg,#d29a3244 210deg,#efbf60aa 270deg,#fff0bfff 310deg,#ffd978 326deg,transparent 334deg);mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 6px),#000 calc(100% - 2px),transparent 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 6px),#000 calc(100% - 2px),transparent 100%);filter:drop-shadow(0 0 6px #edb344aa);transform:rotate(-165deg)}
#name-prelude .prelude-beam::after{content:"";inset:-5px;left:-5px;right:-5px;top:-5px;height:auto;border-radius:50%;background:conic-gradient(from 0deg,transparent 100deg,#b7821811 170deg,#e6b54844 260deg,#ffda8277 315deg,transparent 335deg);mask:radial-gradient(farthest-side,transparent calc(100% - 19px),#000 calc(100% - 11px),transparent 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 19px),#000 calc(100% - 11px),transparent 100%);box-shadow:none;transform:rotate(-165deg)}
#name-prelude.is-playing .prelude-beam{animation:gold-orbit-exit 6.25s cubic-bezier(.4,0,.2,1) both}
#name-prelude.is-playing .prelude-beam::before,#name-prelude.is-playing .prelude-beam::after{animation:gold-orbit-turn 6.25s linear both}
#name-prelude.is-impact .prelude-beam{animation:impact-fade .15s ease both}
@keyframes gold-orbit-turn{0%,10%{transform:rotate(-165deg)}77%{transform:rotate(215deg)}100%{transform:rotate(265deg)}}
@keyframes gold-orbit-exit{0%,8%{opacity:0;transform:translate(-50%,-50%) scale(.95)}22%{opacity:1;transform:translate(-50%,-50%) scale(1)}77%{opacity:1;transform:translate(-50%,-50%) scale(1)}87%{opacity:.95;transform:translate(-10%,-50%) scale(1.04,.84)}100%{opacity:0;transform:translate(155%,-50%) scale(1.3,.45)}}
@media(max-width:600px){#name-prelude .prelude-beam{left:50%;top:43%;width:94vw;height:auto}}

#name-prelude.is-playing .prelude-beam::before{left:0;right:0;width:100%;background:conic-gradient(from 0deg,transparent 0deg,transparent 120deg,#b9781810 160deg,#d29a3244 210deg,#efbf60aa 270deg,#fff0bf 310deg,#ffd978 326deg,transparent 334deg)}

/* The trail leaves tangentially; the circular path itself never slides. */
#name-prelude.is-playing .prelude-beam{animation:orbit-stay 6.25s linear both}
#name-prelude.is-playing .prelude-beam::before{animation:orbit-tail-finish 6.25s linear both}
#name-prelude .prelude-beam::after{inset:auto;left:100%;right:auto;top:50%;width:clamp(110px,24vw,320px);height:4px;border-radius:50%;mask:none;-webkit-mask:none;background:linear-gradient(90deg,transparent,#c9983855 20%,#f5cf7ca6 60%,#fff2c9 96%,transparent);box-shadow:0 0 8px #eebc5366;transform-origin:left center;opacity:0}
#name-prelude.is-playing .prelude-beam::after{animation:orbit-tangent-exit 6.25s cubic-bezier(.4,0,.2,1) both}
@keyframes orbit-stay{0%,8%{opacity:0;transform:translate(-50%,-50%) scale(.95)}22%{opacity:1;transform:translate(-50%,-50%) scale(1)}94%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
@keyframes orbit-tail-finish{0%,10%{transform:rotate(-236deg);opacity:1}76%{transform:rotate(124deg);opacity:1}80%{transform:rotate(128deg);opacity:.65}89%,100%{transform:rotate(132deg);opacity:0}}
@keyframes orbit-tangent-exit{0%,75%{opacity:0;transform:translateX(-6px) scaleX(.02)}79%{opacity:1;transform:translateX(-3px) scaleX(.42)}85%{opacity:1;transform:translateX(8vw) scaleX(1)}96%,100%{opacity:0;transform:translateX(75vw) scaleX(.12)}}

/* Keep the light in orbit; fade it as the title passes the lens. */
#name-prelude .prelude-beam::after{display:none!important}
#name-prelude.is-playing .prelude-beam{animation:orbit-reveal-hold 1.4s ease both;transform:translate(-50%,-50%)}
#name-prelude.is-playing .prelude-beam::before{animation:orbit-continuous 6.5s linear infinite;opacity:1}
#name-prelude.is-impact .prelude-beam{animation:orbit-lens-fade .76s ease-out both;transform:translate(-50%,-50%)}
@keyframes orbit-reveal-hold{from{opacity:0}to{opacity:1}}
@keyframes orbit-continuous{from{transform:rotate(-236deg)}to{transform:rotate(124deg)}}
@keyframes orbit-lens-fade{0%{opacity:1}40%{opacity:.55}100%{opacity:0}}