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
 
(22 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 ── */
.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; }
.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; }
.ex-stat-lbl { font-size: 0.68rem; color: var(--text-dim); letter-spacing: .06em; }
.ref-rule:last-child { border-bottom:none; }
.ref-rule-dot { width:6px; height:6px; border-radius:50%; background:#5ECFA8; flex-shrink:0; margin-top:5px; }
.ref-rule-dot.gold  { background:#D97706; }
.ref-rule-dot.green  { background:#16A34A; }
.ref-rule-dot.purple { background:#7C3AED; }


/* ── VALE A PENA ── */
/* TABELAS DE CHANCE */
.worth-grid {
.ref-table { width:100%; border-collapse:collapse; font-size:12px; border-radius:8px; overflow:hidden; margin:0; }
  display: grid;
.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; }
   grid-template-columns: 1fr 1fr;
.ref-table th:first-child { text-align:left; }
   gap: 16px;
.ref-table td { padding:8px 14px; border-bottom:1px solid rgba(94,207,168,0.08); color:#1A2640; font-size:12px; text-align:center; }
}
.ref-table td:first-child { font-weight:700; color:#2E8F6E; text-align:left; }
.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; }


.worth-card {
/* TABELA DE CUSTOS */
  background: var(--panel);
.cost-table { width:100%; border-collapse:collapse; font-size:12px; border-radius:8px; overflow:hidden; }
  border: 1px solid var(--border);
.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; }
  border-radius: 12px;
.cost-table th:first-child { text-align:left; }
  padding: 24px;
.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; }


.worth-card-title {
.ref-bonus-card { background:#F0FBF6; border:1px solid rgba(94,207,168,0.18); border-radius:8px; padding:14px 16px; }
  font-family: 'Cinzel', serif;
.ref-bonus-label { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#9B92A8; margin-bottom:10px; }
  font-size: 0.85rem;
.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); }
  color: var(--gold);
.ref-bonus-row:last-child { border-bottom:none; }
  margin-bottom: 16px;
.ref-bonus-row span:last-child { font-weight:700; color:#2E8F6E; }
  display: flex;
  align-items: center;
  gap: 10px;
}


.worth-row {
.ref-example { background:#241832; border-radius:8px; padding:12px 16px; margin-top:10px; }
  display: flex;
.ref-example-label { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#9B92A8; margin-bottom:8px; }
  gap: 12px;
.ref-example-val { font-size:13px; font-weight:700; color:#A8E8D0; line-height:1.8; }
  align-items: flex-start;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,.05);
  font-size: 0.88rem;
}


.worth-row:last-child { border-bottom: none; }
.ref-summary { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.worth-label { color: var(--text-dim); min-width: 120px; flex-shrink: 0; }
.ref-summary-card { background:#F0FBF6; border:1px solid rgba(94,207,168,0.18); border-radius:8px; padding:14px 16px; }
.worth-val { color: var(--text-bright); }
.ref-summary-title { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#2E8F6E; margin-bottom:10px; }
.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); }
.ref-summary-row:last-child { border-bottom:none; }
.ref-summary-row span:last-child { font-weight:700; color:#0C1A36; }


/* ── FOOTER ── */
.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); }
.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 ── */
/* MINÉRIOS */
.badge {
.mineral-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:10px; margin-bottom:14px; }
  display: inline-block;
.mineral-card { border-radius:9px; padding:14px 16px; display:flex; align-items:center; gap:12px; }
   font-family: 'Cinzel', serif;
.mineral-card.comum   { background:#F0FBF6; border:1px solid rgba(94,207,168,0.2); }
  font-size: 0.65rem;
.mineral-card.enrich  { background:#F0FDF4; border:1px solid rgba(22,163,74,0.2); }
  letter-spacing: .1em;
.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); }
  padding: 3px 10px;
.mineral-icon { width:40px; height:40px; border-radius:7px; padding:4px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
  border-radius: 20px;
.mineral-card.comum    .mineral-icon { background:rgba(94,207,168,0.12); }
   background: rgba(201,168,76,.1);
.mineral-card.enrich   .mineral-icon { background:rgba(22,163,74,0.1); }
  border: 1px solid var(--border);
.mineral-card.perfeito .mineral-icon { background:rgba(124,58,237,0.1); }
  color: var(--gold);
.mineral-icon img { width:30px; height:30px; image-rendering:pixelated; object-fit:contain; }
  margin-left: 8px;
.mineral-name { font-size:12px; font-weight:700; color:#0C1A36; line-height:1.3; }
   vertical-align: middle;
.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; }


.badge.blue { background: rgba(74,144,196,.1); border-color: rgba(74,144,196,.3); color: var(--blue-light); }
/* DOWNGRADE */
.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; }
.downgrade-title { font-size:11px; font-weight:700; color:#7C3AED; margin-bottom:10px; }
.downgrade-flow { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.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; }
.downgrade-arrow { color:rgba(124,58,237,0.5); font-size:16px; font-weight:700; }
.downgrade-variant-row { display:flex; justify-content:space-between; align-items:center; padding:5px 0; border-bottom:1px solid rgba(124,58,237,0.12); font-size:12px; color:#5B21B6; }
.downgrade-variant-row:last-child { border-bottom:none; }
.downgrade-variant-row span:last-child { font-weight:700; }


@media (max-width: 700px) {
.sub-section-label { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#9B92A8; padding:8px 0 4px; }
  .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>
      <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 on" id="t-normal">
        <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">
      </div>
        <table>
      <div class="mineral-card comum">
          <thead>
        <div class="mineral-icon"><img src="https://static.divine-pride.net/images/items/item/985.png" alt=""></div>
            <tr>
        <div><div class="mineral-name">Elunium</div><div class="mineral-sub">Armaduras · chance padrão</div><span class="mineral-badge blue">Normal</span></div>
              <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/7619.png" alt=""></div>
    <div class="tab-panel" id="t-enrich">
        <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="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>


  <!-- BÔNUS ARMAS -->
     <div class="sub-section-label">Minérios Perfeitos — chance igual ao comum</div>
  <div class="section">
     <div class="mineral-grid" style="margin-bottom:14px;">
     <div class="section-title">⚔ Bônus de Refino — Armas</div>
       <div class="mineral-card perfeito">
     <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="mineral-icon"><img src="https://static.divine-pride.net/images/items/item/6240.png" alt="Oridecon Perfeito"></div>
    <div class="bonus-grid">
        <div>
 
           <div class="mineral-name">Oridecon Perfeito</div>
       <div class="bonus-card">
           <div class="mineral-sub">Armas · sem quebra em caso de falha</div>
         <div class="bonus-lvl">Arma Nível 1</div>
          <span class="mineral-badge purple">Perfeito · #6240</span>
        <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>
 
       <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 2</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">+6 / +6</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 class="bonus-card">
    <div class="sub-section-label">Minérios Perfeitos Avançados — chance igual ao Enriquecido</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/6226.png" alt="Bradium 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">Bradium 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 Avançado · #6226</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/6225.png" alt="Carnium Perfeito"></div>
         <div class="bonus-lvl">Arma Nível 4</div>
        <div>
        <div class="bonus-stats">
           <div class="mineral-name">Carnium 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 Avançado · #6225</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érios Perfeitos — 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 qualquer minério Perfeito, o item <strong>não se quebra.</strong> Em vez disso, o nível de refino retrocede em 1. Existem duas variantes, diferenciadas pela chance de sucesso:</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 style="margin-bottom:12px;">
        <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-variant-row"><span><strong>Oridecon Perfeito / Elunium Perfeito</strong></span><span>chance igual ao minério comum</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="downgrade-variant-row"><span><strong>Bradium Perfeito / Carnium Perfeito</strong></span><span>chance igual ao Enriquecido</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 class="downgrade-flow">
        <div class="downgrade-step">+5</div><div class="downgrade-arrow">→ falha →</div><div class="downgrade-step">+4</div>
        <span style="color:rgba(124,58,237,0.4);font-size:12px;margin:0 4px;">·</span>
        <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;">Em nenhuma das duas variantes o item é destruído — apenas o refino retrocede.</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 · Oridecon/Elunium Perfeito)
          </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 · Bradium/Carnium 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> (Oridecon/Elunium) 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 purple"></div><strong>Bradium Perfeito</strong> (armas, #6226) e <strong>Carnium Perfeito</strong> (armaduras, #6225) têm a mesma chance de sucesso e o mesmo custo do minério <strong>Enriquecido,</strong> e também nunca destroem o item — apenas regridem 1 nível de refino em caso de falha</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 · Oridecon/Elunium 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 Oridecon/Elunium 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 · Bradium/Carnium Perfeito (+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 style="padding:10px 14px;font-size:11px;color:#9B92A8;border-top:1px solid rgba(94,207,168,0.08);">Com Bradium/Carnium Perfeito: em caso de falha, o refino retrocede 1 nível — o item não é destruído.</div>
  </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 20h44min de 5 de agosto 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 — chance igual ao comum
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érios Perfeitos Avançados — chance igual ao Enriquecido
Bradium Perfeito
Bradium Perfeito
Armas · sem quebra em caso de falha
Perfeito Avançado · #6226
Carnium Perfeito
Carnium Perfeito
Armaduras · sem quebra em caso de falha
Perfeito Avançado · #6225
Minérios Perfeitos — Downgrade em vez de destruição

Ao falhar com qualquer minério Perfeito, o item não se quebra. Em vez disso, o nível de refino retrocede em 1. Existem duas variantes, diferenciadas pela chance de sucesso:

Oridecon Perfeito / Elunium Perfeitochance igual ao minério comum
Bradium Perfeito / Carnium Perfeitochance igual ao Enriquecido
+5
→ falha →
+4
·
+9
→ falha →
+8

Em nenhuma das duas variantes o item é destruído — apenas o refino retrocede.

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 · Oridecon/Elunium Perfeito)
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 · Bradium/Carnium 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 (Oridecon/Elunium) 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
Bradium Perfeito (armas, #6226) e Carnium Perfeito (armaduras, #6225) têm a mesma chance de sucesso e o mesmo custo do minério Enriquecido, e também nunca destroem o item — apenas regridem 1 nível de refino em caso de falha
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 · Oridecon/Elunium 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 Oridecon/Elunium Perfeito: em caso de falha, o refino retrocede 1 nível — o item não é destruído.
Chances de Sucesso — Minério Enriquecido · Bradium/Carnium Perfeito (+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%
Com Bradium/Carnium Perfeito: em caso de falha, o refino retrocede 1 nível — o item não é destruído.
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=2263”