/* =====================================================================================
   AU-DELÀ DU TERRAIN (06/10/2026) — styles de l'écran Finances › Au-delà du terrain.
   Tout est préfixé .ad- : rien ne déborde sur le reste du jeu. Couleurs : variables du
   thème des menus (bleu nuit, or crème --vp-accent) et l'or des écrans premium (#f4c04a).
   Police à empattements sur le seul grand titre (règle des menus motion). Mobile : 390 px
   lisible, cibles ≥ 44 px, aucun débordement horizontal.
   ===================================================================================== */
.ad-page{--ad-or:#f4c04a;--ad-or2:var(--vp-accent,#e9cf8f);--ad-ligne:var(--line,#2e3d66);--ad-doux:var(--muted,#b9c3dc);
  --ad-vert:#4ade80;--ad-rouge:#ff6b6b;--ad-ciel:#5bc0ff;--ad-fond2:color-mix(in srgb,var(--card,#15203d) 72%,#000);
  max-width:none;min-width:0;color:var(--txt,#eaf0ff)}   /* 17/10/2026 (Ju) : plus de plafond à 1 180 px, la page remplit l'écran */
.ad-page *{box-sizing:border-box}
.ad-page .card{min-width:0;overflow-wrap:anywhere}

/* ---------------- en-tête ---------------- */
.ad-hero{position:relative;overflow:hidden;padding:22px 22px 18px!important;border-radius:20px!important;
  border:1px solid color-mix(in srgb,var(--ad-or) 45%,transparent)!important;
  background:radial-gradient(120% 140% at 0% 0%,#f4c04a26 0%,transparent 46%),radial-gradient(110% 120% at 100% 100%,#5bc0ff1c 0%,transparent 55%),linear-gradient(160deg,#16204a,#0b1022)!important;
  box-shadow:0 18px 40px #00000055}
.ad-hero-fond{position:absolute;inset:auto -60px -80px auto;width:260px;height:260px;border-radius:50%;
  border:1px solid #f4c04a22;box-shadow:0 0 0 40px #f4c04a08,0 0 0 80px #f4c04a05;pointer-events:none}
.ad-kicker{font-size:12px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--ad-or2)}
.ad-titre{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:clamp(32px,4.2vw,52px);line-height:1.02;margin:6px 0 8px;color:#fff;text-shadow:0 8px 30px #0008}
.ad-phrase{font-size:15px;line-height:1.55;margin:0 0 14px;color:#d6def3;max-width:46em}
.ad-jauge{height:8px;border-radius:99px;background:#0d1428;overflow:hidden;max-width:560px;box-shadow:inset 0 0 0 1px #ffffff12}
.ad-jauge i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#b8862b,var(--ad-or),#ffe6a3)}
.ad-jauge-leg{font-size:13px;color:var(--ad-doux);margin:6px 0 0;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.ad-lien{background:none;border:0;color:var(--ad-or2);font:inherit;font-weight:700;cursor:pointer;padding:12px 2px;margin:-12px 0;text-decoration:underline;text-underline-offset:3px}
.ad-faits{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;position:relative}
.ad-faits .ad-fait{flex:1 1 128px;min-width:0}
.ad-fait{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;padding:9px 12px;border-radius:12px;text-align:left;cursor:pointer;
  background:#ffffff08;border:1px solid var(--ad-ligne);color:inherit;font:inherit;transition:border-color .15s,background .15s}
.ad-fait span{font-size:11.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--ad-doux)}
.ad-fait b{font-size:14px;line-height:1.25;color:#cfd6ea;font-weight:700}
.ad-fait.on{border-color:color-mix(in srgb,var(--ad-or) 55%,transparent);background:#f4c04a10}
.ad-fait.on b{color:#fff}
.ad-fait:hover{border-color:var(--ad-or2)}
.ad-prochain{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;padding:14px 16px;border-radius:14px;position:relative;
  background:linear-gradient(120deg,#f4c04a1c,#f4c04a06);border:1px solid #f4c04a55}
.ad-prochain-txt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 280px}
.ad-prochain-txt b{font-size:16px;color:#fff}
.ad-prochain-txt span:not(.ad-mini-titre){font-size:13.5px;color:#d6def3;line-height:1.45}
.ad-mini-titre{font-size:11.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--ad-or2)}

/* ---------------- sommaire ---------------- */
.ad-sommaire{display:flex;gap:6px;margin:14px 0 4px;padding:5px;border-radius:14px;background:var(--ad-fond2);border:1px solid var(--ad-ligne);overflow-x:auto;scrollbar-width:none}
.ad-sommaire::-webkit-scrollbar{display:none}
.ad-sommaire button{flex:1 0 auto;min-height:44px;padding:8px 14px;border-radius:10px;border:0;background:transparent;color:#c3cae0;font:inherit;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap}
.ad-sommaire button:hover{background:#ffffff10;color:#fff}

/* ---------------- sections ---------------- */
.ad-section{margin-top:22px;scroll-margin-top:84px}
.ad-sec-tete{margin:0 2px 10px}
.ad-sec-tete h3{margin:0;font-size:13px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--ad-or2)}
.ad-sec-tete p{margin:5px 0 0;font-size:14px;line-height:1.5;color:var(--ad-doux);max-width:60em}
.ad-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.ad-grille-som{grid-template-columns:repeat(3,minmax(0,1fr))}

/* ---------------- cartes (ambitions et sommets) ---------------- */
.ad-amb,.ad-som{display:flex;flex-direction:column;gap:10px;margin:0!important;padding:16px!important;border-radius:16px!important;height:100%}
.ad-amb header,.ad-som header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.ad-amb h4,.ad-som h4{margin:0;font-size:18px;font-weight:900;line-height:1.2;color:#fff}
.ad-sous{display:block;font-size:13px;color:var(--ad-doux);margin-top:2px}
.ad-recit{margin:0;font-size:14px;line-height:1.55;color:#d6def3}
.ad-effet{margin:0;font-size:13.5px;line-height:1.5;color:#e6ecfa;padding:9px 11px;border-radius:10px;background:#ffffff07;border-left:2px solid var(--ad-or)}
.ad-effet span{display:block;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--ad-or2);margin-bottom:2px}
.ad-leg{font-size:13.5px;color:#d6def3}
.ad-leg b{color:#fff}
.ad-fait-saison{margin:0;font-size:13.5px;color:var(--ad-vert);font-weight:700}
.ad-note{margin:0;font-size:13.5px;line-height:1.45;color:var(--ad-doux);border-left:2px solid var(--ad-ligne);padding-left:9px}
.ad-note.or{color:var(--ad-or2);border-color:var(--ad-or)}
.ad-note.vert{color:var(--ad-vert);border-color:var(--ad-vert)}
.ad-alerte{font-size:13.5px;line-height:1.45;color:#ffd0c8;padding:9px 11px;border-radius:10px;background:#ff6b6b14;border:1px solid #ff6b6b55}
.ad-alerte.fort{border-width:2px}
.ad-alerte b{display:block;color:var(--ad-rouge);text-transform:uppercase;letter-spacing:.5px;font-size:12.5px;margin-bottom:3px}
.ad-amb .ad-btn,.ad-som .ad-actions{margin-top:auto}
.ad-btn{min-height:44px;padding:10px 16px;font-size:14px;line-height:1.25;white-space:normal;text-align:center}
.ad-amb>.ad-btn{width:100%}
.ad-actions{display:flex;flex-wrap:wrap;gap:8px}
.ad-actions .ad-btn{flex:1 1 200px}

/* pastilles de statut */
.ad-pill{flex:none;display:inline-flex;align-items:center;gap:6px;max-width:55%;padding:5px 11px;border-radius:999px;font-size:12.5px;font-weight:700;line-height:1.2;text-align:right;
  border:1px solid currentColor;background:color-mix(in srgb,currentColor 10%,transparent)}
.ad-neutre{color:#9aa7bd}.ad-or{color:var(--ad-or)}.ad-vert{color:var(--ad-vert)}.ad-ciel{color:var(--ad-ciel)}.ad-rouge{color:var(--ad-rouge)}
.ad-som.ad-t-or{border-color:color-mix(in srgb,var(--ad-or) 50%,transparent)!important}
.ad-som.ad-t-vert{border-color:color-mix(in srgb,var(--ad-vert) 50%,transparent)!important}
.ad-som.ad-t-ciel{border-color:color-mix(in srgb,var(--ad-ciel) 45%,transparent)!important}

/* jauge en segments */
.ad-seg{display:flex;gap:5px}
.ad-seg i{flex:1;height:8px;border-radius:99px;background:#0d1428;box-shadow:inset 0 0 0 1px #ffffff14}
.ad-seg i.fait{background:linear-gradient(90deg,#c8962f,var(--ad-or));box-shadow:none}
.ad-seg i.encours{background:repeating-linear-gradient(135deg,#f4c04a66 0 6px,#f4c04a22 6px 12px)}

/* conditions */
.ad-conds{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.ad-conds li{display:flex;gap:7px;font-size:13.5px;line-height:1.4}
.ad-conds li span{flex:none;width:14px;font-weight:900}
.ad-conds li.ok{color:var(--ad-vert)}
.ad-conds li.ko{color:#aab3c9}

/* héritage */
.ad-piliers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ad-piliers li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #ffffff0d}
.ad-pil-nom{display:flex;gap:7px;font-size:14px;color:#d6def3}
.ad-piliers li.ok .ad-pil-nom{color:#fff}
.ad-piliers li.ok .ad-pil-nom span{color:var(--ad-vert)}
.ad-pil-etat{font-size:12.5px;color:var(--ad-vert);font-weight:700}
.ad-btn-lien{min-height:44px;padding:8px 12px;font-size:13px;white-space:nowrap}

/* empire : le groupe */
.ad-groupe{display:flex;flex-direction:column;gap:6px}
.ad-club{display:flex;gap:9px;align-items:center;padding:8px 10px;border-radius:10px;border:1px solid var(--ad-ligne);background:#ffffff06}
.ad-club img{height:12px;flex:none}
.ad-club b{display:block;font-size:14px}
.ad-club span{font-size:12.5px;color:var(--ad-doux)}
.ad-reformes{display:flex;flex-direction:column;gap:4px;font-size:13.5px;line-height:1.45;color:#d6def3}

/* le chemin (replié) */
.ad-plus{border-top:1px solid #ffffff10;padding-top:2px}
.ad-plus summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:13.5px;font-weight:700;color:var(--ad-or2);list-style:none}
.ad-plus summary::-webkit-details-marker{display:none}
.ad-plus summary::after{content:'›';margin-left:8px;transition:transform .15s}
.ad-plus[open] summary::after{transform:rotate(90deg)}
.ad-plus-corps{padding:2px 0 8px}
.ad-chemin{list-style:none;margin:0;padding:0 0 0 4px;display:flex;flex-direction:column}
.ad-chemin li{position:relative;padding:0 0 12px 22px;display:flex;flex-direction:column;gap:2px;opacity:.6}
.ad-chemin li::before{content:'';position:absolute;left:0;top:4px;width:10px;height:10px;border-radius:50%;border:2px solid #4a5677;background:transparent}
.ad-chemin li::after{content:'';position:absolute;left:6px;top:18px;bottom:0;width:2px;background:#4a567755}
.ad-chemin li:last-child::after{display:none}
.ad-chemin li.fait,.ad-chemin li.encours{opacity:1}
.ad-chemin li.fait::before{background:var(--ad-vert);border-color:var(--ad-vert)}
.ad-chemin li.encours::before{border-color:var(--ad-or);box-shadow:0 0 0 3px #f4c04a33}
.ad-chemin b{font-size:13.5px;color:#fff}
.ad-chemin em{font-style:normal;font-size:11.5px;color:var(--ad-or);margin-left:4px}
.ad-chemin span{font-size:13px;line-height:1.45;color:var(--ad-doux)}
.ad-chemin .ad-cout{color:#cfd6ea;font-weight:700}
.ad-risque{margin:0;font-size:13.5px;line-height:1.5;color:#f0b35a}

/* mandat fermé, journal */
.ad-mandat-ferme p{margin:0 0 12px;font-size:14px;line-height:1.55;color:#d6def3}
.ad-journal{list-style:none;margin:0 0 10px;padding:0}
.ad-journal li{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid #ffffff0d;font-size:13.5px;line-height:1.45;color:#d6def3}
.ad-journal li span{flex:none;min-width:92px;color:var(--ad-doux);font-variant-numeric:tabular-nums}
.ad-vide{margin:0;font-size:14px;color:var(--ad-doux)}
#ad-mandat #zone-mandat>.card:first-child{margin-top:0!important}

/* ---------------- tailles ---------------- */
@media (max-width:1100px){.ad-grille,.ad-grille-som{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .ad-grille,.ad-grille-som{grid-template-columns:minmax(0,1fr)}
  .ad-hero{padding:18px 16px 16px!important}
  .ad-faits .ad-fait{flex-basis:40%}
  .ad-prochain .ad-btn{width:100%}
  .ad-journal li{flex-direction:column;gap:2px}
  .ad-pill{max-width:48%}
}
@media (prefers-reduced-motion:reduce){.ad-fait,.ad-plus summary::after{transition:none}}