экран настроек. черные рамки

src/app/App.ts

@@ -7,6 +7,7 @@ import { GameStore } from '../game/GameStore';
 import { clearSave, hasSave } from '../game/persistence';
 import { GameScreen } from './GameScreen';
 import { createMainMenu } from './MainMenu';
+import { createSettingsScreen } from './SettingsScreen';
 
 /** Top-level screen controller (menu <-> game) — the plain-TS replacement for App.tsx. Owns the
  * GameStore/Analytics singletons for the page's whole lifetime, same as the original module-level
@@ -46,10 +47,16 @@ export class App {
       this.analytics,
       () => this.handleNewGame(),
       () => this.handleContinue(),
+      () => this.showSettings(),
     );
     this.root.replaceChildren(menu);
   }
 
+  private showSettings(): void {
+    const settings = createSettingsScreen(() => this.showMenu());
+    this.root.replaceChildren(settings);
+  }
+
   private showGame(): void {
     this.gameScreen = new GameScreen(
       this.store,