.holo-card{--tilt-x:0deg;--tilt-y:0deg;--art-x:0px;--art-y:0px;--light-x:50%;--light-y:50%;--foil-pos:50%;transform:perspective(850px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-origin:center;backface-visibility:hidden;isolation:isolate;box-shadow:0 2px 0 #b1d9fb66,0 5px 0 #12222c,0 12px 25px #0005;}
.holo-card .win{overflow:hidden}.holo-card .win img{transform:translate(var(--art-x),var(--art-y)) scale(1.065);transform-origin:center;transition:none;}
.holo-card .holo-foil,.holo-card .holo-light{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:30;overflow:hidden;}
.holo-card .holo-foil{opacity:.065;background-image:repeating-linear-gradient(115deg,#7eeeff80 0%,#c293ff80 12%,#ff9eae70 25%,#ffe9a060 38%,#a0ffda70 50%);background-size:240% 240%;background-position:var(--foil-pos) var(--light-y);mix-blend-mode:color-dodge;transition:opacity .25s;}
.holo-card .holo-light{opacity:.09;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#ffffffb0 0%,#ffffff22 24%,transparent 55%),linear-gradient(125deg,transparent 28%,#d0f5ff66 45%,transparent 63%);background-size:100% 100%,220% 220%;background-position:center,var(--foil-pos) var(--light-y);mix-blend-mode:screen;transition:opacity .25s;}
.holo-card.holo-active{will-change:transform;box-shadow:0 2px 0 #d1efff99,0 5px 0 #152934,0 18px 35px #0006,0 0 23px #8bcfff33;}
.holo-card.holo-active .holo-foil{opacity:.23}.holo-card.holo-active .holo-light{opacity:.34}
@media(prefers-reduced-motion:reduce){.holo-card{transform:none}.holo-card .win img{transform:none}.holo-card .holo-foil,.holo-card .holo-light{transition:none}}