diff --git a/tests/static-smoke.test.mjs b/tests/static-smoke.test.mjs
index 664ed7b..37e1348 100644
--- a/tests/static-smoke.test.mjs
+++ b/tests/static-smoke.test.mjs
@@ -63,6 +63,7 @@ test("react application defines the expected local toolbox primitives", async ()
   assert.match(iconComponent, /export function Icon/);
   assert.match(gamesPage, /export function GamesPage/);
   assert.match(gamesPage, /siteContent\.gamesPage/);
+  assert.match(gamesPage, /game-card-cover-link/);
   assert.match(gameRoute, /export function GameRoute/);
   assert.match(gameRoute, /MhwildsPage/);
   assert.match(mhwildsPage, /export function MhwildsPage/);
diff --git a/website/src/features/games/GamesPage.jsx b/website/src/features/games/GamesPage.jsx
index 03d90e2..795c7d4 100644
--- a/website/src/features/games/GamesPage.jsx
+++ b/website/src/features/games/GamesPage.jsx
@@ -13,9 +13,15 @@ export function GamesPage({ siteContent, games, gamesError }) {
       <section className="game-list">
         {games.length ? games.map((game) => (
           <article className="card game-card" key={game.id}>
-            <div className="card-cover game-card-cover" style={{ "--game-cover": game.cover || "var(--gradient-nebula)" }}>
+            <a
+              className="card-cover game-card-cover game-card-cover-link"
+              href={`#/games/${game.id}`}
+              aria-label={`Ouvrir ${game.title}`}
+              title={`Ouvrir ${game.title}`}
+              style={{ "--game-cover": game.cover || "var(--gradient-nebula)" }}
+            >
               <img src={game.image || ""} alt={game.title} loading="lazy" />
-            </div>
+            </a>
             <div className="card-body">
               <p className="eyebrow">{game.eyebrow || "Guide de jeu"}</p>
               <h2>{game.title}</h2>
diff --git a/website/src/styles/_cards.scss b/website/src/styles/_cards.scss
index f653515..a923d23 100644
--- a/website/src/styles/_cards.scss
+++ b/website/src/styles/_cards.scss
@@ -98,18 +98,22 @@
   min-height: 124px;
 }
 
-.toolbox-card-cover-link {
+.toolbox-card-cover-link,
+.game-card-cover-link {
   display: block;
   outline-offset: -3px;
 }
 
 .toolbox-card-cover-link:hover img,
-.toolbox-card-cover-link:focus-visible img {
+.toolbox-card-cover-link:focus-visible img,
+.game-card-cover-link:hover img,
+.game-card-cover-link:focus-visible img {
   transform: scale(1.035);
   filter: brightness(1.08);
 }
 
-.toolbox-card-cover-link img {
+.toolbox-card-cover-link img,
+.game-card-cover-link img {
   transition:
     transform var(--duration-normal) var(--ease-standard),
     filter var(--duration-normal) var(--ease-standard);