.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;transform:translateZ(0);visibility:hidden}.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: hsl(47, 100%, 78%);--card-back: rgba(0, 0, 0, .33);--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);--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 transparent}.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 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.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-radius: 5.5% / 3.94%;--card-aspect: 63 / 88}.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;-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))}.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{border:none;background:transparent;padding:0;-webkit-appearance:none;appearance:none}.card__rotator,.card.active .card__rotator:focus{transition:box-shadow .3s ease,opacity .15s ease-out;box-shadow:0 0 3px -1px transparent,0 0 2px 1px transparent,0 0 5px 0 transparent,0 5px 10px -2.5px #00000080,0 1px 7.5px -2.5px #00000080,0 0 10px 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 #00000080,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 .1s 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,.card__glitter{display:grid;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;border-radius:var(--card-radius);filter:brightness(.45) contrast(1.5) saturate(1.2);mix-blend-mode:color-dodge;opacity:var(--card-opacity)}.card__glitter{display:none;z-index:2}.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);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,.card__glare2{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__glare2{display:none}.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;-webkit-mask-mode: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)}