/* v0.19 card mastery prototype (dark-launched): the Profile · Collection
   shelf from public/js/mastery-view.js. Existing tokens only. */

.mastery-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.mastery-row { padding: 10px 12px; border-radius: 12px; border: 1px solid var(--line-soft); }
.mastery-head { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.mastery-tier { font-size: 0.85em; opacity: 0.8; }
.mastery-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.mastery-badge { font-size: 0.75em; padding: 2px 8px; border-radius: 999px; border: 1px solid var(--line-soft); }
.mastery-badge.is-locked { opacity: 0.45; border-style: dashed; }
.mastery-badge.is-pending,
.mastery-badge.is-claimed { font-weight: 600; }
.mastery-line { margin: 6px 0 0; font-size: 0.85em; opacity: 0.8; }