#progressDialog { width:min(1120px,94vw); max-height:94dvh; overflow-y:auto; }
.collection-tabs { display:flex; gap:10px; padding:12px 24px; border-bottom:1px solid #346170; }
.collection-tabs .button { appearance:none; background:#0e252f; color:var(--cyan); border:1px solid #12d9f477; }
.collection-tabs .button[aria-pressed="true"] { background:var(--cyan); color:#08141b; border-color:var(--cyan); }
.collection-tabs .button:focus-visible { outline:3px solid var(--white); outline-offset:-4px; }
#progressDialog[data-view="collection"] .progress-body,#progressDialog[data-view="profile"] .personal-collection { display:none; }
.personal-collection { padding:24px; border-top:1px solid #2f5968; }
.save-toolbar { padding:16px; background:#0e252f; border:1px solid #12d9f440; margin-bottom:24px; }
.save-toolbar p { margin:0 0 12px; color:var(--acid); font:700 13px var(--body); }
.save-toolbar > div { display:flex; gap:10px; flex-wrap:wrap; }
.save-toolbar small { display:block; margin-top:12px; max-width:750px; color:#b3c4cb; line-height:1.5; }
.library-heading { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-bottom:22px; }
.library-heading h3 { margin:0 auto 0 0; font:900 25px var(--display); }
.library-heading h3 span { color:var(--cyan); }
.library-heading label { display:flex; flex-direction:column; gap:5px; color:#c9d5da; font:700 12px var(--body); }
.library-heading input,.library-heading select { padding:10px; background:#07111c; border:1px solid #346170; color:white; font:14px var(--body); }
.personal-cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:20px; }
.library-card { background:none; color:white; border:0; padding:0; min-width:0; cursor:pointer; text-align:center; transition:transform .18s; }
.library-face { display:block; position:relative; container-type:inline-size; aspect-ratio:2/3; overflow:hidden; clip-path:polygon(4% 0,96% 0,100% 3%,100% 96%,96% 100%,3% 100%,0 97%,0 4%); }
.library-ownership { display:block; padding:9px 2px; font:800 11px var(--display); color:var(--card-color); }
.library-card:hover { transform:translateY(-4px); }
.library-card:focus-visible { outline:2px solid var(--cyan); outline-offset:4px; }
@media(max-width:550px) { .personal-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .personal-collection { padding:14px; } }
@media(prefers-reduced-motion:reduce) { .library-card { transition:none; } }