/* Paradoxe — refonte de l'accueil (nov. 2026). Chargé APRÈS le <style> de index.html : ces règles passent devant.
   Principes : Cinzel réservé au logo, titres en Alegreya en casse normale, pas de halo, pas d'animation d'apparition,
   l'or pour l'action, l'infobulle du jeu comme signature. */
:root{--head:'Alegreya',Georgia,serif}

/* ---------- typo ---------- */
h2,h3,.home .h3{font-family:var(--head);letter-spacing:0;text-transform:none}
.sec-head h2{font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.15}
.sec-head .eyebrow,.play-txt .eyebrow,.join .eyebrow{display:none}
.eyebrow{font-family:var(--body);font-weight:500;font-size:.95rem;letter-spacing:0;text-transform:none;color:var(--mist)}
.sec-head.center{align-items:flex-start;text-align:left;margin-inline:0}
.join .sec-head.center{align-items:center;text-align:center;margin-inline:auto}
.sec{padding-block:72px}

/* ---------- barre et bandeau ---------- */
.bar nav a.lk{font-family:var(--body);font-weight:500;font-size:1rem;letter-spacing:0;text-transform:none}
.bar nav a.lk.new::after{box-shadow:none}
.news{background:var(--night);border-bottom:1px solid var(--line-soft)}
.news .tagn{font-family:var(--body);font-size:.8125rem;letter-spacing:0;text-transform:none;font-weight:700}
.news b{font-family:var(--body);letter-spacing:0}

