/* Wiki do Imperium: listas, fichas e sprites. Usa as cores do tema (style.css). Pixel nitido nas imagens. */
.wiki-head{margin-bottom:18px}
.wiki-tabs{margin-bottom:14px}
.wiki-busca{position:relative;margin-bottom:22px}
.wiki-busca input{width:100%;padding:.75em 1em .75em 2.6em;background:var(--breu);border:1px solid var(--linha-forte);border-radius:var(--raio);color:var(--osso);font-family:var(--corpo);font-size:1.05rem}
.wiki-busca::before{content:"";position:absolute;left:14px;top:50%;width:14px;height:14px;margin-top:-8px;border:2px solid var(--cinza);border-radius:50%;box-shadow:5px 5px 0 -3px var(--cinza)}
.wiki-sugestoes{position:absolute;left:0;right:0;top:100%;z-index:30;background:var(--pedra);border:1px solid var(--linha-forte);border-top:0;max-height:60vh;overflow:auto;box-shadow:0 12px 30px rgba(0,0,0,.5)}
.wiki-sugestoes a{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--linha);color:var(--osso)}
.wiki-sugestoes a:hover,.wiki-sugestoes a.ativo{background:var(--pedra-alta);text-decoration:none}
.wiki-sugestoes .sp{flex:none}
.wiki-sugestoes small{color:var(--cinza);font-family:var(--dado);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;margin-left:auto;white-space:nowrap}
.wiki-carregando,.wiki-vazio{padding:40px;text-align:center;color:var(--cinza);font-family:var(--dado);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}

/* ---------- sprites ---------- */
.sp{display:inline-block;position:relative;background-repeat:no-repeat;image-rendering:pixelated;image-rendering:crisp-edges;flex:none;background-color:transparent}
.sp.vazio{background:var(--pedra-alta);border:1px dashed var(--linha-forte);display:grid;place-items:center;color:var(--cinza-2);font-family:var(--display);font-weight:700}
.sp-moldura{display:inline-grid;place-items:center;background:radial-gradient(circle at 50% 60%,rgba(224,101,42,.12),transparent 70%),var(--breu);border:1px solid var(--linha);border-radius:var(--raio)}
.sp-img{display:block;image-rendering:pixelated;image-rendering:crisp-edges}
.sp-viewer{display:flex;flex-direction:column;align-items:center;gap:10px}
.sp-viewer .sp-moldura{padding:14px;min-width:140px;min-height:140px}
.sp-dirs{display:flex;gap:6px}
.sp-dirs button,.sp-play{font-family:var(--dado);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:.4em .7em;background:transparent;border:1px solid var(--linha-forte);color:var(--cinza);border-radius:var(--raio);cursor:pointer}
.sp-dirs button.on,.sp-dirs button:hover,.sp-play:hover{border-color:var(--ouro);color:var(--osso)}
.sp-esc{display:flex;gap:6px}

