Wall page: mint QR, achievement badge, admin-ad backfill, join gated on views

- QR is mint-green (still high-contrast for reliable scanning).
- The wall shows the owner's achievement badge next to their avatar.
- Positions 2 & 3 fill with upline line-banners, then ADMIN ADS when there's no
  upline (configurable via data/admin-wall-ads.json; sensible default) so the
  wall is never sparse.
- "Join free through this wall" is disabled until the visitor has viewed every
  ad on the wall, with a "X/Y viewed" prompt.

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

public/assets/wall.js

@@ -16,6 +16,7 @@
   title.innerHTML = safeName;
   IAP.$('bioHead').hidden = false;
   if (w.avatarUrl) { const av = IAP.$('bioAvatar'); av.src = w.avatarUrl; av.hidden = false; }
+  if (w.badge) { const bb = IAP.$('bioBadge'); if (bb) { bb.src = w.badge.img; bb.title = w.badge.label + ' badge'; bb.hidden = false; } }
   IAP.$('bioText').textContent = w.bio || 'Building a team on InstantAdPay — join through this page and you\'re in my line.';
   if (w.qrUrl) IAP.$('bioQr').src = w.qrUrl;
   // social links
@@ -27,7 +28,6 @@
     sc.innerHTML = links.join('');
   }
   IAP.$('wallCtaHead').textContent = 'Join ' + w.name + '’s line';
-  IAP.$('wallJoin').href = w.joinUrl;
   // per-wall viewed-position memory (survives revisits; anonymous-friendly)
   const VKEY = 'iap-wall-' + name;
   let viewed = {};
@@ -35,6 +35,16 @@
   const DWELL = 10;
   const grid = IAP.$('wallGrid');
   grid.innerHTML = '';
+  // join is gated: you must view every ad on the wall before you can join
+  const joinBtn = IAP.$('wallJoin'), gate = IAP.$('wallGate');
+  function updateGate() {
+    const viewable = w.ladder.filter(m => m.targetUrl).length;
+    const seen = w.ladder.filter((m, i) => m.targetUrl && viewed[i]).length;
+    if (viewable > 0 && seen < viewable) {
+      joinBtn.classList.add('disabled'); joinBtn.removeAttribute('href');
+      if (gate) { gate.hidden = false; gate.textContent = 'View all ' + viewable + ' ads above to unlock joining (' + seen + '/' + viewable + ' viewed).'; }
+    } else { joinBtn.href = w.joinUrl; joinBtn.classList.remove('disabled'); if (gate) gate.hidden = true; }
+  }
   w.ladder.forEach((m, i) => {
     const d = document.createElement('div');
     d.className = 'wall-card';
@@ -64,11 +74,12 @@
           clearInterval(t);
           viewed[i] = 1;
           try { localStorage.setItem(VKEY, JSON.stringify(viewed)); } catch (e) {}
-          done();
+          done(); updateGate();
         }, 1000);
       });
       act.appendChild(btn);
     }
     grid.appendChild(d);
   });
+  updateGate();
 })();