From a19b44db3b00d6497671cfe7e048f987317bef8a Mon Sep 17 00:00:00 2001
From: Vince <sefnerr@charter.net>
Date: Mon, 12 Sep 2022 21:09:36 -0700
Subject: [PATCH] The ADVANCED Pandemonium - Incorrect line endings

---
 .../The_ADVANCED_Pandemonium.css              | 7454 ++++++++---------
 .../The_ADVANCED_Pandemonium.html             | 5502 ++++++------
 2 files changed, 6478 insertions(+), 6478 deletions(-)

diff --git a/The ADVANCED Pandemonium/The_ADVANCED_Pandemonium.css b/The ADVANCED Pandemonium/The_ADVANCED_Pandemonium.css
index b4b611cf9f..859e7d973c 100644
--- a/The ADVANCED Pandemonium/The_ADVANCED_Pandemonium.css	
+++ b/The ADVANCED Pandemonium/The_ADVANCED_Pandemonium.css	
@@ -1,3727 +1,3727 @@
-@import url('https://fonts.googleapis.com/css?family=Crimson+Text&family=Xanh+Mono&display=swap');
-
-/*#region roll20 settings*/
-.ui-dialog .largedialog {
-  background-image: url(http://imgur.com/Z4ti7rM.png);
-}
-
-.nav-tabs {
-  padding-bottom: 5px;
-}
-
-.ui-dialog,
-.ui-dialog .ui-dialog-titlebar {
-  background-image: url(http://imgur.com/Z4ti7rM.png) !important;
-  overflow-x: hidden;
-}
-
-.nav-tabs li,
-.sheet-darkmode .ui-dialog .nav-tabs li {
-  border-radius: 10px;
-  margin-right: 5px;
-  width: 125px;
-  height: 20px !important;
-  padding: 1px;
-  font-weight: 700;
-  margin-bottom: 0px !important;
-  color: #356780;
-  cursor: pointer;
-  text-decoration: none;
-  text-align: center;
-  background: rgba(7, 16, 25, 0.15);
-}
-
-.nav-tabs > li > a:hover,
-.nav-tabs > li > a:focus,
-.sheet-darkmode .ui-dialog .nav-tabs > li > a:hover,
-.sheet-darkmode .ui-dialog .nav-tabs > li > a:focus {
-  border-radius: 10px;
-  margin-left: -1px;
-  margin-top: -1px;
-  width: 125px;
-  height: 20px !important;
-  padding: 1px;
-  font-weight: 700;
-  line-height: 18px;
-  margin-bottom: 0px !important;
-  color: #356780;
-  cursor: pointer;
-  text-decoration: none;
-  text-align: center;
-  background: rgba(7, 16, 25, 0.15);
-}
-
-.nav-tabs > li > a {
-  line-height: 14px;
-  padding: 0px;
-  margin: 0px;
-  margin-top: 2px;
-}
-
-.nav-tabs > li.active > a,
-.sheet-darkmode .ui-dialog .nav-tabs > li.active > a {
-  color: #85d6ff;
-  background: rgb(7, 16, 25);
-  box-shadow: inset 0px 2px #0ce;
-  padding-top: 3px !important;
-  margin-top: -1px !important;
-  margin-left: -1px;
-  border-radius: 10px;
-  width: 125px !important;
-}
-
-.sheet-darkmode .ui-dialog .nav-tabs > li a {
-  color: black;
-}
-
-.sheet-darkmode {
-  color: black;
-}
-
-.nav-tabs > li.active > a:hover,
-.sheet-darkmode .ui-dialog .nav-tabs > li.active > a:hover {
-  cursor: pointer;
-  color: rgb(7, 13, 20);
-  background: #85d6ff;
-  box-shadow: inset 0px 2px rgb(7, 13, 20);
-  padding-top: 1px !important;
-  margin-top: -1px !important;
-  margin-left: -1px;
-  border-radius: 10px;
-  width: 125px !important;
-}
-
-.nav-tabs > li.active > a:focus,
-.sheet-darkmode .ui-dialog .nav-tabs > li.active > a:focus {
-  cursor: pointer;
-  color: #85d6ff;
-  background: rgb(7, 13, 20);
-  box-shadow: inset 0px 2px #0ce;
-  padding-top: 1px !important;
-  margin-top: -1px !important;
-  margin-left: -1px;
-  border-radius: 10px;
-  width: 125px !important;
-}
-
-.sheet-darkmode .ui-dialog .nav-tabs > li a:hover,
-.sheet-darkmode .ui-dialog .nav-tabs > li a:focus {
-  cursor: pointer;
-  color: #85d6ff;
-  background: #65656c;
-  box-shadow: inset 0px 2px #0ce;
-  padding-top: 1px !important;
-  margin-top: -4px !important;
-  margin-left: -3px;
-  border-radius: 10px;
-  width: 125px !important;
-}
-
-.sheet-darkmode .charsheet {
-  background-color: white;
-}
-
-/*#endregion*/
-
-/*#region fullSheet*/
-* {
-  font-family: 'Crimson Text', serif !important;
-}
-
-*,
-*:after,
-*:before {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
-.clearfix:before,
-.clearfix:after {
-  content: ' ';
-  display: table;
-}
-
-.diceButton {
-  font-family: 'dicefontd10' !important;
-  background: transparent;
-  border: 0px;
-  font-size: 26pt;
-  margin-bottom: 5px;
-  -webkit-text-stroke-width: thin;
-  -webkit-text-stroke-color: #85d6ff;
-  color: black;
-}
-
-.clearfix:after {
-  clear: both;
-}
-
-input {
-  line-height: 15px;
-  height: 15px !important;
-}
-
-body {
-  font-family: sans-serif;
-  background: #f6f9fa;
-}
-
-a {
-  color: #ccc;
-  text-decoration: none;
-  outline: none;
-}
-
-@keyframes fadeInScale {
-  0% {
-    transform: scale(0.9);
-    opacity: 0;
-  }
-
-  100% {
-    transform: scale(1);
-    opacity: 1;
-  }
-}
-
-.no_wrap {
-  text-align: center;
-  color: #0ce;
-}
-
-.link {
-  text-align: center;
-}
-
-summary {
-  cursor: pointer;
-  user-select: none;
-}
-
-.largeTitle {
-  line-height: 35px;
-  height: 35px !important;
-  background: rgb(7, 16, 25);
-  text-align: center;
-  font-weight: bolder;
-  color: #85d6ff;
-  border-radius: 10px 10px 0px 0px;
-  justify-content: space-between;
-}
-
-.passiveButton {
-  color: #85d6ff !important;
-  width: 40px !important;
-}
-
-input[disabled],
-select[disabled],
-textarea[disabled],
-input[readonly],
-select[readonly],
-textarea[readonly] {
-  cursor: default !important;
-  -webkit-touch-callout: none !important;
-  -webkit-user-select: none !important;
-  -khtml-user-select: none !important;
-  -moz-user-select: none !important;
-  -ms-user-select: none !important;
-  user-select: none !important;
-}
-
-.hiddenSheet {
-  background: rgba(7, 16, 25, 0);
-  border-bottom: 1px solid black;
-  border-top: 0px;
-  border-left: 0px;
-  border-right: 0px;
-  outline: none;
-  color: black;
-  font-size: 10pt;
-  width: inherit;
-  padding: inherit !important;
-  padding-left: 2px !important;
-  padding-right: 2px !important;
-  padding-bottom: 0px !important;
-  text-align: inherit !important;
-}
-
-.hiddenSheetTitle {
-  background: rgb(227, 241, 255);
-  color: #091623;
-  text-align: center;
-  font-weight: 900;
-  font-size: 12pt;
-}
-
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-input[type='number'] {
-  -moz-appearance: textfield;
-}
-
-textarea {
-  padding: 1px 3px;
-  vertical-align: top;
-  resize: none;
-  overflow: auto;
-  -ms-overflow-style: none;
-  line-height: 11px;
-  background-color: #16335021;
-  cursor: auto;
-}
-.ui-dialog::-webkit-scrollbar,
-::-webkit-scrollbar {
-  width: 20px;
-  cursor: pointer !important;
-}
-
-::-webkit-scrollbar-track {
-  background-color: transparent;
-  cursor: pointer !important;
-}
-
-.ui-dialog::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-.ui-dialog::-webkit-scrollbar-thumb,
-::-webkit-scrollbar-thumb {
-  background-color: #33a7f163;
-  border-radius: 20px;
-  border: 6px solid transparent;
-  background-clip: content-box;
-  cursor: pointer !important;
-}
-
-.ui-dialog::-webkit-scrollbar-thumb:hover,
-::-webkit-scrollbar-thumb:hover {
-  background-color: #2373a5a2;
-  cursor: pointer !important;
-}
-
-.centered {
-  text-align: center !important;
-}
-
-.section-main,
-.section-secondary,
-.antagonist_grid {
-  width: 870px !important;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5 {
-  line-height: 16px;
-}
-
-h1 {
-  font-size: 15pt;
-  font-weight: normal;
-}
-
-h2 {
-  font-size: 13pt;
-}
-
-h3 {
-  font-size: 11pt;
-}
-
-h4 {
-  font-size: 10pt;
-}
-
-input {
-  vertical-align: top !important;
-}
-
-input:focus,
-select:focus,
-textarea:focus,
-button:focus {
-  outline: none;
-  user-select: none;
-}
-
-.logo {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  height: 80px !important;
-}
-
-.logoAntagonist {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  height: 98px !important;
-  width: 339px;
-}
-
-p {
-  margin: 0px;
-}
-
-a.clickToClose {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  z-index: -1;
-  cursor: default;
-}
-
-input[readonly]::selection {
-  color: #85d6ff;
-}
-
-div.flexJustify {
-  justify-content: space-between !important;
-}
-
-.header {
-  color: #85d6ff !important;
-  font-weight: bolder;
-  width: 100%;
-}
-
-.bordered {
-  border: 1px solid black;
-  border-radius: 10px;
-  margin-bottom: 5px;
-}
-
-.centertitle {
-  background: rgb(7, 16, 25);
-  text-align: center;
-  font-weight: bolder;
-  color: #85d6ff;
-  width: 100%;
-  border-bottom-left-radius: 10px;
-  border-bottom-right-radius: 10px;
-}
-
-.charsheet button[type='roll']::before {
-  font-family: 'dicefontd10' !important;
-  content: 'k' !important;
-  background: transparent;
-  border: none;
-  outline: none;
-  color: inherit !important;
-  background-repeat: no-repeat;
-  box-shadow: none;
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  font-size: 0.9em !important;
-}
-
-.pictos {
-  font-family: 'Pictos' !important;
-  font-weight: normal;
-  font-style: normal;
-}
-
-.dfontd20 {
-  font-family: 'dicefontd20' !important;
-  font-weight: normal;
-  font-style: normal;
-}
-
-.attributesabilities .abil {
-  padding-top: 10px;
-  padding-bottom: 5px;
-  padding-left: 5px;
-  border-radius: 14px;
-  border: 1px solid black;
-  background-color: transparent;
-  margin-bottom: 3px;
-}
-
-.test button[type='roll']::before {
-  font-family: 'Pictos' !important;
-  content: 'w' !important;
-  background: transparent;
-  border: none;
-  outline: none;
-  background-repeat: no-repeat;
-  box-shadow: none;
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  font-size: 0.6em !important;
-}
-
-button.diceButton.teste {
-  font-family: "Pictos" !important;
-  color: #85d6ff;
-}
-
-.anchorButton {
-  background: #071019;
-  color: #85d6ff;
-  width: 69px;
-  height: 22px;
-  font-size: 11pt;
-  text-align: center;
-  border-radius: 10px;
-}
-
-.stanceButton {
-  height: 18px;
-  margin-top: 2px;
-  line-height: 17px;
-}
-
-.button[type='roll'] {
-  font-family: 'dicefontd10' !important;
-  font-size: 30pt !important;
-  background: transparent;
-  border: none;
-  outline: none;
-  color: inherit !important;
-  background-repeat: no-repeat;
-  box-shadow: none;
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  padding-bottom: 9px !important;
-}
-
-.charsheet {
-  min-width: 880px;
-  color: #091623;
-  font-size: 15pt;
-  padding: 0px 8px !important;
-  margin-left: -12px;
-  background-image: url(http://imgur.com/Z4ti7rM.png);
-}
-
-/*#endregion*/
-
-/*#region augments & Blessings*/
-input.blessingsName::placeholder {
-  width: 100% !important;
-  font-size: 10pt;
-  height: 25px !important;
-  background: rgba(0, 0, 0, 0);
-  border: 0px;
-  text-align: center;
-  font-weight: bolder;
-  color: #85d6ff;
-}
-
-input.blessingsName {
-  width: 100% !important;
-  font-size: 10pt;
-  height: 25px !important;
-  background: rgba(0, 0, 0, 0);
-  border: 0px;
-  text-align: center;
-  font-weight: bolder;
-  color: #85d6ff;
-}
-
-.blessingsNameInput {
-  width: 75%;
-  font-size: 9pt !important;
-}
-
-div.blessingsFlex {
-  display: flex;
-  height: 18px;
-  align-items: center;
-}
-
-.isWAR,
-.nonWAR,
-.hasUses {
-  display: none;
-}
-.warToggle[value='1'] ~ .isWAR,
-.warToggle[value='0'] ~ .nonWAR {
-  display: flex;
-  flex-direction: column;
-}
-.warUsesToggle[value='1'] ~ .hasUses {
-  display: block;
-}
-
-.abilitySummary > summary {
-  background: rgba(7, 16, 25, 1);
-  height: 18px;
-  border-radius: 15px !important;
-}
-
-.abilitySummary[open] > summary {
-  height: 18px;
-  border-radius: 15px 15px 0px 0px !important;
-}
-
-.abilitySummary[open] > .passiveFlex {
-  height: fit-content;
-  padding-bottom: 8px;
-}
-
-.blessingsDescription {
-  width: 98% !important;
-  align-self: center;
-  margin-top: 5px;
-  height: 60px !important;
-  font-size: 8pt;
-}
-
-.bionicsDescription {
-  width: 95% !important;
-  align-self: center;
-  margin-top: 5px;
-  margin-bottom: 6px;
-  height: 60px !important;
-  font-size: 8pt;
-}
-/*#endregion*/
-
-/*#region antagonists*/
-.antButton {
-  font-family: 'Pictos' !important;
-  background: transparent;
-  border: 0px;
-  font-size: 18pt;
-  margin-right: 10px;
-  -webkit-text-stroke-width: thin;
-  -webkit-text-stroke-color: #85d6ff;
-  height: 15px !important;
-  width: 25px !important;
-  color: #85d6ff !important;
-  margin-left: 0px !important;
-  padding-left: 0px !important;
-  margin-top: 1px;
-}
-
-.antagonist_grid {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  height: 80px !important;
-  flex-direction: column;
-}
-
-.antagonist_passive_grid {
-  display: grid;
-  grid-template-columns: 50px 85px 39px 116px 122px;
-  align-items: center;
-  padding-left: 5px;
-  margin-top: 3px;
-  margin-bottom: 3px;
-  padding-right: 5px;
-}
-
-.manifestationAntagonist {
-  width: 93%;
-  height: 21px;
-  margin: 0px;
-  margin-left: 5px;
-}
-
-.characterNameAntagonist {
-  width: 97%;
-  margin-left: 5px;
-  padding-left: 6px !important;
-}
-
-div.nameAndLegacy__rowAntagonist {
-  display: grid;
-  position: relative;
-  top: -40px;
-  left: -33px;
-  grid-template-columns: 51px 149px 15px 103px 118px;
-  grid-template-areas:
-    'a b b g h'
-    'e f c c d'
-    'i j y y z';
-  grid-template-rows: repeat(3, 20px);
-  align-items: center;
-}
-
-div.passiveWarShellAntagonist {
-  display: flex;
-  flex-direction: column;
-  margin-top: 5px;
-}
-
-/*#endregion*/
-
-/*#region nameLegacyStance*/
-.ectomorph,
-.endomorph,
-.mesomorph,
-.spatial,
-.logical,
-.intrapersonal,
-.interpersonal,
-.kinaesthetic {
-  opacity: 0;
-}
-
-.bodyToggle[value='1'] ~ .ectomorph,
-.bodyToggle[value='2'] ~ .endomorph,
-.bodyToggle[value='3'] ~ .mesomorph {
-  opacity: 1;
-}
-
-.mindToggle[value='1'] ~ .intrapersonal,
-.mindToggle[value='2'] ~ .interpersonal,
-.mindToggle[value='3'] ~ .kinaesthetic,
-.mindToggle[value='4'] ~ .logical,
-.mindToggle[value='5'] ~ .spatial {
-  opacity: 1;
-}
-
-.mainGrid {
-  display: grid;
-  grid-template-columns: 50px 15px 15px 15px 15px 15px;
-  grid-template-rows: repeat(6, 14px);
-  grid-template-areas:
-    'd d d d d e'
-    'f f f g gg ggg'
-    'h h h h i ii'
-    'j k kk kkk l ll'
-    'm n nn nnn o oo'
-    'p p p p p q';
-}
-
-.bodyMindAddition {
-  width: 40px !important;
-  font-size: 17pt;
-  text-align: left !important;
-  border: none;
-  background: transparent !important;
-}
-.legacy:where([value='ExemplarD'], [value='Gaia'], [value='Magus'], [value='ExemplarG'], [value='EnhancerP'], [value='EnhancerS'], [value='EnhancerT'], [value='Luminous'])
-  ~ .popupManifestations {
-  margin: 10px auto;
-  padding: 1px;
-  background-color: #85d6ff;
-  border-radius: 15px;
-  width: 90%;
-  position: relative;
-  transition: all 0.5s ease-in-out;
-}
-
-.popupToolkit {
-  margin: 45px auto;
-  padding: 1px;
-  background-color: #85d6ff;
-  border-radius: 15px;
-  width: 300px;
-  position: relative;
-  transition: all 0.5s ease-in-out;
-}
-
-div.characteristicsShellInner {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  justify-items: center;
-}
-
-div.characteristicsShellADVANCED {
-  display: grid;
-  width: 98%;
-  margin-left: 2px;
-  margin-top: 5px;
-  grid-template-rows: 40px repeat(5, 85px);
-  grid-template-columns: 1fr 1fr;
-  grid-template-areas:
-    'title title'
-    'body mind'
-    'acuity durability'
-    'vitality agility'
-    'nerve comprehension'
-    'essence discernment';
-}
-
-div.characteristicsShellRightSide {
-  display: grid;
-  width: 98%;
-  margin-right: 2px;
-  margin-top: 5px;
-  padding-left: 5px;
-  padding-right: 5px;
-  grid-template-rows: 40px 25px repeat(2, 20px) repeat(5, 71px);
-  grid-template-columns: 0.75fr 1.25fr;
-  grid-template-areas: 'title title';
-  align-items: end;
-}
-
-.advancedShell {
-  font-size: xx-large;
-  height: 45px !important;
-  align-self: center;
-  background: rgba(7, 16, 25, 0);
-  border: 0px;
-  border-bottom: 1px solid black;
-  outline: none;
-  font-weight: bold;
-  color: black;
-  justify-self: end;
-  width: 32% !important;
-}
-
-div.characteristicsShell,
-div.manifestationsShell {
-  border: 1px solid black;
-  border-radius: 15px 15px 15px 15px !important;
-  background-color: rgb(227, 241, 255);
-  min-height: 45px;
-}
-
-.advancedJustify {
-  flex-direction: column;
-  display: flex;
-  width: 95%;
-  justify-self: center;
-}
-
-select.bodySelect {
-  font-size: 16pt;
-  height: 65% !important;
-  align-items: center;
-  line-height: 22px;
-  margin: 0px;
-  width: 100%;
-  text-align: center !important;
-  border: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  font-weight: 700;
-}
-
-select.bodySelect::-ms-expand {
-  display: none;
-}
-
-.manifestation {
-  width: 155px;
-  height: 18px;
-  margin: 0px;
-  margin-left: 1px;
-  font-size: 9.5pt;
-  padding: 0px !important;
-}
-
-.characterName,
-.characterTerrain,
-.characterHazard {
-  width: 95%;
-  margin-left: 5px;
-  padding-left: 6px !important;
-}
-
-div.nameAndLegacy__row {
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  top: -17px;
-}
-
-.nameAndLegacy__cell {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-end;
-}
-
-.luminous,
-.magus,
-.enhancerP,
-.enhancerS,
-.enhancerT,
-.exemplarG,
-.exemplarD,
-.gaia {
-  display: none;
-}
-
-.legacy[value='Luminous'] ~ div.luminous,
-.legacy[value='Magus'] ~ div.magus,
-.legacy[value='EnhancerP'] ~ div.enhancerP,
-.legacy[value='EnhancerS'] ~ div.enhancerS,
-.legacy[value='EnhancerT'] ~ div.enhancerT,
-.legacy[value='ExemplarG'] ~ div.exemplarG,
-.legacy[value='ExemplarD'] ~ div.exemplarD,
-.legacy[value='Gaia'] ~ div.gaia {
-  display: grid;
-  flex-direction: column;
-  padding: 0px 5px 5px 5px;
-  grid-template-columns: 90px 1fr;
-}
-
-.legacy {
-  display: flex;
-  flex-direction: column;
-  align-content: center;
-  justify-content: center;
-}
-
-/*#endregion*/
-
-/*#region tabAndPageSetup*/
-.player_sheet,
-.antagonist_sheet {
-  display: none;
-}
-
-.antagonist_flag[value='0'] ~ .player_sheet,
-.antagonist_flag[value='1'] ~ .antagonist_sheet {
-  display: block;
-}
-
-#activetab1 {
-  grid-area: a;
-}
-
-#activetab2 {
-  grid-area: b;
-}
-
-#activetab3 {
-  grid-area: c;
-}
-
-#activecontent1 {
-  grid-area: d;
-}
-
-#activecontent2 {
-  grid-area: e;
-}
-
-#activecontent3 {
-  grid-area: f;
-}
-
-.activetabInput {
-  opacity: 0;
-  width: 50px !important;
-  z-index: 1 !important;
-  height: 23px !important;
-  padding: 1px;
-}
-
-section {
-  clear: both;
-  display: none;
-}
-
-label {
-  font-weight: 700;
-  margin-bottom: 0px !important;
-  font-size: 18px;
-  display: block;
-  align-self: flex-start;
-  width: 20%;
-  padding: 0.3em;
-  color: #356780;
-  cursor: pointer;
-  text-decoration: none;
-  text-align: center;
-  background: rgba(7, 16, 25, 0.15);
-  display: flex !important;
-  justify-content: space-evenly;
-  align-items: center;
-}
-
-#activetab1:checked ~ #activecontent1,
-#activetab2:checked ~ #activecontent2,
-#activetab3:checked ~ #activecontent3,
-#activetab4:checked ~ #activecontent4 {
-  display: block;
-  background: transparent;
-  color: #999;
-  border-bottom: 2px solid #f0f0f0;
-}
-
-.activetab_containerNew .activetab-content p,
-.activetab_containerNew .activetab-content h3,
-.activetab_containerNewAntagonist .activetab-content p,
-.activetab_containerNewAntagonist .activetab-content h3 {
-  -webkit-animation: fadeInScale 0.7s ease-in-out;
-  -moz-animation: fadeInScale 0.7s ease-in-out;
-  animation: fadeInScale 0.7s ease-in-out;
-}
-
-.activetab_containerNew .activetab-content h3,
-.activetab_containerNewAntagonist .activetab-content h3 {
-  text-align: center;
-}
-
-.activetab_containerNew [id^='activetab']:checked + label.top,
-.activetab_containerNewAntagonist [id^='activetab']:checked + label.top {
-  color: #85d6ff;
-  background: rgb(7, 16, 25);
-  box-shadow: inset 0 3px #0ce, inset -3px 0px 0 0px #0ce,
-    inset 3px 0px 0 0px #0ce;
-  padding-top: 2px !important;
-}
-
-.activetab_containerNew [id^='activetab']:checked + label.middle,
-.activetab_containerNewAntagonist [id^='activetab']:checked + label.middle {
-  color: #85d6ff;
-  background: rgb(7, 16, 25);
-  box-shadow: inset -3px 0px 0 0px #0ce, inset 3px 0px 0 0px #0ce;
-  padding-top: 2px !important;
-}
-
-.activetab_containerNew [id^='activetab']:checked + label.bottom,
-.activetab_containerNewAntagonist [id^='activetab']:checked + label.bottom {
-  color: #85d6ff;
-  background: rgb(7, 16, 25);
-  box-shadow: inset 0 -3px #0ce, inset -3px 0px 0 0px #0ce,
-    inset 3px 0px 0 0px #0ce;
-  padding-top: 2px !important;
-}
-
-div.lowerPage__row {
-  display: grid;
-  width: 100%;
-  grid-template-columns: 471px 390px;
-  column-gap: 6px;
-}
-
-.abilityPursuit__row {
-  position: relative;
-  top: -149px;
-  left: -5px;
-  width: 397px;
-}
-
-/*#endregion*/
-
-/*#region shieldingStaminaStressWounds*/
-div.stressWoundsStamina__row {
-  display: grid;
-  grid-template-columns: 129px 122px 100px 122px 268px 132px;
-  height: 212px;
-  align-items: center;
-  margin-top: -60px;
-}
-
-div.stressWoundsStamina__cell {
-  height: 102%;
-}
-
-.shieldingStaminaFlexCorrection {
-  display: flex;
-  height: fit-content;
-  justify-content: center;
-  flex-direction: column;
-  row-gap: 2px;
-}
-
-.rightside {
-  justify-self: end !important;
-  text-align: right;
-}
-
-.leftside {
-  padding-left: 0px !important;
-  margin-top: -26px;
-  margin-bottom: 9px;
-}
-
-input.stressWoundsBox {
-  width: 22px !important;
-  height: 22px !important;
-  margin-right: 3px;
-}
-
-.stressWoundsBoxes {
-  height: 25px;
-}
-
-.numberStress {
-  background: transparent;
-  border: 0px;
-  border-bottom: 1px solid !important;
-  padding: 0px;
-  margin-bottom: 3px !important;
-  text-align: center;
-  font-weight: 900;
-  width: 17px !important;
-  margin-left: 12px;
-  margin-right: 28px;
-}
-
-.numberWounds {
-  background: transparent;
-  border: 0px;
-  border-bottom: 1px solid !important;
-  padding: 0px;
-  margin-bottom: 3px !important;
-  text-align: center;
-  font-weight: 900;
-  width: 17px !important;
-  margin-right: 10px;
-  margin-left: 10px;
-}
-
-div.effort__row {
-  display: grid;
-  width: 98%;
-  border: 1px solid black;
-  border-radius: 15px;
-  grid-template-rows: 25px 23px 25px;
-  grid-template-columns: repeat(5, 1fr);
-  grid-template-areas:
-    'a a a a a'
-    'b b c d d'
-    'e e e e f';
-}
-
-div.shielding__row {
-  display: grid;
-  width: 98%;
-  border: 1px solid black;
-  border-radius: 15px;
-  grid-template-rows: 25px repeat(5, 20px) 25px;
-  grid-template-columns: 1fr 0.5fr 1fr 0.5fr 1fr 1fr;
-  grid-template-areas:
-    'a a a aa aa aa'
-    'b c d g g g'
-    'bb cc dd gg gg gg'
-    'bbb ccc ddd ggg ggg ggg'
-    'bbbb cccc dddd gggg gggg gggg'
-    'bbbbb ccccc ddddd ggggg ggggg ggggg'
-    'e e f ee ee ff';
-}
-
-div.shielding__rowAntagonist {
-  display: grid;
-  width: 98%;
-  border: 1px solid black;
-  border-radius: 15px;
-  grid-template-rows: 25px 30px 25px;
-  grid-template-columns: repeat(5, 1fr);
-  grid-template-areas:
-    'a a a a a'
-    'b b c d d'
-    'e e e e f';
-}
-
-div.hitpoints__rowAntagonist {
-  display: grid;
-  width: 98%;
-  border: 1px solid black;
-  border-radius: 15px;
-  grid-template-rows: 25px 30px 25px;
-  grid-template-columns: repeat(5, 1fr);
-  grid-template-areas:
-    'a a a a a a'
-    'b b c c d d'
-    'e e f ee ee ff';
-}
-
-.shieldingStaminaMax {
-  width: 40px !important;
-  padding: 1px !important;
-  height: 20px !important;
-}
-
-.shielding1,
-.stamina1 {
-  border-radius: 10px 10px 0px 0px;
-  grid-area: a;
-}
-
-.shielding2,
-.stamina2 {
-  grid-area: b;
-  font-size: 17pt;
-  width: 95% !important;
-  align-self: center;
-  background: rgba(7, 16, 25, 0);
-  border-bottom: 1px solid black;
-  border-top: 0px;
-  border-left: 0px;
-  border-right: 0px;
-  outline: none;
-  font-weight: bold;
-  color: black;
-  justify-self: end;
-  margin-top: 2px !important;
-  height: 18px !important;
-}
-.hp1 {
-  grid-area: b;
-  font-size: 12pt;
-  width: 95% !important;
-  align-self: center;
-  background: rgba(7, 16, 25, 0);
-  border-bottom: 1px solid black;
-  border-top: 0px;
-  border-left: 0px;
-  border-right: 0px;
-  outline: none;
-  font-weight: bold;
-  color: black;
-  justify-self: end;
-  margin-top: 2px !important;
-  height: 15px !important;
-}
-
-.shielding3,
-.stamina3 {
-  grid-area: c;
-  justify-self: center;
-  font-size: xx-large;
-  font-weight: 900;
-  align-self: center;
-  margin-top: 1px;
-  margin-right: -5px;
-}
-
-.hp3 {
-  grid-area: c;
-  font-size: 15pt !important;
-  justify-self: center;
-  font-size: xx-large;
-  font-weight: 900;
-  align-self: center;
-  margin-top: 1px;
-  margin-right: -5px;
-}
-
-.shielding4,
-.stamina4 {
-  grid-area: e;
-  padding-top: 2px;
-}
-
-.shielding5,
-.stamina5 {
-  grid-area: f;
-  padding-top: 3px;
-  padding-right: 2px;
-  margin-left: -12px;
-  height: 26px;
-  background: rgb(7, 16, 25);
-  border-bottom-right-radius: 10px;
-}
-
-.shielding6,
-.stamina6 {
-  grid-area: d;
-  font-size: 17pt;
-  align-self: center;
-  width: 95% !important;
-  background: rgba(7, 16, 25, 0);
-  border-bottom: 1px solid black;
-  border-top: 0px;
-  border-left: 0px;
-  border-right: 0px;
-  outline: none;
-  font-weight: bold;
-  color: black;
-  height: 25px !important;
-}
-
-.hp2 {
-  grid-area: d;
-  font-size: 12pt;
-  align-self: center;
-  width: 95% !important;
-  background: rgba(7, 16, 25, 0);
-  border-bottom: 1px solid black;
-  border-top: 0px;
-  border-left: 0px;
-  border-right: 0px;
-  outline: none;
-  font-weight: bold;
-  color: black;
-  height: 18px !important;
-}
-
-/*#endregion*/
-
-/*#region generalWAR*/
-input.passiveReactiveName::placeholder {
-  width: 100% !important;
-  font-size: 15pt;
-  height: 25px !important;
-  background: rgba(0, 0, 0, 0);
-  border: 0px;
-  text-align: center;
-  font-weight: bolder;
-  color: #85d6ff;
-}
-
-.passiveReactiveWAREffects,
-.passiveReactiveWARDescription {
-  width: 95% !important;
-  margin-top: 3px;
-  margin-bottom: 3px;
-}
-
-.shardTitle {
-  border-radius: 3px 3px 0px 0px;
-  background-color: #071019;
-  color: #85d6ff;
-  width: 100% !important;
-}
-
-.shardFlexL {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  height: 24px;
-  border: 1px solid black;
-  border-radius: 5px;
-  padding: 0px;
-  text-align: center;
-  width: 42px;
-}
-
-.shardFlexR {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  height: 30px;
-  border: 1px solid black;
-  border-radius: 5px;
-  padding: 0px;
-  text-align: center;
-  width: 70px;
-}
-
-.inputShell {
-  border-bottom: 1px solid black; 
-  height:12px; 
-  width:20px; 
-  border-radius: 3px;
-}
-
-.inputField {
-  border: none; 
-  width: inherit !important;
-}
-
-.shardFlexRR {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  height: 30px;
-  border: 1px solid black;
-  border-radius: 5px;
-  padding: 0px;
-  text-align: center;
-  width: 75px;
-}
-
-.shardUseFlex {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  margin-left: 1px;
-  height: 24px;
-  border: 1px solid black;
-  border-radius: 5px;
-  padding: 0px;
-  width: 40px;
-}
-
-div.passiveWarStatsReactiveWar__row {
-  display: grid;
-  grid-template-rows: auto;
-  grid-gap: 3px;
-  grid-template-columns: 283px 146px;
-  margin-bottom: 2px;
-  margin-top: 2px;
-  position: relative;
-  top: 1px;
-}
-
-.passiveDescription {
-  display: flex;
-  width: 287px;
-  align-items: flex-start;
-  justify-content: flex-end;
-  height: fit-content;
-  margin-right: 4px;
-}
-
-div.passiveWarShell,
-div.passiveWarShellAntagonist,
-div.activeWarShell,
-div.reactiveWarShell,
-div.stanceShell {
-  border: 1px solid black;
-  border-radius: 15px 15px 15px 15px !important;
-}
-
-div.passiveReactiveTextShell {
-  border: 1px solid black;
-  border-radius: 15px 15px 15px 15px !important;
-  background-color: rgb(227, 241, 255);
-  height: 228px;
-  width: 400px;
-}
-
-div.specialisationTextShell {
-  display: flex;
-  border: 1px solid black;
-  border-radius: 15px 15px 15px 15px !important;
-  background-color: rgb(227, 241, 255);
-  margin-bottom: -25px;
-  flex-direction: column;
-}
-
-/*#endregion*/
-
-/*#region passiveWAR*/
-.reactiveButton {
-  color: #85d6ff !important;
-  width: 40px !important;
-}
-
-div.passiveWarShell {
-  display: flex;
-  align-items: end;
-  row-gap: 3px;
-  flex-direction: column;
-}
-
-div.passiveFlex,
-div.reactiveFlex {
-  display: flex;
-  height: 19px;
-  align-items: center;
-  margin-left: -1px;
-}
-
-.title,
-.passiveTitle,
-.reactiveTitle {
-  line-height: 25px;
-  height: 25px !important;
-  background: rgb(7, 16, 25);
-  text-align: center;
-  font-weight: bolder;
-  color: #85d6ff;
-  border-radius: 10px 10px 0px 0px;
-  justify-content: space-between;
-}
-
-.passiveTitleFlex,
-.reactiveTitleFlex {
-  align-self: center;
-  border-radius: 10px 10px 0px 0px;
-  line-height: 22px;
-}
-
-/*#endregion*/
-
-/*#region equipment*/
-.valueSelect {
-  border: none;
-  border-bottom: 1px solid black;
-  margin: 0px;
-  height: 20px;
-  font-size: 8pt;
-  padding: 0px !important;
-  font-weight: bolder;
-  color: black !important;
-  margin-top: 4px;
-}
-
-.equipmentCharges {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  margin-left: 2px;
-  margin-top: -1px;
-}
-
-.chargesAmount {
-  border: none;
-  border-bottom: 1px solid black;
-  width: 20px !important;
-  text-align: center;
-  margin-right: 2px;
-  background-color: transparent !important;
-  padding: 0px;
-}
-
-.minMaxStrength {
-  border: none;
-  border-bottom: 1px solid black;
-  width: 57px !important;
-  text-align: center;
-  margin-right: 2px;
-  padding: 0px;
-  font-size: 11px;
-}
-
-.headIsContainer,
-.headIsNotContainer,
-.backIsContainer,
-.backIsNotContainer,
-.torsoIsContainer,
-.torsoIsNotContainer,
-.armOneIsContainer,
-.armOneIsNotContainer,
-.armTwoIsContainer,
-.armTwoIsNotContainer,
-.hipIsContainer,
-.hipIsNotContainer,
-.legOneIsContainer,
-.legOneIsNotContainer,
-.legTwoIsContainer,
-.legTwoIsNotContainer,
-.feetIsContainer,
-.feetIsNotContainer,
-.bodyIsContainer,
-.bodyIsNotContainer {
-  display: none;
-}
-
-.headContainer:where([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar'])
-  ~ .headIsContainer,
-.backContainer:where([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar'])
-  ~ .backIsContainer,
-.torsoContainer:where([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar'])
-  ~ .torsoIsContainer,
-.armOneContainer:where([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar'])
-  ~ .armOneIsContainer,
-.armTwoContainer:where([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar'])
-  ~ .armTwoIsContainer,
-.hipContainer:where([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar'])
-  ~ .hipIsContainer,
-.legOneContainer:where([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar'])
-  ~ .legOneIsContainer,
-.legTwoContainer:where([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar'])
-  ~ .legTwoIsContainer,
-.feetContainer:where([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar'])
-  ~ .feetIsContainer,
-.bodyContainer:where([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar'])
-  ~ .bodyIsContainer {
-  display: flex;
-}
-
-.headContainer:where(:not([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar']))
-  ~ .headIsNotContainer,
-.backContainer:where(:not([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar']))
-  ~ .backIsNotContainer,
-.torsoContainer:where(:not([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar']))
-  ~ .torsoIsNotContainer,
-.armOneContainer:where(:not([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar']))
-  ~ .armOneIsNotContainer,
-.armTwoContainer:where(:not([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar']))
-  ~ .armTwoIsNotContainer,
-.hipContainer:where(:not([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar']))
-  ~ .hipIsNotContainer,
-.legOneContainer:where(:not([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar']))
-  ~ .legOneIsNotContainer,
-.legTwoContainer:where(:not([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar']))
-  ~ .legTwoIsNotContainer,
-.feetContainer:where(:not([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar']))
-  ~ .feetIsNotContainer,
-.bodyContainer:where(:not([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar']))
-  ~ .bodyIsNotContainer {
-  display: flex;
-}
-
-.headEquipment {
-  position: absolute;
-  top: 55px;
-  left: 125px;
-}
-
-.backEquipment {
-  position: absolute;
-  top: 82px;
-  left: 145px;
-}
-
-.torsoEquipment {
-  position: absolute;
-  top: 130px;
-  left: 170px;
-}
-
-.armEquipmentOne {
-  position: absolute;
-  top: 160px;
-  left: 172px;
-}
-
-.armEquipmentTwo {
-  position: absolute;
-  top: 185px;
-  left: 172px;
-}
-
-.hipEquipment {
-  position: absolute;
-  top: 210px;
-  left: 180px;
-}
-
-.legEquipmentOne {
-  position: absolute;
-  top: 280px;
-  left: 172px;
-}
-
-.legEquipmentTwo {
-  position: absolute;
-  top: 315px;
-  left: 172px;
-}
-
-.feetEquipment {
-  position: absolute;
-  top: 370px;
-  left: 185px;
-}
-
-.fullBodyEquipment {
-  position: absolute;
-  top: 410px;
-  left: 25px;
-  text-align: center;
-}
-
-.equipmentInput {
-  display: flex;
-  border: none;
-  border-bottom: 1px solid black !important;
-  width: 100px;
-  background-color: transparent !important;
-  padding: 0px;
-  font-weight: bolder;
-  margin-top: 9px !important;
-  color: black !important;
-  font-size: 11px;
-}
-
-.bionicsInput {
-  width: 430px !important;
-  display: flex;
-  font-weight: bold;
-  margin-top: 2px !important;
-  margin-bottom: 2px !important;
-  color: black !important;
-  font-size: 15px;
-  margin-left: 4px;
-  height: 29px !important;
-}
-
-.equipmentInput::placeholder {
-  font-weight: bolder;
-}
-
-.equipmentShell {
-  display: flex;
-}
-
-.bionicsShell {
-  display: flex;
-  align-items: center;
-}
-
-.looseEquipmentShell {
-  display: flex;
-  height: 24px;
-}
-
-.looseEquipment {
-  padding-bottom: 4px;
-  width: 99%;
-  margin-top: 2px;
-  margin-left: 1px;
-}
-
-div.equipmentShellUpper {
-  border: 1px solid black;
-  display: flex;
-  border-radius: 15px 15px 15px 15px !important;
-  background-color: rgb(255, 255, 255);
-  min-height: 150px;
-  width: 850px;
-  flex-direction: column;
-  height: 460px;
-  overflow: hidden;
-}
-
-div.bionicShellUpper {
-  border: 1px solid black;
-  display: flex;
-  border-radius: 15px 15px 15px 15px !important;
-  background-color: rgb(255, 255, 255);
-  min-height: 150px;
-  width: 700px;
-  flex-direction: column;
-  height: 460px;
-  overflow: hidden;
-}
-
-div.equipmentShellLower {
-  border: 1px solid black;
-  border-radius: 15px 15px 15px 15px !important;
-  background-color: rgb(227, 241, 255);
-  height: 400px;
-  width: 266px;
-  margin-top: 15px;
-  display: flex;
-  flex-direction: column;
-  overflow: overlay;
-  background-color: rgb(7, 16, 25);
-}
-
-/*#endregion*/
-
-/*#region combatStats*/
-div.stanceFlexInternal {
-  display: flex;
-  flex-direction: row;
-  align-items: baseline;
-  font-weight: 900;
-  height: fit-content;
-}
-
-input.stanceName,
-input.manifestationName,
-input.passiveReactiveName {
-  width: 100% !important;
-  font-size: 15pt;
-  height: 25px !important;
-  background: rgba(0, 0, 0, 0);
-  border: 0px;
-  text-align: center;
-  font-weight: bolder;
-  color: #85d6ff;
-}
-
-.actionsTitle {
-  line-height: 25px;
-  margin-top: -6px;
-  height: 25px !important;
-  background: rgb(7, 16, 25);
-  text-align: center;
-  margin-top: -3px;
-  font-weight: bolder;
-  color: #85d6ff;
-  border-radius: 10px 10px 0px 0px;
-  justify-content: space-between;
-  margin-left: -1px;
-}
-
-.passiveReactivePopupFlex {
-  display: flex;
-  width: 100%;
-  align-items: center;
-  justify-content: space-around;
-  flex-direction: column;
-  height: 140px;
-}
-
-.actionsTitle {
-  line-height: 25px;
-  height: 25px !important;
-  background: rgb(7, 16, 25);
-  text-align: center;
-  font-weight: bolder;
-  color: #85d6ff;
-  border-radius: 10px 10px 0px 0px;
-  justify-content: space-between;
-}
-
-div.combatShell {
-  border: 1px solid black;
-  border-radius: 15px 15px 15px 15px;
-}
-
-.combatFatigueExhausted {
-  margin-top: 1px;
-  border-bottom: 1px solid black;
-  grid-template-columns: 0px 50px 47px 110px 15px 20px;
-  column-gap: 2px;
-}
-
-div.combatFlex {
-  display: flex;
-  width: 100%;
-  height: 17px !important;
-  align-items: center;
-}
-
-div.combatGrid {
-  display: grid;
-  width: 100%;
-  height: 16px;
-  grid-template-columns: 0px 92px 49px 0px;
-  column-gap: 3px;
-  align-content: center;
-  align-items: center;
-  justify-items: start;
-}
-
-div.combatGridReactive {
-  display: grid;
-  width: 100%;
-  height: 21px;
-  grid-template-columns: 0px 92px 39px 0px;
-  align-content: center;
-  align-items: center;
-  justify-items: start;
-}
-
-div.combatGridAntagonist {
-  display: flex;
-  width: 100%;
-  height: 18px;
-  column-gap: 3px;
-  align-items: center;
-  align-content: center;
-  padding-left: 15px;
-  padding-right: 15px;
-}
-
-.combatTitle {
-  height: 25px !important;
-  line-height: 25px;
-  background: rgb(7, 16, 25);
-  text-align: center;
-  font-weight: bolder;
-  color: #85d6ff;
-  border-radius: 10px 10px 0px 0px;
-  justify-content: center;
-}
-
-.qualityTitle {
-  height: 17px !important;
-  line-height: 17px;
-  background: rgb(7, 16, 25);
-  text-align: center;
-  font-weight: bolder;
-  color: #85d6ff;
-  border-radius: 10px;
-  justify-content: center;
-  display: flex;
-}
-
-.repeating_qualities[open] .qualityTitle {
-  border-radius: 10px 10px 0px 0px;
-}
-
-input.fatigueExhausted {
-  width: 18px !important;
-  height: 18px !important;
-  justify-self: center !important;
-}
-
-/*#endregion*/
-
-/*#region activeWAR*/
-select.WARSelect {
-  font-size: 10pt;
-  height: 19px !important;
-  margin-top: 0px;
-  margin-bottom: 0px;
-}
-
-select.activeSelect {
-  font-size: 8pt;
-  height: 16px !important;
-  margin-top: 0px;
-  margin-bottom: -1px;
-  border: none;
-}
-
-select.genderSelect {
-  position: absolute;
-  font-size: 8pt;
-  height: 19px !important;
-  border: 1px solid;
-  width: 74px;
-  top: 34px;
-  left: 5px;
-}
-
-.bodyMale,
-.bodyFemale,
-.bodyGenderless {
-  display: none;
-}
-
-.genderSelect[value='Male'] ~ .bodyMale,
-.genderSelect[value='Female'] ~ .bodyFemale,
-.genderSelect[value='Genderless'] ~ .bodyGenderless {
-  display: block;
-}
-
-.bodyGenderless {
-  margin-left: 25px;
-  height: 395px;
-  margin-left: -3px;
-}
-
-.bodyFemale {
-  height: 375px;
-  margin-bottom: 33px !important;
-  margin-left: -26px;
-}
-
-.bodyMale {
-  margin-left: -41px;
-  height: 415px;
-}
-
-.repeating_ability,
-.repeating_war,
-.repeating_war_amtagonist {
-  border: 1px solid black;
-  border-radius: 15px;
-  margin-bottom: 2px;
-}
-
-.repeating_warAntagonist {
-  border: 1px solid black;
-  border-radius: 15px;
-  margin-bottom: 3px;
-}
-
-.repeating_qualities {
-  border: 1px solid black;
-  border-radius: 14px;
-  margin-bottom: 3px;
-  width: 96%;
-  margin-left: 9px;
-}
-
-.activeDamage,
-.activeMalicious,
-.activeHealing,
-.activeBeneficial {
-  display: none;
-}
-
-.activeType:where([value='1']) ~ .activeTypeName:before {
-  content: 'Assault';
-}
-
-.activeType:where([value='1'], [value='2'], [value='4'], [value='1a']) ~ .activeDamage,
-.activeType:where([value='5'], [value='5a']) ~ .activeMalicious,
-.activeType:where([value='6'], [value='6a'], [value='7']) ~ .activeHealing,
-.activeType:where([value='3'], [value='3a']) ~ .activeBeneficial {
-  display: flex;
-  justify-content: center;
-}
-.con,
-.boon,
-.flaweded,
-.booned,
-.coned,
-.boonflaw,
-.conflaw {
-  display: none;
-}
-.activeType:where([value='5'], [value='5a']) ~ .con,
-.activeType:where([value='3'], [value='3a']) ~ .boon {
-  display: flex !important;
-  justify-content: center !important;
-}
-
-.special_toggle:where([value='6'], [value='11'], [value='21'], [value='31']) ~ .flaweded,
-.special_toggle[value='15'] ~ .booned,
-.special_toggle[value='25'] ~ .coned,
-.special_toggle[value='16'] ~ .boonflaw,
-.special_toggle[value='26'] ~ .conflaw {
-  display: flex !important;
-  justify-content: center !important;
-}
-
-.activeType:where([value='5'], [value='5a'], [value='3'], [value='3a'])
-  ~ div.activeGridInnerFourthDouble,
-.flawed_toggle[value='1'] ~ div.activeGridInnerFourthDouble,
-div.activeGridInnerFourthDoubleDouble {
-  display: flex;
-  height: fit-content;
-  justify-items: start;
-  width: 99%;
-  font-size: 10pt;
-  margin-top: 3px;
-  margin-right: 4px;
-  margin-left: 2px;
-  justify-content: center;
-  column-gap: 5px;
-  align-items: center;
-}
-.condition {
-  display: none;
-}
-.activeType:where([value='5'], [value='5a'], [value='3'], [value='3a'])
-  ~ .condition {
-    display: flex;
-}
-
-.activetab_containerNew {
-  display: none;
-}
-
-.activeType:where([value='5'], [value='5a'], [value='3'], [value='3a'])
-  ~ .activetab_containerNew {
-  display: flex;
-  margin-left: 3px;
-  margin-right: 5px;
-  margin-bottom: 5px;
-  margin-top: -5px;
-  grid-template-rows: 23px 23px 23px auto !important;
-}
-
-.activetab_containerNewAntagonist {
-  display: grid;
-  grid-template-columns: 60px 1fr;
-  grid-template-areas:
-    'a d'
-    'c d';
-  margin-left: 5px;
-  margin-right: 5px;
-  margin-bottom: 5px;
-  margin-top: -5px;
-  grid-template-rows: 23px auto !important;
-}
-
-.activeType:where(:not([value='5'], [value='5a'], [value='3'], [value='3a']))
-  ~ .activetab_containerNew {
-  display: flex;
-  margin-left: 5px;
-  margin-right: 5px;
-  margin-bottom: 5px;
-  margin-top: -5px;
-  grid-template-rows: 23px 23px 23px !important;
-}
-
-.activeType:where([value='5'], [value='5a'], [value='3'], [value='3a'], [value='6'], [value='6a'], [value='8'], [value='7'])
-  ~ div.activeGridInnerOtherDouble {
-  display: grid;
-  grid-template-columns: 30px 64px 33px 61px 33px;
-  height: 25px !important;
-  align-items: center;
-  justify-items: start;
-  width: 100%;
-  font-size: 10pt;
-  margin-left: 4px;
-}
-
-div.activeWarShellSmallDouble {
-  display: flex;
-  flex-direction: column;
-  align-items: end;
-  column-gap: 3px;
-  height: 52px;
-}
-
-div.activeWarShellSmallDoubleAntagonist {
-  display: grid;
-  grid-template-rows: 23px;
-  grid-template-columns: 1fr;
-  align-items: end;
-  column-gap: 3px;
-  height: 24px;
-}
-
-.activetab_containerDouble {
-  display: grid;
-  grid-template-columns: repeat(3, 65px) 53px;
-  grid-template-areas:
-    'a b c h'
-    'd d d d'
-    'e e e e'
-    'f f f f'
-    'g g g g';
-}
-
-div.activeGrid {
-  display: grid;
-  grid-template-columns: 50px 25px 1fr 60px;
-  height: 24px !important;
-  align-items: center;
-  justify-items: center;
-}
-
-div.activeGridInner {
-  display: grid;
-  grid-template-columns: 45px 174px 91px 30px 118px 28px;
-  height: 18px !important;
-  align-items: end;
-  justify-items: end;
-  width: 100%;
-  margin-top: -10px;
-  font-size: 10pt;
-}
-
-div.activeGridInnerDouble {
-  display: flex;
-  height: 31px !important;
-  align-items: center;
-  justify-items: start;
-  width: 428px;
-  font-size: 10pt;
-  margin-right: -4px;
-}
-
-div.activeGridInnerDoubleAntagonist {
-  display: grid;
-  grid-template-columns: 34px 245px;
-  height: 18px !important;
-  align-items: end;
-  justify-items: start;
-  width: 383px;
-  font-size: 10pt;
-  margin-left: 4px;
-}
-
-:disabled,
-input:read-only {
-  border: 0px;
-  margin-top: 1px !important;
-  background: transparent;
-}
-
-div.activeGridInnerSecondary {
-  display: flex;
-  height: 17px !important;
-  align-items: end;
-  justify-items: end;
-  width: 100%;
-  font-size: 10pt;
-}
-
-div.activeGridInnerSecondaryDouble {
-  display: flex;
-  height: 24px !important;
-  column-gap: 8px;
-  align-items: center;
-  justify-items: start;
-  width: 100%;
-  font-size: 10pt;
-  margin-left: -7px;
-  margin-top: 4px;
-}
-
-div.activeGridInnerTertiaryDouble {
-  display: flex;
-  height: 24px !important;
-  column-gap: 9px;
-  align-items: center;
-  justify-items: start;
-  width: 100%;
-  font-size: 10pt;
-  margin-left: -7px;
-  margin-top: 3px;
-  position: relative;
-  left: 7px;
-}
-
-div.activeGridInnerSecondaryDoubleAntagonist {
-  display: grid;
-  grid-template-columns: 57px 35px 50px 35px 77px 20px;
-  height: 24px !important;
-  align-items: center;
-  justify-items: start;
-  width: 100%;
-  font-size: 11pt !important;
-  margin-left: 4px;
-  margin-top: 4px;
-}
-
-div.activeGridInnerTertiaryDoubleAntagonist {
-  display: grid;
-  grid-template-columns: 70px 120px 70px 103px;
-  height: 24px !important;
-  align-items: center;
-  justify-items: start;
-  width: 100%;
-  font-size: 10pt;
-  margin-left: 4px;
-  margin-top: 1px;
-}
-
-div.activeGridInnerFourthDouble,
-div.activeGridInnerOtherDouble {
-  display: none;
-}
-
-.activeWARDouble {
-  display: flex;
-  flex-direction: column;
-}
-
-.activeTextarea {
-  width: 97% !important;
-  margin: 0px 10px 0px 10px;
-  line-height: 13px;
-}
-
-.activeColumnTitle {
-  line-height: 25px;
-  background: rgb(7, 16, 25);
-  text-align: center;
-  font-weight: bolder;
-  color: #85d6ff;
-  border-radius: 20px;
-  height: 40px;
-  display: flex;
-  align-items: center;
-  margin-bottom: 5px;
-}
-
-.activeColumnTitleAntagonist {
-  line-height: 25px;
-  background: rgb(7, 16, 25);
-  text-align: center;
-  font-weight: bolder;
-  color: #85d6ff;
-  border-radius: 20px;
-  height: 25px;
-  display: flex;
-  align-items: center;
-  margin-bottom: 3px;
-  margin-top: -6px;
-  justify-content: center;
-}
-
-.activeColumnTitleAntagonistTwo {
-  line-height: 25px;
-  background: rgb(7, 16, 25);
-  text-align: center;
-  font-weight: bolder;
-  color: #85d6ff;
-  border-radius: 20px;
-  height: 25px;
-  display: flex;
-  align-items: center;
-  margin-bottom: 5px;
-  margin-top: 5px;
-  justify-content: center;
-}
-
-.qualities {
-  width: 98% !important;
-  height: 293px !important;
-  margin-bottom: 0px !important;
-}
-
-.activeWARName {
-  height: 25px !important;
-  background: rgba(0, 0, 0, 0) !important;
-  border: 0px !important;
-  text-align: center !important;
-  font-size: 15pt !important;
-  margin-top: -6px !important;
-}
-
-.activeWARNameDouble {
-  height: 25px !important;
-  background: rgba(0, 0, 0, 0) !important;
-  border: 0px !important;
-  text-align: center !important;
-  display: flex;
-  justify-items: center;
-  font-size: 10pt !important;
-  width: 247px;
-}
-
-.activeWARNameAntagonist {
-  height: 25px !important;
-  background: rgba(0, 0, 0, 0) !important;
-  border: 0px !important;
-  text-align: center !important;
-  display: flex;
-  justify-items: center;
-  font-size: 10pt !important;
-  width: 399px;
-}
-
-.activeUsesToggle[value='0'] ~ .activeUses,
-.activeUsesToggle[value='1'] ~ .stupid,
-.activeUsesToggle[value='0'] ~ .stupider {
-  display: none !important;
-}
-
-.activeUsesToggle[value='1'] ~ .activeUses,
-.activeUsesToggle[value='0'] ~ .stupid,
-.activeUsesToggle[value='1'] ~ .stupider {
-  display: flex !important;
-}
-
-div.activeGridDouble {
-  display: flex;
-  height: 24px !important;
-  align-items: center;
-  justify-items: center;
-  margin-left: -1px;
-  margin-right: -1px;
-}
-
-.rotate {
-  transform: rotate(-90deg);
-  -webkit-transform: rotate(-90deg);
-  -moz-transform: rotate(-90deg);
-  -ms-transform: rotate(-90deg);
-  -o-transform: rotate(-90deg);
-  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-}
-
-div.activeGridDoubleAntagonist {
-  display: grid;
-  grid-template-columns: 1fr;
-  height: 24px !important;
-  align-items: center;
-}
-
-.activeUsesToggle[value='0'] ~ div.activeGridDoubleSecond {
-  display: flex;
-  height: 25px !important;
-  align-items: center;
-  justify-items: start;
-  justify-content: space-between;
-}
-
-.activeUsesToggle[value='1'] ~ div.activeGridDoubleSecond {
-  display: flex;
-  height: 25px !important;
-  align-items: center;
-  justify-items: start;
-  justify-content: space-between;
-}
-
-div.activeGridDoubleSecondAntagonist {
-  display: grid;
-  grid-template-columns: 53px 63px 47px 80px 73px 27px;
-  height: 28px !important;
-  align-items: center;
-  justify-items: start;
-  margin-left: -60px;
-}
-
-h4.activeClick {
-  position: absolute;
-  width: 250px;
-  height: 25px;
-}
-
-h4.qualityClick {
-  position: absolute;
-  width: 200px;
-  height: 17px;
-}
-
-h4.blessingsClick {
-  position: absolute;
-  width: 263px;
-  height: 18px;
-}
-
-.augmentsRight {
-  border: 1px solid black;
-  border-radius: 13px;
-  margin-top: 7px;
-  width: 315px !important;
-}
-
-h4.augmentClick {
-  position: absolute;
-  width: 255px;
-  height: 25px;
-}
-
-.superiorityShow {
-  display: none;
-}
-
-.superiorityToggle[value='1'] ~ .superiorityShow {
-  display: block;
-}
-
-.augmentLevel {
-  width: 20px !important;
-  font-size: 11px !important;
-  text-align: center !important;
-  height: 12px !important;
-}
-
-.shardLevel {
-  width: 20px !important;
-  font-size: 11px !important;
-  text-align: center !important;
-  height: 10px !important;
-  margin-top: 1px !important;
-  padding-top: 2px !important;
-}
-
-.augmentButton[type='roll'] {
-  margin-top: 2px !important;
-  margin-right: 5px !important;
-  color: #85d6ff !important;
-  font-weight: 100 !important;
-  font-size: 19pt !important;
-}
-
-.activeButton {
-  width: 67% !important;
-  height: 25px !important;
-  position: absolute;
-  background: none !important;
-  color: transparent !important;
-  margin: 0px;
-  margin-top: -2px;
-  left: 77px;
-  border: 0px;
-  opacity: 0% !important;
-}
-
-.activeInput {
-  width: 15px !important;
-  height: 15px !important;
-  margin-top: 0px !important;
-}
-
-.activeActive {
-  justify-self: end;
-}
-
-.activeInactive {
-  display: none;
-}
-
-.activeEndurance {
-  display: flex;
-  grid-area: f;
-  align-items: center;
-  margin-right: 5px;
-}
-
-.activeInputResult[value='1'] ~ div.activeActive,
-.activeInputResult[value='0'] ~ div.activeInactive {
-  display: grid;
-  margin-right: 8px;
-}
-
-.activeInput:checked ~ .activeWARNameDouble {
-  width: 247px;
-}
-
-.activeInput:not(:checked) ~ .activeWARNameDouble {
-  width: 247px;
-}
-
-h4.activeClickDouble {
-  position: absolute;
-  width: 245px;
-  height: 25px;
-  right: 39px;
-}
-
-.flawed,
-.passive_flawed,
-.cone,
-.ctwo {
-  display: none !important;
-}
-
-.passive_flawed_toggle[value='0'] ~ .cone,
-.passive_flawed_toggle[value='2'] ~ .ctwo {
-  display: grid !important;
-}
-
-.flawed_toggle[value='1'] ~ .flawed {
-  display: flex !important;
-}
-
-.passive_flawed_toggle[value='2'] ~ .passive_flawed {
-  display: block !important;
-}
-
-.passive_flawed_toggle[value='0'] ~ div.effectsbox {
-  height: 205px !important;
-}
-
-.passive_flawed_toggle[value='2'] ~ div.effectsbox {
-  height: 205px !important;
-}
-
-.passive_flawed_toggle[value='0'] ~ .effectsboxtext {
-  height: 170px !important;
-}
-
-.passive_flawed_toggle[value='2'] ~ .effectsboxtext {
-  height: 170px !important;
-}
-
-.passive_flawed_toggle[value='2'] ~ .passiveReactivePopupFlex {
-  height: 109px !important;
-}
-
-/*#endregion*/
-
-/*#region repeatingControl*/
-.itemcontrol {
-  z-index: 10;
-}
-
-.repcontrol_add {
-  align-self: flex-end;
-  border-radius: 20px;
-  font-size: 14pt !important;
-}
-
-.repcontrol_edit {
-  align-self: flex-start !important;
-  border-radius: 20px;
-  font-size: 14pt !important;
-}
-
-.abilityShell .repcontrol_add {
-  align-self: flex-end;
-  border-radius: 20px;
-  font-size: 10pt !important;
-  width: 40px;
-  opacity: 1;
-  padding-left: 4px;
-  padding-right: 8px;
-  margin: 5px 0px;
-}
-
-.repcontainer[data-groupname='repeating_ability'],
-.repcontainer[data-groupname='repeating_war'],
-.repcontainer[data-groupname='repeating_qualities'],
-.repcontainer[data-groupname='repeating_warantagonist'] {
-  display: flex;
-  flex-wrap: wrap;
-  column-gap: 4px;
-  flex-direction: column;
-  row-gap: 1px;
-  margin-right: 3px;
-  margin-bottom: 2px;
-}
-
-.repcontainer[data-groupname='repeating_warantagonist'] .repitem {
-  max-width: 400px;
-}
-
-.repcontainer[data-groupname='repeating_toolkit'] .repitem {
-  display: grid;
-  grid-template-columns: 121px 21px;
-  height: 17px !important;
-  margin-top: 4px;
-  direction: ltr;
-}
-
-.repcontainer[data-groupname='repeating_talents'] .repitem {
-  height: 17px !important;
-  margin-top: 4px;
-}
-
-[data-groupname='repeating_ability'] > button.btn.repcontrol_add {
-  margin-right: 3px;
-}
-
-[data-groupname='repeating_warrunes'] > button.btn.repcontrol_add {
-  position:absolute;
-  z-index: 2;
-  top: 105px;
-  right: 7px;
-}
-
-[data-groupname='repeating_warrunes'] > button.btn.repcontrol_edit {
-  position:absolute;
-  z-index: 2;
-  left:8px;
-  top: 105px;
-}
-
-
-[data-groupname='repeating_ability'] > button.btn.repcontrol_modify {
-  margin-left: 3px;
-}
-
-[data-groupname='repeating_ability'] > button.btn.repcontrol_edit {
-  margin-left: 3px;
-}
-
-.itemcontrol[data-groupname='repeating_ability'] .repcontrol_del {
-  font-size: 8pt;
-  padding: 0px 6px;
-  margin-right: 5px;
-}
-
-.ui-dialog
-  .charsheet
-  .repcontainer[data-groupname='repeating_ability']
-  .repitem
-  .itemcontrol
-  .repcontrol_del {
-  font-size: 8pt;
-  padding: 0px 6px;
-  margin-right: 5px;
-}
-
-.ui-dialog
-  .charsheet
-  .repcontainer[data-groupname='repeating_toolkit']
-  .repitem
-  .itemcontrol
-  .repcontrol_del {
-  font-size: 7pt;
-  padding: 0px 4px;
-  margin-right: 2px;
-  margin-top: -2px;
-  height: 17px;
-  line-height: 15px;
-}
-.ui-dialog
-  .charsheet
-  .repcontainer[data-groupname='repeating_talents']
-  .repitem
-  .itemcontrol
-  .repcontrol_del {
-  font-size: 7pt;
-  padding: 0px 4px;
-  margin-right: 2px;
-  margin-top: -2px;
-  height: 17px;
-  line-height: 15px;
-}
-
-.ui-dialog
-  .charsheet
-  .repcontainer[data-groupname='repeating_toolkit']
-  .repitem
-  .itemcontrol
-  .repcontrol_move {
-  position: relative;
-  font-size: 11pt;
-  top: -13px;
-  left: 5px;
-  padding: 0px 4px;
-  line-height: 14px;
-}
-.ui-dialog
-  .charsheet
-  .repcontainer[data-groupname='repeating_talents']
-  .repitem
-  .itemcontrol
-  .repcontrol_move {
-  position: relative;
-  font-size: 11pt;
-  top: -13px;
-  left: 5px;
-  padding: 0px 4px;
-  line-height: 14px;
-}
-
-.ui-dialog
-  .charsheet
-  .repcontainer[data-groupname='repeating_ability']
-  .repitem
-  .itemcontrol
-  .repcontrol_move {
-  position: relative;
-  font-size: 11pt;
-  top: -8px;
-  left: 9px;
-  padding: 0px 4px;
-  line-height: 14px;
-}
-
-.ui-dialog
-  .charsheet
-  .repcontainer[data-groupname='repeating_war']
-  .repitem
-  .itemcontrol
-  .repcontrol_del {
-  position: relative;
-  font-size: 19pt;
-  width: 40px;
-  top: 3px;
-  right: 4px;
-  padding: 3px 4px 5px 4px;
-  line-height: 28px;
-  border-radius: 38px;
-}
-
-.ui-dialog
-  .charsheet
-  .repcontainer[data-groupname='repeating_war']
-  .repitem
-  .itemcontrol
-  .repcontrol_move {
-  position: relative;
-  font-size: 36pt;
-  width: 40px;
-  top: 2px;
-  left: 4px;
-  padding: 3px 4px 3px 4px;
-  line-height: 28px;
-  font-weight: 900;
-  border-radius: 38px;
-}
-
-.repcontrol[data-groupname='repeating_ability'],
-.repcontrol[data-groupname='repeating_war'],
-.repcontrol[data-groupname='repeating_qualities'],
-.repcontrol[data-groupname='repeating_warantagonist'] {
-  display: flex;
-  justify-content: space-between;
-}
-
-.repcontrol[data-groupname='repeating_power'] .repcontrol_move {
-  grid-area: d;
-}
-
-.repcontrol[data-groupname='repeating_power'] .repcontrol_edit {
-  font-size: 11pt !important;
-  align-self: flex-end !important;
-  order: 2;
-}
-
-.repcont .repcontrol[data-groupname='repeating_power'] .repcontrol_add {
-  grid-area: d;
-  margin-bottom: 20px;
-}
-
-.repcontrol[data-groupname='repeating_equipment'] .repcontrol_add {
-  position: absolute;
-  top: 410px;
-  right: 11px;
-}
-.repcontrol[data-groupname='repeating_toolkit'] .repcontrol_add {
-  position: absolute;
-  bottom: 8px;
-  left: 110px;
-  padding-top: 2px;
-  font-size: 14px !important;
-  font-weight: bolder;
-  height: 23px;
-}
-.repcontrol[data-groupname='repeating_talents'] .repcontrol_add {
-  position: absolute;
-  bottom: 8px;
-  right: 6px;
-  padding-top: 2px;
-  font-size: 14px !important;
-  font-weight: bolder;
-  height: 23px;
-}
-
-.repcontrol[data-groupname='repeating_talents'] .repcontrol_edit {
-  position: absolute;
-  bottom: 8px;
-  right: 61px;
-  padding-top: 2px;
-  font-size: 14px !important;
-  font-weight: bolder;
-  height: 23px;
-}
-
-.repcontrol[data-groupname='repeating_equipment'] .repcontrol_del {
-  margin-right: 17px;
-}
-
-.repcontrol[data-groupname='repeating_toolkit'] .repcontrol_del {
-  margin-right: 17px;
-}
-
-a.repcontainer[data-groupname='repeating_equipment'] a.btn.repcontrol_move {
-  margin-top: -11px;
-  margin-left: 1px;
-}
-
-a.repcontainer[data-groupname='repeating_toolkit'] a.btn.repcontrol_move {
-  margin-top: -11px;
-  margin-left: 1px;
-}
-
-.ui-dialog
-  .charsheet
-  .repcontainer[data-groupname='repeating_toolkit']
-  .repitem
-  .itemcontrol
-  .repcontrol_move {
-  position: relative;
-  font-size: 11pt;
-  top: -10px;
-  left: 1px;
-  padding: 0px 4px;
-  line-height: 14px;
-  border-radius: 50px;
-  padding-top: 2px;
-  width: 19px;
-}
-.ui-dialog
-  .charsheet
-  .repcontainer[data-groupname='repeating_talents']
-  .repitem
-  .itemcontrol
-  .repcontrol_move {
-  position: relative;
-  font-size: 11pt;
-  top: -10px;
-  left: 1px;
-  padding: 0px 4px;
-  line-height: 14px;
-  border-radius: 50px;
-  padding-top: 2px;
-  width: 19px;
-}
-
-.ui-dialog
-  .charsheet
-  .repcontainer[data-groupname='repeating_toolkit']
-  .repitem
-  .itemcontrol
-  .repcontrol_del {
-  font-size: 7pt;
-  padding: 0px 4px;
-  margin-right: 3px;
-  margin-top: -2px;
-  height: 19px;
-  line-height: 15px;
-  border-radius: 50px;
-  width: 20px;
-}
-.ui-dialog
-  .charsheet
-  .repcontainer[data-groupname='repeating_talents']
-  .repitem
-  .itemcontrol
-  .repcontrol_del {
-  font-size: 7pt;
-  padding: 0px 4px;
-  margin-right: 0px;
-  margin-top: -3px;
-  height: 19px;
-  line-height: 15px;
-  border-radius: 50px;
-  width: 20px;
-}
-
-.repcontrol[data-groupname='repeating_equipment'] .repcontrol_edit {
-  position: absolute;
-  top: 410px;
-  left: 585px;
-}
-
-.repcontrol[data-groupname='repeating_toolkit'] .repcontrol_edit {
-  position: absolute;
-  bottom: 8px;
-  left: 6px;
-  padding-top: 2px;
-  font-size: 14px !important;
-  font-weight: bolder;
-  height: 23px;
-}
-
-.repcontrol[data-groupname='repeating_blessings'] .repcontrol_add,
-.repcontrol[data-groupname='repeating_powers'] .repcontrol_add {
-  position: absolute;
-  top: 569px;
-  left: 697px;
-}
-
-.repcontainer[data-groupname='repeating_blessings'],
-.repcontainer[data-groupname='repeating_powers'] {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.repcontrol[data-groupname='repeating_blessings'] .repcontrol_del,
-.repcontrol[data-groupname='repeating_powers'] .repcontrol_del {
-  margin-right: 17px;
-}
-
-.repcontainer[data-groupname='repeating_blessings'] a.btn.repcontrol_move,
-.repcontainer[data-groupname='repeating_powers'] a.btn.repcontrol_move {
-  display: none;
-}
-
-.repcontrol[data-groupname='repeating_blessings'] .repcontrol_edit,
-.repcontrol[data-groupname='repeating_powers'] .repcontrol_edit {
-  position: absolute;
-  top: 569px;
-  left: 143px;
-}
-
-.abilityShell .repcontrol_edit {
-  align-self: flex-start !important;
-  border-radius: 20px;
-  font-size: 10pt !important;
-  width: 40px;
-  opacity: 1;
-  padding-left: 10px;
-  margin: 5px 0px;
-}
-
-.abilityShell .repcontrol_del {
-  height: 20px;
-  width: 20px;
-  padding: 0px;
-  margin-top: 1px;
-  margin-right: 4px;
-  border-radius: 25px;
-}
-
-.abilityShell .repcontrol_move {
-  padding: 0px;
-  height: 20px;
-  width: 20px;
-  border-radius: 25px;
-  position: relative;
-  z-index: 10;
-  align-self: flex-start;
-  left: 4px;
-  top: 2px;
-}
-
-/*#endregion*/
-
-/*#region popupControl*/
-.overlay {
-  position: fixed;
-  z-index: 1;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background: rgba(0, 0, 0, 0.7);
-  transition: opacity 500ms;
-  visibility: hidden;
-  opacity: 0;
-  width: 100%;
-}
-
-.overlay:target {
-  visibility: visible;
-  opacity: 1;
-}
-
-.popupCharacteristics {
-  margin: 10px auto;
-  padding: 1px;
-  background-color: #85d6ff;
-  border-radius: 15px;
-  width: 75%;
-  position: relative;
-  transition: all 0.5s ease-in-out;
-}
-
-.popupWAR {
-  margin: 10px auto;
-  padding: 1px;
-  background-color: #85d6ff;
-  border-radius: 15px;
-  width: 402px;
-  position: relative;
-  transition: all 0.5s ease-in-out;
-}
-
-.popupSpecialisation {
-  margin: 10px auto;
-  padding: 1px;
-  background-color: #85d6ff;
-  border-radius: 15px;
-  width: 652px;
-  position: relative;
-  transition: all 0.5s ease-in-out;
-}
-
-.popupEquipment {
-  margin: 10px auto;
-  padding: 1px;
-  border-radius: 15px;
-  width: 852px;
-  position: relative;
-  transition: all 0.5s ease-in-out;
-  height: 460px;
-}
-
-.popupBionic {
-  margin: 10px auto;
-  padding: 1px;
-  border-radius: 15px;
-  width: 702px;
-  position: relative;
-  transition: all 0.5s ease-in-out;
-  height: 460px;
-}
-
-.popupEquipmentUpper {
-  padding: 1px;
-  background-color: #85d6ff;
-  border-radius: 15px;
-  width: 852px;
-  position: relative;
-  transition: all 0.5s ease-in-out;
-  margin-bottom: 5px;
-  height: 462px;
-}
-
-.popupBionicUpper {
-  padding: 1px;
-  background-color: #85d6ff;
-  border-radius: 15px;
-  width: 702px;
-  position: relative;
-  transition: all 0.5s ease-in-out;
-  margin-bottom: 5px;
-  height: 462px;
-}
-
-.popupEquipmentLower {
-  padding: 1px;
-  background-color: #85d6ff;
-  border-radius: 15px;
-  width: 752px;
-  position: relative;
-  transition: all 0.5s ease-in-out;
-}
-
-.popupCharacteristics .close,
-.popupToolkit .close,
-.popupManifestations .close,
-.popupWAR .close,
-.popupEquipment .close {
-  height: 35px;
-  min-width: 25px;
-  color: #85d6ff;
-  transition: all 200ms;
-  font-size: 30px;
-  font-weight: bold;
-  text-decoration: none;
-  opacity: 0.9 !important;
-}
-
-.popupCharacteristics .close:hover,
-.popupToolkit .close:hover,
-.popupManifestations .close:hover,
-.popupWAR .close:hover,
-.popupEquipment .close:hover {
-  color: #06d85f;
-}
-
-.popupCharacteristics .content {
-  max-height: 50%;
-  overflow: auto;
-}
-/*#endregion*/
-
-/*#region actions abilities powers pursuit*/
-.pursuitName {
-  font-size: 10pt !important;
-  margin-right: 5px;
-  margin-left: 5px;
-  margin-bottom: -5px;
-}
-
-.bionics {
-  display: none;
-}
-
-.bionic_check[value='EnhancerT'] ~ .bionics {
-  display: block !important;
-}
-
-div.actionShell {
-  height: fit-content;
-  width: 430px !important;
-  border-radius: 15px 15px 15px 15px;
-  border: 1px solid black;
-  line-height: 25px !important;
-  display: grid;
-  grid-template-rows: 25px;
-  align-items: center;
-  position: relative;
-  padding-bottom: 3px;
-  top: -25px;
-  margin-bottom: -25px;
-}
-
-.pursuitButton[type='roll'] {
-  color: black !important;
-  font-weight: bolder !important;
-  margin-right: -3px !important;
-  margin-left: 0px !important;
-  padding-left: 1px !important;
-  height: 20px !important;
-  font-size: 20pt !important;
-  margin-bottom: 1px !important;
-}
-
-.manButton {
-  font-family: 'dicefontd10' !important;
-  background: transparent !important;
-  border: 0px;
-  font-size: 17pt !important;
-  margin-bottom: 10px !important;
-  -webkit-text-stroke-width: thin;
-  -webkit-text-stroke-color: black;
-  height: 15px !important;
-  width: 25px !important;
-  color: black !important;
-  margin-left: 0px !important;
-  padding-left: 0px !important;
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0),
-    0 1px 2px rgba(0, 0, 0, 0);
-  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0),
-    0 1px 2px rgba(0, 0, 0, 0);
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0), 0 1px 2px rgba(0, 0, 0, 0);
-}
-
-.abilitiesActionsButton {
-  align-self: center;
-    border-radius: 25px;
-    padding-bottom: 1px;
-    width: 135px;
-    height: 28px !important;
-    line-height: 29px;
-    font-size: 14pt;
-}
-
-.combatButton {
-  align-self: center;
-  border-radius: 25px;
-  padding-bottom: 21px;
-  padding-top: 2px;
-  width: 125px;
-  background: #071019;
-  color: #85d6ff;
-  height: 20px;
-  font-size: 12pt;
-  font-weight: 300;
-  text-align: center;
-}
-/*#endregion*/
-
-/*#region bionics*/
-.cns_bionics_description,
-.pns_bionics_description,
-.cs_bionics_description,
-.larm_bionics_description,
-.rarm_bionics_description,
-.barm_bionics_description,
-.legs_bionics_description,
-.structural_bionics_description {
-  display: none;
-}
-
-.cns_toggle:where(:not([value=''])) ~ .cns_bionics_description,
-.pns_toggle:where(:not([value=''])) ~ .pns_bionics_description,
-.cs_toggle:where(:not([value=''])) ~ .cs_bionics_description,
-.larm_toggle:where(:not([value=''])) ~ .larm_bionics_description,
-.rarm_toggle:where(:not([value=''])) ~ .rarm_bionics_description,
-.barm_toggle:where(:not([value=''])) ~ .barm_bionics_description,
-.legs_toggle:where(:not([value=''])) ~ .legs_bionics_description,
-.structural_toggle:where(:not([value=''])) ~ .structural_bionics_description {
-  display: block;
-}
-
-.cnsBionics {
-  position: absolute;
-  top: 85px;
-  left: 120px;
-}
-
-.pnsBionics {
-  position: absolute;
-  top: 57px;
-  left: 120px;
-}
-
-.csBionics {
-  position: absolute;
-  top: 130px;
-  left: 160px;
-}
-
-.structuralBionics {
-  position: absolute;
-  bottom: 20px;
-  left: 15px;
-}
-
-.larmBionics {
-  position: absolute;
-  top: 170px;
-  left: 175px;
-}
-
-.rarmBionics {
-  position: absolute;
-  top: 195px;
-  left: 175px;
-}
-
-.legsBionics {
-  position: absolute;
-  top: 300px;
-  left: 175px;
-}
-
-.bothBionics {
-  position: absolute;
-  top: 170px;
-  left: 175px;
-}
-
-.armtoggleBionics {
-  position: absolute;
-  top: 153px;
-  left: 175px;
-}
-
-.both_arms,
-.double_arms {
-  display: none;
-}
-
-.arm_toggle[value='1'] ~ .both_arms,
-.arm_toggle[value='0'] ~ .double_arms {
-  display: block;
-}
-
-h4.bionicsClick {
-  position: absolute;
-  width: 237px;
-  height: 18px;
-}
-
-#edit-button:active {
-  color: #85d6ff;
-  background: rgb(7, 16, 25);
-  padding-top: 3px !important;
-  margin-top: -4px !important;
-  margin-left: -3px;
-  border-radius: 10px;
-  width: 34px !important;
-  position: absolute;
-  padding-left: 5px;
-  left: 412px;
-  top: 13px;
-  height: 20px !important;
-}
-
-#edit-button:hover {
-  color: #356780;
-  background: rgba(7, 16, 25, 0.3);
-  padding-top: 3px !important;
-  margin-top: -4px !important;
-  margin-left: -3px;
-  border-radius: 10px;
-  width: 34px !important;
-  position: absolute;
-  padding-left: 5px;
-  left: 412px;
-  top: 13px;
-  height: 20px !important;
-}
-
-#edit-button {
-  color: #404040;
-  background: rgba(7, 16, 25, 0.15);
-  padding-top: 3px !important;
-  margin-top: -4px !important;
-  margin-left: -3px;
-  font-weight: 700;
-  line-height: 14px;
-  border-radius: 10px;
-  width: 34px !important;
-  position: absolute;
-  padding-left: 5px;
-  left: 412px;
-  top: 13px;
-  height: 20px !important;
-}
-
-.playercharsheet {
-  display: grid;
-  grid-template-columns: 435px auto;
-  column-gap: 3px;
-  margin-left: -10px;
-}
-/*#endregion*/
-
-/*#region rolltemplates*/
-.sheet-rolltemplate-reactive,
-.sheet-rolltemplate-active,
-.sheet-rolltemplate-ability,
-.sheet-rolltemplate-pursuit,
-.sheet-rolltemplate-antagonistdamage,
-.sheet-rolltemplate-blank,
-.sheet-rolltemplate-defence,
-.sheet-rolltemplate-resistance,
-.sheet-rolltemplate-manoeuvre {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  width: 230px !important;
-}
-
-.sheet-rolltemplate-empty {
-  display: none;
-}
-
-.sheet-rolltemplate-manoeuvre div.sheet-template-container,
-.sheet-rolltemplate-ability div.sheet-template-container,
-.sheet-rolltemplate-pursuit .sheet-template-container,
-.sheet-rolltemplate-blank div.sheet-template-container,
-.sheet-rolltemplate-stress div.sheet-template-container,
-.sheet-rolltemplate-reactive div.sheet-template-container,
-.sheet-rolltemplate-active div.sheet-template-container,
-.sheet-rolltemplate-antagonistdamage div.sheet-template-container,
-.sheet-rolltemplate-defence div.sheet-template-container,
-.sheet-rolltemplate-resistance div.sheet-template-container {
-  border: 2px solid #000 !important;
-  border-radius: 14px !important;
-  font-size: 9pt;
-  width: 100%;
-  cursor: default;
-  line-height: 1.15em;
-}
-
-.sheet-rolltemplate-manoeuvre .sheet-template-header,
-.sheet-rolltemplate-reactive .sheet-template-header,
-.sheet-rolltemplate-pursuit .sheet-template-header,
-.sheet-rolltemplate-blank .sheet-template-header,
-.sheet-rolltemplate-stress .sheet-template-header {
-  font-family: 'Crimson Text', serif !important;
-  background: rgb(7, 16, 25) !important;
-  color: #85d6ff !important;
-  padding: 2px;
-  font-weight: bolder;
-  border-bottom: 1px solid black;
-  line-height: 1em;
-  font-size: 1em;
-  border-radius: 10px 10px 0px 0px !important;
-  text-align: center;
-  cursor: default;
-}
-
-.sheet-rolltemplate-ability .sheet-template-header {
-  display: flex !important;
-  justify-content: space-between !important;
-  font-family: 'Crimson Text', serif !important;
-  background: rgb(7, 16, 25) !important;
-  color: #85d6ff !important;
-  padding: 2px;
-  font-weight: bolder;
-  border-bottom: 1px solid black;
-  line-height: 1em;
-  font-size: 1em;
-  border-radius: 10px 10px 0px 0px !important;
-  text-align: center;
-  cursor: default;
-  padding-left: 15px;
-  padding-right: 15px;
-}
-
-.sheet-rolltemplate-active .sheet-template-header,
-.sheet-rolltemplate-antagonistdamage .sheet-template-header,
-.sheet-rolltemplate-defence .sheet-template-header,
-.sheet-rolltemplate-resistance .sheet-template-header {
-  font-family: 'Crimson Text', serif !important;
-  background: rgb(7, 16, 25) !important;
-  color: #85d6ff !important;
-  padding: 2px;
-  font-weight: bolder;
-  line-height: 1em;
-  font-size: 1em;
-  border-radius: 10px 10px 0px 0px !important;
-  text-align: center;
-  cursor: default;
-  padding-left: 10px !important;
-  padding-right: 10px !important;
-}
-
-.sheet-rolltemplate-antagonistdamage .sheet-template-headerFix,
-.sheet-rolltemplate-defence .sheet-template-headerFix,
-.sheet-rolltemplate-resistance .sheet-template-headerFix,
-.sheet-rolltemplate-active .sheet-template-headerFix {
-  display: flex !important;
-  justify-content: space-between !important;
-  padding-left: 10px !important;
-  padding-right: 10px !important;
-}
-
-.sheet-rolltemplate-active .sheet-template-headerCenter {
-  display: flex !important;
-  justify-content: center !important;
-  padding-left: 10px !important;
-  padding-right: 10px !important;
-}
-
-.sheet-rolltemplate-active .sheet-template-subheader,
-.sheet-rolltemplate-antagonistdamage .sheet-template-subheader {
-  font-family: 'Crimson Text', serif !important;
-  background: rgb(7, 16, 25) !important;
-  color: #85d6ff !important;
-  padding: 2px;
-  font-weight: bolder;
-  border-bottom: 1px solid black;
-  line-height: 1em;
-  font-size: 1em;
-  border-radius: 0px;
-  text-align: left;
-  cursor: default;
-  display: flex;
-  justify-content: space-between;
-  padding-left: 10px;
-  padding-right: 10px;
-  border-radius: 0px !important;
-}
-
-.sheet-rolltemplate-manoeuvre .sheet-template-row-outcome,
-.sheet-rolltemplate-ability .sheet-template-row-outcome,
-.sheet-rolltemplate-reactive .sheet-template-row-outcome,
-.sheet-rolltemplate-pursuit .sheet-template-row-outcome,
-.sheet-rolltemplate-blank .sheet-template-row-outcome,
-.sheet-rolltemplate-active .sheet-template-row-outcome,
-.sheet-rolltemplate-antagonistdamage .sheet-template-row-outcome,
-.sheet-rolltemplate-defence .sheet-template-row-outcome,
-.sheet-rolltemplate-resistance .sheet-template-row-outcome,
-.sheet-rolltemplate-stress .sheet-template-row-outcome {
-  font-family: 'Crimson Text', serif !important;
-  font-weight: bold;
-  color: rgb(7, 16, 25) !important;
-  border-radius: 0px 0px 14px 14px;
-  text-align: center;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  min-height: 25px !important;
-  align-items: center;
-  justify-content: center;
-  font-style: italic;
-  padding-left: 10px !important;
-  padding-right: 10px !important;
-}
-
-.sheet-rolltemplate-active .sheet-template-row-outcome-two {
-  font-family: 'Crimson Text', serif !important;
-  font-weight: bold;
-  color: rgb(7, 16, 25) !important;
-  border-radius: 0px 0px 14px 14px;
-  text-align: center;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  min-height: 15px !important;
-  align-items: center;
-  justify-content: center;
-  font-style: italic;
-  padding-left: 10px !important;
-  padding-right: 10px !important;
-}
-
-.sheet-darkmode.ui-widget-content {
-  color: var(--dark-secondarytext) !important;
-}
-
-.sheet-darkmode .activeWARNameDouble,
-.sheet-darkmode .passiveReactiveName,
-.sheet-darkmode .blessingsName {
-  color: #85d6ff !important;
-}
-
-.sheet-rolltemplate-active .sheet-template-row-outcome-info,
-.sheet-rolltemplate-antagonistdamage .sheet-template-row-outcome-info {
-  font-family: 'Crimson Text', serif !important;
-  font-weight: bold;
-  color: rgb(7, 16, 25) !important;
-  border-radius: 0px 0px 14px 14px;
-  text-align: left;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  font-style: italic;
-  padding-left: 10px !important;
-  padding-right: 10px !important;
-}
-
-.sheet-rolltemplate-defence .sheet-template-row-outcome-effect,
-.sheet-rolltemplate-resistance .sheet-template-row-outcome-effect {
-  font-family: 'Crimson Text', serif !important;
-  font-weight: bold;
-  color: rgb(7, 16, 25) !important;
-  border-radius: 0px 0px 14px 14px;
-  text-align: left;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  text-align: justify;
-  justify-content: space-between;
-  font-style: bold;
-  padding-left: 10px !important;
-  padding-right: 10px !important;
-  font-size: 11px;
-  line-height: 11px;
-  padding-top: 3px;
-  padding-bottom: 3px;
-}
-
-.sheet-rolltemplate-antagonistdamage .sheet-template-row-outcome a[href^='~'] {
-  font-family: 'dicefontd10' !important;
-  background: transparent;
-  border: 0px;
-  font-size: 26pt;
-  font-style: normal !important;
-  margin-bottom: 5px;
-  -webkit-text-stroke-width: thin;
-  -webkit-text-stroke-color: black;
-  color: black;
-  padding-left: 10px !important;
-  padding-right: 10px !important;
-}
-
-.sheet-rolltemplate-reactive .sheet-template-justify {
-  display: flex;
-  justify-content: space-between;
-  padding: 0px 10px;
-}
-
-.sheet-rolltemplate-pursuit .sheet-template-justify {
-  display: grid !important;
-  grid-template-columns: 1fr 1fr;
-  padding: 0px 10px !important;
-  column-gap: 15px;
-}
-
-.sheet-rolltemplate-pursuit .sheet-template-left {
-  justify-self: end !important;
-}
-
-.sheet-rolltemplate-pursuit .sheet-template-right {
-  justify-self: start !important;
-  font-weight: 900;
-}
-
-.sheet-rolltemplate-manoeuvre .sheet-template-row,
-.sheet-rolltemplate-ability .sheet-template-row,
-.sheet-rolltemplate-reactive .sheet-template-row,
-.sheet-rolltemplate-pursuit .sheet-template-row,
-.sheet-rolltemplate-blank .sheet-template-row,
-.sheet-rolltemplate-active .sheet-template-row,
-.sheet-rolltemplate-antagonistdamage .sheet-template-row,
-.sheet-rolltemplate-defence .sheet-template-row,
-.sheet-rolltemplate-resistance .sheet-template-row,
-.sheet-rolltemplate-stress .sheet-template-row {
-  font-family: 'Crimson Text', serif !important;
-  font-weight: 900;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  padding-left: 5px !important;
-  padding-right: 5px !important;
-  min-height: 8px;
-}
-
-.sheet-rolltemplate-manoeuvre .inlinerollresult,
-.sheet-rolltemplate-ability .inlinerollresult,
-.sheet-rolltemplate-reactive .inlinerollresult,
-.sheet-rolltemplate-pursuit .inlinerollresult,
-.sheet-rolltemplate-blank .inlinerollresult,
-.sheet-rolltemplate-active .inlinerollresult,
-.sheet-rolltemplate-antagonistdamage .inlinerollresult,
-.sheet-rolltemplate-defence .inlinerollresult,
-.sheet-rolltemplate-resistance .inlinerollresult,
-.sheet-rolltemplate-stress .inlinerollresult {
-  display: inline-block;
-  text-align: center;
-  border: 2px solid rgba(167, 168, 170, 1);
-  cursor: default;
-}
-
-.sheet-rolltemplate-manoeuvre .sheet-template-row .inlinerollresult,
-.sheet-rolltemplate-reactive .sheet-template-row .inlinerollresult,
-.sheet-rolltemplate-reactive .sheet-template-row-outcome .inlinerollresult,
-.sheet-rolltemplate-pursuit .sheet-template-row .inlinerollresult,
-.sheet-rolltemplate-blank .sheet-template-row .inlinerollresult,
-.sheet-rolltemplate-active .sheet-template-row .inlinerollresult,
-.sheet-rolltemplate-active .sheet-template-row-outcome .inlinerollresult,
-.sheet-rolltemplate-antagonistdamage .sheet-template-row .inlinerollresult,
-.sheet-rolltemplate-antagonistdamage
-  .sheet-template-row-outcome
-  .inlinerollresult,
-.sheet-rolltemplate-defence .sheet-template-row .inlinerollresult,
-.sheet-rolltemplate-defence .sheet-template-row-outcome .inlinerollresult,
-.sheet-rolltemplate-resistance .sheet-template-row .inlinerollresult,
-.sheet-rolltemplate-resistance .sheet-template-row-outcome .inlinerollresult,
-.sheet-rolltemplate-blank .sheet-template-row-outcome .inlinerollresult,
-.sheet-rolltemplate-stress .sheet-template-row .inlinerollresult {
-  background: transparent;
-  border: none;
-  pointer-events: none;
-}
-
-.sheet-rolltemplate-active .sheet-template-row-center,
-.sheet-rolltemplate-defence .sheet-template-row-center {
-  justify-content: center;
-}
-.sheet-rolltemplate-active .sheet-template-row-flex {
-  display: flex;
-}
-
-.sheet-rolltemplate-defence .sheet-template-row-roll .inlinerollresult,
-.sheet-rolltemplate-resistance .sheet-template-row-roll .inlinerollresult,
-.sheet-rolltemplate-active .sheet-template-row-roll .inlinerollresult,
-.sheet-rolltemplate-blank .sheet-template-row-roll .inlinerollresult,
-.sheet-rolltemplate-manoeuvre .sheet-template-row-roll .inlinerollresult,
-.sheet-rolltemplate-pursuit .sheet-template-row-roll .inlinerollresult {
-  background: transparent;
-  border: 2px solid !important;
-  border-radius: 50px;
-  pointer-events: none;
-  font-weight: bold;
-  line-height: 18px;
-  min-height: 17px;
-  min-width: 12px;
-  max-height: 17px;
-  max-width: 12px;
-}
-
-.sheet-rolltemplate-defence .sheet-template-row-roll .fullcrit,
-.sheet-rolltemplate-resistance .sheet-template-row-roll .fullcrit,
-.sheet-rolltemplate-active .sheet-template-row-roll .fullcrit,
-.sheet-rolltemplate-blank .sheet-template-row-roll .fullcrit,
-.sheet-rolltemplate-manoeuvre .sheet-template-row-roll .fullcrit,
-.sheet-rolltemplate-pursuit .sheet-template-row-roll .fullcrit {
-  border: 2px solid #3fb315 !important;
-  height: 14px;
-  padding-top: 2px;
-  line-height: 15px;
-}
-
-.sheet-rolltemplate-defence .sheet-template-row-roll .fullfail,
-.sheet-rolltemplate-resistance .sheet-template-row-roll .fullfail,
-.sheet-rolltemplate-active .sheet-template-row-roll .fullfail,
-.sheet-rolltemplate-blank .sheet-template-row-roll .fullfail,
-.sheet-rolltemplate-manoeuvre .sheet-template-row-roll .fullfail,
-.sheet-rolltemplate-pursuit .sheet-template-row-roll .fullfail {
-  border: 2px solid #b31515 !important;
-  line-height: 15px;
-}
-
-.sheet-rolltemplate-blank .sheet-template-row-roll .inlinerollresult {
-  padding-left: 2px;
-  margin-left: 3px;
-  margin-right: 3px;
-}
-
-.sheet-rolltemplate-blank .sheet-template-row {
-  justify-content: center;
-}
-
-.sheet-rolltemplate-blank .sheet-template-row-outcome {
-  font-size: 12pt !important;
-}
-
-.sheet-rolltemplate-manoeuvre .sheet-template-row,
-.sheet-rolltemplate-reactive .sheet-template-row,
-.sheet-rolltemplate-pursuit .sheet-template-row,
-.sheet-rolltemplate-blank .sheet-template-row,
-.sheet-rolltemplate-active .sheet-template-row,
-.sheet-rolltemplate-ability .sheet-template-row,
-.sheet-rolltemplate-antagonistdamage .sheet-template-row,
-.sheet-rolltemplate-stress .sheet-template-row,
-.sheet-rolltemplate-defence .sheet-template-row,
-.sheet-rolltemplate-manoeuvre .sheet-template-row-outcome,
-.sheet-rolltemplate-reactive .sheet-template-row-outcome,
-.sheet-rolltemplate-ability .sheet-template-row-outcome,
-.sheet-rolltemplate-pursuit .sheet-template-row-outcome,
-.sheet-rolltemplate-blank .sheet-template-row-outcome,
-.sheet-rolltemplate-defence .sheet-template-row-outcome,
-.sheet-rolltemplate-resistance .sheet-template-row-outcome,
-.sheet-rolltemplate-active .sheet-template-row-outcome,
-.sheet-rolltemplate-antagonistdamage .sheet-template-row-outcome,
-.sheet-rolltemplate-stress .sheet-template-row-outcome {
-  cursor: default;
-  padding-left: 5px !important;
-  padding-right: 5px !important;
-  color: black;
-  font-size: 11px;
-  line-height: 11px;
-  padding-top: 3px;
-  padding-bottom: 3px;
-}
-
-.sheet-rolltemplate-active .sheet-template-span,
-.sheet-rolltemplate-defence .sheet-template-span,
-.sheet-rolltemplate-resistance .sheet-template-span {
-  display: flex;
-  justify-content: space-evenly;
-  width: 100%;
-  flex-wrap: wrap;
-}
-
-.sheet-rolltemplate-active .sheet-template-spanFlex,
-.sheet-rolltemplate-defence .sheet-template-spanFlex,
-.sheet-rolltemplate-resistance .sheet-template-spanFlex {
-  display: grid;
-  flex-direction: column;
-  align-items: center;
-  grid-template-rows: 20px 12px;
-  justify-items: center;
-  row-gap: 4px;
-}
-
-.sheet-rolltemplate-manoeuvre div:nth-child(odd),
-.sheet-rolltemplate-ability div:nth-child(odd),
-.sheet-rolltemplate-defence div:nth-child(odd),
-.sheet-rolltemplate-resistance div:nth-child(odd),
-.sheet-rolltemplate-pursuit div:nth-child(odd),
-.sheet-rolltemplate-blank div:nth-child(odd),
-.sheet-rolltemplate-reactive div:nth-child(odd),
-.sheet-rolltemplate-stress div:nth-child(odd),
-.sheet-rolltemplate-active div:nth-child(odd),
-.sheet-rolltemplate-antagonistdamage div:nth-child(odd) {
-  background-color: rgba(197, 197, 224, 1);
-}
-
-.sheet-rolltemplate-manoeuvre div:nth-child(even),
-.sheet-rolltemplate-ability div:nth-child(even),
-.sheet-rolltemplate-defence div:nth-child(even),
-.sheet-rolltemplate-resistance div:nth-child(even),
-.sheet-rolltemplate-pursuit div:nth-child(even),
-.sheet-rolltemplate-blank div:nth-child(even),
-.sheet-rolltemplate-reactive div:nth-child(even),
-.sheet-rolltemplate-stress div:nth-child(even),
-.sheet-rolltemplate-active div:nth-child(even),
-.sheet-rolltemplate-antagonistdamage div:nth-child(even) {
-  background-color: rgba(233, 233, 233, 1);
-}
-
-.sheet-rolltemplate-active div:last-child,
-.sheet-rolltemplate-reactive div:last-child,
-.sheet-rolltemplate-manoeuvre div:last-child,
-.sheet-rolltemplate-antagonistdamage div:last-child,
-.sheet-rolltemplate-resistance div:last-child,
-.sheet-rolltemplate-ability div:last-child,
-.sheet-rolltemplate-defence div:last-child,
-.sheet-rolltemplate-pursuit div:last-child,
-.sheet-rolltemplate-blank div:last-child,
-.sheet-rolltemplate-stress div:last-child {
-  border-radius: 0px 0px 10px 10px;
-  padding-bottom: 1px;
-}
-
-/*#endregion*/
+@import url('https://fonts.googleapis.com/css?family=Crimson+Text&family=Xanh+Mono&display=swap');
+
+/*#region roll20 settings*/
+.ui-dialog .largedialog {
+  background-image: url(http://imgur.com/Z4ti7rM.png);
+}
+
+.nav-tabs {
+  padding-bottom: 5px;
+}
+
+.ui-dialog,
+.ui-dialog .ui-dialog-titlebar {
+  background-image: url(http://imgur.com/Z4ti7rM.png) !important;
+  overflow-x: hidden;
+}
+
+.nav-tabs li,
+.sheet-darkmode .ui-dialog .nav-tabs li {
+  border-radius: 10px;
+  margin-right: 5px;
+  width: 125px;
+  height: 20px !important;
+  padding: 1px;
+  font-weight: 700;
+  margin-bottom: 0px !important;
+  color: #356780;
+  cursor: pointer;
+  text-decoration: none;
+  text-align: center;
+  background: rgba(7, 16, 25, 0.15);
+}
+
+.nav-tabs > li > a:hover,
+.nav-tabs > li > a:focus,
+.sheet-darkmode .ui-dialog .nav-tabs > li > a:hover,
+.sheet-darkmode .ui-dialog .nav-tabs > li > a:focus {
+  border-radius: 10px;
+  margin-left: -1px;
+  margin-top: -1px;
+  width: 125px;
+  height: 20px !important;
+  padding: 1px;
+  font-weight: 700;
+  line-height: 18px;
+  margin-bottom: 0px !important;
+  color: #356780;
+  cursor: pointer;
+  text-decoration: none;
+  text-align: center;
+  background: rgba(7, 16, 25, 0.15);
+}
+
+.nav-tabs > li > a {
+  line-height: 14px;
+  padding: 0px;
+  margin: 0px;
+  margin-top: 2px;
+}
+
+.nav-tabs > li.active > a,
+.sheet-darkmode .ui-dialog .nav-tabs > li.active > a {
+  color: #85d6ff;
+  background: rgb(7, 16, 25);
+  box-shadow: inset 0px 2px #0ce;
+  padding-top: 3px !important;
+  margin-top: -1px !important;
+  margin-left: -1px;
+  border-radius: 10px;
+  width: 125px !important;
+}
+
+.sheet-darkmode .ui-dialog .nav-tabs > li a {
+  color: black;
+}
+
+.sheet-darkmode {
+  color: black;
+}
+
+.nav-tabs > li.active > a:hover,
+.sheet-darkmode .ui-dialog .nav-tabs > li.active > a:hover {
+  cursor: pointer;
+  color: rgb(7, 13, 20);
+  background: #85d6ff;
+  box-shadow: inset 0px 2px rgb(7, 13, 20);
+  padding-top: 1px !important;
+  margin-top: -1px !important;
+  margin-left: -1px;
+  border-radius: 10px;
+  width: 125px !important;
+}
+
+.nav-tabs > li.active > a:focus,
+.sheet-darkmode .ui-dialog .nav-tabs > li.active > a:focus {
+  cursor: pointer;
+  color: #85d6ff;
+  background: rgb(7, 13, 20);
+  box-shadow: inset 0px 2px #0ce;
+  padding-top: 1px !important;
+  margin-top: -1px !important;
+  margin-left: -1px;
+  border-radius: 10px;
+  width: 125px !important;
+}
+
+.sheet-darkmode .ui-dialog .nav-tabs > li a:hover,
+.sheet-darkmode .ui-dialog .nav-tabs > li a:focus {
+  cursor: pointer;
+  color: #85d6ff;
+  background: #65656c;
+  box-shadow: inset 0px 2px #0ce;
+  padding-top: 1px !important;
+  margin-top: -4px !important;
+  margin-left: -3px;
+  border-radius: 10px;
+  width: 125px !important;
+}
+
+.sheet-darkmode .charsheet {
+  background-color: white;
+}
+
+/*#endregion*/
+
+/*#region fullSheet*/
+* {
+  font-family: 'Crimson Text', serif !important;
+}
+
+*,
+*:after,
+*:before {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+.clearfix:before,
+.clearfix:after {
+  content: ' ';
+  display: table;
+}
+
+.diceButton {
+  font-family: 'dicefontd10' !important;
+  background: transparent;
+  border: 0px;
+  font-size: 26pt;
+  margin-bottom: 5px;
+  -webkit-text-stroke-width: thin;
+  -webkit-text-stroke-color: #85d6ff;
+  color: black;
+}
+
+.clearfix:after {
+  clear: both;
+}
+
+input {
+  line-height: 15px;
+  height: 15px !important;
+}
+
+body {
+  font-family: sans-serif;
+  background: #f6f9fa;
+}
+
+a {
+  color: #ccc;
+  text-decoration: none;
+  outline: none;
+}
+
+@keyframes fadeInScale {
+  0% {
+    transform: scale(0.9);
+    opacity: 0;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
+.no_wrap {
+  text-align: center;
+  color: #0ce;
+}
+
+.link {
+  text-align: center;
+}
+
+summary {
+  cursor: pointer;
+  user-select: none;
+}
+
+.largeTitle {
+  line-height: 35px;
+  height: 35px !important;
+  background: rgb(7, 16, 25);
+  text-align: center;
+  font-weight: bolder;
+  color: #85d6ff;
+  border-radius: 10px 10px 0px 0px;
+  justify-content: space-between;
+}
+
+.passiveButton {
+  color: #85d6ff !important;
+  width: 40px !important;
+}
+
+input[disabled],
+select[disabled],
+textarea[disabled],
+input[readonly],
+select[readonly],
+textarea[readonly] {
+  cursor: default !important;
+  -webkit-touch-callout: none !important;
+  -webkit-user-select: none !important;
+  -khtml-user-select: none !important;
+  -moz-user-select: none !important;
+  -ms-user-select: none !important;
+  user-select: none !important;
+}
+
+.hiddenSheet {
+  background: rgba(7, 16, 25, 0);
+  border-bottom: 1px solid black;
+  border-top: 0px;
+  border-left: 0px;
+  border-right: 0px;
+  outline: none;
+  color: black;
+  font-size: 10pt;
+  width: inherit;
+  padding: inherit !important;
+  padding-left: 2px !important;
+  padding-right: 2px !important;
+  padding-bottom: 0px !important;
+  text-align: inherit !important;
+}
+
+.hiddenSheetTitle {
+  background: rgb(227, 241, 255);
+  color: #091623;
+  text-align: center;
+  font-weight: 900;
+  font-size: 12pt;
+}
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+input[type='number'] {
+  -moz-appearance: textfield;
+}
+
+textarea {
+  padding: 1px 3px;
+  vertical-align: top;
+  resize: none;
+  overflow: auto;
+  -ms-overflow-style: none;
+  line-height: 11px;
+  background-color: #16335021;
+  cursor: auto;
+}
+.ui-dialog::-webkit-scrollbar,
+::-webkit-scrollbar {
+  width: 20px;
+  cursor: pointer !important;
+}
+
+::-webkit-scrollbar-track {
+  background-color: transparent;
+  cursor: pointer !important;
+}
+
+.ui-dialog::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.ui-dialog::-webkit-scrollbar-thumb,
+::-webkit-scrollbar-thumb {
+  background-color: #33a7f163;
+  border-radius: 20px;
+  border: 6px solid transparent;
+  background-clip: content-box;
+  cursor: pointer !important;
+}
+
+.ui-dialog::-webkit-scrollbar-thumb:hover,
+::-webkit-scrollbar-thumb:hover {
+  background-color: #2373a5a2;
+  cursor: pointer !important;
+}
+
+.centered {
+  text-align: center !important;
+}
+
+.section-main,
+.section-secondary,
+.antagonist_grid {
+  width: 870px !important;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5 {
+  line-height: 16px;
+}
+
+h1 {
+  font-size: 15pt;
+  font-weight: normal;
+}
+
+h2 {
+  font-size: 13pt;
+}
+
+h3 {
+  font-size: 11pt;
+}
+
+h4 {
+  font-size: 10pt;
+}
+
+input {
+  vertical-align: top !important;
+}
+
+input:focus,
+select:focus,
+textarea:focus,
+button:focus {
+  outline: none;
+  user-select: none;
+}
+
+.logo {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 80px !important;
+}
+
+.logoAntagonist {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 98px !important;
+  width: 339px;
+}
+
+p {
+  margin: 0px;
+}
+
+a.clickToClose {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+  cursor: default;
+}
+
+input[readonly]::selection {
+  color: #85d6ff;
+}
+
+div.flexJustify {
+  justify-content: space-between !important;
+}
+
+.header {
+  color: #85d6ff !important;
+  font-weight: bolder;
+  width: 100%;
+}
+
+.bordered {
+  border: 1px solid black;
+  border-radius: 10px;
+  margin-bottom: 5px;
+}
+
+.centertitle {
+  background: rgb(7, 16, 25);
+  text-align: center;
+  font-weight: bolder;
+  color: #85d6ff;
+  width: 100%;
+  border-bottom-left-radius: 10px;
+  border-bottom-right-radius: 10px;
+}
+
+.charsheet button[type='roll']::before {
+  font-family: 'dicefontd10' !important;
+  content: 'k' !important;
+  background: transparent;
+  border: none;
+  outline: none;
+  color: inherit !important;
+  background-repeat: no-repeat;
+  box-shadow: none;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  font-size: 0.9em !important;
+}
+
+.pictos {
+  font-family: 'Pictos' !important;
+  font-weight: normal;
+  font-style: normal;
+}
+
+.dfontd20 {
+  font-family: 'dicefontd20' !important;
+  font-weight: normal;
+  font-style: normal;
+}
+
+.attributesabilities .abil {
+  padding-top: 10px;
+  padding-bottom: 5px;
+  padding-left: 5px;
+  border-radius: 14px;
+  border: 1px solid black;
+  background-color: transparent;
+  margin-bottom: 3px;
+}
+
+.test button[type='roll']::before {
+  font-family: 'Pictos' !important;
+  content: 'w' !important;
+  background: transparent;
+  border: none;
+  outline: none;
+  background-repeat: no-repeat;
+  box-shadow: none;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  font-size: 0.6em !important;
+}
+
+button.diceButton.teste {
+  font-family: "Pictos" !important;
+  color: #85d6ff;
+}
+
+.anchorButton {
+  background: #071019;
+  color: #85d6ff;
+  width: 69px;
+  height: 22px;
+  font-size: 11pt;
+  text-align: center;
+  border-radius: 10px;
+}
+
+.stanceButton {
+  height: 18px;
+  margin-top: 2px;
+  line-height: 17px;
+}
+
+.button[type='roll'] {
+  font-family: 'dicefontd10' !important;
+  font-size: 30pt !important;
+  background: transparent;
+  border: none;
+  outline: none;
+  color: inherit !important;
+  background-repeat: no-repeat;
+  box-shadow: none;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  padding-bottom: 9px !important;
+}
+
+.charsheet {
+  min-width: 880px;
+  color: #091623;
+  font-size: 15pt;
+  padding: 0px 8px !important;
+  margin-left: -12px;
+  background-image: url(http://imgur.com/Z4ti7rM.png);
+}
+
+/*#endregion*/
+
+/*#region augments & Blessings*/
+input.blessingsName::placeholder {
+  width: 100% !important;
+  font-size: 10pt;
+  height: 25px !important;
+  background: rgba(0, 0, 0, 0);
+  border: 0px;
+  text-align: center;
+  font-weight: bolder;
+  color: #85d6ff;
+}
+
+input.blessingsName {
+  width: 100% !important;
+  font-size: 10pt;
+  height: 25px !important;
+  background: rgba(0, 0, 0, 0);
+  border: 0px;
+  text-align: center;
+  font-weight: bolder;
+  color: #85d6ff;
+}
+
+.blessingsNameInput {
+  width: 75%;
+  font-size: 9pt !important;
+}
+
+div.blessingsFlex {
+  display: flex;
+  height: 18px;
+  align-items: center;
+}
+
+.isWAR,
+.nonWAR,
+.hasUses {
+  display: none;
+}
+.warToggle[value='1'] ~ .isWAR,
+.warToggle[value='0'] ~ .nonWAR {
+  display: flex;
+  flex-direction: column;
+}
+.warUsesToggle[value='1'] ~ .hasUses {
+  display: block;
+}
+
+.abilitySummary > summary {
+  background: rgba(7, 16, 25, 1);
+  height: 18px;
+  border-radius: 15px !important;
+}
+
+.abilitySummary[open] > summary {
+  height: 18px;
+  border-radius: 15px 15px 0px 0px !important;
+}
+
+.abilitySummary[open] > .passiveFlex {
+  height: fit-content;
+  padding-bottom: 8px;
+}
+
+.blessingsDescription {
+  width: 98% !important;
+  align-self: center;
+  margin-top: 5px;
+  height: 60px !important;
+  font-size: 8pt;
+}
+
+.bionicsDescription {
+  width: 95% !important;
+  align-self: center;
+  margin-top: 5px;
+  margin-bottom: 6px;
+  height: 60px !important;
+  font-size: 8pt;
+}
+/*#endregion*/
+
+/*#region antagonists*/
+.antButton {
+  font-family: 'Pictos' !important;
+  background: transparent;
+  border: 0px;
+  font-size: 18pt;
+  margin-right: 10px;
+  -webkit-text-stroke-width: thin;
+  -webkit-text-stroke-color: #85d6ff;
+  height: 15px !important;
+  width: 25px !important;
+  color: #85d6ff !important;
+  margin-left: 0px !important;
+  padding-left: 0px !important;
+  margin-top: 1px;
+}
+
+.antagonist_grid {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 80px !important;
+  flex-direction: column;
+}
+
+.antagonist_passive_grid {
+  display: grid;
+  grid-template-columns: 50px 85px 39px 116px 122px;
+  align-items: center;
+  padding-left: 5px;
+  margin-top: 3px;
+  margin-bottom: 3px;
+  padding-right: 5px;
+}
+
+.manifestationAntagonist {
+  width: 93%;
+  height: 21px;
+  margin: 0px;
+  margin-left: 5px;
+}
+
+.characterNameAntagonist {
+  width: 97%;
+  margin-left: 5px;
+  padding-left: 6px !important;
+}
+
+div.nameAndLegacy__rowAntagonist {
+  display: grid;
+  position: relative;
+  top: -40px;
+  left: -33px;
+  grid-template-columns: 51px 149px 15px 103px 118px;
+  grid-template-areas:
+    'a b b g h'
+    'e f c c d'
+    'i j y y z';
+  grid-template-rows: repeat(3, 20px);
+  align-items: center;
+}
+
+div.passiveWarShellAntagonist {
+  display: flex;
+  flex-direction: column;
+  margin-top: 5px;
+}
+
+/*#endregion*/
+
+/*#region nameLegacyStance*/
+.ectomorph,
+.endomorph,
+.mesomorph,
+.spatial,
+.logical,
+.intrapersonal,
+.interpersonal,
+.kinaesthetic {
+  opacity: 0;
+}
+
+.bodyToggle[value='1'] ~ .ectomorph,
+.bodyToggle[value='2'] ~ .endomorph,
+.bodyToggle[value='3'] ~ .mesomorph {
+  opacity: 1;
+}
+
+.mindToggle[value='1'] ~ .intrapersonal,
+.mindToggle[value='2'] ~ .interpersonal,
+.mindToggle[value='3'] ~ .kinaesthetic,
+.mindToggle[value='4'] ~ .logical,
+.mindToggle[value='5'] ~ .spatial {
+  opacity: 1;
+}
+
+.mainGrid {
+  display: grid;
+  grid-template-columns: 50px 15px 15px 15px 15px 15px;
+  grid-template-rows: repeat(6, 14px);
+  grid-template-areas:
+    'd d d d d e'
+    'f f f g gg ggg'
+    'h h h h i ii'
+    'j k kk kkk l ll'
+    'm n nn nnn o oo'
+    'p p p p p q';
+}
+
+.bodyMindAddition {
+  width: 40px !important;
+  font-size: 17pt;
+  text-align: left !important;
+  border: none;
+  background: transparent !important;
+}
+.legacy:where([value='ExemplarD'], [value='Gaia'], [value='Magus'], [value='ExemplarG'], [value='EnhancerP'], [value='EnhancerS'], [value='EnhancerT'], [value='Luminous'])
+  ~ .popupManifestations {
+  margin: 10px auto;
+  padding: 1px;
+  background-color: #85d6ff;
+  border-radius: 15px;
+  width: 90%;
+  position: relative;
+  transition: all 0.5s ease-in-out;
+}
+
+.popupToolkit {
+  margin: 45px auto;
+  padding: 1px;
+  background-color: #85d6ff;
+  border-radius: 15px;
+  width: 300px;
+  position: relative;
+  transition: all 0.5s ease-in-out;
+}
+
+div.characteristicsShellInner {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  justify-items: center;
+}
+
+div.characteristicsShellADVANCED {
+  display: grid;
+  width: 98%;
+  margin-left: 2px;
+  margin-top: 5px;
+  grid-template-rows: 40px repeat(5, 85px);
+  grid-template-columns: 1fr 1fr;
+  grid-template-areas:
+    'title title'
+    'body mind'
+    'acuity durability'
+    'vitality agility'
+    'nerve comprehension'
+    'essence discernment';
+}
+
+div.characteristicsShellRightSide {
+  display: grid;
+  width: 98%;
+  margin-right: 2px;
+  margin-top: 5px;
+  padding-left: 5px;
+  padding-right: 5px;
+  grid-template-rows: 40px 25px repeat(2, 20px) repeat(5, 71px);
+  grid-template-columns: 0.75fr 1.25fr;
+  grid-template-areas: 'title title';
+  align-items: end;
+}
+
+.advancedShell {
+  font-size: xx-large;
+  height: 45px !important;
+  align-self: center;
+  background: rgba(7, 16, 25, 0);
+  border: 0px;
+  border-bottom: 1px solid black;
+  outline: none;
+  font-weight: bold;
+  color: black;
+  justify-self: end;
+  width: 32% !important;
+}
+
+div.characteristicsShell,
+div.manifestationsShell {
+  border: 1px solid black;
+  border-radius: 15px 15px 15px 15px !important;
+  background-color: rgb(227, 241, 255);
+  min-height: 45px;
+}
+
+.advancedJustify {
+  flex-direction: column;
+  display: flex;
+  width: 95%;
+  justify-self: center;
+}
+
+select.bodySelect {
+  font-size: 16pt;
+  height: 65% !important;
+  align-items: center;
+  line-height: 22px;
+  margin: 0px;
+  width: 100%;
+  text-align: center !important;
+  border: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  font-weight: 700;
+}
+
+select.bodySelect::-ms-expand {
+  display: none;
+}
+
+.manifestation {
+  width: 155px;
+  height: 18px;
+  margin: 0px;
+  margin-left: 1px;
+  font-size: 9.5pt;
+  padding: 0px !important;
+}
+
+.characterName,
+.characterTerrain,
+.characterHazard {
+  width: 95%;
+  margin-left: 5px;
+  padding-left: 6px !important;
+}
+
+div.nameAndLegacy__row {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  top: -17px;
+}
+
+.nameAndLegacy__cell {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+}
+
+.luminous,
+.magus,
+.enhancerP,
+.enhancerS,
+.enhancerT,
+.exemplarG,
+.exemplarD,
+.gaia {
+  display: none;
+}
+
+.legacy[value='Luminous'] ~ div.luminous,
+.legacy[value='Magus'] ~ div.magus,
+.legacy[value='EnhancerP'] ~ div.enhancerP,
+.legacy[value='EnhancerS'] ~ div.enhancerS,
+.legacy[value='EnhancerT'] ~ div.enhancerT,
+.legacy[value='ExemplarG'] ~ div.exemplarG,
+.legacy[value='ExemplarD'] ~ div.exemplarD,
+.legacy[value='Gaia'] ~ div.gaia {
+  display: grid;
+  flex-direction: column;
+  padding: 0px 5px 5px 5px;
+  grid-template-columns: 90px 1fr;
+}
+
+.legacy {
+  display: flex;
+  flex-direction: column;
+  align-content: center;
+  justify-content: center;
+}
+
+/*#endregion*/
+
+/*#region tabAndPageSetup*/
+.player_sheet,
+.antagonist_sheet {
+  display: none;
+}
+
+.antagonist_flag[value='0'] ~ .player_sheet,
+.antagonist_flag[value='1'] ~ .antagonist_sheet {
+  display: block;
+}
+
+#activetab1 {
+  grid-area: a;
+}
+
+#activetab2 {
+  grid-area: b;
+}
+
+#activetab3 {
+  grid-area: c;
+}
+
+#activecontent1 {
+  grid-area: d;
+}
+
+#activecontent2 {
+  grid-area: e;
+}
+
+#activecontent3 {
+  grid-area: f;
+}
+
+.activetabInput {
+  opacity: 0;
+  width: 50px !important;
+  z-index: 1 !important;
+  height: 23px !important;
+  padding: 1px;
+}
+
+section {
+  clear: both;
+  display: none;
+}
+
+label {
+  font-weight: 700;
+  margin-bottom: 0px !important;
+  font-size: 18px;
+  display: block;
+  align-self: flex-start;
+  width: 20%;
+  padding: 0.3em;
+  color: #356780;
+  cursor: pointer;
+  text-decoration: none;
+  text-align: center;
+  background: rgba(7, 16, 25, 0.15);
+  display: flex !important;
+  justify-content: space-evenly;
+  align-items: center;
+}
+
+#activetab1:checked ~ #activecontent1,
+#activetab2:checked ~ #activecontent2,
+#activetab3:checked ~ #activecontent3,
+#activetab4:checked ~ #activecontent4 {
+  display: block;
+  background: transparent;
+  color: #999;
+  border-bottom: 2px solid #f0f0f0;
+}
+
+.activetab_containerNew .activetab-content p,
+.activetab_containerNew .activetab-content h3,
+.activetab_containerNewAntagonist .activetab-content p,
+.activetab_containerNewAntagonist .activetab-content h3 {
+  -webkit-animation: fadeInScale 0.7s ease-in-out;
+  -moz-animation: fadeInScale 0.7s ease-in-out;
+  animation: fadeInScale 0.7s ease-in-out;
+}
+
+.activetab_containerNew .activetab-content h3,
+.activetab_containerNewAntagonist .activetab-content h3 {
+  text-align: center;
+}
+
+.activetab_containerNew [id^='activetab']:checked + label.top,
+.activetab_containerNewAntagonist [id^='activetab']:checked + label.top {
+  color: #85d6ff;
+  background: rgb(7, 16, 25);
+  box-shadow: inset 0 3px #0ce, inset -3px 0px 0 0px #0ce,
+    inset 3px 0px 0 0px #0ce;
+  padding-top: 2px !important;
+}
+
+.activetab_containerNew [id^='activetab']:checked + label.middle,
+.activetab_containerNewAntagonist [id^='activetab']:checked + label.middle {
+  color: #85d6ff;
+  background: rgb(7, 16, 25);
+  box-shadow: inset -3px 0px 0 0px #0ce, inset 3px 0px 0 0px #0ce;
+  padding-top: 2px !important;
+}
+
+.activetab_containerNew [id^='activetab']:checked + label.bottom,
+.activetab_containerNewAntagonist [id^='activetab']:checked + label.bottom {
+  color: #85d6ff;
+  background: rgb(7, 16, 25);
+  box-shadow: inset 0 -3px #0ce, inset -3px 0px 0 0px #0ce,
+    inset 3px 0px 0 0px #0ce;
+  padding-top: 2px !important;
+}
+
+div.lowerPage__row {
+  display: grid;
+  width: 100%;
+  grid-template-columns: 471px 390px;
+  column-gap: 6px;
+}
+
+.abilityPursuit__row {
+  position: relative;
+  top: -149px;
+  left: -5px;
+  width: 397px;
+}
+
+/*#endregion*/
+
+/*#region shieldingStaminaStressWounds*/
+div.stressWoundsStamina__row {
+  display: grid;
+  grid-template-columns: 129px 122px 100px 122px 268px 132px;
+  height: 212px;
+  align-items: center;
+  margin-top: -60px;
+}
+
+div.stressWoundsStamina__cell {
+  height: 102%;
+}
+
+.shieldingStaminaFlexCorrection {
+  display: flex;
+  height: fit-content;
+  justify-content: center;
+  flex-direction: column;
+  row-gap: 2px;
+}
+
+.rightside {
+  justify-self: end !important;
+  text-align: right;
+}
+
+.leftside {
+  padding-left: 0px !important;
+  margin-top: -26px;
+  margin-bottom: 9px;
+}
+
+input.stressWoundsBox {
+  width: 22px !important;
+  height: 22px !important;
+  margin-right: 3px;
+}
+
+.stressWoundsBoxes {
+  height: 25px;
+}
+
+.numberStress {
+  background: transparent;
+  border: 0px;
+  border-bottom: 1px solid !important;
+  padding: 0px;
+  margin-bottom: 3px !important;
+  text-align: center;
+  font-weight: 900;
+  width: 17px !important;
+  margin-left: 12px;
+  margin-right: 28px;
+}
+
+.numberWounds {
+  background: transparent;
+  border: 0px;
+  border-bottom: 1px solid !important;
+  padding: 0px;
+  margin-bottom: 3px !important;
+  text-align: center;
+  font-weight: 900;
+  width: 17px !important;
+  margin-right: 10px;
+  margin-left: 10px;
+}
+
+div.effort__row {
+  display: grid;
+  width: 98%;
+  border: 1px solid black;
+  border-radius: 15px;
+  grid-template-rows: 25px 23px 25px;
+  grid-template-columns: repeat(5, 1fr);
+  grid-template-areas:
+    'a a a a a'
+    'b b c d d'
+    'e e e e f';
+}
+
+div.shielding__row {
+  display: grid;
+  width: 98%;
+  border: 1px solid black;
+  border-radius: 15px;
+  grid-template-rows: 25px repeat(5, 20px) 25px;
+  grid-template-columns: 1fr 0.5fr 1fr 0.5fr 1fr 1fr;
+  grid-template-areas:
+    'a a a aa aa aa'
+    'b c d g g g'
+    'bb cc dd gg gg gg'
+    'bbb ccc ddd ggg ggg ggg'
+    'bbbb cccc dddd gggg gggg gggg'
+    'bbbbb ccccc ddddd ggggg ggggg ggggg'
+    'e e f ee ee ff';
+}
+
+div.shielding__rowAntagonist {
+  display: grid;
+  width: 98%;
+  border: 1px solid black;
+  border-radius: 15px;
+  grid-template-rows: 25px 30px 25px;
+  grid-template-columns: repeat(5, 1fr);
+  grid-template-areas:
+    'a a a a a'
+    'b b c d d'
+    'e e e e f';
+}
+
+div.hitpoints__rowAntagonist {
+  display: grid;
+  width: 98%;
+  border: 1px solid black;
+  border-radius: 15px;
+  grid-template-rows: 25px 30px 25px;
+  grid-template-columns: repeat(5, 1fr);
+  grid-template-areas:
+    'a a a a a a'
+    'b b c c d d'
+    'e e f ee ee ff';
+}
+
+.shieldingStaminaMax {
+  width: 40px !important;
+  padding: 1px !important;
+  height: 20px !important;
+}
+
+.shielding1,
+.stamina1 {
+  border-radius: 10px 10px 0px 0px;
+  grid-area: a;
+}
+
+.shielding2,
+.stamina2 {
+  grid-area: b;
+  font-size: 17pt;
+  width: 95% !important;
+  align-self: center;
+  background: rgba(7, 16, 25, 0);
+  border-bottom: 1px solid black;
+  border-top: 0px;
+  border-left: 0px;
+  border-right: 0px;
+  outline: none;
+  font-weight: bold;
+  color: black;
+  justify-self: end;
+  margin-top: 2px !important;
+  height: 18px !important;
+}
+.hp1 {
+  grid-area: b;
+  font-size: 12pt;
+  width: 95% !important;
+  align-self: center;
+  background: rgba(7, 16, 25, 0);
+  border-bottom: 1px solid black;
+  border-top: 0px;
+  border-left: 0px;
+  border-right: 0px;
+  outline: none;
+  font-weight: bold;
+  color: black;
+  justify-self: end;
+  margin-top: 2px !important;
+  height: 15px !important;
+}
+
+.shielding3,
+.stamina3 {
+  grid-area: c;
+  justify-self: center;
+  font-size: xx-large;
+  font-weight: 900;
+  align-self: center;
+  margin-top: 1px;
+  margin-right: -5px;
+}
+
+.hp3 {
+  grid-area: c;
+  font-size: 15pt !important;
+  justify-self: center;
+  font-size: xx-large;
+  font-weight: 900;
+  align-self: center;
+  margin-top: 1px;
+  margin-right: -5px;
+}
+
+.shielding4,
+.stamina4 {
+  grid-area: e;
+  padding-top: 2px;
+}
+
+.shielding5,
+.stamina5 {
+  grid-area: f;
+  padding-top: 3px;
+  padding-right: 2px;
+  margin-left: -12px;
+  height: 26px;
+  background: rgb(7, 16, 25);
+  border-bottom-right-radius: 10px;
+}
+
+.shielding6,
+.stamina6 {
+  grid-area: d;
+  font-size: 17pt;
+  align-self: center;
+  width: 95% !important;
+  background: rgba(7, 16, 25, 0);
+  border-bottom: 1px solid black;
+  border-top: 0px;
+  border-left: 0px;
+  border-right: 0px;
+  outline: none;
+  font-weight: bold;
+  color: black;
+  height: 25px !important;
+}
+
+.hp2 {
+  grid-area: d;
+  font-size: 12pt;
+  align-self: center;
+  width: 95% !important;
+  background: rgba(7, 16, 25, 0);
+  border-bottom: 1px solid black;
+  border-top: 0px;
+  border-left: 0px;
+  border-right: 0px;
+  outline: none;
+  font-weight: bold;
+  color: black;
+  height: 18px !important;
+}
+
+/*#endregion*/
+
+/*#region generalWAR*/
+input.passiveReactiveName::placeholder {
+  width: 100% !important;
+  font-size: 15pt;
+  height: 25px !important;
+  background: rgba(0, 0, 0, 0);
+  border: 0px;
+  text-align: center;
+  font-weight: bolder;
+  color: #85d6ff;
+}
+
+.passiveReactiveWAREffects,
+.passiveReactiveWARDescription {
+  width: 95% !important;
+  margin-top: 3px;
+  margin-bottom: 3px;
+}
+
+.shardTitle {
+  border-radius: 3px 3px 0px 0px;
+  background-color: #071019;
+  color: #85d6ff;
+  width: 100% !important;
+}
+
+.shardFlexL {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: 24px;
+  border: 1px solid black;
+  border-radius: 5px;
+  padding: 0px;
+  text-align: center;
+  width: 42px;
+}
+
+.shardFlexR {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: 30px;
+  border: 1px solid black;
+  border-radius: 5px;
+  padding: 0px;
+  text-align: center;
+  width: 70px;
+}
+
+.inputShell {
+  border-bottom: 1px solid black; 
+  height:12px; 
+  width:20px; 
+  border-radius: 3px;
+}
+
+.inputField {
+  border: none; 
+  width: inherit !important;
+}
+
+.shardFlexRR {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: 30px;
+  border: 1px solid black;
+  border-radius: 5px;
+  padding: 0px;
+  text-align: center;
+  width: 75px;
+}
+
+.shardUseFlex {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-left: 1px;
+  height: 24px;
+  border: 1px solid black;
+  border-radius: 5px;
+  padding: 0px;
+  width: 40px;
+}
+
+div.passiveWarStatsReactiveWar__row {
+  display: grid;
+  grid-template-rows: auto;
+  grid-gap: 3px;
+  grid-template-columns: 283px 146px;
+  margin-bottom: 2px;
+  margin-top: 2px;
+  position: relative;
+  top: 1px;
+}
+
+.passiveDescription {
+  display: flex;
+  width: 287px;
+  align-items: flex-start;
+  justify-content: flex-end;
+  height: fit-content;
+  margin-right: 4px;
+}
+
+div.passiveWarShell,
+div.passiveWarShellAntagonist,
+div.activeWarShell,
+div.reactiveWarShell,
+div.stanceShell {
+  border: 1px solid black;
+  border-radius: 15px 15px 15px 15px !important;
+}
+
+div.passiveReactiveTextShell {
+  border: 1px solid black;
+  border-radius: 15px 15px 15px 15px !important;
+  background-color: rgb(227, 241, 255);
+  height: 228px;
+  width: 400px;
+}
+
+div.specialisationTextShell {
+  display: flex;
+  border: 1px solid black;
+  border-radius: 15px 15px 15px 15px !important;
+  background-color: rgb(227, 241, 255);
+  margin-bottom: -25px;
+  flex-direction: column;
+}
+
+/*#endregion*/
+
+/*#region passiveWAR*/
+.reactiveButton {
+  color: #85d6ff !important;
+  width: 40px !important;
+}
+
+div.passiveWarShell {
+  display: flex;
+  align-items: end;
+  row-gap: 3px;
+  flex-direction: column;
+}
+
+div.passiveFlex,
+div.reactiveFlex {
+  display: flex;
+  height: 19px;
+  align-items: center;
+  margin-left: -1px;
+}
+
+.title,
+.passiveTitle,
+.reactiveTitle {
+  line-height: 25px;
+  height: 25px !important;
+  background: rgb(7, 16, 25);
+  text-align: center;
+  font-weight: bolder;
+  color: #85d6ff;
+  border-radius: 10px 10px 0px 0px;
+  justify-content: space-between;
+}
+
+.passiveTitleFlex,
+.reactiveTitleFlex {
+  align-self: center;
+  border-radius: 10px 10px 0px 0px;
+  line-height: 22px;
+}
+
+/*#endregion*/
+
+/*#region equipment*/
+.valueSelect {
+  border: none;
+  border-bottom: 1px solid black;
+  margin: 0px;
+  height: 20px;
+  font-size: 8pt;
+  padding: 0px !important;
+  font-weight: bolder;
+  color: black !important;
+  margin-top: 4px;
+}
+
+.equipmentCharges {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-left: 2px;
+  margin-top: -1px;
+}
+
+.chargesAmount {
+  border: none;
+  border-bottom: 1px solid black;
+  width: 20px !important;
+  text-align: center;
+  margin-right: 2px;
+  background-color: transparent !important;
+  padding: 0px;
+}
+
+.minMaxStrength {
+  border: none;
+  border-bottom: 1px solid black;
+  width: 57px !important;
+  text-align: center;
+  margin-right: 2px;
+  padding: 0px;
+  font-size: 11px;
+}
+
+.headIsContainer,
+.headIsNotContainer,
+.backIsContainer,
+.backIsNotContainer,
+.torsoIsContainer,
+.torsoIsNotContainer,
+.armOneIsContainer,
+.armOneIsNotContainer,
+.armTwoIsContainer,
+.armTwoIsNotContainer,
+.hipIsContainer,
+.hipIsNotContainer,
+.legOneIsContainer,
+.legOneIsNotContainer,
+.legTwoIsContainer,
+.legTwoIsNotContainer,
+.feetIsContainer,
+.feetIsNotContainer,
+.bodyIsContainer,
+.bodyIsNotContainer {
+  display: none;
+}
+
+.headContainer:where([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar'])
+  ~ .headIsContainer,
+.backContainer:where([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar'])
+  ~ .backIsContainer,
+.torsoContainer:where([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar'])
+  ~ .torsoIsContainer,
+.armOneContainer:where([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar'])
+  ~ .armOneIsContainer,
+.armTwoContainer:where([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar'])
+  ~ .armTwoIsContainer,
+.hipContainer:where([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar'])
+  ~ .hipIsContainer,
+.legOneContainer:where([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar'])
+  ~ .legOneIsContainer,
+.legTwoContainer:where([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar'])
+  ~ .legTwoIsContainer,
+.feetContainer:where([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar'])
+  ~ .feetIsContainer,
+.bodyContainer:where([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar'])
+  ~ .bodyIsContainer {
+  display: flex;
+}
+
+.headContainer:where(:not([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar']))
+  ~ .headIsNotContainer,
+.backContainer:where(:not([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar']))
+  ~ .backIsNotContainer,
+.torsoContainer:where(:not([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar']))
+  ~ .torsoIsNotContainer,
+.armOneContainer:where(:not([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar']))
+  ~ .armOneIsNotContainer,
+.armTwoContainer:where(:not([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar']))
+  ~ .armTwoIsNotContainer,
+.hipContainer:where(:not([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar']))
+  ~ .hipIsNotContainer,
+.legOneContainer:where(:not([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar']))
+  ~ .legOneIsNotContainer,
+.legTwoContainer:where(:not([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar']))
+  ~ .legTwoIsNotContainer,
+.feetContainer:where(:not([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar']))
+  ~ .feetIsNotContainer,
+.bodyContainer:where(:not([value='Poor'], [value='Basic'], [value='Common'], [value='Premium'], [value='Excellent'], [value='Stellar']))
+  ~ .bodyIsNotContainer {
+  display: flex;
+}
+
+.headEquipment {
+  position: absolute;
+  top: 55px;
+  left: 125px;
+}
+
+.backEquipment {
+  position: absolute;
+  top: 82px;
+  left: 145px;
+}
+
+.torsoEquipment {
+  position: absolute;
+  top: 130px;
+  left: 170px;
+}
+
+.armEquipmentOne {
+  position: absolute;
+  top: 160px;
+  left: 172px;
+}
+
+.armEquipmentTwo {
+  position: absolute;
+  top: 185px;
+  left: 172px;
+}
+
+.hipEquipment {
+  position: absolute;
+  top: 210px;
+  left: 180px;
+}
+
+.legEquipmentOne {
+  position: absolute;
+  top: 280px;
+  left: 172px;
+}
+
+.legEquipmentTwo {
+  position: absolute;
+  top: 315px;
+  left: 172px;
+}
+
+.feetEquipment {
+  position: absolute;
+  top: 370px;
+  left: 185px;
+}
+
+.fullBodyEquipment {
+  position: absolute;
+  top: 410px;
+  left: 25px;
+  text-align: center;
+}
+
+.equipmentInput {
+  display: flex;
+  border: none;
+  border-bottom: 1px solid black !important;
+  width: 100px;
+  background-color: transparent !important;
+  padding: 0px;
+  font-weight: bolder;
+  margin-top: 9px !important;
+  color: black !important;
+  font-size: 11px;
+}
+
+.bionicsInput {
+  width: 430px !important;
+  display: flex;
+  font-weight: bold;
+  margin-top: 2px !important;
+  margin-bottom: 2px !important;
+  color: black !important;
+  font-size: 15px;
+  margin-left: 4px;
+  height: 29px !important;
+}
+
+.equipmentInput::placeholder {
+  font-weight: bolder;
+}
+
+.equipmentShell {
+  display: flex;
+}
+
+.bionicsShell {
+  display: flex;
+  align-items: center;
+}
+
+.looseEquipmentShell {
+  display: flex;
+  height: 24px;
+}
+
+.looseEquipment {
+  padding-bottom: 4px;
+  width: 99%;
+  margin-top: 2px;
+  margin-left: 1px;
+}
+
+div.equipmentShellUpper {
+  border: 1px solid black;
+  display: flex;
+  border-radius: 15px 15px 15px 15px !important;
+  background-color: rgb(255, 255, 255);
+  min-height: 150px;
+  width: 850px;
+  flex-direction: column;
+  height: 460px;
+  overflow: hidden;
+}
+
+div.bionicShellUpper {
+  border: 1px solid black;
+  display: flex;
+  border-radius: 15px 15px 15px 15px !important;
+  background-color: rgb(255, 255, 255);
+  min-height: 150px;
+  width: 700px;
+  flex-direction: column;
+  height: 460px;
+  overflow: hidden;
+}
+
+div.equipmentShellLower {
+  border: 1px solid black;
+  border-radius: 15px 15px 15px 15px !important;
+  background-color: rgb(227, 241, 255);
+  height: 400px;
+  width: 266px;
+  margin-top: 15px;
+  display: flex;
+  flex-direction: column;
+  overflow: overlay;
+  background-color: rgb(7, 16, 25);
+}
+
+/*#endregion*/
+
+/*#region combatStats*/
+div.stanceFlexInternal {
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+  font-weight: 900;
+  height: fit-content;
+}
+
+input.stanceName,
+input.manifestationName,
+input.passiveReactiveName {
+  width: 100% !important;
+  font-size: 15pt;
+  height: 25px !important;
+  background: rgba(0, 0, 0, 0);
+  border: 0px;
+  text-align: center;
+  font-weight: bolder;
+  color: #85d6ff;
+}
+
+.actionsTitle {
+  line-height: 25px;
+  margin-top: -6px;
+  height: 25px !important;
+  background: rgb(7, 16, 25);
+  text-align: center;
+  margin-top: -3px;
+  font-weight: bolder;
+  color: #85d6ff;
+  border-radius: 10px 10px 0px 0px;
+  justify-content: space-between;
+  margin-left: -1px;
+}
+
+.passiveReactivePopupFlex {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-around;
+  flex-direction: column;
+  height: 140px;
+}
+
+.actionsTitle {
+  line-height: 25px;
+  height: 25px !important;
+  background: rgb(7, 16, 25);
+  text-align: center;
+  font-weight: bolder;
+  color: #85d6ff;
+  border-radius: 10px 10px 0px 0px;
+  justify-content: space-between;
+}
+
+div.combatShell {
+  border: 1px solid black;
+  border-radius: 15px 15px 15px 15px;
+}
+
+.combatFatigueExhausted {
+  margin-top: 1px;
+  border-bottom: 1px solid black;
+  grid-template-columns: 0px 50px 47px 110px 15px 20px;
+  column-gap: 2px;
+}
+
+div.combatFlex {
+  display: flex;
+  width: 100%;
+  height: 17px !important;
+  align-items: center;
+}
+
+div.combatGrid {
+  display: grid;
+  width: 100%;
+  height: 16px;
+  grid-template-columns: 0px 92px 49px 0px;
+  column-gap: 3px;
+  align-content: center;
+  align-items: center;
+  justify-items: start;
+}
+
+div.combatGridReactive {
+  display: grid;
+  width: 100%;
+  height: 21px;
+  grid-template-columns: 0px 92px 39px 0px;
+  align-content: center;
+  align-items: center;
+  justify-items: start;
+}
+
+div.combatGridAntagonist {
+  display: flex;
+  width: 100%;
+  height: 18px;
+  column-gap: 3px;
+  align-items: center;
+  align-content: center;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+
+.combatTitle {
+  height: 25px !important;
+  line-height: 25px;
+  background: rgb(7, 16, 25);
+  text-align: center;
+  font-weight: bolder;
+  color: #85d6ff;
+  border-radius: 10px 10px 0px 0px;
+  justify-content: center;
+}
+
+.qualityTitle {
+  height: 17px !important;
+  line-height: 17px;
+  background: rgb(7, 16, 25);
+  text-align: center;
+  font-weight: bolder;
+  color: #85d6ff;
+  border-radius: 10px;
+  justify-content: center;
+  display: flex;
+}
+
+.repeating_qualities[open] .qualityTitle {
+  border-radius: 10px 10px 0px 0px;
+}
+
+input.fatigueExhausted {
+  width: 18px !important;
+  height: 18px !important;
+  justify-self: center !important;
+}
+
+/*#endregion*/
+
+/*#region activeWAR*/
+select.WARSelect {
+  font-size: 10pt;
+  height: 19px !important;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+select.activeSelect {
+  font-size: 8pt;
+  height: 16px !important;
+  margin-top: 0px;
+  margin-bottom: -1px;
+  border: none;
+}
+
+select.genderSelect {
+  position: absolute;
+  font-size: 8pt;
+  height: 19px !important;
+  border: 1px solid;
+  width: 74px;
+  top: 34px;
+  left: 5px;
+}
+
+.bodyMale,
+.bodyFemale,
+.bodyGenderless {
+  display: none;
+}
+
+.genderSelect[value='Male'] ~ .bodyMale,
+.genderSelect[value='Female'] ~ .bodyFemale,
+.genderSelect[value='Genderless'] ~ .bodyGenderless {
+  display: block;
+}
+
+.bodyGenderless {
+  margin-left: 25px;
+  height: 395px;
+  margin-left: -3px;
+}
+
+.bodyFemale {
+  height: 375px;
+  margin-bottom: 33px !important;
+  margin-left: -26px;
+}
+
+.bodyMale {
+  margin-left: -41px;
+  height: 415px;
+}
+
+.repeating_ability,
+.repeating_war,
+.repeating_war_amtagonist {
+  border: 1px solid black;
+  border-radius: 15px;
+  margin-bottom: 2px;
+}
+
+.repeating_warAntagonist {
+  border: 1px solid black;
+  border-radius: 15px;
+  margin-bottom: 3px;
+}
+
+.repeating_qualities {
+  border: 1px solid black;
+  border-radius: 14px;
+  margin-bottom: 3px;
+  width: 96%;
+  margin-left: 9px;
+}
+
+.activeDamage,
+.activeMalicious,
+.activeHealing,
+.activeBeneficial {
+  display: none;
+}
+
+.activeType:where([value='1']) ~ .activeTypeName:before {
+  content: 'Assault';
+}
+
+.activeType:where([value='1'], [value='2'], [value='4'], [value='1a']) ~ .activeDamage,
+.activeType:where([value='5'], [value='5a']) ~ .activeMalicious,
+.activeType:where([value='6'], [value='6a'], [value='7']) ~ .activeHealing,
+.activeType:where([value='3'], [value='3a']) ~ .activeBeneficial {
+  display: flex;
+  justify-content: center;
+}
+.con,
+.boon,
+.flaweded,
+.booned,
+.coned,
+.boonflaw,
+.conflaw {
+  display: none;
+}
+.activeType:where([value='5'], [value='5a']) ~ .con,
+.activeType:where([value='3'], [value='3a']) ~ .boon {
+  display: flex !important;
+  justify-content: center !important;
+}
+
+.special_toggle:where([value='6'], [value='11'], [value='21'], [value='31']) ~ .flaweded,
+.special_toggle[value='15'] ~ .booned,
+.special_toggle[value='25'] ~ .coned,
+.special_toggle[value='16'] ~ .boonflaw,
+.special_toggle[value='26'] ~ .conflaw {
+  display: flex !important;
+  justify-content: center !important;
+}
+
+.activeType:where([value='5'], [value='5a'], [value='3'], [value='3a'])
+  ~ div.activeGridInnerFourthDouble,
+.flawed_toggle[value='1'] ~ div.activeGridInnerFourthDouble,
+div.activeGridInnerFourthDoubleDouble {
+  display: flex;
+  height: fit-content;
+  justify-items: start;
+  width: 99%;
+  font-size: 10pt;
+  margin-top: 3px;
+  margin-right: 4px;
+  margin-left: 2px;
+  justify-content: center;
+  column-gap: 5px;
+  align-items: center;
+}
+.condition {
+  display: none;
+}
+.activeType:where([value='5'], [value='5a'], [value='3'], [value='3a'])
+  ~ .condition {
+    display: flex;
+}
+
+.activetab_containerNew {
+  display: none;
+}
+
+.activeType:where([value='5'], [value='5a'], [value='3'], [value='3a'])
+  ~ .activetab_containerNew {
+  display: flex;
+  margin-left: 3px;
+  margin-right: 5px;
+  margin-bottom: 5px;
+  margin-top: -5px;
+  grid-template-rows: 23px 23px 23px auto !important;
+}
+
+.activetab_containerNewAntagonist {
+  display: grid;
+  grid-template-columns: 60px 1fr;
+  grid-template-areas:
+    'a d'
+    'c d';
+  margin-left: 5px;
+  margin-right: 5px;
+  margin-bottom: 5px;
+  margin-top: -5px;
+  grid-template-rows: 23px auto !important;
+}
+
+.activeType:where(:not([value='5'], [value='5a'], [value='3'], [value='3a']))
+  ~ .activetab_containerNew {
+  display: flex;
+  margin-left: 5px;
+  margin-right: 5px;
+  margin-bottom: 5px;
+  margin-top: -5px;
+  grid-template-rows: 23px 23px 23px !important;
+}
+
+.activeType:where([value='5'], [value='5a'], [value='3'], [value='3a'], [value='6'], [value='6a'], [value='8'], [value='7'])
+  ~ div.activeGridInnerOtherDouble {
+  display: grid;
+  grid-template-columns: 30px 64px 33px 61px 33px;
+  height: 25px !important;
+  align-items: center;
+  justify-items: start;
+  width: 100%;
+  font-size: 10pt;
+  margin-left: 4px;
+}
+
+div.activeWarShellSmallDouble {
+  display: flex;
+  flex-direction: column;
+  align-items: end;
+  column-gap: 3px;
+  height: 52px;
+}
+
+div.activeWarShellSmallDoubleAntagonist {
+  display: grid;
+  grid-template-rows: 23px;
+  grid-template-columns: 1fr;
+  align-items: end;
+  column-gap: 3px;
+  height: 24px;
+}
+
+.activetab_containerDouble {
+  display: grid;
+  grid-template-columns: repeat(3, 65px) 53px;
+  grid-template-areas:
+    'a b c h'
+    'd d d d'
+    'e e e e'
+    'f f f f'
+    'g g g g';
+}
+
+div.activeGrid {
+  display: grid;
+  grid-template-columns: 50px 25px 1fr 60px;
+  height: 24px !important;
+  align-items: center;
+  justify-items: center;
+}
+
+div.activeGridInner {
+  display: grid;
+  grid-template-columns: 45px 174px 91px 30px 118px 28px;
+  height: 18px !important;
+  align-items: end;
+  justify-items: end;
+  width: 100%;
+  margin-top: -10px;
+  font-size: 10pt;
+}
+
+div.activeGridInnerDouble {
+  display: flex;
+  height: 31px !important;
+  align-items: center;
+  justify-items: start;
+  width: 428px;
+  font-size: 10pt;
+  margin-right: -4px;
+}
+
+div.activeGridInnerDoubleAntagonist {
+  display: grid;
+  grid-template-columns: 34px 245px;
+  height: 18px !important;
+  align-items: end;
+  justify-items: start;
+  width: 383px;
+  font-size: 10pt;
+  margin-left: 4px;
+}
+
+:disabled,
+input:read-only {
+  border: 0px;
+  margin-top: 1px !important;
+  background: transparent;
+}
+
+div.activeGridInnerSecondary {
+  display: flex;
+  height: 17px !important;
+  align-items: end;
+  justify-items: end;
+  width: 100%;
+  font-size: 10pt;
+}
+
+div.activeGridInnerSecondaryDouble {
+  display: flex;
+  height: 24px !important;
+  column-gap: 8px;
+  align-items: center;
+  justify-items: start;
+  width: 100%;
+  font-size: 10pt;
+  margin-left: -7px;
+  margin-top: 4px;
+}
+
+div.activeGridInnerTertiaryDouble {
+  display: flex;
+  height: 24px !important;
+  column-gap: 9px;
+  align-items: center;
+  justify-items: start;
+  width: 100%;
+  font-size: 10pt;
+  margin-left: -7px;
+  margin-top: 3px;
+  position: relative;
+  left: 7px;
+}
+
+div.activeGridInnerSecondaryDoubleAntagonist {
+  display: grid;
+  grid-template-columns: 57px 35px 50px 35px 77px 20px;
+  height: 24px !important;
+  align-items: center;
+  justify-items: start;
+  width: 100%;
+  font-size: 11pt !important;
+  margin-left: 4px;
+  margin-top: 4px;
+}
+
+div.activeGridInnerTertiaryDoubleAntagonist {
+  display: grid;
+  grid-template-columns: 70px 120px 70px 103px;
+  height: 24px !important;
+  align-items: center;
+  justify-items: start;
+  width: 100%;
+  font-size: 10pt;
+  margin-left: 4px;
+  margin-top: 1px;
+}
+
+div.activeGridInnerFourthDouble,
+div.activeGridInnerOtherDouble {
+  display: none;
+}
+
+.activeWARDouble {
+  display: flex;
+  flex-direction: column;
+}
+
+.activeTextarea {
+  width: 97% !important;
+  margin: 0px 10px 0px 10px;
+  line-height: 13px;
+}
+
+.activeColumnTitle {
+  line-height: 25px;
+  background: rgb(7, 16, 25);
+  text-align: center;
+  font-weight: bolder;
+  color: #85d6ff;
+  border-radius: 20px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  margin-bottom: 5px;
+}
+
+.activeColumnTitleAntagonist {
+  line-height: 25px;
+  background: rgb(7, 16, 25);
+  text-align: center;
+  font-weight: bolder;
+  color: #85d6ff;
+  border-radius: 20px;
+  height: 25px;
+  display: flex;
+  align-items: center;
+  margin-bottom: 3px;
+  margin-top: -6px;
+  justify-content: center;
+}
+
+.activeColumnTitleAntagonistTwo {
+  line-height: 25px;
+  background: rgb(7, 16, 25);
+  text-align: center;
+  font-weight: bolder;
+  color: #85d6ff;
+  border-radius: 20px;
+  height: 25px;
+  display: flex;
+  align-items: center;
+  margin-bottom: 5px;
+  margin-top: 5px;
+  justify-content: center;
+}
+
+.qualities {
+  width: 98% !important;
+  height: 293px !important;
+  margin-bottom: 0px !important;
+}
+
+.activeWARName {
+  height: 25px !important;
+  background: rgba(0, 0, 0, 0) !important;
+  border: 0px !important;
+  text-align: center !important;
+  font-size: 15pt !important;
+  margin-top: -6px !important;
+}
+
+.activeWARNameDouble {
+  height: 25px !important;
+  background: rgba(0, 0, 0, 0) !important;
+  border: 0px !important;
+  text-align: center !important;
+  display: flex;
+  justify-items: center;
+  font-size: 10pt !important;
+  width: 247px;
+}
+
+.activeWARNameAntagonist {
+  height: 25px !important;
+  background: rgba(0, 0, 0, 0) !important;
+  border: 0px !important;
+  text-align: center !important;
+  display: flex;
+  justify-items: center;
+  font-size: 10pt !important;
+  width: 399px;
+}
+
+.activeUsesToggle[value='0'] ~ .activeUses,
+.activeUsesToggle[value='1'] ~ .stupid,
+.activeUsesToggle[value='0'] ~ .stupider {
+  display: none !important;
+}
+
+.activeUsesToggle[value='1'] ~ .activeUses,
+.activeUsesToggle[value='0'] ~ .stupid,
+.activeUsesToggle[value='1'] ~ .stupider {
+  display: flex !important;
+}
+
+div.activeGridDouble {
+  display: flex;
+  height: 24px !important;
+  align-items: center;
+  justify-items: center;
+  margin-left: -1px;
+  margin-right: -1px;
+}
+
+.rotate {
+  transform: rotate(-90deg);
+  -webkit-transform: rotate(-90deg);
+  -moz-transform: rotate(-90deg);
+  -ms-transform: rotate(-90deg);
+  -o-transform: rotate(-90deg);
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
+}
+
+div.activeGridDoubleAntagonist {
+  display: grid;
+  grid-template-columns: 1fr;
+  height: 24px !important;
+  align-items: center;
+}
+
+.activeUsesToggle[value='0'] ~ div.activeGridDoubleSecond {
+  display: flex;
+  height: 25px !important;
+  align-items: center;
+  justify-items: start;
+  justify-content: space-between;
+}
+
+.activeUsesToggle[value='1'] ~ div.activeGridDoubleSecond {
+  display: flex;
+  height: 25px !important;
+  align-items: center;
+  justify-items: start;
+  justify-content: space-between;
+}
+
+div.activeGridDoubleSecondAntagonist {
+  display: grid;
+  grid-template-columns: 53px 63px 47px 80px 73px 27px;
+  height: 28px !important;
+  align-items: center;
+  justify-items: start;
+  margin-left: -60px;
+}
+
+h4.activeClick {
+  position: absolute;
+  width: 250px;
+  height: 25px;
+}
+
+h4.qualityClick {
+  position: absolute;
+  width: 200px;
+  height: 17px;
+}
+
+h4.blessingsClick {
+  position: absolute;
+  width: 263px;
+  height: 18px;
+}
+
+.augmentsRight {
+  border: 1px solid black;
+  border-radius: 13px;
+  margin-top: 7px;
+  width: 315px !important;
+}
+
+h4.augmentClick {
+  position: absolute;
+  width: 255px;
+  height: 25px;
+}
+
+.superiorityShow {
+  display: none;
+}
+
+.superiorityToggle[value='1'] ~ .superiorityShow {
+  display: block;
+}
+
+.augmentLevel {
+  width: 20px !important;
+  font-size: 11px !important;
+  text-align: center !important;
+  height: 12px !important;
+}
+
+.shardLevel {
+  width: 20px !important;
+  font-size: 11px !important;
+  text-align: center !important;
+  height: 10px !important;
+  margin-top: 1px !important;
+  padding-top: 2px !important;
+}
+
+.augmentButton[type='roll'] {
+  margin-top: 2px !important;
+  margin-right: 5px !important;
+  color: #85d6ff !important;
+  font-weight: 100 !important;
+  font-size: 19pt !important;
+}
+
+.activeButton {
+  width: 67% !important;
+  height: 25px !important;
+  position: absolute;
+  background: none !important;
+  color: transparent !important;
+  margin: 0px;
+  margin-top: -2px;
+  left: 77px;
+  border: 0px;
+  opacity: 0% !important;
+}
+
+.activeInput {
+  width: 15px !important;
+  height: 15px !important;
+  margin-top: 0px !important;
+}
+
+.activeActive {
+  justify-self: end;
+}
+
+.activeInactive {
+  display: none;
+}
+
+.activeEndurance {
+  display: flex;
+  grid-area: f;
+  align-items: center;
+  margin-right: 5px;
+}
+
+.activeInputResult[value='1'] ~ div.activeActive,
+.activeInputResult[value='0'] ~ div.activeInactive {
+  display: grid;
+  margin-right: 8px;
+}
+
+.activeInput:checked ~ .activeWARNameDouble {
+  width: 247px;
+}
+
+.activeInput:not(:checked) ~ .activeWARNameDouble {
+  width: 247px;
+}
+
+h4.activeClickDouble {
+  position: absolute;
+  width: 245px;
+  height: 25px;
+  right: 39px;
+}
+
+.flawed,
+.passive_flawed,
+.cone,
+.ctwo {
+  display: none !important;
+}
+
+.passive_flawed_toggle[value='0'] ~ .cone,
+.passive_flawed_toggle[value='2'] ~ .ctwo {
+  display: grid !important;
+}
+
+.flawed_toggle[value='1'] ~ .flawed {
+  display: flex !important;
+}
+
+.passive_flawed_toggle[value='2'] ~ .passive_flawed {
+  display: block !important;
+}
+
+.passive_flawed_toggle[value='0'] ~ div.effectsbox {
+  height: 205px !important;
+}
+
+.passive_flawed_toggle[value='2'] ~ div.effectsbox {
+  height: 205px !important;
+}
+
+.passive_flawed_toggle[value='0'] ~ .effectsboxtext {
+  height: 170px !important;
+}
+
+.passive_flawed_toggle[value='2'] ~ .effectsboxtext {
+  height: 170px !important;
+}
+
+.passive_flawed_toggle[value='2'] ~ .passiveReactivePopupFlex {
+  height: 109px !important;
+}
+
+/*#endregion*/
+
+/*#region repeatingControl*/
+.itemcontrol {
+  z-index: 10;
+}
+
+.repcontrol_add {
+  align-self: flex-end;
+  border-radius: 20px;
+  font-size: 14pt !important;
+}
+
+.repcontrol_edit {
+  align-self: flex-start !important;
+  border-radius: 20px;
+  font-size: 14pt !important;
+}
+
+.abilityShell .repcontrol_add {
+  align-self: flex-end;
+  border-radius: 20px;
+  font-size: 10pt !important;
+  width: 40px;
+  opacity: 1;
+  padding-left: 4px;
+  padding-right: 8px;
+  margin: 5px 0px;
+}
+
+.repcontainer[data-groupname='repeating_ability'],
+.repcontainer[data-groupname='repeating_war'],
+.repcontainer[data-groupname='repeating_qualities'],
+.repcontainer[data-groupname='repeating_warantagonist'] {
+  display: flex;
+  flex-wrap: wrap;
+  column-gap: 4px;
+  flex-direction: column;
+  row-gap: 1px;
+  margin-right: 3px;
+  margin-bottom: 2px;
+}
+
+.repcontainer[data-groupname='repeating_warantagonist'] .repitem {
+  max-width: 400px;
+}
+
+.repcontainer[data-groupname='repeating_toolkit'] .repitem {
+  display: grid;
+  grid-template-columns: 121px 21px;
+  height: 17px !important;
+  margin-top: 4px;
+  direction: ltr;
+}
+
+.repcontainer[data-groupname='repeating_talents'] .repitem {
+  height: 17px !important;
+  margin-top: 4px;
+}
+
+[data-groupname='repeating_ability'] > button.btn.repcontrol_add {
+  margin-right: 3px;
+}
+
+[data-groupname='repeating_warrunes'] > button.btn.repcontrol_add {
+  position:absolute;
+  z-index: 2;
+  top: 105px;
+  right: 7px;
+}
+
+[data-groupname='repeating_warrunes'] > button.btn.repcontrol_edit {
+  position:absolute;
+  z-index: 2;
+  left:8px;
+  top: 105px;
+}
+
+
+[data-groupname='repeating_ability'] > button.btn.repcontrol_modify {
+  margin-left: 3px;
+}
+
+[data-groupname='repeating_ability'] > button.btn.repcontrol_edit {
+  margin-left: 3px;
+}
+
+.itemcontrol[data-groupname='repeating_ability'] .repcontrol_del {
+  font-size: 8pt;
+  padding: 0px 6px;
+  margin-right: 5px;
+}
+
+.ui-dialog
+  .charsheet
+  .repcontainer[data-groupname='repeating_ability']
+  .repitem
+  .itemcontrol
+  .repcontrol_del {
+  font-size: 8pt;
+  padding: 0px 6px;
+  margin-right: 5px;
+}
+
+.ui-dialog
+  .charsheet
+  .repcontainer[data-groupname='repeating_toolkit']
+  .repitem
+  .itemcontrol
+  .repcontrol_del {
+  font-size: 7pt;
+  padding: 0px 4px;
+  margin-right: 2px;
+  margin-top: -2px;
+  height: 17px;
+  line-height: 15px;
+}
+.ui-dialog
+  .charsheet
+  .repcontainer[data-groupname='repeating_talents']
+  .repitem
+  .itemcontrol
+  .repcontrol_del {
+  font-size: 7pt;
+  padding: 0px 4px;
+  margin-right: 2px;
+  margin-top: -2px;
+  height: 17px;
+  line-height: 15px;
+}
+
+.ui-dialog
+  .charsheet
+  .repcontainer[data-groupname='repeating_toolkit']
+  .repitem
+  .itemcontrol
+  .repcontrol_move {
+  position: relative;
+  font-size: 11pt;
+  top: -13px;
+  left: 5px;
+  padding: 0px 4px;
+  line-height: 14px;
+}
+.ui-dialog
+  .charsheet
+  .repcontainer[data-groupname='repeating_talents']
+  .repitem
+  .itemcontrol
+  .repcontrol_move {
+  position: relative;
+  font-size: 11pt;
+  top: -13px;
+  left: 5px;
+  padding: 0px 4px;
+  line-height: 14px;
+}
+
+.ui-dialog
+  .charsheet
+  .repcontainer[data-groupname='repeating_ability']
+  .repitem
+  .itemcontrol
+  .repcontrol_move {
+  position: relative;
+  font-size: 11pt;
+  top: -8px;
+  left: 9px;
+  padding: 0px 4px;
+  line-height: 14px;
+}
+
+.ui-dialog
+  .charsheet
+  .repcontainer[data-groupname='repeating_war']
+  .repitem
+  .itemcontrol
+  .repcontrol_del {
+  position: relative;
+  font-size: 19pt;
+  width: 40px;
+  top: 3px;
+  right: 4px;
+  padding: 3px 4px 5px 4px;
+  line-height: 28px;
+  border-radius: 38px;
+}
+
+.ui-dialog
+  .charsheet
+  .repcontainer[data-groupname='repeating_war']
+  .repitem
+  .itemcontrol
+  .repcontrol_move {
+  position: relative;
+  font-size: 36pt;
+  width: 40px;
+  top: 2px;
+  left: 4px;
+  padding: 3px 4px 3px 4px;
+  line-height: 28px;
+  font-weight: 900;
+  border-radius: 38px;
+}
+
+.repcontrol[data-groupname='repeating_ability'],
+.repcontrol[data-groupname='repeating_war'],
+.repcontrol[data-groupname='repeating_qualities'],
+.repcontrol[data-groupname='repeating_warantagonist'] {
+  display: flex;
+  justify-content: space-between;
+}
+
+.repcontrol[data-groupname='repeating_power'] .repcontrol_move {
+  grid-area: d;
+}
+
+.repcontrol[data-groupname='repeating_power'] .repcontrol_edit {
+  font-size: 11pt !important;
+  align-self: flex-end !important;
+  order: 2;
+}
+
+.repcont .repcontrol[data-groupname='repeating_power'] .repcontrol_add {
+  grid-area: d;
+  margin-bottom: 20px;
+}
+
+.repcontrol[data-groupname='repeating_equipment'] .repcontrol_add {
+  position: absolute;
+  top: 410px;
+  right: 11px;
+}
+.repcontrol[data-groupname='repeating_toolkit'] .repcontrol_add {
+  position: absolute;
+  bottom: 8px;
+  left: 110px;
+  padding-top: 2px;
+  font-size: 14px !important;
+  font-weight: bolder;
+  height: 23px;
+}
+.repcontrol[data-groupname='repeating_talents'] .repcontrol_add {
+  position: absolute;
+  bottom: 8px;
+  right: 6px;
+  padding-top: 2px;
+  font-size: 14px !important;
+  font-weight: bolder;
+  height: 23px;
+}
+
+.repcontrol[data-groupname='repeating_talents'] .repcontrol_edit {
+  position: absolute;
+  bottom: 8px;
+  right: 61px;
+  padding-top: 2px;
+  font-size: 14px !important;
+  font-weight: bolder;
+  height: 23px;
+}
+
+.repcontrol[data-groupname='repeating_equipment'] .repcontrol_del {
+  margin-right: 17px;
+}
+
+.repcontrol[data-groupname='repeating_toolkit'] .repcontrol_del {
+  margin-right: 17px;
+}
+
+a.repcontainer[data-groupname='repeating_equipment'] a.btn.repcontrol_move {
+  margin-top: -11px;
+  margin-left: 1px;
+}
+
+a.repcontainer[data-groupname='repeating_toolkit'] a.btn.repcontrol_move {
+  margin-top: -11px;
+  margin-left: 1px;
+}
+
+.ui-dialog
+  .charsheet
+  .repcontainer[data-groupname='repeating_toolkit']
+  .repitem
+  .itemcontrol
+  .repcontrol_move {
+  position: relative;
+  font-size: 11pt;
+  top: -10px;
+  left: 1px;
+  padding: 0px 4px;
+  line-height: 14px;
+  border-radius: 50px;
+  padding-top: 2px;
+  width: 19px;
+}
+.ui-dialog
+  .charsheet
+  .repcontainer[data-groupname='repeating_talents']
+  .repitem
+  .itemcontrol
+  .repcontrol_move {
+  position: relative;
+  font-size: 11pt;
+  top: -10px;
+  left: 1px;
+  padding: 0px 4px;
+  line-height: 14px;
+  border-radius: 50px;
+  padding-top: 2px;
+  width: 19px;
+}
+
+.ui-dialog
+  .charsheet
+  .repcontainer[data-groupname='repeating_toolkit']
+  .repitem
+  .itemcontrol
+  .repcontrol_del {
+  font-size: 7pt;
+  padding: 0px 4px;
+  margin-right: 3px;
+  margin-top: -2px;
+  height: 19px;
+  line-height: 15px;
+  border-radius: 50px;
+  width: 20px;
+}
+.ui-dialog
+  .charsheet
+  .repcontainer[data-groupname='repeating_talents']
+  .repitem
+  .itemcontrol
+  .repcontrol_del {
+  font-size: 7pt;
+  padding: 0px 4px;
+  margin-right: 0px;
+  margin-top: -3px;
+  height: 19px;
+  line-height: 15px;
+  border-radius: 50px;
+  width: 20px;
+}
+
+.repcontrol[data-groupname='repeating_equipment'] .repcontrol_edit {
+  position: absolute;
+  top: 410px;
+  left: 585px;
+}
+
+.repcontrol[data-groupname='repeating_toolkit'] .repcontrol_edit {
+  position: absolute;
+  bottom: 8px;
+  left: 6px;
+  padding-top: 2px;
+  font-size: 14px !important;
+  font-weight: bolder;
+  height: 23px;
+}
+
+.repcontrol[data-groupname='repeating_blessings'] .repcontrol_add,
+.repcontrol[data-groupname='repeating_powers'] .repcontrol_add {
+  position: absolute;
+  top: 569px;
+  left: 697px;
+}
+
+.repcontainer[data-groupname='repeating_blessings'],
+.repcontainer[data-groupname='repeating_powers'] {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.repcontrol[data-groupname='repeating_blessings'] .repcontrol_del,
+.repcontrol[data-groupname='repeating_powers'] .repcontrol_del {
+  margin-right: 17px;
+}
+
+.repcontainer[data-groupname='repeating_blessings'] a.btn.repcontrol_move,
+.repcontainer[data-groupname='repeating_powers'] a.btn.repcontrol_move {
+  display: none;
+}
+
+.repcontrol[data-groupname='repeating_blessings'] .repcontrol_edit,
+.repcontrol[data-groupname='repeating_powers'] .repcontrol_edit {
+  position: absolute;
+  top: 569px;
+  left: 143px;
+}
+
+.abilityShell .repcontrol_edit {
+  align-self: flex-start !important;
+  border-radius: 20px;
+  font-size: 10pt !important;
+  width: 40px;
+  opacity: 1;
+  padding-left: 10px;
+  margin: 5px 0px;
+}
+
+.abilityShell .repcontrol_del {
+  height: 20px;
+  width: 20px;
+  padding: 0px;
+  margin-top: 1px;
+  margin-right: 4px;
+  border-radius: 25px;
+}
+
+.abilityShell .repcontrol_move {
+  padding: 0px;
+  height: 20px;
+  width: 20px;
+  border-radius: 25px;
+  position: relative;
+  z-index: 10;
+  align-self: flex-start;
+  left: 4px;
+  top: 2px;
+}
+
+/*#endregion*/
+
+/*#region popupControl*/
+.overlay {
+  position: fixed;
+  z-index: 1;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.7);
+  transition: opacity 500ms;
+  visibility: hidden;
+  opacity: 0;
+  width: 100%;
+}
+
+.overlay:target {
+  visibility: visible;
+  opacity: 1;
+}
+
+.popupCharacteristics {
+  margin: 10px auto;
+  padding: 1px;
+  background-color: #85d6ff;
+  border-radius: 15px;
+  width: 75%;
+  position: relative;
+  transition: all 0.5s ease-in-out;
+}
+
+.popupWAR {
+  margin: 10px auto;
+  padding: 1px;
+  background-color: #85d6ff;
+  border-radius: 15px;
+  width: 402px;
+  position: relative;
+  transition: all 0.5s ease-in-out;
+}
+
+.popupSpecialisation {
+  margin: 10px auto;
+  padding: 1px;
+  background-color: #85d6ff;
+  border-radius: 15px;
+  width: 652px;
+  position: relative;
+  transition: all 0.5s ease-in-out;
+}
+
+.popupEquipment {
+  margin: 10px auto;
+  padding: 1px;
+  border-radius: 15px;
+  width: 852px;
+  position: relative;
+  transition: all 0.5s ease-in-out;
+  height: 460px;
+}
+
+.popupBionic {
+  margin: 10px auto;
+  padding: 1px;
+  border-radius: 15px;
+  width: 702px;
+  position: relative;
+  transition: all 0.5s ease-in-out;
+  height: 460px;
+}
+
+.popupEquipmentUpper {
+  padding: 1px;
+  background-color: #85d6ff;
+  border-radius: 15px;
+  width: 852px;
+  position: relative;
+  transition: all 0.5s ease-in-out;
+  margin-bottom: 5px;
+  height: 462px;
+}
+
+.popupBionicUpper {
+  padding: 1px;
+  background-color: #85d6ff;
+  border-radius: 15px;
+  width: 702px;
+  position: relative;
+  transition: all 0.5s ease-in-out;
+  margin-bottom: 5px;
+  height: 462px;
+}
+
+.popupEquipmentLower {
+  padding: 1px;
+  background-color: #85d6ff;
+  border-radius: 15px;
+  width: 752px;
+  position: relative;
+  transition: all 0.5s ease-in-out;
+}
+
+.popupCharacteristics .close,
+.popupToolkit .close,
+.popupManifestations .close,
+.popupWAR .close,
+.popupEquipment .close {
+  height: 35px;
+  min-width: 25px;
+  color: #85d6ff;
+  transition: all 200ms;
+  font-size: 30px;
+  font-weight: bold;
+  text-decoration: none;
+  opacity: 0.9 !important;
+}
+
+.popupCharacteristics .close:hover,
+.popupToolkit .close:hover,
+.popupManifestations .close:hover,
+.popupWAR .close:hover,
+.popupEquipment .close:hover {
+  color: #06d85f;
+}
+
+.popupCharacteristics .content {
+  max-height: 50%;
+  overflow: auto;
+}
+/*#endregion*/
+
+/*#region actions abilities powers pursuit*/
+.pursuitName {
+  font-size: 10pt !important;
+  margin-right: 5px;
+  margin-left: 5px;
+  margin-bottom: -5px;
+}
+
+.bionics {
+  display: none;
+}
+
+.bionic_check[value='EnhancerT'] ~ .bionics {
+  display: block !important;
+}
+
+div.actionShell {
+  height: fit-content;
+  width: 430px !important;
+  border-radius: 15px 15px 15px 15px;
+  border: 1px solid black;
+  line-height: 25px !important;
+  display: grid;
+  grid-template-rows: 25px;
+  align-items: center;
+  position: relative;
+  padding-bottom: 3px;
+  top: -25px;
+  margin-bottom: -25px;
+}
+
+.pursuitButton[type='roll'] {
+  color: black !important;
+  font-weight: bolder !important;
+  margin-right: -3px !important;
+  margin-left: 0px !important;
+  padding-left: 1px !important;
+  height: 20px !important;
+  font-size: 20pt !important;
+  margin-bottom: 1px !important;
+}
+
+.manButton {
+  font-family: 'dicefontd10' !important;
+  background: transparent !important;
+  border: 0px;
+  font-size: 17pt !important;
+  margin-bottom: 10px !important;
+  -webkit-text-stroke-width: thin;
+  -webkit-text-stroke-color: black;
+  height: 15px !important;
+  width: 25px !important;
+  color: black !important;
+  margin-left: 0px !important;
+  padding-left: 0px !important;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0),
+    0 1px 2px rgba(0, 0, 0, 0);
+  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0),
+    0 1px 2px rgba(0, 0, 0, 0);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0), 0 1px 2px rgba(0, 0, 0, 0);
+}
+
+.abilitiesActionsButton {
+  align-self: center;
+    border-radius: 25px;
+    padding-bottom: 1px;
+    width: 135px;
+    height: 28px !important;
+    line-height: 29px;
+    font-size: 14pt;
+}
+
+.combatButton {
+  align-self: center;
+  border-radius: 25px;
+  padding-bottom: 21px;
+  padding-top: 2px;
+  width: 125px;
+  background: #071019;
+  color: #85d6ff;
+  height: 20px;
+  font-size: 12pt;
+  font-weight: 300;
+  text-align: center;
+}
+/*#endregion*/
+
+/*#region bionics*/
+.cns_bionics_description,
+.pns_bionics_description,
+.cs_bionics_description,
+.larm_bionics_description,
+.rarm_bionics_description,
+.barm_bionics_description,
+.legs_bionics_description,
+.structural_bionics_description {
+  display: none;
+}
+
+.cns_toggle:where(:not([value=''])) ~ .cns_bionics_description,
+.pns_toggle:where(:not([value=''])) ~ .pns_bionics_description,
+.cs_toggle:where(:not([value=''])) ~ .cs_bionics_description,
+.larm_toggle:where(:not([value=''])) ~ .larm_bionics_description,
+.rarm_toggle:where(:not([value=''])) ~ .rarm_bionics_description,
+.barm_toggle:where(:not([value=''])) ~ .barm_bionics_description,
+.legs_toggle:where(:not([value=''])) ~ .legs_bionics_description,
+.structural_toggle:where(:not([value=''])) ~ .structural_bionics_description {
+  display: block;
+}
+
+.cnsBionics {
+  position: absolute;
+  top: 85px;
+  left: 120px;
+}
+
+.pnsBionics {
+  position: absolute;
+  top: 57px;
+  left: 120px;
+}
+
+.csBionics {
+  position: absolute;
+  top: 130px;
+  left: 160px;
+}
+
+.structuralBionics {
+  position: absolute;
+  bottom: 20px;
+  left: 15px;
+}
+
+.larmBionics {
+  position: absolute;
+  top: 170px;
+  left: 175px;
+}
+
+.rarmBionics {
+  position: absolute;
+  top: 195px;
+  left: 175px;
+}
+
+.legsBionics {
+  position: absolute;
+  top: 300px;
+  left: 175px;
+}
+
+.bothBionics {
+  position: absolute;
+  top: 170px;
+  left: 175px;
+}
+
+.armtoggleBionics {
+  position: absolute;
+  top: 153px;
+  left: 175px;
+}
+
+.both_arms,
+.double_arms {
+  display: none;
+}
+
+.arm_toggle[value='1'] ~ .both_arms,
+.arm_toggle[value='0'] ~ .double_arms {
+  display: block;
+}
+
+h4.bionicsClick {
+  position: absolute;
+  width: 237px;
+  height: 18px;
+}
+
+#edit-button:active {
+  color: #85d6ff;
+  background: rgb(7, 16, 25);
+  padding-top: 3px !important;
+  margin-top: -4px !important;
+  margin-left: -3px;
+  border-radius: 10px;
+  width: 34px !important;
+  position: absolute;
+  padding-left: 5px;
+  left: 412px;
+  top: 13px;
+  height: 20px !important;
+}
+
+#edit-button:hover {
+  color: #356780;
+  background: rgba(7, 16, 25, 0.3);
+  padding-top: 3px !important;
+  margin-top: -4px !important;
+  margin-left: -3px;
+  border-radius: 10px;
+  width: 34px !important;
+  position: absolute;
+  padding-left: 5px;
+  left: 412px;
+  top: 13px;
+  height: 20px !important;
+}
+
+#edit-button {
+  color: #404040;
+  background: rgba(7, 16, 25, 0.15);
+  padding-top: 3px !important;
+  margin-top: -4px !important;
+  margin-left: -3px;
+  font-weight: 700;
+  line-height: 14px;
+  border-radius: 10px;
+  width: 34px !important;
+  position: absolute;
+  padding-left: 5px;
+  left: 412px;
+  top: 13px;
+  height: 20px !important;
+}
+
+.playercharsheet {
+  display: grid;
+  grid-template-columns: 435px auto;
+  column-gap: 3px;
+  margin-left: -10px;
+}
+/*#endregion*/
+
+/*#region rolltemplates*/
+.sheet-rolltemplate-reactive,
+.sheet-rolltemplate-active,
+.sheet-rolltemplate-ability,
+.sheet-rolltemplate-pursuit,
+.sheet-rolltemplate-antagonistdamage,
+.sheet-rolltemplate-blank,
+.sheet-rolltemplate-defence,
+.sheet-rolltemplate-resistance,
+.sheet-rolltemplate-manoeuvre {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  width: 230px !important;
+}
+
+.sheet-rolltemplate-empty {
+  display: none;
+}
+
+.sheet-rolltemplate-manoeuvre div.sheet-template-container,
+.sheet-rolltemplate-ability div.sheet-template-container,
+.sheet-rolltemplate-pursuit .sheet-template-container,
+.sheet-rolltemplate-blank div.sheet-template-container,
+.sheet-rolltemplate-stress div.sheet-template-container,
+.sheet-rolltemplate-reactive div.sheet-template-container,
+.sheet-rolltemplate-active div.sheet-template-container,
+.sheet-rolltemplate-antagonistdamage div.sheet-template-container,
+.sheet-rolltemplate-defence div.sheet-template-container,
+.sheet-rolltemplate-resistance div.sheet-template-container {
+  border: 2px solid #000 !important;
+  border-radius: 14px !important;
+  font-size: 9pt;
+  width: 100%;
+  cursor: default;
+  line-height: 1.15em;
+}
+
+.sheet-rolltemplate-manoeuvre .sheet-template-header,
+.sheet-rolltemplate-reactive .sheet-template-header,
+.sheet-rolltemplate-pursuit .sheet-template-header,
+.sheet-rolltemplate-blank .sheet-template-header,
+.sheet-rolltemplate-stress .sheet-template-header {
+  font-family: 'Crimson Text', serif !important;
+  background: rgb(7, 16, 25) !important;
+  color: #85d6ff !important;
+  padding: 2px;
+  font-weight: bolder;
+  border-bottom: 1px solid black;
+  line-height: 1em;
+  font-size: 1em;
+  border-radius: 10px 10px 0px 0px !important;
+  text-align: center;
+  cursor: default;
+}
+
+.sheet-rolltemplate-ability .sheet-template-header {
+  display: flex !important;
+  justify-content: space-between !important;
+  font-family: 'Crimson Text', serif !important;
+  background: rgb(7, 16, 25) !important;
+  color: #85d6ff !important;
+  padding: 2px;
+  font-weight: bolder;
+  border-bottom: 1px solid black;
+  line-height: 1em;
+  font-size: 1em;
+  border-radius: 10px 10px 0px 0px !important;
+  text-align: center;
+  cursor: default;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+
+.sheet-rolltemplate-active .sheet-template-header,
+.sheet-rolltemplate-antagonistdamage .sheet-template-header,
+.sheet-rolltemplate-defence .sheet-template-header,
+.sheet-rolltemplate-resistance .sheet-template-header {
+  font-family: 'Crimson Text', serif !important;
+  background: rgb(7, 16, 25) !important;
+  color: #85d6ff !important;
+  padding: 2px;
+  font-weight: bolder;
+  line-height: 1em;
+  font-size: 1em;
+  border-radius: 10px 10px 0px 0px !important;
+  text-align: center;
+  cursor: default;
+  padding-left: 10px !important;
+  padding-right: 10px !important;
+}
+
+.sheet-rolltemplate-antagonistdamage .sheet-template-headerFix,
+.sheet-rolltemplate-defence .sheet-template-headerFix,
+.sheet-rolltemplate-resistance .sheet-template-headerFix,
+.sheet-rolltemplate-active .sheet-template-headerFix {
+  display: flex !important;
+  justify-content: space-between !important;
+  padding-left: 10px !important;
+  padding-right: 10px !important;
+}
+
+.sheet-rolltemplate-active .sheet-template-headerCenter {
+  display: flex !important;
+  justify-content: center !important;
+  padding-left: 10px !important;
+  padding-right: 10px !important;
+}
+
+.sheet-rolltemplate-active .sheet-template-subheader,
+.sheet-rolltemplate-antagonistdamage .sheet-template-subheader {
+  font-family: 'Crimson Text', serif !important;
+  background: rgb(7, 16, 25) !important;
+  color: #85d6ff !important;
+  padding: 2px;
+  font-weight: bolder;
+  border-bottom: 1px solid black;
+  line-height: 1em;
+  font-size: 1em;
+  border-radius: 0px;
+  text-align: left;
+  cursor: default;
+  display: flex;
+  justify-content: space-between;
+  padding-left: 10px;
+  padding-right: 10px;
+  border-radius: 0px !important;
+}
+
+.sheet-rolltemplate-manoeuvre .sheet-template-row-outcome,
+.sheet-rolltemplate-ability .sheet-template-row-outcome,
+.sheet-rolltemplate-reactive .sheet-template-row-outcome,
+.sheet-rolltemplate-pursuit .sheet-template-row-outcome,
+.sheet-rolltemplate-blank .sheet-template-row-outcome,
+.sheet-rolltemplate-active .sheet-template-row-outcome,
+.sheet-rolltemplate-antagonistdamage .sheet-template-row-outcome,
+.sheet-rolltemplate-defence .sheet-template-row-outcome,
+.sheet-rolltemplate-resistance .sheet-template-row-outcome,
+.sheet-rolltemplate-stress .sheet-template-row-outcome {
+  font-family: 'Crimson Text', serif !important;
+  font-weight: bold;
+  color: rgb(7, 16, 25) !important;
+  border-radius: 0px 0px 14px 14px;
+  text-align: center;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  min-height: 25px !important;
+  align-items: center;
+  justify-content: center;
+  font-style: italic;
+  padding-left: 10px !important;
+  padding-right: 10px !important;
+}
+
+.sheet-rolltemplate-active .sheet-template-row-outcome-two {
+  font-family: 'Crimson Text', serif !important;
+  font-weight: bold;
+  color: rgb(7, 16, 25) !important;
+  border-radius: 0px 0px 14px 14px;
+  text-align: center;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  min-height: 15px !important;
+  align-items: center;
+  justify-content: center;
+  font-style: italic;
+  padding-left: 10px !important;
+  padding-right: 10px !important;
+}
+
+.sheet-darkmode.ui-widget-content {
+  color: var(--dark-secondarytext) !important;
+}
+
+.sheet-darkmode .activeWARNameDouble,
+.sheet-darkmode .passiveReactiveName,
+.sheet-darkmode .blessingsName {
+  color: #85d6ff !important;
+}
+
+.sheet-rolltemplate-active .sheet-template-row-outcome-info,
+.sheet-rolltemplate-antagonistdamage .sheet-template-row-outcome-info {
+  font-family: 'Crimson Text', serif !important;
+  font-weight: bold;
+  color: rgb(7, 16, 25) !important;
+  border-radius: 0px 0px 14px 14px;
+  text-align: left;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  font-style: italic;
+  padding-left: 10px !important;
+  padding-right: 10px !important;
+}
+
+.sheet-rolltemplate-defence .sheet-template-row-outcome-effect,
+.sheet-rolltemplate-resistance .sheet-template-row-outcome-effect {
+  font-family: 'Crimson Text', serif !important;
+  font-weight: bold;
+  color: rgb(7, 16, 25) !important;
+  border-radius: 0px 0px 14px 14px;
+  text-align: left;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  text-align: justify;
+  justify-content: space-between;
+  font-style: bold;
+  padding-left: 10px !important;
+  padding-right: 10px !important;
+  font-size: 11px;
+  line-height: 11px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+.sheet-rolltemplate-antagonistdamage .sheet-template-row-outcome a[href^='~'] {
+  font-family: 'dicefontd10' !important;
+  background: transparent;
+  border: 0px;
+  font-size: 26pt;
+  font-style: normal !important;
+  margin-bottom: 5px;
+  -webkit-text-stroke-width: thin;
+  -webkit-text-stroke-color: black;
+  color: black;
+  padding-left: 10px !important;
+  padding-right: 10px !important;
+}
+
+.sheet-rolltemplate-reactive .sheet-template-justify {
+  display: flex;
+  justify-content: space-between;
+  padding: 0px 10px;
+}
+
+.sheet-rolltemplate-pursuit .sheet-template-justify {
+  display: grid !important;
+  grid-template-columns: 1fr 1fr;
+  padding: 0px 10px !important;
+  column-gap: 15px;
+}
+
+.sheet-rolltemplate-pursuit .sheet-template-left {
+  justify-self: end !important;
+}
+
+.sheet-rolltemplate-pursuit .sheet-template-right {
+  justify-self: start !important;
+  font-weight: 900;
+}
+
+.sheet-rolltemplate-manoeuvre .sheet-template-row,
+.sheet-rolltemplate-ability .sheet-template-row,
+.sheet-rolltemplate-reactive .sheet-template-row,
+.sheet-rolltemplate-pursuit .sheet-template-row,
+.sheet-rolltemplate-blank .sheet-template-row,
+.sheet-rolltemplate-active .sheet-template-row,
+.sheet-rolltemplate-antagonistdamage .sheet-template-row,
+.sheet-rolltemplate-defence .sheet-template-row,
+.sheet-rolltemplate-resistance .sheet-template-row,
+.sheet-rolltemplate-stress .sheet-template-row {
+  font-family: 'Crimson Text', serif !important;
+  font-weight: 900;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  padding-left: 5px !important;
+  padding-right: 5px !important;
+  min-height: 8px;
+}
+
+.sheet-rolltemplate-manoeuvre .inlinerollresult,
+.sheet-rolltemplate-ability .inlinerollresult,
+.sheet-rolltemplate-reactive .inlinerollresult,
+.sheet-rolltemplate-pursuit .inlinerollresult,
+.sheet-rolltemplate-blank .inlinerollresult,
+.sheet-rolltemplate-active .inlinerollresult,
+.sheet-rolltemplate-antagonistdamage .inlinerollresult,
+.sheet-rolltemplate-defence .inlinerollresult,
+.sheet-rolltemplate-resistance .inlinerollresult,
+.sheet-rolltemplate-stress .inlinerollresult {
+  display: inline-block;
+  text-align: center;
+  border: 2px solid rgba(167, 168, 170, 1);
+  cursor: default;
+}
+
+.sheet-rolltemplate-manoeuvre .sheet-template-row .inlinerollresult,
+.sheet-rolltemplate-reactive .sheet-template-row .inlinerollresult,
+.sheet-rolltemplate-reactive .sheet-template-row-outcome .inlinerollresult,
+.sheet-rolltemplate-pursuit .sheet-template-row .inlinerollresult,
+.sheet-rolltemplate-blank .sheet-template-row .inlinerollresult,
+.sheet-rolltemplate-active .sheet-template-row .inlinerollresult,
+.sheet-rolltemplate-active .sheet-template-row-outcome .inlinerollresult,
+.sheet-rolltemplate-antagonistdamage .sheet-template-row .inlinerollresult,
+.sheet-rolltemplate-antagonistdamage
+  .sheet-template-row-outcome
+  .inlinerollresult,
+.sheet-rolltemplate-defence .sheet-template-row .inlinerollresult,
+.sheet-rolltemplate-defence .sheet-template-row-outcome .inlinerollresult,
+.sheet-rolltemplate-resistance .sheet-template-row .inlinerollresult,
+.sheet-rolltemplate-resistance .sheet-template-row-outcome .inlinerollresult,
+.sheet-rolltemplate-blank .sheet-template-row-outcome .inlinerollresult,
+.sheet-rolltemplate-stress .sheet-template-row .inlinerollresult {
+  background: transparent;
+  border: none;
+  pointer-events: none;
+}
+
+.sheet-rolltemplate-active .sheet-template-row-center,
+.sheet-rolltemplate-defence .sheet-template-row-center {
+  justify-content: center;
+}
+.sheet-rolltemplate-active .sheet-template-row-flex {
+  display: flex;
+}
+
+.sheet-rolltemplate-defence .sheet-template-row-roll .inlinerollresult,
+.sheet-rolltemplate-resistance .sheet-template-row-roll .inlinerollresult,
+.sheet-rolltemplate-active .sheet-template-row-roll .inlinerollresult,
+.sheet-rolltemplate-blank .sheet-template-row-roll .inlinerollresult,
+.sheet-rolltemplate-manoeuvre .sheet-template-row-roll .inlinerollresult,
+.sheet-rolltemplate-pursuit .sheet-template-row-roll .inlinerollresult {
+  background: transparent;
+  border: 2px solid !important;
+  border-radius: 50px;
+  pointer-events: none;
+  font-weight: bold;
+  line-height: 18px;
+  min-height: 17px;
+  min-width: 12px;
+  max-height: 17px;
+  max-width: 12px;
+}
+
+.sheet-rolltemplate-defence .sheet-template-row-roll .fullcrit,
+.sheet-rolltemplate-resistance .sheet-template-row-roll .fullcrit,
+.sheet-rolltemplate-active .sheet-template-row-roll .fullcrit,
+.sheet-rolltemplate-blank .sheet-template-row-roll .fullcrit,
+.sheet-rolltemplate-manoeuvre .sheet-template-row-roll .fullcrit,
+.sheet-rolltemplate-pursuit .sheet-template-row-roll .fullcrit {
+  border: 2px solid #3fb315 !important;
+  height: 14px;
+  padding-top: 2px;
+  line-height: 15px;
+}
+
+.sheet-rolltemplate-defence .sheet-template-row-roll .fullfail,
+.sheet-rolltemplate-resistance .sheet-template-row-roll .fullfail,
+.sheet-rolltemplate-active .sheet-template-row-roll .fullfail,
+.sheet-rolltemplate-blank .sheet-template-row-roll .fullfail,
+.sheet-rolltemplate-manoeuvre .sheet-template-row-roll .fullfail,
+.sheet-rolltemplate-pursuit .sheet-template-row-roll .fullfail {
+  border: 2px solid #b31515 !important;
+  line-height: 15px;
+}
+
+.sheet-rolltemplate-blank .sheet-template-row-roll .inlinerollresult {
+  padding-left: 2px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.sheet-rolltemplate-blank .sheet-template-row {
+  justify-content: center;
+}
+
+.sheet-rolltemplate-blank .sheet-template-row-outcome {
+  font-size: 12pt !important;
+}
+
+.sheet-rolltemplate-manoeuvre .sheet-template-row,
+.sheet-rolltemplate-reactive .sheet-template-row,
+.sheet-rolltemplate-pursuit .sheet-template-row,
+.sheet-rolltemplate-blank .sheet-template-row,
+.sheet-rolltemplate-active .sheet-template-row,
+.sheet-rolltemplate-ability .sheet-template-row,
+.sheet-rolltemplate-antagonistdamage .sheet-template-row,
+.sheet-rolltemplate-stress .sheet-template-row,
+.sheet-rolltemplate-defence .sheet-template-row,
+.sheet-rolltemplate-manoeuvre .sheet-template-row-outcome,
+.sheet-rolltemplate-reactive .sheet-template-row-outcome,
+.sheet-rolltemplate-ability .sheet-template-row-outcome,
+.sheet-rolltemplate-pursuit .sheet-template-row-outcome,
+.sheet-rolltemplate-blank .sheet-template-row-outcome,
+.sheet-rolltemplate-defence .sheet-template-row-outcome,
+.sheet-rolltemplate-resistance .sheet-template-row-outcome,
+.sheet-rolltemplate-active .sheet-template-row-outcome,
+.sheet-rolltemplate-antagonistdamage .sheet-template-row-outcome,
+.sheet-rolltemplate-stress .sheet-template-row-outcome {
+  cursor: default;
+  padding-left: 5px !important;
+  padding-right: 5px !important;
+  color: black;
+  font-size: 11px;
+  line-height: 11px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+.sheet-rolltemplate-active .sheet-template-span,
+.sheet-rolltemplate-defence .sheet-template-span,
+.sheet-rolltemplate-resistance .sheet-template-span {
+  display: flex;
+  justify-content: space-evenly;
+  width: 100%;
+  flex-wrap: wrap;
+}
+
+.sheet-rolltemplate-active .sheet-template-spanFlex,
+.sheet-rolltemplate-defence .sheet-template-spanFlex,
+.sheet-rolltemplate-resistance .sheet-template-spanFlex {
+  display: grid;
+  flex-direction: column;
+  align-items: center;
+  grid-template-rows: 20px 12px;
+  justify-items: center;
+  row-gap: 4px;
+}
+
+.sheet-rolltemplate-manoeuvre div:nth-child(odd),
+.sheet-rolltemplate-ability div:nth-child(odd),
+.sheet-rolltemplate-defence div:nth-child(odd),
+.sheet-rolltemplate-resistance div:nth-child(odd),
+.sheet-rolltemplate-pursuit div:nth-child(odd),
+.sheet-rolltemplate-blank div:nth-child(odd),
+.sheet-rolltemplate-reactive div:nth-child(odd),
+.sheet-rolltemplate-stress div:nth-child(odd),
+.sheet-rolltemplate-active div:nth-child(odd),
+.sheet-rolltemplate-antagonistdamage div:nth-child(odd) {
+  background-color: rgba(197, 197, 224, 1);
+}
+
+.sheet-rolltemplate-manoeuvre div:nth-child(even),
+.sheet-rolltemplate-ability div:nth-child(even),
+.sheet-rolltemplate-defence div:nth-child(even),
+.sheet-rolltemplate-resistance div:nth-child(even),
+.sheet-rolltemplate-pursuit div:nth-child(even),
+.sheet-rolltemplate-blank div:nth-child(even),
+.sheet-rolltemplate-reactive div:nth-child(even),
+.sheet-rolltemplate-stress div:nth-child(even),
+.sheet-rolltemplate-active div:nth-child(even),
+.sheet-rolltemplate-antagonistdamage div:nth-child(even) {
+  background-color: rgba(233, 233, 233, 1);
+}
+
+.sheet-rolltemplate-active div:last-child,
+.sheet-rolltemplate-reactive div:last-child,
+.sheet-rolltemplate-manoeuvre div:last-child,
+.sheet-rolltemplate-antagonistdamage div:last-child,
+.sheet-rolltemplate-resistance div:last-child,
+.sheet-rolltemplate-ability div:last-child,
+.sheet-rolltemplate-defence div:last-child,
+.sheet-rolltemplate-pursuit div:last-child,
+.sheet-rolltemplate-blank div:last-child,
+.sheet-rolltemplate-stress div:last-child {
+  border-radius: 0px 0px 10px 10px;
+  padding-bottom: 1px;
+}
+
+/*#endregion*/
diff --git a/The ADVANCED Pandemonium/The_ADVANCED_Pandemonium.html b/The ADVANCED Pandemonium/The_ADVANCED_Pandemonium.html
index 339ba53d1d..1d58c9ea75 100644
--- a/The ADVANCED Pandemonium/The_ADVANCED_Pandemonium.html	
+++ b/The ADVANCED Pandemonium/The_ADVANCED_Pandemonium.html	
@@ -1,2752 +1,2752 @@
-<!--Sheet Section-->
-<div class="charsheet">
-    <input type="hidden" class="antagonist_flag" name="attr_antagonist_flag" value="0" />
-    <div class="player_sheet" style="margin-top: -20px;">
-        <div class="playercharsheet" autocomplete="off">
-            <div class="left_side" style="margin-top:3px">
-                <div style="display:grid; grid-template-columns:287px 142px; column-gap:3px">
-                    <div style="display:flex; flex-direction:column">
-                        <img class="logoImage" src="https://i.imgur.com/bZsdIU4.png" alt="The Advanced">
-                        <div class="nameAndLegacy__row">
-                            <div name="name" class="nameAndLegacy__cell">
-                                <h3>Name:</h3>
-                                <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet characterName" name="attr_character_name" autocomplete="nope" style="font-size:12pt">
-                            </div>
-                            <div name="manifestation" class="nameAndLegacy__cell">
-                                <h3>Manifestation:</h3>
-                                <select class="hiddenSheet manifestation" name="attr_legacy">
-                                    <option value="None" selected>Select One</option>
-                                    <option value="Luminous">Luminous (Light Particles)</option>
-                                    <option value="Magus">Magus (Aether)</option>
-                                    <option value="EnhancerP">Enhancer (Purist)</option>
-                                    <option value="EnhancerS">Enhancer (Spectre)</option>
-                                    <option value="EnhancerT">Enhancer (Technologist)</option>
-                                    <option value="ExemplarG">Exemplar (Genesis)</option>
-                                    <option value="ExemplarD">Exemplar (Dominus)</option>
-                                    <option value="Gaia">Gaia (Nature)</option>
-                                </select>
-                                <input type="hidden" class="bionic_check" name="attr_legacy" value="None">
-                                <a class="button anchorButton stanceButton" href="#manifestationEffect">Effects</a>
-                            </div>
-                            <div name="characteristics" class="nameAndLegacy__cell">
-                                <a class="button anchorButton stanceButton" href="#characteristics" style="width:125px">Characteristics</a>
-                                <a class="button anchorButton stanceButton" href="#leveling" style="width:125px">Leveling Bonuses</a>
-                            </div>
-                        </div>
-                    </div>
-                    <div>
-                        <div name="combatBlock" class="combatShell" style="margin-top: -2px !important;">
-                            <div class="combatFlex combatTitle">
-                                <h1 class="header" style="width: 210px;font-size: 17px;">Combat Block</h1>
-                            </div>
-                            <div class="combatGrid flexJustify" style="border-bottom:1px solid black;height:17px !important">
-                                <div name="splitter"></div>
-                                <h4 style="margin-left: 4px;">Movement:</h4>
-                                <div style="display:flex;align-items: center;">
-                                    <input type="number" style="height: 14px !important; width: 40px; margin-bottom: 0px;" class="hiddenSheet centered" name="attr_movement_value" value="0">
-                                </div>
-                                <div name="splitter"></div>
-                            </div>
-                            <div class="combatGrid flexJustify" style="border-bottom:1px solid black;height:17px !important">
-                                <div name="splitter"></div>
-                                <h4 style="margin-left: 4px;">Manoeuvre:</h4>
-                                <div style="display:flex;align-items: center;">
-                                    <input type="number" style="height: 14px !important; width: 18px; margin-bottom: 0px;" class="hiddenSheet centered" name="attr_manoeuvre_value" value="0">
-                                    <button type="action" name="act_manoeuvreroll" class="tokenaction manButton">k</button>
-                                </div>
-                                <div name="splitter"></div>
-                            </div>
-                            <div class="combatGrid flexJustify" style="border-bottom:1px solid black;height:17px !important">
-                                <div name="splitter"></div>
-                                <h4 style="margin-left: 4px;margin-right: -5px;">Detection Range:</h4>
-                                <input type="number" style="height: 14px !important; width: 18px; margin-bottom: 0px;" class="hiddenSheet centered" name="attr_detection_range" value="0">
-                                <div name="splitter"></div>
-                            </div>
-                            <div class="combatGridReactive flexJustify" style="border-bottom:1px solid black;height:17px !important">
-                                <div name="splitter"></div>
-                                <h4 style="margin-left: 4px;">Aura Size:</h4>
-                                <input type="number" style="height: 14px !important; width: 18px; margin-bottom: 0px;" class="hiddenSheet centered" name="attr_aura_size" value="0">
-                                <div name="splitter"></div>
-                            </div>
-                            <div class="combatGridReactive flexJustify" style="border-bottom:1px solid black;height:17px !important">
-                                <div name="splitter"></div>
-                                <h4 style="margin-left: 4px;">Pursuit Bonus:</h4>
-                                <input type="number" style="height: 14px !important; width: 18px; margin-bottom: 0px;" name="attr_pursuit_bonus" class="hiddenSheet centered" value="0">
-                                <div name="splitter"></div>
-                            </div>
-                            <div class="combatGrid flexJustify" style="border-bottom:1px solid black;height:17px !important">
-                                <div name="splitter"></div>
-                                <h4 style="margin-left: 4px;">Fortitude:</h4>
-                                <div style="display:flex;align-items: center;">
-                                    <input type="number" style="height: 14px !important; width: 18px; margin-bottom: 0px;" class="hiddenSheet centered" name="attr_fortitude" value="0">
-                                    <button type="action" name="act_fortitude" class="manButton">k</button>
-                                </div>
-                                <div name="splitter"></div>
-                            </div>
-                            <div class="combatGrid flexJustify" style="height: 19px;">
-                                <div name="splitter"></div>
-                                <h4 style="margin-left: 4px; margin-top: -2px; line-height: 13px; font-size: 9pt; width: 120px !important;">Blank & Chance Rolls:</h4>
-                                <div style="display:flex;align-items: center;">
-                                    <button type="action" name="act_blank" class="manButton" style="margin-left: 17px !important;">k</button>
-                                </div>
-                                <div name="splitter"></div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div style="display: grid; grid-template-columns: 185px 100px 145px;margin-top: -15px;">
-                    <div name="stamina" class="stressWoundsStamina__cell shieldingStaminaFlexCorrection">
-                        <div class="shielding__row">
-                            <div class="centertitle stamina1" style="line-height: 24px;border-radius: 10px 0px 0px 0px;">Hit Points</div>
-                            <div class="centertitle stamina1" style="line-height: 24px;grid-area: aa;border-radius: 0px 10px 0px 0px;">Wound</div>
-
-                            <input type="number" name="attr__hit_points_one" value="0" class="currentStamina hp1 centered" style="padding: 0px;">
-                            <h1 class="hp3">/</h1>
-                            <input type="number" name="attr__hit_points_max" value="0" class="hp2 centered" readonly="true" style="padding: 0px;" />
-                            <input type="checkbox" class="hiddenSheet centered fatigueExhausted" name="attr_wound_one" value="1" title="WoundOne" style="width:18px !important; height:18px !important;align-self: center;grid-area: g;margin-left: 9px;">
-
-                            <input type="number" name="attr__hit_points_two" value="0" class="currentStamina hp1 centered" style="padding: 0px;grid-area: bb;">
-                            <h1 class="hp3" style="grid-area:cc">/</h1>
-                            <input type="number" name="attr__hit_points_max" value="0" class="hp2 centered" readonly="true" style="padding: 0px;grid-area: dd;" />
-                            <input type="checkbox" class="hiddenSheet centered fatigueExhausted" name="attr_wound_two" value="1" title="WoundTwo" style="width:18px !important; height:18px !important;align-self: center;grid-area: gg;margin-left: 9px;">
-
-                            <input type="number" name="attr__hit_points_three" value="0" class="currentStamina hp1 centered" style="padding: 0px;grid-area: bbb;">
-                            <h1 class="hp3" style="grid-area:ccc">/</h1>
-                            <input type="number" name="attr__hit_points_max" value="0" class="hp2 centered" readonly="true" style="padding: 0px;grid-area: ddd;" />
-                            <input type="checkbox" class="hiddenSheet centered fatigueExhausted" name="attr_wound_three" value="1" title="WoundThree" style="width:18px !important; height:18px !important;align-self: center;grid-area: ggg;margin-left: 9px;">
-
-                            <input type="number" name="attr__hit_points_four" value="0" class="currentStamina hp1 centered" style="padding: 0px;grid-area: bbbb;">
-                            <h1 class="hp3" style="grid-area:cccc">/</h1>
-                            <input type="number" name="attr__hit_points_max" value="0" class="hp2 centered" readonly="true" style="padding: 0px;grid-area: dddd;" />
-                            <input type="checkbox" class="hiddenSheet centered fatigueExhausted" name="attr_wound_four" value="1" title="WoundFour" style="width:18px !important; height:18px !important;align-self: center;grid-area: gggg;margin-left: 9px;">
-
-                            <input type="number" name="attr__hit_points_five" value="0" class="currentStamina hp1 centered" style="padding: 0px;grid-area: bbbbb;">
-                            <h1 class="hp3" style="grid-area:ccccc">/</h1>
-                            <input type="number" name="attr__hit_points_max" value="0" class="hp2 centered" readonly="true" style="padding: 0px;grid-area: ddddd;" />
-                            <input type="checkbox" class="hiddenSheet centered fatigueExhausted" name="attr_wound_five" value="1" title="WoundFive" style="width:18px !important; height:18px !important;align-self: center;grid-area: ggggg;margin-left: 9px;">
-
-                            <div class="centertitle stamina4">
-                                <h2 style="line-height: 21px; margin-left: -10px; text-align: center; font-weight: bolder; color: #85D6FF;font-size:10pt">Base</h2>
-                            </div>
-                            <div class="stamina5" style="border-bottom-right-radius: 0px;">
-                                <input type="number" name="attr_hit_points_max_value" value="0" class="hiddenSheetTitle centerText shieldingStaminaMax" style="margin-left: -4px;width:35px !important">
-                                <input type="hidden" name="attr__hit_points_max">
-                            </div>
-                            <div class="centertitle stamina4" style="grid-area: ee;border-bottom-right-radius: 0px;;border-bottom-left-radius: 0px;">
-                                <h2 style="line-height: 21px; margin-left: -10px; text-align: center; font-weight: bolder; color: #85D6FF;font-size:10pt;">Aggravated</h2>
-                            </div>
-                            <div class="stamina5" style="grid-area: ff;margin-left: 0px; padding-left: 4px;">
-                                <input type="number" name="attr_aggravated_value" value="0" class="hiddenSheetTitle centerText shieldingStaminaMax" style="width:25px !important">
-                            </div>
-                        </div>
-                    </div>
-                    <div name="stamina" class="stressWoundsStamina__cell shieldingStaminaFlexCorrection">
-                        <div class="effort__row">
-                            <div class="centertitle stamina1" style="line-height: 24px;">Effort</div>
-                            <input type="number" name="attr__stamina" value="0" class="currentStamina stamina2 centered" style="padding: 0px;">
-                            <h1 class="stamina3">/</h1>
-                            <input type="number" name="attr__stamina_max" value="0" class="stamina6 centered" readonly="true" style="padding: 0px;" />
-                            <div class="centertitle stamina4">
-                                <h2 style="line-height: 21px; margin-left: -10px; text-align: center; font-weight: bolder; color: #85D6FF;">Base</h2>
-                            </div>
-                            <div class="stamina5">
-                                <input type="number" name="attr_stamina_max_value" value="0" class="hiddenSheetTitle centerText shieldingStaminaMax" style="position: relative;right: 7px;z-index: 1;width:30px !important">
-                                <input type="hidden" name="attr__stamina_max">
-                            </div>
-                        </div>
-                        <div class="effort__row">
-                            <div class="centertitle shielding1" style="line-height: 24px;">Shielding</div>
-                            <input type="number" name="attr__shielding" value="0" class="currentStamina shielding2 centered" style="padding: 0px;">
-                            <h1 class="shielding3">/</h1>
-                            <input type="number" name="attr__shielding_max" value="" class="shielding6 centered" readonly="true" style="padding: 0px;" />
-                            <div class="centertitle shielding4">
-                                <h2 style="line-height: 21px; margin-left: -10px; text-align: center; font-weight: bolder; color: #85D6FF;">Base</h2>
-                            </div>
-                            <div class="shielding5">
-                                <input type="number" name="attr_shielding_max_value" value="0" class="hiddenSheetTitle centerText shieldingStaminaMax" style="position: relative; right: 7px; z-index: 1; width: 30px !important;">
-                                <input type="hidden" name="attr__shielding_max">
-                            </div>
-                        </div>
-                    </div>
-                    <div name="stress" class="passiveWarShell" style="margin-top: 19px; height: 120px; padding-bottom: 5px;">
-                        <div class="passiveFlex passiveTitle">
-                            <h1 class="header passiveTitleFlex" style="width: 144px;">Stress & Fatigue</h1>
-                        </div>
-                        <div style="display: grid; grid-template-columns: 95px 40px;">
-                            <h1 style="font-size: 14px; font-weight: 900; border-bottom: 1px solid black; height: 16px; margin-top: -3px;">Strain</h1>
-                            <div style="border-bottom: 1px solid black; height: 18px; width: 30px; margin-top: -5px !important;padding-left: 13px; margin-top: 1px;">
-                                <input type="number" name="attr_strain" value="0" class="currentStamina stamina2 centered" style="padding: 0px;font-size: 11pt; height: 13px !important;">
-                            </div>
-                            <h1 style="font-size: 14px;font-weight: 900;height: 14px;">Low Stress</h1>
-                            <input type="checkbox" class="hiddenSheet centered fatigueExhausted" style="width:14px !important; height:14px !important;" name="attr_low_stress" value="1" title="Low_Stress">
-                            <h1 style="font-size: 14px;font-weight: 900;height: 14px;">Stress</h1>
-                            <input type="checkbox" class="hiddenSheet centered fatigueExhausted" style="width:14px !important; height:14px !important;" name="attr_stress" value="1" title="Stress">
-                            <h1 style="font-size: 14px;font-weight: 900;border-bottom: 1px solid black;">Burned Out</h1>
-                            <div style="border-bottom: 1px solid black; height: 18px; width: 30px; margin-top: -1px;padding-left: 13px; margin-top: 1px;">
-                                <input type="checkbox" class="hiddenSheet centered fatigueExhausted" style="width:14px !important; height:14px !important;" name="attr_burned_out" value="1" title="Burned_Out">
-                            </div>
-                            <h1 style="font-size: 14px;font-weight: 900;height: 14px;">Fatigued</h1>
-                            <input type="checkbox" class="hiddenSheet centered fatigueExhausted" style="width:14px !important; height:14px !important;" name="attr_fatigued" value="1" title="Fatigue">
-                            <h1 style="font-size: 14px;font-weight: 900;height: 14px;">Exhausted</h1>
-                            <input type="checkbox" class="hiddenSheet centered fatigueExhausted" style="width:14px !important; height:14px !important;" name="attr_exhausted" value="1" title="Exhausted">
-                        </div>
-                    </div>
-                </div>
-                <div name="passiveWarStatsReactiveWar" class="passiveWarStatsReactiveWar__row">
-                    <div name="passiveWAR" class="passiveWarShell">
-                        <div class="passiveFlex passiveTitle" style="grid-area:a">
-                            <h4 class="header" style="width:39px;font-size: 8pt;grid-area: aa;margin-top: -2px;margin-left: 6px;">Flawed: </h4>
-                            <input type="checkbox" class="hiddenSheet centered activeInput" name="attr_passive_flawed" value="2" style="height: 13px !important; width: 13px !important; grid-area: b; margin-top: -1px !important; margin-left: 2px;">
-                            <input type="hidden" name="attr_passive_flawed" value="0" class="passive_flawed_toggle">
-                            <h1 class="header passiveTitleFlex" style="width: 181px;">Passive WAR</h1>
-                            <button type="action" name="act_passive" class="diceButton">k</button>
-                        </div>
-                        <div style="display: flex;width: 273px;margin-left: 0px;margin-right: 9px;justify-content: space-between;">
-                            <h4 style="grid-area:b; margin-left:10px;min-width:30px">Type:</h4>
-                            <select type="text" class="hiddenSheet activeSelect" name="attr_passive_type" style="margin-right:75px;max-width: 70px;min-width: 70px; font-size: 10pt !important; font-weight: 900; margin-top: -2px;margin-left: -2px;">
-                                <option value="1" selected>Ethereal</option>
-                                <option value="2">Natural</option>
-                                <option value="3">Physical</option>
-                            </select>
-                            <input type="hidden" class="hiddenSheet centered" name="attr_passive_type" value="1">
-                            <input type="hidden" class="hiddenSheet centered" name="attr_defence_bonus" value="2">
-                            <input type="hidden" class="hiddenSheet centered" name="attr_resistance_bonus" value="1">
-                            <input type="hidden" class="hiddenSheet centered" name="attr_mitigation_bonus" value="0">
-                            <input type="hidden" class="hiddenSheet centered" name="attr_passive_type_effect" value="Double Effort when spent on Defence Value Grants 1 free hex of movement per leveling stage after the current Attack is resolved. This Movement does not trigger any effects or qualities that rely uppon movement.">
-
-                            <h4 style="font-size: 9pt; margin-bottom: 1px;min-width:67px">Roll Modifier: </h4>
-                            <input type="number" style="min-width: 20px; margin-bottom: 2px;max-width: 20px;" class="hiddenSheet centered" name="attr_passiveModifier" value="0">
-                        </div>
-                        <div style="display:flex;width: 275px;margin-left:4px;margin-right:4px;justify-content: space-between;margin-top: -4px;">
-                            <div style="display:flex;align-self: end;grid-area: g;">
-                                <div class="shardFlexRR" style="margin-left: 6px;width:80px;margin-right: 12px">
-                                    <h3 style="line-height: 15px; font-size: 10pt;" class="shardTitle">Mitigation</h3>
-                                    <div class="inputShell">
-                                        <input type="number" class="hiddenSheet inputField" name="attr_mitigation" value="0" style="font-size:14px !important;">
-                                    </div>
-                                </div>
-                                <div class="shardFlexR" style="margin-left: 1px;width:80px;margin-right: 12px;">
-                                    <h3 style="line-height: 15px; font-size: 10pt;" class="shardTitle">Defence</h3>
-                                    <div class="inputShell">
-                                        <input type="number" class="hiddenSheet inputField" name="attr_defence" value="0" style="font-size:14px !important;">
-                                    </div>
-                                </div>
-                                <div class="shardFlexR" style="margin-left: 1px; margin-right: 5px;width:80px">
-                                    <h3 style="line-height: 15px; font-size: 10pt;" class="shardTitle">Resistance</h3>
-                                    <div class="inputShell">
-                                        <input type="number" class="hiddenSheet inputField" name="attr_resistance" value="0" style="font-size:14px !important;">
-                                    </div>
-                                </div>
-                            </div>
-
-                        </div>
-                        <div class="passiveDescription test" style="flex-direction: column;">
-                            <span style="display:flex; height: 33px; width: 100%; margin-left: 14px;">
-                                <textarea spellcheck='false' autocorrect='off' name="attr_passive_reaction" class="passiveReactiveWARDescription" style="margin-right: 4px; font-size: 12px;height: 30px; width: 100% !important; margin: 0px; margin-left: 3px; line-height: 13px;" placeholder="Reaction"></textarea>
-                                <span style="display:flex; height: 13px;flex-direction: column; align-items: center; margin-right: 10px;">
-                                    <h4 style="margin-left: 3px; font-size: 11pt;margin-top: -2px;margin-right: 10px;">Reaction</h4>
-                                    <button type="roll" class="button reactiveButton" value="&{template:reactive} {{name=@{character_name}}} {{type=[[@{passive_type}]]}}" name="roll_reactive" style="margin-top: -10px;margin-left: -8px;width:18px !important;font-size: 23pt !important;margin-right:8px"></button>
-                                </span>
-                            </span>
-                            <span style="display: flex; height: 41px; width: 270px; margin-left: 14px; margin-bottom: 5px; align-items: center; justify-content: flex-end;">
-                                <input type="hidden" name="attr_passive_flawed" value="0" class="passive_flawed_toggle">
-                                <textarea spellcheck='false' autocorrect='off' name="attr_passive_flaw" class="passiveReactiveWARDescription passive_flawed" style="height: 40px; width: 265px !important; margin: 0px; margin-left: 3px;" placeholder="Flaw"></textarea>
-                                <a class="button anchorButton abilitiesActionsButton" href="#passiverune" style="margin-left: 3px; min-width: 35px; max-width: 35px; height: 35px !important;  font-size: 9pt; padding-bottom: 0px !important; line-height: 9px; padding-left: 4px; padding-right: 4px; padding-top: 8px;">Rune Data</a>
-                            </span>
-                        </div>
-                    </div>
-                    <div name="pursuits" class="reactiveWarShell" style="height: 171px; margin-top:-13px">
-                        <div class="reactiveFlex reactiveTitle test" style="grid-area:a">
-                            <h1 class="header reactiveTitleFlex" style="font-size: 13pt;">Pursuit</h1>
-                        </div>
-                        <div style="display:flex; margin-bottom:-6px">
-                            <h4 style="width: 71px;font-size:8pt; font-weight: bolder;">Competencies</h4>
-                            <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet" name="attr_main_pursuit_name" autocomplete="nope" style="width:55px;font-size: 10.5px !important; height: 11px !important; margin-top: 2px; padding-left: 1px !important; padding-right: 1px !important;" value="Survival">
-                            <button type='roll' style="margin-top: -5px;margin-bottom: 5px !important;font-size: 15pt !important;" class="button pursuitButton" value='&{template:pursuit} {{pursuitName=: @{main_pursuit_name}}} {{name=@{character_name}}} {{version=Pursuit}} {{level=@{main_pursuit_k}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_mainPursuit'></button>
-                        </div>
-                        <div style="display:flex">
-                            <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet" name="attr_first_pursuit_name" autocomplete="nope" style="width:55px;font-size: 10.5px !important; height: 11px !important; margin-top: 2px; padding-left: 1px !important; padding-right: 1px !important;" value="Running">
-                            <button type='roll' style="margin-top: -5px;margin-bottom: 5px !important;font-size: 15pt !important;" class="button pursuitButton" value='&{template:pursuit} {{pursuitName=: @{first_pursuit_name}}} {{name=@{character_name}}} {{version=Pursuit}} {{level=@{main_pursuit_k}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_mainPursuit'></button>
-                            <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet" name="attr_second_pursuit_name" autocomplete="nope" style="width:55px;font-size: 10.5px !important; height: 11px !important; margin-top: 2px; padding-left: 1px !important; padding-right: 1px !important;" value="Jumping">
-                            <button type='roll' style="margin-top: -5px;margin-bottom: 5px !important;font-size: 15pt !important;" class="button pursuitButton" value='&{template:pursuit} {{pursuitName=: @{second_pursuit_name}}} {{name=@{character_name}}} {{version=Pursuit}} {{level=@{main_pursuit_k}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_mainPursuit'></button>
-                        </div>
-                        <div style="display:flex;margin-top:-5px;">
-                            <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet" name="attr_third_pursuit_name" autocomplete="nope" style="width:55px;font-size: 10.5px !important; height: 11px !important; margin-top: 2px; padding-left: 1px !important; padding-right: 1px !important;" value="Climbing">
-                            <button type='roll' style="margin-top: -5px;margin-bottom: 5px !important;font-size: 15pt !important;" class="button pursuitButton" value='&{template:pursuit} {{pursuitName=: @{third_pursuit_name}}} {{name=@{character_name}}} {{version=Pursuit}} {{level=@{main_pursuit_k}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_mainPursuit'></button>
-                            <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet" name="attr_fourth_pursuit_name" autocomplete="nope" style="width:55px;font-size: 10.5px !important; height: 11px !important; margin-top: 2px; padding-left: 1px !important; padding-right: 1px !important;" value="Swimming">
-                            <button type='roll' style="margin-top: -5px;margin-bottom: 5px !important;font-size: 15pt !important;" class="button pursuitButton" value='&{template:pursuit} {{pursuitName=: @{fourth_pursuit_name}}} {{name=@{character_name}}} {{version=Pursuit}} {{level=@{main_pursuit_k}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_mainPursuit'></button>
-                        </div>
-                        <div style="display:flex;margin-top:-5px;">
-                            <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet" name="attr_fifth_pursuit_name" autocomplete="nope" style="width:55px;font-size: 10.5px !important; height: 11px !important; margin-top: 2px; padding-left: 1px !important; padding-right: 1px !important;" placeholder="Competency">
-                            <button type='roll' style="margin-top: -5px;margin-bottom: 5px !important;font-size: 15pt !important;" class="button pursuitButton" value='&{template:pursuit} {{pursuitName=: @{fifth_pursuit_name}}} {{name=@{character_name}}} {{version=Pursuit}} {{level=@{main_pursuit_k}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_mainPursuit'></button>
-                            <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet" name="attr_sixth_pursuit_name" autocomplete="nope" style="width:55px;font-size: 10.5px !important; height: 11px !important; margin-top: 2px; padding-left: 1px !important; padding-right: 1px !important;" placeholder="Competency">
-                            <button type='roll' style="margin-top: -5px;margin-bottom: 5px !important;font-size: 15pt !important;" class="button pursuitButton" value='&{template:pursuit} {{pursuitName=: @{sixth_pursuit_name}}} {{name=@{character_name}}} {{version=Pursuit}} {{level=@{main_pursuit_k}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_mainPursuit'></button>
-                        </div>
-                        <div style="display:flex;margin-top:-5px;">
-                            <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet" name="attr_seventh_pursuit_name" autocomplete="nope" style="width:126px;font-size: 10.5px !important; height: 11px !important; margin-top: 2px; padding-left: 1px !important; padding-right: 1px !important;" placeholder="Competency">
-                            <button type='roll' style="margin-top: -5px;margin-bottom: 5px !important;font-size: 15pt !important;" class="button pursuitButton" value='&{template:pursuit} {{pursuitName=: @{ninth_pursuit_name}}} {{name=@{character_name}}} {{version=Pursuit}} {{level=@{main_pursuit_k}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_mainPursuit'></button>
-                        </div>
-                        <div style="display:flex;margin-top:-5px;">
-                            <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet" name="attr_eigth_pursuit_name" autocomplete="nope" style="width:126px;font-size: 10.5px !important; height: 11px !important; margin-top: 2px; padding-left: 1px !important; padding-right: 1px !important;" placeholder="Competency">
-                            <button type='roll' style="margin-top: -5px;margin-bottom: 5px !important;font-size: 15pt !important;" class="button pursuitButton" value='&{template:pursuit} {{pursuitName=: @{ninth_pursuit_name}}} {{name=@{character_name}}} {{version=Pursuit}} {{level=@{main_pursuit_k}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_mainPursuit'></button>
-                        </div>
-                        <div style="display:flex;margin-top:-5px;">
-                            <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet" name="attr_ninth_pursuit_name" autocomplete="nope" style="width:126px;font-size: 10.5px !important; height: 11px !important; margin-top: 2px; padding-left: 1px !important; padding-right: 1px !important;" placeholder="Competency">
-                            <button type='roll' style="margin-top: -5px;margin-bottom: 5px !important;font-size: 15pt !important;" class="button pursuitButton" value='&{template:pursuit} {{pursuitName=: @{tenth_pursuit_name}}} {{name=@{character_name}}} {{version=Pursuit}} {{level=@{main_pursuit_k}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_mainPursuit'></button>
-                        </div>
-                        <div style="display:flex;margin-top:-5px;">
-                            <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet" name="attr_tenth_pursuit_name" autocomplete="nope" style="width:126px;font-size: 10.5px !important; height: 11px !important; margin-top: 2px; padding-left: 1px !important; padding-right: 1px !important;" placeholder="Competency">
-                            <button type='roll' style="margin-top: -5px;margin-bottom: 5px !important;font-size: 15pt !important;" class="button pursuitButton" value='&{template:pursuit} {{pursuitName=: @{tenth_pursuit_name}}} {{name=@{character_name}}} {{version=Pursuit}} {{level=@{main_pursuit_k}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_mainPursuit'></button>
-                        </div>
-                        <div style="display: flex; justify-content: space-between; margin-right: 3px;">
-                            <a class="button anchorButton abilitiesActionsButton" href="#affinities" style="margin-left: 3px; width: 60px; height: 18px !important; font-size: 9pt; padding-bottom:0px !important; line-height: 18px;">Affinities</a>
-
-                            <a class="button anchorButton abilitiesActionsButton" href="#equipment" style="height: 18px !important; font-size: 9pt; width: 60px; padding-bottom:0px !important; line-height: 18px;">Equipment</a>
-                        </div>
-                    </div>
-                </div>
-                <input type="hidden" name="attr_passive_flawed" value="0" class="passive_flawed_toggle">
-                <div name="effects" class="reactiveWarShell effectsbox" style="margin-right: 2px;width: 435px;margin-bottom: 3px;background-color: #16335021">
-                    <div class="reactiveFlex reactiveTitle test" style="grid-area:a">
-                        <h1 class="header reactiveTitleFlex" style="font-size: 13pt;">Effects</h1>
-                    </div>
-                    <input type="hidden" name="attr_passive_flawed" value="0" class="passive_flawed_toggle">
-                    <textarea spellcheck='false' autocorrect='off' name="attr_all_effects" class="activeTextarea effectsboxtext" style="margin-left: 5px !important; margin: 1px; width:429px !important;background-color: transparent;border:transparent" placeholder="Effects"></textarea>
-                </div>
-            </div>
-
-            <div class="right_side" style="display:flex;flex-wrap: wrap;height: fit-content;column-gap: 5px;">
-                <div>
-                    <div name="Active WAR" class="lowerPage__cell" style="position: relative; top: -29px;height: fit-content;">
-                        <div class="activeColumnTitle" style="min-width: 440px;">
-                            <h1 class="header" style="line-height:38px;font-size: 16pt;width: 145px;margin-right: auto;">Active WAR</h1>
-                            <h1 class="header" style="width:94px;font-size: 10pt;">Max active slots</h1>
-                            <input type="number" style="width:25px;height:20px;padding-left:3px" class="hiddenSheetTitle centered" name="attr_total_active" value="0">
-                            <h1 class="header" style="width:105px;font-size: 10pt;">Max inactive slots</h1>
-                            <input type="number" style="width:25px;height:20px;margin-right: 10px;" class="hiddenSheetTitle centered" name="attr_total_inactive" value="0">
-                        </div>
-                        <div class="activeWARDouble">
-                            <fieldset class="repeating_war" style="grid-area:a">
-                                <input type="hidden" class="activeType" name="attr_active_name" value="" />
-                                <details class="repeating_war">
-                                    <summary>
-                                        <div class="activeWarShellSmallDouble">
-                                            <div class="activeGridDouble passiveTitle">
-                                                <h4 class="header" style="width:35px;font-size: 8pt;grid-area: a;margin-top: -2px;">Active: </h4>
-                                                <input type="checkbox" class="hiddenSheet centered activeInput" name="attr_active" value="1" style="height:13px !important;width:13px !important;grid-area: b;margin-top: -1px !important;">
-                                                <h4 class="header" style="width:35px;font-size: 8pt;grid-area: aa;margin-top: -2px;">Uses: </h4>
-                                                <input type="checkbox" class="hiddenSheet centered activeInput" name="attr_active_uses" value="1" style="height:13px !important;width:13px !important;grid-area: bb;margin-top: -1px !important;">
-                                                <input type="hidden" class="activeUsesToggle" name="attr_active_uses" value="0" />
-                                                <h4 class="header" style="width:39px;font-size: 8pt;grid-area: aa;margin-top: -2px;">Flawed: </h4>
-                                                <input type="checkbox" class="hiddenSheet centered activeInput" name="attr_active_flawed" value="1" style="height:13px !important;width:13px !important;grid-area: b;margin-top: -1px !important;">
-                                                <input type="hidden" name="attr_active_flawed" value="0" class="flawed_toggle">
-                                                <div class="activeWARNameDouble">
-                                                    <input type="text" name="attr_active_slot" style="font-size: 17pt !important;padding-bottom: 6px;padding-top: 0px !important;" value="New WAR (Click to open)" class="header passiveTitleFlex activeWARNameDouble" readonly="true" />
-                                                </div>
-                                                <h4 class="header activeClickDouble"></h4>
-                                                <input type="hidden" class="activeInputResult" name="attr_active" value="0" />
-                                                <div style="grid-area: d">
-                                                    <input type="hidden" class="activeType" name="attr_active_type" value="1" />
-                                                    <button type="action" name="act_damage" class="diceButton activeDamage">k</button>
-                                                    <button type="action" name="act_healing" class="diceButton activeHealing">k</button>
-                                                    <button type="action" name="act_malicious" class="diceButton activeMalicious">k</button>
-                                                    <button type="action" name="act_beneficial" class="diceButton activeBeneficial">k</button>
-                                                </div>
-                                            </div>
-                                            <input type="hidden" name="attr_active_damage_bonus" value="4" />
-                                            <input type="hidden" name="attr_active_healing_bonus" value="0" />
-                                            <input type="hidden" name="attr_active_alleviation_bonus" value="0" />
-                                            <input type="hidden" name="attr_active_offence_bonus" value="1" />
-                                            <input type="hidden" name="attr_active_manipulation_bonus" value="0" />
-                                            <input type="hidden" name="attr_active_crescendo_bonus" value="0" />
-                                            <input type="hidden" class="activeUsesToggle" name="attr_active_uses" value="0" />
-                                            <div class="activeGridDoubleSecond" style="width: 430px; margin-right: 4px !important;">
-                                                <span style="display:flex">
-                                                    <h4 style="margin-left: 2px;font-size: 8pt;min-width: 27px;">Type: </h4>
-                                                    <select type="text" class="hiddenSheet activeSelect" name="attr_active_type" style="width:70px;margin-left: -9px; margin-right: -2px;">
-                                                        <option value="1" selected>Assault</option>
-                                                        <option value="2">Keen</option>
-                                                        <option value="3">Beneficial</option>
-                                                        <option value="4">Crescendo</option>
-                                                        <option value="5">Malicious</option>
-                                                        <option value="6">Mending</option>
-                                                    </select>
-                                                </span>
-                                                <input type="hidden" name="attr_active_special_value" value="@{active_flawed}+@{active_type}*5" disabled>
-                                                <input type="hidden" name="attr_active_special_value" value="0" class="special_toggle">
-                                                <input type="hidden" name="attr_active_type" value="1" />
-                                                <input type="hidden" class="activeTypeName" name="attr_active_type_name" value="Assault" />
-                                                <span style="display:flex">
-                                                    <h4 style="font-size: 8pt;margin-left: -1px;">Range: </h4>
-                                                    <select type="text" class="hiddenSheet activeSelect" name="attr_active_range" style="width:62px;margin-left: -4px; margin-right: -2px;">
-                                                        <option value="1" selected>Self</option>
-                                                        <option value="2">Short</option>
-                                                        <option value="3">Medium</option>
-                                                        <option value="4">Long</option>
-                                                        <option value="5">Aura</option>
-                                                    </select>
-                                                </span>
-                                                <span style="display:flex">
-                                                    <h4 style="font-size: 8pt;min-width: 50px;margin-left: -1px;">Max Range: </h4>
-                                                    <input type="number" style="width:17px;" class="hiddenSheet centered" name="attr_max_range" value="0">
-                                                </span>
-                                                <input type="hidden" class="activeUsesToggle" name="attr_active_uses" value="0" />
-                                                <div class="shardUseFlex activeUses" style="align-self: end;">
-                                                    <input type="hidden" class="activeType" name="attr_active_type" value="1" />
-                                                    <h3 style="line-height: 10px; font-size: 8pt;text-align: center;" class="shardTitle">Uses</h3>
-                                                    <div style="display:flex;align-items: flex-end;height: 11px;">
-                                                        <input type="hidden" class="activeType" name="attr_active_type" value="1" />
-                                                        <input type="number" class="hiddenSheet augmentLevel" style="width: 17px !important;line-height: 0px !important;" name="attr_uses" value="0">
-                                                        <h4 style="font-size: 9pt;"> / </h4>
-                                                        <input type="number" class="hiddenSheet augmentLevel" style="width: 17px !important;line-height: 0px !important;" name="attr_uses_max" value="0">
-                                                    </div>
-                                                </div>
-                                                <span style="display:flex">
-                                                    <h4 style="font-size: 8pt;margin-left: 2px;min-width:60px">Roll Modifier: </h4>
-                                                    <input type="number" style="width:17px;" class="hiddenSheet centered" name="attr_action_shards" value="0">
-                                                </span>
-                                                <input type="hidden" class="activeType" name="attr_active_type" value="1" />
-                                                <input type="hidden" name="attr_base_damage" value="0">
-                                            </div>
-                                        </div>
-                                    </summary>
-                                    <input type="hidden" class="activeType" name="attr_active_type" value="1" />
-                                    <div class="activetab_containerNew">
-                                        <div id="activecontent1" class="activetab-content" name="attr_active_statistics" style="grid-area:d">
-                                            <div class="activeGridInnerDouble">
-                                                <h4 style="font-size: 8pt;">Name: </h4>
-                                                <input type="text" name="attr_active_name_input" value="" placeholder="WAR Name" class="hiddenSheet" style="width: 98%; margin-bottom: 2px; font-size: 12pt; margin-right: 4px;">
-                                                <input type="hidden" class="activeType" name="attr_active_type" value="1" />
-
-                                                <div class="shardFlexR activeDamage activeHealing" style="margin-left: 1px; margin-right: 5px; min-width: 90px;">
-                                                    <input type="hidden" class="activeType" name="attr_active_type" value="1" />
-                                                    <h4 style="font-size: 11pt;margin-top: -2px;" class="shardTitle activeDamage activeMalicious">Damage</h4>
-                                                    <h4 style="font-size: 11pt;margin-top: -2px;" class="shardTitle activeHealing activeBeneficial">Healing</h4>
-                                                    <div class="inputShell">
-                                                        <input type="hidden" class="activeType" name="attr_active_type" value="1" />
-                                                        <input type="number" class="hiddenSheet inputField activeDamage activeMalicious" name="attr_damage_shards_value" value="0" style="font-size:14px !important;">
-                                                        <input type="number" class="hiddenSheet inputField activeHealing activeBeneficial" name="attr_healing_shards_value" value="0" style="font-size:14px !important;">
-                                                    </div>
-                                                </div>
-                                                <div class="shardFlexR" style="margin-left: 1px; min-width: 90px;">
-                                                    <input type="hidden" class="activeType" name="attr_active_type" value="1" />
-                                                    <h4 style="font-size: 11pt;margin-top: -2px;" class="shardTitle activeDamage">Offence</h4>
-                                                    <h4 style="font-size: 11pt;margin-top: -2px;" class="shardTitle activeHealing">Alleviation</h4>
-                                                    <h4 style="font-size: 11pt;margin-top: -2px;" class="shardTitle activeMalicious activeBeneficial">Manipulation</h4>
-                                                    <div class="inputShell">
-                                                        <input type="hidden" class="activeType" name="attr_active_type" value="1" />
-                                                        <input type="number" class="hiddenSheet inputField activeDamage" name="attr_offence" value="0" style="font-size:14px !important;">
-                                                        <input type="number" class="hiddenSheet inputField activeHealing" name="attr_alleviation" value="0" style="font-size:14px !important;">
-                                                        <input type="number" class="hiddenSheet inputField activeMalicious activeBeneficial" name="attr_affliction" value="0" style="font-size:14px !important;">
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <span style="border-top:1px solid black; border-bottom:1px solid black; margin-top: 5px; margin-left: -5px; margin-right: -6px;display:flex; justify-content: center;margin-bottom:35px">
-                                                <h3 style="width:40px">Runes</h3>
-                                            </span>
-                                            <span style="display:flex;">
-                                                <fieldset class="repeating_warrunes">
-                                                    <textarea spellcheck='false' autocorrect='off' name="attr_active_rune_info" class="activeTextarea" style="height: 45px; width: 420px !important; margin: 2px;" placeholder="Rune Info"></textarea>
-                                                </fieldset>
-                                            </span>
-                                            <input type="hidden" class="activeType" name="attr_active_type" value="1" />
-                                            <input type="hidden" name="attr_active_flawed" value="0" class="flawed_toggle">
-                                            <span class="con boon flawed" style="border-top:1px solid black; border-bottom:1px solid black; margin-top: 5px; margin-left: -5px; margin-right: -6px;display:flex; justify-content: center;">
-                                                <input type="hidden" name="attr_active_special" value="0" class="special_toggle">
-                                                <h3 style="width:140px" class="flaweded">Flaw</h3>
-                                                <h3 style="width:140px" class="booned">Boon</h3>
-                                                <h3 style="width:140px" class="coned">Condition</h3>
-                                                <h3 style="width:140px" class="boonflaw">Boon & Flaw</h3>
-                                                <h3 style="width:140px" class="conflaw">Condition & Flaw</h3>
-                                            </span>
-                                            <div class="activeGridInnerFourthDouble" style="flex-direction: row;">
-                                                <input type="hidden" class="activeType" name="attr_active_type" value="1" />
-                                                <div class="shardFlexR condition" style="margin-left: 1px;min-width: 105px; height: 28px;">
-                                                    <input type="hidden" class="activeType" name="attr_active_type" value="1" />
-                                                    <h3 style="line-height: 10px; font-size: 9pt;" class="shardTitle con">Condition</h3>
-                                                    <h3 style="line-height: 10px; font-size: 9pt;" class="shardTitle boon">Boon</h3>
-                                                    <input type="text" class="hiddenSheet augmentLevel" name="attr_active_condition" style="width: 99% !important;font-size: 11pt !important; height: 17px !important;" value="" placeholder="Condition">
-                                                </div>
-                                                <input type="hidden" name="attr_active_flawed" value="0" class="flawed_toggle">
-                                                <textarea spellcheck='false' autocorrect='off' name="attr_active_flaw" class="activeTextarea flawed" style="height: 45px; width: 100% !important; margin: 0px;" placeholder="Flaw"></textarea>
-                                            </div>
-                                        </div>
-                                </details>
-
-                            </fieldset>
-                        </div>
-                    </div>
-                </div>
-                <div name="Actions" class="actionShell" style="height: fit-content; margin-right:-35px; min-width: 440px;">
-                    <div name="actionsTitle" class="centertitleSmall actionsTitle" style="border-top-left-radius: 10px; border-top-right-radius: 10px;display: flex; align-items: center;width: 440px;">
-                        <h1 class="header passiveTitleFlex" style="width:200px;">Powers & Abilities</h1>
-                        <h3 class="header" style="width:100px;">Aetheric Energy: </h3>
-                        <input type="number" style="width:25px;height:20px;padding-left:3px;margin-left:3px;margin-top: 2px;" class="hiddenSheetTitle centered" name="attr_power_current_uses" value="0">
-                        <h1 class="header" style="width:15px; margin-top: 2px; text-align: center;"> / </h1>
-                        <input type="number" style="width:25px;height:20px; margin-top: 2px;margin-right: 8px;background-color: #f5f5f5 !important;" class="hiddenSheetTitle centered" name="attr_power_max_uses" value="(@{base_energy})+(@{modifier_energy})" disabled>
-                    </div>
-                    <div style="display: flex; justify-content: space-between; margin-left: 15px; margin-right: 15px;">
-                        <div class="bionicsShell">
-                            <h2>Base Energy:</h2>
-                            <input type="number" name="attr_base_energy" class="bionicsInput" value="0" style="width: 35px !important;text-align: center;">
-                        </div>
-                        <div class="bionicsShell">
-                            <h2>Energy Modifier:</h2>
-                            <input type="number" name="attr_modifier_energy" class="bionicsInput" value="0" style="width: 35px !important;text-align: center;">
-                        </div>
-                        <div style="display: flex; column-gap: 2px; width: 287px !important; row-gap: 2px; padding-right: 2px; justify-content: center; padding-left: 3px; position: absolute; margin-left: -15px; bottom: 6px; left: 96px;">
-                            <input type="hidden" class="bionic_check" name="attr_legacy" value="None">
-                            <a class="button anchorButton abilitiesActionsButton bionics" href="#bionics">Bionics</a>
-                        </div>
-                    </div>
-                    <div style="display:grid; grid-template-rows: fit-content(19px) 1fr; row-gap: 2px;">
-
-                        <div style="display: flex; flex-direction: column; width: 437px !important; row-gap: 2px; padding-right: 2px;margin-left:1px">
-                            <fieldset class="repeating_ability">
-                                <div>
-                                    <details class="abilitySummary" style="border: 1px solid black; border-radius: 17px; margin-left: 2px; width:431px">
-                                        <summary>
-                                            <div class="blessingsFlex">
-                                                <h3 class="header" style="width: 25px; font-size: 6pt; margin-left: 7px;">Power: </h3>
-                                                <input type="checkbox" class="hiddenSheet centered activeInput" name="attr_isWARe" value="1" style="height:11px !important;width:11px !important;">
-                                                <input type="hidden" class="warToggle" name="attr_isWAR" value="0">
-                                                <h3 class="header nonWAR" style="width: 20px; font-size: 6pt; margin-left: 7px;">Uses: </h3>
-                                                <input type="checkbox" class="hiddenSheet centered activeInput nonWAR" name="attr_powerUses" value="1" style="height:11px !important;width:11px !important;">
-                                                <h4 class="header blessingsClick" style="margin-left: 85px; width: 315px;"></h4>
-                                                <input type="text" name="attr_ability_name_title" value="New Power / Ability click here" class="blessingsName" style="width: 360px !important; margin-right: -4px;" readonly="true" />
-                                                <button type="action" name="act_power" class="diceButton teste" style="font-size: 19px; margin-bottom: 1px;">w</button>
-                                            </div>
-                                        </summary>
-                                        <input type="hidden" class="warToggle" name="attr_isWAR" value="0">
-                                        <div class="nonWAR">
-                                            <div class="passiveFlex">
-                                                <h4 style="margin-left:2px">Name:</h4>
-                                                <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet blessingsNameInput" name="attr_ability_name" autocomplete="nope" placeholder="Name">
-                                                <h4>Type:</h4>
-                                                <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet blessingsNameInput" name="attr_ability_type" autocomplete="nope" placeholder="Type" style="width: 93px;margin-right: 3px;">
-                                                <input type="hidden" class="warUsesToggle" name="attr_powerUses" value="0">
-                                                <h4 class="hasUses">Uses</h4>
-                                                <input type="number" class="hiddenSheet blessingsNameInput hasUses" name="attr_powers_minimum" style="width: 17px;margin-right: 3px; text-align: center !important;">
-                                                <h4 class="hasUses"> / </h4>
-                                                <input type="number" class="hiddenSheet blessingsNameInput hasUses" name="attr_powers_maximum" style="width: 17px;margin-right: 3px; text-align: center !important;">
-                                            </div>
-                                            <textarea spellcheck='false' autocorrect='off' name="attr_ability_description" class="blessingsDescription" placeholder="Description" style="height:175px !important"></textarea>
-                                        </div>
-                                    </details>
-                                </div>
-                            </fieldset>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="antagonist_sheet" style="margin-top: 28px; margin-left: -3px;">
-        <div name="antagonist grid" style="display:grid; grid-template-columns: 433px 440px; height:fit-content;column-gap: 10px;">
-            <div name="left side" style="display:flex;flex-direction: column;">
-                <img class="logoAntagonist" src="https://i.imgur.com/bZsdIU4.png" alt="The Advanced" style="left: 40px; top: -27px; position: relative;">
-                <div style="top: -43px; position: relative;">
-                    <div style="display:flex">
-                        <h2>Name:</h2>
-                        <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet characterNameAntagonist" name="attr_character_name" autocomplete="nope" style="width: 156px !important; margin-right: 5px;">
-                        <h2 style="min-width: 120px;">Antagonist Type:</h2>
-                        <select class="hiddenSheet manifestationAntagonist" name="attr_antagonist_type" style="width: 100px;margin-top: -4px;">
-                            <option value="Pushover" selected>Pushover</option>
-                            <option value="Defiant">Defiant</option>
-                            <option value="Grim">Grim</option>
-                        </select>
-                    </div>
-                    <div style="display:flex">
-                        <h2>Species:</h2>
-                        <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet characterNameAntagonist" name="attr_species" autocomplete="nope" style="width: 147px !important; margin-right: 5px;">
-                        <h2 style="min-width: 120px;">Leveling Stage:</h2>
-                        <select class="hiddenSheet manifestationAntagonist" name="attr_leveling_stage" style="width: 100px;margin-bottom: 5px; margin-top: -4px;">
-                            <option value="Awakening" selected>Awakening</option>
-                            <option value="Ascension">Ascension</option>
-                            <option value="Astral">Astral</option>
-                        </select>
-                    </div>
-                </div>
-                <div name="name" class="nameAndLegacy__cell" style="position: relative; top: -44px;">
-                    <div name="shielding" class="stressWoundsStamina__cell shieldingStaminaFlexCorrection">
-                        <div class="shielding__rowAntagonist">
-                            <div class="centertitle shielding1" style="line-height: 24px;">Shielding</div>
-                            <input type="number" name="attr__shielding" value="0" class="currentStamina shielding2 centered" style="width:75% !important;height:28px !important">
-                            <h1 class="shielding3">/</h1>
-                            <input type="number" name="attr__shielding_max" value="" class="shielding6 centered" style="width:75% !important;height:28px !important" readonly="true" />
-                            <div class="centertitle shielding4">
-                                <h2 class="centertitle" style="line-height: 21px;">Base</h2>
-                            </div>
-                            <div class="shielding5">
-                                <input type="number" name="attr_shielding_max_value" value="0" class="hiddenSheetTitle centerText shieldingStaminaMax" style="margin-left: -20px;">
-                            </div>
-                        </div>
-                    </div>
-                    <div name="stamina" class="stressWoundsStamina__cell shieldingStaminaFlexCorrection">
-                        <div class="hitpoints__rowAntagonist">
-                            <div class="centertitle stamina1" style="line-height: 24px;">Hit Points</div>
-                            <input type="number" name="attr__hit_points_one" value="0" class="currentStamina stamina2 centered" style="width:75% !important;height:28px !important">
-                            <h1 class="stamina3">/</h1>
-                            <input type="number" name="attr__hit_points_max" value="0" class="stamina6 centered" style="width:75% !important;height:28px !important" readonly="true" />
-                            <div class="centertitle stamina4">
-                                <h2 style="line-height: 21px; margin-left: -10px; text-align: center; font-weight: bolder; color: #85D6FF;font-size:10pt">Base</h2>
-                            </div>
-                            <div class="stamina5" style="border-bottom-right-radius: 0px;">
-                                <input type="number" name="attr_hit_points_max_value" value="0" class="hiddenSheetTitle centerText shieldingStaminaMax" style="margin-left: -4px;width:25px !important">
-                                <input type="hidden" name="attr__hit_points_max">
-                            </div>
-                            <div class="centertitle stamina4" style="grid-area: ee;border-bottom-right-radius: 0px;;border-bottom-left-radius: 0px;">
-                                <h2 style="line-height: 21px; margin-left: -10px; text-align: center; font-weight: bolder; color: #85D6FF;font-size:10pt;">Aggravated</h2>
-                            </div>
-                            <div class="stamina5" style="grid-area: ff;margin-left: 0px; padding-left: 4px;">
-                                <input type="number" name="attr_aggravated_value" value="0" class="hiddenSheetTitle centerText shieldingStaminaMax" style="width:25px !important;margin-right: 20px !important;">
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div name="combatBlock" class="combatShell" style="position: relative; top: -40px;">
-                    <div class="combatFlex combatTitle">
-                        <h1 class="header" style="width: 210px;">Combat Block</h1>
-                    </div>
-                    <div class="combatGridAntagonist flexJustify" style="border-bottom:1px solid black;">
-                        <h4 style="min-width: 90px;">Manoeuvre:</h4>
-                        <input type="number" style="height:15px;width:25px;margin-right: 10px;margin-left: -27px;" class="hiddenSheet centered" name="attr_manoeuvre_value" value="0">
-                        <button type="action" name="act_manoeuvre" class="manButton" style="margin-left: -18px !important;">k</button>
-                        <h4 style="min-width: 90px;">Movement:</h4>
-                        <input type="number" style="height:15px;width:25px" name="attr_free_movement" class="hiddenSheet centered" value="0">
-                        <h4 style="min-width: 90px;">Detection Range:</h4>
-                        <input type="number" style="height:15px;width:25px" class="hiddenSheet centered" name="attr_detection_range" value="0">
-                    </div>
-                    <div class="combatGridAntagonist flexJustify" style="border-bottom:1px solid black;">
-                        <h4 style="min-width: 90px;">Aura Size:</h4>
-                        <input type="number" style="height:15px;width:25px" class="hiddenSheet centered" name="attr_aura_size" value="0">
-                        <h4 style="min-width: 90px;">Base Offence:</h4>
-                        <input type="number" style="height:15px;width:25px" class="hiddenSheet centered" name="attr_base_offence" value="0">
-                        <h4 style="min-width: 90px;">Base Damage:</h4>
-                        <input type="number" style="height:15px;width:25px" class="hiddenSheet centered" name="attr_base_damage" value="0">
-                    </div>
-                    <div class="combatGridAntagonist flexJustify">
-                        <h4 style="min-width: 90px;">Base Mitigation:</h4>
-                        <input type="number" style="height:15px;width:25px" name="attr_mitigation_value" class="hiddenSheet centered" value="0">
-                        <h4 style="min-width: 90px;">Base Defence:</h4>
-                        <input type="number" style="height:15px;width:25px" class="hiddenSheet centered" name="attr_base_defence" value="0">
-                        <h4 style="min-width: 90px;">Base Resistance:</h4>
-                        <input type="number" style="height:15px;width:25px" class="hiddenSheet centered" name="attr_base_resistance" value="0">
-                    </div>
-                </div>
-                <div class="activeColumnTitleAntagonistTwo" style="position: relative;top: -35px;">
-                    <h1 class="header" style="line-height: 25px; font-size: 18pt; width: 145px; padding-bottom: 2px;">Qualities</h1>
-                </div>
-                <input type="hidden" name="attr_quality_description_attack">
-                <input type="hidden" name="attr_quality_description_defence">
-                <div style="position: relative; top: -35px;">
-                    <fieldset class="repeating_qualities" style="grid-area:a; width:80%;">
-                        <div>
-                            <details class="repeating_qualities">
-                                <summary>
-                                    <div class="qualityTitle">
-                                        <h4 class="header" style="width:125px;font-size: 8pt">Attach to Defence: </h4>
-                                        <input type="checkbox" class="hiddenSheet centered activeInput" name="attr_attach_defence" value="1" style="height:15px !important;width:15px !important;">
-                                        <h4 class="header qualityClick"></h4>
-                                        <input type="text" name="attr_quality_name" style="font-size: 11pt !important; padding-bottom: 4px; padding-top: 0px !important; width: 75%; height: 17px !important;" value="New Quality (Give me a name)" class="header passiveTitleFlex activeWARNameDouble" readonly="true" />
-                                        <input type="checkbox" class="hiddenSheet centered activeInput" name="attr_attach_attack" value="1" style="height:15px !important;width:15px !important;">
-                                        <h4 class="header" style="width:125px;font-size: 8pt">:Attach to Attacks </h4>
-                                    </div>
-                                </summary>
-                                <div>
-                                    <div class="flexJustify" style="display:flex;border-bottom:1px solid black;">
-                                        <h4>Name:</h4>
-                                        <input type="text" name="attr_quality_name_input" value="" placeholder="Quality Name" class="hiddenSheet" style="border:0px;font-size:16px;width: 98%;">
-                                    </div>
-                                    <textarea spellcheck='false' autocorrect='off' name="attr_quality_description" class="activeTextareaAntagonist" style="width: 96%; height: 75px; margin-bottom: 5px; margin-top: 5px; font-size: 10pt;
-                                        line-height: 14px; margin-left: 8px;" placeholder="Description"></textarea>
-                                </div>
-                            </details>
-                        </div>
-                    </fieldset>
-                </div>
-            </div>
-            <div name="right side" style="display:flex;flex-direction: column;max-width: 423px; position: relative; top: -45px;">
-                <div name="passiveWAR" class="passiveWarShellAntagonist">
-                    <div class="passiveFlex passiveTitle" style="grid-area:a">
-                        <h1 class="header passiveTitleFlex">Defence</h1>
-                    </div>
-                    <div class="combatGridAntagonist flexJustify" style="padding-left:20px;padding-right:20px;">
-                        <h4>Mitigation:</h4>
-                        <input type="number" style="height:15px;width:25px" name="attr_mitigation_value" class="hiddenSheet centered" value="0">
-                        <h4>Defence:</h4>
-                        <input type="number" style="height:15px;width:25px" class="hiddenSheet centered" name="attr_defenceAntagonist" value="0">
-                        <h4>Resistance:</h4>
-                        <input type="number" style="height:15px;width:25px" class="hiddenSheet centered" name="attr_resistanceAntagonist" value="0">
-                        <h4 style="min-width: 100px;">Strength Increases:</h4>
-                        <input type="number" style="height:15px;width:25px" class="hiddenSheet centered" name="attr_defenceStrengthAntagonist" value="0">
-                    </div>
-                    <div class="antagonist_passive_grid" style="display:flex; flex-direction: column;">
-                        <textarea spellcheck='false' autocorrect='off' name="attr_active_prefix" class="activeTextareaAntagonist" style="width:98%;height:60px;margin-bottom:5px;margin-top:5px;font-size: 10pt;line-height: 14px;" placeholder="Defence Effect"></textarea>
-
-                    </div>
-                </div>
-                <div name="Active WAR" class="lowerPage__cell" style="width: 375px !important;margin-top: 10px;width: 439px !important; margin-top: 10px;">
-                    <div class="activeColumnTitleAntagonist" style="width: 424px;">
-                        <h1 class="header" style="line-height:38px;font-size: 15pt;width: 145px;">Attacks</h1>
-                    </div>
-                    <div class="activeWARDouble" style="width: 400px; margin-left: 12px;">
-                        <fieldset class="repeating_warantagonist" style="grid-area:a; width:80%">
-                            <input type="hidden" class="activeType" name="attr_active_name" value="" />
-                            <div class="repeating_warAntagonist">
-                                <div class="activeWarShellSmallDoubleAntagonist">
-                                    <div class="activeGridDoubleAntagonist passiveTitle">
-                                        <div class="activeWARNameAntagonist">
-                                            <span style="width:35px"></span>
-                                            <input type="text" name="attr_active_slot" style="font-size: 17pt !important;padding-bottom: 7px;padding-top: 0px !important;width:100%" value="New Attack (Click to open)" class="header
-                                                    passiveTitleFlex activeWARNameDouble" readonly="true" />
-                                            <button type="action" name="act_antagonistattack" class="antButton">w</button>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="activetab_containerNewAntagonist" style="display:flex; flex-direction:column;margin-top:0px">
-                                    <div style="display:flex">
-                                        <h4 style="font-size: 9pt;">Name: </h4>
-                                        <input type="text" name="attr_active_name_input" value="" placeholder="Attack Name" class="hiddenSheet" style="font-size:13px;width: 130px;">
-                                        <h4 style="font-size: 9pt;height: 14px;margin-left:3px">Range: </h4>
-                                        <select type="text" class="hiddenSheet activeSelect" name="attr_active_shapetwo">
-                                            <option value="Short">Melee</option>
-                                            <option value="Medium">Medium 3-5</option>
-                                            <option value="Long">Long 4-8</option>
-                                        </select>
-                                        <h4 style="font-size: 9pt; min-width: 91px;">Strength Increases: </h4>
-                                        <input type="number" style="width:20px;" class="hiddenSheet centered" name="attr_action_increases" value="0">
-                                    </div>
-                                    <div style="display:flex;justify-content: space-between; padding-right: 2px;">
-                                        <div style="display:flex">
-                                            <h4 style="font-size: 9pt;">Damage: </h4>
-                                            <input type="number" style="width:20px;" class="hiddenSheet centered" name="attr_action_damage" value="0">
-                                        </div>
-                                        <div style="display:flex">
-                                            <h4 style="font-size: 9pt;">Offence: </h4>
-                                            <input type="number" style="width:20px;" class="hiddenSheet centered" name="attr_action_offence" value="0">
-                                        </div>
-                                        <div style="display:flex">
-                                            <h4 style="font-size: 9pt;">Manipulation: </h4>
-                                            <input type="number" style="width:20px;" class="hiddenSheet centered" name="attr_action_manipulation" value="0">
-                                        </div>
-                                        <div style="display:flex">
-                                            <h4 style="font-size: 9pt; min-width: 71px;">Roll Modifier: </h4>
-                                            <input type="number" style="width:20px;" class="hiddenSheet centered" name="attr_action_shards" value="0">
-                                        </div>
-                                    </div>
-                                    <div style="display:flex">
-                                        <textarea spellcheck='false' autocorrect='off' name="attr_active_effort" class="activeTextareaAntagonist" style="height: 33px; margin-top: 2px; margin-bottom: 0px; font-size: 10pt; line-height: 14px;" placeholder="Effort"></textarea>
-                                    </div>
-                                    <div style="display:flex">
-                                        <textarea spellcheck='false' autocorrect='off' name="attr_active_prefix" class="activeTextareaAntagonist" style="height: 33px; margin-top: 2px; margin-bottom: 0px; font-size: 10pt; line-height: 14px;" placeholder="Effect"></textarea>
-                                    </div>
-                                </div>
-                            </div>
-                        </fieldset>
-                    </div>
-                </div>
-            </div>
-
-            <div style="position: absolute; right: 15px; top: 7px;display: flex;">
-                <h1 style="font-size:10pt">Antagonist:</h1>
-                <input class="test" type="checkbox" name="attr_antagonist_flag" value="1" style="margin-left: 9px;">
-            </div>
-        </div>
-
-    </div>
-</div>
-
-<!--Popup Section-->
-<div name="manifestationsPopup" id="manifestationEffect" class="overlay">
-    <a href="#" class="clickToClose"></a>
-    <input type="hidden" class="legacy" name="attr_legacy" value="None" />
-    <div class="popupManifestations">
-        <div class="manifestationsShell">
-            <input type="hidden" class="legacy" name="attr_legacy" value="None" />
-            <input type="hidden" class="legacy" name="attr_manifestation_name" value="Please Select a Manifestation" />
-            <div class="passiveFlex passiveTitle">
-                <div style="min-width: 25px;"></div>
-                <input type="text" name="attr_manifestation_name_field" value="@{manifestation_name}" class="manifestationName" disabled="true" />
-                <a class="close" href="#">&times;</a>
-            </div>
-            <div class="magus">
-                <h3 class="stanceWidth">Soul Infusing:</h3>
-                <p style="font-size: 9pt;">
-                    You can create, shape, and manipulate small amount of Fire, Earth, Water, Ice, and Storm (Air & Thunder) and can even manipulate reality in minor ways.
-                    <br>These effects are purely meant for Roleplaying and serve no Purpose in Combat.
-                    <br>You gain a +1 Fortitude bonus in all of the following Hazardous zones: Extreme Snowfall, Scorching heat, Sub-zero, Volcano, Geyser, and Aether storm
-                    <br>You can create a single Anomaly, granting the Magus various additional Powers
-                </p>
-                <h3 class="stanceWidth">Imbue:</h3>
-                <p style="font-size: 9pt;">
-                    Upon Imbuing you remove a single Condition, Trauma, Torment or Paresis Emergency from yourself and every Squadmate within your Detection Range
-                    <br>While Imbued whenever any target or you makes an Overwhelming attack within your Detection Range you restore a single Aetheric Energy
-                    <br>This can be triggered a maximum of once per Round
-                </p>
-                <h3 class="stanceWidth">Divergence:</h3>
-                <p style="font-size: 9pt;">
-                    Whenever you spend an Aetheric Energy you create a second temporary Anomaly. This Anomaly dies at the end of your turn. While not under Duress the temporary Anomaly lasts for 10 minutes
-                </p>
-                <h3 class="stanceWidth">Avatar:</h3>
-                <p style="font-size: 9pt;">
-                    You gain a single Aetheric Energy the moment you use your Imbue and while Imbued you can use any Utility power's per day use without using the charge. Each Power can be used once.
-                    <br>The first attack roll after using a Utility Power is automatically an Overwhelming roll
-                </p>
-            </div>
-            <div class="luminous">
-                <h3 class="stanceWidth">Soul Infusing:</h3>
-                <p style="font-size: 9pt;">
-                    You can create, shape and manipulate small objects that shine light or shed darkness. These effects are purely meant for Roleplaying and serve no Purpose in Combat.
-                    <br>You gain a +1 Fortitude bonus in all of the following Hazardous zones: Gravity (all), Meteorological Anomaly, Radiation or Unfetterered Sunlight
-                    <br>Every WAR gains either a single Primary Shard or 2 Secondary Shards, every WAR is chosen separately
-                    <br>You have acces to Lumokinesis
-                </p>
-                <h3 class="stanceWidth">Imbue:</h3>
-                <p style="font-size: 9pt;">
-                    Upon Imbuing you create an immobile floating ball within your Detection range. This ball sheds Poor Light, or reduces the light to Low Light, in an Aura equal to your Detection Range
-                    <br>While Imbued increase maximum Stamina by 1
-                    <br>Whenever a squadmate or yourself uses Aetheric Energy against a target within your Detection range you recover 2 stamina, this cannot bring your Stamina above the maximum value
-                </p>
-                <h3 class="stanceWidth">Divergence:</h3>
-                <p style="font-size: 9pt;">
-                    You can designate a single WAR as your Signature WAR.
-                    <br>Once per Round on your own turn or in between turns you can use this WAR free of cost.
-                    <br>No WAR Power or Effort can be applied to this use.
-                </p>
-                <h3 class="stanceWidth">Avatar:</h3>
-                <p style="font-size: 9pt;">
-                    While Imbued the ball you create is empowered and now does both effects, granting you and all Squadmates the benefits of Normal Light and all Antagonists the penalty of Low Light
-                    <br>Whenever a Squadmate within your Detection Range or yourself spends an Aetheric Energy on any Action you recover 3 Stamina, this cannot bring your Stamina above the maximum value
-                </p>
-            </div>
-            <div class="enhancerP">
-                <h3 class="stanceWidth">Soul Infusing:</h3>
-                <p style="font-size: 9pt;">
-                    You can create or adjust minor physical features of your own body. These effects are purely meant for Roleplaying and serve no Purpose in Combat.
-                    <br>You gain a +1 Fortitude bonus in three Hazardous zones of your choice
-                    <br>You gain the Kinaethetic Mind Type and double the bonuses from any other Body and Mind Type
-                    <br>Access to the Biofeedback Enhancements
-                </p>
-                <h3 class="stanceWidth">Imbue:</h3>
-                <p style="font-size: 9pt;">
-                    Upon Imbuing you fully recover Shielding and up to half of your maximum Hit points
-                    <br>While Imbued whenever any Squadmate successfully grants you a boon or you are the target of a Mishap, Condition or Medical Emergency you gain a single use of your Biofeedback
-                    <br>This use of Biofeedback is not considered at full strength
-                    <br>This can be triggered a maximum of once per Round
-                </p>
-                <h3 class="stanceWidth">Divergence:</h3>
-                <p style="font-size: 9pt;">
-                    Choose either Durability, Vitality or Agility and choose either Acuity, Nerve, Essence, Comprehension or Discernment
-                    <br>The two chosen ADVANCED statistics count as twice the value for all effects based on ADVANCED statistics. This effect is allowed to bring a statistic above 10.
-                </p>
-                <h3 class="stanceWidth">Avatar:</h3>
-                <p style="font-size: 9pt;">
-                    While Imbued the free use of your Biofeedback is considered to be at full strength and your normal uses of Biofeedback gain the strength they would have had were you not under Duress
-                    <br>You can choose to forgoe the bonus use of Biofeedback when a Boon is applied to you to apply the Boon to a single other Squadmate within your Detection Range
-                </p>
-            </div>
-            <div class="enhancerS">
-                <h3 class="stanceWidth">Soul Infusing:</h3>
-                <p style="font-size: 9pt;">
-                    You can create or adjust minor physical features of your own body. These effects are purely meant for Roleplaying and serve no Purpose in Combat.
-                    <br>You gain a +1 Fortitude bonus in three Hazardous zones of your choice
-                    <br>You gain access to Spirit Bonds and start with a single Bond
-                </p>
-                <h3 class="stanceWidth">Imbue:</h3>
-                <p style="font-size: 9pt;">
-                    Upon imbuing you grant all Squadmates within your Detection Range and yourself 10 Stamina. Any Stamina that would be above a target's maximum value is lost, however that target fully replenishes their Shielding
-                    <br>While Imbued you and any Squadmate within your Detection Range recover 2 Hit Points for each Effort spent on attack rolls or prevent 2 Damage to Hit Points for every Effort spent on defence rolls
-                </p>
-                <h3 class="stanceWidth">Divergence:</h3>
-                <p style="font-size: 9pt;">
-                    When activating your Bond you can spend an Aetheric Energy to allow the Bond to be used a second time before needing a Long Rest. The second use of the Bond will be at a dimished capacity
-                </p>
-                <h3 class="stanceWidth">Avatar:</h3>
-                <p style="font-size: 9pt;">
-                    While Imbued the extra benefit from Effort is increased by 1 and Overwhelming rolls by yourself or any Squadmate within your Detection Range causes you and all Squadmates within your Detection Range to immediately recover 1 Stamina
-                </p>
-            </div>
-            <div class="enhancerT">
-                <h3 class="stanceWidth">Soul Infusing:</h3>
-                <p style="font-size: 9pt;">
-                    You can create or adjust minor physical features of your own body. These effects are purely meant for Roleplaying and serve no Purpose in Combat.
-                    <br>You gain a +1 Fortitude bonus in three Hazardous zones of your choice
-                    <br>You gain access to Bionics and start with a single Bionic body part
-                </p>
-                <h3 class="stanceWidth">Imbue:</h3>
-                <p style="font-size: 9pt;">
-                    Upon Imbuing yourself you grant yourself and every Squadmate a single temporary Aetheric Energy, this Energy can go above the characters maximum and is lost at the end of the Encounter
-                    <br>While imbued you and each squadmate within your Detection range reduce the roll required for an Overwhelming roll by 1.
-                </p>
-                <h3 class="stanceWidth">Divergence:</h3>
-                <p style="font-size: 9pt;">
-                    Containers within your Bionics gain an additional slot per Levelling Stage
-                    <br>During a Short Rest you can increase the Duration of any Item with a Duration by 1 Scene or Replenish a single charge from an item containing charges
-                    <br>Both effects can only be applied once to each item
-                </p>
-                <h3 class="stanceWidth">Avatar:</h3>
-                <p style="font-size: 9pt;">
-                    While Imbued you can overcharge a single Bionic, granting a much greater benefit
-                    <br>Any Aetheric Energy that is used by yourself or any Squadmate within your Detection Range counts as if two Aetheric Energy was used
-                </p>
-            </div>
-            <div class="exemplarG">
-                <h3 class="stanceWidth">Soul Infusing:</h3>
-                <p style="font-size: 9pt;">
-                    You can create, shape and manipulate small mechanical and electrical objects. These effects are purely meant for Roleplaying and serve no Purpose in Combat.
-                    <br>You gain a +1 Fortitude bonus in three Hazardous zones of your choice
-                    <br>You have a Geminae.
-                </p>
-                <h3 class="stanceWidth">Imbue:</h3>
-                <p style="font-size: 9pt;">
-                    Upon Imbuing your Geminae and yourself burst with energy, Restoring 50% of your maximum Hit Points to all squadmates and yourself within your Detection range. Any Antanganist adjacent to yourself, your Geminae or a squadmate takes 10 Direct damage.
-                    <br>While imbued your Geminae receives the same number of Hit Points as yourself. These Hit Points are reduced before your own and healing either of you recovers the amount from both pools
-                </p>
-                <h3 class="stanceWidth">Divergence:</h3>
-                <p style="font-size: 9pt;">
-                    You have a second Geminae
-                    <br>This means all attack rolls are made 3 times and you add the Damage of the WAR 3 times
-                </p>
-                <h3 class="stanceWidth">Avatar:</h3>
-                <p style="font-size: 9pt;">
-                    While Imbued whenever you or a Squadmate within your Detection Range spends an Aetheric Energy your next attack roll is automatically Overwhelming. This can only happen once per turn
-                </p>
-            </div>
-            <div class="exemplarD">
-                <h3 class="stanceWidth">Soul Infusing:</h3>
-                <p style="font-size: 9pt;">
-                    You can create, shape and manipulate small mechanical and electrical objects. These effects are purely meant for Roleplaying and serve no Purpose in Combat.
-                    <br>You gain a +1 Fortitude bonus in three Hazardous zones of your choice
-                    <br>You can create up to 2 Signum within your Detection range.
-                </p>
-                <h3 class="stanceWidth">Imbue:</h3>
-                <p style="font-size: 9pt;">
-                    Upon Imbuing you immediately create 2 Attacking Signum and 2 Healing Signum in any Hex within your Detection Range
-                    <br>While Imbued you can have 6 Signum active at one time and whenever you or any Squadmate within your Detection Range suffers from an Underwhelming Defence roll all of your Signum are activated
-                    <br>This can happen a maximum of once per Round
-                </p>
-                <h3 class="stanceWidth">Divergence:</h3>
-                <p style="font-size: 9pt;">
-                    Increase number of Signum allowed at once by 1 and during Imbue by 1
-                    <br>Increase the range of the Attacker and Healer Signum by 5 and the range of the Defence Signum by 2
-                    <br>Increase all Signum values by 1 and they can survive an additional attack. During an attack 2 Effort instead of 1 can be spent to outright destroy a Signum
-                </p>
-                <h3 class="stanceWidth">Avatar:</h3>
-                <p style="font-size: 9pt;">
-                    While Imbued you empower your Signum. Your Attacking and Healing Signum now activate twice at the end of your turn or whenever you or a Squadmate roll an
-                    Underwhelming or Overwhelming roll and your Defence Signum increases Defence values by 1
-                </p>
-            </div>
-            <div class="gaia">
-                <h3 class="stanceWidth">Soul Infusing:</h3>
-                <p style="font-size: 9pt;">
-                    You can create, shape and manipulate small Flora and Fauna. These effects are purely meant for Roleplaying and serve no Purpose in Combat.
-                    <br>You gain a +1 Fortitude bonus in all of the following Hazardous zones: Thin Atmosphere, Geological Instability, Unstable Mountainside and Subterranean (all)
-                    <br>You have a companion. You can choose from the following species: Beast, Plantae or Dragon
-                </p>
-                <h3 class="stanceWidth">Imbue:</h3>
-                <p style="font-size: 9pt;">
-                    Upon Imbuing all Antagonists within your Detection Range suffer the Restrained Mishap
-                    <br>Whenever you use a WAR Power your companion also uses the Power or vice versa
-                </p>
-                <h3 class="stanceWidth">Divergence:</h3>
-                <p style="font-size: 9pt;">
-                    Whenever you use a Power on a target all Companions and all Attacker Signum within your Detection range can make a free attack against the target
-                </p>
-                <h3 class="stanceWidth">Avatar:</h3>
-                <p style="font-size: 9pt;">
-                    Upon Imbuing all Antagonists within your Detection Range suffer the Paralyzed Condition or the Unconscious Condition, their choice.
-                    While Imbued both you and your companion do not roll an additional die for underwhelming results and attacks using a WAR Power reduce the die result required for an Overwhelming result by 1
-                </p>
-            </div>
-        </div>
-    </div>
-</div>
-
-<div name="characteristicsPopup" id="characteristics" class="overlay">
-    <a href="#" class="clickToClose"></a>
-    <div class="popupCharacteristics">
-        <div class="characteristicsShell">
-            <div class="passiveFlex passiveTitle">
-                <div style="min-width: 25px;"></div>
-                <input spellcheck='false' autocorrect='off' type="text" name="attr_stance_name_field" value="Characteristics" class="stanceName" disabled="true" />
-                <a class="close" href="#">&times;</a>
-            </div>
-            <div class="characteristicsShellInner">
-                <div class="characteristicsShellADVANCED bordered">
-                    <div style="grid-area: title;">
-                        <div class="largeTitle" style="height:40px; width:100%">
-                            <h1 class="header" style="line-height:35px;font-size:27pt">ADVANCED</h1>
-                        </div>
-                    </div>
-                    <div class="bordered advancedJustify" style="grid-area: body;">
-                        <div class="title">Body</div>
-                        <select class="hiddenSheet bodySelect" name="attr_body">
-                            <option value="0" selected>Choose</option>
-                            <option value="1">Ectomorph</option>
-                            <option value="2">Endomorph</option>
-                            <option value="3">Mesomorph</option>
-                        </select>
-                    </div>
-                    <input type="hidden" name="attr_body" value="0" class="bodyToggle">
-                    <div class="bordered advancedJustify" style="grid-area: mind;">
-                        <div class="title">Mind</div>
-                        <select class="hiddenSheet bodySelect" style="grid-area: e;" name="attr_mind">
-                            <option value="0" selected>Choose</option>
-                            <option value="1">Intrapersonal</option>
-                            <option value="2">Interpersonal</option>
-                            <option value="3">Kinaesthetic</option>
-                            <option value="4">Logical</option>
-                            <option value="5">Spatial</option>
-                        </select>
-                    </div>
-                    <input type="hidden" name="attr_mind" value="0" class="mindToggle">
-                    <div name="shell" class="bordered advancedJustify" style="grid-area: acuity;padding-bottom: 5px">
-                        <div class="centertitle stamina1">Acuity</div>
-                        <div style="display:flex">
-                            <div style="width:52px"></div>
-                            <input type="number" min="0" max="10" name="attr_acuity" value="0" class="currentStamina advancedShell centered">
-                        </div>
-                    </div>
-                    <div name="shell" class="bordered advancedJustify" style="grid-area: vitality;padding-bottom: 5px">
-                        <div class="centertitle stamina1">Vitality</div>
-                        <div style="display:flex">
-                            <div style="width:52px"></div>
-                            <input type="number" min="0" max="10" name="attr_vitality" value="0" class="currentStamina advancedShell centered">
-                        </div>
-                    </div>
-                    <div name="shell" class="bordered advancedJustify" style="grid-area: nerve;padding-bottom: 5px">
-                        <div class="centertitle stamina1">Nerve</div>
-                        <div style="display:flex">
-                            <div style="width:52px"></div>
-                            <input type="number" min="0" max="10" name="attr_nerve" value="0" class="currentStamina advancedShell centered">
-                        </div>
-                    </div>
-                    <div name="shell" class="bordered advancedJustify" style="grid-area: essence;padding-bottom: 5px;">
-                        <div class="centertitle stamina1">Essence</div>
-                        <div style="display:flex">
-                            <div style="width:52px"></div>
-                            <input type="number" min="0" max="10" name="attr_essence" value="0" class="currentStamina advancedShell centered">
-                        </div>
-                    </div>
-                    <div name="shell" class="bordered advancedJustify" style="grid-area: durability;padding-bottom: 5px">
-                        <div class="centertitle stamina1">Durability</div>
-                        <div style="display:flex">
-                            <div style="width:52px"></div>
-                            <input type="number" min="0" max="10" name="attr_durability" value="0" class="currentStamina advancedShell centered">
-                        </div>
-                    </div>
-                    <div name="shell" class="bordered advancedJustify" style="grid-area: agility;padding-bottom: 5px">
-                        <div class="centertitle stamina1">Agility</div>
-                        <div style="display:flex">
-                            <div style="width:52px"></div>
-                            <input type="number" min="0" max="10" name="attr_agility" value="0" class="currentStamina advancedShell centered">
-                        </div>
-                    </div>
-                    <div name="shell" class="bordered advancedJustify" style="grid-area: comprehension;padding-bottom: 5px">
-                        <div class="centertitle stamina1">Comprehension</div>
-                        <div style="display:flex">
-                            <div style="width:52px"></div>
-                            <input type="number" min="0" max="10" name="attr_comprehension" value="0" class="currentStamina advancedShell centered">
-                        </div>
-                    </div>
-                    <div name="shell" class="bordered advancedJustify" style="grid-area: discernment;padding-bottom: 5px">
-                        <div class="centertitle stamina1">Discernment</div>
-                        <div style="display:flex">
-                            <div style="width:52px"></div>
-                            <input type="number" min="0" max="10" name="attr_discernment" value="0" class="currentStamina advancedShell centered">
-                        </div>
-                    </div>
-                </div>
-                <div class="characteristicsShellRightSide bordered">
-                    <div style="grid-area: title; margin-right: -5px !important; margin-left: -5px !important;">
-                        <div class="largeTitle" style="height:41px !important; width:100%">
-                            <h1 class="header" style="line-height:35px;font-size:27pt">Background</h1>
-                        </div>
-                    </div>
-                    <h3>Birthright:</h3>
-                    <select class="hiddenSheet manifestation" name="attr_birthright" style="width:95%">
-                        <option value="None" selected>Select One</option>
-                        <option value="Aetheric">Aetheric</option>
-                        <option value="Gifted">Gifted</option>
-                        <option value="Open">Open Minded</option>
-                        <option value="Skilled">Skilled</option>
-                        <option value="Specialised">Specialised</option>
-                    </select>
-                    <h3>Home Terrain:</h3>
-                    <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet characterTerrain" name="attr_character_terrain" autocomplete="nope">
-                    <h3>Acclimated Hazard:</h3>
-                    <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet characterHazard" name="attr_character_hazard" autocomplete="nope">
-                    <h3 style="align-self: center;">Languages:</h3>
-                    <textarea spellcheck='false' autocorrect='off' name="attr_languages" class="activeTextarea" style="height: 64px; margin-left: 5px; width: 96% !important;" placeholder="Languages"></textarea>
-                    <h3 style="align-self: center;">Purpose:</h3>
-                    <textarea spellcheck='false' autocorrect='off' name="attr_purpose" class="activeTextarea" style="height: 64px; margin-left: 5px; width: 96% !important;" placeholder="What is the purpose of your existance? Why did you get intoadventuring?"></textarea>
-                    <h3 style="align-self: center;">Goals:</h3>
-                    <textarea spellcheck='false' autocorrect='off' name="attr_goals" class="activeTextarea" style="height: 64px; margin-left: 5px; width: 96% !important;" placeholder="What do you want to acheive in your life?"></textarea>
-                    <h3 style="align-self: center;">Bonds:</h3>
-                    <textarea spellcheck='false' autocorrect='off' name="attr_bonds" class="activeTextarea" style="height: 64px; margin-left: 5px; width: 96% !important;" placeholder="Who or what do you hold dear and why?"></textarea>
-                    <h3 style="align-self: center;">Linked Soul:</h3>
-                    <textarea spellcheck='false' autocorrect='off' name="attr_linkedSoul" class="activeTextarea" style="height: 64px; margin-left: 5px; width: 96% !important;" placeholder="Who's soul is linked to your own? Why are they linked? Is it fate, or maybe someone you have to stop at all costs?"></textarea>
-                </div>
-            </div>
-            <div style="display: flex;justify-content: flex-end;margin-right: 10px;padding-bottom: 2px;margin-top: -5px;">
-                <h1 style="font-size:10pt">Shorthand Rolls:</h1>
-                <input class="test" type="checkbox" name="attr_shorthand" value="1" style="margin-left: 9px;">
-            </div>
-            <div style="display: flex;justify-content: flex-end;margin-right: 10px;padding-bottom: 2px;margin-top: -5px;">
-                <h1 style="font-size:10pt">Antagonist:</h1>
-                <input class="test" type="checkbox" name="attr_antagonist_flag" value="1" style="margin-left: 9px;">
-            </div>
-        </div>
-    </div>
-</div>
-
-<div name="equipmentPopup" id="equipment" class="overlay">
-    <a href="#" class="clickToClose"></a>
-    <div class="popupEquipment">
-
-        <div class="popupEquipmentUpper">
-            <div class="equipmentShellUpper">
-                <div name="equipment" class="passiveFlex passiveTitle">
-                    <h2 class="header passiveTitleFlex" style="line-height: 30px">Equipment</h2>
-                </div>
-                <div style="display:flex">
-                    <div style="width: 578px;">
-                        <select type="text" style="grid-area:c" class="hiddenSheet genderSelect" name="attr_gender_type">
-                            <option value="Male" selected>Male</option>
-                            <option value="Female">Female</option>
-                            <option value="Genderless">Genderless</option>
-                        </select>
-                        <input type="hidden" name="attr_gender_type" class="genderSelect" value="Male">
-                        <img class="bodyImage bodyMale" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/86f4b61f-2285-4e4c-a71a-b491cbd4ad53/d1y2zdr-62d36b15-a50e-4229-b96d-5fc1baedefd7.jpg/v1/fill/w_1024,h_1583,q_75,strp/male_character_pose_1_by_one_with_no_color_d1y2zdr-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTU4MyIsInBhdGgiOiJcL2ZcLzg2ZjRiNjFmLTIyODUtNGU0Yy1hNzFhLWI0OTFjYmQ0YWQ1M1wvZDF5Mnpkci02MmQzNmIxNS1hNTBlLTQyMjktYjk2ZC01ZmMxYmFlZGVmZDcuanBnIiwid2lkdGgiOiI8PTEwMjQifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.EOwnDmhILLwfWPijZ9fnAtE_OZfJaLvKZAy8aFND9DU" alt="Male Body">
-                        <img class="bodyImage bodyFemale" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/86f4b61f-2285-4e4c-a71a-b491cbd4ad53/d1xu0rd-5f35c561-cbbc-42d8-9196-11a87f7af455.jpg/v1/fill/w_1024,h_1583,q_75,strp/character_pose_1_by_one_with_no_color_d1xu0rd-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTU4MyIsInBhdGgiOiJcL2ZcLzg2ZjRiNjFmLTIyODUtNGU0Yy1hNzFhLWI0OTFjYmQ0YWQ1M1wvZDF4dTByZC01ZjM1YzU2MS1jYmJjLTQyZDgtOTE5Ni0xMWE4N2Y3YWY0NTUuanBnIiwid2lkdGgiOiI8PTEwMjQifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.9-chTmigyvpmY4pfwHcugd251OUnge82AS_MqhsLa9I" alt="Female Body">
-                        <img class="bodyImage bodyGenderless" src="https://t4.ftcdn.net/jpg/04/26/78/25/360_F_426782522_OkzYnAZSzJXE6XmX03tHwrjgtOk2ONzd.jpg" alt="Genderless Body">
-                        <div class="equipmentShell headEquipment">
-                            <select type="text" style="grid-area:c" class="hiddenSheet valueSelect" name="attr_head_value">
-                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Containers</option>
-                                <option value="Poor" selected>Poor</option>
-                                <option value="Basic">Basic</option>
-                                <option value="Common">Common</option>
-                                <option value="Premium">Premium</option>
-                                <option value="Excellent">Excellent</option>
-                                <option value="Stellar">Stellar</option>
-                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Items</option>
-                                <option value="Inconsequential">Inconsequential</option>
-                                <option value="Basic2">Basic</option>
-                                <option value="Mediocre">Mediocre</option>
-                                <option value="Average">Average</option>
-                                <option value="Refined">Refined</option>
-                                <option value="Exceptional">Exceptional</option>
-                                <option value="Superior">Superior</option>
-                                <option value="Legendary">Legendary</option>
-                                <option value="Artifact">Artifact</option>
-                            </select>
-                            <input type="hidden" name="attr_head_value" value="Poor" class="headContainer">
-                            <input spellcheck='false' autocorrect='off' type="text" name="attr_head_equipment" value="" class="equipmentInput" placeholder="Head Slot">
-                            <div class="headIsContainer">
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Slots</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="number" name="attr_current_slots_head_equipment" value="" class="chargesAmount">
-                                        <h3>/</h3>
-                                        <input type="number" name="attr_max_slots_head_equipment" value="" class="chargesAmount">
-                                    </div>
-                                </div>
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Min/Max Strength</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="text" name="attr_current_strength_head_equipment" value="" class="minMaxStrength">
-                                        <h3>/</h3>
-                                        <input type="text" name="attr_max_strength_head_equipment" value="" class="minMaxStrength">
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="headIsNotContainer">
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Charges</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="number" name="attr_current_charges_head_equipment" value="" class="chargesAmount">
-                                        <h3>/</h3>
-                                        <input type="number" name="attr_max_charges_head_equipment" value="" class="chargesAmount">
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="equipmentShell backEquipment">
-                            <select type="text" style="grid-area:c" class="hiddenSheet valueSelect" name="attr_backValue">
-                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Containers</option>
-                                <option value="Poor">Poor</option>
-                                <option value="Basic">Basic</option>
-                                <option value="Common">Common</option>
-                                <option value="Premium">Premium</option>
-                                <option value="Excellent">Excellent</option>
-                                <option value="Stellar">Stellar</option>
-                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Items</option>
-                                <option value="Inconsequential" selected>Inconsequential</option>
-                                <option value="Basic2">Basic</option>
-                                <option value="Mediocre">Mediocre</option>
-                                <option value="Average">Average</option>
-                                <option value="Refined">Refined</option>
-                                <option value="Exceptional">Exceptional</option>
-                                <option value="Superior">Superior</option>
-                                <option value="Legendary">Legendary</option>
-                                <option value="Artifact">Artifact</option>
-                            </select>
-                            <input type="hidden" name="attr_back_value" value="Poor" class="backContainer">
-                            <input spellcheck='false' autocorrect='off' type="text" name="attr_back_equipment" value="" class="equipmentInput" placeholder="Back Slot">
-                            <div class="backIsContainer">
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Slots</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="number" name="attr_current_slots_back_equipment" value="" class="chargesAmount">
-                                        <h3>/</h3>
-                                        <input type="number" name="attr_max_slots_back_equipment" value="" class="chargesAmount">
-                                    </div>
-                                </div>
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Min/Max Strength</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="text" name="attr_current_strength_back_equipment" value="" class="minMaxStrength">
-                                        <h3>/</h3>
-                                        <input type="text" name="attr_max_strength_back_equipment" value="" class="minMaxStrength">
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="backIsNotContainer">
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Charges</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="number" name="attr_current_charges_back_equipment" value="" class="chargesAmount">
-                                        <h3>/</h3>
-                                        <input type="number" name="attr_max_charges_back_equipment" value="" class="chargesAmount">
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="equipmentShell torsoEquipment">
-                            <select type="text" style="grid-area:c" class="hiddenSheet valueSelect" name="attr_torso_value">
-                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Containers</option>
-                                <option value="Poor" selected>Poor</option>
-                                <option value="Basic">Basic</option>
-                                <option value="Common">Common</option>
-                                <option value="Premium">Premium</option>
-                                <option value="Excellent">Excellent</option>
-                                <option value="Stellar">Stellar</option>
-                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Items</option>
-                                <option value="Inconsequential">Inconsequential</option>
-                                <option value="Basic2">Basic</option>
-                                <option value="Mediocre">Mediocre</option>
-                                <option value="Average">Average</option>
-                                <option value="Refined">Refined</option>
-                                <option value="Exceptional">Exceptional</option>
-                                <option value="Superior">Superior</option>
-                                <option value="Legendary">Legendary</option>
-                                <option value="Artifact">Artifact</option>
-                            </select>
-                            <input type="hidden" name="attr_torso_value" value="Poor" class="torsoContainer">
-                            <input spellcheck='false' autocorrect='off' type="text" name="attr_torso_equipment" value="" class="equipmentInput" placeholder="Torso Slot">
-                            <div class="torsoIsContainer">
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Slots</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="number" name="attr_current_slots_torso_equipment" value="" class="chargesAmount">
-                                        <h3>/</h3>
-                                        <input type="number" name="attr_max_slots_torso_equipment" value="" class="chargesAmount">
-                                    </div>
-                                </div>
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Min/Max Strength</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="text" name="attr_current_strength_torso_equipment" value="" class="minMaxStrength">
-                                        <h3>/</h3>
-                                        <input type="text" name="attr_max_strength_torso_equipment" value="" class="minMaxStrength">
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="torsoIsNotContainer">
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Charges</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="number" name="attr_current_charges_torso_equipment" value="" class="chargesAmount">
-                                        <h3>/</h3>
-                                        <input type="number" name="attr_max_charges_torso_equipment" value="" class="chargesAmount">
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="equipmentShell armEquipmentOne">
-                            <select type="text" style="grid-area:c" class="hiddenSheet valueSelect" name="attr_arm_one_value">
-                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Containers</option>
-                                <option value="Poor" selected>Poor</option>
-                                <option value="Basic">Basic</option>
-                                <option value="Common">Common</option>
-                                <option value="Premium">Premium</option>
-                                <option value="Excellent">Excellent</option>
-                                <option value="Stellar">Stellar</option>
-                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Items</option>
-                                <option value="Inconsequential">Inconsequential</option>
-                                <option value="Basic2">Basic</option>
-                                <option value="Mediocre">Mediocre</option>
-                                <option value="Average">Average</option>
-                                <option value="Refined">Refined</option>
-                                <option value="Exceptional">Exceptional</option>
-                                <option value="Superior">Superior</option>
-                                <option value="Legendary">Legendary</option>
-                                <option value="Artifact">Artifact</option>
-                            </select>
-                            <input type="hidden" name="attr_arm_one_value" value="Poor" class="armOneContainer">
-                            <input spellcheck='false' autocorrect='off' type="text" name="attr_arm_equipment_one" value="" class="equipmentInput" placeholder="Arm Slot 1">
-                            <div class="armOneIsContainer">
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Slots</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="number" name="attr_current_slots_arm_one_equipment" value="" class="chargesAmount">
-                                        <h3>/</h3>
-                                        <input type="number" name="attr_max_slots_arm_one_equipment" value="" class="chargesAmount">
-                                    </div>
-                                </div>
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Min/Max Strength</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="text" name="attr_current_strength_arm_one_equipment" value="" class="minMaxStrength">
-                                        <h3>/</h3>
-                                        <input type="text" name="attr_max_strength_arm_one_equipment" value="" class="minMaxStrength">
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="armOneIsNotContainer">
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Charges</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="number" name="attr_current_slots_arm_one_equipment" value="" class="chargesAmount">
-                                        <h3>/</h3>
-                                        <input type="number" name="attr_max_slots_arm_one_equipment" value="" class="chargesAmount">
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="equipmentShell armEquipmentTwo">
-                            <select type="text" style="grid-area:c" class="hiddenSheet valueSelect" name="attr_arm_two_value">
-                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Containers</option>
-                                <option value="Poor" selected>Poor</option>
-                                <option value="Basic2">Basic</option>
-                                <option value="Common">Common</option>
-                                <option value="Premium">Premium</option>
-                                <option value="Excellent">Excellent</option>
-                                <option value="Stellar">Stellar</option>
-                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Items</option>
-                                <option value="Inconsequential">Inconsequential</option>
-                                <option value="Basic">Basic</option>
-                                <option value="Mediocre">Mediocre</option>
-                                <option value="Average">Average</option>
-                                <option value="Refined">Refined</option>
-                                <option value="Exceptional">Exceptional</option>
-                                <option value="Superior">Superior</option>
-                                <option value="Legendary">Legendary</option>
-                                <option value="Artifact">Artifact</option>
-                            </select>
-                            <input type="hidden" name="attr_arm_two_value" value="Poor" class="armTwoContainer">
-                            <input spellcheck='false' autocorrect='off' type="text" name="attr_arm_equipment_two" value="" class="equipmentInput" placeholder="Arm Slot 2">
-                            <div class="armTwoIsContainer">
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Slots</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="number" name="attr_current_slots_arm_two_equipment" value="" class="chargesAmount">
-                                        <h3>/</h3>
-                                        <input type="number" name="attr_max_slots_arm_two_equipment" value="" class="chargesAmount">
-                                    </div>
-                                </div>
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Min/Max Strength</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="text" name="attr_current_strength_arm_two_equipment" value="" class="minMaxStrength">
-                                        <h3>/</h3>
-                                        <input type="text" name="attr_max_strength_arm_two_equipment" value="" class="minMaxStrength">
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="armTwoIsNotContainer">
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Charges</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="number" name="attr_current_slots_arm_two_equipment" value="" class="chargesAmount">
-                                        <h3>/</h3>
-                                        <input type="number" name="attr_max_slots_arm_two_equipment" value="" class="chargesAmount">
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="equipmentShell hipEquipment">
-                            <select type="text" style="grid-area:c" class="hiddenSheet valueSelect" name="attr_hip_value">
-                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Containers</option>
-                                <option value="Poor" selected>Poor</option>
-                                <option value="Basic2">Basic</option>
-                                <option value="Common">Common</option>
-                                <option value="Premium">Premium</option>
-                                <option value="Excellent">Excellent</option>
-                                <option value="Stellar">Stellar</option>
-                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Items</option>
-                                <option value="Inconsequential">Inconsequential</option>
-                                <option value="Basic">Basic</option>
-                                <option value="Mediocre">Mediocre</option>
-                                <option value="Average">Average</option>
-                                <option value="Refined">Refined</option>
-                                <option value="Exceptional">Exceptional</option>
-                                <option value="Superior">Superior</option>
-                                <option value="Legendary">Legendary</option>
-                                <option value="Artifact">Artifact</option>
-                            </select>
-                            <input type="hidden" name="attr_hip_value" value="Poor" class="hipContainer">
-                            <input spellcheck='false' autocorrect='off' type="text" name="attr_hip_equipment" value="" class="equipmentInput" placeholder="Hip Slot">
-                            <div class="hipIsContainer">
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Slots</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="number" name="attr_current_slots_hip_equipment" value="" class="chargesAmount">
-                                        <h3>/</h3>
-                                        <input type="number" name="attr_max_slots_hip_equipment" value="" class="chargesAmount">
-                                    </div>
-                                </div>
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Min/Max Strength</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="text" name="attr_current_strength_hip_equipment" value="" class="minMaxStrength">
-                                        <h3>/</h3>
-                                        <input type="text" name="attr_max_strength_hip_equipment" value="" class="minMaxStrength">
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="hipIsNotContainer">
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Charges</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="number" name="attr_current_slots_hip_equipment" value="" class="chargesAmount">
-                                        <h3>/</h3>
-                                        <input type="number" name="attr_max_slots_hip_equipment" value="" class="chargesAmount">
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="equipmentShell legEquipmentOne">
-                            <select type="text" style="grid-area:c" class="hiddenSheet valueSelect" name="attr_leg_one_value">
-                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Containers</option>
-                                <option value="Poor" selected>Poor</option>
-                                <option value="Basic">Basic</option>
-                                <option value="Common">Common</option>
-                                <option value="Premium">Premium</option>
-                                <option value="Excellent">Excellent</option>
-                                <option value="Stellar">Stellar</option>
-                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Items</option>
-                                <option value="Inconsequential">Inconsequential</option>
-                                <option value="Basic2">Basic</option>
-                                <option value="Mediocre">Mediocre</option>
-                                <option value="Average">Average</option>
-                                <option value="Refined">Refined</option>
-                                <option value="Exceptional">Exceptional</option>
-                                <option value="Superior">Superior</option>
-                                <option value="Legendary">Legendary</option>
-                                <option value="Artifact">Artifact</option>
-                            </select>
-                            <input type="hidden" name="attr_leg_one_value" value="Poor" class="legOneContainer">
-                            <input spellcheck='false' autocorrect='off' type="text" name="attr_leg_equipment_one" value="" class="equipmentInput" placeholder="Leg Slot 1">
-                            <div class="legOneIsContainer">
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Slots</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="number" name="attr_current_slots_leg_one_equipment" value="" class="chargesAmount">
-                                        <h3>/</h3>
-                                        <input type="number" name="attr_max_slots_leg_one_equipment" value="" class="chargesAmount">
-                                    </div>
-                                </div>
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Min/Max Strength</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="text" name="attr_current_strength_leg_one_equipment" value="" class="minMaxStrength">
-                                        <h3>/</h3>
-                                        <input type="text" name="attr_max_strength_leg_one_equipment" value="" class="minMaxStrength">
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="legOneIsNotContainer">
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Charges</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="number" name="attr_current_slots_leg_one_equipment" value="" class="chargesAmount">
-                                        <h3>/</h3>
-                                        <input type="number" name="attr_max_slots_leg_one_equipment" value="" class="chargesAmount">
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="equipmentShell legEquipmentTwo">
-                            <select type="text" style="grid-area:c" class="hiddenSheet valueSelect" name="attr_leg_two_value">
-                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Containers</option>
-                                <option value="Poor" selected>Poor</option>
-                                <option value="Basic">Basic</option>
-                                <option value="Common">Common</option>
-                                <option value="Premium">Premium</option>
-                                <option value="Excellent">Excellent</option>
-                                <option value="Stellar">Stellar</option>
-                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Items</option>
-                                <option value="Inconsequential">Inconsequential</option>
-                                <option value="Basic2">Basic</option>
-                                <option value="Mediocre">Mediocre</option>
-                                <option value="Average">Average</option>
-                                <option value="Refined">Refined</option>
-                                <option value="Exceptional">Exceptional</option>
-                                <option value="Superior">Superior</option>
-                                <option value="Legendary">Legendary</option>
-                                <option value="Artifact">Artifact</option>
-                            </select>
-                            <input type="hidden" name="attr_leg_two_value" value="Poor" class="legTwoContainer">
-                            <input spellcheck='false' autocorrect='off' type="text" name="attr_leg_equipment_two" value="" class="equipmentInput" placeholder="Leg Slot 2">
-                            <div class="legTwoIsContainer">
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Slots</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="number" name="attr_current_slots_leg_two_equipment" value="" class="chargesAmount">
-                                        <h3>/</h3>
-                                        <input type="number" name="attr_max_slots_leg_two_equipment" value="" class="chargesAmount">
-                                    </div>
-                                </div>
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Min/Max Strength</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="text" name="attr_current_strength_leg_two_equipment" value="" class="minMaxStrength">
-                                        <h3>/</h3>
-                                        <input type="text" name="attr_max_strength_leg_two_equipment" value="" class="minMaxStrength">
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="legTwoIsNotContainer">
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Charges</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="number" name="attr_current_slots_leg_two_equipment" value="" class="chargesAmount">
-                                        <h3>/</h3>
-                                        <input type="number" name="attr_max_slots_leg_two_equipment" value="" class="chargesAmount">
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="equipmentShell feetEquipment">
-                            <select type="text" style="grid-area:c" class="hiddenSheet valueSelect" name="attr_feet_value">
-                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Containers</option>
-                                <option value="Poor" selected>Poor</option>
-                                <option value="Basic">Basic</option>
-                                <option value="Common">Common</option>
-                                <option value="Premium">Premium</option>
-                                <option value="Excellent">Excellent</option>
-                                <option value="Stellar">Stellar</option>
-                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Items</option>
-                                <option value="Inconsequential">Inconsequential</option>
-                                <option value="Basic2">Basic</option>
-                                <option value="Mediocre">Mediocre</option>
-                                <option value="Average">Average</option>
-                                <option value="Refined">Refined</option>
-                                <option value="Exceptional">Exceptional</option>
-                                <option value="Superior">Superior</option>
-                                <option value="Legendary">Legendary</option>
-                                <option value="Artifact">Artifact</option>
-                            </select>
-                            <input type="hidden" name="attr_feet_value" value="Poor" class="feetContainer">
-                            <input spellcheck='false' autocorrect='off' type="text" name="attr_feet_equipment" value="" class="equipmentInput" placeholder="Feet Slot">
-                            <div class="feetIsContainer">
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Slots</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="number" name="attr_current_slots_feet_equipment" value="" class="chargesAmount">
-                                        <h3>/</h3>
-                                        <input type="number" name="attr_max_slots_feet_equipment" value="" class="chargesAmount">
-                                    </div>
-                                </div>
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Min/Max Strength</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="text" name="attr_current_strength_feet_equipment" value="" class="minMaxStrength">
-                                        <h3>/</h3>
-                                        <input type="text" name="attr_max_strength_feet_equipment" value="" class="minMaxStrength">
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="feetIsNotContainer">
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Charges</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="number" name="attr_current_slots_feet_equipment" value="" class="chargesAmount">
-                                        <h3>/</h3>
-                                        <input type="number" name="attr_max_slots_feet_equipment" value="" class="chargesAmount">
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="equipmentShell fullBodyEquipment">
-                            <select type="text" style="grid-area:c" class="hiddenSheet valueSelect" name="attr_full_body_value">
-                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Containers</option>
-                                <option value="Poor" selected>Poor</option>
-                                <option value="Basic">Basic</option>
-                                <option value="Common">Common</option>
-                                <option value="Premium">Premium</option>
-                                <option value="Excellent">Excellent</option>
-                                <option value="Stellar">Stellar</option>
-                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Items</option>
-                                <option value="Inconsequential">Inconsequential</option>
-                                <option value="Basic2">Basic</option>
-                                <option value="Mediocre">Mediocre</option>
-                                <option value="Average">Average</option>
-                                <option value="Refined">Refined</option>
-                                <option value="Exceptional">Exceptional</option>
-                                <option value="Superior">Superior</option>
-                                <option value="Legendary">Legendary</option>
-                                <option value="Artifact">Artifact</option>
-                            </select>
-                            <input type="hidden" name="attr_full_body_value" value="Poor" class="bodyContainer">
-                            <input spellcheck='false' autocorrect='off' type="text" name="attr_full_body_equipment" value="" class="equipmentInput" placeholder="Suit / Full Body Slot">
-                            <div class="bodyIsContainer">
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Slots</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="number" name="attr_current_slots_body_equipment" value="" class="chargesAmount">
-                                        <h3>/</h3>
-                                        <input type="number" name="attr_max_slots_body_equipment" value="" class="chargesAmount">
-                                    </div>
-                                </div>
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Min/Max Strength</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="text" name="attr_current_strength_body_equipment" value="" class="minMaxStrength">
-                                        <h3>/</h3>
-                                        <input type="text" name="attr_max_strength_body_equipment" value="" class="minMaxStrength">
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="bodyIsNotContainer">
-                                <div class="equipmentCharges">
-                                    <h3 style="line-height: 10px; font-size: 8pt;">Charges</h3>
-                                    <div style="display: flex; height: 14px;">
-                                        <input type="number" name="attr_current_slots_body_equipment" value="" class="chargesAmount">
-                                        <h3>/</h3>
-                                        <input type="number" name="attr_max_slots_body_equipment" value="" class="chargesAmount">
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="equipmentShellLower">
-                        <div name="equipment" class="passiveFlex passiveTitle">
-                            <h2 class="header passiveTitleFlex" style="line-height: 30px">Loose Equipment</h2>
-                        </div>
-                        <div style="overflow-y: scroll;height: 338px;border-bottom: 1px solid black;background-image: url(http://imgur.com/Z4ti7rM.png);">
-                            <fieldset class="repeating_equipment">
-                                <div name="itemOne" class="looseEquipment">
-                                    <div class="looseEquipmentShell">
-                                        <select type="text" class="hiddenSheet valueSelect" name="attr_item_one_value" style="font-size: 7pt;">
-                                            <optgroup label="Containers">
-                                                <option value="Poor" selected>Poor</option>
-                                                <option value="Basic">Basic</option>
-                                                <option value="Common">Common</option>
-                                                <option value="Premium">Premium</option>
-                                                <option value="Excellent">Excellent</option>
-                                                <option value="Stellar">Stellar</option>
-                                            </optgroup>
-                                            <optgroup label="Items">
-                                                <option value="Inconsequential" selected>Inconsequential</option>
-                                                <option value="Basic">Basic</option>
-                                                <option value="Mediocre">Mediocre</option>
-                                                <option value="Average">Average</option>
-                                                <option value="Refined">Refined</option>
-                                                <option value="Exceptional">Exceptional</option>
-                                                <option value="Superior">Superior</option>
-                                                <option value="Legendary">Legendary</option>
-                                                <option value="Artifact">Artifact</option>
-                                            </optgroup>
-                                        </select>
-                                        <input spellcheck='false' autocorrect='off' type="text" name="attr_full_body_equipment" value="" class="equipmentInput" placeholder="item" style="margin-top: 5px; width: 99px;">
-                                        <select type="text" class="hiddenSheet valueSelect" name="attr_item_one_slot_type" style="font-size: 7pt;">
-                                            <option value="Single" selected>Single</option>
-                                            <option value="Permanent">Permanent</option>
-                                            <option value="Duration">Duration</option>
-                                            <option value="Charged">Charged</option>
-                                        </select>
-                                    </div>
-                            </fieldset>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<div name="bionicsPopup" id="bionics" class="overlay">
-    <a href="#" class="clickToClose"></a>
-    <div class="popupBionic">
-
-        <div class="popupBionicUpper">
-            <div class="bionicShellUpper">
-                <div name="equipment" class="passiveFlex passiveTitle">
-                    <h2 class="header passiveTitleFlex" style="line-height: 30px">Bionics</h2>
-                </div>
-                <div style="display:flex">
-                    <div name="picture and names" style="width: 578px;">
-                        <select type="text" style="grid-area:c" class="hiddenSheet genderSelect" name="attr_gender_type">
-                            <option value="Male" selected>Male</option>
-                            <option value="Female">Female</option>
-                            <option value="Genderless">Genderless</option>
-                        </select>
-                        <input type="hidden" name="attr_gender_type" class="genderSelect" value="Male">
-                        <img class="bodyImage bodyMale" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/86f4b61f-2285-4e4c-a71a-b491cbd4ad53/d1y2zdr-62d36b15-a50e-4229-b96d-5fc1baedefd7.jpg/v1/fill/w_1024,h_1583,q_75,strp/male_character_pose_1_by_one_with_no_color_d1y2zdr-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTU4MyIsInBhdGgiOiJcL2ZcLzg2ZjRiNjFmLTIyODUtNGU0Yy1hNzFhLWI0OTFjYmQ0YWQ1M1wvZDF5Mnpkci02MmQzNmIxNS1hNTBlLTQyMjktYjk2ZC01ZmMxYmFlZGVmZDcuanBnIiwid2lkdGgiOiI8PTEwMjQifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.EOwnDmhILLwfWPijZ9fnAtE_OZfJaLvKZAy8aFND9DU" alt="Male Body">
-                        <img class="bodyImage bodyFemale" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/86f4b61f-2285-4e4c-a71a-b491cbd4ad53/d1xu0rd-5f35c561-cbbc-42d8-9196-11a87f7af455.jpg/v1/fill/w_1024,h_1583,q_75,strp/character_pose_1_by_one_with_no_color_d1xu0rd-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTU4MyIsInBhdGgiOiJcL2ZcLzg2ZjRiNjFmLTIyODUtNGU0Yy1hNzFhLWI0OTFjYmQ0YWQ1M1wvZDF4dTByZC01ZjM1YzU2MS1jYmJjLTQyZDgtOTE5Ni0xMWE4N2Y3YWY0NTUuanBnIiwid2lkdGgiOiI8PTEwMjQifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.9-chTmigyvpmY4pfwHcugd251OUnge82AS_MqhsLa9I" alt="Female Body">
-                        <img class="bodyImage bodyGenderless" src="https://t4.ftcdn.net/jpg/04/26/78/25/360_F_426782522_OkzYnAZSzJXE6XmX03tHwrjgtOk2ONzd.jpg" alt="Genderless Body">
-                        <div class="bionicsShell" style="position: absolute; top: 30px; left: 120px;">
-                            <h1>Brain:</h1>
-                            <textarea type="text" name="attr_bionic_brain" class="bionicsInput" placeholder="Bionic Brain" style="width: 520px !important;"></textarea>
-                        </div>
-                        <div class="bionicsShell" style="position: absolute; top: 63px; left: 121px;">
-                            <h1>Eyes:</h1>
-                            <textarea type="text" name="attr_bionic_eyes" class="bionicsInput" placeholder="Bionic Eyes" style="width: 527px !important;"></textarea>
-                        </div>
-                        <div class="bionicsShell" style="position: absolute; top: 125px; left: 159px;">
-                            <h1>Arms:</h1>
-                            <textarea type="text" name="attr_bionic_arms" class="bionicsInput" placeholder="Bionic Arms" style="width: 482px !important;"></textarea>
-                        </div>
-                        <div class="bionicsShell" style="position: absolute; top: 158px; left: 167px;">
-                            <h1>Organs:</h1>
-                            <textarea type="text" name="attr_bionic_organs" class="bionicsInput" placeholder="Bionic Organs" style="width: 461px !important;"></textarea>
-                        </div>
-                        <div class="bionicsShell" style="position: absolute; top: 191px; left: 167px;">
-                            <h1>Skin:</h1>
-                            <textarea type="text" name="attr_bionic_skin" class="bionicsInput" placeholder="Bionic Skin" style="width: 483px !important;"></textarea>
-                        </div>
-                        <div class="bionicsShell" style="position: absolute; top: 260px; left: 150px;">
-                            <h1>Legs:</h1>
-                            <textarea type="text" name="attr_bionic_legs" class="bionicsInput" placeholder="Bionic Legs" style="width: 499px !important;"></textarea>
-                        </div>
-                        <div class="bionicsShell" style="position: absolute; top: 315px; left: 155px;">
-                            <h1>Bones:</h1>
-                            <textarea type="text" name="attr_bionic_bones" class="bionicsInput" placeholder="Bionic Bones" style="width: 483px !important;"></textarea>
-                        </div>
-                        <div class="bionicsShell" style="position: absolute; top: 415px; left: 155px;">
-                            <h1>ACS:</h1>
-                            <textarea type="text" name="attr_bionic_acs" class="bionicsInput" placeholder="Bionic Aetheric Circulatory System" style="width: 495px !important;"></textarea>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<div name="adventurersToolkitPopup" id="affinities" class="overlay">
-    <a href="#" class="clickToClose"></a>
-    <div class="popupToolkit">
-        <div class="manifestationsShell" style="background: rgb(7, 16, 25);">
-            <div class="passiveFlex passiveTitle">
-                <div style="min-width: 25px;"></div>
-                <input type="text" name="attr_manifestation_name_field" value="Affinities and Talents" class="manifestationName" disabled="true" />
-                <a class="close" href="#">&times;</a>
-            </div>
-            <div style="display:flex; flex-direction:row">
-                <div style="overflow-y: scroll;height: 344px;border-bottom: 1px solid black;background-image: url(http://imgur.com/Z4ti7rM.png);width: 165px; margin-bottom: 35px; margin-left: 2px !important;direction: rtl;">
-                    <fieldset class="repeating_toolkit">
-                        <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet characterNameAntagonist" name="attr_toolkit_name" autocomplete="nope" style="width:93% !important">
-                        <button type='roll' value='&{template:pursuit} {{name=@{character_name}}} {{version=@{toolkit_name}}} {{level=@{toolkit_knowledge}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{whelming=[[1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_adventurersToolkit' class="button pursuitButton" style="margin-right: 1px !important; margin-top: -5px; width: 22px !important; font-size: 20pt !important;"></button>
-                    </fieldset>
-                </div>
-                <div style="overflow-y: scroll;height: 344px;border-bottom: 1px solid black;background-image: url(http://imgur.com/Z4ti7rM.png);width: 125px; margin-bottom: 35px; margin-left: 2px !important;">
-                    <fieldset class="repeating_talents">
-                        <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet characterNameAntagonist" name="attr_toolkit_name" autocomplete="nope" style="width:98px !important">
-                    </fieldset>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<!--Script Section-->
-<script type="text/worker">
-    const staminaModifiers = ['hit_points_max_value', 'aggravated_value', '_hit_points_one', '_hit_points_two', '_hit_points_three', '_hit_points_four', '_hit_points_five'];
-    const staminaWatchstats = staminaModifiers.map(x => `change:${x}`).join(' ');
-    const modifiers = ['shielding_max_value', '_shielding', '_shielding_max'];
-    const watchstats = modifiers.map(x => `change:${x}`).join(' ');
-    const stammodifiers = ['stamina_max_value', '_stamina', '_stamina_max'];
-    const watchstamina = stammodifiers.map(x => `change:${x}`).join(' ');
-
-    const parseClickTrigger = function (string) {
-        let match = string.match(/clicked:(?:(repeating_[^_]+)_([^_]+)_)?(.+)/);
-        match.shift();
-        return match;
-    };
-
-    on("change:vitality change:durability change:agility change:comprehension change:discernment change:essence change:nerve change:acuity", function (eventInfo) {
-        if (eventInfo.sourceType === 'sheetworker') return;
-        var stat = eventInfo.sourceAttribute;
-        var v = +eventInfo.newValue || 0;
-        var value = v < 0 ? 0 : v > 10 ? 10 : v;
-        setAttrs({
-            [stat]: value
-        });
-    });
-
-    on("change:legacy", function (eventInfo) {
-        if (eventInfo.sourceType === 'sheetworker') return;
-        const output = {};
-        switch (eventInfo.newValue) {
-            case "Luminous":
-                output["manifestation_name"] = "Luminous";
-                break;
-            case "Magus":
-                output["manifestation_name"] = "Magus";
-                break;
-            case "EnhancerP":
-                output["manifestation_name"] = "Purist";
-                break;
-            case "EnhancerS":
-                output["manifestation_name"] = "Spectre";
-                break;
-            case "EnhancerT":
-                output["manifestation_name"] = "Technologist";
-                break;
-            case "ExemplarG":
-                output["manifestation_name"] = "Genesis";
-                break;
-            case "ExemplarD":
-                output["manifestation_name"] = "Dominus";
-                break;
-            case "Gaia":
-                output["manifestation_name"] = "Gaia";
-                break;
-            default:
-                output["manifestation_name"] = "Please Select a Manifestation";
-                break;
-        };
-        setAttrs(output);
-    });
-
-    on("change:passive_type", function (eventInfo) {
-        if (eventInfo.sourceType === 'sheetworker') return;
-        const output = {};
-        switch (eventInfo.newValue) {
-            case "1":
-                output["defence_bonus"] = 1;
-                output["resistance_bonus"] = 1;
-                output["mitigation_bonus"] = 0;
-                output["passive_type_effect"] = "After the current Attack is resolved you can immediately move up to 1 metre.\nThis Movement does not trigger any effects or qualities that rely upon movement.";
-                break;
-            case "2":
-                output["defence_bonus"] = 0;
-                output["resistance_bonus"] = 0;
-                output["mitigation_bonus"] = 0;
-                output["passive_type_effect"] = "1 Free Effort on each Defence Action";
-                break;
-            case "3":
-                output["defence_bonus"] = 0;
-                output["resistance_bonus"] = 0;
-                output["mitigation_bonus"] = 1;
-                output["passive_type_effect"] = "Reduce any Damage type by 1 per levelling stage after any Multipliers";
-                break;
-            default:
-                output["defence_bonus"] = 1;
-                output["resistance_bonus"] = 1;
-                output["mitigation_bonus"] = 0;
-                output["passive_type_effect"] = "After the current Attack is resolved you can immediately move up to 1 metre.\nThis Movement does not trigger any effects or qualities that rely upon movement.";
-                break;
-        };
-        setAttrs(output);
-    });
-
-    on("change:repeating_war:active_type", function (eventInfo) {
-        if (eventInfo.sourceType === 'sheetworker') return;
-        const output = {};
-        switch (eventInfo.newValue) {
-            case "1":
-                output["repeating_war_active_damage_bonus"] = 2;
-                output["repeating_war_active_healing_bonus"] = 0;
-                output["repeating_war_active_alleviation_bonus"] = 0;
-                output["repeating_war_active_manipulation_bonus"] = 0;
-                output["repeating_war_active_offence_bonus"] = 0;
-                output["repeating_war_active_crescendo_bonus"] = 0;
-                break;
-            case "1a":
-                output["repeating_war_active_damage_bonus"] = 2;
-                output["repeating_war_active_healing_bonus"] = 0;
-                output["repeating_war_active_alleviation_bonus"] = 0;
-                output["repeating_war_active_manipulation_bonus"] = 0;
-                output["repeating_war_active_offence_bonus"] = 0;
-                output["repeating_war_active_crescendo_bonus"] = 0;
-                break;
-            case "2":
-                output["repeating_war_active_damage_bonus"] = 2;
-                output["repeating_war_active_healing_bonus"] = 0;
-                output["repeating_war_active_alleviation_bonus"] = 0;
-                output["repeating_war_active_manipulation_bonus"] = 0;
-                output["repeating_war_active_offence_bonus"] = 0;
-                output["repeating_war_active_crescendo_bonus"] = 0;
-                break;
-            case "3":
-                output["repeating_war_active_damage_bonus"] = 0;
-                output["repeating_war_active_healing_bonus"] = 1;
-                output["repeating_war_active_alleviation_bonus"] = 0;
-                output["repeating_war_active_manipulation_bonus"] = 1;
-                output["repeating_war_active_offence_bonus"] = 0;
-                output["repeating_war_active_crescendo_bonus"] = 0;
-                break;
-            case "3a":
-                output["repeating_war_active_damage_bonus"] = 0;
-                output["repeating_war_active_healing_bonus"] = 1;
-                output["repeating_war_active_alleviation_bonus"] = 0;
-                output["repeating_war_active_manipulation_bonus"] = 1;
-                output["repeating_war_active_offence_bonus"] = 0;
-                output["repeating_war_active_crescendo_bonus"] = 0;
-                break;
-            case "4":
-                output["repeating_war_active_damage_bonus"] = 2;
-                output["repeating_war_active_healing_bonus"] = 0;
-                output["repeating_war_active_alleviation_bonus"] = 0;
-                output["repeating_war_active_manipulation_bonus"] = 0;
-                output["repeating_war_active_offence_bonus"] = 3;
-                output["repeating_war_active_crescendo_bonus"] = 0;
-                break;
-            case "5":
-                output["repeating_war_active_damage_bonus"] = 0;
-                output["repeating_war_active_healing_bonus"] = 0;
-                output["repeating_war_active_alleviation_bonus"] = 0;
-                output["repeating_war_active_manipulation_bonus"] = 1;
-                output["repeating_war_active_offence_bonus"] = 0;
-                output["repeating_war_active_crescendo_bonus"] = 0;
-                break;
-            case "5a":
-                output["repeating_war_active_damage_bonus"] = 0;
-                output["repeating_war_active_healing_bonus"] = 0;
-                output["repeating_war_active_alleviation_bonus"] = 0;
-                output["repeating_war_active_manipulation_bonus"] = 1;
-                output["repeating_war_active_offence_bonus"] = 0;
-                output["repeating_war_active_crescendo_bonus"] = 0;
-                break;
-            case "6":
-                output["repeating_war_active_damage_bonus"] = 0;
-                output["repeating_war_active_healing_bonus"] = 2;
-                output["repeating_war_active_alleviation_bonus"] = 0;
-                output["repeating_war_active_manipulation_bonus"] = 0;
-                output["repeating_war_active_offence_bonus"] = 0;
-                output["repeating_war_active_crescendo_bonus"] = 0;
-                break;
-            case "6a":
-                output["repeating_war_active_damage_bonus"] = 0;
-                output["repeating_war_active_healing_bonus"] = 2;
-                output["repeating_war_active_alleviation_bonus"] = 0;
-                output["repeating_war_active_manipulation_bonus"] = 0;
-                output["repeating_war_active_offence_bonus"] = 0;
-                output["repeating_war_active_crescendo_bonus"] = 0;
-                break;
-            default:
-                output["repeating_war_active_damage_bonus"] = 2;
-                output["repeating_war_active_healing_bonus"] = 0;
-                output["repeating_war_active_alleviation_bonus"] = 0;
-                output["repeating_war_active_manipulation_bonus"] = 0;
-                output["repeating_war_active_offence_bonus"] = 0;
-                output["repeating_war_active_crescendo_bonus"] = 0;
-                break;
-        };
-        setAttrs(output);
-    });
-
-    on("change:repeating_war:active_type", function (eventInfo) {
-        if (eventInfo.sourceType === 'sheetworker') return;
-        const output = {};
-        switch (eventInfo.newValue) {
-            case "1":
-                output["repeating_war_active_type_name"] = "Assault";
-                break;
-            case "2":
-                output["repeating_war_active_type_name"] = "Keen";
-                break;
-            case "3":
-                output["repeating_war_active_type_name"] = "Beneficial";
-                break;
-            case "4":
-                output["repeating_war_active_type_name"] = "Crescendo";
-                break;
-            case "5":
-                output["repeating_war_active_type_name"] = "Malicious";
-                break;
-            case "6":
-                output["repeating_war_active_type_name"] = "Mending";
-                break;
-            case "7":
-                output["repeating_war_active_type_name"] = "Penance";
-                break;
-            default:
-                output["repeating_war_active_type_name"] = "Assault";
-                break;
-        };
-        setAttrs(output);
-    });
-
-    on(`${staminaWatchstats} sheet:opened`, function (eventInfo) {
-        if (eventInfo.sourceType === 'sheetworker') return;
-        const output = {};
-        getAttrs(staminaModifiers, function (values) {
-            let statMax = 0;
-            let source = eventInfo.sourceAttribute;
-            staminaModifiers.forEach(function (stat) {
-                if (stat === '_hit_points_one') return;
-                if (stat === '_hit_points_two') return;
-                if (stat === '_hit_points_three') return;
-                if (stat === '_hit_points_four') return;
-                if (stat === '_hit_points_five') return;
-                let multiplier = 1;
-                if (stat === 'aggravated_value') {
-                    multiplier = -1;
-                }
-                let change = parseInt(values[stat]) * multiplier;
-                statMax += change;
-            });
-            statMax = statMax > 0 ? statMax : 0;
-            let v = values["_hit_points_one"] || 0;
-            output["_hit_points_one"] = v < 0 ? 0 : v > statMax ? statMax : v;
-            v = values["_hit_points_two"] || 0;
-            output["_hit_points_two"] = v < 0 ? 0 : v > statMax ? statMax : v;
-            v = values["_hit_points_three"] || 0;
-            output["_hit_points_three"] = v < 0 ? 0 : v > statMax ? statMax : v;
-            v = values["_hit_points_four"] || 0;
-            output["_hit_points_four"] = v < 0 ? 0 : v > statMax ? statMax : v;
-            v = values["_hit_points_five"] || 0;
-            output["_hit_points_five"] = v < 0 ? 0 : v > statMax ? statMax : v;
-            output["_hit_points_max"] = statMax;
-            setAttrs(output);
-        });
-    });
-
-    on(`${watchstats} sheet:opened`, function (eventInfo) {
-        if (eventInfo.sourceType === 'sheetworker') return;
-        const output = {};
-        getAttrs(modifiers, function (values) {
-            let statMax = 0;
-            let source = eventInfo.sourceAttribute;
-            let v = values["_shielding"] || 0;
-            modifiers.forEach(function (stat) {
-                if (stat === '_shielding') return;
-                if (stat === '_shielding_max') return;
-                let change = parseInt(values[stat]);
-                statMax += change;
-            });
-            output["_shielding"] = v < 0 ? 0 : v > statMax ? statMax : v;
-            output["_shielding_max"] = statMax;
-            setAttrs(output);
-        });
-    });
-
-    on(`${watchstamina} sheet:opened`, function (eventInfo) {
-        if (eventInfo.sourceType === 'sheetworker') return;
-        const output = {};
-        getAttrs(stammodifiers, function (values) {
-            let statMax = 0;
-            let source = eventInfo.sourceAttribute;
-            let v = values["_stamina"] || 0;
-            stammodifiers.forEach(function (stat) {
-                if (stat === '_stamina') return;
-                if (stat === '_stamina_max') return;
-                let change = 0;
-                change = parseInt(values[stat]);
-                statMax += change;
-            });
-            output["_stamina"] = v < 0 ? 0 : v > statMax ? statMax : v;
-            output["_stamina_max"] = statMax;
-            setAttrs(output);
-        });
-    });
-
-    on("change:repeating_war:active_flawed change:repeating_war:active_type", function (eventInfo) {
-        if (eventInfo.sourceType === 'sheetworker') return;
-        const output = {};
-        console.log("boom");
-        let source = eventInfo.sourceAttribute;
-        getAttrs(['repeating_war_active_special', 'repeating_war_active_special_value', 'repeating_war_active_flawed', 'repeating_war_active_type'], function (values) {
-            let v = parseInt(values['repeating_war_active_flawed']);
-            let x = parseInt(values['repeating_war_active_type']);
-            output["repeating_war_active_special"] = v + (x*5);
-            setAttrs(output);
-        });
-    });
-
-    on("change:repeating_war:active_name_input", function (eventInfo) {
-        if (eventInfo.sourceType === 'sheetworker') return;
-        const output = {};
-        getAttrs(['repeating_war_active_name', 'repeating_war_active_slot', 'repeating_war_active_name_input'], function (values) {
-            output["repeating_war_active_slot"] = eventInfo.newValue ? eventInfo.newValue : "Active WAR";
-            output["repeating_war_active_name"] = eventInfo.newValue ? eventInfo.newValue : "Active WAR";
-            setAttrs(output);
-        });
-    });
-
-    on("change:repeating_warantagonist:active_name_input", function (eventInfo) {
-        if (eventInfo.sourceType === 'sheetworker') return;
-        const output = {};
-        getAttrs(['repeating_warantagonist_active_name', 'repeating_warantagonist_active_slot', 'repeating_war_antagonist_active_name_input'], function (values) {
-            output["repeating_warantagonist_active_slot"] = eventInfo.newValue ? eventInfo.newValue : "Active WAR";
-            output["repeating_warantagonist_active_name"] = eventInfo.newValue ? eventInfo.newValue : "Active WAR";
-            setAttrs(output);
-        });
-    });
-
-    on("change:repeating_ability:ability_name", function (eventInfo) {
-        if (eventInfo.sourceType === 'sheetworker') return;
-        const output = {};
-        getAttrs(['repeating_ability_ability_name', 'repeating_ability_ability_name_title'], function (values) {
-            output["repeating_ability_ability_name_title"] = eventInfo.newValue ? eventInfo.newValue : "Unnamed Power / Ability";
-            setAttrs(output);
-        });
-    });
-
-    on("change:repeating_qualities:quality_name_input", function (eventInfo) {
-        if (eventInfo.sourceType === 'sheetworker') return;
-        const output = {};
-        getAttrs(['repeating_qualities_quality_name', 'repeating_qualities_quality_name_input'], function (values) {
-            output["repeating_qualities_quality_name"] = eventInfo.newValue ? eventInfo.newValue : "Unnamed Quality";
-            setAttrs(output);
-        });
-    });
-
-    on('clicked:passive', (info) => {
-        let choice = 0;
-        let rollType = "&{template:empty} {{type=[[?{Type|Defence,[[1]]|Resistance,[[2]]}]]}}";
-        let rollDefence = "&{template:defence} {{charactername=@{character_name}}} {{name=Defence Roll}} {{mit=[[1]]}} {{mitigation=[[@{mitigation}]]}} {{typeeffect=@{passive_type_effect}}} {{modifier=[[@{passiveModifier}]]}} {{bonus=[[?{Roll Bonus|0}]]}} {{bonusdefence=[[(?{Defence Modifier|0})]]}} {{baseRoll=[[0]]}} {{rollResult=[[0]]}} {{roll=[[1d10]]}} {{result=[[0]]}} {{defence=[[@{defence}]]}} {{penalty=[[(?{Roll Penalty|0})]]}} {{finalResult=[[0]]}}";
-        let rollResistance = "&{template:resistance} {{charactername=@{character_name}}} {{name=Resistance Roll}} {{mit=[[0]]}} {{modifier=[[@{passiveModifier}]]}} {{bonus=[[?{Roll Bonus|0}]]}} {{bonusresistance=[[(?{Resistance Modifier|0})]]}} {{baseRoll=[[0]]}} {{rollResult=[[0]]}} {{roll=[[1d10]]}} {{result=[[0]]}} {{resistance=[[@{resistance}]]}} {{penalty=[[(?{Roll Penalty|0})]]}} {{finalResult=[[0]]}}";
-
-        let typeRoll = startRoll(rollType, (results) => {
-            choice = results.results.type.result;
-
-            if (choice == 1) {
-                startRoll(rollDefence, (results) => {
-                    const roll = results.results.roll.result;
-
-                    const modifier = results.results.modifier.result;
-                    const bonus = results.results.bonus.result;
-
-                    const penalty = results.results.penalty.result;
-
-                    const defence = results.results.defence.result + results.results.bonusdefence.result;
-
-                    let finalResult = roll + defence + modifier + bonus - penalty;
-                    finishRoll(
-                        results.rollId, {
-                        rollResult: roll + modifier + bonus + defence - penalty,
-                        roll: roll,
-                        finalResult: finalResult,
-                        defence: defence,
-                        modifier: modifier + bonus - penalty
-                        }
-                    );
-                });
-            } else {
-                startRoll(rollResistance, (results) => {
-                    const roll = results.results.roll.result;
-
-                    const modifier = results.results.modifier.result;
-                    const bonus = results.results.bonus.result;
-
-                    const penalty = results.results.penalty.result;
-
-                    const resistance = results.results.resistance.result + results.results.bonusresistance.result;
-
-                    let finalResult = roll + resistance + modifier + bonus - penalty;
-                    finishRoll(
-                        results.rollId, {
-                        rollResult: roll + resistance + modifier + bonus - penalty,
-                        roll: roll,
-                        finalResult: finalResult,
-                        resistance: resistance,
-                        modifier: modifier + bonus - penalty
-                        }
-                    );
-                });
-            }
-            finishRoll(results.rollId);
-        });
-    });
-
-    on('clicked:repeating_war:damage', (info) => {
-        let [section, rowID, button] = parseClickTrigger(info.triggerName);
-        let name = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_name" + "}";
-        let offensive = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "offence" + "}";
-        let flaw = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_flaw" + "}";
-        let modifiera = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "action_shards" + "}";
-        let toggled = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_flawed" + "}";
-        let damage = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "damage_shards_value" + "}";
-        let roll = "&{template:active} {{name=" + name + "}} {{charactername=@{character_name}}} {{modifier=[[" + modifiera + "]]}} " +
-            "{{flaw=" + flaw + "}} {{typeName=@{repeating_war_active_type_name}}}" +
-            "{{finalResult=[[0]]}} {{toggled=[["+toggled+"]]}} {{damage=[["+damage+"]]}} {{toggle=[[0]]}} {{damhe=[[1]]}} {{statName=Offence}}" +
-            "{{rollResult=[[0]]}} {{roll=[[1d10]]}} {{bonus=[[(?{Roll Bonus|0})]]}} {{bonusoffence=[[(?{Offence Modifier|0})]]}} " +
-            "{{penalty=[[(?{Roll Penalty|0})]]}} {{stat=[[" + offensive + "]]}} ";
-        startRoll(roll, (results) => {
-            const roll = results.results.roll.result;
-
-            const modifier = results.results.modifier.result;
-            const bonus = results.results.bonus.result;
-
-            const penalty = results.results.penalty.result;
-
-            let offence = results.results.stat.result + results.results.bonusoffence.result;
-
-            let finalResult = roll + offence + modifier + bonus - penalty;
-            finishRoll(
-                results.rollId, {
-                rollResult: roll + modifier + bonus + offence - penalty,
-                roll: roll,
-                finalResult: finalResult,
-                stat: offence,
-                modifier: modifier + bonus - penalty
-                }
-            );
-        });
-    });
-
-    on('clicked:repeating_war:healing', (info) => {
-        let [section, rowID, button] = parseClickTrigger(info.triggerName);
-        let name = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_name" + "}";
-        let offensive = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "alleviation" + "}";
-        let flaw = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_flaw" + "}";
-        let modifiera = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "action_shards" + "}";
-        let toggled = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_flawed" + "}";
-        let healing = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "healing_shards_value" + "}";
-        let roll = "&{template:active} {{type=[[@{repeating_war_active_type}]]}} {{damhe=[[2]]}}" +
-        "{{toggled=[["+toggled+"]]}} {{charactername=@{character_name}}} {{healing=[[" + healing + "]]}} {{roll=[[1d10]]}}" +
-        "{{name=" + name + "}} {{bonus=[[?{Roll Bonus|0}]]}} {{toggle=[[0]]}} {{statName=Alleviation}}" +
-        "{{flaw=" + flaw + "}} {{modifier=[[" + modifiera + "]]}} {{bonusalleviation=[[(?{Alleviation Modifier|0})]]}}"+
-        "{{typeName=@{repeating_war_active_type_name}}} {{baseRoll=[[0]]}} {{rollResult=[[0]]}}"+
-        "{{result=[[0]]}} {{stat=[[" + offensive + "]]}} {{penalty=[[(?{Roll Penalty|0})]]}} {{finalResult=[[0]]}}";
-        startRoll(roll, (results) => {
-            const roll = results.results.roll.result;
-
-            const modifier = results.results.modifier.result;
-            const bonus = results.results.bonus.result;
-
-            const penalty = results.results.penalty.result;
-
-            const alleviation = results.results.stat.result + results.results.bonusalleviation.result;
-
-            let finalResult = roll + alleviation + modifier + bonus - penalty;
-            finishRoll(
-                results.rollId, {
-                rollResult: roll + modifier + bonus + alleviation - penalty,
-                roll: roll,
-                finalResult: finalResult,
-                stat: alleviation,
-                modifier: modifier + bonus - penalty
-                }
-            );
-        });
-    });
-
-    on('clicked:repeating_war:malicious', (info) => {
-        let [section, rowID, button] = parseClickTrigger(info.triggerName);
-        let name = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_name" + "}";
-        let manipulation = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "affliction" + "}";
-        let condition = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_condition" + "}";
-        let flaw = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_flaw" + "}";
-        let modifiera = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "action_shards" + "}";
-        let toggled = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_flawed" + "}";
-        let roll = "&{template:active} " +
-            "{{type=[[@{repeating_war_active_type}]]}} {{charactername=@{character_name}}} {{malben=[[1]]}} {{name=" + name + "}} {{damhe=[[4]]}}" +
-            "{{roll=[[1d10]]}} {{flaw=" + flaw + "}} {{condition=" + condition + "}} {{typeName=@{repeating_war_active_type_name}}}" +
-            "{{modifier=[[" + modifiera + "]]}} {{bonus=[[?{Roll Bonus|0}]]}} {{toggled=[["+toggled+"]]}} {{bonusmanipulation=[[(?{Manipulation Modifier|0})]]}}" +
-            "{{stat=[[" + manipulation + "]]}} {{penalty=[[(?{Roll Penalty|0})]]}} {{finalResult=[[0]]}} {{toggle=[[1]]}} {{statName=Manipulation}}";
-        startRoll(roll, (results) => {
-            const roll = results.results.roll.result;
-
-            const modifier = results.results.modifier.result;
-            const bonus = results.results.bonus.result;
-            const manipulation = results.results.stat.result + results.results.bonusmanipulation.result;
-
-            const penalty = results.results.penalty.result;
-
-            let finalResult = roll + modifier + bonus + manipulation - penalty;
-            finishRoll(
-                results.rollId, {
-                roll: roll,
-                finalResult: finalResult,
-                stat: manipulation,
-                modifier: modifier + bonus - penalty
-                }
-            );
-        });
-    });
-
-    on('clicked:repeating_war:beneficial', (info) => {
-        let [section, rowID, button] = parseClickTrigger(info.triggerName);
-        let name = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_name" + "}";
-        let manipulation = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "affliction" + "}";
-        let condition = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_condition" + "}";
-        let flaw = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_flaw" + "}";
-        let modifiera = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "action_shards" + "}";
-        let toggled = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_flawed" + "}";
-        let roll = "&{template:active} " +
-            "{{type=[[@{repeating_war_active_type}]]}} {{charactername=@{character_name}}} {{malben=[[2]]}} {{name=" + name + "}} {{typeName=@{repeating_war_active_type_name}}} " +
-            "{{roll=[[1d10]]}} {{flaw=" + flaw + "}} {{condition=" + condition + "}} {{toggled=[["+toggled+"]]}} {{toggle=[[1]]}} {{damhe=[[3]]}}" +
-            "{{modifier=[[" + modifiera + "]]}} {{bonus=[[?{Roll Bonus|0}]]}} {{bonusmanipulation=[[(?{Manipulation Modifier|0})]]}} " +
-            "{{stat=[[" + manipulation + "]]}} {{penalty=[[(?{Roll Penalty|0})]]}} {{finalResult=[[0]]}} {{statName=Manipulation}}";
-        startRoll(roll, (results) => {
-            const roll = results.results.roll.result;
-
-            const modifier = results.results.modifier.result;
-            const bonus = results.results.bonus.result;
-            const manipulation = results.results.stat.result + results.results.bonusmanipulation.result;
-
-            const penalty = results.results.penalty.result;
-
-            let finalResult = roll + modifier + bonus + manipulation - penalty;
-            finishRoll(
-                results.rollId, {
-                roll: roll,
-                finalResult: finalResult,
-                stat: manipulation,
-                modifier: modifier + bonus - penalty
-                }
-            );
-        });
-    });
-
-    on('clicked:manoeuvreroll', (info, value) => {
-        console.log(info);
-        let rolltracker = Math.ceil(Math.random() * 10);
-        let roll = "&{template:manoeuvre} {{name=@{selected|token_name}'s Manouevre Roll}} {{roll=[[" + rolltracker + "+@{selected|manoeuvre_value}+(@{selected|manoeuvre_value}/10) &{tracker}]]}} {{original=[[" + rolltracker + "]]}} {{manoeuvre=[[@{selected|manoeuvre_value}]]}}";
-        startRoll(roll, (results) => {
-            finishRoll(results.rollId);
-        });
-    });
-
-    on('clicked:fortitude', (info) => {
-        let roll = self + " &{template:pursuit} {{version=Fortitude}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}}  {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}";
-        startRoll(roll, (results) => {
-            finishRoll(results.rollId);
-        });
-    });
-
-    on('change:repeating_qualities:attach_attack change:repeating_qualities:quality_description', (info) => {
-        const output = {};
-        let check = [];
-        let infotext = "";
-        let text = [];
-        getSectionIDs("repeating_qualities", function (rowIds) {
-
-            rowIds.forEach((id) => {
-                check.push(`repeating_qualities_${id}_attach_attack`);
-                text.push(`repeating_qualities_${id}_quality_description`);
-            });
-
-            getAttrs(check, function (v) {
-                getAttrs(text, function (x) {
-                    for (var i = 0; i < check.length; i++) {
-                        if (v[check[i]] === "1") infotext += x[text[i]] + "\n";
-                    }
-                    output["quality_description_attack"] = infotext.slice(0, -2);
-                    setAttrs(output);
-                });
-            });
-        });
-    });
-
-    on('change:repeating_qualities:attach_defence change:repeating_qualities:quality_description', (info) => {
-        const output = {};
-        let check = [];
-        let infotext = "";
-        let text = [];
-        getSectionIDs("repeating_qualities", function (rowIds) {
-
-            for (var i = 0; i < rowIds.length; i++) {
-                check.push("repeating_qualities_" + rowIds[i] + "_attach_defence");
-                text.push("repeating_qualities_" + rowIds[i] + "_quality_description");
-            }
-
-            getAttrs(check, function (v) {
-                getAttrs(text, function (x) {
-                    for (var i = 0; i < check.length; i++) {
-                        if (v[check[i]] === "1") infotext += x[text[i]] + "\n";
-                    }
-                    output["quality_description_defence"] = infotext.slice(0, -2);
-                    setAttrs(output);
-                });
-            });
-        });
-    });
-
-    on('clicked:repeating_warantagonist:antagonistattack', async (info) => {
-        let [section, rowID, button] = parseClickTrigger(info.triggerName);
-        let name = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_name_input" + "}";
-        let offence = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "action_offence" + "}";
-        let effect = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_prefix" + "}";
-        let effort = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_effort" + "}";
-        let damage = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "action_damage" + "}";
-        let modifiera = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "action_shards" + "}";
-        let manipulation = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "action_manipulation" + "}";
-        let roll = "&{template:antagonistdamage} {{name=" + name + "}} {{charactername=@{character_name}}} {{info=@{quality_description_attack}}} {{targetdefencename=@{selected|character_name}}} {{modifier=[[" + modifiera + "]]}} {{manipulation=[[" + manipulation + "]]}} {{targetname=@{selected|token_name}}} {{damage=[[" + damage + "]]}} {{prefix=" + effect + "}} {{effort=" + effort + "}} {{penalty=[[(?{Attack Penalty|0})]]}} {{penaltyOffence=[[(?{Offence/Alleviation Penalty|0})]]}} {{bonusOffence=[[(?{Offence/AlleviationManipulation Bonus|0})]]}} {{offence=[[" + offence + "]]}}"
-        await startRoll(roll, (results) => {
-            finishRoll(
-                results.rollId, {
-                manipulation: results.results.manipulation.result - results.results.penaltyOffence.result + results.results.bonusOffence.result,
-                offence: results.results.offence.result - results.results.penaltyOffence.result + results.results.bonusOffence.result,
-                penalty: results.results.penalty.result + results.results.modifier.result
-            }
-
-            );
-        });
-    });
-
-    on('clicked:repeating_ability:power', async (info) => {
-        let [section, rowID, button] = parseClickTrigger(info.triggerName);
-        let name = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "ability_name" + "}";
-        let description = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "ability_description" + "}";
-        let roll = "&{template:ability} {{ability=" + name + "}} {{name=@{character_name}}} {{description=" + description + "}}"
-        await startRoll(roll, (results) => {
-            finishRoll(results.rollId);
-        });
-    });
-    
-    on('clicked:repeating_ability:aetheric', async (info) => {
-        let [section, rowID, button] = parseClickTrigger(info.triggerName);
-        let name = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "ability_name" + "}";
-        let description = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "ability_description_two" + "}";
-        let roll = "&{template:ability} {{ability=" + name + " Aetheric}} {{name=@{character_name}}} {{description=" + description + "}}"
-        await startRoll(roll, (results) => {
-            finishRoll(results.rollId);
-        });
-    });
-
-    on('clicked:blank', (info) => {
-        let roll = "&{template:empty} {{type=[[?{Blank or Chance Roll?|Blank,1|Chance,2}]]}}";
-        startRoll(roll, (results) => {
-            let endroll = "";
-            let typeresult = results.results.type.result;
-            if (typeresult === 1) endroll = "&{template:blank} {{name=@{character_name}'s Blank Roll}} " +
-                "{{type=[[1]]}} {{roll1=[[1d10]]}} {{roll2=[[1d10]]}} {{roll3=[[1d10]]}} {{roll4=[[1d10]]}} {{target=[[?{Target Value?|0}]]}} {{outcome=[[0]]}} {{result=[[0]]}} {{bonus=[[?{Roll Modifier|0}]]}}";
-            if (typeresult === 2) endroll = "&{template:blank} {{name=@{character_name}'s Chance Roll}} " +
-                "{{type=[[2]]}} {{roll1=[[1d10]]}} {{roll2=[[1d10]]}} {{roll3=[[1d10]]}} {{roll4=[[1d10]]}} {{result=[[0]]}} {{outcome=[[0]]}} {{target=[[0]]}} {{bonus=[[0]]}}";
-            let result = 0;
-            console.log(typeresult);
-            startRoll(endroll, (results) => {
-                console.log(results.results.roll1.result);
-                console.log(results.results.roll2.result);
-                console.log(results.results.roll3.result);
-                console.log(results.results.roll4.result);
-                if (typeresult === 1) result = results.results.roll1.result + results.results.bonus.result;
-                if (typeresult === 2) {
-                    result += results.results.roll1.result % 2 == 0 ? 1 : 0;
-                    result += results.results.roll2.result % 2 == 0 ? 1 : 0;
-                    result += results.results.roll3.result % 2 == 0 ? 1 : 0;
-                    result += results.results.roll4.result % 2 == 0 ? 1 : 0;
-                };
-                console.log(result);
-                finishRoll(
-                    results.rollId, {
-                    result: result,
-                    outcome: (results.results.roll1.result + results.results.bonus.result) > results.results.target.result ? 1 : 0
-                }
-                );
-            });
-            finishRoll(results.rollId);
-        });
-    });
-
-</script>
-
-<rolltemplate class="sheet-rolltemplate-empty">
-
-</rolltemplate>
-
-<rolltemplate class="sheet-rolltemplate-defence">
-    <div class="sheet-template-container" style="margin-bottom:2px">
-        <div class="sheet-template-header sheet-template-headerFix">{{charactername}} <span>{{name}}</span></div>
-        <div class="sheet-template-row" style="padding-top: 4px;">
-            <span class="sheet-template-span">
-                <span class="sheet-template-spanFlex">
-                    <span class="sheet-template-row-roll" style="line-height: 12px;">{{computed::roll}}</span>
-                    <span style="font-size:10pt; position: relative; top: -1px;">[roll]</span>
-                </span>
-                <span style="font-size: 15pt; position: relative; top: 6px;">+</span>
-                <span class="sheet-template-spanFlex">
-                    <span style="font-size:10pt; font-weight: bold;margin-bottom: -3px;">{{computed::defence}}</span>
-                    <span style="font-size:10pt; position: relative; top: -1px;">[defence]</span>
-                </span>
-                <span style="font-size: 15pt; position: relative; top: 6px;">+</span>
-                <span class="sheet-template-spanFlex">
-                    <span style="font-size:10pt;font-weight: bold;margin-bottom: -3px;">{{computed::modifier}}</span>
-                    <span style="font-size:10pt; position: relative; top: -1px;">[modifier]</span>
-
-                </span>
-                <span style="font-size: 15pt; position: relative; top: 6px;">=</span>
-                <span class="sheet-template-spanFlex">
-                    <span style="font-size:10pt; font-weight: bold;margin-bottom: -3px;">{{computed::finalResult}}</span>
-                    <span style="font-size:10pt; position: relative; top: -1px;">[result]</span>
-
-                </span>
-            </span>
-        </div>
-        {{#rollTotal() mit 1}}
-        <div class="sheet-template-row sheet-template-row-center" style="padding-top: 3px;">
-            <span class="sheet-template-spanFlex">
-                <span style="font-size:10pt; font-weight: bold;margin-bottom: -3px;">{{mitigation}}</span>
-                <span style="font-size:10pt; position: relative; top: -1px;">[mitigation]</span>
-            </span>
-        </div>
-        {{/rollTotal() mit 1}}
-    </div>
-    <div class="sheet-template-container">
-        <div class="sheet-template-header">Passive Effect</div>
-        <div class="sheet-template-row-outcome-effect">{{typeeffect}}</div>
-    </div>
-</rolltemplate>
-
-<rolltemplate class="sheet-rolltemplate-resistance">
-    <div class="sheet-template-container" style="margin-bottom:2px">
-        <div class="sheet-template-header sheet-template-headerFix">{{charactername}} <span>{{name}}</span></div>
-        <div class="sheet-template-row" style="padding-top: 3px;">
-            <span class="sheet-template-span">
-                <span class="sheet-template-spanFlex">
-                    <span class="sheet-template-row-roll" style="line-height: 12px;">{{computed::roll}}</span>
-                    <span style="font-size:10pt; position: relative; top: -1px;">[roll]</span>
-                </span>
-                <span style="font-size: 15pt; position: relative; top: 6px;">+</span>
-                <span class="sheet-template-spanFlex">
-                    <span style="font-size:10pt; font-weight: bold;margin-bottom: -3px;">{{computed::resistance}}</span>
-                    <span style="font-size:10pt; position: relative; top: -1px;">[resistance]</span>
-                </span>
-                <span style="font-size: 15pt; position: relative; top: 6px;">+</span>
-                <span class="sheet-template-spanFlex">
-                    <span style="font-size:10pt;font-weight: bold;margin-bottom: -3px;">{{computed::modifier}}</span>
-                    <span style="font-size:10pt; position: relative; top: -1px;">[modifier]</span>
-                </span>
-                <span style="font-size: 15pt; position: relative; top: 6px;">=</span>
-                <span class="sheet-template-spanFlex">
-                    <span style="font-size:10pt; font-weight: bold;margin-bottom: -3px;">{{computed::finalResult}}</span>
-                    <span style="font-size:10pt; position: relative; top: -1px;">[result]</span>
-                </span>
-            </span>
-        </div>
-    </div>
-</rolltemplate>
-
-<rolltemplate class="sheet-rolltemplate-active">
-    <div class="sheet-template-container" style="margin-bottom:2px">
-        <div class="sheet-template-header sheet-template-headerFix">{{charactername}} <span>{{name}}</span></div>
-        <div class="sheet-template-row" style="padding-top: 3px;">
-            <span class="sheet-template-span">
-                <span class="sheet-template-spanFlex">
-                    <span class="sheet-template-row-roll" style="line-height: 12px;">{{computed::roll}}</span>
-                    <span style="font-size:10pt; position: relative; top: -1px;">[roll]</span>
-                </span>
-                <span style="font-size: 15pt; position: relative; top: 6px;">+</span>
-                <span class="sheet-template-spanFlex">
-                    <span style="font-size:10pt; font-weight: bold;margin-bottom: -3px;">{{computed::stat}}</span>
-                    <span style="font-size:10pt; position: relative; top: -1px; margin-left: -12px; margin-right: -12px;">[{{statName}}]</span>
-                </span>
-                <span style="font-size: 15pt; position: relative; top: 6px;">+</span>
-                <span class="sheet-template-spanFlex">
-                    <span style="font-size:10pt;font-weight: bold;margin-bottom: -3px;">{{computed::modifier}}</span>
-                    <span style="font-size:10pt; position: relative; top: -1px;">[modifier]</span>
-                </span>
-                <span style="font-size: 15pt; position: relative; top: 6px;">=</span>
-                <span class="sheet-template-spanFlex">
-                    <span style="font-size:10pt; font-weight: bold;margin-bottom: -3px;">{{computed::finalResult}}</span>
-                    <span style="font-size:10pt; position: relative; top: -1px;">[result]</span>
-                </span>
-            </span>
-        </div>
-        {{#rollTotal() damhe 1}}
-        <div class="sheet-template-row sheet-template-row-center" style="padding-top: 3px;">
-            <span class="sheet-template-spanFlex">
-                <span style="font-size:10pt; font-weight: bold;margin-bottom: -3px;">{{damage}}</span>
-                <span style="font-size:10pt; position: relative; top: -1px;">[damage]</span>
-            </span>
-        </div>
-        {{/rollTotal() damhe 1}}
-        {{#rollTotal() damhe 2}}
-        <div class="sheet-template-row sheet-template-row-center" style="padding-top: 3px;">
-            <span class="sheet-template-spanFlex">
-                <span style="font-size:10pt; font-weight: bold;margin-bottom: -3px;">{{healing}}</span>
-                <span style="font-size:10pt; position: relative; top: -1px;">[healing]</span>
-            </span>
-        </div>
-        {{/rollTotal() damhe 2}}
-        {{#rollTotal() damhe 3}}
-        {{#condition}}
-        <div class="sheet-template-row sheet-template-row-center" style="padding-top: 3px;font-size:10pt;">
-            <span>
-                {{condition}}<span style="font-size:10pt; position: relative; top: -1px;margin-left:3px">[boon]</span>
-            </span>
-        </div>
-        {{/condition}}
-        {{/rollTotal() damhe 3}}
-        {{#rollTotal() damhe 4}}
-        {{#condition}}
-        <div class="sheet-template-row sheet-template-row-center" style="padding-top: 3px;font-size:10pt;">
-            <span>
-                {{condition}}<span style="font-size:10pt; position: relative; top: -1px;margin-left:3px">[condition]</span>
-            </span>
-        </div>
-        {{/condition}}
-        {{/rollTotal() damhe 4}}
-    </div>
-    {{#flaw}}
-    <div class="sheet-template-container" style="margin-bottom:2px">
-        <div class="sheet-template-header sheet-template-headerCenter">Flaw</div>
-        <div class="sheet-template-row-center sheet-template-row-flex" style="padding-top: 3px;">
-            <span>{{flaw}}</span>
-        </div>
-    </div>
-    {{/flaw}}
-</rolltemplate>
-
-<rolltemplate class="sheet-rolltemplate-reactive">
-    <div class="sheet-template-container">
-        {{#rollTotal() type 1}}
-        <div class="sheet-template-header sheet-template-justify"><span>{{name}}</span> <span>Ethereal Activation</span></div>
-        <div class="sheet-template-row">A successful Defence roll negates the attack.</div>
-        <div class="sheet-template-row">A failed Defence roll halves the attack Damage.</div>
-        <div class="sheet-template-row">After the current Attack is resolved you can immediately move up to 1 metre.</div>
-        <div class="sheet-template-row-outcome">This Movement does not trigger any effects or qualities that rely upon movement.</div>
-        {{/rollTotal() type 1}}
-        {{#rollTotal() type 2}}
-        <div class="sheet-template-header sheet-template-justify"><span>{{name}}</span> <span>Natural Activation</span></div>
-        <div class="sheet-template-row-outcome">Grants 2 free Effort for the current Defence Action</div>
-        {{/rollTotal() type 2}}
-        {{#rollTotal() type 3}}
-        <div class="sheet-template-header sheet-template-justify"><span>{{name}}</span> <span>Physical Activation</span></div>
-        <div class="sheet-template-row">Choose one:</div>
-        <div class="sheet-template-row-outcome">- Prevents any Condition, Paresis, Trauma or Torment Medical Emergency caused by the attack<br>- Double the Damage reduction from this WAR.</div>
-        {{/rollTotal() type 3}}
-    </div>
-</rolltemplate>
-
-<rolltemplate class="sheet-rolltemplate-blank">
-    <div class="sheet-template-container">
-        <div class="sheet-template-header">{{name}}</div>
-        {{#rollTotal() type 1}}
-        <div class="sheet-template-row">Result: <span class="sheet-template-row-roll">{{computed::result}}</span> vs Target {{target}}
-        </div>
-        <div class="sheet-template-row-outcome">
-            {{#rollTotal() computed::outcome 1}}
-            <span class="sheet-underwhelming" style="color:seagreen">Success</span>
-            {{/rollTotal() computed::outcome 1}}
-            {{#rollTotal() computed::outcome 2}}
-            <span class="sheet-underwhelming" style="color:firebrick">Failure</span>
-            {{/rollTotal() computed::outcome 2}}
-        </div>
-        {{/rollTotal() type 1}}
-        {{#rollTotal() type 2}}
-        <div class="sheet-template-row">Die Rolls: <span class="sheet-template-row-roll">{{roll1}}</span>
-            <span class="sheet-template-row-roll">{{roll2}}</span> <span class="sheet-template-row-roll">{{roll3}}</span> <span class="sheet-template-row-roll">{{roll4}}</span>
-        </div>
-    </div>
-    <div class="sheet-template-container" style="margin-top:0px">
-        <div class="sheet-template-header">Results</div>
-        <div class="sheet-template-row-outcome" style="padding-bottom:1px">
-            {{#rollTotal() computed::result 0}}
-            <span class="sheet-underwhelming" style="color:firebrick">No Chance Success</span>
-            {{/rollTotal() computed::result 0}}
-            {{#rollTotal() computed::result 1}}
-            <span class="sheet-underwhelming" style="color:seagreen">High Chance</span>
-            {{/rollTotal() computed::result 1}}
-            {{#rollTotal() computed::result 2}}
-            <span class="sheet-underwhelming" style="color:seagreen">High Chance & Average Chance</span>
-            {{/rollTotal() computed::result 2}}
-            {{#rollTotal() computed::result 3}}
-            <span class="sheet-underwhelming" style="color:seagreen">High Chance, Average Chance & Low Chance</span>
-            {{/rollTotal() computed::result 3}}
-            {{#rollTotal() computed::result 4}}
-            <span class="sheet-underwhelming" style="color:seagreen">Full Chance Success</span>
-            {{/rollTotal() computed::result 4}}
-
-        </div>
-        {{/rollTotal() type 2}}
-    </div>
-</rolltemplate>
-
-<rolltemplate class="sheet-rolltemplate-manoeuvre">
-    <div class="sheet-template-container">
-        <div class="sheet-template-header">{{name}}</div>
-        <div class="sheet-template-row">Roll: <span class="sheet-template-row-roll">{{original}}</span></div>
-        <div class="sheet-template-row sheet-hide">Manoeuvre Value: {{manoeuvre}}</div>
-        <div class="sheet-template-row">Result: {{roll}}</div>
-        <div class="sheet-template-row-outcome">
-            {{#rollTotal() original 1}}
-            <span>You are surprised and lose the first round of combat</span>
-            {{/rollTotal() original 1}}
-            {{#^rollTotal() original 1}}
-            {{#^rollTotal() original 10}}
-            <span>You are sufficiently prepared and act on your turn</span>
-            {{/^rollTotal() original 10}}
-            {{/^rollTotal() original 1}}
-            {{#rollTotal() original 10}}
-            <span>Your reactions were sharp, granting a single action before turn order starts.</span>
-            {{/rollTotal() original 10}}
-        </div>
-    </div>
-</rolltemplate>
-
-<rolltemplate class="sheet-rolltemplate-antagonistdamage">
-    <div class="sheet-template-container">
-        <div class="sheet-template-header sheet-template-headerFix">{{charactername}} <span>Attack: {{name}}</div>
-        <div class="sheet-template-subheader">Targeting: <span style="justify-self: right;">{{targetname}}</span></div>
-
-        <div class="sheet-template-row">
-            Damage: {{damage}} <span>Imposed Roll Penalty: {{computed::penalty}}</span>
-        </div>
-
-        <div class="sheet-template-row">
-            Offence: {{computed::offence}} <span style="margin-left: 34px;">Manipulation: {{computed::manipulation}}</span>
-        </div>
-
-        <div class="sheet-template-row-outcome">
-            Defence Roll: [k](~{{targetdefencename}}|passive)
-        </div>
-    </div>
-    {{#prefix}}
-    <div class="sheet-template-container">
-        <div class="sheet-template-header">Effect</div>
-        <div class="sheet-template-row" style="height:0px;padding:0px"></div>
-        <div class="sheet-template-row-outcome">{{prefix}}</div>
-    </div>
-    {{/prefix}}
-    {{#effort}}
-    <div class="sheet-template-container">
-        <div class="sheet-template-header">Effort</div>
-        <div class="sheet-template-row" style="height:0px;padding:0px"></div>
-        <div class="sheet-template-row-outcome">{{effort}}</div>
-    </div>
-    {{/effort}}
-    {{#info}}
-    <div class="sheet-template-container">
-        <div class="sheet-template-header">Quality Info</div>
-        <div class="sheet-template-row" style="height:0px;padding:0px"></div>
-        <div class="sheet-template-row-outcome-info">{{info}}</div>
-    </div>
-    {{/info}}
-</rolltemplate>
-
-<rolltemplate class="sheet-rolltemplate-ability">
-    <div class="sheet-template-container">
-        <div class="sheet-template-header sheet-template-justify"><span>{{name}}</span> <span>{{ability}} Activation</span></div>
-        <div class="sheet-template-row-outcome">{{description}}</div>
-    </div>
-</rolltemplate>
-
-<rolltemplate class="sheet-rolltemplate-pursuit">
-    <div class="sheet-template-container">
-        <div class="sheet-template-header">{{version}} Check{{pursuitName}}</div>
-        <div class="sheet-template-row">Roll: <span class="sheet-template-row-roll">{{roll}}</span> vs Difficulty {{difficulty}}
-            Result:
-            {{#rollLess() roll difficulty}}
-            <span style="align-self:flex-end;min-width: 2em;font-style: normal;text-align: center;color:firebrick;margin-left:5px">
-                Failed
-            </span>
-            {{/rollLess() roll difficulty}}
-            {{#^rollLess() roll difficulty}}
-            <span style="align-self:flex-end;min-width: 2em;font-style: normal;text-align: center;color:seagreen;margin-left:5px">
-                Passed
-            </span>
-            {{/^rollLess() roll difficulty}}
-        </div>
-    </div>
+<!--Sheet Section-->
+<div class="charsheet">
+    <input type="hidden" class="antagonist_flag" name="attr_antagonist_flag" value="0" />
+    <div class="player_sheet" style="margin-top: -20px;">
+        <div class="playercharsheet" autocomplete="off">
+            <div class="left_side" style="margin-top:3px">
+                <div style="display:grid; grid-template-columns:287px 142px; column-gap:3px">
+                    <div style="display:flex; flex-direction:column">
+                        <img class="logoImage" src="https://i.imgur.com/bZsdIU4.png" alt="The Advanced">
+                        <div class="nameAndLegacy__row">
+                            <div name="name" class="nameAndLegacy__cell">
+                                <h3>Name:</h3>
+                                <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet characterName" name="attr_character_name" autocomplete="nope" style="font-size:12pt">
+                            </div>
+                            <div name="manifestation" class="nameAndLegacy__cell">
+                                <h3>Manifestation:</h3>
+                                <select class="hiddenSheet manifestation" name="attr_legacy">
+                                    <option value="None" selected>Select One</option>
+                                    <option value="Luminous">Luminous (Light Particles)</option>
+                                    <option value="Magus">Magus (Aether)</option>
+                                    <option value="EnhancerP">Enhancer (Purist)</option>
+                                    <option value="EnhancerS">Enhancer (Spectre)</option>
+                                    <option value="EnhancerT">Enhancer (Technologist)</option>
+                                    <option value="ExemplarG">Exemplar (Genesis)</option>
+                                    <option value="ExemplarD">Exemplar (Dominus)</option>
+                                    <option value="Gaia">Gaia (Nature)</option>
+                                </select>
+                                <input type="hidden" class="bionic_check" name="attr_legacy" value="None">
+                                <a class="button anchorButton stanceButton" href="#manifestationEffect">Effects</a>
+                            </div>
+                            <div name="characteristics" class="nameAndLegacy__cell">
+                                <a class="button anchorButton stanceButton" href="#characteristics" style="width:125px">Characteristics</a>
+                                <a class="button anchorButton stanceButton" href="#leveling" style="width:125px">Leveling Bonuses</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div>
+                        <div name="combatBlock" class="combatShell" style="margin-top: -2px !important;">
+                            <div class="combatFlex combatTitle">
+                                <h1 class="header" style="width: 210px;font-size: 17px;">Combat Block</h1>
+                            </div>
+                            <div class="combatGrid flexJustify" style="border-bottom:1px solid black;height:17px !important">
+                                <div name="splitter"></div>
+                                <h4 style="margin-left: 4px;">Movement:</h4>
+                                <div style="display:flex;align-items: center;">
+                                    <input type="number" style="height: 14px !important; width: 40px; margin-bottom: 0px;" class="hiddenSheet centered" name="attr_movement_value" value="0">
+                                </div>
+                                <div name="splitter"></div>
+                            </div>
+                            <div class="combatGrid flexJustify" style="border-bottom:1px solid black;height:17px !important">
+                                <div name="splitter"></div>
+                                <h4 style="margin-left: 4px;">Manoeuvre:</h4>
+                                <div style="display:flex;align-items: center;">
+                                    <input type="number" style="height: 14px !important; width: 18px; margin-bottom: 0px;" class="hiddenSheet centered" name="attr_manoeuvre_value" value="0">
+                                    <button type="action" name="act_manoeuvreroll" class="tokenaction manButton">k</button>
+                                </div>
+                                <div name="splitter"></div>
+                            </div>
+                            <div class="combatGrid flexJustify" style="border-bottom:1px solid black;height:17px !important">
+                                <div name="splitter"></div>
+                                <h4 style="margin-left: 4px;margin-right: -5px;">Detection Range:</h4>
+                                <input type="number" style="height: 14px !important; width: 18px; margin-bottom: 0px;" class="hiddenSheet centered" name="attr_detection_range" value="0">
+                                <div name="splitter"></div>
+                            </div>
+                            <div class="combatGridReactive flexJustify" style="border-bottom:1px solid black;height:17px !important">
+                                <div name="splitter"></div>
+                                <h4 style="margin-left: 4px;">Aura Size:</h4>
+                                <input type="number" style="height: 14px !important; width: 18px; margin-bottom: 0px;" class="hiddenSheet centered" name="attr_aura_size" value="0">
+                                <div name="splitter"></div>
+                            </div>
+                            <div class="combatGridReactive flexJustify" style="border-bottom:1px solid black;height:17px !important">
+                                <div name="splitter"></div>
+                                <h4 style="margin-left: 4px;">Pursuit Bonus:</h4>
+                                <input type="number" style="height: 14px !important; width: 18px; margin-bottom: 0px;" name="attr_pursuit_bonus" class="hiddenSheet centered" value="0">
+                                <div name="splitter"></div>
+                            </div>
+                            <div class="combatGrid flexJustify" style="border-bottom:1px solid black;height:17px !important">
+                                <div name="splitter"></div>
+                                <h4 style="margin-left: 4px;">Fortitude:</h4>
+                                <div style="display:flex;align-items: center;">
+                                    <input type="number" style="height: 14px !important; width: 18px; margin-bottom: 0px;" class="hiddenSheet centered" name="attr_fortitude" value="0">
+                                    <button type="action" name="act_fortitude" class="manButton">k</button>
+                                </div>
+                                <div name="splitter"></div>
+                            </div>
+                            <div class="combatGrid flexJustify" style="height: 19px;">
+                                <div name="splitter"></div>
+                                <h4 style="margin-left: 4px; margin-top: -2px; line-height: 13px; font-size: 9pt; width: 120px !important;">Blank & Chance Rolls:</h4>
+                                <div style="display:flex;align-items: center;">
+                                    <button type="action" name="act_blank" class="manButton" style="margin-left: 17px !important;">k</button>
+                                </div>
+                                <div name="splitter"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div style="display: grid; grid-template-columns: 185px 100px 145px;margin-top: -15px;">
+                    <div name="stamina" class="stressWoundsStamina__cell shieldingStaminaFlexCorrection">
+                        <div class="shielding__row">
+                            <div class="centertitle stamina1" style="line-height: 24px;border-radius: 10px 0px 0px 0px;">Hit Points</div>
+                            <div class="centertitle stamina1" style="line-height: 24px;grid-area: aa;border-radius: 0px 10px 0px 0px;">Wound</div>
+
+                            <input type="number" name="attr__hit_points_one" value="0" class="currentStamina hp1 centered" style="padding: 0px;">
+                            <h1 class="hp3">/</h1>
+                            <input type="number" name="attr__hit_points_max" value="0" class="hp2 centered" readonly="true" style="padding: 0px;" />
+                            <input type="checkbox" class="hiddenSheet centered fatigueExhausted" name="attr_wound_one" value="1" title="WoundOne" style="width:18px !important; height:18px !important;align-self: center;grid-area: g;margin-left: 9px;">
+
+                            <input type="number" name="attr__hit_points_two" value="0" class="currentStamina hp1 centered" style="padding: 0px;grid-area: bb;">
+                            <h1 class="hp3" style="grid-area:cc">/</h1>
+                            <input type="number" name="attr__hit_points_max" value="0" class="hp2 centered" readonly="true" style="padding: 0px;grid-area: dd;" />
+                            <input type="checkbox" class="hiddenSheet centered fatigueExhausted" name="attr_wound_two" value="1" title="WoundTwo" style="width:18px !important; height:18px !important;align-self: center;grid-area: gg;margin-left: 9px;">
+
+                            <input type="number" name="attr__hit_points_three" value="0" class="currentStamina hp1 centered" style="padding: 0px;grid-area: bbb;">
+                            <h1 class="hp3" style="grid-area:ccc">/</h1>
+                            <input type="number" name="attr__hit_points_max" value="0" class="hp2 centered" readonly="true" style="padding: 0px;grid-area: ddd;" />
+                            <input type="checkbox" class="hiddenSheet centered fatigueExhausted" name="attr_wound_three" value="1" title="WoundThree" style="width:18px !important; height:18px !important;align-self: center;grid-area: ggg;margin-left: 9px;">
+
+                            <input type="number" name="attr__hit_points_four" value="0" class="currentStamina hp1 centered" style="padding: 0px;grid-area: bbbb;">
+                            <h1 class="hp3" style="grid-area:cccc">/</h1>
+                            <input type="number" name="attr__hit_points_max" value="0" class="hp2 centered" readonly="true" style="padding: 0px;grid-area: dddd;" />
+                            <input type="checkbox" class="hiddenSheet centered fatigueExhausted" name="attr_wound_four" value="1" title="WoundFour" style="width:18px !important; height:18px !important;align-self: center;grid-area: gggg;margin-left: 9px;">
+
+                            <input type="number" name="attr__hit_points_five" value="0" class="currentStamina hp1 centered" style="padding: 0px;grid-area: bbbbb;">
+                            <h1 class="hp3" style="grid-area:ccccc">/</h1>
+                            <input type="number" name="attr__hit_points_max" value="0" class="hp2 centered" readonly="true" style="padding: 0px;grid-area: ddddd;" />
+                            <input type="checkbox" class="hiddenSheet centered fatigueExhausted" name="attr_wound_five" value="1" title="WoundFive" style="width:18px !important; height:18px !important;align-self: center;grid-area: ggggg;margin-left: 9px;">
+
+                            <div class="centertitle stamina4">
+                                <h2 style="line-height: 21px; margin-left: -10px; text-align: center; font-weight: bolder; color: #85D6FF;font-size:10pt">Base</h2>
+                            </div>
+                            <div class="stamina5" style="border-bottom-right-radius: 0px;">
+                                <input type="number" name="attr_hit_points_max_value" value="0" class="hiddenSheetTitle centerText shieldingStaminaMax" style="margin-left: -4px;width:35px !important">
+                                <input type="hidden" name="attr__hit_points_max">
+                            </div>
+                            <div class="centertitle stamina4" style="grid-area: ee;border-bottom-right-radius: 0px;;border-bottom-left-radius: 0px;">
+                                <h2 style="line-height: 21px; margin-left: -10px; text-align: center; font-weight: bolder; color: #85D6FF;font-size:10pt;">Aggravated</h2>
+                            </div>
+                            <div class="stamina5" style="grid-area: ff;margin-left: 0px; padding-left: 4px;">
+                                <input type="number" name="attr_aggravated_value" value="0" class="hiddenSheetTitle centerText shieldingStaminaMax" style="width:25px !important">
+                            </div>
+                        </div>
+                    </div>
+                    <div name="stamina" class="stressWoundsStamina__cell shieldingStaminaFlexCorrection">
+                        <div class="effort__row">
+                            <div class="centertitle stamina1" style="line-height: 24px;">Effort</div>
+                            <input type="number" name="attr__stamina" value="0" class="currentStamina stamina2 centered" style="padding: 0px;">
+                            <h1 class="stamina3">/</h1>
+                            <input type="number" name="attr__stamina_max" value="0" class="stamina6 centered" readonly="true" style="padding: 0px;" />
+                            <div class="centertitle stamina4">
+                                <h2 style="line-height: 21px; margin-left: -10px; text-align: center; font-weight: bolder; color: #85D6FF;">Base</h2>
+                            </div>
+                            <div class="stamina5">
+                                <input type="number" name="attr_stamina_max_value" value="0" class="hiddenSheetTitle centerText shieldingStaminaMax" style="position: relative;right: 7px;z-index: 1;width:30px !important">
+                                <input type="hidden" name="attr__stamina_max">
+                            </div>
+                        </div>
+                        <div class="effort__row">
+                            <div class="centertitle shielding1" style="line-height: 24px;">Shielding</div>
+                            <input type="number" name="attr__shielding" value="0" class="currentStamina shielding2 centered" style="padding: 0px;">
+                            <h1 class="shielding3">/</h1>
+                            <input type="number" name="attr__shielding_max" value="" class="shielding6 centered" readonly="true" style="padding: 0px;" />
+                            <div class="centertitle shielding4">
+                                <h2 style="line-height: 21px; margin-left: -10px; text-align: center; font-weight: bolder; color: #85D6FF;">Base</h2>
+                            </div>
+                            <div class="shielding5">
+                                <input type="number" name="attr_shielding_max_value" value="0" class="hiddenSheetTitle centerText shieldingStaminaMax" style="position: relative; right: 7px; z-index: 1; width: 30px !important;">
+                                <input type="hidden" name="attr__shielding_max">
+                            </div>
+                        </div>
+                    </div>
+                    <div name="stress" class="passiveWarShell" style="margin-top: 19px; height: 120px; padding-bottom: 5px;">
+                        <div class="passiveFlex passiveTitle">
+                            <h1 class="header passiveTitleFlex" style="width: 144px;">Stress & Fatigue</h1>
+                        </div>
+                        <div style="display: grid; grid-template-columns: 95px 40px;">
+                            <h1 style="font-size: 14px; font-weight: 900; border-bottom: 1px solid black; height: 16px; margin-top: -3px;">Strain</h1>
+                            <div style="border-bottom: 1px solid black; height: 18px; width: 30px; margin-top: -5px !important;padding-left: 13px; margin-top: 1px;">
+                                <input type="number" name="attr_strain" value="0" class="currentStamina stamina2 centered" style="padding: 0px;font-size: 11pt; height: 13px !important;">
+                            </div>
+                            <h1 style="font-size: 14px;font-weight: 900;height: 14px;">Low Stress</h1>
+                            <input type="checkbox" class="hiddenSheet centered fatigueExhausted" style="width:14px !important; height:14px !important;" name="attr_low_stress" value="1" title="Low_Stress">
+                            <h1 style="font-size: 14px;font-weight: 900;height: 14px;">Stress</h1>
+                            <input type="checkbox" class="hiddenSheet centered fatigueExhausted" style="width:14px !important; height:14px !important;" name="attr_stress" value="1" title="Stress">
+                            <h1 style="font-size: 14px;font-weight: 900;border-bottom: 1px solid black;">Burned Out</h1>
+                            <div style="border-bottom: 1px solid black; height: 18px; width: 30px; margin-top: -1px;padding-left: 13px; margin-top: 1px;">
+                                <input type="checkbox" class="hiddenSheet centered fatigueExhausted" style="width:14px !important; height:14px !important;" name="attr_burned_out" value="1" title="Burned_Out">
+                            </div>
+                            <h1 style="font-size: 14px;font-weight: 900;height: 14px;">Fatigued</h1>
+                            <input type="checkbox" class="hiddenSheet centered fatigueExhausted" style="width:14px !important; height:14px !important;" name="attr_fatigued" value="1" title="Fatigue">
+                            <h1 style="font-size: 14px;font-weight: 900;height: 14px;">Exhausted</h1>
+                            <input type="checkbox" class="hiddenSheet centered fatigueExhausted" style="width:14px !important; height:14px !important;" name="attr_exhausted" value="1" title="Exhausted">
+                        </div>
+                    </div>
+                </div>
+                <div name="passiveWarStatsReactiveWar" class="passiveWarStatsReactiveWar__row">
+                    <div name="passiveWAR" class="passiveWarShell">
+                        <div class="passiveFlex passiveTitle" style="grid-area:a">
+                            <h4 class="header" style="width:39px;font-size: 8pt;grid-area: aa;margin-top: -2px;margin-left: 6px;">Flawed: </h4>
+                            <input type="checkbox" class="hiddenSheet centered activeInput" name="attr_passive_flawed" value="2" style="height: 13px !important; width: 13px !important; grid-area: b; margin-top: -1px !important; margin-left: 2px;">
+                            <input type="hidden" name="attr_passive_flawed" value="0" class="passive_flawed_toggle">
+                            <h1 class="header passiveTitleFlex" style="width: 181px;">Passive WAR</h1>
+                            <button type="action" name="act_passive" class="diceButton">k</button>
+                        </div>
+                        <div style="display: flex;width: 273px;margin-left: 0px;margin-right: 9px;justify-content: space-between;">
+                            <h4 style="grid-area:b; margin-left:10px;min-width:30px">Type:</h4>
+                            <select type="text" class="hiddenSheet activeSelect" name="attr_passive_type" style="margin-right:75px;max-width: 70px;min-width: 70px; font-size: 10pt !important; font-weight: 900; margin-top: -2px;margin-left: -2px;">
+                                <option value="1" selected>Ethereal</option>
+                                <option value="2">Natural</option>
+                                <option value="3">Physical</option>
+                            </select>
+                            <input type="hidden" class="hiddenSheet centered" name="attr_passive_type" value="1">
+                            <input type="hidden" class="hiddenSheet centered" name="attr_defence_bonus" value="2">
+                            <input type="hidden" class="hiddenSheet centered" name="attr_resistance_bonus" value="1">
+                            <input type="hidden" class="hiddenSheet centered" name="attr_mitigation_bonus" value="0">
+                            <input type="hidden" class="hiddenSheet centered" name="attr_passive_type_effect" value="Double Effort when spent on Defence Value Grants 1 free hex of movement per leveling stage after the current Attack is resolved. This Movement does not trigger any effects or qualities that rely uppon movement.">
+
+                            <h4 style="font-size: 9pt; margin-bottom: 1px;min-width:67px">Roll Modifier: </h4>
+                            <input type="number" style="min-width: 20px; margin-bottom: 2px;max-width: 20px;" class="hiddenSheet centered" name="attr_passiveModifier" value="0">
+                        </div>
+                        <div style="display:flex;width: 275px;margin-left:4px;margin-right:4px;justify-content: space-between;margin-top: -4px;">
+                            <div style="display:flex;align-self: end;grid-area: g;">
+                                <div class="shardFlexRR" style="margin-left: 6px;width:80px;margin-right: 12px">
+                                    <h3 style="line-height: 15px; font-size: 10pt;" class="shardTitle">Mitigation</h3>
+                                    <div class="inputShell">
+                                        <input type="number" class="hiddenSheet inputField" name="attr_mitigation" value="0" style="font-size:14px !important;">
+                                    </div>
+                                </div>
+                                <div class="shardFlexR" style="margin-left: 1px;width:80px;margin-right: 12px;">
+                                    <h3 style="line-height: 15px; font-size: 10pt;" class="shardTitle">Defence</h3>
+                                    <div class="inputShell">
+                                        <input type="number" class="hiddenSheet inputField" name="attr_defence" value="0" style="font-size:14px !important;">
+                                    </div>
+                                </div>
+                                <div class="shardFlexR" style="margin-left: 1px; margin-right: 5px;width:80px">
+                                    <h3 style="line-height: 15px; font-size: 10pt;" class="shardTitle">Resistance</h3>
+                                    <div class="inputShell">
+                                        <input type="number" class="hiddenSheet inputField" name="attr_resistance" value="0" style="font-size:14px !important;">
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="passiveDescription test" style="flex-direction: column;">
+                            <span style="display:flex; height: 33px; width: 100%; margin-left: 14px;">
+                                <textarea spellcheck='false' autocorrect='off' name="attr_passive_reaction" class="passiveReactiveWARDescription" style="margin-right: 4px; font-size: 12px;height: 30px; width: 100% !important; margin: 0px; margin-left: 3px; line-height: 13px;" placeholder="Reaction"></textarea>
+                                <span style="display:flex; height: 13px;flex-direction: column; align-items: center; margin-right: 10px;">
+                                    <h4 style="margin-left: 3px; font-size: 11pt;margin-top: -2px;margin-right: 10px;">Reaction</h4>
+                                    <button type="roll" class="button reactiveButton" value="&{template:reactive} {{name=@{character_name}}} {{type=[[@{passive_type}]]}}" name="roll_reactive" style="margin-top: -10px;margin-left: -8px;width:18px !important;font-size: 23pt !important;margin-right:8px"></button>
+                                </span>
+                            </span>
+                            <span style="display: flex; height: 41px; width: 270px; margin-left: 14px; margin-bottom: 5px; align-items: center; justify-content: flex-end;">
+                                <input type="hidden" name="attr_passive_flawed" value="0" class="passive_flawed_toggle">
+                                <textarea spellcheck='false' autocorrect='off' name="attr_passive_flaw" class="passiveReactiveWARDescription passive_flawed" style="height: 40px; width: 265px !important; margin: 0px; margin-left: 3px;" placeholder="Flaw"></textarea>
+                                <a class="button anchorButton abilitiesActionsButton" href="#passiverune" style="margin-left: 3px; min-width: 35px; max-width: 35px; height: 35px !important;  font-size: 9pt; padding-bottom: 0px !important; line-height: 9px; padding-left: 4px; padding-right: 4px; padding-top: 8px;">Rune Data</a>
+                            </span>
+                        </div>
+                    </div>
+                    <div name="pursuits" class="reactiveWarShell" style="height: 171px; margin-top:-13px">
+                        <div class="reactiveFlex reactiveTitle test" style="grid-area:a">
+                            <h1 class="header reactiveTitleFlex" style="font-size: 13pt;">Pursuit</h1>
+                        </div>
+                        <div style="display:flex; margin-bottom:-6px">
+                            <h4 style="width: 71px;font-size:8pt; font-weight: bolder;">Competencies</h4>
+                            <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet" name="attr_main_pursuit_name" autocomplete="nope" style="width:55px;font-size: 10.5px !important; height: 11px !important; margin-top: 2px; padding-left: 1px !important; padding-right: 1px !important;" value="Survival">
+                            <button type='roll' style="margin-top: -5px;margin-bottom: 5px !important;font-size: 15pt !important;" class="button pursuitButton" value='&{template:pursuit} {{pursuitName=: @{main_pursuit_name}}} {{name=@{character_name}}} {{version=Pursuit}} {{level=@{main_pursuit_k}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_mainPursuit'></button>
+                        </div>
+                        <div style="display:flex">
+                            <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet" name="attr_first_pursuit_name" autocomplete="nope" style="width:55px;font-size: 10.5px !important; height: 11px !important; margin-top: 2px; padding-left: 1px !important; padding-right: 1px !important;" value="Running">
+                            <button type='roll' style="margin-top: -5px;margin-bottom: 5px !important;font-size: 15pt !important;" class="button pursuitButton" value='&{template:pursuit} {{pursuitName=: @{first_pursuit_name}}} {{name=@{character_name}}} {{version=Pursuit}} {{level=@{main_pursuit_k}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_mainPursuit'></button>
+                            <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet" name="attr_second_pursuit_name" autocomplete="nope" style="width:55px;font-size: 10.5px !important; height: 11px !important; margin-top: 2px; padding-left: 1px !important; padding-right: 1px !important;" value="Jumping">
+                            <button type='roll' style="margin-top: -5px;margin-bottom: 5px !important;font-size: 15pt !important;" class="button pursuitButton" value='&{template:pursuit} {{pursuitName=: @{second_pursuit_name}}} {{name=@{character_name}}} {{version=Pursuit}} {{level=@{main_pursuit_k}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_mainPursuit'></button>
+                        </div>
+                        <div style="display:flex;margin-top:-5px;">
+                            <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet" name="attr_third_pursuit_name" autocomplete="nope" style="width:55px;font-size: 10.5px !important; height: 11px !important; margin-top: 2px; padding-left: 1px !important; padding-right: 1px !important;" value="Climbing">
+                            <button type='roll' style="margin-top: -5px;margin-bottom: 5px !important;font-size: 15pt !important;" class="button pursuitButton" value='&{template:pursuit} {{pursuitName=: @{third_pursuit_name}}} {{name=@{character_name}}} {{version=Pursuit}} {{level=@{main_pursuit_k}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_mainPursuit'></button>
+                            <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet" name="attr_fourth_pursuit_name" autocomplete="nope" style="width:55px;font-size: 10.5px !important; height: 11px !important; margin-top: 2px; padding-left: 1px !important; padding-right: 1px !important;" value="Swimming">
+                            <button type='roll' style="margin-top: -5px;margin-bottom: 5px !important;font-size: 15pt !important;" class="button pursuitButton" value='&{template:pursuit} {{pursuitName=: @{fourth_pursuit_name}}} {{name=@{character_name}}} {{version=Pursuit}} {{level=@{main_pursuit_k}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_mainPursuit'></button>
+                        </div>
+                        <div style="display:flex;margin-top:-5px;">
+                            <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet" name="attr_fifth_pursuit_name" autocomplete="nope" style="width:55px;font-size: 10.5px !important; height: 11px !important; margin-top: 2px; padding-left: 1px !important; padding-right: 1px !important;" placeholder="Competency">
+                            <button type='roll' style="margin-top: -5px;margin-bottom: 5px !important;font-size: 15pt !important;" class="button pursuitButton" value='&{template:pursuit} {{pursuitName=: @{fifth_pursuit_name}}} {{name=@{character_name}}} {{version=Pursuit}} {{level=@{main_pursuit_k}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_mainPursuit'></button>
+                            <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet" name="attr_sixth_pursuit_name" autocomplete="nope" style="width:55px;font-size: 10.5px !important; height: 11px !important; margin-top: 2px; padding-left: 1px !important; padding-right: 1px !important;" placeholder="Competency">
+                            <button type='roll' style="margin-top: -5px;margin-bottom: 5px !important;font-size: 15pt !important;" class="button pursuitButton" value='&{template:pursuit} {{pursuitName=: @{sixth_pursuit_name}}} {{name=@{character_name}}} {{version=Pursuit}} {{level=@{main_pursuit_k}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_mainPursuit'></button>
+                        </div>
+                        <div style="display:flex;margin-top:-5px;">
+                            <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet" name="attr_seventh_pursuit_name" autocomplete="nope" style="width:126px;font-size: 10.5px !important; height: 11px !important; margin-top: 2px; padding-left: 1px !important; padding-right: 1px !important;" placeholder="Competency">
+                            <button type='roll' style="margin-top: -5px;margin-bottom: 5px !important;font-size: 15pt !important;" class="button pursuitButton" value='&{template:pursuit} {{pursuitName=: @{ninth_pursuit_name}}} {{name=@{character_name}}} {{version=Pursuit}} {{level=@{main_pursuit_k}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_mainPursuit'></button>
+                        </div>
+                        <div style="display:flex;margin-top:-5px;">
+                            <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet" name="attr_eigth_pursuit_name" autocomplete="nope" style="width:126px;font-size: 10.5px !important; height: 11px !important; margin-top: 2px; padding-left: 1px !important; padding-right: 1px !important;" placeholder="Competency">
+                            <button type='roll' style="margin-top: -5px;margin-bottom: 5px !important;font-size: 15pt !important;" class="button pursuitButton" value='&{template:pursuit} {{pursuitName=: @{ninth_pursuit_name}}} {{name=@{character_name}}} {{version=Pursuit}} {{level=@{main_pursuit_k}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_mainPursuit'></button>
+                        </div>
+                        <div style="display:flex;margin-top:-5px;">
+                            <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet" name="attr_ninth_pursuit_name" autocomplete="nope" style="width:126px;font-size: 10.5px !important; height: 11px !important; margin-top: 2px; padding-left: 1px !important; padding-right: 1px !important;" placeholder="Competency">
+                            <button type='roll' style="margin-top: -5px;margin-bottom: 5px !important;font-size: 15pt !important;" class="button pursuitButton" value='&{template:pursuit} {{pursuitName=: @{tenth_pursuit_name}}} {{name=@{character_name}}} {{version=Pursuit}} {{level=@{main_pursuit_k}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_mainPursuit'></button>
+                        </div>
+                        <div style="display:flex;margin-top:-5px;">
+                            <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet" name="attr_tenth_pursuit_name" autocomplete="nope" style="width:126px;font-size: 10.5px !important; height: 11px !important; margin-top: 2px; padding-left: 1px !important; padding-right: 1px !important;" placeholder="Competency">
+                            <button type='roll' style="margin-top: -5px;margin-bottom: 5px !important;font-size: 15pt !important;" class="button pursuitButton" value='&{template:pursuit} {{pursuitName=: @{tenth_pursuit_name}}} {{name=@{character_name}}} {{version=Pursuit}} {{level=@{main_pursuit_k}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_mainPursuit'></button>
+                        </div>
+                        <div style="display: flex; justify-content: space-between; margin-right: 3px;">
+                            <a class="button anchorButton abilitiesActionsButton" href="#affinities" style="margin-left: 3px; width: 60px; height: 18px !important; font-size: 9pt; padding-bottom:0px !important; line-height: 18px;">Affinities</a>
+
+                            <a class="button anchorButton abilitiesActionsButton" href="#equipment" style="height: 18px !important; font-size: 9pt; width: 60px; padding-bottom:0px !important; line-height: 18px;">Equipment</a>
+                        </div>
+                    </div>
+                </div>
+                <input type="hidden" name="attr_passive_flawed" value="0" class="passive_flawed_toggle">
+                <div name="effects" class="reactiveWarShell effectsbox" style="margin-right: 2px;width: 435px;margin-bottom: 3px;background-color: #16335021">
+                    <div class="reactiveFlex reactiveTitle test" style="grid-area:a">
+                        <h1 class="header reactiveTitleFlex" style="font-size: 13pt;">Effects</h1>
+                    </div>
+                    <input type="hidden" name="attr_passive_flawed" value="0" class="passive_flawed_toggle">
+                    <textarea spellcheck='false' autocorrect='off' name="attr_all_effects" class="activeTextarea effectsboxtext" style="margin-left: 5px !important; margin: 1px; width:429px !important;background-color: transparent;border:transparent" placeholder="Effects"></textarea>
+                </div>
+            </div>
+
+            <div class="right_side" style="display:flex;flex-wrap: wrap;height: fit-content;column-gap: 5px;">
+                <div>
+                    <div name="Active WAR" class="lowerPage__cell" style="position: relative; top: -29px;height: fit-content;">
+                        <div class="activeColumnTitle" style="min-width: 440px;">
+                            <h1 class="header" style="line-height:38px;font-size: 16pt;width: 145px;margin-right: auto;">Active WAR</h1>
+                            <h1 class="header" style="width:94px;font-size: 10pt;">Max active slots</h1>
+                            <input type="number" style="width:25px;height:20px;padding-left:3px" class="hiddenSheetTitle centered" name="attr_total_active" value="0">
+                            <h1 class="header" style="width:105px;font-size: 10pt;">Max inactive slots</h1>
+                            <input type="number" style="width:25px;height:20px;margin-right: 10px;" class="hiddenSheetTitle centered" name="attr_total_inactive" value="0">
+                        </div>
+                        <div class="activeWARDouble">
+                            <fieldset class="repeating_war" style="grid-area:a">
+                                <input type="hidden" class="activeType" name="attr_active_name" value="" />
+                                <details class="repeating_war">
+                                    <summary>
+                                        <div class="activeWarShellSmallDouble">
+                                            <div class="activeGridDouble passiveTitle">
+                                                <h4 class="header" style="width:35px;font-size: 8pt;grid-area: a;margin-top: -2px;">Active: </h4>
+                                                <input type="checkbox" class="hiddenSheet centered activeInput" name="attr_active" value="1" style="height:13px !important;width:13px !important;grid-area: b;margin-top: -1px !important;">
+                                                <h4 class="header" style="width:35px;font-size: 8pt;grid-area: aa;margin-top: -2px;">Uses: </h4>
+                                                <input type="checkbox" class="hiddenSheet centered activeInput" name="attr_active_uses" value="1" style="height:13px !important;width:13px !important;grid-area: bb;margin-top: -1px !important;">
+                                                <input type="hidden" class="activeUsesToggle" name="attr_active_uses" value="0" />
+                                                <h4 class="header" style="width:39px;font-size: 8pt;grid-area: aa;margin-top: -2px;">Flawed: </h4>
+                                                <input type="checkbox" class="hiddenSheet centered activeInput" name="attr_active_flawed" value="1" style="height:13px !important;width:13px !important;grid-area: b;margin-top: -1px !important;">
+                                                <input type="hidden" name="attr_active_flawed" value="0" class="flawed_toggle">
+                                                <div class="activeWARNameDouble">
+                                                    <input type="text" name="attr_active_slot" style="font-size: 17pt !important;padding-bottom: 6px;padding-top: 0px !important;" value="New WAR (Click to open)" class="header passiveTitleFlex activeWARNameDouble" readonly="true" />
+                                                </div>
+                                                <h4 class="header activeClickDouble"></h4>
+                                                <input type="hidden" class="activeInputResult" name="attr_active" value="0" />
+                                                <div style="grid-area: d">
+                                                    <input type="hidden" class="activeType" name="attr_active_type" value="1" />
+                                                    <button type="action" name="act_damage" class="diceButton activeDamage">k</button>
+                                                    <button type="action" name="act_healing" class="diceButton activeHealing">k</button>
+                                                    <button type="action" name="act_malicious" class="diceButton activeMalicious">k</button>
+                                                    <button type="action" name="act_beneficial" class="diceButton activeBeneficial">k</button>
+                                                </div>
+                                            </div>
+                                            <input type="hidden" name="attr_active_damage_bonus" value="4" />
+                                            <input type="hidden" name="attr_active_healing_bonus" value="0" />
+                                            <input type="hidden" name="attr_active_alleviation_bonus" value="0" />
+                                            <input type="hidden" name="attr_active_offence_bonus" value="1" />
+                                            <input type="hidden" name="attr_active_manipulation_bonus" value="0" />
+                                            <input type="hidden" name="attr_active_crescendo_bonus" value="0" />
+                                            <input type="hidden" class="activeUsesToggle" name="attr_active_uses" value="0" />
+                                            <div class="activeGridDoubleSecond" style="width: 430px; margin-right: 4px !important;">
+                                                <span style="display:flex">
+                                                    <h4 style="margin-left: 2px;font-size: 8pt;min-width: 27px;">Type: </h4>
+                                                    <select type="text" class="hiddenSheet activeSelect" name="attr_active_type" style="width:70px;margin-left: -9px; margin-right: -2px;">
+                                                        <option value="1" selected>Assault</option>
+                                                        <option value="2">Keen</option>
+                                                        <option value="3">Beneficial</option>
+                                                        <option value="4">Crescendo</option>
+                                                        <option value="5">Malicious</option>
+                                                        <option value="6">Mending</option>
+                                                    </select>
+                                                </span>
+                                                <input type="hidden" name="attr_active_special_value" value="@{active_flawed}+@{active_type}*5" disabled>
+                                                <input type="hidden" name="attr_active_special_value" value="0" class="special_toggle">
+                                                <input type="hidden" name="attr_active_type" value="1" />
+                                                <input type="hidden" class="activeTypeName" name="attr_active_type_name" value="Assault" />
+                                                <span style="display:flex">
+                                                    <h4 style="font-size: 8pt;margin-left: -1px;">Range: </h4>
+                                                    <select type="text" class="hiddenSheet activeSelect" name="attr_active_range" style="width:62px;margin-left: -4px; margin-right: -2px;">
+                                                        <option value="1" selected>Self</option>
+                                                        <option value="2">Short</option>
+                                                        <option value="3">Medium</option>
+                                                        <option value="4">Long</option>
+                                                        <option value="5">Aura</option>
+                                                    </select>
+                                                </span>
+                                                <span style="display:flex">
+                                                    <h4 style="font-size: 8pt;min-width: 50px;margin-left: -1px;">Max Range: </h4>
+                                                    <input type="number" style="width:17px;" class="hiddenSheet centered" name="attr_max_range" value="0">
+                                                </span>
+                                                <input type="hidden" class="activeUsesToggle" name="attr_active_uses" value="0" />
+                                                <div class="shardUseFlex activeUses" style="align-self: end;">
+                                                    <input type="hidden" class="activeType" name="attr_active_type" value="1" />
+                                                    <h3 style="line-height: 10px; font-size: 8pt;text-align: center;" class="shardTitle">Uses</h3>
+                                                    <div style="display:flex;align-items: flex-end;height: 11px;">
+                                                        <input type="hidden" class="activeType" name="attr_active_type" value="1" />
+                                                        <input type="number" class="hiddenSheet augmentLevel" style="width: 17px !important;line-height: 0px !important;" name="attr_uses" value="0">
+                                                        <h4 style="font-size: 9pt;"> / </h4>
+                                                        <input type="number" class="hiddenSheet augmentLevel" style="width: 17px !important;line-height: 0px !important;" name="attr_uses_max" value="0">
+                                                    </div>
+                                                </div>
+                                                <span style="display:flex">
+                                                    <h4 style="font-size: 8pt;margin-left: 2px;min-width:60px">Roll Modifier: </h4>
+                                                    <input type="number" style="width:17px;" class="hiddenSheet centered" name="attr_action_shards" value="0">
+                                                </span>
+                                                <input type="hidden" class="activeType" name="attr_active_type" value="1" />
+                                                <input type="hidden" name="attr_base_damage" value="0">
+                                            </div>
+                                        </div>
+                                    </summary>
+                                    <input type="hidden" class="activeType" name="attr_active_type" value="1" />
+                                    <div class="activetab_containerNew">
+                                        <div id="activecontent1" class="activetab-content" name="attr_active_statistics" style="grid-area:d">
+                                            <div class="activeGridInnerDouble">
+                                                <h4 style="font-size: 8pt;">Name: </h4>
+                                                <input type="text" name="attr_active_name_input" value="" placeholder="WAR Name" class="hiddenSheet" style="width: 98%; margin-bottom: 2px; font-size: 12pt; margin-right: 4px;">
+                                                <input type="hidden" class="activeType" name="attr_active_type" value="1" />
+
+                                                <div class="shardFlexR activeDamage activeHealing" style="margin-left: 1px; margin-right: 5px; min-width: 90px;">
+                                                    <input type="hidden" class="activeType" name="attr_active_type" value="1" />
+                                                    <h4 style="font-size: 11pt;margin-top: -2px;" class="shardTitle activeDamage activeMalicious">Damage</h4>
+                                                    <h4 style="font-size: 11pt;margin-top: -2px;" class="shardTitle activeHealing activeBeneficial">Healing</h4>
+                                                    <div class="inputShell">
+                                                        <input type="hidden" class="activeType" name="attr_active_type" value="1" />
+                                                        <input type="number" class="hiddenSheet inputField activeDamage activeMalicious" name="attr_damage_shards_value" value="0" style="font-size:14px !important;">
+                                                        <input type="number" class="hiddenSheet inputField activeHealing activeBeneficial" name="attr_healing_shards_value" value="0" style="font-size:14px !important;">
+                                                    </div>
+                                                </div>
+                                                <div class="shardFlexR" style="margin-left: 1px; min-width: 90px;">
+                                                    <input type="hidden" class="activeType" name="attr_active_type" value="1" />
+                                                    <h4 style="font-size: 11pt;margin-top: -2px;" class="shardTitle activeDamage">Offence</h4>
+                                                    <h4 style="font-size: 11pt;margin-top: -2px;" class="shardTitle activeHealing">Alleviation</h4>
+                                                    <h4 style="font-size: 11pt;margin-top: -2px;" class="shardTitle activeMalicious activeBeneficial">Manipulation</h4>
+                                                    <div class="inputShell">
+                                                        <input type="hidden" class="activeType" name="attr_active_type" value="1" />
+                                                        <input type="number" class="hiddenSheet inputField activeDamage" name="attr_offence" value="0" style="font-size:14px !important;">
+                                                        <input type="number" class="hiddenSheet inputField activeHealing" name="attr_alleviation" value="0" style="font-size:14px !important;">
+                                                        <input type="number" class="hiddenSheet inputField activeMalicious activeBeneficial" name="attr_affliction" value="0" style="font-size:14px !important;">
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <span style="border-top:1px solid black; border-bottom:1px solid black; margin-top: 5px; margin-left: -5px; margin-right: -6px;display:flex; justify-content: center;margin-bottom:35px">
+                                                <h3 style="width:40px">Runes</h3>
+                                            </span>
+                                            <span style="display:flex;">
+                                                <fieldset class="repeating_warrunes">
+                                                    <textarea spellcheck='false' autocorrect='off' name="attr_active_rune_info" class="activeTextarea" style="height: 45px; width: 420px !important; margin: 2px;" placeholder="Rune Info"></textarea>
+                                                </fieldset>
+                                            </span>
+                                            <input type="hidden" class="activeType" name="attr_active_type" value="1" />
+                                            <input type="hidden" name="attr_active_flawed" value="0" class="flawed_toggle">
+                                            <span class="con boon flawed" style="border-top:1px solid black; border-bottom:1px solid black; margin-top: 5px; margin-left: -5px; margin-right: -6px;display:flex; justify-content: center;">
+                                                <input type="hidden" name="attr_active_special" value="0" class="special_toggle">
+                                                <h3 style="width:140px" class="flaweded">Flaw</h3>
+                                                <h3 style="width:140px" class="booned">Boon</h3>
+                                                <h3 style="width:140px" class="coned">Condition</h3>
+                                                <h3 style="width:140px" class="boonflaw">Boon & Flaw</h3>
+                                                <h3 style="width:140px" class="conflaw">Condition & Flaw</h3>
+                                            </span>
+                                            <div class="activeGridInnerFourthDouble" style="flex-direction: row;">
+                                                <input type="hidden" class="activeType" name="attr_active_type" value="1" />
+                                                <div class="shardFlexR condition" style="margin-left: 1px;min-width: 105px; height: 28px;">
+                                                    <input type="hidden" class="activeType" name="attr_active_type" value="1" />
+                                                    <h3 style="line-height: 10px; font-size: 9pt;" class="shardTitle con">Condition</h3>
+                                                    <h3 style="line-height: 10px; font-size: 9pt;" class="shardTitle boon">Boon</h3>
+                                                    <input type="text" class="hiddenSheet augmentLevel" name="attr_active_condition" style="width: 99% !important;font-size: 11pt !important; height: 17px !important;" value="" placeholder="Condition">
+                                                </div>
+                                                <input type="hidden" name="attr_active_flawed" value="0" class="flawed_toggle">
+                                                <textarea spellcheck='false' autocorrect='off' name="attr_active_flaw" class="activeTextarea flawed" style="height: 45px; width: 100% !important; margin: 0px;" placeholder="Flaw"></textarea>
+                                            </div>
+                                        </div>
+                                </details>
+
+                            </fieldset>
+                        </div>
+                    </div>
+                </div>
+                <div name="Actions" class="actionShell" style="height: fit-content; margin-right:-35px; min-width: 440px;">
+                    <div name="actionsTitle" class="centertitleSmall actionsTitle" style="border-top-left-radius: 10px; border-top-right-radius: 10px;display: flex; align-items: center;width: 440px;">
+                        <h1 class="header passiveTitleFlex" style="width:200px;">Powers & Abilities</h1>
+                        <h3 class="header" style="width:100px;">Aetheric Energy: </h3>
+                        <input type="number" style="width:25px;height:20px;padding-left:3px;margin-left:3px;margin-top: 2px;" class="hiddenSheetTitle centered" name="attr_power_current_uses" value="0">
+                        <h1 class="header" style="width:15px; margin-top: 2px; text-align: center;"> / </h1>
+                        <input type="number" style="width:25px;height:20px; margin-top: 2px;margin-right: 8px;background-color: #f5f5f5 !important;" class="hiddenSheetTitle centered" name="attr_power_max_uses" value="(@{base_energy})+(@{modifier_energy})" disabled>
+                    </div>
+                    <div style="display: flex; justify-content: space-between; margin-left: 15px; margin-right: 15px;">
+                        <div class="bionicsShell">
+                            <h2>Base Energy:</h2>
+                            <input type="number" name="attr_base_energy" class="bionicsInput" value="0" style="width: 35px !important;text-align: center;">
+                        </div>
+                        <div class="bionicsShell">
+                            <h2>Energy Modifier:</h2>
+                            <input type="number" name="attr_modifier_energy" class="bionicsInput" value="0" style="width: 35px !important;text-align: center;">
+                        </div>
+                        <div style="display: flex; column-gap: 2px; width: 287px !important; row-gap: 2px; padding-right: 2px; justify-content: center; padding-left: 3px; position: absolute; margin-left: -15px; bottom: 6px; left: 96px;">
+                            <input type="hidden" class="bionic_check" name="attr_legacy" value="None">
+                            <a class="button anchorButton abilitiesActionsButton bionics" href="#bionics">Bionics</a>
+                        </div>
+                    </div>
+                    <div style="display:grid; grid-template-rows: fit-content(19px) 1fr; row-gap: 2px;">
+
+                        <div style="display: flex; flex-direction: column; width: 437px !important; row-gap: 2px; padding-right: 2px;margin-left:1px">
+                            <fieldset class="repeating_ability">
+                                <div>
+                                    <details class="abilitySummary" style="border: 1px solid black; border-radius: 17px; margin-left: 2px; width:431px">
+                                        <summary>
+                                            <div class="blessingsFlex">
+                                                <h3 class="header" style="width: 25px; font-size: 6pt; margin-left: 7px;">Power: </h3>
+                                                <input type="checkbox" class="hiddenSheet centered activeInput" name="attr_isWARe" value="1" style="height:11px !important;width:11px !important;">
+                                                <input type="hidden" class="warToggle" name="attr_isWAR" value="0">
+                                                <h3 class="header nonWAR" style="width: 20px; font-size: 6pt; margin-left: 7px;">Uses: </h3>
+                                                <input type="checkbox" class="hiddenSheet centered activeInput nonWAR" name="attr_powerUses" value="1" style="height:11px !important;width:11px !important;">
+                                                <h4 class="header blessingsClick" style="margin-left: 85px; width: 315px;"></h4>
+                                                <input type="text" name="attr_ability_name_title" value="New Power / Ability click here" class="blessingsName" style="width: 360px !important; margin-right: -4px;" readonly="true" />
+                                                <button type="action" name="act_power" class="diceButton teste" style="font-size: 19px; margin-bottom: 1px;">w</button>
+                                            </div>
+                                        </summary>
+                                        <input type="hidden" class="warToggle" name="attr_isWAR" value="0">
+                                        <div class="nonWAR">
+                                            <div class="passiveFlex">
+                                                <h4 style="margin-left:2px">Name:</h4>
+                                                <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet blessingsNameInput" name="attr_ability_name" autocomplete="nope" placeholder="Name">
+                                                <h4>Type:</h4>
+                                                <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet blessingsNameInput" name="attr_ability_type" autocomplete="nope" placeholder="Type" style="width: 93px;margin-right: 3px;">
+                                                <input type="hidden" class="warUsesToggle" name="attr_powerUses" value="0">
+                                                <h4 class="hasUses">Uses</h4>
+                                                <input type="number" class="hiddenSheet blessingsNameInput hasUses" name="attr_powers_minimum" style="width: 17px;margin-right: 3px; text-align: center !important;">
+                                                <h4 class="hasUses"> / </h4>
+                                                <input type="number" class="hiddenSheet blessingsNameInput hasUses" name="attr_powers_maximum" style="width: 17px;margin-right: 3px; text-align: center !important;">
+                                            </div>
+                                            <textarea spellcheck='false' autocorrect='off' name="attr_ability_description" class="blessingsDescription" placeholder="Description" style="height:175px !important"></textarea>
+                                        </div>
+                                    </details>
+                                </div>
+                            </fieldset>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="antagonist_sheet" style="margin-top: 28px; margin-left: -3px;">
+        <div name="antagonist grid" style="display:grid; grid-template-columns: 433px 440px; height:fit-content;column-gap: 10px;">
+            <div name="left side" style="display:flex;flex-direction: column;">
+                <img class="logoAntagonist" src="https://i.imgur.com/bZsdIU4.png" alt="The Advanced" style="left: 40px; top: -27px; position: relative;">
+                <div style="top: -43px; position: relative;">
+                    <div style="display:flex">
+                        <h2>Name:</h2>
+                        <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet characterNameAntagonist" name="attr_character_name" autocomplete="nope" style="width: 156px !important; margin-right: 5px;">
+                        <h2 style="min-width: 120px;">Antagonist Type:</h2>
+                        <select class="hiddenSheet manifestationAntagonist" name="attr_antagonist_type" style="width: 100px;margin-top: -4px;">
+                            <option value="Pushover" selected>Pushover</option>
+                            <option value="Defiant">Defiant</option>
+                            <option value="Grim">Grim</option>
+                        </select>
+                    </div>
+                    <div style="display:flex">
+                        <h2>Species:</h2>
+                        <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet characterNameAntagonist" name="attr_species" autocomplete="nope" style="width: 147px !important; margin-right: 5px;">
+                        <h2 style="min-width: 120px;">Leveling Stage:</h2>
+                        <select class="hiddenSheet manifestationAntagonist" name="attr_leveling_stage" style="width: 100px;margin-bottom: 5px; margin-top: -4px;">
+                            <option value="Awakening" selected>Awakening</option>
+                            <option value="Ascension">Ascension</option>
+                            <option value="Astral">Astral</option>
+                        </select>
+                    </div>
+                </div>
+                <div name="name" class="nameAndLegacy__cell" style="position: relative; top: -44px;">
+                    <div name="shielding" class="stressWoundsStamina__cell shieldingStaminaFlexCorrection">
+                        <div class="shielding__rowAntagonist">
+                            <div class="centertitle shielding1" style="line-height: 24px;">Shielding</div>
+                            <input type="number" name="attr__shielding" value="0" class="currentStamina shielding2 centered" style="width:75% !important;height:28px !important">
+                            <h1 class="shielding3">/</h1>
+                            <input type="number" name="attr__shielding_max" value="" class="shielding6 centered" style="width:75% !important;height:28px !important" readonly="true" />
+                            <div class="centertitle shielding4">
+                                <h2 class="centertitle" style="line-height: 21px;">Base</h2>
+                            </div>
+                            <div class="shielding5">
+                                <input type="number" name="attr_shielding_max_value" value="0" class="hiddenSheetTitle centerText shieldingStaminaMax" style="margin-left: -20px;">
+                            </div>
+                        </div>
+                    </div>
+                    <div name="stamina" class="stressWoundsStamina__cell shieldingStaminaFlexCorrection">
+                        <div class="hitpoints__rowAntagonist">
+                            <div class="centertitle stamina1" style="line-height: 24px;">Hit Points</div>
+                            <input type="number" name="attr__hit_points_one" value="0" class="currentStamina stamina2 centered" style="width:75% !important;height:28px !important">
+                            <h1 class="stamina3">/</h1>
+                            <input type="number" name="attr__hit_points_max" value="0" class="stamina6 centered" style="width:75% !important;height:28px !important" readonly="true" />
+                            <div class="centertitle stamina4">
+                                <h2 style="line-height: 21px; margin-left: -10px; text-align: center; font-weight: bolder; color: #85D6FF;font-size:10pt">Base</h2>
+                            </div>
+                            <div class="stamina5" style="border-bottom-right-radius: 0px;">
+                                <input type="number" name="attr_hit_points_max_value" value="0" class="hiddenSheetTitle centerText shieldingStaminaMax" style="margin-left: -4px;width:25px !important">
+                                <input type="hidden" name="attr__hit_points_max">
+                            </div>
+                            <div class="centertitle stamina4" style="grid-area: ee;border-bottom-right-radius: 0px;;border-bottom-left-radius: 0px;">
+                                <h2 style="line-height: 21px; margin-left: -10px; text-align: center; font-weight: bolder; color: #85D6FF;font-size:10pt;">Aggravated</h2>
+                            </div>
+                            <div class="stamina5" style="grid-area: ff;margin-left: 0px; padding-left: 4px;">
+                                <input type="number" name="attr_aggravated_value" value="0" class="hiddenSheetTitle centerText shieldingStaminaMax" style="width:25px !important;margin-right: 20px !important;">
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div name="combatBlock" class="combatShell" style="position: relative; top: -40px;">
+                    <div class="combatFlex combatTitle">
+                        <h1 class="header" style="width: 210px;">Combat Block</h1>
+                    </div>
+                    <div class="combatGridAntagonist flexJustify" style="border-bottom:1px solid black;">
+                        <h4 style="min-width: 90px;">Manoeuvre:</h4>
+                        <input type="number" style="height:15px;width:25px;margin-right: 10px;margin-left: -27px;" class="hiddenSheet centered" name="attr_manoeuvre_value" value="0">
+                        <button type="action" name="act_manoeuvre" class="manButton" style="margin-left: -18px !important;">k</button>
+                        <h4 style="min-width: 90px;">Movement:</h4>
+                        <input type="number" style="height:15px;width:25px" name="attr_free_movement" class="hiddenSheet centered" value="0">
+                        <h4 style="min-width: 90px;">Detection Range:</h4>
+                        <input type="number" style="height:15px;width:25px" class="hiddenSheet centered" name="attr_detection_range" value="0">
+                    </div>
+                    <div class="combatGridAntagonist flexJustify" style="border-bottom:1px solid black;">
+                        <h4 style="min-width: 90px;">Aura Size:</h4>
+                        <input type="number" style="height:15px;width:25px" class="hiddenSheet centered" name="attr_aura_size" value="0">
+                        <h4 style="min-width: 90px;">Base Offence:</h4>
+                        <input type="number" style="height:15px;width:25px" class="hiddenSheet centered" name="attr_base_offence" value="0">
+                        <h4 style="min-width: 90px;">Base Damage:</h4>
+                        <input type="number" style="height:15px;width:25px" class="hiddenSheet centered" name="attr_base_damage" value="0">
+                    </div>
+                    <div class="combatGridAntagonist flexJustify">
+                        <h4 style="min-width: 90px;">Base Mitigation:</h4>
+                        <input type="number" style="height:15px;width:25px" name="attr_mitigation_value" class="hiddenSheet centered" value="0">
+                        <h4 style="min-width: 90px;">Base Defence:</h4>
+                        <input type="number" style="height:15px;width:25px" class="hiddenSheet centered" name="attr_base_defence" value="0">
+                        <h4 style="min-width: 90px;">Base Resistance:</h4>
+                        <input type="number" style="height:15px;width:25px" class="hiddenSheet centered" name="attr_base_resistance" value="0">
+                    </div>
+                </div>
+                <div class="activeColumnTitleAntagonistTwo" style="position: relative;top: -35px;">
+                    <h1 class="header" style="line-height: 25px; font-size: 18pt; width: 145px; padding-bottom: 2px;">Qualities</h1>
+                </div>
+                <input type="hidden" name="attr_quality_description_attack">
+                <input type="hidden" name="attr_quality_description_defence">
+                <div style="position: relative; top: -35px;">
+                    <fieldset class="repeating_qualities" style="grid-area:a; width:80%;">
+                        <div>
+                            <details class="repeating_qualities">
+                                <summary>
+                                    <div class="qualityTitle">
+                                        <h4 class="header" style="width:125px;font-size: 8pt">Attach to Defence: </h4>
+                                        <input type="checkbox" class="hiddenSheet centered activeInput" name="attr_attach_defence" value="1" style="height:15px !important;width:15px !important;">
+                                        <h4 class="header qualityClick"></h4>
+                                        <input type="text" name="attr_quality_name" style="font-size: 11pt !important; padding-bottom: 4px; padding-top: 0px !important; width: 75%; height: 17px !important;" value="New Quality (Give me a name)" class="header passiveTitleFlex activeWARNameDouble" readonly="true" />
+                                        <input type="checkbox" class="hiddenSheet centered activeInput" name="attr_attach_attack" value="1" style="height:15px !important;width:15px !important;">
+                                        <h4 class="header" style="width:125px;font-size: 8pt">:Attach to Attacks </h4>
+                                    </div>
+                                </summary>
+                                <div>
+                                    <div class="flexJustify" style="display:flex;border-bottom:1px solid black;">
+                                        <h4>Name:</h4>
+                                        <input type="text" name="attr_quality_name_input" value="" placeholder="Quality Name" class="hiddenSheet" style="border:0px;font-size:16px;width: 98%;">
+                                    </div>
+                                    <textarea spellcheck='false' autocorrect='off' name="attr_quality_description" class="activeTextareaAntagonist" style="width: 96%; height: 75px; margin-bottom: 5px; margin-top: 5px; font-size: 10pt;
+                                        line-height: 14px; margin-left: 8px;" placeholder="Description"></textarea>
+                                </div>
+                            </details>
+                        </div>
+                    </fieldset>
+                </div>
+            </div>
+            <div name="right side" style="display:flex;flex-direction: column;max-width: 423px; position: relative; top: -45px;">
+                <div name="passiveWAR" class="passiveWarShellAntagonist">
+                    <div class="passiveFlex passiveTitle" style="grid-area:a">
+                        <h1 class="header passiveTitleFlex">Defence</h1>
+                    </div>
+                    <div class="combatGridAntagonist flexJustify" style="padding-left:20px;padding-right:20px;">
+                        <h4>Mitigation:</h4>
+                        <input type="number" style="height:15px;width:25px" name="attr_mitigation_value" class="hiddenSheet centered" value="0">
+                        <h4>Defence:</h4>
+                        <input type="number" style="height:15px;width:25px" class="hiddenSheet centered" name="attr_defenceAntagonist" value="0">
+                        <h4>Resistance:</h4>
+                        <input type="number" style="height:15px;width:25px" class="hiddenSheet centered" name="attr_resistanceAntagonist" value="0">
+                        <h4 style="min-width: 100px;">Strength Increases:</h4>
+                        <input type="number" style="height:15px;width:25px" class="hiddenSheet centered" name="attr_defenceStrengthAntagonist" value="0">
+                    </div>
+                    <div class="antagonist_passive_grid" style="display:flex; flex-direction: column;">
+                        <textarea spellcheck='false' autocorrect='off' name="attr_active_prefix" class="activeTextareaAntagonist" style="width:98%;height:60px;margin-bottom:5px;margin-top:5px;font-size: 10pt;line-height: 14px;" placeholder="Defence Effect"></textarea>
+
+                    </div>
+                </div>
+                <div name="Active WAR" class="lowerPage__cell" style="width: 375px !important;margin-top: 10px;width: 439px !important; margin-top: 10px;">
+                    <div class="activeColumnTitleAntagonist" style="width: 424px;">
+                        <h1 class="header" style="line-height:38px;font-size: 15pt;width: 145px;">Attacks</h1>
+                    </div>
+                    <div class="activeWARDouble" style="width: 400px; margin-left: 12px;">
+                        <fieldset class="repeating_warantagonist" style="grid-area:a; width:80%">
+                            <input type="hidden" class="activeType" name="attr_active_name" value="" />
+                            <div class="repeating_warAntagonist">
+                                <div class="activeWarShellSmallDoubleAntagonist">
+                                    <div class="activeGridDoubleAntagonist passiveTitle">
+                                        <div class="activeWARNameAntagonist">
+                                            <span style="width:35px"></span>
+                                            <input type="text" name="attr_active_slot" style="font-size: 17pt !important;padding-bottom: 7px;padding-top: 0px !important;width:100%" value="New Attack (Click to open)" class="header
+                                                    passiveTitleFlex activeWARNameDouble" readonly="true" />
+                                            <button type="action" name="act_antagonistattack" class="antButton">w</button>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="activetab_containerNewAntagonist" style="display:flex; flex-direction:column;margin-top:0px">
+                                    <div style="display:flex">
+                                        <h4 style="font-size: 9pt;">Name: </h4>
+                                        <input type="text" name="attr_active_name_input" value="" placeholder="Attack Name" class="hiddenSheet" style="font-size:13px;width: 130px;">
+                                        <h4 style="font-size: 9pt;height: 14px;margin-left:3px">Range: </h4>
+                                        <select type="text" class="hiddenSheet activeSelect" name="attr_active_shapetwo">
+                                            <option value="Short">Melee</option>
+                                            <option value="Medium">Medium 3-5</option>
+                                            <option value="Long">Long 4-8</option>
+                                        </select>
+                                        <h4 style="font-size: 9pt; min-width: 91px;">Strength Increases: </h4>
+                                        <input type="number" style="width:20px;" class="hiddenSheet centered" name="attr_action_increases" value="0">
+                                    </div>
+                                    <div style="display:flex;justify-content: space-between; padding-right: 2px;">
+                                        <div style="display:flex">
+                                            <h4 style="font-size: 9pt;">Damage: </h4>
+                                            <input type="number" style="width:20px;" class="hiddenSheet centered" name="attr_action_damage" value="0">
+                                        </div>
+                                        <div style="display:flex">
+                                            <h4 style="font-size: 9pt;">Offence: </h4>
+                                            <input type="number" style="width:20px;" class="hiddenSheet centered" name="attr_action_offence" value="0">
+                                        </div>
+                                        <div style="display:flex">
+                                            <h4 style="font-size: 9pt;">Manipulation: </h4>
+                                            <input type="number" style="width:20px;" class="hiddenSheet centered" name="attr_action_manipulation" value="0">
+                                        </div>
+                                        <div style="display:flex">
+                                            <h4 style="font-size: 9pt; min-width: 71px;">Roll Modifier: </h4>
+                                            <input type="number" style="width:20px;" class="hiddenSheet centered" name="attr_action_shards" value="0">
+                                        </div>
+                                    </div>
+                                    <div style="display:flex">
+                                        <textarea spellcheck='false' autocorrect='off' name="attr_active_effort" class="activeTextareaAntagonist" style="height: 33px; margin-top: 2px; margin-bottom: 0px; font-size: 10pt; line-height: 14px;" placeholder="Effort"></textarea>
+                                    </div>
+                                    <div style="display:flex">
+                                        <textarea spellcheck='false' autocorrect='off' name="attr_active_prefix" class="activeTextareaAntagonist" style="height: 33px; margin-top: 2px; margin-bottom: 0px; font-size: 10pt; line-height: 14px;" placeholder="Effect"></textarea>
+                                    </div>
+                                </div>
+                            </div>
+                        </fieldset>
+                    </div>
+                </div>
+            </div>
+
+            <div style="position: absolute; right: 15px; top: 7px;display: flex;">
+                <h1 style="font-size:10pt">Antagonist:</h1>
+                <input class="test" type="checkbox" name="attr_antagonist_flag" value="1" style="margin-left: 9px;">
+            </div>
+        </div>
+
+    </div>
+</div>
+
+<!--Popup Section-->
+<div name="manifestationsPopup" id="manifestationEffect" class="overlay">
+    <a href="#" class="clickToClose"></a>
+    <input type="hidden" class="legacy" name="attr_legacy" value="None" />
+    <div class="popupManifestations">
+        <div class="manifestationsShell">
+            <input type="hidden" class="legacy" name="attr_legacy" value="None" />
+            <input type="hidden" class="legacy" name="attr_manifestation_name" value="Please Select a Manifestation" />
+            <div class="passiveFlex passiveTitle">
+                <div style="min-width: 25px;"></div>
+                <input type="text" name="attr_manifestation_name_field" value="@{manifestation_name}" class="manifestationName" disabled="true" />
+                <a class="close" href="#">&times;</a>
+            </div>
+            <div class="magus">
+                <h3 class="stanceWidth">Soul Infusing:</h3>
+                <p style="font-size: 9pt;">
+                    You can create, shape, and manipulate small amount of Fire, Earth, Water, Ice, and Storm (Air & Thunder) and can even manipulate reality in minor ways.
+                    <br>These effects are purely meant for Roleplaying and serve no Purpose in Combat.
+                    <br>You gain a +1 Fortitude bonus in all of the following Hazardous zones: Extreme Snowfall, Scorching heat, Sub-zero, Volcano, Geyser, and Aether storm
+                    <br>You can create a single Anomaly, granting the Magus various additional Powers
+                </p>
+                <h3 class="stanceWidth">Imbue:</h3>
+                <p style="font-size: 9pt;">
+                    Upon Imbuing you remove a single Condition, Trauma, Torment or Paresis Emergency from yourself and every Squadmate within your Detection Range
+                    <br>While Imbued whenever any target or you makes an Overwhelming attack within your Detection Range you restore a single Aetheric Energy
+                    <br>This can be triggered a maximum of once per Round
+                </p>
+                <h3 class="stanceWidth">Divergence:</h3>
+                <p style="font-size: 9pt;">
+                    Whenever you spend an Aetheric Energy you create a second temporary Anomaly. This Anomaly dies at the end of your turn. While not under Duress the temporary Anomaly lasts for 10 minutes
+                </p>
+                <h3 class="stanceWidth">Avatar:</h3>
+                <p style="font-size: 9pt;">
+                    You gain a single Aetheric Energy the moment you use your Imbue and while Imbued you can use any Utility power's per day use without using the charge. Each Power can be used once.
+                    <br>The first attack roll after using a Utility Power is automatically an Overwhelming roll
+                </p>
+            </div>
+            <div class="luminous">
+                <h3 class="stanceWidth">Soul Infusing:</h3>
+                <p style="font-size: 9pt;">
+                    You can create, shape and manipulate small objects that shine light or shed darkness. These effects are purely meant for Roleplaying and serve no Purpose in Combat.
+                    <br>You gain a +1 Fortitude bonus in all of the following Hazardous zones: Gravity (all), Meteorological Anomaly, Radiation or Unfetterered Sunlight
+                    <br>Every WAR gains either a single Primary Shard or 2 Secondary Shards, every WAR is chosen separately
+                    <br>You have acces to Lumokinesis
+                </p>
+                <h3 class="stanceWidth">Imbue:</h3>
+                <p style="font-size: 9pt;">
+                    Upon Imbuing you create an immobile floating ball within your Detection range. This ball sheds Poor Light, or reduces the light to Low Light, in an Aura equal to your Detection Range
+                    <br>While Imbued increase maximum Stamina by 1
+                    <br>Whenever a squadmate or yourself uses Aetheric Energy against a target within your Detection range you recover 2 stamina, this cannot bring your Stamina above the maximum value
+                </p>
+                <h3 class="stanceWidth">Divergence:</h3>
+                <p style="font-size: 9pt;">
+                    You can designate a single WAR as your Signature WAR.
+                    <br>Once per Round on your own turn or in between turns you can use this WAR free of cost.
+                    <br>No WAR Power or Effort can be applied to this use.
+                </p>
+                <h3 class="stanceWidth">Avatar:</h3>
+                <p style="font-size: 9pt;">
+                    While Imbued the ball you create is empowered and now does both effects, granting you and all Squadmates the benefits of Normal Light and all Antagonists the penalty of Low Light
+                    <br>Whenever a Squadmate within your Detection Range or yourself spends an Aetheric Energy on any Action you recover 3 Stamina, this cannot bring your Stamina above the maximum value
+                </p>
+            </div>
+            <div class="enhancerP">
+                <h3 class="stanceWidth">Soul Infusing:</h3>
+                <p style="font-size: 9pt;">
+                    You can create or adjust minor physical features of your own body. These effects are purely meant for Roleplaying and serve no Purpose in Combat.
+                    <br>You gain a +1 Fortitude bonus in three Hazardous zones of your choice
+                    <br>You gain the Kinaethetic Mind Type and double the bonuses from any other Body and Mind Type
+                    <br>Access to the Biofeedback Enhancements
+                </p>
+                <h3 class="stanceWidth">Imbue:</h3>
+                <p style="font-size: 9pt;">
+                    Upon Imbuing you fully recover Shielding and up to half of your maximum Hit points
+                    <br>While Imbued whenever any Squadmate successfully grants you a boon or you are the target of a Mishap, Condition or Medical Emergency you gain a single use of your Biofeedback
+                    <br>This use of Biofeedback is not considered at full strength
+                    <br>This can be triggered a maximum of once per Round
+                </p>
+                <h3 class="stanceWidth">Divergence:</h3>
+                <p style="font-size: 9pt;">
+                    Choose either Durability, Vitality or Agility and choose either Acuity, Nerve, Essence, Comprehension or Discernment
+                    <br>The two chosen ADVANCED statistics count as twice the value for all effects based on ADVANCED statistics. This effect is allowed to bring a statistic above 10.
+                </p>
+                <h3 class="stanceWidth">Avatar:</h3>
+                <p style="font-size: 9pt;">
+                    While Imbued the free use of your Biofeedback is considered to be at full strength and your normal uses of Biofeedback gain the strength they would have had were you not under Duress
+                    <br>You can choose to forgoe the bonus use of Biofeedback when a Boon is applied to you to apply the Boon to a single other Squadmate within your Detection Range
+                </p>
+            </div>
+            <div class="enhancerS">
+                <h3 class="stanceWidth">Soul Infusing:</h3>
+                <p style="font-size: 9pt;">
+                    You can create or adjust minor physical features of your own body. These effects are purely meant for Roleplaying and serve no Purpose in Combat.
+                    <br>You gain a +1 Fortitude bonus in three Hazardous zones of your choice
+                    <br>You gain access to Spirit Bonds and start with a single Bond
+                </p>
+                <h3 class="stanceWidth">Imbue:</h3>
+                <p style="font-size: 9pt;">
+                    Upon imbuing you grant all Squadmates within your Detection Range and yourself 10 Stamina. Any Stamina that would be above a target's maximum value is lost, however that target fully replenishes their Shielding
+                    <br>While Imbued you and any Squadmate within your Detection Range recover 2 Hit Points for each Effort spent on attack rolls or prevent 2 Damage to Hit Points for every Effort spent on defence rolls
+                </p>
+                <h3 class="stanceWidth">Divergence:</h3>
+                <p style="font-size: 9pt;">
+                    When activating your Bond you can spend an Aetheric Energy to allow the Bond to be used a second time before needing a Long Rest. The second use of the Bond will be at a dimished capacity
+                </p>
+                <h3 class="stanceWidth">Avatar:</h3>
+                <p style="font-size: 9pt;">
+                    While Imbued the extra benefit from Effort is increased by 1 and Overwhelming rolls by yourself or any Squadmate within your Detection Range causes you and all Squadmates within your Detection Range to immediately recover 1 Stamina
+                </p>
+            </div>
+            <div class="enhancerT">
+                <h3 class="stanceWidth">Soul Infusing:</h3>
+                <p style="font-size: 9pt;">
+                    You can create or adjust minor physical features of your own body. These effects are purely meant for Roleplaying and serve no Purpose in Combat.
+                    <br>You gain a +1 Fortitude bonus in three Hazardous zones of your choice
+                    <br>You gain access to Bionics and start with a single Bionic body part
+                </p>
+                <h3 class="stanceWidth">Imbue:</h3>
+                <p style="font-size: 9pt;">
+                    Upon Imbuing yourself you grant yourself and every Squadmate a single temporary Aetheric Energy, this Energy can go above the characters maximum and is lost at the end of the Encounter
+                    <br>While imbued you and each squadmate within your Detection range reduce the roll required for an Overwhelming roll by 1.
+                </p>
+                <h3 class="stanceWidth">Divergence:</h3>
+                <p style="font-size: 9pt;">
+                    Containers within your Bionics gain an additional slot per Levelling Stage
+                    <br>During a Short Rest you can increase the Duration of any Item with a Duration by 1 Scene or Replenish a single charge from an item containing charges
+                    <br>Both effects can only be applied once to each item
+                </p>
+                <h3 class="stanceWidth">Avatar:</h3>
+                <p style="font-size: 9pt;">
+                    While Imbued you can overcharge a single Bionic, granting a much greater benefit
+                    <br>Any Aetheric Energy that is used by yourself or any Squadmate within your Detection Range counts as if two Aetheric Energy was used
+                </p>
+            </div>
+            <div class="exemplarG">
+                <h3 class="stanceWidth">Soul Infusing:</h3>
+                <p style="font-size: 9pt;">
+                    You can create, shape and manipulate small mechanical and electrical objects. These effects are purely meant for Roleplaying and serve no Purpose in Combat.
+                    <br>You gain a +1 Fortitude bonus in three Hazardous zones of your choice
+                    <br>You have a Geminae.
+                </p>
+                <h3 class="stanceWidth">Imbue:</h3>
+                <p style="font-size: 9pt;">
+                    Upon Imbuing your Geminae and yourself burst with energy, Restoring 50% of your maximum Hit Points to all squadmates and yourself within your Detection range. Any Antanganist adjacent to yourself, your Geminae or a squadmate takes 10 Direct damage.
+                    <br>While imbued your Geminae receives the same number of Hit Points as yourself. These Hit Points are reduced before your own and healing either of you recovers the amount from both pools
+                </p>
+                <h3 class="stanceWidth">Divergence:</h3>
+                <p style="font-size: 9pt;">
+                    You have a second Geminae
+                    <br>This means all attack rolls are made 3 times and you add the Damage of the WAR 3 times
+                </p>
+                <h3 class="stanceWidth">Avatar:</h3>
+                <p style="font-size: 9pt;">
+                    While Imbued whenever you or a Squadmate within your Detection Range spends an Aetheric Energy your next attack roll is automatically Overwhelming. This can only happen once per turn
+                </p>
+            </div>
+            <div class="exemplarD">
+                <h3 class="stanceWidth">Soul Infusing:</h3>
+                <p style="font-size: 9pt;">
+                    You can create, shape and manipulate small mechanical and electrical objects. These effects are purely meant for Roleplaying and serve no Purpose in Combat.
+                    <br>You gain a +1 Fortitude bonus in three Hazardous zones of your choice
+                    <br>You can create up to 2 Signum within your Detection range.
+                </p>
+                <h3 class="stanceWidth">Imbue:</h3>
+                <p style="font-size: 9pt;">
+                    Upon Imbuing you immediately create 2 Attacking Signum and 2 Healing Signum in any Hex within your Detection Range
+                    <br>While Imbued you can have 6 Signum active at one time and whenever you or any Squadmate within your Detection Range suffers from an Underwhelming Defence roll all of your Signum are activated
+                    <br>This can happen a maximum of once per Round
+                </p>
+                <h3 class="stanceWidth">Divergence:</h3>
+                <p style="font-size: 9pt;">
+                    Increase number of Signum allowed at once by 1 and during Imbue by 1
+                    <br>Increase the range of the Attacker and Healer Signum by 5 and the range of the Defence Signum by 2
+                    <br>Increase all Signum values by 1 and they can survive an additional attack. During an attack 2 Effort instead of 1 can be spent to outright destroy a Signum
+                </p>
+                <h3 class="stanceWidth">Avatar:</h3>
+                <p style="font-size: 9pt;">
+                    While Imbued you empower your Signum. Your Attacking and Healing Signum now activate twice at the end of your turn or whenever you or a Squadmate roll an
+                    Underwhelming or Overwhelming roll and your Defence Signum increases Defence values by 1
+                </p>
+            </div>
+            <div class="gaia">
+                <h3 class="stanceWidth">Soul Infusing:</h3>
+                <p style="font-size: 9pt;">
+                    You can create, shape and manipulate small Flora and Fauna. These effects are purely meant for Roleplaying and serve no Purpose in Combat.
+                    <br>You gain a +1 Fortitude bonus in all of the following Hazardous zones: Thin Atmosphere, Geological Instability, Unstable Mountainside and Subterranean (all)
+                    <br>You have a companion. You can choose from the following species: Beast, Plantae or Dragon
+                </p>
+                <h3 class="stanceWidth">Imbue:</h3>
+                <p style="font-size: 9pt;">
+                    Upon Imbuing all Antagonists within your Detection Range suffer the Restrained Mishap
+                    <br>Whenever you use a WAR Power your companion also uses the Power or vice versa
+                </p>
+                <h3 class="stanceWidth">Divergence:</h3>
+                <p style="font-size: 9pt;">
+                    Whenever you use a Power on a target all Companions and all Attacker Signum within your Detection range can make a free attack against the target
+                </p>
+                <h3 class="stanceWidth">Avatar:</h3>
+                <p style="font-size: 9pt;">
+                    Upon Imbuing all Antagonists within your Detection Range suffer the Paralyzed Condition or the Unconscious Condition, their choice.
+                    While Imbued both you and your companion do not roll an additional die for underwhelming results and attacks using a WAR Power reduce the die result required for an Overwhelming result by 1
+                </p>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div name="characteristicsPopup" id="characteristics" class="overlay">
+    <a href="#" class="clickToClose"></a>
+    <div class="popupCharacteristics">
+        <div class="characteristicsShell">
+            <div class="passiveFlex passiveTitle">
+                <div style="min-width: 25px;"></div>
+                <input spellcheck='false' autocorrect='off' type="text" name="attr_stance_name_field" value="Characteristics" class="stanceName" disabled="true" />
+                <a class="close" href="#">&times;</a>
+            </div>
+            <div class="characteristicsShellInner">
+                <div class="characteristicsShellADVANCED bordered">
+                    <div style="grid-area: title;">
+                        <div class="largeTitle" style="height:40px; width:100%">
+                            <h1 class="header" style="line-height:35px;font-size:27pt">ADVANCED</h1>
+                        </div>
+                    </div>
+                    <div class="bordered advancedJustify" style="grid-area: body;">
+                        <div class="title">Body</div>
+                        <select class="hiddenSheet bodySelect" name="attr_body">
+                            <option value="0" selected>Choose</option>
+                            <option value="1">Ectomorph</option>
+                            <option value="2">Endomorph</option>
+                            <option value="3">Mesomorph</option>
+                        </select>
+                    </div>
+                    <input type="hidden" name="attr_body" value="0" class="bodyToggle">
+                    <div class="bordered advancedJustify" style="grid-area: mind;">
+                        <div class="title">Mind</div>
+                        <select class="hiddenSheet bodySelect" style="grid-area: e;" name="attr_mind">
+                            <option value="0" selected>Choose</option>
+                            <option value="1">Intrapersonal</option>
+                            <option value="2">Interpersonal</option>
+                            <option value="3">Kinaesthetic</option>
+                            <option value="4">Logical</option>
+                            <option value="5">Spatial</option>
+                        </select>
+                    </div>
+                    <input type="hidden" name="attr_mind" value="0" class="mindToggle">
+                    <div name="shell" class="bordered advancedJustify" style="grid-area: acuity;padding-bottom: 5px">
+                        <div class="centertitle stamina1">Acuity</div>
+                        <div style="display:flex">
+                            <div style="width:52px"></div>
+                            <input type="number" min="0" max="10" name="attr_acuity" value="0" class="currentStamina advancedShell centered">
+                        </div>
+                    </div>
+                    <div name="shell" class="bordered advancedJustify" style="grid-area: vitality;padding-bottom: 5px">
+                        <div class="centertitle stamina1">Vitality</div>
+                        <div style="display:flex">
+                            <div style="width:52px"></div>
+                            <input type="number" min="0" max="10" name="attr_vitality" value="0" class="currentStamina advancedShell centered">
+                        </div>
+                    </div>
+                    <div name="shell" class="bordered advancedJustify" style="grid-area: nerve;padding-bottom: 5px">
+                        <div class="centertitle stamina1">Nerve</div>
+                        <div style="display:flex">
+                            <div style="width:52px"></div>
+                            <input type="number" min="0" max="10" name="attr_nerve" value="0" class="currentStamina advancedShell centered">
+                        </div>
+                    </div>
+                    <div name="shell" class="bordered advancedJustify" style="grid-area: essence;padding-bottom: 5px;">
+                        <div class="centertitle stamina1">Essence</div>
+                        <div style="display:flex">
+                            <div style="width:52px"></div>
+                            <input type="number" min="0" max="10" name="attr_essence" value="0" class="currentStamina advancedShell centered">
+                        </div>
+                    </div>
+                    <div name="shell" class="bordered advancedJustify" style="grid-area: durability;padding-bottom: 5px">
+                        <div class="centertitle stamina1">Durability</div>
+                        <div style="display:flex">
+                            <div style="width:52px"></div>
+                            <input type="number" min="0" max="10" name="attr_durability" value="0" class="currentStamina advancedShell centered">
+                        </div>
+                    </div>
+                    <div name="shell" class="bordered advancedJustify" style="grid-area: agility;padding-bottom: 5px">
+                        <div class="centertitle stamina1">Agility</div>
+                        <div style="display:flex">
+                            <div style="width:52px"></div>
+                            <input type="number" min="0" max="10" name="attr_agility" value="0" class="currentStamina advancedShell centered">
+                        </div>
+                    </div>
+                    <div name="shell" class="bordered advancedJustify" style="grid-area: comprehension;padding-bottom: 5px">
+                        <div class="centertitle stamina1">Comprehension</div>
+                        <div style="display:flex">
+                            <div style="width:52px"></div>
+                            <input type="number" min="0" max="10" name="attr_comprehension" value="0" class="currentStamina advancedShell centered">
+                        </div>
+                    </div>
+                    <div name="shell" class="bordered advancedJustify" style="grid-area: discernment;padding-bottom: 5px">
+                        <div class="centertitle stamina1">Discernment</div>
+                        <div style="display:flex">
+                            <div style="width:52px"></div>
+                            <input type="number" min="0" max="10" name="attr_discernment" value="0" class="currentStamina advancedShell centered">
+                        </div>
+                    </div>
+                </div>
+                <div class="characteristicsShellRightSide bordered">
+                    <div style="grid-area: title; margin-right: -5px !important; margin-left: -5px !important;">
+                        <div class="largeTitle" style="height:41px !important; width:100%">
+                            <h1 class="header" style="line-height:35px;font-size:27pt">Background</h1>
+                        </div>
+                    </div>
+                    <h3>Birthright:</h3>
+                    <select class="hiddenSheet manifestation" name="attr_birthright" style="width:95%">
+                        <option value="None" selected>Select One</option>
+                        <option value="Aetheric">Aetheric</option>
+                        <option value="Gifted">Gifted</option>
+                        <option value="Open">Open Minded</option>
+                        <option value="Skilled">Skilled</option>
+                        <option value="Specialised">Specialised</option>
+                    </select>
+                    <h3>Home Terrain:</h3>
+                    <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet characterTerrain" name="attr_character_terrain" autocomplete="nope">
+                    <h3>Acclimated Hazard:</h3>
+                    <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet characterHazard" name="attr_character_hazard" autocomplete="nope">
+                    <h3 style="align-self: center;">Languages:</h3>
+                    <textarea spellcheck='false' autocorrect='off' name="attr_languages" class="activeTextarea" style="height: 64px; margin-left: 5px; width: 96% !important;" placeholder="Languages"></textarea>
+                    <h3 style="align-self: center;">Purpose:</h3>
+                    <textarea spellcheck='false' autocorrect='off' name="attr_purpose" class="activeTextarea" style="height: 64px; margin-left: 5px; width: 96% !important;" placeholder="What is the purpose of your existance? Why did you get intoadventuring?"></textarea>
+                    <h3 style="align-self: center;">Goals:</h3>
+                    <textarea spellcheck='false' autocorrect='off' name="attr_goals" class="activeTextarea" style="height: 64px; margin-left: 5px; width: 96% !important;" placeholder="What do you want to acheive in your life?"></textarea>
+                    <h3 style="align-self: center;">Bonds:</h3>
+                    <textarea spellcheck='false' autocorrect='off' name="attr_bonds" class="activeTextarea" style="height: 64px; margin-left: 5px; width: 96% !important;" placeholder="Who or what do you hold dear and why?"></textarea>
+                    <h3 style="align-self: center;">Linked Soul:</h3>
+                    <textarea spellcheck='false' autocorrect='off' name="attr_linkedSoul" class="activeTextarea" style="height: 64px; margin-left: 5px; width: 96% !important;" placeholder="Who's soul is linked to your own? Why are they linked? Is it fate, or maybe someone you have to stop at all costs?"></textarea>
+                </div>
+            </div>
+            <div style="display: flex;justify-content: flex-end;margin-right: 10px;padding-bottom: 2px;margin-top: -5px;">
+                <h1 style="font-size:10pt">Shorthand Rolls:</h1>
+                <input class="test" type="checkbox" name="attr_shorthand" value="1" style="margin-left: 9px;">
+            </div>
+            <div style="display: flex;justify-content: flex-end;margin-right: 10px;padding-bottom: 2px;margin-top: -5px;">
+                <h1 style="font-size:10pt">Antagonist:</h1>
+                <input class="test" type="checkbox" name="attr_antagonist_flag" value="1" style="margin-left: 9px;">
+            </div>
+        </div>
+    </div>
+</div>
+
+<div name="equipmentPopup" id="equipment" class="overlay">
+    <a href="#" class="clickToClose"></a>
+    <div class="popupEquipment">
+
+        <div class="popupEquipmentUpper">
+            <div class="equipmentShellUpper">
+                <div name="equipment" class="passiveFlex passiveTitle">
+                    <h2 class="header passiveTitleFlex" style="line-height: 30px">Equipment</h2>
+                </div>
+                <div style="display:flex">
+                    <div style="width: 578px;">
+                        <select type="text" style="grid-area:c" class="hiddenSheet genderSelect" name="attr_gender_type">
+                            <option value="Male" selected>Male</option>
+                            <option value="Female">Female</option>
+                            <option value="Genderless">Genderless</option>
+                        </select>
+                        <input type="hidden" name="attr_gender_type" class="genderSelect" value="Male">
+                        <img class="bodyImage bodyMale" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/86f4b61f-2285-4e4c-a71a-b491cbd4ad53/d1y2zdr-62d36b15-a50e-4229-b96d-5fc1baedefd7.jpg/v1/fill/w_1024,h_1583,q_75,strp/male_character_pose_1_by_one_with_no_color_d1y2zdr-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTU4MyIsInBhdGgiOiJcL2ZcLzg2ZjRiNjFmLTIyODUtNGU0Yy1hNzFhLWI0OTFjYmQ0YWQ1M1wvZDF5Mnpkci02MmQzNmIxNS1hNTBlLTQyMjktYjk2ZC01ZmMxYmFlZGVmZDcuanBnIiwid2lkdGgiOiI8PTEwMjQifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.EOwnDmhILLwfWPijZ9fnAtE_OZfJaLvKZAy8aFND9DU" alt="Male Body">
+                        <img class="bodyImage bodyFemale" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/86f4b61f-2285-4e4c-a71a-b491cbd4ad53/d1xu0rd-5f35c561-cbbc-42d8-9196-11a87f7af455.jpg/v1/fill/w_1024,h_1583,q_75,strp/character_pose_1_by_one_with_no_color_d1xu0rd-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTU4MyIsInBhdGgiOiJcL2ZcLzg2ZjRiNjFmLTIyODUtNGU0Yy1hNzFhLWI0OTFjYmQ0YWQ1M1wvZDF4dTByZC01ZjM1YzU2MS1jYmJjLTQyZDgtOTE5Ni0xMWE4N2Y3YWY0NTUuanBnIiwid2lkdGgiOiI8PTEwMjQifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.9-chTmigyvpmY4pfwHcugd251OUnge82AS_MqhsLa9I" alt="Female Body">
+                        <img class="bodyImage bodyGenderless" src="https://t4.ftcdn.net/jpg/04/26/78/25/360_F_426782522_OkzYnAZSzJXE6XmX03tHwrjgtOk2ONzd.jpg" alt="Genderless Body">
+                        <div class="equipmentShell headEquipment">
+                            <select type="text" style="grid-area:c" class="hiddenSheet valueSelect" name="attr_head_value">
+                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Containers</option>
+                                <option value="Poor" selected>Poor</option>
+                                <option value="Basic">Basic</option>
+                                <option value="Common">Common</option>
+                                <option value="Premium">Premium</option>
+                                <option value="Excellent">Excellent</option>
+                                <option value="Stellar">Stellar</option>
+                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Items</option>
+                                <option value="Inconsequential">Inconsequential</option>
+                                <option value="Basic2">Basic</option>
+                                <option value="Mediocre">Mediocre</option>
+                                <option value="Average">Average</option>
+                                <option value="Refined">Refined</option>
+                                <option value="Exceptional">Exceptional</option>
+                                <option value="Superior">Superior</option>
+                                <option value="Legendary">Legendary</option>
+                                <option value="Artifact">Artifact</option>
+                            </select>
+                            <input type="hidden" name="attr_head_value" value="Poor" class="headContainer">
+                            <input spellcheck='false' autocorrect='off' type="text" name="attr_head_equipment" value="" class="equipmentInput" placeholder="Head Slot">
+                            <div class="headIsContainer">
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Slots</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="number" name="attr_current_slots_head_equipment" value="" class="chargesAmount">
+                                        <h3>/</h3>
+                                        <input type="number" name="attr_max_slots_head_equipment" value="" class="chargesAmount">
+                                    </div>
+                                </div>
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Min/Max Strength</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="text" name="attr_current_strength_head_equipment" value="" class="minMaxStrength">
+                                        <h3>/</h3>
+                                        <input type="text" name="attr_max_strength_head_equipment" value="" class="minMaxStrength">
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="headIsNotContainer">
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Charges</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="number" name="attr_current_charges_head_equipment" value="" class="chargesAmount">
+                                        <h3>/</h3>
+                                        <input type="number" name="attr_max_charges_head_equipment" value="" class="chargesAmount">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="equipmentShell backEquipment">
+                            <select type="text" style="grid-area:c" class="hiddenSheet valueSelect" name="attr_backValue">
+                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Containers</option>
+                                <option value="Poor">Poor</option>
+                                <option value="Basic">Basic</option>
+                                <option value="Common">Common</option>
+                                <option value="Premium">Premium</option>
+                                <option value="Excellent">Excellent</option>
+                                <option value="Stellar">Stellar</option>
+                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Items</option>
+                                <option value="Inconsequential" selected>Inconsequential</option>
+                                <option value="Basic2">Basic</option>
+                                <option value="Mediocre">Mediocre</option>
+                                <option value="Average">Average</option>
+                                <option value="Refined">Refined</option>
+                                <option value="Exceptional">Exceptional</option>
+                                <option value="Superior">Superior</option>
+                                <option value="Legendary">Legendary</option>
+                                <option value="Artifact">Artifact</option>
+                            </select>
+                            <input type="hidden" name="attr_back_value" value="Poor" class="backContainer">
+                            <input spellcheck='false' autocorrect='off' type="text" name="attr_back_equipment" value="" class="equipmentInput" placeholder="Back Slot">
+                            <div class="backIsContainer">
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Slots</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="number" name="attr_current_slots_back_equipment" value="" class="chargesAmount">
+                                        <h3>/</h3>
+                                        <input type="number" name="attr_max_slots_back_equipment" value="" class="chargesAmount">
+                                    </div>
+                                </div>
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Min/Max Strength</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="text" name="attr_current_strength_back_equipment" value="" class="minMaxStrength">
+                                        <h3>/</h3>
+                                        <input type="text" name="attr_max_strength_back_equipment" value="" class="minMaxStrength">
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="backIsNotContainer">
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Charges</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="number" name="attr_current_charges_back_equipment" value="" class="chargesAmount">
+                                        <h3>/</h3>
+                                        <input type="number" name="attr_max_charges_back_equipment" value="" class="chargesAmount">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="equipmentShell torsoEquipment">
+                            <select type="text" style="grid-area:c" class="hiddenSheet valueSelect" name="attr_torso_value">
+                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Containers</option>
+                                <option value="Poor" selected>Poor</option>
+                                <option value="Basic">Basic</option>
+                                <option value="Common">Common</option>
+                                <option value="Premium">Premium</option>
+                                <option value="Excellent">Excellent</option>
+                                <option value="Stellar">Stellar</option>
+                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Items</option>
+                                <option value="Inconsequential">Inconsequential</option>
+                                <option value="Basic2">Basic</option>
+                                <option value="Mediocre">Mediocre</option>
+                                <option value="Average">Average</option>
+                                <option value="Refined">Refined</option>
+                                <option value="Exceptional">Exceptional</option>
+                                <option value="Superior">Superior</option>
+                                <option value="Legendary">Legendary</option>
+                                <option value="Artifact">Artifact</option>
+                            </select>
+                            <input type="hidden" name="attr_torso_value" value="Poor" class="torsoContainer">
+                            <input spellcheck='false' autocorrect='off' type="text" name="attr_torso_equipment" value="" class="equipmentInput" placeholder="Torso Slot">
+                            <div class="torsoIsContainer">
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Slots</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="number" name="attr_current_slots_torso_equipment" value="" class="chargesAmount">
+                                        <h3>/</h3>
+                                        <input type="number" name="attr_max_slots_torso_equipment" value="" class="chargesAmount">
+                                    </div>
+                                </div>
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Min/Max Strength</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="text" name="attr_current_strength_torso_equipment" value="" class="minMaxStrength">
+                                        <h3>/</h3>
+                                        <input type="text" name="attr_max_strength_torso_equipment" value="" class="minMaxStrength">
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="torsoIsNotContainer">
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Charges</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="number" name="attr_current_charges_torso_equipment" value="" class="chargesAmount">
+                                        <h3>/</h3>
+                                        <input type="number" name="attr_max_charges_torso_equipment" value="" class="chargesAmount">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="equipmentShell armEquipmentOne">
+                            <select type="text" style="grid-area:c" class="hiddenSheet valueSelect" name="attr_arm_one_value">
+                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Containers</option>
+                                <option value="Poor" selected>Poor</option>
+                                <option value="Basic">Basic</option>
+                                <option value="Common">Common</option>
+                                <option value="Premium">Premium</option>
+                                <option value="Excellent">Excellent</option>
+                                <option value="Stellar">Stellar</option>
+                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Items</option>
+                                <option value="Inconsequential">Inconsequential</option>
+                                <option value="Basic2">Basic</option>
+                                <option value="Mediocre">Mediocre</option>
+                                <option value="Average">Average</option>
+                                <option value="Refined">Refined</option>
+                                <option value="Exceptional">Exceptional</option>
+                                <option value="Superior">Superior</option>
+                                <option value="Legendary">Legendary</option>
+                                <option value="Artifact">Artifact</option>
+                            </select>
+                            <input type="hidden" name="attr_arm_one_value" value="Poor" class="armOneContainer">
+                            <input spellcheck='false' autocorrect='off' type="text" name="attr_arm_equipment_one" value="" class="equipmentInput" placeholder="Arm Slot 1">
+                            <div class="armOneIsContainer">
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Slots</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="number" name="attr_current_slots_arm_one_equipment" value="" class="chargesAmount">
+                                        <h3>/</h3>
+                                        <input type="number" name="attr_max_slots_arm_one_equipment" value="" class="chargesAmount">
+                                    </div>
+                                </div>
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Min/Max Strength</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="text" name="attr_current_strength_arm_one_equipment" value="" class="minMaxStrength">
+                                        <h3>/</h3>
+                                        <input type="text" name="attr_max_strength_arm_one_equipment" value="" class="minMaxStrength">
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="armOneIsNotContainer">
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Charges</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="number" name="attr_current_slots_arm_one_equipment" value="" class="chargesAmount">
+                                        <h3>/</h3>
+                                        <input type="number" name="attr_max_slots_arm_one_equipment" value="" class="chargesAmount">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="equipmentShell armEquipmentTwo">
+                            <select type="text" style="grid-area:c" class="hiddenSheet valueSelect" name="attr_arm_two_value">
+                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Containers</option>
+                                <option value="Poor" selected>Poor</option>
+                                <option value="Basic2">Basic</option>
+                                <option value="Common">Common</option>
+                                <option value="Premium">Premium</option>
+                                <option value="Excellent">Excellent</option>
+                                <option value="Stellar">Stellar</option>
+                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Items</option>
+                                <option value="Inconsequential">Inconsequential</option>
+                                <option value="Basic">Basic</option>
+                                <option value="Mediocre">Mediocre</option>
+                                <option value="Average">Average</option>
+                                <option value="Refined">Refined</option>
+                                <option value="Exceptional">Exceptional</option>
+                                <option value="Superior">Superior</option>
+                                <option value="Legendary">Legendary</option>
+                                <option value="Artifact">Artifact</option>
+                            </select>
+                            <input type="hidden" name="attr_arm_two_value" value="Poor" class="armTwoContainer">
+                            <input spellcheck='false' autocorrect='off' type="text" name="attr_arm_equipment_two" value="" class="equipmentInput" placeholder="Arm Slot 2">
+                            <div class="armTwoIsContainer">
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Slots</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="number" name="attr_current_slots_arm_two_equipment" value="" class="chargesAmount">
+                                        <h3>/</h3>
+                                        <input type="number" name="attr_max_slots_arm_two_equipment" value="" class="chargesAmount">
+                                    </div>
+                                </div>
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Min/Max Strength</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="text" name="attr_current_strength_arm_two_equipment" value="" class="minMaxStrength">
+                                        <h3>/</h3>
+                                        <input type="text" name="attr_max_strength_arm_two_equipment" value="" class="minMaxStrength">
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="armTwoIsNotContainer">
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Charges</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="number" name="attr_current_slots_arm_two_equipment" value="" class="chargesAmount">
+                                        <h3>/</h3>
+                                        <input type="number" name="attr_max_slots_arm_two_equipment" value="" class="chargesAmount">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="equipmentShell hipEquipment">
+                            <select type="text" style="grid-area:c" class="hiddenSheet valueSelect" name="attr_hip_value">
+                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Containers</option>
+                                <option value="Poor" selected>Poor</option>
+                                <option value="Basic2">Basic</option>
+                                <option value="Common">Common</option>
+                                <option value="Premium">Premium</option>
+                                <option value="Excellent">Excellent</option>
+                                <option value="Stellar">Stellar</option>
+                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Items</option>
+                                <option value="Inconsequential">Inconsequential</option>
+                                <option value="Basic">Basic</option>
+                                <option value="Mediocre">Mediocre</option>
+                                <option value="Average">Average</option>
+                                <option value="Refined">Refined</option>
+                                <option value="Exceptional">Exceptional</option>
+                                <option value="Superior">Superior</option>
+                                <option value="Legendary">Legendary</option>
+                                <option value="Artifact">Artifact</option>
+                            </select>
+                            <input type="hidden" name="attr_hip_value" value="Poor" class="hipContainer">
+                            <input spellcheck='false' autocorrect='off' type="text" name="attr_hip_equipment" value="" class="equipmentInput" placeholder="Hip Slot">
+                            <div class="hipIsContainer">
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Slots</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="number" name="attr_current_slots_hip_equipment" value="" class="chargesAmount">
+                                        <h3>/</h3>
+                                        <input type="number" name="attr_max_slots_hip_equipment" value="" class="chargesAmount">
+                                    </div>
+                                </div>
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Min/Max Strength</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="text" name="attr_current_strength_hip_equipment" value="" class="minMaxStrength">
+                                        <h3>/</h3>
+                                        <input type="text" name="attr_max_strength_hip_equipment" value="" class="minMaxStrength">
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="hipIsNotContainer">
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Charges</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="number" name="attr_current_slots_hip_equipment" value="" class="chargesAmount">
+                                        <h3>/</h3>
+                                        <input type="number" name="attr_max_slots_hip_equipment" value="" class="chargesAmount">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="equipmentShell legEquipmentOne">
+                            <select type="text" style="grid-area:c" class="hiddenSheet valueSelect" name="attr_leg_one_value">
+                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Containers</option>
+                                <option value="Poor" selected>Poor</option>
+                                <option value="Basic">Basic</option>
+                                <option value="Common">Common</option>
+                                <option value="Premium">Premium</option>
+                                <option value="Excellent">Excellent</option>
+                                <option value="Stellar">Stellar</option>
+                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Items</option>
+                                <option value="Inconsequential">Inconsequential</option>
+                                <option value="Basic2">Basic</option>
+                                <option value="Mediocre">Mediocre</option>
+                                <option value="Average">Average</option>
+                                <option value="Refined">Refined</option>
+                                <option value="Exceptional">Exceptional</option>
+                                <option value="Superior">Superior</option>
+                                <option value="Legendary">Legendary</option>
+                                <option value="Artifact">Artifact</option>
+                            </select>
+                            <input type="hidden" name="attr_leg_one_value" value="Poor" class="legOneContainer">
+                            <input spellcheck='false' autocorrect='off' type="text" name="attr_leg_equipment_one" value="" class="equipmentInput" placeholder="Leg Slot 1">
+                            <div class="legOneIsContainer">
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Slots</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="number" name="attr_current_slots_leg_one_equipment" value="" class="chargesAmount">
+                                        <h3>/</h3>
+                                        <input type="number" name="attr_max_slots_leg_one_equipment" value="" class="chargesAmount">
+                                    </div>
+                                </div>
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Min/Max Strength</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="text" name="attr_current_strength_leg_one_equipment" value="" class="minMaxStrength">
+                                        <h3>/</h3>
+                                        <input type="text" name="attr_max_strength_leg_one_equipment" value="" class="minMaxStrength">
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="legOneIsNotContainer">
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Charges</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="number" name="attr_current_slots_leg_one_equipment" value="" class="chargesAmount">
+                                        <h3>/</h3>
+                                        <input type="number" name="attr_max_slots_leg_one_equipment" value="" class="chargesAmount">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="equipmentShell legEquipmentTwo">
+                            <select type="text" style="grid-area:c" class="hiddenSheet valueSelect" name="attr_leg_two_value">
+                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Containers</option>
+                                <option value="Poor" selected>Poor</option>
+                                <option value="Basic">Basic</option>
+                                <option value="Common">Common</option>
+                                <option value="Premium">Premium</option>
+                                <option value="Excellent">Excellent</option>
+                                <option value="Stellar">Stellar</option>
+                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Items</option>
+                                <option value="Inconsequential">Inconsequential</option>
+                                <option value="Basic2">Basic</option>
+                                <option value="Mediocre">Mediocre</option>
+                                <option value="Average">Average</option>
+                                <option value="Refined">Refined</option>
+                                <option value="Exceptional">Exceptional</option>
+                                <option value="Superior">Superior</option>
+                                <option value="Legendary">Legendary</option>
+                                <option value="Artifact">Artifact</option>
+                            </select>
+                            <input type="hidden" name="attr_leg_two_value" value="Poor" class="legTwoContainer">
+                            <input spellcheck='false' autocorrect='off' type="text" name="attr_leg_equipment_two" value="" class="equipmentInput" placeholder="Leg Slot 2">
+                            <div class="legTwoIsContainer">
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Slots</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="number" name="attr_current_slots_leg_two_equipment" value="" class="chargesAmount">
+                                        <h3>/</h3>
+                                        <input type="number" name="attr_max_slots_leg_two_equipment" value="" class="chargesAmount">
+                                    </div>
+                                </div>
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Min/Max Strength</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="text" name="attr_current_strength_leg_two_equipment" value="" class="minMaxStrength">
+                                        <h3>/</h3>
+                                        <input type="text" name="attr_max_strength_leg_two_equipment" value="" class="minMaxStrength">
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="legTwoIsNotContainer">
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Charges</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="number" name="attr_current_slots_leg_two_equipment" value="" class="chargesAmount">
+                                        <h3>/</h3>
+                                        <input type="number" name="attr_max_slots_leg_two_equipment" value="" class="chargesAmount">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="equipmentShell feetEquipment">
+                            <select type="text" style="grid-area:c" class="hiddenSheet valueSelect" name="attr_feet_value">
+                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Containers</option>
+                                <option value="Poor" selected>Poor</option>
+                                <option value="Basic">Basic</option>
+                                <option value="Common">Common</option>
+                                <option value="Premium">Premium</option>
+                                <option value="Excellent">Excellent</option>
+                                <option value="Stellar">Stellar</option>
+                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Items</option>
+                                <option value="Inconsequential">Inconsequential</option>
+                                <option value="Basic2">Basic</option>
+                                <option value="Mediocre">Mediocre</option>
+                                <option value="Average">Average</option>
+                                <option value="Refined">Refined</option>
+                                <option value="Exceptional">Exceptional</option>
+                                <option value="Superior">Superior</option>
+                                <option value="Legendary">Legendary</option>
+                                <option value="Artifact">Artifact</option>
+                            </select>
+                            <input type="hidden" name="attr_feet_value" value="Poor" class="feetContainer">
+                            <input spellcheck='false' autocorrect='off' type="text" name="attr_feet_equipment" value="" class="equipmentInput" placeholder="Feet Slot">
+                            <div class="feetIsContainer">
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Slots</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="number" name="attr_current_slots_feet_equipment" value="" class="chargesAmount">
+                                        <h3>/</h3>
+                                        <input type="number" name="attr_max_slots_feet_equipment" value="" class="chargesAmount">
+                                    </div>
+                                </div>
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Min/Max Strength</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="text" name="attr_current_strength_feet_equipment" value="" class="minMaxStrength">
+                                        <h3>/</h3>
+                                        <input type="text" name="attr_max_strength_feet_equipment" value="" class="minMaxStrength">
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="feetIsNotContainer">
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Charges</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="number" name="attr_current_slots_feet_equipment" value="" class="chargesAmount">
+                                        <h3>/</h3>
+                                        <input type="number" name="attr_max_slots_feet_equipment" value="" class="chargesAmount">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="equipmentShell fullBodyEquipment">
+                            <select type="text" style="grid-area:c" class="hiddenSheet valueSelect" name="attr_full_body_value">
+                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Containers</option>
+                                <option value="Poor" selected>Poor</option>
+                                <option value="Basic">Basic</option>
+                                <option value="Common">Common</option>
+                                <option value="Premium">Premium</option>
+                                <option value="Excellent">Excellent</option>
+                                <option value="Stellar">Stellar</option>
+                                <option disabled style="background:gray;font-weight:bold;color:white;">&nbsp;&nbsp;&nbsp;&nbsp; Items</option>
+                                <option value="Inconsequential">Inconsequential</option>
+                                <option value="Basic2">Basic</option>
+                                <option value="Mediocre">Mediocre</option>
+                                <option value="Average">Average</option>
+                                <option value="Refined">Refined</option>
+                                <option value="Exceptional">Exceptional</option>
+                                <option value="Superior">Superior</option>
+                                <option value="Legendary">Legendary</option>
+                                <option value="Artifact">Artifact</option>
+                            </select>
+                            <input type="hidden" name="attr_full_body_value" value="Poor" class="bodyContainer">
+                            <input spellcheck='false' autocorrect='off' type="text" name="attr_full_body_equipment" value="" class="equipmentInput" placeholder="Suit / Full Body Slot">
+                            <div class="bodyIsContainer">
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Slots</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="number" name="attr_current_slots_body_equipment" value="" class="chargesAmount">
+                                        <h3>/</h3>
+                                        <input type="number" name="attr_max_slots_body_equipment" value="" class="chargesAmount">
+                                    </div>
+                                </div>
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Min/Max Strength</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="text" name="attr_current_strength_body_equipment" value="" class="minMaxStrength">
+                                        <h3>/</h3>
+                                        <input type="text" name="attr_max_strength_body_equipment" value="" class="minMaxStrength">
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="bodyIsNotContainer">
+                                <div class="equipmentCharges">
+                                    <h3 style="line-height: 10px; font-size: 8pt;">Charges</h3>
+                                    <div style="display: flex; height: 14px;">
+                                        <input type="number" name="attr_current_slots_body_equipment" value="" class="chargesAmount">
+                                        <h3>/</h3>
+                                        <input type="number" name="attr_max_slots_body_equipment" value="" class="chargesAmount">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="equipmentShellLower">
+                        <div name="equipment" class="passiveFlex passiveTitle">
+                            <h2 class="header passiveTitleFlex" style="line-height: 30px">Loose Equipment</h2>
+                        </div>
+                        <div style="overflow-y: scroll;height: 338px;border-bottom: 1px solid black;background-image: url(http://imgur.com/Z4ti7rM.png);">
+                            <fieldset class="repeating_equipment">
+                                <div name="itemOne" class="looseEquipment">
+                                    <div class="looseEquipmentShell">
+                                        <select type="text" class="hiddenSheet valueSelect" name="attr_item_one_value" style="font-size: 7pt;">
+                                            <optgroup label="Containers">
+                                                <option value="Poor" selected>Poor</option>
+                                                <option value="Basic">Basic</option>
+                                                <option value="Common">Common</option>
+                                                <option value="Premium">Premium</option>
+                                                <option value="Excellent">Excellent</option>
+                                                <option value="Stellar">Stellar</option>
+                                            </optgroup>
+                                            <optgroup label="Items">
+                                                <option value="Inconsequential" selected>Inconsequential</option>
+                                                <option value="Basic">Basic</option>
+                                                <option value="Mediocre">Mediocre</option>
+                                                <option value="Average">Average</option>
+                                                <option value="Refined">Refined</option>
+                                                <option value="Exceptional">Exceptional</option>
+                                                <option value="Superior">Superior</option>
+                                                <option value="Legendary">Legendary</option>
+                                                <option value="Artifact">Artifact</option>
+                                            </optgroup>
+                                        </select>
+                                        <input spellcheck='false' autocorrect='off' type="text" name="attr_full_body_equipment" value="" class="equipmentInput" placeholder="item" style="margin-top: 5px; width: 99px;">
+                                        <select type="text" class="hiddenSheet valueSelect" name="attr_item_one_slot_type" style="font-size: 7pt;">
+                                            <option value="Single" selected>Single</option>
+                                            <option value="Permanent">Permanent</option>
+                                            <option value="Duration">Duration</option>
+                                            <option value="Charged">Charged</option>
+                                        </select>
+                                    </div>
+                            </fieldset>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div name="bionicsPopup" id="bionics" class="overlay">
+    <a href="#" class="clickToClose"></a>
+    <div class="popupBionic">
+
+        <div class="popupBionicUpper">
+            <div class="bionicShellUpper">
+                <div name="equipment" class="passiveFlex passiveTitle">
+                    <h2 class="header passiveTitleFlex" style="line-height: 30px">Bionics</h2>
+                </div>
+                <div style="display:flex">
+                    <div name="picture and names" style="width: 578px;">
+                        <select type="text" style="grid-area:c" class="hiddenSheet genderSelect" name="attr_gender_type">
+                            <option value="Male" selected>Male</option>
+                            <option value="Female">Female</option>
+                            <option value="Genderless">Genderless</option>
+                        </select>
+                        <input type="hidden" name="attr_gender_type" class="genderSelect" value="Male">
+                        <img class="bodyImage bodyMale" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/86f4b61f-2285-4e4c-a71a-b491cbd4ad53/d1y2zdr-62d36b15-a50e-4229-b96d-5fc1baedefd7.jpg/v1/fill/w_1024,h_1583,q_75,strp/male_character_pose_1_by_one_with_no_color_d1y2zdr-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTU4MyIsInBhdGgiOiJcL2ZcLzg2ZjRiNjFmLTIyODUtNGU0Yy1hNzFhLWI0OTFjYmQ0YWQ1M1wvZDF5Mnpkci02MmQzNmIxNS1hNTBlLTQyMjktYjk2ZC01ZmMxYmFlZGVmZDcuanBnIiwid2lkdGgiOiI8PTEwMjQifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.EOwnDmhILLwfWPijZ9fnAtE_OZfJaLvKZAy8aFND9DU" alt="Male Body">
+                        <img class="bodyImage bodyFemale" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/86f4b61f-2285-4e4c-a71a-b491cbd4ad53/d1xu0rd-5f35c561-cbbc-42d8-9196-11a87f7af455.jpg/v1/fill/w_1024,h_1583,q_75,strp/character_pose_1_by_one_with_no_color_d1xu0rd-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTU4MyIsInBhdGgiOiJcL2ZcLzg2ZjRiNjFmLTIyODUtNGU0Yy1hNzFhLWI0OTFjYmQ0YWQ1M1wvZDF4dTByZC01ZjM1YzU2MS1jYmJjLTQyZDgtOTE5Ni0xMWE4N2Y3YWY0NTUuanBnIiwid2lkdGgiOiI8PTEwMjQifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.9-chTmigyvpmY4pfwHcugd251OUnge82AS_MqhsLa9I" alt="Female Body">
+                        <img class="bodyImage bodyGenderless" src="https://t4.ftcdn.net/jpg/04/26/78/25/360_F_426782522_OkzYnAZSzJXE6XmX03tHwrjgtOk2ONzd.jpg" alt="Genderless Body">
+                        <div class="bionicsShell" style="position: absolute; top: 30px; left: 120px;">
+                            <h1>Brain:</h1>
+                            <textarea type="text" name="attr_bionic_brain" class="bionicsInput" placeholder="Bionic Brain" style="width: 520px !important;"></textarea>
+                        </div>
+                        <div class="bionicsShell" style="position: absolute; top: 63px; left: 121px;">
+                            <h1>Eyes:</h1>
+                            <textarea type="text" name="attr_bionic_eyes" class="bionicsInput" placeholder="Bionic Eyes" style="width: 527px !important;"></textarea>
+                        </div>
+                        <div class="bionicsShell" style="position: absolute; top: 125px; left: 159px;">
+                            <h1>Arms:</h1>
+                            <textarea type="text" name="attr_bionic_arms" class="bionicsInput" placeholder="Bionic Arms" style="width: 482px !important;"></textarea>
+                        </div>
+                        <div class="bionicsShell" style="position: absolute; top: 158px; left: 167px;">
+                            <h1>Organs:</h1>
+                            <textarea type="text" name="attr_bionic_organs" class="bionicsInput" placeholder="Bionic Organs" style="width: 461px !important;"></textarea>
+                        </div>
+                        <div class="bionicsShell" style="position: absolute; top: 191px; left: 167px;">
+                            <h1>Skin:</h1>
+                            <textarea type="text" name="attr_bionic_skin" class="bionicsInput" placeholder="Bionic Skin" style="width: 483px !important;"></textarea>
+                        </div>
+                        <div class="bionicsShell" style="position: absolute; top: 260px; left: 150px;">
+                            <h1>Legs:</h1>
+                            <textarea type="text" name="attr_bionic_legs" class="bionicsInput" placeholder="Bionic Legs" style="width: 499px !important;"></textarea>
+                        </div>
+                        <div class="bionicsShell" style="position: absolute; top: 315px; left: 155px;">
+                            <h1>Bones:</h1>
+                            <textarea type="text" name="attr_bionic_bones" class="bionicsInput" placeholder="Bionic Bones" style="width: 483px !important;"></textarea>
+                        </div>
+                        <div class="bionicsShell" style="position: absolute; top: 415px; left: 155px;">
+                            <h1>ACS:</h1>
+                            <textarea type="text" name="attr_bionic_acs" class="bionicsInput" placeholder="Bionic Aetheric Circulatory System" style="width: 495px !important;"></textarea>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div name="adventurersToolkitPopup" id="affinities" class="overlay">
+    <a href="#" class="clickToClose"></a>
+    <div class="popupToolkit">
+        <div class="manifestationsShell" style="background: rgb(7, 16, 25);">
+            <div class="passiveFlex passiveTitle">
+                <div style="min-width: 25px;"></div>
+                <input type="text" name="attr_manifestation_name_field" value="Affinities and Talents" class="manifestationName" disabled="true" />
+                <a class="close" href="#">&times;</a>
+            </div>
+            <div style="display:flex; flex-direction:row">
+                <div style="overflow-y: scroll;height: 344px;border-bottom: 1px solid black;background-image: url(http://imgur.com/Z4ti7rM.png);width: 165px; margin-bottom: 35px; margin-left: 2px !important;direction: rtl;">
+                    <fieldset class="repeating_toolkit">
+                        <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet characterNameAntagonist" name="attr_toolkit_name" autocomplete="nope" style="width:93% !important">
+                        <button type='roll' value='&{template:pursuit} {{name=@{character_name}}} {{version=@{toolkit_name}}} {{level=@{toolkit_knowledge}}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}} {{underwhelming=[[1-1d10]]}} {{whelming=[[1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}' name='roll_adventurersToolkit' class="button pursuitButton" style="margin-right: 1px !important; margin-top: -5px; width: 22px !important; font-size: 20pt !important;"></button>
+                    </fieldset>
+                </div>
+                <div style="overflow-y: scroll;height: 344px;border-bottom: 1px solid black;background-image: url(http://imgur.com/Z4ti7rM.png);width: 125px; margin-bottom: 35px; margin-left: 2px !important;">
+                    <fieldset class="repeating_talents">
+                        <input spellcheck='false' autocorrect='off' type="text" class="hiddenSheet characterNameAntagonist" name="attr_toolkit_name" autocomplete="nope" style="width:98px !important">
+                    </fieldset>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!--Script Section-->
+<script type="text/worker">
+    const staminaModifiers = ['hit_points_max_value', 'aggravated_value', '_hit_points_one', '_hit_points_two', '_hit_points_three', '_hit_points_four', '_hit_points_five'];
+    const staminaWatchstats = staminaModifiers.map(x => `change:${x}`).join(' ');
+    const modifiers = ['shielding_max_value', '_shielding', '_shielding_max'];
+    const watchstats = modifiers.map(x => `change:${x}`).join(' ');
+    const stammodifiers = ['stamina_max_value', '_stamina', '_stamina_max'];
+    const watchstamina = stammodifiers.map(x => `change:${x}`).join(' ');
+
+    const parseClickTrigger = function (string) {
+        let match = string.match(/clicked:(?:(repeating_[^_]+)_([^_]+)_)?(.+)/);
+        match.shift();
+        return match;
+    };
+
+    on("change:vitality change:durability change:agility change:comprehension change:discernment change:essence change:nerve change:acuity", function (eventInfo) {
+        if (eventInfo.sourceType === 'sheetworker') return;
+        var stat = eventInfo.sourceAttribute;
+        var v = +eventInfo.newValue || 0;
+        var value = v < 0 ? 0 : v > 10 ? 10 : v;
+        setAttrs({
+            [stat]: value
+        });
+    });
+
+    on("change:legacy", function (eventInfo) {
+        if (eventInfo.sourceType === 'sheetworker') return;
+        const output = {};
+        switch (eventInfo.newValue) {
+            case "Luminous":
+                output["manifestation_name"] = "Luminous";
+                break;
+            case "Magus":
+                output["manifestation_name"] = "Magus";
+                break;
+            case "EnhancerP":
+                output["manifestation_name"] = "Purist";
+                break;
+            case "EnhancerS":
+                output["manifestation_name"] = "Spectre";
+                break;
+            case "EnhancerT":
+                output["manifestation_name"] = "Technologist";
+                break;
+            case "ExemplarG":
+                output["manifestation_name"] = "Genesis";
+                break;
+            case "ExemplarD":
+                output["manifestation_name"] = "Dominus";
+                break;
+            case "Gaia":
+                output["manifestation_name"] = "Gaia";
+                break;
+            default:
+                output["manifestation_name"] = "Please Select a Manifestation";
+                break;
+        };
+        setAttrs(output);
+    });
+
+    on("change:passive_type", function (eventInfo) {
+        if (eventInfo.sourceType === 'sheetworker') return;
+        const output = {};
+        switch (eventInfo.newValue) {
+            case "1":
+                output["defence_bonus"] = 1;
+                output["resistance_bonus"] = 1;
+                output["mitigation_bonus"] = 0;
+                output["passive_type_effect"] = "After the current Attack is resolved you can immediately move up to 1 metre.\nThis Movement does not trigger any effects or qualities that rely upon movement.";
+                break;
+            case "2":
+                output["defence_bonus"] = 0;
+                output["resistance_bonus"] = 0;
+                output["mitigation_bonus"] = 0;
+                output["passive_type_effect"] = "1 Free Effort on each Defence Action";
+                break;
+            case "3":
+                output["defence_bonus"] = 0;
+                output["resistance_bonus"] = 0;
+                output["mitigation_bonus"] = 1;
+                output["passive_type_effect"] = "Reduce any Damage type by 1 per levelling stage after any Multipliers";
+                break;
+            default:
+                output["defence_bonus"] = 1;
+                output["resistance_bonus"] = 1;
+                output["mitigation_bonus"] = 0;
+                output["passive_type_effect"] = "After the current Attack is resolved you can immediately move up to 1 metre.\nThis Movement does not trigger any effects or qualities that rely upon movement.";
+                break;
+        };
+        setAttrs(output);
+    });
+
+    on("change:repeating_war:active_type", function (eventInfo) {
+        if (eventInfo.sourceType === 'sheetworker') return;
+        const output = {};
+        switch (eventInfo.newValue) {
+            case "1":
+                output["repeating_war_active_damage_bonus"] = 2;
+                output["repeating_war_active_healing_bonus"] = 0;
+                output["repeating_war_active_alleviation_bonus"] = 0;
+                output["repeating_war_active_manipulation_bonus"] = 0;
+                output["repeating_war_active_offence_bonus"] = 0;
+                output["repeating_war_active_crescendo_bonus"] = 0;
+                break;
+            case "1a":
+                output["repeating_war_active_damage_bonus"] = 2;
+                output["repeating_war_active_healing_bonus"] = 0;
+                output["repeating_war_active_alleviation_bonus"] = 0;
+                output["repeating_war_active_manipulation_bonus"] = 0;
+                output["repeating_war_active_offence_bonus"] = 0;
+                output["repeating_war_active_crescendo_bonus"] = 0;
+                break;
+            case "2":
+                output["repeating_war_active_damage_bonus"] = 2;
+                output["repeating_war_active_healing_bonus"] = 0;
+                output["repeating_war_active_alleviation_bonus"] = 0;
+                output["repeating_war_active_manipulation_bonus"] = 0;
+                output["repeating_war_active_offence_bonus"] = 0;
+                output["repeating_war_active_crescendo_bonus"] = 0;
+                break;
+            case "3":
+                output["repeating_war_active_damage_bonus"] = 0;
+                output["repeating_war_active_healing_bonus"] = 1;
+                output["repeating_war_active_alleviation_bonus"] = 0;
+                output["repeating_war_active_manipulation_bonus"] = 1;
+                output["repeating_war_active_offence_bonus"] = 0;
+                output["repeating_war_active_crescendo_bonus"] = 0;
+                break;
+            case "3a":
+                output["repeating_war_active_damage_bonus"] = 0;
+                output["repeating_war_active_healing_bonus"] = 1;
+                output["repeating_war_active_alleviation_bonus"] = 0;
+                output["repeating_war_active_manipulation_bonus"] = 1;
+                output["repeating_war_active_offence_bonus"] = 0;
+                output["repeating_war_active_crescendo_bonus"] = 0;
+                break;
+            case "4":
+                output["repeating_war_active_damage_bonus"] = 2;
+                output["repeating_war_active_healing_bonus"] = 0;
+                output["repeating_war_active_alleviation_bonus"] = 0;
+                output["repeating_war_active_manipulation_bonus"] = 0;
+                output["repeating_war_active_offence_bonus"] = 3;
+                output["repeating_war_active_crescendo_bonus"] = 0;
+                break;
+            case "5":
+                output["repeating_war_active_damage_bonus"] = 0;
+                output["repeating_war_active_healing_bonus"] = 0;
+                output["repeating_war_active_alleviation_bonus"] = 0;
+                output["repeating_war_active_manipulation_bonus"] = 1;
+                output["repeating_war_active_offence_bonus"] = 0;
+                output["repeating_war_active_crescendo_bonus"] = 0;
+                break;
+            case "5a":
+                output["repeating_war_active_damage_bonus"] = 0;
+                output["repeating_war_active_healing_bonus"] = 0;
+                output["repeating_war_active_alleviation_bonus"] = 0;
+                output["repeating_war_active_manipulation_bonus"] = 1;
+                output["repeating_war_active_offence_bonus"] = 0;
+                output["repeating_war_active_crescendo_bonus"] = 0;
+                break;
+            case "6":
+                output["repeating_war_active_damage_bonus"] = 0;
+                output["repeating_war_active_healing_bonus"] = 2;
+                output["repeating_war_active_alleviation_bonus"] = 0;
+                output["repeating_war_active_manipulation_bonus"] = 0;
+                output["repeating_war_active_offence_bonus"] = 0;
+                output["repeating_war_active_crescendo_bonus"] = 0;
+                break;
+            case "6a":
+                output["repeating_war_active_damage_bonus"] = 0;
+                output["repeating_war_active_healing_bonus"] = 2;
+                output["repeating_war_active_alleviation_bonus"] = 0;
+                output["repeating_war_active_manipulation_bonus"] = 0;
+                output["repeating_war_active_offence_bonus"] = 0;
+                output["repeating_war_active_crescendo_bonus"] = 0;
+                break;
+            default:
+                output["repeating_war_active_damage_bonus"] = 2;
+                output["repeating_war_active_healing_bonus"] = 0;
+                output["repeating_war_active_alleviation_bonus"] = 0;
+                output["repeating_war_active_manipulation_bonus"] = 0;
+                output["repeating_war_active_offence_bonus"] = 0;
+                output["repeating_war_active_crescendo_bonus"] = 0;
+                break;
+        };
+        setAttrs(output);
+    });
+
+    on("change:repeating_war:active_type", function (eventInfo) {
+        if (eventInfo.sourceType === 'sheetworker') return;
+        const output = {};
+        switch (eventInfo.newValue) {
+            case "1":
+                output["repeating_war_active_type_name"] = "Assault";
+                break;
+            case "2":
+                output["repeating_war_active_type_name"] = "Keen";
+                break;
+            case "3":
+                output["repeating_war_active_type_name"] = "Beneficial";
+                break;
+            case "4":
+                output["repeating_war_active_type_name"] = "Crescendo";
+                break;
+            case "5":
+                output["repeating_war_active_type_name"] = "Malicious";
+                break;
+            case "6":
+                output["repeating_war_active_type_name"] = "Mending";
+                break;
+            case "7":
+                output["repeating_war_active_type_name"] = "Penance";
+                break;
+            default:
+                output["repeating_war_active_type_name"] = "Assault";
+                break;
+        };
+        setAttrs(output);
+    });
+
+    on(`${staminaWatchstats} sheet:opened`, function (eventInfo) {
+        if (eventInfo.sourceType === 'sheetworker') return;
+        const output = {};
+        getAttrs(staminaModifiers, function (values) {
+            let statMax = 0;
+            let source = eventInfo.sourceAttribute;
+            staminaModifiers.forEach(function (stat) {
+                if (stat === '_hit_points_one') return;
+                if (stat === '_hit_points_two') return;
+                if (stat === '_hit_points_three') return;
+                if (stat === '_hit_points_four') return;
+                if (stat === '_hit_points_five') return;
+                let multiplier = 1;
+                if (stat === 'aggravated_value') {
+                    multiplier = -1;
+                }
+                let change = parseInt(values[stat]) * multiplier;
+                statMax += change;
+            });
+            statMax = statMax > 0 ? statMax : 0;
+            let v = values["_hit_points_one"] || 0;
+            output["_hit_points_one"] = v < 0 ? 0 : v > statMax ? statMax : v;
+            v = values["_hit_points_two"] || 0;
+            output["_hit_points_two"] = v < 0 ? 0 : v > statMax ? statMax : v;
+            v = values["_hit_points_three"] || 0;
+            output["_hit_points_three"] = v < 0 ? 0 : v > statMax ? statMax : v;
+            v = values["_hit_points_four"] || 0;
+            output["_hit_points_four"] = v < 0 ? 0 : v > statMax ? statMax : v;
+            v = values["_hit_points_five"] || 0;
+            output["_hit_points_five"] = v < 0 ? 0 : v > statMax ? statMax : v;
+            output["_hit_points_max"] = statMax;
+            setAttrs(output);
+        });
+    });
+
+    on(`${watchstats} sheet:opened`, function (eventInfo) {
+        if (eventInfo.sourceType === 'sheetworker') return;
+        const output = {};
+        getAttrs(modifiers, function (values) {
+            let statMax = 0;
+            let source = eventInfo.sourceAttribute;
+            let v = values["_shielding"] || 0;
+            modifiers.forEach(function (stat) {
+                if (stat === '_shielding') return;
+                if (stat === '_shielding_max') return;
+                let change = parseInt(values[stat]);
+                statMax += change;
+            });
+            output["_shielding"] = v < 0 ? 0 : v > statMax ? statMax : v;
+            output["_shielding_max"] = statMax;
+            setAttrs(output);
+        });
+    });
+
+    on(`${watchstamina} sheet:opened`, function (eventInfo) {
+        if (eventInfo.sourceType === 'sheetworker') return;
+        const output = {};
+        getAttrs(stammodifiers, function (values) {
+            let statMax = 0;
+            let source = eventInfo.sourceAttribute;
+            let v = values["_stamina"] || 0;
+            stammodifiers.forEach(function (stat) {
+                if (stat === '_stamina') return;
+                if (stat === '_stamina_max') return;
+                let change = 0;
+                change = parseInt(values[stat]);
+                statMax += change;
+            });
+            output["_stamina"] = v < 0 ? 0 : v > statMax ? statMax : v;
+            output["_stamina_max"] = statMax;
+            setAttrs(output);
+        });
+    });
+
+    on("change:repeating_war:active_flawed change:repeating_war:active_type", function (eventInfo) {
+        if (eventInfo.sourceType === 'sheetworker') return;
+        const output = {};
+        console.log("boom");
+        let source = eventInfo.sourceAttribute;
+        getAttrs(['repeating_war_active_special', 'repeating_war_active_special_value', 'repeating_war_active_flawed', 'repeating_war_active_type'], function (values) {
+            let v = parseInt(values['repeating_war_active_flawed']);
+            let x = parseInt(values['repeating_war_active_type']);
+            output["repeating_war_active_special"] = v + (x*5);
+            setAttrs(output);
+        });
+    });
+
+    on("change:repeating_war:active_name_input", function (eventInfo) {
+        if (eventInfo.sourceType === 'sheetworker') return;
+        const output = {};
+        getAttrs(['repeating_war_active_name', 'repeating_war_active_slot', 'repeating_war_active_name_input'], function (values) {
+            output["repeating_war_active_slot"] = eventInfo.newValue ? eventInfo.newValue : "Active WAR";
+            output["repeating_war_active_name"] = eventInfo.newValue ? eventInfo.newValue : "Active WAR";
+            setAttrs(output);
+        });
+    });
+
+    on("change:repeating_warantagonist:active_name_input", function (eventInfo) {
+        if (eventInfo.sourceType === 'sheetworker') return;
+        const output = {};
+        getAttrs(['repeating_warantagonist_active_name', 'repeating_warantagonist_active_slot', 'repeating_war_antagonist_active_name_input'], function (values) {
+            output["repeating_warantagonist_active_slot"] = eventInfo.newValue ? eventInfo.newValue : "Active WAR";
+            output["repeating_warantagonist_active_name"] = eventInfo.newValue ? eventInfo.newValue : "Active WAR";
+            setAttrs(output);
+        });
+    });
+
+    on("change:repeating_ability:ability_name", function (eventInfo) {
+        if (eventInfo.sourceType === 'sheetworker') return;
+        const output = {};
+        getAttrs(['repeating_ability_ability_name', 'repeating_ability_ability_name_title'], function (values) {
+            output["repeating_ability_ability_name_title"] = eventInfo.newValue ? eventInfo.newValue : "Unnamed Power / Ability";
+            setAttrs(output);
+        });
+    });
+
+    on("change:repeating_qualities:quality_name_input", function (eventInfo) {
+        if (eventInfo.sourceType === 'sheetworker') return;
+        const output = {};
+        getAttrs(['repeating_qualities_quality_name', 'repeating_qualities_quality_name_input'], function (values) {
+            output["repeating_qualities_quality_name"] = eventInfo.newValue ? eventInfo.newValue : "Unnamed Quality";
+            setAttrs(output);
+        });
+    });
+
+    on('clicked:passive', (info) => {
+        let choice = 0;
+        let rollType = "&{template:empty} {{type=[[?{Type|Defence,[[1]]|Resistance,[[2]]}]]}}";
+        let rollDefence = "&{template:defence} {{charactername=@{character_name}}} {{name=Defence Roll}} {{mit=[[1]]}} {{mitigation=[[@{mitigation}]]}} {{typeeffect=@{passive_type_effect}}} {{modifier=[[@{passiveModifier}]]}} {{bonus=[[?{Roll Bonus|0}]]}} {{bonusdefence=[[(?{Defence Modifier|0})]]}} {{baseRoll=[[0]]}} {{rollResult=[[0]]}} {{roll=[[1d10]]}} {{result=[[0]]}} {{defence=[[@{defence}]]}} {{penalty=[[(?{Roll Penalty|0})]]}} {{finalResult=[[0]]}}";
+        let rollResistance = "&{template:resistance} {{charactername=@{character_name}}} {{name=Resistance Roll}} {{mit=[[0]]}} {{modifier=[[@{passiveModifier}]]}} {{bonus=[[?{Roll Bonus|0}]]}} {{bonusresistance=[[(?{Resistance Modifier|0})]]}} {{baseRoll=[[0]]}} {{rollResult=[[0]]}} {{roll=[[1d10]]}} {{result=[[0]]}} {{resistance=[[@{resistance}]]}} {{penalty=[[(?{Roll Penalty|0})]]}} {{finalResult=[[0]]}}";
+
+        let typeRoll = startRoll(rollType, (results) => {
+            choice = results.results.type.result;
+
+            if (choice == 1) {
+                startRoll(rollDefence, (results) => {
+                    const roll = results.results.roll.result;
+
+                    const modifier = results.results.modifier.result;
+                    const bonus = results.results.bonus.result;
+
+                    const penalty = results.results.penalty.result;
+
+                    const defence = results.results.defence.result + results.results.bonusdefence.result;
+
+                    let finalResult = roll + defence + modifier + bonus - penalty;
+                    finishRoll(
+                        results.rollId, {
+                        rollResult: roll + modifier + bonus + defence - penalty,
+                        roll: roll,
+                        finalResult: finalResult,
+                        defence: defence,
+                        modifier: modifier + bonus - penalty
+                        }
+                    );
+                });
+            } else {
+                startRoll(rollResistance, (results) => {
+                    const roll = results.results.roll.result;
+
+                    const modifier = results.results.modifier.result;
+                    const bonus = results.results.bonus.result;
+
+                    const penalty = results.results.penalty.result;
+
+                    const resistance = results.results.resistance.result + results.results.bonusresistance.result;
+
+                    let finalResult = roll + resistance + modifier + bonus - penalty;
+                    finishRoll(
+                        results.rollId, {
+                        rollResult: roll + resistance + modifier + bonus - penalty,
+                        roll: roll,
+                        finalResult: finalResult,
+                        resistance: resistance,
+                        modifier: modifier + bonus - penalty
+                        }
+                    );
+                });
+            }
+            finishRoll(results.rollId);
+        });
+    });
+
+    on('clicked:repeating_war:damage', (info) => {
+        let [section, rowID, button] = parseClickTrigger(info.triggerName);
+        let name = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_name" + "}";
+        let offensive = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "offence" + "}";
+        let flaw = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_flaw" + "}";
+        let modifiera = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "action_shards" + "}";
+        let toggled = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_flawed" + "}";
+        let damage = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "damage_shards_value" + "}";
+        let roll = "&{template:active} {{name=" + name + "}} {{charactername=@{character_name}}} {{modifier=[[" + modifiera + "]]}} " +
+            "{{flaw=" + flaw + "}} {{typeName=@{repeating_war_active_type_name}}}" +
+            "{{finalResult=[[0]]}} {{toggled=[["+toggled+"]]}} {{damage=[["+damage+"]]}} {{toggle=[[0]]}} {{damhe=[[1]]}} {{statName=Offence}}" +
+            "{{rollResult=[[0]]}} {{roll=[[1d10]]}} {{bonus=[[(?{Roll Bonus|0})]]}} {{bonusoffence=[[(?{Offence Modifier|0})]]}} " +
+            "{{penalty=[[(?{Roll Penalty|0})]]}} {{stat=[[" + offensive + "]]}} ";
+        startRoll(roll, (results) => {
+            const roll = results.results.roll.result;
+
+            const modifier = results.results.modifier.result;
+            const bonus = results.results.bonus.result;
+
+            const penalty = results.results.penalty.result;
+
+            let offence = results.results.stat.result + results.results.bonusoffence.result;
+
+            let finalResult = roll + offence + modifier + bonus - penalty;
+            finishRoll(
+                results.rollId, {
+                rollResult: roll + modifier + bonus + offence - penalty,
+                roll: roll,
+                finalResult: finalResult,
+                stat: offence,
+                modifier: modifier + bonus - penalty
+                }
+            );
+        });
+    });
+
+    on('clicked:repeating_war:healing', (info) => {
+        let [section, rowID, button] = parseClickTrigger(info.triggerName);
+        let name = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_name" + "}";
+        let offensive = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "alleviation" + "}";
+        let flaw = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_flaw" + "}";
+        let modifiera = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "action_shards" + "}";
+        let toggled = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_flawed" + "}";
+        let healing = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "healing_shards_value" + "}";
+        let roll = "&{template:active} {{type=[[@{repeating_war_active_type}]]}} {{damhe=[[2]]}}" +
+        "{{toggled=[["+toggled+"]]}} {{charactername=@{character_name}}} {{healing=[[" + healing + "]]}} {{roll=[[1d10]]}}" +
+        "{{name=" + name + "}} {{bonus=[[?{Roll Bonus|0}]]}} {{toggle=[[0]]}} {{statName=Alleviation}}" +
+        "{{flaw=" + flaw + "}} {{modifier=[[" + modifiera + "]]}} {{bonusalleviation=[[(?{Alleviation Modifier|0})]]}}"+
+        "{{typeName=@{repeating_war_active_type_name}}} {{baseRoll=[[0]]}} {{rollResult=[[0]]}}"+
+        "{{result=[[0]]}} {{stat=[[" + offensive + "]]}} {{penalty=[[(?{Roll Penalty|0})]]}} {{finalResult=[[0]]}}";
+        startRoll(roll, (results) => {
+            const roll = results.results.roll.result;
+
+            const modifier = results.results.modifier.result;
+            const bonus = results.results.bonus.result;
+
+            const penalty = results.results.penalty.result;
+
+            const alleviation = results.results.stat.result + results.results.bonusalleviation.result;
+
+            let finalResult = roll + alleviation + modifier + bonus - penalty;
+            finishRoll(
+                results.rollId, {
+                rollResult: roll + modifier + bonus + alleviation - penalty,
+                roll: roll,
+                finalResult: finalResult,
+                stat: alleviation,
+                modifier: modifier + bonus - penalty
+                }
+            );
+        });
+    });
+
+    on('clicked:repeating_war:malicious', (info) => {
+        let [section, rowID, button] = parseClickTrigger(info.triggerName);
+        let name = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_name" + "}";
+        let manipulation = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "affliction" + "}";
+        let condition = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_condition" + "}";
+        let flaw = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_flaw" + "}";
+        let modifiera = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "action_shards" + "}";
+        let toggled = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_flawed" + "}";
+        let roll = "&{template:active} " +
+            "{{type=[[@{repeating_war_active_type}]]}} {{charactername=@{character_name}}} {{malben=[[1]]}} {{name=" + name + "}} {{damhe=[[4]]}}" +
+            "{{roll=[[1d10]]}} {{flaw=" + flaw + "}} {{condition=" + condition + "}} {{typeName=@{repeating_war_active_type_name}}}" +
+            "{{modifier=[[" + modifiera + "]]}} {{bonus=[[?{Roll Bonus|0}]]}} {{toggled=[["+toggled+"]]}} {{bonusmanipulation=[[(?{Manipulation Modifier|0})]]}}" +
+            "{{stat=[[" + manipulation + "]]}} {{penalty=[[(?{Roll Penalty|0})]]}} {{finalResult=[[0]]}} {{toggle=[[1]]}} {{statName=Manipulation}}";
+        startRoll(roll, (results) => {
+            const roll = results.results.roll.result;
+
+            const modifier = results.results.modifier.result;
+            const bonus = results.results.bonus.result;
+            const manipulation = results.results.stat.result + results.results.bonusmanipulation.result;
+
+            const penalty = results.results.penalty.result;
+
+            let finalResult = roll + modifier + bonus + manipulation - penalty;
+            finishRoll(
+                results.rollId, {
+                roll: roll,
+                finalResult: finalResult,
+                stat: manipulation,
+                modifier: modifier + bonus - penalty
+                }
+            );
+        });
+    });
+
+    on('clicked:repeating_war:beneficial', (info) => {
+        let [section, rowID, button] = parseClickTrigger(info.triggerName);
+        let name = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_name" + "}";
+        let manipulation = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "affliction" + "}";
+        let condition = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_condition" + "}";
+        let flaw = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_flaw" + "}";
+        let modifiera = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "action_shards" + "}";
+        let toggled = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_flawed" + "}";
+        let roll = "&{template:active} " +
+            "{{type=[[@{repeating_war_active_type}]]}} {{charactername=@{character_name}}} {{malben=[[2]]}} {{name=" + name + "}} {{typeName=@{repeating_war_active_type_name}}} " +
+            "{{roll=[[1d10]]}} {{flaw=" + flaw + "}} {{condition=" + condition + "}} {{toggled=[["+toggled+"]]}} {{toggle=[[1]]}} {{damhe=[[3]]}}" +
+            "{{modifier=[[" + modifiera + "]]}} {{bonus=[[?{Roll Bonus|0}]]}} {{bonusmanipulation=[[(?{Manipulation Modifier|0})]]}} " +
+            "{{stat=[[" + manipulation + "]]}} {{penalty=[[(?{Roll Penalty|0})]]}} {{finalResult=[[0]]}} {{statName=Manipulation}}";
+        startRoll(roll, (results) => {
+            const roll = results.results.roll.result;
+
+            const modifier = results.results.modifier.result;
+            const bonus = results.results.bonus.result;
+            const manipulation = results.results.stat.result + results.results.bonusmanipulation.result;
+
+            const penalty = results.results.penalty.result;
+
+            let finalResult = roll + modifier + bonus + manipulation - penalty;
+            finishRoll(
+                results.rollId, {
+                roll: roll,
+                finalResult: finalResult,
+                stat: manipulation,
+                modifier: modifier + bonus - penalty
+                }
+            );
+        });
+    });
+
+    on('clicked:manoeuvreroll', (info, value) => {
+        console.log(info);
+        let rolltracker = Math.ceil(Math.random() * 10);
+        let roll = "&{template:manoeuvre} {{name=@{selected|token_name}'s Manouevre Roll}} {{roll=[[" + rolltracker + "+@{selected|manoeuvre_value}+(@{selected|manoeuvre_value}/10) &{tracker}]]}} {{original=[[" + rolltracker + "]]}} {{manoeuvre=[[@{selected|manoeuvre_value}]]}}";
+        startRoll(roll, (results) => {
+            finishRoll(results.rollId);
+        });
+    });
+
+    on('clicked:fortitude', (info) => {
+        let roll = self + " &{template:pursuit} {{version=Fortitude}} {{roll=[[1d10]]}} {{overwhelming=[[10+1d10]]}}  {{underwhelming=[[1-1d10]]}} {{difficulty=[[?{Challenge Level|0}]]}}";
+        startRoll(roll, (results) => {
+            finishRoll(results.rollId);
+        });
+    });
+
+    on('change:repeating_qualities:attach_attack change:repeating_qualities:quality_description', (info) => {
+        const output = {};
+        let check = [];
+        let infotext = "";
+        let text = [];
+        getSectionIDs("repeating_qualities", function (rowIds) {
+
+            rowIds.forEach((id) => {
+                check.push(`repeating_qualities_${id}_attach_attack`);
+                text.push(`repeating_qualities_${id}_quality_description`);
+            });
+
+            getAttrs(check, function (v) {
+                getAttrs(text, function (x) {
+                    for (var i = 0; i < check.length; i++) {
+                        if (v[check[i]] === "1") infotext += x[text[i]] + "\n";
+                    }
+                    output["quality_description_attack"] = infotext.slice(0, -2);
+                    setAttrs(output);
+                });
+            });
+        });
+    });
+
+    on('change:repeating_qualities:attach_defence change:repeating_qualities:quality_description', (info) => {
+        const output = {};
+        let check = [];
+        let infotext = "";
+        let text = [];
+        getSectionIDs("repeating_qualities", function (rowIds) {
+
+            for (var i = 0; i < rowIds.length; i++) {
+                check.push("repeating_qualities_" + rowIds[i] + "_attach_defence");
+                text.push("repeating_qualities_" + rowIds[i] + "_quality_description");
+            }
+
+            getAttrs(check, function (v) {
+                getAttrs(text, function (x) {
+                    for (var i = 0; i < check.length; i++) {
+                        if (v[check[i]] === "1") infotext += x[text[i]] + "\n";
+                    }
+                    output["quality_description_defence"] = infotext.slice(0, -2);
+                    setAttrs(output);
+                });
+            });
+        });
+    });
+
+    on('clicked:repeating_warantagonist:antagonistattack', async (info) => {
+        let [section, rowID, button] = parseClickTrigger(info.triggerName);
+        let name = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_name_input" + "}";
+        let offence = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "action_offence" + "}";
+        let effect = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_prefix" + "}";
+        let effort = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "active_effort" + "}";
+        let damage = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "action_damage" + "}";
+        let modifiera = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "action_shards" + "}";
+        let manipulation = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "action_manipulation" + "}";
+        let roll = "&{template:antagonistdamage} {{name=" + name + "}} {{charactername=@{character_name}}} {{info=@{quality_description_attack}}} {{targetdefencename=@{selected|character_name}}} {{modifier=[[" + modifiera + "]]}} {{manipulation=[[" + manipulation + "]]}} {{targetname=@{selected|token_name}}} {{damage=[[" + damage + "]]}} {{prefix=" + effect + "}} {{effort=" + effort + "}} {{penalty=[[(?{Attack Penalty|0})]]}} {{penaltyOffence=[[(?{Offence/Alleviation Penalty|0})]]}} {{bonusOffence=[[(?{Offence/AlleviationManipulation Bonus|0})]]}} {{offence=[[" + offence + "]]}}"
+        await startRoll(roll, (results) => {
+            finishRoll(
+                results.rollId, {
+                manipulation: results.results.manipulation.result - results.results.penaltyOffence.result + results.results.bonusOffence.result,
+                offence: results.results.offence.result - results.results.penaltyOffence.result + results.results.bonusOffence.result,
+                penalty: results.results.penalty.result + results.results.modifier.result
+            }
+
+            );
+        });
+    });
+
+    on('clicked:repeating_ability:power', async (info) => {
+        let [section, rowID, button] = parseClickTrigger(info.triggerName);
+        let name = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "ability_name" + "}";
+        let description = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "ability_description" + "}";
+        let roll = "&{template:ability} {{ability=" + name + "}} {{name=@{character_name}}} {{description=" + description + "}}"
+        await startRoll(roll, (results) => {
+            finishRoll(results.rollId);
+        });
+    });
+    
+    on('clicked:repeating_ability:aetheric', async (info) => {
+        let [section, rowID, button] = parseClickTrigger(info.triggerName);
+        let name = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "ability_name" + "}";
+        let description = "@{" + [section, rowID, button][0] + "_" + [section, rowID, button][1] + "_" + "ability_description_two" + "}";
+        let roll = "&{template:ability} {{ability=" + name + " Aetheric}} {{name=@{character_name}}} {{description=" + description + "}}"
+        await startRoll(roll, (results) => {
+            finishRoll(results.rollId);
+        });
+    });
+
+    on('clicked:blank', (info) => {
+        let roll = "&{template:empty} {{type=[[?{Blank or Chance Roll?|Blank,1|Chance,2}]]}}";
+        startRoll(roll, (results) => {
+            let endroll = "";
+            let typeresult = results.results.type.result;
+            if (typeresult === 1) endroll = "&{template:blank} {{name=@{character_name}'s Blank Roll}} " +
+                "{{type=[[1]]}} {{roll1=[[1d10]]}} {{roll2=[[1d10]]}} {{roll3=[[1d10]]}} {{roll4=[[1d10]]}} {{target=[[?{Target Value?|0}]]}} {{outcome=[[0]]}} {{result=[[0]]}} {{bonus=[[?{Roll Modifier|0}]]}}";
+            if (typeresult === 2) endroll = "&{template:blank} {{name=@{character_name}'s Chance Roll}} " +
+                "{{type=[[2]]}} {{roll1=[[1d10]]}} {{roll2=[[1d10]]}} {{roll3=[[1d10]]}} {{roll4=[[1d10]]}} {{result=[[0]]}} {{outcome=[[0]]}} {{target=[[0]]}} {{bonus=[[0]]}}";
+            let result = 0;
+            console.log(typeresult);
+            startRoll(endroll, (results) => {
+                console.log(results.results.roll1.result);
+                console.log(results.results.roll2.result);
+                console.log(results.results.roll3.result);
+                console.log(results.results.roll4.result);
+                if (typeresult === 1) result = results.results.roll1.result + results.results.bonus.result;
+                if (typeresult === 2) {
+                    result += results.results.roll1.result % 2 == 0 ? 1 : 0;
+                    result += results.results.roll2.result % 2 == 0 ? 1 : 0;
+                    result += results.results.roll3.result % 2 == 0 ? 1 : 0;
+                    result += results.results.roll4.result % 2 == 0 ? 1 : 0;
+                };
+                console.log(result);
+                finishRoll(
+                    results.rollId, {
+                    result: result,
+                    outcome: (results.results.roll1.result + results.results.bonus.result) > results.results.target.result ? 1 : 0
+                }
+                );
+            });
+            finishRoll(results.rollId);
+        });
+    });
+
+</script>
+
+<rolltemplate class="sheet-rolltemplate-empty">
+
+</rolltemplate>
+
+<rolltemplate class="sheet-rolltemplate-defence">
+    <div class="sheet-template-container" style="margin-bottom:2px">
+        <div class="sheet-template-header sheet-template-headerFix">{{charactername}} <span>{{name}}</span></div>
+        <div class="sheet-template-row" style="padding-top: 4px;">
+            <span class="sheet-template-span">
+                <span class="sheet-template-spanFlex">
+                    <span class="sheet-template-row-roll" style="line-height: 12px;">{{computed::roll}}</span>
+                    <span style="font-size:10pt; position: relative; top: -1px;">[roll]</span>
+                </span>
+                <span style="font-size: 15pt; position: relative; top: 6px;">+</span>
+                <span class="sheet-template-spanFlex">
+                    <span style="font-size:10pt; font-weight: bold;margin-bottom: -3px;">{{computed::defence}}</span>
+                    <span style="font-size:10pt; position: relative; top: -1px;">[defence]</span>
+                </span>
+                <span style="font-size: 15pt; position: relative; top: 6px;">+</span>
+                <span class="sheet-template-spanFlex">
+                    <span style="font-size:10pt;font-weight: bold;margin-bottom: -3px;">{{computed::modifier}}</span>
+                    <span style="font-size:10pt; position: relative; top: -1px;">[modifier]</span>
+
+                </span>
+                <span style="font-size: 15pt; position: relative; top: 6px;">=</span>
+                <span class="sheet-template-spanFlex">
+                    <span style="font-size:10pt; font-weight: bold;margin-bottom: -3px;">{{computed::finalResult}}</span>
+                    <span style="font-size:10pt; position: relative; top: -1px;">[result]</span>
+
+                </span>
+            </span>
+        </div>
+        {{#rollTotal() mit 1}}
+        <div class="sheet-template-row sheet-template-row-center" style="padding-top: 3px;">
+            <span class="sheet-template-spanFlex">
+                <span style="font-size:10pt; font-weight: bold;margin-bottom: -3px;">{{mitigation}}</span>
+                <span style="font-size:10pt; position: relative; top: -1px;">[mitigation]</span>
+            </span>
+        </div>
+        {{/rollTotal() mit 1}}
+    </div>
+    <div class="sheet-template-container">
+        <div class="sheet-template-header">Passive Effect</div>
+        <div class="sheet-template-row-outcome-effect">{{typeeffect}}</div>
+    </div>
+</rolltemplate>
+
+<rolltemplate class="sheet-rolltemplate-resistance">
+    <div class="sheet-template-container" style="margin-bottom:2px">
+        <div class="sheet-template-header sheet-template-headerFix">{{charactername}} <span>{{name}}</span></div>
+        <div class="sheet-template-row" style="padding-top: 3px;">
+            <span class="sheet-template-span">
+                <span class="sheet-template-spanFlex">
+                    <span class="sheet-template-row-roll" style="line-height: 12px;">{{computed::roll}}</span>
+                    <span style="font-size:10pt; position: relative; top: -1px;">[roll]</span>
+                </span>
+                <span style="font-size: 15pt; position: relative; top: 6px;">+</span>
+                <span class="sheet-template-spanFlex">
+                    <span style="font-size:10pt; font-weight: bold;margin-bottom: -3px;">{{computed::resistance}}</span>
+                    <span style="font-size:10pt; position: relative; top: -1px;">[resistance]</span>
+                </span>
+                <span style="font-size: 15pt; position: relative; top: 6px;">+</span>
+                <span class="sheet-template-spanFlex">
+                    <span style="font-size:10pt;font-weight: bold;margin-bottom: -3px;">{{computed::modifier}}</span>
+                    <span style="font-size:10pt; position: relative; top: -1px;">[modifier]</span>
+                </span>
+                <span style="font-size: 15pt; position: relative; top: 6px;">=</span>
+                <span class="sheet-template-spanFlex">
+                    <span style="font-size:10pt; font-weight: bold;margin-bottom: -3px;">{{computed::finalResult}}</span>
+                    <span style="font-size:10pt; position: relative; top: -1px;">[result]</span>
+                </span>
+            </span>
+        </div>
+    </div>
+</rolltemplate>
+
+<rolltemplate class="sheet-rolltemplate-active">
+    <div class="sheet-template-container" style="margin-bottom:2px">
+        <div class="sheet-template-header sheet-template-headerFix">{{charactername}} <span>{{name}}</span></div>
+        <div class="sheet-template-row" style="padding-top: 3px;">
+            <span class="sheet-template-span">
+                <span class="sheet-template-spanFlex">
+                    <span class="sheet-template-row-roll" style="line-height: 12px;">{{computed::roll}}</span>
+                    <span style="font-size:10pt; position: relative; top: -1px;">[roll]</span>
+                </span>
+                <span style="font-size: 15pt; position: relative; top: 6px;">+</span>
+                <span class="sheet-template-spanFlex">
+                    <span style="font-size:10pt; font-weight: bold;margin-bottom: -3px;">{{computed::stat}}</span>
+                    <span style="font-size:10pt; position: relative; top: -1px; margin-left: -12px; margin-right: -12px;">[{{statName}}]</span>
+                </span>
+                <span style="font-size: 15pt; position: relative; top: 6px;">+</span>
+                <span class="sheet-template-spanFlex">
+                    <span style="font-size:10pt;font-weight: bold;margin-bottom: -3px;">{{computed::modifier}}</span>
+                    <span style="font-size:10pt; position: relative; top: -1px;">[modifier]</span>
+                </span>
+                <span style="font-size: 15pt; position: relative; top: 6px;">=</span>
+                <span class="sheet-template-spanFlex">
+                    <span style="font-size:10pt; font-weight: bold;margin-bottom: -3px;">{{computed::finalResult}}</span>
+                    <span style="font-size:10pt; position: relative; top: -1px;">[result]</span>
+                </span>
+            </span>
+        </div>
+        {{#rollTotal() damhe 1}}
+        <div class="sheet-template-row sheet-template-row-center" style="padding-top: 3px;">
+            <span class="sheet-template-spanFlex">
+                <span style="font-size:10pt; font-weight: bold;margin-bottom: -3px;">{{damage}}</span>
+                <span style="font-size:10pt; position: relative; top: -1px;">[damage]</span>
+            </span>
+        </div>
+        {{/rollTotal() damhe 1}}
+        {{#rollTotal() damhe 2}}
+        <div class="sheet-template-row sheet-template-row-center" style="padding-top: 3px;">
+            <span class="sheet-template-spanFlex">
+                <span style="font-size:10pt; font-weight: bold;margin-bottom: -3px;">{{healing}}</span>
+                <span style="font-size:10pt; position: relative; top: -1px;">[healing]</span>
+            </span>
+        </div>
+        {{/rollTotal() damhe 2}}
+        {{#rollTotal() damhe 3}}
+        {{#condition}}
+        <div class="sheet-template-row sheet-template-row-center" style="padding-top: 3px;font-size:10pt;">
+            <span>
+                {{condition}}<span style="font-size:10pt; position: relative; top: -1px;margin-left:3px">[boon]</span>
+            </span>
+        </div>
+        {{/condition}}
+        {{/rollTotal() damhe 3}}
+        {{#rollTotal() damhe 4}}
+        {{#condition}}
+        <div class="sheet-template-row sheet-template-row-center" style="padding-top: 3px;font-size:10pt;">
+            <span>
+                {{condition}}<span style="font-size:10pt; position: relative; top: -1px;margin-left:3px">[condition]</span>
+            </span>
+        </div>
+        {{/condition}}
+        {{/rollTotal() damhe 4}}
+    </div>
+    {{#flaw}}
+    <div class="sheet-template-container" style="margin-bottom:2px">
+        <div class="sheet-template-header sheet-template-headerCenter">Flaw</div>
+        <div class="sheet-template-row-center sheet-template-row-flex" style="padding-top: 3px;">
+            <span>{{flaw}}</span>
+        </div>
+    </div>
+    {{/flaw}}
+</rolltemplate>
+
+<rolltemplate class="sheet-rolltemplate-reactive">
+    <div class="sheet-template-container">
+        {{#rollTotal() type 1}}
+        <div class="sheet-template-header sheet-template-justify"><span>{{name}}</span> <span>Ethereal Activation</span></div>
+        <div class="sheet-template-row">A successful Defence roll negates the attack.</div>
+        <div class="sheet-template-row">A failed Defence roll halves the attack Damage.</div>
+        <div class="sheet-template-row">After the current Attack is resolved you can immediately move up to 1 metre.</div>
+        <div class="sheet-template-row-outcome">This Movement does not trigger any effects or qualities that rely upon movement.</div>
+        {{/rollTotal() type 1}}
+        {{#rollTotal() type 2}}
+        <div class="sheet-template-header sheet-template-justify"><span>{{name}}</span> <span>Natural Activation</span></div>
+        <div class="sheet-template-row-outcome">Grants 2 free Effort for the current Defence Action</div>
+        {{/rollTotal() type 2}}
+        {{#rollTotal() type 3}}
+        <div class="sheet-template-header sheet-template-justify"><span>{{name}}</span> <span>Physical Activation</span></div>
+        <div class="sheet-template-row">Choose one:</div>
+        <div class="sheet-template-row-outcome">- Prevents any Condition, Paresis, Trauma or Torment Medical Emergency caused by the attack<br>- Double the Damage reduction from this WAR.</div>
+        {{/rollTotal() type 3}}
+    </div>
+</rolltemplate>
+
+<rolltemplate class="sheet-rolltemplate-blank">
+    <div class="sheet-template-container">
+        <div class="sheet-template-header">{{name}}</div>
+        {{#rollTotal() type 1}}
+        <div class="sheet-template-row">Result: <span class="sheet-template-row-roll">{{computed::result}}</span> vs Target {{target}}
+        </div>
+        <div class="sheet-template-row-outcome">
+            {{#rollTotal() computed::outcome 1}}
+            <span class="sheet-underwhelming" style="color:seagreen">Success</span>
+            {{/rollTotal() computed::outcome 1}}
+            {{#rollTotal() computed::outcome 2}}
+            <span class="sheet-underwhelming" style="color:firebrick">Failure</span>
+            {{/rollTotal() computed::outcome 2}}
+        </div>
+        {{/rollTotal() type 1}}
+        {{#rollTotal() type 2}}
+        <div class="sheet-template-row">Die Rolls: <span class="sheet-template-row-roll">{{roll1}}</span>
+            <span class="sheet-template-row-roll">{{roll2}}</span> <span class="sheet-template-row-roll">{{roll3}}</span> <span class="sheet-template-row-roll">{{roll4}}</span>
+        </div>
+    </div>
+    <div class="sheet-template-container" style="margin-top:0px">
+        <div class="sheet-template-header">Results</div>
+        <div class="sheet-template-row-outcome" style="padding-bottom:1px">
+            {{#rollTotal() computed::result 0}}
+            <span class="sheet-underwhelming" style="color:firebrick">No Chance Success</span>
+            {{/rollTotal() computed::result 0}}
+            {{#rollTotal() computed::result 1}}
+            <span class="sheet-underwhelming" style="color:seagreen">High Chance</span>
+            {{/rollTotal() computed::result 1}}
+            {{#rollTotal() computed::result 2}}
+            <span class="sheet-underwhelming" style="color:seagreen">High Chance & Average Chance</span>
+            {{/rollTotal() computed::result 2}}
+            {{#rollTotal() computed::result 3}}
+            <span class="sheet-underwhelming" style="color:seagreen">High Chance, Average Chance & Low Chance</span>
+            {{/rollTotal() computed::result 3}}
+            {{#rollTotal() computed::result 4}}
+            <span class="sheet-underwhelming" style="color:seagreen">Full Chance Success</span>
+            {{/rollTotal() computed::result 4}}
+
+        </div>
+        {{/rollTotal() type 2}}
+    </div>
+</rolltemplate>
+
+<rolltemplate class="sheet-rolltemplate-manoeuvre">
+    <div class="sheet-template-container">
+        <div class="sheet-template-header">{{name}}</div>
+        <div class="sheet-template-row">Roll: <span class="sheet-template-row-roll">{{original}}</span></div>
+        <div class="sheet-template-row sheet-hide">Manoeuvre Value: {{manoeuvre}}</div>
+        <div class="sheet-template-row">Result: {{roll}}</div>
+        <div class="sheet-template-row-outcome">
+            {{#rollTotal() original 1}}
+            <span>You are surprised and lose the first round of combat</span>
+            {{/rollTotal() original 1}}
+            {{#^rollTotal() original 1}}
+            {{#^rollTotal() original 10}}
+            <span>You are sufficiently prepared and act on your turn</span>
+            {{/^rollTotal() original 10}}
+            {{/^rollTotal() original 1}}
+            {{#rollTotal() original 10}}
+            <span>Your reactions were sharp, granting a single action before turn order starts.</span>
+            {{/rollTotal() original 10}}
+        </div>
+    </div>
+</rolltemplate>
+
+<rolltemplate class="sheet-rolltemplate-antagonistdamage">
+    <div class="sheet-template-container">
+        <div class="sheet-template-header sheet-template-headerFix">{{charactername}} <span>Attack: {{name}}</div>
+        <div class="sheet-template-subheader">Targeting: <span style="justify-self: right;">{{targetname}}</span></div>
+
+        <div class="sheet-template-row">
+            Damage: {{damage}} <span>Imposed Roll Penalty: {{computed::penalty}}</span>
+        </div>
+
+        <div class="sheet-template-row">
+            Offence: {{computed::offence}} <span style="margin-left: 34px;">Manipulation: {{computed::manipulation}}</span>
+        </div>
+
+        <div class="sheet-template-row-outcome">
+            Defence Roll: [k](~{{targetdefencename}}|passive)
+        </div>
+    </div>
+    {{#prefix}}
+    <div class="sheet-template-container">
+        <div class="sheet-template-header">Effect</div>
+        <div class="sheet-template-row" style="height:0px;padding:0px"></div>
+        <div class="sheet-template-row-outcome">{{prefix}}</div>
+    </div>
+    {{/prefix}}
+    {{#effort}}
+    <div class="sheet-template-container">
+        <div class="sheet-template-header">Effort</div>
+        <div class="sheet-template-row" style="height:0px;padding:0px"></div>
+        <div class="sheet-template-row-outcome">{{effort}}</div>
+    </div>
+    {{/effort}}
+    {{#info}}
+    <div class="sheet-template-container">
+        <div class="sheet-template-header">Quality Info</div>
+        <div class="sheet-template-row" style="height:0px;padding:0px"></div>
+        <div class="sheet-template-row-outcome-info">{{info}}</div>
+    </div>
+    {{/info}}
+</rolltemplate>
+
+<rolltemplate class="sheet-rolltemplate-ability">
+    <div class="sheet-template-container">
+        <div class="sheet-template-header sheet-template-justify"><span>{{name}}</span> <span>{{ability}} Activation</span></div>
+        <div class="sheet-template-row-outcome">{{description}}</div>
+    </div>
+</rolltemplate>
+
+<rolltemplate class="sheet-rolltemplate-pursuit">
+    <div class="sheet-template-container">
+        <div class="sheet-template-header">{{version}} Check{{pursuitName}}</div>
+        <div class="sheet-template-row">Roll: <span class="sheet-template-row-roll">{{roll}}</span> vs Difficulty {{difficulty}}
+            Result:
+            {{#rollLess() roll difficulty}}
+            <span style="align-self:flex-end;min-width: 2em;font-style: normal;text-align: center;color:firebrick;margin-left:5px">
+                Failed
+            </span>
+            {{/rollLess() roll difficulty}}
+            {{#^rollLess() roll difficulty}}
+            <span style="align-self:flex-end;min-width: 2em;font-style: normal;text-align: center;color:seagreen;margin-left:5px">
+                Passed
+            </span>
+            {{/^rollLess() roll difficulty}}
+        </div>
+    </div>
 </rolltemplate>
\ No newline at end of file