:root{--card-width:250px;--card-height:350px;--card-border-radius:8px;--card-shadow:0 4px 16px rgba(0,0,0,0.2);--card-hover-shadow:0 8px 32px rgba(0,0,0,0.3)}.holo-card{width:var(--card-width);height:var(--card-height);border-radius:var(--card-border-radius);overflow:hidden;box-shadow:var(--card-shadow);transition:all .2s ease;position:relative;background:#1e293b;border:1px solid #475569}.holo-card-interactive-hover{cursor:pointer}.holo-card-interactive-hover:hover{transform:translateY(-4px);box-shadow:var(--card-hover-shadow)}.holo-card-common{border-color:#64748b}.holo-card-uncommon{border-color:#22c55e;border-width:2px}.holo-card-rare{border-color:#3b82f6;border-width:2px}.holo-card-legendary{border-color:#8b5cf6;border-width:2px;box-shadow:0 4px 16px rgba(139,92,246,.2)}.holo-card-perfect{border-color:#f59e0b;border-width:2px;box-shadow:0 4px 16px rgba(245,158,11,.25)}.holo-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.holo-card-legendary:hover{box-shadow:0 8px 32px rgba(139,92,246,.3)}.holo-card-perfect:hover{box-shadow:0 8px 32px rgba(245,158,11,.4)}.card-stack{position:relative}.card-stack:after{content:"";position:absolute;top:-2px;left:2px;right:-2px;height:4px;background:rgba(0,0,0,.1);border-radius:var(--card-border-radius);z-index:-1}.holo-card.loading{background:linear-gradient(90deg,#1e293b 25%,#334155 50%,#1e293b 75%);background-size:200% 100%;animation:cardLoading 1.5s infinite}@keyframes cardLoading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){:root{--card-width:180px;--card-height:252px}}@media (max-width:480px){:root{--card-width:140px;--card-height:196px}}