/* ============================================================================
   bffr.fr/raid/wiki - WIKI DES RAIDS (refonte du 2026-09-27)
   ----------------------------------------------------------------------------
   Le wiki porte la coquille commune du jeu (shell() de routes_raid_game.mjs).
   Cette feuille est chargée par l'option head APRÈS raids/ds.css : elle ne
   redéfinit aucun jeton de ds.css et n'utilise que ses variables. Seules
   exceptions : les teintes de rareté / difficulté des hauts paliers (Divin,
   Secret, Primordial, Astral, Solaire), propres au wiki et hors thème (elles
   portent une information du jeu), posées sur .rgp-wiki.
   Préfixe : .wk-   Les classes du texte des fiches, générées par
   routes_raid_wiki.mjs, gardent leurs noms historiques (.wbody .wlink .wtip
   .wsub .wrar .wdiff .wfacts .wtitle-*).
   Script associé : /scripts/raids/wiki.js (suggestions, filtre de rubrique).
   Performance : au plus 151 cartes par rubrique (Objets), content-visibility
   sur les cartes et les titres, recherche servie par pages de 48, aucune
   ombre, filtre ou color-mix sur un élément répété.
   ============================================================================ */

body.raidnew .rgp-wiki {
  --w-divin: #ddd4ff; --w-divin-dim: rgba(221, 212, 255, .08); --w-divin-line: rgba(168, 146, 234, .7);
  --w-secret: #ff6470; --w-secret-dim: rgba(255, 100, 112, .09); --w-secret-line: rgba(255, 100, 112, .5);
  --w-primordial: #b79bff; --w-primordial-dim: rgba(138, 92, 255, .13); --w-primordial-line: rgba(138, 92, 255, .7);
  --w-astral: #cdebff; --w-astral-line: rgba(91, 224, 255, .65);
  --w-solaire: #ffe9a8; --w-solaire-line: rgba(255, 215, 0, .7);
}

/* ── 1. Bandeau ────────────────────────────────────────────────────────────── */
body.raidnew .wk-hero .rgbtn svg { width: 18px; height: 18px; flex: 0 0 18px; }
body.raidnew .wk-home-hero h1 { font-size: clamp(2rem, 1.2rem + 2.6vw, 3rem); }
/* Fiche : médaillon de l'objet + titre + pastilles */
body.raidnew .wk-fhero { min-height: 172px; }
body.raidnew .wk-fhead { display: flex; align-items: center; gap: 22px; }
body.raidnew .wk-fimg-w {
  flex: 0 0 112px; width: 112px; height: 112px; display: grid; place-items: center;
  border-radius: 24px; background: var(--bg); border: 1px solid var(--line2); box-shadow: var(--hl);
}
body.raidnew .wk-fimg { width: 88px; height: 88px; object-fit: contain; }
body.raidnew .wk-ftx { min-width: 0; display: flex; flex-direction: column; gap: 12px; }
body.raidnew .wk-fhero h1 { overflow-wrap: anywhere; }
body.raidnew .wk-ftags { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
body.raidnew .wk-ftype {
  display: inline-flex; align-items: center; gap: 7px; min-height: 28px; padding: 0 12px 0 9px;
  border-radius: 999px; background: var(--bg); border: 1px solid var(--line2);
  color: var(--txt2); font: 650 .8rem/1 var(--font);
}
body.raidnew .wk-type-ic { width: 18px; height: 18px; object-fit: contain; }
/* Rareté et difficulté gardent leur fond teinté (comme dans les listes) : le voile du bandeau suffit à la lecture. */
body.raidnew .wk-ftags .wrar, body.raidnew .wk-ftags .wk-flag { min-height: 28px; padding: 0 12px; font-size: .78rem; }

/* ── 2. Fil d'Ariane (au-dessus du bandeau) + barre de recherche ──────────── */
/* Fil d'Ariane : a.rgx-back de ds.css (routes_raid_wiki.mjs, crumb()). Chaque lien garde une cible de 40 px. */
body.raidnew .wk-back a { display: inline-flex; align-items: center; min-height: 40px; }
body.raidnew .wk-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin: 0 0 22px; }
body.raidnew .wk-q { position: relative; flex: 0 1 480px; display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; margin: 0; }
body.raidnew .wk-q-f { flex: 1 1 200px; }
body.raidnew .rgmain .wk-q input[type="search"] { min-height: 44px; width: 100%; box-sizing: border-box; }
body.raidnew .wk-q .rgbtn { min-height: 44px; flex: 0 0 auto; }
body.raidnew .wk-q-go > svg { display: none; width: 20px; height: 20px; flex: 0 0 20px; }
body.raidnew .wk-bar.is-home { padding: 12px; background: var(--card); border: 1px solid var(--line); border-radius: var(--r-l); box-shadow: var(--hl); }
body.raidnew .wk-bar.is-home .wk-q { flex: 1 1 100%; }
body.raidnew .rgmain .wk-bar.is-home .wk-q input[type="search"], body.raidnew .wk-bar.is-home .wk-q .rgbtn { min-height: 50px; }
body.raidnew .rgmain .wk-bar.is-home .wk-q input[type="search"] { font-size: 1rem; }

/* Suggestions en direct (wiki.js) : menu sous le champ sur PC, dans le flux sur téléphone */
body.raidnew .wk-sug {
  position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 30;
  padding: 6px; background: var(--card); border: 1px solid var(--line2); border-radius: var(--r-m);
  box-shadow: var(--shadow-pop), var(--hl); max-height: min(70vh, 470px); overflow: auto;
}
body.raidnew .wk-sug[hidden] { display: none; }
body.raidnew .wk-bar.is-home .wk-sug { right: auto; width: min(760px, 100%); }
body.raidnew .wk-sug-it { display: flex; align-items: center; gap: 11px; min-height: 46px; padding: 6px 10px; border-radius: 10px; color: var(--txt); }
body.raidnew .wk-sug-it:hover, body.raidnew .wk-sug-it.on { background: var(--card2); color: var(--txt); }
body.raidnew .wk-sug-it img, body.raidnew .wk-sug-ph { width: 28px; height: 28px; flex: 0 0 28px; object-fit: contain; border-radius: 7px; }
body.raidnew .wk-sug-ph { background: var(--bg2); border: 1px solid var(--line); }
body.raidnew .wk-sug-t { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; font-size: .92rem; }
body.raidnew .wk-sug-it small { flex: 0 0 auto; color: var(--mut); font-size: .74rem; font-weight: 600; }
body.raidnew .wk-sug-none { padding: 10px 10px 8px; color: var(--mut); font-size: .86rem; line-height: 1.45; }
body.raidnew .wk-sug-all {
  display: flex; align-items: center; justify-content: center; width: 100%; min-height: 42px; margin-top: 4px;
  border: 0; border-top: 1px solid var(--line); border-radius: 0 0 10px 10px; background: none; cursor: pointer;
  color: var(--accent2); font: 650 .86rem var(--font);
}
body.raidnew .wk-sug-all:hover { color: var(--txt); background: var(--card2); }

