Revisione di Codex: salvataggi a punti fermi, salva e carica da file, volume delle voci

- si salva solo a sequenza finita: uscire a metà di una risposta o della casetta riporta a prima; la squama
  presa resta salvata anche senza cambiare scena; test di interruzione su soluzione e catena del ghiacciolo
- «Salva su file» nella pausa e «Carica» nel titolo, con controllo di versione e contenuto prima di
  sostituire il salvataggio del browser
- cursore del volume delle voci («bla»), 50% di partenza; il muto zittisce subito la voce, la pausa la riprende
- col dito un oggetto mancato di poco si prende, e i piccoli vincono sui grandi che li contengono (la squama);
  verbi su due colonne nel telefono in orizzontale
- sfondi caricati per vicinanza alla scena di partenza, con tentativi limitati se falliscono; a gioco fermo
  non si ridisegna
- modalità ?debug per scrivere le scene: area calpestabile, hotspot, punti, coordinate copiabili
- corretto: i crediti dal titolo restavano dietro il titolo

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01ApqNBvNbNCwXqR2RLo8QJh

index.html

@@ -18,7 +18,9 @@
     </div>
     <div id="sound">
       <button id="mute" aria-label="Musica: togli l'audio" title="Musica (M)">♪</button>
-      <input id="volume" type="range" min="0" max="100" step="5" aria-label="Volume della musica">
+      <input id="volume" type="range" min="0" max="100" step="5" aria-label="Volume della musica" title="Volume della musica">
+      <label for="voice-volume" class="sound-label" title="Volume delle voci">bla</label>
+      <input id="voice-volume" type="range" min="0" max="100" step="5" aria-label="Volume delle voci" title="Volume delle voci">
     </div>
     <section id="splash" class="overlay" aria-label="Manzolo (Poca) Art Presents">
       <p class="splash-name">Manzolo</p>
@@ -28,7 +30,9 @@
     <section id="title" class="overlay" hidden>
       <h1>La Leggenda<br>del <span>Regolo</span></h1>
       <p class="subtitle">San Piero a Sieve · Palio della Fortezza · 2007</p>
-      <div class="buttons"><button id="continue" hidden>Continua</button><button id="new-game">Nuova partita</button><button class="open-credits secondary">Crediti</button></div>
+      <div class="buttons"><button id="continue" hidden>Continua</button><button id="new-game">Nuova partita</button><button id="load-game" class="secondary">Carica</button><button class="open-credits secondary">Crediti</button></div>
+      <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>
     </section>
     <section id="intro" class="overlay" hidden>
@@ -52,10 +56,11 @@
       <div class="buttons pause-buttons">
         <button id="resume">Riprendi</button>
         <button id="pause-map" class="secondary">Mappa</button>
+        <button id="save-file" class="secondary" title="Scarica la partita in un file da aprire su un altro dispositivo">Salva su file</button>
         <button class="open-credits secondary">Crediti</button>
         <button id="to-title" class="secondary">Torna al titolo</button>
       </div>
-      <p class="hint">La partita è salvata: dal titolo si riprende con «Continua».</p>
+      <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>
     </section>
     <section id="credits" class="overlay" hidden aria-label="Crediti">
       <h2>Crediti</h2>