Guia de Farming: Difference between revisions
No edit summary Tag: Manual revert |
No edit summary |
||
| (37 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
__NOEDITSECTION__ | __NOEDITSECTION__ | ||
<!-- TimeRO Wiki — Guia de Farming de Zeny --> | <!-- TimeRO Wiki — Guia de Farming de Zeny --> | ||
<!-- Design: | <!-- Design: TimeRO Premium Ledger — upgraded to match the current dark/high-tech wiki visual system --> | ||
<!-- Unique interactives: method tabs, profit calculator, route viewer, loadout builder, efficiency bars --> | <!-- Unique interactives: method tabs, profit calculator, route viewer, loadout builder, efficiency bars --> | ||
<div id="farming-guide-root" style="margin: | <div id="farming-guide-root" class="timero-farming-ledger" style="margin:0;font-family:'Segoe UI',system-ui,sans-serif;background:transparent;min-height:auto;color:#e8eef8;"> | ||
| Line 61: | Line 61: | ||
<div style="position:absolute;bottom:60px;right:180px;width:60px;height:60px;border-radius:50%;border:2px solid rgba(249,197,0,0.08);pointer-events:none;"></div> | <div style="position:absolute;bottom:60px;right:180px;width:60px;height:60px;border-radius:50%;border:2px solid rgba(249,197,0,0.08);pointer-events:none;"></div> | ||
<div style="position:relative;z-index:1;max-width:900px;"> | <div style="position:relative;z-index:1;max-width:900px; left:15%;"> | ||
<!-- Breadcrumb --> | <!-- Breadcrumb --> | ||
<!-- Category pills --> | <!-- Category pills --> | ||
| Line 91: | Line 85: | ||
<div style="display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;background:rgba(0,0,0,0.35);border:1px solid rgba(249,197,0,0.18);"> | <div style="display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;background:rgba(0,0,0,0.35);border:1px solid rgba(249,197,0,0.18);"> | ||
<span style="font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.55);font-weight:700;">Melhor método:</span> | <span style="font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.55);font-weight:700;">Melhor método:</span> | ||
<span style="font-size:0.92rem;font-weight:900;color:#f9c500;"> | <span style="font-size:0.92rem;font-weight:900;color:#f9c500;">Geffênia 03</span> | ||
</div> | </div> | ||
<div style="display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;background:rgba(0,0,0,0.35);border:1px solid rgba(0,255,136,0.14);"> | <div style="display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;background:rgba(0,0,0,0.35);border:1px solid rgba(0,255,136,0.14);"> | ||
<span style="font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.55);font-weight:700;">Nível mínimo:</span> | <span style="font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.55);font-weight:700;">Nível mínimo:</span> | ||
<span style="font-size:0.92rem;font-weight:900;color:#00ff88;">Lv. | <span style="font-size:0.92rem;font-weight:900;color:#00ff88;">Lv. 80+ C/ Rondel</span> | ||
</div> | </div> | ||
<div style="display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;background:rgba(0,0,0,0.35);border:1px solid rgba(0,212,255,0.14);"> | <div style="display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;background:rgba(0,0,0,0.35);border:1px solid rgba(0,212,255,0.14);"> | ||
| Line 140: | Line 134: | ||
FARMING METHODS — 3-TAB SWITCHER | FARMING METHODS — 3-TAB SWITCHER | ||
═══════════════════════════════════════════════════════════ --> | ═══════════════════════════════════════════════════════════ --> | ||
<div id="methods-section" style="background:#07080f;padding:52px 64px;border-bottom:1px solid rgba(255,255,255,0.05);"> | <div id="methods-section" style="background:#07080f;padding:52px 64px;border-bottom:1px solid rgba(255,255,255,0.05);" data-open-method="grind"> | ||
<div style="max-width:1080px;margin:0 auto;"> | <div style="max-width:1080px;margin:0 auto;"> | ||
| Line 153: | Line 147: | ||
<!-- Method tab buttons --> | <!-- Method tab buttons --> | ||
<div style="display:flex;gap:0;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,0.07);margin-bottom:24px;background:rgba(0,0,0,0.30);"> | <div style="display:flex;gap:0;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,0.07);margin-bottom:24px;background:rgba(0,0,0,0.30);"> | ||
< | <div class="method-tab" data-method="grind" id="mtab-grind" style="flex:1;padding:16px 20px;background:linear-gradient(135deg,rgba(249,197,0,0.18),rgba(249,197,0,0.07));color:#f9c500;font-size:0.92rem;font-weight:900;letter-spacing:0.04em;text-transform:uppercase;cursor:pointer;font-family:inherit;border-right:1px solid rgba(255,255,255,0.07);transition:all 0.18s;text-align:center;user-select:none;white-space:nowrap;">⚔️ Grind Ativo</div> | ||
<div class="method-tab" data-method="market" id="mtab-market" style="flex:1;padding:16px 20px;background:transparent;color:rgba(0,212,255,0.60);font-size:0.92rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;cursor:pointer;font-family:inherit;border-right:1px solid rgba(255,255,255,0.07);transition:all 0.18s;text-align:center;user-select:none;white-space:nowrap;">🏪 Mercado</div> | |||
<div class="method-tab" data-method="passive" id="mtab-passive" style="flex:1;padding:16px 20px;background:transparent;color:rgba(176,108,255,0.60);font-size:0.92rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;cursor:pointer;font-family:inherit;transition:all 0.18s;text-align:center;user-select:none;white-space:nowrap;">💤 Renda Passiva</div> | |||
< | |||
< | |||
</div> | </div> | ||
| Line 167: | Line 155: | ||
<div id="method-grind" class="method-panel" style="display:grid;grid-template-columns:1fr 1fr;gap:20px;"> | <div id="method-grind" class="method-panel" style="display:grid;grid-template-columns:1fr 1fr;gap:20px;"> | ||
<div style="background:rgba(0,0,0,0.28);border:1px solid rgba(249,197,0,0.14);border-radius:16px;padding:24px 22px;"> | <div style="background:rgba(0,0,0,0.28);border:1px solid rgba(249,197,0,0.14);border-radius:16px;padding:24px 22px;"> | ||
<div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;"> | <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;"> | ||
| Line 178: | Line 165: | ||
<p style="font-size:0.88rem;color:rgba(176,192,224,0.78);line-height:1.70;margin:0 0 16px;">O método mais direto: você mata monstros, coleta os drops e vende no mercado. O lucro depende da eficiência de kills e do valor dos drops do mapa escolhido.</p> | <p style="font-size:0.88rem;color:rgba(176,192,224,0.78);line-height:1.70;margin:0 0 16px;">O método mais direto: você mata monstros, coleta os drops e vende no mercado. O lucro depende da eficiência de kills e do valor dos drops do mapa escolhido.</p> | ||
<p style="font-size:0.84rem;color:rgba(122,144,176,0.65);line-height:1.65;margin:0;">Substitua com as melhores rotas de grind ativo do servidor. Mencione quais classes têm vantagem, quais monstros dropar os itens mais valiosos e qual é o range ideal de nível.</p> | <p style="font-size:0.84rem;color:rgba(122,144,176,0.65);line-height:1.65;margin:0;">Substitua com as melhores rotas de grind ativo do servidor. Mencione quais classes têm vantagem, quais monstros dropar os itens mais valiosos e qual é o range ideal de nível.</p> | ||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;"> | <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;"> | ||
<div style="padding:10px 12px;border-radius:8px;background:rgba(0,255,136,0.05);border:1px solid rgba(0,255,136,0.12);"> | <div style="padding:10px 12px;border-radius:8px;background:rgba(0,255,136,0.05);border:1px solid rgba(0,255,136,0.12);"> | ||
| Line 199: | Line 186: | ||
</div> | </div> | ||
<div style="display:flex;flex-direction:column;gap:12px;"> | <div style="display:flex;flex-direction:column;gap:12px;"> | ||
<div style="background:rgba(0,0,0,0.28);border:1px solid rgba(249,197,0,0.12);border-radius:14px;padding:18px 20px;"> | <div style="background:rgba(0,0,0,0.28);border:1px solid rgba(249,197,0,0.12);border-radius:14px;padding:18px 20px;"> | ||
| Line 227: | Line 213: | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="background:rgba(0,0,0,0.28);border:1px solid rgba(249,197,0,0.12);border-radius:14px;padding:16px 20px;"> | <div style="background:rgba(0,0,0,0.28);border:1px solid rgba(249,197,0,0.12);border-radius:14px;padding:16px 20px;"> | ||
<div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(249,197,0,0.55);font-weight:700;margin-bottom:10px;">✅ Melhor para</div> | <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(249,197,0,0.55);font-weight:700;margin-bottom:10px;">✅ Melhor para</div> | ||
| Line 246: | Line 233: | ||
<p style="font-size:0.88rem;color:rgba(176,192,224,0.78);line-height:1.70;margin:0 0 14px;">O mercado é uma mina de ouro para quem conhece os preços. Compre itens sub-valorizados de outros jogadores e revenda com margem. Requer conhecimento profundo de preços.</p> | <p style="font-size:0.88rem;color:rgba(176,192,224,0.78);line-height:1.70;margin:0 0 14px;">O mercado é uma mina de ouro para quem conhece os preços. Compre itens sub-valorizados de outros jogadores e revenda com margem. Requer conhecimento profundo de preços.</p> | ||
<p style="font-size:0.84rem;color:rgba(122,144,176,0.65);line-height:1.65;margin:0;">Substitua com estratégias reais de trading do TimeRO: itens que oscilam bastante, horários de pico de oferta/demanda, quais itens de quest têm alta rotatividade.</p> | <p style="font-size:0.84rem;color:rgba(122,144,176,0.65);line-height:1.65;margin:0;">Substitua com estratégias reais de trading do TimeRO: itens que oscilam bastante, horários de pico de oferta/demanda, quais itens de quest têm alta rotatividade.</p> | ||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;"> | <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;"> | ||
<div style="padding:10px 12px;border-radius:8px;background:rgba(0,255,136,0.05);border:1px solid rgba(0,255,136,0.12);"> | <div style="padding:10px 12px;border-radius:8px;background:rgba(0,255,136,0.05);border:1px solid rgba(0,255,136,0.12);"> | ||
| Line 265: | Line 253: | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:flex;flex-direction:column;gap:12px;"> | <div style="display:flex;flex-direction:column;gap:12px;"> | ||
<div style="background:rgba(0,0,0,0.28);border:1px solid rgba(0,212,255,0.12);border-radius:14px;padding:18px 20px;"> | <div style="background:rgba(0,0,0,0.28);border:1px solid rgba(0,212,255,0.12);border-radius:14px;padding:18px 20px;"> | ||
| Line 274: | Line 263: | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="background:rgba(0,0,0,0.28);border:1px solid rgba(0,212,255,0.12);border-radius:14px;padding:16px 20px;"> | <div style="background:rgba(0,0,0,0.28);border:1px solid rgba(0,212,255,0.12);border-radius:14px;padding:16px 20px;"> | ||
<div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(0,212,255,0.55);font-weight:700;margin-bottom:10px;">✅ Melhor para</div> | <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(0,212,255,0.55);font-weight:700;margin-bottom:10px;">✅ Melhor para</div> | ||
| Line 289: | Line 279: | ||
<div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;"> | <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;"> | ||
<div style="width:44px;height:44px;border-radius:12px;background:rgba(176,108,255,0.14);border:1px solid rgba(176,108,255,0.26);display:flex;align-items:center;justify-content:center;font-size:1.3rem;">💤</div> | <div style="width:44px;height:44px;border-radius:12px;background:rgba(176,108,255,0.14);border:1px solid rgba(176,108,255,0.26);display:flex;align-items:center;justify-content:center;font-size:1.3rem;">💤</div> | ||
<div><div style="font-size:1.05rem;font-weight:900;color:#fff;">Renda Passiva</div><div style="font-size:0.72rem;color:rgba(122,144,176,0.60);">Quests · Vendor shop · | <div><div style="font-size:1.05rem;font-weight:900;color:#fff;">Renda Passiva</div><div style="font-size:0.72rem;color:rgba(122,144,176,0.60);">Quests · Vendor shop · Produção</div></div> | ||
</div> | </div> | ||
<p style="font-size:0.88rem;color:rgba(176,192,224,0.78);line-height:1.70;margin:0 0 14px;">Fontes de Zeny que geram renda enquanto você não está ativamente grindando: quests diárias, open shop, produção de itens | <p style="font-size:0.88rem;color:rgba(176,192,224,0.78);line-height:1.70;margin:0 0 14px;">Fontes de Zeny que geram renda enquanto você não está ativamente grindando: quests diárias, open shop, produção de itens e sistemas automáticos do servidor.</p> | ||
<p style="font-size:0.84rem;color:rgba(122,144,176,0.65);line-height:1.65;margin:0;">Substitua com detalhes reais do TimeRO: existe sistema de venda automática? Quests diárias com recompensa em Zeny? Quais profissões são mais lucrativas passivamente?</p> | <p style="font-size:0.84rem;color:rgba(122,144,176,0.65);line-height:1.65;margin:0;">Substitua com detalhes reais do TimeRO: existe sistema de venda automática? Quests diárias com recompensa em Zeny? Quais profissões são mais lucrativas passivamente?</p> | ||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;"> | <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;"> | ||
<div style="padding:10px 12px;border-radius:8px;background:rgba(0,255,136,0.05);border:1px solid rgba(0,255,136,0.12);"> | <div style="padding:10px 12px;border-radius:8px;background:rgba(0,255,136,0.05);border:1px solid rgba(0,255,136,0.12);"> | ||
<div style="font-size:0.62rem;font-weight:800;color:#00ff88;letter-spacing:0.10em;text-transform:uppercase;margin-bottom:5px;">Vantagens</div> | <div style="font-size:0.62rem;font-weight:800;color:#00ff88;letter-spacing:0.10em;text-transform:uppercase;margin-bottom:5px;">Vantagens</div> | ||
<ul style="margin:0;padding-left:14px;font-size:0.80rem;color:rgba(176,192,224,0.75);line-height:1.7;"><li>Renda sem esforço constante</li><li>Combinável com grind</li></ul> | <ul style="margin:0;padding-left:14px;font-size:0.80rem;color:rgba(176,192,224,0.75);line-height:1.7;"> | ||
<li>Renda sem esforço constante</li> | |||
<li>Combinável com grind</li> | |||
</ul> | |||
</div> | </div> | ||
<div style="padding:10px 12px;border-radius:8px;background:rgba(255,61,90,0.04);border:1px solid rgba(255,61,90,0.10);"> | <div style="padding:10px 12px;border-radius:8px;background:rgba(255,61,90,0.04);border:1px solid rgba(255,61,90,0.10);"> | ||
<div style="font-size:0.62rem;font-weight:800;color:#ff3d5a;letter-spacing:0.10em;text-transform:uppercase;margin-bottom:5px;">Desvantagens</div> | <div style="font-size:0.62rem;font-weight:800;color:#ff3d5a;letter-spacing:0.10em;text-transform:uppercase;margin-bottom:5px;">Desvantagens</div> | ||
<ul style="margin:0;padding-left:14px;font-size:0.80rem;color:rgba(176,192,224,0.75);line-height:1.7;"><li>Menor volume de Zeny</li><li>Setup inicial necessário</li></ul> | <ul style="margin:0;padding-left:14px;font-size:0.80rem;color:rgba(176,192,224,0.75);line-height:1.7;"> | ||
<li>Menor volume de Zeny</li> | |||
<li>Setup inicial necessário</li> | |||
</ul> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:flex;flex-direction:column;gap:12px;"> | <div style="display:flex;flex-direction:column;gap:12px;"> | ||
<div style="background:rgba(0,0,0,0.28);border:1px solid rgba(176,108,255,0.12);border-radius:14px;padding:18px 20px;"> | <div style="background:rgba(0,0,0,0.28);border:1px solid rgba(176,108,255,0.12);border-radius:14px;padding:18px 20px;"> | ||
| Line 312: | Line 310: | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="background:rgba(0,0,0,0.28);border:1px solid rgba(176,108,255,0.12);border-radius:14px;padding:16px 20px;"> | <div style="background:rgba(0,0,0,0.28);border:1px solid rgba(176,108,255,0.12);border-radius:14px;padding:16px 20px;"> | ||
<div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(176,108,255,0.55);font-weight:700;margin-bottom:10px;">✅ Melhor para</div> | <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(176,108,255,0.55);font-weight:700;margin-bottom:10px;">✅ Melhor para</div> | ||
| Line 330: | Line 329: | ||
TOP FARMING SPOTS — ROUTE VIEWER | TOP FARMING SPOTS — ROUTE VIEWER | ||
═══════════════════════════════════════════════════════════ --> | ═══════════════════════════════════════════════════════════ --> | ||
<div id="routes-section" style="background:#04060d;padding:52px 64px;border-bottom:1px solid rgba(255,255,255,0.05);"> | <div id="routes-section" style="background:#04060d;padding:52px 64px;border-bottom:1px solid rgba(255,255,255,0.05);" data-open-route=""> | ||
<div style="max-width:1080px;margin:0 auto;"> | <div style="max-width:1080px;margin:0 auto;"> | ||
<div style="text-align:center;margin-bottom:32px;"> | <div style="text-align:center;margin-bottom:32px;"> | ||
<div style="display:inline-flex;align-items:center;gap:8px;padding: | <div style="display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:5px 16px;min-width:170px;border-radius:999px;background:linear-gradient(180deg,rgba(0,255,136,0.10),rgba(0,255,136,0.04));border:1px solid rgba(0,255,136,0.20);box-shadow:0 0 0 1px rgba(0,255,136,0.04) inset;margin-bottom:14px;"> | ||
<span style="font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:#00ff88;font-weight: | <span style="font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:#00ff88;font-weight:800;">// Rotas de Farm</span> | ||
</div> | </div> | ||
<h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 | <h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 10px;border:none;">Melhores locais de farming</h2> | ||
<p style="color:rgba(122,144,176,0.70);font-size:0.92rem;margin:0;">Clique em uma localização para ver a rota completa e estratégia.</p> | <p style="color:rgba(122,144,176,0.70);font-size:0.92rem;margin:0;">Clique em uma localização para ver a rota completa e estratégia.</p> | ||
</div> | </div> | ||
<!-- Location pill grid --> | |||
<div style="display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom: | <div style="width:100%;margin-bottom:28px;overflow-x:auto;overflow-y:hidden;padding:2px 0;scrollbar-width:none;-ms-overflow-style:none;"> | ||
<div style="display:flex;flex-wrap:nowrap;gap:10px;justify-content:flex-start;align-items:center;min-width:max-content;white-space:nowrap;"> | |||
<div class="route-pill" data-route="route-a" id="pill-route-a" style="display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:14px;border:1px solid rgba(249,197,0,0.22);background:linear-gradient(180deg,rgba(249,197,0,0.08),rgba(249,197,0,0.03));box-shadow:0 0 0 1px rgba(249,197,0,0.03) inset;color:#f9c500;font-size:0.86rem;font-weight:800;cursor:pointer;font-family:inherit;transition:all 0.18s;letter-spacing:0.01em;user-select:none;white-space:nowrap;"><span style="font-size:0.98rem;line-height:1;flex:0 0 auto;">🗺️</span><span style="color:#f9c500;white-space:nowrap;">Rota A — Geffênia</span></div> | |||
<div class="route-pill" data-route="route-b" id="pill-route-b" style="display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:14px;border:1px solid rgba(0,212,255,0.22);background:linear-gradient(180deg,rgba(0,212,255,0.08),rgba(0,212,255,0.03));box-shadow:0 0 0 1px rgba(0,212,255,0.03) inset;color:#00d4ff;font-size:0.86rem;font-weight:800;cursor:pointer;font-family:inherit;transition:all 0.18s;letter-spacing:0.01em;user-select:none;white-space:nowrap;"><span style="font-size:0.98rem;line-height:1;flex:0 0 auto;">🗺️</span><span style="color:#00d4ff;white-space:nowrap;">Rota B — Moscovia</span></div> | |||
<div class="route-pill" data-route="route-c" id="pill-route-c" style="display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:14px;border:1px solid rgba(0,255,136,0.22);background:linear-gradient(180deg,rgba(0,255,136,0.08),rgba(0,255,136,0.03));box-shadow:0 0 0 1px rgba(0,255,136,0.03) inset;color:#00ff88;font-size:0.86rem;font-weight:800;cursor:pointer;font-family:inherit;transition:all 0.18s;letter-spacing:0.01em;user-select:none;white-space:nowrap;"><span style="font-size:0.98rem;line-height:1;flex:0 0 auto;">🗺️</span><span style="color:#00ff88;white-space:nowrap;">Rota C — Campos de Juno</span></div> | |||
<div class="route-pill" data-route="route-d" id="pill-route-d" style="display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:14px;border:1px solid rgba(255,107,0,0.22);background:linear-gradient(180deg,rgba(255,107,0,0.08),rgba(255,107,0,0.03));box-shadow:0 0 0 1px rgba(255,107,0,0.03) inset;color:#ff6b00;font-size:0.86rem;font-weight:800;cursor:pointer;font-family:inherit;transition:all 0.18s;letter-spacing:0.01em;user-select:none;white-space:nowrap;"><span style="font-size:0.98rem;line-height:1;flex:0 0 auto;">🗺️</span><span style="color:#ff6b00;white-space:nowrap;">Rota D — Harpias em Juno</span></div> | |||
<div class="route-pill" data-route="route-e" id="pill-route-e" style="display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:14px;border:1px solid rgba(176,108,255,0.22);background:linear-gradient(180deg,rgba(176,108,255,0.08),rgba(176,108,255,0.03));box-shadow:0 0 0 1px rgba(176,108,255,0.03) inset;color:#b06cff;font-size:0.86rem;font-weight:800;cursor:pointer;font-family:inherit;transition:all 0.18s;letter-spacing:0.01em;user-select:none;white-space:nowrap;"><span style="font-size:0.98rem;line-height:1;flex:0 0 auto;">🗺️</span><span style="color:#b06cff;white-space:nowrap;">Rota E — Cartas Raras</span></div> | |||
</div> | |||
</div> | |||
<!-- Route A --> | |||
<div id="route-a" class="route-detail" style="display:none;background:rgba(0,0,0,0.30);border:1px solid rgba(249,197,0,0.18);border-radius:18px;overflow:hidden;margin-bottom:12px;animation:route-in 0.3s ease both;"> | |||
<div style="padding:16px 22px;background:linear-gradient(135deg,rgba(249,197,0,0.12),rgba(249,197,0,0.04));border-bottom:1px solid rgba(249,197,0,0.12);display:flex;align-items:center;justify-content:space-between;"> | |||
<div style="display:flex;align-items:center;gap:10px;"> | |||
<span style="font-size:1.3rem;">🗺️</span> | |||
<div> | |||
<div style="font-size:1rem;font-weight:900;color:#fff;">Rota A — Geffênia</div> | |||
<div style="font-size:0.70rem;color:rgba(249,197,0,0.60);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;">Tier S · Acessórios, consumíveis e chance de carta premium</div> | |||
</div> | |||
</div> | |||
<div class="route-close" data-route="route-a" style="padding:5px 11px;border-radius:7px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);color:rgba(122,144,176,0.60);font-size:0.72rem;cursor:pointer;font-family:inherit;user-select:none;">✕ Fechar</div> | |||
</div> | |||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:0;"> | |||
<div style="padding:20px 22px;border-right:1px solid rgba(255,255,255,0.05);"> | |||
<div style="font-size:0.70rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(249,197,0,0.55);font-weight:700;margin-bottom:10px;">🐉 Monstros-Alvo</div> | |||
<div style="display:flex;flex-direction:column;gap:8px;"> | |||
<div style="padding:10px 12px;border-radius:8px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);"> | |||
<div style="font-size:0.84rem;font-weight:800;color:#e8eef8;margin-bottom:6px;">Incubus</div> | |||
<div style="font-size:0.78rem;color:#f9c500;font-weight:700;line-height:1.9;">{{item|id=2610 Gold Ring}} 5% · {{item|id=522 Mastela}} 15% · {{item|id=2613 Diamond Ring}} 1,5%</div> | |||
</div> | |||
<div style="padding:10px 12px;border-radius:8px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);"> | |||
<div style="font-size:0.84rem;font-weight:800;color:#e8eef8;margin-bottom:6px;">Succubus</div> | |||
<div style="font-size:0.78rem;color:#f9c500;font-weight:700;line-height:1.9;">{{item|id=522 Mastela}} 15% · {{item|id=2613 Diamond Ring}} 2,5% · {{item|id=505 Blue Potion}} 10%</div> | |||
</div> | |||
<div style="padding:10px 12px;border-radius:8px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);"> | |||
<div style="font-size:0.84rem;font-weight:800;color:#e8eef8;margin-bottom:6px;">Cavaleiro do Abismo [4140]</div> | |||
<div style="font-size:0.78rem;color:#f9c500;font-weight:700;line-height:1.9;">{{item|id=4140 Carta-Cavaleiro do Abismo}}</div> | |||
</div> | |||
</div> | |||
<div style="margin-top:12px;padding:10px 12px;border-radius:8px;background:rgba(249,197,0,0.05);border:1px solid rgba(249,197,0,0.10);"> | |||
<div style="font-size:0.70rem;font-weight:700;color:rgba(249,197,0,0.65);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.08em;">Local</div> | |||
<div style="font-size:0.84rem;font-weight:800;color:#f9c500;">Geffênia</div> | |||
</div> | |||
</div> | |||
<div style="padding:20px 22px;"> | |||
<div style="font-size:0.70rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(249,197,0,0.55);font-weight:700;margin-bottom:10px;">🎯 Estratégia</div> | |||
<p style="font-size:0.84rem;color:rgba(176,192,224,0.78);line-height:1.70;margin:0 0 14px;">Geffênia é uma rota premium para builds com alto dano por alvo e ótima eficiência contra demônios. O foco é girar acessórios e consumíveis de valor enquanto se busca o pico de lucro da carta do Cavaleiro do Abismo.</p> | |||
<div style="margin-bottom:8px;font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:#f9c500;font-weight:800;">Tier S</div> | |||
<div style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;"> | |||
<span style="padding:4px 10px;border-radius:6px;background:rgba(249,197,0,0.07);border:1px solid rgba(249,197,0,0.16);font-size:0.72rem;color:#f9c500;font-weight:700;">Whitesmith c/ Rondel</span> | |||
<span style="padding:4px 10px;border-radius:6px;background:rgba(249,197,0,0.07);border:1px solid rgba(249,197,0,0.16);font-size:0.72rem;color:#f9c500;font-weight:700;">LK Espiral c/ Cardo</span> | |||
</div> | |||
<div style="margin-bottom:8px;font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:#ffd98c;font-weight:800;">Tier A</div> | |||
<div style="display:flex;flex-wrap:wrap;gap:6px;"> | |||
<span style="padding:4px 10px;border-radius:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.10);font-size:0.72rem;color:#ffd98c;font-weight:700;">Sniper SS</span> | |||
<span style="padding:4px 10px;border-radius:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.10);font-size:0.72rem;color:#ffd98c;font-weight:700;">Crusader Boomerang</span> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- Route B --> | |||
<div id="route-b" class="route-detail" style="display:none;background:rgba(0,0,0,0.30);border:1px solid rgba(0,212,255,0.18);border-radius:18px;overflow:hidden;margin-bottom:12px;animation:route-in 0.3s ease both;"> | |||
<div style="padding:16px 22px;background:linear-gradient(135deg,rgba(0,212,255,0.10),rgba(0,212,255,0.03));border-bottom:1px solid rgba(0,212,255,0.10);display:flex;align-items:center;justify-content:space-between;"> | |||
<div style="display:flex;align-items:center;gap:10px;"> | |||
<span style="font-size:1.3rem;">🗺️</span> | |||
<div> | |||
<div style="font-size:1rem;font-weight:900;color:#fff;">Rota B — Moscovia</div> | |||
<div style="font-size:0.70rem;color:rgba(0,212,255,0.60);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;">Farm constante de itens com ótima liquidez</div> | |||
</div> | |||
</div> | |||
<div class="route-close" data-route="route-b" style="padding:5px 11px;border-radius:7px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);color:rgba(122,144,176,0.60);font-size:0.72rem;cursor:pointer;font-family:inherit;user-select:none;">✕ Fechar</div> | |||
</div> | |||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:0;"> | |||
<div style="padding:20px 22px;border-right:1px solid rgba(255,255,255,0.05);"> | |||
<div style="font-size:0.70rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(0,212,255,0.55);font-weight:700;margin-bottom:10px;">🐉 Monstro-Alvo</div> | |||
< | <div style="padding:10px 12px;border-radius:8px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);"> | ||
< | <div style="font-size:0.84rem;font-weight:800;color:#e8eef8;margin-bottom:6px;">Mavka</div> | ||
</ | <div style="font-size:0.78rem;color:#00d4ff;font-weight:700;line-height:1.9;">{{item|id=747 Crystal Mirror}} 15% · {{item|id=748 Witherless Rose}} 3% · {{item|id=510 Blue Herb}} 30%</div> | ||
</div> | |||
< | <div style="margin-top:12px;padding:10px 12px;border-radius:8px;background:rgba(0,212,255,0.05);border:1px solid rgba(0,212,255,0.10);"> | ||
< | <div style="font-size:0.70rem;font-weight:700;color:rgba(0,212,255,0.65);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.08em;">Local</div> | ||
</ | <div style="font-size:0.84rem;font-weight:800;color:#00d4ff;">Moscovia</div> | ||
</div> | |||
</div> | |||
<div style="padding:20px 22px;"> | |||
<div style="font-size:0.70rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(0,212,255,0.55);font-weight:700;margin-bottom:10px;">🎯 Estratégia</div> | |||
<p style="font-size:0.84rem;color:rgba(176,192,224,0.78);line-height:1.70;margin:0 0 14px;">Moscovia é excelente para farm previsível e consistente. Mavka entrega drops com boa saída no mercado e a rota favorece builds com limpeza rápida ou roubo eficiente.</p> | |||
< | <div style="margin-bottom:8px;font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:#00d4ff;font-weight:800;">Tier S</div> | ||
<div style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;"> | |||
</ | <span style="padding:4px 10px;border-radius:6px;background:rgba(0,212,255,0.07);border:1px solid rgba(0,212,255,0.16);font-size:0.72rem;color:#00d4ff;font-weight:700;">Sniper Rajada</span> | ||
<span style="padding:4px 10px;border-radius:6px;background:rgba(0,212,255,0.07);border:1px solid rgba(0,212,255,0.16);font-size:0.72rem;color:#00d4ff;font-weight:700;">Stalker Stealer</span> | |||
</div> | |||
< | <div style="margin-bottom:8px;font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:#9feaff;font-weight:800;">Tier A</div> | ||
<div style="display:flex;flex-wrap:wrap;gap:6px;"> | |||
</ | <span style="padding:4px 10px;border-radius:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.10);font-size:0.72rem;color:#9feaff;font-weight:700;">SA Firebolt</span> | ||
<span style="padding:4px 10px;border-radius:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.10);font-size:0.72rem;color:#9feaff;font-weight:700;">Professor Bolter</span> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- Route C --> | |||
<div id="route-c" class="route-detail" style="display:none;background:rgba(0,0,0,0.30);border:1px solid rgba(0,255,136,0.16);border-radius:18px;overflow:hidden;margin-bottom:12px;animation:route-in 0.3s ease both;"> | |||
<div style="padding:16px 22px;background:linear-gradient(135deg,rgba(0,255,136,0.08),rgba(0,255,136,0.02));border-bottom:1px solid rgba(0,255,136,0.08);display:flex;align-items:center;justify-content:space-between;"> | |||
<div style="display:flex;align-items:center;gap:10px;"> | |||
<span style="font-size:1.3rem;">🗺️</span> | |||
<div> | |||
<div style="font-size:1rem;font-weight:900;color:#fff;">Rota C — Campos de Juno</div> | |||
<div style="font-size:0.70rem;color:rgba(0,255,136,0.55);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;">Farm clássico de Sleeper com quebra de naturezas</div> | |||
</div> | |||
</div> | </div> | ||
<div class="route-close" data-route="route-c" style="padding:5px 11px;border-radius:7px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);color:rgba(122,144,176,0.60);font-size:0.72rem;cursor:pointer;font-family:inherit;user-select:none;">✕ Fechar</div> | |||
</div> | |||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:0;"> | |||
<div style="padding:20px 22px;border-right:1px solid rgba(255,255,255,0.05);"> | |||
<div style="font-size:0.70rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(0,255,136,0.55);font-weight:700;margin-bottom:10px;">🐉 Monstro-Alvo</div> | |||
<div style="padding:10px 12px;border-radius:8px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);"> | |||
<div style="font-size:0.84rem;font-weight:800;color:#e8eef8;margin-bottom:6px;">Sleeper</div> | |||
<div style="font-size:0.78rem;color:#00ff88;font-weight:700;line-height:1.9;">{{item|id=997 Grande Natureza}} 25%</div> | |||
<div | |||
</div> | </div> | ||
<div style=" | |||
<div style="margin-top:12px;padding:10px 12px;border-radius:8px;background:rgba(0,255,136,0.05);border:1px solid rgba(0,255,136,0.10);"> | |||
<div style="font-size:0.70rem;font-weight:700;color:rgba(0,255,136,0.65);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.08em;">Local</div> | |||
<div style="font-size:0.84rem;font-weight:800;color:#00ff88;">Campos de Juno</div> | |||
</div> | </div> | ||
</div> | </div> | ||
< | <div style="padding:20px 22px;"> | ||
<div style="font-size:0.70rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(0,255,136,0.55);font-weight:700;margin-bottom:10px;">🎯 Estratégia</div> | |||
< | <p style="font-size:0.84rem;color:rgba(176,192,224,0.78);line-height:1.70;margin:0 0 14px;">Esta rota brilha para classes que utilizam Rondel ou builds de dano crítico. O diferencial está em maximizar o farm de Grande Natureza e quebrar as naturezas em Vida Verdejante usando a quest em Umbala.</p> | ||
< | <div style="display:flex;flex-wrap:wrap;gap:6px;"> | ||
<span style="padding:4px 10px;border-radius:6px;background:rgba(0,255,136,0.07);border:1px solid rgba(0,255,136,0.16);font-size:0.72rem;color:#00ff88;font-weight:700;">Rondel</span> | |||
<span style="padding:4px 10px;border-radius:6px;background:rgba(0,255,136,0.07);border:1px solid rgba(0,255,136,0.16);font-size:0.72rem;color:#00ff88;font-weight:700;">Dano crítico</span> | |||
<span style="padding:4px 10px;border-radius:6px;background:rgba(0,255,136,0.07);border:1px solid rgba(0,255,136,0.16);font-size:0.72rem;color:#00ff88;font-weight:700;">Quest em Umbala</span> | |||
</div> | </div> | ||
</div> | |||
< | </div> | ||
</div> | |||
<!-- Route D --> | |||
<div id="route-d" class="route-detail" style="display:none;background:rgba(0,0,0,0.30);border:1px solid rgba(255,107,0,0.16);border-radius:18px;overflow:hidden;margin-bottom:12px;animation:route-in 0.3s ease both;"> | |||
<div style="padding:16px 22px;background:linear-gradient(135deg,rgba(255,107,0,0.08),rgba(255,107,0,0.02));border-bottom:1px solid rgba(255,107,0,0.08);display:flex;align-items:center;justify-content:space-between;"> | |||
<div style="display:flex;align-items:center;gap:10px;"> | |||
<span style="font-size:1.3rem;">🗺️</span> | |||
<div> | |||
<div style="font-size:1rem;font-weight:900;color:#fff;">Rota D — Campos de Juno</div> | |||
<div style="font-size:0.70rem;color:rgba(255,107,0,0.55);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;">Farm de materiais de Harpia com alta liquidez</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<div class="route-close" data-route="route-d" style="padding:5px 11px;border-radius:7px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);color:rgba(122,144,176,0.60);font-size:0.72rem;cursor:pointer;font-family:inherit;user-select:none;">✕ Fechar</div> | |||
</div> | |||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:0;"> | |||
<div style="padding:20px 22px;border-right:1px solid rgba(255,255,255,0.05);"> | |||
<div style="font-size:0.70rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,107,0,0.55);font-weight:700;margin-bottom:10px;">🐉 Monstro-Alvo</div> | |||
<div style="padding:10px 12px;border-radius:8px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);"> | |||
<div style="font-size:0.84rem;font-weight:800;color:#e8eef8;margin-bottom:6px;">Harpia</div> | |||
<div style="font-size:0.78rem;color:#ff6b00;font-weight:700;line-height:1.9;">{{item|id=7115 Penas de Harpia}} 48,5% · {{item|id=7116 Garras de Harpia}} 25%</div> | |||
</div> | |||
<div style="margin-top:12px;padding:10px 12px;border-radius:8px;background:rgba(255,107,0,0.05);border:1px solid rgba(255,107,0,0.10);"> | |||
<div style="font-size:0.70rem;font-weight:700;color:rgba(255,107,0,0.65);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.08em;">Local</div> | |||
<div style="font-size:0.84rem;font-weight:800;color:#ff6b00;">Campos de Juno</div> | |||
<div | |||
< | |||
</div> | </div> | ||
</div> | </div> | ||
<div id="route- | <div style="padding:20px 22px;"> | ||
<div style="font-size:0.70rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,107,0,0.55);font-weight:700;margin-bottom:10px;">🎯 Estratégia</div> | |||
<p style="font-size:0.84rem;color:rgba(176,192,224,0.78);line-height:1.70;margin:0;">Rota direta para transformar volume de abates em materiais de venda rápida. É excelente para classes com bom sustain, mobilidade e limpeza consistente do mapa.</p> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- Route E --> | |||
<div id="route-e" class="route-detail" style="display:none;background:rgba(0,0,0,0.30);border:1px solid rgba(176,108,255,0.16);border-radius:18px;overflow:hidden;margin-bottom:12px;animation:route-in 0.3s ease both;"> | |||
<div style="padding:16px 22px;background:linear-gradient(135deg,rgba(176,108,255,0.08),rgba(176,108,255,0.02));border-bottom:1px solid rgba(176,108,255,0.08);display:flex;align-items:center;justify-content:space-between;"> | |||
<div style="display:flex;align-items:center;gap:10px;"> | |||
<span style="font-size:1.3rem;">🗺️</span> | |||
<div> | |||
<div style="font-size:1rem;font-weight:900;color:#fff;">Rota E — Drop de Cartas Raras</div> | |||
<div style="font-size:0.70rem;color:rgba(176,108,255,0.55);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;">Farm especulativo com alto teto de retorno</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<div class="route-close" data-route="route-e" style="padding:5px 11px;border-radius:7px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);color:rgba(122,144,176,0.60);font-size:0.72rem;cursor:pointer;font-family:inherit;user-select:none;">✕ Fechar</div> | |||
</div> | |||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:0;"> | |||
<div style="padding:20px 22px;border-right:1px solid rgba(255,255,255,0.05);"> | |||
<div style=" | <div style="font-size:0.70rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(176,108,255,0.55);font-weight:700;margin-bottom:10px;">🐉 Exemplos de Monstros</div> | ||
<div style="display:flex;flex-direction:column;gap:8px;"> | |||
<div style="padding:10px 12px;border-radius:8px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);font-size:0.84rem;font-weight:700;color:#e8eef8;">Zerom</div> | |||
<div style="padding:10px 12px;border-radius:8px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);font-size:0.84rem;font-weight:700;color:#e8eef8;">Marc</div> | |||
<div style="padding:10px 12px;border-radius:8px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);font-size:0.84rem;font-weight:700;color:#e8eef8;">Sapo de Thara</div> | |||
</div> | |||
<div style="margin-top:12px;padding:10px 12px;border-radius:8px;background:rgba(176,108,255,0.05);border:1px solid rgba(176,108,255,0.10);"> | |||
<div style="font-size:0.70rem;font-weight:700;color:rgba(176,108,255,0.65);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.08em;">Foco</div> | |||
<div style="font-size:0.84rem;font-weight:800;color:#b06cff;">Cartas raras com valor de mercado</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<div style="padding:20px 22px;"> | |||
<div style="font-size:0.70rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(176,108,255,0.55);font-weight:700;margin-bottom:10px;">🎯 Estratégia</div> | |||
<p style="font-size:0.84rem;color:rgba(176,192,224,0.78);line-height:1.70;margin:0 0 12px;">A lógica desta rota é caçar cartas raras e negociar no mercado do servidor. O lucro é menos constante do que em rotas de drop fixo, mas o teto de retorno é muito maior quando você conhece a demanda do servidor.</p> | |||
<div style="display:flex;flex-wrap:wrap;gap:6px;"> | |||
<span style="padding:4px 10px;border-radius:6px;background:rgba(176,108,255,0.08);border:1px solid rgba(176,108,255,0.16);font-size:0.72rem;color:#b06cff;font-weight:700;">Cartas raras</span> | |||
<span style="padding:4px 10px;border-radius:6px;background:rgba(176,108,255,0.08);border:1px solid rgba(176,108,255,0.16);font-size:0.72rem;color:#b06cff;font-weight:700;">Mercado</span> | |||
<span style="padding:4px 10px;border-radius:6px;background:rgba(176,108,255,0.08);border:1px solid rgba(176,108,255,0.16);font-size:0.72rem;color:#b06cff;font-weight:700;">Negociação</span> | |||
</div> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
| Line 476: | Line 604: | ||
<div style="display:grid;grid-template-columns:2fr 3fr 80px 80px;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,0.04);background:rgba(249,197,0,0.03);"> | <div style="display:grid;grid-template-columns:2fr 3fr 80px 80px;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,0.04);background:rgba(249,197,0,0.03);"> | ||
<div> | <div> | ||
<div style="font-size:0.88rem;font-weight:800;color:#fff;margin-bottom:2px;">#1 — | <div style="font-size:0.88rem;font-weight:800;color:#fff;margin-bottom:2px;">#1 — Geffênia</div> | ||
<div style="font-size:0.68rem;color:rgba(122,144,176,0.55);"> | <div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">Whitesmith C/ Rondel</div> | ||
</div> | </div> | ||
<div style="display:flex;align-items:center;gap:10px;"> | <div style="display:flex;align-items:center;gap:10px;"> | ||
| Line 483: | Line 611: | ||
<div class="eff-bar" style="height:100%;width:95%;background:linear-gradient(90deg,#f9c500,#f9a826);border-radius:999px;box-shadow:0 0 8px rgba(249,197,0,0.25);"></div> | <div class="eff-bar" style="height:100%;width:95%;background:linear-gradient(90deg,#f9c500,#f9a826);border-radius:999px;box-shadow:0 0 8px rgba(249,197,0,0.25);"></div> | ||
</div> | </div> | ||
<span style="font-size:0.82rem;font-weight:900;color:#f9c500;white-space:nowrap;min-width:72px;text-align:right;"> | <span style="font-size:0.82rem;font-weight:900;color:#f9c500;white-space:nowrap;min-width:72px;text-align:right;">13M/h</span> | ||
</div> | </div> | ||
<div style="text-align:center;font-size:0.82rem;font-weight:800;color:#e8eef8;">Lv. | <div style="text-align:center;font-size:0.82rem;font-weight:800;color:#e8eef8;">Lv.90+</div> | ||
<div style="text-align:center;"><span style="padding:3px 8px;border-radius:5px;background:rgba(255,61,90,0.10);border:1px solid rgba(255,61,90,0.20);font-size:0.68rem;color:#ff3d5a;font-weight:700;">Alto</span></div> | <div style="text-align:center;"><span style="padding:3px 8px;border-radius:5px;background:rgba(255,61,90,0.10);border:1px solid rgba(255,61,90,0.20);font-size:0.68rem;color:#ff3d5a;font-weight:700;">Alto</span></div> | ||
</div> | </div> | ||
| Line 491: | Line 619: | ||
<!-- Row — #2 --> | <!-- Row — #2 --> | ||
<div style="display:grid;grid-template-columns:2fr 3fr 80px 80px;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,0.04);"> | <div style="display:grid;grid-template-columns:2fr 3fr 80px 80px;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,0.04);"> | ||
<div><div style="font-size:0.88rem;font-weight:800;color:#fff;margin-bottom:2px;">#2 — | <div><div style="font-size:0.88rem;font-weight:800;color:#fff;margin-bottom:2px;">#2 — Geffênia </div><div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">Lorde de Perfurar em Espiral C/ Pilares </div></div> | ||
<div style="display:flex;align-items:center;gap:10px;"> | <div style="display:flex;align-items:center;gap:10px;"> | ||
<div style="flex:1;height:8px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:80%;background:linear-gradient(90deg,#00d4ff,#0099cc);border-radius:999px;"></div></div> | <div style="flex:1;height:8px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:80%;background:linear-gradient(90deg,#00d4ff,#0099cc);border-radius:999px;"></div></div> | ||
<span style="font-size:0.82rem;font-weight:900;color:#00d4ff;white-space:nowrap;min-width:72px;text-align:right;"> | <span style="font-size:0.82rem;font-weight:900;color:#00d4ff;white-space:nowrap;min-width:72px;text-align:right;">11M/h</span> | ||
</div> | </div> | ||
<div style="text-align:center;font-size:0.82rem;font-weight:800;color:#e8eef8;">Lv.???+</div> | <div style="text-align:center;font-size:0.82rem;font-weight:800;color:#e8eef8;">Lv.???+</div> | ||
| Line 502: | Line 630: | ||
<!-- Row — #3 --> | <!-- Row — #3 --> | ||
<div style="display:grid;grid-template-columns:2fr 3fr 80px 80px;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,0.04);"> | <div style="display:grid;grid-template-columns:2fr 3fr 80px 80px;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,0.04);"> | ||
<div><div style="font-size:0.88rem;font-weight:800;color:#fff;margin-bottom:2px;">#3 — | <div><div style="font-size:0.88rem;font-weight:800;color:#fff;margin-bottom:2px;">#3 — Mavkas</div><div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">Atirador de Elite de Rajada de Flechas</div></div> | ||
<div style="display:flex;align-items:center;gap:10px;"> | <div style="display:flex;align-items:center;gap:10px;"> | ||
<div style="flex:1;height:8px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:60%;background:linear-gradient(90deg,#00ff88,#00c870);border-radius:999px;"></div></div> | <div style="flex:1;height:8px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:60%;background:linear-gradient(90deg,#00ff88,#00c870);border-radius:999px;"></div></div> | ||
<span style="font-size:0.82rem;font-weight:900;color:#00ff88;white-space:nowrap;min-width:72px;text-align:right;"> | <span style="font-size:0.82rem;font-weight:900;color:#00ff88;white-space:nowrap;min-width:72px;text-align:right;">6M/h</span> | ||
</div> | </div> | ||
<div style="text-align:center;font-size:0.82rem;font-weight:800;color:#e8eef8;">Lv. | <div style="text-align:center;font-size:0.82rem;font-weight:800;color:#e8eef8;">Lv.80+</div> | ||
<div style="text-align:center;"><span style="padding:3px 8px;border-radius:5px;background:rgba(0,255,136,0.08);border:1px solid rgba(0,255,136,0.18);font-size:0.68rem;color:#00ff88;font-weight:700;">Baixo</span></div> | <div style="text-align:center;"><span style="padding:3px 8px;border-radius:5px;background:rgba(0,255,136,0.08);border:1px solid rgba(0,255,136,0.18);font-size:0.68rem;color:#00ff88;font-weight:700;">Baixo</span></div> | ||
</div> | </div> | ||
| Line 513: | Line 641: | ||
<!-- Row — #4 --> | <!-- Row — #4 --> | ||
<div style="display:grid;grid-template-columns:2fr 3fr 80px 80px;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,0.04);"> | <div style="display:grid;grid-template-columns:2fr 3fr 80px 80px;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,0.04);"> | ||
<div><div style="font-size:0.88rem;font-weight:800;color:#fff;margin-bottom:2px;">#4 — | <div><div style="font-size:0.88rem;font-weight:800;color:#fff;margin-bottom:2px;">#4 — Harpias </div><div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">Desordeiro de Furto</div></div> | ||
<div style="display:flex;align-items:center;gap:10px;"> | <div style="display:flex;align-items:center;gap:10px;"> | ||
<div style="flex:1;height:8px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:38%;background:linear-gradient(90deg,#b06cff,#8844cc);border-radius:999px;"></div></div> | <div style="flex:1;height:8px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:38%;background:linear-gradient(90deg,#b06cff,#8844cc);border-radius:999px;"></div></div> | ||
<span style="font-size:0.82rem;font-weight:900;color:#b06cff;white-space:nowrap;min-width:72px;text-align:right;"> | <span style="font-size:0.82rem;font-weight:900;color:#b06cff;white-space:nowrap;min-width:72px;text-align:right;">3.5M/h</span> | ||
</div> | </div> | ||
<div style="text-align:center;font-size:0.82rem;font-weight:800;color:#e8eef8;">Lv. | <div style="text-align:center;font-size:0.82rem;font-weight:800;color:#e8eef8;">Lv.80+</div> | ||
<div style="text-align:center;"><span style="padding:3px 8px;border-radius:5px;background:rgba(0,255,136,0.08);border:1px solid rgba(0,255,136,0.18);font-size:0.68rem;color:#00ff88;font-weight:700;">Baixo</span></div> | <div style="text-align:center;"><span style="padding:3px 8px;border-radius:5px;background:rgba(0,255,136,0.08);border:1px solid rgba(0,255,136,0.18);font-size:0.68rem;color:#00ff88;font-weight:700;">Baixo</span></div> | ||
</div> | </div> | ||
| Line 524: | Line 652: | ||
<!-- Row — #5 --> | <!-- Row — #5 --> | ||
<div style="display:grid;grid-template-columns:2fr 3fr 80px 80px;gap:12px;align-items:center;padding:14px 20px;"> | <div style="display:grid;grid-template-columns:2fr 3fr 80px 80px;gap:12px;align-items:center;padding:14px 20px;"> | ||
<div><div style="font-size:0.88rem;font-weight:800;color:#fff;margin-bottom:2px;">#5 — | <div><div style="font-size:0.88rem;font-weight:800;color:#fff;margin-bottom:2px;">#5 — Pessegueiras </div><div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">Atirador de Elite de Rajada de Flechas</div></div> | ||
<div style="display:flex;align-items:center;gap:10px;"> | <div style="display:flex;align-items:center;gap:10px;"> | ||
<div style="flex:1;height:8px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:22%;background:linear-gradient(90deg,#7a90b0,#5a7090);border-radius:999px;"></div></div> | <div style="flex:1;height:8px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:22%;background:linear-gradient(90deg,#7a90b0,#5a7090);border-radius:999px;"></div></div> | ||
<span style="font-size:0.82rem;font-weight:900;color:#7a90b0;white-space:nowrap;min-width:72px;text-align:right;"> | <span style="font-size:0.82rem;font-weight:900;color:#7a90b0;white-space:nowrap;min-width:72px;text-align:right;">2M/h</span> | ||
</div> | </div> | ||
<div style="text-align:center;font-size:0.82rem;font-weight:800;color:#e8eef8;">Lv. | <div style="text-align:center;font-size:0.82rem;font-weight:800;color:#e8eef8;">Lv.55+</div> | ||
<div style="text-align:center;"><span style="padding:3px 8px;border-radius:5px;background:rgba(0,255,136,0.08);border:1px solid rgba(0,255,136,0.18);font-size:0.68rem;color:#00ff88;font-weight:700;">Zero</span></div> | <div style="text-align:center;"><span style="padding:3px 8px;border-radius:5px;background:rgba(0,255,136,0.08);border:1px solid rgba(0,255,136,0.18);font-size:0.68rem;color:#00ff88;font-weight:700;">Zero</span></div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="margin-top:10px;font-size:0.74rem;color:rgba(122,144,176,0.45);text-align:center;">* Valores estimados sem boosters. | <div style="margin-top:10px;font-size:0.74rem;color:rgba(122,144,176,0.45);text-align:center;">* Valores estimados sem boosters. Pode variar com dados reais do servidor dependendo do jogador.</div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 543: | Line 671: | ||
PROFITABILITY CALCULATOR | PROFITABILITY CALCULATOR | ||
═══════════════════════════════════════════════════════════ --> | ═══════════════════════════════════════════════════════════ --> | ||
<div id="calculator-section" style="background:#04060d;padding:52px 64px;border-bottom:1px solid rgba(255,255,255,0.05);"> | <div id="calculator-section" style="background:#04060d;padding:52px 64px;border-bottom:1px solid rgba(255,255,255,0.05);" data-method-menu-open="0"> | ||
<div style="max-width:780px;margin:0 auto;"> | <div style="max-width:780px;margin:0 auto;"> | ||
| Line 555: | Line 683: | ||
<div style="background:rgba(0,0,0,0.32);border:1px solid rgba(0,212,255,0.16);border-radius:22px;overflow:hidden;"> | <div style="background:rgba(0,0,0,0.32);border:1px solid rgba(0,212,255,0.16);border-radius:22px;overflow:hidden;"> | ||
<div style="padding:28px 28px 20px;"> | |||
<div style="display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:16px;margin-bottom:20px;"> | |||
<div style="display:grid;grid-template-columns:1fr | |||
<div style="background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:16px 18px;"> | <div style="background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:16px 18px;"> | ||
<div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(0,212,255,0.55);font-weight:700;margin-bottom:8px;">⏱ Horas/dia</div> | <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(0,212,255,0.55);font-weight:700;margin-bottom:8px;">⏱ Horas/dia</div> | ||
<div style="display:flex;align-items:center;gap:8px;"> | <div style="display:flex;align-items:center;gap:8px;"> | ||
< | <div data-calc-adjust="hours" data-delta="-0.5" style="width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.04);color:#e8eef8;font-size:1rem;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;user-select:none;">−</div> | ||
<div id="calc-hours" style="flex:1;text-align:center;font-size:1.6rem;font-weight:900;color:#fff;">2</div> | <div id="calc-hours" style="flex:1;text-align:center;font-size:1.6rem;font-weight:900;color:#fff;">2</div> | ||
< | <div data-calc-adjust="hours" data-delta="0.5" style="width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.04);color:#e8eef8;font-size:1rem;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;user-select:none;">+</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:16px 18px;position:relative;"> | |||
<div style="background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:16px 18px;"> | |||
<div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(0,212,255,0.55);font-weight:700;margin-bottom:8px;">⚔️ Método</div> | <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(0,212,255,0.55);font-weight:700;margin-bottom:8px;">⚔️ Método</div> | ||
< | |||
<option | <div id="calc-method-display" style="width:100%;padding:10px 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;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;"> | ||
<option | <span id="calc-method-label">Rota Mid-Game (70M/hr)</span> | ||
<option | <span style="color:rgba(122,144,176,0.60);font-size:0.80rem;">▾</span> | ||
<option | </div> | ||
</ | |||
<div id="calc-method-menu" style="display:none;position:absolute;left:18px;right:18px;top:82px;z-index:15;padding:8px;border-radius:10px;background:rgba(7,10,16,0.98);border:1px solid rgba(255,255,255,0.08);box-shadow:0 16px 40px rgba(0,0,0,0.35);"> | |||
<div class="calc-method-option" data-rate="95" data-label="Rota Endgame (95M/hr)" style="padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,0.06);cursor:pointer;user-select:none;margin-bottom:6px;">Rota Endgame (95M/hr)</div> | |||
<div class="calc-method-option" data-rate="70" data-label="Rota Mid-Game (70M/hr)" style="padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,0.06);cursor:pointer;user-select:none;margin-bottom:6px;">Rota Mid-Game (70M/hr)</div> | |||
<div class="calc-method-option" data-rate="40" data-label="Rota Early-Game (40M/hr)" style="padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,0.06);cursor:pointer;user-select:none;margin-bottom:6px;">Rota Early-Game (40M/hr)</div> | |||
<div class="calc-method-option" data-rate="20" data-label="Renda Passiva (20M/hr)" style="padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,0.06);cursor:pointer;user-select:none;">Renda Passiva (20M/hr)</div> | |||
</div> | |||
</div> | </div> | ||
<div style="background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:16px 18px;"> | <div style="background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:16px 18px;"> | ||
<div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(0,212,255,0.55);font-weight:700;margin-bottom:8px;">⚗️ Booster Ativo?</div> | <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(0,212,255,0.55);font-weight:700;margin-bottom:8px;">⚗️ Booster Ativo?</div> | ||
<div style="display:flex;gap:8px;margin-top:4px;"> | <div style="display:flex;gap:8px;margin-top:4px;"> | ||
< | <div id="boost-no" data-booster="0" style="flex:1;padding:8px;border-radius:8px;background:rgba(255,61,90,0.15);border:1px solid rgba(255,61,90,0.30);color:#ff3d5a;font-size:0.80rem;font-weight:800;cursor:pointer;font-family:inherit;text-align:center;user-select:none;">Não</div> | ||
< | <div id="boost-yes" data-booster="1" style="flex:1;padding:8px;border-radius:8px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);color:rgba(122,144,176,0.60);font-size:0.80rem;font-weight:700;cursor:pointer;font-family:inherit;text-align:center;user-select:none;">+50%</div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 592: | Line 722: | ||
</div> | </div> | ||
<div style="background:linear-gradient(135deg,rgba(249,197,0,0.10),rgba(249,197,0,0.03));border:1px solid rgba(249,197,0,0.22);border-radius:16px;padding:20px 24px;"> | <div style="background:linear-gradient(135deg,rgba(249,197,0,0.10),rgba(249,197,0,0.03));border:1px solid rgba(249,197,0,0.22);border-radius:16px;padding:20px 24px;"> | ||
<div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px;text-align:center;"> | <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px;text-align:center;"> | ||
<div> | <div> | ||
<div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(249,197,0,0.55);font-weight:700;margin-bottom:5px;">Por Sessão</div> | <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(249,197,0,0.55);font-weight:700;margin-bottom:5px;">Por Sessão</div> | ||
<div id="result-session" style="font-size:1.6rem;font-weight:900;color:#f9c500;letter-spacing:-0.02em;"> | <div id="result-session" style="font-size:1.6rem;font-weight:900;color:#f9c500;letter-spacing:-0.02em;">140M z</div> | ||
</div> | </div> | ||
<div> | <div> | ||
<div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(249,197,0,0.55);font-weight:700;margin-bottom:5px;">Por Dia</div> | <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(249,197,0,0.55);font-weight:700;margin-bottom:5px;">Por Dia</div> | ||
<div id="result-day" style="font-size:1.6rem;font-weight:900;color:#f9c500;letter-spacing:-0.02em;"> | <div id="result-day" style="font-size:1.6rem;font-weight:900;color:#f9c500;letter-spacing:-0.02em;">140M z</div> | ||
</div> | </div> | ||
<div> | <div> | ||
<div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(249,197,0,0.55);font-weight:700;margin-bottom:5px;">Por Semana</div> | <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(249,197,0,0.55);font-weight:700;margin-bottom:5px;">Por Semana</div> | ||
<div id="result-week" style="font-size:1.6rem;font-weight:900;color:#fff;letter-spacing:-0.02em;"> | <div id="result-week" style="font-size:1.6rem;font-weight:900;color:#fff;letter-spacing:-0.02em;">980M z</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div> | <div> | ||
<div style="display:flex;justify-content:space-between;margin-bottom:6px;"> | <div style="display:flex;justify-content:space-between;margin-bottom:6px;"> | ||
<span style="font-size:0.70rem;color:rgba(122,144,176,0.55);">Progresso semanal</span> | <span style="font-size:0.70rem;color:rgba(122,144,176,0.55);">Progresso semanal</span> | ||
<span id="result-pct" style="font-size:0.70rem;font-weight:800;color:#f9c500;"> | <span id="result-pct" style="font-size:0.70rem;font-weight:800;color:#f9c500;">8%</span> | ||
</div> | </div> | ||
<div style="height:8px;border-radius:999px;background:rgba(255,255,255,0.06);"> | <div style="height:8px;border-radius:999px;background:rgba(255,255,255,0.06);"> | ||
<div id="result-bar" style="height:100%;width: | <div id="result-bar" style="height:100%;width:8%;background:linear-gradient(90deg,#f9c500,#f9a826);border-radius:999px;transition:width 0.5s cubic-bezier(0.22,1,0.36,1);"></div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="padding:14px 28px 20px;"> | <div style="padding:14px 28px 20px;"> | ||
<div style="font-size:0.75rem;color:rgba(122,144,176,0.45);text-align:center;">Os valores de Zeny/hr são estimativas. Substitua os números | <div style="font-size:0.75rem;color:rgba(122,144,176,0.45);text-align:center;">Os valores de Zeny/hr são estimativas. Substitua os números com valores reais do servidor após testes.</div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- /CALCULATOR --> | <!-- /CALCULATOR --> | ||
<!-- ═══════════════════════════════════════════════════════════ | <!-- ═══════════════════════════════════════════════════════════ | ||
| Line 690: | Line 776: | ||
<div style="background:rgba(0,0,0,0.28);border:1px solid rgba(176,108,255,0.14);border-radius:22px;overflow:hidden;"> | <div style="background:rgba(0,0,0,0.28);border:1px solid rgba(176,108,255,0.14);border-radius:22px;overflow:hidden;"> | ||
<div style="padding:24px 24px 0;"> | <div style="padding:24px 24px 0;"> | ||
<div style="font-size:0.68rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(176,108,255,0.55);font-weight:700;margin-bottom:14px;">🎒 Clique para adicionar ao loadout</div> | <div style="font-size:0.68rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(176,108,255,0.55);font-weight:700;margin-bottom:14px;">🎒 Clique para adicionar ao loadout</div> | ||
<div id="loadout-items" style="display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;"> | <div id="loadout-items" style="display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;"> | ||
<div class="loadout-item" data-cost="15" data-name="HP Potion (Grande)" style="display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);cursor:pointer;transition:all 0.15s;user-select:none;"> | |||
<div class="loadout-item" data-cost="15" data-name="HP Potion (Grande | |||
<div class="li-check" style="width:20px;height:20px;border-radius:6px;border:1px solid rgba(176,108,255,0.30);background:rgba(176,108,255,0.04);display:flex;align-items:center;justify-content:center;font-size:0.78rem;flex-shrink:0;"></div> | <div class="li-check" style="width:20px;height:20px;border-radius:6px;border:1px solid rgba(176,108,255,0.30);background:rgba(176,108,255,0.04);display:flex;align-items:center;justify-content:center;font-size:0.78rem;flex-shrink:0;"></div> | ||
<div style="flex:1;"> | <div style="flex:1;"> | ||
| Line 704: | Line 788: | ||
</div> | </div> | ||
<div class="loadout-item" data-cost="10" data-name="SP Potion | <div class="loadout-item" data-cost="10" data-name="SP Potion" style="display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);cursor:pointer;transition:all 0.15s;user-select:none;"> | ||
<div class="li-check" style="width:20px;height:20px;border-radius:6px;border:1px solid rgba(176,108,255,0.30);background:rgba(176,108,255,0.04);display:flex;align-items:center;justify-content:center;font-size:0.78rem;flex-shrink:0;"></div> | <div class="li-check" style="width:20px;height:20px;border-radius:6px;border:1px solid rgba(176,108,255,0.30);background:rgba(176,108,255,0.04);display:flex;align-items:center;justify-content:center;font-size:0.78rem;flex-shrink:0;"></div> | ||
<div style="flex:1;"><div style="font-size:0.84rem;font-weight:700;color:#e8eef8;">SP Potion</div><div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">10k z / sessão (estimado)</div></div> | <div style="flex:1;"><div style="font-size:0.84rem;font-weight:700;color:#e8eef8;">SP Potion</div><div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">10k z / sessão (estimado)</div></div> | ||
</div> | </div> | ||
<div class="loadout-item" data-cost="25" data-name="Boost de EXP/Drop | <div class="loadout-item" data-cost="25" data-name="Boost de EXP/Drop" style="display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);cursor:pointer;transition:all 0.15s;user-select:none;"> | ||
<div class="li-check" style="width:20px;height:20px;border-radius:6px;border:1px solid rgba(176,108,255,0.30);background:rgba(176,108,255,0.04);display:flex;align-items:center;justify-content:center;font-size:0.78rem;flex-shrink:0;"></div> | <div class="li-check" style="width:20px;height:20px;border-radius:6px;border:1px solid rgba(176,108,255,0.30);background:rgba(176,108,255,0.04);display:flex;align-items:center;justify-content:center;font-size:0.78rem;flex-shrink:0;"></div> | ||
<div style="flex:1;"><div style="font-size:0.84rem;font-weight:700;color:#e8eef8;">Boost de EXP/Drop</div><div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">25k z / sessão (estimado)</div></div> | <div style="flex:1;"><div style="font-size:0.84rem;font-weight:700;color:#e8eef8;">Boost de EXP/Drop</div><div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">25k z / sessão (estimado)</div></div> | ||
</div> | </div> | ||
<div class="loadout-item" data-cost="8" data-name="Buff de STR/AGI | <div class="loadout-item" data-cost="8" data-name="Buff de STR/AGI" style="display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);cursor:pointer;transition:all 0.15s;user-select:none;"> | ||
<div class="li-check" style="width:20px;height:20px;border-radius:6px;border:1px solid rgba(176,108,255,0.30);background:rgba(176,108,255,0.04);display:flex;align-items:center;justify-content:center;font-size:0.78rem;flex-shrink:0;"></div> | <div class="li-check" style="width:20px;height:20px;border-radius:6px;border:1px solid rgba(176,108,255,0.30);background:rgba(176,108,255,0.04);display:flex;align-items:center;justify-content:center;font-size:0.78rem;flex-shrink:0;"></div> | ||
<div style="flex:1;"><div style="font-size:0.84rem;font-weight:700;color:#e8eef8;">Buff de STR/AGI</div><div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">8k z / sessão (estimado)</div></div> | <div style="flex:1;"><div style="font-size:0.84rem;font-weight:700;color:#e8eef8;">Buff de STR/AGI</div><div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">8k z / sessão (estimado)</div></div> | ||
</div> | </div> | ||
<div class="loadout-item" data-cost="20" data-name="Consumível Raro | <div class="loadout-item" data-cost="20" data-name="Consumível Raro" style="display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);cursor:pointer;transition:all 0.15s;user-select:none;"> | ||
<div class="li-check" style="width:20px;height:20px;border-radius:6px;border:1px solid rgba(176,108,255,0.30);background:rgba(176,108,255,0.04);display:flex;align-items:center;justify-content:center;font-size:0.78rem;flex-shrink:0;"></div> | <div class="li-check" style="width:20px;height:20px;border-radius:6px;border:1px solid rgba(176,108,255,0.30);background:rgba(176,108,255,0.04);display:flex;align-items:center;justify-content:center;font-size:0.78rem;flex-shrink:0;"></div> | ||
<div style="flex:1;"><div style="font-size:0.84rem;font-weight:700;color:#e8eef8;">Consumível Raro</div><div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">20k z / sessão (estimado)</div></div> | <div style="flex:1;"><div style="font-size:0.84rem;font-weight:700;color:#e8eef8;">Consumível Raro</div><div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">20k z / sessão (estimado)</div></div> | ||
</div> | </div> | ||
<div class="loadout-item" data-cost="5" data-name="Arrow / Ammo | <div class="loadout-item" data-cost="5" data-name="Arrow / Ammo" style="display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);cursor:pointer;transition:all 0.15s;user-select:none;"> | ||
<div class="li-check" style="width:20px;height:20px;border-radius:6px;border:1px solid rgba(176,108,255,0.30);background:rgba(176,108,255,0.04);display:flex;align-items:center;justify-content:center;font-size:0.78rem;flex-shrink:0;"></div> | <div class="li-check" style="width:20px;height:20px;border-radius:6px;border:1px solid rgba(176,108,255,0.30);background:rgba(176,108,255,0.04);display:flex;align-items:center;justify-content:center;font-size:0.78rem;flex-shrink:0;"></div> | ||
<div style="flex:1;"><div style="font-size:0.84rem;font-weight:700;color:#e8eef8;">Arrow / Ammo</div><div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">5k z / sessão (estimado)</div></div> | <div style="flex:1;"><div style="font-size:0.84rem;font-weight:700;color:#e8eef8;">Arrow / Ammo</div><div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">5k z / sessão (estimado)</div></div> | ||
| Line 732: | Line 816: | ||
</div> | </div> | ||
<div style="border-top:1px solid rgba(176,108,255,0.12);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;background:rgba(176,108,255,0.04);"> | <div style="border-top:1px solid rgba(176,108,255,0.12);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;background:rgba(176,108,255,0.04);"> | ||
<div> | <div> | ||
| Line 742: | Line 825: | ||
<div id="loadout-count" style="font-size:1.4rem;font-weight:900;color:#e8eef8;">0</div> | <div id="loadout-count" style="font-size:1.4rem;font-weight:900;color:#e8eef8;">0</div> | ||
</div> | </div> | ||
< | <div class="loadout-clear" style="padding:9px 18px;border-radius:10px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);color:rgba(122,144,176,0.55);font-size:0.78rem;font-weight:700;cursor:pointer;font-family:inherit;letter-spacing:0.05em;user-select:none;">Limpar</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="margin-top:10px;font-size:0.74rem;color:rgba(122,144,176,0.40);text-align:center;">Substitua os custos em < | <div style="margin-top:10px;font-size:0.74rem;color:rgba(122,144,176,0.40);text-align:center;">Substitua os custos em <span style="background:rgba(255,255,255,0.05);padding:1px 5px;border-radius:3px;color:rgba(176,108,255,0.65);font-family:monospace;">data-cost</span> com os preços reais do servidor (em milhares de Zeny).</div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 860: | Line 943: | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
< | </div> | ||
</div> | |||
</div> | |||
< | |||
/ | |||
/ | |||
[[Category:Guides]] | [[Category:Guides]] | ||
[[Category:Economy]] | [[Category:Economy]] | ||
[[Category:Farming]] | [[Category:Farming]] | ||
Latest revision as of 18:00, 30 April 2026
// Métodos de Farming
Escolha sua abordagem
Cada estilo tem vantagens diferentes. Clique para explorar.
O método mais direto: você mata monstros, coleta os drops e vende no mercado. O lucro depende da eficiência de kills e do valor dos drops do mapa escolhido.
Substitua com as melhores rotas de grind ativo do servidor. Mencione quais classes têm vantagem, quais monstros dropar os itens mais valiosos e qual é o range ideal de nível.
- Lucro imediato em Zeny
- EXP simultânea
- Drops raros possíveis
- Requer atenção ativa
- Custo de consumíveis
- Variação no lucro
Zeny/hora (estimado) ???M–???M
Dificuldade Moderada
Consistência Alta
Iniciantes Classes DPS Lv. 40+
// Rotas de Farm
Melhores locais de farming
Clique em uma localização para ver a rota completa e estratégia.
// Ranking de Eficiência
Comparativo de métodos
Zeny por hora estimado em condições ideais. Valores variam conforme class e build.
// Calculadora
Calculadora de Lucro
Estime quanto Zeny você pode acumular com base na sua rotina de jogo.
// Loadout Builder
Monte seu loadout de farming
Selecione os consumíveis que você usa por sessão e veja o custo total. Ajuda a calcular o lucro real.
// Dicas Avançadas
Maximize cada hora de farm
Detalhes que a maioria dos jogadores ignora e fazem diferença real no lucro.
Guias relacionados
🌿BASEGuia de LevelingEvolua seu personagem enquanto faz Zeny no caminho.Ler →
💀AVANÇADOCaça a MVPsMVPs dropam os itens mais valiosos do servidor. Alta recompensa.Ler →
💹SISTEMAEconomia do ServidorEntenda o fluxo de Zeny, inflação e como o mercado funciona no macro.Ler →