.items-sidebar{width:300px;flex-shrink:0;height:fit-content;padding:1.25rem 1rem;box-sizing:border-box}.sidebar-header{padding:.25rem .65rem .6rem;border-bottom:1px solid var(--border);margin-bottom:.5rem}.sidebar-title{font-family:var(--font-caps);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.sidebar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.sidebar-link{display:flex;align-items:center;gap:.65rem;padding:.4rem .6rem;border-radius:var(--radius-sm);text-decoration:none;color:var(--text);font-family:var(--font-caps);font-size:.9375rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;border-left:3px solid transparent;transition:background-color .15s ease,color .15s ease}.sidebar-tile{flex-shrink:0}.sidebar-link:hover{background:var(--surface-2);color:var(--accent)}.sidebar-link.active{background:var(--accent-soft);color:var(--accent);border-left:3px solid var(--gold-line)}.sidebar-link-label{white-space:normal;line-height:1.15;flex:1;min-width:0}.sidebar-link-count{font-family:var(--font-caps);font-size:.875rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.sidebar-link.active .sidebar-link-count{color:var(--accent);font-weight:700}@media(max-width:900px){.items-sidebar{width:100%;padding:.5rem}.sidebar-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:.35rem}.sidebar-item{flex:0 0 auto}.sidebar-link{padding:.35rem .6rem;border:1px solid var(--border);background:var(--bg);gap:.4rem}.sidebar-link.active{border-left:3px solid var(--gold-line);border-color:var(--gold-line);background:var(--surface-2)}}.items-toolbar{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.toolbar-primary-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.filter-search-box{position:relative;flex:1;min-width:220px}.search-svg{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none}.filter-input{width:100%;height:40px;padding:0 .75rem 0 2.5rem;font-family:var(--font-caps);font-size:.9375rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:border-color .15s ease,background-color .15s ease}.filter-input:focus{outline:none;border-color:var(--accent);background:var(--surface-2)}.filter-input::placeholder{color:var(--text-faint)}.toolbar-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.sort-group{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap}.sort-label{font-family:var(--font-caps);font-size:.8125rem;font-weight:700;letter-spacing:.1em;color:var(--text-faint)}.view-toggle-group{display:inline-flex;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px}.btn-view{border:none;background:transparent;color:var(--text-muted);width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease,color .15s ease}.btn-view:hover{color:var(--text)}.btn-view.active{background:var(--surface-2);color:var(--accent);box-shadow:0 1px 4px var(--shadow)}.toolbar-chips-row{display:flex;flex-direction:column;gap:.5rem;padding-top:.25rem;border-top:1px solid var(--border)}.chips-group{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.chip-common.active{color:var(--rarity-common)}.chip-uncommon.active{color:var(--rarity-uncommon)}.chip-rare.active{color:var(--rarity-rare)}.chip-epic.active{color:var(--rarity-epic)}.chip-legendary.active{color:var(--rarity-legendary)}@media(max-width:600px){.toolbar-primary-row{flex-direction:column;align-items:stretch}.toolbar-actions{justify-content:space-between}}.item-grid-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.25rem .75rem 1rem;text-decoration:none;color:var(--text);gap:.75rem;transition:transform .15s ease,filter .15s ease;min-width:0}.item-grid-card:hover{transform:translateY(-2px);filter:brightness(1.15)}.item-grid-card .card-tile{margin:0 auto}.item-grid-card .card-body{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%}.item-grid-card .card-name{font-family:var(--font-display);font-size:1.0625rem;font-weight:700;line-height:1.25;color:var(--text);max-width:100%;word-break:normal;overflow-wrap:break-word;text-align:center}.item-grid-card .card-variant{font-family:var(--font-caps);font-size:.75rem;color:var(--text-faint);text-transform:uppercase}.item-grid-card .card-kind{font-family:var(--font-caps);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.item-grid-card .card-level{font-family:var(--font-caps);font-size:1.35rem;font-weight:700;color:var(--accent);margin-top:.25rem}@media(max-width:600px){.item-grid-card{padding:.75rem .5rem;gap:.5rem}.item-grid-card .icon-tile--96{width:72px;height:72px}.item-grid-card .card-name{font-size:.9375rem}.item-grid-card .card-level{font-size:1.15rem}}.rarity-common{color:var(--rarity-common)}.rarity-uncommon{color:var(--rarity-uncommon)}.rarity-rare{color:var(--rarity-rare)}.rarity-epic{color:var(--rarity-epic)}.rarity-legendary{color:var(--rarity-legendary)}.pagination-nav{display:flex;justify-content:center;margin-top:2rem;margin-bottom:2rem}.pagination-inner{display:inline-flex;align-items:center;gap:.35rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.35rem .5rem;flex-wrap:wrap;justify-content:center}.page-numbers{display:inline-flex;align-items:center;gap:.25rem}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .5rem;font-family:var(--font-body);font-size:.8125rem;font-weight:500;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-sm);transition:background-color .15s ease,color .15s ease}.page-btn:hover:not(.disabled):not(.active){background:var(--surface-2);color:var(--text)}.page-btn.active{background:var(--accent);color:var(--accent-on);font-weight:600}.page-btn.disabled{opacity:.4;cursor:not-allowed}.page-arrow{padding:0 .75rem;font-weight:600}.page-ellipsis{padding:0 .25rem;color:var(--text-faint)}