fix(260329-u4z): replace ae/oe/ue transliterations with proper German umlauts

- index.html: Wähle, übe, Übung, wächst, Nächstes, Übungstage, Häufigste
- src/ui/screens.ts: Nächstes, schöner, üben, Drücke, herunterfällt, Wörter, große, drückst
- src/companion/fallbacks.ts: Früh, schönsten, Schön, Glühwürmchen, wächst, nächstes, Bäumen, Stück, schön, verändert, Spürst, Hügel, große, drückst, drücken, Ö
- src/app.ts: üben, Zurück (in comments)

index.html

@@ -31,7 +31,7 @@
 			<div class="forest">
 				<h1 class="forest__title">Dein Zauberwald</h1>
 				<p class="forest__intro">
-				  Willkommen in deinem Zauberwald! Waehle eine Stufe und uebe verschiedene Buchstaben auf der Tastatur. Jedes Mal, wenn du eine Uebung schaffst, waechst dein Wald — und ein neues Bild erscheint! Was wohl als Naechstes kommt?
+				  Willkommen in deinem Zauberwald! Wähle eine Stufe und übe verschiedene Buchstaben auf der Tastatur. Jedes Mal, wenn du eine Übung schaffst, wächst dein Wald — und ein neues Bild erscheint! Was wohl als Nächstes kommt?
 				</p>
 				<div id="forest-greeting" class="companion-area" style="display:none">
 					<img id="forest-greeting-avatar" class="companion-area__avatar" src="" alt="">
@@ -131,11 +131,11 @@
 							</div>
 						</div>
 						<div class="parent__calendar" id="parent-calendar">
-							<h3>Uebungstage</h3>
+							<h3>Übungstage</h3>
 							<div class="parent__calendar-dots" id="calendar-dots"></div>
 						</div>
 						<div class="parent__errors" id="parent-errors">
-							<h3>Haeufigste Fehlertasten</h3>
+							<h3>Häufigste Fehlertasten</h3>
 							<div id="error-keys-list"></div>
 						</div>
 					</section>

src/app.ts

