/* Native PokeRip motion. No loading counters, draw results or wallet activity. */
html{scrollbar-gutter:stable}body.intro-active{overflow:hidden}body.intro-active>:is(.site-sidebar,.header,.signal-strip,#main,.footer,.skip-link){visibility:hidden}
.boot{background:#0b0e17;perspective:1200px}.boot.leaving{animation:opening-curtain .6s cubic-bezier(.76,0,.24,1) both;opacity:1}.opening-fallback{display:grid;place-items:center;gap:15px;color:var(--lime);font:40px var(--display)}.opening-fallback img{width:100px}
.opening-grid{position:absolute;inset:-50%;background-image:linear-gradient(#b8ff6109 1px,transparent 1px),linear-gradient(90deg,#b8ff6109 1px,transparent 1px);background-size:72px 72px;transform:perspective(700px) rotateX(63deg) translateY(80px);animation:opening-grid-travel 4.2s cubic-bezier(.2,.8,.2,1) both;opacity:.55;pointer-events:none}.opening-aura{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,#b8ff6113,transparent 44%),radial-gradient(ellipse at 63% 38%,#ff63ba0b,transparent 37%);pointer-events:none}.opening-content{position:relative;width:min(100%,740px);padding:25px 25px 30px;text-align:center;display:flex;flex-direction:column;align-items:center}.opening-kicker{display:flex;justify-content:space-between;gap:40px;width:min(100%,430px);font:8px var(--mono);letter-spacing:.07em;color:#b9c6dc}.opening-kicker span{color:var(--lime)}.opening-stage{position:relative;width:100%;height:390px;perspective:1000px;margin-top:14px}.opening-floor{position:absolute;left:50%;bottom:13px;width:390px;height:72px;margin-left:-195px;border-radius:50%;background:radial-gradient(ellipse,#b8ff6118,transparent 70%);transform:rotateX(60deg);animation:opening-floor-glow 3.6s ease both}.opening-ring{position:absolute;left:50%;top:48%;border:1px solid #b8ff611b;width:350px;height:350px;border-radius:50%;margin:-175px 0 0 -175px;pointer-events:none}.ring-one{transform:rotateX(66deg) rotateZ(-24deg);animation:opening-ring-turn 4.2s ease both}.ring-two{border-style:dashed;border-color:#ff63ba22;transform:rotateX(66deg) rotateZ(48deg) scale(1.25);animation:opening-ring-back 4.2s ease both}.opening-package{position:absolute;z-index:4;left:50%;top:48px;width:190px;height:297px;margin-left:-95px;transform-style:preserve-3d;animation:opening-pack-story 3.6s cubic-bezier(.2,.65,.25,1) both}.opening-package .pack.booster{width:190px;height:297px;margin:0;transform:none;animation:none}.opening-package .booster-artwork img{width:100%}.opening-package .crimp-top{transform-origin:right center;animation:opening-seal-story 3.6s cubic-bezier(.2,.65,.3,1) both}.opening-package .booster-foil{animation:opening-foil-pass 2.2s ease both}.opening-tear{position:absolute;left:50%;top:61px;z-index:6;width:195px;height:2px;margin-left:-97px;background:linear-gradient(90deg,transparent,#edffc8,#fff,#ff63ba,transparent);transform:scaleX(0);transform-origin:left;animation:opening-tear-pass 3.6s ease both;pointer-events:none}.opening-cards{position:absolute;inset:0;z-index:3;perspective:1000px}.opening-card{position:absolute;left:50%;top:88px;width:146px;margin-left:-73px;animation:opening-card-story 3.6s cubic-bezier(.18,.75,.26,1) both;transform-origin:50% 90%;backface-visibility:hidden}.opening-card-0{--fan-x:-114px;--fan-y:-49px;--fan-angle:-20deg;z-index:1}.opening-card-1{--fan-x:0px;--fan-y:-76px;--fan-angle:0deg;z-index:3}.opening-card-2{--fan-x:114px;--fan-y:-49px;--fan-angle:20deg;z-index:2}.opening-card .collectible{width:100%;padding:5px;border-radius:7px;box-shadow:0 18px 35px #0007;pointer-events:none}.opening-card .slab-tag{padding:4px;min-height:27px;gap:4px;margin-bottom:4px;border-left-width:2px}.opening-card .slab-tag strong{font-size:9px}.opening-card .slab-tag small{font-size:2px}.opening-card .slab-tag>span:last-child{font-size:4px}.opening-card .slab-tag b{font-size:9px}.opening-card .card-name{font-size:8px;padding:5px}.opening-card .card-name span{font-size:4px}.opening-card .card-edition{font-size:4px;padding:5px}.opening-card .card-flavor{padding:5px;min-height:25px}.opening-card .card-flavor b{font-size:8px}.opening-card .card-flavor small{font-size:3px}.opening-card .card-flavor>span{font-size:13px}.opening-sparks{position:absolute;left:50%;top:111px;z-index:7;pointer-events:none}.opening-sparks>i{position:absolute;display:block;width:4px;height:10px;background:var(--lime);opacity:0;animation:opening-spark-story 3.6s ease-out both;rotate:calc(var(--spark)*26deg)}.opening-sparks>i:nth-child(3n){background:var(--pink);width:3px;height:6px}.opening-sparks>i:nth-child(2n){background:#fff1c6;width:2px;height:9px}.opening-word{display:flex;align-items:center;justify-content:center;position:relative;font:clamp(45px,7vw,76px)/1 var(--display);font-weight:700;letter-spacing:-2px;white-space:nowrap;margin-top:3px}.opening-word>span{display:block;color:var(--ink);animation:opening-letter .65s calc(1.93s + var(--letter)*.055s) cubic-bezier(.18,.8,.25,1) both}.opening-word>span:nth-child(n+5){color:var(--lime)}.opening-word>i{position:absolute;right:-24px;top:-8px;font:18px var(--display);color:var(--pink);animation:opening-star .75s 2.55s cubic-bezier(.2,.8,.2,1) both}.opening-copy{font:9px/1.8 var(--mono);letter-spacing:.09em;color:var(--muted);margin:18px 0 22px;animation:opening-caption .6s 2.2s both}.opening-copy strong{color:var(--ink);font-weight:400}.opening-steps{display:flex;align-items:center;gap:13px;font:7px var(--mono);color:#a1adc0;width:min(100%,370px)}.opening-steps>span{display:flex;gap:8px;white-space:nowrap;animation:opening-step 3.6s linear both}.opening-steps>span:nth-of-type(2){animation-name:opening-step-two}.opening-steps>span:nth-of-type(3){animation-name:opening-step-three}.opening-steps b{font-weight:400}.opening-steps>i{height:1px;flex:1;background:#42516b;transform-origin:left;animation:opening-step-line 3.6s ease both}.opening-steps>i:nth-of-type(2){animation-name:opening-step-line-two}.opening-footnote{font:6px var(--mono);letter-spacing:.15em;color:#8996ac;margin-top:27px}
@keyframes opening-pack-story{0%,17%{opacity:1;transform:translate3d(0,0,0) rotate(-7deg) rotateY(-8deg)}25%{transform:translate3d(0,-5px,0) rotate(-3deg) rotateY(3deg)}36%{transform:translate3d(0,-2px,0) rotate(2deg) rotateY(-2deg)}47%{transform:translate3d(0,7px,0) rotate(-3deg)}59%{opacity:1;transform:translate3d(0,29px,0) rotate(5deg) scale(.98)}81%,100%{opacity:0;transform:translate3d(0,115px,0) rotate(12deg) scale(.85)}}
@keyframes opening-seal-story{0%,27%{opacity:1;transform:translate3d(0,0,0) rotate(0)}37%{opacity:1;transform:translate3d(15px,-13px,0) rotate(7deg)}62%,100%{opacity:0;transform:translate3d(180px,-110px,0) rotate(43deg)}}
@keyframes opening-card-story{0%,36%{opacity:0;transform:translate3d(0,78px,0) rotate(0deg) scale(.76)}46%{opacity:1;transform:translate3d(0,-16px,0) rotate(0deg) scale(.92)}73%,100%{opacity:1;transform:translate3d(var(--fan-x),var(--fan-y),0) rotate(var(--fan-angle)) scale(1)}}
@keyframes opening-tear-pass{0%,25%{opacity:0;transform:scaleX(0)}30%{opacity:.8;transform:scaleX(.6)}38%{opacity:.7;transform:scaleX(1.04) translateY(-3px)}47%,100%{opacity:0;transform:scaleX(1.25) translateY(-8px)}}
@keyframes opening-spark-story{0%,32%{opacity:0;transform:translate3d(0,0,0) scale(.3)}36%{opacity:.85}72%,100%{opacity:0;transform:translate3d(var(--spark-x),var(--spark-y),0) scale(.15)}}
@keyframes opening-foil-pass{0%{opacity:.2;transform:translateX(-70%)}60%{opacity:.9}100%{opacity:0;transform:translateX(80%)}}
@keyframes opening-ring-turn{0%{opacity:0;transform:rotateX(66deg) rotateZ(-60deg) scale(.7)}35%{opacity:1}100%{opacity:.1;transform:rotateX(66deg) rotateZ(40deg) scale(1.2)}}
@keyframes opening-ring-back{0%{opacity:0;transform:rotateX(66deg) rotateZ(100deg) scale(.9)}35%{opacity:1}100%{opacity:0;transform:rotateX(66deg) rotateZ(-20deg) scale(1.6)}}
@keyframes opening-floor-glow{0%,20%{opacity:.4;transform:rotateX(60deg) scale(.85)}60%{opacity:1;transform:rotateX(60deg) scale(1.3)}100%{opacity:.2;transform:rotateX(60deg) scale(1.5)}}
@keyframes opening-grid-travel{from{transform:perspective(700px) rotateX(63deg) translateY(110px)}to{transform:perspective(700px) rotateX(63deg) translateY(65px)}}
@keyframes opening-letter{from{opacity:0;transform:translate3d(0,25px,0) rotateX(-35deg)}to{opacity:1;transform:translate3d(0,0,0) rotateX(0)}}
@keyframes opening-star{from{opacity:0;transform:scale(.1) rotate(-90deg)}to{opacity:1;transform:scale(1) rotate(15deg)}}
@keyframes opening-caption{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes opening-step{0%,28%{color:#c9ff91}50%,100%{color:#7b879e}}@keyframes opening-step-two{0%,27%{color:#7b879e}30%,56%{color:#c9ff91}75%,100%{color:#7b879e}}@keyframes opening-step-three{0%,60%{color:#7b879e}72%,100%{color:#c9ff91}}
@keyframes opening-step-line{0%,20%{transform:scaleX(0)}40%,100%{transform:scaleX(1)}}@keyframes opening-step-line-two{0%,52%{transform:scaleX(0)}74%,100%{transform:scaleX(1)}}
@keyframes opening-curtain{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-101%,0)}}
/* Entrances use a single observer; pointer tilt writes at most once per frame. */
.motion-reveal{opacity:0;transform:translate3d(0,25px,0);transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1)}.motion-reveal.motion-visible{opacity:1;transform:translate3d(0,0,0)}.motion-grid>div,.motion-grid>button{animation:site-card-arrive .5s calc(var(--entry,0)*.045s) cubic-bezier(.2,.75,.25,1) both}.scroll-reveal{transition-timing-function:cubic-bezier(.2,.75,.2,1);transition-duration:.65s}.site-ready #main>.page-head .section-eyebrow{animation:site-copy-arrive .45s .03s both}.site-ready #main>.page-head h1{animation:site-copy-arrive .6s .08s both}.site-ready #main>.page-head p{animation:site-copy-arrive .55s .15s both}.site-ready .arcade-hero>.arcade-brand-art{animation:site-copy-arrive .7s .05s both}.site-ready .arcade-hero>h1{animation:site-copy-arrive .7s .12s both}.site-ready .arcade-hero>p,.site-ready .arcade-hero>.cta-row{animation:site-copy-arrive .7s .22s both}.arcade-hero:after{content:'';position:absolute;inset:-25%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 25% 40%,#b8ff6109,transparent 37%),radial-gradient(ellipse at 70% 70%,#ff63ba0a,transparent 38%);animation:site-ambient-drift 17s ease-in-out infinite}.arcade-brand-art>span{text-shadow:1px 0 #ff63ba44,-1px 0 #76e6ef44}.button{transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s,border-color .22s,box-shadow .22s}.button.primary{position:relative;overflow:hidden;isolation:isolate}.button.primary:after{content:'';position:absolute;inset:-80%;background:linear-gradient(110deg,transparent 42%,#ffffff40 49%,transparent 56%);transform:translateX(-65%);animation:site-button-light 7s ease-in-out infinite;pointer-events:none}.button:active:not(:disabled){transform:translateY(1px)}.button.ghost:hover:not(:disabled){border-color:var(--lime)}.motion-tilt{transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px)!important;transition:transform .16s ease-out!important;backface-visibility:hidden}.collectible:after,.album-slot:after,.market-art-button:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,30%),#fff3,transparent 55%);transition:opacity .25s;z-index:7}.motion-tilt:after{opacity:.65}.market-art-button{position:relative}.market-tile{transition:border-color .24s,translate .3s cubic-bezier(.2,.8,.2,1)}.market-tile:hover{translate:0 -5px}.dialog-body{animation:site-dialog-content .34s .04s both}.edition-next i{animation:site-arrow-drift 3s ease-in-out infinite}.panel-bar>span{transition:color .2s}.chase-window:hover .panel-bar>span{color:var(--lime)}
@keyframes site-copy-arrive{from{opacity:0;transform:translate3d(0,15px,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes site-card-arrive{from{opacity:0;transform:translate3d(0,19px,0) scale(.98)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}@keyframes site-dialog-content{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes site-button-light{0%,65%{transform:translateX(-65%);opacity:0}70%{opacity:.8}85%,100%{transform:translateX(65%);opacity:0}}@keyframes site-ambient-drift{0%,100%{transform:translate3d(-2%,-1%,0)}50%{transform:translate3d(3%,2%,0)}}@keyframes site-arrow-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(max-width:760px){.opening-content{padding:24px 20px}.opening-kicker{font-size:6px;gap:20px;width:290px}.opening-stage{height:315px;margin-top:10px}.opening-package{top:47px;width:156px;height:244px;margin-left:-78px}.opening-package .pack.booster{width:156px;height:244px}.opening-tear{top:58px;width:160px;margin-left:-80px}.opening-card{width:117px;margin-left:-58.5px;top:78px}.opening-card-0{--fan-x:-79px;--fan-y:-31px;--fan-angle:-19deg}.opening-card-1{--fan-y:-53px}.opening-card-2{--fan-x:79px;--fan-y:-31px;--fan-angle:19deg}.opening-card .slab-tag strong{font-size:7px}.opening-card .slab-tag small{font-size:2px}.opening-card .slab-tag{min-height:22px;padding:3px}.opening-card .slab-tag b{font-size:7px}.opening-card .card-name{font-size:6px;padding:4px}.opening-card .card-name span{font-size:3px}.opening-card .card-flavor{min-height:21px;padding:4px}.opening-card .card-flavor b{font-size:6px}.opening-card .card-flavor small{font-size:2px}.opening-card .card-edition{font-size:3px;padding:4px}.opening-ring{width:280px;height:280px;margin:-140px 0 0 -140px}.opening-floor{width:310px;margin-left:-155px}.opening-word{font-size:53px;letter-spacing:-1.5px}.opening-word>i{font-size:14px;right:-18px;top:-5px}.opening-copy{font-size:7px;margin:16px 0 20px;letter-spacing:.04em}.opening-steps{font-size:6px;width:290px;gap:9px}.opening-steps>span{gap:6px}.opening-footnote{font-size:5px;margin-top:24px}.motion-grid>div,.motion-grid>button{animation-duration:.44s}.site-ready #main>.page-head h1{animation-duration:.5s}}
@media(max-height:670px){.opening-content{transform:scale(.79);padding:10px}.opening-stage{height:310px}.opening-kicker{margin-top:0}.opening-package{top:35px}.opening-card{top:76px}.opening-footnote{margin-top:17px}.opening-copy{margin:12px 0 17px}}
@media(max-width:760px){.opening-card-0{--fan-x:clamp(-62px,calc(130px - 50vw),-38px);--fan-angle:-15deg}.opening-card-2{--fan-x:clamp(38px,calc(50vw - 130px),62px);--fan-angle:15deg}}
.motion-reveal:not(.motion-visible) .motion-grid>div,.motion-reveal:not(.motion-visible) .motion-grid>button,.scroll-reveal:not(.in-view) .motion-grid>div,.scroll-reveal:not(.in-view) .motion-grid>button{animation-name:none}
