/* Área do Jogador · camada neon (carregada depois de painel.css) */
.area-jogador {
  --azul: #3fa0ff; --azul-forte: #2b6dff; --ciano: #26e8ff; --roxo: #9b5cff; --magenta: #ff3dbd;
  --verde: #38f2a0; --vermelho: #ff4d6d; --mudo: #8e94b5; --prata: #f4f6ff;
  --borda-suave: rgba(255, 255, 255, .09);
  --grad: linear-gradient(120deg, #26e8ff, #3fa0ff 35%, #9b5cff 70%, #ff3dbd);
  --grad-btn: linear-gradient(120deg, #2b8bff, #7a4dff 60%, #d23cff);
  --vidro: blur(18px) saturate(150%);
  position: relative; background: #04040b; font-size: 15px;
}
.area-jogador::before {
  content: ""; position: fixed; inset: -20%; z-index: -2; pointer-events: none;
  background:
    radial-gradient(38% 32% at 18% 22%, rgba(43, 109, 255, .28), transparent 70%),
    radial-gradient(34% 30% at 85% 18%, rgba(155, 92, 255, .24), transparent 70%),
    radial-gradient(40% 34% at 70% 85%, rgba(255, 61, 189, .15), transparent 70%),
    radial-gradient(36% 30% at 10% 90%, rgba(38, 232, 255, .12), transparent 70%);
  animation: aj-aurora 26s ease-in-out infinite alternate;
}
.area-jogador::after {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .03) 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, #000, transparent 85%);
  mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, #000, transparent 85%);
}
@keyframes aj-aurora {
  0% { transform: translate3d(0, 0, 0) rotate(0deg) scale(1); }
  50% { transform: translate3d(3%, -2%, 0) rotate(6deg) scale(1.08); }
  100% { transform: translate3d(-3%, 3%, 0) rotate(-5deg) scale(1.02); }
}
.area-jogador h1, .area-jogador h2 { font-family: "Exo 2", "Inter", sans-serif; }
.area-jogador a { color: var(--ciano); }
.area-jogador a:hover { color: #fff; }

/* Marca */
.area-jogador .marca { font-family: "Exo 2", "Inter", sans-serif; color: var(--prata); }
.area-jogador .marca b { font-family: "Orbitron", sans-serif; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 10px rgba(63, 160, 255, .45)); }
.area-jogador .marca-c { font: 900 17px "Orbitron", sans-serif; color: #fff; border: 0; background: var(--grad-btn); box-shadow: 0 0 22px -4px rgba(155, 92, 255, .7); }

/* Vidro */
.area-jogador .card, .area-jogador .caixa-login {
  border: 1px solid var(--borda-suave);
  background: linear-gradient(160deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02));
  -webkit-backdrop-filter: var(--vidro); backdrop-filter: var(--vidro);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 24px 60px -24px rgba(0, 0, 0, .8);
}
.area-jogador .card { border-radius: 18px; padding: 22px; }
.area-jogador .card:hover { border-color: rgba(63, 160, 255, .3); }
.area-jogador .card-topo h2 { font-size: 17px; font-weight: 800; color: var(--prata); }

/* Login */
.area-jogador .caixa-login { position: relative; max-width: 440px; padding: 38px 32px 30px; border-radius: 24px; border-color: rgba(63, 160, 255, .28); box-shadow: 0 40px 90px -30px rgba(155, 92, 255, .55), 0 1px 0 rgba(255, 255, 255, .08) inset; }
.area-jogador .caixa-login::before { content: ""; position: absolute; left: 28px; right: 28px; top: -1px; height: 2px; border-radius: 2px; background: var(--grad); box-shadow: 0 0 18px rgba(63, 160, 255, .7); }
.area-jogador .caixa-login > .mudo:first-of-type { margin-top: 10px; }

/* Topo da área logada */
.area-jogador .topbar { background: rgba(4, 4, 11, .62); -webkit-backdrop-filter: blur(16px) saturate(160%); backdrop-filter: blur(16px) saturate(160%); border-bottom: 1px solid var(--borda-suave); box-shadow: none; }
.area-jogador .topbar::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: var(--grad); opacity: .55; }
.area-jogador .chip-staff { border-color: rgba(56, 242, 160, .35); background: rgba(56, 242, 160, .06); }
.area-jogador .btn-sair { border-color: rgba(255, 255, 255, .16); color: var(--prata); border-radius: 11px; }
.area-jogador .btn-sair:hover { background: rgba(255, 77, 109, .14); border-color: var(--vermelho); color: #fff; }
.area-jogador .shell { max-width: 1180px; padding-top: 28px; }
.area-jogador .titulo-pagina h1 { font-size: clamp(26px, 4vw, 34px); background: linear-gradient(180deg, #fff 30%, #a9c6ff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.area-jogador .titulo-pagina h1::after { width: 64px; background: var(--grad); box-shadow: 0 0 12px rgba(63, 160, 255, .6); }

/* Números */
.area-jogador .stat::after { background: radial-gradient(circle, rgba(155, 92, 255, .22), transparent 70%); }
.area-jogador .stat > .mudo:first-child { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.area-jogador .stat .num { font-family: "Orbitron", sans-serif; font-size: 24px; letter-spacing: 0; margin-top: 6px; text-shadow: 0 0 18px rgba(63, 160, 255, .55); }
.area-jogador .stat .num.verde { text-shadow: 0 0 18px rgba(56, 242, 160, .6); }
.area-jogador .stat .num.vermelho { text-shadow: 0 0 18px rgba(255, 77, 109, .6); }
.area-jogador .stat .pequeno-num { font-family: "Inter", sans-serif; font-size: 17px; }

/* Tabela */
.area-jogador .tabela { font-size: 14px; }
.area-jogador .tabela th { background: rgba(255, 255, 255, .03); color: var(--mudo); letter-spacing: .1em; }
.area-jogador .tabela tbody tr:hover { background: rgba(63, 160, 255, .08); }
.area-jogador .tabela td b { color: #fff; }

/* Formulários e botões */
.area-jogador .form label { font-size: 13px; color: var(--prata); }
.area-jogador input { min-height: 48px; padding: 0 14px; border-radius: 12px; background: rgba(0, 0, 0, .35); border: 1px solid rgba(255, 255, 255, .14); transition: border-color .15s, box-shadow .15s; }
.area-jogador input:focus { border-color: var(--azul); box-shadow: 0 0 0 3px rgba(63, 160, 255, .22), 0 0 24px -6px rgba(63, 160, 255, .6); }
.area-jogador input:-webkit-autofill { -webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0 40px #0c0c1d inset; caret-color: #fff; }
.area-jogador .btn { min-height: 46px; border-radius: 12px; font-size: 14px; }
.area-jogador .btn-primario { background: var(--grad-btn); background-size: 160% auto; box-shadow: 0 0 0 1px rgba(255, 255, 255, .18) inset, 0 10px 30px -8px rgba(155, 92, 255, .6), 0 0 22px -6px rgba(63, 160, 255, .6); }
.area-jogador .btn-primario:hover:not(:disabled) { background-position: right center; filter: brightness(1.1); }
.area-jogador .btn-secundario { border-color: rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .04); color: var(--prata); }
.area-jogador .btn-secundario:hover:not(:disabled) { border-color: var(--azul); box-shadow: 0 0 20px -6px rgba(63, 160, 255, .7); }

/* Avisos */
.area-jogador .alerta { border-radius: 14px; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.area-jogador .alerta-erro { border-color: rgba(255, 77, 109, .4); background: rgba(255, 77, 109, .1); color: #ffd3dc; }
.area-jogador .alerta-ok { border-color: rgba(56, 242, 160, .4); background: rgba(56, 242, 160, .08); color: #c9ffe6; }

@media (prefers-reduced-motion: reduce) { .area-jogador::before { animation: none; } }