/* Reuse the site's blue/red/yellow palette, white panels, pills and typography. */
.items-directory .item-sprite{background-image:var(--directory-atlas)}
.directory-item[data-rarity="Common"]{--rarity-icon-bg:#f0f2f5}
.directory-item[data-rarity="Uncommon"]{--rarity-icon-bg:#e0f4e6}
.directory-item[data-rarity="Rare"]{--rarity-icon-bg:#e2eeff}
.directory-item[data-rarity="Epic"]{--rarity-icon-bg:#f0e2fc}
.directory-item[data-rarity="Legendary"]{--rarity-icon-bg:#fff0c2}
.directory-item[data-rarity="Unspecified"]{--rarity-icon-bg:#edf0f5}
.directory-item .directory-item-icon{background:var(--rarity-icon-bg,#edf3fc)}
.directory-item .directory-item-icon.is-vitamin{background:#fff0f0}
.directory-summary{display:flex;flex-wrap:wrap;gap:12px 28px;color:var(--muted);font-size:13px;margin:22px 0}.directory-summary strong{color:var(--ink);font-size:22px;margin-right:5px}
.directory-filters{border:1px solid var(--line);border-radius:10px;background:#fff;margin:26px 0 10px}.directory-filters>summary{padding:14px 18px;font-size:13px;font-weight:750;cursor:pointer}.directory-filters .toolbar{border:0;margin:0;background:transparent;padding-top:5px;gap:12px;box-shadow:none}.directory-filters .toolbar label:not(.grow){flex:1 1 130px}.directory-filters .toolbar .grow{flex:2 1 250px}.directory-filters select,.directory-filters input{width:100%;min-width:0}
.directory-result-meta{align-items:center;margin-bottom:22px}.directory-result-meta [data-item-count]{white-space:nowrap}.directory-result-meta .view-buttons{display:flex;gap:6px;flex:none;width:auto}.directory-result-meta .button{min-height:36px;padding:7px 13px}.directory-result-meta [aria-pressed=true]{background:#e2ecfc;color:#244b85;border-color:#6489bd}
.items-directory .directory-item{display:flex;flex-direction:column;min-width:0;border-top:4px solid #83a6d6;padding:22px}.items-directory .directory-item:has(.is-vitamin){border-top-color:#df8291}.directory-item .item-heading{margin:0 0 17px;align-items:center;gap:14px}.directory-item .item-heading>div{min-width:0}.directory-item .item-heading h2{font-size:21px;line-height:1.25;margin:4px 0 5px;overflow-wrap:anywhere}.directory-item .item-heading a{text-decoration:none}.directory-item .item-heading a:hover{text-decoration:underline}.directory-item-icon{display:grid;place-items:center;flex:none;width:70px;height:70px;border-radius:15px;background:#edf3fc}.directory-item-icon.is-vitamin{background:#fff0f0}.directory-item-icon img{object-fit:contain}.directory-item .item-effect{min-height:0;line-height:1.65;margin:0 0 16px;font-size:13px}.directory-item .tags{margin:0 0 18px;gap:5px}.item-rarity{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:750;color:var(--muted)}.item-rarity i{height:8px;width:8px;border-radius:50%;background:#8392a9}.rarity-uncommon i{background:#35965b}.rarity-rare i{background:#377dd1}.rarity-epic i{background:#9952ce}.rarity-legendary i{background:#bd8820}.rarity-legendary{color:#8a611a}
.item-catalog-facts{margin:auto 0 0;border-top:1px solid var(--line);padding-top:14px;font-size:11px;display:grid;gap:8px}.item-catalog-facts>div{display:flex;justify-content:space-between;gap:14px}.item-catalog-facts dt{color:var(--muted)}.item-catalog-facts dd{margin:0;text-align:right;font-weight:750}.item-catalog-facts .unlock-cost dd{color:#69529c}.directory-item .name-note{margin:12px 0 0}.directory-item>details{font-size:11px;margin-top:14px;color:var(--muted)}.directory-item>details>summary{font-weight:650;cursor:pointer}.directory-item details p{line-height:1.6;margin-top:10px}.directory-item .observation dl{display:flex;flex-wrap:wrap;gap:8px 16px}.directory-item .observation dl>div{display:flex;gap:4px}.directory-item .observation dd{margin:0}.items-directory [hidden]{display:none!important}
.items-directory .item-grid[data-view=list]{grid-template-columns:1fr}.items-directory .item-grid[data-view=list] .directory-item{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,2fr) minmax(160px,1fr);column-gap:25px;align-items:start}.items-directory .item-grid[data-view=list] .item-heading{grid-column:1;grid-row:1/3}.items-directory .item-grid[data-view=list] .item-effect{grid-column:2;grid-row:1}.items-directory .item-grid[data-view=list] .tags{grid-column:2;grid-row:2;margin-bottom:0}.items-directory .item-grid[data-view=list] .item-catalog-facts{grid-column:3;grid-row:1/3;border-top:0;padding:3px 0;margin:0}.items-directory .item-grid[data-view=list] .directory-item>details,.items-directory .item-grid[data-view=list] .name-note{grid-column:2/4}
@media(max-width:900px){.items-directory .item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.items-directory .item-grid[data-view=list] .directory-item{grid-template-columns:minmax(180px,1fr) minmax(220px,2fr)}.items-directory .item-grid[data-view=list] .item-catalog-facts{grid-column:2;grid-row:auto;border-top:1px solid var(--line);padding-top:12px}.items-directory .item-grid[data-view=list] .directory-item>details,.items-directory .item-grid[data-view=list] .name-note{grid-column:2}}
@media(max-width:600px){.directory-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.directory-summary span{font-size:11px}.directory-summary strong{font-size:20px}.items-directory .item-grid{grid-template-columns:1fr;gap:18px}.items-directory .directory-item{padding:20px}.directory-item .item-heading h2{font-size:21px}.items-directory .item-grid[data-view=list] .directory-item{display:flex}.items-directory .item-grid[data-view=list] .item-heading{margin-bottom:15px}.items-directory .item-grid[data-view=list] .tags{margin-bottom:15px}.items-directory .item-grid[data-view=list] .item-catalog-facts{margin-top:auto}.directory-filters .toolbar label:not(.grow){flex:1 1 125px}.directory-filters .toolbar .grow{min-width:0;flex-basis:100%}}