Cards: Difference between revisions

From TimeRO Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(6 intermediate revisions by 2 users not shown)
Line 1: Line 1:
__NOTOC__
__NOTOC__
__NOEDITSECTION__
__NOEDITSECTION__
{{DISPLAYTITLE:Sistema de Cartas}}
<!-- TimeRO Wiki — Sistema de Cartas Balanceadas + Coleção -->
<!-- TimeRO Wiki — Sistema de Cartas Balanceadas + Coleção -->
<!-- Design: "Arcane Codex" — encyclopedia/database hybrid -->
<!-- Revised version: safe MediaWiki page, SQL-powered card database rendered by Common.js -->
<!-- Unique: live search, column sort, inline row detail, collection groups, changed-only filter -->


<div id="card-system-root" style="margin:-1em -1.5em;font-family:'Segoe UI',system-ui,sans-serif;background:#030408;min-height:100vh;color:#e8eef8;">
<div class="timero-wiki-root" id="card-system-root" style="
  margin:-1em -1.5em;
  font-family:'Segoe UI',system-ui,sans-serif;
  background:
    radial-gradient(circle at 18% 0%, rgba(74,144,217,0.10), transparent 34%),
    radial-gradient(circle at 88% 24%, rgba(92,70,180,0.08), transparent 30%),
    linear-gradient(135deg, #050914 0%, #02050e 100%);
  min-height:100vh;
  color:#d8ecff;
">


<!-- ═══ HERO ═══════════════════════════════════════════════ -->
<!-- ═══════════════════════════════════════════════════════════
<div style="position:relative;background:linear-gradient(160deg,#020307 0%,#06040e 40%,#0b061a 65%,#040210 100%);padding:56px 64px 48px;overflow:hidden;border-bottom:1px solid rgba(124,106,255,0.18);">
    HERO
════════════════════════════════════════════════════════════ -->


  <!-- Arcane grid — violet tint -->
<div style="
  <div style="position:absolute;inset:0;background-image:linear-gradient(rgba(124,106,255,0.030) 1px,transparent 1px),linear-gradient(90deg,rgba(124,106,255,0.030) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 10%,transparent 80%);"></div>
  max-width:1280px;
  margin:0 auto;
  padding:54px 28px 28px;
">


  <!-- Rune circle decoration -->
<div style="
  <div style="position:absolute;top:-80px;right:6%;width:460px;height:460px;border-radius:50%;border:1px solid rgba(124,106,255,0.08);pointer-events:none;"></div>
  background:linear-gradient(135deg,rgba(5,10,22,0.97),rgba(2,5,14,0.99));
  <div style="position:absolute;top:-40px;right:9%;width:340px;height:340px;border-radius:50%;border:1px solid rgba(249,197,0,0.06);pointer-events:none;"></div>
   border:1px solid rgba(80,170,255,0.18);
   <div style="position:absolute;top:0;right:11.5%;width:220px;height:220px;border-radius:50%;border:1px solid rgba(124,106,255,0.05);display:flex;align-items:center;justify-content:center;font-size:4rem;opacity:0.06;pointer-events:none;">♦</div>
  border-radius:18px;
   <div style="position:absolute;bottom:-60px;left:5%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(124,106,255,0.07),transparent 65%);pointer-events:none;"></div>
  padding:28px;
   box-shadow:0 0 30px rgba(0,0,0,0.35), inset 0 0 28px rgba(80,160,255,0.025);
  overflow:hidden;
  position:relative;
">


  <div style="position:relative;z-index:1;max-width:900px;">
<div style="
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 82% 10%, rgba(74,144,217,0.10), transparent 26%),
    radial-gradient(circle at 16% 90%, rgba(240,200,64,0.05), transparent 24%);
  pointer-events:none;
"></div>


    <!-- Breadcrumb -->
<div style="position:relative;z-index:1;">
    <div style="display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:0.78rem;color:rgba(122,144,176,0.60);">
      [[Main_Page|<span style="color:rgba(124,106,255,0.70);">TimeRO Wiki</span>]]
      <span style="opacity:0.4;">›</span>
      [[Systems|<span style="color:rgba(122,144,176,0.60);">Sistemas</span>]]
      <span style="opacity:0.4;">›</span>
      <span style="color:#e8eef8;">Sistema de Cartas</span>
    </div>


    <!-- Category pills -->
<div style="
    <div style="display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;">
  display:flex;
      <span style="display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:4px;background:rgba(124,106,255,0.16);border:1px solid rgba(124,106,255,0.38);font-size:0.66rem;letter-spacing:0.18em;text-transform:uppercase;color:#9d8fff;font-weight:900;">♦ Sistema Arcano</span>
  align-items:center;
      <span style="display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:4px;background:rgba(249,197,0,0.10);border:1px solid rgba(249,197,0,0.28);font-size:0.66rem;letter-spacing:0.14em;text-transform:uppercase;color:#f9c500;font-weight:700;">✨ 47 Cartas Balanceadas</span>
  gap:8px;
      <span style="display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:4px;background:rgba(0,212,255,0.08);border:1px solid rgba(0,212,255,0.22);font-size:0.66rem;letter-spacing:0.14em;text-transform:uppercase;color:#00d4ff;font-weight:700;">📚 50 Cartas Documentadas</span>
  margin-bottom:18px;
      <span style="display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:4px;background:rgba(0,255,136,0.08);border:1px solid rgba(0,255,136,0.22);font-size:0.66rem;letter-spacing:0.14em;text-transform:uppercase;color:#00ff88;font-weight:700;">🌟 10 Grupos de Coleção</span>
  font-size:0.78rem;
    </div>
  color:rgba(122,144,176,0.70);
">
  [[Main Page|<span style="color:#58d7ff;">TimeRO Wiki</span>]]
  <span style="opacity:0.45;">›</span>
  [[Systems|<span style="color:rgba(122,144,176,0.70);">Sistemas</span>]]
  <span style="opacity:0.45;">›</span>
  <span style="color:#d8ecff;">Sistema de Cartas</span>
</div>


    <!-- Title -->
<div style="
    <h1 style="font-size:clamp(2.2rem,5.5vw,4.2rem);font-weight:900;line-height:0.92;letter-spacing:-0.02em;color:#fff;margin:0 0 16px;">
  display:inline-flex;
      Sistema de<br>
  align-items:center;
      <span style="background:linear-gradient(90deg,#7c6aff,#b06cff,#f9c500);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 28px rgba(124,106,255,0.30));">Cartas Balanceadas</span>
  gap:8px;
    </h1>
  padding:4px 14px;
    <p style="font-size:1.05rem;color:rgba(176,192,224,0.75);line-height:1.75;max-width:680px;margin:0 0 28px;">Todas as cartas do TimeRO foram revisadas, rebalanceadas e integradas ao novo <strong style="color:#f9c500;">Sistema de Coleção</strong> — efeitos permanentes para toda a conta ao completar grupos temáticos.</p>
  border-radius:999px;
  background:rgba(74,144,217,0.10);
  border:1px solid rgba(74,144,217,0.25);
  margin-bottom:16px;
">
  <span style="font-size:0.68rem;letter-spacing:0.18em;text-transform:uppercase;color:#58d7ff;font-weight:900;">◇ Sistema de Progressão</span>
</div>


    <!-- Quick stats -->
<div style="
    <div style="display:flex;gap:14px;flex-wrap:wrap;">
  font-size:clamp(2.2rem,5vw,4rem);
      <div style="padding:10px 18px;border-radius:10px;background:rgba(0,0,0,0.35);border:1px solid rgba(124,106,255,0.16);display:flex;align-items:center;gap:10px;">
  line-height:0.96;
        <span style="font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.55);font-weight:700;">Cartas alteradas:</span>
  font-weight:900;
        <span style="font-size:1rem;font-weight:900;color:#7c6aff;">47 / 50</span>
  color:#ffffff;
      </div>
  margin:0 0 18px 0;
      <div style="padding:10px 18px;border-radius:10px;background:rgba(0,0,0,0.35);border:1px solid rgba(249,197,0,0.14);display:flex;align-items:center;gap:10px;">
  letter-spacing:-0.035em;
        <span style="font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.55);font-weight:700;">Grupos de coleção:</span>
