:root{--color1: rgb(0, 231, 255);--color2: rgb(255, 0, 231);--back: url(https://cdn2.bulbagarden.net/upload/1/17/Cardback.jpg);--charizard1: #fac;--charizard2: #ddccaa;--pika1: #54a29e;--pika2: #a79d66;--eevee1: #efb2fb;--eevee2: #acc6f8;--mewtwo1: #efb2fb;--mewtwo2: #acc6f8;--main: #a52a90;--accent: #803061fa;--border: #961896c5}.card.charizard{--color1: var(--charizard1);--color2: var(--charizard2)}.card.eevee{--color1: #ec9bb6;--color2: #ccac6f;--color3: #69e4a5;--color4: #8ec5d6;--color5: #b98cce}.card.pika{--color1: var(--pika1);--color2: var(--pika2);--front: var(--pikafront)}.card.mewtwo{--color1: var(--mewtwo1);--color2: var(--mewtwo2);--front: var(--mewtwofront)}.card.active,.card:hover{transition-duration:.15s;box-shadow:0 5px 20px 5px #0004}.card:before,.card:after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background-repeat:no-repeat;opacity:.5;mix-blend-mode:color-dodge;transition:all .33s ease}.card:before{background-position:50% 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(1)}.card:after{opacity:1;background-image:url(https://assets.codepen.io/13471/sparkles.gif),url(/images/holo.webp),linear-gradient(125deg,#ff008450 15%,#fca40040 30%,#ffff0030 40%,#00ff8a20 60%,#00cfff40 70%,#cc4cfa50 85%);background-position:50% 50%;background-size:160%;background-blend-mode:overlay;filter:brightness(1) contrast(1);transition:all .33s ease;mix-blend-mode:color-dodge;opacity:.75}.card.active:after,.card:hover:after{filter:brightness(1) contrast(1);opacity:1}.card.active,.card:hover{animation:none;transition:box-shadow .1s ease-out}.card.active:before,.card:hover:before{background-image:linear-gradient(110deg,transparent 25%,var(--color1) 48%,var(--color2) 52%,transparent 75%);background-position:50% 50%;background-size:250% 250%;opacity:.88;filter:brightness(.66) contrast(1.33);transition-duration:50ms}.card.active:before,.card:hover:before,.card.active:after,.card:hover:after{animation:none;transition:50ms}.card.animated{transition:none;animation:holoCard 12s ease 8s 1}.card.animated:before{transition:none;animation:holoGradient 12s ease 8s 1}.card.animated:after{transition:none;animation:holoSparkle 12s ease 8s 1}.card.eevee:hover:before,.card.eevee.active:before{background-image:linear-gradient(115deg,transparent 20%,var(--color1) 36%,var(--color2) 43%,var(--color3) 50%,var(--color4) 57%,var(--color5) 64%,transparent 80%)}@keyframes holoSparkle{0%,to{opacity:.75;background-position:50% 50%;filter:brightness(1.2) contrast(1.25)}5%,8%{opacity:1;background-position:40% 40%;filter:brightness(.8) contrast(1.2)}13%,16%{opacity:.5;background-position:50% 50%;filter:brightness(1.2) contrast(.8)}35%,38%{opacity:1;background-position:60% 60%;filter:brightness(1) contrast(1)}55%{opacity:.33;background-position:45% 45%;filter:brightness(1.2) contrast(1.25)}}@keyframes holoGradient{0%,to{opacity:.5;background-position:50% 50%;filter:brightness(.5) contrast(1)}5%,9%{background-position:100% 100%;opacity:1;filter:brightness(.75) contrast(1.25)}13%,17%{background-position:0% 0%;opacity:.88}35%,39%{background-position:100% 100%;opacity:1;filter:brightness(.5) contrast(1)}55%{background-position:0% 0%;opacity:1;filter:brightness(.75) contrast(1.25)}}@keyframes holoCard{0%,to{transform:rotateX(0) rotateY(0)}5%,8%{transform:rotate(0) rotateX(3deg) rotateY(-10deg)}13%,16%{transform:rotateX(-4.5deg) rotateY(16deg)}35%,38%{transform:rotateX(6deg) rotateY(10deg)}55%{transform:rotateX(-6deg) rotateY(-13.5deg)}}