feat(pfd): realistic styling, flight inertia, and improved training exercises

- Darken all tape backgrounds to match real A320 PFD (#16181f/#1c1e26)
- Speed/altitude readouts green (#19e34a) instead of cyan
- Attitude indicator: sky/ground gradients, W-shaped aircraft symbol
- Speed tape: cyan target zone (not red), VFE/min-speed red bands
- Altitude tape: ticks on left side toward attitude indicator
- Flight physics: 3x slower pitch (smoothed, tau 2s), halved roll rate,
  stronger speed-pitch coupling for realistic 150t inertia
- Pitch/bank exercises use normal flight ranges (±10° bank, ±3-4° pitch)
- Multi-phase speed exercise: explain → coarse hold 5s → fine hold 8s
- ATC messages emphasize small inputs, patience, and anticipation

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

shared/composables/flightlab/useAirbusFBW.ts

@@ -24,13 +24,14 @@ const MAX_PITCH_UP = 30
 const MAX_PITCH_DOWN = -15
 const MAX_BANK = 67
 const BANK_NEUTRAL_LIMIT = 33
-const MAX_ROLL_RATE = 15
-const ROLL_RETURN_RATE = 5
+const MAX_ROLL_RATE = 7
+const ROLL_RETURN_RATE = 2
 
 const MAX_G_PULL = 2.5
 const MIN_G_PUSH = -1.0
 const NEUTRAL_G = 1.0
-const PITCH_RATE_PER_G_DELTA = 3.5
+const PITCH_RATE_PER_G_DELTA = 1.2
+const PITCH_SMOOTH_TAU = 2.0 // seconds — exponential smoothing time constant
 
 const IDLE_THRUST = 2000
 const MAX_THRUST = 50000
@@ -39,7 +40,7 @@ const MASS = 150000
 const GRAVITY = 32.174
 const KT_TO_FPS = 1.68781
 const TRIM_PITCH_DEG = 2
-const SPEED_PITCH_COUPLING = 1.2
+const SPEED_PITCH_COUPLING = 2.0
 
 const INITIAL_SPEED = 220
 const INITIAL_ALTITUDE = 5000
@@ -63,6 +64,7 @@ export function useAirbusFBW() {
   let animFrame: number | null = null
   let lastTime: number | null = null
   let running = false
+  let smoothedPitchRate = 0
 
   function updateInput(newInput: Partial<StickInput>) {
     if (newInput.pitch !== undefined) input.pitch = clamp(newInput.pitch, -1, 1)
@@ -84,6 +86,7 @@ export function useAirbusFBW() {
     state.throttlePercent = 50
     state.onGround = false
     lastTime = null
+    smoothedPitchRate = 0
   }
 
   function tick(timestamp: number) {
@@ -126,8 +129,10 @@ export function useAirbusFBW() {
     const currentG = speedFps > 50 ? 1 + (state.pitch * Math.PI / 180) * speedFps / GRAVITY * 0.01 : 1
 
     const gDelta = targetG - currentG
-    const pitchRate = gDelta * PITCH_RATE_PER_G_DELTA
-    state.pitch += pitchRate * dt
+    const rawPitchRate = gDelta * PITCH_RATE_PER_G_DELTA
+    const alpha = 1 - Math.exp(-dt / PITCH_SMOOTH_TAU)
+    smoothedPitchRate += (rawPitchRate - smoothedPitchRate) * alpha
+    state.pitch += smoothedPitchRate * dt
     state.pitch = clamp(state.pitch, MAX_PITCH_DOWN, MAX_PITCH_UP)
 
     // --- Speed ---

shared/composables/flightlab/useLearnPfdEngine.ts

@@ -3,15 +3,16 @@ import { ref, computed, watch } from 'vue'
 import type { LearnPfdPhase, LearnPfdScenario, FlightLabButton, PfdInteractionGoal, PfdElement, PfdLayoutMode } from '../../data/flightlab/types'
 import type { FlightState } from './useAirbusFBW'
 
-const mainPhaseIds = ['welcome', 'horizon_intro', 'pitch_intro', 'speed_intro', 'speed_hold_pitch', 'alt_intro', 'vs_intro', 'heading_intro', 'combined', 'free_practice', 'end']
+const mainPhaseIds = ['welcome', 'horizon_intro', 'pitch_intro', 'speed_intro', 'speed_explain', 'speed_hold_coarse', 'speed_hold_fine', 'alt_intro', 'vs_intro', 'heading_intro', 'combined', 'free_practice', 'end']
 
 const goalNextPhase: Record<string, string> = {
   'horizon_intro': 'horizon_roll_right',
   'horizon_roll_right': 'pitch_intro',
   'pitch_intro': 'pitch_down',
   'pitch_down': 'speed_intro',
-  'speed_intro': 'speed_hold_pitch',
-  'speed_hold_pitch': 'alt_intro',
+  'speed_intro': 'speed_explain',
+  'speed_hold_coarse': 'speed_hold_fine',
+  'speed_hold_fine': 'alt_intro',
   'alt_intro': 'vs_intro',
   'vs_intro': 'heading_intro',
   'heading_intro': 'combined',

shared/data/flightlab/learn-pfd.ts

@@ -16,13 +16,13 @@ const phases: LearnPfdPhase[] = [
     // --- Phase 2: Horizon Intro (bank left) ---
     {
         id: 'horizon_intro',
-        atcMessage: 'Das hier ist der künstliche Horizont. Blau ist der Himmel, braun ist der Boden. Genau wie draußen. Beweg jetzt den Stick nach links — und schau was passiert.',
+        atcMessage: 'Das hier ist der künstliche Horizont. Blau ist der Himmel, braun ist der Boden. Genau wie draußen. Beweg jetzt den Stick ganz sanft nach links — nur ein kleines bisschen. Im echten Flugzeug macht man immer nur kleine, sanfte Bewegungen.',
         explanation: 'Der künstliche Horizont zeigt dir die Lage des Flugzeugs im Raum.',
         visibleElements: ['attitude'],
         layoutMode: 'model-focus',
-        interactionGoal: { parameter: 'bankAngle', target: -20, tolerance: 15, holdMs: 1500 },
+        interactionGoal: { parameter: 'bankAngle', target: -10, tolerance: 8, holdMs: 1500 },
         goalTimeoutMs: 20000,
-        goalHint: 'Versuch den Stick nach links zu drücken. Du solltest sehen, wie sich der Horizont dreht.',
+        goalHint: 'Drück den Stick ganz leicht nach links. Nur ein kleiner Ausschlag reicht.',
         autoAdvanceAfterTTS: false,
         buttons: [
             { id: 'skip_horizon', label: 'Weiter', icon: 'mdi-arrow-right', next: 'pitch_intro', type: 'primary' },
@@ -32,12 +32,12 @@ const phases: LearnPfdPhase[] = [
     // --- Phase 3: Horizon Roll Right ---
     {
         id: 'horizon_roll_right',
-        atcMessage: 'Perfekt! Du hast das Flugzeug nach links geneigt. Jetzt andersrum — Stick nach rechts.',
+        atcMessage: 'Perfekt! Jetzt ganz sanft in die andere Richtung — Stick leicht nach rechts.',
         visibleElements: ['attitude'],
         layoutMode: 'model-focus',
-        interactionGoal: { parameter: 'bankAngle', target: 20, tolerance: 15, holdMs: 1500 },
+        interactionGoal: { parameter: 'bankAngle', target: 10, tolerance: 8, holdMs: 1500 },
         goalTimeoutMs: 15000,
-        goalHint: 'Stick nach rechts drücken, bis der Horizont sich nach links neigt.',
+        goalHint: 'Stick ganz leicht nach rechts. Kleine, sanfte Bewegungen.',
         buttons: [
             { id: 'skip_roll', label: 'Weiter', icon: 'mdi-arrow-right', next: 'pitch_intro', type: 'primary' },
         ],
@@ -46,13 +46,13 @@ const phases: LearnPfdPhase[] = [
     // --- Phase 4: Pitch Intro (pitch up) ---
     {
         id: 'pitch_intro',
-        atcMessage: 'Jetzt kommt was Wichtiges. Zieh den Stick leicht nach hinten. Die Nase geht hoch. Und das Besondere beim Airbus: Wenn du loslässt, hält er die Lage. Probier es aus.',
+        atcMessage: 'Jetzt kommt was Wichtiges. Zieh den Stick ganz leicht nach hinten. Nur ein kleines bisschen. Das Besondere beim Airbus: Wenn du loslässt, hält er die Lage. Und das Flugzeug reagiert langsam — du musst immer vorausdenken.',
         explanation: 'Beim Airbus steuert der Stick nicht direkt die Ruder, sondern wie stark das Flugzeug steigen oder sinken soll.',
         visibleElements: ['attitude'],
         layoutMode: 'model-focus',
-        interactionGoal: { parameter: 'pitch', target: 10, tolerance: 5, holdMs: 2000 },
+        interactionGoal: { parameter: 'pitch', target: 4, tolerance: 3, holdMs: 2000 },
         goalTimeoutMs: 20000,
-        goalHint: 'Zieh den Stick langsam nach hinten. Du siehst die braune Fläche größer werden — das heißt, die Nase zeigt nach oben.',
+        goalHint: 'Zieh den Stick nur ganz leicht nach hinten. Beim echten Airbus macht man nur minimale Bewegungen.',
         buttons: [
             { id: 'skip_pitch', label: 'Weiter', icon: 'mdi-arrow-right', next: 'pitch_down', type: 'primary' },
         ],
@@ -61,18 +61,18 @@ const phases: LearnPfdPhase[] = [
     // --- Phase 5: Pitch Down ---
     {
         id: 'pitch_down',
-        atcMessage: 'Gut gemacht! Jetzt drück den Stick leicht nach vorne. Die Nase geht runter.',
+        atcMessage: 'Gut gemacht! Jetzt drück den Stick ganz leicht nach vorne. Auch hier gilt: kleine Bewegungen, und Geduld — das Flugzeug braucht ein paar Sekunden bis es reagiert.',
         visibleElements: ['attitude'],
         layoutMode: 'model-focus',
-        interactionGoal: { parameter: 'pitch', target: -5, tolerance: 5, holdMs: 1500 },
+        interactionGoal: { parameter: 'pitch', target: -3, tolerance: 3, holdMs: 1500 },
         goalTimeoutMs: 15000,
-        goalHint: 'Stick nach vorne drücken. Die blaue Fläche wird größer.',
+        goalHint: 'Stick ganz leicht nach vorne drücken und warten. Das Flugzeug reagiert mit Verzögerung.',
         buttons: [
             { id: 'skip_pitch_down', label: 'Weiter', icon: 'mdi-arrow-right', next: 'speed_intro', type: 'primary' },
         ],
     },
 
-    // --- Phase 6: Speed Intro ---
+    // --- Phase 6: Speed Intro (set throttle) ---
     {
         id: 'speed_intro',
         atcMessage: 'Links erscheint jetzt das Speed Tape. Erster Schritt: Setz den Schubhebel sauber auf siebzig Prozent.',
@@ -83,23 +83,53 @@ const phases: LearnPfdPhase[] = [
         goalTimeoutMs: 20000,
         goalHint: 'Schubhebel auf die 70%-Marke setzen und kurz halten.',
         buttons: [
-            { id: 'skip_speed', label: 'Weiter', icon: 'mdi-arrow-right', next: 'speed_hold_pitch', type: 'primary' },
+            { id: 'skip_speed', label: 'Weiter', icon: 'mdi-arrow-right', next: 'speed_explain', type: 'primary' },
         ],
     },
 
-    // --- Phase 7: Hold Speed With Pitch ---
+    // --- Phase 7a: Speed Explain ---
     {
-        id: 'speed_hold_pitch',
-        atcMessage: 'Jetzt kommt der wichtige Teil: Halte die Geschwindigkeit im roten Bereich. Der Schub bleibt bei siebzig Prozent — du steuerst das nur mit Pitch. Nase leicht hoch macht langsamer, Nase leicht runter macht schneller.',
-        explanation: 'Energie-Management: Mit konstantem Schub kontrollierst du die Geschwindigkeit über den Pitchwinkel.',
+        id: 'speed_explain',
+        atcMessage: 'Bevor wir loslegen, eine wichtige Regel: Beim Airbus kontrollierst du die Geschwindigkeit mit der Nase. Nase hoch — du wirst langsamer. Nase runter — du wirst schneller. Der Schub bleibt dabei immer gleich. Das nennt man Energie-Management.',
+        explanation: 'Im echten Flug hält der Autopilot den Schub konstant. Der Pilot steuert die Geschwindigkeit über den Pitch.',
         visibleElements: ['attitude', 'speedTape'],
         layoutMode: 'split',
-        interactionGoal: { parameter: 'speed', target: 225, tolerance: 8, holdMs: 3000 },
-        speedTargetRange: { min: 217, max: 233 },
-        goalTimeoutMs: 25000,
-        goalHint: 'Halte den Schub bei 70%. Korrigiere nur mit Pitch, bis die Speed-Zahl im roten Band bleibt.',
         buttons: [
-            { id: 'skip_speed_hold', label: 'Weiter', icon: 'mdi-arrow-right', next: 'alt_intro', type: 'primary' },
+            { id: 'understood', label: 'Verstanden', icon: 'mdi-check', next: 'speed_hold_coarse', type: 'primary' },
+        ],
+    },
+
+    // --- Phase 7b: Speed Hold Coarse ---
+    {
+        id: 'speed_hold_coarse',
+        atcMessage: 'Gut, Schub steht. Jetzt versuch die Geschwindigkeit in den türkisen Bereich zu bringen. Nase ganz leicht hoch oder runter — und dann warten. Das Flugzeug braucht mehrere Sekunden bis sich die Speed ändert.',
+        explanation: 'Erste Annäherung: Bringe die Speed grob in den Zielbereich.',
+        visibleElements: ['attitude', 'speedTape'],
+        layoutMode: 'split',
+        interactionGoal: { parameter: 'speed', target: 225, tolerance: 10, holdMs: 5000 },
+        speedTargetRange: { min: 215, max: 235 },
+        goalTimeoutMs: 30000,
+        goalHint: 'Korrigiere nur mit ganz kleinen Pitch-Bewegungen. Die Speed ändert sich langsam — hab Geduld.',
+        autoAdvanceAfterTTS: false,
+        buttons: [
+            { id: 'skip_coarse', label: 'Weiter', icon: 'mdi-arrow-right', next: 'speed_hold_fine', type: 'primary' },
+        ],
+    },
+
+    // --- Phase 7c: Speed Hold Fine ---
+    {
+        id: 'speed_hold_fine',
+        atcMessage: 'Sehr gut! Jetzt genauer. Halte die Geschwindigkeit möglichst exakt auf 225 Knoten. Nur winzige Korrekturen — und immer ein paar Sekunden warten bevor du nachkorrigierst.',
+        explanation: 'Feinsteuerung: Präzise Speed-Kontrolle mit minimalen Pitch-Änderungen.',
+        visibleElements: ['attitude', 'speedTape'],
+        layoutMode: 'split',
+        interactionGoal: { parameter: 'speed', target: 225, tolerance: 5, holdMs: 8000 },
+        speedTargetRange: { min: 220, max: 230 },
+        goalTimeoutMs: 40000,
+        goalHint: 'Ganz kleine Pitch-Korrekturen. Warte nach jeder Korrektur 3-4 Sekunden bevor du nachjustierst.',
+        autoAdvanceAfterTTS: false,
+        buttons: [
+            { id: 'skip_fine', label: 'Weiter', icon: 'mdi-arrow-right', next: 'alt_intro', type: 'primary' },
         ],
     },