Add opt-in phone gameplay recording and JSON export

index.html

@@ -657,6 +657,15 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
           padding-bottom: max(10px, env(safe-area-inset-bottom));
           border-top: 2px solid var(--line); background: var(--solid); }
   .foot .btn { margin-bottom: 0; }
+  #recLamp { position: fixed; right: 9px; top: max(52px, calc(env(safe-area-inset-top) + 44px));
+    z-index: 5; color: #ffd8ca; background: #59251f; padding: 4px 6px;
+    font: 10px Silkscreen, monospace; pointer-events: none; }
+  #recLamp[hidden], body:has(#intro:not([hidden])) #recLamp { display: none; }
+  #recorder { border-top: 1px solid var(--line); padding-top: 10px; margin-top: 14px; }
+  #recorder p { font: 11px/1.5 Silkscreen, monospace; color: var(--dim); }
+  #recorder .btn { min-height: 44px; }
+  #recorder .btn:disabled { opacity: 0.4; }
+  #recNew[hidden] { display: none; }
   /* Gore gets a front door; the records become quiet navigation, with full touch targets. */
   #mGore { display: flex; align-items: center; justify-content: center; gap: 12px;
            padding: 9px 12px; border-color: #804338; background: #281b19; color: #f1d6bf; }
@@ -1033,6 +1042,14 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
            your career now, in four numbers that always mean the same thing, plus the two things
            the screen is actually good at: the bodies you have collected, and the rack you fired. -->
       <div class="figs pair" id="stFigs"></div>
+      <section id="recorder">
+        <h3>PLAYTEST RECORDING</h3>
+        <p>Record league, Climb and training points to investigate difficulty. Export here after playing.</p>
+        <p id="recStatus" role="status"></p>
+        <button class="btn sec" id="recToggle">RECORD PLAYTEST</button>
+        <button class="btn sec" id="recExport" disabled>EXPORT RECORDING</button>
+        <button class="btn sec" id="recNew" hidden>REPLACE WITH NEW RECORDING</button>
+      </section>
       <h3>BY OPPONENT<span>ALL TIME</span></h3>
       <div id="stZ"></div>
       <h3>BY WEAPON</h3>
@@ -1089,6 +1106,7 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
     </div>
   </div>
 </div>
-<script type="module" src="src/main.js?v=350"></script>
+<span id="recLamp" hidden>REC</span>
+<script type="module" src="src/main.js?v=351"></script>
 </body>
 </html>