Mappa: filtrando, i posti trovati si vedono (la mappa non resta lunga e scorsa in fondo); il Barone e le sue due donne e due jack; prove nel browser su una porta libera (con la 8080 giravano sul container)

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

src/main.js

@@ -217,6 +217,7 @@ function filterMap() {
     $('map-none').hidden = shown > 0;
     $('map-none').textContent = `Nessun posto con «${query.trim()}»`;
     drawRoads();
+    $('map-scroll').scrollTo(0, 0); // i posti rimasti stanno in cima: niente mappa vuota scorsa in fondo
 }
 $('map-search').addEventListener('input', filterMap);
 $('map-search').addEventListener('keydown', e => {
@@ -226,7 +227,11 @@ $('map-search').addEventListener('keydown', e => {
 });
 // Le strade fra le schede, misurate dopo l'impaginazione (e di nuovo se la finestra cambia misura).
 function drawRoads() {
-    const board = $('map-board'), svg = $('map-roads'), origin = board.getBoundingClientRect();
+    const board = $('map-board'), svg = $('map-roads');
+    // Prima si toglie la misura vecchia: il disegno delle strade, grande quanto la mappa intera, la terrebbe lunga
+    // anche dopo un filtro.
+    svg.style.width = svg.style.height = '0';
+    const origin = board.getBoundingClientRect();
     const center = id => {
         const card = board.querySelector(`[data-scene="${id}"]`);
         const r = card && !card.hidden && !card.parentElement.hidden && card.querySelector('img').getBoundingClientRect();