/* ── 3. Mise en page : sommaire | contenu | fiche technique ────────────────── */
body.raidnew .wk-lay { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 28px; align-items: start; }
body.raidnew .wk-lay.has-side { grid-template-columns: 250px minmax(0, 1fr) 310px; }
body.raidnew .wk-nav { grid-column: 1; grid-row: 1 / span 2; }
body.raidnew .wk-main { grid-column: 2; min-width: 0; }
body.raidnew .wk-side { grid-column: 3; grid-row: 1; min-width: 0; display: flex; flex-direction: column; gap: 14px; }

/* Sommaire PC (collant, défile seul s'il dépasse l'écran). Il s'arrête 74 px au-dessus du bas de l'écran :
   le bouton palette du site (fixe, bas gauche, 42 px à 18 px du bord) ne recouvre plus sa dernière ligne. */
body.raidnew .wk-nav {
  position: sticky; top: 76px; display: flex; flex-direction: column; gap: 2px;
  max-height: calc(100vh - 150px); overflow: auto; scrollbar-width: thin;
  padding: 10px; background: var(--card); border: 1px solid var(--line); border-radius: var(--r-l); box-shadow: var(--hl);
}
body.raidnew .wk-navh {
  display: flex; align-items: baseline; gap: 8px; padding: 16px 10px 7px;
  font: 700 .68rem/1 var(--font); letter-spacing: .14em; text-transform: uppercase; color: var(--accent2);
}
body.raidnew .wk-navh small { color: var(--mut); font-size: .74rem; font-weight: 600; letter-spacing: .01em; text-transform: none; }
body.raidnew .wk-nl {
  display: flex; align-items: center; gap: 11px; min-height: 40px; padding: 0 10px; border-radius: 11px;
  color: var(--txt2); font-weight: 600; font-size: .9rem; transition: background-color .13s, color .13s;
}
body.raidnew .wk-nl:hover { background: var(--card2); color: var(--txt); }
body.raidnew .wk-nl.on { background: var(--accent-dim); color: var(--txt); box-shadow: inset 2px 0 0 var(--accent); }
body.raidnew .wk-nl > svg { width: 20px; height: 20px; flex: 0 0 24px; color: var(--accent2); }
body.raidnew .wk-nl-ic { width: 24px; height: 24px; flex: 0 0 24px; object-fit: contain; }
/* Libellés entiers (« Boutiques & événements ») : ils passent sur 2 lignes plutôt que d'être coupés. */
body.raidnew .wk-nl-t { flex: 1 1 auto; min-width: 0; padding: 6px 0; line-height: 1.25; overflow-wrap: anywhere; }
body.raidnew .wk-nl-n { flex: 0 0 auto; color: var(--mut); font-size: .74rem; font-variant-numeric: tabular-nums; }
body.raidnew .wk-nl.on .wk-nl-n { color: var(--accent2); }
body.raidnew .wk-nl.is-start { color: var(--txt); }
body.raidnew .wk-feat {
  display: flex; align-items: center; gap: 12px; margin-top: 12px; padding: 10px 12px 10px 10px;
  background: var(--bg2); border: 1px solid var(--line); border-radius: var(--r-m); color: var(--txt); font-weight: 700; font-size: .9rem; line-height: 1.25;
}
body.raidnew .wk-feat:hover { border-color: var(--accent-line); color: var(--txt); }
body.raidnew .wk-feat-img { width: 48px; height: 48px; flex: 0 0 48px; object-fit: contain; }
body.raidnew .wk-feat small { display: block; margin-bottom: 3px; color: var(--mut); font: 700 .64rem/1 var(--font); letter-spacing: .13em; text-transform: uppercase; }

/* Sommaire téléphone : pastille dans la barre, qui s'ouvre DANS la page (aucun positionnement) */
body.raidnew .wk-navm { display: none; }
body.raidnew .wk-navm > summary { list-style: none; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; }
body.raidnew .wk-navm > summary::-webkit-details-marker { display: none; }

/* ── 4. Rubrique : outils, groupes, cartes ─────────────────────────────────── */
body.raidnew .wk-tools {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 12px; margin: 0 0 24px;
  background: var(--card); border: 1px solid var(--line); border-radius: var(--r-l); box-shadow: var(--hl);
}
body.raidnew .wk-filter { flex: 1 1 280px; }
body.raidnew .wk-filter[hidden] { display: none; }
body.raidnew .rgmain .wk-filter input { min-height: 42px; }
body.raidnew .wk-count { margin-left: auto; padding: 0 4px; color: var(--mut); font-size: .84rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
body.raidnew .wk-count b { color: var(--txt); }
/* Pastilles « Aller à » : sur PC elles passent à la ligne (tous les paliers visibles, jusqu'à Astral) ;
   sur téléphone, une seule ligne qui défile au doigt (section 12), avec un fondu sur le bord qui en cache. */
body.raidnew .wk-jump { display: flex; flex-wrap: wrap; gap: 6px; flex: 1 1 100%; min-width: 0; padding: 1px 0; }
body.raidnew .wk-jchip {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding: 0 12px;
  border-radius: 999px; background: var(--bg2); border: 1px solid var(--line2); color: var(--txt2);
  font: 650 .8rem/1 var(--font); white-space: nowrap; transition: border-color .13s, color .13s, opacity .13s;
}
body.raidnew .wk-jchip:hover { color: var(--txt); border-color: var(--accent-line); }
body.raidnew .wk-jchip small { color: var(--mut); font-size: .74rem; font-weight: 600; font-variant-numeric: tabular-nums; }
body.raidnew .wk-jchip.is-empty { opacity: .38; }
body.raidnew .wk-jchip-ic { width: 18px; height: 18px; object-fit: contain; }

body.raidnew .wk-grp { margin: 0 0 32px; scroll-margin-top: 84px; }
body.raidnew .wk-grp[hidden] { display: none; }
body.raidnew .wk-grph {
  display: flex; align-items: center; gap: 10px; margin: 0 0 12px;
  font: 800 .8125rem/1 var(--font); letter-spacing: .14em; text-transform: uppercase; color: var(--txt);
}
/* Surtitre de groupe : même filet que .rgx-h2 (ds.css). */
body.raidnew .wk-grph::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, var(--line2), transparent); margin-left: 6px; }
body.raidnew .wk-grph .wk-n { font-size: .8rem; letter-spacing: .02em; text-transform: none; }
body.raidnew .wk-grph-ic { width: 22px; height: 22px; object-fit: contain; }
body.raidnew .wk-n { color: var(--mut); font-weight: 600; font-size: .76rem; font-variant-numeric: tabular-nums; flex: 0 0 auto; }

