Weapons: a courtside rack you pick from + pixel-art HUD

Tins now accumulate on a courtside rack (cap 3) instead of replacing each other; a PLAIN slot banks specials for later, and GUN is a charge you pop for an auto-fire burst. Tap the rack or press 1-5 to choose what your serve throws. A fresh delivery auto-equips but never overrides a deliberate PLAIN, and the 1:1 sudden-death duel forces plain balls.

HUD gets real art: generated pixel-art weapon icons, an ornate Wimbledon scoreboard PNG backing the live text (no more code-drawn boxes on top), and a bundled Silkscreen pixel font replacing the system serif. Rack tiles get padding, count-over-label alignment, and an infinity marker on the ball.

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

index.html

@@ -5,6 +5,11 @@
 <title>Splatter Tennis</title>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <style>
+  /* pixel HUD font — bundled so it renders offline; used by the canvas scoreboard + rack */
+  @font-face { font-family: 'Silkscreen'; font-weight: 400; font-display: block;
+               src: url('assets/fonts/Silkscreen-Regular.ttf') format('truetype'); }
+  @font-face { font-family: 'Silkscreen'; font-weight: 700; font-display: block;
+               src: url('assets/fonts/Silkscreen-Bold.ttf') format('truetype'); }
   html, body { margin: 0; height: 100%; background: #10141c; display: grid; place-items: center; }
   canvas { image-rendering: pixelated; width: min(96vw, calc(96vh * 16 / 9)); aspect-ratio: 16/9; touch-action: none; }
   #hint { position: fixed; bottom: 8px; width: 100%; text-align: center;
@@ -47,6 +52,6 @@
     <p class="start">TAP TO START</p>
   </div>
 </div>
-<script type="module" src="main.js?v=10"></script>
+<script type="module" src="main.js?v=15"></script>
 </body>
 </html>