/* RETRO POP · família guides — nível 3 de 4 (PLANO-APLICACAO.md 1.4, etapa 5)
   19 páginas: guides/index.html (hub: capa de revista + biblioteca filtrável) e 18 guides/<slug>/index.html
   (detalhe: capa, sumário fixo com checklist salvo, briefing, tabela de controles, galeria, capítulos com
   passos marcáveis e checkpoint visual, segredos, FAQ, fontes, relacionados). Fonte única de CSS própria:
   assets/css/game-guides.css (55% em token — a ponte cobre o fundo e o texto base). Widgets de site inteiro
   (chat, Live, rádio, cookies, favoritos) moram em retro/_shared.css e não são tocados aqui.

   DUAS METADES, nesta ordem:
   1. VARREDURA DE INVERSÃO — os 41 pontos que game-guides.css escreve na mão (texto #fff/#d7ddf1, fundos
      #000/#03050c/rgba(5,8,18,.84)…) e, além deles, todo texto pintado com acento (--guide-cyan/-gold/-green
      viram tintas de banca na ponte e NÃO passam como texto no papel — regra 2.4: texto sobre tinta é tinta).
      Escrita nos seletores reais: com JS desligado o classMap não roda e a página continua legível.
   2. COMPOSIÇÃO — a "revista de campo": tarja amarela, capa com chamada gorda, etiquetas de preço, cards
      colados, faixa de título, tabela de controles com tecla de papel, polaroides de checkpoint, carimbo.
      Mesma geometria das primitivas que o classMap estampa: o classMap reforça, não move nada.

   Leitura longa: coluna de passos ≤ 68ch, corpo Figtree 15–17px/1,6 em tinta (#17131f, 15,4:1), legendas
   em --rp-ink-2 (10:1). Rótulo colorido só em --rp-red-deep (5,7:1 no papel couché). Movimento: zero loop
   próprio — a varredura de capa (guide-scan, infinita) e os brilhos neon saem. */

/* ═══════════ 0 · TOKENS DA FAMÍLIA ═══════════ */
html.retro-pop{
  --gd-ink:#17131f; --gd-cream:#f5ebd7; --gd-white:#fffaf0; --gd-ink2:#3b3348; --gd-ink3:#5d5470;
  --gd-dots:radial-gradient(circle,rgba(23,19,31,.28) 1.3px,transparent 1.5px);
  --gd-dots-cream:radial-gradient(circle,rgba(245,235,215,.2) 1.6px,transparent 1.8px);
  --gd-rule:3px dashed rgba(23,19,31,.28);
}


/* ═══════════ 1 · VARREDURA DE INVERSÃO ═══════════
   game-guides.css:linha → regra. Fundo escuro → papel (ou ilha de tinta declarada); texto claro/acento → tinta. */

/* fundo da página: as duas camadas fixas de grade neon (:20-21) */
html.retro-pop body.guide-site::before,
html.retro-pop body.guide-site::after{background:none}

/* tarja (:26-35) */
html.retro-pop .guide-header{color:var(--gd-ink);-webkit-backdrop-filter:none;backdrop-filter:none}
html.retro-pop .guide-brand,
html.retro-pop .guide-brand strong{color:var(--gd-ink)}
html.retro-pop .guide-brand small{color:var(--gd-ink2)}
html.retro-pop .guide-nav a,
html.retro-pop .guide-nav a:hover,
html.retro-pop .guide-nav a[aria-current="page"]{color:var(--gd-ink)}

/* capa do hub (:37-48, :296-321) */
html.retro-pop .guide-hub-hero::after{color:var(--gd-ink2)}
html.retro-pop .guide-kicker{color:var(--gd-ink2)}
html.retro-pop .guide-hub-hero h1,
html.retro-pop .guide-detail-hero h1{color:var(--gd-ink)}
html.retro-pop .guide-hub-hero h1 em,
html.retro-pop .guide-detail-hero h1 em{color:var(--gd-ink);-webkit-text-stroke:0;text-shadow:none}
html.retro-pop .guide-hub-hero > p,
html.retro-pop .guide-cover-copy > p,
html.retro-pop .guide-detail-copy > p{color:var(--gd-ink2)}
html.retro-pop .guide-hero-stats > div{background:var(--gd-white)}
html.retro-pop .guide-hero-stats strong{color:var(--gd-ink)}
html.retro-pop .guide-hero-stats span{color:var(--gd-ink2)}
html.retro-pop .guide-issue-line{color:var(--gd-ink2)}
html.retro-pop .guide-issue-line > span{color:var(--gd-ink);background:var(--rp-yellow)}
html.retro-pop .guide-issue-line > b{color:var(--gd-ink);background:var(--rp-cyan)}
html.retro-pop .guide-issue-line > i{color:var(--gd-ink2)}
html.retro-pop .guide-cover-frame{background:var(--gd-white)}
html.retro-pop .guide-cover-frame::after{background:none}
html.retro-pop .guide-cover-frame > span{color:var(--gd-ink);background:var(--rp-yellow)}
html.retro-pop .guide-cover-frame b{color:var(--gd-ink2)}

/* biblioteca, busca, filtros, cards (:51-90, :318-322) */
html.retro-pop .guide-section-index{color:var(--gd-ink)}
html.retro-pop .guide-section-heading h2,
html.retro-pop .section-title-row h2,
html.retro-pop .guide-method h2,
html.retro-pop .related-guides h2{color:var(--gd-ink)}
html.retro-pop .guide-section-heading p,
html.retro-pop .section-title-row p{color:var(--gd-ink2)}
html.retro-pop .guide-search{color:var(--gd-ink);background:var(--gd-white)}
html.retro-pop .guide-search > span:not(.sr-only){color:var(--gd-ink)}
html.retro-pop .guide-search input{color:var(--gd-ink)}
html.retro-pop .guide-search input::placeholder{color:var(--gd-ink3);opacity:1}
html.retro-pop .guide-filter{color:var(--gd-ink);background:var(--gd-white)}
html.retro-pop .guide-filter:hover,
html.retro-pop .guide-filter.is-active{color:var(--gd-ink);background:var(--rp-cyan)}
html.retro-pop .guide-results{color:var(--gd-ink2)}
html.retro-pop .guide-results strong{color:var(--gd-ink)}
html.retro-pop .guide-card{color:var(--gd-ink);background:var(--gd-white)}
html.retro-pop .guide-card-cover{background-color:var(--gd-ink)}
html.retro-pop .guide-card-cover > span{color:var(--gd-ink);background:var(--rp-cyan)}
html.retro-pop .guide-magazine .guide-card::before{color:var(--gd-ink3)}
html.retro-pop .guide-card-eyebrow,
html.retro-pop .guide-magazine .guide-card-eyebrow > span:first-child,
html.retro-pop .guide-card-eyebrow span:first-child{color:var(--gd-ink2)}
html.retro-pop .guide-card h2,
html.retro-pop .guide-card h2 a{color:var(--gd-ink)}
html.retro-pop .guide-card h2 a:hover{color:var(--rp-red-deep)}
html.retro-pop .guide-card p{color:var(--gd-ink2)}
html.retro-pop .guide-tags span{color:var(--gd-ink)}
html.retro-pop .guide-text-link{color:var(--gd-ink)}
html.retro-pop .guide-empty{color:var(--gd-ink2);background:var(--rp-paper-2)}

/* método editorial (:92-100) */
html.retro-pop .guide-method article{color:var(--gd-ink);background:var(--gd-white)}
html.retro-pop .guide-method article > strong{color:var(--rp-red-deep)}
html.retro-pop .guide-method h3{color:var(--gd-ink)}
html.retro-pop .guide-method p{color:var(--gd-ink2)}

