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
 
(19 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-card { background:#fff; border:1px solid rgba(94,207,168,0.2); border-radius:10px; overflow:hidden; margin-bottom:12px; }
  --gold: #c9a84c;
.ref-card-title { background:#241832; padding:10px 18px; display:flex; align-items:center; gap:10px; }
  --gold-light: #f0d080;
.ref-card-title-text { color:#A8E8D0; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; }
  --gold-dark: #7a5f1e;
.ref-card-body { padding:16px 18px; }
  --blue: #4a90c4;
  --blue-light: #7db8e8;
  --green: #4caf7d;
  --red: #c44a4a;
  --purple: #9b6fc4;
  --bg: #0d0b12;
  --bg2: #13101c;
  --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 ── */
.ref-rule { display:flex; align-items:flex-start; gap:10px; padding:8px 0; border-bottom:1px solid rgba(94,207,168,0.1); font-size:12.5px; color:#1A2640; line-height:1.5; }
.example-box {
.ref-rule:last-child { border-bottom:none; }
  background: var(--panel2);
.ref-rule-dot { width:6px; height:6px; border-radius:50%; background:#5ECFA8; flex-shrink:0; margin-top:5px; }
  border: 1px solid var(--border);
.ref-rule-dot.gold   { background:#D97706; }
  border-radius: 10px;
.ref-rule-dot.green  { background:#16A34A; }
   padding: 20px 24px;
.ref-rule-dot.purple { background:#7C3AED; }
  margin-top: 16px;
}


.example-title {
/* TABELAS DE CHANCE */
  font-family: 'Cinzel', serif;
.ref-table { width:100%; border-collapse:collapse; font-size:12px; border-radius:8px; overflow:hidden; margin:0; }
  font-size: 0.72rem;
.ref-table th { background:#241832; color:#A8E8D0; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; padding:9px 14px; text-align:center; }
  color: var(--text-dim);
.ref-table th:first-child { text-align:left; }
  letter-spacing: .15em;
.ref-table td { padding:8px 14px; border-bottom:1px solid rgba(94,207,168,0.08); color:#1A2640; font-size:12px; text-align:center; }
   text-transform: uppercase;
.ref-table td:first-child { font-weight:700; color:#2E8F6E; text-align:left; }
   margin-bottom: 12px;
.ref-table tr:last-child td { border-bottom:none; }
}
.ref-table tr:hover td { background:#F0FBF6; }
.pct-high  { color:#16A34A; font-weight:700; }
.pct-med   { color:#D97706; font-weight:700; }
.pct-low   { color:#DC2626; font-weight:700; }
.pct-full  { color:#2E8F6E; font-weight:700; }


.example-stats {
/* TABELA DE CUSTOS */
  display: flex;
.cost-table { width:100%; border-collapse:collapse; font-size:12px; border-radius:8px; overflow:hidden; }
  flex-wrap: wrap;
.cost-table th { background:#241832; color:#A8E8D0; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; padding:9px 14px; text-align:center; }
  gap: 12px;
.cost-table th:first-child { text-align:left; }
}
.cost-table td { padding:8px 14px; border-bottom:1px solid rgba(94,207,168,0.08); color:#1A2640; font-size:12px; text-align:center; }
.cost-table td:first-child { font-weight:700; color:#2E8F6E; text-align:left; }
.cost-table tr:last-child td { border-bottom:none; }
.cost-table tr:hover td { background:#F0FBF6; }
.cost-table .z-val { font-weight:700; color:#0C1A36; }
.cost-table .section-header td { background:#2E2040; color:#A8E8D0; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.6px; padding:7px 14px; text-align:left; }


.ex-stat {
.ref-bonus-card { background:#F0FBF6; border:1px solid rgba(94,207,168,0.18); border-radius:8px; padding:14px 16px; }
  background: rgba(255,255,255,.05);
.ref-bonus-label { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#9B92A8; margin-bottom:10px; }
  border: 1px solid rgba(255,255,255,.08);
.ref-bonus-row { display:flex; justify-content:space-between; padding:4px 0; font-size:12px; color:#1A2640; border-bottom:1px solid rgba(94,207,168,0.08); }
  border-radius: 8px;
.ref-bonus-row:last-child { border-bottom:none; }
  padding: 8px 16px;
.ref-bonus-row span:last-child { font-weight:700; color:#2E8F6E; }
  font-size: 0.88rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}


.ex-stat-val { font-weight: 700; font-size: 1.05rem; }
.ref-example { background:#241832; border-radius:8px; padding:12px 16px; margin-top:10px; }
.ex-stat-lbl { font-size: 0.68rem; color: var(--text-dim); letter-spacing: .06em; }
.ref-example-label { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#9B92A8; margin-bottom:8px; }
.ref-example-val { font-size:13px; font-weight:700; color:#A8E8D0; line-height:1.8; }


/* ── VALE A PENA ── */
.ref-summary { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.worth-grid {
.ref-summary-card { background:#F0FBF6; border:1px solid rgba(94,207,168,0.18); border-radius:8px; padding:14px 16px; }
  display: grid;
.ref-summary-title { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#2E8F6E; margin-bottom:10px; }
  grid-template-columns: 1fr 1fr;
.ref-summary-row { display:flex; justify-content:space-between; padding:4px 0; font-size:12px; color:#1A2640; border-bottom:1px solid rgba(94,207,168,0.08); }
  gap: 16px;
.ref-summary-row:last-child { border-bottom:none; }
}
.ref-summary-row span:last-child { font-weight:700; color:#0C1A36; }


.worth-card {
.ref-footer { font-size:11px; color:#9B92A8; font-style:italic; text-align:center; margin-top:12px; padding-top:12px; border-top:1px solid rgba(94,207,168,0.1); }
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 24px;
}


.worth-card-title {
/* MINÉRIOS */
  font-family: 'Cinzel', serif;
.mineral-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:10px; margin-bottom:14px; }
  font-size: 0.85rem;
.mineral-card { border-radius:9px; padding:14px 16px; display:flex; align-items:center; gap:12px; }
   color: var(--gold);
.mineral-card.comum  { background:#F0FBF6; border:1px solid rgba(94,207,168,0.2); }
  margin-bottom: 16px;
.mineral-card.enrich  { background:#F0FDF4; border:1px solid rgba(22,163,74,0.2); }
  display: flex;
.mineral-card.perfeito { background:linear-gradient(135deg,rgba(124,58,237,0.06),rgba(124,58,237,0.02)); border:1px solid rgba(124,58,237,0.22); }
  align-items: center;
.mineral-icon { width:40px; height:40px; border-radius:7px; padding:4px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
   gap: 10px;
.mineral-card.comum    .mineral-icon { background:rgba(94,207,168,0.12); }
}
.mineral-card.enrich   .mineral-icon { background:rgba(22,163,74,0.1); }
.mineral-card.perfeito .mineral-icon { background:rgba(124,58,237,0.1); }
.mineral-icon img { width:30px; height:30px; image-rendering:pixelated; object-fit:contain; }
.mineral-name { font-size:12px; font-weight:700; color:#0C1A36; line-height:1.3; }
.mineral-card.perfeito .mineral-name { color:#5B21B6; }
.mineral-sub { font-size:10px; color:#9B92A8; margin-top:2px; }
.mineral-card.perfeito .mineral-sub { color:rgba(124,58,237,0.7); }
.mineral-badge { display:inline-flex; align-items:center; gap:3px; font-size:9px; font-weight:700; padding:2px 7px; border-radius:10px; margin-top:5px; }
.mineral-badge.blue   { background:rgba(94,207,168,0.14); border:1px solid rgba(94,207,168,0.25); color:#2E8F6E; }
.mineral-badge.green  { background:rgba(22,163,74,0.1); border:1px solid rgba(22,163,74,0.22); color:#16A34A; }
.mineral-badge.purple { background:rgba(124,58,237,0.1); border:1px solid rgba(124,58,237,0.22); color:#7C3AED; }


.worth-row {
/* DOWNGRADE */
  display: flex;
.downgrade-block { background:linear-gradient(135deg,rgba(124,58,237,0.07),rgba(124,58,237,0.02)); border:1px solid rgba(124,58,237,0.22); border-radius:9px; padding:14px 18px; margin-bottom:14px; }
  gap: 12px;
.downgrade-title { font-size:11px; font-weight:700; color:#7C3AED; margin-bottom:10px; }
  align-items: flex-start;
.downgrade-flow { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
  padding: 8px 0;
.downgrade-step { background:#fff; border:1px solid rgba(124,58,237,0.22); border-radius:7px; padding:6px 14px; font-size:12px; font-weight:700; color:#5B21B6; }
  border-bottom: 1px solid rgba(255,255,255,.05);
.downgrade-arrow { color:rgba(124,58,237,0.5); font-size:16px; font-weight:700; }
  font-size: 0.88rem;
}


.worth-row:last-child { border-bottom: none; }
.sub-section-label { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#9B92A8; padding:8px 0 4px; }
.worth-label { color: var(--text-dim); min-width: 120px; flex-shrink: 0; }
.worth-val { color: var(--text-bright); }
 
/* ── FOOTER ── */
.deck-footer {
  text-align: center;
  padding: 32px 0 0;
  border-top: 1px solid var(--border);
  font-size: 0.82rem;
  color: var(--text-dim);
  font-style: italic;
}
 
/* ── BADGE ── */
.badge {
  display: inline-block;
  font-family: 'Cinzel', serif;
  font-size: 0.65rem;
  letter-spacing: .1em;
  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); }
 
@media (max-width: 700px) {
  .cost-grid, .bonus-grid, .worth-grid, .rules-grid { grid-template-columns: 1fr; }
}
</style>
</style>
</head>
<body>
<div class="page">


  <!-- HERO -->
<!-- HERO -->
   <div class="hero">
<div style="background:#241832;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(94,207,168,0.14) 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(124,58,237,0.1) 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 -->
<!-- MINÉRIOS -->
   <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/7620.png" width="20" height="20" style="image-rendering:pixelated;" alt="">
     <div class="ref-card-title-text">Tipos de Minério</div>
  </div>
  <div class="ref-card-body">


      <div class="cost-card">
    <div class="sub-section-label">Armas de Nível 1</div>
        <div class="cost-card-title">
    <div class="mineral-grid" style="margin-bottom:14px;">
          <span class="icon">🔨</span>
      <div class="mineral-card comum">
          Refinamento Normal
         <div class="mineral-icon"><img src="https://static.divine-pride.net/images/items/item/1010.png" alt=""></div>
        </div>
        <div><div class="mineral-name">Fracon</div><div class="mineral-sub">Comum · chance padrão</div><span class="mineral-badge blue">Normal</span></div>
        <div class="cost-row"><span class="cost-range">+1 a +4</span><span class="cost-val">50.000 z</span></div>
         <div class="cost-row"><span class="cost-range">+5 a +7</span><span class="cost-val">75.000 z</span></div>
        <div class="cost-row"><span class="cost-range">+8 a +10</span><span class="cost-val">100.000 z</span></div>
       </div>
       </div>
 
       <div class="mineral-card enrich">
       <div class="cost-card enriched">
         <div class="mineral-icon"><img src="https://cdn.maxion.gg/landverse/image-genesis/item/1702081.png" alt=""></div>
         <div class="cost-card-title" style="color:var(--blue-light)">
         <div><div class="mineral-name">Fracon Enriquecido</div><div class="mineral-sub">+20% de chance</div><span class="mineral-badge green">Enriquecido</span></div>
          <span class="icon">💎</span>
          Refinamento com Enriquecido
        </div>
        <div class="cost-row"><span class="cost-range">+1 a +4</span><span class="cost-val">100.000 z</span></div>
         <div class="cost-row"><span class="cost-range">+5 a +7</span><span class="cost-val">150.000 z</span></div>
        <div class="cost-row"><span class="cost-range">+8 a +10</span><span class="cost-val">200.000 z</span></div>
       </div>
       </div>
     </div>
     </div>
  </div>


  <!-- REGRAS -->
     <div class="sub-section-label">Armas de Nível 2</div>
  <div class="section">
     <div class="mineral-grid" style="margin-bottom:14px;">
     <div class="section-title">📜 Regras</div>
       <div class="mineral-card comum">
     <div class="rules-grid">
         <div class="mineral-icon"><img src="https://static.divine-pride.net/images/items/item/1011.png" alt=""></div>
       <div class="rule-card">
        <div><div class="mineral-name">Emveratarcon</div><div class="mineral-sub">Comum · chance padrão</div><span class="mineral-badge blue">Normal</span></div>
         <strong>Limite Máximo</strong>
        O refinamento vai até o limite de <span style="color:var(--gold-light)">+10</span>. Não é possível refinar além disso.
      </div>
      <div class="rule-card">
        <strong>Oridecon Enriquecido</strong>
        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>.
       </div>
       </div>
       <div class="rule-card">
       <div class="mineral-card enrich">
         <strong>Elunium Enriquecido</strong>
         <div class="mineral-icon"><img src="https://cdn.maxion.gg/landverse/image-genesis/item/1702083.png" alt=""></div>
         Concede o mesmo bônus de <span style="color:var(--blue-light)">+5%</span> para armaduras em qualquer nível de refino.
         <div><div class="mineral-name">Emveratarcon Enriquecido</div><div class="mineral-sub">+20% de chance</div><span class="mineral-badge green">Enriquecido</span></div>
       </div>
       </div>
     </div>
     </div>
  </div>


  <!-- TABELAS DE CHANCE -->
     <div class="sub-section-label">Armas de Nível 3 e 4 · Armaduras</div>
  <div class="section">
     <div class="mineral-grid" style="margin-bottom:14px;">
     <div class="section-title">🎲 Chances de Sucesso</div>
       <div class="mineral-card comum">
    <div class="tab-wrap">
         <div class="mineral-icon"><img src="https://static.divine-pride.net/images/items/item/984.png" alt=""></div>
      <button class="tab-btn on" onclick="setTab('normal', this)">Normal</button>
        <div><div class="mineral-name">Oridecon</div><div class="mineral-sub">Armas Nv. 3–4 · chance padrão</div><span class="mineral-badge blue">Normal</span></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>
      <div class="mineral-card enrich">
 
        <div class="mineral-icon"><img src="https://static.divine-pride.net/images/items/item/7620.png" alt=""></div>
    <div class="tab-panel" id="t-enrich">
        <div><div class="mineral-name">Oridecon Enriquecido</div><div class="mineral-sub">Armas Nv. 3–4 · +20% de chance</div><span class="mineral-badge green">Enriquecido</span></div>
      <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 class="mineral-card comum">
  </div>
         <div class="mineral-icon"><img src="https://static.divine-pride.net/images/items/item/985.png" alt=""></div>
 
        <div><div class="mineral-name">Elunium</div><div class="mineral-sub">Armaduras · chance padrão</div><span class="mineral-badge blue">Normal</span></div>
  <!-- BÔNUS ARMAS -->
  <div class="section">
    <div class="section-title">⚔ Bônus de Refino — Armas</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="bonus-grid">
 
       <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>
 
       <div class="mineral-card enrich">
       <div class="bonus-card">
         <div class="mineral-icon"><img src="https://static.divine-pride.net/images/items/item/7619.png" alt=""></div>
         <div class="bonus-lvl">Arma Nível 2</div>
        <div><div class="mineral-name">Elunium Enriquecido</div><div class="mineral-sub">Armaduras · +20% de chance</div><span class="mineral-badge green">Enriquecido</span></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>
    </div>


      <div class="bonus-card">
    <div class="sub-section-label">Minérios Perfeitos — todos os itens</div>
        <div class="bonus-lvl">Arma Nível 3</div>
    <div class="mineral-grid" style="margin-bottom:0;">
        <div class="bonus-stats">
      <div class="mineral-card perfeito">
          <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="mineral-icon"><img src="https://static.divine-pride.net/images/items/item/6240.png" alt="Oridecon Perfeito"></div>
          <div class="stat-row"><span class="stat-name">ASPD por +1</span><span class="stat-val aspd">+0.2</span></div>
        <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="mineral-name">Oridecon Perfeito</div>
           <div class="stat-row"><span class="stat-name">CRIT por +1</span><span class="stat-val crit">+1</span></div>
           <div class="mineral-sub">Armas · sem quebra em caso de falha</div>
          <span class="mineral-badge purple">Perfeito · #6240</span>
         </div>
         </div>
       </div>
       </div>
 
       <div class="mineral-card perfeito">
       <div class="bonus-card">
         <div class="mineral-icon"><img src="https://static.divine-pride.net/images/items/item/6241.png" alt="Elunium Perfeito"></div>
         <div class="bonus-lvl">Arma Nível 4</div>
        <div>
        <div class="bonus-stats">
           <div class="mineral-name">Elunium Perfeito</div>
          <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="mineral-sub">Armaduras · sem quebra em caso de falha</div>
          <div class="stat-row"><span class="stat-name">ASPD por +1</span><span class="stat-val aspd">+0.2</span></div>
          <span class="mineral-badge purple">Perfeito · #6241</span>
           <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>
     </div>


     <div class="example-box">
    <!-- DOWNGRADE -->
       <div class="example-title">Exemplo — Arma Nível 3 em +10</div>
     <div class="downgrade-block" style="margin-top:14px;margin-bottom:0;">
       <div class="example-stats">
       <div class="downgrade-title">Minério Perfeito — Downgrade em vez de destruição</div>
        <div class="ex-stat"><span class="ex-stat-val atk" style="color:#ff7070">+100 ATK</span><span class="ex-stat-lbl">Ataque</span></div>
       <p style="font-size:12px;color:#5B21B6;line-height:1.7;margin:0 0 10px;">Ao falhar com um Minério Perfeito, o item <strong>não se quebra</strong>. Em vez disso, o nível de refino retrocede em 1.</p>
        <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="downgrade-flow">
        <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="downgrade-step">+5</div><div class="downgrade-arrow">→ falha →</div><div class="downgrade-step">+4</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>
         <span style="color:rgba(124,58,237,0.4);font-size:12px;margin:0 4px;">·</span>
        <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 class="downgrade-step">+9</div><div class="downgrade-arrow">→ falha →</div><div class="downgrade-step">+8</div>
       </div>
       </div>
      <p style="font-size:11px;color:rgba(124,58,237,0.75);margin:10px 0 0;">Custo igual ao Enriquecido · Chance de sucesso igual ao minério comum</p>
     </div>
     </div>
  </div>


  <!-- BÔNUS ARMADURAS -->
     <div style="margin-top:14px;background:#F0FBF6;border:1px solid rgba(94,207,168,0.18);border-radius:8px;padding:10px 14px;font-size:11.5px;color:#5A7A9A;line-height:1.6;">
  <div class="section">
      Fracon Enriquecido e Emveratarcon Enriquecido podem ser adquiridos no <strong style="color:#1A2640;">Sistema de Mineração</strong>.
    <div class="section-title">🛡 Bônus de Refino — Armaduras</div>
 
     <div class="bonus-card" style="max-width:460px">
      <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>
  </div>
</div>


    <div class="example-box" style="max-width:460px">
<!-- CUSTOS -->
      <div class="example-title">Exemplo — Armadura em +10</div>
<div class="ref-card">
      <div class="example-stats">
  <div class="ref-card-title">
         <div class="ex-stat"><span class="ex-stat-val" style="color:#4caf7d">+7 DEF</span><span class="ex-stat-lbl">Defesa</span></div>
    <img src="https://static.divine-pride.net/images/items/item/7929.png" width="20" height="20" style="image-rendering:pixelated;" alt="">
         <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="ref-card-title-text">Custos de Refinamento</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 class="ref-card-body" style="padding:0;">
     </div>
    <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>
        <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="">
            Minério Comum (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>
        <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="">
            Minério Enriquecido ou Perfeito (custo igual)
          </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>


  <!-- POR QUE VALE A PENA -->
<!-- REGRAS -->
   <div class="section">
<div class="ref-card">
     <div class="section-title">✨ Por que refinar vale a pena</div>
   <div class="ref-card-title">
     <div class="worth-grid">
    <img src="https://static.divine-pride.net/images/items/item/12108.png" width="20" height="20" style="image-rendering:pixelated;" alt="">
     <div class="ref-card-title-text">Regras</div>
  </div>
  <div class="ref-card-body">
    <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 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>Minérios <strong>Enriquecidos</strong> concedem <strong>+20% de chance</strong> em qualquer nível de refino</div>
    <div class="ref-rule"><div class="ref-rule-dot"></div>Com Enriquecido, níveis que seriam 80% ou mais passam a <strong>100%</strong></div>
    <div class="ref-rule"><div class="ref-rule-dot gold"></div>Minérios <strong>Perfeitos</strong> têm a mesma chance do minério comum e o mesmo custo do Enriquecido — mas nunca destroem o item em caso de falha: o refino retrocede 1 nível</div>
    <div class="ref-rule"><div class="ref-rule-dot"></div>Oridecon e Elunium Enriquecido refinam exclusivamente <strong>Armas Nv. 3 e 4</strong> e <strong>Armaduras,</strong> respectivamente</div>
     <div class="ref-rule"><div class="ref-rule-dot"></div>Armas Nv. 1 usam <strong>Fracon</strong> (comum) ou <strong>Fracon Enriquecido</strong> · Armas Nv. 2 usam <strong>Emveratarcon</strong> ou <strong>Emveratarcon Enriquecido</strong></div>
  </div>
</div>


      <div class="worth-card">
<!-- TABELA NORMAL -->
        <div class="worth-card-title">⚔ Arma Nv3 em +10</div>
<div class="ref-card">
         <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="ref-card-title">
         <div class="worth-row"><span class="worth-label">Crítico</span><span class="worth-val" style="color:#f0d080">+10 CRIT</span></div>
    <img src="https://static.divine-pride.net/images/items/item/984.png" width="20" height="20" style="image-rendering:pixelated;" alt="">
         <div class="worth-row"><span class="worth-label">Velocidade</span><span class="worth-val" style="color:#7db8e8">+2.0 ASPD</span></div>
    <div class="ref-card-title-text">Chances de Sucesso — Minério Comum · Minério Perfeito</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-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-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 style="padding:10px 14px;font-size:11px;color:#9B92A8;border-top:1px solid rgba(94,207,168,0.08);">Com Minério Perfeito: em caso de falha, o refino retrocede 1 nível — o item não é destruído.</div>
  </div>
</div>


      <div class="worth-card">
<!-- TABELA ENRIQUECIDO -->
        <div class="worth-card-title">🛡 Armadura em +10</div>
<div class="ref-card">
         <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-card-title">
         <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>
    <img src="https://static.divine-pride.net/images/items/item/7620.png" width="20" height="20" style="image-rendering:pixelated;" alt="">
      </div>
    <div class="ref-card-title-text">Chances de Sucesso — Minério Enriquecido (+20% 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">80%</td><td class="pct-high">80%</td></tr>
         <tr><td>+6</td><td class="pct-full">100%</td><td class="pct-full">100%</td><td class="pct-high">80%</td><td class="pct-high">60%</td><td class="pct-high">60%</td></tr>
        <tr><td>+7</td><td class="pct-full">100%</td><td class="pct-high">80%</td><td class="pct-high">70%</td><td class="pct-high">60%</td><td class="pct-high">60%</td></tr>
        <tr><td>+8</td><td class="pct-high">80%</td><td class="pct-high">60%</td><td class="pct-med">40%</td><td class="pct-med">40%</td><td class="pct-med">40%</td></tr>
         <tr><td>+9</td><td class="pct-high">60%</td><td class="pct-med">40%</td><td class="pct-med">40%</td><td class="pct-med">40%</td><td class="pct-med">40%</td></tr>
        <tr><td>+10</td><td class="pct-med">39%</td><td class="pct-med">39%</td><td class="pct-med">39%</td><td class="pct-low">29%</td><td class="pct-low">29%</td></tr>
      </tbody>
    </table>
  </div>
</div>


<!-- BÔNUS DE ARMAS -->
<div class="ref-card">
  <div class="ref-card-title">
    <img src="https://www.divine-pride.net/img/items/item/bRO/1156" width="20" height="20" style="image-rendering:pixelated;" alt="">
    <div class="ref-card-title-text">Bônus de Refino — Armas</div>
  </div>
  <div class="ref-card-body">
    <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>
    <table class="ref-table" style="margin-bottom:12px;">
      <thead>
        <tr>
          <th>Nível da Arma</th>
          <th>ATK e ATKM por +1</th>
          <th>ASPD por +1</th>
          <th>Conjuração por +1</th>
          <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>
    <p style="font-size:0.82rem;color:var(--text-dim);margin-top:14px;font-style:italic;text-align:center">
      Os bônus de refino são cumulativos — cada +1 adiciona ao total acumulado.
    </p>
   </div>
   </div>
</div>


   <div class="deck-footer">
<!-- BÔNUS DE ARMADURAS -->
     Sistema de Refinamento — Edda Ragnarok Online · Baseado no padrão original com ajustes do servidor
<div class="ref-card">
   <div class="ref-card-title">
     <img src="https://www.divine-pride.net/img/items/item/bRO/2312" width="20" height="20" style="image-rendering:pixelated;" alt="">
    <div class="ref-card-title-text">Bônus de Refino — Armaduras</div>
   </div>
   </div>
  <div class="ref-card-body">
    <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="ref-bonus-card" style="margin-bottom:12px;">
      <div class="ref-bonus-label">Bônus por +1</div>
      <div class="ref-bonus-row"><span>DEF</span><span>+0.7</span></div>
      <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>
    <div class="ref-example">
      <div class="ref-example-label">Exemplo — Armadura em +10</div>
      <div class="ref-example-val">+7 DEF · +3 DEFM · +4% Eficiência de Cura e Poções</div>
    </div>
  </div>
</div>


<!-- POR QUE VALE A PENA -->
<div class="ref-card">
  <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="ref-card-title-text">Por que refinar vale a pena</div>
  </div>
  <div class="ref-card-body">
    <div class="ref-summary">
      <div class="ref-summary-card">
        <div class="ref-summary-title">+10 de uma Arma Nv. 3</div>
        <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="ref-summary-row"><span>Velocidade</span><span>+2.0 ASPD</span></div>
        <div class="ref-summary-row"><span>Conjuração</span><span>-5% Variável</span></div>
      </div>
      <div class="ref-summary-card">
        <div class="ref-summary-title">+10 de uma Armadura, Elmo, Escudo, Sapatos ou Capa</div>
        <div class="ref-summary-row"><span>Defesa Física</span><span>+7 DEF</span></div>
        <div class="ref-summary-row"><span>Defesa Mágica</span><span>+3 DEFM</span></div>
        <div class="ref-summary-row"><span>Efic. de Cura</span><span>+4%</span></div>
      </div>
    </div>
    <div class="ref-footer">Os bônus de refino são cumulativos — cada +1 adiciona ao total acumulado.</div>
  </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 23h29min de 13 de julho de 2026

Sistema de Refinamento
Custos, chances de sucesso e bônus por nível de refino
Tipos de Minério
Armas de Nível 1
Fracon
Comum · chance padrão
Normal
Fracon Enriquecido
+20% de chance
Enriquecido
Armas de Nível 2
Emveratarcon
Comum · chance padrão
Normal
Emveratarcon Enriquecido
+20% de chance
Enriquecido
Armas de Nível 3 e 4 · Armaduras
Oridecon
Armas Nv. 3–4 · chance padrão
Normal
Oridecon Enriquecido
Armas Nv. 3–4 · +20% de chance
Enriquecido
Elunium
Armaduras · chance padrão
Normal
Elunium Enriquecido
Armaduras · +20% de chance
Enriquecido
Minérios Perfeitos — todos os itens
Oridecon Perfeito
Oridecon Perfeito
Armas · sem quebra em caso de falha
Perfeito · #6240
Elunium Perfeito
Elunium Perfeito
Armaduras · sem quebra em caso de falha
Perfeito · #6241
Minério Perfeito — Downgrade em vez de destruição

Ao falhar com um Minério Perfeito, o item não se quebra. Em vez disso, o nível de refino retrocede em 1.

+5
→ falha →
+4
·
+9
→ falha →
+8

Custo igual ao Enriquecido · Chance de sucesso igual ao minério comum

Fracon Enriquecido e Emveratarcon Enriquecido podem ser adquiridos no Sistema de Mineração.
Custos de Refinamento
Item +1 a +4 +5 a +7 +8 a +10
Minério Comum (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
Minério Enriquecido ou Perfeito (custo igual)
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
Minérios Enriquecidos concedem +20% de chance em qualquer nível de refino
Com Enriquecido, níveis que seriam 80% ou mais passam a 100%
Minérios Perfeitos têm a mesma chance do minério comum e o mesmo custo do Enriquecido — mas nunca destroem o item em caso de falha: o refino retrocede 1 nível
Oridecon e Elunium Enriquecido refinam exclusivamente Armas Nv. 3 e 4 e Armaduras, respectivamente
Armas Nv. 1 usam Fracon (comum) ou Fracon Enriquecido · Armas Nv. 2 usam Emveratarcon ou Emveratarcon Enriquecido
Chances de Sucesso — Minério Comum · Minério Perfeito
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%
Com Minério Perfeito: em caso de falha, o refino retrocede 1 nível — o item não é destruído.
Chances de Sucesso — Minério Enriquecido (+20% 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%80%80%
+6100%100%80%60%60%
+7100%80%70%60%60%
+880%60%40%40%40%
+960%40%40%40%40%
+1039%39%39%29%29%
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=1962”