:root{--pointer-x:50%;--pointer-y:50%;--card-scale:1;--card-opacity:0;--translate-x:0px;--translate-y:0px;--rotate-x:0deg;--rotate-y:0deg;--background-x:var(--pointer-x);--background-y:var(--pointer-y);--pointer-from-center:0;--pointer-from-top:var(--pointer-from-center);--pointer-from-left:var(--pointer-from-center)}.card{--grain: url(/assets/homepage/20261016T124625Z/textures/grain.webp);--glitter: url(/assets/homepage/20261016T124625Z/textures/glitter.png);--glittersize: 25%;--space: 5%;--angle: 133deg;--imgsize: cover;--red: #f80e35;--yellow: #eedf10;--green: #21e985;--blue: #0dbde9;--violet: #c929f1;--clip: inset( 9.85% 8% 52.85% 8% );--clip-invert: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0 47.15%, 91.5% 47.15%, 91.5% 9.85%, 8% 9.85%, 8% 47.15%, 0 50%);--clip-stage: polygon(91.5% 9.85%, 57% 9.85%, 54% 12%, 17% 12%, 16% 14%, 12% 16%, 8% 16%, 8% 47.15%, 92% 47.15%);--clip-stage-invert: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0 47.15%, 91.5% 47.15%, 91.5% 9.85%, 57% 9.85%, 54% 12%, 17% 12%, 16% 14%, 12% 16%, 8% 16%, 8% 47.15%, 0 50%);--clip-trainer: inset(14.5% 8.5% 48.2% 8.5%);--clip-borders: inset(2.8% 4% round 2.55% / 1.5%)}.card__shine,.card__glare{will-change:transform,opacity,background-image,background-size,background-position,background-blend-mode,filter}:root{--card-aspect: .718;--card-radius: 4.55% / 3.5%;--card-edge: hsl(47, 100%, 78%);--card-back: hsl(205, 100%, 25%);--card-glow: hsl(175, 100%, 90%);--sunpillar-1: hsl(2, 100%, 73%);--sunpillar-2: hsl(53, 100%, 69%);--sunpillar-3: hsl(93, 100%, 69%);--sunpillar-4: hsl(176, 100%, 76%);--sunpillar-5: hsl(228, 100%, 74%);--sunpillar-6: hsl(283, 100%, 73%);--sunpillar-clr-1: var(--sunpillar-1);--sunpillar-clr-2: var(--sunpillar-2);--sunpillar-clr-3: var(--sunpillar-3);--sunpillar-clr-4: var(--sunpillar-4);--sunpillar-clr-5: var(--sunpillar-5);--sunpillar-clr-6: var(--sunpillar-6)}.card{-webkit-transform:translate3d(0px,0px,.01px);transform:translateZ(.01px);pointer-events:none;z-index:calc(var(--card-scale) * 2);will-change:transform,visibility,z-index;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.card,.card *{outline:1px solid transparent}.card:not(.interactive) .card__translater,.card:not(.interactive) .card__rotator,.card:not(.interactive) .card__shine,.card:not(.interactive) .card__glare{transition:all .3s ease}.card:not(.interactive):hover{--pointer-x: 25% !important;--pointer-y: 10% !important;--card-scale: 1.1 !important;--card-opacity: 1 !important;--translate-x: 0px !important;--translate-y: -10px !important;--rotate-x: 7deg !important;--rotate-y: -19deg !important;--background-x: 44% !important;--background-y: 36% !important;--pointer-from-center: .9 !important;--pointer-from-top: .11 !important;--pointer-from-left: .25 !important}.card.water{--card-glow: hsl(192, 97%, 60%)}.card.fire{--card-glow: hsl(9, 81%, 59%)}.card.grass{--card-glow: hsl(96, 81%, 65%)}.card.lightning{--card-glow: hsl(54, 87%, 63%)}.card.psychic{--card-glow: hsl(281, 62%, 58%)}.card.fighting{--card-glow: rgb(145, 90, 39)}.card.darkness{--card-glow: hsl(189, 77%, 27%)}.card.metal{--card-glow: hsl(184, 20%, 70%)}.card.dragon{--card-glow: hsl(51, 60%, 35%)}.card.fairy{--card-glow: hsl(323, 100%, 89%)}.card,.card__rotator{aspect-ratio:var(--card-aspect);border-radius:var(--card-radius)}.card.interacting{z-index:calc(var(--card-scale) * 120)}.card.active .card__translater,.card.active .card__rotator{touch-action:none}.card__translater,.card__rotator{display:grid;perspective:600px;will-change:transform,box-shadow;transform-origin:center;-webkit-transform-origin:center;transform-style:preserve-3d}.card__translater{width:auto;position:relative;--translate-z: calc(var(--card-scale) * 150px + .01px);-webkit-transform:translate3d(var(--translate-x),var(--translate-y),var(--translate-z)) scale(var(--card-scale));transform:translate3d(var(--translate-x),var(--translate-y),var(--translate-z)) scale(var(--card-scale))}.card__rotator{-webkit-transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));pointer-events:auto}button.card__rotator{border:none;background:transparent;padding:0;-webkit-appearance:none;appearance:none}.card__rotator,.card.active .card__rotator:focus{transition:box-shadow .4s ease,opacity .33s ease-out;box-shadow:0 0 3px -1px transparent,0 0 2px 1px transparent,0 0 5px 0 transparent,0 10px 20px -5px #000,0 2px 15px -5px #000,0 0 20px 0 transparent}.card.active .card__rotator,.card__rotator:focus{box-shadow:0 0 3px -1px #fff,0 0 3px 1px var(--card-edge),0 0 12px 2px var(--card-glow),0 10px 20px -5px #000,0 0 40px -30px var(--card-glow),0 0 50px -20px var(--card-glow)}.card__rotator *{width:100%;display:grid;grid-area:1/1;aspect-ratio:var(--card-aspect);border-radius:var(--card-radius);image-rendering:optimizeQuality;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;pointer-events:none;overflow:hidden}.card__rotator img{height:auto}.card__rotator img:not(.card__back){-webkit-transform:translate3d(0px,0px,.01px);transform:translateZ(.01px)}.card__back{background-color:var(--card-back);-webkit-transform:rotateY(180deg) translateZ(1px);transform:rotateY(180deg) translateZ(1px);backface-visibility:visible}.card__front,.card__front *{backface-visibility:hidden}.card__front{opacity:1;transition:opacity .33s ease-out;-webkit-transform:translate3d(0px,0px,.01px);transform:translateZ(.01px)}.loading .card__front{opacity:0}.loading .card__back{-webkit-transform:rotateY(0deg);transform:rotateY(0)}.card__shine{display:grid;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;filter:brightness(.85) contrast(2.75) saturate(.65);mix-blend-mode:color-dodge;opacity:var(--card-opacity)}.card__shine:before,.card__shine:after{--sunpillar-clr-1: var(--sunpillar-5);--sunpillar-clr-2: var(--sunpillar-6);--sunpillar-clr-3: var(--sunpillar-1);--sunpillar-clr-4: var(--sunpillar-2);--sunpillar-clr-5: var(--sunpillar-3);--sunpillar-clr-6: var(--sunpillar-4);grid-area:1/1;transform:translateZ(1px);border-radius:var(--card-radius)}.card__shine:after{--sunpillar-clr-1: var( --sunpillar-6 );--sunpillar-clr-2: var( --sunpillar-1 );--sunpillar-clr-3: var( --sunpillar-2 );--sunpillar-clr-4: var( --sunpillar-3 );--sunpillar-clr-5: var( --sunpillar-4 );--sunpillar-clr-6: var( --sunpillar-5 );transform:translateZ(1.2px)}.card__glare{transform:translateZ(1.41px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.8) 10%,hsla(0,0%,100%,.65) 20%,hsla(0,0%,0%,.5) 90%);opacity:var(--card-opacity);mix-blend-mode:overlay}.card.masked .card__shine,.card.masked .card__shine:before,.card.masked .card__shine:after{-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center center;mask-position:center center}.card[data-rarity="rare holo"] .card__glare:after,.card[data-rarity="rare holo cosmos"] .card__glare:after,.card[data-rarity$="reverse holo"] .card__glare:after{clip-path:var(--clip)}.card[data-rarity="rare holo"][data-subtypes^=stage] .card__glare:after,.card[data-rarity="rare holo cosmos"][data-subtypes^=stage] .card__glare:after,.card[data-rarity$="reverse holo"][data-subtypes^=stage] .card__glare:after{clip-path:var(--clip-stage)}.card[data-rarity="rare holo"][data-supertype=trainer] .card__glare:after,.card[data-rarity="rare holo cosmos"][data-supertype=trainer] .card__glare:after,.card[data-rarity$="reverse holo"][data-supertype=trainer] .card__glare:after{clip-path:var(--clip-trainer)}.card[data-rarity="rare holo v"]:not(.masked) .card__shine,.card[data-subtypes=v-union]:not(.masked) .card__shine{filter:brightness(.7) contrast(2) saturate(.5)}.card[data-rarity="rare holo v"] .card__shine,.card[data-rarity="rare holo v"] .card__shine:after,.card[data-subtypes=v-union] .card__shine,.card[data-subtypes=v-union] .card__shine:after{--space: 5%;--angle: 133deg;--imgsize: 500px;background-image:var(--grain),repeating-linear-gradient(0deg,var(--sunpillar-clr-1) calc(var(--space)*1),var(--sunpillar-clr-2) calc(var(--space)*2),var(--sunpillar-clr-3) calc(var(--space)*3),var(--sunpillar-clr-4) calc(var(--space)*4),var(--sunpillar-clr-5) calc(var(--space)*5),var(--sunpillar-clr-6) calc(var(--space)*6),var(--sunpillar-clr-1) calc(var(--space)*7)),repeating-linear-gradient(var(--angle),#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-blend-mode:screen,hue,hard-light;background-size:var(--imgsize) 100%,200% 700%,300% 100%,200% 100%;background-position:center,0% var(--background-y),var(--background-x) var(--background-y),var(--background-x) var(--background-y);filter:brightness(.8) contrast(2.95) saturate(.65)}.card[data-rarity="rare holo v"] .card__shine:after,.card[data-subtypes=v-union] .card__shine:after{content:"";background-position:center,0% var(--background-y),calc(var(--background-x) * -1) calc(var(--background-y) * -1),var(--background-x) var(--background-y);background-size:var(--imgsize) 100%,200% 400%,195% 100%,200% 100%;filter:brightness(1) contrast(2.5) saturate(1.75);mix-blend-mode:soft-light}.card[data-rarity="rare holo v"] .card__glare,.card[data-subtypes=v-union] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,100%) 0%,hsla(210,3%,54%,.33) 45%,hsla(0,0%,20%,.9) 130%);opacity:calc(var(--card-opacity)*.5);mix-blend-mode:hard-light;filter:brightness(.9) contrast(1.75)}.card[data-rarity="rare ultra"][data-supertype=pok\e9mon] .card__shine,.card[data-rarity="rare ultra"][data-supertype=pok\e9mon] .card__shine:after,.card[data-rarity="rare ultra"][data-subtypes*=supporter] .card__shine,.card[data-rarity="rare ultra"][data-subtypes*=supporter] .card__shine:after,.card[data-rarity="rare holo v"][data-trainer-gallery=true] .card__shine,.card[data-rarity="rare holo v"][data-trainer-gallery=true] .card__shine:after{--space: 5%;--angle: 133deg;--imgsize: cover;background-image:var(--foil),repeating-linear-gradient(0deg,var(--sunpillar-clr-1) calc(var(--space)*1),var(--sunpillar-clr-2) calc(var(--space)*2),var(--sunpillar-clr-3) calc(var(--space)*3),var(--sunpillar-clr-4) calc(var(--space)*4),var(--sunpillar-clr-5) calc(var(--space)*5),var(--sunpillar-clr-6) calc(var(--space)*6),var(--sunpillar-clr-1) calc(var(--space)*7)),repeating-linear-gradient(var(--angle),#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-position:center center,0% var(--background-y),calc(var(--background-x) + (var(--background-y)*.2)) var(--background-y),var(--background-x) var(--background-y);background-blend-mode:soft-light,hue,hard-light;background-size:var(--imgsize),200% 700%,300% 100%,200% 100%;filter:brightness(calc((var(--pointer-from-center)*.4) + .4)) contrast(1.4) saturate(2.25)}.card[data-supertype=pok\e9mon][data-rarity="rare ultra"] .card__shine:after,.card[data-subtypes*=supporter][data-rarity="rare ultra"] .card__shine:after,.card[data-trainer-gallery=true][data-rarity="rare holo v"] .card__shine:after{content:"";background-position:center center,0% var(--background-y),calc((var(--background-x) + (var(--background-y)*.2)) * -1) calc(var(--background-y) * -1),var(--background-x) var(--background-y);background-size:var(--imgsize),200% 400%,195% 100%,200% 100%;filter:brightness(calc((var(--pointer-from-center)*.4) + .8)) contrast(1.5) saturate(1.25);mix-blend-mode:exclusion}.card[data-supertype=pok\e9mon][data-rarity="rare ultra"] .card__shine:before,.card[data-subtypes*=supporter][data-rarity="rare ultra"] .card__shine:before{content:"";-webkit-mask-image:none;mask-image:none;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,100%) 0%,hsla(0,0%,0%,0) 40%);background-position:center;background-size:cover;mix-blend-mode:overlay;opacity:.75;z-index:1}.card[data-supertype=pok\e9mon][data-rarity="rare ultra"] .card__glare,.card[data-subtypes*=supporter][data-rarity="rare ultra"] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,75%) 5%,hsl(200,5%,35%) 60%,hsl(320,40%,10%) 150%);background-size:120% 150%;background-position:center center;mix-blend-mode:hard-light;filter:brightness(1) contrast(1.2) saturate(1);opacity:calc(var(--card-opacity) * .75)}.card:not(.masked)[data-supertype=pok\e9mon][data-rarity="rare ultra"] .card__shine,.card:not(.masked)[data-supertype=pok\e9mon][data-rarity="rare ultra"] .card__shine:after,.card:not(.masked)[data-trainer-gallery=true][data-rarity="rare holo v"] .card__shine,.card:not(.masked)[data-trainer-gallery=true][data-rarity="rare holo v"] .card__shine:after{--mask: none;--foil: url(/assets/homepage/20261016T124625Z/textures/illusion.png);--imgsize: 33%;-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-size:var(--imgsize);mask-size:var(--imgsize);background-blend-mode:exclusion,hue,hard-light;filter:brightness(calc((var(--pointer-from-center)*.3) + .35)) contrast(2) saturate(1.5)}.card:not(.masked)[data-supertype=pok\e9mon][data-rarity="rare ultra"] .card__shine:before,.card:not(.masked)[data-trainer-gallery=true][data-rarity="rare holo v"] .card__shine:before{content:none;display:none}.card:not(.masked)[data-supertype=pok\e9mon][data-rarity="rare ultra"] .card__shine:after,.card:not(.masked)[data-trainer-gallery=true][data-rarity="rare holo v"] .card__shine:after{filter:brightness(calc((var(--pointer-from-center)*.5) + .8)) contrast(1.6) saturate(1.4)}.card[data-rarity="radiant rare"] .card__shine{clip-path:var(--clip-borders)}.card[data-rarity="radiant rare"] .card__shine:after{clip-path:var(--clip)}.card[data-rarity="radiant rare"] .card__shine{--barwidth: 1.2%;--space: 200px;--hue: 50;--imgsize: cover;background-image:radial-gradient(farthest-corner ellipse at calc(((var(--pointer-x)) * .5) + 25%) calc(((var(--pointer-y)) * .5) + 25%),hsl(0,0%,95%) 20%,var(--card-glow) 130%),repeating-linear-gradient(45deg,hsl(0,0%,10%) 0%,hsl(0,0%,10%) 1%,hsl(0,0%,10%) var(--barwidth),hsl(0,0%,20%) calc(var(--barwidth) + .01%),hsl(0,0%,20%) calc(var(--barwidth) * 2),hsl(0,0%,35%) calc(var(--barwidth) * 2 + .01%),hsl(0,0%,35%) calc(var(--barwidth) * 3),hsl(0,0%,42.5%) calc(var(--barwidth) * 3 + .01%),hsl(0,0%,42.5%) calc(var(--barwidth) * 4),hsl(0,0%,50%) calc(var(--barwidth) * 4 + .01%),hsl(0,0%,50%) calc(var(--barwidth) * 5),hsl(0,0%,42.5%) calc(var(--barwidth) * 5 + .01%),hsl(0,0%,42.5%) calc(var(--barwidth) * 6),hsl(0,0%,35%) calc(var(--barwidth) * 6 + .01%),hsl(0,0%,35%) calc(var(--barwidth) * 7),hsl(0,0%,20%) calc(var(--barwidth) * 7 + .01%),hsl(0,0%,20%) calc(var(--barwidth) * 8),hsl(0,0%,10%) calc(var(--barwidth) * 8 + .01%),hsl(0,0%,10%) calc(var(--barwidth) * 9),hsl(0,0%,0%) calc(var(--barwidth) * 9 + .01%),hsl(0,0%,0%) calc(var(--barwidth) * 10)),repeating-linear-gradient(-45deg,hsl(0,0%,10%) 0%,hsl(0,0%,10%) 1%,hsl(0,0%,10%) var(--barwidth),hsl(0,0%,20%) calc(var(--barwidth) + .01%),hsl(0,0%,20%) calc(var(--barwidth) * 2),hsl(0,0%,35%) calc(var(--barwidth) * 2 + .01%),hsl(0,0%,35%) calc(var(--barwidth) * 3),hsl(0,0%,42.5%) calc(var(--barwidth) * 3 + .01%),hsl(0,0%,42.5%) calc(var(--barwidth) * 4),hsl(0,0%,50%) calc(var(--barwidth) * 4 + .01%),hsl(0,0%,50%) calc(var(--barwidth) * 5),hsl(0,0%,42.5%) calc(var(--barwidth) * 5 + .01%),hsl(0,0%,42.5%) calc(var(--barwidth) * 6),hsl(0,0%,35%) calc(var(--barwidth) * 6 + .01%),hsl(0,0%,35%) calc(var(--barwidth) * 7),hsl(0,0%,20%) calc(var(--barwidth) * 7 + .01%),hsl(0,0%,20%) calc(var(--barwidth) * 8),hsl(0,0%,10%) calc(var(--barwidth) * 8 + .01%),hsl(0,0%,10%) calc(var(--barwidth) * 9),hsl(0,0%,0%) calc(var(--barwidth) * 9 + .01%),hsl(0,0%,0%) calc(var(--barwidth) * 10));background-size:cover,210% 210%,210% 210%;background-position:center,calc(((var(--background-x) - 50%) * 1.5) + 50%) calc(((var(--background-y) - 50%) * 1.5) + 50%),calc(((var(--background-x) - 50%) * 1.5) + 50%) calc(((var(--background-y) - 50%) * 1.5) + 50%);background-blend-mode:exclusion,darken,color-dodge;filter:brightness(.5) contrast(2) saturate(1.75);mix-blend-mode:color-dodge}.card[data-rarity="radiant rare"] .card__shine:after{content:"";background-image:var(--foil),repeating-linear-gradient(55deg,hsl(3,95%,85%) calc(var(--space)*1),hsl(207,100%,84%) calc(var(--space)*2),hsl(29,100%,85%) calc(var(--space)*3),hsl(160,100%,86%) calc(var(--space)*4),hsl(309,94%,87%) calc(var(--space)*5),hsl(188,95%,85%) calc(var(--space)*6),hsl(3,95%,85%) calc(var(--space)*7));background-size:var(--imgsize),400% 100%;background-position:center,calc(((var(--background-x) - 50%) * -2.5) + 50%) calc(((var(--background-y) - 50%) * -2.5) + 50%);filter:brightness(.6) contrast(3) saturate(2);mix-blend-mode:color-dodge;background-blend-mode:hard-light}.card[data-rarity="radiant rare"] .card__shine:before{content:"";z-index:2;grid-area:1/1;background-image:var(--glitter),radial-gradient(farthest-corner ellipse at calc(((var(--pointer-x)) * .5) + 25%) calc(((var(--pointer-y)) * .5) + 25%),hsla(0,0%,58%,.8) 10%,hsla(0,0%,20%,.9) 20%,hsla(0,0%,20%,.5) 50%);background-position:center;background-size:15% 15%,350% 350%;background-blend-mode:color-dodge;mix-blend-mode:overlay;filter:brightness(.66) contrast(2) saturate(.5)}.card[data-rarity="radiant rare"] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.33) 0%,hsl(0,0%,25%) 110%);filter:brightness(1) contrast(1.5);mix-blend-mode:hard-light}.card:not(.masked)[data-rarity="radiant rare"] .card__shine,.card:not(.masked)[data-rarity="radiant rare"] .card__shine:after{--mask: none;--foil: url(/assets/homepage/20261016T124625Z/textures/trainerbg.png);--imgsize: 25% auto}.card:not(.masked)[data-rarity="radiant rare"] .card__shine:after{background-blend-mode:difference}