@@ -112,13 +112,13 @@ async function handleLessonComplete(
 		completedLevel,
 		progress.selectedCharacter,
 		() => {
-			// "Weiter ueben" -- start next lesson
+			// "Weiter üben" -- start next lesson
 			startLessonFromForest(
 				Math.min(progress.currentLevel, MAX_LEVEL),
 			);
 		},
 		async () => {
-			// "Zurueck zum Wald" -- show forest with new element animated
+			// "Zurück zum Wald" -- show forest with new element animated
 			await initForestScreen(db, startLessonFromForest);
 			await renderForestScene(db, elementId);
 			showScreen("forest");

src/companion/fallbacks.ts

@@ -26,7 +26,7 @@ export const fallbackGreetings: FallbackGreeting[] = [
 		timeOfDay: "morgen",
 	},
 	{
-		text: "Frueh am Morgen ist der Wald am schoensten. Schoen, dass du da bist!",
+		text: "Früh am Morgen ist der Wald am schönsten. Schön, dass du da bist!",
 		timeOfDay: "morgen",
 	},
 	{
@@ -35,7 +35,7 @@ export const fallbackGreetings: FallbackGreeting[] = [
 	},
 	// Any time (4)
 	{
-		text: "Schoen, dass du wieder da bist! Der Wald freut sich.",
+		text: "Schön, dass du wieder da bist! Der Wald freut sich.",
 		timeOfDay: "any",
 	},
 	{
@@ -56,7 +56,7 @@ export const fallbackGreetings: FallbackGreeting[] = [
 		timeOfDay: "abend",
 	},
 	{
-		text: "Die Gluehwuermchen sind schon unterwegs. Schoen, dass du da bist!",
+		text: "Die Glühwürmchen sind schon unterwegs. Schön, dass du da bist!",
 		timeOfDay: "abend",
 	},
 	{
@@ -69,11 +69,11 @@ export const fallbackGreetings: FallbackGreeting[] = [
 
 export const fallbackForestComments: string[] = [
 	"Oh schau mal! Ein neuer Bewohner ist in unseren Wald gezogen!",
-	"Der Wald waechst und waechst! Was wird wohl als naechstes erscheinen?",
+	"Der Wald wächst und wächst! Was wird wohl als nächstes erscheinen?",
-	"Siehst du das? Etwas Neues hat sich zwischen den Baeumen versteckt!",
+	"Siehst du das? Etwas Neues hat sich zwischen den Bäumen versteckt!",
 	"Unser Wald wird immer bunter. Was für eine Überraschung!",
-	"Ein neues Stueck Wald ist dazugekommen. Wie schoen das aussieht!",
+	"Ein neues Stück Wald ist dazugekommen. Wie schön das aussieht!",
-	"Hast du das gesehen? Der Wald hat sich veraendert!",
+	"Hast du das gesehen? Der Wald hat sich verändert!",
 	"Es raschelt im Unterholz. Etwas Neues ist da!",
 	"Die Waldlichtung hat Zuwachs bekommen. Kannst du es entdecken?",
 	"Jedes Mal passiert etwas Neues im Wald. Schau genau hin!",
@@ -87,7 +87,7 @@ export const fallbackLetterIntros: LetterIntro[] = [
 	{
 		letter: "f",
 		finger: "linker Zeigefinger",
-		text: "Das F ist da, wo dein linker Zeigefinger zu Hause ist. Spuerst du den kleinen Huegel?",
+		text: "Das F ist da, wo dein linker Zeigefinger zu Hause ist. Spürst du den kleinen Hügel?",
 	},
 	{
 		letter: "j",
@@ -97,7 +97,7 @@ export const fallbackLetterIntros: LetterIntro[] = [
 	{
 		letter: " ",
 		finger: "Daumen",
-		text: "Die grosse Leertaste ganz unten drueckst du mit dem Daumen. Einfach druecken!",
+		text: "Die große Leertaste ganz unten drückst du mit dem Daumen. Einfach drücken!",
 	},
 	// Level 2: D, K
 	{
@@ -130,7 +130,7 @@ export const fallbackLetterIntros: LetterIntro[] = [
 	{
 		letter: "ö",
 		finger: "rechter kleiner Finger",
-		text: "Das Oe mit den zwei Punkten oben. Dein kleiner Finger rechts tippt es ganz leicht.",
+		text: "Das Ö mit den zwei Punkten oben. Dein kleiner Finger rechts tippt es ganz leicht.",
 	},
 	// Level 5: G, H
 	{

src/ui/screens.ts

@@ -108,10 +108,10 @@ const fingerDescriptions: Record<string, string> = {
 
 // Encouragement messages for repetition protection
 const encouragementMessages = [
-	"Magst du sehen, was als Naechstes kommt? Im Wald gibt es noch so viel zu entdecken!",
+	"Magst du sehen, was als Nächstes kommt? Im Wald gibt es noch so viel zu entdecken!",
 	"Der Wald wartet auf dich! Jedes Mal, wenn du übst, wächst etwas Neues.",
 	"Schau mal, was sich im Wald versteckt! Probier es einfach noch einmal.",
-	"Dein Wald wird immer schoener. Komm, wir entdecken zusammen weiter!",
+	"Dein Wald wird immer schöner. Komm, wir entdecken zusammen weiter!",
 ];
 
 export function initLessonScreen(
@@ -161,8 +161,8 @@ export function initLessonScreen(
 		const labels: Record<LessonPhase, string> = {
 			discover: "Entdecken",
 			practice:
-				"Jetzt kannst du ueben! Druecke die Taste zu dem Buchstaben, der herunterfaellt.",
+				"Jetzt kannst du üben! Drücke die Taste zu dem Buchstaben, der herunterfällt.",
-			words: "Jetzt kommen ganze Woerter! Tippe die Buchstaben nacheinander ein.",
+			words: "Jetzt kommen ganze Wörter! Tippe die Buchstaben nacheinander ein.",
 		};
 		phaseIndicator.textContent = labels[phase];
 	}
@@ -366,7 +366,7 @@ export function initLessonScreen(
 			if (key === " ") {
 				// Special space bar discover step
 				companionText.textContent =
-					"Siehst du die grosse Taste ganz unten? Das ist die Leertaste! Wenn du dieses Zeichen siehst: \u2423 \u2014 dann drueckst du mit dem Daumen die Leertaste. Probier es aus!";
+					"Siehst du die große Taste ganz unten? Das ist die Leertaste! Wenn du dieses Zeichen siehst: \u2423 \u2014 dann drückst du mit dem Daumen die Leertaste. Probier es aus!";
 				companionArea.style.display = "flex";
 
 				letterArea.innerHTML = "";