Frontend, README und Konfigurationsvorlage

React-Oberfläche mit Übersicht, Match-Erstellung, Beitritt über Team- und
Zuschauercodes, Teamkarten, visuellem Map-Veto, Serie und Serverpanel.
README beschreibt Einrichtung, Umgebungsvariablen, Rollen, Veto-Abläufe,
Serveradapter und CSTV-Zuschauerzugang.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

client/src/components/SeriesList.jsx

@@ -0,0 +1,30 @@
+const STATUS = { pending: 'Ausstehend', next: 'Wird eingerichtet', live: 'Aktuell', done: 'Gespielt' };
+
+export default function SeriesList({ state }) {
+  const { teams } = state;
+  return (
+    <div className="series">
+      <h2>Map-Reihenfolge</h2>
+      <ol className="series-list">
+        {state.series.map((s) => {
+          const map = state.maps.find((m) => m.id === s.map);
+          const ct = s.ctTeam ? teams[s.ctTeam].name : null;
+          const t = s.ctTeam ? teams[s.ctTeam === 'A' ? 'B' : 'A'].name : null;
+          return (
+            <li key={s.number} className={`series-item is-${s.status}`} style={{ '--map': map?.color ?? '#556' }}>
+              <span className="series-no">Map {s.number}</span>
+              <strong className="series-map">{s.mapName}</strong>
+              <span className="series-origin">
+                {s.pickedBy ? `Pick von ${teams[s.pickedBy].name}` : 'Entscheidungsmap'}
+              </span>
+              <span className="series-sides">
+                {ct ? <><span className="side-ct">CT: {ct}</span> <span className="side-t">T: {t}</span></> : 'Seiten im Spiel festlegen'}
+              </span>
+              <span className="series-status">{STATUS[s.status]}</span>
+            </li>
+          );
+        })}
+      </ol>
+    </div>
+  );
+}