.dashboard{max-width:1060px;padding:48px 28px 70px;margin:auto}.profile{display:flex;gap:24px;align-items:center;padding-bottom:30px;border-bottom:1px solid var(--line)}.profile h1{font-size:38px;letter-spacing:-.03em;margin:10px 0}.profile p:not(.eyebrow){font-size:14px;color:var(--muted)}.avatar{position:relative;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#e7eef6;color:#516d87;font:46px Georgia;flex-shrink:0}.avatar span{position:absolute;right:0;bottom:0;color:var(--orange);font:24px system-ui}.profile-badge{margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap}.stats{display:flex;gap:50px;padding:26px 0 32px}.stats div{display:grid;gap:6px}.stats strong{font-size:28px;color:#516d87;font-weight:500}.stats span{font-size:12px;color:var(--muted)}.collection-toolbar{display:grid;grid-template-columns:1fr 2fr 1fr;gap:16px}.collection-toolbar label{display:grid;gap:8px;color:var(--muted)}select{padding:13px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--cream);font:inherit}.preview-note{display:flex;align-items:center;gap:16px;padding:18px 0;margin:20px 0;border-bottom:1px solid var(--line)}.preview-note>span{font-size:11px;white-space:nowrap;background:#fff1e8;color:#9a461e;padding:7px 10px;border-radius:20px}.preview-note p{color:var(--muted);font-size:12px;line-height:1.6;margin:0}.preview-note button{font-size:12px;white-space:nowrap;margin-left:auto}.collection-section{margin:36px 0 52px}.collection-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.collection-heading h2{font-family:system-ui,sans-serif;font-size:20px;font-weight:600;margin:7px 0}.collection-heading p{font-size:11px;color:var(--muted);margin:0;letter-spacing:.1em;text-transform:uppercase}.collection-heading>span{font-size:12px;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.card-tile{padding:0;border:0;background:transparent;color:var(--cream);min-width:0;text-align:center}.card-face{position:relative;aspect-ratio:3/4;border-radius:11px;border:2px solid #8ca1b5;overflow:hidden;background:linear-gradient(145deg,#f5f8fc,#e7eef6);box-shadow:0 3px 6px #2434470d;display:grid;place-items:center}.card-face:before{content:'';position:absolute;inset:11px;border:1px solid #9aadc533;border-radius:7px}.card-face .question{font:70px Georgia;color:#9aacbd;line-height:1}.card-face .lock-label{position:absolute;bottom:18px;font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:#637d96}.card-face img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#f4f3ef}.card-face.owned{border-color:#516d87}.card-name{display:block;font-size:13px;margin:11px 0 5px}.card-era{display:block;font-size:11px;color:var(--muted)}.quantity-chip{position:absolute;top:8px;right:8px;background:white;color:#516d87;padding:4px 7px;border-radius:12px;font-size:10px}.card-face.rare{border-color:#7fa7e8}.card-face.ultra_rare{border-color:#b58ce8}.card-face.super_rare{border-color:#df7446}#card-content img{width:100%;max-height:55dvh;object-fit:contain}#card-content p{line-height:1.7;color:var(--muted)}.dashboard-home{margin-left:auto;font-size:13px}@media(prefers-reduced-motion:no-preference){.card-face{transition:transform .2s,box-shadow .2s}.card-tile:hover .card-face{transform:translateY(-4px);box-shadow:0 7px 18px #24344715}}@media(max-width:700px){.dashboard{padding:30px 20px}.profile{gap:15px}.profile h1{font-size:29px}.profile-badge{display:none}.avatar{width:60px;height:60px;font-size:34px}.stats{gap:24px}.stats span{font-size:10px}.collection-toolbar{grid-template-columns:1fr 1fr}.collection-toolbar label:nth-child(2){grid-column:1/-1;grid-row:2}.preview-note{flex-wrap:wrap}.preview-note p{flex:1}.preview-note button{margin-left:0}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.collection-heading h2{font-size:17px}.dashboard-home{font-size:11px}}

.card-grid,.collection-section,.collection-heading>*{min-width:0}.collection-heading h2,.card-name,.card-era{overflow-wrap:anywhere}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr))}