/* ---------- boutons : plats ---------- */
.btn{transition:background-color .15s,border-color .15s,color .15s;letter-spacing:0}
.btn-gold{background:var(--gold);box-shadow:none}
.btn-gold:hover{background:var(--gold-hi);box-shadow:none;transform:none}
.btn-ghost{background:transparent;border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--gold);background:var(--stone)}
.btn-play{background:var(--stone);box-shadow:none;border-color:rgba(178,106,232,.6)}
.btn-play:hover{box-shadow:none;transform:none;border-color:#c993ff}
.btn-play .new{font-family:var(--body);letter-spacing:0;font-size:.6875rem}

/* ---------- héros : texte à gauche, blason et fiche de guilde à droite ---------- */
.hero{padding-block:56px 72px}
.hero .wrap.hero-g{display:grid;gap:36px;align-items:center;text-align:left;grid-template-columns:minmax(0,1fr)}
@media (min-width:960px){.hero .wrap.hero-g{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}
.hero h1{position:static;width:auto;height:auto;overflow:visible;clip:auto;font-family:var(--head);font-weight:700;font-size:clamp(2.1rem,4.6vw,3.3rem);line-height:1.08;color:var(--parch);max-width:18ch;text-wrap:balance}
.hero .pitch{margin:18px 0 0;font-size:1.2rem;color:var(--silver)}
.hero .ctas{justify-content:flex-start;margin-top:26px}
.hero-more{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--mist)}
.hero-more a,.hero-more button{color:var(--parch);font:500 1rem var(--body);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.hero-more a:hover,.hero-more button:hover{color:var(--gold-hi);text-decoration-color:currentColor}
.hero-s{display:grid;gap:14px;justify-items:start}
.crest{width:min(480px,100%);border-radius:8px;box-shadow:0 0 0 1px rgba(0,0,0,.8),0 18px 40px rgba(0,0,0,.55)}

/* l'infobulle du jeu (même composant que dans les guides) */
.tt{background:linear-gradient(180deg,#0a1230,#060b1d);border:1px solid #8d929c;border-radius:4px;box-shadow:inset 0 0 0 1px #000,0 0 0 1px #000;padding:12px 16px;color:#fff;font-size:.98rem;line-height:1.45;width:min(480px,100%)}
.tt .tt-t{font-weight:700;color:#ffd100;margin:0 0 4px;font-size:1.05rem}
.tt dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:2px 16px}
.tt dt{color:#c9c9c9}
.tt dd{margin:0;font-weight:500}
.tt dd.al{color:#7fb2ff}
:root[data-foyer="forgefer"] .tt dd.al{color:#7fb2ff}
.tt .count{display:block;margin-top:8px;font-family:var(--body);letter-spacing:0;text-transform:none;font-size:.98rem;color:#1eff00}
.tt .count b{font-size:inherit;color:inherit;font-weight:700}
.tt .count span{white-space:normal}

/* ---------- sections ---------- */
.duo{border-radius:4px}
.side.light,.side.dark{background:var(--stone)}
.motto{text-align:left;margin-inline:0}
.plx{height:clamp(220px,36vh,340px)}
.plx-q{justify-content:flex-start;text-align:left;padding-inline:max(20px,calc((100vw - 1120px)/2 + 20px))}
.plx-q p span{font-family:var(--body);font-size:.95rem;letter-spacing:0;text-transform:none}
.home .sub,.home .pill{font-family:var(--body);letter-spacing:0;text-transform:none;font-size:.875rem}
.home.sw.on,.home.if.on{box-shadow:0 0 0 1px currentColor}
.home:hover{transform:none}

/* activités : une liste lisible plutôt que quatre cartes identiques */
#activites .cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:8px 48px}
#activites .card{background:none;border:0;border-top:1px solid var(--line-soft);border-radius:0;padding:22px 0 18px;display:grid;grid-template-columns:30px 1fr;gap:6px 14px}
#activites .card:hover{transform:none}
#activites .card svg{grid-row:span 3;width:26px;height:26px;margin-top:3px}
#activites .card .wink{border-top:0;padding-top:0;margin-top:4px}

/* outils */
a.card.tool{background:var(--stone)}
a.card.tool:hover{transform:none}
a.card.tool .go-t{font-family:var(--body);font-size:1rem;letter-spacing:0;text-transform:none}
.top5 li .r{font-family:var(--body);letter-spacing:0;font-size:.875rem}

/* règlement */
#code summary .ic{display:none}

/* guides (nouvelle section) */
.gx{display:grid;gap:32px 56px;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}
.gx h3{font-size:1.25rem;margin-bottom:10px;color:var(--parch)}
.gx-dj{list-style:none;padding:0;margin:0;border-top:1px solid var(--line-soft)}
.gx-dj li{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line-soft)}
.gx-dj a{color:var(--parch);text-decoration:none;font-weight:500}
.gx-dj a:hover{color:var(--gold-hi);text-decoration:underline}
.gx-dj span{color:var(--mist);font-variant-numeric:tabular-nums}
.gx-cls{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.gx-cls a{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line-soft);border-radius:4px;background:var(--stone);color:var(--c);font-weight:700;text-decoration:none}
.gx-cls a:hover{border-color:var(--c)}
.gx-cls img{border-radius:3px;border:1px solid #000}
.gx-all{margin-top:20px}

/* ---------- pas d'animation d'apparition : le contenu est là tout de suite ---------- */
.js .reveal.pre{opacity:1;transform:none}
.reveal{transition:none}
.card:hover,.home:hover{transform:none}

/* ---------- capitales espacées restantes : en casse normale (Cinzel reste réservé au logo) ---------- */
.foyer-mini button,.rail-ends,.rl,.tag,.tl .d,.team-h,summary,#toast b,.mem .mono,.mem b,.steps li::before{font-family:var(--body);letter-spacing:0;text-transform:none}
.foyer-mini button{font-size:.9rem;font-weight:500}
.team-h{font-size:1rem;font-weight:700;color:var(--mist)}
.tag,.rl{font-size:.8125rem;font-weight:700}
.rail-ends{font-size:.875rem}
.tl .d{font-size:1rem;font-weight:700}
.mem b{font-family:var(--head);font-size:1.1rem}
summary{font-size:1.05rem;font-weight:700}

/* héros : côté texte assombri pour la lisibilité */
.hero::after{background:linear-gradient(var(--tint),var(--tint)),linear-gradient(90deg,rgba(var(--night-rgb),.9) 0%,rgba(var(--night-rgb),.62) 50%,rgba(var(--night-rgb),.4) 100%),linear-gradient(180deg,transparent 55%,var(--night))}
@media (max-width:959px){.hero::after{background:linear-gradient(var(--tint),var(--tint)),linear-gradient(180deg,rgba(var(--night-rgb),.75),rgba(var(--night-rgb),.85) 60%,var(--night))}}

/* pied de page : liens du site */
.fnav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin:14px auto 6px;max-width:640px}
.fnav a{color:var(--parch);text-decoration:none;font-weight:500}
.fnav a:hover{color:var(--gold-hi);text-decoration:underline}