/* The Family — Birmingham, 1919.
   Fontes (carregadas no includes/head.html):
   Cinzel (títulos), Oswald (interface), EB Garamond (falas e descrições). */

body {
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    font-weight: 300;
    letter-spacing: 0.01em;
    background-color: #121110;
    color: #d6d3cd;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Cinzel', Georgia, serif;
    letter-spacing: 0.02em;
}

b, strong { font-weight: 500; }

/* Falas, citações e descrições de crimes/itens */
.fala { font-family: 'EB Garamond', Georgia, serif; font-style: italic; letter-spacing: 0; }

/* Efeito de Vinheta (Bordas escuras, clima noir) */
.vignette {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    box-shadow: 0 0 150px rgba(0,0,0,0.9) inset;
    pointer-events: none;
    z-index: 40;
}

/* Fumaça de fábrica: gradiente sutil no lugar da textura externa */
.noise-overlay {
    position: fixed;
    inset: 0;
    background:
        radial-gradient(ellipse at 20% 0%, rgba(197,160,89,0.06), transparent 60%),
        radial-gradient(ellipse at 80% 100%, rgba(140,115,75,0.05), transparent 55%);
    pointer-events: none;
    z-index: 39;
}

/* Scrollbar Dourada/Envelhecida */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #121212; }
::-webkit-scrollbar-thumb { background: #8c734b; border: 1px solid #1a1818; }
::-webkit-scrollbar-thumb:hover { background: #a68b5b; }

/* Utilitários de Texto Dourado */
.text-gold { color: #c5a059; }
.border-gold { border-color: #8c734b; }
.bg-gold-dark { background-color: rgba(140, 115, 75, 0.2); }

/* Bandeiras de idioma */
.bandeira { width: 26px; height: 18px; display: block; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,.6); }
.idioma { opacity: .45; transition: opacity .2s, transform .2s; }
.idioma:hover { opacity: .9; transform: translateY(-1px); }
.idioma-ativo { opacity: 1; box-shadow: 0 0 0 2px #c5a059; border-radius: 3px; }

/* Menu lateral no celular */
@media (max-width: 767px) {
    #menu-lateral { position: fixed; inset: 0 auto 0 0; transform: translateX(-100%); transition: transform .25s; }
    #menu-lateral.aberto { transform: translateX(0); }
}

/* Campo-isca do cadastro (anti-robô): fora da tela, invisível para quem usa leitor de tela */
.isca { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* Páginas de texto (regras, termos, privacidade, como jogar) */
.texto-longo h2 { font-size: 1.35rem; color: #e8e6e3; margin: 2rem 0 .75rem; }
.texto-longo h3 { font-size: 1.05rem; color: #c5a059; margin: 1.25rem 0 .5rem; }
.texto-longo p, .texto-longo li { line-height: 1.7; color: #cfcfc4; }
.texto-longo p { margin: .6rem 0; }
.texto-longo ul { list-style: disc; padding-left: 1.4rem; margin: .5rem 0; }
.texto-longo ol { list-style: decimal; padding-left: 1.4rem; margin: .5rem 0; }
.texto-longo a { color: #c5a059; text-decoration: underline; }
.texto-longo table { width: 100%; border-collapse: collapse; margin: .75rem 0; font-size: .9rem; }
.texto-longo th, .texto-longo td { border-bottom: 1px solid #3d362b; padding: .4rem .5rem; text-align: left; }
.texto-longo th { color: #8c734b; text-transform: uppercase; font-size: .75rem; letter-spacing: .1em; }