Files
roll20-character-sheets-tester/The ADVANCED Pandemonium/the_ADVANCED_Pandemonium.html
T
2022-07-11 15:30:07 -07:00

2817 lines
216 KiB
HTML

<!--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:3px;min-width:30px">Type:</h4>
<select type="text" class="hiddenSheet activeSelect" name="attr_passive_type" style="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">
<h4 style="font-size: 9pt; margin-bottom: 2px;min-width:61px">Shards Used: </h4>
<input type="number" style="width:25px; background: transparent;grid-area:q;padding-bottom: 3px !important;margin-left: -3px;max-width: 25px;" class="hiddenSheet centered" name="attr_shards_max" value="0+(@{detection_shards})+(@{mitigation_shards})+(@{movement_shards})+(@{shielding_shards})+(@{survival_passive_shards})+(@{defence_shards})-(@{passive_flawed})" disabled>
<input type="hidden" name="attr_passive_flawed" value="0" class="passive_flawed_toggle">
<h4 style="font-size: 10pt; margin-top: -3px;margin-left: -4px;" class="passive_flawed">+2</h4>
</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="shardFlexL" style="width: 47px !important">
<h3 style="line-height: 10px; font-size: 8pt;" class="shardTitle">Strength</h3>
<input type="number" class="hiddenSheet shardLevel" name="attr_defence_shards" value="0">
</div>
<div class="shardFlexR" style="margin-left: 1px;width:50px">
<h3 style="line-height: 10px; font-size: 8pt;" class="shardTitle">Defence</h3>
<input type="number" class="hiddenSheet augmentLevel" name="attr_defence" value="@{defence_shards}+@{defence_bonus}" disabled>
</div>
<div class="shardFlexR" style="margin-left: 1px; margin-right: 5px;width:50px">
<h3 style="line-height: 10px; font-size: 8pt;" class="shardTitle">Resistance</h3>
<input type="number" class="hiddenSheet augmentLevel" name="attr_resistance" value="ceil((@{defence_shards})/2+@{resistance_bonus})" disabled>
</div>
</div>
<div style="display:flex;align-self: end;grid-area:k">
<div class="shardFlexL" style="width: 47px !important">
<h3 style="line-height: 10px; font-size: 8pt;" class="shardTitle">Impact</h3>
<input type="number" class="hiddenSheet shardLevel" name="attr_mitigation_shards" value="0">
</div>
<div class="shardFlexRR" style="margin-left: 1px;">
<h3 style="line-height: 10px; font-size: 8pt;" class="shardTitle">Mitigation</h3>
<input type="number" class="hiddenSheet augmentLevel" name="attr_mitigation" value="@{mitigation_shards}+@{mitigation_bonus}" disabled>
</div>
</div>
</div>
<div style="display:flex;width: 277px;margin-left:0px;margin-right:2px;justify-content: space-between;">
<div style="display:flex;align-self: end;grid-area:z">
<div class="shardFlexL" style="width: 47px !important">
<h3 style="line-height: 10px; font-size: 8pt;" class="shardTitle">Zeal</h3>
<input type="number" class="hiddenSheet shardLevel" name="attr_survival_passive_shards" value="0">
</div>
<div class="shardFlexR" style="margin-left: 1px; width:101px !important;">
<h3 style="line-height: 10px; font-size: 8pt;" class="shardTitle">Hit Points</h3>
<input type="number" class="hiddenSheet augmentLevel" name="attr_survivalPassive" value="@{survival_passive_shards}*1" disabled>
</div>
</div>
<div style="display:flex;align-self: end;grid-area:x">
<div class="shardFlexL" style="width: 47px !important">
<h3 style="line-height: 10px; font-size: 8pt;" class="shardTitle">Spirit</h3>
<input type="number" class="hiddenSheet shardLevel" name="attr_shielding_shards" value="0">
</div>
<div class="shardFlexRR" style="margin-left: 1px;">
<h3 style="line-height: 10px; font-size: 8pt;" class="shardTitle">Shielding</h3>
<input type="number" class="hiddenSheet augmentLevel" name="attr_focusPassive" value="ceil(@{shielding_shards}*0.5)" disabled>
</div>
</div>
</div>
<div style="display:flex;width: 277px;margin-left:0px;margin-right:2px;justify-content: space-between;">
<div style="display:flex;align-self: end;grid-area:m;">
<div class="shardFlexL" style="width: 47px !important">
<h3 style="line-height: 10px; font-size: 8pt;" class="shardTitle">Sight</h3>
<input type="number" class="hiddenSheet shardLevel" name="attr_detection_shards" value="0">
</div>
<div class="shardFlexRR" style="margin-left: 1px; width:101px !important;">
<h3 style="line-height: 10px; font-size: 8pt;" class="shardTitle">Detection Range</h3>
<input type="number" class="hiddenSheet augmentLevel" name="attr_detection" value="@{detection_shards}" disabled>
</div>
</div>
<div style="display:flex;align-self: end;grid-area:gg">
<div class="shardFlexL" style="width: 47px !important">
<h3 style="line-height: 10px; font-size: 8pt;" class="shardTitle">Finesse</h3>
<input type="number" class="hiddenSheet shardLevel" name="attr_movement_shards" value="0">
</div>
<div class="shardFlexR" style="margin-left: 1px; width:75px !important;">
<h3 style="line-height: 10px; font-size: 8pt;" class="shardTitle">Movement</h3>
<input type="number" class="hiddenSheet augmentLevel" name="attr_movement" value="@{movement_shards}" disabled>
</div>
</div>
</div>
<div class="passiveDescription test">
<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: 100% !important; margin: 0px; margin-bottom: 7px; margin-left: 3px;" placeholder="Flaw"></textarea>
<span style="display:flex; height: 13px;">
<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>
</div>
</div>
<div name="pursuits" class="reactiveWarShell" style="height: 159px; 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: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=: @{seventh_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_eigth_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=: @{eigth_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=: @{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_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; margin-top: 3px;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="2" 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;">
<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>
<input type="hidden" name="attr_active_type" value="1" />
<input type="hidden" class="activeTypeName" name="attr_active_type_name" value="Assault" />
<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>
<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">
<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>
<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">
<input type="hidden" class="activeType" name="attr_active_type" value="1" />
<input type="hidden" name="attr_base_damage" value="0">
<h4 style="font-size: 8pt;min-width: 55px;margin-right: -2px;">Shards Used: </h4>
<input type="number" style="width:15px; background: transparent; margin-top: -1px !important; margin-left: -6px; margin-right: -2px; text-align: right !important;" class="hiddenSheet centered" name="attr_shards_max" value="(@{impact_shards})+(@{strength_shards})+(@{sight_shards})+(@{survival_shards})+(@{focus_shards})+(@{finesse_shards})-(@{active_flawed})" disabled>
<input type="hidden" name="attr_active_flawed" value="0" class="flawed_toggle">
<h4 style="font-size: 10pt; margin-top: -3px;" class="flawed">+2</h4>
</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 style="display:flex;align-self: end;">
<div class="shardFlexL">
<h3 style="line-height: 10px; font-size: 9pt;" class="shardTitle">Impact</h3>
<input type="number" class="hiddenSheet shardLevel" name="attr_impact_shards" value="0">
</div>
<div class="shardFlexR" style="margin-left: 1px;width:47px;margin-right:3px">
<input type="hidden" class="activeType" name="attr_active_type" value="1" />
<h3 style="line-height: 10px; font-size: 9pt;" class="shardTitle activeDamage activeMalicious">Damage</h3>
<h3 style="line-height: 10px; font-size: 9pt;" class="shardTitle activeHealing activeBeneficial">Healing</h3>
<input type="number" class="hiddenSheet augmentLevel activeDamage activeMalicious" name="attr_damage_shards_value" value="(@{impact_shards}*2)+@{active_damage_bonus}" disabled>
<input type="number" class="hiddenSheet augmentLevel activeHealing activeBeneficial" name="attr_healing_shards_value" value="@{impact_shards}+@{active_healing_bonus}" disabled>
</div>
</div>
<input type="hidden" class="activeType" name="attr_active_type" value="1" />
<div style="display:flex;align-self: end;">
<div class="shardFlexL">
<h3 style="line-height: 10px; font-size: 8pt;" class="shardTitle">Strength</h3>
<input type="number" class="hiddenSheet shardLevel" name="attr_strength_shards" value="0">
</div>
<div class="shardFlexR" style="margin-left: 1px;margin-right:3px">
<input type="hidden" class="activeType" name="attr_active_type" value="1" />
<h3 style="line-height: 10px; font-size: 9pt;" class="shardTitle activeDamage">Offence</h3>
<h3 style="line-height: 10px; font-size: 9pt;" class="shardTitle activeHealing">Alleviation</h3>
<h3 style="line-height: 10px; font-size: 9pt;" class="shardTitle activeMalicious activeBeneficial">Manipulation</h3>
<input type="number" class="hiddenSheet activeDamage augmentLevel" name="attr_offence" value="@{strength_shards}+@{active_offence_bonus}" disabled>
<input type="number" class="hiddenSheet activeHealing augmentLevel" name="attr_alleviation" value="ceil(@{strength_shards}/2)+@{active_alleviation_bonus}" disabled>
<input type="number" class="hiddenSheet activeMalicious activeBeneficial augmentLevel" name="attr_affliction" value="ceil(@{strength_shards}/2)+@{active_manipulation_bonus}" disabled>
</div>
</div>
</div>
<div class="activeGridInnerTertiaryDouble">
<div style="display:flex;align-self: end;">
<div class="shardFlexL">
<h3 style="line-height: 10px; font-size: 9pt;" class="shardTitle">Zeal</h3>
<input type="number" class="hiddenSheet shardLevel" name="attr_survival_shards" value="0">
</div>
<div class="shardFlexR" style="margin-left: 1px;width: 51px;">
<input type="hidden" class="activeType" name="attr_active_type" value="1" />
<h3 style="line-height: 10px; font-size: 9pt;" class="shardTitle">Recovery</h3>
<input type="number" class="hiddenSheet augmentLevel" name="attr_survival" value="@{survival_shards}" disabled>
</div>
</div>
<div style="display:flex;align-self: end;">
<div class="shardFlexL">
<h3 style="line-height: 10px; font-size: 9pt;" class="shardTitle">Spirit</h3>
<input type="number" class="hiddenSheet shardLevel" name="attr_focus_shards" value="0">
</div>
<div class="shardFlexR" style="margin-left: 1px;width: 50px; ">
<input type="hidden" class="activeType" name="attr_active_type" value="1" />
<h3 style="line-height: 10px; font-size: 9pt;" class="shardTitle">Shielding</h3>
<input type="number" class="hiddenSheet augmentLevel" name="attr_focus" value="ceil(@{focus_shards}/2)" disabled>
</div>
</div>
<div style="display:flex;align-self: end;">
<div class="shardFlexL">
<h3 style="line-height: 10px; font-size: 9pt;" class="shardTitle">Finesse</h3>
<input type="number" class="hiddenSheet shardLevel" name="attr_finesse_shards" value="0">
</div>
<div class="shardFlexR" style="margin-left: 1px;width: 58px;">
<input type="hidden" class="activeType" name="attr_active_type" value="1" />
<h3 style="line-height: 10px; font-size: 9pt;" class="shardTitle">Movement</h3>
<input type="number" class="hiddenSheet augmentLevel" name="attr_finesse" value="ceil(@{finesse_shards}/2)" disabled>
</div>
</div>
<div style="display:flex;align-self: end;">
<div class="shardFlexL">
<h3 style="line-height: 10px; font-size: 9pt;" class="shardTitle">Sight</h3>
<input type="number" class="hiddenSheet shardLevel" name="attr_sight_shards" value="0">
</div>
<div class="shardFlexR" style="margin-left: 1px;width: 67px;">
<input type="hidden" class="activeType" name="attr_active_type" value="1" />
<h3 style="line-height: 10px; font-size: 9pt;" class="shardTitle">Bonus Range</h3>
<input type="number" class="hiddenSheet augmentLevel" name="attr_sight" value="@{sight_shards}" disabled>
</div>
</div>
</div>
<input type="hidden" class="activeType" name="attr_active_type" value="1" />
<input type="hidden" name="attr_active_flawed" value="0" class="flawed_toggle">
<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; top: 101px; 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', 'survival_passive_shards', '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_shards', '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 === 'survival_passive_shards') {
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 = 0;
if (stat === 'shielding_shards') change = Math.round(parseInt(values[stat]) * 0.5);
else 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_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>