diff --git a/Daemon Exilia/Exilia.css b/Daemon Exilia/Exilia.css
index 0ab4ea0e704..95708c7e377 100644
--- a/Daemon Exilia/Exilia.css	
+++ b/Daemon Exilia/Exilia.css	
@@ -1,25 +1,28 @@
+/*Importa e define a fonte*/
 @font-face {
-  font-family: 'Round Style Basic';
-  src: url('https://candyfonts.com/wp-data/2018/10/09/228/RoundStyleBasic.ttf') format('truetype');
+  font-family: "Round Style Basic";
+  src: url("https://candyfonts.com/wp-data/2018/10/09/228/RoundStyleBasic.ttf")
+    format("truetype");
   font-weight: normal;
   font-style: normal;
 }
+
 * {
   font-family: "Round Style Basic";
 }
+
+/*Estilo para toda a ficha*/
 .charsheet {
-  background-color:#F5F5F5;
+  background-color: #F5F5F5;
   width: 804px;
   background-repeat: repeat;
   background-size: cover;
   border: solid 3px black;
   color: transparent;
   margin-left: 20px;
-  
 }
 
-/*corpo da ficha*/
-.sheet-main {
+.sheet-principal {
   margin: 0 auto;
   font-size: 13px;
   color: black;
@@ -30,26 +33,81 @@
   grid-template-columns: 516px 312px;
   min-height: 1200px
 }
-/* css logo exilia*/
-.sheet-main .sheet-container-logo .sheet-logo-exilia {
+
+/*Estilo das linhas de divisão com dragão*/
+.sheet-linha-de-divisao-dragao {
+  margin-top: 50px;
+  background-image: url(https://i.imgur.com/NTZLN33.png);
+  background-size: 800px 65px;
+  background-repeat: no-repeat;
+  width: 800px;
+  height: 70px;
+  text-align: center;
+  position: relative;
+}
+
+.sheet-linha-de-divisao-dragao h3 {
+  padding-top: 35px;
+}
+
+.sheet-linha-de-divisao-menor-dragao  {
+  margin-top:10px;
+  margin-bottom: 10px;
+  background-image: url(https://i.imgur.com/NTZLN33.png);
+  background-size: 800px 65px;
+  background-repeat: no-repeat;
+  width: 800px;
+  height: 60px;
+  text-align: center;
+  position: relative;
+}
+
+.sheet-linha-de-divisao-menor-dragao h3 {
+  padding-top: 35px;
+}
+
+/*Estilo das linhas de divisão do final da pagina*/
+.sheet-linha-de-divisao-final {
+  margin-top: 50px;
+  margin-bottom: 10px;
+  background-image: url(https://i.imgur.com/Eh99AH2.png);
+  background-size: 798px 64px;
+  background-repeat: no-repeat;
+  width: 800px;
+  height: 100px;
+  text-align: center;
+  position: relative;
+}
+
+/*Posição do logo*/
+.sheet-logo {
   width: 200px;
   height: 185px;
   float: right;
 }
-/*css do cabeçalho de informações do personagem*/
-.sheet-main .sheet-header-info {
+
+/*Primeira linha do cabeçalho*/
+.sheet-cabecalho {
   margin-top: 1%;
   display: grid;
   width: 600px;
   height: 100px;
-  grid-template-columns: 50px 50px left;
-  column-gap: 10px;
- }
-.sheet-main .sheet-input-with-text-bellow {
+  grid-template-columns: 100px 100px left;
+  column-gap: 23.5px;
+}
+
+/*Segunda e terceira linha do cabeçalho*/
+.sheet-cabecalho-2 {
+  margin-top: -7.1%;
+}
+
+/*Estilo do texto do cabeçalho*/
+.sheet-entrada-com-texto {
   display: flex;
   flex-direction: column
 }
-.sheet-main .sheet-input-with-text-bellow input {
+
+.sheet-entrada-com-texto input {
   width: 100%;
   height: 24px;
   border: 0;
@@ -59,122 +117,159 @@
   padding-left: 2px;
   padding-right: 2px
 }
-.sheet-main .sheet-input-with-text-bellow span {
+
+.sheet-entrada-com-texto span {
   display: block;
   padding-top: 2px;
   padding-left: 2px;
   width: 100%;
-  font-size: 13px;
+  font-size: 11.7px;
   font-weight: bold;
   text-transform: uppercase
 }
-.sheet-main .sheet-input-with-text-bellow.sheet-char-name {
-  padding-top: 15px;
-  grid-column: 1/5
+
+/*Posição das Linhas do Cabeçalho*/
+.linhas-cabecalho {
+  padding-top: 0px;
 }
-.sheet-char-info {
- font-size: 13px;
-  font-weight: bold; 
-  color: #808080;
+
+.sheet-topo-do-cabecalho {
+  width: 185px;
+  grid-row: 1;
 }
-/*linha de difisão do atributo*/
-.sheet-main .sheet-linha-de-divisao {
-  margin-top: 50px;
-  background-image: url(https://i.imgur.com/NTZLN33.png);
-  background-size: 800px 65px;
-  background-repeat: no-repeat;
-  width: 800px;
-  height: 70px;
-  text-align: center;https://app.roll20.net/campaigns/campaignsettings/9178552#customsheet-translation
-  position: relative;
+
+.linhas-abaixo {
+  width: 135px;
 }
-.sheet-main .sheet-linha-de-divisao h3 {
-  padding-top: 35px;
+
+.sheet-meio-do-cabecalho {
+  grid-row: 2;
 }
-/*css dos dados atributo*/
-.sheet-atri1{
-    margin-top:-22px;
-    
+
+.sheet-baixo-do-cabecalho {
+  grid-row: 3;
 }
 
-.sheet-coluna-atributo{
-    margin-top:-16px;
+/*Posição dos botões*/
+.sheet-botoes{
+  margin-top:10px;
+  margin-bottom:-50px;
 }
 
-button[type="roll"].sheet-dado1:before {
-  content: ' ';
+/*Botões troca pagina*/
+.sheet-pagina {
+  display: none;
 }
-button[type="roll"].sheet-dado1:hover {
-  background-position: 0;
-  box-shadow: 0px 0px 20px #00FF0B;
-  background-color: #9CF7A0;
+
+.sheet-troca-pagina[value="botao-troca-personagem"] ~ .sheet-pagina-personagem,
+.sheet-troca-pagina[value="botao-troca-habilidades"] ~ .sheet-pagina-habilidades,
+.sheet-troca-pagina[value="botao-troca-magia"] ~ .sheet-pagina-magia,
+.sheet-troca-pagina[value="botao-troca-equipamentos"] ~ .sheet-pagina-equipamentos {
+  display: block;
 }
-button[type="roll"].sheet-dado1 {
-  background-image: url(https://i.imgur.com/7qkxCK7.png);
-  background-size: 25px 26px;
-  background-repeat: no-repeat;
-  width: 19px;
-  height: 26px;
-  border-style: none;
-  background-color: transparent;
+
+/*Estilo Botões*/
+.sheet-botao h4 {
+  color: #FFFFFF;
+  position: center;
+  padding-left: 22px;
+  font-size: 13px;
 }
-button[type="roll"].sheet-dado2:before {
-  content: ' ';
+
+button[type="action"].sheet-botao:hover h4 {
+  text-shadow: 0 0 10px #FF9601, 0 0 20px #FF9601, 0 0 40px #FF9601;
+  color: #fff
 }
-button[type="roll"].sheet-dado2:hover {
-  background-position: 0;
-  box-shadow: 0px 0px 20px #FCE300;
-  background-color: #F7EE9C;
+
+/*Imagem botão 1*/
+button[type="action"].sheet-botao-personagem:hover {
+  background-image: url(https://i.imgur.com/BeJ5nXO.png);
 }
-button[type="roll"].sheet-dado2 {
-  background-image: url(https://i.imgur.com/7qkxCK7.png);
-  background-size: 25px 26px;
+
+button[type="action"].sheet-botao-personagem {
+  background-image: url(https://i.imgur.com/7O2DIdH.png);
+  background-size: 127px 30px;
   background-repeat: no-repeat;
-  width: 19px;
-  height: 26px;
+  background-position: center;
+  width: 115px;
+  height: 30px;
   border-style: none;
   background-color: transparent;
 }
-button[type="roll"].sheet-dado3:before {
-  content: ' ';
-}
-button[type="roll"].sheet-dado3:hover {
-  background-position: 0;
-  box-shadow: 0px 0px 20px #FF0003;
-  background-color: #F9999A;
+
+/*Imagem botão 2*/
+button[type="action"].sheet-botao-habilidades:hover {
+  background-image: url(
+    https://cdn.discordapp.com/attachments/685919360602079459/1117971755055710318/IJekFec.png
+  );
 }
-button[type="roll"].sheet-dado3 {
-  background-image: url(https://i.imgur.com/7qkxCK7.png);
-  background-size: 25px 26px;
+
+button[type="action"].sheet-botao-habilidades {
+  background-image: url(
+    https://cdn.discordapp.com/attachments/685919360602079459/1117976260266709103/tyujh.png
+  );
+  background-size: 127px 30px;
   background-repeat: no-repeat;
-  width: 19px;
-  height: 26px;
+  background-position: center;
+  width: 115px;
+  height: 30px;
   border-style: none;
   background-color: transparent;
 }
-/*--dado inciativa--*/
-button[type="roll"].sheet-dado7:before {
-  content: ' ';
+
+/*Imagem botão 3*/
+button[type="action"].sheet-botao-magia:hover {
+  background-image: url(https://i.imgur.com/IJekFec.png);
 }
-button[type="roll"].sheet-dado7:hover {
-  background-position: 0;
-  background-image: url(https://i.imgur.com/zfXSgvw.png);
-  box-shadow: 0px 0px 20px #FF7E00;
-  background-color: #FFD0A4;
+
+button[type="action"].sheet-botao-magia {
+  background-image: url(https://i.imgur.com/VuXzAma.png);
+  background-size: 127px 30px;
   background-repeat: no-repeat;
   background-position: center;
+  width: 115px;
+  height: 30px;
+  border-style: none;
+  background-color: transparent;
 }
-button[type="roll"].sheet-dado7 {
-  background-image: url(https://i.imgur.com/zfXSgvw.png);
-  background-size: 30px 30px;
+
+/*Imagem botão 4*/
+button[type="action"].sheet-botao-equipamentos:hover {
+  background-image: url(https://i.imgur.com/dnazVgl.png);
+}
+
+button[type="action"].sheet-botao-equipamentos {
+  background-image: url(https://i.imgur.com/QnOwFo9.png);
+  background-size: 127px 30px;
   background-repeat: no-repeat;
   background-position: center;
-  width: 30px;
+  width: 115px;
   height: 30px;
   border-style: none;
-  border: none;
+  background-color: transparent;
+}
+
+/*Itens Atributos e Sub-atributos*/
+.sheet-coluna-atributo{
+  margin-top:-16px;
+}
+
+.sheet-img-dragon {
+  position: relative;
+  left: 335px;
+  bottom: -25px;
+  width: 41px;
+  height: 29px;
+}
+
+.sheet-nome-atributo h2 {
+  font-size: 20px;
+  text-align: center;
+  border-bottom: solid 2px black;
+  line-height: 24px;
+  background-color: transparent;
 }
-/*css linhas e colunas dos atributos*/
+
 .sheet-coluna1 {
   background-image: url();
   background-size: 92px 26px;
@@ -186,26 +281,12 @@ button[type="roll"].sheet-dado7 {
   margin-top: 3px;
   font-size: 13px;
   font-weight: bold;
-  color: black text-align: center;
+  color: black;
+  text-align: center;
   width: 80px;
   height: 30px;
 }
-.sheet-linha1 {
-  background-image: url();
-  background-size: 46px 26px;
-  background-repeat: no-repeat;
-  border-style: black;
-  background-color: ;
-  padding-left: 1px;
-  border: 1px solid #333333;
-  border-bottom: 2px solid #333333;
-  margin-top: 3px;
-  font-size: 13px;
-  font-weight: bold;
-  color: black text-align: center;
-  width: 47px;
-  height: 30px;
-}
+
 .sheet-linha_dado {
   background-image: url();
   background-size: 21px 26px;
@@ -218,115 +299,112 @@ button[type="roll"].sheet-dado7 {
   width: 21px;
   height: 2px;
   border-style: black;
-  background-color: ;
   padding-left: 1px;
   border: 1px solid #333333;
   border-bottom: 2px solid #333333;
   font-weight: bold;
-  color: black text-align: center;
+  color: black;
+  text-align: center;
 }
 
 .sheet-inic-add  {
   font-size: 20px;
-   font-weight: bold;
-  color: black 
+  font-weight: bold;
+  color: black;
   text-align: center;
   background-color: transparent;
   Border:none;
 }
-/*css linhas e colunas dos sub-atributos*/
-.sheet-block-a, .sheet-block-switch:checked ~ .sheet-block-b {
-  display: block;
-}
-.sheet-block-b, .sheet-block-switch:checked ~ .sheet-block-a {
-  display: none;
+
+/* Dados */
+button[type="roll"].sheet-dado:before {
+  content: ' ';
 }
-.sheet-I1 input[type="text"] {
-  background-image: url(https://i.imgur.com/GUI0tbP.png);
-  background-size: 98px 40px;
-  margin-left: 12px;
-  margin-right: 5px;
+
+button[type="roll"].sheet-dado {
+  background-image: url(https://i.imgur.com/7qkxCK7.png);
+  background-size: 25px 26px;
   background-repeat: no-repeat;
-  width: 100px;
-  height: 40px;
+  width: 19px;
+  height: 26px;
   border-style: none;
   background-color: transparent;
-  margin-left: 12px;
-  margin-right: 5px;
-  font-size: 14px;
-  font-weight: bold;
-  text-align: center;
-  position: relative;
 }
-.sheet-I3 input[type="text"] {
-  background-image: url(https://i.imgur.com/GUI0tbP.png);
-  background-size: 98px 40px;
-  margin-left: 12px;
-  margin-right: 5px;
-  margin-bottom: 1px;
+
+button[type="roll"].sheet-dado:hover {
+  background-position: 0;
+}
+
+button[type="roll"].sheet-dado-normal:hover {
+  box-shadow: 0px 0px 20px #00FF0B;
+  background-color: #9CF7A0;
+}
+
+button[type="roll"].sheet-dado-dificil:hover {
+  box-shadow: 0px 0px 20px #FCE300;
+  background-color: #F7EE9C;
+}
+
+button[type="roll"].sheet-dado-muito-dificil:hover {
+  box-shadow: 0px 0px 20px #FF0003;
+  background-color: #F9999A;
+}
+
+/*--dado inciativa--*/
+button[type="roll"].sheet-iniciativa:hover {
+  background-image: url(https://i.imgur.com/zfXSgvw.png);
+  box-shadow: 0px 0px 20px #FF7E00;
+  background-color: #FFD0A4;
   background-repeat: no-repeat;
-  width: 100px;
-  height: 40px;
+  background-position: center;
+}
+
+button[type="roll"].sheet-dado-iniciativa {
+  background-image: url(https://i.imgur.com/zfXSgvw.png);
+  background-size: 30px 30px;
+  background-repeat: no-repeat;
+  background-position: center;
+  width: 30px;
+  height: 30px;
   border-style: none;
-  background-color: transparent;
-  margin-left: 12px;
-  margin-right: 5px;
-  font-size: 14px;
-  font-weight: bold;
-  text-align: center;
-  position: relative;
+  border: none;
 }
-.sheet-info-1 input[type="text"] {
-  border-style: #2F4F4F;
-  background-color: #DCDCDC;
-  width: 100px;
-  height: 30px;
-  margin-left: 12px;
-  margin-right: 4px;
-  margin-top: 3px;
-  margin-bottom: -0px;
-  border-top: 2px solid #333333;
-  border-bottom: 2px solid #333333;
-  border-right: 2px solid #333333;
-  border-left: 2px solid #333333;
-  font-size: 13px;
-  font-weight: bold;
-  text-align: center;
-  position: relative;
+
+/*css linhas e colunas dos sub-atributos*/
+.sheet-block-a, .sheet-block-switch:checked ~ .sheet-block-b {
+  display: block;
 }
-.sheet-info-2 input[type="text"] {
-  border-style: #2F4F4F;
-  background-color: #FAEBD7;
-  width: 100px;
+.sheet-block-b, .sheet-block-switch:checked ~ .sheet-block-a {
+  display: none;
+}
+
+/* CSS checkbox sub-atributos */
+input[type="checkbox"].sheet-block-switch {
+  background-image: url(https://i.imgur.com/bs0x98x.png);
+  appearance: none;
+  opacity: transparent;
+  border: none;
+  outline: none;
   height: 30px;
-  margin-left: 12px;
-  margin-right: 4px;
-  margin-top: 3px;
-  font-size: 20px;
-  font-weight: bold;
-  text-align: center;
-  position: relative;
+  width: 30px;
+  background-repeat: no-repeat;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
-.sheet-info-3 input[type="text"] {
-  border-style: #2F4F4F;
-  background-color: #DCDCDC;
-  width: 100px;
+
+input[type="checkbox"].sheet-block-switch:checked {
+  background-image: url(https://i.imgur.com/iJhgLtR.png);
   height: 30px;
-  margin-left: 12px;
-  margin-right: 5px;
-  margin-top: 3px;
-  border-top: 2px solid #333333;
-  border-bottom: 2px solid #333333;
-  border-right: 2px solid #333333;
-  border-left: 2px solid #333333;
-  font-size: 13px;
-  font-weight: bold;
-  text-align: center;
-  position: relative;
+  width: 30px;
+  background-repeat: no-repeat;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
+
 .sheet-linha-sub {
   border-style: black;
-  background-color: ;
   padding-left: 1px;
   border: 1px solid #333333;
   border-top: 0px solid #333333;
@@ -338,9 +416,9 @@ button[type="roll"].sheet-dado7 {
   text-align: center;
   color: black
 }
+
 .sheet-linha-sub2 {
   margin-top: 6px;
-  border-style: ;
   border: 0px;
   background-color: #C0C0C0;
   font-size: 13px;
@@ -348,6 +426,7 @@ button[type="roll"].sheet-dado7 {
   text-align: center;
   position: relative;
 }
+
 .sheet-linha-sub3 {
   margin-top: 1px;
   border-style: none;
@@ -363,21 +442,7 @@ button[type="roll"].sheet-dado7 {
   text-align: center;
   position: relative;
 }
-/**titulo dos atributos e modificadores**/
-.sheet-img-dragon {
-  position: relative;
-  left: 335px;
-  bottom: -25px;
-  width: 41px;
-  height: 29px;
-}
-.sheet-atributo-name h2 {
-  font-size: 20px;
-  text-align: center;
-  border-bottom: solid 2px black;
-  line-height: 24px;
-  background-color: transparent;
-}
+
 .sheet-linha-vida {
   background-image: url(https://i.imgur.com/PLEaV2V.png);
   background-size: 28px 28px;
@@ -392,9 +457,10 @@ button[type="roll"].sheet-dado7 {
   text-align: center;
   color: black
 }
+
 .sheet-linha-mana {
   background-image: url(https://i.imgur.com/tX4uoof.png);
-  background-size: 29px 29px;
+  background-size: 28px 28px;
   background-repeat: no-repeat;
   width: 30px;
   height: 40px;
@@ -406,6 +472,7 @@ button[type="roll"].sheet-dado7 {
   text-align: center;
   color: black
 }
+
 .sheet-linha-fe {
   background-image: url(https://i.imgur.com/Kkl5ifT.png);
   background-size: 28px 28px;
@@ -420,7 +487,8 @@ button[type="roll"].sheet-dado7 {
   text-align: center;
   color: black
 }
-.sheet-linha-ip {
+
+.sheet-linha-rd {
   background-image: url(https://i.imgur.com/VjcBBCt.png);
   background-size: 28px 28px;
   background-repeat: no-repeat;
@@ -434,6 +502,7 @@ button[type="roll"].sheet-dado7 {
   text-align: center;
   color: black
 }
+
 .sheet-linha-rm {
   background-image: url(https://i.imgur.com/iolQs0A.png);
   background-size: 28px 28px;
@@ -448,7 +517,8 @@ button[type="roll"].sheet-dado7 {
   text-align: center;
   color: black
 }
-.sheet-linha-move{
+
+.sheet-linha-move {
   background-image: url(https://i.imgur.com/8kGNCPs.png);
   background-size: 29px 25px;
   background-repeat: no-repeat;
@@ -462,9 +532,10 @@ button[type="roll"].sheet-dado7 {
   text-align: center;
   color: black
 }
-.sheet-linha-decisivo {
-  background-image: url(https://i.imgur.com/sUBkbOk.png);
-  background-size: 27px 25px;
+
+.sheet-linha-critico {
+  background-image: url(https://i.imgur.com/FxgTzPb.png);
+  background-size: 28px 28px;
   background-repeat: no-repeat;
   background-position: center;
   width: 30px;
@@ -477,9 +548,10 @@ button[type="roll"].sheet-dado7 {
   text-align: center;
   color: black
 }
-.sheet-linha-critico {
-  background-image: url(https://i.imgur.com/FxgTzPb.png);
-  background-size: 27px 27px;
+
+.sheet-linha-decisivo {
+  background-image: url(https://i.imgur.com/sUBkbOk.png);
+  background-size: 28px 28px;
   background-repeat: no-repeat;
   background-position: center;
   width: 30px;
@@ -492,9 +564,10 @@ button[type="roll"].sheet-dado7 {
   text-align: center;
   color: black
 }
+
 .sheet-linha-penalidade {
   background-image: url(https://i.imgur.com/5hhA50Y.png);
-  background-size: 25px 26px;
+  background-size: 28px 28px;
   background-repeat: no-repeat;
   background-position: center;
   width: 30px;
@@ -508,56 +581,112 @@ button[type="roll"].sheet-dado7 {
   color: black
 }
 
-.sheet-modificador-global {
-    margin-top: -15px;
-    margin-bottom:10px;
+/*segunda parte atributos direita*/
+.sheet-atri1{
+  margin-top:-22px;
 }
-/*linha de divisão das perícias*/
-.sheet-linha-de-divisao-2 {
-  margin-top:10px;
-  margin-bottom: 10px;
-  background-image: url(https://i.imgur.com/NTZLN33.png);
-  background-size: 800px 65px;
+
+.sheet-informacao-atributo-direita input[type="text"]{
+  border-style: #2F4F4F;
+  background-color: #DCDCDC;
+  width: 100px;
+  height: 30px;
+  margin-left: 12px;
+  margin-right: 5px;
+  margin-bottom: -0px;
+  margin-top: 3px;
+  border-top: 2px solid #333333;
+  border-bottom: 2px solid #333333;
+  border-right: 2px solid #333333;
+  border-left: 2px solid #333333;
+  font-size: 13px;
+  font-weight: bold;
+  text-align: center;
+  position: relative;
+}
+
+.sheet-informacao-status-direita input[type="text"] {
+  background-image: url(https://i.imgur.com/GUI0tbP.png);
+  background-size: 98px 40px;
+  margin-left: 12px;
+  margin-right: 5px;
   background-repeat: no-repeat;
-  width: 800px;
-  height: 60px;
+  width: 100px;
+  height: 40px;
+  border-style: none;
+  background-color: transparent;
+  margin-left: 12px;
+  margin-right: 5px;
+  font-size: 14px;
+  font-weight: bold;
   text-align: center;
   position: relative;
+  color: black
 }
-.sheet-linha-de-divisao-2 h3 {
-  padding-top: 35px;
+
+.sheet-modificador-global {
+  margin-top: -15px;
+  margin-bottom:10px;
 }
 
-/*css linhas pericias*/
+/*linhas de pericia*/
 .sheet-pericias {
   margin-top: 3px;
 }
-.sheet-linha-inicial-pericias {
+
+.sheet-linha_N {
+  width: 30px;
+  height: 40px;
   border-style: none;
   background-color: transparent;
-  font-size: 13px;
+  margin-top: 0px;
+  margin-Bottom: 0px;
   font-weight: bold;
-  color: black font-weight: bold;
-  text-align: left;
-  position: center;
   text-align: center;
-  width: 80px;
-  height: 30px;
-  margin-top: 3px;
-}
-.sheet-linha-inicial-pericias2 {
+  color: black
+  }
+
+.sheet-linha_D {
+  width: 30px;
+  height: 40px;
+  border-style: none;
+  background-color: transparent;
+  margin-top: 0px;
+  margin-Bottom: 0px;
+  font-weight: bold;
+  text-align: center;
+  color: black
+  }
+
+.sheet-linha_M {
+  width: 30px;
+  height: 40px;
   border-style: none;
   background-color: transparent;
+  margin-top: 0px;
+  margin-Bottom: 0px;
+  font-weight: bold;
+  text-align: center;
+  color: black
+  }
+
+.sheet-linha1 {
+  background-image: url();
+  background-size: 46px 26px;
+  background-repeat: no-repeat;
+  border-style: black;
+  padding-left: 1px;
+  border: 1px solid #333333;
+  border-bottom: 2px solid #333333;
+  margin-top: 3px;
   font-size: 13px;
   font-weight: bold;
-  color: black font-weight: bold;
-  text-align: left;
-  position: left;
-  text-align: left;
+  color: black;
+  text-align: center;
   width: 80px;
   height: 30px;
-  margin-top: 3px;
 }
+
 .sheet-linha2 {
   border-style: none;
   background-color: transparent;
@@ -565,16 +694,17 @@ button[type="roll"].sheet-dado7 {
   margin-top: 1px;
   font-size: 13px;
   font-weight: bold;
-  color: black text-align: center;
+  color: black;
+  text-align: center;
   width: 47px;
   height: 30px;
   margin-top: 5px;
 }
+
 .sheet-linha3 {
   margin-top: 1px;
   margin-bottom: 1px;
   border-style: black;
-  background-color: ;
   padding-left: 1px;
   border: black;
   border-top: 1px solid #333333;
@@ -586,11 +716,11 @@ button[type="roll"].sheet-dado7 {
   text-align: center;
   position: relative;
 }
+
 .sheet-linha4 {
   margin-top: 1px;
   margin-bottom: 1px;
   border-style: black;
-  background-color: ;
   padding-left: 1px;
   border: black;
   border-top: 1px solid #333333;
@@ -602,22 +732,7 @@ button[type="roll"].sheet-dado7 {
   text-align: left;
   position: relative;
 }
-.sheet-linha-secundaria {
-  margin-top: 1px;
-  margin-bottom: 2px;
-  border-style: black;
-  background-color: transparent;
-  padding-left: 1px;
-  border: black;
-  border-top: 0px solid #333333;
-  border-bottom: 2px solid #333333;
-  border-right: 0px solid #333333;
-  border-left: 0px solid #333333;
-  font-size: 12px;
-  font-weight: bold;
-  text-align: center;
-  position: relative;
-}
+
 .sheet-linha-secundaria2 {
   margin-top: 1px;
   margin-bottom: 2px;
@@ -636,102 +751,45 @@ button[type="roll"].sheet-dado7 {
   position: relative;
 }
 
-.sheet-linha_N {
-  width: 30px;
-  height: 40px;
+button[type="roll"].sheet-dado-verde:hover {
+  background-position: 0;
+  box-shadow: 0px 0px 20px #00FF0B;
+  background-color: #9CF7A0;
+}
+
+button[type="roll"].sheet-dado-verde {
+  background-image: url(https://i.imgur.com/7qkxCK7.png);
+  background-size: 25px 26px;
+  background-repeat: no-repeat;
+  width: 19px;
+  height: 26px;
   border-style: none;
   background-color: transparent;
-  margin-top: 0px;
-  margin-Bottom: 0px;
-  font-weight: bold;
-  text-align: center;
-  color: black
-  }
-  
-  .sheet-linha_D {
-  width: 30px;
-  height: 40px;
+}
+
+button[type="roll"].sheet-dado-amarelo:hover {
+  background-position: 0;
+  box-shadow: 0px 0px 20px #FCE300;
+  background-color: #F7EE9C;
+}
+
+button[type="roll"].sheet-dado-amarelo {
+  background-image: url(https://i.imgur.com/7qkxCK7.png);
+  background-size: 25px 26px;
+  background-repeat: no-repeat;
+  width: 19px;
+  height: 26px;
   border-style: none;
   background-color: transparent;
-  margin-top: 0px;
-  margin-Bottom: 0px;
-  font-weight: bold;
-  text-align: center;
-  color: black
-  }
-  
-  .sheet-linha_M {
-  width: 30px;
-  height: 40px;
-  border-style: none;
-  background-color: transparent;
-  margin-top: 0px;
-  margin-Bottom: 0px;
-  font-weight: bold;
-  text-align: center;
-  color: black
-  }
-  
-/*css dos dados de pericias*/
-.sheet-linha-dado2 {
-  border-style: none;
-  background-color: transparent;
-  text-align: center;
-  background-repeat: no-repeat;
-  margin-top: 1px;
-  margin-left: 6px;
-  width: 21px;
-  height: 2px;
-  border-style: black;
-  background-color: ;
-  padding-left: 1px;
-  margin-top: 5px;
-  font-weight: bold;
-  color: black text-align: center;
-}
-button[type="roll"].sheet-dado4:before {
-  content: ' ';
 }
-button[type="roll"].sheet-dado4:hover {
-  background-position: 0;
-  box-shadow: 0px 0px 20px #00FF0B;
-  background-color: #9CF7A0;
-}
-button[type="roll"].sheet-dado4 {
-  background-image: url(https://i.imgur.com/7qkxCK7.png);
-  background-size: 25px 26px;
-  background-repeat: no-repeat;
-  width: 19px;
-  height: 26px;
-  border-style: none;
-  background-color: transparent;
-}
-button[type="roll"].sheet-dado5:before {
-  content: ' ';
-}
-button[type="roll"].sheet-dado5:hover {
-  background-position: 0;
-    box-shadow: 0px 0px 20px #FCE300;
-  background-color: #F7EE9C;
-}
-button[type="roll"].sheet-dado5 {
-  background-image: url(https://i.imgur.com/7qkxCK7.png);
-  background-size: 25px 26px;
-  background-repeat: no-repeat;
-  width: 19px;
-  height: 26px;
-  border-style: none;
-  background-color: transparent;
-}
-button[type="roll"].sheet-dado6:before {
-  content: ' ';
-}
-button[type="roll"].sheet-dado6:hover {
+
+button[type="roll"].sheet-dado-vermelho:hover {
   background-position: 0;
-    box-shadow: 0px 0px 20px #FF0003;
+  box-shadow: 0px 0px 20px #FF0003;
   background-color: #F9999A;
 }
-button[type="roll"].sheet-dado6 {
+
+button[type="roll"].sheet-dado-vermelho {
   background-image: url(https://i.imgur.com/7qkxCK7.png);
   background-size: 25px 26px;
   background-repeat: no-repeat;
@@ -740,261 +798,81 @@ button[type="roll"].sheet-dado6 {
   border-style: none;
   background-color: transparent;
 }
-.sheet-linha_dado3 {
-  background-image: url();
-  background-size: 21px 26px;
-  text-align: center;
-  background-repeat: no-repeat;
-  margin-top: 1px;
-  margin-left: 9px;
-  width: 21px;
-  height: 2px;
-  border-style: none;
-  background-color: transparent;
-  padding-left: 1px;
-  margin-top: 0px;
-  font-size: 13px;
-  font-weight: bold;
-  color: black text-align: center;
-}
-/*display das pericias de combate e pericias gerais*/
-.sheet-columns {
-  display: flex;
-  justify-content: space-between;
-  width: 400px;
-}
-.sheet-columns > * {
-  flex: 1;
-}
+
 input.sheet-toggle-show:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
   display: none;
 }
-/*linha de divisão dos aprimoramentos e manobras*/
-.sheet-linha-de-divisao-3 {
-  margin-top: 15px;
-  margin-bottom: 1px;
-  background-image: url(https://i.imgur.com/NTZLN33.png);
-  background-size: 800px 65px;
+
+/*CSS checkbox pericias*/
+input[type="checkbox"].sheet-toggle-show {
+  background-image: url("https://i.imgur.com/vFxlBEm.png");
+  background-size: 29px 29px;
+  background-position: center;
+  height: 30px;
+  width: 30px;
   background-repeat: no-repeat;
-  width: 800px;
-  height: 65px;
-  text-align: center;
-  position: relative;
-}
-.sheet-linha-de-divisao-3 h3 {
-  padding-top: 35px;
+  opacity: transparent;
+  margin: top;
+  appearance: none;
+  border: none;
+  outline: none;
 }
-/*display dos aprimoramentos e manobras*/
-.sheet-aprimoramentos-e-manobras {
+
+.sheet-linha-secundaria {
   margin-top: 1px;
-  margin-bottom: 1px;
+  margin-bottom: 2px;
   border-style: black;
-  background-color: #F8F8FF;
+  background-color: transparent;
   padding-left: 1px;
   border: black;
-  border-top: 1px solid #333333;
+  border-top: 0px solid #333333;
   border-bottom: 2px solid #333333;
-  border-right: 1px solid #333333;
-  border-left: 1px solid #333333;
-  font-size: 13px;
+  border-right: 0px solid #333333;
+  border-left: 0px solid #333333;
+  font-size: 12px;
   font-weight: bold;
-  text-align: left;
+  text-align: center;
   position: relative;
 }
-.sheet-linha-inicial-aprimoramentos-manobras {
+
+.sheet-linha-inicial-pericias {
   border-style: none;
   background-color: transparent;
   font-size: 13px;
   font-weight: bold;
-  color: black text-align: center;
-  font-weight: bold;
-  margin-left: ;
-  position: relative;
-  width: 80px;
-  height: 30px;
-  margin-top: 2px;
-}
-/* CSS checkbox sub-atributos */
-input[type="checkbox"].sheet-block-switch {
-  appearance: none;
-  border: none;
-  outline: none;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-input[type="checkbox"].sheet-block-switch {
-  opacity: transparent;
-  height: 30px;
-  width: 30px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-input[type="checkbox"].sheet-block-switch {
-  background-image: url(https://i.imgur.com/bs0x98x.png);
-  height: 30px;
-  width: 30px;
-  background-repeat: no-repeat;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-input[type="checkbox"].sheet-block-switch:checked {
-  background-image: url(https://i.imgur.com/iJhgLtR.png);
-  height: 30px;
-  width: 30px;
-  background-repeat: no-repeat;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-/* CSS checkbox pericias*/
-input[type="checkbox"].sheet-toggle-show {
-  appearance: none;
-  border: none;
-  outline: none;
-}
-input[type="checkbox"].sheet-toggle-show {
-  opacity: transparent;
-  height: 29px;
-  width: 30px;
-  margin: top;
-  25px;
-}
-input[type="checkbox"].sheet-toggle-show {
-  background-image: url("https://i.imgur.com/vFxlBEm.png");
-  background-size: 29px 29px;
-  background-position: center;
-  height: 30px;
-  width: 30px;
-  background-repeat: no-repeat;
-}
-/*linha de fechamento das paginas*/
-.sheet-linha-de-divisao-4 {
-  margin-top: 50px;
-  margin-bottom: 10px;
-  background-image: url(https://i.imgur.com/Eh99AH2.png);
-  background-size: 798px 64px;
-  background-repeat: no-repeat;
-  width: 800px;
-  height: 100px;
+  color: black;
+  position: center;
   text-align: center;
-  position: relative;
-}
-.sheet-linha-de-divisao-4 h3 {
-  padding-top: 35px;
-}
-/*CSS Botões troca pagina 1*/
-.sheet-character {
-  margin-top: 0px;
-}
-button[type="action"].sheet-button-personagem:before {
-  content: ' ';
-}
-button[type="action"].sheet-button-personagem:hover {
-  background-image: url(https://i.imgur.com/BeJ5nXO.png);
-  
-}
-button[type="action"].sheet-button-personagem:hover h4 {
-  text-shadow: 0 0 10px #FF9601, 0 0 20px #FF9601, 0 0 40px #FF9601;
-  color: #fff
-}
-button[type="action"].sheet-button-personagem {
-  background-image: url(https://i.imgur.com/7O2DIdH.png);
-  background-size: 127px 30px;
-  background-repeat: no-repeat;
-  background-position: center;
-  width: 115px;
+  width: 80px;
   height: 30px;
-  border-style: none;
-  background-color: transparent;
-}
-/*CSS Botões troca pagina 2*/
-.sheet-container-botao{
-    margin-top:60px;
-    margin-bottom:-50px;
-}
-button[type="action"].sheet-button-magia:before {
-  content: ' ';
-}
-button[type="action"].sheet-button-magia:hover {
-  background-image: url(https://i.imgur.com/IJekFec.png);
-}
-button[type="action"].sheet-button-magia:hover h4 {
-  text-shadow: 0 0 10px #FF9601, 0 0 20px #FF9601, 0 0 40px #FF9601;
-  color: #fff
+  margin-top: 3px;
 }
-button[type="action"].sheet-button-magia {
-  background-image: url(https://i.imgur.com/VuXzAma.png);
-  background-size: 127px 30px;
-  background-repeat: no-repeat;
-  background-position: center;
-  width: 115px;
-  height: 30px;
+
+.sheet-linha-inicial-pericias2 {
   border-style: none;
   background-color: transparent;
-}
-.sheet-button-personagem h4 {
-  color: #FFFFFF;
-  position: center;
-  padding-left: 22px;
   font-size: 13px;
-}
-.sheet-button-magia h4 {
-  color: #FFFFFF;
-  position: center;
-  padding-left: 20px;
-  font-size: 13px;
-}
-/*CSS Botões troca pagina 3*/
-.sheet-button-equipamento h4 {
-  color: #FFFFFF;
-  position: center;
-  padding-left: 23px;
-  font-size: 13px;
-}
-button[type="action"].sheet-button-equipamento:before {
-  content: ' ';
-}
-button[type="action"].sheet-button-equipamento:hover {
-  background-image: url(https://i.imgur.com/dnazVgl.png);
-}
-button[type="action"].sheet-button-equipamento:hover h4 {
-  text-shadow: 0 0 10px #FF9601, 0 0 20px #FF9601, 0 0 40px #FF9601;
-  color: #fff
-}
-button[type="action"].sheet-button-equipamento {
-  background-image: url(https://i.imgur.com/QnOwFo9.png);
-  background-size: 127px 30px;
-  background-repeat: no-repeat;
-  background-position: center;
-  width: 115px;
+  font-weight: bold;
+  color: black;
+  text-align: center;
+  position: left;
+  width: 80px;
   height: 30px;
-  border-style: none;
-  background-color: transparent;
-}
-/*Botões do cabeçalho*/
-.sheet-character, .sheet-config, .sheet-journal {
-  display: none;
-}
-.sheet-tabstoggle[value="character"] ~ div.sheet-character, .sheet-tabstoggle[value="configuration"] ~ div.sheet-config, .sheet-tabstoggle[value="journal"] ~ div.sheet-journal {
-  display: block;
+  margin-top: 3px;
 }
-/* CSS Pagina 2  */
+
 .sheet-texto-magias textarea {
   height: 80px;
   width: 98%;
   border: 2px solid black;
   font-weight: bold;
 }
+
 .sheet-body {
   background-color: #DCDCDC;
   padding: 2px;
 }
+
 .sheet-linha-focus input[type="text"] {
   background-image: url(https://i.imgur.com/IS0rG1Q.png);
   background-size: 100px 45px;
@@ -1013,6 +891,7 @@ button[type="action"].sheet-button-equipamento {
   text-align: center;
   position: relative;
 }
+
 .sheet-linha-focus2 input[type="text"] {
   border-style: #2F4F4F;
   background-color: #DCDCDC;
@@ -1031,7 +910,15 @@ button[type="action"].sheet-button-equipamento {
   text-align: center;
   position: relative;
 }
-/* CSS Pagina 3*/
+
+.sheet-texto-equip textarea {
+  width: 225px;
+  height: 100px;
+  border: 2px solid black;
+  font-weight: bold;
+  font-size: 13px;
+}
+
 .sheet-linha-equip {
   border-style: black;
   background-color: transparent;
@@ -1042,39 +929,73 @@ button[type="action"].sheet-button-equipamento {
   font-weight: bold;
   text-align: center;
 }
-.sheet-texto-equip textarea {
-  width: 225px;
-  height: 100px;
-  border: 2px solid black;
-  font-weight: bold;
-  font-size: 13px;
+
+input.sheet-toggle-show-arma:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
+  display: none;
 }
-/*CSS troca de personagem*/
-.sheet-block-feminino, .sheet-block-switch-personagem:checked ~ .sheet-block-masculino {
-  display: block;
+
+/*CSS linha de armas*/
+input[type="checkbox"].sheet-toggle-show-arma {
+  background-image: url("https://i.imgur.com/MTW75Uh.png");
+  background-size: 29px 29px;
+  background-position: center;
+  height: 30px;
+  width: 30px;
+  background-repeat: no-repeat;
+  opacity: transparent;
+  margin: top;
+  appearance: none;
+  border: none;
+  outline: none;
 }
-.sheet-block-masculino, .sheet-block-switch-personagem:checked ~ .sheet-block-feminino {
+
+/*CSS linha de item*/
+input.sheet-toggle-show-item:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
   display: none;
 }
-input[type="checkbox"].sheet-block-switch-personagem {
+
+input[type="checkbox"].sheet-toggle-show-item {
+  background-image: url("https://i.imgur.com/qI3aGTm.png");
+  background-size: 29px 29px;
+  background-position: center;
+  height: 30px;
+  width: 30px;
+  background-repeat: no-repeat;
+  opacity: transparent;
+  margin: top;
   appearance: none;
   border: none;
   outline: none;
-  display: flex;
-  align-items: center;
-  justify-content: center;
 }
-input[type="checkbox"].sheet-block-switch-personagem {
-  opacity: transparent;
+
+/*CSS linha de pocoes*/
+input.sheet-toggle-show-pocao:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
+  display: none;
+}
+
+input[type="checkbox"].sheet-toggle-show-pocao {
+  background-image: url("https://i.imgur.com/ddt3mgD.png");
+  background-size: 29px 29px;
+  background-position: center;
   height: 30px;
   width: 30px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+  background-repeat: no-repeat;
+  opacity: transparent;
+  margin: top;
+  appearance: none;
+  border: none;
+  outline: none;
+}
+
+/*CSS troca de personagem*/
+.sheet-block-feminino, .sheet-block-switch-personagem:checked ~ .sheet-block-masculino {
+  display: block;
+}
+
+.sheet-block-masculino, .sheet-block-switch-personagem:checked ~ .sheet-block-feminino {
+  display: none;
 }
+
 input[type="checkbox"].sheet-block-switch-personagem {
   background-image: url(https://i.imgur.com/mKNfjiC.png);
   height: 30px;
@@ -1083,7 +1004,12 @@ input[type="checkbox"].sheet-block-switch-personagem {
   display: flex;
   align-items: center;
   justify-content: center;
+  opacity: transparent;
+  appearance: none;
+  border: none;
+  outline: none;
 }
+
 input[type="checkbox"].sheet-block-switch-personagem:checked {
   background-image: url(https://i.imgur.com/gpOwBpW.png);
   height: 30px;
@@ -1093,6 +1019,7 @@ input[type="checkbox"].sheet-block-switch-personagem:checked {
   align-items: center;
   justify-content: center;
 }
+
 .sheet-block-feminino {
   background-size: 200px 65px;
   margin-bottom: 100px;
@@ -1102,6 +1029,7 @@ input[type="checkbox"].sheet-block-switch-personagem:checked {
   width: 200px;
   height: 65px;
 }
+
 .sheet-block-masculino {
   background-size: 200px 65px;
   margin-bottom: 100px;
@@ -1111,66 +1039,64 @@ input[type="checkbox"].sheet-block-switch-personagem:checked {
   width: 200px;
   height: 65px;
 }
-/*CSS mochila e anotacoes*/
-.sheet-linha-de-divisao-5 {
-  background-image: url(https://i.imgur.com/NTZLN33.png);
-  background-size: 800px 65px;
-  background-repeat: no-repeat;
-  margin-top: 50px;
-  width: 800px;
-  height: 65px;
-  text-align: center;
-  position: relative;
-}
-.sheet-linha-de-divisao-5 h3 {
-  padding-top: 35px;
-  text-align: center;
-  margin-bottom: 10px;
+
+/*CSS linha de reliquias*/
+input.sheet-toggle-show-rel:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
+  display: none;
 }
-.sheet-linha-de-divisao-6 {
-  background-image: url(https://i.imgur.com/NTZLN33.png);
-  background-size: 800px 65px;
+
+input[type="checkbox"].sheet-toggle-show-rel {
+  background-image: url("https://i.imgur.com/lA8jXI3.png");
+  background-size: 29px 20px;
+  background-position: center;
   background-repeat: no-repeat;
-  margin-top: 55px;
-  margin-bottom: 5px;
-  width: 800px;
-  height: 65px;
-  text-align: center;
-  position: relative;
+  appearance: none;
+  border: none;
+  outline: none;
+  opacity: transparent;
+  height: 30px;
+  width: 30px;
+  margin: top;
 }
-.sheet-linha-de-divisao-6 h3 {
-  padding-top: 35px;
-  text-align: center;
-  margin-bottom: 10px;
+
+/*CSS linha de armadura*/
+input.sheet-toggle-show-armadura:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
+  display: none;
 }
-/*CSS anotacoes*/
-.sheet-texto-notas-1 {
-  background-image: url(https://i.imgur.com/i3vy64w.png);
-  background-size: 800px 380px;
-  background-repeat: no-repeat;
+
+input[type="checkbox"].sheet-toggle-show-armadura {
+  appearance: none;
+  border: none;
+  outline: none;
+  background-image: url("https://i.imgur.com/qj65zXo.png");
+  background-size: 29px 29px;
   background-position: center;
-  width: 800px;
-  height: 385px;
+  height: 30px;
+  width: 30px;
+  background-repeat: no-repeat;
+  opacity: transparent;
+  margin: top;
 }
-.sheet-texto-notas-1 h3 {
-  text-align: center;
-  position: relative;
-  padding-top: 50px;
+
+/*CSS linha de municao*/
+input.sheet-toggle-show-municao:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
+  display: none;
 }
-.sheet-texto-notas-1 textarea {
-  width: 662px;
-  height: 240px;
-  text-align: left;
-  margin-left: 65px;
-  position: relative;
-  resize: vertical;
-  overflow-y: auto;
-  min-height: 5em;
-  font-weight: bold;
-  font-size: 16px;
-  background-color: transparent;
+
+input[type="checkbox"].sheet-toggle-show-municao {
+  background-image: url("https://i.imgur.com/zjjY2M3.png");
+  background-size: 29px 29px;
+  background-position: center;
+  height: 30px;
+  width: 30px;
+  background-repeat: no-repeat;
+  opacity: transparent;
+  margin: top;
+  appearance: none;
   border: none;
+  outline: none;
 }
+
 /*CSS mochila*/
 .sheet-mochila {
   background-image: url(https://i.imgur.com/ZJa4qi1.png);
@@ -1182,6 +1108,7 @@ input[type="checkbox"].sheet-block-switch-personagem:checked {
   width: 350px;
   height: 410px;
 }
+
 .sheet-mochila textarea {
   width: 275px;
   height: 330px;
@@ -1194,13 +1121,41 @@ input[type="checkbox"].sheet-block-switch-personagem:checked {
   background-color: transparent;
   border: none;
 }
-.sheet-imgbag {
-  margin-left: 10px;
+
+.sheet-block-moeda, .sheet-block-switch-mochila:checked ~ .sheet-block-livro {
+  display: block;
+}
+
+.sheet-block-livro, .sheet-block-switch-mochila:checked ~ .sheet-block-moeda {
+  display: none;
 }
 
-.sheet-mochila-texto{
-margin-left:12px;
+input[type="checkbox"].sheet-block-switch-mochila {
+  background-image: url(https://i.imgur.com/PXN6O0U.png);
+  background-size: 38px 40px;
+  background-repeat: no-repeat;
+  opacity: transparent;
+  height: 50px;
+  width: 50px;
+  appearance: none;
+  border: none;
+  outline: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
+
+input[type="checkbox"].sheet-block-switch-mochila:checked {
+  background-image: url(https://i.imgur.com/tltOCr8.png);
+  background-size: 38px 40px;
+  height: 50px;
+  width: 50px;
+  background-repeat: no-repeat;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .sheet-moedas {
   text-align: center;
   margin-top: 5px;
@@ -1208,49 +1163,76 @@ margin-left:12px;
   position: relative;
   border-bottom: solid 2px black;
 }
+
 .sheet-tabela-moedas table {
   text-align: center;
   margin-left: 50px;
 }
-.sheet-bronze {
-  background-image: url(https://i.imgur.com/yk2LSG3.png);
-  background-size: 20px 22px;
+
+.sheet-tabela-moedas td {
+  text-align: center;
+  border: 3px double;
+}
+
+.sheet-moeda {
+  background-size: 20px 20px;
   background-repeat: no-repeat;
   text-align: center;
   width: 20px;
   height: 22px;
 }
+
+.sheet-bronze {
+  background-image: url(https://i.imgur.com/yk2LSG3.png);
+}
+
 .sheet-prata {
   background-image: url(https://i.imgur.com/rc5flre.png);
-  background-size: 20px 20px;
-  background-repeat: no-repeat;
-  text-align: center;
 }
+
 .sheet-ouro {
   background-image: url(https://i.imgur.com/2kn1Qt5.png);
-  background-size: 20px 20px;
-  background-repeat: no-repeat;
-  text-align: center;
 }
-.sheet-tabela-moedas td {
+
+.sheet-treinamento h3 {
   text-align: center;
-  border: 3px double;
-}
-.sheet-block-moeda, .sheet-block-switch-mochila:checked ~ .sheet-block-livro {
-  display: block;
-}
-.sheet-block-livro, .sheet-block-switch-mochila:checked ~ .sheet-block-moeda {
-  display: none;
+  margin-top: -10px;
+  margin-bottom: 10px;
+  margin-left: -40px;
+  position: relative;
 }
-.sheet-2coluna {
-  background-image: url(https://i.imgur.com/c12YfkI.png);
-  background-size: 430px 380px;
+
+/*CSS anotacoes*/
+.sheet-texto-notas-1 {
+  background-image: url(https://i.imgur.com/i3vy64w.png);
+  background-size: 800px 380px;
   background-repeat: no-repeat;
-  margin-left: -45px;
-  width: 436px;
+  background-position: center;
+  width: 800px;
   height: 385px;
-  margin-top: -10px;
 }
+
+.sheet-texto-notas-1 h3 {
+  text-align: center;
+  position: relative;
+  padding-top: 50px;
+}
+
+.sheet-texto-notas-1 textarea {
+  width: 662px;
+  height: 240px;
+  text-align: left;
+  margin-left: 65px;
+  position: relative;
+  resize: vertical;
+  overflow-y: auto;
+  min-height: 5em;
+  font-weight: bold;
+  font-size: 16px;
+  background-color: transparent;
+  border: none;
+}
+
 .sheet-texto-pag1 {
   background-repeat: no-repeat;
   background-position: left;
@@ -1279,6 +1261,7 @@ margin-left:12px;
   background-color: transparent;
   border: none;
 }
+
 .sheet-texto-pag2 textarea {
   text-align: left;
   position: relative;
@@ -1288,201 +1271,22 @@ margin-left:12px;
   font-size: 16px;
   
 }
-.sheet-treinamento h3 {
-  text-align: center;
-  margin-top: -10px;
-  margin-bottom: 10px;
-  margin-left: -40px;
-  position: relative;
-}
-input[type="checkbox"].sheet-block-switch-mochila {
-  appearance: none;
-  border: none;
-  outline: none;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-input[type="checkbox"].sheet-block-switch-mochila {
-  opacity: transparent;
-  height: 30px;
-  width: 30px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-input[type="checkbox"].sheet-block-switch-mochila {
-  background-image: url(https://i.imgur.com/PXN6O0U.png);
-  background-size: 38px 40px;
-  height: 50px;
-  width: 50px;
-  background-repeat: no-repeat;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-input[type="checkbox"].sheet-block-switch-mochila:checked {
-  background-image: url(https://i.imgur.com/tltOCr8.png);
-  background-size: 38px 40px;
-  height: 50px;
-  width: 50px;
-  background-repeat: no-repeat;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-/*--equipamento--*/
-input.sheet-toggle-show-arma:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
-  display: none;
-}
-/*CSS linha de armas*/
-input[type="checkbox"].sheet-toggle-show-arma {
-  appearance: none;
-  border: none;
-  outline: none;
-}
-input[type="checkbox"].sheet-toggle-show-arma {
-  opacity: transparent;
-  height: 29px;
-  width: 30px;
-  margin: top;
-  25px;
-}
-input[type="checkbox"].sheet-toggle-show-arma {
-  background-image: url("https://i.imgur.com/MTW75Uh.png");
-  background-size: 29px 29px;
-  background-position: center;
-  height: 30px;
-  width: 30px;
-  background-repeat: no-repeat;
-}
-/*CSS linha de municao*/
-input.sheet-toggle-show-municao:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
-  display: none;
-}
-input[type="checkbox"].sheet-toggle-show-municao {
-  appearance: none;
-  border: none;
-  outline: none;
-}
-input[type="checkbox"].sheet-toggle-show-municao {
-  opacity: transparent;
-  height: 29px;
-  width: 30px;
-  margin: top;
-  25px;
-}
-input[type="checkbox"].sheet-toggle-show-municao {
-  background-image: url("https://i.imgur.com/zjjY2M3.png");
-  background-size: 29px 29px;
-  background-position: center;
-  height: 30px;
-  width: 30px;
-  background-repeat: no-repeat;
-}
-/*CSS linha de armadura*/
-input.sheet-toggle-show-armadura:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
-  display: none;
-}
-input[type="checkbox"].sheet-toggle-show-armadura {
-  appearance: none;
-  border: none;
-  outline: none;
-}
-input[type="checkbox"].sheet-toggle-show-armadura {
-  opacity: transparent;
-  height: 29px;
-  width: 30px;
-  margin: top;
-  25px;
-}
-input[type="checkbox"].sheet-toggle-show-armadura {
-  background-image: url("https://i.imgur.com/qj65zXo.png");
-  background-size: 29px 29px;
-  background-position: center;
-  height: 30px;
-  width: 30px;
-  background-repeat: no-repeat;
-}
-/*CSS linha de item*/
-input.sheet-toggle-show-item:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
-  display: none;
-}
-input[type="checkbox"].sheet-toggle-show-item {
-  appearance: none;
-  border: none;
-  outline: none;
-}
-input[type="checkbox"].sheet-toggle-show-item {
-  opacity: transparent;
-  height: 29px;
-  width: 30px;
-  margin: top;
-  25px;
-}
-input[type="checkbox"].sheet-toggle-show-item {
-  background-image: url("https://i.imgur.com/qI3aGTm.png");
-  background-size: 29px 29px;
-  background-position: center;
-  height: 30px;
-  width: 30px;
-  background-repeat: no-repeat;
-}
 
-/*CSS linha de reliquias*/
-input.sheet-toggle-show-rel:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
-  display: none;
-}
-input[type="checkbox"].sheet-toggle-show-rel {
-  appearance: none;
-  border: none;
-  outline: none;
-}
-input[type="checkbox"].sheet-toggle-show-rel {
-  opacity: transparent;
-  height: 20px;
-  width: 28px;
-  margin: top;
-  25px;
-}
-input[type="checkbox"].sheet-toggle-show-rel {
-  background-image: url("https://i.imgur.com/lA8jXI3.png");
-  background-size: 29px 20px;
-  background-position: center;
-  height: 29px;
-  width: 30px;
-  background-repeat: no-repeat;
-}
-/*CSS linha de pocoes*/
-input.sheet-toggle-show-pocao:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
-  display: none;
-}
-input[type="checkbox"].sheet-toggle-show-pocao {
-  appearance: none;
-  border: none;
-  outline: none;
-}
-input[type="checkbox"].sheet-toggle-show-pocao {
-  opacity: transparent;
-  height: 29px;
-  width: 30px;
-  margin: top;
-  25px;
+.sheet-imgbag {
+  margin-left: 10px;
 }
-input[type="checkbox"].sheet-toggle-show-pocao {
-  background-image: url("https://i.imgur.com/ddt3mgD.png");
-  background-size: 29px 29px;
-  background-position: center;
-  height: 30px;
-  width: 30px;
+
+.sheet-2coluna {
+  background-image: url(https://i.imgur.com/c12YfkI.png);
+  background-size: 430px 380px;
   background-repeat: no-repeat;
+  margin-left: -45px;
+  width: 436px;
+  height: 385px;
+  margin-top: -10px;
 }
 
-
-/* FICHA DESENVOLVIDA POR BLACK & VERYDYCA
+/*-- FICHA DESENVOLVIDA POR BLACK, VERYDYCA & AUGUSTINHO
 -.----------------------------------------------------------------------------.
 
 -..................................-----::-:+:-..---...........................
diff --git a/Daemon Exilia/Exilia.html b/Daemon Exilia/Exilia.html
index f6d39c8d6c0..b6515a5aa0e 100644
--- a/Daemon Exilia/Exilia.html	
+++ b/Daemon Exilia/Exilia.html	
@@ -1,1092 +1,4854 @@
-  <div class="main"> 
-  <!--logo cabeçalho-->
-  <div class="container-logo"> <img src="https://i.imgur.com/YNrviga.png" class="logo-exilia"/> </div>
-  <!--cabeçalho da ficha (informações do personagem)-->
-  <div class="header-info">
-    <div class="input-with-text-bellow char-name">
-      <input name="attr_character_name" type="text"  value=""  spellcheck="false" class="char-info">
-      <span>Nome</span> </div> 
-    <div class="input-with-text-bellow">
-      <input name="attr_idade" type="number" spellcheck="false" value=""  class="char-info"/>
-      <span>Idade</span> </div>
-    <div class="input-with-text-bellow">
-      <input name="attr_raca" type="text" spellcheck="false" value=""  class="char-info"/>
-      <span>Raça</span> </div>
-    <div class="input-with-text-bellow">
-      <input name="attr_classe" type="text" spellcheck="false" value=""  class="char-info"/>
-      <span>Classe</span> </div>
-    <div class="input-with-text-bellow">
-      <input name="attr_conceito" type="text" spellcheck="false" value=""  class="char-info"/>
-      <span>Conceito</span> </div>
-    <div class="input-with-text-bellow">
-      <input name="attr_alinhamento" type="text" spellcheck="false" value=""  class="char-info"/>
-      <span>Alinhamento</span> </div>
-    <div class="input-with-text-bellow">
-      <input name="attr_xp_raça" type="number" spellcheck="false" value=""  class="char-info"/>
-      <span>Xp de Raça</span> </div>
-    <div class="input-with-text-bellow">
-      <input name="attr_xp_classe" type="number" spellcheck="false" value=""  class="char-info"/>
-      <span>Xp de Classe</span> </div>
-    <div class="input-with-text-bellow">
-      <input name="attr_nivel" type="number" spellcheck="false" value=""  class="char-info"/>
-      <span>Nível</span> </div>
+<div class="principal">
+  <!-- Logo cabeçalho -->
+  <div class="logo">
+    <img src="https://i.imgur.com/YNrviga.png" />
   </div>
-  <!--Fecha cabeçalho--> 
-  
-  <!--Botões troca pagina-->
-  <div class=container-botao>
-    <button type="action" name="act_character" class="button-personagem" >
-    <h4>Personagem</h4>
+
+  <div class="cabecalho">
+    <!-- Campos de informação do personagem no topo da ficha -->
+    <div class="entrada-com-texto topo-do-cabecalho linhas-cabecalho">
+      <input
+        class="informacao-personagem"
+        name="attr_nome-personagem"
+        type="text"
+        spellcheck="false"
+        style="font-weight: bold;"
+      />
+      <span>Nome</span>
+    </div>
+
+    <div class="entrada-com-texto topo-do-cabecalho linhas-cabecalho">
+      <input
+        class="informacao-personagem"
+        name="attr_idade-personagem"
+        type="text"
+        spellcheck="false"
+        style="font-weight: bold;"
+      />
+      <span>Idade</span>
+    </div>
+
+    <div class="entrada-com-texto topo-do-cabecalho linhas-cabecalho">
+      <input
+        class="informacao-personagem"
+        name="attr_alinhamento-personagem"
+        type="text"
+        spellcheck="false"
+        style="font-weight: bold;"
+      />
+      <span>Alinhamento</span>
+    </div>
+  </div>
+  <!-- Fim cabecalho -->
+
+  <div class="cabecalho cabecalho-2">
+    <div
+      class="entrada-com-texto meio-do-cabecalho linhas-cabecalho linhas-abaixo"
+    >
+      <input
+        class="informacao-personagem"
+        name="attr_1-classe-personagem"
+        type="text"
+        spellcheck="false"
+        style="font-weight: bold;"
+      />
+      <span>1ª Classe</span>
+    </div>
+
+    <div
+      class="entrada-com-texto meio-do-cabecalho linhas-cabecalho linhas-abaixo"
+    >
+      <input
+        class="informacao-personagem"
+        name="attr_2-classe-personagem"
+        type="text"
+        spellcheck="false"
+        style="font-weight: bold;"
+      />
+      <span>2ª Classe</span>
+    </div>
+
+    <div
+      class="entrada-com-texto meio-do-cabecalho linhas-cabecalho linhas-abaixo"
+    >
+      <input
+        class="informacao-personagem"
+        name="attr_classe-heroica-personagem"
+        type="text"
+        spellcheck="false"
+        style="font-weight: bold;"
+      />
+      <span>Classe Heroica</span>
+    </div>
+
+    <div
+      class="entrada-com-texto meio-do-cabecalho linhas-cabecalho linhas-abaixo"
+    >
+      <input
+        class="informacao-personagem"
+        name="attr_raca-personagem"
+        type="text"
+        spellcheck="false"
+        style="font-weight: bold;"
+      />
+      <span>Raça</span>
+    </div>
+
+    <div
+      class="entrada-com-texto baixo-do-cabecalho linhas-cabecalho linhas-abaixo"
+    >
+      <input
+        class="informacao-personagem"
+        name="attr_xp-1-classe-personagem"
+        type="text"
+        spellcheck="false"
+        style="font-weight: bold;"
+      />
+      <span>XP 1ª Classe</span>
+    </div>
+
+    <div
+      class="entrada-com-texto baixo-do-cabecalho linhas-cabecalho linhas-abaixo"
+    >
+      <input
+        class="informacao-personagem"
+        name="attr_xp-2-classe-personagem"
+        type="text"
+        spellcheck="false"
+        style="font-weight: bold;"
+      />
+      <span>XP 2ª Classe</span>
+    </div>
+
+    <div
+      class="entrada-com-texto baixo-do-cabecalho linhas-cabecalho linhas-abaixo"
+    >
+      <input
+        class="informacao-personagem"
+        name="attr_xp-classe-heroica-personagem"
+        type="text"
+        spellcheck="false"
+        style="font-weight: bold;"
+      />
+      <span>XP Classe Heroica</span>
+    </div>
+
+    <div
+      class="entrada-com-texto baixo-do-cabecalho linhas-cabecalho linhas-abaixo"
+    >
+      <input
+        class="informacao-personagem"
+        name="attr_nivel-personagem"
+        type="text"
+        spellcheck="false"
+        style="font-weight: bold;"
+      />
+      <span>Nivel</span>
+    </div>
+  </div>
+  <!-- Fim cabecalho cabecalho-2 -->
+
+  <!-- Botões de troca de Página -->
+  <!-- Nome de todos os botões de ação devem começar com act no html apenas -->
+  <div class="botoes">
+    <button
+      class="botao botao-personagem"
+      name="act_botao-troca-personagem"
+      type="action"
+    >
+      <h4>Personagem</h4>
+    </button>
+
+    <button
+      class="botao botao-habilidades"
+      name="act_botao-troca-habilidades"
+      type="action"
+    >
+      <h4>Habilidades</h4>
     </button>
-    <button type="action" name="act_journal" class="button-magia" >
-    <h4>Magia</h4>
+
+    <button
+      class="botao botao-magia"
+      name="act_botao-troca-magia"
+      type="action"
+    >
+      <h4>Magia</h4>
     </button>
-    <button type="action" name="act_configuration" class="button-equipamento" >
-    <h4>Equipamentos</h4>
+
+    <button
+      class="botao botao-equipamentos"
+      name="act_botao-troca-equipamentos"
+      type="action"
+    >
+      <h4>Equipamentos</h4>
     </button>
   </div>
-  <input type='hidden' class='sheet-tabstoggle' name='attr_sheetTab'  value='character'  />
-  <div class='sheet-character'> <span>
-      <p></p>
-    <div class="linha-de-divisao">
-      <h3>Personagem</h3>
-    </div>
-    <!--Fecha divisão--> 
-    <!--colunas atributos e sub-atributos-->
-    <div class="2colrow">
-      <div class="col"> 
-        <!--div dos atributos-->
-        <div class="coluna-atributo">
-          <img src="https://i.imgur.com/bHBOKSB.png" class="img-dragon"/>
-            <div class="atributo-name"/>
-            <h2>Atributos</h2>
+  <!-- Fim botoes -->
+
+  <!-- Nome desse input precisa começar com attr -->
+  <input
+    class="troca-pagina"
+    name="attr_botoes_troca"
+    type="hidden"
+    value="botao-troca-personagem"
+  />
+
+  <!-- Pagina do botão personagem -->
+  <div class="pagina pagina-personagem">
+    <span>
+      <div class="linha-de-divisao-dragao">
+        <h3>Personagem</h3>
+      </div>
+
+      <!--Fecha divisão-->
+      <div class="2colrow">
+        <!--colunas atributos e sub-atributos-->
+        <div class="col">
+          <!--div dos atributos-->
+          <div class="coluna-atributo">
+            <img class="img-dragon" src="https://i.imgur.com/bHBOKSB.png" />
+
+            <div class="nome-atributo">
+              <h2>Atributos</h2>
+            </div>
+
+            <input
+              class="coluna1"
+              name="Fake"
+              type="text"
+              value="NOME"
+              style="width: 14%"
+            />
+
+            <input
+              class="linha1"
+              name="Fake"
+              type="text"
+              value="BASE"
+              style="width: 14%; background-color: #d3d3d3"
+            />
+
+            <input
+              class="linha1"
+              name="Fake"
+              type="text"
+              value="TEMP"
+              style="width: 13%; background-color: #d3d3d3"
+            />
+
+            <input
+              class="linha1"
+              name="Fake"
+              type="text"
+              value="MOD"
+              style="width: 11%; background-color: #d3d3d3"
+            />
+
+            <input
+              class="linha1"
+              name="Fake"
+              type="text"
+              value="TESTE"
+              style="width: 14%; background-color: #d3d3d3"
+            />
+
+            <input
+              class="linha_dado"
+              name="Fake"
+              type="text"
+              value="N"
+              style="background-color: #dcdcdc"
+            />
+
+            <input
+              class="linha_dado"
+              name="Fake"
+              type="text"
+              value="D"
+              style="background-color: #dcdcdc"
+            />
+
+            <input
+              class="linha_dado"
+              name="Fake"
+              type="text"
+              value="M"
+              style="background-color: #dcdcdc"
+            />
+
+            <div class="atributo-força">
+              <input
+                class="coluna1"
+                name="força"
+                type="text"
+                value="FOR"
+                style="width: 14%"
+              />
+
+              <input
+                class="linha1"
+                name="attr_For"
+                type="number"
+                value="0"
+                style="width: 14%"
+              />
+
+              <input
+                name="attr_For-Total"
+                type="number"
+                value="(@{For} + @{For-Temp})"
+                style="display: none; width: 10em"
+                disabled
+              />
+
+              <input
+                class="linha1"
+                name="attr_For-Temp"
+                type="number"
+                value="0"
+                style="width: 13%"
+              />
+
+              <input
+                class="linha1"
+                name="attr_For-Mod"
+                type="number"
+                value="(ceil((@{For-Total}-10)/2))"
+                style="width: 11%; background-color: #ababab"
+                width="3"
+                disabled
+              />
+
+              <input
+                class="linha1"
+                name="attr_For-Teste"
+                type="number"
+                value="((@{For}*4) + (@{For-Temp}*4))"
+                style="width: 14%; background-color: #faebd7"
+                width="4"
+                disabled
+              />
+
+              <button
+                class="dado dado-normal"
+                name="roll_for"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de Força}} {{Valor_Atributo=[[@{For-Teste}]]}} {{Sucesso_Crítico=[[floor((@{For-Teste}/4) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+
+              <button
+                class="dado dado-dificil"
+                name="roll_for"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de Força}} {{Valor_Atributo=[[(@{For-Teste}/2)]]}} {{Sucesso_Crítico=[[floor((@{For-Teste}/8) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+
+              <button
+                class="dado dado-muito-dificil"
+                name="roll_for"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de Força}} {{Valor_Atributo=[[(@{For-Teste}/4)]]}} {{Sucesso_Crítico=[[floor((@{For-Teste}/16) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+            </div>
+            <!--Fim atributo-força -->
+
+            <div class="atributo-constituição">
+              <input
+                class="coluna1"
+                name="Constituição"
+                type="text"
+                value="CON"
+                style="width: 14%"
+              />
+
+              <input
+                class="linha1"
+                name="attr_Con"
+                type="number"
+                value="0"
+                style="width: 14%"
+              />
+
+              <input
+                name="attr_Con-Total"
+                type="number"
+                value="(@{Con} + @{Con-Temp})"
+                style="display: none; width: 10em"
+                disabled
+              />
+
+              <input
+                class="linha1"
+                name="attr_Con-Temp"
+                type="number"
+                value="0"
+                style="width: 13%"
+              />
+
+              <input
+                class="linha1"
+                name="attr_Con-Mod"
+                type="number"
+                value="(ceil((@{Con-Total}-10)/2))"
+                style="width: 11%; background-color: #ababab"
+                width="3"
+                disabled
+              />
+
+              <input
+                class="linha1"
+                name="attr_Con-Teste"
+                type="number"
+                value="((@{Con}*4) + (@{Con-Temp}*4))"
+                style="width: 14%; background-color: #faebd7"
+                width="4"
+                disabled
+              />
+
+              <button
+                class="dado dado-normal"
+                name="roll_con"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de Constituição}} {{Valor_Atributo=[[@{Con-Teste}]]}} {{Sucesso_Crítico=[[floor((@{Con-Teste}/4) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+
+              <button
+                class="dado dado-dificil"
+                name="roll_con"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de Constituição}} {{Valor_Atributo=[[(@{Con-Teste}/2)]]}} {{Sucesso_Crítico=[[floor((@{Con-Teste}/8) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+
+              <button
+                class="dado dado-muito-dificil"
+                name="roll_con"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de Constituição}} {{Valor_Atributo=[[(@{Con-Teste}/4)]]}} {{Sucesso_Crítico=[[floor((@{Con-Teste}/16) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+            </div>
+            <!--Fim atributo-constituição -->
+
+            <div class="atributo-destreza">
+              <input
+                class="coluna1 linha1"
+                name="Destreza"
+                type="text"
+                value="DES"
+                style="width: 14%"
+              />
+
+              <input
+                class="linha1"
+                name="attr_Des"
+                type="number"
+                value="0"
+                style="width: 14%"
+              />
+
+              <input
+                name="attr_Des-Total"
+                type="number"
+                value="(@{Des} + @{Des-Temp})"
+                style="display: none; width: 10em"
+                disabled
+              />
+
+              <input
+                class="linha1"
+                name="attr_Des-Temp"
+                type="number"
+                value="0"
+                style="width: 13%"
+              />
+
+              <input
+                class="linha1"
+                name="attr_Des-Mod"
+                type="number"
+                value="(ceil((@{Des-Total}-10)/2))"
+                style="width: 11%; background-color: #ababab"
+                width="3"
+                disabled
+              />
+
+              <input
+                class="linha1"
+                name="attr_Des-Teste"
+                type="number"
+                value="((@{Des}*4) + (@{Des-Temp}*4))"
+                style="width: 14%; background-color: #faebd7"
+                width="4"
+                disabled
+              />
+
+              <button
+                class="dado dado-normal"
+                name="roll_des"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de Destreza}} {{Valor_Atributo=[[@{Des-Teste}]]}} {{Sucesso_Crítico=[[floor((@{Des-Teste}/4) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+
+              <button
+                class="dado dado-dificil"
+                name="roll_des"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de Destreza}} {{Valor_Atributo=[[(@{Des-Teste}/2)]]}} {{Sucesso_Crítico=[[floor((@{Des-Teste}/8) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+
+              <button
+                class="dado dado-muito-dificil"
+                name="roll_des"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de Destreza}} {{Valor_Atributo=[[(@{Des-Teste}/4)]]}} {{Sucesso_Crítico=[[floor((@{Des-Teste}/16) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+            </div>
+            <!--Fim atributo-destreza -->
+
+            <div class="atributo-agilidade">
+              <input
+                class="coluna1 linha1"
+                name="Agilidade"
+                type="text"
+                value="AGI"
+                style="width: 14%"
+              />
+
+              <input
+                class="linha1"
+                name="attr_Agi"
+                type="number"
+                value="0"
+                style="width: 14%"
+              />
+
+              <input
+                name="attr_Agi-Total"
+                type="number"
+                value="(@{Agi} + @{Agi-Temp})"
+                style="display: none; width: 10em"
+                disabled
+              />
+
+              <input
+                class="linha1"
+                name="attr_Agi-Temp"
+                type="number"
+                value="0"
+                style="width: 13%"
+              />
+
+              <input
+                class="linha1"
+                name="attr_Agi-Mod"
+                type="number"
+                value="(ceil((@{Agi-Total}-10)/2))"
+                style="width: 11%; background-color: #ababab"
+                width="3"
+                disabled
+              />
+
+              <input
+                class="linha1"
+                name="attr_Agi-Teste"
+                type="number"
+                value="((@{Agi}*4) + (@{Agi-Temp}*4))"
+                style="width: 14%; background-color: #faebd7"
+                width="4"
+                disabled
+              />
+
+              <button
+                class="dado dado-normal"
+                name="roll_agi"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de  Agilidade}} {{Valor_Atributo=[[@{Agi-Teste}]]}} {{Sucesso_Crítico=[[floor((@{Agi-Teste}/4) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+
+              <button
+                class="dado dado-dificil"
+                name="roll_agi"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de  Agilidade}} {{Valor_Atributo=[[(@{Agi-Teste}/2)]]}} {{Sucesso_Crítico=[[floor((@{Agi-Teste}/8) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+
+              <button
+                class="dado dado-muito-dificil"
+                name="roll_agi"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de  Agilidade}} {{Valor_Atributo=[[(@{Agi-Teste}/4)]]}} {{Sucesso_Crítico=[[floor((@{Agi-Teste}/16) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+            </div>
+            <!--Fim atributo-agilidade -->
+
+            <div class="atributo-percepção">
+              <input
+                class="coluna1 linha1"
+                name="Percepção"
+                type="text"
+                value="PER"
+                style="width: 14%"
+              />
+
+              <input
+                class="linha1"
+                name="attr_Per"
+                type="number"
+                value="0"
+                style="width: 14%"
+              />
+
+              <input
+                name="attr_Per-Total"
+                type="number"
+                value="(@{Per} + @{Per-Temp})"
+                style="display: none; width: 10em"
+                disabled
+              />
+
+              <input
+                class="linha1"
+                name="attr_Per-Temp"
+                type="number"
+                value="0"
+                style="width: 13%"
+              />
+
+              <input
+                class="linha1"
+                name="attr_Per-Mod"
+                type="number"
+                value="(ceil((@{Per-Total}-10)/2))"
+                style="width: 11%; background-color: #ababab"
+                width="3"
+                disabled
+              />
+
+              <input
+                class="linha1"
+                name="attr_Per-Teste"
+                type="number"
+                value="((@{Per}*4) + (@{Per-Temp}*4))"
+                style="width: 14%; background-color: #faebd7"
+                width="4"
+                disabled
+              />
+
+              <button
+                class="dado dado-normal"
+                name="roll_per"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de Percepção}} {{Valor_Atributo=[[@{Per-Teste}]]}} {{Sucesso_Crítico=[[floor((@{Per-Teste}/4) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+
+              <button
+                class="dado dado-dificil"
+                name="roll_per"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de Percepção}} {{Valor_Atributo=[[(@{Per-Teste}/2)]]}} {{Sucesso_Crítico=[[floor((@{Per-Teste}/8) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+
+              <button
+                class="dado dado-muito-dificil"
+                name="roll_per"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de Percepção}} {{Valor_Atributo=[[(@{Per-Teste}/4)]]}} {{Sucesso_Crítico=[[floor((@{Per-Teste}/16) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+            </div>
+            <!--Fim atributo-percepção -->
+
+            <div class="atributo-inteligencia">
+              <input
+                class="coluna1 linha1"
+                name="Intêligencia"
+                type="text"
+                value="INT"
+                style="width: 14%"
+              />
+
+              <input
+                class="linha1"
+                name="attr_Int"
+                type="number"
+                value="0"
+                style="width: 14%"
+              />
+
+              <input
+                name="attr_Int-total"
+                type="number"
+                value="(@{Int} + @{Int-Temp})"
+                style="display: none; width: 10em"
+                disabled
+              />
+
+              <input
+                class="linha1"
+                name="attr_Int-Temp"
+                type="number"
+                value="0"
+                style="width: 13%"
+              />
+
+              <input
+                class="linha1"
+                name="attr_Int-Mod"
+                type="number"
+                value="(ceil((@{Int-Total}-10)/2))"
+                style="width: 11%; background-color: #ababab"
+                width="3"
+                disabled
+              />
+
+              <input
+                class="linha1"
+                name="attr_Int-Teste"
+                type="number"
+                value="((@{Int}*4) + (@{Int-Temp}*4))"
+                style="width: 14%; background-color: #faebd7"
+                width="4"
+                disabled
+              />
+
+              <button
+                class="dado dado-normal"
+                name="roll_int"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de Inteligencia}} {{Valor_Atributo=[[@{Int-Teste}]]}} {{Sucesso_Crítico=[[floor((@{Int-Teste}/4) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+
+              <button
+                class="dado dado-dificil"
+                name="roll_int"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de Inteligencia}} {{Valor_Atributo=[[(@{Int-Teste}/2)]]}} {{Sucesso_Crítico=[[floor((@{Int-Teste}/8) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+
+              <button
+                class="dado dado-muito-dificil"
+                name="roll_int"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de Inteligencia}} {{Valor_Atributo=[[(@{Int-Teste}/4)]]}} {{Sucesso_Crítico=[[floor((@{Int-Teste}/16) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+            </div>
+            <!--Fim atributo-inteligencia -->
+
+            <div class="atributo-vontade">
+              <input
+                class="coluna1 linha1"
+                name="Vontade"
+                value="VON"
+                type="text"
+                style="width: 14%"
+              />
+
+              <input
+                class="linha1"
+                name="attr_Von"
+                type="number"
+                value="0"
+                style="width: 14%"
+              />
+
+              <input
+                name="attr_Von-total"
+                type="number"
+                value="(@{Von} + @{Von-Temp})"
+                style="display: none; width: 10em"
+                disabled
+              />
+
+              <input
+                class="linha1"
+                name="attr_Von-Temp"
+                type="number"
+                value="0"
+                style="width: 13%"
+              />
+
+              <input
+                class="linha1"
+                name="attr_Von-Mod"
+                type="number"
+                value="(ceil((@{Von-Total}-10)/2))"
+                style="width: 11%; background-color: #ababab"
+                width="3"
+                disabled
+              />
+
+              <input
+                class="linha1"
+                name="attr_Von-Teste"
+                type="number"
+                value="((@{Von}*4) + (@{Von-Temp}*4))"
+                style="width: 14%; background-color: #faebd7"
+                width="4"
+                disabled
+              />
+
+              <button
+                class="dado dado-normal"
+                name="roll_von"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de Força de Vontade}} {{Valor_Atributo=[[@{Von-Teste}]]}} {{Sucesso_Crítico=[[floor((@{Von-Teste}/4) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+
+              <button
+                class="dado dado-dificil"
+                name="roll_von"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de Força de Vontade}} {{Valor_Atributo=[[(@{Von-Teste}/2)]]}} {{Sucesso_Crítico=[[floor((@{Von-Teste}/8) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+
+              <button
+                class="dado dado-muito-dificil"
+                name="roll_von"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de Força de Vontade}} {{Valor_Atributo=[[(@{Von-Teste}/4)]]}} {{Sucesso_Crítico=[[floor((@{Von-Teste}/16) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+            </div>
+            <!--Fim atributo-vontade -->
+
+            <div class="atributo-carisma">
+              <input
+                class="coluna1"
+                name="Carisma"
+                type="text"
+                value="CAR"
+                style="width: 14%"
+              />
+
+              <input
+                class="linha1"
+                name="attr_Car"
+                type="number"
+                value="0"
+                style="width: 14%"
+              />
+
+              <input
+                name="attr_Car-total"
+                type="number"
+                value="(@{Car} + @{Car-Temp})"
+                style="display: none; width: 10em"
+                disabled
+              />
+
+              <input
+                class="linha1"
+                name="attr_Car-Temp"
+                type="number"
+                value="0"
+                style="width: 13%"
+              />
+
+              <input
+                class="linha1"
+                name="attr_Car-Mod"
+                type="number"
+                value="(ceil((@{Car-Total}-10)/2))"
+                style="width: 11%; background-color: #ababab"
+                width="3"
+                disabled
+              />
+
+              <input
+                class="linha1"
+                name="attr_Car-Teste"
+                type="number"
+                value="((@{Car}*4) + (@{Car-Temp}*4))"
+                style="width: 14%; background-color: #faebd7"
+                width="4"
+                disabled
+              />
+
+              <button
+                class="dado dado-normal"
+                name="roll_car"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de Carisma}} {{Valor_Atributo=[[@{Car-Teste}]]}} {{Sucesso_Crítico=[[floor((@{Car-Teste}/4) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+
+              <button
+                class="dado dado-dificil"
+                name="roll_car"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de Carisma}} {{Valor_Atributo=[[(@{Car-Teste}/2)]]}} {{Sucesso_Crítico=[[floor((@{Car-Teste}/8) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+
+              <button
+                class="dado dado-muito-dificil"
+                name="roll_car"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Teste de Carisma}} {{Valor_Atributo=[[(@{Car-Teste}/4)]]}} {{Sucesso_Crítico=[[floor((@{Car-Teste}/16) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"
+              ></button>
+            </div>
+            <!--Fim atributo-carisma -->
+
+            <div class="total">
+              <input
+                class="coluna1"
+                name="total"
+                type="text"
+                value="TOTAL"
+                style="width: 14%"
+              />
+
+              <input
+                class="linha1"
+                name="attr_atributototal"
+                type="number"
+                value="(@{For} + @{Con} + @{Des} + @{Agi} + @{Per} + @{Int} + @{Von}+ @{Car})"
+                style="width: 14%"
+                disabled
+              />
+
+              <input
+                class="coluna1"
+                name="Iniciativafake"
+                value="INICIATIVA"
+                type="text"
+                style="width: 23%"
+              />
+
+              <input
+                class="inic-add"
+                name="+"
+                type="text"
+                value="+"
+                style="width: 5%"
+              />
+
+              <input
+                class="coluna1"
+                name="attr_inic-add"
+                type="text"
+                value="0"
+                style="width: 26%"
+              />
+
+              <button
+                class="dado-iniciativa"
+                name="roll_ini"
+                type="roll"
+                value="&{template:default} {{name=@{character_name} Iniciativa}} {{[[1d10+@{Agi}+@{Agi-Temp}+@{inic-add}&{tracker:+}]]}}"
+              ></button>
+            </div>
+            <!--Fim total -->
           </div>
-          <input type="text" style= "width: 14%;" name="Fake" value="NOME" class="coluna1"/>
-          <input type="text" style= "width: 14%; background-color:#D3D3D3" name="Fake" value="BASE" class="linha1"/>
-          <input type="text" style= "width: 13%; background-color:#D3D3D3" name="Fake" value="TEMP" class="linha1"/>
-          <input type="text" style= "width: 11%; background-color:#D3D3D3" name="Fake" value="MOD" class="linha1"/>
-          <input type="text" style= "width: 14%; background-color:#D3D3D3" name="Fake" value="TESTE" class="linha1"/>
-          <input type="text" style= "background-color:#DCDCDC" name="Fake" value="N" class="linha_dado"/>
-          <input type="text" style= "background-color:#DCDCDC" name="Fake" value="D" class="linha_dado"/>
-          <input type="text" style= "background-color:#DCDCDC" name="Fake" value="M" class="linha_dado"/>
-          <div class="sheet-atributo-força">
-          <input type="text" name="força" style="width:14%;" value="FOR" class="coluna1"/>
-          <input type="number" name="attr_For" style= "width: 14%;" value="0" class="linha1"/>
-          <input type="number" name="attr_For-Total" style= "display: none; width:10em;" value="(@{For} + @{For-Temp})" disabled>
-          <input type="number" style= "width: 13%;" name="attr_For-Temp" value="0" class="linha1"/>
-          <input type="number" width=3 style= "width: 11%; background-color:#ABABAB" name="attr_For-Mod" value="(ceil((@{For-Total}-10)/2))" class="linha1" disabled>
-          <input type="number" width=4 style="width: 14%; background-color:#FAEBD7;" name="attr_For-Teste" value="((@{For}*4) + (@{For-Temp}*4))" class="linha1" disabled>
-          <button name="roll_for" type="roll"  value="&{template:default} {{name=@{character_name} Teste de Força}} {{Valor_Atributo=[[@{For-Teste}]]}} {{Sucesso_Crítico=[[floor((@{For-Teste}/4) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}" class="dado1"></button>
-          <button name="roll_for" type="roll"  value="&{template:default} {{name=@{character_name} Teste de Força}} {{Valor_Atributo=[[(@{For-Teste}/2)]]}} {{Sucesso_Crítico=[[floor((@{For-Teste}/8) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}" class="dado2"></button>
-          <button name="roll_for" type="roll"  value="&{template:default} {{name=@{character_name} Teste de Força}} {{Valor_Atributo=[[(@{For-Teste}/4)]]}} {{Sucesso_Crítico=[[floor((@{For-Teste}/16) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"class="dado3"></button>
-        </div>
-        <div class="sheet-atributo-constituição">
-          <input type="text" name="Constituição" style='width:14%;'value="CON" class="coluna1"/>
-          <input type="number" style= "width: 14%;" name="attr_Con" value="0" class="linha1"/>
-          <input type="number" name="attr_Con-Total" style= "display: none; width:10em;" value="(@{Con} + @{Con-Temp})" disabled>
-          <input type="number" style="width: 13%;" name="attr_Con-Temp" value="0" class="linha1"/>
-          <input type="number" width=3 style="width: 11%; background-color:#ABABAB" name="attr_Con-Mod" value="(ceil((@{Con-Total}-10)/2))" class="linha1" disabled>
-          <input type="number" width=4 style="width: 14%;background-color:#FAEBD7;"  name="attr_Con-Teste" value="((@{Con}*4) + (@{Con-Temp}*4))" class="linha1" disabled>
-          <button name="roll_con" type="roll"  value="&{template:default} {{name=@{character_name} Teste de Constituição}} {{Valor_Atributo=[[@{Con-Teste}]]}} {{Sucesso_Crítico=[[floor((@{Con-Teste}/4) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}" class="dado1"></button>
-          <button name="roll_con" type="roll"  value="&{template:default} {{name=@{character_name} Teste de Constituição}} {{Valor_Atributo=[[(@{Con-Teste}/2)]]}} {{Sucesso_Crítico=[[floor((@{Con-Teste}/8) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}" class="dado2"></button>
-          <button name="roll_con" type="roll"  value="&{template:default} {{name=@{character_name} Teste de Constituição}} {{Valor_Atributo=[[(@{Con-Teste}/4)]]}} {{Sucesso_Crítico=[[floor((@{Con-Teste}/16) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}" class="dado3"></button>
-        </div>
-        <div class="sheet-atributo-destreza">
-          <input type="text" name="Destreza" style='width:14%;'value="DES" class="coluna1" class="linha1"/>
-          <input type="number" style= "width: 14%;" name="attr_Des" value="0" class="linha1"/>
-          <input type="number" name="attr_Des-Total" style= "display: none; width:10em;" value="(@{Des} + @{Des-Temp})" disabled>
-          <input type="number" style= "width: 13%;" name="attr_Des-Temp" value="0" class="linha1"/>
-          <input type="number" width=3 style="width: 11%; background-color:#ABABAB" name="attr_Des-Mod" value="(ceil((@{Des-Total}-10)/2))" class="linha1" disabled>
-          <input type="number" width=4 style="width: 14%;background-color:#FAEBD7;" name="attr_Des-Teste" value="((@{Des}*4) + (@{Des-Temp}*4))" class="linha1" disabled>
-          <button name="roll_des" type="roll"  value="&{template:default} {{name=@{character_name} Teste de Destreza}} {{Valor_Atributo=[[@{Des-Teste}]]}} {{Sucesso_Crítico=[[floor((@{Des-Teste}/4) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}" class="dado1"></button>
-          <button name="roll_des" type="roll"  value="&{template:default} {{name=@{character_name} Teste de Destreza}} {{Valor_Atributo=[[(@{Des-Teste}/2)]]}} {{Sucesso_Crítico=[[floor((@{Des-Teste}/8) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}" class="dado2"></button>
-          <button name="roll_des" type="roll"  value="&{template:default} {{name=@{character_name} Teste de Destreza}} {{Valor_Atributo=[[(@{Des-Teste}/4)]]}} {{Sucesso_Crítico=[[floor((@{Des-Teste}/16) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}" class="dado3"></button>
-        </div>
-        <div class="sheet-atributo-agilidade">
-          <input type="text" name="Agilidade" style='width:14%;'value="AGI" class="coluna1" class="linha1"/>
-          <input type="number"style= "width: 14%;" name="attr_Agi" value="0" class="linha1"/>
-          <input type="number" name="attr_Agi-Total" style= "display: none; width:10em;" value="(@{Agi} + @{Agi-Temp})" disabled>
-          <input type="number" style= "width: 13%;" name="attr_Agi-Temp" value="0" class="linha1"/>
-          <input type="number" width=3 style="width: 11%; background-color:#ABABAB" name="attr_Agi-Mod" value="(ceil((@{Agi-Total}-10)/2))" class="linha1" disabled>
-          <input type="number" width=4 style="width: 14%;background-color:#FAEBD7;" name="attr_Agi-Teste" value="((@{Agi}*4) + (@{Agi-Temp}*4))" class="linha1" disabled>
-          <button name="roll_agi" type="roll"  value="&{template:default} {{name=@{character_name} Teste de  Agilidade}} {{Valor_Atributo=[[@{Agi-Teste}]]}} {{Sucesso_Crítico=[[floor((@{Agi-Teste}/4) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}" class="dado1"></button>
-          <button name="roll_agi" type="roll"  value="&{template:default} {{name=@{character_name} Teste de  Agilidade}} {{Valor_Atributo=[[(@{Agi-Teste}/2)]]}} {{Sucesso_Crítico=[[floor((@{Agi-Teste}/8) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}" class="dado2"></button>
-          <button name="roll_agi" type="roll"  value="&{template:default} {{name=@{character_name} Teste de  Agilidade}} {{Valor_Atributo=[[(@{Agi-Teste}/4)]]}} {{Sucesso_Crítico=[[floor((@{Agi-Teste}/16) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}"class="dado3"></button>
-        </div>
-        <div class="sheet-atributo-percepção">
-          <input type="text" name="Percepção" style='width:14%;'value="PER" class="coluna1" class="linha1"/>
-          <input type="number" style= "width: 14%;" name="attr_Per" value="0" class="linha1"/>
-          <input type="number" name="attr_Per-Total" style= "display: none; width:10em;" value="(@{Per} + @{Per-Temp})" disabled>
-          <input type="number" style= "width: 13%;" name="attr_Per-Temp" value="0" class="linha1"/>
-          <input type="number" width=3 style="width: 11%; background-color:#ABABAB" name="attr_Per-Mod" value="(ceil((@{Per-Total}-10)/2))" class="linha1" disabled>
-          <input type="number" width=4 style="width: 14%;background-color:#FAEBD7;" name="attr_Per-Teste" value="((@{Per}*4) + (@{Per-Temp}*4))" class="linha1"disabled>
-          <button name="roll_per" type="roll" value="&{template:default} {{name=@{character_name} Teste de Percepção}} {{Valor_Atributo=[[@{Per-Teste}]]}} {{Sucesso_Crítico=[[floor((@{Per-Teste}/4) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}" class="dado1"></button>
-          <button name="roll_per" type="roll" value="&{template:default} {{name=@{character_name} Teste de Percepção}} {{Valor_Atributo=[[(@{Per-Teste}/2)]]}} {{Sucesso_Crítico=[[floor((@{Per-Teste}/8) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}" class="dado2"></button>
-          <button name="roll_per" type="roll" value="&{template:default} {{name=@{character_name} Teste de Percepção}} {{Valor_Atributo=[[(@{Per-Teste}/4)]]}} {{Sucesso_Crítico=[[floor((@{Per-Teste}/16) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}" class="dado3"></button>
-        </div>
-        <div class="sheet-atributo-inteligencia">
-          <input type="text" name="Intêligencia" style='width:14%;'value="INT" class="coluna1" class="linha1"/>
-          <input type="number"style= "width: 14%;" name="attr_Int" value="0" class="linha1"/>
-          <input type="number" name="attr_Int-total" style= "display: none; width:10em;" value="(@{Int} + @{Int-Temp})" disabled>
-          <input type="number" style= "width: 13%;" name="attr_Int-Temp" value="0" class="linha1"/>
-          <input type="number" width=3 style="width: 11%; background-color:#ABABAB" name="attr_Int-Mod" value="(ceil((@{Int-Total}-10)/2))" class="linha1" disabled>
-          <input type="number" width=4 style="width: 14%;background-color:#FAEBD7;" name="attr_Int-Teste" value="((@{Int}*4) + (@{Int-Temp}*4))" class="linha1" disabled>
-          <button name="roll_int" type="roll"  value="&{template:default} {{name=@{character_name} Teste de Inteligencia}} {{Valor_Atributo=[[@{Int-Teste}]]}} {{Sucesso_Crítico=[[floor((@{Int-Teste}/4) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}" class="dado1"></button>
-          <button name="roll_int" type="roll"  value="&{template:default} {{name=@{character_name} Teste de Inteligencia}} {{Valor_Atributo=[[(@{Int-Teste}/2)]]}} {{Sucesso_Crítico=[[floor((@{Int-Teste}/8) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}" class="dado2"></button>
-          <button name="roll_int" type="roll"  value="&{template:default} {{name=@{character_name} Teste de Inteligencia}} {{Valor_Atributo=[[(@{Int-Teste}/4)]]}} {{Sucesso_Crítico=[[floor((@{Int-Teste}/16) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}" class="dado3"></button>
+          <!--Fim coluna-atributo -->
         </div>
-        <div class="sheet-atributo-vontade">
-          <input type="text" name="Vontade" style='width:14%;'value="VON" class="coluna1" class="linha1"/>
-          <input type="number" style= "width: 14%;" name="attr_Von" value="0" class="linha1"/>
-          <input type="number" name="attr_Von-total" style= "display: none; width:10em;" value="(@{Von} + @{Von-Temp})" disabled>
-          <input type="number" style= "width: 13%;" name="attr_Von-Temp" value="0" class="linha1"/>
-          <input type="number" width=3 style="width: 11%; background-color:#ABABAB" name="attr_Von-Mod" value="(ceil((@{Von-Total}-10)/2))" class="linha1" disabled>
-          <input type="number" width=4 style="width: 14%; background-color:#FAEBD7;" name="attr_Von-Teste" value="((@{Von}*4) + (@{Von-Temp}*4))" class="linha1" disabled>
-          <button name="roll_von" type="roll"  value="&{template:default} {{name=@{character_name} Teste de Força de Vontade}} {{Valor_Atributo=[[@{Von-Teste}]]}} {{Sucesso_Crítico=[[floor((@{Von-Teste}/4) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}" class="dado1"></button>
-          <button name="roll_von" type="roll"  value="&{template:default} {{name=@{character_name} Teste de Força de Vontade}} {{Valor_Atributo=[[(@{Von-Teste}/2)]]}} {{Sucesso_Crítico=[[floor((@{Von-Teste}/8) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}" class="dado2"></button>
-          <button name="roll_von" type="roll"  value="&{template:default} {{name=@{character_name} Teste de Força de Vontade}} {{Valor_Atributo=[[(@{Von-Teste}/4)]]}} {{Sucesso_Crítico=[[floor((@{Von-Teste}/16) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}" class="dado3"></button>
-        </div>
-        <div class="sheet-atributo-carisma">
-          <input type="text" name="Carisma" style='width:14%;'value="CAR" class="coluna1"/>
-          <input type="number"style= "width: 14%;" name="attr_Car" value="0" class="linha1"/>
-          <input type="number" name="attr_Car-total" style= "display: none; width:10em;" value="(@{Car} + @{Car-Temp})" disabled>
-          <input type="number" style= "width: 13%;" name="attr_Car-Temp" value="0" class="linha1"/>
-          <input type="number" width=3 style="width: 11%; background-color:#ABABAB" name="attr_Car-Mod" value="(ceil((@{Car-Total}-10)/2))" class="linha1" disabled>
-          <input type="number" width=4 style="width: 14%;background-color:#FAEBD7;" name="attr_Car-Teste" value="((@{Car}*4) + (@{Car-Temp}*4))" class="linha1" disabled>
-          <button name="roll_car" type="roll"  value="&{template:default} {{name=@{character_name} Teste de Carisma}} {{Valor_Atributo=[[@{Car-Teste}]]}} {{Sucesso_Crítico=[[floor((@{Car-Teste}/4) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}" class="dado1"></button>
-          <button name="roll_car" type="roll"  value="&{template:default} {{name=@{character_name} Teste de Carisma}} {{Valor_Atributo=[[(@{Car-Teste}/2)]]}} {{Sucesso_Crítico=[[floor((@{Car-Teste}/8) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}" class="dado2"></button>
-          <button name="roll_car" type="roll"  value="&{template:default} {{name=@{character_name} Teste de Carisma}} {{Valor_Atributo=[[(@{Car-Teste}/4)]]}} {{Sucesso_Crítico=[[floor((@{Car-Teste}/16) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<0cf>96]]}}" class="dado3"></button>
-        </div>
-        <div class="sheet-total">
-          <input type="text" name="total" style="width:14%;"value="TOTAL" class="coluna1"/>
-          <input name="attr_atributototal"  style= "width: 14%;" type="number" value="(@{For} + @{Con} + @{Des} + @{Agi} + @{Per} + @{Int} + @{Von}+ @{Car})" class="linha1" disabled>
-          <input type="text" name="Iniciativafake" style="width:23%;"value="INICIATIVA" class="coluna1"/>
-          <input type="text" name="+" style="width:5%;"value="+" class="inic-add"/>
-          <input type="text" name="attr_inic-add" style="width:26%;"value="0" class="coluna1"/>
-          <button name="roll_ini" type="roll"  value="&{template:default} {{name=@{character_name} Iniciativa}} {{[[1d10+@{Agi}+@{Agi-Temp}+@{inic-add}&{tracker:+}]]}}" class="dado7"></button>
+        <!--Fim col -->
+
+        <div class="col">
+          <div class="coluna-sub">
+            <input
+              class="block-switch"
+              name="attr_block_switch-0"
+              type="checkbox"
+              value="1"
+            />
+
+            <div class="block-a">
+              <div class="Pvs">
+                <input
+                  class="linha-sub2"
+                  type="text"
+                  value=""
+                  style="width: 8%"
+                />
+
+                <input
+                  class="linha-sub2"
+                  type="text"
+                  value="NOME"
+                  style="width: 20%"
+                />
+
+                <input
+                  class="linha-sub2"
+                  name="attr_basefk"
+                  type="text"
+                  value="BASE"
+                  style="width: 20%"
+                />
+
+                <input
+                  class="linha-sub2"
+                  name="attr_addfk"
+                  type="text"
+                  value="ADICIONAL"
+                  style="width: 25%"
+                />
+
+                <input
+                  class="linha-sub2"
+                  name="attr_totalfk"
+                  type="text"
+                  value="TOTAL"
+                  style="width: 20%"
+                />
+
+                <input
+                  class="linha-vida"
+                  name="attr_PV-imagem"
+                  type="text"
+                  value=""
+                />
+
+                <input
+                  class="linha-sub"
+                  name="fake"
+                  type="text"
+                  value="VIDA"
+                  style="width: 20%"
+                />
+
+                <input
+                  class="linha-sub"
+                  name="attr_PV-base"
+                  type="text"
+                  value="(@{For} + @{Con} + @{Con-Temp} + @{For-Temp})"
+                  style="width: 20%"
+                  disabled
+                />
+
+                <input
+                  class="linha-sub"
+                  name="attr_PV-Adicional-1"
+                  type="text"
+                  value="0"
+                  style="width: 25%"
+                />
+
+                <input
+                  class="linha-sub"
+                  name="attr_PV-total"
+                  type="text"
+                  value=" (@{PV-base} + @{PV-adicional-1})"
+                  style="width: 20%"
+                  disabled
+                />
+
+                <br />
+              </div>
+              <!--Fim Pvs -->
+
+              <div class="Mps">
+                <input
+                  class="linha-mana"
+                  name="attr_PM-imagem"
+                  type="text"
+                  value=""
+                />
+
+                <input
+                  class="linha-sub"
+                  name="fake"
+                  type="text"
+                  value="MANA"
+                  style="width: 20%"
+                />
+
+                <input
+                  class="linha-sub"
+                  name="attr_PM-base"
+                  type="text"
+                  value="@{Von-Mod}"
+                  style="width: 20%"
+                  disabled
+                />
+
+                <input
+                  class="linha-sub"
+                  name="attr_PM-adicional-1"
+                  type="text"
+                  value="0"
+                  style="width: 25%"
+                />
+
+                <input
+                  class="linha-sub"
+                  name="attr_PM-total"
+                  type="text"
+                  value=" (@{PM-base} + @{PM-adicional-1})"
+                  style="width: 20%"
+                  disabled
+                />
+
+                <br />
+              </div>
+              <!--Fim Mps -->
+
+              <div class="Fe">
+                <input
+                  class="linha-fe"
+                  name="attr_FE-imagem"
+                  type="text"
+                  value=""
+                />
+
+                <input
+                  class="linha-sub"
+                  name="fake"
+                  type="text"
+                  value="FÉ"
+                  style="width: 20%"
+                />
+
+                <input
+                  class="linha-sub"
+                  name="attr_FÉ-base"
+                  type="text"
+                  value="@{Car-Mod}"
+                  style="width: 20%"
+                  disabled
+                />
+
+                <input
+                  class="linha-sub"
+                  name="attr_FÉ-adicional-1"
+                  type="text"
+                  style="width: 25%"
+                  value="0"
+                />
+
+                <input
+                  class="linha-sub"
+                  name="attr_FÉ-total"
+                  type="text"
+                  value=" (@{FÉ-base} + @{FÉ-adicional-1})"
+                  style="width: 20%"
+                  disabled
+                />
+
+                <br />
+              </div>
+              <!--Fim Fe -->
+
+              <div class="RD">
+                <input
+                  class="linha-rd"
+                  name="attr_IP-imagem"
+                  type="text"
+                  value=""
+                />
+
+                <input
+                  class="linha-sub"
+                  name="fake"
+                  type="text"
+                  value="RD"
+                  style="width: 20%"
+                />
+
+                <input
+                  class="linha-sub"
+                  name="attr_RD-base"
+                  type="text"
+                  value=""
+                  style="width: 20%"
+                />
+
+                <input
+                  class="linha-sub"
+                  name="attr_RD-adicional-1"
+                  type="text"
+                  style="width: 25%"
+                  value="0"
+                />
+
+                <input
+                  class="linha-sub"
+                  type="text"
+                  value=" (@{RD-base} + @{RD-adicional-1})"
+                  name="attr_RD-total"
+                  style="width: 20%"
+                  disabled
+                />
+
+                <br />
+              </div>
+              <!-- Fim RD -->
+
+              <div class="RM">
+                <input
+                  class="linha-rm"
+                  name="attr_RM-imagem"
+                  type="text"
+                  value=""
+                />
+
+                <input
+                  class="linha-sub"
+                  name="fake"
+                  type="text"
+                  value="RM"
+                  style="width: 20%"
+                />
+
+                <input
+                  class="linha-sub"
+                  name="attr_RM-base"
+                  type="text"
+                  value=""
+                  style="width: 20%"
+                />
+
+                <input
+                  class="linha-sub"
+                  name="attr_RM-adicional-1"
+                  type="text"
+                  value="0"
+                  style="width: 25%"
+                />
+
+                <input
+                  class="linha-sub"
+                  name="attr_RM-total"
+                  type="text"
+                  value="(@{RM-base} + @{RM-adicional-1})"
+                  style="width: 20%"
+                  disabled
+                />
+
+                <br />
+              </div>
+              <!-- Fim RM -->
+
+              <div class="MOVE">
+                <input
+                  class="linha-move"
+                  name="attr_move-imagem"
+                  type="text"
+                  value=""
+                />
+
+                <input
+                  class="linha-sub"
+                  name="fake"
+                  type="text"
+                  value="Movimento"
+                  style="width: 20%"
+                />
+
+                <input
+                  class="linha-sub"
+                  name="attr_move-base"
+                  type="text"
+                  value="((@{Agi}/2) + (@{Agi-Temp}/2))"
+                  style="width: 20%"
+                  disabled
+                />
+
+                <input
+                  class="linha-sub"
+                  name="attr_move-adicional-1"
+                  type="text"
+                  value="0"
+                  style="width: 25%"
+                />
+
+                <input
+                  class="linha-sub"
+                  name="attr_move-total"
+                  type="text"
+                  value="(@{move-base}+@{move-adicional-1})"
+                  style="width: 20%"
+                  disabled
+                />
+
+                <br />
+              </div>
+              <!-- Fim MOVE -->
+
+              <div class="critico-decisivo-penalidade">
+                <input
+                  class="linha-critico"
+                  type="text"
+                  value=""
+                  style="
+                    background-color: transparent;
+                    border: none;
+                    width: 32%;
+                    font-size: 13px;
+                  "
+                />
+
+                <input
+                  class="linha-decisivo"
+                  type="text"
+                  value=""
+                  style="
+                    background-color: transparent;
+                    border: none;
+                    width: 32%;
+                    font-size: 13px;
+                  "
+                />
+
+                <input
+                  class="linha-penalidade"
+                  type="text"
+                  value=""
+                  style="
+                    background-color: transparent;
+                    border: none;
+                    width: 32%;
+                    font-size: 13px;
+                  "
+                />
+              </div>
+              <!-- Fim critico-decisivo-penalidade -->
+
+              <input
+                class="linha-sub3"
+                type="text"
+                value="CRÍTICO"
+                style="width: 32%"
+              />
+
+              <input
+                class="linha-sub3"
+                type="text"
+                value="DECISIVO"
+                style="width: 32%"
+              />
+
+              <input
+                class="linha-sub3"
+                type="text"
+                value="PENALIDADE"
+                style="width: 32%"
+              />
+
+              <input
+                class="linha-sub"
+                name="attr_critico"
+                type="text"
+                value="0"
+                style="width: 32%"
+              />
+
+              <input
+                class="linha-sub"
+                name="attr_decisivo"
+                type="text"
+                value="0"
+                style="width: 32%"
+              />
+
+              <input
+                class="linha-sub"
+                name="attr_penalidade"
+                type="teatrinformacao-status-direitaxt"
+                value="0"
+                style="width: 32%"
+              />
+            </div>
+            <!-- Fim block-a -->
+
+            <div class="block-b">
+              <div class="atri1">
+                <div class="informacao-atributo-direita">
+                  <img
+                    class="img-dragon"
+                    src="https://i.imgur.com/bHBOKSB.png"
+                  />
+
+                  <div class="nome-atributo">
+                    <h2>Sub-Atributos</h2>
+                  </div>
+
+                  <input type="text" value="Vida" style="font-size: 13px" />
+
+                  <input type="text" value="Mana" style="font-size: 13px" />
+
+                  <input type="text" value="Fé" style="font-size: 13px" />
+                </div>
+                <!-- Fim informacao-atributo-direita -->
+
+                <div class="informacao-status-direita">
+                  <input
+                    name="attr_PV-display"
+                    type="text"
+                    value="@{PV-total}"
+                    disabled
+                  />
+
+                  <input
+                    name="attr_PM-display"
+                    type="text"
+                    value="@{PM-total}"
+                    disabled
+                  />
+
+                  <input
+                    name="attr_Fé-display"
+                    type="text"
+                    value="@{FÉ-total}"
+                    disabled
+                  />
+
+                  <br />
+                </div>
+                <!-- Fim informacao-status-direita -->
+
+                <div class="informacao-atributo-direita">
+                  <input
+                    type="text"
+                    value="Vida Atual"
+                    style="font-size: 13px"
+                  />
+                  <input
+                    type="text"
+                    value="Mana Atual"
+                    style="font-size: 13px"
+                  />
+                  <input type="text" value="Fé Atual" style="font-size: 13px" />
+                </div>
+                <!-- Fim informacao-atributo-direita -->
+
+                <div class="informacao-status-direita">
+                  <input name="attr_PV_ATUAL-display" type="text" value="0" />
+
+                  <input name="attr_PM_ATUAL-display" type="text" value="0" />
+
+                  <input name="attr_Fé_ATUAL-display" type="text" value="0" />
+                </div>
+                <!-- Fim informacao-status-direita -->
+
+                <div class="informacao-atributo-direita">
+                  <input
+                    type="text"
+                    value="Vida Extra"
+                    style="font-size: 13px"
+                  />
+
+                  <input type="text" value="RD" style="font-size: 13px" />
+
+                  <input type="text" value="RM" style="font-size: 13px" />
+                </div>
+                <!-- Fim informacao-atributo-direita -->
+
+                <div class="informacao-status-direita">
+                  <input name="attr_PV-extra-display" type="text" value="0" />
+                  <input
+                    name="attr_RD-display"
+                    type="text"
+                    value="@{RD-total}"
+                    disabled
+                  />
+
+                  <input
+                    name="attr_RM-display"
+                    type="text"
+                    value="@{RM-total}"
+                    disabled
+                  />
+                </div>
+                <!-- Fim informacao-status-direita -->
+
+                <div class="modificador-global">
+                  <div class="informacao-atributo-direita">
+                    <img
+                      class="img-dragon"
+                      src="https://i.imgur.com/bHBOKSB.png"
+                    />
+
+                    <div class="nome-atributo">
+                      <h2>Modificadores Globais</h2>
+                    </div>
+
+                    <input type="text" value="Crítico" />
+
+                    <input type="text" value="Decisivo" />
+
+                    <input type="text" value="Penalidade" />
+                  </div>
+                  <!-- Fim informacao-atributo-direita -->
+
+                  <div class="informacao-status-direita">
+                    <input name="attr_critico" type="text" value="0" />
+
+                    <input name="attr_decisivo" type="text" value="0" />
+
+                    <input name="attr_penalidade" type="text" value="0" />
+                  </div>
+                  <!-- Fim informacao-status-direita -->
+                </div>
+                <!-- Fim modificador-global -->
+              </div>
+              <!-- Fim atrinformacao-status-direita -->
+            </div>
+            <!-- Fim block-b -->
+          </div>
+          <!-- Fim coluna-sub -->
         </div>
-        <!--fim div coluna de atributos--> 
+        <!-- Fim col -->
       </div>
-      <!--fim da div dos atributos--> 
-      
-      <!--div sub-atributos do personagem--> 
-    </div>
-    <div class="col">
-      <div class="coluna-sub">
-        <input type="checkbox" class="sheet-block-switch" name="attr_block_switch-0" value="1">
-        <div class="sheet-block-a">
-          <div class="Pvs">
+      <!-- Fim 2colrow -->
+
+      <div class="linha-de-divisao-menor-dragao">
+        <h3>Perícias de Combate</h3>
+      </div>
+
+      <div class="pericias">
+        <input
+          class="linha-inicial-pericias2"
+          name="Fake"
+          type="text"
+          value="NOME"
+          style="width: 62%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="BASE"
+          style="width: 9%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="TESTE %"
+          style="width: 9%"
+        />
+
+        <input class="linha_N" name="Fake" type="text" value="N" />
+
+        <input class="linha_D" name="Fake" type="text" value="D" />
+
+        <input class="linha_M" name="Fake" type="text" value="M" />
+      </div>
+      <!-- Fim pericias -->
+
+      <fieldset class="repeating_pericias">
+        <input
+          class="linha4"
+          name="attr_PERICIASNome"
+          type="text"
+          style="background-color: #e5e7e9; width: 62%"
+        />
+
+        <input
+          class="linha3"
+          name="attr_PERICIASPontos"
+          type="number"
+          value="0"
+          style="background-color: #faebd7; width: 9%"
+        />
+
+        <input
+          class="linha3"
+          name="attr_PERICIASTeste"
+          type="number"
+          value="(@{PERICIASBase}+@{Proficiencia}+@{Maestria}-@{penalidade})"
+          style="background-color: #d3d3d3; width: 9%"
+          disabled
+        />
+
+        <input
+          name="attr_PERICIASBase"
+          type="number"
+          value="(@{PERICIASPontos}*4)"
+          style="display: none"
+          disabled
+        />
+
+        <input
+          name="attr_PERICIASA"
+          type="number"
+          value="floor((@{PERICIASTeste}/4) + (@{PERICIASCrit}) + (@{critico}))"
+          style="display: none; width: 10em"
+          disabled
+        />
+
+        <input
+          name="attr_PERICIASB"
+          type="number"
+          value="floor((@{PERICIASTeste}/8) + (@{PERICIASCrit}/2) + (@{critico}/2))"
+          style="display: none; width: 10em"
+          disabled
+        />
+
+        <input
+          name="attr_PERICIASC"
+          type="number"
+          value="floor((@{PERICIASTeste}/16) + (@{PERICIASCrit}/4) + (@{critico}/4))"
+          style="display: none; width: 10em"
+          disabled
+        />
+
+        <button
+          class="dado-verde"
+          type="roll"
+          value="&{template:default} {{name=@{character_name} testou @{PERICIASNome}}} {{Valor_Pericia=[[@{PERICIASTeste}]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste}/4) + (@{PERICIASCrit}) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+(@{PERICIASDesc}) + 5]]}} {{Rolagem=[[1d100cs<@{PERICIASA}cf>96]]}} {{Efeitos= @{Ea}}}"
+        ></button>
+
+        <button
+          class="dado-amarelo"
+          type="roll"
+          value="&{template:default} {{name=@{character_name} testou @{PERICIASNome}}} {{Valor_Pericia=[[@{PERICIASTeste}/2]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste}/8) + (@{PERICIASCrit}/2) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+(@{PERICIASDesc}) + 5]]}} {{Rolagem=[[1d100cs<@{PERICIASA}cf>96]]}} {{Efeitos= @{Ea}}}"
+        ></button>
+
+        <button
+          class="dado-vermelho"
+          type="roll"
+          value="&{template:default} {{name=@{character_name} testou @{PERICIASNome}}} {{Valor_Pericia=[[floor(@{PERICIASTeste}/4)]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste}/16) + (@{PERICIASCrit}/4) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+(@{PERICIASDesc}) + 5]]}} {{Rolagem=[[1d100cs<@{PERICIASA}cf>96]]}} {{Efeitos= @{Ea}}}"
+        ></button>
+
+        <input class="toggle-show" type="checkbox" />
+
+        <div class="body">
+          <input
+            class="linha-secundaria2"
+            name="Proficiencia-fake"
+            type="text"
+            value="Proficiência"
+            style="width: 11.1%"
+          />
+
+          <input
+            class="linha-secundaria2"
+            name="Maestria-fake"
+            type="text"
+            value="Maestria"
+            style="width: 11.1%"
+          />
+
+          <input
+            class="linha-secundaria2"
+            name="Critico-fake"
+            type="text"
+            value="Crítico"
+            style="width: 11.1%"
+          />
+
+          <input
+            class="linha-secundaria2"
+            name="Critico-fake"
+            type="text"
+            value="Decisivo"
+            style="width: 11.1%"
+          />
+
+          <input
+            class="linha-secundaria2"
+            name="Mod-dano-fake"
+            type="text"
+            value="Dano Bônus"
+            style="width: 11.1%"
+          />
+
+          <input
+            class="linha-secundaria2"
+            name="Dano-fisico-fake"
+            type="text"
+            value="Dano Físico"
+            style="width: 11.1%"
+          />
+
+          <input
+            class="linha-secundaria2"
+            name="Dano-magico-fake"
+            type="text"
+            value="Dano Magico"
+            style="width: 11.1%"
+          />
+
+          <input
+            class="linha_N"
+            name="Fake"
+            type="text"
+            value="X1"
+            style="color: #a52a2a"
+          />
+
+          <input
+            class="linha_N"
+            name="Fake"
+            type="text"
+            value="X2"
+            style="color: #a52a2a"
+          />
+
+          <input
+            class="linha_N"
+            name="Fake"
+            type="text"
+            value="X3"
+            style="color: #a52a2a"
+          />
+
+          <input
+            class="linha_N"
+            name="Fake"
+            type="text"
+            value="X4"
+            style="color: #a52a2a"
+          />
+
+          <input
+            class="linha-secundaria"
+            name="attr_Proficiencia"
+            type="text"
+            value="0"
+            style="width: 11.1%"
+          />
+
+          <input
+            class="linha-secundaria"
+            name="attr_Maestria"
+            type="text"
+            value="0"
+            style="width: 11.1%"
+          />
+
+          <input
+            class="linha-secundaria"
+            name="attr_PERICIASCrit"
+            type="text"
+            value="0"
+            style="width: 11.1%"
+          />
+
+          <input
+          class="linha-secundaria"
+          name="attr_PERICIASDesc"
+          type="text"
+          value="0"
+          style="width: 11.1%"
+        />
+
+          <input
+            class="linha-secundaria"
+            name="attr_dano-bonus"
+            type="text"
+            value="0"
+            spellcheck="false"
+            style="width: 11.1%"
+          />
+
+          <input
+            class="linha-secundaria"
+            name="attr_dano-ataque"
+            type="text"
+            value="0"
+            spellcheck="false"
+            style="width: 11.1%"
+          />
+
+          <input
+            class="linha-secundaria"
+            name="attr_dano-extra-ataque"
+            type="text"
+            value="0"
+            spellcheck="false"
+            style="width: 11.1%"
+          />
+
+          <button
+            type="roll"
+            value="&{template:default} {{name=X1 (@{character_name})}} {{Dano Fisico=[[@{dano-ataque} + @{dano-bonus}]]}} {{Dano Magico=[[@{dano-extra-ataque}]]}}"
+          ></button>
+
+          <button
+            type="roll"
+            value="&{template:default} {{name=X2 (@{character_name})}} {{Dano Fisico=[[@{dano-ataque} + @{dano-ataque} + @{dano-bonus}]]}} {{Dano Magico=[[@{dano-extra-ataque} + @{dano-extra-ataque}]]}}"
+          ></button>
+
+          <button
+            type="roll"
+            value="&{template:default} {{name=X3 (@{character_name})}} {{Dano Fisico=[[@{dano-ataque} + @{dano-ataque} + @{dano-ataque} + @{dano-bonus}]]}} {{Dano Magico=[[@{dano-extra-ataque} + @{dano-extra-ataque} + @{dano-extra-ataque}]]}}"
+          ></button>
+
+          <button
+            type="roll"
+            value="&{template:default} {{name=X4 (@{character_name})}} {{Dano Fisico=[[@{dano-ataque} + @{dano-ataque} + @{dano-ataque} + @{dano-ataque} + @{dano-bonus}]]}} {{Dano Magico=[[@{dano-extra-ataque} + @{dano-extra-ataque} + @{dano-extra-ataque} + @{dano-extra-ataque}]]}}"
+          ></button>
+
+          <input
+            class="linha-secundaria2"
+            name="Efeito-adicional"
+            type="text"
+            value="Efeitos Adicionais"
+            style="width: 100%"
+          />
+
+          <input
+            class="linha-secundaria"
+            name="attr_Ea"
+            type="text"
+            value="Sem Efeitos Adicionais"
+            style="width: 100%"
+          />
+        </div>
+        <!-- Fim body -->
+      </fieldset>
+
+      <div class="linha-de-divisao-menor-dragao">
+        <h3>Perícias Gerais</h3>
+      </div>
+
+      <div class="pericias">
+        <input
+          class="linha-inicial-pericias2"
+          name="Fake"
+          type="text"
+          value="NOME"
+          style="width: 62%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="BASE"
+          style="width: 9%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="TESTE %"
+          style="width: 9%"
+        />
+
+        <input class="linha_N" name="Fake" type="text" value="N" />
+
+        <input class="linha_D" name="Fake" type="text" value="D" />
+
+        <input class="linha_M" name="Fake" type="text" value="M" />
+      </div>
+      <!-- Fim pericias -->
+
+      <fieldset class="repeating_pericias2">
+        <input
+          class="linha4"
+          name="attr_PERICIASNome"
+          type="text"
+          style="background-color: #e5e7e9; width: 62%"
+        />
+
+        <input
+          class="linha3"
+          name="attr_PERICIASPontos"
+          type="number"
+          value="0"
+          style="background-color: #faebd7; width: 9%"
+        />
+
+        <input
+          class="linha3"
+          name="attr_PERICIASTeste"
+          type="number"
+          value="(@{PERICIASBase}+@{Proficiencia}+@{Maestria}-@{penalidade})"
+          style="background-color: #d3d3d3; width: 9%"
+          disabled
+        />
+
+        <input
+          name="attr_PERICIASBase"
+          type="number"
+          value="(@{PERICIASPontos}*4)"
+          style="display: none"
+          disabled
+        />
+
+        <input
+          name="attr_PERICIASA"
+          type="number"
+          value="floor((@{PERICIASTeste}/4) + (@{PERICIASCrit}) + (@{critico}))"
+          style="display: none; width: 10em"
+          disabled
+        />
+
+        <input
+          name="attr_PERICIASB"
+          type="number"
+          value="floor((@{PERICIASTeste}/8) + (@{PERICIASCrit}/2) + (@{critico}/2))"
+          style="display: none; width: 10em"
+          disabled
+        />
+
+        <input
+          name="attr_PERICIASC"
+          type="number"
+          value="floor((@{PERICIASTeste}/16) + (@{PERICIASCrit}/4) + (@{critico}/4))"
+          style="display: none; width: 10em"
+          disabled
+        />
+
+        <button
+          class="dado-verde"
+          type="roll"
+          value="&{template:default} {{name=@{character_name} testou @{PERICIASNome}}} {{Valor_Pericia=[[@{PERICIASTeste}]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste}/4) + (@{PERICIASCrit}) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+(@{PERICIASDesc}) + 5]]}} {{Rolagem=[[1d100cs<@{PERICIASA}cf>96]]}} {{Efeitos= @{Ea}}}"
+        ></button>
+
+        <button
+          class="dado-amarelo"
+          type="roll"
+          value="&{template:default} {{name=@{character_name} testou @{PERICIASNome}}} {{Valor_Pericia=[[@{PERICIASTeste}/2]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste}/8) + (@{PERICIASCrit}/2) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+(@{PERICIASDesc}) + 5]]}} {{Rolagem=[[1d100cs<@{PERICIASA}cf>96]]}} {{Efeitos= @{Ea}}}"
+        ></button>
+
+        <button
+          class="dado-vermelho"
+          type="roll"
+          value="&{template:default} {{name=@{character_name} testou @{PERICIASNome}}} {{Valor_Pericia=[[floor(@{PERICIASTeste}/4)]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste}/16) + (@{PERICIASCrit}/4) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+(@{PERICIASDesc}) + 5]]}} {{Rolagem=[[1d100cs<@{PERICIASA}cf>96]]}} {{Efeitos= @{Ea}}}"
+        ></button>
+
+        <input class="toggle-show" type="checkbox" />
+
+        <div class="body">
+          <input
+            class="linha-secundaria2"
+            name="Proficiencia-fake"
+            type="text"
+            value="Proficiência"
+            style="width: 11.1%"
+          />
+
+          <input
+            class="linha-secundaria2"
+            name="Maestria-fake"
+            type="text"
+            value="Maestria"
+            style="width: 11.1%"
+          />
+
+          <input
+            class="linha-secundaria2"
+            name="Critico-fake"
+            type="text"
+            value="Crítico"
+            style="width: 11.1%"
+          />
+
+          <input
+          class="linha-secundaria2"
+          name="Mod-dano-fake"
+          type="text"
+          value="Decisivo"
+          style="width: 11.1%"
+        />
+
+          <input
+            class="linha-secundaria2"
+            name="Mod-dano-fake"
+            type="text"
+            value="Dano Bônus"
+            style="width: 11.1%"
+          />
+
+          <input
+            class="linha-secundaria2"
+            name="Dano-fisico-fake"
+            type="text"
+            value="Dano Físico"
+            style="width: 11.1%"
+          />
+
+          <input
+            class="linha-secundaria2"
+            name="Dano-magico-fake"
+            type="text"
+            value="Dano Magico"
+            style="width: 11.1%"
+          />
+
+          <input
+            class="linha_N"
+            name="Fake"
+            type="text"
+            value="X1"
+            style="color: #a52a2a"
+          />
+
+          <input
+            class="linha_N"
+            name="Fake"
+            type="text"
+            value="X2"
+            style="color: #a52a2a"
+          />
+
+          <input
+            class="linha_N"
+            name="Fake"
+            type="text"
+            value="X3"
+            style="color: #a52a2a"
+          />
+
+          <input
+            class="linha_N"
+            name="Fake"
+            type="text"
+            value="X4"
+            style="color: #a52a2a"
+          />
+
+          <input
+            class="linha-secundaria"
+            name="attr_Proficiencia"
+            type="text"
+            value="0"
+            style="width: 11.1%"
+          />
+
+          <input
+            class="linha-secundaria"
+            name="attr_Maestria"
+            type="text"
+            value="0"
+            style="width: 11.1%"
+          />
+
+          <input
+            class="linha-secundaria"
+            name="attr_PERICIASCrit"
+            type="text"
+            value="0"
+            style="width: 11.1%"
+          />
+
+          <input
+          class="linha-secundaria"
+          name="attr_PERICIASDesc"
+          type="text"
+          value="0"
+          style="width: 11.1%"
+        />
+
+          <input
+            class="linha-secundaria"
+            name="attr_dano-bonus"
+            type="text"
+            value="0"
+            spellcheck="false"
+            style="width: 11.1%"
+          />
+
+          <input
+            class="linha-secundaria"
+            name="attr_dano-ataque"
+            type="text"
+            value="0"
+            spellcheck="false"
+            style="width: 11.1%"
+          />
+
+          <input
+            class="linha-secundaria"
+            name="attr_dano-extra-ataque"
+            type="text"
+            value="0"
+            spellcheck="false"
+            style="width: 11.1%"
+          />
+
+          <button
+            type="roll"
+            value="&{template:default} {{name=X1 (@{character_name}) }} {{Dano Fisico=[[@{dano-ataque} + @{dano-bonus}]]}}  {{Dano Magico=[[@{dano-extra-ataque}]]}}"
+          ></button>
+
+          <button
+            type="roll"
+            value="&{template:default} {{name=X2 (@{character_name}) }} {{Dano Fisico=[[@{dano-ataque} + @{dano-ataque} + @{dano-bonus}]]}}  {{Dano Magico=[[@{dano-extra-ataque} + @{dano-extra-ataque}]]}}"
+          ></button>
+
+          <button
+            type="roll"
+            value="&{template:default} {{name=X3 (@{character_name}) }} {{Dano Fisico=[[@{dano-ataque} + @{dano-ataque} + @{dano-ataque} + @{dano-bonus}]]}}  {{Dano Magico=[[@{dano-extra-ataque} + @{dano-extra-ataque} + @{dano-extra-ataque}]]}}"
+          ></button>
+
+          <button
+            type="roll"
+            value="&{template:default} {{name=X4 (@{character_name}) }} {{Dano Fisico=[[@{dano-ataque} + @{dano-ataque} + @{dano-ataque} + @{dano-ataque} + @{dano-bonus}]]}}  {{Dano Magico=[[@{dano-extra-ataque} + @{dano-extra-ataque} + @{dano-extra-ataque} + @{dano-extra-ataque}]]}}"
+          ></button>
+
+          <input
+            class="linha-secundaria2"
+            name="Efeito-adicional"
+            type="text"
+            value="Efeitos Adicionais"
+            style="width: 100%"
+          />
+
+          <input
+            class="linha-secundaria"
+            name="attr_Ea"
+            type="text"
+            value="Sem Efeitos Adicionais"
+            style="width: 100%"
+          />
+        </div>
+        <!-- Fim body -->
+      </fieldset>
+
+      <div class="linha-de-divisao-final"></div>
+    </span>
+  </div>
+  <!-- Fim pagina pagina-personagem -->
+
+  <!-- Pagina do botão habilidades -->
+  <div class="pagina pagina-habilidades">
+    <span>
+      <div class="linha-de-divisao-dragao">
+        <h3>Aprimoramentos</h3>
+      </div>
+
+      <div class="caixa-aprimoramentos">
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="CUSTO"
+          style="width: 10%"
+        />
+
+        <input
+          class="linha-inicial-pericias2"
+          name="Fake"
+          type="text"
+          value="NOME"
+          style="width: 73%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="TIPO"
+          style="width: 10%"
+        />
+      </div>
+      <!-- Fim caixa-aprimoramentos -->
+
+      <fieldset class="repeating_pericias-aprimoramento">
+        <div class="linhas-magias">
+          <input
+            class="linha3"
+            name="attr_nhabilidade"
+            type="number"
+            style="background-color: #e5e7e9; width: 10%"
+          />
+
+          <input
+            class="linha4"
+            name="attr_hhabilidade"
+            type="text"
+            style="background-color: #e5e7e9; width: 73%"
+          />
+
+          <input
+            class="linha3"
+            name="attr_thabilidade"
+            type="text"
+            style="background-color: #e5e7e9; width: 10%"
+          />
+
+          <input class="toggle-show" type="checkbox" />
+
+          <div class="body">
+            <div class="texto-magias">
+              <textarea name="attr_area-rhabilidade"></textarea>
+            </div>
+            <!-- Fim texto-magias -->
+          </div>
+          <!-- Fim body -->
+        </div>
+        <!-- Fim linhas-magias -->
+      </fieldset>
+
+      <div class="linha-de-divisao-menor-dragao">
+        <h3>Manobras de Combate</h3>
+      </div>
+
+      <div class="caixa-manobras-de-combate">
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="CUSTO"
+          style="width: 10%"
+        />
+
+        <input
+          class="linha-inicial-pericias2"
+          name="Fake"
+          type="text"
+          value="NOME"
+          style="width: 73%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="TIPO"
+          style="width: 10%"
+        />
+      </div>
+      <!-- Fim caixa-manobras-de-combate -->
+
+      <fieldset class="repeating_pericias-manobras-de-combate">
+        <div class="linhas-magias">
+          <input
+            class="linha3"
+            name="attr_nhabilidade1"
+            type="number"
+            style="background-color: #e5e7e9; width: 10%"
+          />
+
+          <input
+            class="linha4"
+            name="attr_hhabilidade2"
+            type="text"
+            style="background-color: #e5e7e9; width: 73%"
+          />
+
+          <input
+            class="linha3"
+            name="attr_thabilidade3"
+            type="text"
+            style="background-color: #e5e7e9; width: 10%"
+          />
+
+          <input class="toggle-show" type="checkbox" />
+
+          <div class="body">
+            <div class="texto-magias">
+              <textarea name="attr_area-chabilidade"></textarea>
+            </div>
+            <!-- Fim texto-magias -->
+          </div>
+          <!-- Fim body -->
+        </div>
+        <!-- Fim linhas-magias -->
+      </fieldset>
+
+      <div class="linha-de-divisao-menor-dragao">
+        <h3>Habilidades de Raça</h3>
+      </div>
+
+      <div class="caixa-habilidades-de-raca">
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="NIVEL"
+          style="width: 10%"
+        />
+
+        <input
+          class="linha-inicial-pericias2"
+          name="Fake"
+          type="text"
+          value="NOME"
+          style="width: 73%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="TIPO"
+          style="width: 10%"
+        />
+      </div>
+      <!-- Fim caixa-habilidades-de-raca -->
+
+      <fieldset class="repeating_pericias-habilidades-de-raca">
+        <div class="linhas-magias">
+          <input
+            class="linha3"
+            name="attr_nhabilidade1"
+            type="number"
+            style="background-color: #e5e7e9; width: 10%"
+          />
+
+          <input
+            class="linha4"
+            name="attr_hhabilidade2"
+            type="text"
+            style="background-color: #e5e7e9; width: 73%"
+          />
+
+          <input
+            class="linha3"
+            name="attr_thabilidade3"
+            type="text"
+            style="background-color: #e5e7e9; width: 10%"
+          />
+
+          <input class="toggle-show" type="checkbox" />
+
+          <div class="body">
+            <div class="texto-magias">
+              <textarea name="attr_area-chabilidade"></textarea>
+            </div>
+            <!-- Fim texto-magias -->
+          </div>
+          <!-- Fim body -->
+        </div>
+        <!-- Fim linhas-magias -->
+      </fieldset>
+
+      <div class="linha-de-divisao-menor-dragao">
+        <h3>Habilidades de Classe</h3>
+      </div>
+
+      <div class="caixa-habilidades-de-classe">
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="NIVEL"
+          style="width: 10%"
+        />
+
+        <input
+          class="linha-inicial-pericias2"
+          name="Fake"
+          type="text"
+          value="NOME"
+          style="width: 73%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="TIPO"
+          style="width: 10%"
+        />
+      </div>
+      <!-- Fim caixa-habilidades-de-classe -->
+
+      <fieldset class="repeating_pericias-habilidades-de-classe">
+        <div class="linhas-magias">
+          <input
+            class="linha3"
+            name="attr_nhabilidade1"
+            type="number"
+            style="background-color: #e5e7e9; width: 10%"
+          />
+
+          <input
+            class="linha4"
+            name="attr_hhabilidade2"
+            type="text"
+            style="background-color: #e5e7e9; width: 73%"
+          />
+
+          <input
+            class="linha3"
+            name="attr_thabilidade3"
+            type="text"
+            style="background-color: #e5e7e9; width: 10%"
+          />
+
+          <input class="toggle-show" type="checkbox" />
+
+          <div class="body">
+            <div class="texto-magias">
+              <textarea name="attr_area-chabilidade"></textarea>
+            </div>
+            <!-- Fim texto-magias -->
+          </div>
+          <!-- Fim body -->
+        </div>
+        <!-- Fim linhas-magias -->
+      </fieldset>
+
+      <div class="linha-de-divisao-final"></div>
+    </span>
+  </div>
+  <!-- Fim pagina pagina-habilidades -->
+
+  <!-- Pagina do botão magia -->
+  <div class="pagina pagina-magia">
+    <span>
+      <div class="linha-de-divisao-dragao">
+        <h3>Focus</h3>
+      </div>
+
+      <div class="linha-focus2">
+        <input type="text" value="FOGO" style="font-size: 13px" />
+        <input type="text" value="TERRA" style="font-size: 13px" />
+        <input type="text" value="ÁGUA" style="font-size: 13px" />
+        <input type="text" value="AR" style="font-size: 13px" />
+        <input type="text" value="LUZ" style="font-size: 13px" />
+      </div>
+
+      <div class="linha-focus">
+        <input name="attr_Fogo" type="text" value="0" />
+        <input name="attr_Terra" type="text" value="0" />
+        <input name="attr_Agua" type="text" value="0" />
+        <input name="attr_Ar" type="text" value="0" />
+        <input name="attr_Luz" type="text" value="0" />
+      </div>
+
+      <div class="linha-focus2">
+        <input type="text" value="SOMBRA" style="font-size: 13px" />
+        <input type="text" value="GELO" style="font-size: 13px" />
+        <input type="text" value="RELÂMPAGO" style="font-size: 13px" />
+        <input type="text" value="ANIMAIS" style="font-size: 13px" />
+        <input type="text" value="PLANTAS" style="font-size: 13px" />
+      </div>
+
+      <div class="linha-focus">
+        <input name="attr_Sombra" type="text" value="0" />
+        <input name="attr_Gelo" type="text" value="0" />
+        <input name="attr_Relampago" type="text" value="0" />
+        <input name="attr_Animais" type="text" value="0" />
+        <input name="attr_Plantas" type="text" value="0" />
+      </div>
+
+      <div class="linha-focus2">
+        <input type="text" value="METAMAGIA" style="font-size: 13px" />
+        <input type="text" value="HUMANOS" style="font-size: 13px" />
+        <input type="text" value="SPIRITUM" style="font-size: 13px" />
+        <input type="text" value="ARKANUN" style="font-size: 13px" />
+        <input type="text" value="ALQUIMIA" style="font-size: 13px" />
+      </div>
+
+      <div class="linha-focus">
+        <input name="attr_Metamagia" type="text" value="0" />
+        <input name="attr_Humanos" type="text" value="0" />
+        <input name="attr_Spiritum" type="text" value="0" />
+        <input name="attr_Arkanun" type="text" value="0" />
+        <input name="attr_Alquimia" type="text" value="0" />
+      </div>
+
+      <div class="linha-de-divisao-menor-dragao">
+        <h3>Basico</h3>
+      </div>
+      <!-- Fim linha-de-divisao-menor-dragao -->
+
+      <div class="magias">
+        <input
+          class="linha-inicial-pericias2"
+          name="Fake"
+          type="text"
+          value="NOME DA MAGIA"
+          style="width: 38%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="CAMINHO"
+          style="width: 15%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="FOCUS"
+          style="width: 8%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="BASE"
+          style="width: 9%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          style="width: 9%"
+          value="TESTE %"
+        />
+
+        <input class="linha_N" name="Fake" type="text" value="N" />
+
+        <input class="linha_D" name="Fake" type="text" value="D" />
+
+        <input class="linha_M" name="Fake" type="text" value="M" />
+      </div>
+      <!-- Fim magias -->
+
+      <fieldset class="repeating_magia-basica">
+        <div class="linhas-magias">
+          <input
+            class="linha4"
+            name="attr_Magia-nome3"
+            type="text"
+            style="background-color: #e5e7e9; width: 38%"
+          />
+
+          <input
+            class="linha3"
+            name="attr_Caminho3"
+            type="text"
+            style="background-color: #e5e7e9; width: 15%"
+          />
+
+          <input
+            class="linha3"
+            name="attr_Focus3"
+            type="number"
+            style="background-color: #e5e7e9; width: 8%"
+          />
+
+          <input
+            class="linha3"
+            name="attr_PERICIASPontos3"
+            type="number"
+            value="0"
+            style="background-color: #faebd7; width: 9%"
+          />
+
+          <input
+            class="linha3"
+            name="attr_PERICIASTeste3"
+            type="number"
+            value="(@{PERICIASBase3}+@{Proficiencia3}+@{Maestria3}-@{penalidade})"
+            style="background-color: #d3d3d3; width: 9%"
+            disabled
+          />
+
+          <input
+            name="attr_PERICIASBase3"
+            type="number"
+            value="(@{PERICIASPontos3}*4)"
+            style="display: none"
+            disabled
+          />
+
+          <input
+            name="attr_PERICIASA3"
+            type="number"
+            value="floor((@{PERICIASTeste3}/4) + (@{PERICIASCrit3}) + (@{critico}))"
+            style="display: none; width: 10em"
+            disabled
+          />
+
+          <input
+            name="attr_PERICIASB3"
+            type="number"
+            value="floor((@{PERICIASTeste3}/8) + (@{PERICIASCrit3}/2) + (@{critico}/2))"
+            style="display: none; width: 10em"
+            disabled
+          />
+
+          <input
+            name="attr_PERICIASC3"
+            type="number"
+            value="floor((@{PERICIASTeste3}/16) + (@{PERICIASCrit3}/4) + (@{critico}/4))"
+            style="display: none; width: 10em"
+            disabled
+          />
+
+          <button
+            class="dado-verde"
+            type="roll"
+            value="&{template:default} {{name=@{character_name} testou @{Magia-nome3}}} {{Valor_Pericia=[[@{PERICIASTeste3}]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste3}/4) + (@{PERICIASCrit3}) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+(@{PERICIASDesc}) + 5]]}} {{Rolagem=[[1d100cs<@{PERICIASA3}cf>96]]}}"
+          ></button>
+
+          <button
+            class="dado-amarelo"
+            type="roll"
+            value="&{template:default} {{name=@{character_name} testou @{Magia-nome3}}} {{Valor_Pericia=[[@{PERICIASTeste3}/2]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste3}/8) + (@{PERICIASCrit3}/2) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+(@{PERICIASDesc}) + 5]]}} {{Rolagem=[[1d100cs<@{PERICIASA3}cf>96]]}}"
+          ></button>
+
+          <button
+            class="dado-vermelho"
+            type="roll"
+            value="&{template:default} {{name=@{character_name} testou @{Magia-nome3}}} {{Valor_Pericia=[[floor(@{PERICIASTeste3}/4)]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste3}/16) + (@{PERICIASCrit3}/4) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+(@{PERICIASDesc}) + 5]]}} {{Rolagem=[[1d100cs<@{PERICIASA3}cf>96]]}}"
+          ></button>
+
+          <input class="toggle-show" type="checkbox" />
+
+          <div class="body">
+            <input
+              class="linha-secundaria2"
+              name="Proficiencia-magia"
+              type="text"
+              value="Proficiência"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Maestria-magia"
+              type="text"
+              value="Maestria"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Critico-magia"
+              type="text"
+              value="Crítico"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Mod-dano-magia"
+              type="text"
+              value="Decisivo"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Mod-dano-magia"
+              type="text"
+              value="Dano Bônus"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Dano-fisico-magia"
+              type="text"
+              value="Dano Fisico"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Dano-magico-magia"
+              type="text"
+              value="Dano Magico"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha_N"
+              name="Fake"
+              type="text"
+              value="X1"
+              style="color: #a52a2a"
+            />
+
+            <input
+              class="linha_N"
+              name="Fake"
+              type="text"
+              value="X2"
+              style="color: #a52a2a"
+            />
+
+            <input
+              class="linha_N"
+              name="Fake"
+              type="text"
+              value="X3"
+              style="color: #a52a2a"
+            />
+
+            <input
+              class="linha_N"
+              name="Fake"
+              type="text"
+              value="X4"
+              style="color: #a52a2a"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_Proficiencia3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_Maestria3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_PERICIASCrit3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_PERICIASDesc"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_dano-bonus-magia3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_dano-fisico-magia3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_dano-magia3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <button
+              type="roll"
+              value="&{template:default} {{name=X1 (@{character_name})}} {{Dano Fisico=[[@{dano-fisico-magia3}]]}} {{Dano Magico=[[@{dano-magia3} + @{dano-bonus-magia3}]]}}"
+            ></button>
+
+            <button
+              type="roll"
+              value="&{template:default} {{name=X2 (@{character_name})}} {{Dano Fisico=[[@{dano-fisico-magia3} + @{dano-fisico-magia3}]]}} {{Dano Magico=[[@{dano-magia3} + @{dano-magia3} + @{dano-bonus-magia3}]]}}"
+            ></button>
+
+            <button
+              type="roll"
+              value="&{template:default} {{name=X3 (@{character_name})}} {{Dano Fisico=[[@{dano-fisico-magia3} + @{dano-fisico-magia3} + @{dano-fisico-magia3}]]}} {{Dano Magico=[[@{dano-magia3} + @{dano-magia3} + @{dano-magia3} + @{dano-bonus-magia3}]]}}"
+            ></button>
+
+            <button
+              type="roll"
+              value="&{template:default} {{name=X4 (@{character_name})}} {{Dano Fisico=[[@{dano-fisico-magia3} + @{dano-fisico-magia3} + @{dano-fisico-magia3} + @{dano-fisico-magia3}]]}} {{Dano Magico=[[@{dano-magia3} + @{dano-magia3} + @{dano-magia3} + @{dano-magia3} + @{dano-bonus-magia3}]]}}"
+            ></button>
+
+            <div class="linhas-magias-1">
+              <input
+                class="linha-secundaria2"
+                name="Proficiencia-fake"
+                type="text"
+                value="Tipo"
+                style="width: 20%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Maestria-fake"
+                type="text"
+                value="Custo"
+                style="width: 10%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Critico-fake"
+                type="text"
+                value="Execução"
+                style="width: 15%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Mod-dano-fake"
+                type="text"
+                value="Duração"
+                style="width: 15%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Mod-dano-fake"
+                type="text"
+                value="Alcance"
+                style="width: 12%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Mod-dano-fake"
+                type="text"
+                value="Area"
+                style="width: 8%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Mod-dano-fake"
+                type="text"
+                value="Resistência"
+                style="width: 15%"
+              />
+
+              <div class="linhas-magias-2">
+                <input
+                  class="linha-secundaria"
+                  name="attr_Tipo3"
+                  type="text"
+                  value="0"
+                  style="width: 20%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Custo3"
+                  type="text"
+                  value="0"
+                  style="width: 10%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Execução3"
+                  type="text"
+                  value="0"
+                  style="width: 15%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Duração3"
+                  type="text"
+                  value="0"
+                  style="width: 15%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Alcançe3"
+                  type="text"
+                  value="0"
+                  style="width: 12%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Area3"
+                  type="text"
+                  value="0"
+                  style="width: 8%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Resistencia3"
+                  type="text"
+                  value="0"
+                  style="width: 15%"
+                />
+
+                <div class="texto-magias">
+                  <textarea name="attr_area-texto3"></textarea>
+                </div>
+                <!-- Fim texto-magias -->
+              </div>
+              <!-- Fim linhas-magias-2 -->
+            </div>
+            <!-- Fim linhas-magias-1 -->
+          </div>
+          <!-- Fim body -->
+        </div>
+        <!-- Fim linhas-magias -->
+      </fieldset>
+
+      <div class="linha-de-divisao-menor-dragao">
+        <h3>Intermediário</h3>
+      </div>
+      <!-- Fim linha-de-divisao-menor-dragao -->
+
+      <div class="magias">
+        <input
+          class="linha-inicial-pericias2"
+          name="Fake"
+          type="text"
+          value="NOME DA MAGIA"
+          style="width: 38%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="CAMINHO"
+          style="width: 15%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="FOCUS"
+          style="width: 8%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="BASE"
+          style="width: 9%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          style="width: 9%"
+          value="TESTE %"
+        />
+
+        <input class="linha_N" name="Fake" type="text" value="N" />
+
+        <input class="linha_D" name="Fake" type="text" value="D" />
+
+        <input class="linha_M" name="Fake" type="text" value="M" />
+      </div>
+      <!-- Fim magias -->
+
+      <fieldset class="repeating_magia-intermediario">
+        <div class="linhas-magias">
+          <input
+            class="linha4"
+            name="attr_Magia-nome3"
+            type="text"
+            style="background-color: #e5e7e9; width: 38%"
+          />
+
+          <input
+            class="linha3"
+            name="attr_Caminho3"
+            type="text"
+            style="background-color: #e5e7e9; width: 15%"
+          />
+
+          <input
+            class="linha3"
+            name="attr_Focus3"
+            type="number"
+            style="background-color: #e5e7e9; width: 8%"
+          />
+
+          <input
+            class="linha3"
+            name="attr_PERICIASPontos3"
+            type="number"
+            value="0"
+            style="background-color: #faebd7; width: 9%"
+          />
+
+          <input
+            class="linha3"
+            name="attr_PERICIASTeste3"
+            type="number"
+            value="(@{PERICIASBase3}+@{Proficiencia3}+@{Maestria3}-@{penalidade})"
+            style="background-color: #d3d3d3; width: 9%"
+            disabled
+          />
+
+          <input
+            name="attr_PERICIASBase3"
+            type="number"
+            value="(@{PERICIASPontos3}*4)"
+            style="display: none"
+            disabled
+          />
+
+          <input
+            name="attr_PERICIASA3"
+            type="number"
+            value="floor((@{PERICIASTeste3}/4) + (@{PERICIASCrit3}) + (@{critico}))"
+            style="display: none; width: 10em"
+            disabled
+          />
+
+          <input
+            name="attr_PERICIASB3"
+            type="number"
+            value="floor((@{PERICIASTeste3}/8) + (@{PERICIASCrit3}/2) + (@{critico}/2))"
+            style="display: none; width: 10em"
+            disabled
+          />
+
+          <input
+            name="attr_PERICIASC3"
+            type="number"
+            value="floor((@{PERICIASTeste3}/16) + (@{PERICIASCrit3}/4) + (@{critico}/4))"
+            style="display: none; width: 10em"
+            disabled
+          />
+
+          <button
+            class="dado-verde"
+            type="roll"
+            value="&{template:default} {{name=@{character_name} testou @{Magia-nome3}}} {{Valor_Pericia=[[@{PERICIASTeste3}]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste3}/4) + (@{PERICIASCrit3}) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+(@{PERICIASDesc}) + 5]]}} {{Rolagem=[[1d100cs<@{PERICIASA3}cf>96]]}}"
+          ></button>
+
+          <button
+            class="dado-amarelo"
+            type="roll"
+            value="&{template:default} {{name=@{character_name} testou @{Magia-nome3}}} {{Valor_Pericia=[[@{PERICIASTeste3}/2]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste3}/8) + (@{PERICIASCrit3}/2) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+(@{PERICIASDesc}) + 5]]}} {{Rolagem=[[1d100cs<@{PERICIASA3}cf>96]]}}"
+          ></button>
+
+          <button
+            class="dado-vermelho"
+            type="roll"
+            value="&{template:default} {{name=@{character_name} testou @{Magia-nome3}}} {{Valor_Pericia=[[floor(@{PERICIASTeste3}/4)]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste3}/16) + (@{PERICIASCrit3}/4) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+(@{PERICIASDesc}) + 5]]}} {{Rolagem=[[1d100cs<@{PERICIASA3}cf>96]]}}"
+          ></button>
+
+          <input class="toggle-show" type="checkbox" />
+
+          <div class="body">
+            <input
+              class="linha-secundaria2"
+              name="Proficiencia-magia"
+              type="text"
+              value="Proficiência"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Maestria-magia"
+              type="text"
+              value="Maestria"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Critico-magia"
+              type="text"
+              value="Crítico"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Critico-magia"
+              type="text"
+              value="Decisivo"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Mod-dano-magia"
+              type="text"
+              value="Dano Bônus"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Dano-fisico-magia"
+              type="text"
+              value="Dano Fisico"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Dano-magico-magia"
+              type="text"
+              value="Dano Magico"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha_N"
+              name="Fake"
+              type="text"
+              value="X1"
+              style="color: #a52a2a"
+            />
+
+            <input
+              class="linha_N"
+              name="Fake"
+              type="text"
+              value="X2"
+              style="color: #a52a2a"
+            />
+
+            <input
+              class="linha_N"
+              name="Fake"
+              type="text"
+              value="X3"
+              style="color: #a52a2a"
+            />
+
+            <input
+              class="linha_N"
+              name="Fake"
+              type="text"
+              value="X4"
+              style="color: #a52a2a"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_Proficiencia3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_Maestria3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_PERICIASCrit3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_PERICIASDesc"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_dano-bonus-magia3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_dano-fisico-magia3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_dano-magia3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <button
+              type="roll"
+              value="&{template:default} {{name=X1 (@{character_name})}} {{Dano Fisico=[[@{dano-fisico-magia3}]]}} {{Dano Magico=[[@{dano-magia3} + @{dano-bonus-magia3}]]}}"
+            ></button>
+
+            <button
+              type="roll"
+              value="&{template:default} {{name=X2 (@{character_name})}} {{Dano Fisico=[[@{dano-fisico-magia3} + @{dano-fisico-magia3}]]}} {{Dano Magico=[[@{dano-magia3} + @{dano-magia3} + @{dano-bonus-magia3}]]}}"
+            ></button>
+
+            <button
+              type="roll"
+              value="&{template:default} {{name=X3 (@{character_name})}} {{Dano Fisico=[[@{dano-fisico-magia3} + @{dano-fisico-magia3} + @{dano-fisico-magia3}]]}} {{Dano Magico=[[@{dano-magia3} + @{dano-magia3} + @{dano-magia3} + @{dano-bonus-magia3}]]}}"
+            ></button>
+
+            <button
+              type="roll"
+              value="&{template:default} {{name=X4 (@{character_name})}} {{Dano Fisico=[[@{dano-fisico-magia3} + @{dano-fisico-magia3} + @{dano-fisico-magia3} + @{dano-fisico-magia3}]]}} {{Dano Magico=[[@{dano-magia3} + @{dano-magia3} + @{dano-magia3} + @{dano-magia3} + @{dano-bonus-magia3}]]}}"
+            ></button>
+
+            <div class="linhas-magias-1">
+              <input
+                class="linha-secundaria2"
+                name="Proficiencia-fake"
+                type="text"
+                value="Tipo"
+                style="width: 20%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Maestria-fake"
+                type="text"
+                value="Custo"
+                style="width: 10%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Critico-fake"
+                type="text"
+                value="Execução"
+                style="width: 15%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Mod-dano-fake"
+                type="text"
+                value="Duração"
+                style="width: 15%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Mod-dano-fake"
+                type="text"
+                value="Alcance"
+                style="width: 12%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Mod-dano-fake"
+                type="text"
+                value="Area"
+                style="width: 8%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Mod-dano-fake"
+                type="text"
+                value="Resistência"
+                style="width: 15%"
+              />
+
+              <div class="linhas-magias-2">
+                <input
+                  class="linha-secundaria"
+                  name="attr_Tipo3"
+                  type="text"
+                  value="0"
+                  style="width: 20%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Custo3"
+                  type="text"
+                  value="0"
+                  style="width: 10%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Execução3"
+                  type="text"
+                  value="0"
+                  style="width: 15%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Duração3"
+                  type="text"
+                  value="0"
+                  style="width: 15%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Alcançe3"
+                  type="text"
+                  value="0"
+                  style="width: 12%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Area3"
+                  type="text"
+                  value="0"
+                  style="width: 8%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Resistencia3"
+                  type="text"
+                  value="0"
+                  style="width: 15%"
+                />
+
+                <div class="texto-magias">
+                  <textarea name="attr_area-texto3"></textarea>
+                </div>
+                <!-- Fim texto-magias -->
+              </div>
+              <!-- Fim linhas-magias-2 -->
+            </div>
+            <!-- Fim linhas-magias-1 -->
+          </div>
+          <!-- Fim body -->
+        </div>
+        <!-- Fim linhas-magias -->
+      </fieldset>
+
+      <div class="linha-de-divisao-menor-dragao">
+        <h3>Avançado</h3>
+      </div>
+      <!-- Fim linha-de-divisao-menor-dragao -->
+
+      <div class="magias">
+        <input
+          class="linha-inicial-pericias2"
+          name="Fake"
+          type="text"
+          value="NOME DA MAGIA"
+          style="width: 38%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="CAMINHO"
+          style="width: 15%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="FOCUS"
+          style="width: 8%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="BASE"
+          style="width: 9%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          style="width: 9%"
+          value="TESTE %"
+        />
+
+        <input class="linha_N" name="Fake" type="text" value="N" />
+
+        <input class="linha_D" name="Fake" type="text" value="D" />
+
+        <input class="linha_M" name="Fake" type="text" value="M" />
+      </div>
+      <!-- Fim magias -->
+
+      <fieldset class="repeating_magia-avancada">
+        <div class="linhas-magias">
+          <input
+            class="linha4"
+            name="attr_Magia-nome3"
+            type="text"
+            style="background-color: #e5e7e9; width: 38%"
+          />
+
+          <input
+            class="linha3"
+            name="attr_Caminho3"
+            type="text"
+            style="background-color: #e5e7e9; width: 15%"
+          />
+
+          <input
+            class="linha3"
+            name="attr_Focus3"
+            type="number"
+            style="background-color: #e5e7e9; width: 8%"
+          />
+
+          <input
+            class="linha3"
+            name="attr_PERICIASPontos3"
+            type="number"
+            value="0"
+            style="background-color: #faebd7; width: 9%"
+          />
+
+          <input
+            class="linha3"
+            name="attr_PERICIASTeste3"
+            type="number"
+            value="(@{PERICIASBase3}+@{Proficiencia3}+@{Maestria3}-@{penalidade})"
+            style="background-color: #d3d3d3; width: 9%"
+            disabled
+          />
+
+          <input
+            name="attr_PERICIASBase3"
+            type="number"
+            value="(@{PERICIASPontos3}*4)"
+            style="display: none"
+            disabled
+          />
+
+          <input
+            name="attr_PERICIASA3"
+            type="number"
+            value="floor((@{PERICIASTeste3}/4) + (@{PERICIASCrit3}) + (@{critico}))"
+            style="display: none; width: 10em"
+            disabled
+          />
+
+          <input
+            name="attr_PERICIASB3"
+            type="number"
+            value="floor((@{PERICIASTeste3}/8) + (@{PERICIASCrit3}/2) + (@{critico}/2))"
+            style="display: none; width: 10em"
+            disabled
+          />
+
+          <input
+            name="attr_PERICIASC3"
+            type="number"
+            value="floor((@{PERICIASTeste3}/16) + (@{PERICIASCrit3}/4) + (@{critico}/4))"
+            style="display: none; width: 10em"
+            disabled
+          />
+
+          <button
+            class="dado-verde"
+            type="roll"
+            value="&{template:default} {{name=@{character_name} testou @{Magia-nome3}}} {{Valor_Pericia=[[@{PERICIASTeste3}]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste3}/4) + (@{PERICIASCrit3}) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+(@{PERICIASDesc}) + 5]]}} {{Rolagem=[[1d100cs<@{PERICIASA3}cf>96]]}}"
+          ></button>
+
+          <button
+            class="dado-amarelo"
+            type="roll"
+            value="&{template:default} {{name=@{character_name} testou @{Magia-nome3}}} {{Valor_Pericia=[[@{PERICIASTeste3}/2]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste3}/8) + (@{PERICIASCrit3}/2) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+(@{PERICIASDesc}) + 5]]}} {{Rolagem=[[1d100cs<@{PERICIASA3}cf>96]]}}"
+          ></button>
+
+          <button
+            class="dado-vermelho"
+            type="roll"
+            value="&{template:default} {{name=@{character_name} testou @{Magia-nome3}}} {{Valor_Pericia=[[floor(@{PERICIASTeste3}/4)]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste3}/16) + (@{PERICIASCrit3}/4) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+(@{PERICIASDesc}) + 5]]}} {{Rolagem=[[1d100cs<@{PERICIASA3}cf>96]]}}"
+          ></button>
+
+          <input class="toggle-show" type="checkbox" />
+
+          <div class="body">
+            <input
+              class="linha-secundaria2"
+              name="Proficiencia-magia"
+              type="text"
+              value="Proficiência"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Maestria-magia"
+              type="text"
+              value="Maestria"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Critico-magia"
+              type="text"
+              value="Crítico"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Critico-magia"
+              type="text"
+              value="Decisivo"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Mod-dano-magia"
+              type="text"
+              value="Dano Bônus"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Dano-fisico-magia"
+              type="text"
+              value="Dano Fisico"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Dano-magico-magia"
+              type="text"
+              value="Dano Magico"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha_N"
+              name="Fake"
+              type="text"
+              value="X1"
+              style="color: #a52a2a"
+            />
+
+            <input
+              class="linha_N"
+              name="Fake"
+              type="text"
+              value="X2"
+              style="color: #a52a2a"
+            />
+
+            <input
+              class="linha_N"
+              name="Fake"
+              type="text"
+              value="X3"
+              style="color: #a52a2a"
+            />
+
+            <input
+            class="linha_N"
+            name="Fake"
+            type="text"
+            value="X4"
+            style="color: #a52a2a"
+          />
+
+            <input
+              class="linha-secundaria"
+              name="attr_Proficiencia3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_Maestria3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_PERICIASCrit3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_PERICIASDesc"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_dano-bonus-magia3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_dano-fisico-magia3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_dano-magia3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <button
+              type="roll"
+              value="&{template:default} {{name=X1 (@{character_name})}} {{Dano Fisico=[[@{dano-fisico-magia3}]]}} {{Dano Magico=[[@{dano-magia3} + @{dano-bonus-magia3}]]}}"
+            ></button>
+
+            <button
+              type="roll"
+              value="&{template:default} {{name=X2 (@{character_name})}} {{Dano Fisico=[[@{dano-fisico-magia3} + @{dano-fisico-magia3}]]}} {{Dano Magico=[[@{dano-magia3} + @{dano-magia3} + @{dano-bonus-magia3}]]}}"
+            ></button>
+
+            <button
+              type="roll"
+              value="&{template:default} {{name=X3 (@{character_name})}} {{Dano Fisico=[[@{dano-fisico-magia3} + @{dano-fisico-magia3} + @{dano-fisico-magia3}]]}} {{Dano Magico=[[@{dano-magia3} + @{dano-magia3} + @{dano-magia3} + @{dano-bonus-magia3}]]}}"
+            ></button>
+
+            <button
+              type="roll"
+              value="&{template:default} {{name=X4 (@{character_name})}} {{Dano Fisico=[[@{dano-fisico-magia3} + @{dano-fisico-magia3} + @{dano-fisico-magia3} + @{dano-fisico-magia3}]]}} {{Dano Magico=[[@{dano-magia3} + @{dano-magia3} + @{dano-magia3} + @{dano-magia3} + @{dano-bonus-magia3}]]}}"
+            ></button>
+
+            <div class="linhas-magias-1">
+              <input
+                class="linha-secundaria2"
+                name="Proficiencia-fake"
+                type="text"
+                value="Tipo"
+                style="width: 20%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Maestria-fake"
+                type="text"
+                value="Custo"
+                style="width: 10%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Critico-fake"
+                type="text"
+                value="Execução"
+                style="width: 15%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Mod-dano-fake"
+                type="text"
+                value="Duração"
+                style="width: 15%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Mod-dano-fake"
+                type="text"
+                value="Alcance"
+                style="width: 12%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Mod-dano-fake"
+                type="text"
+                value="Area"
+                style="width: 8%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Mod-dano-fake"
+                type="text"
+                value="Resistência"
+                style="width: 15%"
+              />
+
+              <div class="linhas-magias-2">
+                <input
+                  class="linha-secundaria"
+                  name="attr_Tipo3"
+                  type="text"
+                  value="0"
+                  style="width: 20%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Custo3"
+                  type="text"
+                  value="0"
+                  style="width: 10%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Execução3"
+                  type="text"
+                  value="0"
+                  style="width: 15%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Duração3"
+                  type="text"
+                  value="0"
+                  style="width: 15%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Alcançe3"
+                  type="text"
+                  value="0"
+                  style="width: 12%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Area3"
+                  type="text"
+                  value="0"
+                  style="width: 8%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Resistencia3"
+                  type="text"
+                  value="0"
+                  style="width: 15%"
+                />
+
+                <div class="texto-magias">
+                  <textarea name="attr_area-texto3"></textarea>
+                </div>
+                <!-- Fim texto-magias -->
+              </div>
+              <!-- Fim linhas-magias-2 -->
+            </div>
+            <!-- Fim linhas-magias-1 -->
+          </div>
+          <!-- Fim body -->
+        </div>
+        <!-- Fim linhas-magias -->
+      </fieldset>
+
+      <div class="linha-de-divisao-menor-dragao">
+        <h3>Superior</h3>
+      </div>
+      <!-- Fim linha-de-divisao-menor-dragao -->
+
+      <div class="magias">
+        <input
+          class="linha-inicial-pericias2"
+          name="Fake"
+          type="text"
+          value="NOME DA MAGIA"
+          style="width: 38%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="CAMINHO"
+          style="width: 15%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="FOCUS"
+          style="width: 8%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          value="BASE"
+          style="width: 9%"
+        />
+
+        <input
+          class="linha-inicial-pericias"
+          name="Fake"
+          type="text"
+          style="width: 9%"
+          value="TESTE %"
+        />
+
+        <input class="linha_N" name="Fake" type="text" value="N" />
+
+        <input class="linha_D" name="Fake" type="text" value="D" />
+
+        <input class="linha_M" name="Fake" type="text" value="M" />
+      </div>
+      <!-- Fim magias -->
+
+      <fieldset class="repeating_magia-superior">
+        <div class="linhas-magias">
+          <input
+            class="linha4"
+            name="attr_Magia-nome3"
+            type="text"
+            style="background-color: #e5e7e9; width: 38%"
+          />
+
+          <input
+            class="linha3"
+            name="attr_Caminho3"
+            type="text"
+            style="background-color: #e5e7e9; width: 15%"
+          />
+
+          <input
+            class="linha3"
+            name="attr_Focus3"
+            type="number"
+            style="background-color: #e5e7e9; width: 8%"
+          />
+
+          <input
+            class="linha3"
+            name="attr_PERICIASPontos3"
+            type="number"
+            value="0"
+            style="background-color: #faebd7; width: 9%"
+          />
+
+          <input
+            class="linha3"
+            name="attr_PERICIASTeste3"
+            type="number"
+            value="(@{PERICIASBase3}+@{Proficiencia3}+@{Maestria3}-@{penalidade})"
+            style="background-color: #d3d3d3; width: 9%"
+            disabled
+          />
+
+          <input
+            name="attr_PERICIASBase3"
+            type="number"
+            value="(@{PERICIASPontos3}*4)"
+            style="display: none"
+            disabled
+          />
+
+          <input
+            name="attr_PERICIASA3"
+            type="number"
+            value="floor((@{PERICIASTeste3}/4) + (@{PERICIASCrit3}) + (@{critico}))"
+            style="display: none; width: 10em"
+            disabled
+          />
+
+          <input
+            name="attr_PERICIASB3"
+            type="number"
+            value="floor((@{PERICIASTeste3}/8) + (@{PERICIASCrit3}/2) + (@{critico}/2))"
+            style="display: none; width: 10em"
+            disabled
+          />
+
+          <input
+            name="attr_PERICIASC3"
+            type="number"
+            value="floor((@{PERICIASTeste3}/16) + (@{PERICIASCrit3}/4) + (@{critico}/4))"
+            style="display: none; width: 10em"
+            disabled
+          />
+
+          <button
+            class="dado-verde"
+            type="roll"
+            value="&{template:default} {{name=@{character_name} testou @{Magia-nome3}}} {{Valor_Pericia=[[@{PERICIASTeste3}]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste3}/4) + (@{PERICIASCrit3}) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+(@{PERICIASDesc}) + 5]]}} {{Rolagem=[[1d100cs<@{PERICIASA3}cf>96]]}}"
+          ></button>
+
+          <button
+            class="dado-amarelo"
+            type="roll"
+            value="&{template:default} {{name=@{character_name} testou @{Magia-nome3}}} {{Valor_Pericia=[[@{PERICIASTeste3}/2]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste3}/8) + (@{PERICIASCrit3}/2) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+(@{PERICIASDesc}) + 5]]}} {{Rolagem=[[1d100cs<@{PERICIASA3}cf>96]]}}"
+          ></button>
+
+          <button
+            class="dado-vermelho"
+            type="roll"
+            value="&{template:default} {{name=@{character_name} testou @{Magia-nome3}}} {{Valor_Pericia=[[floor(@{PERICIASTeste3}/4)]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste3}/16) + (@{PERICIASCrit3}/4) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+(@{PERICIASDesc}) + 5]]}} {{Rolagem=[[1d100cs<@{PERICIASA3}cf>96]]}}"
+          ></button>
+
+          <input class="toggle-show" type="checkbox" />
+
+          <div class="body">
+            <input
+              class="linha-secundaria2"
+              name="Proficiencia-magia"
+              type="text"
+              value="Proficiência"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Maestria-magia"
+              type="text"
+              value="Maestria"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Critico-magia"
+              type="text"
+              value="Crítico"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Critico-magia"
+              type="text"
+              value="Decisivo"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Mod-dano-magia"
+              type="text"
+              value="Dano Bônus"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Dano-fisico-magia"
+              type="text"
+              value="Dano Fisico"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria2"
+              name="Dano-magico-magia"
+              type="text"
+              value="Dano Magico"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha_N"
+              name="Fake"
+              type="text"
+              value="X1"
+              style="color: #a52a2a"
+            />
+
+            <input
+              class="linha_N"
+              name="Fake"
+              type="text"
+              value="X2"
+              style="color: #a52a2a"
+            />
+
+            <input
+              class="linha_N"
+              name="Fake"
+              type="text"
+              value="X3"
+              style="color: #a52a2a"
+            />
+
+            <input
+              class="linha_N"
+              name="Fake"
+              type="text"
+              value="X4"
+              style="color: #a52a2a"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_Proficiencia3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_Maestria3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_PERICIASCrit3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_PERICIASDesc"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_dano-bonus-magia3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_dano-fisico-magia3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <input
+              class="linha-secundaria"
+              name="attr_dano-magia3"
+              type="text"
+              value="0"
+              style="width: 11.1%"
+            />
+
+            <button
+              type="roll"
+              value="&{template:default} {{name=X1 (@{character_name})}} {{Dano Fisico=[[@{dano-fisico-magia3}]]}} {{Dano Magico=[[@{dano-magia3} + @{dano-bonus-magia3}]]}}"
+            ></button>
+
+            <button
+              type="roll"
+              value="&{template:default} {{name=X2 (@{character_name})}} {{Dano Fisico=[[@{dano-fisico-magia3} + @{dano-fisico-magia3}]]}} {{Dano Magico=[[@{dano-magia3} + @{dano-magia3} + @{dano-bonus-magia3}]]}}"
+            ></button>
+
+            <button
+              type="roll"
+              value="&{template:default} {{name=X3 (@{character_name})}} {{Dano Fisico=[[@{dano-fisico-magia3} + @{dano-fisico-magia3} + @{dano-fisico-magia3}]]}} {{Dano Magico=[[@{dano-magia3} + @{dano-magia3} + @{dano-magia3} + @{dano-bonus-magia3}]]}}"
+            ></button>
+
+            <button
+              type="roll"
+              value="&{template:default} {{name=X4 (@{character_name})}} {{Dano Fisico=[[@{dano-fisico-magia3} + @{dano-fisico-magia3} + @{dano-fisico-magia3} + @{dano-fisico-magia3}]]}} {{Dano Magico=[[@{dano-magia3} + @{dano-magia3} + @{dano-magia3} + @{dano-magia3} + @{dano-bonus-magia3}]]}}"
+            ></button>
+
+            <div class="linhas-magias-1">
+              <input
+                class="linha-secundaria2"
+                name="Proficiencia-fake"
+                type="text"
+                value="Tipo"
+                style="width: 20%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Maestria-fake"
+                type="text"
+                value="Custo"
+                style="width: 10%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Critico-fake"
+                type="text"
+                value="Execução"
+                style="width: 15%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Mod-dano-fake"
+                type="text"
+                value="Duração"
+                style="width: 15%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Mod-dano-fake"
+                type="text"
+                value="Alcance"
+                style="width: 12%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Mod-dano-fake"
+                type="text"
+                value="Area"
+                style="width: 8%"
+              />
+
+              <input
+                class="linha-secundaria2"
+                name="Mod-dano-fake"
+                type="text"
+                value="Resistência"
+                style="width: 15%"
+              />
+
+              <div class="linhas-magias-2">
+                <input
+                  class="linha-secundaria"
+                  name="attr_Tipo3"
+                  type="text"
+                  value="0"
+                  style="width: 20%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Custo3"
+                  type="text"
+                  value="0"
+                  style="width: 10%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Execução3"
+                  type="text"
+                  value="0"
+                  style="width: 15%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Duração3"
+                  type="text"
+                  value="0"
+                  style="width: 15%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Alcançe3"
+                  type="text"
+                  value="0"
+                  style="width: 12%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Area3"
+                  type="text"
+                  value="0"
+                  style="width: 8%"
+                />
+
+                <input
+                  class="linha-secundaria"
+                  name="attr_Resistencia3"
+                  type="text"
+                  value="0"
+                  style="width: 15%"
+                />
+
+                <div class="texto-magias">
+                  <textarea name="attr_area-texto3"></textarea>
+                </div>
+                <!-- Fim texto-magias -->
+              </div>
+              <!-- Fim linhas-magias-2 -->
+            </div>
+            <!-- Fim linhas-magias-1 -->
+          </div>
+          <!-- Fim body -->
+        </div>
+        <!-- Fim linhas-magias -->
+      </fieldset>
+
+      <div class="linha-de-divisao-final"></div>
+    </span>
+  </div>
+  <!-- Fim pagina pagina-magia -->
+
+  <!-- Pagina do botão equipamentos -->
+  <div class="pagina pagina-equipamentos">
+    <span>
+      <div class="linha-de-divisao-dragao">
+        <h3>Equipamentos</h3>
+      </div>
+
+      <div class="3colrow">
+        <div class="col">
+          <!-- primeira coluna -->
+          <div class="texto-equip">
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_arma1"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-arma" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-1"></textarea>
+              </div>
+            </div>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_arma2"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-arma" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-2"></textarea>
+              </div>
+            </div>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_arma3"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-arma" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-3"></textarea>
+              </div>
+            </div>
+
+            <div>
+              <input
+                class="linha-equip"
+                type="text"
+                name="attr_municao"
+                style="width: 85%"
+                value=""
+              />
+
+              <input class="toggle-show-municao" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-4"></textarea>
+              </div>
+            </div>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_armadura1"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-armadura" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-5"></textarea>
+              </div>
+            </div>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_item1"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-item" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-6"></textarea>
+              </div>
+            </div>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_item2"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-item" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-7"></textarea>
+              </div>
+            </div>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_item3"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-item" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-8"></textarea>
+              </div>
+            </div>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_item4"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-item" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-9"></textarea>
+              </div>
+            </div>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_item5"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-item" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-10"></textarea>
+              </div>
+            </div>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_poçao1"
+                type="text"
+                style="width: 85%"
+                value=""
+              />
+
+              <input class="toggle-show-pocao" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-11"></textarea>
+              </div>
+            </div>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_poçao2"
+                type="text"
+                style="width: 85%"
+                value=""
+              />
+
+              <input class="toggle-show-pocao" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-12"></textarea>
+              </div>
+            </div>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_poçao3"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-pocao" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-13"></textarea>
+              </div>
+            </div>
+
             <div>
-              <input type="text" style= "width: 8%;" value= "" class="linha-sub2">
-              <input type="text" style= "width: 20%;" value= "NOME" class="linha-sub2">
-              <input type="text" name="attr_basefk" style= "width: 20%;" value= "BASE" class="linha-sub2">
-              <input type="text" name="attr_addfk"style= "width: 25%;" value= "ADICIONAL" class="linha-sub2">
-              <input type="text" name="attr_totalfk" style= "width: 20%;" value= "TOTAL" class="linha-sub2">
+              <input
+                class="linha-equip"
+                name="attr_poçao4"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-pocao" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-14"></textarea>
+              </div>
             </div>
-            <input type="text"  name="attr_PV-imagem"  value="" class="linha-vida"/>
-            <input type="text" name="fake" style= "width: 20%;" value="VIDA" class="linha-sub">
-            <input type="text" name="attr_PV-base" style= "width: 20%;" value="(@{For} + @{Con} + @{Con-Temp} + @{For-Temp})" class="linha-sub" disabled/>
-            <input type="text" name="attr_PV-Adicional-1" style= "width: 25%;" value="0" class="linha-sub"/>
-            <input type="text" name="attr_PV-total" style= "width: 20%;" value=" (@{PV-base} + @{PV-adicional-1})" class="linha-sub" disabled/>
-            <br>
-          </div>
-          <div class="Mps">
-            <input type="text"  name="attr_PM-imagem"  value="" class="linha-mana"/>
-            <input type="text" name="fake" style= "width: 20%;" value="MANA" class="linha-sub">
-            <input type="text" name="attr_PM-base" style= "width: 20%;" value="@{Von-Mod}" class="linha-sub" disabled/>
-            <input type="text" name="attr_PM-adicional-1" style= "width: 25%;" value="0" class="linha-sub"/>
-            <input type="text" name="attr_PM-total" style= "width: 20%;" value=" (@{PM-base} + @{PM-adicional-1})" class="linha-sub" disabled/>
-            <br>
-          </div>
-          <div class="Fe">
-            <input type="text"  name="attr_FE-imagem"  value="" class="linha-fe"/>
-            <input type="text" name="fake" style= "width: 20%;" value="FÉ" class="linha-sub">
-            <input type="text" name="attr_FÉ-base" style= "width: 20%;" value="@{Car-Mod}" class="linha-sub" disabled/>
-            <input type="text" name="attr_FÉ-adicional-1" style= "width: 25%;" value="0" class="linha-sub"/>
-            <input type="text" name="attr_FÉ-total" style= "width: 20%;" value=" (@{FÉ-base} + @{FÉ-adicional-1})" class="linha-sub" disabled/>
-            <br>
-          </div>
-          <div class="IP">
-            <input type="text"  name="attr_IP-imagem"  value="" class="linha-ip"/>
-            <input type="text" name="fake" style= "width: 20%;" value="IP" class="linha-sub">
-            <input type="text" name="attr_IP-base" style= "width: 20%;" value="" class="linha-sub"/>
-            <input type="text" name="attr_IP-adicional-1" style= "width: 25%;" value="0" class="linha-sub"/>
-            <input type="text" name="attr_IP-total" style= "width: 20%;" value=" (@{IP-base} + @{IP-adicional-1})" class="linha-sub" disabled/>
-            <br>
-          </div>
-          <div class="RM">
-            <input type="text"  name="attr_RM-imagem"  value="" class="linha-rm"/>
-            <input type="text" name="fake" style= "width: 20%;" value="RM" class="linha-sub">
-            <input type="text" name="attr_RM-base" style= "width: 20%;" value="" class="linha-sub"/>
-            <input type="text" name="attr_RM-adicional-1" style= "width: 25%;" value="0" class="linha-sub"/>
-            <input type="text" name="attr_RM-total" style= "width: 20%;" value=" (@{RM-base} + @{RM-adicional-1})" class="linha-sub" disabled/>
-            <br>
-             <div class="MOVE">
-            <input type="text"  name="attr_move-imagem"  value="" class="linha-move"/>
-            <input type="text" name="fake" style= "width: 20%;" value="Movimento" class="linha-sub">
-            <input type="text" name="attr_move-base" style= "width: 20%;" value= "((@{Agi}/2) + (@{Agi-Temp}/2))" class="linha-sub" disabled>
-            <input type="text" name="attr_move-adicional-1" style= "width: 25%;" value="0" class="linha-sub"/>
-            <input type="text" name="attr_move-total" style= "width: 20%;" value=" (@{move-base}+@{move-adicional-1}) " class="linha-sub" disabled/>
-            <br>
-          </div>
-            <div class="dcp">
-              <input type="text"  style="background-color:transparent; border:none; width: 32%; Font-size: 13px;" value="" class="linha-critico"/>
-              <input type="text"  style="background-color:transparent; border:none; width: 32%; Font-size: 13px;" value="" class="linha-decisivo"/>
-              <input type="text"  style="background-color:transparent; border:none; width: 32%; Font-size: 13px;" value="" class="linha-penalidade"/>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_poçao5"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-pocao" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-15"></textarea>
+              </div>
             </div>
-            <input type="text" style= "width: 32%;" value= "CRÍTICO" class="linha-sub3"/>
-            <input type="text" style= "width: 32%;" value= "DECISIVO" class="linha-sub3"/>
-            <input type="text" style= "width: 32%;" value= "PENALIDADE" class="linha-sub3"/>
+            <!-- Fim div sem nome -->
           </div>
-          <input name="attr_critico" style="width: 32%;" type="text" value="0" class="linha-sub"/>
-          <input name="attr_decisivo" style="width: 32%;" type="text" value="0" class="linha-sub"/>
-          <input name="attr_penalidade" style="width: 32%;" type="text" value="0" class="linha-sub"/>
+          <!-- Fim texto-equip -->
         </div>
-        <div class="sheet-block-b">
-            <div class="atri1">
-          <div class="info-1"> <img src="https://i.imgur.com/bHBOKSB.png" class="img-dragon"/>
-            <div class="atributo-name"/>
-            <h2>Sub-Atributos</h2>
+        <!-- Fim col -->
+
+        <div class="col">
+          <div class="segunda coluna">
+            <div>
+              <input
+                class="block-switch-personagem"
+                name="attr_block_switch-1"
+                type="checkbox"
+                value="1"
+              />
+
+              <div class="block-feminino">
+                <img src="https://i.imgur.com/GAs5O1k.png" alt="" />
+              </div>
+
+              <div class="block-masculino">
+                <img src="https://i.imgur.com/BWgtMZf.png" alt="" />
+              </div>
+            </div>
+            <!-- Fim div sem nome -->
           </div>
-          <input type="text" style="Font-size: 13px; " value="Vida"/>
-          <input type="text" style="Font-size: 13px; " value="Mana"/>
-          <input type="text" style="Font-size: 13px; " value="Fé"/>
-        </div>
-        <div class="I1">
-          <input type="text" name="attr_PV-display" value="@{PV-total}" disabled/>
-          <input type="text" name="attr_PM-display" value="@{PM-total}"  disabled/>
-          <input type="text" name="attr_Fé-display" value="@{FÉ-total}" disabled/>
-          <br>
-        </div>
-        <div class="info-1">
-          <input type="text" style="Font-size: 13px;"value="Vida Atual"/>
-          <input type="text" style="Font-size: 13px; "value="Mana Atual"/>
-          <input type="text" style="Font-size: 13px; "value="Fé Atual"/>
-        </div>
-        <div class="I1">
-          <input type="text" name="attr_PV_ATUAL-display" value="0">
-          <input type="text" name="attr_PM_ATUAL-display" value="0">
-          <input type="text" name="attr_Fé_ATUAL-display" value="0">
+          <!-- Fim segunda coluna -->
         </div>
-        <div class="info-1">
-          <input type="text" style="Font-size: 13px;"value="Vida Extra"/>
-          <input type="text" style="Font-size: 13px; "value="IP"/>
-          <input type="text" style="Font-size: 13px; "value="RM"/>
-        </div>
-        <div class="I1">
-          <input type="text" name="attr_PV-extra-display" value="0"/>
-          <input type="text" name="attr_IP-display" style= "" value="@{IP-total}" disabled/>
-          <input type="text" name="attr_RM-display" style= "" value="@{RM-total}" disabled/>
-        </div>
-        
-         <div class="modificador-global">
-        <div class="info-3"> <img src="https://i.imgur.com/bHBOKSB.png" class="img-dragon"/>
-          <div class="atributo-name"/>
-          <h2>Modificadores Globais</h2>
-        </div>
-        <input type="text" style="" value="Crítico"/>
-        <input type="text" style="" value="Decisivo"/>
-        <input type="text" style="" value="Penalidade"/>
-      </div>
-      <div class="I3">
-        <input type="text" name="attr_critico" style= "" value="0"/>
-        <input type="text" name="attr_decisivo" style="" value="0"/>
-        <input type="text" name="attr_penalidade" style= "" value="0"/>
-         </div>
-      </div>
-      </div>
-    </div>
-  </div>
-</div>
-</div>
+        <!-- Fim col -->
 
-<!--Fecha div sub-atributos--> 
+        <div class="col">
+          <!-- terceira coluna -->
+          <div class="texto-equip">
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_reliquia1"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
 
-<!--div Perícias de combate do personagem-->
-<div class="linha-de-divisao-2">
-  <h3>Perícias de Combate</h3>
-</div>
-<div class="pericias">
-  <input type="text" style= "width: 62%;" name="Fake" value="NOME" class="linha-inicial-pericias2"/>
-  <input type="text" style= "width: 9%;" name="Fake" value="BASE" class="linha-inicial-pericias"/>
-  <input type="text" style= "width: 9%;" name="Fake" value="TESTE %" class="linha-inicial-pericias"/>
-  <input type="text" name="Fake" value="N" class="linha_N"/>
-  <input type="text" name="Fake" value="D" class="linha_D"/>
-  <input type="text" name="Fake" value="M" class="linha_M"/>
-</div>
-<fieldset class=repeating_pericias>
-  <input type=text name="attr_PERICIASNome" style="background-color:#E5E7E9; width:62%;" class="linha4">
-  <input type=number name="attr_PERICIASPontos" value="0" style="background-color:#FAEBD7; width: 9%;" class="linha3">
-  <input  type=number name="attr_PERICIASTeste" style="background-color:#D3D3D3; width:9%;" value="(@{PERICIASBase}+@{Proficiencia}+@{Maestria}-@{penalidade})" class="linha3" disabled>
-  <input type=number name="attr_PERICIASBase" value="(@{PERICIASPontos}*4)" style= "display: none;" disabled>
-  <input type=number name="attr_PERICIASA" value="floor((@{PERICIASTeste}/4) + (@{PERICIASCrit}) + (@{critico}))" style= "display: none; width:10em;" disabled>
-  <input type=number name="attr_PERICIASB" value="floor((@{PERICIASTeste}/8) + (@{PERICIASCrit}/2) + (@{critico}/2))" style= "display: none; width:10em;" disabled>
-  <input type=number name="attr_PERICIASC" value="floor((@{PERICIASTeste}/16) + (@{PERICIASCrit}/4) + (@{critico}/4))" style= "display: none; width:10em;" disabled>
-  <button type="roll"  value="&{template:default} {{name=@{character_name} testou @{PERICIASNome}}} {{Valor_Pericia=[[@{PERICIASTeste}]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste}/4) + (@{PERICIASCrit}) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}}  {{Rolagem=[[1d100cs<@{PERICIASA}cf>96]]}} {{Efeitos= @{Ea}}}" class="dado4"></button>
-  <button type="roll"  value="&{template:default} {{name=@{character_name} testou @{PERICIASNome}}} {{Valor_Pericia=[[@{PERICIASTeste}/2]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste}/8) + (@{PERICIASCrit}/2) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<@{PERICIASB}cf>96]]}} {{Efeitos= @{Ea}}} " class="dado5"></button>
-  <button type="roll"  value="&{template:default} {{name=@{character_name} testou @{PERICIASNome}}} {{Valor_Pericia=[[floor(@{PERICIASTeste}/4)]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste}/16) + (@{PERICIASCrit}/4) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<@{PERICIASC}cf>96]]}} {{Efeitos= @{Ea}}}" class="dado6"></button>
-  <input type="checkbox" class="sheet-toggle-show"/>
-  <div class="body">
-    <input type=text name="Proficiencia-fake" class="linha-secundaria2" value="Proficiência %" style="width:12%;">
-    <input type=text name="Maestria-fake" class="linha-secundaria2" value="Maestria Magica %" style="width:16%;">
-    <input type=text name="Critico-fake" class="linha-secundaria2" value="Mod. de Crítico %" style="width:15%;">
-    <input type=text name="Mod-dano-fake" class="linha-secundaria2" value="Bônus de Dano" style="width:12%;">
-    <input type=text name="Dano-fisico-fake" class="linha-secundaria2" value="Dano Físico ?D" style="width:13%;">
-    <input type=text name="Dano-magico-fake" class="linha-secundaria2" value="Dano Magico ?D" style="width:14%;">
-    <input type="text" name="Fake" style="color:#A52A2A" value="N" class="linha_N"/>
-    <input type="text" name="Fake" style="color:#A52A2A" value="C" class="linha_N"/>
-    <input type="text" name="Fake" style="color:#A52A2A" value="D" class="linha_N"/>
-    <input type=text name="attr_Proficiencia" class="linha-secundaria" value="0" style="width:12%;">
-    <input type=text name="attr_Maestria" class="linha-secundaria" value="0" style="width:16%;">
-    <input type=text name="attr_PERICIASCrit" class="linha-secundaria" value="0" style="width:15%;">
-    <input name="attr_dano-bonus" class="linha-secundaria" style= "width:12%;" type="text" spellcheck="false" class="" value="0">
-    <input name="attr_dano-ataque" class="linha-secundaria" style=" width:13%;" type="text" spellcheck="false" class="" value="0">
-    <input name="attr_dano-extra-ataque" class="linha-secundaria" style= "width:14%;" type="text" spellcheck="false" class="" value="0">
-    <button type="roll" value="&{template:default} {{name= Dano Normal (@{character_name}) }} {{Dano Fisico=[[@{dano-ataque} + @{dano-bonus}]]}}  {{Dano Magico=[[@{dano-extra-ataque}]]}}"></button>
-    <button type="roll" value="&{template:default} {{name= Dano Critico (@{character_name}) }} {{Dano Fisico=[[@{dano-ataque} + @{dano-ataque} + @{dano-bonus}]]}}  {{Dano Magico=[[@{dano-extra-ataque} + @{dano-extra-ataque}r<1]]}}"></button>
-    <button type="roll" value="&{template:default} {{name= Dano Critico (@{character_name}) }} {{Dano Fisico=[[@{dano-ataque}r<1 + @{dano-ataque}r<1 + @{dano-bonus}]]}}  {{Dano Magico=[[@{dano-extra-ataque}r<1 + @{dano-extra-ataque}r<1]]}}"></button>
-    <input type=text name="Efeito-adicional" class="linha-secundaria2" value="Efeitos Adicionais" style="width:100%;">
-    <input type=text name="attr_Ea" class="linha-secundaria" value="Sem Efeitos Adicionais" style="width:100%;">
-  <p></p>
-  </div>
-</fieldset>
+              <input class="toggle-show-rel" type="checkbox" />
 
-<!--div Perícias gerais do personagem-->
-<div class="linha-de-divisao-2">
-  <h3>Perícias Gerais</h3>
-</div>
-<div class="pericias2">
-  <input type="text" style= "width: 62%;" name="Fake" value="NOME" class="linha-inicial-pericias2"/>
-  <input type="text" style= "width: 9%;" name="Fake" value="BASE" class="linha-inicial-pericias"/>
-  <input type="text" style= "width: 9%;" name="Fake" value="TESTE %" class="linha-inicial-pericias"/>
-  <input type="text" name="Fake" value="N" class="linha_N"/>
-  <input type="text" name="Fake" value="D" class="linha_D"/>
-  <input type="text" name="Fake" value="M" class="linha_M"/>
-</div>
-<fieldset class=repeating_pericias-2>
-  <input type=text name="attr_PERICIASNome2" style="background-color:#E5E7E9; width:62%;" class="linha4">
-  <input type=number name="attr_PERICIASPontos2" value="0" style="background-color:#FAEBD7; width: 9%;" class="linha3">
-  <input  type=number name="attr_PERICIASTeste2" style="background-color:#D3D3D3; width:9%;" value="(@{PERICIASBase2}+@{Proficiencia2}+@{Maestria2}-@{penalidade})" class="linha3" disabled>
-  <input type=number name="attr_PERICIASBase2" value="(@{PERICIASPontos2}*4)" style= "display: none;" disabled>
-  <input type=number name="attr_PERICIASA2" value="floor((@{PERICIASTeste2}/4) + (@{PERICIASCrit2}) + (@{critico}))" style= "display: none; width:10em;" disabled>
-  <input type=number name="attr_PERICIASB2" value="floor((@{PERICIASTeste2}/8) + (@{PERICIASCrit2}/2) + (@{critico}/2))" style= "display: none; width:10em;" disabled>
-  <input type=number name="attr_PERICIASC2" value="floor((@{PERICIASTeste2}/16) + (@{PERICIASCrit2}/4) + (@{critico}/4))" style= "display: none; width:10em;" disabled>
-  <button type="roll"  value="&{template:default} {{name=@{character_name} testou @{PERICIASNome2}}} {{Valor_Pericia=[[@{PERICIASTeste2}]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste2}/4) + (@{PERICIASCrit2}) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<@{PERICIASA2}cf>96]]}}" class="dado4"></button>
-  <button type="roll"  value="&{template:default} {{name=@{character_name} testou @{PERICIASNome2}}} {{Valor_Pericia=[[@{PERICIASTeste2}/2]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste2}/8) + (@{PERICIASCrit2}/2) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<@{PERICIASB2}cf>96]]}}" class="dado5"></button>
-  <button type="roll"  value="&{template:default} {{name=@{character_name} testou @{PERICIASNome2}}} {{Valor_Pericia=[[floor(@{PERICIASTeste2}/4)]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste2}/16) + (@{PERICIASCrit2}/4) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<@{PERICIASC2}cf>96]]}}" class="dado6"></button>
-  <input type="checkbox" class="sheet-toggle-show"/>
-  <div class="body">
-    <input type=text name="Descrição-fake" class="linha-secundaria2" value="Descrição" style="width:52%;">
-    <input type=text name="Proficiencia2-fake" class="linha-secundaria2" value="Proficiência %" style="width:15%;">
-    <input type=text name="Maestria2-fake" class="linha-secundaria2" value="Maestria Magica %" style="width:16%;">
-    <input type=text name="Critico2-fake" class="linha-secundaria2" value="Mod. de Critico %" style="width:15%;">
-    <input type=text name="attr_Descriçao" class="linha-secundaria" style="width:52%;">
-    <input type=text name="attr_Proficiencia2" class="linha-secundaria" value="0" style="width:15%;">
-    <input type=text name="attr_Maestria2" class="linha-secundaria" value="0" style="width:16%;">
-    <input type=text name="attr_PERICIASCrit2" class="linha-secundaria" value="0" style="width:15%;">
-  </div>
-</fieldset>
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-16"></textarea>
+              </div>
+            </div>
 
-<!--div Aprimoramentos e Manobras de Combate-->
-<div class="linha-de-divisao-3">
-  <h3>Aprimoramentos e Manobras de Combate</h3>
-</div>
-<div class="sheet-aprimoramentos">
-  <input type="text" style= "width: 40%;" name="Fake" value="APRIMORAMENTO" class="linha-inicial-aprimoramentos-manobras"/>
-  <input type="text" style= "width: 10%;" name="Fake" value="CUSTO" class="linha-inicial-aprimoramentos-manobras"/>
-  <input type="text" style= "width: 38%;" name="Fake" value="MANOBRA DE COMBATE" class="linha-inicial-aprimoramentos-manobras"/>
-  <input type="text" style= "width: 10%;" name="Fake" value="CUSTO" class="linha-inicial-aprimoramentos-manobras"/>
-  <br>
-  <fieldset class=repeating_APRIMORAMENTOS-MANOBRAS>
-    <input type=text name="attr_aprimoramento" style="background-color:#E5E7E9; width:40%;" class= "aprimoramentos-e-manobras">
-    <input type=number name="attr_aprimoramento-custo" value="0" style="background-color:#FAEBD7; width:10%;" class= "aprimoramentos-e-manobras">
-    <input type=text name="attr_manobras" style="background-color:#E5E7E9; width:38%;" class= "aprimoramentos-e-manobras">
-    <input type=number name="attr_manobras-custo" value="0" style="background-color:#FAEBD7; width: 10%;" class= "aprimoramentos-e-manobras">
-  </fieldset>
-</div>
-<div class="linha-de-divisao-2">
-    <h3>Habilidades de Raça</h3>
-  </div>
-  <div class="magias">
-    <input type="text" style= "width:10%;" name="Fake" value="NIVEL" class="linha-inicial-pericias"/>
-    <input type="text" style= "width:73%;" name="Fake" value="HABILIDADE" class="linha-inicial-pericias2"/>
-    <input type="text" style= "width:10%;" name="Fake" value="TIPO" class="linha-inicial-pericias"/>
-  </div>
-  <fieldset class=repeating_pericias-8>
-    <div class="linhas-magias">
-      <input type=number name="attr_nhabilidade" style="background-color:#E5E7E9; width:10%;" class="linha3">
-      <input type=text name="attr_hhabilidade" style="background-color:#E5E7E9; width:73%;" class="linha4">
-      <input type=text name="attr_thabilidade" style="background-color:#E5E7E9; width:10%;" class="linha3">
-      <input type="checkbox" class="sheet-toggle-show" />
-      <div class="body">
-            <div class="texto-magias">
-              <textarea name="attr_area-rhabilidade"></textarea>
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_reliquia2"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-rel" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-17"></textarea>
+              </div>
             </div>
-          </div>
-        </div>
-  </fieldset>
-  <div class="linha-de-divisao-2">
-    <h3>Habilidades de Classe</h3>
-  </div>
-  <div class="magias">
-    <input type="text" style= "width:10%;" name="Fake" value="NIVEL" class="linha-inicial-pericias"/>
-    <input type="text" style= "width:73%;" name="Fake" value="HABILIDADE" class="linha-inicial-pericias2"/>
-    <input type="text" style= "width:10%;" name="Fake" value="TIPO" class="linha-inicial-pericias"/>
-  </div>
-  <fieldset class=repeating_pericias-9>
-    <div class="linhas-magias">
-      <input type=number name="attr_nhabilidade1" style="background-color:#E5E7E9; width:10%;" class="linha3">
-      <input type=text name="attr_hhabilidade2" style="background-color:#E5E7E9; width:73%;" class="linha4">
-      <input type=text name="attr_thabilidade3" style="background-color:#E5E7E9; width:10%;" class="linha3">
-      <input type="checkbox" class="sheet-toggle-show" />
-      <div class="body">
-            <div class="texto-magias">
-              <textarea name="attr_area-chabilidade"></textarea>
+
+            <div>
+              <input
+                class="linha-equip"
+                type="text"
+                name="attr_reliquia3"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-rel" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-18"></textarea>
+              </div>
             </div>
-          </div>
-        </div>
-  </fieldset>
-<div class="linha-de-divisao-4"> </div>
-<!--Fim pagina personagem--> </span>
-</div>
- <div class='sheet-journal'> <span><!--div pagina 2 - Focus-->
-  <div class="linha-de-divisao">
-    <h3>Focus</h3>
-  </div>
-  <div class="linha-focus2">
-    <input type="text" style="Font-size: 13px; " value="FOGO"/>
-    <input type="text" style="Font-size: 13px; " value="TERRA"/>
-    <input type="text" style="Font-size: 13px; " value="AGUA"/>
-    <input type="text" style="Font-size: 13px;" value="AR"/>
-    <input type="text" style="Font-size: 13px;" value="LUZ"/>
-  </div>
-  <div class="linha-focus">
-    <input type="text" name="attr_Fogo" value="0"/>
-    <input type="text" name="attr_Terra" value="0"/>
-    <input type="text" name="attr_Agua" value="0"/>
-    <input type="text" name="attr_Ar" value="0"/>
-    <input type="text" name="attrLuz" value="0"/>
-  </div>
-  <div class="linha-focus2">
-    <input type="text" style="Font-size: 13px; " value="SOMBRA"/>
-    <input type="text" style="Font-size: 13px; " value="GELO"/>
-    <input type="text" style="Font-size: 13px; " value="RELÂMPAGO"/>
-    <input type="text" style="Font-size: 13px;" value="ANIMAIS"/>
-    <input type="text" style="Font-size: 13px;" value="PLANTAS"/>
-  </div>
-  <div class="linha-focus">
-    <input type="text" name="attr_Sombra" value="0"/>
-    <input type="text" name="attr_Gelo" value="0"/>
-    <input type="text" name="attr_Relampago" value="0"/>
-    <input type="text" name="attr_Animais" value="0"/>
-    <input type="text" name="attr_Plantas" value="0"/>
-  </div>
-  <div class="linha-focus2">
-    <input type="text" style="Font-size: 13px; " value="METAMAGIA"/>
-    <input type="text" style="Font-size: 13px; " value="HUMANOS"/>
-    <input type="text" style="Font-size: 13px; " value="SPIRITUM"/>
-    <input type="text" style="Font-size: 13px;" value="ARKANUN"/>
-    <input type="text" style="Font-size: 13px;" value="ALQUIMIA"/>
-  </div>
-  <div class="linha-focus">
-    <input type="text" name="attr_Metamagia" value="0"/>
-    <input type="text" name="attr_Humanos" value="0"/>
-    <input type="text" name="attr_Spiritun" value="0"/>
-    <input type="text" name="attr_Arkanun" value="0"/>
-    <input type="text" name="attr_Alquimia" value="0"/>
-  </div>
-  
-  <!--div pagina 2 - Lista de Magias-->
-  <div class="linha-de-divisao-2">
-    <h3>Magias - Nível Basico</h3>
-  </div>
-  <div class="magias">
-    <input type="text" style= "width: 38%;" name="Fake" value="NOME DA MAGIA" class="linha-inicial-pericias2"/>
-    <input type="text" style= "width: 15%;" name="Fake" value="CAMINHO" class="linha-inicial-pericias"/>
-    <input type="text" style= "width: 8%;" name="Fake" value="FOCUS" class="linha-inicial-pericias"/>
-    <input type="text" style= "width: 9%;" name="Fake" value="BASE" class="linha-inicial-pericias"/>
-    <input type="text" style= "width: 9%;" name="Fake" value="TESTE %" class="linha-inicial-pericias"/>
-    <input type="text" name="Fake" value="N" class="linha_N"/>
-    <input type="text" name="Fake" value="D" class="linha_D"/>
-    <input type="text" name="Fake" value="M" class="linha_M"/>
-  </div>
-  <fieldset class=repeating_pericias-3>
-    <div class="linhas-magias">
-      <input type=text name="attr_Magia-nome3" style="background-color:#E5E7E9; width:38%;" class="linha4">
-      <input type=text name="attr_Caminho3" style="background-color:#E5E7E9; width:15%;" class="linha3">
-      <input type=number name="attr_Focus3" style="background-color:#E5E7E9; width:8%;" class="linha3">
-      <input type=number name="attr_PERICIASPontos3" value="0" style="background-color:#FAEBD7; width: 9%;" class="linha3">
-      <input  type=number name="attr_PERICIASTeste3" style="background-color:#D3D3D3; width:9%;" value="(@{PERICIASBase3}+@{Proficiencia3}+@{Maestria3}-@{penalidade})" class="linha3" disabled>
-      <input type=number name="attr_PERICIASBase3" value="(@{PERICIASPontos3}*4)" style= "display: none;" disabled>
-      <input type=number name="attr_PERICIASA3" value="floor((@{PERICIASTeste3}/4) + (@{PERICIASCrit3}) + (@{critico}))" style= "display: none; width:10em;" disabled>
-      <input type=number name="attr_PERICIASB3" value="floor((@{PERICIASTeste3}/8) + (@{PERICIASCrit3}/2) + (@{critico}/2))" style= "display: none; width:10em;" disabled>
-      <input type=number name="attr_PERICIASC3" value="floor((@{PERICIASTeste3}/16) + (@{PERICIASCrit3}/4) + (@{critico}/4))" style= "display: none; width:10em;" disabled>
-      <button type="roll"  value="&{template:default} {{name=@{character_name} testou @{Magia-nome3}}} {{Valor_Pericia=[[@{PERICIASTeste3}]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste3}/4) + (@{PERICIASCrit3}) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<@{PERICIASA3}cf>96]]}}" class="dado4"></button>
-      <button type="roll"  value="&{template:default} {{name=@{character_name} testou @{Magia-nome3}}} {{Valor_Pericia=[[@{PERICIASTeste3}/2]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste3}/8) + (@{PERICIASCrit3}/2) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<@{PERICIASB3}cf>96]]}}" class="dado5"></button>
-      <button type="roll"  value="&{template:default} {{name=@{character_name} testou @{Magia-nome3}}} {{Valor_Pericia=[[floor(@{PERICIASTeste3}/4)]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste3}/16) + (@{PERICIASCrit3}/4) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<@{PERICIASC3}cf>96]]}}" class="dado6"></button>
-      <input type="checkbox" class="sheet-toggle-show" />
-      <div class="body">
-        <input type=text name="Proficiencia-magia" class="linha-secundaria2" value="Proficiência %" style="width:12%;">
-        <input type=text name="Maestria-magia" class="linha-secundaria2" value="Maestria Magica %" style="width:16%;">
-        <input type=text name="Critico-magia" class="linha-secundaria2" value="Mod. de Crítico %" style="width:15%;">
-        <input type=text name="Mod-dano-magia" class="linha-secundaria2" value="Bônus de Dano" style="width:12%;">
-        <input type=text name="Dano-fisico-magia" class="linha-secundaria2" value="Dano Fisico ?D" style="width:13%;">
-        <input type=text name="Dano-magico-magia" class="linha-secundaria2" value="Dano Magico ?D" style="width:14%;">
-        <input type="text" name="Fake" style="color:#A52A2A" value="N" class="linha_N"/>
-        <input type="text" name="Fake" style="color:#A52A2A" value="C" class="linha_N"/>
-        <input type=text name="attr_Proficiencia3" class="linha-secundaria" value="0" style="width:12%;">
-        <input type=text name="attr_Maestria3" class="linha-secundaria" value="0" style="width:16%;">
-        <input type=text name="attr_PERICIASCrit3" class="linha-secundaria" value="0" style="width:15%;">
-        <input type=text name="attr_dano-bonus-magia3" class="linha-secundaria" style= "width:12%;" class="" value="0">
-        <input type=text name="attr_dano-fisico-magia3" class="linha-secundaria" style=" width:13%;" class="" value="0">
-        <input type=text name="attr_dano-magia3" class="linha-secundaria" style= "width:14%;" class="" value="0">
-        <button type="roll" value="&{template:default} {{name= Dano Normal (@{character_name}) }} {{Dano Fisico=[[@{dano-fisico-magia3}]]}} {{Dano Magico=[[@{dano-magia3} + @{dano-bonus-magia3} ]]}}"></button>
-        <button type="roll" value="&{template:default} {{name= Dano Crítico (@{character_name}) }} {{Dano Fisico=[[@{dano-fisico-magia3} + @{dano-fisico-magia3}]]}}  {{Dano Magico=[[@{dano-magia3} + @{dano-magia3} + @{dano-bonus-magia3}]]}}"></button>
-        <div class="linhas-magias-1">
-          <input type=text name="Proficiencia-fake" class="linha-secundaria2" value="Tipo" style="width:20%;">
-          <input type=text name="Maestria-fake" class="linha-secundaria2" value="Custo" style="width:10%;">
-          <input type=text name="Critico-fake" class="linha-secundaria2" value="Execução" style="width:15%;">
-          <input type=text name="Mod-dano-fake" class="linha-secundaria2" value="Duração" style="width:15%;">
-          <input type=text name="Mod-dano-fake" class="linha-secundaria2" value="Alcance" style="width:12%;">
-          <input type=text name="Mod-dano-fake" class="linha-secundaria2" value="Area" style="width:8%;">
-          <input type=text name="Mod-dano-fake" class="linha-secundaria2" value="Resistência" style="width:15%;">
-          <div class="linhas-magias-2">
-            <input type=text name="attr_Tipo3" class="linha-secundaria" value="0" style="width:20%;">
-            <input type=text name="attr_Custo3" class="linha-secundaria" value="0" style="width:10%;">
-            <input type=text name="attr_Execução3" class="linha-secundaria" value="0" style="width:15%;">
-            <input type=text name="attr_Duração3" class="linha-secundaria" style= "width:15%;"  value="0">
-            <input type=text name="attr_Alcançe3" class="linha-secundaria" style=" width:12%;"  value="0">
-             <input type=text name="attr_Area3" class="linha-secundaria" style=" width:8%;"  value="0">
-            <input type=text name="attr_Resistencia3" class="linha-secundaria" style=" width:15%;"  value="0">
-            <div class="texto-magias">
-              <textarea name="attr_area-texto3"></textarea>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_reliquia4"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-rel" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-19"></textarea>
+              </div>
             </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </fieldset>
-  <div class="linha-de-divisao-2">
-    <h3>Magias - Nível Intermediário</h3>
-  </div>
-  <div class="magias">
-    <input type="text" style= "width: 38%;" name="Fake" value="NOME DA MAGIA" class="linha-inicial-pericias"/>
-    <input type="text" style= "width: 15%;" name="Fake" value="CAMINHO" class="linha-inicial-pericias"/>
-    <input type="text" style= "width: 8%;" name="Fake" value="FOCUS" class="linha-inicial-pericias"/>
-    <input type="text" style= "width: 9%;" name="Fake" value="BASE" class="linha-inicial-pericias"/>
-    <input type="text" style= "width: 9%;" name="Fake" value="TESTE %" class="linha-inicial-pericias"/>
-    <input type="text" name="Fake" value="N" class="linha_N"/>
-    <input type="text" name="Fake" value="D" class="linha_D"/>
-    <input type="text" name="Fake" value="M" class="linha_M"/>
-  </div>
-  <fieldset class=repeating_pericias-4>
-    <div class="linhas-magias">
-      <input type=text name="attr_Magia-nome4" style="background-color:#E5E7E9; width:38%;" class="linha4">
-      <input type=text name="attr_Caminho4" style="background-color:#E5E7E9; width:15%;" class="linha3">
-      <input type=number name="attr_Focus4" style="background-color:#E5E7E9; width:8%;" class="linha3">
-      <input type=number name="attr_PERICIASPontos4" value="0" style="background-color:#FAEBD7; width: 9%;" class="linha3">
-      <input  type=number name="attr_PERICIASTeste4" style="background-color:#D3D3D3; width:9%;" value="(@{PERICIASBase4}+@{Proficiencia4}+@{Maestria4}-@{penalidade})" class="linha3" disabled>
-      <input type=number name="attr_PERICIASBase4" value="(@{PERICIASPontos4}*4)" style= "display: none;" disabled>
-      <input type=number name="attr_PERICIASA4" value="floor((@{PERICIASTeste4}/4) + (@{PERICIASCrit4}) + (@{critico}))" style= "display: none; width:10em;" disabled>
-      <input type=number name="attr_PERICIASB4" value="floor((@{PERICIASTeste4}/8) + (@{PERICIASCrit4}/2) + (@{critico}/2))" style= "display: none; width:10em;" disabled>
-      <input type=number name="attr_PERICIASC4" value="floor((@{PERICIASTeste4}/16) + (@{PERICIASCrit4}/4) + (@{critico}/4))" style= "display: none; width:10em;" disabled>
-      <button type="roll"  value="&{template:default} {{name=@{character_name} testou @{Magia-nome4}}} {{Valor_Pericia=[[@{PERICIASTeste4}]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste4}/4) + (@{PERICIASCrit4}) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<@{PERICIASA4}cf>96]]}}" class="dado4"></button>
-      <button type="roll"  value="&{template:default} {{name=@{character_name} testou @{Magia-nome4}}} {{Valor_Pericia=[[@{PERICIASTeste4}/2]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste4}/8) + (@{PERICIASCrit4}/2) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<@{PERICIASB4}cf>96]]}}" class="dado5"></button>
-      <button type="roll"  value="&{template:default} {{name=@{character_name} testou @{Magia-nome4}}} {{Valor_Pericia=[[floor(@{PERICIASTeste4}/4)]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste4}/16) + (@{PERICIASCrit4}/4) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<@{PERICIASC4}cf>96]]}}" class="dado6"></button>
-      <input type="checkbox" class="sheet-toggle-show" />
-      <div class="body">
-        <input type=text name="Proficiencia-magia" class="linha-secundaria2" value="Proficiência %" style="width:12%;">
-        <input type=text name="Maestria-magia" class="linha-secundaria2" value="Maestria Magica %" style="width:16%;">
-        <input type=text name="Critico-magia" class="linha-secundaria2" value="Mod. de Crítico %" style="width:15%;">
-        <input type=text name="Mod-dano-magia" class="linha-secundaria2" value="Bônus de Dano" style="width:12%;">
-        <input type=text name="Dano-fisico-magia" class="linha-secundaria2" value="Dano Fisico ?D" style="width:13%;">
-        <input type=text name="Dano-magico-magia" class="linha-secundaria2" value="Dano Magico ?D" style="width:14%;">
-        <input type="text" name="Fake" style="color:#A52A2A" value="N" class="linha_N"/>
-        <input type="text" name="Fake" style="color:#A52A2A" value="C" class="linha_N"/>
-        <input type=text name="attr_Proficiencia4" class="linha-secundaria" value="0" style="width:12%;">
-        <input type=text name="attr_Maestria4" class="linha-secundaria" value="0" style="width:16%;">
-        <input type=text name="attr_PERICIASCrit4" class="linha-secundaria" value="0" style="width:15%;">
-        <input type=text name="attr_dano-bonus-magia4" class="linha-secundaria" style= "width:12%;" class="" value="0">
-        <input type=text name="attr_dano-fisico-magia4" class="linha-secundaria" style=" width:13%;" class="" value="0">
-        <input type=text name="attr_dano-magia4" class="linha-secundaria" style= "width:14%;" class="" value="0">
-        <button type="roll" value="&{template:default} {{name= Dano Normal (@{character_name}) }} {{Dano Fisico=[[@{dano-fisico-magia4}]]}} {{Dano Magico=[[@{dano-magia4} + @{dano-bonus-magia4} ]]}}"></button>
-        <button type="roll" value="&{template:default} {{name= Dano Crítico (@{character_name}) }} {{Dano Fisico=[[@{dano-fisico-magia4} + @{dano-fisico-magia4}]]}}  {{Dano Magico=[[@{dano-magia4} + @{dano-magia4} + @{dano-bonus-magia4}]]}}"></button>
-        <div class="linhas-magias-1">
-          <input type=text name="Proficiencia-fake" class="linha-secundaria2" value="Tipo" style="width:20%;">
-          <input type=text name="Maestria-fake" class="linha-secundaria2" value="Custo" style="width:10%;">
-          <input type=text name="Critico-fake" class="linha-secundaria2" value="Execução" style="width:15%;">
-          <input type=text name="Mod-dano-fake" class="linha-secundaria2" value="Duração" style="width:15%;">
-          <input type=text name="Mod-dano-fake" class="linha-secundaria2" value="Alcance" style="width:12%;">
-          <input type=text name="Mod-dano-fake" class="linha-secundaria2" value="Area" style="width:8%;">
-          <input type=text name="Mod-dano-fake" class="linha-secundaria2" value="Resistência" style="width:15%;">
-          <div class="linhas-magias-2">
-            <input type=text name="attr_Tipo4" class="linha-secundaria" value="0" style="width:20%;">
-            <input type=text name="attr_Custo4" class="linha-secundaria" value="0" style="width:10%;">
-            <input type=text name="attr_Execução4" class="linha-secundaria" value="0" style="width:15%;">
-            <input type=text name="attr_Duração4" class="linha-secundaria" style= "width:15%;"  value="0">
-            <input type=text name="attr_Alcançe4" class="linha-secundaria" style=" width:12%;"  value="0">
-            <input type=text name="attr_Area4" class="linha-secundaria" style=" width:8%;"  value="0">
-            <input type=text name="attr_Resistencia4" class="linha-secundaria" style=" width:15%;"  value="0">
-            <div class="texto-magias">
-              <textarea name="attr_area-texto4"></textarea>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_reliquia5"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-rel" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-20"></textarea>
+              </div>
             </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </fieldset>
-  <div class="linha-de-divisao-2">
-    <h3>Magias - Nível Avançado</h3>
-  </div>
-  <div class="magias">
-    <input type="text" style= "width: 38%;" name="Fake" value="NOME DA MAGIA" class="linha-inicial-pericias"/>
-    <input type="text" style= "width: 15%;" name="Fake" value="CAMINHO" class="linha-inicial-pericias"/>
-    <input type="text" style= "width: 8%;" name="Fake" value="FOCUS" class="linha-inicial-pericias"/>
-    <input type="text" style= "width: 9%;" name="Fake" value="BASE" class="linha-inicial-pericias"/>
-    <input type="text" style= "width: 9%;" name="Fake" value="TESTE %" class="linha-inicial-pericias"/>
-    <input type="text" name="Fake" value="N" class="linha_N"/>
-    <input type="text" name="Fake" value="D" class="linha_D"/>
-    <input type="text" name="Fake" value="M" class="linha_M"/>
-  </div>
-  <fieldset class=repeating_pericias-5>
-    <div class="linhas-magias">
-      <input type=text name="attr_Magia-nome5" style="background-color:#E5E7E9; width:38%;" class="linha4">
-      <input type=text name="attr_Caminho5" style="background-color:#E5E7E9; width:15%;" class="linha3">
-      <input type=number name="attr_Focus5" style="background-color:#E5E7E9; width:8%;" class="linha3">
-      <input type=number name="attr_PERICIASPontos5" value="0" style="background-color:#FAEBD7; width: 9%;" class="linha3">
-      <input  type=number name="attr_PERICIASTeste5" style="background-color:#D3D3D3; width:9%;" value="(@{PERICIASBase5}+@{Proficiencia5}+@{Maestria5}-@{penalidade})" class="linha3" disabled>
-      <input type=number name="attr_PERICIASBase5" value="(@{PERICIASPontos5}*4)" style= "display: none;" disabled>
-      <input type=number name="attr_PERICIASA5" value="floor((@{PERICIASTeste5}/4) + (@{PERICIASCrit5}) + (@{critico}))" style= "display: none; width:10em;" disabled>
-      <input type=number name="attr_PERICIASB5" value="floor((@{PERICIASTeste5}/8) + (@{PERICIASCrit5}/2) + (@{critico}/2))" style= "display: none; width:10em;" disabled>
-      <input type=number name="attr_PERICIASC5" value="floor((@{PERICIASTeste5}/16) + (@{PERICIASCrit5}/4) + (@{critico}/4))" style= "display: none; width:10em;" disabled>
-      <button type="roll"  value="&{template:default} {{name=@{character_name} testou @{Magia-nome5}}} {{Valor_Pericia=[[@{PERICIASTeste5}]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste5}/4) + (@{PERICIASCrit5}) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<@{PERICIASA5}cf>96]]}}" class="dado4"></button>
-      <button type="roll"  value="&{template:default} {{name=@{character_name} testou @{Magia-nome5}}} {{Valor_Pericia=[[@{PERICIASTeste5}/2]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste5}/8) + (@{PERICIASCrit5}/2) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<@{PERICIASB5}cf>96]]}}" class="dado5"></button>
-      <button type="roll"  value="&{template:default} {{name=@{character_name} testou @{Magia-nome5}}} {{Valor_Pericia=[[floor(@{PERICIASTeste5}/4)]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste5}/16) + (@{PERICIASCrit5}/4) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<@{PERICIASC5}cf>96]]}}" class="dado6"></button>
-      <input type="checkbox" class="sheet-toggle-show" />
-      <div class="body">
-        <input type=text name="Proficiencia-magia" class="linha-secundaria2" value="Proficiência %" style="width:12%;">
-        <input type=text name="Maestria-magia" class="linha-secundaria2" value="Maestria Magica %" style="width:16%;">
-        <input type=text name="Critico-magia" class="linha-secundaria2" value="Mod. de Crítico %" style="width:15%;">
-        <input type=text name="Mod-dano-magia" class="linha-secundaria2" value="Bônus de Dano" style="width:12%;">
-        <input type=text name="Dano-fisico-magia" class="linha-secundaria2" value="Dano Fisico ?D" style="width:13%;">
-        <input type=text name="Dano-magico-magia" class="linha-secundaria2" value="Dano Magico ?D" style="width:14%;">
-        <input type="text" name="Fake" style="color:#A52A2A" value="N" class="linha_N"/>
-        <input type="text" name="Fake" style="color:#A52A2A" value="C" class="linha_N"/>
-        <input type=text name="attr_Proficiencia5" class="linha-secundaria" value="0" style="width:12%;">
-        <input type=text name="attr_Maestria5" class="linha-secundaria" value="0" style="width:16%;">
-        <input type=text name="attr_PERICIASCrit5" class="linha-secundaria" value="0" style="width:15%;">
-        <input type=text name="attr_dano-bonus-magia5" class="linha-secundaria" style= "width:12%;" class="" value="0">
-        <input type=text name="attr_dano-fisico-magia5" class="linha-secundaria" style=" width:13%;" class="" value="0">
-        <input type=text name="attr_dano-magia5" class="linha-secundaria" style= "width:14%;" class="" value="0">
-        <button type="roll" value="&{template:default} {{name= Dano Normal (@{character_name}) }} {{Dano Fisico=[[@{dano-fisico-magia5}]]}} {{Dano Magico=[[@{dano-magia5} + @{dano-bonus-magia5} ]]}}"></button>
-        <button type="roll" value="&{template:default} {{name= Dano Crítico (@{character_name}) }} {{Dano Fisico=[[@{dano-fisico-magia5} + @{dano-fisico-magia5}]]}}  {{Dano Magico=[[@{dano-magia5} + @{dano-magia5} + @{dano-bonus-magia5}]]}}"></button>
-        <div class="linhas-magias-1">
-          <input type=text name="Proficiencia-fake" class="linha-secundaria2" value="Tipo" style="width:20%;">
-          <input type=text name="Maestria-fake" class="linha-secundaria2" value="Custo" style="width:10%;">
-          <input type=text name="Critico-fake" class="linha-secundaria2" value="Execução" style="width:15%;">
-          <input type=text name="Mod-dano-fake" class="linha-secundaria2" value="Duração" style="width:15%;">
-          <input type=text name="Mod-dano-fake" class="linha-secundaria2" value="Alcance" style="width:12%;">
-          <input type=text name="Mod-dano-fake" class="linha-secundaria2" value="Area" style="width:8%;">
-          <input type=text name="Mod-dano-fake" class="linha-secundaria2" value="Resistência" style="width:15%;">
-          <div class="linhas-magias-2">
-            <input type=text name="attr_Tipo5" class="linha-secundaria" value="0" style="width:20%;">
-            <input type=text name="attr_Custo5" class="linha-secundaria" value="0" style="width:10%;">
-            <input type=text name="attr_Execução5" class="linha-secundaria" value="0" style="width:15%;">
-            <input type=text name="attr_Duração5" class="linha-secundaria" style= "width:15%;"  value="0">
-            <input type=text name="attr_Alcançe5" class="linha-secundaria" style=" width:12%;"  value="0">
-            <input type=text name="attr_Area5" class="linha-secundaria" style=" width:8%;"  value="0">
-            <input type=text name="attr_Resistencia5" class="linha-secundaria" style=" width:15%;"  value="0">
-            <div class="texto-magias">
-              <textarea name="attr_area-texto5"></textarea>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_item6"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-item" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-21"></textarea>
+              </div>
             </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </fieldset>
-  <div class="linha-de-divisao-2">
-    <h3>Magias - Nível Superior</h3>
-  </div>
-  <div class="magias">
-    <input type="text" style= "width: 38%;" name="Fake" value="NOME DA MAGIA" class="linha-inicial-pericias"/>
-    <input type="text" style= "width: 15%;" name="Fake" value="CAMINHO" class="linha-inicial-pericias"/>
-    <input type="text" style= "width: 8%;" name="Fake" value="FOCUS" class="linha-inicial-pericias"/>
-    <input type="text" style= "width: 9%;" name="Fake" value="BASE" class="linha-inicial-pericias"/>
-    <input type="text" style= "width: 9%;" name="Fake" value="TESTE %" class="linha-inicial-pericias"/>
-    <input type="text" name="Fake" value="N" class="linha_N"/>
-    <input type="text" name="Fake" value="D" class="linha_D"/>
-    <input type="text" name="Fake" value="M" class="linha_M"/>
-  </div>
-  <fieldset class=repeating_pericias-6>
-    <div class="linhas-magias">
-      <input type=text name="attr_Magia-nome6" style="background-color:#E5E7E9; width:38%;" class="linha4">
-      <input type=text name="attr_Caminho6" style="background-color:#E5E7E9; width:15%;" class="linha3">
-      <input type=number name="attr_Focus6" style="background-color:#E5E7E9; width:8%;" class="linha3">
-      <input type=number name="attr_PERICIASPontos6" value="0" style="background-color:#FAEBD7; width: 9%;" class="linha3">
-      <input  type=number name="attr_PERICIASTeste6" style="background-color:#D3D3D3; width:9%;" value="(@{PERICIASBase6}+@{Proficiencia6}+@{Maestria6}-@{penalidade})" class="linha3" disabled>
-      <input type=number name="attr_PERICIASBase6" value="(@{PERICIASPontos6}*4)" style= "display: none;" disabled>
-      <input type=number name="attr_PERICIASA6" value="floor((@{PERICIASTeste6}/4) + (@{PERICIASCrit6}) + (@{critico}))" style= "display: none; width:10em;" disabled>
-      <input type=number name="attr_PERICIASB6" value="floor((@{PERICIASTeste6}/8) + (@{PERICIASCrit6}/2) + (@{critico}/2))" style= "display: none; width:10em;" disabled>
-      <input type=number name="attr_PERICIASC6" value="floor((@{PERICIASTeste6}/16) + (@{PERICIASCrit6}/4) + (@{critico}/4))" style= "display: none; width:10em;" disabled>
-      <button type="roll"  value="&{template:default} {{name=@{character_name} testou @{Magia-nome6}}} {{Valor_Pericia=[[@{PERICIASTeste6}]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste6}/4) + (@{PERICIASCrit6}) + (@{critico}))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<@{PERICIASA6}cf>96]]}}" class="dado4"></button>
-      <button type="roll"  value="&{template:default} {{name=@{character_name} testou @{Magia-nome6}}} {{Valor_Pericia=[[@{PERICIASTeste6}/2]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste6}/8) + (@{PERICIASCrit6}/2) + (@{critico}/2))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<@{PERICIASB6}cf>96]]}}" class="dado5"></button>
-      <button type="roll"  value="&{template:default} {{name=@{character_name} testou @{Magia-nome6}}} {{Valor_Pericia=[[floor(@{PERICIASTeste6}/4)]]}} {{Sucesso_Crítico=[[floor((@{PERICIASTeste6}/16) + (@{PERICIASCrit6}/4) + (@{critico}/4))]]}} {{Sucesso_Decisivo=[[@{decisivo}+5]]}} {{Rolagem=[[1d100cs<@{PERICIASC6}cf>96]]}}" class="dado6"></button>
-      <input type="checkbox" class="sheet-toggle-show" />
-      <div class="body">
-        <input type=text name="Proficiencia-magia" class="linha-secundaria2" value="Proficiência %" style="width:12%;">
-        <input type=text name="Maestria-magia" class="linha-secundaria2" value="Maestria Magica %" style="width:16%;">
-        <input type=text name="Critico-magia" class="linha-secundaria2" value="Mod. de Crítico %" style="width:15%;">
-        <input type=text name="Mod-dano-magia" class="linha-secundaria2" value="Bônus de Dano" style="width:12%;">
-        <input type=text name="Dano-fisico-magia" class="linha-secundaria2" value="Dano Fisico ?D" style="width:13%;">
-        <input type=text name="Dano-magico-magia" class="linha-secundaria2" value="Dano Magico ?D" style="width:14%;">
-        <input type="text" name="Fake" style="color:#A52A2A" value="N" class="linha_N"/>
-        <input type="text" name="Fake" style="color:#A52A2A" value="C" class="linha_N"/>
-        <input type=text name="attr_Proficiencia6" class="linha-secundaria" value="0" style="width:12%;">
-        <input type=text name="attr_Maestria6" class="linha-secundaria" value="0" style="width:16%;">
-        <input type=text name="attr_PERICIASCrit6" class="linha-secundaria" value="0" style="width:15%;">
-        <input type=text name="attr_dano-bonus-magia6" class="linha-secundaria" style= "width:12%;" class="" value="0">
-        <input type=text name="attr_dano-fisico-magia6" class="linha-secundaria" style=" width:13%;" class="" value="0">
-        <input type=text name="attr_dano-magia6" class="linha-secundaria" style= "width:14%;" class="" value="0">
-        <button type="roll" value="&{template:default} {{name= Dano Normal (@{character_name}) }} {{Dano Fisico=[[@{dano-fisico-magia6}]]}} {{Dano Magico=[[@{dano-magia6} + @{dano-bonus-magia6} ]]}}"></button>
-        <button type="roll" value="&{template:default} {{name= Dano Crítico (@{character_name}) }} {{Dano Fisico=[[@{dano-fisico-magia6} + @{dano-fisico-magia6}]]}}  {{Dano Magico=[[@{dano-magia6} + @{dano-magia6} + @{dano-bonus-magia6}]]}}"></button>
-        <div class="linhas-magias-1">
-          <input type=text name="Proficiencia-fake" class="linha-secundaria2" value="Tipo" style="width:20%;">
-          <input type=text name="Maestria-fake" class="linha-secundaria2" value="Custo" style="width:10%;">
-          <input type=text name="Critico-fake" class="linha-secundaria2" value="Execução" style="width:15%;">
-          <input type=text name="Mod-dano-fake" class="linha-secundaria2" value="Duração" style="width:15%;">
-          <input type=text name="Mod-dano-fake" class="linha-secundaria2" value="Alcance" style="width:12%;">
-           <input type=text name="Mod-dano-fake" class="linha-secundaria2" value="Area" style="width:8%;">
-          <input type=text name="Mod-dano-fake" class="linha-secundaria2" value="Resistência" style="width:15%;">
-          <div class="linhas-magias-2">
-            <input type=text name="attr_Tipo6" class="linha-secundaria" value="0" style="width:20%;">
-            <input type=text name="attr_Custo6" class="linha-secundaria" value="0" style="width:10%;">
-            <input type=text name="attr_Execução6" class="linha-secundaria" value="0" style="width:15%;">
-            <input type=text name="attr_Duração6" class="linha-secundaria" style= "width:15%;"  value="0">
-            <input type=text name="attr_Alcançe6" class="linha-secundaria" style=" width:12%;"  value="0">
-            <input type=text name="attr_Area6" class="linha-secundaria" style=" width:8%;"  value="0">
-            <input type=text name="attr_Resistencia6" class="linha-secundaria" style=" width:15%;"  value="0">
-            <div class="texto-magias">
-              <textarea name="attr_area-texto6"></textarea>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_item7"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-item" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-22"></textarea>
+              </div>
             </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </fieldset>
-  <div class="linha-de-divisao-4"> </div>
-  </span> </div>
-<!--Inicio da pagina de equipamentos-->
-<div class='sheet-config'><span>
-  <div class="linha-de-divisao">
-    <h3>Equipamentos</h3>
-  </div>
-  <div class='3colrow'>
-    <div class='col'> 
-      <!-- primeira coluna -->
-      <div class="texto-equip"> 
-      <div>
-        <input type="text" name="attr_arma1" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-arma" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-1"></textarea>
-        </div>
-      </div>
-      <div>
-        <input type="text" name="attr_arma2" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-arma" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-2"></textarea>
-        </div>
-      </div>
-      <div>
-        <input type="text" name="attr_arma3" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-arma" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-3"></textarea>
-        </div>
-      </div>
-      <div>
-        <input type="text" name="attr_municao" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-municao" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-4"></textarea>
-        </div>
-      </div>
-      <div>
-        <input type="text" name="attr_armadura1" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-armadura" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-5"></textarea>
-        </div>
-      </div>
-      <div>
-        <input type="text" name="attr_item1" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-item" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-6"></textarea>
-        </div>
-      </div>
-      <div>
-        <input type="text" name="attr_item2" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-item" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-7"></textarea>
-        </div>
-      </div>
-      <div>
-        <input type="text" name="attr_item3" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-item" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-8"></textarea>
-        </div>
-      </div>
-      <div>
-        <input type="text" name="attr_item4" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-item" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-9"></textarea>
-        </div>
-      </div>
-      <div>
-          <input type="text" name="attr_item5" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-item" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-10"></textarea>
-        </div>
-      </div>
-      <div>
-          <input type="text" name="attr_poçao1" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-pocao" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-11"></textarea>
-        </div>
-      </div>
-      <div>
-          <input type="text" name="attr_poçao2" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-pocao" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-12"></textarea>
-        </div>
-      </div>
-      <div>
-         <input type="text" name="attr_poçao3" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-pocao" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-13"></textarea>
-        </div>
-      </div>
-      <div>
-          <input type="text" name="attr_poçao4" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-pocao" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-14"></textarea>
-        </div>
-      </div>
-      <div>
-        <input type="text" name="attr_poçao5" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-pocao" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-15"></textarea>
-        </div>
-      </div>
-    </div>
-     </div>
-    <div class='col'> 
-      <!-- segunda coluna -->
-      <div>
-        <div>
-          <input type="checkbox" class="sheet-block-switch-personagem" name="attr_block_switch-1" value="1">
-          <div class="sheet-block-feminino"> <img src="https://i.imgur.com/GAs5O1k.png" alt=""/> </div>
-          <div class="sheet-block-masculino"> <img src="https://i.imgur.com/BWgtMZf.png" alt=""/> </div>
-        </div>
-      </div>
-    </div>
-    <div class='col'> 
-      <!-- terceira coluna -->
-       <div class="texto-equip"> 
-      <div>
-        <input type="text" name="attr_reliquia1" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-rel" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-16"></textarea>
-        </div>
-      </div>
-      <div>
-        <input type="text" name="attr_reliquia2" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-rel" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-17"></textarea>
-        </div>
-      </div>
-      <div>
-        <input type="text" name="attr_reliquia3" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-rel" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-18"></textarea>
-        </div>
-      </div>
-      <div>
-        <input type="text" name="attr_reliquia4" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-rel" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-19"></textarea>
-        </div>
-      </div>
-      <div>
-        <input type="text" name="attr_reliquia5" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-rel" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-20"></textarea>
-        </div>
-      </div>
-      <div>
-        <input type="text" name="attr_item6" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-item" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-21"></textarea>
-        </div>
-      </div>
-      <div>
-        <input type="text" name="attr_item7" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-item" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-22"></textarea>
-        </div>
-      </div>
-      <div>
-        <input type="text" name="attr_item8" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-item" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-23"></textarea>
-        </div>
-      </div>
-      <div>
-        <input type="text" name="attr_item9" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-item" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-24"></textarea>
-        </div>
-      </div>
-      <div>
-        <input type="text" name="attr_item10" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-item" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-25"></textarea>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_item8"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-item" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-23"></textarea>
+              </div>
             </div>
-      </div>
-      <div>
-        <input type="text" name="attr_pocao6" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-pocao" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-26"></textarea>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_item9"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-item" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-24"></textarea>
+              </div>
             </div>
-      </div>
-      <div>
-        <input type="text" name="attr_pocao7" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-pocao" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-27"></textarea>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_item10"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-item" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-25"></textarea>
+              </div>
             </div>
-      </div>
-      <div>
-        <input type="text" name="attr_pocao8" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-pocao" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-28"></textarea>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_pocao6"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-pocao" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-26"></textarea>
+              </div>
             </div>
-      </div>
-      <div>
-        <input type="text" name="attr_pocao9" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-pocao" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-29"></textarea>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_pocao7"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-pocao" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-27"></textarea>
+              </div>
             </div>
-      </div>
-      <div>
-        <input type="text" name="attr_pocao10" style= "width: 85%;" value="" class="linha-equip">
-        <input type="checkbox" class="sheet-toggle-show-pocao" />
-        <div class="sheet-body">
-          <textarea class="texto-equip" name="attr_equip-30"></textarea>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_pocao8"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-pocao" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-28"></textarea>
+              </div>
+            </div>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_pocao9"
+                type="text"
+                value=""
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-pocao" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-29"></textarea>
+              </div>
+            </div>
+
+            <div>
+              <input
+                class="linha-equip"
+                name="attr_pocao10"
+                value=""
+                type="text"
+                style="width: 85%"
+              />
+
+              <input class="toggle-show-pocao" type="checkbox" />
+
+              <div class="body">
+                <textarea class="texto-equip" name="attr_equip-30"></textarea>
+              </div>
+              <!-- Fim body -->
+            </div>
+            <!-- Fim div sem nome -->
+          </div>
+          <!-- Fim texto-equip -->
         </div>
+        <!-- Fim col -->
       </div>
-    </div>
-  </div>
-  </div>
-  <!--mochila-->
-  <div class="linha-de-divisao-6">
-    <h3>Mochila</h3>
-  </div>
-  <div class='2colrow'>
-    <div class='col'>
-      <div class="mochila">
-        <textarea name="attr_bag"></textarea>
+      <!-- Fim 3colrow -->
+
+      <div class="linha-de-divisao-menor-dragao">
+        <h3>Mochila</h3>
       </div>
-    </div>
-    <div class='col'>
-      <div>
-        <input type="checkbox" class="sheet-block-switch-mochila" name="attr_block_switch-2" value="1">
-        <div class="sheet-block-moeda">
-          <div class="imgbag"><img src="https://i.imgur.com/26PlgnT.png" style="width: 350px; height: 360px;"></div>
-          <div class="moedas">
-            <h3>Moedas</h3>
-          </div>
-          <div class="tabela-moedas">
-           <table>
-              <tr>
-                <th name="fake" class="bronze">Bronze</th>
-                <th name="fake" class="prata">Prata</th>
-                <th name="fake" class="ouro">Ouro</th>
-              </tr>
-              <tr>
-                <td><input type="number" name="attr_bonze" style= "width: 90px" value=""></td>
-                <td><input type="number" name="attr_prata" style= "width: 90px" value=""></td>
-                <td><input type="number" name="attr_ouro" style= "width: 90px" value=""></td>
-              </tr>
-            </table>
+
+      <div class="2colrow">
+        <div class="col">
+          <div class="mochila">
+            <textarea name="attr_bag"></textarea>
           </div>
         </div>
-        <div class="sheet-block-livro">
-          <div class="treinamento">
-            <h3>Estudo & Treinamento</h3>
-          </div>
+
+        <div class="col">
           <div>
-            <div class='2coluna'>
-              <div class='col'>
-                <textarea class="texto-pag1" name="attr_pag1"></textarea>
+            <input
+              class="block-switch-mochila"
+              name="attr_block_switch-2"
+              type="checkbox"
+              value="1"
+            />
+
+            <div class="block-moeda">
+              <div class="imgbag">
+                <img
+                  src="https://i.imgur.com/26PlgnT.png"
+                  style="width: 350px; height: 360px"
+                />
+              </div>
+
+              <div class="moedas">
+                <h3>Moedas</h3>
+              </div>
+
+              <div class="tabela-moedas">
+                <table>
+                  <tr>
+                    <th class="moeda bronze" name="fake">Bronze</th>
+                    <th class="moeda prata" name="fake">Prata</th>
+                    <th class="moeda ouro" name="fake">Ouro</th>
+                  </tr>
+
+                  <tr>
+                    <td>
+                      <input
+                        name="attr_bonze"
+                        type="number"
+                        value=""
+                        style="width: 90px"
+                      />
+                    </td>
+
+                    <td>
+                      <input
+                        name="attr_prata"
+                        type="number"
+                        value=""
+                        style="width: 90px"
+                      />
+                    </td>
+
+                    <td>
+                      <input
+                        name="attr_ouro"
+                        type="number"
+                        value=""
+                        style="width: 90px"
+                      />
+                    </td>
+                  </tr>
+                </table>
+              </div>
+              <!-- Fim tabela-moedas -->
+            </div>
+            <!-- Fim block-moeda -->
+
+            <div class="block-livro">
+              <div class="treinamento">
+                <h3>Estudo & Treinamento</h3>
               </div>
-              <div class='col'>
-                <textarea class="texto-pag2" name="attr_pag2"></textarea>
+
+              <div>
+                <div class="2coluna">
+                  <div class="col">
+                    <textarea class="texto-pag1" name="attr_pag1"></textarea>
+                  </div>
+
+                  <div class="col">
+                    <textarea class="texto-pag2" name="attr_pag2"></textarea>
+                  </div>
+                </div>
+                <!-- Fim 2coluna -->
               </div>
+              <!-- Fim div sem nome -->
             </div>
+            <!-- Fim block-livro -->
           </div>
+          <!-- Fim div sem nome -->
         </div>
+        <!-- Fim col -->
       </div>
-    </div>
-  </div>
-  <!--anotações-->
-  <div class="texto-notas-1">
-    <h3>Anotações</h3>
-    <textarea name="attr_notas"></textarea>
+      <!-- Fim 2colrow -->
+
+      <div class="texto-notas-1">
+        <!--anotações-->
+        <h3>Anotações</h3>
+        <textarea name="attr_notas"></textarea>
+      </div>
+
+      <div class="linha-de-divisao-final"></div>
+    </span>
   </div>
-  <div class="linha-de-divisao-4"> </div>
-  </span> </div>
+  <!-- Fim pagina pagina-equipamentos -->
 </div>
-<!--Java--> 
+
+<!-- JS -->
 <script type="text/worker">
-    const buttonlist = ["character","journal","configuration"];
-    buttonlist.forEach(button => {
-        on(`clicked:${button}`, function() {
-            setAttrs({
-                sheetTab: button
-            });
-        });
+  const buttonlist = [
+    "botao-troca-personagem",
+    "botao-troca-habilidades",
+    "botao-troca-magia",
+    "botao-troca-equipamentos"
+  ];
+  buttonlist.forEach(button => {
+    on(`clicked:${button}`, function() {
+      const setObj = {}; //Define empty object that will be used to collect changes.
+      setObj.botoes_troca = button;
+      setAttrs(setObj);
     });
+  });
 </script>
 
-
-
-
-<!-- FICHA DESENVOLVIDA POR BLACK & VERYDYCA
+<!-- FICHA DESENVOLVIDA POR BLACK, VERYDYCA & AUGUSTINHO
 -.----------------------------------------------------------------------------.
 
 -..................................-----::-:+:-..---...........................