Cartello → titolo: la dissolvenza parte insieme al titolo (prima il CSS sfumava il cartello prima che il codice arrivasse, e si vedeva la piazza); titolo e introduzione con fondo pieno

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

tests/browser.mjs

@@ -62,6 +62,16 @@ 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` });
+    // 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 } });
+        await slow.route('**/src/main.js', async route => { await new Promise(r => setTimeout(r, 2000)); await route.continue(); });
+        await slow.goto(`http://127.0.0.1:${PORT}/`);
+        await slow.waitForSelector('#title:not([hidden])', { timeout: 12000 });
+        const opacity = await slow.evaluate(() => Number(getComputedStyle(document.getElementById('splash')).opacity));
+        assert.ok(opacity > 0.9, `il cartello era già sfumato (${opacity}) quando è comparso il titolo`);
+        await slow.close();
+    }
     // I crediti dal titolo: si aprono, mostrano i nomi, Esc li chiude.
     await page.click('#title .open-credits');
     assert.match(await page.textContent('#credits'), /Ringraziamenti\s*Al Lele/, 'la dedica al Lele viene per prima');