.page-banner{background:linear-gradient(90deg,#b91c1c,#dc2626,#ef4444,#dc2626,#b91c1c);border-radius:4px;height:6px;margin-bottom:1.5rem}.breadcrumb{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem;font-size:.7rem;font-weight:700}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--text-primary)}.bc-sep{margin:0 .4rem}.page-title{letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.25rem;font-weight:800}.page-desc{color:var(--text-secondary);max-width:700px;margin-bottom:2rem;font-size:.9rem;line-height:1.6}.catalog-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.catalog-count{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.75rem;font-weight:700}.catalog-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-select{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;appearance:auto;border-radius:6px;min-width:140px;padding:.45rem .75rem;font-family:inherit;font-size:.8rem;font-weight:600}.filter-select:hover,.filter-select:focus{border-color:var(--accent);outline:none}.search-wrapper{position:relative}.search-input{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;width:180px;padding:.45rem 2rem .45rem .75rem;font-family:inherit;font-size:.8rem}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent);outline:none}.search-icon{pointer-events:none;font-size:.75rem;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.list-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.list-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary);font-size:.85rem;font-weight:800}.list-sort{text-transform:uppercase;letter-spacing:.1em;color:#ef4444;font-size:.7rem;font-weight:800}.items-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem;display:grid}.item-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;cursor:pointer;color:inherit;border-radius:8px;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem;text-decoration:none;transition:all .15s;display:flex}.item-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.item-card.hidden{display:none}.item-sprite{width:96px;height:96px;image-rendering:pixelated;justify-content:center;align-items:center;margin-bottom:.15rem;display:flex}.sprite-img{object-fit:contain;width:80%;height:80%;image-rendering:pixelated}.sprite-fallback{background:var(--bg-tertiary);border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;display:flex}.item-name{color:var(--text-primary);letter-spacing:.02em;word-break:break-word;font-size:.7rem;font-weight:700;line-height:1.15}.item-rarity{text-transform:uppercase;letter-spacing:.04em;font-size:.6rem;font-weight:700}.rarity-common{color:#868e96}.rarity-uncommon{color:#51cf66}.rarity-rare{color:#4dabf7}.rarity-legendary{color:#ffa94d}.rarity-immortal{color:#ff6b6b}.rarity-arcana{color:#da77f2}.rarity-beyond{color:#ffd43b}.rarity-celestial{color:#3bc9db}.rarity-divine{color:#f783ac}.rarity-cosmic{color:#845ef7}.load-more-wrapper{text-align:center;margin-top:1.5rem}.load-more-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--accent);cursor:pointer;border-radius:8px;padding:.6rem 2rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.load-more-btn:hover{background:var(--accent-glow);border-color:var(--accent)}.empty-state{text-align:center;color:var(--text-muted);padding:3rem}.empty-icon{margin-bottom:.5rem;font-size:2.5rem;display:block}@media (width<=768px){.catalog-bar{flex-direction:column;align-items:stretch}.catalog-controls{flex-direction:column}.filter-select,.search-input{width:100%}.items-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}