/* Portal do Eternal Tale: o que o nosso site tem a mais que o site no ar (veylor.css continua igual ao de la).
   - botao JOGAR AGORA (destaque: vermelho com brilho pulsando) no topo de todas as paginas e no inicio
   - caixa CONTA da home com JOGAR / CRIAR CONTA (sem login de painel)
   - painel de informacoes do jogo (texto editavel no /adm) no lugar dos rankings da home */

.vg-btn--jogar {
    animation: vg-jogar-pulso 2.4s ease-in-out infinite;
    background: linear-gradient(90deg, #e0392a, var(--vg-blood) 45%, var(--vg-blood-deep));
    border: 1px solid #ff7a66;
    box-shadow: 0 0 22px rgba(var(--vg-blood-rgb), 0.55);
    color: #fff;
}

.vg-btn--jogar:hover,
.vg-btn--jogar:focus {
    background: linear-gradient(90deg, #f04a3a, #d63a28 45%, #941b16);
    color: #fff;
}

.vg-btn--jogar.vg-btn--lg {
    font-size: 0.9375rem;
    padding: 1rem 2.25rem;
}

@keyframes vg-jogar-pulso {
    0%, 100% { box-shadow: 0 0 14px rgba(var(--vg-blood-rgb), 0.45); }
    50% { box-shadow: 0 0 30px rgba(var(--vg-blood-rgb), 0.85); }
}

@media (prefers-reduced-motion: reduce) {
    .vg-btn--jogar { animation: none; }
}

/* a caixa CONTA: texto curto e os dois botoes */
.vg-conta__texto {
    color: var(--vg-muted);
    font-size: 0.9375rem;
    margin: 0;
}

.vg-conta__texto p:last-child { margin-bottom: 0; }

.vg-conta__esqueci {
    color: var(--vg-dim);
    font-size: 0.8125rem;
    text-align: center;
}

.vg-conta__esqueci a { color: var(--vg-gold-soft); text-decoration: none; }
.vg-conta__esqueci a:hover { color: var(--vg-gold-hover); }

/* status do servidor (se o /api/portal/status responder) */
.vg-status {
    align-items: center;
    color: var(--vg-muted);
    display: flex;
    font-size: 0.875rem;
    gap: 0.5rem;
}

.vg-status[hidden] { display: none; }

.vg-status__bola {
    background: var(--vg-dimmer);
    border-radius: 50%;
    display: inline-block;
    height: 9px;
    width: 9px;
}

.vg-status.is-on .vg-status__bola { background: var(--vg-jade); box-shadow: 0 0 8px rgba(var(--vg-jade-rgb), 0.8); }
.vg-status.is-off .vg-status__bola { background: var(--vg-blood); }

/* informacoes do jogo (html do /adm): listas tipo "chave: valor" ficam como as .vg-spec do download */
.vg-info ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.vg-info li {
    border-bottom: 1px solid var(--vg-line);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.5rem 0;
}

.vg-info li:last-child { border-bottom: 0; }
.vg-info li b, .vg-info li strong { color: var(--vg-cream); font-weight: 600; }
.vg-info p:last-child { margin-bottom: 0; }

/* doacoes */
.vg-doacao__acoes {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
}