.items-hero{padding-bottom:1rem}.items-directory{padding-top:1.25rem}.items-toolbar{position:sticky;top:78px;z-index:5;display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(150px,.7fr)) auto;gap:.75rem;padding:1rem;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 18px 42px rgba(0,0,0,.16);backdrop-filter:blur(14px)}.items-toolbar label{display:grid;gap:.38rem;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.03em}.items-toolbar input,.items-toolbar select{width:100%;min-height:44px;padding:.68rem .8rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text)}.items-clear,.items-more{align-self:end;min-height:44px;padding:.7rem 1rem;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--text);font-weight:800;cursor:pointer}.items-results-row{display:flex;justify-content:space-between;color:var(--muted)}.items-results-row strong{color:var(--text)}.items-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.database-item-card{display:flex;min-width:0;flex-direction:column;padding:1.1rem;border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--surface-2) 92%,transparent));box-shadow:0 12px 30px rgba(0,0,0,.12)}.rarity-border-1{border-top-color:#68d391}.rarity-border-2{border-top-color:#60a5fa}.rarity-border-3{border-top-color:#c084fc}.rarity-border-4{border-top-color:#f5c451}.item-card-top{display:grid;grid-template-columns:92px minmax(0,1fr);gap:.9rem;align-items:center}.item-card-image{display:grid;width:92px;height:92px;place-items:center;border:1px solid var(--border);border-radius:14px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 68%)}.item-card-image img{width:84px;height:84px;object-fit:contain}.item-badges{display:flex;flex-wrap:wrap;gap:.35rem}.item-badges span{padding:.22rem .48rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.72rem;font-weight:700}.item-badges .rarity-1{color:#68d391}.item-badges .rarity-2{color:#60a5fa}.item-badges .rarity-3{color:#c084fc}.item-badges .rarity-4{color:#f5c451}.database-item-card h2{margin:.55rem 0 0;font-size:1.14rem;line-height:1.25}.database-item-card h2 a{color:var(--text);text-decoration:none}.item-description{margin:.9rem 0;color:var(--muted);font-size:.91rem;line-height:1.55}.item-card-facts{display:flex;gap:1.5rem;padding:.7rem 0;border-block:1px solid var(--border)}.item-card-facts span{display:grid}.item-card-facts small{color:var(--muted)}.item-card-section{margin-top:.85rem}.item-card-section h3{margin:0 0 .5rem;color:var(--muted);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.card-ingredients,.card-drops{display:flex;flex-wrap:wrap;gap:.42rem}.card-ingredients>span,.card-drops a{display:flex;min-width:0;align-items:center;gap:.35rem;padding:.34rem .48rem;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text);font-size:.74rem;text-decoration:none}.card-ingredients img,.card-drops img{width:32px;height:32px;object-fit:contain}.card-drops img{width:38px;height:38px}.item-details-link{margin-top:auto;padding-top:1rem;color:var(--accent);font-weight:800;text-decoration:none}.items-more-wrap{text-align:center;margin-top:1.4rem}.items-more{min-width:210px}.item-detail-header{display:grid;grid-template-columns:190px minmax(0,1fr);gap:2rem;align-items:center;padding:1.5rem;border:1px solid var(--border);border-radius:20px;background:var(--surface)}.item-detail-header .item-art{display:grid;height:180px;place-items:center}.item-detail-header .item-art img{width:170px;height:170px;object-fit:contain}.item-detail-header h1{margin:.7rem 0}.item-facts{display:flex;gap:1rem;margin:1rem 0}.item-facts>div{display:grid;min-width:140px;padding:.8rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.item-facts span,.ingredient-list small,.drop-list small{color:var(--muted)}.item-detail-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.item-panel{padding:1.2rem;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.ingredient-list,.drop-list{display:grid;gap:.55rem}.ingredient-list a,.drop-list a{display:flex;align-items:center;gap:.7rem;padding:.6rem;border:1px solid var(--border);border-radius:10px;color:var(--text);text-decoration:none}.ingredient-list a>span:last-child,.drop-list a>span{display:grid}.ingredient-image{display:grid;width:52px;height:52px;place-items:center}.ingredient-image img,.drop-list img{object-fit:contain}.item-back{margin-top:1.2rem}
@media(max-width:1050px){.items-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));top:70px}.items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.items-clear{align-self:stretch}.item-detail-sections{grid-template-columns:1fr}}
@media(max-width:650px){.items-toolbar{position:relative;top:auto;grid-template-columns:1fr}.items-grid{grid-template-columns:1fr}.items-results-row{font-size:.9rem}.database-item-card{padding:.9rem}.item-card-top{grid-template-columns:76px minmax(0,1fr)}.item-card-image{width:76px;height:76px}.item-card-image img{width:70px;height:70px}.item-detail-header{grid-template-columns:1fr;text-align:center;padding:1rem}.item-detail-header .item-badges{justify-content:center}.item-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.item-facts>div{min-width:0}.card-drops a span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.ingredient-row{display:flex;align-items:center;gap:.7rem;padding:.6rem;border:1px solid var(--border);border-radius:10px;color:var(--text)}.ingredient-row>span:last-child{display:grid}