.collection-page{--brand-soft:color-mix(in srgb,var(--brand) 55%,var(--surface));--brand-strong:color-mix(in srgb,var(--brand) 78%,#000);--brand-tint:color-mix(in srgb,var(--brand) 10%,var(--surface));--accent-strong:color-mix(in srgb,var(--accent) 72%,#000);--accent-tint:color-mix(in srgb,var(--accent) 13%,var(--surface));--gold-tint:color-mix(in srgb,var(--gold) 15%,var(--surface));--surface-2:var(--surface-muted);--surface-3:color-mix(in srgb,var(--surface-muted) 62%,var(--line));--ink-2:var(--muted-foreground);--ink-3:var(--faint);--line-2:var(--border);--line-strong:color-mix(in srgb,var(--border) 62%,var(--foreground));--success:#2f9e6f;--r-sm:10px;--r-lg:18px;--r-pill:999px;--sh-1:var(--sh);--sh-2:var(--shl);--serif:var(--font-serif);--mono:var(--font-mono);--ease:cubic-bezier(0.16,1,0.3,1);--collection-safe-bottom:env(safe-area-inset-bottom,0px);max-width:880px;margin:0 auto;padding:clamp(1.1rem,4vw,2.4rem) clamp(.9rem,3vw,1.4rem) 3rem}.collection-page .col-back-link{margin-bottom:1rem;min-height:44px}.collection-page .col-status{text-align:center;color:var(--ink-2);font-size:.9rem;padding:3rem 1rem}.collection-page .col-status-error{display:flex;flex-direction:column;align-items:center;gap:1rem}.collection-page .col-session-notice{max-width:560px;margin:0 auto 1rem;padding:12px 14px;border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));border-radius:var(--r-sm);background:var(--gold-tint);color:var(--ink-2);font-size:.82rem;line-height:1.55}.collection-page.collection-status-app .collection-status-surface{min-height:320px;align-items:center;justify-content:center}.collection-page .col-guest{text-align:center;max-width:420px;margin:2.5rem auto;display:flex;flex-direction:column;align-items:center;gap:.6rem}.collection-page .col-guest>svg{width:34px;height:34px;color:var(--accent-strong)}.collection-page .col-guest h1{font-family:var(--serif);font-size:1.3rem;color:var(--brand);line-height:1.35}.collection-page .col-guest p{font-size:.88rem;color:var(--ink-2);line-height:1.6}.collection-page .col-guest-cta{margin-top:.5rem;min-height:44px}.collection-page .col-hero{margin-bottom:1.1rem}.collection-page .col-kicker{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;color:var(--accent-strong);font-weight:700;margin-bottom:.3rem}.collection-page .col-title{font-family:var(--serif);font-size:clamp(1.5rem,4vw,2rem);color:var(--brand);line-height:1.2}.collection-page .col-sub{font-size:.86rem;color:var(--ink-2);margin-top:.4rem;line-height:1.55}.collection-page .col-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:clamp(24px,4vw,40px)}.collection-page .col-filter{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 15px;border-radius:var(--r-pill);font-size:.8rem;font-weight:700;color:var(--ink-2);background:var(--surface);border:1px solid var(--line-2);transition:transform var(--dur,.15s) var(--ease),border-color var(--dur,.15s),color var(--dur,.15s)}.collection-page .col-filter:hover{border-color:var(--brand-soft);color:var(--brand);transform:translateY(-1px)}.collection-page .col-filter svg{width:14px;height:14px;opacity:.8}.collection-page .col-filter-n{font-family:var(--mono);font-size:.62rem;color:var(--ink-3);font-weight:700}.collection-page .col-filter.on{background:var(--brand);color:#fff;border-color:transparent;box-shadow:var(--sh-1)}.collection-page .col-filter.on .col-filter-n{color:rgba(255,255,255,.72)}.collection-page .col-filter.on .col-glyph{color:#fff}.collection-page .col-sum{display:flex;flex-wrap:wrap;gap:8px;margin:1rem 0}.collection-page .col-sum-cell{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line)}.collection-page .col-sum-cell svg{width:16px;height:16px;color:var(--accent-strong)}.collection-page .col-sum-cell b{font-family:var(--mono);font-size:.95rem;font-weight:800;color:var(--brand);display:block}.collection-page .col-sum-cell span{font-size:.66rem;color:var(--ink-3);font-weight:600}.collection-page .col-prog{margin:.5rem 0 .6rem}.collection-page .col-prog-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.collection-page .col-prog-t{font-weight:800;font-size:.9rem;color:var(--ink)}.collection-page .col-prog-v{font-family:var(--mono);font-size:.72rem;color:var(--accent-strong);font-weight:700;white-space:nowrap}.collection-page .col-track-wrap{position:relative}.collection-page .col-track{height:8px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden}.collection-page .col-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent),var(--accent-strong));transform-origin:left;animation:colGrow .9s var(--ease) both}.collection-page .col-msticks{position:absolute;inset:0;overflow:hidden;border-radius:var(--r-pill);pointer-events:none}.collection-page .col-mstick{position:absolute;top:50%;width:7px;height:7px;border-radius:50%;transform:translate(-50%,-50%);background:var(--surface);border:1.5px solid var(--line-2);transition:background var(--dur,.2s),border-color var(--dur,.2s),transform var(--dur,.2s) var(--ease)}.collection-page .col-mstick.done{background:var(--accent-strong);border-color:var(--accent-strong)}.collection-page .col-mstick.next{background:var(--gold);border-color:var(--gold);animation:colGlow 1.8s ease-in-out infinite}.collection-page .col-mstick.wait{background:var(--surface-3);border-color:var(--line-2)}.collection-page .col-zeig{display:flex;align-items:flex-start;gap:8px;font-size:.8rem;color:var(--ink-2);line-height:1.5;padding:10px 12px;border-radius:var(--r);margin:.6rem 0 1.4rem;background:linear-gradient(120deg,var(--accent-tint),transparent);border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line))}.collection-page .col-zeig.done{background:linear-gradient(120deg,var(--gold-tint),transparent);border-color:color-mix(in srgb,var(--gold) 30%,var(--line))}.collection-page .col-zeig svg{width:15px;height:15px;color:var(--accent);flex:none;margin-top:2px}.collection-page .col-zeig.done svg{color:var(--gold)}.collection-page .col-zeig b{color:var(--brand);font-weight:800}.collection-page .col-rewards{margin:0 0 1.5rem;padding:14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-1)}.collection-page .col-reward-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.78rem;color:var(--ink-2)}.collection-page .col-reward-head span{display:inline-flex;align-items:center;gap:6px;font-weight:700}.collection-page .col-reward-head svg{width:15px;height:15px;color:var(--gold)}.collection-page .col-reward-head b{font-family:var(--mono);color:var(--brand)}.collection-page .col-reward-track{height:9px;margin:9px 0 12px;overflow:hidden;border-radius:var(--r-pill);background:var(--surface-3)}.collection-page .col-reward-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.collection-page .col-reward-toast{display:flex;align-items:center;gap:7px;margin-bottom:10px;padding:8px 10px;border-radius:10px;background:var(--gold-tint);color:var(--gold);font-size:.7rem;font-weight:700}.collection-page .col-reward-toast svg{width:14px;height:14px}.collection-page .col-mstones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.collection-page .col-mst{min-width:0;padding:10px 8px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);text-align:center}.collection-page .col-mst.done{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.collection-page .col-mst.next{border-color:color-mix(in srgb,var(--gold) 42%,var(--line))}.collection-page .col-mst strong{display:block;color:var(--brand);font-family:var(--mono);font-size:.76rem}.collection-page .col-mst span{display:flex;align-items:center;justify-content:center;gap:4px;min-height:34px;margin-top:4px;color:var(--ink-2);font-size:.66rem;line-height:1.3}.collection-page .col-mst span svg{width:13px;height:13px;color:var(--gold);flex:none}.collection-page .col-mst small{display:block;color:var(--ink-3);font-size:.58rem}.collection-page .col-mst.done small{color:var(--accent-strong);font-weight:700}.collection-page .col-section{margin-bottom:1.6rem}.collection-page .col-subhead{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.9rem;color:var(--ink);margin-bottom:.7rem}.collection-page .col-cnt{margin-left:auto;font-family:var(--mono);font-size:.68rem;color:var(--ink-3);font-weight:700}.collection-page .col-section-desc{font-size:.78rem;color:var(--ink-2);line-height:1.55;margin:-.2rem 0 1rem}.collection-page .col-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:9px}.collection-page .col-grid.small{grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}.collection-page .col-cell{position:relative;aspect-ratio:2/3;border-radius:9px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2);display:grid;place-items:center;width:100%;transition:transform var(--dur,.18s) var(--ease),box-shadow var(--dur,.18s);animation:colReveal .56s var(--ease) both;animation-delay:calc(min(var(--i, 0), 26) * 14ms)}.collection-page .col-cell.img{cursor:pointer;box-shadow:var(--sh-1)}.collection-page .col-cell.img:focus-visible,.collection-page .col-cell.img:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}.collection-page .col-cell.img:active{transform:translateY(-1px) scale(.98);transition-duration:90ms}.collection-page .col-cell.img:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.collection-page .col-cell img{width:100%;height:100%;object-fit:cover}.collection-page .col-num{position:absolute;left:0;right:0;bottom:0;text-align:center;font-family:var(--mono);font-size:.5rem;font-weight:700;letter-spacing:.03em;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.55));padding:8px 0 2px;pointer-events:none}.collection-page .col-got{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:var(--sh-1);z-index:2}.collection-page .col-got svg{width:10px;height:10px}.collection-page .col-cell:has(.col-back){border-color:color-mix(in srgb,var(--brand) 42%,transparent)}.collection-page .col-back{display:grid;place-items:center;width:100%;height:100%;position:relative;background:radial-gradient(120% 92% at 50% 8%,color-mix(in srgb,var(--brand-soft) 62%,var(--brand)) 0,var(--brand-strong) 72%)}.collection-page .col-back:after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.16);border-radius:6px;pointer-events:none}.collection-page .col-emb{width:50%;height:50%;color:var(--gold);opacity:.92}.collection-page .col-cell:has(.col-back) .col-num{color:rgba(255,255,255,.82);background:none;padding-bottom:3px}.collection-page .col-cell.lock{border-style:dashed;border-color:var(--line-2);background:repeating-linear-gradient(135deg,var(--surface-2),var(--surface-2) 7px,var(--surface-3) 7px,var(--surface-3) 14px)}.collection-page .col-sil{position:absolute;inset:20% 24%;color:var(--ink-3);opacity:.2}.collection-page .col-cell.lock .col-lk{width:17px;height:17px;color:var(--ink-3);opacity:.7;z-index:1}.collection-page .col-cell.lock .col-num{color:var(--ink-3);background:none}.collection-page .col-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:14px 8px}.collection-page .col-sbadge{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;width:100%;color:inherit;animation:colReveal .56s var(--ease) both;animation-delay:calc(min(var(--i, 0), 26) * 24ms)}.collection-page .col-sb-disc{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;position:relative;transition:transform var(--dur,.15s) var(--ease)}.collection-page .col-sbadge.got .col-sb-disc{background:color-mix(in srgb,var(--accent-strong) 16%,var(--surface));color:var(--accent-strong);border:1px solid color-mix(in srgb,var(--accent-strong) 42%,transparent);box-shadow:var(--sh-1)}.collection-page .col-sbadge.got:focus-visible .col-sb-disc,.collection-page .col-sbadge.got:hover .col-sb-disc{transform:translateY(-2px)}.collection-page .col-sbadge.got:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--r-sm)}.collection-page .col-sbadge.locked .col-sb-disc{background:var(--surface-2);color:var(--ink-3);border:1px dashed var(--line-2)}.collection-page .col-sb-disc>svg{width:20px;height:20px}.collection-page .col-sb-glyph{font-family:var(--serif);font-size:1.15rem;line-height:1;color:var(--accent-strong)}.collection-page .col-sb-got{position:absolute;bottom:-3px;right:-3px;width:16px;height:16px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;border:2px solid var(--surface)}.collection-page .col-sb-got svg{width:9px;height:9px}.collection-page .col-sb-label{font-size:.72rem;font-weight:700;color:var(--ink-2)}.collection-page .col-sbadge.locked .col-sb-label{color:var(--ink-3)}.collection-page .col-sb-state{font-size:.55rem;font-family:var(--mono);color:var(--ink-3);letter-spacing:.02em}.collection-page .col-sbadge.got .col-sb-state{color:var(--accent-strong)}.collection-page .col-glyph{font-family:var(--font-symbol,var(--serif));color:var(--accent-strong);line-height:1}.collection-page .col-zgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px}.collection-page .col-zsign{aspect-ratio:1;border-radius:12px;display:grid;place-items:center;font-size:1.3rem;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-3);position:relative;animation:colReveal .56s var(--ease) both;animation-delay:calc(min(var(--i, 0), 26) * 30ms)}.collection-page .col-zsign.got{background:color-mix(in srgb,var(--accent-strong) 14%,var(--surface));color:var(--accent-strong);border-color:color-mix(in srgb,var(--accent-strong) 40%,transparent);box-shadow:var(--sh-1);transition:transform var(--dur,.15s) var(--ease),box-shadow var(--dur,.15s)}.collection-page .col-zsign.got:focus-visible,.collection-page .col-zsign.got:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}.collection-page .col-zsign.got:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.collection-page .col-zsign.locked{opacity:.5}.collection-page .col-zsign.locked:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent,transparent 5px,var(--surface-3) 5px,var(--surface-3) 10px);border-radius:12px;opacity:.6}.collection-page .col-zgot{position:absolute;top:4px;right:4px;width:15px;height:15px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:var(--sh-1)}.collection-page .col-zgot svg{width:9px;height:9px}.collection-page .col-tool-grid{display:flex;flex-wrap:wrap;gap:8px}.collection-page .col-tool-count-pill{margin-left:auto;padding:3px 9px;border-radius:var(--r-pill);background:var(--brand-tint);color:var(--brand);font-family:var(--mono);font-size:.62rem;font-weight:800;white-space:nowrap}.collection-page .col-tool-item{min-height:44px;max-width:100%;padding:0 12px;border-radius:var(--r-pill);border:1px solid var(--line-2);display:inline-flex;align-items:center;gap:7px;background:var(--surface);color:var(--ink-2);font-size:.76rem;font-weight:700}.collection-page .col-tool-item>span{min-width:0;overflow-wrap:anywhere}.collection-page button.col-tool-item{cursor:pointer}.collection-page .col-tool-item>svg{width:14px;height:14px;flex:none}.collection-page .col-tool-item small{font-family:var(--mono);font-size:.58rem;color:inherit;opacity:.76}.collection-page .col-tool-item.got{border-color:color-mix(in srgb,var(--success) 38%,var(--line));background:color-mix(in srgb,var(--success) 11%,var(--surface));color:var(--success)}.collection-page .col-tool-item.locked{color:var(--faint);background:var(--surface-2)}.collection-page .col-note{display:flex;align-items:flex-start;gap:9px;margin-top:1.4rem;font-size:.76rem;color:var(--ink-2);line-height:1.6;padding:11px 13px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line)}.collection-page .col-note svg{width:15px;height:15px;color:var(--accent-strong);flex:none;margin-top:1px}.collection-page .col-sheet-backdrop{position:fixed;inset:0;z-index:60;background:rgba(20,16,32,.5);display:grid;place-items:end center;padding:0;padding-bottom:var(--collection-safe-bottom);animation:colFade .18s var(--ease)}@media (min-width:640px){.collection-page .col-sheet-backdrop{place-items:center;padding:1rem 1rem calc(1rem + var(--collection-safe-bottom))}}.collection-page .col-sheet{position:relative;box-sizing:border-box;width:100%;max-width:460px;max-height:calc(min(100vh, 100dvh) - env(safe-area-inset-top, 0px) - var(--collection-safe-bottom));overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--sh-2);padding:1.3rem 1.2rem 1.5rem;animation:colUp .24s var(--ease)}@media (min-width:640px){.collection-page .col-sheet{max-height:calc(min(100vh, 100dvh) - 2rem - env(safe-area-inset-top, 0px) - var(--collection-safe-bottom));border-radius:var(--r-lg)}}.collection-page .col-sheet-x{position:absolute;top:6px;right:6px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--ink-3);background:var(--surface-2)}.collection-page .col-sheet-x:hover{color:var(--foreground)}.collection-page .col-sheet-x svg{width:16px;height:16px}.collection-page .col-dsheet{display:flex;gap:15px}.collection-page .col-dimg{position:relative;width:96px;flex:none;aspect-ratio:2/3;border-radius:11px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-2)}.collection-page .col-dimg img{width:100%;height:100%;object-fit:cover}.collection-page .col-back.big{width:100%;height:100%}.collection-page .col-dmark{position:relative;width:96px;height:96px;flex:none;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent-strong) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--accent-strong) 40%,transparent);box-shadow:var(--sh-2)}.collection-page .col-dmark .col-sb-glyph{font-size:1.65rem}.collection-page .col-dmark .col-glyph{font-size:2.25rem}.collection-page .col-dmark.tool>svg:not(.col-got){width:38px;height:38px;color:var(--accent-strong)}.collection-page .col-dmeta{min-width:0;flex:1;padding-top:4px}.collection-page .col-dk{font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}.collection-page .col-dt{font-family:var(--serif);font-size:1.25rem;color:var(--brand);line-height:1.2}.collection-page .col-dfacts{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.collection-page .col-dfact{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);font-size:.68rem;font-weight:700;color:var(--ink-2)}.collection-page .col-dfact svg{width:12px;height:12px;color:var(--accent-strong)}.collection-page .col-dmean{margin-top:14px;border-radius:var(--r);padding:12px 13px;background:linear-gradient(135deg,var(--brand-tint),transparent);border:1px solid var(--line)}.collection-page .col-dmean-lab{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:5px}.collection-page .col-dmean p{font-size:.9rem;line-height:1.62;color:var(--ink-2)}.collection-page .col-dnote{display:flex;align-items:flex-start;gap:8px;margin-top:12px;font-size:.72rem;color:var(--ink-3);line-height:1.55}.collection-page .col-dnote svg{width:13px;height:13px;color:var(--accent-strong);flex:none;margin-top:2px}.collection-page .col-tool-session-link{min-height:44px;margin-top:12px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--r);display:flex;align-items:center;gap:9px;background:var(--surface-2);color:var(--ink-2)}.collection-page .col-tool-session-link:hover{border-color:var(--brand-soft);color:var(--brand)}.collection-page .col-tool-session-link>svg{width:16px;height:16px;flex:none;color:var(--accent-strong)}.collection-page .col-tool-session-link>span{min-width:0;display:flex;flex-direction:column;gap:1px}.collection-page .col-tool-session-link small{color:var(--ink-3);font-size:.62rem}.collection-page .col-tool-session-link strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}@keyframes colFade{0%{opacity:0}to{opacity:1}}@keyframes colUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes colReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes colGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes colGlow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--gold) 45%,transparent)}50%{box-shadow:0 0 0 5px transparent}}@media (prefers-reduced-motion:reduce){.collection-page *{animation:none!important;transition:none!important}}.collection-page{width:100%;max-width:none;margin:0;padding:0;font-size:16px;line-height:1.6}.col-filter-backdrop,.collection-mobile-appbar,.collection-mobile-bottom{display:none}.collection-page>.col-filters{width:min(100%,1198px);margin:24px auto}.col-filter-tabs{display:contents}.col-mobile-account-actions,.col-mobile-menu-head{display:none}.collection-surface{display:flex;width:min(100%,1198px);margin:0 auto;padding:28px;flex-direction:column;background:var(--bg)}.collection-surface>.col-core-head{order:1}.collection-surface>.col-prog{order:2}.collection-surface>.col-zeig{order:3}.collection-surface>.col-primary-section{order:4}.collection-surface>.col-section:not(.col-primary-section){order:5}.collection-surface>.col-rewards{order:6}.collection-surface>.col-note{order:7}.col-core-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.collection-page .col-core-copy .col-subhead{gap:8px;margin:0;font-size:1.05rem}.collection-page .col-core-copy .col-subhead svg{width:16px;height:16px;color:var(--accent-strong)}.col-core-copy p{margin-top:2px;color:var(--ink-3);font-size:.78rem;line-height:1.6}.collection-page .col-core-head .col-sum{margin:0;gap:8px}.collection-page .col-core-head .col-sum-cell{gap:8px;padding:8px 12px;border-radius:var(--r)}.collection-page .col-core-head .col-sum-cell svg{width:15px;height:15px}.collection-page .col-core-head .col-sum-cell b{font-size:.82rem;line-height:1.6}.collection-page .col-core-head .col-sum-cell span{display:block;font-size:.66rem;line-height:1.6}.collection-page .collection-surface>.col-prog{margin:2px 0 12px}.collection-page .col-prog-top{margin-bottom:7px}.collection-page .col-prog-t{display:flex;align-items:center;gap:7px;font-size:.92rem}.collection-page .col-prog-t svg{width:15px;height:15px;color:var(--accent-strong)}.collection-page .col-prog-v{font-size:.74rem}.collection-page .col-track{height:7px}.collection-page .collection-surface>.col-zeig{min-height:23.34375px;margin:8px 0 16px;padding:2px 0 2px 11px;border:0;border-left:2px solid var(--accent);border-radius:0;background:transparent;font-size:.78rem;line-height:1.55}.collection-page .collection-surface>.col-zeig svg{width:14px;height:14px;margin-top:3px}.collection-page .col-primary-section>.col-subhead{display:none}.collection-page .col-section{width:100%;margin-bottom:16px}.collection-page .col-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px}.collection-page .col-grid.small{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:7px}.collection-page .col-got{width:15px;height:15px}.collection-page .col-got svg{width:9px;height:9px}.collection-page .col-sil{inset:18% 22%;opacity:.22;filter:blur(1.4px)}.collection-page .col-cell.lock .col-lk{width:19px;height:19px;opacity:.72}.collection-page .collection-surface>.col-rewards{margin:8px 0 24px}@media (max-width:639px){body:has(.collection-page.app) .site-footer,body:has(.collection-page.app) .site-header{display:none}.collection-page{display:flex;height:100dvh;min-height:0;overflow:hidden;flex-direction:column;background:var(--surface);font-size:14px;line-height:1.6}.collection-mobile-appbar{display:flex;width:100%;height:calc(55px + env(safe-area-inset-top, 0px));flex:0 0 calc(55px + env(safe-area-inset-top, 0px));align-items:center;gap:10px;padding:calc(5px + env(safe-area-inset-top, 0px)) 10px 5px;border-bottom:1px solid var(--line);background:var(--surface-glass)}.collection-mobile-appbar>span:nth-child(2){flex:1;color:var(--ink);font-size:.78rem;font-weight:800;text-align:center}.col-mobile-menu{position:relative;display:grid;width:44px;height:44px;flex:none;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--ink-2)}.col-mobile-menu:before{position:absolute;width:30px;height:30px;border-radius:50%;background:var(--surface-2);content:""}.col-mobile-menu svg{position:relative;width:19px;height:19px}.collection-mobile-appbar .credit-pill{min-width:45px;height:30px;justify-content:center}.collection-page>.col-filters{display:none;width:auto;margin:0}.collection-page>.col-filters.mobile-open{--collection-menu-top:calc(63px + env(safe-area-inset-top, 0px));position:fixed;z-index:81;top:var(--collection-menu-top);right:14px;left:14px;display:flex;max-height:calc(100dvh - var(--collection-menu-top) - env(safe-area-inset-bottom, 0px) - 12px);align-items:stretch;flex-direction:column;gap:4px;overflow-y:auto;overscroll-behavior:contain;padding:10px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-2)}.collection-page>.col-filters.mobile-open .col-mobile-menu-head{display:flex;min-height:38px;align-items:center;justify-content:space-between;padding:0 4px 6px 8px;border-bottom:1px solid var(--line)}.col-mobile-menu-head strong{color:var(--ink);font-size:.78rem;font-weight:800}.col-mobile-menu-head button{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;color:var(--ink-2)}.col-mobile-menu-head button svg{width:17px;height:17px}.collection-page>.col-filters.mobile-open .col-filter-tabs{display:flex;flex-direction:column;gap:4px}.collection-page>.col-filters.mobile-open .col-filter{width:100%;min-height:44px;justify-content:flex-start}.collection-page>.col-filters.mobile-open .col-mobile-account-actions{display:flex;width:100%;flex-direction:column;gap:2px;margin-top:6px;padding-top:8px;border-top:1px solid var(--line)}.col-mobile-account-actions>a,.col-mobile-account-actions>button{display:inline-flex;width:100%;min-height:44px;align-items:center;justify-content:flex-start;gap:10px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--ink-2);font-size:.76rem;font-weight:700;text-align:left}.col-mobile-account-actions>a:focus-visible,.col-mobile-account-actions>a:hover,.col-mobile-account-actions>button:focus-visible,.col-mobile-account-actions>button:hover{background:var(--surface-2)}.col-mobile-account-actions>.danger{color:var(--danger,#b54545)}.col-mobile-account-actions svg{width:16px;height:16px;flex:none}.col-mobile-account-actions>button:disabled{cursor:wait;opacity:.62}.col-mobile-logout-status{min-height:0;margin:0;padding:0 12px;color:var(--ink-3);font-size:.68rem;line-height:1.45}.col-mobile-logout-status:not(:empty){padding-top:5px;padding-bottom:5px}.col-mobile-logout-status.error{color:var(--danger,#b54545)}.col-filter-backdrop{position:fixed;z-index:80;inset:0;display:block;background:rgba(20,16,32,.28)}.collection-surface{width:100%;min-height:0;margin:0;padding:14px;flex:1;overflow-y:auto;background:var(--surface);scrollbar-width:none}.collection-page.collection-status-app .collection-status-surface{min-height:0}.collection-surface::-webkit-scrollbar{display:none}.collection-page .col-core-head{display:none}.collection-page .collection-surface>.col-prog{margin:2px 0 12px}.collection-page .collection-surface>.col-zeig{margin:6px 0 12px}.collection-page .col-grid,.collection-page .col-grid.small{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:7px}.collection-page .col-section{margin-bottom:12px}.collection-page .collection-surface>.col-rewards{margin-top:12px}.collection-mobile-bottom{display:flex;width:100%;height:calc(65px + env(safe-area-inset-bottom, 0px));flex:0 0 calc(65px + env(safe-area-inset-bottom, 0px));align-items:center;justify-content:space-between;padding:10px 14px calc(10px + env(safe-area-inset-bottom, 0px));border-top:1px solid var(--line);background:var(--surface-glass)}.collection-mobile-bottom>button,.collection-mobile-bottom>span{display:inline-flex;align-items:center;gap:6px;padding:0 13px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);color:var(--ink-2);font-size:.72rem;font-weight:700}.collection-mobile-bottom>span{height:30px;border:0;background:var(--brand-tint);color:var(--brand)}.collection-mobile-bottom>button{height:44px;flex:none}.collection-mobile-bottom svg{width:13px;height:13px}.collection-share-notice{position:fixed;z-index:90;right:14px;bottom:calc(73px + env(safe-area-inset-bottom, 0px));left:14px;padding:9px 12px;border-radius:var(--r);background:var(--brand);color:#fff;font-size:.72rem;text-align:center;box-shadow:var(--sh-2)}}.collection-share-error{position:fixed;z-index:160;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;max-width:min(92vw,520px);padding:11px 14px;border:1px solid color-mix(in srgb,#d2465c 32%,transparent);border-radius:14px;background:var(--surface,#fff);color:#a6293d;box-shadow:0 14px 38px rgba(49,28,62,.18);transform:translateX(-50%)}.collection-share-error button{flex:none;border:0;background:transparent;color:inherit;font-weight:800;text-decoration:underline}.collection-share-manager{display:flex;flex-direction:column;align-items:center;padding:26px 24px 22px;text-align:center}.collection-share-manager>svg{width:32px;height:32px;color:var(--p1,#7050e8)}.collection-share-manager h2{margin:12px 0 7px;font-size:21px}.collection-share-manager>p{margin:0 0 18px;color:var(--muted,#70687f);line-height:1.6}.collection-share-manager input{width:100%;min-width:0;padding:12px;border:1px solid var(--line,#e6dfed);border-radius:12px;background:var(--surface-2,#f5f1f8);color:var(--ink,#241d35);font-size:13px}.collection-share-manager-error{width:100%;margin:10px 0 0;color:#b32b42!important;font-size:13px}.collection-share-manager-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;margin-top:16px}.collection-share-manager-actions .danger{grid-column:1/-1;color:#b32b42}.collection-share-manager-actions button:disabled{opacity:.58;cursor:wait}@media (max-width:480px){.collection-share-manager{padding:22px 16px 18px}.collection-share-manager-actions{grid-template-columns:1fr}.collection-share-manager-actions .danger{grid-column:auto}}.collection-page.collection-shell-page{display:block;width:min(100%,880px);max-width:880px;height:auto;min-height:calc(100dvh - var(--site-header-height));margin:0 auto;overflow:visible;padding:clamp(1.1rem,4vw,2.4rem) clamp(.9rem,3vw,1.4rem) 3rem;background:var(--bg);font-size:16px}