/* ---------- etiquetas (marcacoes) ---------- */
.etq{display:inline-flex;align-items:center;gap:5px;font-family:var(--dado);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;padding:.22em .6em;border-radius:2px;border:1px solid var(--linha-forte);color:var(--cinza);white-space:nowrap;line-height:1.4}
.etq i{width:8px;height:8px;border-radius:50%;display:inline-block;background:currentColor;opacity:.9}
.etq-chefe{border-color:var(--sangue);color:#F2A3B0;background:rgba(155,49,65,.15)}
.etq-mini{border-color:var(--ouro);color:var(--ouro-claro);background:rgba(217,164,65,.1)}
.etq-imperium{border-color:var(--brasa);color:var(--brasa-clara);background:rgba(224,101,42,.1)}
.etq-era{border-color:var(--linha-forte);color:var(--osso)}
.etq-boss{border-color:#C2475A;color:#F2C9CF}
.etq-ok{border-color:#4F7446;color:#D3EBC9}
.etq-store{border-color:var(--ouro);color:var(--ouro)}
.etq-lore{border-color:var(--cinza-2);color:var(--cinza)}
.el{--c:var(--cinza)}
.el-fisico{--c:#B9B2BF}.el-fogo{--c:#F08A55}.el-gelo{--c:#7FC8F0}.el-energia{--c:#C78BFF}.el-terra{--c:#7DBA6E}.el-morte{--c:#A47BD6}.el-sagrado{--c:#F3D77A}
.el-dreno-de-vida{--c:#E0657A}.el-dreno-de-mana{--c:#6F9CF0}.el-afogamento{--c:#5CA7C9}.el-cura{--c:#7DBA6E}.el-agonia{--c:#9B3141}
.etq.el{color:var(--c);border-color:color-mix(in srgb,var(--c) 60%,transparent)}
.etq.el b{color:var(--osso);font-weight:600}
.etq.fraco{background:color-mix(in srgb,var(--c) 18%,transparent)}
.chips{display:flex;flex-wrap:wrap;gap:6px}

/* ---------- filtros e listas ---------- */
.wiki-filtros{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}
.wiki-filtros select,.wiki-filtros input{background:var(--breu);border:1px solid var(--linha-forte);color:var(--osso);padding:.45em .7em;border-radius:var(--raio);font-family:var(--corpo);font-size:.95rem}
.wiki-filtros .conta{margin-left:auto;font-family:var(--dado);font-size:.72rem;color:var(--cinza);letter-spacing:.08em}
.wiki-filtros .ftr{cursor:pointer;user-select:none}
.wiki-filtros .ftr.on{border-color:var(--brasa);color:var(--osso);background:rgba(224,101,42,.12)}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}
.grade.itens{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.cartao{display:flex;flex-direction:column;gap:8px;background:var(--pedra);border:1px solid var(--linha);border-radius:var(--raio);padding:12px;color:var(--osso);position:relative;transition:border-color .15s,transform .15s}
.cartao:hover{border-color:var(--ouro);text-decoration:none;transform:translateY(-2px)}
.cartao .sp-moldura{width:100%;aspect-ratio:1/1;max-height:132px;border:0;background:radial-gradient(circle at 50% 65%,rgba(217,164,65,.1),transparent 70%)}
.cartao .nome{font-family:var(--corpo);font-weight:600;font-size:.98rem;line-height:1.25;color:var(--osso)}
.cartao .sub{font-family:var(--dado);font-size:.68rem;letter-spacing:.06em;color:var(--cinza);text-transform:uppercase}
.cartao .etqs{display:flex;flex-wrap:wrap;gap:4px}
.cartao .dado-linha{display:flex;gap:10px;font-family:var(--dado);font-size:.72rem;color:var(--cinza)}
.cartao .dado-linha b{color:var(--osso);font-weight:600}
.cartao .canto{position:absolute;top:8px;right:8px;display:flex;gap:4px}
.mais{display:block;margin:18px auto 0}
.lista-tab{width:100%;border-collapse:collapse;font-size:.95rem}
.lista-tab th,.lista-tab td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--linha);vertical-align:middle}
.lista-tab th{font-family:var(--dado);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cinza);cursor:pointer;user-select:none;white-space:nowrap;position:sticky;top:66px;background:var(--breu);z-index:2}
.lista-tab th.asc::after{content:" \25B2";color:var(--brasa)}.lista-tab th.desc::after{content:" \25BC";color:var(--brasa)}
.lista-tab td.n{text-align:right;font-family:var(--dado);font-variant-numeric:tabular-nums;white-space:nowrap}
.lista-tab tr:hover td{background:var(--pedra)}
.lista-tab .com-sp{display:flex;align-items:center;gap:10px}
.lista-tab a{color:var(--osso)}
.barra-chance{height:5px;background:var(--linha);border-radius:3px;overflow:hidden;min-width:70px}
.barra-chance i{display:block;height:100%;background:linear-gradient(90deg,var(--brasa),var(--ouro))}
.rar{font-family:var(--dado);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}
.rar-comum{color:var(--cinza)}.rar-incomum{color:var(--verde)}.rar-raro{color:var(--ouro)}.rar-muito-raro{color:var(--brasa-clara)}.rar-sempre{color:var(--osso)}

/* ---------- ficha ---------- */
.ficha{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.ficha-topo{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}
.ficha-topo h2{font-size:clamp(1.5rem,4vw,2rem);margin:0 0 6px}
.ficha-topo .sub{color:var(--cinza);font-style:italic;margin:0 0 10px}
.ficha-topo .etqs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.ficha-lado{display:flex;flex-direction:column;gap:14px;position:sticky;top:84px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1px;background:var(--linha);border:1px solid var(--linha);margin-bottom:18px}
.tiles div{background:var(--breu);padding:12px 12px;display:flex;flex-direction:column;gap:4px}
.tiles .num{font-family:var(--dado);font-weight:700;font-size:1.15rem;color:var(--osso);font-variant-numeric:tabular-nums;line-height:1}
.tiles .que{font-family:var(--dado);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza)}
.bloco{background:var(--pedra);border:1px solid var(--linha);border-radius:var(--raio);padding:18px 20px;margin-bottom:16px;overflow-x:auto;max-width:100%}
.wiki{min-width:0;overflow-x:hidden}
.bloco h3{font-family:var(--dado);font-weight:400;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brasa);margin:0 0 12px;display:flex;align-items:center;gap:10px}
.bloco h3 small{margin-left:auto;color:var(--cinza-2);letter-spacing:.05em;text-transform:none;font-size:.7rem}
.bloco p{margin:0 0 .6em}
.bloco .vazio{color:var(--cinza-2);font-size:.9rem;font-style:italic}
details.lore{border:1px solid var(--linha);border-left:3px solid var(--ouro);background:var(--pedra);border-radius:var(--raio);margin-bottom:16px}
details.lore summary{cursor:pointer;padding:14px 18px;font-family:var(--display);font-weight:700;letter-spacing:.06em;color:var(--osso);list-style:none;display:flex;align-items:center;gap:10px}
details.lore summary::-webkit-details-marker{display:none}
details.lore summary::before{content:"";width:8px;height:8px;border-right:1.5px solid var(--ouro);border-bottom:1.5px solid var(--ouro);transform:rotate(-45deg);transition:transform .15s}
details.lore[open] summary::before{transform:rotate(45deg)}
details.lore summary small{margin-left:auto;font-family:var(--dado);font-size:.66rem;letter-spacing:.1em;color:var(--cinza-2);text-transform:uppercase}
details.lore .corpo{padding:0 18px 16px;color:var(--text)}
details.lore .corpo p{margin:0 0 .8em;max-width:70ch}
details.lore .corpo .origem{font-family:var(--dado);font-size:.66rem;color:var(--cinza-2);letter-spacing:.06em}
details.lore .corpo h4{font-family:var(--corpo);font-size:1rem;color:var(--ouro);margin:10px 0 4px}
.relacionadas{display:flex;flex-direction:column;gap:8px}
.relacionadas a{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;background:var(--breu);border:1px solid var(--linha);border-radius:var(--raio);color:var(--osso)}
.relacionadas a:hover{border-color:var(--ouro);text-decoration:none}
.relacionadas .tipo{font-family:var(--dado);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brasa);white-space:nowrap;padding-top:3px;min-width:58px}
.relacionadas .trecho{display:block;font-size:.86rem;color:var(--cinza);margin-top:3px}
.placa{white-space:pre-wrap;font-family:var(--dado);font-size:.78rem;color:var(--cinza);background:var(--breu);border:1px dashed var(--linha-forte);padding:12px;border-radius:var(--raio);line-height:1.5}
.lista-sp{display:flex;flex-wrap:wrap;gap:8px}
.lista-sp a{display:inline-flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;background:var(--breu);border:1px solid var(--linha);border-radius:var(--raio);color:var(--osso);font-size:.9rem}
.lista-sp a:hover{border-color:var(--ouro);text-decoration:none}
.ataque{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--linha);font-size:.92rem}
.ataque:last-child{border-bottom:0}
.ataque .dano{font-family:var(--dado);font-size:.8rem;color:var(--cinza);white-space:nowrap}
.pre{white-space:pre-wrap;font-family:var(--corpo);font-size:.95rem;color:var(--text);line-height:1.55}
code,.cmd{font-family:var(--dado);font-size:.86em;background:var(--breu);border:1px solid var(--linha);padding:.1em .4em;border-radius:2px;color:var(--ouro-claro)}
.mapa-mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.mapa-mini div{background:var(--breu);border:1px solid var(--linha);padding:8px 10px;font-size:.85rem}
.mapa-mini .pos{font-family:var(--dado);font-size:.72rem;color:var(--verde)}

