/* Moboria: wiki (visão geral, heróis, habilidades e a moldura que as páginas do mundo também usam). Só tokens; sem style="" (CSP).
   As barras de atributo ganham a largura por [data-pc] (passos de 5%), porque o HTML da wiki é gerado no servidor e sem JS de página. */

/* ---------- Moldura: menu, trilha, ritmo vertical ---------- */
.wiki { padding-block: var(--space-4) var(--space-7); }
.wiki-main { display: flex; flex-direction: column; }
.wiki-crumbs ol { display: flex; flex-wrap: wrap; align-items: center; list-style: none; padding: 0; font-size: var(--text-sm); color: var(--muted); }
.wiki-crumbs li { display: inline-flex; align-items: center; }
.wiki-crumbs li + li::before { content: "/"; content: "/" / ""; margin-inline: var(--space-2); color: var(--line-strong); }
.wiki-crumbs a { display: inline-flex; align-items: center; min-height: 44px; color: var(--muted); }
.wiki-crumbs a:hover { color: var(--text); }
.wiki-crumbs [aria-current] { color: var(--text); }
.wiki-page { padding-top: var(--space-2); }
.wiki-page > * + * { margin-top: var(--space-7); }
.wiki-page > .ad-slot { margin-top: var(--space-7); }
.wiki-section > h2, .wiki-class > h2 { margin-bottom: var(--space-4); }
.wiki-section > .lede { color: var(--muted); max-width: 60ch; }
.wiki-head h1 { margin-bottom: var(--space-3); }
.wiki-head .lede { color: var(--muted); max-width: 52ch; }
.wiki-summary { margin-top: var(--space-5); max-width: var(--measure); }
/* Pixelify Sans confunde 2 e 5 com 8 e S em corpo pequeno ("Lv 15" lê "Lv 1S"): os números da wiki usam a fonte do texto, em negrito e tabulares. */
.wiki-page .num { font-family: var(--font-body); font-weight: 700; letter-spacing: 0; }
@media (min-width: 60rem) {
  .wiki .sidebar-nav ul ul { padding-top: 0; } /* a regra ul:first-of-type da fundação também pega a lista aninhada */
  .wiki .sidebar-nav { max-height: calc(100vh - 2 * var(--space-4)); max-height: calc(100dvh - 2 * var(--space-4)); overflow-y: auto; }
}

/* ---------- Visão geral: etapas e cartões ---------- */
.wiki-steps { list-style: none; padding: 0; display: grid; gap: var(--space-3); counter-reset: step; }
.wiki-steps li { counter-increment: step; display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: var(--space-3); align-items: start; padding: var(--space-4); background: var(--panel); border: 2px solid var(--line); border-radius: var(--radius); }
.wiki-steps li::before { content: counter(step); display: grid; place-items: center; width: 2.5rem; height: 2.5rem; background: var(--raised); border: 2px solid var(--line-strong); border-radius: var(--radius); font-family: var(--font-display); font-weight: 700; font-size: var(--text-lg); line-height: 1; }
.wiki-cta { margin-top: var(--space-4); color: var(--muted); }
.wiki-cta .cmd { color: var(--text); }
.wiki-cards { --grid-min: 17rem; }

/* ---------- Índice de heróis ---------- */
.wiki-tiles { list-style: none; padding: 0; display: grid; gap: var(--space-5) var(--space-4); grid-template-columns: repeat(auto-fill, minmax(min(100%, 9.5rem), 1fr)); }
@media (min-width: 40rem) { .wiki-tiles { grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr)); } }
.wiki-tiles .portrait-card__name { font-size: var(--text-base); overflow-wrap: normal; }
.wiki-tile__tag { margin-top: var(--space-2); font-size: var(--text-sm); color: var(--muted); line-height: 1.4; text-wrap: balance; }
.wiki-noimg { position: absolute; inset: 0; display: grid; place-items: center; background: var(--panel); color: var(--class, var(--line-strong)); font-family: var(--font-display); font-weight: 800; font-size: 5rem; line-height: 1; }

/* ---------- Ficha de herói ---------- */
.wiki-hero > * + * { margin-top: var(--space-7); }
.wiki-hero__head { display: grid; gap: var(--space-5); align-items: start; }
.wiki-portrait { width: min(100%, 16rem); }
.wiki-hero__intro { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; }
.wiki-epithet { font-family: var(--font-display); font-weight: 600; font-size: var(--text-xl); line-height: 1.2; color: var(--class-ink, var(--muted)); }
.wiki-hero__intro .lede { max-width: 40ch; }
.wiki-quote { margin-top: var(--space-2); padding: var(--space-3) var(--space-5); background: var(--panel); border-left: 4px solid var(--class, var(--line-strong)); font-family: var(--font-display); font-size: var(--text-lg); line-height: 1.4; max-width: 46ch; }
@media (min-width: 40rem) {
  .wiki-hero__head { grid-template-columns: 15rem minmax(0, 1fr); gap: var(--space-6); }
  .wiki-portrait { width: 100%; }
}

