.showcase-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;display:grid}.showcase-card{cursor:pointer;opacity:0;border-radius:14px;animation:.5s forwards showcaseCardIn;position:relative;overflow:visible;transform:translateY(24px)}@keyframes showcaseCardIn{to{opacity:1;transform:translateY(0)}}.showcase-card-inner{will-change:transform;border-radius:14px;transition:none;position:relative;overflow:hidden;transform:perspective(800px)rotateX(0)rotateY(0)scale(1);box-shadow:0 4px 24px #0009}.showcase-card-inner.returning{transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .5s}.showcase-card-holo{opacity:0;mix-blend-mode:color-dodge;pointer-events:none;z-index:10;will-change:opacity;background:conic-gradient(from var(--holo-angle,0deg),#f005,#ff7f0055,#ff05,#0f05,#00f5,#8b00ff55,#f005);border-radius:14px;transition:opacity .4s;position:absolute;inset:0}.showcase-card-border{z-index:-1;opacity:0;will-change:opacity;background:conic-gradient(from var(--holo-angle,0deg),#ff0080,#ff8c00,#40e0d0,#a855f7,#ff0080);border-radius:15px;transition:opacity .4s;position:absolute;inset:-1px}.showcase-card:hover .showcase-card-holo{opacity:.35}.showcase-card:hover .showcase-card-border{opacity:1}.showcase-card[data-rarity=C]:hover .showcase-card-holo,.showcase-card[data-rarity=C]:hover .showcase-card-border{opacity:0}.showcase-card:hover .showcase-card-inner{box-shadow:0 20px 60px #000c,0 0 40px var(--card-glow,#dc26264d)}.showcase-card:hover .showcase-card-img{transform:scale(1.07)}.showcase-card-image{aspect-ratio:3/4;border-radius:14px;width:100%;position:relative;overflow:hidden}.showcase-card-img{object-fit:cover;will-change:transform;width:100%;height:100%;transition:transform .6s cubic-bezier(.23,1,.32,1);display:block}.showcase-card-overlay{pointer-events:none;mix-blend-mode:screen;opacity:.18;transition:opacity .3s;position:absolute;inset:0}.showcase-card:hover .showcase-card-overlay{opacity:.28}.showcase-card-info{z-index:5;background:linear-gradient(#0000 0%,#000000b3 30%,#000000f2 100%);padding:40px 14px 14px;position:absolute;bottom:0;left:0;right:0}.showcase-corner{z-index:6;opacity:.4;width:16px;height:16px;position:absolute}.showcase-corner.tl{border-top:1.5px solid;border-left:1.5px solid;border-radius:14px 0 0;top:0;left:0}.showcase-corner.tr{border-top:1.5px solid;border-right:1.5px solid;border-radius:0 14px 0 0;top:0;right:0}.showcase-corner.bl{border-bottom:1.5px solid;border-left:1.5px solid;border-radius:0 0 0 14px;bottom:0;left:0}.showcase-corner.br{border-bottom:1.5px solid;border-right:1.5px solid;border-radius:0 0 14px;bottom:0;right:0}.showcase-card[data-rarity=C] .showcase-card-inner{background:linear-gradient(160deg,#1a2436 0%,#0d1420 100%);border:1px solid #8ab4c940}.showcase-card[data-rarity=C]{--card-glow:#8ab4c940}.showcase-card[data-rarity=C] .showcase-card-overlay{background:linear-gradient(135deg,#4a7a96,#0000 60%)}.showcase-card[data-rarity=C] .showcase-corner{border-color:#8ab4c9}.showcase-card[data-rarity=R] .showcase-card-inner{background:linear-gradient(160deg,#1e1535 0%,#0f0a22 100%);border:1px solid #a78bfa4d}.showcase-card[data-rarity=R]{--card-glow:#a78bfa59}.showcase-card[data-rarity=R] .showcase-card-overlay{background:linear-gradient(135deg,#7c3aed,#a78bfa 50%,#0000 80%)}.showcase-card[data-rarity=R] .showcase-corner{border-color:#a78bfa}.showcase-card[data-rarity=SR] .showcase-card-inner{background:linear-gradient(160deg,#2a1e08 0%,#160f02 100%);border:1px solid #fcd34d59}.showcase-card[data-rarity=SR]{--card-glow:#fcd34d66}.showcase-card[data-rarity=SR] .showcase-card-overlay{background:linear-gradient(135deg,#d97706,#fcd34d 50%,#0000 80%)}.showcase-card[data-rarity=SR] .showcase-corner{border-color:#fcd34d}.showcase-card[data-rarity=SSR] .showcase-card-inner{background:linear-gradient(160deg,#2a0d0d 0%,#160404 100%);border:1px solid #f8717166}.showcase-card[data-rarity=SSR]{--card-glow:#f8717180}.showcase-card[data-rarity=SSR] .showcase-card-overlay{background:linear-gradient(135deg,#991b1b,#f87171 50%,#0000 80%)}.showcase-card[data-rarity=SSR] .showcase-corner{border-color:#f87171}.showcase-card[data-rarity=L] .showcase-card-inner{background:linear-gradient(160deg,#0a2218 0%,#031208 100%);border:1px solid #86efac73;animation:3s ease-in-out infinite legendPulse}.showcase-card[data-rarity=L]{--card-glow:#86efac99}.showcase-card[data-rarity=L] .showcase-card-overlay{opacity:.25;background:conic-gradient(#047857,#86efac,#4fc3f7,#a78bfa,#047857);animation:8s linear infinite overlayRotate}.showcase-card[data-rarity=L] .showcase-corner{opacity:.8;border-color:#86efac}.showcase-card[data-rarity=L] .showcase-card-holo{opacity:.15}.showcase-card[data-rarity=L]:hover .showcase-card-holo{opacity:.5}@keyframes legendPulse{0%,to{box-shadow:0 0 10px #86efac1a,inset 0 0 10px #86efac0d}50%{box-shadow:0 0 25px #86efac40,inset 0 0 20px #86efac1a}}@keyframes overlayRotate{0%{transform:rotate(0)scale(1.5)}to{transform:rotate(360deg)scale(1.5)}}.showcase-card.featured{grid-column:span 2}.showcase-card.featured .showcase-card-image{aspect-ratio:16/10}.showcase-card.featured .showcase-card-info{padding:60px 18px 18px}