*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0d0f13;--bg-secondary:#161a22;--bg-card:#1a1f2a;--bg-card-hover:#212836;--bg-input:#1a1f2a;--text-primary:#e2e6ed;--text-secondary:#8a92a1;--text-muted:#5a6275;--accent:#c4a04e;--accent-dim:#8a7235;--border:#2a3040;--border-hover:#3a4560;--slot-weapon:#cc8932;--slot-spirit:#b473cf;--slot-vitality:#6aad52;--cat-passive:#4a90d9;--cat-active:#d94a4a;--cat-antiheal:#4ad9a5;--cat-bonus:#d9a54a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px}html{font-size:15px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 50% 0%,#c4a04e0a 0%,#0000 60%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5}.app{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.app-header{text-align:center;margin-bottom:2.5rem}.app-title{letter-spacing:-.02em;color:var(--text-primary);font-size:2rem;font-weight:700}.app-title .accent{color:var(--accent)}.app-subtitle{color:var(--text-secondary);margin-top:.4rem;font-size:.95rem}.search-bar{margin-bottom:1rem}.search-input-wrapper{position:relative;display:flex;align-items: center}.search-icon{position:absolute;color:var(--text-muted);pointer-events:none;width:18px;height:18px;left:14px}.search-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);outline:none;width:100%;padding:.8rem 2.5rem .8rem 2.8rem;transition:border-color .2s,box-shadow .2s;font-size:1rem}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px #c4a04e1f}.search-clear{position:absolute;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:1.3rem;line-height:1;right:10px}.search-clear:hover{color:var(--text-primary);background:var(--border)}.search-result-count{color:var(--text-muted);text-align:right;margin-top:.4rem;font-size:.8rem}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.category-pill{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .9rem;transition:all .15s;font-size:.85rem;font-weight:500}.category-pill:hover{border-color:var(--border-hover);color:var(--text-primary)}.category-pill.active[data-category=passive]{background:var(--cat-passive);border-color:var(--cat-passive);color:#fff}.category-pill.active[data-category=active]{background:var(--cat-active);border-color:var(--cat-active);color:#fff}.category-pill.active[data-category=anti-heal]{background:var(--cat-antiheal);border-color:var(--cat-antiheal);color:#0d0f13}.category-pill.active[data-category=bonus]{background:var(--cat-bonus);border-color:var(--cat-bonus);color:#0d0f13}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.item-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);animation:cardIn .25s ease-out both;padding:1.2rem;transition:border-color .2s,transform .15s,box-shadow .2s}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.item-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.item-card[data-category=passive]{border-left:3px solid var(--cat-passive)}.item-card[data-category=active]{border-left:3px solid var(--cat-active)}.item-card[data-category=anti-heal]{border-left:3px solid var(--cat-antiheal)}.item-card[data-category=bonus]{border-left:3px solid var(--cat-bonus)}.item-card-header{display:flex;align-items: center;gap:.8rem;margin-bottom:.8rem}.item-image{border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-secondary);flex-shrink:0;width:56px;height:56px}.item-image-placeholder{border-radius:var(--radius-sm);background:var(--bg-secondary);flex-shrink:0;width:56px;height:56px}.item-title-block{min-width:0}.item-name{color:var(--text-primary);font-size:1.05rem;font-weight:600;line-height:1.3}.item-meta{display:flex;flex-wrap:wrap;align-items: center;gap:.5rem;margin-top:.2rem}.item-cost{display:inline-flex;color:var(--accent);align-items: center;gap:.25rem;font-size:.85rem;font-weight:600}.soul-icon{color:var(--accent);width:14px;height:14px}.item-slot-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm);border:1px solid;padding:.1rem .45rem;font-size:.72rem;font-weight:600}.item-tier{color:var(--text-muted);font-size:.72rem;font-weight:600}.item-effect{color:var(--text-secondary);margin-bottom:.6rem;font-size:.88rem;line-height:1.5}.item-when{color:var(--text-muted);margin-bottom:.6rem;font-size:.82rem;line-height:1.45}.item-when strong{color:var(--text-secondary)}.item-counters{display:flex;flex-wrap:wrap;align-items: center;gap:.35rem;margin-bottom:.6rem}.counters-label{color:var(--text-muted);margin-right:.15rem;font-size:.78rem;font-weight:600}.hero-chip{color:var(--accent);cursor:pointer;background:#c4a04e1f;border:1px solid #c4a04e40;border-radius:999px;padding:.15rem .5rem;transition:background .15s,border-color .15s;font-size:.76rem;font-weight:500}.hero-chip:hover{border-color:var(--accent);background:#c4a04e40}.item-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.4rem}.tag-chip{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:.12rem .45rem;transition:background .15s,border-color .15s,color .15s;font-size:.7rem;font-weight:500}.tag-chip:hover{background:var(--border);border-color:var(--border-hover);color:var(--text-secondary)}.item-notes{color:var(--text-muted);margin-top:.3rem;font-size:.78rem;font-style:italic;line-height:1.45}.no-results{text-align:center;color:var(--text-muted);padding:4rem 1rem}.no-results p{margin-bottom:.5rem;font-size:1.1rem}.no-results-hint{color:var(--text-muted);font-size:.9rem!important}@media (max-width:768px){.app{padding:1.2rem 1rem 3rem}.app-title{font-size:1.5rem}.item-grid{grid-template-columns:1fr}.search-input{font-size:.95rem}}