.holo-card{position:relative;display:block;width:100%;aspect-ratio:7 / 10;border-radius:16px;cursor:pointer;padding:4px;background:linear-gradient(135deg,#8b6914,gold,#ffec8b,gold,#8b6914);background-size:300% 300%;background-position:0 0;box-shadow:0 20px 60px #ffd70066,inset 0 0 0 1px #fff3;transform:perspective(800px) rotateY(0) rotateX(0);transition:transform .5s cubic-bezier(.2,.7,.3,1),background-position .6s cubic-bezier(.4,.1,.3,1);text-decoration:none;color:inherit}.holo-card:hover,.holo-card:focus-visible{transform:perspective(800px) rotateY(8deg) rotateX(-4deg);background-position:100% 100%;outline:none}.holo-card__inner{position:relative;width:100%;height:100%;border-radius:12px;background:linear-gradient(170deg,#1a0f3a,#0a0418);color:#fff8ec;padding:11px;overflow:hidden;display:flex;flex-direction:column}.holo-card__inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 45%,transparent 60%);transform:translate(-30%);transition:transform .8s cubic-bezier(.4,.1,.3,1)}.holo-card:hover .holo-card__inner:before,.holo-card:focus-visible .holo-card__inner:before{transform:translate(40%)}.holo-card__banner{display:flex;justify-content:center;align-items:center;font-family:Orbitron,sans-serif;font-weight:900;font-size:10px;letter-spacing:.2em;color:#ffc76e;position:relative;z-index:1;max-width:100%;text-align:center;line-height:1.15}.holo-card__banner>span{max-width:100%}.holo-card__art{margin:12px 0;flex:1 1 auto;min-height:0;border-radius:8px;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 30%,#ffd700 0%,transparent 50%),radial-gradient(circle at 70% 70%,#8b6914 0%,transparent 55%),linear-gradient(135deg,#2a1a4f,#0a0418);border:1px solid rgba(255,215,0,.4);display:flex;align-items:center;justify-content:center}.holo-card__avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.holo-card__monogram{font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(28px,14cqw,48px);letter-spacing:.06em;background:linear-gradient(135deg,#fff8ec,gold);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 20px rgba(255,110,199,.5)}.holo-card__name{font-family:Orbitron,sans-serif;font-weight:700;font-size:11px;line-height:1.2;letter-spacing:.02em;color:#fff8ec;text-shadow:0 0 12px rgba(255,215,0,.4);text-transform:uppercase;text-align:center;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;position:relative;z-index:1}.holo-card__type{font-family:Space Grotesk,sans-serif;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#ffc76e;margin-top:4px;text-align:center;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;position:relative;z-index:1}.holo-card__footer{margin-top:6px;flex-shrink:0;display:flex;justify-content:center;font-family:Orbitron,sans-serif;font-weight:700;font-size:9px;letter-spacing:.18em;color:gold;position:relative;z-index:1}@media (max-width: 480px){.holo-card__inner{padding:8px}.holo-card__banner{font-size:7px;letter-spacing:.08em}.holo-card__name{font-size:9.5px}.holo-card__type{font-size:7.5px;letter-spacing:.08em}.holo-card__footer{font-size:7px;letter-spacing:.1em}}@media (prefers-reduced-motion: reduce){.holo-card,.holo-card__inner:before{transition:none}.holo-card:hover,.holo-card:focus-visible{transform:none;background-position:0 0}.holo-card:hover .holo-card__inner:before,.holo-card:focus-visible .holo-card__inner:before{transform:translate(-30%)}}.holo-card__live-pip{position:absolute;top:8px;right:8px;width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e40,0 0 10px #22c55ed9;z-index:3;animation:holo-card-pulse 2.2s ease-in-out infinite}@keyframes holo-card-pulse{0%,to{box-shadow:0 0 0 3px #22c55e40,0 0 10px #22c55eb3}50%{box-shadow:0 0 0 6px #22c55e14,0 0 14px #22c55e}}.holo-card__footer--tonight{color:#4ade80;text-shadow:0 0 10px rgba(34,197,94,.6)}@media (prefers-reduced-motion: reduce){.holo-card__live-pip{animation:none}}.holo-card.holo-card--tonight .holo-card__inner{padding:6px}.holo-card.holo-card--tonight .holo-card__banner{font-size:7px;letter-spacing:.08em}.holo-card.holo-card--tonight .holo-card__name{font-size:9px;-webkit-line-clamp:1;line-clamp:1}.holo-card.holo-card--tonight .holo-card__type{font-size:7px;letter-spacing:.08em;margin-top:2px}.holo-card.holo-card--tonight .holo-card__footer{font-size:7.5px;letter-spacing:.1em;margin-top:3px}.holo-card.holo-card--tonight .holo-card__art{min-height:44px;margin:6px 0}