<?php
// Definindo o título da página
$title = "Progressão de equipamentos através da Máquina da Sorte.";

require "header.php";
?>

<div class="event-container">
    <div class="content-box">
        <h1>Orientações para conseguir utilizar o Blesser.</h1>
        <h2>Passo a Passo completo (1 jogador)</h2>
        <h3>1. Onde conseguir os itens (Solo):</h3>
        <p>
            Vá até a praça da cidade Sanctum / Pandaemonium e localize o portal de BARUNA RESEARCH LABORATORY
        </p>
		<img src="img/BARUNA_SANCTUM.png" alt="Vortelith Mob" style="width: 425px; height: 203px; height: auto; margin-bottom: 20px;">
		
        <h3>A. Derrote o Elite Belsagos em Baruna Research Laboratory</h3>
        <p>
            Dentro de Research, você deve alcançar as criaturas finais: <strong>Belsagos</strong>, somente eles poderão conceder os itens de melhoria.
        </p>
        <img src="img/BELSAGOS.png" alt="Vortelith Mob" style="width: 600px; height: 600px; height: auto; margin-bottom: 20px;">
        <h3>B. Participe do Modo Custom: Contra Relógio</h3>
		 <p>
            O NPC que serve como portal fica localizado em <strong>Sanctum e Pandaemonium</strong>, um aviso é mostrado na tela sempre que estiver disponivel.
        </p>
		<img src="img/NPC_CONTRARELOGIO.png" alt="Vortelith Mob" style="width: 629px; height: 441px; height: auto; margin-bottom: 20px;">
        <p>
            Dentro de Aetherogenetics LAB, os jogadores são NEUTROS e todos mobs possuem 5% de chance de dropar qualquer item da lista BLESSER abaixo. Tome cuidado, pois a cada <strong>15 monstros</strong>, todos jogadores entram em modo AGGRESIVE e conseguirão se atacar.
        </p>
        <img src="img/CONTRA_RELOGIO.png" alt="Vortelith Mob" style="width: 900px; height: 934px; height: auto; margin-bottom: 20px;">
        <p>
            O mapa é pequeno e limitado a <strong>12 pessoas por instância</strong>, garanta o máximo de monstros que conseguir.
        </p>
		<img src="img/aethec_lab.jpeg" alt="Vortelith Mob" style="width: 493px; height: 546px; height: auto; margin-bottom: 20px;">
        <ul>
            <li>
                <img src="img/webshop/icon_item_specialbox01.png" alt="Kunax's Equipment Box" style="width: 42px; height: 42px; vertical-align: middle; margin-right: 5px;">
                <span class="item-name">Kunax's Vortex PvP Custom Equipment Box</span>
            </li>
				<li>
					<img src="img/webshop/icon_item_mythichigh_sword_01.png" alt="Ícone do Strange Bag" style="width: 42px; height: 42px; vertical-align: middle; margin-right: 5px;">
					Enhanced Badly Deformed Sword Prototype
				</li>
				<li>
					<img src="img/webshop/icon_item_mythichigh_sword_01.png" alt="Ícone do Strange Bag" style="width: 42px; height: 42px; vertical-align: middle; margin-right: 5px;">
					Enhanced Badly Deformed Mace Prototype
				</li>
				<li>
					<img src="img/webshop/icon_item_mythichigh_sword_01.png" alt="Ícone do Strange Bag" style="width: 42px; height: 42px; vertical-align: middle; margin-right: 5px;">
					Enhanced Badly Deformed Dagger Prototype
				</li>
				<li>
					<img src="img/webshop/icon_item_mythichigh_sword_01.png" alt="Ícone do Strange Bag" style="width: 42px; height: 42px; vertical-align: middle; margin-right: 5px;">
					Enhanced Badly Deformed GreatSword Prototype
				</li>
				<li>
					<img src="img/webshop/icon_item_mythichigh_sword_01.png" alt="Ícone do Strange Bag" style="width: 42px; height: 42px; vertical-align: middle; margin-right: 5px;">
					Enhanced Badly Deformed Polearm Prototype
				</li>
				<li>
					<img src="img/webshop/icon_item_mythichigh_sword_01.png" alt="Ícone do Strange Bag" style="width: 42px; height: 42px; vertical-align: middle; margin-right: 5px;">
					Enhanced Badly Deformed Staff Prototype
				</li>
				<img src="img/CRUX_1.png" alt="ELTNEN_EVENT" style="width: 400px; height: 1080px; vertical-align: middle; margin-right: 5px;">
				<img src="img/CRUX_2.png" alt="ELTNEN_EVENT" style="width: 400px; height: 1080px; vertical-align: middle; margin-right: 5px;">
				<img src="img/CRUX_3.png" alt="ELTNEN_EVENT" style="width: 400px; height: 1080px; vertical-align: middle; margin-right: 5px;">
				<img src="img/CRUX_4.png" alt="ELTNEN_EVENT" style="width: 500px; height: 600px; vertical-align: middle; margin-right: 5px;">
        </ul><br><br>
        <p>
            Cada partida dura <strong>15 minutos</strong>. Com 60 segundos para cada AGGRESIVE acionado.
        </p>
    </div>
</div>

<style>

    .item-name {
        color: Magenta;
    }
	

    .item-namelaranja {
        color: Darkorange;
    }
.event-container {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background: url('img/event-background.jpg') no-repeat center center fixed;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin-top: 3.8cm;
}

.content-box {
    background: rgba(0, 0, 0, 0.7); /* Fundo fosco transparente */
    padding: 30px;
    border-radius: 10px;
    color: white;
    max-width: 800px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    font-family: Arial, sans-serif;
}

.styled-table {
    border-collapse: collapse;
    width: 100%;
    font-size: 16px;
    text-align: left;
}

.styled-table th, .styled-table td {
    padding: 10px 15px;
    border: 1px solid #ddd; /* Linha fina entre as colunas e as linhas */
}
</style>

<?php
// Incluindo o rodapé
include('footer.php');
?>