Guia de Farming: Difference between revisions

From TimeRO Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
__NOTOC__
__NOEDITSECTION__
{{DISPLAYTITLE:Guia de Farming de Zeny}}


<!-- TimeRO Wiki — Guia de Farming de Zeny -->
<!-- TimeRO Wiki — Guia de Farming de Zeny -->
<!-- Design: "Merchant's Ledger" — Bloomberg terminal × game economy -->
<!-- This page is intentionally safe for MediaWiki parsing. -->
<!-- Unique interactives: method tabs, profit calculator, route viewer, loadout builder, efficiency bars -->


<div id="farming-guide-root" style="margin:-1em -1.5em;font-family:'Segoe UI',system-ui,sans-serif;background:#030508;min-height:100vh;color:#e8eef8;">
<div style="margin:-1em -1.5em;font-family:'Segoe UI',system-ui,sans-serif;background:radial-gradient(circle at 16% 0%,rgba(249,168,38,0.09),transparent 30%),radial-gradient(circle at 90% 20%,rgba(88,215,255,0.07),transparent 30%),linear-gradient(135deg,#050914 0%,#02050e 100%);min-height:100vh;color:#e8eef8;padding:42px 28px 58px;">


<div style="max-width:1280px;margin:0 auto;">


<!-- ═══════════════════════════════════════════════════════════
<!-- HERO -->
    MARKET PRICE TICKER — scrolling strip
<div style="background:linear-gradient(135deg,rgba(8,14,26,0.96),rgba(4,8,18,0.99));border:1px solid rgba(249,168,38,0.24);border-radius:22px;padding:34px;margin:0 0 22px 0;box-shadow:0 0 34px rgba(0,0,0,0.38),inset 0 0 30px rgba(249,168,38,0.035);position:relative;overflow:hidden;">
═══════════════════════════════════════════════════════════ -->
<div style="position:absolute;inset:0;background:radial-gradient(circle at 82% 10%,rgba(249,168,38,0.10),transparent 28%),radial-gradient(circle at 14% 90%,rgba(88,215,255,0.07),transparent 26%);pointer-events:none;"></div>
<div style="background:#000;border-bottom:1px solid rgba(249,197,0,0.18);overflow:hidden;height:34px;display:flex;align-items:center;">
<div style="position:relative;z-index:1;">
  <div style="flex-shrink:0;padding:0 16px;border-right:1px solid rgba(249,197,0,0.18);font-size:0.60rem;letter-spacing:0.16em;text-transform:uppercase;color:#f9c500;font-weight:900;white-space:nowrap;">💰 MERCADO TIMERO</div>
<div style="display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:999px;background:rgba(249,168,38,0.10);border:1px solid rgba(249,168,38,0.28);margin-bottom:16px;color:#f9a826;font-weight:900;letter-spacing:0.16em;text-transform:uppercase;font-size:0.74em;">// Economia TimeRO</div>
  <div style="overflow:hidden;flex:1;position:relative;">
<div style="font-size:clamp(2.2rem,5vw,4rem);line-height:0.96;font-weight:900;color:#ffffff;letter-spacing:-0.035em;margin:0 0 16px 0;">Guia de Farming<br><span style="background:linear-gradient(90deg,#f9a826,#58d7ff,#00ff88);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(249,168,38,0.18));">de Zeny</span></div>
    <div class="ticker-track" style="display:flex;gap:0;white-space:nowrap;animation:ticker-scroll 38s linear infinite;">
<div style="max-width:880px;color:rgba(180,205,230,0.78);font-size:1rem;line-height:1.72;margin-bottom:22px;">Este guia organiza as principais formas de fazer Zeny no TimeRO: farm direto de drops, venda para NPC, itens de mercado, cartas, materiais de progressão e rotas por estágio. A página foi reconstruída sem JavaScript inline para evitar textos quebrados no MediaWiki.</div>
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:#e8eef8;">Item Valioso A&nbsp;<span style="color:#00ff88;">▲ ???M z</span></span>
 
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:rgba(122,144,176,0.5);">·</span>
<div style="display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:20px;">
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:#e8eef8;">Carta MVP Rara&nbsp;<span style="color:#f9c500;">= ???M z</span></span>
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(249,168,38,0.18);border-radius:14px;padding:14px;text-align:center;"><div style="font-size:1.35em;margin-bottom:5px;">💰</div><div style="color:#f9a826;font-weight:900;font-size:0.76em;letter-spacing:0.08em;text-transform:uppercase;">Zeny</div><div style="color:#fff2bf;font-weight:bold;font-size:0.90em;">Farm Base</div></div>
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:rgba(122,144,176,0.5);">·</span>
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(112,216,144,0.18);border-radius:14px;padding:14px;text-align:center;"><div style="font-size:1.35em;margin-bottom:5px;">🎒</div><div style="color:#70d890;font-weight:900;font-size:0.76em;letter-spacing:0.08em;text-transform:uppercase;">Loot</div><div style="color:#d8ffe5;font-weight:bold;font-size:0.90em;">Autoloot</div></div>
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:#e8eef8;">Matéria Prima B&nbsp;<span style="color:#00ff88;">▲ ???k z</span></span>
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(88,215,255,0.18);border-radius:14px;padding:14px;text-align:center;"><div style="font-size:1.35em;margin-bottom:5px;">🏪</div><div style="color:#58d7ff;font-weight:900;font-size:0.76em;letter-spacing:0.08em;text-transform:uppercase;">Mercado</div><div style="color:#d8ecff;font-weight:bold;font-size:0.90em;">Vending</div></div>
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:rgba(122,144,176,0.5);">·</span>
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(255,107,122,0.18);border-radius:14px;padding:14px;text-align:center;"><div style="font-size:1.35em;margin-bottom:5px;">🃏</div><div style="color:#ff6b7a;font-weight:900;font-size:0.76em;letter-spacing:0.08em;text-transform:uppercase;">Cartas</div><div style="color:#ffd8dd;font-weight:bold;font-size:0.90em;">Drops Raros</div></div>
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:#e8eef8;">Consumível Raro&nbsp;<span style="color:#ff3d5a;">▼ ???k z</span></span>
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(167,139,250,0.18);border-radius:14px;padding:14px;text-align:center;"><div style="font-size:1.35em;margin-bottom:5px;">🧰</div><div style="color:#c5a7ff;font-weight:900;font-size:0.76em;letter-spacing:0.08em;text-transform:uppercase;">Options</div><div style="color:#eadfff;font-weight:bold;font-size:0.90em;">Gear Raro</div></div>
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:rgba(122,144,176,0.5);">·</span>
</div>
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:#e8eef8;">Oridecon&nbsp;<span style="color:#00ff88;">▲ ???k z</span></span>
</div>
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:rgba(122,144,176,0.5);">·</span>
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:#e8eef8;">Elunium&nbsp;<span style="color:#f9c500;">= ???k z</span></span>
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:rgba(122,144,176,0.5);">·</span>
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:#e8eef8;">Item de Quest&nbsp;<span style="color:#00ff88;">▲ ???M z</span></span>
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:rgba(122,144,176,0.5);">·</span>
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:#e8eef8;">Headgear Raro&nbsp;<span style="color:#ff3d5a;">▼ ???M z</span></span>
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:rgba(122,144,176,0.5);">·</span>
      <!-- Duplicate for seamless loop -->
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:#e8eef8;">Item Valioso A&nbsp;<span style="color:#00ff88;">▲ ???M z</span></span>
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:rgba(122,144,176,0.5);">·</span>
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:#e8eef8;">Carta MVP Rara&nbsp;<span style="color:#f9c500;">= ???M z</span></span>
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:rgba(122,144,176,0.5);">·</span>
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:#e8eef8;">Matéria Prima B&nbsp;<span style="color:#00ff88;">▲ ???k z</span></span>
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:rgba(122,144,176,0.5);">·</span>
      <span style="padding:0 20px;font-size:0.72rem;font-weight:700;color:#e8eef8;">Consumível Raro&nbsp;<span style="color:#ff3d5a;">▼ ???k z</span></span>
    </div>
  </div>
</div>
</div>


