Exibir código-fonte para Pegue o Pombo

<!-- Pegue o Pombo — Edda World -->
<html>

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

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

.pg-stats { background:#F0FBF6; border:1px solid rgba(94,207,168,0.18); border-radius:8px; padding:12px 18px; display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; margin-bottom:14px; }
.pg-stat { text-align:center; }
.pg-stat-label { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#9B92A8; margin-bottom:5px; }
.pg-stat-val { font-size:13px; font-weight:700; color:#0C1A36; }
.pg-stat-val.pending { font-size:11px; font-weight:700; color:#DC2626; font-style:italic; }

.pg-cmd { background:#241832; border-radius:8px; padding:10px 16px; display:flex; align-items:center; gap:10px; margin-top:10px; }
.pg-cmd-text { font-family:monospace; font-size:13px; font-weight:700; color:#4ADE80; }
.pg-cmd-label { font-size:11px; color:rgba(255,255,255,0.4); }

.pg-demo { background:#FAFCFA; border:1px solid rgba(94,207,168,0.15); border-radius:9px; padding:16px 18px; margin-bottom:14px; }
.pg-demo-label { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#9B92A8; margin-bottom:10px; }
.pg-demo-grid { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.pg-fake { display:inline-flex; align-items:center; gap:6px; background:#FFF5F5; border:1px solid rgba(220,38,38,0.2); color:#991B1B; font-size:12px; font-weight:600; padding:6px 12px; border-radius:8px; font-family:monospace; }
.pg-fake svg { flex-shrink:0; color:#DC2626; }
.pg-real { display:inline-flex; align-items:center; gap:6px; background:rgba(94,207,168,0.1); border:1.5px solid #2E8F6E; color:#14532D; font-size:12px; font-weight:800; padding:6px 12px; border-radius:8px; font-family:monospace; }
.pg-real svg { flex-shrink:0; color:#2E8F6E; }

.pg-flow { display:flex; flex-direction:column; gap:4px; }
.pg-step { display:flex; align-items:flex-start; gap:12px; padding:10px 14px; border-radius:8px; background:#FAFCFA; border:1px solid rgba(94,207,168,0.12); }
.pg-step-num { width:22px; height:22px; border-radius:50%; background:#5ECFA8; color:#fff; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:1px; }
.pg-step-text { font-size:12.5px; color:#1A2640; line-height:1.5; flex:1; }
.pg-step-arrow { display:flex; justify-content:center; color:#C8E8D8; font-size:14px; padding:2px 0; }

.pg-reward-box { display:flex; align-items:center; gap:14px; background:linear-gradient(110deg,rgba(217,119,6,0.06),rgba(217,119,6,0.02)); border:1px solid rgba(217,119,6,0.25); border-radius:9px; padding:16px 18px; }
.pg-reward-icon { background:rgba(217,119,6,0.1); border:1px solid rgba(217,119,6,0.22); border-radius:8px; width:52px; height:52px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.pg-reward-icon img { width:38px; height:38px; object-fit:contain; image-rendering:pixelated; }
.pg-reward-label { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#B45309; margin-bottom:4px; }
.pg-reward-text { font-size:13.5px; color:#78350F; font-weight:700; }
.pg-reward-desc { font-size:12px; color:#92400E; margin-top:3px; font-weight:400; line-height:1.5; }
</style>

<!-- HERO -->
<div style="background:#241832;border-radius:12px;padding:28px 32px;text-align:center;margin-bottom:16px;position:relative;overflow:hidden;">
  <div style="position:absolute;top:-30px;left:-20px;width:200px;height:200px;background:radial-gradient(circle,rgba(94,207,168,0.14) 0%,transparent 70%);border-radius:50%;pointer-events:none;"></div>
  <div style="position:absolute;bottom:-20px;right:5%;width:160px;height:160px;background:radial-gradient(circle,rgba(168,135,212,0.12) 0%,transparent 70%);border-radius:50%;pointer-events:none;"></div>
  <div style="position:relative;z-index:1;">
    <div style="margin-bottom:10px;"><img src="https://www.divine-pride.net/img/items/item/bRO/18912" width="54" height="54" style="image-rendering:pixelated;" alt=""></div>
    <div style="color:#fff;font-size:20px;font-weight:700;margin-bottom:6px;">Pegue o Pombo</div>
    <div style="color:rgba(255,255,255,0.45);font-size:13px;">Entre a bagunça de nomes, só um Pombo é o verdadeiro</div>
  </div>
</div>

<!-- COMO FUNCIONA -->
<div class="pg-card">
  <div class="pg-card-title">
    <img src="https://static.divine-pride.net/images/items/item/19143.png" width="20" height="20" style="image-rendering:pixelated;" alt="">
    <div class="pg-card-title-text">Como Funciona</div>
  </div>
  <div class="pg-card-body">

    <div class="pg-stats">
      <div class="pg-stat">
        <div class="pg-stat-label">Frequência</div>
        <div class="pg-stat-val pending">a confirmar</div>
      </div>
      <div class="pg-stat">
        <div class="pg-stat-label">Horário</div>
        <div class="pg-stat-val pending">a confirmar</div>
      </div>
      <div class="pg-stat">
        <div class="pg-stat-label">Vencedor</div>
        <div class="pg-stat-val">1º a derrotar</div>
      </div>
    </div>

    <div class="pg-rule"><div class="pg-rule-dot"></div>Ao ser anunciado o evento, digite <strong>@eventos</strong> e fale com o NPC do evento</div>
    <div class="pg-rule"><div class="pg-rule-dot"></div>Você será levado a um mapa <strong>repleto de pombos</strong></div>
    <div class="pg-rule"><div class="pg-rule-dot"></div>Quase todos os pombos têm o <strong>nome escrito errado</strong> — variações como <span style="font-family:monospace;">POMBO,</span> <span style="font-family:monospace;">pombo</span> ou <span style="font-family:monospace;">P0mbo</span></div>
    <div class="pg-rule"><div class="pg-rule-dot"></div>Apenas <strong>um pombo</strong> no mapa tem o nome correto: <span style="font-family:monospace;font-weight:700;color:#2E8F6E;">Pombo</span></div>
    <div class="pg-rule"><div class="pg-rule-dot"></div>Encontre e derrote o Pombo verdadeiro antes dos demais jogadores — é um teste de <strong>observação</strong> em meio à distração visual</div>

    <div class="pg-cmd">
      <div>
        <div class="pg-cmd-label">Comando de acesso</div>
        <div class="pg-cmd-text">@eventos</div>
      </div>
    </div>

  </div>
</div>

<!-- EXEMPLO VISUAL -->
<div class="pg-card">
  <div class="pg-card-title">
    <img src="https://www.divine-pride.net/img/items/item/bRO/18912" width="20" height="20" style="image-rendering:pixelated;" alt="">
    <div class="pg-card-title-text">Aprenda a Diferença</div>
  </div>
  <div class="pg-card-body">
    <p style="font-size:12.5px;color:#5A7A9A;line-height:1.7;margin:0 0 14px;">Nomes parecidos, mas só um está certo. Fique de olho em maiúsculas, minúsculas e caracteres trocados por números.</p>
    <div class="pg-demo">
      <div class="pg-demo-label">Exemplos de nomes no mapa</div>
      <div class="pg-demo-grid">
        <span class="pg-fake"><svg width="12" height="12" viewBox="0 0 20 20"><path d="M5 5L15 15M15 5L5 15" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/></svg>POMBO</span>
        <span class="pg-fake"><svg width="12" height="12" viewBox="0 0 20 20"><path d="M5 5L15 15M15 5L5 15" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/></svg>pombo</span>
        <span class="pg-fake"><svg width="12" height="12" viewBox="0 0 20 20"><path d="M5 5L15 15M15 5L5 15" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/></svg>P0mbo</span>
        <span class="pg-fake"><svg width="12" height="12" viewBox="0 0 20 20"><path d="M5 5L15 15M15 5L5 15" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/></svg>Pombo0</span>
        <span class="pg-real"><svg width="13" height="13" viewBox="0 0 20 20"><path d="M4 10.5L8 14.5L16 6" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>Pombo</span>
      </div>
    </div>
  </div>
</div>

<!-- PASSO A PASSO -->
<div class="pg-card">
  <div class="pg-card-title">
    <img src="https://static.divine-pride.net/images/items/item/19143.png" width="20" height="20" style="image-rendering:pixelated;" alt="">
    <div class="pg-card-title-text">Passo a Passo</div>
  </div>
  <div class="pg-card-body">
    <div class="pg-flow">

      <div class="pg-step">
        <div class="pg-step-num">1</div>
        <div class="pg-step-text">O evento é anunciado globalmente <span style="color:#9B92A8;font-style:italic;">(horário a confirmar)</span></div>
      </div>
      <div class="pg-step-arrow">↓</div>

      <div class="pg-step">
        <div class="pg-step-num">2</div>
        <div class="pg-step-text">Digite <strong>@eventos</strong> e fale com o NPC do Pegue o Pombo</div>
      </div>
      <div class="pg-step-arrow">↓</div>

      <div class="pg-step">
        <div class="pg-step-num">3</div>
        <div class="pg-step-text">Você é levado ao mapa cheio de pombos com nomes parecidos</div>
      </div>
      <div class="pg-step-arrow">↓</div>

      <div class="pg-step">
        <div class="pg-step-num">4</div>
        <div class="pg-step-text">Observe com atenção cada nome — a maioria está escrita errado de propósito</div>
      </div>
      <div class="pg-step-arrow">↓</div>

      <div class="pg-step">
        <div class="pg-step-num">5</div>
        <div class="pg-step-text">Encontre o único pombo com o nome exato <strong>Pombo</strong> e ataque</div>
      </div>
      <div class="pg-step-arrow">↓</div>

      <div class="pg-step" style="background:#F0FBF6;border-color:rgba(94,207,168,0.25);">
        <div class="pg-step-num" style="background:#16A34A;">
          <svg width="12" height="12" viewBox="0 0 20 20" fill="none"><path d="M4 10.5L8 14.5L16 6" stroke="#fff" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </div>
        <div class="pg-step-text">Derrotou o Pombo certo primeiro? Receba <strong style="color:#D97706;">1x Mapa do Tesouro</strong> automaticamente</div>
      </div>

    </div>
  </div>
</div>

<!-- RECOMPENSA -->
<div class="pg-card">
  <div class="pg-card-title">
    <img src="https://www.divine-pride.net/img/items/item/bRO/18912" width="20" height="20" style="image-rendering:pixelated;" alt="">
    <div class="pg-card-title-text">Recompensa</div>
  </div>
  <div class="pg-card-body">
    <div class="pg-reward-box">
      <div class="pg-reward-icon">
        <img src="https://static.divine-pride.net/images/items/item/420385.png" alt="Mapa do Tesouro">
      </div>
      <div>
        <div class="pg-reward-label">Ao derrotar o Pombo verdadeiro</div>
        <div class="pg-reward-text">1x Mapa do Tesouro</div>
        <div class="pg-reward-desc">Mesma recompensa dos demais eventos diários — não há custo de entrada nem recompensa para quem não encontrar o Pombo certo.</div>
      </div>
    </div>
  </div>
</div>

</html>