/* ============================================================
   WOLFZ — redesign do site (tema dark forjado)
   Escopo: tudo sob .wz-page pra nao colidir com o MyAAC.
   URLs relativas ao arquivo (templates/tibiacom/).
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&display=swap');

:root{
  --wz-bg:#0a0605; --wz-panel:#140d0b; --wz-panel2:#1c1310;
  --wz-frame:#4a3226; --wz-frame-hi:#8a6a44;
  --wz-ink:#cbbfb6; --wz-ink-dim:#8a7c72; --wz-ink-bright:#efe7df;
  --wz-silver:#dfe3ea; --wz-red:#e0242b; --wz-red-hi:#ff5a4e;
  --wz-gold:#d6a44e; --wz-gold-hi:#f2cd82; --wz-green:#57d17f;
  --wz-stroke:rgba(255,220,200,.08); --wz-shadow:0 18px 50px rgba(0,0,0,.7);
  --wz-corner:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3Cpath%20d='M10%201%2019%2010%2010%2019%201%2010Z'%20fill='%230a0605'%20stroke='%23c9a24a'%20stroke-width='1.2'/%3E%3Cpath%20d='M10%204%2016%2010%2010%2016%204%2010Z'%20fill='none'%20stroke='%23f2cd82'%20stroke-width='.6'%20opacity='.75'/%3E%3C/svg%3E");
  --wz-ff-display:"Cinzel","Trajan Pro","Georgia",serif;
  --wz-ff-ui:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
}

/* ---- reset do layout classico + fundo ---- */
body{
  margin:0 !important; padding:0 !important;
  background:var(--wz-bg) !important;
  font-family:var(--wz-ff-ui); color:var(--wz-ink);
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
body::before{content:""; position:fixed; inset:0; z-index:-3;
  background:
    radial-gradient(120% 90% at 50% 40%, rgba(8,5,4,.30) 0%, rgba(8,5,4,.72) 58%, rgba(6,4,3,.95) 100%),
    url('images/wolfz/backgrounds/site-background.webp') center top / cover no-repeat, var(--wz-bg);}
body::after{content:""; position:fixed; inset:0; pointer-events:none; z-index:-2;
  background-image:
    radial-gradient(1.6px 1.6px at 12% 30%, rgba(255,150,70,.5), transparent 60%),
    radial-gradient(1.4px 1.4px at 28% 70%, rgba(255,110,60,.4), transparent 60%),
    radial-gradient(2px 2px at 52% 40%, rgba(255,180,90,.45), transparent 60%),
    radial-gradient(1.4px 1.4px at 71% 78%, rgba(255,120,60,.4), transparent 60%),
    radial-gradient(1.6px 1.6px at 88% 22%, rgba(255,160,80,.45), transparent 60%);
  background-size:100% 46vh; opacity:.4; animation:wzEmbers 28s linear infinite;}
@keyframes wzEmbers{from{background-position:0 0}to{background-position:0 -46vh}}
@media (prefers-reduced-motion:reduce){body::after{animation:none}}

.wz-page{position:relative; z-index:1}
.wz-page *{box-sizing:border-box}
.wz-wolfmark{position:fixed; right:-40px; bottom:-30px; width:320px; z-index:-1; opacity:.13; pointer-events:none}
.wz-wrap{max-width:1340px; margin:0 auto; padding:0 22px; position:relative; z-index:1}

/* ---- painel ornamentado ---- */
.wz-panel{position:relative;
  background:
    var(--wz-corner) top 5px left 5px / 15px no-repeat, var(--wz-corner) top 5px right 5px / 15px no-repeat,
    var(--wz-corner) bottom 5px left 5px / 15px no-repeat, var(--wz-corner) bottom 5px right 5px / 15px no-repeat,
    linear-gradient(180deg,var(--wz-panel2),var(--wz-panel));
  border:1px solid var(--wz-frame-hi); border-radius:4px;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,220,190,.05), var(--wz-shadow);}
