:root{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:0.5;--pointer-from-left:0.5;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--grain:none;--icon:none;--behind-gradient:none;--inner-gradient:none;--grain-gradient:none;--sunpillar-1:#ff7a75;--sunpillar-2:#ffed61;--sunpillar-3:#a8ff61;--sunpillar-4:#85fff7;--sunpillar-5:#7a95ff;--sunpillar-6:#d875ff;--card-radius:10px}.ktp-card-wrapper{perspective:none;transform:translateZ(1px);position:relative;touch-action:none;will-change:transform;transition:transform .6s ease-in-out}.ktp-card-wrapper.flipped{transform:translateZ(1px) rotateY(180deg)}.ktp-card-wrapper:before{content:"";position:absolute;inset:-10px;background:inherit;background-position:inherit;border-radius:inherit;transition:all .5s ease;filter:contrast(2) saturate(2) blur(36px);transform:scale(.8) translateZ(1px);background-size:100% 100%;background-image:var(--behind-gradient);height:450px;width:281px;margin:0 auto}.ktp-card-wrapper.active,.ktp-card-wrapper:hover{--card-opacity:1;perspective:500px}.ktp-card-wrapper.active:before,.ktp-card-wrapper:hover:before{filter:contrast(1) saturate(2) opacity(1) blur(40px);transform:scale(.9) translateZ(1px)}.ktp-card{height:450px;display:grid;margin:0 auto;width:281px;border-radius:var(--card-radius);position:relative;background-blend-mode:color-dodge,normal,normal,normal;-webkit-background-blend-mode:color-dodge,normal,normal,normal;box-shadow:rgba(0,0,0,.8) calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;transition:transform 1s ease;-webkit-transition:transform 1s ease;transform:translateZ(1px) rotateX(0deg) rotateY(0deg);-webkit-transform:translateZ(1px) rotateX(0deg) rotateY(0deg);background-size:100% 100%;background-position:0 0,0 0,50% 50%,0 0;background-image:radial-gradient(farthest-side circle at var(--pointer-x) var(--pointer-y),hsla(266,100%,90%,var(--card-opacity)) 4%,hsla(266,50%,80%,calc(var(--card-opacity) * .75)) 10%,hsla(266,25%,70%,calc(var(--card-opacity) * .5)) 50%,hsla(0,0%,60%,0) 100%),radial-gradient(35% 52% at 55% 20%,#00ffaac4 0,#073aff00 100%),radial-gradient(100% 100% at 50% 50%,#00c1ff 1%,#073aff00 76%),conic-gradient(from 124deg at 50% 50%,#c137ff 0,#07c6ff 40%,#07c6ff 60%,#c137ff 100%);overflow:hidden;will-change:transform;border:1px solid #000;z-index:4}@supports (aspect-ratio:1){.ktp-card{aspect-ratio:.625;padding-top:0}}.ktp-card.active,.ktp-card:hover{transition:none;-webkit-transition:none;transform:translateZ(1px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));-webkit-transform:translateZ(1px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.ktp-card *{display:grid;grid-area:1/-1;border-radius:var(--card-radius);transform:translateZ(1px);-webkit-transform:translateZ(1px);pointer-events:none}.ktp-inside{transform:translateZ(2px);-webkit-transform:translateZ(2px)}.ktp-inside,.ktp-inside-back{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--inner-gradient);background-color:rgba(0,0,0,.9);overflow:hidden;z-index:5}.ktp-inside-back{transform:translateZ(-2px) rotateY(180deg);-webkit-transform:translateZ(-2px) rotateY(180deg)}.ktp-shine{mask-image:var(--icon);-webkit-mask-mode:luminance;mask-mode:luminance;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:150%;mask-size:150%;-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));transition:filter .6s ease;-webkit-transition:filter .6s ease;filter:brightness(.66) contrast(1.33) saturate(.33) opacity(.5);-webkit-filter:brightness(.66) contrast(1.33) saturate(.33) opacity(.5);animation:holo-bg 12s linear infinite;-webkit-animation:holo-bg 12s linear infinite;mix-blend-mode:color-dodge;-webkit-mix-blend-mode:color-dodge;--space:5%;--angle:-45deg;transform:translateZ(-10px);-webkit-transform:translateZ(-10px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:50%;background-image:repeating-linear-gradient(0deg,var(--sunpillar-1) calc(var(--space) * 1),var(--sunpillar-2) calc(var(--space) * 2),var(--sunpillar-3) calc(var(--space) * 3),var(--sunpillar-4) calc(var(--space) * 4),var(--sunpillar-5) calc(var(--space) * 5),var(--sunpillar-6) calc(var(--space) * 6),var(--sunpillar-1) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0,#8fa3a3 3.8%,#8fc1c1 4.5%,#8fa3a3 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),rgba(0,0,0,.1) 12%,rgba(0,0,0,.15) 20%,rgba(0,0,0,.25) 120%);background-position:0 var(--background-y),var(--background-x) var(--background-y),50%;background-blend-mode:color,hard-light;-webkit-background-blend-mode:color,hard-light;background-size:500% 500%,300% 300%,200% 200%;background-repeat:repeat}.ktp-shine:after,.ktp-shine:before{content:"";background-position:50%;background-size:cover;grid-area:1/1;opacity:0}.ktp-card.active .ktp-shine,.ktp-card:hover .ktp-shine{filter:brightness(.85) contrast(1.5) saturate(.5);-webkit-filter:brightness(.85) contrast(1.5) saturate(.5);animation:none;-webkit-animation:none}.ktp-card.active .ktp-shine:after,.ktp-card.active .ktp-shine:before,.ktp-card:hover .ktp-shine:after,.ktp-card:hover .ktp-shine:before{opacity:1}.ktp-shine:before{background-image:var(--grain-gradient);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x) var(--pointer-y),50%,calc(var(--pointer-x) * .01) calc(var(--pointer-y) * .01);background-blend-mode:color-dodge;-webkit-background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));-webkit-filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity;-webkit-mix-blend-mode:luminosity}.ktp-shine:after{background-position:0 var(--background-y),calc(var(--background-x) * .4) calc(var(--background-y) * .5),50%;background-size:200% 300%,700% 700%,100% 100%;mix-blend-mode:difference;-webkit-mix-blend-mode:difference;filter:brightness(.8) contrast(1.5);-webkit-filter:brightness(.8) contrast(1.5)}.ktp-glare{transform:translateZ(1.1px);-webkit-transform:translateZ(1.1px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),#fff 10%,transparent 90%);mix-blend-mode:overlay;-webkit-mix-blend-mode:overlay;filter:brightness(.7) contrast(1.1);-webkit-filter:brightness(.7) contrast(1.1);z-index:4}@supports (-webkit-touch-callout:none){.ktp-glare{display:none}}.ktp-content,.ktp-content-back{max-height:100%;overflow:hidden;text-align:center;position:relative;z-index:6}.ktp-content-back.popup,.ktp-content.popup{transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),1px)!important;-webkit-transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),1px)!important;z-index:5}.ktp-details,.ktp-details-back{display:flex;flex-direction:column}.ktp-details-back{margin-top:1rem}.ktp-stats{display:flex;flex-direction:column}.ktp-details p,.ktp-details-back p{position:relative;width:100%}.golden-gradient{background:linear-gradient(76.82deg,#576265 11.6%,#9ea1a1 25.31%,#848b8a 48.06%,#576265 55.72%,#576265 77.23%,#757a7b 85.34%,#576265 91.31%);background-blend-mode:overlay;-webkit-background-blend-mode:overlay;background:linear-gradient(339.03deg,hsla(0,0%,100%,0) 52.79%,#fff 95.95%);background-blend-mode:color;-webkit-background-blend-mode:color;background:#ffc021}@keyframes holo-bg{0%{background-position:0 var(--background-y),0 0,50%}to{background-position:0 var(--background-y),90% 90%,50%}}@-webkit-keyframes holo-bg{0%{background-position:0 var(--background-y),0 0,50%}to{background-position:0 var(--background-y),90% 90%,50%}}.vertical-text{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}@supports not (writing-mode:vertical-rl){.vertical-text{writing-mode:vertical-lr;transform:rotate(180deg)}}@supports not (writing-mode:vertical-lr){.vertical-text{transform:rotate(90deg)}}@supports (-webkit-touch-callout:none){.vertical-text{-webkit-writing-mode:vertical-rl;-webkit-text-orientation:mixed;-webkit-transform:rotate(180deg)}}