.collection-filter{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(#ffffff12,#ffffff0b);margin-top:10px;padding:22px;box-shadow:0 16px 42px #00000029}.collection-search{gap:8px;display:grid}.collection-search label{color:var(--muted);font-size:14px;font-weight:800}.collection-search input{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#ffffff14;border-radius:16px;padding:14px 16px}.collection-results{color:var(--soft);margin:16px 0 0;font-size:14px}.collection-listing{gap:18px;padding:28px 0 70px}.collection-card{transition:border-color .2s,transform .2s,box-shadow .2s}.collection-card:hover{border-color:#f6c76b5c;transform:translateY(-2px);box-shadow:0 22px 58px #00000047}.collection-card .thumb{min-height:190px}.collection-card .body{flex-direction:column;min-width:0;padding:22px;display:flex}.collection-card .body>p:last-child{margin:auto 0 0;padding-top:14px}.collection-card h2{letter-spacing:-.03em;margin:0 0 10px;font-size:23px;line-height:1.2}.collection-card .muted{margin:0;line-height:1.6}.collection-empty,.collection-empty-state{border-radius:var(--radius-lg);color:var(--muted);text-align:center;background:#ffffff09;border:1px dashed #f6c76b4d;padding:24px}.collection-empty{margin-bottom:70px}.collection-empty-state{grid-column:1/-1;margin:0}[data-pnj-card][hidden],[data-creature-card][hidden],[data-item-card][hidden],[data-encounter-card][hidden],[data-content-card][hidden]{display:none}.encounter-facts{color:var(--soft);margin:0 0 10px;font-size:14px;font-weight:800}@media (width<=900px){.collection-card .thumb{aspect-ratio:16/9;min-height:0}}@media (width<=560px){.collection-filter{padding:18px}.collection-listing{gap:12px;padding-top:20px}.collection-card .body{padding:20px}}@media (prefers-reduced-motion:reduce){.collection-card{transition:none}}.collection-filter__grid{grid-template-columns:minmax(240px,2fr) minmax(190px,1.35fr) minmax(170px,1fr) minmax(170px,1fr);align-items:end;gap:16px;display:grid}.collection-filter__field{gap:8px;display:grid}.collection-filter__field label,.collection-filter__group legend{color:var(--muted);font-size:14px;font-weight:800}.collection-filter select{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#ffffff14;border-radius:16px;padding:14px 16px}.collection-filter__group{border:0;min-width:0;margin:0;padding:0}.collection-filter__options{flex-wrap:wrap;align-items:center;gap:6px 12px;min-height:50px;display:flex}.collection-filter__options label{color:var(--soft);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.collection-filter__footer,.collection-filter__actions,.collection-filter__active{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.collection-filter__footer{justify-content:space-between;margin-top:16px}.collection-filter__footer .collection-results{margin:0}.collection-filter button,.collection-filter__active span{color:var(--text);font:inherit;background:#f6c76b14;border:1px solid #f6c76b47;border-radius:999px;padding:8px 11px;font-size:13px;font-weight:800}.collection-filter button{cursor:pointer}.collection-filter__reset{border-color:var(--line)!important;color:var(--soft)!important;background:#ffffff0d!important}.collection-filter__active{margin-top:12px}.collection-filter :is(input,select,button):focus-visible{outline:2px solid var(--gold);outline-offset:2px}[data-collection-card][hidden]{display:none}@media (width<=1200px){.collection-filter__grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}@media (width<=700px){.collection-filter__grid{grid-template-columns:minmax(0,1fr)}.collection-filter__footer{flex-direction:column;align-items:flex-start}}.collection-card .thumb-img{transition:transform var(--motion-normal) var(--motion-ease)}.collection-card .readmore{transition:color var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease)}.collection-listing{transition:opacity var(--motion-fast) ease}.collection-listing.is-updating{opacity:.72}.collection-results.is-updating{animation:collection-result-update var(--motion-fast) var(--motion-ease)}.collection-filter button{transition:border-color var(--motion-fast) ease, background-color var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease)}@keyframes collection-result-update{50%{opacity:.45;transform:translateY(-2px)}}@media (hover:hover) and (pointer:fine){.collection-card:hover{transform:translateY(var(--motion-lift))}.collection-card:hover .thumb-img{transform:scale(var(--motion-image-scale))}.collection-card:hover .readmore{color:var(--gold);transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.collection-card .thumb-img,.collection-card .readmore,.collection-listing,.collection-filter button{transition:none}.collection-listing.is-updating{opacity:1}}