Fixes

.gitignore

@@ -8,3 +8,4 @@ __pycache__/
 frontend/.svelte-kit/generated/
 frontend/.svelte-kit/output/
 real/backend/data/stats.db
+real/

backend/lobby/manager.py

@@ -217,13 +217,26 @@ class LobbyManager:
         now = time.time()
         result = []
         for room in self._rooms.values():
-            if room.status == "playing" and len(room.players) == 2:
-                elapsed = int(now - room.started_at) if room.started_at else 0
+            if room.status != "playing":
+                continue
+            elapsed = int(now - room.started_at) if room.started_at else 0
+            real_players = [p for p in room.players if p.sid != BOT_PLAYER_ID]
+            if len(real_players) == 2:
+                result.append({
+                    "room_id": room.room_id,
+                    "player1": real_players[0].name,
+                    "player2": real_players[1].name,
+                    "elapsed": elapsed,
+                    "is_tutorial": False,
+                })
+            elif len(real_players) == 1 and len(room.players) == 1:
+                # Tutorial room: only one real player, no bot in room
                 result.append({
                     "room_id": room.room_id,
-                    "player1": room.players[0].name,
-                    "player2": room.players[1].name,
+                    "player1": real_players[0].name,
+                    "player2": None,
                     "elapsed": elapsed,
+                    "is_tutorial": True,
                 })
         return result
 

backend/main.py

@@ -856,12 +856,13 @@ async def observe(sid: str, data: dict) -> None:
 async def create_room(sid: str, data: dict) -> None:
     name = str(data.get("name", "Player")).strip() or "Player"
     name = await sanitize_player_name(name)
+    _cancel_bot_timer(sid)
+    await _cleanup_old_game(sid)
     room = lobby.create_room(sid, name)
     await sio.enter_room(sid, room.room_id)
     await sio.emit("room_created", {"room_id": room.room_id, "room": room.to_dict()}, to=sid)
     log.info("Room %s created by %s", room.room_id, name)
     # Start bot-offer countdown
-    _cancel_bot_timer(sid)
     _bot_timers[sid] = asyncio.create_task(_schedule_bot_offer(sid, room.room_id))
 
 
@@ -891,6 +892,8 @@ async def join_room(sid: str, data: dict) -> None:
 async def quick_match(sid: str, data: dict) -> None:
     name = str(data.get("name", "Player")).strip() or "Player"
     name = await sanitize_player_name(name)
+    _cancel_bot_timer(sid)
+    await _cleanup_old_game(sid)
     room, is_new = lobby.quick_match(sid, name)
 
     if not is_new:
@@ -977,6 +980,18 @@ async def cancel_construction(sid: str, data: dict) -> None:
         await _emit_error(sid, f"Impossible d'annuler: {result.data.get('error', '?')}")
 
 
+async def _cleanup_old_game(sid: str) -> None:
+    """Leave socket room and stop engine for any game the player is currently in."""
+    old_room = lobby.get_room_for_sid(sid)
+    if old_room:
+        old_room_id = old_room.room_id
+        await sio.leave_room(sid, old_room_id)
+        if old_room_id in engines:
+            await engines[old_room_id].stop()
+            del engines[old_room_id]
+            log.info("Partie précédente stoppée room %s | parties actives: %d/%d", old_room_id, len(engines), MAX_SIMULTANEOUS_GAMES)
+
+
 @sio.event
 async def start_tutorial(sid: str, data: dict) -> None:
     """Start a solo tutorial game for the player."""
@@ -988,14 +1003,7 @@ async def start_tutorial(sid: str, data: dict) -> None:
 
     # Leave & stop any previous game/tutorial so stale game_update events
     # don't bleed into the new tutorial session.
-    old_room = lobby.get_room_for_sid(sid)
-    if old_room:
-        old_room_id = old_room.room_id
-        await sio.leave_room(sid, old_room_id)
-        if old_room_id in engines:
-            await engines[old_room_id].stop()
-            del engines[old_room_id]
-            log.info("Partie précédente stoppée (nouveau tutoriel) room %s | parties actives: %d/%d", old_room_id, len(engines), MAX_SIMULTANEOUS_GAMES)
+    await _cleanup_old_game(sid)
 
     if len(engines) >= MAX_SIMULTANEOUS_GAMES:
         log.warning("Limite de %d parties simultanées atteinte, impossible de démarrer le tutoriel pour %s", MAX_SIMULTANEOUS_GAMES, sid)

frontend/src/lib/components/Map.svelte

@@ -872,7 +872,7 @@
        per-cell rects, works in all environments (no SVG mask url(#id) needed).
        Computed reactively via $: fogRects so viewport panning is always in sync. -->
   {#each fogRects as r}
-    <rect x={r.x} y={r.y} width={r.w} height={1} fill="rgba(0,0,0,{r.opacity})" pointer-events="none" shape-rendering="crispEdges" />
+    <rect x={r.x} y={r.y} width={r.w + 0.02} height={1.02} fill="rgba(0,0,0,{r.opacity})" pointer-events="none" shape-rendering="crispEdges" />
   {/each}
 
   <!-- Tutorial target beacon (rendered above fog so it's always visible) -->

frontend/src/routes/+page.svelte

@@ -166,6 +166,7 @@
         if (game_state) {
           gameState.set(game_state);
           myPlayerId.set(null);
+          isTutorial.set(!!game_state.is_tutorial);
         }
         goto("/game");
       },
@@ -404,8 +405,9 @@
   type PlayingRoom = {
     room_id: string;
     player1: string;
-    player2: string;
+    player2: string | null;
     elapsed: number;
+    is_tutorial: boolean;
   };
   let observeModalOpen = false;
   let playingRooms: PlayingRoom[] = [];
@@ -702,9 +704,14 @@
           {#each playingRooms as room (room.room_id)}
             <li class="obs-item">
               <div class="obs-players">
-                <span class="obs-player">{room.player1}</span>
-                <span class="obs-vs">vs</span>
-                <span class="obs-player">{room.player2}</span>
+                {#if room.is_tutorial}
+                  <span class="obs-tutorial-badge">Tutorial</span>
+                  <span class="obs-player">{room.player1}</span>
+                {:else}
+                  <span class="obs-player">{room.player1}</span>
+                  <span class="obs-vs">vs</span>
+                  <span class="obs-player">{room.player2}</span>
+                {/if}
               </div>
               <div class="obs-meta">
                 <span class="obs-timer">{formatElapsed(room.elapsed)}</span>
@@ -1489,6 +1496,18 @@
     flex-shrink: 0;
   }
 
+  .obs-tutorial-badge {
+    font-size: 0.65rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: #0f1420;
+    background: var(--lobby-accent-cyan);
+    border-radius: 4px;
+    padding: 2px 6px;
+    flex-shrink: 0;
+  }
+
   .obs-meta {
     display: flex;
     align-items: center;