:root{--card-aspect:0.718;--card-radius:4.55%/3.5%;--card-edge:#ffe78f;--card-back:#004a80;--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)}.card{transform:translateZ(.01px);pointer-events:none;z-index:calc(var(--card-scale) * 2);will-change:transform,visibility,z-index;transform-style:preserve-3d}.card,.card *{outline:1px solid transparent}.card:not(.interactive) .card__glare,.card:not(.interactive) .card__rotator,.card:not(.interactive) .card__shine,.card:not(.interactive) .card__translater{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:#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.interacting{z-index:calc(var(--card-scale) * 120)}.card.active .card__rotator,.card.active .card__translater{touch-action:none}.card__rotator,.card__translater{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;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;-moz-appearance:none;appearance:none}.card.active .card__rotator:focus,.card__rotator{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;transform-style:preserve-3d;pointer-events:none;overflow:hidden}.card__rotator img{height:auto}.card__rotator img:not(.card__back){transform:translateZ(.01px)}.card__back{background-color:var(--card-back);transform:rotateY(180deg) translateZ(1px);-webkit-backface-visibility:visible;backface-visibility:visible}.card__front,.card__front *{-webkit-backface-visibility:hidden;backface-visibility:hidden}.card__front{opacity:1;transition:opacity .33s ease-out;transform:translateZ(.01px)}.loading .card__front{opacity:0}.loading .card__back{transform:rotateY(0deg)}.card__shine{display:grid;transform:translateZ(1px);overflow:hidden;z-index:20;background:transparent;background-size:cover;background-position:50%;filter:brightness(.85) contrast(2.75) saturate(.65);mix-blend-mode:color-dodge;opacity:var(--card-opacity)}.card__shine:after,.card__shine:before{--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{z-index:30;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%,rgba(0,0,0,.5) 90%);opacity:var(--card-opacity);mix-blend-mode:overlay}.card.masked .card__shine,.card.masked .card__shine:after,.card.masked .card__shine:before{-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$="reverse holo"] .card__glare:after,.card[data-rarity="rare holo cosmos"] .card__glare:after,.card[data-rarity="rare holo"] .card__glare:after{-webkit-clip-path:var(--clip);clip-path:var(--clip)}.card[data-rarity$="reverse holo"][data-subtypes^=stage] .card__glare:after,.card[data-rarity="rare holo cosmos"][data-subtypes^=stage] .card__glare:after,.card[data-rarity="rare holo"][data-subtypes^=stage] .card__glare:after{-webkit-clip-path:var(--clip-stage);clip-path:var(--clip-stage)}.card[data-rarity$="reverse holo"][data-supertype=trainer] .card__glare:after,.card[data-rarity="rare holo cosmos"][data-supertype=trainer] .card__glare:after,.card[data-rarity="rare holo"][data-supertype=trainer] .card__glare:after{-webkit-clip-path:var(--clip-trainer);clip-path:var(--clip-trainer)}.card{--grain:url(/img/grain.webp);--glitter:url(/img/glitter.png);--glittersize:25%;--space:5%;--angle:133deg;--imgsize:cover;--red:#f80e35;--yellow:#eedf10;--green:#21e985;--blue:#0dbde9;--violet:#c929f1;--clip:inset(10.85% 9% 49.85% 9%);--clip-invert:polygon(0% 0%,100% 0%,100% 100%,0% 100%,0% 49.35%,91.5% 49.35%,91.5% 9.85%,10% 9.85%,8% 77.15%,0% 100%);--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__glare,.card__shine{will-change:transform,opacity,background-image,background-size,background-position,background-blend-mode,filter}.card{--foil-brightness:0.55}.card[data-rarity$="reverse holo"] .card__shine{background-image:radial-gradient(circle at var(--pointer-x) var(--pointer-y),#fff 5%,#000 50%,#fff 80%),linear-gradient(-45deg,#000 15%,#fff,#000 85%),var(--foil);background-blend-mode:soft-light,difference;background-size:120% 120%,200% 200%,cover;background-position:50%,calc((100% * var(--pointer-from-left))) calc((100% * var(--pointer-from-top))),50%;filter:brightness(var(--foil-brightness)) contrast(1.5) saturate(1);mix-blend-mode:color-dodge;opacity:calc((1.5 * var(--card-opacity)) - var(--pointer-from-center))}.card.lightning{--foil-brightness:0.7}.card.darkness{--foil-brightness:0.8}.card.metal{--foil-brightness:0.6}.card[data-rarity$="reverse holo"] .card__glare{opacity:var(--card-opacity);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.8) 10%,hsla(0,0%,100%,.5) 20%,rgba(0,0,0,.75) 90%);filter:brightness(.7) contrast(1.5)}.card[data-rarity$="reverse holo"] .card__glare:after{content:"";opacity:var(--card-opacity);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),#fff 10%,hsla(0,0%,100%,.5) 20%,rgba(0,0,0,.5) 120%);filter:brightness(1) contrast(1.5)}.card:not(.masked)[data-rarity$="reverse holo"] .card__shine{--foil:none;-webkit-clip-path:var(--clip-invert);clip-path:var(--clip-invert)}.card:not(.masked)[data-rarity$="reverse holo"][data-subtypes^=stage] .card__glare:after{-webkit-clip-path:var(--clip-stage-invert);clip-path:var(--clip-stage-invert)}.card:not(.masked)[data-rarity$="reverse holo"][data-supertype=trainer] .card__glare:after{-webkit-clip-path:var(--clip-trainer-invert);clip-path:var(--clip-trainer-invert)}