The leagues, phase 1: the profile clock ticks — xp, levels, the identity screen, the server mirror

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

src/render.js

@@ -7,6 +7,7 @@ import { RAISERS, FRAMES } from './crowd.js';
 import { predictLanding, previewServe, slotId, slotStock, serveApexY, rallyFeel, swayOf } from './gameplay.js';
 import { drillQueue, drillLegal, drillMult } from './drill.js';
 import { zombies, gore, piles, parts, pellets, extras, shots, pops } from './zombies.js';
+import { runDelta, progress } from './profile.js';
 
 // ---------------------------------------------------------------- palette ----
 // tennis palette -> drained splatter palette; the transition lerps between them.
@@ -2905,10 +2906,23 @@ export function render() {
           : G.classic ? 'LONGEST MATCH  ' + G.best.games + ' GAMES'
           : 'BEST  ' + G.best.games + ' GAMES · ' + G.best.sets + ' SETS', W / 2, H / 2 + 4, UI.dim);
       }
+      // THE RUN'S XP — the moment meta-progress absorbs the permadeath (the leagues, phase 1).
+      // Muted modes never award, so a training rep or a drill shows nothing here by construction.
+      const xd = runDelta();
+      if (xd.xp > 0) {
+        const pr = progress();
+        ctx.font = F(8);
+        shadowText('+' + xd.xp + ' XP' + (xd.to > xd.from ? '  ·  LEVEL ' + xd.from + ' → ' + xd.to
+                                                          : '  ·  LEVEL ' + pr.level),
+                   W / 2, H / 2 + 18, xd.to > xd.from ? UI.pick : UI.cream);
+        const bw = 120, bx = Math.round(W / 2 - bw / 2), by = Math.round(H / 2 + 30);
+        ctx.fillStyle = 'rgba(255,255,255,0.14)'; ctx.fillRect(bx, by, bw, 4);
+        ctx.fillStyle = UI.warm; ctx.fillRect(bx, by, Math.round(bw * pr.frac), 4);
+      }
       // gated well past the animation so a panic tap can't skip it (main.js gates the restart the same)
       if (dead ? G.eatenT > EATEN_RESTART : G.done.t > DONE_RESTART) {
         ctx.font = F(8);
-        shadowText(IS_TOUCH ? 'TAP TO PLAY AGAIN' : 'PRESS ANY KEY TO PLAY AGAIN', W / 2, H / 2 + 32, UI.warm);
+        shadowText(IS_TOUCH ? 'TAP TO PLAY AGAIN' : 'PRESS ANY KEY TO PLAY AGAIN', W / 2, H / 2 + 44, UI.warm);
       }
       ctx.restore();
     }