.title-filters{display:flex;align-items:center;gap:12px;margin:28px 0}.title-filters label{color:var(--muted);font-size:13px}.title-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.title-collectible{position:relative;background:linear-gradient(140deg,#2e233640,#16131d);border:1px solid #49404f;border-radius:15px;padding:24px;display:flex;flex-direction:column;min-width:0}.title-collectible.unlocked{border-color:#8a693c}.title-collectible.equipped{border-color:#edca7a;box-shadow:0 0 25px #c5984117,inset 0 1px #ffe7ae44}.title-emblem{font-size:39px;line-height:1.2;color:var(--gold);margin-bottom:23px;text-shadow:0 0 22px #dcac5930}.title-collectible>.state{position:absolute;top:25px;right:18px;font-size:8px;color:#d0b994;border-color:#6a583d}.title-collectible.locked .title-emblem{color:#746b7a}.title-collectible h3{font-size:21px}.title-collectible p{font-size:13px;margin-bottom:20px}.title-collectible small{color:var(--muted);font-size:12px}.title-collectible form{margin-top:auto}.title-collectible .button{font-size:12px;width:100%;justify-content:center}.title-category[hidden]{display:none}@media(max-width:1250px){.title-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.title-grid{grid-template-columns:1fr}.title-collectible{padding:22px}.title-collectible h3{font-size:23px}}