Teste scripts: mudanças entre as edições

De Farmland
Ir para navegação Ir para pesquisar
← Edição anteriorEdição posterior →
Adm.mayuka (discussão | contribs)
Burocratas, Administradores da interface, Administradores
5 356 edições
VisualWikitexto
Sem resumo de edição
Sem resumo de edição
Linha 1: Linha 1:
<div class="skill-tree">
<div style="position: relative; width: 820px; height: 930px; font-family: sans-serif; font-size: 13px; background-color: #ffffff; margin: 0 auto; overflow-x: auto; overflow-y: hidden; padding-bottom: 30px;">


  <!-- Instintos Básicos -->
    <div style="position:absolute; top:52px; left:100px; width:4px; height:38px; background:#9ecaff; z-index:0;"></div>
  <div class="skill-column">
    <div style="position:absolute; top:132px; left:100px; width:4px; height:38px; background:#9ecaff; z-index:0;"></div>
     <div class="skill-title">Instintos Básicos</div>
    <div style="position:absolute; top:212px; left:100px; width:4px; height:38px; background:#9ecaff; z-index:0;"></div>
    <div style="position:absolute; top:292px; left:100px; width:4px; height:38px; background:#9ecaff; z-index:0;"></div>
    <div style="position:absolute; top:372px; left:100px; width:4px; height:38px; background:#9ecaff; z-index:0;"></div>
    <div style="position:absolute; top:452px; left:100px; width:4px; height:40px; background:#9ecaff; z-index:0;"></div>
    <div style="position:absolute; top:492px; left:100px; width:130px; height:4px; background:#9ecaff; z-index:0;"></div>
    <div style="position:absolute; top:42px; left:226px; width:4px; height:454px; background:#9ecaff; z-index:0;"></div>
    <div style="position:absolute; top:40px; left:226px; width:114px; height:4px; background:#9ecaff; z-index:0;"></div>
    <div style="position:absolute; top:36px; left:335px; width:0; height:0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #9ecaff; z-index:0;"></div>
    <div style="position:absolute; top:40px; left:510px; width:40px; height:4px; background:#9ecaff; z-index:0;"></div>
    <div style="position:absolute; top:36px; left:545px; width:0; height:0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #9ecaff; z-index:0;"></div>
    <div style="position:absolute; top:52px; left:425px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
    <div style="position:absolute; top:80px; left:340px; width:340px; height:4px; background:#9ecaff; z-index:0;"></div>
    <div style="position:absolute; top:80px; left:340px; width:4px; height:20px; background:#9ecaff; z-index:0;"></div>
    <div style="position:absolute; top:80px; left:510px; width:4px; height:20px; background:#9ecaff; z-index:0;"></div>
     <div style="position:absolute; top:80px; left:680px; width:4px; height:20px; background:#9ecaff; z-index:0;"></div>


     <div class="skill-box"><img src="Instintos Básicos.png">Instintos Básicos</div>
     <div style="position:absolute; top:142px; left:340px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
     <div class="arrow"></div>
    <div style="position:absolute; top:222px; left:340px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
     <div class="skill-box"><img src="Mordida.png">Mordida</div>
     <div style="position:absolute; top:302px; left:340px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
     <div class="arrow"></div>
     <div style="position:absolute; top:382px; left:340px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
     <div class="skill-box"><img src="Gato-Mia.png">Gato-Mia</div>
    <div style="position:absolute; top:462px; left:340px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
     <div class="arrow"></div>
     <div style="position:absolute; top:542px; left:340px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
     <div class="skill-box"><img src="Arranhar.png">Arranhar</div>
     <div style="position:absolute; top:622px; left:340px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
     <div class="arrow"></div>
    <div style="position:absolute; top:702px; left:340px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
     <div class="skill-box"><img src="Quatro Patas.png">Quatro Patas</div>
    <div style="position:absolute; top:142px; left:510px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
     <div class="arrow"></div>
     <div style="position:absolute; top:222px; left:510px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
     <div class="skill-box"><img src="Pulo do Gato.png">Pulo do Gato</div>
     <div style="position:absolute; top:302px; left:510px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
  </div>
    <div style="position:absolute; top:382px; left:510px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
     <div style="position:absolute; top:462px; left:510px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
     <div style="position:absolute; top:542px; left:510px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
    <div style="position:absolute; top:622px; left:510px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
     <div style="position:absolute; top:702px; left:510px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
     <div style="position:absolute; top:142px; left:680px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
    <div style="position:absolute; top:222px; left:680px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
    <div style="position:absolute; top:302px; left:680px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
    <div style="position:absolute; top:382px; left:680px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
    <div style="position:absolute; top:462px; left:680px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
    <div style="position:absolute; top:542px; left:680px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
    <div style="position:absolute; top:622px; left:680px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
    <div style="position:absolute; top:702px; left:680px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>


  <!-- Invocar -->
    <a href="/wiki/Instintos_Básicos" title="Ir para Instintos Básicos" style="text-decoration:none;">
  <div class="skill-column">
        <div style="position:absolute; top:10px; left:10px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
    <div class="skill-title">Invocar</div>
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Instintos_Básicos.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Instintos Básicos</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
        </div>
    </a>


     <div class="skill-box"><img src="Camarão Fresquinho.png">Camarão Fresquinho</div>
     <a href="/wiki/Mordida" title="Ir para Mordida" style="text-decoration:none;">
    <div class="arrow"></div>
        <div style="position:absolute; top:90px; left:10px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
    <div class="skill-box"><img src="Chuva de Mariscos.png">Chuva de Mariscos</div>
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Mordida.png|30px|link=]]</div>
    <div class="arrow"></div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Mordida</div>
    <div class="skill-box"><img src="Dádiva do Atum.png">Dádiva do Atum</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
    <div class="arrow"></div>
        </div>
    <div class="skill-box"><img src="Proteção da Orla.png">Proteção da Orla</div>
     </a>
    <div class="arrow"></div>
    <div class="skill-box"><img src="Poder das Marés.png">Poder das Marés</div>
    <div class="arrow"></div>
    <div class="skill-box"><img src="Lambida.png">Lambida</div>
    <div class="arrow"></div>
    <div class="skill-box"><img src="Banho de Lambidas.png">Banho de Lambidas</div>
    <div class="arrow"></div>
    <div class="skill-box"><img src="Festa do Camarão.png">Festa do Camarão</div>
    <div class="arrow"></div>
     <div class="skill-box"><img src="Invocação das Marés.png">Invocação das Marés</div>
  </div>


  <!-- Lança Gateira -->
    <a href="/wiki/Gato-Mia" title="Ir para Gato-Mia" style="text-decoration:none;">
  <div class="skill-column">
        <div style="position:absolute; top:170px; left:10px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
    <div class="skill-title">Lança Gateira</div>
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Gato-Mia.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Gato-Mia</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
        </div>
    </a>


     <div class="skill-box"><img src="Lança Gateira.png">Lança Gateira</div>
     <a href="/wiki/Arranhar" title="Ir para Arranhar" style="text-decoration:none;">
    <div class="arrow"></div>
        <div style="position:absolute; top:250px; left:10px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
    <div class="skill-box"><img src="Hera Venenosa.png">Hera Venenosa</div>
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Arranhar.png|30px|link=]]</div>
    <div class="arrow"></div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Arranhar</div>
    <div class="skill-box"><img src="Meteoros de Nepeta.png">Meteoros de Nepeta</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
    <div class="arrow"></div>
        </div>
    <div class="skill-box"><img src="Pulverizar.png">Pulverizar</div>
     </a>
    <div class="arrow"></div>
    <div class="skill-box"><img src="Poder da Selva.png">Poder da Selva</div>
    <div class="arrow"></div>
    <div class="skill-box"><img src="Despertar.png">Despertar</div>
    <div class="arrow"></div>
    <div class="skill-box"><img src="Balaio de Gato.png">Balaio de Gato</div>
    <div class="arrow"></div>
    <div class="skill-box"><img src="Mato de Gato.png">Mato de Gato</div>
    <div class="arrow"></div>
     <div class="skill-box"><img src="Invocação da Selva.png">Invocação da Selva</div>
  </div>


  <!-- Chilique de Picky -->
    <a href="/wiki/Quatro_Patas" title="Ir para Quatro Patas" style="text-decoration:none;">
  <div class="skill-column">
        <div style="position:absolute; top:330px; left:10px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
    <div class="skill-title">Chilique de Picky</div>
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Quatro_Patas.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Quatro Patas</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
        </div>
    </a>


     <div class="skill-box"><img src="Chilique de Picky.png">Chilique de Picky</div>
     <a href="/wiki/Pulo_do_Gato" title="Ir para Pulo do Gato" style="text-decoration:none;">
    <div class="arrow"></div>
        <div style="position:absolute; top:410px; left:10px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
     <div class="skill-box"><img src="Impulso de Arclouse.png">Impulso de Arclouse</div>
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Pulo_do_Gato.png|30px|link=]]</div>
    <div class="arrow"></div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Pulo do Gato</div>
     <div class="skill-box"><img src="Ferida de Tarou.png">Ferida de Tarou</div>
            <div style="position:absolute; bottom:-25px; right:-50px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
    <div class="arrow"></div>
        </div>
     <div class="skill-box"><img src="Cometas Lunáticos.png">Cometas Lunáticos</div>
    </a>
    <div class="arrow"></div>
 
     <div class="skill-box"><img src="Poder da Fauna.png">Poder da Fauna</div>
    <a href="/wiki/Invocar" title="Ir para Invocar" style="text-decoration:none;">
    <div class="arrow"></div>
        <div style="position:absolute; top:10px; left:340px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
     <div class="skill-box"><img src="Riscar Fósforo.png">Riscar Fósforo</div>
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Invocar.png|30px|link=]]</div>
    <div class="arrow"></div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Invocar</div>
     <div class="skill-box"><img src="Intimidar.png">Intimidar</div>
            <div style="position:absolute; top:32px; right:-30px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
    <div class="arrow"></div>
            <div style="position:absolute; bottom:-30px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
     <div class="skill-box"><img src="Ataque Selvagem.png">Ataque Selvagem</div>
        </div>
    <div class="arrow"></div>
    </a>
     <div class="skill-box"><img src="Invocação da Fauna.png">Invocação da Fauna</div>
 
  </div>
    <a href="/wiki/Ampliar_Alcance" title="Ir para Ampliar Alcance" style="text-decoration:none;">
        <div style="position:absolute; top:10px; left:550px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Ampliar_Alcance.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Ampliar Alcance</div>
        </div>
    </a>
 
    <a href="/wiki/Camarão_Fresquinho" title="Ir para Camarão Fresquinho" style="text-decoration:none;">
        <div style="position:absolute; top:100px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Camarão_Fresquinho.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Camarão Fresquinho</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
        </div>
    </a>
 
    <a href="/wiki/Chuva_de_Mariscos" title="Ir para Chuva de Mariscos" style="text-decoration:none;">
        <div style="position:absolute; top:180px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Chuva_de_Mariscos.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Chuva de Mariscos</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
        </div>
    </a>
 
    <a href="/wiki/Dádiva_do_Atum" title="Ir para Dádiva do Atum" style="text-decoration:none;">
        <div style="position:absolute; top:260px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Dádiva_do_Atum.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Dádiva do Atum</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
        </div>
    </a>
 
    <a href="/wiki/Proteção_da_Orla" title="Ir para Proteção da Orla" style="text-decoration:none;">
        <div style="position:absolute; top:340px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Proteção_da_Orla.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Proteção da Orla</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
        </div>
    </a>
 
    <a href="/wiki/Poder_das_Marés" title="Ir para Poder das Marés" style="text-decoration:none;">
        <div style="position:absolute; top:420px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Poder_das_Marés.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Poder das Marés</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
        </div>
    </a>
 
    <a href="/wiki/Lambida" title="Ir para Lambida" style="text-decoration:none;">
        <div style="position:absolute; top:500px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Lambida.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Lambida</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
        </div>
    </a>
 
    <a href="/wiki/Banho_de_Lambidas" title="Ir para Banho de Lambidas" style="text-decoration:none;">
        <div style="position:absolute; top:580px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Banho_de_Lambidas.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Banho de Lambidas</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
        </div>
    </a>
 
    <a href="/wiki/Festa_do_Camarão" title="Ir para Festa do Camarão" style="text-decoration:none;">
        <div style="position:absolute; top:660px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Festa_do_Camarão.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Festa do Camarão</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
        </div>
    </a>
 
    <a href="/wiki/Invocação_das_Marés" title="Ir para Invocação das Marés" style="text-decoration:none;">
        <div style="position:absolute; top:740px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Invocação_das_Marés.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Invocação das Marés</div>
        </div>
    </a>
 
    <a href="/wiki/Lança_Gateira" title="Ir para Lança Gateira" style="text-decoration:none;">
        <div style="position:absolute; top:100px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Lança_Gateira.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Lança Gateira</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
        </div>
    </a>
 
    <a href="/wiki/Hera_Venenosa" title="Ir para Hera Venenosa" style="text-decoration:none;">
        <div style="position:absolute; top:180px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Hera_Venenosa.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Hera Venenosa</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
        </div>
    </a>
 
    <a href="/wiki/Meteoros_de_Nepeta" title="Ir para Meteoros de Nepeta" style="text-decoration:none;">
        <div style="position:absolute; top:260px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Meteoros_de_Nepeta.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Meteoros de Nepeta</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
        </div>
    </a>
 
    <a href="/wiki/Pulverizar" title="Ir para Pulverizar" style="text-decoration:none;">
        <div style="position:absolute; top:340px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Pulverizar.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Pulverizar</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
        </div>
    </a>
 
    <a href="/wiki/Poder_da_Selva" title="Ir para Poder da Selva" style="text-decoration:none;">
        <div style="position:absolute; top:420px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Poder_da_Selva.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Poder da Selva</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
        </div>
    </a>
 
    <a href="/wiki/Despertar" title="Ir para Despertar" style="text-decoration:none;">
        <div style="position:absolute; top:500px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Despertar.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Despertar</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
        </div>
    </a>
 
    <a href="/wiki/Balaio_de_Gato" title="Ir para Balaio de Gato" style="text-decoration:none;">
        <div style="position:absolute; top:580px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Balaio_de_Gato.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Balaio de Gato</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
        </div>
    </a>
 
    <a href="/wiki/Mato_de_Gato" title="Ir para Mato de Gato" style="text-decoration:none;">
        <div style="position:absolute; top:660px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Mato_de_Gato.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Mato de Gato</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
        </div>
    </a>
 
    <a href="/wiki/Invocação_da_Selva" title="Ir para Invocação da Selva" style="text-decoration:none;">
        <div style="position:absolute; top:740px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Invocação_da_Selva.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Invocação da Selva</div>
        </div>
    </a>
 
    <a href="/wiki/Chilique_de_Picky" title="Ir para Chilique de Picky" style="text-decoration:none;">
        <div style="position:absolute; top:100px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Chilique_de_Picky.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Chilique de Picky</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
        </div>
    </a>
 
     <a href="/wiki/Impulso_de_Arclouse" title="Ir para Impulso de Arclouse" style="text-decoration:none;">
        <div style="position:absolute; top:180px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Impulso_de_Arclouse.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Impulso de Arclouse</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
        </div>
     </a>
 
    <a href="/wiki/Ferida_de_Tarou" title="Ir para Ferida de Tarou" style="text-decoration:none;">
        <div style="position:absolute; top:260px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Ferida_de_Tarou.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Ferida de Tarou</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
        </div>
     </a>
 
    <a href="/wiki/Cometas_Lunáticos" title="Ir para Cometas Lunáticos" style="text-decoration:none;">
        <div style="position:absolute; top:340px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Cometas_Lunáticos.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Cometas Lunáticos</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
        </div>
    </a>
 
     <a href="/wiki/Poder_da_Fauna" title="Ir para Poder da Fauna" style="text-decoration:none;">
        <div style="position:absolute; top:420px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Poder_da_Fauna.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Poder da Fauna</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
        </div>
     </a>
 
    <a href="/wiki/Riscar_Fósforo" title="Ir para Riscar Fósforo" style="text-decoration:none;">
        <div style="position:absolute; top:500px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Riscar_Fósforo.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Riscar Fósforo</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
        </div>
     </a>
 
    <a href="/wiki/Intimidar" title="Ir para Intimidar" style="text-decoration:none;">
        <div style="position:absolute; top:580px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Intimidar.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Intimidar</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
        </div>
     </a>
 
    <a href="/wiki/Ataque_Selvagem" title="Ir para Ataque Selvagem" style="text-decoration:none;">
        <div style="position:absolute; top:660px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Ataque_Selvagem.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Ataque Selvagem</div>
            <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
        </div>
     </a>
 
    <a href="/wiki/Invocação_da_Fauna" title="Ir para Invocação da Fauna" style="text-decoration:none;">
        <div style="position:absolute; top:740px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
            <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Invocação_da_Fauna.png|30px|link=]]</div>
            <div style="color:white; font-weight:bold; line-height:1.1;">Invocação da Fauna</div>
        </div>
    </a>


