.holo-card{--pointer-x:50%;--pointer-y:50%;--card-scale:1;--card-opacity:0;--translate-x:0px;--translate-y:0px;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--pointer-from-center:0;--pointer-from-top:calc(var(--pointer-y)/100);--pointer-from-left:calc(var(--pointer-x)/100);aspect-ratio:660/921;width:100%;transform-style:preserve-3d;perspective:1200px;-webkit-tap-highlight-color:transparent;position:relative}.holo-card__rotator{width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(var(--rotate-y))rotateX(var(--rotate-x));perspective:800px;background:0 0;border:none;border-radius:1.25rem;padding:0;transition:transform .1s;display:block;position:relative}.holo-card__front,.holo-card__back{-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.holo-card__front{transform-style:preserve-3d;transform:translateZ(.5px)}.holo-card__front img{border-radius:1.25rem;width:100%;height:100%}.holo-card__artwork{width:88%;height:66%;position:absolute;top:28.5%;left:50%;transform:translate(-50%)translateZ(1px)}.holo-card__shine,.holo-card__shine:before,.holo-card__shine:after,.holo-card__glare{content:"";pointer-events:none;border-radius:1.25rem;width:100%;height:100%;position:absolute;top:0;left:0}.holo-card__shine{--space:5%;--angle:133deg;--imgsize:30%;background-image:url(/card/illusion.png),repeating-linear-gradient(0deg,#d92626 calc(var(--space)*1),#d9ac26 calc(var(--space)*2),#80d926 calc(var(--space)*3),#26d953 calc(var(--space)*4),#26d9d9 calc(var(--space)*5),#2653d9 calc(var(--space)*6),#d92626 calc(var(--space)*7)),repeating-linear-gradient(var(--angle),rgba(255,255,255,.1) 0%,rgba(255,255,255,.4) 3.8%,rgba(255,255,255,.5) 4.5%,rgba(255,255,255,.4) 5.2%,rgba(255,255,255,.1) 10%,rgba(255,255,255,0) 12%),radial-gradient(farthest-corner circle at var(--pointer-x)var(--pointer-y),rgba(255,255,255,.3) 12%,rgba(255,255,255,.1) 20%,rgba(255,255,255,0) 120%);background-position:center center,0% var(--background-y),calc(var(--background-x) + (var(--background-y)*.2))var(--background-y),var(--background-x)var(--background-y);background-size:var(--imgsize),200% 700%,300% 100%,200% 100%;background-blend-mode:soft-light,hue,hard-light;filter:brightness(calc((var(--pointer-from-center)*.2) + .25))contrast(1.2)saturate(2.25);mix-blend-mode:color-dodge;opacity:var(--card-opacity);transform:translateZ(2px)}.holo-card__shine:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg,#d92626 calc(var(--space)*1),#d9ac26 calc(var(--space)*2),#80d926 calc(var(--space)*3),#26d953 calc(var(--space)*4),#26d9d9 calc(var(--space)*5),#2653d9 calc(var(--space)*6),#d92626 calc(var(--space)*7)),repeating-linear-gradient(var(--angle),rgba(255,255,255,.1) 0%,rgba(255,255,255,.4) 3.8%,rgba(255,255,255,.5) 4.5%,rgba(255,255,255,.4) 5.2%,rgba(255,255,255,.1) 10%,rgba(255,255,255,0) 12%),radial-gradient(farthest-corner circle at var(--pointer-x)var(--pointer-y),rgba(255,255,255,.3) 12%,rgba(255,255,255,.1) 20%,rgba(255,255,255,0) 120%);background-position:0% var(--background-y),calc((var(--background-x) + (var(--background-y)*.2))*-1)calc(var(--background-y)*-1),var(--background-x)var(--background-y);width:100%;height:100%;filter:brightness(calc((var(--pointer-from-center)*.3) + .55))contrast(1.2)saturate(1.25);mix-blend-mode:exclusion;opacity:var(--card-opacity);background-size:200% 400%,195% 100%,200% 100%;border-radius:1.25rem;position:absolute;top:0;left:0}.holo-card__shine:before{background-image:radial-gradient(farthest-corner circle at var(--pointer-x)var(--pointer-y),#fff 0%,rgba(255,255,255,0) 40%);mix-blend-mode:overlay;opacity:calc(var(--card-opacity)*.6);background-position:50%;background-size:cover}.holo-card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x)var(--pointer-y),#fff 0%,rgba(255,255,255,.1) 150%);mix-blend-mode:soft-light;filter:brightness(1.1)contrast()saturate(.7);opacity:calc(var(--card-opacity)*var(--pointer-from-center)*.8);background-position:50%;background-size:cover;transform:translateZ(3px)}.holo-card__back{color:#fff;box-sizing:border-box;background-image:url(/card/card_back.png);background-position:50%;background-size:cover;border-radius:1.25rem;justify-content:center;align-items:center;display:flex;transform:rotateY(180deg)translateZ(.5px)}.holo-card__back-content{box-sizing:border-box;border-radius:.5rem;flex-direction:column;width:90%;height:90%;padding:1rem;display:flex;overflow-y:auto}.holo-card__back-title{text-align:center;word-break:break-word;flex-shrink:0;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.holo-card__back-attributes{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.holo-card__back-attribute{background-color:rgba(255,255,255,.1);border-radius:.375rem;flex-direction:column;padding:.75rem;transition:background-color .2s;display:flex}.holo-card__back-attribute:hover{background-color:rgba(255,255,255,.15)}.holo-card__back-attribute-type{color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.65rem;font-weight:500}.holo-card__back-attribute-value{color:#fff;font-size:.9rem;font-weight:600}