Corrige la superposition header/contenu et harmonise le style du jeu Memory

L'animation d'entrée (translation + rebond infini du badge) pouvait
faire chevaucher le header. Remplacée par une simple apparition sans
déplacement vertical, avec plus de marge sous le header.

Aligne aussi les rayons d'angle, les ombres et les boutons du jeu sur
le langage visuel déjà utilisé ailleurs sur le site (cartes à 12px de
rayon, ombres neutres, titre de section souligné, style de bouton
partagé depuis header-style.css).

exercices/memory-pictogrammes/assets/css/hud.css

@@ -149,7 +149,7 @@
 
 .modal-content {
     background: linear-gradient(135deg, var(--white), var(--teal-light));
-    border-radius: 24px;
+    border-radius: 12px;
     padding: 48px;
     max-width: 500px;
     width: 100%;
@@ -305,7 +305,7 @@
 
 .pause-content {
     background: var(--white);
-    border-radius: 16px;
+    border-radius: 12px;
     padding: 40px;
     text-align: center;
     border: 2px solid var(--teal-mid);