</div>
</div>

Edição das 08h55min de 21 de janeiro de 2026

   <a href="/wiki/Instintos_Básicos" title="Ir para Instintos Básicos" style="text-decoration:none;">
Instintos Básicos
Nv.1
   </a>

   <a href="/wiki/Mordida" title="Ir para Mordida" style="text-decoration:none;">
Mordida
Nv.1
   </a>

   <a href="/wiki/Gato-Mia" title="Ir para Gato-Mia" style="text-decoration:none;">
Gato-Mia
Nv.1
   </a>

   <a href="/wiki/Arranhar" title="Ir para Arranhar" style="text-decoration:none;">
Arranhar
Nv.3
   </a>

   <a href="/wiki/Quatro_Patas" title="Ir para Quatro Patas" style="text-decoration:none;">
Quatro Patas
Nv.1
   </a>

   <a href="/wiki/Pulo_do_Gato" title="Ir para Pulo do Gato" style="text-decoration:none;">
Pulo do Gato
Nv.3
   </a>

   <a href="/wiki/Invocar" title="Ir para Invocar" style="text-decoration:none;">
Invocar
Nv.1
Nv.1
   </a>

   <a href="/wiki/Ampliar_Alcance" title="Ir para Ampliar Alcance" style="text-decoration:none;">
