From 877b29a6e3b546a02a78a7dec90153f6ec682d5c Mon Sep 17 00:00:00 2001
From: Andrea Manzi <manzolo@libero.it>
Date: Sun, 25 Oct 2026 10:52:00 +0100
Subject: [PATCH] La versione del gioco nell'angolo del titolo e in fondo alla
 pausa

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_018ks2K99uqCZjAxvy7Rdj1R
---
 index.html        | 2 ++
 src/main.js       | 3 ++-
 style.css         | 3 +++
 tests/browser.mjs | 1 +
 4 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 6156e33..ba7362d 100644
--- a/index.html
+++ b/index.html
@@ -35,6 +35,7 @@
       <input id="load-file" type="file" accept=".json,application/json" hidden>
       <p id="load-error" class="load-error" hidden role="alert"></p>
       <p class="dedication">Al Lele, che mi ha fatto conoscere Monkey Island.</p>
+      <p class="version"></p>
     </section>
     <section id="rione" class="overlay" hidden aria-label="Scegli il rione">
       <h2>Per chi corri quest'anno?</h2>
@@ -79,6 +80,7 @@
         <button id="to-title" class="secondary">Torna al titolo</button>
       </div>
       <p class="hint">La partita è salvata: dal titolo si riprende con «Continua». Con «Salva su file» la porti su un altro dispositivo e la apri con «Carica».</p>
+      <p class="version"></p>
     </section>
     <section id="credits" class="overlay" hidden aria-label="Ringraziamenti">
       <h2>Ringraziamenti</h2>
diff --git a/src/main.js b/src/main.js
index a7d8559..de8d1b0 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6,7 +6,7 @@ import { render, loadAssets, hasBackground, WIDTH, HEIGHT } from './engine/rende
 import { readSave, writeSave, clearSave, readAudio, writeAudio, saveFile, saveFileName, readSaveFile } from './engine/storage.js';
 import { Music, trackFor } from './engine/music.js';
 import { Voices } from './engine/voices.js';
-import { versioned } from './version.js';
+import { VERSION, versioned } from './version.js';
 
 const $ = id => document.getElementById(id);
 const canvas = $('scene'), ctx = canvas.getContext('2d');
@@ -608,6 +608,7 @@ function showSplash() {
     addEventListener('keydown', end, { once: true });
 }
 
+for (const el of document.querySelectorAll('.version')) el.textContent = `v${VERSION}`;
 game = new Game(story);
 command = new Command(game);
 showSplash();
diff --git a/style.css b/style.css
index f8c1692..d9bc8ab 100644
--- a/style.css
+++ b/style.css
@@ -71,6 +71,9 @@ body { display: flex; justify-content: center; overflow-x: hidden; -webkit-tap-h
   background: #0d0910; } /* fondo pieno: finché l'illustrazione non arriva, sotto non si vede il gioco */
 #title .buttons { margin-top: auto; }
 #title .dedication { margin-bottom: 2%; text-shadow: 2px 2px 0 #000; }
+/* La versione (src/version.js), piccola: nell'angolo del titolo e in fondo alla pausa. */
+.version { margin: 0; font-size: 9px; color: var(--dim); opacity: .75; }
+#title .version { position: absolute; right: 8px; bottom: 6px; text-shadow: 1px 1px 0 #000; }
 #title .subtitle { color: var(--ink); text-shadow: 2px 2px 0 #000; }
 #intro { justify-content: flex-start; padding-top: 7%; cursor: pointer; image-rendering: pixelated;
   background: #0d0910; } /* fondo pieno: finché l'illustrazione non arriva, sotto non si vede il gioco */
diff --git a/tests/browser.mjs b/tests/browser.mjs
index 6d21444..73acd46 100644
--- a/tests/browser.mjs
+++ b/tests/browser.mjs
@@ -62,6 +62,7 @@ try {
     await page.screenshot({ path: `${OUT}/00b-dissolvenza.png` });
     await page.waitForSelector('#splash', { state: 'hidden', timeout: 3000 });
     await page.screenshot({ path: `${OUT}/01-titolo.png` });
+    assert.match(await page.textContent('#title .version'), /^v\d+\.\d+\.\d+$/, 'la versione nell\'angolo del titolo');
     // Col codice lento ad arrivare (rete vera) il cartello aspetta il titolo: non sfuma prima per conto suo.
     {
         const slow = await browser.newPage({ viewport: { width: 1280, height: 860 } });