.ckad.svelte-ek1gz8{z-index:10;width:200px;max-width:100%;margin:40px auto;display:block;position:relative}.card__rotator.svelte-ek1gz8{aspect-ratio:1;cursor:pointer;pointer-events:auto;background:0 0;border:none;width:100%;padding:0}.card__front.svelte-ek1gz8{box-shadow:none;background:0 0;border:none}.card__front.svelte-ek1gz8 img:where(.svelte-ek1gz8){filter:drop-shadow(0 0 30px #00a2ff66)}:root{--card-aspect:.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{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;-webkit-transform:translateZ(.01px);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;-webkit-transform-origin:50%;transform-origin:50%;transform-style:preserve-3d;display:grid}.card__translater{--translate-z:calc(var(--card-scale) * 150px + .01px);width:auto;-webkit-transform:translate3d(var(--translate-x), var(--translate-y), var(--translate-z)) scale(var(--card-scale));transform:translate3d(var(--translate-x), var(--translate-y), var(--translate-z)) scale(var(--card-scale));position:relative}.card__rotator{-webkit-transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));pointer-events:auto}button.card__rotator{-webkit-appearance:none;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.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 black, 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){-webkit-transform:translateZ(.01px);transform:translateZ(.01px)}.card__back{background-color:var(--card-back);backface-visibility:visible;-webkit-transform:rotateY(180deg)translateZ(1px);transform:rotateY(180deg)translateZ(1px)}.card__front,.card__front *{backface-visibility:hidden}.card__front{opacity:1;transition:opacity .33s ease-out;-webkit-transform:translateZ(.01px);transform:translateZ(.01px)}.loading .card__front{opacity:0}.loading .card__back{-webkit-transform:rotateY(0);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);mask-image:var(--mask);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover}.card[data-rarity=rare\ holo] .card__glare:after,.card[data-rarity="rare holo cosmos"] .card__glare:after,.card[data-rarity$=reverse\ holo] .card__glare:after{clip-path:var(--clip)}.card[data-rarity=rare\ holo][data-subtypes^=stage] .card__glare:after,.card[data-rarity="rare holo cosmos"][data-subtypes^=stage] .card__glare:after,.card[data-rarity$=reverse\ holo][data-subtypes^=stage] .card__glare:after{clip-path:var(--clip-stage)}.card[data-rarity=rare\ holo][data-supertype=trainer] .card__glare:after,.card[data-rarity="rare holo cosmos"][data-supertype=trainer] .card__glare:after,.card[data-rarity$=reverse\ holo][data-supertype=trainer] .card__glare:after{clip-path:var(--clip-trainer)}.card[data-rarity=ckad],.card[data-rarity=ckad] *{outline:none!important}.card[data-rarity=ckad]{--card-aspect:1;--card-radius:4.5%;--card-edge:transparent;--card-back:transparent;--card-glow:transparent;box-shadow:none!important;background-color:#0000!important;border:none!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important}.card[data-rarity=ckad] .card__translater,.card[data-rarity=ckad] .card__rotator,.card[data-rarity=ckad] .card__front,.card[data-rarity=ckad] .card__shine,.card[data-rarity=ckad] .card__glare{width:200px!important;height:200px!important;overflow:visible!important}.card[data-rarity=ckad] .card__rotator,.card[data-rarity=ckad] .card__rotator:focus{box-shadow:none!important}.card[data-rarity=ckad] .card__front img{object-fit:contain!important;width:100%!important;height:100%!important}.card[data-rarity=ckad] .card__rotator{box-sizing:border-box;padding:0}.card[data-rarity=ckad] .card__rotator,.card[data-rarity=ckad] .card__front,.card[data-rarity=ckad] .card__shine,.card[data-rarity=ckad] .card__glare{-webkit-mask-image:url(/CKAD.png);mask-image:url(/CKAD.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:#0000!important}.card[data-rarity=ckad] .card__shine{--space:5%;--angle:-22deg;--imgsize:300% 400%;background-image:linear-gradient(var(--angle), #af67cbbf 0%, #e44e49bf 5%, #d7c537bf 10%, #7ec940bf 15%, #4fb0a9bf 20%, #8aa1ffbf 25%, #af67cbbf 30%, #e44e49bf 35%, #d7c537bf 40%, #7ec940bf 45%, #4fb0a9bf 50%, #8aa1ffbf 55%, #af67cbbf 60%, #e44e49bf 65%, #d7c537bf 70%, #7ec940bf 75%, #4fb0a9bf 80%, #8aa1ffbf 85%, #af67cbbf 90%, #e44e49bf 95%, #d7c537bf 100%);background-blend-mode:color-dodge;background-size:var(--imgsize);background-position:0% calc(var(--background-y) * 1), var(--background-x) var(--background-y);filter:brightness(calc((var(--pointer-from-center)*.3) + .5)) contrast(2.3) saturate(1);mix-blend-mode:color-dodge;opacity:var(--card-opacity);visibility:visible!important;display:block!important}.card[data-rarity=ckad] .card__shine:after{content:"";background-image:radial-gradient(farthest-corner ellipse at calc(((var(--pointer-x)) * .5) + 25%) calc(((var(--pointer-y)) * .5) + 25%), #fff 5%, #003d6699 40%, #001f33 120%);filter:brightness(calc((var(--pointer-from-center)*.2) + .4)) contrast(1.2) saturate(1.1);mix-blend-mode:hard-light;opacity:1;background-position:50%;background-size:400% 500%;grid-area:1/1}.card[data-rarity=ckad] .card__shine:before{content:none}.card[data-rarity=ckad] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #fffc 10%, #b3d1e666 35%, #003d66 60%);mix-blend-mode:soft-light;opacity:calc(var(--card-opacity) * .8);filter:brightness(1.2)contrast(1.3)}