[Encerrado] Invasão de Páscoa 2025

<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Invasão de Páscoa 2025 - MUCABRASIL</title>
<style>
/* Definindo variáveis apenas no escopo do elemento #muca-eventos-tabela */
#muca-eventos-tabela {
--primary: #f0f4f8;
--secondary: #e6f0ff;
--accent-1: #3a86ff;
--accent-2: #e2e8f0;
--text-dark: #2d3748;
--text-medium: #4a5568;
--blood-color: #cf2e2e;
--devil-color: #da9100;
--chaos-color: #2244dd;
--illusion-color: #0B6623;
--white-color: #333333;
--gold-color: #b7791f;
--death-color: #555555;
--border-color: #cbd5e0;
--header-bg: #3a86ff;
--highlight-bg: #fff8e6;
--alert-color: #e53e3e;
--success-color: #38a169;
--easter-color: #ff69b4;
}

/* Outros estilos mantidos para outros componentes além da tabela */
#muca-eventos-tabela * {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

#muca-eventos-tabela {
background-color: var(--primary);
color: var(--text-dark);
line-height: 1.6;
}

#muca-eventos-tabela .container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
margin-top: 20px;
margin-bottom: 20px;
}

#muca-eventos-tabela .header {
text-align: center;
margin-bottom: 25px;
border-bottom: 2px solid var(--easter-color);
padding-bottom: 20px;
}

#muca-eventos-tabela .title {
color: var(--easter-color);
font-size: 28px;
margin-bottom: 20px;
}

#muca-eventos-tabela .subtitle {
color: var(--accent-1);
margin: 25px 0 15px;
padding-bottom: 8px;
border-bottom: 1px solid var(--border-color);
font-size: 24px;
}

#muca-eventos-tabela .instructions {
background-color: var(--secondary);
border-left: 5px solid var(--accent-1);
padding: 15px;
margin-bottom: 25px;
border-radius: 0 8px 8px 0;
}

#muca-eventos-tabela .timezone-notice {
background-color: #fff3cd;
border-left: 5px solid #ffc107;
padding: 10px 15px;
margin-bottom: 15px;
border-radius: 0 8px 8px 0;
font-weight: bold;
text-align: center;
}

#muca-eventos-tabela .special-events {
background-color: var(--secondary);
padding: 20px;
border-radius: 8px;
margin-bottom: 30px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

#muca-eventos-tabela .special-events-title {
color: var(--easter-color);
border-bottom: 2px solid var(--easter-color);
padding-bottom: 10px;
margin-bottom: 20px;
font-size: 24px;
}

#muca-eventos-tabela .event-info {
background-color: white;
padding: 15px;
margin-bottom: 15px;
border-radius: 8px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border-left: 4px solid var(--easter-color);
}

#muca-eventos-tabela .event-info-title {
color: var(--accent-1);
margin-bottom: 10px;
display: flex;
align-items: center;
font-size: 20px;
}

#muca-eventos-tabela .event-info p {
margin-bottom: 8px;
line-height: 1.5;
}

#muca-eventos-tabela .event-title {
font-weight: bold;
color: var(--accent-1);
font-size: 20px;
}

#muca-eventos-tabela .event-emoji {
margin-right: 8px;
font-size: 1.4em;
}

#muca-eventos-tabela .additional-info {
background-color: var(--highlight-bg);
padding: 15px;
border-radius: 8px;
margin: 20px 0;
border-left: 4px solid var(--gold-color);
}

#muca-eventos-tabela .warning {
background-color: #ffe8e8;
padding: 15px;
border-radius: 8px;
margin: 20px 0;
border-left: 4px solid var(--alert-color);
}

#muca-eventos-tabela .note {
background-color: #e6fffa;
padding: 15px;
border-radius: 8px;
margin: 20px 0;
border-left: 4px solid var(--success-color);
}

#muca-eventos-tabela .command {
background-color: var(--accent-2);
color: var(--text-dark);
padding: 2px 6px;
border-radius: 4px;
font-family: monospace;
font-weight: bold;
}

#muca-eventos-tabela a {
color: #3a86ff;
text-decoration: none;
font-weight: bold;
}

#muca-eventos-tabela .additional-info a {
color: #0056b3;
}

#muca-eventos-tabela a:hover {
text-decoration: underline;
}

#muca-eventos-tabela .observations {
margin-top: 30px;
}

#muca-eventos-tabela .observations-title {
color: var(--text-dark);
font-size: 22px;
}

#muca-eventos-tabela .observations ul {
list-style-type: none;
padding-left: 20px;
}

#muca-eventos-tabela .observations li {
margin-bottom: 10px;
position: relative;
}

#muca-eventos-tabela .observations li:before {
content: "•";
color: var(--accent-1);
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
font-size: 1.2em;
}

#muca-eventos-tabela .highlight {
font-weight: bold;
background-color: #fff3cd;
padding: 1px 3px;
border-radius: 3px;
}

#muca-eventos-tabela .drops-table {
width: 100%;
border-collapse: collapse;
margin: 15px 0;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

#muca-eventos-tabela .drops-table th {
background-color: var(--easter-color);
color: white;
padding: 12px 15px;
text-align: center;
}

#muca-eventos-tabela .drops-table td {
padding: 10px 15px;
border: 1px solid var(--border-color);
text-align: center;
}

#muca-eventos-tabela .drops-table tr:nth-child(even) {
background-color: #f8f9fa;
}

