.showcase-sidebar{display:flex;flex-direction:column;gap:1.25rem}.showcase-section{background:var(--theme-surface-1);border:1px solid var(--theme-border-color);border-radius:12px;padding:1rem;transition:border-color var(--showcase-duration-normal, .3s) ease;content-visibility:auto;contain-intrinsic-size:320px}.showcase-section:hover{border-color:rgba(var(--trophy-gold-rgb),.3)}.showcase-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--theme-border-color)}.showcase-section__title{font-size:.8rem;font-weight:700;color:var(--theme-text-primary);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.4rem;margin:0}.showcase-section__title-icon{color:var(--trophy-gold);font-size:.9rem}.showcase-section__count{font-size:.7rem;color:var(--theme-text-muted);background:var(--theme-surface-2);padding:.15rem .4rem;border-radius:8px;font-weight:600}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:.5rem}@media (min-width: 992px){.showcase-grid{grid-template-columns:repeat(5,1fr)}}.showcase-item{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--theme-surface-2);border:1px solid var(--theme-border-color);border-radius:8px;cursor:pointer;transition:all var(--showcase-duration-normal, .3s) var(--showcase-ease-out, ease-out);overflow:visible;padding:0}.showcase-item:hover{transform:translateY(-3px) scale(1.05);border-color:rgba(var(--trophy-gold-rgb),.5);box-shadow:0 4px 12px #0003,0 0 20px rgba(var(--trophy-gold-rgb),.15);z-index:10}.showcase-item:active{transform:translateY(-1px) scale(1.02)}.showcase-item__image{width:70%;height:70%;object-fit:contain;transition:transform var(--showcase-duration-normal, .3s) ease}.showcase-item:hover .showcase-item__image{transform:scale(1.1)}.showcase-item__icon{font-size:1.25rem;color:var(--trophy-gold);transition:transform var(--showcase-duration-normal, .3s) ease}.showcase-item:hover .showcase-item__icon{transform:scale(1.15)}.showcase-item--legendary,.showcase-item--gold{border-color:rgba(var(--trophy-gold-rgb),.4);background:linear-gradient(135deg,rgba(var(--trophy-gold-rgb),.08),var(--theme-surface-2))}.showcase-item--legendary:hover,.showcase-item--gold:hover{box-shadow:0 4px 12px #0003,0 0 24px var(--trophy-glow)}.showcase-item--epic{border-color:var(--rarity-epic);background:linear-gradient(135deg,rgba(168,85,247,.08),var(--theme-surface-2))}.showcase-item--epic:hover{box-shadow:0 4px 12px #0003,0 0 24px var(--rarity-epic-glow)}.showcase-item--rare{border-color:var(--rarity-rare);background:linear-gradient(135deg,rgba(59,130,246,.08),var(--theme-surface-2))}.showcase-item--rare:hover{box-shadow:0 4px 12px #0003,0 0 24px var(--rarity-rare-glow)}.showcase-item--common{border-color:var(--rarity-common)}.showcase-item--common:hover{box-shadow:0 4px 12px #0003,0 0 16px var(--rarity-common-glow)}.showcase-item__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:.4rem .6rem;background:var(--theme-surface-3);border:1px solid var(--theme-border-color);border-radius:6px;font-size:.7rem;font-weight:500;color:var(--theme-text-primary);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--showcase-duration-fast, .15s) ease,visibility var(--showcase-duration-fast, .15s) ease;z-index:100;box-shadow:0 4px 12px #0000004d}.showcase-item__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--theme-surface-3)}.showcase-item:hover .showcase-item__tooltip{opacity:1;visibility:visible}.showcase-more{grid-column:1 / -1;text-align:center;padding:.5rem}.showcase-more__link{font-size:.75rem;color:var(--theme-text-muted);text-decoration:none;transition:color var(--showcase-duration-normal, .3s) ease}.showcase-more__link:hover{color:var(--trophy-gold)}.showcase-section--empty .showcase-grid{display:flex;align-items:center;justify-content:center;min-height:60px}.showcase-empty{text-align:center;color:var(--theme-text-muted);font-size:.75rem;padding:.5rem}.showcase-empty__icon{font-size:1.25rem;opacity:.5;margin-bottom:.25rem}.showcase-item--tag{font-weight:800;font-size:.85rem;color:var(--theme-text-primary)}.showcase-item--tag-1{background:linear-gradient(135deg,#f5d76e,var(--trophy-gold),#c49b2e);color:#1a1a1a;border-color:var(--trophy-gold)}.showcase-item--tag-top3{background:linear-gradient(135deg,rgba(var(--trophy-gold-rgb),.15),var(--theme-surface-2));border-color:rgba(var(--trophy-gold-rgb),.5)}@media (max-width: 991px){.showcase-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:.4rem}.showcase-item__icon{font-size:1.1rem}}@media (max-width: 767px){.showcase-sidebar{gap:1rem}.showcase-section{padding:.875rem}.showcase-grid{grid-template-columns:repeat(6,1fr);gap:.5rem}}@media (max-width: 375px){.showcase-grid{grid-template-columns:repeat(5,1fr)}}[data-bs-theme=dark] .showcase-section,body.dark-mode .showcase-section{background:#ffffff05}[data-bs-theme=dark] .showcase-item,body.dark-mode .showcase-item{background:#ffffff08}[data-bs-theme=dark] .showcase-item__tooltip,body.dark-mode .showcase-item__tooltip{background:#2d333b;border-color:#ffffff1a}[data-bs-theme=dark] .showcase-item__tooltip:after,body.dark-mode .showcase-item__tooltip:after{border-top-color:#2d333b}