/* Ethedor Online - tema "muralha de pedra + pergaminho" (remodelado em 03/10/2026) */
:root{
  --pedra:#16120e; --pedra2:#201a14;
  --painel:#1c1611; --painel2:#2a2118;
  --borda:#5c4630; --borda-clara:#8a6a3e; --borda-escura:#0c0907;
  --ouro:#e2b964; --ouro-forte:#f0cc7a; --ouro-escuro:#a77c35;
  --texto:#e9dcc2; --suave:#b29f80;
  --verde:#5fbf3f; --verde-escuro:#2f6d1d; --vermelho:#d0625a;
  --perg:#ead9b3; --perg-texto:#3a2814; --perg-suave:#6e5634;
  --fonte-titulo:"Cinzel", Georgia, serif;
  --fonte-texto:"Crimson Text", Georgia, "Times New Roman", serif;
}
*{box-sizing:border-box}
html{background:#0d0a08}
body{
  margin:0; color:var(--texto); font:17px/1.5 var(--fonte-texto);
  background-color:var(--pedra);
  /* blocos de pedra em CSS: juntas horizontais + verticais desencontradas */
  background-image:
    radial-gradient(ellipse at 50% 0%, rgba(255,170,80,.10), transparent 55%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='112'%3E%3Cg fill='none' stroke='%23000' stroke-opacity='.38' stroke-width='3'%3E%3Cpath d='M0 1.5H120M0 57.5H120M30 0V56M90 56V112'/%3E%3C/g%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.035' stroke-width='1'%3E%3Cpath d='M0 4H120M0 60H120'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(180deg, #1d1813 0%, #15110d 100%);
  background-size: 100% 900px, 120px 112px, 100% 100%;
  background-repeat: no-repeat, repeat, no-repeat;
}
a{color:var(--ouro)}
a:hover{color:var(--ouro-forte)}
img{max-width:100%;display:block}
.ic{width:1.15em;height:1.15em;flex:none;vertical-align:-.18em}

.pagina{max-width:1312px;margin:0 auto;padding:0 0 10px}

/* ---------- banner + menu superior ---------- */
.banner{position:relative;border-bottom:3px solid var(--borda-escura)}
.banner img{width:100%;height:auto}
.menu-topo{
  display:flex; justify-content:center; flex-wrap:wrap;
  background:linear-gradient(#3b2b1b,#24190f 60%,#1a120b);
  border-top:2px solid var(--ouro-escuro); border-bottom:2px solid var(--ouro-escuro);
  box-shadow:0 0 0 2px var(--borda-escura), 0 6px 14px rgba(0,0,0,.6);
  padding:0 40px; position:relative;
}
.menu-topo::before,.menu-topo::after{content:"\2756";position:absolute;top:50%;transform:translateY(-50%);color:var(--ouro-escuro);font-size:18px}
.menu-topo::before{left:14px}.menu-topo::after{right:14px}
.menu-topo a{
  display:flex; align-items:center; gap:9px; padding:13px 26px;
  font:600 17px var(--fonte-titulo); color:var(--texto); text-decoration:none; letter-spacing:.5px;
  text-shadow:0 2px 2px #000; position:relative;
}
.menu-topo a .ic{color:var(--ouro)}
.menu-topo a + a::before{content:"";position:absolute;left:0;top:25%;height:50%;width:1px;background:linear-gradient(transparent,var(--borda-clara),transparent)}
.menu-topo a:hover,.menu-topo a.sel{color:var(--ouro-forte);background:radial-gradient(ellipse at 50% 100%, rgba(226,185,100,.18), transparent 70%)}
.menu-topo a.sel::after{content:"";position:absolute;left:22%;right:22%;bottom:6px;height:2px;background:var(--ouro)}

/* ---------- 3 colunas ---------- */
.colunas{display:grid;grid-template-columns:232px minmax(0,1fr) 300px;gap:18px;padding:22px 18px 0}
.col-esq,.col-dir{display:flex;flex-direction:column;gap:18px}
.col-meio{display:flex;flex-direction:column;gap:18px;min-width:0}

/* moldura escura com cantos dourados (caixas laterais) */
.moldura{
  background:linear-gradient(180deg,#221a13,#17120d);
  border:2px solid var(--borda); outline:2px solid var(--borda-escura);
  box-shadow:inset 0 0 0 1px rgba(226,185,100,.12), 0 6px 16px rgba(0,0,0,.55);
  border-radius:3px; position:relative; padding:14px 16px 16px;
}
.moldura::before,.moldura::after{content:"";position:absolute;width:12px;height:12px;border:2px solid var(--ouro-escuro)}
.moldura::before{top:-5px;left:-5px;border-right:0;border-bottom:0}
.moldura::after{bottom:-5px;right:-5px;border-left:0;border-top:0}
.titulo-moldura{
  display:flex; align-items:center; gap:10px; margin:-2px 0 12px; padding-bottom:9px;
  font:700 20px var(--fonte-titulo); color:var(--ouro-forte); text-shadow:0 2px 3px #000;
  border-bottom:1px solid var(--borda);
}
.titulo-moldura .ic{color:var(--ouro);width:26px;height:26px}

/* menu lateral */
.menu-lateral{padding-bottom:8px}
.menu-lateral a{
  display:flex; align-items:center; gap:12px; padding:9px 8px;
  color:var(--texto); text-decoration:none; font-size:18px; border-bottom:1px solid rgba(92,70,48,.6);
}
.menu-lateral a:last-child{border-bottom:0}
.menu-lateral a .ic{color:var(--ouro);width:24px;height:24px}
.menu-lateral a:hover,.menu-lateral a.sel{color:var(--ouro-forte);background:linear-gradient(90deg,rgba(226,185,100,.12),transparent)}
.promo{padding:4px;display:block}
.promo img{width:100%;height:auto}
.promo:hover{filter:brightness(1.08)}

/* login / conta */
.caixa-login{display:flex;flex-direction:column;gap:10px}
.campo-icone{display:flex;align-items:center;gap:8px;background:#0e0b08;border:1px solid var(--borda);border-radius:2px;padding:0 10px;color:var(--suave)}
.campo-icone input{border:0;background:transparent;margin:0;padding:9px 0;outline:0}
.campo-icone:focus-within{border-color:var(--ouro-escuro)}
.botao-verde,button.botao-verde{
  display:block; width:100%; text-align:center; text-decoration:none;
  background:linear-gradient(#5cbf3a,#2f7d1e); color:#fff; border:1px solid #8be05f; outline:1px solid #12300a;
  font:600 19px var(--fonte-titulo); padding:8px 10px; border-radius:2px; cursor:pointer; text-shadow:0 1px 2px #000;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25);
}
.botao-verde:hover{filter:brightness(1.1);color:#fff}
.links-login{margin:2px 0 0;font-size:16px;line-height:1.7}
.bem-vindo,.saldo,.vip{margin:0}
.saldo{display:flex;align-items:center;gap:6px}

/* status */
.status .srv{display:flex;align-items:center;gap:9px;margin:0 0 8px;font:600 19px var(--fonte-titulo)}
.status .srv.on{color:var(--verde)} .status .srv.off{color:var(--vermelho)}
.bolinha{width:13px;height:13px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.status dl{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;margin:0}
.status dt{color:var(--suave)} .status dd{margin:0}
.bonus{margin:8px 0 0;color:var(--ouro-forte)}

/* top 5 */
.top5{list-style:none;margin:0;padding:0}
.top5 li{display:flex;gap:8px;padding:5px 2px;border-bottom:1px solid rgba(92,70,48,.5)}
.top5 .pos{color:var(--ouro);width:22px}
.top5 .nome{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top5 .lvl{color:var(--suave)}
.mais{margin:10px 0 0;font-size:15px}

/* ---------- slider ---------- */
.slider{padding:5px;height:290px;overflow:hidden}
.slide{position:absolute;inset:5px;display:block;background:#0c0907 center/cover no-repeat;opacity:0;transition:opacity .8s;text-decoration:none}
.slide.ativo{opacity:1;z-index:1}
.legenda{
  position:absolute;left:0;right:0;bottom:0;padding:50px 24px 22px;
  background:linear-gradient(transparent,rgba(5,4,3,.92) 55%); display:flex; flex-direction:column; gap:4px;
}
.legenda strong{font:700 28px var(--fonte-titulo);color:#fff;text-shadow:0 2px 4px #000}
.legenda span{color:#efe3cb;font-size:18px;max-width:640px}
.dots{position:absolute;z-index:2;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:8px}
.dots button{width:11px;height:11px;border-radius:50%;padding:0;border:1px solid #000;background:#8c8478;cursor:pointer}
.dots button.ativo{background:var(--ouro-forte)}

/* ---------- pergaminho (noticias) ---------- */
.pergaminho{
  color:var(--perg-texto); padding:18px 26px 22px; position:relative;
  background:
    radial-gradient(ellipse at 20% 10%, rgba(255,250,235,.65), transparent 55%),
    radial-gradient(ellipse at 85% 95%, rgba(150,110,55,.30), transparent 55%),
    radial-gradient(ellipse at 10% 90%, rgba(160,120,60,.25), transparent 45%),
    var(--perg);
  border:3px solid var(--borda-clara); outline:3px solid #3a2a18;
  box-shadow:inset 0 0 45px rgba(120,80,30,.45), 0 8px 18px rgba(0,0,0,.6);
  border-radius:2px;
}
.pergaminho a{color:#6a4310}
.pergaminho a:hover{color:#3b2306}
.perg-topo{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid rgba(110,80,40,.45);margin-bottom:6px;padding-bottom:8px}
.perg-topo h1{display:flex;align-items:center;gap:10px;margin:0;font:700 26px var(--fonte-titulo);color:#2e1f0e}
.perg-topo h1 .ic{width:32px;height:32px;color:#7a5523}
.perg-topo a{font-size:16px;text-decoration:none;color:#3a2814}
.noticia{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid rgba(110,80,40,.35);position:relative}
.noticia:last-of-type{border-bottom:0}
.noticia img{width:122px;height:84px;object-fit:cover;border:2px solid #5a4126;box-shadow:0 2px 5px rgba(0,0,0,.35);flex:none}
.noticia div{flex:1;min-width:0}
.noticia h2{margin:0;font:600 19px var(--fonte-texto)}
.noticia h2 a{text-decoration:none;color:#24170a}
.noticia time,.noticia-completa time{display:block;color:var(--perg-suave);font-size:15px}
.noticia p{margin:4px 0 0;line-height:1.35}
.noticia .leia{display:block;text-align:right;font-size:14px;text-decoration:none;margin-top:2px}
.vazio{color:var(--perg-suave);font-style:italic}
.noticia-completa .destaque{max-width:320px;margin:10px 0 6px;border:2px solid #5a4126}
.noticia-completa p{font-size:18px}
.paginas{display:flex;justify-content:space-between;margin-top:10px}

/* ---------- paginas internas (conta, loja, ranking, admin...) ---------- */
.caixa,.card,.produto{
  background:linear-gradient(180deg,#221a13,#18130e); border:2px solid var(--borda); outline:2px solid var(--borda-escura);
  box-shadow:inset 0 0 0 1px rgba(226,185,100,.10), 0 6px 16px rgba(0,0,0,.5); border-radius:3px; padding:18px 22px;
}
.caixa.estreita{max-width:460px;width:100%;margin:0 auto}
.caixa h1,.caixa h2,.produto h2{font-family:var(--fonte-titulo);color:var(--ouro-forte);text-shadow:0 2px 3px #000}
.caixa h1{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:26px}
.caixa h1 .ic{color:var(--ouro)}
.caixa h2{font-size:20px;margin:18px 0 8px}
.caixa h3{font-family:var(--fonte-titulo);color:var(--ouro);font-size:17px}
.centro{text-align:center}
.centro h1{justify-content:center}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.card h3{margin:0;color:var(--suave);font:600 13px var(--fonte-titulo);text-transform:uppercase;letter-spacing:1px}
.card .numero{font:700 24px var(--fonte-titulo);margin:6px 0 0;color:var(--texto)}
.card.ativo{border-color:var(--ouro-escuro)}
.produtos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.produto h2{margin:0 0 6px;font-size:19px}
.produto .preco{font:700 22px var(--fonte-titulo);color:var(--ouro)}
.produto form{display:flex;gap:8px}
.produto select{margin:0}
.coins{color:var(--ouro-forte);font-weight:600}
.dica{color:var(--suave);font-size:15px}
.passos li,.regras li{margin-bottom:8px}

form label{display:block;margin-bottom:12px;color:var(--suave)}
input,select,textarea{width:100%;margin-top:4px;background:#0e0b08;border:1px solid var(--borda);color:var(--texto);padding:8px 10px;border-radius:2px;font:inherit}
input:focus,select:focus,textarea:focus{outline:1px solid var(--ouro-escuro)}
form.linha{display:flex;flex-wrap:wrap;gap:8px}
form.linha input,form.linha select{width:auto;flex:1 1 160px;margin:0}
.botao,button{
  background:linear-gradient(#e7c172,#b8873a); color:#25170a; border:1px solid #f3d590; outline:1px solid #3a2810;
  padding:8px 18px; border-radius:2px; font:700 16px var(--fonte-titulo); cursor:pointer; text-decoration:none;
  display:inline-flex; align-items:center; gap:8px; text-shadow:0 1px 0 rgba(255,255,255,.3);
}
.botao:hover,button:hover{filter:brightness(1.08);color:#25170a}
button:disabled{opacity:.4;cursor:not-allowed}
button.pequeno{padding:3px 10px;font-size:13px}
table{width:100%;border-collapse:collapse;margin:8px 0}
th,td{text-align:left;padding:7px 8px;border-bottom:1px solid rgba(92,70,48,.7)}
th{color:var(--ouro);font:600 14px var(--fonte-titulo);letter-spacing:.5px}
tr:hover td{background:rgba(226,185,100,.05)}
.on{color:var(--verde)}.pend{color:var(--vermelho)}
a.sel{font-weight:bold;text-decoration:none}
.aviso{padding:10px 14px;border-radius:2px;border:1px solid var(--verde);background:#16240f}
.aviso.erro{border-color:var(--vermelho);background:#2a1514}

/* ---------- rodape ---------- */
.rodape{
  margin:26px 18px 0; padding:16px; text-align:center; color:var(--suave); font-size:16px;
  border-top:1px solid var(--borda); background:linear-gradient(90deg,transparent,rgba(0,0,0,.45),transparent);
}
.rodape .orn{color:var(--ouro-escuro);margin:0 10px}

/* ---------- telas menores ---------- */
@media (max-width:1150px){
  .colunas{grid-template-columns:210px minmax(0,1fr)}
  .col-dir{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
}
@media (max-width:820px){
  .colunas{grid-template-columns:1fr;padding:14px 12px 0}
  .col-esq{order:2}
  .menu-lateral,.col-esq .promo{display:none}
  .menu-topo{padding:0 4px}
  .menu-topo::before,.menu-topo::after{display:none}
  .menu-topo a{padding:10px 12px;font-size:15px}
  .menu-topo a + a::before{display:none}
  .slider{height:220px}
  .legenda strong{font-size:22px}.legenda span{font-size:16px}
  .noticia img{width:90px;height:64px}
  .pergaminho{padding:14px 16px}
}

/* abas do ranking */
.abas-ranking{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 6px}
.abas-ranking a{padding:5px 12px;border:1px solid var(--borda);background:#120e0a;color:var(--texto);text-decoration:none;font:600 14px var(--fonte-titulo);border-radius:2px}
.abas-ranking a:hover{border-color:var(--ouro-escuro);color:var(--ouro-forte)}
.abas-ranking a.sel{background:linear-gradient(#e7c172,#b8873a);color:#25170a;border-color:#f3d590}

/* loja por categoria + cadastro de produtos (admin) */
.titulo-categoria{font-family:var(--fonte-titulo);color:var(--ouro-forte);text-shadow:0 2px 3px #000;font-size:21px;margin:22px 0 10px}
.form-produto{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:4px 12px;margin-bottom:14px}
.form-produto .largo{grid-column:1/-1}
.form-produto fieldset{border:1px solid var(--borda);padding:6px 10px;display:flex;gap:10px;flex-wrap:wrap;grid-column:span 2;margin:0}
.form-produto fieldset label{flex:1 1 110px;margin-bottom:6px}
.form-produto legend{color:var(--ouro);padding:0 4px}
.form-produto .check{display:flex;align-items:center;gap:8px}
.form-produto .check input{width:auto;margin:0}
.form-produto button{align-self:end;margin-bottom:12px}

/* ---------- wiki (04/10/2026) ---------- */
img.px{image-rendering:pixelated;image-rendering:crisp-edges}
.wiki-cabeca{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.wiki-cabeca h1{margin:0}
.wiki-busca{display:flex;gap:8px;flex:1 1 300px;max-width:440px}
.wiki-busca input{margin:0;flex:1}
.wiki-abas{margin:10px 0 0}
.wiki-intro{font-size:19px;margin-top:0}
.wiki-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.wiki-card{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--borda);background:#120e0a;text-decoration:none;color:var(--texto);border-radius:2px}
.wiki-card .ic{width:30px;height:30px;color:var(--ouro)}
.wiki-card strong{font:700 18px var(--fonte-titulo);color:var(--ouro-forte)}
.wiki-card span{color:var(--suave);font-size:15px;line-height:1.3}
.wiki-card:hover{border-color:var(--ouro-escuro);background:#1a140e;color:var(--texto)}
.wiki-historia h2{font:700 21px var(--fonte-titulo);color:#4a2f12;margin:22px 0 6px;border-bottom:1px solid rgba(110,80,40,.35);padding-bottom:4px}
.wiki-historia h3{font:700 18px var(--fonte-titulo);color:#4a2f12;margin:0 0 4px}
.wiki-historia p{font-size:18px;margin:0 0 10px}
.wiki-indice{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:15px;margin:8px 0 4px}
.wiki-casas{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.wiki-casa{border:1px solid rgba(110,80,40,.45);padding:10px 12px;background:rgba(255,250,235,.35)}
.wiki-casa p{font-size:16px !important}
.wiki-membros{color:var(--perg-suave)}
.wiki-regioes{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin:0}
.wiki-regioes dt{font-weight:600}
.wiki-regioes dd{margin:0}
.wiki-guia h2{font-size:19px}
.wiki-guia li{margin-bottom:6px}
.wk-chave{color:#7fb3ff;font-weight:600}
.pergaminho .wk-chave{color:#1f4f9a}
.wiki-tabela td{vertical-align:top}
.wiki-tabela code,.wiki-guia code,.caixa code{color:var(--ouro-forte);font-family:Consolas,monospace;font-size:14px}
.wiki-rolagem{overflow-x:auto}
.wk-item{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.wk-item img{width:32px;height:32px;flex:none}
.wk-voc{display:inline-block;font-size:13px;padding:0 6px;border-radius:2px;margin:1px 0;border:1px solid}
.wk-voc.v1{color:#f08a5d;border-color:#7a3f22}.wk-voc.v2{color:#7ed87e;border-color:#2e6a2e}
.wk-voc.v3{color:#e9cf6a;border-color:#7a6420}.wk-voc.v4{color:#8fb7ff;border-color:#2c4a80}
.wk-el{display:inline-block;font-size:13px;padding:0 6px;border-radius:2px;background:#2a2118;border:1px solid var(--borda);margin:1px 0}
.wk-el.fire{color:#ff8a4c}.wk-el.energy{color:#c58cff}.wk-el.earth,.wk-el.poison{color:#8bd36a}.wk-el.ice{color:#8fd8ff}
.wk-el.holy{color:#ffe38a}.wk-el.death{color:#c9a2a2}.wk-el.physical,.wk-el.melee{color:#e0d2b8}.wk-el.cura{color:#7ef0b0}
.wk-el.lifedrain{color:#ff6f8c}.wk-el.manadrain{color:#7aa6ff}
.wk-tag{font-size:12px;padding:0 5px;border:1px solid var(--ouro-escuro);color:var(--ouro);border-radius:2px}
.wk-tag-grande{display:inline-block;margin:0 0 6px;padding:2px 10px;border:1px solid var(--ouro-escuro);color:var(--ouro-forte);font-family:var(--fonte-titulo);font-size:15px}
.wk-preco{color:var(--ouro);font-weight:600}
.wiki-filtro{margin:4px 0 10px;max-width:340px}
.wiki-cats a{font-size:13px}
.wiki-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.wiki-ficha{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:10px 8px;border:1px solid var(--borda);background:#120e0a;text-decoration:none;color:var(--texto);border-radius:2px}
.wiki-ficha:hover{border-color:var(--ouro-escuro);color:var(--texto);background:#1a140e}
.wiki-ficha img{width:64px;height:64px;object-fit:contain}
.wiki-ficha strong{font-size:16px;line-height:1.2;color:var(--ouro-forte)}
.wiki-ficha span{font-size:14px;color:var(--suave)}
.wiki-trilha{margin:0 0 8px;font-size:15px;color:var(--suave)}
.wiki-ficha-grande{display:flex;gap:18px;align-items:flex-start;margin-bottom:6px}
.wiki-ficha-grande img.grande{width:128px;height:128px;object-fit:contain;flex:none;background:radial-gradient(circle,rgba(226,185,100,.12),transparent 70%);border:1px solid var(--borda);padding:6px}
.wiki-ficha-grande h2{margin:0 0 6px;font-size:24px}
.wiki-desc{font-style:italic;color:var(--suave);margin:0 0 8px}
.wiki-dl{display:grid;grid-template-columns:max-content 1fr;gap:3px 14px;margin:0}
.wiki-dl dt{color:var(--suave)}
.wiki-dl dd{margin:0}
.wiki-fala{margin:4px 0 8px;padding:6px 12px;border-left:3px solid var(--ouro-escuro);font-style:italic;color:#efe3cb;background:rgba(0,0,0,.2)}
.wiki-fala-curta{display:inline-block;font-style:italic;color:var(--suave);margin-right:10px}
.wiki-ataques{padding-left:20px}
.wiki-ataques li{margin-bottom:4px}
.wiki-lista-npc{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.wiki-linha{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:6px 10px;border:1px solid var(--borda);background:#120e0a;text-decoration:none;color:var(--texto)}
.wiki-linha img{grid-row:1 / span 2;width:64px;height:64px;object-fit:contain}
.wiki-linha strong{color:var(--ouro-forte);align-self:end}
.wiki-linha span{color:var(--suave);font-size:15px;align-self:start}
.wiki-linha:hover{border-color:var(--ouro-escuro);color:var(--texto)}
.wiki-tabela-criaturas .wk-img{width:56px}
.wiki-tabela-criaturas img{width:48px;height:48px;object-fit:contain}
.wiki-vocacoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.wiki-vocacao{border:1px solid var(--borda);background:#120e0a;padding:12px 14px;border-top:3px solid var(--ouro-escuro)}
.wiki-vocacao.v1{border-top-color:#b5582f}.wiki-vocacao.v2{border-top-color:#3f8f3f}.wiki-vocacao.v3{border-top-color:#a8892b}.wiki-vocacao.v4{border-top-color:#3c64a8}
.wiki-vocacao h2{margin:0 0 2px !important}
.wiki-vocacao .dica{margin:0}
.wiki-sub{margin:10px 0 4px;color:var(--ouro)}
.wiki-skills{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:15px}
@media (max-width:820px){
  .wiki-ficha-grande{flex-direction:column}
  .wiki-grade{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
  .wiki-regioes{grid-template-columns:1fr}
}
.wiki-profs{font-size:16px}
.wiki-tabela-magias td:first-child{min-width:180px}
.wiki-tabela-magias code{font-size:13px}

/* ---------- logo animado sobre o banner (04/10/2026) ---------- */
.banner-logo{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.banner-veu{position:absolute;left:50%;top:50%;width:50%;height:160%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(11,8,6,.98) 0%,rgba(11,8,6,.95) 66%,rgba(11,8,6,0) 100%)}
.logo-svg{position:absolute;left:50%;top:0;height:100%;width:auto;transform:translateX(-50%);overflow:visible;filter:drop-shadow(0 4px 8px rgba(0,0,0,.65))}
.lg-nome{font-family:'UnifrakturCook',serif;font-weight:700;font-size:168px;fill:url(#lgTexto);stroke:#2e1a06;stroke-width:6px;paint-order:stroke;filter:drop-shadow(0 7px 0 #120a03) drop-shadow(0 0 20px rgba(255,170,60,.4))}
.lg-nome-brilho{font-family:'UnifrakturCook',serif;font-weight:700;font-size:168px;fill:url(#lgBrilho)}
.lg-online{font-family:'Cinzel',serif;font-weight:700;font-size:50px;letter-spacing:4px;fill:url(#lgOnline);stroke:#2e1a06;stroke-width:3px;paint-order:stroke;filter:drop-shadow(0 4px 0 #120a03)}
@keyframes lg-gema{0%,100%{opacity:.75}50%{opacity:1}}
.lg-gema{animation:lg-gema 2.4s ease-in-out infinite}
@keyframes lg-brasa{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(-260px);opacity:0}}
.lg-brasa{position:absolute;bottom:-8px;width:5px;height:5px;border-radius:50%;background:#ffb347;box-shadow:0 0 8px 2px rgba(255,140,40,.8);animation:lg-brasa 4s linear infinite}
.lg-raio{position:absolute;top:0;height:100%;width:3%;min-width:24px;opacity:0;filter:drop-shadow(0 0 6px #9cc3ff) drop-shadow(0 0 16px #4f7dff)}
.lg-raio path{fill:none;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.lg-raio-glow{stroke:#6f9bff;stroke-opacity:.55;stroke-width:8}
.lg-raio-nucleo{stroke:#fff;stroke-width:2.5}
.lg-clarao{position:absolute;inset:0;background:#cfe0ff;opacity:0}
@keyframes lg-raio{0%{opacity:0}6%{opacity:1}14%{opacity:.25}22%{opacity:1}55%{opacity:.85}100%{opacity:0}}
@keyframes lg-clarao{0%{opacity:0}8%{opacity:.18}30%{opacity:.04}40%{opacity:.1}100%{opacity:0}}
.banner-logo.cai .lg-raio{animation:lg-raio .75s ease-out forwards}
.banner-logo.cai .lg-clarao{animation:lg-clarao .75s ease-out forwards}
@media (prefers-reduced-motion:reduce){.lg-brasa,.lg-raio,.lg-clarao{display:none}.lg-gema{animation:none}}