Redraw the backdrop and cool the menus down

The court art had three faults: a hard-edged pale panel sitting on the near
half, mown stripes that stopped and restarted where the court began, and the
blood pool stranded behind the baseline where a portrait phone cropped it off.
Redrawn with the stripes running unbroken the full depth and the stain out on
the court where it can be seen.

The picture also read as zoomed in, which was not the art but the crop: at 4:6
`cover` was throwing away a third of the width on a phone. The sky is extended
to 1:2 instead, so the whole arena survives the crop.

Menu palette rotated off olive towards a cool desaturated blue-green with much
quieter borders, and the boxed BEST RUN / WORLD RANK bar is gone from the
splash — it sat on the best part of the art to say what the two buttons under
it already said.

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

main.js

@@ -111,13 +111,12 @@ function summary() {
     + `<span>${best ? best + (best === 1 ? ' GAME' : ' GAMES') + ' TO BEAT' : 'FIRST RUN'}</span>`;
 }
 
-// the splash figures. Re-read every time the splash comes up, because a run has just ended and
-// both numbers have moved.
+// The splash carries ONE number, on the STATS button. A boxed BEST RUN / WORLD RANK bar across the
+// top came out of the mockup and went again: it sat on the best part of the art and said twice what
+// the two buttons underneath already say. Re-read whenever the splash comes back up, because a run
+// has just ended and the count has moved.
 function refreshSplash() {
-  const { kills, best } = stats.total();
-  document.getElementById('sBest').textContent = best ? best + (best === 1 ? ' GAME' : ' GAMES') : '—';
-  document.getElementById('sRank').textContent = '#' + stats.rank(kills).toLocaleString('en-GB');
-  document.getElementById('mKills').textContent = kills.toLocaleString('en-GB') + ' KILLS';
+  document.getElementById('mKills').textContent = stats.total().kills.toLocaleString('en-GB') + ' KILLS';
   summary();
 }