/* Variáveis de Cores e Configurações Gerais */
:root {
    --bg-color: #050505;
    --text-color: #f5f5f5;
    --accent-color: #f2f2f2;
    --accent-hover: #ffffff;
    --nav-bg: rgba(5, 5, 5, 0.78);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Roboto', sans-serif;
    background:
        radial-gradient(circle at 50% -10%, rgba(255, 255, 255, 0.12), transparent 34%),
        linear-gradient(180deg, #111 0%, #050505 42%, #000 100%);
    color: var(--text-color);
    overflow-x: hidden;
}

h1, h2, h3, .nav-links a, .btn {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}

/* Navegação (Menu) */
nav {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: var(--nav-bg);
    padding: 20px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1000;
    backdrop-filter: blur(5px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    transition: all 0.3s ease; /* Transição suave para o efeito do JS */
}

.logo {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--text-color);
    text-decoration: none;
}

.logo span {
    color: var(--accent-color);
}

.nav-links {
    list-style: none;
    display: flex;
    gap: 30px;
}

.nav-links a {
    color: var(--text-color);
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 1px;
    transition: color 0.3s ease;
}

.nav-links a:hover {
    color: var(--accent-color);
}

/* Seção Hero (Principal) */
.hero {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    /* Gradiente atualizado para fundir perfeitamente com a névoa roxa do fundo */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 1)), 
                url('/assets/images/void-cinematic-bg.png') no-repeat center center/cover;
    background-position: center center, 50% 50%;
    padding: 0 20px;
    animation: void-bg-drift 18s ease-in-out infinite alternate;
}

.hero h1 {
    font-size: 5rem;
    letter-spacing: 5px;
    margin-bottom: 10px;
    text-shadow: 2px 2px 15px rgba(0,0,0,0.9);
}

.hero p {
    font-size: 1.2rem;
    font-weight: 300;
    margin-bottom: 40px;
    color: #d8d8d8; /* Branco envelhecido com aura lilás */
    max-width: 600px;
}

/* Botões */
.btn-container {
    display: flex;
    gap: 20px;
}

.home-hero .btn-container {
    transform: translateY(120px);
}

.btn {
    padding: 15px 40px;
    font-size: 1.2rem;
    text-decoration: none;
    letter-spacing: 2px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    font-weight: 700;
    transform: translateY(0);
    box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}

.btn::after {
    content: "";
    position: absolute;
    inset: -40% -80%;
    background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,0.55) 50%, transparent 65%);
    transform: translateX(-120%);
    transition: transform 0.7s ease;
    pointer-events: none;
}

.btn:hover {
    transform: translateY(-3px);
}

.btn:hover::after {
    transform: translateX(120%);
}

.btn:active {
    transform: translateY(0) scale(0.98);
}

.btn-primary {
    background: linear-gradient(135deg, #ffffff 0%, #bfbfbf 48%, #ffffff 100%);
    color: #050505;
    border: 2px solid #ffffff;
    box-shadow: 0 10px 28px rgba(255, 255, 255, 0.16);
}

.btn-primary:hover {
    background: linear-gradient(135deg, #ffffff 0%, #e6e6e6 50%, #ffffff 100%);
    border-color: #ffffff;
    box-shadow: 0 0 24px rgba(255, 255, 255, 0.35);
}

.btn-secondary {
    background: rgba(0, 0, 0, 0.28);
    color: var(--text-color);
    border: 2px solid var(--text-color);
    backdrop-filter: blur(4px);
}

.btn-secondary:hover {
    background-color: var(--text-color);
    color: var(--bg-color);
}

/* Informações do Servidor */
.info-section {
    padding: 80px 50px;
    background-color: var(--bg-color);
    text-align: center;
}

.info-section h2 {
    font-size: 2.5rem;
    margin-bottom: 50px;
    color: var(--text-color);
}

.info-grid {
    display: flex;
    justify-content: center;
    gap: 50px;
    flex-wrap: wrap;
}

.info-card {
    background: #121212; /* Roxo escuro enigmático */
    padding: 40px;
    border-top: 3px solid var(--accent-color);
    width: 300px;
    transition: transform 0.3s ease;
}

.info-card:hover {
    transform: translateY(-10px);
}

.info-card h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: var(--accent-color);
}

.info-card p {
    font-size: 1rem;
    color: #b8b8b8;
}

.info-card {
    background: linear-gradient(180deg, #171717 0%, #0d0d0d 100%);
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.info-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.12), transparent 45%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.info-card:hover {
    border-top-color: #ffffff;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.55), 0 0 26px rgba(255, 255, 255, 0.12);
}

.info-card:hover::before {
    opacity: 1;
}

/* Rodapé */
footer {
    background-color: #000000; /* Quase o breu da noite, mas roxo */
    padding: 30px;
    text-align: center;
    border-top: 1px solid #2a2a2a;
}

footer p {
    color: #777777; /* Inscrição sutil e desgastada */
    font-size: 0.9rem;
}

/* Responsividade (Para Celulares) */
@media (max-width: 768px) {
    .hero h1 { font-size: 3rem; }
    .nav-links { display: none; }
    .btn-container { flex-direction: column; }
    .home-hero .btn-container { transform: translateY(150px); }
    nav { padding: 20px; }
}

/* ============================================================
   ADIÇÃO: PÁGINA DE DOWNLOADS
   ============================================================ */

/* Hero menor para páginas internas */
.internal-hero {
    height: 50vh !important;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 1)), 
                      url('/assets/images/void-cinematic-bg.png') !important;
}

.internal-hero p {
    transform: translateY(90px);
}

.download-page-content {
    max-width: 1100px;
    margin: -60px auto 100px;
    padding: 0 20px;
    position: relative;
    z-index: 10;
}

/* Grid de Cards */
.download-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    margin-bottom: 60px;
}

.download-grid.single-download {
    grid-template-columns: minmax(280px, 620px);
    justify-content: center;
}

.download-card {
    background: #101010; /* Roxo sutilmente mais claro que o fundo */
    padding: 40px;
    border: 1px solid #2d2d2d;
    border-bottom: 4px solid #444444;
    transition: transform 0.3s ease;
}

.download-card:hover {
    transform: translateY(-5px);
    border-color: #6f6f6f; /* Iluminação da borda */
}

.download-card.featured {
    border-bottom-color: var(--accent-color);
}

.download-card h3 {
    font-size: 1.8rem;
    margin: 15px 0;
}

.download-card p {
    color: #b0b0b0;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 30px;
    min-height: 50px;
}

.tag {
    background: var(--accent-color);
    color: #050505;
    font-size: 11px;
    padding: 3px 10px;
    font-weight: bold;
    border-radius: 2px;
}

/* Botões dentro do card */
.dl-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.dl-actions .btn {
    padding: 12px;
    font-size: 1rem;
    text-align: center;
}

/* Tabela de Requisitos */
.specs-section {
    background: #0b0b0b;
    padding: 40px;
    border: 1px solid #2a2a2a;
    text-align: center;
}

.specs-section h2 {
    margin-bottom: 30px;
    font-size: 2rem;
}

.specs-table table {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    border-collapse: collapse;
}

.specs-table td {
    padding: 15px;
    border-bottom: 1px solid #2a2a2a;
    text-align: left;
    color: #c7c7c7;
}

.specs-table td:first-child {
    font-family: 'Oswald';
    color: var(--accent-color);
    width: 30%;
}
/* Ajustes Mobile */
@media (max-width: 768px) {
    .download-grid { grid-template-columns: 1fr; }
    .internal-hero h1 { font-size: 3rem; }
    .download-page-content { margin-top: -30px; }
}

/* ============================================================
   ADIÇÃO: PÁGINA DE LOGIN
   ============================================================ */

.login-container {
    min-height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px 20px; 
    background: linear-gradient(rgba(0, 0, 0, 0.86), rgba(0, 0, 0, 0.86)), 
                url('/assets/images/void-cinematic-bg.png') no-repeat center center/cover;
}

.login-box {
    background: #101010;
    width: 100%;
    max-width: 450px;
    padding: 50px;
    border-top: 4px solid var(--accent-color);
    box-shadow: 0 10px 30px rgba(0,0,0,0.7);
}

.login-header {
    text-align: center;
    margin-bottom: 30px;
}

.login-header h2 {
    font-family: 'Oswald';
    font-size: 2rem;
    letter-spacing: 2px;
}

.login-header p {
    color: #9a9a9a;
    font-size: 0.9rem;
    margin-top: 5px;
}

/* Formulário */
.input-group {
    margin-bottom: 20px;
}

.input-group label {
    display: block;
    font-family: 'Oswald';
    font-size: 0.85rem;
    color: #c7c7c7;
    margin-bottom: 8px;
    letter-spacing: 1px;
}

.input-group input {
    width: 100%;
    padding: 12px 15px;
    background: #151515; /* Input com profundidade cósmica */
    border: 1px solid #3a3a3a;
    color: #fff;
    font-family: 'Roboto';
    transition: 0.3s;
}

.input-group input:focus {
    outline: none;
    border-color: var(--accent-color);
    background: #242424; /* Fundo do input focado em roxo arcano */
}

/* Opções e Checkbox */
.login-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
    margin-bottom: 30px;
    color: #c7c7c7; /* Texto cinza-lilás suave */
}

.forgot-pw {
    color: var(--accent-color);
    text-decoration: none;
}

.forgot-pw:hover {
    text-decoration: underline;
}

.btn-block {
    width: 100%;
    cursor: pointer;
    border: none;
}

.login-footer {
    margin-top: 30px;
    text-align: center;
    font-size: 0.9rem;
    color: #9a9a9a; /* Texto secundário em tom místico discreto */
}

.login-footer a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.login-footer a:hover {
    color: var(--accent-color);
}

/* Responsivo */
@media (max-width: 480px) {
    .login-box { padding: 30px 20px; }
}

/* ============================================================
   ADIÇÃO: RODAPÉ (FOOTER) - Rise Again
   ============================================================ */

.void-footer {
    background-color: #000000; /* Roxo quase negro cósmico */
    border-top: 1px solid #2a2a2a; /* Linha roxa bem escura */
    padding: 60px 20px 20px; 
    text-align: center;
    position: relative;
    z-index: 10;
}

.footer-container {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.footer-brand h2 {
    font-size: 2rem;
    letter-spacing: 2px;
    margin-bottom: 5px;
    font-family: 'Oswald', sans-serif;
}

.footer-brand span {
    color: var(--accent-color);
}

.footer-brand p {
    color: #969696; /* Descrição em prata envelhecido violeta */
}

/* Redes Sociais */
.footer-social {
    display: flex;
    gap: 25px;
    justify-content: center;
    align-items: center;
}

.social-btn img {
    width: 35px;
    height: 35px;
    object-fit: contain;
    /* Ícones frios e acinzentados por padrão */
    filter: grayscale(100%) brightness(0.6);
    transition: all 0.3s ease;
}

.social-btn:hover img {
    /* Remove o cinza e adiciona um brilho místico roxo (mana effect) */
    filter: grayscale(0%) brightness(1) drop-shadow(0 0 10px rgba(255, 255, 255, 0.45));
    transform: scale(1.1) translateY(-3px);
}

/* Área do Player de Áudio */
.footer-player {
    width: 100%;
    max-width: 400px;
    margin-top: 10px;
}

/* Linha inferior (Direitos) */
.footer-bottom {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #242424;
    color: #777777; /* Texto sombrio e místico para o copyright */
    font-size: 0.85rem;
    line-height: 1.5;
}

.main-nav {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: var(--nav-bg);
    padding: 20px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    backdrop-filter: blur(5px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.14); /* Linha estelar sutil */
}

/* ============================================================
   ADIÇÃO: PÁGINA DE REGISTRO
   ============================================================ */

.register-container {
    max-width: 1200px;
    margin: -80px auto 100px; 
    padding: 0 20px;
    flex: 1; 
}

.register-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.register-card {
    background: #101010; /* Fundo interno dos cards em roxo escuro */
    border: 1px solid #2d2d2d;
    padding: 30px;
    border-top: 3px solid #444444; /* Borda superior discreta */
    transition: 0.3s;
}

.register-card:hover {
    border-top-color: var(--accent-color); /* Brilha roxo vibrante no hover */
}

.card-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}

.step-num {
    background: var(--accent-color);
    color: #050505;
    font-family: 'Oswald';
    padding: 2px 8px;
    font-size: 14px;
    font-weight: bold;
}

.register-card h3 {
    font-size: 1.4rem;
    letter-spacing: 1px;
}

/* Checkbox Customizado */
.terms-box {
    margin: 20px 0;
}

.check-container {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 0.9rem;
    color: #b0b0b0;
}

.check-container a {
    color: var(--accent-color);
    text-decoration: none;
}

.check-container input {
    margin-top: 4px;
}

/* Botão e Rodapé do Card */
.btn-full {
    width: 100%;
    border: none;
    cursor: pointer;
}

.disclaimer {
    font-size: 0.8rem;
    color: #858585; /* Texto de aviso em tom ametista envelhecido */
    margin-bottom: 15px;
}

.footer-note {
    display: block;
    text-align: center;
    font-size: 0.75rem;
    color: #777777;
    margin-top: 15px;
    font-style: italic;
}

/* Mensagens de Feedback */
.msg-box {
    background: #151515; /* Fundo da mensagem estilo pergaminho sombrio */
    border: 1px solid var(--accent-color);
    color: #fff;
    padding: 15px;
    margin-bottom: 30px;
    text-align: center;
    font-family: 'Roboto';
}

/* Responsividade */
@media (max-width: 992px) {
    .register-grid { grid-template-columns: 1fr; }
    .register-container { margin-top: 20px; }
}

/* ============================================================
   ADIÇÃO: PÁGINA DE REGRAS
   ============================================================ */

.rules-page-container {
    max-width: 900px;
    margin: -100px auto 100px;
    padding: 0 20px;
    flex: 1;
}

.rules-box {
    background: #050505; /* Fundo roxo ultra escuro místico */
    border: 1px solid #2a2a2a; /* Borda roxa sutil */
    padding: 60px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8);
    position: relative;
}

.rules-header {
    text-align: center;
    margin-bottom: 50px;
    border-bottom: 1px solid #303030;
    padding-bottom: 30px;
}

.rules-header h2 {
    font-size: 2.5rem;
    letter-spacing: 3px;
    color: var(--text-color);
}

.rules-header p {
    color: #969696; /* Prata envelhecido violeta */
    font-size: 0.9rem;
}

/* Lista de Itens */
.rule-item {
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
    transition: 0.3s;
}

.rule-number {
    font-family: 'Oswald';
    font-size: 1.5rem;
    color: var(--accent-color);
    font-weight: bold;
    border: 2px solid var(--accent-color);
    min-width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.rule-text h3 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    letter-spacing: 1px;
    color: #f5f5f5; /* Branco arcano suave */
}

.rule-text p {
    font-size: 0.95rem;
    color: #c7c7c7; /* Texto cinza-lilás limpo */
    line-height: 1.6;
}

.rule-text b {
    color: var(--accent-color);
}

/* Rodapé das Regras */
.rules-footer {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #303030;
    text-align: center;
}

.alert-text {
    color: var(--accent-color);
    font-weight: bold;
    font-size: 0.9rem;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.update-text {
    color: #777777; /* Inscrição apagada de atualização */
    font-size: 0.8rem;
    margin-bottom: 30px;
}

.rules-actions {
    display: flex;
    justify-content: center;
    gap: 20px;
}

/* Mobile */
@media (max-width: 768px) {
    .rules-box { padding: 30px 20px; }
    .rule-item { flex-direction: column; gap: 15px; }
    .rules-actions { flex-direction: column; }
    .rules-page-container { margin-top: -30px; }
}


/* ============================================================
   ADIÇÃO: PÁGINA DE VOTOS
   ============================================================ */

.vote-container {
    max-width: 900px;
    margin: -80px auto 100px;
    padding: 0 20px;
    flex: 1;
}

.vote-box {
    background: #101010; /* Fundo dos cards principais */
    border: 1px solid #2d2d2d;
    border-top: 4px solid var(--accent-color);
    padding: 50px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.7);
    text-align: center;
    position: relative;
}

/* Mostrador de Pontos em Destaque */
.points-display {
    background: #050308; /* Fundo profundo para ressaltar os pontos */
    border: 1px solid #343434;
    display: inline-block;
    padding: 20px 40px;
    margin-bottom: 40px;
    border-radius: 4px;
}

.points-display h3 {
    font-size: 1rem;
    color: #b0b0b0;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

.points-number {
    font-family: 'Oswald', sans-serif;
    font-size: 4rem;
    color: var(--accent-color);
    font-weight: bold;
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.24); /* Aura de energia mágica roxa */
    line-height: 1;
}

.vote-header {
    margin-bottom: 40px;
}

.vote-header h2 {
    font-size: 2rem;
    letter-spacing: 2px;
}

.vote-header p {
    color: #c7c7c7;
}

/* Grid dos Sites de Votação */
.vote-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 40px;
}

.vote-card {
    background: #151515; /* Fundo interno dos mini-cards */
    padding: 30px 20px;
    border: 1px solid #363636;
    transition: 0.3s ease;
}

.vote-card:hover {
    border-color: #6f6f6f; /* Iluminação rúnica ao passar o mouse */
}

.vote-card h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.2rem;
    color: #fff;
    margin-bottom: 20px;
    height: 30px; 
}

/* Botões específicos para a página de Voto */
.btn-disabled {
    background-color: #2d2d2d; /* Botão desativado integrado à paleta sombria */
    color: #777777;
    border: 2px solid #2d2d2d;
    cursor: not-allowed;
    font-family: 'Oswald', sans-serif;
    padding: 15px 20px;
    text-transform: uppercase;
    font-weight: bold;
}

.timer {
    margin-top: 15px;
    font-size: 0.9rem;
    color: #ffffff; /* Tom lilás/rosa mágico brilhante para contagem regressiva */
    font-weight: bold;
    font-family: 'Roboto', monospace;
}

/* Regras de Rodapé */
.vote-footer {
    border-top: 1px solid #303030;
    padding-top: 30px;
    text-align: left;
    display: inline-block;
    color: #9a9a9a;
    font-size: 0.85rem;
}

.vote-footer strong {
    color: var(--accent-color);
}

.vote-footer p {
    margin-bottom: 5px;
}

/* Responsividade */
@media (max-width: 768px) {
    .vote-grid { grid-template-columns: 1fr; }
    .vote-box { padding: 30px 20px; }
}
/* ============================================================
   CORREÇÃO: BOTÕES DA PÁGINA DE VOTOS
   ============================================================ */

/* Força os botões (especialmente a tag <a>) a se comportarem como blocos uniformes */
.vote-card .btn-block {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    padding: 15px 20px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}

