/* ============================================================
   FOOT.DULUX — coupe.css
   Page « Coupe Foot.Dulux » (coupe.html) + bloc de la page
   d'accueil (section #coupe). En plus de style.css.
   Toutes les animations s'arrêtent si l'appareil demande
   « moins d'animations ».
   ============================================================ */
.cf-page, .cfh{
  --cf-ink:#090a08; --cf-panel:#0e130b; --cf-panel-2:#131a10; --cf-chalk:#f8f7f0;
  --cf-chalk-2:rgba(248,247,240,.72); --cf-chalk-3:rgba(248,247,240,.5);
  --cf-line:rgba(248,247,240,.10); --cf-line-2:rgba(248,247,240,.18);
}
/* palette verte (Coupe Provinciaux) et dorée (Coupe Élite) */
.cf-page, .cfh, .cf-theme-prov{
  --cf-lime:#b6e51d; --cf-hot:#dcff55; --cf-dim:#5b7314; --cf-rgb:182,229,29; --cf-hot-rgb:220,255,85; --cf-pale:#ecff9a;
  --cf-t1:#f4ffb6; --cf-t2:#dcff55; --cf-t3:#b6e51d; --cf-t4:#5b7314; --cf-td1:#9cc21a; --cf-td2:#3a4b0b; --cf-rim:#ecff9a; --cf-rimin:#4d6311; --cf-star:#3a4b0b;
  --cf-deep1:#1a2410; --cf-deep2:#22300f; --cf-deep3:#111a0a; --cf-dark2:#4d6311;
}
body.cf-page[data-cf-level="elite"], .cf-theme-elite{
  --cf-lime:#f2c14e; --cf-hot:#ffe08a; --cf-dim:#8a6418; --cf-rgb:242,193,78; --cf-hot-rgb:255,224,138; --cf-pale:#fff0c2;
  --cf-t1:#fff7dc; --cf-t2:#ffd970; --cf-t3:#f2c14e; --cf-t4:#8a6418; --cf-td1:#c99a2e; --cf-td2:#553c0b; --cf-rim:#ffe9a8; --cf-rimin:#6b4f12; --cf-star:#553c0b;
  --cf-deep1:#271e0d; --cf-deep2:#30240d; --cf-deep3:#1b1408; --cf-dark2:#6b4f12;
}
body.cf-page[data-cf-level="elite"] .cf-theme-prov{
  --cf-lime:#b6e51d; --cf-hot:#dcff55; --cf-dim:#5b7314; --cf-rgb:182,229,29; --cf-hot-rgb:220,255,85; --cf-pale:#ecff9a;
  --cf-t1:#f4ffb6; --cf-t2:#dcff55; --cf-t3:#b6e51d; --cf-t4:#5b7314; --cf-td1:#9cc21a; --cf-td2:#3a4b0b; --cf-rim:#ecff9a; --cf-rimin:#4d6311; --cf-star:#3a4b0b;
  --cf-deep1:#1a2410; --cf-deep2:#22300f; --cf-deep3:#111a0a; --cf-dark2:#4d6311;
}
body.cf-page:not([data-cf-level="elite"]) .cf-only-elite, body.cf-page[data-cf-level="elite"] .cf-only-prov{ display:none!important; }
body.cf-page{ background:var(--cf-ink); overflow-x:clip; }
.cf-page main{ display:block; padding-bottom:100px; }
.cf-page .nav-dropdown-toggle{ appearance:none; background:none; border:0; border-bottom:2px solid transparent; color:inherit; padding:0 0 5px; }
@media (max-width:900px){ .cf-page .nav-dropdown-menu{ left:auto; right:0; } }
.cf-page :focus-visible, .cfh :focus-visible{ outline:2px solid var(--cf-lime); outline-offset:3px; }
.cf-page [hidden]{ display:none!important; }
.cf-page h2, .cf-page h3{ color:var(--cf-chalk); }

/* ---------- éléments communs ---------- */
.cf-chip{ display:inline-flex; align-items:center; height:24px; padding:0 10px; margin-right:10px; border-radius:999px; background:var(--cf-lime); color:#0b0d08;
  font:700 11px "Space Mono",monospace; letter-spacing:.06em; text-transform:uppercase; vertical-align:middle; }
.cf-led{ display:block; padding-top:.08em; font-family:Anton,Impact,sans-serif; font-weight:400; text-transform:uppercase; line-height:.86; letter-spacing:.01em; color:var(--cf-lime);
  background-image:radial-gradient(circle, var(--cf-hot) 0 34%, rgba(var(--cf-rgb),.72) 44%, transparent 58%); background-size:7px 7px;
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; filter:drop-shadow(0 0 24px rgba(var(--cf-rgb),.34)); }
.cf-led.is-scan{ -webkit-mask-image:linear-gradient(90deg,#000 46%,rgba(0,0,0,.15) 54%); mask-image:linear-gradient(90deg,#000 46%,rgba(0,0,0,.15) 54%);
  -webkit-mask-size:240% 100%; mask-size:240% 100%; animation:cfScan 1.1s steps(22) .2s both; }
@keyframes cfScan{ from{ -webkit-mask-position:100% 0; mask-position:100% 0; } to{ -webkit-mask-position:0 0; mask-position:0 0; } }
.cf-btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:0 26px; border-radius:999px; cursor:pointer;
  font:700 15px Inter,Arial,sans-serif; text-decoration:none; transition:background .2s, border-color .2s, transform .2s, box-shadow .2s; }
