/* Preserve 3D on the card; clip only the decorative scan inside the portrait. */
#section-legends .legend-hologram{--holo-rx:0deg;--holo-ry:0deg;--holo-x:50%;--holo-y:30%;--holo-tint:113,220,255;overflow:visible;isolation:auto;transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--holo-rx)) rotateY(var(--holo-ry));padding-top:48px;gap:46px;box-shadow:0 18px 35px #0005,inset 0 1px #c6efff16;transition:transform .25s ease-out,border-color .25s,box-shadow .25s}
#section-legends .legend-hologram.unlocked{--holo-tint:132,231,255}
#section-legends .legend-hologram::before{inset:10px;border-color:rgba(var(--holo-tint),.14);transform:translateZ(6px);z-index:0}
#section-legends .legend-hologram::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--holo-x) var(--holo-y),rgba(var(--holo-tint),.14),transparent 60%),linear-gradient(120deg,transparent 20%,#95eaff08 45%,#d0acff0b 55%,transparent 80%);transform:translateZ(2px)}
#section-legends .legend-hologram.holo-tracking{transition:transform .1s ease-out,border-color .25s;box-shadow:0 24px 45px #0007,0 0 28px rgba(var(--holo-tint),.1)}
#section-legends .legend-hologram .gl-card-icon{position:relative;transform-style:preserve-3d;transform:translateZ(48px);filter:none;border-color:rgba(var(--holo-tint),.75);background:#122936;box-shadow:0 0 22px rgba(var(--holo-tint),.25),inset 0 0 18px rgba(var(--holo-tint),.16)}
#section-legends .legend-hologram .gl-card-icon img{filter:sepia(.3) hue-rotate(145deg) saturate(.8);opacity:.88}
#section-legends .legend-hologram.locked .gl-card-icon img{filter:grayscale(.8) sepia(.25) hue-rotate(145deg);opacity:.65}
#section-legends .legend-hologram .gl-card-info{transform:translateZ(25px)}
.holo-projection,.holo-projection>span{position:absolute;display:block;pointer-events:none}
.holo-projection{inset:0;transform-style:preserve-3d}
.holo-beam{inset:20% -20% -30%;clip-path:polygon(8% 0,92% 0,64% 100%,36% 100%);background:linear-gradient(0deg,rgba(var(--holo-tint),.26),rgba(var(--holo-tint),.04) 65%,transparent);transform:translateZ(-8px)}
.legend-holo-orbit{inset:-16px;border:1px solid rgba(var(--holo-tint),.65);border-left-color:transparent;border-right-color:rgba(var(--holo-tint),.2);border-radius:50%;transform:rotateX(62deg) rotateY(-18deg) translateZ(8px);box-shadow:0 0 10px rgba(var(--holo-tint),.18)}
.holo-base{width:138px;height:138px;left:50%;top:61%;border:2px solid rgba(var(--holo-tint),.7);border-radius:50%;transform:translateX(-50%) rotateX(74deg);background:repeating-radial-gradient(circle,transparent 0 15px,rgba(var(--holo-tint),.22) 16px 17px,transparent 18px 24px);box-shadow:0 0 20px rgba(var(--holo-tint),.27),inset 0 0 25px rgba(var(--holo-tint),.22)}
.holo-scan{inset:5px;border-radius:50%;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(var(--holo-tint),.15) 3px 4px);transform:translateZ(2px)}
.holo-scan::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#b3f5ff66 49%,transparent 62%);transform:translateY(-110%)}
.holo-visible .holo-scan::after{animation:legend-holo-scan 3.6s ease-in-out 1}
.legend-hologram:hover .legend-holo-orbit{border-color:rgba(var(--holo-tint),.85);border-right-color:transparent}
@keyframes legend-holo-scan{0%{transform:translateY(-110%)}100%{transform:translateY(110%)}}
@media(prefers-reduced-motion:reduce){#section-legends .legend-hologram,#section-legends .legend-hologram:hover{transform:none;transition:none}.holo-visible .holo-scan::after{animation:none}}
@media(max-width:580px){#section-legends .legend-hologram{padding-top:40px;gap:40px}}
