body:has(.col-page){height:auto;overflow:visible;display:block}.col-page{max-width:1440px;margin:0 auto;padding:160px 32px 64px;min-height:100vh}.col-header{text-align:center;margin-bottom:2rem}.col-header .label{display:inline-block;margin-bottom:.5rem}.col-header .section-title{margin:0}.col-count{color:var(--text-dim);font-family:var(--font-mono);font-size:.85rem;letter-spacing:1px;margin-top:.5rem}.col-filters{background:#050506eb;border:1px solid var(--border-heavy);border-radius:12px;padding:20px 24px;margin-bottom:2rem;display:flex;flex-direction:column;gap:14px}.col-filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.col-filter-row-top{justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border-heavy)}.col-filter-row-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.col-filter-row-bottom{gap:20px}.col-search-wrap{width:160px}.col-search{width:100%;background:#ffffff0a;border:1px solid var(--border-heavy);border-radius:6px;padding:6px 10px;color:var(--text-main);font-family:var(--font-mono);font-size:.78rem;outline:none;transition:border-color .2s}.col-search:focus{border-color:var(--accent-cyan)}.col-search::placeholder{color:var(--text-dim);opacity:.6}.col-filter-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.col-filter-label{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;white-space:nowrap;margin-right:2px}.col-pills{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.col-pill{padding:4px 10px;border-radius:4px;border:1px solid var(--border-heavy);background:#ffffff08;color:var(--text-dim);font-family:var(--font-mono);font-size:.72rem;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;white-space:nowrap;letter-spacing:.5px}.col-pill:hover{border-color:var(--accent-cyan);color:var(--text-main);background:#7eb8c914}.col-pill.active{border-color:var(--pill-active, var(--accent-cyan));color:#fff;background:#7eb8c926;box-shadow:0 0 6px #7eb8c933}.col-pill[data-rarity=Uncommon]{color:#4db8a4;border-color:#4db8a459}.col-pill[data-rarity=Rare]{color:#5b8fd9;border-color:#5b8fd959}.col-pill[data-rarity=Epic]{color:#9a6dd7;border-color:#9a6dd759}.col-pill[data-rarity=Legendary]{color:#d98a3d;border-color:#d98a3d59}.col-pill[data-rarity=Uncommon]:hover{background:#4db8a41a}.col-pill[data-rarity=Rare]:hover{background:#5b8fd91a}.col-pill[data-rarity=Epic]:hover{background:#9a6dd71a}.col-pill[data-rarity=Legendary]:hover{background:#d98a3d1a}.col-pill[data-rarity=Uncommon].active{--pill-active: #4db8a4;background:#4db8a438;color:#fff}.col-pill[data-rarity=Rare].active{--pill-active: #5b8fd9;background:#5b8fd938;color:#fff}.col-pill[data-rarity=Epic].active{--pill-active: #9a6dd7;background:#9a6dd738;color:#fff}.col-pill[data-rarity=Legendary].active{--pill-active: #d98a3d;background:#d98a3d38;color:#fff}.col-pill-syndicate{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;border-radius:8px;line-height:0;overflow:hidden}.col-pill-syndicate img,.col-pill-syndicate svg{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 4px rgba(255,255,255,.2))}.col-dropdown-wrap{position:relative}.col-dropdown-toggle{display:flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--border-heavy);border-radius:6px;background:#ffffff0a;color:var(--text-dim);font-family:var(--font-mono);font-size:.72rem;letter-spacing:1px;cursor:pointer;transition:all .2s;white-space:nowrap}.col-dropdown-toggle:hover,.col-dropdown-wrap.open .col-dropdown-toggle{border-color:var(--accent-cyan);color:var(--text-main)}.col-dropdown-wrap.has-active .col-dropdown-toggle{border-color:var(--accent-cyan);color:#fff;background:#7eb8c91a}.col-dd-chevron{font-size:.6rem;transition:transform .2s}.col-dropdown-wrap.open .col-dd-chevron{transform:rotate(180deg)}.col-dropdown-panel{display:none;position:absolute;top:calc(100% + 6px);left:0;z-index:80;background:#0a0a0ef5;border:1px solid var(--border-heavy);border-radius:8px;padding:8px;min-width:160px;flex-wrap:wrap;gap:4px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #00000080}.col-dropdown-wrap.open .col-dropdown-panel{display:flex}.col-sort{background:#ffffff0a;border:1px solid var(--border-heavy);border-radius:6px;padding:6px 10px;color:var(--text-main);font-family:var(--font-mono);font-size:.72rem;cursor:pointer;outline:none}.col-sort option{background:#0e0e11;color:var(--text-main)}.col-grid{display:grid;grid-template-columns:repeat(5,auto);gap:16px;justify-content:center}.col-grid .card-glow-wrap{transition:opacity .3s,transform .3s}.col-grid .card-glow-wrap.col-hidden{display:none}.col-grid .card-glow-wrap.col-reveal{animation:col-fade-in .35s var(--transition-smooth) both}@keyframes col-fade-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.col-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:2rem;padding:12px 0}.col-page-btn{padding:8px 20px;border:1px solid var(--border-heavy);border-radius:6px;background:#ffffff0a;color:var(--text-main);font-family:var(--font-mono);font-size:.8rem;cursor:pointer;transition:all .2s;letter-spacing:1px}.col-page-btn:hover:not(:disabled){border-color:var(--accent-cyan);background:#7eb8c91a}.col-page-btn:disabled{opacity:.3;cursor:default}.col-page-info{font-family:var(--font-mono);font-size:.8rem;color:var(--text-dim);letter-spacing:2px}.col-empty{grid-column:1 / -1;text-align:center;padding:80px 20px;color:var(--text-dim);font-family:var(--font-mono);font-size:.9rem;letter-spacing:1px}@media(max-width:1200px){.col-grid{grid-template-columns:repeat(5,1fr);gap:16px}}@media(max-width:768px){.col-page{padding:100px 16px 48px}.col-filters{padding:14px;gap:10px}.col-filter-row-top{flex-direction:column;align-items:flex-start}.col-filter-row-right{width:100%}.col-search-wrap{flex:1;width:auto}.col-filter-row-bottom{gap:10px}.col-grid{grid-template-columns:repeat(3,auto);gap:12px}}@media(max-width:480px){.col-grid{grid-template-columns:repeat(2,1fr);gap:10px}}