/* ============================================================
   ANTICA — reskin no visual "tibiana" (ref: bravora.exordion.com.br)
   Carrega DEPOIS de pythera.css (agora shanera.css) via sub_filter.
   ============================================================ */

@font-face{font-family:'Martel';src:url('/assets/fonts/martel-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Martel';src:url('/assets/fonts/martel-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Martel';src:url('/assets/fonts/martel-900.ttf') format('truetype');font-weight:900;font-display:swap}
@font-face{font-family:'Cinzel';src:url('/assets/fonts/cinzel-600.ttf') format('truetype');font-weight:600 800;font-display:swap}

:root{
  --bg:#050d1c; --panel:#0a1424; --panel-edge:#3d8fd8;
  --card:#0a1424; --card-edge:#3d8fd8;
  --title-ink:#e7f1fb; --bright:#eef6ff; --text:#c4d3e2; --dim:#8299ad;
  --divider:rgba(61,143,216,.28);
  --gold:#3d8fd8; --gold-br:#7cc0f5; --green:#3dff5e; --link:#7cc0f5;
  --serif:'Martel','Cinzel',Georgia,serif;
  --sans:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --amber-bar:linear-gradient(#1f63ac,#123f74);
}

html,body{background:#050d1c !important;}

/* ---------- 3-column layout (força, o grid do upstream não engata via proxy) ---------- */
.shell{max-width:1080px !important;margin:0 auto !important;padding:26px 20px 40px !important;}
/* páginas internas: centralizar e alargar o conteúdo (não ficar espremido à esquerda) */
.shell > .wrap,.shell .wrap{max-width:960px !important;margin-left:auto !important;margin-right:auto !important;width:100% !important;}
.shell > .panel{margin-left:auto !important;margin-right:auto !important;}
@media(min-width:1000px){
  .grid{display:grid !important;grid-template-columns:232px minmax(0,1fr) 244px !important;gap:22px !important;align-items:start !important;}
  .c-left,.c-center,.c-right{width:auto !important;max-width:none !important;float:none !important;margin:0 !important;}
}

/* kill upstream incident popup + analytics consent bar + community popup + lore widgets */
.incident-shade,.incident-pop,.incident-popup,.analytics-consent,.consent-bar,
.cookie-consent,#analytics-consent,.community-pop,#community-pop,
.panel.post,#noticias,#lendas,.hall-fama,.hof{display:none !important;visibility:hidden !important;}
body style,.panel style,.bd style{display:none !important;}
html.incident-locked,body.incident-locked,body.noscroll{overflow:auto !important;}
body{
  color:var(--text) !important;
  background:
    linear-gradient(180deg, rgba(5,15,31,.30) 0%, rgba(5,15,31,.72) 40%, #050d1c 70%),
    radial-gradient(1300px 560px at 50% -160px, rgba(61,143,216,.30), transparent 72%),
    radial-gradient(900px 500px at 50% 0, rgba(16,48,92,.35), transparent 70%),
    #050d1c !important;
  background-attachment:fixed !important;
  background-repeat:no-repeat !important;
}

/* ---------- top bar (páginas internas proxied) ---------- */
.top{
  background:rgba(3,8,16,.94) !important;
  border-bottom:2px solid var(--gold) !important;
  box-shadow:0 3px 18px rgba(0,0,0,.6) !important;
  padding:0 !important;
}
.top .top-in{
  display:flex !important; align-items:center !important; flex-wrap:wrap !important;
  gap:8px 20px !important; max-width:1220px !important; margin:0 auto !important;
  padding:11px 22px !important;
}
.top .top-in .w{
  font-family:var(--serif) !important; letter-spacing:.06em !important;
  color:var(--dim) !important; font-size:13px !important;
}
.top .top-in .w b{
  color:#e9f3fc !important; letter-spacing:.18em !important;
  text-shadow:0 0 14px rgba(61,143,216,.55),0 2px 4px #000 !important;
}
.top .top-in nav{
  display:flex !important; flex-wrap:wrap !important; gap:6px 16px !important;
  margin-left:auto !important;
}
.top .top-in nav a,.top nav a{
  font-family:var(--serif) !important; text-transform:uppercase !important;
  letter-spacing:.08em !important; font-size:12px !important;
  color:var(--gold-br) !important; text-decoration:none !important;
}
.top .top-in nav a:hover{color:#bfe0fb !important;}
.top a{color:var(--link) !important;}
.top .brand,.top-in .brand{font-family:var(--serif) !important;letter-spacing:3px !important;color:var(--gold-br) !important;text-shadow:0 2px 6px #000;}

/* ---------- slim hero (faixa de título das páginas internas) ---------- */
.slimhero{
  text-align:center !important;
  padding:34px 20px 30px !important;
  background:
    radial-gradient(60% 120% at 50% 0%, rgba(61,143,216,.22), transparent 62%),
    linear-gradient(180deg,#091624,#050d1c) !important;
  border-bottom:1px solid rgba(61,143,216,.35) !important;
}
.slimhero .logo{
  font-family:var(--serif) !important; font-weight:900 !important;
  text-transform:uppercase !important; letter-spacing:.16em !important;
  font-size:clamp(30px,5vw,52px) !important; line-height:1 !important;
  color:#e9f3fc !important;
  text-shadow:0 0 30px rgba(61,143,216,.55),0 0 8px rgba(61,143,216,.6),0 3px 0 #0e3a68,0 6px 16px rgba(0,0,0,.8) !important;
}
.slimhero .ribbon{
  margin-top:8px !important; font-family:var(--serif) !important;
  text-transform:uppercase !important; letter-spacing:.3em !important;
  color:var(--gold-br) !important; font-size:12px !important; text-shadow:0 2px 4px #000 !important;
}

/* ---------- hero ---------- */
.hero{
  border-bottom:1px solid rgba(61,143,216,.35) !important;
  position:relative !important;
  min-height:440px !important;
  padding:60px 16px 46px !important;
  background:
    radial-gradient(70% 90% at 50% 8%, rgba(61,143,216,.30), transparent 62%),
    radial-gradient(120% 140% at 50% -30%, rgba(18,58,110,.45), transparent 70%),
    linear-gradient(180deg, #091624 0%, #06101f 55%, #050d1c 100%) !important;
  overflow:hidden !important;
}
.hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(1px 1px at 20% 30%, rgba(200,225,250,.7), transparent),
    radial-gradient(1px 1px at 70% 20%, rgba(200,225,250,.5), transparent),
    radial-gradient(1.5px 1.5px at 40% 60%, rgba(200,225,250,.4), transparent),
    radial-gradient(1px 1px at 85% 55%, rgba(200,225,250,.6), transparent),
    linear-gradient(180deg, transparent 55%, rgba(5,15,31,.9) 100%);
  opacity:.9;
}
.hero > *{position:relative;z-index:1;}
.hero .logo,.logo{
  font-family:var(--serif) !important; font-weight:900 !important;
  text-transform:uppercase !important; letter-spacing:.14em !important;
  color:#e9f3fc !important;
  text-shadow:
    0 0 30px rgba(61,143,216,.55),
    0 0 8px rgba(61,143,216,.7),
    0 3px 0 #0e3a68, 0 5px 14px rgba(0,0,0,.8) !important;
}
.hero .ribbon,.ribbon{
  font-family:var(--serif) !important; letter-spacing:.22em !important;
  text-transform:uppercase !important; color:var(--gold-br) !important;
  text-shadow:0 2px 4px #000 !important;
}
.crest,.sword{filter:drop-shadow(0 0 12px rgba(61,143,216,.5)) sepia(.3) saturate(1.4) hue-rotate(-12deg);}

/* ---------- buttons ---------- */
.hero-cta a,.btn,a.btn,button.btn,.hero-cta .btn{
  font-family:var(--serif) !important; font-weight:700 !important;
  text-transform:uppercase !important; letter-spacing:.12em !important;
  color:#eef6ff !important;
  background:linear-gradient(#3d8fd8,#1c5a99) !important;
  border:1px solid #7cc0f5 !important;
  border-top-color:#bfe0fb !important; border-bottom-color:#0e3a68 !important;
  border-radius:6px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 4px 12px rgba(0,0,0,.55) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.6) !important;
}
.hero-cta a:hover,.btn:hover{filter:brightness(1.12);text-decoration:none !important;}
.btn.ghost,a.ghost{
  background:rgba(0,0,0,.45) !important;color:var(--gold-br) !important;
  border:1px solid var(--gold) !important;box-shadow:inset 0 0 12px rgba(0,0,0,.7) !important;
}

/* ---------- panels (framed content boxes) ---------- */
.panel{
  background:rgba(3,9,18,.82) !important;
  border:1px solid var(--gold) !important;
  border-radius:5px !important;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.55),
    inset 0 0 16px rgba(0,0,0,.78),
    0 8px 22px rgba(0,0,0,.5) !important;
  position:relative !important;
  overflow:hidden;
}
.panel::before,.panel::after{
  content:"";position:absolute;width:11px;height:11px;pointer-events:none;z-index:1;
  border:2px solid var(--gold-br);opacity:.75;
}
.panel::before{top:3px;left:3px;border-right:0;border-bottom:0;}
.panel::after{bottom:3px;right:3px;border-left:0;border-top:0;}
.panel > .ttl,.panel .ttl{position:relative;z-index:4;}

.panel > .ttl,.panel .ttl,.ttl{
  background:var(--amber-bar) !important;
  border-bottom:1px solid var(--gold) !important;
  color:#eef6ff !important;
  font-family:var(--serif) !important; font-weight:800 !important;
  text-transform:uppercase !important; letter-spacing:.16em !important;
  text-shadow:0 2px 3px #000 !important;
  box-shadow:inset 0 0 14px rgba(0,0,0,.85) !important;
}
.panel .bd,.panel .m{color:var(--text) !important;}
.panel .bd{padding:16px 18px 20px !important;}
.panel .ttl{padding-left:16px !important;}
.cats{padding:2px 2px 0 !important;}
/* "voltar" link at panel foot não colar no ornamento */
.panel .bd a[href="/"],.panel .bd .back,.panel .bd p:last-child{margin-top:6px !important;}
.panel a{color:var(--link) !important;}
.panel a:hover{color:#bfe0fb !important;}
h1,h2,h3,.h,.section-title{font-family:var(--serif) !important;color:var(--gold-br) !important;text-shadow:0 2px 4px #000;}

/* left menu column -> ornate stacked buttons like the ref */
.c-left .panel .m a,.c-left .panel a{
  display:block;margin:0 0 2px;padding:9px 12px;
  font-family:var(--serif) !important;font-weight:700 !important;
  text-transform:uppercase !important;letter-spacing:.12em !important;
  color:#dfeeff !important;
  background:linear-gradient(90deg, rgba(31,99,172,.9), rgba(120,44,0,.55)) !important;
  border:1px solid rgba(124,192,245,.55) !important;border-radius:4px;
  box-shadow:inset 0 0 12px rgba(0,0,0,.6);
}
.c-left .panel .m a:hover{filter:brightness(1.15);text-decoration:none !important;}

/* ---------- server status card ---------- */
.icard{background:rgba(0,0,0,.55) !important;border:1px solid var(--gold) !important;border-radius:5px !important;box-shadow:inset 0 0 14px rgba(0,0,0,.8) !important;}
.icard .big,.big{
  font-family:var(--serif) !important;font-weight:900 !important;
  color:var(--green) !important;
  text-shadow:0 0 20px rgba(61,255,94,.5),0 2px 0 #063,0 3px 10px rgba(0,0,0,.7) !important;
}
.icard .small,.small{color:var(--dim) !important;font-family:var(--serif) !important;letter-spacing:.1em;text-transform:uppercase;}
.srow{
  display:flex !important;justify-content:space-between !important;align-items:baseline;
  padding:5px 2px !important;border-bottom:1px dashed var(--divider) !important;
}
.srow > *:first-child{color:var(--gold-br) !important;font-family:var(--serif) !important;letter-spacing:.06em;text-transform:uppercase;font-size:.82em;}
.srow > *:last-child{color:var(--bright) !important;font-weight:700;}
.status-dot-on{color:var(--green) !important;}

/* tickers / news */
.tk{border-left:3px solid var(--gold) !important;background:rgba(0,0,0,.35) !important;padding-left:10px;}
.post .ph,.ph{background:rgba(0,0,0,.35) !important;border:1px solid rgba(61,143,216,.25) !important;}

/* ---------- social ---------- */
.social-links{display:flex !important;flex-wrap:wrap;gap:10px !important;}
.social-links a{
  display:flex;align-items:center;gap:8px;
  padding:9px 14px !important;border-radius:6px !important;
  background:rgba(0,0,0,.5) !important;border:1px solid var(--gold) !important;
  color:var(--gold-br) !important;font-family:var(--serif) !important;font-weight:700;
  text-transform:uppercase;letter-spacing:.08em;font-size:.8em;
  box-shadow:inset 0 0 10px rgba(0,0,0,.6);
}
.social-links a:hover{filter:brightness(1.15);text-decoration:none !important;}

/* fixed social rail injected by JS */
#antica-rail{position:fixed;right:0;top:120px;z-index:60;display:flex;flex-direction:column;gap:6px}
#antica-rail a{
  width:46px;height:46px;display:grid;place-items:center;font-size:20px;
  background:rgba(4,9,18,.92);border:1px solid var(--gold);border-right:0;
  border-radius:8px 0 0 8px;color:var(--gold-br);text-decoration:none;
  box-shadow:-3px 3px 12px rgba(0,0,0,.5);transition:.15s;
}
#antica-rail a:hover{background:linear-gradient(#1f63ac,#123f74);color:#fff;transform:translateX(-3px)}
@media(max-width:900px){#antica-rail{display:none}}

/* "cliente em breve" banner */
#antica-soon{
  margin:14px 0;padding:14px 16px;border:1px solid var(--gold);border-radius:6px;
  background:linear-gradient(90deg,rgba(31,99,172,.35),rgba(0,0,0,.5));
  color:var(--bright);font-family:var(--serif);letter-spacing:.04em;
  box-shadow:inset 0 0 16px rgba(0,0,0,.7);
}
#antica-soon b{color:var(--gold-br)}

/* kill leftover pythera incident/community popups */
.secpop,.security-popup,#security-popup,.community-popup,#community-popup,
[data-popup],.incident-popup,.modal-incident{display:none !important;visibility:hidden !important;}

/* ---------- forms (criar conta, login, recuperar) ---------- */
form input:not([type=hidden]):not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),
.shell input:not([type=hidden]):not([type=submit]):not([type=button]),
input[type=text],input[type=password],input[type=email],input[type=number],input[type=tel],input:not([type]),
select,textarea{
  width:100% !important;max-width:360px !important;
  background:rgba(0,0,0,.5) !important;
  border:1px solid var(--gold) !important;border-radius:5px !important;
  color:var(--bright) !important;padding:9px 11px !important;
  font-family:var(--sans, 'Segoe UI',Roboto,Arial,sans-serif) !important;font-size:14px !important;
  box-shadow:inset 0 0 8px rgba(0,0,0,.55) !important;outline:none !important;
  -webkit-text-fill-color:var(--bright) !important;
}
input:focus,select:focus,textarea:focus{border-color:var(--gold-br) !important;
  box-shadow:0 0 0 2px rgba(124,192,245,.3),inset 0 0 8px rgba(0,0,0,.6) !important;}
input::placeholder{color:#7c6a52 !important}

/* field / row layout used by criar-conta */
form .field,.field{margin-bottom:15px !important}
form .field label,.field label,form label{
  display:block !important;margin-bottom:5px !important;
  font-family:var(--serif) !important;color:var(--gold-br) !important;
  text-transform:uppercase !important;letter-spacing:.05em !important;font-size:12px !important;font-weight:700 !important;
}
form .field .hint,.field .hint,.hint{
  display:block !important;margin-top:5px !important;
  font-size:11.5px !important;color:var(--dim) !important;font-family:var(--sans,sans-serif) !important;
  text-transform:none !important;letter-spacing:0 !important;
}
@media(min-width:640px){
  form .two,.two{display:grid !important;grid-template-columns:1fr 1fr !important;gap:0 22px !important;}
}
form .two,.two{max-width:none !important}

input[type=submit],button[type=submit],button.btn,.btn-primary{
  width:100% !important;max-width:none !important;margin-top:8px !important;
  background:linear-gradient(#3d8fd8,#1c5a99) !important;border:1px solid #7cc0f5 !important;
  border-top-color:#bfe0fb !important;border-bottom-color:#0e3a68 !important;
  color:#eef6ff !important;font-family:var(--serif) !important;font-weight:700 !important;
  text-transform:uppercase !important;letter-spacing:.12em !important;border-radius:6px !important;
  padding:12px 22px !important;font-size:14px !important;cursor:pointer !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 12px rgba(0,0,0,.5) !important;text-shadow:0 1px 2px rgba(0,0,0,.6) !important;
}
input[type=submit]:hover,button[type=submit]:hover,button.btn:hover{filter:brightness(1.12) !important}
table{border-color:rgba(61,143,216,.35) !important;}
th,.TableContainer .CaptionContainer,.CaptionContainer{
  background:var(--amber-bar) !important;color:#eef6ff !important;
  font-family:var(--serif) !important;text-transform:uppercase;letter-spacing:.08em;
}
td{color:var(--text) !important;}
tr:nth-child(even) td,.Even,.even{background:rgba(255,255,255,.03) !important;}
tr:nth-child(odd) td,.Odd,.odd{background:rgba(0,0,0,.25) !important;}

/* footer */
footer{border-top:1px solid rgba(61,143,216,.3) !important;color:var(--dim) !important;font-size:.85em;}
footer a{color:var(--link) !important;}

/* scrollbar */
*::-webkit-scrollbar{width:10px}
*::-webkit-scrollbar-track{background:#0a1424}
*::-webkit-scrollbar-thumb{background:#1c5a99;border-radius:6px}