Ampliar Alcance
   </a>

   <a href="/wiki/Camarão_Fresquinho" title="Ir para Camarão Fresquinho" style="text-decoration:none;">
Camarão Fresquinho
Nv.3
   </a>

   <a href="/wiki/Chuva_de_Mariscos" title="Ir para Chuva de Mariscos" style="text-decoration:none;">
Chuva de Mariscos
Nv.3
   </a>

   <a href="/wiki/Dádiva_do_Atum" title="Ir para Dádiva do Atum" style="text-decoration:none;">
Dádiva do Atum
Nv.3
   </a>

   <a href="/wiki/Proteção_da_Orla" title="Ir para Proteção da Orla" style="text-decoration:none;">
Proteção da Orla
Nv.3
   </a>

   <a href="/wiki/Poder_das_Marés" title="Ir para Poder das Marés" style="text-decoration:none;">
Poder das Marés
Nv.1
   </a>

   <a href="/wiki/Lambida" title="Ir para Lambida" style="text-decoration:none;">
Lambida
Nv.5
   </a>

   <a href="/wiki/Banho_de_Lambidas" title="Ir para Banho de Lambidas" style="text-decoration:none;">
Banho de Lambidas
Nv.5
   </a>

   <a href="/wiki/Festa_do_Camarão" title="Ir para Festa do Camarão" style="text-decoration:none;">
