...

ET/Web/Pages/Simulation.razor

@@ -17,7 +17,7 @@
 }
 else
 {
-    <div class="simulation-layout">
+    <div class="simulation-layout" tabindex="0" @onkeydown="HandleKeyDown" @ref="layoutDiv">
         <div class="sim-controls d-flex align-items-center justify-content-between mb-3 flex-wrap gap-2">
             <div class="d-flex align-items-center gap-2">
                 <button class="btn btn-outline-light btn-sm" @onclick="PrevTurn" disabled="@(SimService.Data.CurrentTurn <= 0)">
@@ -263,6 +263,7 @@ else
 
 
 @code {
+    private ElementReference layoutDiv;
     private TurnEvent? CurrentEvent => SimService.Data.CurrentTurn > 0 && SimService.Data.CurrentTurn <= SimService.Data.Events.Count
         ? SimService.Data.Events[SimService.Data.CurrentTurn - 1]
         : null;
@@ -297,6 +298,18 @@ else
             SimService.Data.CurrentTurn++;
     }
 
+    private void HandleKeyDown(KeyboardEventArgs e)
+    {
+        if (e.Key == "ArrowLeft") PrevTurn();
+        else if (e.Key == "ArrowRight") NextTurn();
+    }
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+            await layoutDiv.FocusAsync();
+    }
+
     private void RandomizeEvents()
     {
         SimService.RandomizeEvents();