diff --git a/src/client/graphics/layers/MainRadialMenu.ts b/src/client/graphics/layers/MainRadialMenu.ts
index b6adba9291..693485d914 100644
--- a/src/client/graphics/layers/MainRadialMenu.ts
+++ b/src/client/graphics/layers/MainRadialMenu.ts
@@ -25,6 +25,14 @@ const swordIcon = assetUrl("images/SwordIconWhite.svg");
 
 import { ContextMenuEvent } from "../../InputHandler";
 
+function emptyPlayerActions(): PlayerActions {
+  return {
+    canAttack: false,
+    buildableUnits: [],
+    canSendEmojiAllPlayers: false,
+  };
+}
+
 @customElement("main-radial-menu")
 export class MainRadialMenu extends LitElement implements Layer {
   private radialMenu: RadialMenu;
@@ -87,27 +95,40 @@ export class MainRadialMenu extends LitElement implements Layer {
       if (!this.game.isValidCoord(worldCoords.x, worldCoords.y)) {
         return;
       }
-      if (this.game.myPlayer() === null) {
+      const myPlayer = this.game.myPlayer();
+      const isReplay = this.game.config().isReplay();
+      if (myPlayer === null && !isReplay) {
         return;
       }
       this.clickedTile = this.game.ref(worldCoords.x, worldCoords.y);
-      this.game
-        .myPlayer()!
-        .actions(this.clickedTile)
-        .then((actions) => {
-          this.updatePlayerActions(
-            this.game.myPlayer()!,
-            actions,
-            this.clickedTile!,
-            event.x,
-            event.y,
-          );
-        });
+      if (myPlayer === null) {
+        // Replay: only show the info-only radial when right-clicking on a player
+        if (!this.game.owner(this.clickedTile).isPlayer()) {
+          return;
+        }
+        this.updatePlayerActions(
+          null,
+          emptyPlayerActions(),
+          this.clickedTile,
+          event.x,
+          event.y,
+        );
+        return;
+      }
+      myPlayer.actions(this.clickedTile).then((actions) => {
+        this.updatePlayerActions(
+          myPlayer,
+          actions,
+          this.clickedTile!,
+          event.x,
+          event.y,
+        );
+      });
     });
   }
 
   private async updatePlayerActions(
-    myPlayer: PlayerView,
+    myPlayer: PlayerView | null,
     actions: PlayerActions,
     tile: TileRef,
     screenX: number | null = null,
@@ -139,6 +160,7 @@ export class MainRadialMenu extends LitElement implements Layer {
     };
 
     const isFriendlyTarget =
+      myPlayer !== null &&
       recipient !== null &&
       recipient.isFriendly(myPlayer) &&
       !recipient.isDisconnected();
@@ -161,16 +183,11 @@ export class MainRadialMenu extends LitElement implements Layer {
 
   async tick() {
     if (!this.radialMenu.isMenuVisible() || this.clickedTile === null) return;
-    this.game
-      .myPlayer()!
-      .actions(this.clickedTile)
-      .then((actions) => {
-        this.updatePlayerActions(
-          this.game.myPlayer()!,
-          actions,
-          this.clickedTile!,
-        );
-      });
+    const myPlayer = this.game.myPlayer();
+    if (myPlayer === null) return; // replay mode: nothing to refresh
+    myPlayer.actions(this.clickedTile).then((actions) => {
+      this.updatePlayerActions(myPlayer, actions, this.clickedTile!);
+    });
   }
 
   renderLayer(context: CanvasRenderingContext2D) {
diff --git a/src/client/graphics/layers/PlayerPanel.ts b/src/client/graphics/layers/PlayerPanel.ts
index 6a60675d20..dad551e0db 100644
--- a/src/client/graphics/layers/PlayerPanel.ts
+++ b/src/client/graphics/layers/PlayerPanel.ts
@@ -867,7 +867,8 @@ export class PlayerPanel extends LitElement implements Layer {
     if (!this.isVisible) return html``;
 
     const my = this.g.myPlayer();
-    if (!my) return html``;
+    const isReplay = this.g.config().isReplay();
+    if (!my && !isReplay) return html``;
     if (!this.tile) return html``;
 
     const owner = this.g.owner(this.tile);
@@ -877,8 +878,10 @@ export class PlayerPanel extends LitElement implements Layer {
       return html``;
     }
     const other = owner as PlayerView;
-    const myGoldNum = my.gold();
-    const myTroopsNum = Number(my.troops());
+    // In replay mode myPlayer() is null; use other as stand-in so read-only rendering works
+    const viewer = my ?? other;
+    const myGoldNum = viewer.gold();
+    const myTroopsNum = Number(viewer.troops());
 
     return html`
       <style>
@@ -946,7 +949,9 @@ export class PlayerPanel extends LitElement implements Layer {
                     class="p-6 flex flex-col gap-2 font-sans antialiased text-[14.5px] leading-relaxed"
                   >
                     <!-- Identity (flag, name, type, traitor, relation) -->
-                    <div class="mb-1">${this.renderIdentityRow(other, my)}</div>
+                    <div class="mb-1">
+                      ${this.renderIdentityRow(other, viewer)}
+                    </div>
 
                     ${this.sendTarget
                       ? html`
@@ -957,7 +962,7 @@ export class PlayerPanel extends LitElement implements Layer {
                               ? myTroopsNum
                               : myGoldNum}
                             .uiState=${this.uiState}
-                            .myPlayer=${my}
+                            .myPlayer=${viewer}
                             .target=${this.sendTarget}
                             .gameView=${this.g}
                             .eventBus=${this.eventBus}
@@ -973,7 +978,7 @@ export class PlayerPanel extends LitElement implements Layer {
                       ? html`
                           <player-moderation-modal
                             .open=${true}
-                            .myPlayer=${my}
+                            .myPlayer=${viewer}
                             .target=${this.moderationTarget}
                             .eventBus=${this.eventBus}
                             .isAdmin=${this.isAdminRole}
@@ -992,12 +997,14 @@ export class PlayerPanel extends LitElement implements Layer {
                     ${this.renderResources(other)}
 
                     <!-- Rocket direction toggle -->
-                    ${other === my ? this.renderRocketDirectionToggle() : ""}
+                    ${other === viewer && !isReplay
+                      ? this.renderRocketDirectionToggle()
+                      : ""}
 
                     <ui-divider></ui-divider>
 
                     <!-- Stats: betrayals / trading -->
-                    ${this.renderStats(other, my)}
+                    ${this.renderStats(other, viewer)}
 
                     <ui-divider></ui-divider>
 
@@ -1006,11 +1013,13 @@ export class PlayerPanel extends LitElement implements Layer {
 
                     <!-- Alliance time remaining -->
                     ${this.renderAllianceExpiry()}
-
-                    <ui-divider></ui-divider>
-
-                    <!-- Actions -->
-                    ${this.renderActions(my, other)}
+                    ${isReplay
+                      ? ""
+                      : html`
+                          <ui-divider></ui-divider>
+                          <!-- Actions -->
+                          ${this.renderActions(viewer, other)}
+                        `}
                   </div>
                 </div>
               </div>
diff --git a/src/client/graphics/layers/RadialMenuElements.ts b/src/client/graphics/layers/RadialMenuElements.ts
index 14e87c5e55..fa241940b3 100644
--- a/src/client/graphics/layers/RadialMenuElements.ts
+++ b/src/client/graphics/layers/RadialMenuElements.ts
@@ -35,7 +35,7 @@ const traitorIcon = assetUrl("images/TraitorIconWhite.svg");
 const xIcon = assetUrl("images/XIcon.svg");
 
 export interface MenuElementParams {
-  myPlayer: PlayerView;
+  myPlayer: PlayerView | null;
   selected: PlayerView | null;
   tile: TileRef;
   playerActions: PlayerActions;
@@ -124,7 +124,7 @@ export enum Slot {
 
 function isFriendlyTarget(params: MenuElementParams): boolean {
   const selectedPlayer = params.selected;
-  if (selectedPlayer === null) return false;
+  if (selectedPlayer === null || params.myPlayer === null) return false;
   const isFriendly = (selectedPlayer as PlayerView).isFriendly;
   if (typeof isFriendly !== "function") return false;
   return isFriendly.call(selectedPlayer, params.myPlayer);
@@ -215,7 +215,7 @@ const allyRequestElement: MenuElement = {
   icon: allianceIcon,
   action: (params: MenuElementParams) => {
     params.playerActionHandler.handleAllianceRequest(
-      params.myPlayer,
+      params.myPlayer!,
       params.selected!,
     );
     params.closeMenu();
@@ -266,7 +266,7 @@ const allyBreakElement: MenuElement = {
   icon: traitorIcon,
   action: (params: MenuElementParams) => {
     params.playerActionHandler.handleBreakAlliance(
-      params.myPlayer,
+      params.myPlayer!,
       params.selected!,
     );
     params.closeMenu();
@@ -500,8 +500,10 @@ const donateGoldRadialElement: MenuElement = {
 export const deleteUnitElement: MenuElement = {
   id: Slot.Delete,
   name: "delete",
-  cooldown: (params: MenuElementParams) => params.myPlayer.deleteUnitCooldown(),
+  cooldown: (params: MenuElementParams) =>
+    params.myPlayer?.deleteUnitCooldown() ?? 0,
   disabled: (params: MenuElementParams) => {
+    if (params.myPlayer === null) return true;
     const tileOwner = params.game.owner(params.tile);
     const isLand = params.game.isLand(params.tile);
 
@@ -548,8 +550,8 @@ export const deleteUnitElement: MenuElement = {
   ],
   action: (params: MenuElementParams) => {
     const DELETE_SELECTION_RADIUS = 5;
-    const myUnits = params.myPlayer
-      .units()
+    const myUnits = params
+      .myPlayer!.units()
       .filter(
         (unit) =>
           params.game.manhattanDist(unit.tile(), params.tile) <=
@@ -591,7 +593,7 @@ export const boatMenuElement: MenuElement = {
   color: COLORS.boat,
 
   action: async (params: MenuElementParams) => {
-    params.playerActionHandler.handleBoatAttack(params.myPlayer, params.tile);
+    params.playerActionHandler.handleBoatAttack(params.myPlayer!, params.tile);
 
     params.closeMenu();
   },
@@ -627,7 +629,7 @@ export const centerButtonElement: CenterButtonElement = {
       if (isFriendlyTarget(params) && !isDisconnectedTarget(params)) {
         const selectedPlayer = params.selected as PlayerView;
         const ratio = params.uiState?.attackRatio ?? 1;
-        const troopsToDonate = Math.floor(ratio * params.myPlayer.troops());
+        const troopsToDonate = Math.floor(ratio * params.myPlayer!.troops());
         if (troopsToDonate > 0) {
           params.playerActionHandler.handleDonateTroops(
             selectedPlayer,
@@ -636,7 +638,7 @@ export const centerButtonElement: CenterButtonElement = {
         }
       } else {
         params.playerActionHandler.handleAttack(
-          params.myPlayer,
+          params.myPlayer!,
           params.selected?.id() ?? null,
         );
       }
@@ -652,6 +654,9 @@ export const rootMenuElement: MenuElement = {
   icon: infoIcon,
   color: COLORS.info,
   subMenu: (params: MenuElementParams) => {
+    if (params.myPlayer === null) {
+      return [infoMenuElement];
+    }
     const isAllied = params.selected?.isAlliedWith(params.myPlayer);
     const isDisconnected = isDisconnectedTarget(params);