style(referto): riprendi il layout del modulo ufficiale FIPAV

Cornice nera, barre teal "SET N" per set, badge A/B per squadre e
box risultato finale in stile tabella, per avvicinare il referto
stampabile all'aspetto del referto cartaceo FIPAV mantenendo solo
i dati che l'app traccia realmente.

tests/e2e/referto.spec.cjs

@@ -40,8 +40,7 @@ test.describe('Referto di fine partita', () => {
         // Verifica il contenuto del referto
         const body = popup.locator('body');
         await expect(body).toContainText('Referto di Gara');
-        await expect(body).toContainText('Set 1');
-        await expect(body).toContainText('Set 2');
+        await expect(popup.locator('.set-numero')).toHaveText(['1', '2']);
         // Home ha vinto 2 set a 0
         await expect(body).toContainText('2 – 0');
     });

tests/unit/referto.test.js

@@ -21,10 +21,10 @@ describe('buildRefertoHtml (referto.js)', () => {
             { serv: 'h', ris: 'h'.repeat(25) + 'g'.repeat(18), vinc: 'h' },
         ]
         const html = buildRefertoHtml(statoConSet(striscia), NOW)
-        // due set reali → "Set 1" e "Set 2", mai "Set 3"
-        expect(html).toContain('Set 1')
-        expect(html).toContain('Set 2')
-        expect(html).not.toContain('Set 3')
+        // due set reali → numeri "1" e "2" nella barra SET, mai "3"
+        expect(html).toContain('<span class="set-numero">1</span>')
+        expect(html).toContain('<span class="set-numero">2</span>')
+        expect(html).not.toContain('<span class="set-numero">3</span>')
     })
 
     it('calcola il punteggio finale di ogni set dalla ris', () => {