feat: add search toggle for game setup and improve RGPD compliance

app/components/AuthModal.tsx

@@ -68,6 +68,14 @@ export function AuthModal({ onClose, onSuccess }: { onClose: () => void; onSucce
           <button className="w-full min-h-11 px-5 rounded-xl text-sm font-semibold bg-[#7c3aed] text-white hover:bg-[#6d28d9] disabled:opacity-50 cursor-pointer mt-1" type="submit" disabled={loading}>
             {loading ? "Chargement..." : mode === "login" ? "Se connecter" : "Créer un compte"}
           </button>
+          {mode === "register" && (
+            <p className="text-xs text-[#555] text-center leading-relaxed">
+              En créant un compte, vous acceptez notre{" "}
+              <a href="/privacy" className="text-[#888] hover:text-[#f0f0f0] underline underline-offset-2 transition-colors">
+                politique de confidentialité
+              </a>.
+            </p>
+          )}
         </form>
       </div>
     </div>

app/components/BlitzScreen.tsx

@@ -3,6 +3,7 @@
 import { useBlitzGame } from "../../lib/useBlitzGame";
 import { ArticleView } from "./ArticleView";
 import { ShareBar } from "./ShareBar";
+import { useSearchAllowed } from "../../lib/useSearchAllowed";
 
 function fmtLeft(s: number): string {
   const m = Math.floor(s / 60);
@@ -12,6 +13,8 @@ function fmtLeft(s: number): string {
 
 export function BlitzScreen({ onBack }: { onBack: () => void }) {
   const game = useBlitzGame();
+  const { allowed: searchAllowed, toggle: toggleSearch } = useSearchAllowed();
+
 
   const btnPrimary = "w-full min-h-11 rounded-xl text-sm font-semibold bg-[#7c3aed] text-white hover:bg-[#6d28d9] disabled:opacity-50 cursor-pointer transition-colors";
   const btnGhost = "w-full min-h-11 rounded-xl text-sm font-semibold bg-[#242424] border border-[#2e2e2e] text-[#f0f0f0] hover:bg-[#1a1a1a] cursor-pointer transition-colors";
@@ -28,6 +31,15 @@ export function BlitzScreen({ onBack }: { onBack: () => void }) {
       <p className="text-[#888] text-sm sm:text-base leading-relaxed">
         Tu as <span className="text-[#f0f0f0] font-bold">2 minutes</span>{" "}pour naviguer de l&apos;article de départ jusqu&apos;à l&apos;article cible en cliquant sur les liens Wikipedia. Plus tu es rapide, mieux c&apos;est !
       </p>
+      <button
+        onClick={toggleSearch}
+        className={`w-full min-h-11 rounded-xl text-sm font-semibold border transition-colors cursor-pointer flex items-center justify-between px-4 ${searchAllowed ? "bg-[#7c3aed]/10 border-[#7c3aed] text-[#a78bfa]" : "bg-[#1a1a1a] border-[#2e2e2e] text-[#888]"}`}
+      >
+        <span>🔍 Recherche Ctrl+F</span>
+        <span className={`text-xs font-bold px-2 py-0.5 rounded-full ${searchAllowed ? "bg-[#7c3aed]/30 text-[#a78bfa]" : "bg-[#242424] text-[#555]"}`}>
+          {searchAllowed ? "Autorisée" : "Bloquée"}
+        </span>
+      </button>
       <button className={btnPrimary} onClick={game.start} disabled={game.loading}>
         {game.loading ? "Préparation..." : "Lancer le chrono !"}
       </button>

app/components/GameScreen.tsx

@@ -117,7 +117,7 @@ export function GameScreen({
           </div>
           <Breadcrumbs history={history} endRef={breadcrumbEndRef} />
         </div>
-        <div className="flex gap-2 sm:gap-3 shrink-0 text-[10px] sm:text-xs font-bold text-[#888] tabular-nums">
+        <div className="flex items-center gap-2 sm:gap-3 shrink-0 text-[10px] sm:text-xs font-bold text-[#888] tabular-nums">
           <span>{elapsed}</span>
           <span>{clicks} clics</span>
           <span className="hidden sm:inline">{myPlayer?.score ?? 0} pts</span>

app/components/LobbyScreen.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useState } from "react";
+import { useSearchAllowed } from "../../lib/useSearchAllowed";
 import type { Room } from "../api/rooms/route";
 
 type LobbyScreenProps = {
@@ -19,6 +20,7 @@ export function LobbyScreen({
 }: LobbyScreenProps) {
   const isHost = room.players.find((p) => p.id === playerId)?.isHost ?? false;
   const [copied, setCopied] = useState(false);
+  const { allowed: searchAllowed, toggle: toggleSearch } = useSearchAllowed();
 
   function copyCode() {
     navigator.clipboard.writeText(room.code).then(() => {
@@ -74,6 +76,16 @@ export function LobbyScreen({
         </ul>
       </div>
 
+      <button
+        onClick={toggleSearch}
+        className={`w-full min-h-11 rounded-xl text-sm font-semibold border transition-colors cursor-pointer flex items-center justify-between px-4 ${searchAllowed ? "bg-[#7c3aed]/10 border-[#7c3aed] text-[#a78bfa]" : "bg-[#1a1a1a] border-[#2e2e2e] text-[#888]"}`}
+      >
+        <span>🔍 Recherche Ctrl+F</span>
+        <span className={`text-xs font-bold px-2 py-0.5 rounded-full ${searchAllowed ? "bg-[#7c3aed]/30 text-[#a78bfa]" : "bg-[#242424] text-[#555]"}`}>
+          {searchAllowed ? "Autorisée" : "Bloquée"}
+        </span>
+      </button>
+
       {room.round > 0 && <p className="text-xs text-[#888] text-center">Manche {room.round} terminée</p>}
 
       {isHost ? (

app/components/SoloScreen.tsx

@@ -4,6 +4,7 @@ import { useEffect, useRef } from "react";
 import { ArticleView } from "./ArticleView";
 import { Breadcrumbs } from "./Breadcrumbs";
 import { ShareBar } from "./ShareBar";
+import { useSearchAllowed } from "../../lib/useSearchAllowed";
 import type { Puzzle } from "../../lib/types";
 
 type SoloPhase = "setup" | "playing" | "won";
@@ -32,8 +33,10 @@ export function SoloScreen({
   elapsedDisplay, canGoBack, onStart, onNavigate, onBack, onQuit, onNewGame, onRetry,
 }: SoloScreenProps) {
   const breadcrumbEndRef = useRef<HTMLDivElement>(null);
+  const { allowed: searchAllowed, toggle: toggleSearch } = useSearchAllowed();
 
   useEffect(() => {
+
     breadcrumbEndRef.current?.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "end" });
   }, [history]);
 
@@ -49,6 +52,15 @@ export function SoloScreen({
       <p className="text-[#888] text-sm sm:text-base leading-relaxed">
         Deux articles aléatoires seront choisis. Atteins l&apos;article cible en cliquant uniquement sur les liens !
       </p>
+      <button
+        onClick={toggleSearch}
+        className={`w-full min-h-11 rounded-xl text-sm font-semibold border transition-colors cursor-pointer flex items-center justify-between px-4 ${searchAllowed ? "bg-[#7c3aed]/10 border-[#7c3aed] text-[#a78bfa]" : "bg-[#1a1a1a] border-[#2e2e2e] text-[#888]"}`}
+      >
+        <span>🔍 Recherche Ctrl+F</span>
+        <span className={`text-xs font-bold px-2 py-0.5 rounded-full ${searchAllowed ? "bg-[#7c3aed]/30 text-[#a78bfa]" : "bg-[#242424] text-[#555]"}`}>
+          {searchAllowed ? "Autorisée" : "Bloquée"}
+        </span>
+      </button>
       <button className={btnPrimary} onClick={onStart} disabled={loading}>
         {loading ? "Préparation..." : "Lancer une partie"}
       </button>