Removedora de Cartas: mudanças entre as edições

De Edda World Wiki
Ir para navegação Ir para pesquisar
Sem resumo de edição
Sem resumo de edição
 
Linha 1: Linha 1:
<!-- Removedora de Cartas — Edda World -->
<!-- Removedor de Cartas — Edda World -->
<html>
<html>


<style>
<style>
.rc-card { background:#fff; border:1px solid rgba(94,207,168,0.2); border-radius:10px; overflow:hidden; margin-bottom:12px; }
/* =========================================================
.rc-card-title { background:#241832; padding:10px 18px; display:flex; align-items:center; gap:10px; }
  REMOVEDOR DE CARTAS — Edda World (prefixo .rc-)
.rc-card-title-text { color:#A8E8D0; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; }
  Paleta-base da wiki + acento verde.
.rc-card-body { padding:16px 18px; }
  ========================================================= */
.rc { --ink:#0C1A36; --ink2:#1A2640; --mute:#5C5468; --label:#5A7A9A; --line:rgba(94,207,168,0.18); --night:#241832;
      --mint:#5ECFA8; --mint-dk:#2E8F6E; --mint-lt:#A8E8D0; --mint-bg:#F0FBF6;
      --ac:#2E8F6E; --ac-dk:#1F6B52; --ac-lt:#A8E8D0; --ac-bg:#F0FBF6; --ac-ln:rgba(94,207,168,0.32); --ac-glow:rgba(94,207,168,0.26);


.rc-rule { display:flex; align-items:flex-start; gap:10px; padding:7px 0; border-bottom:1px solid rgba(94,207,168,0.1); font-size:12.5px; color:#1A2640; line-height:1.5; }
.rc-rule:last-child { border-bottom:none; }
.rc-rule-dot { width:6px; height:6px; border-radius:50%; background:#5ECFA8; flex-shrink:0; margin-top:5px; }
.rc-rule-dot.green  { background:#22C55E; }
.rc-rule-dot.yellow { background:#EAB308; }
.rc-rule-dot.red    { background:#EF4444; }


/* STEP */
.rc-steps { display:flex; flex-direction:column; gap:8px; }
.rc-step { display:flex; align-items:flex-start; gap:12px; padding:10px 14px; background:#F0FBF6; border:1px solid rgba(94,207,168,0.15); border-radius:8px; }
.rc-step-num { width:22px; height:22px; border-radius:50%; background:#241832; color:#A8E8D0; font-size:10px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.rc-step-text { font-size:12.5px; color:#1A2640; line-height:1.5; }


/* OIL TABLE */
.rc-table { width:100%; border-collapse:collapse; font-size:12px; }
.rc-table thead th { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#9B92A8; padding:8px 14px; text-align:left; border-bottom:1px solid rgba(94,207,168,0.15); background:#FAFCFA; }
.rc-table tbody td { padding:11px 14px; border-bottom:1px solid rgba(94,207,168,0.08); vertical-align:middle; color:#1A2640; }
.rc-table tbody tr:last-child td { border-bottom:none; }
.rc-table tbody tr:hover { background:rgba(94,207,168,0.04); }
.rc-table tbody tr.mvp-row { background:rgba(234,179,8,0.03); }
.rc-table tbody tr.mvp-row:hover { background:rgba(234,179,8,0.06); }


/* ITEM CELL */
      color:var(--ink2); font-size:13px; line-height:1.55; }
.rc-item-cell { display:flex; align-items:center; gap:8px; }
.rc *, .rc *::before, .rc *::after { box-sizing:border-box; }
.rc-item-cell img { width:28px; height:28px; object-fit:contain; image-rendering:pixelated; flex-shrink:0; }
.rc img.px { image-rendering:pixelated; object-fit:contain; vertical-align:middle; }
.rc-item-name { font-size:12px; font-weight:700; color:#1A2640; line-height:1.3; }
.rc-item-sub { font-size:10px; color:#9B92A8; }


/* CUSTO */
/* HERO */
.rc-cost { display:inline-flex; align-items:center; gap:5px; padding:3px 11px; border-radius:20px; font-size:11px; font-weight:700; white-space:nowrap; }
.rc-hero { position:relative; overflow:hidden; background:linear-gradient(120deg, var(--night) 0%, #173A31 100%); border-radius:14px; padding:26px 28px 0; margin-bottom:14px; }
.rc-cost.gold  { background:rgba(234,179,8,0.1); border:1px solid rgba(234,179,8,0.25); color:#D97706; }
.rc-hero::before { content:""; position:absolute; top:-70px; right:-50px; width:360px; height:360px; border-radius:50%; background:radial-gradient(circle, var(--ac-glow) 0%, transparent 68%); pointer-events:none; }
.rc-cost.blue  { background:rgba(94,207,168,0.1); border:1px solid rgba(94,207,168,0.28); color:#2E8F6E; }
.rc-hero::after { content:""; position:absolute; bottom:-80px; left:-40px; width:260px; height:260px; border-radius:50%; background:radial-gradient(circle, rgba(217,119,6,0.16) 0%, transparent 70%); pointer-events:none; }
.rc-cost.green { background:rgba(34,197,94,0.1); border:1px solid rgba(34,197,94,0.22);  color:#15803D; }
.rc-hero-main { position:relative; z-index:1; display:flex; align-items:center; gap:24px; }
.rc-hero-text { flex:1; min-width:0; }
.rc-eyebrow { display:inline-block; font-size:10px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; color:var(--ac-lt); margin-bottom:8px; }
.rc-title { color:#fff; font-size:26px; font-weight:800; line-height:1.15; margin:0 0 8px; }
.rc-pitch { color:rgba(255,255,255,0.64); font-size:13.5px; line-height:1.6; max-width:620px; margin:0; }
.rc-hero-art { flex-shrink:0; width:100px; height:100px; border-radius:22px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12); display:flex; align-items:center; justify-content:center; }
.rc-hero-art img { width:60px; height:60px; }
.rc-facts { position:relative; z-index:1; display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); margin:22px -28px 0; border-top:1px solid rgba(255,255,255,0.08); }
.rc-fact { padding:12px 16px; border-right:1px solid rgba(255,255,255,0.08); min-width:0; }
.rc-fact:last-child { border-right:none; }
.rc-fact-k { font-size:9px; font-weight:700; letter-spacing:0.9px; text-transform:uppercase; color:rgba(168,232,208,0.75); margin-bottom:3px; }
.rc-fact-v { font-size:14px; font-weight:800; color:#fff; }
.rc-fact-v small { font-size:11px; font-weight:600; color:rgba(255,255,255,0.5); }


/* CHANCE BAR */
/* SUMÁRIO */
.rc-chance-wrap { display:flex; align-items:center; gap:8px; }
.rc-nav { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 18px; }
.rc-chance-bar-bg { flex:1; height:6px; border-radius:3px; background:rgba(94,207,168,0.12); overflow:hidden; }
.rc-nav a { display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:20px; background:#fff; border:1px solid var(--line); font-size:12px; font-weight:700; color:var(--ink2); text-decoration:none; }
.rc-chance-bar { height:100%; border-radius:3px; }
.rc-nav a:hover { border-color:var(--ac); color:var(--ac-dk); }
.rc-chance-val { font-size:12px; font-weight:800; width:38px; text-align:right; }
.rc-nav a span { font-size:10px; font-weight:800; color:var(--ac); }


/* AVISO */
/* SEÇÃO */
.rc-warn { display:flex; align-items:flex-start; gap:12px; background:#FFF8EC; border:1px solid rgba(234,179,8,0.22); border-radius:8px; padding:12px 14px; margin-top:12px; }
.rc-sec { margin:0 0 26px; scroll-margin-top:12px; }
.rc-warn-text { font-size:12px; color:#92400E; line-height:1.6; }
.rc-sec-head { display:flex; align-items:baseline; gap:10px; margin:0 0 10px; padding-bottom:8px; border-bottom:2px solid var(--ac-ln); }
.rc-warn-text strong { color:#78350F; }
.rc-sec-num { font-size:11px; font-weight:800; color:var(--ac); letter-spacing:0.5px; }
.rc-sec-title { font-size:17px; font-weight:800; color:var(--ink); margin:0; }
.rc-sec-sub { font-size:12px; color:var(--label); margin-left:auto; }


/* SAFE BOX */
/* PASSOS e REGRAS */
.rc-safe { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.rc-steps { list-style:none; margin:0; padding:0; counter-reset:st; display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:10px; }
.rc-safe-pill { display:inline-flex; align-items:center; gap:5px; padding:4px 12px; border-radius:20px; font-size:11px; font-weight:600; background:#F0FFF4; border:1px solid rgba(34,197,94,0.2); color:#15803D; }
.rc-steps li { counter-increment:st; position:relative; background:#fff; border:1px solid var(--line); border-radius:10px; padding:12px 14px 12px 50px; font-size:12.5px; }
.rc-safe-pill svg { flex-shrink:0; }
.rc-steps li::before { content:counter(st); position:absolute; left:12px; top:12px; width:28px; height:28px; border-radius:8px; background:var(--ac); color:#fff; font-size:13px; font-weight:800; display:flex; align-items:center; justify-content:center; }
</style>
.rc-steps li strong { color:var(--ink); }
.rc-rules { list-style:none; margin:10px 0 0; display:grid; grid-template-columns:repeat(auto-fit, minmax(300px,1fr)); gap:0 18px; background:#fff; border:1px solid var(--line); border-radius:10px; padding:6px 16px; }
.rc-rules li { position:relative; padding:8px 0 8px 16px; border-bottom:1px solid rgba(94,207,168,0.1); font-size:12.5px; }
.rc-rules li::before { content:""; position:absolute; left:0; top:15px; width:6px; height:6px; border-radius:50%; background:var(--ac); }
.rc-rules li strong { color:var(--ink); }
.rc-coord { display:inline-block; font-family:Consolas, "Courier New", monospace; font-size:10.5px; font-weight:700; color:var(--mint-dk); background:var(--mint-bg); border:1px solid rgba(94,207,168,0.24); border-radius:20px; padding:0 8px; white-space:nowrap; }


<!-- HERO -->
/* NPC e tickets */
<div style="background:#241832;border-radius:12px;padding:28px 32px;text-align:center;margin-bottom:16px;position:relative;overflow:hidden;">
.rc-tickets { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:10px; margin-top:10px; }
  <div style="position:absolute;top:-30px;left:-20px;width:200px;height:200px;background:radial-gradient(circle,rgba(94,207,168,0.14) 0%,transparent 70%);border-radius:50%;pointer-events:none;"></div>
.rc-ticket { display:flex; align-items:center; gap:12px; background:linear-gradient(110deg, var(--night), #173A31); border:1px solid var(--ac-ln); border-radius:12px; padding:12px 16px; }
  <div style="position:absolute;bottom:-20px;right:5%;width:160px;height:160px;background:radial-gradient(circle,rgba(168,135,212,0.12) 0%,transparent 70%);border-radius:50%;pointer-events:none;"></div>
.rc-ticket-art { width:52px; height:52px; flex-shrink:0; border-radius:12px; background:rgba(94,207,168,0.15); border:1px solid rgba(94,207,168,0.3); display:flex; align-items:center; justify-content:center; }
  <div style="position:relative;z-index:1;">
.rc-ticket-art img { width:34px; height:34px; }
    <div style="margin-bottom:10px;"><img src="https://static.divine-pride.net/images/items/item/6443.png" width="54" height="54" style="image-rendering:pixelated;margin:0 auto;" alt=""></div>
.rc-ticket-k { font-size:9px; font-weight:800; letter-spacing:0.8px; text-transform:uppercase; color:rgba(168,232,208,0.65); }
    <div style="color:#fff;font-size:20px;font-weight:700;margin-bottom:6px;">Removedora de Cartas</div>
.rc-ticket-name { font-size:14px; font-weight:800; color:#fff; margin:2px 0 3px; }
    <div style="color:rgba(255,255,255,0.45);font-size:13px;">Retire cartas de equipamentos com segurança · Prontera</div>
.rc-ticket-desc { font-size:12px; color:rgba(255,255,255,0.7); }
  </div>
</div>


<!-- COMO FUNCIONA -->
/* TIERS */
<div class="rc-card">
.rc-tier { background:#fff; border:1px solid var(--ln); border-top:3px solid var(--c); border-radius:12px; overflow:hidden; }
  <div class="rc-card-title">
.rc-tier-head { display:flex; align-items:center; gap:10px; padding:10px 16px; background:var(--bg); border-bottom:1px solid var(--ln); }
    <div class="rc-card-title-text">Como Funciona</div>
.rc-tier-name { font-size:13px; font-weight:800; color:var(--c); text-transform:uppercase; letter-spacing:0.8px; }
  </div>
.rc-tier-tag { margin-left:auto; font-size:11px; font-weight:700; color:var(--label); }
  <div class="rc-card-body">
.rc-tier-tag b { color:var(--ink); }
    <p style="font-size:12.5px;color:#6B6478;line-height:1.7;margin:0 0 16px;">
.rc-items { display:grid; grid-template-columns:repeat(auto-fill, minmax(250px,1fr)); }
      A Removedora de Cartas permite retirar uma carta de um equipamento sem perder o item. O serviço é realizado em <strong style="color:#1A2640;">Prontera</strong> e o resultado depende do lubrificante utilizado. Em caso de falha, nenhum item é perdido — apenas o lubrificante e/ou os zenys da tentativa.
.rc-it { display:flex; align-items:center; gap:10px; padding:8px 14px; border-bottom:1px solid rgba(94,207,168,0.1); border-right:1px solid rgba(94,207,168,0.1); }
    </p>
.rc-it img { width:28px; height:28px; flex-shrink:0; }
    <div class="rc-steps">
.rc-noimg { width:28px; height:28px; flex-shrink:0; border-radius:6px; background:var(--bg); border:1px dashed var(--ln); }
      <div class="rc-step"><div class="rc-step-num">1</div><div class="rc-step-text">Equipe o item que contém a carta que deseja remover</div></div>
.rc-it-txt { flex:1; min-width:0; }
      <div class="rc-step"><div class="rc-step-num">2</div><div class="rc-step-text">Fale com a <strong>Removedora de Cartas</strong> em Prontera e escolha o lubrificante</div></div>
.rc-it-name { font-size:12.5px; font-weight:700; color:var(--ink); }
      <div class="rc-step"><div class="rc-step-num">3</div><div class="rc-step-text">Apenas <strong>1 carta é removida por tentativa</strong> — repita o processo para remover mais</div></div>
.rc-qty { display:inline-block; margin-left:6px; font-size:10.5px; font-weight:800; color:var(--c); background:var(--bg); border:1px solid var(--ln); padding:0 7px; border-radius:20px; }
      <div class="rc-step"><div class="rc-step-num">4</div><div class="rc-step-text">Em caso de <strong>sucesso</strong>, a carta é removida e todos os outros atributos do equipamento são preservados</div></div>
.rc-it-pct { font-size:11px; font-weight:800; color:var(--c); white-space:nowrap; font-variant-numeric:tabular-nums; }
      <div class="rc-step"><div class="rc-step-num">5</div><div class="rc-step-text">Em caso de <strong>falha</strong>, você perde apenas o lubrificante e os zenys da tentativa — nada mais</div></div>
.rc-tw { overflow-x:auto; }
    </div>
.rc-table { width:100%; border-collapse:collapse; font-size:12.5px; }
.rc-table th { background:var(--mint-bg); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:0.7px; color:var(--label); padding:8px 14px; text-align:left; border-bottom:1px solid var(--line); white-space:nowrap; }
.rc-table th.num { text-align:right; }
.rc-table td { padding:7px 14px; border-bottom:1px solid rgba(94,207,168,0.08); }
.rc-table tr:last-child td { border-bottom:none; }
.rc-table .num { text-align:right; font-weight:800; font-variant-numeric:tabular-nums; color:var(--ink); }
.rc-tit { display:inline-flex; align-items:center; gap:8px; font-weight:700; color:var(--ink); }
.rc-tit img { width:24px; height:24px; }


    <div style="margin-top:14px;">
/* CAIXAS */
      <div style="font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;color:#9B92A8;margin-bottom:8px;">O que é preservado em todos os cenários</div>
.rc-pair { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px,1fr)); gap:10px; margin-top:10px; }
      <div class="rc-safe">
.rc-box { background:#fff; border:1px solid var(--line); border-radius:10px; padding:12px 14px; }
        <div class="rc-safe-pill"><svg width="10" height="10" viewBox="0 0 10 10"><polyline points="1,5 4,7.5 9,1.5" stroke="currentColor" stroke-width="1.6" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>O equipamento</div>
.rc-box-k { font-size:10px; font-weight:800; letter-spacing:0.9px; text-transform:uppercase; color:var(--ac-dk); margin-bottom:6px; display:flex; align-items:center; gap:8px; }
        <div class="rc-safe-pill"><svg width="10" height="10" viewBox="0 0 10 10"><polyline points="1,5 4,7.5 9,1.5" stroke="currentColor" stroke-width="1.6" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>Nível de refino</div>
.rc-box-k img { width:24px; height:24px; }
        <div class="rc-safe-pill"><svg width="10" height="10" viewBox="0 0 10 10"><polyline points="1,5 4,7.5 9,1.5" stroke="currentColor" stroke-width="1.6" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>Encantamentos</div>
.rc-box ul { list-style:none; margin:0; padding:0; }
        <div class="rc-safe-pill"><svg width="10" height="10" viewBox="0 0 10 10"><polyline points="1,5 4,7.5 9,1.5" stroke="currentColor" stroke-width="1.6" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>Bônus aleatórios do item</div>
.rc-box li { position:relative; padding:5px 0 5px 14px; font-size:12.5px; border-top:1px solid rgba(94,207,168,0.1); }
        <div class="rc-safe-pill"><svg width="10" height="10" viewBox="0 0 10 10"><polyline points="1,5 4,7.5 9,1.5" stroke="currentColor" stroke-width="1.6" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>Demais cartas nos outros slots</div>
.rc-box li:first-child { border-top:none; }
      </div>
.rc-box li::before { content:""; position:absolute; left:0; top:12px; width:5px; height:5px; border-radius:50%; background:var(--ac); }
    </div>
.rc-box li strong { color:var(--ink); }
  </div>
.rc-pity { display:flex; align-items:center; gap:16px; background:linear-gradient(110deg, var(--night), #173A31); border-radius:12px; padding:14px 18px; margin-top:10px; }
</div>
.rc-pity-num { font-size:34px; font-weight:900; color:var(--ac-lt); line-height:1; flex-shrink:0; }
.rc-pity-text { font-size:12.5px; color:rgba(255,255,255,0.72); }
.rc-pity-text strong { color:#fff; }
.rc-note { display:flex; gap:10px; align-items:flex-start; background:var(--mint-bg); border:1px solid rgba(94,207,168,0.24); border-radius:10px; padding:11px 14px; font-size:12px; color:var(--mint-dk); margin-top:10px; }
.rc-note svg { flex-shrink:0; margin-top:1px; color:var(--mint); }
.rc-note strong { color:var(--ink2); }
.rc-foot { margin-top:14px; font-size:11px; color:var(--label); text-align:right; }


<!-- LUBRIFICANTES -->
/* MONSTROS */
<div class="rc-card">
.rc-mobs { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; }
  <div class="rc-card-title">
.rc-mob { display:flex; align-items:center; gap:14px; background:#fff; border:1px solid var(--line); border-radius:12px; padding:12px 14px; }
    <div class="rc-card-title-text">Lubrificantes e Chances de Sucesso</div>
.rc-mob-art { width:84px; height:84px; flex-shrink:0; border-radius:10px; background:var(--ac-bg); border:1px solid var(--ac-ln); display:flex; align-items:center; justify-content:center; overflow:hidden; }
  </div>
.rc-mob-art img { max-width:76px; max-height:76px; }
  <div class="rc-card-body" style="padding:0;">
.rc-mob-name { font-size:14px; font-weight:800; color:var(--ink); }
    <table class="rc-table">
.rc-mob-meta { font-size:11.5px; color:var(--label); margin:2px 0 6px; }
      <thead>
.rc-pill { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:800; color:var(--ac-dk); background:var(--ac-bg); border:1px solid var(--ac-ln); border-radius:20px; padding:2px 10px 2px 4px; }
        <tr>
.rc-pill img { width:18px; height:18px; }
          <th style="width:200px;">Lubrificante</th>
.rc-boss { display:grid; grid-template-columns:150px 1fr; gap:0; margin-top:10px; background:#fff; border:1px solid rgba(217,119,6,0.3); border-top:3px solid #D97706; border-radius:12px; overflow:hidden; }
          <th style="width:180px;">Custo</th>
.rc-boss-art { background:linear-gradient(160deg,#FFFBEB,#FEF3C7); display:flex; align-items:center; justify-content:center; padding:14px; }
          <th>Chance de Sucesso</th>
.rc-boss-art img { max-width:120px; max-height:120px; }
        </tr>
.rc-boss-body { padding:12px 16px; }
      </thead>
.rc-boss-k { font-size:10px; font-weight:800; letter-spacing:0.9px; text-transform:uppercase; color:#92400E; }
      <tbody>
.rc-boss-name { font-size:16px; font-weight:900; color:var(--ink); margin:2px 0 4px; }
.rc-boss-meta { font-size:11.5px; color:var(--label); margin-bottom:10px; }
.rc-bonus { display:flex; align-items:center; gap:12px; background:#FFFBEB; border:1px solid rgba(217,119,6,0.3); border-radius:10px; padding:8px 12px; margin-bottom:10px; }
.rc-bonus img { width:32px; height:32px; }
.rc-bonus-v { font-size:16px; font-weight:900; color:#78350F; }
.rc-bonus-s { font-size:11px; font-weight:600; color:#92400E; }
.rc-drops { display:grid; grid-template-columns:repeat(auto-fill, minmax(200px,1fr)); gap:6px; }
.rc-drop { display:flex; align-items:center; gap:8px; padding:5px 8px; border:1px solid var(--line); border-radius:8px; background:#FAFCFA; font-size:12px; font-weight:600; color:var(--ink2); }
.rc-drop img { width:24px; height:24px; flex-shrink:0; }
.rc-drop b { margin-left:auto; font-size:11px; color:#92400E; font-variant-numeric:tabular-nums; }
/* HORÁRIO */
.rc-clock { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:8px; }
.rc-tick { background:#fff; border:1px solid var(--line); border-radius:10px; padding:10px 12px; }
.rc-tick-t { font-size:20px; font-weight:900; color:var(--ink); font-variant-numeric:tabular-nums; }
.rc-tick-d { font-size:11.5px; color:var(--label); }
.rc-tick.open { border-color:rgba(22,163,74,0.35); background:#F0FDF4; }
.rc-tick.open .rc-tick-t { color:#15803D; }
.rc-tick.warn { border-color:rgba(217,119,6,0.35); background:#FFFBEB; }
.rc-tick.warn .rc-tick-t { color:#B45309; }
.rc-tick.close { border-color:var(--ac-ln); background:var(--ac-bg); }
.rc-tick.close .rc-tick-t { color:var(--ac-dk); }
/* RISCOS */
.rc-risks { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:8px; }
.rc-risk { background:#fff; border:1px solid var(--line); border-left:3px solid var(--ac); border-radius:10px; padding:10px 14px; }
.rc-risk.ok { border-left-color:#16A34A; }
.rc-risk-k { font-size:12.5px; font-weight:800; color:var(--ink); margin-bottom:3px; }
.rc-risk-t { font-size:12px; color:var(--mute); }
.rc-chips { display:flex; flex-wrap:wrap; gap:6px; }
.rc-chip { display:inline-flex; align-items:center; gap:6px; font-size:11.5px; font-weight:700; color:var(--ink2); background:#fff; border:1px solid var(--line); border-radius:20px; padding:3px 10px 3px 4px; }
.rc-chip img { width:20px; height:20px; }
.rc-chip.no { color:var(--ac-dk); border-color:var(--ac-ln); background:var(--ac-bg); }
/* NPCs */
.rc-npcs { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; }
.rc-npc { background:linear-gradient(110deg, var(--night), #173A31); border:1px solid var(--ac-ln); border-radius:12px; padding:12px 14px; }
.rc-npc-n { font-size:14px; font-weight:800; color:#fff; }
.rc-npc-s { font-size:11.5px; color:rgba(255,255,255,0.6); }
/* ENCANTAMENTO */
.rc-ench { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; }
.rc-ench-col { background:#fff; border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.rc-ench-head { background:var(--night); color:var(--ac-lt); font-size:11px; font-weight:800; letter-spacing:0.9px; text-transform:uppercase; padding:9px 14px; }
.rc-ench-k { font-size:9.5px; font-weight:800; letter-spacing:0.8px; text-transform:uppercase; color:var(--label); padding:9px 14px 4px; }
.rc-ench-list { list-style:none; margin:0; padding:0 14px 10px; }
.rc-ench-list li { display:flex; align-items:center; gap:8px; padding:4px 0; font-size:12px; color:var(--ink2); border-top:1px solid rgba(94,207,168,0.1); }
.rc-ench-list li:first-child { border-top:none; }
.rc-ench-list li b { color:var(--ink); white-space:nowrap; }
.rc-ench-list li span { display:block; color:var(--mute); font-size:11px; line-height:1.35; }
.rc-ench-list img { width:20px; height:20px; flex-shrink:0; }


        <tr>
@media (max-width: 720px) {
          <td>
  .rc-clock { grid-template-columns:repeat(2, minmax(0,1fr)); }
            <div class="rc-item-cell">
  .rc-npcs { grid-template-columns:1fr; }
              <div style="width:28px;height:28px;border-radius:5px;background:rgba(107,114,128,0.1);border:1px solid rgba(107,114,128,0.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#9CA3AF;font-size:14px;font-weight:700;">—</div>
  .rc-hero { padding:20px 18px 0; }
              <div><div class="rc-item-name">Sem Lubrificante</div><div class="rc-item-sub">Tentativa básica</div></div>
  .rc-hero-art { display:none; }
            </div>
  .rc-title { font-size:22px; }
          </td>
  .rc-facts { grid-template-columns:repeat(2, minmax(0,1fr)); margin:18px -18px 0; }
          <td><span class="rc-cost gold">50.000 zenys</span></td>
  .rc-fact { border-bottom:1px solid rgba(255,255,255,0.08); }
          <td>
  .rc-fact:nth-child(2n) { border-right:none; }
            <div class="rc-chance-wrap">
  .rc-fact:last-child { grid-column:1 / -1; }
              <div class="rc-chance-bar-bg"><div class="rc-chance-bar" style="width:2%;background:#EF4444;"></div></div>
  .rc-sec-sub { display:none; }
              <div class="rc-chance-val" style="color:#EF4444;">2%</div>
  .rc-mobs, .rc-boss, .rc-ench { grid-template-columns:1fr; }
            </div>
  .rc-boss-art { width:100%; }
          </td>
  .rc-table th, .rc-table td { padding-left:10px; padding-right:10px; }
        </tr>
  .rc-pity { flex-direction:column; align-items:flex-start; }
}


        <tr>
/* EXTRA — Curandeira */
          <td>
.rc-ticket-k .rc-coord, .rc-box-k .rc-coord { text-transform:none; letter-spacing:0; }
            <div class="rc-item-cell">
.rc-chip small { font-family:Consolas, "Courier New", monospace; font-size:10px; color:var(--label); font-weight:600; margin-left:2px; }
              <img src="https://static.divine-pride.net/images/items/item/25238.png" alt="Lubrificante Básico">
.rc-sub { font-size:13px; font-weight:800; color:var(--ink); margin:18px 0 8px; display:flex; align-items:center; gap:8px; }
              <div><div class="rc-item-name">Lubrificante Básico</div><div class="rc-item-sub">#25238</div></div>
.rc-sub::before { content:""; width:4px; height:14px; border-radius:2px; background:var(--ac); }
            </div>
.rc-buff { display:inline-flex; align-items:center; font-size:11px; font-weight:700; padding:2px 9px; border-radius:20px; background:#F5F1FB; border:1px solid rgba(124,58,237,0.22); color:#7C3AED; margin:2px 4px 2px 0; white-space:nowrap; }
          </td>
.rc-free { display:inline-flex; font-size:10.5px; font-weight:800; padding:1px 8px; border-radius:20px; background:#F0FDF4; border:1px solid rgba(22,163,74,0.3); color:#15803D; white-space:nowrap; }
          <td><span class="rc-cost blue">4.000 ROPs</span></td>
.rc-table td { vertical-align:middle; }
          <td>
.rc-alert { display:flex; gap:10px; align-items:flex-start; background:#FEF2F2; border:1px solid rgba(220,38,38,0.24); border-radius:10px; padding:11px 14px; font-size:12px; color:#B91C1C; margin-top:10px; }
            <div class="rc-chance-wrap">
.rc-alert svg { flex-shrink:0; margin-top:1px; }
              <div class="rc-chance-bar-bg"><div class="rc-chance-bar" style="width:10%;background:#F59E0B;"></div></div>
.rc-alert strong { color:#7F1D1D; }
              <div class="rc-chance-val" style="color:#D97706;">10%</div>
.rc-bar { display:flex; align-items:center; gap:8px; min-width:120px; }
            </div>
.rc-bar-bg { flex:1; height:6px; border-radius:3px; background:rgba(94,207,168,0.14); overflow:hidden; }
          </td>
.rc-bar-fg { height:100%; border-radius:3px; }
        </tr>
.rc-bar b { width:38px; text-align:right; font-size:12px; font-weight:900; }
.rc-table tr.mvp td { background:#FFFBEB; }
.rc-steps li { min-height:52px; }
</style>


        <tr>
<div class="rc">
          <td>
            <div class="rc-item-cell">
              <img src="https://static.divine-pride.net/images/items/item/25239.png" alt="Lubrificante Refinado">
              <div><div class="rc-item-name">Lubrificante Refinado</div><div class="rc-item-sub">#25239</div></div>
            </div>
          </td>
          <td><span class="rc-cost blue">7.000 ROPs</span></td>
          <td>
            <div class="rc-chance-wrap">
              <div class="rc-chance-bar-bg"><div class="rc-chance-bar" style="width:20%;background:#5ECFA8;"></div></div>
              <div class="rc-chance-val" style="color:#2E8F6E;">20%</div>
            </div>
          </td>
        </tr>


        <tr class="mvp-row">
<!-- ============ HERO ============ -->
          <td>
<div class="rc-hero">
            <div class="rc-item-cell">
  <div class="rc-hero-main">
              <img src="https://static.divine-pride.net/images/items/item/6443.png" alt="Óleo Removedor Especial">
    <div class="rc-hero-text">
              <div>
      <div class="rc-eyebrow">NPC · Prontera</div>
                <div class="rc-item-name">Óleo Removedor Especial</div>
      <div class="rc-title">Removedor de Cartas</div>
                <div class="rc-item-sub">#6443 · Obrigatório para cartas MVP</div>
      <p class="rc-pitch">Tira uma carta do equipamento sem perder o item. Na falha, você perde só o custo da tentativa: o equipamento, o refino, os encantamentos e as outras cartas ficam intactos.</p>
              </div>
    </div>
            </div>
    <div class="rc-hero-art"><img class="px" src="https://static.divine-pride.net/images/items/item/6443.png" alt="" width="60" height="60" style="image-rendering:pixelated;" onerror="if(!this.dataset.f){this.dataset.f=1;this.src='https://www.eddaworld.com.br/img/itens/6443.png';}else{this.style.visibility='hidden';}"></div>
          </td>
  </div>
          <td><span class="rc-cost gold">35.000 ROPs</span></td>
  <div class="rc-facts">
          <td>
    <div class="rc-fact"><div class="rc-fact-k">Local</div><div class="rc-fact-v">Prontera <small>117, 179</small></div></div>
            <div class="rc-chance-wrap">
    <div class="rc-fact"><div class="rc-fact-k">Por tentativa</div><div class="rc-fact-v">1 <small>carta</small></div></div>
              <div class="rc-chance-bar-bg"><div class="rc-chance-bar" style="width:100%;background:#22C55E;"></div></div>
    <div class="rc-fact"><div class="rc-fact-k">Chance</div><div class="rc-fact-v">2% <small>a 100%</small></div></div>
              <div class="rc-chance-val" style="color:#15803D;">100%</div>
    <div class="rc-fact"><div class="rc-fact-k">Carta MVP</div><div class="rc-fact-v">Só Óleo</div></div>
            </div>
    <div class="rc-fact"><div class="rc-fact-k">Na falha</div><div class="rc-fact-v">Perde <small>só o custo</small></div></div>
          </td>
  </div>
        </tr>
</div>
 
<!-- ============ SUMÁRIO ============ -->
<div class="rc-nav">
  <a href="#rc-como"><span>01</span>Como funciona</a>
  <a href="#rc-lub"><span>02</span>Lubrificantes</a>
  <a href="#rc-regras"><span>03</span>Regras</a>
</div>


      </tbody>
<!-- ============ 01 COMO FUNCIONA ============ -->
     </table>
<div class="rc-sec" id="rc-como">
  <div class="rc-sec-head"><span class="rc-sec-num">01</span><div class="rc-sec-title">Como funciona</div><span class="rc-sec-sub"><span class="rc-coord">prontera 117, 179</span></span></div>
  <ol class="rc-steps">
    <li><strong>Equipe</strong> o item que tem a carta.</li>
    <li>Fale com o <strong>Removedor de Cartas</strong> e escolha o slot do equipamento.</li>
    <li>Escolha <strong>qual carta</strong> remover e o lubrificante.</li>
     <li>Confirme. No sucesso, a carta vai para o inventário e o item volta equipado.</li>
  </ol>
  <div class="rc-note"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="7" stroke="currentColor" stroke-width="1.6"/><path d="M8 7v4M8 4.6v.1" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg><span>Na falha, o NPC oferece <strong>tentar de novo com a mesma configuração</strong>: mesmo item, mesma carta e mesmo lubrificante, sem passar pelos menus.</span></div>
</div>


     <div class="rc-warn" style="margin:12px 16px 14px;">
<!-- ============ 02 LUBRIFICANTES ============ -->
      <img src="https://static.divine-pride.net/images/items/item/19151.png" width="22" height="22" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<div class="rc-sec" id="rc-lub">
      <div class="rc-warn-text"><strong>Cartas de MVP só podem ser removidas com o Óleo Removedor Especial.</strong> Tentar remover uma carta MVP com os outros lubrificantes não será permitido pelo sistema.</div>
  <div class="rc-sec-head"><span class="rc-sec-num">02</span><div class="rc-sec-title">Lubrificantes</div><span class="rc-sec-sub">Preços da Loja de ROPs</span></div>
    </div>
  <div class="rc-tw" style="background:#fff;border:1px solid var(--line);border-radius:10px;"><table class="rc-table">
    <thead><tr><th>Opção</th><th class="num">Custo</th><th>Chance</th><th class="num">Tentativas em média</th><th class="num">Custo médio</th></tr></thead>
     <tbody><tr class=""><td><span class="rc-tit">Sem lubrificante</span></td><td class="num">50.000z</td><td><div class="rc-bar"><div class="rc-bar-bg"><div class="rc-bar-fg" style="width:2%;background:#DC2626;"></div></div><b style="color:#DC2626;">2%</b></div></td><td class="num">50</td><td class="num">2.500.000z</td></tr><tr class=""><td><span class="rc-tit"><img class="px" src="https://static.divine-pride.net/images/items/item/25238.png" alt="" width="24" height="24" style="image-rendering:pixelated;" onerror="if(!this.dataset.f){this.dataset.f=1;this.src='https://www.eddaworld.com.br/img/itens/25238.png';}else{this.style.visibility='hidden';}">Lubrificante Básico</span></td><td class="num">3.000 ROPs</td><td><div class="rc-bar"><div class="rc-bar-bg"><div class="rc-bar-fg" style="width:10%;background:#D97706;"></div></div><b style="color:#D97706;">10%</b></div></td><td class="num">10</td><td class="num">30.000 ROPs</td></tr><tr class=""><td><span class="rc-tit"><img class="px" src="https://static.divine-pride.net/images/items/item/25239.png" alt="" width="24" height="24" style="image-rendering:pixelated;" onerror="if(!this.dataset.f){this.dataset.f=1;this.src='https://www.eddaworld.com.br/img/itens/25239.png';}else{this.style.visibility='hidden';}">Lubrificante Refinado</span></td><td class="num">5.000 ROPs</td><td><div class="rc-bar"><div class="rc-bar-bg"><div class="rc-bar-fg" style="width:20%;background:#2E8F6E;"></div></div><b style="color:#2E8F6E;">20%</b></div></td><td class="num">5</td><td class="num">25.000 ROPs</td></tr><tr class="mvp"><td><span class="rc-tit"><img class="px" src="https://static.divine-pride.net/images/items/item/6443.png" alt="" width="24" height="24" style="image-rendering:pixelated;" onerror="if(!this.dataset.f){this.dataset.f=1;this.src='https://www.eddaworld.com.br/img/itens/6443.png';}else{this.style.visibility='hidden';}">Óleo Removedor Especial</span></td><td class="num">25.000 ROPs</td><td><div class="rc-bar"><div class="rc-bar-bg"><div class="rc-bar-fg" style="width:100%;background:#16A34A;"></div></div><b style="color:#16A34A;">100%</b></div></td><td class="num">1</td><td class="num">25.000 ROPs</td></tr></tbody></table></div>
  <div class="rc-tickets">
    <div class="rc-ticket"><div class="rc-ticket-art"><img class="px" src="https://static.divine-pride.net/images/items/item/19151.png" alt="" width="34" height="34" style="image-rendering:pixelated;" onerror="if(!this.dataset.f){this.dataset.f=1;this.src='https://www.eddaworld.com.br/img/itens/19151.png';}else{this.style.visibility='hidden';}"></div><div><div class="rc-ticket-k">Cartas de MVP</div><div class="rc-ticket-name">Só com Óleo Removedor Especial</div><div class="rc-ticket-desc">Com outra opção, o NPC recusa a tentativa antes de cobrar.</div></div></div>
   </div>
   </div>
  <div class="rc-sub">Outras fontes</div>
  <ul class="rc-rules" style="margin-top:0;">
    <li><strong>Óleo Removedor Especial:</strong> recompensa do nível 10 do Passe de Batalha.</li>
    <li><strong>Lubrificante Refinado:</strong> 1 ao completar a 3ª e a 4ª Streak de Votos, preso à conta.</li>
    <li>Os lubrificantes da Loja de ROPs podem ser negociados entre jogadores.</li>
  </ul>
</div>
</div>


<!-- REGRAS -->
<!-- ============ 03 REGRAS ============ -->
<div class="rc-card">
<div class="rc-sec" id="rc-regras">
   <div class="rc-card-title">
   <div class="rc-sec-head"><span class="rc-sec-num">03</span><div class="rc-sec-title">Regras</div><span class="rc-sec-sub">Leia antes de tentar</span></div>
    <div class="rc-card-title-text">Regras Gerais</div>
  <div class="rc-pair" style="margin-top:0;">
  </div>
     <div class="rc-box">
  <div class="rc-card-body">
      <div class="rc-box-k">Preservado sempre</div>
    <div class="rc-rule"><div class="rc-rule-dot"></div>O equipamento com a carta a ser removida deve estar <strong>equipado</strong> no personagem</div>
      <ul>
    <div class="rc-rule"><div class="rc-rule-dot"></div>Apenas <strong>1 carta é removida por tentativa</strong></div>
        <li>O equipamento.</li>
     <div class="rc-rule"><div class="rc-rule-dot green"></div>Em caso de falha, você perde apenas os <strong>zenys e/ou o lubrificante</strong> — o equipamento e as cartas restantes são preservados</div>
        <li>O nível de refino.</li>
    <div class="rc-rule"><div class="rc-rule-dot green"></div>Refino, encantamentos e bônus aleatórios do item são <strong>sempre mantidos,</strong> mesmo em falha</div>
        <li>Os encantamentos e bônus aleatórios.</li>
     <div class="rc-rule"><div class="rc-rule-dot green"></div>Em caso de sucesso, os <strong>bônus aleatórios do item não são perdidos</strong></div>
        <li>As cartas dos outros slots.</li>
    <div class="rc-rule"><div class="rc-rule-dot yellow"></div>Cartas de <strong>MVP exigem o Óleo Removedor Especial</strong> — nenhum outro lubrificante funciona para elas</div>
      </ul>
    </div>
     <div class="rc-box">
      <div class="rc-box-k">Antes de tentar</div>
      <ul>
        <li>O item precisa estar <strong>equipado</strong>.</li>
        <li>Libere peso para receber a carta.</li>
        <li>O custo é cobrado a cada tentativa, com sucesso ou falha.</li>
        <li>Remove <strong>1 carta</strong> por tentativa.</li>
      </ul>
    </div>
   </div>
   </div>
  <ul class="rc-rules">
    <li>Pedras de encantamento e selos de WoE no slot não são cartas e não aparecem para remoção.</li>
    <li><strong>Cartas Dimensionais</strong> não contam como carta de MVP.</li>
    <li>A <strong>Carta Bafomé Jr.</strong> não conta como carta de MVP.</li>
  </ul>
</div>
</div>


<div class="rc-foot">Conferido com o emulador em 23/10/2026.</div>
</div>
</html>
</html>

Edição atual tal como às 21h11min de 23 de outubro de 2026

NPC · Prontera
Removedor de Cartas

Tira uma carta do equipamento sem perder o item. Na falha, você perde só o custo da tentativa: o equipamento, o refino, os encantamentos e as outras cartas ficam intactos.

Local
Prontera 117, 179
Por tentativa
1 carta
Chance
2% a 100%
Carta MVP
Só Óleo
Na falha
Perde só o custo
01
Como funciona
prontera 117, 179
  1. Equipe o item que tem a carta.
  2. Fale com o Removedor de Cartas e escolha o slot do equipamento.
  3. Escolha qual carta remover e o lubrificante.
  4. Confirme. No sucesso, a carta vai para o inventário e o item volta equipado.
Na falha, o NPC oferece tentar de novo com a mesma configuração: mesmo item, mesma carta e mesmo lubrificante, sem passar pelos menus.
02
Lubrificantes
Preços da Loja de ROPs
OpçãoCustoChanceTentativas em médiaCusto médio
Sem lubrificante50.000z
2%
502.500.000z
Lubrificante Básico3.000 ROPs
10%
1030.000 ROPs
Lubrificante Refinado5.000 ROPs
20%
525.000 ROPs
Óleo Removedor Especial25.000 ROPs
100%
125.000 ROPs
Cartas de MVP
Só com Óleo Removedor Especial
Com outra opção, o NPC recusa a tentativa antes de cobrar.
Outras fontes
  • Óleo Removedor Especial: recompensa do nível 10 do Passe de Batalha.
  • Lubrificante Refinado: 1 ao completar a 3ª e a 4ª Streak de Votos, preso à conta.
  • Os lubrificantes da Loja de ROPs podem ser negociados entre jogadores.
03
Regras
Leia antes de tentar
Preservado sempre
  • O equipamento.
  • O nível de refino.
  • Os encantamentos e bônus aleatórios.
  • As cartas dos outros slots.
Antes de tentar
  • O item precisa estar equipado.
  • Libere peso para receber a carta.
  • O custo é cobrado a cada tentativa, com sucesso ou falha.
  • Remove 1 carta por tentativa.
  • Pedras de encantamento e selos de WoE no slot não são cartas e não aparecem para remoção.
  • Cartas Dimensionais não contam como carta de MVP.
  • A Carta Bafomé Jr. não conta como carta de MVP.
Conferido com o emulador em 23/10/2026.