:root{--card-aspect:.718;--card-radius:4.55% / 3.5%;--card-edge:#ffe78f;--card-back:#004a80;--card-glow:#ccfffb;--red:#f80e35;--yellow:#eedf10;--green:#21e985;--blue:#0dbde9;--violet:#c929f1;--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);--glitter:url(../media/glitter.0x84lr8acvlst.png);--grain:url(../media/grain.17r1krge4bu9d.webp);--glittersize:25%}.card{pointer-events:none;z-index:calc(var(--card-scale,1) * 2);will-change:transform, visibility, z-index;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,.card__rotator{aspect-ratio:var(--card-aspect);border-radius:var(--card-radius)}.card.interacting{z-index:calc(var(--card-scale,1) * 120)}.card__translater,.card__rotator{perspective:600px;will-change:transform, box-shadow;transform-origin:50%;transform-style:preserve-3d;display:grid}.card__translater{--translate-z:calc(var(--card-scale,1) * 150px + .01px);width:auto;transform:translate3d(var(--translate-x,0px), var(--translate-y,0px), var(--translate-z)) scale(var(--card-scale,1));position:relative}.card__rotator{transform:rotateY(var(--rotate-x,0deg)) rotateX(var(--rotate-y,0deg));transform-style:preserve-3d;pointer-events:auto}.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 4px #0000,0 6px 14px -7px #000,0 1px 8px -6px #000,0 0 20px #0000}.card.active .card__rotator,.card__rotator:focus{box-shadow:0 0 2px -1px white, 0 0 2px 1px var(--card-edge), 0 0 8px 1px var(--card-glow), 0px 7px 14px -7px black, 0 0 26px -24px var(--card-glow), 0 0 34px -22px var(--card-glow)}.card__rotator>*{width:100%;aspect-ratio:var(--card-aspect);border-radius:var(--card-radius);image-rendering:optimizeQuality;transform-style:preserve-3d;pointer-events:none;grid-area:1/1;display:grid;overflow:hidden}.card__front{opacity:1;backface-visibility:hidden;transition:opacity .33s ease-out;transform:translateZ(.01px)}.card__front>*{border-radius:var(--card-radius);grid-area:1/1;width:100%;height:100%;overflow:hidden}.card__front img{object-fit:cover;width:100%;height:100%;display:block}.card__shine{z-index:3;filter:brightness(.85)contrast(2.75)saturate(.65);mix-blend-mode:color-dodge;opacity:var(--card-opacity,0);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,50%) var(--pointer-y,50%), #fffc 10%, #ffffffa6 20%, #00000080 90%);opacity:var(--card-opacity,0);mix-blend-mode:overlay;overflow:hidden;transform:translateZ(1.41px)}.card.masked .card__shine,.card.masked .card__shine:before,.card.masked .card__shine:after,.card.masked .card__glare{-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.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[data-rarity=reflective] .card__shine{--space:5%;--angle:-22deg;background-image:repeating-linear-gradient(var(--angle), #af67cb73 calc(var(--space) * 1), #e44e4973 calc(var(--space) * 2), #d7c53773 calc(var(--space) * 3), #7ec94073 calc(var(--space) * 4), #4fb0a973 calc(var(--space) * 5), #8aa1ff73 calc(var(--space) * 6), #b16bcc73 calc(var(--space) * 7));background-blend-mode:color-dodge;background-size:300% 400%;background-position:0% calc(var(--background-y,50%) * 1), var(--background-x,50%) var(--background-y,50%);filter:brightness(calc((var(--pointer-from-center,0) * .2) + .4)) contrast(1.8) saturate(.8);mix-blend-mode:color-dodge}.card[data-rarity=reflective] .card__shine:before{content:none;display:none}.card[data-rarity=reflective] .card__shine:after{content:"";background-image:radial-gradient(farthest-corner ellipse at calc(((var(--pointer-x,50%)) * .5) + 25%) calc(((var(--pointer-y,50%)) * .5) + 25%), #ffffffb3 5%, #38003866 40%, #383838 120%);filter:brightness(calc((var(--pointer-from-center,0) * .15) + .35)) contrast(.75) saturate(.9);mix-blend-mode:hard-light;background-position:50%;background-size:400% 500%}.card[data-rarity=reflective] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x,50%) var(--pointer-y,50%), #fff9 10%, #ffffff59 35%, #4f6363b3 60%);mix-blend-mode:soft-light}.card[data-rarity=cosmos] .card__shine{--space:4%;background-image:url(../media/cosmos-bottom.0587mm63y5b0t.png), 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,50%) var(--pointer-y,50%), #c7ffff80 5%, #82a1a14d 40%, #000 130%);background-blend-mode:color-burn, multiply;background-position:var(--cosmosbg,center center), calc(10% + (var(--pointer-from-left,.5) * 80%)) calc(10% + (var(--pointer-from-top,.5) * 80%)), center center;filter:brightness()contrast()saturate(.8);mix-blend-mode:color-dodge;background-size:cover,400% 900%,cover}.card[data-rarity=cosmos] .card__shine:before{content:"";z-index:2;background-image:url(../media/cosmos-middle-trans.09lp.ai12leq_.png), 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:var(--cosmosbg,center center), calc(15% + (var(--pointer-from-left,.5) * 70%)) calc(15% + (var(--pointer-from-top,.5) * 70%)), center center;filter:brightness(1.25)contrast(1.75)saturate(.8);mix-blend-mode:overlay;background-size:cover,400% 900%,cover}.card[data-rarity=cosmos] .card__shine:after{content:"";z-index:3;background-image:url(../media/cosmos-top-trans.0znuj3x-zp7jz.png), 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:var(--cosmosbg,center center), calc(20% + (var(--pointer-from-left,.5) * 60%)) calc(20% + (var(--pointer-from-top,.5) * 60%)), center center;filter:brightness(1.25)contrast(1.75)saturate(.8);mix-blend-mode:multiply;background-size:cover,400% 900%,cover}.card[data-rarity=cosmos] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x,50%) var(--pointer-y,50%), #e6f5ffcc 5%, #2e2b3b 150%);filter:brightness(.75)contrast(2)saturate(2);mix-blend-mode:overlay;opacity:calc(var(--card-opacity,0) * (.25 + var(--pointer-from-center,0)))}.card[data-rarity=cosmos] .card__glare:after{content:"";border-radius:var(--card-radius);background-image:radial-gradient(farthest-corner circle at var(--pointer-x,50%) var(--pointer-y,50%), #f8ebff 5%, #1a1a1a 60%);filter:brightness(.75)contrast(2.5)saturate(2);mix-blend-mode:soft-light;opacity:calc(1 - var(--pointer-from-top,.5) * .75);grid-area:1/1;overflow:hidden}.card[data-rarity=refractor] .card__shine{background-image:repeating-linear-gradient(45deg,#0000 0%,#ff335559 .4%,#ff993359 .6%,#ffec1a59 .8%,#0df20d59 1%,#1affff59 1.2%,#4c4cff59 1.4%,#bb33ff59 1.6%,#ff335559 1.8%,#0000 2.2% 7%);background-size:150% 150%;background-position:var(--background-x,50%) var(--background-y,50%);filter:blur(3px)brightness(.55)contrast(1.4)saturate(1.2);mix-blend-mode:color-dodge}.card[data-rarity=refractor] .card__shine:before{content:none;display:none}.card[data-rarity=refractor] .card__shine:after{content:"";background-image:radial-gradient(ellipse 70% 50% at calc(((var(--pointer-x,50%)) * .3) + 35%) calc(((var(--pointer-y,50%)) * .3) + 35%), #ffffffe6 0%, #d1ecfa80 20%, #0000 60%), radial-gradient(ellipse 100% 80% at calc(((var(--pointer-x,50%)) * .3) + 35%) calc(((var(--pointer-y,50%)) * .3) + 35%), #eef1f666 0%, #0000 50%);background-blend-mode:screen;filter:brightness(calc(.4 + var(--pointer-from-center,0) * .6)) contrast(1.4);mix-blend-mode:hard-light}.card[data-rarity=refractor] .card__glare{background-image:radial-gradient(ellipse 80% 90% at calc(((var(--pointer-x,50%)) * .3) + 35%) calc(((var(--pointer-y,50%)) * .3) + 35%), #f8fafc99 0%, #cdd5e44d 25%, #0006 70%);filter:brightness(calc(.5 + var(--pointer-from-center,0) * .4)) contrast(1.3) saturate(.3);mix-blend-mode:soft-light}.card__shine,.card__glare{will-change:transform, opacity, background-image, background-size, background-position, background-blend-mode, filter}