From 3ef9f48df059a0a291ccf904f9b55e1ed2b7a0f6 Mon Sep 17 00:00:00 2001
From: tiennm99 <tiennm99@outlook.com>
Date: Mon, 21 Sep 2026 15:42:14 +0700
Subject: [PATCH] fix(web): open the in-room rules link in a new tab

The board and lobby screens resign or leave the room when they unmount,
so an in-page navigation to the rules forfeited the game being played.
---
 web/src/lib/components/GameBoard.svelte | 4 +++-
 web/src/lib/components/Lobby.svelte     | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/src/lib/components/GameBoard.svelte b/web/src/lib/components/GameBoard.svelte
index 60c5b5e..9e7fae9 100644
--- a/web/src/lib/components/GameBoard.svelte
+++ b/web/src/lib/components/GameBoard.svelte
@@ -130,7 +130,9 @@
 		<ConnectionBadge />
 		<div class="meta">
 			{#if modeLabel}<span class="mode">{modeLabel}</span>{/if}
-			<a class="rules-link" href="/rules">{t.rulesLink}</a>
+			<!-- A new tab: this screen resigns or leaves the room when it unmounts,
+			     so an in-page navigation to the rules would forfeit the game. -->
+			<a class="rules-link" href="/rules" target="_blank" rel="noopener">{t.rulesLink}</a>
 			{#if onchatopen}
 				<!-- Above the chain rather than below it, which is where this used
 				     to live: the chain grows a row per turn, and a badge under it
diff --git a/web/src/lib/components/Lobby.svelte b/web/src/lib/components/Lobby.svelte
index 97f6b71..5bce95e 100644
--- a/web/src/lib/components/Lobby.svelte
+++ b/web/src/lib/components/Lobby.svelte
@@ -87,7 +87,9 @@
 	{#if !compact}
 		<div class="top">
 			<ConnectionBadge />
-			<a class="rules-link" href="/rules">{t.rulesLink}</a>
+			<!-- A new tab: this screen resigns or leaves the room when it unmounts,
+			     so an in-page navigation to the rules would forfeit the game. -->
+			<a class="rules-link" href="/rules" target="_blank" rel="noopener">{t.rulesLink}</a>
 		</div>
 		<RoomCodePanel code={s.roomCode} />
 	{:else}