Fix: blueprint game + styles carrousel Play

- playLink renommé et translate: false sur playLink + backgroundColor
- button { border: none } dans buttons.css
- Largeur vignettes via :global(img) sur l'élément image
  (découple la taille du bouton de celle de l'image)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

site/blueprints/pages/game.yml

@@ -55,9 +55,10 @@ columns:
           - strike
           - clear
           - link
-      playLinks:
+      playLink:
         label: Lien(s) pour jouer
         help: Laissez vide pour afficher "à venir / coming soon"
+        translate: false
         type: url
 
   - width: 3/10
@@ -71,6 +72,7 @@ columns:
             language: css
             size: custom-size
             default: radial-gradient(circle at 20% 80%, rgb(240, 154, 110) 0%, rgb(233, 101, 122) 100%)
+            translate: false
             help: À remplir avec la valeur de la propriété CSS `background-color` souhaitée
           preview:
             label: Aperçu

src/styles/buttons.css

@@ -1,3 +1,7 @@
+button {
+  border: none;
+}
+
 /* Button */
 .button {
   width: 14vmax;

src/views/Play.svelte

@@ -354,7 +354,6 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    width: clamp(140px, 15.09vw, 291px);
     gap: 0.5rem;
     background: none;
     cursor: pointer;
@@ -362,15 +361,22 @@
     transition: all 0.4s var(--ease-standard);
   }
 
-  .play-carousel-item.active button {
-    opacity: 1;
+  .play-carousel-item :global(img) {
+    width: clamp(140px, 15.09vw, 291px);
+  }
+
+  .play-carousel-item.active :global(img) {
     width: clamp(170px, 18.41vw, 355px);
   }
 
-  .play-carousel-item button img,
+  .play-carousel-item.active button {
+    opacity: 1;
+  }
+
+  .play-carousel-item button :global(img),
   .play-carousel-item button :global(picture img) {
     object-fit: cover;
-    transition: border-color 0.4s var(--ease-standard);
+    transition: all 0.4s var(--ease-standard);
   }
 
   .play-carousel-title {