/* Fundo padrão baseado na página In-Game. */
:root {
  --gt-page-navy: #071524;
  --gt-page-grid: linear-gradient(rgba(0,230,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(0,230,255,.08) 1px, transparent 1px);
}
.homeUnified .homeHero,
.homeRestored,
.homeMain,
.hero,
.ingameHero,
.ingameCatalog,
.guideHero,
.codesDatabase,
.newGuide .guideIntro,
.legalHero,
.legalContent {
  background-color: var(--gt-page-navy);
  background-image: var(--gt-page-grid);
  background-size: 22px 22px, 22px 22px;
  background-position: 0 0;
}
/* Mantém a iluminação suave do cabeçalho In-Game nas aberturas. */
.homeUnified .homeHero,
.homeRestored,
.homeMain,
.hero,
.ingameHero,
.guideHero,
.legalHero {
  background-image: var(--gt-page-grid), radial-gradient(circle at 78% 50%, rgba(201,255,0,.12), transparent 30%);
  background-size: 22px 22px, 22px 22px, auto;
}
/* Títulos descritivos sobre o cinza dos cards; códigos mantêm sua cor. */
.guidePage .codeEntry > h3 { color: #07533f; }

/* Grade contínua sob o catálogo e a faixa de paginação. */
.ingamePage .browserWindow {
  background-color: var(--gt-page-navy);
  background-image: var(--gt-page-grid);
  background-size: 22px 22px, 22px 22px;
  background-position: 0 0;
}
.ingamePage .ingameCatalog,
.ingamePage .catalogPagination { background: transparent; }

/* Termos: remover apenas a quebra forçada, permitindo quebra natural. */
.legalHero.hasPageArt:has(> img[src*="termos-pixel-art"]) > h1 > br { display: none; }
.legalHero.hasPageArt:has(> img[src*="termos-pixel-art"]) > h1 > br + em::before { content: " "; }
@media (max-width: 600px) {
 /* Todos os links do menu ficam visíveis, inclusive em telas estreitas. */
 .browserWindow > .menu {
  gap: 8px; padding-inline: 8px; justify-content: space-between;
  flex-wrap: wrap; font-size: 12px;
 }
 .legalHero.hasPageArt > p { line-height: 1.5; letter-spacing: 0; }
}