Three modes, picked up front — and CLASSIC TENNIS is one of them

The setup screen picks WHAT before WHO and WHERE. Three rows out of a table,
in the court row's own markup:

CLASSIC TENNIS is not the opener with the turn switched off and left there —
it is the mode the other two are built on, so it gets real match scoring: six
games with a two-game lead is a set, best of TUNE.classicSets is the match,
the board shows the sets column (hidden until now outside splatter) and the
bar under it says which set this is. The CPU stops rubber-banding and flubs
less: aiFlubLoss exists to get a new player PAST the opener, and a mode whose
whole promise is a real match cannot be won by an opponent that falls apart
the moment he goes ahead. No tiebreak — 6-6 plays on to 8-6. Marked ponytail.

That needed a second ENDING, the one with no corpse in it: G.done, the same
summary and gated tap as the death screen, its own words (GAME, SET, MATCH. /
BEATEN.) and the man still standing. The three endings now share one block
rather than three copies of it.

Caught by the first classic test: stats banked only the FIRST classic run of a
session. `banked` was cleared by the next KILL, and a classic match has no
kills in it at all — every later match was swallowed by the double-bank guard.
beginRun() is the honest reset and restartRun calls it.

ZOMBIE TENNIS from the menu is one line; the back room keeps its door.

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

index.html

@@ -219,16 +219,20 @@ if (location.hostname !== 'splatter-tennis.wuwi.one') {
                 letter-spacing: 1px; }
   /* a row, not a stacked tile: three 3:2 tiles stacked fill a phone twice over, and the art still
      reads at this size. -webkit-tap-highlight-color kills iOS's blue flash over the pixel art. */
-  #courtList button.court { display: flex; align-items: center; gap: 11px; width: 100%;
+  /* MODE tiles reuse the court row wholesale — same box, same selected state. Only the picture
+     differs: a court tile is a photo of a court and crops fine, a mode tile is a SPRITE and must be
+     shown whole, so it gets `contain` and a dark plate to stand on. */
+  #modeList img { object-fit: contain !important; background: rgba(0,0,0,0.35); }
+  #courtList button.court, #modeList button.court { display: flex; align-items: center; gap: 11px; width: 100%;
                    margin: 0 0 8px; padding: 7px; background: var(--panel);
                    border: 2px solid var(--line); color: inherit; font: inherit; text-align: left;
                    cursor: pointer; -webkit-tap-highlight-color: transparent; }
-  #courtList button.court.on { border-color: var(--acid); background: rgba(188,212,85,0.09); }
-  #courtList img { width: 92px; height: 66px; display: block; image-rendering: pixelated; flex: none;
+  #courtList button.court.on, #modeList button.court.on { border-color: var(--acid); background: rgba(188,212,85,0.09); }
+  #courtList img, #modeList img { width: 92px; height: 66px; display: block; image-rendering: pixelated; flex: none;
                    object-fit: cover; }
-  #courtList .cb { flex: 1; min-width: 0; }
-  #courtList b { display: block; font: 400 12px Silkscreen, monospace; color: var(--cream); letter-spacing: 0.5px; }
-  #courtList i { display: block; margin: 3px 0 6px; font: 400 9px Silkscreen, monospace; color: var(--dim); font-style: normal; }
+  #courtList .cb, #modeList .cb { flex: 1; min-width: 0; }
+  #courtList b, #modeList b { display: block; font: 400 12px Silkscreen, monospace; color: var(--cream); letter-spacing: 0.5px; }
+  #courtList i, #modeList i { display: block; margin: 3px 0 6px; font: 400 9px Silkscreen, monospace; color: var(--dim); font-style: normal; }
   /* The two meters read straight off the court's own bounce numbers (see main.js), so they cannot
      drift away from what the ball actually does on it. */
   .meter { display: flex; align-items: center; gap: 6px; margin-top: 4px;
@@ -352,9 +356,11 @@ if (location.hostname !== 'splatter-tennis.wuwi.one') {
          adding either is a table row, never markup -->
     <div id="setup">
       <div class="hdr"><button class="chev" id="sBack">&lsaquo;</button><h2>MATCH SETUP</h2></div>
-      <h3>01 · PLAYER</h3>
+      <h3>01 · MODE</h3>
+      <div id="modeList"></div>
+      <h3>02 · PLAYER</h3>
       <div id="tours"></div>
-      <h3>02 · COURT</h3>
+      <h3>03 · COURT</h3>
       <div id="courtList"></div>
       <div class="foot">
         <p id="sSum"></p>
@@ -416,6 +422,6 @@ if (location.hostname !== 'splatter-tennis.wuwi.one') {
     </div>
   </div>
 </div>
-<script type="module" src="src/main.js?v=178"></script>
+<script type="module" src="src/main.js?v=179"></script>
 </body>
 </html>