.mv-mastery-dashboard { display:grid; gap:.85rem; align-content:center; min-height:235px; }
  .mv-mastery-dashboard-top { display:flex; align-items:center; justify-content:center; gap:1.1rem; flex-wrap:wrap; }
  .mv-mastery-ring { --mv-pct:0; width:128px; height:128px; border-radius:50%; display:grid; place-items:center; background:conic-gradient(#0ea5e9 calc(var(--mv-pct) * 1%), #e2e8f0 0); position:relative; flex:0 0 128px; }
  .mv-mastery-ring::after { content:""; width:96px; height:96px; border-radius:50%; background:#fff; position:absolute; inset:16px; box-shadow:inset 0 0 0 1px #e2e8f0; }
  .mv-mastery-ring-value { position:relative; z-index:1; text-align:center; font-family:'Fredoka',sans-serif; color:#0f172a; font-weight:800; font-size:1.45rem; line-height:1; }
  .mv-mastery-ring-value small { display:block; margin-top:.35rem; color:#64748b; font-family:'Nunito',sans-serif; font-size:.58rem; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
  .mv-mastery-mini-stats { display:grid; gap:.55rem; min-width:145px; }
  .mv-mastery-mini-stat { padding:.65rem .75rem; border-radius:14px; background:#f8fafc; border:1px solid #e2e8f0; display:flex; justify-content:space-between; gap:.7rem; align-items:center; font-size:.7rem; font-weight:900; color:#64748b; }
  .mv-mastery-mini-stat strong { color:#0f172a; font-size:.88rem; }
  .mv-mastery-status { display:inline-flex; align-items:center; gap:.35rem; padding:.28rem .52rem; border-radius:999px; font-size:.56rem; font-weight:900; text-transform:uppercase; letter-spacing:.04em; }
  .mv-mastery-status.mastered { background:#dcfce7; color:#166534; }
  .mv-mastery-status.developing { background:#fef3c7; color:#92400e; }
  .mv-mastery-status.practice { background:#ffe4e6; color:#9f1239; }
  .mv-mastery-evidence-row { padding:.9rem 0; border-bottom:1px solid #eef2f7; }
  .mv-mastery-evidence-row:last-child { border-bottom:0; }
  .mv-mastery-evidence-head { display:flex; align-items:center; justify-content:space-between; gap:.7rem; margin-bottom:.48rem; }
  .mv-mastery-evidence-head strong { font-size:.78rem; color:#334155; }
  .mv-mastery-evidence-value { font-family:'Fredoka',sans-serif; color:#0f172a; font-weight:800; }
  .mv-mastery-track { height:8px; border-radius:999px; background:#e2e8f0; overflow:hidden; }
  .mv-mastery-fill { height:100%; border-radius:inherit; background:linear-gradient(90deg,#38bdf8,#0ea5e9); }
  .mv-mastery-evidence-meta { display:flex; justify-content:space-between; gap:.5rem; margin-top:.38rem; color:#94a3b8; font-size:.58rem; font-weight:800; }
  .mv-leaderboard-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; }
  .mv-leaderboard-summary-card { padding:1rem; border-radius:20px; background:#fff; border:1px solid #e2e8f0; text-align:center; box-shadow:0 10px 28px rgba(15,23,42,.04); }
  .mv-leaderboard-summary-card label { display:block; color:#94a3b8; font-size:.58rem; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
  .mv-leaderboard-summary-card strong { display:block; margin-top:.35rem; font-family:'Fredoka',sans-serif; font-size:1.65rem; color:#0f172a; }
  .mv-leaderboard-summary-card small { color:#64748b; font-size:.62rem; font-weight:800; }
  .mv-leaderboard-section { margin-top:1rem; padding:1rem; border-radius:22px; background:#fff; border:1px solid #e2e8f0; }
  .mv-leaderboard-section-head { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:.8rem; }
  .mv-leaderboard-section-head h3 { font-family:'Fredoka',sans-serif; color:#1e293b; font-weight:800; font-size:1.05rem; }
  .mv-leaderboard-section-head p { color:#94a3b8; font-size:.65rem; font-weight:800; }
  .mv-live-board-row { display:grid; grid-template-columns:42px 42px minmax(0,1fr) auto; gap:.7rem; align-items:center; padding:.72rem .65rem; border-radius:15px; border:1px solid transparent; }
  .mv-live-board-row + .mv-live-board-row { margin-top:.35rem; }
  .mv-live-board-row.is-me { background:#fffbeb; border-color:#fde68a; }
  .mv-live-board-rank { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:#f1f5f9; color:#64748b; font-weight:900; font-size:.72rem; }
  .mv-live-board-avatar { width:38px; height:38px; border-radius:13px; display:grid; place-items:center; background:#f8fafc; border:1px solid #e2e8f0; font-size:1.25rem; }
  .mv-live-board-name { min-width:0; }
  .mv-live-board-name strong { display:block; color:#334155; font-size:.8rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .mv-live-board-name small { display:block; color:#94a3b8; font-size:.58rem; font-weight:800; margin-top:.12rem; }
  .mv-live-board-stars { white-space:nowrap; padding:.45rem .62rem; border-radius:999px; background:#fef3c7; color:#92400e; font-size:.7rem; font-weight:900; }
  .mv-badge-progress { margin-top:.5rem; color:#94a3b8; font-size:.57rem; font-weight:900; }
  .mv-badge-card.is-earned .mv-badge-state { background:#dcfce7; color:#166534; }
  @media (max-width:640px){ .mv-leaderboard-summary{grid-template-columns:1fr 1fr}.mv-leaderboard-summary-card:last-child{grid-column:1/-1}.mv-live-board-row{grid-template-columns:34px 36px minmax(0,1fr) auto;gap:.45rem;padding:.65rem .45rem}.mv-live-board-rank{width:30px;height:30px}.mv-live-board-avatar{width:34px;height:34px}.mv-live-board-stars{font-size:.62rem;padding:.38rem .48rem} }