/* ---------- progression : niveau et XP (en-tête, barre latérale, profil) */
.lvl { display:flex; align-items:center; gap:7px; padding:4px 10px 4px 4px; border-radius:999px; background:var(--surface);
  border:1px solid var(--line); font-size:12.5px; font-weight:700; cursor:pointer; margin-left:auto }
.lvl .ring { --p:0; width:26px; height:26px; border-radius:50%; display:grid; place-items:center; font-size:11px; font-weight:800;
  background:conic-gradient(var(--accent) calc(var(--p) * 1%), var(--surface2) 0) }
.lvl .ring span { width:20px; height:20px; border-radius:50%; background:var(--surface); display:grid; place-items:center }
.top .credits { margin-left:8px }
.xpbar { height:6px; border-radius:3px; background:var(--surface2); overflow:hidden }
.xpbar i { display:block; height:100%; border-radius:3px; background:linear-gradient(90deg, var(--accent), #c98bff) }

/* ---------- série de la semaine (page Paquets et encyclopédie) */
.weekly { display:grid; gap:8px; padding:14px; border-radius:14px; background:
  radial-gradient(circle at 90% 0%, color-mix(in srgb, #ffd86b 20%, transparent), transparent 55%), var(--surface);
  border:1px solid color-mix(in srgb, #ffb84d 40%, var(--line)) }
.weekly .wk { display:flex; justify-content:space-between; gap:8px; font-size:11px; font-weight:700; text-transform:uppercase;
  letter-spacing:.06em; color:#e7a53a }
.weekly .wn { font-weight:750; font-size:15.5px; color:inherit; text-decoration:none; line-height:1.25 }
.weekly .wn:hover { color:var(--accent) }
.weekly .wt { font-size:12.5px; color:var(--muted); line-height:1.45 }


/* Profil : parrainage */
.reflink { display:flex; gap:8px; align-items:center; flex-wrap:wrap }
.reflink code { flex:1 1 180px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:10px 12px;
  border-radius:10px; background:var(--surface2); border:1px solid var(--line); font-size:13px }
.reflink .btn { display:flex; align-items:center; gap:6px }
.reflink .ico-svg { margin:0 }