.holo{--mx:50%;--my:50%;--bgx:50%;--bgy:50%;--rx:0deg;--ry:0deg;--o:0;--hyp:0;--strength:.6;--glare:.55;--sparkle:0;--sparkle-size:160px;--spectrum:repeating-linear-gradient(115deg, #fb5656 0%, #fdc43f 4%, #8bf042 8%, #3df5f5 12%, #6e79f7 16%, #f368f3 20%, #fb5656 24%);--glitter:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='1' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 12 -8.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--etch:repeating-linear-gradient(45deg, transparent 0 2px, #ffffff52 2px 2.6px, transparent 2.6px 4px);--art-size:84% 37%;--art-pos:50% 16.7%;perspective:900px}.holo[data-mode=detail]{touch-action:pan-y}.holo__card{transform:rotateX(var(--rx)) rotateY(var(--ry)) scale(calc(1 + var(--o) * .025));transform-style:preserve-3d;border-radius:4.8%/3.4%;position:relative}.holo[data-active=true] .holo__card,.holo[data-active=true] .holo__layer{will-change:transform, opacity, background-position}.holo__layer{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.holo__shine{opacity:calc(var(--o) * var(--strength));background-image:var(--spectrum);background-size:300% 300%;background-position:var(--bgx) var(--bgy);mix-blend-mode:color-dodge;filter:brightness(.75)contrast(1.35)saturate(1.1)}.holo__shine:after{content:"";background-position:calc(100% - var(--bgx)) calc(100% - var(--bgy));mix-blend-mode:overlay;position:absolute;inset:0}.holo__glare{opacity:calc(var(--o) * var(--glare));background:radial-gradient(farthest-corner circle at var(--mx) var(--my), #ffffffbf 8%, #ffffff73 22%, #00000073 95%);mix-blend-mode:overlay}.holo__sparkle{opacity:calc(var(--o) * var(--sparkle));background-image:var(--spectrum);background-size:300% 300%;background-position:var(--bgy) var(--bgx);-webkit-mask-image:var(--glitter);mask-image:var(--glitter);-webkit-mask-size:var(--sparkle-size) var(--sparkle-size);mask-size:var(--sparkle-size) var(--sparkle-size);-webkit-mask-position:calc(var(--hyp) * 12px) 0;mask-position:calc(var(--hyp) * 12px) 0;filter:brightness(1.25)saturate(1.3)}.holo[data-profile=none]{--glare:.4}.holo[data-profile=none] .holo__shine{display:none}.holo[data-profile=holo-classic] .holo__shine{--strength:.75;background-image:repeating-linear-gradient(90deg, #00000040 0 3%, transparent 3% 6%), var(--spectrum);-webkit-mask-image:linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000);-webkit-mask-size:var(--art-size);mask-size:var(--art-size);-webkit-mask-position:var(--art-pos);mask-position:var(--art-pos);background-size:200% 100%,300% 300%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.holo[data-profile=reverse-holo]{--sparkle:.35}.holo[data-profile=reverse-holo] .holo__shine,.holo[data-profile=reverse-holo] .holo__sparkle{--strength:.65;-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-size:var(--art-size), 100% 100%;mask-size:var(--art-size), 100% 100%;-webkit-mask-position:var(--art-pos), 0 0;mask-position:var(--art-pos), 0 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:xor;mask-composite:exclude}.holo[data-profile=reverse-holo] .holo__sparkle{-webkit-mask-image:linear-gradient(#000, #000), var(--glitter);mask-image:linear-gradient(#000, #000), var(--glitter);-webkit-mask-size:var(--art-size), var(--sparkle-size) var(--sparkle-size);mask-size:var(--art-size), var(--sparkle-size) var(--sparkle-size);-webkit-mask-repeat:no-repeat,repeat;mask-repeat:no-repeat,repeat}.holo[data-profile=holo-full] .holo__shine{--strength:.5}.holo[data-profile=full-art-texture] .holo__shine{--strength:.6}.holo[data-profile=full-art-texture] .holo__shine:after{background-image:var(--etch);opacity:.9;mix-blend-mode:color-dodge}.holo[data-profile=illustration-rare]{--sparkle:.4}.holo[data-profile=illustration-rare] .holo__shine{--strength:.38;filter:brightness(.8)contrast(1.2)saturate(.9)}.holo[data-profile=rainbow]{--sparkle:.45}.holo[data-profile=rainbow] .holo__shine{--strength:.65;filter:brightness(.85)contrast(1.4)saturate(1.5)}.holo[data-profile=gold]{--glare:.35;--sparkle:.4}.holo[data-profile=gold] .holo__shine{--strength:.42;filter:brightness(.7)contrast(1.3);background-image:repeating-linear-gradient(115deg,#8a610f 0%,#fbde6a 6%,#9c6b16 12%,#fff199 18%,#8a610f 24%)}.holo[data-profile=gold] .holo__shine:after{background-image:var(--etch);opacity:.6;mix-blend-mode:color-dodge}.holo[data-profile=shiny]{--sparkle:.9;--sparkle-size:110px}.holo[data-profile=shiny] .holo__shine{--strength:.4;filter:brightness(.8)contrast(1.3)saturate(.6)}.holo[data-profile=cosmos] .holo__shine{--strength:.6}.holo[data-profile=cosmos] .holo__shine:after{opacity:.9;mix-blend-mode:color-dodge;background-image:radial-gradient(circle at 20% 30%,#ffffffb3 0 2px,#0000 3px),radial-gradient(circle at 70% 60%,#fff9 0 3px,#0000 4px),radial-gradient(circle at 40% 80%,#ffffff80 0 1.5px,#0000 2.5px),radial-gradient(circle at 85% 15%,#ffffff8c 0 2.5px,#0000 3.5px);background-size:38px 38px,61px 61px,27px 27px,83px 83px}.holo[data-profile=ace-spec]{--sparkle:.55}.holo[data-profile=ace-spec] .holo__shine{--strength:.6;filter:brightness(.8)contrast(1.4)saturate(1.4)}@media (prefers-reduced-motion:reduce){.holo__card{transform:none}}