diff --git a/Ordem Paranormal/ordemparanormal.css b/Ordem Paranormal/ordemparanormal.css
index e485c35b0f..90a5d3887a 100644
--- a/Ordem Paranormal/ordemparanormal.css	
+++ b/Ordem Paranormal/ordemparanormal.css	
@@ -7,6 +7,7 @@
 }
 
 body,
+.charsheet,
 .sheet-rolltemplate-ordem-paranormal,
 .sheet-rolltemplate-ordem-paranormal-attack,
 .sheet-rolltemplate-ordem-paranormal-error-chance,
@@ -63,7 +64,9 @@ body,
   --grafite: #353535;
 }
 
+html.dark,
 body.sheet-darkmode,
+body.sheet-darkmode .charsheet,
 .sheet-rolltemplate-darkmode {
   color-scheme: dark;
 
@@ -446,13 +449,13 @@ h6 {
   text-align: center;
 }
 
-.sheet-main .sheet-pseudo-attributes .container-pvs-mps {
+.sheet-main .sheet-pseudo-attributes .sheet-container-pvs-mps {
   min-height: 6.5rem;
 }
 
 .sheet-main
   .sheet-pseudo-attributes
-  .container-pvs-mps
+  .sheet-container-pvs-mps
   .sheet-inside-negative-corner {
   display: grid;
   grid-template-columns: 74px auto 74px;
@@ -634,7 +637,7 @@ h6 {
   .sheet-attacks-container
   .sheet-attacksgrid
   .sheet-containercritico
-  input.margem {
+  input.sheet-margem {
   width: 24px;
 }
 
@@ -729,7 +732,7 @@ h6 {
   .sheet-attacksgrid
   .sheet-moreinfo
   .sheet-containermoreinfo
-  .sheet-inputtextbellow.descricao {
+  .sheet-inputtextbellow.sheet-descricao {
   grid-column: 1/5;
 }
 
@@ -2755,7 +2758,7 @@ h6 {
   .sheet-skills-container
   .sheet-inside-negative-corner
   .sheet-skill-grid-template
-  .sheet-repitem {
+  .repitem {
   display: grid;
   grid-template-columns: auto 12px 48px 12px 35px 12px 12px 80px 12px 24px 12px 35px;
 }
@@ -5088,10 +5091,6 @@ h6 {
   font-size: 13px;
 }
 
-.sheet-rolltemplate-darkmode {
-  color: black !important;
-}
-
 .sheet-deityAndLevel {
   display: grid;
   grid-template-columns: 1fr 5fr;
diff --git a/Ordem Paranormal/ordemparanormal.html b/Ordem Paranormal/ordemparanormal.html
index a7dbd363b3..4b594c5ace 100644
--- a/Ordem Paranormal/ordemparanormal.html	
+++ b/Ordem Paranormal/ordemparanormal.html	
@@ -1,35 +1,35 @@
-<div class="navegacao">
-  <label class="switch sheet-pj">
+<div class="sheet-navegacao">
+  <label class="sheet-switch sheet-pj">
     <input
       id="cstype"
-      class="hiddenelement"
+      class="sheet-hiddenelement"
       type="radio"
       name="attr_cstype"
       value="0"
       checked
     />
-    <span class="slider round" data-i18n="player_charactersheet"
+    <span class="sheet-slider round" data-i18n="player_charactersheet"
       >Ficha Jogador</span
     >
   </label>
-  <label class="switch sheet-mod">
+  <label class="sheet-switch sheet-mod">
     <input
       id="cstype"
-      class="hiddenelement"
+      class="sheet-hiddenelement"
       type="radio"
       name="attr_cstype"
       value="1"
     />
-    <span class="slider round" data-i18n="global_charactersheet"
+    <span class="sheet-slider round" data-i18n="global_charactersheet"
       >Modificadores Globais</span
     >
   </label>
 </div>
-<div class="main">
-  <div class="left-container">
-    <div class="header-info">
+<div class="sheet-main">
+  <div class="sheet-left-container">
+    <div class="sheet-header-info">
       <div
-        class="input-with-text-bellow char-name"
+        class="sheet-input-with-text-bellow char-name"
         style="grid-template-areas: player"
       >
         <input
@@ -40,33 +40,33 @@
         />
         <span data-i18n="nome">Nome do Personagem</span>
       </div>
-      <div class="input-with-text-bellow char-player">
+      <div class="sheet-input-with-text-bellow char-player">
         <input name="attr_playername" type="text" spellcheck="false" value="" />
         <span data-i18n="jogador">Jogador</span>
       </div>
-      <div class="input-with-text-bellow">
+      <div class="sheet-input-with-text-bellow">
         <input name="attr_torigin" type="text" spellcheck="false" value="" />
         <span data-i18n="origem">Origem</span>
       </div>
-      <div class="input-with-text-bellow">
+      <div class="sheet-input-with-text-bellow">
         <input name="attr_tlevel" type="text" spellcheck="false" value="" />
         <span data-i18n="classe_nivel">Classe</span>
       </div>
-      <div class="input-with-text-bellow">
+      <div class="sheet-input-with-text-bellow">
         <input name="attr_trilha" type="text" spellcheck="false" value="" />
         <span data-i18n="trilha">Trilha</span>
       </div>
-      <div class="input-with-text-bellow">
+      <div class="sheet-input-with-text-bellow">
         <input name="attr_afinidade" type="text" spellcheck="false" value="" />
         <span data-i18n="afinidade">Afinidade</span>
       </div>
-      <div class="input-with-text-bellow">
+      <div class="sheet-input-with-text-bellow">
         <input name="attr_patente" type="text" spellcheck="false" value="" />
         <span data-i18n="patente">Patente</span>
       </div>
-      <div class="double-input-container">
-        <div class="input-with-text-bellow">
-          <div class="total-level">
+      <div class="sheet-double-input-container">
+        <div class="sheet-input-with-text-bellow">
+          <div class="sheet-total-level">
             <input
               name="attr_charnivel"
               maxlength="3"
@@ -77,8 +77,8 @@
             <span data-i18n="nex">Nex</span>
           </div>
         </div>
-        <div class="input-with-text-bellow">
-          <div class="total-level">
+        <div class="sheet-input-with-text-bellow">
+          <div class="sheet-total-level">
             <input
               name="attr_pontos_prestigio"
               maxlength="3"
@@ -90,8 +90,8 @@
           </div>
         </div>
       </div>
-      <div />
-      <div class="input-with-text-bellow">
+      <div></div>
+      <div class="sheet-input-with-text-bellow">
         <input
           name="attr_limite_credito"
           type="text"
@@ -100,9 +100,9 @@
         />
         <span data-i18n="limite_credito">Limite de crédito</span>
       </div>
-      <div class="double-input-container">
-        <div class="input-with-text-bellow">
-          <div class="total-level">
+      <div class="sheet-double-input-container">
+        <div class="sheet-input-with-text-bellow">
+          <div class="sheet-total-level">
             <input
               name="attr_pe_por_rodada"
               maxlength="3"
@@ -113,8 +113,8 @@
             <span data-i18n="pe_por_rodada">PE / Rodada</span>
           </div>
         </div>
-        <div class="input-with-text-bellow">
-          <div class="total-level">
+        <div class="sheet-input-with-text-bellow">
+          <div class="sheet-total-level">
             <input
               name="attr_deslocamento"
               maxlength="3"
@@ -129,11 +129,11 @@
       </div>
     </div>
 
-    <div class="character-attributes">
+    <div class="sheet-character-attributes">
       <!-- Força -->
-      <div class="outer-container-negative-corner">
-        <div class="container-negative-corner">
-          <div class="inside-negative-corner attribute-center">
+      <div class="sheet-outer-container-negative-corner">
+        <div class="sheet-container-negative-corner">
+          <div class="sheet-inside-negative-corner attribute-center">
             <!-- Conteudo aqui -->
             <button
               tabindex="-1"
@@ -141,7 +141,7 @@
               type="roll"
               name="roll_for"
               value="@{mod_for_roller}"
-              class="button-title-attribute"
+              class="sheet-button-title-attribute"
               data-i18n="mod_forca"
             >
               FOR
@@ -151,32 +151,32 @@
               type="text"
               spellcheck="false"
               maxlength="2"
-              class="fake-mod"
+              class="sheet-fake-mod"
               title="@{for_mod}"
             />
             <span
-              class="span-fake-mod"
+              class="sheet-span-fake-mod"
               name="attr_fakefor"
               title="@{for_fake}"
             ></span>
 
-            <div class="corner top-left"></div>
-            <div class="corner top-right"></div>
-            <div class="corner bottom-left"></div>
-            <div class="corner bottom-right"></div>
+            <div class="sheet-corner top-left"></div>
+            <div class="sheet-corner top-right"></div>
+            <div class="sheet-corner bottom-left"></div>
+            <div class="sheet-corner bottom-right"></div>
           </div>
         </div>
       </div>
       <!-- Agilidade -->
-      <div class="outer-container-negative-corner">
-        <div class="container-negative-corner">
-          <div class="inside-negative-corner attribute-center">
+      <div class="sheet-outer-container-negative-corner">
+        <div class="sheet-container-negative-corner">
+          <div class="sheet-inside-negative-corner attribute-center">
             <button
               tabindex="-1"
               type="roll"
               name="roll_agi"
               value="@{mod_agi_roller}"
-              class="button-title-attribute"
+              class="sheet-button-title-attribute"
               data-i18n="mod_agilidade"
             >
               AGI
@@ -186,32 +186,32 @@
               type="text"
               spellcheck="false"
               maxlength="2"
-              class="fake-mod"
+              class="sheet-fake-mod"
               title="@{agi_mod}"
             />
             <span
-              class="span-fake-mod"
+              class="sheet-span-fake-mod"
               name="attr_fakeagi"
               title="@{agi_fake}"
             ></span>
 
-            <div class="corner top-left"></div>
-            <div class="corner top-right"></div>
-            <div class="corner bottom-left"></div>
-            <div class="corner bottom-right"></div>
+            <div class="sheet-corner top-left"></div>
+            <div class="sheet-corner top-right"></div>
+            <div class="sheet-corner bottom-left"></div>
+            <div class="sheet-corner bottom-right"></div>
           </div>
         </div>
       </div>
       <!-- Vigor -->
-      <div class="outer-container-negative-corner">
-        <div class="container-negative-corner">
-          <div class="inside-negative-corner attribute-center">
+      <div class="sheet-outer-container-negative-corner">
+        <div class="sheet-container-negative-corner">
+          <div class="sheet-inside-negative-corner attribute-center">
             <button
               tabindex="-1"
               type="roll"
               name="roll_vig"
               value="@{mod_vig_roller}"
-              class="button-title-attribute"
+              class="sheet-button-title-attribute"
               data-i18n="mod_vigor"
             >
               VIG
@@ -221,32 +221,32 @@
               type="text"
               spellcheck="false"
               maxlength="2"
-              class="fake-mod"
+              class="sheet-fake-mod"
               title="@{vig_mod}"
             />
             <span
-              class="span-fake-mod"
+              class="sheet-span-fake-mod"
               name="attr_fakevig"
               title="@{vig_fake}"
             ></span>
 
-            <div class="corner top-left"></div>
-            <div class="corner top-right"></div>
-            <div class="corner bottom-left"></div>
-            <div class="corner bottom-right"></div>
+            <div class="sheet-corner top-left"></div>
+            <div class="sheet-corner top-right"></div>
+            <div class="sheet-corner bottom-left"></div>
+            <div class="sheet-corner bottom-right"></div>
           </div>
         </div>
       </div>
       <!-- Inteligência -->
-      <div class="outer-container-negative-corner">
-        <div class="container-negative-corner">
-          <div class="inside-negative-corner attribute-center">
+      <div class="sheet-outer-container-negative-corner">
+        <div class="sheet-container-negative-corner">
+          <div class="sheet-inside-negative-corner attribute-center">
             <button
               tabindex="-1"
               type="roll"
               name="roll_int"
               value="@{mod_int_roller}"
-              class="button-title-attribute"
+              class="sheet-button-title-attribute"
               data-i18n="mod_inteligencia"
             >
               INT
@@ -256,33 +256,33 @@
               type="text"
               spellcheck="false"
               maxlength="2"
-              class="fake-mod"
+              class="sheet-fake-mod"
               title="@{int_mod}"
             />
             <span
-              class="span-fake-mod"
+              class="sheet-span-fake-mod"
               name="attr_fakeint"
               title="@{int_fake}"
             ></span>
 
-            <div class="corner top-left"></div>
-            <div class="corner top-right"></div>
-            <div class="corner bottom-left"></div>
-            <div class="corner bottom-right"></div>
+            <div class="sheet-corner top-left"></div>
+            <div class="sheet-corner top-right"></div>
+            <div class="sheet-corner bottom-left"></div>
+            <div class="sheet-corner bottom-right"></div>
           </div>
         </div>
       </div>
 
       <!-- Presença -->
-      <div class="outer-container-negative-corner">
-        <div class="container-negative-corner">
-          <div class="inside-negative-corner attribute-center">
+      <div class="sheet-outer-container-negative-corner">
+        <div class="sheet-container-negative-corner">
+          <div class="sheet-inside-negative-corner attribute-center">
             <button
               tabindex="-1"
               type="roll"
               name="roll_pre"
               value="@{mod_pre_roller}"
-              class="button-title-attribute"
+              class="sheet-button-title-attribute"
               data-i18n="mod_presenca"
             >
               PRE
@@ -292,133 +292,133 @@
               type="text"
               spellcheck="false"
               maxlength="2"
-              class="fake-mod"
+              class="sheet-fake-mod"
               title="@{pre_mod}"
             />
             <span
-              class="span-fake-mod"
+              class="sheet-span-fake-mod"
               name="attr_fakepre"
               title="@{pre_fake}"
             ></span>
 
-            <div class="corner top-left"></div>
-            <div class="corner top-right"></div>
-            <div class="corner bottom-left"></div>
-            <div class="corner bottom-right"></div>
+            <div class="sheet-corner top-left"></div>
+            <div class="sheet-corner top-right"></div>
+            <div class="sheet-corner bottom-left"></div>
+            <div class="sheet-corner bottom-right"></div>
           </div>
         </div>
       </div>
     </div>
 
-    <div class="global-columns">
-      <div class="left-icons">
+    <div class="sheet-global-columns">
+      <div class="sheet-left-icons">
         <span
-          class="attack-span hiddenelement"
+          class="sheet-attack-span sheet-hiddenelement"
           name="attr_attackicon"
           title="Ataque"
           data-i18n-title="spam-attack"
         ></span>
         <img
           src="https://raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/t20-goty-menace-character-sheet/Tormenta20%20-%20Jogo%20do%20Ano/icons/punch.png"
-          class="attack-icon hiddenelement"
+          class="sheet-attack-icon sheet-hiddenelement"
           title="Ataque"
           data-i18n-title="spam-attack"
         />
 
         <span
-          class="damage-span hiddenelement"
+          class="sheet-damage-span sheet-hiddenelement"
           name="attr_damageicon"
           title="Dano"
           data-i18n-title="spam-damage"
         ></span>
         <img
           src="https://raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/t20-goty-menace-character-sheet/Tormenta20%20-%20Jogo%20do%20Ano/icons/explosion.png"
-          class="damage-icon hiddenelement"
+          class="sheet-damage-icon sheet-hiddenelement"
           title="Dano"
           data-i18n-title="spam-damage"
         />
 
         <span
-          class="roll-span hiddenelement"
+          class="sheet-roll-span sheet-hiddenelement"
           name="attr_rollicon"
           title="Rolagem"
           data-i18n-title="spam-roll"
         ></span>
         <img
           src="https://raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/t20-goty-menace-character-sheet/Tormenta20%20-%20Jogo%20do%20Ano/icons/numerology.png"
-          class="roll-icon hiddenelement"
+          class="sheet-roll-icon sheet-hiddenelement"
           title="Rolagem"
           data-i18n-title="spam-roll"
         />
 
         <span
-          class="skills-span hiddenelement"
+          class="sheet-skills-span sheet-hiddenelement"
           name="attr_skillsicon"
           title="Perícias"
           data-i18n-title="spam-skills"
         ></span>
         <img
           src="https://raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/t20-goty-menace-character-sheet/Tormenta20%20-%20Jogo%20do%20Ano/icons/skills.png"
-          class="skills-icon hiddenelement"
+          class="sheet-skills-icon sheet-hiddenelement"
           title="Perícias"
           data-i18n-title="spam-skills"
         />
 
         <span
-          class="resist-span hiddenelement"
+          class="sheet-resist-span sheet-hiddenelement"
           name="attr_resistsicon"
           title="Resistências"
           data-i18n-title="resistance"
         ></span>
         <img
           src="https://raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/t20-goty-menace-character-sheet/Tormenta20%20-%20Jogo%20do%20Ano/icons/resistence.png"
-          class="resist-icon hiddenelement"
+          class="sheet-resist-icon sheet-hiddenelement"
           title="Resistências"
           data-i18n-title="resistencias"
         />
 
         <span
-          class="defense-span hiddenelement"
+          class="sheet-defense-span sheet-hiddenelement"
           name="attr_defenseicon"
           title="Defesa"
           data-i18n-title="spam-defense"
         ></span>
         <img
           src="https://raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/t20-goty-menace-character-sheet/Tormenta20%20-%20Jogo%20do%20Ano/icons/antivirus.png"
-          class="defense-icon hiddenelement"
+          class="sheet-defense-icon sheet-hiddenelement"
           title="Defesa"
           data-i18n-title="spam-defense"
         />
 
         <span
-          class="armor-span hiddenelement"
+          class="sheet-armor-span sheet-hiddenelement"
           name="attr_armoricon"
           title="Armadura"
           data-i18n-title="spam-armor"
         ></span>
         <img
           src="https://raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/t20-goty-menace-character-sheet/Tormenta20%20-%20Jogo%20do%20Ano/icons/armor.png"
-          class="armor-icon hiddenelement"
+          class="sheet-armor-icon sheet-hiddenelement"
           title="Armadura"
           data-i18n-title="spam-armor"
         />
 
         <span
-          class="shield-span hiddenelement"
+          class="sheet-shield-span sheet-hiddenelement"
           name="attr_shieldicon"
           title="Escudo"
           data-i18n-title="spam-shield"
         ></span>
         <img
           src="https://raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/t20-goty-menace-character-sheet/Tormenta20%20-%20Jogo%20do%20Ano/icons/shield.png"
-          class="shield-icon hiddenelement"
+          class="sheet-shield-icon sheet-hiddenelement"
           title="Escudo"
           data-i18n-title="spam-shield"
         />
       </div>
-      <div class="right-icons">
+      <div class="sheet-right-icons">
         <button
-          class="round global-color"
+          class="sheet-round global-color"
           data-i18n="player_eraseglobal"
           type="action"
           name="act_eraseglobal"
@@ -428,210 +428,233 @@
       </div>
     </div>
 
-    <div class="pseudo-attributes">
-      <div class="pseudo-attributes-wrapper">
-        <h3 class="container-title">Saúde</h3>
-        <!-- <div class="container-negative-corner">
-          <div class="inside-negative-corner">
+    <div class="sheet-pseudo-attributes">
+      <div class="sheet-pseudo-attributes-wrapper">
+        <h3 class="sheet-container-title">Saúde</h3>
+        <!-- <div class="sheet-container-negative-corner">
+          <div class="sheet-inside-negative-corner">
             
 
-            <div class="corner top-left"></div>
-            <div class="corner top-right"></div>
-            <div class="corner bottom-left"></div>
-            <div class="corner bottom-right"></div>
+            <div class="sheet-corner top-left"></div>
+            <div class="sheet-corner top-right"></div>
+            <div class="sheet-corner bottom-left"></div>
+            <div class="sheet-corner bottom-right"></div>
           </div>
         </div> -->
-        <div class="double-containers">
+        <div class="sheet-double-containers">
           <!-- Pontos de Vida -->
-          <div class="container-negative-corner container-pvs-mps">
-            <div class="inside-negative-corner">
-              <div class="box-title" data-i18n="pontos_de_vida">
+          <div class="sheet-container-negative-corner sheet-container-pvs-mps">
+            <div class="sheet-inside-negative-corner">
+              <div class="sheet-box-title" data-i18n="pontos_de_vida">
                 Pontos de Vida
               </div>
-              <div class="content-centered border-right">
+              <div class="sheet-content-centered border-right">
                 <input
                   name="attr_vidatotal"
                   type="text"
                   spellcheck="false"
                   maxlength="4"
-                  class=""
+                  class="sheet-"
                   value="0"
                 />
               </div>
-              <div class="content-centered">
+              <div class="sheet-content-centered">
                 <input
                   name="attr_vida"
                   type="text"
                   spellcheck="false"
                   maxlength="4"
-                  class=""
+                  class="sheet-"
                   value="0"
                 />
               </div>
-              <div class="content-centered border-left">
+              <div class="sheet-content-centered border-left">
                 <input
                   name="attr_vidatemp"
                   type="text"
                   spellcheck="false"
                   maxlength="4"
-                  class=""
+                  class="sheet-"
                   value="0"
                 />
               </div>
-              <div class="content-centered smaller-text" data-i18n="pv_maximos">
+              <div
+                class="sheet-content-centered smaller-text"
+                data-i18n="pv_maximos"
+              >
                 Máximos
               </div>
-              <div class="content-centered smaller-text" data-i18n="pv_atuais">
+              <div
+                class="sheet-content-centered smaller-text"
+                data-i18n="pv_atuais"
+              >
                 Atuais
               </div>
               <div
-                class="content-centered smaller-text"
+                class="sheet-content-centered smaller-text"
                 data-i18n="Pv_temporarios"
               >
                 Temporários
               </div>
-              <div class="corner top-left"></div>
-              <div class="corner top-right"></div>
-              <div class="corner bottom-left"></div>
-              <div class="corner bottom-right"></div>
+              <div class="sheet-corner top-left"></div>
+              <div class="sheet-corner top-right"></div>
+              <div class="sheet-corner bottom-left"></div>
+              <div class="sheet-corner bottom-right"></div>
             </div>
           </div>
           <!-- Pontos de esforço -->
-          <div class="container-negative-corner container-pvs-mps">
-            <div class="inside-negative-corner">
-              <div class="box-title" data-i18n="pontos_de_esforco">
+          <div class="sheet-container-negative-corner sheet-container-pvs-mps">
+            <div class="sheet-inside-negative-corner">
+              <div class="sheet-box-title" data-i18n="pontos_de_esforco">
                 Pontos de esforço
               </div>
-              <div class="content-centered border-right">
+              <div class="sheet-content-centered border-right">
                 <input
                   name="attr_esforcototal"
                   type="text"
                   spellcheck="false"
                   maxlength="4"
-                  class=""
+                  class="sheet-"
                   value="0"
                 />
               </div>
-              <div class="content-centered">
+              <div class="sheet-content-centered">
                 <input
                   name="attr_esforco"
                   type="text"
                   spellcheck="false"
                   maxlength="4"
-                  class=""
+                  class="sheet-"
                   value="0"
                 />
               </div>
-              <div class="content-centered border-left">
+              <div class="sheet-content-centered border-left">
                 <input
                   name="attr_esforcotemp"
                   type="text"
                   spellcheck="false"
                   maxlength="4"
-                  class=""
+                  class="sheet-"
                   value="0"
                 />
               </div>
-              <div class="content-centered smaller-text" data-i18n="pe_maximos">
+              <div
+                class="sheet-content-centered smaller-text"
+                data-i18n="pe_maximos"
+              >
                 Máximos
               </div>
-              <div class="content-centered smaller-text" data-i18n="pe_atuais">
+              <div
+                class="sheet-content-centered smaller-text"
+                data-i18n="pe_atuais"
+              >
                 Atuais
               </div>
               <div
-                class="content-centered smaller-text"
+                class="sheet-content-centered smaller-text"
                 data-i18n="pe_temporarios"
               >
                 Temporários
               </div>
-              <div class="corner top-left"></div>
-              <div class="corner top-right"></div>
-              <div class="corner bottom-left"></div>
-              <div class="corner bottom-right"></div>
+              <div class="sheet-corner top-left"></div>
+              <div class="sheet-corner top-right"></div>
+              <div class="sheet-corner bottom-left"></div>
+              <div class="sheet-corner bottom-right"></div>
             </div>
           </div>
         </div>
 
         <!-- Pontos de sanidade -->
         <div
-          class="container-negative-corner container-pvs-mps single-container"
+          class="sheet-container-negative-corner container-pvs-mps single-container"
         >
-          <div class="inside-negative-corner">
-            <div class="box-title" data-i18n="pontos_de_sanidade">
+          <div class="sheet-inside-negative-corner">
+            <div class="sheet-box-title" data-i18n="pontos_de_sanidade">
               Pontos de sanidade
             </div>
-            <div class="content-centered border-right">
+            <div class="sheet-content-centered border-right">
               <input
                 name="attr_sanidadetotal"
                 type="text"
                 spellcheck="false"
                 maxlength="4"
-                class=""
+                class="sheet-"
                 value="0"
               />
             </div>
-            <div class="content-centered">
+            <div class="sheet-content-centered">
               <input
                 name="attr_sanidade"
                 type="text"
                 spellcheck="false"
                 maxlength="4"
-                class=""
+                class="sheet-"
                 value="0"
               />
             </div>
-            <div class="content-centered border-left">
+            <div class="sheet-content-centered border-left">
               <input
                 name="attr_sanidadetemp"
                 type="text"
                 spellcheck="false"
                 maxlength="4"
-                class=""
+                class="sheet-"
                 value="0"
               />
             </div>
-            <div class="content-centered smaller-text" data-i18n="ps_maximos">
+            <div
+              class="sheet-content-centered smaller-text"
+              data-i18n="ps_maximos"
+            >
               Máximos
             </div>
-            <div class="content-centered smaller-text" data-i18n="ps_atuais">
+            <div
+              class="sheet-content-centered smaller-text"
+              data-i18n="ps_atuais"
+            >
               Atuais
             </div>
             <div
-              class="content-centered smaller-text"
+              class="sheet-content-centered smaller-text"
               data-i18n="ps_temporarios"
             >
               Temporários
             </div>
-            <div class="corner top-left"></div>
-            <div class="corner top-right"></div>
-            <div class="corner bottom-left"></div>
-            <div class="corner bottom-right"></div>
+            <div class="sheet-corner top-left"></div>
+            <div class="sheet-corner top-right"></div>
+            <div class="sheet-corner bottom-left"></div>
+            <div class="sheet-corner bottom-right"></div>
           </div>
         </div>
       </div>
-      <div class="pseudo-attributes-wrapper">
-        <h3 class="container-title">Defesas</h3>
-        <div class="double-defense-containers">
-          <div class="container-defense-armor-shield">
-            <div class="container-negative-corner container-defense">
-              <div class="inside-negative-corner">
-                <span class="box-title" data-i18n="passiva">Passiva</span>
-                <div class="grid-wrapper">
-                  <div class="small-title" data-i18n="total">Total</div>
+      <div class="sheet-pseudo-attributes-wrapper">
+        <h3 class="sheet-container-title">Defesas</h3>
+        <div class="sheet-double-defense-containers">
+          <div class="sheet-container-defense-armor-shield">
+            <div class="sheet-container-negative-corner container-defense">
+              <div class="sheet-inside-negative-corner">
+                <span class="sheet-box-title" data-i18n="passiva">Passiva</span>
+                <div class="sheet-grid-wrapper">
+                  <div class="sheet-small-title" data-i18n="total">Total</div>
                   <div></div>
                   <div></div>
                   <div></div>
-                  <div class="small-title" data-i18n="atributo">Atributo</div>
+                  <div class="sheet-small-title" data-i18n="atributo">
+                    Atributo
+                  </div>
                   <div></div>
                   <div
-                    class="small-title"
+                    class="sheet-small-title"
                     data-i18n="bonus_protecao"
                     title="Proteções & Resistências"
                   >
                     Proteções & Resistências
                   </div>
                   <div></div>
-                  <div class="small-title" data-i18n="bonus_defesa_outros">
+                  <div
+                    class="sheet-small-title"
+                    data-i18n="bonus_defesa_outros"
+                  >
                     Outros
                   </div>
 
@@ -645,13 +668,13 @@
                       spellcheck="false"
                       title="@{passivatotal}"
                     />
-                    <!--<input name="attr_passivacaidofake" disabled="true" value="@{passivatotalcaido}" maxlength="3" type="text" spellcheck="false" title="Defesa contra Ataques A distância" data-i18n-title="input-shovedefense" class="passivacaido-color sheet-hiddenelement">-->
+                    <!--<input name="attr_passivacaidofake" disabled="true" value="@{passivatotalcaido}" maxlength="3" type="text" spellcheck="false" title="Defesa contra Ataques A distância" data-i18n-title="input-shovedefense" class="sheet-passivacaido-color sheet-hiddenelement">-->
                   </div>
-                  <div class="signal">=</div>
-                  <div class="big-signal">10</div>
-                  <div class="signal">+</div>
+                  <div class="sheet-signal">=</div>
+                  <div class="sheet-big-signal">10</div>
+                  <div class="sheet-signal">+</div>
                   <select
-                    class="select_mod_passiva"
+                    class="sheet-select_mod_passiva"
                     name="attr_modatributopassiva"
                   >
                     <option value="0">Nenhum</option>
@@ -667,7 +690,7 @@
                       Pre
                     </option>
                   </select>
-                  <div class="signal">+</div>
+                  <div class="sheet-signal">+</div>
                   <div>
                     <input
                       name="attr_passivaprotecao"
@@ -677,7 +700,7 @@
                       disabled="true"
                     />
                   </div>
-                  <div class="signal">+</div>
+                  <div class="sheet-signal">+</div>
                   <div>
                     <input
                       name="attr_passivaoutros"
@@ -686,39 +709,48 @@
                       value="0"
                     />
                   </div>
-                  <div class="corner top-left"></div>
-                  <div class="corner top-right"></div>
-                  <div class="corner bottom-left"></div>
-                  <div class="corner bottom-right"></div>
+                  <div class="sheet-corner top-left"></div>
+                  <div class="sheet-corner top-right"></div>
+                  <div class="sheet-corner bottom-left"></div>
+                  <div class="sheet-corner bottom-right"></div>
                 </div>
               </div>
             </div>
             <span
-              class="passivacaido-color hiddenelement"
+              class="sheet-passivacaido-color sheet-hiddenelement"
               data-i18n="shovedefense"
               >-5 Defesa contra Ataques Corpo à Corpo. +5 de Defesa contra
               Ataques à Distância.</span
             >
           </div>
-          <div class="container-defense-armor-shield">
-            <div class="container-negative-corner container-defense-nonbased">
-              <div class="inside-negative-corner">
-                <span class="box-title" data-i18n="bloqueio">Bloqueio</span>
-                <div class="grid-wrapper">
-                  <div class="small-title" data-i18n="total">Total</div>
+          <div class="sheet-container-defense-armor-shield">
+            <div
+              class="sheet-container-negative-corner container-defense-nonbased"
+            >
+              <div class="sheet-inside-negative-corner">
+                <span class="sheet-box-title" data-i18n="bloqueio"
+                  >Bloqueio</span
+                >
+                <div class="sheet-grid-wrapper">
+                  <div class="sheet-small-title" data-i18n="total">Total</div>
                   <div></div>
                   <div></div>
-                  <div class="small-title" data-i18n="fortitude">Atributo</div>
+                  <div class="sheet-small-title" data-i18n="fortitude">
+                    Atributo
+                  </div>
                   <div></div>
                   <div
-                    class="small-title"
+                    class="sheet-small-title"
                     data-i18n="bonus_protecao"
                     title="Proteções & Resistências"
                   >
                     Proteções & Resistências
                   </div>
                   <div></div>
-                  <div class="small-title" data-i18n="bonus_defesa_outros">
+                  <div
+                    class="sheet-small-title"
+                    data-i18n="bonus_defesa_outros"
+                  >
                     Outros
                   </div>
 
@@ -732,10 +764,10 @@
                       spellcheck="false"
                       title="@{bloqueiototal}"
                     />
-                    <!--<input name="attr_bloqueiocaidofake" disabled="true" value="@{bloqueiototalcaido}" maxlength="3" type="text" spellcheck="false" title="Defesa contra Ataques A distância" data-i18n-title="input-shovedefense" class="bloqueiocaido-color sheet-hiddenelement">-->
+                    <!--<input name="attr_bloqueiocaidofake" disabled="true" value="@{bloqueiototalcaido}" maxlength="3" type="text" spellcheck="false" title="Defesa contra Ataques A distância" data-i18n-title="input-shovedefense" class="sheet-bloqueiocaido-color sheet-hiddenelement">-->
                   </div>
-                  <div class="signal">=</div>
-                  <div class="signal"></div>
+                  <div class="sheet-signal">=</div>
+                  <div class="sheet-signal"></div>
                   <div>
                     <input
                       type="text"
@@ -747,7 +779,7 @@
                       value="0"
                     />
                   </div>
-                  <div class="signal">+</div>
+                  <div class="sheet-signal">+</div>
                   <div>
                     <!-- <input
                       name="attr_bloqueioprotecao"
@@ -764,7 +796,7 @@
                       disabled="true"
                     />
                   </div>
-                  <div class="signal">+</div>
+                  <div class="sheet-signal">+</div>
                   <div>
                     <input
                       name="attr_bloqueiooutros"
@@ -773,41 +805,48 @@
                       value="0"
                     />
                   </div>
-                  <div class="corner top-left"></div>
-                  <div class="corner top-right"></div>
-                  <div class="corner bottom-left"></div>
-                  <div class="corner bottom-right"></div>
+                  <div class="sheet-corner top-left"></div>
+                  <div class="sheet-corner top-right"></div>
+                  <div class="sheet-corner bottom-left"></div>
+                  <div class="sheet-corner bottom-right"></div>
                 </div>
               </div>
             </div>
             <span
-              class="passivacaido-color hiddenelement"
+              class="sheet-passivacaido-color sheet-hiddenelement"
               data-i18n="shovedefense"
               >-5 Defesa contra Ataques Corpo à Corpo. +5 de Defesa contra
               Ataques à Distância.</span
             >
           </div>
         </div>
-        <div class="single-defense-container">
-          <div class="container-defense-armor-shield">
-            <div class="container-negative-corner container-defense-nonbased">
-              <div class="inside-negative-corner">
-                <span class="box-title" data-i18n="esquiva">Esquiva</span>
-                <div class="grid-wrapper">
-                  <div class="small-title" data-i18n="total">Total</div>
+        <div class="sheet-single-defense-container">
+          <div class="sheet-container-defense-armor-shield">
+            <div
+              class="sheet-container-negative-corner container-defense-nonbased"
+            >
+              <div class="sheet-inside-negative-corner">
+                <span class="sheet-box-title" data-i18n="esquiva">Esquiva</span>
+                <div class="sheet-grid-wrapper">
+                  <div class="sheet-small-title" data-i18n="total">Total</div>
                   <div></div>
                   <div></div>
-                  <div class="small-title" data-i18n="reflexos">Atributo</div>
+                  <div class="sheet-small-title" data-i18n="reflexos">
+                    Atributo
+                  </div>
                   <div></div>
                   <div
-                    class="small-title"
+                    class="sheet-small-title"
                     data-i18n="bonus_protecao"
                     title="Proteções & Resistências"
                   >
                     Proteções & Resistências
                   </div>
                   <div></div>
-                  <div class="small-title" data-i18n="bonus_defesa_outros">
+                  <div
+                    class="sheet-small-title"
+                    data-i18n="bonus_defesa_outros"
+                  >
                     Outros
                   </div>
 
@@ -821,10 +860,10 @@
                       spellcheck="false"
                       title="@{esquivatotal}"
                     />
-                    <!--<input name="attr_esquivacaidofake" disabled="true" value="@{esquivatotalcaido}" maxlength="3" type="text" spellcheck="false" title="Defesa contra Ataques A distância" data-i18n-title="input-shovedefense" class="esquivacaido-color sheet-hiddenelement">-->
+                    <!--<input name="attr_esquivacaidofake" disabled="true" value="@{esquivatotalcaido}" maxlength="3" type="text" spellcheck="false" title="Defesa contra Ataques A distância" data-i18n-title="input-shovedefense" class="sheet-esquivacaido-color sheet-hiddenelement">-->
                   </div>
-                  <div class="signal">=</div>
-                  <div class="signal"></div>
+                  <div class="sheet-signal">=</div>
+                  <div class="sheet-signal"></div>
                   <div>
                     <input
                       type="text"
@@ -836,7 +875,7 @@
                       value="0"
                     />
                   </div>
-                  <div class="signal">+</div>
+                  <div class="sheet-signal">+</div>
                   <div>
                     <!-- <input
                       name="attr_esquivaprotecao"
@@ -853,7 +892,7 @@
                       disabled="true"
                     />
                   </div>
-                  <div class="signal">+</div>
+                  <div class="sheet-signal">+</div>
                   <div>
                     <input
                       name="attr_esquivaoutros"
@@ -862,15 +901,15 @@
                       value="0"
                     />
                   </div>
-                  <div class="corner top-left"></div>
-                  <div class="corner top-right"></div>
-                  <div class="corner bottom-left"></div>
-                  <div class="corner bottom-right"></div>
+                  <div class="sheet-corner top-left"></div>
+                  <div class="sheet-corner top-right"></div>
+                  <div class="sheet-corner bottom-left"></div>
+                  <div class="sheet-corner bottom-right"></div>
                 </div>
               </div>
             </div>
             <span
-              class="passivacaido-color hiddenelement"
+              class="sheet-passivacaido-color sheet-hiddenelement"
               data-i18n="shovedefense"
               >-5 Defesa contra Ataques Corpo à Corpo. +5 de Defesa contra
               Ataques à Distância.</span
@@ -880,31 +919,35 @@
       </div>
     </div>
 
-    <div class="attacks-container">
-      <div class="inside">
-        <div class="container-negative-corner">
-          <div class="inside-negative-corner">
-            <!-- <div class="default-title">Ataques</div> -->
-            <div class="attacksgrid">
+    <div class="sheet-attacks-container">
+      <div class="sheet-inside">
+        <div class="sheet-container-negative-corner">
+          <div class="sheet-inside-negative-corner">
+            <!-- <div class="sheet-default-title">Ataques</div> -->
+            <div class="sheet-attacksgrid">
               <div></div>
-              <div class="grid-title" data-i18n="nome_do_ataque">
+              <div class="sheet-grid-title" data-i18n="nome_do_ataque">
                 Nome do Ataque
               </div>
-              <div class="small-title" data-i18n="bonus_ataque">
+              <div class="sheet-small-title" data-i18n="bonus_ataque">
                 Bônus de Ataque
               </div>
-              <div class="small-title" data-i18n="dano">Dano</div>
-              <div class="small-title" data-i18n="dano_extra">Dano Extra</div>
-              <div class="small-title" data-i18n="dado_extra">Dados Extra</div>
-              <div class="small-title" data-i18n="critico">Crítico</div>
+              <div class="sheet-small-title" data-i18n="dano">Dano</div>
+              <div class="sheet-small-title" data-i18n="dano_extra">
+                Dano Extra
+              </div>
+              <div class="sheet-small-title" data-i18n="dado_extra">
+                Dados Extra
+              </div>
+              <div class="sheet-small-title" data-i18n="critico">Crítico</div>
             </div>
             <!-- Ataques -->
             <fieldset class="repeating_attacks">
-              <div class="attacksgrid">
+              <div class="sheet-attacksgrid">
                 <button
                   type="roll"
                   name="roll_attack"
-                  class="buttonrollataque dado-simples"
+                  class="sheet-buttonrollataque dado-simples"
                   value="&{template:ordem-paranormal-attack}{{character=@{character_name}}}{{attackname=@{nomeataque}}}{{attackroll=[[@{ataque_roller}]]}} {{damageroll=[[@{danoataque}+@{modatributodano}+@{danoextraataque}+@{dadoextraataque}+@{danotemp}+@{rolltemp}]]}} {{criticaldamageroll=[[@{danocriticoataque}+@{dadoextraataque}+@{modatributodano}+@{danoextraataque}]]}}{{typeofdamage=@{ataquetipodedano}}}{{description=@{ataquedescricao}}}"
                 >
                   T
@@ -913,51 +956,51 @@
                   name="attr_nomeataque"
                   type="text"
                   spellcheck="false"
-                  class=""
+                  class="sheet-"
                   value=""
                 />
                 <input
                   name="attr_bonusataque"
                   type="text"
                   spellcheck="false"
-                  class=""
+                  class="sheet-"
                   value="0"
                 />
                 <input
                   name="attr_danoataque"
                   type="text"
                   spellcheck="false"
-                  class=""
+                  class="sheet-"
                   value="0"
                 />
                 <input
                   name="attr_danoextraataque"
                   type="text"
                   spellcheck="false"
-                  class=""
+                  class="sheet-"
                   value="0"
                 />
                 <input
                   name="attr_dadoextraataque"
                   type="text"
                   spellcheck="false"
-                  class=""
+                  class="sheet-"
                   value="0"
                 />
-                <div class="containercritico">
+                <div class="sheet-containercritico">
                   <input
                     name="attr_margemcriticoataque"
                     type="text"
                     spellcheck="false"
-                    class="margem"
+                    class="sheet-margem"
                     value="20"
                   />
-                  <span class="divisor"><b>/</b>x</span>
+                  <span class="sheet-divisor"><b>/</b>x</span>
                   <input
                     name="attr_multiplicadorcriticoataque"
                     type="text"
                     spellcheck="false"
-                    class="multiplicador"
+                    class="sheet-multiplicador"
                     value="2"
                   />
                 </div>
@@ -969,58 +1012,60 @@
                 />
                 <input type="hidden" name="attr_ataque_roller" readonly="1" />
 
-                <div class="moreinfo">
-                  <input type="checkbox" class="hiddencheckbox" />
-                  <span class="hiddencheckboxcover"></span>
-                  <div class="containermoreinfo">
-                    <!-- <div class="containerdescrataque">
-                                                <div class="title">Descrição</div>
+                <div class="sheet-moreinfo">
+                  <input type="checkbox" class="sheet-hiddencheckbox" />
+                  <span class="sheet-hiddencheckboxcover"></span>
+                  <div class="sheet-containermoreinfo">
+                    <!-- <div class="sheet-containerdescrataque">
+                                                <div class="sheet-title">Descrição</div>
                                                 <textarea name="attr_proficiencias"></textarea>
                                             </div> -->
-                    <div class="inputtextbellow descricao">
+                    <div class="sheet-inputtextbellow descricao">
                       <input
                         name="attr_ataquedescricao"
                         type="text"
                         spellcheck="false"
                         value=""
                       />
-                      <span class="title" data-i18n="descricao_macros"
+                      <span class="sheet-title" data-i18n="descricao_macros"
                         >Descrição / Macros</span
                       >
                     </div>
-                    <div class="inputtextbellow pericialuta">
+                    <div class="sheet-inputtextbellow pericialuta">
                       <select name="attr_ataquepericia">
                         <option value="enganacao">Enganação</option>
                         <option value="luta" selected="">Luta</option>
                         <option value="ocultismo">Ocultismo</option>
                         <option value="pontaria">Pontaria</option>
                       </select>
-                      <span class="title" data-i18n="pericia_utilizada"
+                      <span class="sheet-title" data-i18n="pericia_utilizada"
                         >Perícia utilizada</span
                       >
                     </div>
-                    <div class="inputtextbellow tipodano">
+                    <div class="sheet-inputtextbellow tipodano">
                       <input
                         name="attr_ataquetipodedano"
                         type="text"
                         spellcheck="false"
                         value=""
                       />
-                      <span class="title" data-i18n="tipo_de_dano"
+                      <span class="sheet-title" data-i18n="tipo_de_dano"
                         >Tipo de Dano</span
                       >
                     </div>
-                    <div class="inputtextbellow alcance">
+                    <div class="sheet-inputtextbellow alcance">
                       <input
                         name="attr_ataquealcance"
                         type="text"
                         spellcheck="false"
                         value=""
                       />
-                      <span class="title" data-i18n="alcance">Alcance</span>
+                      <span class="sheet-title" data-i18n="alcance"
+                        >Alcance</span
+                      >
                     </div>
 
-                    <div class="inputtextbellow pericialuta">
+                    <div class="sheet-inputtextbellow pericialuta">
                       <select name="attr_modatributodano">
                         <option value="0" selected="">Nenhum</option>
                         <option value="@{for_mod}" data-i18n="forca">
@@ -1039,23 +1084,23 @@
                           Presença
                         </option>
                       </select>
-                      <span class="title" data-i18n="atributo_no_dano"
+                      <span class="sheet-title" data-i18n="atributo_no_dano"
                         >Atributo no Dano</span
                       >
                     </div>
 
-                    <div class="inputtextbellow alcance">
+                    <div class="sheet-inputtextbellow alcance">
                       <input
                         name="attr_ataquemunicao"
                         type="text"
                         spellcheck="false"
                         value=""
                       />
-                      <span class="title" data-i18n="ataque_municao"
+                      <span class="sheet-title" data-i18n="ataque_municao"
                         >Munições</span
                       >
                     </div>
-                    <div class="inputtextbellow pericialuta">
+                    <div class="sheet-inputtextbellow pericialuta">
                       <select name="attr_tipoataque">
                         <option
                           value="@{condicaomodataquecc}+@{condicaomodataque}"
@@ -1071,54 +1116,56 @@
                           À distância
                         </option>
                       </select>
-                      <span class="title" data-i18n="tipo_ataque"
+                      <span class="sheet-title" data-i18n="tipo_ataque"
                         >Tipo do Ataque</span
                       >
                     </div>
 
-                    <div class="inputtextbellow ataque_rolagens tiporolagemum">
+                    <div
+                      class="sheet-inputtextbellow ataque_rolagens tiporolagemum"
+                    >
                       <button
                         type="roll"
                         name="roll_failure"
-                        class="buttonrollataque buttonrollerro dado"
+                        class="sheet-buttonrollataque buttonrollerro dado"
                         value="&{template:ordem-paranormal-error-chance}{{character=@{character_name}}}{{errorroll=[[1d100]]}}"
                         style="margin: auto !important"
                       >
                         KK
                       </button>
-                      <span class="title" data-i18n="chanceDeErro"
+                      <span class="sheet-title" data-i18n="chanceDeErro"
                         >Chance de Erro</span
                       >
                     </div>
                   </div>
-                  <!-- <div class="bottomline"></div> -->
+                  <!-- <div class="sheet-bottomline"></div> -->
                 </div>
               </div>
             </fieldset>
 
             <!-- Ataques -->
 
-            <div class="corner top-left"></div>
-            <div class="corner top-right"></div>
-            <div class="corner bottom-left"></div>
-            <div class="corner bottom-right"></div>
+            <div class="sheet-corner top-left"></div>
+            <div class="sheet-corner top-right"></div>
+            <div class="sheet-corner bottom-left"></div>
+            <div class="sheet-corner bottom-right"></div>
           </div>
         </div>
       </div>
     </div>
 
-    <div class="container-negative-corner container-armor-shield">
-      <div class="inside-negative-corner">
-        <div class="grid-title" data-i18n="protecao_resistencias_equip">
+    <div class="sheet-container-negative-corner container-armor-shield">
+      <div class="sheet-inside-negative-corner">
+        <div class="sheet-grid-title" data-i18n="protecao_resistencias_equip">
           Proteções / Resistências
         </div>
-        <div class="small-title" data-i18n="passiva">Passiva</div>
-        <div class="small-title" data-i18n="bloqueio">Bloqueio</div>
-        <div class="small-title" data-i18n="esquiva">Esquiva</div>
-        <div class="small-title" data-i18n="reducao_de_dano">
+        <div class="sheet-small-title" data-i18n="passiva">Passiva</div>
+        <div class="sheet-small-title" data-i18n="bloqueio">Bloqueio</div>
+        <div class="sheet-small-title" data-i18n="esquiva">Esquiva</div>
+        <div class="sheet-small-title" data-i18n="reducao_de_dano">
           Redução de dano
         </div>
-        <div class="small-title" data-i18n="penalidade">Penalidade</div>
+        <div class="sheet-small-title" data-i18n="penalidade">Penalidade</div>
         <div>
           <input
             name="attr_protecao1"
@@ -1263,99 +1310,102 @@
             value="0"
           />
         </div>
-        <div class="corner top-left"></div>
-        <div class="corner top-right"></div>
-        <div class="corner bottom-left"></div>
-        <div class="corner bottom-right"></div>
+        <div class="sheet-corner top-left"></div>
+        <div class="sheet-corner top-right"></div>
+        <div class="sheet-corner bottom-left"></div>
+        <div class="sheet-corner bottom-right"></div>
       </div>
     </div>
-    <div class="defense-and-proeficience-container">
-      <div class="box-proficiencies">
-        <div class="container-negative-corner">
-          <div class="inside-negative-corner">
-            <div class="default-title" data-i18n="protecoes_descritivo">
+    <div class="sheet-defense-and-proeficience-container">
+      <div class="sheet-box-proficiencies">
+        <div class="sheet-container-negative-corner">
+          <div class="sheet-inside-negative-corner">
+            <div class="sheet-default-title" data-i18n="protecoes_descritivo">
               Proteções
             </div>
-            <div class="content-centered">
+            <div class="sheet-content-centered">
               <textarea name="attr_protecoes"></textarea>
             </div>
-            <div class="corner top-left"></div>
-            <div class="corner top-right"></div>
-            <div class="corner bottom-left"></div>
-            <div class="corner bottom-right"></div>
+            <div class="sheet-corner top-left"></div>
+            <div class="sheet-corner top-right"></div>
+            <div class="sheet-corner bottom-left"></div>
+            <div class="sheet-corner bottom-right"></div>
           </div>
         </div>
       </div>
-      <div class="box-proficiencies">
-        <div class="container-negative-corner">
-          <div class="inside-negative-corner">
-            <div class="default-title" data-i18n="resistencias_descritivo">
+      <div class="sheet-box-proficiencies">
+        <div class="sheet-container-negative-corner">
+          <div class="sheet-inside-negative-corner">
+            <div
+              class="sheet-default-title"
+              data-i18n="resistencias_descritivo"
+            >
               Resistências
             </div>
-            <div class="content-centered">
+            <div class="sheet-content-centered">
               <textarea name="attr_resistencias"></textarea>
             </div>
-            <div class="corner top-left"></div>
-            <div class="corner top-right"></div>
-            <div class="corner bottom-left"></div>
-            <div class="corner bottom-right"></div>
+            <div class="sheet-corner top-left"></div>
+            <div class="sheet-corner top-right"></div>
+            <div class="sheet-corner bottom-left"></div>
+            <div class="sheet-corner bottom-right"></div>
           </div>
         </div>
       </div>
     </div>
-    <div class="proeficience-container">
-      <div class="box-proficiencies">
-        <div class="container-negative-corner">
-          <div class="inside-negative-corner">
-            <div class="default-title" data-i18n="reducao_de_dano">
+    <div class="sheet-proeficience-container">
+      <div class="sheet-box-proficiencies">
+        <div class="sheet-container-negative-corner">
+          <div class="sheet-inside-negative-corner">
+            <div class="sheet-default-title" data-i18n="reducao_de_dano">
               Redução de dano
             </div>
-            <div class="content-centered">
+            <div class="sheet-content-centered">
               <textarea name="attr_reducao_de_dano"></textarea>
             </div>
-            <div class="corner top-left"></div>
-            <div class="corner top-right"></div>
-            <div class="corner bottom-left"></div>
-            <div class="corner bottom-right"></div>
+            <div class="sheet-corner top-left"></div>
+            <div class="sheet-corner top-right"></div>
+            <div class="sheet-corner bottom-left"></div>
+            <div class="sheet-corner bottom-right"></div>
           </div>
         </div>
       </div>
     </div>
-    <div class="proeficience-container">
-      <div class="box-proficiencies">
-        <div class="container-negative-corner">
-          <div class="inside-negative-corner">
+    <div class="sheet-proeficience-container">
+      <div class="sheet-box-proficiencies">
+        <div class="sheet-container-negative-corner">
+          <div class="sheet-inside-negative-corner">
             <div
-              class="default-title"
+              class="sheet-default-title"
               data-i18n="proeficiencia_outras_caracteristicas"
             >
               Proficiências e outras características
             </div>
-            <div class="content-centered">
+            <div class="sheet-content-centered">
               <textarea name="attr_proficiencias"></textarea>
             </div>
-            <div class="corner top-left"></div>
-            <div class="corner top-right"></div>
-            <div class="corner bottom-left"></div>
-            <div class="corner bottom-right"></div>
+            <div class="sheet-corner top-left"></div>
+            <div class="sheet-corner top-right"></div>
+            <div class="sheet-corner bottom-left"></div>
+            <div class="sheet-corner bottom-right"></div>
           </div>
         </div>
       </div>
     </div>
-    <div class="powers-and-abilities">
-      <div class="container-negative-corner">
-        <div class="inside-negative-corner">
-          <div class="default-title" data-i18n="habilidades_poderes">
+    <div class="sheet-powers-and-abilities">
+      <div class="sheet-container-negative-corner">
+        <div class="sheet-inside-negative-corner">
+          <div class="sheet-default-title" data-i18n="habilidades_poderes">
             Habilidades e Poderes
           </div>
-          <div class="content-grid">
-            <div class="container-reapeater">
+          <div class="sheet-content-grid">
+            <div class="sheet-container-reapeater">
               <fieldset class="repeating_abilities">
-                <div class="container-ability-power">
+                <div class="sheet-container-ability-power">
                   <button
                     type="roll"
                     name="roll_ability"
-                    class="buttonshowinfo"
+                    class="sheet-buttonshowinfo"
                     value="&{template:ordem-paranormal-info}{{infoname=@{nameability}}}{{description=@{abilitydescription}}}"
                   >
                     q
@@ -1366,22 +1416,22 @@
                     spellcheck="false"
                     value=""
                   />
-                  <input type="checkbox" class="hiddencheckbox" />
-                  <span class="hiddencheckboxcover">W</span>
-                  <div class="extra">
+                  <input type="checkbox" class="sheet-hiddencheckbox" />
+                  <span class="sheet-hiddencheckboxcover">W</span>
+                  <div class="sheet-extra">
                     <textarea name="attr_abilitydescription"></textarea>
                   </div>
                 </div>
               </fieldset>
             </div>
 
-            <div class="container-reapeater">
+            <div class="sheet-container-reapeater">
               <fieldset class="repeating_powers">
-                <div class="container-ability-power">
+                <div class="sheet-container-ability-power">
                   <button
                     type="roll"
                     name="roll_power"
-                    class="buttonshowinfo"
+                    class="sheet-buttonshowinfo"
                     value="&{template:ordem-paranormal-info}{{infoname=@{namepower}}}{{description=@{powerdescription}}}"
                   >
                     q
@@ -1392,41 +1442,43 @@
                     spellcheck="false"
                     value=""
                   />
-                  <input type="checkbox" class="hiddencheckbox" />
-                  <span class="hiddencheckboxcover">W</span>
-                  <div class="extra">
+                  <input type="checkbox" class="sheet-hiddencheckbox" />
+                  <span class="sheet-hiddencheckboxcover">W</span>
+                  <div class="sheet-extra">
                     <textarea name="attr_powerdescription"></textarea>
                   </div>
                 </div>
               </fieldset>
             </div>
           </div>
-          <div class="corner top-left"></div>
-          <div class="corner top-right"></div>
-          <div class="corner bottom-left"></div>
-          <div class="corner bottom-right"></div>
+          <div class="sheet-corner top-left"></div>
+          <div class="sheet-corner top-right"></div>
+          <div class="sheet-corner bottom-left"></div>
+          <div class="sheet-corner bottom-right"></div>
         </div>
       </div>
     </div>
-    <div class="spells">
-      <div class="container-negative-corner">
-        <div class="inside-negative-corner">
-          <div class="default-title" data-i18n="rituais">Magias</div>
-          <div class="content-grid">
-            <div class="spellcolumn">
-              <div class="cicloheader">
-                <div class="ciclo-title" data-i18n="primeiro_circulo">
+    <div class="sheet-spells">
+      <div class="sheet-container-negative-corner">
+        <div class="sheet-inside-negative-corner">
+          <div class="sheet-default-title" data-i18n="rituais">Magias</div>
+          <div class="sheet-content-grid">
+            <div class="sheet-spellcolumn">
+              <div class="sheet-cicloheader">
+                <div class="sheet-ciclo-title" data-i18n="primeiro_circulo">
                   1º Círculo
                 </div>
-                <div class="ciclo-cost" data-i18n="primeiro_custo">1 PE</div>
+                <div class="sheet-ciclo-cost" data-i18n="primeiro_custo">
+                  1 PE
+                </div>
               </div>
-              <div class="containerspelllist">
+              <div class="sheet-containerspelllist">
                 <fieldset class="repeating_spells1">
-                  <div class="container-single-spell">
+                  <div class="sheet-container-single-spell">
                     <button
                       type="roll"
                       name="roll_spell1"
-                      class="buttonspell"
+                      class="sheet-buttonspell"
                       value="&{template:spell}{{character=@{character_name}}}{{spellname=@{namespell}}}{{type=@{spelltipo}}}{{execution=@{spellexecucao}}}{{duration=@{spellduracao}}}{{range=@{spellalcance}}}{{targetarea=@{spellalvoarea}}}{{resistance=@{spellresistencia}}}{{description=@{spelldescription}}}{{cd=@{spellcd}}}"
                     >
                       T
@@ -1437,9 +1489,9 @@
                       spellcheck="false"
                       value=""
                     />
-                    <input type="checkbox" class="hiddencheckbox" />
-                    <span class="hiddencheckboxcover">W</span>
-                    <div class="extra">
+                    <input type="checkbox" class="sheet-hiddencheckbox" />
+                    <span class="sheet-hiddencheckboxcover">W</span>
+                    <div class="sheet-extra">
                       <span data-i18n="elemento_magia">Tipo</span>
                       <input
                         name="attr_spelltipo"
@@ -1447,9 +1499,9 @@
                         spellcheck="false"
                         value=""
                       />
-                      <span class="cd" data-i18n="cd_magia">CD</span>
+                      <span class="sheet-cd" data-i18n="cd_magia">CD</span>
                       <input
-                        class="cd"
+                        class="sheet-cd"
                         name="attr_spellcd"
                         type="text"
                         spellcheck="false"
@@ -1458,7 +1510,7 @@
 
                       <span data-i18n="execucao_magia">Execução</span>
                       <input
-                        class="singleline"
+                        class="sheet-singleline"
                         name="attr_spellexecucao"
                         type="text"
                         spellcheck="false"
@@ -1466,7 +1518,7 @@
                       />
                       <span data-i18n="alcance_magia">Alcance</span>
                       <input
-                        class="singleline"
+                        class="sheet-singleline"
                         name="attr_spellalcance"
                         type="text"
                         spellcheck="false"
@@ -1474,7 +1526,7 @@
                       />
                       <span data-i18n="duracao_magia">Duração</span>
                       <input
-                        class="singleline"
+                        class="sheet-singleline"
                         name="attr_spellduracao"
                         type="text"
                         spellcheck="false"
@@ -1482,7 +1534,7 @@
                       />
                       <span data-i18n="efeito_magia">Efeito</span>
                       <input
-                        class="singleline"
+                        class="sheet-singleline"
                         name="attr_spellalvoarea"
                         type="text"
                         spellcheck="false"
@@ -1490,18 +1542,18 @@
                       />
                       <span data-i18n="resistencia_magia">Resistência</span>
                       <input
-                        class="singleline"
+                        class="sheet-singleline"
                         name="attr_spellresistencia"
                         type="text"
                         spellcheck="false"
                         value=""
                       />
 
-                      <span class="fullline" data-i18n="descricao_magia"
+                      <span class="sheet-fullline" data-i18n="descricao_magia"
                         >Descrição</span
                       >
                       <textarea
-                        class="fullline"
+                        class="sheet-fullline"
                         name="attr_spelldescription"
                       ></textarea>
                     </div>
@@ -1509,19 +1561,21 @@
                 </fieldset>
               </div>
 
-              <div class="cicloheader">
-                <div class="ciclo-title" data-i18n="terceiro_circulo">
+              <div class="sheet-cicloheader">
+                <div class="sheet-ciclo-title" data-i18n="terceiro_circulo">
                   3º Círculo
                 </div>
-                <div class="ciclo-cost" data-i18n="terceiro_custo">6 PE</div>
+                <div class="sheet-ciclo-cost" data-i18n="terceiro_custo">
+                  6 PE
+                </div>
               </div>
-              <div class="containerspelllist">
+              <div class="sheet-containerspelllist">
                 <fieldset class="repeating_spells3">
-                  <div class="container-single-spell">
+                  <div class="sheet-container-single-spell">
                     <button
                       type="roll"
                       name="roll_spell3"
-                      class="buttonspell"
+                      class="sheet-buttonspell"
                       value="&{template:spell}{{character=@{character_name}}}{{spellname=@{namespell}}}{{type=@{spelltipo}}}{{execution=@{spellexecucao}}}{{duration=@{spellduracao}}}{{range=@{spellalcance}}}{{targetarea=@{spellalvoarea}}}{{resistance=@{spellresistencia}}}{{description=@{spelldescription}}}{{cd=@{spellcd}}}"
                     >
                       T
@@ -1532,9 +1586,9 @@
                       spellcheck="false"
                       value=""
                     />
-                    <input type="checkbox" class="hiddencheckbox" />
-                    <span class="hiddencheckboxcover">W</span>
-                    <div class="extra">
+                    <input type="checkbox" class="sheet-hiddencheckbox" />
+                    <span class="sheet-hiddencheckboxcover">W</span>
+                    <div class="sheet-extra">
                       <span data-i18n="elemento_magia">Tipo</span>
                       <input
                         name="attr_spelltipo"
@@ -1542,9 +1596,9 @@
                         spellcheck="false"
                         value=""
                       />
-                      <span class="cd" data-i18n="cd_magia">CD</span>
+                      <span class="sheet-cd" data-i18n="cd_magia">CD</span>
                       <input
-                        class="cd"
+                        class="sheet-cd"
                         name="attr_spellcd"
                         type="text"
                         spellcheck="false"
@@ -1553,7 +1607,7 @@
 
                       <span data-i18n="execucao_magia">Execução</span>
                       <input
-                        class="singleline"
+                        class="sheet-singleline"
                         name="attr_spellexecucao"
                         type="text"
                         spellcheck="false"
@@ -1561,7 +1615,7 @@
                       />
                       <span data-i18n="alcance_magia">Alcance</span>
                       <input
-                        class="singleline"
+                        class="sheet-singleline"
                         name="attr_spellalcance"
                         type="text"
                         spellcheck="false"
@@ -1569,7 +1623,7 @@
                       />
                       <span data-i18n="duracao_magia">Duração</span>
                       <input
-                        class="singleline"
+                        class="sheet-singleline"
                         name="attr_spellduracao"
                         type="text"
                         spellcheck="false"
@@ -1577,7 +1631,7 @@
                       />
                       <span data-i18n="efeito_magia">Efeito</span>
                       <input
-                        class="singleline"
+                        class="sheet-singleline"
                         name="attr_spellalvoarea"
                         type="text"
                         spellcheck="false"
@@ -1585,18 +1639,18 @@
                       />
                       <span data-i18n="resistencia_magia">Resistência</span>
                       <input
-                        class="singleline"
+                        class="sheet-singleline"
                         name="attr_spellresistencia"
                         type="text"
                         spellcheck="false"
                         value=""
                       />
 
-                      <span class="fullline" data-i18n="descricao_magia"
+                      <span class="sheet-fullline" data-i18n="descricao_magia"
                         >Descrição</span
                       >
                       <textarea
-                        class="fullline"
+                        class="sheet-fullline"
                         name="attr_spelldescription"
                       ></textarea>
                     </div>
@@ -1604,20 +1658,22 @@
                 </fieldset>
               </div>
             </div>
-            <div class="spellcolumn">
-              <div class="cicloheader">
-                <div class="ciclo-title" data-i18n="segundo_circulo">
+            <div class="sheet-spellcolumn">
+              <div class="sheet-cicloheader">
+                <div class="sheet-ciclo-title" data-i18n="segundo_circulo">
                   2º Círculo
                 </div>
-                <div class="ciclo-cost" data-i18n="segundo_custo">3 PE</div>
+                <div class="sheet-ciclo-cost" data-i18n="segundo_custo">
+                  3 PE
+                </div>
               </div>
-              <div class="containerspelllist">
+              <div class="sheet-containerspelllist">
                 <fieldset class="repeating_spells2">
-                  <div class="container-single-spell">
+                  <div class="sheet-container-single-spell">
                     <button
                       type="roll"
                       name="roll_spell2"
-                      class="buttonspell"
+                      class="sheet-buttonspell"
                       value="&{template:spell}{{character=@{character_name}}}{{spellname=@{namespell}}}{{type=@{spelltipo}}}{{execution=@{spellexecucao}}}{{duration=@{spellduracao}}}{{range=@{spellalcance}}}{{targetarea=@{spellalvoarea}}}{{resistance=@{spellresistencia}}}{{description=@{spelldescription}}}{{cd=@{spellcd}}}"
                     >
                       T
@@ -1628,9 +1684,9 @@
                       spellcheck="false"
                       value=""
                     />
-                    <input type="checkbox" class="hiddencheckbox" />
-                    <span class="hiddencheckboxcover">W</span>
-                    <div class="extra">
+                    <input type="checkbox" class="sheet-hiddencheckbox" />
+                    <span class="sheet-hiddencheckboxcover">W</span>
+                    <div class="sheet-extra">
                       <span data-i18n="elemento_magia">Tipo</span>
                       <input
                         name="attr_spelltipo"
@@ -1638,9 +1694,9 @@
                         spellcheck="false"
                         value=""
                       />
-                      <span class="cd" data-i18n="cd_magia">CD</span>
+                      <span class="sheet-cd" data-i18n="cd_magia">CD</span>
                       <input
-                        class="cd"
+                        class="sheet-cd"
                         name="attr_spellcd"
                         type="text"
                         spellcheck="false"
@@ -1649,7 +1705,7 @@
 
                       <span data-i18n="execucao_magia">Execução</span>
                       <input
-                        class="singleline"
+                        class="sheet-singleline"
                         name="attr_spellexecucao"
                         type="text"
                         spellcheck="false"
@@ -1657,7 +1713,7 @@
                       />
                       <span data-i18n="alcance_magia">Alcance</span>
                       <input
-                        class="singleline"
+                        class="sheet-singleline"
                         name="attr_spellalcance"
                         type="text"
                         spellcheck="false"
@@ -1665,7 +1721,7 @@
                       />
                       <span data-i18n="duracao_magia">Duração</span>
                       <input
-                        class="singleline"
+                        class="sheet-singleline"
                         name="attr_spellduracao"
                         type="text"
                         spellcheck="false"
@@ -1673,7 +1729,7 @@
                       />
                       <span data-i18n="efeito_magia">Efeito</span>
                       <input
-                        class="singleline"
+                        class="sheet-singleline"
                         name="attr_spellalvoarea"
                         type="text"
                         spellcheck="false"
@@ -1681,37 +1737,39 @@
                       />
                       <span data-i18n="resistencia_magia">Resistência</span>
                       <input
-                        class="singleline"
+                        class="sheet-singleline"
                         name="attr_spellresistencia"
                         type="text"
                         spellcheck="false"
                         value=""
                       />
 
-                      <span class="fullline" data-i18n="descricao_magia"
+                      <span class="sheet-fullline" data-i18n="descricao_magia"
                         >Descrição</span
                       >
                       <textarea
-                        class="fullline"
+                        class="sheet-fullline"
                         name="attr_spelldescription"
                       ></textarea>
                     </div>
                   </div>
                 </fieldset>
               </div>
-              <div class="cicloheader">
-                <div class="ciclo-title" data-i18n="quarto_circulo">
+              <div class="sheet-cicloheader">
+                <div class="sheet-ciclo-title" data-i18n="quarto_circulo">
                   4º Círculo
                 </div>
-                <div class="ciclo-cost" data-i18n="quarto_custo">10 PE</div>
+                <div class="sheet-ciclo-cost" data-i18n="quarto_custo">
+                  10 PE
+                </div>
               </div>
-              <div class="containerspelllist">
+              <div class="sheet-containerspelllist">
                 <fieldset class="repeating_spells4">
-                  <div class="container-single-spell">
+                  <div class="sheet-container-single-spell">
                     <button
                       type="roll"
                       name="roll_spell4"
-                      class="buttonspell"
+                      class="sheet-buttonspell"
                       value="&{template:spell}{{character=@{character_name}}}{{spellname=@{namespell}}}{{type=@{spelltipo}}}{{execution=@{spellexecucao}}}{{duration=@{spellduracao}}}{{range=@{spellalcance}}}{{targetarea=@{spellalvoarea}}}{{resistance=@{spellresistencia}}}{{description=@{spelldescription}}}{{cd=@{spellcd}}}"
                     >
                       T
@@ -1722,9 +1780,9 @@
                       spellcheck="false"
                       value=""
                     />
-                    <input type="checkbox" class="hiddencheckbox" />
-                    <span class="hiddencheckboxcover">W</span>
-                    <div class="extra">
+                    <input type="checkbox" class="sheet-hiddencheckbox" />
+                    <span class="sheet-hiddencheckboxcover">W</span>
+                    <div class="sheet-extra">
                       <span data-i18n="elemento_magia">Tipo</span>
                       <input
                         name="attr_spelltipo"
@@ -1732,9 +1790,9 @@
                         spellcheck="false"
                         value=""
                       />
-                      <span class="cd" data-i18n="cd_magia">DT</span>
+                      <span class="sheet-cd" data-i18n="cd_magia">DT</span>
                       <input
-                        class="cd"
+                        class="sheet-cd"
                         name="attr_spellcd"
                         type="text"
                         spellcheck="false"
@@ -1743,7 +1801,7 @@
 
                       <span data-i18n="execucao_magia">Execução</span>
                       <input
-                        class="singleline"
+                        class="sheet-singleline"
                         name="attr_spellexecucao"
                         type="text"
                         spellcheck="false"
@@ -1751,7 +1809,7 @@
                       />
                       <span data-i18n="alcance_magia">Alcance</span>
                       <input
-                        class="singleline"
+                        class="sheet-singleline"
                         name="attr_spellalcance"
                         type="text"
                         spellcheck="false"
@@ -1759,7 +1817,7 @@
                       />
                       <span data-i18n="duracao_magia">Duração</span>
                       <input
-                        class="singleline"
+                        class="sheet-singleline"
                         name="attr_spellduracao"
                         type="text"
                         spellcheck="false"
@@ -1767,7 +1825,7 @@
                       />
                       <span data-i18n="efeito_magia">Efeito</span>
                       <input
-                        class="singleline"
+                        class="sheet-singleline"
                         name="attr_spellalvoarea"
                         type="text"
                         spellcheck="false"
@@ -1775,18 +1833,18 @@
                       />
                       <span data-i18n="resistencia_magia">Resistência</span>
                       <input
-                        class="singleline"
+                        class="sheet-singleline"
                         name="attr_spellresistencia"
                         type="text"
                         spellcheck="false"
                         value=""
                       />
 
-                      <span data-i18n="descricao_magia" class="fullline"
+                      <span data-i18n="descricao_magia" class="sheet-fullline"
                         >Descrição</span
                       >
                       <textarea
-                        class="fullline"
+                        class="sheet-fullline"
                         name="attr_spelldescription"
                       ></textarea>
                     </div>
@@ -1795,26 +1853,26 @@
               </div>
             </div>
           </div>
-          <div class="corner top-left"></div>
-          <div class="corner top-right"></div>
-          <div class="corner bottom-left"></div>
-          <div class="corner bottom-right"></div>
+          <div class="sheet-corner top-left"></div>
+          <div class="sheet-corner top-right"></div>
+          <div class="sheet-corner bottom-left"></div>
+          <div class="sheet-corner bottom-right"></div>
         </div>
       </div>
     </div>
   </div>
 
-  <div class="right-container">
-    <div class="logo-level">
-      <div class="container-logo">
+  <div class="sheet-right-container">
+    <div class="sheet-logo-level">
+      <div class="sheet-container-logo">
         <img
           src="http://ordem.jamboeditora.com.br/wp-content/uploads/2021/11/logo-700.png"
-          class="logo-ordem-paranormal"
+          class="sheet-logo-ordem-paranormal"
         />
       </div>
     </div>
     <div
-      class="input-with-text-right"
+      class="sheet-input-with-text-right"
       style="padding-right: 0.5rem"
       title="Define a escala de treino das perícias (padrão e mínimo 5)"
     >
@@ -1828,41 +1886,49 @@
         min="5"
       />
     </div>
-    <div class="skills-container">
-      <div class="container-negative-corner">
-        <div class="inside-negative-corner">
-          <div class="skill-grid-template header">
-            <div class="grid-title pericias-titulo" data-i18n="pericias">
+    <div class="sheet-skills-container">
+      <div class="sheet-container-negative-corner">
+        <div class="sheet-inside-negative-corner">
+          <div class="sheet-skill-grid-template header">
+            <div class="sheet-grid-title pericias-titulo" data-i18n="pericias">
               Perícias
             </div>
-            <div class="small-title" data-i18n="pericias_dados">Dados</div>
+            <div class="sheet-small-title" data-i18n="pericias_dados">
+              Dados
+            </div>
             <div></div>
-            <div class="small-title" data-i18n="pericias_bonus">
+            <div class="sheet-small-title" data-i18n="pericias_bonus">
               Dados Bônus
             </div>
             <div></div>
             <div></div>
-            <div class="small-title" data-i18n="pericias_treino">Treino</div>
+            <div class="sheet-small-title" data-i18n="pericias_treino">
+              Treino
+            </div>
             <div></div>
-            <div class="small-title" data-i18n="pericias_outros">Outros</div>
+            <div class="sheet-small-title" data-i18n="pericias_outros">
+              Outros
+            </div>
             <div></div>
-            <div class="small-title" data-i18n="pericias_total">Total</div>
+            <div class="sheet-small-title" data-i18n="pericias_total">
+              Total
+            </div>
           </div>
-          <div class="skill-grid-template skill-list">
+          <div class="sheet-skill-grid-template skill-list">
             <!-- Acrobacia -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_acrobacia"
                 value="@{acrobacia_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
-                <span class="sup-penalidade" data-i18n="acrobacia"
+                <span class="sheet-sup-penalidade" data-i18n="acrobacia"
                   >Acrobacia</span
                 >
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_acrobaciaatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -1896,7 +1962,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_acrobaciadadosbonus"
               maxlength="3"
@@ -1905,8 +1971,8 @@
               title="@{acrobaciadadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_acrobaciatreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -1938,7 +2004,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_acrobaciaoutros"
               maxlength="3"
@@ -1947,9 +2013,9 @@
               title="@{acrobaciaoutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_acrobaciatotal"
               maxlength="3"
               type="text"
@@ -1960,19 +2026,19 @@
             />
 
             <!-- Adestramento -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="adestramento_roller"
                 value="@{adestramento_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
-                <span class="sup-treinada" data-i18n="adestramento"
+                <span class="sheet-sup-treinada" data-i18n="adestramento"
                   >Adestramento</span
                 >
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_adestramentoatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -2006,7 +2072,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_adestramentodadosbonus"
               maxlength="3"
@@ -2015,8 +2081,8 @@
               title="@{adestramentodadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_adestramentotreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -2048,7 +2114,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_adestramentooutros"
               maxlength="3"
@@ -2057,9 +2123,9 @@
               title="@{adestramentooutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_adestramentototal"
               maxlength="2"
               type="text"
@@ -2070,17 +2136,17 @@
             />
 
             <!-- Artes -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_artes"
                 value="@{artes_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
-                <span class="sup-treinada" data-i18n="artes">Artes</span>
+                <span class="sheet-sup-treinada" data-i18n="artes">Artes</span>
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_artesatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -2114,7 +2180,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_artesdadosbonus"
               maxlength="3"
@@ -2123,8 +2189,8 @@
               title="@{artesdadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_artestreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -2156,7 +2222,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_artesoutros"
               maxlength="3"
@@ -2165,9 +2231,9 @@
               title="@{artesoutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_artestotal"
               maxlength="2"
               type="text"
@@ -2178,17 +2244,17 @@
             />
 
             <!-- Atletismo -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_atletismo"
                 value="@{atletismo_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
                 <span data-i18n="atletismo">Atletismo</span>
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_atletismoatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -2222,7 +2288,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_atletismodadosbonus"
               maxlength="3"
@@ -2231,8 +2297,8 @@
               title="@{atletismodadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_atletismotreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -2264,7 +2330,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_atletismooutros"
               maxlength="3"
@@ -2273,9 +2339,9 @@
               title="@{atletismooutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_atletismotototal"
               maxlength="2"
               type="text"
@@ -2286,17 +2352,17 @@
             />
 
             <!-- Atualidades-->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_atualidades"
                 value="@{atualidades_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
                 <span data-i18n="atualidades">Atualidades</span>
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_atualidadesatributo2">
               <option
                 value="(@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -2330,7 +2396,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_atualidadesdadosbonus"
               maxlength="3"
@@ -2339,8 +2405,8 @@
               title="@{atualidadesdadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_atualidadestreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -2372,7 +2438,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_atualidadesoutros"
               maxlength="3"
@@ -2381,9 +2447,9 @@
               title="@{atualidadesoutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_atualidadestotal"
               maxlength="2"
               type="text"
@@ -2394,17 +2460,19 @@
             />
 
             <!-- Ciências -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_ciencias"
                 value="@{ciencias_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
-                <span class="sup-treinada" data-i18n="ciencias">Ciências</span>
+                <span class="sheet-sup-treinada" data-i18n="ciencias"
+                  >Ciências</span
+                >
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_cienciasatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -2438,7 +2506,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_cienciasdadosbonus"
               maxlength="3"
@@ -2447,8 +2515,8 @@
               title="@{cienciasdadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_cienciastreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -2480,7 +2548,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_cienciasoutros"
               maxlength="3"
@@ -2489,9 +2557,9 @@
               title="@{cienciasoutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_cienciastotal"
               maxlength="2"
               type="text"
@@ -2502,19 +2570,19 @@
             />
 
             <!-- Crime -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_crime"
                 value="@{crime_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
-                <span class="sup-treinada-penalidade" data-i18n="crime"
+                <span class="sheet-sup-treinada-penalidade" data-i18n="crime"
                   >Crime</span
                 >
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_crimeatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -2548,7 +2616,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_crimedadosbonus"
               maxlength="3"
@@ -2557,8 +2625,8 @@
               title="@{crimedadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_crimetreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -2590,7 +2658,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_crimeoutros"
               maxlength="3"
@@ -2599,9 +2667,9 @@
               title="@{crimeoutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_crimetotal"
               maxlength="2"
               type="text"
@@ -2612,17 +2680,17 @@
             />
 
             <!-- Diplomacia -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_diplomacia"
                 value="@{diplomacia_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
                 <span data-i18n="diplomacia">Diplomacia</span>
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_diplomaciaatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -2656,7 +2724,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_diplomaciadadosbonus"
               maxlength="3"
@@ -2665,8 +2733,8 @@
               title="@{diplomaciadadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_diplomaciatreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -2698,7 +2766,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_diplomaciaoutros"
               maxlength="3"
@@ -2707,9 +2775,9 @@
               title="@{diplomaciaoutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_diplomaciatotal"
               maxlength="2"
               type="text"
@@ -2720,17 +2788,17 @@
             />
 
             <!-- Enganação -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_enganacao"
                 value="@{enganacao_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
                 <span data-i18n="enganacao">Enganação</span>
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_enganacaoatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -2764,7 +2832,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_enganacaodadosbonus"
               maxlength="3"
@@ -2773,8 +2841,8 @@
               title="@{enganacaodadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_enganacaotreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -2806,7 +2874,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_enganacaooutros"
               maxlength="3"
@@ -2815,9 +2883,9 @@
               title="@{enganacaooutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_enganacaototal"
               maxlength="2"
               type="text"
@@ -2828,17 +2896,17 @@
             />
 
             <!-- Fortitude -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_fortitude"
                 value="@{fortitude_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
                 <span data-i18n="fortitude">Fortitude</span>
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_fortitudeatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -2872,7 +2940,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_fortitudedadosbonus"
               maxlength="3"
@@ -2881,8 +2949,8 @@
               title="@{fortitudedadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_fortitudetreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -2914,7 +2982,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_fortitudeoutros"
               maxlength="3"
@@ -2923,9 +2991,9 @@
               title="@{fortitudeoutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_fortitudetotal"
               maxlength="2"
               type="text"
@@ -2936,19 +3004,19 @@
             />
 
             <!-- Furtividade -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_furtividade"
                 value="@{furtividade_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
-                <span class="sup-penalidade" data-i18n="furtividade"
+                <span class="sheet-sup-penalidade" data-i18n="furtividade"
                   >Furtividade</span
                 >
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_furtividadeatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -2982,7 +3050,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_furtividadedadosbonus"
               maxlength="3"
@@ -2991,8 +3059,8 @@
               title="@{furtividadedadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_furtividadetreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -3024,7 +3092,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_furtividadeoutros"
               maxlength="3"
@@ -3033,9 +3101,9 @@
               title="@{furtividadeoutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_furtividadetotal"
               maxlength="2"
               type="text"
@@ -3046,17 +3114,17 @@
             />
 
             <!-- Iniciativa -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_iniciativa"
                 value="@{iniciativa_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
                 <span data-i18n="iniciativa">Iniciativa</span>
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_iniciativaatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -3090,7 +3158,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_iniciativadadosbonus"
               maxlength="3"
@@ -3099,8 +3167,8 @@
               title="@{iniciativadadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_iniciativatreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -3132,7 +3200,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_iniciativaoutros"
               maxlength="3"
@@ -3141,9 +3209,9 @@
               title="@{iniciativaoutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_iniciativatotal"
               maxlength="2"
               type="text"
@@ -3154,17 +3222,17 @@
             />
 
             <!-- Intimidação -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_intimidacao"
                 value="@{intimidacao_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
                 <span data-i18n="intimidacao">Intimidação</span>
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_intimidacaoatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -3198,7 +3266,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_intimidacaodadosbonus"
               maxlength="3"
@@ -3207,8 +3275,8 @@
               title="@{intimidacaodadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_intimidacaotreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -3240,7 +3308,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_intimidacaooutros"
               maxlength="3"
@@ -3249,9 +3317,9 @@
               title="@{intimidacaooutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_intimidacaototal"
               maxlength="2"
               type="text"
@@ -3262,17 +3330,17 @@
             />
 
             <!-- Intuição -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_intuicao"
                 value="@{intuicao_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
                 <span data-i18n="intuicao">Intuição</span>
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_intuicaoatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -3306,7 +3374,7 @@
                 PRE*
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_intuicaodadosbonus"
               maxlength="3"
@@ -3315,8 +3383,8 @@
               title="@{intuicaodadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_intuicaotreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -3348,7 +3416,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_intuicaooutros"
               maxlength="3"
@@ -3357,9 +3425,9 @@
               title="@{intuicaooutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_intuicaototal"
               maxlength="2"
               type="text"
@@ -3370,17 +3438,17 @@
             />
 
             <!-- Investigação -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_investigacao"
                 value="@{investigacao_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
                 <span data-i18n="investigacao">Investigação</span>
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_investigacaoatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -3414,7 +3482,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_investigacaodadosbonus"
               maxlength="3"
@@ -3423,8 +3491,8 @@
               title="@{investigacaodadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_investigacaotreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -3456,7 +3524,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_investigacaooutros"
               maxlength="3"
@@ -3465,9 +3533,9 @@
               title="@{investigacaooutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_investigacaototal"
               maxlength="2"
               type="text"
@@ -3478,17 +3546,17 @@
             />
 
             <!-- Luta -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_luta"
                 value="@{luta_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
                 <span data-i18n="luta">Luta</span>
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_lutaatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -3522,7 +3590,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_lutadadosbonus"
               maxlength="3"
@@ -3531,8 +3599,8 @@
               title="@{lutadadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_lutatreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -3564,7 +3632,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_lutaoutros"
               maxlength="3"
@@ -3573,9 +3641,9 @@
               title="@{lutaoutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_lutatotal"
               maxlength="2"
               type="text"
@@ -3586,17 +3654,17 @@
             />
 
             <!-- Medicina -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_medicina"
                 value="@{medicina_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
                 <span data-i18n="medicina">Medicina</span>
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_medicinaatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -3630,7 +3698,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_medicinadadosbonus"
               maxlength="3"
@@ -3639,8 +3707,8 @@
               title="@{medicinadadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_medicinatreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -3672,7 +3740,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_medicinaoutros"
               maxlength="3"
@@ -3681,9 +3749,9 @@
               title="@{medicinaoutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_medicinatotal"
               maxlength="2"
               type="text"
@@ -3694,19 +3762,19 @@
             />
 
             <!-- Ocultismo -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_ocultismo"
                 value="@{ocultismo_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
-                <span class="sup-treinada" data-i18n="ocultismo"
+                <span class="sheet-sup-treinada" data-i18n="ocultismo"
                   >Ocultismo</span
                 >
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_ocultismoatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -3740,7 +3808,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_ocultismodadosbonus"
               maxlength="3"
@@ -3749,8 +3817,8 @@
               title="@{ocultismodadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_ocultismotreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -3782,7 +3850,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_ocultismooutros"
               maxlength="3"
@@ -3791,9 +3859,9 @@
               title="@{ocultismooutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_ocultismototal"
               maxlength="2"
               type="text"
@@ -3804,17 +3872,17 @@
             />
 
             <!-- Percepção -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_percepcao"
                 value="@{percepcao_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
                 <span data-i18n="percepcao">Percepção</span>
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_percepcaoatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -3848,7 +3916,7 @@
                 PRE*
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_percepcaodadosbonus"
               maxlength="3"
@@ -3857,8 +3925,8 @@
               title="@{percepcaodadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_percepcaotreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -3890,7 +3958,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_percepcaooutros"
               maxlength="3"
@@ -3899,9 +3967,9 @@
               title="@{percepcaooutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_percepcaototal"
               maxlength="2"
               type="text"
@@ -3912,21 +3980,21 @@
             />
 
             <!-- Pilotagem -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_pilotagem"
                 value="@{pilotagem_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
-                <span class="sup-treinada" data-i18n="pilotagem"
+                <span class="sheet-sup-treinada" data-i18n="pilotagem"
                   >Pilotagem</span
                 >
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select
-              class="skill-ordem-paranormal"
+              class="sheet-skill-ordem-paranormal"
               name="attr_pilotagematributo2"
             >
               <option
@@ -3961,7 +4029,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_pilotagemdadosbonus"
               maxlength="3"
@@ -3970,8 +4038,8 @@
               title="@{pilotagemdadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_pilotagemtreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -4003,9 +4071,9 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
-              class="skill-ordem-paranormal"
+              class="sheet-skill-ordem-paranormal"
               name="attr_pilotagemoutros"
               maxlength="3"
               type="text"
@@ -4013,9 +4081,9 @@
               title="@{pilotagemoutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_pilotagemtotal"
               maxlength="2"
               type="text"
@@ -4026,17 +4094,17 @@
             />
 
             <!-- Pontaria -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_pontaria"
                 value="@{pontaria_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
                 <span data-i18n="pontaria">Pontaria</span>
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_pontariaatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -4070,7 +4138,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_pontariadadosbonus"
               maxlength="3"
@@ -4079,8 +4147,8 @@
               title="@{pontariadadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_pontariatreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -4112,7 +4180,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_pontariaoutros"
               maxlength="3"
@@ -4121,9 +4189,9 @@
               title="@{pontariaoutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_pontariatotal"
               maxlength="2"
               type="text"
@@ -4134,23 +4202,23 @@
             />
 
             <!-- Profissão -->
-            <div class="profissao">
+            <div class="sheet-profissao">
               <button
                 type="roll"
                 name="roll_profissao"
                 value="@{profissao_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
                 <span data-i18n="profissao">Profissão</span>
               </button>
               <input
-                class="nome-profissao"
+                class="sheet-nome-profissao"
                 name="attr_profissaonome"
                 type="text"
                 spellcheck="false"
               />
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_profissaoatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -4184,7 +4252,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_profissaodadosbonus"
               maxlength="3"
@@ -4193,8 +4261,8 @@
               title="@{profissaodadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_profissaotreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -4226,7 +4294,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_profissaooutros"
               maxlength="3"
@@ -4235,9 +4303,9 @@
               title="@{profissaooutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_profissaototal"
               maxlength="2"
               type="text"
@@ -4248,23 +4316,23 @@
             />
 
             <!-- Profissão 2 -->
-            <div class="profissao">
+            <div class="sheet-profissao">
               <button
                 type="roll"
                 name="roll_profissao2"
                 value="@{profissao2_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
                 <span data-i18n="profissao">Profissão</span>
               </button>
               <input
-                class="nome-profissao"
+                class="sheet-nome-profissao"
                 name="attr_profissao2nome"
                 type="text"
                 spellcheck="false"
               />
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_profissao2atributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -4298,7 +4366,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_profissao2dadosbonus"
               maxlength="3"
@@ -4307,8 +4375,8 @@
               title="@{profissao2dadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_profissao2treino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -4340,7 +4408,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_profissao2outros"
               maxlength="3"
@@ -4349,9 +4417,9 @@
               title="@{profissao2outros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_profissao2total"
               maxlength="2"
               type="text"
@@ -4362,23 +4430,23 @@
             />
 
             <!-- Profissão 3 -->
-            <div class="profissao">
+            <div class="sheet-profissao">
               <button
                 type="roll"
                 name="roll_profissao3"
                 value="@{profissao3_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
                 <span data-i18n="profissao">Profissão</span>
               </button>
               <input
-                class="nome-profissao"
+                class="sheet-nome-profissao"
                 name="attr_profissao3nome"
                 type="text"
                 spellcheck="false"
               />
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_profissao3atributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -4412,7 +4480,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_profissao3dadosbonus"
               maxlength="3"
@@ -4421,8 +4489,8 @@
               title="@{profissao3dadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_profissao3treino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -4454,7 +4522,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_profissao3outros"
               maxlength="3"
@@ -4463,9 +4531,9 @@
               title="@{profissao3outros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_profissao3total"
               maxlength="2"
               type="text"
@@ -4476,17 +4544,17 @@
             />
 
             <!-- Reflexos -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_reflexos"
                 value="@{reflexos_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
                 <span data-i18n="reflexos">Reflexos</span>
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_reflexosatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -4520,7 +4588,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_reflexosdadosbonus"
               maxlength="3"
@@ -4529,8 +4597,8 @@
               title="@{reflexosdadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_reflexostreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -4562,7 +4630,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_reflexosoutros"
               maxlength="3"
@@ -4571,9 +4639,9 @@
               title="@{reflexosoutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_reflexostotal"
               maxlength="2"
               type="text"
@@ -4584,17 +4652,19 @@
             />
 
             <!-- Religião -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_religiao"
                 value="@{religiao_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
-                <span class="sup-treinada" data-i18n="religiao">Religião</span>
+                <span class="sheet-sup-treinada" data-i18n="religiao"
+                  >Religião</span
+                >
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_religiaoatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -4628,7 +4698,7 @@
                 PRE*
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_religiaodadosbonus"
               maxlength="3"
@@ -4637,8 +4707,8 @@
               title="@{religiaodadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_religiaotreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -4670,7 +4740,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_religiaooutros"
               maxlength="3"
@@ -4679,9 +4749,9 @@
               title="@{religiaooutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_religiaototal"
               maxlength="2"
               type="text"
@@ -4692,17 +4762,17 @@
             />
 
             <!-- Sobrevivência -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_sobrevivencia"
                 value="@{sobrevivencia_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
                 <span data-i18n="sobrevivencia">Sobrevivência</span>
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_sobrevivenciaatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -4736,7 +4806,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_sobrevivenciadadosbonus"
               maxlength="3"
@@ -4745,8 +4815,8 @@
               title="@{sobrevivenciadadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_sobrevivenciatreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -4778,7 +4848,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_sobrevivenciaoutros"
               maxlength="3"
@@ -4787,9 +4857,9 @@
               title="@{sobrevivenciaoutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_sobrevivenciatotal"
               maxlength="2"
               type="text"
@@ -4800,17 +4870,19 @@
             />
 
             <!-- Tática -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_tatica"
                 value="@{tatica_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
-                <span class="sup-treinada" data-i18n="tatica">Tática</span>
+                <span class="sheet-sup-treinada" data-i18n="tatica"
+                  >Tática</span
+                >
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_taticaatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -4844,7 +4916,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_taticadadosbonus"
               maxlength="3"
@@ -4853,8 +4925,8 @@
               title="@{taticadadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_taticatreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -4886,7 +4958,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_taticaoutros"
               maxlength="3"
@@ -4895,9 +4967,9 @@
               title="@{taticaoutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_taticatotal"
               maxlength="2"
               type="text"
@@ -4908,19 +4980,19 @@
             />
 
             <!-- Tecnologia -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_tecnologia"
                 value="@{tecnologia_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
-                <span class="sup-treinada" data-i18n="tecnologia"
+                <span class="sheet-sup-treinada" data-i18n="tecnologia"
                   >Tecnologia</span
                 >
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_tecnologiaatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -4954,7 +5026,7 @@
                 PRE
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_tecnologiadadosbonus"
               maxlength="3"
@@ -4963,8 +5035,8 @@
               title="@{tecnologiadadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_tecnologiatreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -4996,7 +5068,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_tecnologiaoutros"
               maxlength="3"
@@ -5005,9 +5077,9 @@
               title="@{tecnologiaoutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_tecnologiatotal"
               maxlength="2"
               type="text"
@@ -5018,17 +5090,17 @@
             />
 
             <!-- Vontade -->
-            <div class="skill-name">
+            <div class="sheet-skill-name">
               <button
                 type="roll"
                 name="roll_vontade"
                 value="@{vontade_roller}"
-                class="skill-button"
+                class="sheet-skill-button"
               >
                 <span data-i18n="vontade">Vontade</span>
               </button>
             </div>
-            <div class="signal">(</div>
+            <div class="sheet-signal">(</div>
             <select name="attr_vontadeatributo2">
               <option
                 value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -5062,7 +5134,7 @@
                 PRE*
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_vontadedadosbonus"
               maxlength="3"
@@ -5071,8 +5143,8 @@
               title="@{vontadedadosbonus}"
               value="0"
             />
-            <div class="signal">)</div>
-            <div class="signal">+</div>
+            <div class="sheet-signal">)</div>
+            <div class="sheet-signal">+</div>
             <select name="attr_vontadetreino">
               <option
                 title="Escala de treino x @{pericia_nao_treinado}"
@@ -5104,7 +5176,7 @@
                 Experiente
               </option>
             </select>
-            <div class="signal">+</div>
+            <div class="sheet-signal">+</div>
             <input
               name="attr_vontadeoutros"
               maxlength="3"
@@ -5113,9 +5185,9 @@
               title="@{vontadeoutros}"
               value="0"
             />
-            <div class="signal">=</div>
+            <div class="sheet-signal">=</div>
             <input
-              class="total last"
+              class="sheet-total last"
               name="attr_vontadetotal"
               maxlength="2"
               type="text"
@@ -5126,26 +5198,26 @@
             />
 
             <!-- Repeating -->
-            <fieldset class="repeating_skills">
-              <div class="skill-name">
+            <!-- <fieldset class="repeating_skills">
+              <div class="sheet-skill-name">
                 <button
                   type="roll"
                   name="roll_pericia"
                   value="@{repeating_skills_roller}"
-                  class="skill-button"
+                  class="sheet-skill-button"
                   style="width: auto"
                 >
-                  <span class="buttondicefont">T</span>
+                  <span class="sheet-buttondicefont">T</span>
                 </button>
                 <input
                   name="attr_periciaextra"
                   type="text"
                   spellcheck="false"
                   value=""
-                  class="nome-profissao-extra"
+                  class="sheet-nome-profissao-extra"
                 />
               </div>
-              <div class="signal">(</div>
+              <div class="sheet-signal">(</div>
               <select name="attr_periciaextraatributo2">
                 <option
                   value="@{for_mod} + @{condicaoperfisico} + @{condicaocego}"
@@ -5179,7 +5251,7 @@
                   PRE
                 </option>
               </select>
-              <div class="signal">+</div>
+              <div class="sheet-signal">+</div>
               <input
                 name="attr_periciaextradadosbonus"
                 maxlength="3"
@@ -5188,8 +5260,8 @@
                 title="@{periciaextradadosbonus}"
                 value="0"
               />
-              <div class="signal">)</div>
-              <div class="signal">+</div>
+              <div class="sheet-signal">)</div>
+              <div class="sheet-signal">+</div>
               <select name="attr_periciaextratreino">
                 <option
                   title="Escala de treino x @{pericia_nao_treinado}"
@@ -5221,7 +5293,7 @@
                   Experiente
                 </option>
               </select>
-              <div class="signal">+</div>
+              <div class="sheet-signal">+</div>
               <input
                 name="attr_periciaextraoutros"
                 maxlength="3"
@@ -5230,9 +5302,9 @@
                 title="@{periciaextraoutros}"
                 value="0"
               />
-              <div class="signal">=</div>
+              <div class="sheet-signal">=</div>
               <input
-                class="total last"
+                class="sheet-total last"
                 name="attr_periciaextratotal"
                 maxlength="2"
                 type="text"
@@ -5241,9 +5313,9 @@
                 value="@{periciaextratotal_somado}"
                 disabled="true"
               />
-            </fieldset>
+            </fieldset> -->
 
-            <div class="legenda-pericias">
+            <div class="sheet-legenda-pericias">
               <i>+</i>
               <span data-i18n="penalidade_protecao"
                 >Penalidade de Armadura</span
@@ -5252,25 +5324,27 @@
               <span data-i18n="somente_treinada">Somente Treinada</span>
             </div>
           </div>
-          <div class="corner top-left"></div>
-          <div class="corner top-right"></div>
-          <div class="corner bottom-left"></div>
-          <div class="corner bottom-right"></div>
+          <div class="sheet-corner top-left"></div>
+          <div class="sheet-corner top-right"></div>
+          <div class="sheet-corner bottom-left"></div>
+          <div class="sheet-corner bottom-right"></div>
         </div>
       </div>
     </div>
-    <div class="equipment-container">
-      <div class="container-negative-corner">
-        <div class="inside-negative-corner">
-          <div class="grid-equipment">
-            <div class="small-title" data-i18n="quantidade">QTD.</div>
-            <div class="grid-title" data-i18n="equipamentos">Equipamentos</div>
-            <div class="small-title" data-i18n="categoria">Categoria</div>
-            <div class="small-title" data-i18n="espaco">Espaços</div>
+    <div class="sheet-equipment-container">
+      <div class="sheet-container-negative-corner">
+        <div class="sheet-inside-negative-corner">
+          <div class="sheet-grid-equipment">
+            <div class="sheet-small-title" data-i18n="quantidade">QTD.</div>
+            <div class="sheet-grid-title" data-i18n="equipamentos">
+              Equipamentos
+            </div>
+            <div class="sheet-small-title" data-i18n="categoria">Categoria</div>
+            <div class="sheet-small-title" data-i18n="espaco">Espaços</div>
           </div>
 
           <fieldset class="repeating_equipment">
-            <div class="grid-equipment">
+            <div class="sheet-grid-equipment">
               <input
                 name="attr_equipcategoria"
                 type="text"
@@ -5298,29 +5372,29 @@
             </div>
           </fieldset>
 
-          <div class="container-money">
-            <span class="cargaspan" data-i18n="carga">Espaços:</span>
+          <div class="sheet-container-money">
+            <span class="sheet-cargaspan" data-i18n="carga">Espaços:</span>
             <input
-              class="cargainput"
+              class="sheet-cargainput"
               name="attr_carga"
               type="text"
               spellcheck="false"
               value="0"
               readonly="1"
             />
-            <span class="cargaspan" data-i18n="extraslot">E.Extra:</span>
+            <span class="sheet-cargaspan" data-i18n="extraslot">E.Extra:</span>
             <input
-              class="cargainput"
+              class="sheet-cargainput"
               name="attr_extraslot"
               type="text"
               spellcheck="false"
               value="0"
             />
           </div>
-          <div class="container-money">
+          <div class="sheet-container-money">
             <span data-i18n="climite">E.Limite:</span>
             <input
-              class="cargalimite"
+              class="sheet-cargalimite"
               name="attr_limite"
               type="text"
               spellcheck="false"
@@ -5329,7 +5403,7 @@
             />
             <span data-i18n="cmaxima">E.Máxima:</span>
             <input
-              class="cargamaxima"
+              class="sheet-cargamaxima"
               name="attr_maxima"
               type="text"
               spellcheck="false"
@@ -5337,57 +5411,57 @@
               readonly="1"
             />
           </div>
-          <div class="corner top-left"></div>
-          <div class="corner top-right"></div>
-          <div class="corner bottom-left"></div>
-          <div class="corner bottom-right"></div>
+          <div class="sheet-corner top-left"></div>
+          <div class="sheet-corner top-right"></div>
+          <div class="sheet-corner bottom-left"></div>
+          <div class="sheet-corner bottom-right"></div>
         </div>
       </div>
     </div>
-    <!-- <div class="charnotes-container">
-            <div class="container-negative-corner">
-                <div class="inside-negative-corner">
-                    <div class="default-title">
+    <!-- <div class="sheet-charnotes-container">
+            <div class="sheet-container-negative-corner">
+                <div class="sheet-inside-negative-corner">
+                    <div class="sheet-default-title">
                         Anotações
                     </div>
-                    <div class="content-centered">
+                    <div class="sheet-content-centered">
                         <textarea name="attr_charnotes"></textarea>
                     </div>
-                    <div class="corner top-left"></div>
-                    <div class="corner top-right"></div>
-                    <div class="corner bottom-left"></div>
-                    <div class="corner bottom-right"></div>
+                    <div class="sheet-corner top-left"></div>
+                    <div class="sheet-corner top-right"></div>
+                    <div class="sheet-corner bottom-left"></div>
+                    <div class="sheet-corner bottom-right"></div>
                 </div>
             </div>
         </div> -->
   </div>
 
-  <div class="charnotes-container">
-    <div class="container-negative-corner">
-      <div class="inside-negative-corner">
-        <div class="default-title" data-i18n="anotacoes">Anotações</div>
-        <div class="content-centered">
+  <div class="sheet-charnotes-container">
+    <div class="sheet-container-negative-corner">
+      <div class="sheet-inside-negative-corner">
+        <div class="sheet-default-title" data-i18n="anotacoes">Anotações</div>
+        <div class="sheet-content-centered">
           <textarea name="attr_charnotes"></textarea>
         </div>
-        <div class="corner top-left"></div>
-        <div class="corner top-right"></div>
-        <div class="corner bottom-left"></div>
-        <div class="corner bottom-right"></div>
+        <div class="sheet-corner top-left"></div>
+        <div class="sheet-corner top-right"></div>
+        <div class="sheet-corner bottom-left"></div>
+        <div class="sheet-corner bottom-right"></div>
       </div>
     </div>
   </div>
 
   <!--Global-->
-  <div class="left-global-container">
-    <div class="header-global">
-      <div class="header-position">
-        <h1 data-i18n="global_charactersheet" class="global-title">
+  <div class="sheet-left-global-container">
+    <div class="sheet-header-global">
+      <div class="sheet-header-position">
+        <h1 data-i18n="global_charactersheet" class="sheet-global-title">
           Modificadores Globais
         </h1>
       </div>
-      <div class="right-icons header-button-position">
+      <div class="sheet-right-icons header-button-position">
         <button
-          class="round global-color"
+          class="sheet-round global-color"
           data-i18n="player_eraseglobal"
           type="action"
           name="act_eraseglobal"
@@ -5396,83 +5470,91 @@
         </button>
       </div>
     </div>
-    <div class="global-rolls">
-      <div class="attacks-container">
-        <div class="inside">
-          <div class="container-negative-corner">
-            <div class="inside-negative-corner">
-              <!-- <div class="default-title">Ataques</div> -->
-              <div class="attacksgrid">
-                <div class="small-title" data-i18n="rolagem">Rolagens</div>
-                <div class="small-title" data-i18n="bonus_ataque">Ataque</div>
-                <div class="small-title" data-i18n="pericias">Perícias</div>
-                <div class="small-title" data-i18n="resistencias">
+    <div class="sheet-global-rolls">
+      <div class="sheet-attacks-container">
+        <div class="sheet-inside">
+          <div class="sheet-container-negative-corner">
+            <div class="sheet-inside-negative-corner">
+              <!-- <div class="sheet-default-title">Ataques</div> -->
+              <div class="sheet-attacksgrid">
+                <div class="sheet-small-title" data-i18n="rolagem">
+                  Rolagens
+                </div>
+                <div class="sheet-small-title" data-i18n="bonus_ataque">
+                  Ataque
+                </div>
+                <div class="sheet-small-title" data-i18n="pericias">
+                  Perícias
+                </div>
+                <div class="sheet-small-title" data-i18n="resistencias">
                   Resistências
                 </div>
-                <div class="small-title" data-i18n="dano">Dano</div>
+                <div class="sheet-small-title" data-i18n="dano">Dano</div>
               </div>
-              <div class="attacksgrid">
+              <div class="sheet-attacksgrid">
                 <input
                   name="attr_rolltemp"
                   type="text"
                   spellcheck="false"
-                  class=""
+                  class="sheet-"
                   value="0"
                 />
                 <input
                   name="attr_ataquetemp"
                   type="text"
                   spellcheck="false"
-                  class=""
+                  class="sheet-"
                   value="0"
                 />
                 <input
                   name="attr_periciatemp"
                   type="text"
                   spellcheck="false"
-                  class=""
+                  class="sheet-"
                   value="0"
                 />
                 <input
                   name="attr_resistemp"
                   type="text"
                   spellcheck="false"
-                  class=""
+                  class="sheet-"
                   value="0"
                 />
                 <input
                   name="attr_danotemp"
                   type="text"
                   spellcheck="false"
-                  class=""
+                  class="sheet-"
                   value="0"
                 />
               </div>
 
-              <div class="corner top-left"></div>
-              <div class="corner top-right"></div>
-              <div class="corner bottom-left"></div>
-              <div class="corner bottom-right"></div>
+              <div class="sheet-corner top-left"></div>
+              <div class="sheet-corner top-right"></div>
+              <div class="sheet-corner bottom-left"></div>
+              <div class="sheet-corner bottom-right"></div>
             </div>
           </div>
         </div>
       </div>
     </div>
-    <div class="global-rolls">
-      <div class="defense-container">
-        <div class="inside">
-          <div class="container-negative-corner">
-            <div class="inside-negative-corner">
-              <!-- <div class="default-title">Ataques</div> -->
-              <div class="defensegrid">
-                <div class="small-title" data-i18n="passiva">Defesa</div>
-                <div class="small-title" data-i18n="bloqueio">Bloqueio</div>
-                <div class="small-title" data-i18n="esquiva">Esquiva</div>
-                <div class="small-title" data-i18n="reducao_de_dano">
+    <div class="sheet-global-rolls">
+      <div class="sheet-defense-container">
+        <div class="sheet-inside">
+          <div class="sheet-container-negative-corner">
+            <div class="sheet-inside-negative-corner">
+              <!-- <div class="sheet-default-title">Ataques</div> -->
+              <div class="sheet-defensegrid">
+                <div class="sheet-small-title" data-i18n="passiva">Defesa</div>
+                <div class="sheet-small-title" data-i18n="bloqueio">
+                  Bloqueio
+                </div>
+                <div class="sheet-small-title" data-i18n="esquiva">Esquiva</div>
+                <div class="sheet-small-title" data-i18n="reducao_de_dano">
                   Redução de dano
                 </div>
               </div>
-              <div class="defensegrid">
+              <div class="sheet-defensegrid">
                 <input
                   name="attr_passivatemp"
                   maxlength="3"
@@ -5504,32 +5586,32 @@
                 />
               </div>
 
-              <div class="corner top-left"></div>
-              <div class="corner top-right"></div>
-              <div class="corner bottom-left"></div>
-              <div class="corner bottom-right"></div>
+              <div class="sheet-corner top-left"></div>
+              <div class="sheet-corner top-right"></div>
+              <div class="sheet-corner bottom-left"></div>
+              <div class="sheet-corner bottom-right"></div>
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>
-  <div class="right-global-container">
-    <div class="logo-level">
-      <div class="container-logo">
+  <div class="sheet-right-global-container">
+    <div class="sheet-logo-level">
+      <div class="sheet-container-logo">
         <img
           src="http://ordem.jamboeditora.com.br/wp-content/uploads/2021/11/logo-700.png"
-          class="logo-ordem-paranormal"
+          class="sheet-logo-ordem-paranormal"
         />
       </div>
     </div>
-    <div class="character-attributes">
+    <div class="sheet-character-attributes">
       <!-- Força -->
-      <div class="outer-container-negative-corner">
-        <div class="container-negative-corner">
-          <div class="inside-negative-corner">
+      <div class="sheet-outer-container-negative-corner">
+        <div class="sheet-container-negative-corner">
+          <div class="sheet-inside-negative-corner">
             <!-- Conteudo aqui -->
-            <span class="button-title-attribute" data-i18n="mod_forca"
+            <span class="sheet-button-title-attribute" data-i18n="mod_forca"
               >FOR</span
             >
             <input
@@ -5537,23 +5619,23 @@
               type="text"
               spellcheck="false"
               maxlength="2"
-              class="fake-mod"
+              class="sheet-fake-mod"
               title="@{fortemp}"
               value="0"
             />
 
-            <div class="corner top-left"></div>
-            <div class="corner top-right"></div>
-            <div class="corner bottom-left"></div>
-            <div class="corner bottom-right"></div>
+            <div class="sheet-corner top-left"></div>
+            <div class="sheet-corner top-right"></div>
+            <div class="sheet-corner bottom-left"></div>
+            <div class="sheet-corner bottom-right"></div>
           </div>
         </div>
       </div>
       <!-- Agilidade -->
-      <div class="outer-container-negative-corner">
-        <div class="container-negative-corner">
-          <div class="inside-negative-corner">
-            <span class="button-title-attribute" data-i18n="mod_agilidade"
+      <div class="sheet-outer-container-negative-corner">
+        <div class="sheet-container-negative-corner">
+          <div class="sheet-inside-negative-corner">
+            <span class="sheet-button-title-attribute" data-i18n="mod_agilidade"
               >DES</span
             >
             <input
@@ -5561,23 +5643,23 @@
               type="text"
               spellcheck="false"
               maxlength="2"
-              class="fake-mod"
+              class="sheet-fake-mod"
               title="@{agitemp}"
               value="0"
             />
 
-            <div class="corner top-left"></div>
-            <div class="corner top-right"></div>
-            <div class="corner bottom-left"></div>
-            <div class="corner bottom-right"></div>
+            <div class="sheet-corner top-left"></div>
+            <div class="sheet-corner top-right"></div>
+            <div class="sheet-corner bottom-left"></div>
+            <div class="sheet-corner bottom-right"></div>
           </div>
         </div>
       </div>
       <!-- Vigor -->
-      <div class="outer-container-negative-corner">
-        <div class="container-negative-corner">
-          <div class="inside-negative-corner">
-            <span class="button-title-attribute" data-i18n="mod_vigor"
+      <div class="sheet-outer-container-negative-corner">
+        <div class="sheet-container-negative-corner">
+          <div class="sheet-inside-negative-corner">
+            <span class="sheet-button-title-attribute" data-i18n="mod_vigor"
               >VIG</span
             >
             <input
@@ -5585,23 +5667,25 @@
               type="text"
               spellcheck="false"
               maxlength="2"
-              class="fake-mod"
+              class="sheet-fake-mod"
               title="@{vigtemp}"
               value="0"
             />
 
-            <div class="corner top-left"></div>
-            <div class="corner top-right"></div>
-            <div class="corner bottom-left"></div>
-            <div class="corner bottom-right"></div>
+            <div class="sheet-corner top-left"></div>
+            <div class="sheet-corner top-right"></div>
+            <div class="sheet-corner bottom-left"></div>
+            <div class="sheet-corner bottom-right"></div>
           </div>
         </div>
       </div>
       <!-- Inteligência -->
-      <div class="outer-container-negative-corner">
-        <div class="container-negative-corner">
-          <div class="inside-negative-corner">
-            <span class="button-title-attribute" data-i18n="mod_inteligencia"
+      <div class="sheet-outer-container-negative-corner">
+        <div class="sheet-container-negative-corner">
+          <div class="sheet-inside-negative-corner">
+            <span
+              class="sheet-button-title-attribute"
+              data-i18n="mod_inteligencia"
               >INT</span
             >
             <input
@@ -5609,23 +5693,23 @@
               type="text"
               spellcheck="false"
               maxlength="2"
-              class="fake-mod"
+              class="sheet-fake-mod"
               title="@{inttemp}"
               value="0"
             />
 
-            <div class="corner top-left"></div>
-            <div class="corner top-right"></div>
-            <div class="corner bottom-left"></div>
-            <div class="corner bottom-right"></div>
+            <div class="sheet-corner top-left"></div>
+            <div class="sheet-corner top-right"></div>
+            <div class="sheet-corner bottom-left"></div>
+            <div class="sheet-corner bottom-right"></div>
           </div>
         </div>
       </div>
       <!-- Presenca -->
-      <div class="outer-container-negative-corner">
-        <div class="container-negative-corner">
-          <div class="inside-negative-corner">
-            <span class="button-title-attribute" data-i18n="mod_presenca"
+      <div class="sheet-outer-container-negative-corner">
+        <div class="sheet-container-negative-corner">
+          <div class="sheet-inside-negative-corner">
+            <span class="sheet-button-title-attribute" data-i18n="mod_presenca"
               >PRE</span
             >
             <input
@@ -5633,29 +5717,28 @@
               type="text"
               spellcheck="false"
               maxlength="2"
-              class="fake-mod"
+              class="sheet-fake-mod"
               title="@{sabtemp}"
               value="0"
             />
 
-            <div class="corner top-left"></div>
-            <div class="corner top-right"></div>
-            <div class="corner bottom-left"></div>
-            <div class="corner bottom-right"></div>
+            <div class="sheet-corner top-left"></div>
+            <div class="sheet-corner top-right"></div>
+            <div class="sheet-corner bottom-left"></div>
+            <div class="sheet-corner bottom-right"></div>
           </div>
         </div>
       </div>
     </div>
   </div>
 
-  <div class="hide-author">
+  <div class="sheet-hide-author">
     <span>FICHA BY DRARKORS, MIGUEL BEHOLDER E HEITHOR</span>
   </div>
 </div>
 <!-- Rollers -->
 <input type="hidden" name="attr_acrobacia_roller" value="" readonly="1" />
 <!-- Bonus de Treino -->
-<input type="hidden" name="attr_bonus_treino" value="0" readonly="1" />
 <input type="hidden" name="attr_escala_treino" value="5" readonly="1" />
 <input type="hidden" name="attr_pericia_nao_treinado" value="0" readonly="1" />
 <input type="hidden" name="attr_pericia_treinado" value="1" readonly="1" />
@@ -5751,7 +5834,7 @@
         <div class="sheet-roll">{{attackroll}}</div>
         <div class="sheet-roll-label">Ataque</div>
       </div>
-      <div class="divisor"><span></span></div>
+      <div class="sheet-divisor"><span></span></div>
       <div>
         {{#^rollWasCrit() attackroll}}
         <div class="sheet-roll">{{damageroll}}</div>
@@ -5759,7 +5842,7 @@
         {{/^rollWasCrit() attackroll}} {{#rollWasCrit() attackroll}}
         <div class="sheet-roll">{{criticaldamageroll}}</div>
         <div class="sheet-roll-label">
-          Dano <span class="crit"> (Crítico)</span>
+          Dano <span class="sheet-crit"> (Crítico)</span>
         </div>
         {{/rollWasCrit() attackroll}}
       </div>
@@ -5824,7 +5907,7 @@
           {{#cd}}(DT{{cd}}){{/cd}}
         </div>
         {{/resistance}} {{#description}}
-        <div class="descricao">{{description}}</div>
+        <div class="sheet-descricao">{{description}}</div>
         {{/description}}
       </div>
     </div>
@@ -6283,15 +6366,15 @@
 
                  for(i = 0; i <= 7; i++){
                      if(parseInt(global_array[i][0]) != 0){
-                         $20(global_array[i][1]).removeClass('hiddenelement');
-                         $20(global_array[i][2]).removeClass('hiddenelement');
+                         $20(global_array[i][1]).removeClass('sheet-hiddenelement');
+                         $20(global_array[i][2]).removeClass('sheet-hiddenelement');
                          show_global = true;
                      }
 
                      if(parseInt(global_array[i][0]) == 0){
                          global_array[i][0] = "";
-                         $20(global_array[i][1]).addClass('hiddenelement');
-                         $20(global_array[i][2]).addClass('hiddenelement');
+                         $20(global_array[i][1]).addClass('sheet-hiddenelement');
+                         $20(global_array[i][2]).addClass('sheet-hiddenelement');
                      }
 
                      if(parseInt(global_array[i][0]) > 0){
@@ -6304,9 +6387,9 @@
                      parseInt(v.inttemp) != 0 || parseInt(v.sabtemp) != 0 || parseInt(v.cartemp) != 0 ||
                      show_global
                  ) {
-                     $20('.sheet-global-color').removeClass('hiddenelement');
+                     $20('.sheet-global-color').removeClass('sheet-hiddenelement');
                  } else {
-                     $20('.sheet-global-color').addClass('hiddenelement');
+                     $20('.sheet-global-color').addClass('sheet-hiddenelement');
                  }
 
 
@@ -6340,24 +6423,6 @@
              repeatingSumModified("carga","equipment",["equipquantity","equipslot"], "");
          });
 
-         //Bonus em perícia por nível
-         on("sheet:opened change:charnivel", function(e){
-             getAttrs(["charnivel"], function(v){
-                 let nivel = parseInt(v.charnivel);
-                 let bonusnivel = 0;
-                 if(nivel >= 15){
-                     bonusnivel = 6;
-                 }else if(nivel >= 7){
-                     bonusnivel = 4;
-                 }else{
-                     bonusnivel = 2;
-                 }
-                 setAttrs({
-                     "bonus_treino": bonusnivel
-                 });
-             });
-         });
-
          //Penalidades de Armadura:
          on("sheet:opened change:protecaopenalidade1 change:protecaopenalidade2", function(e){
              getAttrs(["protecaopenalidade1", "protecaopenalidade2"], function(v){
@@ -6701,29 +6766,29 @@
          //Troca entre a ficha de ameaças e a ficha de jogador
          on("sheet:opened change:cstype change:resistemp", function(e){
              getAttrs(["cstype", "game_system"], function(v){
-                 let switch_selector = 'switch-selected';
+                 let switch_selector = 'sheet-switch-selected';
 
                  if (v.cstype == 0) {
-                     $20('.sheet-left-container').removeClass('hiddenelement');
-                     $20('.sheet-right-container').removeClass('hiddenelement');
-                     $20('.sheet-charnotes-container').removeClass('hiddenelement');
+                     $20('.sheet-left-container').removeClass('sheet-hiddenelement');
+                     $20('.sheet-right-container').removeClass('sheet-hiddenelement');
+                     $20('.sheet-charnotes-container').removeClass('sheet-hiddenelement');
 
-                     $20('.sheet-left-global-container').addClass('hiddenelement');
-                     $20('.sheet-right-global-container').addClass('hiddenelement');
-                     $20('.sheet-global-columns').addClass('hiddenelement');
+                     $20('.sheet-left-global-container').addClass('sheet-hiddenelement');
+                     $20('.sheet-right-global-container').addClass('sheet-hiddenelement');
+                     $20('.sheet-global-columns').addClass('sheet-hiddenelement');
 
                      $20('.sheet-pj').addClass(switch_selector);
                      $20('.sheet-mod').removeClass(switch_selector);
                  }
 
                  if (v.cstype == 1){
-                  $20('.sheet-left-container').addClass('hiddenelement');
-                  $20('.sheet-right-container').addClass('hiddenelement');
-                  $20('.sheet-charnotes-container').addClass('hiddenelement');
+                  $20('.sheet-left-container').addClass('sheet-hiddenelement');
+                  $20('.sheet-right-container').addClass('sheet-hiddenelement');
+                  $20('.sheet-charnotes-container').addClass('sheet-hiddenelement');
 
-                  $20('.sheet-left-global-container').removeClass('hiddenelement');
-                  $20('.sheet-right-global-container').removeClass('hiddenelement');
-                  $20('.sheet-global-columns').removeClass('hiddenelement');
+                  $20('.sheet-left-global-container').removeClass('sheet-hiddenelement');
+                  $20('.sheet-right-global-container').removeClass('sheet-hiddenelement');
+                  $20('.sheet-global-columns').removeClass('sheet-hiddenelement');
 
                   $20('.sheet-pj').removeClass(switch_selector);
                   $20('.sheet-mod').addClass(switch_selector);
@@ -6740,11 +6805,6 @@
              }
          }
 
-         const calcAtaqueFim = (charnivel, atributo, bonus_treino, treino, outros) => {
-             atributo = atributo ? atributo : 0;
-             return Math.floor(Number.parseFloat(charnivel)/2)  + parseInt(atributo) + (parseInt(bonus_treino)*parseInt(treino)) + parseInt(outros);
-         }
-
 
          const stripTag = (tag) => {
                  let clean_tag = tag ? tag.replace('@{','').replace('}','').replace('+@{condicaomodataquecc}+@{condicaomodataque}','')
@@ -6753,7 +6813,7 @@
              }
 
          const createDice = () => {
-             return '<button type="roll" name="roll_attack" class="buttonrollataque dado-simples" value="">T</button>'
+             return '<button type="roll" name="roll_attack" class="sheet-buttonrollataque dado-simples" value="">T</button>'
          }
 
          const createAttack = (ataque_fim, bonus, dano, dano_extra, dado_extra, margem, critico ) => {
diff --git a/Ordem Paranormal/sheet.json b/Ordem Paranormal/sheet.json
index c16f51e0ed..19910a1c17 100644
--- a/Ordem Paranormal/sheet.json	
+++ b/Ordem Paranormal/sheet.json	
@@ -4,7 +4,7 @@
   "authors": "Rafael 'Drarkors' Figueiredo Zanetti, Miguel 'Beholder' de Souza Silva e Heitor Andrade",
   "preview": "ordemparanormal.png",
   "instructions": "Ficha de Ordem Paranormal fanmade.",
-  "legacy": true,
+  "legacy": false,
   "printable": false,
   "useroptions": [
     {