feat(points): unlock items, progress bars and skins

Locked items show a progress bar until the goal is reached. Four
CSS-only skins (Pastel, Retro CRT, Cyberpunk, Steam) in skins.css,
light and dark. A skin overrides accent and corners; badges, borders,
frames, effects and game art stay on top. New Platinum shine and
Equalizer effects.

public/i18n/de.json

@@ -168,7 +168,8 @@
     "PROFILE_TILES_HINT": "Wähle, was dein Profil zeigt und wo: öffne dein Profil und klicke auf \"Anpassen\".",
     "FAVORITE_PLATFORM": "Lieblingsplattform",
     "FAVORITE_PLATFORM_HINT": "Wird zuerst gewählt, wenn du ein Spiel für mehrere Plattformen hinzufügst.",
-    "FAVORITE_PLATFORM_NONE": "Keine"
+    "FAVORITE_PLATFORM_NONE": "Keine",
+    "SKIN_OVERRIDES": "Dein Skin legt Farben und Ecken fest. Nimm ihn auf der Punkte-Seite ab."
   },
   "VALIDATION": {
     "EMAIL_REQUIRED": "Email ist erforderlich.",
@@ -1006,7 +1007,8 @@
       "COMPLETED": "+40 Punkte, wenn du in einem abgeschlossenen Spiel 100 % der Erfolge hast.",
       "FINISHED_MANUAL": "15 Punkte für ein manuelles Spiel, das du durchspielst, höchstens 3 pro Woche.",
       "MONTH": "40 Punkte, wenn dein Stapel am Monatsende kleiner ist als am Monatsanfang und du in dem Monat ein Spiel durchgespielt hast.",
-      "STREAK": "20 Punkte für jede Woche mit einem beendeten Spiel nach einer Woche mit einem beendeten Spiel."
+      "STREAK": "20 Punkte für jede Woche mit einem beendeten Spiel nach einer Woche mit einem beendeten Spiel.",
+      "UNLOCK": "Gegenstände mit Schloss kann man nicht kaufen. Sie werden einmal und für immer freigeschaltet, wenn du ihr Ziel erreichst."
     },
     "SLOTS": {
       "AVATAR_BORDER": "Avatarrahmen",
@@ -1015,7 +1017,8 @@
       "BANNER_FRAME": "Bannerrahmen",
       "COMPLETED_EFFECT": "Effekt für 100 %",
       "PAGE_BACKGROUND": "Seitenhintergrund",
-      "BANNER_BACKGROUND": "Bannerhintergrund"
+      "BANNER_BACKGROUND": "Bannerhintergrund",
+      "SKIN": "Skin"
     },
     "ITEMS": {
       "BORDER_GOLD": "Goldener Avatarrahmen",
@@ -1045,7 +1048,22 @@
       "BG_WAVES": "Animierter Hintergrund: Wellen",
       "BN_WAVES": "Animiertes Banner: Wellen",
       "BG_BOKEH": "Animierter Hintergrund: Bokeh-Lichter",
-      "BN_BOKEH": "Animiertes Banner: Bokeh-Lichter"
+      "BN_BOKEH": "Animiertes Banner: Bokeh-Lichter",
+      "BADGE_FINISH_10": "Beender-Abzeichen",
+      "BORDER_FINISH_25": "Silberner Avatar-Rand",
+      "FRAME_FINISH_50": "Smaragd-Bannerrahmen",
+      "BADGE_PERFECT_5": "Perfektionisten-Abzeichen",
+      "FX_PLATINUM": "Platin-Glanz",
+      "BADGE_STREAK_4": "Serien-Abzeichen",
+      "BORDER_STREAK_12": "Flammen-Avatar-Rand",
+      "FRAME_PILE_DOWN_3": "Türkiser Bannerrahmen",
+      "BADGE_PLAY_MORE_1": "Mehr-spielen-Abzeichen",
+      "BORDER_PLAY_MORE_3": "Himmelblauer Avatar-Rand",
+      "BN_EQUALIZER": "Animiertes Banner: Equalizer",
+      "SKIN_PASTEL": "Skin: Pastell",
+      "SKIN_RETRO_CRT": "Skin: Retro-Röhre",
+      "SKIN_CYBERPUNK": "Skin: Cyberpunk",
+      "SKIN_STEAM": "Skin: Steam"
     },
     "KINDS": {
       "STARTED": "Gestartet",
@@ -1055,7 +1073,16 @@
       "MONTH": "Kleinerer Stapel im",
       "STREAK": "Serien-Woche",
       "STARTER": "Startpunkte",
-      "BUY": "Gekauft"
+      "BUY": "Gekauft",
+      "UNLOCK": "Freigeschaltet"
+    },
+    "LOCKED": "Gesperrt, Fortschritt",
+    "PROGRESS": {
+      "GAMES_FINISHED": "{{count}} / {{target}} Spiele beendet",
+      "GAMES_COMPLETED": "{{count}} / {{target}} Spiele zu 100 %",
+      "FINISH_WEEKS": "{{count}} / {{target}} Wochen in Folge mit einem beendeten Spiel",
+      "PILE_DOWN_MONTHS": "{{count}} / {{target}} Monate in Folge mit kleinerem Stapel",
+      "PLAY_MORE_MONTHS": "{{count}} / {{target}} Monate in Folge mit mehr Spielzeit als im Monat davor"
     }
   },
   "UNSAVED_CHANGES": {

public/i18n/en.json

@@ -168,7 +168,8 @@
     "PROFILE_TILES_HINT": "Choose what your profile shows, and where: open your profile and click \"Customize\".",
     "FAVORITE_PLATFORM": "Favorite platform",
     "FAVORITE_PLATFORM_HINT": "Selected first when you add a game on more than one platform.",
-    "FAVORITE_PLATFORM_NONE": "None"
+    "FAVORITE_PLATFORM_NONE": "None",
+    "SKIN_OVERRIDES": "Your skin sets colors and corners. Take it off on the Points page."
   },
   "VALIDATION": {
     "EMAIL_REQUIRED": "Email is required.",
@@ -1006,7 +1007,8 @@
       "COMPLETED": "+40 points when you reach 100 % achievements in a completed game.",
       "FINISHED_MANUAL": "15 points for a manual game you finish, at most 3 per week.",
       "MONTH": "40 points when your pile is smaller at the end of a month than at its start and you finished a game that month.",
-      "STREAK": "20 points for every week with a finished game after a week with a finished game."
+      "STREAK": "20 points for every week with a finished game after a week with a finished game.",
+      "UNLOCK": "Items with a lock cannot be bought. They unlock once, for good, when you reach their goal."
     },
     "SLOTS": {
       "AVATAR_BORDER": "Avatar border",
@@ -1015,7 +1017,8 @@
       "BANNER_FRAME": "Banner frame",
       "COMPLETED_EFFECT": "Completed effect",
       "PAGE_BACKGROUND": "Page background",
-      "BANNER_BACKGROUND": "Banner background"
+      "BANNER_BACKGROUND": "Banner background",
+      "SKIN": "Skin"
     },
     "ITEMS": {
       "BORDER_GOLD": "Golden avatar border",
@@ -1045,7 +1048,22 @@
       "BG_WAVES": "Animated background: waves",
       "BN_WAVES": "Animated banner: waves",
       "BG_BOKEH": "Animated background: bokeh",
-      "BN_BOKEH": "Animated banner: bokeh"
+      "BN_BOKEH": "Animated banner: bokeh",
+      "BADGE_FINISH_10": "Finisher badge",
+      "BORDER_FINISH_25": "Silver avatar border",
+      "FRAME_FINISH_50": "Emerald banner frame",
+      "BADGE_PERFECT_5": "Perfectionist badge",
+      "FX_PLATINUM": "Platinum shine",
+      "BADGE_STREAK_4": "Streak badge",
+      "BORDER_STREAK_12": "Flame avatar border",
+      "FRAME_PILE_DOWN_3": "Teal banner frame",
+      "BADGE_PLAY_MORE_1": "Play more badge",
+      "BORDER_PLAY_MORE_3": "Sky avatar border",
+      "BN_EQUALIZER": "Animated banner: equalizer",
+      "SKIN_PASTEL": "Skin: Pastel",
+      "SKIN_RETRO_CRT": "Skin: Retro CRT",
+      "SKIN_CYBERPUNK": "Skin: Cyberpunk",
+      "SKIN_STEAM": "Skin: Steam"
     },
     "KINDS": {
       "STARTED": "Started",
@@ -1055,7 +1073,16 @@
       "MONTH": "Smaller pile in",
       "STREAK": "Streak week",
       "STARTER": "Starter points",
-      "BUY": "Bought"
+      "BUY": "Bought",
+      "UNLOCK": "Unlocked"
+    },
+    "LOCKED": "Locked, progress",
+    "PROGRESS": {
+      "GAMES_FINISHED": "{{count}} / {{target}} games finished",
+      "GAMES_COMPLETED": "{{count}} / {{target}} games at 100 %",
+      "FINISH_WEEKS": "{{count}} / {{target}} weeks in a row with a finish",
+      "PILE_DOWN_MONTHS": "{{count}} / {{target}} months in a row with a smaller pile",
+      "PLAY_MORE_MONTHS": "{{count}} / {{target}} months in a row with more play time than the month before"
     }
   },
   "UNSAVED_CHANGES": {