/* capa do guia (:102-119, :324-342) */
html.retro-pop .guide-breadcrumb,
html.retro-pop .guide-breadcrumb span{color:var(--gd-ink3)}
html.retro-pop .guide-breadcrumb a{color:var(--gd-ink)}
html.retro-pop .guide-breadcrumb a:hover{color:var(--rp-red-deep)}
html.retro-pop .guide-quick-facts{background:var(--gd-ink)}
html.retro-pop .guide-quick-facts > div{background:var(--gd-white)}
html.retro-pop .guide-quick-facts dt{color:var(--gd-ink2)}
html.retro-pop .guide-quick-facts dd{color:var(--gd-ink)}
html.retro-pop .guide-detail-cover{background:var(--gd-white)}
html.retro-pop .cover-system{color:var(--gd-ink);background:var(--rp-cyan)}
html.retro-pop .cover-scan::after{content:none;animation:none}
html.retro-pop .guide-byline{color:var(--gd-ink2)}
html.retro-pop .guide-byline a{color:var(--gd-ink)}
html.retro-pop .guide-byline span + span::before,
html.retro-pop .guide-byline time::before{color:var(--rp-red-deep)}
html.retro-pop .guide-hero-gameplay{color:var(--gd-ink);background:var(--gd-white)}
html.retro-pop .guide-hero-gameplay::after{background:none}
html.retro-pop .guide-hero-gameplay > span{color:var(--gd-ink);background:var(--rp-yellow)}

/* sumário fixo + checklist (:121-128, :344-355) */
html.retro-pop .guide-toc{color:var(--gd-ink);background:var(--gd-white);-webkit-backdrop-filter:none;backdrop-filter:none}
html.retro-pop .guide-toc > span{color:var(--gd-white);background:var(--gd-ink)}
html.retro-pop .guide-toc nav a{color:var(--gd-ink2)}
html.retro-pop .guide-toc nav a > span{color:var(--gd-ink3)}
html.retro-pop .guide-toc nav a:hover,
html.retro-pop .guide-toc nav a.is-active{color:var(--gd-ink);background:var(--rp-yellow)}
html.retro-pop .guide-toc nav a.is-active > span,
html.retro-pop .guide-toc nav a:hover > span{color:var(--gd-ink)}
html.retro-pop .guide-manual-link{color:var(--gd-ink2)}
html.retro-pop .guide-manual-link > span{color:var(--gd-ink)}
html.retro-pop .guide-route-meter{background:var(--rp-paper-2)}
html.retro-pop .guide-route-meter b{color:var(--gd-ink)}
html.retro-pop .guide-route-meter small{color:var(--gd-ink2)}
html.retro-pop .guide-route-meter progress{background:var(--gd-white)}
html.retro-pop .guide-route-meter progress::-webkit-progress-bar{background:var(--gd-white)}
html.retro-pop .guide-route-meter progress::-webkit-progress-value{background:var(--rp-red)}
html.retro-pop .guide-route-meter progress::-moz-progress-bar{background:var(--rp-red)}
html.retro-pop .guide-progress-reset{color:var(--gd-ink);background:var(--gd-white)}
html.retro-pop .guide-progress-reset:hover,
html.retro-pop .guide-progress-reset:focus-visible{color:var(--gd-ink);background:var(--rp-yellow)}
html.retro-pop .reading-progress{background:var(--rp-red);box-shadow:none}

/* briefing, mapa de rota, tags (:357-372) */
html.retro-pop .guide-briefing-grid article{color:var(--gd-ink);background:var(--gd-white)}
html.retro-pop .guide-briefing-grid span{color:var(--rp-red-deep)}
/* rótulos sobre papel pardo (--rp-paper-2): o vermelho-escuro cai a 4,3:1 ali — vão em tinta */
html.retro-pop .chapter-brief span{color:var(--gd-ink)}
html.retro-pop .guide-briefing-grid strong{color:var(--gd-ink)}
html.retro-pop .guide-briefing-grid p{color:var(--gd-ink2)}
html.retro-pop .guide-tag-ribbon > span{color:var(--gd-ink);background:var(--gd-white)}
html.retro-pop .guide-tag-ribbon > span:first-child{color:var(--gd-ink);background:var(--rp-yellow)}
html.retro-pop .guide-route-map a{color:var(--gd-ink);background:var(--gd-white)}
html.retro-pop .guide-route-map a:hover,
html.retro-pop .guide-route-map a:focus-visible{background:var(--rp-cyan)}
html.retro-pop .guide-route-map > a > span{color:var(--rp-red-deep);-webkit-text-stroke:0}
html.retro-pop .guide-route-map a:hover > span,
html.retro-pop .guide-route-map a:focus-visible > span{color:var(--gd-ink)}
html.retro-pop .guide-route-map strong{color:var(--gd-ink)}
html.retro-pop .guide-route-map small{color:var(--gd-ink2)}
html.retro-pop .guide-route-map i{color:var(--gd-ink)}

/* tabela de controles (:131-144) — a tecla era #070b17 com texto ciano */
html.retro-pop .controls-section table{color:var(--gd-ink);background:var(--gd-white)}
html.retro-pop .controls-section thead th{color:var(--gd-ink);background:var(--rp-paper-2)}
html.retro-pop .controls-section td strong{color:var(--gd-ink)}
html.retro-pop .controls-section td span{color:var(--gd-ink2)}
html.retro-pop .guide-site kbd{color:var(--gd-ink);background:var(--gd-white)}

/* galeria (:145-166): a moldura da imagem é uma ilha de tinta (passe-partout), sem texto próprio — os rótulos
   sobre a foto viram etiquetas amarelas legíveis sobre qualquer quadro */
html.retro-pop .gameplay-shot{color:var(--gd-ink);background:var(--gd-white)}
html.retro-pop .gameplay-shot-route span{color:var(--gd-ink)}
html.retro-pop .gameplay-shot-route strong{color:var(--gd-ink)}
html.retro-pop .gameplay-shot button{color:var(--gd-cream);background:var(--gd-ink)}
html.retro-pop .gameplay-shot button::after{background:none}
html.retro-pop .gameplay-shot img{background:var(--gd-ink)}
html.retro-pop .gameplay-shot-number,
html.retro-pop .gameplay-shot-zoom{color:var(--gd-ink);background:var(--rp-yellow);opacity:1}
html.retro-pop .gameplay-shot figcaption{color:var(--gd-ink2)}
html.retro-pop .gameplay-shot figcaption .gameplay-caption-line{background:var(--rp-red)}
html.retro-pop .gameplay-shot-source{color:var(--gd-ink)}
html.retro-pop .visual-checkpoint-notes{background:var(--gd-ink)}
html.retro-pop .visual-checkpoint-notes > div{background:var(--rp-paper-2)}
html.retro-pop .visual-checkpoint-notes dt{color:var(--gd-ink)}
html.retro-pop .visual-checkpoint-notes dd{color:var(--gd-ink)}
html.retro-pop .gameplay-capture-note{color:var(--gd-ink2);background:var(--rp-paper-2)}
html.retro-pop .gameplay-capture-note strong{color:var(--gd-ink)}

/* visor de imagem (:168-174) */
html.retro-pop .guide-image-lightbox{color:var(--gd-ink);background:var(--gd-white)}
html.retro-pop .guide-image-lightbox::backdrop{background:rgba(23,19,31,.72);-webkit-backdrop-filter:none;backdrop-filter:none}
html.retro-pop .guide-image-lightbox img{background:var(--gd-ink)}
html.retro-pop .guide-image-lightbox figcaption{color:var(--gd-ink2)}
html.retro-pop .guide-image-lightbox-close{color:var(--gd-ink);background:var(--gd-white)}
html.retro-pop .guide-image-lightbox-close:hover,
html.retro-pop .guide-image-lightbox-close:focus-visible{color:var(--gd-ink);background:var(--rp-cyan)}

