.holo-card-wrap{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.holo-card{--rx:0deg;--ry:0deg;--px:0;--py:0;--mx:50%;--my:50%;--shine:0;perspective:1100px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100%;animation:7s ease-in-out infinite holo-float;position:relative}.holo-card:hover{animation-play-state:paused}@keyframes holo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.holo-card__body{transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;will-change:transform;position:relative}.holo-card__face{backface-visibility:hidden;border-radius:14px;position:relative;overflow:hidden}.holo-card__face--back{position:absolute;inset:0;transform:rotateY(180deg)}.holo-card [data-layer=art]{transform:translate3d(calc(var(--px) * -10px),calc(var(--py) * -10px),0) scale(1.08)}.holo-card [data-layer=panel]{transform:translate3d(calc(var(--px) * 5px),calc(var(--py) * 5px),0)}.holo-card__glare{z-index:20;border-radius:inherit;background:radial-gradient(farthest-corner circle at var(--mx) var(--my),#ffffff80 0%,#ffffff1f 24%,transparent 55%);mix-blend-mode:overlay;opacity:calc(.12 + var(--shine) * .6);pointer-events:none;position:absolute;inset:0}.holo-card__foil{z-index:19;border-radius:inherit;background:repeating-linear-gradient(110deg,#8f5afe,#00d7fe,#7dffcb,#ffe78a,#ff8fd0,#8f5afe 30%),repeating-linear-gradient(-45deg,#ffffff1a 0 1px,#0000 1px 5px);background-position:var(--mx) var(--my),0 0;mix-blend-mode:color-dodge;opacity:calc(.2 + var(--shine) * .3);filter:saturate(1.15)brightness(.85);pointer-events:none;background-size:240% 240%,100% 100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 50%,#0000 76%);mask-image:linear-gradient(#000 0% 50%,#0000 76%)}.holo-card[data-foil=pick] .holo-card__foil{filter:saturate(1.3)brightness(.95)}.holo-card__shadow{z-index:-1;filter:blur(18px);height:16%;transform:translate3d(calc(var(--px) * -16px),calc(var(--py) * -6px),0);pointer-events:none;background:radial-gradient(50% 50%,#8f5afe8c,#0000 70%);position:absolute;bottom:-5%;left:10%;right:10%}.holo-card:focus-within .holo-card__body{outline:none}.holo-card__controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.holo-card__control{color:#ffffffc7;transition:border-color .16s var(--ease-standard),color .16s var(--ease-standard);background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.holo-card__control:hover{color:#fff;border-color:#8f5afe99}.holo-card__control:focus-visible{outline:2px solid var(--brand-purple);outline-offset:2px}.holo-card__control:disabled{cursor:default;opacity:.5}.card-page-glow{pointer-events:none;background:radial-gradient(55% 60% at 22% 0,#8f5afe4d,#0000 70%),radial-gradient(40% 50% at 88% 8%,#00d7fe24,#0000 70%);height:560px;position:absolute;top:0;left:0;right:0}.holo-back{border-radius:inherit;background:radial-gradient(120% 70% at 100% 0%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 60%),radial-gradient(90% 60% at 0% 100%,#8f5afe38,transparent 60%),#0b0b12;color:#fff;border:1px solid #ffffff2e;flex-direction:column;height:100%;display:flex}.holo-back__head{letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px 10px;font-size:10px;font-weight:800;display:flex}.holo-back__title{padding:0 16px;font-size:16px;font-weight:900;line-height:1.2}.holo-back__prompt{min-height:0;font-family:var(--font-mono);color:#ffffffd1;white-space:pre-wrap;cursor:text;overscroll-behavior:contain;background:#00000059;border:1px solid #ffffff1a;border-radius:10px;flex:1;margin:12px 12px 0;padding:12px;font-size:11px;line-height:1.6;overflow-y:auto}.holo-back__foot{color:#ffffff8c;justify-content:space-between;align-items:flex-end;gap:8px;padding:10px 16px 14px;font-size:11px;font-weight:700;display:flex}.holo-back__qr{background:#fff;border-radius:8px;flex-shrink:0;padding:3px;line-height:0}.holo-back__foot strong{color:#fff}.prompt-variable{color:#d6c6ff;background:#8f5afe38;border-radius:4px;padding:0 3px;box-shadow:inset 0 0 0 1px #8f5afe73}.prompt-filled{color:#c9f6ff;background:#00d7fe24;border-radius:4px;padding:0 3px;box-shadow:inset 0 0 0 1px #00d7fe6b}@media(prefers-reduced-motion:reduce){.holo-card{animation:none}.holo-card [data-layer=art],.holo-card [data-layer=panel],.holo-card__shadow{transform:none}}