/* ---------- Habilidade e passiva ---------- */
.wiki-abilities { display: grid; gap: var(--space-4); grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); }
.wiki-ability { --rim: var(--line); display: flex; flex-direction: column; gap: var(--space-2); border-left: 6px solid var(--class, var(--line-strong)); scroll-margin-top: var(--space-4); }
.wiki-ability h3 { font-size: var(--text-xl); }
.wiki-ability__kind { font-size: var(--text-sm); font-weight: 700; color: var(--class-ink, var(--muted)); }
.wiki-ability__kind a { color: inherit; }
.wiki-ability__more { color: var(--muted); font-size: var(--text-sm); }
.wiki-abilities + p { margin-top: var(--space-4); }
.wiki-facts { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-4); list-style: none; padding: 0; color: var(--muted); font-size: var(--text-sm); }
.wiki-facts .num { color: var(--text); }

/* ---------- Estatísticas e atributos ---------- */
.wiki-stats th, .wiki-stats td { padding-inline: var(--space-2); }
.wiki-stats td { min-width: 0; }
.wiki-stats tbody th { white-space: nowrap; }
.wiki-attrs { list-style: none; padding: 0; display: grid; gap: var(--space-4) var(--space-6); max-width: 40rem; }
.wiki-attr { display: grid; grid-template-columns: minmax(0, 1fr) 2.5rem 7.5rem; align-items: center; gap: var(--space-1) var(--space-3); }
.wiki-attr__name { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); font-weight: 700; }
.wiki-attr__base { text-align: right; }
.wiki-attr__growth { font-size: var(--text-sm); color: var(--muted); white-space: nowrap; }
.wiki-attr__growth .num { color: var(--text); }
.wiki-meter { --rim: var(--line-strong); height: 12px; }
.wiki-meter .meter__fill { background: var(--class, var(--hp-ok)); transition: none; }
.wiki-meter[data-pc="0"] { --hp: 0; }   .wiki-meter[data-pc="5"] { --hp: 5; }   .wiki-meter[data-pc="10"] { --hp: 10; }
.wiki-meter[data-pc="15"] { --hp: 15; } .wiki-meter[data-pc="20"] { --hp: 20; } .wiki-meter[data-pc="25"] { --hp: 25; }
.wiki-meter[data-pc="30"] { --hp: 30; } .wiki-meter[data-pc="35"] { --hp: 35; } .wiki-meter[data-pc="40"] { --hp: 40; }
.wiki-meter[data-pc="45"] { --hp: 45; } .wiki-meter[data-pc="50"] { --hp: 50; } .wiki-meter[data-pc="55"] { --hp: 55; }
.wiki-meter[data-pc="60"] { --hp: 60; } .wiki-meter[data-pc="65"] { --hp: 65; } .wiki-meter[data-pc="70"] { --hp: 70; }
.wiki-meter[data-pc="75"] { --hp: 75; } .wiki-meter[data-pc="80"] { --hp: 80; } .wiki-meter[data-pc="85"] { --hp: 85; }
.wiki-meter[data-pc="90"] { --hp: 90; } .wiki-meter[data-pc="95"] { --hp: 95; } .wiki-meter[data-pc="100"] { --hp: 100; }

/* ---------- Anterior / próximo herói ---------- */
.wiki-pager { display: grid; gap: var(--space-4); grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); }
.wiki-pager .card { --rim: var(--line); border-left: 6px solid var(--class, var(--line-strong)); padding: var(--space-4); min-height: 44px; }
.wiki-pager .card[rel="next"] { text-align: right; border-left-width: 2px; border-right: 6px solid var(--class, var(--line-strong)); }

/* ---------- Habilidades: salto por classe, seções, status ---------- */
.wiki-jump ul { display: flex; flex-wrap: wrap; gap: var(--space-2); list-style: none; padding: 0; }
.wiki-jump a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--space-3); border: 2px solid var(--class, var(--line-strong)); border-radius: var(--radius); background: var(--panel); color: var(--class-ink, var(--text)); font-weight: 700; text-decoration: none; }
.wiki-jump a:hover { background: var(--raised); }
.wiki-class { scroll-margin-top: var(--space-4); }
.wiki-class > h2 { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); font-size: var(--text-2xl); }
.wiki-class .tag { font-family: var(--font-body); }
.wiki-class > h2 a { display: inline-flex; align-items: center; min-height: 44px; text-decoration-color: var(--class); text-underline-offset: .15em; }
.wiki-statuses { --grid-min: 17rem; margin-top: var(--space-5); }
.wiki-status { --rim: var(--line); display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-4); scroll-margin-top: var(--space-4); }
.wiki-status h3 { font-size: var(--text-xl); }
.wiki-status__more { color: var(--muted); font-size: var(--text-sm); }