.vault-hub,.vault-profile,.vault-hardware-copy{min-width:0}.vault-title,.vault-section-heading,.vault-claim{display:flex;justify-content:space-between;align-items:center;gap:16px}.vault-title h2{margin:4px 0}.vault-title p{margin-top:6px}.vault-wallet{flex-shrink:0;display:grid;text-align:right;padding:12px 18px;border:1px solid #817044;border-radius:14px;background:linear-gradient(130deg,#302a1e,#131c25)}.vault-wallet strong{font-size:32px;color:#edcf8e;font-variant-numeric:tabular-nums}.vault-wallet span{font-size:12px;color:#d9bd87}.vault-claim{margin:18px 0;padding:16px;border-radius:12px;background:#172b2b;border:1px solid #32625b}.vault-claim span{display:block;font-size:13px;color:#a6bcbc;margin-top:4px}.vault-navigation{margin:20px 0 16px}.vault-navigation button{flex:1;min-height:44px}.vault-filter{display:flex;align-items:center;gap:12px;margin-bottom:18px}.vault-filter select{flex:1;max-width:260px;min-height:44px;font-size:16px;background:#15222d;color:#e5e8eb;border:1px solid #385260;border-radius:8px;padding:8px}.vault-hardware-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vault-hardware{display:flex;align-items:flex-start;gap:16px;padding:20px 16px;border:1px solid #334553;border-radius:16px;background:linear-gradient(155deg,#17232d,#101922);scroll-margin-top:12px}.vault-hardware.owned{border-color:#7d704c}.vault-hardware h3{font-size:20px;line-height:1.25;margin:7px 0}.vault-hardware p{font-size:14px;line-height:1.5;margin:8px 0}.vault-hardware small{display:block;color:#9eb2bf;font-size:12px;line-height:1.5}.vault-hardware button{display:block;min-height:44px;margin-top:12px;width:100%;text-wrap:pretty}.vault-hardware button:disabled{opacity:.6}.vault-hardware .vault-record-link{font-size:13px;background:transparent;border-color:transparent;color:#cdb77f;text-align:left;padding-left:0;margin-top:2px}.vault-edition{font-size:10px;letter-spacing:.13em;color:#ccb783;font-weight:700;display:block}.hardware-emblem{position:relative;display:grid;place-items:center;flex-shrink:0;width:66px;height:80px;color:#d0ad69;border:1px solid currentColor;border-radius:32px 32px 10px 10px;background:radial-gradient(ellipse at 50% 20%,#81713d55,transparent 70%),#15202a;box-shadow:inset 0 0 0 5px #0c151d,inset 0 0 0 6px #c8a65c44}.hardware-emblem svg{width:32px;height:38px}.rarity-rare{color:#9bc9d8;background:radial-gradient(ellipse at 50% 20%,#46818c55,transparent 70%),#15202a}.rarity-epic{color:#c5a3e8;background:radial-gradient(ellipse at 50% 20%,#71519366,transparent 70%),#15202a}.rarity-legendary,.rarity-numbered{color:#f0cf82;background:radial-gradient(ellipse at 50% 20%,#9c792e66,transparent 70%),#211e18}.rarity-one-of-one{color:#ffe4a4;background:radial-gradient(ellipse at 50% 10%,#74438388,transparent 80%),#1b1426;box-shadow:inset 0 0 0 5px #15111d,inset 0 0 0 6px #e4ba6f99,0 0 20px #b78c5222}.vault-browse-all{margin-top:18px;min-height:44px}.vault-confirm{border-left:2px solid #ddbd7e;padding-left:12px;margin-top:12px}.vault-profile{border:1px solid #3d4c56;border-radius:14px;padding:18px;margin:20px 0;background:#111d26}.vault-section-heading h3{font-size:21px;margin:5px 0 12px}.vault-section-heading h3 small{color:#abbdc9;font-size:15px;margin-left:8px}.vault-section-heading button{min-height:44px}.vault-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin-top:12px}.vault-showcase article{display:flex;gap:12px;align-items:center;padding:10px 6px}.vault-showcase strong{font-size:14px;line-height:1.4;display:block;margin-top:5px}.vault-showcase .hardware-emblem{width:46px;height:58px}.vault-showcase svg{width:25px;height:29px}.vault-earning-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vault-earning-rules p{display:grid;gap:8px;background:#17242d;border-radius:12px;padding:14px;font-size:14px}.vault-earning-rules b{color:#e1c481}.vault-milestones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vault-milestones article{padding:16px;border:1px solid #314552;border-radius:12px}.vault-milestones article>div{display:flex;gap:12px;justify-content:space-between;font-size:14px}.vault-milestones article>div span{flex-shrink:0;color:#dfc286}.vault-milestones progress{width:100%;height:7px;accent-color:#d6b66f;margin:14px 0 8px;display:block}.vault-milestones small{color:#a3b8c4}.vault-ledger{list-style:none;margin:10px 0;padding:0}.vault-ledger li{display:flex;gap:16px;justify-content:space-between;border-bottom:1px solid #2b3a46;padding:12px 0}.vault-ledger small{display:block;color:#95a9b7;font-size:12px}.vault-ledger b{color:#e0c27f;white-space:nowrap}.vault-owner-label{display:block;color:#e4c887;font-size:12px;margin-top:10px}.vault-set-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vault-set-list article{padding:12px;background:#14212c;border-radius:8px}.vault-set-list span{display:block;color:#d8bb7d;font-size:13px;margin-top:6px}.vault-set-list p{font-size:13px}.owner-studio{border:1px solid #9675a2;border-radius:16px;padding:20px;margin:20px 0;background:linear-gradient(140deg,#291d35,#132129)}.owner-palettes{display:flex;gap:12px;flex-wrap:wrap}.owner-palette{display:flex;align-items:center;gap:10px;min-height:48px}.owner-palette[aria-pressed=true]{outline:2px solid #e5c684;outline-offset:2px}.owner-palette i{display:block;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#e4c886 50%,#191521 50%)}.palette-imperial i{background:linear-gradient(135deg,#dcbbfa 50%,#3c1b59 50%)}.palette-verdigris i{background:linear-gradient(135deg,#bfe0cc 50%,#123f39 50%)}.membership-hero.owner-signature{--owner-ink:#eed393;--owner-bg:#23192f;border:1px solid var(--owner-ink);background:radial-gradient(ellipse at 100% 0%,#b68b4a30,transparent 60%),linear-gradient(135deg,var(--owner-bg),#0f1821 80%);box-shadow:inset 0 0 0 5px #0b131bcc,inset 0 0 0 6px #d5ad5c55}.owner-signature.owner-imperial{--owner-ink:#dcbbfa;--owner-bg:#3a2053}.owner-signature.owner-verdigris{--owner-ink:#abdcc8;--owner-bg:#173f38}.owner-signature .eyebrow,.owner-signature h2{color:var(--owner-ink)}.owner-signature .community-avatar.large{border:2px solid var(--owner-ink);outline:1px solid #ab8957;outline-offset:5px;box-shadow:0 0 24px #c6ab6a33}.owner-signature .membership-hero-rank{border-color:#a1855266}.owner-one-of-one{display:inline-flex;align-items:center;border:1px solid #bda36d;border-radius:20px;padding:4px 9px;color:#f0d69b;font-size:10px;letter-spacing:.08em;background:#271c2c}.owner-one-of-one svg{width:13px;height:13px;margin-right:5px}.vault-hardware:focus-visible{outline:2px solid #e2c386;outline-offset:3px}
@media(max-width:640px){.vault-hardware-grid,.vault-milestones,.vault-set-list{grid-template-columns:1fr}.vault-title{align-items:flex-start}.vault-title h2{font-size:30px}.vault-title p{font-size:13px;max-width:190px}.vault-wallet{padding:9px 12px}.vault-wallet strong{font-size:26px}.vault-claim{flex-wrap:wrap;gap:12px}.vault-claim button{min-height:44px}.vault-earning-rules{grid-template-columns:1fr;gap:0}.vault-earning-rules p{margin:5px 0}.vault-earning-rules p span{font-size:13px}.vault-profile{padding:14px}.vault-section-heading h3{font-size:18px}.vault-section-heading button{font-size:13px;padding:8px 12px}.vault-showcase{grid-template-columns:1fr}.vault-showcase article{border-top:1px solid #293c48}.vault-hardware{gap:14px;padding:18px 14px}.vault-hardware .hardware-emblem{width:50px;height:65px}.vault-hardware h3{font-size:18px}.owner-palettes{display:grid;grid-template-columns:1fr}.owner-studio{padding:16px}.vault-milestones article>div{flex-wrap:wrap;gap:6px}}

/* Expand in place: the public showcase uses the same details as the private Vault. */
.vault-showcase article{flex-wrap:wrap;align-items:flex-start;min-width:0}.vault-showcase article>div{flex:1;min-width:0}.vault-showcase.layout-cabinet article{align-items:center}.vault-showcase.layout-cabinet .hardware-details{text-align:left}.hardware-details{min-width:0;width:100%;margin-top:12px;border-top:1px solid #3b4c58;overflow-wrap:anywhere}.vault-showcase article>.hardware-details{flex-basis:100%;margin-top:0}.hardware-details>summary{min-height:44px;padding:12px 0;box-sizing:border-box;cursor:pointer;color:#d8c18d;font-size:13px;font-weight:600}.hardware-details>summary:focus-visible{outline:2px solid #e2c386;outline-offset:3px;border-radius:4px}.hardware-details dl{display:grid;gap:12px;margin:4px 0 16px}.hardware-details dl>div{min-width:0}.hardware-details dt{font-size:11px;color:#a5b8c3;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.hardware-details dd{margin:0;color:#dce4e8;font-size:13px;line-height:1.55}.hardware-details dd>span{display:block;margin-top:4px;color:#a9bdc9}.hardware-history{border-top:1px solid #324653;padding-top:14px}.hardware-history strong{display:block;font-size:14px;line-height:1.5;margin:7px 0 3px}.hardware-history small{display:block;color:#a6bcc9;font-size:12px}.hardware-details p{font-size:13px;line-height:1.55;margin:8px 0}.hardware-details .vault-record-link{display:block;width:100%;min-height:44px;text-align:left;color:#d8c18d;background:transparent;border-color:transparent;padding:10px 0;margin:0}.hardware-details .hardware-binding{font-size:11px;color:#9cafbb;margin-top:14px}.vault-showcase.layout-cabinet{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
@media(max-width:420px){.vault-showcase.layout-cabinet{grid-template-columns:1fr}.hardware-details>summary{font-size:13px}}