/* capítulos e passos (:175-186, :374-420) */
html.retro-pop .chapter-number{color:var(--gd-ink);-webkit-text-stroke:0}
html.retro-pop .chapter-rail small{color:var(--gd-ink2)}
html.retro-pop .chapter-label{color:var(--rp-red-deep)}
html.retro-pop .chapter-content h2,
html.retro-pop .chapter-content h3{color:var(--gd-ink)}
html.retro-pop .chapter-summary{color:var(--gd-ink2)}
html.retro-pop .chapter-content li{color:var(--gd-ink)}
html.retro-pop .chapter-content li::before{color:var(--gd-ink)}
html.retro-pop .chapter-brief{background:var(--gd-ink)}
html.retro-pop .chapter-brief > div{background:var(--rp-paper-2)}
html.retro-pop .chapter-brief p{color:var(--gd-ink)}
html.retro-pop .chapter-content .guide-route-step{color:var(--gd-ink);background:var(--gd-white)}
html.retro-pop .guide-route-step p{color:var(--gd-ink)}
html.retro-pop .guide-step-label{color:var(--rp-red-deep)}
html.retro-pop .guide-step-note strong{color:var(--gd-ink)}
html.retro-pop .guide-step-check > span[aria-hidden]{color:var(--gd-ink);background:var(--gd-white)}
html.retro-pop .guide-route-step.is-complete{opacity:1;background:var(--rp-lime-soft)}
html.retro-pop .chapter-checkpoint{color:var(--gd-ink);background:var(--gd-white)}
html.retro-pop .chapter-checkpoint > span{color:var(--gd-ink);background:var(--rp-yellow)}
html.retro-pop .chapter-checkpoint strong{color:var(--gd-ink)}
html.retro-pop .chapter-checkpoint p{color:var(--gd-ink2)}
html.retro-pop .chapter-visual{color:var(--gd-ink);background:var(--gd-white)}
html.retro-pop .chapter-visual-heading{background:var(--rp-paper-2)}
html.retro-pop .chapter-visual-heading span{color:var(--gd-ink)}
html.retro-pop .chapter-visual-heading strong{color:var(--gd-ink)}
html.retro-pop .chapter-visual button{color:var(--gd-cream);background:var(--gd-ink)}
html.retro-pop .chapter-visual button::after{background:none}
html.retro-pop .chapter-visual img{background:var(--gd-ink)}
html.retro-pop .chapter-visual button > span{color:var(--gd-ink);background:var(--rp-yellow)}
html.retro-pop .chapter-visual figcaption{color:var(--gd-ink2)}
html.retro-pop .chapter-visual figcaption strong{color:var(--rp-red-deep)}
html.retro-pop .chapter-visual figcaption a{color:var(--gd-ink)}
html.retro-pop .chapter-warning{color:var(--gd-ink);background:var(--gd-white)}
html.retro-pop .chapter-warning strong{color:var(--rp-red-deep)}
html.retro-pop .chapter-warning p{color:var(--gd-ink)}

