Refinamentos: mudanças entre as edições

De Edda World Wiki
Ir para navegação Ir para pesquisar
(Criou página com '<!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Sistema de Refinamento — Edda</title> <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Crimson+Pro:ital,wght@0,300;0,400;0,600;1,400&display=swap" rel="stylesheet"> <style> :root { --gold: #c9a84c; --gold-light: #f0d080; --gold-dark: #7a5f1e; --blue: #4a90c4; --blue-light: #7db8e...')
 
Sem resumo de edição
 
(12 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<!DOCTYPE html>
<!-- Sistema de Refinamento — Edda World -->
<html lang="pt-BR">
<html>
<head>
 
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sistema de Refinamento — Edda</title>
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Crimson+Pro:ital,wght@0,300;0,400;0,600;1,400&display=swap" rel="stylesheet">
<style>
<style>
:root {
.ref-table { width:100%; border-collapse:collapse; font-size:12px; border-radius:8px; overflow:hidden; margin:0; }
  --gold: #c9a84c;
.ref-table th { background:#050E1F; color:#7DD8FF; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; padding:9px 14px; text-align:center; }
  --gold-light: #f0d080;
.ref-table th:first-child { text-align:left; }
  --gold-dark: #7a5f1e;
.ref-table td { padding:8px 14px; border-bottom:1px solid rgba(14,165,233,0.07); color:#1A2640; font-size:12px; text-align:center; }
  --blue: #4a90c4;
.ref-table td:first-child { font-weight:700; color:#0284C7; text-align:left; }
  --blue-light: #7db8e8;
.ref-table tr:last-child td { border-bottom:none; }
  --green: #4caf7d;
.ref-table tr:hover td { background:#EBF6FF; }
  --red: #c44a4a;
.pct-high { color:#16A34A; font-weight:700; }
  --purple: #9b6fc4;
.pct-med   { color:#D97706; font-weight:700; }
  --bg: #0d0b12;
.pct-low   { color:#DC2626; font-weight:700; }
  --bg2: #13101c;
.pct-full  { color:#0EA5E9; font-weight:700; }
  --bg3: #1a1628;
  --panel: #1e1830;
  --panel2: #251f3a;
  --border: rgba(201,168,76,.2);
  --border-bright: rgba(201,168,76,.5);
  --text: #d4cce8;
  --text-dim: #7a7090;
  --text-bright: #f0ecff;
}
 
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
 
body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Crimson Pro', Georgia, serif;
  font-size: 17px;
  line-height: 1.6;
  overflow-x: hidden;
}
 
/* ── STARFIELD ── */
body::before {
  content: '';
  position: fixed; inset: 0; z-index: 0;
  background-image:
    radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,.4) 0%, transparent 100%),
    radial-gradient(1px 1px at 70% 15%, rgba(255,255,255,.3) 0%, transparent 100%),
    radial-gradient(1px 1px at 45% 60%, rgba(255,255,255,.25) 0%, transparent 100%),
    radial-gradient(1px 1px at 85% 75%, rgba(255,255,255,.3) 0%, transparent 100%),
    radial-gradient(1px 1px at 10% 85%, rgba(255,255,255,.2) 0%, transparent 100%),
    radial-gradient(1px 1px at 60% 45%, rgba(255,255,255,.15) 0%, transparent 100%),
    radial-gradient(2px 2px at 35% 10%, rgba(201,168,76,.3) 0%, transparent 100%),
    radial-gradient(2px 2px at 90% 40%, rgba(74,144,196,.3) 0%, transparent 100%);
  pointer-events: none;
}
 
/* ── GLOW ORBS ── */
body::after {
  content: '';
  position: fixed; inset: 0; z-index: 0;
  background:
    radial-gradient(ellipse 600px 400px at 20% 0%, rgba(74,144,196,.06) 0%, transparent 70%),
    radial-gradient(ellipse 500px 300px at 80% 100%, rgba(155,111,196,.07) 0%, transparent 70%),
    radial-gradient(ellipse 300px 300px at 50% 50%, rgba(201,168,76,.03) 0%, transparent 70%);
  pointer-events: none;
}
 
/* ── LAYOUT ── */
.page { position: relative; z-index: 1; max-width: 1100px; margin: 0 auto; padding: 0 24px 80px; }
 
/* ── HERO ── */
.hero {
  text-align: center;
  padding: 72px 0 56px;
  position: relative;
}
 
.hero-icon {
  width: 96px; height: 96px;
  margin: 0 auto 24px;
  position: relative;
  display: flex; align-items: center; justify-content: center;
}
 
.hero-icon img {
  width: 64px; height: 64px;
  image-rendering: pixelated;
  filter: drop-shadow(0 0 12px rgba(201,168,76,.6)) drop-shadow(0 0 24px rgba(201,168,76,.3));
  animation: glow-pulse 3s ease-in-out infinite;
}
 
@keyframes glow-pulse {
  0%, 100% { filter: drop-shadow(0 0 12px rgba(201,168,76,.6)) drop-shadow(0 0 24px rgba(201,168,76,.3)); }
  50% { filter: drop-shadow(0 0 20px rgba(201,168,76,.9)) drop-shadow(0 0 40px rgba(201,168,76,.5)); }
}
 
.hero-icon::before {
  content: '';
  position: absolute; inset: -16px;
  border-radius: 50%;
  border: 1px solid rgba(201,168,76,.2);
  animation: ring-spin 12s linear infinite;
}
.hero-icon::after {
  content: '';
  position: absolute; inset: -28px;
  border-radius: 50%;
  border: 1px dashed rgba(201,168,76,.1);
  animation: ring-spin 20s linear infinite reverse;
}
 
@keyframes ring-spin { to { transform: rotate(360deg); } }
 
.hero-eyebrow {
  font-family: 'Cinzel', serif;
  font-size: 0.7rem;
  font-weight: 400;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 14px;
  opacity: .8;
}
 
.hero h1 {
  font-family: 'Cinzel', serif;
  font-size: clamp(2rem, 5vw, 3.6rem);
  font-weight: 900;
  color: var(--gold-light);
  line-height: 1.1;
  margin-bottom: 12px;
  text-shadow: 0 0 40px rgba(201,168,76,.3);
}
 
.hero-sub {
  font-size: 1rem;
  color: var(--text-dim);
  max-width: 560px;
  margin: 0 auto;
  font-style: italic;
}
 
.hero-divider {
  width: 200px; height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
  margin: 32px auto 0;
}
 
/* ── SECTION ── */
.section { margin-bottom: 56px; }
 
.section-title {
  font-family: 'Cinzel', serif;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--gold);
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}
 
.section-title::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, var(--border-bright), transparent);
}
 
/* ── CUSTO CARDS ── */
.cost-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
 
.cost-card {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 24px;
  position: relative;
  overflow: hidden;
  transition: border-color .2s;
}
 
.cost-card:hover { border-color: var(--border-bright); }
 
.cost-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
}
 
.cost-card.enriched::before {
  background: linear-gradient(90deg, transparent, var(--blue-light), transparent);
}
 
.cost-card-title {
  font-family: 'Cinzel', serif;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: .1em;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
 
.cost-card-title .icon {
  width: 28px; height: 28px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1rem;
}
 
.cost-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,.05);
  font-size: 0.92rem;
}
 
.cost-row:last-child { border-bottom: none; }
 
.cost-range { color: var(--text-dim); }
.cost-val { color: var(--gold-light); font-weight: 600; font-family: 'Cinzel', serif; font-size: 0.85rem; }
.cost-card.enriched .cost-val { color: var(--blue-light); }
 
/* ── REGRAS ── */
.rules-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
 
.rule-card {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 18px;
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--text);
  transition: border-color .2s;
}
 
