.gfx-scope{position:absolute;inset:0;container-type:size}.gfx-common{--gfx-a:#f472b6;--gfx-b:#a78bfa;--gfx-c:#fdf2f8}.gfx-rare{--gfx-a:#38bdf8;--gfx-b:#818cf8;--gfx-c:#e0f2fe}.gfx-epic{--gfx-a:#c084fc;--gfx-b:#ec4899;--gfx-c:#fae8ff}.gfx-legendary{--gfx-a:#fbbf24;--gfx-b:#f97316;--gfx-c:#fef3c7}.gfx-stage{position:fixed;inset:0;z-index:120;overflow:hidden;pointer-events:none;container-type:size;--gfx-dur:5s;--gfx-impact:500ms;--gfx-hero:30cqmin;--gfx-y:42%;animation:gfx-stage-out var(--gfx-dur) linear forwards}.gfx-shake{position:absolute;inset:0}.gfx-epic .gfx-shake{animation:gfx-shake .45s linear var(--gfx-impact) 1}.gfx-legendary .gfx-shake{animation:gfx-shake-big .9s linear var(--gfx-impact) 1}.gfx-canvas{position:absolute;inset:0;width:100%;height:100%}.gfx-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% var(--gfx-y),color-mix(in srgb,var(--gfx-a) 22%,transparent) 0 14%,rgb(0 0 0/.5) 55%,rgb(0 0 0/.72));animation:gfx-fade-in .45s ease-out both}.gfx-legendary .gfx-backdrop{background:radial-gradient(circle at 50% var(--gfx-y),color-mix(in srgb,var(--gfx-a) 30%,transparent) 0 12%,rgb(12 6 0/.72) 50%,rgb(0 0 0/.88))}.gfx-aurora{position:absolute;inset:-25%;background:radial-gradient(38% 30% at 25% 35%,color-mix(in srgb,var(--gfx-a) 55%,transparent),transparent 70%),radial-gradient(34% 28% at 75% 55%,color-mix(in srgb,var(--gfx-b) 50%,transparent),transparent 70%),radial-gradient(30% 25% at 50% 20%,color-mix(in srgb,#f472b6 35%,transparent),transparent 70%),radial-gradient(30% 25% at 45% 80%,color-mix(in srgb,#a78bfa 35%,transparent),transparent 70%);opacity:0;will-change:transform,opacity;animation:gfx-fade-in .8s ease-out var(--gfx-impact) forwards,gfx-aurora 3.4s ease-in-out infinite alternate}.gfx-orb{width:34cqmin;height:34cqmin;margin:-17cqmin 0 0 -17cqmin;border-radius:50%;background:radial-gradient(circle,#fff 0 18%,var(--gfx-c) 30%,color-mix(in srgb,var(--gfx-a) 70%,transparent) 50%,transparent 70%);animation:gfx-orb calc(var(--gfx-impact) + .45s) cubic-bezier(.5,0,.75,0) forwards}.gfx-orb,.gfx-rays{position:absolute;top:var(--gfx-y);left:50%;will-change:transform,opacity}.gfx-rays{width:180cqmax;height:180cqmax;margin:-90cqmax 0 0 -90cqmax;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--gfx-c) 60%,transparent) 0deg 4deg,transparent 4deg 15deg);mask-image:radial-gradient(circle,#000 0 5%,rgb(0 0 0/.55) 16%,transparent 44%);opacity:0;animation:gfx-rays-in .7s cubic-bezier(.16,1,.3,1) var(--gfx-impact) forwards,gfx-spin 14s linear infinite}.gfx-legendary .gfx-rays{background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--gfx-c) 75%,transparent) 0deg 3deg,transparent 3deg 9deg,color-mix(in srgb,var(--gfx-a) 45%,transparent) 9deg 11deg,transparent 11deg 18deg)}.gfx-glow{width:calc(var(--gfx-hero) * 2.4);height:calc(var(--gfx-hero) * 2.4);background:radial-gradient(circle,color-mix(in srgb,var(--gfx-c) 85%,transparent),color-mix(in srgb,var(--gfx-a) 45%,transparent) 32%,transparent 66%);animation:gfx-glow-in .6s ease-out var(--gfx-impact) forwards,gfx-pulse 1.4s ease-in-out calc(var(--gfx-impact) + .6s) infinite}.gfx-glow,.gfx-halo{position:absolute;top:var(--gfx-y);left:50%;translate:-50% -50%;border-radius:50%;opacity:0;will-change:transform,opacity}.gfx-halo{width:calc(var(--gfx-hero) * 1.55);height:calc(var(--gfx-hero) * 1.55);background:repeating-conic-gradient(from 0deg,var(--gfx-c) 0deg 6deg,transparent 6deg 14deg,var(--gfx-a) 14deg 22deg,transparent 22deg 30deg);mask-image:radial-gradient(circle,transparent 0 62%,#000 63% 66%,transparent 67%);animation:gfx-halo-in .6s cubic-bezier(.34,1.56,.64,1) var(--gfx-impact) forwards,gfx-spin 6s linear infinite}.gfx-halo-2{width:calc(var(--gfx-hero) * 2.1);height:calc(var(--gfx-hero) * 2.1);background:repeating-conic-gradient(from 0deg,var(--gfx-a) 0deg 2deg,transparent 2deg 10deg);mask-image:radial-gradient(circle,transparent 0 66%,#000 67% 68.5%,transparent 69.5%);animation:gfx-halo-in .7s cubic-bezier(.34,1.56,.64,1) calc(var(--gfx-impact) + .12s) forwards,gfx-spin-rev 9s linear infinite}.gfx-hero{position:absolute;top:var(--gfx-y);left:50%;translate:-50% -50%;font-size:var(--gfx-hero);line-height:1}.gfx-hero-in{display:block;will-change:transform,opacity}.gfx-hero img{display:block;width:1em;height:1em;object-fit:contain}.gfx-hero-bob{display:block;filter:drop-shadow(0 0 3cqmin var(--gfx-a)) drop-shadow(0 1.5cqmin 2cqmin rgb(0 0 0/.55));will-change:transform;animation:gfx-bob 2.2s ease-in-out calc(var(--gfx-impact) + .5s) infinite}.gfx-rare .gfx-hero-in{animation:gfx-hero-pop .8s cubic-bezier(.34,1.56,.64,1) both}.gfx-epic .gfx-hero-in{animation:gfx-hero-drop calc(var(--gfx-impact) + .52s) linear both}.gfx-legendary .gfx-hero-in{animation:gfx-hero-burst calc(var(--gfx-impact) + .8s) linear both}.gfx-title{position:absolute;left:50%;top:calc(var(--gfx-y) - var(--gfx-hero) * .5 - 13cqmin);translate:-50% 0;white-space:nowrap;opacity:0;animation:gfx-title-in .75s cubic-bezier(.16,1,.3,1) calc(var(--gfx-impact) + .16s) forwards}.gfx-title span{display:block;font-family:var(--font-display);font-size:min(10cqmin,5.5rem);font-weight:900;font-style:italic;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(100deg,var(--gfx-c) 20%,#fff 40%,var(--gfx-a) 55%,var(--gfx-c) 75%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 .4cqmin 0 rgb(0 0 0/.55));animation:gfx-shimmer 1.8s linear calc(var(--gfx-impact) + .4s) infinite}.gfx-card{position:absolute;left:50%;top:calc(var(--gfx-y) + var(--gfx-hero) * .62);translate:-50% 0;width:max-content;min-width:min(78cqw,17rem);max-width:min(92cqw,26rem);opacity:0;animation:gfx-card-in .7s cubic-bezier(.16,1,.3,1) calc(var(--gfx-impact) + .26s) forwards}.gfx-card-body{position:relative;overflow:hidden;background:linear-gradient(100deg,color-mix(in srgb,var(--gfx-a) 85%,#000),color-mix(in srgb,var(--gfx-b) 85%,#000));box-shadow:0 0 0 1.5px color-mix(in srgb,var(--gfx-c) 55%,transparent),0 .8rem 2.6rem -.4rem color-mix(in srgb,var(--gfx-a) 75%,transparent)}.gfx-card-body:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgb(255 255 255/.5) 50%,transparent 70%);translate:-120% 0;animation:gfx-sheen 1.3s ease-in-out calc(var(--gfx-impact) + .9s) 3}.gfx-avatar-ring{background:conic-gradient(from 0deg,var(--gfx-c),var(--gfx-a),var(--gfx-b),var(--gfx-c));animation:gfx-spin 2.4s linear infinite}.gfx-avatar-ring>*{animation:gfx-spin-rev 2.4s linear infinite}.gfx-coins{background:linear-gradient(180deg,#fff7c2,#fbbf24 55%,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgb(0 0 0/.5))}.gfx-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% var(--gfx-y),#fff,color-mix(in srgb,var(--gfx-c) 70%,transparent) 45%,transparent 80%);opacity:0}.gfx-epic .gfx-flash{animation:gfx-flash .55s ease-out var(--gfx-impact) 1;--gfx-flash:0.55}.gfx-legendary .gfx-flash{background:#fff;animation:gfx-flash .8s ease-out var(--gfx-impact) 1;--gfx-flash:0.95}.gfx-lane{position:relative;animation:gfx-lane-in .42s cubic-bezier(.34,1.56,.64,1) both}.gfx-lane.is-leaving{animation:gfx-lane-out .32s ease-in forwards}.gfx-lane-pill{background:linear-gradient(90deg,color-mix(in srgb,var(--gfx-a) 78%,rgb(0 0 0/.55)),color-mix(in srgb,var(--gfx-b) 35%,transparent) 85%,transparent)}.gfx-common .gfx-lane-pill{background:linear-gradient(90deg,rgb(0 0 0/.72),rgb(0 0 0/.45) 80%,transparent)}.gfx-lane-icon{filter:drop-shadow(0 0 .5rem var(--gfx-a));animation:gfx-lane-icon .5s cubic-bezier(.34,1.56,.64,1) .1s both}.gfx-combo{background:linear-gradient(180deg,#fff 20%,var(--gfx-c) 55%,var(--gfx-a));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgb(0 0 0/.55)) drop-shadow(0 0 .4rem var(--gfx-a));animation:gfx-combo .45s cubic-bezier(.34,1.56,.64,1) both}.gfx-lane-spark{position:absolute;left:calc(100% - 4.6rem);top:50%;width:3.4rem;height:3.4rem;margin-top:-1.7rem;border-radius:50%;background:radial-gradient(circle,#fff 0 8%,var(--gfx-c) 18%,color-mix(in srgb,var(--gfx-a) 60%,transparent) 38%,transparent 62%);mix-blend-mode:screen;pointer-events:none;animation:gfx-lane-spark .55s ease-out both}@container (max-height: 22rem){.gfx-lane{scale:.82;transform-origin:left center}}@keyframes gfx-stage-out{0%,93%{opacity:1}to{opacity:0}}@keyframes gfx-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gfx-aurora{0%{transform:translate3d(-4%,-2%,0) scale(1)}to{transform:translate3d(4%,3%,0) scale(1.14)}}@keyframes gfx-spin{to{rotate:1turn}}@keyframes gfx-spin-rev{to{rotate:-1turn}}@keyframes gfx-rays-in{0%{opacity:0;scale:.15}to{opacity:1;scale:1}}@keyframes gfx-glow-in{0%{opacity:0;scale:.3}35%{opacity:1;scale:1.35}to{opacity:.85;scale:1}}@keyframes gfx-pulse{0%,to{scale:1}50%{scale:1.08}}@keyframes gfx-halo-in{0%{opacity:0;scale:.2}to{opacity:1;scale:1}}@keyframes gfx-orb{0%{opacity:0;transform:scale(.05)}25%{opacity:1}74%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(4.5)}}@keyframes gfx-hero-pop{0%{opacity:0;transform:scale(.1) rotate(-30deg)}40%{opacity:1;transform:scale(1.3) rotate(8deg)}65%{transform:scale(.92) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes gfx-hero-drop{0%{opacity:0;transform:translateY(-75cqh) scale(.35) rotate(-25deg)}10%{opacity:1}52%{transform:translateY(0) scale(1.18,.82) rotate(0)}64%{transform:translateY(-4cqh) scale(.94,1.08)}78%{transform:translateY(0) scale(1.05,.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gfx-hero-burst{0%,62%{opacity:0;transform:scale(0) rotate(-120deg)}70%{opacity:1;transform:scale(1.55) rotate(10deg)}80%{transform:scale(.88) rotate(-4deg)}90%{transform:scale(1.06) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes gfx-bob{0%,to{transform:translateY(0) rotate(0deg) scale(1)}50%{transform:translateY(-2.5cqmin) rotate(3deg) scale(1.03)}}@keyframes gfx-title-in{0%{opacity:0;transform:scale(2.4);filter:blur(1.2cqmin)}60%{opacity:1;transform:scale(.94);filter:blur(0)}to{opacity:1;transform:scale(1)}}@keyframes gfx-shimmer{0%{background-position:200% 0}to{background-position:-50% 0}}@keyframes gfx-card-in{0%{opacity:0;transform:translateY(6cqh) scale(.7)}60%{opacity:1;transform:translateY(0) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gfx-sheen{to{translate:120% 0}}@keyframes gfx-flash{0%{opacity:var(--gfx-flash,.6)}to{opacity:0}}@keyframes gfx-shake{0%,to{transform:translate(0)}20%{transform:translate(-.9cqmin,.6cqmin)}40%{transform:translate(.9cqmin,-.6cqmin)}60%{transform:translate(-.6cqmin,-.4cqmin)}80%{transform:translate(.4cqmin,.4cqmin)}}@keyframes gfx-shake-big{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-2cqmin,1.4cqmin) rotate(-.6deg)}22%{transform:translate(2cqmin,-1.4cqmin) rotate(.6deg)}34%{transform:translate(-1.5cqmin,-1cqmin) rotate(-.4deg)}46%{transform:translate(1.4cqmin,1cqmin) rotate(.4deg)}60%{transform:translate(-.8cqmin,.6cqmin)}75%{transform:translate(.5cqmin,-.4cqmin)}}@keyframes gfx-lane-in{0%{opacity:0;transform:translateX(-110%)}to{opacity:1;transform:translateX(0)}}@keyframes gfx-lane-out{to{opacity:0;transform:translateX(-40%) scale(.92)}}@keyframes gfx-lane-icon{0%{transform:scale(.2) rotate(-30deg)}to{transform:scale(1) rotate(-8deg)}}@keyframes gfx-combo{0%{transform:scale(2.6);opacity:0}55%{transform:scale(.86);opacity:1}to{transform:scale(1)}}@keyframes gfx-lane-spark{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.8)}}.gfx-reduced .gfx-aurora,.gfx-reduced .gfx-flash,.gfx-reduced .gfx-halo,.gfx-reduced .gfx-orb,.gfx-reduced .gfx-rays{display:none}@media (prefers-reduced-motion:reduce){.gfx-avatar-ring,.gfx-avatar-ring>*,.gfx-card-body:after,.gfx-hero-bob,.gfx-shake,.gfx-title span{animation:none!important}.gfx-card,.gfx-glow,.gfx-hero-in,.gfx-title{animation:gfx-fade-in .4s ease-out both!important}.gfx-combo,.gfx-lane,.gfx-lane-icon,.gfx-lane-spark,.gfx-lane.is-leaving{animation-name:fade-in!important}}