/* Hokazi - Forum v2 (2026-10-06). Pagina propria, larga: faixas escuras por grupo, colunas de numeros, cartoes de mensagem. */
.forum-page{--fx-escuro:#3a2636;--fx-ameixa:#553a50;--fx-rosa:#a14d73;--fx-ouro:#e9c877;--fx-borda:#cdb3c4;--fx-papel:#fbf5f9;--fx-tinta:#43303d;--fx-suave:#7d6876}
.fx-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

/* capa baixa com a arte do site */
.fx-capa{position:relative;overflow:hidden;background:#3a2636;border-bottom:3px solid var(--fx-ouro);padding:104px 0 34px}
.fx-capa-arte{position:absolute;inset:0;background:url("assets/images/metin-heroes.jpg") right 9%/cover no-repeat;opacity:.9}
.fx-capa::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#2c1b29 0,#3a2636ee 32%,#3a263688 60%,#3a263622 100%)}
.fx-capa-texto{position:relative;z-index:1;width:min(1120px,94%);margin:0 auto;display:flex;flex-direction:column;justify-content:center;color:#f7e9f1;text-shadow:0 2px 6px #1c0f1a}
.fx-capa-texto p{margin:0;font:11px Arial,sans-serif;letter-spacing:3px;color:var(--fx-ouro)}
.fx-capa-nome{font:62px/1.05 Optimus,Georgia,serif;letter-spacing:2px}
.fx-capa-texto span{font:italic 15px Georgia,serif;color:#e6cfdc}

.fx{width:min(1120px,94%);margin:0 auto;padding:22px 0 40px;color:var(--fx-tinta);font-family:Arial,sans-serif}
.fx a{color:inherit;text-decoration:none}

/* barra de navegacao do forum */
.fx-barra{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:var(--fx-papel);border:1px solid var(--fx-borda);border-radius:6px;padding:10px 14px;margin-bottom:16px;box-shadow:0 2px 8px #3a26361f}
.fx-trilha{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--fx-suave);min-width:0}
.fx-trilha a{color:var(--fx-rosa);font-weight:700}
.fx-trilha a:hover{text-decoration:underline}
.fx-trilha i{font-style:normal;color:#b79fae}
.fx-trilha span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px}
.fx-quem{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fx-suave)}
.fx-quem strong{color:var(--fx-escuro)}
.fx-recado{background:#fff4d8;border:1px solid #dcb866;border-left:5px solid #c9992f;border-radius:4px;padding:11px 14px;margin:0 0 16px;font-size:13px;color:#6b4c12}

/* botoes */
.fx .fx-botao{display:inline-block;border:1px solid #8c3f63;background:linear-gradient(#c0638c,#96486d);color:#fff;font:700 12px Arial,sans-serif;letter-spacing:.4px;padding:9px 16px;border-radius:5px;box-shadow:inset 0 1px #ffffff55,0 2px 5px #5a2a4233;cursor:pointer;white-space:nowrap}
.fx .fx-botao:hover{background:linear-gradient(#cc719a,#a25278)}
.fx .fx-botao-claro{background:#fff;color:var(--fx-rosa);border-color:var(--fx-borda);box-shadow:none}
.fx .fx-botao-claro:hover{background:#fbeef5}
.fx .fx-botao-grande{font-size:14px;padding:12px 22px}

/* grupo = faixa escura + linhas */
.fx-grupo{background:var(--fx-papel);border:1px solid var(--fx-borda);border-radius:6px;overflow:hidden;margin-bottom:18px;box-shadow:0 3px 12px #3a263626}
.fx-faixa{display:grid;grid-template-columns:minmax(0,1fr) 90px 90px 250px;align-items:center;gap:12px;background:linear-gradient(#5e4159,#47304a);color:#f3e4ec;padding:10px 16px;border-bottom:2px solid var(--fx-ouro)}
.fx-faixa-nome{font:17px Optimus,Georgia,serif;letter-spacing:1.5px}
.fx-faixa .fx-col-num,.fx-faixa .fx-col-ult{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#d9c2cf}
.fx-linha{display:grid;grid-template-columns:54px minmax(0,1fr) 90px 90px 250px;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid #eadbe4}
.fx-faixa+.fx-linha{border-top:0}
.fx-linha:nth-of-type(even){background:#f6edf2}
.fx-linha:hover{background:#fdeef6}
.fx-col-num{text-align:center}
.fx-linha .fx-col-num b{display:block;font:700 18px Georgia,serif;color:var(--fx-escuro)}
.fx-linha .fx-col-num small{font-size:10px;color:var(--fx-suave);text-transform:uppercase;letter-spacing:.8px}
.fx-col-ult{min-width:0;font-size:12px;border-left:1px solid #e3d2dc;padding-left:14px}
.fx-linha .fx-col-ult a,.fx-linha .fx-col-ult>strong{display:block;font-weight:700;color:var(--fx-rosa);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-linha .fx-col-ult a:hover{text-decoration:underline}
.fx-linha .fx-col-ult small{display:block;margin-top:3px;font-size:11px;color:var(--fx-suave)}
.fx-vazio{font-style:italic}
.fx-info{min-width:0}
.fx-nome{font:700 16px Georgia,serif;color:var(--fx-escuro)}
.fx-nome:hover{color:var(--fx-rosa);text-decoration:underline}
.fx-info p{margin:4px 0 0;font-size:12.5px;line-height:1.45;color:var(--fx-suave)}
.fx-info p strong{color:var(--fx-tinta)}
.fx-selo{display:inline-block;margin-left:8px;vertical-align:2px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;border-radius:20px;background:#ece0e7;color:#6d5565}
.fx-selo-ouro{background:#f6e3ab;color:#6b4c12}
.fx-selo-rubro{background:#f3cdd6;color:#8c1f3c}

/* icones das secoes: cada uma com a sua cor */
.fx-icone{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:inset 0 1px #ffffff55,0 2px 6px #3a263640}
.fx-icone-1{background:linear-gradient(135deg,#d9a441,#a8741c)}
.fx-icone-2{background:linear-gradient(135deg,#b55b8a,#7f3a60)}
.fx-icone-3{background:linear-gradient(135deg,#5c8fc0,#335f8f)}
.fx-icone-4{background:linear-gradient(135deg,#6ea77b,#3d7450)}
.fx-icone-5{background:linear-gradient(135deg,#c98a4a,#935a22)}
.fx-icone-6{background:linear-gradient(135deg,#b06565,#7c3a3a)}

/* lista de topicos */
.fx-topico{grid-template-columns:40px minmax(0,1fr) 90px 250px}
.fx-grupo .fx-faixa:has(+.fx-topico),.fx-grupo .fx-faixa:has(+.fx-nada){grid-template-columns:minmax(0,1fr) 90px 250px}
.fx-estado{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ece0e7;color:#8a7483}
.fx-estado svg{width:19px;height:19px}
.fx-estado-fixo{background:#f6e3ab;color:#8a6410}
.fx-estado-trancado{background:#ddd3da;color:#5d4b57}
.fx-estado-quente{background:#f6cfc0;color:#b14a1f}
.fx-fixo{background:#fdf6e3!important}
.fx-apagado{opacity:.55}
.fx-nada{margin:0;padding:34px 16px;text-align:center;font-size:14px;color:var(--fx-suave)}

/* cabecalho de secao / topico */
.fx-cabeca{display:flex;align-items:center;gap:16px;background:var(--fx-papel);border:1px solid var(--fx-borda);border-left:6px solid var(--fx-rosa);border-radius:6px;padding:18px 20px;margin-bottom:18px;box-shadow:0 3px 12px #3a263626}
.fx-cabeca>div{flex:1;min-width:0}
.fx-cabeca h1{margin:0;font:28px/1.25 Optimus,Georgia,serif;color:var(--fx-escuro);overflow-wrap:anywhere}
.fx-cabeca p{margin:5px 0 0;font-size:13px;color:var(--fx-suave)}
.fx-cabeca p a{color:var(--fx-rosa);text-decoration:underline}
.fx-sobre{margin:0 0 6px!important;font-size:11px!important;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--fx-rosa)!important}

/* mensagens */
.fx-post{background:var(--fx-papel);border:1px solid var(--fx-borda);border-radius:6px;overflow:hidden;margin-bottom:14px;box-shadow:0 3px 12px #3a263626;scroll-margin-top:14px}
.fx-post-topo{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#5e4159,#47304a);color:#e9d6e1;padding:7px 16px;font-size:11.5px}
.fx-post-topo a{color:var(--fx-ouro);font-weight:700}
.fx-post-corpo{display:grid;grid-template-columns:180px minmax(0,1fr)}
.fx-autor{background:#f1e4ec;border-right:1px solid #e3d2dc;padding:18px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px}
.fx-autor>strong{font:700 15px Georgia,serif;color:var(--fx-escuro);overflow-wrap:anywhere}
.fx-avatar{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:38px Optimus,Georgia,serif;color:#fff;border:3px solid #fff;box-shadow:0 0 0 2px var(--fx-ouro),0 4px 10px #3a263655;text-shadow:0 2px 4px #0006}
.fx-c-guerreiro{background:radial-gradient(circle at 35% 30%,#d2584f,#8b2a26)}
.fx-c-ninja{background:radial-gradient(circle at 35% 30%,#4f9b8a,#22564d)}
.fx-c-shura{background:radial-gradient(circle at 35% 30%,#8a62c0,#4a2e78)}
.fx-c-shaman{background:radial-gradient(circle at 35% 30%,#5a94d0,#2a568c)}
.fx-c-lycan{background:radial-gradient(circle at 35% 30%,#cf9345,#855317)}
.fx-cargo{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:4px 10px;border-radius:20px;background:linear-gradient(#f2d98f,#d6ae4b);color:#553c08;box-shadow:inset 0 1px #fff8}
.fx-autor dl{margin:6px 0 0;width:100%;font-size:11.5px}
.fx-autor dl div{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-top:1px solid #e0cdd8}
.fx-autor dt{color:var(--fx-suave)}
.fx-autor dd{margin:0;font-weight:700;color:var(--fx-tinta)}
.fx-msg{padding:20px 22px;min-width:0;display:flex;flex-direction:column}
.fx-texto{margin:0;font:15px/1.7 Georgia,serif;color:var(--fx-tinta);overflow-wrap:anywhere}
.fx-nota{margin:0 0 10px;font-size:12px;font-weight:700;color:#a83054}
.fx-anexo{margin:16px 0 0}
.fx-anexo img{display:block;max-width:100%;max-height:480px;border:1px solid var(--fx-borda);border-radius:4px}
.fx-post-equipe{border-color:#c9a04a}
.fx-post-equipe .fx-post-topo{background:linear-gradient(#7a5a2a,#5d431c)}
.fx-post-equipe .fx-autor{background:#f8eed3}

/* moderacao */
.fx-mod{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:auto;padding-top:14px;border-top:1px dashed var(--fx-borda)}
.fx-msg .fx-mod{margin-top:18px}
.fx-mod span{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--fx-suave);margin-right:4px}
.fx-mod button,.fx-mod select{font:11px Arial,sans-serif;padding:6px 10px;border:1px solid #bfa4b7;background:#fff;color:#6d5565;border-radius:4px;cursor:pointer}
.fx-mod button:hover{border-color:var(--fx-rosa);color:var(--fx-rosa)}
.fx-mod-topico{background:var(--fx-papel);border:1px solid var(--fx-borda);border-radius:6px;padding:12px 16px;margin-top:18px;border-top-style:solid}

/* formularios */
.fx-form{background:var(--fx-papel);border:1px solid var(--fx-borda);border-top:4px solid var(--fx-rosa);border-radius:6px;padding:22px;margin-top:8px;box-shadow:0 3px 12px #3a263626}
.fx-form h2{margin:0 0 14px;font:22px Optimus,Georgia,serif;color:var(--fx-escuro)}
.fx-form .field{margin-bottom:16px}
.fx-form label{display:block;font:700 12px Arial,sans-serif;margin-bottom:7px;color:#5f4857}
.fx-form label small{font-weight:400;color:var(--fx-suave)}
.fx-form select,.fx-form textarea,.fx-form input[type=text],.fx-form input[type=file]{width:100%;box-sizing:border-box;border:1px solid #c8adbd;background:#fff;color:var(--fx-tinta);font:14px/1.5 Arial,sans-serif;padding:11px;border-radius:4px}
.fx-form textarea{resize:vertical;min-height:140px;font-family:Georgia,serif;font-size:15px}
.fx-form select:focus,.fx-form textarea:focus,.fx-form input:focus{outline:2px solid var(--fx-rosa);outline-offset:1px}
.fx-form-acoes{display:flex;align-items:center;gap:16px}
.fx-form-acoes a{font-size:13px;color:var(--fx-suave);text-decoration:underline}

/* avisos, paginas, rodape */
.forum-aviso{background:var(--fx-papel);border:1px solid var(--fx-borda);border-left:5px solid var(--fx-rosa);border-radius:4px;padding:14px 16px;margin:0 0 16px;font-size:13.5px;color:var(--fx-tinta)}
.fx .forum-aviso a{color:var(--fx-rosa);font-weight:700;text-decoration:underline}
.forum-paginas{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.forum-paginas a,.forum-paginas span{font:700 12px Arial,sans-serif;min-width:18px;text-align:center;padding:7px 10px;border:1px solid var(--fx-borda);border-radius:4px;background:var(--fx-papel);color:#6d5565}
.forum-paginas a:hover{border-color:var(--fx-rosa);color:var(--fx-rosa)}
.forum-paginas span[aria-current]{background:var(--fx-rosa);border-color:var(--fx-rosa);color:#fff}
.forum-paginas .forum-pulo{border:0;background:none;padding:7px 2px}
.fx-rodape{display:flex;align-items:center;gap:26px;background:linear-gradient(#5e4159,#47304a);color:#e9d6e1;border-radius:6px;padding:14px 20px;margin-bottom:16px}
.fx-rodape div{text-align:center}
.fx-rodape b{display:block;font:700 22px Georgia,serif;color:var(--fx-ouro)}
.fx-rodape span{font-size:10px;letter-spacing:1.2px;text-transform:uppercase}
.fx-rodape p{margin:0 0 0 auto;max-width:520px;font-size:12.5px;line-height:1.5;text-align:right}

@media(max-width:820px){
  .fx-capa{padding:122px 0 22px}.fx-capa-nome{font-size:44px}
  .fx-faixa,.fx-grupo .fx-faixa:has(+.fx-topico),.fx-grupo .fx-faixa:has(+.fx-nada){grid-template-columns:1fr}
  .fx-faixa .fx-col-num,.fx-faixa .fx-col-ult{display:none}
  .fx-linha{grid-template-columns:46px minmax(0,1fr);row-gap:8px}
  .fx-topico{grid-template-columns:36px minmax(0,1fr)}
  .fx-linha .fx-col-num{display:none}
  .fx-col-ult{grid-column:2;border-left:0;padding-left:0;border-top:1px dashed #e3d2dc;padding-top:8px}
  .fx-icone{width:44px;height:44px}
  .fx-cabeca{flex-wrap:wrap}.fx-cabeca h1{font-size:22px}
  .fx-post-corpo{grid-template-columns:1fr}
  .fx-autor{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;text-align:left;border-right:0;border-bottom:1px solid #e3d2dc;padding:12px 14px}
  .fx-avatar{width:46px;height:46px;font-size:24px}
  .fx-autor dl{display:flex;gap:14px;width:auto;margin:0}.fx-autor dl div{border:0;padding:0;gap:5px}
  .fx-rodape{flex-wrap:wrap}.fx-rodape p{margin:0;text-align:left}
  .fx-trilha span{max-width:180px}
}

/* perfil, assinatura e foto "?" (2026-10-06) */
.fx-sem-foto{background:radial-gradient(circle at 35% 30%,#8d7386,#4b3346);font-family:Georgia,serif}
.fx a.fx-avatar{color:#fff}
.fx-autor-nome{font:700 15px Georgia,serif;color:var(--fx-escuro);overflow-wrap:anywhere}
.fx .fx-autor-nome:hover{color:var(--fx-rosa);text-decoration:underline}
.fx-assinatura{margin:18px 0 0;padding-top:10px;border-top:1px solid #e3d2dc;font:italic 12.5px/1.5 Georgia,serif;color:var(--fx-suave);overflow-wrap:anywhere}
.fx-quem .fx-botao{margin-left:6px}
.fx-perfil{background:var(--fx-papel);border:1px solid var(--fx-borda);border-top:4px solid var(--fx-ouro);border-radius:6px;padding:24px;margin-bottom:18px;box-shadow:0 3px 12px #3a263626}
.fx-perfil-topo{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.fx-avatar-grande{width:104px;height:104px;font-size:58px;flex:none}
.fx-avatar-mini{width:38px;height:38px;font-size:19px;border-width:2px;box-shadow:0 0 0 1px var(--fx-ouro)}
.fx-perfil-quem{flex:1;min-width:200px}
.fx-perfil-quem h1{display:inline-block;margin:0 10px 0 0;font:34px/1.2 Optimus,Georgia,serif;color:var(--fx-escuro);overflow-wrap:anywhere}
.fx-perfil-quem p{margin:8px 0 0;font-size:14px;color:var(--fx-suave)}
.fx-perfil-num{display:flex;gap:10px;margin:0}
.fx-perfil-num div{display:block;min-width:92px;text-align:center;background:linear-gradient(#5e4159,#47304a);border-radius:6px;padding:10px 12px}
.fx-perfil-num dd{display:block;margin:0;font:700 22px Georgia,serif;color:var(--fx-ouro)}
.fx-perfil-num dt{display:block;margin-top:3px;font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:#e9d6e1}
.fx-perfil-ass{margin:20px 0 0;padding:12px 16px;border-left:4px solid var(--fx-rosa);background:#f6edf2;font:italic 14px/1.6 Georgia,serif;color:var(--fx-tinta);overflow-wrap:anywhere}
.fx-perfil-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.fx-faixa-simples{grid-template-columns:1fr!important}
.fx-char{grid-template-columns:40px minmax(0,1fr) 80px}
.fx-form-nota{margin:0 0 16px;font-size:12.5px;color:var(--fx-suave)}
@media(max-width:820px){.fx-perfil-cols{grid-template-columns:1fr}.fx-char{grid-template-columns:40px minmax(0,1fr) 70px}.fx-char .fx-col-num{display:block}.fx-perfil-num{width:100%}.fx-perfil-num div{flex:1;min-width:0}.fx-avatar-grande{width:72px;height:72px;font-size:40px}.fx-perfil-quem h1{font-size:26px}}

/* duas colunas (inicio e secoes): conteudo + caixa "Meu perfil" na direita (2026-10-06) */
.fx-duas{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start}
.fx-principal{min-width:0}
.fx-lado{position:sticky;top:96px;display:grid;gap:18px}
.fx-cartao{background:var(--fx-papel);border:1px solid var(--fx-borda);border-radius:6px;overflow:hidden;box-shadow:0 3px 12px #3a263626}
.fx-cartao>header{background:linear-gradient(#5e4159,#47304a);color:#f3e4ec;padding:10px 16px;border-bottom:2px solid var(--fx-ouro);font:17px Optimus,Georgia,serif;letter-spacing:1.5px}
.fx-cartao-corpo{padding:20px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.fx-avatar-medio{width:88px;height:88px;font-size:48px}
.fx-cartao-nome{font:700 19px Georgia,serif;color:var(--fx-escuro);overflow-wrap:anywhere}
.fx .fx-cartao-nome:hover{color:var(--fx-rosa);text-decoration:underline}
.fx-cartao-corpo p{margin:0;font-size:13px;line-height:1.5;color:var(--fx-suave)}
.fx-cartao-corpo dl{width:100%;margin:8px 0 6px;font-size:12.5px}
.fx-cartao-corpo dl div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid #e3d2dc}
.fx-cartao-corpo dt{color:var(--fx-suave)}
.fx-cartao-corpo dd{margin:0;font-weight:700;color:var(--fx-tinta);overflow-wrap:anywhere;text-align:right}
.fx-cartao-corpo .fx-botao{width:100%;box-sizing:border-box;text-align:center}
.fx-cartao-aviso{color:#a83054!important;font-weight:700}
.fx-duas .fx-faixa{grid-template-columns:minmax(0,1fr) 74px 84px 200px}
.fx-duas .fx-linha{grid-template-columns:54px minmax(0,1fr) 74px 84px 200px}
.fx-duas .fx-topico{grid-template-columns:40px minmax(0,1fr) 84px 200px}
.fx-duas .fx-grupo .fx-faixa:has(+.fx-topico),.fx-duas .fx-grupo .fx-faixa:has(+.fx-nada){grid-template-columns:minmax(0,1fr) 84px 200px}
.fx-perfil-topo>.fx-botao{flex:none}
#editar{scroll-margin-top:96px}
@media(max-width:980px){.fx-duas{grid-template-columns:1fr}.fx-lado{position:static;order:-1}.fx-cartao-corpo{flex-direction:row;flex-wrap:wrap;justify-content:center}.fx-cartao-corpo dl{display:none}.fx-cartao-corpo .fx-botao{width:auto}.fx-avatar-medio{width:56px;height:56px;font-size:30px}}
@media(max-width:820px){.fx-duas .fx-faixa,.fx-duas .fx-grupo .fx-faixa:has(+.fx-topico),.fx-duas .fx-grupo .fx-faixa:has(+.fx-nada){grid-template-columns:1fr}.fx-duas .fx-linha{grid-template-columns:46px minmax(0,1fr)}.fx-duas .fx-topico{grid-template-columns:36px minmax(0,1fr)}}