.topbar-cta{min-height:38px;padding:0 16px;font-size:13px}.vault-main{justify-content:flex-start;padding-top:8px}.vault{align-items:stretch;gap:28px;max-width:960px;padding-bottom:48px}.vault-anon{align-self:center;align-items:center;gap:18px;max-width:480px;padding-top:8vh}.vault-lede{max-width:40ch}.vault-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 48px;padding-top:12px;display:grid}.vault-hero-text{justify-items:start;gap:12px;min-width:0;display:grid}.vault-hero-text .headline{text-align:left;margin:0}.vault-hero-text .headline h1{overflow-wrap:anywhere;font-size:clamp(44px,8vw,84px)}.vault-who{color:var(--mist);margin:0;font-size:13px}.vault-who b{color:var(--ivory);overflow-wrap:anywhere;font-weight:600}.vault-who .linkbtn{padding:0;font-size:13px}.vault-hero-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.vault-hero-actions .btn{min-height:40px;padding:0 16px;font-size:13px}.vault .saveroll{max-width:480px}.vault-ledger{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0;display:grid}.vault-ledger>div{gap:8px;padding:18px 20px;display:grid}.vault-ledger>div+div{border-left:1px solid var(--line)}.vault-ledger dt{font:600 10px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--mist);margin:0}.vault-ledger dd{gap:4px;margin:0;display:grid}.vault-ledger dd b{font:italic 900 36px/1 var(--font-display);font-variation-settings:"opsz" 144;color:var(--ivory)}.vault-ledger dd span{font:600 10px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.vault-tabs{border-bottom:1px solid var(--line);gap:22px;display:flex}.vault-tab{font:600 12px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--mist);cursor:pointer;background:0 0;border:0;margin-bottom:-1px;padding:4px 0 14px;transition:color .2s,box-shadow .2s;box-shadow:inset 0 -2px #0000}.vault-tab:hover{color:var(--ivory)}.vault-tab[aria-selected=true]{color:var(--ivory);box-shadow:inset 0 -2px 0 var(--acid,var(--ivory))}.vault-packs{width:100%;margin:-12px 0 0;padding:0;list-style:none;display:grid}.vault-pack{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:72px 1fr auto;align-items:center;gap:20px;padding:16px 8px;text-decoration:none;transition:background .2s;display:grid}.vault-pack:hover{background:#f4eee20a}.vault-pack:focus-visible{outline:2px solid var(--ivory);outline-offset:-2px}.vault-pack-art{height:96px;transition:transform .3s var(--ease-out);place-items:center;display:grid}.vault-pack:hover .vault-pack-art{transform:rotate(-5deg)scale(1.06)}.vault-pack-art img{object-fit:contain;filter:drop-shadow(0 8px 14px #0000008c);max-width:72px;max-height:96px}.vault-pack-art .wrap{width:56px}.vault-pack-info{gap:6px;min-width:0;display:grid}.vault-pack-name{font:650 22px/1.15 var(--font-display);font-variation-settings:"opsz" 144;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vault-pack-meta{color:var(--mist);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.vault-pack-meta b{color:var(--ivory);font-weight:600}.vault-chip{font:600 10px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;box-shadow:inset 0 0 0 1px var(--line);color:var(--mist);border-radius:3px;padding:5px 7px}.vault-chip[data-kind=mythic]{color:var(--mythic)}.vault-chip[data-kind=rare]{color:var(--rare)}.vault-pack-value{justify-items:end;gap:4px;display:grid}.vault-pack-value b{font:italic 900 32px/1 var(--font-display);font-variation-settings:"opsz" 144}.vault-pack-value .subtle{font:600 10px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase}.vault-controls{flex-wrap:wrap;align-items:center;gap:20px;margin-top:-8px;display:flex}.vault-sort,.vault-filter{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.vault-controls .lbl{font:600 10px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-right:6px}.vault-controls .chip{cursor:pointer;color:var(--mist);background:0 0;border:0;border-radius:4px}.vault-controls .chip[aria-pressed=true]{background:var(--ivory);color:var(--ink-950);box-shadow:none}.vault-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:20px 14px;width:100%;max-width:none}.vault-cell{justify-items:center;gap:8px;display:grid}.vault-cell .cell{width:100%;transition:transform .25s var(--ease-out)}.vault-cell .cell:hover{transform:translateY(-6px)}.vault-cell[data-binder=true] .card{outline:2px solid var(--acid,var(--ivory));outline-offset:2px;border-radius:var(--card-radius)}.vault-binder{font:600 10px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--mist);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:7px 10px}.vault-binder:hover{color:var(--ivory)}.vault-binder[aria-pressed=true]{background:var(--acid,var(--ivory));color:var(--ink-950);box-shadow:none}.vault-binder:disabled{opacity:.5;cursor:default}.vault-toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:40;background:var(--ivory);color:var(--ink-950);font:600 13px/1 var(--font-ui);animation:vault-toast-in .25s var(--ease-out) both;border-radius:6px;padding:10px 16px;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000080}@keyframes vault-toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:760px){.vault{gap:22px}.vault-hero{grid-template-columns:1fr;justify-items:start;gap:20px}.vault-hero .fan{--w:92px;--step:.34;justify-self:center}.vault-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.vault-ledger>div{padding:14px}.vault-ledger>div:nth-child(3){border-left:0}.vault-ledger>div:nth-child(n+3){border-top:1px solid var(--line)}.vault-ledger dd b{font-size:28px}.vault-pack{grid-template-columns:52px 1fr auto;gap:12px;padding:12px 0}.vault-pack-art{height:70px}.vault-pack-art img{max-width:52px;max-height:70px}.vault-pack-name{font-size:17px}.vault-pack-value b{font-size:24px}.vault-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:16px 10px}}
