rafael
05/01/2026, 12:06
<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
.news-container {
background: #fafafa;
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
font-size: 17px;
font-style: normal;
font-weight: 400;
margin: 0 auto;
max-width: 1200px;
min-height: 500px;
overflow: hidden;
padding: 20px;
position: relative;
text-align: justify;
color: #5a5a5a;
}
.title-tuto p {
color: #5a5a5a;
}
.banner-top {
align-items: center;
border-radius: 8px;
display: flex;
flex-direction: column;
height: 200px;
justify-content: center;
margin-bottom: 30px;
overflow: hidden;
padding: 40px 20px;
position: relative;
text-align: center;
}
.news-container .banner-top::after {
bottom: 8px;
content: '';
left: 8px;
pointer-events: none;
position: absolute;
right: 8px;
top: 8px;
z-index: 1;
}
.banner-top::before {
background-image: url("https://forum.mucabrasil.com.br/tutorial/darkelf-header.png");
background-size: cover;
content: '';
inset: 0;
position: absolute;
z-index: 0;
}
.banner-top p {
color: #e8e3d6;
font-size: 18px;
letter-spacing: 4px;
margin: 0;
z-index: 1;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
font-weight: 300;
}
.news-container p {
line-height: 1.8;
margin: 0 0 20px 0;
}
.quest-phase {
border: 1px solid #ebebeb;
margin-bottom: 40px;
border-radius: 6px;
}
.quest-phase p {
color: #5a5a5a;
}
.phase-header {
align-items: center;
background: linear-gradient(90deg, #8b6914 0%, #6b5010 100%);
border: 1px solid #d4af37;
display: flex;
gap: 15px;
margin-bottom: 25px;
padding: 15px 20px;
box-shadow: inset 0 1px 0 rgba(212, 175, 55, 0.3);
border-radius: 6px;
}
.phase-number {
align-items: center;
background: #0a0a0a;
border: 2px solid #d4af37;
color: #d4af37;
display: flex;
font-family: 'Cinzel', serif;
font-size: 28px;
font-weight: bold;
height: 50px;
justify-content: center;
width: 50px;
text-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
border-radius: 6px;
}
.phase-header-gate {
align-items: center;
background: linear-gradient(90deg, #1b1511 0%, #2d2119 100%);
border: 1px solid #d4af37;
display: flex;
gap: 15px;
margin-bottom: 25px;
padding: 15px 20px;
box-shadow: inset 0 1px 0 rgba(212, 175, 55, 0.3);
border-radius: 6px;
}
.phase-gate {
align-items: center;
background: #1b1511;
border: 2px solid #d4af37;
color: #d4af37;
display: flex;
font-family: 'Cinzel', serif;
font-size: 28px;
font-weight: bold;
height: 50px;
justify-content: center;
width: 100%;
text-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
border-radius: 6px;
}
.phase-title {
color: #e8e3d6;
flex: 1;
font-family: 'Cinzel', serif;
font-size: 22px;
font-weight: 600;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
}
.step {
background: #ececec;
border: 1px solid #efefef;
padding: 20px;
margin: 0 0 20px 0;
border-radius: 6px;
}
/* caixa dos npcs */
.items-display {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 30px;
margin: 35px 0;
}
.item-frame {
border: 2px solid #5a4a36;
background: linear-gradient(135deg, #1a1410 0%, #0f0d0a 100%);
padding: 25px 20px;
text-align: center;
position: relative;
transition: all 0.3s ease;
border-radius: 6px;
}
.item-frame::before,
.item-frame::after {
content: '';
position: absolute;
width: 15px;
height: 15px;
border: 2px solid #8b7355;
border-radius: 6px;
}
.item-frame::before {
top: -2px;
left: -2px;
border-right: none;
border-bottom: none;
}
.item-frame::after {
bottom: -2px;
right: -2px;
border-left: none;
border-top: none;
}
.item-frame:hover {
border-color: #c9a961;
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
}
.item-image {
width: 100px;
height: 100px;
object-fit: contain;
margin: 0 auto 20px;
filter:
drop-shadow(0 0 15px rgba(201, 169, 97, 0.3)) sepia(0.2);
}
.item-image.npc {
width: 150px;
height: auto;
}
.item-image.monster {
width: 200px;
height: auto;
}
.item-label {
font-family: 'Almendra', serif;
font-size: 18px;
color: #c9a961;
margin-bottom: 10px;
text-shadow: 1px 1px 0 #000;
}
.item-detail {
font-size: 14px;
color: #8b7355;
font-style: italic;
padding: 8px 12px;
background: rgba(0, 0, 0, 0.4);
border-top: 1px solid rgba(139, 115, 85, 0.2);
border-bottom: 1px solid rgba(139, 115, 85, 0.2);
}
/* fim */
.coords {
display: inline-block;
background: linear-gradient(135deg, #1a4a6b 0%, #0d2a3f 100%);
border: 1px solid #2a6a9b;
border-radius: 6px;
font-size: 14px;
font-weight: 700;
color: #7dc8ff;
padding: 3px 8px;
}
.coords::before {
content: '\1F30E';
margin-right: 5px;
}
.zen {
display: inline-block;
background: linear-gradient(135deg, #8b6914 0%, #6b5010 100%);
border: 1px solid #d4af37;
border-radius: 6px;
font-size: 14px;
font-weight: 700;
color: #ffd700;
padding: 3px 8px;
}
.zen::before {
content: '\1F4B0';
margin-right: 5px;
}
.item-list {
display: flex;
flex-wrap: wrap;
gap: 30px;
margin: 30px 0;
justify-content: center;
}
.item-card {
background: linear-gradient(135deg, #1a1410 0%, #0f0d0a 100%);
padding: 15px;
border: 1px solid #8b6914;
width: 280px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}
.item-name {
background: linear-gradient(90deg, #8b6914 0%, #6b5010 100%);
border: 1px solid #d4af37;
padding: 10px 12px;
text-align: center;
font-size: 16px;
color: #e8e3d6;
font-weight: 600;
font-family: 'Cinzel', serif;
}
.item-quantity {
background: rgba(66, 33, 99, 0.8);
border: 1px solid #8b4fb3;
padding: 8px 12px;
text-align: center;
margin-top: 10px;
font-size: 14px;
color: #d4a8ff;
}
.devin,
.werewolf {
display: block;
width: 60%;
height: auto;
margin: 0 auto 20px;
}
.ingredient {
display: block;
width: 120px;
height: 120px;
object-fit: contain;
margin: 0 auto 15px;
}
.step-complete {
font-size: 16px;
font-weight: 600;
background: linear-gradient(90deg, #1a5a2a 0%, #0d3a1a 100%);
border: 1px solid #2a8a4a;
border-radius: 6px;
padding: 12px 20px;
color: #7fff9f;
margin-bottom: 20px;
font-family: 'Cinzel', serif;
box-shadow: inset 0 1px 0 rgba(42, 138, 74, 0.3);
}
.step-red-title {
font-size: 16px;
font-weight: 600;
background: linear-gradient(90deg, #8a2a2a 0%, #5a1a1a 100%);
border-color: #aa3a3a;
color: #ffb8b8;
border-radius: 6px;
padding: 12px 20px;
margin-bottom: 20px;
font-family: 'Cinzel', serif;
box-shadow: inset 0 1px 0 rgba(42, 138, 74, 0.3);
}
.step-red p {
color: #5a1a1a
}
.class-grid {
display: flex;
flex-wrap: wrap;
gap: 30px;
margin: 30px 0;
justify-content: center;
}
.class-card {
width: 155px;
background: #ffffff;
padding: 20px;
border: 1px solid #4a6a8b;
border-radius: 6px;
text-align: center;
}
.class-from {
color: #444444;
font-size: 0.95em;
margin-bottom: 8px;
}
.class-arrow {
font-size: 1.3em;
margin: 10px 0;
color: #385878;
}
.class-to {
color: #385878;
font-size: 1.0em;
font-weight: 700;
font-family: 'Cinzel', serif;
}
.news-container ul,
ol {
list-style: none !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
.news-container li {
border: 1px solid #d4af37;
color: #5a5a5a;
list-style: none !important;
border: 1px solid #e8e3d6;
border-radius: 6px;
background: #ececec;
margin: 8px 0;
padding: 12px 15px;
border-left: 3px solid #8a2a2a;
width: 100% !important;
}
/*.desafio-cards {
padding: 15px;
border: 1px solid #8a2a2a;
margin: 15px 0;
border-radius: 6px;
background: #ffffff;
}*/
.desafio-cards {
border-left: 4px solid #f1f1f1;
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
border-right: 1px solid #f1f1f1;
padding: 30px 40px;
position: relative;
border-radius: 6px;
background:
linear-gradient(to bottom, transparent 0%, rgba(216, 216, 216, 0.3) 50%, transparent 100%);
margin-bottom: 40px;
}
.desafio-cards::before {
content: '';
position: absolute;
left: -4px;
top: 0;
width: 4px;
height: 60px;
border-radius: 6px;
}
.desafio-cards p {
color: #5a5a5a;
}
.divider {
height: 2px;
background: linear-gradient(90deg, transparent 0%, #5a1a1a 20%, #5a1a1a 50%, #5a1a1a 80%, transparent 100%);
margin: 50px 0;
position: relative;
}
.divider::after {
content: "\25C6";
/* ◆ */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #5a1a1a;
padding: 0 20px;
color: #893c3c;
font-size: 12px;
}
.chapter {
border-left: 4px solid #f1f1f1;
padding: 30px 40px;
position: relative;
background:
linear-gradient(to bottom, transparent 0%, rgba(216, 216, 216, 0.3) 50%, transparent 100%);
}
.chapter::before {
content: '';
position: absolute;
left: -4px;
top: 0;
width: 4px;
height: 60px;
border-radius: 6px;
}
.warning-scroll {
background:
linear-gradient(to right, transparent 0%, rgba(139, 69, 19, 0.1) 40%, transparent 90%);
border-left: 3px solid #8b4513;
border-right: 3px solid #8b4513;
padding: 25px 30px;
margin: 30px 0;
position: relative;
}
.warning-scroll::before {
content: "\26A0";
position: absolute;
top: 50%;
left: -15px;
transform: translateY(-50%);
font-size: 24px;
padding: 5px;
background: #5a1a1a;
border-radius: 6px;
}
.step-darkelf {
background: linear-gradient(90deg, #201914 0%, #33251b 100%);
border-color: #aa3a3a;
color: #e8e3d6 !important;
"
align-items: center;
margin-bottom: 20px;
padding: 20px;
border-radius: 6px;
}
.item-frame-darkelf {
border: 2px solid #5a4a36;
background: linear-gradient(135deg, #1a1410 0%, #251b15 100%);
padding: 25px 20px;
text-align: center;
position: relative;
transition: all 0.3s ease;
border-radius: 6px;
}
.item-frame-darkelf ::before,
.item-frame-darkelf ::after {
content: '';
position: absolute;
width: 15px;
height: 15px;
border: 2px solid #8b7355;
border-radius: 6px;
}
.item-frame-darkelf ::before {
top: -2px;
left: -2px;
border-right: none;
border-bottom: none;
}
.item-frame-darkelf ::after {
bottom: -2px;
right: -2px;
border-left: none;
border-top: none;
}
.bonus-limited ul,
ol {
list-style: none !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
.bonus-limited li {
list-style: none;
margin: 10px 0;
padding: 14px 16px;
background: #faf8f3;
border-radius: 6px;
border-left: 4px solid #d4af37;
color: #3f3318;
line-height: 1.5;
}
.bonus-limited li {
padding-left: 16px;
}
.boss-warning {
padding: 16px 18px;
border: 1px solid #8a2a2a;
background: linear-gradient(135deg, #fbf2f2 0%, #f2e6e6 100%);
border-radius: 6px;
color: #3a1a1a;
line-height: 1.6;
}
.boss-warning .title {
display: flex;
align-items: center;
gap: 8px;
*/ font-size: 17px;
margin-bottom: 8px;
font-weight: bold;
color: #8a2a2a;
letter-spacing: 0.6px;
}
</style>
<div class="news-container">
<div class="banner-top"></div>
<div class="title-tuto">
<p>
A <strong>quest da terceira classe</strong> representa um dos
<strong>marcos mais importantes</strong> na jornada de qualquer jogador do
MUCABRASIL. Esta <strong>missão épica</strong> não apenas transforma seu
personagem em sua <strong>forma mais poderosa</strong>, abrindo portas
para um <strong>novo patamar de poder e habilidades</strong>.
</p>
<p>
Diferente das evoluções anteriores, a
<strong>quest da terceira classe</strong> exige
<strong>dedicação</strong>, <strong>estratégia</strong> e, muitas vezes,
<strong>trabalho em equipe</strong>. Dividida em
<strong>três fases progressivamente mais desafiadoras</strong>, esta
jornada levará você através de <strong>mapas perigosos</strong>,
confrontos contra <strong>monstros poderosos</strong> e, finalmente, um
<strong>duelo épico</strong> contra uma das
<strong>criaturas mais temíveis do universo MUCABRASIL</strong>.
</p>
</div>
<div class="divider"></div>
<div class="quest-phase chapter">
<div class="phase-header" style="
background: linear-gradient(90deg, #8a2a2a 0%, #5a1a1a 100%);
border-color: #aa3a3a;
">
<div class="phase-number" style="color: #ffb8b8; border-color: #aa3a3a">
!
</div>
<div class="phase-title">Requisitos e Preparação</div>
</div>
<p>
A equipe do <strong>MUCABRASIL</strong> recomenda que, para iniciar a
<strong>quest</strong> e concluí-la sem dificuldades, você tenha
<strong>itens e status de mid-game</strong> ou esteja em
<strong>party com jogadores de end-game</strong>.
</p>
<ul>
<li>
⚔ <strong>Level necessário:</strong> 380 para iniciar (400 para
completar)
</li>
<li>⚔ <strong>Resets necessário:</strong> 10 ou acima</li>
<li>
⚔ <strong>Quests necessárias:</strong> Quest da segunda classe e
Marlon/Combo (exceto para Magic Gladiator e Dark Lord)
</li>
<li>
⚔ <strong>NPC:</strong> Apostle Devin (Priest Devin), localizado em
<span class="coords">Crywolf [228, 48]</span>
</li>
</ul>
<br />
<div class="step step-red warning-scroll" style="
background: rgba(138, 42, 42, 0.2);
border-color: #8a2a2a;
color: #ffb8b8;
">
<div class="step-red-title">🔔 Dica Importante</div>
<p>
A <strong>preparação</strong> é <strong>metade da batalha</strong>.
<strong>Jogadores bem equipados</strong> e em
<strong>party</strong> podem concluir a <strong>quest</strong> em
<strong>poucas horas</strong>, enquanto os
<strong>despreparados</strong> podem levar <strong>dias</strong>, ou até
<strong>desistir no caminho</strong>.
</p>
</div>
</div>
<div class="quest-phase chapter">
<div class="phase-header">
<div class="phase-number">1</div>
<div class="phase-title">
Evidence of Strength<br /><span style="font-size: 15px; font-weight: normal">Level requerido:
380+</span>
</div>
</div>
<p>
A <strong>primeira fase da quest</strong> testa sua
<strong>determinação</strong> e <strong>habilidade de caça</strong>. O
<strong>Apostle Devin</strong>, localizado em
<span class="coords">Crywolf [228, 48]</span>, pede que você comprove sua
<strong>força</strong> coletando <strong>três itens raros</strong> de
<strong>criaturas poderosas</strong> espalhadas pelo
<strong>continente</strong>.
</p>
<div class="step">
<p>
Em <strong>Crywolf</strong>, fale com o <strong>Apostle Devin</strong> e
pague a <strong>taxa inicial</strong> de
<span class="zen">500.000.000 Zen</span> para dar início à sua
<strong>quest de evolução</strong>.
</p>
<div class="items-display">
<div class="item-frame">
<img src="https://i.ibb.co/HfWLKddF/devin.png" class="item-image npc" alt="Apostle Devin" />
<div class="item-label">Apostle Devin</div>
<div class="item-detail">NPC</div>
<span class="coords" style="position: relative; top: 15px; margin-bottom: 10px">Localização: Crywolf
[228, 48]</span>
</div>
</div>
</div>
<div class="step">
<p>Depois, procure os itens solicitados pelo Apostle Devin:</p>
<div class="items-display">
<div class="item-frame">
<img src="https://i.ibb.co/1fGxjGLb/item-1-f37f36953ec5ccb5da49430a05550826.png" class="item-image"
alt="Death-Beam Knight Flame" />
<div class="item-label">Death-Beam Knight Flame</div>
<div class="item-detail">Requer 1 unidade</div>
<span class="coords" style="position: relative; top: 15px; margin-bottom: 10px">Localização: Tarkan
[156, 222]</span>
</div>
<div class="item-frame">
<img src="https://i.ibb.co/pBszP6n9/item-3-d3cad0db2fa9dcd1dd4d639d95c668ca.png" class="item-image"
alt="Hell-Miner Horn" />
<div class="item-label">Hell-Miner Horn</div>
<div class="item-detail">Requer 1 unidade</div>
<span class="coords" style="position: relative; top: 15px">Localização: Aida [123, 103]</span>
</div>
<div class="item-frame">
<img src="https://i.ibb.co/ZpDDmjnG/download.png" class="item-image" alt="Dark Phoenix Feather" />
<div class="item-label">Dark Phoenix Feather</div>
<div class="item-detail">Requer 1 unidade</div>
<span class="coords" style="position: relative; top: 15px">Localização: Icarus [38, 211]</span>
</div>
</div>
</div>
<div class="step step-red warning-scroll" style="
background: rgba(138, 42, 42, 0.2);
border-color: #8a2a2a;
color: #ffb8b8;
">
<div class="step-red-title">🔔 Atenção</div>
<p>
Dependendo do caso, será necessário
<strong>derrotar os monstros várias vezes</strong>, pois os
<strong>itens de quest</strong> possuem uma
<strong>taxa de drop baixa</strong>. Estes <strong>itens</strong> são
<strong>exclusivos</strong> para o
<strong>jogador que estiver com a quest ativa</strong>, não podem ser
<strong>transferidos</strong> nem <strong>jogados no chão</strong>.
</p>
</div>
<div class="step" style="background: rgba(26, 90, 42, 0.3); border-color: #2a8a4a">
<div class="step-complete">✅ Finalização</div>
<p style="color: #1e6930">
Após coletar todos os três itens, retorne ao
<strong>Apostle Devin</strong> em Crywolf e entregue-os para completar a
primeira fase.
</p>
<div class="step-complete">🎁 Recompensas da Fase 1</div>
<ul>
<li>⭐ +20 pontos de status de personagem</li>
<li>🔓 Acesso à segunda fase da quest</li>
</ul>
</div>
</div>
<div class="quest-phase chapter">
<div class="phase-header">
<div class="phase-number">2</div>
<div class="phase-title">
Infiltrate The Barracks of Balgass<br /><span style="font-size: 15px; font-weight: normal">Level
requerido: 400</span>
</div>
</div>
<p>
A <strong>segunda fase</strong> eleva significativamente o
<strong>desafio</strong>. Agora você deve
<strong>infiltrar-se no quartel de Balgass</strong> e
<strong>eliminar os soldados em treinamento</strong> que servem ao
<strong>temível Kundun</strong>.
</p>
<div class="step">
<p>
Retorne ao <strong>Apostle Devin</strong> e pague
<span class="zen">700.000.000 Zen</span> para iniciar a fase 2.
</p>
<p>
Para entrar em <strong>Balgass' Barracks</strong>, fale com o
<strong>Werewolf Guardsman</strong> em
<span class="coords">Crywolf [62, 239]</span>. Cada acesso custa
<span class="zen">30.000.000 Zen</span>.
</p>
<div class="items-display">
<div class="item-frame">
<img src="https://i.ibb.co/sJzHjyg3/Camada-1.png" class="item-image npc" alt="Werewolf Guardsman" />
<div class="item-label">Werewolf Guardsman</div>
<div class="item-detail">NPC</div>
<span class="coords" style="position: relative; top: 15px; margin-bottom: 10px">Localização: Crywolf
[62, 239]</span>
</div>
</div>
</div>
<div class="step">
<p>
Ao entrar em <strong>Balgass' Barracks</strong>, você deverá
<strong>eliminar uma quantidade determinada de soldados em
treinamento</strong>
que servem a <strong>Kundun</strong>.
</p>
<div class="items-display">
<div class="item-frame">
<img src="https://i.ibb.co/wTqq4Yr/Camada-3.png" class="item-image monster" alt="Balram" />
<div class="item-label">Balram</div>
<div class="item-detail">Requer 100 mortes</div>
</div>
<div class="item-frame">
<img src="https://i.ibb.co/xqkFrW44/Camada-1.png" class="item-image monster" alt="Death Spirit" />
<div class="item-label">Death Spirit</div>
<div class="item-detail">Requer 100 mortes</div>
</div>
<div class="item-frame">
<img src="https://i.ibb.co/WN4yWV7T/Camada-2.png" class="item-image monster" alt="Soram" />
<div class="item-label">Soram</div>
<div class="item-detail">Requer 100 mortes</div>
</div>
</div>
<p>
Para conferir a quantidade de monstros eliminados, basta
<strong>apertar a tecla T (Quest)</strong> e conferir o seu progresso.
Ao finalizar, retorne ao <strong>NPC Apostle Devin</strong>.
</p>
</div>
<div class="step step-red warning-scroll" style="
background: rgba(138, 42, 42, 0.2);
border-color: #8a2a2a;
color: #ffb8b8;
">
<div class="step-red-title">🔔 Custo de Reentrada</div>
<p>
Você precisará pagar <span class="zen">30.000.000 Zen</span>
<strong>TODA VEZ</strong> que entrar em
<strong>Balgass' Barracks</strong>.
<strong>Planeje bem sua estratégia</strong> para não precisar
<strong>sair e voltar múltiplas vezes</strong>! Se você
<strong>morrer dentro do mapa</strong>, precisará
<strong>pagar novamente</strong> para <strong>reentrar</strong>. Por
isso, é altamente recomendado ir <strong>bem equipado</strong> e, se
possível, em <strong>party</strong>.
</p>
</div>
<div class="step" style="background: rgba(26, 90, 42, 0.3); border-color: #2a8a4a">
<div class="step-complete">✅ Finalização</div>
<p style="color: #1e6930">
Após <strong>eliminar os 300 soldados em treinamento</strong> das
<strong>forças de Kundun</strong>, retorne ao
<strong>Apostle Devin</strong> em <strong>Crywolf</strong> para
<strong>concluir a segunda fase</strong>.
</p>
<div class="step-complete">🎁 Recompensas da Fase 2</div>
<ul>
<li>⭐ +20 pontos de status de personagem</li>
<li>🔓 Acesso à terceira e última fase da quest</li>
</ul>
</div>
</div>
<div class="quest-phase chapter">
<div class="phase-header">
<div class="phase-number">3</div>
<div class="phase-title">
Into The Darkness Zone<br /><span style="font-size: 15px; font-weight: normal">Level requerido:
400</span>
</div>
</div>
<p>
A <strong>fase final da quest</strong> é, sem dúvida, a mais
<strong>épica</strong> e <strong>desafiadora</strong>. Você deverá
<strong>adentrar o Balgass' Resting Place</strong> e enfrentar a
<strong>temível Dark Elf</strong>, uma
<strong>poderosa comandante</strong> responsável por
<strong>treinar soldados</strong> para
<strong>atacar o continente</strong>.
</p>
<div class="step">
<div class="step-darkelf item-frame-darkelf">
Para iniciar a <strong>terceira e última fase</strong>, vá até o
<strong>Apostle Devin</strong>, converse com ele e pague a taxa de
<span class="zen">1.000.000.000 Zen</span>.
</div>
<div class="step-darkelf item-frame-darkelf">
Após falar com o <strong>Apostle Devin</strong>, retorne ao
<strong>Werewolf Guardsman</strong> e pague novamente a taxa de
<span class="zen">30.000.000 Zen</span><br />
para ser enviado a <strong>Balgass Barracks</strong>.
</div>
<div class="step-darkelf item-frame-darkelf">
Siga pelo <strong>mapa</strong> sempre pelo
<strong>lado direito</strong> e <strong>descendo</strong> até encontrar
o <strong>Gatekeeper</strong>, em
<span class="coords">Balgass' Barracks [119, 168]</span>. Fale com ele
para obter acesso ao <strong>Balgass' Resting Place</strong> e enfrentar
a <strong>Dark Elf</strong>.
</div>
<div class="items-display">
<div class="item-frame">
<img src="https://i.ibb.co/Y4sDdVdz/Camada-1.png" class="item-image monster" alt="Dark Elf" />
<div class="item-label">Dark Elf</div>
<div class="item-detail">Requer 1 morte</div>
<span class="coords" style="position: relative; top: 15px; margin-bottom: 10px">Localização: Balgass` Resting Place
[97, 187]</span>
</div>
</div>
<div class="step-red">
<div class="boss-warning">
<div class="title" style="font-family: 'Cinzel', serif">
❖ O MAIOR DESAFIO
</div>
<p>
A <strong>Dark Elf</strong> é um dos bosses mais desafiadores que
você enfrentará até este ponto do jogo. Para vencê-la, é essencial
compreender as <strong>regras do evento</strong> e se preparar
adequadamente.
</p>
<p>
<strong>Várias tentativas podem ser necessárias</strong> até que
você alcance o sucesso em sua missão.
</p>
</div>
</div>
</div>
<div class="step" style="background: rgba(26, 90, 42, 0.3); border-color: #2a8a4a">
<div class="step-complete">✅ Finalização</div>
<p style="color: #1e6930">
Após derrotar a <strong>Dark Elf</strong>, retorne ao
<strong>Apostle Devin</strong>, em <strong>Crywolf</strong>, para
<strong>concluir a quest</strong> e receber sua
<strong>evolução</strong>!
</p>
<div class="step-complete">🎁 Recompensas da Fase 3</div>
<ul>
<li>⭐ +30 pontos de status de personagem</li>
<li>🧙 Evolução para a terceira classe</li>
<li>🦋 Poderá utilizar Asas Level 3</li>
<br />
</ul>
</div>
<div style="
margin-top: 25px;
padding: 18px 20px;
border-radius: 6px;
border: 1px solid #6a4a8b;
background: linear-gradient(135deg, #f7f4fb 0%, #ede6f5 100%);
color: #5a5a5a;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4),
0 4px 10px rgba(0, 0, 0, 0.08);
line-height: 1.6;
position: relative;
">
<div style="
position: absolute;
top: -10px;
left: 18px;
background: #f7f4fb;
color: #6a4a8b;
padding: 0 10px;
font-weight: bold;
letter-spacing: 0.5px;
">
◆ ASCENSÃO FINAL
</div>
<strong>Este não é apenas o fim de uma quest.</strong><br />
É o momento em que sua lenda toma forma.<br /><br />
Antes de clicar no NPC e concluir a evolução da classe,
<span style="color: #6a4a8b; font-weight: bold">
desequipe todos os itens
</span>
- armas, asas e acessórios.<br /><br />
A transformação da <strong>3ª classe</strong> possui uma
<strong>animação exclusiva</strong>, exibida
<strong>uma única vez</strong> em toda a jornada do personagem.<br /><br />
Quando a animação de mudança começar,
<span style="color: #6a4a8b; font-weight: bold">
observe em silêncio. </span><br />
Alguns momentos não se repetem.
</div>
<br />
<div class="quest-phase chapter" style="background: linear-gradient(135deg, #f9f7f3 0%, #f1ede3 100%)">
<div class="phase-header" style="
background: linear-gradient(90deg, #8b6914 0%, #6b5010 100%);
border-color: #d4af37;
">
<div class="phase-number" style="color: #ffd700; border-color: #d4af37">
◆
</div>
<div class="phase-title">
Recompensa Bônus Especial por tempo LIMITADO
</div>
</div>
<p>
Por <strong>tempo limitado</strong>, cada um dos jogadores que
concluírem o desafio da terceira classe e derrotarem a Dark Elf
receberão <strong>um</strong> dos prêmios abaixo, conforme sua
quantidade de resets:
</p>
<div class="bonus-limited">
<ul>
<li>
Personagens com <strong>500 resets</strong> receberão uma
<strong>Condor Flame</strong>
</li>
<li>
Personagens com <strong>250 resets</strong> ou mais receberão uma
<strong>Loch's Feather</strong> ou
<strong>Crest of Monarch</strong> (Dark Lord apenas)
</li>
</ul>
</div>
</div>
</div>
<div class="desafio-cards">
<div class="phase-header-gate">
<div class="phase-number" style="color: #ffd700; border-color: #d4af37">
►
</div>
<div class="phase-title">Acesso ao Evento (Gatekeeper)</div>
</div>
<p>
O Gatekeeper é o NPC responsável por controlar o acesso ao
refúgio onde a Dark Elf está localizada. Ele permanece no portão de
entrada do refúgio.
</p>
<div class="items-display">
<div class="item-frame">
<img src="https://i.ibb.co/TDMswqk8/gatekeeper.png" class="item-image monster" alt="Gatekeeper" />
<div class="item-label">Gatekeeper</div>
<div class="item-detail">NPC</div>
<span class="coords" style="position: relative; top: 15px; margin-bottom: 10px">Localização: Balgass'
Barracks [119, 168]</span>
</div>
</div>
<p>
Para entrar, basta clicar no NPC Gatekeeper. Ao fazer isso, uma
janela será exibida. Ao confirmar em OK, o jogador ou sua
party será teleportado para o refúgio da Dark Elf, onde terá início
a batalha épica pela conquista da 3ª classe.
</p>
</div>
<div class="desafio-cards">
<div class="phase-header" style="
background: linear-gradient(90deg, #8a2a2a 0%, #5a1a1a 100%);
border-color: #aa3a3a;
">
<div class="phase-number" style="color: #ffb8b8; border-color: #aa3a3a">
※
</div>
<div class="phase-title">ATENÇÃO AS REGRAS DO EVENTO:</div>
</div>
<ul>
<li>
É possível entrar <strong>solo</strong> ou em
<strong>party de até 5 jogadores</strong>
</li>
<li>Apenas <strong>uma equipe por vez</strong> pode entrar</li>
<li>
A entrada fica disponível <strong>a cada 15 minutos</strong>, contados
desde que a última equipe entrou
</li>
<li><strong>Máximo 6 participações por dia (por conta)</strong></li>
</ul>
</div>
<div class="desafio-cards">
<div style="
color: #c22323;
font-weight: 700;
margin-bottom: 10px;
font-family: 'Cinzel', serif;
">
📋 Requisitos para Cada Jogador
</div>
<p>Todos os membros que desejam entrar devem cumprir:</p>
<ul style="margin-top: 15px">
<li>
Não pode ter concluído a terceira quest (já enfrentado e vencido a Dark
Elf)
</li>
<li>Estar no <strong>level 400</strong> no momento da entrada</li>
<li>Não estar <strong>PK</strong></li>
<li>Pagar <span class="zen">1.000.000.000 Zen</span> por tentativa</li>
<li>
Não ter atingido o<strong> limite diário de 6 participações</strong>
</li>
</ul>
<p style="margin-top: 15px; font-weight: bold; color: #c22323">
⚠️ ATENÇÃO: Se <strong>qualquer membro</strong> da party não
atender a <strong>qualquer</strong> um dos requisitos acima,
<strong>toda a equipe será impedida de entrar</strong>. Justamente por
isso, é importante que todos jogadores estejam dentro dos requisitos para
enfrentar a Dark Elf.
</p>
<p style="margin-top: 15px">
Todos os integrantes da party devem estar
<strong>próximos ao Gatekeeper</strong> para serem movidos para a batalha.
Quem não estiver próximo não será teleportado e perderá sua chance de
participar.
</p>
</div>
<div class="desafio-cards">
<div style="
color: #c22323;
font-weight: 700;
margin-bottom: 10px;
font-family: 'Cinzel', serif;
">
⚔️ Regras da Batalha
</div>
<ul>
<li>
O grupo terá <strong>até 10 minutos</strong> para derrotar a Dark Elf
</li>
<li>
Caso um jogador <strong>morra</strong>, ele não poderá retornar até que
a batalha termine (sucesso ou falha)
</li>
<li>
Se o tempo limite terminar, a missão falha para todos os jogadores
</li>
<li>
Jogadores que morrerem durante a batalha <strong>não recebem</strong> a
conclusão da quest, mesmo que o seu grupo vença
</li>
<li>
Para que a quest seja marcada como concluída, os jogadores devem estar
<strong>próximos da Dark Elf no momento de sua morte</strong>.
</li>
</ul>
<p style="margin-top: 15px; font-weight: bold; color: #007a1b">
🏆 Vitória: Todos os jogadores
<strong>presentes e vivos</strong> no mapa recebem a conclusão da terceira
quest.<br />
Após a vitória, o grupo pode permanecer no mapa por mais
<strong>2 minutos</strong> antes de serem removidos automaticamente.
</p>
</div>
<div class="desafio-cards">
<div style="
color: #9b7b12;
font-weight: 700;
margin-bottom: 10px;
font-family: 'Cinzel', serif;
">
Mecânicas da Dark Elf
</div>
<p>
A Dark Elf é um boss <strong>dinâmico</strong>, que adapta o seu
comportamento conforme o grupo que a está enfrentando.
</p>
<p>Habilidades especiais:</p>
<ul>
<li><strong>Stern:</strong> congela jogadores</li>
<li>
<strong>Durability:</strong> quebra itens, removendo seus bônus enquanto
estiverem quebrados
</li>
<li><strong>Double Hit:</strong> ataque duplo de alto dano</li>
<li><strong>Push:</strong> empurra jogadores próximos</li>
</ul>
<p style="margin-top: 15px">
Ela também conta com um <strong>exército de monstros</strong> dedicados a
protegê-la. Confira abaixo as habilidades que seus soldados possuem:
</p>
<ul>
<li><strong>Balram</strong> remove o buff de defesa (elfa)</li>
<li>
<strong>Death Spirit</strong> reduz 50% da mana ou 50% de estamina
</li>
<li><strong>Soram</strong> empurra jogadores próximos</li>
</ul>
</div>
<div class="desafio-cards">
<div style="
color: #9b7b12;
font-weight: 700;
margin-bottom: 10px;
font-family: 'Cinzel', serif;
">
💡 Dicas Importantes
</div>
<ul>
<li>Leve bastante zen para reparar itens</li>
<li>Leve muitas poções de vida</li>
<li>Entre com os buffs já ativos</li>
<li>Recomendado party de pelo menos 3 jogadores</li>
<li>
Em caso de <strong>desconexão</strong>, não poderá retornar para a
batalha
</li>
</ul>
</div>
<div class="quest-phase chapter">
<div class="phase-header" style="
background: linear-gradient(90deg, #4a6a8b 0%, #2a4a6b 100%);
border-color: #6a8aab;
">
<div class="phase-number" style="color: #a8d8ff; border-color: #6a8aab">
!
</div>
<div class="phase-title">Evoluções de Classes</div>
</div>
<p>
Aqui está a <strong>lista de evoluções de classe</strong> do
<strong>MUCABRASIL</strong> após completar todas as
<strong>quests de evolução (segunda e terceira)</strong>:
</p>
<div class="class-grid">
<div class="class-card">
<div class="class-from">Dark Knight</div>
<div class="class-arrow">⬇</div>
<div class="class-from">Blade Knight</div>
<div class="class-arrow">⬇</div>
<div class="class-to">BLADE MASTER</div>
</div>
<div class="class-card">
<div class="class-from">Fairy Elf</div>
<div class="class-arrow">⬇</div>
<div class="class-from">Muse Elf</div>
<div class="class-arrow">⬇</div>
<div class="class-to">HIGH ELF</div>
</div>
<div class="class-card">
<div class="class-from">Dark Wizard</div>
<div class="class-arrow">⬇</div>
<div class="class-from">Soul Master</div>
<div class="class-arrow">⬇</div>
<div class="class-to">GRAND MASTER</div>
</div>
<div class="class-card">
<div class="class-from">Magic Gladiator</div>
<div class="class-arrow">⬇</div>
<div class="class-to">DUEL MASTER</div>
</div>
<div class="class-card">
<div class="class-from">Dark Lord</div>
<div class="class-arrow">⬇</div>
<div class="class-to">LORD EMPEROR</div>
</div>
</div>
</div>
<div class="quest-phase chapter" style="background: linear-gradient(135deg, #f7f7f7 0%, #eeeeee 100%)">
<div class="phase-header" style="
background: linear-gradient(90deg, #1a5a2a 0%, #0d3a1a 100%);
border-color: #2a8a4a;
">
<div class="phase-number" style="color: #7fff9f; border-color: #2a8a4a">
★
</div>
<div class="phase-title">Parabéns, Guerreiro!</div>
</div>
<p>
Chegar até aqui não é para qualquer um. Concluir a
<strong>quest da terceira classe</strong> prova que você possui
<strong>determinação</strong>, <strong>força</strong> e
<strong>espírito de equipe</strong> qualidades dignas dos maiores heróis.
</p>
<p>
A partir deste momento, sua jornada entra em um
<strong>novo capítulo</strong>. Novos desafios, batalhas ainda mais
intensas e conquistas lendárias aguardam por você nos continentes do
<strong>MUCABRASIL</strong>.
</p>
<p style="
margin-top: 25px;
text-align: center;
font-family: 'Cinzel', serif;
font-size: 16px;
color: #1a1a1a;
">
<strong>Equipe MUCABRASIL</strong>
</p>
</div>
</div>
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
.news-container {
background: #fafafa;
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
font-size: 17px;
font-style: normal;
font-weight: 400;
margin: 0 auto;
max-width: 1200px;
min-height: 500px;
overflow: hidden;
padding: 20px;
position: relative;
text-align: justify;
color: #5a5a5a;
}
.title-tuto p {
color: #5a5a5a;
}
.banner-top {
align-items: center;
border-radius: 8px;
display: flex;
flex-direction: column;
height: 200px;
justify-content: center;
margin-bottom: 30px;
overflow: hidden;
padding: 40px 20px;
position: relative;
text-align: center;
}
.news-container .banner-top::after {
bottom: 8px;
content: '';
left: 8px;
pointer-events: none;
position: absolute;
right: 8px;
top: 8px;
z-index: 1;
}
.banner-top::before {
background-image: url("https://forum.mucabrasil.com.br/tutorial/darkelf-header.png");
background-size: cover;
content: '';
inset: 0;
position: absolute;
z-index: 0;
}
.banner-top p {
color: #e8e3d6;
font-size: 18px;
letter-spacing: 4px;
margin: 0;
z-index: 1;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
font-weight: 300;
}
.news-container p {
line-height: 1.8;
margin: 0 0 20px 0;
}
.quest-phase {
border: 1px solid #ebebeb;
margin-bottom: 40px;
border-radius: 6px;
}
.quest-phase p {
color: #5a5a5a;
}
.phase-header {
align-items: center;
background: linear-gradient(90deg, #8b6914 0%, #6b5010 100%);
border: 1px solid #d4af37;
display: flex;
gap: 15px;
margin-bottom: 25px;
padding: 15px 20px;
box-shadow: inset 0 1px 0 rgba(212, 175, 55, 0.3);
border-radius: 6px;
}
.phase-number {
align-items: center;
background: #0a0a0a;
border: 2px solid #d4af37;
color: #d4af37;
display: flex;
font-family: 'Cinzel', serif;
font-size: 28px;
font-weight: bold;
height: 50px;
justify-content: center;
width: 50px;
text-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
border-radius: 6px;
}
.phase-header-gate {
align-items: center;
background: linear-gradient(90deg, #1b1511 0%, #2d2119 100%);
border: 1px solid #d4af37;
display: flex;
gap: 15px;
margin-bottom: 25px;
padding: 15px 20px;
box-shadow: inset 0 1px 0 rgba(212, 175, 55, 0.3);
border-radius: 6px;
}
.phase-gate {
align-items: center;
background: #1b1511;
border: 2px solid #d4af37;
color: #d4af37;
display: flex;
font-family: 'Cinzel', serif;
font-size: 28px;
font-weight: bold;
height: 50px;
justify-content: center;
width: 100%;
text-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
border-radius: 6px;
}
.phase-title {
color: #e8e3d6;
flex: 1;
font-family: 'Cinzel', serif;
font-size: 22px;
font-weight: 600;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
}
.step {
background: #ececec;
border: 1px solid #efefef;
padding: 20px;
margin: 0 0 20px 0;
border-radius: 6px;
}
/* caixa dos npcs */
.items-display {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 30px;
margin: 35px 0;
}
.item-frame {
border: 2px solid #5a4a36;
background: linear-gradient(135deg, #1a1410 0%, #0f0d0a 100%);
padding: 25px 20px;
text-align: center;
position: relative;
transition: all 0.3s ease;
border-radius: 6px;
}
.item-frame::before,
.item-frame::after {
content: '';
position: absolute;
width: 15px;
height: 15px;
border: 2px solid #8b7355;
border-radius: 6px;
}
.item-frame::before {
top: -2px;
left: -2px;
border-right: none;
border-bottom: none;
}
.item-frame::after {
bottom: -2px;
right: -2px;
border-left: none;
border-top: none;
}
.item-frame:hover {
border-color: #c9a961;
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
}
.item-image {
width: 100px;
height: 100px;
object-fit: contain;
margin: 0 auto 20px;
filter:
drop-shadow(0 0 15px rgba(201, 169, 97, 0.3)) sepia(0.2);
}
.item-image.npc {
width: 150px;
height: auto;
}
.item-image.monster {
width: 200px;
height: auto;
}
.item-label {
font-family: 'Almendra', serif;
font-size: 18px;
color: #c9a961;
margin-bottom: 10px;
text-shadow: 1px 1px 0 #000;
}
.item-detail {
font-size: 14px;
color: #8b7355;
font-style: italic;
padding: 8px 12px;
background: rgba(0, 0, 0, 0.4);
border-top: 1px solid rgba(139, 115, 85, 0.2);
border-bottom: 1px solid rgba(139, 115, 85, 0.2);
}
/* fim */
.coords {
display: inline-block;
background: linear-gradient(135deg, #1a4a6b 0%, #0d2a3f 100%);
border: 1px solid #2a6a9b;
border-radius: 6px;
font-size: 14px;
font-weight: 700;
color: #7dc8ff;
padding: 3px 8px;
}
.coords::before {
content: '\1F30E';
margin-right: 5px;
}
.zen {
display: inline-block;
background: linear-gradient(135deg, #8b6914 0%, #6b5010 100%);
border: 1px solid #d4af37;
border-radius: 6px;
font-size: 14px;
font-weight: 700;
color: #ffd700;
padding: 3px 8px;
}
.zen::before {
content: '\1F4B0';
margin-right: 5px;
}
.item-list {
display: flex;
flex-wrap: wrap;
gap: 30px;
margin: 30px 0;
justify-content: center;
}
.item-card {
background: linear-gradient(135deg, #1a1410 0%, #0f0d0a 100%);
padding: 15px;
border: 1px solid #8b6914;
width: 280px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}
.item-name {
background: linear-gradient(90deg, #8b6914 0%, #6b5010 100%);
border: 1px solid #d4af37;
padding: 10px 12px;
text-align: center;
font-size: 16px;
color: #e8e3d6;
font-weight: 600;
font-family: 'Cinzel', serif;
}
.item-quantity {
background: rgba(66, 33, 99, 0.8);
border: 1px solid #8b4fb3;
padding: 8px 12px;
text-align: center;
margin-top: 10px;
font-size: 14px;
color: #d4a8ff;
}
.devin,
.werewolf {
display: block;
width: 60%;
height: auto;
margin: 0 auto 20px;
}
.ingredient {
display: block;
width: 120px;
height: 120px;
object-fit: contain;
margin: 0 auto 15px;
}
.step-complete {
font-size: 16px;
font-weight: 600;
background: linear-gradient(90deg, #1a5a2a 0%, #0d3a1a 100%);
border: 1px solid #2a8a4a;
border-radius: 6px;
padding: 12px 20px;
color: #7fff9f;
margin-bottom: 20px;
font-family: 'Cinzel', serif;
box-shadow: inset 0 1px 0 rgba(42, 138, 74, 0.3);
}
.step-red-title {
font-size: 16px;
font-weight: 600;
background: linear-gradient(90deg, #8a2a2a 0%, #5a1a1a 100%);
border-color: #aa3a3a;
color: #ffb8b8;
border-radius: 6px;
padding: 12px 20px;
margin-bottom: 20px;
font-family: 'Cinzel', serif;
box-shadow: inset 0 1px 0 rgba(42, 138, 74, 0.3);
}
.step-red p {
color: #5a1a1a
}
.class-grid {
display: flex;
flex-wrap: wrap;
gap: 30px;
margin: 30px 0;
justify-content: center;
}
.class-card {
width: 155px;
background: #ffffff;
padding: 20px;
border: 1px solid #4a6a8b;
border-radius: 6px;
text-align: center;
}
.class-from {
color: #444444;
font-size: 0.95em;
margin-bottom: 8px;
}
.class-arrow {
font-size: 1.3em;
margin: 10px 0;
color: #385878;
}
.class-to {
color: #385878;
font-size: 1.0em;
font-weight: 700;
font-family: 'Cinzel', serif;
}
.news-container ul,
ol {
list-style: none !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
.news-container li {
border: 1px solid #d4af37;
color: #5a5a5a;
list-style: none !important;
border: 1px solid #e8e3d6;
border-radius: 6px;
background: #ececec;
margin: 8px 0;
padding: 12px 15px;
border-left: 3px solid #8a2a2a;
width: 100% !important;
}
/*.desafio-cards {
padding: 15px;
border: 1px solid #8a2a2a;
margin: 15px 0;
border-radius: 6px;
background: #ffffff;
}*/
.desafio-cards {
border-left: 4px solid #f1f1f1;
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
border-right: 1px solid #f1f1f1;
padding: 30px 40px;
position: relative;
border-radius: 6px;
background:
linear-gradient(to bottom, transparent 0%, rgba(216, 216, 216, 0.3) 50%, transparent 100%);
margin-bottom: 40px;
}
.desafio-cards::before {
content: '';
position: absolute;
left: -4px;
top: 0;
width: 4px;
height: 60px;
border-radius: 6px;
}
.desafio-cards p {
color: #5a5a5a;
}
.divider {
height: 2px;
background: linear-gradient(90deg, transparent 0%, #5a1a1a 20%, #5a1a1a 50%, #5a1a1a 80%, transparent 100%);
margin: 50px 0;
position: relative;
}
.divider::after {
content: "\25C6";
/* ◆ */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #5a1a1a;
padding: 0 20px;
color: #893c3c;
font-size: 12px;
}
.chapter {
border-left: 4px solid #f1f1f1;
padding: 30px 40px;
position: relative;
background:
linear-gradient(to bottom, transparent 0%, rgba(216, 216, 216, 0.3) 50%, transparent 100%);
}
.chapter::before {
content: '';
position: absolute;
left: -4px;
top: 0;
width: 4px;
height: 60px;
border-radius: 6px;
}
.warning-scroll {
background:
linear-gradient(to right, transparent 0%, rgba(139, 69, 19, 0.1) 40%, transparent 90%);
border-left: 3px solid #8b4513;
border-right: 3px solid #8b4513;
padding: 25px 30px;
margin: 30px 0;
position: relative;
}
.warning-scroll::before {
content: "\26A0";
position: absolute;
top: 50%;
left: -15px;
transform: translateY(-50%);
font-size: 24px;
padding: 5px;
background: #5a1a1a;
border-radius: 6px;
}
.step-darkelf {
background: linear-gradient(90deg, #201914 0%, #33251b 100%);
border-color: #aa3a3a;
color: #e8e3d6 !important;
"
align-items: center;
margin-bottom: 20px;
padding: 20px;
border-radius: 6px;
}
.item-frame-darkelf {
border: 2px solid #5a4a36;
background: linear-gradient(135deg, #1a1410 0%, #251b15 100%);
padding: 25px 20px;
text-align: center;
position: relative;
transition: all 0.3s ease;
border-radius: 6px;
}
.item-frame-darkelf ::before,
.item-frame-darkelf ::after {
content: '';
position: absolute;
width: 15px;
height: 15px;
border: 2px solid #8b7355;
border-radius: 6px;
}
.item-frame-darkelf ::before {
top: -2px;
left: -2px;
border-right: none;
border-bottom: none;
}
.item-frame-darkelf ::after {
bottom: -2px;
right: -2px;
border-left: none;
border-top: none;
}
.bonus-limited ul,
ol {
list-style: none !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
.bonus-limited li {
list-style: none;
margin: 10px 0;
padding: 14px 16px;
background: #faf8f3;
border-radius: 6px;
border-left: 4px solid #d4af37;
color: #3f3318;
line-height: 1.5;
}
.bonus-limited li {
padding-left: 16px;
}
.boss-warning {
padding: 16px 18px;
border: 1px solid #8a2a2a;
background: linear-gradient(135deg, #fbf2f2 0%, #f2e6e6 100%);
border-radius: 6px;
color: #3a1a1a;
line-height: 1.6;
}
.boss-warning .title {
display: flex;
align-items: center;
gap: 8px;
*/ font-size: 17px;
margin-bottom: 8px;
font-weight: bold;
color: #8a2a2a;
letter-spacing: 0.6px;
}
</style>
<div class="news-container">
<div class="banner-top"></div>
<div class="title-tuto">
<p>
A <strong>quest da terceira classe</strong> representa um dos
<strong>marcos mais importantes</strong> na jornada de qualquer jogador do
MUCABRASIL. Esta <strong>missão épica</strong> não apenas transforma seu
personagem em sua <strong>forma mais poderosa</strong>, abrindo portas
para um <strong>novo patamar de poder e habilidades</strong>.
</p>
<p>
Diferente das evoluções anteriores, a
<strong>quest da terceira classe</strong> exige
<strong>dedicação</strong>, <strong>estratégia</strong> e, muitas vezes,
<strong>trabalho em equipe</strong>. Dividida em
<strong>três fases progressivamente mais desafiadoras</strong>, esta
jornada levará você através de <strong>mapas perigosos</strong>,
confrontos contra <strong>monstros poderosos</strong> e, finalmente, um
<strong>duelo épico</strong> contra uma das
<strong>criaturas mais temíveis do universo MUCABRASIL</strong>.
</p>
</div>
<div class="divider"></div>
<div class="quest-phase chapter">
<div class="phase-header" style="
background: linear-gradient(90deg, #8a2a2a 0%, #5a1a1a 100%);
border-color: #aa3a3a;
">
<div class="phase-number" style="color: #ffb8b8; border-color: #aa3a3a">
!
</div>
<div class="phase-title">Requisitos e Preparação</div>
</div>
<p>
A equipe do <strong>MUCABRASIL</strong> recomenda que, para iniciar a
<strong>quest</strong> e concluí-la sem dificuldades, você tenha
<strong>itens e status de mid-game</strong> ou esteja em
<strong>party com jogadores de end-game</strong>.
</p>
<ul>
<li>
⚔ <strong>Level necessário:</strong> 380 para iniciar (400 para
completar)
</li>
<li>⚔ <strong>Resets necessário:</strong> 10 ou acima</li>
<li>
⚔ <strong>Quests necessárias:</strong> Quest da segunda classe e
Marlon/Combo (exceto para Magic Gladiator e Dark Lord)
</li>
<li>
⚔ <strong>NPC:</strong> Apostle Devin (Priest Devin), localizado em
<span class="coords">Crywolf [228, 48]</span>
</li>
</ul>
<br />
<div class="step step-red warning-scroll" style="
background: rgba(138, 42, 42, 0.2);
border-color: #8a2a2a;
color: #ffb8b8;
">
<div class="step-red-title">🔔 Dica Importante</div>
<p>
A <strong>preparação</strong> é <strong>metade da batalha</strong>.
<strong>Jogadores bem equipados</strong> e em
<strong>party</strong> podem concluir a <strong>quest</strong> em
<strong>poucas horas</strong>, enquanto os
<strong>despreparados</strong> podem levar <strong>dias</strong>, ou até
<strong>desistir no caminho</strong>.
</p>
</div>
</div>
<div class="quest-phase chapter">
<div class="phase-header">
<div class="phase-number">1</div>
<div class="phase-title">
Evidence of Strength<br /><span style="font-size: 15px; font-weight: normal">Level requerido:
380+</span>
</div>
</div>
<p>
A <strong>primeira fase da quest</strong> testa sua
<strong>determinação</strong> e <strong>habilidade de caça</strong>. O
<strong>Apostle Devin</strong>, localizado em
<span class="coords">Crywolf [228, 48]</span>, pede que você comprove sua
<strong>força</strong> coletando <strong>três itens raros</strong> de
<strong>criaturas poderosas</strong> espalhadas pelo
<strong>continente</strong>.
</p>
<div class="step">
<p>
Em <strong>Crywolf</strong>, fale com o <strong>Apostle Devin</strong> e
pague a <strong>taxa inicial</strong> de
<span class="zen">500.000.000 Zen</span> para dar início à sua
<strong>quest de evolução</strong>.
</p>
<div class="items-display">
<div class="item-frame">
<img src="https://i.ibb.co/HfWLKddF/devin.png" class="item-image npc" alt="Apostle Devin" />
<div class="item-label">Apostle Devin</div>
<div class="item-detail">NPC</div>
<span class="coords" style="position: relative; top: 15px; margin-bottom: 10px">Localização: Crywolf
[228, 48]</span>
</div>
</div>
</div>
<div class="step">
<p>Depois, procure os itens solicitados pelo Apostle Devin:</p>
<div class="items-display">
<div class="item-frame">
<img src="https://i.ibb.co/1fGxjGLb/item-1-f37f36953ec5ccb5da49430a05550826.png" class="item-image"
alt="Death-Beam Knight Flame" />
<div class="item-label">Death-Beam Knight Flame</div>
<div class="item-detail">Requer 1 unidade</div>
<span class="coords" style="position: relative; top: 15px; margin-bottom: 10px">Localização: Tarkan
[156, 222]</span>
</div>
<div class="item-frame">
<img src="https://i.ibb.co/pBszP6n9/item-3-d3cad0db2fa9dcd1dd4d639d95c668ca.png" class="item-image"
alt="Hell-Miner Horn" />
<div class="item-label">Hell-Miner Horn</div>
<div class="item-detail">Requer 1 unidade</div>
<span class="coords" style="position: relative; top: 15px">Localização: Aida [123, 103]</span>
</div>
<div class="item-frame">
<img src="https://i.ibb.co/ZpDDmjnG/download.png" class="item-image" alt="Dark Phoenix Feather" />
<div class="item-label">Dark Phoenix Feather</div>
<div class="item-detail">Requer 1 unidade</div>
<span class="coords" style="position: relative; top: 15px">Localização: Icarus [38, 211]</span>
</div>
</div>
</div>
<div class="step step-red warning-scroll" style="
background: rgba(138, 42, 42, 0.2);
border-color: #8a2a2a;
color: #ffb8b8;
">
<div class="step-red-title">🔔 Atenção</div>
<p>
Dependendo do caso, será necessário
<strong>derrotar os monstros várias vezes</strong>, pois os
<strong>itens de quest</strong> possuem uma
<strong>taxa de drop baixa</strong>. Estes <strong>itens</strong> são
<strong>exclusivos</strong> para o
<strong>jogador que estiver com a quest ativa</strong>, não podem ser
<strong>transferidos</strong> nem <strong>jogados no chão</strong>.
</p>
</div>
<div class="step" style="background: rgba(26, 90, 42, 0.3); border-color: #2a8a4a">
<div class="step-complete">✅ Finalização</div>
<p style="color: #1e6930">
Após coletar todos os três itens, retorne ao
<strong>Apostle Devin</strong> em Crywolf e entregue-os para completar a
primeira fase.
</p>
<div class="step-complete">🎁 Recompensas da Fase 1</div>
<ul>
<li>⭐ +20 pontos de status de personagem</li>
<li>🔓 Acesso à segunda fase da quest</li>
</ul>
</div>
</div>
<div class="quest-phase chapter">
<div class="phase-header">
<div class="phase-number">2</div>
<div class="phase-title">
Infiltrate The Barracks of Balgass<br /><span style="font-size: 15px; font-weight: normal">Level
requerido: 400</span>
</div>
</div>
<p>
A <strong>segunda fase</strong> eleva significativamente o
<strong>desafio</strong>. Agora você deve
<strong>infiltrar-se no quartel de Balgass</strong> e
<strong>eliminar os soldados em treinamento</strong> que servem ao
<strong>temível Kundun</strong>.
</p>
<div class="step">
<p>
Retorne ao <strong>Apostle Devin</strong> e pague
<span class="zen">700.000.000 Zen</span> para iniciar a fase 2.
</p>
<p>
Para entrar em <strong>Balgass' Barracks</strong>, fale com o
<strong>Werewolf Guardsman</strong> em
<span class="coords">Crywolf [62, 239]</span>. Cada acesso custa
<span class="zen">30.000.000 Zen</span>.
</p>
<div class="items-display">
<div class="item-frame">
<img src="https://i.ibb.co/sJzHjyg3/Camada-1.png" class="item-image npc" alt="Werewolf Guardsman" />
<div class="item-label">Werewolf Guardsman</div>
<div class="item-detail">NPC</div>
<span class="coords" style="position: relative; top: 15px; margin-bottom: 10px">Localização: Crywolf
[62, 239]</span>
</div>
</div>
</div>
<div class="step">
<p>
Ao entrar em <strong>Balgass' Barracks</strong>, você deverá
<strong>eliminar uma quantidade determinada de soldados em
treinamento</strong>
que servem a <strong>Kundun</strong>.
</p>
<div class="items-display">
<div class="item-frame">
<img src="https://i.ibb.co/wTqq4Yr/Camada-3.png" class="item-image monster" alt="Balram" />
<div class="item-label">Balram</div>
<div class="item-detail">Requer 100 mortes</div>
</div>
<div class="item-frame">
<img src="https://i.ibb.co/xqkFrW44/Camada-1.png" class="item-image monster" alt="Death Spirit" />
<div class="item-label">Death Spirit</div>
<div class="item-detail">Requer 100 mortes</div>
</div>
<div class="item-frame">
<img src="https://i.ibb.co/WN4yWV7T/Camada-2.png" class="item-image monster" alt="Soram" />
<div class="item-label">Soram</div>
<div class="item-detail">Requer 100 mortes</div>
</div>
</div>
<p>
Para conferir a quantidade de monstros eliminados, basta
<strong>apertar a tecla T (Quest)</strong> e conferir o seu progresso.
Ao finalizar, retorne ao <strong>NPC Apostle Devin</strong>.
</p>
</div>
<div class="step step-red warning-scroll" style="
background: rgba(138, 42, 42, 0.2);
border-color: #8a2a2a;
color: #ffb8b8;
">
<div class="step-red-title">🔔 Custo de Reentrada</div>
<p>
Você precisará pagar <span class="zen">30.000.000 Zen</span>
<strong>TODA VEZ</strong> que entrar em
<strong>Balgass' Barracks</strong>.
<strong>Planeje bem sua estratégia</strong> para não precisar
<strong>sair e voltar múltiplas vezes</strong>! Se você
<strong>morrer dentro do mapa</strong>, precisará
<strong>pagar novamente</strong> para <strong>reentrar</strong>. Por
isso, é altamente recomendado ir <strong>bem equipado</strong> e, se
possível, em <strong>party</strong>.
</p>
</div>
<div class="step" style="background: rgba(26, 90, 42, 0.3); border-color: #2a8a4a">
<div class="step-complete">✅ Finalização</div>
<p style="color: #1e6930">
Após <strong>eliminar os 300 soldados em treinamento</strong> das
<strong>forças de Kundun</strong>, retorne ao
<strong>Apostle Devin</strong> em <strong>Crywolf</strong> para
<strong>concluir a segunda fase</strong>.
</p>
<div class="step-complete">🎁 Recompensas da Fase 2</div>
<ul>
<li>⭐ +20 pontos de status de personagem</li>
<li>🔓 Acesso à terceira e última fase da quest</li>
</ul>
</div>
</div>
<div class="quest-phase chapter">
<div class="phase-header">
<div class="phase-number">3</div>
<div class="phase-title">
Into The Darkness Zone<br /><span style="font-size: 15px; font-weight: normal">Level requerido:
400</span>
</div>
</div>
<p>
A <strong>fase final da quest</strong> é, sem dúvida, a mais
<strong>épica</strong> e <strong>desafiadora</strong>. Você deverá
<strong>adentrar o Balgass' Resting Place</strong> e enfrentar a
<strong>temível Dark Elf</strong>, uma
<strong>poderosa comandante</strong> responsável por
<strong>treinar soldados</strong> para
<strong>atacar o continente</strong>.
</p>
<div class="step">
<div class="step-darkelf item-frame-darkelf">
Para iniciar a <strong>terceira e última fase</strong>, vá até o
<strong>Apostle Devin</strong>, converse com ele e pague a taxa de
<span class="zen">1.000.000.000 Zen</span>.
</div>
<div class="step-darkelf item-frame-darkelf">
Após falar com o <strong>Apostle Devin</strong>, retorne ao
<strong>Werewolf Guardsman</strong> e pague novamente a taxa de
<span class="zen">30.000.000 Zen</span><br />
para ser enviado a <strong>Balgass Barracks</strong>.
</div>
<div class="step-darkelf item-frame-darkelf">
Siga pelo <strong>mapa</strong> sempre pelo
<strong>lado direito</strong> e <strong>descendo</strong> até encontrar
o <strong>Gatekeeper</strong>, em
<span class="coords">Balgass' Barracks [119, 168]</span>. Fale com ele
para obter acesso ao <strong>Balgass' Resting Place</strong> e enfrentar
a <strong>Dark Elf</strong>.
</div>
<div class="items-display">
<div class="item-frame">
<img src="https://i.ibb.co/Y4sDdVdz/Camada-1.png" class="item-image monster" alt="Dark Elf" />
<div class="item-label">Dark Elf</div>
<div class="item-detail">Requer 1 morte</div>
<span class="coords" style="position: relative; top: 15px; margin-bottom: 10px">Localização: Balgass` Resting Place
[97, 187]</span>
</div>
</div>
<div class="step-red">
<div class="boss-warning">
<div class="title" style="font-family: 'Cinzel', serif">
❖ O MAIOR DESAFIO
</div>
<p>
A <strong>Dark Elf</strong> é um dos bosses mais desafiadores que
você enfrentará até este ponto do jogo. Para vencê-la, é essencial
compreender as <strong>regras do evento</strong> e se preparar
adequadamente.
</p>
<p>
<strong>Várias tentativas podem ser necessárias</strong> até que
você alcance o sucesso em sua missão.
</p>
</div>
</div>
</div>
<div class="step" style="background: rgba(26, 90, 42, 0.3); border-color: #2a8a4a">
<div class="step-complete">✅ Finalização</div>
<p style="color: #1e6930">
Após derrotar a <strong>Dark Elf</strong>, retorne ao
<strong>Apostle Devin</strong>, em <strong>Crywolf</strong>, para
<strong>concluir a quest</strong> e receber sua
<strong>evolução</strong>!
</p>
<div class="step-complete">🎁 Recompensas da Fase 3</div>
<ul>
<li>⭐ +30 pontos de status de personagem</li>
<li>🧙 Evolução para a terceira classe</li>
<li>🦋 Poderá utilizar Asas Level 3</li>
<br />
</ul>
</div>
<div style="
margin-top: 25px;
padding: 18px 20px;
border-radius: 6px;
border: 1px solid #6a4a8b;
background: linear-gradient(135deg, #f7f4fb 0%, #ede6f5 100%);
color: #5a5a5a;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4),
0 4px 10px rgba(0, 0, 0, 0.08);
line-height: 1.6;
position: relative;
">
<div style="
position: absolute;
top: -10px;
left: 18px;
background: #f7f4fb;
color: #6a4a8b;
padding: 0 10px;
font-weight: bold;
letter-spacing: 0.5px;
">
◆ ASCENSÃO FINAL
</div>
<strong>Este não é apenas o fim de uma quest.</strong><br />
É o momento em que sua lenda toma forma.<br /><br />
Antes de clicar no NPC e concluir a evolução da classe,
<span style="color: #6a4a8b; font-weight: bold">
desequipe todos os itens
</span>
- armas, asas e acessórios.<br /><br />
A transformação da <strong>3ª classe</strong> possui uma
<strong>animação exclusiva</strong>, exibida
<strong>uma única vez</strong> em toda a jornada do personagem.<br /><br />
Quando a animação de mudança começar,
<span style="color: #6a4a8b; font-weight: bold">
observe em silêncio. </span><br />
Alguns momentos não se repetem.
</div>
<br />
<div class="quest-phase chapter" style="background: linear-gradient(135deg, #f9f7f3 0%, #f1ede3 100%)">
<div class="phase-header" style="
background: linear-gradient(90deg, #8b6914 0%, #6b5010 100%);
border-color: #d4af37;
">
<div class="phase-number" style="color: #ffd700; border-color: #d4af37">
◆
</div>
<div class="phase-title">
Recompensa Bônus Especial por tempo LIMITADO
</div>
</div>
<p>
Por <strong>tempo limitado</strong>, cada um dos jogadores que
concluírem o desafio da terceira classe e derrotarem a Dark Elf
receberão <strong>um</strong> dos prêmios abaixo, conforme sua
quantidade de resets:
</p>
<div class="bonus-limited">
<ul>
<li>
Personagens com <strong>500 resets</strong> receberão uma
<strong>Condor Flame</strong>
</li>
<li>
Personagens com <strong>250 resets</strong> ou mais receberão uma
<strong>Loch's Feather</strong> ou
<strong>Crest of Monarch</strong> (Dark Lord apenas)
</li>
</ul>
</div>
</div>
</div>
<div class="desafio-cards">
<div class="phase-header-gate">
<div class="phase-number" style="color: #ffd700; border-color: #d4af37">
►
</div>
<div class="phase-title">Acesso ao Evento (Gatekeeper)</div>
</div>
<p>
O Gatekeeper é o NPC responsável por controlar o acesso ao
refúgio onde a Dark Elf está localizada. Ele permanece no portão de
entrada do refúgio.
</p>
<div class="items-display">
<div class="item-frame">
<img src="https://i.ibb.co/TDMswqk8/gatekeeper.png" class="item-image monster" alt="Gatekeeper" />
<div class="item-label">Gatekeeper</div>
<div class="item-detail">NPC</div>
<span class="coords" style="position: relative; top: 15px; margin-bottom: 10px">Localização: Balgass'
Barracks [119, 168]</span>
</div>
</div>
<p>
Para entrar, basta clicar no NPC Gatekeeper. Ao fazer isso, uma
janela será exibida. Ao confirmar em OK, o jogador ou sua
party será teleportado para o refúgio da Dark Elf, onde terá início
a batalha épica pela conquista da 3ª classe.
</p>
</div>
<div class="desafio-cards">
<div class="phase-header" style="
background: linear-gradient(90deg, #8a2a2a 0%, #5a1a1a 100%);
border-color: #aa3a3a;
">
<div class="phase-number" style="color: #ffb8b8; border-color: #aa3a3a">
※
</div>
<div class="phase-title">ATENÇÃO AS REGRAS DO EVENTO:</div>
</div>
<ul>
<li>
É possível entrar <strong>solo</strong> ou em
<strong>party de até 5 jogadores</strong>
</li>
<li>Apenas <strong>uma equipe por vez</strong> pode entrar</li>
<li>
A entrada fica disponível <strong>a cada 15 minutos</strong>, contados
desde que a última equipe entrou
</li>
<li><strong>Máximo 6 participações por dia (por conta)</strong></li>
</ul>
</div>
<div class="desafio-cards">
<div style="
color: #c22323;
font-weight: 700;
margin-bottom: 10px;
font-family: 'Cinzel', serif;
">
📋 Requisitos para Cada Jogador
</div>
<p>Todos os membros que desejam entrar devem cumprir:</p>
<ul style="margin-top: 15px">
<li>
Não pode ter concluído a terceira quest (já enfrentado e vencido a Dark
Elf)
</li>
<li>Estar no <strong>level 400</strong> no momento da entrada</li>
<li>Não estar <strong>PK</strong></li>
<li>Pagar <span class="zen">1.000.000.000 Zen</span> por tentativa</li>
<li>
Não ter atingido o<strong> limite diário de 6 participações</strong>
</li>
</ul>
<p style="margin-top: 15px; font-weight: bold; color: #c22323">
⚠️ ATENÇÃO: Se <strong>qualquer membro</strong> da party não
atender a <strong>qualquer</strong> um dos requisitos acima,
<strong>toda a equipe será impedida de entrar</strong>. Justamente por
isso, é importante que todos jogadores estejam dentro dos requisitos para
enfrentar a Dark Elf.
</p>
<p style="margin-top: 15px">
Todos os integrantes da party devem estar
<strong>próximos ao Gatekeeper</strong> para serem movidos para a batalha.
Quem não estiver próximo não será teleportado e perderá sua chance de
participar.
</p>
</div>
<div class="desafio-cards">
<div style="
color: #c22323;
font-weight: 700;
margin-bottom: 10px;
font-family: 'Cinzel', serif;
">
⚔️ Regras da Batalha
</div>
<ul>
<li>
O grupo terá <strong>até 10 minutos</strong> para derrotar a Dark Elf
</li>
<li>
Caso um jogador <strong>morra</strong>, ele não poderá retornar até que
a batalha termine (sucesso ou falha)
</li>
<li>
Se o tempo limite terminar, a missão falha para todos os jogadores
</li>
<li>
Jogadores que morrerem durante a batalha <strong>não recebem</strong> a
conclusão da quest, mesmo que o seu grupo vença
</li>
<li>
Para que a quest seja marcada como concluída, os jogadores devem estar
<strong>próximos da Dark Elf no momento de sua morte</strong>.
</li>
</ul>
<p style="margin-top: 15px; font-weight: bold; color: #007a1b">
🏆 Vitória: Todos os jogadores
<strong>presentes e vivos</strong> no mapa recebem a conclusão da terceira
quest.<br />
Após a vitória, o grupo pode permanecer no mapa por mais
<strong>2 minutos</strong> antes de serem removidos automaticamente.
</p>
</div>
<div class="desafio-cards">
<div style="
color: #9b7b12;
font-weight: 700;
margin-bottom: 10px;
font-family: 'Cinzel', serif;
">
Mecânicas da Dark Elf
</div>
<p>
A Dark Elf é um boss <strong>dinâmico</strong>, que adapta o seu
comportamento conforme o grupo que a está enfrentando.
</p>
<p>Habilidades especiais:</p>
<ul>
<li><strong>Stern:</strong> congela jogadores</li>
<li>
<strong>Durability:</strong> quebra itens, removendo seus bônus enquanto
estiverem quebrados
</li>
<li><strong>Double Hit:</strong> ataque duplo de alto dano</li>
<li><strong>Push:</strong> empurra jogadores próximos</li>
</ul>
<p style="margin-top: 15px">
Ela também conta com um <strong>exército de monstros</strong> dedicados a
protegê-la. Confira abaixo as habilidades que seus soldados possuem:
</p>
<ul>
<li><strong>Balram</strong> remove o buff de defesa (elfa)</li>
<li>
<strong>Death Spirit</strong> reduz 50% da mana ou 50% de estamina
</li>
<li><strong>Soram</strong> empurra jogadores próximos</li>
</ul>
</div>
<div class="desafio-cards">
<div style="
color: #9b7b12;
font-weight: 700;
margin-bottom: 10px;
font-family: 'Cinzel', serif;
">
💡 Dicas Importantes
</div>
<ul>
<li>Leve bastante zen para reparar itens</li>
<li>Leve muitas poções de vida</li>
<li>Entre com os buffs já ativos</li>
<li>Recomendado party de pelo menos 3 jogadores</li>
<li>
Em caso de <strong>desconexão</strong>, não poderá retornar para a
batalha
</li>
</ul>
</div>
<div class="quest-phase chapter">
<div class="phase-header" style="
background: linear-gradient(90deg, #4a6a8b 0%, #2a4a6b 100%);
border-color: #6a8aab;
">
<div class="phase-number" style="color: #a8d8ff; border-color: #6a8aab">
!
</div>
<div class="phase-title">Evoluções de Classes</div>
</div>
<p>
Aqui está a <strong>lista de evoluções de classe</strong> do
<strong>MUCABRASIL</strong> após completar todas as
<strong>quests de evolução (segunda e terceira)</strong>:
</p>
<div class="class-grid">
<div class="class-card">
<div class="class-from">Dark Knight</div>
<div class="class-arrow">⬇</div>
<div class="class-from">Blade Knight</div>
<div class="class-arrow">⬇</div>
<div class="class-to">BLADE MASTER</div>
</div>
<div class="class-card">
<div class="class-from">Fairy Elf</div>
<div class="class-arrow">⬇</div>
<div class="class-from">Muse Elf</div>
<div class="class-arrow">⬇</div>
<div class="class-to">HIGH ELF</div>
</div>
<div class="class-card">
<div class="class-from">Dark Wizard</div>
<div class="class-arrow">⬇</div>
<div class="class-from">Soul Master</div>
<div class="class-arrow">⬇</div>
<div class="class-to">GRAND MASTER</div>
</div>
<div class="class-card">
<div class="class-from">Magic Gladiator</div>
<div class="class-arrow">⬇</div>
<div class="class-to">DUEL MASTER</div>
</div>
<div class="class-card">
<div class="class-from">Dark Lord</div>
<div class="class-arrow">⬇</div>
<div class="class-to">LORD EMPEROR</div>
</div>
</div>
</div>
<div class="quest-phase chapter" style="background: linear-gradient(135deg, #f7f7f7 0%, #eeeeee 100%)">
<div class="phase-header" style="
background: linear-gradient(90deg, #1a5a2a 0%, #0d3a1a 100%);
border-color: #2a8a4a;
">
<div class="phase-number" style="color: #7fff9f; border-color: #2a8a4a">
★
</div>
<div class="phase-title">Parabéns, Guerreiro!</div>
</div>
<p>
Chegar até aqui não é para qualquer um. Concluir a
<strong>quest da terceira classe</strong> prova que você possui
<strong>determinação</strong>, <strong>força</strong> e
<strong>espírito de equipe</strong> qualidades dignas dos maiores heróis.
</p>
<p>
A partir deste momento, sua jornada entra em um
<strong>novo capítulo</strong>. Novos desafios, batalhas ainda mais
intensas e conquistas lendárias aguardam por você nos continentes do
<strong>MUCABRASIL</strong>.
</p>
<p style="
margin-top: 25px;
text-align: center;
font-family: 'Cinzel', serif;
font-size: 16px;
color: #1a1a1a;
">
<strong>Equipe MUCABRASIL</strong>
</p>
</div>
</div>