.rule-card:hover { border-color: var(--border-bright); }
 
.rule-card strong { color: var(--gold-light); display: block; margin-bottom: 6px; font-family: 'Cinzel', serif; font-size: 0.78rem; letter-spacing: .08em; }
 
/* ── TABELAS DE CHANCE ── */
.table-wrap { overflow-x: auto; border-radius: 12px; border: 1px solid var(--border); }
 
table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}
 
thead th {
  background: var(--panel2);
  font-family: 'Cinzel', serif;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 12px 16px;
  text-align: center;
  color: var(--gold);
  border-bottom: 1px solid var(--border);
}
 
thead th:first-child { text-align: left; }
 
tbody tr { border-bottom: 1px solid rgba(255,255,255,.04); transition: background .15s; }
tbody tr:last-child { border-bottom: none; }
tbody tr:hover { background: rgba(201,168,76,.04); }
 
tbody td {
  padding: 10px 16px;
  text-align: center;
  color: var(--text);
}
 
tbody td:first-child {
  font-family: 'Cinzel', serif;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--gold);
  text-align: left;
}
 
/* Chance colors */
.c-100 { color: #4cff90 !important; font-weight: 700; }
.c-95 { color: #7dff6e !important; font-weight: 600; }
.c-65  { color: var(--gold-light) !important; }
.c-60  { color: #f0b840 !important; }
.c-50  { color: #e8943a !important; }
.c-45  { color: #e07038 !important; }
.c-40  { color: #d85030 !important; }
.c-25  { color: #cc3c3c !important; }
.c-24  { color: #c43030 !important; }
.c-20  { color: #c43030 !important; }
.c-19  { color: #bc2424 !important; }
.c-14  { color: #b01818 !important; }
.c-9   { color: #a01010 !important; font-weight: 700; }
 
/* ── TABS ── */
.tab-wrap { margin-bottom: 12px; display: flex; gap: 8px; }
 
.tab-btn {
  font-family: 'Cinzel', serif;
  font-size: 0.72rem;
  letter-spacing: .1em;
  padding: 8px 20px;
  border-radius: 6px;
  border: 1px solid var(--border);
  background: transparent;
  color: var(--text-dim);
  cursor: pointer;
  transition: all .15s;
}
 
.tab-btn:hover { border-color: var(--border-bright); color: var(--gold); }
.tab-btn.on { background: rgba(201,168,76,.15); border-color: var(--gold); color: var(--gold-light); }
 
.tab-panel { display: none; }
.tab-panel.on { display: block; }
 
/* ── BÔNUS ARMAS ── */
.bonus-grid {
  display: grid;
   grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
 
.bonus-card {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 22px;
  position: relative;
  overflow: hidden;
}
 
.bonus-card::after {
  content: attr(data-lvl);
  position: absolute;
  right: 16px; top: 16px;
  font-family: 'Cinzel', serif;
  font-size: 0.68rem;
  color: var(--text-dim);
  letter-spacing: .1em;
}
 
.bonus-lvl {
  font-family: 'Cinzel', serif;
  font-size: 0.78rem;
  color: var(--gold);
  letter-spacing: .1em;
  margin-bottom: 14px;
  font-weight: 600;
}
 
.bonus-stats { display: flex; flex-direction: column; gap: 8px; }
 
.stat-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.88rem;
}
 
.stat-name { color: var(--text-dim); }
.stat-val { color: var(--text-bright); font-weight: 600; }
.stat-val.atk { color: #ff7070; }
.stat-val.aspd { color: #7db8e8; }
.stat-val.cast { color: #9b6fc4; }
.stat-val.crit { color: #f0d080; }
.stat-val.def { color: #4caf7d; }
.stat-val.cure { color: #4cb8af; }
 
/* ── EXEMPLO ── */
.example-box {
  background: var(--panel2);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 20px 24px;
  margin-top: 16px;
}
 
.example-title {
  font-family: 'Cinzel', serif;
  font-size: 0.72rem;
  color: var(--text-dim);
  letter-spacing: .15em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
 
.example-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
 
.ex-stat {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 0.88rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
 
.ex-stat-val { font-weight: 700; font-size: 1.05rem; }
.ex-stat-lbl { font-size: 0.68rem; color: var(--text-dim); letter-spacing: .06em; }
 
/* ── VALE A PENA ── */
.worth-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}


.worth-card {
.ref-card { background:#fff; border:1px solid rgba(14,165,233,0.16); border-radius:10px; overflow:hidden; margin-bottom:12px; }
  background: var(--panel);
.ref-card-title { background:#050E1F; padding:10px 18px; display:flex; align-items:center; gap:10px; }
  border: 1px solid var(--border);
.ref-card-title-text { color:#7DD8FF; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; }
  border-radius: 12px;
.ref-card-body { padding:16px 18px; }
  padding: 24px;
}


.worth-card-title {
.ref-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:12px; }
  font-family: 'Cinzel', serif;
.ref-cost-block { background:#F4F8FF; border:1px solid rgba(14,165,233,0.14); border-radius:8px; padding:14px 16px; }
  font-size: 0.85rem;
.ref-cost-label { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#8EA8C4; margin-bottom:10px; display:flex; align-items:center; gap:6px; }
  color: var(--gold);
.ref-cost-row { display:flex; justify-content:space-between; align-items:center; padding:5px 0; border-bottom:1px solid rgba(14,165,233,0.07); font-size:12px; color:#1A2640; }
  margin-bottom: 16px;
.ref-cost-row:last-child { border-bottom:none; }
  display: flex;
.ref-cost-val { font-weight:700; color:#0C1A36; }
  align-items: center;
  gap: 10px;
}


.worth-row {
.ref-bonus-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  display: flex;
.ref-bonus-card { background:#F4F8FF; border:1px solid rgba(14,165,233,0.14); border-radius:8px; padding:14px 16px; }
  gap: 12px;
.ref-bonus-label { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#8EA8C4; margin-bottom:10px; }
  align-items: flex-start;
.ref-bonus-row { display:flex; justify-content:space-between; padding:4px 0; font-size:12px; color:#1A2640; border-bottom:1px solid rgba(14,165,233,0.06); }
  padding: 8px 0;
.ref-bonus-row:last-child { border-bottom:none; }
  border-bottom: 1px solid rgba(255,255,255,.05);
.ref-bonus-row span:last-child { font-weight:700; color:#0284C7; }
  font-size: 0.88rem;
}


.worth-row:last-child { border-bottom: none; }
.ref-example { background:#050E1F; border-radius:8px; padding:12px 16px; margin-top:10px; }
.worth-label { color: var(--text-dim); min-width: 120px; flex-shrink: 0; }
.ref-example-label { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#8EA8C4; margin-bottom:8px; }
.worth-val { color: var(--text-bright); }
.ref-example-val { font-size:13px; font-weight:700; color:#7DD8FF; line-height:1.8; }


/* ── FOOTER ── */
.ref-rule { display:flex; align-items:flex-start; gap:10px; padding:8px 0; border-bottom:1px solid rgba(14,165,233,0.07); font-size:12.5px; color:#1A2640; line-height:1.5; }
.deck-footer {
.ref-rule:last-child { border-bottom:none; }
  text-align: center;
.ref-rule-dot { width:6px; height:6px; border-radius:50%; background:#0EA5E9; flex-shrink:0; margin-top:5px; }
  padding: 32px 0 0;
  border-top: 1px solid var(--border);
  font-size: 0.82rem;
  color: var(--text-dim);
  font-style: italic;
}


/* ── BADGE ── */
.ref-summary { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.badge {
.ref-summary-card { background:#F4F8FF; border:1px solid rgba(14,165,233,0.14); border-radius:8px; padding:14px 16px; }
  display: inline-block;
.ref-summary-title { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#0EA5E9; margin-bottom:10px; }
  font-family: 'Cinzel', serif;
.ref-summary-row { display:flex; justify-content:space-between; padding:4px 0; font-size:12px; color:#1A2640; border-bottom:1px solid rgba(14,165,233,0.06); }
  font-size: 0.65rem;
.ref-summary-row:last-child { border-bottom:none; }
  letter-spacing: .1em;
.ref-summary-row span:last-child { font-weight:700; color:#0C1A36; }
  padding: 3px 10px;
  border-radius: 20px;
  background: rgba(201,168,76,.1);
  border: 1px solid var(--border);
  color: var(--gold);
  margin-left: 8px;
  vertical-align: middle;
}


.badge.blue { background: rgba(74,144,196,.1); border-color: rgba(74,144,196,.3); color: var(--blue-light); }
.ref-footer { font-size:11px; color:#8EA8C4; font-style:italic; text-align:center; margin-top:12px; padding-top:12px; border-top:1px solid rgba(14,165,233,0.1); }


@media (max-width: 700px) {
.cost-table { width:100%; border-collapse:collapse; font-size:12px; border-radius:8px; overflow:hidden; }
  .cost-grid, .bonus-grid, .worth-grid, .rules-grid { grid-template-columns: 1fr; }
.cost-table th { background:#0B1A33; color:#7DD8FF; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; padding:9px 14px; text-align:center; }
}
.cost-table th:first-child { text-align:left; }
.cost-table td { padding:8px 14px; border-bottom:1px solid rgba(14,165,233,0.07); color:#1A2640; font-size:12px; text-align:center; }
.cost-table td:first-child { font-weight:700; color:#0284C7; text-align:left; }
.cost-table tr:last-child td { border-bottom:none; }
.cost-table tr:hover td { background:#EBF6FF; }
.cost-table .z-val { font-weight:700; color:#0C1A36; }
.cost-table .section-header td { background:#0D2040; color:#7DD8FF; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.6px; padding:7px 14px; text-align:left; }
</style>
</style>
</head>
<body>
<div class="page">


  <!-- HERO -->
<!-- HERO -->
   <div class="hero">
<div style="background:#050E1F;border-radius:12px;padding:28px 32px;text-align:center;margin-bottom:16px;position:relative;overflow:hidden;">
    <div class="hero-eyebrow">Edda Ragnarok Online</div>
   <div style="position:absolute;top:-30px;left:-20px;width:180px;height:180px;background:radial-gradient(circle,rgba(14,165,233,0.12) 0%,transparent 70%);border-radius:50%;pointer-events:none;"></div>
    <div class="hero-icon">
  <div style="position:absolute;bottom:-20px;right:5%;width:140px;height:140px;background:radial-gradient(circle,rgba(125,216,255,0.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;"></div>
      <img src="https://static.divine-pride.net/images/items/item/6438.png"
  <div style="position:relative;z-index:1;">
          onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"
    <img src="https://static.divine-pride.net/images/items/item/6438.png" width="48" height="48" style="image-rendering:pixelated;margin-bottom:10px;" alt="">
          alt="Oridecon Enriquecido">
    <div style="color:#fff;font-size:20px;font-weight:700;margin-bottom:6px;">Sistema de Refinamento</div>
      <div style="display:none;font-size:3rem">⚙️</div>
     <div style="color:rgba(255,255,255,0.45);font-size:13px;">Custos, chances de sucesso e bônus por nível de refino</div>
    </div>
    <h1>Sistema de Refinamento</h1>
     <p class="hero-sub">Custos, chances de sucesso e bônus acumulativos para armas e armaduras</p>
    <div class="hero-divider"></div>
   </div>
   </div>
</div>


  <!-- CUSTOS -->
<!-- CUSTOS -->
   <div class="section">
<div class="ref-card">
     <div class="section-title">⚒ Custos de Refinamento</div>
   <div class="ref-card-title">
     <div class="cost-grid">
    <img src="https://static.divine-pride.net/images/items/item/7929.png" width="20" height="20" style="image-rendering:pixelated;" alt="">
     <div class="ref-card-title-text">Custos de Refinamento</div>
  </div>
  <div class="ref-card-body" style="padding:0;">
     <table class="cost-table">
      <thead>
        <tr>
          <th>Item</th>
          <th>+1 a +4</th>
          <th>+5 a +7</th>
          <th>+8 a +10</th>
        </tr>
      </thead>
      <tbody>
        <!-- Normal -->
        <tr class="section-header"><td colspan="4">
          <div style="display:flex;align-items:center;gap:8px;">
            <img src="https://static.divine-pride.net/images/items/item/985.png" width="16" height="16" style="image-rendering:pixelated;" alt="">
            Refinamento Normal
          </div>
        </td></tr>
        <tr><td>Arma Nv. 1</td><td class="z-val">20.000z</td><td class="z-val">30.000z</td><td class="z-val">40.000z</td></tr>
        <tr><td>Arma Nv. 2</td><td class="z-val">30.000z</td><td class="z-val">45.000z</td><td class="z-val">60.000z</td></tr>
        <tr><td>Arma Nv. 3</td><td class="z-val">40.000z</td><td class="z-val">60.000z</td><td class="z-val">80.000z</td></tr>
        <tr><td>Arma Nv. 4</td><td class="z-val">50.000z</td><td class="z-val">75.000z</td><td class="z-val">100.000z</td></tr>
        <tr><td>Armadura</td><td class="z-val">50.000z</td><td class="z-val">75.000z</td><td class="z-val">100.000z</td></tr>
        <!-- Enriquecido -->
        <tr class="section-header"><td colspan="4">
          <div style="display:flex;align-items:center;gap:8px;">
            <img src="https://static.divine-pride.net/images/items/item/7619.png" width="16" height="16" style="image-rendering:pixelated;" alt="">
            Refinamento com Enriquecido
          </div>
        </td></tr>
        <tr><td>Arma Nv. 1</td><td class="z-val">40.000z</td><td class="z-val">60.000z</td><td class="z-val">80.000z</td></tr>
        <tr><td>Arma Nv. 2</td><td class="z-val">60.000z</td><td class="z-val">90.000z</td><td class="z-val">120.000z</td></tr>
        <tr><td>Arma Nv. 3</td><td class="z-val">80.000z</td><td class="z-val">120.000z</td><td class="z-val">160.000z</td></tr>
        <tr><td>Arma Nv. 4</td><td class="z-val">100.000z</td><td class="z-val">150.000z</td><td class="z-val">200.000z</td></tr>
        <tr><td>Armadura</td><td class="z-val">100.000z</td><td class="z-val">150.000z</td><td class="z-val">200.000z</td></tr>
      </tbody>
    </table>
  </div>
</div>


      <div class="cost-card">
<!-- REGRAS -->
        <div class="cost-card-title">
<div class="ref-card">
          <span class="icon">🔨</span>
  <div class="ref-card-title">
          Refinamento Normal
    <img src="https://static.divine-pride.net/images/items/item/12108.png" width="20" height="20" style="image-rendering:pixelated;" alt="">
        </div>
    <div class="ref-card-title-text">Regras</div>
        <div class="cost-row"><span class="cost-range">+1 a +4</span><span class="cost-val">50.000 z</span></div>
  </div>
        <div class="cost-row"><span class="cost-range">+5 a +7</span><span class="cost-val">75.000 z</span></div>
  <div class="ref-card-body">
        <div class="cost-row"><span class="cost-range">+8 a +10</span><span class="cost-val">100.000 z</span></div>
    <div class="ref-rule"><div class="ref-rule-dot"></div>As chances seguem o padrão original do Ragnarok Online com os ajustes do Edda World</div>
      </div>
    <div class="ref-rule"><div class="ref-rule-dot"></div>O refinamento vai até o limite de <strong>+10</strong></div>
    <div class="ref-rule"><div class="ref-rule-dot"></div>O <strong>Oridecon Enriquecido</strong> concede <strong>+5% de chance</strong> em armas de todos os níveis em qualquer refino</div>
    <div class="ref-rule"><div class="ref-rule-dot"></div>O <strong>Elunium Enriquecido</strong> concede o mesmo bônus para armaduras</div>
    <div class="ref-rule"><div class="ref-rule-dot"></div>Com Enriquecido, níveis que seriam 95% passam a <strong>100%</strong></div>
  </div>
</div>


      <div class="cost-card enriched">
<!-- TABELA NORMAL -->
        <div class="cost-card-title" style="color:var(--blue-light)">
<div class="ref-card">
          <span class="icon">💎</span>
  <div class="ref-card-title">
           Refinamento com Enriquecido
    <img src="https://static.divine-pride.net/images/items/item/984.png" width="20" height="20" style="image-rendering:pixelated;" alt="">
         </div>
    <div class="ref-card-title-text">Chances de Sucesso — Normal</div>
         <div class="cost-row"><span class="cost-range">+1 a +4</span><span class="cost-val">100.000 z</span></div>
  </div>
         <div class="cost-row"><span class="cost-range">+5 a +7</span><span class="cost-val">150.000 z</span></div>
  <div class="ref-card-body" style="padding:0;">
         <div class="cost-row"><span class="cost-range">+8 a +10</span><span class="cost-val">200.000 z</span></div>
    <table class="ref-table">
      </div>
      <thead>
        <tr>
          <th>Refino</th>
           <th>Nv. 1</th>
          <th>Nv. 2</th>
          <th>Nv. 3</th>
          <th>Nv. 4</th>
          <th>Armadura</th>
        </tr>
      </thead>
      <tbody>
         <tr><td>+1</td><td class="pct-high">95%</td><td class="pct-high">95%</td><td class="pct-high">95%</td><td class="pct-high">95%</td><td class="pct-high">95%</td></tr>
         <tr><td>+2</td><td class="pct-high">95%</td><td class="pct-high">95%</td><td class="pct-high">95%</td><td class="pct-high">95%</td><td class="pct-high">95%</td></tr>
        <tr><td>+3</td><td class="pct-high">95%</td><td class="pct-high">95%</td><td class="pct-high">95%</td><td class="pct-high">95%</td><td class="pct-high">95%</td></tr>
        <tr><td>+4</td><td class="pct-high">95%</td><td class="pct-high">95%</td><td class="pct-high">95%</td><td class="pct-high">95%</td><td class="pct-high">95%</td></tr>
         <tr><td>+5</td><td class="pct-high">95%</td><td class="pct-high">95%</td><td class="pct-high">95%</td><td class="pct-med">60%</td><td class="pct-med">60%</td></tr>
        <tr><td>+6</td><td class="pct-high">95%</td><td class="pct-high">95%</td><td class="pct-med">60%</td><td class="pct-med">40%</td><td class="pct-med">40%</td></tr>
        <tr><td>+7</td><td class="pct-high">95%</td><td class="pct-med">60%</td><td class="pct-med">50%</td><td class="pct-med">40%</td><td class="pct-med">40%</td></tr>
         <tr><td>+8</td><td class="pct-med">60%</td><td class="pct-med">40%</td><td class="pct-low">20%</td><td class="pct-low">20%</td><td class="pct-low">20%</td></tr>
        <tr><td>+9</td><td class="pct-med">40%</td><td class="pct-low">20%</td><td class="pct-low">20%</td><td class="pct-low">20%</td><td class="pct-low">20%</td></tr>
        <tr><td>+10</td><td class="pct-low">19%</td><td class="pct-low">19%</td><td class="pct-low">19%</td><td class="pct-low">9%</td><td class="pct-low">9%</td></tr>
      </tbody>
    </table>
  </div>
</div>


     </div>
<!-- TABELA ENRIQUECIDO -->
<div class="ref-card">
  <div class="ref-card-title">
     <img src="https://static.divine-pride.net/images/items/item/7620.png" width="20" height="20" style="image-rendering:pixelated;" alt="">
    <div class="ref-card-title-text">Chances de Sucesso — Enriquecido (+5% fixo)</div>
  </div>
  <div class="ref-card-body" style="padding:0;">
    <table class="ref-table">
      <thead>
        <tr>
          <th>Refino</th>
          <th>Nv. 1</th>
          <th>Nv. 2</th>
          <th>Nv. 3</th>
          <th>Nv. 4</th>
          <th>Armadura</th>
        </tr>
      </thead>
      <tbody>
        <tr><td>+1</td><td class="pct-full">100%</td><td class="pct-full">100%</td><td class="pct-full">100%</td><td class="pct-full">100%</td><td class="pct-full">100%</td></tr>
        <tr><td>+2</td><td class="pct-full">100%</td><td class="pct-full">100%</td><td class="pct-full">100%</td><td class="pct-full">100%</td><td class="pct-full">100%</td></tr>
        <tr><td>+3</td><td class="pct-full">100%</td><td class="pct-full">100%</td><td class="pct-full">100%</td><td class="pct-full">100%</td><td class="pct-full">100%</td></tr>
        <tr><td>+4</td><td class="pct-full">100%</td><td class="pct-full">100%</td><td class="pct-full">100%</td><td class="pct-full">100%</td><td class="pct-full">100%</td></tr>
        <tr><td>+5</td><td class="pct-full">100%</td><td class="pct-full">100%</td><td class="pct-full">100%</td><td class="pct-high">65%</td><td class="pct-high">65%</td></tr>
        <tr><td>+6</td><td class="pct-full">100%</td><td class="pct-full">100%</td><td class="pct-high">65%</td><td class="pct-med">45%</td><td class="pct-med">45%</td></tr>
        <tr><td>+7</td><td class="pct-full">100%</td><td class="pct-high">65%</td><td class="pct-med">55%</td><td class="pct-med">45%</td><td class="pct-med">45%</td></tr>
        <tr><td>+8</td><td class="pct-high">65%</td><td class="pct-med">45%</td><td class="pct-low">25%</td><td class="pct-low">25%</td><td class="pct-low">25%</td></tr>
        <tr><td>+9</td><td class="pct-med">45%</td><td class="pct-low">25%</td><td class="pct-low">25%</td><td class="pct-low">25%</td><td class="pct-low">25%</td></tr>
        <tr><td>+10</td><td class="pct-low">24%</td><td class="pct-low">24%</td><td class="pct-low">24%</td><td class="pct-low">14%</td><td class="pct-low">14%</td></tr>
      </tbody>
    </table>
   </div>
   </div>
</div>


  <!-- REGRAS -->
<!-- BÔNUS DE ARMAS -->
  <div class="section">
<div class="ref-card">
    <div class="section-title">📜 Regras</div>
  <div class="ref-card-title">
     <div class="rules-grid">
    <img src="https://www.divine-pride.net/img/items/item/bRO/1156" width="20" height="20" style="image-rendering:pixelated;" alt="">
      <div class="rule-card">
     <div class="ref-card-title-text">Bônus de Refino — Armas</div>
        <strong>Limite Máximo</strong>
  </div>
        O refinamento vai até o limite de <span style="color:var(--gold-light)">+10</span>. Não é possível refinar além disso.
  <div class="ref-card-body">
       </div>
    <div style="font-size:12px;color:#5A7A9A;margin-bottom:12px;">Cada nível de refino concede bônus acumulativos em todas as armas, independente do nível.</div>
       <div class="rule-card">
    <table class="ref-table" style="margin-bottom:12px;">
         <strong>Oridecon Enriquecido</strong>
      <thead>
         Concede <span style="color:var(--blue-light)">+5% de chance</span> em armas de todos os níveis. Níveis que seriam 95% passam a <span style="color:#4cff90">100%</span>.
        <tr>
       </div>
          <th>Nível da Arma</th>
      <div class="rule-card">
          <th>ATK e ATKM por +1</th>
        <strong>Elunium Enriquecido</strong>
          <th>ASPD por +1</th>
        Concede o mesmo bônus de <span style="color:var(--blue-light)">+5%</span> para armaduras em qualquer nível de refino.
          <th>Conjuração por +1</th>
      </div>
          <th>CRIT por +1</th>
        </tr>
       </thead>
       <tbody>
        <tr><td>Nível 1</td><td>+4 ATK · +4 ATKM</td><td>+0.2</td><td>-0.5%</td><td>+1.5</td></tr>
         <tr><td>Nível 2</td><td>+6 ATK · +6 ATKM</td><td>+0.2</td><td>-0.5%</td><td>+1.5</td></tr>
         <tr><td>Nível 3</td><td>+10 ATK · +10 ATKM</td><td>+0.2</td><td>-0.5%</td><td>+1.5</td></tr>
        <tr><td>Nível 4</td><td>+14 ATK · +14 ATKM</td><td>+0.2</td><td>-0.5%</td><td>+1.5</td></tr>
       </tbody>
    </table>
    <div class="ref-example">
      <div class="ref-example-label">Exemplo — Arma Nível 3 em +10</div>
      <div class="ref-example-val">+100 ATK · +100 ATKM · +2.0 ASPD · -5% Conjuração · +15 CRIT</div>
     </div>
     </div>
   </div>
   </div>
</div>


  <!-- TABELAS DE CHANCE -->
<!-- BÔNUS DE ARMADURAS -->
  <div class="section">
<div class="ref-card">
    <div class="section-title">🎲 Chances de Sucesso</div>
  <div class="ref-card-title">
    <div class="tab-wrap">
     <img src="https://www.divine-pride.net/img/items/item/bRO/2312" width="20" height="20" style="image-rendering:pixelated;" alt="">
      <button class="tab-btn on" onclick="setTab('normal', this)">Normal</button>
     <div class="ref-card-title-text">Bônus de Refino — Armaduras</div>
      <button class="tab-btn" onclick="setTab('enrich', this)">Enriquecido <span class="badge blue">+5%</span></button>
     </div>
 
    <div class="tab-panel on" id="t-normal">
      <div class="table-wrap">
        <table>
          <thead>
            <tr>
              <th>Refino</th>
              <th>Nv 1</th>
              <th>Nv 2</th>
              <th>Nv 3</th>
              <th>Nv 4</th>
              <th>Armadura</th>
            </tr>
          </thead>
          <tbody>
            <tr><td>+1</td><td class="c-95">95%</td><td class="c-95">95%</td><td class="c-95">95%</td><td class="c-95">95%</td><td class="c-95">95%</td></tr>
            <tr><td>+2</td><td class="c-95">95%</td><td class="c-95">95%</td><td class="c-95">95%</td><td class="c-95">95%</td><td class="c-95">95%</td></tr>
            <tr><td>+3</td><td class="c-95">95%</td><td class="c-95">95%</td><td class="c-95">95%</td><td class="c-95">95%</td><td class="c-95">95%</td></tr>
            <tr><td>+4</td><td class="c-95">95%</td><td class="c-95">95%</td><td class="c-95">95%</td><td class="c-95">95%</td><td class="c-95">95%</td></tr>
            <tr><td>+5</td><td class="c-95">95%</td><td class="c-95">95%</td><td class="c-95">95%</td><td class="c-60">60%</td><td class="c-60">60%</td></tr>
            <tr><td>+6</td><td class="c-95">95%</td><td class="c-95">95%</td><td class="c-60">60%</td><td class="c-40">40%</td><td class="c-40">40%</td></tr>
            <tr><td>+7</td><td class="c-95">95%</td><td class="c-60">60%</td><td class="c-50">50%</td><td class="c-40">40%</td><td class="c-40">40%</td></tr>
            <tr><td>+8</td><td class="c-60">60%</td><td class="c-40">40%</td><td class="c-20">20%</td><td class="c-20">20%</td><td class="c-20">20%</td></tr>
            <tr><td>+9</td><td class="c-40">40%</td><td class="c-20">20%</td><td class="c-20">20%</td><td class="c-20">20%</td><td class="c-20">20%</td></tr>
            <tr><td>+10</td><td class="c-19">19%</td><td class="c-19">19%</td><td class="c-19">19%</td><td class="c-9">9%</td><td class="c-9">9%</td></tr>
          </tbody>
        </table>
      </div>
    </div>
 
     <div class="tab-panel" id="t-enrich">
      <div class="table-wrap">
        <table>
          <thead>
            <tr>
              <th>Refino</th>
              <th>Nv 1</th>
              <th>Nv 2</th>
              <th>Nv 3</th>
              <th>Nv 4</th>
              <th>Armadura</th>
            </tr>
          </thead>
          <tbody>
            <tr><td>+1</td><td class="c-100">100%</td><td class="c-100">100%</td><td class="c-100">100%</td><td class="c-100">100%</td><td class="c-100">100%</td></tr>
            <tr><td>+2</td><td class="c-100">100%</td><td class="c-100">100%</td><td class="c-100">100%</td><td class="c-100">100%</td><td class="c-100">100%</td></tr>
            <tr><td>+3</td><td class="c-100">100%</td><td class="c-100">100%</td><td class="c-100">100%</td><td class="c-100">100%</td><td class="c-100">100%</td></tr>
            <tr><td>+4</td><td class="c-100">100%</td><td class="c-100">100%</td><td class="c-100">100%</td><td class="c-100">100%</td><td class="c-100">100%</td></tr>
            <tr><td>+5</td><td class="c-100">100%</td><td class="c-100">100%</td><td class="c-100">100%</td><td class="c-65">65%</td><td class="c-65">65%</td></tr>
            <tr><td>+6</td><td class="c-100">100%</td><td class="c-100">100%</td><td class="c-65">65%</td><td class="c-45">45%</td><td class="c-45">45%</td></tr>
            <tr><td>+7</td><td class="c-100">100%</td><td class="c-65">65%</td><td class="c-50">55%</td><td class="c-45">45%</td><td class="c-45">45%</td></tr>
            <tr><td>+8</td><td class="c-65">65%</td><td class="c-45">45%</td><td class="c-25">25%</td><td class="c-25">25%</td><td class="c-25">25%</td></tr>
            <tr><td>+9</td><td class="c-45">45%</td><td class="c-25">25%</td><td class="c-25">25%</td><td class="c-25">25%</td><td class="c-25">25%</td></tr>
            <tr><td>+10</td><td class="c-24">24%</td><td class="c-24">24%</td><td class="c-24">24%</td><td class="c-14">14%</td><td class="c-14">14%</td></tr>
          </tbody>
        </table>
      </div>
    </div>
   </div>
   </div>
 
   <div class="ref-card-body">
  <!-- BÔNUS ARMAS -->
     <div style="font-size:12px;color:#5A7A9A;margin-bottom:12px;">Cada nível de refino concede bônus acumulativos de DEF, DEFM e eficiência de cura.</div>
   <div class="section">
     <div class="ref-bonus-card" style="margin-bottom:12px;">
     <div class="section-title">⚔ Bônus de Refino — Armas</div>
      <div class="ref-bonus-label">Bônus por +1</div>
    <p style="font-size:0.9rem;color:var(--text-dim);margin-bottom:20px;font-style:italic">Bônus acumulativos por nível de refino, independente do tipo de arma.</p>
       <div class="ref-bonus-row"><span>DEF</span><span>+0.7</span></div>
     <div class="bonus-grid">
       <div class="ref-bonus-row"><span>DEFM</span><span>+0.3</span></div>
 
       <div class="ref-bonus-row"><span>Eficiência de Cura e Poções</span><span>+0.4%</span></div>
      <div class="bonus-card">
        <div class="bonus-lvl">Arma Nível 1</div>
        <div class="bonus-stats">
          <div class="stat-row"><span class="stat-name">ATK e ATKM por +1</span><span class="stat-val atk">+4 / +4</span></div>
          <div class="stat-row"><span class="stat-name">ASPD por +1</span><span class="stat-val aspd">+0.2</span></div>
          <div class="stat-row"><span class="stat-name">Conjuração por +1</span><span class="stat-val cast">-0.5%</span></div>
          <div class="stat-row"><span class="stat-name">CRIT por +1</span><span class="stat-val crit">+1</span></div>
        </div>
       </div>
 
      <div class="bonus-card">
        <div class="bonus-lvl">Arma Nível 2</div>
        <div class="bonus-stats">
          <div class="stat-row"><span class="stat-name">ATK e ATKM por +1</span><span class="stat-val atk">+6 / +6</span></div>
          <div class="stat-row"><span class="stat-name">ASPD por +1</span><span class="stat-val aspd">+0.2</span></div>
          <div class="stat-row"><span class="stat-name">Conjuração por +1</span><span class="stat-val cast">-0.5%</span></div>
          <div class="stat-row"><span class="stat-name">CRIT por +1</span><span class="stat-val crit">+1</span></div>
        </div>
      </div>
 
       <div class="bonus-card">
        <div class="bonus-lvl">Arma Nível 3</div>
        <div class="bonus-stats">
          <div class="stat-row"><span class="stat-name">ATK e ATKM por +1</span><span class="stat-val atk">+10 / +10</span></div>
          <div class="stat-row"><span class="stat-name">ASPD por +1</span><span class="stat-val aspd">+0.2</span></div>
          <div class="stat-row"><span class="stat-name">Conjuração por +1</span><span class="stat-val cast">-0.5%</span></div>
          <div class="stat-row"><span class="stat-name">CRIT por +1</span><span class="stat-val crit">+1</span></div>
        </div>
      </div>
 
       <div class="bonus-card">
        <div class="bonus-lvl">Arma Nível 4</div>
        <div class="bonus-stats">
          <div class="stat-row"><span class="stat-name">ATK e ATKM por +1</span><span class="stat-val atk">+14 / +14</span></div>
          <div class="stat-row"><span class="stat-name">ASPD por +1</span><span class="stat-val aspd">+0.2</span></div>
          <div class="stat-row"><span class="stat-name">Conjuração por +1</span><span class="stat-val cast">-0.5%</span></div>
          <div class="stat-row"><span class="stat-name">CRIT por +1</span><span class="stat-val crit">+1</span></div>
        </div>
      </div>
 
     </div>
     </div>
 
     <div class="ref-example">
     <div class="example-box">
       <div class="ref-example-label">Exemplo — Armadura em +10</div>
       <div class="example-title">Exemplo — Arma Nível 3 em +10</div>
       <div class="ref-example-val">+7 DEF · +3 DEFM · +4% Eficiência de Cura e Poções</div>
       <div class="example-stats">
        <div class="ex-stat"><span class="ex-stat-val atk" style="color:#ff7070">+100 ATK</span><span class="ex-stat-lbl">Ataque</span></div>
        <div class="ex-stat"><span class="ex-stat-val atk" style="color:#ff7070">+100 ATKM</span><span class="ex-stat-lbl">Ataque Mágico</span></div>
        <div class="ex-stat"><span class="ex-stat-val aspd" style="color:#7db8e8">+2.0 ASPD</span><span class="ex-stat-lbl">Vel. de Ataque</span></div>
        <div class="ex-stat"><span class="ex-stat-val cast" style="color:#9b6fc4">-5% Conj.</span><span class="ex-stat-lbl">Conjuração Var.</span></div>
        <div class="ex-stat"><span class="ex-stat-val crit" style="color:#f0d080">+10 CRIT</span><span class="ex-stat-lbl">Crítico</span></div>
      </div>
     </div>
     </div>
   </div>
   </div>
</div>


  <!-- BÔNUS ARMADURAS -->
<!-- POR QUE VALE A PENA -->
  <div class="section">
<div class="ref-card">
    <div class="section-title">🛡 Bônus de Refino — Armaduras</div>
  <div class="ref-card-title">
 
     <img src="https://static.divine-pride.net/images/items/item/25340.png" width="20" height="20" style="image-rendering:pixelated;" alt="">
     <div class="bonus-card" style="max-width:460px">
    <div class="ref-card-title-text">Por que refinar vale a pena</div>
      <div class="bonus-lvl">Armadura — bônus por +1</div>
      <div class="bonus-stats">
        <div class="stat-row"><span class="stat-name">DEF por +1</span><span class="stat-val def">+0.7</span></div>
        <div class="stat-row"><span class="stat-name">DEFM por +1</span><span class="stat-val def">+0.3</span></div>
        <div class="stat-row"><span class="stat-name">Eficiência de Cura e Poções</span><span class="stat-val cure">+0.4%</span></div>
      </div>
    </div>
 
    <div class="example-box" style="max-width:460px">
      <div class="example-title">Exemplo — Armadura em +10</div>
      <div class="example-stats">
        <div class="ex-stat"><span class="ex-stat-val" style="color:#4caf7d">+7 DEF</span><span class="ex-stat-lbl">Defesa</span></div>
        <div class="ex-stat"><span class="ex-stat-val" style="color:#4caf7d">+3 DEFM</span><span class="ex-stat-lbl">Defesa Mágica</span></div>
        <div class="ex-stat"><span class="ex-stat-val" style="color:#4cb8af">+4% Cura</span><span class="ex-stat-lbl">Efic. Poções</span></div>
      </div>
    </div>
   </div>
   </div>
 
   <div class="ref-card-body">
  <!-- POR QUE VALE A PENA -->
     <div class="ref-summary">
   <div class="section">
       <div class="ref-summary-card">
    <div class="section-title">✨ Por que refinar vale a pena</div>
         <div class="ref-summary-title">+10 de uma Arma Nv. 3</div>
     <div class="worth-grid">
         <div class="ref-summary-row"><span>Dano</span><span>+100 ATK e +100 ATKM</span></div>
 
         <div class="ref-summary-row"><span>Crítico</span><span>+15 CRIT</span></div>
       <div class="worth-card">
         <div class="ref-summary-row"><span>Velocidade</span><span>+2.0 ASPD</span></div>
         <div class="worth-card-title">⚔ Arma Nv3 em +10</div>
         <div class="ref-summary-row"><span>Conjuração</span><span>-5% Variável</span></div>
         <div class="worth-row"><span class="worth-label">Dano</span><span class="worth-val" style="color:#ff7070">+100 ATK e +100 ATKM</span></div>
         <div class="worth-row"><span class="worth-label">Crítico</span><span class="worth-val" style="color:#f0d080">+10 CRIT</span></div>
         <div class="worth-row"><span class="worth-label">Velocidade</span><span class="worth-val" style="color:#7db8e8">+2.0 ASPD</span></div>
         <div class="worth-row"><span class="worth-label">Conjuração</span><span class="worth-val" style="color:#9b6fc4">-5% Conjuração Variável</span></div>
       </div>
       </div>
 
       <div class="ref-summary-card">
       <div class="worth-card">
         <div class="ref-summary-title">+10 de uma Armadura, Elmo, Escudo, Sapatos ou Capa</div>
         <div class="worth-card-title">🛡 Armadura em +10</div>
         <div class="ref-summary-row"><span>Defesa Física</span><span>+7 DEF</span></div>
         <div class="worth-row"><span class="worth-label">Defesa</span><span class="worth-val" style="color:#4caf7d">+7 DEF e +3 DEFM</span></div>
        <div class="ref-summary-row"><span>Defesa Mágica</span><span>+3 DEFM</span></div>
         <div class="worth-row"><span class="worth-label">Cura</span><span class="worth-val" style="color:#4cb8af">+4% Efic. de Cura e Poções</span></div>
         <div class="ref-summary-row"><span>Efic. de Cura</span><span>+4%</span></div>
       </div>
       </div>
     </div>
     </div>
     <p style="font-size:0.82rem;color:var(--text-dim);margin-top:14px;font-style:italic;text-align:center">
     <div class="ref-footer">Os bônus de refino são cumulativos — cada +1 adiciona ao total acumulado.</div>
      Os bônus de refino são cumulativos — cada +1 adiciona ao total acumulado.
    </p>
   </div>
   </div>
  <div class="deck-footer">
    Sistema de Refinamento — Edda Ragnarok Online · Baseado no padrão original com ajustes do servidor
  </div>
</div>
</div>


<script>
function setTab(id, btn) {
  document.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('on'));
  document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('on'));
  document.getElementById('t-' + id).classList.add('on');
  btn.classList.add('on');
}
</script>
</body>
</html>
</html>

Edição atual tal como às 16h56min de 6 de maio de 2026

Sistema de Refinamento
Custos, chances de sucesso e bônus por nível de refino
Custos de Refinamento
Item +1 a +4 +5 a +7 +8 a +10
Refinamento Normal
Arma Nv. 120.000z30.000z40.000z
Arma Nv. 230.000z45.000z60.000z
Arma Nv. 340.000z60.000z80.000z
Arma Nv. 450.000z75.000z100.000z
Armadura50.000z75.000z100.000z
Refinamento com Enriquecido
Arma Nv. 140.000z60.000z80.000z
Arma Nv. 260.000z90.000z120.000z
Arma Nv. 380.000z120.000z160.000z
Arma Nv. 4100.000z150.000z200.000z
Armadura100.000z150.000z200.000z
Regras
As chances seguem o padrão original do Ragnarok Online com os ajustes do Edda World
O refinamento vai até o limite de +10
O Oridecon Enriquecido concede +5% de chance em armas de todos os níveis em qualquer refino
O Elunium Enriquecido concede o mesmo bônus para armaduras
Com Enriquecido, níveis que seriam 95% passam a 100%
Chances de Sucesso — Normal
Refino Nv. 1 Nv. 2 Nv. 3 Nv. 4 Armadura
+195%95%95%95%95%
+295%95%95%95%95%
+395%95%95%95%95%
+495%95%95%95%95%
+595%95%95%60%60%
+695%95%60%40%40%
+795%60%50%40%40%
+860%40%20%20%20%
+940%20%20%20%20%
+1019%19%19%9%9%
Chances de Sucesso — Enriquecido (+5% fixo)
Refino Nv. 1 Nv. 2 Nv. 3 Nv. 4 Armadura
+1100%100%100%100%100%
+2100%100%100%100%100%
+3100%100%100%100%100%
+4100%100%100%100%100%
+5100%100%100%65%65%
+6100%100%65%45%45%
+7100%65%55%45%45%
+865%45%25%25%25%
+945%25%25%25%25%
+1024%24%24%14%14%
Bônus de Refino — Armas
Cada nível de refino concede bônus acumulativos em todas as armas, independente do nível.
Nível da Arma ATK e ATKM por +1 ASPD por +1 Conjuração por +1 CRIT por +1
Nível 1+4 ATK · +4 ATKM+0.2-0.5%+1.5
Nível 2+6 ATK · +6 ATKM+0.2-0.5%+1.5
Nível 3+10 ATK · +10 ATKM+0.2-0.5%+1.5
Nível 4+14 ATK · +14 ATKM+0.2-0.5%+1.5
Exemplo — Arma Nível 3 em +10
+100 ATK · +100 ATKM · +2.0 ASPD · -5% Conjuração · +15 CRIT
Bônus de Refino — Armaduras
Cada nível de refino concede bônus acumulativos de DEF, DEFM e eficiência de cura.
Bônus por +1
DEF+0.7
DEFM+0.3
Eficiência de Cura e Poções+0.4%
Exemplo — Armadura em +10
+7 DEF · +3 DEFM · +4% Eficiência de Cura e Poções
Por que refinar vale a pena
+10 de uma Arma Nv. 3
Dano+100 ATK e +100 ATKM
Crítico+15 CRIT
Velocidade+2.0 ASPD
Conjuração-5% Variável
+10 de uma Armadura, Elmo, Escudo, Sapatos ou Capa
Defesa Física+7 DEF
Defesa Mágica+3 DEFM
Efic. de Cura+4%
Os bônus de refino são cumulativos — cada +1 adiciona ao total acumulado.

Disponível em “https://wiki.eddaworld.com.br:443/index.php?title=Refinamentos&oldid=937”