.holo-stage{perspective:900px}.holo-card{--rx:0deg;--ry:0deg;--foil-angle:135deg;--foil-o:.28;--gx:50%;--gy:50%;--sx:0px;--sy:0px;--tx:0;--ty:0;--mag:0;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));will-change:transform;box-shadow:calc(var(--tx) * -18px) calc(24px + var(--ty) * -10px) 48px #0000008c, 0 0 60px rgba(255, 182, 39, calc(.12 + .2 * var(--mag)))}.holo-foil{mix-blend-mode:color-dodge;opacity:var(--foil-o);background:conic-gradient(from var(--foil-angle) at 50% 50%, var(--foil-stops)), repeating-linear-gradient(var(--foil-angle), #fff0 0 6px, #ffffff2e 6px 7px)}.holo-sparkle{mix-blend-mode:overlay;background-image:radial-gradient(circle,#ffffffe6 0 1px,#0000 1.5px),radial-gradient(circle,#fff9 0 1px,#0000 1.5px);background-size:34px 34px,53px 53px;background-position:var(--sx) var(--sy), calc(var(--sx) * -1.4) calc(var(--sy) * 1.2);opacity:var(--sparkle-o,.5)}.holo-glare{mix-blend-mode:soft-light;background:radial-gradient(circle at var(--gx) var(--gy), #ffffff8c, transparent 45%)}.holo-qr{transform:translateZ(2px) rotateX(calc(var(--rx) * -1)) rotateY(calc(var(--ry) * -1))}.holo-scan{animation:2.4s cubic-bezier(.37,0,.63,1) infinite holo-scan}@keyframes holo-scan{0%{top:0}to{top:calc(100% - 2px)}}@media (prefers-reduced-motion:reduce){.holo-scan{display:none}}