.holo{width:100%;height:100%;display:block}.holo-inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}.holo-img{object-fit:contain;filter:drop-shadow(0 16px 26px #00000080)}.holo-foil,.holo-glare{pointer-events:none;-webkit-mask-image:var(--card-src);-webkit-mask-image:var(--card-src);mask-image:var(--card-src);position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.holo-foil{z-index:2;mix-blend-mode:color-dodge;opacity:.18;background-image:linear-gradient(115deg,#0000 0%,#54a29e 25%,#0000 47% 53%,#a79d66 75%,#0000 100%);background-position:0 0;background-size:300% 300%;transition:opacity .3s,background-position .2s;animation:12s infinite holoSheen}.holo-glare{z-index:3;background:radial-gradient(circle at var(--mx,50%)var(--my,50%),#ffffff73,#fff0 45%);mix-blend-mode:overlay;opacity:0;transition:opacity .3s}.holo-inner--active .holo-foil{opacity:.55;background-position:var(--mx,50%)var(--my,50%);animation:none}.holo-inner--active .holo-glare{opacity:1}@keyframes holoSheen{0%,to{opacity:.15;background-position:0 0}50%{opacity:.3;background-position:100% 100%}}@media (prefers-reduced-motion:reduce){.holo-foil{animation:none}}