.item-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;flex-direction:column;gap:10px;padding:14px;transition:border-color .15s,box-shadow .15s;display:flex}.item-card:hover{border-color:var(--gold-dim);box-shadow:0 0 16px #c8a84c1a}.card-header{align-items:center;gap:12px;display:flex}.card-icon-wrap{background:#0e0e18;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.card-icon{object-fit:contain;image-rendering:auto;width:100%;height:100%}.icon-placeholder{border:1px solid var(--card-border);background:linear-gradient(135deg,#1a1a2e 0%,#0e0e18 100%);border-radius:4px;width:100%;height:100%}.card-title{flex-direction:column;min-width:0;display:flex}.item-name{color:var(--gold);white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.item-level{color:var(--text-muted);font-size:12px}.card-stats{font-size:14px;line-height:1.7}.stat-line{color:var(--stat)}.stat-gap{height:4px}.stat-implicit{color:var(--implicit);font-style:italic}.card-footer{border-top:1px solid var(--card-border);margin-top:auto;padding-top:8px;font-size:12px}.card-req{color:var(--req);margin-bottom:3px;line-height:1.5}.card-tags{color:var(--tag);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#121218;--surface:#1c1c2a;--card-bg:#22223a;--card-border:#3a3a58;--text:#e8e8f0;--text-dim:#9a9ab0;--text-muted:#6a6a88;--gold:#dbb84c;--gold-dim:#b89830;--stat:#a8c8ff;--implicit:#c8a0ff;--req:#9898b0;--tag:#7a7a98}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif}header{background:var(--surface);border-bottom:1px solid var(--card-border);z-index:10;flex-wrap:wrap;align-items:center;gap:20px;padding:14px 24px;display:flex;position:sticky;top:0}header h1{color:var(--gold);letter-spacing:2px;text-transform:uppercase;font-size:26px}.toolbar{flex:1;justify-content:flex-end;align-items:center;gap:12px;display:flex}.toolbar input{border:1px solid var(--card-border);color:var(--text);background:#1e1e30;border-radius:6px;min-width:220px;padding:10px 14px;font-family:inherit;font-size:15px}.toolbar input:focus{border-color:var(--gold);outline:none}.class-bar{background:var(--surface);border-bottom:1px solid var(--card-border);z-index:9;flex-wrap:wrap;gap:6px;padding:10px 24px;display:flex;position:sticky;top:57px}.class-btn{border:1px solid var(--card-border);color:var(--text-dim);cursor:pointer;background:#1e1e30;border-radius:4px;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:13px;transition:color .15s,border-color .15s;display:flex}.class-btn:hover{color:var(--text);border-color:var(--text-muted)}.class-btn.active{color:var(--gold);border-color:var(--gold)}.class-btn.active .cls-count{color:var(--gold-dim)}.cls-count{color:var(--text-muted);font-size:11px}main{max-width:1500px;margin:0 auto;padding:20px 24px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;display:grid}