#collection{padding-bottom:2rem;padding-top:.5rem}.notice{margin-top:1rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--color-border),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--color-card),var(--tw-bg-opacity, 1));padding:1rem;font-size:.875rem;line-height:1.25rem;color:rgba(var(--color-text-base),.8)}.collection-group{margin-top:.5rem}.filters{margin-bottom:2rem;display:flex;flex-direction:column;gap:.75rem}.type-row{display:flex;flex-wrap:wrap;gap:.75rem}.filter-row{display:flex;flex-wrap:wrap;gap:.5rem}.divider{height:1px;width:100%;background-color:rgba(var(--color-border),.7)}.type-item{display:flex;align-items:center;gap:.5rem;border-radius:.375rem;padding:.25rem .5rem;font-size:1rem;line-height:1.5rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:rgb(var(--color-text-base))}.type-item .type-count{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgba(var(--color-card),var(--tw-bg-opacity, 1));padding:.125rem .5rem;font-size:.75rem;line-height:1rem}.type-item.active{color:rgb(var(--color-accent))}.type-item:not(.active):hover{color:rgb(var(--color-text-base));text-decoration:underline}.type-item.disabled{opacity:.6}.filter-pill{display:flex;align-items:center;gap:.5rem;border-radius:9999px;border-width:1px;border-color:transparent;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background:rgb(var(--color-card));color:rgb(var(--color-text-base))}.filter-pill .pill-count{font-size:.75rem;line-height:1rem;opacity:.75}.filter-pill.active{background:linear-gradient(135deg,#6aa9ff,#4f8dff);color:#fff;box-shadow:0 4px 12px #4f8dff59}.filter-pill:not(.active):hover{background:rgba(var(--color-card-muted),.8)}.filter-pill.disabled{opacity:.6}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (min-width: 640px){.collection-grid{gap:1rem}}@media (min-width: 960px){.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.collection-card{overflow:hidden;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--color-border),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--color-card),var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.collection-card:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.collection-card a{display:block;height:100%}.thumb{position:relative;height:16rem;width:100%;overflow:hidden}@media (min-width: 640px){.thumb{height:18rem}}.collection-card img,.placeholder{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.placeholder{display:flex;height:100%;width:100%;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:rgba(var(--color-card),var(--tw-bg-opacity, 1));font-size:1.875rem;line-height:2.25rem;font-weight:600;color:rgba(var(--color-text-base),.6)}.type-chip{position:absolute;left:.75rem;top:.75rem;display:flex;align-items:center;gap:.5rem;border-radius:9999px;background-color:rgba(var(--color-card-muted),.9);padding:.125rem .5rem;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.collection-card:hover .type-chip{opacity:0}.score-chip{position:absolute;right:.75rem;top:.75rem;border-radius:9999px;background-color:rgba(var(--color-card-muted),.9);padding:.125rem .5rem;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.collection-card:hover .score-chip{opacity:0}.title-overlay{position:absolute;left:0;right:0;top:0;overflow:hidden;pointer-events:none;height:0;transition:height .18s ease,padding .18s ease,background-color .18s ease;background:#000000bf;color:#fff}.collection-card:hover .title-overlay{height:auto;padding:.5rem 1rem .75rem}.title-text{font-size:.875rem;line-height:1.25rem;font-weight:500;line-height:1.375;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.tags-overlay{position:absolute;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;height:0;transition:height .18s ease,padding .18s ease,background-color .18s ease;background:#000000b3;color:#fff}.collection-card:hover .tags-overlay{height:auto;padding:.5rem 1rem .75rem}.tags-text{font-size:.75rem;line-height:1rem;white-space:normal;overflow-wrap:anywhere}.muted{font-size:.875rem;line-height:1.25rem;color:rgba(var(--color-text-base),.7)}.pager{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.pager-btn{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgba(var(--color-card),var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pager-btn:hover{--tw-bg-opacity: 1;background-color:rgba(var(--color-card-muted),var(--tw-bg-opacity, 1))}.pager-meta{font-size:.875rem;line-height:1.25rem;color:rgba(var(--color-text-base),.8)}