Festa do Camarão
Nv.5
   </a>

   <a href="/wiki/Invocação_das_Marés" title="Ir para Invocação das Marés" style="text-decoration:none;">
Invocação das Marés
   </a>

   <a href="/wiki/Lança_Gateira" title="Ir para Lança Gateira" style="text-decoration:none;">
Lança Gateira
Nv.3
   </a>

   <a href="/wiki/Hera_Venenosa" title="Ir para Hera Venenosa" style="text-decoration:none;">
Hera Venenosa
Nv.3
   </a>

   <a href="/wiki/Meteoros_de_Nepeta" title="Ir para Meteoros de Nepeta" style="text-decoration:none;">
Meteoros de Nepeta
Nv.3
   </a>

   <a href="/wiki/Pulverizar" title="Ir para Pulverizar" style="text-decoration:none;">
Pulverizar
Nv.3
   </a>

   <a href="/wiki/Poder_da_Selva" title="Ir para Poder da Selva" style="text-decoration:none;">
Poder da Selva
Nv.1
   </a>

   <a href="/wiki/Despertar" title="Ir para Despertar" style="text-decoration:none;">
Despertar
Nv.5
   </a>

   <a href="/wiki/Balaio_de_Gato" title="Ir para Balaio de Gato" style="text-decoration:none;">
