Exibir código-fonte para Esgotos de Malangdo

<!-- Esgotos de Malangdo — Edda World -->
<html>

<style>
.esg-card { background:#fff; border:1px solid rgba(94,207,168,0.2); border-radius:10px; overflow:hidden; margin-bottom:12px; }
.esg-card-title { background:#241832; padding:10px 18px; display:flex; align-items:center; gap:10px; }
.esg-card-title-text { color:#A8E8D0; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; }
.esg-card-body { padding:16px 18px; }

.esg-rule { display:flex; align-items:flex-start; gap:10px; padding:7px 0; border-bottom:1px solid rgba(94,207,168,0.07); font-size:12.5px; color:#1A2640; line-height:1.5; }
.esg-rule:last-child { border-bottom:none; }
.esg-rule-dot { width:6px; height:6px; border-radius:50%; background:#5ECFA8; flex-shrink:0; margin-top:5px; }

.esg-info-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:8px; }
.esg-info-item { background:#F0FBF6; border:1px solid rgba(94,207,168,0.14); border-radius:8px; padding:10px 12px; }
.esg-info-label { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:0.7px; color:#5A7A9A; margin-bottom:4px; }
.esg-info-val { font-size:13px; font-weight:700; color:#0C1A36; white-space:nowrap; }

.esg-step { display:flex; gap:14px; padding:14px 0; border-bottom:1px solid rgba(94,207,168,0.08); }
.esg-step:last-child { border-bottom:none; }
.esg-step-num { width:26px; height:26px; border-radius:50%; background:#241832; color:#A8E8D0; font-size:12px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.esg-step-body { flex:1; }
.esg-step-text { font-size:12.5px; color:#1A2640; line-height:1.6; }
.esg-step-sub { font-size:11.5px; color:#5A7A9A; line-height:1.6; margin-top:4px; padding-left:14px; border-left:2px solid rgba(94,207,168,0.2); }

.esg-req { background:linear-gradient(135deg,#241832,#2E2040); border:1px solid rgba(94,207,168,0.2); border-radius:10px; padding:16px 18px; display:flex; align-items:center; gap:14px; margin-bottom:4px; }
.esg-req-icon { width:46px; height:46px; background:rgba(255,255,255,0.06); border-radius:8px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.esg-req-icon img { image-rendering:pixelated; }
.esg-req-title { color:#A8E8D0; font-size:13px; font-weight:800; margin-bottom:3px; }
.esg-req-text { color:rgba(255,255,255,0.55); font-size:12px; line-height:1.6; }
.esg-req-text strong { color:#fff; }

.esg-boss-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:10px; }
.esg-boss-badge { display:flex; align-items:center; gap:14px; background:#FFFBEB; border:1px solid rgba(217,119,6,0.25); border-radius:8px; padding:12px 14px; }
.esg-boss-badge img { image-rendering:pixelated; width:74px; height:74px; flex-shrink:0; }
.esg-boss-badge-tag { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:0.6px; color:#92400E; background:rgba(217,119,6,0.12); border-radius:20px; padding:1px 8px; display:inline-block; margin-bottom:4px; }
.esg-boss-badge-name { font-size:12.5px; font-weight:800; color:#78350F; }
.esg-boss-badge-id { font-size:10px; color:#92400E; font-family:monospace; }

.esg-table { width:100%; border-collapse:collapse; font-size:12px; }
.esg-table th { background:#F0FBF6; color:#5A7A9A; font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:0.6px; padding:8px 10px; text-align:left; border-bottom:1px solid rgba(94,207,168,0.14); }
.esg-table td { padding:8px 10px; border-bottom:1px solid rgba(94,207,168,0.07); color:#1A2640; }
.esg-table tr:last-child td { border-bottom:none; }
.esg-tag { display:inline-block; font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; padding:1px 8px; border-radius:20px; }
.esg-tag.fisico { background:rgba(217,119,6,0.12); color:#92400E; }
.esg-tag.magico { background:rgba(37,99,235,0.12); color:#1E40AF; }

.esg-loot-row { display:flex; align-items:center; gap:10px; padding:8px 14px; border-bottom:1px solid rgba(94,207,168,0.07); }
.esg-loot-row:last-child { border-bottom:none; }
.esg-loot-row img { image-rendering:pixelated; width:26px; height:26px; }
.esg-loot-name { font-size:12.5px; font-weight:600; color:#1A2640; }

.esg-info { background:#F0FBF6; border:1px solid rgba(94,207,168,0.2); border-radius:8px; padding:12px 16px; font-size:12px; color:#5A7A9A; line-height:1.6; margin-top:10px; }
.esg-info strong { color:#1A2640; }
.esg-warn { background:#FFFBEB; border:1px solid #FDE68A; border-radius:8px; padding:12px 16px; font-size:12px; color:#92400E; line-height:1.6; margin-top:12px; }
.esg-warn strong { color:#78350F; }
.esg-pending { background:#FFF9F9; border:1px dashed rgba(220,38,38,0.3); border-radius:8px; padding:12px 16px; font-size:12px; color:#991B1B; line-height:1.6; margin-top:10px; }
.esg-pending strong { color:#7F1D1D; }
</style>

<!-- HERO -->
<div style="background:#241832;border-radius:12px;padding:30px 32px;text-align:center;margin-bottom:16px;position:relative;overflow:hidden;">
  <div style="position:absolute;top:-30px;left:-20px;width:220px;height:220px;background:radial-gradient(circle,rgba(37,99,235,0.14) 0%,transparent 70%);border-radius:50%;pointer-events:none;"></div>
  <div style="position:absolute;bottom:-20px;right:5%;width:170px;height:170px;background:radial-gradient(circle,rgba(94,207,168,0.1) 0%,transparent 70%);border-radius:50%;pointer-events:none;"></div>
  <div style="position:relative;z-index:1;">
    <img src="https://browiki.org/images/e/e0/Monster_CelacantoE.png" width="64" height="64" style="image-rendering:pixelated;margin-bottom:12px;" alt="">
    <div style="color:#fff;font-size:22px;font-weight:800;margin-bottom:6px;">Esgotos de Malangdo</div>
    <div style="color:rgba(255,255,255,0.45);font-size:13px;max-width:540px;margin:0 auto;line-height:1.6;">A limpeza dos esgotos precisa ser feita minuciosamente. Caso contrário, os aparelhos de drenagem entopem com algas estranhas e peixes muito poderosos podem invadir a ilha Malangdo.</div>
  </div>
</div>

<!-- SOBRE A INSTÂNCIA -->
<div class="esg-card">
  <div class="esg-card-title">
    <img src="https://browiki.org/images/e/e0/Monster_CelacantoE.png" width="20" height="20" style="image-rendering:pixelated;" alt="">
    <span class="esg-card-title-text">Sobre a Instância</span>
  </div>
  <div class="esg-card-body">
    <div class="esg-info-grid">
      <div class="esg-info-item"><div class="esg-info-label">Nível mínimo</div><div class="esg-info-val">90 (Normal) · 140 (Difícil)</div></div>
      <div class="esg-info-item"><div class="esg-info-label">Grupo</div><div class="esg-info-val">1 pessoa ou mais</div></div>
      <div class="esg-info-item"><div class="esg-info-label">Duração</div><div class="esg-info-val">2 horas</div></div>
      <div class="esg-info-item"><div class="esg-info-label">Cooldown</div><div class="esg-info-val">1x por dia · reseta às 00h</div></div>
      <div class="esg-info-item"><div class="esg-info-label">Chefe</div><div class="esg-info-val">Celacanto (4 variações)</div></div>
    </div>
  </div>
</div>

<!-- ANTES DE COMEÇAR -->
<div class="esg-card">
  <div class="esg-card-title">
    <img src="https://browiki.org/images/e/e0/Monster_CelacantoE.png" width="20" height="20" style="image-rendering:pixelated;" alt="">
    <span class="esg-card-title-text">Antes de Começar — Missão com Bigodes</span>
  </div>
  <div class="esg-card-body">
    <p style="font-size:12.5px;color:#5A7A9A;line-height:1.7;margin:0 0 10px;">Antes de gerar a instância, pegue uma missão com <strong style="color:#1A2640;">Bigodes</strong>, em <strong style="color:#1A2640;">mal_in01 (172, 28)</strong>.</p>
    <div class="esg-rule"><div class="esg-rule-dot"></div><strong>Serviço diário:</strong> caçar 20 monstros do modo Normal ou Difícil</div>
    <div class="esg-rule"><div class="esg-rule-dot"></div><strong>Serviço semanal:</strong> caçar 1 MVP do modo Normal ou Difícil</div>
    <div class="esg-info">Se o tempo da missão expirar, é preciso remover a quest da janela de missões falando com <strong>Amy</strong>.</div>
  </div>
</div>

<!-- COMO ENTRAR -->
<div class="esg-card">
  <div class="esg-card-title">
    <img src="https://static.divine-pride.net/images/items/item/6379.png" width="20" height="20" style="image-rendering:pixelated;" alt="">
    <span class="esg-card-title-text">Como Entrar</span>
  </div>
  <div class="esg-card-body">
    <div class="esg-req">
      <div class="esg-req-icon"><img src="https://static.divine-pride.net/images/items/item/6379.png" width="30" height="30" alt=""></div>
      <div>
        <div class="esg-req-title">Sem fila, sem VIP — é só pagar a taxa</div>
        <div class="esg-req-text">Fale com <strong>Missing, o Faxineiro</strong>, selecione "Agraham me insultou" e pague <strong>100x MoEddas</strong> para entrar direto. Não é necessário VIP ativo nem entrar em nenhuma fila de instância.</div>
      </div>
    </div>
    <div class="esg-pending"><strong>Pendente de confirmação:</strong> o texto original também lista <strong>Proteção do Deus do Mar</strong> (#6436) como item associado à instância, mas não deixa claro se ele ainda é exigido pra entrar (como o VIP era) ou se é só um equipamento recomendado. Mantive fora da entrada por enquanto — confirma se ele deve ser cobrado/exigido também.</div>
  </div>
</div>

<!-- ESCOLHA DE DIFICULDADE -->
<div class="esg-card">
  <div class="esg-card-title">
    <img src="https://browiki.org/images/e/e0/Monster_CelacantoE.png" width="20" height="20" style="image-rendering:pixelated;" alt="">
    <span class="esg-card-title-text">Escolha de Dificuldade</span>
  </div>
  <div class="esg-card-body">
    <p style="font-size:12.5px;color:#5A7A9A;line-height:1.7;margin:0 0 10px;">Já dentro dos esgotos, encontre <strong style="color:#1A2640;">Missing</strong> e escolha a dificuldade:</p>
    <div class="esg-rule"><div class="esg-rule-dot"></div><strong>Modo Normal</strong> — "Eu sou bom em entregar pão" (Nível 90+)</div>
    <div class="esg-rule"><div class="esg-rule-dot"></div><strong>Modo Difícil</strong> — "Eu sei como lutar" (Nível 140+)</div>
    <div class="esg-rule"><div class="esg-rule-dot"></div>Selecione "Começar a limpar!" para iniciar</div>
  </div>
</div>

<!-- MECÂNICA DOS DRENOS -->
<div class="esg-card">
  <div class="esg-card-title">
    <img src="https://browiki.org/images/e/e0/Monster_CelacantoE.png" width="20" height="20" style="image-rendering:pixelated;" alt="">
    <span class="esg-card-title-text">Mecânica: Limpeza dos Drenos</span>
  </div>
  <div class="esg-card-body">
    <p style="font-size:12.5px;color:#5A7A9A;line-height:1.7;margin:0 0 10px;">O objetivo é limpar os drenos espalhados pelo mapa. A quantidade de drenos varia de acordo com a dificuldade escolhida.</p>
    <div class="esg-rule"><div class="esg-rule-dot"></div>Limpar um dreno ativa uma barra de conjuração de <strong>15 segundos</strong>, que é interrompida se o personagem receber dano</div>
    <div class="esg-rule"><div class="esg-rule-dot"></div>Cada dreno fica ativo por <strong>10 segundos</strong>; depois disso, desaparece e reaparece em outro ponto do mapa</div>
    <div class="esg-rule"><div class="esg-rule-dot"></div>O grupo tem <strong>10 chances</strong> de limpar os drenos — cada falha faz nascer uma <strong>Alga Contaminada</strong> (ID 2191)</div>
    <div class="esg-rule"><div class="esg-rule-dot"></div>Alguns monstros da instância só recebem dano <strong>mágico</strong> — veja a tabela de monstros abaixo</div>
    <div class="esg-warn"><strong>Atenção:</strong> se mais de 5 Algas Contaminadas surgirem no mesmo dreno, a instância encerra imediatamente e o grupo precisa falar com Missing para recomeçar do zero.</div>
    <div class="esg-info">Se tudo der certo, Missing avisa que o serviço foi bem feito e um Celacanto aparece para o confronto final.</div>
  </div>
</div>

<!-- MONSTROS -->
<div class="esg-card">
  <div class="esg-card-title">
    <img src="https://browiki.org/images/e/e0/Monster_CelacantoE.png" width="20" height="20" style="image-rendering:pixelated;" alt="">
    <span class="esg-card-title-text">Monstros por Dificuldade</span>
  </div>
  <div class="esg-card-body" style="padding:0;">
    <table class="esg-table">
      <tr><th>Tipo</th><th>Modo Normal</th><th>Modo Difícil</th></tr>
      <tr><td><span class="esg-tag fisico">Físico</span></td><td>Caranguejo das Profundezas (2176)</td><td>Cavalo-marinho Ancestral (2182)</td></tr>
      <tr><td><span class="esg-tag fisico">Físico</span></td><td>Marte das Profundezas (2175)</td><td>Anolian Mutante (2183)</td></tr>
      <tr><td><span class="esg-tag fisico">Físico</span></td><td>Vadon Ancestral (2174)</td><td>Strouf Ancestral (2180)</td></tr>
      <tr><td><span class="esg-tag magico">Mágico</span></td><td>Ostra das Profundezas (2178)</td><td>Peixe-Espada das Profundezas (2181)</td></tr>
      <tr><td><span class="esg-tag fisico">Físico</span></td><td>Kukre Ancestral (2179)</td><td>Obeaune das Profundezas (2184)</td></tr>
      <tr><td><span class="esg-tag fisico">Físico</span></td><td>Cornutus das Profundezas (2177)</td><td>Kapha Metamorfo (2185)</td></tr>
    </table>
    <div style="padding:12px 18px;">
      <div class="esg-info" style="margin-top:0;">As linhas marcadas como <strong>Mágico</strong> só recebem dano de habilidades mágicas — ataque físico não funciona nelas.</div>
      <div class="esg-info">Premiação do serviço diário de Bigodes (caçar 20 monstros): <strong>2x Moedas Classe B</strong> (Normal) ou <strong>1x Moeda Classe A</strong> (Difícil).</div>
    </div>
  </div>
</div>

<!-- CHEFE: CELACANTO -->
<div class="esg-card">
  <div class="esg-card-title">
    <img src="https://browiki.org/images/e/e0/Monster_CelacantoE.png" width="20" height="20" style="image-rendering:pixelated;" alt="">
    <span class="esg-card-title-text">Chefe: Celacanto</span>
  </div>
  <div class="esg-card-body">
    <p style="font-size:12.5px;color:#5A7A9A;line-height:1.7;margin:0 0 12px;">O Celacanto que aparece ao final varia de acordo com a combinação de tipo e dificuldade.</p>
    <div class="esg-boss-grid">
      <div class="esg-boss-badge">
        <img src="https://rd.fharr.com/images/sprite/idle/id/2187/?format=webp" alt="">
        <div>
          <span class="esg-boss-badge-tag">Mágico · Normal</span>
          <div class="esg-boss-badge-name">Celacanto Sombrio</div>
          <div class="esg-boss-badge-id">ID 2187</div>
        </div>
      </div>
      <div class="esg-boss-badge">
        <img src="https://rd.fharr.com/images/sprite/idle/id/2188/?format=webp" alt="">
        <div>
          <span class="esg-boss-badge-tag">Físico · Normal</span>
          <div class="esg-boss-badge-name">Celacanto Cruel</div>
          <div class="esg-boss-badge-id">ID 2188</div>
        </div>
      </div>
      <div class="esg-boss-badge">
        <img src="https://rd.fharr.com/images/sprite/idle/id/2189/?format=webp" alt="">
        <div>
          <span class="esg-boss-badge-tag">Físico · Difícil</span>
          <div class="esg-boss-badge-name">Celacanto Mutante</div>
          <div class="esg-boss-badge-id">ID 2189</div>
        </div>
      </div>
      <div class="esg-boss-badge">
        <img src="https://rd.fharr.com/images/sprite/idle/id/2190/?format=webp" alt="">
        <div>
          <span class="esg-boss-badge-tag">Mágico · Difícil</span>
          <div class="esg-boss-badge-name">Celacanto Violento</div>
          <div class="esg-boss-badge-id">ID 2190</div>
        </div>
      </div>
    </div>
    <div class="esg-info">Premiação de MVP: <strong>1x Ira do Deus do Mar</strong> (Modo Normal) ou <strong>5x Ira do Deus do Mar</strong> (Modo Difícil).</div>
  </div>
</div>

<!-- RECOMPENSAS -->
<div class="esg-card">
  <div class="esg-card-title">
    <img src="https://static.divine-pride.net/images/items/item/6423.png" width="20" height="20" style="image-rendering:pixelated;" alt="">
    <span class="esg-card-title-text">Recompensas</span>
  </div>
  <div class="esg-card-body" style="padding:0;">
    <div class="esg-loot-row"><img src="https://static.divine-pride.net/images/items/item/12614.png" alt=""><span class="esg-loot-name">Bolsa de Moedas</span></div>
    <div class="esg-loot-row"><img src="https://static.divine-pride.net/images/items/item/12636.png" alt=""><span class="esg-loot-name">Peixes Enlatados de Malangdo</span></div>
    <div style="padding:12px 18px;">
      <div class="esg-info" style="margin-top:0;">Ao derrotar o Celacanto, os drenos derrubam vários desses presentes pelo mapa.</div>
      <div class="esg-info"><strong>Ira do Deus do Mar</strong> (#6423) é item importante para os Encantamentos de Malangdo.</div>
    </div>
  </div>
</div>

<!-- APÓS A INSTÂNCIA -->
<div class="esg-card">
  <div class="esg-card-title">
    <img src="https://browiki.org/images/e/e0/Monster_CelacantoE.png" width="20" height="20" style="image-rendering:pixelated;" alt="">
    <span class="esg-card-title-text">Após a Instância</span>
  </div>
  <div class="esg-card-body">
    <div class="esg-rule"><div class="esg-rule-dot"></div>Fale com <strong>Missing</strong> para sair da instância</div>
    <div class="esg-rule"><div class="esg-rule-dot"></div>Retorne a <strong>Bigodes</strong> para receber a premiação de acordo com o serviço e a dificuldade escolhida</div>
    <div class="esg-pending"><strong>Pendente de confirmação:</strong> o texto original diz que "diferente de outras instâncias, o jogador pode entrar novamente se sair do mapa, desde que ainda tenha o item necessário" — referência à Proteção do Deus do Mar, que ficou em aberto no card "Como Entrar". Preciso saber se essa regra de reentrada continua valendo (e com qual condição) antes de incluir aqui.</div>
  </div>
</div>

</html>