Rebrand platform as SysnaptiK Neural

2026-07-14 14:44:04 +02:00
parent 2e01583d8f
commit f9ee3092a3
62 changed files with 319 additions and 168 deletions
@@ -1,9 +1,27 @@
 # Changelog

-Alle nennenswerten Änderungen an **Mindflux** werden hier dokumentiert.
+Alle nennenswerten Änderungen an **SysnaptiK Neural** werden hier dokumentiert.
 Format angelehnt an [Keep a Changelog](https://keepachangelog.com/de/1.0.0/),
 Versionierung [semantisch](https://semver.org/lang/de/).

+## [Unreleased] – 2026-07-14 · SysnaptiK Neural Rebrand
+
+### Marke & Plattform
+- **Sichtbarer Markenwechsel:** Mindflux heißt auf der Plattform nun **SysnaptiK Neural**;
+  FinalFlux wurde zu **FinalProtocol**. Bestehende technische Routen, Datenbanktabellen,
+  Spiel-Keys und Paketnamen bleiben für Kompatibilität unverändert.
+- **Neue Plattformwelt:** Die bisherige Zeitreise-/BTTF-Anmutung wurde durch ein dunkles
+  neuronales Netzwerk mit Knoten, Verbindungen, Petrolflächen und grünen Glows ersetzt.
+  Login/Registrierung, Dashboard, Profilseiten, Admin- und Rechtsseiten nutzen dieselbe Hülle.
+- **Dashboard nach Spielknoten:** Jede Plattform-Spielkarte trägt einen eigenen Akzent
+  (u. a. DevLab Mint, SyntaxSaga Violett, BugHunter Crimson, NetWorker Blau,
+  FinalProtocol Orange) – ohne die internen Spieloberflächen zu verändern.
+- **Zeitreise-Copy entfernt:** Die sichtbare Pausenfunktion heißt nun **NeuralPause**;
+  BTTF-Referenzen und Sprüche wurden durch neutrale Lernpausen-Texte ersetzt.
+- **FinalProtocol durchgängig benannt:** Hub, Lernseiten, Navigation, Rücklinks und
+  Seitentitel zeigen den neuen Namen, während die bestehende FinalFlux-URL als kompatibler
+  technischer Pfad erhalten bleibt.
+
 ## [Unreleased] – 2026-07-13 · BugHunter, NetWorker & echter Lernfortschritt

 ### Planung
@@ -96,6 +96,63 @@ Accessibility-Widget soll anschließend jeweils den lokalen Akzent übernehmen.

 ---

+## Plattform-Rebrand: SysnaptiK Neural ⏳ in Umsetzung
+
+> ✅ **Stand 2026-07-14:** Die sichtbare Plattformhülle ist auf SysnaptiK Neural
+> umgestellt: zentrale Neural-Schicht, Wortmarke, Login/Registrierung, Dashboard,
+> Plattformseiten und FinalProtocol. Die Spielwurzeln sind explizit vom Plattform-Scope
+> ausgeschlossen und behalten ihre jeweiligen internen Skins. NeuralPause ersetzt die
+> sichtbare FluxTimer-/Zeitreise-Copy. Domain-/DNS-Umzug und technische Paket-/Tabellennamen
+> bleiben bewusst separate Schritte.
+
+### Ziel und Abgrenzung
+
+Mindflux wird vor dem öffentlichen Launch als **SysnaptiK Neural** positioniert. Die Plattform
+wechselt vom bisherigen Zeitreise-/Back-to-the-Future-Anklang zu einer eigenständigen
+neuronalen Netzwerk-Metapher. Das Lernmodul **FinalFlux** heißt künftig **FinalProtocol**.
+
+Der Rebrand betrifft ausschließlich die Plattformhülle: Startseite, Login/Registrierung,
+Dashboard, Profil, Fortschritt, Erfolge, Einstellungen, Knowledge Core, FinalProtocol,
+Admin- und Rechtsseiten, Seitentitel sowie öffentliche Metadaten. Die eigenständigen
+Spielwelten und ihre internen Farben bleiben unverändert.
+
+### Visuelles System
+
+- **Grundwelt:** tiefes Petrol/Schwarz, leise Netzwerklinien, Knoten, weiche Glows und
+  klare technische Panels statt Zeitreise-, DeLorean-, Fluxkompensator- oder BTTF-Verweise.
+- **Marke:** CSS-/SVG-Wortmarke „SYSNAPTIK NEURAL“ mit abstraktem neuronalen Knoten statt
+  einer abgeleiteten Popkultur-Ästhetik.
+- **Statusfarben:** Erfolg bleibt Plattform-Blau, Fehler Rot; Knotenstatus wird zusätzlich
+  über Symbol, Text und Form vermittelt.
+- **Knotenfarben auf der Plattform:** MindMatch Magenta/Violett, TechTacular Gelb,
+  DevLab Mint, SyntaxSaga Violett, SystemEscape Bernstein, ServiceClash Türkis,
+  BugHunter Crimson, NetWorker Blau und FinalProtocol Orange. Diese Zuordnung gilt für
+  Dashboard, Lernnetz, Fortschritt und Erfolge – nicht als Änderung der Spieloberflächen.
+
+### Umsetzungsphasen
+
+1. **Fundament:** zentrale Neural-Tokens und Markenbausteine in theme.css, BTTF-/Zeitreise-
+   Copy aus Plattform-Tokens und FluxTimer entfernen; Accessibility auf die neutrale
+   Plattformfarbe ausrichten.
+2. **Referenzoberflächen:** Start/Authentifizierung und Dashboard als neuraler Leitstand:
+   neue Sidebar, Spielknoten-Karten, Systemstatus, echter Fortschritt und ein
+   Lernnetz statt dekorativer Platzhalter.
+3. **Plattformseiten:** Profil, Fortschritt, Erfolge, Einstellungen, Knowledge Core,
+   Fehler-, Rechts- und Admin-Seiten auf das gemeinsame Layout und die Wortmarke ziehen.
+4. **FinalProtocol:** Anzeigename, Hub, Lernseiten, Navigation, Titel und Verweise von
+   FinalFlux auf FinalProtocol umstellen; URLs bleiben zunächst kompatibel bei
+   /finalflux, um bestehende Links nicht zu brechen.
+5. **Öffentliche Identität & Rollout:** Dokumentation, Titel/Meta-/OpenGraph-Texte,
+   Datenschutz/Impressum und Konfiguration auf SysnaptiK Neural umstellen. Ein möglicher
+   Domainwechsel auf neural.sysnaptik.de erfolgt separat zusammen mit DNS, nginx,
+   Cookie-Domain und einer Weiterleitung von mindflux.sysnaptik.de.
+6. **Abnahme:** Dark/Light, Mobilansicht, Tastatur-/Lesemodus, Kontraste und alle
+   Spielrouten prüfen. Technische Paketnamen, Datenbanktabellen, Score-Keys und Secrets
+   bleiben im ersten Schritt bewusst stabil; eine spätere technische Umbenennung ist ein
+   separates Migrationsprojekt.
+
+---
+
 ## Das gemeinsame Architektur-Rezept (gilt für alle 4 Spiele)

 Jedes neue Spiel folgt exakt dem Muster der vorhandenen Spiele (bester Bauplan: **Dev Lab**, `DevLabService.java` + `devlabgame.js`):
@@ -0,0 +1,66 @@
+/* SysnaptiK Neural – Plattformhülle. Spielwelten werden über sn-platform bewusst nicht berührt. */
+body.sn-platform {
+  --accent:#78d7a0; --accent-2:#b4ebc8; --accent-ink:#06130d;
+  --secondary:#6fbbe8; --secondary-2:#9fd9f6;
+  --bg:#030b0d; --bg-glow:radial-gradient(900px 560px at 58% -12%,rgba(73,183,135,.14),transparent 61%);
+  --panel:#071316; --panel-2:#0a1a1d; --surface:#081518; --surface-2:#0d2023;
+  --border:#173438; --line:#10292d; --border-accent:rgba(120,215,160,.52);
+  --text:#dceae5; --muted:#93aaa4; --heading:#f3fbf7;
+  --glow-s:rgba(120,215,160,.46); --glow-w:rgba(120,215,160,.14);
+  --fluxtimer-primary:#74cde0; --fluxtimer-secondary:#78d7a0;
+  --fluxtimer-display:#061417; --fluxtimer-segment:#a6eac0;
+  background:
+    radial-gradient(circle at 12% 86%,rgba(55,168,123,.10),transparent 27%),
+    radial-gradient(circle at 82% 8%,rgba(52,158,181,.10),transparent 29%),
+    linear-gradient(135deg,#030b0d,#061216 54%,#02090b);
+}
+body.sn-platform::before {
+  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.55;
+  background:
+    radial-gradient(circle at 8% 12%,#78d7a0 0 1px,transparent 2px),
+    radial-gradient(circle at 27% 24%,#78d7a0 0 2px,transparent 3px),
+    radial-gradient(circle at 61% 14%,#68b9dd 0 1px,transparent 2px),
+    radial-gradient(circle at 88% 31%,#78d7a0 0 2px,transparent 3px),
+    linear-gradient(24deg,transparent 0 17%,rgba(120,215,160,.13) 17.1% 17.2%,transparent 17.3% 100%),
+    linear-gradient(145deg,transparent 0 52%,rgba(104,185,221,.10) 52.1% 52.2%,transparent 52.3% 100%);
+}
+body.sn-platform .mf-sidebar { background:linear-gradient(180deg,#061114,#071518); border-color:#17373a; }
+body.sn-platform .mf-logo { gap:.8rem; }
+body.sn-platform .mf-logo .mark, body.sn-platform .auth-head .mark, body.sn-platform .overlay-panel .o-emblem {
+  position:relative; display:inline-block; width:40px; height:40px; border-radius:50%;
+  background:radial-gradient(circle at center,#b9f0ce 0 4px,#70d39a 5px 7px,transparent 8px);
+  -webkit-mask:none; mask:none; filter:drop-shadow(0 0 10px rgba(120,215,160,.65));
+}
+body.sn-platform .mf-logo .mark::before, body.sn-platform .auth-head .mark::before, body.sn-platform .overlay-panel .o-emblem::before {
+  content:""; position:absolute; inset:-7px; border:1px solid rgba(120,215,160,.55); border-radius:50%;
+  box-shadow:9px -4px 0 -7px #9ce7b7,-8px 7px 0 -6px #74cde0,7px 9px 0 -6px #b4ebc8;
+}
+body.sn-platform .mf-logo .txt b { color:#e5f8ed; letter-spacing:.18em; font-size:.88rem; }
+body.sn-platform .mf-logo .txt span { color:#78d7a0; letter-spacing:.25em; font-size:.53rem; }
+body.sn-platform .mf-nav a.active { background:linear-gradient(100deg,rgba(120,215,160,.28),rgba(120,215,160,.12)); color:#e5f8ed; box-shadow:inset 0 0 0 1px rgba(180,235,200,.42),0 0 18px rgba(120,215,160,.18); }
+body.sn-platform .mf-panel, body.sn-platform .mf-card, body.sn-platform .mf-profile { background:linear-gradient(145deg,rgba(10,29,32,.92),rgba(5,16,19,.94)); border-color:#193a3e; box-shadow:0 13px 28px rgba(0,0,0,.22); }
+body.sn-platform .mf-card { overflow:hidden; }
+body.sn-platform .mf-card::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:.55; background:radial-gradient(circle at 90% 8%,color-mix(in srgb,var(--accent) 22%,transparent) 0 1px,transparent 2px),linear-gradient(132deg,transparent 0 45%,color-mix(in srgb,var(--accent) 12%,transparent) 45.2% 45.4%,transparent 45.6%); }
+body.sn-platform .mf-card > * { position:relative; z-index:1; }
+body.sn-platform .mf-card-mindmatch { --accent:#c078f2; --accent-2:#ebc0ff; --glow-s:rgba(192,120,242,.40); }
+body.sn-platform .mf-card-techtacular { --accent:#d6db47; --accent-2:#f2f58a; --glow-s:rgba(214,219,71,.36); }
+body.sn-platform .mf-card-devlab { --accent:#78d7a0; --accent-2:#b4ebc8; --glow-s:rgba(120,215,160,.40); }
+body.sn-platform .mf-card-syntaxsaga { --accent:#b176ef; --accent-2:#dfbfff; --glow-s:rgba(177,118,239,.40); }
+body.sn-platform .mf-card-codeescape { --accent:#e5ae5b; --accent-2:#f8d09b; --glow-s:rgba(229,174,91,.38); }
+body.sn-platform .mf-card-serviceclash { --accent:#3abec5; --accent-2:#9de9e6; --glow-s:rgba(58,190,197,.38); }
+body.sn-platform .mf-card-bughunter { --accent:#e85e68; --accent-2:#ffb6bd; --glow-s:rgba(232,94,104,.38); }
+body.sn-platform .mf-card-networker { --accent:#55bdf0; --accent-2:#b2e7ff; --glow-s:rgba(85,189,240,.38); }
+body.sn-platform .mf-card-finalprotocol { --accent:#f09043; --accent-2:#ffd0a2; --glow-s:rgba(240,144,67,.38); }
+body.sn-platform .mf-footer { background:rgba(3,11,13,.72); border-color:#173438; }
+body.sn-platform .mf-center { min-height:100vh; position:relative; }
+body.sn-platform .auth-container { background:linear-gradient(145deg,rgba(10,29,32,.98),rgba(4,14,17,.98)); border-color:rgba(120,215,160,.46); }
+body.sn-platform .overlay { background:radial-gradient(520px 320px at 62% 18%,rgba(120,215,160,.20),transparent 62%),linear-gradient(150deg,#0a2224,#071416); }
+body.sn-platform .overlay-panel .o-emblem { width:56px; height:56px; }
+body.sn-platform .neon-btn { border-radius:10px; }
+body.sn-platform .auth-head b { color:#78d7a0; }
+body.sn-platform.finalflux-shell, body.sn-platform.finalflux-page {
+  --accent:#f09043; --accent-2:#ffd0a2; --accent-ink:#251004;
+  --glow-s:rgba(240,144,67,.40); --glow-w:rgba(240,144,67,.14);
+}
+body.sn-platform .finalflux-shell, body.sn-platform.finalflux-shell, body.sn-platform.finalflux-page { background:transparent; }
+@media (max-width:820px) { body.sn-platform .mf-sidebar { background:#061114; } }
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Datenschutz - FinalFlux AP1</title>
+  <title>Datenschutz - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,13 +12,13 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Datenschutz & Datensicherheit</h1>

  <section>
    <h2>Prüfungsmodus</h2>
    <p>
-      Dieser FluxCheck trainiert Datenschutz so, wie er in AP1-Handlungssituationen
+      Dieser ProtocolCheck trainiert Datenschutz so, wie er in AP1-Handlungssituationen
      auftaucht: personenbezogene Daten erkennen, DSGVO-Grundsätze anwenden,
      Betroffenenrechte einordnen, Schutzmaßnahmen auswählen und Praxisfälle bewerten.
    </p>
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>IP-Adressberechnung - FinalFlux AP1</title>
+  <title>IP-Adressberechnung - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>IP-Adressberechnung</h1>

  <section>
@@ -116,7 +116,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Projektmanagement - FinalFlux AP1</title>
+  <title>Projektmanagement - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,13 +12,13 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Projektmanagement in der AP1</h1>

  <section>
    <h2>Prüfungsmodus</h2>
    <p>
-      Dieser FluxCheck führt dich durch prüfungsrelevante Projektmanagement-Themen:
+      Dieser ProtocolCheck führt dich durch prüfungsrelevante Projektmanagement-Themen:
      Auftrag, Ziele, Anforderungen, Planung, Risiken, Qualität, Kommunikation,
      Dokumentation und Abnahme. Jede Frage gehört zu einer Kategorie, die oben im
      Themenblock angezeigt wird.
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Zahlensysteme & Speicher - FinalFlux AP1</title>
+  <title>Zahlensysteme & Speicher - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Zahlensysteme & Speicher</h1>

  <section>
@@ -91,7 +91,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Entwurfsmuster - FinalFlux AP2</title>
+  <title>Entwurfsmuster - FinalProtocol AP2</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Entwurfsmuster (Design Patterns)</h1>

  <section>
@@ -74,7 +74,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP2-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP2-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Hochverfügbarkeit - FinalFlux AP2</title>
+  <title>Hochverfügbarkeit - FinalProtocol AP2</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Hochverfügbarkeit (HA)</h1>

  <section>
@@ -60,7 +60,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP2-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP2-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Backuparten - FinalFlux AP1</title>
+  <title>Backuparten - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Backuparten</h1>

  <section>
@@ -117,7 +117,7 @@
  <section>
    <h2>Prüfungsmodus</h2>
    <p>
-      Dieser FluxCheck trainiert Backup-Grundlagen, Sicherungsarten und typische
+      Dieser ProtocolCheck trainiert Backup-Grundlagen, Sicherungsarten und typische
      Praxisentscheidungen aus AP1-Situationen.
    </p>
  </section>
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Datenbanksysteme - FinalFlux AP1</title>
+  <title>Datenbanksysteme - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Datenbanksysteme</h1>

  <section>
@@ -95,7 +95,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>DSL und Internetanschluss - FinalFlux AP1</title>
+  <title>DSL und Internetanschluss - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>DSL und Internetanschluss</h1>

  <section>
@@ -71,7 +71,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>OSI-Modell - FinalFlux AP1</title>
+  <title>OSI-Modell - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>OSI-Modell</h1>

  <section>
@@ -115,7 +115,7 @@
  <section>
    <h2>Prüfungsmodus</h2>
    <p>
-      Dieser FluxCheck trainiert das OSI-Modell für typische AP1-Aufgaben:
+      Dieser ProtocolCheck trainiert das OSI-Modell für typische AP1-Aufgaben:
      Schichten erkennen, Geräte und Protokolle zuordnen und Fehler systematisch
      eingrenzen.
    </p>
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Storage Systeme - FinalFlux AP1</title>
+  <title>Storage Systeme - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Storage Systeme</h1>

  <section>
@@ -54,7 +54,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Thin Clients - FinalFlux AP1</title>
+  <title>Thin Clients - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Thin Clients</h1>

  <section>
@@ -73,7 +73,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Netzwerktopologien - FinalFlux AP1</title>
+  <title>Netzwerktopologien - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Netzwerktopologien</h1>

  <section>
@@ -169,7 +169,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>USV - FinalFlux AP1</title>
+  <title>USV - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>USV - Unterbrechungsfreie Stromversorgung</h1>

  <section>
@@ -145,7 +145,7 @@
  <section>
    <h2>Prüfungsmodus</h2>
    <p>
-      Dieser FluxCheck trainiert USV-Grundlagen, Typen und Schutzumfang,
+      Dieser ProtocolCheck trainiert USV-Grundlagen, Typen und Schutzumfang,
      Dimensionierung (VA/Watt, Überbrückungszeit) sowie typische Betriebs- und
      Wartungsfragen aus AP1-Situationen.
    </p>
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>VDI & DaaS - FinalFlux AP1</title>
+  <title>VDI & DaaS - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>VDI & DaaS</h1>

  <section>
@@ -72,7 +72,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>VLAN - FinalFlux AP1</title>
+  <title>VLAN - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>VLAN</h1>

  <section>
@@ -70,7 +70,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Amortisation - FinalFlux AP1</title>
+  <title>Amortisation - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Amortisation</h1>

  <section>
@@ -71,7 +71,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Angebotsvergleich - FinalFlux AP1</title>
+  <title>Angebotsvergleich - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Angebotsvergleich</h1>

  <section>
@@ -53,7 +53,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Bezugskalkulation - FinalFlux AP1</title>
+  <title>Bezugskalkulation - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Bezugskalkulation</h1>

  <section>
@@ -54,7 +54,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Harvard-Konzept - FinalFlux AP1</title>
+  <title>Harvard-Konzept - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Harvard-Konzept</h1>

  <section>
@@ -49,7 +49,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Kosten-Nutzen-Vergleich - FinalFlux AP1</title>
+  <title>Kosten-Nutzen-Vergleich - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Kosten-Nutzen-Vergleich</h1>

  <section>
@@ -61,7 +61,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Make or Buy - FinalFlux AP1</title>
+  <title>Make or Buy - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Make or Buy</h1>

  <section>
@@ -66,7 +66,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Marktformen - FinalFlux AP1</title>
+  <title>Marktformen - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Marktformen</h1>

  <section>
@@ -71,7 +71,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Nutzwertanalyse - FinalFlux AP1</title>
+  <title>Nutzwertanalyse - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Nutzwertanalyse</h1>

  <section>
@@ -53,7 +53,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Ratendarlehen - FinalFlux AP1</title>
+  <title>Ratendarlehen - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Ratendarlehen</h1>

  <section>
@@ -66,7 +66,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Rentabilitätsrechnung - FinalFlux AP1</title>
+  <title>Rentabilitätsrechnung - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Rentabilitätsrechnung</h1>

  <section>
@@ -70,7 +70,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Return on Investment - FinalFlux AP1</title>
+  <title>Return on Investment - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Return on Investment</h1>

  <section>
@@ -79,7 +79,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Vertragsarten - FinalFlux AP1</title>
+  <title>Vertragsarten - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Vertragsarten</h1>

  <section>
@@ -69,7 +69,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Win-Win-Strategie - FinalFlux AP1</title>
+  <title>Win-Win-Strategie - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Win-Win-Strategie</h1>

  <section>
@@ -64,7 +64,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>Wirtschaftssektoren - FinalFlux AP1</title>
+  <title>Wirtschaftssektoren - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Wirtschaftssektoren</h1>

  <section>
@@ -63,7 +63,7 @@

  <section>
    <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
@@ -359,7 +359,7 @@
      r.check.hidden = true; r.hint.hidden = true;
      return;
    }
-    document.title = `${session.title} – Mindflux`;
+    document.title = `${session.title} – SysnaptiK Neural`;
    r.title.textContent = session.title;
    r.language.textContent = session.language || 'Dev Lab';
    r.sideTitle.textContent = session.title;
@@ -8,10 +8,10 @@
  var MAX_INTERVAL = 240;
  var DEFAULTS = { enabled:false, intervalMinutes:45, reminders:['aufstehen','trinken','augenpause'], customText:'', sound:false, notify:false, nextFireAt:null, lastFiredAt:null, reminderIndex:0 };
  var LABELS = {
-    aufstehen:'88 mph erreicht – kurz aufstehen, McFly!',
-    trinken:'Großer Scott! Zeit, etwas zu trinken.',
-    essen:'Dein Fluxkompensator braucht einen Snack.',
-    augenpause:'Blick in die Zukunft: Gönn deinen Augen eine Pause.'
+    aufstehen:'Zeit, deinen Körper kurz in Bewegung zu bringen.',
+    trinken:'Dein Netzwerk braucht Energie – nimm dir einen Schluck Wasser.',
+    essen:'Kurze Pause, dann verknüpft sich neues Wissen leichter.',
+    augenpause:'Deine Augen verdienen einen Moment Abstand vom Bildschirm.'
  };
  var state = load();
  var ringing = false;
@@ -51,13 +51,13 @@
  }
  function ensureUi() {
    if (!document.querySelector('.ft-popover')) {
-      var pop=document.createElement('section'); pop.className='ft-popover'; pop.setAttribute('aria-label','FluxTimer');
-      pop.innerHTML='<div class="ft-popover-head"><b>FLUXTIMER</b><button class="ft-close" type="button" data-ft-close aria-label="Schließen">×</button></div><div class="ft-circuit"><div class="ft-row primary"><span>NÄCHSTE PAUSE</span><strong data-ft-countdown>--:--:--</strong></div><div class="ft-row"><span>JETZT</span><strong data-ft-now>--:--:--</strong></div><div class="ft-row"><span>LETZTE PAUSE</span><strong data-ft-last>--:--:--</strong></div></div><p class="ft-popover-status" data-ft-status></p><div class="ft-popover-actions"><button class="ft-mini-toggle" type="button" data-ft-quick-toggle></button><a class="mf-btn outline" href="/profile/settings">Einstellungen</a></div>';
+      var pop=document.createElement('section'); pop.className='ft-popover'; pop.setAttribute('aria-label','NeuralPause');
+      pop.innerHTML='<div class="ft-popover-head"><b>NEURALPAUSE</b><button class="ft-close" type="button" data-ft-close aria-label="Schließen">×</button></div><div class="ft-circuit"><div class="ft-row primary"><span>NÄCHSTE PAUSE</span><strong data-ft-countdown>--:--:--</strong></div><div class="ft-row"><span>JETZT</span><strong data-ft-now>--:--:--</strong></div><div class="ft-row"><span>LETZTE PAUSE</span><strong data-ft-last>--:--:--</strong></div></div><p class="ft-popover-status" data-ft-status></p><div class="ft-popover-actions"><button class="ft-mini-toggle" type="button" data-ft-quick-toggle></button><a class="mf-btn outline" href="/profile/settings">Einstellungen</a></div>';
      document.body.appendChild(pop);
    }
    if (!document.querySelector('.ft-overlay')) {
      var overlay=document.createElement('div'); overlay.className='ft-overlay'; overlay.setAttribute('role','dialog'); overlay.setAttribute('aria-modal','true'); overlay.setAttribute('aria-labelledby','ft-title');
-      overlay.innerHTML='<div class="ft-modal"><span class="ft-kicker">ZEITSCHALTKREISE AKTIV</span><h2 id="ft-title">Zeit für eine Pause</h2><p data-ft-message></p><div class="ft-modal-actions"><button class="mf-btn outline" type="button" data-ft-snooze>+5 Minuten</button><button class="mf-btn" type="button" data-ft-done>Pause erledigt</button></div></div>';
+      overlay.innerHTML='<div class="ft-modal"><span class="ft-kicker">NEURALPAUSE AKTIV</span><h2 id="ft-title">Zeit für eine Pause</h2><p data-ft-message></p><div class="ft-modal-actions"><button class="mf-btn outline" type="button" data-ft-snooze>+5 Minuten</button><button class="mf-btn" type="button" data-ft-done>Pause erledigt</button></div></div>';
      document.body.appendChild(overlay);
    }
  }
@@ -69,7 +69,7 @@
  function closePopover() { var pop=document.querySelector('.ft-popover'); if(pop) pop.classList.remove('open'); var trigger=document.querySelector('[data-fluxtimer-toggle]'); if(trigger) trigger.setAttribute('aria-expanded','false'); }
  function closeOverlay() { var overlay=document.querySelector('.ft-overlay'); if(overlay) overlay.classList.remove('open'); }
  function playSound() { if (!state.sound) return; try { var C=window.AudioContext||window.webkitAudioContext; if(!C)return; var ctx=new C(),o=ctx.createOscillator(),g=ctx.createGain(); o.frequency.value=523.25; g.gain.setValueAtTime(.05,ctx.currentTime); g.gain.exponentialRampToValueAtTime(.001,ctx.currentTime+.35); o.connect(g);g.connect(ctx.destination);o.start();o.stop(ctx.currentTime+.35); } catch(e){} }
-  function notify(text) { if (!state.notify || !('Notification' in window) || Notification.permission!=='granted') return; try { new Notification('Mindflux FluxTimer',{body:text,tag:'mindflux-fluxtimer'}); } catch(e){} }
+  function notify(text) { if (!state.notify || !('Notification' in window) || Notification.permission!=='granted') return; try { new Notification('SysnaptiK Neural · NeuralPause',{body:text,tag:'sysnaptik-neural-pause'}); } catch(e){} }
  function fire(testOnly) { ensureUi(); if(ringing&&!testOnly)return; ringing=true; var text=reminderText(); state.lastFiredAt=Date.now(); save(); var msg=document.querySelector('[data-ft-message]'); if(msg)msg.textContent=text; document.querySelector('.ft-overlay').classList.add('open'); playSound(); notify(text); }
  function done() { closeOverlay(); schedule(Date.now()); }
  function snooze() { closeOverlay(); state.nextFireAt=Date.now()+5*60000; ringing=false; save(); }
@@ -13,13 +13,20 @@
  if (!document.querySelector('link[data-fluxtimer]')) {
    var timerCss = document.createElement('link');
    timerCss.rel = 'stylesheet';
-    timerCss.href = '/css/fluxtimer.css?v=3';
+    timerCss.href = '/css/fluxtimer.css?v=4';
    timerCss.setAttribute('data-fluxtimer', '');
    document.head.appendChild(timerCss);
  }
+  if (!document.querySelector('link[data-platform-neural]')) {
+    var neuralCss = document.createElement('link');
+    neuralCss.rel = 'stylesheet';
+    neuralCss.href = '/css/platform-neural.css?v=1';
+    neuralCss.setAttribute('data-platform-neural', '');
+    document.head.appendChild(neuralCss);
+  }
  if (!document.querySelector('script[data-fluxtimer]')) {
    var timerScript = document.createElement('script');
-    timerScript.src = '/js/fluxtimer.js?v=1';
+    timerScript.src = '/js/fluxtimer.js?v=2';
    timerScript.defer = true;
    timerScript.setAttribute('data-fluxtimer', '');
    document.head.appendChild(timerScript);
@@ -96,6 +103,8 @@
  }

  document.addEventListener('DOMContentLoaded', function () {
+    var isGame = document.querySelector('.mm-body,.tt-body,.dl-body,.dlg-body,.ss-body,.esc-app,.bh-app,.sc-app,.nw-app');
+    if (!isGame) document.body.classList.add('sn-platform');
    document.querySelectorAll('.mf-theme').forEach(function (b) {
      b.setAttribute('role', 'button');
      b.setAttribute('aria-label', 'Theme umschalten');
@@ -3,7 +3,7 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Mindflux – Trophäen</title>
+    <title>SysnaptiK Neural – Trophäen</title>
    <link rel="stylesheet" href="/css/theme.css">
    <script src="/js/theme.js"></script>
    <style>
@@ -5,7 +5,7 @@
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Mindflux Admin Dashboard</title>
+  <title>SysnaptiK Neural Admin Dashboard</title>
  <link rel="stylesheet" href="/css/theme.css">
  <script src="/js/theme.js"></script>
  <style>
@@ -35,7 +35,7 @@
  <header style="margin-bottom:1.4rem">
    <div class="mf-eyebrow">Control Center</div>
    <h1 style="color:var(--heading); font-size:1.85rem; font-weight:800; margin-top:.35rem">✨ Admin-Dashboard ✨</h1>
-    <p style="color:var(--muted); margin-top:.4rem">Hier steuerst du das System wie Doc den DeLorean!</p>
+    <p style="color:var(--muted); margin-top:.4rem">Hier steuerst du die Plattform und ihre Lerninhalte.</p>
  </header>

  <main>
@@ -1 +1 @@
-<!doctype html><html lang="de" data-theme="dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>BugHunter · Mindflux</title><link rel="stylesheet" href="/css/theme.css"><link rel="stylesheet" href="/css/bughunter.css?v=2"><script src="/js/theme.js"></script></head><body><main class="bh-app"><header class="bh-top"><div style="display:flex;align-items:center;gap:.65rem"><a href="/dashboard" class="bh-back">← Dashboard</a><a href="/bughunter" class="bh-btn">AKTENSCHRANK</a></div><div class="bh-brand"><b>BUGHUNTER</b><span>DEBUG-FALLAKTEN</span></div><span class="mf-a11y-host"></span></header><section id="bhView" class="bh-view"><div class="bh-loading">FALLAKTEN WERDEN GEÖFFNET …</div></section></main><script src="/js/bughunter.js?v=5"></script></body></html>
+<!doctype html><html lang="de" data-theme="dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>BugHunter · SysnaptiK Neural</title><link rel="stylesheet" href="/css/theme.css"><link rel="stylesheet" href="/css/bughunter.css?v=2"><script src="/js/theme.js"></script></head><body><main class="bh-app"><header class="bh-top"><div style="display:flex;align-items:center;gap:.65rem"><a href="/dashboard" class="bh-back">← Dashboard</a><a href="/bughunter" class="bh-btn">AKTENSCHRANK</a></div><div class="bh-brand"><b>BUGHUNTER</b><span>DEBUG-FALLAKTEN</span></div><span class="mf-a11y-host"></span></header><section id="bhView" class="bh-view"><div class="bh-loading">FALLAKTEN WERDEN GEÖFFNET …</div></section></main><script src="/js/bughunter.js?v=5"></script></body></html>
@@ -1 +1 @@
-<!doctype html><html lang="de" data-theme="dark" xmlns:th="http://www.thymeleaf.org"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>SystemEscape · Mindflux</title><link rel="stylesheet" href="/css/theme.css"><link rel="stylesheet" href="/css/codeescape.css?v=2"><link rel="stylesheet" href="/css/codeescape-guide.css?v=3"><link rel="stylesheet" href="/css/codeescape-global.css?v=1"><script src="/js/theme.js"></script></head><body><main class="esc-app"><header class="esc-top"><a href="/dashboard" class="esc-back">← Dashboard</a><div class="esc-brand"><b>SYSTEMESCAPE</b><span>FACILITY ACCESS PROTOCOL</span></div><div class="esc-global-tools"><span class="mf-a11y-host"></span><div class="esc-timer" id="escTimer">--:--</div></div></header><section id="escView" class="esc-view"><div class="esc-loading">FACILITY WIRD INITIALISIERT …</div></section></main><script src="/js/codeescape.js?v=2"></script></body></html>
+<!doctype html><html lang="de" data-theme="dark" xmlns:th="http://www.thymeleaf.org"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>SystemEscape · SysnaptiK Neural</title><link rel="stylesheet" href="/css/theme.css"><link rel="stylesheet" href="/css/codeescape.css?v=2"><link rel="stylesheet" href="/css/codeescape-guide.css?v=3"><link rel="stylesheet" href="/css/codeescape-global.css?v=1"><script src="/js/theme.js"></script></head><body><main class="esc-app"><header class="esc-top"><a href="/dashboard" class="esc-back">← Dashboard</a><div class="esc-brand"><b>SYSTEMESCAPE</b><span>FACILITY ACCESS PROTOCOL</span></div><div class="esc-global-tools"><span class="mf-a11y-host"></span><div class="esc-timer" id="escTimer">--:--</div></div></header><section id="escView" class="esc-view"><div class="esc-loading">FACILITY WIRD INITIALISIERT …</div></section></main><script src="/js/codeescape.js?v=2"></script></body></html>
@@ -5,7 +5,7 @@
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Mindflux Dashboard</title>
+  <title>SysnaptiK Neural Dashboard</title>
  <link rel="stylesheet" href="/css/theme.css">
  <script src="/js/theme.js"></script>
  <style>
@@ -42,10 +42,10 @@
  <header class="mf-topbar">
    <div class="mf-hello">
      <h1>Willkommen zurück, <span class="nm" sec:authentication="name">Alice</span>!</h1>
-      <p>Wähle ein Spielmodus, um dein Wissen auf die Probe zu stellen.</p>
+      <p>Wähle einen Lernmodus und verknüpfe neues Wissen mit deinem Netzwerk.</p>
    </div>
    <div class="mf-tools">
-      <button class="mf-iconbtn ft-trigger" type="button" data-fluxtimer-toggle aria-label="FluxTimer öffnen" aria-expanded="false">
+      <button class="mf-iconbtn ft-trigger" type="button" data-fluxtimer-toggle aria-label="NeuralPause öffnen" aria-expanded="false">
        <svg class="ft-trigger-icon" viewBox="0 0 24 24" aria-hidden="true">
          <circle cx="10.5" cy="12" r="7.5"/>
          <path d="M10.5 7.5V12l3 2M10.5 2v2M3 12H1.5M4.3 5.8 2.8 4.3"/>
@@ -73,8 +73,8 @@
        <svg viewBox="0 0 120 120" fill="none">
          <circle cx="60" cy="60" r="50" stroke="var(--line)" stroke-width="6"/>
          <circle cx="60" cy="60" r="50" stroke="var(--accent)" stroke-width="6" stroke-linecap="round" stroke-dasharray="300 314" transform="rotate(-90 60 60)" style="filter:drop-shadow(0 0 6px var(--glow-s))"/>
-          <path d="M60 38l16 6v12c0 11-8 17-16 20-8-3-16-9-16-20V44z" fill="none" stroke="var(--accent)" stroke-width="3"/>
-          <path d="M52 58l6 6 12-12" stroke="var(--accent)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+          <path d="M37 52l17-13 20 8-8 21-22 8-12-15zM54 39l-2 22m22-14-22 14m-8 15 8-15m14 7-14-7" stroke="var(--accent)" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/>
+          <circle cx="37" cy="52" r="3" fill="var(--accent)"/><circle cx="54" cy="39" r="3" fill="var(--accent)"/><circle cx="74" cy="47" r="3" fill="var(--accent)"/><circle cx="66" cy="68" r="3" fill="var(--accent)"/><circle cx="44" cy="76" r="3" fill="var(--accent)"/><circle cx="52" cy="61" r="3" fill="var(--accent)"/>
        </svg>
        <div class="ok">ALLE SYSTEME STABIL</div><div class="op">100% OPERATIONAL</div>
      </div>
@@ -140,10 +140,11 @@
    ['ServiceClash','sword','Der chaotische Admin-Alltag als Spiel – meistere Anfragen & halte Systeme am Laufen!','/serviceclash'],
    ['BugHunter','bug','Finde Fehler im Code, denke wie ein Debugger und löse knifflige Bugs.','/bughunter'],
    ['NetWorker','network','Verbinde Netzwerke, konfiguriere IPs und löse Routing-Herausforderungen.','/networker'],
-    ['FinalFlux','trophy','Dein Power-Modul für die Prüfung – gezielt lernen, strukturiert trainieren, sicher bestehen.','/finalflux']
+    ['FinalProtocol','trophy','Deine Prüfungszentrale: gezielt lernen, strukturiert trainieren, sicher bestehen.','/finalflux']
  ];
+  const CARD_KEYS = {MindMatch:'mindmatch',TechTacular:'techtacular',DevLab:'devlab',SyntaxSaga:'syntaxsaga',SystemEscape:'codeescape',ServiceClash:'serviceclash',BugHunter:'bughunter',NetWorker:'networker',FinalProtocol:'finalprotocol'};
  document.getElementById('grid').innerHTML = GAMES.map(([t,ic,d,href])=>`
-    <a class="mf-card ${t === 'SystemEscape' ? 'mf-card-codeescape' : ''} ${t === 'BugHunter' ? 'mf-card-bughunter' : ''}" href="${href}">
+    <a class="mf-card mf-card-${CARD_KEYS[t]}" href="${href}">
      <span class="ico"><svg viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round">${GI[ic]}</svg></span>
      <h3>${t}</h3><p>${d}</p>
      <span class="mf-play">SPIEL STARTEN <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
@@ -3,7 +3,7 @@
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Dev Lab Spiel – Mindflux</title>
+  <title>Dev Lab Spiel – SysnaptiK Neural</title>
  <link rel="stylesheet" href="/css/theme.css">
  <script src="/js/theme.js"></script>
  <link rel="stylesheet" href="/css/devlabgame.css?v=5">
@@ -3,7 +3,7 @@
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Dev Lab - Mindflux</title>
+  <title>Dev Lab - SysnaptiK Neural</title>
  <link rel="stylesheet" href="/css/theme.css">
  <script src="/js/theme.js"></script>
  <link rel="stylesheet" href="/css/devlab.css?v=3">
@@ -13,7 +13,7 @@
    <aside class="mf-sidebar">
      <a th:href="@{/dashboard}" class="mf-logo">
        <span class="mark"></span>
-        <span class="txt"><b>MINDFLUX</b><span>KNOWLEDGE. CODE. WIN.</span></span>
+        <span class="txt"><b>SYSNAPTIK NEURAL</b><span>KNOWLEDGE. CODE. WIN.</span></span>
      </a>

      <nav class="mf-nav">
@@ -3,7 +3,7 @@
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Mindflux – In Arbeit</title>
+  <title>SysnaptiK Neural – In Arbeit</title>
  <link rel="stylesheet" href="/css/theme.css">
  <script src="/js/theme.js"></script>
  <style>
@@ -28,7 +28,7 @@
    <p class="slogan">Hier entsteht etwas, das eure Zeitlinie verändern wird...</p>

    <p class="quote">
-      "Ihr seid zwar noch nicht da, aber keine Sorge... bald rast ihr mit 88 Meilen pro Stunde hinein!"
+      "Dieser Bereich wird gerade für dein Lernnetz vorbereitet."
    </p>

    <a th:href="@{/dashboard}" class="mf-back">⟵ Zurück zum Dashboard</a>
@@ -3,7 +3,7 @@
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Mindflux – Fehler</title>
+  <title>SysnaptiK Neural – Fehler</title>
  <link rel="stylesheet" href="/css/theme.css">
  <script src="/js/theme.js"></script>
 </head>
@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
  <meta charset="UTF-8">
-  <title>FinalFlux AP1 - Mindflux</title>
+  <title>FinalProtocol AP1 - SysnaptiK Neural</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
@@ -15,10 +15,10 @@
      <a href="/dashboard" class="finalflux-back" style="margin-bottom:0">Zurück zum Dashboard</a>
      <button class="mf-theme"></button>
    </div>
-    <h1>FinalFlux</h1>
+    <h1>FinalProtocol</h1>
    <p>AP1 &amp; AP2 nach aktueller IHK-Ausbildungsordnung – die gesamte Fachinformatiker-Ausbildung.</p>

-    <nav class="finalflux-nav" aria-label="FinalFlux Navigation">
+    <nav class="finalflux-nav" aria-label="FinalProtocol Navigation">
      <section>
        <h2>Grundlagen</h2>
        <a href="/finalflux/ap1/zahlensysteme.html">Zahlensysteme & Speicher</a>
@@ -76,7 +76,7 @@
      <p class="eyebrow">Abschlussprüfung Teil 1</p>
      <h2>Einrichten eines IT-gestützten Arbeitsplatzes</h2>
      <p>
-        FinalFlux bündelt AP1-Wissen für IT-Berufe: technische Grundlagen,
+        FinalProtocol bündelt AP1-Wissen für IT-Berufe: technische Grundlagen,
        Arbeitsplatzanalyse, Netzwerke, Datenschutz, Beschaffung und einfache
        Rechen- sowie Entscheidungssituationen.
      </p>
@@ -89,7 +89,7 @@
      </article>
      <article>
        <h3>2. Anwenden</h3>
-        <p>Beispielaufgaben und kleine FluxChecks prüfen, ob der Stoff wirklich sitzt.</p>
+        <p>Beispielaufgaben und kleine ProtocolChecks prüfen, ob der Stoff wirklich sitzt.</p>
      </article>
      <article>
        <h3>3. Wiederholen</h3>
@@ -10,7 +10,7 @@
 <aside class="mf-sidebar" th:fragment="sidebar(active)">
  <a th:href="@{/dashboard}" class="mf-logo">
    <span class="mark"></span>
-    <span class="txt"><b>MINDFLUX</b><span>KNOWLEDGE. CODE. WIN.</span></span>
+    <span class="txt"><b>SYSNAPTIK NEURAL</b><span>KNOWLEDGE. CODE. WIN.</span></span>
  </a>

  <nav class="mf-nav">
@@ -4,7 +4,7 @@
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Mindflux – Impressum</title>
+  <title>SysnaptiK Neural – Impressum</title>
  <link rel="stylesheet" href="/css/theme.css">
  <script src="/js/theme.js"></script>
  <style>
@@ -30,7 +30,7 @@
    <p class="slogan">Rechtliche Angaben – Platzhalter</p>

    <p class="notice">
-      Mindflux befindet sich aktuell <strong>in aktiver Entwicklung</strong> und ist
+      SysnaptiK Neural befindet sich aktuell <strong>in aktiver Entwicklung</strong> und ist
      <strong>nicht für die öffentliche Nutzung</strong> bestimmt. Die hier dargestellten
      Inhalte sind ein Platzhalter und dienen ausschließlich internen Test- und
      Entwicklungszwecken.
@@ -3,7 +3,7 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Mindflux – Deine Zukunft beginnt hier</title>
+    <title>SysnaptiK Neural – Deine Zukunft beginnt hier</title>
    <link rel="stylesheet" href="/css/theme.css">
    <script src="/js/theme.js"></script>
    <link rel="stylesheet" href="/css/auth.css">
@@ -22,7 +22,7 @@
        <div class="inner">
          <div class="auth-head">
            <span class="mark"></span>
-            <b>MINDFLUX</b>
+            <b>SYSNAPTIK NEURAL</b>
            <h2>Willkommen zurück</h2>
            <span class="sub">Melde dich an, um weiterzulernen.</span>
          </div>
@@ -52,7 +52,7 @@
        <div class="inner">
          <div class="auth-head">
            <span class="mark"></span>
-            <b>MINDFLUX</b>
+            <b>SYSNAPTIK NEURAL</b>
            <h2>Account erstellen</h2>
            <span class="sub">Kostenlos – und in 30 Sekunden startklar.</span>
          </div>
@@ -94,13 +94,13 @@
          <div class="overlay-panel overlay-left">
            <span class="o-emblem"></span>
            <h3>Schon dabei?</h3>
-            <p>Melde dich an und mach bei 88 Meilen pro Stunde weiter. 🚀</p>
+            <p>Melde dich an und setze dein Lernnetz genau dort fort, wo du aufgehört hast.</p>
            <button type="button" class="ghost-btn" id="toLogin">Zum Login</button>
          </div>
          <!-- sichtbar im Login-Modus -> zum Signup -->
          <div class="overlay-panel overlay-right">
            <span class="o-emblem"></span>
-            <h3>Neu bei Mindflux?</h3>
+            <h3>Neu bei SysnaptiK Neural?</h3>
            <p>Erstelle deinen kostenlosen Account und schalte die volle Lernplattform frei.</p>
            <button type="button" class="ghost-btn" id="toSignup">Account erstellen</button>
          </div>
@@ -3,7 +3,7 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Knowledge Core – Mindflux</title>
+    <title>Knowledge Core – SysnaptiK Neural</title>
    <link rel="stylesheet" href="/css/theme.css">
    <script src="/js/theme.js"></script>
    <style>
@@ -25,7 +25,7 @@
    </section>

    <section class="kc-routes" aria-label="Lernwege">
-        <article class="kc-route"><small>PRÜFUNGSGRUNDLAGEN</small><h2>AP1 kompakt</h2><p>Grundlagen, Zahlensysteme, Datenschutz und Projektarbeit strukturiert wiederholen.</p><div class="kc-links"><a href="/finalflux">FinalFlux öffnen</a><a href="/finalflux/ap1/ip-berechnung.html">IP-Berechnung</a></div></article>
+        <article class="kc-route"><small>PRÜFUNGSGRUNDLAGEN</small><h2>AP1 kompakt</h2><p>Grundlagen, Zahlensysteme, Datenschutz und Projektarbeit strukturiert wiederholen.</p><div class="kc-links"><a href="/finalflux">FinalProtocol öffnen</a><a href="/finalflux/ap1/ip-berechnung.html">IP-Berechnung</a></div></article>
        <article class="kc-route"><small>SYSTEMINTEGRATION</small><h2>Netzwerke verstehen</h2><p>Topologien und Adressierung erst festigen, dann die Konfiguration in NetWorker trainieren.</p><div class="kc-links"><a href="/networker">NetWorker spielen</a><a href="/finalflux/systemintegration/osi.html">OSI-Modell</a></div></article>
        <article class="kc-route"><small>ENTWICKLUNG &amp; SECURITY</small><h2>Fehler sicher lesen</h2><p>Debugging-Fälle lösen, Zugänge absichern und die Muster danach im Lernstoff nachschlagen.</p><div class="kc-links"><a href="/bughunter">BugHunter spielen</a><a href="/codeescape">SystemEscape spielen</a></div></article>
    </section>
@@ -4,7 +4,7 @@
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Mindflux – Datenschutzerklärung</title>
+  <title>SysnaptiK Neural – Datenschutzerklärung</title>
  <link rel="stylesheet" href="/css/theme.css">
  <script src="/js/theme.js"></script>
  <style>
@@ -37,7 +37,7 @@
  <p class="stand">Stand: Juli 2026</p>

  <div class="dev-note">
-    Hinweis: Mindflux befindet sich in aktiver Entwicklung und ist derzeit nicht für die öffentliche
+    Hinweis: SysnaptiK Neural befindet sich in aktiver Entwicklung und ist derzeit nicht für die öffentliche
    Nutzung bestimmt. Die Verarbeitung erfolgt im Rahmen einer geschlossenen Test-/Entwicklungsphase.
  </div>

@@ -49,7 +49,7 @@

  <h2>2. Überblick</h2>
  <p>
-    Diese Erklärung informiert darüber, welche personenbezogenen Daten bei der Nutzung von Mindflux
+    Diese Erklärung informiert darüber, welche personenbezogenen Daten bei der Nutzung von SysnaptiK Neural
    verarbeitet werden, zu welchen Zwecken und auf welcher Rechtsgrundlage dies geschieht und welche
    Rechte den betroffenen Personen zustehen. Wir verarbeiten nur die Daten, die für den Betrieb des
    Dienstes erforderlich sind.
@@ -73,7 +73,7 @@

  <h2>5. Cookies</h2>
  <p>
-    Mindflux verwendet ausschließlich technisch notwendige Cookies: ein Sitzungs-Cookie für die
+    SysnaptiK Neural verwendet ausschließlich technisch notwendige Cookies: ein Sitzungs-Cookie für die
    Anmeldung sowie einen Token zum Schutz vor Cross-Site-Request-Forgery (CSRF). Diese Cookies sind
    für den Betrieb erforderlich; es findet kein Tracking und keine werbliche Auswertung statt.
  </p>
@@ -87,13 +87,13 @@
    im Rahmen von Tests zurückgesetzt werden.
  </p>

-  <h2>6a. Lokale Einstellungen, Barrierefreiheit und FluxTimer</h2>
+  <h2>6a. Lokale Einstellungen, Barrierefreiheit und NeuralPause</h2>
  <p>
-    Theme-Auswahl, Barrierefreiheitsoptionen und FluxTimer-Einstellungen werden ausschließlich im
+    Theme-Auswahl, Barrierefreiheitsoptionen und NeuralPause-Einstellungen werden ausschließlich im
    lokalen Browserspeicher (<code>localStorage</code>) des verwendeten Geräts abgelegt. Dazu gehören
    gewählte Textgröße, Kontrast-, Farb-, Schrift-, Bewegungs- und Cursorhilfen sowie Aktivierungsstatus,
    Intervall, ausgewählte Erinnerungsarten, optionaler eigener Erinnerungstext sowie der nächste
-    und letzte Auslösezeitpunkt. Diese Angaben werden nicht an den Mindflux-Server übertragen und
+    und letzte Auslösezeitpunkt. Diese Angaben werden nicht an den SysnaptiK Neural-Server übertragen und
    können durch Löschen der Website-Daten im Browser entfernt werden. Browser-Benachrichtigungen
    werden nur nach ausdrücklicher Freigabe lokal erzeugt; es gibt keinen Web-Push- oder externen
    Benachrichtigungsdienst.
@@ -4,7 +4,7 @@
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Mindflux – Nutzungsbedingungen (AGB)</title>
+  <title>SysnaptiK Neural – Nutzungsbedingungen (AGB)</title>
  <link rel="stylesheet" href="/css/theme.css">
  <script src="/js/theme.js"></script>
  <style>
@@ -34,7 +34,7 @@
  <p class="stand">Stand: Juni 2026</p>

  <div class="dev-note">
-    Hinweis: Mindflux befindet sich in aktiver Entwicklung und ist derzeit nicht für die
+    Hinweis: SysnaptiK Neural befindet sich in aktiver Entwicklung und ist derzeit nicht für die
    öffentliche Nutzung bestimmt. Der Dienst wird im Rahmen einer geschlossenen Test-/
    Entwicklungsphase bereitgestellt. Es besteht kein Anspruch auf Verfügbarkeit, Funktionsumfang
    oder Erhalt von Daten.
@@ -42,7 +42,7 @@

  <h2>1. Geltungsbereich</h2>
  <p>
-    Diese Nutzungsbedingungen regeln die Nutzung der Lernplattform „Mindflux" (nachfolgend „Dienst")
+    Diese Nutzungsbedingungen regeln die Nutzung der Lernplattform „SysnaptiK Neural" (nachfolgend „Dienst")
    einschließlich aller darüber bereitgestellten Funktionen, Inhalte und Lernspiele. Mit der
    Registrierung eines Nutzerkontos sowie mit jeder Nutzung des Dienstes erkennt die nutzende Person
    (nachfolgend „Nutzer:in") diese Bedingungen in ihrer jeweils gültigen Fassung an.
@@ -56,7 +56,7 @@

  <h2>3. Beschreibung des Dienstes</h2>
  <p>
-    Mindflux ist eine Lernplattform zur Prüfungsvorbereitung. Der Dienst stellt insbesondere
+    SysnaptiK Neural ist eine Lernplattform zur Prüfungsvorbereitung. Der Dienst stellt insbesondere
    interaktive Lerninhalte, Quiz- und Memory-artige Lernspiele (u. a. „MindMatch" und „TechTacular"),
    Fortschrittsübersichten sowie ein Erfolgs-/Achievement-System bereit. Der konkrete Funktionsumfang
    kann sich jederzeit ändern, erweitert oder eingeschränkt werden.
@@ -4,7 +4,7 @@
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Mindflux – Richtlinien</title>
+  <title>SysnaptiK Neural – Richtlinien</title>
  <link rel="stylesheet" href="/css/theme.css">
  <script src="/js/theme.js"></script>
  <style>
@@ -34,13 +34,13 @@
  <p class="stand">Stand: Juni 2026</p>

  <div class="dev-note">
-    Hinweis: Mindflux befindet sich in aktiver Entwicklung und ist derzeit nicht für die öffentliche
+    Hinweis: SysnaptiK Neural befindet sich in aktiver Entwicklung und ist derzeit nicht für die öffentliche
    Nutzung bestimmt. Diese Richtlinien gelten bereits in der Test-/Entwicklungsphase.
  </div>

  <h2>1. Zweck dieser Richtlinien</h2>
  <p>
-    Mindflux ist eine Lernplattform zur Prüfungsvorbereitung. Damit der Dienst für alle ein
+    SysnaptiK Neural ist eine Lernplattform zur Prüfungsvorbereitung. Damit der Dienst für alle ein
    sicherer, fairer und konzentrierter Lernort bleibt, gelten die folgenden Regeln ergänzend zu den
    <a class="inline" th:href="@{/nutzungsbedingungen}">Nutzungsbedingungen</a>. Sie sind für alle
    Nutzer:innen verbindlich.
@@ -99,7 +99,7 @@

  <h2>9. Feedback in der Entwicklungsphase</h2>
  <p>
-    Da sich Mindflux in der Entwicklung befindet, sind Hinweise, Verbesserungsvorschläge und
+    Da sich SysnaptiK Neural in der Entwicklung befindet, sind Hinweise, Verbesserungsvorschläge und
    Fehlermeldungen ausdrücklich willkommen und helfen, den Dienst weiterzuentwickeln.
  </p>
 </div>
@@ -3,7 +3,7 @@
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>MindMatch – Mindflux</title>
+  <title>MindMatch – SysnaptiK Neural</title>
  <link rel="stylesheet" href="/css/theme.css">
  <script src="/js/theme.js"></script>
  <link rel="stylesheet" href="/css/mindmatch.css?v=5">
@@ -1 +1 @@
-<!doctype html><html lang="de" data-theme="dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>NetWorker · Mindflux</title><link rel="stylesheet" href="/css/theme.css"><link rel="stylesheet" href="/css/networker.css?v=1"><link rel="stylesheet" href="/css/networker-guide.css?v=1"><script src="/js/theme.js"></script></head><body><main class="nw-app"><header class="nw-top"><div style="display:flex;align-items:center;gap:.65rem"><a href="/dashboard" class="nw-back">← Dashboard</a><a href="/networker" class="nw-btn">NETZPLÄNE</a></div><div class="nw-brand"><b>NetWorker</b><span>NETZPLAN · DIAGNOSE</span></div><span class="mf-a11y-host"></span></header><section id="nwView" class="nw-view"><div class="nw-loading">NETZWERKPLÄNE WERDEN KALIBRIERT …</div></section></main><script src="/js/networker.js?v=1"></script><script src="/js/networker-guide.js?v=1"></script></body></html>
+<!doctype html><html lang="de" data-theme="dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>NetWorker · SysnaptiK Neural</title><link rel="stylesheet" href="/css/theme.css"><link rel="stylesheet" href="/css/networker.css?v=1"><link rel="stylesheet" href="/css/networker-guide.css?v=1"><script src="/js/theme.js"></script></head><body><main class="nw-app"><header class="nw-top"><div style="display:flex;align-items:center;gap:.65rem"><a href="/dashboard" class="nw-back">← Dashboard</a><a href="/networker" class="nw-btn">NETZPLÄNE</a></div><div class="nw-brand"><b>NetWorker</b><span>NETZPLAN · DIAGNOSE</span></div><span class="mf-a11y-host"></span></header><section id="nwView" class="nw-view"><div class="nw-loading">NETZWERKPLÄNE WERDEN KALIBRIERT …</div></section></main><script src="/js/networker.js?v=1"></script><script src="/js/networker-guide.js?v=1"></script></body></html>
@@ -3,7 +3,7 @@
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Mindflux – Profil</title>
+  <title>SysnaptiK Neural – Profil</title>
  <link rel="stylesheet" href="/css/theme.css">
  <script src="/js/theme.js"></script>
  <style>
@@ -3,7 +3,7 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Fortschritt – Mindflux</title>
+    <title>Fortschritt – SysnaptiK Neural</title>
    <link rel="stylesheet" href="/css/theme.css">
    <script src="/js/theme.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
@@ -1 +1 @@
-<!doctype html><html lang="de" data-theme="dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>ServiceClash · Mindflux</title><link rel="stylesheet" href="/css/theme.css"><link rel="stylesheet" href="/css/serviceclash.css?v=1"><script src="/js/theme.js"></script></head><body><main class="sc-app"><header class="sc-top"><div class="sc-nav"><a href="/dashboard">← Dashboard</a><a href="/serviceclash" class="sc-nav-button">SCHICHTEN</a></div><div class="sc-brand"><b>ServiceClash</b><span>LEITSTAND · TRIAGE</span></div><span class="mf-a11y-host"></span></header><section id="scView" class="sc-view"><p class="sc-loading">LEITSTAND WIRD HOCHGEFAHREN …</p></section></main><script src="/js/serviceclash.js?v=2"></script></body></html>
+<!doctype html><html lang="de" data-theme="dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>ServiceClash · SysnaptiK Neural</title><link rel="stylesheet" href="/css/theme.css"><link rel="stylesheet" href="/css/serviceclash.css?v=1"><script src="/js/theme.js"></script></head><body><main class="sc-app"><header class="sc-top"><div class="sc-nav"><a href="/dashboard">← Dashboard</a><a href="/serviceclash" class="sc-nav-button">SCHICHTEN</a></div><div class="sc-brand"><b>ServiceClash</b><span>LEITSTAND · TRIAGE</span></div><span class="mf-a11y-host"></span></header><section id="scView" class="sc-view"><p class="sc-loading">LEITSTAND WIRD HOCHGEFAHREN …</p></section></main><script src="/js/serviceclash.js?v=2"></script></body></html>
@@ -3,7 +3,7 @@
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Mindflux – Einstellungen</title>
+  <title>SysnaptiK Neural – Einstellungen</title>
  <link rel="stylesheet" href="/css/theme.css">
  <script src="/js/theme.js"></script>
  <style>
@@ -27,7 +27,7 @@
  </div>
  <span class="mf-eyebrow">Einstellungen</span>
  <h1 style="color:var(--heading); font-size:1.9rem; font-weight:800; margin:.3rem 0 .25rem;">⚙️ Einstellungen</h1>
-  <p style="color:var(--muted); margin-bottom:1.4rem;">Passe Mindflux nach deinen Wünschen an</p>
+  <p style="color:var(--muted); margin-bottom:1.4rem;">Passe SysnaptiK Neural nach deinen Wünschen an</p>

  <nav th:replace="~{fragments/layout :: profileTabs('einstellungen')}"></nav>

@@ -52,11 +52,11 @@
    <small class="mf-hint">Die Auswahl gilt sofort und wird auf diesem Gerät gespeichert.</small>
  </section>

-  <!-- FluxTimer: vollständig lokal im Browser, keine Serverdaten -->
+  <!-- NeuralPause: vollständig lokal im Browser, keine Serverdaten -->
  <section class="mf-panel ft-settings" style="margin-bottom:1.2rem;" data-fluxtimer-settings>
    <div class="ft-settings-head">
      <div>
-        <h2 class="mf-section-title">⏱ FluxTimer</h2>
+        <h2 class="mf-section-title">⏱ NeuralPause</h2>
        <p>Erinnert dich während des Lernens ans Aufstehen, Trinken oder Durchatmen.</p>
      </div>
      <label class="ft-switch">
@@ -119,10 +119,10 @@
  // Theme-Select mit dem zentralen Umschalter (theme.js) koppeln.
  window.addEventListener('DOMContentLoaded', function () {
    var select = document.getElementById('theme-select');
-    if (!select || !window.MindfluxTheme) return;
-    select.value = window.MindfluxTheme.current() === 'light' ? 'light' : 'dark';
+    if (!select || !window.SysnaptiK NeuralTheme) return;
+    select.value = window.SysnaptiK NeuralTheme.current() === 'light' ? 'light' : 'dark';
    select.addEventListener('change', function () {
-      window.MindfluxTheme.set(select.value);
+      window.SysnaptiK NeuralTheme.set(select.value);
    });
  });
 </script>
@@ -3,7 +3,7 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Mindflux Soziales</title>
+    <title>SysnaptiK Neural Soziales</title>
    <link rel="stylesheet" href="/css/theme.css">
    <script src="/js/theme.js"></script>
    <style>
@@ -28,12 +28,12 @@

    <div class="mf-panel accent mf-soziales">
        <h1>„Straßen? Wo wir hingehen, brauchen wir keine Straßen!“ 🚀</h1>
-        <p>Das soziale Netzwerk für Mindflux-User befindet sich noch in Entwicklung.<br>
-           Bald kannst du dich hier mit anderen Fluxianern verbinden!</p>
+        <p>Das soziale Netzwerk für SysnaptiK Neural-User befindet sich noch in Entwicklung.<br>
+           Bald kannst du dich hier mit anderen Neural-Mitgliedern verbinden!</p>
        <div class="mf-time-machine">
            🚗💨💥
        </div>
-        <p class="mf-small-hint">Zurück in die Zukunft... und bald auch ins Mindflux-Netzwerk!</p>
+        <p class="mf-small-hint">Zurück in die Zukunft... und bald auch ins SysnaptiK Neural-Netzwerk!</p>
    </div>

 </div>
@@ -3,7 +3,7 @@
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Syntax Saga – Mindflux</title>
+  <title>Syntax Saga – SysnaptiK Neural</title>
  <link rel="stylesheet" href="/css/theme.css">
  <script src="/js/theme.js"></script>
  <link rel="stylesheet" href="/css/syntaxsaga.css?v=2">
@@ -3,7 +3,7 @@
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>TechTacular – Mindflux</title>
+  <title>TechTacular – SysnaptiK Neural</title>
  <link rel="stylesheet" href="/css/theme.css">
  <script src="/js/theme.js"></script>
  <link rel="stylesheet" href="/css/techtacular.css?v=4">