@property --background-x{syntax:"<percentage>";inherits:true;initial-value:50%}@property --background-y{syntax:"<percentage>";inherits:true;initial-value:50%}@property --pointer-x{syntax:"<percentage>";inherits:true;initial-value:50%}@property --pointer-y{syntax:"<percentage>";inherits:true;initial-value:50%}.holo-card{--pointer-x:50%;--pointer-y:50%;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--pointer-from-center:0;--ease-smooth:cubic-bezier(.22, 1, .36, 1);perspective:900px;aspect-ratio:5/7;width:100%;container-type:inline-size}.holo-card__rotator{border-radius:var(--radius-card,28px);width:100%;height:100%;transform:rotateX(var(--rotate-x)) rotateY(var(--rotate-y));transform-style:preserve-3d;will-change:transform;touch-action:pan-y;box-shadow:0 0 calc(12px + 26px * var(--pointer-from-center)) rgb(226 54 255/calc(.12 + .32 * var(--pointer-from-center))), 0 24px 48px #0000008c, 0 2px 6px #00000080;position:relative}.holo-card__face{border-radius:inherit;background:radial-gradient(120% 90% at 20% 0,#2e97ff29,#0000 55%),radial-gradient(120% 90% at 85% 100%,#ff38842e,#0000 55%),linear-gradient(160deg,#1a1622 0%,#101010 45%,#17121f 100%);position:absolute;inset:0;overflow:hidden}.holo-card__face>*{pointer-events:none}.holo-card__pattern{opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.16'%3E%3Cpath d='M28 6l5 8-5 8-5-8z'/%3E%3Cpath d='M0 34l5 8-5 8M56 34l-5 8 5 8'/%3E%3C/g%3E%3Ccircle cx='9' cy='13' r='1.1' fill='%23ffffff' fill-opacity='0.2'/%3E%3Ccircle cx='47' cy='47' r='1.1' fill='%23ffffff' fill-opacity='0.2'/%3E%3C/svg%3E");background-size:56px 56px;position:absolute;inset:0}.holo-card__art{place-items:center;display:grid;position:absolute;inset:0}.holo-card__logomark{filter:drop-shadow(0 6px 24px #e236ff59);-webkit-user-select:none;user-select:none;width:52%;height:auto}.holo-card__monogram{font-family:var(--font-display,"Arial Black", sans-serif);background-image:var(--gradient-zkittles,linear-gradient(133deg, #2e97ff, #e236ff, #ff9a35, #f33584));color:#0000;filter:drop-shadow(0 6px 24px #e236ff59);-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;font-size:clamp(72px,9cqw + 72px,140px);line-height:1}.holo-card__caption{inset-inline:0;font-family:var(--font-sans,system-ui, sans-serif);flex-direction:column;align-items:center;gap:.35em;display:flex;position:absolute;bottom:7%}.holo-card__caption-name{font-family:var(--font-sans,system-ui, sans-serif);letter-spacing:.14em;color:#fff;font-size:clamp(14px,8cqw,22px);font-weight:700}.holo-card__foil{background-image:linear-gradient(115deg,#0000 22%,#2e97ff 36%,#e236ff 44%,#ff9a35 50%,#ff3884 56%,#00f5d4 64%,#0000 78%),repeating-linear-gradient(128deg,#fff0 0%,#ffffff1f 2.2%,#fff0 4.4%);background-size:220% 220%,180% 180%;background-position:var(--background-x) var(--background-y), calc(100% - var(--background-x)) calc(100% - var(--background-y));background-blend-mode:overlay;mix-blend-mode:color-dodge;opacity:calc(.5 + .45 * var(--pointer-from-center));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='1' stroke-width='2'%3E%3Cpath d='M28 6l5 8-5 8-5-8z'/%3E%3Cpath d='M0 34l5 8-5 8M56 34l-5 8 5 8'/%3E%3C/g%3E%3Ccircle cx='9' cy='13' r='1.6' fill='%23ffffff'/%3E%3Ccircle cx='47' cy='47' r='1.6' fill='%23ffffff'/%3E%3C/svg%3E"), linear-gradient(#ffffff21, #ffffff21), radial-gradient(farthest-side circle at var(--pointer-x) var(--pointer-y), #ffffff80 0%, #ffffff2e 30%, transparent 60%);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='1' stroke-width='2'%3E%3Cpath d='M28 6l5 8-5 8-5-8z'/%3E%3Cpath d='M0 34l5 8-5 8M56 34l-5 8 5 8'/%3E%3C/g%3E%3Ccircle cx='9' cy='13' r='1.6' fill='%23ffffff'/%3E%3Ccircle cx='47' cy='47' r='1.6' fill='%23ffffff'/%3E%3C/svg%3E"), linear-gradient(#ffffff21, #ffffff21), radial-gradient(farthest-side circle at var(--pointer-x) var(--pointer-y), #ffffff80 0%, #ffffff2e 30%, transparent 60%);-webkit-mask-composite:source-over;position:absolute;inset:0;-webkit-mask-size:56px 56px,100% 100%,100% 100%;mask-size:56px 56px,100% 100%,100% 100%;-webkit-mask-composite:source-over;mask-composite:add}.holo-card__noise{mix-blend-mode:overlay;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;position:absolute;inset:0}.holo-card__edge{border-radius:inherit;background:var(--gradient-holoza,linear-gradient(120deg, #2e97ff, #e236ff, #ff9a35, #ff3884));opacity:calc(.5 + .4 * var(--pointer-from-center));-webkit-mask-composite:xor;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (hover:hover){.holo-card__rotator{animation:holo-breathe 10s var(--ease-in-out,ease-in-out) infinite alternate}.holo-card:hover .holo-card__rotator{animation:none}@keyframes holo-breathe{0%{--background-x:46%;--background-y:47%;--pointer-x:42%;--pointer-y:46%}to{--background-x:54%;--background-y:53%;--pointer-x:58%;--pointer-y:56%}}}@media (hover:none){.holo-card__rotator{animation:holo-idle 11s var(--ease-smooth) infinite alternate;--pointer-from-center:.28}@keyframes holo-idle{0%{--background-x:38%;--background-y:42%;--pointer-x:34%;--pointer-y:40%}50%{--background-x:60%;--background-y:50%;--pointer-x:66%;--pointer-y:55%}to{--background-x:42%;--background-y:62%;--pointer-x:40%;--pointer-y:68%}}}@media (prefers-reduced-motion:reduce){.holo-card__rotator{--background-x:44%;--background-y:46%;--pointer-x:42%;--pointer-y:40%;--pointer-from-center:.3;animation:none;transform:none}}