/* /app-hc.css — 15/09/2026: modo "Alto contraste" do app (/ajustes).
   O app aplica a classe Tailwind .contrast-125 (filter:contrast(125%)) no wrapper do #root.
   O filter escurecia o fundo e apagava a camada neon (opacity .07), fazendo o site parecer a versao antiga (fundo preto chapado).
   Aqui o filter e desligado e o alto contraste passa a ser feito pelos tokens de cor do tema (Tailwind v4 usa var(--color-*)). */
.contrast-125{filter:none!important;--tw-contrast:initial;
  --color-cream:#ffffff;--color-white:#ffffff;
  --color-muted:#d9dbe8;--color-nav:#e6e7f1;
  --color-line:#7c7b9c;
  --color-panel:#181828;--color-panel-2:#262538;
  --color-cyan:#5ee7ff;--color-amber:#ffd45c;--color-pink:#ff5ccb;--color-electric:#ff5ccb;--color-magenta:#ff5ccb;
  --color-ok:#7cf2c6;--color-danger:#ff6470;
  color:var(--color-cream)}
.contrast-125 a:not([class*="bg-"]):not([role="button"]){text-decoration:underline;text-underline-offset:3px}
.contrast-125 :focus-visible{outline:3px solid var(--color-amber);outline-offset:3px}

/* 15/09/2026: Chrome Android — com body{background-attachment:fixed} o conteudo inteiro some ao rolar ate o fim e voltar (a barra de endereco reaparece, o viewport muda de altura e o Chrome nao repinta a camada do fundo fixo por cima do conteudo). Fundo passa a rolar com a pagina. */
body{background-attachment:scroll!important}
/* 15/09/2026: badge "ate 12" dos cards de modo (Truco Mineiro classico) quebrava em duas linhas ao lado do titulo longo */
.card-container .pr-14.flex>.rounded-full{white-space:nowrap;flex:none}

/* 15/09/2026 perf: imagem neon reencodada 1891x1069 jpg 97KB -> 1200px webp q50 7,7KB (fica a 7% de opacidade, diferenca invisivel).
/* 15/09/2026 (2a tentativa): suspeitos do sumico no Chrome Android = mask-image no ::before do hero (raster GPU falha ao redimensionar o viewport) e body{height:100%} menor que o conteudo. Mask trocada por gradiente pintado sobre a imagem (mesmo efeito: some ate a cor do fundo), body com altura do conteudo. */
html,body{height:auto!important;min-height:100%}
.hero-neon-bg::before{-webkit-mask-image:none!important;mask-image:none!important;background-image:linear-gradient(to bottom,rgba(18,18,33,0) 30%,#121221 100%),url(/assets/bg-neon-cards-v2.webp)!important;background-size:100% 100%,100% auto!important;background-position:top,top!important;background-repeat:no-repeat!important}
nav.hero-neon-bg::before{background-image:url(/assets/bg-neon-cards-v2.webp)!important;background-size:100% auto!important}