.cf-btn-main{ background:var(--cf-lime); color:#0b0d08; border:1px solid var(--cf-lime); box-shadow:0 10px 30px -12px rgba(var(--cf-rgb),.6); }
.cf-btn-main:hover{ background:var(--cf-hot); transform:translateY(-2px); box-shadow:0 16px 36px -12px rgba(var(--cf-hot-rgb),.7); }
.cf-btn-ghost{ background:rgba(9,10,8,.55); color:var(--cf-chalk); border:1px solid var(--cf-line-2); backdrop-filter:blur(6px); }
.cf-btn-ghost:hover{ border-color:var(--cf-lime); transform:translateY(-2px); }
.cf-btn:disabled{ opacity:.6; cursor:wait; transform:none; }
.cf-eyebrow{ margin:0; font:700 12px "Space Mono",monospace; letter-spacing:.1em; text-transform:uppercase; color:var(--cf-lime); }
.cf-head{ max-width:760px; margin-bottom:34px; }
.cf-head h2{ margin-top:10px; font-size:clamp(36px, 5.4vw, 66px); line-height:.95; }
.cf-sub{ margin-top:14px; font:400 16.5px/1.6 Inter,Arial,sans-serif; color:var(--cf-chalk-2); max-width:62ch; }
.cf-sec{ padding:110px 0 0; scroll-margin-top:20px; }

/* apparition au défilement (cachés seulement si le script tourne) */
.cf-reveal{ transition:opacity .75s cubic-bezier(.2,.7,.2,1), transform .75s cubic-bezier(.2,.7,.2,1); }
.cf-reveal.is-pre{ opacity:0; transform:translateY(28px); }
.cf-facts .cf-reveal:nth-child(2), .cf-phases .cf-reveal:nth-child(2){ transition-delay:.08s; }
.cf-facts .cf-reveal:nth-child(3), .cf-phases .cf-reveal:nth-child(3){ transition-delay:.16s; }
.cf-facts .cf-reveal:nth-child(4){ transition-delay:.24s; }

/* ---------- haut de page ---------- */
.cf-hero{ position:relative; padding:170px 0 0; overflow:hidden; isolation:isolate; border-bottom:1px solid var(--cf-line);
  background:radial-gradient(70% 70% at 78% 40%, rgba(var(--cf-rgb),.13), transparent 62%), radial-gradient(60% 60% at 0% 100%, rgba(var(--cf-rgb),.06), transparent 60%), var(--cf-ink); }
.cf-hero::after{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-image:radial-gradient(circle, rgba(248,247,240,.09) 0 1px, transparent 1.6px); background-size:6px 6px;
  -webkit-mask-image:radial-gradient(80% 90% at 70% 40%, #000 0%, rgba(0,0,0,.25) 60%, transparent 100%); mask-image:radial-gradient(80% 90% at 70% 40%, #000 0%, rgba(0,0,0,.25) 60%, transparent 100%); }
.cf-hero-bg{ position:absolute; inset:0; z-index:-2; pointer-events:none; overflow:hidden; }
.cf-beam{ position:absolute; top:-30%; width:52vw; height:150%; opacity:.55; transform-origin:50% 0;
  background:linear-gradient(180deg, rgba(var(--cf-hot-rgb),.22), rgba(var(--cf-rgb),.05) 55%, transparent 80%);
  clip-path:polygon(46% 0, 54% 0, 100% 100%, 0 100%); }
.cf-beam-l{ left:18%; transform:rotate(26deg); animation:cfBeamL 9s ease-in-out infinite alternate; }
.cf-beam-r{ right:-6%; transform:rotate(-24deg); animation:cfBeamR 11s ease-in-out infinite alternate; }
@keyframes cfBeamL{ to{ transform:rotate(12deg); opacity:.35; } }
@keyframes cfBeamR{ to{ transform:rotate(-8deg); opacity:.75; } }
.cf-hero-in{ display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); align-items:center; gap:28px; padding-bottom:70px; }
.cf-kicker{ margin:0; font:600 14px Inter,Arial,sans-serif; color:var(--cf-chalk-2); }
.cf-title{ margin:22px 0 0; }
.cf-title-s{ display:block; font-size:clamp(30px, 4.2vw, 56px); line-height:1; color:var(--cf-chalk); }
.cf-title .cf-led{ margin-top:6px; font-size:clamp(56px, 9.4vw, 124px); }
.cf-tag{ margin-top:18px; font:400 clamp(24px, 2.8vw, 36px)/1.05 Anton,Impact,sans-serif; text-transform:uppercase; letter-spacing:.02em; color:var(--cf-chalk); }
.cf-lead{ margin-top:14px; max-width:54ch; font:400 clamp(15.5px,1.45vw,18px)/1.6 Inter,Arial,sans-serif; color:var(--cf-chalk-2); }
.cf-ctas{ display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }

.cf-hero-art{ display:flex; justify-content:center; }
.cf-trophy-wrap{ position:relative; width:min(400px, 74vw); aspect-ratio:800/882; }
.cf-trophy{ position:relative; z-index:2; width:100%; height:100%; display:block; overflow:visible;
  filter:drop-shadow(0 22px 40px rgba(0,0,0,.55)) drop-shadow(0 0 30px rgba(var(--cf-rgb),.28)); animation:cfFloat 6s ease-in-out infinite; }
@keyframes cfFloat{ 50%{ transform:translateY(-14px) rotate(-1.2deg); } }
.cf-halo{ position:absolute; z-index:0; left:50%; top:42%; width:130%; aspect-ratio:1; transform:translate(-50%,-50%); border-radius:50%;
  background:radial-gradient(closest-side, rgba(var(--cf-hot-rgb),.30), rgba(var(--cf-rgb),.10) 55%, transparent 72%); animation:cfHalo 4.2s ease-in-out infinite; }
@keyframes cfHalo{ 50%{ transform:translate(-50%,-50%) scale(1.08); opacity:.75; } }
.cf-ring{ position:absolute; z-index:1; left:50%; bottom:-4%; width:92%; height:13%; transform:translateX(-50%); border-radius:50%;
  background:radial-gradient(closest-side, rgba(var(--cf-rgb),.5), rgba(var(--cf-rgb),.12) 60%, transparent 75%); filter:blur(2px); }
.cf-shine{ animation:cfShine 5.2s ease-in-out 1.2s infinite; }
@keyframes cfShine{ 0%{ transform:translateX(0) skewX(-18deg); } 42%, 100%{ transform:translateX(330px) skewX(-18deg); } }
.cf-spark{ position:absolute; z-index:3; width:16px; height:16px; pointer-events:none; opacity:0;
  background:radial-gradient(closest-side, #fff, rgba(var(--cf-hot-rgb),.9) 35%, transparent 70%);
  clip-path:polygon(50% 0, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0 50%, 40% 40%); animation:cfSpark 3.4s ease-in-out infinite; }
.cf-spark.s1{ left:12%; top:16%; animation-delay:.2s; } .cf-spark.s2{ left:82%; top:10%; width:22px; height:22px; animation-delay:1.1s; }
.cf-spark.s3{ left:88%; top:48%; animation-delay:2s; } .cf-spark.s4{ left:4%; top:52%; width:12px; height:12px; animation-delay:2.6s; }
.cf-spark.s5{ left:30%; top:2%; width:10px; height:10px; animation-delay:1.6s; } .cf-spark.s6{ left:66%; top:70%; width:12px; height:12px; animation-delay:.7s; }
@keyframes cfSpark{ 0%, 100%{ opacity:0; transform:scale(.3) rotate(0); } 45%{ opacity:1; transform:scale(1) rotate(45deg); } 60%{ opacity:0; } }

.cf-marquee{ position:relative; overflow:hidden; background:var(--cf-lime); color:#0b0d08; border-top:1px solid var(--cf-hot); }
.cf-marquee-track{ display:flex; align-items:center; width:max-content; animation:cfMarquee 40s linear infinite; }
.cf-marquee span{ padding:14px 0; font:400 22px/1 Anton,Impact,sans-serif; text-transform:uppercase; letter-spacing:.03em; white-space:nowrap; }
.cf-marquee i{ width:9px; height:9px; margin:0 22px; border-radius:50%; background:#0b0d08; flex:none; }
@keyframes cfMarquee{ to{ transform:translateX(-50%); } }

/* ---------- le principe ---------- */
.cf-facts{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:14px; }
.cf-fact{ position:relative; padding:24px 22px 22px; border:1px solid var(--cf-line); border-radius:20px; overflow:hidden;
  background:linear-gradient(180deg, rgba(var(--cf-rgb),.06), transparent 40%), var(--cf-panel); }
.cf-fact::before{ content:""; position:absolute; left:22px; right:22px; top:0; height:2px; background:linear-gradient(90deg, var(--cf-lime), transparent); }
.cf-fact b{ display:block; font:400 64px/.9 Anton,Impact,sans-serif; color:var(--cf-lime); text-shadow:0 0 28px rgba(var(--cf-rgb),.35); }
.cf-fact span{ display:block; margin-top:8px; font:700 12px "Space Mono",monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--cf-chalk); }
.cf-fact p{ margin-top:12px; font:400 15px/1.55 Inter,Arial,sans-serif; color:var(--cf-chalk-2); }

/* ---------- le tableau ---------- */
.cf-bracket{ position:relative; padding:28px 26px 22px; border:1px solid var(--cf-line); border-radius:26px; overflow:hidden;
  background:radial-gradient(42% 70% at 50% 50%, rgba(var(--cf-rgb),.10), transparent 70%), linear-gradient(180deg, #0f150c, #0a0d08); }
.cf-bracket::before{ content:""; position:absolute; inset:0; pointer-events:none; opacity:.6;
  background-image:linear-gradient(rgba(248,247,240,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(248,247,240,.035) 1px, transparent 1px); background-size:40px 40px; }
.cf-br{ position:relative; display:block; width:100%; height:auto; overflow:visible; }
.cf-br .ln{ fill:none; stroke:rgba(248,247,240,.24); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.cf-br .hl{ fill:none; stroke:var(--cf-lime); stroke-width:4.5; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 6px rgba(var(--cf-rgb),.85)); }
.cf-br .slot rect{ fill:#11170d; stroke:rgba(248,247,240,.16); stroke-width:1.5; }
.cf-br .slot text{ font:600 15px Inter,Arial,sans-serif; fill:var(--cf-chalk-3); }
.cf-br .slot .sh{ fill:none; stroke:var(--cf-chalk-3); stroke-width:1.6; stroke-linejoin:round; }
.cf-br .slot.semi text{ font:700 12px "Space Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }
.cf-br .slot.me rect{ fill:rgba(var(--cf-rgb),.12); stroke:var(--cf-lime); stroke-width:2; }
.cf-br .slot.me text{ fill:var(--cf-hot); font-weight:700; }
.cf-br .slot.me .sh{ fill:var(--cf-lime); stroke:var(--cf-lime); }
.cf-br .lb{ font:700 13px "Space Mono",monospace; letter-spacing:.14em; text-transform:uppercase; fill:var(--cf-lime); }
.cf-br .lb-f{ font:400 30px Anton,Impact,sans-serif; letter-spacing:.06em; fill:var(--cf-chalk); }
.cf-br .comet{ fill:var(--cf-pale); filter:drop-shadow(0 0 8px var(--cf-hot)) drop-shadow(0 0 16px rgba(var(--cf-rgb),.8)); }
.cf-br .glow{ transform-origin:500px 226px; animation:cfGlow 3.6s ease-in-out infinite; }
@keyframes cfGlow{ 50%{ opacity:.6; transform:scale(.92); } }
.cf-br.is-hit .glow{ animation:cfHit .9s ease-out; }
@keyframes cfHit{ 0%{ opacity:1; transform:scale(1); } 35%{ opacity:1; transform:scale(1.45); } 100%{ opacity:1; transform:scale(1); } }
.cf-br-trophy{ overflow:visible; filter:drop-shadow(0 6px 10px rgba(0,0,0,.55)); }
/* les deux trophées en image : celui de la coupe choisie apparaît, l'autre s'efface */
.cf-trophy-img{ display:block; }
.cf-trophy-img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; transition:opacity .6s ease, transform .6s cubic-bezier(.2,.8,.2,1.15); }
body.cf-page[data-cf-level="elite"] .cf-trophy-img .t-prov, body.cf-page:not([data-cf-level="elite"]) .cf-trophy-img .t-elite{ opacity:0; transform:scale(.92) translateY(10px); }
/* tracé animé : seulement quand le script est prêt (sinon tout est déjà dessiné) */
.cf-anim.is-ready .ln, .cf-anim.is-ready .hl{ stroke-dasharray:1; stroke-dashoffset:1; }
.cf-anim.is-in .ln{ animation:cfDraw .8s cubic-bezier(.6,.1,.2,1) forwards; }
.cf-anim.is-in .ln.r2{ animation-delay:.65s; }
.cf-anim.is-in .hl{ animation:cfDraw 1.3s ease-in-out 1.35s forwards; }
@keyframes cfDraw{ to{ stroke-dashoffset:0; } }
.cf-anim.is-ready .slot, .cf-anim.is-ready .lb{ opacity:0; }
.cf-anim.is-in .slot, .cf-anim.is-in .lb{ animation:cfPop .5s cubic-bezier(.2,.8,.2,1.2) forwards; }
.cf-anim.is-in .slot.semi{ animation-delay:.55s; }
@keyframes cfPop{ from{ opacity:0; } to{ opacity:1; } }

/* ---------- cartes des catégories ---------- */
.cf-cards{ display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:16px; perspective:900px; }
.cf-card{ --rx:0deg; --ry:0deg; --mx:50%; position:relative; display:block; padding:0; border:0; background:none; cursor:pointer; color:var(--cf-chalk); text-align:center;
  transform:rotateX(var(--rx)) rotateY(var(--ry)); transition:transform .25s ease, filter .25s; -webkit-tap-highlight-color:transparent; }
.cf-card-in{ position:relative; display:flex; flex-direction:column; align-items:stretch; min-height:332px; background:linear-gradient(150deg, var(--cf-pale), var(--cf-lime) 40%, var(--cf-dark2) 100%);
  clip-path:polygon(16px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 30px), 50% 100%, 0 calc(100% - 30px), 0 16px); }
.cf-card-in::before{ content:""; position:absolute; inset:2px; z-index:0; clip-path:inherit;
  background:radial-gradient(90% 60% at 50% 0%, rgba(var(--cf-rgb),.22), transparent 60%), linear-gradient(170deg, var(--cf-deep1) 0%, #0e100b 52%, #070906 100%); }
.cf-card-in::after{ content:""; position:absolute; inset:0; z-index:2; pointer-events:none; clip-path:inherit; opacity:0; transition:opacity .25s;
  background:linear-gradient(115deg, transparent 20%, rgba(255,255,255,.16) calc(var(--mx) - 8%), rgba(var(--cf-hot-rgb),.22) var(--mx), rgba(255,255,255,.10) calc(var(--mx) + 8%), transparent 80%); }
.cf-card:hover .cf-card-in::after, .cf-card:focus-visible .cf-card-in::after{ opacity:1; }
.cf-card:hover{ filter:drop-shadow(0 16px 26px rgba(var(--cf-rgb),.24)); }
.cf-card-in > span{ position:relative; z-index:1; }
.cf-card-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:8px; padding:20px 18px 0 20px; text-align:left; }
.cf-card-ovr{ font:400 48px/.9 Anton,Impact,sans-serif; color:var(--cf-lime); letter-spacing:.01em; }
/* étiquette du niveau : petit badge dans le coin, au-dessus du trophée */
.cf-card-pos{ flex:none; margin-top:4px; padding:4px 7px 3px 8px; border-radius:999px; border:1px solid rgba(var(--cf-rgb),.45); background:rgba(var(--cf-rgb),.1);
  font:700 10px/1.2 "Space Mono",monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--cf-lime); }
.cf-card-art{ display:flex; justify-content:center; margin-top:-8px; height:112px; }
.cf-card-trophy{ height:100%; width:auto; filter:drop-shadow(0 8px 16px rgba(0,0,0,.5)); transition:transform .35s cubic-bezier(.2,.8,.2,1.2); }
.cf-card:hover .cf-card-trophy{ transform:translateY(-6px) scale(1.06); }
.cf-card-name{ margin-top:10px; padding:0 12px; font:700 15px/1.3 Inter,Arial,sans-serif; }
.cf-cards > .cf-card{ height:100%; }
.cf-cards > .cf-card > .cf-card-in{ height:100%; }
.cf-card-open{ display:inline-block; margin:8px auto 0; padding:3px 9px; border-radius:999px; background:rgba(var(--cf-rgb),.14); border:1px solid rgba(var(--cf-rgb),.4); font:700 9.5px "Space Mono",monospace; letter-spacing:.04em; text-transform:uppercase; color:var(--cf-hot); }
.cf-card-stats{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:4px; margin:14px 14px 0; padding-top:12px; border-top:1px solid var(--cf-line-2); }
.cf-card-stats span{ display:flex; flex-direction:column; align-items:center; font:700 8.5px/1.25 "Space Mono",monospace; letter-spacing:.04em; text-transform:uppercase; color:var(--cf-chalk-3); }
.cf-card-stats b{ font:400 22px/1 Anton,Impact,sans-serif; color:var(--cf-chalk); margin-bottom:3px; }
.cf-card-cta{ margin:auto 0 0; padding:14px 0 40px; font:700 11px "Space Mono",monospace; letter-spacing:.06em; text-transform:uppercase; color:var(--cf-lime); }
.cf-card-cta .on{ display:none; }
.cf-card[aria-pressed="true"]{ filter:drop-shadow(0 0 22px rgba(var(--cf-rgb),.45)); }
.cf-card[aria-pressed="true"] .cf-card-in{ background:linear-gradient(150deg, #fff, var(--cf-hot) 35%, var(--cf-lime) 70%, var(--cf-dim)); }
.cf-card[aria-pressed="true"] .cf-card-in::before{ background:radial-gradient(90% 70% at 50% 0%, rgba(var(--cf-hot-rgb),.34), transparent 62%), linear-gradient(170deg, var(--cf-deep2) 0%, var(--cf-deep3) 55%, #080b06 100%); }
.cf-card[aria-pressed="true"] .cf-card-cta .on{ display:inline; color:var(--cf-hot); }
.cf-card[aria-pressed="true"] .cf-card-cta .off{ display:none; }
.cf-card.is-pop{ animation:cfCardPop .45s cubic-bezier(.2,.8,.2,1.3); }
@keyframes cfCardPop{ 40%{ transform:scale(1.06); } }

/* barre « continuer l'inscription » */
.cf-go{ position:fixed; z-index:40; left:50%; bottom:18px; transform:translate(-50%, 140%); display:flex; align-items:center; gap:10px; max-width:calc(100vw - 32px);
  padding:0 22px; min-height:52px; border-radius:999px; border:1px solid var(--cf-hot); background:var(--cf-lime); color:#0b0d08; cursor:pointer;
  font:700 14.5px Inter,Arial,sans-serif; box-shadow:0 18px 40px -12px rgba(0,0,0,.7), 0 0 0 6px rgba(var(--cf-rgb),.15); transition:transform .35s cubic-bezier(.2,.8,.2,1), visibility 0s .35s; white-space:nowrap; visibility:hidden; }
.cf-go.is-on{ transform:translate(-50%, 0); visibility:visible; transition:transform .35s cubic-bezier(.2,.8,.2,1), visibility 0s; }
.cf-go b{ overflow:hidden; text-overflow:ellipsis; }

/* ---------- questions ---------- */
.cf-faq-wrap{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:20px 48px; align-items:start; }
.cf-faq{ display:grid; gap:10px; }
.cf-faq details{ border:1px solid var(--cf-line); border-radius:16px; background:var(--cf-panel); transition:border-color .2s; }
.cf-faq details[open]{ border-color:rgba(var(--cf-rgb),.4); }
.cf-faq summary{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 20px; cursor:pointer; list-style:none;
  font:700 16px/1.35 Inter,Arial,sans-serif; color:var(--cf-chalk); }
.cf-faq summary::-webkit-details-marker{ display:none; }
.cf-faq summary::after{ content:"+"; flex:none; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; border:1px solid var(--cf-line-2);
  font:400 20px/1 Inter,Arial,sans-serif; color:var(--cf-lime); transition:transform .25s; }
.cf-faq details[open] summary::after{ transform:rotate(45deg); }
.cf-faq details p{ padding:0 20px 18px; font:400 15.5px/1.65 Inter,Arial,sans-serif; color:var(--cf-chalk-2); }
.cf-faq a{ color:var(--cf-lime); text-decoration:underline; text-underline-offset:3px; }

/* ---------- inscription ---------- */
.cf-join{ display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:30px 44px; padding:40px; border-radius:28px; border:1px solid rgba(var(--cf-rgb),.28);
  background:radial-gradient(60% 80% at 0% 0%, rgba(var(--cf-rgb),.12), transparent 60%), var(--cf-panel); position:relative; overflow:hidden; }
.cf-join-l h2{ margin-top:10px; font-size:clamp(38px, 4.8vw, 60px); line-height:.95; }
.cf-join-l > p{ margin-top:16px; font:400 16px/1.6 Inter,Arial,sans-serif; color:var(--cf-chalk-2); }
.cf-join-list{ list-style:none; margin:22px 0 0; padding:0; display:grid; gap:10px; }
.cf-join-list li{ position:relative; padding-left:30px; font:600 15px/1.45 Inter,Arial,sans-serif; color:var(--cf-chalk); }
.cf-join-list li::before{ content:""; position:absolute; left:4px; top:.4em; width:12px; height:7px; border-left:2px solid var(--cf-lime); border-bottom:2px solid var(--cf-lime); transform:rotate(-45deg); }
.cf-form{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px 14px; }
.cf-wide{ grid-column:1 / -1; }
.cf-field{ display:grid; gap:7px; min-width:0; margin:0; padding:0; border:0; }
.cf-field label, .cf-field legend{ padding:0; font:700 12px "Space Mono",monospace; letter-spacing:.05em; text-transform:uppercase; color:var(--cf-chalk-2); }
.cf-field label span, .cf-field legend span{ text-transform:none; letter-spacing:0; color:var(--cf-chalk-3); font-weight:400; }
.cf-field input, .cf-field select, .cf-field textarea{ width:100%; min-height:50px; padding:12px 14px; border-radius:12px; border:1px solid var(--cf-line-2); background:#080a07;
  color:var(--cf-chalk); font:400 16px Inter,Arial,sans-serif; transition:border-color .2s, box-shadow .2s; }
.cf-field textarea{ resize:vertical; min-height:96px; line-height:1.5; }
.cf-field select{ appearance:none; background-image:linear-gradient(45deg, transparent 50%, var(--cf-lime) 50%), linear-gradient(135deg, var(--cf-lime) 50%, transparent 50%);
  background-position:calc(100% - 20px) 50%, calc(100% - 14px) 50%; background-size:6px 6px; background-repeat:no-repeat; padding-right:40px; }
.cf-field input:focus, .cf-field select:focus, .cf-field textarea:focus{ outline:none; border-color:var(--cf-lime); box-shadow:0 0 0 4px rgba(var(--cf-rgb),.16); }
.cf-field .is-bad{ border-color:#ef5a4c; box-shadow:0 0 0 4px rgba(239,90,76,.16); }
.cf-teams legend{ margin-bottom:9px; }
.cf-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.cf-chip-in{ position:relative; cursor:pointer; }
.cf-chip-in input{ position:absolute; opacity:0; width:1px; height:1px; margin:0; pointer-events:none; }
.cf-chip-in span{ display:inline-flex; align-items:center; justify-content:center; min-width:70px; height:46px; padding:0 16px; border-radius:999px; border:1px solid var(--cf-line-2);
  background:#080a07; font:400 21px/1 Anton,Impact,sans-serif; letter-spacing:.03em; color:var(--cf-chalk-2); transition:all .2s; }
.cf-chip-in:hover span{ border-color:var(--cf-lime); color:var(--cf-chalk); }
.cf-chip-in input:checked + span{ background:var(--cf-lime); border-color:var(--cf-lime); color:#0b0d08; box-shadow:0 0 18px rgba(var(--cf-rgb),.35); }
.cf-chip-in input:focus-visible + span{ outline:2px solid var(--cf-hot); outline-offset:3px; }
.cf-hp{ position:absolute!important; left:-9999px; width:1px; height:1px; overflow:hidden; }
.cf-submit{ display:flex; flex-wrap:wrap; align-items:center; gap:14px; }
.cf-out{ margin:0; font:600 14.5px/1.45 Inter,Arial,sans-serif; color:var(--cf-chalk-2); }
.cf-out.is-err{ color:#ff8a7d; }
.cf-out a, .cf-out button{ color:var(--cf-lime); text-decoration:underline; background:none; border:0; padding:0; font:inherit; cursor:pointer; }
.cf-form .fdc-note{ grid-column:1 / -1; }
.cf-done{ position:relative; display:grid; justify-items:start; gap:12px; padding:34px 30px; border-radius:22px; border:1px solid rgba(var(--cf-rgb),.45); background:rgba(var(--cf-rgb),.07); outline:none; }
.cf-done svg{ width:56px; height:56px; color:var(--cf-lime); }
.cf-done h3{ font-size:clamp(28px, 3.4vw, 40px); line-height:1; }
.cf-done p{ font:400 16px/1.6 Inter,Arial,sans-serif; color:var(--cf-chalk-2); }
.cf-done .cf-share{ margin-top:6px; }
.cf-confetti{ position:fixed; inset:0; z-index:60; pointer-events:none; overflow:hidden; }
.cf-confetti i{ position:absolute; top:-20px; width:9px; height:15px; border-radius:2px; animation:cfFall var(--d, 2.2s) cubic-bezier(.2,.6,.4,1) forwards; }
@keyframes cfFall{ to{ transform:translate(var(--x, 0), 108vh) rotate(var(--r, 540deg)); opacity:.9; } }

/* ---------- partager / partenaires ---------- */
.cf-bands{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; }
.cf-band{ display:flex; flex-direction:column; justify-content:space-between; gap:22px; padding:30px; border-radius:24px; border:1px solid var(--cf-line); background:var(--cf-panel); }
.cf-band h2{ font-size:clamp(28px, 3.2vw, 40px); line-height:1; }
.cf-band p{ margin-top:10px; font:400 15.5px/1.6 Inter,Arial,sans-serif; color:var(--cf-chalk-2); }
.cf-band-alt{ background:linear-gradient(135deg, rgba(var(--cf-rgb),.14), transparent 60%), var(--cf-panel); border-color:rgba(var(--cf-rgb),.3); }
.cf-share{ display:flex; flex-wrap:wrap; gap:10px; }

/* ---------- bloc de la page d'accueil ---------- */
.cfh-card{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); align-items:center; gap:10px 34px; padding:40px 40px 40px 44px; border-radius:28px; overflow:hidden; isolation:isolate;
  border:1px solid rgba(var(--cf-rgb),.32); background:radial-gradient(60% 90% at 80% 50%, rgba(var(--cf-rgb),.14), transparent 65%), linear-gradient(135deg, #10160c, #0a0d08 60%); }
.cfh-card::before{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.9;
  background-image:radial-gradient(circle, rgba(248,247,240,.08) 0 1px, transparent 1.6px); background-size:6px 6px;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 60%); mask-image:linear-gradient(90deg, transparent, #000 60%); }
.cfh-card::after{ content:""; position:absolute; left:-20%; top:-60%; width:60%; height:220%; z-index:-1; pointer-events:none; transform:rotate(18deg);
  background:linear-gradient(90deg, transparent, rgba(var(--cf-hot-rgb),.07), transparent); animation:cfSweep 7s ease-in-out infinite; }
@keyframes cfSweep{ 0%{ left:-40%; } 60%, 100%{ left:120%; } }
.cfh-kicker{ margin:0; font:600 14px Inter,Arial,sans-serif; color:var(--cf-chalk-2); }
.cfh-title{ margin-top:16px; }
.cfh-s{ display:block; font-size:clamp(26px, 3vw, 40px); line-height:1; color:#f8f7f0; }
.cfh-title .cf-led{ margin-top:4px; font-size:clamp(54px, 7.4vw, 104px); }
.cfh-lead{ margin-top:16px; max-width:50ch; font:400 16px/1.6 Inter,Arial,sans-serif; color:rgba(248,247,240,.72); }
.cfh .hp-ctas{ margin-top:24px; }
.cfh-art{ display:block; }
/* accueil : les deux trophées */
.cfh-duo{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; align-items:end; text-decoration:none; }
.cfh-cup{ position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; }
.cfh-glow{ position:absolute; left:50%; top:38%; width:125%; aspect-ratio:1; transform:translate(-50%,-50%); border-radius:50%; pointer-events:none;
  background:radial-gradient(closest-side, rgba(var(--cf-hot-rgb),.26), rgba(var(--cf-rgb),.08) 55%, transparent 72%); }
.cfh-tro{ position:relative; width:min(240px, 100%); height:auto; filter:drop-shadow(0 18px 28px rgba(0,0,0,.55)) drop-shadow(0 0 22px rgba(var(--cf-rgb),.28));
  animation:cfFloat 6s ease-in-out infinite; transition:transform .35s cubic-bezier(.2,.8,.2,1.2); }
.cfh-cup + .cfh-cup .cfh-tro{ animation-delay:-3s; }
.cfh-cup b{ position:relative; margin-top:16px; font:400 28px/1 Anton,Impact,sans-serif; letter-spacing:.02em; text-transform:uppercase; color:var(--cf-lime); }
.cfh-cup small{ position:relative; margin-top:6px; font:700 10.5px "Space Mono",monospace; letter-spacing:.05em; text-transform:uppercase; color:rgba(248,247,240,.6); }
.cf-br-mini .ln{ stroke-width:5; stroke:rgba(248,247,240,.2); }
.cf-br-mini .hl{ stroke-width:6.5; }
.cf-br-mini .slot rect{ stroke-width:2; }
.cf-br-mini .slot .sh{ stroke-width:2.4; }
.cf-br-mini .comet{ r:9px; }

/* ---------- compte à rebours ---------- */
.cf-count{ display:inline-flex; align-items:center; gap:14px; margin-top:26px; padding:10px 18px 10px 12px; border-radius:16px; border:1px solid rgba(var(--cf-rgb),.35); background:rgba(9,10,8,.6); backdrop-filter:blur(6px); }
.cf-count b{ min-width:2.2ch; padding:6px 12px; border-radius:11px; background:var(--cf-lime); color:#0b0d08; font:400 34px/1 Anton,Impact,sans-serif; text-align:center; letter-spacing:.02em; }
.cf-count > span{ display:grid; gap:3px; font:700 12px "Space Mono",monospace; letter-spacing:.06em; text-transform:uppercase; color:var(--cf-chalk); }
.cf-count i{ font:400 14px Inter,Arial,sans-serif; font-style:normal; letter-spacing:0; text-transform:none; color:var(--cf-chalk-2); }
.cf-count.is-live b{ background:var(--cf-hot); }
.cfh-count{ margin-top:18px; }

/* ---------- le système (3 phases) ---------- */
.cf-phases{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; counter-reset:none; }
.cf-phase{ position:relative; display:flex; flex-direction:column; gap:12px; padding:28px 24px 24px; border-radius:24px; border:1px solid var(--cf-line); overflow:hidden;
  background:linear-gradient(180deg, rgba(var(--cf-rgb),.07), transparent 46%), var(--cf-panel); }
.cf-phase.is-gold{ border-color:rgba(var(--cf-rgb),.45); background:radial-gradient(80% 60% at 100% 0%, rgba(var(--cf-hot-rgb),.16), transparent 60%), var(--cf-panel); }
.cf-phase-n{ position:absolute; right:18px; top:6px; font:400 110px/1 Anton,Impact,sans-serif; color:transparent; -webkit-text-stroke:1.5px rgba(var(--cf-rgb),.28); pointer-events:none; }
.cf-phase-ic{ display:grid; place-items:center; width:58px; height:58px; border-radius:16px; background:rgba(var(--cf-rgb),.12); border:1px solid rgba(var(--cf-rgb),.3); }
.cf-phase-ic svg{ width:34px; height:34px; fill:none; stroke:var(--cf-lime); stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
.cf-phase-ic svg .f{ fill:var(--cf-lime); stroke:none; }
.cf-phase-when{ margin:4px 0 0; font:700 12px "Space Mono",monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--cf-lime); }
.cf-phase h3{ font-size:clamp(26px, 2.6vw, 34px); line-height:1; }
.cf-phase ul{ list-style:none; margin:2px 0 0; padding:0; display:grid; gap:8px; }
.cf-phase li{ position:relative; padding-left:22px; font:400 15px/1.5 Inter,Arial,sans-serif; color:var(--cf-chalk-2); }
.cf-phase li::before{ content:""; position:absolute; left:2px; top:.62em; width:9px; height:9px; border-radius:3px; background:var(--cf-lime); transform:rotate(45deg) scale(.75); }
.cf-phase-why{ margin-top:auto; padding-top:14px; border-top:1px dashed var(--cf-line-2); font:400 14px/1.55 Inter,Arial,sans-serif; color:var(--cf-chalk-3); }
.cf-clock{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:20px; align-items:start; margin-top:16px; padding:24px 26px; border-radius:22px;
  border:1px solid rgba(var(--cf-rgb),.32); background:linear-gradient(90deg, rgba(var(--cf-rgb),.10), transparent 70%), var(--cf-panel); }
.cf-clock-ic{ display:grid; place-items:center; width:60px; height:60px; border-radius:50%; background:var(--cf-lime); }
.cf-clock-ic svg{ width:34px; height:34px; fill:none; stroke:#0b0d08; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.cf-clock h3{ font-size:clamp(24px, 2.6vw, 32px); line-height:1; }
.cf-clock p{ margin-top:10px; font:400 15.5px/1.65 Inter,Arial,sans-serif; color:var(--cf-chalk-2); max-width:86ch; }
.cf-clock b{ color:var(--cf-chalk); }

/* ---------- calendrier : frise ---------- */
.cf-frise-wrap{ padding:20px 22px 16px; border-radius:24px; border:1px solid var(--cf-line); background:linear-gradient(180deg, #0f150c, #0a0d08); }
.cf-frise-scroll{ overflow-x:auto; scrollbar-width:thin; }
.cf-frise{ display:block; width:100%; min-width:760px; height:auto; }
.cf-frise .tk{ stroke:var(--cf-line-2); stroke-width:1.5; }
.cf-frise .ax{ stroke:var(--cf-line-2); stroke-width:1.5; }
.cf-frise .mo{ font:700 11px "Space Mono",monospace; letter-spacing:.06em; text-transform:uppercase; fill:var(--cf-chalk-3); }
.cf-frise .vac{ fill:rgba(248,247,240,.07); stroke:rgba(248,247,240,.14); }
.cf-frise .vac-t{ font:700 10px "Space Mono",monospace; letter-spacing:.08em; text-transform:uppercase; fill:var(--cf-chalk-3); }
.cf-frise .ch{ fill:rgba(248,247,240,.06); stroke:rgba(248,247,240,.22); stroke-dasharray:5 4; }
.cf-frise .ch-t, .cf-frise .tr-t{ font:600 11.5px Inter,Arial,sans-serif; fill:var(--cf-chalk-2); }
.cf-frise .tr-t{ fill:var(--cf-chalk-3); font-style:italic; }
.cf-frise .cup{ stroke:var(--cf-lime); stroke-width:2; stroke-dasharray:2 6; stroke-linecap:round; opacity:.7; }
.cf-frise .ins{ fill:rgba(var(--cf-rgb),.18); stroke:var(--cf-lime); stroke-width:1.5; }
.cf-frise .ser{ fill:var(--cf-lime); filter:drop-shadow(0 0 8px rgba(var(--cf-rgb),.6)); }
.cf-frise .pt{ fill:var(--cf-lime); stroke:#0a0d08; stroke-width:3; filter:drop-shadow(0 0 6px rgba(var(--cf-rgb),.6)); }
.cf-frise .pt.opt{ fill:#0a0d08; stroke:var(--cf-lime); stroke-width:2.5; stroke-dasharray:4 3; filter:none; }
.cf-frise .fin{ fill:#0b0d08; }
.cf-frise .fin-glow{ fill:var(--cf-hot); filter:drop-shadow(0 0 10px rgba(var(--cf-hot-rgb),.8)); }
.cf-frise .lbl{ font:400 17px Anton,Impact,sans-serif; letter-spacing:.03em; text-transform:uppercase; fill:var(--cf-chalk); }
.cf-frise .dt{ font:700 11px "Space Mono",monospace; letter-spacing:.02em; text-transform:uppercase; fill:var(--cf-lime); }
.cf-frise .pt.opt.sm{ stroke-width:2; stroke-dasharray:3 2.5; }
.cf-frise .lead{ stroke:var(--cf-lime); stroke-width:1.2; stroke-dasharray:2 3; opacity:.55; }
.cf-frise a:hover .dt, .cf-frise a:focus .dt{ fill:var(--cf-hot); }
.cf-frise a{ cursor:pointer; }
.cf-frise a:hover .lbl, .cf-frise a:focus .lbl{ fill:var(--cf-hot); }
.cf-frise a:focus{ outline:none; }
.cf-frise a:focus-visible .lbl{ text-decoration:underline; }
.cf-swipe{ display:none; margin:0 0 8px; font:700 11px "Space Mono",monospace; letter-spacing:.06em; text-transform:uppercase; color:var(--cf-chalk-3); }
.cf-legend{ display:flex; flex-wrap:wrap; gap:8px 20px; margin:12px 0 0; font:600 13px Inter,Arial,sans-serif; color:var(--cf-chalk-2); }
.cf-legend span{ display:inline-flex; align-items:center; gap:8px; }
.cf-legend span::before{ content:""; width:22px; height:10px; border-radius:5px; }
.cf-legend .lg-cup::before{ background:var(--cf-lime); }
.cf-legend .lg-ch::before{ background:rgba(248,247,240,.06); border:1px dashed rgba(248,247,240,.3); }
.cf-legend .lg-vac::before{ background:rgba(248,247,240,.12); }

/* ---------- calendrier : liste ---------- */
.cf-cal{ list-style:none; margin:22px 0 0; padding:0; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; }
.cf-cal-i{ display:grid; grid-template-columns:110px minmax(0,1fr); gap:18px; align-items:start; padding:18px; border-radius:18px; border:1px solid var(--cf-line); background:var(--cf-panel); scroll-margin-top:30px; }
.cf-cal-i:target{ border-color:var(--cf-lime); box-shadow:0 0 0 4px rgba(var(--cf-rgb),.18); }
.cf-cal-d{ display:grid; place-items:center; align-content:center; min-height:86px; padding:8px 6px; border-radius:14px; background:#080a07; border:1px solid var(--cf-line-2); text-align:center; }
.cf-cal-d b{ font:400 32px/1 Anton,Impact,sans-serif; color:var(--cf-chalk); letter-spacing:.01em; }
.cf-cal-d i{ margin-top:6px; font:700 10.5px/1.25 "Space Mono",monospace; font-style:normal; letter-spacing:.06em; text-transform:uppercase; color:var(--cf-chalk-3); }
.cf-cal-tag{ display:inline-block; margin-bottom:8px; padding:3px 9px; border-radius:999px; border:1px solid var(--cf-line-2); font:700 10.5px "Space Mono",monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--cf-chalk-2); }
.cf-cal-x h3{ font-size:clamp(22px, 2.2vw, 27px); line-height:1.02; }
.cf-cal-x p{ margin-top:6px; font:400 14.5px/1.55 Inter,Arial,sans-serif; color:var(--cf-chalk-2); }
.cf-cal-x .cf-cal-when{ font-weight:700; color:var(--cf-chalk); }
.cf-cal-i.is-series .cf-cal-d{ background:rgba(var(--cf-rgb),.12); border-color:rgba(var(--cf-rgb),.45); }
.cf-cal-i.is-series .cf-cal-d b{ color:var(--cf-hot); }
.cf-cal-i.is-series .cf-cal-tag{ border-color:var(--cf-lime); color:var(--cf-lime); }
.cf-cal-i.is-finale .cf-cal-tag{ background:rgba(var(--cf-rgb),.12); border-color:rgba(var(--cf-rgb),.45); color:var(--cf-hot); }
.cf-cal-i.is-pause{ background:repeating-linear-gradient(135deg, rgba(248,247,240,.025) 0 10px, transparent 10px 20px), var(--cf-panel); border-style:dashed; border-color:var(--cf-line-2); }
.cf-cal-i.is-pause .cf-cal-d b{ font-size:24px; color:var(--cf-chalk-2); }
.cf-cal-i.is-trophee{ grid-column:1 / -1; border-color:rgba(var(--cf-hot-rgb),.55); background:radial-gradient(70% 120% at 0% 50%, rgba(var(--cf-hot-rgb),.18), transparent 60%), var(--cf-panel); }
.cf-cal-i.is-trophee .cf-cal-d{ background:var(--cf-lime); border-color:var(--cf-hot); }
.cf-cal-i.is-trophee .cf-cal-d b, .cf-cal-i.is-trophee .cf-cal-d i{ color:#0b0d08; }
.cf-cal-i.is-trophee .cf-cal-tag{ background:var(--cf-lime); border-color:var(--cf-lime); color:#0b0d08; }

/* ---------- simulateur ---------- */
.cf-sim{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr); gap:22px 34px; padding:30px; border-radius:26px; border:1px solid rgba(var(--cf-rgb),.3);
  background:radial-gradient(60% 90% at 0% 0%, rgba(var(--cf-rgb),.12), transparent 60%), var(--cf-panel); }
.cf-sim-ctl label{ display:block; font:700 12px "Space Mono",monospace; letter-spacing:.06em; text-transform:uppercase; color:var(--cf-chalk-2); }
.cf-sim-row{ display:flex; align-items:center; gap:14px; margin-top:14px; }
.cf-sim-row output{ min-width:2ch; font:400 96px/.9 Anton,Impact,sans-serif; color:var(--cf-lime); text-align:center; text-shadow:0 0 30px rgba(var(--cf-rgb),.35); }
.cf-sim-b{ display:grid; place-items:center; width:52px; height:52px; border-radius:50%; border:1px solid var(--cf-line-2); background:#080a07; color:var(--cf-chalk); cursor:pointer;
  font:400 30px/1 Inter,Arial,sans-serif; transition:border-color .2s, background .2s; }
.cf-sim-b:hover{ border-color:var(--cf-lime); background:rgba(var(--cf-rgb),.1); }
.cf-sim-ctl input[type=range]{ width:100%; margin-top:16px; accent-color:var(--cf-lime); height:28px; cursor:pointer; }
.cf-sim-scale{ display:flex; justify-content:space-between; margin:2px 0 0; font:700 11px "Space Mono",monospace; color:var(--cf-chalk-3); }
.cf-sim-groups{ display:grid; grid-template-columns:repeat(auto-fill, minmax(92px, 1fr)); gap:8px; }
.cf-sim-g{ display:grid; gap:8px; padding:10px 10px 12px; border-radius:14px; border:1px solid var(--cf-line); background:#080a07; animation:cfSimIn .35s ease both; }
.cf-sim-g b{ font:700 10.5px "Space Mono",monospace; letter-spacing:.06em; text-transform:uppercase; color:var(--cf-chalk-2); }
.cf-sim-g span{ display:flex; gap:6px; }
.cf-sim-g i, .cf-sim-key i{ display:inline-block; width:15px; height:15px; border-radius:50%; background:rgba(248,247,240,.14); }
.cf-sim-g i.q, .cf-sim-key i.q{ background:var(--cf-lime); box-shadow:0 0 10px rgba(var(--cf-rgb),.6); }
.cf-sim-g i.m, .cf-sim-key i.m{ background:transparent; border:2px dashed var(--cf-hot); }
@keyframes cfSimIn{ from{ opacity:0; transform:translateY(6px); } }
.cf-sim-key{ display:flex; flex-wrap:wrap; gap:6px 16px; margin:12px 0 0; font:600 12.5px Inter,Arial,sans-serif; color:var(--cf-chalk-3); }
.cf-sim-key span{ display:inline-flex; align-items:center; gap:7px; }
.cf-sim-key i{ width:12px; height:12px; }
.cf-sim-facts{ display:grid; gap:10px; margin:18px 0 0; }
.cf-sim-facts > div{ display:grid; grid-template-columns:150px minmax(0,1fr); gap:12px; align-items:baseline; padding-bottom:10px; border-bottom:1px solid var(--cf-line); }
.cf-sim-facts dt{ font:700 11.5px "Space Mono",monospace; letter-spacing:.06em; text-transform:uppercase; color:var(--cf-chalk-3); }
.cf-sim-facts dd{ margin:0; font:400 15.5px/1.5 Inter,Arial,sans-serif; color:var(--cf-chalk-2); }
.cf-sim-facts dd b{ font:400 24px/1 Anton,Impact,sans-serif; color:var(--cf-chalk); margin-right:6px; letter-spacing:.02em; }
.cf-sim-rounds{ list-style:none; margin:16px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.cf-sim-rounds li{ position:relative; display:grid; gap:2px; padding:10px 14px; border-radius:14px; border:1px solid rgba(var(--cf-rgb),.35); background:rgba(var(--cf-rgb),.07); animation:cfSimIn .35s ease both; }
.cf-sim-rounds li:last-child{ background:var(--cf-lime); border-color:var(--cf-lime); }
.cf-sim-rounds li:last-child b, .cf-sim-rounds li:last-child span{ color:#0b0d08; }
.cf-sim-rounds b{ font:400 20px/1 Anton,Impact,sans-serif; text-transform:uppercase; letter-spacing:.03em; color:var(--cf-chalk); }
.cf-sim-rounds span{ font:700 10.5px "Space Mono",monospace; letter-spacing:.04em; text-transform:uppercase; color:var(--cf-lime); }
.cf-small{ margin-top:14px; font:400 14px/1.6 Inter,Arial,sans-serif; color:var(--cf-chalk-3); max-width:90ch; }

/* ---------- règlement ---------- */
.cf-rules{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; }
.cf-rule{ display:grid; grid-template-columns:52px minmax(0,1fr); grid-template-rows:auto 1fr; column-gap:14px; padding:18px 20px; border-radius:18px; border:1px solid var(--cf-line); background:var(--cf-panel); }
.cf-rule-n{ grid-row:1 / span 2; display:grid; place-items:center; width:52px; height:52px; border-radius:14px; background:rgba(var(--cf-rgb),.1); border:1px solid rgba(var(--cf-rgb),.3);
  font:400 22px/1 Anton,Impact,sans-serif; color:var(--cf-lime); }
.cf-rule h3{ font-size:22px; line-height:1.05; align-self:center; }
.cf-rule p{ margin-top:6px; font:400 14.5px/1.55 Inter,Arial,sans-serif; color:var(--cf-chalk-2); }
.cf-br .lb-fd{ font:700 12px "Space Mono",monospace; letter-spacing:.08em; fill:var(--cf-chalk-2); }

@media (max-width:1000px){
  .cf-phases{ grid-template-columns:minmax(0,1fr); }
  .cf-cal{ grid-template-columns:minmax(0,1fr); }
  .cf-sim{ grid-template-columns:minmax(0,1fr); }
  .cf-rules{ grid-template-columns:minmax(0,1fr); }
}
@media (max-width:720px){
  .cf-count{ margin-top:22px; }
  .cf-count b{ font-size:28px; }
  .cf-phase{ padding:24px 18px 20px; }
  .cf-phase-n{ font-size:90px; }
  .cf-clock{ grid-template-columns:minmax(0,1fr); padding:20px 18px; }
  .cf-frise-wrap{ padding:14px 0 12px 12px; border-radius:18px; }
  .cf-legend{ padding-right:12px; }
  .cf-swipe{ display:block; }
  .cf-cal-i{ grid-template-columns:84px minmax(0,1fr); gap:14px; padding:14px; }
  .cf-cal-d{ min-height:74px; }
  .cf-cal-d b{ font-size:26px; }
  .cf-sim{ padding:22px 16px; }
  .cf-sim-row output{ font-size:80px; }
  .cf-sim-facts > div{ grid-template-columns:minmax(0,1fr); gap:4px; }
  .cf-rule{ grid-template-columns:44px minmax(0,1fr); padding:16px; }
  .cf-rule-n{ width:44px; height:44px; font-size:19px; }
  .cf-rule h3{ font-size:20px; }
}

/* ---------- choix de la coupe (Provinciaux / Élite) ---------- */
.cf-level{ position:relative; display:inline-grid; grid-template-columns:1fr 1fr; padding:5px; border-radius:20px; border:1px solid var(--cf-line-2); background:rgba(9,10,8,.72); backdrop-filter:blur(8px); isolation:isolate; }
.cf-level::before{ content:""; position:absolute; z-index:-1; top:5px; bottom:5px; left:5px; width:calc(50% - 5px); border-radius:15px; background:var(--cf-lime);
  box-shadow:0 0 26px rgba(var(--cf-rgb),.55); transition:transform .5s cubic-bezier(.2,.9,.25,1.15), background-color .5s; }
body.cf-page[data-cf-level="elite"] .cf-level::before{ transform:translateX(100%); }
.cf-level button{ display:grid; gap:3px; justify-items:center; min-width:150px; padding:10px 18px; border:0; border-radius:15px; background:none; color:var(--cf-chalk); cursor:pointer; text-align:center; transition:color .3s; }
.cf-level b{ font:400 22px/1 Anton,Impact,sans-serif; letter-spacing:.03em; text-transform:uppercase; }
.cf-level span{ font:700 9.5px "Space Mono",monospace; letter-spacing:.06em; text-transform:uppercase; color:var(--cf-chalk-3); transition:color .3s; }
.cf-level button[aria-checked="true"]{ color:#0b0d08; }
.cf-level button[aria-checked="true"] span{ color:rgba(11,13,8,.72); }
.cf-level-hero{ margin-top:20px; }
.cf-level-sm{ display:grid; width:100%; margin-bottom:18px; }
.cf-level-sm button{ min-width:0; padding:8px 10px; }
.cf-level-sm b{ font-size:18px; }
.cf-flash{ position:fixed; inset:0; z-index:70; pointer-events:none; background:radial-gradient(circle at var(--x) var(--y), rgba(var(--cf-hot-rgb),.5), rgba(var(--cf-rgb),.16) 32%, transparent 64%);
  animation:cfFlash .95s ease-out forwards; }
@keyframes cfFlash{ 0%{ opacity:0; clip-path:circle(0 at var(--x) var(--y)); } 22%{ opacity:1; } 100%{ opacity:0; clip-path:circle(160% at var(--x) var(--y)); } }
.cf-trophy.is-spin{ animation:cfSpin .95s cubic-bezier(.3,.75,.2,1); }
@keyframes cfSpin{ from{ transform:perspective(600px) rotateY(0); } to{ transform:perspective(600px) rotateY(360deg); } }
.cf-page .cf-btn-main, .cf-page .cf-chip, .cf-page .cf-count b{ transition:background-color .5s, border-color .5s, box-shadow .5s, transform .2s; }

/* ---------- deux coupes : la pyramide ---------- */
.cf-pyr{ padding:26px 28px 20px; border-radius:28px; border:1px solid var(--cf-line); background:radial-gradient(50% 80% at 100% 50%, rgba(248,247,240,.05), transparent 70%), linear-gradient(180deg, #0f120c, #0a0c08); }
.cf-pyr-tabs{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.cf-pyr-tabs button{ min-width:66px; height:44px; padding:0 16px; border-radius:999px; border:1px solid var(--cf-line-2); background:#080a07; color:var(--cf-chalk-2); cursor:pointer;
  font:400 21px/1 Anton,Impact,sans-serif; letter-spacing:.03em; transition:all .2s; }
.cf-pyr-tabs button:hover{ border-color:var(--cf-chalk-3); color:var(--cf-chalk); }
.cf-pyr-tabs button[aria-selected="true"]{ background:var(--cf-chalk); border-color:var(--cf-chalk); color:#0b0d08; }
.cf-pyr-grid{ display:grid; grid-template-columns:minmax(0,1.3fr) 92px minmax(0,.9fr); grid-template-rows:repeat(4, 76px); row-gap:10px; }
.cf-tier{ position:relative; justify-self:center; width:calc(var(--w) * 100%); height:100%; }
.t-elite{ grid-column:1; grid-row:1; --w:.5; } .t-ip{ grid-column:1; grid-row:2; --w:.67; } .t-prov{ grid-column:1; grid-row:3; --w:.84; } .t-reg{ grid-column:1; grid-row:4; --w:1; }
.cf-tier::after{ content:""; position:absolute; left:100%; top:50%; height:2px; margin-top:-1px; width:calc(100% * (1 - var(--w)) / (2 * var(--w)) + 2px); background:rgba(var(--cf-rgb),.45); }
.cf-tier-in{ position:absolute; inset:0; display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto; align-content:center; column-gap:12px; padding:0 9%;
  clip-path:polygon(6% 0, 94% 0, 100% 100%, 0 100%); background:linear-gradient(100deg, rgba(var(--cf-rgb),.30), rgba(var(--cf-rgb),.10) 70%); }
.cf-tier-in::before{ content:""; position:absolute; inset:0; z-index:-1; }
.cf-tier-in b{ grid-column:1; font:400 20px/1.3 Anton,Impact,sans-serif; letter-spacing:.03em; text-transform:uppercase; color:var(--cf-chalk); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cf-tier-in small{ grid-column:1; margin-top:0; font:700 9.5px "Space Mono",monospace; letter-spacing:.06em; text-transform:uppercase; color:var(--cf-chalk-3); }
.cf-tier-in em{ grid-column:2; grid-row:1 / span 2; align-self:center; font:400 34px/1 Anton,Impact,sans-serif; font-style:normal; color:var(--cf-lime); text-shadow:0 0 18px rgba(var(--cf-rgb),.5); }
.t-elite .cf-tier-in{ padding:0 13%; }
.cf-pyr-link{ grid-column:2; width:100%; height:100%; overflow:visible; }
.l-elite{ grid-row:1 / 3; } .l-prov{ grid-row:3 / 5; }
.cf-pyr-link path{ fill:none; stroke-linecap:round; }
.cf-pyr-link .rail{ stroke:rgba(var(--cf-rgb),.3); stroke-width:2; }
.cf-pyr-link .flow{ stroke:var(--cf-hot); stroke-width:3; stroke-dasharray:2 12; animation:cfFlow 1.1s linear infinite; filter:drop-shadow(0 0 4px rgba(var(--cf-rgb),.9)); }
@keyframes cfFlow{ to{ stroke-dashoffset:-14; } }
.cf-pyr-cup{ display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:16px; margin:4px 0; padding:12px 20px 12px 14px; border-radius:22px; cursor:pointer; text-align:left;
  border:1px solid rgba(var(--cf-rgb),.4); background:radial-gradient(80% 120% at 0% 50%, rgba(var(--cf-rgb),.20), transparent 65%), #0c0e0a; color:var(--cf-chalk);
  transition:box-shadow .45s, border-color .45s, transform .25s; }
.cf-pyr-cup:hover{ transform:translateY(-2px); border-color:rgba(var(--cf-rgb),.8); }
.c-elite{ grid-column:3; grid-row:1 / 3; } .c-prov{ grid-column:3; grid-row:3 / 5; }
.cf-pyr-tro{ display:block; width:78px; height:94px; }
.cf-pyr-trophy{ width:100%; height:100%; object-fit:contain; overflow:visible; filter:drop-shadow(0 0 16px rgba(var(--cf-rgb),.55)); animation:cfFloat 6s ease-in-out infinite; }
.c-prov .cf-pyr-trophy{ animation-delay:-3s; }
.cf-pyr-txt{ display:grid; gap:2px; min-width:0; }
.cf-pyr-txt small{ font:700 10px "Space Mono",monospace; letter-spacing:.1em; text-transform:uppercase; color:var(--cf-chalk-3); }
.cf-pyr-txt b{ font:400 34px/1 Anton,Impact,sans-serif; letter-spacing:.02em; text-transform:uppercase; color:var(--cf-lime); }
.cf-pyr-txt i{ font:700 10px "Space Mono",monospace; font-style:normal; letter-spacing:.05em; text-transform:uppercase; color:var(--cf-chalk-2); }
.cf-pyr-txt em{ margin-top:6px; font:600 14px/1.35 Inter,Arial,sans-serif; font-style:normal; color:var(--cf-chalk-2); }
.cf-pyr-txt em span[data-pyr-t]{ font:400 20px/1 Anton,Impact,sans-serif; color:var(--cf-chalk); }
.cf-pyr .cf-theme-prov, .cf-pyr .cf-theme-elite{ transition:opacity .45s, filter .45s; }
body.cf-page:not([data-cf-level="elite"]) .cf-pyr .cf-theme-elite, body.cf-page[data-cf-level="elite"] .cf-pyr .cf-theme-prov{ opacity:.48; filter:saturate(.55); }
body.cf-page:not([data-cf-level="elite"]) .cf-pyr .c-prov, body.cf-page[data-cf-level="elite"] .cf-pyr .c-elite{ border-color:rgba(var(--cf-rgb),.85); box-shadow:0 0 0 1px rgba(var(--cf-rgb),.5), 0 20px 50px -18px rgba(var(--cf-rgb),.65); }
.cf-pyr-note{ margin:18px 0 0; font:400 13px/1.55 Inter,Arial,sans-serif; color:var(--cf-chalk-3); }

/* ---------- jeux de cartes, choix des équipes, simulateur ---------- */
.cf-deck + .cf-deck{ margin-top:38px; }
.cf-deck-t{ display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 14px; margin:0 0 16px; }
.cf-deck-t b{ font:400 30px/1 Anton,Impact,sans-serif; letter-spacing:.02em; text-transform:uppercase; color:var(--cf-lime); }
.cf-deck-t span{ font:700 11px "Space Mono",monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--cf-chalk-3); }
.cf-chip-row{ display:grid; grid-template-columns:128px minmax(0,1fr); gap:10px; align-items:center; }
.cf-chip-row + .cf-chip-row{ margin-top:10px; }
.cf-chip-lab{ font:400 19px/1 Anton,Impact,sans-serif; letter-spacing:.03em; text-transform:uppercase; color:var(--cf-lime); }
.cf-chip-lab i{ display:block; margin-top:4px; font:700 9.5px "Space Mono",monospace; font-style:normal; letter-spacing:.05em; color:var(--cf-chalk-3); }
.cf-sim-pre-t{ margin:0 0 8px; font:700 11.5px "Space Mono",monospace; letter-spacing:.06em; text-transform:uppercase; color:var(--cf-chalk-2); }
.cf-sim-pre{ display:flex; flex-wrap:wrap; gap:6px; }
.cf-sim-pre button{ min-width:58px; height:40px; padding:0 12px; border-radius:999px; border:1px solid var(--cf-line-2); background:#080a07; color:var(--cf-chalk-2); cursor:pointer;
  font:400 18px/1 Anton,Impact,sans-serif; letter-spacing:.03em; transition:all .2s; }
.cf-sim-pre button:hover{ border-color:var(--cf-lime); color:var(--cf-chalk); }
.cf-sim-pre button[aria-pressed="true"]{ background:var(--cf-lime); border-color:var(--cf-lime); color:#0b0d08; }
.cf-sim-pre-note{ margin:14px 0 0; font:400 13.5px/1.5 Inter,Arial,sans-serif; color:var(--cf-chalk-3); }
.cf-sim-pre-note b{ color:var(--cf-chalk); }

@media (max-width:720px){
  .cf-level-hero{ display:grid; width:100%; }
  .cf-level button{ min-width:0; padding:10px 8px; }
  .cf-level b{ font-size:19px; }
  .cf-pyr{ padding:18px 14px 16px; border-radius:20px; }
  .cf-pyr-tabs{ gap:6px; margin-bottom:18px; }
  .cf-pyr-tabs button{ min-width:0; flex:1 1 0; padding:0 6px; height:40px; font-size:18px; }
  .cf-pyr-grid{ grid-template-columns:minmax(0,1fr); grid-template-rows:none; row-gap:8px; }
  .cf-tier, .cf-pyr-cup{ grid-column:1!important; grid-row:auto!important; }
  .cf-tier{ height:62px; }
  .t-elite{ --w:.62; } .t-ip{ --w:.78; } .t-prov{ --w:.9; } .t-reg{ --w:1; }
  .cf-tier::after, .cf-pyr-link{ display:none; }
  .cf-tier-in{ padding:0 8%; } .t-elite .cf-tier-in{ padding:0 11%; }
  .cf-tier-in b{ font-size:17px; } .cf-tier-in em{ font-size:28px; }
  .cf-pyr-cup{ margin:4px 0 16px; padding:12px 16px 12px 10px; gap:12px; }
  .cf-pyr-tro{ width:58px; height:70px; }
  .cf-pyr-txt b{ font-size:28px; }
  .cf-chip-row{ grid-template-columns:minmax(0,1fr); gap:8px; }
  /* les 5 catégories tiennent sur une ligne */
  .cf-sim-pre, .cf-chip-row .cf-chips{ display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:6px; }
  .cf-sim-pre button{ min-width:0; padding:0 2px; }
  .cf-chip-row .cf-chip-in span{ display:flex; min-width:0; padding:0 2px; font-size:19px; }
}

/* ---------- les réserves en U19 : carte large sous la Coupe Provinciaux ---------- */
.cf-card.cf-card-wide{ width:100%; margin-top:16px; transform:none; }
.cf-card-wide .cf-card-in{ display:grid; grid-template-columns:92px minmax(0,1fr) auto auto; align-items:center; gap:24px; min-height:0; padding:18px 28px 18px 22px;
  clip-path:polygon(16px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0 calc(100% - 16px), 0 16px); }
.cf-wide-art{ display:flex; justify-content:center; height:104px; }
.cf-card-wide:hover .cf-card-trophy{ transform:translateY(-4px) rotate(-6deg) scale(1.05); }
.cf-wide-txt{ display:flex; flex-direction:column; gap:7px; text-align:left; }
.cf-wide-txt small{ font:700 11px "Space Mono",monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--cf-lime); }
.cf-wide-txt b{ font:400 32px/1 Anton,Impact,sans-serif; letter-spacing:.02em; text-transform:uppercase; color:var(--cf-chalk); }
.cf-wide-txt > span{ max-width:62ch; font:400 14.5px/1.5 Inter,Arial,sans-serif; color:var(--cf-chalk-2); }
.cf-wide-n{ display:flex; flex-direction:column; align-items:center; font:700 9px/1.3 "Space Mono",monospace; letter-spacing:.05em; text-transform:uppercase; color:var(--cf-chalk-3); text-align:center; }
.cf-wide-n b{ font:400 44px/1 Anton,Impact,sans-serif; color:var(--cf-lime); text-shadow:0 0 18px rgba(var(--cf-rgb),.45); margin-bottom:2px; }
.cf-card-wide .cf-card-cta{ margin:0; padding:13px 20px; border-radius:999px; border:1px solid rgba(var(--cf-rgb),.55); white-space:nowrap; transition:background .2s, color .2s; }
.cf-card-wide:hover .cf-card-cta{ background:rgba(var(--cf-rgb),.12); }
.cf-card-wide[aria-pressed="true"] .cf-card-cta, .cf-card-wide[aria-pressed="true"] .cf-card-cta .on{ background:var(--cf-lime); color:#0b0d08; }
.cf-chip-row-res .cf-chip-in span{ padding:0 20px; }
/* simulateur : beaucoup de séries (grosse coupe) → petites cases */
.cf-sim-groups.is-many{ grid-template-columns:repeat(auto-fill, minmax(54px, 1fr)); gap:6px; }
.cf-sim-groups.is-many .cf-sim-g{ gap:5px; padding:6px 6px 7px; border-radius:10px; }
.cf-sim-groups.is-many .cf-sim-g b{ font-size:10px; letter-spacing:.03em; }
.cf-sim-groups.is-many .cf-sim-w{ display:none; }   /* « Série » : seulement la lettre */
.cf-sim-groups.is-many .cf-sim-g span{ gap:3px; }
.cf-sim-groups.is-many .cf-sim-g i{ width:8px; height:8px; flex:none; }
.cf-sim-groups.is-many .cf-sim-g i.m{ border-width:1.5px; }

/* ---------- compte à rebours (les chiffres roulent comme un tableau d'affichage) ---------- */
.cf-cd-sec{ padding-top:64px; }
.cf-cd{ position:relative; overflow:hidden; isolation:isolate; padding:42px 40px 34px; border-radius:30px; border:1px solid rgba(var(--cf-rgb),.3); text-align:center;
  background:radial-gradient(70% 90% at 50% 0%, rgba(var(--cf-rgb),.16), transparent 62%), linear-gradient(180deg, #10160b, #090b07); transition:border-color .5s; }
.cf-cd::after{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background-image:radial-gradient(circle, rgba(248,247,240,.07) 0 1px, transparent 1.6px); background-size:6px 6px;
  -webkit-mask-image:radial-gradient(70% 90% at 50% 30%, #000, transparent); mask-image:radial-gradient(70% 90% at 50% 30%, #000, transparent); }
.cf-cd-glow{ position:absolute; z-index:-1; left:50%; top:-45%; width:72%; aspect-ratio:1; transform:translateX(-50%); border-radius:50%; pointer-events:none;
  background:radial-gradient(closest-side, rgba(var(--cf-hot-rgb),.2), transparent 70%); animation:cfCdGlow 6s ease-in-out infinite; }
@keyframes cfCdGlow{ 50%{ opacity:.5; transform:translateX(-50%) scale(1.12); } }
.cf-cd-title{ margin:10px 0 0; font:400 clamp(30px, 4vw, 52px)/1 Anton,Impact,sans-serif; letter-spacing:.02em; text-transform:uppercase; color:var(--cf-chalk); }
.cf-cd-now{ display:inline-flex; align-items:center; gap:8px; margin:14px auto 0; padding:6px 14px; border-radius:999px; border:1px solid rgba(var(--cf-rgb),.45); background:rgba(var(--cf-rgb),.14);
  font:600 13.5px Inter,Arial,sans-serif; color:var(--cf-chalk); }
.cf-cd-now[hidden]{ display:none; }
.cf-cd-now i{ width:8px; height:8px; border-radius:50%; background:#ef5a4c; box-shadow:0 0 0 0 rgba(239,90,76,.6); animation:cfLive 1.6s ease-out infinite; }
@keyframes cfLive{ 70%{ box-shadow:0 0 0 8px rgba(239,90,76,0); } 100%{ box-shadow:0 0 0 0 rgba(239,90,76,0); } }
.cf-cd-tiles{ display:flex; justify-content:center; align-items:flex-start; gap:clamp(6px, 1.3vw, 18px); margin-top:28px; }
.cf-cd-tile{ display:flex; flex-direction:column; align-items:center; gap:12px; min-width:clamp(78px, 13vw, 176px); }
/* la carte du chiffre, coupée en deux comme un tableau d'affichage */
.cf-cd-num{ position:relative; display:flex; justify-content:center; width:100%; padding:clamp(12px, 1.6vw, 22px) clamp(10px, 1.4vw, 20px); border-radius:20px;
  border:1px solid rgba(var(--cf-rgb),.3); background:linear-gradient(180deg, #19230f 0%, #0f150b 49.7%, #070a05 50.3%, #0e140a 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 22px 44px -26px rgba(0,0,0,.95), 0 0 46px -16px rgba(var(--cf-rgb),.6);
  font:400 clamp(56px, 9.6vw, 138px)/1 Anton,Impact,sans-serif; letter-spacing:.02em; transition:opacity .4s, border-color .5s; }
.cf-cd-num::after{ content:""; position:absolute; left:0; right:0; top:50%; height:1px; background:rgba(0,0,0,.55); box-shadow:0 1px 0 rgba(255,255,255,.04); pointer-events:none; }
.cf-dg{ filter:drop-shadow(0 0 14px rgba(var(--cf-rgb),.5)); }
.cf-dg{ display:inline-block; height:1em; overflow:hidden; }
.cf-dg-in{ display:flex; flex-direction:column; }
.cf-dg-in i{ display:block; height:1em; min-width:.5em; font-style:normal; text-align:center; color:var(--cf-lime);
  background-image:radial-gradient(circle, var(--cf-hot) 0 34%, rgba(var(--cf-rgb),.72) 44%, transparent 58%); background-size:6px 6px;
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.cf-dg-in.is-roll{ transform:translateY(-1em); transition:transform .5s cubic-bezier(.6,.05,.25,1); }
.cf-cd-tile.is-sec .cf-cd-num{ border-color:rgba(var(--cf-hot-rgb),.5); }
.cf-cd-lab{ font:700 12px "Space Mono",monospace; letter-spacing:.14em; text-transform:uppercase; color:var(--cf-chalk-3); }
.cf-cd-sep{ align-self:center; margin-top:-30px; font:400 clamp(40px, 6vw, 92px)/1 Anton,Impact,sans-serif; color:rgba(var(--cf-rgb),.55); animation:cfBlink 1s steps(1) infinite; }
@keyframes cfBlink{ 50%{ opacity:.15; } }
.cf-cd-when{ margin:22px 0 0; font:600 15.5px Inter,Arial,sans-serif; color:var(--cf-chalk-2); }
.cf-cd-next{ list-style:none; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; max-width:920px; margin:26px auto 0; padding:0; text-align:left; }
.cf-cd-next li{ display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:12px; padding:13px 15px; border-radius:16px; border:1px solid var(--cf-line); background:rgba(9,10,8,.55); }
.cf-cd-dot{ grid-row:1 / span 3; width:10px; height:10px; margin-top:5px; border-radius:50%; background:var(--cf-lime); box-shadow:0 0 12px rgba(var(--cf-rgb),.7); }
.cf-cd-next b{ font:700 14px Inter,Arial,sans-serif; color:var(--cf-chalk); }
.cf-cd-next span{ font:400 13px Inter,Arial,sans-serif; color:var(--cf-chalk-3); }
.cf-cd-next em{ margin-top:4px; font:700 12px "Space Mono",monospace; font-style:normal; letter-spacing:.03em; color:var(--cf-lime); }
.cf-cd-next li.is-done{ opacity:.55; } .cf-cd-next li.is-done .cf-cd-dot{ background:var(--cf-chalk-3); box-shadow:none; }
.cf-cd.is-wait .cf-cd-num{ opacity:.3; }
.cf-cd.is-over .cf-cd-sep{ animation:none; }

/* ---------- les inscrits : liste + séries ---------- */
.cf-ins{ padding:24px; border-radius:26px; border:1px solid var(--cf-line); background:linear-gradient(180deg, #0e130b, #0a0d08); }
.cf-ins-top{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; }
.cf-ins-count{ display:flex; align-items:center; gap:14px; margin:0; }
.cf-ins-count b{ font:400 66px/.9 Anton,Impact,sans-serif; color:var(--cf-lime); background-image:radial-gradient(circle, var(--cf-hot) 0 34%, rgba(var(--cf-rgb),.72) 44%, transparent 58%);
  background-size:5px 5px; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; filter:drop-shadow(0 0 14px rgba(var(--cf-rgb),.45)); }
.cf-ins-count > span{ display:flex; flex-direction:column; font:700 13px "Space Mono",monospace; letter-spacing:.06em; text-transform:uppercase; color:var(--cf-chalk); }
.cf-ins-count i{ margin-top:5px; font:400 13.5px Inter,Arial,sans-serif; font-style:normal; letter-spacing:0; text-transform:none; color:var(--cf-chalk-3); }
.cf-ins-tabs{ display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 18px; }
.cf-ins-tabs button{ display:inline-flex; align-items:center; justify-content:center; gap:8px; height:44px; padding:0 16px; border-radius:999px; border:1px solid var(--cf-line-2); background:#080a07;
  color:var(--cf-chalk-2); font:400 20px Anton,Impact,sans-serif; letter-spacing:.03em; cursor:pointer; transition:background .2s, border-color .2s, color .2s; }
.cf-ins-tabs button:hover{ border-color:var(--cf-lime); color:var(--cf-chalk); }
.cf-ins-tabs button i{ min-width:22px; padding:2px 6px; border-radius:999px; background:rgba(248,247,240,.08); font:700 11px "Space Mono",monospace; font-style:normal; color:var(--cf-chalk-3); }
.cf-ins-tabs button[aria-selected="true"]{ background:var(--cf-lime); border-color:var(--cf-lime); color:#0b0d08; }
.cf-ins-tabs button[aria-selected="true"] i{ background:rgba(0,0,0,.16); color:#0b0d08; }
.cf-ins-body{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:22px; align-items:start; }
.cf-ins-title{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:6px 12px; margin:0 0 12px; font:400 26px/1.05 Anton,Impact,sans-serif; letter-spacing:.02em; text-transform:uppercase; color:var(--cf-chalk); }
.cf-ins-title [data-ins-title] > span{ color:var(--cf-lime); }
.cf-ins-title small{ margin-left:8px; font:700 11px "Space Mono",monospace; letter-spacing:.06em; color:var(--cf-chalk-3); }
.cf-ins-title em{ font:700 12px "Space Mono",monospace; font-style:normal; letter-spacing:.04em; color:var(--cf-chalk-3); white-space:nowrap; }
.cf-ins-teams{ list-style:none; display:grid; gap:8px; margin:0; padding:0; }
.cf-ins-teams li{ display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:14px; border:1px solid var(--cf-line); background:rgba(9,10,8,.6); font:600 15px Inter,Arial,sans-serif; color:var(--cf-chalk); animation:cfSimIn .35s ease both; }
.cf-ins-teams li > i{ display:grid; place-items:center; flex:none; width:34px; height:34px; border-radius:50%; border:1px solid rgba(var(--cf-rgb),.5); background:rgba(var(--cf-rgb),.16);
  font:400 14px Anton,Impact,sans-serif; font-style:normal; letter-spacing:.04em; color:var(--cf-lime); }
.cf-ins-teams em{ margin-left:6px; padding:2px 7px; border-radius:999px; background:rgba(var(--cf-rgb),.14); font:700 10px "Space Mono",monospace; font-style:normal; text-transform:uppercase; color:var(--cf-hot); }
.cf-ins-x{ flex:none; margin-left:auto; width:30px; height:30px; border-radius:50%; border:1px solid var(--cf-line-2); background:none; color:var(--cf-chalk-2); font:700 16px/1 Inter,Arial,sans-serif; cursor:pointer; }
.cf-ins-x:hover{ border-color:#ff8a7a; color:#ff8a7a; }
.cf-ins-teams li.cf-ins-empty{ flex-direction:column; align-items:flex-start; gap:6px; padding:20px; border-style:dashed; border-color:rgba(var(--cf-rgb),.35); }
.cf-ins-empty b{ font:400 22px/1 Anton,Impact,sans-serif; letter-spacing:.02em; text-transform:uppercase; }
.cf-ins-empty span{ font:400 14.5px Inter,Arial,sans-serif; color:var(--cf-chalk-2); }
.cf-ins-empty .cf-btn{ margin-top:8px; }
.cf-ins-state{ margin:10px 0 0; font:400 13px/1.5 Inter,Arial,sans-serif; color:var(--cf-chalk-3); }
.cf-ins-state:empty{ display:none; }
.cf-ins-sn{ margin:0 0 12px; font:400 14px/1.5 Inter,Arial,sans-serif; color:var(--cf-chalk-2); }
.cf-ins-sn b{ color:var(--cf-chalk); }
.cf-st-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:12px; }
.cf-st-wrap{ overflow-x:auto; border-radius:16px; border:1px solid rgba(var(--cf-rgb),.26); background:#080a07; animation:cfSimIn .35s ease both; }
.cf-st{ width:100%; border-collapse:collapse; font:600 13.5px Inter,Arial,sans-serif; color:var(--cf-chalk); }
.cf-st caption{ caption-side:top; padding:10px 14px; text-align:left; border-bottom:1px solid rgba(var(--cf-rgb),.25); background:linear-gradient(90deg, rgba(var(--cf-rgb),.22), rgba(var(--cf-rgb),.03)); }
.cf-st caption b{ font:400 18px/1 Anton,Impact,sans-serif; letter-spacing:.04em; text-transform:uppercase; color:var(--cf-lime); }
.cf-st caption span{ float:right; margin-top:3px; padding:2px 8px; border-radius:999px; background:rgba(248,247,240,.07); font:700 10px "Space Mono",monospace; letter-spacing:.06em; text-transform:uppercase; color:var(--cf-chalk-3); }
.cf-st th, .cf-st td{ padding:9px 6px; border-bottom:1px solid var(--cf-line); text-align:center; white-space:nowrap; }
.cf-st thead th{ font:700 10.5px "Space Mono",monospace; letter-spacing:.06em; text-transform:uppercase; color:var(--cf-chalk-3); }
.cf-st thead th:nth-child(2), .cf-st tbody th{ text-align:left; }
.cf-st tbody th{ font-weight:600; white-space:normal; }
.cf-st td:first-child{ width:24px; font:700 12px "Space Mono",monospace; color:var(--cf-chalk-3); }
.cf-st tbody tr:last-child th, .cf-st tbody tr:last-child td{ border-bottom:0; }
.cf-st td:last-child b{ color:var(--cf-lime); }
.cf-st-club{ display:inline-flex; align-items:center; gap:9px; }
.cf-st-club i{ display:grid; place-items:center; flex:none; width:24px; height:24px; border-radius:50%; background:rgba(var(--cf-rgb),.14); font:400 11px Anton,Impact,sans-serif; font-style:normal; color:var(--cf-lime); }
.cf-st .is-free th, .cf-st .is-free td{ font-weight:500; color:var(--cf-chalk-3); }
.cf-st .is-free .cf-st-club i{ border:1px dashed rgba(248,247,240,.25); background:none; color:var(--cf-chalk-3); }
.cf-st-more{ margin-top:12px; }
.cf-ins-legend{ margin:16px 0 0; font:700 10.5px/1.6 "Space Mono",monospace; letter-spacing:.04em; text-transform:uppercase; color:var(--cf-chalk-3); }
.cf-ins-admin{ margin-top:22px; padding:18px; border-radius:18px; border:1px dashed rgba(var(--cf-hot-rgb),.55); background:rgba(var(--cf-rgb),.05); text-align:left; }
.cf-ins-admin[hidden]{ display:none; }
.cf-ins-admin-t{ margin:0 0 14px; font:400 13px Inter,Arial,sans-serif; color:var(--cf-chalk-3); }
.cf-ins-admin-t span{ margin-right:10px; padding:3px 9px; border-radius:999px; background:var(--cf-hot); font:700 11px "Space Mono",monospace; letter-spacing:.06em; text-transform:uppercase; color:#0b0d08; }
.cf-adm-grid{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; }
.cf-adm-box{ display:grid; align-content:start; gap:10px; padding:14px; border-radius:14px; border:1px solid var(--cf-line); background:#080a07; }
.cf-adm-box h4, .cf-adm-h{ margin:0; font:700 12px "Space Mono",monospace; letter-spacing:.06em; text-transform:uppercase; color:var(--cf-chalk-2); }
.cf-adm-box p{ margin:0; font:600 14px Inter,Arial,sans-serif; color:var(--cf-chalk); }
.cf-adm-a{ display:flex; flex-wrap:wrap; gap:8px; }
.cf-adm-box input, .cf-adm-box select{ height:44px; padding:0 12px; border-radius:12px; border:1px solid var(--cf-line-2); background:#0b0e09; color:var(--cf-chalk); font:500 14px Inter,Arial,sans-serif; }
.cf-adm-h{ margin:18px 0 10px; }
.cf-adm-h i{ font-style:normal; color:var(--cf-lime); }
.cf-adm-msgs{ list-style:none; display:grid; gap:8px; margin:0; padding:0; }
.cf-adm-msgs li{ display:grid; gap:8px; padding:12px; border-radius:14px; border:1px solid var(--cf-line); background:#080a07; }
.cf-adm-msgs li.cf-adm-none{ font:400 13.5px Inter,Arial,sans-serif; color:var(--cf-chalk-3); }
.cf-adm-who b{ font:700 15px Inter,Arial,sans-serif; color:var(--cf-chalk); }
.cf-adm-who span{ display:block; margin-top:2px; font:400 13px Inter,Arial,sans-serif; color:var(--cf-chalk-3); word-break:break-word; }
.cf-adm-teams{ display:flex; flex-wrap:wrap; gap:6px; }
.cf-adm-b{ height:34px; padding:0 12px; border-radius:999px; border:1px solid var(--cf-lime); background:rgba(var(--cf-rgb),.12); color:var(--cf-chalk); font:700 12.5px Inter,Arial,sans-serif; cursor:pointer; }
.cf-adm-b:hover{ background:rgba(var(--cf-rgb),.25); } .cf-adm-b:disabled{ opacity:.5; cursor:wait; }
.cf-adm-ok{ display:inline-flex; align-items:center; height:34px; padding:0 12px; border-radius:999px; background:var(--cf-lime); font:700 12.5px Inter,Arial,sans-serif; color:#0b0d08; }
.cf-adm-out{ min-height:1em; margin:12px 0 0; font:600 13.5px Inter,Arial,sans-serif; color:var(--cf-lime); }
.cf-adm-out.is-err{ color:#ff8a7a; }
.cf-sr{ position:absolute!important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
@media (max-width:720px){
  .cf-cd-sec{ padding-top:40px; }
  .cf-cd{ padding:28px 12px 20px; border-radius:22px; }
  .cf-cd-tiles{ gap:5px; margin-top:22px; }
  .cf-cd-tile{ flex:1 1 0; min-width:0; gap:8px; }
  .cf-cd-num{ padding:10px 2px; border-radius:13px; }
  .cf-cd-tile.is-days{ flex:1.4 1 0; }
  .cf-cd-num{ font-size:clamp(34px, 11.4vw, 56px); }
  .cf-dg-in i{ background-size:4px 4px; }
  .cf-cd-sep{ display:none; }
  .cf-cd-lab{ font-size:9.5px; letter-spacing:.08em; }
  .cf-cd-when{ font-size:14.5px; }
  .cf-cd-next{ grid-template-columns:minmax(0,1fr); }
  .cf-ins{ padding:16px 14px; border-radius:20px; }
  .cf-ins-count b{ font-size:54px; }
  .cf-level-ins{ width:100%; }
  .cf-ins-tabs{ display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:6px; }
  .cf-ins-tabs button{ flex-direction:column; gap:2px; height:auto; padding:7px 2px 6px; border-radius:14px; font-size:18px; }
  .cf-ins-tabs button i{ min-width:0; padding:1px 6px; }
  .cf-ins-body, .cf-adm-grid{ grid-template-columns:minmax(0,1fr); }
  .cf-st-grid{ grid-template-columns:minmax(0,1fr); }
  .cf-st th, .cf-st td{ padding:8px 4px; }
}
@media (prefers-reduced-motion: reduce){ .cf-cd-glow, .cf-cd-sep, .cf-cd-now i{ animation:none!important; } .cf-dg-in.is-roll{ transition:none; } }

/* ---------- petit écran d'ordinateur : 5 cartes étroites ---------- */
@media (min-width:1001px) and (max-width:1200px){
  .cf-card-top{ padding:18px 14px 0 16px; }
  .cf-card-ovr{ font-size:42px; }
  .cf-card-pos{ padding:3px 5px 2px 6px; font-size:9px; }
  .cf-card-art{ height:100px; margin-top:-2px; }
  .cf-card-stats{ margin:12px 8px 0; }
  .cf-card-stats span{ font-size:7.5px; letter-spacing:.01em; }
  .cf-card-stats b{ font-size:20px; }
  .cf-card-cta{ font-size:10px; letter-spacing:.03em; padding-left:6px; padding-right:6px; }
}
/* ---------- tablette ---------- */
@media (max-width:1000px){
  .cf-facts{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .cf-cards{ grid-template-columns:repeat(3, minmax(0,1fr)); }
  .cf-faq-wrap{ grid-template-columns:minmax(0,1fr); }
  .cf-join{ grid-template-columns:minmax(0,1fr); padding:30px; }
  .cfh-card{ grid-template-columns:minmax(0,1fr); padding:32px 28px; }
  .cfh-art{ margin-top:14px; }
}
/* ---------- téléphone (sous 760 px, le menu du site n'est plus posé sur la page) ---------- */
@media (max-width:760px){ .cf-hero{ padding-top:30px; } }
@media (max-width:720px){
  .cf-hero-in{ grid-template-columns:minmax(0,1fr); gap:6px; padding-bottom:44px; }
  .cf-hero-art{ order:-1; margin-bottom:10px; }
  .cf-trophy-wrap{ width:min(170px, 44vw); }
  .cf-title{ margin-top:16px; }
  .cf-title .cf-led{ font-size:min(17vw, 96px); }
  .cf-beam{ width:90vw; }
  .cf-marquee span{ font-size:18px; padding:11px 0; }
  .cf-sec{ padding-top:80px; }
  .cf-facts{ grid-template-columns:minmax(0,1fr); gap:10px; }
  .cf-fact{ display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:18px; align-items:start; padding:20px 18px; }
  .cf-fact b{ grid-row:1 / span 2; min-width:64px; font-size:54px; }
  .cf-fact span{ margin-top:4px; }
  .cf-fact p{ margin-top:6px; font-size:14.5px; }
  .cf-bracket{ padding:16px 10px 12px; border-radius:18px; }
  .cf-cards{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:12px; margin:0 -6vw; padding:6px 6vw 18px; scrollbar-width:none; }
  .cf-cards::-webkit-scrollbar{ display:none; }
  .cf-card{ flex:0 0 min(236px, 66vw); scroll-snap-align:center; }
  .cf-card-in{ min-height:318px; }
  .cf-join{ padding:24px 18px; border-radius:22px; }
  .cf-form{ grid-template-columns:minmax(0,1fr); }
  .cf-bands{ grid-template-columns:minmax(0,1fr); }
  .cf-band{ padding:24px 20px; }
  .cf-btn{ width:100%; }
  .cf-ctas .cf-btn, .cf-share .cf-btn{ width:auto; flex:1 1 auto; }
  .cfh-card{ padding:26px 20px 22px; border-radius:22px; }
  .cfh-card .hp-ctas{ flex-wrap:wrap; }
}
@media (max-width:1000px){
  .cf-card-wide .cf-card-in{ grid-template-columns:80px minmax(0,1fr) auto; }
  .cf-card-wide .cf-card-cta{ grid-column:2 / span 2; justify-self:start; }
}
@media (max-width:720px){
  .cf-card-wide .cf-card-in{ grid-template-columns:64px minmax(0,1fr); gap:14px 16px; padding:20px 18px; }
  .cf-wide-art{ height:78px; grid-row:1 / span 2; align-self:start; }
  .cf-wide-txt small{ font-size:10px; letter-spacing:.04em; }
  .cf-wide-txt b{ font-size:26px; }
  .cf-wide-txt > span{ font-size:14px; }
  .cf-wide-n{ grid-column:2; flex-direction:row; align-items:baseline; gap:8px; text-align:left; }
  .cf-wide-n b{ font-size:34px; }
  .cf-card-wide .cf-card-cta{ grid-column:1 / span 2; justify-self:stretch; text-align:center; }
  .cf-chip-row.cf-chip-row-res .cf-chips{ display:flex; }
}
@media (prefers-reduced-motion: reduce){
  .cf-page *, .cf-page *::before, .cf-page *::after, .cfh *, .cfh *::before, .cfh *::after{ animation:none!important; transition:none!important; }
  .cf-led.is-scan{ -webkit-mask-image:none; mask-image:none; }
  .cf-reveal.is-pre{ opacity:1; transform:none; }
}

/* ---------- « La Coupe des Champions de lefootdulux » : 3e ligne du titre + « à savoir » (pas obligatoire, pas assurée par l'ACFF, saison test) ---------- */
.cf-title-s.cf-title-de{ margin-top:8px; }
.cf-title + .cf-tag{ margin-top:30px; }
.cfh-s.cfh-de{ margin-top:6px; }
.cf-note{ display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 0; padding:0; list-style:none; }
.cf-note li{ display:inline-flex; align-items:center; gap:8px; min-height:32px; padding:5px 13px; border-radius:999px; border:1px solid var(--cf-line-2); background:rgba(9,10,8,.6);
  font:700 11.5px/1.3 "Space Mono",monospace; letter-spacing:.05em; text-transform:uppercase; color:var(--cf-chalk); }
.cf-note li::before{ content:""; flex:none; width:7px; height:7px; border-radius:50%; background:var(--cf-lime); box-shadow:0 0 8px rgba(var(--cf-rgb),.7); }
.cf-note .cf-note-more{ border-color:transparent; background:none; padding-left:4px; }
.cf-note .cf-note-more::before{ display:none; }
.cf-note a{ color:var(--cf-lime); text-decoration:underline; text-underline-offset:3px; }
@media (max-width:640px){ .cf-note{ gap:6px; margin-top:16px; } .cf-note li{ font-size:10.5px; padding:4px 11px; min-height:30px; } }