.wz-ph{position:relative; font-family:var(--wz-ff-display); letter-spacing:.16em; text-transform:uppercase;
  font-size:13px; color:var(--wz-gold-hi); text-align:center; padding:11px 26px; border-bottom:1px solid var(--wz-frame);
  background:linear-gradient(180deg,rgba(224,36,43,.10),transparent); text-shadow:0 1px 2px #000;}
.wz-ph::before,.wz-ph::after{content:""; position:absolute; top:50%; width:11px; height:11px; margin-top:-5px;
  background:var(--wz-corner) center/contain no-repeat; opacity:.9}
.wz-ph::before{left:9px} .wz-ph::after{right:9px}

/* ---- masthead ---- */
.wz-masthead{position:relative; overflow:hidden; border-bottom:1px solid var(--wz-frame)}
.wz-mh-art{position:absolute; inset:0; background:url('images/wolfz/backgrounds/header-background.webp') center 28% / cover no-repeat}
.wz-mh-veil{position:absolute; inset:0; background:
  linear-gradient(90deg,rgba(8,5,4,.72),rgba(8,5,4,.12) 30%,rgba(8,5,4,.12) 70%,rgba(8,5,4,.72)),
  linear-gradient(180deg,rgba(8,5,4,.35),rgba(8,5,4,.85))}
.wz-mh-grid{display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; min-height:210px; padding:16px 22px; position:relative; z-index:1}
.wz-status{justify-self:start; display:flex; flex-direction:column; gap:1px; align-items:center; text-align:center; border:1px solid var(--wz-frame-hi);
  background:linear-gradient(180deg,rgba(28,19,16,.82),rgba(16,11,9,.82)); padding:9px 18px; border-radius:4px;
  min-width:150px; box-shadow:var(--wz-shadow); backdrop-filter:blur(2px)}
.wz-status .r{display:flex; align-items:center; gap:8px; font-family:var(--wz-ff-display); letter-spacing:.1em;
  font-size:12px; color:var(--wz-ink-bright); text-transform:uppercase}
.wz-dot{width:9px;height:9px;border-radius:50%;background:var(--wz-green);box-shadow:0 0 10px var(--wz-green)}
.wz-dot.off{background:#c33;box-shadow:0 0 10px #c33}
.wz-status small{color:var(--wz-ink-dim); font-size:10.5px; letter-spacing:.09em; text-transform:uppercase}
.wz-status b{font-size:22px; color:var(--wz-green); font-variant-numeric:tabular-nums}
.wz-logo{justify-self:center}
.wz-logo img{height:118px; filter:drop-shadow(0 6px 22px rgba(0,0,0,.9)) drop-shadow(0 0 30px rgba(224,36,43,.25))}
.wz-play{justify-self:end}
.wz-btnplay{display:inline-flex; flex-direction:column; align-items:center; gap:2px; text-decoration:none;
  font-family:var(--wz-ff-display); text-transform:uppercase; letter-spacing:.13em; color:#fff; padding:13px 30px;
  border-radius:4px; border:1px solid var(--wz-red-hi); background:linear-gradient(180deg,#c31d24,#7c1013);
  box-shadow:0 10px 26px rgba(224,36,43,.45), inset 0 1px 0 rgba(255,255,255,.15); transition:transform .15s, box-shadow .15s}
.wz-btnplay span{font-size:16px; font-weight:700; text-shadow:0 1px 2px #000}
.wz-btnplay small{font-size:10px; letter-spacing:.15em; color:#ffd9d0; font-family:var(--wz-ff-ui)}
.wz-btnplay:hover{transform:translateY(-2px); box-shadow:0 14px 34px rgba(224,36,43,.6)}

/* ---- nav ---- */
.wz-nav{margin:16px 0 22px; position:relative; z-index:20}
.wz-nav ul{list-style:none; display:flex; justify-content:center; gap:4px; margin:0; padding:7px 30px;
  border:1px solid var(--wz-frame-hi); border-radius:4px; box-shadow:var(--wz-shadow);
  background-image:
    var(--wz-corner) top 5px left 6px / 14px no-repeat, var(--wz-corner) top 5px right 6px / 14px no-repeat,
    var(--wz-corner) bottom 5px left 6px / 14px no-repeat, var(--wz-corner) bottom 5px right 6px / 14px no-repeat,
    linear-gradient(180deg,rgba(28,19,16,.96),rgba(15,10,8,.96))}
.wz-nav li{position:relative}
.wz-nav a{display:block; text-decoration:none; color:var(--wz-ink); font-family:var(--wz-ff-display);
  text-transform:uppercase; letter-spacing:.12em; font-size:13px; padding:9px 18px; border-radius:3px; transition:.15s; white-space:nowrap}
.wz-nav>ul>li>a:hover{color:var(--wz-ink-bright); background:rgba(224,36,43,.14)}
.wz-nav>ul>li>a.active{color:#fff; background:linear-gradient(180deg,#c31d24,#7c1013); box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.wz-nav .sub{position:absolute; top:100%; left:0; min-width:190px; margin-top:6px; padding:6px; display:none;
  border:1px solid var(--wz-frame-hi); border-radius:4px; background:linear-gradient(180deg,#1c1310,#100b09); box-shadow:var(--wz-shadow); z-index:30}
.wz-nav li:hover>.sub{display:block}
.wz-nav .sub::before{content:""; position:absolute; top:-10px; left:0; right:0; height:10px} /* ponte invisivel: cobre o gap p/ o hover nao fechar ao descer o mouse */
.wz-nav .sub a{font-size:12px; letter-spacing:.08em; padding:8px 12px}
.wz-nav .sub a:hover{background:rgba(224,36,43,.16); color:var(--wz-ink-bright)}

/* ---- layout ---- */
.wz-layout{display:grid; grid-template-columns:1fr 316px; gap:20px; padding-bottom:20px}
.wz-hero{position:relative; overflow:hidden; border-radius:4px; border:1px solid var(--wz-frame-hi); box-shadow:var(--wz-shadow); height:440px}
.wz-hero .slide{position:absolute; inset:0; opacity:0; transition:opacity 1s ease; background-size:cover; background-position:center}
.wz-hero .slide.on{opacity:1}
.wz-hero .veil{position:absolute; inset:0; background:linear-gradient(90deg,rgba(6,4,4,.5) 0%, rgba(6,4,4,.12) 42%, transparent 62%, rgba(6,4,4,.25) 100%)}
.wz-hero .copy{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:0 6%; z-index:2}
.wz-hero h1{font-family:var(--wz-ff-display); text-transform:uppercase; margin:0; line-height:.9; letter-spacing:.03em;
  font-size:68px; font-weight:800; background:linear-gradient(180deg,#f6f2ec,#c4bcb2 55%,#8a8178);
  -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 3px 8px rgba(0,0,0,.9))}
.wz-hero h1 em{font-style:normal; display:block; background:linear-gradient(180deg,#ff6a5c,#e0242b 55%,#8f1418);
  -webkit-background-clip:text; background-clip:text; color:transparent}
.wz-hero p{max-width:470px; color:#eadfd6; font-size:16px; margin:16px 0 22px; text-shadow:0 1px 4px #000}
.wz-hero .cta{text-decoration:none; font-family:var(--wz-ff-display); text-transform:uppercase; letter-spacing:.14em;
  color:#fff; padding:13px 40px; border:1px solid var(--wz-red-hi); border-radius:4px; background:linear-gradient(180deg,#c31d24,#7c1013); box-shadow:0 10px 26px rgba(224,36,43,.45)}
.wz-hero .cta:hover{filter:brightness(1.1)}
.wz-hero .arrow{position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:42px; height:42px; display:grid; place-items:center;
  color:#eadfd6; font-size:26px; cursor:pointer; background:rgba(10,6,6,.45); border:1px solid var(--wz-frame-hi); border-radius:50%; user-select:none; transition:.15s}
.wz-hero .arrow:hover{background:rgba(224,36,43,.35); color:#fff}
.wz-hero .arrow.l{left:14px} .wz-hero .arrow.r{right:14px}
.wz-hero .dots{position:absolute; bottom:14px; left:0; right:0; display:flex; justify-content:center; gap:8px; z-index:3}
.wz-hero .dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.28); border:1px solid rgba(0,0,0,.5); cursor:pointer}
.wz-hero .dots i.on{background:var(--wz-red); box-shadow:0 0 8px var(--wz-red)}

.wz-features{display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin-top:18px}
.wz-feat{padding:16px 10px 14px; text-align:center; min-height:172px; display:flex; flex-direction:column; align-items:center; text-decoration:none}
.wz-feat img{width:56px; height:56px; object-fit:contain; margin-bottom:10px; filter:drop-shadow(0 3px 6px #000)}
.wz-feat h3{font-family:var(--wz-ff-display); text-transform:uppercase; letter-spacing:.04em; font-size:12.5px; color:var(--wz-ink-bright); margin:0 0 6px; line-height:1.15}
.wz-feat p{font-size:11px; color:var(--wz-ink-dim); margin:0 0 10px; line-height:1.4}
.wz-feat span{margin-top:auto; font-family:var(--wz-ff-display); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--wz-red-hi)}
.wz-feat:hover span{color:#fff}
.wz-feat:hover{border-color:var(--wz-red-hi)}

.wz-lower{display:grid; grid-template-columns:1.6fr 1fr; gap:20px; margin-top:20px; align-items:start}
.wz-newshead{font-family:var(--wz-ff-display); text-transform:uppercase; letter-spacing:.1em; font-size:17px; color:var(--wz-ink-bright); margin:0 0 12px; padding:14px 16px 0}

/* guild */
.wz-guild{text-align:center}
.wz-guild .body{padding:16px}
.wz-guild .emblem{width:82px;height:82px;margin:2px auto 8px; object-fit:contain; filter:drop-shadow(0 4px 8px #000)}
.wz-guild .gname{font-family:var(--wz-ff-display); font-size:18px; color:var(--wz-gold-hi); letter-spacing:.03em}
.wz-guild .meta{font-size:12px; color:var(--wz-ink-dim); margin:6px 0}
.wz-guild .meta b{color:var(--wz-ink)}
.wz-guild .quote{font-style:italic; color:var(--wz-ink); font-size:12.5px; margin:8px 0 14px}
.wz-ghost{display:inline-block; text-decoration:none; font-family:var(--wz-ff-display); text-transform:uppercase; letter-spacing:.12em; font-size:11px;
  color:var(--wz-ink-bright); padding:10px 24px; border:1px solid var(--wz-frame-hi); border-radius:3px; background:linear-gradient(180deg,#221512,#140d0b)}
.wz-ghost:hover{border-color:var(--wz-red-hi); color:#fff}

/* right rail */
.wz-side{display:flex; flex-direction:column; gap:18px}
.wz-acct .body{padding:15px; display:flex; flex-direction:column; gap:9px}
.wz-field{display:flex; align-items:center; gap:9px; background:#0c0706; border:1px solid var(--wz-frame); border-radius:3px; padding:9px 11px}
.wz-field svg{width:15px;height:15px; color:var(--wz-ink-dim); flex:none}
.wz-field input{background:transparent; border:0; outline:0; color:var(--wz-ink-bright); width:100%; font-size:13px}
.wz-field input::placeholder{color:var(--wz-ink-dim)}
.wz-btnred{width:100%; cursor:pointer; text-align:center; text-decoration:none; font-family:var(--wz-ff-display); text-transform:uppercase; letter-spacing:.14em; font-size:12px;
  color:#fff; padding:11px; border:1px solid var(--wz-red-hi); border-radius:3px; background:linear-gradient(180deg,#c31d24,#7c1013); box-shadow:0 6px 16px rgba(224,36,43,.35)}
.wz-btnred:hover{filter:brightness(1.1)}
.wz-forgot{text-align:center; font-size:11px; color:var(--wz-ink-dim); text-decoration:none}
.wz-forgot:hover{color:var(--wz-red-hi)}
.wz-btngold{display:block; text-align:center; text-decoration:none; font-family:var(--wz-ff-display); text-transform:uppercase; letter-spacing:.12em; font-size:12px;
  color:#2a1c07; padding:11px; border:1px solid var(--wz-gold-hi); border-radius:3px; background:linear-gradient(180deg,#e6bd6b,#b9852f); box-shadow:0 6px 16px rgba(0,0,0,.45)}
.wz-btngold:hover{filter:brightness(1.06)}
.wz-rowl{display:flex; align-items:center; gap:8px; color:#8fb0ff; font-size:12px; margin-top:2px}
.wz-rowl input{accent-color:var(--wz-red)}

.wz-links a{display:flex; align-items:center; gap:11px; text-decoration:none; color:var(--wz-ink); padding:9px 16px; border-top:1px solid var(--wz-stroke); font-size:13px; transition:.12s}
.wz-links a:first-child{border-top:0}
.wz-links a img{width:20px; height:20px; object-fit:contain}
.wz-links a .chev{margin-left:auto; color:var(--wz-ink-dim)}
.wz-links a:hover{background:rgba(224,36,43,.1); color:var(--wz-ink-bright); padding-left:20px}
.wz-sinfo .row{display:flex; justify-content:space-between; align-items:center; padding:9px 16px; border-top:1px solid var(--wz-stroke); font-size:13px}
.wz-sinfo .row:first-child{border-top:0}
.wz-sinfo .row span{color:var(--wz-ink-dim)}
.wz-sinfo .row b{font-family:var(--wz-ff-ui); font-variant-numeric:tabular-nums; color:var(--wz-green)}
.wz-sinfo .row b.gold{color:var(--wz-gold-hi)}

/* footer */
.wz-foot{border-top:1px solid var(--wz-frame); margin-top:26px; padding:22px 0 46px; position:relative; z-index:1}
.wz-foot-grid{display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px}
.wz-foot-grid>img{height:40px; opacity:.92}
.wz-social{display:flex; gap:9px; justify-content:center; align-items:center}
.wz-social span{color:var(--wz-ink-dim); font-size:11px; letter-spacing:.13em; text-transform:uppercase; margin-right:6px}
.wz-social a{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--wz-frame-hi); border-radius:6px; color:var(--wz-ink); text-decoration:none; font-size:14px}
.wz-social a:hover{border-color:var(--wz-red-hi); color:#fff}
.wz-tag{justify-self:end; text-align:right; font-family:var(--wz-ff-display); text-transform:uppercase; letter-spacing:.13em; font-size:12px; color:var(--wz-ink-dim); line-height:1.5}
.wz-legal{text-align:center; color:var(--wz-ink-dim); font-size:11px; margin-top:14px}
.wz-legal a{color:var(--wz-ink-dim); text-decoration:none} .wz-legal a:hover{color:var(--wz-red-hi)}
.wz-foot .Footer,.wz-foot a{color:var(--wz-ink-dim)}

/* ============ conteudo MyAAC (classico Tibia) -> pele DARK ============ */
.wz-content{position:relative; color:var(--wz-ink); font-size:13px; line-height:1.55}
.wz-content, .wz-content td, .wz-content th, .wz-content span, .wz-content div, .wz-content p, .wz-content li, .wz-content font{color:var(--wz-ink)}
.wz-content h1,.wz-content h2,.wz-content h3,.wz-content h4,.wz-content b,.wz-content strong{color:var(--wz-ink-bright)}
.wz-content a{color:var(--wz-red-hi); text-decoration:none} .wz-content a:hover{color:#fff; text-decoration:underline}
.wz-content img{vertical-align:middle; max-width:100%; height:auto}
.wz-content center>img,.wz-content p>img{display:inline-block}

/* IMPORTANTE: as molduras/corners/scroll/title-bars classicas agora sao ASSETS DARK
   (recoloridos por recolor.py). NAO escondemos nem forcamos bordas -> preserva o
   ESQUADRO/alinhamento do tema. Aqui so ajustamos COR (texto e fundos de linha inline). */

/* titulo (Caption / BorderTitle) sobre a barra dark -> texto dourado */
.wz-content .CaptionInnerContainer .Text,.wz-content .BorderTitleText,.wz-content .SortButton,.wz-content .LabelH{color:var(--wz-gold-hi) !important}

/* fundos bege inline (bgcolor) -> dark (COR apenas, nao mexe na estrutura) */
.wz-content [bgcolor]{background-color:#160f0d !important}
.wz-content tr[bgcolor="#F1E0C6" i] td,.wz-content .Odd,.wz-content tr.Odd td{background-color:#1c1310 !important}
.wz-content tr[bgcolor="#D4C0A1" i] td,.wz-content .Even,.wz-content tr.Even td{background-color:#140d0b !important}
.wz-content tr[bgcolor="#FAA73D" i] td,.wz-content tr[bgcolor="#505050" i] td{background-color:#241713 !important; color:var(--wz-gold-hi) !important}
.wz-content .TableContent tr:hover td{background-color:rgba(224,36,43,.10) !important}
/* corpos de tabela com fundo bege (classe ou inline) -> dark. SO background-color, nao mexe em moldura/borda-imagem */
.wz-content .Table1,.wz-content .Table2,.wz-content .Table3,.wz-content .Table4,.wz-content .Table5,
.wz-content .TableContent,.wz-content .TableContentContainer,.wz-content .Message,.wz-content .InnerTableContainer{background-color:#160f0d !important}
.wz-content [style*="F1E0C6"],.wz-content [style*="f1e0c6"],.wz-content [style*="D4C0A1"],.wz-content [style*="d4c0a1"],
.wz-content [style*="FAF0D7"],.wz-content [style*="faf0d7"],.wz-content [style*="FFFFFF"] tr,.wz-content [style*="rgb(241"]{background-color:#160f0d !important}
/* borda interna clara (#faf0d7/#808080) -> dark (cor apenas) */
/* bordas creme (#faf0d7/#808080) em TODAS as celulas -> dark. border-COLOR nao altera layout */
.wz-content td,.wz-content th,.wz-content table{border-color:#2a1a15 !important}

/* labels, cores utilitarias, inputs */
.wz-content .LabelV,.wz-content .LabelV span,.wz-content label{color:var(--wz-ink) !important}
.wz-content .red,.wz-content .Red,.wz-content font[color="red"],.wz-content [style*="color: red"]{color:var(--wz-red-hi) !important}
.wz-content .white,.wz-content font[color="white"]{color:var(--wz-ink-bright) !important}
.wz-content .green{color:var(--wz-green) !important}
.wz-content input:not([type]),.wz-content input[type=text],.wz-content input[type=password],.wz-content input[type=email],.wz-content input[type=number],
.wz-content input[type=search],.wz-content select,.wz-content textarea{
  background:#0c0706 !important; border:1px solid var(--wz-frame) !important; color:var(--wz-ink-bright) !important; border-radius:3px; padding:6px}

/* lista de news (home) */
.wz-content .NewsHeadline{margin:0 0 14px; padding-bottom:12px; border-bottom:1px solid var(--wz-stroke)}
.wz-content .NewsHeadlineBackground,.wz-content .NewsHeadlineIcon{background:none !important}
.wz-content .NewsHeadlineText{color:var(--wz-ink-bright) !important; font-family:var(--wz-ff-display); font-size:15px; letter-spacing:.01em}
.wz-content .NewsHeadlineDate{color:var(--wz-ink-dim) !important; font-size:11px}

/* boxes classicos no rail: sem moldura extra */
.wz-box{margin-bottom:18px}

@media (max-width:1080px){
  .wz-layout{grid-template-columns:1fr} .wz-side{flex-direction:row; flex-wrap:wrap} .wz-side>*{flex:1 1 260px}
  .wz-features{grid-template-columns:repeat(3,1fr)} .wz-lower{grid-template-columns:1fr}
  .wz-mh-grid{grid-template-columns:1fr auto} .wz-status{display:none}}
@media (max-width:620px){
  .wz-features{grid-template-columns:repeat(2,1fr)} .wz-hero{height:300px} .wz-hero h1{font-size:42px}
  .wz-nav ul{flex-wrap:wrap} .wz-guild-h{flex-direction:column; text-align:center} .wz-foot-grid{grid-template-columns:1fr; text-align:center} .wz-tag{justify-self:center; text-align:center} .wz-logo img{height:82px}}

/* ================= RESIDUAL (color-only, respeita a estrutura) ================= */
/* STORE (gifts): botao Buy + abas por COR (sem mexer em layout) */
.wz-content .buy-button{background:linear-gradient(180deg,#c31d24,#7c1013) !important; border:1px solid var(--wz-red-hi) !important; border-radius:3px !important; color:#fff !important}
.wz-content .offer_type{color:var(--wz-ink) !important}
.wz-content .offer_type[style*="505050"]{color:#fff !important}
.wz-content hr{border-color:var(--wz-frame) !important}

/* ============ layout inferior: GUILD horizontal + NEWS full-width ============ */
/* PADRAO: filhos SEMPRE esticam ate a borda (sem espaco vazio) */
.wz-lower{display:flex !important; flex-direction:column !important; gap:20px !important; align-items:stretch !important}
.wz-lower>*{width:100% !important; box-sizing:border-box}
/* icone pixelado da news (sprite claro do MyAAC) -> some (destoa do tema) */
.wz-content .NewsHeadlineIcon{display:none !important}

/* ================= GUIA DO SERVIDOR (landing page dentro da news) ================= */
.wzg{--g:#f2cd82;--r:#e0242b;--rh:#ff5a4e; color:var(--wz-ink); font-size:14px; line-height:1.6}
.wzg *{box-sizing:border-box}
.wzg a{text-decoration:none}
/* intro */
.wzg-intro{display:grid; grid-template-columns:1.35fr 1fr; gap:22px; align-items:center; margin:4px 0 8px}
.wzg-eyebrow{display:inline-block; font-family:var(--wz-ff-display); text-transform:uppercase; letter-spacing:.22em; font-size:11px; color:var(--rh); margin-bottom:8px}
.wzg-intro h1,.wzg h1{font-family:var(--wz-ff-display); text-transform:uppercase; letter-spacing:.03em; font-size:34px; line-height:1; margin:0 0 12px;
  background:linear-gradient(180deg,#f6f2ec,#c4bcb2 60%,#8a8178); -webkit-background-clip:text; background-clip:text; color:transparent}
.wzg-intro h1 em{font-style:normal; background:linear-gradient(180deg,#ff6a5c,#e0242b 55%,#8f1418); -webkit-background-clip:text; background-clip:text; color:transparent}
.wzg-lead{font-size:15px; color:var(--wz-ink-bright); margin:0 0 10px}
.wzg-intro p{margin:0 0 8px; color:var(--wz-ink-dim)}
.wzg-intro-art{height:190px; border-radius:6px; border:1px solid var(--wz-frame-hi); background-size:cover; background-position:center; box-shadow:var(--wz-shadow)}
/* titulo de secao */
.wzg-sec{display:flex; align-items:center; gap:16px; margin:30px 0 16px}
.wzg-sec::before,.wzg-sec::after{content:""; flex:1; height:1px; background:linear-gradient(90deg,transparent,var(--wz-frame-hi),transparent)}
.wzg-sec span{font-family:var(--wz-ff-display); text-transform:uppercase; letter-spacing:.16em; font-size:15px; color:var(--g); white-space:nowrap; text-shadow:0 1px 2px #000}
/* server at a glance */
.wzg-glance{display:grid; grid-template-columns:repeat(6,1fr); gap:10px}
.wzg-stat{position:relative; text-align:center; padding:14px 6px; border:1px solid var(--wz-frame-hi); border-radius:5px;
  background:linear-gradient(180deg,var(--wz-panel2),var(--wz-panel));
  background-image:var(--wz-corner),var(--wz-corner),linear-gradient(180deg,var(--wz-panel2),var(--wz-panel));
  background-position:top 4px left 4px,top 4px right 4px,center; background-size:11px,11px,cover; background-repeat:no-repeat}
.wzg-stat span{display:block; font-family:var(--wz-ff-display); text-transform:uppercase; letter-spacing:.12em; font-size:10px; color:var(--wz-ink-dim); margin-bottom:5px}
.wzg-stat b{font-family:var(--wz-ff-display); font-size:24px; color:var(--wz-green)}
.wzg-stat small{display:block; font-size:9.5px; color:var(--wz-ink-dim); margin-top:2px}
.wzg-stat.pvp b{color:var(--rh)}
/* system cards */
.wzg-sys{display:grid; grid-template-columns:1fr 1fr; gap:16px}
.wzg-card{position:relative; display:grid; grid-template-columns:1fr 44%; overflow:hidden; min-height:210px;
  border:1px solid var(--wz-frame-hi); border-radius:6px; background:linear-gradient(180deg,var(--wz-panel2),var(--wz-panel)); box-shadow:var(--wz-shadow)}
.wzg-card-art{position:relative; background-size:cover; background-position:center}
.wzg-card-art::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg,var(--wz-panel) 0%, rgba(20,13,11,.55) 30%, transparent 70%)}
.wzg-card-body{padding:16px 18px; display:flex; flex-direction:column}
.wzg-label{font-family:var(--wz-ff-display); text-transform:uppercase; letter-spacing:.16em; font-size:9.5px; color:var(--rh); margin-bottom:5px}
.wzg-card h3,.wzg h3{font-family:var(--wz-ff-display); text-transform:uppercase; letter-spacing:.02em; font-size:19px; margin:0 0 3px;
  color:var(--wz-ink-bright); text-shadow:0 1px 2px #000}
.wzg-sub{font-size:12px; color:var(--wz-ink-dim); margin:0 0 10px}
.wzg-stats{display:flex; gap:16px; margin:2px 0 10px}
.wzg-stats>div{display:flex; flex-direction:column}
.wzg-stats b{font-family:var(--wz-ff-display); font-size:16px; color:var(--g); line-height:1}
.wzg-stats span{font-size:10px; text-transform:uppercase; letter-spacing:.08em; color:var(--wz-ink-dim); margin-top:2px}
.wzg-card p{font-size:12.5px; color:var(--wz-ink); margin:0 0 12px}
.wzg-btn{margin-top:auto; align-self:flex-start; font-family:var(--wz-ff-display); text-transform:uppercase; letter-spacing:.12em; font-size:11px;
  color:#fff; padding:9px 22px; border:1px solid var(--rh); border-radius:4px; background:linear-gradient(180deg,#c31d24,#7c1013); box-shadow:0 6px 16px rgba(224,36,43,.3)}
.wzg-btn:hover{filter:brightness(1.12)}
/* outros sistemas */
.wzg-other{display:grid; grid-template-columns:repeat(8,1fr); gap:8px}
.wzg-oi{text-align:center; padding:14px 6px 12px; border:1px solid var(--wz-frame); border-radius:5px; background:#160f0d}
.wzg-oi img{width:40px; height:40px; object-fit:contain; margin-bottom:8px; filter:drop-shadow(0 2px 4px #000)}
.wzg-oi span{display:block; font-family:var(--wz-ff-display); text-transform:uppercase; letter-spacing:.05em; font-size:9.5px; color:var(--wz-ink-bright); line-height:1.25}
.wzg-oi small{display:block; font-size:9.5px; color:var(--wz-ink-dim); line-height:1.35; margin-top:5px; letter-spacing:0; text-transform:none; font-family:var(--wz-ff-ui)}
/* accordion "Saiba mais" (details) */
.wzg-more{margin-top:auto}
.wzg-more>summary{list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:6px; font-family:var(--wz-ff-display); text-transform:uppercase; letter-spacing:.12em; font-size:11px;
  color:#fff; padding:9px 22px; border:1px solid var(--rh); border-radius:4px; background:linear-gradient(180deg,#c31d24,#7c1013); box-shadow:0 6px 16px rgba(224,36,43,.3)}
.wzg-more>summary::-webkit-details-marker{display:none}
.wzg-more>summary::after{content:"\25be"; font-size:11px; transition:transform .2s}
.wzg-more[open]>summary::after{transform:rotate(180deg)}
.wzg-more[open]>summary{margin-bottom:10px}
.wzg-detail{font-size:12px; color:var(--wz-ink); border-top:1px solid var(--wz-frame); padding-top:10px}
.wzg-detail p{margin:0 0 6px}
.wzg-detail ul{list-style:none; margin:4px 0 0; padding:0}
.wzg-detail li{position:relative; padding:3px 0 3px 15px; font-size:12px}
.wzg-detail li::before{content:""; position:absolute; left:0; top:8px; width:5px; height:5px; background:var(--r); transform:rotate(45deg)}
.wzg-detail b{color:var(--g)}
/* bottom 3 col */
.wzg-bottom{display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; margin-top:6px}
.wzg-panel{border:1px solid var(--wz-frame-hi); border-radius:6px; background:linear-gradient(180deg,var(--wz-panel2),var(--wz-panel)); padding:0 0 12px; overflow:hidden}
.wzg-panel h4{font-family:var(--wz-ff-display); text-transform:uppercase; letter-spacing:.14em; font-size:12px; color:var(--g); text-align:center;
  margin:0 0 8px; padding:11px 8px; border-bottom:1px solid var(--wz-frame); background:linear-gradient(180deg,rgba(224,36,43,.12),transparent)}
.wzg-row{display:flex; justify-content:space-between; padding:6px 16px; font-size:12.5px}
.wzg-row span{color:var(--wz-ink-dim)} .wzg-row b{color:var(--wz-green); font-family:var(--wz-ff-ui)} .wzg-row b.g{color:var(--g)}
.wzg-list{list-style:none; margin:0; padding:6px 16px}
.wzg-list li{position:relative; padding:4px 0 4px 16px; font-size:12.5px; color:var(--wz-ink)}
.wzg-list li::before{content:""; position:absolute; left:0; top:10px; width:6px; height:6px; background:var(--r); transform:rotate(45deg)}
.wzg-vip{text-align:center; padding:10px 16px}
.wzg-vip img{width:56px; height:56px; margin-bottom:6px}
.wzg-vip .v{display:flex; justify-content:center; gap:18px; margin:8px 0}
.wzg-vip .v b{color:var(--g); font-family:var(--wz-ff-display); font-size:15px} .wzg-vip .v span{display:block; font-size:10px; color:var(--wz-ink-dim); text-transform:uppercase}
.wzg-vip p{font-size:11.5px; color:var(--wz-ink-dim); margin:6px 0 0}

@media (max-width:1080px){.wzg-glance{grid-template-columns:repeat(3,1fr)} .wzg-sys{grid-template-columns:1fr} .wzg-other{grid-template-columns:repeat(4,1fr)} .wzg-bottom{grid-template-columns:1fr} .wzg-intro{grid-template-columns:1fr}}
@media (max-width:620px){.wzg-glance{grid-template-columns:repeat(2,1fr)} .wzg-card{grid-template-columns:1fr} .wzg-card-art{min-height:120px} .wzg-other{grid-template-columns:repeat(2,1fr)}}
.wz-guild-h{display:flex; align-items:center; gap:22px; padding:16px 24px}
.wz-guild-h .emblem{width:78px; height:78px; object-fit:contain; flex:none; filter:drop-shadow(0 4px 8px #000)}
.wz-guild-h .gh-info{flex:1; min-width:0}
.wz-guild-h .gname{font-family:var(--wz-ff-display); font-size:20px; color:var(--wz-gold-hi); letter-spacing:.03em}
.wz-guild-h .meta{font-size:12.5px; color:var(--wz-ink-dim); margin:3px 0} .wz-guild-h .meta b{color:var(--wz-ink)}
.wz-guild-h .quote{font-style:italic; color:var(--wz-ink); font-size:13px}
.wz-guild-h .gh-cta{flex:none}
.wz-newshead{font-family:var(--wz-ff-display); text-transform:uppercase; letter-spacing:.1em; font-size:17px; color:var(--wz-ink-bright); margin:0 0 12px; padding:14px 18px 0}

/* ============ rail: boxes classicos -> dark ============ */
/* Discord box (rank.php) */
.wz-box .discord_header{background:linear-gradient(180deg,#c31d24,#7c1013) !important; color:#fff !important; border:1px solid var(--wz-frame-hi); border-bottom:0}
.wz-box .discord_content{background:linear-gradient(180deg,var(--wz-panel2),var(--wz-panel)) !important; border:1px solid var(--wz-frame-hi); border-top:0; border-bottom:0}
.wz-box .discord_bottom{background:linear-gradient(90deg,var(--wz-frame-hi),var(--wz-frame)) !important; height:6px !important}
.wz-box .discord_button{background:linear-gradient(180deg,#5865F2,#3b45c4) !important; border:1px solid #7b86ff !important; border-radius:4px !important; color:#fff !important; padding-left:0 !important; box-shadow:0 4px 12px rgba(88,101,242,.4)}

/* RAIL: box Server Save (verde neon -> dark) */
.wz-box .serversave{background:linear-gradient(180deg,var(--wz-panel2),var(--wz-panel)) !important; border:1px solid var(--wz-frame-hi) !important; box-shadow:var(--wz-shadow) !important}
.wz-box .serversave_header{background:linear-gradient(180deg,#c31d24,#7c1013) !important; color:var(--wz-ink-bright) !important; text-shadow:0 1px 2px #000 !important; border-bottom:1px solid var(--wz-frame) !important}
.wz-box .serversave_content{background:linear-gradient(180deg,var(--wz-panel2),var(--wz-panel)) !important}
.wz-box .serversave_text{color:var(--wz-ink) !important; text-shadow:none !important}
.wz-box .serversave_countdown{color:var(--wz-gold-hi) !important; background:#0c0706 !important; border:1px solid var(--wz-frame-hi) !important; box-shadow:none !important; text-shadow:none !important}
.wz-box .serversave_bottom{background:linear-gradient(90deg,var(--wz-frame-hi),var(--wz-frame)) !important}
/* RAIL: box Premium (arte clara) -> amortece tonalmente */
.wz-box .Themebox{filter:brightness(.72) saturate(.88) contrast(1.06) !important; border:1px solid var(--wz-frame-hi) !important; border-radius:4px !important; overflow:hidden !important}

/* COMUNIDADE: status verde, header de highscore, zebra, variantes de label */
.wz-content [style*="color: green"],.wz-content [style*="color:green"]{color:var(--wz-green) !important}
.wz-content tr[bgcolor="#FAA73D" i] td{background:linear-gradient(180deg,rgba(224,36,43,.16),transparent) !important; color:var(--wz-gold-hi) !important; font-family:var(--wz-ff-display); text-transform:uppercase; letter-spacing:.06em; border-bottom:1px solid var(--wz-frame-hi) !important; text-align:center !important}
.wz-content tr[bgcolor="#FAA73D" i] td.white,.wz-content tr[bgcolor="#FAA73D" i] td b{color:var(--wz-gold-hi) !important}
.wz-content tr[bgcolor="#D4C0A1" i] td{background-color:#140d0b !important}
.wz-content tr[bgcolor="#F1E0C6" i] td{background-color:#1c1310 !important}
.wz-content .Even,.wz-content .Even td,.wz-content tr.Even td{background-color:#140d0b !important}
.wz-content .LabelV80,.wz-content .LabelV100,.wz-content .LabelV120,.wz-content .LabelV150,.wz-content .LabelV175,.wz-content .LabelV200,.wz-content .LabelV250{color:var(--wz-ink) !important; background:none !important}
.wz-content tr.LabelH td,.wz-content tr.LabelH{color:var(--wz-gold-hi) !important}
.wz-content font[color="green"],.wz-content font[color="#008000"]{color:var(--wz-green) !important}
.wz-content font[color="blue"],.wz-content font[color="white"]{color:var(--wz-ink-bright) !important}

/* ================= PASS 2: consistencia (caption bars + boxes do rail uniformes) ================= */
/* barras de titulo (Caption) -> vermelho escuro uniforme (era marrom/laranja/muddy) */
.wz-content .CaptionContainer,.wz-content .CaptionInnerContainer{background:linear-gradient(180deg,#3a1518,#190d0d) !important}
.wz-content [style*="FAA73D"],.wz-content [style*="faa73d"],.wz-content [bgcolor="#FAA73D" i]{background:linear-gradient(180deg,#3a1518,#190d0d) !important; color:var(--wz-gold-hi) !important}
/* radios/checkboxes vermelhos + labels visiveis */
.wz-content input[type=radio],.wz-content input[type=checkbox]{accent-color:var(--wz-red)}
.wz-content label{color:var(--wz-ink) !important}
/* houses/filtros: labels de cidade com font-size:1px (truque classico) -> legivel */
.wz-content td:has(input[type=radio]),.wz-content td:has(input[type=checkbox]){font-size:12px !important; line-height:2 !important; color:var(--wz-ink) !important}

/* RAIL: TODO box num painel dark IDENTICO aos meus (Discord/Weekend/ServerSave) */
.wz-box{position:relative; margin-bottom:18px; overflow:hidden;
  background:
    var(--wz-corner) top 5px left 5px / 15px no-repeat, var(--wz-corner) top 5px right 5px / 15px no-repeat,
    var(--wz-corner) bottom 5px left 5px / 15px no-repeat, var(--wz-corner) bottom 5px right 5px / 15px no-repeat,
    linear-gradient(180deg,var(--wz-panel2),var(--wz-panel));
  border:1px solid var(--wz-frame-hi); border-radius:4px; box-shadow:var(--wz-shadow)}
.wz-box .discord,.wz-box .wzboost,.wz-box .serversave,.wz-box .Themebox{width:auto !important; background:none !important; border:0 !important; box-shadow:none !important; filter:none !important; margin:0 !important; height:auto !important}
.wz-box .discord_header,.wz-box .wzboost_header,.wz-box .serversave_header{
  background:linear-gradient(180deg,rgba(224,36,43,.16),transparent) !important; background-image:none !important;
  color:var(--wz-gold-hi) !important; font-family:var(--wz-ff-display) !important; text-transform:uppercase; letter-spacing:.14em;
  font-size:12px !important; height:auto !important; line-height:1.1 !important; padding:11px 8px !important; text-align:center;
  border-bottom:1px solid var(--wz-frame) !important; text-shadow:0 1px 2px #000 !important; width:auto !important}
.wz-box .discord_bottom,.wz-box .wzboost_bottom,.wz-box .serversave_bottom{display:none !important}
.wz-box .discord_content,.wz-box .wzboost_content,.wz-box .serversave_content{
  background:none !important; background-image:none !important; width:auto !important; height:auto !important; padding:14px !important; text-align:center}
.wz-box .wzboost_name{color:var(--wz-ink-bright) !important; font-weight:bold}
.wz-box .wzboost_rate{color:var(--wz-gold-hi) !important}
.wz-box .wzboost_when,.wz-box .wzboost_soon{color:var(--wz-ink-dim) !important}
.wz-box .serversave_text{color:var(--wz-ink) !important; text-shadow:none !important}
.wz-box .serversave_countdown{color:var(--wz-gold-hi) !important; background:#0c0706 !important; border:1px solid var(--wz-frame-hi) !important; box-shadow:none !important; text-shadow:none !important}
.wz-box .discord_button{background:linear-gradient(180deg,#5865F2,#3b45c4) !important; border:1px solid #7b86ff !important; border-radius:4px !important; color:#fff !important; padding-left:0 !important}

/* ================= PASS 3: texto legivel + detalhes (tags do Ramon) ================= */
/* o tema classico poe font-size:1px em varios td -> "kd as palavras". Restaura legibilidade */
.wz-content td.premiumbenefits,.wz-content td.premiumbenefits div,.wz-content td.premiumbenefits span,
.wz-content table.Table3 td,.wz-content table.Table3 td span,.wz-content table.Table3 td div,.wz-content table.Table3 td b,
.wz-content .TableContent td,.wz-content .TableContent td span,.wz-content .TableContent td div,.wz-content .TableContent td a,.wz-content .TableContent td b,
.wz-content .LabelH,.wz-content .LabelV{font-size:12px !important; line-height:1.7 !important}
.wz-content .TableContent td{padding:5px 9px !important}
/* o tema poe font-size:1px em MUITAS td (sem classe) -> texto some. Restaura em qualquer td de conteudo */
.wz-content td{font-size:12px !important; line-height:1.6 !important}
.wz-content .LabelV{background-color:#160f0d !important}
/* premium benefits: empilha icone + texto legivel */
.wz-content td.premiumbenefits{display:block !important; padding:8px 14px !important}
.wz-content td.premiumbenefits div{display:flex !important; align-items:center; gap:9px; padding:4px 0; justify-content:flex-start !important}
/* SO os titulos de cabecalho (LabelH) centralizados; nomes/dados ficam à esquerda */
.wz-content .LabelH,.wz-content tr.LabelH td{text-align:center !important; background-color:#160f0d !important; background-image:none !important; color:var(--wz-gold-hi) !important; border-bottom:1px solid var(--wz-frame) !important}
/* Message box da conta -> emoldurado com faixa vermelha */
.wz-content .Message{border:1px solid var(--wz-frame-hi) !important; border-left:3px solid var(--wz-red) !important;
  border-radius:4px !important; padding:12px 15px !important; background:linear-gradient(180deg,#1c1310,#140d0b) !important; margin:8px 0 !important; box-shadow:inset 0 0 0 1px rgba(0,0,0,.4)}
/* houses/filtros: emoldura as colunas (Town/Status/Order) com detalhe */
.wz-content form td:has(input[type=radio]),.wz-content form td:has(input[type=checkbox]){border:1px solid var(--wz-frame) !important; border-radius:5px !important;
  padding:12px 16px !important; background:#160f0d !important; vertical-align:top !important; box-shadow:inset 0 1px 0 rgba(255,220,190,.04)}