/* Estilo do botão ativo (Roxo Arcano) */
.vote-card .btn-primary {
    background: linear-gradient(135deg, #ffffff 0%, #bfbfbf 48%, #ffffff 100%);
    color: #050505;
    border: 2px solid var(--accent-color, #f2f2f2);
    transition: 0.3s ease;
}

.vote-card .btn-primary:hover {
    background-color: transparent;
    color: var(--accent-color, #f2f2f2);
}

/* Garante que os botões desativados fiquem do mesmo tamanho */
.vote-card .btn-disabled {
    padding: 15px 20px;
}
.user-logged span {
    color: var(--accent-color, #f2f2f2);
    font-weight: bold;
    text-transform: uppercase;
}

/* ============================================================
   PAINEL COMPACTO (ESTILO DIRETO)
   ============================================================ */

.panel-compact {
    max-width: 900px;
    margin: 20px auto;
}

/* Topo Minimalista */
.panel-header-mini {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 15px;
    background: #101010; /* Fundo místico profundo */
    border-bottom: 2px solid var(--accent-color);
    margin-bottom: 20px;
    margin-top: 100px;
}

.panel-header-mini h1 { font-size: 1.4rem; margin: 0; }
.logout-link { font-size: 0.7rem; color: #ff3b3b; text-decoration: none; text-transform: uppercase; font-weight: 700; }
.logout-link:hover { color: #ff6b6b; }

.mini-stats { display: flex; gap: 15px; }
.stat-box { text-align: right; }
.stat-box small { display: block; font-size: 0.6rem; color: var(--accent-color); font-weight: bold; }
.stat-box span { font-family: 'Oswald'; font-size: 1.1rem; color: #fff; }

/* Grid e Cards menores */
.compact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.card-mini {
    background: #151515; /* Ametista escuro */
    border: 1px solid #363636;
    padding: 12px;
}

.card-head {
    font-family: 'Oswald';
    text-transform: uppercase;
    font-size: 0.9rem;
    border-bottom: 1px solid #444444;
    padding-bottom: 8px;
    margin-bottom: 12px;
    color: #d8d8d8;
}

/* Lista de Personagens Slim */
.char-item {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #2d2d2d;
}

.c-info strong { font-size: 0.85rem; display: block; color: #f5f5f5; }
.c-info small { font-size: 0.7rem; color: #c7c7c7; }

.char-item {
    gap: 16px;
    align-items: center;
}

.c-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.char-action-form {
    margin: 0;
}

.char-action-form button {
    padding: 7px 10px;
    border: 1px solid #f2f2f2;
    background: transparent;
    color: #f5f5f5;
    font-family: 'Oswald';
    font-size: 0.72rem;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.2s ease;
}

.char-action-form button:hover:not(:disabled) {
    background: linear-gradient(135deg, #ffffff 0%, #bfbfbf 100%);
    color: #050505;
}

.char-action-form button:disabled {
    cursor: not-allowed;
    opacity: 0.35;
}

.panel-message {
    margin: 0 0 15px;
    padding: 10px 12px;
    background: #151515;
    border: 1px solid #f2f2f2;
    color: #f5f5f5;
    font-size: 0.9rem;
}

.c-actions a {
    text-decoration: none;
    margin-left: 8px;
    font-size: 1rem;
    opacity: 0.6;
    transition: 0.2s;
}

.c-actions a:hover { opacity: 1; }
/* Transmutação de cor para tons de roxo/magenta mágicos */
.c-actions a.active { 
    filter: sepia(1) saturate(5) hue-rotate(250deg) drop-shadow(0 0 3px rgba(255, 255, 255, 0.35)); 
}

/* Form Slim */
.form-mini .mini-input { margin-bottom: 10px; }
.form-mini label { display: block; font-size: 0.65rem; color: #969696; text-transform: uppercase; margin-bottom: 3px; }
.form-mini input {
    width: 100%;
    background: #050308; /* Fundo abissal */
    border: 1px solid #2d2d2d;
    padding: 8px;
    color: #fff;
    font-size: 0.8rem;
}

.accent-border input { border-color: #5a5a5a; }

.btn-mini {
    width: 100%;
    padding: 8px;
    background: var(--accent-color);
    border: none;
    color: #050505;
    font-family: 'Oswald';
    cursor: pointer;
    text-transform: uppercase;
    font-size: 0.8rem;
}

@media (max-width: 600px) {
    .compact-grid { grid-template-columns: 1fr; }
}
/* ============================================================
   PÁGINA DE DOAÇÕES (DONATE)
   ============================================================ */

.donate-container {
    max-width: 900px;
    margin: -40px auto 60px;
    padding: 0 20px;
    flex: 1;
}

.donate-info-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #101010;
    border: 1px solid #2d2d2d;
    padding: 15px 20px;
    margin-bottom: 20px;
    font-size: 0.9rem;
}

.donate-info-bar a {
    color: #c7c7c7;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Oswald';
    transition: 0.2s;
}

.donate-info-bar a:hover {
    color: var(--accent-color);
}

.donate-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.donate-card {
    background: #151515;
    border: 1px solid #363636;
    padding: 25px;
    border-top: 3px solid var(--accent-color);
}

/* Grid de Botões de Valor */
.amounts-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 20px;
}

.btn-pix {
    background: #050505;
    border: 1px solid #2d2d2d;
    color: #d8d8d8;
    font-family: 'Oswald', sans-serif;
    padding: 12px 5px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: 0.2s ease;
}

.btn-pix:hover, .btn-pix:focus {
    background: var(--accent-color);
    color: #050505;
    border-color: var(--accent-color);
    outline: none;
}

/* Área do PIX */
.donate-placeholder {
    text-align: center;
    padding: 60px 20px;
    border: 1px dashed #444444;
    color: #969696;
    margin-top: 20px;
}

.donate-placeholder p {
    font-family: 'Oswald';
    font-size: 1.2rem;
    color: #c7c7c7;
}

/* QR Code (Fundo deve permanecer branco/claro para garantir a leitura do celular) */
#pixBlock {
    text-align: center;
    margin-top: 20px;
    animation: fadeIn 0.5s ease forwards;
}

.qr-box {
    background: #fff; 
    padding: 15px;
    display: inline-block;
    border-radius: 4px;
    margin: 15px 0;
    border: 2px solid #363636; /* Borda mística, miolo liso para o escâner */
}

.qr-box img {
    display: block;
    width: 180px;
    height: 180px;
    background: #eee;
}

/* Texto Payload Copia e Cola */
.payload-box {
    background: #050308;
    border: 1px solid #2d2d2d;
    padding: 15px;
    border-radius: 4px;
    margin-top: 10px;
    text-align: left;
}

.payload-box small {
    display: block;
    color: #969696;
    margin-bottom: 5px;
    font-family: 'Oswald';
    text-transform: uppercase;
}

#pixPayload {
    color: var(--accent-color); 
    font-family: monospace;
    font-size: 0.85rem;
    display: block;
    word-break: break-all;
    cursor: pointer;
    transition: 0.2s;
}

#pixPayload:hover {
    color: #f5f5f5;
}

/* Responsivo */
@media (max-width: 768px) {
    .donate-grid { grid-template-columns: 1fr; }
    .amounts-grid { grid-template-columns: repeat(3, 1fr); }
    .donate-info-bar { flex-direction: column; gap: 10px; text-align: center; }
}

@media (max-width: 480px) {
    .amounts-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ============================================================
   WIKI PAGE - COMPÊNDIO ARCANDO
   ============================================================ */

.wiki-page {
    max-width: 1180px;
    margin: 110px auto 60px;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}

.wiki-hero {
    /* Névoa roxa integrando-se ao fundo estrelado */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.95)),
                url('/assets/images/void-cinematic-bg.png') no-repeat center center/cover;
    border: 1px solid #2a2a2a;
    padding: 40px 30px;
    margin-bottom: 25px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

.wiki-hero h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 3rem;
    letter-spacing: 4px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.wiki-hero p {
    color: #c7c7c7;
    font-size: 0.95rem;
}

.wiki-accent {
    color: var(--accent-color);
}

/* Busca */
.wiki-search {
    margin-bottom: 25px;
}

.wiki-search form {
    display: flex;
    gap: 8px;
    background: #101010;
    border: 1px solid #2d2d2d;
    padding: 10px;
}

.wiki-search input {
    flex: 1;
    background: #050308;
    border: 1px solid #363636;
    color: #f5f5f5;
    padding: 12px 14px;
    font-family: 'Roboto', sans-serif;
    outline: none;
}

.wiki-search input:focus {
    border-color: var(--accent-color);
}

.wiki-search button {
    background: var(--accent-color);
    color: #050505;
    border: none;
    padding: 0 24px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.2s;
}

.wiki-search button:hover {
    background: var(--accent-hover);
}

/* Layout principal */
.wiki-shell {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

/* Sidebar */
.wiki-sidebar {
    position: sticky;
    top: 110px;
    align-self: start;
    z-index: 1;
}

.wiki-panel {
    background: #101010;
    border: 1px solid #2d2d2d;
    padding: 14px;
    overflow: hidden;
}

.wiki-panel-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #d8d8d8;
    font-size: 0.9rem;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #363636;
}

.wiki-categories {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: fit-content; 
    margin-right: auto; 
}

.wiki-category-link {
    display: block;
    padding: 9px 10px;
    color: #c7c7c7;
    text-decoration: none;
    font-size: 0.85rem;
    border: 1px solid transparent;
    border-bottom: 1px solid #2d2d2d;
    transition: 0.2s;
    background: transparent;
}

.wiki-category-link:hover {
    background: #151515;
    color: #f5f5f5;
    border-color: #444444;
    padding-left: 14px;
}

.wiki-category-link.is-active {
    background: #2b2b2b; /* Foco vibrante com leve preenchimento */
    color: var(--accent-color);
    border-color: #686868;
    padding-left: 14px;
}

/* Conteúdo */
.wiki-content {
    min-width: 0;
}

.wiki-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 15px;
}

.wiki-item {
    background: #121212;
    border: 1px solid #363636;
    padding: 10px;
    text-align: center;
    transition: 0.25s;
    overflow: hidden;
}

.wiki-item:hover {
    border-color: var(--accent-color);
    transform: translateY(-3px);
}

.wiki-item-image {
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #050308;
    margin-bottom: 10px;
    border: 1px solid #2d2d2d;
}

.wiki-item-image img {
    max-width: 64px;
    max-height: 64px;
    image-rendering: auto;
}

.wiki-item-name {
    display: block;
    font-size: 0.88rem;
    color: #f5f5f5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
}

.wiki-item-meta {
    display: block;
    font-size: 0.7rem;
    color: #969696;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Estado vazio */
.wiki-empty {
    grid-column: 1 / -1;
    background: #101010;
    border: 1px solid #2d2d2d;
    padding: 40px 20px;
    text-align: center;
    color: #969696;
}

/* Paginação */
.wiki-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #2d2d2d;
}

.wiki-pagination-info {
    font-size: 0.85rem;
    color: #969696;
}

.wiki-page-btn {
    display: inline-block;
    text-decoration: none;
    background: #101010;
    border: 1px solid #363636;
    color: #d8d8d8;
    padding: 10px 16px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 0.8rem;
    transition: 0.2s;
}

.wiki-page-btn:hover {
    border-color: var(--accent-color);
    color: #fff;
    background: #151515;
}

/* Responsivo */
@media (max-width: 900px) {
    .wiki-shell {
        grid-template-columns: 1fr;
    }

    .wiki-sidebar {
        position: relative;
        top: 0;
        order: 2;
    }

    .wiki-content {
        order: 1;
    }
}

@media (max-width: 768px) {
    .wiki-page {
        margin-top: 95px;
    }

    .wiki-hero h1 {
        font-size: 2.2rem;
    }

    .wiki-search form {
        flex-direction: column;
    }

    .wiki-search button {
        height: 44px;
    }
}

/* SUBMENU WIKI */
.wiki-group {
    border: 1px solid #2d2d2d;
    margin-bottom: 5px;
    background: #0b0b0b;
}

.wiki-group > summary {
    padding: 10px;
    cursor: pointer;
    font-family: 'Oswald';
    color: #d8d8d8;
    border-bottom: 1px solid #2d2d2d;
}

.wiki-group[open] > summary {
    color: var(--accent-color);
}

.wiki-subgroup {
    margin-left: 10px;
}

.wiki-subgroup > summary {
    padding: 8px;
    font-size: 0.8rem;
    cursor: pointer;
    color: #c7c7c7;
}

.wiki-subgroup a {
    padding-left: 20px;
}

.download-card,
.register-card,
.card-mini {
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.download-card:hover,
.register-card:hover,
.card-mini:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.5), 0 0 22px rgba(255, 255, 255, 0.1);
}

@keyframes void-bg-drift {
    0% {
        background-position: center center, 50% 50%;
    }
    50% {
        background-position: center center, 53% 48%;
    }
    100% {
        background-position: center center, 47% 52%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero,
    .btn,
    .btn::after,
    .info-card,
    .download-card,
    .register-card,
    .card-mini {
        animation: none !important;
        transition: none !important;
    }
}

.hero {
    background: #000 !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    animation: none !important;
}

.hero::before {
    content: "";
    position: absolute;
    inset: -8%;
    background: url('/assets/images/void-cinematic-bg.png') no-repeat center center/cover;
    z-index: -2;
    transform: scale(1.12) translate3d(0, 0, 0);
    animation: void-depth-pulse 11s ease-in-out infinite alternate;
    will-change: transform, filter;
}

.hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 50% 48%, rgba(255,255,255,0.08), transparent 28%),
        linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 1));
    z-index: -1;
    pointer-events: none;
}

.hero > * {
    position: relative;
    z-index: 1;
}

@keyframes void-image-motion {
    0% {
        transform: scale(1.04) translate3d(-14px, -8px, 0);
        filter: contrast(1.04) brightness(0.98);
    }
    35% {
        transform: scale(1.075) translate3d(18px, 10px, 0);
        filter: contrast(1.1) brightness(1.04);
    }
    70% {
        transform: scale(1.055) translate3d(-8px, 18px, 0);
        filter: contrast(1.07) brightness(1);
    }
    100% {
        transform: scale(1.09) translate3d(16px, -14px, 0);
        filter: contrast(1.12) brightness(1.06);
    }
}

@keyframes void-depth-pulse {
    0% {
        transform: scale(1.12) translate3d(0, 0, 0);
        filter: contrast(1.06) brightness(1.02);
    }
    50% {
        transform: scale(1.055) translate3d(0, 0, 0);
        filter: contrast(1.12) brightness(0.96);
    }
    100% {
        transform: scale(1.0) translate3d(0, 0, 0);
        filter: contrast(1.16) brightness(0.9);
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero::before {
        animation: none !important;
        transform: scale(1.04) !important;
    }
}

.internal-hero {
    height: 34vh !important;
    min-height: 260px;
    background:
        linear-gradient(to bottom, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 1)),
        url('/assets/images/void-cinematic-bg.png') no-repeat center center/cover !important;
    isolation: auto;
    animation: none !important;
}

.internal-hero::before,
.internal-hero::after {
    content: none !important;
    display: none !important;
}

.internal-hero p {
    transform: translateY(70px);
}

.register-container {
    margin: 36px auto 100px !important;
}

.register-card:hover {
    transform: none !important;
}

.wiki-category-page {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}

.wiki-category-nav {
    position: sticky;
    top: 96px;
    background:
        linear-gradient(180deg, rgba(18,18,18,0.95), rgba(7,7,7,0.95)),
        url('/assets/images/void-cinematic-bg.png') no-repeat center center/cover;
    border: 1px solid #2d2d2d;
    padding: 24px;
}

.wiki-category-nav h1 {
    font-size: 2rem;
    margin-bottom: 8px;
}

.wiki-category-nav p {
    color: #c7c7c7;
    margin-bottom: 18px;
}

.wiki-category-search input {
    width: 100%;
    background: #0b0b0b;
    border: 1px solid #2d2d2d;
    color: #f5f5f5;
    padding: 14px 14px;
    font-size: 0.95rem;
    margin-bottom: 16px;
}

.wiki-category-search input:focus {
    outline: none;
    border-color: #f2f2f2;
}

.wiki-category-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wiki-category-button {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 54px;
    padding: 12px 14px;
    border: 1px solid #2d2d2d;
    background: linear-gradient(180deg, #171717, #101010);
    color: #d8d8d8;
    font-family: 'Oswald';
    text-transform: uppercase;
    text-align: left;
    cursor: pointer;
    transition: 0.22s ease;
}

.wiki-category-button span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: #f2f2f2;
    color: #050505;
    font-size: 0.78rem;
}

.wiki-category-button:hover,
.wiki-category-button.is-active {
    border-color: #f2f2f2;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 0 22px rgba(255,255,255,0.1);
}

.wiki-category-content {
    min-width: 0;
}

.wiki-category-panel {
    display: none;
}

.wiki-category-panel.is-active {
    display: block;
}

.wiki-category-panel .wiki-main-intro h2 {
    font-size: 2.6rem;
    margin: 12px 0 24px;
}

.wiki-media-card[hidden] {
    display: none;
}

@media (max-width: 980px) {
    .wiki-category-page {
        grid-template-columns: 1fr;
    }

    .wiki-category-nav {
        position: static;
    }

    .wiki-category-buttons {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .wiki-category-buttons {
        grid-template-columns: 1fr;
    }
}

.wiki-main-page {
    max-width: 1180px;
    margin: 40px auto 100px;
    padding: 0 20px;
}

.wiki-main-intro {
    margin-bottom: 28px;
}

.wiki-main-intro h1 {
    font-size: 3rem;
    margin: 12px 0 10px;
    letter-spacing: 1px;
}

.wiki-main-intro p {
    color: #c7c7c7;
    max-width: 720px;
    line-height: 1.7;
}

.system-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.system-card {
    min-height: 330px;
    background: linear-gradient(180deg, #171717 0%, #0d0d0d 100%);
    border: 1px solid #2d2d2d;
    border-top: 3px solid #f2f2f2;
    padding: 26px;
    position: relative;
    overflow: hidden;
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.system-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.14), transparent 44%);
    opacity: 0;
    transition: opacity 0.28s ease;
    pointer-events: none;
}

.system-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.55), 0 0 26px rgba(255, 255, 255, 0.12);
}

.system-card:hover::before {
    opacity: 1;
}

.system-code {
    display: inline-block;
    background: #f2f2f2;
    color: #050505;
    font-family: 'Oswald';
    font-size: 0.75rem;
    letter-spacing: 1px;
    padding: 4px 9px;
    margin-bottom: 18px;
}

.system-card h2 {
    font-size: 1.45rem;
    margin-bottom: 12px;
}

.system-card p,
.system-card li {
    color: #c7c7c7;
    line-height: 1.55;
}

.system-card ul {
    margin-top: 18px;
    padding-left: 18px;
}

.wiki-roadmap {
    margin-top: 28px;
    padding: 24px;
    background: #101010;
    border: 1px solid #2d2d2d;
}

