diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 0000000..f7893d1
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,317 @@
+# ff14-mitigator — FFLogs Mitigation Analyzer
+
+## Projekt
+PHP/HTML/JS-Tool zum Analysieren von FFXIV-Raidlogs via FFLogs OAuth2 PKCE + GraphQL API.
+Kein Framework, kein Composer, kein npm — Plain PHP für Shared Hosting.
+
+Drei Tabs:
+- **Report-Tab**: Report-Code eingeben, Fight auswählen → Fight-JSON-Ausgabe + Event Explorer
+- **Analyse-Tab**: Spielerübersicht + AoE-Timeline mit Mitigation-Tracking, Pull-Vergleich, Phase-Filter
+- **Planer-Tab** *(in Entwicklung)*: Cooldown-Planer für Raid-Mitigation — Log-Import, manuelle Bearbeitung, Job-basierte Spell-Verfügbarkeit, DR-Simulation
+
+## Architektur & Konventionen
+
+### Trennung von PHP, HTML und JS
+- **PHP-Logik** gehört ausschließlich in `index.php` (und API/Auth-Endpunkte). Keine Geschäftslogik in Templates.
+- **HTML** gehört in `templates/`. Jede logisch in sich geschlossene Komponente ist eine eigene Datei.
+- **CSS** gehört in `css/`. Jede CSS-Datei hat einen klar abgegrenzten Scope (base, layout, components, analysis).
+- **JavaScript** gehört in `js/`. Keine Inline-Scripts in Templates außer dem `<script src="...">` Tag in `page.php`.
+
+### Template-System
+`index.php` setzt alle Variablen und ruft dann `require templates/page.php` auf. Templates sind reine Ausgabe — sie lesen Variablen aus dem Scope, setzen aber keine.
+
+### Geteilter JS-State
+`window.App` in `app.js` hält den gemeinsamen State für alle Tabs:
+```js
+window.App = { reportCode, fightId, fightStart, fightEnd, phases: [], fights: [] }
+```
+`window.analysisTab` (definiert in `analysis.js`) stellt Hooks bereit:
+- `onFightSelected()` — wird von `app.js` aufgerufen wenn ein Fight gewählt wird
+- `onTabOpen()` — wird von `tabs.js` aufgerufen wenn der Analyse-Tab geöffnet wird
+- `onFightsLoaded(fights)` — wird von `app.js` aufgerufen nach Report-Load (befüllt Vergleichs-Dropdown)
+- `reset()` — wird von `app.js` aufgerufen wenn ein neuer Report geladen wird
+
+## Dateistruktur
+```
+index.php                   — PHP-Logik: Auth-Check, Variablen, require page.php
+config.php                  — Konstanten (CLIENT_ID, URIs) + session_start_safe()
+templates/
+  page.php                  — HTML-Skeleton (head, body), routet zu login oder app
+  login.php                 — Login-Overlay (nicht authentifiziert / Token abgelaufen)
+  topbar.php                — Topbar mit Logo + Tab-Navigation + Token-Ablaufzeit
+  tab-report.php            — Report-Tab: includes report-form, fight-select, event-explorer, output-card
+  tab-analysis.php          — Analyse-Tab: Spieler-Grid + Pull-Vergleich + AoE-Timeline HTML
+  report-form.php           — Report-Code-Eingabe Card
+  fight-select.php          — Fight-Auswahl Dropdown Card
+  event-explorer.php        — Event Explorer Card (Ability/DataType/EventType/Spieler-Filter)
+  output-card.php           — Terminal-Ausgabe Card + Initial-Hint
+css/
+  base.css                  — CSS-Variablen, Reset, Basis-Styles, Feedback-Klassen
+  layout.css                — App-Shell, Topbar, Tabs, Login-Overlay, Form-Helpers
+  components.css            — Cards, Inputs, Buttons, Badges, Terminal
+  analysis.css              — Spieler-Grid, AoE-Timeline, Mitigation-Icons, HP-Bar, Ref-Row
+js/
+  app.js                    — Formular, Fight-Dropdown, Fetch, window.App State, Event Explorer
+  tabs.js                   — Tab-Switching, ruft window.analysisTab.onTabOpen() auf
+  analysis.js               — Analyse-Tab: Daten laden, Spieler rendern, Timeline rendern, Pull-Vergleich
+auth/
+  start.php                 — PKCE generieren, Session speichern, Redirect zu FFLogs
+  callback.php              — Code gegen Token tauschen, Token in Session speichern
+api/
+  fight.php                 — POST-Endpunkt: Fight-Liste via GraphQL → JSON
+  analysis.php              — POST-Endpunkt: Spieler + AoE-Events + Mitigations → JSON
+  abilities.php             — POST-Endpunkt: Ability- + Spielerliste für Event Explorer Dropdowns
+  debug-events.php          — POST-Endpunkt: Raw Events für Event Explorer (mit Filterung)
+assets/
+  icons/mitigation/         — Lokal gespeicherte Ability-Icons (PNG, von XIVAPI)
+debug/
+  schema.php                — Einmaliges Schema-Explorer Tool (nicht produktiv deployen)
+```
+
+## Design-System
+CSS-Variablen in `css/base.css`:
+- Hintergründe: `--bg0` (#08090d) bis `--bg3` (#1c2130), `--bgcard` (#121620)
+- Akzentfarbe: `--gold` (#c8a84b)
+- Text: `--t1` (hell) / `--t2` (gedimmt) / `--t3` (sehr gedimmt)
+- Farben: `--blue`, `--green`, `--red`, `--orange`
+- Fonts: `--font-d` Cinzel (Titel/Logo), `--font-b` Inter (Body)
+- Border-Radius: `--r` (klein), `--rl` (groß)
+
+## Analyse-Tab — Konzepte & Entscheidungen
+
+### AoE-Erkennung
+- Verwendet `damage` Events mit `includeResources: true` (enthält `buffs`-Feld für Mitigations)
+- Tick-Schaden (`ev['tick'] = true`) und `abilityGameID ≤ 7` (Auto-Attacks) werden gefiltert
+- **Proximity Clustering** statt fixer Zeitfenster: Events werden pro `abilityGameID` gesammelt, dann in Cluster eingeteilt — ein neuer Cluster beginnt wenn der Abstand zum ersten Event im aktuellen Cluster `> CLUSTER_WINDOW_MS` (1000ms) beträgt
+- AoE = Cluster mit ≥ 3 unterschiedlichen `targetID`s
+- Pro Target werden `amount`, `absorbed`, `overkill`, `hp` (nach Treffer), `maxHp` und `buffs` gespeichert; bei mehreren Hits desselben Targets pro Cluster werden `amount`/`absorbed`/`overkill` summiert
+
+### Spielernamen statt IDs
+- `masterData.abilities` (gameID → Name) wird zusammen mit `playerDetails` in einem einzigen Query abgerufen
+- `$mitigIdMap` (gameID → Mitigation-Meta) wird aus zwei Quellen befüllt:
+  1. `masterData.abilities` — für Abilities die als Events im Report auftauchen (Name-basiertes Matching)
+  2. Statische `statusId`-Felder in `MITIGATION_ABILITIES` — Fallback für Abilities die nicht in masterData stehen (z.B. Pre-Pull-Buffs)
+
+### Mitigation-Tracking
+Getrackte party-wide Buffs + Schilde + Boss-Debuffs (definiert in `MITIGATION_ABILITIES` in `api/analysis.php`):
+
+Drei `buffType`-Kategorien:
+- **`buff`**: Damage Reduction — Passage of Arms (15%), Troubadour/Tactician/Shield Samba (15%), Dark Missionary/Heart of Light/Temperance/Sacred Soil/Expedient/Collective Unconscious/Holos/Kerachole/Magick Barrier (10%), Fey Illumination (5%)
+- **`shield`**: Barrieren — Divine Veil, Guardian, Shake It Off, Bloodwhetting, Divine Benison, Divine Caress, Intersection, Neutral Sect, the Spire, Panhaima, Holosakos, Eukrasian Prognosis, Eukrasian Diagnosis, Differential Diagnosis, Haima, Galvanize, Seraphic Veil, Catalyze, Radiant Aegis, Tempera Coat, Tempera Grassa, Improvised Finish
+- **`debuff`**: Boss-Debuffs — Reprisal, Feint, Addle (je 10%)
+
+**Statische Status-IDs (`statusId`-Feld):** Jeder Eintrag in `MITIGATION_ABILITIES` trägt ein `statusId`-Feld (FFLogs Status-ID = XIVAPI Status row_id + 1.000.000). Diese IDs werden als Fallback in `$mitigIdMap` eingetragen wenn masterData den Eintrag nicht enthält. Löst das Pre-Pull-Problem und Name-Mismatches (z.B. FFLogs "Guardian's Will" vs. Key 'Guardian', "Desperate Measures" vs. 'Expedient').
+
+**Primär: `buffs`-Feld im `damage`-Event:** Das Feld enthält einen `.`-separierten String aktiver Status-IDs. `resolveMitigations()` mappt diese via `$mitigIdMap`. Doppelte Namen werden dedupliziert.
+
+**Fallback: Shield-Timeline via `applybuff`/`removebuff`:** Das `buffs`-Feld des `damage`-Events spiegelt den Zustand *nach* dem Hit — Schilde die durch den Hit konsumiert wurden fehlen darin. Daher wird in Step 2b ein separater Buffs-Query (dataType: Buffs) für alle Shield-StatusIds gefetcht und eine Timeline aufgebaut: `$shieldTimeline[targetId][statusId][] = ['apply' => ts, 'remove' => ts|null]`. Bei `absorbed > 0` wird `shieldsActiveAt()` konsultiert und alle dort gefundenen Schilde die noch nicht in der Mitigation-Liste stehen werden hinzugefügt (Name-Deduplication). Buffer: 200ms (`remove >= damageTs - 200`) um consumed-at-impact von natural-expiry zu unterscheiden.
+
+### Mitigation-Icons
+- Icons lokal gespeichert in `assets/icons/mitigation/` als PNG
+- Quelle: XIVAPI v2 (`https://v2.xivapi.com/api/asset?path=...&format=png`)
+- Icon-Pfade per Action-Row-ID abgerufen: `https://v2.xivapi.com/api/sheet/Action/{id}?fields=Name,Icon`
+- Dateinamen: kebab-case des Ability-Namens (z.B. `passage-of-arms.png`)
+- Mapping in `analysis.js`: `MITIG_ICONS` Objekt (Ability-Name → lokaler Pfad)
+
+**Darstellungsort nach `buffType`:**
+- **Buffs** (`buffType: 'buff'`): erscheinen per Spieler unter der Spieler-Box (`.aoe-target-buffs`)
+- **Schilde** (`buffType: 'shield'`): erscheinen als Tooltip auf dem `+absorbed`-Wert (`.aoe-target-absorbed`) — Liste der aktiven Shield-Namen, consumed Schilde werden über die Timeline-Fallback ergänzt
+- **Debuffs** (`buffType: 'debuff'`): erscheinen einmal pro Event im Ability-Header neben "X total" bzw. in der REF-Zeile neben "REF X total ±delta"
+- Fehlende Mitigations aus dem Ref-Pull: Buffs → ausgegraut per Spieler; Debuffs → ausgegraut im jeweiligen Header
+- `.aoe-ability` nutzt `display: flex; align-items: center; gap: 6px` — identisches Spacing wie `.aoe-ref-label`
+
+## Implementierte Features (Übersicht neuerer Commits)
+
+### HP-Balken pro Spieler
+2-Segment-Balken direkt unter Name+Schaden in der Spieler-Box:
+- **Grün** (links): HP nach dem Treffer — Farbton dynamisch: >50% grün, 25–50% amber, <25% rot
+- **Rot** (Mitte): erlittener Schaden (als % von MaxHP)
+- Nur gerendert wenn `t.maxHp > 0`; Daten kommen aus `targetResources.hitPoints` / `maxHitPoints` via `includeResources: true`
+
+### Death-Highlight + Absorbed/Overkill
+- Spieler-Box bekommt Klasse `.aoe-target--dead` wenn `hp === 0 && maxHp > 0`
+- Overkill-Betrag wird links neben dem Job-Badge angezeigt (`.aoe-target-overkill`)
+- Absorbed-Betrag erscheint als gedimmter Zusatz neben dem Schaden (`.aoe-target-absorbed`)
+
+### Phase-Filter
+- Liest `phaseTransitions` aus dem gewählten Fight-Objekt (`window.App.phases`)
+- Dropdown `#phase-select` erscheint nur wenn Phasen vorhanden sind
+- Option "Ganzer Fight" (id=0) ist immer dabei; individuelle Phasen ab id=1
+- `phaseFilter = { startTime, endTime }` filtert die Timeline in `renderTimeline()`
+
+### Spieler-Sortierung
+Konsistentes Healer → DPS → Tank-Ordering überall: im Spieler-Grid, in jedem AoE-Event, und in der Referenz-Zeile. Innerhalb gleicher Rolle alphabetisch nach Name.
+
+### Pull-Vergleich (innerhalb desselben Reports)
+- Dropdown `#ref-fight-select` wird nach Report-Load mit allen Fights befüllt (via `onFightsLoaded`)
+- Bei Auswahl: separater `api/analysis.php`-Call für den Ref-Fight → `refEvents[]`
+- In `renderTimeline()`: per `abilityName` und Occurrence-Index gematchter Ref-Event wird als `REF`-Zeile unterhalb der aktuellen Targets gerendert
+- Fehlende Mitigations (vorhanden im Ref, nicht im aktuellen Pull) werden als ausgegrautem Icon mit Klasse `.aoe-buff-missing` gezeigt — Buffs per Spieler, Debuffs im Ability-Header
+- Schaden-Delta pro Spieler: grün wenn besser (`aoe-delta-better`), rot wenn schlechter (`aoe-delta-worse`)
+- Gesamt-Delta + Ref-Debuff-Icons in der REF-Headerzeile (`aoe-ref-label`)
+
+### Cross-Report-Vergleich
+- Button "+ Anderer Report" (`#ref-ext-toggle`) öffnet Panel mit Eingabefeld + Laden-Button
+- `api/fight.php` wird mit dem externen Report-Code aufgerufen → Fight-Dropdown befüllt
+- Auswahl eines externen Fights → `api/analysis.php`-Call mit externem Code → `refEvents[]`
+- Same-Report- und Cross-Report-Selektion schließen sich gegenseitig aus (jeweils Reset des anderen Dropdowns)
+
+### Event Explorer (im Report-Tab)
+Erscheint nach Fight-Auswahl als Card über dem Output-Terminal. Filteroptionen:
+- **Ability**: Dropdown mit allen NPC-Fähigkeiten des Fights (via `api/abilities.php`)
+- **DataType**: DamageTaken / DamageDone / Healing / Casts / Buffs / Deaths
+- **Event-Typ (raw)**: damage, calculateddamage, applybuff, removebuff, etc.
+- **Spieler**: Dropdown mit allen Spielern des Fights (via `api/abilities.php`)
+- **Limit**: 1–500 Events
+- **Von/Bis**: Zeitoffsets in Sekunden vom Fight-Start
+- Output landet im gleichen `#output`-Terminal wie der Fight-JSON
+- Backend `api/debug-events.php`: filtert Events nach Typ, Ability-ID und Spieler (Source oder Target); gibt Metadaten + gefilterte Events zurück
+
+## Konfiguration
+- `config.php`: `CLIENT_ID`, `REDIRECT_URI`, `DEV_MODE` anpassen
+- `DEV_MODE = true` deaktiviert SSL-Verifizierung (nur lokal, nie in Produktion)
+- `session.cookie_secure` ist bei `DEV_MODE` automatisch `false`
+
+## FFLogs API
+- OAuth2 PKCE (kein Client Secret, öffentliche App)
+- App registrieren: https://www.fflogs.com/api/clients/
+- GraphQL Endpoint (user-scoped): `https://www.fflogs.com/api/v2/user`
+- Token Endpoint: `https://www.fflogs.com/oauth/token`
+- Kein Refresh Token für öffentliche Clients — abgelaufene Sessions starten PKCE neu
+- Event-Typen: `damage` (post-Mitigation Snapshot, enthält `buffs`-Feld) vs. `calculateddamage` (Snapshot beim Cast-Start — buffs sind zu früh, aber `targetResources.absorb` zeigt den Schildwert zu diesem Zeitpunkt)
+- `buffs`-Feld im `damage`-Event: `.`-separierter String aktiver Status-IDs. Achtung: Schilde die durch diesen Hit konsumiert wurden sind bereits entfernt → Shield-Timeline als Fallback nötig
+- FFLogs Status-IDs = XIVAPI Status-Sheet `row_id` + 1.000.000 (z.B. Galvanize: row_id 297 → FFLogs 1000297)
+- `dataType: Buffs` liefert `applybuff`/`removebuff`-Events (u.a. für die Shield-Timeline)
+- `includeResources: true` im `events()`-Query liefert `targetResources.hitPoints` / `maxHitPoints` pro Event
+
+## XIVAPI
+- Basis-URL: `https://v2.xivapi.com`
+- Action-Lookup per Row-ID: `/api/sheet/Action/{id}?fields=Name,Icon`
+- Asset-Download: `/api/asset?path={tex_path}&format=png`
+- Icons nicht hotlinken — lokal speichern (Community-Service, kein SLA)
+- XIVAPI-Suche (`/api/search`) gibt bei manchen Abilities ClassJob-Daten statt Action-Daten zurück → direkt per Row-ID abrufen
+
+## Repository
+- Remote: `https://git.epow0.org/xziino/ff14-mitigator`
+- Platform: Gitea (git.epow0.org)
+- Branch: `main`
+
+## Lokale Entwicklung
+```
+php -S localhost:8080
+```
+Dann `http://localhost:8080` im Browser öffnen.
+Redirect URI in FFLogs App und config.php: `http://localhost:8080/auth/callback.php`
+
+## Bekannte Schema-Infos (ReportFight)
+Verfügbare aber noch nicht genutzte Felder: `friendlyPlayers`, `enemyNPCs`,
+`lastPhase`, `standardComposition`, `hasEcho`, `combatTime`
+Genutzt: `phaseTransitions` (für Phase-Filter), `fightPercentage`, `kill`, `startTime`, `endTime`
+Vollständiges Schema: siehe `debug/schema.php` oder `fflogs-schema.json`
+
+## Deployment
+- `DEV_MODE` auf `false` setzen
+- `REDIRECT_URI` auf produktive HTTPS-URL anpassen
+- `debug/` Ordner nicht deployen
+- `assets/` Ordner deployen (enthält lokale Icons)
+
+---
+
+## Planer-Tab — Konzept & Roadmap
+
+### Ziel
+Raid-Cooldown-Planer: Welche Mitigation-Ability wird für welche Mechanik eingesetzt? Basierend auf Log-Daten oder manuell aufgebaut. Überlebt Browser-Neustarts via localStorage.
+
+### Datenmodell (Plan)
+```json
+{
+  "id": "uuid",
+  "name": "M8S – Prog Week 1",
+  "createdAt": 1234567890,
+  "updatedAt": 1234567890,
+  "source": { "reportCode": "abc123", "fightId": 6 },
+  "jobComposition": ["PLD", "WAR", "WHM", "SCH", "MNK", "DRG", "BRD", "SMN"],
+  "mechanics": [
+    {
+      "id": "uuid",
+      "name": "Fourth-Wall Fusion",
+      "timestamp": 83000,
+      "unmitigatedDamage": 280000,
+      "assignments": [
+        { "ability": "Reprisal",     "job": "PLD" },
+        { "ability": "Shield Samba", "job": "BRD" }
+      ]
+    }
+  ]
+}
+```
+
+Mehrere Pläne gespeichert in `localStorage` unter `ff14-planner-plans` als Array.
+
+### Import-Flow (erster Meilenstein)
+**Ziel:** Einen bestehenden Log als saubere Mechanik-Vorlage laden — ohne vorhandene Mechaniken zu überschreiben.
+
+1. Benutzer wählt Report-Code + Kampf (gleicher Flow wie im Report-Tab, eigenes Mini-Formular im Planer)
+2. `api/analysis.php` wird aufgerufen → liefert `aoe_events` mit Name, Timestamp, `unmitigatedAmount`
+3. Jedes AoE-Event wird als Mechanik-Kandidat angezeigt (Name + Timestamp + Rohschaden)
+4. Benutzer kann einzelne Events auswählen oder alle übernehmen
+5. **Merge-Logik:** Beim Import in einen bestehenden Plan werden nur Mechaniken hinzugefügt die noch nicht vorhanden sind — Matching per `abilityName` + Timestamp-Nähe (± 5s). Bestehende Assignments bleiben erhalten.
+6. Neue Mechaniken werden an der richtigen Timestamp-Position eingefügt (Timeline bleibt sortiert)
+
+**Warum Merge statt Überschreiben:** Progress-Szenario — erster Import enthält Phase 1, späterer Import (weiter im Fight) fügt Phase 2 hinzu ohne Phase-1-Planung zu verlieren.
+
+### Geplante Features (Übersicht)
+
+| Prio | Feature | Beschreibung |
+|---|---|---|
+| 1 | **Import-Flow** | Log → Mechanik-Timeline, Merge bei Teilimporten |
+| 2 | **Jobaufstellung** | 8 Slots (2 Tank, 2 Healer, 4 DPS), Auswahl bestimmt verfügbare Spells |
+| 3 | **Cooldown-Zuweisung** | Pro Mechanik Abilities zuweisen/entfernen per Klick |
+| 4 | **DR-Simulation** | `simuliert = unmitigated × ∏(1 − dr_i)` live berechnet beim Toggle |
+| 5 | **Recast-Tracking** | Recast-Datenbank pro Ability; Konflikt-Warnung wenn CD noch läuft |
+| 6 | **Coverage-Ansicht** | Gantt-Chart: Mechaniken auf X-Achse, Buff-Dauer als Balken |
+| 7 | **Analyse-Overlay** | Planer-Tab: Vergleich geplanter vs. tatsächlich genutzter CDs (Job-basiertes Matching, nicht Spielername) |
+| 8 | **Shield-Schätzung** | Empirisch aus Log-Durchschnitt (`absorbed`-Werte), nicht exakt |
+| 9 | **JSON-Export/Import** | Plan als Datei teilen mit Raidkollegen |
+
+### Spell-Verfügbarkeit nach Job
+Jobaufstellung → verfügbare Abilities (Subset von `MITIGATION_ABILITIES`):
+
+| Job | Abilities |
+|---|---|
+| PLD | Passage of Arms, Divine Veil, Guardian, Reprisal |
+| WAR | Shake It Off, Bloodwhetting, Reprisal |
+| DRK | Dark Missionary, Reprisal |
+| GNB | Heart of Stone *(noch nicht getrackt)*, Reprisal |
+| WHM | Temperance, Divine Benison, Divine Caress |
+| SCH | Sacred Soil, Expedient, Fey Illumination, Galvanize, Seraphic Veil, Catalyze, Addle |
+| AST | Collective Unconscious, Neutral Sect, Intersection, the Spire |
+| SGE | Kerachole, Holos, Holosakos, Panhaima, Eukrasian Prognosis, Eukrasian Diagnosis, Haima, Addle |
+| BRD | Troubadour |
+| MCH | Tactician |
+| DNC | Shield Samba, Improvised Finish |
+| MNK | Feint |
+| DRG | Feint |
+| NIN | Feint |
+| SAM | Feint |
+| RPR | Feint |
+| VPR | Feint |
+| BLM | Addle |
+| SMN | Addle, Radiant Aegis |
+| RDM | Addle, Magick Barrier |
+| PCT | Addle, Tempera Coat, Tempera Grassa |
+
+### Recast-Zeiten (geplante Datenbank)
+Wird benötigt für Konflikt-Erkennung. Beispiele:
+- Reprisal: 60s
+- Feint / Addle: 90s
+- Troubadour / Tactician / Shield Samba: 120s
+- Temperance: 120s
+- Dark Missionary / Heart of Light: 90s
+
+### Technische Entscheidungen
+- **Persistenz:** `localStorage` — kein Backend nötig, mehrere Pläne möglich
+- **IDs:** `crypto.randomUUID()` für Plan- und Mechanik-IDs
+- **Merge-Matching:** Mechaniken gelten als identisch wenn `abilityName` gleich und `|timestamp_a - timestamp_b| < 5000ms`
+- **Keine Spielernamen im Planer:** Assignments sind Job-basiert (`{ ability, job }`), damit Pläne übertragbar sind
+- **Analyse-Tab Overlay (Prio 7):** Job aus tatsächlichem Pull → lookup welche Ability dieser Job im Plan hatte → Soll/Ist-Vergleich
diff --git a/api/abilities.php b/api/abilities.php
index eccba47..1de90ba 100644
--- a/api/abilities.php
+++ b/api/abilities.php
@@ -13,19 +13,32 @@ $reportCode = preg_replace('/[^a-zA-Z0-9]/', '', $_POST['report_code'] ?? '');
 $fightId    = (int)($_POST['fight_id']   ?? 0);
 $startTime  = (float)($_POST['start_time'] ?? 0);
 $endTime    = (float)($_POST['end_time']   ?? 0);
+$language   = strtolower(trim($_POST['language'] ?? 'en'));
+$language   = in_array($language, ['en', 'de', 'fr', 'jp'], true) ? $language : 'en';
+$translate  = $language === 'en' ? 'false' : 'true';
 
 if (!$reportCode || !$fightId || !$endTime) { http_response_code(400); echo json_encode(['error' => 'Missing params']); exit; }
 
 $token = $_SESSION['access_token'];
 
+function localized_graphql_uri(string $language): string {
+    $host = [
+        'de' => 'de.fflogs.com',
+        'fr' => 'fr.fflogs.com',
+        'jp' => 'ja.fflogs.com',
+    ][$language] ?? 'www.fflogs.com';
+    return preg_replace('#https://[^/]+#', 'https://' . $host, GRAPHQL_URI);
+}
+
 function ab_gql(string $query): array {
-    global $token;
-    $ch = curl_init(GRAPHQL_URI);
+    global $token, $language;
+    $acceptLanguage = $language === 'jp' ? 'ja' : $language;
+    $ch = curl_init(localized_graphql_uri($language));
     curl_setopt_array($ch, [
         CURLOPT_POST           => true,
         CURLOPT_POSTFIELDS     => json_encode(['query' => $query]),
         CURLOPT_RETURNTRANSFER => true,
-        CURLOPT_HTTPHEADER     => ['Content-Type: application/json', 'Authorization: Bearer ' . $token],
+        CURLOPT_HTTPHEADER     => ['Content-Type: application/json', 'Authorization: Bearer ' . $token, 'Accept-Language: ' . $acceptLanguage],
         CURLOPT_SSL_VERIFYPEER => !DEV_MODE,
     ]);
     $body = curl_exec($ch);
@@ -39,7 +52,7 @@ $mdResult = ab_gql(<<<GQL
   reportData {
     report(code: "$reportCode") {
       playerDetails(fightIDs: [$fightId])
-      masterData {
+      masterData(translate: $translate) {
         abilities { gameID name }
       }
     }
diff --git a/api/analysis.php b/api/analysis.php
index 5897808..9d45bd8 100644
--- a/api/analysis.php
+++ b/api/analysis.php
@@ -24,6 +24,9 @@ $reportCode = preg_replace('/[^a-zA-Z0-9]/', '', $_POST['report_code'] ?? '');
 $fightId    = (int)($_POST['fight_id']   ?? 0);
 $startTime  = (float)($_POST['start_time'] ?? 0);
 $endTime    = (float)($_POST['end_time']   ?? 0);
+$language   = strtolower(trim($_POST['language'] ?? 'en'));
+$language   = in_array($language, ['en', 'de', 'fr', 'jp'], true) ? $language : 'en';
+$translate  = $language === 'en' ? 'false' : 'true';
 
 if (!$reportCode || !$fightId || !$endTime) {
     http_response_code(400);
@@ -33,9 +36,19 @@ if (!$reportCode || !$fightId || !$endTime) {
 
 $token = $_SESSION['access_token'];
 
+function localized_graphql_uri(string $language): string {
+    $host = [
+        'de' => 'de.fflogs.com',
+        'fr' => 'fr.fflogs.com',
+        'jp' => 'ja.fflogs.com',
+    ][$language] ?? 'www.fflogs.com';
+    return preg_replace('#https://[^/]+#', 'https://' . $host, GRAPHQL_URI);
+}
+
 function fflogs_gql(string $query): array {
-    global $token;
-    $ch = curl_init(GRAPHQL_URI);
+    global $token, $language;
+    $acceptLanguage = $language === 'jp' ? 'ja' : $language;
+    $ch = curl_init(localized_graphql_uri($language));
     curl_setopt_array($ch, [
         CURLOPT_POST           => true,
         CURLOPT_POSTFIELDS     => json_encode(['query' => $query]),
@@ -43,6 +56,7 @@ function fflogs_gql(string $query): array {
         CURLOPT_HTTPHEADER     => [
             'Content-Type: application/json',
             'Authorization: Bearer ' . $token,
+            'Accept-Language: ' . $acceptLanguage,
         ],
         CURLOPT_SSL_VERIFYPEER => !DEV_MODE,
     ]);
@@ -126,6 +140,7 @@ function resolveMitigations(string $buffStr, array $mitigIdMap): array {
             if (isset($seen[$name])) continue;
             $seen[$name] = true;
             $result[] = [
+                'key'      => $mitigIdMap[$id]['key'] ?? $name,
                 'name'     => $name,
                 'dr'       => $mitigIdMap[$id]['dr'],
                 'buffType' => $mitigIdMap[$id]['buffType'],
@@ -146,7 +161,7 @@ function shieldsActiveAt(array $shieldTimeline, int $targetId, float $ts, array
             if ($iv['apply'] <= $ts && ($iv['remove'] === null || $iv['remove'] >= $ts - 200)) {
                 if (isset($mitigIdMap[$statusId])) {
                     $m        = $mitigIdMap[$statusId];
-                    $result[] = ['name' => $m['name'], 'dr' => $m['dr'], 'buffType' => $m['buffType']];
+                    $result[] = ['key' => $m['key'] ?? $m['name'], 'name' => $m['name'], 'dr' => $m['dr'], 'buffType' => $m['buffType']];
                 }
                 break;
             }
@@ -161,7 +176,7 @@ $pdResult = fflogs_gql(<<<GQL
   reportData {
     report(code: "$reportCode") {
       playerDetails(fightIDs: [$fightId])
-      masterData {
+      masterData(translate: $translate) {
         abilities {
           gameID
           name
@@ -175,7 +190,7 @@ GQL);
 if (isset($pdResult['_reauth']))     { echo json_encode(['reauth' => true]); exit; }
 if (isset($pdResult['_curl_error'])) { http_response_code(502); echo json_encode(['error' => $pdResult['_curl_error']]); exit; }
 
-// abilityGameID → display name
+// abilityGameID/statusID → display name
 $abilityNames = [];
 foreach ($pdResult['data']['reportData']['report']['masterData']['abilities'] ?? [] as $ab) {
     $abilityNames[(int)$ab['gameID']] = $ab['name'];
@@ -187,12 +202,13 @@ foreach ($pdResult['data']['reportData']['report']['masterData']['abilities'] ??
 $mitigIdMap = [];
 foreach ($abilityNames as $gameId => $name) {
     if (isset(MITIGATION_ABILITIES[$name])) {
-        $mitigIdMap[$gameId] = array_merge(['name' => $name], MITIGATION_ABILITIES[$name]);
+        $mitigIdMap[$gameId] = array_merge(['key' => $name, 'name' => $name], MITIGATION_ABILITIES[$name]);
     }
 }
 foreach (MITIGATION_ABILITIES as $name => $meta) {
     if (isset($meta['statusId']) && !isset($mitigIdMap[$meta['statusId']])) {
-        $mitigIdMap[$meta['statusId']] = array_merge(['name' => $name], $meta);
+        $displayName = $abilityNames[(int)$meta['statusId']] ?? $name;
+        $mitigIdMap[$meta['statusId']] = array_merge(['key' => $name, 'name' => $displayName], $meta);
     }
 }
 
diff --git a/fflogs_view.png b/fflogs_view.png
new file mode 100644
index 0000000..1594bf9
Binary files /dev/null and b/fflogs_view.png differ
diff --git a/js/analysis.js b/js/analysis.js
index 5dfe911..144eb4f 100644
--- a/js/analysis.js
+++ b/js/analysis.js
@@ -219,6 +219,9 @@
         if (!refId) {
             refEvents = [];
             refFightStart = 0;
+            refPlayers = [];
+            window.App.setUrlState?.({ compareReportCode: '', compareFightId: '' });
+            renderRefPlayers();
             renderTimeline(lastEvents, lastFightStart);
             return;
         }
@@ -239,15 +242,23 @@
                     fight_id:    refId,
                     start_time:  fight.startTime,
                     end_time:    fight.endTime,
+                    language:    window.App.language,
                 }),
             });
             const json = await res.json();
             if (!json.error && !json.reauth) {
                 refEvents     = json.aoe_events ?? [];
                 refFightStart = json.fight_start ?? fight.startTime;
+                refPlayers    = [];
+                window.App.setUrlState?.({
+                    compareReportCode: '',
+                    compareFightId: refId,
+                    language: window.App.language,
+                });
             }
         } catch { }
         refFightSelect.disabled = false;
+        renderRefPlayers();
         renderTimeline(lastEvents, lastFightStart);
     });
 
@@ -292,8 +303,7 @@
         refExtPanel.style.display = hidden ? '' : 'none';
     });
 
-    refReportLoad.addEventListener('click', async () => {
-        const code = refReportInput.value.trim();
+    async function loadExternalReport(code, preferredFightId = 0) {
         if (!code) return;
 
         refReportLoad.disabled    = true;
@@ -303,7 +313,7 @@
             const res  = await fetch('api/fight.php', {
                 method:  'POST',
                 headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
-                body:    new URLSearchParams({ report_code: code }),
+                body:    new URLSearchParams({ report_code: code, language: window.App.language }),
             });
             const json = await res.json();
             if (json.reauth) { window.location.href = 'auth/start.php'; return; }
@@ -323,18 +333,27 @@
                 refExtFightSelect.appendChild(opt);
             });
             refExtFightSelect.style.display = visibleExt.length ? '' : 'none';
+            refExtPanel.style.display = '';
+            if (preferredFightId) {
+                refExtFightSelect.value = String(preferredFightId);
+                await loadExternalCompare(preferredFightId);
+            }
         } catch { }
 
         refReportLoad.disabled    = false;
         refReportLoad.textContent = 'Laden';
+    }
+
+    refReportLoad.addEventListener('click', async () => {
+        await loadExternalReport(refReportInput.value.trim());
     });
 
-    refExtFightSelect.addEventListener('change', async () => {
-        const refId = parseInt(refExtFightSelect.value, 10);
+    async function loadExternalCompare(refId) {
         if (!refId) {
             refEvents     = [];
             refFightStart = 0;
             refPlayers    = [];
+            window.App.setUrlState?.({ compareReportCode: '', compareFightId: '' });
             renderRefPlayers();
             renderTimeline(lastEvents, lastFightStart);
             return;
@@ -356,6 +375,7 @@
                     fight_id:    refId,
                     start_time:  fight.startTime,
                     end_time:    fight.endTime,
+                    language:    window.App.language,
                 }),
             });
             const json = await res.json();
@@ -363,11 +383,20 @@
                 refEvents     = json.aoe_events ?? [];
                 refFightStart = json.fight_start ?? fight.startTime;
                 refPlayers    = json.players ?? [];
+                window.App.setUrlState?.({
+                    compareReportCode: extReportCode,
+                    compareFightId: refId,
+                    language: window.App.language,
+                });
             }
         } catch { }
         refExtFightSelect.disabled = false;
         renderRefPlayers();
         renderTimeline(lastEvents, lastFightStart);
+    }
+
+    refExtFightSelect.addEventListener('change', async () => {
+        await loadExternalCompare(parseInt(refExtFightSelect.value, 10));
     });
 
     // ── Timeline rendering ────────────────────────────────────────────────────
@@ -405,24 +434,25 @@
             if (!visibleTargets.length) return '';
 
             // Collect boss debuffs (Reprisal/Feint/Addle) once at event level
-            const seenDebuffNames = new Set();
+            const seenDebuffKeys = new Set();
             const eventDebuffs = [];
             for (const t of visibleTargets) {
                 for (const m of (t.mitigations ?? [])) {
-                    if (m.buffType === 'debuff' && !seenDebuffNames.has(m.name)) {
-                        seenDebuffNames.add(m.name);
+                    const key = m.key ?? m.name;
+                    if (m.buffType === 'debuff' && !seenDebuffKeys.has(key)) {
+                        seenDebuffKeys.add(key);
                         eventDebuffs.push(m);
                     }
                 }
             }
             const eventMissingDebuffs = refEv
-                ? (refEv.targets[0]?.mitigations ?? []).filter(m => m.buffType === 'debuff' && !seenDebuffNames.has(m.name))
+                ? (refEv.targets[0]?.mitigations ?? []).filter(m => m.buffType === 'debuff' && !seenDebuffKeys.has(m.key ?? m.name))
                 : [];
             const debuffIconsHtml = [
                 ...eventDebuffs.map(m => ({ ...m, missing: false })),
                 ...eventMissingDebuffs.map(m => ({ ...m, missing: true })),
             ].map(m => {
-                const iconSrc = MITIG_ICONS[m.name];
+                const iconSrc = MITIG_ICONS[m.key] ?? MITIG_ICONS[m.name];
                 if (!iconSrc) return '';
                 const dr = m.dr > 0 ? ` −${m.dr}%` : '';
                 return m.missing
@@ -447,15 +477,15 @@
                     </div>`;
                 })() : '';
 
-                const currentMitigNames = new Set((t.mitigations ?? []).map(m => m.name));
+                const currentMitigKeys = new Set((t.mitigations ?? []).map(m => m.key ?? m.name));
                 const refTarget = refEv?.targets?.find(rt => rt.name === t.name);
                 const missingMitigs = refTarget
-                    ? (refTarget.mitigations ?? []).filter(m => m.buffType === 'buff' && !currentMitigNames.has(m.name))
+                    ? (refTarget.mitigations ?? []).filter(m => m.buffType === 'buff' && !currentMitigKeys.has(m.key ?? m.name))
                     : [];
 
                 // DR buff icons (shown below player box)
                 const mitigIcons = (t.mitigations ?? []).filter(m => m.buffType === 'buff').map(m => {
-                    const iconSrc = MITIG_ICONS[m.name];
+                    const iconSrc = MITIG_ICONS[m.key] ?? MITIG_ICONS[m.name];
                     if (!iconSrc) return '';
                     const dr = m.dr > 0 ? ` −${m.dr}%` : '';
                     return `<img class="aoe-target-buff-icon" src="${iconSrc}" alt="${m.name}" title="${m.name}${dr}">`;
@@ -464,7 +494,7 @@
                 // Shield tooltip on absorbed value
                 const activeShields  = (t.mitigations ?? []).filter(m => m.buffType === 'shield');
                 const missingShields = refTarget
-                    ? (refTarget.mitigations ?? []).filter(m => m.buffType === 'shield' && !currentMitigNames.has(m.name))
+                    ? (refTarget.mitigations ?? []).filter(m => m.buffType === 'shield' && !currentMitigKeys.has(m.key ?? m.name))
                     : [];
                 const shieldLines = [
                     ...activeShields.map(s => s.name),
@@ -504,11 +534,11 @@
                     const currentByName = {};
                     ev.targets.forEach(t => { currentByName[t.name] = t; });
 
-                    const seenRefDebuffNames = new Set();
+                    const seenRefDebuffKeys = new Set();
                     const refDebuffIconsHtml = refVisible.flatMap(t => (t.mitigations ?? []))
-                        .filter(m => m.buffType === 'debuff' && !seenRefDebuffNames.has(m.name) && seenRefDebuffNames.add(m.name))
+                        .filter(m => m.buffType === 'debuff' && !seenRefDebuffKeys.has(m.key ?? m.name) && seenRefDebuffKeys.add(m.key ?? m.name))
                         .map(m => {
-                            const iconSrc = MITIG_ICONS[m.name];
+                            const iconSrc = MITIG_ICONS[m.key] ?? MITIG_ICONS[m.name];
                             if (!iconSrc) return '';
                             const dr = m.dr > 0 ? ` −${m.dr}%` : '';
                             return `<img class="aoe-target-buff-icon" src="${iconSrc}" alt="${m.name}" title="${m.name}${dr}">`;
@@ -523,13 +553,13 @@
                             ? `<span class="${diff > 0 ? 'aoe-delta-worse' : 'aoe-delta-better'}">${diff > 0 ? '+' : '-'}${fmtDmg(Math.abs(diff))}</span>`
                             : '';
 
-                        const currMitigNames = new Set((curr?.mitigations ?? []).map(m => m.name));
+                        const currMitigKeys = new Set((curr?.mitigations ?? []).map(m => m.key ?? m.name));
 
                         const refMitigIcons = (t.mitigations ?? []).filter(m => m.buffType === 'buff').map(m => {
-                            const iconSrc = MITIG_ICONS[m.name];
+                            const iconSrc = MITIG_ICONS[m.key] ?? MITIG_ICONS[m.name];
                             if (!iconSrc) return '';
                             const dr        = m.dr > 0 ? ` −${m.dr}%` : '';
-                            const missing   = !currMitigNames.has(m.name);
+                            const missing   = !currMitigKeys.has(m.key ?? m.name);
                             const cls       = missing ? ' aoe-buff-ref-unique' : '';
                             const titleSufx = missing ? ' (fehlt im aktuellen Pull)' : '';
                             return `<img class="aoe-target-buff-icon${cls}" src="${iconSrc}" alt="${m.name}" title="${m.name}${dr}${titleSufx}">`;
@@ -537,7 +567,7 @@
 
                         const refShields = (t.mitigations ?? []).filter(m => m.buffType === 'shield');
                         const refShieldTitle = refShields.length
-                            ? refShields.map(s => currMitigNames.has(s.name) ? s.name : `${s.name} [fehlt im aktuellen Pull]`).join('\n')
+                            ? refShields.map(s => currMitigKeys.has(s.key ?? s.name) ? s.name : `${s.name} [fehlt im aktuellen Pull]`).join('\n')
                             : null;
 
                         return `
@@ -609,7 +639,7 @@
             const res = await fetch('api/analysis.php', {
                 method:  'POST',
                 headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
-                body:    new URLSearchParams({ report_code: reportCode, fight_id: fightId, start_time: fightStart, end_time: fightEnd }),
+                body:    new URLSearchParams({ report_code: reportCode, fight_id: fightId, start_time: fightStart, end_time: fightEnd, language: window.App.language }),
             });
             json = await res.json();
         } catch (err) {
@@ -634,6 +664,18 @@
         onFightSelected: load,
         onTabOpen:       load,
         onFightsLoaded:  onFightsLoaded,
+        async selectSharedCompare(fightId, reportCode = '') {
+            if (!fightId) return;
+            if (reportCode && reportCode !== window.App?.reportCode) {
+                refReportInput.value = reportCode;
+                await loadExternalReport(reportCode, fightId);
+                return;
+            }
+            if ([...refFightSelect.options].some(opt => parseInt(opt.value, 10) === fightId)) {
+                refFightSelect.value = String(fightId);
+                refFightSelect.dispatchEvent(new Event('change'));
+            }
+        },
         reset() {
             lastFightId   = null;
             refEvents     = [];
diff --git a/js/app.js b/js/app.js
index 5dde654..06378c8 100644
--- a/js/app.js
+++ b/js/app.js
@@ -1,5 +1,5 @@
 document.addEventListener('DOMContentLoaded', () => {
-    window.App = { reportCode: null, fightId: null, fightStart: 0, fightEnd: 0, phases: [], fights: [] };
+    window.App = { reportCode: null, fightId: null, fightStart: 0, fightEnd: 0, language: 'en', phases: [], fights: [] };
 
     const form              = document.getElementById('report-form');
     const output            = document.getElementById('output');
@@ -7,6 +7,7 @@ document.addEventListener('DOMContentLoaded', () => {
     const initialHint       = document.getElementById('initial-hint');
     const fightSelectCard   = document.getElementById('fight-select-card');
     const fightSelect       = document.getElementById('fight-select');
+    const languageSelect    = document.getElementById('language-select');
     const explorerCard      = document.getElementById('event-explorer-card');
     const exLoadBtn         = document.getElementById('ex-load-btn');
     const exAbilitySelect   = document.getElementById('ex-ability');
@@ -14,6 +15,65 @@ document.addEventListener('DOMContentLoaded', () => {
 
     let allFights = [];
 
+    function getUrlState() {
+        const params = new URLSearchParams(window.location.search);
+        const pick = (...names) => {
+            for (const name of names) {
+                const value = params.get(name);
+                if (value !== null && value !== '') return value;
+            }
+            return '';
+        };
+        return {
+            reportCode: pick('report_code', 'reportCode', 'report'),
+            fightId: parseInt(pick('fightid', 'fight_id', 'fightId'), 10) || 0,
+            compareReportCode: pick('compare_report_code', 'compareReportCode', 'compare_report', 'ref_report'),
+            compareFightId: parseInt(pick('comparefightid', 'compare_fight_id', 'compareFightId', 'ref_fight_id'), 10) || 0,
+            language: pick('language', 'lang'),
+            translate: pick('translate'),
+        };
+    }
+
+    function normalizeLanguage(value, fallback = 'en') {
+        const lang = String(value || '').toLowerCase();
+        return ['en', 'de', 'fr', 'jp'].includes(lang) ? lang : fallback;
+    }
+
+    function setUrlState(updates) {
+        const url = new URL(window.location.href);
+        const setOrDelete = (name, value) => {
+            if (value === null || value === undefined || value === '') url.searchParams.delete(name);
+            else url.searchParams.set(name, value);
+        };
+
+        if ('reportCode' in updates) setOrDelete('report_code', updates.reportCode);
+        if ('fightId' in updates) setOrDelete('fightid', updates.fightId);
+        if ('compareReportCode' in updates) setOrDelete('compare_report_code', updates.compareReportCode);
+        if ('compareFightId' in updates) setOrDelete('comparefightid', updates.compareFightId);
+        if ('language' in updates) {
+            setOrDelete('language', normalizeLanguage(updates.language));
+            url.searchParams.delete('translate');
+        }
+
+        window.history.replaceState(null, '', url);
+    }
+    window.App.setUrlState = setUrlState;
+
+    const initialUrlState = getUrlState();
+    const storedLanguage = localStorage.getItem('ff14-mitigator-language');
+    const legacyTranslateLanguage = initialUrlState.translate === '1' ? 'de' : 'en';
+    languageSelect.value = normalizeLanguage(
+        initialUrlState.language || storedLanguage,
+        initialUrlState.translate !== '' ? legacyTranslateLanguage : 'en'
+    );
+    window.App.language = languageSelect.value;
+
+    languageSelect.addEventListener('change', () => {
+        window.App.language = normalizeLanguage(languageSelect.value);
+        localStorage.setItem('ff14-mitigator-language', window.App.language);
+        setUrlState({ language: window.App.language });
+    });
+
     const codeInput = form.elements['report_code'];
     codeInput.addEventListener('input', () => {
         const match = codeInput.value.match(/fflogs\.com\/reports\/([A-Za-z0-9]+)/);
@@ -38,12 +98,11 @@ document.addEventListener('DOMContentLoaded', () => {
         outputCard.style.display = 'block';
     }
 
-    fightSelect.addEventListener('change', () => {
-        if (!fightSelect.value) return;
-        const id    = parseInt(fightSelect.value, 10);
+    function selectFight(id, updateUrl = true) {
         const fight = allFights.find(f => f.id === id);
-        if (!fight) return;
+        if (!fight) return false;
 
+        fightSelect.value = String(id);
         window.App.fightId    = id;
         window.App.fightStart = fight.startTime;
         window.App.fightEnd   = fight.endTime;
@@ -51,8 +110,21 @@ document.addEventListener('DOMContentLoaded', () => {
 
         displayFight(fight);
         explorerCard.style.display = 'block';
+        if (updateUrl) {
+            setUrlState({
+                reportCode: window.App.reportCode,
+                fightId: id,
+                language: window.App.language,
+            });
+        }
         window.analysisTab?.onFightSelected?.();
         loadAbilities(id, fight.startTime, fight.endTime);
+        return true;
+    }
+
+    fightSelect.addEventListener('change', () => {
+        if (!fightSelect.value) return;
+        selectFight(parseInt(fightSelect.value, 10));
     });
 
     function buildPhases(fight) {
@@ -78,6 +150,7 @@ document.addEventListener('DOMContentLoaded', () => {
                     fight_id:    fightId,
                     start_time:  startTime,
                     end_time:    endTime,
+                    language:    window.App.language,
                 }),
             });
             const json = await res.json();
@@ -113,6 +186,7 @@ document.addEventListener('DOMContentLoaded', () => {
             fight_id:      window.App.fightId,
             start_time:    window.App.fightStart,
             end_time:      window.App.fightEnd,
+            language:      window.App.language,
             data_type:     document.getElementById('ex-data-type').value,
             ability_id:    exAbilitySelect.value,
             event_type:    document.getElementById('ex-event-type').value.trim(),
@@ -136,9 +210,7 @@ document.addEventListener('DOMContentLoaded', () => {
         }
     });
 
-    form.addEventListener('submit', async (e) => {
-        e.preventDefault();
-
+    async function loadReport(reportCode, preferredFightId = 0) {
         initialHint.style.display     = 'none';
         outputCard.style.display      = 'block';
         output.textContent            = '// fetching...';
@@ -147,21 +219,29 @@ document.addEventListener('DOMContentLoaded', () => {
         fightSelect.innerHTML          = '<option value="">— Fight auswählen —</option>';
         allFights = [];
 
-        const reportCode      = form.elements['report_code'].value.trim();
         window.App.reportCode = reportCode;
         window.App.fightId    = null;
         window.App.fightStart = 0;
         window.App.fightEnd   = 0;
+        window.App.language   = normalizeLanguage(languageSelect.value);
         window.App.phases     = [];
         window.App.fights     = [];
         window.analysisTab?.reset?.();
+        localStorage.setItem('ff14-mitigator-language', window.App.language);
+        setUrlState({
+            reportCode,
+            fightId: '',
+            compareReportCode: '',
+            compareFightId: '',
+            language: window.App.language,
+        });
 
         let response, json;
         try {
             response = await fetch('api/fight.php', {
                 method:  'POST',
                 headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
-                body:    new URLSearchParams({ report_code: reportCode }),
+                body:    new URLSearchParams({ report_code: reportCode, language: window.App.language }),
             });
             json = await response.json();
         } catch (err) {
@@ -204,7 +284,23 @@ document.addEventListener('DOMContentLoaded', () => {
 
         window.App.fights = allFights;
         fightSelectCard.style.display = 'block';
-        output.textContent            = '// Fight auswählen ↑';
         window.analysisTab?.onFightsLoaded?.(allFights);
+
+        if (preferredFightId && selectFight(preferredFightId, true)) return;
+        output.textContent = '// Fight auswählen ↑';
+    }
+
+    form.addEventListener('submit', async (e) => {
+        e.preventDefault();
+        await loadReport(form.elements['report_code'].value.trim());
     });
+
+    if (initialUrlState.reportCode) {
+        form.elements['report_code'].value = initialUrlState.reportCode;
+        loadReport(initialUrlState.reportCode, initialUrlState.fightId).then(() => {
+            if (initialUrlState.compareFightId) {
+                window.analysisTab?.selectSharedCompare?.(initialUrlState.compareFightId, initialUrlState.compareReportCode);
+            }
+        });
+    }
 });
diff --git a/mitigator_tool_view.png b/mitigator_tool_view.png
new file mode 100644
index 0000000..a6e3231
Binary files /dev/null and b/mitigator_tool_view.png differ
diff --git a/templates/report-form.php b/templates/report-form.php
index abb662c..09da893 100644
--- a/templates/report-form.php
+++ b/templates/report-form.php
@@ -13,6 +13,15 @@
           required
         >
       </div>
+      <div class="fg">
+        <label>Namen</label>
+        <select name="language" id="language-select">
+          <option value="en">EN</option>
+          <option value="de">DE</option>
+          <option value="fr">FR</option>
+          <option value="jp">JP</option>
+        </select>
+      </div>
       <button class="btn btn-gold" type="submit" style="align-self:flex-end">Fetch</button>
       <a class="btn" href="auth/start.php" style="align-self:flex-end;text-decoration:none">Reconnect</a>
     </div>