.card{--glitter:url(/assets/images/foil/glitter.png);--iri7:url(/assets/images/foil/shine-1.png);--iri8:url(/assets/images/foil/shine-2.png);--iri9:url(/assets/images/foil/shine-3.png);--glittersize:25%;--space:5%;--angle:133deg;--imgsize:cover;--red:#f80e35;--yellow:#eedf10;--green:#21e985;--blue:#0dbde9;--violet:#c929f1}.card__shine,.card__glare{will-change:transform, opacity, background-image, background-size, background-position, background-blend-mode, filter}.card.offscreen{opacity:0;visibility:hidden;transform:translate(0,0)}.card__rotator{pointer-events:auto}.card__rotator img,.card__front>div{pointer-events:none}:root{--card-aspect:.68;--card-radius:2.25% / 1.75%;--card-edge:#ffe78f;--card-back:#00000054;--card-glow:#ccfffb;--sunpillar-1:#ff7a75;--sunpillar-2:#ffed61;--sunpillar-3:#a8ff61;--sunpillar-4:#85fff7;--sunpillar-5:#7a95ff;--sunpillar-6:#d875ff;--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);--sunpillar:var(--sunpillar-1) 25%, var(--sunpillar-2), var(--sunpillar-3), var(--sunpillar-4), var(--sunpillar-5), var(--sunpillar-6) 75%;--holo:var(--sunpillar-1), var(--sunpillar-2), var(--sunpillar-3), var(--sunpillar-4), var(--sunpillar-5), var(--sunpillar-6), var(--sunpillar-1)}.card{pointer-events:none;will-change:transform, visibility;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.card,.card *{outline:1px solid #0000}.card:not(.interactive) .card__translater,.card:not(.interactive) .card__rotator,.card:not(.interactive) .card__shine,.card:not(.interactive) .card__glitter,.card:not(.interactive) .card__glare{transition:all .3s}.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:#36d4fc}.card.fire{--card-glow:#eb5b42}.card.grass{--card-glow:#97ee5d}.card.lightning{--card-glow:#f3e24f}.card.psychic{--card-glow:#ac51d6}.card.fighting{--card-glow:#915a27}.card.darkness{--card-glow:#106a7a}.card.metal{--card-glow:#a3c0c2}.card.dragon{--card-glow:#8f7f24}.card.fairy{--card-glow:#ffc7e9}.card,.card__rotator{aspect-ratio:var(--card-aspect);border-radius:var(--card-radius)}.card.card--naruto{--card-radius:45px;--card-aspect:498 / 695}.card.card--naruto .card__rotator,.card.card--naruto .card__rotator *{border-radius:45px}.card.card--pokemon,.card.card--cyberpunk{--card-radius:5.5% / 3.94%;--card-aspect:63 / 88}.card.active .card__translater,.card.active .card__rotator{touch-action:none}.card__translater,.card__rotator{perspective:600px;will-change:transform, box-shadow;transform-origin:50%;transform-style:preserve-3d;display:grid}.card__translater{width:auto;-webkit-transform:translate3d(var(--translate-x), var(--translate-y), .1px) scale(var(--card-scale));transform:translate3d(var(--translate-x), var(--translate-y), .1px) scale(var(--card-scale));position:relative}.card__rotator{-webkit-transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));-webkit-transform-style:preserve-3d;transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));pointer-events:auto}button.card__rotator{appearance:none;background:0 0;border:none;padding:0}.card__rotator,.card.active .card__rotator:focus{transition:box-shadow .3s,opacity .15s ease-out;box-shadow:0 0 3px -1px #0000,0 0 2px 1px #0000,0 0 5px #0000,0 5px 10px -2.5px #00000080,0 1px 7.5px -2.5px #00000080,0 0 10px #0000}.card.active .card__rotator,.card__rotator:focus{box-shadow:0 0 3px -1px white, 0 0 3px 1px var(--card-edge), 0 0 12px 2px var(--card-glow), 0px 10px 20px -5px #00000080, 0 0 40px -30px var(--card-glow), 0 0 50px -20px var(--card-glow)}.card__rotator *{width:100%;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;grid-area:1/1;display:grid;overflow:hidden}.card__rotator img{height:auto}.card__rotator img:not(.card__back){transform:translateZ(.01px)}.card__back{background-color:var(--card-back);backface-visibility:visible;transform:rotateY(180deg)translateZ(1px)}.card__front,.card__front *{backface-visibility:hidden}.card__front{opacity:1;transition:opacity .1s ease-out;transform:translateZ(.01px)}.loading .card__front{opacity:0}.loading .card__back{transform:rotateY(0)}.card__shine,.card__glitter{z-index:3;border-radius:var(--card-radius);filter:brightness(.45)contrast(1.5)saturate(1.2);mix-blend-mode:color-dodge;opacity:var(--card-opacity);background:50%/cover;display:grid;overflow:hidden;transform:translateZ(1px)}.card__glitter{z-index:2;display:none}.card__shine:before,.card__shine:after,.card__glitter:before,.card__glitter: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);border-radius:var(--card-radius);grid-area:1/1;transform:translateZ(1px)}.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,.card__glare2{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #fffc 10%, #ffffffa6 20%, #00000080 90%);opacity:var(--card-opacity);mix-blend-mode:overlay;overflow:hidden;transform:translateZ(1.41px)}.card__glare2{display:none}.card.masked .card__shine,.card.masked .card__shine:before,.card.masked .card__shine:after{-webkit-mask-image:var(--mask);-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-mode:luminance;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-source-type:luminance;mask-mode:luminance}.card[data-rarity=rare\ holo]:not(.masked) .card__glare:after,.card[data-rarity="rare holo cosmos"]:not(.masked) .card__glare:after,.card[data-rarity$=reverse\ holo]:not(.masked) .card__glare:after,.card[data-rarity$=pokeball\ holo]:not(.masked) .card__glare:after{clip-path:var(--clip)}.card[data-rarity=rare\ holo][data-subtypes^=stage]:not(.masked) .card__glare:after,.card[data-rarity="rare holo cosmos"][data-subtypes^=stage]:not(.masked) .card__glare:after,.card[data-rarity$=reverse\ holo][data-subtypes^=stage]:not(.masked) .card__glare:after,.card[data-rarity$=pokeball\ holo][data-subtypes^=stage]:not(.masked) .card__glare:after{clip-path:var(--clip-stage)}.card[data-rarity=rare\ holo][data-supertype=trainer]:not(.masked) .card__glare:after,.card[data-rarity="rare holo cosmos"][data-supertype=trainer]:not(.masked) .card__glare:after,.card[data-rarity$=reverse\ holo][data-supertype=trainer]:not(.masked) .card__glare:after,.card[data-rarity$=pokeball\ holo][data-supertype=trainer]:not(.masked) .card__glare:after{clip-path:var(--clip-trainer)}.card[data-rarity=hyper\ rare]{--shift:calc(3px * var(--card-scale));--glitter-size:150px 150px}.card[data-rarity=hyper\ rare] .card__shine{filter:brightness(.6)contrast(1.5)saturate()}.card[data-rarity=hyper\ rare] .card__shine:after{content:"";background-image:linear-gradient(calc((var(--rotate-x) - var(--rotate-delta)) * -.25), black 24%, #797979 30%, black 36%), linear-gradient(calc((var(--rotate-x) - var(--rotate-delta)) * .25), black 24%, #797979 30%, black 36%);background-position:50% calc(( var(--background-y) * 1.7 )), 50% calc(( var(--background-y) * -1.3 ));background-blend-mode:exclusion;filter:brightness()contrast(.75)saturate();mix-blend-mode:hard-light;z-index:3;background-size:300% 300%}.card[data-rarity=hyper\ rare] .card__shine:before{content:"";background-image:repeating-linear-gradient(15deg, var(--holo), var(--holo), var(--holo));filter:brightness()contrast(.75)saturate();mix-blend-mode:overlay;z-index:2;background-position:50%;background-size:240% 240%}.card[data-rarity=hyper\ rare] .card__glitter{background-image:var(--iri9);background-size:var(--glitter-size);filter:brightness()contrast(2)saturate(1.2);mix-blend-mode:plus-lighter;-webkit-mask-image:var(--mask);-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-mode:luminance;opacity:calc(var(--card-opacity) * ( .2 + var(--pointer-from-center) * .3 ));background-position:50%;background-repeat:repeat;display:grid;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-source-type:luminance;mask-mode:luminance}.card[data-rarity=hyper\ rare] .card__glitter:before,.card[data-rarity=hyper\ rare] .card__glitter:after{content:"";background-image:var(--iri8);background-size:var(--glitter-size);background-position:calc(50% + (var(--pointer-from-left) * var(--shift))) calc(50% + (var(--pointer-from-top) * var(--shift)));filter:brightness(2)contrast(1.2)saturate(2);mix-blend-mode:overlay;z-index:2;opacity:var(--pointer-from-top);-webkit-mask-image:var(--mask);-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-mode:luminance;background-repeat:repeat;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-source-type:luminance;mask-mode:luminance}.card[data-rarity=hyper\ rare] .card__glitter:after{background-image:var(--iri7);background-position:calc(50% + (var(--pointer-from-left) * var(--shift) * -1)) calc(50% + (var(--pointer-from-top) * var(--shift) * -1));z-index:3;opacity:calc(var(--pointer-from-top) * -1 + 1)}.card[data-rarity=hyper\ rare] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ccc 10%, gray 70%);mix-blend-mode:multiply;filter:contrast(1.5)}.card[data-rarity=hyper\ rare] .card__glare2{-webkit-mask:var(--foil);mask:var(--foil);-webkit-mask-mode:luminance;mix-blend-mode:overlay;filter:contrast(.8);background:#fff;display:block;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-source-type:luminance;mask-mode:luminance}.card[data-rarity="rare rainbow alt"] .card__shine,.card[data-rarity="rare holo vmax"][data-trainer-gallery=true] .card__shine{--imgsize:cover;--r-clr-1:#942929;--r-clr-2:#98752f;--r-clr-3:#598f24;--r-clr-4:#248f8f;--r-clr-5:#248f8f;--r-clr-6:#2b639c;--r-clr-7:#5e247b;background-image:repeating-linear-gradient(var(--angle), #af67cbbf calc(var(--space)*1), #df4e49bf calc(var(--space)*2), #d7c537bf calc(var(--space)*3), #7ec940bf calc(var(--space)*4), #4fb0a9bf calc(var(--space)*5), #8aa1ffbf calc(var(--space)*6), #b16bccbf calc(var(--space)*7)), var(--glitter), linear-gradient(-30deg, var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1));background-size:200% 400%, var(--glittersize) var(--glittersize), 400% 400%;background-position:0% calc(var(--background-y) * 1), center center, calc(var(--background-x) * 1.5) calc(var(--background-y) * 1.5);background-blend-mode:luminosity, overlay;filter:brightness(calc((var(--pointer-from-center)*.35) + .35)) contrast(3) saturate(1.8)}.card[data-rarity="rare rainbow alt"] .card__shine:after,.card[data-rarity="rare holo vmax"][data-trainer-gallery=true] .card__shine:after{content:"";background-image:var(--glitter), linear-gradient(-60deg, var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1));background-blend-mode:overlay;background-size:var(--glittersize) var(--glittersize), 400% 400%;background-position:center center, calc(var(--background-x) * -1.5) calc(var(--background-y) * -1.5);filter:brightness(calc((var(--pointer-from-center)*.5) + .6)) contrast(3) saturate(1);mix-blend-mode:color-dodge;opacity:calc(1.2 + (var(--pointer-from-center)/2) * -1);-webkit-mask-image:none!important;mask-image:none!important}.card[data-rarity="rare rainbow alt"] .card__shine:before,.card[data-rarity="rare holo vmax"][data-trainer-gallery=true] .card__shine:before{content:"";background-image:var(--foil);background-size:var(--imgsize);filter:brightness(1.5)contrast(1.5);opacity:calc((var(--pointer-from-center) + .6 ) * .4);background-blend-mode:difference;mix-blend-mode:color-dodge;background-position:50%}.card[data-rarity="rare rainbow alt"] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ebe9e0bf 0%, #3d5c4da6 45%, #000 100%);filter:brightness(.8)contrast(1.5);opacity:calc(var(--card-opacity) * .18)}.card:not(.masked)[data-rarity="rare rainbow alt"] .card__shine,.card:not(.masked)[data-rarity="rare holo vmax"][data-trainer-gallery=true] .card__shine{--mask:none;--foil:none;--imgsize:25% auto}