/* ---------- eras ---------- */
.hub-bloco{margin-bottom:28px}
.hub-bloco h2{font-size:1.3rem;margin:0 0 4px}
.hub-bloco .sub{color:var(--cinza);margin:0 0 12px;font-size:.92rem}
.eras-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.era-cartao{display:flex;gap:12px;align-items:center;background:var(--pedra);border:1px solid var(--linha);border-radius:var(--raio);padding:12px;color:var(--osso)}
.era-cartao:hover{border-color:var(--ouro);text-decoration:none}
.era-cartao .num{font-family:var(--display);font-weight:700;font-size:1.5rem;color:var(--ouro);line-height:1;min-width:38px}
.era-cartao .nome{font-weight:600;line-height:1.2}
.era-cartao .sub{font-family:var(--dado);font-size:.66rem;letter-spacing:.06em;color:var(--cinza);text-transform:uppercase;margin-top:3px}
.era-cartao.construcao{opacity:.55}
.mito-cartao{background:var(--breu);border:1px solid var(--linha);border-radius:var(--raio);padding:12px;display:flex;flex-direction:column;gap:8px}
.mito-cartao .titulo{font-weight:600;color:var(--osso);display:flex;align-items:center;gap:8px}
.mito-cartao .premios{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.premio{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;color:var(--cinza)}

/* ---------- guia ---------- */
.guia-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.guia-nav a{font-family:var(--dado);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:.45em .9em;border:1px solid var(--linha-forte);border-radius:20px;color:var(--cinza)}
.guia-nav a.on,.guia-nav a:hover{color:var(--osso);border-color:var(--ouro);text-decoration:none}
.voc-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.voc{display:flex;gap:12px;align-items:center;background:var(--breu);border:1px solid var(--linha);padding:12px;border-radius:var(--raio)}
.voc b{display:block;color:var(--osso)}
.voc small{font-family:var(--dado);font-size:.7rem;color:var(--cinza)}
.acordeao details{border-bottom:1px solid var(--linha)}
.acordeao summary{cursor:pointer;padding:12px 4px;color:var(--osso);font-weight:600;list-style:none;display:flex;gap:10px;align-items:center}
.acordeao summary::-webkit-details-marker{display:none}
.acordeao summary .cmd{margin-left:auto}
.acordeao .corpo{padding:0 4px 14px}
.store-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.inicio-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:26px}
.inicio-grade a{display:flex;flex-direction:column;gap:6px;padding:18px;background:var(--pedra);border:1px solid var(--linha);border-radius:var(--raio);color:var(--osso)}
.inicio-grade a:hover{border-color:var(--ouro);text-decoration:none}
.inicio-grade .num{font-family:var(--dado);font-weight:700;font-size:1.6rem;color:var(--ouro);line-height:1}
.inicio-grade .que{font-family:var(--dado);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza)}
.inicio-grade p{margin:4px 0 0;font-size:.9rem;color:var(--cinza)}
.inicio-grade.sis .num{font-size:1.15rem;line-height:1.2}
.tab-rola{overflow-x:auto}

@media (max-width:920px){
  .ficha{grid-template-columns:1fr}
  .ficha-lado{position:static}
  .lista-tab th{top:0}
}
@media (max-width:640px){
  .grade{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
  .grade.itens{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}
  .cartao{padding:9px}
  .cartao .sp-moldura{max-height:100px}
  .tiles{grid-template-columns:repeat(3,1fr)}
  .lista-tab{font-size:.86rem}
  .lista-tab th,.lista-tab td{padding:6px 6px}
  .wiki-filtros .conta{margin-left:0;width:100%}
  .sp-viewer .sp-moldura{min-width:112px;min-height:112px}
}
@media (prefers-reduced-motion:reduce){.cartao:hover{transform:none}}