html,body{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADySURBVFhH7Ze9DsFQFIA/HsZiNZv6FhaTiBfwDJIOpkboYOkjdNKFlWAgQeJZmK7o6dWfFO0t33bPOcM53/1JLhRMTQYAGk3rJmMAl2Ogrc9DXQa+jXYiZeB8WACw3FwB6HX7obp3GDHDgOSdRsw0IMljpBoGJNJInIlqGlCkMVEtA7brAzAbj2UKfsKAojMYhdabVQBlNZCpAdv1H/sch+cM8ZyhDGvJ1MAniOwJT2dgOp8AsN6fANhtD6G6pCnNfwdabUumtEgT6pwoY6W+BZGOSGFATfQqLzHPgCLpf5DWlG5yRbkNpCXJVByFG/hTOHfeTodKAUXi+AAAAABJRU5ErkJggg==),auto;height:100%;margin:0;display:flex;overflow:hidden}a,button,[role=button],input[type=submit],input[type=button]{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAANZJREFUWIVjYBjpgJGQAgkR1f/oYi/e3Caoj1jARC2DyAU4fQLz+fPXt+BiB8/cZWBgYGCI8PRkYGCgTkgMeAiMOoCFEs3oOYScNDG0QwCWQ5ByB8khMrRDABt4/voWRojgCwmSHGBvogy3hFqAKiFAicMwHADLWiu2b6fUXUSBwZsIYcFKazDgITB4HSApqsYgKao2cA6gF8BIhLBSC5YdkUOBmgUQDAx4CJDVKiYV4KsLBjwEBtwBJFVGxCTCg2fuwpvtxIABDwGiG5HkJMYh0SQbcAAAN+xFz35mk8oAAAAASUVORK5CYII=),pointer!important}canvas{image-rendering:pixelated}@keyframes bounce-scale{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}.bounce-animation{image-rendering:pixelated;animation:1s ease-in-out infinite bounce-scale}:root{--color1:#00e7ff;--color2:#ff00e7;--back:url(https://cdn2.bulbagarden.net/upload/1/17/Cardback.jpg);--charizard1:#fac;--charizard2:#dca;--charizardfront:url(https://assets.codepen.io/13471/charizard-gx.webp);--pika1:#54a29e;--pika2:#a79d66;--pikafront:url(https://assets.codepen.io/13471/pikachu-gx.webp);--eevee1:#efb2fb;--eevee2:#acc6f8;--eeveefront:url(https://assets.codepen.io/13471/eevee-gx.webp);--mewtwo1:#efb2fb;--mewtwo2:#acc6f8;--mewtwofront:url(https://assets.codepen.io/13471/mewtwo-gx.webp)}.card{z-index:10;touch-action:none;isolation:isolate;box-shadow:-20px -20px 30px -25px var(--color1),20px 20px 30px -25px var(--color2),-7px -7px 10px -5px var(--color1),7px 7px 10px -5px var(--color2),0 0 13px 4px #ffffff4d,0 55px 35px -20px #00000080;will-change:transform,filter;transform-origin:50%;background-color:#acb7fe;background-image:radial-gradient(circle at 8% 13%,#eabdfe 0%,#0000 28%),radial-gradient(circle at 112% 7%,#a274d8 0%,#0000 26%),radial-gradient(circle at 48% 54%,#d6dcff 0%,#0000 34%),radial-gradient(circle at 78% 102%,#ffb7fd 0%,#0000 30%),none;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border:6px solid #fff;border-radius:5%/3.5%;margin:20px;transition:transform .5s,box-shadow .2s;position:relative;overflow:hidden}@keyframes enterSpin{0%{opacity:0;transform:rotateY(-180deg)rotateX(0)}50%{opacity:.6;transform:rotateY(-90deg)rotateX(15deg)}to{opacity:1;transform:rotateY(0)rotateX(0)}}.card:hover{box-shadow:-20px -20px 30px -25px var(--color1),20px 20px 30px -25px var(--color2),-7px -7px 10px -5px var(--color1),7px 7px 10px -5px var(--color2),0 0 13px 4px #ffffff4d,0 55px 35px -20px #00000080}.card.charizard{--color1:var(--charizard1);--color2:var(--charizard2);--front:var(--charizardfront)}.card.pika{--color1:var(--pika1);--color2:var(--pika2);--front:var(--pikafront)}.card.mewtwo{--color1:var(--mewtwo1);--color2:var(--mewtwo2);--front:var(--mewtwofront)}.card.eevee{--color1:#ec9bb6;--color2:#ccac6f;--color3:#69e4a5;--color4:#8ec5d6;--color5:#b98cce;--front:var(--eeveefront)}.card:before,.card:after{content:"";opacity:.5;mix-blend-mode:color-dodge;background-repeat:no-repeat;transition:all .33s;position:absolute;top:0;bottom:0;left:0;right:0}.card.glare:before{background-position:50%;background-size:300% 300%;background-image:linear-gradient(115deg,transparent 0%,var(--color1)25%,transparent 47%,transparent 53%,var(--color2)75%,transparent 100%);opacity:.5;filter:brightness(.5)contrast();z-index:1}.card.holo:after{opacity:1;background-blend-mode:overlay;z-index:2;filter:brightness()contrast();mix-blend-mode:color-dodge;opacity:.75;background-image:url(/static/image/sparkles.28180df7.webp),url(/static/image/holo.f39a9614.webp),linear-gradient(125deg,#ff008450 15%,#fca40040 30%,#ffff0030 40%,#00ff8a20 60%,#00cfff40 70%,#cc4cfa50 85%);background-position:50%;background-size:160%;transition:all .33s}.card.active:after,.card:hover:after{filter:brightness()contrast();opacity:1}.card.active,.card:hover{transition:box-shadow .1s ease-out;animation:none}.card.active:before,.card.glare:hover:before{background-image:linear-gradient(110deg,transparent 25%,var(--color1)48%,var(--color2)52%,transparent 75%);opacity:.88;filter:brightness(.66)contrast(1.33);background-position:50%;background-size:250% 250%;transition:none;animation:none}.card.active:before,.card:hover:before,.card.active:after,.card:hover:after{transition:none;animation:none}.card.animated{transition:none;animation:12s holoCard}.card.animated:before{transition:none;animation:12s holoGradient}.card.animated:after{transition:none;animation:12s holoSparkle}@keyframes holoSparkle{0%,to{opacity:.75;filter:brightness(1.2)contrast(1.25);background-position:50%}5%,8%{opacity:1;filter:brightness(.8)contrast(1.2);background-position:40% 40%}13%,16%{opacity:.5;filter:brightness(1.2)contrast(.8);background-position:50%}35%,38%{opacity:1;filter:brightness()contrast();background-position:60% 60%}55%{opacity:.33;filter:brightness(1.2)contrast(1.25);background-position:45% 45%}}@keyframes holoGradient{0%,to{opacity:.5;filter:brightness(.5)contrast();background-position:50%}5%,9%{opacity:1;filter:brightness(.75)contrast(1.25);background-position:100% 100%}13%,17%{opacity:.88;background-position:0 0}35%,39%{opacity:1;filter:brightness(.5)contrast();background-position:100% 100%}55%{opacity:1;filter:brightness(.75)contrast(1.25);background-position:0 0}}@keyframes holoCard{0%,to{transform:rotate(0)rotateX(0)rotateY(0)}5%,8%{transform:rotate(0)rotateX(6deg)rotateY(-20deg)}13%,16%{transform:rotate(0)rotateX(-9deg)rotateY(32deg)}35%,38%{transform:rotate(3deg)rotateX(12deg)rotateY(20deg)}55%{transform:rotate(-3deg)rotateX(-12deg)rotateY(-27deg)}}.cards .three-d-wrapper{perspective:750px;isolation:isolate;transform:translate3d(.1px,.1px,.1px)}@keyframes deal-in{0%{opacity:0;transform:translate(-200px)rotate(-20deg)}60%{opacity:1;transform:translate(10px)rotate(2deg)}to{opacity:1;transform:translate(0)rotate(0)}}.card.deal-in{opacity:0;animation:.4s ease-out forwards deal-in;animation-delay:calc(var(--i)*.1s)}.shine{text-shadow:0 0 #ffffff80;background:#222 linear-gradient(90deg,#222,#fff,#222) 0 0/150px no-repeat;-webkit-background-clip:text;background-clip:text;animation-name:shine;animation-duration:5s;animation-iteration-count:infinite}@keyframes shine{0%,5%{background-position:-1000px}10%{background-position:0 0}45%{background-position:100% 0}50%{background-position:1000px}50%,to{background-position:1000px}}