/* ============================================================
   TEMA "202" — Circuito verde escuro / BR90 · 90 da Sorte
   Referência: prints v5.11 (fundo preto-esverdeado com linhas de
   circuito, caixas cyan translúcidas, números em amarelo/laranja,
   bola vermelha com aro branco, números sorteados em verde neon).
   Assets reais: assets/202/img/fundo.png, ball*.png, logo*.png
   ============================================================ */

[data-tema="202"] {
  --cor-fundo: #06231f;
  --cor-caixa: rgba(9, 43, 46, 0.82);
  --cor-borda: #2fd9c8;
  --cor-texto: #eafff5;
  --cor-amarelo: #ffd400;
  --cor-laranja: #ff8a1e;
  --cor-verde-neon: #6dff2b;
  --cor-vermelho: #e8352c;
  font-family: 'Anton', 'Arial Narrow', sans-serif;
}

[data-tema="202"] .bg-fundo {
  background-color: var(--cor-fundo);
  background-image: url('../assets/202/img/fundo.png');
}
[data-tema="202"] .bg-fundo.escura::after {
  content: '';
  position: absolute; inset: 0;
  background: rgba(0,0,0,.35);
}

[data-tema="202"] .valendo-bar {
  background: #000;
  color: var(--cor-amarelo);
  border: 2px solid var(--cor-borda);
}
[data-tema="202"] .versao { color: #9be; }

[data-tema="202"] .ranking-linha { color: var(--cor-texto); border-bottom: 1px solid rgba(47,217,200,.15); }
[data-tema="202"] .ranking-linha:nth-child(odd) { background: rgba(255,255,255,.03); }
[data-tema="202"] .ranking-linha span.num { color: var(--cor-amarelo); }

[data-tema="202"] .acumulado-label { color: var(--cor-laranja); }
[data-tema="202"] .bola-tag { background: var(--cor-vermelho); color: #fff; }
[data-tema="202"] .acumulado-valor { color: #fff; }
[data-tema="202"] .sorteio-id { color: #bdeee6; }
[data-tema="202"] .logo-marca { background-image: url('../assets/202/img/logo.png'); }

[data-tema="202"] .bola-numero { color: #111; }
[data-tema="202"] .historico-bolas li { background: radial-gradient(circle at 35% 30%, #3fd0ff, #0a6fae 70%); color: #fff; border: 2px solid #cfeffb; }
[data-tema="202"] .historico-bolas li:first-child { background: radial-gradient(circle at 35% 30%, #ff6d5a, #b5271a 70%); border-color: #ffd8d0; }

[data-tema="202"] .premio-chip { background: var(--cor-caixa); border: 1px solid var(--cor-borda); }
[data-tema="202"] .premio-chip .premio-nome { color: var(--cor-amarelo); }
[data-tema="202"] .premio-chip .premio-valor { color: #fff; }

[data-tema="202"] .grade-90 { background: var(--cor-caixa); border: 1px solid var(--cor-borda); color: #325f57; }
[data-tema="202"] .grade-90 span.marcado { color: var(--cor-verde-neon); text-shadow: 0 0 6px rgba(109,255,43,.6); }
[data-tema="202"] .grade-90 span.marcado.atual { color: var(--cor-vermelho); }

[data-tema="202"] .cartela-card { background: var(--cor-caixa); border: 2px solid var(--cor-borda); }
[data-tema="202"] .cartela-card-header { background: #0a3d3a; color: var(--cor-amarelo); }
[data-tema="202"] .cartela-card-grid span { background: #fff; color: #111; border: 1px solid #cfe; }
[data-tema="202"] .cartela-card-grid span.marcado { background: #14432c; color: var(--cor-verde-neon); }
[data-tema="202"] .cartela-card-grid span.premiado { background: var(--cor-vermelho); color: #fff; }
[data-tema="202"] .cartela-card-valor { background: #000; color: var(--cor-amarelo); }

/* tela 2 — próximos sorteios */
[data-tema="202"] .contagem-box { background: var(--cor-caixa); border: 2px solid var(--cor-borda); color: var(--cor-amarelo); }
[data-tema="202"] .contagem-numero { color: #fff; }
[data-tema="202"] .info-chip { background: var(--cor-caixa); border: 1px solid var(--cor-borda); color: var(--cor-amarelo); }
[data-tema="202"] .info-chip.destaque strong { color: var(--cor-laranja); }
[data-tema="202"] .titulo-proximos { color: var(--cor-amarelo); }
[data-tema="202"] .tabela-proximos { color: #fff; }
[data-tema="202"] .tabela-proximos th { color: var(--cor-verde-neon); }
[data-tema="202"] .tabela-proximos tr { background: var(--cor-caixa); }
[data-tema="202"] .tabela-proximos .c-keno { color: var(--cor-vermelho); }

/* tela 3 — ganhou */
[data-tema="202"] .ganhou-label { color: var(--cor-laranja); }
[data-tema="202"] .ganhou-valor { color: var(--cor-amarelo); }
[data-tema="202"] .ganhou-nome { color: #fff; }

/* tela 4 — posição do prêmio */
[data-tema="202"] .posicao-card { color: var(--cor-verde-neon); text-shadow: 0 0 24px rgba(109,255,43,.5), 4px 4px 0 #ff8a1e; }

/* tela 5 — cartela vencedora */
[data-tema="202"] .ganhadores-titulo { color: #fff; }
[data-tema="202"] .premio-cartela-header { color: var(--cor-verde-neon); }
[data-tema="202"] .cartela-vencedora { border-color: var(--cor-laranja); }
[data-tema="202"] .cartela-vencedora-topo { background: #1a1a1a; color: #fff; }
[data-tema="202"] .cartela-vencedora-grid span { background: var(--cor-laranja); color: #111; }
[data-tema="202"] .cartela-vencedora-grid span.premiado { background: var(--cor-vermelho); color: #fff; }
[data-tema="202"] .cartela-vencedora-bar { color: #fff; }

/* popup de cartela */
[data-tema="202"] .popup-cartela-caixa { background: #241033; }
[data-tema="202"] .popup-cartela-selo { color: var(--cor-amarelo); text-shadow: 2px 2px 0 var(--cor-vermelho); }
[data-tema="202"] .popup-cartela-info { color: #fff; background: #1a0f28; }
[data-tema="202"] .popup-cartela-grid span { background: #fff; color: #111; border: 1px solid #ccc; }
[data-tema="202"] .popup-cartela-grid span.premiado { background: var(--cor-vermelho); color: #fff; }
[data-tema="202"] .popup-cartela-valor { background: #0e3ea6; color: #fff; }