#muca-eventos-tabela .easter-image {
display: block;
margin: 20px auto;
max-width: 100%;
height: auto;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
#muca-eventos-tabela .container {
padding: 10px;
}

#muca-eventos-tabela .title {
font-size: 1.8rem;
}
}
</style>
</head>
<body>

<div id="muca-eventos-tabela">
<div class="container">
<header class="header">
<div style="color: #ff69b4; font-size: 36px !important; text-align: center; margin-bottom: 20px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;">INVASÃO DE PÁSCOA 2025 - MUCABRASIL</div>
<div class="instructions">
<p><strong style="color: var(--alert-color);">Prepare-se para uma invasão mágica nesta Páscoa! Os coelhos lunares estão chegando ao MUCABRASIL para distribuir recompensas aos guerreiros mais habilidosos!</strong></p>
<p><strong style="color: var(--accent-1);">Use o comando <span class="command">/tempo</span> para saber a hora exata do Servidor e não perder nenhuma invasão!</strong></p>
</div>
<div class="timezone-notice">
<p>⏰ Todos os horários listados seguem o horário de Brasília (GMT -3)</p>
</div>
</header>

<img src="https://i.imgur.com/SJqYbjs.png" alt="Lunar Rabbit" class="easter-image">

<div class="special-events">
<h2 class="special-events-title">🐰 COELHOS LUNARES 🐰</h2>

<div class="event-info">
<h3 class="event-title"><span class="event-emoji">📅</span>Cronograma do Evento:</h3>
<p>A <strong>Invasão de Páscoa 2025</strong> acontecerá nos dias <strong>18, 19 e 20 de Abril</strong> em todas as salas do MUCABRASIL. Prepare-se para encontrar os adoráveis, mas poderosos Coelhos Lunares <strong>a cada 2 horas</strong> durante todo o evento!</p>
</div>

<div class="event-info">
<h3 class="event-title"><span class="event-emoji">🗺️</span>Locais da Invasão:</h3>
<p>A cada invasão, 60 Lunar Rabbits aparecerão distribuídos nos seguintes mapas:</p>
<ul style="list-style-type: disc; padding-left: 40px; margin-top: 10px;">
<li style="margin-bottom: 5px;">20 Coelhos em <strong>Lorencia</strong></li>
<li style="margin-bottom: 5px;">20 Coelhos em <strong>Devias</strong></li>
<li style="margin-bottom: 5px;">20 Coelhos em <strong>Noria</strong></li>
</ul>
</div>

<div class="event-info">
<h3 class="event-title"><span class="event-emoji">💎</span>Lista de drop:</h3>
<p>Cada Lunar Rabbit derrotado pode dropar um dos itens abaixo, no caso das joias (podem dropar <strong>avulsas ou em pacotes com 10 unidades</strong>):</p>

<table class="drops-table">
<thead>
<tr>
<th>Item</th>
<th>Utilidade</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Jewel of Chaos</strong></td>
<td>Usado em combinações na Chaos Machine</td>
</tr>
<tr>
<td><strong>Jewel of Bless</strong></td>
<td>Usado em combinações e para aumentar nível dos itens e recuperar vida da Fenrir</td>
</tr>
<tr>
<td><strong>Jewel of Soul</strong></td>
<td>Usado em combinações e para aumentar nível dos itens</td>
</tr>
<tr>
<td><strong>Jewel of Life</strong></td>
<td>Usado em combinações e ativar adicional de life nos itens</td>
</tr>
<tr>
<td><strong>Jewel of Creation</strong></td>
<td>Usado em combinações diversas, criação de frutas e leilões</td>
</tr>
<tr>
<td><strong>Zen</strong></td>
<td>Moeda principal do jogo, útil para todas as transações</td>
</tr>
</tbody>
</table>
</div>
</div>

<div class="additional-info">
<p><strong>Os Coelhos Lunares são criaturas místicas que aparecem apenas uma vez por ano durante o período festivo da Páscoa. Não perca a oportunidade de coletar estas recompensas que ajudarão em sua jornada pelo mundo do MUCABRASIL!</strong></p>
</div>

<div class="warning">
<p><strong style="color: var(--alert-color);">Atenção:</strong> <strong>Os Coelhos Lunares não são criaturas comuns! Apesar de sua aparência fofa, eles são extremamente rápidos. Recomendamos que novos jogadores se juntem a grupos para caçá-los com segurança.</strong></p>
</div>

<div class="observations">
<h2 class="observations-title">Dicas para a Caçada:</h2>
<hr style="border: 0; height: 1px; background: #ddd; margin: 10px 0 20px 0;">
<ul style="list-style-type: disc; padding-left: 40px;">
<li style="margin-bottom: 10px; padding-left: 5px;">Verifique seu inventário antes de iniciar a caçada - garanta que há espaço suficiente para as recompensas!</li>
<li style="margin-bottom: 10px; padding-left: 5px;">Forme uma party para aumentar sua eficiência e segurança durante a caçada.</li>
<li style="margin-bottom: 10px; padding-left: 5px;">Os Coelhos Lunares têm uma chance aleatória de dropar um ou mais itens da lista de recompensas.</li>
</ul>
</div>

<div class="note">
<p><strong style="color: var(--success-color);">Este evento é uma oportunidade para jogadores de todos os níveis coletarem joias e melhorarem seus itens. A equipe MUCABRASIL deseja a todos uma Feliz Páscoa e muita sorte nas caçadas!</strong></p>
</div>
</div>
</div>
</body>
</html>

[Encerrado] Invasão de Páscoa 2025 - MUCABRASIL