.wiki-roadmap h2 {
    margin-bottom: 16px;
}

.roadmap-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.roadmap-list span {
    border: 1px solid #f2f2f2;
    padding: 8px 12px;
    font-family: 'Oswald';
    font-size: 0.82rem;
    text-transform: uppercase;
    color: #f5f5f5;
}

.wiki-media-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wiki-subcategory-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 22px;
}

.wiki-subcategory-button {
    border: 1px solid #363636;
    background: #101010;
    color: #d8d8d8;
    padding: 10px 16px;
    font-family: 'Oswald', sans-serif;
    font-size: 0.82rem;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.2s;
}

.wiki-subcategory-button:hover,
.wiki-subcategory-button.is-active {
    border-color: var(--accent-color);
    background: #f2f2f2;
    color: #080808;
}

.wiki-subcategory-panel {
    display: none;
}

.wiki-subcategory-panel.is-active {
    display: block;
}

.wiki-subcategory-panel .wiki-media-grid {
    display: block;
    column-count: 2;
    column-gap: 20px;
}

.wiki-subcategory-panel .wiki-media-card {
    display: inline-block;
    width: 100%;
    margin: 0 0 20px;
    break-inside: avoid;
}

.wiki-media-card {
    min-height: auto;
    align-self: start;
}

.wiki-media-card.is-wide {
    grid-column: 1 / -1;
}