<!-- NAV -->
<div style="background:linear-gradient(135deg,rgba(8,14,26,0.94),rgba(4,8,18,0.99));border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:16px;margin:0 0 26px 0;">
<div style="color:#6070a0;font-weight:900;letter-spacing:0.10em;text-transform:uppercase;font-size:0.78em;margin-bottom:12px;">Navegação rápida</div>
{| style="width:100%;border-collapse:separate;border-spacing:10px;margin:-10px;"
| style="background:rgba(249,168,38,0.08);border:1px solid rgba(249,168,38,0.22);border-radius:12px;padding:13px;text-align:center;font-weight:900;" | [[#Fundamentos do Farming|<span style="color:#f9a826;">Fundamentos</span>]]
| style="background:rgba(112,216,144,0.08);border:1px solid rgba(112,216,144,0.22);border-radius:12px;padding:13px;text-align:center;font-weight:900;" | [[#Rotas por Estágio|<span style="color:#70d890;">Rotas por Estágio</span>]]
| style="background:rgba(88,215,255,0.08);border:1px solid rgba(88,215,255,0.22);border-radius:12px;padding:13px;text-align:center;font-weight:900;" | [[#Métodos de Lucro|<span style="color:#58d7ff;">Métodos</span>]]
| style="background:rgba(255,107,122,0.08);border:1px solid rgba(255,107,122,0.22);border-radius:12px;padding:13px;text-align:center;font-weight:900;" | [[#Comandos Úteis|<span style="color:#ff6b7a;">Comandos</span>]]
| style="background:rgba(167,139,250,0.08);border:1px solid rgba(167,139,250,0.22);border-radius:12px;padding:13px;text-align:center;font-weight:900;" | [[#Rotina Recomendada|<span style="color:#c5a7ff;">Rotina</span>]]
|}
</div>


<!-- ═══════════════════════════════════════════════════════════
== Fundamentos do Farming ==
    HERO — MERCHANT'S LEDGER
═══════════════════════════════════════════════════════════ -->
<div style="position:relative;background:linear-gradient(160deg,#020407 0%,#0a0800 35%,#100d00 65%,#060500 100%);padding:56px 64px 48px;overflow:hidden;border-bottom:1px solid rgba(249,197,0,0.16);">


  <!-- Grid bg — gold tint -->
<div style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 30px 0;">
  <div style="position:absolute;inset:0;background-image:linear-gradient(rgba(249,197,0,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(249,197,0,0.025) 1px,transparent 1px);background-size:52px 52px;pointer-events:none;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 10%,transparent 80%);"></div>
<div style="background:linear-gradient(135deg,rgba(20,14,4,0.94),rgba(8,6,2,0.99));border:1px solid rgba(249,168,38,0.20);border-left:5px solid #f9a826;border-radius:14px;padding:18px;"><div style="font-size:1.35em;margin-bottom:8px;">💰</div><div style="color:#f9a826;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;font-size:0.82em;margin-bottom:9px;">Venda para NPC</div><div style="color:#d8c8a8;font-size:0.90em;line-height:1.65;">Método estável. Ideal quando o item tem preço consistente no NPC e o mapa permite alta quantidade de kills por hora.</div></div>
<div style="background:linear-gradient(135deg,rgba(8,14,26,0.94),rgba(4,8,18,0.99));border:1px solid rgba(88,215,255,0.20);border-left:5px solid #58d7ff;border-radius:14px;padding:18px;"><div style="font-size:1.35em;margin-bottom:8px;">🏪</div><div style="color:#58d7ff;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;font-size:0.82em;margin-bottom:9px;">Venda para Jogadores</div><div style="color:#b8c8d8;font-size:0.90em;line-height:1.65;">Método mais lucrativo. Materiais de quest, cartas, equipamentos úteis e drops de crafting podem valer muito mais no mercado.</div></div>
<div style="background:linear-gradient(135deg,rgba(8,24,14,0.94),rgba(3,12,8,0.99));border:1px solid rgba(112,216,144,0.20);border-left:5px solid #70d890;border-radius:14px;padding:18px;"><div style="font-size:1.35em;margin-bottom:8px;">⚡</div><div style="color:#70d890;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;font-size:0.82em;margin-bottom:9px;">Eficiência por Hora</div><div style="color:#b8d8c0;font-size:0.90em;line-height:1.65;">O melhor mapa não é sempre o drop mais caro. O melhor mapa é onde sua classe mata rápido, morre pouco e converte loot em Zeny de forma constante.</div></div>
</div>


  <!-- Glow orbs -->
<div style="background:linear-gradient(135deg,rgba(30,12,4,0.90),rgba(18,6,2,0.97));border:1px solid rgba(255,140,40,0.25);border-left:5px solid #f09030;border-radius:14px;padding:16px 18px;margin:0 0 30px 0;color:#d8b890;font-size:0.92em;line-height:1.68;">
  <div style="position:absolute;top:-60px;left:10%;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(249,197,0,0.07),transparent 65%);pointer-events:none;"></div>
<strong style="color:#f8b060;">Regra de ouro:</strong> antes de ficar preso em um mapa, teste 15 minutos, anote loot total, custo de consumíveis, mortes, peso e velocidade de kill. Multiplique o resultado por 4 para estimar o lucro por hora.
  <div style="position:absolute;bottom:-40px;right:8%;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,0.05),transparent 65%);pointer-events:none;"></div>
</div>


  <!-- Coin decorations (pure CSS circles) -->
== Rotas por Estágio ==
  <div style="position:absolute;top:40px;right:80px;width:90px;height:90px;border-radius:50%;border:2px solid rgba(249,197,0,0.12);pointer-events:none;"></div>
  <div style="position:absolute;top:52px;right:92px;width:66px;height:66px;border-radius:50%;border:1px solid rgba(249,197,0,0.08);display:flex;align-items:center;justify-content:center;font-size:1.8rem;pointer-events:none;opacity:0.18;">z</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="background:linear-gradient(135deg,rgba(8,14,26,0.94),rgba(4,8,18,0.99));border:1px solid rgba(112,216,144,0.18);border-radius:14px;overflow:hidden;margin:0 0 30px 0;">
<div style="background:linear-gradient(90deg,rgba(112,216,144,0.16),transparent);padding:13px 18px;border-bottom:1px solid rgba(255,255,255,0.06);color:#70d890;font-weight:900;letter-spacing:0.09em;text-transform:uppercase;font-size:0.84em;">🗺️ Rotas Recomendadas por Nível</div>
{| style="width:100%;border-collapse:collapse;margin:0;"
|-
! style="background:rgba(0,0,0,0.35);color:#609070;padding:10px 14px;text-align:left;font-size:0.80em;border-bottom:1px solid rgba(255,255,255,0.06);width:145px;" | Estágio
! style="background:rgba(0,0,0,0.35);color:#609070;padding:10px 14px;text-align:left;font-size:0.80em;border-bottom:1px solid rgba(255,255,255,0.06);" | Mapas / Rotas
! style="background:rgba(0,0,0,0.35);color:#609070;padding:10px 14px;text-align:left;font-size:0.80em;border-bottom:1px solid rgba(255,255,255,0.06);" | O que vender
! style="background:rgba(0,0,0,0.35);color:#609070;padding:10px 14px;text-align:left;font-size:0.80em;border-bottom:1px solid rgba(255,255,255,0.06);width:150px;" | Perfil
|-
| style="padding:13px 14px;border-bottom:1px solid rgba(255,255,255,0.04);color:#70d890;font-weight:900;" | Nv. 1–25
| style="padding:13px 14px;border-bottom:1px solid rgba(255,255,255,0.04);color:#d8ecff;line-height:1.55;" | Prontera Fields, Payon arredores, mapas iniciais com alta densidade.
| style="padding:13px 14px;border-bottom:1px solid rgba(255,255,255,0.04);color:#b8c8d8;line-height:1.55;" | Loot comum, consumíveis, itens de quest simples, cartas iniciais.
| style="padding:13px 14px;border-bottom:1px solid rgba(255,255,255,0.04);" | <span style="display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(112,216,144,0.10);border:1px solid rgba(112,216,144,0.24);color:#70d890;font-size:0.82em;font-weight:bold;">Seguro</span>
|-
| style="padding:13px 14px;border-bottom:1px solid rgba(255,255,255,0.04);color:#70d890;font-weight:900;" | Nv. 25–50
| style="padding:13px 14px;border-bottom:1px solid rgba(255,255,255,0.04);color:#d8ecff;line-height:1.55;" | Payon Cave, Orc Dungeon inicial, Toy Factory, Byalan inicial.
| style="padding:13px 14px;border-bottom:1px solid rgba(255,255,255,0.04);color:#b8c8d8;line-height:1.55;" | Equipamentos simples, loot de monstros, cartas úteis, materiais básicos.
| style="padding:13px 14px;border-bottom:1px solid rgba(255,255,255,0.04);" | <span style="display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(88,215,255,0.10);border:1px solid rgba(88,215,255,0.24);color:#58d7ff;font-size:0.82em;font-weight:bold;">Estável</span>
|-
| style="padding:13px 14px;border-bottom:1px solid rgba(255,255,255,0.04);color:#f9a826;font-weight:900;" | Nv. 50–70
| style="padding:13px 14px;border-bottom:1px solid rgba(255,255,255,0.04);color:#d8ecff;line-height:1.55;" | Orc Dungeon, Geffen Dungeon, Sphinx, mapas com boa densidade e retorno por peso.
| style="padding:13px 14px;border-bottom:1px solid rgba(255,255,255,0.04);color:#b8c8d8;line-height:1.55;" | Ores, equipamentos, drops vendáveis, itens usados em quests e crafting.
| style="padding:13px 14px;border-bottom:1px solid rgba(255,255,255,0.04);" | <span style="display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(249,168,38,0.10);border:1px solid rgba(249,168,38,0.24);color:#f9a826;font-size:0.82em;font-weight:bold;">Mid-Game</span>
|-
| style="padding:13px 14px;border-bottom:1px solid rgba(255,255,255,0.04);color:#f9a826;font-weight:900;" | Nv. 70–85
| style="padding:13px 14px;border-bottom:1px solid rgba(255,255,255,0.04);color:#d8ecff;line-height:1.55;" | Moscovia, Magma Dungeon, Glast Heim, mapas Fever acessíveis ao build.
| style="padding:13px 14px;border-bottom:1px solid rgba(255,255,255,0.04);color:#b8c8d8;line-height:1.55;" | Materiais de progressão, equipamentos com opções, cartas, drops de maior demanda.
| style="padding:13px 14px;border-bottom:1px solid rgba(255,255,255,0.04);" | <span style="display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(167,139,250,0.10);border:1px solid rgba(167,139,250,0.24);color:#c5a7ff;font-size:0.82em;font-weight:bold;">Avançado</span>
|-
| style="padding:13px 14px;color:#ff6b7a;font-weight:900;" | Nv. 85–99+
| style="padding:13px 14px;color:#d8ecff;line-height:1.55;" | Geffenia, Magma Dungeon, Fever Maps, instâncias e rotas de boss/mini-boss.
| style="padding:13px 14px;color:#b8c8d8;line-height:1.55;" | Equipamentos raros, cartas, materiais de alto valor, itens de crafting e random options.
| style="padding:13px 14px;" | <span style="display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(255,107,122,0.10);border:1px solid rgba(255,107,122,0.24);color:#ff6b7a;font-size:0.82em;font-weight:bold;">Alto Retorno</span>
|}
</div>


    <!-- Breadcrumb -->
== Métodos de Lucro ==
    <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(249,197,0,0.65);">TimeRO Wiki</span>]]
      <span style="opacity:0.4;">›</span>
      [[Guides|<span style="color:rgba(122,144,176,0.60);">Guias</span>]]
      <span style="opacity:0.4;">›</span>
      <span style="color:#e8eef8;">Farming de Zeny</span>
    </div>


    <!-- Category pills -->
<div style="display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 30px 0;">
    <div style="display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;">
      <span style="display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:4px;background:rgba(249,197,0,0.14);border:1px solid rgba(249,197,0,0.36);font-size:0.66rem;letter-spacing:0.18em;text-transform:uppercase;color:#f9c500;font-weight:900;">💰 Economia</span>
      <span style="display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:4px;background:rgba(0,255,136,0.08);border:1px solid rgba(0,255,136,0.24);font-size:0.66rem;letter-spacing:0.14em;text-transform:uppercase;color:#00ff88;font-weight:700;">📈 Alto Lucro</span>
      <span style="display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:4px;background:rgba(0,212,255,0.08);border:1px solid rgba(0,212,255,0.22);font-size:0.66rem;letter-spacing:0.14em;text-transform:uppercase;color:#00d4ff;font-weight:700;">🏪 Mercado</span>
      <span style="display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:4px;background:rgba(122,144,176,0.07);border:1px solid rgba(122,144,176,0.18);font-size:0.66rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(122,144,176,0.75);font-weight:700;">⚔️ Todas as Classes</span>
    </div>


    <!-- Title -->
<div style="background:linear-gradient(135deg,rgba(20,14,4,0.94),rgba(8,6,2,0.99));border:1px solid rgba(249,168,38,0.18);border-radius:14px;overflow:hidden;">
    <h1 style="font-size:clamp(2.2rem,5.5vw,4.2rem);font-weight:900;line-height:0.92;letter-spacing:-0.02em;color:#fff;margin:0 0 16px;">
<div style="background:linear-gradient(90deg,rgba(249,168,38,0.16),transparent);padding:13px 18px;border-bottom:1px solid rgba(255,255,255,0.06);color:#f9a826;font-weight:900;letter-spacing:0.09em;text-transform:uppercase;font-size:0.84em;">💰 Farm Direto</div>
      Guia de Farming<br>
<div style="padding:16px 18px;color:#d8c8a8;font-size:0.90em;line-height:1.68;">Mate monstros rapidamente, pegue todo loot relevante e converta o resultado em Zeny via NPC ou mercado. É o método mais simples e funciona melhor com builds de área, classes com sustain e personagens com bom controle de peso.</div>
      <span style="background:linear-gradient(90deg,#f9c500,#f9a826,#00d4ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 28px rgba(249,197,0,0.25));">de Zeny</span>
</div>
    </h1>
    <p style="font-size:1.05rem;color:rgba(176,192,224,0.75);line-height:1.75;max-width:660px;margin:0 0 30px;">Métodos, rotas, calculadora de lucro e estratégias completas para acumular Zeny no TimeRO — do iniciante que precisa de gear ao veterano otimizando cada hora de jogo.</p>


    <!-- Live profit preview pills -->
<div style="background:linear-gradient(135deg,rgba(8,24,14,0.94),rgba(3,12,8,0.99));border:1px solid rgba(112,216,144,0.18);border-radius:14px;overflow:hidden;">
    <div style="display:flex;gap:16px;flex-wrap:wrap;align-items:center;">
<div style="background:linear-gradient(90deg,rgba(112,216,144,0.16),transparent);padding:13px 18px;border-bottom:1px solid rgba(255,255,255,0.06);color:#70d890;font-weight:900;letter-spacing:0.09em;text-transform:uppercase;font-size:0.84em;">🧪 Materiais de Progressão</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(249,197,0,0.18);">
<div style="padding:16px 18px;color:#b8d8c0;font-size:0.90em;line-height:1.68;">Materiais usados em quests, Fever System, instâncias, equipamentos e encantamentos tendem a manter valor por mais tempo. Priorize itens com demanda contínua.</div>
        <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>
</div>
        <span style="font-size:0.92rem;font-weight:900;color:#f9c500;">Substituir com dado real</span>
      </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);">
        <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>
      </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);">
        <span style="font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(122,144,176,0.55);font-weight:700;">Atualizado:</span>
        <span style="font-size:0.92rem;font-weight:900;color:#00d4ff;">Mar 2025</span>
      </div>
    </div>


  </div>
<div style="background:linear-gradient(135deg,rgba(30,8,12,0.94),rgba(12,3,6,0.99));border:1px solid rgba(255,107,122,0.18);border-radius:14px;overflow:hidden;">
<div style="background:linear-gradient(90deg,rgba(255,107,122,0.16),transparent);padding:13px 18px;border-bottom:1px solid rgba(255,255,255,0.06);color:#ff6b7a;font-weight:900;letter-spacing:0.09em;text-transform:uppercase;font-size:0.84em;">🃏 Cartas e Drops Raros</div>
<div style="padding:16px 18px;color:#d8b8c0;font-size:0.90em;line-height:1.68;">Alta variância, alto retorno. O lucro pode ser irregular, mas uma carta valiosa ou item com boa opção pode superar muitas horas de farm comum.</div>
</div>
</div>
<!-- /HERO -->


<!-- ═══════════════════════════════════════════════════════════
<div style="background:linear-gradient(135deg,rgba(24,14,46,0.94),rgba(10,5,22,0.99));border:1px solid rgba(167,139,250,0.18);border-radius:14px;overflow:hidden;">
    STAT BAR — Economy overview
<div style="background:linear-gradient(90deg,rgba(167,139,250,0.16),transparent);padding:13px 18px;border-bottom:1px solid rgba(255,255,255,0.06);color:#c5a7ff;font-weight:900;letter-spacing:0.09em;text-transform:uppercase;font-size:0.84em;">🏪 Mercado e Revenda</div>
═══════════════════════════════════════════════════════════ -->
<div style="padding:16px 18px;color:#cbbde8;font-size:0.90em;line-height:1.68;">Compre barato, venda no preço certo. Ideal para jogadores que acompanham demanda de eventos, quests, equipamentos, consumíveis e materiais de upgrade.</div>
<div style="background:#050810;border-bottom:1px solid rgba(255,255,255,0.05);">
  <div style="display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid rgba(255,255,255,0.05);">
    <div style="padding:20px 22px;border-right:1px solid rgba(255,255,255,0.05);text-align:center;">
      <div style="font-size:1.8rem;font-weight:900;color:#f9c500;letter-spacing:-0.03em;margin-bottom:3px;">3</div>
      <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(122,144,176,0.55);font-weight:700;">Tipos de Farm</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:#00ff88;letter-spacing:-0.03em;margin-bottom:3px;">10+</div>
      <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(122,144,176,0.55);font-weight:700;">Rotas Mapeadas</div>
    </div>
    <div style="padding:20px 22px;border-right:1px solid rgba(255,255,255,0.05);text-align:center;">
      <div style="font-size:1.8rem;font-weight:900;color:#00d4ff;letter-spacing:-0.03em;margin-bottom:3px;">Calc</div>
      <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(122,144,176,0.55);font-weight:700;">Calculadora</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:#b06cff;letter-spacing:-0.03em;margin-bottom:3px;">Build</div>
      <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(122,144,176,0.55);font-weight:700;">Loadout</div>
    </div>
    <div style="padding:20px 22px;text-align:center;">
      <div style="font-size:1.8rem;font-weight:900;color:#f9a826;letter-spacing:-0.03em;margin-bottom:3px;">All</div>
      <div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(122,144,176,0.55);font-weight:700;">Classes</div>
    </div>
  </div>
</div>
</div>


<!-- ═══════════════════════════════════════════════════════════
    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 style="max-width:1080px;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;">// Métodos de Farming</span>
      </div>
      <h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 8px;border:none;">Escolha sua abordagem</h2>
      <p style="color:rgba(122,144,176,0.70);font-size:0.92rem;margin:0;">Cada estilo tem vantagens diferentes. Clique para explorar.</p>
    </div>
    <!-- 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);">
      <button id="mtab-grind" onclick="switchMethod('grind')" style="flex:1;padding:16px 20px;border:none;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;">
        ⚔️ Grind Ativo
      </button>
      <button id="mtab-market" onclick="switchMethod('market')" style="flex:1;padding:16px 20px;border:none;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;">
        🏪 Mercado
      </button>
      <button id="mtab-passive" onclick="switchMethod('passive')" style="flex:1;padding:16px 20px;border:none;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;">
        💤 Renda Passiva
      </button>
    </div>
    <!-- Method content panels -->
    <div id="method-grind" class="method-panel" style="display:grid;grid-template-columns:1fr 1fr;gap:20px;">
      <!-- Left: description -->
      <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="width:44px;height:44px;border-radius:12px;background:rgba(249,197,0,0.14);border:1px solid rgba(249,197,0,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;">Grind Ativo</div>
            <div style="font-size:0.72rem;color:rgba(122,144,176,0.60);">Matar monstros · Coletar drops · Vender</div>
          </div>
        </div>
        <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>
        <!-- Pros/cons -->
        <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="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>Lucro imediato em Zeny</li>
              <li>EXP simultânea</li>
              <li>Drops raros possíveis</li>
            </ul>
          </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="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>Requer atenção ativa</li>
              <li>Custo de consumíveis</li>
              <li>Variação no lucro</li>
            </ul>
          </div>
        </div>
      </div>
      <!-- Right: quick metrics -->
      <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="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(249,197,0,0.55);font-weight:700;margin-bottom:12px;">📊 Métricas Estimadas</div>
          <div style="display:flex;flex-direction:column;gap:10px;">
            <div>
              <div style="display:flex;justify-content:space-between;margin-bottom:5px;">
                <span style="font-size:0.82rem;font-weight:700;color:#e8eef8;">Zeny/hora (estimado)</span>
                <span style="font-size:0.82rem;font-weight:900;color:#f9c500;">???M–???M</span>
              </div>
              <div style="height:6px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:75%;background:linear-gradient(90deg,#f9c500,#f9a826);border-radius:999px;"></div></div>
            </div>
            <div>
              <div style="display:flex;justify-content:space-between;margin-bottom:5px;">
                <span style="font-size:0.82rem;font-weight:700;color:#e8eef8;">Dificuldade</span>
                <span style="font-size:0.82rem;font-weight:900;color:#00d4ff;">Moderada</span>
              </div>
              <div style="height:6px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:55%;background:linear-gradient(90deg,#00d4ff,#0099cc);border-radius:999px;"></div></div>
            </div>
            <div>
              <div style="display:flex;justify-content:space-between;margin-bottom:5px;">
                <span style="font-size:0.82rem;font-weight:700;color:#e8eef8;">Consistência</span>
                <span style="font-size:0.82rem;font-weight:900;color:#00ff88;">Alta</span>
              </div>
              <div style="height:6px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:80%;background:linear-gradient(90deg,#00ff88,#00c870);border-radius:999px;"></div></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="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="display:flex;flex-wrap:wrap;gap:6px;">
            <span style="padding:4px 10px;border-radius:6px;background:rgba(249,197,0,0.08);border:1px solid rgba(249,197,0,0.18);font-size:0.74rem;color:#f9c500;font-weight:700;">Iniciantes</span>
            <span style="padding:4px 10px;border-radius:6px;background:rgba(249,197,0,0.08);border:1px solid rgba(249,197,0,0.18);font-size:0.74rem;color:#f9c500;font-weight:700;">Classes DPS</span>
            <span style="padding:4px 10px;border-radius:6px;background:rgba(249,197,0,0.08);border:1px solid rgba(249,197,0,0.18);font-size:0.74rem;color:#f9c500;font-weight:700;">Lv. 40+</span>
          </div>
        </div>
      </div>
    </div>
    <div id="method-market" class="method-panel" style="display:none;grid-template-columns:1fr 1fr;gap:20px;">
      <div style="background:rgba(0,0,0,0.28);border:1px solid rgba(0,212,255,0.14);border-radius:16px;padding:24px 22px;">
        <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">
          <div style="width:44px;height:44px;border-radius:12px;background:rgba(0,212,255,0.14);border:1px solid rgba(0,212,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;">Trading no Mercado</div><div style="font-size:0.72rem;color:rgba(122,144,176,0.60);">Comprar barato · Vender caro</div></div>
        </div>
        <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>
        <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="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>Sem custo de consumíveis</li>
              <li>Escalável com capital</li>
              <li>Passivo em parte</li>
            </ul>
          </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="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>Requer capital inicial</li>
              <li>Risco de preço cair</li>
              <li>Curva de aprendizado</li>
            </ul>
          </div>
        </div>
      </div>
      <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="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(0,212,255,0.55);font-weight:700;margin-bottom:12px;">📊 Métricas Estimadas</div>
          <div style="display:flex;flex-direction:column;gap:10px;">
            <div><div style="display:flex;justify-content:space-between;margin-bottom:5px;"><span style="font-size:0.82rem;font-weight:700;color:#e8eef8;">Potencial de lucro</span><span style="font-size:0.82rem;font-weight:900;color:#00d4ff;">Muito Alto</span></div><div style="height:6px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:90%;background:linear-gradient(90deg,#00d4ff,#0099cc);border-radius:999px;"></div></div></div>
            <div><div style="display:flex;justify-content:space-between;margin-bottom:5px;"><span style="font-size:0.82rem;font-weight:700;color:#e8eef8;">Conhecimento necessário</span><span style="font-size:0.82rem;font-weight:900;color:#ff3d5a;">Alto</span></div><div style="height:6px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:85%;background:linear-gradient(90deg,#ff3d5a,#cc2244);border-radius:999px;"></div></div></div>
            <div><div style="display:flex;justify-content:space-between;margin-bottom:5px;"><span style="font-size:0.82rem;font-weight:700;color:#e8eef8;">Risco</span><span style="font-size:0.82rem;font-weight:900;color:#f9a826;">Moderado</span></div><div style="height:6px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:55%;background:linear-gradient(90deg,#f9a826,#e08f20);border-radius:999px;"></div></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="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="display:flex;flex-wrap:wrap;gap:6px;">
            <span style="padding:4px 10px;border-radius:6px;background:rgba(0,212,255,0.07);border:1px solid rgba(0,212,255,0.18);font-size:0.74rem;color:#00d4ff;font-weight:700;">Veteranos</span>
            <span style="padding:4px 10px;border-radius:6px;background:rgba(0,212,255,0.07);border:1px solid rgba(0,212,255,0.18);font-size:0.74rem;color:#00d4ff;font-weight:700;">Com capital</span>
            <span style="padding:4px 10px;border-radius:6px;background:rgba(0,212,255,0.07);border:1px solid rgba(0,212,255,0.18);font-size:0.74rem;color:#00d4ff;font-weight:700;">Pacientes</span>
          </div>
        </div>
      </div>
    </div>
    <div id="method-passive" class="method-panel" style="display:none;grid-template-columns:1fr 1fr;gap:20px;">
      <div style="background:rgba(0,0,0,0.28);border:1px solid rgba(176,108,255,0.14);border-radius:16px;padding:24px 22px;">
        <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><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 · Producção</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 (Alchemist/Blacksmith), 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>
        <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="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>
          </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="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>
          </div>
        </div>
      </div>
      <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="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(176,108,255,0.55);font-weight:700;margin-bottom:12px;">📊 Métricas Estimadas</div>
          <div style="display:flex;flex-direction:column;gap:10px;">
            <div><div style="display:flex;justify-content:space-between;margin-bottom:5px;"><span style="font-size:0.82rem;font-weight:700;color:#e8eef8;">Renda/dia estimada</span><span style="font-size:0.82rem;font-weight:900;color:#b06cff;">???M z</span></div><div style="height:6px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:45%;background:linear-gradient(90deg,#b06cff,#8844cc);border-radius:999px;"></div></div></div>
            <div><div style="display:flex;justify-content:space-between;margin-bottom:5px;"><span style="font-size:0.82rem;font-weight:700;color:#e8eef8;">Esforço necessário</span><span style="font-size:0.82rem;font-weight:900;color:#00ff88;">Baixo</span></div><div style="height:6px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:20%;background:linear-gradient(90deg,#00ff88,#00c870);border-radius:999px;"></div></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="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="display:flex;flex-wrap:wrap;gap:6px;">
            <span style="padding:4px 10px;border-radius:6px;background:rgba(176,108,255,0.07);border:1px solid rgba(176,108,255,0.18);font-size:0.74rem;color:#b06cff;font-weight:700;">Qualquer nível</span>
            <span style="padding:4px 10px;border-radius:6px;background:rgba(176,108,255,0.07);border:1px solid rgba(176,108,255,0.18);font-size:0.74rem;color:#b06cff;font-weight:700;">Multi-tarefa</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</div>
<!-- /METHODS -->
<!-- ═══════════════════════════════════════════════════════════
    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 style="max-width:1080px;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,255,136,0.08);border:1px solid rgba(0,255,136,0.20);margin-bottom:12px;">
        <span style="font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:#00ff88;font-weight:700;">// Rotas de Farm</span>
      </div>
      <h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 8px;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>
    </div>
    <!-- Location pill grid -->
    <div style="display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:28px;">
      <button onclick="expandRoute('route-a')" class="route-pill" id="pill-route-a" style="display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:12px;border:1px solid rgba(249,197,0,0.20);background:rgba(249,197,0,0.07);color:rgba(249,197,0,0.80);font-size:0.88rem;font-weight:800;cursor:pointer;font-family:inherit;transition:all 0.18s;letter-spacing:0.02em;">
        <span style="font-size:1rem;">🗺️</span> Rota A — Lv.??+
      </button>
      <button onclick="expandRoute('route-b')" class="route-pill" id="pill-route-b" style="display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:12px;border:1px solid rgba(0,212,255,0.18);background:rgba(0,212,255,0.06);color:rgba(0,212,255,0.75);font-size:0.88rem;font-weight:800;cursor:pointer;font-family:inherit;transition:all 0.18s;letter-spacing:0.02em;">
        <span style="font-size:1rem;">🗺️</span> Rota B — Lv.??+
      </button>
      <button onclick="expandRoute('route-c')" class="route-pill" id="pill-route-c" style="display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:12px;border:1px solid rgba(0,255,136,0.18);background:rgba(0,255,136,0.06);color:rgba(0,255,136,0.75);font-size:0.88rem;font-weight:800;cursor:pointer;font-family:inherit;transition:all 0.18s;letter-spacing:0.02em;">
        <span style="font-size:1rem;">🗺️</span> Rota C — Lv.??+
      </button>
      <button onclick="expandRoute('route-d')" class="route-pill" id="pill-route-d" style="display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:12px;border:1px solid rgba(255,107,0,0.18);background:rgba(255,107,0,0.06);color:rgba(255,107,0,0.75);font-size:0.88rem;font-weight:800;cursor:pointer;font-family:inherit;transition:all 0.18s;letter-spacing:0.02em;">
        <span style="font-size:1rem;">🗺️</span> Rota D — Lv.??+
      </button>
      <button onclick="expandRoute('route-e')" class="route-pill" id="pill-route-e" style="display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:12px;border:1px solid rgba(176,108,255,0.18);background:rgba(176,108,255,0.06);color:rgba(176,108,255,0.75);font-size:0.88rem;font-weight:800;cursor:pointer;font-family:inherit;transition:all 0.18s;letter-spacing:0.02em;">
        <span style="font-size:1rem;">🗺️</span> Rota E — Lv.??+ (Endgame)
      </button>
    </div>
    <!-- Route detail cards (hidden until clicked) -->
    <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 — Nome do Mapa/Local</div>
            <div style="font-size:0.70rem;color:rgba(249,197,0,0.60);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;">Nível: ??? · ???M–???M z/hr estimado</div>
          </div>
        </div>
        <button onclick="expandRoute('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;">✕ Fechar</button>
      </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:7px;">
            <div style="display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);">
              <span style="font-size:0.84rem;font-weight:700;color:#e8eef8;">Monstro 1</span>
              <span style="font-size:0.76rem;color:#f9c500;font-weight:700;">Drop: Item X (X%)</span>
            </div>
            <div style="display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);">
              <span style="font-size:0.84rem;font-weight:700;color:#e8eef8;">Monstro 2</span>
              <span style="font-size:0.76rem;color:#f9c500;font-weight:700;">Drop: Item Y (X%)</span>
            </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;">Código do mapa</div>
            <div style="font-size:0.84rem;font-weight:800;color:#f9c500;font-family:monospace;">map_code_aqui</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 12px;">Substitua com estratégia real para esta rota. Qual classe funciona melhor, qual skill usar, como posicionar, se tem cooldown de respawn, e se vale a pena usar buffs/consumíveis.</p>
          <div style="display:flex;flex-wrap:wrap;gap:5px;">
            <span style="padding:3px 8px;border-radius:5px;background:rgba(249,197,0,0.07);border:1px solid rgba(249,197,0,0.16);font-size:0.70rem;color:#f9c500;font-weight:700;">Classe recomendada</span>
            <span style="padding:3px 8px;border-radius:5px;background:rgba(249,197,0,0.07);border:1px solid rgba(249,197,0,0.16);font-size:0.70rem;color:#f9c500;font-weight:700;">Dificuldade: ???</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 — Nome do Mapa/Local</div><div style="font-size:0.70rem;color:rgba(0,212,255,0.60);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;">Nível: ??? · ???M z/hr estimado</div></div></div>
        <button onclick="expandRoute('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;">✕ Fechar</button>
      </div>
      <div style="padding:20px 22px;">
        <p style="font-size:0.88rem;color:rgba(122,144,176,0.70);margin:0;">Preencha com os dados reais desta rota: monstros, mapa, drops mais valiosos e estratégia de farm. Siga o mesmo padrão da Rota A acima.</p>
      </div>
    </div>


    <!-- Routes C, D, E — same pattern, collapsed -->
== Estimativa Manual de Lucro ==
    <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 — Nome do Mapa/Local</div><div style="font-size:0.70rem;color:rgba(0,255,136,0.55);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;">Nível: ??? · ???M z/hr estimado</div></div></div>
        <button onclick="expandRoute('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;">✕ Fechar</button>
      </div>
      <div style="padding:20px 22px;"><p style="font-size:0.88rem;color:rgba(122,144,176,0.70);margin:0;">Preencha com dados reais da Rota C.</p></div>
    </div>


    <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="background:linear-gradient(135deg,rgba(8,14,26,0.94),rgba(4,8,18,0.99));border:1px solid rgba(88,215,255,0.18);border-radius:14px;overflow:hidden;margin:0 0 30px 0;">
      <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="background:linear-gradient(90deg,rgba(88,215,255,0.16),transparent);padding:13px 18px;border-bottom:1px solid rgba(255,255,255,0.06);color:#58d7ff;font-weight:900;letter-spacing:0.09em;text-transform:uppercase;font-size:0.84em;">🧮 Fórmula simples</div>
        <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 — Nome do Mapa/Local</div><div style="font-size:0.70rem;color:rgba(255,107,0,0.55);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;">Nível: ??? · ???M z/hr estimado</div></div></div>
<div style="padding:18px 20px;color:#b8c8d8;font-size:0.92em;line-height:1.75;">
        <button onclick="expandRoute('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;">✕ Fechar</button>
Use esta conta rápida para comparar mapas sem depender de calculadora interativa:
      </div>
<div style="margin:14px 0;padding:14px 16px;border-radius:12px;background:rgba(0,0,0,0.28);border:1px solid rgba(255,255,255,0.08);font-family:'Courier New',monospace;color:#80c8ff;font-weight:bold;">Lucro/hora = (kills por hora × chance de drop × valor médio do item) − custo de consumíveis</div>
      <div style="padding:20px 22px;"><p style="font-size:0.88rem;color:rgba(122,144,176,0.70);margin:0;">Preencha com dados reais da Rota D.</p></div>
Exemplo: se você mata 700 monstros/hora, o item cai em 25% dos kills, vale 2.500z e seu custo é 150.000z/hora:<br>
    </div>
<span style="color:#f0c840;font-family:'Courier New',monospace;font-weight:bold;">700 × 0.25 × 2.500 − 150.000 = 287.500z/hora</span>
 
    <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 — Endgame Farming</div><div style="font-size:0.70rem;color:rgba(176,108,255,0.55);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;">Nível: ??? · ???M+ z/hr estimado</div></div></div>
        <button onclick="expandRoute('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;">✕ Fechar</button>
      </div>
      <div style="padding:20px 22px;"><p style="font-size:0.88rem;color:rgba(122,144,176,0.70);margin:0;">Preencha com dados reais da Rota E (endgame). Mencione o nível mínimo, build necessária e por que é a melhor rota para jogadores veteranos.</p></div>
    </div>
 
  </div>
</div>
</div>
<!-- /ROUTES -->
<!-- ═══════════════════════════════════════════════════════════
    EFFICIENCY RANKING — ANIMATED BARS
═══════════════════════════════════════════════════════════ -->
<div style="background:#07080f;padding:52px 64px;border-bottom:1px solid rgba(255,255,255,0.05);">
  <div style="max-width:860px;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.20);margin-bottom:12px;">
        <span style="font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:#f9c500;font-weight:700;">// Ranking de Eficiência</span>
      </div>
      <h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 8px;border:none;">Comparativo de métodos</h2>
      <p style="color:rgba(122,144,176,0.70);font-size:0.92rem;margin:0;">Zeny por hora estimado em condições ideais. Valores variam conforme class e build.</p>
    </div>
    <!-- Ranking table with bars -->
    <div style="background:rgba(0,0,0,0.28);border:1px solid rgba(255,255,255,0.07);border-radius:18px;overflow:hidden;">
      <!-- Header -->
      <div style="display:grid;grid-template-columns:2fr 3fr 80px 80px;gap:12px;padding:12px 20px;background:rgba(0,0,0,0.30);border-bottom:1px solid rgba(255,255,255,0.06);">
        <div style="font-size:0.60rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;">Método</div>
        <div style="font-size:0.60rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;">Zeny/hora estimado</div>
        <div style="font-size:0.60rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;text-align:center;">Lv. min</div>
        <div style="font-size:0.60rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(122,144,176,0.50);font-weight:700;text-align:center;">Risco</div>
      </div>
      <!-- Row — #1 -->
      <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 style="font-size:0.88rem;font-weight:800;color:#fff;margin-bottom:2px;">#1 — Rota Endgame</div>
          <div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">Substituir com nome</div>
        </div>
        <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:95%;background:linear-gradient(90deg,#f9c500,#f9a826);border-radius:999px;box-shadow:0 0 8px rgba(249,197,0,0.25);"></div>
          </div>
          <span style="font-size:0.82rem;font-weight:900;color:#f9c500;white-space:nowrap;min-width:72px;text-align:right;">???M z</span>
        </div>
        <div style="text-align:center;font-size:0.82rem;font-weight:800;color:#e8eef8;">Lv.???+</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>
      <!-- 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><div style="font-size:0.88rem;font-weight:800;color:#fff;margin-bottom:2px;">#2 — Trading Especializado</div><div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">Substituir com nome</div></div>
        <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>
          <span style="font-size:0.82rem;font-weight:900;color:#00d4ff;white-space:nowrap;min-width:72px;text-align:right;">???M z</span>
        </div>
        <div style="text-align:center;font-size:0.82rem;font-weight:800;color:#e8eef8;">Lv.???+</div>
        <div style="text-align:center;"><span style="padding:3px 8px;border-radius:5px;background:rgba(249,168,38,0.10);border:1px solid rgba(249,168,38,0.20);font-size:0.68rem;color:#f9a826;font-weight:700;">Médio</span></div>
      </div>
      <!-- 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><div style="font-size:0.88rem;font-weight:800;color:#fff;margin-bottom:2px;">#3 — Rota Mid-Game</div><div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">Substituir com nome</div></div>
        <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>
          <span style="font-size:0.82rem;font-weight:900;color:#00ff88;white-space:nowrap;min-width:72px;text-align:right;">???M z</span>
        </div>
        <div style="text-align:center;font-size:0.82rem;font-weight:800;color:#e8eef8;">Lv.???+</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>
      <!-- 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><div style="font-size:0.88rem;font-weight:800;color:#fff;margin-bottom:2px;">#4 — Rota Early-Game</div><div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">Substituir com nome</div></div>
        <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>
          <span style="font-size:0.82rem;font-weight:900;color:#b06cff;white-space:nowrap;min-width:72px;text-align:right;">???k z</span>
        </div>
        <div style="text-align:center;font-size:0.82rem;font-weight:800;color:#e8eef8;">Lv.1+</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>
      <!-- Row — #5 -->
      <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 — Renda Passiva</div><div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">Quests + Open Shop</div></div>
        <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>
          <span style="font-size:0.82rem;font-weight:900;color:#7a90b0;white-space:nowrap;min-width:72px;text-align:right;">???k z</span>
        </div>
        <div style="text-align:center;font-size:0.82rem;font-weight:800;color:#e8eef8;">Lv.1+</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 style="margin-top:10px;font-size:0.74rem;color:rgba(122,144,176,0.45);text-align:center;">* Valores estimados sem boosters. Substituir com dados reais do servidor.</div>
  </div>
</div>
</div>
<!-- /EFFICIENCY RANKING -->
<!-- ═══════════════════════════════════════════════════════════
    PROFITABILITY CALCULATOR
═══════════════════════════════════════════════════════════ -->
<div id="calculator-section" style="background:#04060d;padding:52px 64px;border-bottom:1px solid rgba(255,255,255,0.05);">
  <div style="max-width:780px;margin:0 auto;">
    <div style="text-align:center;margin-bottom:32px;">
      <div style="display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;background:rgba(0,212,255,0.08);border:1px solid rgba(0,212,255,0.20);margin-bottom:12px;">
        <span style="font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:#00d4ff;font-weight:700;">// Calculadora</span>
      </div>
      <h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 8px;border:none;">Calculadora de Lucro</h2>
      <p style="color:rgba(122,144,176,0.70);font-size:0.92rem;margin:0;">Estime quanto Zeny você pode acumular com base na sua rotina de jogo.</p>
    </div>


    <div style="background:rgba(0,0,0,0.32);border:1px solid rgba(0,212,255,0.16);border-radius:22px;overflow:hidden;">
== Comandos Úteis ==


      <!-- Calculator inputs -->
<div style="background:linear-gradient(135deg,rgba(8,14,26,0.94),rgba(4,8,18,0.99));border:1px solid rgba(255,255,255,0.08);border-radius:14px;overflow:hidden;margin:0 0 30px 0;">
      <div style="padding:28px 28px 20px;">
<div style="background:linear-gradient(90deg,rgba(255,255,255,0.08),transparent);padding:13px 18px;border-bottom:1px solid rgba(255,255,255,0.06);color:#d8ecff;font-weight:900;letter-spacing:0.09em;text-transform:uppercase;font-size:0.84em;">⚙️ Ferramentas para farmar melhor</div>
        <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:20px;">
{| style="width:100%;border-collapse:collapse;margin:0;"
 
|-
          <!-- Input: hours/day -->
! style="background:rgba(0,0,0,0.35);color:#6070a0;padding:10px 14px;text-align:left;font-size:0.80em;border-bottom:1px solid rgba(255,255,255,0.06);width:190px;" | Comando
          <div style="background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:16px 18px;">
! style="background:rgba(0,0,0,0.35);color:#6070a0;padding:10px 14px;text-align:left;font-size:0.80em;border-bottom:1px solid rgba(255,255,255,0.06);" | Uso no farming
            <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;">
| style="padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.04);font-family:'Courier New',monospace;color:#80c8ff;font-weight:bold;" | @autoloot
              <button onclick="adjustCalc('hours', -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;">−</button>
| style="padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.04);color:#b8c8d8;line-height:1.55;" | Pega automaticamente drops dentro do limite configurado.
              <div id="calc-hours" style="flex:1;text-align:center;font-size:1.6rem;font-weight:900;color:#fff;">2</div>
|-
              <button onclick="adjustCalc('hours', 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;">+</button>
| style="padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.04);font-family:'Courier New',monospace;color:#80c8ff;font-weight:bold;" | @alootid
            </div>
| style="padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.04);color:#b8c8d8;line-height:1.55;" | Adiciona itens específicos à lista de autoloot.
          </div>
|-
 
| style="padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.04);font-family:'Courier New',monospace;color:#80c8ff;font-weight:bold;" | @droploot
          <!-- Input: method select -->
| style="padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.04);color:#b8c8d8;line-height:1.55;" | Exclui itens ruins do autoloot para economizar peso.
          <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>
| style="padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.04);font-family:'Courier New',monospace;color:#80c8ff;font-weight:bold;" | @whodrops
            <select id="calc-method" onchange="updateCalc()" style="width:100%;padding:8px;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;">
| style="padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.04);color:#b8c8d8;line-height:1.55;" | Mostra quais monstros dropam um item específico.
              <option value="95">Rota Endgame (???M/hr)</option>
|-
              <option value="70" selected>Rota Mid-Game (???M/hr)</option>
| style="padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.04);font-family:'Courier New',monospace;color:#80c8ff;font-weight:bold;" | @whereis
              <option value="40">Rota Early-Game (???k/hr)</option>
| style="padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.04);color:#b8c8d8;line-height:1.55;" | Mostra onde um monstro nasce.
              <option value="20">Renda Passiva (???k/hr)</option>
|-
            </select>
| style="padding:12px 14px;font-family:'Courier New',monospace;color:#80c8ff;font-weight:bold;" | @whosells
          </div>
| style="padding:12px 14px;color:#b8c8d8;line-height:1.55;" | Ajuda a comparar preços de mercado antes de vender ou comprar.
 
|}
          <!-- Input: booster? -->
          <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="display:flex;gap:8px;margin-top:4px;">
              <button id="boost-no" onclick="setBooster(false)" 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;">Não</button>
              <button id="boost-yes" onclick="setBooster(true)" 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;">+50%</button>
            </div>
          </div>
 
        </div>
 
        <!-- Results display -->
        <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>
              <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;">???M z</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 id="result-day" style="font-size:1.6rem;font-weight:900;color:#f9c500;letter-spacing:-0.02em;">???M z</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 id="result-week" style="font-size:1.6rem;font-weight:900;color:#fff;letter-spacing:-0.02em;">???M z</div>
            </div>
          </div>
 
          <!-- Visual gauge -->
          <div>
            <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 id="result-pct" style="font-size:0.70rem;font-weight:800;color:#f9c500;">0%</span>
            </div>
            <div style="height:8px;border-radius:999px;background:rgba(255,255,255,0.06);">
              <div id="result-bar" style="height:100%;width:0%;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 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 no código JS com valores reais do servidor após testes.</div>
      </div>
    </div>
  </div>
</div>
</div>
<!-- /CALCULATOR -->


<!-- ═══════════════════════════════════════════════════════════
== Rotina Recomendada ==
    MARKET BASICS
═══════════════════════════════════════════════════════════ -->
<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:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 30px 0;">
      <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;">
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(88,215,255,0.18);border-radius:14px;padding:18px;text-align:center;"><div style="width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:rgba(88,215,255,0.10);border:1px solid rgba(88,215,255,0.28);display:flex;align-items:center;justify-content:center;font-size:1.35em;">1</div><div style="color:#58d7ff;font-weight:900;margin-bottom:6px;">Escolha a rota</div><div style="color:#a8bfd8;font-size:0.84em;line-height:1.58;">Pegue um mapa adequado ao seu nível, classe e equipamentos.</div></div>
        <span style="font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:#00d4ff;font-weight:700;">// Mercado</span>
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(249,168,38,0.18);border-radius:14px;padding:18px;text-align:center;"><div style="width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:rgba(249,168,38,0.10);border:1px solid rgba(249,168,38,0.28);display:flex;align-items:center;justify-content:center;font-size:1.35em;">2</div><div style="color:#f9a826;font-weight:900;margin-bottom:6px;">Teste 15 minutos</div><div style="color:#d8c8a8;font-size:0.84em;line-height:1.58;">Anote drops, consumíveis gastos, peso e mortes.</div></div>
      </div>
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(112,216,144,0.18);border-radius:14px;padding:18px;text-align:center;"><div style="width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:rgba(112,216,144,0.10);border:1px solid rgba(112,216,144,0.28);display:flex;align-items:center;justify-content:center;font-size:1.35em;">3</div><div style="color:#70d890;font-weight:900;margin-bottom:6px;">Venda certo</div><div style="color:#b8d8c0;font-size:0.84em;line-height:1.58;">NPC para itens comuns, mercado para materiais e cartas.</div></div>
      <h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 8px;border:none;">Como funciona a economia</h2>
<div style="background:rgba(0,0,0,0.24);border:1px solid rgba(255,107,122,0.18);border-radius:14px;padding:18px;text-align:center;"><div style="width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:rgba(255,107,122,0.10);border:1px solid rgba(255,107,122,0.28);display:flex;align-items:center;justify-content:center;font-size:1.35em;">4</div><div style="color:#ff6b7a;font-weight:900;margin-bottom:6px;">Troque se cair</div><div style="color:#d8b8c0;font-size:0.84em;line-height:1.58;">Se o lucro/hora estiver ruim, mude de mapa sem insistir por horas.</div></div>
      <p style="color:rgba(122,144,176,0.70);font-size:0.92rem;margin:0;">Entenda onde e como vender seus itens para máximo lucro.</p>
    </div>
 
    <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;">
 
      <div style="padding:24px 20px;border-radius:16px;background:rgba(0,0,0,0.28);border:1px solid rgba(249,197,0,0.12);">
        <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;">Venda NPC</div>
        <h3 style="font-size:1rem;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:0.02em;">Venda imediata, preço fixo</h3>
        <p style="font-size:0.84rem;color:rgba(176,192,224,0.72);line-height:1.65;margin:0;">Use para itens sem valor no mercado de jogadores. Rápido mas menos lucrativo. Substitua com a lista de itens que valem mais vendendo para NPC do que para jogadores.</p>
      </div>
 
      <div style="padding:24px 20px;border-radius:16px;background:rgba(0,0,0,0.28);border:1px solid rgba(0,212,255,0.12);">
        <div style="font-size:1.6rem;margin-bottom:12px;">👥</div>
        <div style="font-size:0.65rem;letter-spacing:0.14em;text-transform:uppercase;color:#00d4ff;font-weight:700;margin-bottom:6px;">Venda P2P / Vending</div>
        <h3 style="font-size:1rem;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:0.02em;">Máximo lucro, requer paciência</h3>
        <p style="font-size:0.84rem;color:rgba(176,192,224,0.72);line-height:1.65;margin:0;">Open shop ou mercado de jogadores. Preços determinados pela oferta e demanda. Substitua com detalhes de como funciona o sistema de venda no TimeRO.</p>
      </div>
 
      <div style="padding:24px 20px;border-radius:16px;background:rgba(0,0,0,0.28);border:1px solid rgba(0,255,136,0.12);">
        <div style="font-size:1.6rem;margin-bottom:12px;">📊</div>
        <div style="font-size:0.65rem;letter-spacing:0.14em;text-transform:uppercase;color:#00ff88;font-weight:700;margin-bottom:6px;">Pesquisa de Preços</div>
        <h3 style="font-size:1rem;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:0.02em;">Conheça o mercado</h3>
        <p style="font-size:0.84rem;color:rgba(176,192,224,0.72);line-height:1.65;margin:0;">Antes de vender, pesquise os preços praticados. Mencione onde pesquisar: Discord, site oficial, ou @whosell/@whobuy in-game commands se o servidor suportar.</p>
      </div>
 
    </div>
  </div>
</div>
</div>
<!-- /MARKET BASICS -->
<!-- ═══════════════════════════════════════════════════════════
    CONSUMABLE LOADOUT BUILDER
═══════════════════════════════════════════════════════════ -->
<div id="loadout-section" style="background:#04060d;padding:52px 64px;border-bottom:1px solid rgba(255,255,255,0.05);">
  <div style="max-width:860px;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;">// Loadout Builder</span>
      </div>
      <h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 8px;border:none;">Monte seu loadout de farming</h2>
      <p style="color:rgba(122,144,176,0.70);font-size:0.92rem;margin:0;">Selecione os consumíveis que você usa por sessão e veja o custo total. Ajuda a calcular o lucro real.</p>
    </div>
    <div style="background:rgba(0,0,0,0.28);border:1px solid rgba(176,108,255,0.14);border-radius:22px;overflow:hidden;">
      <!-- Consumable toggles -->
      <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 id="loadout-items" style="display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;">
          <!-- Loadout item template — cost in thousands of Zeny per session -->
          <div class="loadout-item" data-cost="15" data-name="HP Potion (Grande)" onclick="toggleLoadout(this)" 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;">
            <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;">HP Potion (Grande)</div>
              <div style="font-size:0.68rem;color:rgba(122,144,176,0.55);">15k z / sessão (estimado)</div>
            </div>
          </div>
          <div class="loadout-item" data-cost="10" data-name="SP Potion" onclick="toggleLoadout(this)" 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;">
            <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>
          <div class="loadout-item" data-cost="25" data-name="Boost de EXP/Drop" onclick="toggleLoadout(this)" 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;">
            <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>
          <div class="loadout-item" data-cost="8" data-name="Buff de STR/AGI" onclick="toggleLoadout(this)" 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;">
            <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>
          <div class="loadout-item" data-cost="20" data-name="Consumível Raro" onclick="toggleLoadout(this)" 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;">
            <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>
          <div class="loadout-item" data-cost="5" data-name="Arrow / Ammo" onclick="toggleLoadout(this)" 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;">
            <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>
        </div>
      </div>


      <!-- Running total -->
== Erros Comuns ==
      <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 style="font-size:0.70rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(176,108,255,0.60);font-weight:700;margin-bottom:4px;">Custo total por sessão</div>
          <div id="loadout-total" style="font-size:1.6rem;font-weight:900;color:#b06cff;letter-spacing:-0.02em;">0k z</div>
        </div>
        <div style="text-align:right;">
          <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:4px;">Itens selecionados</div>
          <div id="loadout-count" style="font-size:1.4rem;font-weight:900;color:#e8eef8;">0</div>
        </div>
        <button onclick="clearLoadout()" 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;">Limpar</button>
      </div>


    </div>
<div style="background:linear-gradient(135deg,rgba(30,8,12,0.94),rgba(12,3,6,0.99));border:1px solid rgba(255,107,122,0.20);border-left:5px solid #ff6b7a;border-radius:14px;padding:18px 20px;margin:0 0 30px 0;color:#d8b8c0;font-size:0.92em;line-height:1.72;">
    <div style="margin-top:10px;font-size:0.74rem;color:rgba(122,144,176,0.40);text-align:center;">Substitua os custos em <code style="background:rgba(255,255,255,0.05);padding:1px 5px;border-radius:3px;color:rgba(176,108,255,0.65);">data-cost</code> com os preços reais do servidor (em milhares de Zeny).</div>
* Farmar mapa difícil demais e perder lucro morrendo ou gastando consumíveis demais.<br>
  </div>
* Vender no NPC itens que têm demanda real entre jogadores.<br>
* Ignorar peso e voltar para a cidade muitas vezes por hora.<br>
* Não usar comandos de autoloot, whodrops e whosells.<br>
* Procurar apenas o drop mais caro, em vez de comparar lucro por hora.
</div>
</div>
<!-- /LOADOUT BUILDER -->
<!-- ═══════════════════════════════════════════════════════════
    ADVANCED FARMING TIPS
═══════════════════════════════════════════════════════════ -->
<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(249,197,0,0.08);border:1px solid rgba(249,197,0,0.20);margin-bottom:12px;">
        <span style="font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:#f9c500;font-weight:700;">// Dicas Avançadas</span>
      </div>
      <h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 8px;border:none;">Maximize cada hora de farm</h2>
      <p style="color:rgba(122,144,176,0.70);font-size:0.92rem;margin:0;">Detalhes que a maioria dos jogadores ignora e fazem diferença real no lucro.</p>
    </div>
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;">
      <div style="display:flex;align-items:flex-start;gap:14px;padding:20px 18px;border-radius:14px;background:rgba(0,0,0,0.28);border:1px solid rgba(249,197,0,0.12);">
        <div style="width:40px;height:40px;border-radius:11px;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:1.2rem;flex-shrink:0;">📦</div>
        <div>
          <div style="font-size:0.92rem;font-weight:800;color:#fff;margin-bottom:5px;">Não venda rápido demais</div>
          <div style="font-size:0.82rem;color:rgba(176,192,224,0.72);line-height:1.65;">Substitua com dica real sobre timing de venda no TimeRO. Ex: certos itens sobem de preço em eventos, outros são mais demandados em certas épocas da progressão do servidor.</div>
        </div>
      </div>
      <div style="display:flex;align-items:flex-start;gap:14px;padding:20px 18px;border-radius:14px;background:rgba(0,0,0,0.28);border:1px solid rgba(0,255,136,0.12);">
        <div style="width:40px;height:40px;border-radius:11px;background:rgba(0,255,136,0.10);border:1px solid rgba(0,255,136,0.20);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;">⚗️</div>
        <div>
          <div style="font-size:0.92rem;font-weight:800;color:#fff;margin-bottom:5px;">Combine métodos</div>
          <div style="font-size:0.82rem;color:rgba(176,192,224,0.72);line-height:1.65;">Grind ativo durante horários de pico + open shop passivo de madrugada. O jogador rico é o que maximiza as 24 horas do dia, não apenas as horas que está online.</div>
        </div>
      </div>
      <div style="display:flex;align-items:flex-start;gap:14px;padding:20px 18px;border-radius:14px;background:rgba(0,0,0,0.28);border:1px solid rgba(0,212,255,0.12);">
        <div style="width:40px;height:40px;border-radius:11px;background:rgba(0,212,255,0.10);border:1px solid rgba(0,212,255,0.20);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;">📈</div>
        <div>
          <div style="font-size:0.92rem;font-weight:800;color:#fff;margin-bottom:5px;">Saiba o Drop Rate real</div>
          <div style="font-size:0.82rem;color:rgba(176,192,224,0.72);line-height:1.65;">Substitua com como verificar drop rates no TimeRO: se tem comandos in-game, se o servidor lista na wiki, e quais taxas são custom vs base do RO.</div>
        </div>
      </div>
      <div style="display:flex;align-items:flex-start;gap:14px;padding:20px 18px;border-radius:14px;background:rgba(0,0,0,0.28);border:1px solid rgba(176,108,255,0.12);">
        <div style="width:40px;height:40px;border-radius:11px;background:rgba(176,108,255,0.10);border:1px solid rgba(176,108,255,0.20);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;">🎯</div>
        <div>
          <div style="font-size:0.92rem;font-weight:800;color:#fff;margin-bottom:5px;">Foco em poucos itens</div>
          <div style="font-size:0.82rem;color:rgba(176,192,224,0.72);line-height:1.65;">Especializar em 2-3 itens de alto valor é mais lucrativo do que coletar tudo. Conheça profundamente o mercado desses itens específicos e domine esse nicho.</div>
        </div>
      </div>
      <div style="display:flex;align-items:flex-start;gap:14px;padding:20px 18px;border-radius:14px;background:rgba(0,0,0,0.28);border:1px solid rgba(255,107,0,0.12);">
        <div style="width:40px;height:40px;border-radius:11px;background:rgba(255,107,0,0.10);border:1px solid rgba(255,107,0,0.20);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;">🔥</div>
        <div>
          <div style="font-size:0.92rem;font-weight:800;color:#fff;margin-bottom:5px;">Aproveite eventos do servidor</div>
          <div style="font-size:0.82rem;color:rgba(176,192,224,0.72);line-height:1.65;">Substitua com detalhes de eventos do TimeRO que aumentam drop rate ou geram Zeny extra. Ex: eventos de EXP dobrada, drop especial, boss de evento com loot valioso.</div>
        </div>
      </div>


      <div style="display:flex;align-items:flex-start;gap:14px;padding:20px 18px;border-radius:14px;background:rgba(0,0,0,0.28);border:1px solid rgba(255,61,90,0.12);">
== Guias Relacionados ==
        <div style="width:40px;height:40px;border-radius:11px;background:rgba(255,61,90,0.10);border:1px solid rgba(255,61,90,0.20);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;">⚠️</div>
        <div>
          <div style="font-size:0.92rem;font-weight:800;color:#fff;margin-bottom:5px;">Cuidado com deflação</div>
          <div style="font-size:0.82rem;color:rgba(176,192,224,0.72);line-height:1.65;">Se muita gente farma o mesmo item, o preço cai. Diversifique suas fontes de Zeny e esteja disposto a mudar de rota quando o mercado saturar. Flexibilidade é lucro.</div>
        </div>
      </div>


    </div>
<div style="display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 10px 0;">
  </div>
<div style="background:linear-gradient(135deg,rgba(8,14,26,0.94),rgba(4,8,18,0.99));border:1px solid rgba(88,215,255,0.18);border-radius:12px;padding:16px;text-align:center;"><div style="font-size:1.35em;margin-bottom:8px;">🌿</div><div style="font-weight:900;color:#58d7ff;">[[Guia de Leveling Iniciante|Leveling]]</div><div style="font-size:0.78em;color:#6070a0;line-height:1.45;margin-top:5px;">Rotas de nível 1–99.</div></div>
<div style="background:linear-gradient(135deg,rgba(8,14,26,0.94),rgba(4,8,18,0.99));border:1px solid rgba(249,168,38,0.18);border-radius:12px;padding:16px;text-align:center;"><div style="font-size:1.35em;margin-bottom:8px;">🏪</div><div style="font-weight:900;color:#f9a826;">[[Mercado|Mercado]]</div><div style="font-size:0.78em;color:#8f8050;line-height:1.45;margin-top:5px;">Venda, compra e economia.</div></div>
<div style="background:linear-gradient(135deg,rgba(8,14,26,0.94),rgba(4,8,18,0.99));border:1px solid rgba(112,216,144,0.18);border-radius:12px;padding:16px;text-align:center;"><div style="font-size:1.35em;margin-bottom:8px;">🔥</div><div style="font-weight:900;color:#70d890;">[[Fever System]]</div><div style="font-size:0.78em;color:#609070;line-height:1.45;margin-top:5px;">Mapas Fever e drops especiais.</div></div>
<div style="background:linear-gradient(135deg,rgba(8,14,26,0.94),rgba(4,8,18,0.99));border:1px solid rgba(255,107,122,0.18);border-radius:12px;padding:16px;text-align:center;"><div style="font-size:1.35em;margin-bottom:8px;">💀</div><div style="font-weight:900;color:#ff6b7a;">[[Guia de Caça a MVPs|MVP Hunting]]</div><div style="font-size:0.78em;color:#a06070;line-height:1.45;margin-top:5px;">Chefes, timers e loot raro.</div></div>
</div>
</div>
<!-- /ADVANCED TIPS -->
<!-- ═══════════════════════════════════════════════════════════
    RELATED GUIDES
═══════════════════════════════════════════════════════════ -->
<div style="background:#04060d;padding:52px 64px;">
  <div style="max-width:1000px;margin:0 auto;">
    <div style="text-align:center;margin-bottom:28px;">
      <h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 8px;border:none;">Guias relacionados</h2>
    </div>
    <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px;">
      [[Beginner Leveling Guide|<div style="padding:20px 18px;border-radius:14px;background:linear-gradient(160deg,rgba(8,16,28,0.97),rgba(5,10,18,0.98));border:1px solid rgba(0,255,136,0.14);cursor:pointer;">
        <div style="font-size:1.5rem;margin-bottom:8px;">🌿</div>
        <div style="font-size:0.60rem;letter-spacing:0.14em;text-transform:uppercase;color:#00ff88;font-weight:700;margin-bottom:4px;">BASE</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;">Evolua seu personagem enquanto faz Zeny no caminho.</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>]]
      [[MVP Hunting Guide|<div style="padding:20px 18px;border-radius:14px;background:linear-gradient(160deg,rgba(8,16,28,0.97),rgba(5,10,18,0.98));border:1px solid rgba(255,61,90,0.14);cursor:pointer;">
        <div style="font-size:1.5rem;margin-bottom:8px;">💀</div>
        <div style="font-size:0.60rem;letter-spacing:0.14em;text-transform:uppercase;color:#ff3d5a;font-weight:700;margin-bottom:4px;">AVANÇADO</div>
        <div style="font-size:0.95rem;font-weight:800;color:#fff;margin-bottom:6px;">Caça a MVPs</div>
        <div style="font-size:0.82rem;color:rgba(122,144,176,0.70);line-height:1.55;">MVPs dropam os itens mais valiosos do servidor. Alta recompensa.</div>
        <div style="margin-top:12px;font-size:0.72rem;font-weight:700;color:#ff3d5a;letter-spacing:0.06em;text-transform:uppercase;">Ler →</div>
      </div>]]
      [[Economy|<div style="padding:20px 18px;border-radius:14px;background:linear-gradient(160deg,rgba(8,16,28,0.97),rgba(5,10,18,0.98));border:1px solid rgba(0,212,255,0.14);cursor:pointer;">
        <div style="font-size:1.5rem;margin-bottom:8px;">💹</div>
        <div style="font-size:0.60rem;letter-spacing:0.14em;text-transform:uppercase;color:#00d4ff;font-weight:700;margin-bottom:4px;">SISTEMA</div>
        <div style="font-size:0.95rem;font-weight:800;color:#fff;margin-bottom:6px;">Economia do Servidor</div>
        <div style="font-size:0.82rem;color:rgba(122,144,176,0.70);line-height:1.55;">Entenda o fluxo de Zeny, inflação e como o mercado funciona no macro.</div>
        <div style="margin-top:12px;font-size:0.72rem;font-weight:700;color:#00d4ff;letter-spacing:0.06em;text-transform:uppercase;">Ler →</div>
      </div>]]
    </div>
    <!-- Edit CTA -->
    <div style="padding:22px;border-radius:14px;background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.06);text-align:center;">
      <div style="font-size:1rem;margin-bottom:6px;">📊</div>
      <div style="font-size:0.92rem;font-weight:700;color:#e8eef8;margin-bottom:4px;">Sabe um método de farm melhor?</div>
      <div style="font-size:0.84rem;color:rgba(122,144,176,0.60);margin-bottom:14px;">Compartilhe! Guias são mais ricos com a experiência de toda a comunidade.</div>
      [[Farming_Guide/talk|<span style="display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;background:rgba(249,197,0,0.08);border:1px solid rgba(249,197,0,0.18);color:rgba(249,197,0,0.70);font-size:0.82rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;">💬 Discussão do Guia</span>]]
      &nbsp;&nbsp;
      [https://timero.com.br/discord <span style="display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;background:rgba(114,137,218,0.10);border:1px solid rgba(114,137,218,0.20);color:#7289da;font-size:0.82rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;">Discord TimeRO</span>]
    </div>


  </div>
</div>
</div>
<!-- /RELATED -->
</div>
</div>
<!-- /farming-guide-root -->
<script>
/* ════════════════════════════════════════════════════════
  FARMING GUIDE JAVASCRIPT
  All new functions — none shared with leveling/mvp guides.
════════════════════════════════════════════════════════ */
/* ── Method tab switcher ─────────────────────────── */
var activeMethod = 'grind';
var methodColors = {
  grind:  { bg: 'rgba(249,197,0,0.18)', color: '#f9c500' },
  market:  { bg: 'rgba(0,212,255,0.14)', color: '#00d4ff' },
  passive: { bg: 'rgba(176,108,255,0.14)', color: '#b06cff' }
};
function switchMethod(m) {
  activeMethod = m;
  /* Hide all panels */
  document.querySelectorAll('.method-panel').forEach(function(p) {
    p.style.display = 'none';
  });
  /* Show selected panel */
  var panel = document.getElementById('method-' + m);
  if (panel) { panel.style.display = 'grid'; panel.style.animation = 'method-in 0.3s ease both'; }
  /* Update tab buttons */
  var tabs = { grind: 'grind', market: 'market', passive: 'passive' };
  Object.keys(tabs).forEach(function(key) {
    var btn = document.getElementById('mtab-' + key);
    if (!btn) return;
    if (key === m) {
      var mc = methodColors[m];
      btn.style.background = mc.bg;
      btn.style.color = mc.color;
      btn.style.fontWeight = '900';
    } else {
      btn.style.background = 'transparent';
      btn.style.color = 'rgba(122,144,176,0.55)';
      btn.style.fontWeight = '700';
    }
  });
}
/* ── Route pill viewer ───────────────────────────── */
var openRoute = null;
function expandRoute(id) {
  var detail = document.getElementById(id);
  if (!detail) return;
  if (openRoute === id) {
    /* Toggle close */
    detail.style.display = 'none';
    openRoute = null;
    var pill = document.getElementById('pill-' + id);
    if (pill) { pill.style.transform = ''; pill.style.fontWeight = '800'; }
    return;
  }
  /* Close previously open */
  if (openRoute) {
    var prev = document.getElementById(openRoute);
    if (prev) prev.style.display = 'none';
    var prevPill = document.getElementById('pill-' + openRoute);
    if (prevPill) { prevPill.style.transform = ''; prevPill.style.fontWeight = '800'; }
  }
  detail.style.display = 'block';
  openRoute = id;
  /* Highlight active pill */
  var pill = document.getElementById('pill-' + id);
  if (pill) { pill.style.transform = 'scale(1.04)'; pill.style.fontWeight = '900'; }
  /* Scroll to route */
  setTimeout(function() { detail.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); }, 80);
}
/* ── Profitability Calculator ────────────────────── */
var calcState = {
  hours: 2,
  methodRate: 70,  /* estimated M z per hour — change per method option */
  booster: false
};
function adjustCalc(field, delta) {
  if (field === 'hours') {
    calcState.hours = Math.max(0.5, Math.min(12, calcState.hours + delta));
    var el = document.getElementById('calc-hours');
    if (el) el.textContent = calcState.hours;
  }
  updateCalc();
}
function setBooster(on) {
  calcState.booster = on;
  var yes = document.getElementById('boost-yes');
  var no  = document.getElementById('boost-no');
  if (yes && no) {
    if (on) {
      yes.style.background = 'rgba(0,255,136,0.16)';
      yes.style.borderColor = 'rgba(0,255,136,0.35)';
      yes.style.color = '#00ff88';
      no.style.background = 'rgba(255,255,255,0.04)';
      no.style.borderColor = 'rgba(255,255,255,0.09)';
      no.style.color = 'rgba(122,144,176,0.60)';
    } else {
      no.style.background = 'rgba(255,61,90,0.15)';
      no.style.borderColor = 'rgba(255,61,90,0.30)';
      no.style.color = '#ff3d5a';
      yes.style.background = 'rgba(255,255,255,0.04)';
      yes.style.borderColor = 'rgba(255,255,255,0.09)';
      yes.style.color = 'rgba(122,144,176,0.60)';
    }
  }
  updateCalc();
}
function updateCalc() {
  var sel = document.getElementById('calc-method');
  if (sel) calcState.methodRate = parseInt(sel.value) || 70;
  var rate = calcState.methodRate * (calcState.booster ? 1.5 : 1.0);
  var session = rate * calcState.hours;
  var day    = session;
  var week    = day * 7;
  /* Format: if >= 1000, show as B (billions), >= 1 show as M, else k */
  function fmt(v) {
    if (v >= 1000) return (v / 1000).toFixed(1) + 'B z';
    if (v >= 1)    return v.toFixed(0) + 'M z';
    return (v * 1000).toFixed(0) + 'k z';
  }
  var el_s = document.getElementById('result-session');
  var el_d = document.getElementById('result-day');
  var el_w = document.getElementById('result-week');
  var el_b = document.getElementById('result-bar');
  var el_p = document.getElementById('result-pct');
  if (el_s) el_s.textContent = fmt(session);
  if (el_d) el_d.textContent = fmt(day);
  if (el_w) el_w.textContent = fmt(week);
  /* Bar: max = endgame method * 12h * 7d * 1.5x booster */
  var max = 95 * 1.5 * 12 * 7;
  var pct = Math.min(100, Math.round((week / max) * 100));
  if (el_b) el_b.style.width = pct + '%';
  if (el_p) el_p.textContent = pct + '%';
}
/* ── Loadout Builder ─────────────────────────────── */
var loadoutTotal = 0;
var loadoutCount = 0;
function toggleLoadout(el) {
  var cost = parseInt(el.dataset.cost) || 0;
  var box  = el.querySelector('.li-check');
  var on  = el.dataset.selected === '1';
  if (on) {
    el.dataset.selected = '0';
    loadoutTotal -= cost;
    loadoutCount--;
    if (box) { box.textContent = ''; box.style.background = 'rgba(176,108,255,0.04)'; box.style.borderColor = 'rgba(176,108,255,0.30)'; }
    el.style.background = 'rgba(255,255,255,0.03)';
    el.style.borderColor = 'rgba(255,255,255,0.07)';
  } else {
    el.dataset.selected = '1';
    loadoutTotal += cost;
    loadoutCount++;
    if (box) { box.textContent = '✓'; box.style.background = 'rgba(176,108,255,0.20)'; box.style.borderColor = 'rgba(176,108,255,0.50)'; box.style.color = '#b06cff'; }
    el.style.background = 'rgba(176,108,255,0.07)';
    el.style.borderColor = 'rgba(176,108,255,0.22)';
  }
  var tot = document.getElementById('loadout-total');
  var cnt = document.getElementById('loadout-count');
  if (tot) tot.textContent = loadoutTotal >= 1000
    ? (loadoutTotal / 1000).toFixed(1) + 'M z'
    : loadoutTotal + 'k z';
  if (cnt) cnt.textContent = loadoutCount;
}
function clearLoadout() {
  loadoutTotal = 0; loadoutCount = 0;
  document.querySelectorAll('.loadout-item').forEach(function(el) {
    el.dataset.selected = '0';
    var box = el.querySelector('.li-check');
    if (box) { box.textContent = ''; box.style.background = 'rgba(176,108,255,0.04)'; box.style.borderColor = 'rgba(176,108,255,0.30)'; box.style.color = ''; }
    el.style.background = 'rgba(255,255,255,0.03)';
    el.style.borderColor = 'rgba(255,255,255,0.07)';
  });
  var tot = document.getElementById('loadout-total'); if (tot) tot.textContent = '0k z';
  var cnt = document.getElementById('loadout-count'); if (cnt) cnt.textContent = '0';
}
/* ── Efficiency bars animate on scroll ──────────── */
(function() {
  var animated = false;
  var observer = new IntersectionObserver(function(entries) {
    entries.forEach(function(e) {
      if (e.isIntersecting && !animated) {
        animated = true;
        document.querySelectorAll('.eff-bar').forEach(function(bar, i) {
          var w = bar.style.width;
          bar.style.width = '0';
          bar.style.transition = 'width 0.8s ' + (i * 0.08) + 's cubic-bezier(0.22,1,0.36,1)';
          setTimeout(function() { bar.style.width = w; }, 50);
        });
      }
    });
  }, { threshold: 0.2 });
  var section = document.querySelector('.eff-bar');
  if (section) observer.observe(section.closest('div') || section);
})();
/* ── Init ────────────────────────────────────────── */
document.addEventListener('DOMContentLoaded', function() {
  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 first method tab */
  switchMethod('grind');
  /* Init calculator */
  updateCalc();
  /* Smooth anchors */
  document.querySelectorAll('a[href^="#"]').forEach(function(a) {
    a.addEventListener('click', function(e) {
      var id = this.getAttribute('href').slice(1), el = document.getElementById(id);
      if (el) { e.preventDefault(); el.scrollIntoView({ behavior: 'smooth', block: 'start' }); }
    });
  });
  /* Mobile padding */
  if (window.innerWidth < 900) {
    document.querySelectorAll(
      '[style*="padding:52px 64px"],[style*="padding:48px 64px"],[style*="padding:28px 64px"]'
    ).forEach(function(el) { el.style.paddingLeft = '18px'; el.style.paddingRight = '18px'; });
  }
});
</script>


[[Category:Guides]]
[[Category:Guides]]
[[Category:Economy]]
[[Category:Economy]]
[[Category:Farming]]
[[Category:Farming]]
[[Category:Zeny]]
[[Category:TimeRO Guides]]

Revision as of 17:23, 30 April 2026



// Economia TimeRO
Guia de Farming
de Zeny
Este guia organiza as principais formas de fazer Zeny no TimeRO: farm direto de drops, venda para NPC, itens de mercado, cartas, materiais de progressão e rotas por estágio. A página foi reconstruída sem JavaScript inline para evitar textos quebrados no MediaWiki.
💰
Zeny
Farm Base
🎒
Loot
Autoloot
🏪
Mercado
Vending
🃏
Cartas
Drops Raros
🧰
Options
Gear Raro

Fundamentos do Farming

💰
Venda para NPC
Método estável. Ideal quando o item tem preço consistente no NPC e o mapa permite alta quantidade de kills por hora.
🏪
Venda para Jogadores
Método mais lucrativo. Materiais de quest, cartas, equipamentos úteis e drops de crafting podem valer muito mais no mercado.
Eficiência por Hora
O melhor mapa não é sempre o drop mais caro. O melhor mapa é onde sua classe mata rápido, morre pouco e converte loot em Zeny de forma constante.

Regra de ouro: antes de ficar preso em um mapa, teste 15 minutos, anote loot total, custo de consumíveis, mortes, peso e velocidade de kill. Multiplique o resultado por 4 para estimar o lucro por hora.

Rotas por Estágio

🗺️ Rotas Recomendadas por Nível
Estágio Mapas / Rotas O que vender Perfil
Nv. 1–25 Prontera Fields, Payon arredores, mapas iniciais com alta densidade. Loot comum, consumíveis, itens de quest simples, cartas iniciais. Seguro
Nv. 25–50 Payon Cave, Orc Dungeon inicial, Toy Factory, Byalan inicial. Equipamentos simples, loot de monstros, cartas úteis, materiais básicos. Estável
Nv. 50–70 Orc Dungeon, Geffen Dungeon, Sphinx, mapas com boa densidade e retorno por peso. Ores, equipamentos, drops vendáveis, itens usados em quests e crafting. Mid-Game
Nv. 70–85 Moscovia, Magma Dungeon, Glast Heim, mapas Fever acessíveis ao build. Materiais de progressão, equipamentos com opções, cartas, drops de maior demanda. Avançado
Nv. 85–99+ Geffenia, Magma Dungeon, Fever Maps, instâncias e rotas de boss/mini-boss. Equipamentos raros, cartas, materiais de alto valor, itens de crafting e random options. Alto Retorno

Métodos de Lucro

💰 Farm Direto
Mate monstros rapidamente, pegue todo loot relevante e converta o resultado em Zeny via NPC ou mercado. É o método mais simples e funciona melhor com builds de área, classes com sustain e personagens com bom controle de peso.
🧪 Materiais de Progressão
Materiais usados em quests, Fever System, instâncias, equipamentos e encantamentos tendem a manter valor por mais tempo. Priorize itens com demanda contínua.
🃏 Cartas e Drops Raros
Alta variância, alto retorno. O lucro pode ser irregular, mas uma carta valiosa ou item com boa opção pode superar muitas horas de farm comum.
🏪 Mercado e Revenda
Compre barato, venda no preço certo. Ideal para jogadores que acompanham demanda de eventos, quests, equipamentos, consumíveis e materiais de upgrade.

Estimativa Manual de Lucro

🧮 Fórmula simples

Use esta conta rápida para comparar mapas sem depender de calculadora interativa:

Lucro/hora = (kills por hora × chance de drop × valor médio do item) − custo de consumíveis

Exemplo: se você mata 700 monstros/hora, o item cai em 25% dos kills, vale 2.500z e seu custo é 150.000z/hora:
700 × 0.25 × 2.500 − 150.000 = 287.500z/hora

Comandos Úteis

⚙️ Ferramentas para farmar melhor
Comando Uso no farming
@autoloot Pega automaticamente drops dentro do limite configurado.
@alootid Adiciona itens específicos à lista de autoloot.
@droploot Exclui itens ruins do autoloot para economizar peso.
@whodrops Mostra quais monstros dropam um item específico.
@whereis Mostra onde um monstro nasce.
@whosells Ajuda a comparar preços de mercado antes de vender ou comprar.

Rotina Recomendada

1
Escolha a rota
Pegue um mapa adequado ao seu nível, classe e equipamentos.
2
Teste 15 minutos
Anote drops, consumíveis gastos, peso e mortes.
3
Venda certo
NPC para itens comuns, mercado para materiais e cartas.
4
Troque se cair
Se o lucro/hora estiver ruim, mude de mapa sem insistir por horas.

Erros Comuns

  • Farmar mapa difícil demais e perder lucro morrendo ou gastando consumíveis demais.
  • Vender no NPC itens que têm demanda real entre jogadores.
  • Ignorar peso e voltar para a cidade muitas vezes por hora.
  • Não usar comandos de autoloot, whodrops e whosells.
  • Procurar apenas o drop mais caro, em vez de comparar lucro por hora.

Guias Relacionados

🌿
Rotas de nível 1–99.
🏪
Venda, compra e economia.
🔥
Mapas Fever e drops especiais.
💀
Chefes, timers e loot raro.