/* Catalogue de jeux : charte joyeuse, sans modifier le header ni le footer. */
.jeux-catalogue{padding:20px 28px 34px;color:#194769}
.jeux-catalogue a:focus-visible,.jeux-accueil a:focus-visible{outline:3px solid #ff4691;outline-offset:4px}
.jeux-fil{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;color:#6987a3;font-size:12px}
.jeux-fil a{color:#0874b8;font-weight:700}
.jeux-entete{position:relative;display:flex;align-items:center;gap:18px;min-height:134px;margin-bottom:16px;padding:22px 25px;border:1px solid #d7ebfc;border-radius:25px;background:linear-gradient(115deg,#e6f6ff,#fff5e5 58%,#fff1fa);overflow:hidden}
.jeux-entete--rose{background:linear-gradient(110deg,#fff0f7,#fff8ef)}
.jeux-entete--orange{background:linear-gradient(110deg,#fff4e1,#fffbea)}
.jeux-entete--bleu{background:linear-gradient(110deg,#e9f5ff,#edfdf6)}
.jeux-entete--violet{background:linear-gradient(110deg,#f5eefe,#fcefff)}
.jeux-entete--vert{background:linear-gradient(110deg,#eafbea,#effaff)}
.jeux-entete-embleme{position:relative;z-index:1;flex:0 0 76px;display:grid;place-items:center;width:76px;height:76px;border-radius:23px;background:#fff;border:1px solid #e1ecf4;box-shadow:0 6px 0 #d9eaf5;font-size:40px;transform:rotate(-6deg)}
.jeux-surtitre{margin:0 0 3px;color:#ed4c83;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.jeux-entete h1{position:relative;z-index:1;margin:0 0 6px;color:#09538f;font:700 clamp(30px,3.9vw,45px)/1.06 'Patrick Hand','Comic Sans MS',cursive}
.jeux-entete p:not(.jeux-surtitre){position:relative;z-index:1;max-width:740px;margin:0;font-size:14px;line-height:1.5}
.jeux-entete-etoile{margin-left:auto;color:#ffc63f;font-size:56px;transform:rotate(18deg)}
.jeux-retour-ligne{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 18px;color:#68809a;font-size:12px}
.jeux-retour{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:8px 14px;border:1px solid #bfe2f8;border-radius:999px;background:#eef9ff;color:#075992;font-weight:800;font-size:13px;box-shadow:0 3px 0 #d6eaf4}
.jeux-nav-familles{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 26px}
.jeux-puce{display:inline-flex;align-items:center;gap:5px;padding:9px 13px;border:1px solid #dbe6f0;border-radius:999px;background:#fff;color:#285a7e;font-size:12px;font-weight:700;box-shadow:0 3px 0 #e9f1f6;transition:transform .15s}
.jeux-puce:hover{transform:translateY(-2px)}
.jeux-puce.est-active{border-color:#ffaad1;background:#fff0f7;color:#ad2666}
.jeux-catalogue section{padding:0}
.jeux-familles-section{margin-bottom:34px}
.jeux-titre-section{display:flex;align-items:center;gap:10px;margin:0 0 16px}
.jeux-titre-section>span{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:14px;background:#fff;border:1px solid #e0ecf6;font-size:24px;box-shadow:0 3px 0 #e6f0f5}
.jeux-titre-section h2{margin:0;color:#07518c;font:700 clamp(24px,2.4vw,32px)/1.1 'Patrick Hand','Comic Sans MS',cursive}
.jeux-titre-section p{margin:4px 0 0;color:#607b92;font-size:13px}
.jeux-tout-voir{margin-left:auto;color:#0874b8;font-weight:800;font-size:12px;white-space:nowrap}
.jeux-familles-grille{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.jeux-famille,.jeu-carte{min-width:0;border:1px solid #deedf6;background:#fff;border-radius:19px;overflow:hidden;box-shadow:0 5px 0 #e8f0f8;transition:transform .18s,box-shadow .18s}
.jeux-famille:hover,.jeu-carte:hover{transform:translateY(-4px);box-shadow:0 9px 0 #dceaf5}
.jeux-famille-bas{display:flex;flex-direction:column;gap:5px;min-height:115px;padding:11px 10px 12px;background:#eff9ff}
.jeux-famille--rose .jeux-famille-bas{background:#fff0f6}
.jeux-famille--orange .jeux-famille-bas{background:#fff6e7}
.jeux-famille--bleu .jeux-famille-bas{background:#eaf7ff}
.jeux-famille--violet .jeux-famille-bas{background:#f7efff}
.jeux-famille--vert .jeux-famille-bas{background:#edf9e9}
.jeux-famille-bas strong{color:#07518c;font-size:15px;line-height:1.2}
.jeux-famille-bas small{color:#546c83;font-size:11px;line-height:1.3}
.jeux-famille-action{margin-top:auto;color:#0874b8;font-size:11px;font-weight:800}
.jeu-affiche{position:relative;display:grid;place-items:center;aspect-ratio:1/1;width:100%;overflow:hidden;background:linear-gradient(145deg,#d9f3ff,#e9ffd9 60%,#fff0f7);isolation:isolate}
.jeu-affiche img{display:block;width:100%;height:100%;object-fit:cover}
.jeu-affiche img[hidden]{display:none!important}
.jeu-affiche.image-absente:after{content:attr(data-icone);display:grid;place-items:center;position:absolute;inset:0;font-size:clamp(55px,8vw,92px)}
.jeux-famille-image{border-bottom:1px solid #e6edf3}
.jeux-bloc{margin:0 0 32px;padding:20px!important;border:1px solid #e4eff7;border-radius:23px;background:#f7fcff}
.jeux-bloc--rose{background:#fff8fb;border-color:#f8dfeb}
.jeux-bloc--orange{background:#fffbf3;border-color:#f5e8d0}
.jeux-bloc--bleu{background:#f5fbff;border-color:#d8eefa}
.jeux-bloc--violet{background:#fbf7ff;border-color:#ecdcf6}
.jeux-bloc--vert{background:#f7fdf4;border-color:#e0efd9}
.jeux-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.jeu-carte{display:flex;flex-direction:column;box-shadow:0 5px 0 #e5edf4}
.jeu-carte-image{position:relative;display:block;min-width:0}
.jeu-carte-image .jeu-affiche{border-bottom:1px solid #e5eef6}
.jeu-badge{position:absolute;left:10px;bottom:10px;padding:5px 10px;border:2px solid #fff;border-radius:999px;background:#ffcf4e;color:#6c4400;font-size:11px;font-weight:900;box-shadow:0 3px 7px rgba(36,61,83,.18)}
.jeu-carte-texte{display:flex;flex:1;flex-direction:column;padding:13px 14px 16px}
.jeu-carte h3{margin:0 0 6px;color:#074f89;font:700 25px/1.07 'Patrick Hand','Comic Sans MS',cursive}
.jeu-carte h3 a:hover{color:#ee3c83}
.jeu-carte-texte p{flex:1;margin:0 0 14px;color:#596e80;font-size:13px;line-height:1.48}
.jeu-jouer{align-self:flex-start;display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:37px;padding:8px 17px;border-radius:999px;background:linear-gradient(#ff70a4,#f4387a);color:#fff;font-size:13px;font-weight:850;box-shadow:0 4px 0 #cb2860}
.jeu-jouer:hover{filter:brightness(1.04)}
.jeu-niveaux{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.jeu-niveaux a{display:grid;place-items:center;padding:9px 2px;border:1px solid #bfe7f7;border-radius:12px;background:#e5f7ff;color:#06639d;font-size:12px;font-weight:850}
.jeu-niveaux a:nth-child(2){border-color:#f7cfe1;background:#fff0f7;color:#af286a}
.jeu-niveaux a:nth-child(3){border-color:#e5d9f9;background:#f5ecff;color:#7945a8}
.jeu-niveaux a:hover{transform:translateY(-2px)}
.jeux-bas-retour{margin-top:6px;padding:12px 0 0}
/* Accueil : cinq familles illustrées sur ordinateur ; six cartes sur mobile. */
.games-section.jeux-accueil{margin:9px 10px 0;padding:18px 18px 22px;border:1px solid #f6e8d0;border-radius:22px 22px 0 0;background:linear-gradient(120deg,#fff8e9,#fffefa 55%,#fff5f9)}
.games-section.jeux-accueil .section-head{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.games-section.jeux-accueil .section-head h2{font:700 clamp(25px,2.8vw,35px)/1.08 'Patrick Hand','Comic Sans MS',cursive}
.games-section.jeux-accueil .section-head .more{margin-left:auto;font-weight:800;font-size:13px}
.games-section.jeux-accueil .jeux-accueil-grille{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.games-section.jeux-accueil .jeux-accueil-carte{display:flex;flex-direction:column;min-width:0;border:1px solid #d6e7f4;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 5px 0 #e8eefa;transition:transform .18s}
.games-section.jeux-accueil .jeux-accueil-carte:hover{transform:translateY(-4px)}
/* La carte Tous les jeux complète la deuxième ligne uniquement sur téléphone. */
.games-section.jeux-accueil .jeux-accueil-carte--tous{display:none}
.jeux-accueil-carte--tous .jeux-accueil-bas{background:#edfcf9}
.jeux-accueil-carte .jeu-affiche{border-bottom:1px solid #e7eff7}
.jeux-accueil-bas{display:flex;flex:1;flex-direction:column;gap:5px;padding:11px 10px 13px;background:#effaff}
.jeux-accueil-carte--rose .jeux-accueil-bas{background:#fff0f7}
.jeux-accueil-carte--orange .jeux-accueil-bas{background:#fff6e6}
.jeux-accueil-carte--bleu .jeux-accueil-bas{background:#eef8ff}
.jeux-accueil-carte--violet .jeux-accueil-bas{background:#f8efff}
.jeux-accueil-carte--vert .jeux-accueil-bas{background:#eff9e9}
.jeux-accueil-bas strong{color:#07518c;font:700 21px/1.03 'Patrick Hand','Comic Sans MS',cursive}
.jeux-accueil-bas small{flex:1;color:#536f85;font-size:11px;line-height:1.35}
.jeux-accueil-bas em{margin-top:5px;color:#0874b8;font-size:11px;font-style:normal;font-weight:900}
@media(max-width:980px){
 .jeux-familles-grille,.games-section.jeux-accueil .jeux-accueil-grille{grid-template-columns:repeat(3,minmax(0,1fr))}
 .jeux-grille{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .jeu-carte h3{font-size:23px}
}
@media(max-width:650px){
 .jeux-catalogue{padding:15px 12px 27px}
 .jeux-entete{padding:16px 14px;gap:10px;border-radius:18px}
 .jeux-entete-embleme{width:53px;height:53px;flex-basis:53px;border-radius:16px;font-size:28px}
 .jeux-entete h1{font-size:31px}
 .jeux-entete p:not(.jeux-surtitre){font-size:12px}
 .jeux-entete-etoile{display:none}
 .jeux-retour-ligne>span{display:none}
 .jeux-nav-familles{gap:7px}
 .jeux-puce{padding:7px 9px;font-size:11px}
 .jeux-familles-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .games-section.jeux-accueil .jeux-accueil-grille{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .games-section.jeux-accueil .jeux-accueil-carte--tous{display:flex}
 .jeux-famille-bas{min-height:115px}
 .jeux-famille-bas strong{font-size:14px}
 .jeux-bloc{padding:12px!important;border-radius:18px}
 .jeux-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .jeu-carte-texte{padding:11px 9px 13px}
 .jeu-carte h3{font-size:21px}
 .jeu-carte-texte p{font-size:11px}
 .jeu-badge{left:5px;bottom:5px;padding:3px 6px;font-size:9px}
 .jeu-jouer{padding:7px 11px;font-size:11px}
 .jeu-niveaux{grid-template-columns:1fr;gap:5px}
 .jeu-niveaux a{padding:6px 2px;font-size:11px}
 .jeux-titre-section h2{font-size:24px}
 .jeux-titre-section p{font-size:11px}
 .jeux-tout-voir{font-size:10px}
 .games-section.jeux-accueil{margin:8px 7px 0;padding:13px 9px 20px}
 .games-section.jeux-accueil .section-head h2{font-size:26px}
 .games-section.jeux-accueil .section-head .more{font-size:11px}
 /* Affiches carrées plus petites et six cartes sur deux rangées. */
 .games-section.jeux-accueil{padding:12px 7px 16px}
 .games-section.jeux-accueil .jeux-accueil-carte{border-radius:12px;box-shadow:0 3px 0 #e8eefa}
 .jeux-accueil-bas{padding:7px 4px 8px;gap:2px;align-items:center;text-align:center}
 .jeux-accueil-bas strong{font-size:clamp(13px,3.35vw,17px);line-height:1.05;overflow-wrap:anywhere}
 .jeux-accueil-bas small{display:none}
 .jeux-accueil-bas em{margin-top:3px;font-size:10px}
 .jeux-accueil-carte .jeu-affiche{aspect-ratio:1 / 1}
}
@media(max-width:370px){
 .jeux-entete{align-items:flex-start}
 .jeux-entete-embleme{flex-basis:43px;width:43px;height:43px;font-size:24px}
 .jeux-entete h1{font-size:27px}
 .jeu-carte h3{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.jeu-carte,.jeux-famille,.jeux-accueil-carte,.jeux-puce{transition:none!important}}