Guia de Caça a MVPs: Difference between revisions
(Created page with "__NOTOC__ __NOEDITSECTION__ <!-- TimeRO Wiki — Guia de Leveling Iniciante --> <!-- Design: Dark Command Center · AAA Game Wiki Aesthetic --> <!-- Interactive: Phase navigator, expandable sections, checklist, class filter --> <div id="leveling-guide-root" style="margin:-1em -1.5em;font-family:'Segoe UI',system-ui,sans-serif;background:#05080f;min-height:100vh;color:#e8eef8;"> <!-- ═════════════════════════════...") |
No edit summary |
||
| Line 1: | Line 1: | ||
__NOTOC__ | __NOTOC__ | ||
__NOEDITSECTION__ | __NOEDITSECTION__ | ||
<!-- TimeRO Wiki — Guia de | <!-- TimeRO Wiki — Guia de Caça a MVPs --> | ||
<!-- Design: | <!-- Design: "Hunter's Dossier" — classified target files, crimson threat system --> | ||
<!-- Interactive: | <!-- Interactive: Tier filter, boss dossier expand, drop bars, timer tracker, sort --> | ||
<div id=" | <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;"> | ||
<!-- ═══════════════════════════════════════════════════════════ | <!-- ═══════════════════════════════════════════════════════════ | ||
CLASSIFIED TAPE — top of page decoration | |||
═══════════════════════════════════════════════════════════ --> | ═══════════════════════════════════════════════════════════ --> | ||
<div | <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> | |||
<!-- ═══════════════════════════════════════════════════════════ | <!-- ═══════════════════════════════════════════════════════════ | ||
HERO | HERO — THREAT LEVEL BANNER | ||
═══════════════════════════════════════════════════════════ --> | ═══════════════════════════════════════════════════════════ --> | ||
<div style="background:linear-gradient(160deg,# | <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="position:absolute;inset:0;background-image:linear-gradient(rgba( | <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> | ||
<!-- Glow orbs --> | <!-- Glow orbs --> | ||
<div style="position:absolute;top:- | <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="position:absolute; | <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> | ||
<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: | <div style="position:relative;z-index:1;max-width:900px;"> | ||
<!-- Breadcrumb --> | <!-- Breadcrumb --> | ||
<div style="display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:0.78rem;color:rgba(122,144,176,0. | <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( | [[Main_Page|<span style="color:rgba(255,61,90,0.65);">TimeRO Wiki</span>]] | ||
<span style="opacity:0.4;">›</span> | <span style="opacity:0.4;">›</span> | ||
[[Guides|<span style="color:rgba(122,144,176,0. | [[Guides|<span style="color:rgba(122,144,176,0.60);">Guias</span>]] | ||
<span style="opacity:0.4;">›</span> | <span style="opacity:0.4;">›</span> | ||
<span style="color:#e8eef8;"> | <span style="color:#e8eef8;">Caça a MVPs</span> | ||
</div> | </div> | ||
<!-- | <!-- Threat classification badge row --> | ||
<div style="display:flex;gap:8px;flex-wrap:wrap;margin-bottom: | <div style="display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;"> | ||
<span style="display:inline-flex;align-items:center;gap: | <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: | <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: | <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> | </div> | ||
<!-- Title --> | <!-- Title --> | ||
<h1 style="font-size:clamp(2. | <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 | Guia de Caça<br> | ||
<span style="background:linear-gradient(90deg,# | <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> | </h1> | ||
<p style="font-size:1.05rem;color:rgba(176,192,224,0. | <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 | <!-- Meta --> | ||
<div style="display:flex;gap:20px;flex-wrap:wrap;align-items:center;"> | <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. | <div style="display:flex;align-items:center;gap:7px;font-size:0.82rem;color:rgba(122,144,176,0.65);"> | ||
<span> | <span>📅</span><span>Última atualização: <strong style="color:#e8eef8;">Março 2025</strong></span> | ||
</div> | </div> | ||
<div style="display:flex;align-items:center;gap:7px;font-size:0.82rem;color:rgba(122,144,176,0. | <div style="display:flex;align-items:center;gap:7px;font-size:0.82rem;color:rgba(122,144,176,0.65);"> | ||
<span> | <span>💀</span><span>[[MVP_Hunting_Guide/talk|Reportar erro / Discussão]]</span> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 106: | Line 70: | ||
<!-- ═══════════════════════════════════════════════════════════ | <!-- ═══════════════════════════════════════════════════════════ | ||
STAT BAR | |||
═══════════════════════════════════════════════════════════ --> | ═══════════════════════════════════════════════════════════ --> | ||
<div style="background:# | <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. | <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="padding:22px | <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:1. | <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 style="font-size:0. | </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> | ||
<div style="padding:22px | <div style="padding:20px 22px;border-right:1px solid rgba(255,255,255,0.05);text-align:center;"> | ||
<div style="font-size:1. | <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. | <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> | ||
<div style="padding:22px | <div style="padding:20px 22px;text-align:center;"> | ||
<div style="font-size:1. | <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. | <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> | |||
<div style="font-size:1. | </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> | </div> | ||
<div style=" | |||
<div style="font-size:1. | <!-- Key rules cards --> | ||
<div style="font-size:0 | <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> | </div> | ||
</div> | </div> | ||
<!-- /EXPLAINER --> | |||
<!-- ═══════════════════════════════════════════════════════════ | <!-- ═══════════════════════════════════════════════════════════ | ||
TIER FILTER + SORT BAR (STICKY) | |||
═══════════════════════════════════════════════════════════ --> | ═══════════════════════════════════════════════════════════ --> | ||
<div style="background: | <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: | <div style="display:flex;align-items:center;gap:14px;flex-wrap:wrap;"> | ||
<span | <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=" | <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=" | <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=" | <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=" | <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> | ||
</div> | </div> | ||
<!-- /TIER FILTER --> | |||
<!-- ═══════════════════════════════════════════════════════════ | <!-- ═══════════════════════════════════════════════════════════ | ||
MVP BOSS CARDS | |||
═══════════════════════════════════════════════════════════ --> | ═══════════════════════════════════════════════════════════ --> | ||
<div id=" | <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> | ||
</div> | </div> | ||
<!-- | <!-- Danger stars + expand --> | ||
<div style=" | <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) --> | ||
<span style="font-size: | <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> | </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> | ||
</div> | </div> | ||
<!-- | <!-- EXPANDABLE DOSSIER --> | ||
<div style=" | <div class="boss-dossier" style="display:none;padding:20px 22px;border-top:1px solid rgba(255,61,90,0.10);"> | ||
<!-- Full stat block --> | |||
<div | <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> | ||
<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 | <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 | <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> | ||
<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 | <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 | <div style="font-size:0.92rem;font-weight:800;color:#e8eef8;">???</div> | ||
< | |||
</div> | </div> | ||
</div> | |||
<!-- Location --> | |||
<div | <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> | </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;"> | |||
<span style="font-size:0. | <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> | ||
<div style="height:6px;border-radius:999px;background:rgba(255,255,255,0.06);overflow:hidden;"> | |||
<div | <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> | </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> | </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> | |||
<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; | <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> | ||
</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 & Iniciar Timer | |||
</button> | |||
</div> | |||
</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;"> | |||
<span> | <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> | ||
<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> | </div> | ||
<div style="display:flex;flex-direction:column;align-items:flex-end;gap:8px;"> | |||
<div style=" | <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> | </div> | ||
<span class="boss-chevron" style="font-size:0.7rem;color:rgba(122,144,176,0.45);">▼ Dossiê</span> | |||
</div> | </div> | ||
</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 & Iniciar Timer</button> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- / | <!-- /A-TIER BOSS --> | ||
<div style="display: | <!-- B-TIER BOSS TEMPLATE --> | ||
<div style="width:64px;height:64px;border-radius: | <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 | <div style="position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#7a90b0,transparent);"></div> | ||
<div style="display:flex;align-items:center;gap: | <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(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> | ||
< | <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 style=" | |||
< | |||
< | |||
</div> | </div> | ||
</div> | </div> | ||
<div style=" | <div style="display:flex;flex-direction:column;align-items:flex-end;gap:8px;"> | ||
<div style="display:flex;gap:2px;"> | |||
<div style=" | <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> | </div> | ||
<span class="boss-chevron" style="font-size:0.7rem;color:rgba(122,144,176,0.45);">▼ Dossiê</span> | |||
</div> | </div> | ||
</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 & Iniciar Timer</button> | |||
</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> | </div> | ||
<!-- /boss-grid --> | |||
</div> | </div> | ||
<!-- / | <!-- /BOSS CARDS SECTION --> | ||
<!-- ═══════════════════════════════════════════════════════════ | <!-- ═══════════════════════════════════════════════════════════ | ||
LIVE MVP TIMER TRACKER | |||
═══════════════════════════════════════════════════════════ --> | ═══════════════════════════════════════════════════════════ --> | ||
<div id=" | <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=" | <div style="max-width:900px;margin:0 auto;"> | ||
<div style=" | <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;"> | |||
<div style="display:flex;align-items:center;gap: | <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> | </div> | ||
<h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 8px;border:none | <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=" | <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> | </div> | ||
<!-- Active timers list --> | |||
<div | <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> | ||
</div> | </div> | ||
<div style="background:rgba(0,0,0,0. | |||
<div style=" | <!-- 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> | </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> | </div> | ||
</div> | </div> | ||
<!-- / | <!-- /TIMER TRACKER --> | ||
<!-- ═══════════════════════════════════════════════════════════ | <!-- ═══════════════════════════════════════════════════════════ | ||
HUNTING STRATEGY | |||
═══════════════════════════════════════════════════════════ --> | ═══════════════════════════════════════════════════════════ --> | ||
<div | <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> | |||
<div style="font-size:0. | <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> | ||
<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> | ||
</div> | </div> | ||
<div style=" | |||
<!-- 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> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- / | <!-- /STRATEGY --> | ||
<!-- ═══════════════════════════════════════════════════════════ | <!-- ═══════════════════════════════════════════════════════════ | ||
CLASS STRATEGIES FOR MVP HUNTING | |||
═══════════════════════════════════════════════════════════ --> | ═══════════════════════════════════════════════════════════ --> | ||
<div | <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> | ||
<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 style=" | |||
<div style="font-size:0. | |||
<div style="font-size:0. | |||
</div> | </div> | ||
<div style=" | <div style="display:flex;flex-direction:column;align-items:flex-end;gap:4px;"> | ||
<!-- MVP viability rating --> | |||
<div style="font-size:0. | <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> | </div> | ||
<div style="padding: | <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> | ||
</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> | ||
< | <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> | ||
</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 style="font-size:0. | |||
</div> | </div> | ||
<div style="display:flex;gap:10px; | <div style="display:flex;flex-direction:column;align-items:flex-end;gap:4px;"> | ||
<div style="display:flex;gap:2px;"> | |||
<div style="font-size:0. | <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> | </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;gap: | <div style="display:flex;flex-wrap:wrap;gap:6px;"> | ||
<span style=" | <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> | ||
</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="display:flex;align-items:center;gap: | <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 style="font-size:0. | |||
<div style="font-size:0. | |||
</div> | </div> | ||
<div style=" | <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 style="font-size:0. | </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> | </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> | ||
</div> | </div> | ||
<!-- ▲ Adicione mais classes seguindo o mesmo padrão ▲ --> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- / | <!-- /CLASS STRATEGIES --> | ||
<!-- ═══════════════════════════════════════════════════════════ | <!-- ═══════════════════════════════════════════════════════════ | ||
MOST VALUABLE DROPS — LOOT GUIDE | |||
═══════════════════════════════════════════════════════════ --> | ═══════════════════════════════════════════════════════════ --> | ||
<div | <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> | ||
<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> | ||
<div style="display:flex;flex- | |||
<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="font-size:0. | <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> | ||
<div style=" | <div style="text-align:right;"> | ||
<div style="font-size:0. | <div style="font-size:0.82rem;font-weight:800;color:#f9c500;">???M z</div> | ||
<div style="font-size:0. | <div style="font-size:0.62rem;color:rgba(122,144,176,0.50);">Valor aprox.</div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- | <!-- Keep: Best items to equip --> | ||
<div style="display:flex;gap: | <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=" | <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> | ||
<div style="display:flex;flex- | |||
<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="font-size:0. | <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;">Armadura MVP</div> | |||
<div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">Efeito: substitua</div> | |||
</div> | |||
</div> | </div> | ||
<div style=" | <div style="text-align:right;"> | ||
<div style="font-size:0. | <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 style="font-size:0. | |||
</div> | </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 style="font-size:0. | |||
</div> | </div> | ||
<div style=" | <div style="text-align:right;"> | ||
<div style="font-size:0. | <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. | <div style="font-size:0.62rem;color:rgba(122,144,176,0.50);">Alto impacto</div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- / | <!-- /LOOT GUIDE --> | ||
<!-- ═══════════════════════════════════════════════════════════ | <!-- ═══════════════════════════════════════════════════════════ | ||
RELATED GUIDES + EDIT CTA | |||
═══════════════════════════════════════════════════════════ --> | ═══════════════════════════════════════════════════════════ --> | ||
<div style="background:# | <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> | ||
<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> | |||
</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>]] | |||
| |||
[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> | </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 | JAVASCRIPT | ||
Move to MediaWiki:Common.js if $wgRawHtml is not enabled. | |||
═══════════════════════════════════════════════════════════ --> | ═══════════════════════════════════════════════════════════ --> | ||
<script> | <script> | ||
/* ── | /* ── Boss dossier toggle ────────────────────────── */ | ||
function | function toggleBoss(card) { | ||
var detail = | if (!card) return; | ||
var chevron = | 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; | if (!detail) return; | ||
var open = detail.style.display !== 'none'; | var open = detail.style.display !== 'none'; | ||
detail.style.display = open ? 'none' : 'block'; | detail.style.display = open ? 'none' : 'block'; | ||
if (chevron) chevron | if (chevron) chevron.style.transform = open ? 'rotate(0deg)' : 'rotate(180deg)'; | ||
} | } | ||
/* ── | /* ── Timer tracker ──────────────────────────────── */ | ||
function | var timers = {}; | ||
var | var timerIntervals = {}; | ||
var | |||
var | function logKill(btn, name, respawnMins) { | ||
var killTime = Date.now(); | |||
var respawnMs = respawnMins * 60 * 1000; | |||
if ( | 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 + ' · 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 id | var remaining = (timers[id].killTime + timers[id].respawnMs) - Date.now(); | ||
if ( | if (remaining <= 0) { | ||
el.textContent = '🔴 SPAWN!'; | |||
el.style.color = '#ff3d5a'; | |||
clearInterval(timerIntervals[id]); | |||
} else { | } 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 | 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 | var list = document.getElementById('timer-list'); | ||
var | if (list) { | ||
if ( | 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 | function copyMapCode(code, btn) { | ||
var | 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() { | ||
(function() { | /* Set settings menu */ | ||
var sb = document.getElementById('settingsButton'), sm = document.getElementById('settingsMenu'); | |||
if ( | 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> | </script> | ||
[[Category:Guides]] | [[Category:Guides]] | ||
[[Category: | [[Category:Advanced]] | ||
[[Category: | [[Category:Boss Hunting]] | ||
[[Category:MVP]] | |||
Revision as of 01:30, 13 April 2026
// O que é MVP?
Most Valuable Player — o maior desafio do servidor
MVPs são bosses de elite 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.
Substitua com informações específicas do servidor: taxa de drop custom, sistema de MVP points, mechanics exclusivas do TimeRO.
💀
🏆
⏱
⚔️
Filtrar por Tier:
Todos os MVPs
💀 S-Tier
🔥 A-Tier
⚡ B-Tier
Ordenar:
🔴 Dificuldade
📈 Base EXP
⏱ Respawn
// Rastreador ao Vivo
MVP Timer Tracker
Clique em "Registrar Kill" em qualquer dossiê acima para adicionar o MVP aqui. O contador começa automáticamente.
Mate um boss e clique em "Registrar Kill".
<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;">
<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;">
<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>
// Estratégia
Como caçar MVPs com eficiência
Princípios universais aplicáveis a qualquer boss do servidor.
Chegue preparado
Substitua com dicas reais de preparação: consumíveis necessários, nível mínimo, equipamentos essenciais para encarar MVPs no TimeRO.
Controle o respawn
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.
Kill speed é tudo
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.
⚠️
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.
// Builds por Classe
Qual classe usar para MVPs?
Cada classe tem vantagens específicas. Clique para ver a abordagem recomendada.
// Loot Guide
Os drops mais valiosos
O que vende por mais Zeny e o que você deve guardar para usar.
// Continue aprendendo
Guias relacionados
🌿ANTES DOS MVPsGuia de LevelingChegue ao nível necessário para encarar MVPs com segurança.Ler →
💰ECONOMIAGuia de FarmingFarm Zeny para comprar consumíveis e gear antes de iniciar a caça.Ler →
⚔️COMPETITIVOSistema PvPDispute MVPs com outros jogadores. Entenda as regras de KS e combate.Ler →
💬 Discussão do Guia Discord TimeRO
<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 = '
' + '
' +
'<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>