/* Equipment encyclopedia. Shared pieces (guide, filters, tabs, tables, pagination) live in site.css. */
.filters{grid-template-columns:2.2fr 1fr 1.2fr 1fr 1fr 1fr}
.filters.sets{grid-template-columns:2fr 1fr}
.filters .tick{display:flex;align-items:center;gap:9px;min-height:44px;margin:0;font-weight:600;cursor:pointer}
.filters .tick input{margin:0}
.stat-filter{margin:0 0 var(--space-4);border:1px solid var(--line,rgba(127,127,127,.35));border-radius:8px;padding:var(--space-3) var(--space-4)}
.stat-filter legend{font-weight:700;padding:0 6px}
.stat-filter .stat-head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:8px}
.stat-filter .stat-head label{display:flex;align-items:center;gap:8px;margin:0}
.stat-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px 12px}
.stat-boxes .tick{display:flex;align-items:center;gap:6px;min-height:28px;margin:0;font-weight:600;cursor:pointer}
.stat-boxes .tick input{margin:0}
.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4);align-items:start}
.set-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:var(--space-4);align-items:start}
.item-card,.set-card{min-width:0;padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color .15s}
.item-card:hover,.set-card:hover,.item-card:focus-within,.set-card:focus-within{border-color:var(--border-strong)}
.item-card:target,.set-card:target{border-color:var(--border-highlight);box-shadow:0 0 0 3px #f1b53d2e,var(--shadow)}
.item-heading{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--space-4);align-items:start}
.item-title{min-width:0}
.item-title .note{margin:0}
/* Icon slot: a parchment tile like an in-game inventory cell, empty until artwork is provided */
.item-icon{display:grid;place-items:center;width:64px;height:64px;overflow:hidden;border-radius:var(--radius);background:radial-gradient(circle at 50% 38%,#2a4437,var(--surface-2));border:1px solid var(--border-strong);box-shadow:inset 0 1px 0 #ffffff10}
.item-icon img{display:block;width:56px;height:56px;object-fit:contain;image-rendering:auto}
.item-icon--empty:before{content:'';width:18px;height:18px;border:2px solid var(--border-strong);transform:rotate(45deg);border-radius:3px;opacity:.9}
.item-card h2,.set-card h2{font-size:21px;margin:0 0 4px;overflow-wrap:anywhere}
.item-card h2 a:hover,.set-card h2 a:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:4px}
.badges{display:flex;flex-wrap:wrap;gap:6px;margin:var(--space-2) 0 0}
.badge{display:inline-block;font-size:12px;font-weight:600;line-height:1.5;padding:2px 10px;border-radius:var(--radius-pill);background:var(--secondary);color:var(--text-soft);border:1px solid var(--border-strong)}
a.badge{background:#4a3a17;color:#ffd98a;border-color:#7a6124}
a.badge:hover{background:#5d4a1d;color:#ffe5ad}
.slot-badge{background:#1f3550;color:var(--sky-soft);border-color:#34547d}
.stat-list{list-style:none;margin:var(--space-4) 0 0;padding:0;display:grid;gap:4px}
.stat-list li{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:6px 10px;font-size:14px}
.stat-list li.unnamed{color:#d7c08a;font-style:italic}
.stat-note{margin:var(--space-4) 0 0;color:var(--muted);font-size:14px}
.item-card>details,.set-card>details{margin-top:var(--space-4);border-top:1px solid var(--border-soft)}
.detail{padding-bottom:6px}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:var(--space-3) 0 0}
.facts div{background:var(--surface-2);border:1px solid var(--border-soft);padding:8px 10px;border-radius:var(--radius-sm)}
.facts dt{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.facts dd{margin:0;font-size:15px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
table{font-size:13px}
td,th{padding:9px 7px}
td small{display:block;font-size:11px}
td strong{font-weight:600}
.nowrap{white-space:nowrap}
.chance{color:var(--accent-soft);font-variant-numeric:tabular-nums}
.rule{color:var(--text-soft);font-size:12px}
.piece-level{color:var(--muted);font-size:12px;white-space:nowrap}
.piece-missing{color:var(--danger)}
.bonus{margin-top:var(--space-4)}
.bonus h3{font:700 12px/1.4 var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0 0 var(--space-2)}
.bonus ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.bonus li{display:grid;gap:3px;background:var(--surface-2);border:1px solid var(--border-soft);border-left:3px solid var(--leaf);border-radius:var(--radius-sm);padding:8px 12px;font-size:14px}
.bonus b{color:var(--accent-soft);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;color:var(--muted)}
@media(max-width:1080px){.filters,.filters.sets{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-boxes{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.item-grid,.set-grid{grid-template-columns:1fr}.filters,.filters.sets{grid-template-columns:1fr}.stat-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}.item-card,.set-card{padding:var(--space-4)}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.item-heading{grid-template-columns:52px minmax(0,1fr);gap:var(--space-3)}.item-icon{width:52px;height:52px}.item-icon img{width:46px;height:46px}}

/* Egg / Dofus source line (Perfect boss drop vs Boss Token machine) */
.item-source{margin:.4rem 0 .6rem;padding:.35rem .6rem;border-left:3px solid #c9a227;background:rgba(201,162,39,.08);font-size:.9rem}
.pet-plan{margin:var(--space-4) 0 0}
.pet-plan .pet-rules{margin:0 0 .5rem;padding:.35rem .6rem;border-left:3px solid #6fae5a;background:rgba(111,174,90,.08);font-size:.9rem}
.pet-plan td small{display:block;color:var(--muted);font-size:12px}
.pet-plan .note{font-size:13px}
/* pet-looks: Shiny preview toggle on pet cards */
.pet-shiny{font:inherit;font-size:12px;line-height:1;padding:4px 10px;margin-top:6px;border-radius:999px;border:1px solid var(--border,#555);background:transparent;color:inherit;cursor:pointer}
.pet-shiny[aria-pressed="true"]{background:#c9a227;border-color:#c9a227;color:#1b1406}