/* ============================================================
   SHANERA — 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:#050f1f; --panel:#0a1526; --panel-edge:#e99002;
  --card:#0b1526; --card-edge:#e99002;
  --title-ink:#f6efe0; --bright:#fff3e4; --text:#d7c8b4; --dim:#a98f74;
  --divider:rgba(233,144,2,.28);
  --gold:#ff8a1e; --gold-br:#ffb257; --green:#3dff5e; --link:#ffb257;
  --serif:'Martel','Cinzel',Georgia,serif;
  --amber-bar:linear-gradient(#d23f06,#a62c00);
}

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

/* ---------- 3-column layout (força, o grid do upstream não engata via proxy) ---------- */
.shell{max-width:1220px !important;margin:0 auto !important;padding:0 16px !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%, #050f1f 70%),
    radial-gradient(1300px 560px at 50% -160px, rgba(255,138,30,.30), transparent 72%),
    radial-gradient(900px 500px at 50% 0, rgba(120,60,10,.35), transparent 70%),
    #050f1f !important;
  background-attachment:fixed !important;
  background-repeat:no-repeat !important;
}

/* ---------- top bar ---------- */
.top{
  background:rgba(4,9,18,.92) !important;
  border-bottom:2px solid var(--gold) !important;
  box-shadow:0 2px 18px rgba(0,0,0,.6) !important;
  backdrop-filter:blur(4px);
}
.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;}

/* ---------- hero ---------- */
.hero{
  border-bottom:1px solid rgba(233,144,2,.35) !important;
  position:relative !important;
  min-height:440px !important;
  padding:60px 16px 46px !important;
  background:
    radial-gradient(70% 90% at 50% 8%, rgba(255,150,40,.30), transparent 62%),
    radial-gradient(120% 140% at 50% -30%, rgba(150,70,15,.45), transparent 70%),
    linear-gradient(180deg, #0a1428 0%, #071021 55%, #050f1f 100%) !important;
  overflow:hidden !important;
}
.hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(1px 1px at 20% 30%, rgba(255,210,150,.7), transparent),
    radial-gradient(1px 1px at 70% 20%, rgba(255,210,150,.5), transparent),
    radial-gradient(1.5px 1.5px at 40% 60%, rgba(255,210,150,.4), transparent),
    radial-gradient(1px 1px at 85% 55%, rgba(255,210,150,.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:#ffedd6 !important;
  text-shadow:
    0 0 30px rgba(255,138,30,.55),
    0 0 8px rgba(255,138,30,.7),
    0 3px 0 #7a2c00, 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(255,138,30,.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:#fff4e6 !important;
  background:linear-gradient(#ff8a1e,#c9500a) !important;
  border:1px solid #ffb257 !important;
  border-top-color:#ffd7a8 !important; border-bottom-color:#7a2600 !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:14px;height:14px;pointer-events:none;z-index:3;
  border:2px solid var(--gold-br);opacity:.9;
}
.panel::before{top:4px;left:4px;border-right:0;border-bottom:0;}
.panel::after{bottom:4px;right:4px;border-left:0;border-top:0;}

.panel > .ttl,.panel .ttl,.ttl{
  background:var(--amber-bar) !important;
  border-bottom:1px solid var(--gold) !important;
  color:#fff5e9 !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 a{color:var(--link) !important;}
.panel a:hover{color:#ffd7a8 !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:#ffe6cf !important;
  background:linear-gradient(90deg, rgba(210,63,6,.9), rgba(120,44,0,.55)) !important;
  border:1px solid rgba(255,178,87,.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(233,144,2,.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 */
#shanera-rail{position:fixed;right:0;top:120px;z-index:60;display:flex;flex-direction:column;gap:6px}
#shanera-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;
}
#shanera-rail a:hover{background:linear-gradient(#d23f06,#a62c00);color:#fff;transform:translateX(-3px)}
@media(max-width:900px){#shanera-rail{display:none}}

/* "cliente em breve" banner */
#shanera-soon{
  margin:14px 0;padding:14px 16px;border:1px solid var(--gold);border-radius:6px;
  background:linear-gradient(90deg,rgba(210,63,6,.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);
}
#shanera-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 / tables (account, login, highscores) ---------- */
input[type=text],input[type=password],input[type=email],input[type=number],select,textarea{
  background:rgba(0,0,0,.55) !important;
  border:1px solid var(--gold) !important;border-radius:4px !important;
  color:var(--bright) !important;padding:7px 9px !important;
  font-family:Roboto,Arial,sans-serif !important;
  box-shadow:inset 0 0 8px rgba(0,0,0,.6) !important;outline:none !important;
}
input:focus,select:focus,textarea:focus{border-color:var(--gold-br) !important;box-shadow:0 0 0 2px rgba(255,178,87,.3),inset 0 0 8px rgba(0,0,0,.6) !important;}
input[type=submit],button[type=submit],.btn-primary{
  background:linear-gradient(#ff8a1e,#c9500a) !important;border:1px solid #ffb257 !important;
  color:#fff4e6 !important;font-family:var(--serif) !important;font-weight:700 !important;
  text-transform:uppercase !important;letter-spacing:.1em !important;border-radius:6px !important;
  padding:9px 22px !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 12px rgba(0,0,0,.5) !important;
}
table{border-color:rgba(233,144,2,.35) !important;}
th,.TableContainer .CaptionContainer,.CaptionContainer{
  background:var(--amber-bar) !important;color:#fff5e9 !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(233,144,2,.3) !important;color:var(--dim) !important;font-size:.85em;}
footer a{color:var(--link) !important;}

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