.card.holo{--rx: 0deg;--ry: 0deg;--mx: 50%;--my: 50%;transform-style:preserve-3d;box-shadow:0 4px 10px rgba(0,0,0,.22),0 0 10px rgba(140,120,255,.30)}.card.holo::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,#ff6fae,#ffb36b,#fff07a,#7fe6a8,#6fc9ff,#b89dff,#ff6fae);background-size:300% 300%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;z-index:7;pointer-events:none}.card.holo.holo-active::before{animation:holo-border-shift 8s linear infinite}@keyframes holo-border-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.card.holo .card-rarity,.card.holo .card-info{position:relative;z-index:6}.card.holo .card-count{z-index:8;transform:translateZ(1px)}.holo-layer{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:5}.holo-foil{position:absolute;inset:-25%;background:repeating-linear-gradient(115deg,#ff2f92 0%,#ff8a00 8%,#ffe600 16%,#00e576 24%,#00b3ff 32%,#7a4dff 40%,#ff2f92 48%);background-size:220% 220%;background-position:50% 50%;mix-blend-mode:hard-light;opacity:.42}@keyframes holo-foil-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.holo-glare{position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,0,200,.30) 47%,rgba(0,200,255,.38) 50%,rgba(120,255,0,.30) 53%,transparent 60%);background-size:250% 250%;background-position:50% 50%;mix-blend-mode:hard-light;opacity:.5}@keyframes holo-glare-sweep{0%,10%{background-position:0% 50%;opacity:0}30%{opacity:.55}50%{background-position:100% 50%;opacity:0}100%{background-position:100% 50%;opacity:0}}.card.holo .card-rarity::after{content:" · HOLO";font-size:.7em;letter-spacing:.04em;opacity:.85}.card.holo.holo-tiltable{cursor:grab}.card.holo.holo-active{cursor:grabbing;touch-action:none;z-index:30;transform:perspective(800px) rotateX(var(--rx)) rotateY(var(--ry)) scale(1.05);transition:transform .08s ease-out;box-shadow:0 16px 36px rgba(0,0,0,.4),0 0 22px rgba(150,130,255,.5)}.card.holo.holo-active:hover{transform:perspective(800px) rotateX(var(--rx)) rotateY(var(--ry)) scale(1.05)}.card.holo.holo-active .holo-foil{opacity:.42;background-position:var(--mx) var(--my)}.card.holo.holo-active .holo-glare{opacity:.5;background-position:var(--mx) var(--my)}@media (prefers-reduced-motion: reduce){.card.holo::before,.holo-foil,.holo-glare{animation:none}}