.card[data-rarity=A],.card[data-rarity=A] .card__back{--foil-brightness:.8;--foil-saturate:.8}.card[data-rarity=A] .card__shine{--space:4%;clip-path:var(--clip);background-image:var(--foil),repeating-linear-gradient(82deg,#dbcc57 calc(var(--space)*1),#78c738 calc(var(--space)*2),#39c0b7 calc(var(--space)*3),#4964d0 calc(var(--space)*4),#aa47d1 calc(var(--space)*5),#cc388c calc(var(--space)*6),#cc388c calc(var(--space)*7),#aa47d1 calc(var(--space)*8),#4964d0 calc(var(--space)*9),#39c0b7 calc(var(--space)*10),#78c738 calc(var(--space)*11),#dbcc57 calc(var(--space)*12)),radial-gradient(farthest-corner circle at var(--pointer-x)var(--pointer-y),#c7ffff80 5%,#82a1a14d 40%,#000 130%);background-blend-mode:color-burn,multiply;background-position:center center,calc(10% + (var(--pointer-from-left)*80%))calc(10% + (var(--pointer-from-top)*80%)),center center;filter:brightness(var(--foil-brightness))contrast(.8)saturate(var(--foil-saturate));mix-blend-mode:color-dodge;background-size:cover,400% 900%,cover}.card[data-rarity=A] .card__shine:before{content:"";z-index:2;background-image:var(--foil),repeating-linear-gradient(82deg,#dbcc57 calc(var(--space)*1),#78c738 calc(var(--space)*2),#39c0b7 calc(var(--space)*3),#4964d0 calc(var(--space)*4),#aa47d1 calc(var(--space)*5),#cc388c calc(var(--space)*6),#cc388c calc(var(--space)*7),#aa47d1 calc(var(--space)*8),#4964d0 calc(var(--space)*9),#39c0b7 calc(var(--space)*10),#78c738 calc(var(--space)*11),#dbcc57 calc(var(--space)*12));background-blend-mode:lighten,multiply;background-position:center center,calc(15% + (var(--pointer-from-left)*70%))calc(15% + (var(--pointer-from-top)*70%)),center center;filter:brightness(1)contrast(1.25)saturate(var(--foil-saturate));mix-blend-mode:overlay;background-size:cover,400% 900%,cover}.card[data-rarity=A] .card__shine:after{content:"";z-index:3;background-image:var(--foil),repeating-linear-gradient(82deg,#dbcc57 calc(var(--space)*1),#78c738 calc(var(--space)*2),#39c0b7 calc(var(--space)*3),#4964d0 calc(var(--space)*4),#aa47d1 calc(var(--space)*5),#cc388c calc(var(--space)*6),#cc388c calc(var(--space)*7),#aa47d1 calc(var(--space)*8),#4964d0 calc(var(--space)*9),#39c0b7 calc(var(--space)*10),#78c738 calc(var(--space)*11),#dbcc57 calc(var(--space)*12));background-blend-mode:multiply,multiply;background-position:center center,calc(20% + (var(--pointer-from-left)*60%))calc(20% + (var(--pointer-from-top)*60%)),center center;filter:brightness(1)contrast(1.25)saturate(var(--foil-saturate));mix-blend-mode:multiply;background-size:cover,400% 900%,cover}.card[data-rarity=A] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x)var(--pointer-y),#e6f5ffcc 5%,#2e2b3b 150%);filter:brightness(.4)contrast(.3);mix-blend-mode:overlay;opacity:calc(var(--card-opacity)*(.25 + var(--pointer-from-center)))}.card[data-rarity=A] .card__glare:after{content:"";background-image:radial-gradient(farthest-corner circle at var(--pointer-x)var(--pointer-y),#f8ebff 5%,#1a1a1a 60%);filter:brightness(.5)contrast(.3);mix-blend-mode:soft-light;opacity:calc(1 - var(--pointer-from-top)*.75)}
.card[data-rarity=B],.card[data-rarity=B] .card__back{--foil-brightness:.45}.card[data-rarity=B] .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:center center,calc((100%*var(--pointer-from-left)))calc((100%*var(--pointer-from-top))),center center;filter:brightness(var(--foil-brightness))contrast(2)saturate(.1);mix-blend-mode:color-dodge;opacity:calc((1.5*var(--card-opacity)) - var(--pointer-from-center))}.card[data-rarity=B] .card__glare{opacity:var(--card-opacity);background-image:radial-gradient(farthest-corner circle at var(--pointer-x)var(--pointer-y),#fffc 10%,#ffffff80 20%,#000000bf 90%);filter:brightness(.4)contrast(.3)}.card[data-rarity=B] .card__glare:after{content:"";opacity:var(--card-opacity);background-image:radial-gradient(farthest-corner circle at var(--pointer-x)var(--pointer-y),#fff 10%,#ffffff80 20%,#00000080 120%);filter:brightness(.5)contrast(.3)}
:root{--card-aspect:.718;--card-radius:22px;--card-edge:transparent;--card-back:transparent;--card-glow:transparent;--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{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;transform:translateZ(.01px)}.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__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.interacting{z-index:calc(var(--card-scale)*120)}.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 .4s,opacity .33s ease-out;box-shadow:0 0 3px -1px #0000,0 0 2px 1px #0000,0 0 5px #0000,0 10px 20px -5px #000,0 2px 15px -5px #000,0 0 20px #0000}.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 .33s ease-out;transform:translateZ(.01px)}.loading .card__front{opacity:0}.loading .card__back{transform:rotateY(0)}.card__shine{z-index:3;filter:brightness(.85)contrast(2.75)saturate(.65);mix-blend-mode:color-dodge;opacity:var(--card-opacity);background:50%/cover;display:grid;overflow:hidden;transform:translateZ(1px)}.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);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{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.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-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover}
.card[data-rarity=C],.card[data-rarity=C] .card__back{--foil-brightness:.65}.card[data-rarity=C] .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:center center,calc((100%*var(--pointer-from-left)))calc((100%*var(--pointer-from-top))),center center;filter:brightness(var(--foil-brightness))contrast(2)saturate(.1);mix-blend-mode:color-dodge;opacity:calc((1.5*var(--card-opacity)) - var(--pointer-from-center))}.card[data-rarity=C] .card__glare{opacity:var(--card-opacity);background-image:radial-gradient(farthest-corner circle at var(--pointer-x)var(--pointer-y),#fffc 10%,#ffffff80 20%,#000000bf 90%);filter:brightness(.4)contrast(.3)}.card[data-rarity=C] .card__glare:after{content:"";opacity:var(--card-opacity);background-image:radial-gradient(farthest-corner circle at var(--pointer-x)var(--pointer-y),#fff 10%,#ffffff80 20%,#00000080 120%);filter:brightness(.5)contrast(.3)}