Rebrand platform as SysnaptiK Neural

src/main/resources/templates/dashboard.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>