More cosmetics (rank-gated) + steeper level curve capped at 100

Cosmetics — many new variants, the rarer ones gated behind higher ranks:
- Card backs: +midnight/jade/onyx (buy) + crimson/aurora/obsidian/imperial
  (earned by wins/rating up to Master). Card fronts: +sunset/velvet/onyx (buy)
  + goldleaf/crystal/imperial (earned).
- Titles: +marksman, untouchable, sweeper, ruler, platinum_star, diamond_ace,
  immortal, the_one (gated by kots/streak/shutouts/hakem/rating/level/wins),
  mirrored on the server so live games grant them.
- Avatars: list expanded + rank/wins-earned tier (robot/wizard/ninja/king/
  genie/crown) via new ownedAvatarIds(); profile picker shows earned ones,
  shop sells the priced ones.
- Stickers: new Persian-text stamp pack (کوت! / دمت گرم / باریکلا / آخه؟) plus a
  rank-earned Victory pack (بردیم!/حکم) — new inline-SVG art.

Leveling: XP per level now grows (100*l + 15*l²) so each level is harder; higher
leagues grant more XP (×1.5 at 500 stake, ×2 at 1000) so you progress by playing
up. Hard cap at level 100. Mirrored in server Gamification (XpForLevel/MatchXp/
AddXp). Sim now tops out lower (level 20 vs 35 over 500 matches) as intended.

Verified: tsc + next build + dotnet build clean; sim passes; images rebuilt :1500/:1505.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/components/screens/ProfileScreen.tsx

@@ -16,6 +16,7 @@ import {
   CARD_FRONTS,
   TITLES,
   achievementProgress,
+  ownedAvatarIds,
   ownedCardBackIds,
   ownedCardFrontIds,
 } from "@/lib/online/gamification";
@@ -43,6 +44,7 @@ export function ProfileScreen() {
   const titleName = titleDef ? (locale === "fa" ? titleDef.nameFa : titleDef.nameEn) : null;
   const ownedFronts = new Set(ownedCardFrontIds(profile));
   const ownedBacks = new Set(ownedCardBackIds(profile));
+  const ownedAvatars = new Set(ownedAvatarIds(profile));
 
   const saveName = async () => {
     if (name.trim()) await updateProfile({ displayName: name.trim() });
@@ -142,7 +144,7 @@ export function ProfileScreen() {
       <div className="glass rounded-2xl p-4 mt-4">
         <h3 className="text-sm font-bold text-cream/80 mb-3">{t("profile.chooseAvatar")}</h3>
         <div className="flex flex-wrap gap-2">
-          {AVATARS.filter((a) => profile.ownedAvatars.includes(a.id)).map((a) => (
+          {AVATARS.filter((a) => ownedAvatars.has(a.id)).map((a) => (
             <button
               key={a.id}
               onClick={() => updateProfile({ avatar: a.id })}