/* segredos, FAQ, fontes, relacionados, rodapé (:187-223, :422-430) */
html.retro-pop .secret-grid article{color:var(--gd-ink);background:var(--gd-white)}
html.retro-pop .secret-grid article > span,
html.retro-pop .guide-magazine .secret-grid article > span{color:var(--gd-ink);-webkit-text-stroke:0}
html.retro-pop .secret-grid h3{color:var(--gd-ink)}
html.retro-pop .secret-grid p{color:var(--gd-ink2)}
html.retro-pop .guide-faq summary{color:var(--gd-ink)}
html.retro-pop .guide-faq summary span{color:var(--rp-red-deep)}
html.retro-pop .guide-faq details p{color:var(--gd-ink2)}
html.retro-pop .guide-sources{color:var(--gd-ink);background:var(--rp-paper-2)}
html.retro-pop .guide-sources h2{color:var(--gd-ink)}
html.retro-pop .guide-sources p,
html.retro-pop .guide-sources li{color:var(--gd-ink2)}
html.retro-pop .guide-sources a{color:var(--gd-ink)}
html.retro-pop .guide-editorial-stamp{color:var(--rp-red-deep)}
html.retro-pop .guide-editorial-stamp span{color:var(--gd-ink)}
html.retro-pop .related-grid > a{color:var(--gd-ink);background:var(--gd-white)}
html.retro-pop .related-grid img{background:var(--rp-paper-3)}
html.retro-pop .related-grid small{color:var(--rp-red-deep)}
html.retro-pop .related-grid strong{color:var(--gd-ink)}
html.retro-pop .related-grid em{color:var(--gd-ink2)}
html.retro-pop .guide-mobile-play{color:var(--gd-ink);background:var(--rp-red)}
/* rodapé: vira colofão escuro — o texto passa a creme, o fundo a tinta */
html.retro-pop .guide-footer{color:var(--gd-cream);background-color:var(--gd-ink)}
html.retro-pop .guide-footer strong{color:var(--gd-cream)}
html.retro-pop .guide-footer span,
html.retro-pop .guide-footer a{color:#dccfb2}
html.retro-pop .guide-footer a:hover{color:var(--rp-yellow)}


/* ═══════════ 2 · COMPOSIÇÃO ═══════════ */

/* 2.1 tarja amarela com retícula e borda inferior em diagonal (camada de fundo: um pseudo-elemento mataria o
   sticky). Sticky, top e z-index da página ficam. */
html.retro-pop .guide-header{
  min-height:72px;padding-top:10px;padding-bottom:22px;border-bottom:0;
  background-color:var(--rp-yellow);
  background-image:linear-gradient(179.4deg,transparent 0 calc(100% - 13px),var(--gd-ink) calc(100% - 13px)),var(--gd-dots);
  background-size:auto,8px 8px;box-shadow:0 4px 0 rgba(23,19,31,.18)}
/* logotipo: etiqueta de papel colada torta na tarja */
html.retro-pop .guide-brand{
  gap:10px;padding:6px 14px 7px;border:3px solid var(--gd-ink);background:var(--gd-white);box-shadow:var(--rp-sh-2);
  transform:rotate(-1.6deg);text-decoration:none}
html.retro-pop .guide-brand-mark{
  width:30px;border:3px solid var(--gd-ink);border-radius:50%;box-shadow:none;
  background:radial-gradient(circle,var(--gd-ink) 0 34%,var(--rp-red) 36% 100%)}
html.retro-pop .guide-brand strong{
  display:inline-block;font:400 clamp(17px,1.6vw,22px)/1 var(--rp-ff-display);letter-spacing:-.01em;
  text-transform:uppercase;transform:skewX(var(--rp-skew));text-shadow:3px 3px 0 var(--rp-red)}
html.retro-pop .guide-brand small{margin-top:5px;font:700 9px/1 var(--rp-ff-mono);letter-spacing:.3em}
html.retro-pop .guide-nav{gap:4px}
html.retro-pop .guide-nav a{
  display:inline-flex;align-items:center;min-height:44px;padding:0 10px;border:0;border-radius:0;
  border-bottom:4px solid transparent;background:none;
  font:800 var(--rp-fs-small)/1 var(--rp-ff-body);letter-spacing:.03em;text-transform:uppercase;
  transition:border-color var(--rp-t-fast) linear,background-color var(--rp-t-fast) linear}
html.retro-pop .guide-nav a:hover{border-bottom-color:var(--rp-cyan);background:rgba(255,250,240,.55)}
html.retro-pop .guide-nav a[aria-current="page"]{border-bottom-color:var(--rp-red);background:rgba(255,250,240,.55)}
html.retro-pop .reading-progress{height:6px;border-bottom:2px solid var(--gd-ink)}

/* 2.2 capa do hub: chamada gorda à esquerda, colagem de polaroides à direita, raios atrás */
html.retro-pop .guide-hub-hero{border-bottom:0}
html.retro-pop .guide-hub-hero::before,
html.retro-pop .guide-magazine-cover::before{
  inset:6% -4% auto auto;width:min(48vw,640px);aspect-ratio:1;opacity:.7;
  background:var(--rp-pat-rays);
  -webkit-mask-image:radial-gradient(circle,#000 56%,transparent 71%);mask-image:radial-gradient(circle,#000 56%,transparent 71%)}
html.retro-pop .guide-hub-hero::after{font:700 10px/1 var(--rp-ff-mono);letter-spacing:.28em}
html.retro-pop .guide-issue-line{gap:8px;font:700 var(--rp-fs-micro)/1 var(--rp-ff-mono);letter-spacing:.14em}
html.retro-pop .guide-issue-line > *{padding:6px 10px;border:2px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-1)}
html.retro-pop .guide-issue-line > span{transform:rotate(-2deg)}
html.retro-pop .guide-issue-line > b{transform:rotate(1.4deg)}
html.retro-pop .guide-issue-line > i{border-style:dashed;box-shadow:none}
html.retro-pop .guide-kicker{gap:10px;font:800 var(--rp-fs-kicker)/1 var(--rp-ff-body);letter-spacing:var(--rp-tr-kicker)}
html.retro-pop .guide-kicker > span{width:36px;height:6px;background:var(--rp-red);box-shadow:none;border:2px solid var(--gd-ink)}
html.retro-pop .guide-hub-hero h1,
html.retro-pop .guide-detail-hero h1{
  margin:18px 0 22px;font:400 clamp(44px,6.4vw,92px)/.9 var(--rp-ff-display);letter-spacing:var(--rp-tr-display);
  text-transform:uppercase;text-shadow:4px 4px 0 var(--rp-red);transform:skewX(-5deg);transform-origin:0 100%;overflow-wrap:anywhere}
html.retro-pop .guide-magazine-hero h1,
html.retro-pop .guide-detail-hero h1{font-size:clamp(40px,5.4vw,78px)}
/* a segunda linha é uma tarja ciano colada por cima: a "chamada" da capa */
html.retro-pop .guide-hub-hero h1 em,
html.retro-pop .guide-detail-hero h1 em{
  display:inline-block;width:fit-content;margin-top:10px;padding:6px 14px 4px;border:3px solid var(--gd-ink);
  background:var(--rp-cyan);box-shadow:var(--rp-sh-2);font-style:normal;transform:rotate(-1.5deg) skewX(4deg)}
html.retro-pop .guide-hub-hero h1 em{font-size:.72em}
html.retro-pop .guide-detail-hero h1 em{margin-top:12px;font-size:.42em;letter-spacing:.01em}
html.retro-pop .guide-hub-hero > p,
html.retro-pop .guide-cover-copy > p,
html.retro-pop .guide-detail-copy > p{max-width:60ch;font:400 clamp(16px,1.2vw,19px)/1.6 var(--rp-ff-body)}
/* etiquetas de preço (os 3 números da capa) */
html.retro-pop .guide-hero-stats{gap:16px 18px}
html.retro-pop .guide-hero-stats > div{
  min-width:146px;padding:12px 18px 12px 30px;border:3px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-2);
  background-image:linear-gradient(90deg,var(--gd-ink) 0 10px,transparent 10px);background-repeat:no-repeat;
  transform:rotate(var(--rp-tilt))}
html.retro-pop .guide-hero-stats > div:nth-child(1){--rp-tilt:-2deg}
html.retro-pop .guide-hero-stats > div:nth-child(2){--rp-tilt:1.4deg}
html.retro-pop .guide-hero-stats > div:nth-child(3){--rp-tilt:-.8deg}
html.retro-pop .guide-hero-stats strong{font:700 clamp(26px,2.5vw,38px)/.95 var(--rp-ff-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
html.retro-pop .guide-hero-stats span{display:block;margin-top:5px;font:700 var(--rp-fs-micro)/1.2 var(--rp-ff-mono);letter-spacing:.1em}
/* polaroides da colagem: papel couché, borda de tinta, sombra dura; a legenda é uma tira amarela */
html.retro-pop .guide-cover-frame{
  padding:7px 7px 0;border:3px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-3);display:flex;flex-direction:column}
html.retro-pop .guide-cover-frame picture{flex:1;min-height:0;overflow:hidden;border:2px solid var(--gd-ink)}
html.retro-pop .guide-cover-frame > span{
  position:relative;inset:auto;margin:0 -7px;padding:7px 12px 8px;border-top:3px solid var(--gd-ink);
  font:400 clamp(13px,1.1vw,16px)/1.1 var(--rp-ff-display);text-transform:uppercase}
html.retro-pop .guide-cover-frame b{margin-top:3px;font:700 9px/1 var(--rp-ff-mono);letter-spacing:.14em}
html.retro-pop .guide-cover-frame:hover,
html.retro-pop .guide-cover-frame:focus-visible{border-color:var(--gd-ink);box-shadow:10px 12px 0 var(--gd-ink)}

/* 2.3 botões: tinta de banca, borda de 3px, sombra de papel, mínimo 44px */
html.retro-pop .guide-btn{
  min-height:44px;padding:0 20px;border:3px solid var(--gd-ink);border-radius:var(--rp-r-1);
  color:var(--gd-ink);background:var(--gd-white);box-shadow:var(--rp-sh-2);
  font:800 var(--rp-fs-small)/1.15 var(--rp-ff-body);letter-spacing:var(--rp-tr-sticker);text-transform:uppercase;
  transition:var(--rp-pop),background-color var(--rp-t-fast) linear}
html.retro-pop .guide-btn.primary{color:var(--gd-ink);border-color:var(--gd-ink);background:var(--rp-red);box-shadow:var(--rp-sh-2)}
html.retro-pop .guide-btn.secondary{background:var(--gd-white)}
html.retro-pop .guide-btn:hover,
html.retro-pop .guide-btn.primary:hover{transform:translate(-2px,-3px);box-shadow:var(--rp-sh-3)}
html.retro-pop .guide-btn.secondary:hover{border-color:var(--gd-ink);background:var(--rp-cyan)}
html.retro-pop .guide-btn:active{transform:translate(3px,4px);box-shadow:1px 1px 0 var(--gd-ink)}
html.retro-pop .guide-text-link{font:800 var(--rp-fs-small)/1.3 var(--rp-ff-body);text-decoration:underline;text-decoration-color:var(--rp-cyan);text-decoration-thickness:3px;text-underline-offset:3px}

/* 2.4 cabeçalho de seção: índice em selo mono, título em faixa vermelha (sem giro, é prosa) */
html.retro-pop .guide-section-index{
  display:inline-block;width:fit-content;padding:4px 8px;border:2px solid var(--gd-ink);background:var(--rp-yellow);
  box-shadow:var(--rp-sh-1);font:700 var(--rp-fs-micro)/1.2 var(--rp-ff-mono);letter-spacing:.16em;transform:rotate(-2deg)}
html.retro-pop .guide-section-heading h2,
html.retro-pop .section-title-row h2,
html.retro-pop .guide-method h2,
html.retro-pop .related-guides .guide-section-heading h2{
  display:inline-block;margin:6px 0 0 -6px;padding:9px 30px 9px 38px;border-top:4px solid var(--gd-ink);border-bottom:4px solid var(--gd-ink);
  background:var(--rp-red) var(--rp-art-ribcap) no-repeat left center/26px 100%;
  font:400 clamp(22px,2.6vw,36px)/1.15 var(--rp-ff-display);letter-spacing:var(--rp-tr-display);text-transform:uppercase;transform:none}
html.retro-pop .guide-section-heading p,
html.retro-pop .section-title-row p{margin-top:12px!important;max-width:62ch;font:400 var(--rp-fs-body)/1.55 var(--rp-ff-body)}
html.retro-pop .section-title-row{grid-template-columns:56px minmax(0,1fr)}
html.retro-pop .section-title-row .guide-section-index{padding:8px 6px;font-size:16px;letter-spacing:0;text-align:center}

/* 2.5 biblioteca: busca pílula, filtros como abas de papel */
html.retro-pop .guide-library,
html.retro-pop .guide-method,
html.retro-pop .related-guides{border-top:0}
html.retro-pop .guide-method::before,
html.retro-pop .related-guides::before{
  content:"";display:block;height:12px;margin:0 0 40px;opacity:.5;pointer-events:none;background:var(--rp-pat-zig) repeat-x 0 0/40px 12px}
html.retro-pop .guide-search{
  min-height:50px;padding:0 18px;border:3px solid var(--gd-ink);border-radius:var(--rp-r-pill);box-shadow:var(--rp-sh-2)}
html.retro-pop .guide-search:focus-within{border-color:var(--gd-ink);box-shadow:4px 5px 0 var(--rp-cyan),4px 5px 0 3px var(--gd-ink)}
html.retro-pop .guide-search input{font:600 15px/1 var(--rp-ff-body)}
html.retro-pop .guide-filters{gap:10px 8px}
html.retro-pop .guide-filter{
  min-height:44px;padding:0 16px;border:3px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-1);
  font:800 var(--rp-fs-small)/1 var(--rp-ff-body);letter-spacing:var(--rp-tr-sticker);
  transform:rotate(var(--rp-tilt));transition:var(--rp-pop),background-color var(--rp-t-fast) linear}
html.retro-pop .guide-filter:nth-child(3n+1){--rp-tilt:-1deg}
html.retro-pop .guide-filter:nth-child(3n+2){--rp-tilt:.7deg}
html.retro-pop .guide-filter:hover,
html.retro-pop .guide-filter.is-active{border-color:var(--gd-ink);box-shadow:var(--rp-sh-2)}
html.retro-pop .guide-results{font:700 var(--rp-fs-small)/1.3 var(--rp-ff-mono);letter-spacing:.06em}
html.retro-pop .guide-results strong{display:inline-block;padding:0 6px;background:var(--rp-yellow);font:700 18px/1.2 var(--rp-ff-mono)}

/* cards de guia: papel colado com a capa numa chapa de tinta com retícula creme */
html.retro-pop .guide-card-grid{gap:28px 26px}
html.retro-pop .guide-card{
  border:3px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-2);overflow:visible;
  transform:rotate(var(--rp-tilt));transition:var(--rp-pop)}
