#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:rgb(var(--color-accent));color:rgb(var(--color-fill));box-shadow:0 4px 12px rgba(var(--color-accent),.35)}.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{view-transition-class:collection-card}::view-transition-group(*.collection-card){animation-duration:.38s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.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;transition:opacity .15s ease}.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;transition:opacity .15s ease}.collection-card:hover .type-chip,.collection-card:hover .score-chip,.collection-card:focus-within .type-chip,.collection-card:focus-within .score-chip{opacity:0}.title-overlay,.tags-overlay{position:absolute;left:0;right:0;pointer-events:none;padding:.5rem 1rem .75rem;color:#fff;opacity:0;transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .18s ease}.title-overlay{top:0;background:#000000bf;transform:translateY(-100%)}.tags-overlay{bottom:0;background:#000000b3;transform:translateY(100%)}.collection-card:hover .title-overlay,.collection-card:hover .tags-overlay,.collection-card:focus-within .title-overlay,.collection-card:focus-within .tags-overlay{opacity:1;transform:translateY(0)}.title-text{font-size:.875rem;line-height:1.25rem;font-weight:500;line-height:1.375;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.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)}@media (hover: none){.title-overlay{top:auto;bottom:0;padding-top:1.75rem;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);opacity:1;transform:none}.tags-overlay{display:none}.collection-card:focus-within .type-chip,.collection-card:focus-within .score-chip{opacity:1}}