.wiki-featured-media {
    display: grid;
    grid-template-columns: minmax(260px, 420px) minmax(0, 1fr);
    gap: 26px;
    align-items: center;
    margin-bottom: 24px;
    padding: 24px;
    background: linear-gradient(135deg, #181818 0%, #0b0b0b 68%, #030303 100%);
    border: 1px solid #2d2d2d;
    border-top: 3px solid #f2f2f2;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.34);
}

.wiki-featured-media[hidden] {
    display: none;
}

.wiki-featured-media .wiki-card-media {
    margin: 0;
}

.wiki-featured-copy h2 {
    font-size: 2rem;
    margin: 0 0 12px;
}

.wiki-featured-copy p {
    color: #c7c7c7;
    line-height: 1.7;
    max-width: 680px;
}

.wiki-card-media {
    aspect-ratio: 16 / 9;
    margin: -10px -10px 22px;
    background: #050505;
    border: 1px solid #2d2d2d;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wiki-reward-gallery + .wiki-card-media {
    margin-top: 18px;
}

.wiki-card-media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.wiki-card-media.is-readable {
    aspect-ratio: auto;
    min-height: 0;
    padding: 12px;
    background: #f4f4f4;
}

.wiki-card-media.is-readable img {
    width: 100%;
    height: auto;
    max-height: none;
}

.wiki-card-media.is-empty {
    background:
        radial-gradient(circle at 50% 40%, rgba(255,255,255,0.08), transparent 42%),
        linear-gradient(180deg, #151515 0%, #070707 100%);
    color: #f5f5f5;
    text-align: center;
}

.wiki-card-media.is-empty span {
    display: block;
    font-family: 'Oswald';
    text-transform: uppercase;
    letter-spacing: 1px;
}

.wiki-card-media.is-empty small {
    display: block;
    margin-top: 8px;
    color: #969696;
}

.wiki-steps {
    margin-top: 18px;
    padding-left: 22px;
}

.wiki-steps li {
    margin-bottom: 8px;
}

.wiki-reward-gallery {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 20px;
}

.wiki-reward-item {
    margin: 0;
    background: #080808;
    border: 1px solid #2d2d2d;
    padding: 10px;
}

.wiki-reward-item img {
    width: 100%;
    max-height: none;
    object-fit: contain;
    display: block;
    background: #f4f4f4;
}

.wiki-reward-item figcaption {
    margin-top: 8px;
    color: #c7c7c7;
    font-size: 0.82rem;
    line-height: 1.45;
}

.wiki-help-text {
    color: #c7c7c7;
    margin-bottom: 16px;
}

.wiki-help-text strong {
    color: #ffffff;
}

@media (max-width: 1000px) {
    .system-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .wiki-main-intro h1 {
        font-size: 2.3rem;
    }

    .system-grid {
        grid-template-columns: 1fr;
    }

    .wiki-media-grid {
        grid-template-columns: 1fr;
    }

    .wiki-subcategory-panel .wiki-media-grid {
        column-count: 1;
    }

    .wiki-reward-gallery {
        grid-template-columns: 1fr;
    }

    .wiki-featured-media {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   TEMA CINEMATICO 2026 — camada visual global
   Mantem toda a estrutura e os fluxos PHP existentes.
   ============================================================ */
:root {
    --bg-color: #050505;
    --text-color: #f4f4f1;
    --accent-color: #f4f4f1;
    --accent-hover: #ffffff;
    --nav-bg: rgba(5, 5, 5, 0.86);
    --cinema-panel: #0a0a0a;
    --cinema-panel-soft: #101010;
    --cinema-line: #2a2a2a;
    --cinema-muted: #999999;
}

html { scroll-behavior: smooth; }
body {
    background: #050505;
    color: #f4f4f1;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.55;
}
body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    opacity: .025;
    z-index: 9999;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}
h1,h2,h3,.nav-links a,.btn,.logo,.card-head,.system-code,.tag { font-family: Arial, Helvetica, sans-serif; }

#navbar {
    position: sticky;
    top: 0;
    min-height: 82px;
    padding: 0 max(24px, calc((100vw - 1180px) / 2));
    background: #050505;
    border-bottom: 1px solid #202020;
    backdrop-filter: none;
    isolation: isolate;
    overflow: visible;
    transition: min-height .25s ease, background-color .25s ease;
}
#navbar.is-scrolled {
    min-height: 68px;
    background: rgba(5,5,5,.9);
    border-bottom: 1px solid var(--cinema-line);
    backdrop-filter: blur(16px);
}
.logo { font-size: 14px; letter-spacing: .22em; display: flex; align-items: center; }
.logo i,.footer-brand h2 i {
    width: 9px; height: 9px; margin-right: 13px; display: inline-block;
    border: 1px solid #fff; transform: rotate(45deg); flex: 0 0 auto;
}
.nav-links { gap: 28px; align-items: center; }
.nav-links a { color: #aaa; font-size: 11px; letter-spacing: .17em; position: relative; }
.nav-links a::after { content:""; position:absolute; left:0; right:100%; bottom:-9px; height:1px; background:#fff; transition:.25s; }
.nav-links a:hover { color:#fff; }
.nav-links a:hover::after { right:0; }
.user-logged { border:1px solid #444; padding:9px 12px; }
.nav-toggle { display:none; width:42px; height:42px; border:1px solid #333; background:#0b0b0b; padding:12px; cursor:pointer; }
.nav-toggle span { display:block; height:1px; background:#fff; margin:5px 0; transition:.2s; }

.hero { background:#050505 !important; }
.hero::before {
    inset: 0;
    filter: grayscale(1) contrast(1.1);
    transform: none;
    animation: none !important;
    will-change: auto;
}
.hero::after { background:linear-gradient(90deg,rgba(5,5,5,.94) 0%,rgba(5,5,5,.82) 23%,rgba(5,5,5,.46) 45%,rgba(5,5,5,.08) 74%,rgba(5,5,5,.28)),linear-gradient(0deg,#050505 0%,transparent 50%,rgba(5,5,5,.18)); }
.cinematic-home { min-height:100svh; height:auto; align-items:flex-end; text-align:left; padding:0; }
.home-content { width:min(1120px,calc(100% - 48px)); margin-left:max(24px,calc((100vw - 1280px)/2)); margin-right:auto; padding:170px 0 95px; }
.home-eyebrow { display:flex; align-items:center; gap:12px; color:#c8c8c8; font-size:10px; letter-spacing:.24em; text-transform:uppercase; }
.home-eyebrow::before { content:""; width:46px; height:1px; background:#fff; }
.cinematic-home h1 { margin:0 0 32px; max-width:930px; font-size:clamp(60px,11vw,145px); line-height:.78; letter-spacing:-.07em; }
.cinematic-home h1 span { display:block; color:transparent; -webkit-text-stroke:1px #fff; }
.home-lead { max-width:560px; color:#bcbcbc; font-size:17px; }
.cinematic-home .btn-container { transform:none; margin-top:38px; }
.server-status { position:absolute; right:max(24px,calc((100% - 1180px)/2)); bottom:95px; width:275px; padding:22px; border:1px solid rgba(255,255,255,.22); background:rgba(8,8,8,.72); backdrop-filter:blur(14px); }
.status-line { display:flex; justify-content:space-between; color:#888; font-size:9px; letter-spacing:.17em; text-transform:uppercase; }
.status-line strong { color:#eee; }
.status-line i { display:inline-block; width:7px; height:7px; border-radius:50%; margin-right:7px; background:#fff; box-shadow:0 0 12px #fff; }
.server-status b { display:block; font-size:34px; margin:10px 0 0; }
.server-status small { color:#777; }
.scroll-cue { position:absolute; right:28px; bottom:50%; color:#777; text-decoration:none; text-transform:uppercase; letter-spacing:.24em; font-size:9px; writing-mode:vertical-rl; }
.scroll-cue span { color:#fff; margin-top:12px; }

.btn { border-radius:0; padding:15px 26px; font-size:11px; letter-spacing:.17em; box-shadow:none; }
.btn-primary { background:#f4f4f1; color:#050505; border:1px solid #f4f4f1; }
.btn-secondary { background:rgba(5,5,5,.38); border:1px solid #ddd; backdrop-filter:blur(8px); }
.btn:hover { transform:translateY(-3px); box-shadow:0 14px 32px rgba(0,0,0,.38); }

.home-intro { width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:110px 0 80px; border-top:1px solid var(--cinema-line); display:grid; grid-template-columns:.7fr 1.3fr; gap:70px; }
.section-index,.card-number { color:#777; font:10px monospace; letter-spacing:.18em; }
.home-intro h2 { margin:0; font-size:clamp(34px,5vw,62px); letter-spacing:-.05em; line-height:1.05; text-transform:none; }
.home-intro p { max-width:650px; color:#999; margin:25px 0 0; }
.cinematic-info { width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:0 0 110px; background:transparent; }
.cinematic-info .info-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#2a2a2a; border:1px solid #2a2a2a; }
.cinematic-info .info-card { width:auto; min-height:280px; padding:34px; border:0; background:#090909; text-align:left; }
.cinematic-info .info-card h3 { margin:95px 0 14px; color:#f4f4f1; font-size:20px; letter-spacing:-.02em; }
.cinematic-info .info-card p { color:#898989; line-height:1.65; }
.home-final { padding:120px 24px; text-align:center; border-top:1px solid #222; background:radial-gradient(circle at 50% 0,#1a1a1a,#050505 62%); }
.home-final h2 { margin:12px 0 38px; font-size:clamp(52px,8vw,104px); letter-spacing:-.07em; text-transform:none; }

.internal-hero { height:42vh !important; min-height:340px; display:flex; justify-content:flex-end; align-items:flex-start; padding:150px max(24px,calc((100vw - 1180px)/2)) 60px; text-align:left; background:linear-gradient(90deg,rgba(5,5,5,.87),rgba(5,5,5,.28)),linear-gradient(0deg,#050505,transparent 55%),url('/assets/images/void-cinematic-bg.png') center/cover !important; border-bottom:1px solid #222; }
.internal-hero h1 { font-size:clamp(42px,7vw,84px); line-height:.9; letter-spacing:-.055em; max-width:900px; }
.internal-hero p { transform:none; max-width:600px; color:#aaa; font-size:16px; }

.download-page-content,.register-container,.rules-page-container,.donate-container,.vote-container,.panel-compact,.wiki-main-page,.wiki-page { position:relative; z-index:2; }
.download-page-content,.register-container,.rules-page-container { margin-top:45px !important; }
.download-card,.register-card,.rules-box,.donate-card,.vote-box,.vote-card,.card-mini,.specs-section,.wiki-panel,.wiki-item,.system-card,.wiki-category-nav,.wiki-featured-media,.wiki-roadmap,.login-box {
    background:linear-gradient(155deg,#121212,#080808);
    border:1px solid var(--cinema-line);
    border-radius:0;
    box-shadow:none;
}
.download-card,.register-card,.donate-card,.vote-card,.card-mini,.system-card { border-top:1px solid #444; }
.download-card:hover,.register-card:hover,.donate-card:hover,.vote-card:hover,.card-mini:hover,.system-card:hover { border-color:#777; box-shadow:0 22px 50px rgba(0,0,0,.45); }
.tag,.step-num,.system-code { background:#eee; color:#080808; border-radius:0; letter-spacing:.14em; }
.input-group input,.mini-input input,.wiki-search input,.wiki-category-search input { background:#080808; border:1px solid #333; min-height:48px; }
.input-group input:focus,.mini-input input:focus,.wiki-search input:focus,.wiki-category-search input:focus { border-color:#eee; background:#0c0c0c; }
.login-container { min-height:100svh; background:linear-gradient(90deg,rgba(5,5,5,.86),rgba(5,5,5,.52)),url('/assets/images/void-cinematic-bg.png') center/cover; }
.login-box { border-top:1px solid #eee; backdrop-filter:blur(16px); background:rgba(8,8,8,.88); }
.panel-compact { padding-top:125px; }
.panel-header-mini,.rules-header,.vote-header { border-color:#2a2a2a; }
.stat-box,.char-item,.mini-input,.btn-pix,.wiki-category-button,.wiki-subcategory-button { border-radius:0; }
.char-item,.stat-box { background:#0a0a0a; border:1px solid #292929; }
.btn-mini,.char-action-form button,.wiki-category-button.is-active,.wiki-subcategory-button.is-active,.btn-pix:hover { background:#eee; color:#080808; border-color:#eee; }
.accent,.wiki-accent { color:#fff; }

.void-footer { padding:70px 24px 22px; background:#030303; border-top:1px solid #222; }
.footer-container { max-width:1180px; display:grid; grid-template-columns:1fr auto auto; text-align:left; align-items:start; gap:60px; }
.footer-brand h2 { display:flex; align-items:center; font-size:20px; letter-spacing:.18em; }
.footer-brand p { color:#777; max-width:300px; }
.footer-links { position:static; width:auto; padding:0; display:flex; flex-direction:column; gap:11px; background:none; border:0; backdrop-filter:none; }
.footer-links a { color:#888; text-decoration:none; font-size:11px; letter-spacing:.14em; text-transform:uppercase; }
.footer-links a:hover { color:#fff; }
.footer-social { gap:14px; }
.social-btn img { width:27px; height:27px; }
.footer-bottom { max-width:1180px; margin:45px auto 0; text-align:left; }

@media(max-width:900px) {
    #navbar { min-height:70px; padding:0 20px; }
    .nav-toggle { display:block; }
    .nav-links { display:none; position:absolute; top:70px; left:0; right:0; flex-direction:column; align-items:stretch; gap:0; padding:12px 20px 22px; background:rgba(5,5,5,.98); border-bottom:1px solid #333; }
    .nav-links.is-open { display:flex; }
    .nav-links li,.nav-links a { display:block; width:100%; }
    .nav-links a { padding:14px 4px; border-bottom:1px solid #1c1c1c; }
    .server-status { left:20px; right:20px; bottom:42px; width:auto; }
    .home-content { padding-bottom:220px; }
    .scroll-cue { display:none; }
    .home-intro { grid-template-columns:1fr; gap:25px; }
    .cinematic-info .info-grid { grid-template-columns:1fr; }
    .cinematic-info .info-card { min-height:220px; }
    .cinematic-info .info-card h3 { margin-top:58px; }
    .footer-container { grid-template-columns:1fr; gap:32px; }
}

@media(max-width:560px) {
    .home-content,.home-intro,.cinematic-info { width:min(100% - 32px,1180px); }
    .cinematic-home h1 { font-size:clamp(58px,24vw,90px); }
    .cinematic-home .btn-container { flex-direction:column; align-items:stretch; }
    .cinematic-home .btn { text-align:center; }
    .internal-hero { min-height:300px; padding-top:125px; }
    .login-box,.rules-box,.download-card,.register-card,.donate-card,.vote-box,.card-mini { padding:28px 20px; }
}

/* Painéis cinematográficos — cadastro, download e acesso */
.register-card,
.download-card,
.specs-section,
.login-box {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.16);
    background:
        radial-gradient(circle at 12% 0%, rgba(255,255,255,.09), transparent 34%),
        linear-gradient(145deg, rgba(20,20,20,.96), rgba(6,6,6,.98) 72%);
    box-shadow:
        0 28px 70px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,255,255,.05);
}
.register-card::before,
.download-card::before,
.specs-section::before,
.login-box::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(115deg, transparent 0 42%, rgba(255,255,255,.035) 50%, transparent 58%);
    transform:translateX(-75%);
    transition:transform .8s ease;
}
.register-card::after,
.download-card::after,
.specs-section::after,
.login-box::after {
    content:"";
    position:absolute;
    top:-1px;
    right:-1px;
    width:54px;
    height:54px;
    pointer-events:none;
    background:linear-gradient(225deg, #f4f4f1 0 2px, transparent 2px 13px, rgba(255,255,255,.22) 13px 14px, transparent 14px);
    opacity:.72;
}
.register-card:hover::before,
.download-card:hover::before,
.specs-section:hover::before,
.login-box:hover::before { transform:translateX(75%); }
.register-card:hover,
.download-card:hover,
.specs-section:hover,
.login-box:hover {
    border-color:rgba(255,255,255,.38);
    box-shadow:0 32px 80px rgba(0,0,0,.52), 0 0 34px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.09);
}

.register-grid { gap:18px; }
.register-card { min-height:330px; padding:34px 28px 30px; }
.register-card .card-header { padding-bottom:22px; margin-bottom:25px; border-bottom:1px solid rgba(255,255,255,.1); }
.register-card .step-num {
    width:40px;
    height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    background:transparent;
    color:#fff;
    border:1px solid rgba(255,255,255,.35);
    font:700 11px/1 monospace;
    clip-path:polygon(0 0, 75% 0, 100% 25%, 100% 100%, 0 100%);
}
.register-card h3 { font-size:20px; letter-spacing:.08em; }
.register-card.action-card { background:radial-gradient(circle at 85% 10%, rgba(255,255,255,.12), transparent 34%),linear-gradient(145deg,#171717,#070707 72%); }
.register-card.action-card .btn { margin-top:12px; }

.input-group label,.mini-input label { color:#aaa; font-size:10px; letter-spacing:.16em; }
.input-group input,.mini-input input {
    border:0;
    border-bottom:1px solid #454545;
    background:rgba(0,0,0,.34);
    padding:14px 15px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
.input-group input:focus,.mini-input input:focus {
    border-bottom-color:#fff;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.16), 0 10px 30px rgba(0,0,0,.2);
}

.download-grid { gap:20px; }
.download-card { min-height:330px; padding:40px 36px; display:flex; flex-direction:column; }
.download-card.featured { border-color:rgba(255,255,255,.34); }
.download-card .tag { align-self:flex-start; margin-bottom:20px; padding:6px 11px; clip-path:polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 0 100%); }
.download-card h3 { font-size:clamp(24px,2.4vw,32px); letter-spacing:-.035em; margin:0 0 14px; }
.download-card p { min-height:0; margin:0 0 34px; }
.download-card .dl-actions { margin-top:auto; }
.download-card .btn { min-height:52px; display:flex; align-items:center; justify-content:center; }

.specs-section { padding:52px 48px; }
.specs-section h2 { font-size:clamp(25px,3vw,36px); letter-spacing:-.035em; }
.specs-table { max-width:720px; margin:auto; }
.specs-table td { padding:18px 16px; border-color:rgba(255,255,255,.1); }
.specs-table tr { transition:.2s; }
.specs-table tr:hover { background:rgba(255,255,255,.035); }

.login-box { max-width:480px; padding:52px 46px 44px; border-top:1px solid rgba(255,255,255,.42); }
.login-header { position:relative; padding-bottom:26px; margin-bottom:28px; border-bottom:1px solid rgba(255,255,255,.1); }
.login-header::before { content:"ACCOUNT / ACCESS"; display:block; margin-bottom:15px; color:#666; font:9px/1 monospace; letter-spacing:.22em; }
.login-header h2 { font-size:28px; letter-spacing:.06em; }
.login-box .btn-block { min-height:52px; }
.login-options { padding:4px 0 2px; }

@media(max-width:760px) {
    .register-card,.download-card { min-height:auto; }
    .register-card,.download-card,.specs-section,.login-box { padding:30px 22px; }
    .register-card::after,.download-card::after,.specs-section::after,.login-box::after { width:40px; height:40px; }
}

/* Cursor cinematográfico */
.void-cursor { display:none; }
@media (pointer:fine) {
    .has-void-cursor,
    .has-void-cursor body,
    .has-void-cursor a,
    .has-void-cursor button,
    .has-void-cursor input,
    .has-void-cursor textarea,
    .has-void-cursor select,
    .has-void-cursor label,
    .has-void-cursor summary { cursor:none !important; }
    .void-cursor {
        display:block;
        position:fixed;
        top:0;
        left:0;
        width:34px;
        height:34px;
        margin:-17px 0 0 -17px;
        border:1px solid rgba(255,255,255,.48);
        border-radius:50%;
        z-index:10000;
        pointer-events:none;
        opacity:0;
        transition:width .2s ease,height .2s ease,margin .2s ease,border-color .2s ease,background-color .2s ease,opacity .2s ease;
        mix-blend-mode:difference;
    }
    .void-cursor::before,
    .void-cursor::after { content:""; position:absolute; background:#fff; opacity:.6; }
    .void-cursor::before { width:8px; height:1px; left:-5px; top:16px; box-shadow:26px 0 0 #fff; }
    .void-cursor::after { width:1px; height:8px; left:16px; top:-5px; box-shadow:0 26px 0 #fff; }
    .void-cursor span { position:absolute; width:4px; height:4px; left:14px; top:14px; border-radius:50%; background:#fff; box-shadow:0 0 10px rgba(255,255,255,.9); }
    .void-cursor.is-visible { opacity:1; }
    .void-cursor.is-hovering { width:48px; height:48px; margin:-24px 0 0 -24px; border-color:#fff; background:rgba(255,255,255,.1); }
    .void-cursor.is-hovering::before,.void-cursor.is-hovering::after { opacity:0; }
    .void-cursor.is-pressed { width:26px; height:26px; margin:-13px 0 0 -13px; background:rgba(255,255,255,.22); }
}
@media (prefers-reduced-motion:reduce) {
    .void-cursor { display:none !important; }
    .has-void-cursor,.has-void-cursor body,.has-void-cursor * { cursor:auto !important; }
}

/* Cursor clássico inspirado em MMORPG */
@media (pointer:fine) {
    .has-void-cursor,
    .has-void-cursor body,
    .has-void-cursor a,
    .has-void-cursor button,
    .has-void-cursor input,
    .has-void-cursor textarea,
    .has-void-cursor select,
    .has-void-cursor label,
    .has-void-cursor summary {
        cursor:url('/assets/images/cursor-ragnarok.png') 3 2, auto !important;
    }
    .void-cursor { display:none !important; }
}

/* Wiki cinematográfica */
.wiki-main-page.wiki-category-page {
    max-width:1240px;
    margin-top:56px;
    gap:34px;
}
.wiki-category-nav {
    top:94px;
    padding:30px 24px;
    border:1px solid rgba(255,255,255,.18);
    background:
        linear-gradient(180deg,rgba(8,8,8,.9),rgba(5,5,5,.98)),
        url('/assets/images/void-cinematic-bg.png') center/cover;
    box-shadow:0 30px 80px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.06);
    overflow:hidden;
}
.wiki-category-nav::before {
    content:"ARCHIVE / RISE AGAIN";
    display:block;
    margin-bottom:20px;
    color:#666;
    font:9px/1 monospace;
    letter-spacing:.24em;
}
.wiki-category-nav::after {
    content:"";
    position:absolute;
    top:-1px; right:-1px;
    width:58px; height:58px;
    background:linear-gradient(225deg,#fff 0 2px,transparent 2px 13px,rgba(255,255,255,.24) 13px 14px,transparent 14px);
    pointer-events:none;
}
.wiki-category-nav h1 {
    margin:0 0 8px;
    font-size:clamp(30px,3vw,42px);
    line-height:1;
    letter-spacing:-.045em;
}
.wiki-category-nav p { margin-bottom:24px; color:#8d8d8d; }
.wiki-category-search { position:relative; }
.wiki-category-search::before {
    content:"⌕";
    position:absolute;
    right:14px; top:11px;
    color:#777;
    font-size:20px;
    pointer-events:none;
}
.wiki-category-search input {
    min-height:50px;
    padding:0 42px 0 15px;
    margin-bottom:18px;
    background:rgba(0,0,0,.5);
    border:1px solid rgba(255,255,255,.13);
    border-bottom-color:rgba(255,255,255,.32);
}
.wiki-category-buttons { gap:7px; }
.wiki-category-button {
    min-height:58px;
    padding:10px 13px;
    border:1px solid rgba(255,255,255,.11);
    background:linear-gradient(90deg,rgba(255,255,255,.045),transparent);
    color:#aaa;
    letter-spacing:.045em;
    position:relative;
    overflow:hidden;
}
.wiki-category-button::after {
    content:"";
    position:absolute;
    left:0; top:0; bottom:0;
    width:2px;
    background:#fff;
    transform:scaleY(0);
    transition:.22s;
}
.wiki-category-button span {
    width:30px; height:30px;
    flex:0 0 30px;
    background:transparent;
    color:#888;
    border:1px solid #3b3b3b;
    font:700 9px/1 monospace;
}
.wiki-category-button:hover,
.wiki-category-button.is-active {
    color:#fff;
    background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.025));
    border-color:rgba(255,255,255,.35);
    transform:translateX(4px);
    box-shadow:0 10px 26px rgba(0,0,0,.3);
}
.wiki-category-button:hover::after,
.wiki-category-button.is-active::after { transform:scaleY(1); }
.wiki-category-button.is-active span { background:#f4f4f1; color:#050505; border-color:#fff; }

.wiki-category-content { padding-top:0; }
.wiki-main-intro { margin-bottom:32px; padding-bottom:28px; border-bottom:1px solid #282828; }
.wiki-main-intro .tag { display:inline-flex; margin-bottom:18px; padding:7px 12px; }
.wiki-category-panel .wiki-main-intro h2 {
    margin:0;
    font-size:clamp(38px,5vw,66px);
    line-height:.96;
    letter-spacing:-.055em;
    max-width:900px;
}
.wiki-featured-media,
.wiki-category-panel .system-card {
    position:relative;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.15);
    border-top-color:rgba(255,255,255,.34);
    background:
        radial-gradient(circle at 8% 0%,rgba(255,255,255,.08),transparent 32%),
        linear-gradient(145deg,#141414,#070707 74%);
    box-shadow:0 24px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045);
}
.wiki-featured-media::after,
.wiki-category-panel .system-card::after {
    content:"";
    position:absolute;
    top:-1px; right:-1px;
    width:48px; height:48px;
    background:linear-gradient(225deg,#fff 0 2px,transparent 2px 12px,rgba(255,255,255,.2) 12px 13px,transparent 13px);
    pointer-events:none;
}
.wiki-category-panel .system-card { padding:28px; }
.wiki-category-panel .system-card h2 { font-size:22px; line-height:1.35; letter-spacing:-.025em; }
.wiki-category-panel .system-card p,
.wiki-category-panel .system-card li { color:#b1b1b1; line-height:1.68; }
.wiki-category-panel .system-card:hover {
    border-color:rgba(255,255,255,.4);
    transform:translateY(-6px);
    box-shadow:0 34px 75px rgba(0,0,0,.48),0 0 36px rgba(255,255,255,.03);
}
.wiki-category-panel .system-code {
    padding:7px 11px;
    margin-bottom:20px;
    clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);
}
.wiki-subcategory-tabs { padding:0 0 20px; border-bottom:1px solid #242424; }
.wiki-subcategory-button { min-height:42px; padding:0 18px; border-color:#353535; background:#0a0a0a; letter-spacing:.1em; }

@media(max-width:980px) {
    .wiki-main-page.wiki-category-page { margin-top:30px; }
    .wiki-category-nav { position:static; }
    .wiki-category-buttons { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
    .wiki-category-nav { padding:24px 18px; }
    .wiki-category-buttons { grid-template-columns:1fr; }
    .wiki-category-panel .wiki-main-intro h2 { font-size:38px; }
    .wiki-category-panel .system-card { padding:24px 20px; }
}

/* Mantem o cursor tematico em foco, clique, texto e controles desabilitados. */
@media (pointer:fine) {
    html.has-void-cursor,
    html.has-void-cursor body,
    html.has-void-cursor body *,
    html.has-void-cursor body *::before,
    html.has-void-cursor body *::after,
    html.has-void-cursor input:focus,
    html.has-void-cursor textarea:focus,
    html.has-void-cursor button:focus,
    html.has-void-cursor button:disabled {
        cursor:url('/assets/images/cursor-ragnarok.png') 3 2, auto !important;
    }
}

/* Painel da conta — experiência cinematográfica */
.password-hint { display:block; margin-top:8px; color:#686868; font:9px/1.45 monospace; letter-spacing:.08em; text-transform:uppercase; }
.panel-compact {
    width:min(1180px,calc(100% - 40px));
    max-width:none;
    margin:0 auto 100px;
    padding-top:120px;
}
.panel-compact::before {
    content:"";
    position:fixed;
    inset:70px 0 0;
    z-index:-1;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(5,5,5,.9),rgba(5,5,5,.64) 48%,rgba(5,5,5,.88)),
        linear-gradient(0deg,#050505 0%,transparent 55%),
        url('/assets/images/void-cinematic-bg.png') center top/cover no-repeat;
    opacity:.38;
}
.panel-header-mini {
    min-height:210px;
    margin:0 0 24px;
    padding:38px 40px;
    align-items:center;
    border:1px solid rgba(255,255,255,.18);
    background:
        radial-gradient(circle at 12% 0,rgba(255,255,255,.11),transparent 32%),
        linear-gradient(120deg,rgba(18,18,18,.96),rgba(5,5,5,.9));
    box-shadow:0 28px 70px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06);
    position:relative;
    overflow:hidden;
}
.panel-header-mini::before {
    content:"ACCOUNT CONTROL / RISE AGAIN";
    position:absolute;
    top:24px; left:40px;
    color:#656565;
    font:9px/1 monospace;
    letter-spacing:.24em;
}
.panel-header-mini::after {
    content:"";
    position:absolute;
    top:-1px; right:-1px;
    width:72px; height:72px;
    background:linear-gradient(225deg,#fff 0 2px,transparent 2px 15px,rgba(255,255,255,.22) 15px 16px,transparent 16px);
}
.panel-header-mini h1 {
    margin:22px 0 8px;
    max-width:680px;
    font-size:clamp(34px,5vw,64px);
    line-height:.94;
    letter-spacing:-.055em;
}
.panel-header-mini h1 .accent { display:block; color:transparent; -webkit-text-stroke:1px #fff; }
.logout-link {
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:10px 13px;
    color:#999;
    border:1px solid #333;
    letter-spacing:.14em;
    transition:.22s;
}
.logout-link::before { content:"×"; color:#fff; font-size:15px; }
.logout-link:hover { color:#fff; border-color:#777; background:rgba(255,255,255,.05); }
.mini-stats { gap:10px; position:relative; z-index:1; }
.stat-box {
    min-width:150px;
    padding:22px 20px;
    text-align:left;
    border:1px solid rgba(255,255,255,.15);
    background:rgba(0,0,0,.34);
    backdrop-filter:blur(10px);
}
.stat-box small { margin-bottom:8px; color:#777; font:9px/1 monospace; letter-spacing:.15em; text-transform:uppercase; }
.stat-box span { font-family:Arial,Helvetica,sans-serif; font-size:24px; font-weight:700; letter-spacing:-.04em; }
.panel-message { margin:0 0 20px; padding:16px 18px; border:1px solid #555; background:#111; }

.compact-grid { grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr); gap:20px; align-items:start; }
.card-mini {
    padding:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.16);
    border-top-color:rgba(255,255,255,.38);
    background:radial-gradient(circle at 8% 0,rgba(255,255,255,.08),transparent 30%),linear-gradient(145deg,#121212,#070707 75%);
    box-shadow:0 28px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);
    position:relative;
}
.card-mini::after {
    content:"";
    position:absolute;
    top:-1px; right:-1px;
    width:54px; height:54px;
    background:linear-gradient(225deg,#fff 0 2px,transparent 2px 13px,rgba(255,255,255,.2) 13px 14px,transparent 14px);
    pointer-events:none;
}
.card-mini:hover { transform:none; border-color:rgba(255,255,255,.32); }
.card-mini .card-head {
    margin:0;
    padding:26px 28px 20px;
    border-bottom:1px solid rgba(255,255,255,.11);
    color:#fff;
    font-size:12px;
    font-weight:700;
    letter-spacing:.18em;
}
.card-mini .card-head::before { content:"// "; color:#666; }
.char-table { padding:10px 14px 16px; }
.char-item {
    min-height:78px;
    margin:7px 0;
    padding:14px 14px 14px 18px;
    border:1px solid rgba(255,255,255,.1);
    border-left:2px solid #555;
    background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(255,255,255,.012));
    transition:.22s;
}
.char-item:hover { transform:translateX(4px); border-color:rgba(255,255,255,.28); border-left-color:#fff; background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.02)); }
.c-info { min-width:170px; }
.c-info strong { margin-bottom:5px; font-size:15px; letter-spacing:.015em; }
.c-info small { color:#858585; font:10px/1.3 monospace; text-transform:uppercase; letter-spacing:.06em; }
.c-actions { flex-wrap:nowrap; gap:7px; }
.char-action-form { margin:0; }
.char-action-form button {
    min-height:38px;
    padding:0 12px;
    border:1px solid #ddd;
    background:transparent;
    color:#ddd;
    font:700 9px/1 Arial,sans-serif;
    letter-spacing:.1em;
    text-transform:uppercase;
    transition:.2s;
}
.char-action-form button:hover:not(:disabled) { background:#f4f4f1; color:#050505; transform:translateY(-2px); }
.char-action-form button:disabled { opacity:.28; border-color:#555; color:#777; cursor:not-allowed !important; }

.form-mini { padding:24px 28px 30px; }
.form-mini .mini-input { margin-bottom:17px; }
.form-mini label { margin-bottom:8px; color:#777; font:9px/1 monospace; letter-spacing:.17em; }
.form-mini input { min-height:50px; padding:0 15px; background:rgba(0,0,0,.38); border:0; border-bottom:1px solid #454545; box-shadow:inset 0 0 0 1px rgba(255,255,255,.035); }
.form-mini input:focus { outline:none; border-bottom-color:#fff; box-shadow:inset 0 0 0 1px rgba(255,255,255,.15),0 12px 28px rgba(0,0,0,.28); }
.form-mini .accent-border { margin-top:25px; padding-top:20px; border-top:1px solid #2c2c2c; }
.btn-mini { min-height:52px; margin-top:7px; border:1px solid #fff; font-size:10px; letter-spacing:.18em; transition:.22s; }
.btn-mini:hover { background:transparent; color:#fff; box-shadow:0 12px 32px rgba(0,0,0,.35); }

@media(max-width:900px) {
    .panel-compact { padding-top:45px; }
    .panel-header-mini { align-items:flex-start; flex-direction:column; gap:28px; padding:42px 28px 30px; }
    .panel-header-mini::before { left:28px; }
    .mini-stats { width:100%; }
    .stat-box { flex:1; min-width:0; }
    .compact-grid { grid-template-columns:1fr; }
}
@media(max-width:600px) {
    .panel-compact { width:min(100% - 24px,1180px); }
    .panel-header-mini { padding-left:20px; padding-right:20px; }
    .panel-header-mini::before { left:20px; }
    .mini-stats { flex-direction:column; }
    .stat-box { width:100%; }
    .char-item { align-items:flex-start; flex-direction:column; }
    .c-actions { width:100%; }
    .char-action-form { flex:1; }
    .char-action-form button { width:100%; }
    .card-mini .card-head,.form-mini { padding-left:20px; padding-right:20px; }
}

@media (pointer:fine) {
    html.has-void-cursor body *,
    html.has-void-cursor body *::before,
    html.has-void-cursor body *::after,
    html.has-void-cursor input:focus,
    html.has-void-cursor textarea:focus,
    html.has-void-cursor button:focus,
    html.has-void-cursor button:disabled {
        cursor:url('/assets/images/cursor-ragnarok.png') 3 2, auto !important;
    }
}

/* Ajustes Rise Again - hero e modalidades */
.logo-mark { width:22px; min-width:22px; justify-content:flex-start; }
.logo-mark i { margin-right:0; }
.home-content { width:min(500px,calc(100% - 48px)); margin-left:clamp(24px,4vw,64px); }
.cinematic-home h1 { max-width:500px; font-size:clamp(58px,7.5vw,110px); line-height:.82; }
.status-rates { display:flex; align-items:baseline; flex-wrap:wrap; gap:7px 10px; margin:10px 0 3px; }
.server-status .status-rates b { display:inline; margin:0; font-size:27px; }
.status-rates > span { color:#777; font-size:12px; text-transform:uppercase; }
.status-rates em { display:block; margin-top:2px; color:#aaa; font-size:9px; font-style:normal; letter-spacing:.15em; }
@media(max-width:560px) {
    .home-content { width:min(100% - 32px,500px); margin-left:16px; }
    .cinematic-home h1 { font-size:clamp(54px,21vw,82px); }
}
/* Assinatura cinematografica Rise Again */
.logo-mark {
    width:auto;
    min-width:max-content;
    gap:12px;
    justify-content:flex-start;
    font-family:'Cinzel','Times New Roman',serif;
    font-size:15px;
    font-weight:600;
    line-height:1;
    letter-spacing:.27em;
    color:#f2eee7;
    text-shadow:0 0 18px rgba(255,255,255,.16);
}
.logo-mark i {
    width:9px;
    height:9px;
    margin:0 2px 0 0;
    border-color:#d2b98d;
    box-shadow:0 0 14px rgba(210,185,141,.3), inset 0 0 4px rgba(210,185,141,.15);
}
.logo-mark span { color:#bca77f; font-weight:500; }
.logo-mark:hover { color:#fff; text-shadow:0 0 22px rgba(210,185,141,.34); }

.footer-brand h2 {
    position:relative;
    width:max-content;
    padding-bottom:15px;
    font-family:'Cinzel','Times New Roman',serif;
    font-size:clamp(23px,2.1vw,31px);
    font-weight:600;
    line-height:1;
    letter-spacing:.24em;
    color:#f2eee7;
    text-shadow:0 0 24px rgba(255,255,255,.12);
}
.footer-brand h2::after {
    content:"";
    position:absolute;
    left:36px;
    bottom:0;
    width:76px;
    height:1px;
    background:linear-gradient(90deg,#bca77f,transparent);
}
.footer-brand h2 i {
    width:11px;
    height:11px;
    margin-right:17px;
    border-color:#d2b98d;
    box-shadow:0 0 15px rgba(210,185,141,.28);
}
.footer-brand h2 span { color:#bca77f; font-weight:500; }
.footer-brand p { margin-top:14px; font-size:13px; line-height:1.7; letter-spacing:.025em; }
@media(max-width:560px) {
    .logo-mark { gap:9px; font-size:13px; letter-spacing:.2em; }
    .footer-brand h2 { font-size:22px; letter-spacing:.18em; }
}
/* Comparador local de paletas Rise Again */
html[data-gold-theme="obsidian"] {
    --theme-gold:#bca77f; --theme-gold-bright:#e0c890; --theme-gold-soft:rgba(188,167,127,.16);
    --theme-bg:#050505; --theme-surface:#0b0a08; --theme-surface-2:#12100c; --theme-text:#eeeae2;
    --theme-muted:#968f83; --theme-line:#342d20; --theme-hero-filter:grayscale(.82) sepia(.13) contrast(1.08);
}
html[data-gold-theme="imperial"] {
    --theme-gold:#d4a62a; --theme-gold-bright:#ffd76a; --theme-gold-soft:rgba(212,166,42,.2);
    --theme-bg:#030200; --theme-surface:#0d0902; --theme-surface-2:#171005; --theme-text:#fff5d8;
    --theme-muted:#aa9362; --theme-line:#553b08; --theme-hero-filter:grayscale(.58) sepia(.35) saturate(1.25) contrast(1.08);
}
html[data-gold-theme="noir"] {
    --theme-gold:#c7ad72; --theme-gold-bright:#ead9ac; --theme-gold-soft:rgba(199,173,114,.11);
    --theme-bg:#050505; --theme-surface:#0c0c0c; --theme-surface-2:#141414; --theme-text:#fff;
    --theme-muted:#a8a8a8; --theme-line:#353535; --theme-hero-filter:grayscale(1) contrast(1.15);
}
html[data-gold-theme] body {
    color:var(--theme-text);
    background:radial-gradient(circle at 50% -12%,var(--theme-gold-soft),transparent 34%),linear-gradient(180deg,var(--theme-surface-2),var(--theme-bg) 42%,#000);
}
html[data-gold-theme] #navbar,
html[data-gold-theme] #navbar.is-scrolled { background:rgba(4,4,3,.93); border-color:var(--theme-line); }
html[data-gold-theme] .logo-mark,
html[data-gold-theme] .footer-brand h2 { color:var(--theme-text); }
html[data-gold-theme] .logo-mark span,
html[data-gold-theme] .footer-brand h2 span,
html[data-gold-theme] .accent,
html[data-gold-theme] .wiki-accent,
html[data-gold-theme] .section-index,
html[data-gold-theme] .card-number,
html[data-gold-theme] .nav-links a:hover,
html[data-gold-theme] .footer-links a:hover { color:var(--theme-gold-bright); }
html[data-gold-theme] .logo-mark i,
html[data-gold-theme] .footer-brand h2 i { border-color:var(--theme-gold-bright); box-shadow:0 0 15px var(--theme-gold-soft); }
html[data-gold-theme] .footer-brand h2::after { background:linear-gradient(90deg,var(--theme-gold),transparent); }
html[data-gold-theme] .hero::before { filter:var(--theme-hero-filter); }
html[data-gold-theme] .hero::after { background:linear-gradient(90deg,rgba(3,3,3,.96) 0%,rgba(3,3,3,.82) 21%,rgba(3,3,3,.43) 44%,rgba(3,3,3,.04) 74%,rgba(3,3,3,.22)),linear-gradient(0deg,var(--theme-bg),transparent 52%); }
html[data-gold-theme] .cinematic-home h1 span { -webkit-text-stroke-color:var(--theme-gold-bright); }
html[data-gold-theme] .home-lead,
html[data-gold-theme] .footer-brand p,
html[data-gold-theme] .server-status small { color:var(--theme-muted); }
html[data-gold-theme] .btn-primary { color:#080602; background:linear-gradient(135deg,var(--theme-gold-bright),var(--theme-gold)); border-color:var(--theme-gold-bright); box-shadow:0 10px 34px var(--theme-gold-soft); }
html[data-gold-theme] .btn-primary:hover { color:#000; background:var(--theme-gold-bright); box-shadow:0 0 28px var(--theme-gold-soft); }
html[data-gold-theme] .btn-secondary { color:var(--theme-text); border-color:var(--theme-gold); background:rgba(0,0,0,.32); }
html[data-gold-theme] .btn-secondary:hover { color:#080602; background:var(--theme-gold); }
html[data-gold-theme] .server-status,
html[data-gold-theme] .info-card,
html[data-gold-theme] .download-card,
html[data-gold-theme] .login-box,
html[data-gold-theme] .register-card,
html[data-gold-theme] .rules-box,
html[data-gold-theme] .donate-card,
html[data-gold-theme] .vote-box,
html[data-gold-theme] .card-mini,
html[data-gold-theme] .stat-box,
html[data-gold-theme] .char-item { background:linear-gradient(145deg,var(--theme-surface-2),var(--theme-surface)); border-color:var(--theme-line); }
html[data-gold-theme] .info-card:hover,
html[data-gold-theme] .download-card:hover { border-color:var(--theme-gold); box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 24px var(--theme-gold-soft); }
html[data-gold-theme] input,
html[data-gold-theme] textarea,
html[data-gold-theme] select { color:var(--theme-text); background:var(--theme-surface-2); border-color:var(--theme-line); }
html[data-gold-theme] input:focus,
html[data-gold-theme] textarea:focus,
html[data-gold-theme] select:focus { border-color:var(--theme-gold); box-shadow:0 0 0 3px var(--theme-gold-soft); }
html[data-gold-theme] .void-footer { background:#030302; border-color:var(--theme-line); }
html[data-gold-theme] .footer-bottom { border-color:var(--theme-line); }
html[data-gold-theme="imperial"] .cinematic-home h1 { color:#fff8e7; text-shadow:0 0 32px rgba(212,166,42,.16); }
html[data-gold-theme="noir"] .btn-primary { background:#f4f4f1; border-color:#fff; }
html[data-gold-theme="noir"] .cinematic-home h1 span { -webkit-text-stroke-color:#fff; }

.theme-preview-panel { position:fixed; z-index:12000; right:18px; bottom:18px; width:238px; padding:13px; background:rgba(5,5,5,.94); border:1px solid #43381f; box-shadow:0 18px 60px rgba(0,0,0,.7); backdrop-filter:blur(14px); font-family:Arial,sans-serif; }
.theme-preview-title { display:block; margin:0 0 9px 2px; color:#8f8164; font-size:8px; letter-spacing:.28em; }
.theme-preview-options { display:grid; gap:5px; }
.theme-preview-panel button { display:grid; grid-template-columns:27px 1fr; align-items:center; gap:8px; width:100%; padding:8px 9px; color:#aaa; text-align:left; background:#0b0b0a; border:1px solid #24211a; cursor:pointer; transition:.2s; }
.theme-preview-panel button b { color:#75694f; font-family:'Cinzel',serif; font-size:10px; }
.theme-preview-panel button span { font-size:10px; letter-spacing:.06em; }
.theme-preview-panel button:hover,
.theme-preview-panel button.is-active { color:#fff; border-color:#bca77f; background:rgba(188,167,127,.1); }
.theme-preview-panel button.is-active b { color:#e0c890; }
@media(max-width:560px) { .theme-preview-panel { right:10px; bottom:10px; width:205px; } }
/* Home editorial cinematografica */
.home-intro {
    position:relative;
    isolation:isolate;
    width:min(1240px,calc(100% - 48px));
    margin:0 auto;
    padding:145px 42px 105px;
    border-top:0;
    display:grid;
    grid-template-columns:.42fr 1.58fr;
    gap:clamp(50px,8vw,130px);
    overflow:hidden;
}
.home-intro::before {
    content:"";
    position:absolute;
    z-index:-2;
    inset:34px 0 0;
    background:
        linear-gradient(90deg,var(--theme-line) 1px,transparent 1px) 0 0/25% 100%,
        radial-gradient(circle at 67% 38%,var(--theme-gold-soft),transparent 35%);
    opacity:.42;
    mask-image:linear-gradient(90deg,transparent,#000 17%,#000 83%,transparent);
}
.home-intro::after {
    content:"RISE  /  AGAIN";
    position:absolute;
    z-index:-1;
    right:25px;
    top:55px;
    color:transparent;
    -webkit-text-stroke:1px rgba(212,166,42,.09);
    font-family:'Cinzel',serif;
    font-size:clamp(54px,8vw,112px);
    letter-spacing:.09em;
    white-space:nowrap;
}
.home-intro .section-index {
    position:relative;
    align-self:start;
    display:flex;
    align-items:center;
    gap:14px;
    width:max-content;
    padding:9px 13px;
    color:var(--theme-gold-bright);
    background:rgba(212,166,42,.06);
    border:1px solid var(--theme-line);
    font:700 9px/1 'Roboto',sans-serif;
    letter-spacing:.24em;
}
.home-intro .section-index::before {
    content:"";
    width:6px;
    height:6px;
    background:var(--theme-gold-bright);
    box-shadow:0 0 12px var(--theme-gold-bright);
    transform:rotate(45deg);
}
.home-intro > div { position:relative; max-width:760px; }
.home-intro > div::before {
    content:"LEGADO  /  PROGRESSAO  /  COMUNIDADE";
    display:block;
    margin-bottom:24px;
    color:var(--theme-gold);
    font:600 9px/1 'Roboto',sans-serif;
    letter-spacing:.3em;
}
.home-intro h2 {
    margin:0;
    font-family:'Cinzel','Times New Roman',serif;
    font-size:clamp(42px,5vw,68px);
    font-weight:500;
    line-height:1.08;
    letter-spacing:-.045em;
    text-transform:none;
    color:var(--theme-text);
    background:linear-gradient(115deg,#fff 12%,#fff3cf 52%,var(--theme-gold) 108%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}
.home-intro p {
    position:relative;
    max-width:620px;
    margin:34px 0 0;
    padding:2px 0 2px 24px;
    color:var(--theme-muted);
    border-left:1px solid var(--theme-gold);
    font-size:15px;
    line-height:1.8;
}
.cinematic-info {
    position:relative;
    width:min(1240px,calc(100% - 48px));
    margin:0 auto;
    padding:0 0 130px;
    background:transparent;
}
.cinematic-info::before {
    content:"";
    position:absolute;
    inset:-45px -60px 35px;
    z-index:-1;
    background:radial-gradient(ellipse at 50% 45%,rgba(212,166,42,.09),transparent 64%);
    pointer-events:none;
}
.cinematic-info .info-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    padding:0;
    background:transparent;
    border:0;
    perspective:1200px;
}
html[data-gold-theme] .cinematic-info .info-card {
    position:relative;
    width:auto;
    min-height:330px;
    padding:38px 34px 34px;
    overflow:hidden;
    text-align:left;
    background:
        linear-gradient(145deg,rgba(255,215,106,.055),transparent 38%),
        linear-gradient(155deg,rgba(20,14,4,.96),rgba(6,5,3,.98));
    border:1px solid var(--theme-line);
    box-shadow:0 22px 60px rgba(0,0,0,.32);
    transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;
    clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));
}
html[data-gold-theme] .cinematic-info .info-card::before {
    position:absolute;
    left:34px;
    top:39px;
    color:var(--theme-gold);
    font:600 9px/1 'Roboto',sans-serif;
    letter-spacing:.26em;
}
.cinematic-info .info-card:nth-child(1)::before { content:"MODO DE JOGO"; }
.cinematic-info .info-card:nth-child(2)::before { content:"SEGURANCA"; }
.cinematic-info .info-card:nth-child(3)::before { content:"SUPORTE"; }
html[data-gold-theme] .cinematic-info .info-card::after {
    content:"";
    position:absolute;
    left:34px;
    top:69px;
    width:38px;
    height:1px;
    background:linear-gradient(90deg,var(--theme-gold-bright),transparent);
    box-shadow:0 0 10px var(--theme-gold-soft);
}
.cinematic-info .info-card .card-number {
    position:absolute;
    right:21px;
    top:8px;
    color:transparent;
    -webkit-text-stroke:1px rgba(255,215,106,.13);
    font-family:'Cinzel',serif;
    font-size:82px;
    font-weight:600;
    line-height:1;
    letter-spacing:-.08em;
}
html[data-gold-theme] .cinematic-info .info-card h3 {
    position:relative;
    z-index:1;
    margin:134px 0 20px;
    max-width:310px;
    color:var(--theme-text);
    font-family:'Cinzel','Times New Roman',serif;
    font-size:clamp(19px,1.65vw,24px);
    font-weight:600;
    line-height:1.2;
    letter-spacing:-.025em;
    text-transform:uppercase;
}
html[data-gold-theme] .cinematic-info .info-card p {
    position:relative;
    z-index:1;
    max-width:310px;
    color:var(--theme-muted);
    font-size:14px;
    line-height:1.75;
}
html[data-gold-theme] .cinematic-info .info-card:hover {
    transform:translateY(-9px);
    border-color:var(--theme-gold);
    box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 34px var(--theme-gold-soft);
}
html[data-gold-theme] .cinematic-info .info-card:hover .card-number {
    -webkit-text-stroke-color:rgba(255,215,106,.3);
}
@media(max-width:900px) {
    .home-intro { padding:110px 20px 75px; grid-template-columns:1fr; gap:34px; }
    .home-intro::before { background:radial-gradient(circle at 65% 35%,var(--theme-gold-soft),transparent 45%); }
    .cinematic-info .info-grid { grid-template-columns:1fr; gap:14px; }
    html[data-gold-theme] .cinematic-info .info-card { min-height:255px; }
    html[data-gold-theme] .cinematic-info .info-card h3 { margin-top:105px; }
}
@media(max-width:560px) {
    .home-intro,.cinematic-info { width:min(100% - 28px,1240px); }
    .home-intro { padding-left:8px; padding-right:8px; }
    .home-intro h2 { font-size:38px; }
    .home-intro > div::before { letter-spacing:.18em; line-height:1.5; }
    html[data-gold-theme] .cinematic-info .info-card { padding:32px 26px; }
    html[data-gold-theme] .cinematic-info .info-card::before,
    html[data-gold-theme] .cinematic-info .info-card::after { left:26px; }
}
/* Painel de status cinematografico */
html[data-gold-theme] .server-status {
    right:clamp(34px,5vw,84px);
    bottom:78px;
    width:360px;
    padding:25px 27px 22px;
    overflow:hidden;
    background:
        linear-gradient(145deg,rgba(255,215,106,.07),transparent 42%),
        linear-gradient(155deg,rgba(19,13,3,.94),rgba(5,4,2,.96));
    border:1px solid var(--theme-line);
    box-shadow:0 24px 70px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.035);
    backdrop-filter:blur(16px);
    clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));
}
html[data-gold-theme] .server-status::before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:46%;
    height:1px;
    background:linear-gradient(90deg,var(--theme-gold-bright),transparent);
    box-shadow:0 0 15px var(--theme-gold-soft);
}
html[data-gold-theme] .server-status::after {
    content:"WORLD  /  STATUS";
    position:absolute;
    right:-6px;
    bottom:37px;
    color:rgba(255,215,106,.04);
    font:600 26px/1 'Cinzel',serif;
    letter-spacing:.08em;
    transform:rotate(-90deg) translateX(100%);
    transform-origin:right bottom;
    pointer-events:none;
}
.server-status .status-line {
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:17px;
    color:var(--theme-muted);
    border-bottom:1px solid var(--theme-line);
    font:600 9px/1 'Roboto',sans-serif;
    letter-spacing:.22em;
    text-transform:uppercase;
}
.server-status .status-line strong {
    display:flex;
    align-items:center;
    color:var(--theme-gold-bright);
    font-size:9px;
    letter-spacing:.16em;
}
.server-status .status-line i {
    width:7px;
    height:7px;
    margin-right:9px;
    background:var(--theme-gold-bright);
    box-shadow:0 0 5px #fff,0 0 15px var(--theme-gold-bright);
}
.server-status .status-rates {
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1fr 31px 1fr;
    align-items:center;
    gap:8px;
    margin:22px 0 19px;
}
.server-status .rate-mode { display:flex; flex-direction:column; gap:7px; }
.server-status .rate-mode-pvp { align-items:flex-end; text-align:right; }
.server-status .rate-mode small {
    order:2;
    color:var(--theme-gold);
    font:600 8px/1 'Roboto',sans-serif;
    letter-spacing:.22em;
    text-transform:uppercase;
}
.server-status .rate-mode b {
    display:block;
    margin:0;
    color:var(--theme-text);
    font-family:'Cinzel','Times New Roman',serif;
    font-size:29px;
    font-weight:600;
    line-height:1;
    letter-spacing:-.045em;
    text-shadow:0 0 18px var(--theme-gold-soft);
}
.server-status .rate-divider {
    display:grid;
    grid-template-rows:1fr auto 1fr;
    justify-items:center;
    align-items:center;
    height:52px;
    color:var(--theme-gold);
}
.server-status .rate-divider i { width:1px; height:15px; background:linear-gradient(var(--theme-line),var(--theme-gold)); }
.server-status .rate-divider i:last-child { background:linear-gradient(var(--theme-gold),var(--theme-line)); }
.server-status .rate-divider em { font:400 13px/1 'Cinzel',serif; font-style:normal; }
.server-status .status-foot {
    position:relative;
    z-index:1;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-top:15px;
    color:var(--theme-muted);
    border-top:1px solid var(--theme-line);
    font-size:9px;
    letter-spacing:.13em;
    text-transform:uppercase;
}
.server-status .status-foot span:last-child { color:var(--theme-gold); }
@media(max-width:900px) {
    html[data-gold-theme] .server-status { left:20px; right:20px; bottom:38px; width:auto; max-width:420px; }
}
@media(max-width:560px) {
    html[data-gold-theme] .server-status { left:14px; right:14px; padding:22px 20px 19px; }
    .server-status .rate-mode b { font-size:25px; }
}
/* Navegacao cinematografica */
html[data-gold-theme] #navbar {
    position:sticky;
    min-height:78px;
    padding:0 max(26px,calc((100vw - 1320px)/2));
    background:
        linear-gradient(90deg,rgba(212,166,42,.035),transparent 24%,transparent 76%,rgba(212,166,42,.035)),
        rgba(4,4,3,.94);
    border-bottom:1px solid rgba(212,166,42,.2);
    box-shadow:0 16px 45px rgba(0,0,0,.3);
    backdrop-filter:blur(18px);
}
html[data-gold-theme] #navbar::before {
    content:"";
    position:absolute;
    left:50%;
    bottom:-1px;
    width:min(42vw,560px);
    height:1px;
    transform:translateX(-50%);
    background:linear-gradient(90deg,transparent,var(--theme-gold),transparent);
    opacity:.55;
    box-shadow:0 0 12px var(--theme-gold-soft);
}
html[data-gold-theme] #navbar.is-scrolled {
    min-height:68px;
    background:rgba(4,4,3,.97);
    border-bottom-color:rgba(212,166,42,.28);
    box-shadow:0 12px 34px rgba(0,0,0,.48);
}
html[data-gold-theme] #navbar .logo-mark {
    position:relative;
    padding:12px 0;
}
html[data-gold-theme] #navbar .logo-mark::after {
    content:"";
    position:absolute;
    right:-26px;
    top:50%;
    width:1px;
    height:24px;
    transform:translateY(-50%);
    background:linear-gradient(transparent,var(--theme-line),transparent);
}
html[data-gold-theme] #navbar .nav-links {
    position:relative;
    display:flex;
    align-items:center;
    gap:3px;
    padding:5px;
    background:linear-gradient(145deg,rgba(255,215,106,.035),rgba(255,255,255,.012));
    border:1px solid rgba(212,166,42,.14);
    box-shadow:inset 0 1px rgba(255,255,255,.025),0 9px 28px rgba(0,0,0,.18);
    clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));
}
html[data-gold-theme] #navbar .nav-links li { position:relative; }
html[data-gold-theme] #navbar .nav-links a {
    position:relative;
    display:flex;
    align-items:center;
    min-height:38px;
    padding:0 15px;
    overflow:hidden;
    color:#9e998f;
    border:1px solid transparent;
    font-family:'Roboto',Arial,sans-serif;
    font-size:9px;
    font-weight:600;
    line-height:1;
    letter-spacing:.2em;
    text-transform:uppercase;
    transition:color .25s,background .25s,border-color .25s,transform .25s;
}
html[data-gold-theme] #navbar .nav-links a::before {
    content:"";
    position:absolute;
    left:50%;
    bottom:4px;
    width:0;
    height:1px;
    transform:translateX(-50%);
    background:var(--theme-gold-bright);
    box-shadow:0 0 9px var(--theme-gold-bright);
    transition:width .28s ease;
}
html[data-gold-theme] #navbar .nav-links a::after { display:none; }
html[data-gold-theme] #navbar .nav-links a:hover,
html[data-gold-theme] #navbar .nav-links a.is-current {
    color:var(--theme-text);
    background:rgba(212,166,42,.075);
    border-color:rgba(212,166,42,.16);
}
html[data-gold-theme] #navbar .nav-links a:hover::before,
html[data-gold-theme] #navbar .nav-links a.is-current::before { width:24px; }
html[data-gold-theme] #navbar .nav-links a.is-current { color:var(--theme-gold-bright); }
html[data-gold-theme] #navbar .nav-links a[href="/login"],
html[data-gold-theme] #navbar .nav-links .user-logged {
    margin-left:5px;
    color:#100c03;
    background:linear-gradient(135deg,var(--theme-gold-bright),var(--theme-gold));
    border-color:var(--theme-gold-bright);
    box-shadow:0 0 18px var(--theme-gold-soft);
}
html[data-gold-theme] #navbar .nav-links a[href="/login"]::before,
html[data-gold-theme] #navbar .nav-links .user-logged::before { display:none; }
html[data-gold-theme] #navbar .nav-links a[href="/login"]:hover,
html[data-gold-theme] #navbar .nav-links .user-logged:hover {
    color:#000;
    background:#ffe49a;
    transform:translateY(-1px);
}
html[data-gold-theme] #navbar .nav-toggle {
    border-color:var(--theme-line);
    background:linear-gradient(145deg,var(--theme-surface-2),var(--theme-surface));
    clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
}
html[data-gold-theme] #navbar .nav-toggle span { background:var(--theme-gold-bright); }
@media(max-width:1080px) and (min-width:901px) {
    html[data-gold-theme] #navbar .nav-links a { padding:0 10px; letter-spacing:.13em; }
    html[data-gold-theme] #navbar .nav-links { gap:1px; }
}
@media(max-width:900px) {
    html[data-gold-theme] #navbar { min-height:70px; padding:0 20px; }
    html[data-gold-theme] #navbar .logo-mark::after { display:none; }
    html[data-gold-theme] #navbar .nav-links {
        position:absolute;
        top:70px;
        left:0;
        right:0;
        display:none;
        padding:14px 20px 22px;
        background:rgba(4,4,3,.985);
        border-width:0 0 1px;
        clip-path:none;
        box-shadow:0 24px 50px rgba(0,0,0,.55);
    }
    html[data-gold-theme] #navbar .nav-links.is-open { display:flex; }
    html[data-gold-theme] #navbar .nav-links a { min-height:46px; padding:0 12px; border-bottom:1px solid var(--theme-line); }
    html[data-gold-theme] #navbar .nav-links a[href="/login"],
    html[data-gold-theme] #navbar .nav-links .user-logged { justify-content:center; margin:10px 0 0; }
}
/* Rodape cinematografico estruturado */
html[data-gold-theme] .void-footer {
    position:relative;
    padding:88px 28px 26px;
    overflow:hidden;
    background:
        radial-gradient(circle at 18% 18%,rgba(212,166,42,.07),transparent 28%),
        linear-gradient(180deg,#050402,#020202 68%);
    border-top:1px solid rgba(212,166,42,.2);
}
html[data-gold-theme] .void-footer::before {
    content:"";
    position:absolute;
    left:50%;
    top:-1px;
    width:min(68vw,980px);
    height:1px;
    transform:translateX(-50%);
    background:linear-gradient(90deg,transparent,var(--theme-gold),transparent);
    box-shadow:0 0 18px var(--theme-gold-soft);
}
html[data-gold-theme] .void-footer::after {
    content:"RISE AGAIN";
    position:absolute;
    left:4%;
    bottom:-34px;
    color:transparent;
    -webkit-text-stroke:1px rgba(212,166,42,.035);
    font:600 clamp(76px,11vw,180px)/1 'Cinzel',serif;
    letter-spacing:.08em;
    pointer-events:none;
}
html[data-gold-theme] .footer-container {
    position:relative;
    z-index:1;
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.45fr .72fr .55fr;
    align-items:stretch;
    gap:0;
    text-align:left;
}
html[data-gold-theme] .footer-brand { padding:8px 70px 30px 0; }
html[data-gold-theme] .footer-brand p {
    max-width:370px;
    margin-top:17px;
    color:var(--theme-muted);
    font-size:13px;
    line-height:1.75;
}
html[data-gold-theme] .footer-links,
html[data-gold-theme] .footer-social {
    position:relative;
    width:auto;
    min-height:175px;
    padding:8px 42px 22px;
    background:transparent;
    border:0;
    border-left:1px solid var(--theme-line);
    backdrop-filter:none;
}
html[data-gold-theme] .footer-column-title {
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:25px;
    color:var(--theme-gold);
    font:600 9px/1 'Roboto',sans-serif;
    letter-spacing:.25em;
    text-transform:uppercase;
}
html[data-gold-theme] .footer-column-title::before {
    content:"";
    width:6px;
    height:6px;
    border:1px solid var(--theme-gold-bright);
    transform:rotate(45deg);
    box-shadow:0 0 9px var(--theme-gold-soft);
}
html[data-gold-theme] .footer-links {
    display:grid;
    grid-template-columns:1fr;
    align-content:start;
    gap:2px;
}
html[data-gold-theme] .footer-links .footer-column-title { grid-column:1/-1; }
html[data-gold-theme] .footer-links a {
    position:relative;
    display:flex;
    align-items:center;
    min-height:27px;
    padding-left:15px;
    color:#928d83;
    font:500 9px/1 'Roboto',sans-serif;
    letter-spacing:.17em;
    text-transform:uppercase;
    transition:color .25s,transform .25s;
}
html[data-gold-theme] .footer-links a::before {
    content:"";
    position:absolute;
    left:0;
    width:4px;
    height:4px;
    background:var(--theme-line);
    transform:rotate(45deg);
    transition:background .25s,box-shadow .25s;
}
html[data-gold-theme] .footer-links a:hover { color:var(--theme-gold-bright); transform:translateX(4px); }
html[data-gold-theme] .footer-links a:hover::before { background:var(--theme-gold-bright); box-shadow:0 0 8px var(--theme-gold-bright); }
html[data-gold-theme] .footer-social {
    display:grid;
    grid-template-columns:repeat(2,43px);
    grid-auto-rows:43px;
    align-content:start;
    gap:9px;
}
html[data-gold-theme] .footer-social .footer-column-title { grid-column:1/-1; height:auto; margin-bottom:16px; }
html[data-gold-theme] .footer-social .social-btn {
    position:relative;
    display:grid;
    place-items:center;
    width:43px;
    height:43px;
    margin:0;
    background:linear-gradient(145deg,rgba(255,215,106,.055),rgba(255,255,255,.012));
    border:1px solid var(--theme-line);
    clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));
    transition:transform .25s,border-color .25s,background .25s,box-shadow .25s;
}
html[data-gold-theme] .footer-social .social-btn img {
    width:20px;
    height:20px;
    object-fit:contain;
    opacity:.62;
    filter:grayscale(1) sepia(.35) brightness(1.15);
    transition:opacity .25s,filter .25s;
}
html[data-gold-theme] .footer-social .social-btn:hover {
    transform:translateY(-3px);
    background:rgba(212,166,42,.11);
    border-color:var(--theme-gold);
    box-shadow:0 10px 24px rgba(0,0,0,.4),0 0 17px var(--theme-gold-soft);
}
html[data-gold-theme] .footer-social .social-btn:hover img { opacity:1; filter:grayscale(0) sepia(.2) brightness(1.2); }
html[data-gold-theme] .footer-bottom {
    position:relative;
    z-index:1;
    max-width:1180px;
    margin:42px auto 0;
    padding:22px 0 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    color:#77736b;
    border-top:1px solid var(--theme-line);
    font-size:9px;
    letter-spacing:.13em;
    text-transform:uppercase;
}
html[data-gold-theme] .footer-server-state { display:flex; align-items:center; gap:10px; }
html[data-gold-theme] .footer-server-state i {
    width:6px;
    height:6px;
    background:var(--theme-gold-bright);
    border-radius:50%;
    box-shadow:0 0 5px #fff,0 0 12px var(--theme-gold-bright);
}
html[data-gold-theme] .footer-server-state span { color:var(--theme-gold); }
html[data-gold-theme] .footer-server-state b { color:#8f8a80; font-weight:500; }
@media(max-width:900px) {
    html[data-gold-theme] .footer-container { grid-template-columns:1fr 1fr; row-gap:38px; }
    html[data-gold-theme] .footer-brand { grid-column:1/-1; padding-right:0; }
    html[data-gold-theme] .footer-links { padding-left:0; border-left:0; }
    html[data-gold-theme] .footer-social { padding-right:0; }
}
@media(max-width:560px) {
    html[data-gold-theme] .void-footer { padding:68px 20px 24px; }
    html[data-gold-theme] .footer-container { grid-template-columns:1fr; }
    html[data-gold-theme] .footer-brand { grid-column:auto; }
    html[data-gold-theme] .footer-links,
    html[data-gold-theme] .footer-social { min-height:auto; padding:28px 0 0; border-left:0; border-top:1px solid var(--theme-line); }
    html[data-gold-theme] .footer-bottom { align-items:flex-start; flex-direction:column; }
    html[data-gold-theme] .footer-server-state { align-items:flex-start; flex-wrap:wrap; }
}

/* Registro - cards cinematograficos preservando o layout */
html[data-gold-theme] .register-container {
    width:min(1200px,calc(100% - 48px));
    max-width:none;
    margin:0 auto;
    padding:62px 0 105px;
}
html[data-gold-theme] .register-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
    align-items:stretch;
    perspective:1200px;
}
html[data-gold-theme] .register-card {
    position:relative;
    isolation:isolate;
    min-height:400px;
    padding:34px 29px 30px;
    overflow:hidden;
    background:
        linear-gradient(145deg,rgba(255,215,106,.07),transparent 36%),
        linear-gradient(155deg,rgba(20,14,4,.97),rgba(5,4,2,.99));
    border:1px solid var(--theme-line);
    box-shadow:0 22px 60px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.025);
    clip-path:polygon(0 0,calc(100% - 17px) 0,100% 17px,100% 100%,17px 100%,0 calc(100% - 17px));
    transition:transform .38s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;
}
html[data-gold-theme] .register-card::before {
    content:"";
    position:absolute;
    z-index:-1;
    right:-95px;
    top:-110px;
    width:250px;
    height:250px;
    border-radius:50%;
    background:radial-gradient(circle,var(--theme-gold-soft),transparent 67%);
    opacity:.72;
    pointer-events:none;
}
html[data-gold-theme] .register-card::after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:48%;
    height:1px;
    background:linear-gradient(90deg,var(--theme-gold-bright),transparent);
    box-shadow:0 0 14px var(--theme-gold-soft);
}
html[data-gold-theme] .register-card > * { position:relative; z-index:1; }
html[data-gold-theme] .register-card .card-header {
    position:relative;
    min-height:111px;
    margin:0 0 27px;
    padding:42px 0 23px;
    border-bottom:1px solid var(--theme-line);
}
html[data-gold-theme] .register-card .card-header::before {
    position:absolute;
    left:0;
    top:4px;
    color:var(--theme-gold);
    font:600 8px/1 'Roboto',sans-serif;
    letter-spacing:.27em;
}
html[data-gold-theme] .register-card:nth-child(1) .card-header::before { content:"DADOS DE ACESSO"; }
html[data-gold-theme] .register-card:nth-child(2) .card-header::before { content:"PROTECAO DA CONTA"; }
html[data-gold-theme] .register-card:nth-child(3) .card-header::before { content:"CONFIRMACAO FINAL"; }
html[data-gold-theme] .register-card .card-header::after {
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    width:34px;
    height:1px;
    background:var(--theme-gold-bright);
    box-shadow:0 0 9px var(--theme-gold-bright);
}
html[data-gold-theme] .register-card .step-num {
    position:absolute;
    right:0;
    top:-8px;
    padding:0;
    color:transparent;
    background:none;
    -webkit-text-stroke:1px rgba(255,215,106,.18);
    font:600 82px/1 'Cinzel',serif;
    letter-spacing:-.09em;
    pointer-events:none;
}
html[data-gold-theme] .register-card .card-header h3 {
    position:relative;
    z-index:2;
    margin:0;
    color:var(--theme-text);
    font:600 24px/1.1 'Cinzel','Times New Roman',serif;
    letter-spacing:.015em;
    text-transform:uppercase;
    text-shadow:0 0 20px var(--theme-gold-soft);
}
html[data-gold-theme] .register-card .input-group { margin-bottom:21px; }
html[data-gold-theme] .register-card .input-group label {
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:9px;
    color:#aaa18f;
    font:600 8px/1 'Roboto',sans-serif;
    letter-spacing:.2em;
}
html[data-gold-theme] .register-card .input-group label::before {
    content:"";
    width:4px;
    height:4px;
    background:var(--theme-gold);
    transform:rotate(45deg);
    box-shadow:0 0 7px var(--theme-gold-soft);
}
html[data-gold-theme] .register-card .input-group input {
    width:100%;
    min-height:51px;
    padding:0 14px;
    color:var(--theme-text);
    background:linear-gradient(90deg,rgba(212,166,42,.04),rgba(0,0,0,.28));
    border:1px solid rgba(212,166,42,.12);
    border-bottom-color:rgba(212,166,42,.55);
    border-radius:0;
    box-shadow:inset 0 1px rgba(255,255,255,.018);
    font-size:13px;
    transition:border-color .25s,background .25s,box-shadow .25s;
}
html[data-gold-theme] .register-card .input-group input:hover { border-color:rgba(212,166,42,.32); }
html[data-gold-theme] .register-card .input-group input:focus {
    outline:0;
    background:rgba(212,166,42,.055);
    border-color:var(--theme-gold);
    box-shadow:0 0 0 3px var(--theme-gold-soft),inset 3px 0 var(--theme-gold-bright);
}
html[data-gold-theme] .register-card .password-hint {
    display:block;
    margin-top:9px;
    color:#716a5e;
    font-size:8px;
    letter-spacing:.1em;
    line-height:1.5;
}
html[data-gold-theme] .register-card.action-card { display:flex; flex-direction:column; }
html[data-gold-theme] .register-card .terms-box {
    padding:17px;
    background:linear-gradient(135deg,rgba(212,166,42,.06),rgba(0,0,0,.18));
    border:1px solid var(--theme-line);
}
html[data-gold-theme] .register-card .check-container { align-items:flex-start; }
html[data-gold-theme] .register-card .checkmark {
    flex:0 0 auto;
    width:17px;
    height:17px;
    border:1px solid var(--theme-gold);
    background:#080602;
    box-shadow:0 0 10px var(--theme-gold-soft);
}
html[data-gold-theme] .register-card .terms-text { color:#aaa396; font-size:12px; line-height:1.65; }
html[data-gold-theme] .register-card .terms-text a { color:var(--theme-gold-bright); }
html[data-gold-theme] .register-card .disclaimer { color:#766f63; font-size:11px; line-height:1.6; }
html[data-gold-theme] .register-card .btn-full {
    margin-top:auto;
    min-height:50px;
    position:relative;
    overflow:hidden;
}
html[data-gold-theme] .register-card .footer-note {
    margin-top:13px;
    color:#716a5e;
    font-size:9px;
    letter-spacing:.08em;
    text-align:center;
}
html[data-gold-theme] .register-card:hover {
    transform:translateY(-8px);
    border-color:var(--theme-gold);
    box-shadow:0 30px 82px rgba(0,0,0,.55),0 0 30px var(--theme-gold-soft);
}
html[data-gold-theme] .register-card:hover .step-num { -webkit-text-stroke-color:rgba(255,215,106,.34); }
@media(max-width:1020px) {
    html[data-gold-theme] .register-grid { grid-template-columns:1fr; }
    html[data-gold-theme] .register-card { min-height:auto; }
    html[data-gold-theme] .register-card .btn-full { margin-top:28px; }
}
@media(max-width:560px) {
    html[data-gold-theme] .register-container { width:min(100% - 28px,1200px); padding-top:35px; }
    html[data-gold-theme] .register-card { padding:29px 23px 27px; }
    html[data-gold-theme] .register-card .step-num { font-size:68px; }
}

/* Registro - fundo preto cinematografico */
html[data-gold-theme] .register-page {
    position:relative;
    isolation:isolate;
    margin-top:0;
}
html[data-gold-theme] .register-page::before {
    content:"";
    position:absolute;
    z-index:-3;
    left:50%;
    top:-95px;
    bottom:-110px;
    width:100vw;
    transform:translateX(-50%);
    background:
        radial-gradient(ellipse at 50% 0%,rgba(212,166,42,.1),transparent 40%),
        radial-gradient(circle at 8% 50%,rgba(212,166,42,.055),transparent 24%),
        radial-gradient(circle at 92% 42%,rgba(212,166,42,.045),transparent 22%),
        linear-gradient(180deg,#070604 0%,#030303 42%,#010101 100%);
    pointer-events:none;
}
html[data-gold-theme] .register-page::after {
    content:"";
    position:absolute;
    z-index:-2;
    left:50%;
    top:-54px;
    bottom:-45px;
    width:100vw;
    transform:translateX(-50%);
    background:
        linear-gradient(90deg,transparent 0%,rgba(212,166,42,.045) 1px,transparent 1px) center/20% 100%,
        linear-gradient(180deg,rgba(212,166,42,.06),transparent 1px) center/100% 135px;
    opacity:.42;
    mask-image:linear-gradient(180deg,transparent,#000 15%,#000 78%,transparent);
    pointer-events:none;
}
html[data-gold-theme] .register-page .register-grid {
    position:relative;
    z-index:1;
}
html[data-gold-theme] .register-page .register-grid::before {
    content:"ACCOUNT  /  CREATION";
    position:absolute;
    z-index:-1;
    left:50%;
    top:-75px;
    transform:translateX(-50%);
    color:transparent;
    -webkit-text-stroke:1px rgba(255,215,106,.055);
    font:600 clamp(52px,8vw,110px)/1 'Cinzel',serif;
    letter-spacing:.08em;
    white-space:nowrap;
    pointer-events:none;
}
html[data-gold-theme] .register-page .register-card {
    background:
        linear-gradient(145deg,rgba(255,215,106,.065),transparent 36%),
        linear-gradient(155deg,rgba(18,12,3,.96),rgba(4,3,2,.985));
    box-shadow:0 30px 82px rgba(0,0,0,.54),inset 0 1px rgba(255,255,255,.025);
}
@media(max-width:760px) {
    html[data-gold-theme] .register-page::before { top:-45px; }
    html[data-gold-theme] .register-page .register-grid::before { top:-48px; font-size:45px; }
}
/* Enquadramento do logo nos cabecalhos internos */
@media(min-width:769px) {
    html[data-gold-theme] .internal-hero {
        background-position:center 24% !important;
    }
}
@media(max-width:768px) {
    html[data-gold-theme] .internal-hero {
        background-position:center 28% !important;
    }
}
/* Download - cards e requisitos cinematograficos */
html[data-gold-theme] .download-page {
    position:relative;
    isolation:isolate;
    width:min(1080px,calc(100% - 48px));
    max-width:none;
    margin:0 auto;
    padding:62px 0 115px;
}
html[data-gold-theme] .download-page::before {
    content:"";
    position:absolute;
    z-index:-3;
    left:50%; top:-95px; bottom:-90px; width:100vw;
    transform:translateX(-50%);
    background:
        radial-gradient(ellipse at 50% 0%,rgba(212,166,42,.095),transparent 38%),
        radial-gradient(circle at 10% 44%,rgba(212,166,42,.045),transparent 23%),
        radial-gradient(circle at 90% 55%,rgba(212,166,42,.04),transparent 22%),
        linear-gradient(180deg,#070604,#030303 48%,#010101);
    pointer-events:none;
}
html[data-gold-theme] .download-page::after {
    content:"";
    position:absolute;
    z-index:-2;
    left:50%; top:-50px; bottom:-35px; width:100vw;
    transform:translateX(-50%);
    background:
        linear-gradient(90deg,transparent 0%,rgba(212,166,42,.04) 1px,transparent 1px) center/20% 100%,
        linear-gradient(180deg,rgba(212,166,42,.055),transparent 1px) center/100% 145px;
    opacity:.38;
    mask-image:linear-gradient(180deg,transparent,#000 12%,#000 82%,transparent);
    pointer-events:none;
}
html[data-gold-theme] .download-page .download-grid {
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    perspective:1200px;
}
html[data-gold-theme] .download-page .download-grid::before {
    content:"CLIENT  /  ACCESS";
    position:absolute;
    z-index:-1;
    left:50%; top:-71px;
    transform:translateX(-50%);
    color:transparent;
    -webkit-text-stroke:1px rgba(255,215,106,.055);
    font:600 clamp(48px,7vw,96px)/1 'Cinzel',serif;
    letter-spacing:.09em;
    white-space:nowrap;
}
html[data-gold-theme] .download-page .download-card {
    position:relative;
    isolation:isolate;
    min-height:350px;
    padding:35px 36px 34px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    background:
        linear-gradient(145deg,rgba(255,215,106,.07),transparent 37%),
        linear-gradient(155deg,rgba(19,13,3,.97),rgba(4,3,2,.99));
    border:1px solid var(--theme-line);
    box-shadow:0 27px 75px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.024);
    clip-path:polygon(0 0,calc(100% - 17px) 0,100% 17px,100% 100%,17px 100%,0 calc(100% - 17px));
    transition:transform .38s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;
}
html[data-gold-theme] .download-page .download-card::before {
    position:absolute;
    z-index:-1;
    right:17px;
    top:5px;
    color:transparent;
    -webkit-text-stroke:1px rgba(255,215,106,.17);
    font:600 88px/1 'Cinzel',serif;
    letter-spacing:-.09em;
}
html[data-gold-theme] .download-page .download-card:first-child::before { content:"01"; }
html[data-gold-theme] .download-page .download-card:nth-child(2)::before { content:"02"; }
html[data-gold-theme] .download-page .download-card::after {
    content:"";
    position:absolute;
    left:0; top:0; width:47%; height:1px;
    background:linear-gradient(90deg,var(--theme-gold-bright),transparent);
    box-shadow:0 0 13px var(--theme-gold-soft);
}
html[data-gold-theme] .download-page .download-card .tag {
    position:relative;
    z-index:2;
    padding:8px 11px;
    color:#080602;
    background:linear-gradient(135deg,var(--theme-gold-bright),var(--theme-gold));
    border:0;
    font:700 8px/1 'Roboto',sans-serif;
    letter-spacing:.16em;
    clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);
}
html[data-gold-theme] .download-page .download-card h3 {
    position:relative;
    z-index:2;
    margin:76px 0 17px;
    color:var(--theme-text);
    font:600 clamp(25px,2.5vw,35px)/1.12 'Cinzel','Times New Roman',serif;
    letter-spacing:-.035em;
    text-transform:none;
    text-shadow:0 0 22px var(--theme-gold-soft);
}
html[data-gold-theme] .download-page .download-card.featured h3 { margin-top:56px; }
html[data-gold-theme] .download-page .download-card h3::before {
    display:block;
    margin-bottom:13px;
    color:var(--theme-gold);
    font:600 8px/1 'Roboto',sans-serif;
    letter-spacing:.25em;
}
html[data-gold-theme] .download-page .download-card:first-child h3::before { content:"FONTE OFICIAL"; }
html[data-gold-theme] .download-page .download-card:nth-child(2) h3::before { content:"CANAL DA COMUNIDADE"; }
html[data-gold-theme] .download-page .download-card p { max-width:390px; color:#aaa396; font-size:13px; line-height:1.7; }
html[data-gold-theme] .download-page .dl-actions { width:100%; margin-top:auto; padding-top:31px; }
html[data-gold-theme] .download-page .dl-actions .btn {
    position:relative;
    width:100%;
    min-height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 20px;
    overflow:hidden;
}
html[data-gold-theme] .download-page .download-card:hover {
    transform:translateY(-8px);
    border-color:var(--theme-gold);
    box-shadow:0 35px 90px rgba(0,0,0,.62),0 0 34px var(--theme-gold-soft);
}
html[data-gold-theme] .download-page .download-card:hover::before { -webkit-text-stroke-color:rgba(255,215,106,.34); }
html[data-gold-theme] .download-page .specs-section {
    position:relative;
    z-index:1;
    margin-top:22px;
    padding:38px 40px;
    display:grid;
    grid-template-columns:230px minmax(0,1fr);
    gap:38px;
    align-items:center;
    overflow:hidden;
    background:
        linear-gradient(145deg,rgba(255,215,106,.04),transparent 42%),
        linear-gradient(155deg,rgba(13,11,7,.94),rgba(4,4,3,.98));
    border:1px solid var(--theme-line);
    box-shadow:0 25px 70px rgba(0,0,0,.42);
    clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));
}
html[data-gold-theme] .download-page .specs-section::before {
    content:"SYSTEM  /  REQUIREMENTS";
    display:block;
    margin-bottom:15px;
    color:var(--theme-gold);
    font:600 8px/1.6 'Roboto',sans-serif;
    letter-spacing:.22em;
}
html[data-gold-theme] .download-page .specs-section h2 {
    grid-column:1;
    margin:-8px 0 0;
    color:var(--theme-text);
    font:600 30px/1.12 'Cinzel',serif;
    letter-spacing:-.03em;
    text-align:left;
}
html[data-gold-theme] .download-page .specs-table { grid-column:2; grid-row:1/3; width:100%; }
html[data-gold-theme] .download-page .specs-table table,
html[data-gold-theme] .download-page .specs-table tbody { display:block; width:100%; }
html[data-gold-theme] .download-page .specs-table tbody { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
html[data-gold-theme] .download-page .specs-table tr {
    position:relative;
    min-height:82px;
    padding:17px 18px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:rgba(0,0,0,.24);
    border:1px solid rgba(212,166,42,.12);
    transition:border-color .25s,background .25s;
}
html[data-gold-theme] .download-page .specs-table tr:hover { background:rgba(212,166,42,.055); border-color:var(--theme-gold); }
html[data-gold-theme] .download-page .specs-table td { display:block; padding:0; border:0; }
html[data-gold-theme] .download-page .specs-table td:first-child {
    width:auto;
    margin-bottom:8px;
    color:var(--theme-gold);
    font:700 9px/1 'Roboto',sans-serif;
    letter-spacing:.2em;
}
html[data-gold-theme] .download-page .specs-table td:last-child { color:#b0aa9e; font-size:12px; line-height:1.35; }
@media(max-width:900px) {
    html[data-gold-theme] .download-page .download-grid { grid-template-columns:1fr; }
    html[data-gold-theme] .download-page .specs-section { grid-template-columns:1fr; }
    html[data-gold-theme] .download-page .specs-table { grid-column:1; grid-row:auto; }
}
@media(max-width:560px) {
    html[data-gold-theme] .download-page { width:min(100% - 28px,1080px); padding-top:38px; }
    html[data-gold-theme] .download-page .download-card { min-height:330px; padding:30px 24px; }
    html[data-gold-theme] .download-page .specs-section { padding:30px 22px; gap:25px; }
    html[data-gold-theme] .download-page .specs-table tbody { grid-template-columns:1fr; }
}
/* Wiki - sistema visual cinematografico */
html[data-gold-theme] .wiki-modern {
    position:relative;
    isolation:isolate;
    width:min(1420px,calc(100% - 48px));
    max-width:none;
    margin:0 auto;
    padding:62px 0 120px;
    display:grid;
    grid-template-columns:300px minmax(0,1fr);
    gap:24px;
    align-items:start;
}
html[data-gold-theme] .wiki-modern::before {
    content:"";
    position:absolute;
    z-index:-3;
    left:50%; top:-95px; bottom:-90px; width:100vw;
    transform:translateX(-50%);
    background:
        radial-gradient(ellipse at 53% 0%,rgba(212,166,42,.09),transparent 40%),
        radial-gradient(circle at 6% 42%,rgba(212,166,42,.045),transparent 22%),
        radial-gradient(circle at 94% 58%,rgba(212,166,42,.04),transparent 24%),
        linear-gradient(180deg,#070604,#030303 44%,#010101);
    pointer-events:none;
}
html[data-gold-theme] .wiki-modern::after {
    content:"";
    position:absolute;
    z-index:-2;
    left:50%; top:-48px; bottom:-35px; width:100vw;
    transform:translateX(-50%);
    background:
        linear-gradient(90deg,transparent 0%,rgba(212,166,42,.038) 1px,transparent 1px) center/16.666% 100%,
        linear-gradient(180deg,rgba(212,166,42,.05),transparent 1px) center/100% 150px;
    opacity:.4;
    mask-image:linear-gradient(180deg,transparent,#000 10%,#000 86%,transparent);
    pointer-events:none;
}
html[data-gold-theme] .wiki-modern .wiki-category-nav {
    position:sticky;
    top:88px;
    z-index:3;
    padding:30px 25px 27px;
    overflow:hidden;
    background:
        linear-gradient(145deg,rgba(255,215,106,.065),transparent 36%),
        linear-gradient(155deg,rgba(18,12,3,.97),rgba(4,3,2,.99));
    border:1px solid var(--theme-line);
    box-shadow:0 27px 75px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.025);
    clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));
}
html[data-gold-theme] .wiki-modern .wiki-category-nav::before {
    content:"ARCHIVE  /  NAVIGATION";
    display:block;
    margin-bottom:18px;
    color:var(--theme-gold);
    font:600 8px/1 'Roboto',sans-serif;
    letter-spacing:.22em;
}
html[data-gold-theme] .wiki-modern .wiki-category-nav::after {
    content:"";
    position:absolute;
    left:0; top:0; width:48%; height:1px;
    background:linear-gradient(90deg,var(--theme-gold-bright),transparent);
    box-shadow:0 0 13px var(--theme-gold-soft);
}
html[data-gold-theme] .wiki-modern .wiki-category-nav h1 {
    margin:0 0 9px;
    color:var(--theme-text);
    font:600 27px/1.1 'Cinzel','Times New Roman',serif;
    letter-spacing:-.025em;
    text-transform:none;
}
html[data-gold-theme] .wiki-modern .wiki-category-nav > p {
    margin:0 0 23px;
    color:#8e877a;
    font-size:12px;
    line-height:1.6;
}
html[data-gold-theme] .wiki-modern .wiki-category-search { position:relative; margin-bottom:16px; }
html[data-gold-theme] .wiki-modern .wiki-category-search::before {
    content:"⌕";
    position:absolute;
    z-index:2;
    right:13px;
    top:50%;
    transform:translateY(-52%);
    color:var(--theme-gold);
    font:400 19px/1 serif;
    pointer-events:none;
}
html[data-gold-theme] .wiki-modern .wiki-category-search input {
    width:100%;
    min-height:48px;
    padding:0 40px 0 13px;
    color:var(--theme-text);
    background:rgba(0,0,0,.35);
    border:1px solid var(--theme-line);
    border-bottom-color:rgba(212,166,42,.5);
    border-radius:0;
    font-size:11px;
}
html[data-gold-theme] .wiki-modern .wiki-category-search input:focus { outline:0; border-color:var(--theme-gold); box-shadow:0 0 0 3px var(--theme-gold-soft); }
html[data-gold-theme] .wiki-modern .wiki-category-buttons { display:grid; gap:5px; }
html[data-gold-theme] .wiki-modern .wiki-category-button {
    position:relative;
    width:100%;
    min-height:44px;
    padding:0 13px;
    display:flex;
    align-items:center;
    gap:11px;
    color:#969084;
    background:rgba(0,0,0,.2);
    border:1px solid transparent;
    border-radius:0;
    font:600 9px/1 'Roboto',sans-serif;
    letter-spacing:.11em;
    text-align:left;
    transition:color .25s,background .25s,border-color .25s,transform .25s;
}
html[data-gold-theme] .wiki-modern .wiki-category-button::after {
    content:"";
    position:absolute;
    right:11px;
    width:5px;
    height:5px;
    border:1px solid var(--theme-line);
    transform:rotate(45deg);
}
html[data-gold-theme] .wiki-modern .wiki-category-button:hover { color:var(--theme-text); background:rgba(212,166,42,.045); border-color:var(--theme-line); transform:translateX(3px); }
html[data-gold-theme] .wiki-modern .wiki-category-button.is-active {
    color:#090602;
    background:linear-gradient(135deg,var(--theme-gold-bright),var(--theme-gold));
    border-color:var(--theme-gold-bright);
    box-shadow:0 0 22px var(--theme-gold-soft);
}
html[data-gold-theme] .wiki-modern .wiki-category-button.is-active::after { border-color:#171005; background:#171005; }
html[data-gold-theme] .wiki-modern .wiki-category-content { min-width:0; }
html[data-gold-theme] .wiki-modern .wiki-category-panel { min-width:0; }
html[data-gold-theme] .wiki-modern .wiki-main-intro {
    position:relative;
    min-height:125px;
    margin:0 0 18px;
    padding:30px 34px;
    overflow:hidden;
    background:linear-gradient(110deg,rgba(212,166,42,.1),rgba(212,166,42,.015) 55%,transparent),rgba(5,4,2,.72);
    border:1px solid var(--theme-line);
    clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));
}
html[data-gold-theme] .wiki-modern .wiki-main-intro::after {
    content:"KNOWLEDGE  /  DATABASE";
    position:absolute;
    right:20px;
    bottom:-8px;
    color:transparent;
    -webkit-text-stroke:1px rgba(255,215,106,.075);
    font:600 clamp(28px,4vw,56px)/1 'Cinzel',serif;
    letter-spacing:.06em;
    white-space:nowrap;
}
html[data-gold-theme] .wiki-modern .wiki-main-intro .tag {
    position:relative; z-index:1;
    padding:0;
    color:var(--theme-gold);
    background:none;
    font-size:8px;
}
html[data-gold-theme] .wiki-modern .wiki-main-intro h2 {
    position:relative; z-index:1;
    margin:12px 0 0;
    color:var(--theme-text);
    font:600 clamp(31px,4vw,49px)/1 'Cinzel',serif;
    letter-spacing:-.035em;
    text-transform:none;
}
html[data-gold-theme] .wiki-modern .wiki-featured-media {
    position:relative;
    gap:0;
    margin-bottom:18px;
    overflow:hidden;
    background:linear-gradient(145deg,rgba(255,215,106,.045),transparent),rgba(5,4,2,.92);
    border:1px solid var(--theme-line);
    box-shadow:0 25px 70px rgba(0,0,0,.4);
    clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));
}
html[data-gold-theme] .wiki-modern .wiki-featured-media::before { content:""; position:absolute; z-index:3; left:0; top:0; width:42%; height:1px; background:linear-gradient(90deg,var(--theme-gold-bright),transparent); }
html[data-gold-theme] .wiki-modern .wiki-featured-media .wiki-card-media { border-right:1px solid var(--theme-line); }
html[data-gold-theme] .wiki-modern .wiki-featured-copy { padding:34px; }
html[data-gold-theme] .wiki-modern .wiki-featured-copy h2 { margin:16px 0 13px; color:var(--theme-text); font:600 28px/1.15 'Cinzel',serif; }
html[data-gold-theme] .wiki-modern .wiki-featured-copy p { color:#9d968a; line-height:1.75; }
html[data-gold-theme] .wiki-modern .system-code {
    display:inline-flex;
    padding:7px 10px;
    color:#080602;
    background:linear-gradient(135deg,var(--theme-gold-bright),var(--theme-gold));
    border:0;
    font:700 8px/1 'Roboto',sans-serif;
    letter-spacing:.16em;
}
html[data-gold-theme] .wiki-modern .wiki-subcategory-tabs {
    margin:18px 0;
    padding:8px;
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    background:rgba(0,0,0,.24);
    border:1px solid var(--theme-line);
    clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);
}
html[data-gold-theme] .wiki-modern .wiki-subcategory-button {
    min-height:39px;
    padding:0 14px;
    color:#928b7f;
    background:transparent;
    border:1px solid transparent;
    border-radius:0;
    font:600 9px/1 'Roboto',sans-serif;
    letter-spacing:.12em;
    transition:.25s;
}
html[data-gold-theme] .wiki-modern .wiki-subcategory-button:hover { color:var(--theme-text); border-color:var(--theme-line); background:rgba(212,166,42,.04); }
html[data-gold-theme] .wiki-modern .wiki-subcategory-button.is-active { color:#080602; background:var(--theme-gold); border-color:var(--theme-gold-bright); }
html[data-gold-theme] .wiki-modern .wiki-media-grid { gap:18px; }
html[data-gold-theme] .wiki-modern .wiki-media-card {
    position:relative;
    overflow:hidden;
    break-inside:avoid;
    margin-bottom:18px;
    padding:27px;
    background:
        linear-gradient(145deg,rgba(255,215,106,.055),transparent 35%),
        linear-gradient(155deg,rgba(16,11,3,.96),rgba(4,3,2,.99));
    border:1px solid var(--theme-line);
    box-shadow:0 22px 60px rgba(0,0,0,.34);
    clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));
    transition:transform .32s,border-color .28s,box-shadow .28s;
}
html[data-gold-theme] .wiki-modern .wiki-media-card::before {
    content:"";
    position:absolute;
    inset:0 auto auto 0;
    width:44%;
    height:1px;
    background:linear-gradient(90deg,var(--theme-gold-bright),transparent);
    opacity:1;
}
html[data-gold-theme] .wiki-modern .wiki-media-card:hover { transform:translateY(-6px); border-color:var(--theme-gold); box-shadow:0 30px 80px rgba(0,0,0,.58),0 0 30px var(--theme-gold-soft); }
html[data-gold-theme] .wiki-modern .wiki-media-card h2 { margin:18px 0 12px; color:var(--theme-text); font:600 22px/1.2 'Cinzel',serif; letter-spacing:-.02em; }
html[data-gold-theme] .wiki-modern .wiki-media-card p,
html[data-gold-theme] .wiki-modern .wiki-media-card li { color:#9d968a; font-size:13px; line-height:1.7; }
html[data-gold-theme] .wiki-modern .wiki-card-media {
    margin:-27px -27px 23px;
    overflow:hidden;
    background:#050403;
    border-bottom:1px solid var(--theme-line);
}
html[data-gold-theme] .wiki-modern .wiki-card-media img { transition:transform .55s ease,filter .4s; }
html[data-gold-theme] .wiki-modern .wiki-media-card:hover .wiki-card-media img { transform:scale(1.025); filter:brightness(1.06) saturate(1.04); }
html[data-gold-theme] .wiki-modern .wiki-card-media.is-empty { background:radial-gradient(circle at 50% 40%,var(--theme-gold-soft),transparent 42%),linear-gradient(180deg,#120d04,#050403); }
html[data-gold-theme] .wiki-modern .wiki-card-media.is-empty span { color:var(--theme-gold); }
html[data-gold-theme] .wiki-modern .wiki-steps { margin-top:19px; padding:0; list-style:none; counter-reset:wiki-step; }
html[data-gold-theme] .wiki-modern .wiki-steps li { position:relative; padding:10px 0 10px 34px; border-top:1px solid rgba(212,166,42,.1); counter-increment:wiki-step; }
html[data-gold-theme] .wiki-modern .wiki-steps li::before { content:counter(wiki-step,decimal-leading-zero); position:absolute; left:0; color:var(--theme-gold); font:700 8px/1.7 'Roboto',sans-serif; letter-spacing:.08em; }
html[data-gold-theme] .wiki-modern .wiki-reward-item { overflow:hidden; background:rgba(0,0,0,.28); border:1px solid var(--theme-line); }
html[data-gold-theme] .wiki-modern .wiki-reward-item figcaption { color:#a39b8e; border-top:1px solid var(--theme-line); }
@media(max-width:1050px) {
    html[data-gold-theme] .wiki-modern { grid-template-columns:1fr; }
    html[data-gold-theme] .wiki-modern .wiki-category-nav { position:relative; top:auto; }
    html[data-gold-theme] .wiki-modern .wiki-category-buttons { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:760px) {
    html[data-gold-theme] .wiki-modern .wiki-featured-media { grid-template-columns:1fr; }
    html[data-gold-theme] .wiki-modern .wiki-featured-media .wiki-card-media { border-right:0; border-bottom:1px solid var(--theme-line); }
    html[data-gold-theme] .wiki-modern .wiki-subcategory-panel .wiki-media-grid { column-count:1; }
}
@media(max-width:560px) {
    html[data-gold-theme] .wiki-modern { width:min(100% - 28px,1420px); padding-top:38px; }
    html[data-gold-theme] .wiki-modern .wiki-category-nav { padding:27px 21px; }
    html[data-gold-theme] .wiki-modern .wiki-category-buttons { grid-template-columns:1fr; }
    html[data-gold-theme] .wiki-modern .wiki-main-intro { padding:26px 21px; }
    html[data-gold-theme] .wiki-modern .wiki-media-card { padding:23px; }
    html[data-gold-theme] .wiki-modern .wiki-card-media { margin:-23px -23px 20px; }
}
/* Wiki - composicao organica sem cortes */
html[data-gold-theme] .wiki-main-hero {
    position:relative;
    border-bottom:0;
    box-shadow:0 45px 90px rgba(0,0,0,.65);
}
html[data-gold-theme] .wiki-main-hero::after {
    content:"";
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    bottom:-2px;
    height:150px;
    background:linear-gradient(180deg,transparent,rgba(5,4,2,.62) 54%,#050403 100%);
    pointer-events:none;
}
html[data-gold-theme] .wiki-modern::before {
    z-index:-3;
    top:-150px;
    bottom:-100px;
    background:
        linear-gradient(180deg,#050403 0%,rgba(5,4,2,.78) 9%,rgba(4,3,2,.88) 48%,#020202 100%),
        linear-gradient(90deg,rgba(3,2,1,.82),rgba(3,2,1,.58),rgba(3,2,1,.84)),
        url('/assets/images/bg.png') center top/cover fixed no-repeat;
    filter:grayscale(.68) sepia(.42) saturate(.72) contrast(1.08);
    opacity:.92;
}
html[data-gold-theme] .wiki-modern::after {
    top:-110px;
    background:
        radial-gradient(ellipse at 50% 10%,rgba(212,166,42,.12),transparent 37%),
        radial-gradient(circle at 8% 48%,rgba(212,166,42,.06),transparent 22%),
        linear-gradient(90deg,transparent 0%,rgba(212,166,42,.025) 1px,transparent 1px) center/20% 100%;
    opacity:.7;
    mask-image:linear-gradient(180deg,transparent,#000 12%,#000 90%,transparent);
}
html[data-gold-theme] .wiki-modern .wiki-category-nav {
    clip-path:none;
    border-radius:16px;
    background:
        linear-gradient(145deg,rgba(255,215,106,.07),transparent 38%),
        rgba(8,6,3,.82);
    border:1px solid rgba(212,166,42,.22);
    box-shadow:0 28px 80px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.03);
    backdrop-filter:blur(18px);
}
html[data-gold-theme] .wiki-modern .wiki-category-nav::after {
    left:24px;
    width:90px;
}
html[data-gold-theme] .wiki-modern .wiki-category-search input { border-radius:10px; }
html[data-gold-theme] .wiki-modern .wiki-category-button { border-radius:9px; }
html[data-gold-theme] .wiki-modern .wiki-main-intro {
    min-height:130px;
    padding:22px 12px 35px;
    overflow:visible;
    background:transparent;
    border:0;
    border-bottom:1px solid rgba(212,166,42,.24);
    border-radius:0;
    clip-path:none;
}
html[data-gold-theme] .wiki-modern .wiki-main-intro::before {
    content:"";
    position:absolute;
    left:12px;
    bottom:-1px;
    width:115px;
    height:1px;
    background:linear-gradient(90deg,var(--theme-gold-bright),transparent);
    box-shadow:0 0 12px var(--theme-gold-soft);
}
html[data-gold-theme] .wiki-modern .wiki-main-intro::after {
    right:8px;
    bottom:3px;
    -webkit-text-stroke-color:rgba(255,215,106,.055);
}
html[data-gold-theme] .wiki-modern .wiki-featured-media {
    clip-path:none;
    border-radius:16px;
    background:rgba(8,6,3,.84);
    border-color:rgba(212,166,42,.2);
    backdrop-filter:blur(14px);
}
html[data-gold-theme] .wiki-modern .wiki-featured-media .wiki-card-media {
    border-radius:15px 0 0 15px;
}
html[data-gold-theme] .wiki-modern .wiki-subcategory-tabs {
    border-radius:12px;
    clip-path:none;
    background:rgba(5,4,2,.74);
    backdrop-filter:blur(12px);
}
html[data-gold-theme] .wiki-modern .wiki-subcategory-button { border-radius:8px; }
html[data-gold-theme] .wiki-modern .wiki-media-card {
    clip-path:none;
    border-radius:15px;
    background:
        linear-gradient(145deg,rgba(255,215,106,.055),transparent 35%),
        rgba(8,6,3,.86);
    border-color:rgba(212,166,42,.18);
    backdrop-filter:blur(14px);
}
html[data-gold-theme] .wiki-modern .wiki-media-card::before {
    left:22px;
    width:78px;
}
html[data-gold-theme] .wiki-modern .wiki-card-media {
    border-radius:14px 14px 0 0;
}
html[data-gold-theme] .wiki-modern .wiki-reward-item { border-radius:10px; }
@media(max-width:760px) {
    html[data-gold-theme] .wiki-modern::before { background-attachment:scroll,scroll,scroll; background-position:center,center,58% top; }
    html[data-gold-theme] .wiki-modern .wiki-featured-media .wiki-card-media { border-radius:15px 15px 0 0; }
}
/* Wiki - imagens ampliadas e fundos visiveis */
html[data-gold-theme] .wiki-main-hero {
    min-height:540px;
    height:58vh !important;
    background-position:center 24% !important;
    background-size:cover !important;
}
html[data-gold-theme] .wiki-main-hero > * {
    position:relative;
    z-index:4;
}
html[data-gold-theme] .wiki-main-hero p {
    color:#c8c0b3;
    text-shadow:0 2px 18px #000;
}
html[data-gold-theme] .wiki-main-hero::after {
    z-index:2;
    height:92px;
    background:linear-gradient(180deg,transparent,rgba(5,4,2,.48) 56%,#050403 100%);
}
html[data-gold-theme] .wiki-modern {
    padding-top:42px;
}
html[data-gold-theme] .wiki-modern::before {
    top:-42px;
    bottom:-100px;
    opacity:1;
    filter:grayscale(.48) sepia(.38) saturate(.82) contrast(1.04);
    background:
        linear-gradient(180deg,rgba(5,4,2,.7) 0%,rgba(5,4,2,.58) 18%,rgba(4,3,2,.68) 58%,rgba(2,2,2,.9) 100%),
        linear-gradient(90deg,rgba(3,2,1,.6),rgba(3,2,1,.34),rgba(3,2,1,.64)),
        url('/assets/images/bg.png') center top/cover fixed no-repeat;
}
html[data-gold-theme] .wiki-modern::after {
    top:-20px;
    opacity:.82;
    background:
        radial-gradient(ellipse at 53% 5%,rgba(255,215,106,.16),transparent 34%),
        radial-gradient(circle at 10% 44%,rgba(212,166,42,.075),transparent 24%),
        radial-gradient(circle at 90% 62%,rgba(212,166,42,.06),transparent 22%),
        linear-gradient(90deg,transparent 0%,rgba(212,166,42,.025) 1px,transparent 1px) center/20% 100%;
}
html[data-gold-theme] .wiki-modern .wiki-category-content {
    position:relative;
}
html[data-gold-theme] .wiki-modern .wiki-category-content::before {
    content:"";
    position:absolute;
    z-index:-1;
    inset:-28px -35px -60px;
    background:radial-gradient(ellipse at 50% 18%,rgba(212,166,42,.07),transparent 48%);
    pointer-events:none;
}
@media(max-width:900px) {
    html[data-gold-theme] .wiki-main-hero { min-height:460px; height:52vh !important; }
}
@media(max-width:760px) {
    html[data-gold-theme] .wiki-main-hero { min-height:390px; height:46vh !important; background-position:center 28% !important; }
    html[data-gold-theme] .wiki-modern::before { background-attachment:scroll,scroll,scroll; background-position:center,center,56% top; }
}
/* Registro e Download - imagens ampliadas e fundos visiveis */
html[data-gold-theme] .wiki-main-hero::after,
html[data-gold-theme] .register-hero::after,
html[data-gold-theme] .download-hero::after {
    inset:auto 0 -2px;
}
html[data-gold-theme] .register-hero,
html[data-gold-theme] .download-hero {
    position:relative;
    min-height:540px;
    height:58vh !important;
    background-position:center 24% !important;
    background-size:cover !important;
    border-bottom:0;
    box-shadow:0 45px 90px rgba(0,0,0,.62);
}
html[data-gold-theme] .register-hero::after,
html[data-gold-theme] .download-hero::after {
    content:"";
    position:absolute;
    z-index:2;
    height:92px;
    background:linear-gradient(180deg,transparent,rgba(5,4,2,.48) 56%,#050403 100%);
    pointer-events:none;
}
html[data-gold-theme] .register-hero > *,
html[data-gold-theme] .download-hero > * {
    position:relative;
    z-index:4;
}
html[data-gold-theme] .download-hero p {
    color:#c8c0b3;
    text-shadow:0 2px 18px #000;
}
html[data-gold-theme] .register-page::before,
html[data-gold-theme] .download-page::before {
    top:-42px;
    bottom:-105px;
    opacity:1;
    filter:grayscale(.48) sepia(.38) saturate(.82) contrast(1.04);
    background:
        linear-gradient(180deg,rgba(5,4,2,.7) 0%,rgba(5,4,2,.58) 18%,rgba(4,3,2,.68) 58%,rgba(2,2,2,.9) 100%),
        linear-gradient(90deg,rgba(3,2,1,.6),rgba(3,2,1,.34),rgba(3,2,1,.64)),
        url('/assets/images/bg.png') center top/cover fixed no-repeat;
}
html[data-gold-theme] .register-page::after,
html[data-gold-theme] .download-page::after {
    top:-20px;
    opacity:.78;
    background:
        radial-gradient(ellipse at 52% 5%,rgba(255,215,106,.15),transparent 35%),
        radial-gradient(circle at 9% 45%,rgba(212,166,42,.07),transparent 23%),
        radial-gradient(circle at 91% 61%,rgba(212,166,42,.055),transparent 22%),
        linear-gradient(90deg,transparent 0%,rgba(212,166,42,.025) 1px,transparent 1px) center/20% 100%;
    mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent);
}
html[data-gold-theme] .register-page,
html[data-gold-theme] .download-page {
    padding-top:42px;
}
html[data-gold-theme] .register-page .register-card,
html[data-gold-theme] .download-page .download-card,
html[data-gold-theme] .download-page .specs-section {
    backdrop-filter:blur(14px);
}
@media(max-width:900px) {
    html[data-gold-theme] .register-hero,
    html[data-gold-theme] .download-hero { min-height:460px; height:52vh !important; }
}
@media(max-width:760px) {
    html[data-gold-theme] .register-hero,
    html[data-gold-theme] .download-hero { min-height:390px; height:46vh !important; background-position:center 28% !important; }
    html[data-gold-theme] .register-page::before,
    html[data-gold-theme] .download-page::before { background-attachment:scroll,scroll,scroll; background-position:center,center,56% top; }
}
/* Donate - selecao segura de servidor */
.donate-server-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:18px 0 26px; }
.donate-server-option { position:relative; display:block; cursor:pointer; }
.donate-server-option input { position:absolute; opacity:0; pointer-events:none; }
.donate-server-option span { min-height:88px; padding:17px; display:flex; flex-direction:column; justify-content:center; background:rgba(0,0,0,.28); border:1px solid var(--theme-line); transition:.25s; }
.donate-server-option b { color:var(--theme-text); font:600 24px/1 'Cinzel',serif; }
.donate-server-option small { margin-top:9px; color:var(--theme-muted); font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.donate-server-option input:checked + span { background:linear-gradient(145deg,var(--theme-gold-soft),rgba(0,0,0,.34)); border-color:var(--theme-gold-bright); box-shadow:0 0 22px var(--theme-gold-soft),inset 3px 0 var(--theme-gold); }
.donate-server-option input:checked + span b { color:var(--theme-gold-bright); }
.donate-substep { margin:0 0 10px; padding-top:22px; color:var(--theme-gold); border-top:1px solid var(--theme-line); font:600 10px/1 'Roboto',sans-serif; letter-spacing:.18em; text-transform:uppercase; }
@media(max-width:560px) { .donate-server-grid { grid-template-columns:1fr; } }