.collections-section{padding-top:4px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:0 28px}.collection-card{display:block;min-height:355px;padding:23px;background:#fff;border:1px solid var(--line);border-radius:8px;transition:.18s ease}.collection-card:hover{border-color:#bdb8ee;box-shadow:0 14px 34px rgba(47,43,111,.1);transform:translateY(-3px)}.collection-character{background:#eeebff}.collection-monster{background:#edf5f1}.collection-item{background:#fff8e8}.collection-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.collection-index{color:#8d8ca3;font:500 9px 'DM Mono',monospace}.collection-top strong{color:var(--violet-dark);font-size:24px;letter-spacing:0}.collection-card h3{margin:31px 0 9px;font-size:25px;letter-spacing:0}.collection-card>p{max-width:280px;color:#77788d;font-size:12px;line-height:1.75;margin:0}.collection-preview{display:flex;gap:5px;height:102px;margin:23px 0 18px;overflow:hidden}.collection-preview img{width:31%;height:100%;object-fit:cover;background:#f7f7fb}.collection-text-preview{display:grid;gap:6px;height:102px;width:100%}.collection-text-preview span{display:flex;align-items:center;gap:10px;border-top:1px solid rgba(87,82,132,.17);padding:7px 0;color:#67677e;font-size:11px}.collection-text-preview span:last-child{border-bottom:1px solid rgba(87,82,132,.17)}.collection-text-preview b{color:#a09eb4;font:500 9px 'DM Mono',monospace}.collection-link{color:var(--violet-dark);font-size:10px;font-weight:800}.collection-link b{font-size:14px;font-weight:500;margin-left:4px}.library-tools .text-link{white-space:nowrap}@media(max-width:850px){.collection-grid{grid-template-columns:1fr}.collection-card{min-height:0}.collection-preview{max-width:420px}}@media(max-width:560px){.collection-grid{padding-left:18px;padding-right:18px}.collection-card{padding:20px}.collection-card h3{margin-top:22px}}
.collection-image-tile{width:31%;min-width:0;display:flex;flex-direction:column;gap:5px}.collection-image-tile img{width:100%;height:76px;object-fit:cover;background:#f7f7fb}.collection-image-tile span{display:flex;align-items:center;gap:4px;min-width:0;color:#67677e;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-image-tile b{color:#a09eb4;font:500 8px 'DM Mono',monospace}
.collection-image-preview{display:flex!important;align-items:flex-start;gap:5px;width:100%}
.collection-preview{height:126px}.collection-preview>.collection-image-tile{width:calc((100% - 10px) / 3)}.collection-image-tile img{height:auto;aspect-ratio:1 / 1;object-fit:contain}.collection-preview>.collection-image-tile span{height:17px}