html.retro-pop .guide-card:nth-child(4n+1){--rp-tilt:-.6deg}
html.retro-pop .guide-card:nth-child(4n+2){--rp-tilt:.5deg}
html.retro-pop .guide-card:nth-child(4n+3){--rp-tilt:.3deg}
html.retro-pop .guide-card:nth-child(4n){--rp-tilt:-.4deg}
html.retro-pop .guide-card:hover{transform:rotate(var(--rp-tilt)) translate(-3px,-4px);border-color:var(--gd-ink);box-shadow:var(--rp-sh-3)}
html.retro-pop .guide-card-cover{
  border-right:3px solid var(--gd-ink);background-image:var(--gd-dots-cream);background-size:10px 10px}
html.retro-pop .guide-card-cover::after{background:linear-gradient(115deg,transparent 44%,rgba(255,250,240,.16) 50%,transparent 56%)}
html.retro-pop .guide-card-cover img{filter:none;padding:4px;border:3px solid var(--gd-ink);background:var(--gd-white);box-shadow:4px 5px 0 rgba(0,0,0,.45);transform:rotate(-2deg)}
html.retro-pop .guide-card-cover > span{
  border:2px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-1);
  font:800 var(--rp-fs-micro)/1.25 var(--rp-ff-body);letter-spacing:var(--rp-tr-sticker);text-transform:uppercase}
html.retro-pop .guide-magazine .guide-card::before{font:700 8px/1 var(--rp-ff-mono);letter-spacing:.24em}
html.retro-pop .guide-card-body{padding:24px}
html.retro-pop .guide-card-eyebrow{font:700 var(--rp-fs-micro)/1.3 var(--rp-ff-mono);letter-spacing:.1em}
html.retro-pop .guide-card-eyebrow > span:first-child{padding:2px 7px;border:2px solid var(--gd-ink);background:var(--rp-yellow);color:var(--gd-ink)}
html.retro-pop .guide-card h2{margin:14px 0 8px;font:400 clamp(20px,1.8vw,26px)/1.05 var(--rp-ff-display);text-transform:uppercase;letter-spacing:var(--rp-tr-display)}
html.retro-pop .guide-card h2 a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}
html.retro-pop .guide-card p{font:400 14px/1.6 var(--rp-ff-body)}
html.retro-pop .guide-tags span{padding:3px 8px;border:2px solid var(--gd-ink);border-radius:0;background:var(--rp-paper-2);font:700 10px/1.3 var(--rp-ff-mono);letter-spacing:.04em}
html.retro-pop .guide-empty{padding:30px;border:3px dashed rgba(23,19,31,.4);border-radius:0;font:600 15px/1.6 var(--rp-ff-body)}

/* 2.6 método editorial: três recortes numerados */
html.retro-pop .guide-method-grid{gap:22px}
html.retro-pop .guide-method article{
  padding:26px;border:3px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-2);transform:rotate(var(--rp-tilt))}
html.retro-pop .guide-method article:nth-child(1){--rp-tilt:-.8deg}
html.retro-pop .guide-method article:nth-child(2){--rp-tilt:.6deg}
html.retro-pop .guide-method article:nth-child(3){--rp-tilt:-.4deg}
html.retro-pop .guide-method article > strong{font:700 30px/1 var(--rp-ff-mono);letter-spacing:-.02em}
html.retro-pop .guide-method h3{margin:18px 0 8px;font:400 var(--rp-fs-h3)/1.1 var(--rp-ff-display)}
html.retro-pop .guide-method p{font:400 15px/1.6 var(--rp-ff-body)}

/* 2.7 capa do guia: crédito e fatos rápidos como classificado; foto de jogo em polaroide; caixa do jogo colada */
html.retro-pop .guide-breadcrumb{font:700 var(--rp-fs-micro)/1.4 var(--rp-ff-mono);letter-spacing:.08em;text-transform:uppercase}
html.retro-pop .guide-breadcrumb a{text-decoration:underline;text-decoration-color:var(--rp-cyan);text-decoration-thickness:2px;text-underline-offset:3px}
html.retro-pop .guide-byline{font:600 var(--rp-fs-small)/1.5 var(--rp-ff-body)}
html.retro-pop .guide-byline a{font-weight:800;text-decoration-color:var(--rp-cyan);text-decoration-thickness:3px}
html.retro-pop .guide-quick-facts{gap:3px;border:3px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-2)}
html.retro-pop .guide-quick-facts dt{font:700 9px/1.2 var(--rp-ff-mono);letter-spacing:.14em}
html.retro-pop .guide-quick-facts dd{font:400 14px/1.2 var(--rp-ff-display);text-transform:uppercase}
html.retro-pop .guide-hero-gameplay{
  padding:8px;border:3px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-3);transform:rotate(1.5deg)}