body.raidnew .wk-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(292px, 1fr)); gap: 10px; }
body.raidnew .wk-card {
  display: flex; align-items: flex-start; gap: 14px; min-width: 0; padding: 14px;
  background: var(--card); border: 1px solid var(--line); border-radius: var(--r-m); box-shadow: var(--hl);
  color: var(--txt2); transition: border-color .15s, background-color .15s;
  content-visibility: auto; contain-intrinsic-size: auto 104px;
}
body.raidnew .wk-card:hover { border-color: var(--accent-line); background: var(--card2); color: var(--txt2); }
body.raidnew .wk-card[hidden] { display: none; }
body.raidnew .wk-cimg {
  flex: 0 0 58px; width: 58px; height: 58px; display: grid; place-items: center;
  border-radius: 15px; background: var(--bg2); border: 1px solid var(--line);
}
/* Liseré de rareté (ou de difficulté pour un boss) autour de la vignette : une info du jeu. */
body.raidnew .wk-cimg.t-commun { border-color: rgba(154, 160, 166, .4); }
body.raidnew .wk-cimg.t-rare { border-color: rgba(61, 165, 255, .45); }
body.raidnew .wk-cimg.t-epique { border-color: rgba(155, 92, 255, .5); }
body.raidnew .wk-cimg.t-legendaire { border-color: rgba(255, 176, 32, .45); }
body.raidnew .wk-cimg.t-mythique { border-color: rgba(255, 92, 138, .45); }
body.raidnew .wk-cimg.t-divin { border-color: var(--w-divin-line); }
body.raidnew .wk-cimg.t-secret { border-color: var(--w-secret-line); }
body.raidnew .wk-cimg.t-primordial { border-color: var(--w-primordial-line); }
body.raidnew .wk-cimg.t-astral { border-color: var(--w-astral-line); }
body.raidnew .wk-card-img { width: 46px; height: 46px; object-fit: contain; }
body.raidnew .wk-ctx { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
body.raidnew .wk-ct { color: var(--txt); font-weight: 700; font-size: .96rem; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.raidnew .wk-cs { color: var(--mut); font-size: .83rem; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.raidnew .wk-cmeta { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-top: 6px; }
body.raidnew .wk-ctype {
  display: inline-flex; align-items: center; min-height: 22px; padding: 0 8px; border-radius: 999px;
  background: var(--bg2); border: 1px solid var(--line2); color: var(--txt2); font: 650 .7rem/1 var(--font);
}
body.raidnew .wk-card.is-m .wk-cimg { background: var(--bg2); }

/* Pages de résultats de la recherche */
body.raidnew .wk-pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 14px; margin: 22px 0 6px; }
body.raidnew .wk-pager .rgbtn svg { width: 16px; height: 16px; flex: 0 0 16px; }
body.raidnew .wk-pager-t { color: var(--mut); font-size: .86rem; font-variant-numeric: tabular-nums; }
body.raidnew .wk-pager-t b { color: var(--txt); }

/* Pastilles Nouveau / Bientôt */
body.raidnew .wk-flag {
  display: inline-flex; align-items: center; min-height: 22px; padding: 0 8px; border-radius: 999px;
  background: var(--accent); color: var(--on-accent); font: 800 .64rem/1 var(--font); letter-spacing: .09em; text-transform: uppercase;
}
body.raidnew .wk-flag.is-soon { background: var(--bg2); color: var(--accent2); border: 1px solid var(--accent-line); }

/* États vides (rubrique vide, filtre sans résultat, recherche vide) */
body.raidnew .wk-empty { display: flex; flex-direction: column; align-items: center; gap: 8px; max-width: 560px; margin: 8px auto 24px; text-align: center; }
body.raidnew .wk-empty[hidden] { display: none; }
body.raidnew .wk-empty .rgempty-s { color: var(--mut); font-size: .92rem; max-width: 440px; }
body.raidnew .wk-empty-ic svg { width: 40px; height: 40px; color: var(--mut); }

/* ── 5. Badges de rareté et de difficulté ──────────────────────────────────── */
body.raidnew .wrar {
  display: inline-flex; align-items: center; gap: 5px; min-height: 22px; padding: 0 9px; border-radius: 999px;
  border: 1px solid; font: 700 .72rem/1 var(--font); letter-spacing: .02em; white-space: nowrap;
}
body.raidnew .wrar-commun, body.raidnew .wdiff-commun { color: var(--commun); border-color: rgba(154, 160, 166, .5); background: rgba(154, 160, 166, .07); }
body.raidnew .wrar-rare, body.raidnew .wdiff-rare { color: var(--rare); border-color: rgba(61, 165, 255, .5); background: rgba(61, 165, 255, .08); }
body.raidnew .wrar-epique, body.raidnew .wdiff-epique { color: #b48cff; border-color: rgba(155, 92, 255, .55); background: rgba(155, 92, 255, .09); }
body.raidnew .wrar-legendaire, body.raidnew .wdiff-legendaire { color: var(--legendaire); border-color: rgba(255, 176, 32, .5); background: rgba(255, 176, 32, .08); }
body.raidnew .wrar-mythique, body.raidnew .wdiff-mythique { color: var(--mythique); border-color: rgba(255, 92, 138, .5); background: rgba(255, 92, 138, .08); }
body.raidnew .wrar-divin, body.raidnew .wdiff-divin { color: var(--w-divin); border-color: var(--w-divin-line); background: var(--w-divin-dim); }
body.raidnew .wrar-secret, body.raidnew .wdiff-secret { color: var(--w-secret); border-color: var(--w-secret-line); background: var(--w-secret-dim); }
body.raidnew .wrar-primordial, body.raidnew .wdiff-primordial { color: var(--w-primordial); border-color: var(--w-primordial-line); background: var(--w-primordial-dim); }
body.raidnew .wrar-astral, body.raidnew .wdiff-astral { color: var(--w-astral); border-color: var(--w-astral-line); background: linear-gradient(90deg, rgba(138, 92, 255, .18), rgba(91, 224, 255, .16)); }
body.raidnew .wrar-solaire, body.raidnew .wdiff-solaire { color: var(--w-solaire); border-color: var(--w-solaire-line); background: linear-gradient(90deg, rgba(255, 215, 0, .18), rgba(255, 140, 0, .13)); }
/* Pastille de couleur des groupes de difficulté */
body.raidnew .wdiff-dot { display: inline-block; width: 10px; height: 10px; flex: 0 0 10px; border-radius: 50%; border: 0; padding: 0; min-height: 0; background: var(--mut); }
body.raidnew .wdiff-dot.wdiff-commun { background: var(--commun); }
body.raidnew .wdiff-dot.wdiff-rare { background: var(--rare); }
body.raidnew .wdiff-dot.wdiff-epique { background: var(--epique); }
body.raidnew .wdiff-dot.wdiff-legendaire { background: var(--legendaire); }
body.raidnew .wdiff-dot.wdiff-mythique { background: var(--mythique); }
body.raidnew .wdiff-dot.wdiff-divin { background: var(--w-divin); }
body.raidnew .wdiff-dot.wdiff-secret { background: var(--w-secret); }
body.raidnew .wdiff-dot.wdiff-primordial { background: #8a5cff; }
body.raidnew .wdiff-dot.wdiff-astral { background: linear-gradient(90deg, #8a5cff, #5be0ff); }
body.raidnew .wdiff-dot.wdiff-solaire { background: linear-gradient(90deg, #ffd700, #ff8c00); }

/* ── 6. Fiche : texte ──────────────────────────────────────────────────────── */
body.raidnew .wk-art { min-width: 0; }
body.raidnew .wbody { max-width: 74ch; color: var(--txt2); font-size: 1.02rem; line-height: 1.72; overflow-wrap: anywhere; }
body.raidnew .wbody > :first-child { margin-top: 0; }
body.raidnew .wbody p { margin: 0 0 1.05em; }
body.raidnew .wbody p:last-child { margin-bottom: 0; }
/* Intertitres du texte : .rgx-h2 (ds.css, taille et filet communs) ; ici seulement le rythme de l'article. */
body.raidnew .wbody h2.wbody-h, body.raidnew .wk-tgrp > h2.wbody-h { margin: 1.8em 0 .65em; line-height: 1.25; }
body.raidnew .wbody > h2.wbody-h:first-child { margin-top: 0; }
body.raidnew .wbody h3.wbody-h { margin: 1.5em 0 .45em; color: var(--accent2); font-size: 1.06rem; font-weight: 750; }
body.raidnew .wbody ul { margin: 0 0 1.1em; padding: 0; list-style: none; }
body.raidnew .wbody li { position: relative; margin: .5em 0; padding-left: 22px; line-height: 1.62; }
body.raidnew .wbody li::before { content: ""; position: absolute; left: 5px; top: .68em; width: 6px; height: 6px; border-radius: 2px; background: var(--accent); transform: rotate(45deg); }
body.raidnew .wbody strong { color: var(--txt); font-weight: 700; }
body.raidnew .wbody em { color: var(--txt); }
body.raidnew .wbody code, body.raidnew .wk-art code {
  padding: .08em .42em; border-radius: 6px; background: var(--bg2); border: 1px solid var(--line2);
  color: var(--accent2); font-size: .88em; font-family: ui-monospace, 'Cascadia Code', Consolas, monospace;
  white-space: nowrap;   /* une commande (/raid craft) ne se coupe pas en deux cadres */
}
body.raidnew .wsub { margin: 12px 0 16px; padding: 2px 0 2px 13px; border-left: 2px solid var(--line2); color: var(--mut); font-size: .9rem; line-height: 1.6; }
body.raidnew .wtip {
  display: flex; align-items: flex-start; gap: 14px; max-width: 74ch; margin: 26px 0 4px; padding: 16px 18px;
  background: var(--accent-dim); border: 1px solid var(--accent-line); border-radius: var(--r-m);
}
body.raidnew .wtip-ic { flex: 0 0 auto; color: var(--accent2); line-height: 0; margin-top: 2px; }
body.raidnew .wtip-ic svg { width: 22px; height: 22px; }
body.raidnew .wtip > div { color: var(--txt2); line-height: 1.6; }
body.raidnew .wtip > div > strong:first-child { display: block; margin-bottom: 2px; color: var(--accent2); font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; }
body.raidnew .wlink { color: var(--accent2); text-decoration: underline; text-decoration-color: var(--accent-line); text-decoration-thickness: 1px; text-underline-offset: 3px; }
body.raidnew .wlink:hover { color: var(--txt); text-decoration-color: var(--accent); }
body.raidnew .wmuted { color: var(--mut); }
body.raidnew .wtag {
  display: inline-flex; align-items: center; padding: 1px 7px; border-radius: 6px; background: var(--bg2);
  border: 1px solid var(--line2); color: var(--mut); font-size: .7rem; letter-spacing: .05em; text-transform: uppercase; vertical-align: 1px;
}

/* ── 7. Fiche : blocs (pièces, butin, voir aussi), fiches voisines ─────────── */
body.raidnew .wk-blk { margin-top: 34px; }
/* Titre de bloc (.wk-blkh) : .rgx-h2 de ds.css, aucune règle propre. */
body.raidnew .wk-chips { display: grid; grid-template-columns: repeat(auto-fill, minmax(196px, 1fr)); gap: 8px; }
body.raidnew .wk-chip {
  display: flex; align-items: center; gap: 10px; min-width: 0; min-height: 50px; padding: 7px 12px 7px 7px;
  background: var(--card); border: 1px solid var(--line); border-radius: 13px;
  color: var(--txt); font-size: .88rem; font-weight: 600; line-height: 1.25;
  transition: border-color .13s, background-color .13s;
}
body.raidnew a.wk-chip:hover { border-color: var(--accent-line); background: var(--card2); color: var(--txt); }
body.raidnew .wk-chip > span { min-width: 0; overflow-wrap: anywhere; }
body.raidnew .wk-chip-img { width: 36px; height: 36px; flex: 0 0 36px; object-fit: contain; padding: 2px; border-radius: 10px; background: var(--bg2); box-sizing: border-box; }
body.raidnew .wk-chip.is-plain { color: var(--mut); padding-left: 12px; }
/* Pièces d'un set placées dans le texte, à la place de la liste « Les N pièces » (routes_raid_wiki.mjs). */
body.raidnew .wbody .wk-pieces { margin: 0 0 1.2em; }
body.raidnew .wk-piece strong { display: block; color: var(--txt); font-weight: 650; }
body.raidnew .wk-piece small { display: block; color: var(--mut); font-size: .76rem; font-weight: 500; margin-top: 1px; }

body.raidnew .wk-pn { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 40px; padding-top: 22px; border-top: 1px solid var(--line); }
body.raidnew .wk-pn-a {
  display: flex; flex-direction: column; gap: 5px; min-width: 0; padding: 14px 16px;
  background: var(--card); border: 1px solid var(--line); border-radius: var(--r-m); box-shadow: var(--hl); color: var(--txt);
  transition: border-color .13s, background-color .13s;
}
body.raidnew .wk-pn-a:hover { border-color: var(--accent-line); background: var(--card2); color: var(--txt); }
body.raidnew .wk-pn-a small { display: inline-flex; align-items: center; gap: 6px; color: var(--mut); font: 700 .68rem/1 var(--font); letter-spacing: .12em; text-transform: uppercase; }
body.raidnew .wk-pn-a small svg { width: 14px; height: 14px; }
body.raidnew .wk-pn-a span { font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.raidnew .wk-pn-a.is-next { grid-column: 2; align-items: flex-end; text-align: right; }

/* ── 8. Colonne de droite : fiche technique, section du Manuel ─────────────── */
body.raidnew .wk-facts { overflow: hidden; background: var(--card); border: 1px solid var(--line); border-radius: var(--r-l); box-shadow: var(--hl); }
body.raidnew .wk-facts-h { padding: 14px 16px 12px; border-bottom: 1px solid var(--line); color: var(--accent2); font: 700 .7rem/1 var(--font); letter-spacing: .14em; text-transform: uppercase; }
body.raidnew .wfacts { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: .88rem; }
/* Libellé en entier (« Emplacements ») : on ne coupe un mot que s'il ne tient vraiment pas. */
body.raidnew .wfacts th { width: 42%; padding: 11px 8px 11px 16px; border-top: 1px solid var(--line); text-align: left; vertical-align: top; color: var(--mut); font-weight: 600; font-size: .84rem; overflow-wrap: break-word; }
body.raidnew .wfacts td { padding: 11px 16px 11px 0; border-top: 1px solid var(--line); vertical-align: top; color: var(--txt); line-height: 1.55; overflow-wrap: anywhere; }
body.raidnew .wfacts tr:first-child th, body.raidnew .wfacts tr:first-child td { border-top: 0; }
body.raidnew .wfacts strong { color: var(--txt); }
body.raidnew .wfact-ic { width: 18px; height: 18px; object-fit: contain; vertical-align: -4px; }
/* Bonus de set : un palier par ligne, séparés d'un souffle (5 paliers de 3 à 7 stats). */
body.raidnew .wfact-tier { display: block; }
body.raidnew .wfact-tier + .wfact-tier { margin-top: 5px; }
body.raidnew .wfact-st { white-space: nowrap; }

body.raidnew .wk-sidebox { padding: 8px; background: var(--card); border: 1px solid var(--line); border-radius: var(--r-l); box-shadow: var(--hl); }
body.raidnew .wk-sideh {
  display: flex; align-items: center; gap: 10px; min-height: 44px; margin: 0 0 6px; padding: 0 8px 8px;
  border-bottom: 1px solid var(--line); color: var(--txt); font-weight: 700; font-size: .92rem;
}
body.raidnew .wk-sideh:hover { color: var(--accent2); }
body.raidnew .wk-sideh small { margin-left: auto; color: var(--mut); font-weight: 600; font-size: .74rem; white-space: nowrap; }
body.raidnew .wk-sec-ic { width: 24px; height: 24px; flex: 0 0 24px; object-fit: contain; }
body.raidnew .wk-sidelist { display: flex; flex-direction: column; gap: 1px; }
body.raidnew .wk-sidelist a { display: block; padding: 8px 10px; border-radius: 10px; color: var(--txt2); font-size: .88rem; line-height: 1.35; }
body.raidnew .wk-sidelist a:hover { background: var(--card2); color: var(--txt); }
body.raidnew .wk-sidelist a.on { background: var(--accent-dim); color: var(--txt); font-weight: 650; box-shadow: inset 2px 0 0 var(--accent); }
body.raidnew .wk-sideall { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px; margin-top: 6px; border-top: 1px solid var(--line); color: var(--accent2); font-weight: 650; font-size: .86rem; }
body.raidnew .wk-sideall:hover { color: var(--txt); }
body.raidnew .wk-sideall svg { width: 16px; height: 16px; }

/* ── 9. Catalogue des titres (chaque titre dans la couleur de son style en jeu) ── */
body.raidnew .wk-tgrp > h2.wbody-h { margin-top: 1.6em; }
body.raidnew .wtitles { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 8px; margin: 0 0 8px; }
body.raidnew .wtitle-row {
  display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 12px 14px;
  background: var(--card); border: 1px solid var(--line); border-radius: 13px;
  content-visibility: auto; contain-intrinsic-size: auto 92px;
}
body.raidnew .wtitle-top { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
body.raidnew .wtitle { font-weight: 800; font-size: 1rem; letter-spacing: .01em; }
body.raidnew .wtitle-desc { color: var(--mut); font-size: .86rem; line-height: 1.45; }
body.raidnew .wtitle-bonus { color: var(--accent2); font-size: .8rem; font-weight: 650; }
body.raidnew .wtitle-soon { display: inline-flex; align-items: center; min-height: 20px; padding: 0 8px; border: 1px solid var(--line2); border-radius: 999px; color: var(--mut); font: 700 .62rem/1 var(--font); letter-spacing: .06em; text-transform: uppercase; }
body.raidnew .wtitle-argent { color: #cbd2dc; }
body.raidnew .wtitle-cyan { color: #3fe0e0; }
body.raidnew .wtitle-violet { color: #bb8cff; }
body.raidnew .wtitle-or { color: #bfa6ff; }
body.raidnew .wtitle-prestige { color: #c6b3ff; }
body.raidnew .wtitle-tenebre { color: #a18ccf; }
body.raidnew .wtitle-rainbow { background: linear-gradient(90deg, #ff5c5c, #ffb13f, #cdb4ff, #3fe07a, #3da5ff, #b388ff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* ── 10. Accueil du wiki ───────────────────────────────────────────────────── */
body.raidnew .wk-sec { margin: 0 0 36px; }
body.raidnew .wk-sec .rgx-h2 .wk-flag { font-size: .62rem; }
body.raidnew .wk-pils { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
body.raidnew .wk-pil {
  display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 18px;
  background: var(--card); border: 1px solid var(--line); border-radius: var(--r-l); box-shadow: var(--hl);
  color: var(--txt2); transition: border-color .15s, background-color .15s;
}
body.raidnew .wk-pil:hover { border-color: var(--accent-line); background: var(--card2); color: var(--txt2); }
body.raidnew .wk-pil-img { width: 44px; height: 44px; object-fit: contain; margin-bottom: 8px; }
body.raidnew .wk-pil b { color: var(--txt); font-size: 1.02rem; }
body.raidnew .wk-pil span { color: var(--mut); font-size: .87rem; line-height: 1.5; }

body.raidnew .wk-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
body.raidnew .wk-steps li { min-width: 0; }
body.raidnew .wk-steps a {
  display: flex; flex-direction: column; gap: 12px; height: 100%; box-sizing: border-box; padding: 16px;
  background: var(--card); border: 1px solid var(--line); border-radius: var(--r-m); box-shadow: var(--hl);
  color: var(--txt); font-weight: 600; font-size: .9rem; line-height: 1.45; transition: border-color .15s, background-color .15s;
}
body.raidnew .wk-steps a:hover { border-color: var(--accent-line); background: var(--card2); color: var(--txt); }
body.raidnew .wk-step-n {
  display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 32px; border-radius: 50%;
  background: var(--accent-dim); border: 1px solid var(--accent-line); color: var(--accent2);
  font-weight: 800; font-size: .92rem; font-variant-numeric: tabular-nums;
}
body.raidnew .wk-step-t { flex: 1 1 auto; }
body.raidnew .wk-steps a > svg { width: 18px; height: 18px; flex: 0 0 18px; align-self: flex-end; color: var(--mut); }
body.raidnew .wk-steps a:hover > svg { color: var(--accent2); }

body.raidnew .wk-news { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
body.raidnew .wk-new {
  display: flex; align-items: center; gap: 14px; min-width: 0; padding: 14px;
  background: var(--card); border: 1px solid var(--line); border-radius: var(--r-m); box-shadow: var(--hl);
  color: var(--txt2); transition: border-color .15s, background-color .15s;
}
body.raidnew .wk-new:hover { border-color: var(--accent-line); background: var(--card2); color: var(--txt2); }
body.raidnew .wk-new-img { width: 46px; height: 46px; object-fit: contain; }
body.raidnew .wk-new-tx { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
body.raidnew .wk-new-tx b { color: var(--txt); font-size: .95rem; }
body.raidnew .wk-new-tx small { color: var(--mut); font-size: .84rem; line-height: 1.45; }

body.raidnew .wk-dir { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
body.raidnew .wk-dirp { min-width: 0; padding: 8px; background: var(--card); border: 1px solid var(--line); border-radius: var(--r-l); box-shadow: var(--hl); }
body.raidnew .wk-dirp-h {
  display: flex; align-items: baseline; gap: 8px; margin: 0 0 4px; padding: 10px 10px 12px; border-bottom: 1px solid var(--line);
  color: var(--accent2); font: 700 .7rem/1 var(--font); letter-spacing: .14em; text-transform: uppercase;
}
body.raidnew .wk-dirp-h small { color: var(--mut); font-size: .78rem; font-weight: 600; letter-spacing: .01em; text-transform: none; }
body.raidnew .wk-dirrow { display: flex; align-items: center; gap: 12px; min-height: 58px; padding: 8px 10px; border-radius: 12px; color: var(--txt2); }
body.raidnew .wk-dirrow:hover { background: var(--card2); color: var(--txt2); }
body.raidnew .wk-dir-ic { width: 36px; height: 36px; flex: 0 0 36px; object-fit: contain; }
body.raidnew .wk-dirtx { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
body.raidnew .wk-dirtx b { color: var(--txt); font-size: .94rem; }
body.raidnew .wk-dirtx small { color: var(--mut); font-size: .8rem; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ── 11. Écrans moyens : la colonne de droite rejoint la colonne du contenu ── */
@media (max-width: 1279px) {
  body.raidnew .wk-lay, body.raidnew .wk-lay.has-side { grid-template-columns: 232px minmax(0, 1fr); gap: 24px; }
  body.raidnew .wk-lay.has-side .wk-side { grid-column: 2; }
  body.raidnew .wk-lay.is-facts .wk-side { grid-row: 1; max-width: 760px; }
  body.raidnew .wk-lay.is-facts .wk-main { grid-row: 2; }
  /* Fiche technique au-dessus du texte : la ligne « Pièces » d'un set (10 lignes) repoussait la première phrase
     d'un écran ; les pièces restent dans le bloc illustré « Les N pièces du set » sous le texte. */
  body.raidnew .wfacts tr.is-dup { display: none; }
  body.raidnew .wk-lay.is-more .wk-main { grid-row: 1; }
  body.raidnew .wk-lay.is-more .wk-side { grid-row: 2; }
  body.raidnew .wk-steps { grid-template-columns: 1fr; }
  body.raidnew .wk-steps a { flex-direction: row; align-items: center; gap: 14px; padding: 13px 16px; }
  body.raidnew .wk-steps a > svg { align-self: center; }
  body.raidnew .wk-pils { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1100px) and (min-width: 961px) {
  body.raidnew .wk-dir { grid-template-columns: 1fr; }
}

/* ── 12. Téléphone et tablette ─────────────────────────────────────────────── */
@media (max-width: 960px) {
  body.raidnew .wk-lay, body.raidnew .wk-lay.has-side { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  body.raidnew .wk-nav { display: none; }
  body.raidnew .wk-main, body.raidnew .wk-lay.has-side .wk-side { grid-column: 1; }

  /* Sommaire : pastille à droite du fil d'Ariane (le menu du jeu, juste au-dessus, est déjà une ligne repliée :
     deux lignes pleine largeur se suivaient). Ouverte, elle prend toute la largeur et déroule ses tuiles. */
  body.raidnew .wk-navm { display: block; flex: 0 0 auto; min-width: 0; background: var(--card); border: 1px solid var(--line2); border-radius: 999px; box-shadow: var(--hl); }
  body.raidnew .wk-navm > summary { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 12px 0 13px; color: var(--txt); font-weight: 700; font-size: .86rem; }
  body.raidnew .wk-navm-ic { width: 18px; height: 18px; flex: 0 0 18px; color: var(--accent2); }
  body.raidnew .wk-navm-t { flex: 0 0 auto; white-space: nowrap; }
  /* « du wiki » : lu par le lecteur d'écran, affiché seulement quand la ligne a la place (ouverte, accueil). */
  body.raidnew .wk-navm-x { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  body.raidnew .wk-navm[open] .wk-navm-x, body.raidnew .wk-bar.is-home .wk-navm-x { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  body.raidnew .wk-navm-car { width: 16px; height: 16px; flex: 0 0 16px; margin-left: auto; opacity: .6; transition: transform .2s; }
  body.raidnew .wk-navm[open] { flex: 1 1 100%; border-radius: 16px; border-color: var(--line); }
  body.raidnew .wk-navm[open] > summary { min-height: 48px; padding: 0 14px; font-size: .95rem; border-bottom: 1px solid var(--line); }
  /* Accueil (pas de fil d'Ariane) : ligne pleine largeur sous la recherche, dans le même cadre. */
  body.raidnew .wk-bar.is-home .wk-navm { order: 2; flex: 1 1 100%; border-radius: 12px; background: var(--bg2); border-color: var(--line); box-shadow: none; }
  body.raidnew .wk-bar.is-home .wk-navm > summary { min-height: 46px; font-size: .92rem; }
  body.raidnew .wk-navm[open] > summary .wk-navm-car { transform: rotate(180deg); }
  body.raidnew .wk-navm-body { padding: 10px 10px 12px; }
  body.raidnew .wk-navm-h { display: flex; align-items: baseline; gap: 8px; margin: 14px 4px 8px; color: var(--mut); font: 700 .68rem/1 var(--font); letter-spacing: .14em; text-transform: uppercase; }
  body.raidnew .wk-navm-h small { font-size: .74rem; font-weight: 600; letter-spacing: .01em; text-transform: none; }
  body.raidnew .wk-navm-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  body.raidnew .wk-tile {
    display: flex; align-items: center; gap: 9px; min-width: 0; min-height: 50px; padding: 6px 10px;
    background: var(--bg2); border: 1px solid var(--line); border-radius: 12px;
    color: var(--txt2); font-size: .84rem; font-weight: 650; line-height: 1.2;
  }
  body.raidnew .wk-tile > span { min-width: 0; overflow-wrap: anywhere; }
  body.raidnew .wk-tile.on { border-color: var(--accent-line); background: var(--accent-dim); color: var(--txt); }
  body.raidnew .wk-tile > svg { width: 20px; height: 20px; flex: 0 0 20px; color: var(--accent2); }
  body.raidnew .wk-tile-ic { width: 26px; height: 26px; flex: 0 0 26px; object-fit: contain; }
  body.raidnew .wk-tile small { margin-left: auto; padding-left: 4px; color: var(--mut); font-size: .72rem; font-variant-numeric: tabular-nums; }
  body.raidnew .wk-navm .wk-feat { margin-top: 12px; }

  /* Barre : recherche pleine largeur, puis la ligne « Sommaire du wiki » (comme sur l'accueil) ; suggestions dans le flux */
  body.raidnew .wk-bar { gap: 10px; margin-bottom: 16px; }
  body.raidnew .wk-bar:not(.is-home) .wk-navm { order: 2; flex: 1 1 100%; border-radius: 12px; }
  body.raidnew .wk-bar:not(.is-home) .wk-navm-x { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  body.raidnew .wk-q { flex: 1 1 100%; }
  body.raidnew .wk-q .rgbtn { padding: 0 16px; }
  body.raidnew .wk-sug { position: static; flex: 1 1 100%; margin-top: 2px; box-shadow: var(--hl); max-height: none; }
  body.raidnew .wk-sug-it { min-height: 48px; }

  /* Bandeau d'une fiche */
  body.raidnew .wk-fhero { min-height: 0; }
  body.raidnew .wk-fhead { gap: 14px; }
  body.raidnew .wk-fimg-w { flex-basis: 78px; width: 78px; height: 78px; border-radius: 19px; }
  body.raidnew .wk-fimg { width: 62px; height: 62px; }
  body.raidnew .wk-ftx { gap: 9px; }
  body.raidnew .wk-ftags .wrar, body.raidnew .wk-ftags .wk-flag, body.raidnew .wk-ftype { min-height: 26px; font-size: .74rem; }

  /* Rubrique */
  body.raidnew .wk-tools { padding: 10px; margin-bottom: 18px; }
  body.raidnew .wk-filter { flex-basis: 190px; }
  body.raidnew .wfacts th { padding: 10px 8px 10px 14px; }
  body.raidnew .wfacts td { padding: 10px 14px 10px 0; }
  body.raidnew .wk-jchip { min-height: 40px; }
  /* Une ligne qui défile au doigt ; wiki.js pose .is-l / .is-r quand il reste des pastilles à gauche / à droite,
     et le masque (alpha seulement, aucune couleur affichée) estompe ce bord pour le signaler. */
  body.raidnew .wk-jump {
    --wk-fl: 0px; --wk-fr: 0px;
    flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none;
  }
  body.raidnew .wk-jump::-webkit-scrollbar { display: none; }
  body.raidnew .wk-jump.is-l { --wk-fl: 28px; }
  body.raidnew .wk-jump.is-r { --wk-fr: 48px; }
  body.raidnew .wk-jump.is-l, body.raidnew .wk-jump.is-r {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--wk-fl), #000 calc(100% - var(--wk-fr)), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 var(--wk-fl), #000 calc(100% - var(--wk-fr)), transparent 100%);
  }
  body.raidnew .wk-grid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 8px; }
  body.raidnew .wk-grp { margin-bottom: 26px; }

  /* Fiche */
  body.raidnew .wbody { font-size: 1rem; line-height: 1.68; }
  body.raidnew .wbody h2.wbody-h, body.raidnew .wk-tgrp > h2.wbody-h { margin-top: 1.6em; }
  body.raidnew .wk-blk { margin-top: 28px; }
  body.raidnew .wk-chips { grid-template-columns: repeat(auto-fill, minmax(158px, 1fr)); }
  body.raidnew .wk-chip { min-height: 52px; font-size: .84rem; }
  body.raidnew .wk-pn { margin-top: 30px; }
  body.raidnew .wk-sideh, body.raidnew .wk-sidelist a { min-height: 44px; display: flex; align-items: center; }

  /* Accueil */
  body.raidnew .wk-sec { margin-bottom: 30px; }
  body.raidnew .wk-dir { grid-template-columns: 1fr; }
  body.raidnew .wk-news { grid-template-columns: 1fr; }
  body.raidnew .wk-bar.is-home { padding: 10px; }
}
@media (max-width: 560px) {
  /* Recherche : bouton loupe seul, le champ garde la place */
  body.raidnew .wk-q-go { width: 48px; padding: 0; }
  body.raidnew .wk-q-go > span { display: none; }
  body.raidnew .wk-q-go > svg { display: block; }
  body.raidnew .wk-grid { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  body.raidnew .wk-card { gap: 12px; padding: 12px; }
  body.raidnew .wk-cimg { flex-basis: 52px; width: 52px; height: 52px; border-radius: 13px; }
  body.raidnew .wk-card-img { width: 42px; height: 42px; }
  /* Cartes de l'Atlas dans une rubrique : une ligne compacte (vignette | nom + pastille | extrait sur 1 ligne).
     Objets (151 fiches) passe de ~21 800 à ~15 200 px de haut, Boss de ~12 200 à ~8 600 ; tout reste affiché et filtrable. */
  body.raidnew .wk-grp .wk-card:not(.is-m) { align-items: center; gap: 12px; padding: 9px 12px 9px 9px; contain-intrinsic-size: auto 70px; }
  body.raidnew .wk-grp .wk-card:not(.is-m) .wk-cimg { flex-basis: 50px; width: 50px; height: 50px; border-radius: 12px; }
  body.raidnew .wk-grp .wk-card:not(.is-m) .wk-card-img { width: 40px; height: 40px; }
  body.raidnew .wk-grp .wk-card:not(.is-m) .wk-ctx { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 3px 8px; }
  body.raidnew .wk-grp .wk-card:not(.is-m) .wk-ct { grid-column: 1; grid-row: 1; font-size: .94rem; }
  body.raidnew .wk-grp .wk-card:not(.is-m) .wk-cmeta { grid-column: 2; grid-row: 1; flex-wrap: nowrap; margin-top: 0; }
  body.raidnew .wk-grp .wk-card:not(.is-m) .wk-cs { grid-column: 1 / -1; grid-row: 2; font-size: .8rem; line-height: 1.4; -webkit-line-clamp: 1; }
  /* Boss : ils sont déjà groupés par difficulté (titre du groupe + liseré de la vignette) : la pastille de
     difficulté répétée sur chaque carte laisse la place au nom. Le filtre la lit toujours. */
  body.raidnew .wk-grp[id^="d-"] .wk-card .wdiff { display: none; }
  /* Règles du Manuel : l'extrait est leur contenu, il garde 2 lignes ; seul l'habillage se resserre. */
  body.raidnew .wk-grp .wk-card.is-m { padding: 11px 12px 11px 11px; contain-intrinsic-size: auto 92px; }
  body.raidnew .wk-grp .wk-card.is-m .wk-cimg { flex-basis: 46px; width: 46px; height: 46px; border-radius: 12px; }
  body.raidnew .wk-grp .wk-card.is-m .wk-card-img { width: 36px; height: 36px; }
  body.raidnew .wk-pils { gap: 8px; }
  body.raidnew .wk-pil { padding: 14px; }
  body.raidnew .wk-pil-img { width: 38px; height: 38px; margin-bottom: 4px; }
  body.raidnew .wk-pil span { font-size: .82rem; }
  body.raidnew .wk-steps a { padding: 12px 14px; font-size: .88rem; }
  body.raidnew .wk-dirtx small { white-space: normal; }
  body.raidnew .wtitles { grid-template-columns: minmax(0, 1fr); }
  body.raidnew .wk-pn-a { padding: 12px 13px; }
  body.raidnew .wk-pager-t { flex: 1 1 100%; order: -1; text-align: center; }
  /* Planchers de lecture (charte §4.5) : micro-étiquettes en capitales, pastilles et compteurs à 12 px. */
  body.raidnew .wk-navm-body .wk-navm-h, body.raidnew .wk-dirp .wk-dirp-h { font-size: .75rem; letter-spacing: .1em; }
  body.raidnew .wk-navm-h small, body.raidnew .wk-tile small, body.raidnew .wk-jchip small { font-size: .75rem; }
  body.raidnew .wk-feat small { font-size: .75rem; letter-spacing: .1em; }
  body.raidnew .wk-sec .rgx-h2 .wk-flag { font-size: .75rem; letter-spacing: .06em; }
  /* Texte courant à 13 px (recette du 2026-09-27) : extraits des cartes (79 boss) et lignes de l'annuaire. */
  body.raidnew .wk-grp .wk-card:not(.is-m) .wk-cs, body.raidnew .wk-dirtx small { font-size: .8125rem; }
}

/* ── 13. Mouvement réduit ──────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  body.raidnew .wk-card, body.raidnew .wk-chip, body.raidnew .wk-nl, body.raidnew .wk-pil, body.raidnew .wk-new, body.raidnew .wk-steps a, body.raidnew .wk-navm-car { transition: none; }
}