.xp{--mx:50vw;--my:40vh;overflow-x:clip}.xp a,.xp button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.xp-progress{z-index:70;transform-origin:0;background:linear-gradient(90deg, var(--brand-dark), var(--brand), #b9ffd2);width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0);box-shadow:0 0 12px #49fb8799}.xp-spot{z-index:5;pointer-events:none;background:radial-gradient(520px circle at var(--mx) var(--my), #49fb8717, transparent 62%);mix-blend-mode:screen;position:fixed;inset:0}.xp-cursor{z-index:80;pointer-events:none;opacity:0;will-change:transform;border:1.5px solid #49fb87d9;border-radius:9999px;width:34px;height:34px;margin:-17px 0 0 -17px;transition:opacity .3s;position:fixed;top:0;left:0;box-shadow:0 0 18px #49fb8759}.xp-cursor:after{content:"";background:var(--brand-light);border-radius:9999px;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}@media (pointer:coarse){.xp-spot,.xp-cursor{display:none}}.xp-split .w{vertical-align:bottom;margin-bottom:-.12em;padding-bottom:.12em;display:inline-block;overflow:hidden}.xp-split .ch{will-change:transform, opacity;display:inline-block}@keyframes xp-ch{0%{opacity:0;transform:translateY(110%)rotate(8deg)}to{opacity:1;transform:none}}.xp-reveal{opacity:0;filter:blur(10px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),filter .9s cubic-bezier(.22,1,.36,1);transition-delay:var(--d,0s);transform:translateY(36px)}.xp-reveal.is-in{opacity:1;filter:none;transform:none}.xp-tilt{transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;transition:transform .12s ease-out;position:relative}.xp-tilt.is-idle{transition:transform .7s cubic-bezier(.22,1,.36,1)}.xp-tilt-glare{border-radius:inherit;pointer-events:none;background:radial-gradient(380px circle at var(--gx,50%) var(--gy,50%), #ffffff1f, transparent 48%);opacity:var(--go,0);transition:opacity .35s;position:absolute;inset:0}.xp-lift{transform:translateZ(40px)}.xp-magnetic{will-change:transform;display:inline-block}.xp-marquee{white-space:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.xp-marquee-track{will-change:transform;display:inline-flex}.xp-marquee-group{flex-shrink:0;align-items:center;display:inline-flex}.xp-outline{color:#0000;-webkit-text-stroke:1px #ecedee73}.xp-screen{opacity:0;pointer-events:none;transition:opacity .45s,transform .65s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translateY(28px)scale(.97)}.xp-screen.is-active{opacity:1;transform:none}.xp-screen-inline{pointer-events:auto;position:relative;inset:auto}.xp-screen .stag{opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i,0) * 80ms + .18s);transform:translateY(12px)}.xp-screen.is-active .stag{opacity:1;transform:none}.xp-screen .fill{transform-origin:0;transition:transform 1.1s cubic-bezier(.22,1,.36,1) .4s;transform:scaleX(0)}.xp-screen.is-active .fill{transform:scaleX(1)}.xp-level{--from:#565b61;--to:#2c2f34;--metal:#cdd2d7;background:linear-gradient(150deg, var(--from), var(--to));transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s;box-shadow:inset 0 1px #ffffff2e,0 10px 30px -12px #000000b3}.xp-level:hover,.xp-level:active{box-shadow:inset 0 1px 0 #ffffff40, 0 24px 40px -16px #000c, 0 0 40px -10px var(--metal);transform:translateY(-10px)scale(1.04)}.xp-level-shine{border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff38 48%,#0000 60%);transition:transform .9s;position:absolute;inset:0;transform:translate(-120%)}.xp-level:hover .xp-level-shine,.xp-level:active .xp-level-shine{transform:translate(120%)}@keyframes xp-spin{to{transform:rotate(1turn)}}.xp-lights{background:conic-gradient(from 0deg, transparent 0 38%, #49fb8729 44%, transparent 50%, transparent 78%, #ffffff12 86%, transparent 92%);animation:22s linear infinite xp-spin}.xp-mask{--mask-pos:50% 50%;-webkit-mask-image:radial-gradient(circle,#000 0 35%,#0000 70%);mask-image:radial-gradient(circle,#000 0 35%,#0000 70%);-webkit-mask-size:440px 440px;mask-size:440px 440px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:var(--mask-pos);-webkit-mask-position:var(--mask-pos);mask-position:var(--mask-pos)}@keyframes xp-mask-roam{0%{-webkit-mask-position:10% 20%;mask-position:10% 20%}50%{-webkit-mask-position:90% 80%;mask-position:90% 80%}to{-webkit-mask-position:10% 20%;mask-position:10% 20%}}@media (pointer:coarse){.xp-mask{animation:9s ease-in-out infinite xp-mask-roam}}@keyframes xp-shimmer{to{background-position:200%}}.xp-shimmer{background-image:linear-gradient(110deg, var(--brand) 0%, #b9ffd2 25%, var(--brand-light) 50%, var(--brand) 75%, #b9ffd2 100%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text}@media (pointer:fine){.xp-shimmer{animation:5s linear infinite xp-shimmer}}@keyframes xp-wheel{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(10px)}to{opacity:0;transform:translateY(0)}}.xp-wheel{animation:1.8s ease-in-out infinite xp-wheel}@keyframes xp-breathe{0%,to{opacity:.6}50%{opacity:1}}.xp-breathe{animation:6s ease-in-out infinite xp-breathe}.xp-confetti{z-index:90;pointer-events:none;border-radius:2px;width:8px;height:8px;position:fixed}.xp-ball{touch-action:none;cursor:grab;will-change:transform;filter:drop-shadow(0 12px 10px #0000008c)drop-shadow(0 0 14px #49fb8740);transition:filter .25s}.xp-ball.is-held{cursor:grabbing;filter:drop-shadow(0 22px 16px #0000008c)drop-shadow(0 0 22px #49fb8780)}@keyframes xp-net-shake{0%{transform:none}25%{transform:skew(7deg)scaleY(.95)}55%{transform:skew(-5deg)scaleY(1.02)}to{transform:none}}.xp-goal .xp-net{transform-origin:50% 100%}.xp-goal.is-hit .xp-net{animation:.55s xp-net-shake}@keyframes xp-gol{0%{opacity:0;transform:scale(.5)rotate(-8deg)}18%{opacity:1;transform:scale(1.12)rotate(2deg)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.25)translateY(-30px)}}.xp-gol{opacity:0;pointer-events:none}.xp-gol.is-on{animation:1.2s cubic-bezier(.22,1,.36,1) forwards xp-gol}.xp-range{width:100%;height:28px;accent-color:var(--brand);cursor:pointer}@keyframes xp-pop{0%{transform:scale(.88)}55%{transform:scale(1.08)}to{transform:none}}.xp-crest-pop{animation:.55s cubic-bezier(.22,1,.36,1) xp-pop}.xp-level{transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s,filter .6s,opacity .6s}.xp-level.is-locked{filter:grayscale(.95);opacity:.4}.xp-level.is-current{box-shadow:inset 0 1px 0 #ffffff40, 0 0 0 2px var(--metal), 0 0 48px -8px var(--metal)}.xp-ach .xp-ach-color,.xp-ach .xp-ach-lock,.xp-ach .xp-ach-cta{transition:filter .5s,opacity .5s,transform .5s cubic-bezier(.22,1,.36,1)}.xp-ach.is-locked .xp-ach-color{filter:grayscale();opacity:.35}.xp-ach.is-open .xp-ach-lock{opacity:0;transform:translate(-50%,-50%)scale(.4)}.xp-ach.is-open .xp-level-shine{transform:translate(120%)}.xp-ach:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.xp-split .ch{opacity:1!important;animation:none!important;transform:none!important}.xp-reveal{opacity:1;filter:none;transition:none;transform:none}.xp-tilt,.xp-magnetic,.xp-level,.xp-ach .xp-ach-color,.xp-ach .xp-ach-lock{transition:none}.xp-gol.is-on,.xp-goal.is-hit .xp-net,.xp-crest-pop{animation:none}.xp-gol.is-on{opacity:1}.xp-lights,.xp-shimmer,.xp-wheel,.xp-breathe,.xp-mask{animation:none}.xp-screen .stag{transition-delay:0s}}