html.retro-pop .guide-hero-gameplay picture{border:2px solid var(--gd-ink);overflow:hidden}
html.retro-pop .guide-hero-gameplay:hover,
html.retro-pop .guide-hero-gameplay:focus-visible{border-color:var(--gd-ink);transform:rotate(0) translate(-2px,-3px);box-shadow:10px 12px 0 var(--gd-ink)}
html.retro-pop .guide-hero-gameplay > span,
html.retro-pop .gameplay-shot-number,
html.retro-pop .gameplay-shot-zoom,
html.retro-pop .chapter-visual button > span{
  padding:4px 8px;border:2px solid var(--gd-ink);box-shadow:var(--rp-sh-1);
  font:700 10px/1.2 var(--rp-ff-mono);letter-spacing:.1em}
html.retro-pop .guide-hero-gameplay > span{right:auto;left:18px;bottom:18px}
html.retro-pop .guide-detail-cover,
html.retro-pop .guide-cover-mini.guide-detail-cover{
  border:3px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-2)}
html.retro-pop .guide-detail-cover::before{border-color:var(--gd-ink);border-radius:0;border-style:dashed}
html.retro-pop .guide-detail-cover img{filter:none}
html.retro-pop .cover-system{border:2px solid var(--gd-ink);border-radius:0;font:800 var(--rp-fs-micro)/1.25 var(--rp-ff-body);letter-spacing:var(--rp-tr-sticker)}

/* 2.8 corpo: zigue-zague abre o caderno; sumário é um cartão grampeado */
html.retro-pop .guide-detail-layout{
  border-top:0;padding-top:52px;background:var(--rp-pat-zig) repeat-x 0 12px/40px 12px}
html.retro-pop .guide-toc{
  top:100px;padding:26px 20px 20px;border:3px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-2)}
/* grampo de papel (kit 5.2), desenhado em CSS: duas pernas e a ponte */
html.retro-pop .guide-toc::before{
  content:"";position:absolute;left:50%;top:-12px;width:46px;height:16px;margin-left:-23px;pointer-events:none;
  border:5px solid var(--gd-ink3);border-bottom:0;background:none}
html.retro-pop .guide-toc > span{
  display:inline-block;margin-bottom:16px;padding:5px 10px;box-shadow:3px 4px 0 var(--rp-red);
  font:400 var(--rp-fs-small)/1.1 var(--rp-ff-display);letter-spacing:0;transform:skewX(var(--rp-skew))}
html.retro-pop .guide-toc nav{gap:2px}
html.retro-pop .guide-toc nav a{padding:8px;border-radius:0;font:600 13px/1.35 var(--rp-ff-body)}
html.retro-pop .guide-toc nav a > span{font:700 11px/1.35 var(--rp-ff-mono)}
html.retro-pop .guide-route-meter{border:3px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-1)}
html.retro-pop .guide-route-meter b{font:700 20px/1 var(--rp-ff-mono)}
html.retro-pop .guide-route-meter small{font:700 9px/1.2 var(--rp-ff-mono);letter-spacing:.12em}
html.retro-pop .guide-route-meter progress{height:12px;border:2px solid var(--gd-ink);border-radius:0}
html.retro-pop .guide-progress-reset{
  min-height:44px;border:3px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-1);
  font:800 var(--rp-fs-micro)/1 var(--rp-ff-body);letter-spacing:var(--rp-tr-sticker)}
html.retro-pop .guide-manual-link{border:2px dashed rgba(23,19,31,.45);border-radius:0;font:600 12px/1.5 var(--rp-ff-body)}
html.retro-pop .guide-manual-link > span{font:700 9px/1.4 var(--rp-ff-mono);letter-spacing:.16em}
html.retro-pop .guide-content-section{border-bottom:var(--gd-rule)}

/* 2.9 briefing, tags, mapa de rota */
html.retro-pop .guide-briefing-grid{gap:20px}
html.retro-pop .guide-briefing-grid article{
  padding:22px;border:3px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-2);transform:rotate(var(--rp-tilt))}
html.retro-pop .guide-briefing-grid article:nth-child(1){--rp-tilt:-.7deg}
html.retro-pop .guide-briefing-grid article:nth-child(2){--rp-tilt:.5deg}
html.retro-pop .guide-briefing-grid article:nth-child(3){--rp-tilt:-.3deg}
html.retro-pop .guide-briefing-grid span,
html.retro-pop .chapter-brief span{font:700 10px/1.3 var(--rp-ff-mono);letter-spacing:.14em}
html.retro-pop .guide-briefing-grid strong{margin:10px 0 6px;font:400 var(--rp-fs-h3)/1.1 var(--rp-ff-display);text-transform:uppercase}
html.retro-pop .guide-briefing-grid p{font:400 14px/1.55 var(--rp-ff-body)}
html.retro-pop .guide-tag-ribbon{gap:8px}
html.retro-pop .guide-tag-ribbon > span{
  padding:5px 10px;border:2px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-1);
  font:800 var(--rp-fs-micro)/1.25 var(--rp-ff-body);letter-spacing:var(--rp-tr-sticker)}
html.retro-pop .guide-route-map{gap:12px}
html.retro-pop .guide-route-map a{
  padding:13px;border:3px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-1);
  transition:var(--rp-pop),background-color var(--rp-t-fast) linear}
html.retro-pop .guide-route-map a:hover,
html.retro-pop .guide-route-map a:focus-visible{border-color:var(--gd-ink);transform:translate(-2px,-2px);box-shadow:var(--rp-sh-2)}
html.retro-pop .guide-route-map > a > span{font:700 24px/1 var(--rp-ff-mono)}
html.retro-pop .guide-route-map strong{font:400 14px/1.2 var(--rp-ff-display);text-transform:uppercase}
html.retro-pop .guide-route-map small{font:400 12px/1.4 var(--rp-ff-body)}
html.retro-pop .guide-route-map i{font:800 18px/1 var(--rp-ff-body)}

/* 2.10 tabela de controles: caixa de tabela (rp-tablebox), tecla de papel com batente */
html.retro-pop .control-table-wrap{padding:0;border:3px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-2);background:var(--gd-white)}
html.retro-pop .controls-section th,
html.retro-pop .controls-section td{border-bottom:1px solid rgba(23,19,31,.18)}
html.retro-pop .controls-section thead th{border-bottom:3px solid var(--gd-ink);font:400 var(--rp-fs-small)/1.2 var(--rp-ff-display);letter-spacing:.04em}
html.retro-pop .controls-section tbody tr:nth-child(even){background:var(--rp-paper-2)}
html.retro-pop .controls-section td strong{font:800 14px/1.35 var(--rp-ff-body)}
html.retro-pop .controls-section td span{font:400 13px/1.5 var(--rp-ff-body)}
html.retro-pop .guide-site kbd{
  border:2px solid var(--gd-ink);border-bottom-width:5px;border-radius:var(--rp-r-1);box-shadow:none;
  font:700 12px/1.2 var(--rp-ff-mono)}

