.intro-module__JZ17yW__scene{z-index:50;isolation:isolate;background:radial-gradient(ellipse 90% 60% at 50% 30%, #0c1850 0%, #050c30 45%, var(--color-ink) 90%);--ball:max(calc(100cqw * 430 / 1600), calc(100cqh * 430 / 1000));position:fixed;inset:0;overflow:hidden;container-type:size}@media (orientation:portrait){.intro-module__JZ17yW__scene{--ball:max(calc(100cqw * 456 / 780), calc(100cqh * 456 / 1688))}}.intro-module__JZ17yW__scene[data-stage="2d"]{background:radial-gradient(70% 40% at 50% 100%,#e8c26824,#0000 70%),#030718}.intro-module__JZ17yW__scene[data-playing]{animation:.5s ease-in 5.3s forwards intro-module__JZ17yW__fade-out}.intro-module__JZ17yW__floor{background:radial-gradient(55% 70% at 50% 0,#e8c2681f,#0000 70%),linear-gradient(#060c28e6,#030718);border-top:1px solid #d5dbea1f;height:34vh;animation:1.4s ease-out .7s both intro-module__JZ17yW__pool;position:absolute;inset:auto 0 0}.intro-module__JZ17yW__bulbs{left:0;right:0;top:calc(50% + var(--ball) * .5);background:radial-gradient(circle, #fff6dc 0 2px, #f7e2a473 3px, transparent 7px) center / calc(var(--ball) * .205) 16px repeat-x;height:16px;position:absolute;translate:0 -50%}.intro-module__JZ17yW__rig{width:0;height:0;position:absolute;top:50%;left:50%}.intro-module__JZ17yW__ball{width:var(--ball);aspect-ratio:1;animation:1.6s cubic-bezier(.5,0,.7,.6) 1.3s forwards intro-module__JZ17yW__lift;position:absolute;top:0;left:0;translate:-50% -50%}.intro-module__JZ17yW__chain{background:#39405a;width:2px;height:60vh;position:absolute;bottom:96%;left:50%;translate:-50%}.intro-module__JZ17yW__sphere{filter:drop-shadow(0 0 24px #96a5e64d);background:url(/intro/ball.webp) 50%/contain no-repeat;width:100%;height:100%;display:block}.intro-module__JZ17yW__still{width:var(--ball);aspect-ratio:1;position:absolute;top:50%;left:50%;translate:-50% -50%}.intro-module__JZ17yW__glints{filter:drop-shadow(0 0 5px #fff8e6e6);position:absolute;inset:0}.intro-module__JZ17yW__glint{width:calc(var(--ball) * .09 * var(--size));aspect-ratio:1;clip-path:polygon(50% 0,57% 43%,100% 50%,57% 57%,50% 100%,43% 57%,0 50%,43% 43%);opacity:0;background:#fffaf0;animation:2.2s ease-in-out infinite intro-module__JZ17yW__twinkle;position:absolute;translate:-50% -50%}.intro-module__JZ17yW__beam{transform-origin:50% 0;clip-path:polygon(49.5% 0,50.5% 0,100% 100%,0 100%);mix-blend-mode:screen;opacity:0;background:linear-gradient(#d5dbea80,#d5dbea00 70%);width:36vmax;height:130vh;margin-left:-18vmax;animation:2.8s ease-in-out .9s both intro-module__JZ17yW__sweep;position:absolute;top:0;left:0}.intro-module__JZ17yW__cone{width:calc(var(--ball) * .32);height:150cqh;translate:-50%;transform:rotate(var(--tilt));transform-origin:50% 0;background:linear-gradient(#bec8eb80,#96a5dc1f 60%,#0000);animation:.9s ease-in 1.4s forwards intro-module__JZ17yW__fade-out;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 35% 65%,#0000);mask-image:linear-gradient(90deg,#0000,#000 35% 65%,#0000)}.intro-module__JZ17yW__cone.intro-module__JZ17yW__gold{background:linear-gradient(#e8c2688c,#e8c26824 60%,#0000)}.intro-module__JZ17yW__beam.intro-module__JZ17yW__gold{background:linear-gradient(#f7e2a48c,#e8c26800 70%)}.intro-module__JZ17yW__sparkle{width:clamp(6px, calc(var(--size) * 1vmin), 32px);height:clamp(6px, calc(var(--size) * 1vmin), 32px);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);opacity:0;background:#eef1fb;animation:2.4s cubic-bezier(.3,.7,.4,1) both intro-module__JZ17yW__scatter;position:absolute;top:0;left:0}.intro-module__JZ17yW__sparkle.intro-module__JZ17yW__gold{background:var(--color-gold-light)}.intro-module__JZ17yW__poster{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s ease-out;position:absolute;inset:0}.intro-module__JZ17yW__poster[data-loaded]{opacity:1}.intro-module__JZ17yW__finale{pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:absolute;top:22vh;left:0;right:0}.intro-module__JZ17yW__finale:before{content:"";background:radial-gradient(60% 50%,#02081ebf,#0000 70%);animation:.5s ease-out 4.45s both intro-module__JZ17yW__pool;position:absolute;inset:-12vh 0}.intro-module__JZ17yW__wordmark{font-family:var(--font-display);letter-spacing:-.05em;text-align:center;filter:drop-shadow(0 0 24px #f7e2a459);font-size:clamp(44px,10vmin,100px);line-height:1;animation:.7s cubic-bezier(.2,.9,.3,1.15) 4.5s both intro-module__JZ17yW__land;position:relative}@property --total{syntax:"<integer>";inherits:false;initial-value:0}.intro-module__JZ17yW__total{left:50%;bottom:calc(76px + env(safe-area-inset-bottom));background:linear-gradient(#141e54eb,#050a24eb);border:1px solid #e8c2688c;border-radius:999px;align-items:baseline;gap:12px;padding:8px 20px 10px;animation:.38s cubic-bezier(.2,.9,.3,1.3) 3.2s both intro-module__JZ17yW__bug;display:flex;position:absolute;translate:-50%;box-shadow:0 0 32px #e8c26840}.intro-module__JZ17yW__label{color:var(--color-gold-light);letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:600}.intro-module__JZ17yW__sum{min-width:2ch;color:var(--color-pearl);font-family:var(--font-display);font-variant-numeric:tabular-nums;counter-reset:total var(--total);font-size:32px;line-height:1;animation:.9s linear 3.2s both intro-module__JZ17yW__tally}@supports (counter-reset:total var(--total)){.intro-module__JZ17yW__sum{font-size:0}.intro-module__JZ17yW__sum:after{content:counter(total);font-size:32px}}.intro-module__JZ17yW__paddles{justify-content:center;gap:16px;display:flex;position:absolute;top:58vh;left:0;right:0}.intro-module__JZ17yW__paddle{flex-direction:column;align-items:center;animation:.45s cubic-bezier(.2,.9,.3,1.5) both intro-module__JZ17yW__pop;display:flex}.intro-module__JZ17yW__paddle:after{content:"";background:#1a1d2b;border-radius:0 0 3px 3px;width:6px;height:40px}.intro-module__JZ17yW__face{background:linear-gradient(160deg, #fbfaf6 0%, var(--color-pearl) 45%, #d9d6cc 100%);color:#10131f;width:76px;height:60px;font-family:var(--font-display);letter-spacing:-.06em;border-radius:6px;place-items:center;font-size:38px;display:grid;box-shadow:0 10px 30px #02081e99}.intro-module__JZ17yW__skip{right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));min-height:44px;color:var(--color-silver);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#d5dbea1a;border:1px solid #d5dbea59;border-radius:999px;padding:0 20px;font-size:14px;font-weight:500;transition:background-color .15s;position:absolute}.intro-module__JZ17yW__skip:hover{background:#d5dbea33}.intro-module__JZ17yW__skip:active{background:#d5dbea47}.intro-module__JZ17yW__skip:focus-visible{outline:2px solid var(--color-gold-light);outline-offset:2px}@keyframes intro-module__JZ17yW__lift{0%{opacity:1;transform:translateY(0)}to{opacity:.6;transform:translateY(-85cqh)}}@keyframes intro-module__JZ17yW__twinkle{0%,60%,to{opacity:0;transform:scale(.3)rotate(0)}30%{opacity:1;transform:scale(1)rotate(45deg)}}@keyframes intro-module__JZ17yW__sweep{0%{opacity:0;transform:rotate(var(--from))}18%{opacity:.8}80%{opacity:.6}to{opacity:0;transform:rotate(var(--to))}}@keyframes intro-module__JZ17yW__scatter{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}10%{opacity:1}38%{transform:translate(-50%, -50%) translate(var(--x), var(--y)) scale(1) rotate(45deg)}52%{opacity:.55;transform:translate(-50%, -50%) translate(var(--x), var(--y)) scale(.7) rotate(90deg)}64%{opacity:1;transform:translate(-50%, -50%) translate(var(--x), var(--y)) scale(1.1) rotate(135deg)}94%{opacity:1;transform:translate(-50%, -50%) translate(var(--tx), var(--ty)) scale(.5) rotate(180deg)}to{opacity:0;transform:translate(-50%, -50%) translate(var(--tx), var(--ty)) scale(0)}}@keyframes intro-module__JZ17yW__rise{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-module__JZ17yW__pool{0%{opacity:0}}@keyframes intro-module__JZ17yW__land{0%{opacity:0;filter:blur(10px)drop-shadow(0 0 24px #f7e2a459);transform:scale(1.35)}60%{opacity:1}to{opacity:1;filter:blur()drop-shadow(0 0 24px #f7e2a459);transform:scale(1)}}@keyframes intro-module__JZ17yW__pop{0%{opacity:0;transform:translateY(40px)scale(.2)}to{opacity:1;transform:none}}@keyframes intro-module__JZ17yW__bug{0%{opacity:0;transform:translateY(24px)scale(.9)}to{opacity:1;transform:none}}@keyframes intro-module__JZ17yW__tally{0%{--total:0}19%{--total:9}39%{--total:9}58%{--total:19}78%{--total:19}97%,to{--total:29}}@keyframes intro-module__JZ17yW__fade-out{to{opacity:0}}