">
        <span style="font-size:1rem;font-weight:900;color:#f9c500;">10</span>
  Sistema de<br>
      </div>
  <span style="
      <div style="padding:10px 18px;border-radius:10px;background:rgba(0,0,0,0.35);border:1px solid rgba(0,212,255,0.12);display:flex;align-items:center;gap:10px;">
    background:linear-gradient(90deg,#58d7ff,#7c8cff,#f0c840);
        <span style="font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.55);font-weight:700;">Atualização:</span>
    -webkit-background-clip:text;
        <span style="font-size:1rem;font-weight:900;color:#00d4ff;">Mar 2025</span>
    background-clip:text;
      </div>
    color:transparent;
    </div>
    filter:drop-shadow(0 0 22px rgba(88,215,255,0.20));
  </div>
  ">Cartas Balanceadas</span>
</div>
 
<div style="
  max-width:820px;
  color:rgba(180,205,230,0.78);
  font-size:1rem;
  line-height:1.72;
  margin-bottom:22px;
">
  O TimeRO reformula o valor das cartas dentro do universo Pré-Renewal: efeitos revisados, novas possibilidades de build e um sistema de coleção permanente para a conta. Cada carta pode ser útil como equipamento, como progressão de coleção ou como parte de estratégias específicas de classe.
</div>
 
<div style="
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:20px;
">
 
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(88,215,255,0.18);border-radius:12px;padding:14px;text-align:center;">
  <div style="font-size:1.35em;margin-bottom:5px;">🃏</div>
  <div style="color:#58d7ff;font-weight:900;font-size:0.80rem;letter-spacing:0.08em;text-transform:uppercase;">Cartas</div>
  <div style="color:#d8ecff;font-weight:bold;font-size:0.92rem;">Rebalanceadas</div>
</div>
 
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(240,200,64,0.18);border-radius:12px;padding:14px;text-align:center;">
  <div style="font-size:1.35em;margin-bottom:5px;">📚</div>
  <div style="color:#f0c840;font-weight:900;font-size:0.80rem;letter-spacing:0.08em;text-transform:uppercase;">Coleção</div>
  <div style="color:#fff2bf;font-weight:bold;font-size:0.92rem;">Conta Inteira</div>
</div>
</div>
<!-- /HERO -->


<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(112,216,144,0.18);border-radius:12px;padding:14px;text-align:center;">
  <div style="font-size:1.35em;margin-bottom:5px;">✨</div>
  <div style="color:#70d890;font-weight:900;font-size:0.80rem;letter-spacing:0.08em;text-transform:uppercase;">Bônus</div>
  <div style="color:#d8ffe5;font-weight:bold;font-size:0.92rem;">Permanentes</div>
</div>


<!-- ═══ SYSTEM EXPLAINER — HOW COLLECTION WORKS ═══════════ -->
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(255,107,122,0.18);border-radius:12px;padding:14px;text-align:center;">
<div style="background:#05060e;padding:52px 64px;border-bottom:1px solid rgba(255,255,255,0.05);">
   <div style="font-size:1.35em;margin-bottom:5px;">⚔️</div>
   <div style="max-width:1060px;margin:0 auto;">
  <div style="color:#ff6b7a;font-weight:900;font-size:0.80rem;letter-spacing:0.08em;text-transform:uppercase;">Builds</div>
  <div style="color:#ffd8dd;font-weight:bold;font-size:0.92rem;">Mais Variadas</div>
</div>


    <div style="text-align:center;margin-bottom:36px;">
</div>
      <div style="display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;background:rgba(249,197,0,0.08);border:1px solid rgba(249,197,0,0.22);margin-bottom:12px;">
        <span style="font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:#f9c500;font-weight:700;">// Como funciona</span>
      </div>
      <h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 8px;border:none;">Sistema de Coleção de Cartas</h2>
      <p style="color:rgba(122,144,176,0.70);font-size:0.92rem;margin:0;">Um sistema de progressão de conta — bônus permanentes para todos os personagens.</p>
    </div>


    <!-- Horizontal step timeline -->
</div>
    <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-bottom:36px;">
</div>
      <!-- Connecting line -->
      <div style="position:absolute;top:32px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,#7c6aff,#f9c500,#00ff88,#f9c500);opacity:0.28;pointer-events:none;"></div>


      <!-- Step 1 -->
</div>
      <div style="text-align:center;padding:0 12px;position:relative;">
        <div style="width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,rgba(124,106,255,0.28),rgba(124,106,255,0.08));border:2px solid rgba(124,106,255,0.45);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 14px;position:relative;z-index:1;box-shadow:0 0 24px rgba(124,106,255,0.18);">🗡️</div>
        <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(124,106,255,0.70);font-weight:800;margin-bottom:5px;">PASSO 1</div>
        <div style="font-size:0.92rem;font-weight:800;color:#fff;margin-bottom:6px;">Obter a carta</div>
        <div style="font-size:0.80rem;color:rgba(122,144,176,0.70);line-height:1.60;">Derrote o monstro correspondente e colete a carta no loot. Drop rate customizado no TimeRO.</div>
      </div>


      <!-- Step 2 -->
<!-- ═══════════════════════════════════════════════════════════
      <div style="text-align:center;padding:0 12px;position:relative;">
    SYSTEM OVERVIEW
        <div style="width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,rgba(249,197,0,0.22),rgba(249,197,0,0.06));border:2px solid rgba(249,197,0,0.38);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 14px;position:relative;z-index:1;box-shadow:0 0 24px rgba(249,197,0,0.14);">🃏</div>
════════════════════════════════════════════════════════════ -->
        <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(249,197,0,0.70);font-weight:800;margin-bottom:5px;">PASSO 2</div>
        <div style="font-size:0.92rem;font-weight:800;color:#fff;margin-bottom:6px;">Equipar em item</div>
        <div style="font-size:0.80rem;color:rgba(122,144,176,0.70);line-height:1.60;">Encaixe a carta no slot correto de um equipamento para ativar o efeito balanceado.</div>
      </div>


      <!-- Step 3 -->
<div style="max-width:1280px;margin:0 auto;padding:0 28px 30px;">
      <div style="text-align:center;padding:0 12px;position:relative;">
        <div style="width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,rgba(0,212,255,0.22),rgba(0,212,255,0.06));border:2px solid rgba(0,212,255,0.35);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 14px;position:relative;z-index:1;box-shadow:0 0 24px rgba(0,212,255,0.12);">📚</div>
        <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(0,212,255,0.70);font-weight:800;margin-bottom:5px;">PASSO 3</div>
        <div style="font-size:0.92rem;font-weight:800;color:#fff;margin-bottom:6px;">Adicionar à Coleção</div>
        <div style="font-size:0.80rem;color:rgba(122,144,176,0.70);line-height:1.60;">Use o NPC ou comando do servidor para registrar a carta na Coleção da sua conta.</div>
      </div>


      <!-- Step 4 -->
<div style="
      <div style="text-align:center;padding:0 12px;position:relative;">
  display:grid;
        <div style="width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,rgba(0,255,136,0.22),rgba(0,255,136,0.06));border:2px solid rgba(0,255,136,0.35);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 14px;position:relative;z-index:1;box-shadow:0 0 24px rgba(0,255,136,0.12);">✨</div>
  grid-template-columns:1fr 1fr 1fr;
        <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(0,255,136,0.70);font-weight:800;margin-bottom:5px;">PASSO 4</div>
  gap:16px;
        <div style="font-size:0.92rem;font-weight:800;color:#fff;margin-bottom:6px;">Bônus Permanente</div>
  margin:0 0 28px 0;
        <div style="font-size:0.80rem;color:rgba(122,144,176,0.70);line-height:1.60;">Complete um grupo e ganhe bônus permanente em <strong style="color:#00ff88;">todos os personagens da conta</strong> para sempre.</div>
">
      </div>
    </div>


    <!-- Key rules -->
<div style="
    <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:14px;">
  background:linear-gradient(135deg,rgba(8,14,26,0.94),rgba(4,8,18,0.99));
      <div style="padding:16px 18px;border-radius:14px;background:rgba(124,106,255,0.07);border:1px solid rgba(124,106,255,0.16);display:flex;align-items:flex-start;gap:12px;">
  border:1px solid rgba(88,215,255,0.18);
        <span style="font-size:1.2rem;flex-shrink:0;">🔒</span>
  border-left:5px solid #58d7ff;
        <div>
  border-radius:14px;
          <div style="font-size:0.88rem;font-weight:800;color:#fff;margin-bottom:4px;">Irreversível</div>
  padding:20px;
          <div style="font-size:0.80rem;color:rgba(122,144,176,0.72);line-height:1.60;">Uma vez adicionada à coleção, a carta não pode ser removida. O bônus é permanente.</div>
">
        </div>
  <div style="font-size:1.5em;margin-bottom:10px;">🔄</div>
      </div>
  <div style="color:#58d7ff;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;font-size:0.86rem;margin-bottom:10px;">Efeitos Melhorados</div>
      <div style="padding:16px 18px;border-radius:14px;background:rgba(249,197,0,0.06);border:1px solid rgba(249,197,0,0.14);display:flex;align-items:flex-start;gap:12px;">
  <div style="color:rgba(180,205,230,0.74);font-size:0.90rem;line-height:1.68;">
        <span style="font-size:1.2rem;flex-shrink:0;">👥</span>
    Cartas clássicas recebem efeitos revisados para gerar mais escolhas reais de build, evitando que apenas poucas cartas dominem todos os equipamentos.
        <div>
          <div style="font-size:0.88rem;font-weight:800;color:#fff;margin-bottom:4px;">Toda a conta</div>
          <div style="font-size:0.80rem;color:rgba(122,144,176,0.72);line-height:1.60;">Os bônus de coleção se aplicam a todos os personagens da mesma conta, presentes e futuros.</div>
        </div>
      </div>
      <div style="padding:16px 18px;border-radius:14px;background:rgba(0,255,136,0.06);border:1px solid rgba(0,255,136,0.14);display:flex;align-items:flex-start;gap:12px;">
        <span style="font-size:1.2rem;flex-shrink:0;">📊</span>
        <div>
          <div style="font-size:0.88rem;font-weight:800;color:#fff;margin-bottom:4px;">Grupos Temáticos</div>
          <div style="font-size:0.80rem;color:rgba(122,144,176,0.72);line-height:1.60;">Cartas são agrupadas por raça de monstro. Complete cada grupo para desbloquear seu bônus único.</div>
        </div>
      </div>
    </div>
   </div>
   </div>
</div>
</div>
<!-- /EXPLAINER -->


<div style="
  background:linear-gradient(135deg,rgba(8,14,26,0.94),rgba(4,8,18,0.99));
  border:1px solid rgba(240,200,64,0.18);
  border-left:5px solid #f0c840;
  border-radius:14px;
  padding:20px;
">
  <div style="font-size:1.5em;margin-bottom:10px;">📚</div>
  <div style="color:#f0c840;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;font-size:0.86rem;margin-bottom:10px;">Coleção de Conta</div>
  <div style="color:rgba(220,205,160,0.78);font-size:0.90rem;line-height:1.68;">
    Cartas registradas na coleção desbloqueiam progresso permanente vinculado à conta. Todos os personagens se beneficiam do avanço.
  </div>
</div>


<!-- ═══ CARD DATABASE — SEARCH + FILTER + TABLE ════════════ -->
<div style="
<div id="card-db-section" style="background:#030408;padding:52px 64px;border-bottom:1px solid rgba(255,255,255,0.05);">
  background:linear-gradient(135deg,rgba(8,14,26,0.94),rgba(4,8,18,0.99));
   <div style="max-width:1280px;margin:0 auto;">
  border:1px solid rgba(112,216,144,0.18);
  border-left:5px solid #70d890;
  border-radius:14px;
  padding:20px;
">
  <div style="font-size:1.5em;margin-bottom:10px;">🧬</div>
  <div style="color:#70d890;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;font-size:0.86rem;margin-bottom:10px;">Valor Permanente</div>
   <div style="color:rgba(190,230,200,0.76);font-size:0.90rem;line-height:1.68;">
    Mesmo cartas simples continuam relevantes, porque podem completar grupos, liberar bônus e fortalecer a conta a longo prazo.
  </div>
</div>


    <div style="text-align:center;margin-bottom:28px;">
</div>
      <div style="display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;background:rgba(124,106,255,0.08);border:1px solid rgba(124,106,255,0.22);margin-bottom:12px;">
        <span style="font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:#9d8fff;font-weight:700;">// Banco de Dados</span>
      </div>
      <h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 8px;border:none;">Todas as Cartas Balanceadas</h2>
      <p style="color:rgba(122,144,176,0.70);font-size:0.92rem;margin:0;">Clique em qualquer carta para ver efeito antigo vs novo e bônus de coleção.</p>
    </div>


    <!-- Search + Filter toolbar -->
</div>
    <div style="background:rgba(0,0,0,0.32);border:1px solid rgba(124,106,255,0.14);border-radius:18px;padding:18px 22px;margin-bottom:18px;">
      <div style="display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:14px;">


        <!-- Search input -->
<!-- ═══════════════════════════════════════════════════════════
        <div style="flex:1;min-width:240px;position:relative;">
    HOW COLLECTION WORKS
          <span style="position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:0.90rem;opacity:0.45;">🔍</span>
════════════════════════════════════════════════════════════ -->
          <input id="card-search" type="text" oninput="searchCards()" placeholder="Buscar por nome, ID ou monstro..." style="width:100%;padding:10px 12px 10px 36px;border-radius:10px;background:rgba(0,0,0,0.40);border:1px solid rgba(255,255,255,0.09);color:#e8eef8;font-size:0.90rem;font-family:inherit;outline:none;transition:border-color 0.18s;">
        </div>


        <!-- Changed-only toggle -->
<div style="max-width:1280px;margin:0 auto;padding:0 28px 30px;">
        <label style="display:inline-flex;align-items:center;gap:9px;cursor:pointer;padding:9px 16px;border-radius:10px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);font-size:0.82rem;font-weight:700;color:rgba(122,144,176,0.70);user-select:none;white-space:nowrap;" for="changed-toggle">
          <input type="checkbox" id="changed-toggle" onchange="toggleChangedOnly()" style="accent-color:#7c6aff;width:16px;height:16px;">
          ⚡ Apenas alteradas
        </label>


        <!-- Results counter -->
<div style="
        <div id="card-count-badge" style="padding:9px 16px;border-radius:10px;background:rgba(124,106,255,0.09);border:1px solid rgba(124,106,255,0.20);font-size:0.80rem;font-weight:800;color:#9d8fff;white-space:nowrap;">50 cartas</div>
  background:linear-gradient(135deg,rgba(8,14,26,0.94),rgba(4,8,18,0.99));
      </div>
  border:1px solid rgba(255,255,255,0.08);
  border-radius:18px;
  padding:24px;
  margin:0 0 30px 0;
">


      <!-- Category filter tabs -->
<div style="
      <div style="display:flex;gap:0;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,0.07);width:fit-content;">
  background:linear-gradient(90deg,rgba(240,200,64,0.12),rgba(240,200,64,0.03),transparent);
        <button id="cat-all"      onclick="filterCategory('all')"    style="padding:8px 16px;border:none;background:linear-gradient(135deg,rgba(124,106,255,0.22),rgba(124,106,255,0.10));color:#9d8fff;font-size:0.78rem;font-weight:900;cursor:pointer;font-family:inherit;border-right:1px solid rgba(255,255,255,0.07);letter-spacing:0.04em;">Todas</button>
  border:1px solid rgba(240,200,64,0.16);
        <button id="cat-weapon"   onclick="filterCategory('weapon')"  style="padding:8px 16px;border:none;background:transparent;color:rgba(255,61,90,0.65);font-size:0.78rem;font-weight:700;cursor:pointer;font-family:inherit;border-right:1px solid rgba(255,255,255,0.07);">⚔️ Armas</button>
  border-left:5px solid #f0c840;
        <button id="cat-armor"    onclick="filterCategory('armor')"  style="padding:8px 16px;border:none;background:transparent;color:rgba(0,212,255,0.65);font-size:0.78rem;font-weight:700;cursor:pointer;font-family:inherit;border-right:1px solid rgba(255,255,255,0.07);">🛡 Armaduras</button>
  border-radius:12px;
        <button id="cat-misc"    onclick="filterCategory('misc')"    style="padding:8px 16px;border:none;background:transparent;color:rgba(249,168,38,0.65);font-size:0.78rem;font-weight:700;cursor:pointer;font-family:inherit;border-right:1px solid rgba(255,255,255,0.07);">💎 Acessórios</button>
   padding:16px 18px;
        <button id="cat-headgear" onclick="filterCategory('headgear')" style="padding:8px 16px;border:none;background:transparent;color:rgba(176,108,255,0.65);font-size:0.78rem;font-weight:700;cursor:pointer;font-family:inherit;">🎩 Headgear</button>
  margin:0 0 22px 0;
      </div>
">
    </div>
  <div style="color:#f0c840;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;font-size:0.86rem;margin-bottom:8px;">◇ Como funciona</div>
  <div style="color:#d8ecff;font-size:1.35rem;font-weight:900;margin-bottom:6px;">Sistema de Coleção de Cartas</div>
  <div style="color:rgba(180,205,230,0.74);font-size:0.92rem;line-height:1.65;">
    A coleção é uma progressão permanente de conta. Ao registrar cartas e completar grupos temáticos, o jogador libera bônus que continuam ativos independentemente do personagem usado.
  </div>
</div>


    <!-- Table shell -->
<div style="
    <div style="border-radius:18px;overflow:hidden;border:1px solid rgba(124,106,255,0.14);background:rgba(3,4,10,0.96);">
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
">


      <!-- Table header -->
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(88,215,255,0.18);border-radius:14px;padding:18px;text-align:center;">
      <div id="table-header" style="display:grid;grid-template-columns:70px 1fr 140px 100px 28px;gap:0;background:rgba(0,0,0,0.50);border-bottom:1px solid rgba(124,106,255,0.12);">
  <div style="width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:rgba(88,215,255,0.10);border:1px solid rgba(88,215,255,0.28);display:flex;align-items:center;justify-content:center;font-size:1.45em;">🗡️</div>
        <div class="th-cell sortable" data-col="id"      onclick="sortTable('id')"      style="padding:12px 14px;font-size:0.60rem;letter-spacing:0.14em;text-transform:uppercase;color:#9d8fff;font-weight:800;cursor:pointer;user-select:none;display:flex;align-items:center;gap:4px;border-right:1px solid rgba(255,255,255,0.05);">ID <span class="sort-ind" id="si-id">↕</span></div>
  <div style="color:#58d7ff;font-size:0.70rem;letter-spacing:0.12em;text-transform:uppercase;font-weight:900;margin-bottom:5px;">Passo 1</div>
        <div class="th-cell sortable" data-col="name"    onclick="sortTable('name')"    style="padding:12px 14px;font-size:0.60rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(122,144,176,0.55);font-weight:700;cursor:pointer;user-select:none;display:flex;align-items:center;gap:4px;border-right:1px solid rgba(255,255,255,0.05);">Carta / Monstro <span class="sort-ind" id="si-name">↕</span></div>
  <div style="color:#ffffff;font-weight:900;margin-bottom:6px;">Obter a carta</div>
        <div class="th-cell sortable" data-col="slot"    onclick="sortTable('slot')"    style="padding:12px 14px;font-size:0.60rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(122,144,176,0.55);font-weight:700;cursor:pointer;user-select:none;display:flex;align-items:center;gap:4px;border-right:1px solid rgba(255,255,255,0.05);">Slot <span class="sort-ind" id="si-slot">↕</span></div>
  <div style="color:rgba(180,205,230,0.70);font-size:0.82rem;line-height:1.58;">Derrote monstros e MVPs para obter cartas normais ou exclusivas do TimeRO.</div>
        <div class="th-cell"          style="padding:12px 14px;font-size:0.60rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(122,144,176,0.55);font-weight:700;border-right:1px solid rgba(255,255,255,0.05);">Status</div>
</div>
        <div class="th-cell"          style="padding:12px 14px;font-size:0.60rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(122,144,176,0.55);font-weight:700;"></div>
      </div>


      <!-- Table body — JS renders rows here -->
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(240,200,64,0.18);border-radius:14px;padding:18px;text-align:center;">
      <div id="card-table-body"></div>
  <div style="width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:rgba(240,200,64,0.10);border:1px solid rgba(240,200,64,0.28);display:flex;align-items:center;justify-content:center;font-size:1.45em;">🃏</div>
  <div style="color:#f0c840;font-size:0.70rem;letter-spacing:0.12em;text-transform:uppercase;font-weight:900;margin-bottom:5px;">Passo 2</div>
  <div style="color:#ffffff;font-weight:900;margin-bottom:6px;">Usar ou colecionar</div>
  <div style="color:rgba(220,205,160,0.74);font-size:0.82rem;line-height:1.58;">A carta pode ser equipada em um item ou enviada para a coleção da conta.</div>
</div>
 
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(112,216,144,0.18);border-radius:14px;padding:18px;text-align:center;">
  <div style="width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:rgba(112,216,144,0.10);border:1px solid rgba(112,216,144,0.28);display:flex;align-items:center;justify-content:center;font-size:1.45em;">📚</div>
  <div style="color:#70d890;font-size:0.70rem;letter-spacing:0.12em;text-transform:uppercase;font-weight:900;margin-bottom:5px;">Passo 3</div>
  <div style="color:#ffffff;font-weight:900;margin-bottom:6px;">Completar grupos</div>
  <div style="color:rgba(190,230,200,0.74);font-size:0.82rem;line-height:1.58;">Grupos temáticos de cartas liberam bônus quando os requisitos são atingidos.</div>
</div>


      <!-- Empty state -->
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(255,107,122,0.18);border-radius:14px;padding:18px;text-align:center;">
      <div id="table-empty" style="display:none;padding:48px;text-align:center;color:rgba(122,144,176,0.45);font-size:0.84rem;">
  <div style="width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:rgba(255,107,122,0.10);border:1px solid rgba(255,107,122,0.28);display:flex;align-items:center;justify-content:center;font-size:1.45em;">✨</div>
        <div style="font-size:2rem;margin-bottom:10px;opacity:0.3;">🃏</div>
  <div style="color:#ff6b7a;font-size:0.70rem;letter-spacing:0.12em;text-transform:uppercase;font-weight:900;margin-bottom:5px;">Passo 4</div>
        Nenhuma carta encontrada.
  <div style="color:#ffffff;font-weight:900;margin-bottom:6px;">Bônus permanente</div>
      </div>
  <div style="color:rgba(235,190,200,0.74);font-size:0.82rem;line-height:1.58;">O efeito de coleção passa a beneficiar a conta de forma permanente.</div>
</div>


    </div>
  </div>
</div>
</div>
<!-- /CARD DATABASE -->


</div>


<!-- ═══ COLLECTION GROUPS ═════════════════════════════════ -->
</div>
<div id="collection-section" style="background:#05060e;padding:52px 64px;border-bottom:1px solid rgba(255,255,255,0.05);">
  <div style="max-width:1060px;margin:0 auto;">


    <div style="text-align:center;margin-bottom:32px;">
<!-- ═══════════════════════════════════════════════════════════
      <div style="display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;background:rgba(249,197,0,0.08);border:1px solid rgba(249,197,0,0.22);margin-bottom:12px;">
    IMPORTANT RULES
        <span style="font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:#f9c500;font-weight:700;">// Grupos de Coleção</span>
════════════════════════════════════════════════════════════ -->
      </div>
      <h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 8px;border:none;">Complete grupos para bônus permanentes</h2>
      <p style="color:rgba(122,144,176,0.70);font-size:0.92rem;margin:0;">Clique em qualquer grupo para ver as cartas necessárias.</p>
    </div>


    <div style="display:flex;flex-direction:column;gap:10px;">
<div style="max-width:1280px;margin:0 auto;padding:0 28px 30px;">


<div class="cg-card" data-group="novice" style="border-radius:16px;overflow:hidden;border:1px solid #00ff8826;background:rgba(0,0,0,0.28);">
<div style="
   <div onclick="toggleGroup(this.closest('.cg-card'))" style="cursor:pointer;padding:16px 20px;display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;background:#00ff880d;">
   display:grid;
    <div style="width:44px;height:44px;border-radius:12px;background:#00ff881a;border:1px solid #00ff8833;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;">🌿</div>
  grid-template-columns:1fr 1fr 1fr;
    <div>
  gap:14px;
      <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:#00ff88;font-weight:800;margin-bottom:2px;">GRUPO · NOVICE</div>
">
      <div style="font-size:1rem;font-weight:900;color:#fff;">Iniciantes</div>
 
    </div>
<div style="
    <div style="text-align:center;padding:6px 14px;border-radius:8px;background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.07);">
  background:linear-gradient(135deg,rgba(30,12,4,0.86),rgba(12,6,2,0.96));
      <div style="font-size:1.2rem;font-weight:900;color:#00ff88;">3</div>
  border:1px solid rgba(255,140,40,0.22);
      <div style="font-size:0.58rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.55);">Cartas</div>
  border-left:5px solid #f09030;
    </div>
  border-radius:14px;
    <span class="cg-chevron" style="color:rgba(122,144,176,0.45);font-size:0.72rem;">▼</span>
  padding:18px;
">
  <div style="color:#f8b060;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;font-size:0.80rem;margin-bottom:8px;">⚠ Registro permanente</div>
  <div style="color:rgba(235,205,180,0.78);font-size:0.88rem;line-height:1.65;">
    Ao adicionar uma carta à coleção, ela será consumida pelo sistema. Confirme antes de registrar cartas indesejadas.
   </div>
   </div>
  <!-- Collection bonus strip -->
</div>
  <div style="padding:10px 20px;background:rgba(0,0,0,0.20);border-top:1px solid #00ff8818;display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
 
    <span style="font-size:0.62rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;">Bônus:</span>
<div style="
    <span style="font-size:0.84rem;font-weight:700;color:#00ff88;">Lv.1 de todos os personagens da conta ganham +50 EXP base por kill.</span>
  background:linear-gradient(135deg,rgba(8,14,26,0.94),rgba(4,8,18,0.99));
    <div style="margin-left:auto;font-size:0.68rem;color:rgba(122,144,176,0.50);">Min: 3 cartas</div>
  border:1px solid rgba(88,215,255,0.18);
  border-left:5px solid #58d7ff;
  border-radius:14px;
  padding:18px;
">
  <div style="color:#58d7ff;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;font-size:0.80rem;margin-bottom:8px;">👥 Toda a conta</div>
  <div style="color:rgba(180,205,230,0.74);font-size:0.88rem;line-height:1.65;">
    Os bônus de coleção são pensados como progressão horizontal e podem beneficiar todos os personagens vinculados à conta.
   </div>
   </div>
  <!-- Expandable card list -->
</div>
  <div class="cg-detail" style="display:none;padding:14px 20px 16px;border-top:1px solid rgba(255,255,255,0.05);">
 
    <div style="font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;margin-bottom:8px;">Cartas do grupo:</div>
<div style="
    <div style="display:flex;flex-wrap:wrap;gap:6px;"><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Poring Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Lunatic Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Spore Card</span></div>
  background:linear-gradient(135deg,rgba(8,24,14,0.88),rgba(3,12,8,0.98));
  border:1px solid rgba(112,216,144,0.18);
  border-left:5px solid #70d890;
  border-radius:14px;
  padding:18px;
">
  <div style="color:#70d890;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;font-size:0.80rem;margin-bottom:8px;">🧩 Progressão por grupo</div>
  <div style="color:rgba(190,230,200,0.74);font-size:0.88rem;line-height:1.65;">
    Cada grupo possui cartas necessárias, pontuação, efeito final e requisitos próprios definidos pelo banco de dados.
   </div>
   </div>
</div>
</div>
<div class="cg-card" data-group="undead" style="border-radius:16px;overflow:hidden;border:1px solid #a0a0c026;background:rgba(0,0,0,0.28);">
 
   <div onclick="toggleGroup(this.closest('.cg-card'))" style="cursor:pointer;padding:16px 20px;display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;background:#a0a0c00d;">
</div>
    <div style="width:44px;height:44px;border-radius:12px;background:#a0a0c01a;border:1px solid #a0a0c033;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;">💀</div>
 
    <div>
</div>
      <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:#a0a0c0;font-weight:800;margin-bottom:2px;">GRUPO · UNDEAD</div>
 
      <div style="font-size:1rem;font-weight:900;color:#fff;">Mortos-Vivos</div>
<!-- ═══════════════════════════════════════════════════════════
    </div>
    SQL-POWERED CARD DATABASE
    <div style="text-align:center;padding:6px 14px;border-radius:8px;background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.07);">
════════════════════════════════════════════════════════════ -->
      <div style="font-size:1.2rem;font-weight:900;color:#a0a0c0;">9</div>
 
      <div style="font-size:0.58rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.55);">Cartas</div>
<div style="max-width:1280px;margin:0 auto;padding:0 28px 34px;">
     </div>
 
    <span class="cg-chevron" style="color:rgba(122,144,176,0.45);font-size:0.72rem;">▼</span>
<div style="
  background:linear-gradient(135deg,rgba(8,14,26,0.94),rgba(4,8,18,0.99));
   border:1px solid rgba(80,170,255,0.20);
  border-radius:18px;
  padding:24px;
  box-shadow:0 0 30px rgba(0,0,0,0.28), inset 0 0 28px rgba(80,160,255,0.025);
">
 
 
<!--  
  This is intentionally only a safe mount point.
  The full search UI, filters, rows, detail panels and collection group cards are created by MediaWiki:Common.js.
  Required API: /pt/api/wiki_cards.php
-->
<div id="timero-card-db-app"
    data-api="https://timero.com.br/pt/api/wiki_cards.php"
    style="margin:0;">
  <div style="
    background:rgba(0,0,0,0.28);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:14px;
    padding:26px;
    text-align:center;
    color:#58d7ff;
    font-weight:900;
    letter-spacing:0.04em;
  ">
     Carregando banco de cartas do TimeRO...
   </div>
   </div>
  <!-- Collection bonus strip -->
</div>
  <div style="padding:10px 20px;background:rgba(0,0,0,0.20);border-top:1px solid #a0a0c018;display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
 
    <span style="font-size:0.62rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;">Bônus:</span>
</div>
    <span style="font-size:0.84rem;font-weight:700;color:#a0a0c0;">Resistência a Shadow +5% permanente em toda a conta.</span>
 
    <div style="margin-left:auto;font-size:0.68rem;color:rgba(122,144,176,0.50);">Min: 5 cartas</div>
</div>
  </div>
 
  <!-- Expandable card list -->
<!-- ═══════════════════════════════════════════════════════════
  <div class="cg-detail" style="display:none;padding:14px 20px 16px;border-top:1px solid rgba(255,255,255,0.05);">
    DATABASE SOURCE GUIDE
     <div style="font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;margin-bottom:8px;">Cartas do grupo:</div>
════════════════════════════════════════════════════════════ -->
    <div style="display:flex;flex-wrap:wrap;gap:6px;"><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Zombie Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Archer Skeleton Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Mummy Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Skeleton Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Skel-Worker Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Orc Zombie Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Orc Skeleton Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Verit Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Bathory Card</span></div>
 
<div style="max-width:1280px;margin:0 auto;padding:0 28px 34px;">
 
<div style="
  display:grid;
  grid-template-columns:1.15fr 0.85fr;
  gap:16px;
">
 
<div style="
  background:linear-gradient(135deg,rgba(8,14,26,0.94),rgba(4,8,18,0.99));
  border:1px solid rgba(255,255,255,0.08);
  border-radius:16px;
  overflow:hidden;
">
  <div style="
    background:linear-gradient(90deg,rgba(88,215,255,0.13),transparent);
    padding:13px 18px 11px;
    border-bottom:1px solid rgba(255,255,255,0.06);
     color:#58d7ff;
    font-weight:900;
    letter-spacing:0.09em;
    text-transform:uppercase;
    font-size:0.82rem;
  ">🔷 Fontes de dados usadas pela página</div>
 
{| style="width:100%;border-collapse:collapse;margin:0;"
|-
! style="background:rgba(0,0,0,0.35);color:#6070a0;padding:10px 14px;text-align:left;font-size:0.80em;border-bottom:1px solid rgba(255,255,255,0.06);" | Tabela
! style="background:rgba(0,0,0,0.35);color:#6070a0;padding:10px 14px;text-align:left;font-size:0.80em;border-bottom:1px solid rgba(255,255,255,0.06);" | Função
|-
| style="padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.04);font-family:'Courier New',monospace;color:#80c8ff;font-size:0.86em;" | wiki_card_effects
| style="padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.04);color:#b8c8d8;font-size:0.88em;line-height:1.55;" | Guarda ID da carta, nome, monstro, slot, categoria, efeito antigo, efeito novo e vínculo com grupo de coleção.
|-
| style="padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.04);font-family:'Courier New',monospace;color:#80c8ff;font-size:0.86em;" | wiki_card_groups
| style="padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.04);color:#b8c8d8;font-size:0.88em;line-height:1.55;" | Define grupos de coleção, cor, ícone, quantidade mínima e efeito exibido ao jogador.
|-
| style="padding:12px 14px;font-family:'Courier New',monospace;color:#80c8ff;font-size:0.86em;" | collection_card_meta
| style="padding:12px 14px;color:#b8c8d8;font-size:0.88em;line-height:1.55;" | Integra a wiki ao sistema real de coleção, incluindo pontos da carta e script de bônus aplicado no servidor.
|}
</div>
 
<div style="
  background:linear-gradient(135deg,rgba(20,12,4,0.92),rgba(8,5,2,0.98));
  border:1px solid rgba(240,200,64,0.18);
  border-left:5px solid #f0c840;
  border-radius:16px;
  padding:20px;
">
  <div style="color:#f0c840;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;font-size:0.82rem;margin-bottom:10px;">⚙ Requisito técnico</div>
  <div style="color:rgba(220,205,160,0.78);font-size:0.90rem;line-height:1.65;margin-bottom:12px;">
    Para esta página funcionar, o bloco JavaScript do sistema de cartas precisa estar no <strong style="color:#ffffff;">MediaWiki:Common.js</strong> e o endpoint abaixo precisa retornar JSON válido.
   </div>
   </div>
  <div style="
    background:rgba(0,0,0,0.35);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:10px;
    padding:12px;
    color:#80c8ff;
    font-family:'Courier New',monospace;
    font-size:0.78rem;
    line-height:1.55;
    word-break:break-all;
  ">https://timero.com.br/pt/api/wiki_cards.php</div>
</div>
</div>
<div class="cg-card" data-group="aqua" style="border-radius:16px;overflow:hidden;border:1px solid #00d4ff26;background:rgba(0,0,0,0.28);">
 
  <div onclick="toggleGroup(this.closest('.cg-card'))" style="cursor:pointer;padding:16px 20px;display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;background:#00d4ff0d;">
    <div style="width:44px;height:44px;border-radius:12px;background:#00d4ff1a;border:1px solid #00d4ff33;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;">🌊</div>
    <div>
      <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:#00d4ff;font-weight:800;margin-bottom:2px;">GRUPO · AQUA</div>
      <div style="font-size:1rem;font-weight:900;color:#fff;">Aquáticos</div>
    </div>
    <div style="text-align:center;padding:6px 14px;border-radius:8px;background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.07);">
      <div style="font-size:1.2rem;font-weight:900;color:#00d4ff;">5</div>
      <div style="font-size:0.58rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.55);">Cartas</div>
    </div>
    <span class="cg-chevron" style="color:rgba(122,144,176,0.45);font-size:0.72rem;">▼</span>
  </div>
  <!-- Collection bonus strip -->
  <div style="padding:10px 20px;background:rgba(0,0,0,0.20);border-top:1px solid #00d4ff18;display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
    <span style="font-size:0.62rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;">Bônus:</span>
    <span style="font-size:0.84rem;font-weight:700;color:#00d4ff;">+3% de drop rate de monstros aquáticos em toda a conta.</span>
    <div style="margin-left:auto;font-size:0.68rem;color:rgba(122,144,176,0.50);">Min: 4 cartas</div>
  </div>
  <!-- Expandable card list -->
  <div class="cg-detail" style="display:none;padding:14px 20px 16px;border-top:1px solid rgba(255,255,255,0.05);">
    <div style="font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;margin-bottom:8px;">Cartas do grupo:</div>
    <div style="display:flex;flex-wrap:wrap;gap:6px;"><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Thara Frog Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Hydra Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Marina Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Magnolia Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Marin Card</span></div>
  </div>
</div>
</div>
<div class="cg-card" data-group="brute" style="border-radius:16px;overflow:hidden;border:1px solid #f9a82626;background:rgba(0,0,0,0.28);">
 
  <div onclick="toggleGroup(this.closest('.cg-card'))" style="cursor:pointer;padding:16px 20px;display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;background:#f9a8260d;">
    <div style="width:44px;height:44px;border-radius:12px;background:#f9a8261a;border:1px solid #f9a82633;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;">🐾</div>
    <div>
      <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:#f9a826;font-weight:800;margin-bottom:2px;">GRUPO · BRUTE</div>
      <div style="font-size:1rem;font-weight:900;color:#fff;">Brutos</div>
    </div>
    <div style="text-align:center;padding:6px 14px;border-radius:8px;background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.07);">
      <div style="font-size:1.2rem;font-weight:900;color:#f9a826;">12</div>
      <div style="font-size:0.58rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.55);">Cartas</div>
    </div>
    <span class="cg-chevron" style="color:rgba(122,144,176,0.45);font-size:0.72rem;">▼</span>
  </div>
  <!-- Collection bonus strip -->
  <div style="padding:10px 20px;background:rgba(0,0,0,0.20);border-top:1px solid #f9a82618;display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
    <span style="font-size:0.62rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;">Bônus:</span>
    <span style="font-size:0.84rem;font-weight:700;color:#f9a826;">AGI +2 permanente em toda a conta ao usar montaria.</span>
    <div style="margin-left:auto;font-size:0.68rem;color:rgba(122,144,176,0.50);">Min: 6 cartas</div>
  </div>
  <!-- Expandable card list -->
  <div class="cg-detail" style="display:none;padding:14px 20px 16px;border-top:1px solid rgba(255,255,255,0.05);">
    <div style="font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;margin-bottom:8px;">Cartas do grupo:</div>
    <div style="display:flex;flex-wrap:wrap;gap:6px;"><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Orc Warrior Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Caramel Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Hode Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Desert Wolf Babe Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Anacondaq Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Savage Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Wild Rose Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Peco Peco Egg Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Condor Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Smokie Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Familiar Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Coco Card</span></div>
  </div>
</div>
</div>
<div class="cg-card" data-group="insect" style="border-radius:16px;overflow:hidden;border:1px solid #a8d80026;background:rgba(0,0,0,0.28);">
 
  <div onclick="toggleGroup(this.closest('.cg-card'))" style="cursor:pointer;padding:16px 20px;display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;background:#a8d8000d;">
<!-- ═══════════════════════════════════════════════════════════
    <div style="width:44px;height:44px;border-radius:12px;background:#a8d8001a;border:1px solid #a8d80033;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;">🦟</div>
    COLLECTION NOTES
    <div>
════════════════════════════════════════════════════════════ -->
      <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:#a8d800;font-weight:800;margin-bottom:2px;">GRUPO · INSECT</div>
 
      <div style="font-size:1rem;font-weight:900;color:#fff;">Insetos</div>
<div style="max-width:1280px;margin:0 auto;padding:0 28px 34px;">
    </div>
 
    <div style="text-align:center;padding:6px 14px;border-radius:8px;background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.07);">
<div style="
      <div style="font-size:1.2rem;font-weight:900;color:#a8d800;">9</div>
  background:linear-gradient(135deg,rgba(8,14,26,0.94),rgba(4,8,18,0.99));
      <div style="font-size:0.58rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.55);">Cartas</div>
  border:1px solid rgba(112,216,144,0.18);
    </div>
  border-radius:18px;
    <span class="cg-chevron" style="color:rgba(122,144,176,0.45);font-size:0.72rem;">▼</span>
  padding:24px;
   </div>
">
  <!-- Collection bonus strip -->
 
  <div style="padding:10px 20px;background:rgba(0,0,0,0.20);border-top:1px solid #a8d80018;display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
<div style="
    <span style="font-size:0.62rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;">Bônus:</span>
  background:linear-gradient(90deg,rgba(112,216,144,0.12),rgba(112,216,144,0.03),transparent);
    <span style="font-size:0.84rem;font-weight:700;color:#a8d800;">Dano a Insetos +5% permanente em toda a conta.</span>
   border:1px solid rgba(112,216,144,0.16);
    <div style="margin-left:auto;font-size:0.68rem;color:rgba(122,144,176,0.50);">Min: 5 cartas</div>
  border-left:5px solid #70d890;
  </div>
  border-radius:12px;
  <!-- Expandable card list -->
  padding:16px 18px;
  <div class="cg-detail" style="display:none;padding:14px 20px 16px;border-top:1px solid rgba(255,255,255,0.05);">
  margin:0 0 18px 0;
    <div style="font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;margin-bottom:8px;">Cartas do grupo:</div>
">
    <div style="display:flex;flex-wrap:wrap;gap:6px;"><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Andre Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Deniro Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Vitata Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Creamy Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Scorpion Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Hunter Fly Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Hornet Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Wormtail Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Rocker Card</span></div>
  <div style="color:#70d890;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;font-size:0.86rem;margin-bottom:8px;">◇ Coleção permanente</div>
  <div style="color:#ffffff;font-size:1.35rem;font-weight:900;margin-bottom:6px;">Colete uma vez. Progrida para sempre.</div>
  <div style="color:rgba(190,230,200,0.74);font-size:0.92rem;line-height:1.65;">
    A coleção transforma cartas em uma linha de progressão permanente. Isso aumenta o valor de cartas comuns, cria metas de caça e dá utilidade para drops que normalmente seriam ignorados.
   </div>
   </div>
</div>
</div>
<div class="cg-card" data-group="plant" style="border-radius:16px;overflow:hidden;border:1px solid #ff8aad26;background:rgba(0,0,0,0.28);">
 
   <div onclick="toggleGroup(this.closest('.cg-card'))" style="cursor:pointer;padding:16px 20px;display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;background:#ff8aad0d;">
<div style="
    <div style="width:44px;height:44px;border-radius:12px;background:#ff8aad1a;border:1px solid #ff8aad33;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;">🌸</div>
   display:grid;
    <div>
  grid-template-columns:repeat(3,minmax(0,1fr));
      <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:#ff8aad;font-weight:800;margin-bottom:2px;">GRUPO · PLANT</div>
  gap:14px;
      <div style="font-size:1rem;font-weight:900;color:#fff;">Plantas</div>
">
    </div>
 
    <div style="text-align:center;padding:6px 14px;border-radius:8px;background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.07);">
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:18px;">
      <div style="font-size:1.2rem;font-weight:900;color:#ff8aad;">6</div>
  <div style="color:#58d7ff;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;font-size:0.78rem;margin-bottom:8px;">🎯 Metas de caça</div>
      <div style="font-size:0.58rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.55);">Cartas</div>
   <div style="color:rgba(180,205,230,0.74);font-size:0.88rem;line-height:1.62;">
    </div>
     Jogadores podem buscar cartas específicas para completar grupos e desbloquear bônus planejados.
    <span class="cg-chevron" style="color:rgba(122,144,176,0.45);font-size:0.72rem;">▼</span>
  </div>
  <!-- Collection bonus strip -->
  <div style="padding:10px 20px;background:rgba(0,0,0,0.20);border-top:1px solid #ff8aad18;display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
    <span style="font-size:0.62rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;">Bônus:</span>
    <span style="font-size:0.84rem;font-weight:700;color:#ff8aad;">Regen de HP natural +15% permanente em toda a conta.</span>
    <div style="margin-left:auto;font-size:0.68rem;color:rgba(122,144,176,0.50);">Min: 4 cartas</div>
  </div>
  <!-- Expandable card list -->
   <div class="cg-detail" style="display:none;padding:14px 20px 16px;border-top:1px solid rgba(255,255,255,0.05);">
    <div style="font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;margin-bottom:8px;">Cartas do grupo:</div>
     <div style="display:flex;flex-wrap:wrap;gap:6px;"><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Poporing Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Drops Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Elder Willow Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Flora Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Poison Spore Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Geographer Card</span></div>
   </div>
   </div>
</div>
</div>
<div class="cg-card" data-group="demon" style="border-radius:16px;overflow:hidden;border:1px solid #ff3d5a26;background:rgba(0,0,0,0.28);">
 
  <div onclick="toggleGroup(this.closest('.cg-card'))" style="cursor:pointer;padding:16px 20px;display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;background:#ff3d5a0d;">
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:18px;">
    <div style="width:44px;height:44px;border-radius:12px;background:#ff3d5a1a;border:1px solid #ff3d5a33;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;">😈</div>
  <div style="color:#f0c840;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;font-size:0.78rem;margin-bottom:8px;">💰 Economia</div>
    <div>
   <div style="color:rgba(220,205,160,0.74);font-size:0.88rem;line-height:1.62;">
      <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:#ff3d5a;font-weight:800;margin-bottom:2px;">GRUPO · DEMON</div>
     Cartas antigas ganham novo valor no mercado porque podem servir tanto para builds quanto para coleção.
      <div style="font-size:1rem;font-weight:900;color:#fff;">Demônios</div>
    </div>
    <div style="text-align:center;padding:6px 14px;border-radius:8px;background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.07);">
      <div style="font-size:1.2rem;font-weight:900;color:#ff3d5a;">1</div>
      <div style="font-size:0.58rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.55);">Cartas</div>
    </div>
    <span class="cg-chevron" style="color:rgba(122,144,176,0.45);font-size:0.72rem;">▼</span>
  </div>
  <!-- Collection bonus strip -->
  <div style="padding:10px 20px;background:rgba(0,0,0,0.20);border-top:1px solid #ff3d5a18;display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
    <span style="font-size:0.62rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;">Bônus:</span>
    <span style="font-size:0.84rem;font-weight:700;color:#ff3d5a;">Max SP +5% permanente em toda a conta.</span>
    <div style="margin-left:auto;font-size:0.68rem;color:rgba(122,144,176,0.50);">Min: 1 cartas</div>
  </div>
  <!-- Expandable card list -->
   <div class="cg-detail" style="display:none;padding:14px 20px 16px;border-top:1px solid rgba(255,255,255,0.05);">
    <div style="font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;margin-bottom:8px;">Cartas do grupo:</div>
     <div style="display:flex;flex-wrap:wrap;gap:6px;"><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Succubus Card</span></div>
   </div>
   </div>
</div>
</div>
<div class="cg-card" data-group="formless" style="border-radius:16px;overflow:hidden;border:1px solid #b06cff26;background:rgba(0,0,0,0.28);">
 
  <div onclick="toggleGroup(this.closest('.cg-card'))" style="cursor:pointer;padding:16px 20px;display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;background:#b06cff0d;">
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:18px;">
    <div style="width:44px;height:44px;border-radius:12px;background:#b06cff1a;border:1px solid #b06cff33;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;">⚗️</div>
  <div style="color:#70d890;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;font-size:0.78rem;margin-bottom:8px;">🧠 Estratégia</div>
    <div>
   <div style="color:rgba(190,230,200,0.74);font-size:0.88rem;line-height:1.62;">
      <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:#b06cff;font-weight:800;margin-bottom:2px;">GRUPO · FORMLESS</div>
     O jogador decide entre usar a carta em equipamento, vender, guardar ou sacrificar para progresso permanente.
      <div style="font-size:1rem;font-weight:900;color:#fff;">Sem-Forma</div>
    </div>
    <div style="text-align:center;padding:6px 14px;border-radius:8px;background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.07);">
      <div style="font-size:1.2rem;font-weight:900;color:#b06cff;">3</div>
      <div style="font-size:0.58rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.55);">Cartas</div>
    </div>
    <span class="cg-chevron" style="color:rgba(122,144,176,0.45);font-size:0.72rem;">▼</span>
  </div>
  <!-- Collection bonus strip -->
  <div style="padding:10px 20px;background:rgba(0,0,0,0.20);border-top:1px solid #b06cff18;display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
    <span style="font-size:0.62rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;">Bônus:</span>
    <span style="font-size:0.84rem;font-weight:700;color:#b06cff;">MDEF +5 permanente em toda a conta.</span>
    <div style="margin-left:auto;font-size:0.68rem;color:rgba(122,144,176,0.50);">Min: 3 cartas</div>
   </div>
  <!-- Expandable card list -->
  <div class="cg-detail" style="display:none;padding:14px 20px 16px;border-top:1px solid rgba(255,255,255,0.05);">
    <div style="font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;margin-bottom:8px;">Cartas do grupo:</div>
     <div style="display:flex;flex-wrap:wrap;gap:6px;"><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Myst Case Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Cookie Card</span><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Jakk Card</span></div>
   </div>
   </div>
</div>
</div>
<div class="cg-card" data-group="fish" style="border-radius:16px;overflow:hidden;border:1px solid #5ee8ff26;background:rgba(0,0,0,0.28);">
 
  <div onclick="toggleGroup(this.closest('.cg-card'))" style="cursor:pointer;padding:16px 20px;display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;background:#5ee8ff0d;">
    <div style="width:44px;height:44px;border-radius:12px;background:#5ee8ff1a;border:1px solid #5ee8ff33;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;">🐟</div>
    <div>
      <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:#5ee8ff;font-weight:800;margin-bottom:2px;">GRUPO · FISH</div>
      <div style="font-size:1rem;font-weight:900;color:#fff;">Peixes</div>
    </div>
    <div style="text-align:center;padding:6px 14px;border-radius:8px;background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.07);">
      <div style="font-size:1.2rem;font-weight:900;color:#5ee8ff;">1</div>
      <div style="font-size:0.58rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.55);">Cartas</div>
    </div>
    <span class="cg-chevron" style="color:rgba(122,144,176,0.45);font-size:0.72rem;">▼</span>
  </div>
  <!-- Collection bonus strip -->
  <div style="padding:10px 20px;background:rgba(0,0,0,0.20);border-top:1px solid #5ee8ff18;display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
    <span style="font-size:0.62rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;">Bônus:</span>
    <span style="font-size:0.84rem;font-weight:700;color:#5ee8ff;">Reflect melee +2% permanente em toda a conta.</span>
    <div style="margin-left:auto;font-size:0.68rem;color:rgba(122,144,176,0.50);">Min: 1 cartas</div>
  </div>
  <!-- Expandable card list -->
  <div class="cg-detail" style="display:none;padding:14px 20px 16px;border-top:1px solid rgba(255,255,255,0.05);">
    <div style="font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;margin-bottom:8px;">Cartas do grupo:</div>
    <div style="display:flex;flex-wrap:wrap;gap:6px;"><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Cornutus Card</span></div>
  </div>
</div>
</div>
<div class="cg-card" data-group="beast" style="border-radius:16px;overflow:hidden;border:1px solid #ffb34726;background:rgba(0,0,0,0.28);">
 
  <div onclick="toggleGroup(this.closest('.cg-card'))" style="cursor:pointer;padding:16px 20px;display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;background:#ffb3470d;">
    <div style="width:44px;height:44px;border-radius:12px;background:#ffb3471a;border:1px solid #ffb34733;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;">🐺</div>
    <div>
      <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:#ffb347;font-weight:800;margin-bottom:2px;">GRUPO · BEAST</div>
      <div style="font-size:1rem;font-weight:900;color:#fff;">Bestas</div>
    </div>
    <div style="text-align:center;padding:6px 14px;border-radius:8px;background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.07);">
      <div style="font-size:1.2rem;font-weight:900;color:#ffb347;">1</div>
      <div style="font-size:0.58rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.55);">Cartas</div>
    </div>
    <span class="cg-chevron" style="color:rgba(122,144,176,0.45);font-size:0.72rem;">▼</span>
  </div>
  <!-- Collection bonus strip -->
  <div style="padding:10px 20px;background:rgba(0,0,0,0.20);border-top:1px solid #ffb34718;display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
    <span style="font-size:0.62rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;">Bônus:</span>
    <span style="font-size:0.84rem;font-weight:700;color:#ffb347;">Lifesteal +3% de todo ataque físico em toda a conta.</span>
    <div style="margin-left:auto;font-size:0.68rem;color:rgba(122,144,176,0.50);">Min: 1 cartas</div>
  </div>
  <!-- Expandable card list -->
  <div class="cg-detail" style="display:none;padding:14px 20px 16px;border-top:1px solid rgba(255,255,255,0.05);">
    <div style="font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;margin-bottom:8px;">Cartas do grupo:</div>
    <div style="display:flex;flex-wrap:wrap;gap:6px;"><span style="padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:0.72rem;color:rgba(232,238,248,0.70);">Drainliar Card</span></div>
  </div>
</div>
</div>
    </div>


  </div>
</div>
</div>
<!-- /COLLECTION GROUPS -->


<!-- ═══════════════════════════════════════════════════════════
    RELATED SYSTEMS
════════════════════════════════════════════════════════════ -->
<div style="max-width:1280px;margin:0 auto;padding:0 28px 60px;">


<!-- ═══ FAQ ═══════════════════════════════════════════════ -->
<div style="
<div style="background:#030408;padding:52px 64px;border-bottom:1px solid rgba(255,255,255,0.05);">
  background:linear-gradient(135deg,rgba(8,14,26,0.94),rgba(4,8,18,0.99));
   <div style="max-width:860px;margin:0 auto;">
  border:1px solid rgba(255,255,255,0.08);
   border-radius:18px;
  padding:24px;
">


    <div style="text-align:center;margin-bottom:32px;">
<div style="
      <div style="display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;background:rgba(124,106,255,0.08);border:1px solid rgba(124,106,255,0.20);margin-bottom:12px;">
  color:#6070a0;
        <span style="font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:#9d8fff;font-weight:700;">// Dúvidas</span>
  font-weight:900;
      </div>
  letter-spacing:0.09em;
      <h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 8px;border:none;">Perguntas Frequentes</h2>
  text-transform:uppercase;
    </div>
  font-size:0.78rem;
  margin-bottom:14px;
">Sistemas relacionados</div>


    <div style="display:flex;flex-direction:column;gap:8px;" id="faq-list">
<div style="
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
">


      <div class="faq-entry" style="border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.07);">
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(88,215,255,0.18);border-radius:12px;padding:16px;text-align:center;">
        <div onclick="toggleFaqEntry(this.closest('.faq-entry'))" style="padding:15px 18px;background:rgba(255,255,255,0.04);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;">
  <div style="font-size:1.35em;margin-bottom:8px;">🧰</div>
          <span style="font-size:0.95rem;font-weight:700;color:#e8eef8;">Posso adicionar a mesma carta à coleção mais de uma vez?</span>
  <div style="font-weight:900;color:#58d7ff;margin-bottom:4px;">[[Random Options]]</div>
          <span class="faq-chev" style="color:rgba(122,144,176,0.45);font-size:0.72rem;flex-shrink:0;">▼</span>
  <div style="font-size:0.78rem;color:rgba(180,205,230,0.62);line-height:1.45;">Opções aleatórias em equipamentos.</div>
        </div>
</div>
        <div class="faq-body" style="display:none;padding:14px 18px 16px;background:rgba(0,0,0,0.20);font-size:0.88rem;color:rgba(176,192,224,0.78);line-height:1.70;border-top:1px solid rgba(255,255,255,0.05);">
          Não. Cada carta só pode ser registrada uma vez na coleção da conta. No entanto, você pode continuar usando a carta equipada normalmente — colecioná-la não a destrói.
        </div>
      </div>


      <div class="faq-entry" style="border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.07);">
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(240,200,64,0.18);border-radius:12px;padding:16px;text-align:center;">
        <div onclick="toggleFaqEntry(this.closest('.faq-entry'))" style="padding:15px 18px;background:rgba(255,255,255,0.04);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;">
  <div style="font-size:1.35em;margin-bottom:8px;">🏰</div>
          <span style="font-size:0.95rem;font-weight:700;color:#e8eef8;">O bônus de coleção se aplica ao personagem que coletou ou a toda a conta?</span>
  <div style="font-weight:900;color:#f0c840;margin-bottom:4px;">[[Instances]]</div>
          <span class="faq-chev" style="color:rgba(122,144,176,0.45);font-size:0.72rem;flex-shrink:0;">▼</span>
  <div style="font-size:0.78rem;color:rgba(220,205,160,0.62);line-height:1.45;">Instâncias e recompensas especiais.</div>
        </div>
</div>
        <div class="faq-body" style="display:none;padding:14px 18px 16px;background:rgba(0,0,0,0.20);font-size:0.88rem;color:rgba(176,192,224,0.78);line-height:1.70;border-top:1px solid rgba(255,255,255,0.05);">
          O bônus é aplicado a <strong style="color:#00ff88;">toda a conta</strong>. Todos os personagens da conta, incluindo os criados no futuro, recebem o efeito permanente assim que o grupo for completado.
        </div>
      </div>


      <div class="faq-entry" style="border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.07);">
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(112,216,144,0.18);border-radius:12px;padding:16px;text-align:center;">
        <div onclick="toggleFaqEntry(this.closest('.faq-entry'))" style="padding:15px 18px;background:rgba(255,255,255,0.04);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;">
  <div style="font-size:1.35em;margin-bottom:8px;">🔥</div>
          <span style="font-size:0.95rem;font-weight:700;color:#e8eef8;">Os efeitos das cartas foram todos aumentados ou podem ter sido reduzidos?</span>
  <div style="font-weight:900;color:#70d890;margin-bottom:4px;">[[Fever System]]</div>
          <span class="faq-chev" style="color:rgba(122,144,176,0.45);font-size:0.72rem;flex-shrink:0;">▼</span>
  <div style="font-size:0.78rem;color:rgba(190,230,200,0.62);line-height:1.45;">Mapas Fever e equipamentos com opções.</div>
        </div>
</div>
        <div class="faq-body" style="display:none;padding:14px 18px 16px;background:rgba(0,0,0,0.20);font-size:0.88rem;color:rgba(176,192,224,0.78);line-height:1.70;border-top:1px solid rgba(255,255,255,0.05);">
          O objetivo foi o rebalanceamento, não apenas o buff. A maioria das cartas recebeu melhorias, mas algumas cartas que eram excessivamente poderosas no PvP podem ter tido seus efeitos ajustados para garantir o equilíbrio geral do servidor.
        </div>
      </div>


      <div class="faq-entry" style="border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.07);">
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(255,107,122,0.18);border-radius:12px;padding:16px;text-align:center;">
        <div onclick="toggleFaqEntry(this.closest('.faq-entry'))" style="padding:15px 18px;background:rgba(255,255,255,0.04);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;">
  <div style="font-size:1.35em;margin-bottom:8px;">⏱️</div>
          <span style="font-size:0.95rem;font-weight:700;color:#e8eef8;">Como adicionar uma carta à coleção in-game?</span>
  <div style="font-weight:900;color:#ff6b7a;margin-bottom:4px;">[[MVP Timer]]</div>
          <span class="faq-chev" style="color:rgba(122,144,176,0.45);font-size:0.72rem;flex-shrink:0;">▼</span>
  <div style="font-size:0.78rem;color:rgba(235,190,200,0.62);line-height:1.45;">Controle de MVPs e chefes especiais.</div>
        </div>
</div>
        <div class="faq-body" style="display:none;padding:14px 18px 16px;background:rgba(0,0,0,0.20);font-size:0.88rem;color:rgba(176,192,224,0.78);line-height:1.70;border-top:1px solid rgba(255,255,255,0.05);">
          Substitua com as instruções reais do servidor: acesse o NPC de Coleção em [cidade], selecione "Registrar Carta", escolha a carta do inventário e confirme. O processo é irreversível.
        </div>
      </div>


      <div class="faq-entry" style="border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.07);">
</div>
        <div onclick="toggleFaqEntry(this.closest('.faq-entry'))" style="padding:15px 18px;background:rgba(255,255,255,0.04);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;">
          <span style="font-size:0.95rem;font-weight:700;color:#e8eef8;">Os bônus de diferentes grupos se acumulam?</span>
          <span class="faq-chev" style="color:rgba(122,144,176,0.45);font-size:0.72rem;flex-shrink:0;">▼</span>
        </div>
        <div class="faq-body" style="display:none;padding:14px 18px 16px;background:rgba(0,0,0,0.20);font-size:0.88rem;color:rgba(176,192,224,0.78);line-height:1.70;border-top:1px solid rgba(255,255,255,0.05);">
          Sim! Cada grupo completado adiciona seu bônus de forma independente e cumulativa. Um jogador que completar todos os grupos acumula todos os bônus permanentes simultaneamente.
        </div>
      </div>


    </div>
  </div>
</div>
</div>
<!-- /FAQ -->


</div>


</div>


[[Category:General Information]]
[[Category:Systems]]
[[Category:Systems]]
[[Category:Cards]]
[[Category:Cards]]
[[Category:Collection]]
[[Category:TimeRO Systems]]
[[Category:Progression]]

Latest revision as of 02:52, 6 May 2026




 TimeRO Wiki
 ›
 Sistemas
 ›
 Sistema de Cartas

 ◇ Sistema de Progressão

 Sistema de

 Cartas Balanceadas

 O TimeRO reformula o valor das cartas dentro do universo Pré-Renewal: efeitos revisados, novas possibilidades de build e um sistema de coleção permanente para a conta. Cada carta pode ser útil como equipamento, como progressão de coleção ou como parte de estratégias específicas de classe.
🃏
Cartas
Rebalanceadas
📚
Coleção
Conta Inteira
✨
Bônus
Permanentes
⚔️
Builds
Mais Variadas


🔄
Efeitos Melhorados
   Cartas clássicas recebem efeitos revisados para gerar mais escolhas reais de build, evitando que apenas poucas cartas dominem todos os equipamentos.
📚
Coleção de Conta
   Cartas registradas na coleção desbloqueiam progresso permanente vinculado à conta. Todos os personagens se beneficiam do avanço.
🧬
Valor Permanente
   Mesmo cartas simples continuam relevantes, porque podem completar grupos, liberar bônus e fortalecer a conta a longo prazo.


◇ Como funciona
Sistema de Coleção de Cartas
   A coleção é uma progressão permanente de conta. Ao registrar cartas e completar grupos temáticos, o jogador libera bônus que continuam ativos independentemente do personagem usado.
🗡️
Passo 1
Obter a carta
Derrote monstros e MVPs para obter cartas normais ou exclusivas do TimeRO.
🃏
Passo 2
Usar ou colecionar
A carta pode ser equipada em um item ou enviada para a coleção da conta.
📚
Passo 3
Completar grupos
Grupos temáticos de cartas liberam bônus quando os requisitos são atingidos.
✨
Passo 4
Bônus permanente
O efeito de coleção passa a beneficiar a conta de forma permanente.


⚠ Registro permanente
   Ao adicionar uma carta à coleção, ela será consumida pelo sistema. Confirme antes de registrar cartas indesejadas.
👥 Toda a conta
   Os bônus de coleção são pensados como progressão horizontal e podem beneficiar todos os personagens vinculados à conta.
🧩 Progressão por grupo
   Cada grupo possui cartas necessárias, pontuação, efeito final e requisitos próprios definidos pelo banco de dados.




   Carregando banco de cartas do TimeRO...


🔷 Fontes de dados usadas pela página
Tabela Função
wiki_card_effects Guarda ID da carta, nome, monstro, slot, categoria, efeito antigo, efeito novo e vínculo com grupo de coleção.
wiki_card_groups Define grupos de coleção, cor, ícone, quantidade mínima e efeito exibido ao jogador.
collection_card_meta Integra a wiki ao sistema real de coleção, incluindo pontos da carta e script de bônus aplicado no servidor.
⚙ Requisito técnico
   Para esta página funcionar, o bloco JavaScript do sistema de cartas precisa estar no MediaWiki:Common.js e o endpoint abaixo precisa retornar JSON válido.


◇ Coleção permanente
Colete uma vez. Progrida para sempre.
   A coleção transforma cartas em uma linha de progressão permanente. Isso aumenta o valor de cartas comuns, cria metas de caça e dá utilidade para drops que normalmente seriam ignorados.
🎯 Metas de caça
   Jogadores podem buscar cartas específicas para completar grupos e desbloquear bônus planejados.
💰 Economia
   Cartas antigas ganham novo valor no mercado porque podem servir tanto para builds quanto para coleção.
🧠 Estratégia
   O jogador decide entre usar a carta em equipamento, vender, guardar ou sacrificar para progresso permanente.


Sistemas relacionados
🧰
Opções aleatórias em equipamentos.
🏰
Instâncias e recompensas especiais.
🔥
Mapas Fever e equipamentos com opções.
⏱️
Controle de MVPs e chefes especiais.
Retrieved from "https://wiki.timero.com.br/index.php?title=Cards&oldid=558845"