.collection-pending{min-height:480px}.collection-guide{border:1px solid var(--line-strong);background:var(--surface);border-radius:12px;margin:0 0 30px;padding:20px 22px 0;scroll-margin-top:100px}.guide-head{justify-content:space-between;align-items:center;gap:12px;min-height:32px;display:flex}.guide-steps{flex-wrap:wrap;gap:6px;margin:12px 0 20px;padding:0;list-style:none;display:flex}.guide-step button{border:1px solid var(--line);color:var(--dim);font:inherit;background:0 0;border-radius:4px;align-items:center;gap:8px;padding:5px 12px 5px 6px;font-size:13px;display:inline-flex}.guide-step button:disabled{cursor:default;opacity:1}.guide-step.is-done button{color:var(--muted);cursor:pointer}.guide-step.is-done button:hover{border-color:var(--line-strong);color:var(--text)}.guide-step.is-current button{border-color:var(--accent);color:var(--text)}.guide-step-number{background:var(--surface-3);border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:600;display:grid}.guide-step.is-current .guide-step-number,.guide-step.is-done .guide-step-number{background:var(--accent);color:var(--accent-ink)}.guide-panel h2{font-size:28px}.guide-panel>.metric-note{max-width:660px;margin:6px 0 16px}.guide-ranks{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:22px;display:grid}.guide-rank{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:6px;flex-direction:column;gap:6px;padding:18px;transition:border-color .15s;display:flex}.guide-rank strong{font-family:var(--display);letter-spacing:.01em;text-transform:uppercase;font-size:22px;font-weight:400}.guide-rank span{color:var(--muted);font-size:14px;line-height:1.4}.guide-rank:hover,.guide-rank.is-active{border-color:var(--accent)}.guide-filters{flex-direction:column;gap:10px;display:flex}.guide-filters .element-filters{margin-top:0}.guide-quick{flex-wrap:wrap;gap:8px;margin:12px 0 0;display:flex}.guide-cards{grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.guide-card{border:1px solid var(--line);background:var(--surface-2);width:100%;height:100%;color:var(--muted);font:inherit;text-align:center;cursor:pointer;border-radius:6px;flex-direction:column;gap:6px;padding:6px;transition:border-color .15s,background .15s,color .15s;display:flex}.guide-card:hover{border-color:var(--line-strong);color:var(--text)}.guide-card-art{display:block;position:relative}.guide-card-art img{aspect-ratio:128/183;object-fit:cover;opacity:.55;border-radius:4px;width:100%;height:auto;transition:opacity .15s;display:block}.guide-card.is-owned{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface-2));color:var(--text)}.guide-card.is-owned img,.guide-card:hover img{opacity:1}.guide-card-check{border:1px solid var(--line-strong);width:24px;height:24px;color:var(--muted);background:#061213d9;border-radius:50%;place-items:center;display:grid;position:absolute;top:5px;right:5px}.guide-card.is-owned .guide-card-check{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.guide-card-name{overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.25}.collection-guide .owned-list{margin-top:14px}.guide-bar{z-index:4;border-top:1px solid var(--line-strong);backdrop-filter:blur(8px);background:#0b191af2;border-radius:0 0 12px 12px;align-items:center;gap:10px;margin:18px -22px 0;padding:12px 22px;display:flex;position:sticky;bottom:0}.guide-count{color:var(--muted);margin-right:auto;font-size:14px}.guide-done{max-width:680px;margin:0 0 22px}.guide-end{justify-content:center;margin:-12px 0 34px;display:flex}.collection-decks{scroll-margin-top:100px}@media (width<=680px){.collection-guide{padding:16px 14px 0}.guide-steps{gap:5px;margin:10px 0 16px}.guide-step:not(.is-current) .guide-step-label{display:none}.guide-step button{padding:4px 10px 4px 5px}.guide-panel h2{font-size:24px}.guide-ranks{grid-template-columns:minmax(0,1fr);gap:8px}.guide-rank{padding:14px}.guide-rank strong{font-size:20px}.guide-cards{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:7px}.guide-card{gap:4px;padding:4px}.guide-card-name{font-size:11px}.guide-card-check{width:22px;height:22px;top:4px;right:4px}.guide-bar{flex-wrap:wrap;gap:8px;margin:14px -14px 0;padding:10px 14px}.guide-count{flex-basis:100%;font-size:13px}.guide-bar .button:last-child{margin-left:auto}}