/* /guides/guias-modelo.css -- Guias e Gameplay no modelo aprovado em 25/10/2026 (docs/mockups/guias/guias-modelo-atual.html).
   Blocos com faixa de cor e brilho de canto (o feixe de luz fica em /artes/feixe-onda.css, regra 20); família com a arte em cima e o texto
   embaixo; letra de 15px ou mais (regra 18). */

/* Qual Mapa upar primeiro?: blocos da página Guias */
#page-guias .subpage > .card{--faixa:#a78bfa;position:relative;overflow:hidden;isolation:isolate;border-color:color-mix(in srgb,var(--faixa) 38%,var(--border,#29313d));background-image:radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--faixa) 16%,transparent),transparent 55%)}
#page-guias .subpage > .card.guia-destaque{--faixa:#4fd1e0}
#page-guias .subpage > .card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--faixa)}

/* família: arte em cima, texto embaixo, botão na mesma linha de todos os cartões */
.guia-familias-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.guia-familia-card{height:auto;display:grid;grid-template-rows:auto 1fr;align-items:stretch;border-radius:14px}
.guia-familia-card::after{display:none}
.guia-familia-art{position:static;inset:auto;width:100%;height:auto;aspect-ratio:16/8;z-index:auto;border-bottom:1px solid var(--border,#29313d)}
.guia-familia-body{display:grid;grid-template-rows:auto 1fr auto auto;gap:2px;padding:12px 14px 14px}
.guia-familia-eyebrow{font-size:15px;color:#a78bfa;margin-bottom:0}
.guia-familia-name{font-size:15px;margin-bottom:0}
.guia-familia-count{font-size:15px}
.guia-familia-go{margin-top:8px;justify-content:center;font-size:15px;border:1px solid rgba(167,139,250,.4);background:rgba(167,139,250,.10);color:#a78bfa;border-radius:9px;padding:7px 10px}

/* Gameplay: a cabeça única é a da página; Tier List e Monte seu meta começam direto no bloco de entrada */
#page-gameplay .tl-hero,#page-gameplay .ms-hero{--faixa:#e3b341}
#page-gameplay .tl-hero,#page-gameplay .ms-hero{min-height:0;padding:20px;border-radius:14px;background-image:radial-gradient(circle at 92% 0%,rgba(227,179,65,.16),transparent 55%),linear-gradient(180deg,#0d1424 0%,#10192b 55%,#0c111c 100%)}
#page-gameplay .tl-kicker,#page-gameplay .ms-kicker{display:none}
#page-gameplay .tl-h1,#page-gameplay .ms-h1{font-size:24px;line-height:1.15;text-shadow:none}
#page-gameplay .tl-hero-in,#page-gameplay .ms-hero-in{max-width:none;padding-right:210px}
#page-gameplay .tl-hero-ninjas img,#page-gameplay .ms-hero-ninjas img{width:60px;height:60px;margin-bottom:14px}
#page-gameplay .tl-hero-ninjas img:nth-child(2),#page-gameplay .ms-hero-ninjas img:nth-child(2){width:72px;height:72px;margin-bottom:20px}
#page-gameplay .tl-hero-ninjas,#page-gameplay .ms-hero-ninjas{right:20px}
@media (max-width:700px){#page-gameplay .tl-hero-in,#page-gameplay .ms-hero-in{padding-right:0}#page-gameplay .tl-hero-ninjas,#page-gameplay .ms-hero-ninjas{display:none}}