/* /js/jogos/naruto-entrada.css -- entrada do Naruto reorganizada (mockup aprovado pelo dono em 07/10/2026:
   docs/mockups/naruto/entrada-naruto.html): faixa do Coach no topo, Calcular (3 + 2 largos) e Consultar (4).
   Os cards seguem com a arte e a moldura de /artes/artes.css; aqui só a grade, a pergunta e a faixa. Letra >= 15px. */

/* faixa do Coach: mesma arte, formato largo; brasas sobem ao fundo (desligadas em reduced-motion) */
.nj-coach{--coach:#ff8a2a;position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);
  gap:22px;align-items:center;margin:0 0 28px;padding:18px;border:1px solid rgba(255,138,42,.45);border-radius:18px;
  background:radial-gradient(circle at 92% 100%,rgba(255,138,42,.28),transparent 55%),var(--s-850,#0f131c);cursor:pointer;
  transition:border-color .2s,transform .2s}
.nj-coach::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--coach),transparent);z-index:1}
.nj-coach:hover{border-color:rgba(255,138,42,.8)}
.nj-coach:focus-visible{outline:2px solid var(--coach);outline-offset:3px}
.nj-coach-fundo{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.nj-coach-fundo i{position:absolute;bottom:-10px;width:6px;height:6px;border-radius:50%;background:#ffb35c;box-shadow:0 0 8px #ff8a2a;animation:njBrasa 6s linear infinite;opacity:0}
.nj-coach-fundo i:nth-child(1){left:58%}.nj-coach-fundo i:nth-child(2){left:70%;animation-delay:1.4s;width:4px;height:4px}
.nj-coach-fundo i:nth-child(3){left:82%;animation-delay:2.8s}.nj-coach-fundo i:nth-child(4){left:92%;animation-delay:4.1s;width:4px;height:4px}
.nj-coach-fundo i:nth-child(5){left:64%;animation-delay:3.4s;width:5px;height:5px}
@keyframes njBrasa{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(-240px);opacity:0}}
@media (prefers-reduced-motion:reduce){.nj-coach-fundo i{animation:none}}
.nj-coach-txt{display:grid;gap:10px;min-width:0}
.nj-selo{justify-self:start;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--coach);border:1px solid rgba(255,138,42,.4);border-radius:999px;padding:2px 12px}
.nj-selo i{width:8px;height:8px;border-radius:50%;background:var(--coach);box-shadow:0 0 8px var(--coach)}
.nj-coach h2{margin:0;font-size:24px;line-height:1.2;text-wrap:balance}
.nj-coach p{margin:0;color:var(--t-mid,#a7b0bd);font-size:15px}
.nj-chat{display:grid;gap:8px}
.nj-msg{max-width:92%;border-radius:12px;padding:8px 12px;background:var(--s-700,#1a2130);border:1px solid var(--border,#29313d);font-size:15px}
.nj-msg small{display:block;color:var(--t-low,#6b7686);font-size:15px}
.nj-eu{justify-self:end;background:#1d2a3a}
.nj-co{border-color:rgba(255,138,42,.35)}
.nj-coach-btn{justify-self:start;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:10px;font-weight:800;font-size:15px;color:#1a0b02;background:linear-gradient(180deg,#ffb35c,var(--coach))}
.nj-coach-btn svg{width:15px;height:15px;stroke:currentColor}
@media (max-width:760px){.nj-coach{grid-template-columns:1fr}}

/* grades: Calcular = 4 em cima + 2 largos (Eventos e Upgrades); Consultar = 4 numa fileira */
.games-grid.nj-calc{grid-template-columns:repeat(12,minmax(0,1fr))}
.nj-calc > .game-card{grid-column:span 3}
.nj-calc > .game-card.nj-largo{grid-column:span 6}
.games-grid.nj-cons,.games-grid.nj-game{grid-template-columns:repeat(3,minmax(0,1fr))}
.nj-soon{cursor:default}
.nj-soon .game-card-go{opacity:.7}
@media (max-width:900px){
  .games-grid.nj-calc,.games-grid.nj-cons,.games-grid.nj-game{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nj-calc > .game-card,.nj-calc > .game-card.nj-largo{grid-column:span 1}
}
@media (max-width:520px){
  .games-grid.nj-calc,.games-grid.nj-cons,.games-grid.nj-game{grid-template-columns:1fr}
}
#jogosSub-naruto .jogos-group{margin-bottom:28px}

/* a pergunta de cada card (letra 15px, regra 18) */
.game-card .nj-pergunta{font-size:15px;color:var(--t-hi,#f0f3f7);font-weight:600;min-height:0}
.nj-novo{display:inline-block;font-size:15px;font-weight:700;color:var(--gold,#e3b341);background:rgba(227,179,65,.15);border-radius:6px;padding:0 8px;vertical-align:1px}
/* card sem arte do dono: "?" na moldura */
.nj-arte-vazia{display:grid;place-items:center;background:radial-gradient(circle at 50% 60%,#3a2a0e,#1b1408);color:var(--gold,#e3b341);font-weight:800;font-size:40px}

/* Conversor e Planejador separados: os botões de aba ficam só para o loader */
#page-ferramentas > .subtabs[hidden]{display:none !important}
/* aviso do servidor BR sozinho na linha de baixo do "← Jogos" (sem o cabeçalho antigo das Ferramentas) */
#page-ferramentas > .server-disclaimer{display:flex;width:max-content;max-width:100%;margin:0 0 14px}
/* card novo do Preço dos Ninjas: o mesmo feixe de luz que varre o card da Tier List (dono, 07/10/2026: "esqueceu de animar") */
.game-card-arte[data-goto="historico"]{background-image:linear-gradient(105deg,transparent 43%,rgba(32,211,224,.10) 47%,rgba(255,244,205,.28) 50%,rgba(227,179,65,.12) 53%,transparent 57%),linear-gradient(160deg,var(--s-800,var(--s-850)),var(--s-850));background-size:240% 100%,100% 100%;background-repeat:no-repeat;background-position:130% 0,0 0;animation:tpv-brilho 6s ease-in-out infinite 1.5s}
@media (prefers-reduced-motion:reduce){.game-card-arte[data-goto="historico"]{animation:none}}