Guia de Caça a MVPs: Difference between revisions

From TimeRO Wiki
Jump to navigation Jump to search
No edit summary
(Replaced content with "__NOTOC__ __NOEDITSECTION__ {{DISPLAYTITLE:Guia de Caça a MVPs}} <!-- TimeRO Wiki — Guia de Caça a MVPs Safe revision v4: - no raw <script> block - no inline onclick handlers - no raw <input>/<button> written directly by MediaWiki - tier filters, sorting, dossiers and timers are rendered by MediaWiki:Common.js --> <div class="timero-wiki-root" style="margin:-1em -1.5em;font-family:'Segoe UI',system-ui,sans-serif;background:radial-gradie...")
Tag: Replaced
 
Line 1: Line 1:
__NOTOC__
__NOTOC__
__NOEDITSECTION__
__NOEDITSECTION__
<!-- TimeRO Wiki — Guia de Caça a MVPs -->
{{DISPLAYTITLE:Guia de Caça a MVPs}}
<!-- Design: "Hunter's Dossier" — classified target files, crimson threat system -->
<!-- Interactive: Tier filter, boss dossier expand, drop bars, timer tracker, sort -->


<div id="mvp-guide-root" style="margin:-1em -1.5em;font-family:'Segoe UI',system-ui,sans-serif;background:#04060d;min-height:100vh;color:#e8eef8;">
<!-- TimeRO Wiki — Guia de Caça a MVPs
    Safe revision v4:
    - no raw <script> block
    - no inline onclick handlers
    - no raw <input>/<button> written directly by MediaWiki
    - tier filters, sorting, dossiers and timers are rendered by MediaWiki:Common.js
-->


<!-- ═══════════════════════════════════════════════════════════
<div class="timero-wiki-root" style="margin:-1em -1.5em;font-family:'Segoe UI',system-ui,sans-serif;background:radial-gradient(circle at 18% 0%,rgba(255,61,90,0.10),transparent 34%),radial-gradient(circle at 88% 24%,rgba(255,107,0,0.07),transparent 30%),linear-gradient(135deg,#050914,#02050e);min-height:100vh;color:#d8ecff;">
    CLASSIFIED TAPE — top of page decoration
═══════════════════════════════════════════════════════════ -->
<div style="height:6px;background:repeating-linear-gradient(90deg,#ff3d5a 0,#ff3d5a 32px,#ff6b00 32px,#ff6b00 64px,transparent 64px,transparent 80px);opacity:0.7;"></div>


<!-- ═══════════════════════════════════════════════════════════
<div style="height:6px;background:repeating-linear-gradient(90deg,#ff3d5a 0,#ff3d5a 32px,#ff6b00 32px,#ff6b00 64px,transparent 64px,transparent 80px);opacity:0.70;"></div>
    HERO — THREAT LEVEL BANNER
═══════════════════════════════════════════════════════════ -->
<div style="position:relative;background:linear-gradient(160deg,#020408 0%,#0d0408 35%,#180608 65%,#0a0204 100%);padding:60px 64px 52px;overflow:hidden;border-bottom:1px solid rgba(255,61,90,0.18);">


  <!-- Cinematic background grid — red tint -->
<div style="max-width:1280px;margin:0 auto;padding:46px 28px 22px;">
  <div style="position:absolute;inset:0;background-image:linear-gradient(rgba(255,61,90,0.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,61,90,0.028) 1px,transparent 1px);background-size:54px 54px;pointer-events:none;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 10%,transparent 80%);"></div>
<div style="background:linear-gradient(135deg,rgba(8,14,26,0.94),rgba(4,8,18,0.99));border:1px solid rgba(255,61,90,0.22);border-radius:18px;padding:30px;box-shadow:0 0 30px rgba(0,0,0,0.35),inset 0 0 28px rgba(255,61,90,0.025);position:relative;overflow:hidden;">
 
<div style="position:absolute;inset:0;background:radial-gradient(circle at 82% 12%,rgba(255,61,90,0.10),transparent 28%),radial-gradient(circle at 14% 92%,rgba(249,197,0,0.06),transparent 26%);pointer-events:none;"></div>
  <!-- Glow orbs -->
<div style="position:relative;z-index:1;">
  <div style="position:absolute;top:-80px;right:5%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,61,90,0.10),transparent 65%);pointer-events:none;"></div>
<div style="display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:999px;background:rgba(255,61,90,0.10);border:1px solid rgba(255,61,90,0.26);margin-bottom:16px;">
  <div style="position:absolute;bottom:-60px;left:8%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,0,0.07),transparent 65%);pointer-events:none;"></div>
<span style="color:#ff3d5a;font-size:0.74em;font-weight:900;letter-spacing:0.16em;text-transform:uppercase;">// Hunter Dossier</span>
  <div style="position:absolute;top:30%;right:20%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(249,197,0,0.05),transparent 65%);pointer-events:none;"></div>
 
  <!-- Hazard diagonal stripes top-right corner -->
  <div style="position:absolute;top:0;right:0;width:220px;height:220px;overflow:hidden;pointer-events:none;opacity:0.06;">
    <div style="width:400px;height:400px;background:repeating-linear-gradient(-45deg,#ff3d5a 0,#ff3d5a 12px,transparent 12px,transparent 32px);transform:translate(60px,-60px);"></div>
  </div>
 
  <div style="position:relative;z-index:1;max-width:900px;">
 
    <!-- Breadcrumb -->
    <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(255,61,90,0.65);">TimeRO Wiki</span>]]
      <span style="opacity:0.4;">›</span>
      [[Guides|<span style="color:rgba(122,144,176,0.60);">Guias</span>]]
      <span style="opacity:0.4;">›</span>
      <span style="color:#e8eef8;">Caça a MVPs</span>
    </div>
 
    <!-- Threat classification badge row -->
    <div style="display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;">
      <span style="display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:4px;background:rgba(255,61,90,0.18);border:1px solid rgba(255,61,90,0.40);font-size:0.66rem;letter-spacing:0.20em;text-transform:uppercase;color:#ff3d5a;font-weight:900;">⚠ CONTEÚDO AVANÇADO</span>
      <span style="display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:4px;background:rgba(255,107,0,0.10);border:1px solid rgba(255,107,0,0.28);font-size:0.66rem;letter-spacing:0.14em;text-transform:uppercase;color:#ff6b00;font-weight:700;">🔥 Alto Risco · Alta Recompensa</span>
      <span style="display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:4px;background:rgba(249,197,0,0.09);border:1px solid rgba(249,197,0,0.24);font-size:0.66rem;letter-spacing:0.14em;text-transform:uppercase;color:#f9c500;font-weight:700;">💀 MVPs Documentados</span>
    </div>
 
    <!-- Title -->
    <h1 style="font-size:clamp(2.4rem,6vw,4.5rem);font-weight:900;line-height:0.92;letter-spacing:-0.02em;color:#fff;margin:0 0 16px;">
      Guia de Caça<br>
      <span style="background:linear-gradient(90deg,#ff3d5a,#ff6b00,#f9c500);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(255,61,90,0.3));">a MVPs</span>
    </h1>
    <p style="font-size:1.05rem;color:rgba(176,192,224,0.75);line-height:1.75;max-width:660px;margin:0 0 30px;">Encontre, rastreie e derrote os bosses mais poderosos do TimeRO. Dossiês completos de cada alvo: stats, drops, rotas, builds recomendadas e timers de respawn.</p>
 
    <!-- Meta -->
    <div style="display:flex;gap:20px;flex-wrap:wrap;align-items:center;">
      <div style="display:flex;align-items:center;gap:7px;font-size:0.82rem;color:rgba(122,144,176,0.65);">
        <span>📅</span><span>Última atualização: <strong style="color:#e8eef8;">Março 2025</strong></span>
      </div>
      <div style="display:flex;align-items:center;gap:7px;font-size:0.82rem;color:rgba(122,144,176,0.65);">
        <span>💀</span><span>[[MVP_Hunting_Guide/talk|Reportar erro / Discussão]]</span>
      </div>
    </div>
  </div>
</div>
<!-- /HERO -->
 
 
<!-- ═══════════════════════════════════════════════════════════
    STAT BAR
═══════════════════════════════════════════════════════════ -->
<div style="background:#07080f;border-bottom:1px solid rgba(255,255,255,0.06);">
  <div style="display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid rgba(255,255,255,0.05);">
    <div style="padding:20px 22px;border-right:1px solid rgba(255,255,255,0.05);text-align:center;">
      <div style="font-size:1.8rem;font-weight:900;color:#ff3d5a;letter-spacing:-0.03em;margin-bottom:3px;">S/A/B</div>
      <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(122,144,176,0.60);font-weight:700;">Tiers de Perigo</div>
    </div>
    <div style="padding:20px 22px;border-right:1px solid rgba(255,255,255,0.05);text-align:center;">
      <div style="font-size:1.8rem;font-weight:900;color:#ff6b00;letter-spacing:-0.03em;margin-bottom:3px;">???</div>
      <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(122,144,176,0.60);font-weight:700;">MVPs Mapeados</div>
    </div>
    <div style="padding:20px 22px;border-right:1px solid rgba(255,255,255,0.05);text-align:center;">
      <div style="font-size:1.8rem;font-weight:900;color:#f9c500;letter-spacing:-0.03em;margin-bottom:3px;">Drops</div>
      <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(122,144,176,0.60);font-weight:700;">Loot Raros</div>
    </div>
    <div style="padding:20px 22px;border-right:1px solid rgba(255,255,255,0.05);text-align:center;">
      <div style="font-size:1.8rem;font-weight:900;color:#00d4ff;letter-spacing:-0.03em;margin-bottom:3px;">Timer</div>
      <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(122,144,176,0.60);font-weight:700;">Respawn Track</div>
    </div>
    <div style="padding:20px 22px;text-align:center;">
      <div style="font-size:1.8rem;font-weight:900;color:#b06cff;letter-spacing:-0.03em;margin-bottom:3px;">Builds</div>
      <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(122,144,176,0.60);font-weight:700;">por Classe</div>
    </div>
  </div>
</div>
 
 
<!-- ═══════════════════════════════════════════════════════════
    WHAT IS AN MVP — QUICK EXPLAINER
═══════════════════════════════════════════════════════════ -->
<div style="background:#050810;padding:48px 64px;border-bottom:1px solid rgba(255,255,255,0.05);">
  <div style="max-width:1040px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;">
 
    <div>
      <div style="display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;background:rgba(255,61,90,0.08);border:1px solid rgba(255,61,90,0.22);margin-bottom:14px;">
        <span style="font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:#ff3d5a;font-weight:700;">// O que é MVP?</span>
      </div>
      <h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 14px;border:none;">Most Valuable Player — o maior desafio do servidor</h2>
      <p style="font-size:0.92rem;color:rgba(176,192,224,0.75);line-height:1.75;margin:0 0 14px;">MVPs são <strong style="color:#fff;">bosses de elite</strong> que aparecem em mapas específicos com tempo de respawn fixo. São os inimigos mais poderosos do RO e recompensam os jogadores mais preparados com drops exclusivos de alto valor.</p>
      <p style="font-size:0.88rem;color:rgba(122,144,176,0.70);line-height:1.70;margin:0;">Substitua com informações específicas do servidor: taxa de drop custom, sistema de MVP points, mechanics exclusivas do TimeRO.</p>
    </div>
 
    <!-- Key rules cards -->
    <div style="display:flex;flex-direction:column;gap:10px;">
      <div style="display:flex;align-items:flex-start;gap:13px;padding:14px 16px;border-radius:12px;background:rgba(255,61,90,0.06);border:1px solid rgba(255,61,90,0.14);">
        <span style="font-size:1.2rem;flex-shrink:0;">💀</span>
        <div>
          <div style="font-size:0.88rem;font-weight:700;color:#fff;margin-bottom:3px;">Alta dificuldade individual</div>
          <div style="font-size:0.80rem;color:rgba(122,144,176,0.70);line-height:1.55;">MVPs têm HP massivo, ATK devastador e habilidades especiais que requerem preparação.</div>
        </div>
      </div>
      <div style="display:flex;align-items:flex-start;gap:13px;padding:14px 16px;border-radius:12px;background:rgba(249,197,0,0.05);border:1px solid rgba(249,197,0,0.14);">
        <span style="font-size:1.2rem;flex-shrink:0;">🏆</span>
        <div>
          <div style="font-size:0.88rem;font-weight:700;color:#fff;margin-bottom:3px;">Drops exclusivos e raros</div>
          <div style="font-size:0.80rem;color:rgba(122,144,176,0.70);line-height:1.55;">Os melhores itens do servidor — cartas MVP, equipamentos top-tier — só dropam deles.</div>
        </div>
      </div>
      <div style="display:flex;align-items:flex-start;gap:13px;padding:14px 16px;border-radius:12px;background:rgba(0,212,255,0.05);border:1px solid rgba(0,212,255,0.12);">
        <span style="font-size:1.2rem;flex-shrink:0;">⏱</span>
        <div>
          <div style="font-size:0.88rem;font-weight:700;color:#fff;margin-bottom:3px;">Respawn com timer</div>
          <div style="font-size:0.80rem;color:rgba(122,144,176,0.70);line-height:1.55;">Cada MVP revive em um intervalo fixo. Controlar o timer é parte essencial da caça.</div>
        </div>
      </div>
      <div style="display:flex;align-items:flex-start;gap:13px;padding:14px 16px;border-radius:12px;background:rgba(176,108,255,0.05);border:1px solid rgba(176,108,255,0.12);">
        <span style="font-size:1.2rem;flex-shrink:0;">⚔️</span>
        <div>
          <div style="font-size:0.88rem;font-weight:700;color:#fff;margin-bottom:3px;">Competição entre jogadores</div>
          <div style="font-size:0.80rem;color:rgba(122,144,176,0.70);line-height:1.55;">O MVP drop vai apenas para quem causar o maior dano. Ser o mais rápido importa.</div>
        </div>
      </div>
    </div>
 
  </div>
</div>
<!-- /EXPLAINER -->
 
 
<!-- ═══════════════════════════════════════════════════════════
    TIER FILTER + SORT BAR (STICKY)
═══════════════════════════════════════════════════════════ -->
<div id="tier-filter-bar" style="background:rgba(4,6,13,0.96);padding:16px 64px;border-bottom:1px solid rgba(255,61,90,0.14);position:sticky;top:0;z-index:300;backdrop-filter:blur(18px);">
  <div style="display:flex;align-items:center;gap:14px;flex-wrap:wrap;">
 
    <span style="font-size:0.65rem;letter-spacing:0.16em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;white-space:nowrap;">Filtrar por Tier:</span>
 
    <span onclick="filterTier('all')" id="tf-all" class="tf-btn" style="display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border-radius:8px;background:rgba(255,61,90,0.16);border:1px solid rgba(255,61,90,0.40);color:#ff3d5a;font-size:0.80rem;font-weight:900;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;">Todos os MVPs</span>
 
    <span onclick="filterTier('S')" id="tf-S" class="tf-btn" style="display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:8px;background:rgba(255,61,90,0.08);border:1px solid rgba(255,61,90,0.22);color:rgba(255,61,90,0.75);font-size:0.80rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;">💀 S-Tier</span>
 
    <span onclick="filterTier('A')" id="tf-A" class="tf-btn" style="display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:8px;background:rgba(255,107,0,0.08);border:1px solid rgba(255,107,0,0.22);color:rgba(255,107,0,0.75);font-size:0.80rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;">🔥 A-Tier</span>
 
    <span onclick="filterTier('B')" id="tf-B" class="tf-btn" style="display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:8px;background:rgba(122,144,176,0.07);border:1px solid rgba(122,144,176,0.20);color:rgba(122,144,176,0.75);font-size:0.80rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;">⚡ B-Tier</span>
 
    <!-- Divider -->
    <div style="width:1px;height:28px;background:rgba(255,255,255,0.08);margin:0 4px;"></div>
 
    <span style="font-size:0.65rem;letter-spacing:0.16em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;white-space:nowrap;">Ordenar:</span>
 
    <span onclick="sortBosses('danger')" id="sort-danger" class="sort-btn" style="display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);color:rgba(232,238,248,0.65);font-size:0.76rem;font-weight:700;cursor:pointer;">🔴 Dificuldade</span>
 
    <span onclick="sortBosses('exp')" id="sort-exp" class="sort-btn" style="display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);color:rgba(232,238,248,0.65);font-size:0.76rem;font-weight:700;cursor:pointer;">📈 Base EXP</span>
 
    <span onclick="sortBosses('respawn')" id="sort-respawn" class="sort-btn" style="display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);color:rgba(232,238,248,0.65);font-size:0.76rem;font-weight:700;cursor:pointer;">⏱ Respawn</span>
 
    <div style="margin-left:auto;font-size:0.70rem;color:rgba(122,144,176,0.45);font-weight:600;" id="boss-count-label">Exibindo todos os MVPs</div>
  </div>
</div>
<!-- /TIER FILTER -->
 
 
<!-- ═══════════════════════════════════════════════════════════
    MVP BOSS CARDS
═══════════════════════════════════════════════════════════ -->
<div id="boss-grid-section" style="background:#04060d;padding:40px 64px 56px;">
 
  <div id="boss-grid" style="display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:1200px;margin:0 auto;">
 
<!-- ─────────────────────────────────────────────
    BOSS CARD TEMPLATE
    Each card: data-tier="S|A|B" data-danger="1-10" data-exp="number" data-respawn="minutes"
    Replicate this block for each MVP, changing all placeholder values
───────────────────────────────────────────── -->
 
<!-- S-TIER BOSS 1 -->
<div class="boss-card" data-tier="S" data-danger="10" data-exp="9000000" data-respawn="120" style="border-radius:18px;overflow:hidden;border:1px solid rgba(255,61,90,0.22);background:linear-gradient(160deg,rgba(12,4,8,0.97),rgba(8,3,5,0.99));position:relative;">
 
  <!-- Top accent line -->
  <div style="position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#ff3d5a,#ff6b00,#ff3d5a,transparent);"></div>
 
  <!-- Card header (always visible) -->
  <div onclick="toggleBoss(this.closest('.boss-card'))" style="cursor:pointer;padding:20px 22px;display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;position:relative;z-index:1;">
 
    <!-- Boss avatar -->
    <div style="width:64px;height:64px;border-radius:14px;background:radial-gradient(circle at 30% 30%,rgba(255,61,90,0.28),rgba(255,61,90,0.05));border:1px solid rgba(255,61,90,0.32);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;box-shadow:0 0 24px rgba(255,61,90,0.18);">
      💀
    </div>
 
    <!-- Boss name & tags -->
    <div>
      <div style="display:flex;align-items:center;gap:8px;margin-bottom:5px;flex-wrap:wrap;">
        <span style="padding:2px 9px;border-radius:4px;background:#ff3d5a;color:#fff;font-size:0.60rem;font-weight:900;letter-spacing:0.12em;text-transform:uppercase;">S-TIER</span>
        <span style="font-size:0.65rem;color:rgba(122,144,176,0.55);font-weight:700;letter-spacing:0.08em;">ID: #????</span>
      </div>
      <div style="font-size:1.15rem;font-weight:900;color:#fff;letter-spacing:0.01em;margin-bottom:4px;">Nome do MVP Aqui</div>
      <div style="display:flex;gap:8px;flex-wrap:wrap;">
        <span style="font-size:0.68rem;color:rgba(255,61,90,0.80);font-weight:700;">Elemento: ???</span>
        <span style="color:rgba(122,144,176,0.30);font-size:0.68rem;">·</span>
        <span style="font-size:0.68rem;color:rgba(122,144,176,0.65);">Raça: ???</span>
        <span style="color:rgba(122,144,176,0.30);font-size:0.68rem;">·</span>
        <span style="font-size:0.68rem;color:rgba(122,144,176,0.65);">Tamanho: ???</span>
      </div>
    </div>
 
    <!-- Danger stars + expand -->
    <div style="display:flex;flex-direction:column;align-items:flex-end;gap:8px;">
      <!-- 5-star danger rating (fill stars based on tier: S=5, A=3-4, B=1-2) -->
      <div style="display:flex;gap:2px;">
        <span style="color:#ff3d5a;font-size:0.80rem;">★</span><span style="color:#ff3d5a;font-size:0.80rem;">★</span><span style="color:#ff3d5a;font-size:0.80rem;">★</span><span style="color:#ff3d5a;font-size:0.80rem;">★</span><span style="color:#ff3d5a;font-size:0.80rem;">★</span>
      </div>
      <span class="boss-chevron" style="font-size:0.7rem;color:rgba(122,144,176,0.45);transition:transform 0.22s;">▼ Dossiê</span>
    </div>
 
  </div>
 
  <!-- Quick stats strip -->
  <div style="display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,61,90,0.10);border-bottom:1px solid rgba(255,61,90,0.10);">
    <div style="padding:10px 14px;text-align:center;border-right:1px solid rgba(255,255,255,0.05);">
      <div style="font-size:0.78rem;font-weight:900;color:#ff3d5a;">???M</div>
      <div style="font-size:0.58rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.50);margin-top:1px;">HP</div>
    </div>
    <div style="padding:10px 14px;text-align:center;border-right:1px solid rgba(255,255,255,0.05);">
      <div style="font-size:0.78rem;font-weight:900;color:#f9a826;">???k</div>
      <div style="font-size:0.58rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.50);margin-top:1px;">Base EXP</div>
    </div>
    <div style="padding:10px 14px;text-align:center;border-right:1px solid rgba(255,255,255,0.05);">
      <div style="font-size:0.78rem;font-weight:900;color:#00d4ff;">???min</div>
      <div style="font-size:0.58rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.50);margin-top:1px;">Respawn</div>
    </div>
    <div style="padding:10px 14px;text-align:center;">
      <div style="font-size:0.78rem;font-weight:900;color:#b06cff;">Party</div>
      <div style="font-size:0.58rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.50);margin-top:1px;">Recomendado</div>
    </div>
  </div>
 
  <!-- EXPANDABLE DOSSIER -->
  <div class="boss-dossier" style="display:none;padding:20px 22px;border-top:1px solid rgba(255,61,90,0.10);">
 
    <!-- Full stat block -->
    <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:18px;">
      <div style="padding:9px 12px;border-radius:8px;background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.05);text-align:center;">
        <div style="font-size:0.70rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.50);margin-bottom:3px;">ATK</div>
        <div style="font-size:0.92rem;font-weight:800;color:#ff3d5a;">??? ~ ???</div>
      </div>
      <div style="padding:9px 12px;border-radius:8px;background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.05);text-align:center;">
        <div style="font-size:0.70rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.50);margin-bottom:3px;">DEF</div>
        <div style="font-size:0.92rem;font-weight:800;color:#00d4ff;">???</div>
      </div>
      <div style="padding:9px 12px;border-radius:8px;background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.05);text-align:center;">
        <div style="font-size:0.70rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.50);margin-bottom:3px;">MDEF</div>
        <div style="font-size:0.92rem;font-weight:800;color:#b06cff;">???</div>
      </div>
      <div style="padding:9px 12px;border-radius:8px;background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.05);text-align:center;">
        <div style="font-size:0.70rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.50);margin-bottom:3px;">STR</div>
        <div style="font-size:0.92rem;font-weight:800;color:#e8eef8;">???</div>
      </div>
      <div style="padding:9px 12px;border-radius:8px;background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.05);text-align:center;">
        <div style="font-size:0.70rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.50);margin-bottom:3px;">AGI</div>
        <div style="font-size:0.92rem;font-weight:800;color:#e8eef8;">???</div>
      </div>
      <div style="padding:9px 12px;border-radius:8px;background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.05);text-align:center;">
        <div style="font-size:0.70rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.50);margin-bottom:3px;">INT</div>
        <div style="font-size:0.92rem;font-weight:800;color:#e8eef8;">???</div>
      </div>
    </div>
 
    <!-- Location -->
    <div style="display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:rgba(0,212,255,0.05);border:1px solid rgba(0,212,255,0.12);margin-bottom:14px;flex-wrap:wrap;">
      <span style="font-size:0.90rem;">📍</span>
      <div>
        <div style="font-size:0.70rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(0,212,255,0.60);font-weight:700;margin-bottom:2px;">Localização</div>
        <div style="font-size:0.88rem;color:#e8eef8;font-weight:700;">Nome do Mapa</div>
      </div>
      <button onclick="copyMapCode('map_code_here', this)" style="margin-left:auto;padding:5px 12px;border-radius:6px;background:rgba(0,212,255,0.10);border:1px solid rgba(0,212,255,0.24);color:#00d4ff;font-size:0.70rem;font-weight:700;cursor:pointer;letter-spacing:0.06em;font-family:inherit;">📋 map_code_here</button>
    </div>
 
    <!-- Respawn timer visual -->
    <div style="padding:14px 16px;border-radius:10px;background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.07);margin-bottom:14px;">
      <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;">
        <span style="font-size:0.70rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.55);font-weight:700;">⏱ Respawn Timer</span>
        <span style="font-size:0.80rem;font-weight:900;color:#00d4ff;">X hora(s) ±Y minutos</span>
      </div>
      <div style="height:6px;border-radius:999px;background:rgba(255,255,255,0.06);overflow:hidden;">
        <div style="height:100%;width:100%;background:linear-gradient(90deg,#00d4ff,#b06cff);border-radius:999px;animation:respawn-pulse 2s ease-in-out infinite alternate;"></div>
      </div>
      <div style="margin-top:6px;font-size:0.72rem;color:rgba(122,144,176,0.50);">Adicione ao MVP Timer Tracker abaixo após o kill ↓</div>
    </div>
 
    <!-- Drop table -->
    <div style="margin-bottom:14px;">
      <div style="font-size:0.70rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(249,197,0,0.65);font-weight:700;margin-bottom:10px;">🎁 MVP Drops</div>
      <div style="display:flex;flex-direction:column;gap:7px;">
 
        <!-- Drop item row: adjust width % to match real drop rate -->
        <div>
          <div style="display:flex;justify-content:space-between;margin-bottom:4px;">
            <span style="font-size:0.84rem;font-weight:700;color:#fff;">Nome do Drop MVP 1</span>
            <span style="font-size:0.76rem;font-weight:800;color:#f9c500;">100%</span>
          </div>
          <div style="height:5px;border-radius:999px;background:rgba(255,255,255,0.06);">
            <div style="height:100%;width:100%;background:linear-gradient(90deg,#f9c500,#ff9500);border-radius:999px;"></div>
          </div>
        </div>
 
        <div>
          <div style="display:flex;justify-content:space-between;margin-bottom:4px;">
            <span style="font-size:0.84rem;font-weight:700;color:#fff;">Nome do Drop MVP 2</span>
            <span style="font-size:0.76rem;font-weight:800;color:#f9c500;">100%</span>
          </div>
          <div style="height:5px;border-radius:999px;background:rgba(255,255,255,0.06);">
            <div style="height:100%;width:100%;background:linear-gradient(90deg,#f9c500,#ff9500);border-radius:999px;"></div>
          </div>
        </div>
 
        <div>
          <div style="display:flex;justify-content:space-between;margin-bottom:4px;">
            <span style="font-size:0.84rem;font-weight:700;color:#fff;">Carta MVP (placeholder)</span>
            <span style="font-size:0.76rem;font-weight:800;color:#b06cff;">0.02%</span>
          </div>
          <div style="height:5px;border-radius:999px;background:rgba(255,255,255,0.06);">
            <div style="height:100%;width:0.5%;background:linear-gradient(90deg,#b06cff,#8844cc);border-radius:999px;min-width:3px;"></div>
          </div>
        </div>
 
      </div>
    </div>
 
    <!-- Normal drops -->
    <div style="margin-bottom:14px;">
      <div style="font-size:0.70rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.55);font-weight:700;margin-bottom:8px;">📦 Drops Normais</div>
      <div style="display:flex;flex-wrap:wrap;gap:6px;">
        <span style="padding:5px 10px;border-radius:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);font-size:0.78rem;color:rgba(232,238,248,0.75);">Item A — X%</span>
        <span style="padding:5px 10px;border-radius:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);font-size:0.78rem;color:rgba(232,238,248,0.75);">Item B — X%</span>
        <span style="padding:5px 10px;border-radius:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);font-size:0.78rem;color:rgba(232,238,248,0.75);">Item C — X%</span>
        <span style="padding:5px 10px;border-radius:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);font-size:0.78rem;color:rgba(232,238,248,0.75);">Carte do MVP — 0.02%</span>
      </div>
    </div>
 
    <!-- Recommended approach -->
    <div style="padding:14px 16px;border-radius:10px;background:rgba(0,255,136,0.04);border:1px solid rgba(0,255,136,0.12);">
      <div style="font-size:0.70rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(0,255,136,0.60);font-weight:700;margin-bottom:6px;">🎯 Estratégia Recomendada</div>
      <p style="font-size:0.84rem;color:rgba(176,192,224,0.78);line-height:1.65;margin:0;">Substitua com a estratégia real para este MVP: qual elemento usar, habilidades a evitar, posicionamento, se é melhor solo ou party, e qual classe é mais eficiente.</p>
    </div>
 
    <!-- Kill button → timer -->
    <div style="margin-top:12px;text-align:center;">
      <button onclick="logKill(this, 'MVP Nome Aqui', 120)" style="display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:10px;background:linear-gradient(135deg,rgba(255,61,90,0.20),rgba(255,61,90,0.08));border:1px solid rgba(255,61,90,0.32);color:#ff3d5a;font-size:0.84rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;font-family:inherit;">
        💀 Registrar Kill &amp; Iniciar Timer
      </button>
    </div>
 
  </div>
</div>
<!-- /S-TIER BOSS 1 -->
 
 
<!-- A-TIER BOSS TEMPLATE -->
<div class="boss-card" data-tier="A" data-danger="7" data-exp="4000000" data-respawn="60" style="border-radius:18px;overflow:hidden;border:1px solid rgba(255,107,0,0.20);background:linear-gradient(160deg,rgba(10,7,3,0.97),rgba(7,5,2,0.99));position:relative;">
  <div style="position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#ff6b00,#f9a826,#ff6b00,transparent);"></div>
  <div onclick="toggleBoss(this.closest('.boss-card'))" style="cursor:pointer;padding:20px 22px;display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;">
    <div style="width:64px;height:64px;border-radius:14px;background:radial-gradient(circle at 30% 30%,rgba(255,107,0,0.26),rgba(255,107,0,0.04));border:1px solid rgba(255,107,0,0.30);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 0 22px rgba(255,107,0,0.16);">🐉</div>
    <div>
      <div style="display:flex;align-items:center;gap:8px;margin-bottom:5px;">
        <span style="padding:2px 9px;border-radius:4px;background:#ff6b00;color:#fff;font-size:0.60rem;font-weight:900;letter-spacing:0.12em;text-transform:uppercase;">A-TIER</span>
        <span style="font-size:0.65rem;color:rgba(122,144,176,0.55);font-weight:700;letter-spacing:0.08em;">ID: #????</span>
      </div>
      <div style="font-size:1.15rem;font-weight:900;color:#fff;margin-bottom:4px;">Nome MVP A-Tier</div>
      <div style="display:flex;gap:8px;flex-wrap:wrap;">
        <span style="font-size:0.68rem;color:rgba(255,107,0,0.80);font-weight:700;">Elemento: ???</span>
        <span style="color:rgba(122,144,176,0.30);font-size:0.68rem;">·</span>
        <span style="font-size:0.68rem;color:rgba(122,144,176,0.65);">Raça: ???</span>
      </div>
    </div>
    <div style="display:flex;flex-direction:column;align-items:flex-end;gap:8px;">
      <div style="display:flex;gap:2px;">
        <span style="color:#ff6b00;font-size:0.80rem;">★</span><span style="color:#ff6b00;font-size:0.80rem;">★</span><span style="color:#ff6b00;font-size:0.80rem;">★</span><span style="color:#ff6b00;font-size:0.80rem;">★</span><span style="color:rgba(122,144,176,0.20);font-size:0.80rem;">★</span>
      </div>
      <span class="boss-chevron" style="font-size:0.7rem;color:rgba(122,144,176,0.45);">▼ Dossiê</span>
    </div>
  </div>
  <div style="display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,107,0,0.10);border-bottom:1px solid rgba(255,107,0,0.10);">
    <div style="padding:10px 14px;text-align:center;border-right:1px solid rgba(255,255,255,0.05);"><div style="font-size:0.78rem;font-weight:900;color:#ff6b00;">???M</div><div style="font-size:0.58rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.50);margin-top:1px;">HP</div></div>
    <div style="padding:10px 14px;text-align:center;border-right:1px solid rgba(255,255,255,0.05);"><div style="font-size:0.78rem;font-weight:900;color:#f9a826;">???k</div><div style="font-size:0.58rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.50);margin-top:1px;">Base EXP</div></div>
    <div style="padding:10px 14px;text-align:center;border-right:1px solid rgba(255,255,255,0.05);"><div style="font-size:0.78rem;font-weight:900;color:#00d4ff;">60min</div><div style="font-size:0.58rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.50);margin-top:1px;">Respawn</div></div>
    <div style="padding:10px 14px;text-align:center;"><div style="font-size:0.78rem;font-weight:900;color:#b06cff;">Solo</div><div style="font-size:0.58rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.50);margin-top:1px;">Viável</div></div>
  </div>
  <div class="boss-dossier" style="display:none;padding:20px 22px;border-top:1px solid rgba(255,107,0,0.10);">
    <p style="font-size:0.88rem;color:rgba(122,144,176,0.70);margin:0 0 14px;">Preencha os mesmos campos do card S-Tier: stat block, localização, drops com barras, estratégia e botão de kill timer.</p>
    <div style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;">
      <span style="padding:5px 10px;border-radius:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);font-size:0.78rem;color:rgba(232,238,248,0.75);">Drop A — X%</span>
      <span style="padding:5px 10px;border-radius:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);font-size:0.78rem;color:rgba(232,238,248,0.75);">Drop B — X%</span>
      <span style="padding:5px 10px;border-radius:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);font-size:0.78rem;color:rgba(232,238,248,0.75);">Carta MVP — 0.02%</span>
    </div>
    <button onclick="logKill(this, 'MVP A-Tier', 60)" style="display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:10px;background:linear-gradient(135deg,rgba(255,107,0,0.20),rgba(255,107,0,0.07));border:1px solid rgba(255,107,0,0.30);color:#ff6b00;font-size:0.84rem;font-weight:800;cursor:pointer;font-family:inherit;">💀 Registrar Kill &amp; Iniciar Timer</button>
  </div>
</div>
</div>
<!-- /A-TIER BOSS -->
<div style="font-size:clamp(2.2rem,5vw,4rem);line-height:0.96;font-weight:900;color:#ffffff;letter-spacing:-0.035em;margin-bottom:16px;">Guia de Caça<br><span style="background:linear-gradient(90deg,#ff3d5a,#ff6b00,#f9c500);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(255,61,90,0.18));">a MVPs</span></div>
 
<div style="max-width:860px;color:rgba(180,205,230,0.76);font-size:1rem;line-height:1.72;margin-bottom:22px;">Encontre, filtre, ordene e rastreie MVPs no TimeRO. Esta versão foi revisada para não usar JavaScript inline dentro da página wiki; filtros, dossiês e timers são criados com segurança pelo <strong style="color:#ffffff;">MediaWiki:Common.js</strong>.</div>
 
<div style="display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;">
<!-- B-TIER BOSS TEMPLATE -->
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(255,61,90,0.18);border-radius:12px;padding:14px;text-align:center;"><div style="font-size:1.35em;margin-bottom:5px;">💀</div><div style="color:#ff3d5a;font-weight:900;font-size:0.80rem;letter-spacing:0.08em;text-transform:uppercase;">Tiers</div><div style="color:#ffd8dd;font-weight:bold;font-size:0.92rem;">S / A / B</div></div>
<div class="boss-card" data-tier="B" data-danger="4" data-exp="1500000" data-respawn="30" style="border-radius:18px;overflow:hidden;border:1px solid rgba(122,144,176,0.16);background:linear-gradient(160deg,rgba(8,10,14,0.97),rgba(5,7,10,0.99));position:relative;">
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(255,107,0,0.18);border-radius:12px;padding:14px;text-align:center;"><div style="font-size:1.35em;margin-bottom:5px;">🔥</div><div style="color:#ff6b00;font-weight:900;font-size:0.80rem;letter-spacing:0.08em;text-transform:uppercase;">Dossiês</div><div style="color:#ffe0c8;font-weight:bold;font-size:0.92rem;">Stats e drops</div></div>
  <div style="position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#7a90b0,transparent);"></div>
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(0,212,255,0.18);border-radius:12px;padding:14px;text-align:center;"><div style="font-size:1.35em;margin-bottom:5px;">⏱️</div><div style="color:#00d4ff;font-weight:900;font-size:0.80rem;letter-spacing:0.08em;text-transform:uppercase;">Timers</div><div style="color:#d8f5ff;font-weight:bold;font-size:0.92rem;">Respawn local</div></div>
  <div onclick="toggleBoss(this.closest('.boss-card'))" style="cursor:pointer;padding:20px 22px;display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;">
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(176,108,255,0.18);border-radius:12px;padding:14px;text-align:center;"><div style="font-size:1.35em;margin-bottom:5px;">⚔️</div><div style="color:#b06cff;font-weight:900;font-size:0.80rem;letter-spacing:0.08em;text-transform:uppercase;">Builds</div><div style="color:#eadfff;font-weight:bold;font-size:0.92rem;">Preparação</div></div>
    <div style="width:64px;height:64px;border-radius:14px;background:radial-gradient(circle at 30% 30%,rgba(122,144,176,0.18),rgba(122,144,176,0.03));border:1px solid rgba(122,144,176,0.22);display:flex;align-items:center;justify-content:center;font-size:2rem;"></div>
    <div>
      <div style="display:flex;align-items:center;gap:8px;margin-bottom:5px;">
        <span style="padding:2px 9px;border-radius:4px;background:rgba(122,144,176,0.60);color:#fff;font-size:0.60rem;font-weight:900;letter-spacing:0.12em;text-transform:uppercase;">B-TIER</span>
        <span style="font-size:0.65rem;color:rgba(122,144,176,0.55);font-weight:700;letter-spacing:0.08em;">ID: #????</span>
      </div>
      <div style="font-size:1.15rem;font-weight:900;color:#fff;margin-bottom:4px;">Nome MVP B-Tier</div>
      <div style="display:flex;gap:8px;flex-wrap:wrap;">
        <span style="font-size:0.68rem;color:rgba(122,144,176,0.75);font-weight:700;">Elemento: ???</span>
        <span style="color:rgba(122,144,176,0.30);font-size:0.68rem;">·</span>
        <span style="font-size:0.68rem;color:rgba(122,144,176,0.65);">Raça: ???</span>
      </div>
    </div>
    <div style="display:flex;flex-direction:column;align-items:flex-end;gap:8px;">
      <div style="display:flex;gap:2px;">
        <span style="color:#7a90b0;font-size:0.80rem;"></span><span style="color:#7a90b0;font-size:0.80rem;">★</span><span style="color:#7a90b0;font-size:0.80rem;">★</span><span style="color:rgba(122,144,176,0.20);font-size:0.80rem;"></span><span style="color:rgba(122,144,176,0.20);font-size:0.80rem;">★</span>
      </div>
      <span class="boss-chevron" style="font-size:0.7rem;color:rgba(122,144,176,0.45);">▼ Dossiê</span>
    </div>
  </div>
  <div style="display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(122,144,176,0.08);border-bottom:1px solid rgba(122,144,176,0.08);">
    <div style="padding:10px 14px;text-align:center;border-right:1px solid rgba(255,255,255,0.05);"><div style="font-size:0.78rem;font-weight:900;color:#7a90b0;">???K</div><div style="font-size:0.58rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.50);margin-top:1px;">HP</div></div>
    <div style="padding:10px 14px;text-align:center;border-right:1px solid rgba(255,255,255,0.05);"><div style="font-size:0.78rem;font-weight:900;color:#f9a826;">???k</div><div style="font-size:0.58rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.50);margin-top:1px;">Base EXP</div></div>
    <div style="padding:10px 14px;text-align:center;border-right:1px solid rgba(255,255,255,0.05);"><div style="font-size:0.78rem;font-weight:900;color:#00d4ff;">30min</div><div style="font-size:0.58rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.50);margin-top:1px;">Respawn</div></div>
    <div style="padding:10px 14px;text-align:center;"><div style="font-size:0.78rem;font-weight:900;color:#00ff88;">Solo</div><div style="font-size:0.58rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(122,144,176,0.50);margin-top:1px;">Fácil</div></div>
  </div>
  <div class="boss-dossier" style="display:none;padding:20px 22px;border-top:1px solid rgba(122,144,176,0.08);">
    <p style="font-size:0.88rem;color:rgba(122,144,176,0.70);margin:0 0 14px;">Preencha com dados reais do MVP B-Tier: drops, localização, estratégia.</p>
    <button onclick="logKill(this, 'MVP B-Tier', 30)" style="display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:10px;background:rgba(122,144,176,0.10);border:1px solid rgba(122,144,176,0.24);color:#7a90b0;font-size:0.84rem;font-weight:800;cursor:pointer;font-family:inherit;">💀 Registrar Kill &amp; Iniciar Timer</button>
  </div>
</div>
</div>
<!-- /B-TIER BOSS -->
<!-- ▲ DUPLICATE THE BOSS CARD BLOCKS ABOVE FOR EACH MVP ▲ -->
<!-- One S-tier card for each S MVP, one A-tier for each A MVP, etc. -->
  </div>
  <!-- /boss-grid -->
</div>
</div>
<!-- /BOSS CARDS SECTION -->
<!-- ═══════════════════════════════════════════════════════════
    LIVE MVP TIMER TRACKER
═══════════════════════════════════════════════════════════ -->
<div id="timer-tracker" style="background:#07080f;padding:52px 64px;border-top:1px solid rgba(255,61,90,0.14);border-bottom:1px solid rgba(255,255,255,0.05);">
  <div style="max-width:900px;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(0,212,255,0.08);border:1px solid rgba(0,212,255,0.20);margin-bottom:12px;">
        <span style="width:6px;height:6px;border-radius:50%;background:#00d4ff;display:inline-block;animation:timer-blink 1.2s ease infinite;"></span>
        <span style="font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:#00d4ff;font-weight:700;">// Rastreador ao Vivo</span>
      </div>
      <h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 8px;border:none;">MVP Timer Tracker</h2>
      <p style="color:rgba(122,144,176,0.70);font-size:0.92rem;margin:0;">Clique em "Registrar Kill" em qualquer dossiê acima para adicionar o MVP aqui. O contador começa automáticamente.</p>
    </div>
    <!-- Active timers list -->
    <div id="timer-list" style="display:flex;flex-direction:column;gap:10px;margin-bottom:20px;">
      <!-- Timers appear here dynamically -->
      <div id="timer-empty" style="padding:40px;text-align:center;border-radius:14px;background:rgba(0,0,0,0.20);border:1px dashed rgba(255,255,255,0.08);">
        <div style="font-size:2rem;margin-bottom:10px;opacity:0.3;">⏱</div>
        <div style="font-size:0.84rem;color:rgba(122,144,176,0.45);font-weight:600;">Nenhum MVP rastreado ainda.<br>Mate um boss e clique em "Registrar Kill".</div>
      </div>
    </div>
    <!-- Manual add form -->
    <div style="padding:18px 20px;border-radius:14px;background:rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.07);">
      <div style="font-size:0.70rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;margin-bottom:12px;">+ Adicionar MVP manualmente</div>
      <div style="display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;">
        <div style="flex:2;min-width:160px;">
          <div style="font-size:0.68rem;color:rgba(122,144,176,0.55);margin-bottom:5px;letter-spacing:0.08em;text-transform:uppercase;">Nome do MVP</div>
          <input id="manual-mvp-name" type="text" placeholder="Ex: Eddga" style="width:100%;padding:9px 12px;border-radius:8px;background:rgba(0,0,0,0.40);border:1px solid rgba(255,255,255,0.10);color:#e8eef8;font-size:0.88rem;font-family:inherit;outline:none;">
        </div>
        <div style="flex:1;min-width:100px;">
          <div style="font-size:0.68rem;color:rgba(122,144,176,0.55);margin-bottom:5px;letter-spacing:0.08em;text-transform:uppercase;">Respawn (min)</div>
          <input id="manual-mvp-respawn" type="number" placeholder="60" min="1" style="width:100%;padding:9px 12px;border-radius:8px;background:rgba(0,0,0,0.40);border:1px solid rgba(255,255,255,0.10);color:#e8eef8;font-size:0.88rem;font-family:inherit;outline:none;">
        </div>
        <button onclick="manualAddTimer()" style="padding:9px 20px;border-radius:8px;background:linear-gradient(135deg,rgba(0,212,255,0.18),rgba(0,212,255,0.07));border:1px solid rgba(0,212,255,0.30);color:#00d4ff;font-size:0.84rem;font-weight:800;cursor:pointer;letter-spacing:0.05em;text-transform:uppercase;font-family:inherit;white-space:nowrap;">+ Adicionar</button>
        <button onclick="clearAllTimers()" style="padding:9px 16px;border-radius:8px;background:rgba(255,61,90,0.08);border:1px solid rgba(255,61,90,0.20);color:rgba(255,61,90,0.65);font-size:0.82rem;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap;">Limpar Todos</button>
      </div>
    </div>
  </div>
</div>
</div>
<!-- /TIMER TRACKER -->
<!-- ═══════════════════════════════════════════════════════════
    HUNTING STRATEGY
═══════════════════════════════════════════════════════════ -->
<div style="background:#04060d;padding:52px 64px;border-bottom:1px solid rgba(255,255,255,0.05);">
  <div style="max-width:1040px;margin:0 auto;">
    <div style="text-align:center;margin-bottom:36px;">
      <div style="display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;background:rgba(255,107,0,0.08);border:1px solid rgba(255,107,0,0.20);margin-bottom:12px;">
        <span style="font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:#ff6b00;font-weight:700;">// Estratégia</span>
      </div>
      <h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 8px;border:none;">Como caçar MVPs com eficiência</h2>
      <p style="color:rgba(122,144,176,0.70);font-size:0.92rem;margin:0;">Princípios universais aplicáveis a qualquer boss do servidor.</p>
    </div>
    <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;">
      <div style="padding:24px 20px;border-radius:16px;background:rgba(255,61,90,0.06);border:1px solid rgba(255,61,90,0.14);">
        <div style="font-size:1.6rem;margin-bottom:12px;">🎯</div>
        <div style="font-size:0.65rem;letter-spacing:0.14em;text-transform:uppercase;color:#ff3d5a;font-weight:700;margin-bottom:6px;">Preparação</div>
        <h3 style="font-size:1rem;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:0.02em;">Chegue preparado</h3>
        <p style="font-size:0.84rem;color:rgba(176,192,224,0.75);line-height:1.65;margin:0;">Substitua com dicas reais de preparação: consumíveis necessários, nível mínimo, equipamentos essenciais para encarar MVPs no TimeRO.</p>
      </div>
      <div style="padding:24px 20px;border-radius:16px;background:rgba(255,107,0,0.06);border:1px solid rgba(255,107,0,0.14);">
        <div style="font-size:1.6rem;margin-bottom:12px;">⏱</div>
        <div style="font-size:0.65rem;letter-spacing:0.14em;text-transform:uppercase;color:#ff6b00;font-weight:700;margin-bottom:6px;">Timing</div>
        <h3 style="font-size:1rem;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:0.02em;">Controle o respawn</h3>
        <p style="font-size:0.84rem;color:rgba(176,192,224,0.75);line-height:1.65;margin:0;">Use o MVP Timer Tracker acima. Anote o horário de kill e chegue 5 minutos antes do respawn. Quem aparece primeiro tem vantagem de posição.</p>
      </div>
      <div style="padding:24px 20px;border-radius:16px;background:rgba(249,197,0,0.05);border:1px solid rgba(249,197,0,0.14);">
        <div style="font-size:1.6rem;margin-bottom:12px;">⚡</div>
        <div style="font-size:0.65rem;letter-spacing:0.14em;text-transform:uppercase;color:#f9c500;font-weight:700;margin-bottom:6px;">Execução</div>
        <h3 style="font-size:1rem;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:0.02em;">Kill speed é tudo</h3>
        <p style="font-size:0.84rem;color:rgba(176,192,224,0.75);line-height:1.65;margin:0;">O drop MVP é do jogador com maior dano total. Foque em output de DPS máximo, não em tankar. Substitua com tips específicas do servidor.</p>
      </div>
    </div>
    <!-- Warning box -->
    <div style="padding:18px 22px;border-radius:14px;background:rgba(255,61,90,0.07);border:1px solid rgba(255,61,90,0.18);display:flex;align-items:flex-start;gap:14px;">
      <span style="font-size:1.4rem;flex-shrink:0;margin-top:2px;">⚠️</span>
      <div>
        <div style="font-size:0.80rem;font-weight:900;color:#ff3d5a;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:5px;">Atenção — PvP e Kill-Steal</div>
        <p style="font-size:0.88rem;color:rgba(232,238,248,0.78);line-height:1.65;margin:0;">Substitua com as regras de PvP/KS do TimeRO. Explique se o servidor tem proteção contra KS, qual é a política de disputa de MVP, e como resolver conflitos na comunidade.</p>
      </div>
    </div>
  </div>
</div>
</div>
<!-- /STRATEGY -->
<!-- ═══════════════════════════════════════════════════════════
    CLASS STRATEGIES FOR MVP HUNTING
═══════════════════════════════════════════════════════════ -->
<div style="background:#07080f;padding:52px 64px;border-bottom:1px solid rgba(255,255,255,0.05);">
  <div style="max-width:1040px;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(176,108,255,0.08);border:1px solid rgba(176,108,255,0.20);margin-bottom:12px;">
        <span style="font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:#b06cff;font-weight:700;">// Builds por Classe</span>
      </div>
      <h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 8px;border:none;">Qual classe usar para MVPs?</h2>
      <p style="color:rgba(122,144,176,0.70);font-size:0.92rem;margin:0;">Cada classe tem vantagens específicas. Clique para ver a abordagem recomendada.</p>
    </div>
    <div style="display:grid;grid-template-columns:repeat(2,1fr);gap:12px;">
      <!-- Class row template — replicate for each class -->
      <div class="class-mvp-row" onclick="toggleClassMvp(this)" style="border-radius:14px;overflow:hidden;border:1px solid rgba(255,61,90,0.14);cursor:pointer;">
        <div style="display:flex;align-items:center;gap:14px;padding:16px 18px;background:rgba(255,61,90,0.05);transition:background 0.15s;">
          <div style="width:44px;height:44px;border-radius:12px;background:rgba(255,61,90,0.14);border:1px solid rgba(255,61,90,0.24);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;">⚔️</div>
          <div style="flex:1;">
            <div style="font-size:0.95rem;font-weight:800;color:#fff;">Knight / Rune Knight</div>
            <div style="font-size:0.72rem;color:rgba(122,144,176,0.60);margin-top:2px;">Tank · Frontline DPS</div>
          </div>
          <div style="display:flex;flex-direction:column;align-items:flex-end;gap:4px;">
            <!-- MVP viability rating -->
            <div style="display:flex;gap:2px;">
              <span style="width:10px;height:10px;border-radius:50%;background:#ff3d5a;"></span>
              <span style="width:10px;height:10px;border-radius:50%;background:#ff3d5a;"></span>
              <span style="width:10px;height:10px;border-radius:50%;background:#ff3d5a;"></span>
              <span style="width:10px;height:10px;border-radius:50%;background:rgba(122,144,176,0.20);"></span>
              <span style="width:10px;height:10px;border-radius:50%;background:rgba(122,144,176,0.20);"></span>
            </div>
            <div style="font-size:0.60rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(255,61,90,0.60);font-weight:700;">Eficiência Alta</div>
          </div>
          <span class="class-chevron" style="color:rgba(122,144,176,0.40);font-size:0.7rem;margin-left:4px;">▼</span>
        </div>
        <div class="class-mvp-detail" style="display:none;padding:14px 18px 16px;background:rgba(0,0,0,0.22);border-top:1px solid rgba(255,61,90,0.08);">
          <p style="font-size:0.86rem;color:rgba(176,192,224,0.78);line-height:1.70;margin:0 0 10px;">Substitua com a estratégia MVP real para Knight/Rune Knight. Ex: qual build (STR/VIT), quais skills usar (Bowling Bash vs Spiral Pierce), consumíveis específicos, quais MVPs são mais adequados para esta classe.</p>
          <div style="display:flex;flex-wrap:wrap;gap:6px;">
            <span style="padding:4px 9px;border-radius:6px;background:rgba(255,61,90,0.08);border:1px solid rgba(255,61,90,0.16);font-size:0.72rem;color:#ff3d5a;font-weight:700;">Skill Principal</span>
            <span style="padding:4px 9px;border-radius:6px;background:rgba(255,61,90,0.08);border:1px solid rgba(255,61,90,0.16);font-size:0.72rem;color:#ff3d5a;font-weight:700;">Build: STR/VIT</span>
            <span style="padding:4px 9px;border-radius:6px;background:rgba(255,61,90,0.08);border:1px solid rgba(255,61,90,0.16);font-size:0.72rem;color:#ff3d5a;font-weight:700;">Melhor vs: Tipo ???</span>
          </div>
        </div>
      </div>
      <div class="class-mvp-row" onclick="toggleClassMvp(this)" style="border-radius:14px;overflow:hidden;border:1px solid rgba(176,108,255,0.14);cursor:pointer;">
        <div style="display:flex;align-items:center;gap:14px;padding:16px 18px;background:rgba(176,108,255,0.05);">
          <div style="width:44px;height:44px;border-radius:12px;background:rgba(176,108,255,0.14);border:1px solid rgba(176,108,255,0.24);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;">🔮</div>
          <div style="flex:1;">
            <div style="font-size:0.95rem;font-weight:800;color:#fff;">Wizard / Warlock</div>
            <div style="font-size:0.72rem;color:rgba(122,144,176,0.60);margin-top:2px;">Ranged AoE · Burst DPS</div>
          </div>
          <div style="display:flex;flex-direction:column;align-items:flex-end;gap:4px;">
            <div style="display:flex;gap:2px;">
              <span style="width:10px;height:10px;border-radius:50%;background:#b06cff;"></span>
              <span style="width:10px;height:10px;border-radius:50%;background:#b06cff;"></span>
              <span style="width:10px;height:10px;border-radius:50%;background:#b06cff;"></span>
              <span style="width:10px;height:10px;border-radius:50%;background:#b06cff;"></span>
              <span style="width:10px;height:10px;border-radius:50%;background:rgba(122,144,176,0.20);"></span>
            </div>
            <div style="font-size:0.60rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(176,108,255,0.60);font-weight:700;">Eficiência Alta</div>
          </div>
          <span class="class-chevron" style="color:rgba(122,144,176,0.40);font-size:0.7rem;margin-left:4px;">▼</span>
        </div>
        <div class="class-mvp-detail" style="display:none;padding:14px 18px 16px;background:rgba(0,0,0,0.22);border-top:1px solid rgba(176,108,255,0.08);">
          <p style="font-size:0.86rem;color:rgba(176,192,224,0.78);line-height:1.70;margin:0 0 10px;">Substitua com estratégia real para Wizard/Warlock vs MVPs. Ex: qual elemento explorar, Storm Gust vs Lord of Vermilion, necessidade de Hindsight, cuidado com o cast time, etc.</p>
          <div style="display:flex;flex-wrap:wrap;gap:6px;">
            <span style="padding:4px 9px;border-radius:6px;background:rgba(176,108,255,0.08);border:1px solid rgba(176,108,255,0.18);font-size:0.72rem;color:#b06cff;font-weight:700;">INT Build</span>
            <span style="padding:4px 9px;border-radius:6px;background:rgba(176,108,255,0.08);border:1px solid rgba(176,108,255,0.18);font-size:0.72rem;color:#b06cff;font-weight:700;">Skill: ???</span>
          </div>
        </div>
      </div>
      <div class="class-mvp-row" onclick="toggleClassMvp(this)" style="border-radius:14px;overflow:hidden;border:1px solid rgba(0,212,255,0.12);cursor:pointer;">
        <div style="display:flex;align-items:center;gap:14px;padding:16px 18px;background:rgba(0,212,255,0.04);">
          <div style="width:44px;height:44px;border-radius:12px;background:rgba(0,212,255,0.12);border:1px solid rgba(0,212,255,0.22);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;">🏹</div>
          <div style="flex:1;">
            <div style="font-size:0.95rem;font-weight:800;color:#fff;">Hunter / Sniper / Ranger</div>
            <div style="font-size:0.72rem;color:rgba(122,144,176,0.60);margin-top:2px;">Ranged Single Target · Kite</div>
          </div>
          <div style="display:flex;flex-direction:column;align-items:flex-end;gap:4px;">
            <div style="display:flex;gap:2px;">
              <span style="width:10px;height:10px;border-radius:50%;background:#00d4ff;"></span>
              <span style="width:10px;height:10px;border-radius:50%;background:#00d4ff;"></span>
              <span style="width:10px;height:10px;border-radius:50%;background:#00d4ff;"></span>
              <span style="width:10px;height:10px;border-radius:50%;background:#00d4ff;"></span>
              <span style="width:10px;height:10px;border-radius:50%;background:#00d4ff;"></span>
            </div>
            <div style="font-size:0.60rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(0,212,255,0.60);font-weight:700;">Eficiência Máxima</div>
          </div>
          <span class="class-chevron" style="color:rgba(122,144,176,0.40);font-size:0.7rem;margin-left:4px;">▼</span>
        </div>
        <div class="class-mvp-detail" style="display:none;padding:14px 18px 16px;background:rgba(0,0,0,0.22);border-top:1px solid rgba(0,212,255,0.08);">
          <p style="font-size:0.86rem;color:rgba(176,192,224,0.78);line-height:1.70;margin:0 0 10px;">Substitua com estratégia real para Hunter/Sniper vs MVPs. Ranged kiting, Arrow element matching, Falcon Assault timing, quais MVPs são mais fáceis de kitar.</p>
          <div style="display:flex;flex-wrap:wrap;gap:6px;">
            <span style="padding:4px 9px;border-radius:6px;background:rgba(0,212,255,0.07);border:1px solid rgba(0,212,255,0.18);font-size:0.72rem;color:#00d4ff;font-weight:700;">DEX Build</span>
            <span style="padding:4px 9px;border-radius:6px;background:rgba(0,212,255,0.07);border:1px solid rgba(0,212,255,0.18);font-size:0.72rem;color:#00d4ff;font-weight:700;">Skill: ???</span>
            <span style="padding:4px 9px;border-radius:6px;background:rgba(0,212,255,0.07);border:1px solid rgba(0,212,255,0.18);font-size:0.72rem;color:#00d4ff;font-weight:700;">Melhor Kite</span>
          </div>
        </div>
      </div>
      <div class="class-mvp-row" onclick="toggleClassMvp(this)" style="border-radius:14px;overflow:hidden;border:1px solid rgba(249,168,38,0.12);cursor:pointer;">
        <div style="display:flex;align-items:center;gap:14px;padding:16px 18px;background:rgba(249,168,38,0.04);">
          <div style="width:44px;height:44px;border-radius:12px;background:rgba(249,168,38,0.12);border:1px solid rgba(249,168,38,0.22);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;">✨</div>
          <div style="flex:1;">
            <div style="font-size:0.95rem;font-weight:800;color:#fff;">Priest / High Priest</div>
            <div style="font-size:0.72rem;color:rgba(122,144,176,0.60);margin-top:2px;">Suporte · Tank Undead</div>
          </div>
          <div style="display:flex;flex-direction:column;align-items:flex-end;gap:4px;">
            <div style="display:flex;gap:2px;">
              <span style="width:10px;height:10px;border-radius:50%;background:#f9a826;"></span>
              <span style="width:10px;height:10px;border-radius:50%;background:#f9a826;"></span>
              <span style="width:10px;height:10px;border-radius:50%;background:#f9a826;"></span>
              <span style="width:10px;height:10px;border-radius:50%;background:rgba(122,144,176,0.20);"></span>
              <span style="width:10px;height:10px;border-radius:50%;background:rgba(122,144,176,0.20);"></span>
            </div>
            <div style="font-size:0.60rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(249,168,38,0.60);font-weight:700;">Suporte Vital</div>
          </div>
          <span class="class-chevron" style="color:rgba(122,144,176,0.40);font-size:0.7rem;margin-left:4px;">▼</span>
        </div>
        <div class="class-mvp-detail" style="display:none;padding:14px 18px 16px;background:rgba(0,0,0,0.22);border-top:1px solid rgba(249,168,38,0.08);">
          <p style="font-size:0.86rem;color:rgba(176,192,224,0.78);line-height:1.70;margin:0 0 10px;">Substitua com estratégia para Priest. Ele pode tankar MVPs Undead com Heal, e em party é fundamental para Resurrect e buffs. Detalhes de como maximizar eficiência.</p>
        </div>
      </div>
      <!-- ▲ Adicione mais classes seguindo o mesmo padrão ▲ -->


    </div>
<div style="max-width:1280px;margin:0 auto;padding:0 28px 60px;">
<div id="timero-mvp-guide-app" data-guide="mvp" style="margin:0 0 32px 0;">
  <div style="background:linear-gradient(135deg,rgba(8,14,26,0.94),rgba(4,8,18,0.99));border:1px solid rgba(255,61,90,0.20);border-radius:14px;padding:24px;color:#ff3d5a;text-align:center;font-weight:900;letter-spacing:0.04em;">
    Carregando Guia de Caça a MVPs do TimeRO...
   </div>
   </div>
</div>
</div>
<!-- /CLASS STRATEGIES -->
<!-- ═══════════════════════════════════════════════════════════
    MOST VALUABLE DROPS — LOOT GUIDE
═══════════════════════════════════════════════════════════ -->
<div style="background:#04060d;padding:52px 64px;border-bottom:1px solid rgba(255,255,255,0.05);">
  <div style="max-width:1040px;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;">
        <span style="font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:#f9c500;font-weight:700;">// Loot Guide</span>
      </div>
      <h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 8px;border:none;">Os drops mais valiosos</h2>
      <p style="color:rgba(122,144,176,0.70);font-size:0.92rem;margin:0;">O que vende por mais Zeny e o que você deve guardar para usar.</p>
    </div>
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:18px;">
      <!-- Sell: High-value drops -->
      <div style="background:rgba(0,0,0,0.30);border:1px solid rgba(249,197,0,0.16);border-radius:16px;overflow:hidden;">
        <div style="padding:14px 18px;background:rgba(249,197,0,0.08);border-bottom:1px solid rgba(249,197,0,0.10);display:flex;align-items:center;gap:8px;">
          <span style="font-size:1rem;">💰</span>
          <span style="font-size:0.80rem;font-weight:800;color:#f9c500;letter-spacing:0.06em;text-transform:uppercase;">Para Vender no Market</span>
        </div>
        <div style="padding:16px 18px;display:flex;flex-direction:column;gap:10px;">
          <!-- Loot item row — repeat for each valuable drop -->
          <div style="display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);">
            <div style="display:flex;align-items:center;gap:10px;">
              <div style="width:32px;height:32px;border-radius:8px;background:rgba(249,197,0,0.12);border:1px solid rgba(249,197,0,0.22);display:flex;align-items:center;justify-content:center;font-size:1rem;">⚗️</div>
              <div>
                <div style="font-size:0.88rem;font-weight:700;color:#e8eef8;">Nome do Item Valioso</div>
                <div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">Drop de: MVP ???</div>
              </div>
            </div>
            <div style="text-align:right;">
              <div style="font-size:0.82rem;font-weight:800;color:#f9c500;">???M z</div>
              <div style="font-size:0.62rem;color:rgba(122,144,176,0.50);">Valor aprox.</div>
            </div>
          </div>
          <div style="display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);">
            <div style="display:flex;align-items:center;gap:10px;">
              <div style="width:32px;height:32px;border-radius:8px;background:rgba(249,197,0,0.12);border:1px solid rgba(249,197,0,0.22);display:flex;align-items:center;justify-content:center;font-size:1rem;">🃏</div>
              <div>
                <div style="font-size:0.88rem;font-weight:700;color:#e8eef8;">Carta MVP Valiosa</div>
                <div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">Drop de: MVP ???</div>
              </div>
            </div>
            <div style="text-align:right;">
              <div style="font-size:0.82rem;font-weight:800;color:#f9c500;">???M z</div>
              <div style="font-size:0.62rem;color:rgba(122,144,176,0.50);">Valor aprox.</div>
            </div>
          </div>
          <div style="display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);">
            <div style="display:flex;align-items:center;gap:10px;">
              <div style="width:32px;height:32px;border-radius:8px;background:rgba(249,197,0,0.12);border:1px solid rgba(249,197,0,0.22);display:flex;align-items:center;justify-content:center;font-size:1rem;">🗡️</div>
              <div>
                <div style="font-size:0.88rem;font-weight:700;color:#e8eef8;">Equip Raro</div>
                <div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">Drop de: MVP ???</div>
              </div>
            </div>
            <div style="text-align:right;">
              <div style="font-size:0.82rem;font-weight:800;color:#f9c500;">???M z</div>
              <div style="font-size:0.62rem;color:rgba(122,144,176,0.50);">Valor aprox.</div>
            </div>
          </div>
        </div>
      </div>
      <!-- Keep: Best items to equip -->
      <div style="background:rgba(0,0,0,0.30);border:1px solid rgba(176,108,255,0.14);border-radius:16px;overflow:hidden;">
        <div style="padding:14px 18px;background:rgba(176,108,255,0.07);border-bottom:1px solid rgba(176,108,255,0.10);display:flex;align-items:center;gap:8px;">
          <span style="font-size:1rem;">🏆</span>
          <span style="font-size:0.80rem;font-weight:800;color:#b06cff;letter-spacing:0.06em;text-transform:uppercase;">Para Guardar e Usar</span>
        </div>
        <div style="padding:16px 18px;display:flex;flex-direction:column;gap:10px;">
          <div style="display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);">
            <div style="display:flex;align-items:center;gap:10px;">
              <div style="width:32px;height:32px;border-radius:8px;background:rgba(176,108,255,0.12);border:1px solid rgba(176,108,255,0.22);display:flex;align-items:center;justify-content:center;font-size:1rem;">🃏</div>
              <div>
                <div style="font-size:0.88rem;font-weight:700;color:#e8eef8;">Carta MVP Top-Tier</div>
                <div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">Efeito: substitua</div>
              </div>
            </div>
            <div style="text-align:right;">
              <div style="font-size:0.72rem;font-weight:700;color:#b06cff;letter-spacing:0.04em;text-transform:uppercase;">BIS</div>
              <div style="font-size:0.62rem;color:rgba(122,144,176,0.50);">Best in slot</div>
            </div>
          </div>


          <div style="display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);">
<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;padding:20px;color:rgba(180,205,230,0.72);font-size:0.9rem;line-height:1.65;">
            <div style="display:flex;align-items:center;gap:10px;">
<strong style="color:#ff3d5a;">Nota técnica:</strong> se você ainda estiver vendo texto como <code>&lt;input&gt;</code>, <code>&lt;button&gt;</code> ou <code>onclick=</code> impresso na página, a versão nova do <strong>MediaWiki:Common.js</strong> ainda não foi aplicada ou o cache da wiki/navegador ainda não foi limpo.
              <div style="width:32px;height:32px;border-radius:8px;background:rgba(176,108,255,0.12);border:1px solid rgba(176,108,255,0.22);display:flex;align-items:center;justify-content:center;font-size:1rem;">🛡️</div>
              <div>
                <div style="font-size:0.88rem;font-weight:700;color:#e8eef8;">Armadura MVP</div>
                <div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">Efeito: substitua</div>
              </div>
            </div>
            <div style="text-align:right;">
              <div style="font-size:0.72rem;font-weight:700;color:#b06cff;letter-spacing:0.04em;text-transform:uppercase;">Endgame</div>
              <div style="font-size:0.62rem;color:rgba(122,144,176,0.50);">Essencial</div>
            </div>
          </div>
 
          <div style="display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);">
            <div style="display:flex;align-items:center;gap:10px;">
              <div style="width:32px;height:32px;border-radius:8px;background:rgba(176,108,255,0.12);border:1px solid rgba(176,108,255,0.22);display:flex;align-items:center;justify-content:center;font-size:1rem;">💎</div>
              <div>
                <div style="font-size:0.88rem;font-weight:700;color:#e8eef8;">Item Endgame Raro</div>
                <div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">Efeito: substitua</div>
              </div>
            </div>
            <div style="text-align:right;">
              <div style="font-size:0.72rem;font-weight:700;color:#b06cff;letter-spacing:0.04em;text-transform:uppercase;">Raro</div>
              <div style="font-size:0.62rem;color:rgba(122,144,176,0.50);">Alto impacto</div>
            </div>
          </div>
 
        </div>
      </div>
    </div>
  </div>
</div>
</div>
<!-- /LOOT GUIDE -->
<!-- ═══════════════════════════════════════════════════════════
    RELATED GUIDES + EDIT CTA
═══════════════════════════════════════════════════════════ -->
<div style="background:#07080f;padding:52px 64px;">
  <div style="max-width:1000px;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(0,212,255,0.08);border:1px solid rgba(0,212,255,0.18);margin-bottom:12px;">
        <span style="font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:#00d4ff;font-weight:700;">// Continue aprendendo</span>
      </div>
      <h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 8px;border:none;">Guias relacionados</h2>
    </div>
    <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:32px;">
      [[Beginner Leveling Guide|<div style="padding:20px 18px;border-radius:14px;background:linear-gradient(160deg,rgba(10,18,30,0.97),rgba(6,12,22,0.98));border:1px solid rgba(0,255,136,0.16);cursor:pointer;">
        <div style="font-size:1.6rem;margin-bottom:8px;">🌿</div>
        <div style="font-size:0.60rem;letter-spacing:0.14em;text-transform:uppercase;color:#00ff88;font-weight:700;margin-bottom:5px;">ANTES DOS MVPs</div>
        <div style="font-size:0.95rem;font-weight:800;color:#fff;margin-bottom:6px;">Guia de Leveling</div>
        <div style="font-size:0.82rem;color:rgba(122,144,176,0.70);line-height:1.55;">Chegue ao nível necessário para encarar MVPs com segurança.</div>
        <div style="margin-top:12px;font-size:0.72rem;font-weight:700;color:#00ff88;letter-spacing:0.06em;text-transform:uppercase;">Ler →</div>
      </div>]]
      [[Farming Guide|<div style="padding:20px 18px;border-radius:14px;background:linear-gradient(160deg,rgba(10,18,30,0.97),rgba(6,12,22,0.98));border:1px solid rgba(249,168,38,0.16);cursor:pointer;">
        <div style="font-size:1.6rem;margin-bottom:8px;">💰</div>
        <div style="font-size:0.60rem;letter-spacing:0.14em;text-transform:uppercase;color:#f9a826;font-weight:700;margin-bottom:5px;">ECONOMIA</div>
        <div style="font-size:0.95rem;font-weight:800;color:#fff;margin-bottom:6px;">Guia de Farming</div>
        <div style="font-size:0.82rem;color:rgba(122,144,176,0.70);line-height:1.55;">Farm Zeny para comprar consumíveis e gear antes de iniciar a caça.</div>
        <div style="margin-top:12px;font-size:0.72rem;font-weight:700;color:#f9a826;letter-spacing:0.06em;text-transform:uppercase;">Ler →</div>
      </div>]]
      [[PvP|<div style="padding:20px 18px;border-radius:14px;background:linear-gradient(160deg,rgba(10,18,30,0.97),rgba(6,12,22,0.98));border:1px solid rgba(176,108,255,0.16);cursor:pointer;">
        <div style="font-size:1.6rem;margin-bottom:8px;">⚔️</div>
        <div style="font-size:0.60rem;letter-spacing:0.14em;text-transform:uppercase;color:#b06cff;font-weight:700;margin-bottom:5px;">COMPETITIVO</div>
        <div style="font-size:0.95rem;font-weight:800;color:#fff;margin-bottom:6px;">Sistema PvP</div>
        <div style="font-size:0.82rem;color:rgba(122,144,176,0.70);line-height:1.55;">Dispute MVPs com outros jogadores. Entenda as regras de KS e combate.</div>
        <div style="margin-top:12px;font-size:0.72rem;font-weight:700;color:#b06cff;letter-spacing:0.06em;text-transform:uppercase;">Ler →</div>
      </div>]]
    </div>
    <!-- Edit CTA -->
    <div style="padding:22px;border-radius:14px;background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.06);text-align:center;">
      <div style="font-size:1rem;margin-bottom:6px;">⚔️</div>
      <div style="font-size:0.92rem;font-weight:700;color:#e8eef8;margin-bottom:4px;">Conhece um MVP que não está documentado?</div>
      <div style="font-size:0.84rem;color:rgba(122,144,176,0.60);margin-bottom:14px;">Contribua com o dossiê! A comunidade agradece.</div>
      [[MVP_Hunting_Guide/talk|<span style="display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;background:rgba(255,61,90,0.09);border:1px solid rgba(255,61,90,0.20);color:rgba(255,61,90,0.75);font-size:0.82rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;">💬 Discussão do Guia</span>]]
      &nbsp;&nbsp;
      [https://timero.com.br/discord <span style="display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;background:rgba(114,137,218,0.10);border:1px solid rgba(114,137,218,0.20);color:#7289da;font-size:0.82rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;">Discord TimeRO</span>]
    </div>
  </div>
</div>
</div>
<!-- /RELATED -->
<!-- Hazard tape bottom -->
<div style="height:6px;background:repeating-linear-gradient(90deg,#ff3d5a 0,#ff3d5a 32px,#ff6b00 32px,#ff6b00 64px,transparent 64px,transparent 80px);opacity:0.7;"></div>


</div>
</div>
<!-- /mvp-guide-root -->
<!-- ═══════════════════════════════════════════════════════════
    JAVASCRIPT
    Move to MediaWiki:Common.js if $wgRawHtml is not enabled.
═══════════════════════════════════════════════════════════ -->
<script>
/* ── Boss dossier toggle ────────────────────────── */
function toggleBoss(card) {
  if (!card) return;
  var dossier = card.querySelector('.boss-dossier');
  var chevron = card.querySelector('.boss-chevron');
  if (!dossier) return;
  var open = dossier.style.display !== 'none';
  dossier.style.display = open ? 'none' : 'block';
  if (chevron) chevron.textContent = open ? '▼ Dossiê' : '▲ Fechar';
  card.style.boxShadow = open ? '' : '0 0 32px rgba(255,61,90,0.12)';
}
/* ── Tier filter ────────────────────────────────── */
var currentTier = 'all';
function filterTier(tier) {
  currentTier = tier;
  var btns = document.querySelectorAll('.tf-btn');
  btns.forEach(function(b) {
    b.style.opacity = '0.45';
    b.style.fontWeight = '700';
  });
  var active = document.getElementById('tf-' + tier);
  if (active) { active.style.opacity = '1'; active.style.fontWeight = '900'; }
  var cards = document.querySelectorAll('.boss-card');
  var shown = 0;
  cards.forEach(function(c) {
    var t = c.dataset.tier;
    var show = tier === 'all' || t === tier;
    c.style.display = show ? '' : 'none';
    if (show) shown++;
  });
  var label = document.getElementById('boss-count-label');
  if (label) label.textContent = shown + (shown === 1 ? ' MVP exibido' : ' MVPs exibidos');
}
/* ── Sort bosses ────────────────────────────────── */
function sortBosses(by) {
  var btns = document.querySelectorAll('.sort-btn');
  btns.forEach(function(b) { b.style.background = 'rgba(255,255,255,0.06)'; b.style.borderColor = 'rgba(255,255,255,0.10)'; b.style.color = 'rgba(232,238,248,0.65)'; });
  var active = document.getElementById('sort-' + by);
  if (active) { active.style.background = 'rgba(255,61,90,0.12)'; active.style.borderColor = 'rgba(255,61,90,0.30)'; active.style.color = '#ff3d5a'; }
  var grid = document.getElementById('boss-grid');
  if (!grid) return;
  var cards = Array.from(grid.querySelectorAll('.boss-card'));
  cards.sort(function(a, b) {
    if (by === 'danger') return parseInt(b.dataset.danger || 0) - parseInt(a.dataset.danger || 0);
    if (by === 'exp') return parseInt(b.dataset.exp || 0) - parseInt(a.dataset.exp || 0);
    if (by === 'respawn') return parseInt(a.dataset.respawn || 0) - parseInt(b.dataset.respawn || 0);
    return 0;
  });
  cards.forEach(function(c) { grid.appendChild(c); });
}
/* ── Class MVP rows ─────────────────────────────── */
function toggleClassMvp(row) {
  var detail = row.querySelector('.class-mvp-detail');
  var chevron = row.querySelector('.class-chevron');
  if (!detail) return;
  var open = detail.style.display !== 'none';
  detail.style.display = open ? 'none' : 'block';
  if (chevron) chevron.style.transform = open ? 'rotate(0deg)' : 'rotate(180deg)';
}
/* ── Timer tracker ──────────────────────────────── */
var timers = {};
var timerIntervals = {};
function logKill(btn, name, respawnMins) {
  var killTime = Date.now();
  var respawnMs = respawnMins * 60 * 1000;
  var id = 'timer-' + Date.now();
  var empty = document.getElementById('timer-empty');
  if (empty) empty.style.display = 'none';
  var list = document.getElementById('timer-list');
  if (!list) return;
  var row = document.createElement('div');
  row.id = id;
  row.style.cssText = 'display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:13px 16px;border-radius:12px;background:rgba(0,212,255,0.05);border:1px solid rgba(0,212,255,0.14);';
  var killTs = new Date(killTime);
  var h = killTs.getHours().toString().padStart(2,'0');
  var m = killTs.getMinutes().toString().padStart(2,'0');
  row.innerHTML = '<div>' +
    '<div style="font-size:0.90rem;font-weight:800;color:#fff;margin-bottom:2px;">💀 ' + name + '</div>' +
    '<div style="font-size:0.70rem;color:rgba(122,144,176,0.55);">Kill: ' + h + ':' + m + ' &nbsp;·&nbsp; Respawn: ' + respawnMins + 'min</div>' +
    '</div>' +
    '<div id="' + id + '-countdown" style="font-size:1.10rem;font-weight:900;color:#00d4ff;font-variant-numeric:tabular-nums;min-width:80px;text-align:right;"></div>' +
    '<button onclick="removeTimer(\'' + id + '\')" style="padding:5px 10px;border-radius:6px;background:rgba(255,61,90,0.08);border:1px solid rgba(255,61,90,0.20);color:rgba(255,61,90,0.60);font-size:0.72rem;cursor:pointer;font-family:inherit;">✕</button>';
  list.insertBefore(row, list.firstChild);
  timers[id] = { killTime: killTime, respawnMs: respawnMs, name: name };
  timerIntervals[id] = setInterval(function() {
    var el = document.getElementById(id + '-countdown');
    if (!el) { clearInterval(timerIntervals[id]); return; }
    var remaining = (timers[id].killTime + timers[id].respawnMs) - Date.now();
    if (remaining <= 0) {
      el.textContent = '🔴 SPAWN!';
      el.style.color = '#ff3d5a';
      clearInterval(timerIntervals[id]);
    } else {
      var rs = Math.floor(remaining / 1000);
      var rm = Math.floor(rs / 60);
      var rh = Math.floor(rm / 60);
      el.textContent = rh > 0
        ? rh + 'h ' + (rm % 60).toString().padStart(2,'0') + 'm'
        : (rm % 60).toString().padStart(2,'0') + 'm ' + (rs % 60).toString().padStart(2,'0') + 's';
    }
  }, 1000);
  /* Scroll to tracker */
  document.getElementById('timer-tracker').scrollIntoView({ behavior: 'smooth', block: 'center' });
  if (btn) { btn.textContent = '✓ Timer iniciado!'; btn.style.color = '#00ff88'; setTimeout(function() { btn.textContent = '💀 Registrar Kill & Iniciar Timer'; btn.style.color = ''; }, 3000); }
}
function removeTimer(id) {
  clearInterval(timerIntervals[id]);
  delete timers[id];
  var row = document.getElementById(id);
  if (row) row.remove();
  var remaining = document.querySelectorAll('#timer-list > div:not(#timer-empty)').length;
  if (remaining === 0) {
    var empty = document.getElementById('timer-empty');
    if (empty) empty.style.display = 'block';
  }
}
function manualAddTimer() {
  var name = document.getElementById('manual-mvp-name').value.trim() || 'MVP';
  var respawn = parseInt(document.getElementById('manual-mvp-respawn').value) || 60;
  logKill(null, name, respawn);
  document.getElementById('manual-mvp-name').value = '';
  document.getElementById('manual-mvp-respawn').value = '';
}
function clearAllTimers() {
  Object.keys(timerIntervals).forEach(function(id) { clearInterval(timerIntervals[id]); });
  timers = {}; timerIntervals = {};
  var list = document.getElementById('timer-list');
  if (list) {
    var rows = list.querySelectorAll('div:not(#timer-empty)');
    rows.forEach(function(r) { r.remove(); });
    var empty = document.getElementById('timer-empty');
    if (empty) empty.style.display = 'block';
  }
}
/* ── Copy map code ──────────────────────────────── */
function copyMapCode(code, btn) {
  if (navigator.clipboard) {
    navigator.clipboard.writeText(code).then(function() {
      var orig = btn.textContent;
      btn.textContent = '✓ Copiado!';
      btn.style.background = 'rgba(0,255,136,0.12)';
      btn.style.borderColor = 'rgba(0,255,136,0.30)';
      btn.style.color = '#00ff88';
      setTimeout(function() { btn.textContent = orig; btn.style.background = ''; btn.style.borderColor = ''; btn.style.color = ''; }, 2000);
    });
  }
}
/* ── Init ───────────────────────────────────────── */
document.addEventListener('DOMContentLoaded', function() {
  /* Set settings menu */
  var sb = document.getElementById('settingsButton'), sm = document.getElementById('settingsMenu');
  if (sb && sm) sb.addEventListener('click', function() { sm.style.right = sm.style.right === '20px' ? '-300px' : '20px'; });
  /* Init tier filter to all selected */
  filterTier('all');
  /* Smooth anchor scrolling */
  document.querySelectorAll('a[href^="#"]').forEach(function(a) {
    a.addEventListener('click', function(e) {
      var id = this.getAttribute('href').slice(1);
      var el = document.getElementById(id);
      if (el) { e.preventDefault(); el.scrollIntoView({ behavior: 'smooth', block: 'start' }); }
    });
  });
  /* Mobile padding fix */
  if (window.innerWidth < 900) {
    document.querySelectorAll('[style*="padding:52px 64px"],[style*="padding:48px 64px"],[style*="padding:40px 64px"],[style*="padding:60px 64px"],[style*="padding:16px 64px"]').forEach(function(el) {
      el.style.paddingLeft = '18px';
      el.style.paddingRight = '18px';
    });
  }
});
</script>


[[Category:Guides]]
[[Category:Guides]]
[[Category:Advanced]]
[[Category:Boss Hunting]]
[[Category:MVP]]
[[Category:MVP]]
[[Category:Bosses]]
[[Category:TimeRO Guides]]

Latest revision as of 17:16, 30 April 2026



// Hunter Dossier

Guia de Caça
a MVPs
Encontre, filtre, ordene e rastreie MVPs no TimeRO. Esta versão foi revisada para não usar JavaScript inline dentro da página wiki; filtros, dossiês e timers são criados com segurança pelo MediaWiki:Common.js.
💀
Tiers
S / A / B
🔥
Dossiês
Stats e drops
⏱️
Timers
Respawn local
⚔️
Builds
Preparação
   Carregando Guia de Caça a MVPs do TimeRO...

Nota técnica: se você ainda estiver vendo texto como <input>, <button> ou onclick= impresso na página, a versão nova do MediaWiki:Common.js ainda não foi aplicada ou o cache da wiki/navegador ainda não foi limpo.