Balaio de Gato
Nv.5
   </a>

   <a href="/wiki/Mato_de_Gato" title="Ir para Mato de Gato" style="text-decoration:none;">
Mato de Gato
Nv.5
   </a>

   <a href="/wiki/Invocação_da_Selva" title="Ir para Invocação da Selva" style="text-decoration:none;">
Invocação da Selva
   </a>

   <a href="/wiki/Chilique_de_Picky" title="Ir para Chilique de Picky" style="text-decoration:none;">
Chilique de Picky
Nv.3
   </a>

   <a href="/wiki/Impulso_de_Arclouse" title="Ir para Impulso de Arclouse" style="text-decoration:none;">
Impulso de Arclouse
Nv.3
   </a>

   <a href="/wiki/Ferida_de_Tarou" title="Ir para Ferida de Tarou" style="text-decoration:none;">
Ferida de Tarou
Nv.3
   </a>

   <a href="/wiki/Cometas_Lunáticos" title="Ir para Cometas Lunáticos" style="text-decoration:none;">
Cometas Lunáticos
Nv.3
   </a>

   <a href="/wiki/Poder_da_Fauna" title="Ir para Poder da Fauna" style="text-decoration:none;">
Poder da Fauna
Nv.1
   </a>

   <a href="/wiki/Riscar_Fósforo" title="Ir para Riscar Fósforo" style="text-decoration:none;">
Riscar Fósforo
Nv.5
   </a>

   <a href="/wiki/Intimidar" title="Ir para Intimidar" style="text-decoration:none;">
Intimidar
Nv.5
   </a>

   <a href="/wiki/Ataque_Selvagem" title="Ir para Ataque Selvagem" style="text-decoration:none;">
Ataque Selvagem
Nv.5
   </a>

   <a href="/wiki/Invocação_da_Fauna" title="Ir para Invocação da Fauna" style="text-decoration:none;">
Invocação da Fauna
   </a>
Disponível em “http://farmland.net.br/wiki/index.php?title=Teste_scripts&oldid=1454”