/* 2.11 galeria e checkpoints: polaroide de campo (papel couché, foto em passe-partout de tinta) */
html.retro-pop .gameplay-gallery{gap:24px}
html.retro-pop .gameplay-shot,
html.retro-pop .chapter-visual{border:3px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-2)}
html.retro-pop .gameplay-shot:nth-child(odd){transform:rotate(-.5deg)}
html.retro-pop .gameplay-shot:nth-child(even){transform:rotate(.5deg)}
html.retro-pop .gameplay-shot-route{border-bottom:3px solid var(--gd-ink);background:var(--rp-paper-2)}
html.retro-pop .gameplay-shot-route span{font:700 11px/1.2 var(--rp-ff-mono);letter-spacing:.1em}
html.retro-pop .gameplay-shot-route strong{font:400 14px/1.2 var(--rp-ff-display)}
html.retro-pop .gameplay-shot button{border:0;border-bottom:3px solid var(--gd-ink);border-radius:0;box-shadow:none}
html.retro-pop .gameplay-shot button:hover,
html.retro-pop .gameplay-shot button:focus-visible{border-color:var(--gd-ink);box-shadow:inset 0 0 0 4px var(--rp-cyan);outline:0}
html.retro-pop .gameplay-shot figcaption{font:400 13px/1.6 var(--rp-ff-body)}
html.retro-pop .gameplay-shot figcaption .gameplay-caption-line{height:3px;width:22px}
html.retro-pop .gameplay-shot-source,
html.retro-pop .chapter-visual figcaption a{font:700 10px/1.4 var(--rp-ff-mono);letter-spacing:.06em;text-decoration:underline;text-decoration-color:var(--rp-cyan);text-decoration-thickness:2px;text-underline-offset:3px}
html.retro-pop .visual-checkpoint-notes{gap:3px;border-top:3px solid var(--gd-ink)}
html.retro-pop .visual-checkpoint-notes dt{font:700 9px/1.2 var(--rp-ff-mono);letter-spacing:.14em}
html.retro-pop .visual-checkpoint-notes dd{font:400 12px/1.5 var(--rp-ff-body)}
html.retro-pop .gameplay-capture-note{padding:14px 16px;border:3px dashed rgba(23,19,31,.4);border-radius:0;font:400 13px/1.55 var(--rp-ff-body)}
html.retro-pop .gameplay-capture-note strong{padding:1px 6px;background:var(--rp-cyan);font:700 10px/1.4 var(--rp-ff-mono);letter-spacing:.08em}

/* visor: cartão de papel com sombra dura; fundo da página em tinta translúcida, sem desfoque */
html.retro-pop .guide-image-lightbox{border:5px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-3)}
html.retro-pop .guide-image-lightbox img{border-radius:0;border-bottom:3px solid var(--gd-ink)}
html.retro-pop .guide-image-lightbox figcaption{font:400 14px/1.5 var(--rp-ff-body)}
html.retro-pop .guide-image-lightbox-close{
  width:44px;height:44px;border:3px solid var(--gd-ink);border-radius:var(--rp-r-1);box-shadow:var(--rp-sh-1);font:800 24px/1 var(--rp-ff-body)}

/* 2.12 capítulos: número em bloco de tinta com sombra vermelha, passos como fichas marcáveis */
html.retro-pop .walkthrough-chapter,
html.retro-pop .guide-magazine .walkthrough-chapter{border-top:var(--gd-rule)}
html.retro-pop .chapter-number{
  display:inline-block;font:400 clamp(30px,3.4vw,46px)/1 var(--rp-ff-display);text-shadow:3px 3px 0 var(--rp-red)}
html.retro-pop .chapter-rail small{font:700 9px/1.3 var(--rp-ff-mono);letter-spacing:.12em}
html.retro-pop .chapter-label{font:700 var(--rp-fs-micro)/1.3 var(--rp-ff-mono);letter-spacing:.16em}
html.retro-pop .chapter-content h2,
html.retro-pop .chapter-content h3{margin:6px 0 10px;font:400 clamp(22px,2.4vw,32px)/1.05 var(--rp-ff-display);letter-spacing:var(--rp-tr-display);text-transform:uppercase}
html.retro-pop .chapter-summary{font:400 var(--rp-fs-body)/1.6 var(--rp-ff-body)}
html.retro-pop .chapter-content li{font:400 15px/1.6 var(--rp-ff-body);border-top-color:rgba(23,19,31,.14)}
html.retro-pop .chapter-content li::before{border:2px solid var(--gd-ink);background:var(--rp-yellow);font:700 11px/1 var(--rp-ff-mono)}
html.retro-pop .chapter-brief{gap:3px;border:3px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-1)}
html.retro-pop .chapter-brief p{font:400 14px/1.55 var(--rp-ff-body)}
html.retro-pop .guide-route-steps{gap:12px;max-width:72ch}
html.retro-pop .chapter-content .guide-route-step{
  padding:16px;border:2px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-1);
  transition:background-color var(--rp-t-fast) linear}
html.retro-pop .guide-route-step:hover{border-color:var(--gd-ink);box-shadow:var(--rp-sh-2)}
html.retro-pop .guide-step-label{font:700 10px/1.3 var(--rp-ff-mono);letter-spacing:.14em}
html.retro-pop .guide-route-step p{font:400 15px/1.6 var(--rp-ff-body)}
html.retro-pop .guide-step-note{font-family:var(--rp-ff-body)}
/* caixa de marcar: quadrado de papel; marcado vira carimbo verde-lima com o ✓ em tinta */
html.retro-pop .guide-step-check > span[aria-hidden]{border:3px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-1);font:800 16px/1 var(--rp-ff-body)}
html.retro-pop .guide-step-check input:checked + span{border-color:var(--gd-ink);background:var(--rp-lime);transform:rotate(-6deg)}
html.retro-pop .guide-step-check input:focus-visible + span{outline:3px dashed var(--gd-ink);outline-offset:3px}
html.retro-pop .guide-route-step.is-complete{border-color:var(--gd-ink)}
html.retro-pop .guide-route-step.is-complete p{text-decoration-color:var(--rp-red-deep);text-decoration-thickness:2px}
html.retro-pop .chapter-checkpoint{
  padding:14px 16px 14px 20px;border:3px solid var(--gd-ink);border-left-width:12px;border-radius:0;box-shadow:var(--rp-sh-2)}
html.retro-pop .chapter-checkpoint > span{border:2px solid var(--gd-ink);transform:rotate(-8deg)}
html.retro-pop .chapter-checkpoint strong,
html.retro-pop .chapter-warning strong{font:700 10px/1.3 var(--rp-ff-mono);letter-spacing:.14em}
html.retro-pop .chapter-checkpoint p,
html.retro-pop .chapter-warning p{font:400 14px/1.55 var(--rp-ff-body)}
html.retro-pop .chapter-visual{margin-top:20px}
html.retro-pop .chapter-visual-heading{border-bottom:3px solid var(--gd-ink)}
html.retro-pop .chapter-visual-heading span{font:700 9px/1.3 var(--rp-ff-mono);letter-spacing:.14em}
html.retro-pop .chapter-visual-heading strong{font:400 13px/1.2 var(--rp-ff-display)}
html.retro-pop .chapter-visual button{border-bottom:3px solid var(--gd-ink)}
html.retro-pop .chapter-visual button:focus-visible{outline:4px solid var(--rp-cyan);outline-offset:-6px}
html.retro-pop .chapter-visual figcaption{font:400 13px/1.6 var(--rp-ff-body)}
html.retro-pop .chapter-visual figcaption strong{font:700 10px/1.3 var(--rp-ff-mono);letter-spacing:.12em}
/* aviso: o "HOT!" do caderno — tarja vermelha à esquerda */
html.retro-pop .chapter-warning{border:3px solid var(--gd-ink);border-left:12px solid var(--rp-red);border-radius:0;box-shadow:var(--rp-sh-1)}

