@property --mx{syntax:"<number>";inherits:true;initial-value:.5}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0c0822;--ink-2:#150e38;--ink-3:#1d1450;--deep:#1b0f47;--pearl:#f6f2ff;--text:#ece7ff;--muted:#c3badf;--pink:#ff9ad8;--hot:#ff7fd0;--lilac:#b99cff;--sky:#7fe3ff;--mint:#9dffcf;--lemon:#fff38a;--holo:linear-gradient(100deg, var(--pink), var(--lilac) 28%, var(--sky) 52%, var(--mint) 74%, var(--lemon));--chrome:linear-gradient(180deg, #fff 0%, #f1ecff 18%, #b8adf5 40%, #4b35a3 49%, #24165f 52%, #8c7bea 62%, #ffd1f0 82%, #fff 100%);--display:"Unbounded", "Outfit", system-ui, sans-serif;--body:"Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--pixel:"Silkscreen", "Outfit", system-ui, sans-serif;--spring:cubic-bezier(.3, 1.6, .5, 1)}*,:before,:after{box-sizing:border-box}html{background:var(--ink);-webkit-text-size-adjust:100%}html:not(.lenis){scroll-behavior:smooth}html.lenis,html.lenis body{height:auto}.lenis.lenis-stopped{overflow:clip}body{font-family:var(--body);color:var(--text);background:radial-gradient(60vmax 60vmax at 110% 40%, #7fe3ff12, transparent 60%), radial-gradient(60vmax 60vmax at -10% 70%, #ff9ad812, transparent 60%), var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.5}main,.foot{overflow-x:clip}img,svg,canvas{max-width:100%;display:block}[data-mascot] svg{width:100%;height:100%}a{color:inherit}button{font:inherit;color:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip{z-index:100;background:var(--lemon);color:var(--deep);border-radius:999px;padding:12px 18px;font-weight:700;text-decoration:none;transition:top .2s;position:fixed;top:-80px;left:16px}.skip:focus{top:16px}:focus-visible{outline:3px solid var(--lemon);outline-offset:4px;border-radius:10px}.kicker{font-family:var(--pixel);letter-spacing:.14em;text-transform:uppercase;color:var(--lemon);margin:0;font-size:13px}.holo-text{background:var(--holo);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite alternate holoText}@keyframes holoText{to{background-position:100% 0}}.foil{border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(115deg,#ff3cbe8c 0%,#965aff8c 5%,#28d2ff8c 10%,#28ffa08c 15%,#ffeb3c8c 20%,#ff3cbe8c 25%) 0 0/260% 260%;background-position:var(--px,50%) var(--py,50%);mix-blend-mode:color-dodge;opacity:.16;transition:opacity .35s;position:absolute;inset:0}.is-tilting .foil{opacity:.5}.glare{border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--px,50%) var(--py,30%), #ffffff8c, transparent 48%);mix-blend-mode:overlay;opacity:0;transition:opacity .35s;position:absolute;inset:0}.is-tilting .glare{opacity:1}.bubble,.pill,.reseal{color:var(--deep);cursor:pointer;isolation:isolate;transition:transform .25s var(--spring), box-shadow .25s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.bubble:before,.pill:before,.reseal:before{content:"";pointer-events:none;background:linear-gradient(#ffffffe6,#fff0);border-radius:999px;height:44%;position:absolute;top:4px;left:12%;right:12%}.bubble{min-height:58px;padding:0 30px;font-size:17px}.bubble:hover,.pill:hover,.reseal:hover{transform:translateY(-3px)scale(1.04)}.bubble:active,.pill:active,.reseal:active{transform:scale(.95)}.bubble--pink{background:linear-gradient(#ffd0ee 0%,#ff8fd6 45%,#e64fb4 100%);box-shadow:inset 0 -7px 14px #82005a59,inset 0 2px #ffffffb3,0 12px 34px #ff5ac873,0 0 0 3px #ffffff1f}.bubble--chrome,.pill,.reseal{background:linear-gradient(#fff 0%,#e8e3ff 38%,#9d92df 52%,#d8d1ff 72%,#fff 100%);box-shadow:inset 0 -6px 12px #3c1e8c4d,inset 0 2px #ffffffe6,0 12px 34px #9678ff66,0 0 0 3px #ffffff1f}.nav{z-index:50;pointer-events:none;padding:0 12px;position:fixed;inset:12px 0 auto}.nav-inner{pointer-events:auto;-webkit-backdrop-filter:blur(16px)saturate(160%);background:#160d3a8c;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;max-width:1200px;height:62px;margin:0 auto;padding:6px 8px 6px 12px;transition:background .3s;display:flex;position:relative;box-shadow:0 10px 40px #00000040,inset 0 1px #ffffff1f}.nav.scrolled .nav-inner{background:#10092cd1}.brand{border-radius:999px;align-items:center;gap:10px;margin-right:auto;padding:2px 8px 2px 2px;text-decoration:none;display:flex}.brand-mark{width:40px;height:40px;transition:transform .4s var(--spring);background:radial-gradient(circle at 35% 30%,#3a2590,#120a33 70%);border-radius:50%;padding:3px;box-shadow:inset 0 0 0 1.5px #ffffff59,0 0 16px #b99cff73}.brand:hover .brand-mark{transform:rotate(-12deg)scale(1.1)}.brand-word{font-family:var(--display);letter-spacing:.02em;background:var(--chrome);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:900}.nav-links{align-items:center;gap:2px;display:flex}.nav-links a{color:var(--text);border-radius:999px;padding:10px 14px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,color .2s}.nav-links a:hover{color:#fff;background:#ffffff1a}.nav-links .nav-flavours{color:var(--muted)}.pill{white-space:nowrap;height:46px;padding:0 20px;font-size:15px}.menu-btn{cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:50%;place-items:center;width:46px;height:46px;display:none}.menu-dots{gap:4px;display:flex}.menu-dots i{background:var(--holo);background-size:400% 100%;border-radius:50%;width:6px;height:6px}.menu-dots i:nth-child(2){background-position:50% 0}.menu-dots i:nth-child(3){background-position:100% 0}@media (width<=860px){.menu-btn{display:grid}.nav-links{opacity:0;visibility:hidden;transition:opacity .2s, transform .25s var(--spring), visibility 0s .25s;background:linear-gradient(170deg,#22145a,#120a33);border:1px solid #ffffff29;border-radius:28px;gap:4px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);left:0;right:0;transform:translateY(-8px)scale(.98);box-shadow:0 30px 60px #00000073}.nav.menu-open .nav-links{opacity:1;visibility:visible;transition:opacity .2s, transform .25s var(--spring), visibility 0s;transform:none}.nav-links a{padding:14px 18px;font-size:17px}}@media (width<=400px){.brand-word{font-size:15px}.pill{padding:0 14px;font-size:14px}.nav-inner{gap:6px}}.hero{isolation:isolate;place-items:center;min-height:100svh;padding:100px 16px 72px;display:grid;position:relative;overflow:hidden}.hero-bg{z-index:-1;background:radial-gradient(130% 90% at 50% 0,#2c1675 0%,#170d44 42%,#0c0822 78%);position:absolute;inset:0;overflow:hidden}.hero-bg:after{content:"";z-index:1;background:var(--holo);opacity:.7;height:2px;position:absolute;bottom:38%;left:0;right:0;box-shadow:0 0 30px 8px #b99cff73}.aurora{mix-blend-mode:screen;opacity:.55;border-radius:50%;width:70vmax;height:70vmax;animation:16s ease-in-out infinite alternate drift;position:absolute}.a1{background:radial-gradient(circle,#ff6ed2b3,#0000 62%);top:-30vmax;left:-30vmax}.a2{background:radial-gradient(circle,#5ad2ff99,#0000 62%);animation-duration:20s;animation-delay:-6s;top:-18vmax;right:-34vmax}.a3{background:radial-gradient(circle,#78ffbe73,#0000 62%);animation-duration:24s;animation-delay:-12s;bottom:-46vmax;left:10vmax}@keyframes drift{to{transform:translate(8vmax,6vmax)scale(1.12)}}.spot{background:radial-gradient(460px circle at calc(var(--mx) * 100%) calc(var(--my,.35) * 100%), #c8aaff38, transparent 60%);position:absolute;inset:0}.floor{transform-origin:50% 100%;opacity:.8;background-image:linear-gradient(90deg,#ff96e699 2px,#0000 2px),linear-gradient(#7fe3ff99 2px,#0000 2px);background-size:70px 70px;height:38%;animation:2.2s linear infinite floor;position:absolute;bottom:0;left:-50%;right:-50%;transform:perspective(520px)rotateX(56deg);-webkit-mask-image:linear-gradient(#0000 0%,#000 90%);mask-image:linear-gradient(#0000 0%,#000 90%)}@keyframes floor{to{background-position:0 70px}}.twinkle{aspect-ratio:1;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);background:#fff;width:18px;animation:2.6s ease-in-out infinite twinkle;position:absolute}.t1{top:22%;left:9%}.t2{background:var(--pink);width:26px;animation-delay:-.8s;top:18%;left:84%}.t3{background:var(--sky);width:12px;animation-delay:-1.6s;top:58%;left:18%}.t4{background:var(--lemon);width:14px;animation-delay:-.4s;top:52%;left:90%}.t5{width:10px;animation-delay:-2s;top:12%;left:34%}.t6{background:var(--mint);width:16px;animation-delay:-1.2s;top:66%;left:66%}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(45deg)}}.hero.is-off .aurora,.hero.is-off .floor,.hero.is-off .twinkle,.hero.is-off .halo,.hero.is-off .orbit i,.hero.is-off .chrome-star{animation-play-state:paused}.hero-inner{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:1200px;display:flex;position:relative}.hero-kicker .blink{animation:1.2s steps(2,jump-none) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.stage{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:min(38svh,340px,70vw);margin:14px auto -3%;padding:0;position:relative}.stage:before{content:"";background:radial-gradient(circle at 32% 24%,#ffffff73 0 6%,#ffffff14 22%,#0000 40%),radial-gradient(circle at 50% 55%,#3c1e8c59,#1e0e5099 70%);border-radius:50%;position:absolute;inset:4%;box-shadow:inset 0 -24px 50px #7fe3ff47,inset 0 24px 50px #ff9ad840,inset 0 0 0 1.5px #ffffff47,0 30px 60px -20px #000000b3}.halo{z-index:-1;background:conic-gradient(from 0deg, var(--pink), var(--lilac), var(--sky), var(--mint), var(--lemon), var(--pink));filter:blur(26px);opacity:.6;border-radius:50%;animation:10s linear infinite spin;position:absolute;inset:-2%}@keyframes spin{to{transform:rotate(360deg)}}.orbit{pointer-events:none;border:2px solid #ffffff4d;border-radius:50%;height:24%;position:absolute;top:60%;left:-14%;right:-14%;transform:rotate(-9deg)}.orbit i{background:radial-gradient(circle at 32% 30%, #fff 0 12%, var(--hot) 45%, #6a2fd9 100%);offset-path:ellipse(50% 50% at 50% 50%);offset-rotate:0deg;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;animation:5s linear infinite orbit;position:absolute;box-shadow:0 0 14px #ff7fd0e6}@keyframes orbit{0%{offset-distance:0%}to{offset-distance:100%}}.pixel-boy{width:100%;height:100%;position:absolute;inset:0}.chrome-star{aspect-ratio:1;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);pointer-events:none;background:linear-gradient(155deg,#fff 10%,#d8cfff 38%,#4a3597 50%,#ffd1f0 66%,#fff 90%);animation:5s ease-in-out infinite starFloat;position:absolute}.cs1{width:17%;top:4%;right:-2%}.cs2{width:11%;animation-delay:-2.4s;bottom:20%;left:-1%}@keyframes starFloat{0%,to{translate:0;rotate:0deg}50%{translate:0 -12px;rotate:30deg}}.poke{background:var(--lemon);color:var(--deep);font-family:var(--pixel);letter-spacing:.06em;transition:opacity .4s, scale .4s var(--spring);border-radius:10px;padding:6px 10px;font-size:11px;animation:2.4s ease-in-out 3s infinite pokeHint;position:absolute;bottom:14%;right:-8%;rotate:8deg;box-shadow:0 6px 16px #0000004d}.poke:before{content:"";border:6px solid #0000;border-left:0;border-right-color:var(--lemon);margin-top:-6px;position:absolute;top:50%;left:-6px}@keyframes pokeHint{0%,to{translate:0}50%{translate:-6px}}.stage:hover .poke{scale:1.1}.stage.poked .poke{opacity:0;scale:.6}.stage:focus-visible{outline-offset:8px;border-radius:50%}.wordmark{z-index:2;font-family:var(--display);letter-spacing:-.015em;margin:0;font-size:clamp(44px,min(13.4vw,17svh),190px);font-weight:900;line-height:1;position:relative}.wm{perspective:900px;padding:.04em .12em .14em .04em;display:inline-flex}.wl{transition:translate .35s var(--spring);display:inline-block;position:relative}.wl:hover{translate:0 -.08em}.wl>span,.wl:before,.wl:after{display:block}.wl>span{background:var(--chrome);color:#0000;background-size:100% 100%;-webkit-background-clip:text;background-clip:text;position:relative}.wl:before{content:attr(data-l);color:#1c0f4d;-webkit-text-stroke:.1em #1c0f4d;text-shadow:.015em .02em #2d1a70,.03em .04em #2a1868,.045em .06em #24145c,.06em .08em #1e1050,.075em .1em #180c44,0 0 .5em #ff6edc80;position:absolute;top:0;left:0}.wl:after{content:attr(data-l);color:#0000;background-color:#0000;background-image:linear-gradient(112deg,#0000 30%,#fffffff2 45%,#0000 52%),linear-gradient(112deg,#0000 18%,#ff78d7f2 28%,#aa82fff2 36%,#5adcfff2 44%,#6effbef2 52%,#fff06ef2 60%,#0000 72%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:700% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;background-position:calc((1.35 - var(--mx) * 1.7 + var(--i,0) * .075) * 100%) 0;mix-blend-mode:hard-light;opacity:.9;-webkit-background-clip:text;background-clip:text;position:absolute;top:0;left:0}.wl:first-child{--i:0}.wl:nth-child(2){--i:1}.wl:nth-child(3){--i:2}.wl:nth-child(4){--i:3}.wl:nth-child(5){--i:4}.wl:nth-child(6){--i:5}.wl:nth-child(7){--i:6}@media (hover:none){.wordmark{animation:3.6s ease-in-out infinite alternate sweep}}@keyframes sweep{0%{--mx:0}to{--mx:1}}.hero-sub{color:#ddd5ff;max-width:640px;margin:20px auto 28px;font-size:clamp(16px,1.9vw,19px)}.hero-sub strong{color:#fff}.hero-cta{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.tape{z-index:3;background:var(--holo);border-block:3px solid var(--deep);margin:-34px -40px 0;padding:14px 0;position:relative;overflow:hidden;rotate:-2.2deg;box-shadow:0 16px 40px #0006}.tape-track{width:max-content;animation:34s linear infinite marquee;display:flex}.tape-track span{font-family:var(--display);text-transform:uppercase;white-space:nowrap;color:var(--deep);padding:0 22px;font-size:clamp(14px,1.7vw,19px);font-weight:800}@keyframes marquee{to{transform:translate(-50%)}}.section{max-width:1232px;margin:0 auto;padding:clamp(96px,12vw,160px) 16px 0;scroll-margin-top:20px}.sec-head{max-width:780px;margin-bottom:clamp(36px,5vw,64px)}.sec-head h2,.continue-title{font-family:var(--display);letter-spacing:-.035em;color:#fff;margin:12px 0 16px;font-size:clamp(34px,6vw,74px);font-weight:800;line-height:1.02}.lead{max-width:640px;color:var(--muted);margin:0;font-size:clamp(16px,1.7vw,19px)}.lead strong{color:#fff}.js [data-reveal]{opacity:0;transition:opacity .7s ease var(--d,0s), translate .9s cubic-bezier(.2, .9, .2, 1.15) var(--d,0s);translate:0 30px}.js [data-reveal].in{opacity:1;translate:none}.player-grid{grid-template-columns:1.4fr 1fr;align-items:center;gap:clamp(28px,5vw,56px);display:grid}.idcard{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));background:radial-gradient(120% 90% at 0 0,#ff9ad82e,#0000 50%),radial-gradient(120% 90% at 100% 100%,#7fe3ff29,#0000 50%),linear-gradient(160deg,#241a5e,#140c3a);border-radius:28px;padding:clamp(18px,2.4vw,28px);transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .7s,translate .9s cubic-bezier(.2,.9,.2,1.15);position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #000c,0 0 0 1px #ffffff29,0 0 60px -10px #b99cff59}.idcard.is-tilting{transition:transform 80ms linear,opacity .7s,translate .9s}.idcard:before{content:"";border-radius:inherit;background:conic-gradient(from 120deg, var(--pink), var(--lilac), var(--sky), var(--mint), var(--lemon), var(--pink));-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.id-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.id-tag{background:var(--lemon);color:var(--deep);font-family:var(--pixel);letter-spacing:.08em;text-transform:uppercase;border-radius:10px;padding:6px 12px;font-size:12px}.id-stars{color:var(--lemon);letter-spacing:.15em;text-shadow:0 0 12px #fff38a99}.id-body{grid-template-columns:minmax(110px,170px) 1fr;align-items:start;gap:clamp(16px,2.4vw,26px);display:grid}.id-avatar{aspect-ratio:1;background:linear-gradient(#ffffff12 1px,#0000 1px) 0 0/10px 10px,linear-gradient(90deg,#ffffff12 1px,#0000 1px) 0 0/10px 10px,radial-gradient(circle at 50% 40%,#5b3cc7,#1a0f4a 72%);border-radius:22px;padding:12%;box-shadow:inset 0 0 0 2px #ffffff40,0 12px 30px #0006}.id-list{margin:0;display:grid}.id-list>div{border-bottom:1px dashed #ffffff29;grid-template-columns:96px 1fr;gap:10px;padding:9px 0;display:grid}.id-list dt{font-family:var(--pixel);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:4px;font-size:11px}.id-list dd{color:#fff;margin:0;font-weight:600}.xp{font-family:var(--pixel);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:12px;margin-top:20px;font-size:11px;display:flex}.xp-label{color:var(--mint)}.xp-note{color:var(--lemon)}.xp-bar{background:#ffffff1a;border-radius:99px;flex:1;height:14px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e}.xp-bar i{border-radius:inherit;background:repeating-linear-gradient(135deg, #ffffff59 0 6px, transparent 6px 12px), var(--holo);transform-origin:0;width:100%;height:100%;transition:transform 1.6s cubic-bezier(.2,.9,.2,1) .3s;display:block}.js .idcard:not(.in) .xp-bar i{transform:scaleX(0)}.id-link{color:var(--lemon);text-underline-offset:4px;margin-top:18px;font-weight:600;display:inline-block}.id-link:hover{color:#fff}.gotchi-wrap{flex-direction:column;align-items:center;gap:14px;display:flex}.gotchi{aspect-ratio:.86;background:radial-gradient(circle at 30% 20%,#fffffff2 0 5%,#0000 22%),linear-gradient(160deg,#ffd6f2,#c9b6ff 38%,#9fe8ff 70%,#c9ffe4);border-radius:50% 50% 46% 46%/56% 56% 44% 44%;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:min(290px,78vw);animation:3.4s ease-in-out infinite gotchiBob;display:flex;position:relative;box-shadow:inset -16px -22px 44px #5a28aa61,inset 12px 16px 30px #fff9,0 36px 70px -16px #ff6ed273}@keyframes gotchiBob{0%,to{translate:0;rotate:-2deg}50%{translate:0 -10px;rotate:2deg}}.gotchi-brand{font-family:var(--pixel);letter-spacing:.1em;color:#3b2470;margin-top:4%;font-size:11px}.gotchi-screen{aspect-ratio:1.02;background:linear-gradient(#2a23460f 1px,#0000 1px) 0 0/4px 4px,linear-gradient(160deg,#e3f1d7,#bcd6b3);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:60%;padding:8px;display:flex;box-shadow:inset 0 0 0 7px #3a2a78,inset 0 0 0 9px #fff6,inset 0 8px 18px #0000004d}.gotchi-lcd{aspect-ratio:1;width:62%;image-rendering:pixelated;opacity:.88}.gotchi-msg{font-family:var(--pixel);color:#2a2346;text-align:center;min-height:1.2em;margin:0;font-size:11px;line-height:1.2}.gotchi-btns{gap:16px;margin-bottom:2%;display:flex}.gotchi-btns button{cursor:pointer;background:radial-gradient(circle at 34% 30%, #fff 0 14%, var(--hot) 55%, #b1348c);border:0;border-radius:50%;width:38px;height:38px;transition:transform .1s,box-shadow .1s;box-shadow:0 5px #7d2463,0 8px 14px #0000004d}.gotchi-btns button:nth-child(2){background:radial-gradient(circle at 34% 30%, #fff 0 14%, var(--lilac) 55%, #6a44c8);translate:0 10px;box-shadow:0 5px #452a8d,0 8px 14px #0000004d}.gotchi-btns button:nth-child(3){background:radial-gradient(circle at 34% 30%, #fff 0 14%, var(--sky) 55%, #2d8fb8);box-shadow:0 5px #1f6485,0 8px 14px #0000004d}.gotchi-btns button:active{transform:translateY(4px);box-shadow:0 1px #452a8d,0 3px 6px #0000004d}.gotchi-cap{color:var(--muted);margin:0;font-size:14px}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin:clamp(40px,6vw,72px) 0 0;padding:0;list-style:none;display:grid}.stat{background:linear-gradient(165deg, hsl(var(--h) 90% 72% / .24), #ffffff08 70%);box-shadow:inset 0 0 0 1px hsl(var(--h) 90% 82% / .4), inset 0 1px 0 #fff3;border-radius:24px;flex-direction:column;gap:6px;padding:20px 20px 22px;display:flex;position:relative;overflow:hidden}.stat:after{content:"";aspect-ratio:1;background:hsl(var(--h) 100% 85% / .35);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);width:80px;position:absolute;top:-20px;right:-20px}.stat-label{font-family:var(--pixel);letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--h) 100% 86%);font-size:12px}.stat-num{font-family:var(--display);letter-spacing:-.03em;background:var(--chrome);color:#0000;filter:drop-shadow(0 3px #14083ce6);-webkit-background-clip:text;background-clip:text;font-size:clamp(42px,5.6vw,68px);font-weight:900;line-height:1}.stat-pre{vertical-align:.3em;font-size:.6em}.stat-desc{color:var(--muted);font-size:15px}.tcg{grid-template-columns:280px 1fr;align-items:start;gap:clamp(28px,5vw,64px);display:grid}.pack-col{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex;position:sticky;top:100px}.pack{aspect-ratio:.64;cursor:pointer;width:236px;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));filter:drop-shadow(0 30px 34px #0000008c)drop-shadow(0 0 30px #ff7fd040);-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .5s,filter .5s;animation:2.8s ease-in-out infinite packIdle;position:relative}.pack.is-tilting{transition:transform 80ms linear,opacity .5s,filter .5s}@keyframes packIdle{0%,to{translate:0}50%{translate:0 -8px}}.pack.shake{animation:70ms ease-in-out 6 alternate packShake}@keyframes packShake{0%{rotate:-4deg}to{rotate:4deg}}.pack-tear{background:repeating-linear-gradient(90deg,#ffffffe6 0 3px,#7864c8b3 3px 6px),linear-gradient(#fff,#b9aff0);border-radius:12px 12px 2px 2px;height:11%;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 -3px #2814644d}.pack-tear:after{content:"";border-bottom:2px dashed #1b0f478c;position:absolute;bottom:-3px;left:4%;right:4%}.pack-body{background:linear-gradient(135deg,#ffb3e6,#cdb6ff 25%,#9ee9ff 50%,#b7ffd9 72%,#fff5a8 92%) 0 0/200% 200%;border-radius:2px 2px 14px 14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px 16px 28px;animation:5s ease-in-out infinite alternate foilShift;display:flex;position:absolute;inset:11% 0 0;overflow:hidden}.pack-body:after{content:"";background:repeating-linear-gradient(90deg,#ffffffe6 0 3px,#7864c899 3px 6px);height:7%;position:absolute;bottom:0;left:0;right:0}@keyframes foilShift{to{background-position:100% 100%}}.pack .foil{opacity:.3}.pack.is-tilting .foil{opacity:.7}.pack-ed{background:var(--deep);color:var(--lemon);font-family:var(--pixel);letter-spacing:.06em;border-radius:8px;padding:4px 8px;font-size:9px;position:absolute;top:12px;right:10px;rotate:6deg}.pack-mark{aspect-ratio:1;background:radial-gradient(circle at 36% 30%,#3b2692,#120a33 70%);border-radius:50%;width:48%;margin-bottom:6px;padding:9%;box-shadow:0 0 0 4px #fff,0 0 0 7px #1b0f47b3,0 14px 30px #1b0f4773}.pack-title{font-family:var(--display);color:var(--deep);letter-spacing:-.02em;font-size:30px;font-weight:900;line-height:.92}.pack-sub,.pack-count{font-family:var(--pixel);letter-spacing:.06em;color:var(--deep);text-transform:uppercase;font-size:11px}.pack-count{background:#fff9;border-radius:6px;padding:3px 8px}.pack-flash{aspect-ratio:1;opacity:0;pointer-events:none;background:radial-gradient(circle,#fff 0 18%,#fff0b4cc 30%,#ff9ad866 50%,#0000 70%);border-radius:50%;width:80%;position:absolute;top:-30%;left:10%}.pack-col.is-open .pack{opacity:.5;filter:saturate(.7)drop-shadow(0 20px 24px #0006);cursor:default;animation:none}.pack-col.is-open .pack-tear{opacity:0}.pack-hint{font-family:var(--pixel);letter-spacing:.06em;text-transform:uppercase;color:var(--lemon);margin:0;font-size:12px}.ph-open,.pack-col.is-open .ph-sealed{display:none}.pack-col.is-open .ph-open{display:inline}.reseal{min-height:46px;padding:0 20px;font-size:15px}.reseal[hidden]{display:none}.binder{grid-template-columns:repeat(3,minmax(0,224px));justify-content:center;gap:clamp(12px,1.8vw,22px);margin:0;padding:0;list-style:none;display:grid}.slot{aspect-ratio:63/88;border-radius:16px;position:relative}.slot:before{content:"";background:repeating-linear-gradient(45deg,#ffffff08 0 10px,#0000 10px 20px);border:2px dashed #ffffff29;border-radius:16px;position:absolute;inset:0}.slot:after{content:"?";font-family:var(--display);color:#b99cff29;pointer-events:none;place-items:center;font-size:64px;font-weight:900;display:grid;position:absolute;inset:0}.js .binder.is-sealed .card{opacity:0;pointer-events:none}.card{z-index:1;cursor:pointer;text-align:left;perspective:900px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:16px;padding:0;position:absolute;inset:0;container-type:inline-size}.card-tilt{transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--s,1));border-radius:16px;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.card.is-tilting .card-tilt{transition:transform 80ms linear}.card:hover{--s:1.045;z-index:3}.card:focus-visible{outline:none}.card:focus-visible .card-tilt{outline:3px solid var(--lemon);outline-offset:5px}.card-flip{transform-style:preserve-3d;border-radius:16px;transition:transform .75s cubic-bezier(.3,1.35,.5,1);position:absolute;inset:0}.card.is-flipped .card-flip{transform:rotateY(180deg)}.face{backface-visibility:hidden;border-radius:16px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 18px 40px -12px #000000b3}.front{background:linear-gradient(150deg, hsl(var(--h) 95% 84%), hsl(calc(var(--h) + 50) 90% 76%) 45%, hsl(calc(var(--h) + 110) 95% 84%));color:var(--deep);gap:3cqw;padding:5.5cqw;box-shadow:inset 0 0 0 1.4cqw #ffffff8c,0 18px 40px -12px #000000b3}.card--legend .front{box-shadow:inset 0 0 0 1.4cqw #fff6aae6, 0 0 30px hsl(var(--h) 100% 70% / .55), 0 18px 40px -12px #000000b3}.c-top{justify-content:space-between;align-items:center;gap:2cqw;display:flex}.c-name{font-family:var(--display);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:max(11px,8cqw);font-weight:800;overflow:hidden}.c-stars{color:#5a1fb8;letter-spacing:-.05em;white-space:nowrap;font-size:max(8px,5.4cqw)}.c-art{background:linear-gradient(#ffffff14 1px, transparent 1px) 0 0 / 7cqw 7cqw, linear-gradient(90deg, #ffffff14 1px, transparent 1px) 0 0 / 7cqw 7cqw, radial-gradient(circle at 50% 42%, hsl(var(--h) 100% 66%), hsl(calc(var(--h) + 40) 70% 30%) 55%, #140a3a 90%);border-radius:3cqw;flex:1;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .8cqw #1b0f47e6,inset 0 -4cqw 8cqw #00000059}.c-sym{font-family:var(--display);letter-spacing:-.04em;background:var(--chrome);color:#0000;filter:drop-shadow(0 .8cqw 0 #1b0f47) drop-shadow(0 0 4cqw hsl(var(--h) 100% 75% / .8));-webkit-background-clip:text;background-clip:text;font-size:30cqw;font-weight:900;line-height:1}.c-no{font-family:var(--pixel);color:#fff;font-size:max(9px,5cqw);position:absolute;top:3cqw;left:4cqw}.c-rar{font-family:var(--pixel);color:var(--deep);text-transform:uppercase;background:#ffffffe6;border-radius:99px;padding:.8cqw 2.4cqw;font-size:max(8px,4.4cqw);position:absolute;bottom:3cqw;right:3cqw}.card--legend .c-rar{background:var(--lemon)}.c-type{font-size:max(10px,5.6cqw);font-weight:700;line-height:1.15}.c-stat{background:#ffffff9e;border-radius:2.4cqw;padding:1.6cqw 3cqw;font-size:max(10px,5.6cqw);font-weight:600;line-height:1.2}.c-foot{font-family:var(--pixel);color:#1b0f47bf;justify-content:space-between;font-size:max(7px,3.8cqw);display:flex}.back{text-align:center;background:radial-gradient(circle at 50% 30%, hsl(var(--h) 90% 55% / .55), transparent 60%), repeating-conic-gradient(from 45deg, #ffffff0d 0 25%, transparent 0 50%) 0 0 / 10cqw 10cqw, #170d42;box-shadow:inset 0 0 0 1.4cqw hsl(var(--h) 90% 80%), inset 0 0 0 2.6cqw #1b0f47, 0 18px 40px -12px #000000b3;color:var(--text);justify-content:center;align-items:center;gap:4cqw;padding:9cqw 8cqw;transform:rotateY(180deg)}.b-mark{aspect-ratio:1;width:40%;box-shadow:0 0 0 1cqw hsl(var(--h) 90% 80%), 0 0 8cqw hsl(var(--h) 100% 70% / .6);background:radial-gradient(circle at 36% 30%,#3b2692,#120a33 70%);border-radius:50%;padding:7%}.b-name{font-family:var(--display);color:#fff;font-size:max(12px,7.5cqw);font-weight:800}.b-text{color:#e6e0ff;font-size:max(11px,6.2cqw);line-height:1.35}.b-foot{font-family:var(--pixel);color:hsl(var(--h) 90% 82%);text-transform:uppercase;font-size:max(8px,4cqw)}.party{counter-reset:none;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,24px);margin:0;padding:0;list-style:none;display:grid}.agent{text-align:center;background:radial-gradient(90% 60% at 50% 20%, hsl(var(--h) 95% 70% / .3), transparent 70%), linear-gradient(175deg, #ffffff0f, #ffffff05);box-shadow:inset 0 0 0 1px hsl(var(--h) 90% 82% / .4), inset 0 1px 0 #fff3;transition:translate .9s cubic-bezier(.2, .9, .2, 1.15) var(--d,0s), opacity .7s var(--d,0s), transform .35s var(--spring);border-radius:28px;padding:26px 20px 24px;position:relative}.agent:hover{transform:translateY(-8px)rotate(-1.2deg)}.agent:not(:last-child):after{content:"";z-index:2;background:var(--lemon) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12h10m-4-4 4 4-4 4' fill='none' stroke='%231b0f47' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat;border-radius:50%;width:26px;height:26px;position:absolute;top:34%;right:calc(clamp(14px,2vw,24px)/-2 - 13px);box-shadow:0 0 16px #fff38ab3}.agent-slot{background:hsl(var(--h) 95% 82%);color:var(--deep);font-family:var(--pixel);border-radius:8px;padding:4px 8px;font-size:12px;position:absolute;top:14px;left:14px}.agent-art{width:72%;max-width:170px;margin:6px auto 10px;animation:2.6s ease-in-out infinite agentBob;display:block}.agent:nth-child(2) .agent-art{animation-delay:-.65s}.agent:nth-child(3) .agent-art{animation-delay:-1.3s}.agent:nth-child(4) .agent-art{animation-delay:-1.95s}.agent:hover .agent-art{animation-duration:.6s}@keyframes agentBob{0%,to{translate:0}50%{translate:0 -8px}}.agent-art svg{width:100%;height:auto;filter:drop-shadow(0 10px 18px #00000073) drop-shadow(0 0 16px hsl(var(--h) 100% 70% / .45));overflow:visible}.agent h3{font-family:var(--display);letter-spacing:-.02em;color:#fff;margin:0 0 4px;font-size:clamp(17px,1.7vw,21px);font-weight:800}.agent-class{font-family:var(--pixel);letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--h) 100% 86%);margin:0 0 10px;font-size:12px}.agent-move{color:var(--muted);margin:0;font-size:15px}.agent-move strong{color:#fff}.carts{grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.6vw,32px);margin:0;padding:0;list-style:none;display:grid}.cart{height:100%;color:var(--deep);clip-path:polygon(0 12px,12px 0,calc(100% - 44px) 0,100% 44px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));transition:transform .35s var(--spring), filter .35s;filter:drop-shadow(0 24px 30px #00000073);background:radial-gradient(120% 60% at 20% 0,#ffffffb3,#0000 60%),linear-gradient(#e4dfff,#b3a8ea);flex-direction:column;padding:44px 20px 24px;text-decoration:none;display:flex;position:relative}.cart:hover{filter:drop-shadow(0 30px 40px hsl(var(--h) 100% 60% / .45));transform:translateY(-10px)rotate(-1.6deg)}.cart:focus-visible{filter:drop-shadow(0 0 0 var(--lemon)) drop-shadow(0 0 3px var(--lemon)) drop-shadow(0 0 3px var(--lemon));outline:none;transform:translateY(-10px)}.cart-ridges{background:repeating-linear-gradient(#1b0f4747 0 2px,#0000 2px 5px);border-radius:3px;height:18px;position:absolute;top:14px;left:22px;right:64px}.cart-label{background:linear-gradient(135deg, hsl(var(--h) 95% 82%), hsl(calc(var(--h) + 70) 95% 80%) 55%, hsl(calc(var(--h) + 150) 95% 86%));border-radius:14px;grid-template-columns:62px 1fr;align-items:center;gap:12px;padding:14px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #ffffffa6,inset 0 -10px 20px #1b0f471f}.cart-label:after{content:"";background:linear-gradient(115deg,#0000 35%,#ffffffb3 48%,#0000 60%) 100% 0/300% 100%;transition:background-position .8s;position:absolute;inset:0}.cart:hover .cart-label:after{background-position:0 0}.cart-art{aspect-ratio:1;background:radial-gradient(circle at 36% 30%,#3b2692,#120a33 70%);border-radius:50%;grid-row:span 2;width:62px;padding:9px;box-shadow:0 0 0 3px #fff}.cart-name{font-family:var(--display);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:15px;font-weight:700;line-height:1.2}.cart-status{font-family:var(--pixel);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.cart-stamp{color:#d5136f;font-family:var(--pixel);letter-spacing:.08em;text-transform:uppercase;transition:scale .35s var(--spring), rotate .35s var(--spring);background:#ffffffd9;border:3px solid #d5136f;border-radius:10px;padding:4px 10px;font-size:13px;position:absolute;bottom:20px;right:16px;rotate:11deg}.cart:hover .cart-stamp{rotate:-6deg;scale:1.15}.cart-stamp--og{color:#0a7350;border-color:#0a7350}.cart-note{color:#231758;margin:18px 0 14px;font-size:16px;font-weight:600}.cart-go{color:#4b1fbf;margin-top:auto;font-size:15px;font-weight:700}.publisher{text-align:center;margin:36px 0 0}.publisher a{color:var(--lemon);text-underline-offset:5px;font-weight:600}.continue{text-align:center;isolation:isolate;margin-top:clamp(100px,12vw,160px);padding:clamp(110px,14vw,190px) 16px clamp(90px,11vw,150px);position:relative;overflow:hidden}.continue-bg{z-index:-1;background:radial-gradient(circle, #b99cff59 0, transparent 22%), repeating-conic-gradient(from 0deg, #ff9ad81a 0 5deg, transparent 5deg 10deg, #7fe3ff14 10deg 15deg, transparent 15deg 20deg);width:240vmax;height:240vmax;margin:-120vmax 0 0 -120vmax;animation:60s linear infinite spin;position:absolute;top:55%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0,#0000 26%);mask-image:radial-gradient(circle,#000 0,#0000 26%)}.continue-title{background:var(--chrome);color:#0000;filter:drop-shadow(0 .05em #1c0f4d)drop-shadow(0 0 .3em #ff6edc59);-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,11vw,150px);font-weight:900;line-height:.95}.continue-title .q{color:var(--lemon)}.count{min-width:.8em;color:var(--pink);display:inline-block}.count.tick{animation:tick .5s var(--spring)}@keyframes tick{0%{rotate:-10deg;scale:1.5}}.continue-sub{max-width:560px;color:var(--muted);margin:0 auto 38px;font-size:clamp(16px,1.8vw,19px)}.mega{color:var(--deep);isolation:isolate;transition:transform .35s var(--spring), box-shadow .35s;background:linear-gradient(#fff 0%,#ffd1f0 22%,#ff8fd6 50%,#b99cff 78%,#7fe3ff 100%);border-radius:999px;flex-direction:column;align-items:center;gap:4px;padding:26px clamp(34px,6vw,64px) 30px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 -10px 22px #46149659,inset 0 3px #ffffffe6,0 24px 70px #ff6ed280,0 0 0 8px #ffffff14,0 0 0 16px #ffffff0a}.mega:hover{transform:scale(1.06)rotate(-1deg);box-shadow:inset 0 -10px 22px #46149659,inset 0 3px #ffffffe6,0 30px 90px #ff6ed2b3,0 0 0 10px #ffffff1a,0 0 0 22px #ffffff0d}.mega:active{transform:scale(.97)}.mega-shine{z-index:-1;background:linear-gradient(#fffffff2,#fff0);border-radius:999px;height:44%;position:absolute;top:6px;left:8%;right:8%}.mega:after{content:"";z-index:-1;background:linear-gradient(110deg,#0000 38%,#ffffffd9 50%,#0000 62%) 0 0/250% 100%;animation:3.2s ease-in-out infinite glint;position:absolute;inset:0}@keyframes glint{0%{background-position:150% 0}60%,to{background-position:-50% 0}}.mega-top{font-family:var(--pixel);letter-spacing:.12em;text-transform:uppercase;font-size:13px}.mega-label{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(22px,3.8vw,40px);font-weight:900;line-height:1.05}.continue-links{flex-wrap:wrap;justify-content:center;gap:10px 26px;margin:38px 0 0;display:flex}.continue-links a{color:var(--text);text-underline-offset:5px;font-weight:600;text-decoration-color:#ffffff59}.continue-links a:hover{color:var(--lemon);-webkit-text-decoration-color:var(--lemon);text-decoration-color:var(--lemon)}.foot{background:linear-gradient(#ffffff05,#0000);border-top:1px solid #ffffff1a;padding:36px 16px 44px}.foot-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;display:flex}.foot-brand{color:var(--muted);align-items:center;gap:14px;line-height:1.35;text-decoration:none;display:flex}.foot-brand strong{color:#fff}.foot-mark{background:radial-gradient(circle at 36% 30%,#3b2692,#120a33 70%);border-radius:50%;width:54px;height:54px;padding:5px;box-shadow:inset 0 0 0 1.5px #ffffff59}.foot-links{flex-wrap:wrap;gap:8px 22px;display:flex}.foot-links a{color:var(--text);padding:6px 0;font-weight:500;text-decoration:none}.foot-links a:hover{color:var(--lemon);text-underline-offset:4px;text-decoration:underline}.foot-links a:first-child{color:var(--pink);font-weight:700}.foot-note{max-width:1200px;color:var(--muted);margin:26px auto 0;font-size:14px}.foot-note a{color:var(--text)}.sparkles{z-index:60;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}@media (width<=1000px){.party{grid-template-columns:repeat(2,1fr)}.agent:nth-child(2):after{display:none}.carts{grid-template-columns:1fr;max-width:460px;margin:0 auto}.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.player-grid,.tcg{grid-template-columns:1fr}.pack-col{position:relative;top:0}.pack{width:200px}.pack-title{font-size:26px}}@media (width<=600px){.binder{grid-template-columns:repeat(2,1fr)}.binder .slot:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}.id-body{grid-template-columns:1fr}.id-avatar{width:120px}.id-list>div{grid-template-columns:84px 1fr}.xp{flex-wrap:wrap}.xp-bar{flex-basis:100%;order:3}.stat{padding:16px}.stat-desc{font-size:14px}.party{gap:12px}.agent{padding:24px 12px 18px}.agent:after{display:none}.agent-move{font-size:14px}.hero-cta{flex-direction:column;align-items:stretch;width:100%;max-width:340px}}@media (width<=480px){.party{grid-template-columns:1fr}.agent{text-align:left;grid-template-columns:104px 1fr;align-items:center;column-gap:14px;padding:18px 16px;display:grid}.agent-art{grid-row:1/span 3;width:100%;margin:0}.agent h3{font-size:18px}.agent-class{margin-bottom:6px}.agent-slot{z-index:1;top:10px;left:10px}.floor{height:20%}.hero-bg:after{bottom:20%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}html:not(.lenis){scroll-behavior:auto}.js [data-reveal]{opacity:1;translate:none}.js .idcard:not(.in) .xp-bar i{transform:none}}.js .idcard[data-reveal]{transition:transform .5s cubic-bezier(.2, .8, .2, 1), opacity .7s ease var(--d,0s), translate .9s cubic-bezier(.2, .9, .2, 1.15) var(--d,0s)}.js .idcard[data-reveal].is-tilting{transition:transform 80ms linear,opacity .7s,translate .9s}.js .agent[data-reveal]{transition:transform .35s var(--spring), opacity .7s ease var(--d,0s), translate .9s cubic-bezier(.2, .9, .2, 1.15) var(--d,0s)}