/* ==========================================================================
   MENU DU SITE ATA (fichier menu-ata.css, fabriqué par outils/faire-menu.py : modifier outils/menu-ata.css puis relancer)
   4 styles : TRAJECTOIRE (billes sur une trajectoire), ARSENAL (silhouettes de répliques), TACTIQUE (icônes), GAMER (l'ancien menu « jeu vidéo »).
   9 thèmes de fête, sur la trajectoire : Nouvel An, Saint-Valentin, Printemps, Pâques, Été, 14 juillet, Rentrée, Halloween, Noël.
   Le style est posé par menu-ata.js sur <html data-menu="…" data-fete="…"> (ou sur un aperçu du bureau).
   ========================================================================== */
@font-face { font-family: "Barlow ATA"; src: url(data:font/woff2;base64,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) format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Barlow ATA"; src: url(data:font/woff2;base64,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) format("woff2"); font-weight: 700; font-display: swap; }

/* ---------- Commun ---------- */
header:has(> .menus), .apercu-menu { container: menu / inline-size; }
[data-menu] header:has(> .menus) { padding: 0; }
[data-menu] .menus { gap: 0; padding: 0; margin: 0; position: relative; font-family: "Barlow ATA", "Arial Narrow", Arial, sans-serif; }
[data-menu] .menus .nav { display: contents; }
[data-menu] .menus a { all: unset; box-sizing: border-box; position: relative; min-width: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; }
[data-menu] .menus a b { font-weight: inherit; }
[data-menu] .menus a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
[data-menu] .menus a[data-m="inscriptions"] { order: 99; }
/* ---------- Encart publicitaire du bandeau (loué par le bureau, rubrique « Publicité » ; « Votre pub ici » quand il est libre) ---------- */
header .banniere-cadre { position: relative; }
header .encart-pub { position: absolute; z-index: 2; left: 3.3%; top: 67%; width: 18.7%; aspect-ratio: 3 / 1; container-type: inline-size; box-sizing: border-box; overflow: hidden;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; border-radius: 10px; text-decoration: none; color: #fff; text-align: center;
  font-family: "Barlow ATA", "Arial Narrow", Arial, sans-serif; line-height: 1.05; -webkit-tap-highlight-color: transparent; }
header .encart-pub.libre { background: linear-gradient(135deg, rgba(7,24,31,.8), rgba(10,57,141,.6)); border: 2px dashed rgba(255,159,67,.9);
  box-shadow: 0 8px 22px rgba(0,0,0,.45), inset 0 0 18px rgba(255,159,67,.14); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
header .encart-pub.libre:hover, header .encart-pub.libre:focus-visible { transform: translateY(-2px); border-color: #ffc06e; box-shadow: 0 10px 26px rgba(0,0,0,.5), 0 0 20px rgba(255,159,67,.45); }
header .encart-pub:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
header .encart-pub .ep-q { font-size: 13px; font-size: clamp(9px, 6.4cqi, 15px); font-weight: 600; letter-spacing: .04em; color: #cfe0ff; }
header .encart-pub .ep-t { font-size: 20px; font-size: clamp(12px, 10.6cqi, 27px); font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: #ffb35c; text-shadow: 0 0 10px rgba(255,140,30,.55); }
header .encart-pub .ep-c { font-size: 11px; font-size: clamp(8px, 5.6cqi, 13px); font-weight: 600; color: #fff; opacity: .92; }
header .encart-pub.occupe { background: #050b14; border: 2px solid rgba(255,255,255,.9); box-shadow: 0 8px 22px rgba(0,0,0,.5); transition: transform .2s ease, box-shadow .2s ease; }
header .encart-pub.occupe img { display: block; width: 100%; height: 100%; object-fit: cover; }
header .encart-pub .ep-mention { position: absolute; top: 3px; right: 4px; padding: 1px 5px; border-radius: 4px; background: rgba(0,0,0,.62); color: #fff; font: 600 9px/1.3 Arial, sans-serif; letter-spacing: .05em; text-transform: uppercase; }
/* La pub grossit au passage de la souris (ou au 1er toucher sur téléphone : le 2e ouvre le site de l'annonceur) pour bien voir le visuel.
   --ep-zoom et le point d'ancrage sont calculés par menu-ata.js pour rester dans le bandeau. */
header .encart-pub.occupe { --ep-zoom: 2.4; transform-origin: 0 100%; transition: transform .25s ease, box-shadow .25s ease, border-width .25s ease, border-radius .25s ease; }
header .encart-pub.occupe.zoom, header .encart-pub.occupe:focus-visible { z-index: 20; transform: scale(var(--ep-zoom)); border-width: calc(2px / var(--ep-zoom)); border-radius: calc(10px / var(--ep-zoom)); box-shadow: 0 6px 22px rgba(0,0,0,.7); }
@media (hover: hover) {
  header .encart-pub.occupe:hover { z-index: 20; transform: scale(var(--ep-zoom)); border-width: calc(2px / var(--ep-zoom)); border-radius: calc(10px / var(--ep-zoom)); box-shadow: 0 6px 22px rgba(0,0,0,.7); }
  header .encart-pub.occupe:hover .ep-mention { transform: scale(calc(1 / var(--ep-zoom))); }
}
header .encart-pub.occupe .ep-mention { transform-origin: 100% 0; transition: transform .25s ease; }
header .encart-pub.occupe.zoom .ep-mention, header .encart-pub.occupe:focus-visible .ep-mention { transform: scale(calc(1 / var(--ep-zoom))); }
header .encart-pub .ep-voir { display: none; }
header .encart-pub.occupe.zoom .ep-voir { display: block; position: absolute; right: 4px; bottom: 4px; transform: scale(calc(1 / var(--ep-zoom))); transform-origin: 100% 100%; padding: 4px 9px; border-radius: 999px;
  background: rgba(0,0,0,.72); color: #fff; font: 700 12px/1.2 Arial, sans-serif; white-space: nowrap; box-shadow: 0 0 0 1px rgba(255,255,255,.5); }
/* Bandeau étroit (téléphone, petite tablette) : l'encart passe sous le bandeau, lisible. */
@container menu (max-width: 900px) {
  header .encart-pub { position: relative; left: auto; top: auto; width: min(270px, calc(100% - 24px)); margin: 10px auto 2px; }
}
@media (prefers-reduced-motion: reduce) { header .encart-pub { transition: none !important; } }
/* La fenêtre « Votre pub ici » : demande d'infos au bureau. */
dialog.pub-demande { width: min(520px, calc(100vw - 24px)); max-height: calc(100vh - 24px); overflow: auto; border: 0; border-radius: 14px; padding: 0; color: #fff;
  background: linear-gradient(160deg, #10284a, #0c1d28 55%); box-shadow: 0 24px 60px rgba(0,0,0,.6), inset 0 0 0 1px rgba(255,255,255,.12); font: 15px/1.5 Arial, Helvetica, sans-serif; }
dialog.pub-demande::backdrop { background: rgba(3,8,12,.8); }
.pub-demande .pd-corps { position: relative; padding: 22px 22px 20px; }
.pub-demande .pd-fermer { position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; border-radius: 50%; border: 0; background: rgba(255,255,255,.1); color: #fff; font-size: 22px; line-height: 1; cursor: pointer; }
.pub-demande .pd-fermer:hover, .pub-demande .pd-fermer:focus-visible { background: rgba(255,255,255,.22); }
.pub-demande .pd-sur { margin: 0; color: #ff9f43; font-weight: bold; font-size: 12.5px; letter-spacing: 1.4px; text-transform: uppercase; }
.pub-demande h2 { margin: 6px 40px 8px 0; font: 700 22px/1.15 "Barlow ATA", "Arial Narrow", Arial, sans-serif; text-transform: uppercase; letter-spacing: .02em; }
.pub-demande .pd-intro { margin: 0 0 14px; color: #d4e0ec; font-size: 14.5px; }
.pub-demande .pd-points { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 5px; font-size: 14px; color: #e8eef5; }
.pub-demande .pd-points li::before { content: "✓ "; color: #ff9f43; font-weight: bold; }
.pub-demande label { display: block; margin: 0 0 10px; font-size: 13px; font-weight: bold; color: #dbe6f1; }
.pub-demande label small { font-weight: normal; color: #a9b8c6; }
.pub-demande input:not([type=checkbox]), .pub-demande textarea { display: block; width: 100%; box-sizing: border-box; margin-top: 4px; padding: 10px 12px; border-radius: 8px; border: 1px solid rgba(255,255,255,.22);
  background: rgba(3,10,16,.6); color: #fff; font: 15px Arial, Helvetica, sans-serif; }
.pub-demande input:focus, .pub-demande textarea:focus { outline: 2px solid #ff9f43; outline-offset: 0; border-color: transparent; }
.pub-demande .pd-deux { display: grid; grid-template-columns: 1fr 1fr; gap: 0 10px; }
.pub-demande .pd-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.pub-demande .pd-coche { display: flex; gap: 8px; align-items: flex-start; font-weight: normal; font-size: 13.5px; }
.pub-demande .pd-coche input { margin-top: 3px; width: 17px; height: 17px; accent-color: #ff9f43; }
.pub-demande .pd-erreur { margin: 0 0 12px; padding: 9px 12px; border-radius: 8px; background: rgba(176,0,32,.28); border-left: 4px solid #ff5a6e; font-size: 14px; }
.pub-demande .pd-envoyer, .pub-demande .pd-ok { width: 100%; margin-top: 4px; padding: 13px 16px; border: 0; border-radius: 9px; cursor: pointer; font: 700 16px/1 "Barlow ATA", "Arial Narrow", Arial, sans-serif;
  letter-spacing: .06em; text-transform: uppercase; color: #1d0c00; background: linear-gradient(180deg, #ffb35c, #ff9f43 55%, #e8780e); }
.pub-demande .pd-envoyer:disabled { opacity: .7; cursor: wait; }
.pub-demande .pd-merci { text-align: center; padding: 8px 0 0; }
.pub-demande .pd-merci .pd-icone { width: 56px; height: 56px; margin: 6px auto 10px; border-radius: 50%; display: grid; place-items: center; background: rgba(127,209,139,.18); color: #7fd18b; font-size: 30px; }
@media (max-width: 480px) { .pub-demande .pd-deux { grid-template-columns: 1fr; } .pub-demande h2 { font-size: 19px; } }
/* La fenêtre au clic sur la pub : « Rappelez-moi » et/ou « Aller sur le site ». */
.pub-contact .pd-fermer { z-index: 1; background: rgba(0,0,0,.62); }
.pub-contact .pc-visuel { display: block; width: 100%; aspect-ratio: 3 / 1; object-fit: cover; border-radius: 10px; margin: 0 0 12px; background: #050b14; box-shadow: 0 0 0 1px rgba(255,255,255,.25); }
.pub-contact h2 { margin-right: 0; }
.pub-contact .pc-choix { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 10px; padding: 12px 14px; border-radius: 10px; background: rgba(255,255,255,.06); outline: 1px solid rgba(255,255,255,.16); outline-offset: -1px;
  cursor: pointer; font-size: 15px; font-weight: normal; color: #fff; transition: background .15s ease, outline-color .15s ease; }
.pub-contact .pc-choix:has(input:checked) { background: rgba(255,159,67,.15); outline-color: rgba(255,159,67,.75); }
.pub-contact .pc-choix input { flex: none; margin-top: 2px; width: 20px; height: 20px; accent-color: #ff9f43; }
.pub-contact .pc-choix small { display: block; margin-top: 3px; font-size: 13px; color: #a9b8c6; }
.pub-contact .pc-champs { margin: -2px 0 12px; padding: 4px 0 2px 14px; border-left: 3px solid rgba(255,159,67,.6); transition: opacity .15s ease; }
.pub-contact .pc-champs.eteint { opacity: .6; border-left-color: rgba(255,255,255,.18); }
.pub-contact .pd-envoyer.vide { opacity: .55; }


/* Le mot de la fête, au-dessus du menu. */
[data-fete] .menus::before { content: var(--salut, ""); grid-column: 1 / -1; justify-self: center; margin: 0 0 16px; padding: 6px 16px 5px; border-radius: 999px;
  font-weight: 700; font-size: 14px; line-height: 1.2; letter-spacing: .12em; text-transform: uppercase; text-align: center;
  color: var(--salut-txt, #1d0c00); background: var(--salut-fond, #ff9f43); box-shadow: 0 6px 18px rgba(0,0,0,.35); }

/* ==========================================================================
   1. TRAJECTOIRE : les rubriques sont des billes posées sur la trajectoire d'un tir, qui file jusqu'à la cible « Inscriptions ».
   ========================================================================== */
[data-menu="trajectoire"] .menus {
  --fond: #050b12;
  --fil: linear-gradient(rgba(95,155,255,.5), rgba(95,155,255,.5));
  --fil-cible: linear-gradient(90deg, rgba(255,120,60,.55), #ffa04a);
  --bille: radial-gradient(circle at 34% 30%, #fff 0, #eef2f7 18%, #b8c3d0 54%, #6d7989 84%, #4a5462 100%);
  --anneau: rgba(140,180,240,.32);
  --bille-survol: radial-gradient(circle at 34% 30%, #fff 0, #f7fbff 30%, #cfe1ff 60%, #7ea6e6 100%);
  --anneau-survol: rgba(160,205,255,.95); --lueur-survol: rgba(90,160,255,.75);
  --trainee: linear-gradient(90deg, rgba(255,40,40,0), rgba(255,55,55,.8) 55%, #cde4ff); --trainee-lueur: rgba(255,60,60,.6);
  --bille-ici: radial-gradient(circle at 34% 30%, #fffbe8 0, #ffd27a 24%, #ff9a1f 60%, #d65e00 100%);
  --anneau-ici: rgba(255,165,80,.95); --halo-ici: rgba(255,165,80,.45); --lueur-ici: rgba(255,140,30,.6);
  --txt: #a9b9d1; --txt-survol: #fff; --txt-ici: #ffd1a1;
  --cible: radial-gradient(circle, transparent 0 9px, rgba(255,159,67,.95) 9.5px 11px, transparent 11.5px 17px, rgba(255,159,67,.65) 17.5px 19px, transparent 19.5px 25px, rgba(255,159,67,.4) 25.5px 27px, var(--fond) 27.5px);
  --cible-coeur: radial-gradient(circle at 34% 30%, #fffbe8 0, #ffcf6e 30%, #f07d12 100%); --cible-lueur: rgba(255,140,30,.75);
  --plaque: linear-gradient(180deg, #ffb24d, #f07d12); --plaque-txt: #1d0c00; --plaque-lueur: rgba(240,125,18,.45);
  display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)) 140px; align-items: start;
  padding: 22px clamp(12px, 2.4vw, 32px) 22px; background: var(--zone, var(--fond)); border-top: 1px solid var(--bord, rgba(110,165,255,.45));
}
[data-menu="trajectoire"] .menus a {
  display: flex; flex-direction: column; align-items: center; padding: 44px 3px 4px;
  background: var(--fil) 0 19px / 100% 2px no-repeat;
  font-weight: 600; font-size: 15px; line-height: 1.12; letter-spacing: .2em; text-transform: uppercase; text-align: center; color: var(--txt); transition: color .2s ease;
}
[data-menu="trajectoire"] .menus a::before { content: ""; position: absolute; z-index: 2; left: 50%; top: 9px; width: 22px; height: 22px; margin-left: -11px; border-radius: 50%;
  background: var(--bille); box-shadow: 0 0 0 5px var(--fond), 0 0 0 6px var(--anneau), 0 4px 8px rgba(0,0,0,.7); transition: box-shadow .2s ease, transform .2s ease, filter .2s ease; }
[data-menu="trajectoire"] .menus a::after { content: ""; position: absolute; z-index: 1; top: 18px; right: 50%; width: 0; height: 4px; border-radius: 3px;
  background: var(--trainee); box-shadow: 0 0 14px var(--trainee-lueur); opacity: 0; transition: width .35s cubic-bezier(.2,.8,.2,1), opacity .2s ease; }
[data-menu="trajectoire"] .menus a:hover, [data-menu="trajectoire"] .menus a:focus-visible { color: var(--txt-survol); }
[data-menu="trajectoire"] .menus a:hover::before, [data-menu="trajectoire"] .menus a:focus-visible::before { background: var(--bille-survol); transform: scale(1.08);
  box-shadow: 0 0 0 5px var(--fond), 0 0 0 6px var(--anneau-survol), 0 0 18px 5px var(--lueur-survol); }
[data-menu="trajectoire"] .menus a:hover::after, [data-menu="trajectoire"] .menus a:focus-visible::after { width: 100%; opacity: 1; }
[data-menu="trajectoire"] .menus a[aria-current] { color: var(--txt-ici); }
[data-menu="trajectoire"] .menus a[aria-current]::before { background: var(--bille-ici);
  box-shadow: 0 0 0 5px var(--fond), 0 0 0 6px var(--anneau-ici), 0 0 0 12px var(--fond), 0 0 0 13px var(--halo-ici), 0 0 22px 8px var(--lueur-ici); }
/* La cible : Inscriptions, au bout de la trajectoire. */
[data-menu="trajectoire"] .menus a[data-m="inscriptions"] { padding-top: 58px; background: var(--fil-cible) 0 19px / 50% 2px no-repeat; }
[data-menu="trajectoire"] .menus a[data-m="inscriptions"]::before { top: -9px; width: 58px; height: 58px; margin-left: -29px; background: var(--cible); box-shadow: none; transform: none; }
[data-menu="trajectoire"] .menus a[data-m="inscriptions"]::after { top: 13.5px; left: 50%; right: auto; width: 13px; height: 13px; margin-left: -6.5px; border-radius: 50%;
  background: var(--cible-coeur); box-shadow: 0 0 12px 4px var(--cible-lueur); opacity: 1; transition: transform .2s ease; }
[data-menu="trajectoire"] .menus a[data-m="inscriptions"] b { display: inline-block; padding: 7px 15px 6px; border-radius: 999px; font-weight: 700; letter-spacing: .16em;
  color: var(--plaque-txt); background: var(--plaque); box-shadow: 0 6px 18px var(--plaque-lueur); transition: transform .15s ease, filter .15s ease; }
[data-menu="trajectoire"] .menus a[data-m="inscriptions"]:hover::before, [data-menu="trajectoire"] .menus a[data-m="inscriptions"]:focus-visible::before { transform: scale(1.06); }
[data-menu="trajectoire"] .menus a[data-m="inscriptions"]:hover::after, [data-menu="trajectoire"] .menus a[data-m="inscriptions"]:focus-visible::after { transform: scale(1.35); }
[data-menu="trajectoire"] .menus a[data-m="inscriptions"]:hover b, [data-menu="trajectoire"] .menus a[data-m="inscriptions"]:focus-visible b { transform: translateY(-1px); filter: brightness(1.08); }
[data-menu="trajectoire"] .menus a[data-m="inscriptions"][aria-current] b { box-shadow: 0 0 0 2px #fff4e6, 0 6px 18px var(--plaque-lueur); }
@container menu (max-width: 980px) {
  [data-menu="trajectoire"] .menus { grid-template-columns: repeat(5, minmax(0, 1fr)); row-gap: 16px; padding: 18px 8px 18px; }
  [data-menu="trajectoire"] .menus a[data-m="inscriptions"] { grid-column: 1 / -1; }
  [data-menu="trajectoire"] .menus a { font-size: 12.5px; letter-spacing: .08em; }
  [data-menu="trajectoire"] .menus a[data-m="inscriptions"] b { padding: 6px 9px 5px; letter-spacing: .06em; }
  [data-fete] .menus::before { font-size: 12px; letter-spacing: .06em; margin-bottom: 12px; }
}
@container menu (max-width: 380px) { [data-menu="trajectoire"] .menus a { font-size: 11px; letter-spacing: .04em; } }

/* ==========================================================================
   2. ARSENAL : chaque rubrique est un emplacement d'équipement, avec la silhouette métal d'une réplique (sans marque), sur fond carbone.
   ========================================================================== */
[data-menu="arsenal"] .menus { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)) 1.4fr; gap: 7px; padding: 18px clamp(10px, 2.2vw, 28px) 20px;
  border-top: 1px solid rgba(170,200,240,.25); background-color: #0a0e13;
  background-image: linear-gradient(27deg, #141a21 5px, transparent 5px), linear-gradient(207deg, #141a21 5px, transparent 5px), linear-gradient(27deg, #0c1015 5px, transparent 5px),
    linear-gradient(207deg, #0c1015 5px, transparent 5px), linear-gradient(90deg, #0f1419 10px, transparent 10px), linear-gradient(#10151b 25%, #0b0f14 25%, #0b0f14 50%, transparent 50%, transparent 75%, #12181e 75%, #12181e);
  background-size: 20px 20px; box-shadow: inset 0 14px 22px -12px rgba(0,0,0,.9); }
[data-menu="arsenal"] .menus a { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; height: 98px; padding: 0 6px 11px; isolation: isolate; overflow: hidden;
  --arme: none; --bouche: 3%;
  background: linear-gradient(rgba(170,200,240,.14), rgba(170,200,240,.14)) 8px calc(100% - 34px) / calc(100% - 16px) 1px no-repeat,
    radial-gradient(ellipse 70% 55% at 50% 38%, rgba(110,160,240,.14), transparent 70%), linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.012) 62%), rgba(6,12,20,.82);
  box-shadow: inset 0 0 0 1px rgba(170,200,240,.17), inset 0 1px 0 rgba(255,255,255,.14);
  clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 11px, 100% 100%, 11px 100%, 0 calc(100% - 11px));
  font-weight: 600; font-size: 13.5px; line-height: 1; letter-spacing: .13em; text-transform: uppercase; white-space: nowrap; color: #c2cee0; transition: background .2s ease; }
[data-menu="arsenal"] .menus a::before { content: ""; position: absolute; z-index: -1; left: 7%; right: 7%; top: 11px; height: 48px;
  background: linear-gradient(180deg, #f6f9fc 0%, #c5cfdb 38%, #7c8999 70%, #4f5b6a 100%);
  -webkit-mask: var(--arme) center / contain no-repeat; mask: var(--arme) center / contain no-repeat; transition: transform .2s ease; }
[data-menu="arsenal"] .menus a[data-m="accueil"], [data-menu="arsenal"] .menus a[data-m="joueurs"] { --arme: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 120 40%27%3E%3Cpath d=%27M2 14H21V23L15.5 27H5Q2 27 2 24ZM21 16H30V20H21ZM30 12H62V22H56L54 25H40L38 22H30ZM62 11H91V21H62ZM65 13.5h3v2h-3zM70 13.5h3v2h-3zM75 13.5h3v2h-3zM80 13.5h3v2h-3zM85 13.5h3v2h-3zM87 11L88 5.5H90L91 11ZM91 14.5H108V17.5H91ZM108 13.2H116V18.8H108ZM33 12L34.5 6.5H38.5L40 12ZM44.5 22H52.5L55.5 34.2Q56 36.3 54 36.7L48 37.7Q46 38 45.6 36ZM32.5 22H39L37.4 32.4Q37.1 34 35.5 34H31.6Q30 34 30.3 32.4ZM39 22Q40.8 27.6 46 25.6V24.2Q42 25.6 40.6 22ZM31.0 12.0h1.3v-1.2h-1.3zM33.4 12.0h1.3v-1.2h-1.3zM35.8 12.0h1.3v-1.2h-1.3zM38.2 12.0h1.3v-1.2h-1.3zM40.6 12.0h1.3v-1.2h-1.3zM43.0 12.0h1.3v-1.2h-1.3zM45.4 12.0h1.3v-1.2h-1.3zM47.8 12.0h1.3v-1.2h-1.3zM50.2 12.0h1.3v-1.2h-1.3zM52.6 12.0h1.3v-1.2h-1.3zM55.0 12.0h1.3v-1.2h-1.3zM57.4 12.0h1.3v-1.2h-1.3zM63.0 11.0h1.3v-1.2h-1.3zM65.4 11.0h1.3v-1.2h-1.3zM67.8 11.0h1.3v-1.2h-1.3zM70.2 11.0h1.3v-1.2h-1.3zM72.6 11.0h1.3v-1.2h-1.3zM75.0 11.0h1.3v-1.2h-1.3zM77.4 11.0h1.3v-1.2h-1.3zM79.8 11.0h1.3v-1.2h-1.3zM82.2 11.0h1.3v-1.2h-1.3zM84.6 11.0h1.3v-1.2h-1.3zM87.0 11.0h1.3v-1.2h-1.3z%27/%3E%3C/svg%3E"); }
[data-menu="arsenal"] .menus a[data-m="histoire"], [data-menu="arsenal"] .menus a[data-m="tarifs"] { --arme: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 120 40%27%3E%3Cpath d=%27M32 9H86Q88 9 88 11V18H32ZM35 10.5h1v6h-1zM37.5 10.5h1v6h-1zM40 10.5h1v6h-1zM36 18H82V21H66Q64 21 63 23L62 25H58ZM36 18H53L48.6 36.6Q48.2 38.4 46.3 38.4H35.6Q33.6 38.4 34 36.4L38.6 21ZM53 21H66Q66 28 60.5 28H55.5L54.6 26H59.5Q62.6 26 63 23H53.6Z%27/%3E%3C/svg%3E"); --bouche: 24%; }
[data-menu="arsenal"] .menus a[data-m="photos"], [data-menu="arsenal"] .menus a[data-m="dates"] { --arme: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 120 40%27%3E%3Cpath d=%27M2 15L30 13L36 14V22L28 23Q24 23 22 26L18.5 31H6Q2 31 2 27ZM36 14H66V21H36ZM50 21L54.5 25.5L56.3 24.3L53 21ZM66 16H111V18.6H66ZM111 15H118V19.6H111ZM42 7H70V11.4H42ZM70 6.2L78 4.6V13.8L70 12.2ZM35.5 6.6L42 7.6V10.8L35.5 11.8ZM54 4H58V7H54ZM45 11H49V14H45ZM62 11H66V14H62ZM38 22H44.5L42.4 31.2H35.8ZM91.5 18.6L85.6 34.4H87.8L93.7 19.4ZM93.5 18.6L99.4 34.4H97.2L91.3 19.4ZM47 21H55V26H47Z%27/%3E%3C/svg%3E"); }
[data-menu="arsenal"] .menus a[data-m="avis"] { --arme: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 120 40%27%3E%3Cpath d=%27M8 12H24V15H11.5V22H24V25H8ZM24 10H70V20.5H24ZM70 11H86V19.5H70ZM86 13.4H95V16.6H86ZM50 20.5H57.4L60.4 34Q60.9 36.2 58.8 36.2H54.8Q53.1 36.2 52.9 34.6ZM34 20.5H40.4L38.8 30.6H32.6ZM28 7H34.5V10H28ZM78 7H80V11H78Z%27/%3E%3C/svg%3E"); --bouche: 7%; }
[data-menu="arsenal"] .menus a[data-m="terrains"] { --arme: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 120 40%27%3E%3Cpath d=%27M2 12L26 11V23L18 28H6Q2 28 2 24ZM26 9H70V22H26ZM40 6H64V9H40ZM70 11.5H100V19.5H70ZM73 13.5h3v4h-3zM79 13.5h3v4h-3zM85 13.5h3v4h-3zM91 13.5h3v4h-3zM100 14.4H112V16.8H100ZM112 13.4H117V17.8H112ZM38 22H58V33Q58 35 56 35H40Q38 35 38 33ZM28 22H34.5L32.4 32.4H25.8ZM95.5 19.5L89.6 34.4H91.8L97.7 20.3ZM97.5 19.5L103.4 34.4H101.2L95.3 20.3Z%27/%3E%3C/svg%3E"); }
[data-menu="arsenal"] .menus a[data-m="regles"] { --arme: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 120 40%27%3E%3Cpath d=%27M2 14L30 12V21L12 28H5Q2 28 2 25ZM30 11H58V21H30ZM58 12H116V15.4H58ZM58 16.6H104V19.6H58ZM70 15H96Q98 15 98 17V20.4Q98 22.4 96 22.4H70Q68 22.4 68 20.4V17Q68 15 70 15ZM38 21H46Q46 26.4 41 26.4H38ZM113 10.4h2v1.6h-2z%27/%3E%3C/svg%3E"); }
[data-menu="arsenal"] .menus a[data-m="contact"] { --arme: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 120 40%27%3E%3Cpath d=%27M8 12H24V15H11.5V22H24V25H8ZM24 10H70V20.5H24ZM70 11H86V19.5H70ZM86 13.4H95V16.6H86ZM50 20.5H57.4L60.4 34Q60.9 36.2 58.8 36.2H54.8Q53.1 36.2 52.9 34.6ZM34 20.5H40.4L38.8 30.6H32.6ZM28 7H34.5V10H28ZM78 7H80V11H78Z%27/%3E%3C/svg%3E"); --bouche: 7%; }
[data-menu="arsenal"] .menus a:hover, [data-menu="arsenal"] .menus a:focus-visible { color: #fff;
  background: linear-gradient(rgba(160,205,255,.3), rgba(160,205,255,.3)) 8px calc(100% - 34px) / calc(100% - 16px) 1px no-repeat,
    radial-gradient(ellipse 70% 55% at 50% 38%, rgba(120,175,255,.32), transparent 72%), linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.02) 62%), rgba(10,20,34,.9);
  box-shadow: inset 0 0 0 1px rgba(160,205,255,.75), inset 0 1px 0 rgba(255,255,255,.2); }
[data-menu="arsenal"] .menus a:hover::before, [data-menu="arsenal"] .menus a:focus-visible::before { transform: translateX(-4px); background: linear-gradient(180deg, #fff 0%, #e2ebf6 45%, #9fb2c8 100%); }
/* L'éclair au bout du canon, au survol. */
[data-menu="arsenal"] .menus a:not([aria-current]):not([data-m="inscriptions"]):hover::after, [data-menu="arsenal"] .menus a:not([aria-current]):not([data-m="inscriptions"]):focus-visible::after {
  content: ""; position: absolute; top: 25px; right: var(--bouche); width: 22px; height: 14px;
  background: radial-gradient(ellipse at 25% 50%, #fffbe0 0, #ffd666 26%, rgba(255,130,30,.7) 52%, transparent 72%); }
/* La page où l'on se trouve : réplique dorée, étiquette « Équipé ». */
[data-menu="arsenal"] .menus a[aria-current] { color: #ffcf9c; box-shadow: inset 0 0 0 2px #ff9f43, inset 0 1px 0 rgba(255,255,255,.15);
  background: linear-gradient(rgba(255,159,67,.4), rgba(255,159,67,.4)) 8px calc(100% - 34px) / calc(100% - 16px) 1px no-repeat,
    radial-gradient(ellipse 70% 55% at 50% 38%, rgba(255,150,50,.2), transparent 70%), linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.012) 62%), rgba(14,10,6,.85); }
[data-menu="arsenal"] .menus a[aria-current]::before { background: linear-gradient(180deg, #fff0d6 0%, #ffbf73 40%, #e07a1a 75%, #9a4a00 100%); }
[data-menu="arsenal"] .menus a[aria-current]::after { content: "Équipé"; position: absolute; top: 0; left: 0; padding: 3px 8px 2px; font-size: 10.5px; letter-spacing: .14em; color: #1d0c00; background: #ff9f43; }
/* Inscriptions : un chargeur rempli de billes. */
[data-menu="arsenal"] .menus a[data-m="inscriptions"] { color: #1d0c00; font-weight: 700;
  background: linear-gradient(rgba(60,25,0,.25), rgba(60,25,0,.25)) 8px calc(100% - 34px) / calc(100% - 16px) 1px no-repeat, linear-gradient(180deg, #ffb24d, #f07d12 70%, #d86a00);
  box-shadow: inset 0 1px 0 rgba(255,235,200,.7); }
[data-menu="arsenal"] .menus a[data-m="inscriptions"]::before { -webkit-mask: none; mask: none; left: 50%; right: auto; top: 20px; width: 126px; height: 27px; margin-left: -63px; border-radius: 999px;
  background: rgba(40,16,0,.28); box-shadow: inset 0 1px 3px rgba(0,0,0,.35); transform: none; }
[data-menu="arsenal"] .menus a[data-m="inscriptions"]::after { content: ""; position: absolute; top: 26px; left: 50%; width: 110px; height: 15px; margin-left: -55px;
  background: radial-gradient(circle 3px at 5px 4.5px, rgba(255,255,255,.95), rgba(255,255,255,0)) 0 0 / 19px 15px repeat-x,
    radial-gradient(circle 7.5px at 7.5px 7.5px, #f2f5f9 0, #c3ccd7 4px, #7c8796 7px, transparent 7.5px) 0 0 / 19px 15px repeat-x; transition: transform .2s ease; }
[data-menu="arsenal"] .menus a[data-m="inscriptions"]:hover, [data-menu="arsenal"] .menus a[data-m="inscriptions"]:focus-visible { color: #000;
  background: linear-gradient(rgba(60,25,0,.25), rgba(60,25,0,.25)) 8px calc(100% - 34px) / calc(100% - 16px) 1px no-repeat, linear-gradient(180deg, #ffc06b, #ff8a1c 70%, #e57400);
  box-shadow: inset 0 1px 0 rgba(255,235,200,.8), 0 0 0 1px #ffd9a8; }
[data-menu="arsenal"] .menus a[data-m="inscriptions"]:hover::after, [data-menu="arsenal"] .menus a[data-m="inscriptions"]:focus-visible::after { transform: translateX(4px); }
@container menu (max-width: 1150px) { [data-menu="arsenal"] .menus a { letter-spacing: .06em; font-size: 12.5px; } }
@container menu (max-width: 980px) {
  [data-menu="arsenal"] .menus { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; padding: 14px 8px 16px; }
  [data-menu="arsenal"] .menus a[data-m="inscriptions"] { grid-column: 1 / -1; }
  [data-menu="arsenal"] .menus a { height: 76px; padding: 0 3px 8px; font-size: 11px; letter-spacing: .04em;
    background-position: 5px calc(100% - 27px), 0 0, 0 0, 0 0; background-size: calc(100% - 10px) 1px, auto, auto, auto; }
  [data-menu="arsenal"] .menus a::before { top: 8px; height: 32px; left: 5%; right: 5%; }
  [data-menu="arsenal"] .menus a:not([aria-current]):not([data-m="inscriptions"]):hover::after { top: 17px; width: 14px; height: 10px; }
  [data-menu="arsenal"] .menus a[aria-current]::after { font-size: 8.5px; padding: 2px 5px 1px; letter-spacing: .08em; }
  [data-menu="arsenal"] .menus a[data-m="inscriptions"]::before { top: 13px; width: 74px; height: 18px; margin-left: -37px; }
  [data-menu="arsenal"] .menus a[data-m="inscriptions"]::after { top: 17px; width: 64px; height: 10px; margin-left: -32px;
    background: radial-gradient(circle 2px at 3.5px 3px, rgba(255,255,255,.95), rgba(255,255,255,0)) 0 0 / 11px 10px repeat-x,
      radial-gradient(circle 5px at 5px 5px, #f2f5f9 0, #c3ccd7 2.5px, #7c8796 4.6px, transparent 5px) 0 0 / 11px 10px repeat-x; }
}

/* ==========================================================================
   3. TABLEAU DE BORD TACTIQUE : barre en verre fumé, une icône par rubrique, une bille qui roule sous celle qu'on vise.
   ========================================================================== */
[data-menu="tactique"] .menus { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)) 1.3fr; margin: 16px clamp(10px, 2.4vw, 30px) 18px; border-radius: 14px; overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.018)); box-shadow: inset 0 0 0 1px rgba(150,190,240,.2), inset 0 1px 0 rgba(255,255,255,.12), 0 14px 32px rgba(0,0,0,.5); }
[data-menu="tactique"] .menus a { display: flex; flex-direction: column; align-items: center; gap: 9px; padding: 17px 4px 21px; --ico: none;
  background: linear-gradient(rgba(150,190,240,.14), rgba(150,190,240,.14)) 50% calc(100% - 9px) / 52% 2px no-repeat;
  box-shadow: inset 1px 0 0 rgba(150,190,240,.12);
  font-weight: 600; font-size: 14.5px; line-height: 1.1; letter-spacing: .17em; text-transform: uppercase; text-align: center; color: #b9c8dd; transition: color .2s ease, background-color .2s ease; }
[data-menu="tactique"] .menus a::before { content: ""; display: block; width: 30px; height: 30px; background: currentColor;
  -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; transition: transform .2s ease; }
[data-menu="tactique"] .menus a[data-m="accueil"] { --ico: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cg fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 20h18M5.5 20 12 6.5 18.5 20M9.8 20 12 15l2.2 5%27/%3E%3Cpath d=%27M12 6.5V3.5l3 1.2-3 1.2%27/%3E%3C/g%3E%3C/svg%3E"); }
[data-menu="tactique"] .menus a[data-m="histoire"] { --ico: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cg fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 2.8 19.5 5.4v6.4c0 4.5-3.1 7.9-7.5 9.4-4.4-1.5-7.5-4.9-7.5-9.4V5.4z%27/%3E%3Cpath d=%27m8.2 8.6 3.8 2.3 3.8-2.3M8.2 12.4l3.8 2.3 3.8-2.3%27/%3E%3C/g%3E%3C/svg%3E"); }
[data-menu="tactique"] .menus a[data-m="photos"] { --ico: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cg fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3.5 8.5v-3a2 2 0 0 1 2-2h3M15.5 3.5h3a2 2 0 0 1 2 2v3M20.5 15.5v3a2 2 0 0 1-2 2h-3M8.5 20.5h-3a2 2 0 0 1-2-2v-3%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%273.4%27/%3E%3Cpath d=%27M12 6.6v2M12 15.4v2M6.6 12h2M15.4 12h2%27/%3E%3Ccircle cx=%2717.6%27 cy=%276.4%27 r=%27.9%27 fill=%27%23000%27 stroke=%27none%27/%3E%3C/g%3E%3C/svg%3E"); }
[data-menu="tactique"] .menus a[data-m="avis"] { --ico: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cg fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%276%27 y=%278%27 width=%279.5%27 height=%2713%27 rx=%272%27/%3E%3Cpath d=%27M8.2 8V2.8%27/%3E%3Cpath d=%27M8.5 11.4h4.5M8.5 13.6h4.5%27/%3E%3Crect x=%278.5%27 y=%2716%27 width=%274.5%27 height=%272.8%27 rx=%27.7%27/%3E%3Cpath d=%27M18.2 7a4.2 4.2 0 0 1 0 5.6M20.6 4.8a7.4 7.4 0 0 1 0 10%27/%3E%3C/g%3E%3C/svg%3E"); }
[data-menu="tactique"] .menus a[data-m="terrains"] { --ico: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cg fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%278.5%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%274.4%27/%3E%3Cpath d=%27M12 12 18 6a8.5 8.5 0 0 1 2.5 6z%27 fill=%27%23000%27 fill-opacity=%27.3%27 stroke=%27none%27/%3E%3Cpath d=%27M12 12 18 6%27/%3E%3Ccircle cx=%2715%27 cy=%2715.2%27 r=%271.15%27 fill=%27%23000%27 stroke=%27none%27/%3E%3Ccircle cx=%278.2%27 cy=%278.6%27 r=%27.8%27 fill=%27%23000%27 stroke=%27none%27 opacity=%27.6%27/%3E%3C/g%3E%3C/svg%3E"); }
[data-menu="tactique"] .menus a[data-m="regles"] { --ico: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cg fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3.9 16.8a8.6 8.6 0 1 1 16.2 0%27/%3E%3Cpath d=%27M12 5.3v1.9M6.4 7.6l1.3 1.3M17.6 7.6l-1.3 1.3M4.4 12.8h1.9M17.7 12.8h1.9%27/%3E%3Cpath d=%27M12 14.6 15.6 9.6%27/%3E%3Ccircle cx=%2712%27 cy=%2714.6%27 r=%271.5%27/%3E%3Cpath d=%27M7.5 20h9%27/%3E%3C/g%3E%3C/svg%3E"); }
[data-menu="tactique"] .menus a[data-m="tarifs"] { --ico: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cg fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%276.4%27 cy=%2718.4%27 r=%272.3%27/%3E%3Ccircle cx=%2712%27 cy=%2718.4%27 r=%272.3%27/%3E%3Ccircle cx=%2717.6%27 cy=%2718.4%27 r=%272.3%27/%3E%3Ccircle cx=%279.2%27 cy=%2713.5%27 r=%272.3%27/%3E%3Ccircle cx=%2714.8%27 cy=%2713.5%27 r=%272.3%27/%3E%3Ccircle cx=%2712%27 cy=%278.6%27 r=%272.3%27/%3E%3Cpath d=%27M17.4 4.6l1.1-1.1M19.2 7.2h1.5M15.4 3.6V2.2%27 opacity=%27.8%27/%3E%3C/g%3E%3C/svg%3E"); }
[data-menu="tactique"] .menus a[data-m="dates"] { --ico: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cg fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273.5%27 y=%275%27 width=%2717%27 height=%2715.5%27 rx=%272.5%27/%3E%3Cpath d=%27M3.5 10h17M8 3v4M16 3v4M8 14h2M13 14h3M8 17h2%27/%3E%3C/g%3E%3C/svg%3E"); }
[data-menu="tactique"] .menus a[data-m="joueurs"] { --ico: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cg fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M7.3 10.2a4.7 4.7 0 0 1 9.4 0v.7H7.3z%27/%3E%3Cpath d=%27M16.7 8.6h1.4%27/%3E%3Crect x=%277.8%27 y=%2710.9%27 width=%278.4%27 height=%272.6%27 rx=%271.3%27/%3E%3Cpath d=%27M9 13.7v1a3 3 0 0 0 6 0v-1%27/%3E%3Cpath d=%27M4.4 21a7.6 7.6 0 0 1 15.2 0%27/%3E%3Cpath d=%27M9.2 18.2l.7 2.8M14.8 18.2l-.7 2.8%27/%3E%3C/g%3E%3C/svg%3E"); }
[data-menu="tactique"] .menus a[data-m="contact"] { --ico: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cg fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273.5%27 y=%276%27 width=%2717%27 height=%2712.5%27 rx=%272.2%27/%3E%3Cpath d=%27m4.2 7.2 7.8 6 7.8-6%27/%3E%3Cpath d=%27M4.5 17.6 10 12.6M19.5 17.6 14 12.6%27/%3E%3C/g%3E%3C/svg%3E"); }
[data-menu="tactique"] .menus a[data-m="inscriptions"] { --ico: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cg fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%278.5%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%274.8%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%271.7%27 fill=%27%23000%27/%3E%3Cpath d=%27M12 1.5v3M12 19.5v3M1.5 12h3M19.5 12h3%27/%3E%3C/g%3E%3C/svg%3E"); }
[data-menu="tactique"] .menus a:hover, [data-menu="tactique"] .menus a:focus-visible { color: #fff;
  background: linear-gradient(90deg, rgba(255,50,50,0), rgba(255,60,60,.85) 60%, #c8e1ff) 50% calc(100% - 9px) / 52% 2px no-repeat, linear-gradient(180deg, rgba(90,150,255,.16), rgba(90,150,255,0)); }
[data-menu="tactique"] .menus a:hover::before, [data-menu="tactique"] .menus a:focus-visible::before { transform: translateY(-2px) scale(1.08); }
[data-menu="tactique"] .menus a:hover::after, [data-menu="tactique"] .menus a:focus-visible::after { content: ""; position: absolute; right: calc(24% - 6px); bottom: 5px; width: 10px; height: 10px; border-radius: 50%;
  background: radial-gradient(circle at 34% 30%, #fff 0, #eef4ff 30%, #a9c4ee 100%); box-shadow: 0 0 10px 2px rgba(150,200,255,.9); }
[data-menu="tactique"] .menus a[aria-current] { color: #ffb066;
  background: linear-gradient(90deg, rgba(255,159,67,.15), #ff9f43, rgba(255,159,67,.15)) 50% calc(100% - 9px) / 52% 2px no-repeat, linear-gradient(180deg, rgba(255,150,50,.14), rgba(255,150,50,0)); }
[data-menu="tactique"] .menus a[aria-current]::after { content: ""; position: absolute; left: 50%; bottom: 5px; width: 10px; height: 10px; margin-left: -5px; border-radius: 50%;
  background: radial-gradient(circle at 34% 30%, #fffbe8 0, #ffcf6e 30%, #f07d12 100%); box-shadow: 0 0 10px 3px rgba(255,140,30,.8); }
[data-menu="tactique"] .menus a[data-m="inscriptions"] { color: #2a1200; font-weight: 700; background: linear-gradient(rgba(60,25,0,.25), rgba(60,25,0,.25)) 50% calc(100% - 9px) / 52% 2px no-repeat, linear-gradient(180deg, #ffb24d, #f07d12); box-shadow: none; }
[data-menu="tactique"] .menus a[data-m="inscriptions"]:hover, [data-menu="tactique"] .menus a[data-m="inscriptions"]:focus-visible { color: #000; background: linear-gradient(rgba(60,25,0,.4), rgba(60,25,0,.4)) 50% calc(100% - 9px) / 52% 2px no-repeat, linear-gradient(180deg, #ffc06b, #ff8a1c); }
[data-menu="tactique"] .menus a[data-m="inscriptions"]:hover::after { background: radial-gradient(circle at 34% 30%, #fff 0, #f0f3f7 30%, #9aa6b4 100%); box-shadow: 0 2px 4px rgba(0,0,0,.4); }
@container menu (max-width: 1150px) { [data-menu="tactique"] .menus a { letter-spacing: .08em; font-size: 13.5px; } }
@container menu (max-width: 980px) {
  [data-menu="tactique"] .menus { grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 12px 8px 14px; border-radius: 12px; }
  [data-menu="tactique"] .menus a[data-m="inscriptions"] { grid-column: 1 / -1; }
  [data-menu="tactique"] .menus a { gap: 6px; padding: 12px 2px 16px; font-size: 11px; letter-spacing: .05em; box-shadow: inset 1px 0 0 rgba(150,190,240,.12), inset 0 1px 0 rgba(150,190,240,.08); }
  [data-menu="tactique"] .menus a::before { width: 23px; height: 23px; }
}

/* ==========================================================================
   THÈMES DE FÊTE (sur la trajectoire). Chacun change les couleurs, les billes, la cible et le décor.
   ========================================================================== */
[data-fete] .menus a::before { background-repeat: no-repeat; }

/* ---------- Halloween : citrouilles, toile d'araignée, chauves-souris ---------- */
[data-fete="halloween"] .menus {
  --fond: #12081f; --bord: rgba(255,138,28,.5);
  --zone: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 200 70%27%3E%3Cg fill=%27none%27 stroke=%27rgba%28230,220,255,.28%29%27 stroke-width=%27.8%27%3E%3Cpath d=%27M0 0 60 34M0 0 34 60M0 0 64 0M0 0 0 64%27/%3E%3Cpath d=%27M14 0q-3 6-14 8M28 0q-4 13-28 16M44 0q-6 22-44 28M58 0q-8 30-58 40%27/%3E%3C/g%3E%3Cg fill=%27rgba%285,0,12,.75%29%27%3E%3Cpath transform=%27translate%2896 12%29 rotate%28-8%29 scale%281.4%29%27 d=%27M0 4 4 2l3 1 2-2 1 2 2-.8 2 .8 1-2 2 2 3-1 4 2-3 .5-2 2.5-3-1.5-2 2.5-2-1.5-2 1.5-2-2.5-3 1.5-2-2.5z%27/%3E%3Cpath transform=%27translate%28140 30%29 rotate%2810%29 scale%281%29%27 d=%27M0 4 4 2l3 1 2-2 1 2 2-.8 2 .8 1-2 2 2 3-1 4 2-3 .5-2 2.5-3-1.5-2 2.5-2-1.5-2 1.5-2-2.5-3 1.5-2-2.5z%27/%3E%3Cpath transform=%27translate%28122 46%29 rotate%28-4%29 scale%280.8%29%27 d=%27M0 4 4 2l3 1 2-2 1 2 2-.8 2 .8 1-2 2 2 3-1 4 2-3 .5-2 2.5-3-1.5-2 2.5-2-1.5-2 1.5-2-2.5-3 1.5-2-2.5z%27/%3E%3C/g%3E%3C/svg%3E") 0 0 / 200px 70px no-repeat, url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 140 60%27%3E%3Cg fill=%27rgba%285,0,12,.75%29%27%3E%3Cpath transform=%27translate%2810 10%29 rotate%286%29 scale%281.2%29%27 d=%27M0 4 4 2l3 1 2-2 1 2 2-.8 2 .8 1-2 2 2 3-1 4 2-3 .5-2 2.5-3-1.5-2 2.5-2-1.5-2 1.5-2-2.5-3 1.5-2-2.5z%27/%3E%3Cpath transform=%27translate%2856 28%29 rotate%28-10%29 scale%280.9%29%27 d=%27M0 4 4 2l3 1 2-2 1 2 2-.8 2 .8 1-2 2 2 3-1 4 2-3 .5-2 2.5-3-1.5-2 2.5-2-1.5-2 1.5-2-2.5-3 1.5-2-2.5z%27/%3E%3Cpath transform=%27translate%2896 8%29 rotate%284%29 scale%280.7%29%27 d=%27M0 4 4 2l3 1 2-2 1 2 2-.8 2 .8 1-2 2 2 3-1 4 2-3 .5-2 2.5-3-1.5-2 2.5-2-1.5-2 1.5-2-2.5-3 1.5-2-2.5z%27/%3E%3C/g%3E%3C/svg%3E") 98% 4px / 140px 60px no-repeat, radial-gradient(ellipse 50% 90% at 88% 0%, rgba(255,120,0,.2), transparent 70%), radial-gradient(ellipse 60% 120% at 10% 100%, rgba(140,60,255,.18), transparent 70%), #12081f;
  --fil: linear-gradient(rgba(255,140,40,.55), rgba(255,140,40,.55));
  --bille: linear-gradient(#3f6b1a, #3f6b1a) 50% 0 / 3px 5px no-repeat, repeating-linear-gradient(90deg, transparent 0 4px, rgba(90,30,0,.35) 4px 5px), radial-gradient(circle at 40% 35%, #ffc46b 0, #ff8a1c 45%, #c94f00 80%, #7a2d00 100%);
  --anneau: rgba(255,140,40,.35);
  --bille-survol: linear-gradient(#5c9a26, #5c9a26) 50% 0 / 3px 5px no-repeat, repeating-linear-gradient(90deg, transparent 0 4px, rgba(90,30,0,.3) 4px 5px), radial-gradient(circle at 40% 35%, #ffe0a3 0, #ffa040 45%, #e06000 85%);
  --anneau-survol: #c08bff; --lueur-survol: rgba(170,80,255,.8);
  --trainee: linear-gradient(90deg, rgba(150,60,255,0), rgba(170,80,255,.85) 55%, #ffd27a); --trainee-lueur: rgba(170,80,255,.65);
  --bille-ici: linear-gradient(#5c9a26, #5c9a26) 50% 0 / 3px 5px no-repeat, repeating-linear-gradient(90deg, transparent 0 4px, rgba(120,50,0,.3) 4px 5px), radial-gradient(circle at 50% 58%, #fff6a8 0, #ffd23f 28%, #ff8a1c 62%, #b84700 100%);
  --anneau-ici: #ffb347; --halo-ici: rgba(170,80,255,.6); --lueur-ici: rgba(255,190,40,.7);
  --txt: #d9c8f0; --txt-ici: #ffc46b;
  --cible: radial-gradient(circle, transparent 0 8px, rgba(230,220,255,.65) 8.5px 9.3px, transparent 9.8px 15px, rgba(230,220,255,.55) 15.5px 16.3px, transparent 16.8px 22px, rgba(230,220,255,.45) 22.5px 23.3px, transparent 23.8px 27.5px, var(--fond) 28px),
    repeating-conic-gradient(rgba(230,220,255,.5) 0 1.4deg, transparent 1.4deg 45deg), var(--fond);
  --cible-coeur: linear-gradient(#3f6b1a, #3f6b1a) 50% 0 / 2px 3px no-repeat, radial-gradient(circle at 40% 40%, #ffd27a 0, #ff8a1c 55%, #b84700 100%); --cible-lueur: rgba(255,140,30,.8);
  --salut-fond: linear-gradient(90deg, #ff8a1c, #b14cff); --salut-txt: #1a0726;
}
[data-fete="halloween"] .menus a::before { width: 26px; margin-left: -13px; border-radius: 50% / 46% 46% 54% 54%; }
[data-fete="halloween"] .menus a[data-m="inscriptions"]::before { width: 58px; margin-left: -29px; border-radius: 50%; }

/* ---------- Noël : guirlande lumineuse, boules de Noël, étoile ---------- */
[data-fete="noel"] .menus {
  --fond: #07151d; --bord: rgba(226,190,90,.55);
  --zone: radial-gradient(circle at 20% 30%, rgba(255,255,255,.75) 0 1.2px, transparent 1.7px) 0 0 / 46px 38px, radial-gradient(circle at 70% 60%, rgba(255,255,255,.5) 0 1px, transparent 1.5px) 0 0 / 31px 27px,
    radial-gradient(circle at 40% 80%, rgba(255,255,255,.3) 0 1.8px, transparent 2.3px) 0 0 / 67px 53px, radial-gradient(ellipse 60% 100% at 50% 0%, rgba(40,120,90,.25), transparent 70%), #07151d;
  --fil: radial-gradient(circle, #ff4d4d 0 2px, transparent 2.6px) 0 0 / 24px 6px repeat-x, radial-gradient(circle, #5cff8a 0 2px, transparent 2.6px) 8px 0 / 24px 6px repeat-x,
    radial-gradient(circle, #ffd84a 0 2px, transparent 2.6px) 16px 0 / 24px 6px repeat-x, linear-gradient(rgba(226,190,90,.75), rgba(226,190,90,.75)) 0 2px / 100% 2px no-repeat;
  --bouboule: radial-gradient(circle at 34% 30%, #ffd0d0 0, #ff4b4b 25%, #b40f1f 70%, #6d0611 100%);
  --anneau: rgba(226,190,90,.45);
  --bille-survol: linear-gradient(#fff0b8, #c9a23a) 50% 0 / 6px 4px no-repeat, radial-gradient(circle at 34% 30%, #fff 0, #fff3cf 30%, #ffd15c 65%, #b88a12 100%);
  --anneau-survol: #ffe08a; --lueur-survol: rgba(255,215,100,.75);
  --trainee: linear-gradient(90deg, rgba(255,215,100,0), rgba(255,215,100,.9) 60%, #fff); --trainee-lueur: rgba(255,215,100,.6);
  --bille-ici: linear-gradient(#fff0b8, #c9a23a) 50% 0 / 6px 4px no-repeat, radial-gradient(circle at 34% 30%, #fff 0, #fff7dc 25%, #ffd84a 60%, #c8920a 100%);
  --anneau-ici: #ffe08a; --halo-ici: rgba(255,224,138,.5); --lueur-ici: rgba(255,220,120,.8);
  --txt: #e3ecef; --txt-ici: #ffe08a;
  --cible: radial-gradient(circle at 50% 55%, #fffbe6 0, #ffe27a 30%, #e3b021 62%, #9c6f06 100%);
  --cible-coeur: radial-gradient(circle, #fff 0, rgba(255,255,255,.6) 40%, rgba(255,255,255,0) 70%); --cible-lueur: rgba(255,230,140,.9);
  --salut-fond: linear-gradient(90deg, #c4121f, #e8b830); --salut-txt: #fff;
}
[data-fete="noel"] .menus a { --bille: linear-gradient(#f2d27a, #9a7720) 50% 0 / 6px 4px no-repeat, var(--bouboule); background: var(--fil); background-position: 0 17px, 8px 17px, 16px 17px, 0 19px; }
[data-fete="noel"] .menus a[data-m="histoire"], [data-fete="noel"] .menus a[data-m="terrains"], [data-fete="noel"] .menus a[data-m="dates"] { --bouboule: radial-gradient(circle at 34% 30%, #fff8d6 0, #ffd84a 25%, #c08a12 70%, #6d4b05 100%); }
[data-fete="noel"] .menus a[data-m="photos"], [data-fete="noel"] .menus a[data-m="regles"], [data-fete="noel"] .menus a[data-m="joueurs"] { --bouboule: radial-gradient(circle at 34% 30%, #d6ffe2 0, #2fbf5c 25%, #127a34 70%, #073d1a 100%); }
[data-fete="noel"] .menus a[data-m="inscriptions"] { background: linear-gradient(rgba(226,190,90,.75), rgba(226,190,90,.75)) 0 19px / 50% 2px no-repeat; }
[data-fete="noel"] .menus a[data-m="inscriptions"]::before { clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); border-radius: 0; }
[data-fete="noel"] .menus a[data-m="inscriptions"]::after { top: 15px; }

/* ---------- Nouvel An : paillettes d'or, feu d'artifice ---------- */
[data-fete="nouvel-an"] .menus {
  --fond: #070a14; --bord: rgba(232,200,120,.55);
  --zone: radial-gradient(circle at 15% 25%, rgba(255,215,110,.8) 0 1.3px, transparent 1.8px) 0 0 / 53px 41px, radial-gradient(circle at 60% 70%, rgba(255,255,255,.6) 0 1px, transparent 1.5px) 0 0 / 37px 29px,
    radial-gradient(circle at 80% 20%, rgba(255,120,200,.55) 0 1.2px, transparent 1.7px) 0 0 / 71px 47px, radial-gradient(circle at 35% 85%, rgba(120,200,255,.5) 0 1.2px, transparent 1.7px) 0 0 / 61px 59px, #070a14;
  --fil: linear-gradient(rgba(232,200,120,.6), rgba(232,200,120,.6));
  --bille: radial-gradient(circle at 34% 30%, #fffbe6 0, #ffe7a3 20%, #d9aa3a 55%, #8a6512 100%);
  --anneau: rgba(232,200,120,.4);
  --bille-survol: radial-gradient(circle at 34% 30%, #fff 0, #fff6d8 35%, #f0c860 70%, #a07818 100%); --anneau-survol: #fff1c4; --lueur-survol: rgba(255,225,140,.8);
  --trainee: linear-gradient(90deg, rgba(255,215,110,0), rgba(255,215,110,.9) 60%, #fff); --trainee-lueur: rgba(255,215,110,.55);
  --bille-ici: radial-gradient(circle at 34% 30%, #fff 0, #fffbe8 35%, #ffe08a 70%, #c99a2a 100%); --anneau-ici: #fff1c4; --halo-ici: rgba(255,241,196,.5); --lueur-ici: rgba(255,230,150,.8);
  --txt: #e9e2cc; --txt-ici: #ffe39a;
  --cible: radial-gradient(circle, rgba(7,10,20,0) 0 9px, rgba(7,10,20,.85) 26px, var(--fond) 28px), repeating-conic-gradient(rgba(255,214,106,.95) 0 3deg, transparent 3deg 22.5deg), var(--fond);
  --cible-coeur: radial-gradient(circle at 40% 40%, #fff 0, #ffe7a3 45%, #d9aa3a 100%); --cible-lueur: rgba(255,225,140,.95);
  --salut-fond: linear-gradient(90deg, #e8c25a, #fff1c4, #e8c25a); --salut-txt: #2a1d00;
}

/* ---------- Saint-Valentin : cœurs ---------- */
[data-fete="st-valentin"] .menus {
  --fond: #1a0612; --bord: rgba(255,90,140,.55);
  --zone: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 120 60%27%3E%3Cpath transform=%27translate%288 8%29 scale%280.5%29%27 fill=%27rgba%28255,110,160,0.14%29%27 d=%27M12 21.5C5 16 1.5 12.2 1.5 7.6A5.3 5.3 0 0 1 12 5.2a5.3 5.3 0 0 1 10.5 2.4c0 4.6-3.5 8.4-10.5 13.9z%27/%3E%3Cpath transform=%27translate%2870 30%29 scale%280.35%29%27 fill=%27rgba%28255,110,160,0.1%29%27 d=%27M12 21.5C5 16 1.5 12.2 1.5 7.6A5.3 5.3 0 0 1 12 5.2a5.3 5.3 0 0 1 10.5 2.4c0 4.6-3.5 8.4-10.5 13.9z%27/%3E%3Cpath transform=%27translate%2896 4%29 scale%280.3%29%27 fill=%27rgba%28255,110,160,0.08%29%27 d=%27M12 21.5C5 16 1.5 12.2 1.5 7.6A5.3 5.3 0 0 1 12 5.2a5.3 5.3 0 0 1 10.5 2.4c0 4.6-3.5 8.4-10.5 13.9z%27/%3E%3C/svg%3E") 0 0 / 120px 60px repeat, radial-gradient(ellipse 60% 100% at 50% 0%, rgba(255,60,120,.18), transparent 70%), #1a0612;
  --fil: linear-gradient(rgba(255,110,160,.55), rgba(255,110,160,.55));
  --bille: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 22%27%3E%3Cdefs%3E%3CradialGradient id=%27g%27 cx=%27.35%27 cy=%27.3%27 r=%27.85%27%3E%3Cstop offset=%270%27 stop-color=%27%23ffc2d4%27/%3E%3Cstop offset=%271%27 stop-color=%27%23ff4d7d%27/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill=%27url%28%23g%29%27 d=%27M12 21.5C5 16 1.5 12.2 1.5 7.6A5.3 5.3 0 0 1 12 5.2a5.3 5.3 0 0 1 10.5 2.4c0 4.6-3.5 8.4-10.5 13.9z%27/%3E%3Cellipse cx=%277.2%27 cy=%277.4%27 rx=%272.4%27 ry=%271.6%27 fill=%27rgba%28255,255,255,.6%29%27 transform=%27rotate%28-30 7.2 7.4%29%27/%3E%3C/svg%3E") center / contain no-repeat;
  --bille-survol: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 22%27%3E%3Cdefs%3E%3CradialGradient id=%27g%27 cx=%27.35%27 cy=%27.3%27 r=%27.85%27%3E%3Cstop offset=%270%27 stop-color=%27%23ffe3ec%27/%3E%3Cstop offset=%271%27 stop-color=%27%23ff7fa3%27/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill=%27url%28%23g%29%27 d=%27M12 21.5C5 16 1.5 12.2 1.5 7.6A5.3 5.3 0 0 1 12 5.2a5.3 5.3 0 0 1 10.5 2.4c0 4.6-3.5 8.4-10.5 13.9z%27/%3E%3Cellipse cx=%277.2%27 cy=%277.4%27 rx=%272.4%27 ry=%271.6%27 fill=%27rgba%28255,255,255,.6%29%27 transform=%27rotate%28-30 7.2 7.4%29%27/%3E%3C/svg%3E") center / contain no-repeat;
  --bille-ici: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 22%27%3E%3Cdefs%3E%3CradialGradient id=%27g%27 cx=%27.35%27 cy=%27.3%27 r=%27.85%27%3E%3Cstop offset=%270%27 stop-color=%27%23ff9ab4%27/%3E%3Cstop offset=%271%27 stop-color=%27%23e0004a%27/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill=%27url%28%23g%29%27 d=%27M12 21.5C5 16 1.5 12.2 1.5 7.6A5.3 5.3 0 0 1 12 5.2a5.3 5.3 0 0 1 10.5 2.4c0 4.6-3.5 8.4-10.5 13.9z%27/%3E%3Cellipse cx=%277.2%27 cy=%277.4%27 rx=%272.4%27 ry=%271.6%27 fill=%27rgba%28255,255,255,.6%29%27 transform=%27rotate%28-30 7.2 7.4%29%27/%3E%3C/svg%3E") center / contain no-repeat;
  --trainee: linear-gradient(90deg, rgba(255,90,140,0), rgba(255,90,140,.85) 60%, #ffd6e4); --trainee-lueur: rgba(255,90,140,.6);
  --txt: #f3d3df; --txt-ici: #ff9ab9;
  --cible: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 62 60%27%3E%3Cdefs%3E%3CradialGradient id=%27g%27 cx=%27.35%27 cy=%27.3%27 r=%27.85%27%3E%3Cstop offset=%270%27 stop-color=%27%23ffb3c9%27/%3E%3Cstop offset=%27.55%27 stop-color=%27%23ff2d6f%27/%3E%3Cstop offset=%271%27 stop-color=%27%23a3003a%27/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d=%27M4 52 58 10%27 stroke=%27%23e8c25a%27 stroke-width=%272.2%27/%3E%3Cpath d=%27M58 10l-9 1 2 2-1 3z%27 fill=%27%23e8c25a%27/%3E%3Cpath d=%27M4 52l5-1-2-2 1-3z%27 fill=%27%23e8c25a%27/%3E%3Cpath fill=%27url%28%23g%29%27 d=%27M31 54C16 42 8 34 8 24a11 11 0 0 1 23-5 11 11 0 0 1 23 5c0 10-8 18-23 30z%27/%3E%3Cellipse cx=%2720%27 cy=%2722%27 rx=%274.5%27 ry=%273%27 fill=%27rgba%28255,255,255,.55%29%27 transform=%27rotate%28-30 20 22%29%27/%3E%3Cpath d=%27M31 33 42 24%27 stroke=%27%23e8c25a%27 stroke-width=%272.2%27/%3E%3C/svg%3E") center / contain no-repeat;
  --cible-coeur: transparent; --cible-lueur: transparent;
  --salut-fond: linear-gradient(90deg, #ff4d7d, #ff9ab9); --salut-txt: #2a0012;
}
[data-fete="st-valentin"] .menus a::before { width: 24px; height: 22px; margin-left: -12px; border-radius: 0; box-shadow: none; filter: drop-shadow(0 2px 3px rgba(0,0,0,.6)); }
[data-fete="st-valentin"] .menus a:hover::before, [data-fete="st-valentin"] .menus a:focus-visible::before { box-shadow: none; filter: drop-shadow(0 0 8px rgba(255,120,170,.95)); transform: scale(1.18); }
[data-fete="st-valentin"] .menus a[aria-current]::before { box-shadow: none; filter: drop-shadow(0 0 10px rgba(255,40,100,.95)); transform: scale(1.15); }
[data-fete="st-valentin"] .menus a[data-m="inscriptions"]::before { top: -11px; width: 62px; height: 60px; margin-left: -31px; filter: drop-shadow(0 0 12px rgba(255,60,120,.7)); }
[data-fete="st-valentin"] .menus a[data-m="inscriptions"]::after { display: none; }

/* ---------- Printemps : fleurs, pétales ---------- */
[data-fete="printemps"] .menus {
  --fond: #0a1c12; --bord: rgba(140,220,120,.5);
  --zone: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 160 70%27%3E%3Cellipse cx=%2720%27 cy=%2714%27 rx=%274%27 ry=%272%27 transform=%27rotate%2830 20 14%29%27 fill=%27rgba%28255,170,200,.22%29%27/%3E%3Cellipse cx=%2790%27 cy=%2740%27 rx=%274%27 ry=%272%27 transform=%27rotate%28-20 90 40%29%27 fill=%27rgba%28255,255,255,.14%29%27/%3E%3Cellipse cx=%27140%27 cy=%2718%27 rx=%274%27 ry=%272%27 transform=%27rotate%2860 140 18%29%27 fill=%27rgba%28255,200,220,.18%29%27/%3E%3Cellipse cx=%2754%27 cy=%2758%27 rx=%274%27 ry=%272%27 transform=%27rotate%2810 54 58%29%27 fill=%27rgba%28255,170,200,.14%29%27/%3E%3C/svg%3E") 0 0 / 160px 70px repeat, radial-gradient(ellipse 60% 100% at 50% 0%, rgba(140,220,120,.16), transparent 70%), #0a1c12;
  --fil: linear-gradient(rgba(140,220,120,.6), rgba(140,220,120,.6));
  --fleur: radial-gradient(circle at 34% 30%, #fff 0, #ffd9e6 22%, #ff8fb5 62%, #c2456f 100%);
  --anneau: rgba(140,220,120,.4);
  --bille-survol: radial-gradient(circle at 34% 30%, #fff 0, #fffbe0 35%, #ffe066 70%, #c9a000 100%); --anneau-survol: #c8f5b0; --lueur-survol: rgba(170,240,140,.75);
  --trainee: linear-gradient(90deg, rgba(140,220,120,0), rgba(140,220,120,.85) 60%, #f4ffe8); --trainee-lueur: rgba(140,220,120,.55);
  --bille-ici: radial-gradient(circle at 34% 30%, #fff 0, #fff4b8 30%, #ffd22e 65%, #c99400 100%); --anneau-ici: #ffe066; --halo-ici: rgba(255,143,181,.6); --lueur-ici: rgba(255,224,102,.75);
  --txt: #dff2d8; --txt-ici: #ffe680;
  --cible: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 58 58%27%3E%3Cdefs%3E%3CradialGradient id=%27p%27 cx=%27.5%27 cy=%27.85%27 r=%27.9%27%3E%3Cstop offset=%270%27 stop-color=%27%23ffd6e4%27/%3E%3Cstop offset=%271%27 stop-color=%27%23ff6f9f%27/%3E%3C/radialGradient%3E%3CradialGradient id=%27c%27 cx=%27.4%27 cy=%27.35%27 r=%27.7%27%3E%3Cstop offset=%270%27 stop-color=%27%23fff6b0%27/%3E%3Cstop offset=%271%27 stop-color=%27%23f0a800%27/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse cx=%2729%27 cy=%2715%27 rx=%278%27 ry=%2712%27 transform=%27rotate%280 29 29%29%27 fill=%27url%28%23p%29%27/%3E%3Cellipse cx=%2729%27 cy=%2715%27 rx=%278%27 ry=%2712%27 transform=%27rotate%2872 29 29%29%27 fill=%27url%28%23p%29%27/%3E%3Cellipse cx=%2729%27 cy=%2715%27 rx=%278%27 ry=%2712%27 transform=%27rotate%28144 29 29%29%27 fill=%27url%28%23p%29%27/%3E%3Cellipse cx=%2729%27 cy=%2715%27 rx=%278%27 ry=%2712%27 transform=%27rotate%28216 29 29%29%27 fill=%27url%28%23p%29%27/%3E%3Cellipse cx=%2729%27 cy=%2715%27 rx=%278%27 ry=%2712%27 transform=%27rotate%28288 29 29%29%27 fill=%27url%28%23p%29%27/%3E%3Ccircle cx=%2729%27 cy=%2729%27 r=%277.5%27 fill=%27url%28%23c%29%27/%3E%3C/svg%3E") center / contain no-repeat, var(--fond); --cible-coeur: transparent; --cible-lueur: rgba(255,224,102,.0);
  --salut-fond: linear-gradient(90deg, #7ed957, #ffb3cf); --salut-txt: #0d2a12;
}
[data-fete="printemps"] .menus a[data-m="histoire"], [data-fete="printemps"] .menus a[data-m="terrains"], [data-fete="printemps"] .menus a[data-m="dates"] { --fleur: radial-gradient(circle at 34% 30%, #fff 0, #fff6c2 22%, #ffd84a 62%, #b88e00 100%); }
[data-fete="printemps"] .menus a[data-m="photos"], [data-fete="printemps"] .menus a[data-m="regles"], [data-fete="printemps"] .menus a[data-m="joueurs"] { --fleur: radial-gradient(circle at 34% 30%, #fff 0, #dcffee 22%, #7fe3b0 62%, #2a9a63 100%); }
[data-fete="printemps"] .menus a { --bille: var(--fleur); }
[data-fete="printemps"] .menus a[data-m="inscriptions"]::after { display: none; }

/* ---------- Pâques : œufs peints, œuf d'or ---------- */
[data-fete="paques"] .menus {
  --fond: #0c1f2b; --bord: rgba(255,214,140,.5);
  --zone: radial-gradient(circle at 20% 40%, rgba(255,182,213,.35) 0 1.6px, transparent 2.2px) 0 0 / 58px 44px, radial-gradient(circle at 70% 70%, rgba(170,225,255,.35) 0 1.6px, transparent 2.2px) 0 0 / 46px 52px,
    radial-gradient(circle at 50% 20%, rgba(255,240,150,.3) 0 1.6px, transparent 2.2px) 0 0 / 66px 38px, radial-gradient(ellipse 60% 100% at 50% 0%, rgba(255,214,140,.14), transparent 70%), #0c1f2b;
  --fil: linear-gradient(rgba(255,214,140,.55), rgba(255,214,140,.55));
  --oeuf: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 26%27%3E%3Cdefs%3E%3CclipPath id=%27o%27%3E%3Cpath d=%27M10 1C4.8 1 1 9 1 15.6 1 21.4 5 25 10 25s9-3.6 9-9.4C19 9 15.2 1 10 1z%27/%3E%3C/clipPath%3E%3CradialGradient id=%27l%27 cx=%27.35%27 cy=%27.3%27 r=%27.8%27%3E%3Cstop offset=%270%27 stop-color=%27rgba%28255,255,255,.55%29%27/%3E%3Cstop offset=%27.6%27 stop-color=%27rgba%28255,255,255,0%29%27/%3E%3Cstop offset=%271%27 stop-color=%27rgba%280,0,0,.25%29%27/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg clip-path=%27url%28%23o%29%27%3E%3Crect width=%2720%27 height=%2726%27 fill=%27%23ff9cc6%27/%3E%3Crect y=%277%27 width=%2720%27 height=%273%27 fill=%27%237fc8ff%27/%3E%3Crect y=%2713%27 width=%2720%27 height=%273%27 fill=%27%23fff%27/%3E%3Crect y=%2719%27 width=%2720%27 height=%273%27 fill=%27%237fc8ff%27/%3E%3Crect width=%2720%27 height=%2726%27 fill=%27url%28%23l%29%27/%3E%3C/g%3E%3C/svg%3E"); --bille-ici: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 26%27%3E%3Cdefs%3E%3CclipPath id=%27o%27%3E%3Cpath d=%27M10 1C4.8 1 1 9 1 15.6 1 21.4 5 25 10 25s9-3.6 9-9.4C19 9 15.2 1 10 1z%27/%3E%3C/clipPath%3E%3CradialGradient id=%27l%27 cx=%27.35%27 cy=%27.3%27 r=%27.8%27%3E%3Cstop offset=%270%27 stop-color=%27rgba%28255,255,255,.55%29%27/%3E%3Cstop offset=%27.6%27 stop-color=%27rgba%28255,255,255,0%29%27/%3E%3Cstop offset=%271%27 stop-color=%27rgba%280,0,0,.25%29%27/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg clip-path=%27url%28%23o%29%27%3E%3Crect width=%2720%27 height=%2726%27 fill=%27%23ffc93c%27/%3E%3Cpath d=%27M-1 13l3.5-3 3.5 3 3.5-3 3.5 3 3.5-3 3.5 3%27 fill=%27none%27 stroke=%27%23fff3c0%27 stroke-width=%271.2%27/%3E%3Crect width=%2720%27 height=%2726%27 fill=%27url%28%23l%29%27/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
  --trainee: linear-gradient(90deg, rgba(255,214,140,0), rgba(255,182,213,.85) 60%, #fff); --trainee-lueur: rgba(255,182,213,.55);
  --txt: #e6eef3; --txt-ici: #ffe08a;
  --cible: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 62%27%3E%3Cdefs%3E%3CclipPath id=%27o%27%3E%3Cpath d=%27M32 4C24 4 18 16 18 26c0 9 6 14 14 14s14-5 14-14C46 16 40 4 32 4z%27/%3E%3C/clipPath%3E%3CradialGradient id=%27or%27 cx=%27.35%27 cy=%27.3%27 r=%27.85%27%3E%3Cstop offset=%270%27 stop-color=%27%23fffbe0%27/%3E%3Cstop offset=%27.45%27 stop-color=%27%23ffd23f%27/%3E%3Cstop offset=%271%27 stop-color=%27%23b07800%27/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse cx=%2732%27 cy=%2747%27 rx=%2728%27 ry=%2711%27 fill=%27%236b4422%27/%3E%3Cpath d=%27M32 4C24 4 18 16 18 26c0 9 6 14 14 14s14-5 14-14C46 16 40 4 32 4z%27 fill=%27url%28%23or%29%27/%3E%3Cg clip-path=%27url%28%23o%29%27%3E%3Cpath d=%27M14 22l4-3 4 3 4-3 4 3 4-3 4 3 4-3 4 3 4-3%27 fill=%27none%27 stroke=%27%23fff3c0%27 stroke-width=%271.4%27/%3E%3C/g%3E%3Cellipse cx=%2726%27 cy=%2715%27 rx=%273%27 ry=%275%27 fill=%27rgba%28255,255,255,.55%29%27 transform=%27rotate%2820 26 15%29%27/%3E%3Cpath d=%27M6 40 q11 -6 22 0%27 fill=%27none%27 stroke=%27%23c08a4a%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M20 44 q13 -6 26 0%27 fill=%27none%27 stroke=%27%23a8733a%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M36 41 q11 -6 22 0%27 fill=%27none%27 stroke=%27%23c99a5a%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M10 48 q10 -6 20 0%27 fill=%27none%27 stroke=%27%238c5c2c%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M28 50 q12 -6 24 0%27 fill=%27none%27 stroke=%27%23b5834a%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M44 47 q7 -6 14 0%27 fill=%27none%27 stroke=%27%23a06a34%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E") center / contain no-repeat; --cible-coeur: transparent; --cible-lueur: transparent;
  --salut-fond: linear-gradient(90deg, #ffd6e8, #fff3b0, #c9f0ff); --salut-txt: #2b1a33;
}
[data-fete="paques"] .menus a[data-m="histoire"], [data-fete="paques"] .menus a[data-m="terrains"], [data-fete="paques"] .menus a[data-m="dates"] { --oeuf: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 26%27%3E%3Cdefs%3E%3CclipPath id=%27o%27%3E%3Cpath d=%27M10 1C4.8 1 1 9 1 15.6 1 21.4 5 25 10 25s9-3.6 9-9.4C19 9 15.2 1 10 1z%27/%3E%3C/clipPath%3E%3CradialGradient id=%27l%27 cx=%27.35%27 cy=%27.3%27 r=%27.8%27%3E%3Cstop offset=%270%27 stop-color=%27rgba%28255,255,255,.55%29%27/%3E%3Cstop offset=%27.6%27 stop-color=%27rgba%28255,255,255,0%29%27/%3E%3Cstop offset=%271%27 stop-color=%27rgba%280,0,0,.25%29%27/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg clip-path=%27url%28%23o%29%27%3E%3Crect width=%2720%27 height=%2726%27 fill=%27%236fd6a8%27/%3E%3Cg fill=%27%23fff6b0%27%3E%3Ccircle cx=%276%27 cy=%278%27 r=%271.8%27/%3E%3Ccircle cx=%2713%27 cy=%2712%27 r=%271.8%27/%3E%3Ccircle cx=%277%27 cy=%2717%27 r=%271.8%27/%3E%3Ccircle cx=%2714%27 cy=%2720%27 r=%271.8%27/%3E%3Ccircle cx=%2712%27 cy=%275%27 r=%271.3%27/%3E%3C/g%3E%3Crect width=%2720%27 height=%2726%27 fill=%27url%28%23l%29%27/%3E%3C/g%3E%3C/svg%3E"); }
[data-fete="paques"] .menus a[data-m="photos"], [data-fete="paques"] .menus a[data-m="regles"], [data-fete="paques"] .menus a[data-m="joueurs"] { --oeuf: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 26%27%3E%3Cdefs%3E%3CclipPath id=%27o%27%3E%3Cpath d=%27M10 1C4.8 1 1 9 1 15.6 1 21.4 5 25 10 25s9-3.6 9-9.4C19 9 15.2 1 10 1z%27/%3E%3C/clipPath%3E%3CradialGradient id=%27l%27 cx=%27.35%27 cy=%27.3%27 r=%27.8%27%3E%3Cstop offset=%270%27 stop-color=%27rgba%28255,255,255,.55%29%27/%3E%3Cstop offset=%27.6%27 stop-color=%27rgba%28255,255,255,0%29%27/%3E%3Cstop offset=%271%27 stop-color=%27rgba%280,0,0,.25%29%27/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg clip-path=%27url%28%23o%29%27%3E%3Crect width=%2720%27 height=%2726%27 fill=%27%23b79bff%27/%3E%3Cpath d=%27M-1 12l3.5-3 3.5 3 3.5-3 3.5 3 3.5-3 3.5 3%27 fill=%27none%27 stroke=%27%23fff%27 stroke-width=%271.6%27/%3E%3Cpath d=%27M-1 18l3.5-3 3.5 3 3.5-3 3.5 3 3.5-3 3.5 3%27 fill=%27none%27 stroke=%27%23ffd166%27 stroke-width=%271.6%27/%3E%3Crect width=%2720%27 height=%2726%27 fill=%27url%28%23l%29%27/%3E%3C/g%3E%3C/svg%3E"); }
[data-fete="paques"] .menus a { --bille: var(--oeuf) center / contain no-repeat; --bille-survol: var(--oeuf) center / contain no-repeat; }
[data-fete="paques"] .menus a::before { top: 6px; width: 20px; height: 26px; margin-left: -10px; border-radius: 0; box-shadow: none; filter: drop-shadow(0 3px 3px rgba(0,0,0,.55)); }
[data-fete="paques"] .menus a:hover::before, [data-fete="paques"] .menus a:focus-visible::before { box-shadow: none; filter: drop-shadow(0 0 8px rgba(255,214,140,.9)); transform: rotate(-10deg) scale(1.1); }
[data-fete="paques"] .menus a[aria-current]::before { box-shadow: none; filter: drop-shadow(0 0 10px rgba(255,210,80,.95)); }
[data-fete="paques"] .menus a[data-m="inscriptions"]::before { top: -12px; width: 64px; height: 62px; margin-left: -32px; filter: drop-shadow(0 0 10px rgba(255,210,80,.6)); transform: none; }
[data-fete="paques"] .menus a[data-m="inscriptions"]::after { display: none; }

/* ---------- Été : soleil couchant ---------- */
[data-fete="ete"] .menus {
  --fond: #170b05; --bord: rgba(255,190,90,.55);
  --zone: radial-gradient(ellipse 35% 120% at 92% 0%, rgba(255,170,60,.35), transparent 70%), radial-gradient(ellipse 50% 110% at 0% 100%, rgba(255,80,90,.18), transparent 70%), #170b05;
  --fil: linear-gradient(rgba(255,190,90,.6), rgba(255,190,90,.6));
  --bille: radial-gradient(circle at 34% 30%, #fffbe0 0, #ffe27a 30%, #ffb02e 65%, #c46a00 100%); --anneau: rgba(255,190,90,.35);
  --bille-survol: radial-gradient(circle at 34% 30%, #fff 0, #fff6c4 35%, #ffc84a 70%, #d07800 100%); --anneau-survol: #ffe39a; --lueur-survol: rgba(255,200,80,.85);
  --trainee: linear-gradient(90deg, rgba(255,90,60,0), rgba(255,110,60,.85) 55%, #fff3c4); --trainee-lueur: rgba(255,120,60,.6);
  --bille-ici: radial-gradient(circle at 34% 30%, #fff 0, #fffbe0 30%, #ffd84a 60%, #ff8a1c 100%); --anneau-ici: #ffe39a; --halo-ici: rgba(255,120,60,.55); --lueur-ici: rgba(255,200,60,.85);
  --txt: #f3e2cc; --txt-ici: #ffd56a;
  --cible: radial-gradient(circle, #fff3b0 0 7px, #ffd23f 8px 11px, transparent 11.5px), radial-gradient(circle, rgba(23,11,5,0) 0 12px, var(--fond) 28px), repeating-conic-gradient(#ffbf3f 0 7deg, transparent 7deg 22.5deg), var(--fond);
  --cible-coeur: radial-gradient(circle, #fff 0, #fff3b0 60%, #ffd23f 100%); --cible-lueur: rgba(255,210,80,.9);
  --salut-fond: linear-gradient(90deg, #ffb02e, #ff6a3d); --salut-txt: #2a0f00;
}

/* ---------- 14 juillet : bleu, blanc, rouge, cocarde ---------- */
[data-fete="fete-nationale"] .menus {
  --fond: #050c22; --bord: rgba(255,255,255,.4);
  --zone: radial-gradient(circle at 8% 30%, rgba(255,255,255,.18) 0 1.5px, transparent 2px) 0 0 / 40px 34px, radial-gradient(ellipse 40% 120% at 100% 0%, rgba(225,36,47,.22), transparent 70%), radial-gradient(ellipse 40% 120% at 0% 0%, rgba(43,91,215,.28), transparent 70%), #050c22;
  --fil: linear-gradient(90deg, #2b5bd7 0 33.3%, #f4f4f4 33.3% 66.6%, #e1242f 66.6%);
  --drapeau: radial-gradient(circle at 34% 30%, #dfe8ff 0, #5a86f0 25%, #1f45b5 70%, #0e2463 100%);
  --anneau: rgba(255,255,255,.3);
  --bille-survol: radial-gradient(circle at 34% 30%, #fff 0, #fff 40%, #d9e2f2 75%, #9aa8c0 100%); --anneau-survol: #fff; --lueur-survol: rgba(255,255,255,.7);
  --trainee: linear-gradient(90deg, rgba(43,91,215,0), #2b5bd7 30%, #fff 60%, #e1242f); --trainee-lueur: rgba(255,255,255,.35);
  --bille-ici: radial-gradient(circle at 34% 30%, #fff 0, #fff 45%, #e3e8f2 100%); --anneau-ici: #e1242f; --halo-ici: #2b5bd7; --lueur-ici: rgba(255,255,255,.55);
  --txt: #dfe6f5; --txt-ici: #ffffff;
  --cible: radial-gradient(circle, #2b5bd7 0 9px, #fff 9.5px 17px, #e1242f 17.5px 26px, var(--fond) 26.5px);
  --cible-coeur: radial-gradient(circle at 40% 40%, #fff 0, #dfe8ff 60%, #9fb6ff 100%); --cible-lueur: rgba(255,255,255,.6);
  --salut-fond: linear-gradient(90deg, #2b5bd7 0 33.3%, #f4f4f4 33.3% 66.6%, #e1242f 66.6%) 0 100% / 100% 3px no-repeat, #fff; --salut-txt: #0b1d4d;
}
[data-fete="fete-nationale"] .menus a { --bille: var(--drapeau); background-position: 0 19px; background-size: 100% 2px; }
[data-fete="fete-nationale"] .menus a[data-m="histoire"], [data-fete="fete-nationale"] .menus a[data-m="terrains"], [data-fete="fete-nationale"] .menus a[data-m="dates"] { --drapeau: radial-gradient(circle at 34% 30%, #fff 0, #fff 30%, #dfe4ee 70%, #98a3b8 100%); }
[data-fete="fete-nationale"] .menus a[data-m="photos"], [data-fete="fete-nationale"] .menus a[data-m="regles"], [data-fete="fete-nationale"] .menus a[data-m="joueurs"] { --drapeau: radial-gradient(circle at 34% 30%, #ffe0e2 0, #ff5a63 25%, #c4141f 70%, #6b0810 100%); }
[data-fete="fete-nationale"] .menus a[data-m="inscriptions"] { background: linear-gradient(90deg, #2b5bd7 0 33.3%, #f4f4f4 33.3% 66.6%, #e1242f 66.6%) 0 19px / 50% 2px no-repeat; }

/* ---------- Rentrée : tableau noir et craie ---------- */
[data-fete="rentree"] .menus {
  --fond: #1a2722; --bord: #7a5432;
  --zone: radial-gradient(ellipse 30% 60% at 20% 40%, rgba(255,255,255,.05), transparent 70%), radial-gradient(ellipse 25% 50% at 75% 70%, rgba(255,255,255,.04), transparent 70%), #1a2722;
  --fil: repeating-linear-gradient(90deg, rgba(240,240,230,.75) 0 9px, transparent 9px 15px);
  --bille: radial-gradient(circle at 40% 35%, #fff 0, #f1f0e8 45%, #cfcfc4 100%); --anneau: rgba(240,240,230,.25);
  --bille-survol: radial-gradient(circle at 40% 35%, #fffde6 0, #fff3a6 50%, #e8d55a 100%); --anneau-survol: #fff3a6; --lueur-survol: rgba(255,243,166,.6);
  --trainee: linear-gradient(90deg, rgba(255,243,166,0), rgba(255,243,166,.8) 60%, #fff); --trainee-lueur: rgba(255,243,166,.35);
  --bille-ici: radial-gradient(circle at 40% 35%, #fffde6 0, #ffe066 50%, #e0b400 100%); --anneau-ici: #ffe066; --halo-ici: rgba(240,240,230,.45); --lueur-ici: rgba(255,224,102,.55);
  --txt: #ecebe2; --txt-ici: #ffe680;
  --cible: radial-gradient(circle, transparent 0 9px, rgba(240,240,230,.85) 9.5px 11px, transparent 11.5px 17px, rgba(240,240,230,.65) 17.5px 19px, transparent 19.5px 25px, rgba(240,240,230,.45) 25.5px 27px, var(--fond) 27.5px);
  --cible-coeur: radial-gradient(circle at 40% 40%, #fffde6 0, #ffe066 55%, #e0b400 100%); --cible-lueur: rgba(255,224,102,.7);
  --salut-fond: transparent; --salut-txt: #f4f2e8;
  border-top-width: 4px;
}
[data-fete="rentree"] .menus::before { box-shadow: none; outline: 2px dashed rgba(240,240,230,.7); outline-offset: -2px; }
[data-fete="rentree"] .menus a { background-position: 0 19px; background-size: 100% 2px; background-repeat: repeat-x; }
[data-fete="rentree"] .menus a[data-m="inscriptions"] { background: repeating-linear-gradient(90deg, rgba(240,240,230,.75) 0 9px, transparent 9px 15px) 0 19px / 50% 2px no-repeat; }

/* ==========================================================================
   4. JEU VIDÉO : l'ancien menu « gamer », en 3 groupes de boutons biseautés néon.
   Bleu = rubrique ; orange plein = Inscriptions ; orange lumineux = page où l'on se trouve.
   ========================================================================== */
[data-menu="gamer"] header:has(> .menus) .banniere { border-bottom: 2px solid #2f6fe0; box-shadow: 0 2px 14px rgba(47,111,224,.65); }
[data-menu="gamer"] .menus { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 6px; padding: 12px 6px 14px;
  background: repeating-linear-gradient(0deg, rgba(120,180,255,.05) 0 1px, transparent 1px 4px); }
[data-menu="gamer"] .menus .nav { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; padding: 4px 6px; }
[data-menu="gamer"] .menus a[data-m="inscriptions"] { order: 0; }
[data-menu="gamer"] .menus a { isolation: isolate; display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 8px 17px;
  font-family: "Arial Black", Arial, sans-serif; font-weight: 900; font-size: 13px; line-height: 1; letter-spacing: 1.2px; text-transform: uppercase;
  color: #dfe9ff; text-shadow: 0 0 8px rgba(110,170,255,.55); transition: transform .15s ease, filter .15s ease, color .15s ease; }
/* Le cadre néon (dégradé) et l'intérieur du bouton, tous deux biseautés. */
[data-menu="gamer"] .menus a::after { content: ""; position: absolute; inset: 0; z-index: -2; background: linear-gradient(135deg, #7cb8ff 0%, #2a63e0 40%, #0b2e7a 60%, #7cb8ff 100%);
  clip-path: polygon(11px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%, 0 11px); }
[data-menu="gamer"] .menus a::before { content: ""; position: absolute; inset: 2px; z-index: -1;
  background: linear-gradient(105deg, transparent 38%, rgba(255,255,255,.22) 50%, transparent 62%) 160% 0 / 260% 100% no-repeat, linear-gradient(180deg, #12345f 0%, #081a33 100%);
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); transition: background-position .55s ease; }
[data-menu="gamer"] .menus a:hover, [data-menu="gamer"] .menus a:focus-visible { color: #fff; transform: translateY(-2px); filter: drop-shadow(0 0 7px rgba(80,150,255,.85)); }
[data-menu="gamer"] .menus a:hover::before, [data-menu="gamer"] .menus a:focus-visible::before { background-position: -60% 0, 0 0; }
[data-menu="gamer"] .menus a:active { transform: translateY(0) scale(.97); }
/* Inscriptions : le bouton d'action, orange plein. */
[data-menu="gamer"] .menus a[data-m="inscriptions"] { color: #1d0c00; text-shadow: none; }
[data-menu="gamer"] .menus a[data-m="inscriptions"]::after { background: linear-gradient(135deg, #ffd08a, #ff8a1c 45%, #b84f00 60%, #ffd08a); }
[data-menu="gamer"] .menus a[data-m="inscriptions"]::before {
  background: linear-gradient(105deg, transparent 38%, rgba(255,255,255,.45) 50%, transparent 62%) 160% 0 / 260% 100% no-repeat, linear-gradient(180deg, #ffb24d, #f07d12); }
[data-menu="gamer"] .menus a[data-m="inscriptions"]:hover, [data-menu="gamer"] .menus a[data-m="inscriptions"]:focus-visible { color: #000; filter: drop-shadow(0 0 9px rgba(255,150,40,.95)); }
/* La page où l'on se trouve : cadre orange lumineux. */
[data-menu="gamer"] .menus a[aria-current] { color: #fff; filter: drop-shadow(0 0 6px rgba(255,150,40,.75)); }
[data-menu="gamer"] .menus a[aria-current]::after { background: linear-gradient(135deg, #ffd08a, #ff8a1c 45%, #b84f00 60%, #ffd08a); }
[data-menu="gamer"] .menus a[aria-current]::before { background: linear-gradient(105deg, transparent 38%, rgba(255,255,255,.22) 50%, transparent 62%) 160% 0 / 260% 100% no-repeat, linear-gradient(180deg, #4a2303, #241102); }
[data-menu="gamer"] .menus a[aria-current][data-m="inscriptions"] { color: #1d0c00; }
[data-menu="gamer"] .menus a[aria-current][data-m="inscriptions"]::before { background: linear-gradient(180deg, #ffb24d, #f07d12); }
@container menu (min-width: 1100px) { [data-menu="gamer"] .menus .nav + .nav { border-left: 1px solid rgba(98,160,255,.25); padding-left: 12px; } }
@container menu (max-width: 760px) {
  [data-menu="gamer"] .menus { padding: 8px 0 10px; }
  [data-menu="gamer"] .menus .nav { flex: 1 1 100%; gap: 6px; padding: 3px 8px; }
  [data-menu="gamer"] .menus a { min-height: 34px; padding: 7px 11px; font-size: 11.5px; letter-spacing: .8px; }
}

@media (prefers-reduced-motion: reduce) { [data-menu] .menus a, [data-menu] .menus a::before, [data-menu] .menus a::after, [data-menu] .menus a b { transition: none !important; } }

/* ==========================================================================
   ENCART « PROCHAINE PARTIE » de la page d'Accueil, assorti au menu (réglage « Style du menu » du bureau, partie « Encart »).
   menu-ata.js pose <html data-look-partie="…"> : le style de base (trajectoire, arsenal, tactique, gamer), la fête (halloween, noel…)
   ou « classique » (la carte blanche de la page : rien ne change). Le décor (::before, ::after) ne cache jamais le texte :
   il déborde du coin en haut à droite, ou reste en filigrane derrière.
   ========================================================================== */
:where([data-look-partie]:not([data-look-partie="classique"])) .prochaine { position: relative; isolation: isolate; color: var(--p-txt); background: var(--p-fond); border-radius: var(--p-rayon, 14px); box-shadow: var(--p-ombre); --p-reserve: 58px; }
:where([data-look-partie]:not([data-look-partie="classique"])) .prochaine::before, :where([data-look-partie]:not([data-look-partie="classique"])) .prochaine::after { content: ""; position: absolute; pointer-events: none; }
:where([data-look-partie]:not([data-look-partie="classique"])) .prochaine::after { z-index: 2; top: var(--p-o-y, 0); right: var(--p-o-x, 0); width: var(--p-o-l, 0); height: var(--p-o-h, 0); background: var(--p-o, none); filter: var(--p-o-filtre, none); transform-origin: top right; }
:where([data-look-partie]:not([data-look-partie="classique"])) .prochaine .titre { padding-right: var(--p-reserve); color: var(--p-titre); font: 700 14px/1.2 "Barlow ATA", "Arial Narrow", Arial, sans-serif; letter-spacing: .14em; text-transform: uppercase; }
:where([data-look-partie]:not([data-look-partie="classique"])) .prochaine .jour { border-right-color: var(--p-trait); }
:where([data-look-partie]:not([data-look-partie="classique"])) .prochaine .jour b { color: var(--p-date); text-shadow: var(--p-date-ombre, none); }
:where([data-look-partie]:not([data-look-partie="classique"])) .prochaine .jour span { color: var(--p-mois, var(--p-doux)); }
:where([data-look-partie]:not([data-look-partie="classique"])) .prochaine .ou b { color: var(--p-txt); }
:where([data-look-partie]:not([data-look-partie="classique"])) .prochaine .ou span, :where([data-look-partie]:not([data-look-partie="classique"])) .prochaine .attente { color: var(--p-doux); }
:where([data-look-partie]:not([data-look-partie="classique"])) .prochaine .bouton:not(.clair) { color: var(--p-btn-txt); background: var(--p-btn); box-shadow: var(--p-btn-ombre, none); border-radius: var(--p-btn-rayon, 8px); }
:where([data-look-partie]:not([data-look-partie="classique"])) .prochaine .bouton.clair { color: var(--p-btn2-txt); background: transparent; box-shadow: inset 0 0 0 2px var(--p-btn2); border-radius: var(--p-btn-rayon, 8px); }
:where([data-look-partie]:not([data-look-partie="classique"])) .prochaine .bouton.clair:hover, :where([data-look-partie]:not([data-look-partie="classique"])) .prochaine .bouton.clair:focus-visible { background: var(--p-btn2-survol, rgba(255,255,255,.08)); box-shadow: inset 0 0 0 2px var(--p-btn2-txt); }
:where([data-look-partie]:not([data-look-partie="classique"])) .prochaine :focus-visible { outline-color: var(--p-btn2-txt); }
:where([data-look-partie]:not([data-look-partie="classique"])) .prochaine .pastille { color: var(--p-ok, var(--p-txt)); background: var(--p-pastille, rgba(255,255,255,.1)); box-shadow: inset 0 0 0 1px var(--p-trait); }
:where([data-look-partie]:not([data-look-partie="classique"])) .prochaine .pastille.peu { color: var(--p-peu, #ffcf7a); }
:where([data-look-partie]:not([data-look-partie="classique"])) .prochaine .pastille.non { color: var(--p-non, #ff9aa5); }
:where([data-look-partie]:not([data-look-partie="classique"])) .prochaine .pastille.meteo { color: var(--p-txt); }

/* ---------- 1. Trajectoire : une bille file sur la trajectoire, jusqu'à la cible orange ---------- */
[data-look-partie="trajectoire"] .prochaine {
  --p-fond: radial-gradient(ellipse 60% 90% at 100% 0%, rgba(255,140,30,.15), transparent 70%), radial-gradient(ellipse 70% 100% at 0% 100%, rgba(47,111,224,.24), transparent 70%), linear-gradient(160deg, #0f2a4d 0%, #071322 60%, #050b12 100%);
  --p-ombre: 0 0 0 1px rgba(110,165,255,.5), 0 18px 40px rgba(0,0,0,.5);
  --p-txt: #fff; --p-doux: #a9b9d1; --p-titre: #ffd1a1; --p-date: #fff; --p-mois: #8fb8ff; --p-trait: rgba(110,165,255,.3);
  --p-btn: linear-gradient(180deg, #ffb24d, #f07d12); --p-btn-txt: #1d0c00; --p-btn-ombre: 0 6px 18px rgba(240,125,18,.4); --p-btn-rayon: 999px;
  --p-btn2: rgba(140,180,240,.55); --p-btn2-txt: #cfe0ff; --p-btn2-survol: rgba(90,160,255,.14); --p-ok: #b9f5cf;
  --p-o: radial-gradient(circle, #fffbe8 0, #ffcf6e 3px, #f07d12 6px, transparent 6.5px), radial-gradient(circle, transparent 0 9px, rgba(255,159,67,.95) 9.5px 11px, transparent 11.5px 17px, rgba(255,159,67,.65) 17.5px 19px, transparent 19.5px 25px, rgba(255,159,67,.45) 25.5px 27px, #050b12 27.5px 29px, transparent 29.5px);
  --p-o-l: 58px; --p-o-h: 58px; --p-o-y: -33px; --p-o-x: 22px; --p-o-filtre: drop-shadow(0 0 10px rgba(255,140,30,.55)); --p-reserve: 84px;
}
[data-look-partie="trajectoire"] .prochaine::before { z-index: 1; top: -6px; left: 18px; right: 51px; height: 12px;
  background: radial-gradient(circle 6px at 4.5px 4px, #fff 0, #eef2f7 1.5px, #b8c3d0 3.5px, #4a5462 5.6px, transparent 6px) 0 0 / 12px 12px no-repeat,
    linear-gradient(90deg, rgba(95,155,255,0), rgba(95,155,255,.6) 25%, rgba(255,55,55,.85) 80%, #cde4ff) 0 5px / 100% 2px no-repeat;
  animation: ata-p-bille 4.5s cubic-bezier(.3,.1,.2,1) infinite; }
@keyframes ata-p-bille { 0% { background-position: 0 0, 0 5px; } 70%, 100% { background-position: 100% 0, 0 5px; } }

/* ---------- 2. Arsenal : fond carbone, coins biseautés, réplique en filigrane, étiquette orange ---------- */
[data-look-partie="arsenal"] .prochaine {
  --p-fond: radial-gradient(ellipse 60% 80% at 85% 45%, rgba(110,160,240,.16), transparent 70%), linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,0) 55%),
    linear-gradient(27deg, #141a21 5px, transparent 5px) 0 0 / 20px 20px, linear-gradient(207deg, #141a21 5px, transparent 5px) 0 0 / 20px 20px, linear-gradient(27deg, #0c1015 5px, transparent 5px) 0 0 / 20px 20px,
    linear-gradient(207deg, #0c1015 5px, transparent 5px) 0 0 / 20px 20px, linear-gradient(90deg, #0f1419 10px, transparent 10px) 0 0 / 20px 20px,
    linear-gradient(#10151b 25%, #0b0f14 25%, #0b0f14 50%, transparent 50%, transparent 75%, #12181e 75%, #12181e) 0 0 / 20px 20px, #0a0e13;
  --p-rayon: 0; --p-ombre: inset 0 0 0 1px rgba(170,200,240,.28), inset 0 1px 0 rgba(255,255,255,.14);
  --p-txt: #eef3f9; --p-doux: #a9b6c8; --p-date: transparent; --p-mois: #ff9f43; --p-trait: rgba(170,200,240,.22);
  --p-btn: linear-gradient(180deg, #ffb24d, #f07d12 70%, #d86a00); --p-btn-txt: #1d0c00; --p-btn-rayon: 0;
  --p-btn2: rgba(170,200,240,.5); --p-btn2-txt: #dfe8f4; --p-btn2-survol: rgba(120,175,255,.14); --p-ok: #b9f5cf; --p-reserve: 0px;
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
}
[data-look-partie="arsenal"] .prochaine::after { z-index: -1; top: 46px; right: 16px; width: min(240px, 62%); height: 80px; opacity: .11; filter: none;
  background: linear-gradient(180deg, #f6f9fc 0%, #c5cfdb 38%, #7c8999 70%, #4f5b6a 100%); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 120 40%27%3E%3Cpath d=%27M2 14H21V23L15.5 27H5Q2 27 2 24ZM21 16H30V20H21ZM30 12H62V22H56L54 25H40L38 22H30ZM62 11H91V21H62ZM65 13.5h3v2h-3zM70 13.5h3v2h-3zM75 13.5h3v2h-3zM80 13.5h3v2h-3zM85 13.5h3v2h-3zM87 11L88 5.5H90L91 11ZM91 14.5H108V17.5H91ZM108 13.2H116V18.8H108ZM33 12L34.5 6.5H38.5L40 12ZM44.5 22H52.5L55.5 34.2Q56 36.3 54 36.7L48 37.7Q46 38 45.6 36ZM32.5 22H39L37.4 32.4Q37.1 34 35.5 34H31.6Q30 34 30.3 32.4ZM39 22Q40.8 27.6 46 25.6V24.2Q42 25.6 40.6 22ZM31.0 12.0h1.3v-1.2h-1.3zM33.4 12.0h1.3v-1.2h-1.3zM35.8 12.0h1.3v-1.2h-1.3zM38.2 12.0h1.3v-1.2h-1.3zM40.6 12.0h1.3v-1.2h-1.3zM43.0 12.0h1.3v-1.2h-1.3zM45.4 12.0h1.3v-1.2h-1.3zM47.8 12.0h1.3v-1.2h-1.3zM50.2 12.0h1.3v-1.2h-1.3zM52.6 12.0h1.3v-1.2h-1.3zM55.0 12.0h1.3v-1.2h-1.3zM57.4 12.0h1.3v-1.2h-1.3zM63.0 11.0h1.3v-1.2h-1.3zM65.4 11.0h1.3v-1.2h-1.3zM67.8 11.0h1.3v-1.2h-1.3zM70.2 11.0h1.3v-1.2h-1.3zM72.6 11.0h1.3v-1.2h-1.3zM75.0 11.0h1.3v-1.2h-1.3zM77.4 11.0h1.3v-1.2h-1.3zM79.8 11.0h1.3v-1.2h-1.3zM82.2 11.0h1.3v-1.2h-1.3zM84.6 11.0h1.3v-1.2h-1.3zM87.0 11.0h1.3v-1.2h-1.3z%27/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 120 40%27%3E%3Cpath d=%27M2 14H21V23L15.5 27H5Q2 27 2 24ZM21 16H30V20H21ZM30 12H62V22H56L54 25H40L38 22H30ZM62 11H91V21H62ZM65 13.5h3v2h-3zM70 13.5h3v2h-3zM75 13.5h3v2h-3zM80 13.5h3v2h-3zM85 13.5h3v2h-3zM87 11L88 5.5H90L91 11ZM91 14.5H108V17.5H91ZM108 13.2H116V18.8H108ZM33 12L34.5 6.5H38.5L40 12ZM44.5 22H52.5L55.5 34.2Q56 36.3 54 36.7L48 37.7Q46 38 45.6 36ZM32.5 22H39L37.4 32.4Q37.1 34 35.5 34H31.6Q30 34 30.3 32.4ZM39 22Q40.8 27.6 46 25.6V24.2Q42 25.6 40.6 22ZM31.0 12.0h1.3v-1.2h-1.3zM33.4 12.0h1.3v-1.2h-1.3zM35.8 12.0h1.3v-1.2h-1.3zM38.2 12.0h1.3v-1.2h-1.3zM40.6 12.0h1.3v-1.2h-1.3zM43.0 12.0h1.3v-1.2h-1.3zM45.4 12.0h1.3v-1.2h-1.3zM47.8 12.0h1.3v-1.2h-1.3zM50.2 12.0h1.3v-1.2h-1.3zM52.6 12.0h1.3v-1.2h-1.3zM55.0 12.0h1.3v-1.2h-1.3zM57.4 12.0h1.3v-1.2h-1.3zM63.0 11.0h1.3v-1.2h-1.3zM65.4 11.0h1.3v-1.2h-1.3zM67.8 11.0h1.3v-1.2h-1.3zM70.2 11.0h1.3v-1.2h-1.3zM72.6 11.0h1.3v-1.2h-1.3zM75.0 11.0h1.3v-1.2h-1.3zM77.4 11.0h1.3v-1.2h-1.3zM79.8 11.0h1.3v-1.2h-1.3zM82.2 11.0h1.3v-1.2h-1.3zM84.6 11.0h1.3v-1.2h-1.3zM87.0 11.0h1.3v-1.2h-1.3z%27/%3E%3C/svg%3E") center / contain no-repeat; }
[data-look-partie="arsenal"] .prochaine .titre { justify-self: start; padding: 5px 13px 4px; font-size: 12.5px; color: #1d0c00; background: #ff9f43;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)); }
[data-look-partie="arsenal"] .prochaine .jour b { background: linear-gradient(180deg, #fff 0%, #dfe7f1 40%, #8d9aab 100%); -webkit-background-clip: text; background-clip: text; }
[data-look-partie="arsenal"] .prochaine .bouton { clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px)); }
[data-look-partie="arsenal"] .prochaine .bouton.clair { background: linear-gradient(180deg, #2a3442, #151c26); box-shadow: inset 0 1px 0 rgba(255,255,255,.16), inset 0 0 0 1px rgba(170,200,240,.3); }
[data-look-partie="arsenal"] .prochaine .bouton.clair:hover, [data-look-partie="arsenal"] .prochaine .bouton.clair:focus-visible { background: linear-gradient(180deg, #34425a, #1b2533); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 0 1px rgba(160,205,255,.75); }

/* ---------- 3. Tableau de bord tactique : verre fumé, viseur aux 4 coins, radar qui tourne, voyant « en direct » ---------- */
[data-look-partie="tactique"] .prochaine {
  --p-fond: linear-gradient(rgba(150,190,240,.07) 1px, transparent 1px) 0 0 / 100% 22px, linear-gradient(90deg, rgba(150,190,240,.07) 1px, transparent 1px) 0 0 / 22px 100%,
    linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.03)), rgba(8,18,30,.66);
  --p-ombre: inset 0 0 0 1px rgba(150,190,240,.3), inset 0 1px 0 rgba(255,255,255,.14), 0 18px 40px rgba(0,0,0,.45);
  --p-txt: #fff; --p-doux: #b9c8dd; --p-titre: #8fd0ff; --p-date: #fff; --p-mois: #ffb066; --p-trait: rgba(150,190,240,.25);
  --p-btn: linear-gradient(180deg, #ffb24d, #f07d12); --p-btn-txt: #2a1200; --p-btn2: rgba(150,190,240,.45); --p-btn2-txt: #d7e6fa; --p-btn2-survol: rgba(90,150,255,.16); --p-ok: #9ff0b8;
  --p-o: conic-gradient(from 0deg, rgba(77,255,136,0) 0deg, rgba(77,255,136,.55) 70deg, rgba(77,255,136,0) 71deg),
    radial-gradient(circle, rgba(77,255,136,.95) 0 2px, transparent 2.5px 8px, rgba(77,255,136,.45) 8.5px 9.5px, transparent 10px 15.5px, rgba(77,255,136,.4) 16px 17px, transparent 17.5px), rgba(4,24,14,.7);
  --p-o-l: 40px; --p-o-h: 40px; --p-o-y: 12px; --p-o-x: 14px; --p-reserve: 62px;
  -webkit-backdrop-filter: blur(12px) saturate(1.3); backdrop-filter: blur(12px) saturate(1.3);
}
[data-look-partie="tactique"] .prochaine::after { border-radius: 50%; box-shadow: 0 0 0 1px rgba(77,255,136,.55), 0 0 14px rgba(77,255,136,.28); animation: ata-p-tourne 3s linear infinite; }
[data-look-partie="tactique"] .prochaine::before { z-index: -1; inset: 7px; --c: #ffb066;
  background: linear-gradient(var(--c), var(--c)) 0 0 / 18px 2px, linear-gradient(var(--c), var(--c)) 0 0 / 2px 18px, linear-gradient(var(--c), var(--c)) 100% 0 / 18px 2px, linear-gradient(var(--c), var(--c)) 100% 0 / 2px 18px,
    linear-gradient(var(--c), var(--c)) 0 100% / 18px 2px, linear-gradient(var(--c), var(--c)) 0 100% / 2px 18px, linear-gradient(var(--c), var(--c)) 100% 100% / 18px 2px, linear-gradient(var(--c), var(--c)) 100% 100% / 2px 18px;
  background-repeat: no-repeat; opacity: .85; }
[data-look-partie="tactique"] .prochaine .titre::before { content: ""; display: inline-block; width: 8px; height: 8px; margin: 0 9px 1px 0; border-radius: 50%; background: #4dff88; box-shadow: 0 0 8px #4dff88; animation: ata-p-voyant 1.6s steps(2, jump-none) infinite; }
@keyframes ata-p-tourne { to { transform: rotate(360deg); } }
@keyframes ata-p-voyant { 50% { opacity: .25; } }

/* ---------- 4. Jeu vidéo : cadre néon biseauté, lignes d'écran, reflet qui passe ---------- */
[data-look-partie="gamer"] .prochaine {
  --p-fond: linear-gradient(135deg, #7cb8ff 0%, #2a63e0 40%, #0b2e7a 60%, #7cb8ff 100%); --p-rayon: 0; --p-ombre: none;
  --p-txt: #eef4ff; --p-doux: #a9c2ec; --p-titre: #7cd4ff; --p-date: #fff; --p-date-ombre: 0 0 10px rgba(110,170,255,.9), 0 0 24px rgba(47,111,224,.85); --p-mois: #ffb24d; --p-trait: rgba(124,184,255,.35);
  --p-btn: linear-gradient(180deg, #ffb24d, #f07d12); --p-btn-txt: #1d0c00; --p-btn-rayon: 0; --p-btn2: #4f8df0; --p-btn2-txt: #dfe9ff; --p-btn2-survol: rgba(80,150,255,.18); --p-ok: #9ff0b8; --p-reserve: 0px;
  clip-path: polygon(18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 18px);
}
[data-look-partie="gamer"] .prochaine::before { z-index: -1; inset: 2px; clip-path: polygon(17px 0, 100% 0, 100% calc(100% - 17px), calc(100% - 17px) 100%, 0 100%, 0 17px);
  background: linear-gradient(105deg, transparent 38%, rgba(255,255,255,.13) 50%, transparent 62%) 160% 0 / 260% 100% no-repeat, repeating-linear-gradient(0deg, rgba(120,180,255,.06) 0 1px, transparent 1px 4px),
    radial-gradient(ellipse 60% 80% at 100% 0%, rgba(47,111,224,.38), transparent 70%), linear-gradient(180deg, #12345f 0%, #081a33 100%);
  animation: ata-p-reflet 6s ease-in-out infinite; }
@keyframes ata-p-reflet { 0%, 70% { background-position: 160% 0, 0 0, 0 0, 0 0; } 100% { background-position: -60% 0, 0 0, 0 0, 0 0; } }
[data-look-partie="gamer"] .prochaine .titre { font: 900 13px/1.2 "Arial Black", Arial, sans-serif; letter-spacing: 1.2px; text-shadow: 0 0 8px rgba(110,170,255,.6); }
[data-look-partie="gamer"] .prochaine .titre::before { content: "▶ "; color: #ffb24d; text-shadow: 0 0 8px rgba(255,150,40,.8); }
[data-look-partie="gamer"] .prochaine .bouton { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); }
[data-look-partie="gamer"] .prochaine .bouton.clair { background: linear-gradient(180deg, #24569e, #0e2c5e); box-shadow: inset 0 1px 0 rgba(160,200,255,.45), inset 0 0 0 1px rgba(124,184,255,.55); text-shadow: 0 0 8px rgba(110,170,255,.6); }
[data-look-partie="gamer"] .prochaine .bouton.clair:hover, [data-look-partie="gamer"] .prochaine .bouton.clair:focus-visible { background: linear-gradient(180deg, #2f6fe0, #12397a); box-shadow: inset 0 1px 0 rgba(190,220,255,.6), inset 0 0 0 1px #7cb8ff; }

/* ---------- Halloween : nuit violette, citrouille qui luit, lune et chauves-souris, toile d'araignée ---------- */
[data-look-partie="halloween"] .prochaine {
  --p-fond: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 120 120%27%3E%3Cg fill=%27none%27 stroke=%27rgba%28230,220,255,.32%29%27 stroke-width=%27.8%27%3E%3Cpath d=%27M0 0 120.0 0.0M0 0 111.3 45.0M0 0 84.9 84.9M0 0 45.0 111.3M0 0 0.0 120.0%27/%3E%3Cpath d=%27M18.0 0.0Q14.9 2.9 16.7 6.7Q12.6 8.4 12.7 12.7Q8.4 12.6 6.7 16.7Q2.9 14.9 0.0 18.0M36.0 0.0Q29.8 5.8 33.4 13.5Q25.3 16.7 25.5 25.5Q16.7 25.3 13.5 33.4Q5.8 29.8 0.0 36.0M56.0 0.0Q46.4 9.0 51.9 21.0Q39.4 26.0 39.6 39.6Q26.0 39.4 21.0 51.9Q9.0 46.4 0.0 56.0M78.0 0.0Q64.6 12.6 72.3 29.2Q54.8 36.3 55.2 55.2Q36.3 54.8 29.2 72.3Q12.6 64.6 0.0 78.0%27/%3E%3C/g%3E%3C/svg%3E") 0 0 / 118px 118px no-repeat, radial-gradient(ellipse 55% 80% at 100% 0%, rgba(255,120,0,.3), transparent 70%), radial-gradient(ellipse 70% 85% at 0% 100%, rgba(140,60,255,.34), transparent 70%),
    radial-gradient(ellipse 90% 40% at 50% 100%, rgba(170,120,255,.14), transparent 70%), linear-gradient(165deg, #2c1150 0%, #17091f 55%, #0b0414 100%);
  --p-ombre: 0 0 0 1.5px rgba(255,138,28,.85), 0 0 26px rgba(255,120,0,.35), 0 0 64px rgba(150,60,255,.28), 0 18px 40px rgba(0,0,0,.55);
  --p-txt: #f7efff; --p-doux: #cdb9ec; --p-titre: #ffb35c; --p-date: #ff9a2e; --p-date-ombre: 0 0 16px rgba(255,140,30,.75); --p-mois: #c99bff; --p-trait: rgba(255,138,28,.42);
  --p-btn: linear-gradient(180deg, #ffb24d, #f07d12); --p-btn-txt: #1d0c00; --p-btn-ombre: 0 6px 20px rgba(240,125,18,.5);
  --p-btn2: rgba(192,139,255,.8); --p-btn2-txt: #ecdfff; --p-btn2-survol: rgba(170,80,255,.22); --p-pastille: rgba(255,138,28,.15); --p-ok: #ffc46b;
  --p-o: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 90%27%3E%3Cdefs%3E%3CradialGradient id=%27c%27 cx=%27.42%27 cy=%27.36%27 r=%27.78%27%3E%3Cstop offset=%270%27 stop-color=%27%23ffc46b%27/%3E%3Cstop offset=%27.5%27 stop-color=%27%23ff8a1c%27/%3E%3Cstop offset=%271%27 stop-color=%27%239c3a00%27/%3E%3C/radialGradient%3E%3CradialGradient id=%27f%27 cx=%27.5%27 cy=%27.55%27 r=%27.65%27%3E%3Cstop offset=%270%27 stop-color=%27%23fffbd6%27/%3E%3Cstop offset=%27.45%27 stop-color=%27%23ffd23f%27/%3E%3Cstop offset=%271%27 stop-color=%27%23ff7a00%27/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d=%27M47 18c-1-7 1-12 6-15l4 3c-4 3-5 6-4 12z%27 fill=%27%234f7a1f%27/%3E%3Cpath d=%27M56 8c7-6 17-5 21 2-7-1-12 1-17 4z%27 fill=%27%235c9a26%27/%3E%3Cpath d=%27M44 14c-6-5-12-3-14 1 4-1 8 0 11 2%27 fill=%27none%27 stroke=%27%235c9a26%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3Cellipse cx=%2725%27 cy=%2753%27 rx=%2720%27 ry=%2728%27 fill=%27url%28%23c%29%27/%3E%3Cellipse cx=%2775%27 cy=%2753%27 rx=%2720%27 ry=%2728%27 fill=%27url%28%23c%29%27/%3E%3Cellipse cx=%2737%27 cy=%2752%27 rx=%2720%27 ry=%2733%27 fill=%27url%28%23c%29%27/%3E%3Cellipse cx=%2763%27 cy=%2752%27 rx=%2720%27 ry=%2733%27 fill=%27url%28%23c%29%27/%3E%3Cellipse cx=%2750%27 cy=%2752%27 rx=%2717%27 ry=%2735%27 fill=%27url%28%23c%29%27/%3E%3Cg fill=%27none%27 stroke=%27rgba%28110,35,0,.45%29%27 stroke-width=%271.4%27%3E%3Cpath d=%27M37 21q-12 31 0 64M63 21q12 31 0 64M23 27q-11 26 0 52M77 27q11 26 0 52%27/%3E%3C/g%3E%3Cg fill=%27url%28%23f%29%27%3E%3Cpath d=%27M26 48l15-2-7-12z%27/%3E%3Cpath d=%27M74 48l-15-2 7-12z%27/%3E%3Cpath d=%27M50 50l-5 8h10z%27/%3E%3Cpath d=%27M24 61l6 4 4-3 5 5 5-4 6 5 6-5 5 4 5-5 4 3 6-4q-5 22-26 22t-26-22z%27/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; --p-o-l: 92px; --p-o-h: 83px; --p-o-y: -38px; --p-o-x: -18px; --p-reserve: 66px;
}
[data-look-partie="halloween"] .prochaine::after { animation: ata-p-lueur 3.4s ease-in-out infinite; filter: drop-shadow(0 0 12px rgba(255,140,30,.75)) drop-shadow(0 6px 8px rgba(0,0,0,.6)); }
[data-look-partie="halloween"] .prochaine::before { z-index: 1; top: -46px; right: 30px; width: 150px; height: 70px; background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 150 70%27%3E%3Cdefs%3E%3CradialGradient id=%27l%27 cx=%27.42%27 cy=%27.4%27 r=%27.6%27%3E%3Cstop offset=%270%27 stop-color=%27%23fffbe6%27/%3E%3Cstop offset=%27.7%27 stop-color=%27%23f6e7b0%27/%3E%3Cstop offset=%271%27 stop-color=%27%23e6cf86%27/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx=%2792%27 cy=%2738%27 r=%2726%27 fill=%27url%28%23l%29%27/%3E%3Cg fill=%27rgba%28200,170,90,.35%29%27%3E%3Ccircle cx=%2784%27 cy=%2730%27 r=%274%27/%3E%3Ccircle cx=%27100%27 cy=%2746%27 r=%275%27/%3E%3Ccircle cx=%2798%27 cy=%2726%27 r=%272.5%27/%3E%3C/g%3E%3Cg fill=%27%230b0414%27%3E%3Cpath transform=%27translate%2862 30%29 rotate%28-10%29 scale%281.5%29%27 d=%27M0 4 4 2l3 1 2-2 1 2 2-.8 2 .8 1-2 2 2 3-1 4 2-3 .5-2 2.5-3-1.5-2 2.5-2-1.5-2 1.5-2-2.5-3 1.5-2-2.5z%27/%3E%3Cpath transform=%27translate%28104 50%29 rotate%288%29 scale%281.1%29%27 d=%27M0 4 4 2l3 1 2-2 1 2 2-.8 2 .8 1-2 2 2 3-1 4 2-3 .5-2 2.5-3-1.5-2 2.5-2-1.5-2 1.5-2-2.5-3 1.5-2-2.5z%27/%3E%3Cpath transform=%27translate%2824 52%29 rotate%28-4%29 scale%280.9%29%27 d=%27M0 4 4 2l3 1 2-2 1 2 2-.8 2 .8 1-2 2 2 3-1 4 2-3 .5-2 2.5-3-1.5-2 2.5-2-1.5-2 1.5-2-2.5-3 1.5-2-2.5z%27/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; }
@keyframes ata-p-lueur {
  0%, 100% { filter: drop-shadow(0 0 10px rgba(255,140,30,.65)) drop-shadow(0 6px 8px rgba(0,0,0,.6)); }
  44% { filter: drop-shadow(0 0 20px rgba(255,185,45,.95)) drop-shadow(0 6px 8px rgba(0,0,0,.6)); }
  48% { filter: drop-shadow(0 0 7px rgba(255,110,20,.45)) drop-shadow(0 6px 8px rgba(0,0,0,.6)); }
  53% { filter: drop-shadow(0 0 18px rgba(255,175,40,.9)) drop-shadow(0 6px 8px rgba(0,0,0,.6)); }
}

/* ---------- Noël : nuit de neige, guirlande qui clignote, étoile dorée ---------- */
[data-look-partie="noel"] .prochaine {
  --p-fond: radial-gradient(circle at 20% 30%, rgba(255,255,255,.5) 0 1.2px, transparent 1.7px) 0 0 / 46px 38px, radial-gradient(circle at 70% 60%, rgba(255,255,255,.28) 0 1px, transparent 1.5px) 0 0 / 31px 27px,
    radial-gradient(circle at 40% 80%, rgba(255,255,255,.2) 0 1.8px, transparent 2.3px) 0 0 / 67px 53px, radial-gradient(ellipse 60% 90% at 100% 0%, rgba(226,190,90,.2), transparent 70%),
    radial-gradient(ellipse 70% 100% at 0% 100%, rgba(40,140,90,.32), transparent 70%), linear-gradient(165deg, #0e2c27 0%, #07151d 60%, #050d12 100%);
  --p-ombre: 0 0 0 1.5px rgba(226,190,90,.8), 0 0 24px rgba(255,215,100,.22), 0 18px 40px rgba(0,0,0,.55);
  --p-txt: #f3f7f8; --p-doux: #bcd0d5; --p-titre: #ffe08a; --p-date: #ffe08a; --p-date-ombre: 0 0 14px rgba(255,215,100,.55); --p-mois: #ff9a9a; --p-trait: rgba(226,190,90,.35);
  --p-btn: linear-gradient(180deg, #ea4a46, #b40f1f); --p-btn-txt: #fff; --p-btn-ombre: 0 6px 18px rgba(196,18,31,.45);
  --p-btn2: rgba(226,190,90,.75); --p-btn2-txt: #ffeaa8; --p-btn2-survol: rgba(226,190,90,.15); --p-ok: #b9f5cf;
  --p-o: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 60 58%27%3E%3Cdefs%3E%3CradialGradient id=%27e%27 cx=%27.45%27 cy=%27.4%27 r=%27.7%27%3E%3Cstop offset=%270%27 stop-color=%27%23fffdf0%27/%3E%3Cstop offset=%27.35%27 stop-color=%27%23ffe27a%27/%3E%3Cstop offset=%27.75%27 stop-color=%27%23e3b021%27/%3E%3Cstop offset=%271%27 stop-color=%27%239c6f06%27/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d=%27M30 2l8.2 17.6 19.3 2.4-14.2 13.2 3.7 19.1L30 44.8 13 54.3l3.7-19.1L2.5 22l19.3-2.4z%27 fill=%27url%28%23e%29%27 stroke=%27%23fff3c0%27 stroke-width=%271%27/%3E%3Cpath d=%27M30 10l4 10%27 stroke=%27rgba%28255,255,255,.8%29%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E") center / contain no-repeat; --p-o-l: 62px; --p-o-h: 60px; --p-o-y: -32px; --p-o-x: -12px; --p-o-filtre: drop-shadow(0 0 12px rgba(255,220,120,.85)); --p-reserve: 52px;
}
[data-look-partie="noel"] .prochaine::before { z-index: 1; top: -7px; left: 14px; right: 42px; height: 14px;
  background: radial-gradient(circle, #ff4d4d 0 3.2px, transparent 3.8px) 0 0 / 30px 14px repeat-x, radial-gradient(circle, #5cff8a 0 3.2px, transparent 3.8px) 10px 0 / 30px 14px repeat-x,
    radial-gradient(circle, #ffd84a 0 3.2px, transparent 3.8px) 20px 0 / 30px 14px repeat-x, linear-gradient(rgba(226,190,90,.9), rgba(226,190,90,.9)) 0 6px / 100% 2px no-repeat;
  filter: drop-shadow(0 0 4px rgba(255,230,150,.6)); animation: ata-p-guirlande 2.4s steps(3, jump-none) infinite; }
@keyframes ata-p-guirlande { 0% { background-position: 0 0, 10px 0, 20px 0, 0 6px; } 100% { background-position: 20px 0, 30px 0, 40px 0, 0 6px; } }

/* ---------- Nouvel An : paillettes, chiffre doré, feu d'artifice ---------- */
[data-look-partie="nouvel-an"] .prochaine {
  --p-fond: radial-gradient(circle at 15% 25%, rgba(255,215,110,.6) 0 1.3px, transparent 1.8px) 0 0 / 53px 41px, radial-gradient(circle at 60% 70%, rgba(255,255,255,.35) 0 1px, transparent 1.5px) 0 0 / 37px 29px,
    radial-gradient(circle at 80% 20%, rgba(255,120,200,.38) 0 1.2px, transparent 1.7px) 0 0 / 71px 47px, radial-gradient(circle at 35% 85%, rgba(120,200,255,.32) 0 1.2px, transparent 1.7px) 0 0 / 61px 59px,
    radial-gradient(ellipse 60% 90% at 100% 0%, rgba(232,194,90,.22), transparent 70%), linear-gradient(165deg, #161c33 0%, #070a14 65%);
  --p-ombre: 0 0 0 1.5px rgba(232,200,120,.8), 0 0 26px rgba(255,215,110,.22), 0 18px 40px rgba(0,0,0,.55);
  --p-txt: #fbf6e6; --p-doux: #d8cdaa; --p-titre: #ffe39a; --p-date: transparent; --p-mois: #ff9ad5; --p-trait: rgba(232,200,120,.35);
  --p-btn: linear-gradient(90deg, #d9aa3a, #fff1c4 50%, #d9aa3a); --p-btn-txt: #2a1d00; --p-btn-ombre: 0 6px 18px rgba(232,194,90,.35);
  --p-btn2: rgba(232,200,120,.7); --p-btn2-txt: #ffefc2; --p-btn2-survol: rgba(232,200,120,.14); --p-ok: #ffe39a;
  --p-o: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27%3E%3Cpath d=%27M64.0 50.0L90.0 50.0%27 stroke=%27%23ffd66a%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3Ccircle cx=%2795.0%27 cy=%2750.0%27 r=%272.4%27 fill=%27%23fff6cf%27/%3E%3Cpath d=%27M66.6 56.9L79.6 62.2%27 stroke=%27%23ff8ad0%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3Ccircle cx=%2784.2%27 cy=%2764.2%27 r=%271.8%27 fill=%27%23ffc4ea%27/%3E%3Cpath d=%27M59.9 59.9L78.3 78.3%27 stroke=%27%23ffd66a%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3Ccircle cx=%2781.8%27 cy=%2781.8%27 r=%272.4%27 fill=%27%23fff6cf%27/%3E%3Cpath d=%27M56.9 66.6L62.2 79.6%27 stroke=%27%23ff8ad0%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3Ccircle cx=%2764.2%27 cy=%2784.2%27 r=%271.8%27 fill=%27%23ffc4ea%27/%3E%3Cpath d=%27M50.0 64.0L50.0 90.0%27 stroke=%27%23ffd66a%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3Ccircle cx=%2750.0%27 cy=%2795.0%27 r=%272.4%27 fill=%27%23fff6cf%27/%3E%3Cpath d=%27M43.1 66.6L37.8 79.6%27 stroke=%27%23ff8ad0%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3Ccircle cx=%2735.8%27 cy=%2784.2%27 r=%271.8%27 fill=%27%23ffc4ea%27/%3E%3Cpath d=%27M40.1 59.9L21.7 78.3%27 stroke=%27%23ffd66a%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3Ccircle cx=%2718.2%27 cy=%2781.8%27 r=%272.4%27 fill=%27%23fff6cf%27/%3E%3Cpath d=%27M33.4 56.9L20.4 62.2%27 stroke=%27%23ff8ad0%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3Ccircle cx=%2715.8%27 cy=%2764.2%27 r=%271.8%27 fill=%27%23ffc4ea%27/%3E%3Cpath d=%27M36.0 50.0L10.0 50.0%27 stroke=%27%23ffd66a%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3Ccircle cx=%275.0%27 cy=%2750.0%27 r=%272.4%27 fill=%27%23fff6cf%27/%3E%3Cpath d=%27M33.4 43.1L20.4 37.8%27 stroke=%27%23ff8ad0%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3Ccircle cx=%2715.8%27 cy=%2735.8%27 r=%271.8%27 fill=%27%23ffc4ea%27/%3E%3Cpath d=%27M40.1 40.1L21.7 21.7%27 stroke=%27%23ffd66a%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3Ccircle cx=%2718.2%27 cy=%2718.2%27 r=%272.4%27 fill=%27%23fff6cf%27/%3E%3Cpath d=%27M43.1 33.4L37.8 20.4%27 stroke=%27%23ff8ad0%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3Ccircle cx=%2735.8%27 cy=%2715.8%27 r=%271.8%27 fill=%27%23ffc4ea%27/%3E%3Cpath d=%27M50.0 36.0L50.0 10.0%27 stroke=%27%23ffd66a%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3Ccircle cx=%2750.0%27 cy=%275.0%27 r=%272.4%27 fill=%27%23fff6cf%27/%3E%3Cpath d=%27M56.9 33.4L62.2 20.4%27 stroke=%27%23ff8ad0%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3Ccircle cx=%2764.2%27 cy=%2715.8%27 r=%271.8%27 fill=%27%23ffc4ea%27/%3E%3Cpath d=%27M59.9 40.1L78.3 21.7%27 stroke=%27%23ffd66a%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3Ccircle cx=%2781.8%27 cy=%2718.2%27 r=%272.4%27 fill=%27%23fff6cf%27/%3E%3Cpath d=%27M66.6 43.1L79.6 37.8%27 stroke=%27%23ff8ad0%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3Ccircle cx=%2784.2%27 cy=%2735.8%27 r=%271.8%27 fill=%27%23ffc4ea%27/%3E%3Ccircle cx=%2750%27 cy=%2750%27 r=%275%27 fill=%27%23fff6cf%27/%3E%3C/svg%3E") center / contain no-repeat; --p-o-l: 88px; --p-o-h: 88px; --p-o-y: -42px; --p-o-x: -18px; --p-o-filtre: drop-shadow(0 0 8px rgba(255,225,140,.7)); --p-reserve: 62px;
}
[data-look-partie="nouvel-an"] .prochaine::after { animation: ata-p-eclat 2.8s ease-out infinite; }
[data-look-partie="nouvel-an"] .prochaine .jour b { background: linear-gradient(180deg, #fffbe6 0%, #ffe39a 35%, #d9aa3a 75%, #a07818 100%); -webkit-background-clip: text; background-clip: text; filter: drop-shadow(0 0 10px rgba(255,215,110,.45)); }
@keyframes ata-p-eclat { 0% { transform: scale(.55); opacity: 0; } 25% { opacity: 1; } 70% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.06); opacity: 0; } }

/* ---------- Saint-Valentin : cœurs, cœur percé d'une flèche qui bat ---------- */
[data-look-partie="st-valentin"] .prochaine {
  --p-fond: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 120 60%27%3E%3Cpath transform=%27translate%288 8%29 scale%280.5%29%27 fill=%27rgba%28255,110,160,0.14%29%27 d=%27M12 21.5C5 16 1.5 12.2 1.5 7.6A5.3 5.3 0 0 1 12 5.2a5.3 5.3 0 0 1 10.5 2.4c0 4.6-3.5 8.4-10.5 13.9z%27/%3E%3Cpath transform=%27translate%2870 30%29 scale%280.35%29%27 fill=%27rgba%28255,110,160,0.1%29%27 d=%27M12 21.5C5 16 1.5 12.2 1.5 7.6A5.3 5.3 0 0 1 12 5.2a5.3 5.3 0 0 1 10.5 2.4c0 4.6-3.5 8.4-10.5 13.9z%27/%3E%3Cpath transform=%27translate%2896 4%29 scale%280.3%29%27 fill=%27rgba%28255,110,160,0.08%29%27 d=%27M12 21.5C5 16 1.5 12.2 1.5 7.6A5.3 5.3 0 0 1 12 5.2a5.3 5.3 0 0 1 10.5 2.4c0 4.6-3.5 8.4-10.5 13.9z%27/%3E%3C/svg%3E") 0 0 / 120px 60px repeat, radial-gradient(ellipse 60% 90% at 100% 0%, rgba(255,60,120,.28), transparent 70%), linear-gradient(165deg, #3d0d27 0%, #1a0612 65%);
  --p-ombre: 0 0 0 1.5px rgba(255,90,140,.8), 0 0 26px rgba(255,60,120,.25), 0 18px 40px rgba(0,0,0,.55);
  --p-txt: #fff0f5; --p-doux: #f0c2d2; --p-titre: #ff9ab9; --p-date: #ff9ab9; --p-date-ombre: 0 0 14px rgba(255,90,140,.6); --p-mois: #ffd6e4; --p-trait: rgba(255,110,160,.35);
  --p-btn: linear-gradient(180deg, #ff6f98, #ff2d6f); --p-btn-txt: #fff; --p-btn-ombre: 0 6px 18px rgba(255,45,111,.4);
  --p-btn2: rgba(255,154,185,.75); --p-btn2-txt: #ffd6e4; --p-btn2-survol: rgba(255,90,140,.15); --p-ok: #ffc2d4;
  --p-o: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 62 60%27%3E%3Cdefs%3E%3CradialGradient id=%27g%27 cx=%27.35%27 cy=%27.3%27 r=%27.85%27%3E%3Cstop offset=%270%27 stop-color=%27%23ffb3c9%27/%3E%3Cstop offset=%27.55%27 stop-color=%27%23ff2d6f%27/%3E%3Cstop offset=%271%27 stop-color=%27%23a3003a%27/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d=%27M4 52 58 10%27 stroke=%27%23e8c25a%27 stroke-width=%272.2%27/%3E%3Cpath d=%27M58 10l-9 1 2 2-1 3z%27 fill=%27%23e8c25a%27/%3E%3Cpath d=%27M4 52l5-1-2-2 1-3z%27 fill=%27%23e8c25a%27/%3E%3Cpath fill=%27url%28%23g%29%27 d=%27M31 54C16 42 8 34 8 24a11 11 0 0 1 23-5 11 11 0 0 1 23 5c0 10-8 18-23 30z%27/%3E%3Cellipse cx=%2720%27 cy=%2722%27 rx=%274.5%27 ry=%273%27 fill=%27rgba%28255,255,255,.55%29%27 transform=%27rotate%28-30 20 22%29%27/%3E%3Cpath d=%27M31 33 42 24%27 stroke=%27%23e8c25a%27 stroke-width=%272.2%27/%3E%3C/svg%3E") center / contain no-repeat; --p-o-l: 76px; --p-o-h: 74px; --p-o-y: -36px; --p-o-x: -16px; --p-o-filtre: drop-shadow(0 0 10px rgba(255,60,120,.65)); --p-reserve: 56px;
}
[data-look-partie="st-valentin"] .prochaine::after { animation: ata-p-battement 1.6s ease-in-out infinite; }
@keyframes ata-p-battement { 0%, 40%, 100% { transform: scale(1); } 15% { transform: scale(1.12); } 28% { transform: scale(1.05); } }

/* ---------- Printemps : pétales, fleur qui tourne doucement ---------- */
[data-look-partie="printemps"] .prochaine {
  --p-fond: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 160 70%27%3E%3Cellipse cx=%2720%27 cy=%2714%27 rx=%274%27 ry=%272%27 transform=%27rotate%2830 20 14%29%27 fill=%27rgba%28255,170,200,.22%29%27/%3E%3Cellipse cx=%2790%27 cy=%2740%27 rx=%274%27 ry=%272%27 transform=%27rotate%28-20 90 40%29%27 fill=%27rgba%28255,255,255,.14%29%27/%3E%3Cellipse cx=%27140%27 cy=%2718%27 rx=%274%27 ry=%272%27 transform=%27rotate%2860 140 18%29%27 fill=%27rgba%28255,200,220,.18%29%27/%3E%3Cellipse cx=%2754%27 cy=%2758%27 rx=%274%27 ry=%272%27 transform=%27rotate%2810 54 58%29%27 fill=%27rgba%28255,170,200,.14%29%27/%3E%3C/svg%3E") 0 0 / 160px 70px repeat, radial-gradient(ellipse 60% 90% at 100% 0%, rgba(255,179,207,.22), transparent 70%), radial-gradient(ellipse 70% 100% at 0% 100%, rgba(140,220,120,.24), transparent 70%), linear-gradient(165deg, #133420 0%, #0a1c12 65%);
  --p-ombre: 0 0 0 1.5px rgba(140,220,120,.75), 0 18px 40px rgba(0,0,0,.5);
  --p-txt: #f2fbef; --p-doux: #c6e0bd; --p-titre: #ffb3cf; --p-date: #ffe680; --p-mois: #a6ea90; --p-trait: rgba(140,220,120,.35);
  --p-btn: linear-gradient(180deg, #a3ea7f, #5cbf3e); --p-btn-txt: #0d2a12; --p-btn2: rgba(255,179,207,.75); --p-btn2-txt: #ffd9e7; --p-btn2-survol: rgba(255,143,181,.14); --p-ok: #c8f5b0;
  --p-o: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 58 58%27%3E%3Cdefs%3E%3CradialGradient id=%27p%27 cx=%27.5%27 cy=%27.85%27 r=%27.9%27%3E%3Cstop offset=%270%27 stop-color=%27%23ffd6e4%27/%3E%3Cstop offset=%271%27 stop-color=%27%23ff6f9f%27/%3E%3C/radialGradient%3E%3CradialGradient id=%27c%27 cx=%27.4%27 cy=%27.35%27 r=%27.7%27%3E%3Cstop offset=%270%27 stop-color=%27%23fff6b0%27/%3E%3Cstop offset=%271%27 stop-color=%27%23f0a800%27/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse cx=%2729%27 cy=%2715%27 rx=%278%27 ry=%2712%27 transform=%27rotate%280 29 29%29%27 fill=%27url%28%23p%29%27/%3E%3Cellipse cx=%2729%27 cy=%2715%27 rx=%278%27 ry=%2712%27 transform=%27rotate%2872 29 29%29%27 fill=%27url%28%23p%29%27/%3E%3Cellipse cx=%2729%27 cy=%2715%27 rx=%278%27 ry=%2712%27 transform=%27rotate%28144 29 29%29%27 fill=%27url%28%23p%29%27/%3E%3Cellipse cx=%2729%27 cy=%2715%27 rx=%278%27 ry=%2712%27 transform=%27rotate%28216 29 29%29%27 fill=%27url%28%23p%29%27/%3E%3Cellipse cx=%2729%27 cy=%2715%27 rx=%278%27 ry=%2712%27 transform=%27rotate%28288 29 29%29%27 fill=%27url%28%23p%29%27/%3E%3Ccircle cx=%2729%27 cy=%2729%27 r=%277.5%27 fill=%27url%28%23c%29%27/%3E%3C/svg%3E") center / contain no-repeat; --p-o-l: 66px; --p-o-h: 66px; --p-o-y: -32px; --p-o-x: -14px; --p-o-filtre: drop-shadow(0 4px 6px rgba(0,0,0,.45)); --p-reserve: 52px;
}
[data-look-partie="printemps"] .prochaine::after { transform-origin: center; animation: ata-p-tourne 16s linear infinite; }

/* ---------- Pâques : carte pastel (claire), nid et œuf d'or ---------- */
[data-look-partie="paques"] .prochaine {
  --p-fond: radial-gradient(circle at 20% 40%, rgba(255,156,198,.35) 0 2px, transparent 2.6px) 0 0 / 58px 44px, radial-gradient(circle at 70% 70%, rgba(127,200,255,.4) 0 2px, transparent 2.6px) 0 0 / 46px 52px,
    radial-gradient(circle at 50% 20%, rgba(255,209,102,.45) 0 2px, transparent 2.6px) 0 0 / 66px 38px, linear-gradient(165deg, #fffaf2 0%, #fff1e2 100%);
  --p-ombre: 0 0 0 3px #ffd6e8, 0 0 0 6px rgba(201,240,255,.75), 0 18px 40px rgba(0,0,0,.4);
  --p-txt: #2b1a33; --p-doux: #6b5875; --p-titre: #b8336f; --p-date: #6d43cf; --p-mois: #b8336f; --p-trait: #efd3e2;
  --p-btn: linear-gradient(180deg, #ff9cc6, #ff6fa8); --p-btn-txt: #2b0016; --p-btn-ombre: 0 6px 16px rgba(255,111,168,.35);
  --p-btn2: #c6b3ff; --p-btn2-txt: #4b2e9a; --p-btn2-survol: #f3eeff; --p-pastille: #f3eeff; --p-ok: #2f6b3a; --p-peu: #8a4b00; --p-non: #9a1530;
  --p-o: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 62%27%3E%3Cdefs%3E%3CclipPath id=%27o%27%3E%3Cpath d=%27M32 4C24 4 18 16 18 26c0 9 6 14 14 14s14-5 14-14C46 16 40 4 32 4z%27/%3E%3C/clipPath%3E%3CradialGradient id=%27or%27 cx=%27.35%27 cy=%27.3%27 r=%27.85%27%3E%3Cstop offset=%270%27 stop-color=%27%23fffbe0%27/%3E%3Cstop offset=%27.45%27 stop-color=%27%23ffd23f%27/%3E%3Cstop offset=%271%27 stop-color=%27%23b07800%27/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse cx=%2732%27 cy=%2747%27 rx=%2728%27 ry=%2711%27 fill=%27%236b4422%27/%3E%3Cpath d=%27M32 4C24 4 18 16 18 26c0 9 6 14 14 14s14-5 14-14C46 16 40 4 32 4z%27 fill=%27url%28%23or%29%27/%3E%3Cg clip-path=%27url%28%23o%29%27%3E%3Cpath d=%27M14 22l4-3 4 3 4-3 4 3 4-3 4 3 4-3 4 3 4-3%27 fill=%27none%27 stroke=%27%23fff3c0%27 stroke-width=%271.4%27/%3E%3C/g%3E%3Cellipse cx=%2726%27 cy=%2715%27 rx=%273%27 ry=%275%27 fill=%27rgba%28255,255,255,.55%29%27 transform=%27rotate%2820 26 15%29%27/%3E%3Cpath d=%27M6 40 q11 -6 22 0%27 fill=%27none%27 stroke=%27%23c08a4a%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M20 44 q13 -6 26 0%27 fill=%27none%27 stroke=%27%23a8733a%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M36 41 q11 -6 22 0%27 fill=%27none%27 stroke=%27%23c99a5a%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M10 48 q10 -6 20 0%27 fill=%27none%27 stroke=%27%238c5c2c%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M28 50 q12 -6 24 0%27 fill=%27none%27 stroke=%27%23b5834a%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M44 47 q7 -6 14 0%27 fill=%27none%27 stroke=%27%23a06a34%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E") center / contain no-repeat; --p-o-l: 78px; --p-o-h: 75px; --p-o-y: -38px; --p-o-x: -16px; --p-o-filtre: drop-shadow(0 6px 8px rgba(0,0,0,.35)); --p-reserve: 58px;
}
[data-look-partie="paques"] .prochaine::after { animation: ata-p-balance 3s ease-in-out infinite; }
@keyframes ata-p-balance { 0%, 100% { transform: rotate(-4deg); } 50% { transform: rotate(4deg); } }

/* ---------- Été : coucher de soleil, soleil qui rayonne ---------- */
[data-look-partie="ete"] .prochaine {
  --p-fond: radial-gradient(ellipse 50% 80% at 100% 0%, rgba(255,190,70,.42), transparent 70%), radial-gradient(ellipse 60% 90% at 0% 100%, rgba(255,80,90,.26), transparent 70%), linear-gradient(170deg, #3d1708 0%, #1f0c05 55%, #140703 100%);
  --p-ombre: 0 0 0 1.5px rgba(255,190,90,.8), 0 0 26px rgba(255,150,40,.25), 0 18px 40px rgba(0,0,0,.5);
  --p-txt: #fff6ea; --p-doux: #f0d4b4; --p-titre: #ffd56a; --p-date: #ffd56a; --p-date-ombre: 0 0 14px rgba(255,180,60,.6); --p-mois: #ffa27a; --p-trait: rgba(255,190,90,.35);
  --p-btn: linear-gradient(180deg, #ffc04a, #ff6a3d); --p-btn-txt: #2a0f00; --p-btn-ombre: 0 6px 18px rgba(255,106,61,.4);
  --p-btn2: rgba(255,227,154,.75); --p-btn2-txt: #ffeabc; --p-btn2-survol: rgba(255,190,90,.14); --p-ok: #ffe39a;
  --p-o: radial-gradient(circle, #fffbe0 0, #ffe27a 12px, #ffb02e 19px, transparent 20px), repeating-conic-gradient(rgba(255,191,63,.95) 0 7deg, transparent 7deg 22.5deg);
  --p-o-l: 84px; --p-o-h: 84px; --p-o-y: -40px; --p-o-x: -18px; --p-o-filtre: drop-shadow(0 0 10px rgba(255,200,60,.7)); --p-reserve: 60px;
}
[data-look-partie="ete"] .prochaine::after { border-radius: 50%; -webkit-mask: radial-gradient(circle, #000 52%, transparent 71%); mask: radial-gradient(circle, #000 52%, transparent 71%); transform-origin: center; animation: ata-p-tourne 24s linear infinite; }

/* ---------- 14 juillet : bandeau bleu, blanc, rouge et cocarde ---------- */
[data-look-partie="fete-nationale"] .prochaine {
  --p-fond: linear-gradient(90deg, #2b5bd7 0 33.3%, #f4f4f4 33.3% 66.6%, #e1242f 66.6%) 0 0 / 100% 5px no-repeat, radial-gradient(ellipse 45% 100% at 0% 0%, rgba(43,91,215,.32), transparent 70%),
    radial-gradient(ellipse 45% 100% at 100% 0%, rgba(225,36,47,.26), transparent 70%), linear-gradient(165deg, #0c1a3c 0%, #050c22 65%);
  --p-ombre: 0 0 0 1.5px rgba(255,255,255,.5), 0 18px 40px rgba(0,0,0,.5);
  --p-txt: #fff; --p-doux: #c3cde6; --p-titre: #fff; --p-date: #fff; --p-mois: #ff6a72; --p-trait: rgba(255,255,255,.25);
  --p-btn: linear-gradient(180deg, #3a6cf0, #1f45b5); --p-btn-txt: #fff; --p-btn-ombre: 0 6px 18px rgba(43,91,215,.4);
  --p-btn2: rgba(255,106,114,.85); --p-btn2-txt: #ffdadd; --p-btn2-survol: rgba(225,36,47,.16); --p-ok: #dfe8ff;
  --p-o: radial-gradient(circle, #2b5bd7 0 8px, #fff 8.5px 16px, #e1242f 16.5px 24px, transparent 24.5px); --p-o-l: 50px; --p-o-h: 50px; --p-o-y: -24px; --p-o-x: 20px; --p-o-filtre: drop-shadow(0 4px 6px rgba(0,0,0,.5)); --p-reserve: 76px;
}
[data-look-partie="fete-nationale"] .prochaine::before { z-index: 1; top: 14px; right: 30px; width: 30px; height: 26px;
  background: linear-gradient(#2b5bd7, #2b5bd7) 0 0 / 12px 26px no-repeat, linear-gradient(#e1242f, #e1242f) 100% 0 / 12px 26px no-repeat;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 80% 84%, 60% 100%, 50% 34%, 40% 100%, 20% 84%, 0 100%); }

/* ---------- Rentrée : tableau noir, cadre en bois, craie ---------- */
[data-look-partie="rentree"] .prochaine {
  --p-fond: radial-gradient(ellipse 30% 60% at 20% 40%, rgba(255,255,255,.06), transparent 70%), radial-gradient(ellipse 25% 50% at 75% 70%, rgba(255,255,255,.05), transparent 70%), #20302a;
  --p-rayon: 6px; --p-ombre: 0 0 0 7px #7a5432, 0 0 0 9px #4a3018, inset 0 0 30px rgba(0,0,0,.45), 0 18px 40px rgba(0,0,0,.55);
  --p-txt: #f3f2e8; --p-doux: #cbcdbf; --p-titre: #fff3a6; --p-date: #ffe680; --p-mois: #a6e3ff; --p-trait: rgba(240,240,230,.35);
  --p-btn: #ffe066; --p-btn-txt: #2a2400; --p-btn2: rgba(240,240,230,.7); --p-btn2-txt: #f4f2e8; --p-btn2-survol: rgba(255,255,255,.08); --p-ok: #fff3a6;
  --p-o: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 60 60%27%3E%3Cg fill=%27none%27 stroke=%27rgba%28244,242,232,.85%29%27 stroke-width=%272.6%27 stroke-linecap=%27round%27 stroke-dasharray=%279 2.5%27%3E%3Ccircle cx=%2730%27 cy=%2730%27 r=%2725%27/%3E%3Ccircle cx=%2730%27 cy=%2730%27 r=%2715.5%27 stroke-dasharray=%277 2%27/%3E%3C/g%3E%3Ccircle cx=%2730%27 cy=%2730%27 r=%276%27 fill=%27rgba%28255,224,102,.95%29%27/%3E%3Cpath d=%27M30 1v8M30 51v8M1 30h8M51 30h8%27 stroke=%27rgba%28244,242,232,.8%29%27 stroke-width=%272.2%27 stroke-linecap=%27round%27/%3E%3C/svg%3E") center / contain no-repeat; --p-o-l: 52px; --p-o-h: 52px; --p-o-y: 14px; --p-o-x: 14px; --p-reserve: 66px;
}
[data-look-partie="rentree"] .prochaine::before { z-index: -1; inset: 7px; border: 2px dashed rgba(240,240,230,.24); border-radius: 4px; }
[data-look-partie="rentree"] .prochaine .titre, [data-look-partie="rentree"] .prochaine .jour b, [data-look-partie="rentree"] .prochaine .ou b { text-shadow: 0 0 1px rgba(255,255,255,.55), 0 0 6px rgba(255,255,255,.12); }

/* Téléphone : le décor du coin rétrécit. Mouvement réduit demandé : rien ne bouge. */
@media (max-width: 560px) { :where([data-look-partie]:not([data-look-partie="classique"])) .prochaine::after { scale: .8; } [data-look-partie="halloween"] .prochaine::before { scale: .85; transform-origin: top right; } }
@media (prefers-reduced-motion: reduce) { :where([data-look-partie]:not([data-look-partie="classique"])) .prochaine::before, :where([data-look-partie]:not([data-look-partie="classique"])) .prochaine::after, :where([data-look-partie]:not([data-look-partie="classique"])) .prochaine .titre::before { animation: none !important; } }

/* ==========================================================================
   PIED DE PAGE commun à toutes les pages publiques (posé par outils/faire-menu.py entre <!-- PIED ATA --> et <!-- /PIED ATA -->)
   La trajectoire de la bille en haut, la marque du club, trois colonnes de liens, et la ligne légale.
   ========================================================================== */
.pied-ata { position: relative; display: block; margin: clamp(48px, 7vw, 84px) 0 0; padding: 0; border: 0; border-radius: 18px 18px 0 0; text-align: left;
  color: #c5d3e4; font: 15px/1.55 Arial, Helvetica, sans-serif; letter-spacing: 0; text-transform: none;
  background: radial-gradient(80% 140% at 0% 0%, rgba(47,111,224,.24), transparent 62%), radial-gradient(60% 120% at 100% 100%, rgba(240,125,18,.13), transparent 60%), linear-gradient(180deg, #0a1826 0%, #050c14 100%);
  box-shadow: inset 0 0 0 1px rgba(110,165,255,.18), 0 -14px 40px rgba(0,0,0,.35); }
.pied-ata::before { content: ""; position: absolute; left: 18px; right: 18px; top: 0; height: 2px; border-radius: 2px;
  background: linear-gradient(90deg, rgba(255,60,60,0) 0%, rgba(255,70,70,.75) 46%, #cde4ff 72%, rgba(205,228,255,0) 100%); }
.pied-ata::after { content: ""; position: absolute; top: -6px; left: 72%; width: 14px; height: 14px; border-radius: 50%;
  background: radial-gradient(circle at 34% 30%, #fff 0, #f7fbff 30%, #cfe1ff 60%, #7ea6e6 100%); box-shadow: 0 0 0 3px rgba(160,205,255,.25), 0 0 18px 5px rgba(120,180,255,.65); }
.pied-ata a { color: #c5d3e4; text-decoration: none; }
.pied-ata a:hover, .pied-ata a:focus-visible { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.pied-ata h2 { display: flex; align-items: center; gap: 9px; margin: 4px 0 14px; padding: 0; border: 0; font: 700 14px/1.1 "Barlow ATA", "Arial Narrow", Arial, sans-serif; letter-spacing: .2em; text-transform: uppercase; color: #fff; }
.pied-ata h2::before { content: ""; flex: none; width: 9px; height: 9px; border-radius: 50%; background: radial-gradient(circle at 34% 30%, #fffbe8 0, #ffd27a 24%, #ff9a1f 60%, #d65e00 100%); box-shadow: 0 0 10px 2px rgba(255,140,30,.55); }
.pied-ata ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.pied-ata li { margin: 0; padding: 0; }
.pa-grille { display: grid; grid-template-columns: minmax(0, 1.55fr) repeat(3, minmax(0, 1fr)); gap: 30px 36px; padding: clamp(30px, 4vw, 46px) clamp(20px, 3.4vw, 42px) 30px; }
.pa-marque { display: inline-flex; align-items: center; gap: 14px; color: #fff !important; text-decoration: none !important; }
.pa-logo { flex: none; width: 58px; height: 58px; border-radius: 15px; background: #fff url(data:image/png;base64,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) center / 46px no-repeat; box-shadow: 0 6px 18px rgba(0,0,0,.45), 0 0 0 3px rgba(47,111,224,.4); }
.pa-marque b { display: block; font: 700 21px/1.08 "Barlow ATA", "Arial Narrow", Arial, sans-serif; letter-spacing: .03em; text-transform: uppercase; }
.pa-marque small { display: block; margin-top: 4px; font: 600 12.5px/1.2 "Barlow ATA", "Arial Narrow", Arial, sans-serif; letter-spacing: .22em; text-transform: uppercase; color: #ff9f43; }
.pa-club p { margin: 16px 0 18px; max-width: 44ch; color: #a9b9d1; }
.pa-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.pied-ata .pa-bouton { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 10px 16px; border-radius: 8px; text-decoration: none;
  font: 700 14px/1 "Barlow ATA", "Arial Narrow", Arial, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #1d0c00; background: linear-gradient(180deg, #ffb24d, #f07d12); box-shadow: 0 6px 18px rgba(240,125,18,.32); }
.pied-ata .pa-bouton:hover, .pied-ata .pa-bouton:focus-visible { color: #1d0c00; text-decoration: none; filter: brightness(1.08); }
.pied-ata .pa-bouton.pa-clair { color: #fff; background: rgba(255,255,255,.04); box-shadow: inset 0 0 0 2px rgba(255,255,255,.4); }
.pied-ata .pa-bouton.pa-clair:hover, .pied-ata .pa-bouton.pa-clair:focus-visible { color: #fff; box-shadow: inset 0 0 0 2px #fff; filter: none; }
.pa-reseaux a { display: inline-flex; align-items: center; gap: 10px; }
.pa-ico { flex: none; display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; font: 900 15px/1 Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
.pa-ico.pa-fb { background: #1877f2; } .pa-ico.pa-yt { background: #ff2d2d; font-size: 11px; } .pa-ico.pa-go { background: #ffc93c; color: #1d0c00; } .pa-ico.pa-co { background: #2f6fe0; font-size: 14px; }
.pa-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; padding: 16px clamp(20px, 3.4vw, 42px) 22px; border-top: 1px solid rgba(110,165,255,.16); font-size: 13px; color: #8293a8; }
.pa-legal { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.pied-ata .pa-legal a { color: #a9b9d1; }
@media (max-width: 1000px) { .pa-grille { grid-template-columns: repeat(3, minmax(0, 1fr)); } .pa-club { grid-column: 1 / -1; } }
@media (max-width: 640px) { .pa-grille { grid-template-columns: 1fr 1fr; } .pa-grille > :last-child { grid-column: 1 / -1; } .pa-bas { justify-content: flex-start; } }
@media (max-width: 640px) { .pied-ata .pa-reseaux { grid-template-columns: 1fr 1fr; gap: 12px 18px; } }
@media (max-width: 460px) { .pa-grille { column-gap: 18px; } .pied-ata { font-size: 14.5px; } .pied-ata h2 { letter-spacing: .14em; } .pa-actions .pa-bouton { flex: 1 1 100%; } }
@media (max-width: 340px) { .pa-grille, .pied-ata .pa-reseaux { grid-template-columns: 1fr; } }

/* ==========================================================================
   AVIS GOOGLE EN DIRECT (toute rubrique [data-avis-google] : Accueil, Avis…) — rempli par menu-ata.js
   Mentions exigées par Google : auteur (nom, photo, lien), date de visite (France), « traduit par Google », lien vers Google Maps, Signaler,
   classement par pertinence, « Source : Google Maps ».
   ========================================================================== */
.avis-g { background: #0c1d28; outline: 1px solid rgba(255,255,255,.14); outline-offset: -1px; border-radius: 14px; padding: clamp(18px, 2.6vw, 28px); color: #fff; font: 16px/1.5 Arial, Helvetica, sans-serif; }
.avis-g-tete { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; margin-bottom: 18px; }
.avis-g-note { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; }
.avis-g-note .ag-note { font-family: "Arial Black", Arial, sans-serif; font-weight: 900; font-size: clamp(40px, 5vw, 54px); line-height: 1; }
.avis-g-note .ag-nombre { color: #a9b8c6; font-size: 15px; }
.ag-etoiles { position: relative; display: inline-block; font-size: 26px; line-height: 1; letter-spacing: 3px; color: rgba(255,255,255,.22); }
.ag-etoiles::before { content: "★★★★★"; }
.ag-etoiles .plein { position: absolute; left: 0; top: 0; overflow: hidden; white-space: nowrap; color: #ffc93c; }
.ag-etoiles .plein::before { content: "★★★★★"; }
.avis-g-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.avis-g .ag-bouton { display: inline-flex; align-items: center; justify-content: center; padding: 11px 16px; border-radius: 8px; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 14px; line-height: 1.2; letter-spacing: .3px;
  color: #fff; background: linear-gradient(180deg, #2f6fe0, #0a398d); }
.avis-g .ag-bouton:hover, .avis-g .ag-bouton:focus-visible { filter: brightness(1.15); }
.avis-g .ag-bouton.ag-clair { background: transparent; box-shadow: inset 0 0 0 2px rgba(255,255,255,.55); }
.avis-g-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.avis-g-carte { display: flex; flex-direction: column; gap: 8px; min-width: 0; margin: 0; background: rgba(255,255,255,.05); border-radius: 12px; padding: 16px; }
.avis-g-carte .auteur { display: flex; align-items: center; gap: 10px; min-width: 0; }
.avis-g-carte .photo { flex: none; width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: #0a398d; display: grid; place-items: center; font-weight: bold; font-size: 18px; color: #fff; }
.avis-g-carte .auteur a, .avis-g-carte .auteur .nom { display: block; font-weight: bold; color: #fff; text-decoration: none; overflow-wrap: anywhere; }
.avis-g-carte .auteur a:hover, .avis-g-carte .auteur a:focus-visible { text-decoration: underline; }
.avis-g-carte .quand { display: block; color: #a9b8c6; font-size: 13px; }
.avis-g-carte .etoiles { color: #ffc93c; letter-spacing: 2px; font-size: 17px; line-height: 1; }
.avis-g-carte .texte { margin: 0; color: #dbe4ee; font-size: 15px; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; }
.avis-g-carte .meta { margin: 0; color: #a9b8c6; font-size: 13px; }
.avis-g-carte .meta button { padding: 0; border: 0; background: none; color: #cfe0ff; font: inherit; text-decoration: underline; cursor: pointer; }
.avis-g-carte .pied-avis { margin: auto 0 0; padding-top: 6px; font-size: 13px; color: #a9b8c6; }
.avis-g-carte .pied-avis a { color: #cfe0ff; }
.avis-g-mention { margin: 16px 0 0; color: #a9b8c6; font-size: 13px; line-height: 1.5; }
.avis-g-mention .source { color: #fff; white-space: nowrap; }