/* 2.13 segredos, FAQ, fontes com carimbo, relacionados como recortes */
html.retro-pop .secret-grid{gap:20px}
html.retro-pop .secret-grid article{padding:22px;border:3px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-2);transform:rotate(var(--rp-tilt))}
html.retro-pop .secret-grid article:nth-child(3n+1){--rp-tilt:-.6deg}
html.retro-pop .secret-grid article:nth-child(3n+2){--rp-tilt:.5deg}
html.retro-pop .secret-grid article > span,
html.retro-pop .guide-magazine .secret-grid article > span{font:400 40px/1 var(--rp-ff-display);text-shadow:3px 3px 0 var(--rp-red)}
html.retro-pop .secret-grid h3{margin:14px 0 7px;font:400 18px/1.15 var(--rp-ff-display);text-transform:uppercase}
html.retro-pop .secret-grid p{font:400 14px/1.55 var(--rp-ff-body)}
html.retro-pop .guide-faq{border-top:var(--gd-rule)}
html.retro-pop .guide-faq details{border-bottom:var(--gd-rule)}
html.retro-pop .guide-faq summary{min-height:44px;font:800 16px/1.4 var(--rp-ff-body)}
html.retro-pop .guide-faq summary span{font:800 26px/1 var(--rp-ff-body)}
html.retro-pop .guide-faq details p{max-width:68ch;font:400 15px/1.65 var(--rp-ff-body)}
html.retro-pop .guide-sources{border:3px dashed rgba(23,19,31,.45);border-radius:0}
html.retro-pop .guide-sources h2{font:400 18px/1.1 var(--rp-ff-display)}
html.retro-pop .guide-sources p,
html.retro-pop .guide-sources li{font:400 13px/1.55 var(--rp-ff-body)}
html.retro-pop .guide-sources a{text-decoration-color:var(--rp-cyan);text-decoration-thickness:2px;text-underline-offset:3px}
html.retro-pop .guide-editorial-stamp{border:4px double var(--rp-red-deep);background:var(--gd-white)}
html.retro-pop .guide-editorial-stamp b{font:400 28px/.9 var(--rp-ff-display)}
html.retro-pop .guide-editorial-stamp span{font:700 7px/1.2 var(--rp-ff-mono)}
html.retro-pop .related-grid{gap:18px}
html.retro-pop .related-grid > a{
  padding:12px;border:3px solid var(--gd-ink);border-radius:0;box-shadow:var(--rp-sh-2);
  transform:rotate(var(--rp-tilt));transition:var(--rp-pop)}
html.retro-pop .related-grid > a:nth-child(odd){--rp-tilt:-.6deg}
html.retro-pop .related-grid > a:nth-child(even){--rp-tilt:.5deg}
html.retro-pop .related-grid > a:hover{border-color:var(--gd-ink);transform:rotate(var(--rp-tilt)) translate(-3px,-4px);box-shadow:var(--rp-sh-3)}
html.retro-pop .related-grid img{border:2px solid var(--gd-ink);border-radius:0}
html.retro-pop .related-grid small{font:700 9px/1.3 var(--rp-ff-mono);letter-spacing:.14em}
html.retro-pop .related-grid strong{font:400 15px/1.15 var(--rp-ff-display);text-transform:uppercase}
html.retro-pop .related-grid em{font:400 11px/1.4 var(--rp-ff-body)}
/* "jogar agora" fixo no celular: posição e z-index da página ficam; só vira botão de banca */
html.retro-pop .guide-mobile-play{border:3px solid var(--gd-ink);border-radius:var(--rp-r-1);box-shadow:var(--rp-sh-2);font:800 var(--rp-fs-small)/1 var(--rp-ff-body);letter-spacing:var(--rp-tr-sticker)}

/* 2.14 colofão: tinta com retícula creme, borda rasgada em cima, faixa de bala embaixo */
html.retro-pop .guide-footer{
  position:relative;margin-top:40px;padding-bottom:calc(32px + 10px);border-top:0;
  background-image:var(--rp-pat-candy),var(--gd-dots-cream);background-size:100% 10px,10px 10px;
  background-position:left bottom,0 0;background-repeat:no-repeat,repeat}
html.retro-pop .guide-footer::before{
  content:"";position:absolute;left:0;right:0;top:-19px;height:20px;pointer-events:none;
  background:var(--rp-edge-torn) repeat-x 0 0/240px 20px;transform:scaleY(-1)}
html.retro-pop .guide-footer strong{font:400 clamp(16px,1.4vw,20px)/1.2 var(--rp-ff-display);letter-spacing:0}
html.retro-pop .guide-footer span{font:500 13px/1.5 var(--rp-ff-body)}
html.retro-pop .guide-footer a{display:inline-flex;align-items:center;min-height:32px;border-bottom:2px solid transparent;font:700 13px/1 var(--rp-ff-body)}
html.retro-pop .guide-footer a:hover{border-bottom-color:var(--rp-yellow)}


/* ═══════════ 3 · LARGURAS ═══════════ */
@media (max-width:1050px){
  html.retro-pop .guide-hub-hero::before,
  html.retro-pop .guide-magazine-cover::before{width:min(64vw,520px)}
}
@media (max-width:780px){
  /* a página tira o sticky aqui; a diagonal vira filete reto (kit 6.1) */
  html.retro-pop .guide-header{min-height:64px;padding-bottom:16px;background-image:var(--gd-dots);background-size:8px 8px;border-bottom:5px solid var(--gd-ink)}
  html.retro-pop .guide-brand{padding:5px 10px 6px}
  /* a página mostra só o link da seção atual aqui (game-guides.css:283-284); o display da regra 2.1 não pode reabrir os outros */
  html.retro-pop .guide-nav a:not([aria-current]){display:none}
  html.retro-pop .guide-hub-hero::before,
  html.retro-pop .guide-magazine-cover::before{inset:auto -30% 0 auto;width:110vw;opacity:.45}
  html.retro-pop .guide-hub-hero h1,
  html.retro-pop .guide-detail-hero h1{font-size:clamp(38px,11vw,58px);transform:skewX(-4deg)}
  html.retro-pop .guide-hero-stats > div{min-width:calc(50% - 9px)}
  html.retro-pop .guide-card,
  html.retro-pop .guide-method article,
  html.retro-pop .guide-briefing-grid article,
  html.retro-pop .secret-grid article,
  html.retro-pop .related-grid > a,
  html.retro-pop .gameplay-shot:nth-child(n){transform:none}
  html.retro-pop .guide-card:hover,
  html.retro-pop .related-grid > a:hover{transform:translate(-2px,-3px)}
  html.retro-pop .guide-card-cover{border-right:3px solid var(--gd-ink)}
  html.retro-pop .guide-section-heading h2,
  html.retro-pop .section-title-row h2,
  html.retro-pop .guide-method h2,
  html.retro-pop .related-guides .guide-section-heading h2{padding:8px 20px 8px 30px;font-size:clamp(20px,6vw,26px)}
  html.retro-pop .guide-toc::before{display:none}
  html.retro-pop .guide-detail-layout{padding-top:40px}
  html.retro-pop .guide-hero-gameplay{transform:rotate(.8deg)}
}
@media (max-width:480px){
  html.retro-pop .guide-card-cover{border-right:0;border-bottom:3px solid var(--gd-ink)}
  html.retro-pop .guide-hero-stats > div{min-width:100%;transform:none}
  html.retro-pop .section-title-row{grid-template-columns:1fr}
  html.retro-pop .section-title-row .guide-section-index{width:fit-content}
}
@media (prefers-reduced-motion:reduce){
  html.retro-pop .guide-card,html.retro-pop .guide-btn,html.retro-pop .guide-filter,html.retro-pop .guide-route-map a,
  html.retro-pop .related-grid > a,html.retro-pop .guide-cover-frame,html.retro-pop .guide-hero-gameplay{transition-duration:1ms}
}