/* Collections share the native page width, typography, controls and single page scroll. */
.collections-page{min-width:0}.collections-page>h1{margin-bottom:12px}.collection-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:24px 0}.collection-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:64px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--paper);font:inherit;padding:10px;cursor:pointer;min-width:0}.collection-tabs button[aria-pressed=true]{border-color:var(--seer);background:#c49fff22}.collection-tabs span{min-width:0;overflow-wrap:anywhere}.collection-tabs small{display:block;color:var(--mist);font-size:.75rem;margin-top:4px}.collection-tabs .emo{width:25px;height:25px;flex-shrink:0}.coll-spend{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--line);border-radius:20px;margin-bottom:24px;background:var(--surface)}.coll-spend>.emo{width:34px;height:34px;flex-shrink:0}.coll-spend p{margin:6px 0;font-size:.85rem;color:var(--mist)}.coll-spend span{font-size:.8rem;color:#82eed7}.coll-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:24px;align-items:start}.coll-panel{min-width:0;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}.coll-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.coll-heading h2{margin:0}.coll-heading>strong{color:var(--mist);white-space:nowrap}.coll-filters{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.coll-filters button{min-height:44px;border:1px solid var(--line);border-radius:24px;padding:8px 16px;color:var(--paper);background:transparent;font:inherit;cursor:pointer}.coll-filters button[aria-pressed=true]{border-color:var(--seer);background:#c49fff22}.coll-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px}.coll-grid:not(.zodiac){grid-template-columns:repeat(4,minmax(0,1fr))}.coll-card{position:relative;min-width:0;background:none;color:var(--paper);border:0;padding:0;font:inherit;text-align:left;cursor:pointer}.coll-card strong,.coll-card small{display:block;overflow-wrap:anywhere}.coll-card strong{font-size:.8rem;margin:10px 0 4px}.coll-card small{font-size:.72rem;color:var(--mist)}.coll-card .coll-owned,.coll-owned{color:#82eed7}.coll-face{display:grid;width:100%;aspect-ratio:320/551;place-items:center;position:relative;border-radius:12px;overflow:hidden}.coll-face>img,.coll-face>svg{display:block;width:100%;height:100%;object-fit:contain}.zodiac .coll-face{aspect-ratio:2/3}.coll-face.empty{border:1px solid var(--line);background:repeating-linear-gradient(45deg,transparent,transparent 12px,#c49fff08 12px,#c49fff08 13px),#39294f66}.coll-face.empty>.emo{width:32px;height:32px;color:#ffda85}.coll-card[aria-pressed=true] .coll-face{outline:2px solid #82eed7;outline-offset:4px}.coll-new{position:absolute;right:4px;top:4px;z-index:1;border-radius:12px;background:#82eed7;color:#18372f;padding:4px 7px;font-size:.6rem;font-weight:700}.coll-detail{position:sticky;top:20px}.coll-detail-art{height:min(340px,45dvh);margin:0 auto 24px;max-width:100%;aspect-ratio:2/3}.coll-detail-art>img,.coll-detail-art>svg{height:100%;width:100%;object-fit:contain;display:block}.coll-detail h3{font:500 1.8rem/1.3 var(--f-display);margin:12px 0}.coll-detail-text{font-size:.9rem;line-height:1.75}.coll-note{font-size:.75rem;color:var(--mist);margin:24px 0;line-height:1.7}.coll-empty{text-align:center}.coll-empty h3{font:500 1.4rem/1.4 var(--f-display)}.coll-empty p{color:var(--mist);font-size:.85rem}.coll-empty-face{aspect-ratio:2/3;width:min(180px,70%);border:1px solid var(--line);border-radius:16px;margin:0 auto 24px;display:grid;place-items:center;background:#c49fff0b}.coll-empty-face .emo{width:42px;height:42px}.coll-panel>[data-collection-more]{margin-top:24px;width:100%}.collection-card-dialog{max-width:560px}.collection-card-dialog .sheet-in{overflow:visible;text-align:center}.collection-card-dialog h3{font:500 1.7rem/1.3 var(--f-display)}.collection-card-dialog .coll-detail-art{height:min(350px,48dvh)}
@media(max-width:900px){.coll-grid:not(.zodiac){grid-template-columns:repeat(3,minmax(0,1fr))}.coll-panel{padding:18px}.coll-layout{gap:16px;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr)}}
@media(max-width:649px){.collection-tabs{gap:6px}.collection-tabs button{flex-direction:column;gap:6px;padding:10px 4px;font-size:.72rem;line-height:1.5;border-radius:14px}.collection-tabs small{font-size:.68rem}.coll-layout{display:block}.coll-detail{display:none}.coll-grid,.coll-grid:not(.zodiac){grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.coll-panel{padding:18px 14px}.coll-card strong{font-size:.73rem}.coll-card small{font-size:.66rem}.coll-filters{margin:20px 0}.coll-spend{padding:16px 14px;gap:12px}.coll-spend strong{font-size:.85rem}.coll-heading h2{font-size:1.6rem}.coll-heading>strong{font-size:.9rem}.collection-entry{padding:18px 14px;gap:12px;grid-template-columns:54px minmax(0,1fr) 16px}.collection-entry>.collection-entry-art{transform:scale(.8);transform-origin:left center;width:54px}.collection-entry-copy strong{font-size:1.25rem}.collection-entry-copy>span{font-size:.69rem}}
@media(max-height:450px) and (orientation:landscape){.collection-card-dialog .sheet-in{display:grid;grid-template-columns:minmax(100px,1fr) 1.5fr;gap:12px 22px;text-align:left}.collection-card-dialog .coll-detail-art{grid-row:1/6;height:185px;margin:0 auto}.collection-card-dialog .kicker,.collection-card-dialog h3,.collection-card-dialog p{margin:0}.collection-card-dialog .coll-detail-text{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.collection-entry.pulse,.collections-chest-flash{animation:none}}
.collection-card-dialog[open]{display:block;overflow:auto;max-height:calc(100dvh - 24px);margin:auto}.collection-card-dialog .coll-detail-art{height:min(350px,max(100px,calc(100dvh - 315px)))}
@media(max-height:450px) and (orientation:landscape){.collection-card-dialog .coll-detail-art{height:min(185px,calc(100dvh - 120px))}}