Files
2024-06-03 13:15:14 -04:00

38404 lines
2.1 MiB
Plaintext

<!---------------------------------- - COLOR OVERHIDE - ----------------------------------->
<input type='hidden' name="attr_colorOverhide" value="default" class="colorOverHide">
<input type='hidden' name="attr_tier" value="baseline" class="selectedTier">
<input type='hidden' name="attr_talentTierlevel" value="default" class="selectedTierLevel">
<!-- <input type='hidden' name="attr_talentTierlevel" value="trlr" class="selectedTierLevel"> -->
<input type='hidden' name="attr_psionTierlevel" value="default" class="selectedTierLevel">
<!-- <input type='hidden' name="attr_psionTierlevel" value="proxy" class="selectedTierLevel"> -->
<input type='hidden' name="attr_psiadTierlevel" value="default" class="selectedTierLevel">
<!-- <input type='hidden' name="attr_psiadTierlevel" value="advanced" class="selectedTierLevel"> -->
<input type='hidden' name="attr_qinTierlevel" value="default" class="selectedTierLevel">
<input type='hidden' name="attr_inspiredTierlevel" value="daredevil" class="selectedTierLevel">
<!-- <input type='hidden' name="attr_inpiredTierlevel" value="stalwart" class="selectedTierLevel">
<input type='hidden' name="attr_inpiredTierlevel" value="mesmerist" class="selectedTierLevel"> -->
<input type="hidden" name='attr_firstOpenedSheet' value="1"/>
<input type="hidden" name='attr_equipmentType' class="selectedEquipmentType" value='weapon' />
<input type='hidden' name="attr_transporttech" class="selectedTech" value="hard">
<input type="hidden" name='attr_sourcetype' class="sourceType" value='source' />
<!-------------------------------- - Section Visibility - --------------------------------->
<input type="hidden" name='attr_secSkl' value='1' />
<input type="hidden" name='attr_secAtt' value='1' />
<input type="hidden" name='attr_secMgAtt' value='1' />
<input type="hidden" name='attr_secMgAttAlt' value='0' />
<input type="hidden" name='attr_secTrHlt' value='1' />
<input type="hidden" name='attr_secAppHlt' value='1' />
<input type="hidden" name='attr_secModCond' value='0' />
<input type="hidden" name='attr_secEdSkTgUp' value='1' />
<input type="hidden" name='attr_secInsFac' value='1' />
<input type="hidden" name='attr_secGft' value='1' />
<input type="hidden" name='attr_secQtTrs' value='1' />
<input type="hidden" name='attr_secCsMod' value='1' />
<input type="hidden" name='attr_secTransf' value='1' />
<input type="hidden" name='attr_secMgEd' value='1' />
<input type="hidden" name='attr_secQtPwr' value='1' />
<input type="hidden" name='attr_secJikPwr' value='1' />
<input type="hidden" name='attr_secApc' value='1' />
<input type="hidden" name='attr_secPsiPsiTr' value='1' />
<input type="hidden" name='attr_secPonApt' value='1' />
<input type="hidden" name='attr_secQinApt' value='1' />
<input type="hidden" name='attr_secPiadApt' value='1' />
<input type="hidden" name='attr_secPonAuxMd' value='1' />
<input type="hidden" name='attr_secQinAuxMd' value='1' />
<input type="hidden" name='attr_secCondInj' value='1' />
<input type="hidden" name='attr_secQinCondInj' value='1' />
<input type="hidden" name='attr_secFlwHlt' value='1' />
<input type="hidden" name='attr_secPths' value='1' />
<input type="hidden" name='attr_secAnPaths' value='1' />
<input type="hidden" name='attr_secNotsAsp' value='1' />
<input type="hidden" name='attr_secExpDfs' value='0' />
<input type="hidden" name='attr_secSrcSdEf' value='1' />
<input type="hidden" name='attr_secGenPwr' value='1' />
<input type="hidden" name='attr_secTrCondUAbl' value='1' />
<input type="hidden" name='attr_secTgSytTg' value='1' />
<input type="hidden" name='attr_secAltCondInj' value='1' />
<input type="hidden" name='attr_secBioArm' value='1' />
<input type="hidden" name='attr_secBioWep' value='1' />
<input type="hidden" name='attr_secBioGer' value='1' />
<input type="hidden" name='attr_secNotsOtTrts' value='1' />
<!-------------------------------- - FIM Section Visibility - --------------------------------->
<!-------------------------------- - FIM COLOR OVERHIDE - --------------------------------->
<div class="customNav-Tabs">
<ul class="nav nav-tabs">
<li class="active">
<a href="javascript:void(0);" data-tab="charsheet">Character Sheet</a>
</li>
<li class="">
<a href="javascript:void(0);" data-tab="bioinfo"> Bio &amp; Info</a>
</li>
<li class="">
<a href="javascript:void(0);" data-tab="attributesabilities">Attributes &amp; Abilities</a>
</li>
</ul>
</div>
<div class="pseudoBody">
<!----------------------------------- - MODAL SYSTEM - ------------------------------------>
<input type="hidden" class="expanderFlagModal" value="0" name="attr_modal_Display">
<div class="modalBackground">
<button name="act_close_modal" type="action" class="modalButton"></button>
</div>
<input type="hidden" class="expanderFlagModalRoll" value="0" name="attr_modal_Display_Roll">
<div class="modalBackgroundRoll">
<button name="act_close_modal_Roll" type="action" class="modalButtonRoll"></button>
</div>
<!--------------------------------- - FIM MODAL SYSTEM - ---------------------------------->
<!--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% - NAVBUTTON - %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%-->
<input type="hidden" class="tabstoggle" name='attr_sheetTab' value='sheet' />
<div id="top"></div>
<div class="pseudoNav flex jcSpaceBetween">
<button type="action" name="act_sheet">Sheet</button>
<button type="action" name="act_equipments">Equipment</button>
<button type="action" name="act_rolls">Rolls</button>
<button type="action" name="act_combatMode">Circumstantial</button>
<button type="action" name="act_settings">Options</button>
<button type="action" name="act_credits">Credits</button>
</div>
<!--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% - FIM NAVBUTTON - %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%-->
<div class="pseudoDisplay flex fColumn">
<!--//////////////////////////////// - DEFAULT ROLLS - ///////////////////////////////-->
<input type='hidden' name="attr_core_roll_display" value="0" class="defaultRollingDisplay">
<div class="defaultRollingDisplay coreRoll modalRoll">
<div class="rollTitleSection">
<div class="rollTitleSectionInner">
<div class="names">
<input class="characterName pointerEventsNone" name="attr_character_name" type="text" readonly/>
<div class="rollName">
Core Roll
</div>
</div>
<div class="target">
<input class="targetNumber pointerEventsNone" name="attr_targetnumber" type="text" readonly/>
<div class="targetIcon">
gps_fixed
</div>
</div>
</div>
</div>
<div class="rollMiddleSection1">
<div class="trait1">
<select class="traitName" name="attr_skill">
<option value="0+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=No Selected}} {{skillValue=0}}" selected disabled hidden>Select Skill</option>
<option class="PC" value="0+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=None}} {{skillValue=0}}">-None-</option>
<option class="PC" disabled ></option>
<option class="PC" value="@{aim}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Aim}} {{skillValue=@{aim}}}">Aim</option>
<option class="PC" value="@{athletics}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Athletics}} {{skillValue=@{athletics}}}">Athletics</option>
<option class="PC" value="@{close_combat}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Close Combat}} {{skillValue=@{close_combat}}}">Close Combat</option>
<option class="PC" value="@{command}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Command}} {{skillValue=@{command}}}">Command</option>
<option class="PC" value="@{culture}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Culture}} {{skillValue=@{culture}}}">Culture</option>
<option class="PC" value="@{empathy}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Empathy}} {{skillValue=@{empathy}}}">Empathy</option>
<option class="PC" value="@{enigmas}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Enigmas}} {{skillValue=@{enigmas}}}">Enigmas</option>
<option class="PC" value="@{humanities}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Humanities}} {{skillValue=@{humanities}}}">Humanities</option>
<option class="PC" disabled ></option>
<option class="PC" value="@{integrity}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Integrity}} {{skillValue=@{integrity}}}">Integrity</option>
<option class="PC" value="@{larceny}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Larceny}} {{skillValue=@{larceny}}}">Larceny</option>
<option class="PC" value="@{medicine}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Medicine}} {{skillValue=@{medicine}}}">Medicine</option>
<option class="PC" value="@{persuasion}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Persuasion}} {{skillValue=@{persuasion}}}">Persuasion</option>
<option class="PC" value="@{pilot}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Pilot}} {{skillValue=@{pilot}}}">Pilot</option>
<option class="PC" value="@{science}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Science}} {{skillValue=@{science}}}">Science</option>
<option class="PC" value="@{survival}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Survival}} {{skillValue=@{survival}}}">Survival</option>
<option class="PC" value="@{technology}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Technology}} {{skillValue=@{technology}}}">Technology</option>
<option class="anima" value="@{animaskillathletics}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Athletics}} {{skillValue=@{animaskillathletics}}}">Athletics</option>
<option class="anima" value="@{animaskillblock}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Block}} {{skillValue=@{animaskillblock}}}">Block</option>
<option class="anima" value="@{animaskillstealth}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Stealth}} {{skillValue=@{animaskillstealth}}}">Stealth</option>
<option class="anima" value="@{animaskilllore}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Lore}} {{skillValue=@{animaskilllore}}}">Lore</option>
<option class="anima" value="@{animaskillcrafting}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Crafting}} {{skillValue=@{animaskillcrafting}}}">Crafting</option>
<option class="anima" value="@{animaskillpersuasion}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Persuasion}} {{skillValue=@{animaskillpersuasion}}}">Persuasion</option>
<option class="anima" value="@{animaskillphysicalattack}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Physical Attack}} {{skillValue=@{animaskillphysicalattack}}}">Physical Attack</option>
<option class="anima" value="@{animaskillmagicattack}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Magic Attack}} {{skillValue=@{animaskillmagicattack}}}">Magic Attack</option>
<option class="anima" value="@{animaskillarcana}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Arcana}} {{skillValue=@{animaskillarcana}}}">Arcana</option>
</select>
<input class="traitValue pointerEventsNone" name="attr_skillShowInRoll" type="text" readonly/>
</div>
<div class="trait2">
<select class="PC traitName" name="attr_attribute">
<option value="{{attribute=No Selected}} {{attributeValue=0}} {{sucess=[[{[[0" selected disabled hidden>Select Attribute</option>
<option value="{{attribute=None}} {{attributeValue=0}} {{sucess=[[{[[0">-None-</option>
<option class="PC" disabled ></option>
<option value="{{attribute=Intellect}} {{attributeValue=@{intellect_reading_roll}}} {{sucess=[[{[[@{intellect}">Intellect</option>
<option value="{{attribute=Cunning}} {{attributeValue=@{cunning_reading_roll}}} {{sucess=[[{[[@{cunning}">Cunning</option>
<option value="{{attribute=Resolve}} {{attributeValue=@{resolve_reading_roll}}} {{sucess=[[{[[@{resolve}">Resolve</option>
<option class="PC" disabled ></option>
<option value="{{attribute=Might}} {{attributeValue=@{might_reading_roll}}} {{sucess=[[{[[@{might}">Might</option>
<option value="{{attribute=Dexterity}} {{attributeValue=@{dexterity_reading_roll}}} {{sucess=[[{[[@{dexterity}">Dexterity</option>
<option value="{{attribute=Stamina}} {{attributeValue=@{stamina_reading_roll}}} {{sucess=[[{[[@{stamina}">Stamina</option>
<option class="PC" disabled ></option>
<option value="{{attribute=Presence}} {{attributeValue=@{presence_reading_roll}}} {{sucess=[[{[[@{presence}">Presence</option>
<option value="{{attribute=Manipulation}} {{attributeValue=@{manipulation_reading_roll}}} {{sucess=[[{[[@{manipulation}">Manipulation</option>
<option value="{{attribute=Composure}} {{attributeValue=@{composure_reading_roll}}} {{sucess=[[{[[@{composure}">Composure</option>
</select>
<select class="anima traitName" name="attr_attribute">
<option value="{{attribute=No Selected}} {{attributeValue=0}} {{sucess=[[{[[0" selected disabled>Select Approach</option>
<option value="{{attribute=None}} {{attributeValue=0}} {{sucess=[[{[[0">-None-</option>
<option value="{{attribute=Force}} {{attributeValue=@{animaforce_reading_roll}}} {{sucess=[[{[[@{animaforce}">Force</option>
<option value="{{attribute=Finesse}} {{attributeValue=@{animafinesse_reading_roll}}} {{sucess=[[{[[@{animafinesse}">Finesse</option>
<option value="{{attribute=Resilience}} {{attributeValue=@{animaresilience_reading_roll}}} {{sucess=[[{[[@{animaresilience}">Resilience</option>
</select>
<input class="traitValue pointerEventsNone" name="attr_attributeShowInRoll" value="0" type="text" readonly/>
</div>
</div>
<div class="rollMiddleSection2">
<div class="modifier">
<div class="modifierTitle">
Dice Modifier
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_dice_modifier" type="number"/>
</div>
</div>
<div class="modifier">
<div class="modifierTitle">
Enhancement
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_enhancements" type="number"/>
</div>
</div>
</div>
<div class="rollEndingSection">
<button class="rollEndingSectionInner" type="action" name="act_core_roll">
<div class="diceGraf">
<div class="writingROLL">
ROLL
</div>
<div class="diceIcon">
A
<div class="numberHider"></div>
</div>
</div>
</button>
</div>
</div>
<input type='hidden' name="attr_generic_roll_display" value="0" class="genericRollDisplay">
<div class="defaultRollingDisplay genericRoll modalRoll">
<div class="rollTitleSection">
<div class="rollTitleSectionInner">
<div class="names">
<input class="characterName pointerEventsNone" name="attr_character_name" type="text" readonly/>
<div class="rollName">
Generic Roll
</div>
</div>
<div class="target">
<!-- <input class="targetNumber pointerEventsNone" name="attr_targetnumber" type="text" readonly/> -->
<select class="targetNumber" name="attr_targetnumber">
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div class="targetIcon">
gps_fixed
</div>
</div>
</div>
</div>
<div class="rollMiddleSection1">
<div class="trait1">
<div class="traitName" name="attr_skill">
Trait 1
</div>
<input class="traitValue" name="attr_trait_1" value="00" type="number"/>
</div>
<div class="trait2">
<div class="traitName" name="attr_skill">
Trait 2
</div>
<input class="traitValue" name="attr_trait_2" value="00" type="number"/>
</div>
</div>
<div class="rollMiddleSection2">
<div class="modifier">
<div class="modifierTitle">
Dice Modifier
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_dice_modifier" type="number"/>
</div>
</div>
<div class="modifier">
<div class="modifierTitle">
Enhancement
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_enhancements" type="number"/>
</div>
</div>
</div>
<div class="rollEndingSection">
<button class="rollEndingSectionInner" type="action" name="act_generic_roll">
<div class="diceGraf">
<div class="writingROLL">
ROLL
</div>
<div class="diceIcon">
A
<div class="numberHider"></div>
</div>
</div>
</button>
</div>
</div>
<input type='hidden' name="attr_initiative_roll_display" value="0" class="initiativeRollDisplay">
<div class="defaultRollingDisplay initiativeRoll modalRoll">
<div class="rollTitleSection">
<div class="rollTitleSectionInner">
<div class="names">
<input class="characterName pointerEventsNone" name="attr_character_name" type="text" readonly/>
<div class="rollName">
Initiative Roll
</div>
</div>
<div class="target">
<input class="targetNumber pointerEventsNone" name="attr_targetnumber" type="text" readonly/>
<div class="targetIcon">
gps_fixed
</div>
</div>
</div>
</div>
<div class="rollMiddleSection1 PC">
<div class="trait1">
<!-- <select class="traitName" name="attr_skill">
</select> -->
<input class="traitName pointerEventsNone" name="attr_initSkillName" type="text" value="Athletics" readonly/>
<input class="traitValue pointerEventsNone" name="attr_initSkillValue" type="text" value="0" readonly/>
</div>
<div class="trait2">
<input class="traitName pointerEventsNone" name="attr_initAttributeName" value="Cunning" type="text" readonly/>
<input class="traitValue pointerEventsNone" name="attr_initAttributeValue" type="text" value="1" readonly/>
</div>
</div>
<div class="rollMiddleSection1 anima">
<div class="trait1">
<input class="traitName pointerEventsNone" name="attr_anima_initSkillName" type="text" value="Athletics" readonly/>
<input class="traitValue pointerEventsNone" name="attr_anima_initSkillValue" type="text" value="0" readonly/>
</div>
<div class="trait2">
<input class="traitName pointerEventsNone" name="attr_anima_initAttributeName" value="Force" type="text" readonly/>
<input class="traitValue pointerEventsNone" name="attr_anima_initAttributeValue" type="text" value="1" readonly/>
</div>
</div>
<div class="rollMiddleSection2">
<div class="modifier">
<div class="modifierTitle">
Dice Modifier
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_dice_modifier" type="number"/>
</div>
</div>
<div class="modifier">
<div class="modifierTitle">
Enhancement
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_enhancements" type="number"/>
</div>
</div>
</div>
<div class="rollEndingSection PC">
<button class="rollEndingSectionInner" type="action" name="act_initiative_roll">
<div class="diceGraf">
<div class="writingROLL">
ROLL
</div>
<div class="diceIcon">
A
<div class="numberHider"></div>
</div>
</div>
</button>
</div>
<div class="rollEndingSection anima">
<button class="rollEndingSectionInner" type="action" name="act_anima_initiative_roll">
<div class="diceGraf">
<div class="writingROLL">
ROLL
</div>
<div class="diceIcon">
A
<div class="numberHider"></div>
</div>
</div>
</button>
</div>
</div>
<div id="customRolls">
<input type='hidden' name="attr_custominitial_roll_display" value="0" class="customInitialRollDisplay">
<div class="defaultRollingDisplay customInitialRoll modalRoll customRepeating">
<fieldset class="repeating_customroll">
<input type="hidden" class="expanderFlag" value="0" name="attr_customroll_expand">
<div class="customRollContainer">
<div class="defaultRollingDisplay singleCustomRoll secondaryColorBackground">
<div class="rollTitleSection">
<div class="flex aiCenter jcSpaceBetween topHeader">
<input type="text" name="attr_customrowtype01" class="inputWeaponTitle" placeholder="Custom Roll" />
<div class="flex displayNone">
<input type="checkbox" class="expander" name="attr_customroll_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="rollTitleSectionInner secondaryColorBackground">
<div class="names">
<div class="rollName">
<input class="characterName" name="attr_customrollName01" type="text" placeholder=" "/>
</div>
</div>
<div class="target">
<!-- <input class="targetNumber pointerEventsNone" name="attr_targetnumber" type="text" readonly/> -->
<input type='hidden' name="attr_customrollTargetNumber01" value="default" class="targetSelected">
<select class="targetNumber primaryColorFont" name="attr_customrollTargetNumber01">
<option value="DF" selected>Tg</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div>
TG
</div>
<!-- <div class="targetIcon">
gps_fixed
</div> -->
</div>
</div>
</div>
<div class="customRollExpandedArea">
<input type="hidden" class="cRTabsToggle" name='attr_cr01tab' value='cr01-traits'/>
<div class="cRTabButtons flex jcSpaceBetween">
<button class="activeButton" type="action" name="act_cr01-traits">
Traits
</button>
<button type="action" name="act_cr01-description">
Description
</button>
</div>
<div class="cRTabsContent">
<div class="cRTraitsTab">
<div class="rollMiddleSection1">
<div class="trait1">
<!-- <div class="traitName" name="attr_customroll-skillname1-1">
Trait 1
</div> -->
<input class="traitName" name="attr_customrollSkillName0101" placeholder="Trait 1" type="text"/>
<input class="traitValue" name="attr_customrollSkillValue0101" placeholder="0" type="number"/>
</div>
<div class="trait2">
<input class="traitName" name="attr_customrollSkillName0201" placeholder="Trait 2" type="text"/>
<input class="traitValue" name="attr_customrollSkillValue0201" placeholder="0" type="number"/>
</div>
</div>
<div class="rollMiddleSection2">
<div class="modifier">
<div class="modifierTitle">
Dice Modifier
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_customrollDiceModifier01" placeholder="0" type="number"/>
</div>
</div>
<div class="modifier">
<div class="modifierTitle">
Enhancement
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_customrollEnhancements01" placeholder="0" type="number"/>
</div>
</div>
</div>
</div>
<div class="cRDescriptionTab">
<textarea name="attr_cr01_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
<div class="rollEndingSection">
<button class="rollEndingSectionInner tertiaryColorBackground" type="action" name="act_genericroll01">
<div class="diceGraf">
<div class="writingROLL primaryColorFont">
ROLL
</div>
<div class="diceIcon colorFont">
A
<div class="numberHider"></div>
</div>
</div>
</button>
</div>
</div>
<div class="defaultRollingDisplay singleCustomRoll secondaryColorBackground">
<div class="rollTitleSection">
<div class="flex aiCenter jcSpaceBetween topHeader">
<input type="text" name="attr_customrowtype02" class="inputWeaponTitle" placeholder="Custom Roll" />
<div class="flex displayNone">
<input type="checkbox" class="expander" name="attr_customroll_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="rollTitleSectionInner secondaryColorBackground">
<div class="names">
<div class="rollName">
<input class="characterName" name="attr_customrollName02" type="text" placeholder=" "/>
</div>
</div>
<div class="target">
<!-- <input class="targetNumber pointerEventsNone" name="attr_targetnumber" type="text" readonly/> -->
<input type='hidden' name="attr_customrollTargetNumber02" value="default" class="targetSelected">
<select class="targetNumber primaryColorFont" name="attr_customrollTargetNumber02">
<option value="DF" selected>Tg</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div>
TG
</div>
<!-- <div class="targetIcon">
gps_fixed
</div> -->
</div>
</div>
</div>
<div class="customRollExpandedArea">
<input type="hidden" class="cRTabsToggle" name='attr_cr02tab' value='cr02-traits'/>
<div class="cRTabButtons flex jcSpaceBetween">
<button class="activeButton" type="action" name="act_cr02-traits">
Traits
</button>
<button type="action" name="act_cr02-description">
Description
</button>
</div>
<div class="cRTabsContent">
<div class="cRTraitsTab">
<div class="rollMiddleSection1">
<div class="trait1">
<!-- <div class="traitName" name="attr_customroll-skillname1-1">
Trait 1
</div> -->
<input class="traitName" name="attr_customrollSkillName0102" placeholder="Trait 1" type="text"/>
<input class="traitValue" name="attr_customrollSkillValue0102" placeholder="0" type="number"/>
</div>
<div class="trait2">
<input class="traitName" name="attr_customrollSkillName0202" placeholder="Trait 2" type="text"/>
<input class="traitValue" name="attr_customrollSkillValue0202" placeholder="0" type="number"/>
</div>
</div>
<div class="rollMiddleSection2">
<div class="modifier">
<div class="modifierTitle">
Dice Modifier
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_customrollDiceModifier02" placeholder="0" type="number"/>
</div>
</div>
<div class="modifier">
<div class="modifierTitle">
Enhancement
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_customrollEnhancements02" placeholder="0" type="number"/>
</div>
</div>
</div>
</div>
<div class="cRDescriptionTab">
<textarea name="attr_cr02_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
<div class="rollEndingSection">
<button class="rollEndingSectionInner tertiaryColorBackground" type="action" name="act_genericroll02">
<div class="diceGraf">
<div class="writingROLL primaryColorFont">
ROLL
</div>
<div class="diceIcon colorFont">
A
<div class="numberHider"></div>
</div>
</div>
</button>
</div>
</div>
<div class="defaultRollingDisplay singleCustomRoll secondaryColorBackground">
<div class="rollTitleSection">
<div class="flex aiCenter jcSpaceBetween topHeader">
<input type="text" name="attr_customrowtype03" class="inputWeaponTitle" placeholder="Custom Roll" />
<div class="flex displayNone">
<input type="checkbox" class="expander" name="attr_customroll_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="rollTitleSectionInner secondaryColorBackground">
<div class="names">
<div class="rollName">
<input class="characterName" name="attr_customrollName03" type="text" placeholder=" "/>
</div>
</div>
<div class="target">
<!-- <input class="targetNumber pointerEventsNone" name="attr_targetnumber" type="text" readonly/> -->
<input type='hidden' name="attr_customrollTargetNumber03" value="default" class="targetSelected">
<select class="targetNumber primaryColorFont" name="attr_customrollTargetNumber03">
<option value="DF" selected>Tg</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div>
TG
</div>
<!-- <div class="targetIcon">
gps_fixed
</div> -->
</div>
</div>
</div>
<div class="customRollExpandedArea">
<input type="hidden" class="cRTabsToggle" name='attr_cr03tab' value='cr03-traits'/>
<div class="cRTabButtons flex jcSpaceBetween">
<button class="activeButton" type="action" name="act_cr03-traits">
Traits
</button>
<button type="action" name="act_cr03-description">
Description
</button>
</div>
<div class="cRTabsContent">
<div class="cRTraitsTab">
<div class="rollMiddleSection1">
<div class="trait1">
<!-- <div class="traitName" name="attr_customroll-skillname1-1">
Trait 1
</div> -->
<input class="traitName" name="attr_customrollSkillName0103" placeholder="Trait 1" type="text"/>
<input class="traitValue" name="attr_customrollSkillValue0103" placeholder="0" type="number"/>
</div>
<div class="trait2">
<input class="traitName" name="attr_customrollSkillName0203" placeholder="Trait 2" type="text"/>
<input class="traitValue" name="attr_customrollSkillValue0203" placeholder="0" type="number"/>
</div>
</div>
<div class="rollMiddleSection2">
<div class="modifier">
<div class="modifierTitle">
Dice Modifier
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_customrollDiceModifier03" placeholder="0" type="number"/>
</div>
</div>
<div class="modifier">
<div class="modifierTitle">
Enhancement
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_customrollEnhancements03" placeholder="0" type="number"/>
</div>
</div>
</div>
</div>
<div class="cRDescriptionTab">
<textarea name="attr_cr03_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
<div class="rollEndingSection">
<button class="rollEndingSectionInner tertiaryColorBackground" type="action" name="act_genericroll03">
<div class="diceGraf">
<div class="writingROLL primaryColorFont">
ROLL
</div>
<div class="diceIcon colorFont">
A
<div class="numberHider"></div>
</div>
</div>
</button>
</div>
</div>
</div>
</fieldset>
</div>
<input type='hidden' name="attr_custominitial_initiative_roll_display" value="0" class="customInitialRollDisplay">
<div class="defaultRollingDisplay customInitialRoll modalRoll customRepeating">
<fieldset class="repeating_custominitiative">
<input type="hidden" class="expanderFlag" value="0" name="attr_custominitiative_expand">
<div class="customRollContainer">
<div class="defaultRollingDisplay singleCustomRoll secondaryColorBackground">
<div class="rollTitleSection">
<div class="flex aiCenter jcSpaceBetween topHeader">
<input type="text" name="attr_custominittype01" class="inputWeaponTitle" placeholder="Custom Initiative" />
<div class="flex displayNone">
<input type="checkbox" class="expander" name="attr_custominitiative_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="rollTitleSectionInner secondaryColorBackground">
<div class="names">
<div class="rollName">
<input class="characterName" name="attr_custominitiativeName01" type="text" placeholder=" "/>
</div>
</div>
<div class="target">
<!-- <input class="targetNumber pointerEventsNone" name="attr_targetnumber" type="text" readonly/> -->
<input type='hidden' name="attr_custominitiativeTargetNumber01" value="default" class="targetSelected">
<select class="targetNumber primaryColorFont" name="attr_custominitiativeTargetNumber01">
<option value="DF" selected>Tg</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div>
TG
</div>
<!-- <div class="targetIcon">
gps_fixed
</div> -->
</div>
</div>
</div>
<div class="customRollExpandedArea">
<input type="hidden" class="cITabsToggle" name='attr_ci01tab' value='ci01-traits'/>
<div class="cRTabButtons flex jcSpaceBetween">
<button class="activeButton" type="action" name="act_ci01-traits">
Traits
</button>
<button type="action" name="act_ci01-description">
Description
</button>
</div>
<div class="cRTabsContent">
<div class="cRTraitsTab">
<div class="rollMiddleSection1">
<div class="trait1">
<!-- <div class="traitName" name="attr_customroll-skillname1-1">
Trait 1
</div> -->
<input class="traitName" name="attr_custominitiativeSkillName0101" placeholder="Trait 1" type="text"/>
<input class="traitValue primaryColorFont" name="attr_custominitiativeSkillValue0101" placeholder="0" type="number"/>
</div>
<div class="trait2">
<input class="traitName" name="attr_custominitiativeSkillName0201" placeholder="Trait 2" type="text"/>
<input class="traitValue primaryColorFont" name="attr_custominitiativeSkillValue0201" placeholder="0" type="number"/>
</div>
</div>
<div class="rollMiddleSection2">
<div class="modifier">
<div class="modifierTitle">
Dice Modifier
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_custominitiativeDiceModifier01" placeholder="0" type="number"/>
</div>
</div>
<div class="modifier">
<div class="modifierTitle">
Enhancement
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_custominitiativeEnhancements01" placeholder="0" type="number"/>
</div>
</div>
</div>
</div>
<div class="cRDescriptionTab">
<textarea name="attr_ci01_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
<div class="rollEndingSection">
<button class="rollEndingSectionInner tertiaryColorBackground" type="action" name="act_custominitiative01">
<div class="diceGraf">
<div class="writingROLL primaryColorFont">
ROLL
</div>
<div class="diceIcon colorFont">
A
<div class="numberHider"></div>
</div>
</div>
</button>
</div>
</div>
<div class="defaultRollingDisplay singleCustomRoll secondaryColorBackground">
<div class="rollTitleSection">
<div class="flex aiCenter jcSpaceBetween topHeader">
<input type="text" name="attr_custominittype02" class="inputWeaponTitle" placeholder="Custom Initiative" />
<div class="flex displayNone">
<input type="checkbox" class="expander" name="attr_custominitiative_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="rollTitleSectionInner secondaryColorBackground">
<div class="names">
<div class="rollName">
<input class="characterName" name="attr_custominitiativeName02" type="text" placeholder=" "/>
</div>
</div>
<div class="target">
<!-- <input class="targetNumber pointerEventsNone" name="attr_targetnumber" type="text" readonly/> -->
<input type='hidden' name="attr_custominitiativeTargetNumber02" value="default" class="targetSelected">
<select class="targetNumber primaryColorFont" name="attr_custominitiativeTargetNumber02">
<option value="DF" selected>Tg</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div>
TG
</div>
<!-- <div class="targetIcon">
gps_fixed
</div> -->
</div>
</div>
</div>
<div class="customRollExpandedArea">
<input type="hidden" class="cITabsToggle" name='attr_ci02tab' value='ci02-traits'/>
<div class="cRTabButtons flex jcSpaceBetween">
<button class="activeButton" type="action" name="act_ci02-traits">
Traits
</button>
<button type="action" name="act_ci02-description">
Description
</button>
</div>
<div class="cRTabsContent">
<div class="cRTraitsTab">
<div class="rollMiddleSection1">
<div class="trait1">
<!-- <div class="traitName" name="attr_customroll-skillname1-1">
Trait 1
</div> -->
<input class="traitName" name="attr_custominitiativeSkillName0102" placeholder="Trait 1" type="text"/>
<input class="traitValue primaryColorFont" name="attr_custominitiativeSkillValue0102" placeholder="0" type="number"/>
</div>
<div class="trait2">
<input class="traitName" name="attr_custominitiativeSkillName0202" placeholder="Trait 2" type="text"/>
<input class="traitValue primaryColorFont" name="attr_custominitiativeSkillValue0202" placeholder="0" type="number"/>
</div>
</div>
<div class="rollMiddleSection2">
<div class="modifier">
<div class="modifierTitle">
Dice Modifier
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_custominitiativeDiceModifier02" placeholder="0" type="number"/>
</div>
</div>
<div class="modifier">
<div class="modifierTitle">
Enhancement
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_custominitiativeEnhancements02" placeholder="0" type="number"/>
</div>
</div>
</div>
</div>
<div class="cRDescriptionTab">
<textarea name="attr_ci02_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
<div class="rollEndingSection">
<button class="rollEndingSectionInner tertiaryColorBackground" type="action" name="act_custominitiative02">
<div class="diceGraf">
<div class="writingROLL primaryColorFont">
ROLL
</div>
<div class="diceIcon colorFont">
A
<div class="numberHider"></div>
</div>
</div>
</button>
</div>
</div>
<div class="defaultRollingDisplay singleCustomRoll secondaryColorBackground">
<div class="rollTitleSection">
<div class="flex aiCenter jcSpaceBetween topHeader">
<input type="text" name="attr_custominittype03" class="inputWeaponTitle" placeholder="Custom Initiative" />
<div class="flex displayNone">
<input type="checkbox" class="expander" name="attr_custominitiative_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="rollTitleSectionInner secondaryColorBackground">
<div class="names">
<div class="rollName">
<input class="characterName" name="attr_custominitiativeName03" type="text" placeholder=" "/>
</div>
</div>
<div class="target">
<!-- <input class="targetNumber pointerEventsNone" name="attr_targetnumber" type="text" readonly/> -->
<input type='hidden' name="attr_custominitiativeTargetNumber03" value="default" class="targetSelected">
<select class="targetNumber primaryColorFont" name="attr_custominitiativeTargetNumber03">
<option value="DF" selected>Tg</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div>
TG
</div>
<!-- <div class="targetIcon">
gps_fixed
</div> -->
</div>
</div>
</div>
<div class="customRollExpandedArea">
<input type="hidden" class="cITabsToggle" name='attr_ci03tab' value='ci03-traits'/>
<div class="cRTabButtons flex jcSpaceBetween">
<button class="activeButton" type="action" name="act_ci03-traits">
Traits
</button>
<button type="action" name="act_ci03-description">
Description
</button>
</div>
<div class="cRTabsContent">
<div class="cRTraitsTab">
<div class="rollMiddleSection1">
<div class="trait1">
<!-- <div class="traitName" name="attr_customroll-skillname1-1">
Trait 1
</div> -->
<input class="traitName" name="attr_custominitiativeSkillName0103" placeholder="Trait 1" type="text"/>
<input class="traitValue primaryColorFont" name="attr_custominitiativeSkillValue0103" placeholder="0" type="number"/>
</div>
<div class="trait2">
<input class="traitName" name="attr_custominitiativeSkillName0203" placeholder="Trait 2" type="text"/>
<input class="traitValue primaryColorFont" name="attr_custominitiativeSkillValue0203" placeholder="0" type="number"/>
</div>
</div>
<div class="rollMiddleSection2">
<div class="modifier">
<div class="modifierTitle">
Dice Modifier
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_custominitiativeDiceModifier03" placeholder="0" type="number"/>
</div>
</div>
<div class="modifier">
<div class="modifierTitle">
Enhancement
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_custominitiativeEnhancements03" placeholder="0" type="number"/>
</div>
</div>
</div>
</div>
<div class="cRDescriptionTab">
<textarea name="attr_ci03_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
<div class="rollEndingSection">
<button class="rollEndingSectionInner tertiaryColorBackground" type="action" name="act_custominitiative03">
<div class="diceGraf">
<div class="writingROLL primaryColorFont">
ROLL
</div>
<div class="diceIcon colorFont">
A
<div class="numberHider"></div>
</div>
</div>
</button>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<input type='hidden' name="attr_trait_roll_display" value="0" class="traitRollDisplay">
<div class="defaultRollingDisplay traitRoll modalRoll">
<div class="rollTitleSection">
<div class="rollTitleSectionInner">
<div class="names">
<input class="characterName pointerEventsNone" name="attr_character_name" type="text" readonly/>
<div class="rollName">
Trait Roll
</div>
</div>
<div class="target">
<!-- <input class="targetNumber pointerEventsNone" name="attr_targetnumber" type="text" readonly/> -->
<select class="targetNumber" name="attr_targetnumber">
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div class="targetIcon">
gps_fixed
</div>
</div>
</div>
</div>
<div class="rollMiddleSection1">
<div class="trait1">
<input type="text" name="attr_trait_1_name" class="traitName traitUnavailable" placeholder="Trait 1" list="traitList"/>
<input class="traitValue traitUnavailable" name="attr_trait_1" value="00" type="number"/>
</div>
<div class="trait2">
<input type="text" name="attr_trait_2_name" class="traitName" placeholder="Trait 2" list="traitList"/>
<input class="traitValue" name="attr_trait_2" value="00" type="number"/>
</div>
</div>
<div class="rollMiddleSection2">
<div class="modifier">
<div class="modifierTitle">
Dice Modifier
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_dice_modifier" type="number"/>
</div>
</div>
<div class="modifier">
<div class="modifierTitle">
Enhancement
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_enhancements" type="number"/>
</div>
</div>
</div>
<div class="rollEndingSection">
<button class="rollEndingSectionInner" type="action" name="act_generic_roll">
<div class="diceGraf">
<div class="writingROLL">
ROLL
</div>
<div class="diceIcon">
A
<div class="numberHider"></div>
</div>
</div>
</button>
</div>
</div>
<input type='hidden' name="attr_npc_core_roll_display" value="0" class="defaultRollingDisplay">
<div class="npcDisplay defaultRollingDisplay coreRoll modalRoll">
<div class="rollTitleSection">
<div class="rollTitleSectionInner">
<div class="names">
<input class="characterName pointerEventsNone" name="attr_character_name" type="text" readonly/>
<div class="rollName">
Core Roll
</div>
</div>
<div class="target">
<input class="targetNumber pointerEventsNone" name="attr_defaultNpcTargetNumber" type="text" value="8" readonly/>
<div class="targetIcon">
gps_fixed
</div>
</div>
</div>
</div>
<div class="rollMiddleSection1">
<div class="trait1">
<select class="traitName" name="attr_npc_pool">
<option value="{{sucess=[[{[[0 + @{trait_2} + @{dice_modifier}]]d10!cs>@{defaultNpcTargetNumber}cf<1}>@{defaultNpcTargetNumber}]]}} {{skill=No Selected}} {{skillValue=0}}" selected disabled>Select Pool</option>
<option value="{{sucess=[[{[[@{primary_pool} + @{trait_2} + @{dice_modifier}]]d10!cs>@{defaultNpcTargetNumber}cf<1}>@{defaultNpcTargetNumber}]]}} {{skill=Primary Poll}} {{skillValue=@{primary_pool}}}">Primary Pool</option>
<option value="{{sucess=[[{[[@{secondary_pool} + @{trait_2} + @{dice_modifier}]]d10!cs>@{defaultNpcTargetNumber}cf<1}>@{defaultNpcTargetNumber}]]}} {{skill=Secondary Pool}} {{skillValue=@{secondary_pool}}}">Secondary Pool</option>
<option value="{{sucess=[[{[[@{desperation_pool} + @{trait_2} + @{dice_modifier}]]d10!cs>@{defaultNpcTargetNumber}cf<1}>@{defaultNpcTargetNumber}]]}} {{skill=Desperation Pool}} {{skillValue=@{desperation_pool}}}">Desperation Pool</option>
</select>
<input class="traitValue pointerEventsNone" name="attr_npc_pollShowInRoll" type="text" readonly/>
</div>
<div class="trait2">
<div class="traitName">
Trait 2
</div>
<input class="traitValue" name="attr_trait_2" value="00" type="number"/>
</div>
</div>
<div class="rollMiddleSection2">
<div class="modifier">
<div class="modifierTitle">
Dice Modifier
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_dice_modifier" type="number"/>
</div>
</div>
<div class="modifier">
<div class="modifierTitle">
Enhancement
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_npc_enhancements_reading_roll" type="number"/>
</div>
</div>
</div>
<div class="rollEndingSection">
<button class="rollEndingSectionInner" type="action" name="act_npc_core_roll">
<div class="diceGraf">
<div class="writingROLL">
ROLL
</div>
<div class="diceIcon">
A
<div class="numberHider"></div>
</div>
</div>
</button>
</div>
</div>
<input type='hidden' name="attr_npc_generic_roll_display" value="0" class="genericRollDisplay">
<div class="npcDisplay defaultRollingDisplay genericRoll modalRoll">
<div class="rollTitleSection">
<div class="rollTitleSectionInner">
<div class="names">
<input class="characterName pointerEventsNone" name="attr_character_name" type="text" readonly/>
<div class="rollName">
Generic Roll
</div>
</div>
<div class="target">
<!-- <input class="targetNumber pointerEventsNone" name="attr_targetnumber" type="text" readonly/> -->
<select class="targetNumber" name="attr_npcTargetNumber">
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div class="targetIcon">
gps_fixed
</div>
</div>
</div>
</div>
<div class="rollMiddleSection1">
<div class="trait1">
<div class="traitName" name="attr_skill">
Trait 1
</div>
<input class="traitValue" name="attr_trait_1" value="00" type="number"/>
</div>
<div class="trait2">
<div class="traitName" name="attr_skill">
Trait 2
</div>
<input class="traitValue" name="attr_trait_2" value="00" type="number"/>
</div>
</div>
<div class="rollMiddleSection2">
<div class="modifier">
<div class="modifierTitle">
Dice Modifier
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_dice_modifier" type="number"/>
</div>
</div>
<div class="modifier">
<div class="modifierTitle">
Enhancement
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_npc_enhancements_reading_roll" type="number"/>
</div>
</div>
</div>
<div class="rollEndingSection">
<button class="rollEndingSectionInner" type="action" name="act_npc_generic_roll">
<div class="diceGraf">
<div class="writingROLL">
ROLL
</div>
<div class="diceIcon">
A
<div class="numberHider"></div>
</div>
</div>
</button>
</div>
</div>
<input type='hidden' name="attr_npc_initiative_roll_display" value="0" class="initiativeRollDisplay">
<div class="npcDisplay defaultRollingDisplay initiativeRoll modalRoll">
<div class="rollTitleSection">
<div class="rollTitleSectionInner">
<div class="names">
<input class="characterName pointerEventsNone" name="attr_character_name" type="text" readonly/>
<div class="rollName">
Initiative Roll
</div>
</div>
<div class="target">
<input class="targetNumber pointerEventsNone" name="attr_defaultNpcTargetNumber" type="text" value="8" readonly/>
<div class="targetIcon">
gps_fixed
</div>
</div>
</div>
</div>
<div class="rollMiddleSection1">
<div class="trait1">
<!-- <select class="traitName" name="attr_skill">
</select> -->
<input class="traitName pointerEventsNone" name="attr_npc_initiative_selector" type="text" value="Primary Pool" readonly/>
<input class="traitValue pointerEventsNone" name="attr_npc_initiative" type="text" value="0" readonly/>
</div>
<div class="trait2">
<div class="traitName" name="attr_skill">
Trait 2
</div>
<input class="traitValue pointerEventsNone" name="attr_trait_2" type="text" value="0" readonly/>
</div>
</div>
<div class="rollMiddleSection2">
<div class="modifier">
<div class="modifierTitle">
Dice Modifier
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_dice_modifier" type="number"/>
</div>
</div>
<div class="modifier">
<div class="modifierTitle">
Enhancement
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_npc_enhancements_reading_roll" type="number"/>
</div>
</div>
</div>
<div class="rollEndingSection">
<button class="rollEndingSectionInner" type="action" name="act_npc_initiative_roll">
<div class="diceGraf">
<div class="writingROLL">
ROLL
</div>
<div class="diceIcon">
A
<div class="numberHider"></div>
</div>
</div>
</button>
</div>
</div>
<!--////////////////////////////// - FIM DEFAULT ROLLS - /////////////////////////////-->
<!--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% - SHEET - %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%-->
<div class="TCSheet">
<!--////////////////////////////////// - INITIALIZER - /////////////////////////////////-->
<input name="attr_initSkillValue" type="hidden" value="0"/>
<input name="attr_initAttributeValue" type="hidden" value="1"/>
<input name="attr_initSkillName" type="hidden" value="Athletics"/>
<input name="attr_initAttributeName" type="hidden" value="Cunning"/>
<input name="attr_initiative" type="hidden" value="1"/>
<input name="attr_initToTurnOrder" type="hidden" value="1"/>
<input name="attr_targetNumber" type="hidden" value="8"/>
<input name="attr_defaultTargetNumber" type="hidden" value="8"/>
<input name="attr_npc_initiative" type="hidden" value="0"/>
<input name="attr_anima_initSkillValue" type="hidden" value="0"/>
<input name="attr_anima_initAttributeValue" type="hidden" value="1"/>
<input name="attr_anima_initSkillName" type="hidden" value="Athletics"/>
<input name="attr_anima_initAttributeName" type="hidden" value="Force"/>
<input name="attr_anima_initiative" type="hidden" value="1"/>
<!--/////////////////////////////// - FIM INITIALIZER - //////////////////////////////-->
<!--//////////////////////////////////// - SUMMARY - ////////////////////////////////////-->
<div class="summaryButtons">
<div class="absolute">
<input type="checkbox" class="summaryButtonMain" name="attr_summary_expand" value="1"><span class="secondaryColorBackground">l</span>
<input type="hidden" class="hider" value="0" name="attr_summary_expand">
<div>
<a class="summaryButton secondaryColorBackground" href="#top">
Top
</a>
<a class="summaryButton secondaryColorBackground" href="#section-Skill">
Main
</a>
<a class="summaryButton secondaryColorBackground" href="#section-Edge--SkillTrick-Tags-Upgrades">
Ablt
</a>
<a class="summaryButton secondaryColorBackground baseline talent nova superior psion psiad inspired" href="#section-Condition--Injuries">
Hlth
</a>
<a class="summaryButton secondaryColorBackground qin" href="#section-qin-Condition--Injuries">
Hlth
</a>
<a class="summaryButton secondaryColorBackground" href="#section-Paths">
Pths
</a>
<a class="summaryButton secondaryColorBackground" href="#section-Notes--Aspirations">
Misc
</a>
</div>
</div>
</div>
<!--////////////////////////////////// - FIM SUMMARY - //////////////////////////////////-->
<!--///////////////////////////////////// - ROLL - /////////////////////////////////////-->
<div class="rollButtons">
<div class="absolute secondaryColorBackground">
<input type="checkbox" class="rollButtonMain" name="attr_roll_expand" value="1"><span >k</span>
<input type="hidden" class="hider" value="0" name="attr_roll_expand">
<div>
<button type="action" name="act_roll-1" class="rollButton PC anima secondaryColorBackground">
Core
</button>
<button type="action" name="act_roll-2" class="rollButton PC anima secondaryColorBackground varg biosuit">
Gen
</button>
<button type="action" name="act_roll-3" class="rollButton PC anima secondaryColorBackground">
Init
</button>
<button type="action" name="act_roll-4" class="rollButton PC anima ftech qtech transport varg biosuit equipment secondaryColorBackground" formaction="#top">
C.Rol
</button>
<button type="action" name="act_roll-5" class="rollButton PC anima ftech qtech transport varg biosuit equipment secondaryColorBackground" formaction="#top">
C.Init
</button>
<button type="action" name="act_npc-roll-1" class="rollButton NPC secondaryColorBackground">
Core
</button>
<button type="action" name="act_npc-roll-2" class="rollButton NPC secondaryColorBackground">
Gen
</button>
<button type="action" name="act_npc-roll-3" class="rollButton NPC secondaryColorBackground">
Init
</button>
<button type="action" name="act_roll-4" class="rollButton NPC secondaryColorBackground" formaction="#top">
C.Rol
</button>
<button type="action" name="act_roll-5" class="rollButton NPC anima secondaryColorBackground" formaction="#top">
C.Init
</button>
</div>
</div>
</div>
<!--/////////////////////////////////// - FIM ROLL - ///////////////////////////////////-->
<!--/////////////////////////////// - ROLLS TEMPLATE - /////////////////////////////-->
<rolltemplate class="sheet-rolltemplate-coreRoll">
<div class="date">
<div class="hour">{{hour}}</div>
<div class="day" name="attr_day">{{day}}</div>
</div>
<div class="rolltemplateContainer">
<div class="rollTitleSection">
<div class="rollTitleSectionInner">
<div class="names">
<div class="characterName">
{{characterName}}
</div>
<div class="rollName">
{{rollname}}
</div>
</div>
<div class="target">
<div class="targetNumber">
{{targetNumber}}
</div>
<div class="targetIcon">
gps_fixed
</div>
</div>
</div>
</div>
<div class="rollMiddleSection1">
<div class="trait1">
<div class="traitName">
{{skill}}
</div>
<div class="traitValue">
{{skillValue}}
</div>
</div>
<div class="trait2">
<div class="traitName">
{{attribute}}
</div>
<div class="traitValue">
{{attributeValue}}
</div>
</div>
</div>
<div class="rollMiddleSection2">
<div class="modifier">
<div class="modifierTitle">
Dice Modifier
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<div class="modifierNumber" >
{{diceModifier}}
</div>
</div>
</div>
<div class="modifier">
<div class="modifierTitle">
Enhancement
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<div class="modifierNumber" >
{{enhancement}}
</div>
</div>
</div>
</div>
<div class="rollEndingSection">
<div class="rollEndingSectionInner">
<div class="diceResult">
{{#rollTotal() sucess 0}}
{{#rollWasFumble() sucess}}
<div class="diceSucessNumber crit">
{{computed::sucess}}
</div>
{{/rollWasFumble() sucess}}
{{/rollTotal() sucess 0}}
<div class="diceSucessNumber notCrit">
{{computed::sucess}}
</div>
</div>
<div class="diceIcon">
A
<div class="numberHider"></div>
</div>
</div>
</div>
</div>
</rolltemplate>
<rolltemplate class="sheet-rolltemplate-npcCoreRoll">
<div class="date">
<div class="hour">{{hour}}</div>
<div class="day" name="attr_day">{{day}}</div>
</div>
<div class="rolltemplateContainer">
<div class="rollTitleSection">
<div class="rollTitleSectionInner">
<div class="names">
<div class="characterName">
{{characterName}}
</div>
<div class="rollName">
{{rollname}}
</div>
</div>
<div class="target">
<div class="targetNumber">
{{targetNumber}}
</div>
<div class="targetIcon">
gps_fixed
</div>
</div>
</div>
</div>
<div class="rollMiddleSection1">
<div class="trait1">
<div class="traitName">
{{skill}}
</div>
<div class="traitValue">
{{skillValue}}
</div>
</div>
<div class="trait2">
<div class="traitName">
{{attribute}}
</div>
<div class="traitValue">
{{attributeValue}}
</div>
</div>
</div>
<div class="rollMiddleSection2">
<div class="modifier">
<div class="modifierTitle">
Dice Modifier
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<div class="modifierNumber" >
{{diceModifier}}
</div>
</div>
</div>
<div class="modifier">
<div class="modifierTitle">
Enhancement
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<div class="modifierNumber" >
{{enhancement}}
</div>
</div>
</div>
</div>
<div class="rollEndingSection">
<div class="rollEndingSectionInner">
<div class="diceResult">
{{#rollTotal() sucess 0}}
{{#rollWasFumble() sucess}}
<div class="diceSucessNumber crit">
{{computed::sucess}}
</div>
{{/rollWasFumble() sucess}}
{{/rollTotal() sucess 0}}
<div class="diceSucessNumber notCrit">
{{computed::sucess}}
</div>
</div>
<div class="diceIcon">
A
<div class="numberHider"></div>
</div>
</div>
</div>
</div>
</rolltemplate>
<!--///////////////////////////// - FIM ROLLS TEMPLATE - ////////////////////////////-->
<!--//////////////////////////////////// - LOGO - ///////////////////////////////////-->
<div class= "logo flex jcCenter">
<div class="logoBaseline">
<img src="https://raw.githubusercontent.com/JonnesDerik/roll20-character-sheets/trinitycontinuum2e/Trinity_Continuum_2ed/images/logo-baseline.png" />
</div>
<div class="logoTalent">
<img src="https://github.com/JonnesDerik/roll20-character-sheets/raw/trinitycontinuum2e/Trinity_Continuum_2ed/images/logo-flux.png" />
</div>
<div class="logoNova">
<img src="https://raw.githubusercontent.com/JonnesDerik/roll20-character-sheets/trinitycontinuum2e/Trinity_Continuum_2ed/images/logo-eximorph.png" />
</div>
<div class="logoPsion">
<img src="https://github.com/JonnesDerik/roll20-character-sheets/raw/trinitycontinuum2e/Trinity_Continuum_2ed/images/logo-psicomorph.png" />
</div>
<div class="logoAdventure">
<img src="https://www.dropbox.com/s/mfbcrrhtku5npw9/logo-adventure.png?raw=1" />
</div>
<div class="logoVintage">
<img src="https://github.com/JonnesDerik/roll20-character-sheets/raw/trinitycontinuum2e/Trinity_Continuum_2ed/images/logo-inspired.png" />
</div>
<div class="logoAether">
<img src="https://github.com/JonnesDerik/roll20-character-sheets/raw/trinitycontinuum2e/Trinity_Continuum_2ed/images/logo-aether.png" />
</div>
<div class="logoAssassin">
<img src="https://github.com/JonnesDerik/roll20-character-sheets/raw/trinitycontinuum2e/Trinity_Continuum_2ed/images/logo-assassins.png" />
</div>
<div class="logoNPC">
<img src="https://github.com/JonnesDerik/roll20-character-sheets/raw/trinitycontinuum2e/Trinity_Continuum_2ed/images/logo-source.png" />
</div>
<div class="logoAnima">
<img src="https://github.com/JonnesDerik/roll20-character-sheets/raw/trinitycontinuum2e/Trinity_Continuum_2ed/images/logo-anima.png" />
</div>
<div class="logoSynth">
<div class= "logoSynthBackground">
<img src="https://www.dropbox.com/s/84a7bmak6r9hbj2/Background.png?raw=1" />
</div>
<div class= "logoSynthGlow">
<img src="https://www.dropbox.com/s/ynywdkctu1xd7ow/Trinity-continuum-logo-Synth2_1.gif?raw=1" />
</div>
<div class= "logoSynthGlow secondary">
<img src="https://www.dropbox.com/s/ynywdkctu1xd7ow/Trinity-continuum-logo-Synth2_1.gif?raw=1" />
</div>
</div>
</div>
<!--////////////////////////////////// - FIM LOGO - /////////////////////////////////-->
<div class="space1constant"></div>
<!--/////////////////////////////////// - READER - //////////////////////////////////-->
<div class="pSection reader sheet-2colrow PC NPC fRow ptech">
<!--++++++++++++++++++++++++++++++++ - NAME, PLAYER- ++++++++++++++++++++++++++++++++-->
<div class="sheet-col">
<!--=============================== - NAME, AKA - ===================================-->
<div class="readerTrait">
<!----------------------------------- - NAME - ---------------------------------------->
<div class="flex name">
<div class="input-label">
Name:
</div>
<input type="text" name="attr_internal_character_name" class="inputLine" />
</div>
<!----------------------------------- - NAME - ---------------------------------------->
<!------------------------------------ - AKA - ----------------------------------------->
<div class="flex aka PC NPC">
<div class="input-label">
aka:
</div>
<input type="text" name="attr_character_aka" class="inputLine" />
</div>
<!------------------------------------ - AKA - ----------------------------------------->
</div>
<!--============================= - FIM NAME, AKA - =================================-->
<!--================================ - PLAYER - =====================================-->
<div class="readerTrait">
<div class="input-label">
Player:
</div>
<input type="text" name="attr_player" class="inputLine"/>
</div>
<!--============================== - FIM PLAYER - ===================================-->
</div>
<!--++++++++++++++++++++++++++++++ - FIM NAME, PLAYER- ++++++++++++++++++++++++++++++-->
<!--++++++++++++++++++++ - ALLEGIANCE, TIER, CONCEPT, LEVEL- ++++++++++++++++++++++++-->
<div class="sheet-col">
<!--=========================== - ALLEGIANCE, TIER - ================================-->
<div class="readerTrait">
<!-------------------------------- - ALLEGIANCE - ------------------------------------->
<div class="flex allegiance">
<div class="input-label">
Allegiance:
</div>
<input type="text" name="attr_allegiance" class="inputLine" />
</div>
<!------------------------------ - FIM ALLEGIANCE - ----------------------------------->
<!----------------------------------- - TIER - ---------------------------------------->
<div class="flex tier">
<div class="input-label">
Template:
</div>
<select name="attr_tier" class="inputLine">
<option class="optionTitle primaryColorBackground colorFont" disabled>CHARACTERS</option>
<option value="baseline" selected>&nbsp;Baseline</option>
<option value="talent">&nbsp;Talent</option>
<option value="nova">&nbsp;Nova</option>
<option value="superior">&nbsp;Jinketsu</option>
<option value="psiad">&nbsp;Psiad</option>
<option value="psion">&nbsp;Psion</option>
<option value="qin">&nbsp;Qin</option>
<option value="inspired">&nbsp;Inspired</option>
<option value="anima">&nbsp;Anima</option>
<option value="NPC">&nbsp;NPC</option>
<option class="optionTitle primaryColorBackground colorFont" disabled>SUPER-SCIENCE</option>
<option value="ftech">&nbsp;Flux-Tech</option>
<option value="qtech">&nbsp;Quantum-Tech</option>
<option value="ptech" disabled>&nbsp;Noetic-Tech</option>
<option class="optionTitle primaryColorBackground colorFont" disabled>OTHERS</option>
<option value="transport">&nbsp;Vehicle</option>
<option value="varg">&nbsp;V.A.R.G</option>
<option value="biosuit">&nbsp;Qin Biosuit</option>
<option value="equipment">&nbsp;Equipment</option>
</select>
</div>
<!--------------------------------- - FIM TIER - -------------------------------------->
</div>
<!--========================= - FIM ALLEGIANCE, TIER - ==============================-->
<!--============================ - CONCEPT, LEVEL - =================================-->
<div class="readerTrait">
<!---------------------------------- - CONCEPT - -------------------------------------->
<div class="flex concept PC">
<div class="input-label">
Concept:
</div>
<input type="text" name="attr_concept" class="inputLine" />
</div>
<div class="flex concept NPC">
<div class="input-label">
Source:
</div>
<select name="attr_sourcetype" class="inputLine textCenter">
<option value="none">None</option>
<option value="source" selected>Generic</option>
<option value="inspiration">Inspiration [Talent]</option>
<option value="inspirationStalwart">Insp. [Stalwart]</option>
<option value="inspirationMesmerist">Insp. [Mesmerist]</option>
<option value="inspirationGog">Insp. [Gog]</option>
<option value="inspirationMagog">Insp. [Magog]</option>
<option value="inspirationAssassin">Insp. [Assassin]</option>
<option value="quantum">Quantum [Nova]</option>
<option value="jinketsupower">Jinketsu Power</option>
<option value="psipsiad">Psi [Psiad]</option>
<option value="psipsion">Psi [Psion]</option>
<option value="psiqin">Psi [Qin]</option>
</select>
</div>
<!------------------------------- - FIM CONCEPT - ------------------------------------->
<!----------------------------------- - LEVEL - ---------------------------------------->
<div class="flex level talent psion psiad qin inspired">
<div class="input-label">
Sub-Type:
</div>
<select name="attr_talentTierlevel" class="inputLine talent">
<option value="default" selected>Default</option>
<option value="trlr">Tr**l**r</option>
</select>
<select name="attr_psionTierLevel" class="inputLine psion">
<option value="default" selected>Default</option>
<option value="proxy">Proxy</option>
</select>
<select name="attr_psiadTierlevel" class="inputLine psiad">
<option value="default" selected>Default</option>
<option value="advanced">Advanced</option>
</select>
<select name="attr_qinTierLevel" class="inputLine qin">
<option value="default" selected>Default</option>
<option value="qinproxy">Proxy</option>
</select>
<select name="attr_inspiredTierlevel" class="inputLine inspired">
<option value="daredevil" selected>Daredevil</option>
<option value="stalwart">Stalwart</option>
<option value="mesmerist">Mesmerist</option>
<option value="squire">Squire</option>
<option value="gog">Gog</option>
<option value="magog">Magog</option>
<option value="assassin">Assassin</option>
</select>
<select name="attr_npcTierlevel" class="inputLine NPC">
<option value="7" selected>7</option>
<option value="8">8</option>
</select>
</div>
<div class="flex npc-targetNumber NPC">
<div class="input-label">
Target Number:
</div>
<select name="attr_defaultNpcTargetNumber" class="inputLine NPC">
<option value="7">7</option>
<option value="8" selected>8</option>
</select>
</div>
<!--------------------------------- - FIM LEVEL - -------------------------------------->
</div>
<!--========================== - FIM CONCEPT, LEVEL - ===============================-->
</div>
<!--++++++++++++++++++ - FIM ALLEGIANCE, TIER, CONCEPT, LEVEL- +++++++++++++++++++++++-->
</div>
<div class="space1constant PC NPC ptech"></div>
<!--///////////////////////////////// - FIM READER - /////////////////////////////////-->
<!--/////////////////////////////////// - ANIMA - READER - //////////////////////////////////-->
<div class="pSection reader sheet-2colrow anima">
<!--++++++++++++++++++++++++++++++++ - NAME, PLAYER- ++++++++++++++++++++++++++++++++-->
<div class="sheet-col">
<!--=============================== - NAME, AKA - ===================================-->
<div class="readerTrait">
<!----------------------------------- - NAME - ---------------------------------------->
<div class="flex name">
<div class="input-label">
Anima ID:
</div>
<input type="text" name="attr_internal_character_name" class="inputLine" />
</div>
<!----------------------------------- - NAME - ---------------------------------------->
<!------------------------------------ - AKA - ----------------------------------------->
<div class="flex aka">
<div class="input-label">
User:
</div>
<input type="text" name="attr_character_aka" class="inputLine" />
</div>
<!------------------------------------ - AKA - ----------------------------------------->
</div>
<!--============================= - FIM NAME, AKA - =================================-->
<!--================================ - PLAYER - =====================================-->
<div class="readerTrait">
<div class="input-label">
Player:
</div>
<input type="text" name="attr_player" class="inputLine"/>
</div>
<!--============================== - FIM PLAYER - ===================================-->
</div>
<!--++++++++++++++++++++++++++++++ - FIM NAME, PLAYER- ++++++++++++++++++++++++++++++-->
<!--++++++++++++++++++++ - ALLEGIANCE, TIER, CONCEPT, LEVEL- ++++++++++++++++++++++++-->
<div class="sheet-col">
<!--=========================== - ALLEGIANCE, TIER - ================================-->
<div class="readerTrait">
<!-------------------------------- - ALLEGIANCE - ------------------------------------->
<div class="flex allegiance">
<div class="input-label">
Allegiance:
</div>
<input type="text" name="attr_allegiance" class="inputLine" />
</div>
<!------------------------------ - FIM ALLEGIANCE - ----------------------------------->
<!----------------------------------- - TIER - ---------------------------------------->
<div class="flex tier">
<div class="input-label">
Template:
</div>
<select name="attr_tier" class="inputLine">
<option class="optionTitle primaryColorBackground colorFont" disabled>CHARACTERS</option>
<option value="baseline" selected>&nbsp;Baseline</option>
<option value="talent">&nbsp;Talent</option>
<option value="nova">&nbsp;Nova</option>
<option value="superior">&nbsp;Jinketsu</option>
<option value="psiad">&nbsp;Psiad</option>
<option value="psion">&nbsp;Psion</option>
<option value="qin">&nbsp;Qin</option>
<option value="inspired">&nbsp;Inspired</option>
<option value="anima">&nbsp;Anima</option>
<option value="NPC">&nbsp;NPC</option>
<option class="optionTitle primaryColorBackground colorFont" disabled>SUPER-SCIENCE</option>
<option value="ftech">&nbsp;Flux-Tech</option>
<option value="qtech">&nbsp;Quantum-Tech</option>
<option value="ptech" disabled>&nbsp;Noetic-Tech</option>
<option class="optionTitle primaryColorBackground colorFont" disabled>OTHERS</option>
<option value="transport">&nbsp;Vehicle</option>
<option value="varg">&nbsp;V.A.R.G</option>
<option value="biosuit">&nbsp;Qin Biosuit</option>
<option value="equipment">&nbsp;Equipment</option>
</select>
</div>
<!--------------------------------- - FIM TIER - -------------------------------------->
</div>
<!--========================= - FIM ALLEGIANCE, TIER - ==============================-->
<!--============================ - CONCEPT, LEVEL - =================================-->
<div class="readerTrait">
<!---------------------------------- - CONCEPT - -------------------------------------->
<div class="flex concept">
<div class="input-label">
Concept:
</div>
<input type="text" name="attr_concept" class="inputLine" />
</div>
<!------------------------------- - FIM CONCEPT - ------------------------------------->
<!----------------------------------- - LEVEL - ---------------------------------------->
<div class="flex level talent psion psiad inspired">
<div class="input-label">
Sub-Type:
</div>
<select name="attr_talentTierlevel" class="inputLine talent">
<option value="default" selected>Default</option>
<option value="trlr">Tr**l**r</option>
</select>
<select name="attr_psionTierLevel" class="inputLine psion">
<option value="default" selected>Default</option>
<option value="proxy">Proxy</option>
</select>
<select name="attr_psiadTierlevel" class="inputLine psiad">
<option value="default" selected>Default</option>
<option value="advanced">Advanced</option>
</select>
<select name="attr_inspiredTierlevel" class="inputLine inspired">
<option value="daredevil" selected>Daredevil</option>
<option value="stalwart">Stalwart</option>
<option value="mesmerist">Mesmerist</option>
<option disabled>Squire</option>
<option disabled>Gog</option>
<option disabled>Magog</option>
<option value="assassin">Assassin</option>
</select>
<select name="attr_npcTierlevel" class="inputLine NPC">
<option value="7" selected>7</option>
<option value="8">8</option>
</select>
</div>
<div class="flex npc-targetNumber NPC">
<div class="input-label">
Target Number:
</div>
<select name="attr_defaultNpcTargetNumber" class="inputLine NPC">
<option value="7">7</option>
<option value="8" selected>8</option>
</select>
</div>
<!--------------------------------- - FIM LEVEL - -------------------------------------->
</div>
<!--========================== - FIM CONCEPT, LEVEL - ===============================-->
</div>
<!--++++++++++++++++++ - FIM ALLEGIANCE, TIER, CONCEPT, LEVEL- +++++++++++++++++++++++-->
</div>
<div class="space1constant anima"></div>
<!--///////////////////////////////// - FIM ANIMA - READER - /////////////////////////////////-->
<!--/////////////////////////////// - QTECH - READER - //////////////////////////////-->
<div class="pSection reader sheet-2colrow qtech fRow">
<!--==================== - SUPERSCIENCE - TYPE, NAME, RANK, ENHC- ====================-->
<div class="sheet-col">
<div class="readerTrait ftech qtech">
<div class="singleArmor secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_quantumtechtype" class="inputWeaponTitle" placeholder="Quantum-Tech" />
<input type="text" name="attr_internal_character_name" class="inputWeaponName primaryColorFont" placeholder=" " />
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_quantumtechtype-rank" class="inputWeaponEnhancement" placeholder="0" />
<div class="primaryColorFont">
RANK
</div>
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_quantumtechtype-enhanc" class="inputWeaponEnhancement" placeholder="0" />
<div class="primaryColorFont">
EN
</div>
</div>
</div>
</div>
</div>
</div>
<!--==================== FIM SUPERSCIENCE - TYPE, NAME, RANK, ENHC- =================-->
<!--++++++++++++++++++++ - ALLEGIANCE, TIER, CONCEPT, LEVEL- ++++++++++++++++++++++++-->
<div class="sheet-col">
<!--============================= - OWNER, TIER - ===================================-->
<div class="readerTrait">
<!----------------------------------- - OWNER - --------------------------------------->
<div class="flex allegiance">
<div class="input-label qtech">
Owner:
</div>
<input type="text" name="attr_owner" class="inputLine" />
</div>
<!--------------------------------- - FIM OWNER - ------------------------------------->
<!----------------------------------- - TIER - ---------------------------------------->
<div class="flex tier">
<div class="input-label">
Template:
</div>
<select name="attr_tier" class="inputLine">
<option class="optionTitle primaryColorBackground colorFont" disabled>CHARACTERS</option>
<option value="baseline" selected>&nbsp;Baseline</option>
<option value="talent">&nbsp;Talent</option>
<option value="nova">&nbsp;Nova</option>
<option value="superior">&nbsp;Jinketsu</option>
<option value="psiad">&nbsp;Psiad</option>
<option value="psion">&nbsp;Psion</option>
<option value="qin">&nbsp;Qin</option>
<option value="inspired">&nbsp;Inspired</option>
<option value="anima">&nbsp;Anima</option>
<option value="NPC">&nbsp;NPC</option>
<option class="optionTitle primaryColorBackground colorFont" disabled>SUPER-SCIENCE</option>
<option value="ftech">&nbsp;Flux-Tech</option>
<option value="qtech">&nbsp;Quantum-Tech</option>
<option value="ptech" disabled>&nbsp;Noetic-Tech</option>
<option class="optionTitle primaryColorBackground colorFont" disabled>OTHERS</option>
<option value="transport">&nbsp;Vehicle</option>
<option value="varg">&nbsp;V.A.R.G</option>
<option value="biosuit">&nbsp;Qin Biosuit</option>
<option value="equipment">&nbsp;Equipment</option>
</select>
</div>
<!--------------------------------- - FIM TIER - -------------------------------------->
</div>
<!--============================ - FIM OWNER, TIER - =================================-->
<!--========================= - ATTUNED TO, BUILT BY - ==============================-->
<div class="readerTrait">
<!--------------------------------- - ATTUNED TO - ------------------------------------>
<div class="flex attunedTo">
<div class="input-label">
Att. to:
</div>
<input type="text" name="attr_attunedTo" class="inputLine"/>
</div>
<!------------------------------ - FIM ATTUNED TO - ----------------------------------->
<!--------------------------------- - BUILD BY - -------------------------------------->
<div class="flex builtBy">
<div class="input-label">
Built by:
</div>
<input type="text" name="attr_builtBy" class="inputLine"/>
</div>
<!------------------------------- - FIM BUILD BY - ------------------------------------>
</div>
<!--======================= - FIM ATTUNED TO, BUILT BY - ============================-->
</div>
<!--++++++++++++++++++ - FIM ALLEGIANCE, TIER, CONCEPT, LEVEL- +++++++++++++++++++++++-->
</div>
<div class="space1constant qtech"></div>
<!--///////////////////////////// - FIM QTECH - READER - /////////////////////////////-->
<!--/////////////////////////////// - FTECH - READER - //////////////////////////////-->
<div class="pSection reader sheet-2colrow ftech fRow">
<!--==================== - SUPERSCIENCE - TYPE, NAME, RANK, ENHC- ====================-->
<div class="sheet-col">
<div class="readerTrait ftech qtech">
<div class="singleArmor secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_quantumtechtype" class="inputWeaponTitle" placeholder="Flux-Tech" />
<input type="text" name="attr_internal_character_name" class="inputWeaponName primaryColorFont" placeholder=" " />
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_quantumtechtype-rank" class="inputWeaponEnhancement primaryColorFont" placeholder="0" />
<div class="primaryColorFont">
RANK
</div>
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_quantumtechtype-enhanc" class="inputWeaponEnhancement primaryColorFont" placeholder="0" />
<div class="primaryColorFont">
EN
</div>
</div>
</div>
</div>
</div>
</div>
<!--==================== FIM SUPERSCIENCE - TYPE, NAME, RANK, ENHC- =================-->
<!--++++++++++++++++++++ - ALLEGIANCE, TIER, CONCEPT, LEVEL- ++++++++++++++++++++++++-->
<div class="sheet-col">
<!--============================= - OWNER, TIER - ===================================-->
<div class="readerTrait">
<!----------------------------------- - OWNER - --------------------------------------->
<div class="flex allegiance">
<div class="input-label">
Owner:
</div>
<input type="text" name="attr_owner" class="inputLine" />
</div>
<!--------------------------------- - FIM OWNER - ------------------------------------->
<!----------------------------------- - TIER - ---------------------------------------->
<div class="flex tier">
<div class="input-label">
Template:
</div>
<select name="attr_tier" class="inputLine">
<option class="optionTitle primaryColorBackground colorFont" disabled>CHARACTERS</option>
<option value="baseline" selected>&nbsp;Baseline</option>
<option value="talent">&nbsp;Talent</option>
<option value="nova">&nbsp;Nova</option>
<option value="superior">&nbsp;Jinketsu</option>
<option value="psiad">&nbsp;Psiad</option>
<option value="psion">&nbsp;Psion</option>
<option value="qin">&nbsp;Qin</option>
<option value="inspired">&nbsp;Inspired</option>
<option value="anima">&nbsp;Anima</option>
<option value="NPC">&nbsp;NPC</option>
<option class="optionTitle primaryColorBackground colorFont" disabled>SUPER-SCIENCE</option>
<option value="ftech">&nbsp;Flux-Tech</option>
<option value="qtech">&nbsp;Quantum-Tech</option>
<option value="ptech" disabled>&nbsp;Noetic-Tech</option>
<option class="optionTitle primaryColorBackground colorFont" disabled>OTHERS</option>
<option value="transport">&nbsp;Vehicle</option>
<option value="varg">&nbsp;V.A.R.G</option>
<option value="biosuit">&nbsp;Qin Biosuit</option>
<option value="equipment">&nbsp;Equipment</option>
</select>
</div>
<!--------------------------------- - FIM TIER - -------------------------------------->
</div>
<!--============================ - FIM OWNER, TIER - =================================-->
<!--================================ - BUILT BY - ====================================-->
<div class="readerTrait">
<!--------------------------------- - ATTUNED TO - ------------------------------------>
<!------------------------------ - FIM ATTUNED TO - ----------------------------------->
<!--------------------------------- - BUILD BY - -------------------------------------->
<div class="flex builtBy">
<div class="input-label">
Built by:
</div>
<input type="text" name="attr_builtBy" class="inputLine"/>
</div>
<!--------------------------------- - BUILD BY - -------------------------------------->
</div>
<!--======================= - FIM ATTUNED TO, BUILT BY - ============================-->
</div>
<!--++++++++++++++++++ - FIM ALLEGIANCE, TIER, CONCEPT, LEVEL- +++++++++++++++++++++++-->
</div>
<div class="space1constant ftech"></div>
<!--///////////////////////////// - FIM FTECH - READER - /////////////////////////////-->
<!--/////////////////////////////// - TRANSPORT - READER - //////////////////////////////-->
<div class="pSection reader sheet-2colrow transport fRow">
<!--==================== - SUPERSCIENCE - TYPE, NAME, HANDKING, SPEED- ====================-->
<div class="sheet-col">
<div class="readerTrait">
<div class="singleArmor secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_vehicletype" class="inputWeaponTitle" placeholder="Vehicle" />
<input type="text" name="attr_internal_character_name" class="inputWeaponName primaryColorFont" placeholder=" " />
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_vehicletype-handling" class="inputWeaponEnhancement primaryColorFont" placeholder="0" />
<div class="primaryColorFont">
HANDLING
</div>
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_vehicletype-speed" class="inputWeaponEnhancement primaryColorFont" placeholder="0" />
<div class="primaryColorFont">
SPEED
</div>
</div>
</div>
</div>
</div>
</div>
<!--==================== FIM SUPERSCIENCE - TYPE, NAME, RANK, SPEED- =================-->
<!--++++++++++++++++++++ - ALLEGIANCE, TIER, CONCEPT, LEVEL- ++++++++++++++++++++++++-->
<div class="sheet-col">
<!--============================= - OWNER, TIER - ===================================-->
<div class="readerTrait">
<!----------------------------------- - OWNER - --------------------------------------->
<div class="flex owner">
<div class="input-label">
Owner:
</div>
<input type="text" name="attr_owner" class="inputLine" />
</div>
<!--------------------------------- - FIM OWNER - ------------------------------------->
<!----------------------------------- - TIER - ---------------------------------------->
<div class="flex tier">
<div class="input-label">
Template:
</div>
<select name="attr_tier" class="inputLine">
<option class="optionTitle primaryColorBackground colorFont" disabled>CHARACTERS</option>
<option value="baseline" selected>&nbsp;Baseline</option>
<option value="talent">&nbsp;Talent</option>
<option value="nova">&nbsp;Nova</option>
<option value="superior">&nbsp;Jinketsu</option>
<option value="psiad">&nbsp;Psiad</option>
<option value="psion">&nbsp;Psion</option>
<option value="qin">&nbsp;Qin</option>
<option value="inspired">&nbsp;Inspired</option>
<option value="anima">&nbsp;Anima</option>
<option value="NPC">&nbsp;NPC</option>
<option class="optionTitle primaryColorBackground colorFont" disabled>SUPER-SCIENCE</option>
<option value="ftech">&nbsp;Flux-Tech</option>
<option value="qtech">&nbsp;Quantum-Tech</option>
<option value="ptech" disabled>&nbsp;Noetic-Tech</option>
<option class="optionTitle primaryColorBackground colorFont" disabled>OTHERS</option>
<option value="transport">&nbsp;Vehicle</option>
<option value="varg">&nbsp;V.A.R.G</option>
<option value="biosuit">&nbsp;Qin Biosuit</option>
<option value="equipment">&nbsp;Equipment</option>
</select>
</div>
<!--------------------------------- - FIM TIER - -------------------------------------->
</div>
<!--============================ - FIM OWNER, TIER - =================================-->
<!--========================== - ATTUNED TO BUILT BY - ==============================-->
<div class="readerTrait">
<!--------------------------------- - FORMATED TO - -------------------------------------->
<div class="flex fmtTo">
<div class="input-label">
Fmt to:
</div>
<input type="text" name="attr_formatedto" class="inputLine"/>
</div>
<!------------------------------- - FIM FORMATED TO - ------------------------------------>
<!--------------------------------- - BUILD BY - -------------------------------------->
<div class="flex builtBy">
<div class="input-label">
Built by:
</div>
<input type="text" name="attr_builtBy" class="inputLine"/>
</div>
<!------------------------------- - FIM BUILD BY - ------------------------------------>
<!--------------------------------- - ATTUNED TO - ------------------------------------>
<!-- <div class="flex technologyTech">
<div class="input-label">
Technology:
</div>
<select name="attr_transporttech" class="inputLine">
<option value="hard" selected>Hard-Tech</option>
<option value="noetic">Noetic-Tech</option>
</select>
</div> -->
<!------------------------------ - FIM ATTUNED TO - ----------------------------------->
</div>
<!--======================= - FIM ATTUNED TO, BUILT BY - ============================-->
</div>
<!--++++++++++++++++++ - FIM ALLEGIANCE, TIER, CONCEPT, LEVEL- +++++++++++++++++++++++-->
</div>
<div class="space1constant transport"></div>
<!--///////////////////////////// - FIM TRANSPORT - READER - /////////////////////////////-->
<!--///////////////////////////////// - VARG - READER - ////////////////////////////////-->
<div class="pSection reader sheet-2colrow varg fRow">
<!--==================== - SUPERSCIENCE - TYPE, NAME, HANDKING, SPEED- ====================-->
<div class="sheet-col">
<div class="readerTrait">
<div class="singleArmor secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_vargtypename" class="inputWeaponTitle" placeholder="V.A.R.G"/>
<input type="text" name="attr_internal_character_name" class="inputWeaponName primaryColorFont" placeholder=" " />
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<div class="primaryColorFont">
SIZE
</div>
<input type="text" name="attr_varg-size" class="inputWeaponEnhancement primaryColorFont" placeholder="0" maxlength="1"/>
</div>
</div>
</div>
</div>
</div>
<!--==================== FIM SUPERSCIENCE - TYPE, NAME, RANK, SPEED- =================-->
<!--++++++++++++++++++++ - ALLEGIANCE, TIER, CONCEPT, LEVEL- ++++++++++++++++++++++++-->
<div class="sheet-col">
<!--============================= - OWNER, TIER - ===================================-->
<div class="readerTrait">
<!----------------------------------- - OWNER - --------------------------------------->
<div class="flex owner">
<div class="input-label">
Owner:
</div>
<input type="text" name="attr_owner" class="inputLine" />
</div>
<!--------------------------------- - FIM OWNER - ------------------------------------->
<!----------------------------------- - TIER - ---------------------------------------->
<div class="flex tier">
<div class="input-label">
Template:
</div>
<select name="attr_tier" class="inputLine">
<option class="optionTitle primaryColorBackground colorFont" disabled>CHARACTERS</option>
<option value="baseline" selected>&nbsp;Baseline</option>
<option value="talent">&nbsp;Talent</option>
<option value="nova">&nbsp;Nova</option>
<option value="superior">&nbsp;Jinketsu</option>
<option value="psiad">&nbsp;Psiad</option>
<option value="psion">&nbsp;Psion</option>
<option value="qin">&nbsp;Qin</option>
<option value="inspired">&nbsp;Inspired</option>
<option value="anima">&nbsp;Anima</option>
<option value="NPC">&nbsp;NPC</option>
<option class="optionTitle primaryColorBackground colorFont" disabled>SUPER-SCIENCE</option>
<option value="ftech">&nbsp;Flux-Tech</option>
<option value="qtech">&nbsp;Quantum-Tech</option>
<option value="ptech" disabled>&nbsp;Noetic-Tech</option>
<option class="optionTitle primaryColorBackground colorFont" disabled>OTHERS</option>
<option value="transport">&nbsp;Vehicle</option>
<option value="varg">&nbsp;V.A.R.G</option>
<option value="biosuit">&nbsp;Qin Biosuit</option>
<option value="equipment">&nbsp;Equipment</option>
</select>
</select>
</div>
<!--------------------------------- - FIM TIER - -------------------------------------->
</div>
<!--============================ - FIM OWNER, TIER - =================================-->
<!--========================== - ATTUNED TO BUILT BY - ==============================-->
<div class="readerTrait">
<!--------------------------------- - FORMATED TO - -------------------------------------->
<div class="flex fmtTo">
<div class="input-label">
Fmt to:
</div>
<input type="text" name="attr_formatedto" class="inputLine"/>
</div>
<!------------------------------- - FIM FORMATED TO - ------------------------------------>
<!--------------------------------- - BUILD BY - -------------------------------------->
<div class="flex builtBy">
<div class="input-label">
Built by:
</div>
<input type="text" name="attr_builtBy" class="inputLine"/>
</div>
<!------------------------------- - FIM BUILD BY - ------------------------------------>
<!--------------------------------- - ATTUNED TO - ------------------------------------>
<div class="flex EquipmentSubType">
<div class="input-label">
Sub-Type:
</div>
<input type="text" name="attr_vargType" class="inputLine"/>
<!-- <select name="attr_vargType" class="inputLine">
<option value="ctactical" selected>Combat Tactical</option>
<option value="cassault">Combat Assault</option>
<option value="scout">Scout</option>
<option value="support">Support</option>
</select> -->
</div>
<!------------------------------ - FIM ATTUNED TO - ----------------------------------->
</div>
<!--======================= - FIM ATTUNED TO, BUILT BY - ============================-->
</div>
<!--++++++++++++++++++ - FIM ALLEGIANCE, TIER, CONCEPT, LEVEL- +++++++++++++++++++++++-->
</div>
<div class="space1constant varg"></div>
<!--/////////////////////////////// - FIM VARG - READER - ///////////////////////////////-->
<!--/////////////////////////////// - BIOSUIT - READER - //////////////////////////////-->
<div class="pSection reader sheet-2colrow biosuit fRow">
<!--==================== - SUPERSCIENCE - TYPE, NAME, HANDKING, SPEED- ====================-->
<div class="sheet-col">
<div class="readerTrait">
<div class="singleArmor secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_biosuittypename" class="inputWeaponTitle" placeholder="Biosuit" />
<input type="text" name="attr_internal_character_name" class="inputWeaponName primaryColorFont" placeholder=" " />
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_biosuit-hard" class="inputWeaponEnhancement primaryColorFont" placeholder="0" />
<div class="primaryColorFont">
HARD
</div>
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_biosuit-soft" class="inputWeaponEnhancement primaryColorFont" placeholder="0" />
<div class="primaryColorFont">
SOFT
</div>
</div>
</div>
</div>
</div>
</div>
<!--==================== FIM SUPERSCIENCE - TYPE, NAME, RANK, SPEED- =================-->
<!--++++++++++++++++++++ - ALLEGIANCE, TIER, CONCEPT, LEVEL- ++++++++++++++++++++++++-->
<div class="sheet-col">
<!--============================= - OWNER, TIER - ===================================-->
<div class="readerTrait">
<!----------------------------------- - OWNER - --------------------------------------->
<div class="flex owner">
<div class="input-label">
Owner:
</div>
<input type="text" name="attr_owner" class="inputLine" />
</div>
<!--------------------------------- - FIM OWNER - ------------------------------------->
<!----------------------------------- - TIER - ---------------------------------------->
<div class="flex tier">
<div class="input-label">
Template:
</div>
<select name="attr_tier" class="inputLine">
<option class="optionTitle primaryColorBackground colorFont" disabled>CHARACTERS</option>
<option value="baseline" selected>&nbsp;Baseline</option>
<option value="talent">&nbsp;Talent</option>
<option value="nova">&nbsp;Nova</option>
<option value="superior">&nbsp;Jinketsu</option>
<option value="psiad">&nbsp;Psiad</option>
<option value="psion">&nbsp;Psion</option>
<option value="qin">&nbsp;Qin</option>
<option value="inspired">&nbsp;Inspired</option>
<option value="anima">&nbsp;Anima</option>
<option value="NPC">&nbsp;NPC</option>
<option class="optionTitle primaryColorBackground colorFont" disabled>SUPER-SCIENCE</option>
<option value="ftech">&nbsp;Flux-Tech</option>
<option value="qtech">&nbsp;Quantum-Tech</option>
<option value="ptech" disabled>&nbsp;Noetic-Tech</option>
<option class="optionTitle primaryColorBackground colorFont" disabled>OTHERS</option>
<option value="transport">&nbsp;Vehicle</option>
<option value="varg">&nbsp;V.A.R.G</option>
<option value="biosuit">&nbsp;Qin Biosuit</option>
<option value="equipment">&nbsp;Equipment</option>
</select>
<option value="equipment">Equipment</option>
</select>
</div>
<!--------------------------------- - FIM TIER - -------------------------------------->
</div>
<!--============================ - FIM OWNER, TIER - =================================-->
<!--========================== - ATTUNED TO BUILT BY - ==============================-->
<div class="readerTrait">
<!--------------------------------- - BUILD BY - -------------------------------------->
<div class="flex builtBy">
<div class="input-label">
Concept:
</div>
<input type="text" name="attr_concept" class="inputLine"/>
</div>
<!------------------------------- - FIM BUILD BY - ------------------------------------>
<!--------------------------------- - ATTUNED TO - ------------------------------------>
<div class="flex EquipmentSubType">
<div class="input-label">
Sub-Type:
</div>
<input type="text" name="attr_biosuitType" class="inputLine"/>
</div>
<!------------------------------ - FIM ATTUNED TO - ----------------------------------->
</div>
<!--======================= - FIM ATTUNED TO, BUILT BY - ============================-->
</div>
<!--++++++++++++++++++ - FIM ALLEGIANCE, TIER, CONCEPT, LEVEL- +++++++++++++++++++++++-->
</div>
<div class="space1constant biosuit"></div>
<!--///////////////////////////// - FIM BIOSUIT - READER - /////////////////////////////-->
<!--/////////////////////////////// - EQUIPMENT - READER - //////////////////////////////-->
<div class="pSection reader sheet-2colrow equipment fRow">
<!--==================== - SUPERSCIENCE - TYPE, NAME, HANDKING, SPEED- ====================-->
<div class="sheet-col">
<div class="readerTrait">
<div class="singleArmor secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_equipmenttypename" class="inputWeaponTitle subTypeWeapon" placeholder="Weapon" />
<input type="text" name="attr_equipmenttypename" class="inputWeaponTitle subTypeArmor" placeholder="Armor" />
<input type="text" name="attr_equipmenttypename" class="inputWeaponTitle subTypeGear" placeholder="Gear" />
<input type="text" name="attr_internal_character_name" class="inputWeaponName primaryColorFont" placeholder=" " />
</div>
<div class="flex aiBaseline subTypeWeapon inputWeaponEnhancementConteiner headerStatsWeaponType">
<input type="text" name="attr_equipment_typeweapon" class="inputLine primaryColorFont" placeholder="SELECT" list="weaponTypeList"/>
<div class="primaryColorFont">
TYPE
</div>
</div>
<div class="flex aiBaseline subTypeWeapon subTypeGear inputWeaponEnhancementConteiner">
<input type="text" name="attr_equipment-enhanc" class="inputWeaponEnhancement formatable primaryColorFont" placeholder="0" />
<div class="primaryColorFont">
EN
</div>
</div>
<div class="flex aiBaseline subTypeArmor inputWeaponEnhancementConteiner">
<input type="text" name="attr_equipmentarmor-hard" class="inputWeaponEnhancement primaryColorFont" placeholder="0" />
<div class="primaryColorFont">
HARD
</div>
</div>
<div class="flex aiBaseline subTypeArmor inputWeaponEnhancementConteiner">
<input type="text" name="attr_equipmentarmor-soft" class="inputWeaponEnhancement primaryColorFont" placeholder="0" />
<div class="primaryColorFont">
SOFT
</div>
</div>
</div>
</div>
</div>
</div>
<!--==================== FIM SUPERSCIENCE - TYPE, NAME, RANK, SPEED- =================-->
<!--++++++++++++++++++++ - ALLEGIANCE, TIER, CONCEPT, LEVEL- ++++++++++++++++++++++++-->
<div class="sheet-col">
<!--============================= - OWNER, TIER - ===================================-->
<div class="readerTrait">
<!----------------------------------- - OWNER - --------------------------------------->
<div class="flex owner">
<div class="input-label">
Owner:
</div>
<input type="text" name="attr_owner" class="inputLine" />
</div>
<!--------------------------------- - FIM OWNER - ------------------------------------->
<!----------------------------------- - TIER - ---------------------------------------->
<div class="flex tier">
<div class="input-label">
Template:
</div>
<select name="attr_tier" class="inputLine">
<option class="optionTitle primaryColorBackground colorFont" disabled>CHARACTERS</option>
<option value="baseline" selected>&nbsp;Baseline</option>
<option value="talent">&nbsp;Talent</option>
<option value="nova">&nbsp;Nova</option>
<option value="superior">&nbsp;Jinketsu</option>
<option value="psiad">&nbsp;Psiad</option>
<option value="psion">&nbsp;Psion</option>
<option value="qin">&nbsp;Qin</option>
<option value="inspired">&nbsp;Inspired</option>
<option value="anima">&nbsp;Anima</option>
<option value="NPC">&nbsp;NPC</option>
<option class="optionTitle primaryColorBackground colorFont" disabled>SUPER-SCIENCE</option>
<option value="ftech">&nbsp;Flux-Tech</option>
<option value="qtech">&nbsp;Quantum-Tech</option>
<option value="ptech" disabled>&nbsp;Noetic-Tech</option>
<option class="optionTitle primaryColorBackground colorFont" disabled>OTHERS</option>
<option value="transport">&nbsp;Vehicle</option>
<option value="varg">&nbsp;V.A.R.G</option>
<option value="biosuit">&nbsp;Qin Biosuit</option>
<option value="equipment">&nbsp;Equipment</option>
</select>
<option value="equipment">Equipment</option>
</select>
</div>
<!--------------------------------- - FIM TIER - -------------------------------------->
</div>
<!--============================ - FIM OWNER, TIER - =================================-->
<!--========================== - ATTUNED TO BUILT BY - ==============================-->
<div class="readerTrait">
<!--------------------------------- - FORMATED TO - -------------------------------------->
<div class="flex fmtTo">
<div class="input-label">
Fmt to:
</div>
<input type="text" name="attr_formatedto" class="inputLine"/>
</div>
<!------------------------------- - FIM FORMATED TO - ------------------------------------>
<!--------------------------------- - BUILD BY - -------------------------------------->
<div class="flex builtBy">
<div class="input-label">
Built by:
</div>
<input type="text" name="attr_builtBy" class="inputLine"/>
</div>
<!------------------------------- - FIM BUILD BY - ------------------------------------>
<!--------------------------------- - ATTUNED TO - ------------------------------------>
<div class="flex EquipmentSubType">
<div class="input-label">
Sub-Type:
</div>
<select name="attr_equipmentType" class="inputLine">
<option value="weapon" selected>Weapon</option>
<option value="armor">Armor</option>
<option value="gear">Gear</option>
</select>
</div>
<!------------------------------ - FIM ATTUNED TO - ----------------------------------->
</div>
<!--======================= - FIM ATTUNED TO, BUILT BY - ============================-->
</div>
<!--++++++++++++++++++ - FIM ALLEGIANCE, TIER, CONCEPT, LEVEL- +++++++++++++++++++++++-->
</div>
<div class="space1constant equipment"></div>
<!--///////////////////////////// - FIM EQUIPMENT - READER - /////////////////////////////-->
<!--////////////////////////////// - SECTION SKILLS- ////////////////////////////////-->
<div class="pSection skills PC anima" id="section-Skill">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title primaryColorBackground">
<div class="titleLabel colorFont">
SKILLS
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<div class="effects"></div>
<!--++++++++++++++++++++++++++++++++++ - SKILLS PC - +++++++++++++++++++++++++++++++++++-->
<div class="PC">
<div class="sheet-2colrow">
<!--=================================== - COLUNA 1 - ================================-->
<div class="sheet-col">
<!----------------------------------- - SKILL AIM - ----------------------------------->
<div class= "skill aim secondaryColorBackground">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-aim">K</button>
<div class="input-label">
Aim:
<!-- &#11041 -->
</div>
<input type="text" name="attr_aim_specialty" class="inputLine" />
<div class="dots">
<input type="hidden" name="attr_aim" class="dot" value="0" />
<button type="action" name="act_aim-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_aim-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_aim-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_aim-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_aim-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<!-------------------------------- - FIM SKILL AIM - --------------------------------->
<!------------------------------- - SKILL ATHLETICS - -------------------------------->
<div class= "skill athletics">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-athletics">K</button>
<div class="input-label">
Athletics:
</div>
<input type="text" name="attr_athletics_specialty" class="inputLine" />
<div class="dots">
<input type="hidden" name="attr_athletics" class="dot" value="0" />
<button type="action" name="act_athletics-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_athletics-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_athletics-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_athletics-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_athletics-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<!----------------------------- - FIM SKILL ATHLETICS - ------------------------------->
<!------------------------------ - SKILL CLOSE COMBAT - ------------------------------->
<div class= "skill closeCombat secondaryColorBackground">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll_close_combat">K</button>
<div class="input-label">
Close Combat:
</div>
<input type="text" name="attr_close_combat_specialty" class="inputLine" />
<div class="dots">
<input type="hidden" name="attr_close_combat" class="dot" value="0" />
<button type="action" name="act_close_combat-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_close_combat-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_close_combat-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_close_combat-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_close_combat-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<!---------------------------- - FIM SKILL CLOSE COMBAT - ----------------------------->
<!--------------------------------- - SKILL COMMAND - --------------------------------->
<div class= "skill command">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-command">K</button>
<div class="input-label">
Command:
</div>
<input type="text" name="attr_command_specialty" class="inputLine" />
<div class="dots">
<input type="hidden" name="attr_command" class="dot" value="0" />
<button type="action" name="act_command-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_command-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_command-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_command-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_command-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<!------------------------------ - FIM SKILL COMMAND - -------------------------------->
<!--------------------------------- - SKILL CULTURE - --------------------------------->
<div class= "skill culture secondaryColorBackground">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-culture">K</button>
<div class="input-label">
Culture:
</div>
<input type="text" name="attr_culture_specialty" class="inputLine" />
<div class="dots">
<input type="hidden" name="attr_culture" class="dot" value="0" />
<button type="action" name="act_culture-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_culture-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_culture-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_culture-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_culture-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<!------------------------------ - FIM SKILL CULTURE - -------------------------------->
<!--------------------------------- - SKILL EMPATHY - --------------------------------->
<div class= "skill empathy">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-empathy">K</button>
<div class="input-label">
Empathy:
</div>
<input type="text" name="attr_empathy_specialty" class="inputLine" />
<div class="dots">
<input type="hidden" name="attr_empathy" class="dot" value="0" />
<button type="action" name="act_empathy-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_empathy-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_empathy-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_empathy-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_empathy-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<!------------------------------ - FIM SKILL EMPATHY - -------------------------------->
<!--------------------------------- - SKILL ENIGMAS - --------------------------------->
<div class= "skill enigmas secondaryColorBackground">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-enigmas">K</button>
<div class="input-label">
Enigmas:
</div>
<input type="text" name="attr_enigmas_specialty" class="inputLine" />
<div class="dots">
<input type="hidden" name="attr_enigmas" class="dot" value="0" />
<button type="action" name="act_enigmas-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_enigmas-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_enigmas-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_enigmas-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_enigmas-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<!------------------------------ - FIM SKILL ENIGMAS - -------------------------------->
<!------------------------------- - SKILL HUMANITIES - -------------------------------->
<div class= "skill humanities">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-humanities">K</button>
<div class="input-label">
Humanities:
</div>
<input type="text" name="attr_humanities_specialty" class="inputLine" />
<div class="dots">
<input type="hidden" name="attr_humanities" class="dot" value="0" />
<button type="action" name="act_humanities-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_humanities-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_humanities-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_humanities-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_humanities-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<!----------------------------- - FIM SKILL HUMANITIES - ------------------------------>
</div>
<!--================================= - FIM COLUNA 1 - ==============================-->
<!--=================================== - COLUNA 2 - ================================-->
<div class="sheet-col">
<!-------------------------------- - SKILL INTEGRITY - -------------------------------->
<div class= "skill integrity secondaryColorBackground">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-integrity">K</button>
<div class="input-label">
Integrity:
</div>
<input type="text" name="attr_integrity_specialty" class="inputLine" />
<div class="dots">
<input type="hidden" name="attr_integrity" class="dot" value="0" />
<button type="action" name="act_integrity-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_integrity-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_integrity-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_integrity-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_integrity-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<!----------------------------- - FIM SKILL INTEGRITY - ------------------------------->
<!-------------------------------- - SKILL LARCENY - ---------------------------------->
<div class= "skill larceny">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-larceny">K</button>
<div class="input-label">
Larceny:
</div>
<input type="text" name="attr_larceny_specialty" class="inputLine" />
<div class="dots">
<input type="hidden" name="attr_larceny" class="dot" value="0" />
<button type="action" name="act_larceny-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_larceny-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_larceny-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_larceny-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_larceny-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<!------------------------------ - FIM SKILL LARCENY - -------------------------------->
<!-------------------------------- - SKILL MEDICINE - --------------------------------->
<div class= "skill medicine secondaryColorBackground">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-medicine">K</button>
<div class="input-label">
Medicine:
</div>
<input type="text" name="attr_medicine_specialty" class="inputLine" />
<div class="dots">
<input type="hidden" name="attr_medicine" class="dot" value="0" />
<button type="action" name="act_medicine-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_medicine-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_medicine-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_medicine-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_medicine-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<!------------------------------ - FIM SKILL MEDICINE - ------------------------------->
<!------------------------------- - SKILL PERSUASION - -------------------------------->
<div class= "skill persuasion">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-persuasion">K</button>
<div class="input-label">
Persuasion:
</div>
<input type="text" name="attr_persuasion_specialty" class="inputLine" />
<div class="dots">
<input type="hidden" name="attr_persuasion" class="dot" value="0" />
<button type="action" name="act_persuasion-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_persuasion-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_persuasion-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_persuasion-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_persuasion-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<!---------------------------- - FIM SKILL PERSUASION - ------------------------------->
<!--------------------------------- - SKILL PILOT - ----------------------------------->
<div class= "skill pilot secondaryColorBackground">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-pilot">K</button>
<div class="input-label">
Pilot:
</div>
<input type="text" name="attr_pilot_specialty" class="inputLine" />
<div class="dots">
<input type="hidden" name="attr_pilot" class="dot" value="0" />
<button type="action" name="act_pilot-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_pilot-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_pilot-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_pilot-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_pilot-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<!------------------------------- - FIM SKILL PILOT - --------------------------------->
<!--------------------------------- - SKILL SCIENCE - --------------------------------->
<div class= "skill science">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-science">K</button>
<div class="input-label">
Science:
</div>
<input type="text" name="attr_science_specialty" class="inputLine" />
<div class="dots">
<input type="hidden" name="attr_science" class="dot" value="0" />
<button type="action" name="act_science-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_science-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_science-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_science-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_science-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<!------------------------------ - FIM SKILL SCIENCE - --------------------------------->
<!--------------------------------- - SKILL SURVIVAL - --------------------------------->
<div class= "skill survival secondaryColorBackground">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-survival">K</button>
<div class="input-label">
Survival:
</div>
<input type="text" name="attr_survival_specialty" class="inputLine" />
<div class="dots">
<input type="hidden" name="attr_survival" class="dot" value="0" />
<button type="action" name="act_survival-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_survival-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_survival-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_survival-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_survival-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<!------------------------------ - FIM SKILL SURVIVAL - -------------------------------->
<!------------------------------- - SKILL TECHNOLOGY - --------------------------------->
<div class= "skill technology">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-technology">K</button>
<div class="input-label">
Technology:
</div>
<input type="text" name="attr_technology_specialty" class="inputLine" />
<div class="dots">
<input type="hidden" name="attr_technology" class="dot" value="0" />
<button type="action" name="act_technology-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_technology-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_technology-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_technology-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_technology-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<!----------------------------- - FIM SKILL TECHNOLOGY - ------------------------------->
</div>
<!--================================= - FIM COLUNA 2 - ===============================-->
</div>
</div>
<!--++++++++++++++++++++++++++++++++ - FIM SKILLS PC - ++++++++++++++++++++++++++++++++++-->
<!--+++++++++++++++++++++++++++++++++ - SKILLS ANIMA - ++++++++++++++++++++++++++++++++++-->
<div class="animaSkills anima flex jcSpaceBetween">
<div class="animaCol flex fColumn jcSpaceBetween">
<div class="animaSkill">
<div class="animaSkillHeader flex secondaryColorBackground jcSpaceBetween">
<div class="animaSkillName flex aiCenter">
Athletics
</div>
<div class="animaSkillDots flex aiCenter">
<div class="dots">
<input type="hidden" name="attr_animaskillathletics" class="dot" value="0" />
<button type="action" name="act_animaskillathletics-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillathletics-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillathletics-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillathletics-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillathletics-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<div class="animaSkillBody">
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Riding
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_riding"/>
</div>
</div>
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Movement
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_movement"/>
</div>
</div>
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Puzzles
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_athleticspuzzles"/>
</div>
</div>
</div>
</div>
<div class="animaSkill">
<div class="animaSkillHeader flex secondaryColorBackground jcSpaceBetween">
<div class="animaSkillName flex aiCenter">
Block
</div>
<div class="animaSkillDots flex aiCenter">
<div class="dots">
<input type="hidden" name="attr_animaskillblock" class="dot" value="0" />
<button type="action" name="act_animaskillblock-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillblock-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillblock-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillblock-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillblock-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<div class="animaSkillBody">
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Magic Defense
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_magicdefense"/>
</div>
</div>
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Physical
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_physical"/>
</div>
</div>
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Defense
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_defense"/>
</div>
</div>
</div>
</div>
<div class="animaSkill">
<div class="animaSkillHeader flex secondaryColorBackground jcSpaceBetween">
<div class="animaSkillName flex aiCenter">
Stealth
</div>
<div class="animaSkillDots flex aiCenter">
<div class="dots">
<input type="hidden" name="attr_animaskillstealth" class="dot" value="0" />
<button type="action" name="act_animaskillstealth-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillstealth-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillstealth-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillstealth-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillstealth-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<div class="animaSkillBody">
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Hiding
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_hiding"/>
</div>
</div>
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Lock Picking
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_lockpicking"/>
</div>
</div>
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Pick Pocket
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_pickpocket"/>
</div>
</div>
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Sneaking
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_sneaking"/>
</div>
</div>
</div>
</div>
</div>
<div class="animaCol flex fColumn jcSpaceBetween">
<div class="animaSkill">
<div class="animaSkillHeader flex secondaryColorBackground jcSpaceBetween">
<div class="animaSkillName flex aiCenter">
Lore
</div>
<div class="animaSkillDots flex aiCenter">
<div class="dots">
<input type="hidden" name="attr_animaskilllore" class="dot" value="0" />
<button type="action" name="act_animaskilllore-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskilllore-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskilllore-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskilllore-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskilllore-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<div class="animaSkillBody">
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Culture
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_culture"/>
</div>
</div>
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Gathering
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_loregathering"/>
</div>
</div>
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Puzzles
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_lorepuzzles"/>
</div>
</div>
</div>
</div>
<div class="animaSkill">
<div class="animaSkillHeader flex secondaryColorBackground jcSpaceBetween">
<div class="animaSkillName flex aiCenter">
Crafting
</div>
<div class="animaSkillDots flex aiCenter">
<div class="dots">
<input type="hidden" name="attr_animaskillcrafting" class="dot" value="0" />
<button type="action" name="act_animaskillcrafting-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillcrafting-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillcrafting-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillcrafting-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillcrafting-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<div class="animaSkillBody">
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Armor
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_armor"/>
</div>
</div>
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Potions
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_potions"/>
</div>
</div>
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Weapons
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_weapons"/>
</div>
</div>
</div>
</div>
<div class="animaSkill">
<div class="animaSkillHeader flex secondaryColorBackground jcSpaceBetween">
<div class="animaSkillName flex aiCenter">
Persuasion
</div>
<div class="animaSkillDots flex aiCenter">
<div class="dots">
<input type="hidden" name="attr_animaskillpersuasion" class="dot" value="0" />
<button type="action" name="act_animaskillpersuasion-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillpersuasion-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillpersuasion-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillpersuasion-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillpersuasion-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<div class="animaSkillBody">
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Bartering
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_bartering"/>
</div>
</div>
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Command
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_command"/>
</div>
</div>
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Convincing
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_convincing"/>
</div>
</div>
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Misdirection
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_misdirection"/>
</div>
</div>
</div>
</div>
</div>
<div class="animaCol flex fColumn jcSpaceBetween">
<div class="animaSkill">
<div class="animaSkillHeader flex secondaryColorBackground jcSpaceBetween">
<div class="animaSkillName flex aiCenter">
Physical Attack
</div>
<div class="animaSkillDots flex aiCenter">
<div class="dots">
<input type="hidden" name="attr_animaskillphysicalattack" class="dot" value="0" />
<button type="action" name="act_animaskillphysicalattack-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillphysicalattack-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillphysicalattack-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillphysicalattack-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillphysicalattack-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<div class="animaSkillBody">
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Brawling
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_brawling"/>
</div>
</div>
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Melee
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_melee"/>
</div>
</div>
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Ranged
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_ranged"/>
</div>
</div>
</div>
</div>
<div class="animaSkill">
<div class="animaSkillHeader flex secondaryColorBackground jcSpaceBetween">
<div class="animaSkillName flex aiCenter">
Magic Attack
</div>
<div class="animaSkillDots flex aiCenter">
<div class="dots">
<input type="hidden" name="attr_animaskillmagicattack" class="dot" value="0" />
<button type="action" name="act_animaskillmagicattack-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillmagicattack-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillmagicattack-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillmagicattack-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillmagicattack-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<div class="animaSkillBody">
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Area of Effect
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_areaofeffect"/>
</div>
</div>
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Beam
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_beam"/>
</div>
</div>
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Status Effect
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_statuseffect"/>
</div>
</div>
</div>
</div>
<div class="animaSkill">
<div class="animaSkillHeader flex secondaryColorBackground jcSpaceBetween">
<div class="animaSkillName flex aiCenter">
Arcana
</div>
<div class="animaSkillDots flex aiCenter">
<div class="dots">
<input type="hidden" name="attr_animaskillarcana" class="dot" value="0" />
<button type="action" name="act_animaskillarcana-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillarcana-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillarcana-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillarcana-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_animaskillarcana-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<div class="animaSkillBody">
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Gathering
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_arcanagathering"/>
</div>
</div>
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Healing
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_healing"/>
</div>
</div>
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Identify
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_identify"/>
</div>
</div>
<div class="animaSkillEnhac flex jcSpaceBetween aiCenter">
<div class="animaSkillEnhacName">
Puzzles
</div>
<div class="line">
</div>
<div class="animaSkillEnhacNumber flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_animaenhc_arcanapuzzles"/>
</div>
</div>
</div>
</div>
</div>
</div>
<!--+++++++++++++++++++++++++++++++ - FIM SKILLS ANIMA - ++++++++++++++++++++++++++++++++-->
</div>
<div class="space1 PC anima"></div>
<!--//////////////////////////// - FIM SECTION SKILLS- //////////////////////////////-->
<!--//////////////////////////// - SECTION ATTRIBUTES- //////////////////////////////-->
<div class="pSection TCAttributes PC" id="section-Attributes">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title primaryColorBackground">
<div class="titleLabel colorFont">
ATTRIBUTES
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<div class="effects"></div>
<div class= "flex arenaTitle jcSpaceAround">
<div class="primaryColorBackground">MENTAL</div>
<div class="primaryColorBackground">PHYSICAL</div>
<div class="primaryColorBackground">SOCIAL</div>
</div>
<div class= "flex fortes jcSpaceAround superior fortes arenas">
<div class="tertiaryColorBackground forte arena">
<div class="dots">
<input type="hidden" name="attr_mental" class="dot" value="0" />
<button type="action" name="act_mental-1" class="dot hexagon gt-0" checked>
<span class="checked"></span>
</button>
</div>
<div class="input-label">
MENTAL
</div>
</div>
<div class="tertiaryColorBackground forte arena central">
<div class="dots">
<input type="hidden" name="attr_physical" class="dot" value="0" />
<button type="action" name="act_physical-1" class="dot hexagon gt-0" checked>
<span class="checked"></span>
</button>
</div>
<div class="input-label">
PHYSICAL
</div>
</div>
<div class="tertiaryColorBackground forte arena">
<div class="dots">
<input type="hidden" name="attr_social" class="dot" value="0" />
<button type="action" name="act_social-1" class="dot hexagon gt-0" checked>
<span class="checked"></span>
</button>
</div>
<div class="input-label">
SOCIAL
</div>
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - ATTRIBUTES - ++++++++++++++++++++++++++++++++-->
<div class="flex">
<!--================================= - APPROACHES - ================================-->
<div class= "approaches">
<div class="attribute secondaryColorBackground">
<div class="dots">
<input type="hidden" name="attr_force" class="dot" value="0" />
<button type="action" name="act_force-1" class="dot hexagon gt-0" checked>
<span class="checked"></span>
</button>
</div>
<div class="input-label">
Force
</div>
</div>
<div class="attribute">
<div class="dots">
<input type="hidden" name="attr_finesse" class="dot" value="0" />
<button type="action" name="act_finesse-1" class="dot hexagon gt-0" checked>
<span class="checked"></span>
</button>
</div>
<div class="input-label">
Finesse
</div>
</div>
<div class="attribute secondaryColorBackground">
<div class="dots">
<input type="hidden" name="attr_resilience" class="dot" value="0" />
<button type="action" name="act_resilience-1" class="dot hexagon gt-0" checked>
<span class="checked"></span>
</button>
</div>
<div class="input-label">
Resilience
</div>
</div>
</div>
<!--=============================== - FIM APPROACHES - ==============================-->
<!--=================================== - ARENAS - ==================================-->
<div class= "arenas flex">
<!--================================ - ARENA MENTAL - ===============================-->
<div class="arena">
<!----------------------------------- - INTELLECT - ----------------------------------->
<div class="attribute secondaryColorBackground jcSpaceBetween">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-intellect">K</button>
<div class="input-label">
Intellect
</div>
<div class="dots">
<input type="hidden" name="attr_intellect" class="dot" value="1" />
<button type="action" name="act_intellect-1" class="dot hexagon gt-0" checked>
<span class="checked"></span>
</button>
<button type="action" name="act_intellect-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_intellect-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_intellect-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_intellect-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_intellect-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot talent psiad psion superior inspired">
<span class="checked"></span>
</button>
</div>
</div>
<!--------------------------------- - FIM INTELLECT - --------------------------------->
<!------------------------------------ - CUNNING - ------------------------------------>
<div class="attribute jcSpaceBetween">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-cunning">K</button>
<div class="input-label">
Cunning
</div>
<div class="dots">
<input type="hidden" name="attr_cunning" class="dot" value="1" />
<button type="action" name="act_cunning-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_cunning-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_cunning-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_cunning-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_cunning-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_cunning-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot talent psiad psion superior inspired">
<span class="checked"></span>
</button>
</div>
</div>
<!---------------------------------- - FIM CUNNING - ---------------------------------->
<!------------------------------------ - RESOLVE - ------------------------------------>
<div class="attribute secondaryColorBackground jcSpaceBetween">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-resolve">K</button>
<div class="input-label">
Resolve
</div>
<div class="dots">
<input type="hidden" name="attr_resolve" class="dot" value="1" />
<button type="action" name="act_resolve-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_resolve-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_resolve-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_resolve-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_resolve-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_resolve-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot talent psiad psion superior inspired">
<span class="checked"></span>
</button>
</div>
</div>
<!---------------------------------- - FIM RESOLVE - ---------------------------------->
</div>
<!--============================== - FIM ARENA MENTAL - =============================-->
<!--============================== - PHYSICAL PHISICAL - ============================-->
<div class="arena central">
<!------------------------------------- - MIGHT - ------------------------------------->
<div class="attribute secondaryColorBackground jcSpaceBetween">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-migth">K</button>
<div class="input-label">
Might
</div>
<div class="dots">
<input type="hidden" name="attr_might" class="dot" value="1" />
<button type="action" name="act_might-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_might-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_might-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_might-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_might-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_might-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot talent psiad psion superior inspired">
<span class="checked"></span>
</button>
</div>
</div>
<!----------------------------------- - FIM MIGHT - ----------------------------------->
<!----------------------------------- - DEXTERITY - ----------------------------------->
<div class="attribute jcSpaceBetween">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-dexterity">K</button>
<div class="input-label">
Dexterity
</div>
<div class="dots">
<input type="hidden" name="attr_dexterity" class="dot" value="1" />
<button type="action" name="act_dexterity-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_dexterity-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_dexterity-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_dexterity-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_dexterity-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_dexterity-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot talent psiad psion superior inspired">
<span class="checked"></span>
</button>
</div>
</div>
<!--------------------------------- - FIM DEXTERITY - --------------------------------->
<!------------------------------------- - STAMINA - ----------------------------------->
<div class="attribute secondaryColorBackground jcSpaceBetween">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-stamina">K</button>
<div class="input-label">
Stamina
</div>
<div class="dots">
<input type="hidden" name="attr_stamina" class="dot" value="1" />
<button type="action" name="act_stamina-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_stamina-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_stamina-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_stamina-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_stamina-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_stamina-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot talent psiad psion superior inspired">
<span class="checked"></span>
</button>
</div>
</div>
<!------------------------------------ - FIM STAMINA - --------------------------------->
</div>
<!--=============================== - FIM PHYSICAL - ================================-->
<!--==================================== - SOCIAL - =================================-->
<div class="arena">
<!----------------------------------- - PRESENCE - ------------------------------------>
<div class="attribute secondaryColorBackground jcSpaceBetween">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-presence">K</button>
<div class="input-label">
Presence
</div>
<div class="dots">
<input type="hidden" name="attr_presence" class="dot" value="1" />
<button type="action" name="act_presence-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_presence-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_presence-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_presence-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_presence-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_presence-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot talent psiad psion superior inspired">
<span class="checked"></span>
</button>
</div>
</div>
<!--------------------------------- - FIM PRESENCE - ---------------------------------->
<!--------------------------------- - MANIPULATION - ---------------------------------->
<div class="attribute jcSpaceBetween">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-manipulation">K</button>
<div class="input-label">
Manipulation
</div>
<div class="dots">
<input type="hidden" name="attr_manipulation" class="dot" value="1" />
<button type="action" name="act_manipulation-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_manipulation-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_manipulation-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_manipulation-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_manipulation-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_manipulation-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot talent psiad psion superior inspired">
<span class="checked"></span>
</button>
</div>
</div>
<!------------------------------- - FIM MANIPULATION - -------------------------------->
<!------------------------------------ - COMPOSURE - ---------------------------------->
<div class="attribute secondaryColorBackground jcSpaceBetween">
<button class="traitRollButton primaryColorFont" type="action" name="act_roll-composure">K</button>
<div class="input-label">
Composure
</div>
<div class="dots">
<input type="hidden" name="attr_composure" class="dot" value="1" />
<button type="action" name="act_composure-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_composure-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_composure-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_composure-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_composure-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_composure-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot talent psiad psion superior inspired">
<span class="checked"></span>
</button>
</div>
</div>
<!---------------------------------- - FIM COMPOSURE - -------------------------------->
</div>
<!--================================= - FIM ARENAS - ================================-->
</div>
<!--================================ - FIM SOCIAL - =================================-->
</div>
<!--+++++++++++++++++++++++++++++++ - FIM ATTRIBUTES - ++++++++++++++++++++++++++++++-->
</div>
<div class="space1 PC"></div>
<!--////////////////////////// - FIM SECTION ATTRIBUTES- ////////////////////////////-->
<!--///////////////////////////// - NPC - TRAITS/HEALTH ////////////////////////////////-->
<div class="pTwinSection sheet-2colrow NPC traitsHealth" id="section-npc-Traits--Health">
<div class="sheet-col">
<!--+++++++++++++++++++++++++++++++ - SECTION TRAITS - +++++++++++++++++++++++++++++++-->
<div class="npc-traits">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
TRAITS
</div>
</div>
<!--================================= - FIM TITLE - =================================-->
<!--===================================- - TRAITS - ===================================-->
<div class="npcPools">
<div class= "npcPool primaryPoll">
<div class="input-label">
Primary Pool:
</div>
<input type="text" name="attr_primary_pool_description" class="inputLine" />
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_primary_pool"/>
</div>
</div>
<div class= "npcPool secondaryPoll">
<div class="input-label">
Secondary Pool:
</div>
<input type="text" name="attr_secondary_pool_description" class="inputLine" />
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_secondary_pool"/>
</div>
</div>
<div class= "npcPool desperationPoll">
<div class="input-label">
Desperation Pool:
</div>
<input type="text" name="attr_desperation_pool_description" class="inputLine" />
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_desperation_pool"/>
</div>
</div>
</div>
<div class="flex jcSpaceBetween npcDefenseEnhancements">
<div class="npcEnhancements flex">
<div class="input-label">
Enhancements:
</div>
<input type="text" name="attr_enhancements_description" class="inputLine" />
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_npc_enhancements"/>
</div>
</div>
</div>
<div class="npcInitiative flex">
<div class="input-label">
Initiative:
</div>
<select name="attr_npc_initiative_selector" class="inputLine">
<option value="Primary Pool" selected>Primary</option>
<option value="Secondary Pool">Secondary</option>
<option value="Desperation Pool">Desperation</option>
</select>
</div>
</div>
<!--================================- - FIM TRAITS - =================================-->
</div>
<!--+++++++++++++++++++++++++++++ - FIM SECTION TRAITS - +++++++++++++++++++++++++++++-->
<div class="sheet-col">
<!--+++++++++++++++++++++++++++++++ - SECTION TRAITS - +++++++++++++++++++++++++++++++-->
<div class="npcHealth">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
HEALTH
</div>
</div>
<!--================================= - FIM TITLE - =================================-->
<!--===================================- - CONTENT - ==================================-->
<div class="sourceDots flex fColumn jcCenter">
<div class="dots sourceMax jcSpaceBetween">
<input type="hidden" name="attr_npc-health" class="dot" value="0" />
<button type="action" name="act_npc-health-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-health-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-health-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-health-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-health-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-health-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-health-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-health-8" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-health-9" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-health-10" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8 gt-9">
<span class="checked"></span>
</button>
</div>
<div class="divisor">
<div class="line"></div>
<div class="divisorLabel">Current</div>
<div class="line"></div>
</div>
<div class="dots sourceExpended jcSpaceBetween">
<input type="hidden" name="attr_npc-healthExpended" class="dot" value="0" />
<button type="action" name="act_npc-healthExpended-1" class="dot rectangle gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-healthExpended-2" class="dot rectangle gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-healthExpended-3" class="dot rectangle gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-healthExpended-4" class="dot rectangle gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-healthExpended-5" class="dot rectangle gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-healthExpended-6" class="dot rectangle gt-0 gt-1 gt-2 gt-3 gt-4 gt-5">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-healthExpended-7" class="dot rectangle gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-healthExpended-8" class="dot rectangle gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-healthExpended-9" class="dot rectangle gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-healthExpended-10" class="dot rectangle gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8 gt-9">
<span class="checked"></span>
</button>
</div>
</div>
<div class="flex jcSpaceBetween npcDefenseContainer boxPoint">
<div class="npcDefense flex">
<div class="flex fColumn jcCenter aiCenter boxPoint secondaryColorBackground">
<div class="boxPointTitle">Base Defense</div>
<input placeholder="00" class="primaryColorFont" type="number" name="attr_npcBaseDefense">
</div>
<div class="flex fColumn jcCenter aiCenter boxPoint secondaryColorBackground primaryColorFont">
<div class="boxPointTitle">Mod. Defense</div>
<input placeholder="00" class="primaryColorFont" type="number" name="attr_npcModifDefense">
</div>
<div class="flex fColumn jcCenter aiCenter boxPoint secondaryColorBackground primaryColorFont">
<div class="boxPointTitle">Total</div>
<input placeholder="00" class="primaryColorFont" type="number" name="attr_npc_defense">
</div>
</div>
</div>
<!--===================-===========- - FIM CONTENT - =====-=======================-->
</div>
<!--================================- - FIM CONTENT - =================================-->
</div>
<!--++++++++++++++++++++++++++++++ - FIM SECTION EDGE - +++++++++++++++++++++++++++++-->
</div>
<div class="space1 NPC"></div>
<!--////////////////////// - FIM NPC - TRAITS/HEALTH- /////////////////////////-->
<!--///////////////////////////// - NPC - MODIFIERS/CONDITIONS ////////////////////////////////-->
<div class="pTwinSection sheet-2colrow NPC healthConditions" id="section-npc-Modifiers--Conditions">
<div class="sheet-col npc-modifiers">
<!--++++++++++++++++++++++++++++++++ - SECTION EDGE - +++++++++++++++++++++++++++++++-->
<div class="conditions customRepeating">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
MODIFIERS
</div>
</div>
<!--================================= - FIM TITLE - =================================-->
<div class="effects"></div>
<!--================================- - CONDITIONS - ================================-->
<fieldset class="repeating_npcmodifiers">
<div class="repeatingContainer">
<div class="flex traitHeader">
<input type="text" name="attr_npcmodifiers-trait-1" class="inputLine condition-name" />
<div class="secondaryColorBackground flex conditionValue">
<input type="text" placeholder="0" name="attr_condition-trait-2" class="inputLine conditionNumber primaryColorFont" />
</div>
</div>
</div>
</fieldset>
</div>
<!--=================================- - FIM EDGE - =================================-->
</div>
<!--++++++++++++++++++++++++++ - FIM SECTION TRAITS - ++++++++++++++++++++++++++-->
<div class="sheet-col npc-conditions">
<!--++++++++++++++++++++++++++++++++ - SECTION EDGE - +++++++++++++++++++++++++++++++-->
<div class="conditions customRepeating">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
CONDITIONS
</div>
</div>
<!--================================= - FIM TITLE - =================================-->
<div class="effects"></div>
<!--================================- - CONDITIONS - ================================-->
<fieldset class="repeating_npcconditions">
<div class="repeatingContainer">
<div class="flex traitHeader">
<input type="text" name="attr_npccondition-trait-1" class="inputLine condition-name" />
<div class="secondaryColorBackground flex conditionValue">
<input type="text" placeholder="0" name="attr_condition-trait-2" class="inputLine conditionNumber primaryColorFont" />
</div>
</div>
</div>
</fieldset>
</div>
<!--=================================- - FIM EDGE - =================================-->
</div>
<!--++++++++++++++++++++++++++++++ - FIM SECTION EDGE - +++++++++++++++++++++++++++++-->
</div>
<div class="space1 NPC"></div>
<!--////////////////////// - FIM NPC - MODIFIERS/CONDITIONS- /////////////////////////-->
<!--///////////////////////// - SECTION MEGA ATTRIBUTES- ////////////////////////////-->
<div class="pSection TCMegaAttributes nova qtech npcQuantumSource" id="section-MegaAttributes">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
MEGA ATTRIBUTES
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<div class= "flex megaArenaTitle jcSpaceAround">
<div class="primaryColorBackground">MENTAL</div>
<div class="primaryColorBackground">PHYSICAL</div>
<div class="primaryColorBackground">SOCIAL</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - ATTRIBUTES - ++++++++++++++++++++++++++++++++-->
<div class="flex">
<!--================================= - APPROACHES - ================================-->
<!--=============================== - FIM APPROACHES - ==============================-->
<!--=================================== - ARENAS - ==================================-->
<div class= "megaArenas flex">
<!--================================ - ARENA MENTAL - ===============================-->
<div class="arena">
<!----------------------------------- - INTELLECT - ----------------------------------->
<div class="megaAttribute secondaryColorBackground jcSpaceBetween">
<input type="hidden" class="expanderFlag" value="0" name="attr_megaforce_expand">
<div class="megaAttributeHeader">
<input type="hidden" name="attr_mega_intellect" value="0" />
<div class="input-label flex aiFlexEnd reducedName">
<div class="input-label-mega">Mega-</div>
Intellec.
</div>
<div class="input-label completeName">
Mega-Intellect
</div>
<div class="dotsExpander">
<div class="dots">
<input type="hidden" name="attr_mega_intellect" class="dot" value="0" />
<button type="action" name="act_mega_intellect-1" class="dot hexagon gt-0" checked>
<span class="checked"></span>
</button>
<button type="action" name="act_mega_intellect-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_intellect-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_intellect-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_intellect-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_intellect-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_intellect-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_intellect-8" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_intellect-9" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
</div>
<div class="megaAttributeExpander flex">
<input type="checkbox" class="expander" name="attr_megaforce_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
</div>
<div class="megaAttributteExpandedArea">
<div class="megaAttributesTagsContainer flex secondaryColorBackground">
<div class="flex fColumn">
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megaintellect-tag-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megaintellect-tag-1" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megaintellect-tag-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megaintellect-tag-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megaintellect-tag-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megaintellect-tag-2" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megaintellect-tag-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megaintellect-tag-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megaintellect-tag-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megaintellect-tag-3" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megaintellect-tag-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megaintellect-tag-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megaintellect-tag-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megaintellect-tag-4" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megaintellect-tag-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megaintellect-tag-4_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megaintellect-tag-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megaintellect-tag-5" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megaintellect-tag-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megaintellect-tag-5_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
<!--------------------------------- - FIM INTELLECT - --------------------------------->
<!------------------------------------ - CUNNING - ------------------------------------>
<div class="megaAttribute jcSpaceBetween">
<input type="hidden" class="expanderFlag" value="0" name="attr_megafinesse_expand">
<div class="megaAttributeHeader">
<input type="hidden" name="attr_mega_Cunning" value="0" />
<div class="input-label flex aiFlexEnd reducedName">
<div class="input-label-mega">Mega-</div>
Cunnin.
</div>
<div class="input-label completeName">
Mega-Cunning
</div>
<div class="dotsExpander">
<div class="dots">
<input type="hidden" name="attr_mega_cunning" class="dot" value="0" />
<button type="action" name="act_mega_cunning-1" class="dot hexagon gt-0" checked>
<span class="checked"></span>
</button>
<button type="action" name="act_mega_cunning-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_cunning-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_cunning-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_cunning-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_cunning-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_cunning-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_cunning-8" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_cunning-9" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
</div>
<div class="megaAttributeExpander flex">
<input type="checkbox" class="expander" name="attr_megafinesse_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
</div>
<div class="megaAttributteExpandedArea">
<div class="megaAttributesTagsContainer flex">
<div class="flex fColumn">
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megacunning-tag-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megacunning-tag-1" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megacunning-tag-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megacunning-tag-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megacunning-tag-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megacunning-tag-2" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megacunning-tag-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megacunning-tag-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megacunning-tag-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megacunning-tag-3" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megacunning-tag-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megacunning-tag-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megacunning-tag-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megacunning-tag-4" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megacunning-tag-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megacunning-tag-4_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megacunning-tag-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megacunning-tag-5" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megacunning-tag-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megacunning-tag-5_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
<!---------------------------------- - FIM CUNNING - ---------------------------------->
<!------------------------------------ - RESOLVE - ------------------------------------>
<div class="megaAttribute secondaryColorBackground jcSpaceBetween">
<input type="hidden" class="expanderFlag" value="0" name="attr_megaresilience_expand">
<div class="megaAttributeHeader">
<input type="hidden" name="attr_mega_Resolve" value="0" />
<div class="input-label flex aiFlexEnd reducedName">
<div class="input-label-mega">Mega-</div>
Resolv.
</div>
<div class="input-label completeName">
Mega-Resolve
</div>
<div class="dotsExpander">
<div class="dots">
<input type="hidden" name="attr_mega_resolve" class="dot" value="0" />
<button type="action" name="act_mega_resolve-1" class="dot hexagon gt-0" checked>
<span class="checked"></span>
</button>
<button type="action" name="act_mega_resolve-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_resolve-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_resolve-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_resolve-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_resolve-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_resolve-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_resolve-8" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_resolve-9" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
</div>
<div class="megaAttributeExpander flex">
<input type="checkbox" class="expander" name="attr_megaresilience_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
</div>
<div class="megaAttributteExpandedArea">
<div class="megaAttributesTagsContainer flex secondaryColorBackground">
<div class="flex fColumn">
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megaresolve-tag-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megaresolve-tag-1" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megaresolve-tag-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megaresolve-tag-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megaresolve-tag-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megaresolve-tag-2" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megaresolve-tag-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megaresolve-tag-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megaresolve-tag-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megaresolve-tag-3" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megaresolve-tag-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megaresolve-tag-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megaresolve-tag-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megaresolve-tag-4" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megaresolve-tag-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megaresolve-tag-4_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megaresolve-tag-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megaresolve-tag-5" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megaresolve-tag-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megaresolve-tag-5_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
<!---------------------------------- - FIM RESOLVE - ---------------------------------->
</div>
<!--============================== - FIM ARENA MENTAL - =============================-->
<!--============================== - PHYSICAL PHISICAL - ============================-->
<div class="arena central">
<!------------------------------------- - MIGHT - ------------------------------------->
<div class="megaAttribute secondaryColorBackground jcSpaceBetween">
<input type="hidden" class="expanderFlag" value="0" name="attr_megaforce_expand">
<div class="megaAttributeHeader">
<input type="hidden" name="attr_mega_might" value="0" />
<div class="input-label flex aiFlexEnd reducedName">
<div class="input-label-mega">Mega-</div>
Might
</div>
<div class="input-label completeName">
Mega-Might
</div>
<div class="dotsExpander">
<div class="dots">
<input type="hidden" name="attr_mega_might" class="dot" value="0" />
<button type="action" name="act_mega_might-1" class="dot hexagon gt-0" checked>
<span class="checked"></span>
</button>
<button type="action" name="act_mega_might-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_might-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_might-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_might-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_might-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_might-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_might-8" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_might-9" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
</div>
<div class="megaAttributeExpander flex">
<input type="checkbox" class="expander" name="attr_megaforce_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
</div>
<div class="megaAttributteExpandedArea">
<div class="megaAttributesTagsContainer flex secondaryColorBackground">
<div class="flex fColumn">
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megamight-tag-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megamight-tag-1" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megamight-tag-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megamight-tag-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megamight-tag-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megamight-tag-2" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megamight-tag-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megamight-tag-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megamight-tag-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megamight-tag-3" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megamight-tag-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megamight-tag-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megamight-tag-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megamight-tag-4" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megamight-tag-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megamight-tag-4_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megamight-tag-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megamight-tag-5" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megamight-tag-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megamight-tag-5_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
<!----------------------------------- - FIM MIGHT - ----------------------------------->
<!----------------------------------- - DEXTERITY - ----------------------------------->
<div class="megaAttribute jcSpaceBetween">
<input type="hidden" class="expanderFlag" value="0" name="attr_megafinesse_expand">
<div class="megaAttributeHeader">
<input type="hidden" name="attr_mega_dexterity" value="0" />
<div class="input-label flex aiFlexEnd reducedName">
<div class="input-label-mega">Mega-</div>
Dexter.
</div>
<div class="input-label completeName">
Mega-Dexterity
</div>
<div class="dotsExpander">
<div class="dots">
<input type="hidden" name="attr_mega_dexterity" class="dot" value="0" />
<button type="action" name="act_mega_dexterity-1" class="dot hexagon gt-0" checked>
<span class="checked"></span>
</button>
<button type="action" name="act_mega_dexterity-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_dexterity-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_dexterity-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_dexterity-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_dexterity-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_dexterity-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_dexterity-8" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_dexterity-9" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
</div>
<div class="megaAttributeExpander flex">
<input type="checkbox" class="expander" name="attr_megafinesse_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
</div>
<div class="megaAttributteExpandedArea">
<div class="megaAttributesTagsContainer flex">
<div class="flex fColumn">
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megadexterity-tag-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megadexterity-tag-1" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megadexterity-tag-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megadexterity-tag-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megadexterity-tag-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megadexterity-tag-2" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megadexterity-tag-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megadexterity-tag-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megadexterity-tag-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megadexterity-tag-3" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megadexterity-tag-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megadexterity-tag-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megadexterity-tag-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megadexterity-tag-4" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megadexterity-tag-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megadexterity-tag-4_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megadexterity-tag-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megadexterity-tag-5" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megadexterity-tag-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megadexterity-tag-5_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
<!--------------------------------- - FIM DEXTERITY - --------------------------------->
<!------------------------------------- - STAMINA - ----------------------------------->
<div class="megaAttribute secondaryColorBackground jcSpaceBetween">
<input type="hidden" class="expanderFlag" value="0" name="attr_megaresilience_expand">
<div class="megaAttributeHeader">
<input type="hidden" name="attr_mega_stamina" value="0" />
<div class="input-label flex aiFlexEnd reducedName">
<div class="input-label-mega">Mega-</div>
Stamin.
</div>
<div class="input-label completeName">
Mega-Stamina
</div>
<div class="dotsExpander">
<div class="dots">
<input type="hidden" name="attr_mega_stamina" class="dot" value="0" />
<button type="action" name="act_mega_stamina-1" class="dot hexagon gt-0" checked>
<span class="checked"></span>
</button>
<button type="action" name="act_mega_stamina-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_stamina-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_stamina-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_stamina-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_stamina-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_stamina-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_stamina-8" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_stamina-9" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
</div>
<div class="megaAttributeExpander flex">
<input type="checkbox" class="expander" name="attr_megaresilience_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
</div>
<div class="megaAttributteExpandedArea">
<div class="megaAttributesTagsContainer flex secondaryColorBackground">
<div class="flex fColumn">
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megastamina-tag-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megastamina-tag-1" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megastamina-tag-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megastamina-tag-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megastamina-tag-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megastamina-tag-2" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megastamina-tag-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megastamina-tag-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megastamina-tag-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megastamina-tag-3" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megastamina-tag-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megastamina-tag-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megastamina-tag-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megastamina-tag-4" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megastamina-tag-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megastamina-tag-4_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megastamina-tag-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megastamina-tag-5" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megastamina-tag-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megastamina-tag-5_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
<!----------------------------------- - FIM STAMINA - --------------------------------->
</div>
<!--=============================== - FIM PHYSICAL - ================================-->
<!--=================================== - PHYSICAL - ================================-->
<div class="arena">
<!----------------------------------- - PRESENCE - ------------------------------------>
<div class="megaAttribute secondaryColorBackground jcSpaceBetween">
<input type="hidden" class="expanderFlag" value="0" name="attr_megaforce_expand">
<div class="megaAttributeHeader">
<input type="hidden" name="attr_mega_presence" value="0" />
<div class="input-label flex aiFlexEnd reducedName">
<div class="input-label-mega">Mega-</div>
Presen.
</div>
<div class="input-label completeName">
Mega-Presence
</div>
<div class="dotsExpander">
<div class="dots">
<input type="hidden" name="attr_mega_presence" class="dot" value="0" />
<button type="action" name="act_mega_presence-1" class="dot hexagon gt-0" checked>
<span class="checked"></span>
</button>
<button type="action" name="act_mega_presence-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_presence-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_presence-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_presence-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_presence-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_presence-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_presence-8" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_presence-9" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
</div>
<div class="megaAttributeExpander flex">
<input type="checkbox" class="expander" name="attr_megaforce_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
</div>
<div class="megaAttributteExpandedArea">
<div class="megaAttributesTagsContainer flex secondaryColorBackground">
<div class="flex fColumn">
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megapresence-tag-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megapresence-tag-1" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megapresence-tag-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megapresence-tag-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megapresence-tag-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megapresence-tag-2" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megapresence-tag-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megapresence-tag-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megapresence-tag-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megapresence-tag-3" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megapresence-tag-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megapresence-tag-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megapresence-tag-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megapresence-tag-4" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megapresence-tag-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megapresence-tag-4_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megapresence-tag-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megapresence-tag-5" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megapresence-tag-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megapresence-tag-5_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
<!--------------------------------- - FIM PRESENCE - ---------------------------------->
<!--------------------------------- - MANIPULATION - ---------------------------------->
<div class="megaAttribute jcSpaceBetween">
<input type="hidden" class="expanderFlag" value="0" name="attr_megafinesse_expand">
<div class="megaAttributeHeader">
<input type="hidden" name="attr_mega_manipulation" value="0" />
<div class="input-label flex aiFlexEnd reducedName">
<div class="input-label-mega">Mega-</div>
Manip.
</div>
<div class="input-label completeName">
Mega-Manipulation
</div>
<div class="dotsExpander">
<div class="dots">
<input type="hidden" name="attr_mega_manipulation" class="dot" value="0" />
<button type="action" name="act_mega_manipulation-1" class="dot hexagon gt-0" checked>
<span class="checked"></span>
</button>
<button type="action" name="act_mega_manipulation-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_manipulation-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_manipulation-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_manipulation-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_manipulation-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_manipulation-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_manipulation-8" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_manipulation-9" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
</div>
<div class="megaAttributeExpander flex">
<input type="checkbox" class="expander" name="attr_megafinesse_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
</div>
<div class="megaAttributteExpandedArea">
<div class="megaAttributesTagsContainer flex">
<div class="flex fColumn">
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megamanipulation-tag-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megamanipulation-tag-1" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megamanipulation-tag-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megamanipulation-tag-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megamanipulation-tag-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megamanipulation-tag-2" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megamanipulation-tag-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megamanipulation-tag-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megamanipulation-tag-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megamanipulation-tag-3" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megamanipulation-tag-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megamanipulation-tag-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megamanipulation-tag-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megamanipulation-tag-4" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megamanipulation-tag-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megamanipulation-tag-4_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megamanipulation-tag-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megamanipulation-tag-5" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megamanipulation-tag-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megamanipulation-tag-5_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
<!------------------------------- - FIM MANIPULATION - -------------------------------->
<!------------------------------------ - COMPOSURE - ---------------------------------->
<div class="megaAttribute secondaryColorBackground jcSpaceBetween">
<input type="hidden" class="expanderFlag" value="0" name="attr_megaresilience_expand">
<div class="megaAttributeHeader">
<input type="hidden" name="attr_mega_composure" value="0" />
<div class="input-label flex aiFlexEnd reducedName">
<div class="input-label-mega">Mega-</div>
Comp.
</div>
<div class="input-label completeName">
Mega-Composure
</div>
<div class="dotsExpander">
<div class="dots">
<input type="hidden" name="attr_mega_composure" class="dot" value="0" />
<button type="action" name="act_mega_composure-1" class="dot hexagon gt-0" checked>
<span class="checked"></span>
</button>
<button type="action" name="act_mega_composure-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_composure-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_composure-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_composure-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_composure-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_composure-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_composure-8" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_mega_composure-9" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
</div>
<div class="megaAttributeExpander flex">
<input type="checkbox" class="expander" name="attr_megaresilience_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
</div>
<div class="megaAttributteExpandedArea">
<div class="megaAttributesTagsContainer flex secondaryColorBackground">
<div class="flex fColumn">
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megacomposure-tag-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megacomposure-tag-1" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megacomposure-tag-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megacomposure-tag-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megacomposure-tag-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megacomposure-tag-2" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megacomposure-tag-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megacomposure-tag-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megacomposure-tag-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megacomposure-tag-3" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megacomposure-tag-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megacomposure-tag-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megacomposure-tag-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megacomposure-tag-4" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megacomposure-tag-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megacomposure-tag-4_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaAttributesTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_megacomposure-tag-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_megacomposure-tag-5" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_megacomposure-tag-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_megacomposure-tag-5_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
<!---------------------------------- - FIM COMPOSURE - -------------------------------->
</div>
<!--================================== - FIM ARENAS - ===============================-->
</div>
<!--================================ - FIM SOCIAL - =================================-->
</div>
<!--+++++++++++++++++++++++++++++++ - FIM ATTRIBUTES - ++++++++++++++++++++++++++++++-->
</div>
<div class="space1 nova qtech npcQuantumSource"></div>
<!--/////////////////////// - FIM SECTION MEGA ATTRIBUTES- //////////////////////////-->
<!--///////////////////////////// - APPROACHES/HEALTH- //////////////////////////////-->
<div class="pTwinSection sheet-2colrow anima" id="section-Approaches--Health" >
<div class="sheet-col ">
<!--+++++++++++++++++++++++++++++++ - SECTION FACETS - +++++++++++++++++++++++++++++-->
<div class="animaApproaches">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
APPROACHES
</div>
</div>
<!--================================= - FIM TITLE - =================================-->
<!--==================================- - FACETS - =================================-->
<div class="arenas arena">
<div class="attribute secondaryColorBackground jcSpaceBetween">
<div class="input-label">
Force
</div>
<div class="dots">
<input type="hidden" name="attr_animaforce" class="dot" value="1">
<button type="action" name="act_animaforce-1" class="dot hexagon gt-0" checked="">
<span class="checked"></span>
</button>
<button type="action" name="act_animaforce-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_animaforce-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_animaforce-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_animaforce-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<div class="attribute jcSpaceBetween">
<div class="input-label">
Finesse
</div>
<div class="dots">
<input type="hidden" name="attr_animafinesse" class="dot" value="1">
<button type="action" name="act_animafinesse-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_animafinesse-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_animafinesse-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_animafinesse-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_animafinesse-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<div class="attribute secondaryColorBackground jcSpaceBetween">
<div class="input-label">
Resilience
</div>
<div class="dots">
<input type="hidden" name="attr_animaresilience" class="dot" value="1">
<button type="action" name="act_animaresilience-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_animaresilience-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_animaresilience-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_animaresilience-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_animaresilience-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<!--===============================- - FIM FACETS - ===============================-->
</div>
</div>
<!--+++++++++++++++++++++++++++ - FIM SECTION INSPIRATION - ++++++++++++++++++++++++-->
<div class="sheet-col ">
<!--++++++++++++++++++++++++++++ - SECTION INSPIRATION - ++++++++++++++++++++++++++++-->
<div class="animaHealth flex fColumn aiCenter">
<!--================================== - TITLE - ==================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
HEALTH
</div>
</div>
<!--================================ - FIM TITLE - ===============================-->
<!--=================================- - CONTENT - ===============================-->
<div class="boxPoints flex jcSpaceBetween">
<div class="boxPoint flex fColumn jcCenter aiCenter secondaryColorBackground">
<div class="boxPointTitle">CURRENT</div>
<input class="primaryColorFont" placeholder="0" type="number" name="attr_animahealth-current">
</div>
<div class="boxPoint flex fColumn jcCenter aiCenter secondaryColorBackground">
<div class="boxPointTitle">MAXIMUM</div>
<input class="primaryColorFont" placeholder="0" type="number" name="attr_anima-maximum">
</div>
<div class="boxPoint flex fColumn jcCenter aiCenter animaDefense">
<div class="boxPointTitle">DEFENSE</div>
<input class="primaryColorFont" placeholder="0" type="number" name="attr_anima-defense">
</div>
</div>
<!--===================-===========- - FIM CONTENT - =====-=======================-->
</div>
</div>
<!--++++++++++++++++++++++++++++ - FIM SECTION FACETS - +++++++++++++++++++++++++++-->
</div>
<div class="space1 anima"></div>
<!--////////////////////////// - FIM APPROACHES/HEALTH- ////////////////////////////-->
<!--///////////////////////// - SECTION BASELINE POWERS- ////////////////////////////-->
<div class="pTwinSection sheet-2colrow PC NPC ftech qtech biosuit baselinePowers" id="section-Edge--SkillTrick-Tags-Upgrades">
<div class="sheet-col">
<!--+++++++++++++++++++++++++++++++ - SECTION EDGES - +++++++++++++++++++++++++++++++-->
<div class="edges customRepeating">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
EDGES
</div>
</div>
<!--================================= - FIM TITLE - =================================-->
<div class="effects"></div>
<!--===================================- - EDGE - ===================================-->
<fieldset class="repeating_edge">
<div class="repeatingContainer">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_edge_expand">
<div class="flex traitHeader">
<input type="text" name="attr_edge-trait-1" class="inputLine"/>
<option value=@{edge-trait-1}></option>
<!-- <input type="text" name="attr_edge" />
<input type="number" name="attr_edge" class="dot"/> -->
<div class="dots edge">
<input type="hidden" name="attr_edge-dots" class="dot" value="0" />
<button type="action" name="act_edge-dots-1" class="dot hexagon gt-0" checked>
<span class="checked"></span>
</button>
<button type="action" name="act_edge-dots-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_edge-dots-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_edge-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_edge-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_edge_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_edge_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</fieldset>
</div>
<!--================================- - FIM EDGE - =================================-->
</div>
<!--+++++++++++++++++++++++++++++ - FIM SECTION EDGES - +++++++++++++++++++++++++++++-->
<div class="sheet-col ">
<!--++++++++++++++++++++++++++++ - SECTION SKILL TRICKS - +++++++++++++++++++++++++++-->
<div class="skillTricks customRepeating">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont PC NPC">
SKILL TRICKS
</div>
<div class="titleLabel colorFont ftech qtech">
TAGS
</div>
<div class="titleLabel colorFont biosuit">
UPGRADES
</div>
</div>
<!--================================= - FIM TITLE - =================================-->
<div class="effects"></div>
<!--===============================- - SKILL TRICKS - ===============================-->
<fieldset class="repeating_skillTrick">
<div class="repeatingContainer">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_skillTrick_expand">
<div class="flex traitHeader">
<input type="hidden" name="attr_skilltrick-trait-1" value="">
<select name="attr_skilltrick-trait-1" class="inputBox skilltrick-skillSelectors secondaryColorBackground PC NPC">
<option selected value="">Skill</option>
<option value="aim">Aim</option>
<option value="athletics">Athletics</option>
<option value="closeCombat">C.Combat</option>
<option value="command">Command</option>
<option value="culture">Culture</option>
<option value="empathy">Empathy</option>
<option value="enigmas">Enigmas</option>
<option value="humanities">Humanities</option>
<option value="integrity">Integrity</option>
<option value="larceny">Larceny</option>
<option value="medicine">Medicine</option>
<option value="persuasion">Persuasion</option>
<option value="pilot">Pilot</option>
<option value="science">Science</option>
<option value="survival">Survival</option>
<option value="technology">Technology</option>
</select>
<div class="select-icon PC NPC">▼</div>
<input type="text" name="attr_skillTrick-trait-2" class="inputLine skilltrick-name" />
<input type="checkbox" class="expander" name="attr_skillTrick_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_skilltrick_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</fieldset>
</div>
<!--=============================- - FIM SKILL TRICKS - =============================-->
</div>
<!--++++++++++++++++++++++++++ - FIM SECTION SKILL TRICKS - +++++++++++++++++++++++++-->
</div>
<div class="space1 PC NPC ftech qtech biosuit baselinePowers"></div>
<!--/////////////////////// - FIM SECTION BASELINE POWERS- //////////////////////////-->
<!--///////////////////// - TALENT POWER - INSPIRATION/FACETS- //////////////////////-->
<div class="pTwinSection sheet-2colrow talent inspired npcInspTalentSource npcInspStarwartSource npcInspMesmeristSource npcInspGogSource npcInspMagogSource npcInspAssassinSource" id="section-Inspiration--Facets">
<div class="sheet-col ">
<!--++++++++++++++++++++++++++++ - SECTION INSPIRATION - ++++++++++++++++++++++++++++-->
<div class="inspiration flex fColumn aiCenter">
<!--================================== - TITLE - ==================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
INSPIRATION
</div>
</div>
<!--================================ - FIM TITLE - ===============================-->
<!--=================================- - CONTENT - ===============================-->
<div class="sourceDots flex fColumn jcCenter">
<div class="dots sourceMax jcSpaceBetween">
<input type="hidden" name="attr_inspiration" class="dot" value="0" />
<button type="action" name="act_inspiration-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_inspiration-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_inspiration-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_inspiration-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_inspiration-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_inspiration-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5">
<span class="checked"></span>
</button>
<button type="action" name="act_inspiration-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_inspiration-8" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_inspiration-9" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
<button type="action" name="act_inspiration-10" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8 gt-9">
<span class="checked"></span>
</button>
</div>
<!-- <div class="divisor">
<div class="line"></div>
<div class="divisorLabel">Expended</div>
<div class="line"></div>
</div> -->
<div class="dots sourceExpended jcSpaceBetween">
<input type="hidden" name="attr_inspirationExpended" class="dot" value="0" />
<button type="action" name="act_inspirationExpended-1" class="dot rectangle gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_inspirationExpended-2" class="dot rectangle gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_inspirationExpended-3" class="dot rectangle gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_inspirationExpended-4" class="dot rectangle gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_inspirationExpended-5" class="dot rectangle gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_inspirationExpended-6" class="dot rectangle gt-0 gt-1 gt-2 gt-3 gt-4 gt-5">
<span class="checked"></span>
</button>
<button type="action" name="act_inspirationExpended-7" class="dot rectangle gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_inspirationExpended-8" class="dot rectangle gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_inspirationExpended-9" class="dot rectangle gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
<button type="action" name="act_inspirationExpended-10" class="dot rectangle gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8 gt-9">
<span class="checked"></span>
</button>
</div>
</div>
<div class= "npcPool divergence gog npcInspGogSource">
<div class="input-label">
Divergence:
</div>
<div class="line"></div>
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_divergence"/>
</div>
</div>
<!--===================-===========- - FIM CONTENT - =====-=======================-->
</div>
</div>
<!--+++++++++++++++++++++++++++ - FIM SECTION INSPIRATION - ++++++++++++++++++++++++-->
<div class="sheet-col ">
<!--+++++++++++++++++++++++++++++++ - SECTION FACETS - +++++++++++++++++++++++++++++-->
<div class="facets">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
FACETS
</div>
</div>
<!--================================= - FIM TITLE - =================================-->
<!--==================================- - FACETS - =================================-->
<div class="facets">
<div class="facet">
<div class="input-label flex aiCenter">
Destructive
<div class="facetDescription">
(Intention)
</div>
</div>
<div class="line"></div>
<div class="dots">
<input type="hidden" name="attr_facet-destructive" class="dot" value="0" />
<button type="action" name="act_facet-destructive-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_facet-destructive-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_facet-destructive-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_facet-destructive-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_facet-destructive-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<div class="facet">
<div class="input-label flex aiCenter">
Intuitive
<div class="facetDescription">
(Luck)
</div>
</div>
<div class="line"></div>
<div class="dots">
<input type="hidden" name="attr_facet-intuitive" class="dot" value="0" />
<button type="action" name="act_facet-intuitive-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_facet-intuitive-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_facet-intuitive-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_facet-intuitive-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_facet-intuitive-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<div class="facet">
<div class="input-label flex aiCenter">
Reflective
<div class="facetDescription">
(Skills)
</div>
</div>
<div class="line"></div>
<div class="dots">
<input type="hidden" name="attr_facet-reflective" class="dot" value="0" />
<button type="action" name="act_facet-reflective-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_facet-reflective-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_facet-reflective-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_facet-reflective-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_facet-reflective-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<!--===============================- - FIM FACETS - ===============================-->
</div>
</div>
<!--++++++++++++++++++++++++++++ - FIM SECTION FACETS - +++++++++++++++++++++++++++-->
</div>
<div class="space1 talent inspired npcInspTalentSource npcInspStarwartSource npcInspMesmeristSource npcInspGogSource npcInspMagogSource npcInspAssassinSource"></div>
<!--////////////////// - FIM TALENT POWER - INSPIRATION/FACETS- ////////////////////-->
<!--////////////////// - NOVA POWER - QUANTUM/TRANSCENDENCE - ///////////////////////-->
<div class="pTwinSection sheet-2colrow nova npcQuantumSource" id="section-Quantum-Transcendence">
<div class="sheet-col ">
<!--++++++++++++++++++++++++++++++ - SECTION QUANTUM - ++++++++++++++++++++++++++++++-->
<div class="quantum flex fColumn aiCenter">
<!--================================== - TITLE - ==================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
QUANTUM
</div>
</div>
<!--================================ - FIM TITLE - ===============================-->
<!--=================================- - CONTENT - ===============================-->
<div class="sourceDots flex fColumn jcCenter">
<div class="dots sourceMax jcSpaceBetween">
<input type="hidden" name="attr_quantum" class="dot" value="0" />
<button type="action" name="act_quantum-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-8" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-9" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-10" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8 gt-9">
<span class="checked"></span>
</button>
</div>
<div class="divisor">
<div class="line"></div>
<div class="divisorLabel">Quantum Points</div>
<div class="line"></div>
</div>
</div>
<div class="boxPoints flex jcSpaceBetween">
<div class="flex fColumn jcCenter aiCenter boxPoint secondaryColorBackground">
<div class="boxPointTitle">Current</div>
<input placeholder="00" type="number" name="attr_quantum-current"/>
</div>
<div class="flex fColumn jcCenter aiCenter boxPoint secondaryColorBackground">
<div class="boxPointTitle">Available</div>
<input placeholder="00" type="number" name="attr_quantum-available"/>
</div>
<div class="flex fColumn jcCenter aiCenter boxPoint secondaryColorBackground">
<div class="boxPointTitle">Max Safe</div>
<input placeholder="00" type="number" name="attr_quantum-maxsafe"/>
</div>
<div class="flex fColumn jcCenter aiCenter boxPoint secondaryColorBackground">
<div class="boxPointTitle">Danger</div>
<input placeholder="00" type="number" name="attr_quantum-danger"/>
</div>
<div class="flex fColumn jcCenter aiCenter boxPoint secondaryColorBackground">
<div class="boxPointTitle">Recover</div>
<input placeholder="00" type="number" name="attr_quantum-recover"/>
</div>
</div>
<!--===================-===========- - FIM CONTENT - =====-=======================-->
</div>
</div>
<!--+++++++++++++++++++++++++++++ - FIM SECTION QUANTUM - ++++++++++++++++++++++++++-->
<div class="sheet-col ">
<!--+++++++++++++++++++++++++++ - SECTION TRANSCENDENCE - +++++++++++++++++++++++++-->
<div class="transcendence selectableTitle">
<!--================================== - TITLE - ==================================-->
<input type="hidden" class="titleSelected" name='attr_transcendence-name' value='TRANSCENDENCE' />
<div class="titleSelectInputContainer primaryColorBackground">
<select class="titleSelectInput" name='attr_transcendence-name' value="TRANSCENDENCE">
<option value="TRANSCENDENCE" selected>Transcendence</option>
<option value="TAINT">Taint</option>
</select>
<div class="changeTitleIcon">
y
</div>
</div>
<div class="title2 primaryColorBackground">
<input class="inputTitle colorFont" name='attr_transcendence-name' value="TRANSCENDENCE"/>
</div>
<!--================================ - FIM TITLE - ===============================-->
<!--=================================- - CONTENT - ===============================-->
<div class="sourceDots flex fColumn jcCenter">
<div class="dots sourceMax jcSpaceBetween">
<input type="hidden" name="attr_transcendence" class="dot" value="0" />
<button type="action" name="act_transcendence-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_transcendence-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_transcendence-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_transcendence-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_transcendence-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_transcendence-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5">
<span class="checked"></span>
</button>
<button type="action" name="act_transcendence-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_transcendence-8" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_transcendence-9" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
<button type="action" name="act_transcendence-10" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8 gt-9">
<span class="checked"></span>
</button>
</div>
<div class="divisor">
<div class="line"></div>
<div class="divisorLabel quantumFluxName">Quantum Flux</div>
<div class="divisorLabel temporaryName">Temporary Taint</div>
<div class="line"></div>
</div>
<div class="dots sourceExpended jcSpaceBetween">
<input type="hidden" name="attr_quantum_flux" class="dot" value="0" />
<button type="action" name="act_quantum_flux-1" class="dot rectangle gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum_flux-2" class="dot rectangle gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum_flux-3" class="dot rectangle gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum_flux-4" class="dot rectangle gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum_flux-5" class="dot rectangle gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum_flux-6" class="dot rectangle gt-0 gt-1 gt-2 gt-3 gt-4 gt-5">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum_flux-7" class="dot rectangle gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum_flux-8" class="dot rectangle gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum_flux-9" class="dot rectangle gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum_flux-10" class="dot rectangle gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8 gt-9">
<span class="checked"></span>
</button>
</div>
</div>
<!--===================-===========- - FIM CONTENT - =====-=======================-->
</div>
</div>
<!--++++++++++++++++++++++++ - FIM SECTION TRANSCENDENCE - +++++++++++++++++++++++-->
</div>
<div class="space1 nova npcQuantumSource"></div>
<!--///////////////// - FIM NOVA POWER - QUANTUM/TRANSCENDENCE - ////////////////////-->
<!--//////////////////////// - SUPERSCIENCE - QUANTUM TECH - ////////////////////////-->
<div class="pTwinSection sheet-2colrow qtech" id="section-Costs--Module">
<div class="sheet-col ">
<!--+++++++++++++++++++++++++++++++ - SECTION PSI - +++++++++++++++++++++++++++++++-->
<div class="psi flex fColumn aiCenter">
<!--================================== - TITLE - ==================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
COSTS
</div>
</div>
<!--================================ - FIM TITLE - ===============================-->
<!--=================================- - CONTENT - ===============================-->
<div class="sourceDots flex fColumn jcCenter aiCenter">
<div class="boxPoints flex jcSpaceBetween">
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<div class="boxPointTitle">Attunement</div>
<input placeholder="00" type="number" name="attr_qTechCostAtt"/>
</div>
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<div class="boxPointTitle">Activation</div>
<input placeholder="00" type="number" name="attr_qTechCostAct"/>
</div>
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<div class="boxPointTitle">Q.Minimum</div>
<input placeholder="00" type="number" name="attr_qTechCostQmin"/>
</div>
</div>
</div>
<!--================================- - FIM CONTENT - ==============================-->
</div>
</div>
<!--+++++++++++++++++++++++++++++++ - FIM SECTION PSI - ++++++++++++++++++++++++++++-->
<div class="sheet-col ">
<!--+++++++++++++++++++++++++++++ - SECTION PSI-TRAITS - +++++++++++++++++++++++++++-->
<div class="psi flex fColumn aiCenter">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
MODULES
</div>
</div>
<!--================================= - FIM TITLE - =================================-->
<!--=================================- - CONTENT - ===============================-->
<div class="sourceDots flex fColumn jcCenter aiCenter">
<div class="boxPoints flex jcSpaceBetween">
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<div class="boxPointTitle">Mega-Edge</div>
<input placeholder="00" type="number" name="attr_qTechModuleMEdge"/>
</div>
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<div class="boxPointTitle">Mega-Attr</div>
<input placeholder="00" type="number" name="attr_qTechModuleMAtt"/>
</div>
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<div class="boxPointTitle">Q.Power</div>
<input placeholder="00" type="number" name="attr_qTechModuleQPower"/>
</div>
</div>
</div>
<!--================================- - FIM CONTENT - ==============================-->
</div>
</div>
<!--+++++++++++++++++++++++++++ - FIM SECTION PSI-TRAITS - ++++++++++++++++++++++++++-->
</div>
<div class="space1 qtech"></div>
<!--///////////////////// - FIM SUPERSCIENCE - QUANTUM TECH - ///////////////////////-->
<!--//////////////////// - QUANTUM POWER - TRANSFORMATIONS - /////////////////////////-->
<div class="pSection TCTransformation nova magog gog npcQuantumSource npcInspGogSource npcInspMagogSource" id="section-Transformation">
<div class="transformation selectableTitle customRepeating">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<input type="hidden" class="titleSelected" name='attr_transformations-name' value='TRANSFORMATIONS' />
<div class="titleSelectInputContainer primaryColorBackground nova gog magog npcQuantumSource npcInspGogSource npcInspMagogSource">
<select class="titleSelectInput" name='attr_transformations-name' value="TRANSFORMATIONS nova">
<option value="TRANSFORMATIONS" selected>Transformations</option>
<option value="ABERRATIONS">Aberrations</option>
</select>
<div class="changeTitleIcon nova">
y
</div>
</div>
<div class="title2 primaryColorBackground nova npcQuantumSource">
<input class="inputTitle colorFont" name='attr_transformations-name' value="TRANSFORMATIONS"/>
</div>
<div class="title2 primaryColorBackground deviations gog magog npcInspGogSource npcInspMagogSource">
<div class="titleLabel colorFont">
DEVIATIONS
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--+++++++++++++++++++++++++++++++++++ - TRANSFORMATION - +++++++++++++++++++++++++++++++++++-->
<fieldset class="repeating_transformation">
<div class="sheet-2colrow">
<div class="sheet-col">
<div class="repeatingContainer transformation">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_transformation1_expand">
<div class="flex traitHeader">
<input type="hidden" name="attr_transformation-trait-1-1" class="transformationSelected" value="">
<select name="attr_transformation-trait-1-1" class="inputBox nova transformation-skillSelectors secondaryColorBackground npcQuantumSource">
<option value="" selected>Level</option>
<option value="low-level">Low-Level</option>
<option value="mid-level">Mid-Level</option>
<option value="high-level">High-Level</option>
</select>
<div class="select-icon nova">▼</div>
<input type="text" name="attr_transformation-trait-1-2" class="inputLine transformation-name" />
<div class="secondaryColorBackground flex conditionValue">
<input type="text" placeholder="0" name="attr_transformation-trait-1-3" class="inputLine conditionNumber primaryColorFont" />
</div>
<input type="checkbox" class="expander" name="attr_transformation1_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_transformation1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
<div class="sheet-col">
<div class="repeatingContainer transformation">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_transformation2_expand">
<div class="flex traitHeader">
<input type="hidden" name="attr_transformation-trait-2-1" class="transformationSelected" value="">
<select name="attr_transformation-trait-2-1" class="inputBox nova transformation-skillSelectors secondaryColorBackground">
<option value="" selected>Level</option>
<option value="low-level">Low-Level</option>
<option value="mid-level">Mid-Level</option>
<option value="high-level">High-Level</option>
</select>
<div class="select-icon nova">▼</div>
<input type="text" name="attr_transformation-trait-2-2" class="inputLine transformation-name" />
<div class="secondaryColorBackground flex conditionValue">
<input type="text" placeholder="0" name="attr_transformation-trait-1-3" class="inputLine conditionNumber primaryColorFont" />
</div>
<input type="checkbox" class="expander" name="attr_transformation2_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_transformation2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</fieldset>
<!--+++++++++++++++++++++++++++++++++ - FIM TRANSFORMATION - +++++++++++++++++++++++++++++++++-->
</div>
</div>
<div class="space1 nova gog magog npcQuantumSource npcInspGogSource npcInspMagogSource"></div>
<!--///////////////// - FIM QUANTUM POWER - TRANSFORMATION - ///////////////////////-->
<!--////////////////////// - NOVA POWER - MEGA ATRIBUTTE ALT - ///////////////////////////-->
<div class="pSection TCMegaAttributeAlternative nova qtech npcQuantumSource" id="section-MegaAttributesAlt">
<div class="customRepeating mega-edge">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
MEGA ATTRIBUTES
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--+++++++++++++++++++++++++++++++++ - MEGA EDGE - +++++++++++++++++++++++++++++++++-->
<fieldset class="repeating_mega-attributealternative">
<div class="sheet-2colrow">
<div class="sheet-col">
<input type="hidden" class="expanderFlag" value="0" name="attr_mega-attributealternative_expand">
<input type="hidden" class="powerSuiteColor" value="default" name="attr_power-suite-color-1">
<input type="hidden" class="powerType" name='attr_megaedgetype-1' value='power' />
<div class="megaEdge secondaryColorBackground">
<div class="flex traitHeader aiCenter fColumn">
<div class="flex aiCenter jcSpaceBetween megaEdgeTypeAndExpander">
<input type="hidden" name='attr_megaedgetype-1' value='power' />
<div class="flex">
<select name="attr_megaedgetype-1" class="pathLabel tertiaryColorBackground colorFont">
<option value="power" selected>Mega Attribute</option>
<option value="technique">Technique</option>
<option value="component">Component</option>
<option value="maxouted">Max-Outed</option>
</select>
<div class="megaEdgeTypeExtension">
<div class="flex aiCenter jcCenter">of</div>
<input type="text" name="attr_megaedgetypeextension-1" class="inputPathName primaryColorFont" placeholder=" " />
</div>
</div>
<div class="flex">
<input type="checkbox" class="expander" name="attr_mega-attributealternative_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween megaEdgeNameAndDots">
<input type="hidden" class="selectedMegaAttribute" value="" name="attr_mega-attribute-1-trait-1">
<select type="text" name="attr_mega-attribute-1-trait-1" class="inputPathName" placeholder=" ">
<option value="" selected></option>
<option value="megaIntellect">Mega-Intellect</option>
<option value="megaCunning">Mega-Cunning</option>
<option value="megaResolve">Mega-Resolve</option>
<option value="megaMight">Mega-Might</option>
<option value="megaDexterity">Mega-Dexterity</option>
<option value="megaStamina">Mega-Stamina</option>
<option value="megaPresence">Mega-Presence</option>
<option value="megaManipulation">Mega-Manipulation</option>
<option value="megaComposure">Mega-Composure</option>
</select>
<div class="maxOutPlus">
+
</div>
<div class="dots">
<input type="hidden" name="attr_mega-edge-1-dots" class="dot" value="0" />
<button type="action" name="act_mega-edge-1-dots-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-1-dots-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-1-dots-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-1-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-1-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-1-dots-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-1-dots-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-1-dots-8" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-1-dots-9" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<!-- <input type="text" name="attr_mega-edge-1-tab" />
-->
<div class="megaEdgeExpandedArea">
<input type="hidden" class="megaEdgeTabsToggle" name='attr_mega-edge-1-tab' value='mega-edge-1-traits'/>
<div class="megaEdgeTabButtons flex jcSpaceBetween">
<button type="action" name="act_mega-edge-1-traits">
Traits
</button>
<button type="action" name="act_mega-edge-1-description">
Description
</button>
</div>
<div class="megaEdgeTabContent">
<div class="megaEdgeTraitsTab fColumn">
<div class="flex megaEdgeTraitsHeader">
<div class="flex fColumn megaEdgeTraitColumn1">
<div class="input-label">
Tags:
</div>
</div>
</div>
<div class="megaEdgeTagsContainer flex">
<div class="flex fColumn megaEdgeTagsColumn1">
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-11_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-11" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-11_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-11_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-12_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-12" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-12_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-12_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-13_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-13" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-13_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-13_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-14_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-14" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-14_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-14_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-15_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-15" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-15_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-15_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-16_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-16" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-16_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-16_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-17_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-17" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-17_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-17_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-18_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-18" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-18_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-18_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-19_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-19" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-19_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-19_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-10_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-10" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-10_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-10_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
<div class="flex fColumn megaEdgeTagsColumn2">
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-21_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-21" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-21_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-21_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-22_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-22" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-22_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-22_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-23_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-23" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-23_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-23_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-24_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-24" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-24_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-24_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-25_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-25" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-25_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-25_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-26_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-26" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-26_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-26_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-27_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-27" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-27_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-27_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-28_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-28" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-28_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-28_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-29_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-29" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-29_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-29_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-20_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-20" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-20_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-20_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
<div class="megaEdgeDescriptionTab fColumn">
<div class="readerTrait">
<textarea name="attr_mega-edge-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="readerTrait powerSuiteColorSection fColumn">
<div class="input-label">
Power Suite Color:
</div>
<div class="optionsPowerSuiteColor flex aiCenter">
<div class="flex optionPowerSuiteColor circleDefault">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major secondaryColorBackground"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="default">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color1"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color1">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color2"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color2">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color3"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color3">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color4"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color4">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color5"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color5">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color6"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color6">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color7"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color7">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color8"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color8">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color9"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color9">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color10"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color10">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color11"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color11">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color12"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color12">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color13"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color13">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color14"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color14">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sheet-col">
<input type="hidden" class="expanderFlag" value="0" name="attr_mega-attributealternative_expand">
<input type="hidden" class="powerSuiteColor" value="default" name="attr_power-suite-color-2">
<input type="hidden" class="powerType" name='attr_megaedgetype-2' value='power' />
<div class="megaEdge secondary secondaryColorBackground">
<div class="flex traitHeader aiCenter fColumn">
<div class="flex aiCenter jcSpaceBetween megaEdgeTypeAndExpander">
<input type="hidden" name='attr_megaedgetype-2' value='power' />
<div class="flex">
<select name="attr_megaedgetype-2" class="pathLabel tertiaryColorBackground colorFont">
<option value="power" selected>Mega Attribute</option>
<option value="technique">Technique</option>
<option value="component">Component</option>
<option value="maxouted">Max-Outed</option>
</select>
<div class="megaEdgeTypeExtension">
<div class="flex aiCenter jcCenter">of</div>
<input type="text" name="attr_megaedgetypeextension-2" class="inputPathName primaryColorFont" placeholder=" " />
</div>
</div>
<div class="flex">
<input type="checkbox" class="expander" name="attr_mega-attributealternative_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween megaEdgeNameAndDots">
<input type="hidden" class="selectedMegaAttribute" value="" name="attr_mega-attribute-2-trait-1">
<select type="text" name="attr_mega-attribute-2-trait-1" class="inputPathName" placeholder=" ">
<option value="" selected></option>
<option value="megaIntellect">Mega-Intellect</option>
<option value="megaCunning">Mega-Cunning</option>
<option value="megaResolve">Mega-Resolve</option>
<option value="megaMight">Mega-Might</option>
<option value="megaDexterity">Mega-Dexterity</option>
<option value="megaStamina">Mega-Stamina</option>
<option value="megaPresence">Mega-Presence</option>
<option value="megaManipulation">Mega-Manipulation</option>
<option value="megaComposure">Mega-Composure</option>
</select>
<div class="maxOutPlus">
+
</div>
<div class="dots">
<input type="hidden" name="attr_mega-edge-2-dots" class="dot" value="0" />
<button type="action" name="act_mega-edge-2-dots-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-2-dots-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-2-dots-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-2-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-2-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-2-dots-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-2-dots-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-2-dots-8" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-2-dots-9" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<div class="megaEdgeExpandedArea">
<input type="hidden" class="megaEdgeTabsToggle" name='attr_mega-edge-2-tab' value='mega-edge-2-traits'/>
<div class="megaEdgeTabButtons flex jcSpaceBetween">
<button type="action" name="act_mega-edge-2-traits">
Traits
</button>
<button type="action" name="act_mega-edge-2-description">
Description
</button>
</div>
<div class="megaEdgeTabContent">
<div class="megaEdgeTraitsTab fColumn">
<div class="flex megaEdgeTraitsHeader">
<div class="flex fColumn megaEdgeTraitColumn1">
<div class="input-label">
Tags:
</div>
</div>
</div>
<div class="megaEdgeTagsContainer flex">
<div class="flex fColumn megaEdgeTagsColumn1">
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-11_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-11" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-11_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-11_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-12_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-12" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-12_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-12_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-13_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-2-tag-13" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-13_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-13_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-14_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-14" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-14_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-14_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-15_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-15" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-15_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-15_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-16_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-16" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-16_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-16_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-17_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-17" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-17_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-17_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-18_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-18" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-18_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-18_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-19_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-19" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-19_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-19_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-10_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-10" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-10_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-10_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
<div class="flex fColumn megaEdgeTagsColumn2">
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-21_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-21" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-21_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-21_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-22_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-22" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-22_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-22_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-23_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-23" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-23_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-23_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-24_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-24" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-24_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-24_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-25_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-25" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-25_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-25_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-26_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-26" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-26_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-26_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-27_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-27" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-27_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-27_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-28_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-28" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-28_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-28_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-29_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-29" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-29_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-29_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-20_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-20" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-20_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-20_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
<div class="megaEdgeDescriptionTab fColumn">
<div class="readerTrait">
<textarea name="attr_mega-edge-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="readerTrait powerSuiteColorSection fColumn">
<div class="input-label">
Power Suite Color:
</div>
<div class="optionsPowerSuiteColor flex aiCenter">
<div class="flex optionPowerSuiteColor circleDefault">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major secondaryColorBackground"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="default">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color1"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color1">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color2"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color2">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color3"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color3">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color4"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color4">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color5"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color5">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color6"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color6">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color7"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color7">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color8"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color8">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color9"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color9">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color10"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color10">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color11"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color11">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color12"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color12">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color13"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color13">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color14"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color14">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>
<!--+++++++++++++++++++++++++++++++ - FIM MEGA EDGE - +++++++++++++++++++++++++++++++-->
</div>
</div>
<div class="space1 nova qtech npcQuantumSource"></div>
<!--/////////////////// - FIM NOVA POWER - MEGA ATRIBUTTE ALT - /////////////////////////-->
<!--////////////////////// - NOVA POWER - MEGA EDGE - ///////////////////////////-->
<div class="pSection TCMegaEdges nova qtech npcQuantumSource" id="section-MegaEdge">
<div class="customRepeating mega-edge">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
MEGA EDGES
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--+++++++++++++++++++++++++++++++++ - MEGA EDGE - +++++++++++++++++++++++++++++++++-->
<fieldset class="repeating_mega-edge">
<div class="sheet-2colrow">
<div class="sheet-col">
<input type="hidden" class="expanderFlag" value="0" name="attr_mega-edge_expand">
<input type="hidden" class="powerSuiteColor" value="default" name="attr_power-suite-color-1">
<input type="hidden" class="powerType" name='attr_megaedgetype-1' value='power' />
<div class="megaEdge secondaryColorBackground">
<div class="flex traitHeader aiCenter fColumn">
<div class="flex aiCenter jcSpaceBetween megaEdgeTypeAndExpander">
<input type="hidden" name='attr_megaedgetype-1' value='power' />
<div class="flex">
<select name="attr_megaedgetype-1" class="pathLabel tertiaryColorBackground colorFont">
<option value="power" selected>Mega Edge</option>
<option value="technique">Technique</option>
<option value="component">Component</option>
<option value="maxouted">Max-Outed</option>
</select>
<div class="megaEdgeTypeExtension">
<div class="flex aiCenter jcCenter">of</div>
<input type="text" name="attr_megaedgetypeextension-1" class="inputPathName primaryColorFont" placeholder=" " />
</div>
</div>
<div class="flex">
<input type="checkbox" class="expander" name="attr_mega-edge_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween megaEdgeNameAndDots">
<input type="text" name="attr_mega-edge-1-trait-1" class="inputPathName" placeholder=" " />
<div class="maxOutPlus">
+
</div>
<div class="dots">
<input type="hidden" name="attr_mega-edge-1-dots" class="dot" value="0" />
<button type="action" name="act_mega-edge-1-dots-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-1-dots-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-1-dots-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-1-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-1-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-1-dots-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-1-dots-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-1-dots-8" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-1-dots-9" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<!-- <input type="text" name="attr_mega-edge-1-tab" />
-->
<div class="megaEdgeExpandedArea">
<input type="hidden" class="megaEdgeTabsToggle" name='attr_mega-edge-1-tab' value='mega-edge-1-traits'/>
<div class="megaEdgeTabButtons flex jcSpaceBetween">
<button type="action" name="act_mega-edge-1-traits">
Traits
</button>
<button type="action" name="act_mega-edge-1-description">
Description
</button>
</div>
<div class="megaEdgeTabContent">
<div class="megaEdgeTraitsTab fColumn">
<div class="flex megaEdgeTraitsHeader">
<div class="flex fColumn megaEdgeTraitColumn1">
<div class="readerTrait megaEdgePrerequisite">
<div class="input-label">
Prerequisite:
</div>
<input type="text" name="attr_mega-edge-1-prereq" class="inputLine" />
</div>
<div class="input-label">
Tags:
</div>
</div>
<div class="flex fColumn megaEdgeTraitColumn2">
<div class="readerTrait megaEdgeCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_mega-edge-1-cost" class="inputLine" />
</div>
</div>
</div>
<div class="megaEdgeTagsContainer flex">
<div class="flex fColumn megaEdgeTagsColumn1">
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-11_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-11" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-11_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-11_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-12_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-12" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-12_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-12_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-13_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-13" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-13_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-13_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-14_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-14" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-14_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-14_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-15_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-15" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-15_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-15_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-16_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-16" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-16_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-16_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-17_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-17" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-17_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-17_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-18_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-18" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-18_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-18_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-19_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-19" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-19_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-19_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-10_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-10" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-10_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-10_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
<div class="flex fColumn megaEdgeTagsColumn2">
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-21_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-21" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-21_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-21_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-22_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-22" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-22_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-22_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-23_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-23" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-23_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-23_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-24_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-24" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-24_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-24_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-25_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-25" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-25_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-25_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-26_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-26" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-26_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-26_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-27_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-27" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-27_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-27_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-28_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-28" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-28_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-28_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-29_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-29" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-29_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-29_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-1-tag-20_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-1-tag-20" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-1-tag-20_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-1-tag-20_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
<div class="megaEdgeDescriptionTab fColumn">
<div class="readerTrait">
<textarea name="attr_mega-edge-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="readerTrait powerSuiteColorSection fColumn">
<div class="input-label">
Power Suite Color:
</div>
<div class="optionsPowerSuiteColor flex aiCenter">
<div class="flex optionPowerSuiteColor circleDefault">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major secondaryColorBackground"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="default">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color1"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color1">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color2"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color2">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color3"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color3">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color4"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color4">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color5"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color5">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color6"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color6">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color7"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color7">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color8"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color8">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color9"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color9">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color10"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color10">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color11"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color11">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color12"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color12">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color13"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color13">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color14"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color14">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sheet-col">
<input type="hidden" class="expanderFlag" value="0" name="attr_mega-edge_expand">
<input type="hidden" class="powerSuiteColor" value="default" name="attr_power-suite-color-2">
<input type="hidden" class="powerType" name='attr_megaedgetype-2' value='power' />
<div class="megaEdge secondary secondaryColorBackground">
<div class="flex traitHeader aiCenter fColumn">
<div class="flex aiCenter jcSpaceBetween megaEdgeTypeAndExpander">
<input type="hidden" name='attr_megaedgetype-2' value='power' />
<div class="flex">
<select name="attr_megaedgetype-2" class="pathLabel tertiaryColorBackground colorFont">
<option value="power" selected>Mega Edge</option>
<option value="technique">Technique</option>
<option value="component">Component</option>
<option value="maxouted">Max-Outed</option>
</select>
<div class="megaEdgeTypeExtension">
<div class="flex aiCenter jcCenter">of</div>
<input type="text" name="attr_megaedgetypeextension-2" class="inputPathName primaryColorFont" placeholder=" " />
</div>
</div>
<div class="flex">
<input type="checkbox" class="expander" name="attr_mega-edge_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween megaEdgeNameAndDots">
<input type="text" name="attr_mega-edge-2-trait-1" class="inputPathName" placeholder=" " />
<div class="maxOutPlus">
+
</div>
<div class="dots">
<input type="hidden" name="attr_mega-edge-2-dots" class="dot" value="0" />
<button type="action" name="act_mega-edge-2-dots-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-2-dots-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-2-dots-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-2-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-2-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-2-dots-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-2-dots-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-2-dots-8" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_mega-edge-2-dots-9" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<div class="megaEdgeExpandedArea">
<input type="hidden" class="megaEdgeTabsToggle" name='attr_mega-edge-2-tab' value='mega-edge-2-traits'/>
<div class="megaEdgeTabButtons flex jcSpaceBetween">
<button type="action" name="act_mega-edge-2-traits">
Traits
</button>
<button type="action" name="act_mega-edge-2-description">
Description
</button>
</div>
<div class="megaEdgeTabContent">
<div class="megaEdgeTraitsTab fColumn">
<div class="flex megaEdgeTraitsHeader">
<div class="flex fColumn megaEdgeTraitColumn1">
<div class="readerTrait megaEdgePrerequisite">
<div class="input-label">
Prerequisite:
</div>
<input type="text" name="attr_mega-edge-2-prereq" class="inputLine" />
</div>
<div class="input-label">
Tags:
</div>
</div>
<div class="flex fColumn megaEdgeTraitColumn2">
<div class="readerTrait megaEdgeCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_mega-edge-2-cost" class="inputLine" />
</div>
</div>
</div>
<div class="megaEdgeTagsContainer flex">
<div class="flex fColumn megaEdgeTagsColumn1">
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-11_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-11" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-11_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-11_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-12_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-12" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-12_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-12_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-13_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-2-tag-13" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-13_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-13_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-14_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-14" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-14_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-14_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-15_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-15" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-15_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-15_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-16_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-16" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-16_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-16_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-17_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-17" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-17_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-17_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-18_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-18" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-18_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-18_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-19_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-19" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-19_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-19_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-10_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-10" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-10_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-10_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
<div class="flex fColumn megaEdgeTagsColumn2">
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-21_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-21" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-21_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-21_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-22_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-22" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-22_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-22_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-23_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-23" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-23_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-23_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-24_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-24" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-24_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-24_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-25_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-25" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-25_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-25_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-26_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-26" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-26_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-26_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-27_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-27" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-27_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-27_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-28_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-28" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-28_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-28_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-29_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-29" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-29_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-29_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="megaEdgeTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_mega-edge-2-tag-20_expand">
<div class="flex traitHeader">
<input type="text" name="attr_mega-edge-2-tag-20" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_mega-edge-2-tag-20_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_mega-edge-2-tag-20_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
<div class="megaEdgeDescriptionTab fColumn">
<div class="readerTrait">
<textarea name="attr_mega-edge-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="readerTrait powerSuiteColorSection fColumn">
<div class="input-label">
Power Suite Color:
</div>
<div class="optionsPowerSuiteColor flex aiCenter">
<div class="flex optionPowerSuiteColor circleDefault">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major secondaryColorBackground"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="default">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color1"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color1">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color2"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color2">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color3"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color3">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color4"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color4">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color5"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color5">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color6"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color6">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color7"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color7">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color8"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color8">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color9"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color9">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color10"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color10">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color11"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color11">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color12"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color12">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color13"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color13">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color14"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color14">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>
<!--+++++++++++++++++++++++++++++++ - FIM MEGA EDGE - +++++++++++++++++++++++++++++++-->
</div>
</div>
<div class="space1 nova qtech npcQuantumSource"></div>
<!--/////////////////// - FIM NOVA POWER - MEGA EDGE - /////////////////////////-->
<!--////////////////////// - NOVA POWER - QUANTUM POWERS - ///////////////////////////-->
<div class="pSection TCQuantumPowers nova qtech npcQuantumSource" id="section-QuantumPower">
<div class="customRepeating quantum-power">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
QUANTUM POWERS
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--+++++++++++++++++++++++++++++++ - QUANTUM POWERS - +++++++++++++++++++++++++++++++-->
<fieldset class="repeating_quantum-power">
<div class="sheet-2colrow">
<div class="sheet-col">
<input type="hidden" class="expanderFlag" value="0" name="attr_quantum-power_expand">
<input type="hidden" class="powerSuiteColor" value="default" name="attr_power-suite-color-1">
<input type="hidden" class="powerType" name='attr_powertype-1' value='power' />
<div class="quantumPower secondaryColorBackground">
<div class="flex traitHeader aiCenter fColumn">
<div class="flex aiCenter jcSpaceBetween quantumPowerTypeAndExpander">
<input type="hidden" name='attr_powertype-1' value='power' />
<div class="flex">
<select name="attr_powertype-1" class="pathLabel tertiaryColorBackground colorFont">
<option value="power" selected>Quantum Power</option>
<option value="technique">Technique</option>
<option value="variation">Variation</option>
<option value="component">Component</option>
<option value="maxouted">Max-Outed</option>
</select>
<div class="powerTypeExtension">
<div class="flex aiCenter jcCenter">of</div>
<input type="text" name="attr_powertypeextension-1" class="inputPathName primaryColorFont" placeholder=" " />
</div>
</div>
<div class="flex">
<input type="checkbox" class="expander" name="attr_quantum-power_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween quantumPowerNameAndDots">
<input type="text" name="attr_quantum-power-1-trait-1" class="inputPathName" placeholder=" " />
<div class="maxOutPlus">
+
</div>
<div class="dots">
<input type="hidden" name="attr_quantum-power-1-dots" class="dot" value="0" />
<button type="action" name="act_quantum-power-1-dots-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-power-1-dots-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-power-1-dots-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-power-1-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-power-1-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-power-1-dots-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-power-1-dots-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-power-1-dots-8" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-power-1-dots-9" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<!-- <input type="text" name="attr_quantum-power-1-tab" />
-->
<div class="quantumPowerExpandedArea">
<input type="hidden" class="quantumPowerTabsToggle" name='attr_quantum-power-1-tab' value='quantum-power-1-traits'/>
<div class="quantumPowerTabButtons flex jcSpaceBetween">
<button type="action" name="act_quantum-power-1-traits">
Traits
</button>
<button type="action" name="act_quantum-power-1-description">
Description
</button>
</div>
<div class="quantumPowerTabContent">
<div class="quantumPowerTraitsTab fColumn">
<div class="flex quantumPowerTraitsHeader">
<div class="flex fColumn quantumPowerTraitColumn1">
<div class="readerTrait quantumPowerAction">
<div class="input-label">
Action:
</div>
<!-- <input type="text" name="attr_quantum-power-1-action" class="inputLine" /> -->
<select name="attr_quantum-power-1-action" class="inputLine">
<option value=null></option>
<option value="ordinary">Ordinary</option>
<option value="reflexive">Reflexive</option>
<option value="other">Other</option>
</select>
</div>
<div class="readerTrait quantumPowerDuration">
<div class="input-label">
Duration:
</div>
<!-- <input type="text" name="attr_quantum-power-1-duration" class="inputLine" /> -->
<select name="attr_attr_quantum-power-1-duration" class="inputLine">
<option value=null></option>
<option value="instant">Instant</option>
<option value="concentration">Concentration</option>
<option value="maintained">Maintained</option>
<option value="cont.(rounds)">Continuous(rds)</option>
<option value="cont.(minutes)">Continuous(min)</option>
<option value="cont.(hours)">Continuous(hrs)</option>
<option value="cont.(days)">Continuous(d)</option>
<option value="other">Other</option>
</select>
</div>
<div class="readerTrait quantumPowerRange">
<div class="input-label">
Range:
</div>
<!-- <input type="text" name="attr_quantum-power-1-range" class="inputLine" /> -->
<select name="attr_quantum-power-1-range" class="inputLine">
<option value=null></option>
<option value="personal">Personal</option>
<option value="close">Close</option>
<option value="short">Short</option>
<option value="medium">Medium</option>
<option value="long">Long</option>
<option value="extr.(10km)">Extr.(10 km)</option>
<option value="extr.(100km)">Extr.(100 km)</option>
<option value="extr.(1000km)">Extr.(1000 km)</option>
<option value="visual">Visual</option>
<option value="other">Other</option>
</select>
</div>
<div class="input-label">
Tags:
</div>
</div>
<div class="flex fColumn quantumPowerTraitColumn2">
<div class="readerTrait quantumPowerAction">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_quantum-power-1-cost" class="inputLine" />
</div>
<div class="readerTrait quantumPowerDuration">
<div class="input-label">
Dice Pool:
</div>
<input type="text" name="attr_quantum-power-1-dice-pool" class="inputLine" />
</div>
<div class="readerTrait quantumPowerQMini">
<div class="input-label">
Q.Minim:
</div>
<input type="text" name="attr_quantum-power-1-qminim" class="inputLine" />
</div>
</div>
</div>
<div class="quantumPowerTagsContainer flex">
<div class="flex fColumn quantumPowerTagsColumn1">
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-1-tag-11_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-1-tag-11" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-1-tag-11_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-1-tag-11_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-1-tag-12_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-1-tag-12" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-1-tag-12_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-1-tag-12_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-1-tag-13_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-1-tag-13" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-1-tag-13_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-1-tag-13_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-1-tag-14_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-1-tag-14" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-1-tag-14_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-1-tag-14_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-1-tag-15_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-1-tag-15" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-1-tag-15_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-1-tag-15_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-1-tag-16_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-1-tag-16" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-1-tag-16_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-1-tag-16_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-1-tag-17_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-1-tag-17" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-1-tag-17_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-1-tag-17_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-1-tag-18_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-1-tag-18" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-1-tag-18_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-1-tag-18_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-1-tag-19_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-1-tag-19" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-1-tag-19_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-1-tag-19_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-1-tag-10_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-1-tag-10" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-1-tag-10_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-1-tag-10_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
<div class="flex fColumn quantumPowerTagsColumn2">
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-1-tag-21_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-1-tag-21" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-1-tag-21_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-1-tag-21_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-1-tag-22_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-1-tag-22" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-1-tag-22_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-1-tag-22_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-1-tag-23_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-1-tag-23" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-1-tag-23_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-1-tag-23_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-1-tag-24_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-1-tag-24" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-1-tag-24_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-1-tag-24_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-1-tag-25_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-1-tag-25" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-1-tag-25_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-1-tag-25_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-1-tag-26_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-1-tag-26" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-1-tag-26_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-1-tag-26_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-1-tag-27_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-1-tag-27" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-1-tag-27_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-1-tag-27_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-1-tag-28_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-1-tag-28" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-1-tag-28_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-1-tag-28_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-1-tag-29_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-1-tag-29" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-1-tag-29_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-1-tag-29_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-1-tag-20_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-1-tag-20" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-1-tag-20_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-1-tag-20_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
<div class="quantumPowerDescriptionTab fColumn">
<div class="readerTrait quantumTraitDescriptionSection">
<textarea name="attr_quantum-power-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="readerTrait powerSuiteColorSection fColumn">
<div class="input-label">
Power Suite Color:
</div>
<div class="optionsPowerSuiteColor flex aiCenter">
<div class="flex optionPowerSuiteColor circleDefault">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major secondaryColorBackground"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="default">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color1"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color1">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color2"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color2">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color3"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color3">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color4"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color4">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color5"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color5">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color6"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color6">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color7"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color7">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color8"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color8">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color9"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color9">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color10"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color10">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color11"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color11">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color12"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color12">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color13"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color13">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color14"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-1" value="color14">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sheet-col">
<input type="hidden" class="expanderFlag" value="0" name="attr_quantum-power_expand">
<input type="hidden" class="powerSuiteColor" value="default" name="attr_power-suite-color-2">
<input type="hidden" class="powerType" name='attr_powertype-2' value='power' />
<div class="quantumPower secondary secondaryColorBackground">
<div class="flex traitHeader aiCenter fColumn">
<div class="flex aiCenter jcSpaceBetween quantumPowerTypeAndExpander">
<input type="hidden" name='attr_powertype-2' value='power' />
<div class="flex">
<select name="attr_powertype-2" class="pathLabel tertiaryColorBackground colorFont">
<option value="power" selected>Quantum Power</option>
<option value="technique">Technique</option>
<option value="variation">Variation</option>
<option value="component">Component</option>
<option value="maxouted">Max-Outed</option>
</select>
<div class="powerTypeExtension">
<div class="flex aiCenter jcCenter">of</div>
<input type="text" name="attr_powertypeextension-2" class="inputPathName primaryColorFont" placeholder=" " />
</div>
</div>
<div class="flex">
<input type="checkbox" class="expander" name="attr_quantum-power_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween quantumPowerNameAndDots">
<input type="text" name="attr_quantum-power-2-trait-1" class="inputPathName" placeholder=" " />
<div class="maxOutPlus">
+
</div>
<div class="dots">
<input type="hidden" name="attr_quantum-power-2-dots" class="dot" value="0" />
<button type="action" name="act_quantum-power-2-dots-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-power-2-dots-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-power-2-dots-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-power-2-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-power-2-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-power-2-dots-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-power-2-dots-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-power-2-dots-8" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_quantum-power-2-dots-9" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<div class="quantumPowerExpandedArea">
<input type="hidden" class="quantumPowerTabsToggle" name='attr_quantum-power-2-tab' value='quantum-power-2-traits'/>
<div class="quantumPowerTabButtons flex jcSpaceBetween">
<button type="action" name="act_quantum-power-2-traits">
Traits
</button>
<button type="action" name="act_quantum-power-2-description">
Description
</button>
</div>
<div class="quantumPowerTabContent">
<div class="quantumPowerTraitsTab fColumn">
<div class="flex quantumPowerTraitsHeader">
<div class="flex fColumn quantumPowerTraitColumn1">
<div class="readerTrait quantumPowerAction">
<div class="input-label">
Action:
</div>
<!-- <input type="text" name="attr_quantum-power-1-action" class="inputLine" /> -->
<select name="attr_quantum-power-2-action" class="inputLine">
<option value=null></option>
<option value="ordinary">Ordinary</option>
<option value="reflexive">Reflexive</option>
<option value="other">Other</option>
</select>
</div>
<div class="readerTrait quantumPowerDuration">
<div class="input-label">
Duration:
</div>
<!-- <input type="text" name="attr_quantum-power-1-duration" class="inputLine" /> -->
<select name="attr_attr_quantum-power-2-duration" class="inputLine">
<option value=null></option>
<option value="instant">Instant</option>
<option value="concentration">Concentration</option>
<option value="maintained">Maintained</option>
<option value="cont.(rounds)">Continuous(rds)</option>
<option value="cont.(minutes)">Continuous(min)</option>
<option value="cont.(hours)">Continuous(hrs)</option>
<option value="cont.(days)">Continuous(d)</option>
<option value="other">Other</option>
</select>
</div>
<div class="readerTrait quantumPowerRange">
<div class="input-label">
Range:
</div>
<!-- <input type="text" name="attr_quantum-power-1-range" class="inputLine" /> -->
<select name="attr_quantum-power-2-range" class="inputLine">
<option value=null></option>
<option value="personal">Personal</option>
<option value="close">Close</option>
<option value="short">Short</option>
<option value="medium">Medium</option>
<option value="long">Long</option>
<option value="extr.(10km)">Extr.(10 km)</option>
<option value="extr.(100km)">Extr.(100 km)</option>
<option value="extr.(1000km)">Extr.(1000 km)</option>
<option value="visual">Visual</option>
<option value="other">Other</option>
</select>
</div>
<div class="input-label">
Tags:
</div>
</div>
<div class="flex fColumn quantumPowerTraitColumn2">
<div class="readerTrait quantumPowerAction">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_quantum-power-2-cost" class="inputLine" />
</div>
<div class="readerTrait quantumPowerDuration">
<div class="input-label">
Dice Pool:
</div>
<input type="text" name="attr_quantum-power-2-dice-pool" class="inputLine" />
</div>
<div class="readerTrait quantumPowerQMini">
<div class="input-label">
Q.Minim:
</div>
<input type="text" name="attr_quantum-power-2-qminim" class="inputLine" />
</div>
</div>
</div>
<div class="quantumPowerTagsContainer flex">
<div class="flex fColumn quantumPowerTagsColumn1">
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-2-tag-11_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-2-tag-11" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-2-tag-11_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-2-tag-11_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-2-tag-12_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-2-tag-12" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-2-tag-12_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-2-tag-12_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-2-tag-13_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-2-2-tag-13" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-2-tag-13_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-2-tag-13_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-2-tag-14_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-2-tag-14" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-2-tag-14_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-2-tag-14_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-2-tag-15_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-2-tag-15" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-2-tag-15_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-2-tag-15_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-2-tag-16_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-2-tag-16" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-2-tag-16_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-2-tag-16_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-2-tag-17_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-2-tag-17" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-2-tag-17_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-2-tag-17_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-2-tag-18_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-2-tag-18" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-2-tag-18_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-2-tag-18_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-2-tag-19_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-2-tag-19" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-2-tag-19_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-2-tag-19_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-2-tag-10_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-2-tag-10" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-2-tag-10_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-2-tag-10_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
<div class="flex fColumn quantumPowerTagsColumn2">
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-2-tag-21_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-2-tag-21" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-2-tag-21_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-2-tag-21_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-2-tag-22_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-2-tag-22" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-2-tag-22_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-2-tag-22_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-2-tag-23_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-2-tag-23" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-2-tag-23_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-2-tag-23_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-2-tag-24_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-2-tag-24" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-2-tag-24_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-2-tag-24_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-2-tag-25_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-2-tag-25" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-2-tag-25_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-2-tag-25_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-2-tag-26_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-2-tag-26" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-2-tag-26_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-2-tag-26_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-2-tag-27_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-2-tag-27" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-2-tag-27_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-2-tag-27_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-2-tag-28_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-2-tag-28" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-2-tag-28_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-2-tag-28_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-2-tag-29_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-2-tag-29" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-2-tag-29_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-2-tag-29_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="quantumPowerTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_quantum-power-2-tag-20_expand">
<div class="flex traitHeader">
<input type="text" name="attr_quantum-power-2-tag-20" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_quantum-power-2-tag-20_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_quantum-power-2-tag-20_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
<div class="quantumPowerDescriptionTab fColumn">
<div class="readerTrait">
<textarea name="attr_quantum-power-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="readerTrait powerSuiteColorSection fColumn">
<div class="input-label">
Power Suite Color:
</div>
<div class="optionsPowerSuiteColor flex aiCenter">
<div class="flex optionPowerSuiteColor circleDefault">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major secondaryColorBackground"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="default">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color1"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color1">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color2"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color2">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color3"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color3">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color4"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color4">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color5"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color5">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color6"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color6">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color7"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color7">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color8"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color8">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color9"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color9">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color10"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color10">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color11"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color11">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color12"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color12">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle major color13"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color13">
</div>
</div>
<div class="flex optionPowerSuiteColor">
<div class="flex inputAndName aiCenter">
<div class="colorCircle minor color14"></div>
<input type="radio" class="inputPowerSuiteColor" name="attr_power-suite-color-2" value="color14">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>
<!--+++++++++++++++++++++++++++++ - FIM QUANTUM POWERS - +++++++++++++++++++++++++++++-->
</div>
</div>
<div class="space1 nova qtech npcQuantumSource"></div>
<!--/////////////////// - FIM NOVA POWER - QUANTUM POWERS - /////////////////////////-->
<!--/////////////////////////// - GIFTS - ////////////////////////////////-->
<div class="pSection TCGifts talent inspired ftech npcInspTalentSource npcInspStarwartSource npcInspMesmeristSource npcInspGogSource npcInspMagogSource npcInspAssassinSource" id="section-Gifts">
<div class="customRepeating mega-edge">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont talent npcInspTalentSource npcInspGogSource npcInspMagogSource ftech squire gog magog">
GIFTS
</div>
<div class="titleLabel colorFont daredevil">
DAREDEVIL GIFTS
</div>
<div class="titleLabel colorFont stalwart npcInspStarwartSource">
DYNAMICS GIFTS
</div>
<div class="titleLabel colorFont mesmerist npcInspMesmeristSource">
PSYCHIC GIFTS
</div>
<div class="titleLabel colorFont assassin npcInspAssassinSource">
MASTERIES
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--+++++++++++++++++++++++++++++++++ - MEGA EDGE - +++++++++++++++++++++++++++++++++-->
<fieldset class="repeating_gift">
<div class="flex jcSpaceBetween">
<input type="hidden" name="attr_giftstatus-1" class="selectedPathStatus" value="normal"></input>
<div class="singleGift">
<input type="hidden" class="expanderFlag" value="0" name="attr_gift_expand">
<div class="gift superiorPower secondaryColorBackground">
<div class="flex traitHeader aiCenter fColumn">
<div class="flex aiCenter jcSpaceBetween megaEdgeTypeAndExpander">
<div class="flex">
<div class="flex daredevil stalwart mesmerist assassin ftech npcInspTalentSource npcInspStarwartSource npcInspMesmeristSource npcInspAssassinSource">
<div class="tertiaryColorBackground colorFont pathLabel ftech">Gift</div>
<div class="tertiaryColorBackground colorFont pathLabel stalwart npcInspStarwartSource">Dynamic Gift</div>
<div class="tertiaryColorBackground colorFont pathLabel mesmerist npcInspMesmeristSource">Psychic Gift</div>
<div class="tertiaryColorBackground colorFont pathLabel assassin npcInspAssassinSource">Masteries</div>
</div>
<input class="giftType" type="hidden" name='attr_aethergifttype-1' value='gift' />
<div class="flex talent daredevil squire gog magog npcInspTalentSource npcInspGogSource npcInspMagogSource">
<select name="attr_aethergifttype-1" class="pathLabel tertiaryColorBackground colorFont">
<option class = "talent squire daredevil npcInspTalentSource" value="gift" selected>Gift &#9662</option>
<option class = "talent squire npcInspTalentSource" value="luckgift">Luck Gift</option>
<option class = "talent squire npcInspTalentSource" value="attributegift">Attribute Gift</option>
<option class = "talent squire gog npcInspTalentSource npcInspGogSource" value="skillgift">Skill Gift</option>
<option class = "squire gog npcInspGogSource" value="goggift">Gog Gift</option>
<option class = "squire magog npcInspMagogSource" value="magogift">Magog Gift</option>
</select>
</div>
<div class="megaEdgeTypeExtension gog npcInspGogSource">
<div class="flex aiCenter jcCenter">att. to</div>
<input type="text" name="attr_apparatus-1" class="inputPathName primaryColorFont" placeholder="Apparatus Name" />
</div>
<div class="megaEdgeTypeExtension npcInspTalentSource npcInspStarwartSource npcInspMesmeristSource npcInspMagogSource npcInspAssassinSource">
<input type="text" name="attr_apparatus-1" class="inputPathName primaryColorFont" placeholder="" />
</div>
</div>
<div class="flex jcFlexEnd">
<select name="attr_giftstatus-1" class="pathStatus primaryColorFont gog npcInspGogSource">
<option value="normal" selected>NORMAL</option>
<option value="tainted">TAINTED</option>
</select>
<div class="flex">
<input type="checkbox" class="expander" name="attr_gift_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween megaEdgeNameAndDots">
<input type="text" name="attr_gift1-trait-1" class="inputPathName" placeholder=" " />
</div>
</div>
<div class="megaEdgeExpandedArea">
<div class="megaEdgeTabContent">
<div class="megaEdgeDescriptionTab fColumn">
<div class="flex megaEdgeTraitsHeader">
<div class="flex fColumn megaEdgeTraitColumn1">
<div class="readerTrait quantumPowerAction">
<div class="input-label">
Keywords:
</div>
<input type="text" name="attr_gift1-keywords" class="inputLine">
</div>
<div class="readerTrait quantumPowerAction">
<div class="input-label">
Prerequisite:
</div>
<input type="text" name="attr_gift1-prereq" class="inputLine">
</div>
<div class="input-label giftDescription">
Description:
</div>
</div>
</div>
<div class="readerTrait">
<textarea name="attr_gift1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" name="attr_giftstatus-2" class="selectedPathStatus" value="normal"></input>
<div class="singleGift">
<input type="hidden" class="expanderFlag" value="0" name="attr_gift_expand">
<div class="gift superiorPower secondaryColorBackground">
<div class="flex traitHeader aiCenter fColumn">
<div class="flex aiCenter jcSpaceBetween megaEdgeTypeAndExpander">
<div class="flex">
<div class="flex daredevil stalwart mesmerist assassin ftech npcInspTalentSource npcInspStarwartSource npcInspMesmeristSource npcInspAssassinSource">
<div class="tertiaryColorBackground colorFont pathLabel ftech">Gift</div>
<div class="tertiaryColorBackground colorFont pathLabel stalwart npcInspStarwartSource">Dynamic Gift</div>
<div class="tertiaryColorBackground colorFont pathLabel mesmerist npcInspMesmeristSource">Psychic Gift</div>
<div class="tertiaryColorBackground colorFont pathLabel assassin npcInspAssassinSource">Masteries</div>
</div>
<input class="giftType" type="hidden" name='attr_aethergifttype-2' value='gift' />
<div class="flex talent daredevil squire gog magog npcInspTalentSource npcInspGogSource npcInspMagogSource">
<select name="attr_aethergifttype-2" class="pathLabel tertiaryColorBackground colorFont">
<option class = "talent squire daredevil npcInspTalentSource" value="gift" selected>Gift &#9662</option>
<option class = "talent squire npcInspTalentSource" value="luckgift">Luck Gift</option>
<option class = "talent squire npcInspTalentSource" value="attributegift">Attribute Gift</option>
<option class = "talent squire gog npcInspTalentSource npcInspGogSource" value="skillgift">Skill Gift</option>
<option class = "squire gog npcInspGogSource" value="goggift">Gog Gift</option>
<option class = "squire magog npcInspMagogSource" value="magogift">Magog Gift</option>
</select>
</div>
<div class="megaEdgeTypeExtension gog npcInspGogSource">
<div class="flex aiCenter jcCenter">att. to</div>
<input type="text" name="attr_apparatus-2" class="inputPathName primaryColorFont" placeholder="Apparatus Name" />
</div>
<div class="megaEdgeTypeExtension npcInspTalentSource npcInspStarwartSource npcInspMesmeristSource npcInspMagogSource npcInspAssassinSource">
<input type="text" name="attr_apparatus-2" class="inputPathName primaryColorFont" placeholder="" />
</div>
</div>
<div class="flex jcFlexEnd">
<select name="attr_giftstatus-2" class="pathStatus primaryColorFont gog npcInspGogSource">
<option value="normal" selected>NORMAL</option>
<option value="tainted">TAINTED</option>
</select>
<div class="flex">
<input type="checkbox" class="expander" name="attr_gift_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween megaEdgeNameAndDots">
<input type="text" name="attr_gift2-trait-1" class="inputPathName" placeholder=" " />
</div>
</div>
<div class="megaEdgeExpandedArea">
<div class="megaEdgeTabContent">
<div class="megaEdgeDescriptionTab fColumn">
<div class="flex megaEdgeTraitsHeader">
<div class="flex fColumn megaEdgeTraitColumn1">
<div class="readerTrait quantumPowerAction">
<div class="input-label">
Keywords:
</div>
<input type="text" name="attr_gift2-keywords" class="inputLine">
</div>
<div class="readerTrait quantumPowerAction">
<div class="input-label">
Prerequisite:
</div>
<input type="text" name="attr_gift2-prereq" class="inputLine">
</div>
<div class="input-label giftDescription">
Description:
</div>
</div>
</div>
<div class="readerTrait">
<textarea name="attr_gift2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>
<!--+++++++++++++++++++++++++++++++ - FIM MEGA EDGE - +++++++++++++++++++++++++++++++-->
</div>
</div>
<div class="space1 TCGifts talent inspired ftech npcInspTalentSource npcInspStarwartSource npcInspMesmeristSource npcInspGogSource npcInspMagogSource npcInspAssassinSource"></div>
<!--//////////////////////// - FIM GIFTS - //////////////////////////////-->
<!--/////////////////////////// - SUPERIOR POWER - ////////////////////////////////-->
<div class="pSection TCSuperiorPowers superior npcJinketsuPowerSource" id="section-JinketsuPowers">
<div class="customRepeating mega-edge">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
JINKETSU POWERS
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--+++++++++++++++++++++++++++++++++ - MEGA EDGE - +++++++++++++++++++++++++++++++++-->
<fieldset class="repeating_superiorpower">
<div class="sheet-2colrow">
<div class="sheet-col">
<input type="hidden" class="expanderFlag" value="0" name="attr_superiorpower_expand">
<div class="superiorPower secondaryColorBackground">
<div class="flex traitHeader aiCenter fColumn">
<div class="flex aiCenter jcSpaceBetween megaEdgeTypeAndExpander">
<div class="flex">
<div class="tertiaryColorBackground colorFont pathLabel">Jinketsu Power</div>
<!-- <select name="attr_superiorpowertype-1" class="pathLabel tertiaryColorBackground colorFont">
<option value="power" selected>Superior Power</option>
<option value="technique">Physical</option>
<option value="technique">Mental</option>
<option value="technique">Social</option>
</select> -->
</div>
<div class="flex">
<input type="checkbox" class="expander" name="attr_superiorpower_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween megaEdgeNameAndDots">
<input type="text" name="attr_superiorpower-1-trait-1" class="inputPathName" placeholder=" " />
<div class="dots">
<input type="hidden" name="attr_superiorpower-1-dots" class="dot" value="0" />
<button type="action" name="act_superiorpower-1-dots-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_superiorpower-1-dots-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_superiorpower-1-dots-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_superiorpower-1-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_superiorpower-1-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<div class="megaEdgeExpandedArea">
<input type="hidden" class="megaEdgeTabsToggle" name='attr_superiorpower-1-tab' value='superiorpower-1-description'/>
<div class="megaEdgeTabContent">
<div class="megaEdgeDescriptionTab fColumn">
<div class="flex megaEdgeTraitsHeader">
<div class="flex fColumn megaEdgeTraitColumn1">
<div class="readerTrait quantumPowerAction">
<div class="input-label">
Type:
</div>
<select name="attr_superiorpower-1-type" class="inputLine">
<option value=null></option>
<option value="physical">Physical</option>
<option value="mental">Mental</option>
<option value="social">Social</option>
</select>
</div>
<div class="input-label">
Description:
</div>
</div>
</div>
<div class="readerTrait">
<textarea name="attr_superiorpower-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sheet-col">
<input type="hidden" class="expanderFlag" value="0" name="attr_superiorpower_expand">
<div class="superiorPower secondaryColorBackground">
<div class="flex traitHeader aiCenter fColumn">
<div class="flex aiCenter jcSpaceBetween megaEdgeTypeAndExpander">
<div class="flex">
<div class="tertiaryColorBackground colorFont pathLabel">Jinketsu Power</div>
<!-- <select name="attr_superiorpowertype-1" class="pathLabel tertiaryColorBackground colorFont">
<option value="power" selected>Superior Power</option>
<option value="technique">Physical</option>
<option value="technique">Mental</option>
<option value="technique">Social</option>
</select> -->
</div>
<div class="flex">
<input type="checkbox" class="expander" name="attr_superiorpower_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween megaEdgeNameAndDots">
<input type="text" name="attr_superiorpower-2-trait-1" class="inputPathName" placeholder=" " />
<div class="dots">
<input type="hidden" name="attr_superiorpower-2-dots" class="dot" value="0" />
<button type="action" name="act_superiorpower-2-dots-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_superiorpower-2-dots-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_superiorpower-2-dots-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_superiorpower-2-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_superiorpower-2-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<div class="megaEdgeExpandedArea">
<input type="hidden" class="megaEdgeTabsToggle" name='attr_superiorpower-2-tab' value='superiorpower-2-description'/>
<div class="megaEdgeTabContent">
<div class="megaEdgeDescriptionTab fColumn">
<div class="flex megaEdgeTraitsHeader">
<div class="flex fColumn megaEdgeTraitColumn1">
<div class="readerTrait quantumPowerAction">
<div class="input-label">
Type:
</div>
<select name="attr_superiorpower-2-type" class="inputLine">
<option value=null></option>
<option value="physical">Physical</option>
<option value="mental">Mental</option>
<option value="social">Social</option>
</select>
</div>
<div class="input-label">
Description:
</div>
</div>
</div>
<div class="readerTrait">
<textarea name="attr_superiorpower-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>
<!--+++++++++++++++++++++++++++++++ - FIM MEGA EDGE - +++++++++++++++++++++++++++++++-->
</div>
</div>
<div class="space1 superior npcJinketsuPowerSource"></div>
<!--//////////////////////// - FIM SUPERIOR POWER - //////////////////////////////-->
<!--/////////////////////////// - ANIMA ASPECTS - ////////////////////////////////-->
<div class="pSection TCAnimaAspects anima npcAnimaAspectSource" id="section-Aspect">
<div class="customRepeating quantum-power">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
ANIMA ASPECTS
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--+++++++++++++++++++++++++++++++ - QUANTUM POWERS - +++++++++++++++++++++++++++++++-->
<fieldset class="repeating_anima-aspects">
<div class="sheet-2colrow">
<div class="sheet-col">
<input type="hidden" class="expanderFlag" value="0" name="attr_anima-aspects_expand">
<div class="quantumPower secondaryColorBackground">
<div class="flex traitHeader aiCenter fColumn">
<div class="flex aiCenter jcSpaceBetween quantumPowerTypeAndExpander">
<input type="hidden" name='attr_powertype-1' value='power' />
<div class="flex">
<div class="tertiaryColorBackground colorFont pathLabel tagAspect">Aspect</div>
</div>
<div class="flex">
<input type="checkbox" class="expander" name="attr_anima-aspects_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween quantumPowerNameAndDots">
<input type="text" name="attr_quantum-power-1-trait-1" class="inputPathName" placeholder=" " />
<div class="dots">
<input type="hidden" name="attr_animabuff-1-dots" class="dot" value="0">
<button type="action" name="act_animabuff-1-dots-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-1-dots-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-1-dots-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-1-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-1-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-1-dots-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<!-- <input type="text" name="attr_quantum-power-1-tab" />
-->
<div class="quantumPowerExpandedArea">
<input type="hidden" class="quantumPowerTabsToggle" name='attr_quantum-power-1-tab' value='quantum-power-1-traits'/>
<div class="quantumPowerTabButtons flex jcSpaceBetween">
<button type="action" name="act_quantum-power-1-traits">
Traits 1
</button>
<button type="action" name="act_quantum-power-1-description">
Traits 2
</button>
</div>
<div class="quantumPowerTabContent">
<div class="quantumPowerTraitsTab fColumn">
<div class="quantumPowerTraitsHeader">
<div class="animaQuestPhase">
<div class="input-label">
Quest Phase:
</div>
<textarea name="attr_aspect_questPhase-1" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="flex">
<div class="input-label prereqLabel">
Prereq.:
</div>
<div class="input-label buffsLabel">
Buffs:
</div>
</div>
</div>
<div class="quantumPowerTagsContainer flex fColumn">
<div class="animaBuffLevel">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_animabuff-1-1_expand">
<div class="flex traitHeader">
<div class="animaBuffPrereq">
<input type="text" name="attr_animabuffprereq-1-1" class="inputLine">
</div>
<div class="animaBuffName">
<input type="text" name="attr_animabuffname-1-1" class="inputLine">
</div>
<div class="animaBuffdots">
<div class="dots">
<input type="hidden" name="attr_animabuff-1-dots" class="dot" value="0">
<button type="action" name="act_animabuff-1-dots-1" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
</div>
<div class="animaBuffExpander flex">
<input type="checkbox" class="expander" name="attr_animabuff-1-1_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<textarea name="attr_animabuff-1-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="animaBuffLevel">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_animabuff-1-2_expand">
<div class="flex traitHeader">
<div class="animaBuffPrereq">
<input type="text" name="attr_animabuffprereq-1-2" class="inputLine">
</div>
<div class="animaBuffName">
<input type="text" name="attr_animabuffname-1-2" class="inputLine">
</div>
<div class="animaBuffdots">
<div class="dots">
<input type="hidden" name="attr_animabuff-1-dots" class="dot" value="0">
<button type="action" name="act_animabuff-1-dots-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-1-dots-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
</div>
<div class="animaBuffExpander flex">
<input type="checkbox" class="expander" name="attr_animabuff-1-2_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<textarea name="attr_animabuff-1-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="animaBuffLevel">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_animabuff-1-3_expand">
<div class="flex traitHeader">
<div class="animaBuffPrereq">
<input type="text" name="attr_animabuffprereq-1-3" class="inputLine">
</div>
<div class="animaBuffName">
<input type="text" name="attr_animabuffname-1-3" class="inputLine">
</div>
<div class="animaBuffdots">
<div class="dots">
<input type="hidden" name="attr_animabuff-1-dots" class="dot" value="0">
<button type="action" name="act_animabuff-1-dots-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-1-dots-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-1-dots-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
</div>
<div class="animaBuffExpander flex">
<input type="checkbox" class="expander" name="attr_animabuff-1-3_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<textarea name="attr_animabuff-1-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="animaBuffLevel">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_animabuff-1-4_expand">
<div class="flex traitHeader">
<div class="animaBuffPrereq">
<input type="text" name="attr_animabuffprereq-1-4" class="inputLine">
</div>
<div class="animaBuffName">
<input type="text" name="attr_animabuffname-1-4" class="inputLine">
</div>
<div class="animaBuffdots">
<div class="dots">
<input type="hidden" name="attr_animabuff-1-dots" class="dot" value="0">
<button type="action" name="act_animabuff-1-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-1-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-1-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-1-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
</div>
<div class="animaBuffExpander flex">
<input type="checkbox" class="expander" name="attr_animabuff-1-4_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<textarea name="attr_animabuff-1-4_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="animaBuffLevel">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_animabuff-1-5_expand">
<div class="flex traitHeader">
<div class="animaBuffPrereq">
<input type="text" name="attr_animabuffprereq-1-5" class="inputLine">
</div>
<div class="animaBuffName">
<input type="text" name="attr_animabuffname-1-5" class="inputLine">
</div>
<div class="animaBuffdots">
<div class="dots">
<input type="hidden" name="attr_animabuff-1-dots" class="dot" value="0">
<button type="action" name="act_animabuff-1-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-1-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-1-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-1-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-1-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
</div>
<div class="animaBuffExpander flex">
<input type="checkbox" class="expander" name="attr_animabuff-1-5_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<textarea name="attr_animabuff-1-5_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="animaBuffLevel">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_animabuff-1-6_expand">
<div class="flex traitHeader">
<div class="animaBuffPrereq">
<input type="text" name="attr_animabuffprereq-1-6" class="inputLine">
</div>
<div class="animaBuffName">
<input type="text" name="attr_animabuffname-1-6" class="inputLine">
</div>
<div class="animaBuffdots">
<div class="dots">
<input type="hidden" name="attr_animabuff-1-dots" class="dot" value="0">
<button type="action" name="act_animabuff-1-dots-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-1-dots-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-1-dots-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-1-dots-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-1-dots-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-1-dots-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
</div>
<div class="animaBuffExpander flex">
<input type="checkbox" class="expander" name="attr_animabuff-1-6_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<textarea name="attr_animabuff-1-6_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
<div class="quantumPowerDescriptionTab fColumn">
<div class="animaEffects">
<div class="input-label">
Effects:
</div>
<textarea name="attr_aspect_effects_1" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="animaDescription">
<div class="input-label">
Description:
</div>
<textarea name="attr_aspect_description_1" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sheet-col">
<input type="hidden" class="expanderFlag" value="0" name="attr_anima-aspects_expand">
<div class="quantumPower secondaryColorBackground">
<div class="flex traitHeader aiCenter fColumn">
<div class="flex aiCenter jcSpaceBetween quantumPowerTypeAndExpander">
<input type="hidden" name='attr_powertype-2' value='power' />
<div class="flex">
<div class="tertiaryColorBackground colorFont pathLabel tagAspect">Aspect</div>
</div>
<div class="flex">
<input type="checkbox" class="expander" name="attr_anima-aspects_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween quantumPowerNameAndDots">
<input type="text" name="attr_quantum-power-2-trait-1" class="inputPathName" placeholder=" " />
<div class="dots">
<input type="hidden" name="attr_animabuff-2-dots" class="dot" value="0">
<button type="action" name="act_animabuff-2-dots-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-2-dots-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-2-dots-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-2-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-2-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-2-dots-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<!-- <input type="text" name="attr_quantum-power-2-tab" />
-->
<div class="quantumPowerExpandedArea">
<input type="hidden" class="quantumPowerTabsToggle" name='attr_quantum-power-2-tab' value='quantum-power-2-traits'/>
<div class="quantumPowerTabButtons flex jcSpaceBetween">
<button type="action" name="act_quantum-power-2-traits">
Traits 1
</button>
<button type="action" name="act_quantum-power-2-description">
Traits 2
</button>
</div>
<div class="quantumPowerTabContent">
<div class="quantumPowerTraitsTab fColumn">
<div class="quantumPowerTraitsHeader">
<div class="animaQuestPhase">
<div class="input-label">
Quest Phase:
</div>
<textarea name="attr_aspect_questPhase-2" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="flex">
<div class="input-label prereqLabel">
Prereq.:
</div>
<div class="input-label buffsLabel">
Buffs:
</div>
</div>
</div>
<div class="quantumPowerTagsContainer flex fColumn">
<div class="animaBuffLevel">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_animabuff-2-1_expand">
<div class="flex traitHeader">
<div class="animaBuffPrereq">
<input type="text" name="attr_animabuffprereq-2-1" class="inputLine">
</div>
<div class="animaBuffName">
<input type="text" name="attr_animabuffname-2-1" class="inputLine">
</div>
<div class="animaBuffdots">
<div class="dots">
<input type="hidden" name="attr_animabuff-2-dots" class="dot" value="0">
<button type="action" name="act_animabuff-2-dots-1" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
</div>
<div class="animaBuffExpander flex">
<input type="checkbox" class="expander" name="attr_animabuff-2-1_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<textarea name="attr_animabuff-2-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="animaBuffLevel">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_animabuff-2-2_expand">
<div class="flex traitHeader">
<div class="animaBuffPrereq">
<input type="text" name="attr_animabuffprereq-2-2" class="inputLine">
</div>
<div class="animaBuffName">
<input type="text" name="attr_animabuffname-2-2" class="inputLine">
</div>
<div class="animaBuffdots">
<div class="dots">
<input type="hidden" name="attr_animabuff-2-dots" class="dot" value="0">
<button type="action" name="act_animabuff-2-dots-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-2-dots-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
</div>
<div class="animaBuffExpander flex">
<input type="checkbox" class="expander" name="attr_animabuff-2-2_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<textarea name="attr_animabuff-2-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="animaBuffLevel">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_animabuff-2-3_expand">
<div class="flex traitHeader">
<div class="animaBuffPrereq">
<input type="text" name="attr_animabuffprereq-2-3" class="inputLine">
</div>
<div class="animaBuffName">
<input type="text" name="attr_animabuffname-2-3" class="inputLine">
</div>
<div class="animaBuffdots">
<div class="dots">
<input type="hidden" name="attr_animabuff-2-dots" class="dot" value="0">
<button type="action" name="act_animabuff-2-dots-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-2-dots-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-2-dots-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
</div>
<div class="animaBuffExpander flex">
<input type="checkbox" class="expander" name="attr_animabuff-2-3_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<textarea name="attr_animabuff-2-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="animaBuffLevel">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_animabuff-2-4_expand">
<div class="flex traitHeader">
<div class="animaBuffPrereq">
<input type="text" name="attr_animabuffprereq-2-4" class="inputLine">
</div>
<div class="animaBuffName">
<input type="text" name="attr_animabuffname-2-4" class="inputLine">
</div>
<div class="animaBuffdots">
<div class="dots">
<input type="hidden" name="attr_animabuff-2-dots" class="dot" value="0">
<button type="action" name="act_animabuff-2-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-2-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-2-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-2-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
</div>
<div class="animaBuffExpander flex">
<input type="checkbox" class="expander" name="attr_animabuff-2-4_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<textarea name="attr_animabuff-2-4_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="animaBuffLevel">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_animabuff-2-5_expand">
<div class="flex traitHeader">
<div class="animaBuffPrereq">
<input type="text" name="attr_animabuffprereq-2-5" class="inputLine">
</div>
<div class="animaBuffName">
<input type="text" name="attr_animabuffname-2-5" class="inputLine">
</div>
<div class="animaBuffdots">
<div class="dots">
<input type="hidden" name="attr_animabuff-2-dots" class="dot" value="0">
<button type="action" name="act_animabuff-2-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-2-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-2-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-2-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-2-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
</div>
<div class="animaBuffExpander flex">
<input type="checkbox" class="expander" name="attr_animabuff-2-5_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<textarea name="attr_animabuff-2-5_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="animaBuffLevel">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_animabuff-2-6_expand">
<div class="flex traitHeader">
<div class="animaBuffPrereq">
<input type="text" name="attr_animabuffprereq-2-6" class="inputLine">
</div>
<div class="animaBuffName">
<input type="text" name="attr_animabuffname-2-6" class="inputLine">
</div>
<div class="animaBuffdots">
<div class="dots">
<input type="hidden" name="attr_animabuff-2-dots" class="dot" value="0">
<button type="action" name="act_animabuff-2-dots-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-2-dots-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-2-dots-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-2-dots-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-2-dots-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_animabuff-2-dots-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
</div>
<div class="animaBuffExpander flex">
<input type="checkbox" class="expander" name="attr_animabuff-2-6_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<textarea name="attr_animabuff-2-6_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
<div class="quantumPowerDescriptionTab fColumn">
<div class="animaEffects">
<div class="input-label">
Effects:
</div>
<textarea name="attr_aspect_effects_2" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="animaDescription">
<div class="input-label">
Description:
</div>
<textarea name="attr_aspect_description_2" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>
<!--+++++++++++++++++++++++++++++ - FIM QUANTUM POWERS - +++++++++++++++++++++++++++++-->
</div>
</div>
<div class="space1 anima npcAnimaAspectSource"></div>
<!--//////////////////////// - FIM ANIMA ASPECTS - //////////////////////////////-->
<!--/////////////////////// - PSION POWER - PSI/PSI-TRAITS- ///////////////////////-->
<div class="pTwinSection sheet-2colrow psion psiad qin npcPsiPsiadSource npcPsiPsionSource npcPsiQinSource" id="section-Psi--PsiTraits">
<div class="sheet-col ">
<!--+++++++++++++++++++++++++++++++ - SECTION PSI - +++++++++++++++++++++++++++++++-->
<div class="psi flex fColumn aiCenter">
<!--================================== - TITLE - ==================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
PSI
</div>
</div>
<!--================================ - FIM TITLE - ===============================-->
<!--=================================- - CONTENT - ===============================-->
<div class="sourceDots flex fColumn jcCenter aiCenter">
<div class="dots sourceMax jcSpaceBetween">
<input type="hidden" name="attr_psi" class="dot" value="2" />
<button type="action" name="act_psi-1" class="dot hexagon gt-0 npcPsiPsiadSource npcPsiPsionSource">
<span class="checked"></span>
</button>
<button type="action" name="act_psi-2" class="dot hexagon gt-0 gt-1 npcPsiPsiadSource npcPsiPsionSource">
<span class="checked"></span>
</button>
<button type="action" name="act_psi-3" class="dot hexagon gt-0 gt-1 gt-2 psion psiad qinproxy npcPsiPsiadSource npcPsiPsionSource npcPsiQinSource">
<span class="checked"></span>
</button>
<button type="action" name="act_psi-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 psion psiad qinproxy npcPsiPsiadSource npcPsiPsionSource npcPsiQinSource">
<span class="checked"></span>
</button>
<button type="action" name="act_psi-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 psion psiad npcPsiPsiadSource npcPsiPsionSource">
<span class="checked"></span>
</button>
<button type="action" name="act_psi-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 proxy advanced npcPsiPsiadSource npcPsiPsionSource">
<span class="checked"></span>
</button>
<button type="action" name="act_psi-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
</div>
<div class="divisor">
<div class="line"></div>
<div class="divisorLabel">Psi Points</div>
<div class="line"></div>
</div>
<div class="boxPoints flex jcSpaceBetween">
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<div class="boxPointTitle">Current</div>
<input placeholder="00" type="number" name="attr_psi-current"/>
</div>
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<div class="boxPointTitle">Available</div>
<input placeholder="00" type="number" name="attr_psi-available"/>
</div>
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<div class="boxPointTitle">Maximum</div>
<input placeholder="00" type="number" name="attr_psi-maximum"/>
</div>
</div>
</div>
<!--================================- - FIM CONTENT - ==============================-->
</div>
</div>
<!--+++++++++++++++++++++++++++++++ - FIM SECTION PSI - ++++++++++++++++++++++++++++-->
<div class="sheet-col ">
<!--+++++++++++++++++++++++++++++ - SECTION PSI-TRAITS - +++++++++++++++++++++++++++-->
<div class="psiTraits">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
PSI TRAITS
</div>
</div>
<!--================================= - FIM TITLE - =================================-->
<!--=================================- - PSI-TRAITS - ===============================-->
<div class="psiTraitsContent">
<div class="flex psiTraitsHeader">
<div class="flex fColumn psiTraitColumn1">
<div class="readerTrait psiTraitAttunement">
<div class="input-label">
Attunement:
</div>
<input type="text" name="attr_psitrait-attunement" class="inputLine" />
<!-- <select name="attr_quantum-power-1-action" class="inputLine">
<option value=null></option>
<option value="ordinary">Ordinary</option>
<option value="reflexive">Reflexive</option>
<option value="other">Other</option>
</select> -->
</div>
<div class="readerTrait psiTraitDuration">
<div class="input-label">
Duration:
</div>
<input type="text" name="attr_psitrait-duration" class="inputLine" />
<!-- <select name="attr_attr_quantum-power-1-duration" class="inputLine">
<option value=null></option>
<option value="personal">Personal</option>
<option value="close">Close</option>
<option value="short">Short</option>
<option value="medium">Medium</option>
<option value="long">Long</option>
<option value="extr.(10km)">Extr.(10 km)</option>
<option value="extr.(100km)">Extr.(100 km)</option>
<option value="extr.(1000km)">Extr.(1000 km)</option>
<option value="visual">Visual</option>
<option value="other">Other</option>
</select> -->
</div>
<div class="readerTrait psiTraitTolerance">
<div class="input-label">
Tolerance:
</div>
<input type="text" name="attr_psitrait-tolerance" class="inputLine" />
<div>/</div>
<input type="text" name="attr_psitrait-tolerance_max" class="inputLine" />
<!-- <select name="attr_quantum-power-1-range" class="inputLine">
<option value=null></option>
<option value="instant">Instant</option>
<option value="concentration">Concentration</option>
<option value="maintained">Maintained</option>
<option value="cont.(rounds)">Continuous(Rds)</option>
<option value="cont.(minutes)">Continuous(Min)</option>
<option value="cont.(hours)">Continuous(Hrs)</option>
<option value="cont.(days)">Continuous(Ds)</option>
<option value="other">Other</option>
</select> -->
</div>
</div>
<div class="flex fColumn psiTraitColumn2">
<div class="readerTrait psiSize">
<div class="input-label">
Size:
</div>
<input type="text" name="attr_psi-size" class="inputLine"/>
</div>
<div class="readerTrait psiTraitRange">
<div class="input-label">
Range:
</div>
<input type="text" name="attr_psi-range" class="inputLine" />
</div>
</div>
</div>
</div>
<!--==============================- - FIM PSI-TRAITS - ==============================-->
</div>
</div>
<!--+++++++++++++++++++++++++++ - FIM SECTION PSI-TRAITS - ++++++++++++++++++++++++++-->
</div>
<div class="space1 psion psiad qin npcPsiPsiadSource npcPsiPsionSource npcPsiQinSource"></div>
<!--/////////////////////// - FIM PSION POWER - PSI-TRAITS- /////////////////////////-->
<!--/////////////////////////// - SECTION APTITUDE - ////////////////////////////////-->
<div class="pSection TCAptitude psion npcPsiPsionSource" id="section-psion-Aptitude">
<input type='hidden' name="attr_aptitude" class="aptitudeName">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
APTITUDE
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--++++++++++++++++++++++++++++++++++ - APTITUDE - +++++++++++++++++++++++++++++++++-->
<div class="aptitude">
<div class="aptitudeTitle flex jcCenter">
<select name="attr_aptitude" class="primaryColorFont">
<option value=null>APTITUDE NAME</option>
<option disabled>----------------</option>
<option value="biokinesis">BIOKINESIS</option>
<option value="clairsentience">CLAIRSENTIENCE</option>
<option value="electrokinesis">ELECTROKINESIS</option>
<option value="psychokinesis">PSYCHOKINESIS</option>
<option value="quantakinesis">QUANTAKINESIS</option>
<option value="telepathy">TELEPATHY</option>
<option value="teleportation">TELEPORTATION</option>
<option value="vitakinesis">VITAKINESIS</option>
</select>
</div>
<div class="sheet-2colrow" >
<div class="sheet-col basicMode secondaryColorBackground">
<input type="hidden" class="expanderFlag" value="0" name="attr_basic-mode_expand">
<div class="flex traitHeader jcSpaceBetween">
<div class="basicModeTitle">
<div class="basicModeBiokinesis">
Biosense
</div>
<div class="basicModeClairsentience">
Extended Attunement
</div>
<div class="basicModeElectrokinesis">
Sense Spectrum
</div>
<div class="basicModePsychokinesis">
Nudge
</div>
<div class="basicModeQuantakinesis">
Subquantum Sense
</div>
<div class="basicModeTelepathy">
Mindspeak
</div>
<div class="basicModeTeleportation">
Spatial Integrity
</div>
<div class="basicModeVitakinesis">
Knit
</div>
</div>
<div class="flex">
<div class="readerTrait basicModeCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_basic-mode-1-cost" class="inputLine"/>
</div>
<div class="flex">
<input type="checkbox" class="expander" name="attr_basic-mode_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
</div>
<div class="basic-modeExpandedArea">
<div class="flex jcSpaceBetween basicModeTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_basic-mode-1-permanent"/>
<div class="input-label">
Permanent
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_basic-mode-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_basic-mode-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
</div>
<textarea name="attr_basic-mode-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="sheet-col basicMode secondaryColorBackground">
<input type="hidden" class="expanderFlag" value="0" name="attr_basic-mode_expand">
<div class="flex traitHeader jcSpaceBetween">
<div class="basicModeTitle">
<div class="basicModeBiokinesis">
Form Mastery
</div>
<div class="basicModeClairsentience">
The Sight
</div>
<div class="basicModeElectrokinesis">
Burst
</div>
<div class="basicModePsychokinesis">
Distant Touch
</div>
<div class="basicModeQuantakinesis">
Psi Cloak
</div>
<div class="basicModeTelepathy">
Mindscan
</div>
<div class="basicModeTeleportation">
Spatial Sense
</div>
<div class="basicModeVitakinesis">
Kirlian Eye
</div>
</div>
<div class="flex">
<div class="readerTrait basicModeCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_basic-mode-2-cost" class="inputLine"/>
</div>
<div class="flex">
<input type="checkbox" class="expander" name="attr_basic-mode_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
</div>
<div class="basic-modeExpandedArea">
<div class="flex jcSpaceBetween basicModeTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_basic-mode-2-permanent"/>
<div class="input-label">
Permanent
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_basic-mode-2-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_basic-mode-2-commited"/>
<div class="input-label">
Commited
</div>
</div>
</div>
<textarea name="attr_basic-mode-2_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
</div>
<div class="aptitudeModes flex fColumn">
<div class="flex jcSpaceBetween">
<div class="aptitudeMode1 secondaryColorBackground">
<div class="aptitudeModeHeader">
<div class="flex aiCenter jcSpaceBetween nameDots">
<!-- <input type="text" name="attr_aptitude-mode-1_name" class="inputAptitudeModeName" placeholder=" " /> -->
<div class="inputAptitudeModeName pointerEventsNone">
<div class="basicModeBiokinesis">
Adaptation
</div>
<div class="basicModeClairsentience">
Psychometry
</div>
<div class="basicModeElectrokinesis">
Electromanipul.
</div>
<div class="basicModePsychokinesis">
Thermokinesis
</div>
<div class="basicModeQuantakinesis">
Energetics
</div>
<div class="basicModeTelepathy">
Rapport
</div>
<div class="basicModeTeleportation">
Translocation
</div>
<div class="basicModeVitakinesis">
Iatrosis
</div>
</div>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-1" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-1-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween radiusHalfMode">
<div class="readerTrait aptitudeRadius">
<div class="input-label">
Radius:
</div>
<input type="text" name="attr_aptitude-mode-1-radius" class="inputLine" />
</div>
<div class="readerTrait aptitudeHalfMode">
<div class="input-label">
Mode / 2:
</div>
<input type="text" name="attr_aptitude-mode-1-mode/2" class="inputLine" />
</div>
</div>
</div>
<div class="aptitudeModeLevelsContainer">
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-1-1" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-1" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-1-1" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-1-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-1-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-1-1-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-1-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-1-2" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-1" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-1-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-1-3-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-1-3-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-1-3-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-1-3_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-1-3" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-1" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-1-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-1-4-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-1-4-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-1-4-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-1-4_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-1-4" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-1" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-1-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-1-5-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-1-5-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-1-5-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-1-5_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-1-5" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-1" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-1-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-1-6-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-1-6-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-1-6-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-1-6_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel proxy npcPsiPsionSource">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-6_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-1-6" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-1" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-1-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNon proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-6_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-1-2-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-1-2-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-1-2-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-1-2_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
</div>
</div>
<div class="aptitudeMode2 secondaryColorBackground">
<div class="aptitudeModeHeader">
<div class="flex aiCenter jcSpaceBetween nameDots">
<!-- <input type="text" name="attr_aptitude-mode-2_name" class="inputAptitudeModeName" placeholder=" " /> -->
<div class="inputAptitudeModeName pointerEventsNone">
<div class="basicModeBiokinesis">
Psychomorph.
</div>
<div class="basicModeClairsentience">
Psycholocat.
</div>
<div class="basicModeElectrokinesis">
Photokinesis
</div>
<div class="basicModePsychokinesis">
Telekinesis
</div>
<div class="basicModeQuantakinesis">
Fundamentals
</div>
<div class="basicModeTelepathy">
Mindshare
</div>
<div class="basicModeTeleportation">
Transmassion
</div>
<div class="basicModeVitakinesis">
Augendis
</div>
</div>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-2" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-2-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween radiusHalfMode">
<div class="readerTrait aptitudeRadius">
<div class="input-label">
Radius:
</div>
<input type="text" name="attr_aptitude-mode-2-radius" class="inputLine" />
</div>
<div class="readerTrait aptitudeHalfMode">
<div class="input-label">
Mode / 2:
</div>
<input type="text" name="attr_aptitude-mode-2-mode/2" class="inputLine" />
</div>
</div>
</div>
<div class="aptitudeModeLevelsContainer">
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-2-1" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-2" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-2-1" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-2-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-2-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-2-1-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-2-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-2-2" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-2" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-2-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-2-2-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-2-2-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-2-2-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-2-2_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-2-3" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-2" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-2-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-2-3-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-2-3-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-2-3-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-2-3_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-2-4" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-2" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-2-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-2-4-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-2-4-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-2-4-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-2-4-description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-2-5" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-2" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-2-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-2-5-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-2-5-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-2-5-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-2-5_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel proxy npcPsiPsionSource">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-6_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-2-6" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-2" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-2-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-6_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-2-6-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-2-6-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-2-6-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-2-6_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
</div>
</div>
<div class="aptitudeMode3 secondaryColorBackground">
<div class="aptitudeModeHeader">
<div class="flex aiCenter jcSpaceBetween nameDots">
<!-- <input type="text" name="attr_aptitude-mode-3_name" class="inputAptitudeModeName" placeholder=" " /> -->
<div class="inputAptitudeModeName pointerEventsNone">
<div class="basicModeBiokinesis">
Transmogrify
</div>
<div class="basicModeClairsentience">
Psychocognit.
</div>
<div class="basicModeElectrokinesis">
Technokinesis
</div>
<div class="basicModePsychokinesis">
Perikinesis
</div>
<div class="basicModeQuantakinesis">
Transmutation
</div>
<div class="basicModeTelepathy">
Psychbending
</div>
<div class="basicModeTeleportation">
Transportal
</div>
<div class="basicModeVitakinesis">
Algesis
</div>
</div>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-3" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-3-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween radiusHalfMode">
<div class="readerTrait aptitudeRadius">
<div class="input-label">
Radius:
</div>
<input type="text" name="attr_aptitude-mode-3-radius" class="inputLine" />
</div>
<div class="readerTrait aptitudeHalfMode">
<div class="input-label">
Mode / 2:
</div>
<input type="text" name="attr_aptitude-mode-3-mode/2" class="inputLine" />
</div>
</div>
</div>
<div class="aptitudeModeLevelsContainer">
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-3-1" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-3" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-3-1" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-3-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-3-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-3-1-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-3-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-3-2" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-3" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-3-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-3-2-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-3-2-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-3-2-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-3-2_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-3-3" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-3" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-3-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-3-3-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-3-3-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-3-3-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-3-3_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-3-4" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-3" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-3-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-3-4-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-3-4-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-3-4-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-3-4-description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-3-5" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-3" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-3-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-3-5-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-3-5-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-3-5-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-3-5_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel proxy npcPsiPsionSource">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-6_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-3-6" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-3" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-3-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 pointerEventsNone proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-6_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-3-6-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-3-6-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-3-6-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-3-6_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
</div>
</div>
</div>
<div class="flex jcCenter aiCenter proxy npcPsiPsionSource">
<div class="line"></div>
<div class="aptitudeProxyLevel secondaryColorBackground">
<div class="aptitudeProxyLevelHeader flex jcCenter">
Proxy Level
</div>
<div class="aptitudeProxyLevelsContainer">
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeProxyLevel_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeProxyLevel" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitudeProxyLevel_dots" class="dot" value="0" />
<button type="action" name="act_aptitudeProxyLevel-dots-7" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitudeProxyLevel-dots-7" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitudeProxyLevel-dots-7" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitudeProxyLevel-dots-7" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitudeProxyLevel-dots-7" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitudeProxyLevel-dots-7" class="dot hexagon gt-0 fifthDot pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitudeProxyLevel-dots-7" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeProxyLevel_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudeProxyLevel-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudeProxyLevel-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudeProxyLevel-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudeProxyLevel_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
</div>
</div>
<div class="line"></div>
</div>
</div>
</div>
<!--++++++++++++++++++++++++++++++++ - FIM APTITUDE - +++++++++++++++++++++++++++++++-->
</div>
<div class="space1 psion npcPsiPsionSource"></div>
<!--///////////////////////// - FIM SECTION APTITUDE - //////////////////////////////-->
<!--/////////////////////////// - SECTION QUIN APTITUDE - ////////////////////////////////-->
<div class="pSection TCAptitude qin npcPsiQinSource" id="section-qin-Aptitude">
<input type='hidden' name="attr_qinaptitude" class="aptitudeName" value="telepathy">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
QIN APTITUDE
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--++++++++++++++++++++++++++++++++++ - APTITUDE - +++++++++++++++++++++++++++++++++-->
<div class="aptitude">
<div class="aptitudeTitle flex jcCenter">
<select name="attr_qinaptitude" class="primaryColorFont">
<option value="telepathy" selected>TELEPATHY</option>
</select>
</div>
<div class="sheet-2colrow" >
<div class="sheet-col basicMode secondaryColorBackground">
<input type="hidden" class="expanderFlag" value="0" name="attr_basic-mode_expand">
<div class="flex traitHeader jcSpaceBetween">
<div class="basicModeTitle">
<div class="basicModeTelepathy">
Mindspeak
</div>
</div>
<div class="flex">
<div class="readerTrait basicModeCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_basic-mode-1-cost" class="inputLine"/>
</div>
<div class="flex">
<input type="checkbox" class="expander" name="attr_basic-mode_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
</div>
<div class="basic-modeExpandedArea">
<div class="flex jcSpaceBetween basicModeTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_basic-mode-1-permanent"/>
<div class="input-label">
Permanent
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_basic-mode-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_basic-mode-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
</div>
<textarea name="attr_basic-mode-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="sheet-col basicMode secondaryColorBackground">
<input type="hidden" class="expanderFlag" value="0" name="attr_basic-mode_expand">
<div class="flex traitHeader jcSpaceBetween">
<div class="basicModeTitle">
<div class="basicModeTelepathy">
Mindscan
</div>
</div>
<div class="flex">
<div class="readerTrait basicModeCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_basic-mode-2-cost" class="inputLine"/>
</div>
<div class="flex">
<input type="checkbox" class="expander" name="attr_basic-mode_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
</div>
<div class="basic-modeExpandedArea">
<div class="flex jcSpaceBetween basicModeTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_basic-mode-2-permanent"/>
<div class="input-label">
Permanent
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_basic-mode-2-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_basic-mode-2-commited"/>
<div class="input-label">
Commited
</div>
</div>
</div>
<textarea name="attr_basic-mode-2_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
</div>
<div class="aptitudeModes flex fColumn">
<div class="flex jcSpaceBetween">
<div class="aptitudeMode1 secondaryColorBackground">
<div class="aptitudeModeHeader">
<div class="flex aiCenter jcSpaceBetween nameDots">
<!-- <input type="text" name="attr_aptitude-mode-1_name" class="inputAptitudeModeName" placeholder=" " /> -->
<div class="inputAptitudeModeName pointerEventsNone">
<div class="basicModeTelepathy">
Rapport
</div>
</div>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-1" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-1-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-3" class="dot hexagon gt-0 gt-1 gt-2 qinproxy npcPsiQinSource">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 qinproxy npcPsiQinSource">
<span class="checked"></span>
</button>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween radiusHalfMode">
<div class="readerTrait aptitudeRadius">
<div class="input-label">
Radius:
</div>
<input type="text" name="attr_aptitude-mode-1-radius" class="inputLine" />
</div>
<div class="readerTrait aptitudeHalfMode">
<div class="input-label">
Mode / 2:
</div>
<input type="text" name="attr_aptitude-mode-1-mode/2" class="inputLine" />
</div>
</div>
</div>
<div class="aptitudeModeLevelsContainer">
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-1-1" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-1" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-1-1" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-1-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-1-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-1-1-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-1-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-1-2" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-1" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-1-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-1-3-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-1-3-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-1-3-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-1-3_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel qinproxy npcPsiQinSource">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-1-3" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-1" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-1-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-1-4-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-1-4-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-1-4-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-1-4_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel qinproxy npcPsiQinSource">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-1-4" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-1" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-1-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-1-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-1-5-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-1-5-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-1-5-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-1-5_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
</div>
</div>
<div class="aptitudeMode2 secondaryColorBackground">
<div class="aptitudeModeHeader">
<div class="flex aiCenter jcSpaceBetween nameDots">
<!-- <input type="text" name="attr_aptitude-mode-2_name" class="inputAptitudeModeName" placeholder=" " /> -->
<div class="inputAptitudeModeName pointerEventsNone">
<div class="basicModeTelepathy">
Mindshare
</div>
</div>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-2" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-2-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-3" class="dot hexagon gt-0 gt-1 gt-2 qinproxy npcPsiQinSource">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 qinproxy npcPsiQinSource">
<span class="checked"></span>
</button>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween radiusHalfMode">
<div class="readerTrait aptitudeRadius">
<div class="input-label">
Radius:
</div>
<input type="text" name="attr_aptitude-mode-2-radius" class="inputLine" />
</div>
<div class="readerTrait aptitudeHalfMode">
<div class="input-label">
Mode / 2:
</div>
<input type="text" name="attr_aptitude-mode-2-mode/2" class="inputLine" />
</div>
</div>
</div>
<div class="aptitudeModeLevelsContainer">
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-2-1" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-2" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-2-1" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-2-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-2-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-2-1-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-2-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-2-2" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-2" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-2-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-2-2-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-2-2-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-2-2-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-2-2_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel qinproxy npcPsiQinSource">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-2-3" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-2" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-2-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-2-3-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-2-3-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-2-3-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-2-3_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel qinproxy npcPsiQinSource">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-2-4" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-2" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-2-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-2-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-2-4-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-2-4-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-2-4-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-2-4-description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
</div>
</div>
<div class="aptitudeMode3 secondaryColorBackground">
<div class="aptitudeModeHeader">
<div class="flex aiCenter jcSpaceBetween nameDots">
<!-- <input type="text" name="attr_aptitude-mode-3_name" class="inputAptitudeModeName" placeholder=" " /> -->
<div class="inputAptitudeModeName pointerEventsNone">
<div class="basicModeTelepathy">
Psychbending
</div>
</div>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-3" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-3-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-3" class="dot hexagon gt-0 gt-1 gt-2 qinproxy npcPsiQinSource">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 qinproxy npcPsiQinSource">
<span class="checked"></span>
</button>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween radiusHalfMode">
<div class="readerTrait aptitudeRadius">
<div class="input-label">
Radius:
</div>
<input type="text" name="attr_aptitude-mode-3-radius" class="inputLine" />
</div>
<div class="readerTrait aptitudeHalfMode">
<div class="input-label">
Mode / 2:
</div>
<input type="text" name="attr_aptitude-mode-3-mode/2" class="inputLine" />
</div>
</div>
</div>
<div class="aptitudeModeLevelsContainer">
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-3-1" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-3" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-3-1" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-3-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-3-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-3-1-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-3-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-3-2" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-3" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-3-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-3-2-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-3-2-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-3-2-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-3-2_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel qinproxy npcPsiQinSource">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-3-3" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-3" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-3-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-3-3-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-3-3-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-3-3-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-3-3_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel qinproxy npcPsiQinSource">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeModeLevel-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeModeLevel-3-4" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitude-mode-3" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-3-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitude-mode-3-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeModeLevel-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-3-4-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudemodelevel-3-4-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudemodelevel-3-4-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudemodelevel-3-4-description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
</div>
</div>
</div>
<div class="flex jcCenter aiCenter proxy npcPsiPsionSource">
<div class="line"></div>
<div class="aptitudeProxyLevel secondaryColorBackground">
<div class="aptitudeProxyLevelHeader flex jcCenter">
Proxy Level
</div>
<div class="aptitudeProxyLevelsContainer">
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_aptitudeProxyLevel_expand">
<div class="flex traitHeader">
<input type="text" name="attr_aptitudeProxyLevel" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_aptitudeProxyLevel_dots" class="dot" value="0" />
<button type="action" name="act_aptitudeProxyLevel-dots-7" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitudeProxyLevel-dots-7" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitudeProxyLevel-dots-7" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitudeProxyLevel-dots-7" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitudeProxyLevel-dots-7" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitudeProxyLevel-dots-7" class="dot hexagon gt-0 fifthDot pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_aptitudeProxyLevel-dots-7" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_aptitudeProxyLevel_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudeProxyLevel-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_aptitudeProxyLevel-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_aptitudeProxyLevel-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_aptitudeProxyLevel_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
</div>
</div>
<div class="line"></div>
</div>
</div>
</div>
<!--++++++++++++++++++++++++++++++++ - FIM APTITUDE - +++++++++++++++++++++++++++++++-->
</div>
<div class="space1 qin npcPsiQinSource"></div>
<!--///////////////////////// - FIM SECTION QUIN APTITUDE - //////////////////////////////-->
<!--///////////////////// - SECTION SECONDARY APTITUDES - //////////////////////////-->
<div class="pSection TCSecondaryAptitude psiad npcPsiPsiadSource" id="section-psiad-Aptitude">
<div class="customRepeating">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
APTITUDES
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--++++++++++++++++++++++++++++++++++ - APTITUDE - +++++++++++++++++++++++++++++++++-->
<fieldset class="repeating_secondaryaptitude">
<input type='hidden' name="attr_secondaryaptitude-trait-1" class="secondaryAptitudeName">
<input type='hidden' name="attr_secondaryaptitude-trait-2" class="secondaryAptitudeType">
<div class="secondaryAptitude aptitude">
<select name="attr_secondaryaptitude-trait-2" class="pathLabel primaryColorBackground colorFont">
<option value="priaptitude" selected>Primary Aptitude</option>
<option value="secaptitude">Secondary Aptitude</option>
<option value="innate">Innate</option>
</select>
<div class="aptitudeTitle flex jcCenter">
<select name="attr_secondaryaptitude-trait-1" class="primaryColorFont selectAptitude">
<option value=null>APTITUDE NAME</option>
<option disabled>----------------</option>
<option value="biokinesis">BIOKINESIS</option>
<option value="clairsentience">CLAIRSENTIENCE</option>
<option value="electrokinesis">ELECTROKINESIS</option>
<option value="psychokinesis">PSYCHOKINESIS</option>
<option value="quantakinesis">QUANTAKINESIS</option>
<option value="telepathy">TELEPATHY</option>
<option value="teleportation">TELEPORTATION</option>
<option value="vitakinesis">VITAKINESIS</option>
</select>
</div>
<div class="sheet-2colrow" >
<div class="sheet-col basicMode secondaryColorBackground">
<input type="hidden" class="expanderFlag" value="0" name="attr_secondaryaptitude-basic-mode_expand">
<div class="flex traitHeader jcSpaceBetween">
<div class="basicModeTitle">
<div class="basicModeBiokinesis">
Biosense
</div>
<div class="basicModeClairsentience">
Extended Attunement
</div>
<div class="basicModeElectrokinesis">
Sense Spectrum
</div>
<div class="basicModePsychokinesis">
Nudge
</div>
<div class="basicModeQuantakinesis">
Subquantum Sense
</div>
<div class="basicModeTelepathy">
Mindspeak
</div>
<div class="basicModeTeleportation">
Spatial Integrity
</div>
<div class="basicModeVitakinesis">
Knit
</div>
</div>
<div class="flex">
<div class="readerTrait basicModeCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_secondary-basic-mode-1-cost" class="inputLine"/>
</div>
<div class="flex">
<input type="checkbox" class="expander" name="attr_secondaryaptitude-basic-mode_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
</div>
<div class="basic-modeExpandedArea">
<div class="flex jcSpaceBetween basicModeTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-basic-mode-1-permanent"/>
<div class="input-label">
Permanent
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-basic-mode-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-basic-mode-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
</div>
<textarea name="attr_secondary-basic-mode-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="sheet-col basicMode secondaryColorBackground">
<input type="hidden" class="expanderFlag" value="0" name="attr_secondaryaptitude-basic-mode_expand">
<div class="flex traitHeader jcSpaceBetween">
<div class="basicModeTitle">
<div class="basicModeBiokinesis">
Form Mastery
</div>
<div class="basicModeClairsentience">
The Sight
</div>
<div class="basicModeElectrokinesis">
Burst
</div>
<div class="basicModePsychokinesis">
Distant Touch
</div>
<div class="basicModeQuantakinesis">
Psi Cloak
</div>
<div class="basicModeTelepathy">
Mindscan
</div>
<div class="basicModeTeleportation">
Spatial Sense
</div>
<div class="basicModeVitakinesis">
Kirlian Eye
</div>
</div>
<div class="flex">
<div class="readerTrait basicModeCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_secondary-basic-mode-2-cost" class="inputLine"/>
</div>
<div class="flex">
<input type="checkbox" class="expander" name="attr_secondaryaptitude-basic-mode_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
</div>
<div class="basic-modeExpandedArea">
<div class="flex jcSpaceBetween basicModeTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-basic-mode-2-permanent"/>
<div class="input-label">
Permanent
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-basic-mode-2-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-basic-mode-2-commited"/>
<div class="input-label">
Commited
</div>
</div>
</div>
<textarea name="attr_secondary-basic-mode-2_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
</div>
<div class="aptitudeModes flex fColumn">
<div class="flex jcSpaceBetween">
<div class="aptitudeMode1 secondaryColorBackground">
<div class="aptitudeModeHeader">
<div class="flex aiCenter jcSpaceBetween nameDots">
<!-- <input type="text" name="attr_secondary-aptitude-mode-1_name" class="inputAptitudeModeName" placeholder=" " /> -->
<div class="inputAptitudeModeName pointerEventsNone">
<div class="basicModeBiokinesis">
Adaptation
</div>
<div class="basicModeClairsentience">
Psychometry
</div>
<div class="basicModeElectrokinesis">
Electromanipul.
</div>
<div class="basicModePsychokinesis">
Thermokinesis
</div>
<div class="basicModeQuantakinesis">
Energetics
</div>
<div class="basicModeTelepathy">
Rapport
</div>
<div class="basicModeTeleportation">
Translocation
</div>
<div class="basicModeVitakinesis">
Iatrosis
</div>
</div>
<div class="dots">
<input type="hidden" name="attr_secondary-aptitude-mode-1-dots" class="dot" value="0" />
<button type="action" name="act_secondary-aptitude-mode-1-dots-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-1-dots-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-1-dots-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-1-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 advanced npcPsiPsiadSource">
<span class="checked"></span>
</button>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween radiusHalfMode">
<div class="readerTrait aptitudeRadius">
<div class="input-label">
Radius:
</div>
<input type="text" name="attr_secondary-aptitude-mode-1-radius" class="inputLine" />
</div>
<div class="readerTrait aptitudeHalfMode">
<div class="input-label">
Mode / 2:
</div>
<input type="text" name="attr_secondary-aptitude-mode-1-mode/2" class="inputLine" />
</div>
</div>
</div>
<div class="aptitudeModeLevelsContainer">
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_secondaryaptitude-aptitudemodelevel-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_secondary-aptitudemodelevel-1-1" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_secondary-aptitude-mode-1-dots" class="dot" value="0" />
<button type="action" name="act_aptitude-mode-1-1" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_secondaryaptitude-aptitudemodelevel-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-1-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-1-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_secondary-aptitudemodelevel-1-1-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_secondary-aptitudemodelevel-1-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_secondaryaptitude-aptitudemodelevel-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_secondary-aptitudemodelevel-1-2" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_secondary-aptitude-mode-1-dots" class="dot" value="0" />
<button type="action" name="act_secondary-aptitude-mode-1-dots-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-1-dots-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_secondaryaptitude-aptitudemodelevel-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-1-3-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-1-3-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_secondary-aptitudemodelevel-1-3-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_secondary-aptitudemodelevel-1-3_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_secondaryaptitude-aptitudemodelevel-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_secondary-aptitudemodelevel-1-3" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_secondary-aptitude-mode-1-dots" class="dot" value="0" />
<button type="action" name="act_secondary-aptitude-mode-1-dots-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-1-dots-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-1-dots-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_secondaryaptitude-aptitudemodelevel-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-1-4-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-1-4-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_secondary-aptitudemodelevel-1-4-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_secondary-aptitudemodelevel-1-4_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel advanced npcPsiPsiadSource">
<input type="hidden" class="expanderFlag" value="0" name="attr_secondaryaptitude-aptitudemodelevel-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_secondary-aptitudemodelevel-1-4" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_secondary-aptitude-mode-1-dots" class="dot" value="0" />
<button type="action" name="act_secondary-aptitude-mode-1-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-1-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-1-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-1-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_secondaryaptitude-aptitudemodelevel-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-1-4-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-1-4-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_secondary-aptitudemodelevel-1-4-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_secondary-aptitudemodelevel-1-4_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
</div>
</div>
<div class="aptitudeMode2 secondaryColorBackground">
<div class="aptitudeModeHeader">
<div class="flex aiCenter jcSpaceBetween nameDots">
<!-- <input type="text" name="attr_secondary-aptitude-mode-2_name" class="inputAptitudeModeName" placeholder=" " /> -->
<div class="inputAptitudeModeName pointerEventsNone">
<div class="basicModeBiokinesis">
Psychomorph.
</div>
<div class="basicModeClairsentience">
Psycholocat.
</div>
<div class="basicModeElectrokinesis">
Photokinesis
</div>
<div class="basicModePsychokinesis">
Telekinesis
</div>
<div class="basicModeQuantakinesis">
Fundamentals
</div>
<div class="basicModeTelepathy">
Mindshare
</div>
<div class="basicModeTeleportation">
Transmassion
</div>
<div class="basicModeVitakinesis">
Augendis
</div>
</div>
<div class="dots">
<input type="hidden" name="attr_secondary-aptitude-mode-2-dots" class="dot" value="0" />
<button type="action" name="act_secondary-aptitude-mode-2-dots-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-2-dots-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-2-dots-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-2-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 advanced npcPsiPsiadSource">
<span class="checked"></span>
</button>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween radiusHalfMode">
<div class="readerTrait aptitudeRadius">
<div class="input-label">
Radius:
</div>
<input type="text" name="attr_secondary-aptitude-mode-2-radius" class="inputLine" />
</div>
<div class="readerTrait aptitudeHalfMode">
<div class="input-label">
Mode / 2:
</div>
<input type="text" name="attr_secondary-aptitude-mode-2-mode/2" class="inputLine" />
</div>
</div>
</div>
<div class="aptitudeModeLevelsContainer">
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_secondaryaptitude-aptitudemodelevel-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_secondary-aptitudemodelevel-2-1" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_secondary-aptitude-mode-2-dots" class="dot" value="0" />
<button type="action" name="act_secondary-aptitude-mode-2-dots-1" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_secondaryaptitude-aptitudemodelevel-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-2-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-2-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_secondary-aptitudemodelevel-2-1-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_secondary-aptitudemodelevel-2-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_secondaryaptitude-aptitudemodelevel-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_secondary-aptitudemodelevel-2-2" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_secondary-aptitude-mode-2-dots" class="dot" value="0" />
<button type="action" name="act_secondary-aptitude-mode-2-dots-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-2-dots-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_secondaryaptitude-aptitudemodelevel-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-2-2-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-2-2-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_secondary-aptitudemodelevel-2-2-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_secondary-aptitudemodelevel-2-2_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_secondaryaptitude-aptitudemodelevel-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_secondary-aptitudemodelevel-2-3" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_secondary-aptitude-mode-2-dots" class="dot" value="0" />
<button type="action" name="act_secondary-aptitude-mode-2-dots-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-2-dots-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-2-dots-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_secondaryaptitude-aptitudemodelevel-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-2-3-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-2-3-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_secondary-aptitudemodelevel-2-3-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_secondary-aptitudemodelevel-2-3_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel advanced npcPsiPsiadSource">
<input type="hidden" class="expanderFlag" value="0" name="attr_secondaryaptitude-aptitudemodelevel-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_secondary-aptitudemodelevel-2-4" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_secondary-aptitude-mode-2-dots" class="dot" value="0" />
<button type="action" name="act_secondary-aptitude-mode-2-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-2-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-2-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-2-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_secondaryaptitude-aptitudemodelevel-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-2-4-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-2-4-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_secondary-aptitudemodelevel-2-4-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_secondary-aptitudemodelevel-2-4_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
</div>
</div>
<div class="aptitudeMode3 secondaryColorBackground">
<div class="aptitudeModeHeader">
<div class="flex aiCenter jcSpaceBetween nameDots">
<!-- <input type="text" name="attr_secondary-aptitude-mode-3_name" class="inputAptitudeModeName" placeholder=" " /> -->
<div class="inputAptitudeModeName pointerEventsNone">
<div class="basicModeBiokinesis">
Transmogrify
</div>
<div class="basicModeClairsentience">
Psychocognit.
</div>
<div class="basicModeElectrokinesis">
Technokinesis
</div>
<div class="basicModePsychokinesis">
Perikinesis
</div>
<div class="basicModeQuantakinesis">
Transmutation
</div>
<div class="basicModeTelepathy">
Psychbending
</div>
<div class="basicModeTeleportation">
Transportal
</div>
<div class="basicModeVitakinesis">
Algesis
</div>
</div>
<div class="dots">
<input type="hidden" name="attr_secondary-aptitude-mode-3-dots" class="dot" value="0" />
<button type="action" name="act_secondary-aptitude-mode-3-dots-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-3-dots-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-3-dots-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-3-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 advanced npcPsiPsiadSource">
<span class="checked"></span>
</button>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween radiusHalfMode">
<div class="readerTrait aptitudeRadius">
<div class="input-label">
Radius:
</div>
<input type="text" name="attr_secondary-aptitude-mode-3-radius" class="inputLine" />
</div>
<div class="readerTrait aptitudeHalfMode">
<div class="input-label">
Mode / 2:
</div>
<input type="text" name="attr_secondary-aptitude-mode-3-mode/2" class="inputLine" />
</div>
</div>
</div>
<div class="aptitudeModeLevelsContainer">
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_secondaryaptitude-aptitudemodelevel-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_secondary-aptitudemodelevel-3-1" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_secondary-aptitude-mode-3-dots" class="dot" value="0" />
<button type="action" name="act_secondary-aptitude-mode-3-dots-1" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_secondaryaptitude-aptitudemodelevel-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-3-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-3-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_secondary-aptitudemodelevel-3-1-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_secondary-aptitudemodelevel-3-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_secondaryaptitude-aptitudemodelevel-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_secondary-aptitudemodelevel-3-2" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_secondary-aptitude-mode-3-dots" class="dot" value="0" />
<button type="action" name="act_secondary-aptitude-mode-3-dots-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-3-dots-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_secondaryaptitude-aptitudemodelevel-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-3-2-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-3-2-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_secondary-aptitudemodelevel-3-2-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_secondary-aptitudemodelevel-3-2_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_secondaryaptitude-aptitudemodelevel-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_secondary-aptitudemodelevel-3-3" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_secondary-aptitude-mode-3-dots" class="dot" value="0" />
<button type="action" name="act_secondary-aptitude-mode-3-dots-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-3-dots-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-3-dots-3" class="dot hexagon gt-0 gt-1 gt-2 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_secondaryaptitude-aptitudemodelevel-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-3-3-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-3-3-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_secondary-aptitudemodelevel-3-3-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_secondary-aptitudemodelevel-3-3_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel advanced npcPsiPsiadSource">
<input type="hidden" class="expanderFlag" value="0" name="attr_secondaryaptitude-aptitudemodelevel-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_secondary-aptitudemodelevel-3-4" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_secondary-aptitude-mode-3-dots" class="dot" value="0" />
<button type="action" name="act_secondary-aptitude-mode-3-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-3-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-3-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_secondary-aptitude-mode-3-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_secondaryaptitude-aptitudemodelevel-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-3-4-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_secondary-aptitudemodelevel-3-4-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_secondary-aptitudemodelevel-3-4-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_secondary-aptitudemodelevel-3-4_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>
</div>
<!--++++++++++++++++++++++++++++++++ - FIM APTITUDE - +++++++++++++++++++++++++++++++-->
</div>
<div class="space1 psiad npcPsiPsiadSource"></div>
<!--/////////////////// - FIM SECTION SECONDARY APTITUDES - ////////////////////////-->
<!--//////////////////////// - SECTION APTITUDE MODE - /////////////////////////////-->
<div class="pSection TCauxiliaryModes psion npcPsiPsionSource" id="section-psion-AuxiliaryModes">
<div class="customRepeating auxiliaryModes">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
AUXILIARY MODES
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--+++++++++++++++++++++++++++++++ - APTITUDE MODE - ++++++++++++++++++++++++++++++-->
<fieldset class="repeating_auxiliary-mode">
<div class="flex jcSpaceBetween auxiliaryModeContainer">
<div class="auxiliaryMode secondaryColorBackground">
<input class="auxiliaryModeSelected" type="hidden" name="attr_auxiliarymode-aptitude-1-trait-1" value="none"/>
<div class="aptituleauxiliaryMode auxiliaryModeNone primaryColorFont">
NONE
</div>
<div class="aptituleauxiliaryMode auxiliaryModeBiokinesis primaryColorFont">
BIOKINESIS
</div>
<div class="aptituleauxiliaryMode auxiliaryModeClairsentience primaryColorFont">
CLAIRSENTIENCE
</div>
<div class="aptituleauxiliaryMode auxiliaryModeElectrokinesis primaryColorFont">
ELECTROKINESIS
</div>
<div class="aptituleauxiliaryMode auxiliaryModePsychokinesis primaryColorFont">
PSYCHOKINESIS
</div>
<div class="aptituleauxiliaryMode auxiliaryModeQuantakinesis primaryColorFont">
QUANTAKINESIS
</div>
<div class="aptituleauxiliaryMode auxiliaryModeTelepathy primaryColorFont">
TELEPATHY
</div>
<div class="aptituleauxiliaryMode auxiliaryModeTeleportation primaryColorFont">
TELEPORTATION
</div>
<div class="aptituleauxiliaryMode auxiliaryModeVitakinesis primaryColorFont">
VITAKINESIS
</div>
<div class="aptitudeModeHeader">
<div class="flex aiCenter jcSpaceBetween nameDots">
<!-- <input type="text" name="attr_aptitude-mode-1_name" class="inputAptitudeModeName" placeholder=" " /> -->
<select name="attr_auxiliarymode-aptitude-1-trait-1" class="inputAptitudeauxiliaryModeName">
<option value="none" selected></option>
<option disabled class="primaryColorBackground">BIOKINESIS</option>
<option value="adaptation">Adaptation</option>
<option value="psychomorph">Psychomorphing</option>
<option value="transmogrify">Transmogrify</option>
<option disabled class="primaryColorBackground">CLAIRSENTIENCE</option>
<option value="psychometry">Psychometry</option>
<option value="psycholocat">Psycholocation</option>
<option value="psychocognit">Psychocognition</option>
<option disabled class="primaryColorBackground">ELECTROKINESIS</option>
<option value="electromanipul">Electromanipulation</option>
<option value="photokinesis">Photokinesis</option>
<option value="technokinesis">Technokinesis</option>
<option disabled class="primaryColorBackground">PSYCHOKINESIS</option>
<option value="thermokinesis">Thermokinesis</option>
<option value="telekinesis">Telekinesis</option>
<option value="perikinesis">Perikinesis</option>
<option disabled class="primaryColorBackground">QUANTAKINESIS</option>
<option value="energetics">Energetics</option>
<option value="fundamentals">Fundamentals</option>
<option value="transmutation">Transmutation</option>
<option disabled class="primaryColorBackground">TELEPATHY</option>
<option value="rapport">Rapport</option>
<option value="mindshare">Mindshare</option>
<option value="psychbending">Psychbending</option>
<option disabled class="primaryColorBackground">TELEPORTATION</option>
<option value="translocation">Translocation</option>
<option value="transmassion">Transmassion</option>
<option value="transportal">Transportal</option>
<option disabled class="primaryColorBackground">VITAKINESIS</option>
<option value="iatrosis">Iatrosis</option>
<option value="augendis">Augendis</option>
<option value="algesis">Algesis</option>
</select>
<div class="dots">
<input type="hidden" name="attr_auxiliary-mode-1-dots" class="dot" value="0" />
<button type="action" name="act_auxiliary-mode-1-dots-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_auxiliary-mode-1-dots-2" class="dot hexagon gt-0 gt-1 proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
</div>
</div>
<div class="auxiliaryBar flex aiCenter jcSpaceBetween radiusHalfMode">
<div class="readerTrait aptitudeRadius">
<div class="input-label">
Radius:
</div>
<input type="text" name="attr_auxiliary-mode-1-radius" class="inputLine" />
</div>
<div class="readerTrait aptitudeHalfMode">
<div class="input-label">
Mode / 2:
</div>
<input type="text" name="attr_auxiliary-mode-1-mode/2" class="inputLine" />
</div>
</div>
</div>
<div class="aptitudeModeLevelsContainer">
<div class="aptitudeModeLevel basic">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-basic-1_expand">
<div class="flex traitHeader">
<div class="basicauxiliaryModeTitle inputLine">
<div class="auxiliaryBasicModeBiokinesis">
Biosense
</div>
<div class="auxiliaryBasicModeClairsentience">
Extended Attunement
</div>
<div class="auxiliaryBasicModeElectrokinesis">
Sense Spectrum
</div>
<div class="auxiliaryBasicModePsychokinesis">
Nudge
</div>
<div class="auxiliaryBasicModeQuantakinesis">
Subquantum Sense
</div>
<div class="auxiliaryBasicModeTelepathy">
Mindscan
</div>
<div class="auxiliaryBasicModeTeleportation">
Spatial Integrity
</div>
<div class="auxiliaryBasicModeVitakinesis">
Knit
</div>
</div>
<div class="basicLabel">
BASIC
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-basic-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-1-1-permanent"/>
<div class="input-label">
Permanent
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-basic-1-1-cost" class="inputLine"/>
</div>
</div>
</div>
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-1-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-1-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
</div>
<textarea name="attr_auxiliary-mode-basic-1-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel basic">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-basic-2_expand">
<div class="flex traitHeader">
<div class="basicauxiliaryModeTitle inputLine">
<div class="auxiliaryBasicModeBiokinesis">
Form Mastery
</div>
<div class="auxiliaryBasicModeClairsentience">
The Sight
</div>
<div class="auxiliaryBasicModeElectrokinesis">
Burst
</div>
<div class="auxiliaryBasicModePsychokinesis">
Distant Touch
</div>
<div class="auxiliaryBasicModeQuantakinesis">
Psi Cloak
</div>
<div class="auxiliaryBasicModeTelepathy">
Mindspeak
</div>
<div class="auxiliaryBasicModeTeleportation">
Spatial Sense
</div>
<div class="auxiliaryBasicModeVitakinesis">
Kirlian Eye
</div>
</div>
<div class="basicLabel">
BASIC
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-basic-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-1-2-permanent"/>
<div class="input-label">
Permanent
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-basic-1-2-cost" class="inputLine"/>
</div>
</div>
</div>
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-1-2-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-1-2-commited"/>
<div class="input-label">
Commited
</div>
</div>
</div>
<textarea name="attr_auxiliary-mode-basic-1-2_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-level-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_auxiliary-mode-1-level-1" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_auxiliary-mode-1-dots" class="dot" value="0" />
<button type="action" name="act_auxiliary-mode-1-dots-1" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-level-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-1-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-1-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-level-1-1-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_auxiliary-mode-level-1-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel proxy npcPsiPsionSource">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-level-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_auxiliary-mode-1-level-2" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_auxiliary-mode-1-dots" class="dot" value="0" />
<button type="action" name="act_auxiliary-mode-1-dots-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_auxiliary-mode-1-dots-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-level-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-1-2-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-1-2-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-level-1-2-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="aattr_auxiliary-mode-level-1-2_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
</div>
</div>
<div class="auxiliaryMode secondaryColorBackground">
<input class="auxiliaryModeSelected" type="hidden" name="attr_auxiliarymode-aptitude-2-trait-1" value="none"/>
<div class="aptituleauxiliaryMode auxiliaryModeNone primaryColorFont">
NONE
</div>
<div class="aptituleauxiliaryMode auxiliaryModeBiokinesis primaryColorFont">
BIOKINESIS
</div>
<div class="aptituleauxiliaryMode auxiliaryModeClairsentience primaryColorFont">
CLAIRSENTIENCE
</div>
<div class="aptituleauxiliaryMode auxiliaryModeElectrokinesis primaryColorFont">
ELECTROKINESIS
</div>
<div class="aptituleauxiliaryMode auxiliaryModePsychokinesis primaryColorFont">
PSYCHOKINESIS
</div>
<div class="aptituleauxiliaryMode auxiliaryModeQuantakinesis primaryColorFont">
QUANTAKINESIS
</div>
<div class="aptituleauxiliaryMode auxiliaryModeTelepathy primaryColorFont">
TELEPATHY
</div>
<div class="aptituleauxiliaryMode auxiliaryModeTeleportation primaryColorFont">
TELEPORTATION
</div>
<div class="aptituleauxiliaryMode auxiliaryModeVitakinesis primaryColorFont">
VITAKINESIS
</div>
<div class="aptitudeModeHeader">
<div class="flex aiCenter jcSpaceBetween nameDots">
<!-- <input type="text" name="attr_aptitude-mode-1_name" class="inputAptitudeModeName" placeholder=" " /> -->
<select name="attr_auxiliarymode-aptitude-2-trait-1" class="inputAptitudeauxiliaryModeName">
<option value="none" selected></option>
<option disabled class="primaryColorBackground">BIOKINESIS</option>
<option value="adaptation">Adaptation</option>
<option value="psychomorph">Psychomorphing</option>
<option value="transmogrify">Transmogrify</option>
<option disabled class="primaryColorBackground">CLAIRSENTIENCE</option>
<option value="psychometry">Psychometry</option>
<option value="psycholocat">Psycholocation</option>
<option value="psychocognit">Psychocognition</option>
<option disabled class="primaryColorBackground">ELECTROKINESIS</option>
<option value="electromanipul">Electromanipulation</option>
<option value="photokinesis">Photokinesis</option>
<option value="technokinesis">Technokinesis</option>
<option disabled class="primaryColorBackground">PSYCHOKINESIS</option>
<option value="thermokinesis">Thermokinesis</option>
<option value="telekinesis">Telekinesis</option>
<option value="perikinesis">Perikinesis</option>
<option disabled class="primaryColorBackground">QUANTAKINESIS</option>
<option value="energetics">Energetics</option>
<option value="fundamentals">Fundamentals</option>
<option value="transmutation">Transmutation</option>
<option disabled class="primaryColorBackground">TELEPATHY</option>
<option value="rapport">Rapport</option>
<option value="mindshare">Mindshare</option>
<option value="psychbending">Psychbending</option>
<option disabled class="primaryColorBackground">TELEPORTATION</option>
<option value="translocation">Translocation</option>
<option value="transmassion">Transmassion</option>
<option value="transportal">Transportal</option>
<option disabled class="primaryColorBackground">VITAKINESIS</option>
<option value="iatrosis">Iatrosis</option>
<option value="augendis">Augendis</option>
<option value="algesis">Algesis</option>
</select>
<div class="dots">
<input type="hidden" name="attr_auxiliary-mode-2-dots" class="dot" value="0" />
<button type="action" name="act_auxiliary-mode-2-dots-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_auxiliary-mode-2-dots-2" class="dot hexagon gt-0 gt-1 proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween radiusHalfMode auxiliaryBar">
<div class="readerTrait aptitudeRadius">
<div class="input-label">
Radius:
</div>
<input type="text" name="attr_auxiliary-mode-2-radius" class="inputLine" />
</div>
<div class="readerTrait aptitudeHalfMode">
<div class="input-label">
Mode / 2:
</div>
<input type="text" name="attr_auxiliary-mode-2-mode/2" class="inputLine" />
</div>
</div>
</div>
<div class="aptitudeModeLevelsContainer">
<div class="aptitudeModeLevel basic">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-basic-1_expand">
<div class="flex traitHeader">
<div class="basicauxiliaryModeTitle inputLine">
<div class="auxiliaryBasicModeBiokinesis">
Biosense
</div>
<div class="auxiliaryBasicModeClairsentience">
Extended Attunement
</div>
<div class="auxiliaryBasicModeElectrokinesis">
Sense Spectrum
</div>
<div class="auxiliaryBasicModePsychokinesis">
Nudge
</div>
<div class="auxiliaryBasicModeQuantakinesis">
Subquantum Sense
</div>
<div class="auxiliaryBasicModeTelepathy">
Mindscan
</div>
<div class="auxiliaryBasicModeTeleportation">
Spatial Integrity
</div>
<div class="auxiliaryBasicModeVitakinesis">
Knit
</div>
</div>
<div class="basicLabel">
BASIC
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-basic-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-2-1-permanent"/>
<div class="input-label">
Permanent
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-basic-2-1-cost" class="inputLine"/>
</div>
</div>
</div>
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-2-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-2-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
</div>
<textarea name="attr_auxiliary-mode-basic-2-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel basic">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-basic-2_expand">
<div class="flex traitHeader">
<div class="basicauxiliaryModeTitle inputLine">
<div class="auxiliaryBasicModeBiokinesis">
Form Mastery
</div>
<div class="auxiliaryBasicModeClairsentience">
The Sight
</div>
<div class="auxiliaryBasicModeElectrokinesis">
Burst
</div>
<div class="auxiliaryBasicModePsychokinesis">
Distant Touch
</div>
<div class="auxiliaryBasicModeQuantakinesis">
Psi Cloak
</div>
<div class="auxiliaryBasicModeTelepathy">
Mindspeak
</div>
<div class="auxiliaryBasicModeTeleportation">
Spatial Sense
</div>
<div class="auxiliaryBasicModeVitakinesis">
Kirlian Eye
</div>
</div>
<div class="basicLabel">
BASIC
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-basic-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-2-2-permanent"/>
<div class="input-label">
Permanent
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-basic-2-2-cost" class="inputLine"/>
</div>
</div>
</div>
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-2-2-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-2-2-commited"/>
<div class="input-label">
Commited
</div>
</div>
</div>
<textarea name="attr_auxiliary-mode-basic-2-2_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-level-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_auxiliary-mode-2-level-1" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_auxiliary-mode-2-dots" class="dot" value="0" />
<button type="action" name="act_auxiliary-mode-2-dots-1" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-level-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-2-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-2-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-level-2-1-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_auxiliary-mode-level-2-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel proxy npcPsiPsionSource">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-level-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_auxiliary-mode-2-level-2" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_auxiliary-mode-2-dots" class="dot" value="0" />
<button type="action" name="act_auxiliary-mode-2-dots-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_auxiliary-mode-2-dots-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-level-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-2-2-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-2-2-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-level-2-2-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="aattr_auxiliary-mode-level-2-2_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
</div>
</div>
<div class="auxiliaryMode secondaryColorBackground">
<input class="auxiliaryModeSelected" type="hidden" name="attr_auxiliarymode-aptitude-3-trait-1" value="none"/>
<div class="aptituleauxiliaryMode auxiliaryModeNone primaryColorFont">
NONE
</div>
<div class="aptituleauxiliaryMode auxiliaryModeBiokinesis primaryColorFont">
BIOKINESIS
</div>
<div class="aptituleauxiliaryMode auxiliaryModeClairsentience primaryColorFont">
CLAIRSENTIENCE
</div>
<div class="aptituleauxiliaryMode auxiliaryModeElectrokinesis primaryColorFont">
ELECTROKINESIS
</div>
<div class="aptituleauxiliaryMode auxiliaryModePsychokinesis primaryColorFont">
PSYCHOKINESIS
</div>
<div class="aptituleauxiliaryMode auxiliaryModeQuantakinesis primaryColorFont">
QUANTAKINESIS
</div>
<div class="aptituleauxiliaryMode auxiliaryModeTelepathy primaryColorFont">
TELEPATHY
</div>
<div class="aptituleauxiliaryMode auxiliaryModeTeleportation primaryColorFont">
TELEPORTATION
</div>
<div class="aptituleauxiliaryMode auxiliaryModeVitakinesis primaryColorFont">
VITAKINESIS
</div>
<div class="aptitudeModeHeader">
<div class="flex aiCenter jcSpaceBetween nameDots">
<!-- <input type="text" name="attr_aptitude-mode-1_name" class="inputAptitudeModeName" placeholder=" " /> -->
<select name="attr_auxiliarymode-aptitude-3-trait-1" class="inputAptitudeauxiliaryModeName">
<option value="none" selected></option>
<option disabled class="primaryColorBackground">BIOKINESIS</option>
<option value="adaptation">Adaptation</option>
<option value="psychomorph">Psychomorphing</option>
<option value="transmogrify">Transmogrify</option>
<option disabled class="primaryColorBackground">CLAIRSENTIENCE</option>
<option value="psychometry">Psychometry</option>
<option value="psycholocat">Psycholocation</option>
<option value="psychocognit">Psychocognition</option>
<option disabled class="primaryColorBackground">ELECTROKINESIS</option>
<option value="electromanipul">Electromanipulation</option>
<option value="photokinesis">Photokinesis</option>
<option value="technokinesis">Technokinesis</option>
<option disabled class="primaryColorBackground">PSYCHOKINESIS</option>
<option value="thermokinesis">Thermokinesis</option>
<option value="telekinesis">Telekinesis</option>
<option value="perikinesis">Perikinesis</option>
<option disabled class="primaryColorBackground">QUANTAKINESIS</option>
<option value="energetics">Energetics</option>
<option value="fundamentals">Fundamentals</option>
<option value="transmutation">Transmutation</option>
<option disabled class="primaryColorBackground">TELEPATHY</option>
<option value="rapport">Rapport</option>
<option value="mindshare">Mindshare</option>
<option value="psychbending">Psychbending</option>
<option disabled class="primaryColorBackground">TELEPORTATION</option>
<option value="translocation">Translocation</option>
<option value="transmassion">Transmassion</option>
<option value="transportal">Transportal</option>
<option disabled class="primaryColorBackground">VITAKINESIS</option>
<option value="iatrosis">Iatrosis</option>
<option value="augendis">Augendis</option>
<option value="algesis">Algesis</option>
</select>
<div class="dots">
<input type="hidden" name="attr_auxiliary-mode-3-dots" class="dot" value="0" />
<button type="action" name="act_auxiliary-mode-3-dots-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_auxiliary-mode-3-dots-2" class="dot hexagon gt-0 gt-1 proxy npcPsiPsionSource">
<span class="checked"></span>
</button>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween radiusHalfMode auxiliaryBar">
<div class="readerTrait aptitudeRadius">
<div class="input-label">
Radius:
</div>
<input type="text" name="attr_auxiliary-mode-3-radius" class="inputLine" />
</div>
<div class="readerTrait aptitudeHalfMode">
<div class="input-label">
Mode / 2:
</div>
<input type="text" name="attr_auxiliary-mode-3-mode/2" class="inputLine" />
</div>
</div>
</div>
<div class="aptitudeModeLevelsContainer">
<div class="aptitudeModeLevel basic">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-basic-1_expand">
<div class="flex traitHeader">
<div class="basicauxiliaryModeTitle inputLine">
<div class="auxiliaryBasicModeBiokinesis">
Biosense
</div>
<div class="auxiliaryBasicModeClairsentience">
Extended Attunement
</div>
<div class="auxiliaryBasicModeElectrokinesis">
Sense Spectrum
</div>
<div class="auxiliaryBasicModePsychokinesis">
Nudge
</div>
<div class="auxiliaryBasicModeQuantakinesis">
Subquantum Sense
</div>
<div class="auxiliaryBasicModeTelepathy">
Mindscan
</div>
<div class="auxiliaryBasicModeTeleportation">
Spatial Integrity
</div>
<div class="auxiliaryBasicModeVitakinesis">
Knit
</div>
</div>
<div class="basicLabel">
BASIC
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-basic-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-3-1-permanent"/>
<div class="input-label">
Permanent
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-basic-3-1-cost" class="inputLine"/>
</div>
</div>
</div>
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-3-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-3-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
</div>
<textarea name="attr_auxiliary-mode-basic-3-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel basic">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-basic-2_expand">
<div class="flex traitHeader">
<div class="basicauxiliaryModeTitle inputLine">
<div class="auxiliaryBasicModeBiokinesis">
Form Mastery
</div>
<div class="auxiliaryBasicModeClairsentience">
The Sight
</div>
<div class="auxiliaryBasicModeElectrokinesis">
Burst
</div>
<div class="auxiliaryBasicModePsychokinesis">
Distant Touch
</div>
<div class="auxiliaryBasicModeQuantakinesis">
Psi Cloak
</div>
<div class="auxiliaryBasicModeTelepathy">
Mindspeak
</div>
<div class="auxiliaryBasicModeTeleportation">
Spatial Sense
</div>
<div class="auxiliaryBasicModeVitakinesis">
Kirlian Eye
</div>
</div>
<div class="basicLabel">
BASIC
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-basic-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-3-2-permanent"/>
<div class="input-label">
Permanent
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-basic-3-2-cost" class="inputLine"/>
</div>
</div>
</div>
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-3-2-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-3-2-commited"/>
<div class="input-label">
Commited
</div>
</div>
</div>
<textarea name="attr_auxiliary-mode-basic-3-2_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-level-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_auxiliary-mode-3-level-1" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_auxiliary-mode-3-dots" class="dot" value="0" />
<button type="action" name="act_auxiliary-mode-3-dots-1" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-level-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-3-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-3-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-level-3-1-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_auxiliary-mode-level-3-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel proxy npcPsiPsionSource">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-level-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_auxiliary-mode-3-level-2" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_auxiliary-mode-3-dots" class="dot" value="0" />
<button type="action" name="act_auxiliary-mode-3-dots-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_auxiliary-mode-3-dots-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-level-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-3-2-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-3-2-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-level-3-2-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="aattr_auxiliary-mode-level-3-2_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
</div>
</div>
</div>
</fieldset>
<!--+++++++++++++++++++++++++++++ - FIM APTITUDE MODE - ++++++++++++++++++++++++++++-->
</div>
</div>
<div class="space1 psion npcPsiPsionSource"></div>
<!--////////////////////// - FIM SECTION APTITUDE MODE - ///////////////////////////-->
<!--//////////////////////// - SECTION APTITUDE MODE - /////////////////////////////-->
<div class="pSection TCauxiliaryModes qin npcPsiQinSource" id="section-qin-AuxiliaryModes">
<div class="customRepeating auxiliaryModes">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
AUXILIARY MODES
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--+++++++++++++++++++++++++++++++ - APTITUDE MODE - ++++++++++++++++++++++++++++++-->
<fieldset class="repeating_auxiliary-mode-qin">
<div class="flex jcSpaceBetween auxiliaryModeContainer">
<div class="auxiliaryMode secondaryColorBackground">
<input class="auxiliaryModeSelected" type="hidden" name="attr_auxiliarymode-aptitude-1-trait-1" value="none"/>
<div class="aptituleauxiliaryMode auxiliaryModeNone primaryColorFont">
NONE
</div>
<div class="aptituleauxiliaryMode auxiliaryModeBiokinesis primaryColorFont">
BIOKINESIS
</div>
<div class="aptituleauxiliaryMode auxiliaryModeClairsentience primaryColorFont">
CLAIRSENTIENCE
</div>
<div class="aptituleauxiliaryMode auxiliaryModePsychokinesis primaryColorFont">
PSYCHOKINESIS
</div>
<div class="aptitudeModeHeader">
<div class="flex aiCenter jcSpaceBetween nameDots">
<!-- <input type="text" name="attr_aptitude-mode-1_name" class="inputAptitudeModeName" placeholder=" " /> -->
<select name="attr_auxiliarymode-aptitude-1-trait-1" class="inputAptitudeauxiliaryModeName">
<option value="none" selected></option>
<option disabled class="primaryColorBackground">BIOKINESIS</option>
<option value="adaptation">Adaptation</option>
<option value="psychomorph">Psychomorphing</option>
<option value="transmogrify">Transmogrify</option>
<option disabled class="primaryColorBackground">CLAIRSENTIENCE</option>
<option value="psychometry">Psychometry</option>
<option value="psycholocat">Psycholocation</option>
<option value="psychocognit">Psychocognition</option>
<option disabled class="primaryColorBackground">PSYCHOKINESIS</option>
<option value="thermokinesis">Thermokinesis</option>
<option value="telekinesis">Telekinesis</option>
<option value="perikinesis">Perikinesis</option>
</select>
<div class="dots">
<input type="hidden" name="attr_auxiliary-mode-1-dots" class="dot" value="0" />
<button type="action" name="act_auxiliary-mode-1-dots-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_auxiliary-mode-1-dots-2" class="dot hexagon gt-0 gt-1 chosenBiokinesis">
<span class="checked"></span>
</button>
</div>
</div>
<div class="auxiliaryBar flex aiCenter jcSpaceBetween radiusHalfMode">
<div class="readerTrait aptitudeRadius">
<div class="input-label">
Radius:
</div>
<input type="text" name="attr_auxiliary-mode-1-radius" class="inputLine" />
</div>
<div class="readerTrait aptitudeHalfMode">
<div class="input-label">
Mode / 2:
</div>
<input type="text" name="attr_auxiliary-mode-1-mode/2" class="inputLine" />
</div>
</div>
</div>
<div class="aptitudeModeLevelsContainer">
<div class="aptitudeModeLevel basic">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-basic-1_expand">
<div class="flex traitHeader">
<div class="basicauxiliaryModeTitle inputLine">
<div class="auxiliaryBasicModeBiokinesis">
Biosense
</div>
<div class="auxiliaryBasicModeClairsentience">
Extended Attunement
</div>
<div class="auxiliaryBasicModeElectrokinesis">
Sense Spectrum
</div>
<div class="auxiliaryBasicModePsychokinesis">
Nudge
</div>
<div class="auxiliaryBasicModeQuantakinesis">
Subquantum Sense
</div>
<div class="auxiliaryBasicModeTelepathy">
Mindscan
</div>
<div class="auxiliaryBasicModeTeleportation">
Spatial Integrity
</div>
<div class="auxiliaryBasicModeVitakinesis">
Knit
</div>
</div>
<div class="basicLabel">
BASIC
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-basic-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-1-1-permanent"/>
<div class="input-label">
Permanent
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-basic-1-1-cost" class="inputLine"/>
</div>
</div>
</div>
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-1-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-1-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
</div>
<textarea name="attr_auxiliary-mode-basic-1-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel basic">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-basic-2_expand">
<div class="flex traitHeader">
<div class="basicauxiliaryModeTitle inputLine">
<div class="auxiliaryBasicModeBiokinesis">
Form Mastery
</div>
<div class="auxiliaryBasicModeClairsentience">
The Sight
</div>
<div class="auxiliaryBasicModeElectrokinesis">
Burst
</div>
<div class="auxiliaryBasicModePsychokinesis">
Distant Touch
</div>
<div class="auxiliaryBasicModeQuantakinesis">
Psi Cloak
</div>
<div class="auxiliaryBasicModeTelepathy">
Mindspeak
</div>
<div class="auxiliaryBasicModeTeleportation">
Spatial Sense
</div>
<div class="auxiliaryBasicModeVitakinesis">
Kirlian Eye
</div>
</div>
<div class="basicLabel">
BASIC
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-basic-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-1-2-permanent"/>
<div class="input-label">
Permanent
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-basic-1-2-cost" class="inputLine"/>
</div>
</div>
</div>
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-1-2-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-1-2-commited"/>
<div class="input-label">
Commited
</div>
</div>
</div>
<textarea name="attr_auxiliary-mode-basic-1-2_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-level-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_auxiliary-mode-1-level-1" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_auxiliary-mode-1-dots" class="dot" value="0" />
<button type="action" name="act_auxiliary-mode-1-dots-1" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-level-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-1-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-1-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-level-1-1-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_auxiliary-mode-level-1-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel chosenBiokinesis">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-level-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_auxiliary-mode-1-level-2" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_auxiliary-mode-1-dots" class="dot" value="0" />
<button type="action" name="act_auxiliary-mode-1-dots-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_auxiliary-mode-1-dots-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-level-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-1-2-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-1-2-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-level-1-2-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="aattr_auxiliary-mode-level-1-2_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
</div>
</div>
<div class="auxiliaryMode secondaryColorBackground">
<input class="auxiliaryModeSelected" type="hidden" name="attr_auxiliarymode-aptitude-2-trait-1" value="none"/>
<div class="aptituleauxiliaryMode auxiliaryModeNone primaryColorFont">
NONE
</div>
<div class="aptituleauxiliaryMode auxiliaryModeBiokinesis primaryColorFont">
BIOKINESIS
</div>
<div class="aptituleauxiliaryMode auxiliaryModeClairsentience primaryColorFont">
CLAIRSENTIENCE
</div>
<div class="aptituleauxiliaryMode auxiliaryModePsychokinesis primaryColorFont">
PSYCHOKINESIS
</div>
<div class="aptitudeModeHeader">
<div class="flex aiCenter jcSpaceBetween nameDots">
<!-- <input type="text" name="attr_aptitude-mode-1_name" class="inputAptitudeModeName" placeholder=" " /> -->
<select name="attr_auxiliarymode-aptitude-2-trait-1" class="inputAptitudeauxiliaryModeName">
<option value="none" selected></option>
<option disabled class="primaryColorBackground">BIOKINESIS</option>
<option value="adaptation">Adaptation</option>
<option value="psychomorph">Psychomorphing</option>
<option value="transmogrify">Transmogrify</option>
<option disabled class="primaryColorBackground">CLAIRSENTIENCE</option>
<option value="psychometry">Psychometry</option>
<option value="psycholocat">Psycholocation</option>
<option value="psychocognit">Psychocognition</option>
<option disabled class="primaryColorBackground">PSYCHOKINESIS</option>
<option value="thermokinesis">Thermokinesis</option>
<option value="telekinesis">Telekinesis</option>
<option value="perikinesis">Perikinesis</option>
</select>
<div class="dots">
<input type="hidden" name="attr_auxiliary-mode-2-dots" class="dot" value="0" />
<button type="action" name="act_auxiliary-mode-2-dots-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_auxiliary-mode-2-dots-2" class="dot hexagon gt-0 gt-1 chosenBiokinesis">
<span class="checked"></span>
</button>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween radiusHalfMode auxiliaryBar">
<div class="readerTrait aptitudeRadius">
<div class="input-label">
Radius:
</div>
<input type="text" name="attr_auxiliary-mode-2-radius" class="inputLine" />
</div>
<div class="readerTrait aptitudeHalfMode">
<div class="input-label">
Mode / 2:
</div>
<input type="text" name="attr_auxiliary-mode-2-mode/2" class="inputLine" />
</div>
</div>
</div>
<div class="aptitudeModeLevelsContainer">
<div class="aptitudeModeLevel basic">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-basic-1_expand">
<div class="flex traitHeader">
<div class="basicauxiliaryModeTitle inputLine">
<div class="auxiliaryBasicModeBiokinesis">
Biosense
</div>
<div class="auxiliaryBasicModeClairsentience">
Extended Attunement
</div>
<div class="auxiliaryBasicModeElectrokinesis">
Sense Spectrum
</div>
<div class="auxiliaryBasicModePsychokinesis">
Nudge
</div>
<div class="auxiliaryBasicModeQuantakinesis">
Subquantum Sense
</div>
<div class="auxiliaryBasicModeTelepathy">
Mindscan
</div>
<div class="auxiliaryBasicModeTeleportation">
Spatial Integrity
</div>
<div class="auxiliaryBasicModeVitakinesis">
Knit
</div>
</div>
<div class="basicLabel">
BASIC
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-basic-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-2-1-permanent"/>
<div class="input-label">
Permanent
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-basic-2-1-cost" class="inputLine"/>
</div>
</div>
</div>
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-2-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-2-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
</div>
<textarea name="attr_auxiliary-mode-basic-2-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel basic">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-basic-2_expand">
<div class="flex traitHeader">
<div class="basicauxiliaryModeTitle inputLine">
<div class="auxiliaryBasicModeBiokinesis">
Form Mastery
</div>
<div class="auxiliaryBasicModeClairsentience">
The Sight
</div>
<div class="auxiliaryBasicModeElectrokinesis">
Burst
</div>
<div class="auxiliaryBasicModePsychokinesis">
Distant Touch
</div>
<div class="auxiliaryBasicModeQuantakinesis">
Psi Cloak
</div>
<div class="auxiliaryBasicModeTelepathy">
Mindspeak
</div>
<div class="auxiliaryBasicModeTeleportation">
Spatial Sense
</div>
<div class="auxiliaryBasicModeVitakinesis">
Kirlian Eye
</div>
</div>
<div class="basicLabel">
BASIC
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-basic-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-2-2-permanent"/>
<div class="input-label">
Permanent
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-basic-2-2-cost" class="inputLine"/>
</div>
</div>
</div>
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-2-2-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-2-2-commited"/>
<div class="input-label">
Commited
</div>
</div>
</div>
<textarea name="attr_auxiliary-mode-basic-2-2_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-level-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_auxiliary-mode-2-level-1" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_auxiliary-mode-2-dots" class="dot" value="0" />
<button type="action" name="act_auxiliary-mode-2-dots-1" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-level-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-2-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-2-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-level-2-1-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_auxiliary-mode-level-2-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel chosenBiokinesis">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-level-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_auxiliary-mode-2-level-2" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_auxiliary-mode-2-dots" class="dot" value="0" />
<button type="action" name="act_auxiliary-mode-2-dots-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_auxiliary-mode-2-dots-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-level-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-2-2-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-2-2-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-level-2-2-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="aattr_auxiliary-mode-level-2-2_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
</div>
</div>
<div class="auxiliaryMode secondaryColorBackground">
<input class="auxiliaryModeSelected" type="hidden" name="attr_auxiliarymode-aptitude-3-trait-1" value="none"/>
<div class="aptituleauxiliaryMode auxiliaryModeNone primaryColorFont">
NONE
</div>
<div class="aptituleauxiliaryMode auxiliaryModeBiokinesis primaryColorFont">
BIOKINESIS
</div>
<div class="aptituleauxiliaryMode auxiliaryModeClairsentience primaryColorFont">
CLAIRSENTIENCE
</div>
<div class="aptituleauxiliaryMode auxiliaryModePsychokinesis primaryColorFont">
PSYCHOKINESIS
</div>
<div class="aptitudeModeHeader">
<div class="flex aiCenter jcSpaceBetween nameDots">
<!-- <input type="text" name="attr_aptitude-mode-1_name" class="inputAptitudeModeName" placeholder=" " /> -->
<select name="attr_auxiliarymode-aptitude-3-trait-1" class="inputAptitudeauxiliaryModeName">
<option value="none" selected></option>
<option disabled class="primaryColorBackground">BIOKINESIS</option>
<option value="adaptation">Adaptation</option>
<option value="psychomorph">Psychomorphing</option>
<option value="transmogrify">Transmogrify</option>
<option disabled class="primaryColorBackground">CLAIRSENTIENCE</option>
<option value="psychometry">Psychometry</option>
<option value="psycholocat">Psycholocation</option>
<option value="psychocognit">Psychocognition</option>
<option disabled class="primaryColorBackground">PSYCHOKINESIS</option>
<option value="thermokinesis">Thermokinesis</option>
<option value="telekinesis">Telekinesis</option>
<option value="perikinesis">Perikinesis</option>
</select>
<div class="dots">
<input type="hidden" name="attr_auxiliary-mode-3-dots" class="dot" value="0" />
<button type="action" name="act_auxiliary-mode-3-dots-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_auxiliary-mode-3-dots-2" class="dot hexagon gt-0 gt-1 chosenBiokinesis">
<span class="checked"></span>
</button>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween radiusHalfMode auxiliaryBar">
<div class="readerTrait aptitudeRadius">
<div class="input-label">
Radius:
</div>
<input type="text" name="attr_auxiliary-mode-3-radius" class="inputLine" />
</div>
<div class="readerTrait aptitudeHalfMode">
<div class="input-label">
Mode / 2:
</div>
<input type="text" name="attr_auxiliary-mode-3-mode/2" class="inputLine" />
</div>
</div>
</div>
<div class="aptitudeModeLevelsContainer">
<div class="aptitudeModeLevel basic">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-basic-1_expand">
<div class="flex traitHeader">
<div class="basicauxiliaryModeTitle inputLine">
<div class="auxiliaryBasicModeBiokinesis">
Biosense
</div>
<div class="auxiliaryBasicModeClairsentience">
Extended Attunement
</div>
<div class="auxiliaryBasicModeElectrokinesis">
Sense Spectrum
</div>
<div class="auxiliaryBasicModePsychokinesis">
Nudge
</div>
<div class="auxiliaryBasicModeQuantakinesis">
Subquantum Sense
</div>
<div class="auxiliaryBasicModeTelepathy">
Mindscan
</div>
<div class="auxiliaryBasicModeTeleportation">
Spatial Integrity
</div>
<div class="auxiliaryBasicModeVitakinesis">
Knit
</div>
</div>
<div class="basicLabel">
BASIC
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-basic-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-3-1-permanent"/>
<div class="input-label">
Permanent
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-basic-3-1-cost" class="inputLine"/>
</div>
</div>
</div>
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-3-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-3-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
</div>
<textarea name="attr_auxiliary-mode-basic-3-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel basic">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-basic-2_expand">
<div class="flex traitHeader">
<div class="basicauxiliaryModeTitle inputLine">
<div class="auxiliaryBasicModeBiokinesis">
Form Mastery
</div>
<div class="auxiliaryBasicModeClairsentience">
The Sight
</div>
<div class="auxiliaryBasicModeElectrokinesis">
Burst
</div>
<div class="auxiliaryBasicModePsychokinesis">
Distant Touch
</div>
<div class="auxiliaryBasicModeQuantakinesis">
Psi Cloak
</div>
<div class="auxiliaryBasicModeTelepathy">
Mindspeak
</div>
<div class="auxiliaryBasicModeTeleportation">
Spatial Sense
</div>
<div class="auxiliaryBasicModeVitakinesis">
Kirlian Eye
</div>
</div>
<div class="basicLabel">
BASIC
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-basic-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-3-2-permanent"/>
<div class="input-label">
Permanent
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-basic-3-2-cost" class="inputLine"/>
</div>
</div>
</div>
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-3-2-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-basic-3-2-commited"/>
<div class="input-label">
Commited
</div>
</div>
</div>
<textarea name="attr_auxiliary-mode-basic-3-2_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-level-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_auxiliary-mode-3-level-1" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_auxiliary-mode-3-dots" class="dot" value="0" />
<button type="action" name="act_auxiliary-mode-3-dots-1" class="dot hexagon gt-0 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-level-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-3-1-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-3-1-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-level-3-1-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="attr_auxiliary-mode-level-3-1_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
<div class="aptitudeModeLevel chosenBiokinesis">
<input type="hidden" class="expanderFlag" value="0" name="attr_auxiliary-mode-level-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_auxiliary-mode-3-level-2" class="inputLine"/>
<div class="dots">
<input type="hidden" name="attr_auxiliary-mode-3-dots" class="dot" value="0" />
<button type="action" name="act_auxiliary-mode-3-dots-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
<button type="action" name="act_auxiliary-mode-3-dots-2" class="dot hexagon gt-0 gt-1 pointerEventsNone">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_auxiliary-mode-level-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<div class="aptitudeModeExpandedArea">
<div class="flex jcSpaceBetween aptitudeModeLevelTraitBar">
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-3-2-reflexive"/>
<div class="input-label">
Reflexive
</div>
</div>
<div class="flex aiCenter">
<input type="checkbox" name="attr_auxiliary-mode-level-3-2-commited"/>
<div class="input-label">
Commited
</div>
</div>
<div class="flex">
<div class="readerTrait aptitudeModeLevelCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_auxiliary-mode-level-3-2-cost" class="inputLine"/>
</div>
</div>
</div>
<textarea name="aattr_auxiliary-mode-level-3-2_description" placeholder="Description" rows="4" spellcheck="false" class="description"></textarea>
</div>
</div>
</div>
</div>
</div>
</fieldset>
<!--+++++++++++++++++++++++++++++ - FIM APTITUDE MODE - ++++++++++++++++++++++++++++-->
</div>
</div>
<div class="space1 qin npcPsiQinSource"></div>
<!--////////////////////// - FIM SECTION APTITUDE MODE - ///////////////////////////-->
<!--////////////////////////////// - SECTION HEALTH- ////////////////////////////////-->
<div class="pTwinSection sheet-2colrow baseline talent nova superior psion psiad inspired" id="section-Condition--Injuries">
<div class="sheet-col ">
<!--++++++++++++++++++++++++++++ - SECTION CONDITIONS - +++++++++++++++++++++++++++++-->
<div class="conditions customRepeating">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
CONDITIONS
</div>
</div>
<!--================================= - FIM TITLE - =================================-->
<div class="effects"></div>
<!--================================- - CONDITIONS - ================================-->
<fieldset class="repeating_condition">
<div class="repeatingContainer">
<div class="flex traitHeader">
<input type="text" name="attr_condition-trait-1" class="inputLine condition-name" />
<div class="secondaryColorBackground flex conditionValue">
<input type="text" placeholder="0" name="attr_condition-trait-2" class="inputLine conditionNumber primaryColorFont" />
</div>
</div>
</div>
</fieldset>
</div>
<!--=============================- - FIM CONDITION - ==============================-->
</div>
<!--++++++++++++++++++++++++++ - FIM SECTION CONDITIONS - +++++++++++++++++++++++++-->
<div class="sheet-col">
<!--+++++++++++++++++++++++++++++++ - SECTION HEALTH - +++++++++++++++++++++++++++++-->
<div class="health customRepeating">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
INJURIES
</div>
</div>
<!--================================= - FIM TITLE - =================================-->
<div class="effects"></div>
<!--=================================- - HEALTH - ==================================-->
<fieldset class="repeating_injury">
<div class="repeatingContainer">
<div class="flex traitHeader">
<!-- <input name="attr_injury-trait-1"> -->
<input type="hidden" name="attr_injury-trait-1" class="injury-selectType" value =""/>
<input type="checkbox" name="attr_injury_checkbox" class="injury-checkbox" />
<select name="attr_injury-trait-1" class="inputBox secondaryColorBackground injury-selectType">
<option value ="" selected>Level</option>
<option value ="+1">Bruised</option>
<option value ="+2">Injured</option>
<option value ="+4">Maimed</option>
<option value ="+5">H.Armor</option>
<option value ="+0" hidden>TakenOut</option>
</select>
<div class="select-icon">▼</div>
<input type="text" name="attr_injury-trait-2" class="inputLine injury-name" />
<input type="text" name="attr_injury-trait-1" class="injuryValue"/>
</div>
</div>
</fieldset>
</div>
<!--===============================- - FIM HEALTH - ================================-->
</div>
<!--+++++++++++++++++++++++++++++ - FIM SECTION HEALTH - +++++++++++++++++++++++++++-->
</div>
<div class="space1 baseline talent nova superior psion psiad inspired"></div>
<!--/////////////////////////// - FIM SECTION HEALTH- //////////////////////////////-->
<!--////////////////////////////// - SECTION QIN HEALTH- ////////////////////////////////-->
<div class="pTwinSection sheet-2colrow qin" id="section-qin-Condition--Injuries">
<div class="sheet-col ">
<!--++++++++++++++++++++++++++++ - SECTION CONDITIONS - +++++++++++++++++++++++++++++-->
<div class="conditions customRepeating">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
CONDITIONS
</div>
</div>
<!--================================= - FIM TITLE - =================================-->
<div class="effects"></div>
<!--================================- - CONDITIONS - ================================-->
<fieldset class="repeating_conditionqin">
<div class="repeatingContainer">
<div class="flex traitHeader">
<input type="text" name="attr_conditionqin-trait-1" class="inputLine condition-name" />
<div class="secondaryColorBackground flex conditionValue">
<input type="text" placeholder="0" name="attr_conditionqin-trait-2" class="inputLine conditionNumber primaryColorFont" />
</div>
</div>
</div>
</fieldset>
</div>
<!--=============================- - FIM CONDITION - ==============================-->
</div>
<!--++++++++++++++++++++++++++ - FIM SECTION CONDITIONS - +++++++++++++++++++++++++-->
<div class="sheet-col">
<!--+++++++++++++++++++++++++++++++ - SECTION HEALTH - +++++++++++++++++++++++++++++-->
<div class="health customRepeating">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
INJURIES
</div>
</div>
<!--================================= - FIM TITLE - =================================-->
<div class="effects"></div>
<!--=================================- - HEALTH - ==================================-->
<fieldset class="repeating_injuryqin">
<div class="repeatingContainer">
<div class="flex traitHeader">
<!-- <input name="attr_injuryqin-trait-1"> -->
<input type="hidden" name="attr_injuryqin-trait-1" class="injury-selectType" value =""/>
<input type="checkbox" name="attr_injury_checkbox" class="injury-checkbox" />
<select name="attr_injuryqin-trait-1" class="inputBox secondaryColorBackground injury-selectType">
<option value ="" selected>Level</option>
<option value ="+1">Bruised</option>
<option value ="+4">Maimed</option>
<option value ="+5">H.Armor</option>
<option value ="+0" hidden>TakenOut</option>
</select>
<div class="select-icon">▼</div>
<input type="text" name="attr_injuryqin-trait-2" class="inputLine injury-name" />
<input type="text" name="attr_injuryqin-trait-1" class="injuryValue"/>
</div>
</div>
</fieldset>
</div>
<!--===============================- - FIM HEALTH - ================================-->
</div>
<!--+++++++++++++++++++++++++++++ - FIM SECTION HEALTH - +++++++++++++++++++++++++++-->
</div>
<div class="space1 qin"></div>
<!--/////////////////////////// - FIM SECTION QIN HEALTH- //////////////////////////////-->
<!--////////////////////////// - SECTION QTech HEALTH- ////////////////////////////-->
<div class="pTwinSection sheet-2colrow ftech qtech" id="section-Flaws--Health">
<div class="sheet-col">
<!--+++++++++++++++++++++++++++++++ - SECTION FLAWS - +++++++++++++++++++++++++++++++-->
<div class="flaws customRepeating">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
FLAWS
</div>
</div>
<!--================================= - FIM TITLE - =================================-->
<div class="effects"></div>
<!--===================================- - FLAW - ===================================-->
<fieldset class="repeating_flaw">
<div class="repeatingContainer">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_flaw_expand">
<div class="flex traitHeader">
<input type="text" name="attr_flaw-trait-1" class="inputLine"/>
<div class="dots flaws">
<input type="hidden" name="attr_flaw-dots" class="dot" value="0" />
<button type="action" name="act_flaw-dots-1" class="dot hexagon gt-0" checked>
<span class="checked"></span>
</button>
<button type="action" name="act_flaw-dots-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_flaw-dots-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_flaw-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_flaw-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_flaw_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_flaw_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</fieldset>
</div>
<!--================================- - FIM FLAW - =================================-->
</div>
<div class="sheet-col">
<!--+++++++++++++++++++++++++++++++ - SECTION HEALTH - +++++++++++++++++++++++++++++-->
<div class="health customRepeating">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
HEALTH
</div>
</div>
<!--================================= - FIM TITLE - =================================-->
<div class="effects"></div>
<!--=================================- - HEALTH - ==================================-->
<fieldset class="repeating_injurytech">
<div class="repeatingContainer">
<div class="flex traitHeader">
<input type="hidden" name="attr_injurytech-trait-1" class="injury-selectType"/>
<input type="checkbox" name="attr_injurytech_checkbox" class="injury-checkbox" />
<select name="attr_injurytech-trait-1" class="inputBox secondaryColorBackground injury-selectType">
<option value ="" selected>Level</option>
<option value ="+1">Glitch</option>
<option value ="+2">Malfunction</option>
<option value ="+4">Shutdown</option>
<option value ="+0" hidden>Destroyed</option>
</select>
<div class="select-icon">▼</div>
<input type="text" name="attr_injurytech-trait-2" class="inputLine injury-name" />
<input type="text" name="attr_injurytech-trait-1" class="injuryValue"/>
</div>
</div>
</fieldset>
</div>
<!--===============================- - FIM HEALTH - ================================-->
</div>
<!--+++++++++++++++++++++++++++++ - FIM SECTION HEALTH - +++++++++++++++++++++++++++-->
</div>
<div class="space1 ftech qtech"></div>
<!--/////////////////////// - FIM SECTION QTech HEALTH- //////////////////////////-->
<!--///////////////////////////// - SECTION PATHS- //////////////////////////////////-->
<div class="pSection TCPaths PC" id="section-Paths">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
PATHS
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--+++++++++++++++++++++++++++++++++++ - PATHS - +++++++++++++++++++++++++++++++++++-->
<div class="allPaths flex jcSpaceBetween">
<div class="pathSuperGroup flex jcSpaceBetween" style="scroll-behavior: smooth;">
<div class="initialPathGroup flex jcSpaceBetween">
<!--================================ - ORIGIN PATH - ================================-->
<div id="path1"></div>
<input type='hidden' name="attr_pathstatus-1" class="selectedPathStatus">
<div class="singlePath secondaryColorBackground">
<div class="flex jcSpaceBetween aiCenter">
<div class="pathLabel tertiaryColorBackground colorFont">
Origin Path
</div>
<select name="attr_pathstatus-1" class="pathStatus primaryColorFont">
<option value="active" selected>ACTIVE</option>
<option value="suspended">SUSPENDED</option>
<option value="revoked">REVOKED</option>
</select>
</div>
<div class="pathHeader flex aiCenter jcSpaceBetween">
<input type="text" name="attr_originPath_name" class="inputPathName" placeholder=" " />
<div class="dots">
<input type="hidden" name="attr_originPath" class="dot" value="1" />
<button type="action" name="act_originPath-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_originPath-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_originPath-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_originPath-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_originPath-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<input type="hidden" class="pathTabsToggle" name='attr_originPathTab' value='origin-connections'/>
<div class="pathTabButtons flex jcSpaceBetween">
<button type="action" name="act_origin-connections">
Connections
</button>
<button type="action" name="act_origin-skills">
Skills
</button>
<button type="action" name="act_origin-edges">
Edges
</button>
<button type="action" name="act_origin-story">
Story
</button>
</div>
<div class="pathTabContent">
<div class="connectionsTab">
<div class="readerTrait pathCommunity">
<div class="input-label">
Community:
</div>
<input type="text" name="attr_originpath_comunity_name" class="inputLine" />
</div>
<div class="readerTrait pathAcess">
<div class="input-label">
Access:
</div>
<input type="text" name="attr_originpath_comunity_acess" class="inputLine" />
</div>
<div class="pathContacts">
<div class="flex contactsTitle">
<div class="input-label">Contacts: </div>
<div class="input-label">Tags: </div>
</div>
<div class="flex singlePathContact jcSpaceBetween">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_originpathcontact_expand">
<div class="flex pathContactHeader">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_originpathcontact_expand">
<input type="text" title = "Add Contact" name="attr_originpath_contact_stt" class="pathContactName">
<div class="flex expanderContainer">
<input type="checkbox" class="expander" name="attr_originpathcontact_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_originpathcontact_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<input type="text" name="attr_originpath_contact_tag_stt" class="pathContactTag">
</div>
<fieldset class="repeating_orinPathContact">
<div class="flex singlePathContact jcSpaceBetween">
<input type="hidden" name="attr_originpath-trait-1" class="contactStatus" value=""/>
<input type="hidden" class="expanderFlagModal" value="0" name="attr_originpathrptcontact_expand">
<div class="flex pathContactHeader">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_originpathrptcontact_expand">
<input type="text" title = "Add Contact" name="attr_originpath-trait-1" class="pathContactName" placeholder="keyboard_return" value="">
<div class="flex expanderContainer">
<input type="checkbox" class="expander" name="attr_originpathrptcontact_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_originpathrptcontact_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<input type="text" name="attr_originpath_contact-trait-2" class="pathContactTag">
</div>
</fieldset>
</div>
</div>
<div class="skillsTab">
<div>
<div class="readerTrait pathCommunity">
<div class="input-label">
Related Skills:
</div>
</div>
<div class="flex jcSpaceBetween">
<select name="attr_related_originPath_skill-1" class="pathRelatedSkill">
<option selected>Skill</option>
<option value="aim">Aim</option>
<option value="athletics">Athletics</option>
<option value="closeCombat">C.Combat</option>
<option value="command">Command</option>
<option value="culture">Culture</option>
<option value="empathy">Empathy</option>
<option value="enigmas">Enigmas</option>
<option value="humanities">Humanities</option>
<option value="integrity">Integrity</option>
<option value="larceny">Larceny</option>
<option value="medicine">Medicine</option>
<option value="persuasion">Persuasion</option>
<option value="pilot">Pilot</option>
<option value="science">Science</option>
<option value="survival">Survival</option>
<option value="technology">Technology</option>
</select>
<select name="attr_related_originPath_skill-2" class="pathRelatedSkill">
<option selected>Skill</option>
<option value="aim">Aim</option>
<option value="athletics">Athletics</option>
<option value="closeCombat">C.Combat</option>
<option value="command">Command</option>
<option value="culture">Culture</option>
<option value="empathy">Empathy</option>
<option value="enigmas">Enigmas</option>
<option value="humanities">Humanities</option>
<option value="integrity">Integrity</option>
<option value="larceny">Larceny</option>
<option value="medicine">Medicine</option>
<option value="persuasion">Persuasion</option>
<option value="pilot">Pilot</option>
<option value="science">Science</option>
<option value="survival">Survival</option>
<option value="technology">Technology</option>
</select>
</div>
<div class="flex jcSpaceBetween">
<select name="attr_related_originPath_skill-3" class="pathRelatedSkill">
<option selected>Skill</option>
<option value="aim">Aim</option>
<option value="athletics">Athletics</option>
<option value="closeCombat">C.Combat</option>
<option value="command">Command</option>
<option value="culture">Culture</option>
<option value="empathy">Empathy</option>
<option value="enigmas">Enigmas</option>
<option value="humanities">Humanities</option>
<option value="integrity">Integrity</option>
<option value="larceny">Larceny</option>
<option value="medicine">Medicine</option>
<option value="persuasion">Persuasion</option>
<option value="pilot">Pilot</option>
<option value="science">Science</option>
<option value="survival">Survival</option>
<option value="technology">Technology</option>
</select>
<select name="attr_related_originPath_skill-4" class="pathRelatedSkill">
<option selected>Skill</option>
<option value="aim">Aim</option>
<option value="athletics">Athletics</option>
<option value="closeCombat">C.Combat</option>
<option value="command">Command</option>
<option value="culture">Culture</option>
<option value="empathy">Empathy</option>
<option value="enigmas">Enigmas</option>
<option value="humanities">Humanities</option>
<option value="integrity">Integrity</option>
<option value="larceny">Larceny</option>
<option value="medicine">Medicine</option>
<option value="persuasion">Persuasion</option>
<option value="pilot">Pilot</option>
<option value="science">Science</option>
<option value="survival">Survival</option>
<option value="technology">Technology</option>
</select>
</div>
</div>
<div class="talent inspired fColumn">
<div class="readerTrait pathCommunity">
<div class="input-label">
Related Attribute:
</div>
</div>
<div class="flex jcSpaceBetween">
<select name="attr_related_originPath_attribute-1" class="pathRelatedSkill">
<option selected>Attribute</option>
<option value="intellect">Intellect</option>
<option value="cunning">Cunning</option>
<option value="resolve">Resolve</option>
<option value="migth">Might</option>
<option value="dexterity">Dexterity</option>
<option value="stamina">Stamina</option>
<option value="presence">Presence</option>
<option value="manipulation">Manipulation</option>
<option value="composure">Composure</option>
</select>
</div>
</div>
</div>
<div class="edgesTab">
<div class="readerTrait pathCommunity">
<div class="input-label">
Related Edges:
</div>
</div>
<input class="pathRelatedEdge" name="attr_related_edge_originPath-0" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_originPath-1" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_originPath-2" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_originPath-3" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_originPath-4" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_originPath-5" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_originPath-6" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_originPath-7" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_originPath-8" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_originPath-9" type="text"/>
</div>
<div class="storyTab">
<div class="readerTrait">
<textarea name="attr_originpath_description" placeholder="Story" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
<!--============================== - FIM ORIGIN PATH - ==============================-->
<!--================================= - ROLE PATH - =================================-->
<input type='hidden' name="attr_pathstatus-2" class="selectedPathStatus">
<div class="singlePath secondaryColorBackground">
<div class="flex jcSpaceBetween aiCenter">
<div class="pathLabel tertiaryColorBackground colorFont">
Role Path
</div>
<select name="attr_pathstatus-2" class="pathStatus primaryColorFont">
<option value="active" selected>ACTIVE</option>
<option value="suspended">SUSPENDED</option>
<option value="revoked">REVOKED</option>
</select>
</div>
<div class="pathHeader flex aiCenter jcSpaceBetween">
<input type="text" name="attr_rolePath_name" class="inputPathName" placeholder=" " />
<div class="dots">
<input type="hidden" name="attr_rolePath" class="dot" value="1" />
<button type="action" name="act_rolePath-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_rolePath-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_rolePath-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_rolePath-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_rolePath-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<input type="hidden" class="pathTabsToggle" name='attr_rolePathTab' value='role-connections'/>
<div class="pathTabButtons flex jcSpaceBetween">
<button type="action" name="act_role-connections">
Connections
</button>
<button type="action" name="act_role-skills">
Skills
</button>
<button type="action" name="act_role-edges">
Edges
</button>
<button type="action" name="act_role-story">
Story
</button>
</div>
<div class="pathTabContent">
<div class="connectionsTab">
<div class="readerTrait pathCommunity">
<div class="input-label">
Community:
</div>
<input type="text" name="attr_rolepath_comunity_name" class="inputLine" />
</div>
<div class="readerTrait pathAcess">
<div class="input-label">
Access:
</div>
<input type="text" name="attr_rolepath_comunity_acess" class="inputLine" />
</div>
<div class="pathContacts">
<div class="flex contactsTitle">
<div class="input-label">Contacts: </div>
<div class="input-label">Tags: </div>
</div>
<div class="flex singlePathContact jcSpaceBetween">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_rolepathcontact_expand">
<div class="flex pathContactHeader">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_rolepathcontact_expand">
<input type="text" title = "Add Contact" name="attr_rolepath_contact_stt" class="pathContactName">
<div class="flex expanderContainer">
<input type="checkbox" class="expander" name="attr_rolepathcontact_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_rolepathcontact_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<input type="text" name="attr_rolepath_contact_tag_stt" class="pathContactTag">
</div>
<fieldset class="repeating_orinPathContact">
<div class="flex singlePathContact jcSpaceBetween">
<input type="hidden" name="attr_rolepath-trait-1" class="contactStatus" value=""/>
<input type="hidden" class="expanderFlagModal" value="0" name="attr_rolepathrptcontact_expand">
<div class="flex pathContactHeader">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_rolepathrptcontact_expand">
<input type="text" title = "Add Contact" name="attr_rolepath-trait-1" class="pathContactName" placeholder="keyboard_return" value="">
<div class="flex expanderContainer">
<input type="checkbox" class="expander" name="attr_rolepathrptcontact_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_rolepathrptcontact_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<input type="text" name="attr_rolepath_contact-trait-2" class="pathContactTag">
</div>
</fieldset>
</div>
</div>
<div class="skillsTab">
<div>
<div class="readerTrait pathCommunity">
<div class="input-label">
Related Skills:
</div>
</div>
<div class="flex jcSpaceBetween">
<select name="attr_related_rolepath_skill-1" class="pathRelatedSkill">
<option selected>Skill</option>
<option value="aim">Aim</option>
<option value="athletics">Athletics</option>
<option value="closeCombat">C.Combat</option>
<option value="command">Command</option>
<option value="culture">Culture</option>
<option value="empathy">Empathy</option>
<option value="enigmas">Enigmas</option>
<option value="humanities">Humanities</option>
<option value="integrity">Integrity</option>
<option value="larceny">Larceny</option>
<option value="medicine">Medicine</option>
<option value="persuasion">Persuasion</option>
<option value="pilot">Pilot</option>
<option value="science">Science</option>
<option value="survival">Survival</option>
<option value="technology">Technology</option>
</select>
<select name="attr_related_rolepath_skill-2" class="pathRelatedSkill">
<option selected>Skill</option>
<option value="aim">Aim</option>
<option value="athletics">Athletics</option>
<option value="closeCombat">C.Combat</option>
<option value="command">Command</option>
<option value="culture">Culture</option>
<option value="empathy">Empathy</option>
<option value="enigmas">Enigmas</option>
<option value="humanities">Humanities</option>
<option value="integrity">Integrity</option>
<option value="larceny">Larceny</option>
<option value="medicine">Medicine</option>
<option value="persuasion">Persuasion</option>
<option value="pilot">Pilot</option>
<option value="science">Science</option>
<option value="survival">Survival</option>
<option value="technology">Technology</option>
</select>
</div>
<div class="flex jcSpaceBetween">
<select name="attr_related_rolepath_skill-3" class="pathRelatedSkill">
<option selected>Skill</option>
<option value="aim">Aim</option>
<option value="athletics">Athletics</option>
<option value="closeCombat">C.Combat</option>
<option value="command">Command</option>
<option value="culture">Culture</option>
<option value="empathy">Empathy</option>
<option value="enigmas">Enigmas</option>
<option value="humanities">Humanities</option>
<option value="integrity">Integrity</option>
<option value="larceny">Larceny</option>
<option value="medicine">Medicine</option>
<option value="persuasion">Persuasion</option>
<option value="pilot">Pilot</option>
<option value="science">Science</option>
<option value="survival">Survival</option>
<option value="technology">Technology</option>
</select>
<select name="attr_related_rolepath_skill-4" class="pathRelatedSkill">
<option selected>Skill</option>
<option value="aim">Aim</option>
<option value="athletics">Athletics</option>
<option value="closeCombat">C.Combat</option>
<option value="command">Command</option>
<option value="culture">Culture</option>
<option value="empathy">Empathy</option>
<option value="enigmas">Enigmas</option>
<option value="humanities">Humanities</option>
<option value="integrity">Integrity</option>
<option value="larceny">Larceny</option>
<option value="medicine">Medicine</option>
<option value="persuasion">Persuasion</option>
<option value="pilot">Pilot</option>
<option value="science">Science</option>
<option value="survival">Survival</option>
<option value="technology">Technology</option>
</select>
</div>
</div>
<div class="talent inspired fColumn">
<div class="readerTrait pathCommunity">
<div class="input-label">
Related Attribute:
</div>
</div>
<div class="flex jcSpaceBetween">
<select name="attr_related_originPath_attribute-2" class="pathRelatedSkill">
<option selected>Attribute</option>
<option value="intellect">Intellect</option>
<option value="cunning">Cunning</option>
<option value="resolve">Resolve</option>
<option value="migth">Might</option>
<option value="dexterity">Dexterity</option>
<option value="stamina">Stamina</option>
<option value="presence">Presence</option>
<option value="manipulation">Manipulation</option>
<option value="composure">Composure</option>
</select>
</div>
</div>
</div>
<div class="edgesTab">
<div class="readerTrait pathCommunity">
<div class="input-label">
Related Edges:
</div>
</div>
<input class="pathRelatedEdge" name="attr_related_edge_rolePath-0" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_rolePath-1" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_rolePath-2" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_rolePath-3" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_rolePath-4" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_rolePath-5" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_rolePath-6" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_rolePath-7" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_rolePath-8" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_rolePath-9" type="text"/>
</div>
<div class="storyTab">
<div class="readerTrait">
<textarea name="attr_rolepath_description" placeholder="Story" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
<!--=============================== - FIM ROLE PATH - ===============================-->
<!--=============================== - SOCIETY PATH - ================================-->
<input type='hidden' name="attr_pathstatus-3" class="selectedPathStatus">
<div class="singlePath secondaryColorBackground">
<div class="flex jcSpaceBetween aiCenter">
<div class="pathLabel tertiaryColorBackground colorFont">
Society Path
</div>
<select name="attr_pathstatus-3" class="pathStatus primaryColorFont">
<option value="active" selected>ACTIVE</option>
<option value="suspended">SUSPENDED</option>
<option value="revoked">REVOKED</option>
</select>
</div>
<div class="pathHeader flex aiCenter jcSpaceBetween">
<input type="text" name="attr_societyPath_name" class="inputPathName" placeholder=" " />
<div class="dots">
<input type="hidden" name="attr_societyPath" class="dot" value="1" />
<button type="action" name="act_societyPath-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_societyPath-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_societyPath-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_societyPath-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_societyPath-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<input type="hidden" class="pathTabsToggle" name='attr_societyPathTab' value='society-connections'/>
<div class="pathTabButtons flex jcSpaceBetween">
<button type="action" name="act_society-connections">
Connections
</button>
<button type="action" name="act_society-skills">
Skills
</button>
<button type="action" name="act_society-edges">
Edges
</button>
<button type="action" name="act_society-story">
Story
</button>
</div>
<div class="pathTabContent">
<div class="connectionsTab">
<div class="readerTrait pathCommunity">
<div class="input-label">
Community:
</div>
<input type="text" name="attr_societypath_comunity_name" class="inputLine" />
</div>
<div class="readerTrait pathAcess">
<div class="input-label">
Access:
</div>
<input type="text" name="attr_societypath_comunity_acess" class="inputLine" />
</div>
<div class="pathContacts">
<div class="flex contactsTitle">
<div class="input-label">Contacts: </div>
<div class="input-label">Tags: </div>
</div>
<div class="flex singlePathContact jcSpaceBetween">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_societypathcontact_expand">
<div class="flex pathContactHeader">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_societypathcontact_expand">
<input type="text" title = "Add Contact" name="attr_societypath_contact_stt" class="pathContactName">
<div class="flex expanderContainer">
<input type="checkbox" class="expander" name="attr_societypathcontact_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_societypathcontact_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<input type="text" name="attr_societypath_contact_tag_stt" class="pathContactTag">
</div>
<fieldset class="repeating_orinPathContact">
<div class="flex singlePathContact jcSpaceBetween">
<input type="hidden" name="attr_societypath-trait-1" class="contactStatus" value=""/>
<input type="hidden" class="expanderFlagModal" value="0" name="attr_societypathrptcontact_expand">
<div class="flex pathContactHeader">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_societypathrptcontact_expand">
<input type="text" title = "Add Contact" name="attr_societypath-trait-1" class="pathContactName" placeholder="keyboard_return" value="">
<div class="flex expanderContainer">
<input type="checkbox" class="expander" name="attr_societypathrptcontact_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_societypathrptcontact_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<input type="text" name="attr_societypath_contact-trait-2" class="pathContactTag">
</div>
</fieldset>
</div>
</div>
<div class="skillsTab">
<div>
<div class="readerTrait pathCommunity">
<div class="input-label">
Related Skills:
</div>
</div>
<div class="flex jcSpaceBetween">
<select name="attr_related_societyPath_skill-1" class="pathRelatedSkill">
<option selected>Skill</option>
<option value="aim">Aim</option>
<option value="athletics">Athletics</option>
<option value="closeCombat">C.Combat</option>
<option value="command">Command</option>
<option value="culture">Culture</option>
<option value="empathy">Empathy</option>
<option value="enigmas">Enigmas</option>
<option value="humanities">Humanities</option>
<option value="integrity">Integrity</option>
<option value="larceny">Larceny</option>
<option value="medicine">Medicine</option>
<option value="persuasion">Persuasion</option>
<option value="pilot">Pilot</option>
<option value="science">Science</option>
<option value="survival">Survival</option>
<option value="technology">Technology</option>
</select>
<select name="attr_related_societyPath_skill-2" class="pathRelatedSkill">
<option selected>Skill</option>
<option value="aim">Aim</option>
<option value="athletics">Athletics</option>
<option value="closeCombat">C.Combat</option>
<option value="command">Command</option>
<option value="culture">Culture</option>
<option value="empathy">Empathy</option>
<option value="enigmas">Enigmas</option>
<option value="humanities">Humanities</option>
<option value="integrity">Integrity</option>
<option value="larceny">Larceny</option>
<option value="medicine">Medicine</option>
<option value="persuasion">Persuasion</option>
<option value="pilot">Pilot</option>
<option value="science">Science</option>
<option value="survival">Survival</option>
<option value="technology">Technology</option>
</select>
</div>
<div class="flex jcSpaceBetween">
<select name="attr_related_societyPath_skill-3" class="pathRelatedSkill">
<option selected>Skill</option>
<option value="aim">Aim</option>
<option value="athletics">Athletics</option>
<option value="closeCombat">C.Combat</option>
<option value="command">Command</option>
<option value="culture">Culture</option>
<option value="empathy">Empathy</option>
<option value="enigmas">Enigmas</option>
<option value="humanities">Humanities</option>
<option value="integrity">Integrity</option>
<option value="larceny">Larceny</option>
<option value="medicine">Medicine</option>
<option value="persuasion">Persuasion</option>
<option value="pilot">Pilot</option>
<option value="science">Science</option>
<option value="survival">Survival</option>
<option value="technology">Technology</option>
</select>
<select name="attr_related_societyPath_skill-4" class="pathRelatedSkill">
<option selected>Skill</option>
<option value="aim">Aim</option>
<option value="athletics">Athletics</option>
<option value="closeCombat">C.Combat</option>
<option value="command">Command</option>
<option value="culture">Culture</option>
<option value="empathy">Empathy</option>
<option value="enigmas">Enigmas</option>
<option value="humanities">Humanities</option>
<option value="integrity">Integrity</option>
<option value="larceny">Larceny</option>
<option value="medicine">Medicine</option>
<option value="persuasion">Persuasion</option>
<option value="pilot">Pilot</option>
<option value="science">Science</option>
<option value="survival">Survival</option>
<option value="technology">Technology</option>
</select>
</div>
</div>
<div class="talent inspired fColumn">
<div class="readerTrait pathCommunity">
<div class="input-label">
Related Attribute:
</div>
</div>
<div class="flex jcSpaceBetween">
<select name="attr_related_originPath_attribute-3" class="pathRelatedSkill">
<option selected>Attribute</option>
<option value="intellect">Intellect</option>
<option value="cunning">Cunning</option>
<option value="resolve">Resolve</option>
<option value="migth">Might</option>
<option value="dexterity">Dexterity</option>
<option value="stamina">Stamina</option>
<option value="presence">Presence</option>
<option value="manipulation">Manipulation</option>
<option value="composure">Composure</option>
</select>
</div>
</div>
</div>
<div class="edgesTab">
<div class="readerTrait pathCommunity">
<div class="input-label">
Related Edges:
</div>
</div>
<input class="pathRelatedEdge" name="attr_related_edge_societyPath-0" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_societyPath-1" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_societyPath-2" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_societyPath-3" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_societyPath-4" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_societyPath-5" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_societyPath-6" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_societyPath-7" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_societyPath-8" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_societyPath-9" type="text"/>
</div>
<div class="storyTab">
<div class="readerTrait">
<textarea name="attr_societypath_description" placeholder="Story" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
<!--============================= - FIM SOCIETY PATH - ==============================-->
</div>
<div class="extraPathGroup flex jcSpaceBetween">
<!--=============================== - EXTRA PATH 1 - ===============================-->
<input type='hidden' name="attr_pathstatus-4" class="selectedPathStatus">
<div class="singlePath">
<div class="flex jcSpaceBetween aiCenter">
<div class="pathLabel tertiaryColorBackground colorFont">
Extra Path
</div>
<select name="attr_pathstatus-4" class="pathStatus primaryColorFont">
<option value="active" selected>ACTIVE</option>
<option value="suspended">SUSPENDED</option>
<option value="revoked">REVOCKED</option>
</select>
</div>
<div class="pathHeader flex aiCenter jcSpaceBetween">
<input type="text" name="attr_extraPath-1_name" class="inputPathName" placeholder=" " />
<div class="dots">
<input type="hidden" name="attr_extraPath-1" class="dot" value="0" />
<button type="action" name="act_extraPath-1-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_extraPath-1-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_extraPath-1-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_extraPath-1-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_extraPath-1-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<input type="hidden" class="pathTabsToggle" name='attr_extraPath-1Tab' value='extraPath-1-connections'/>
<div class="pathTabButtons flex jcSpaceBetween">
<button type="action" name="act_extraPath-1-connections">
Connections
</button>
<button type="action" name="act_extraPath-1-skills">
Skills
</button>
<button type="action" name="act_extraPath-1-edges">
Edges
</button>
<button type="action" name="act_extraPath-1-story">
Story
</button>
</div>
<div class="pathTabContent">
<div class="connectionsTab">
<div class="readerTrait pathCommunity">
<div class="input-label">
Community:
</div>
<input type="text" name="attr_extraPath-1_comunity_name" class="inputLine" />
</div>
<div class="readerTrait pathAcess">
<div class="input-label">
Access:
</div>
<input type="text" name="attr_extraPath-1_comunity_acess" class="inputLine" />
</div>
<div class="pathContacts">
<div class="flex contactsTitle">
<div class="input-label">Contacts: </div>
<div class="input-label">Tags: </div>
</div>
<div class="flex singlePathContact jcSpaceBetween">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_extrapath1contact_expand">
<div class="flex pathContactHeader">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_extrapath1contact_expand">
<input type="text" title = "Add Contact" name="attr_extrapath1contact_stt" class="pathContactName">
<div class="flex expanderContainer">
<input type="checkbox" class="expander" name="attr_extrapath1contact_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_extrapath1contact_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<input type="text" name="attr_extrapath1_contact_tag_stt" class="pathContactTag">
</div>
<fieldset class="repeating_orinPathContact">
<div class="flex singlePathContact jcSpaceBetween">
<input type="hidden" name="attr_extrapath1-trait-1" class="contactStatus" value=""/>
<input type="hidden" class="expanderFlagModal" value="0" name="attr_extrapath1rptcontact_expand">
<div class="flex pathContactHeader">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_extrapath1rptcontact_expand">
<input type="text" title = "Add Contact" name="attr_extrapath1-trait-1" class="pathContactName" placeholder="keyboard_return" value="">
<div class="flex expanderContainer">
<input type="checkbox" class="expander" name="attr_extrapath1rptcontact_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_extrapath1rptcontact_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<input type="text" name="attr_extrapath1_contact-trait-2" class="pathContactTag">
</div>
</fieldset>
</div>
</div>
<div class="skillsTab">
<div>
<div class="readerTrait pathCommunity">
<div class="input-label">
Related Skills:
</div>
</div>
<div class="flex jcSpaceBetween">
<select name="attr_related_extraPath-1_skill-1" class="pathRelatedSkill">
<option selected>Skill</option>
<option value="aim">Aim</option>
<option value="athletics">Athletics</option>
<option value="closeCombat">C.Combat</option>
<option value="command">Command</option>
<option value="culture">Culture</option>
<option value="empathy">Empathy</option>
<option value="enigmas">Enigmas</option>
<option value="humanities">Humanities</option>
<option value="integrity">Integrity</option>
<option value="larceny">Larceny</option>
<option value="medicine">Medicine</option>
<option value="persuasion">Persuasion</option>
<option value="pilot">Pilot</option>
<option value="science">Science</option>
<option value="survival">Survival</option>
<option value="technology">Technology</option>
</select>
<select name="attr_related_extraPath-1_skill-2" class="pathRelatedSkill">
<option selected>Skill</option>
<option value="aim">Aim</option>
<option value="athletics">Athletics</option>
<option value="closeCombat">C.Combat</option>
<option value="command">Command</option>
<option value="culture">Culture</option>
<option value="empathy">Empathy</option>
<option value="enigmas">Enigmas</option>
<option value="humanities">Humanities</option>
<option value="integrity">Integrity</option>
<option value="larceny">Larceny</option>
<option value="medicine">Medicine</option>
<option value="persuasion">Persuasion</option>
<option value="pilot">Pilot</option>
<option value="science">Science</option>
<option value="survival">Survival</option>
<option value="technology">Technology</option>
</select>
</div>
<div class="flex jcSpaceBetween">
<select name="attr_related_extraPath-1_skill-3" class="pathRelatedSkill">
<option selected>Skill</option>
<option value="aim">Aim</option>
<option value="athletics">Athletics</option>
<option value="closeCombat">C.Combat</option>
<option value="command">Command</option>
<option value="culture">Culture</option>
<option value="empathy">Empathy</option>
<option value="enigmas">Enigmas</option>
<option value="humanities">Humanities</option>
<option value="integrity">Integrity</option>
<option value="larceny">Larceny</option>
<option value="medicine">Medicine</option>
<option value="persuasion">Persuasion</option>
<option value="pilot">Pilot</option>
<option value="science">Science</option>
<option value="survival">Survival</option>
<option value="technology">Technology</option>
</select>
<select name="attr_related_extraPath-1_skill-4" class="pathRelatedSkill">
<option selected>Skill</option>
<option value="aim">Aim</option>
<option value="athletics">Athletics</option>
<option value="closeCombat">C.Combat</option>
<option value="command">Command</option>
<option value="culture">Culture</option>
<option value="empathy">Empathy</option>
<option value="enigmas">Enigmas</option>
<option value="humanities">Humanities</option>
<option value="integrity">Integrity</option>
<option value="larceny">Larceny</option>
<option value="medicine">Medicine</option>
<option value="persuasion">Persuasion</option>
<option value="pilot">Pilot</option>
<option value="science">Science</option>
<option value="survival">Survival</option>
<option value="technology">Technology</option>
</select>
</div>
</div>
<div class="talent inspired fColumn">
<div class="readerTrait pathCommunity">
<div class="input-label">
Related Attribute:
</div>
</div>
<div class="flex jcSpaceBetween">
<select name="attr_related_extraPath-1_attribute" class="pathRelatedSkill">
<option selected>Attribute</option>
<option value="intellect">Intellect</option>
<option value="cunning">Cunning</option>
<option value="resolve">Resolve</option>
<option value="migth">Might</option>
<option value="dexterity">Dexterity</option>
<option value="stamina">Stamina</option>
<option value="presence">Presence</option>
<option value="manipulation">Manipulation</option>
<option value="composure">Composure</option>
</select>
</div>
</div>
</div>
<div class="edgesTab">
<div class="readerTrait pathCommunity">
<div class="input-label">
Related Edges:
</div>
</div>
<input class="pathRelatedEdge" name="attr_related_edge_extraPath-1-0" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_extraPath-1-1" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_extraPath-1-2" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_extraPath-1-3" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_extraPath-1-4" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_extraPath-1-5" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_extraPath-1-6" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_extraPath-1-7" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_extraPath-1-8" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_extraPath-1-9" type="text"/>
</div>
<div class="storyTab">
<div class="readerTrait">
<textarea name="attr_extraPath-1_description" placeholder="Story" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
<!--============================= - FIM EXTRA PATH 1 - =============================-->
<!--=============================== - EXTRA PATH 2 - ===============================-->
<input type='hidden' name="attr_pathstatus-5" class="selectedPathStatus">
<div class="singlePath">
<div class="flex jcSpaceBetween aiCenter">
<div class="pathLabel tertiaryColorBackground colorFont">
Extra Path
</div>
<select name="attr_pathstatus-5" class="pathStatus primaryColorFont">
<option value="active" selected>ACTIVE</option>
<option value="suspended">SUSPENDED</option>
<option value="revoked">REVOCKED</option>
</select>
</div>
<div class="pathHeader flex aiCenter jcSpaceBetween">
<input type="text" name="attr_extraPath-2_name" class="inputPathName" placeholder=" " />
<div class="dots">
<input type="hidden" name="attr_extraPath-2" class="dot" value="0" />
<button type="action" name="act_extraPath-2-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_extraPath-2-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_extraPath-2-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_extraPath-2-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_extraPath-2-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
<input type="hidden" class="pathTabsToggle" name='attr_extraPath-2Tab' value='extraPath-2-connections'/>
<div class="pathTabButtons flex jcSpaceBetween">
<button type="action" name="act_extraPath-2-connections">
Connections
</button>
<button type="action" name="act_extraPath-2-skills">
Skills
</button>
<button type="action" name="act_extraPath-2-edges">
Edges
</button>
<button type="action" name="act_extraPath-2-story">
Story
</button>
</div>
<div class="pathTabContent">
<div class="connectionsTab">
<div class="readerTrait pathCommunity">
<div class="input-label">
Community:
</div>
<input type="text" name="attr_extraPath-2_comunity_name" class="inputLine" />
</div>
<div class="readerTrait pathAcess">
<div class="input-label">
Access:
</div>
<input type="text" name="attr_extraPath-2_comunity_acess" class="inputLine" />
</div>
<div class="pathContacts">
<div class="flex contactsTitle">
<div class="input-label">Contacts: </div>
<div class="input-label">Tags: </div>
</div>
<div class="flex singlePathContact jcSpaceBetween">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_extrapath2contact_expand">
<div class="flex pathContactHeader">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_extrapath2contact_expand">
<input type="text" title = "Add Contact" name="attr_extrapath2contact_stt" class="pathContactName">
<div class="flex expanderContainer">
<input type="checkbox" class="expander" name="attr_extrapath2contact_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_extrapath2contact_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<input type="text" name="attr_extrapath2_contact_tag_stt" class="pathContactTag">
</div>
<fieldset class="repeating_orinPathContact">
<div class="flex singlePathContact jcSpaceBetween">
<input type="hidden" name="attr_extrapath2-trait-1" class="contactStatus" value=""/>
<input type="hidden" class="expanderFlagModal" value="0" name="attr_extrapath2rptcontact_expand">
<div class="flex pathContactHeader">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_extrapath2rptcontact_expand">
<input type="text" title = "Add Contact" name="attr_extrapath2-trait-1" class="pathContactName" placeholder="keyboard_return" value="">
<div class="flex expanderContainer">
<input type="checkbox" class="expander" name="attr_extrapath2rptcontact_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_extrapath2rptcontact_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<input type="text" name="attr_extrapath2_contact-trait-2" class="pathContactTag">
</div>
</fieldset>
</div>
</div>
<div class="skillsTab">
<div>
<div class="readerTrait pathCommunity">
<div class="input-label">
Related Skills:
</div>
</div>
<div class="flex jcSpaceBetween">
<select name="attr_related_extraPath-2_skill-1" class="pathRelatedSkill">
<option selected>Skill</option>
<option value="aim">Aim</option>
<option value="athletics">Athletics</option>
<option value="closeCombat">C.Combat</option>
<option value="command">Command</option>
<option value="culture">Culture</option>
<option value="empathy">Empathy</option>
<option value="enigmas">Enigmas</option>
<option value="humanities">Humanities</option>
<option value="integrity">Integrity</option>
<option value="larceny">Larceny</option>
<option value="medicine">Medicine</option>
<option value="persuasion">Persuasion</option>
<option value="pilot">Pilot</option>
<option value="science">Science</option>
<option value="survival">Survival</option>
<option value="technology">Technology</option>
</select>
<select name="attr_related_extraPath-2_skill-2" class="pathRelatedSkill">
<option selected>Skill</option>
<option value="aim">Aim</option>
<option value="athletics">Athletics</option>
<option value="closeCombat">C.Combat</option>
<option value="command">Command</option>
<option value="culture">Culture</option>
<option value="empathy">Empathy</option>
<option value="enigmas">Enigmas</option>
<option value="humanities">Humanities</option>
<option value="integrity">Integrity</option>
<option value="larceny">Larceny</option>
<option value="medicine">Medicine</option>
<option value="persuasion">Persuasion</option>
<option value="pilot">Pilot</option>
<option value="science">Science</option>
<option value="survival">Survival</option>
<option value="technology">Technology</option>
</select>
</div>
<div class="flex jcSpaceBetween">
<select name="attr_related_extraPath-2_skill-3" class="pathRelatedSkill">
<option selected>Skill</option>
<option value="aim">Aim</option>
<option value="athletics">Athletics</option>
<option value="closeCombat">C.Combat</option>
<option value="command">Command</option>
<option value="culture">Culture</option>
<option value="empathy">Empathy</option>
<option value="enigmas">Enigmas</option>
<option value="humanities">Humanities</option>
<option value="integrity">Integrity</option>
<option value="larceny">Larceny</option>
<option value="medicine">Medicine</option>
<option value="persuasion">Persuasion</option>
<option value="pilot">Pilot</option>
<option value="science">Science</option>
<option value="survival">Survival</option>
<option value="technology">Technology</option>
</select>
<select name="attr_related_extraPath-2_skill-4" class="pathRelatedSkill">
<option selected>Skill</option>
<option value="aim">Aim</option>
<option value="athletics">Athletics</option>
<option value="closeCombat">C.Combat</option>
<option value="command">Command</option>
<option value="culture">Culture</option>
<option value="empathy">Empathy</option>
<option value="enigmas">Enigmas</option>
<option value="humanities">Humanities</option>
<option value="integrity">Integrity</option>
<option value="larceny">Larceny</option>
<option value="medicine">Medicine</option>
<option value="persuasion">Persuasion</option>
<option value="pilot">Pilot</option>
<option value="science">Science</option>
<option value="survival">Survival</option>
<option value="technology">Technology</option>
</select>
</div>
</div>
<div class="talent inspired fColumn">
<div class="readerTrait pathCommunity">
<div class="input-label">
Related Attribute:
</div>
</div>
<div class="flex jcSpaceBetween">
<select name="attr_related_extraPath-2_attribute" class="pathRelatedSkill">
<option selected>Attribute</option>
<option value="intellect">Intellect</option>
<option value="cunning">Cunning</option>
<option value="resolve">Resolve</option>
<option value="migth">Might</option>
<option value="dexterity">Dexterity</option>
<option value="stamina">Stamina</option>
<option value="presence">Presence</option>
<option value="manipulation">Manipulation</option>
<option value="composure">Composure</option>
</select>
</div>
</div>
</div>
<div class="edgesTab">
<div class="readerTrait pathCommunity">
<div class="input-label">
Related Edges:
</div>
</div>
<input class="pathRelatedEdge" name="attr_related_edge_extraPath-2-0" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_extraPath-2-1" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_extraPath-2-2" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_extraPath-2-3" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_extraPath-2-4" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_extraPath-2-5" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_extraPath-2-6" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_extraPath-2-7" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_extraPath-2-8" type="text"/>
<input class="pathRelatedEdge" name="attr_related_edge_extraPath-2-9" type="text"/>
</div>
<div class="storyTab">
<div class="readerTrait">
<textarea name="attr_extraPath-2_description" placeholder="Story" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
<div id="path2"></div>
<!--============================= - FIM EXTRA PATH 2 - =============================-->
</div>
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM PATHS - +++++++++++++++++++++++++++++++++-->
<div class="flex buttonsSliderPath jcCenter">
<a class="secondaryColorBackground" href="#path1">
1
</a>
<a class="secondaryColorBackground" href="#path2">
2
</a>
</div>
</div>
<div class="space1 PC"></div>
<!--/////////////////////////// - FIM SECTION PATHS- ////////////////////////////////-->
<!--////////////////////////// - SECTION ANIMA PATHS- ///////////////////////////////-->
<div class="pSection TCPaths anima" id="section-anima-Paths">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
PATHS
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--+++++++++++++++++++++++++++++++++++ - PATHS - +++++++++++++++++++++++++++++++++++-->
<div class="allPaths flex jcSpaceBetween">
<div class="pathSuperGroup flex jcSpaceBetween">
<div class="initialPathGroup flex jcSpaceBetween">
<!--================================ - CULTURE PATH - ================================-->
<div class="singlePath secondaryColorBackground">
<div class="flex jcSpaceBetween aiCenter">
<div class="pathLabel tertiaryColorBackground colorFont">
Culture Path
</div>
</div>
<div class="pathHeader flex aiCenter jcSpaceBetween">
<input type="text" name="attr_originPath_name" class="inputPathName" placeholder=" " />
</div>
<input type="hidden" class="pathTabsToggle" name='attr_culturePathTab' value='culture-traits'/>
<div class="pathTabButtons flex jcSpaceBetween">
<button type="action" name="act_culture-traits">
Traits
</button>
<button type="action" name="act_culture-description">
Description
</button>
</div>
<div class="pathTabContent">
<div class="traitsTab">
<div class="animaRelatedSkill">
<div class="readerTrait pathCommunity">
<div class="input-label">
Related Skills:
</div>
</div>
<input class="pathRelatedEdge" name="attr_related_skill_cultureanimaPath-0" type="text"/>
<input class="pathRelatedEdge" name="attr_related_skill_cultureanimaPath-1" type="text"/>
<input class="pathRelatedEdge" name="attr_related_skill_cultureanimaPath-2" type="text"/>
<input class="pathRelatedEdge" name="attr_related_skill_cultureanimaPath-3" type="text"/>
<input class="pathRelatedEdge" name="attr_related_skill_cultureanimaPath-4" type="text"/>
<input class="pathRelatedEdge" name="attr_related_skill_cultureanimaPath-5" type="text"/>
</div>
<div class="animaAspect">
<div class="input-label">
Aspect:
</div>
<textarea name="attr_aspect_cultureanimaPath" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
<div class="descriptionTab">
<div class="readerTrait">
<textarea name="attr_culturepath_description" rows="4" spellcheck="false" class="expandedArea" placeholder="Description"></textarea>
</div>
</div>
</div>
</div>
<!--============================== - FIM CULTURE PATH - ==============================-->
<!--================================= - CLASS PATH - =================================-->
<div class="singlePath secondaryColorBackground">
<div class="flex jcSpaceBetween aiCenter">
<div class="pathLabel tertiaryColorBackground colorFont">
Class Path
</div>
</div>
<div class="pathHeader flex aiCenter jcSpaceBetween">
<input type="text" name="attr_rolePath_name" class="inputPathName" placeholder=" " />
</div>
<input type="hidden" class="pathTabsToggle" name='attr_classPathTab' value='class-traits1'/>
<div class="pathTabButtons flex jcSpaceBetween">
<button type="action" name="act_class-traits1">
Traits 1
</button>
<button type="action" name="act_class-traits2">
Traits 2
</button>
<button type="action" name="act_class-description">
Description
</button>
</div>
<div class="pathTabContent">
<div class="traits1Tab">
<div class="animaRelatedApproaches">
<div class="readerTrait pathCommunity">
<div class="input-label">
Approaches:
</div>
</div>
<div class="boxPoints flex jcSpaceBetween">
<div class="boxPoint flex fColumn jcCenter aiCenter secondaryColorBackground">
<div class="boxPointTitle">Force</div>
<input class="primaryColorFont" placeholder="00" type="number" name="attr_relatedapproaches_force">
</div>
<div class="boxPoint flex fColumn jcCenter aiCenter secondaryColorBackground">
<div class="boxPointTitle">Finesse</div>
<input class="primaryColorFont" placeholder="00" type="number" name="attr_relatedapproaches_finesse">
</div>
<div class="boxPoint flex fColumn jcCenter aiCenter secondaryColorBackground">
<div class="boxPointTitle">Resilnc</div>
<input class="primaryColorFont" placeholder="00" type="number" name="attr_relatedapproaches_resilience">
</div>
</div>
</div>
<div class="animaStartingHP">
<div class="readerTrait pathCommunity">
<div class="input-label">
Start. HP:
</div>
<div class="boxPoints flex jcSpaceBetween">
<div class="boxPoint flex fColumn jcCenter aiCenter secondaryColorBackground">
<input class="primaryColorFont" placeholder="00" type="number" name="attr_animastartinghp">
</div>
</div>
</div>
</div>
<div class="animaStartingEquipments">
<div class="readerTrait pathCommunity">
<div class="input-label">
Starting Equipments:
</div>
</div>
<input class="pathRelatedEdge" name="attr_starting_equipments_classanimaPath-0" type="text">
<input class="pathRelatedEdge" name="attr_starting_equipments_classanimaPath-1" type="text">
<input class="pathRelatedEdge" name="attr_starting_equipments_classanimaPath-2" type="text">
</div>
</div>
<div class="traits2Tab">
<div class="animaRelatedSkill">
<div class="readerTrait pathCommunity">
<div class="input-label">
Related Skills:
</div>
</div>
<input class="pathRelatedEdge" name="attr_related_skill_classanimaPath-0" type="text"/>
<input class="pathRelatedEdge" name="attr_related_skill_classanimaPath-1" type="text"/>
<input class="pathRelatedEdge" name="attr_related_skill_classanimaPath-2" type="text"/>
<input class="pathRelatedEdge" name="attr_related_skill_classanimaPath-3" type="text"/>
<input class="pathRelatedEdge" name="attr_related_skill_classanimaPath-4" type="text"/>
<input class="pathRelatedEdge" name="attr_related_skill_classanimaPath-5" type="text"/>
</div>
<div class="animaAspect">
<div class="input-label">
Aspect:
</div>
<textarea name="attr_aspect_classanimaPath" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
<div class="descriptionTab">
<div class="readerTrait">
<textarea name="attr_classpath_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
<!--=============================== - FIM CLASS PATH - ===============================-->
<!--=============================== - GUILD PATH - ================================-->
<input type='hidden' name="attr_guildpathstatus" class="selectedPathStatus">
<div class="singlePath secondaryColorBackground">
<div class="flex jcSpaceBetween aiCenter">
<div class="pathLabel tertiaryColorBackground colorFont">
Guild Path
</div>
<select name="attr_guildpathstatus" class="pathStatus primaryColorFont">
<option value="active" selected>ACTIVE</option>
<option value="suspended">SUSPENDED</option>
<option value="revoked">REVOCKED</option>
</select>
</div>
<div class="pathHeader flex aiCenter jcSpaceBetween">
<input type="text" name="attr_societyPath_name" class="inputPathName" placeholder=" " />
</div>
<input type="hidden" class="pathTabsToggle" name='attr_guildPathTab' value='guild-callInTheGuild'/>
<div class="pathTabButtons flex jcSpaceBetween">
<button type="action" name="act_guild-callInTheGuild">
Call in the Guild
</button>
<button type="action" name="act_guild-description">
Description
</button>
</div>
<div class="pathTabContent">
<div class="callInTheGuildTab">
<div class="animaCallInTheGuild">
<textarea name="attr_guildPath_callintheguild" placeholder="Call in the Guild" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
<div class="descriptionTab">
<div class="readerTrait">
<textarea name="attr_guildpath_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
<!--============================= - FIM GUILD PATH - ==============================-->
</div>
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM PATHS - +++++++++++++++++++++++++++++++++-->
</div>
<div class="space1 anima"></div>
<!--//////////////////////// - FIM SECTION ANIMA PATHS- /////////////////////////////-->
<!--/////////////////////////////// - SECTION MISC- ///////////////////////////////-->
<div class="pTwinSection reader sheet-2colrow PC" id="section-Notes--Aspirations">
<div class="sheet-col ">
<!--++++++++++++++++++++++++++++++ - SECTION NOTES - ++++++++++++++++++++++++++++++-->
<div class="notes">
<!--================================== - TITLE - ==================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
NOTES
</div>
</div>
<!--================================ - FIM TITLE - ===============================-->
<!--==================================- - NOTES - ================================-->
<textarea name="attr_notes" placeholder="Notes" rows="5" spellcheck="false" class="expandedArea"></textarea>
<!--===================--===========- - FIM NOTES - =====--=======================-->
</div>
</div>
<!--+++++++++++++++++++++++++++++ - FIM SECTION NOTES - ++++++++++++++++++++++++++-->
<div class="sheet-col ">
<!--+++++++++++++++++++++++++++++ - SECTION ASPIRATIONS - +++++++++++++++++++++++++++-->
<div class="aspirations customRepeating PC">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
ASPIRATIONS
</div>
</div>
<!--================================= - FIM TITLE - =================================-->
<!--================================- - ASPIRATIONS - ===============================-->
<fieldset class="repeating_aspiration">
<div class="repeatingContainer">
<div class="flex traitHeader">
<input type="checkbox" name="attr_aspiration_checkbox" class="aspiration-checkbox" />
<select name="attr_aspiration-trait-1" class="inputBox aspiration-TypeSelectors secondaryColorBackground">
<option value="short"selected>Short</option>
<option value="long">Long</option>
</select>
<div class="select-icon">▼</div>
<input type="text" name="attr_aspiration-trait-2" class="inputLine aspiration-name" />
</div>
</div>
</fieldset>
<div class="flex traitHeader">
<input type="checkbox" name="attr_aspiration_checkbox-stt" class="aspiration-checkbox" />
<select name="attr_aspiration-trait-1-stt" class="inputBox aspiration-TypeSelectors secondaryColorBackground noClick">
<option value="long">Long</option>
</select>
<input type="text" name="attr_aspiration-trait-2-stt" class="inputLine aspiration-name" />
</div>
</div>
<!--===============================- - FIM ASPIRATIONS - ===============================-->
</div>
<!--++++++++++++++++++++++++++++ - FIM SECTION ASPIRATIONS - +++++++++++++++++++++++++++-->
</div>
<!--/////////////////////////////// - FIM SECTION MISC- /////////////////////////////////-->
<!--//////////////////////////////// - NPC INITIALIZER - ///////////////////////////////-->
<input name="attr_primary_pool" type="hidden" value="0"/>
<input name="attr_secondary_pool" type="hidden" value="0"/>
<input name="attr_desperation_pool" type="hidden" value="0"/>
<input name="attr_npc_defense" type="hidden" value="0"/>
<input name="attr_npc_enhancements" type="hidden" value="0"/>
<!--///////////////////////////// - FIM NPC INITIALIZER - ////////////////////////////-->
<!--///////////////////////// - NPC - SOURCE/SOURCE TRAITS- //////////////////////////-->
<div class="pTwinSection sheet-2colrow npcGenericSource" id="section-Source--SideEffects">
<div class="sheet-col ">
<!--+++++++++++++++++++++++++++++++ - SECTION SOURCE - +++++++++++++++++++++++++++++-->
<div class="source flex aiCenter selectableTitle">
<!--================================== - TITLE - ==================================-->
<div class="title2 primaryColorBackground">
<input class="titleLabel colorFont" type="text" name="attr_npc_source_name" value="SOURCE"/>
</div>
<!--================================ - FIM TITLE - ===============================-->
<!--=================================- - CONTENT - ===============================-->
<div class="sourceDots flex fColumn jcCenter">
<div class="dots sourceMax jcSpaceBetween">
<input type="hidden" name="attr_npc-source" class="dot" value="0" />
<button type="action" name="act_npc-source-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-source-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-source-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-source-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-source-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-source-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-source-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-source-8" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-source-9" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
<button type="action" name="act_npc-source-10" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8 gt-9">
<span class="checked"></span>
</button>
</div>
<div class="divisor">
<div class="line"></div>
<div class="divisorLabel">Points</div>
<div class="line"></div>
</div>
</div>
<div class="boxPoints flex jcSpaceBetween">
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<div class="boxPointTitle">Current</div>
<input placeholder="00" class="primaryColorFont" type="number" name="attr_npc_source-current"/>
</div>
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<div class="boxPointTitle">Available</div>
<input placeholder="00" class="primaryColorFont" type="number" name="attr_npc_source-availabe"/>
</div>
</div>
<!--===================-===========- - FIM CONTENT - =====-=======================-->
</div>
</div>
<div class="sheet-col ">
<!--++++++++++++++++++++++++++++ - SECTION CONDITIONS - +++++++++++++++++++++++++++++-->
<div class="conditions customRepeating">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<input class="titleLabel colorFont" type="text" name="attr_npc_sideeffects_name" value="SIDE EFFECTS"/>
</div>
<!--================================= - FIM TITLE - =================================-->
<div class="effects"></div>
<!--================================- - CONDITIONS - ================================-->
<fieldset class="repeating_npcsideeffects">
<div class="repeatingContainer">
<div class="flex traitHeader">
<input type="text" name="attr_condition-trait-1" class="inputLine condition-name" />
<div class="secondaryColorBackground flex conditionValue">
<input type="text" placeholder="0" name="attr_condition-trait-2" class="inputLine conditionNumber primaryColorFont" />
</div>
</div>
</div>
</fieldset>
</div>
<!--++++++++++++++++++++++++++++ - FIM SECTION SOURCE - +++++++++++++++++++++++++++-->
</div>
</div>
<div class="space1 npcGenericSource"></div>
<!--////////////////////// - FIM NPC - SOURCE/SOURCE TRAITS- ////////////////////////-->
<!--/////////////////////////// - NPC - SUPERIOR POWER - ////////////////////////////////-->
<div class="pSection TCGenericPowers npcGenericSource" id="section-GenericPowers">
<div class="customRepeating mega-edge">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title2 primaryColorBackground">
<input class="titleLabel colorFont" type="text" name="attr_npc_genericPowers_name" value="POWERS"/>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--+++++++++++++++++++++++++++++++++ - MEGA EDGE - +++++++++++++++++++++++++++++++++-->
<fieldset class="repeating_genericpower">
<div class="sheet-2colrow">
<div class="sheet-col">
<input type="hidden" class="expanderFlag" value="0" name="attr_genericpower_expand">
<div class="superiorPower secondaryColorBackground">
<div class="flex traitHeader aiCenter fColumn">
<div class="flex aiCenter jcSpaceBetween megaEdgeTypeAndExpander">
<div class="flex">
<div class="tertiaryColorBackground colorFont pathLabel">Power</div>
<!-- <select name="attr_superiorpowertype-1" class="pathLabel tertiaryColorBackground colorFont">
<option value="power" selected>Superior Power</option>
<option value="technique">Physical</option>
<option value="technique">Mental</option>
<option value="technique">Social</option>
</select> -->
</div>
<div class="flex">
<input type="checkbox" class="expander" name="attr_genericpower_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween megaEdgeNameAndDots">
<input type="text" name="attr_superiorpower-1-trait-1" class="inputPathName" placeholder=" " />
<div class="dots">
<input type="hidden" name="attr_superiorpower-1-dots" class="dot" value="0" />
<button type="action" name="act_superiorpower-1-dots-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_superiorpower-1-dots-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_superiorpower-1-dots-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_superiorpower-1-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_superiorpower-1-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<div class="megaEdgeExpandedArea">
<input type="hidden" class="megaEdgeTabsToggle" name='attr_superiorpower-1-tab' value='superiorpower-1-description'/>
<div class="megaEdgeTabContent">
<div class="megaEdgeDescriptionTab fColumn">
<div class="flex megaEdgeTraitsHeader">
<div class="flex fColumn megaEdgeTraitColumn1">
<div class="readerTrait quantumPowerAction">
<div class="input-label">
Type:
</div>
<select name="attr_superiorpower-1-type" class="inputLine">
<option value=null></option>
<option value="physical">Physical</option>
<option value="mental">Mental</option>
<option value="social">Social</option>
</select>
</div>
<div class="input-label">
Description:
</div>
</div>
</div>
<div class="readerTrait">
<textarea name="attr_superiorpower-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sheet-col">
<input type="hidden" class="expanderFlag" value="0" name="attr_genericpower_expand">
<div class="superiorPower secondaryColorBackground">
<div class="flex traitHeader aiCenter fColumn">
<div class="flex aiCenter jcSpaceBetween megaEdgeTypeAndExpander">
<div class="flex">
<div class="tertiaryColorBackground colorFont pathLabel">Power</div>
<!-- <select name="attr_superiorpowertype-1" class="pathLabel tertiaryColorBackground colorFont">
<option value="power" selected>Superior Power</option>
<option value="technique">Physical</option>
<option value="technique">Mental</option>
<option value="technique">Social</option>
</select> -->
</div>
<div class="flex">
<input type="checkbox" class="expander" name="attr_genericpower_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="flex aiCenter jcSpaceBetween megaEdgeNameAndDots">
<input type="text" name="attr_superiorpower-2-trait-1" class="inputPathName" placeholder=" " />
<div class="dots">
<input type="hidden" name="attr_superiorpower-2-dots" class="dot" value="0" />
<button type="action" name="act_superiorpower-2-dots-1" class="dot hexagon gt-0">
<span class="checked"></span>
</button>
<button type="action" name="act_superiorpower-2-dots-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_superiorpower-2-dots-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_superiorpower-2-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_superiorpower-2-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
</div>
</div>
</div>
<div class="megaEdgeExpandedArea">
<input type="hidden" class="megaEdgeTabsToggle" name='attr_superiorpower-2-tab' value='superiorpower-2-description'/>
<div class="megaEdgeTabContent">
<div class="megaEdgeDescriptionTab fColumn">
<div class="flex megaEdgeTraitsHeader">
<div class="flex fColumn megaEdgeTraitColumn1">
<div class="readerTrait quantumPowerAction">
<div class="input-label">
Type:
</div>
<select name="attr_superiorpower-2-type" class="inputLine">
<option value=null></option>
<option value="physical">Physical</option>
<option value="mental">Mental</option>
<option value="social">Social</option>
</select>
</div>
<div class="input-label">
Description:
</div>
</div>
</div>
<div class="readerTrait">
<textarea name="attr_superiorpower-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>
<!--+++++++++++++++++++++++++++++++ - FIM MEGA EDGE - +++++++++++++++++++++++++++++++-->
</div>
</div>
<div class="space1 superior npcGenericSource"></div>
<!--//////////////////////// - NPC - FIM SUPERIOR POWER - //////////////////////////////-->
<!--///////////////////////// - TRANSPORT - TRAITS/HEALTH ////////////////////////////-->
<div class="pTwinSection headOtherTier sheet-2colrow transport equipment varg" id="section-Traits--Conditions-UniqueAbility">
<div class="sheet-col transport equipment varg otherTierTraits">
<!--+++++++++++++++++++++++++++++++ - SECTION TRAITS - +++++++++++++++++++++++++++++++-->
<div class="npc-traits">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
TRAITS
</div>
</div>
<!--================================= - FIM TITLE - =================================-->
<!--===================================- - TRAITS - ===================================-->
<div class="npcPools">
<div class="flex npcPool technologyType jcSpaceBetween aiCenter">
<div class="flex technologyTech">
<div class="input-label">
Tech:
</div>
<select name="attr_transporttech" class="inputLine secondaryColorBackground boxPoint primaryColorFont">
<option value="hard" selected>Hard</option>
<option value="noetic">Noetic</option>
</select>
</div>
<div class= "transportFT">
<div class="input-label">
F.T:
</div>
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_vehicle_ft"/>
</div>
</div>
</div>
<div class= "npcPool transportSize transport equipment">
<div class="input-label">
Size:
</div>
<div class="line"></div>
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_vehicle_size"/>
</div>
</div>
<div class= "npcPool transportWealth transport equipment">
<div class="input-label">
Wealth:
</div>
<div class="line"></div>
<div class="flex fColumn jcCenter aiCenter boxPoint secondaryColorBackground">
<!-- <input placeholder="00" class="primaryColorFont" type="number" name="attr_vehicle_wealth"/> -->
<input type='hidden' name="attr_vehicle_wealth" value="0" class="wealthValue">
<select class="primaryColorFont" name="attr_vehicle_wealth">
<option selected value="0">00</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="l">L</option>
</select>
</div>
</div>
<div class= "npcPool transportSize lifeSuportDays varg">
<div class="input-label">
Life Suport Days:
</div>
<div class="line"></div>
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_varg_lsd"/>
</div>
</div>
<div class= "npcPool transportSize baseSpeed varg">
<div class="input-label">
Base Speed:
</div>
<div class="line"></div>
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_varg_basespeed"/>
</div>
</div>
<div class="flex jcSpaceBetween npcDefenseEnhancements transport varg">
<div class="npcDefense flex aiCenter">
<div class="input-label">
Soft Armor:
</div>
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_vehicle_softarmor"/>
</div>
</div>
<div class="npcEnhancements flex">
<div class="input-label">
Hard Armor:
</div>
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_vehicle_hardarmor"/>
</div>
</div>
</div>
<div class="flex jcSpaceBetween aiCenter equipmentTypeRange subTypeWeapon subTypeGear">
<!-- <div class="flex technologyTech aiCenter subTypeWeapon">
<div class="input-label alt">
Type:
</div>
<select name="attr_equipment_typeweapon" class="inputLine secondaryColorBackground boxPoints primaryColorFont">
<option value="ballistic" selected>Ballistic</option>
<option value="edge">Edge</option>
<option value="blunt">Blunt</option>
</select>
</div> -->
<div class= "flex technologyTech aiCenter equipmentRange subTypeWeapon">
<div class="input-label">
Effective Range:
</div>
<div class="line"></div>
<select name="attr_weapon_range1" class="inputLine secondaryColorBackground boxPoint primaryColorFont">
<option value="none" selected>-</option>
<option value="close">Close</option>
<option value="short">Short</option>
<option value="medium">Medium</option>
<option value="long">Long</option>
<option value="extreme">Extreme</option>
</select>
<div class="input-label">to
</div>
<select name="attr_weapon_range2" class="inputLine secondaryColorBackground boxPoint primaryColorFont">
<option value="none" selected>-</option>
<option value="close">Close</option>
<option value="short">Short</option>
<option value="medium">Medium</option>
<option value="long">Long</option>
<option value="extreme">Extreme</option>
</select>
</div>
<div class= "flex technologyTech aiCenter subTypeGear">
<div class="input-label">
Range:
</div>
<div class="line"></div>
<select name="attr_weapon_gear1" class="inputLine secondaryColorBackground boxPoint primaryColorFont">
<option value="close" selected>Close</option>
<option value="short">Short</option>
<option value="medium">Medium</option>
<option value="long">Long</option>
<option value="extreme">Extreme</option>
</select>
</div>
</div>
<div class="flex jcSpaceBetween aiCenter equipmentArmorResistant subTypeArmor">
<div class="npcEnhancements aiCenter flex">
<input type="checkbox" name="attr_equipment_bulletresist_checkbox" class="injury-checkbox">
<div class="input-label">
Bullet-rst.
</div>
</div>
<div class="npcEnhancements aiCenter flex">
<input type="checkbox" name="attr_equipment_impactresist_checkbox" class="injury-checkbox">
<div class="input-label">
Impact-rst.
</div>
</div>
<div class="npcEnhancements aiCenter flex">
<input type="checkbox" name="attr_equipment_slashresist_checkbox" class="injury-checkbox">
<div class="input-label">
Slash-rst.
</div>
</div>
</div>
</div>
</div>
<!--================================- - FIM TRAITS - =================================-->
</div>
<div class="sheet-col transport equipment otherTierConditions">
<!--++++++++++++++++++++++++++++ - SECTION CONDITIONS - +++++++++++++++++++++++++++++-->
<div class="conditions customRepeating">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont transport">
CONDITIONS
</div>
<div class="titleLabel colorFont equipment">
MODIFIERS
</div>
</div>
<!--================================= - FIM TITLE - =================================-->
<div class="effects"></div>
<!--================================- - CONDITIONS - ================================-->
<fieldset class="repeating_transporterconditions">
<div class="repeatingContainer">
<div class="flex traitHeader">
<input type="text" name="attr_condition-trait-1" class="inputLine condition-name" />
<div class="secondaryColorBackground flex conditionValue">
<input type="text" placeholder="0" name="attr_condition-trait-2" class="inputLine conditionNumber primaryColorFont" />
</div>
</div>
</div>
</fieldset>
</div>
<!--=============================- - FIM CONDITION - ==============================-->
</div>
<div class="sheet-col varg otherTierUniqueAbility">
<!--++++++++++++++++++++++++++++++ - SECTION NOTES - ++++++++++++++++++++++++++++++-->
<div class="notes">
<!--================================== - TITLE - ==================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
UNIQUE ABILITY
</div>
</div>
<!--================================ - FIM TITLE - ===============================-->
<!--==================================- - NOTES - ================================-->
<textarea name="attr_uniqueAbility" placeholder="Description" rows="5" spellcheck="false" class="expandedArea secondaryColorBackground primaryColorFont"></textarea>
<!--===================--===========- - FIM NOTES - =====--=======================-->
</div>
</div>
<!--++++++++++++++++++++++++++++++ - FIM SECTION EDGE - +++++++++++++++++++++++++++++-->
</div>
<div class="space1 transport equipment varg"></div>
<!--////////////////////// - FIM TRANSPORT - TRAITS/HEALTH- /////////////////////////-->
<!--//////////////////////// - TRANSPORT - TAGS - /////////////////////////////-->
<div class="pSection TCGifts transport varg subTypeWeapon subTypeArmor" id="section-Tags-SystemTags">
<div class="customRepeating">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont transport subTypeWeapon subTypeArmor">
TAGS
</div>
<div class="titleLabel colorFont varg">
SYSTEM TAGS
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--+++++++++++++++++++++++++++++++++++ - TAGS - +++++++++++++++++++++++++++++++++++-->
<fieldset class="repeating_transporttag">
<div class="sheet-2colrow">
<div class="sheet-col">
<div class="repeatingContainer gift">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_transporttag1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_transporttag1-trait-1" class="inputLine transporttag1-name" />
<input type="checkbox" class="expander" name="attr_transporttag1_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_transporttag1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
<div class="sheet-col">
<div class="repeatingContainer gift">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_transporttag2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_gif2-trait-1" class="inputLine transporttag2-name" />
<input type="checkbox" class="expander" name="attr_transporttag2_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_transporttag2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</fieldset>
<!--+++++++++++++++++++++++++++++++++ - FIM TAGS - +++++++++++++++++++++++++++++++++-->
</div>
</div>
<div class="space1 transport subTypeWeapon subTypeArmor varg"></div>
<!--///////////////////// - FIM TRANSPORT - TAGS - ///////////////////////////-->
<!--//////////////////////////// - SECTION VARG HEALTH- //////////////////////////////-->
<div class="pTwinSection sheet-2colrow varg biosuit" id="section-alternative-Condition/Injuries">
<div class="sheet-col ">
<!--++++++++++++++++++++++++++++ - SECTION CONDITIONS - +++++++++++++++++++++++++++++-->
<div class="conditions customRepeating">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
CONDITIONS
</div>
</div>
<!--================================= - FIM TITLE - =================================-->
<div class="effects"></div>
<!--================================- - CONDITIONS - ================================-->
<fieldset class="repeating_vargcondition">
<div class="repeatingContainer">
<div class="flex traitHeader">
<input type="text" name="attr_vargcondition-trait-1" class="inputLine vargcondition-name" />
<div class="secondaryColorBackground flex conditionValue">
<input type="text" placeholder="0" name="attr_vargcondition-trait-2" class="inputLine conditionNumber primaryColorFont" />
</div>
</div>
</div>
</fieldset>
</div>
<!--=============================- - FIM CONDITION - ==============================-->
</div>
<!--++++++++++++++++++++++++++ - FIM SECTION CONDITIONS - +++++++++++++++++++++++++-->
<div class="sheet-col">
<!--+++++++++++++++++++++++++++++++ - SECTION HEALTH - +++++++++++++++++++++++++++++-->
<div class="health customRepeating">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
INJURIES
</div>
</div>
<!--================================= - FIM TITLE - =================================-->
<div class="effects"></div>
<!--=================================- - HEALTH - ==================================-->
<fieldset class="repeating_varginjury">
<div class="repeatingContainer">
<div class="flex traitHeader">
<!-- <input name="attr_injury-trait-1"> -->
<input type="hidden" name="attr_varginjury-trait-1" class="injury-selectType" value =""/>
<input type="checkbox" name="attr_injury_checkbox" class="injury-checkbox" />
<select name="attr_varginjury-trait-1" class="inputBox secondaryColorBackground injury-selectType">
<option value ="" selected>Level</option>
<option value ="+1">Bruised</option>
<option value ="+2">Injured</option>
<option value ="+4">Maimed</option>
<option value ="+5">H.Armor</option>
<option value ="+0" hidden>TakenOut</option>
</select>
<div class="select-icon">▼</div>
<input type="text" name="attr_varginjury-trait-2" class="inputLine injury-name" />
<input type="text" name="attr_varginjury-trait-1" class="injuryValue"/>
</div>
</div>
</fieldset>
</div>
<!--===============================- - FIM HEALTH - ================================-->
</div>
<!--+++++++++++++++++++++++++++++ - FIM SECTION HEALTH - +++++++++++++++++++++++++++-->
</div>
<div class="space1 varg biosuit"></div>
<!--///////////////////////// - FIM SECTION VARG HEALTH- ////////////////////////////-->
<!--//////////////////////////// - BIOSUIT ARMOR - ////////////////////////////////-->
<div class="pSection biosuit biosuitArmor" id="section-biosuit-Armor">
<div class="customRepeating weapon">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
BIOSUIT ARMOR
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--++++++++++++++++++++++++++++++++++ - ARMOR - ++++++++++++++++++++++++++++++++++-->
<fieldset class="repeating_bioarmor">
<input type="hidden" class="expanderFlag" value="0" name="attr_bioarmor_expand">
<div class="flex jcSpaceBetween weaponsContainer">
<div class="singleWeapon secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_weapon-1-trait-1" class="inputWeaponTitle" placeholder="Armor" />
<input type="text" name="attr_weapon-1-trait-2" class="inputWeaponName" placeholder=" " />
</div>
<!-- <div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_weapon-1-trait-3" class="inputWeaponEnhancement" placeholder="0" />
<div>
EN
</div>
</div> -->
<div class="flex weaponExpanderConteiner">
<input type="checkbox" class="expander" name="attr_bioarmor_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="weaponExpandedArea">
<input type="hidden" class="weaponTabsToggle" name='attr_weapon1Tab' value='weapon1-traits'/>
<!-- <div class="weaponTabButtons flex jcSpaceBetween">
<button type="action" name="act_weapon1-traits">
Traits
</button>
<button type="action" name="act_weapon1-description">
Description
</button>
</div> -->
<div class="weaponTabContent">
<div class="weaponTraitsTab fColumn">
<!-- <div class="weaponTraitsHeader flex fColumn jcSpaceBetween">
<div class="flex weaponRangeTypeTags jcSpaceBetween">
<div class="readerTrait weaponType">
<div class="input-label">
Type:
</div>
<input type="text" name="attr_weapon1-type" class="inputLine" list="weaponTypeList">
</div>
<div class="readerTrait weaponRange">
<div class="input-label">
Range:
</div>
<select name="attr_weapon1-range" class="inputLine">
<option value=null></option>
<option value="close">Close</option>
<option value="short">Short</option>
<option value="medium">Medium</option>
<option value="long">Long</option>
<option value="extreme">Extreme</option>
</select>
</div>
</div>
<div class="flex sizeCost jcSpaceBetween">
<div class="readerTrait weaponSize">
<div class="input-label">
Size:
</div>
<input type="text" name="attr_weapon1-size" class="inputLine">
</div>
<div class="readerTrait weaponCost">
<div class="input-label">
Wealth:
</div>
<select name="attr_weapon1-cost" class="inputLine">
<option value=null></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="l">L</option>
</select>
</div>
</div>
<div class="flex weaponTechValue jcSpaceBetween">
<input type="hidden" name="attr_weapon1-tech" class="techValueSelected"/>
<div class="readerTrait weaponTech">
<div class="input-label">
Tech:
</div>
<select name="attr_weapon1-tech" class="inputLine">
<option value="core">Hard</option>
<option value="quantum">Quantum</option>
<option value="noetic">Noetic</option>
</select>
</div>
<div class="readerTrait weaponValue">
<div class="input-label weaponAtt">
Att:
</div>
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_weapon1-techvalue" class="inputLine">
<option value=null>n/a</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div class="readerTrait defaultWeaponValue">
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_weapon1-techvalue" class="inputLine fmtNull" value="null">
<option value=null>n/a</option>
</select>
</div>
</div>
<div class="weaponTags">
<div class="flex contactsTitle">
<div class="input-label">Tags: </div>
</div>
</div>
</div> -->
<div class="weaponTagsSection">
<div class="flex fColumn">
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-1" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-2" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-3" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-4" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-4_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-5" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-5_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-6_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-6" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-6_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-6_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-7_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-7" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-7_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-7_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-8_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-8" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-8_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-8_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-9_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-9" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-9_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-9_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-10_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-10" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-10_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-10_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
<!-- <div class="weaponDescriptionTab">
<div class="readerTrait">
<textarea name="attr_weaponr-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div> -->
</div>
</div>
</div>
<div class="singleWeapon secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_weapon-2-trait-1" class="inputWeaponTitle" placeholder="Armor" />
<input type="text" name="attr_weapon-2-trait-2" class="inputWeaponName" placeholder=" " />
</div>
<div class="flex weaponExpanderConteiner">
<input type="checkbox" class="expander" name="attr_bioarmor_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="weaponExpandedArea">
<input type="hidden" class="weaponTabsToggle" name='attr_weapon2Tab' value='weapon2-traits'/>
<div class="weaponTabContent">
<div class="weaponTraitsTab fColumn">
<div class="weaponTagsSection">
<div class="flex fColumn">
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-1" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-2" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-3" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-4" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-4_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-5" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-5_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-6_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-6" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-6_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-6_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-7_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-7" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-7_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-7_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-8_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-8" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-8_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-8_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-9_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-9" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-9_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-9_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-10_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-10" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-10_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-10_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="singleWeapon secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_weapon-3-trait-1" class="inputWeaponTitle" placeholder="Armor" />
<input type="text" name="attr_weapon-3-trait-2" class="inputWeaponName" placeholder=" " />
</div>
<div class="flex weaponExpanderConteiner">
<input type="checkbox" class="expander" name="attr_bioarmor_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="weaponExpandedArea">
<input type="hidden" class="weaponTabsToggle" name='attr_weapon3Tab' value='weapon3-traits'/>
<div class="weaponTabContent">
<div class="weaponTraitsTab fColumn">
<div class="weaponTagsSection">
<div class="flex fColumn">
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-1" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-2" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-3" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-4" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-4_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-5" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-5_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-6_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-6" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-6_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-6_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-7_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-7" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-7_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-7_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-8_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-8" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-8_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-8_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-9_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-9" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-9_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-9_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-10_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-10" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-10_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-10_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>
<!--++++++++++++++++++++++++++++++++ - FIM ARMOR - ++++++++++++++++++++++++++++++++-->
</div>
</div>
<div class="space1 biosuit expansible"></div>
<!--///////////////////////// - FIM BIOSUIT ARMOR - //////////////////////////////-->
<!--//////////////////////////// - TRANSPORT WEAPONS - ////////////////////////////////-->
<div class="pSection transport varg biosuit" id="section-Weapons">
<div class="customRepeating weapon">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont transport">
VEHICLE WEAPONS
</div>
<div class="titleLabel colorFont varg">
VARG WEAPONS
</div>
<div class="titleLabel colorFont biosuit">
BIOSUIT WEAPONS
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--++++++++++++++++++++++++++++++++++ - WEAPONS - ++++++++++++++++++++++++++++++++++-->
<fieldset class="repeating_weapon">
<input type="hidden" class="expanderFlag" value="0" name="attr_weapon_expand">
<div class="flex jcSpaceBetween weaponsContainer">
<div class="singleWeapon secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_weapon-1-trait-1" class="inputWeaponTitle" placeholder="Weapon" />
<input type="text" name="attr_weapon-1-trait-2" class="inputWeaponName" placeholder=" " />
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_weapon-1-trait-3" class="inputWeaponEnhancement" placeholder="0" />
<div>
EN
</div>
</div>
<div class="flex weaponExpanderConteiner">
<input type="checkbox" class="expander" name="attr_weapon_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="weaponExpandedArea">
<input type="hidden" class="weaponTabsToggle" name='attr_weapon1Tab' value='weapon1-traits'/>
<div class="weaponTabButtons flex jcSpaceBetween">
<button type="action" name="act_weapon1-traits">
Traits
</button>
<button type="action" name="act_weapon1-description">
Description
</button>
</div>
<div class="weaponTabContent">
<div class="weaponTraitsTab fColumn">
<div class="weaponTraitsHeader flex fColumn jcSpaceBetween">
<div class="flex weaponRangeTypeTags jcSpaceBetween">
<div class="readerTrait weaponType">
<div class="input-label">
Type:
</div>
<input type="text" name="attr_weapon1-type" class="inputLine" list="weaponTypeList">
<!-- <select name="attr_weapon1-type" class="inputLine">
<option value=null></option>
<option value="personal">Ballistic</option>
<option value="close">Edged</option>
<option value="short">Blunt</option>
</select> -->
</div>
<div class="readerTrait weaponRange">
<div class="input-label">
Range:
</div>
<select name="attr_weapon1-range" class="inputLine">
<option value=null></option>
<option value="close">Close</option>
<option value="short">Short</option>
<option value="medium">Medium</option>
<option value="long">Long</option>
<option value="extreme">Extreme</option>
</select>
</div>
</div>
<div class="flex sizeCost jcSpaceBetween">
<div class="readerTrait weaponSize">
<div class="input-label">
Size:
</div>
<input type="text" name="attr_weapon1-size" class="inputLine">
</div>
<div class="readerTrait weaponCost">
<div class="input-label">
Wealth:
</div>
<select name="attr_weapon1-cost" class="inputLine">
<option value=null></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="l">L</option>
</select>
</div>
</div>
<div class="flex weaponTechValue jcSpaceBetween">
<input type="hidden" name="attr_weapon1-tech" class="techValueSelected"/>
<div class="readerTrait weaponTech">
<div class="input-label">
Tech:
</div>
<select name="attr_weapon1-tech" class="inputLine">
<option value="core">Hard</option>
<option value="quantum">Quantum</option>
<option value="noetic">Noetic</option>
</select>
</div>
<div class="readerTrait weaponValue">
<div class="input-label weaponAtt">
Att:
</div>
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_weapon1-techvalue" class="inputLine">
<option value=null>n/a</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div class="readerTrait defaultWeaponValue">
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_weapon1-techvalue" class="inputLine fmtNull" value="null">
<option value=null>n/a</option>
</select>
</div>
</div>
<div class="weaponTags">
<div class="flex contactsTitle">
<div class="input-label">Tags: </div>
</div>
</div>
</div>
<div class="weaponTagsSection">
<div class="flex fColumn">
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-1" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-2" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-3" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-4" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-4_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-5" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-5_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-6_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-6" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-6_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-6_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-7_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-7" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-7_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-7_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-8_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-8" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-8_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-8_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-9_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-9" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-9_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-9_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-10_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-10" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-10_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-10_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
<div class="weaponDescriptionTab">
<div class="readerTrait">
<textarea name="attr_weaponr-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
<div class="singleWeapon secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_weapon-2-trait-1" class="inputWeaponTitle" placeholder="Weapon" />
<input type="text" name="attr_weapon-2-trait-2" class="inputWeaponName" placeholder=" " />
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_weapon-2-trait-3" class="inputWeaponEnhancement" placeholder="0" />
<div>
EN
</div>
</div>
<div class="flex weaponExpanderConteiner">
<input type="checkbox" class="expander" name="attr_weapon_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="weaponExpandedArea">
<input type="hidden" class="weaponTabsToggle" name='attr_weapon2Tab' value='weapon2-traits'/>
<div class="weaponTabButtons flex jcSpaceBetween">
<button type="action" name="act_weapon2-traits">
Traits
</button>
<button type="action" name="act_weapon2-description">
Description
</button>
</div>
<div class="weaponTabContent">
<div class="weaponTraitsTab fColumn">
<div class="weaponTraitsHeader flex fColumn jcSpaceBetween">
<div class="flex weaponRangeTypeTags jcSpaceBetween">
<div class="readerTrait weaponType">
<div class="input-label">
Type:
</div>
<input type="text" name="attr_weapon2-type" class="inputLine" list="weaponTypeList">
<!-- <select name="attr_weapon2-type" class="inputLine">
<option value=null></option>
<option value="personal">Ballistic</option>
<option value="close">Edged</option>
<option value="short">Blunt</option>
</select> -->
</div>
<div class="readerTrait weaponRange">
<div class="input-label">
Range:
</div>
<select name="attr_weapon2-range" class="inputLine">
<option value=null></option>
<option value="close">Close</option>
<option value="short">Short</option>
<option value="medium">Medium</option>
<option value="long">Long</option>
<option value="extreme">Extreme</option>
</select>
</div>
</div>
<div class="flex sizeCost jcSpaceBetween">
<div class="readerTrait weaponSize">
<div class="input-label">
Size:
</div>
<!-- <select name="attr_weapon2-size" class="inputLine">
<option value="null" selected></option>
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
</select> -->
<input type="text" name="attr_weapon2-size" class="inputLine">
</div>
<div class="readerTrait weaponCost">
<div class="input-label">
Wealth:
</div>
<select name="attr_weapon2-cost" class="inputLine">
<option value=null></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="l">L</option>
</select>
</div>
</div>
<div class="flex weaponTechValue jcSpaceBetween">
<input type="hidden" name="attr_weapon2-tech" class="techValueSelected"/>
<div class="readerTrait weaponTech">
<div class="input-label">
Tech:
</div>
<select name="attr_weapon2-tech" class="inputLine">
<option value="core">Hard</option>
<option value="quantum">Quantum</option>
<option value="noetic">Noetic</option>
</select>
</div>
<div class="readerTrait weaponValue">
<div class="input-label weaponAtt">
Att:
</div>
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_weapon2-techvalue" class="inputLine">
<option value=null>n/a</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div class="readerTrait defaultWeaponValue">
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_weapon2-techvalue" class="inputLine fmtNull" value="null">
<option value=null>n/a</option>
</select>
</div>
</div>
<div class="weaponTags">
<div class="flex contactsTitle">
<div class="input-label">Tags: </div>
</div>
</div>
</div>
<div class="weaponTagsSection">
<div class="flex fColumn">
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-1" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-2" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-3" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-4" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-4_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-5" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-5_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-6_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-6" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-6_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-6_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-7_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-7" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-7_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-7_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-8_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-8" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-8_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-8_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-9_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-9" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-9_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-9_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-10_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-10" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-10_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-10_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
<div class="weaponDescriptionTab">
<div class="readerTrait">
<textarea name="attr_weapon-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
<div class="singleWeapon secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_weapon-3-trait-1" class="inputWeaponTitle" placeholder="Weapon" />
<input type="text" name="attr_weapon-3-trait-2" class="inputWeaponName" placeholder=" " />
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_weapon-3-trait-3" class="inputWeaponEnhancement" placeholder="0" />
<div>
EN
</div>
</div>
<div class="flex weaponExpanderConteiner">
<input type="checkbox" class="expander" name="attr_weapon_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="weaponExpandedArea">
<input type="hidden" class="weaponTabsToggle" name='attr_weapon3Tab' value='weapon3-traits'/>
<div class="weaponTabButtons flex jcSpaceBetween">
<button type="action" name="act_weapon3-traits">
Traits
</button>
<button type="action" name="act_weapon3-description">
Description
</button>
</div>
<div class="weaponTabContent">
<div class="weaponTraitsTab fColumn">
<div class="weaponTraitsHeader flex fColumn jcSpaceBetween">
<div class="flex weaponRangeTypeTags jcSpaceBetween">
<div class="readerTrait weaponType">
<div class="input-label">
Type:
</div>
<input type="text" name="attr_weapon3-type" class="inputLine" list="weaponTypeList">
<!-- <select name="attr_weapon3-type" class="inputLine">
<option value=null></option>
<option value="personal">Ballistic</option>
<option value="close">Edged</option>
<option value="short">Blunt</option>
</select> -->
</div>
<div class="readerTrait weaponRange">
<div class="input-label">
Range:
</div>
<select name="attr_weapon3-range" class="inputLine">
<option value=null></option>
<option value="close">Close</option>
<option value="short">Short</option>
<option value="medium">Medium</option>
<option value="long">Long</option>
<option value="extreme">Extreme</option>
</select>
</div>
</div>
<div class="flex sizeCost jcSpaceBetween">
<div class="readerTrait weaponSize">
<div class="input-label">
Size:
</div>
<!-- <select name="attr_weapon3-size" class="inputLine">
<option value="null" selected></option>
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
</select> -->
<input type="text" name="attr_weapon3-size" class="inputLine">
</div>
<div class="readerTrait weaponCost">
<div class="input-label">
Wealth:
</div>
<select name="attr_weapon3-cost" class="inputLine">
<option value=null></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="l">L</option>
</select>
</div>
</div>
<div class="flex weaponTechValue jcSpaceBetween">
<input type="hidden" name="attr_weapon3-tech" class="techValueSelected"/>
<div class="readerTrait weaponTech">
<div class="input-label">
Tech:
</div>
<select name="attr_weapon3-tech" class="inputLine">
<option value="core">Hard</option>
<option value="quantum">Quantum</option>
<option value="noetic">Noetic</option>
</select>
</div>
<div class="readerTrait weaponValue">
<div class="input-label weaponAtt">
Att:
</div>
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_weapon3-techvalue" class="inputLine">
<option value=null>n/a</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div class="readerTrait defaultWeaponValue">
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_weapon3-techvalue" class="inputLine fmtNull" value="null">
<option value=null>n/a</option>
</select>
</div>
</div>
<div class="weaponTags">
<div class="flex contactsTitle">
<div class="input-label">Tags: </div>
</div>
</div>
</div>
<div class="weaponTagsSection">
<div class="flex fColumn">
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-1" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-2" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-3" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-4" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-4_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-5" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-5_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-6_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-6" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-6_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-6_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-7_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-7" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-7_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-7_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-8_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-8" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-8_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-8_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-9_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-9" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-9_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-9_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-10_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-10" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-10_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-10_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
<div class="weaponDescriptionTab">
<div class="readerTrait">
<textarea name="attr_weapon-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>
<!--++++++++++++++++++++++++++++++++ - FIM WEAPONS - ++++++++++++++++++++++++++++++++-->
</div>
</div>
<div class="space1 transport varg biosuit expansible"></div>
<!--///////////////////////// - FIM TRANSPORT WEAPONS - //////////////////////////////-->
<!--//////////////////////////// - SECTION GEARS - ////////////////////////////////-->
<div class="pSection TCGears transport biosuit" id="section-Gear">
<div class="customRepeating weapon">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
GEAR
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--++++++++++++++++++++++++++++++++++ - WEAPONS - ++++++++++++++++++++++++++++++++++-->
<fieldset class="repeating_gear">
<input type="hidden" class="expanderFlag" value="0" name="attr_gear_expand">
<div class="flex jcSpaceBetween weaponsContainer">
<div class="singleWeapon secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_gear-1-trait-1" class="inputWeaponTitle" placeholder="Gear" />
<input type="text" name="attr_gear-1-trait-2" class="inputWeaponName" placeholder=" " />
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_gear-1-trait-3" class="inputWeaponEnhancement" placeholder="0" />
<div>
EN
</div>
</div>
<div class="flex weaponExpanderConteiner">
<input type="checkbox" class="expander" name="attr_gear_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="weaponExpandedArea">
<input type="hidden" class="weaponTabsToggle" name='attr_weapon1Tab' value='weapon1-traits'/>
<div class="weaponTabContent">
<div class="weaponTraitsTab fColumn">
<div class="weaponTraitsHeader flex fColumn jcSpaceBetween">
<div class="flex weaponRangeTypeTags jcSpaceBetween">
<div class="readerTrait weaponType">
<div class="input-label">
Range:
</div>
<select name="attr_gear1-range" class="inputLine">
<option value=null></option>
<option value="close">Close</option>
<option value="short">Short</option>
<option value="medium">Medium</option>
<option value="long">Long</option>
<option value="extreme">Extreme</option>
</select>
</div>
<div class="readerTrait weaponSize">
<div class="input-label">
Size:
</div>
<!-- <select name="attr_gear1-size" class="inputLine">
<option value="null" selected></option>
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
</select> -->
<input type="text" name="attr_gear1-size" class="inputLine">
</div>
</div>
<div class="flex weaponTechValue jcSpaceBetween">
<input type="hidden" name="attr_gear1-tech" class="techValueSelected"/>
<div class="readerTrait weaponTech">
<div class="input-label">
Tech:
</div>
<select name="attr_gear1-tech" class="inputLine">
<option value="core">Hard</option>
<option value="quantum">Quantum</option>
<option value="noetic">Noetic</option>
</select>
</div>
<div class="readerTrait weaponValue">
<div class="input-label weaponAtt">
Att:
</div>
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_gear1-techvalue" class="inputLine">
<option value=null>n/a</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div class="readerTrait defaultWeaponValue">
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_gear1-techvalue" class="inputLine fmtNull" value="null">
<option value=null>n/a</option>
</select>
</div>
</div>
<div class="weaponTags">
<div class="flex contactsTitle">
<div class="input-label">Description: </div>
</div>
</div>
</div>
<div class="armorDescriptionTab">
<div class="readerTrait">
<textarea name="attr_gear-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="singleWeapon secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_gear-2-trait-1" class="inputWeaponTitle" placeholder="Gear" />
<input type="text" name="attr_gear-2-trait-2" class="inputWeaponName" placeholder=" " />
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_gear-2-trait-3" class="inputWeaponEnhancement" placeholder="0" />
<div>
EN
</div>
</div>
<div class="flex weaponExpanderConteiner">
<input type="checkbox" class="expander" name="attr_gear_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="weaponExpandedArea">
<input type="hidden" class="weaponTabsToggle" name='attr_weapon1Tab' value='weapon1-traits'/>
<div class="weaponTabContent">
<div class="weaponTraitsTab fColumn">
<div class="weaponTraitsHeader flex fColumn jcSpaceBetween">
<div class="flex weaponRangeTypeTags jcSpaceBetween">
<div class="readerTrait weaponType">
<div class="input-label">
Range:
</div>
<select name="attr_gear2-range" class="inputLine">
<option value=null></option>
<option value="close">Close</option>
<option value="short">Short</option>
<option value="medium">Medium</option>
<option value="long">Long</option>
<option value="extreme">Extreme</option>
</select>
</div>
<div class="readerTrait weaponSize">
<div class="input-label">
Size:
</div>
<!-- <select name="attr_gear2-size" class="inputLine">
<option value="null" selected></option>
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
</select> -->
<input type="text" name="attr_gear2-size" class="inputLine">
</div>
</div>
<div class="flex weaponTechValue jcSpaceBetween">
<input type="hidden" name="attr_gear2-tech" class="techValueSelected"/>
<div class="readerTrait weaponTech">
<div class="input-label">
Tech:
</div>
<select name="attr_gear2-tech" class="inputLine">
<option value="core">Hard</option>
<option value="quantum">Quantum</option>
<option value="noetic">Noetic</option>
</select>
</div>
<div class="readerTrait weaponValue">
<div class="input-label weaponAtt">
Att:
</div>
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_gear2-techvalue" class="inputLine">
<option value=null>n/a</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div class="readerTrait defaultWeaponValue">
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_gear2-techvalue" class="inputLine fmtNull" value="null">
<option value=null>n/a</option>
</select>
</div>
</div>
<div class="weaponTags">
<div class="flex contactsTitle">
<div class="input-label">Description: </div>
</div>
</div>
</div>
<div class="armorDescriptionTab">
<div class="readerTrait">
<textarea name="attr_gear-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="singleWeapon secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_gear-3-trait-1" class="inputWeaponTitle" placeholder="Gear" />
<input type="text" name="attr_gear-3-trait-2" class="inputWeaponName" placeholder=" " />
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_gear-3-trait-3" class="inputWeaponEnhancement" placeholder="0" />
<div>
EN
</div>
</div>
<div class="flex weaponExpanderConteiner">
<input type="checkbox" class="expander" name="attr_gear_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="weaponExpandedArea">
<input type="hidden" class="weaponTabsToggle" name='attr_weapon1Tab' value='weapon1-traits'/>
<div class="weaponTabContent">
<div class="weaponTraitsTab fColumn">
<div class="weaponTraitsHeader flex fColumn jcSpaceBetween">
<div class="flex weaponRangeTypeTags jcSpaceBetween">
<div class="readerTrait weaponType">
<div class="input-label">
Range:
</div>
<select name="attr_gear3-range" class="inputLine">
<option value=null></option>
<option value="close">Close</option>
<option value="short">Short</option>
<option value="medium">Medium</option>
<option value="long">Long</option>
<option value="extreme">Extreme</option>
</select>
</div>
<div class="readerTrait weaponSize">
<div class="input-label">
Size:
</div>
<!-- <select name="attr_gear3-size" class="inputLine">
<option value="null" selected></option>
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
</select> -->
<input type="text" name="attr_gear3-size" class="inputLine">
</div>
</div>
<div class="flex weaponTechValue jcSpaceBetween">
<input type="hidden" name="attr_gear3-tech" class="techValueSelected"/>
<div class="readerTrait weaponTech">
<div class="input-label">
Tech:
</div>
<select name="attr_gear3-tech" class="inputLine">
<option value="core">Hard</option>
<option value="quantum">Quantum</option>
<option value="noetic">Noetic</option>
</select>
</div>
<div class="readerTrait weaponValue">
<div class="input-label weaponAtt">
Att:
</div>
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_gear3-techvalue" class="inputLine">
<option value=null>n/a</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div class="readerTrait defaultWeaponValue">
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_gear3-techvalue" class="inputLine fmtNull" value="null">
<option value=null>n/a</option>
</select>
</div>
</div>
<div class="weaponTags">
<div class="flex contactsTitle">
<div class="input-label">Description: </div>
</div>
</div>
</div>
<div class="armorDescriptionTab">
<div class="readerTrait">
<textarea name="attr_gear-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>
<!--++++++++++++++++++++++++++++++++ - FIM WEAPONS - ++++++++++++++++++++++++++++++++-->
</div>
</div>
<div class="space1 transport biosuit expansible"></div>
<!--///////////////////////// - FIM SECTION GEARS - //////////////////////////////-->
<!--/////////////////////////////// - NPC - MISC - ///////////////////////////////-->
<div class="pTwinSection sheet-2colrow NPC ftech qtech anima transport equipment varg biosuit" id="section-Notes--OtherTraits">
<div class="sheet-col ">
<!--++++++++++++++++++++++++++++++ - SECTION NOTES - ++++++++++++++++++++++++++++++-->
<div class="notes">
<!--================================== - TITLE - ==================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
NOTES
</div>
</div>
<!--================================ - FIM TITLE - ===============================-->
<!--==================================- - NOTES - ================================-->
<textarea name="attr_notes" placeholder="Notes" rows="5" spellcheck="false" class="expandedArea"></textarea>
<!--===================--===========- - FIM NOTES - =====--=======================-->
</div>
</div>
<!--+++++++++++++++++++++++++++++ - FIM SECTION NOTES - ++++++++++++++++++++++++++-->
<div class="sheet-col ">
<!--+++++++++++++++++++++++++++++ - SECTION OTHERTRAITS - +++++++++++++++++++++++++++-->
<div class="npc-othertraits customRepeating">
<!--=================================== - TITLE - ===================================-->
<div class="title2 primaryColorBackground">
<div class="titleLabel colorFont">
OTHER TRAITS
</div>
</div>
<!--================================= - FIM TITLE - =================================-->
<!--================================- - OTHERTRAITS - ===============================-->
<fieldset class="repeating_npcothertraits">
<div class="repeatingContainer">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_npcothertraits_expand">
<div class="flex traitHeader">
<input type="text" name="attr_npcothertraits-trait-1" class="inputLine"/>
<div class="dots npcothertraits">
<input type="hidden" name="attr_npcothertraits-dots" class="dot" value="0" />
<button type="action" name="act_npcothertraits-dots-1" class="dot hexagon gt-0" checked>
<span class="checked"></span>
</button>
<button type="action" name="act_npcothertraits-dots-2" class="dot hexagon gt-0 gt-1">
<span class="checked"></span>
</button>
<button type="action" name="act_npcothertraits-dots-3" class="dot hexagon gt-0 gt-1 gt-2">
<span class="checked"></span>
</button>
<button type="action" name="act_npcothertraits-dots-4" class="dot hexagon gt-0 gt-1 gt-2 gt-3">
<span class="checked"></span>
</button>
<button type="action" name="act_npcothertraits-dots-5" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4">
<span class="checked"></span>
</button>
<button type="action" name="act_npcothertraits-dots-6" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 fifthDot">
<span class="checked"></span>
</button>
<button type="action" name="act_npcothertraits-dots-7" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 ">
<span class="checked"></span>
</button>
<button type="action" name="act_npcothertraits-dots-8" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7">
<span class="checked"></span>
</button>
<button type="action" name="act_npcothertraits-dots-9" class="dot hexagon gt-0 gt-1 gt-2 gt-3 gt-4 gt-5 gt-6 gt-7 gt-8">
<span class="checked"></span>
</button>
</div>
<input type="checkbox" class="expander" name="attr_npcothertraits_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_npcothertraits_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</fieldset>
</div>
<!--===============================- - FIM OTHERTRAITS - ===============================-->
</div>
<!--++++++++++++++++++++++++++++ - FIM SECTION OTHERTRAITS - +++++++++++++++++++++++++++-->
</div>
<!--//////////////////////////// - FIM NPC - MISC - //////////////////////////////-->
<!--/////////////////////////////// - SECTION MISC- ///////////////////////////////-->
<div class="pTwinSection reader sheet-2colrow PC anima" id="section-Experience--Defense">
<div class="sheet-col ">
<!--++++++++++++++++++++++++++++++ - SECTION NOTES - ++++++++++++++++++++++++++++++-->
<div class= "flex aiCenter">
<div class="input-label">
Experience:
</div>
<div class="line"></div>
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_experience"/>
</div>
</div>
</div>
<!--+++++++++++++++++++++++++++++ - FIM SECTION NOTES - ++++++++++++++++++++++++++-->
<div class="sheet-col ">
<!--+++++++++++++++++++++++++++++ - SECTION ASPIRATIONS - +++++++++++++++++++++++++++-->
<div class= "flex aiCenter">
<div class="input-label">
Defense:
</div>
<div class="line"></div>
<div class="flex fColumn jcCenter aiCenter secondaryColorBackground boxPoint">
<input placeholder="00" class="primaryColorFont" type="number" name="attr_defense"/>
</div>
</div>
<!--===============================- - FIM ASPIRATIONS - ===============================-->
</div>
<!--++++++++++++++++++++++++++++ - FIM SECTION ASPIRATIONS - +++++++++++++++++++++++++++-->
</div>
<!--/////////////////////////////// - FIM SECTION MISC- /////////////////////////////////-->
</div>
<!--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% - FIM SHEET - %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%-->
<!--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% - EQUIPMENTS - %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%-->
<div class="TCEquipments">
<!--//////////////////////////////////// - SUMMARY - ////////////////////////////////////-->
<div class="summaryButtons">
<div class="absolute">
<input type="checkbox" class="summaryButtonMain" name="attr_summary_expand" value="1"><span class="secondaryColorBackground">l</span>
<input type="hidden" class="hider" value="0" name="attr_summary_expand">
<div>
<a class="summaryButton secondaryColorBackground" href="#top">
Top
</a>
<a class="summaryButton secondaryColorBackground" href="#wep">
Wep
</a>
<a class="summaryButton secondaryColorBackground" href="#arm">
Armr
</a>
<a class="summaryButton secondaryColorBackground" href="#gear">
Gear
</a>
</div>
</div>
</div>
<!--////////////////////////////////// - FIM SUMMARY - //////////////////////////////////-->
<!--///////////////////////////////////// - ROLL - /////////////////////////////////////-->
<div class="rollButtons">
<div class="absolute secondaryColorBackground">
<input type="checkbox" class="rollButtonMain" name="attr_roll_expand" value="1"><span >k</span>
<input type="hidden" class="hider" value="0" name="attr_roll_expand">
<div>
<button type="action" name="act_roll-1" class="rollButton PC anima secondaryColorBackground">
Core
</button>
<button type="action" name="act_roll-2" class="rollButton PC anima secondaryColorBackground varg biosuit">
Gen
</button>
<button type="action" name="act_roll-3" class="rollButton PC anima secondaryColorBackground">
Init
</button>
<button type="action" name="act_roll-4" class="rollButton PC anima ftech qtech transport varg biosuit equipment secondaryColorBackground" formaction="#top">
C.Rol
</button>
<button type="action" name="act_roll-5" class="rollButton PC anima ftech qtech transport varg biosuit equipment secondaryColorBackground" formaction="#top">
C.Init
</button>
<button type="action" name="act_npc-roll-1" class="rollButton NPC secondaryColorBackground">
Core
</button>
<button type="action" name="act_npc-roll-2" class="rollButton NPC secondaryColorBackground">
Gen
</button>
<button type="action" name="act_npc-roll-3" class="rollButton NPC secondaryColorBackground">
Init
</button>
<button type="action" name="act_roll-4" class="rollButton NPC secondaryColorBackground" formaction="#top">
C.Rol
</button>
<button type="action" name="act_roll-5" class="rollButton NPC anima secondaryColorBackground" formaction="#top">
C.Init
</button>
</div>
</div>
</div>
<!--/////////////////////////////////// - FIM ROLL - ///////////////////////////////////-->
<!--//////////////////////////// - SECTION WEAPONS - ////////////////////////////////-->
<div class="pSection TCWeapons" id="wep">
<div class="customRepeating weapon">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title primaryColorBackground">
<div class="titleLabel colorFont">
WEAPONS
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--++++++++++++++++++++++++++++++++++ - WEAPONS - ++++++++++++++++++++++++++++++++++-->
<fieldset class="repeating_weapon">
<input type="hidden" class="expanderFlag" value="0" name="attr_weapon_expand">
<div class="flex jcSpaceBetween weaponsContainer">
<div class="singleWeapon secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_weapon-1-trait-1" class="inputWeaponTitle" placeholder="Weapon" />
<input type="text" name="attr_weapon-1-trait-2" class="inputWeaponName" placeholder=" " />
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_weapon-1-trait-3" class="inputWeaponEnhancement" placeholder="0" />
<div>
EN
</div>
</div>
<div class="flex weaponExpanderConteiner">
<input type="checkbox" class="expander" name="attr_weapon_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="weaponExpandedArea">
<input type="hidden" class="weaponTabsToggle" name='attr_weapon1Tab' value='weapon1-traits'/>
<div class="weaponTabButtons flex jcSpaceBetween">
<button type="action" name="act_weapon1-traits">
Traits
</button>
<button type="action" name="act_weapon1-description">
Description
</button>
</div>
<div class="weaponTabContent">
<div class="weaponTraitsTab fColumn">
<div class="weaponTraitsHeader flex fColumn jcSpaceBetween">
<div class="flex weaponRangeTypeTags jcSpaceBetween">
<div class="readerTrait weaponType">
<div class="input-label">
Type:
</div>
<input type="text" name="attr_weapon1-type" class="inputLine" list="weaponTypeList">
<!-- <select name="attr_weapon1-type" class="inputLine">
<option value=null></option>
<option value="personal">Ballistic</option>
<option value="close">Edged</option>
<option value="short">Blunt</option>
</select> -->
</div>
<div class="readerTrait weaponRange">
<div class="input-label">
Range:
</div>
<select name="attr_weapon1-range" class="inputLine">
<option value=null></option>
<option value="close">Close</option>
<option value="short">Short</option>
<option value="medium">Medium</option>
<option value="long">Long</option>
<option value="extreme">Extreme</option>
</select>
</div>
</div>
<div class="flex sizeCost jcSpaceBetween">
<div class="readerTrait weaponSize">
<div class="input-label">
Size:
</div>
<!-- <select name="attr_weapon1-size" class="inputLine">
<option value="null" selected></option>
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
</select> -->
<input type="text" name="attr_weapon1-size" class="inputLine">
</div>
<div class="readerTrait weaponCost">
<div class="input-label">
Wealth:
</div>
<select name="attr_weapon1-cost" class="inputLine">
<option value=null></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="l">L</option>
</select>
</div>
</div>
<div class="flex weaponTechValue jcSpaceBetween">
<input type="hidden" name="attr_weapon1-tech" class="techValueSelected"/>
<div class="readerTrait weaponTech">
<div class="input-label">
Tech:
</div>
<select name="attr_weapon1-tech" class="inputLine">
<option value="core">Hard</option>
<option value="quantum">Quantum</option>
<option value="noetic">Noetic</option>
</select>
</div>
<div class="readerTrait weaponValue">
<div class="input-label weaponAtt">
Att:
</div>
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_weapon1-techvalue" class="inputLine">
<option value=null>n/a</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div class="readerTrait defaultWeaponValue">
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_weapon1-techvalue" class="inputLine fmtNull" value="null">
<option value=null>n/a</option>
</select>
</div>
</div>
<div class="weaponTags">
<div class="flex contactsTitle">
<div class="input-label">Tags: </div>
</div>
</div>
</div>
<div class="weaponTagsSection">
<div class="flex fColumn">
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-1" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-2" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-3" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-4" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-4_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-5" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-5_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-6_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-6" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-6_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-6_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-7_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-7" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-7_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-7_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-8_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-8" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-8_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-8_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-9_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-9" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-9_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-9_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon1-tag-10_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon1-tag-10" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon1-tag-10_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon1-tag-10_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
<div class="weaponDescriptionTab">
<div class="readerTrait">
<textarea name="attr_weaponr-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
<div class="singleWeapon secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_weapon-2-trait-1" class="inputWeaponTitle" placeholder="Weapon" />
<input type="text" name="attr_weapon-2-trait-2" class="inputWeaponName" placeholder=" " />
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_weapon-2-trait-3" class="inputWeaponEnhancement" placeholder="0" />
<div>
EN
</div>
</div>
<div class="flex weaponExpanderConteiner">
<input type="checkbox" class="expander" name="attr_weapon_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="weaponExpandedArea">
<input type="hidden" class="weaponTabsToggle" name='attr_weapon2Tab' value='weapon2-traits'/>
<div class="weaponTabButtons flex jcSpaceBetween">
<button type="action" name="act_weapon2-traits">
Traits
</button>
<button type="action" name="act_weapon2-description">
Description
</button>
</div>
<div class="weaponTabContent">
<div class="weaponTraitsTab fColumn">
<div class="weaponTraitsHeader flex fColumn jcSpaceBetween">
<div class="flex weaponRangeTypeTags jcSpaceBetween">
<div class="readerTrait weaponType">
<div class="input-label">
Type:
</div>
<input type="text" name="attr_weapon2-type" class="inputLine" list="weaponTypeList">
<!-- <select name="attr_weapon2-type" class="inputLine">
<option value=null></option>
<option value="personal">Ballistic</option>
<option value="close">Edged</option>
<option value="short">Blunt</option>
</select> -->
</div>
<div class="readerTrait weaponRange">
<div class="input-label">
Range:
</div>
<select name="attr_weapon2-range" class="inputLine">
<option value=null></option>
<option value="close">Close</option>
<option value="short">Short</option>
<option value="medium">Medium</option>
<option value="long">Long</option>
<option value="extreme">Extreme</option>
</select>
</div>
</div>
<div class="flex sizeCost jcSpaceBetween">
<div class="readerTrait weaponSize">
<div class="input-label">
Size:
</div>
<!-- <select name="attr_weapon2-size" class="inputLine">
<option value="null" selected></option>
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
</select> -->
<input type="text" name="attr_weapon2-size" class="inputLine">
</div>
<div class="readerTrait weaponCost">
<div class="input-label">
Wealth:
</div>
<select name="attr_weapon2-cost" class="inputLine">
<option value=null></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="l">L</option>
</select>
</div>
</div>
<div class="flex weaponTechValue jcSpaceBetween">
<input type="hidden" name="attr_weapon2-tech" class="techValueSelected"/>
<div class="readerTrait weaponTech">
<div class="input-label">
Tech:
</div>
<select name="attr_weapon2-tech" class="inputLine">
<option value="core">Hard</option>
<option value="quantum">Quantum</option>
<option value="noetic">Noetic</option>
</select>
</div>
<div class="readerTrait weaponValue">
<div class="input-label weaponAtt">
Att:
</div>
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_weapon2-techvalue" class="inputLine">
<option value=null>n/a</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div class="readerTrait defaultWeaponValue">
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_weapon2-techvalue" class="inputLine fmtNull" value="null">
<option value=null>n/a</option>
</select>
</div>
</div>
<div class="weaponTags">
<div class="flex contactsTitle">
<div class="input-label">Tags: </div>
</div>
</div>
</div>
<div class="weaponTagsSection">
<div class="flex fColumn">
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-1" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-2" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-3" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-4" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-4_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-5" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-5_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-6_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-6" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-6_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-6_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-7_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-7" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-7_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-7_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-8_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-8" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-8_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-8_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-9_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-9" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-9_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-9_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon2-tag-10_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon2-tag-10" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon2-tag-10_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon2-tag-10_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
<div class="weaponDescriptionTab">
<div class="readerTrait">
<textarea name="attr_weapon-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
<div class="singleWeapon secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_weapon-3-trait-1" class="inputWeaponTitle" placeholder="Weapon" />
<input type="text" name="attr_weapon-3-trait-2" class="inputWeaponName" placeholder=" " />
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_weapon-3-trait-3" class="inputWeaponEnhancement" placeholder="0" />
<div>
EN
</div>
</div>
<div class="flex weaponExpanderConteiner">
<input type="checkbox" class="expander" name="attr_weapon_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="weaponExpandedArea">
<input type="hidden" class="weaponTabsToggle" name='attr_weapon3Tab' value='weapon3-traits'/>
<div class="weaponTabButtons flex jcSpaceBetween">
<button type="action" name="act_weapon3-traits">
Traits
</button>
<button type="action" name="act_weapon3-description">
Description
</button>
</div>
<div class="weaponTabContent">
<div class="weaponTraitsTab fColumn">
<div class="weaponTraitsHeader flex fColumn jcSpaceBetween">
<div class="flex weaponRangeTypeTags jcSpaceBetween">
<div class="readerTrait weaponType">
<div class="input-label">
Type:
</div>
<input type="text" name="attr_weapon3-type" class="inputLine" list="weaponTypeList">
<!-- <select name="attr_weapon3-type" class="inputLine">
<option value=null></option>
<option value="personal">Ballistic</option>
<option value="close">Edged</option>
<option value="short">Blunt</option>
</select> -->
</div>
<div class="readerTrait weaponRange">
<div class="input-label">
Range:
</div>
<select name="attr_weapon3-range" class="inputLine">
<option value=null></option>
<option value="close">Close</option>
<option value="short">Short</option>
<option value="medium">Medium</option>
<option value="long">Long</option>
<option value="extreme">Extreme</option>
</select>
</div>
</div>
<div class="flex sizeCost jcSpaceBetween">
<div class="readerTrait weaponSize">
<div class="input-label">
Size:
</div>
<!-- <select name="attr_weapon3-size" class="inputLine">
<option value="null" selected></option>
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
</select> -->
<input type="text" name="attr_weapon3-size" class="inputLine">
</div>
<div class="readerTrait weaponCost">
<div class="input-label">
Wealth:
</div>
<select name="attr_weapon3-cost" class="inputLine">
<option value=null></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="l">L</option>
</select>
</div>
</div>
<div class="flex weaponTechValue jcSpaceBetween">
<input type="hidden" name="attr_weapon3-tech" class="techValueSelected"/>
<div class="readerTrait weaponTech">
<div class="input-label">
Tech:
</div>
<select name="attr_weapon3-tech" class="inputLine">
<option value="core">Hard</option>
<option value="quantum">Quantum</option>
<option value="noetic">Noetic</option>
</select>
</div>
<div class="readerTrait weaponValue">
<div class="input-label weaponAtt">
Att:
</div>
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_weapon3-techvalue" class="inputLine">
<option value=null>n/a</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div class="readerTrait defaultWeaponValue">
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_weapon3-techvalue" class="inputLine fmtNull" value="null">
<option value=null>n/a</option>
</select>
</div>
</div>
<div class="weaponTags">
<div class="flex contactsTitle">
<div class="input-label">Tags: </div>
</div>
</div>
</div>
<div class="weaponTagsSection">
<div class="flex fColumn">
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-1" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-2" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-3" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-4" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-4_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-5" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-5_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-6_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-6" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-6_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-6_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-7_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-7" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-7_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-7_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-8_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-8" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-8_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-8_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-9_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-9" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-9_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-9_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="weaponTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_weapon3-tag-10_expand">
<div class="flex traitHeader">
<input type="text" name="attr_weapon3-tag-10" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_weapon3-tag-10_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_weapon3-tag-10_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
<div class="weaponDescriptionTab">
<div class="readerTrait">
<textarea name="attr_weapon-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>
<!--++++++++++++++++++++++++++++++++ - FIM WEAPONS - ++++++++++++++++++++++++++++++++-->
</div>
</div>
<div class="space1"></div>
<div class="space1"></div>
<!--///////////////////////// - FIM SECTION WEAPONS - //////////////////////////////-->
<!--//////////////////////////// - SECTION ARMOR - ////////////////////////////////-->
<div class="pSection TCArmor" id="arm">
<div class="customRepeating armor">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title primaryColorBackground">
<div class="titleLabel colorFont">
ARMOR
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--++++++++++++++++++++++++++++++++++ - ARMOR - ++++++++++++++++++++++++++++++++++-->
<fieldset class="repeating_armor">
<input type="hidden" class="expanderFlag" value="0" name="attr_armor_expand">
<div class="flex jcSpaceBetween weaponsContainer">
<div class="singleArmor secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_armor-1-trait-1" class="inputWeaponTitle" placeholder="Armor" />
<input type="text" name="attr_armor-1-trait-2" class="inputWeaponName" placeholder=" " />
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_armor-1-trait-3" class="inputWeaponEnhancement" placeholder="0" />
<div>
HARD
</div>
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_armor-1-trait-4" class="inputWeaponEnhancement" placeholder="0" />
<div>
SOFT
</div>
</div>
<div class="flex weaponExpanderConteiner">
<input type="checkbox" class="expander" name="attr_armor_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="weaponExpandedArea">
<input type="hidden" class="armorTabsToggle" name='attr_armor1Tab' value='armor1-traits'/>
<div class="weaponTabButtons flex jcSpaceBetween">
<button type="action" name="act_armor1-traits">
Traits
</button>
<button type="action" name="act_armor1-description">
Description
</button>
</div>
<div class="weaponTabContent">
<div class="weaponTraitsTab fColumn">
<div class="weaponTraitsHeader flex fColumn jcSpaceBetween">
<div class="flex weaponRangeTypeTags jcSpaceBetween">
<div class="readerTrait armorBase ">
<div class="input-label">
Base 1:
</div>
<select name="attr_armor1-base1" class="inputLine">
<option value=null></option>
<option value="bulletproof">Bulletproof</option>
<option value="impact">Impact-resistant</option>
<option value="slash">Slash-resistant</option>
</select>
</div>
<div class="readerTrait armorBase ">
<div class="input-label">
Base 2:
</div>
<select name="attr_armor1-base2" class="inputLine">
<option value=null></option>
<option value="bulletproof">Bulletproof</option>
<option value="impact">Impact-resistant</option>
<option value="slash">Slash-resistant</option>
</select>
</div>
</div>
<div class="flex sizeCost jcSpaceBetween">
<div class="readerTrait weaponSize">
<div class="input-label">
Size:
</div>
<!-- <select name="attr_armor1-size" class="inputLine">
<option value="null" selected></option>
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
</select> -->
<input type="text" name="attr_armor1-size" class="inputLine">
</div>
<div class="readerTrait weaponCost">
<div class="input-label">
Wealth:
</div>
<select name="attr_armor1-cost" class="inputLine">
<option value=null></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="l">L</option>
</select>
</div>
</div>
<div class="flex weaponTechValue jcSpaceBetween">
<input type="hidden" name="attr_armor1-tech" class="techValueSelected"/>
<div class="readerTrait weaponTech">
<div class="input-label">
Tech:
</div>
<select name="attr_armor1-tech" class="inputLine">
<option value="core">Hard</option>
<option value="quantum">Quantum</option>
<option value="noetic">Noetic</option>
</select>
</div>
<div class="readerTrait weaponValue">
<div class="input-label weaponAtt">
Att:
</div>
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_armor1-techvalue" class="inputLine">
<option value=null>n/a</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div class="readerTrait defaultWeaponValue">
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_armor1-techvalue" class="inputLine fmtNull" value="null">
<option value=null>n/a</option>
</select>
</div>
</div>
<div class="weaponTags">
<div class="flex contactsTitle">
<div class="input-label">Tags: </div>
</div>
</div>
</div>
<div class="weaponTagsSection">
<div class="flex fColumn">
<div class="armorTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_armor1-tag-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_armor1-tag-1" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_armor1-tag-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_armor1-tag-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="armorTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_armor1-tag-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_armor1-tag-2" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_armor1-tag-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_armor1-tag-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="armorTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_armor1-tag-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_armor1-tag-3" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_armor1-tag-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_armor1-tag-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="armorTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_armor1-tag-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_armor1-tag-4" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_armor1-tag-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_armor1-tag-4_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="armorTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_armor1-tag-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_armor1-tag-5" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_armor1-tag-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_armor1-tag-5_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="armorTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_armor1-tag-6_expand">
<div class="flex traitHeader">
<input type="text" name="attr_armor1-tag-6" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_armor1-tag-6_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_armor1-tag-6_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="armorTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_armor1-tag-7_expand">
<div class="flex traitHeader">
<input type="text" name="attr_armor1-tag-7" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_armor1-tag-7_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_armor1-tag-7_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="armorTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_armor1-tag-8_expand">
<div class="flex traitHeader">
<input type="text" name="attr_armor1-tag-8" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_armor1-tag-8_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_armor1-tag-8_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="armorTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_armor1-tag-9_expand">
<div class="flex traitHeader">
<input type="text" name="attr_armor1-tag-9" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_armor1-tag-9_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_armor1-tag-9_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="armorTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_armor1-tag-10_expand">
<div class="flex traitHeader">
<input type="text" name="attr_armor1-tag-10" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_armor1-tag-10_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_armor1-tag-10_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
<div class="weaponDescriptionTab">
<div class="readerTrait">
<textarea name="attr_armor-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
<div class="singleArmor secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_armor-2-trait-1" class="inputWeaponTitle" placeholder="Armor" />
<input type="text" name="attr_armor-2-trait-2" class="inputWeaponName" placeholder=" " />
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_armor-2-trait-3" class="inputWeaponEnhancement" placeholder="0" />
<div>
HARD
</div>
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_armor-2-trait-4" class="inputWeaponEnhancement" placeholder="0" />
<div>
SOFT
</div>
</div>
<div class="flex weaponExpanderConteiner">
<input type="checkbox" class="expander" name="attr_armor_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="weaponExpandedArea">
<input type="hidden" class="armorTabsToggle" name='attr_armor2Tab' value='armor2-traits'/>
<div class="weaponTabButtons flex jcSpaceBetween">
<button type="action" name="act_armor2-traits">
Traits
</button>
<button type="action" name="act_armor2-description">
Description
</button>
</div>
<div class="weaponTabContent">
<div class="weaponTraitsTab fColumn">
<div class="weaponTraitsHeader flex fColumn jcSpaceBetween">
<div class="flex weaponRangeTypeTags jcSpaceBetween">
<div class="readerTrait armorBase ">
<div class="input-label">
Base 1:
</div>
<select name="attr_armor2-base1" class="inputLine">
<option value=null></option>
<option value="bulletproof">Bulletproof</option>
<option value="impact">Impact-resistant</option>
<option value="slash">Slash-resistant</option>
</select>
</div>
<div class="readerTrait armorBase ">
<div class="input-label">
Base 2:
</div>
<select name="attr_armor2-base2" class="inputLine">
<option value=null></option>
<option value="bulletproof">Bulletproof</option>
<option value="impact">Impact-resistant</option>
<option value="slash">Slash-resistant</option>
</select>
</div>
</div>
<div class="flex sizeCost jcSpaceBetween">
<div class="readerTrait weaponSize">
<div class="input-label">
Size:
</div>
<!-- <select name="attr_armor2-size" class="inputLine">
<option value="null" selected></option>
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
</select> -->
<input type="text" name="attr_armor2-size" class="inputLine">
</div>
<div class="readerTrait weaponCost">
<div class="input-label">
Wealth:
</div>
<select name="attr_armor2-cost" class="inputLine">
<option value=null></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="l">L</option>
</select>
</div>
</div>
<div class="flex weaponTechValue jcSpaceBetween">
<input type="hidden" name="attr_armor2-tech" class="techValueSelected"/>
<div class="readerTrait weaponTech">
<div class="input-label">
Tech:
</div>
<select name="attr_armor2-tech" class="inputLine">
<option value="core">Hard</option>
<option value="quantum">Quantum</option>
<option value="noetic">Noetic</option>
</select>
</div>
<div class="readerTrait weaponValue">
<div class="input-label weaponAtt">
Att:
</div>
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_armor2-techvalue" class="inputLine">
<option value=null>n/a</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div class="readerTrait defaultWeaponValue">
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_armor2-techvalue" class="inputLine fmtNull" value="null">
<option value=null>n/a</option>
</select>
</div>
</div>
<div class="weaponTags">
<div class="flex contactsTitle">
<div class="input-label">Tags: </div>
</div>
</div>
</div>
<div class="weaponTagsSection">
<div class="flex fColumn">
<div class="armorTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_armor2-tag-1_expand">
<div class="flex traitHeader">
<input type="text" name="attr_armor2-tag-1" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_armor2-tag-1_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_armor2-tag-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="armorTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_armor2-tag-2_expand">
<div class="flex traitHeader">
<input type="text" name="attr_armor2-tag-2" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_armor2-tag-2_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_armor2-tag-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="armorTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_armor2-tag-3_expand">
<div class="flex traitHeader">
<input type="text" name="attr_armor2-tag-3" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_armor2-tag-3_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_armor2-tag-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="armorTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_armor2-tag-4_expand">
<div class="flex traitHeader">
<input type="text" name="attr_armor2-tag-4" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_armor2-tag-4_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_armor2-tag-4_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="armorTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_armor2-tag-5_expand">
<div class="flex traitHeader">
<input type="text" name="attr_armor2-tag-5" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_armor2-tag-5_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_armor2-tag-5_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="armorTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_armor2-tag-6_expand">
<div class="flex traitHeader">
<input type="text" name="attr_armor2-tag-6" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_armor2-tag-6_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_armor2-tag-6_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="armorTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_armor2-tag-7_expand">
<div class="flex traitHeader">
<input type="text" name="attr_armor2-tag-7" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_armor2-tag-7_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_armor2-tag-7_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="armorTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_armor2-tag-8_expand">
<div class="flex traitHeader">
<input type="text" name="attr_armor2-tag-8" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_armor2-tag-8_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_armor2-tag-8_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="armorTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_armor2-tag-9_expand">
<div class="flex traitHeader">
<input type="text" name="attr_armor2-tag-9" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_armor2-tag-9_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_armor2-tag-9_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
<div class="armorTag">
<input type="hidden" class="expanderFlagModal" value="0" name="attr_armor2-tag-10_expand">
<div class="flex traitHeader">
<input type="text" name="attr_armor2-tag-10" class="inputLine"/>
<input type="checkbox" class="expander" name="attr_armor2-tag-10_expand" value="1">
<span class="spanExpander"></span>
</div>
<textarea name="attr_armor2-tag-10_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
<div class="weaponDescriptionTab">
<div class="readerTrait">
<textarea name="attr_armor-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>
<!--++++++++++++++++++++++++++++++++ - FIM ARMOR - ++++++++++++++++++++++++++++++++-->
</div>
</div>
<div class="space1"></div>
<div class="space1"></div>
<!--///////////////////////// - FIM SECTION ARMOR - //////////////////////////////-->
<!--//////////////////////////// - SECTION GEARS - ////////////////////////////////-->
<div class="pSection TCGears" id="gear">
<div class="customRepeating weapon">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title primaryColorBackground">
<div class="titleLabel colorFont">
GEAR
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--++++++++++++++++++++++++++++++++++ - WEAPONS - ++++++++++++++++++++++++++++++++++-->
<fieldset class="repeating_gear">
<input type="hidden" class="expanderFlag" value="0" name="attr_gear_expand">
<div class="flex jcSpaceBetween weaponsContainer">
<div class="singleWeapon secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_gear-1-trait-1" class="inputWeaponTitle" placeholder="Gear" />
<input type="text" name="attr_gear-1-trait-2" class="inputWeaponName" placeholder=" " />
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_gear-1-trait-3" class="inputWeaponEnhancement" placeholder="0" />
<div>
EN
</div>
</div>
<div class="flex weaponExpanderConteiner">
<input type="checkbox" class="expander" name="attr_gear_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="weaponExpandedArea">
<input type="hidden" class="weaponTabsToggle" name='attr_weapon1Tab' value='weapon1-traits'/>
<div class="weaponTabContent">
<div class="weaponTraitsTab fColumn">
<div class="weaponTraitsHeader flex fColumn jcSpaceBetween">
<div class="flex weaponRangeTypeTags jcSpaceBetween">
<div class="readerTrait weaponType">
<div class="input-label">
Range:
</div>
<select name="attr_gear1-range" class="inputLine">
<option value=null></option>
<option value="close">Close</option>
<option value="short">Short</option>
<option value="medium">Medium</option>
<option value="long">Long</option>
<option value="extreme">Extreme</option>
</select>
</div>
<div class="readerTrait weaponSize">
<div class="input-label">
Size:
</div>
<!-- <select name="attr_gear1-size" class="inputLine">
<option value="null" selected></option>
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
</select> -->
<input type="text" name="attr_gear1-size" class="inputLine">
</div>
</div>
<div class="flex weaponTechValue jcSpaceBetween">
<input type="hidden" name="attr_gear1-tech" class="techValueSelected"/>
<div class="readerTrait weaponTech">
<div class="input-label">
Tech:
</div>
<select name="attr_gear1-tech" class="inputLine">
<option value="core">Hard</option>
<option value="quantum">Quantum</option>
<option value="noetic">Noetic</option>
</select>
</div>
<div class="readerTrait weaponValue">
<div class="input-label weaponAtt">
Att:
</div>
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_gear1-techvalue" class="inputLine">
<option value=null>n/a</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div class="readerTrait defaultWeaponValue">
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_gear1-techvalue" class="inputLine fmtNull" value="null">
<option value=null>n/a</option>
</select>
</div>
</div>
<div class="weaponTags">
<div class="flex contactsTitle">
<div class="input-label">Description: </div>
</div>
</div>
</div>
<div class="armorDescriptionTab">
<div class="readerTrait">
<textarea name="attr_gear-1_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="singleWeapon secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_gear-2-trait-1" class="inputWeaponTitle" placeholder="Gear" />
<input type="text" name="attr_gear-2-trait-2" class="inputWeaponName" placeholder=" " />
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_gear-2-trait-3" class="inputWeaponEnhancement" placeholder="0" />
<div>
EN
</div>
</div>
<div class="flex weaponExpanderConteiner">
<input type="checkbox" class="expander" name="attr_gear_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="weaponExpandedArea">
<input type="hidden" class="weaponTabsToggle" name='attr_weapon1Tab' value='weapon1-traits'/>
<div class="weaponTabContent">
<div class="weaponTraitsTab fColumn">
<div class="weaponTraitsHeader flex fColumn jcSpaceBetween">
<div class="flex weaponRangeTypeTags jcSpaceBetween">
<div class="readerTrait weaponType">
<div class="input-label">
Range:
</div>
<select name="attr_gear2-range" class="inputLine">
<option value=null></option>
<option value="close">Close</option>
<option value="short">Short</option>
<option value="medium">Medium</option>
<option value="long">Long</option>
<option value="extreme">Extreme</option>
</select>
</div>
<div class="readerTrait weaponSize">
<div class="input-label">
Size:
</div>
<!-- <select name="attr_gear2-size" class="inputLine">
<option value="null" selected></option>
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
</select> -->
<input type="text" name="attr_gear2-size" class="inputLine">
</div>
</div>
<div class="flex weaponTechValue jcSpaceBetween">
<input type="hidden" name="attr_gear2-tech" class="techValueSelected"/>
<div class="readerTrait weaponTech">
<div class="input-label">
Tech:
</div>
<select name="attr_gear2-tech" class="inputLine">
<option value="core">Hard</option>
<option value="quantum">Quantum</option>
<option value="noetic">Noetic</option>
</select>
</div>
<div class="readerTrait weaponValue">
<div class="input-label weaponAtt">
Att:
</div>
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_gear2-techvalue" class="inputLine">
<option value=null>n/a</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div class="readerTrait defaultWeaponValue">
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_gear2-techvalue" class="inputLine fmtNull" value="null">
<option value=null>n/a</option>
</select>
</div>
</div>
<div class="weaponTags">
<div class="flex contactsTitle">
<div class="input-label">Description: </div>
</div>
</div>
</div>
<div class="armorDescriptionTab">
<div class="readerTrait">
<textarea name="attr_gear-2_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="singleWeapon secondaryColorBackground">
<div class="weaponHeader flex aiCenter jcSpaceBetween">
<div class="flex fColumn">
<input type="text" name="attr_gear-3-trait-1" class="inputWeaponTitle" placeholder="Gear" />
<input type="text" name="attr_gear-3-trait-2" class="inputWeaponName" placeholder=" " />
</div>
<div class="flex aiBaseline inputWeaponEnhancementConteiner">
<input type="text" name="attr_gear-3-trait-3" class="inputWeaponEnhancement" placeholder="0" />
<div>
EN
</div>
</div>
<div class="flex weaponExpanderConteiner">
<input type="checkbox" class="expander" name="attr_gear_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="weaponExpandedArea">
<input type="hidden" class="weaponTabsToggle" name='attr_weapon1Tab' value='weapon1-traits'/>
<div class="weaponTabContent">
<div class="weaponTraitsTab fColumn">
<div class="weaponTraitsHeader flex fColumn jcSpaceBetween">
<div class="flex weaponRangeTypeTags jcSpaceBetween">
<div class="readerTrait weaponType">
<div class="input-label">
Range:
</div>
<select name="attr_gear3-range" class="inputLine">
<option value=null></option>
<option value="close">Close</option>
<option value="short">Short</option>
<option value="medium">Medium</option>
<option value="long">Long</option>
<option value="extreme">Extreme</option>
</select>
</div>
<div class="readerTrait weaponSize">
<div class="input-label">
Size:
</div>
<!-- <select name="attr_gear3-size" class="inputLine">
<option value="null" selected></option>
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
</select> -->
<input type="text" name="attr_gear3-size" class="inputLine">
</div>
</div>
<div class="flex weaponTechValue jcSpaceBetween">
<input type="hidden" name="attr_gear3-tech" class="techValueSelected"/>
<div class="readerTrait weaponTech">
<div class="input-label">
Tech:
</div>
<select name="attr_gear3-tech" class="inputLine">
<option value="core">Hard</option>
<option value="quantum">Quantum</option>
<option value="noetic">Noetic</option>
</select>
</div>
<div class="readerTrait weaponValue">
<div class="input-label weaponAtt">
Att:
</div>
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_gear3-techvalue" class="inputLine">
<option value=null>n/a</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div class="readerTrait defaultWeaponValue">
<div class="input-label weaponFt">
FT:
</div>
<select name="attr_gear3-techvalue" class="inputLine fmtNull" value="null">
<option value=null>n/a</option>
</select>
</div>
</div>
<div class="weaponTags">
<div class="flex contactsTitle">
<div class="input-label">Description: </div>
</div>
</div>
</div>
<div class="armorDescriptionTab">
<div class="readerTrait">
<textarea name="attr_gear-3_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>
<!--++++++++++++++++++++++++++++++++ - FIM WEAPONS - ++++++++++++++++++++++++++++++++-->
</div>
</div>
<div class="space1"></div>
<!--///////////////////////// - FIM SECTION GEARS - //////////////////////////////-->
</div>
<!--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% - FIM EQUIPMENTS - %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%-->
<!--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% - ROLLS - %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%-->
<div class="TCRolls">
<!--//////////////////////////////////// - SUMMARY - ////////////////////////////////////-->
<div class="summaryButtons">
<div class="absolute">
<input type="checkbox" class="summaryButtonMain" name="attr_summary_expand" value="1"><span class="secondaryColorBackground">l</span>
<input type="hidden" class="hider" value="0" name="attr_summary_expand">
<div>
<a class="summaryButton secondaryColorBackground" href="#top">
Top
</a>
<a class="summaryButton secondaryColorBackground" href="#croll">
C.Rol
</a>
<a class="summaryButton secondaryColorBackground" href="#cinit">
C.Init
</a>
</div>
</div>
</div>
<!--////////////////////////////////// - FIM SUMMARY - //////////////////////////////////-->
<!--///////////////////////////////////// - ROLL - /////////////////////////////////////-->
<div class="rollButtons">
<div class="absolute secondaryColorBackground">
<input type="checkbox" class="rollButtonMain" name="attr_roll_expand" value="1"><span >k</span>
<input type="hidden" class="hider" value="0" name="attr_roll_expand">
<div>
<button type="action" name="act_roll-1" class="rollButton PC anima secondaryColorBackground">
Core
</button>
<button type="action" name="act_roll-2" class="rollButton PC anima secondaryColorBackground varg biosuit">
Gen
</button>
<button type="action" name="act_roll-3" class="rollButton PC anima secondaryColorBackground">
Init
</button>
<button type="action" name="act_roll-4" class="rollButton PC anima ftech qtech transport varg biosuit equipment secondaryColorBackground" formaction="#top">
C.Rol
</button>
<button type="action" name="act_roll-5" class="rollButton PC anima ftech qtech transport varg biosuit equipment secondaryColorBackground" formaction="#top">
C.Init
</button>
<button type="action" name="act_npc-roll-1" class="rollButton NPC secondaryColorBackground">
Core
</button>
<button type="action" name="act_npc-roll-2" class="rollButton NPC secondaryColorBackground">
Gen
</button>
<button type="action" name="act_npc-roll-3" class="rollButton NPC secondaryColorBackground">
Init
</button>
<button type="action" name="act_roll-4" class="rollButton NPC secondaryColorBackground" formaction="#top">
C.Rol
</button>
<button type="action" name="act_roll-5" class="rollButton NPC anima secondaryColorBackground" formaction="#top">
C.Init
</button>
</div>
</div>
</div>
<!--/////////////////////////////////// - FIM ROLL - ///////////////////////////////////-->
<!--////////////////////////// - SECTION CUSTOM ROLLS - /////////////////////////////-->
<div class="pSection TCCustomsRolls">
<div class="customRepeating customRoll">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title primaryColorBackground" id="croll">
<div class="titleLabel colorFont">
CUSTOM ROLLS
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--++++++++++++++++++++++++++++++++++ - ROLLS - ++++++++++++++++++++++++++++++++++-->
<fieldset class="repeating_customroll">
<input type="hidden" class="expanderFlag" value="0" name="attr_customroll_expand">
<div class="customRollContainer">
<div class="defaultRollingDisplay singleCustomRoll secondaryColorBackground">
<div class="rollTitleSection">
<div class="flex aiCenter jcSpaceBetween topHeader">
<input type="text" name="attr_customrowtype01" class="inputWeaponTitle" placeholder="Custom Roll" />
<div class="flex">
<input type="checkbox" class="expander" name="attr_customroll_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="rollTitleSectionInner secondaryColorBackground">
<div class="names">
<div class="rollName">
<input class="characterName" name="attr_customrollName01" type="text" placeholder=" "/>
</div>
</div>
<div class="target">
<!-- <input class="targetNumber pointerEventsNone" name="attr_targetnumber" type="text" readonly/> -->
<input type='hidden' name="attr_customrollTargetNumber01" value="default" class="targetSelected">
<select class="targetNumber primaryColorFont" name="attr_customrollTargetNumber01">
<option value="DF" selected>Tg</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div>
TG
</div>
<!-- <div class="targetIcon">
gps_fixed
</div> -->
</div>
</div>
</div>
<div class="customRollExpandedArea">
<input type="hidden" class="cRTabsToggle" name='attr_cr01tab' value='cr01-traits'/>
<div class="cRTabButtons flex jcSpaceBetween">
<button class="activeButton" type="action" name="act_cr01-traits">
Traits
</button>
<button type="action" name="act_cr01-description">
Description
</button>
</div>
<div class="cRTabsContent">
<div class="cRTraitsTab">
<div class="rollMiddleSection1">
<div class="trait1">
<!-- <div class="traitName" name="attr_customroll-skillname1-1">
Trait 1
</div> -->
<input class="traitName" name="attr_customrollSkillName0101" placeholder="Trait 1" type="text"/>
<input class="traitValue primaryColorFont" name="attr_customrollSkillValue0101" placeholder="0" type="number"/>
</div>
<div class="trait2">
<input class="traitName" name="attr_customrollSkillName0201" placeholder="Trait 2" type="text"/>
<input class="traitValue primaryColorFont" name="attr_customrollSkillValue0201" placeholder="0" type="number"/>
</div>
</div>
<div class="rollMiddleSection2">
<div class="modifier">
<div class="modifierTitle">
Dice Modifier
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_customrollDiceModifier01" placeholder="0" type="number"/>
</div>
</div>
<div class="modifier">
<div class="modifierTitle">
Enhancement
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_customrollEnhancements01" placeholder="0" type="number"/>
</div>
</div>
</div>
</div>
<div class="cRDescriptionTab">
<textarea name="attr_cr01_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
<div class="rollEndingSection">
<button class="rollEndingSectionInner tertiaryColorBackground" type="action" name="act_genericroll01">
<div class="diceGraf">
<div class="writingROLL primaryColorFont">
ROLL
</div>
<div class="diceIcon colorFont">
A
<div class="numberHider"></div>
</div>
</div>
</button>
</div>
</div>
<div class="defaultRollingDisplay singleCustomRoll secondaryColorBackground">
<div class="rollTitleSection">
<div class="flex aiCenter jcSpaceBetween topHeader">
<input type="text" name="attr_customrowtype02" class="inputWeaponTitle" placeholder="Custom Roll" />
<div class="flex">
<input type="checkbox" class="expander" name="attr_customroll_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="rollTitleSectionInner secondaryColorBackground">
<div class="names">
<div class="rollName">
<input class="characterName" name="attr_customrollName02" type="text" placeholder=" "/>
</div>
</div>
<div class="target">
<!-- <input class="targetNumber pointerEventsNone" name="attr_targetnumber" type="text" readonly/> -->
<input type='hidden' name="attr_customrollTargetNumber02" value="default" class="targetSelected">
<select class="targetNumber primaryColorFont" name="attr_customrollTargetNumber02">
<option value="DF" selected>Tg</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div>
TG
</div>
<!-- <div class="targetIcon">
gps_fixed
</div> -->
</div>
</div>
</div>
<div class="customRollExpandedArea">
<input type="hidden" class="cRTabsToggle" name='attr_cr02tab' value='cr02-traits'/>
<div class="cRTabButtons flex jcSpaceBetween">
<button class="activeButton" type="action" name="act_cr02-traits">
Traits
</button>
<button type="action" name="act_cr02-description">
Description
</button>
</div>
<div class="cRTabsContent">
<div class="cRTraitsTab">
<div class="rollMiddleSection1">
<div class="trait1">
<!-- <div class="traitName" name="attr_customroll-skillname1-1">
Trait 1
</div> -->
<input class="traitName" name="attr_customrollSkillName0102" placeholder="Trait 1" type="text"/>
<input class="traitValue primaryColorFont" name="attr_customrollSkillValue0102" placeholder="0" type="number"/>
</div>
<div class="trait2">
<input class="traitName" name="attr_customrollSkillName0202" placeholder="Trait 2" type="text"/>
<input class="traitValue primaryColorFont" name="attr_customrollSkillValue0202" placeholder="0" type="number"/>
</div>
</div>
<div class="rollMiddleSection2">
<div class="modifier">
<div class="modifierTitle">
Dice Modifier
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_customrollDiceModifier02" placeholder="0" type="number"/>
</div>
</div>
<div class="modifier">
<div class="modifierTitle">
Enhancement
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_customrollEnhancements02" placeholder="0" type="number"/>
</div>
</div>
</div>
</div>
<div class="cRDescriptionTab">
<textarea name="attr_cr02_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
<div class="rollEndingSection">
<button class="rollEndingSectionInner tertiaryColorBackground" type="action" name="act_genericroll02">
<div class="diceGraf">
<div class="writingROLL primaryColorFont">
ROLL
</div>
<div class="diceIcon colorFont">
A
<div class="numberHider"></div>
</div>
</div>
</button>
</div>
</div>
<div class="defaultRollingDisplay singleCustomRoll secondaryColorBackground">
<div class="rollTitleSection">
<div class="flex aiCenter jcSpaceBetween topHeader">
<input type="text" name="attr_customrowtype03" class="inputWeaponTitle" placeholder="Custom Roll" />
<div class="flex">
<input type="checkbox" class="expander" name="attr_customroll_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="rollTitleSectionInner secondaryColorBackground">
<div class="names">
<div class="rollName">
<input class="characterName" name="attr_customrollName03" type="text" placeholder=" "/>
</div>
</div>
<div class="target">
<!-- <input class="targetNumber pointerEventsNone" name="attr_targetnumber" type="text" readonly/> -->
<input type='hidden' name="attr_customrollTargetNumber03" value="default" class="targetSelected">
<select class="targetNumber primaryColorFont" name="attr_customrollTargetNumber03">
<option value="DF" selected>Tg</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div>
TG
</div>
<!-- <div class="targetIcon">
gps_fixed
</div> -->
</div>
</div>
</div>
<div class="customRollExpandedArea">
<input type="hidden" class="cRTabsToggle" name='attr_cr03tab' value='cr03-traits'/>
<div class="cRTabButtons flex jcSpaceBetween">
<button class="activeButton" type="action" name="act_cr03-traits">
Traits
</button>
<button type="action" name="act_cr03-description">
Description
</button>
</div>
<div class="cRTabsContent">
<div class="cRTraitsTab">
<div class="rollMiddleSection1">
<div class="trait1">
<!-- <div class="traitName" name="attr_customroll-skillname1-1">
Trait 1
</div> -->
<input class="traitName" name="attr_customrollSkillName0103" placeholder="Trait 1" type="text"/>
<input class="traitValue primaryColorFont" name="attr_customrollSkillValue0103" placeholder="0" type="number"/>
</div>
<div class="trait2">
<input class="traitName" name="attr_customrollSkillName0203" placeholder="Trait 2" type="text"/>
<input class="traitValue primaryColorFont" name="attr_customrollSkillValue0203" placeholder="0" type="number"/>
</div>
</div>
<div class="rollMiddleSection2">
<div class="modifier">
<div class="modifierTitle">
Dice Modifier
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_customrollDiceModifier03" placeholder="0" type="number"/>
</div>
</div>
<div class="modifier">
<div class="modifierTitle">
Enhancement
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_customrollEnhancements03" placeholder="0" type="number"/>
</div>
</div>
</div>
</div>
<div class="cRDescriptionTab">
<textarea name="attr_cr03_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
<div class="rollEndingSection">
<button class="rollEndingSectionInner tertiaryColorBackground" type="action" name="act_genericroll03">
<div class="diceGraf">
<div class="writingROLL primaryColorFont">
ROLL
</div>
<div class="diceIcon colorFont">
A
<div class="numberHider"></div>
</div>
</div>
</button>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<!--///////////////////////// - FIM SECTION CUSTOM ROLLS - ///////////////////////////-->
<!--////////////////////////// - SECTION CUSTOM INITIATIVE - /////////////////////////////-->
<div class="pSection TCCustomsInitiatives">
<div class="customRepeating custominitiative">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title primaryColorBackground" id="cinit">
<div class="titleLabel colorFont">
CUSTOM INITIATIVES
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--++++++++++++++++++++++++++++++++++ - ROLLS - ++++++++++++++++++++++++++++++++++-->
<fieldset class="repeating_custominitiative">
<input type="hidden" class="expanderFlag" value="0" name="attr_custominitiative_expand">
<div class="customRollContainer">
<div class="defaultRollingDisplay singleCustomRoll secondaryColorBackground">
<div class="rollTitleSection">
<div class="flex aiCenter jcSpaceBetween topHeader">
<input type="text" name="attr_custominittype01" class="inputWeaponTitle" placeholder="Custom Initiative" />
<div class="flex">
<input type="checkbox" class="expander" name="attr_custominitiative_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="rollTitleSectionInner secondaryColorBackground">
<div class="names">
<div class="rollName">
<input class="characterName" name="attr_custominitiativeName01" type="text" placeholder=" "/>
</div>
</div>
<div class="target">
<!-- <input class="targetNumber pointerEventsNone" name="attr_targetnumber" type="text" readonly/> -->
<input type='hidden' name="attr_custominitiativeTargetNumber01" value="default" class="targetSelected">
<select class="targetNumber primaryColorFont" name="attr_custominitiativeTargetNumber01">
<option value="DF" selected>Tg</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div>
TG
</div>
<!-- <div class="targetIcon">
gps_fixed
</div> -->
</div>
</div>
</div>
<div class="customRollExpandedArea">
<input type="hidden" class="cITabsToggle" name='attr_ci01tab' value='ci01-traits'/>
<div class="cRTabButtons flex jcSpaceBetween">
<button class="activeButton" type="action" name="act_ci01-traits">
Traits
</button>
<button type="action" name="act_ci01-description">
Description
</button>
</div>
<div class="cRTabsContent">
<div class="cRTraitsTab">
<div class="rollMiddleSection1">
<div class="trait1">
<!-- <div class="traitName" name="attr_customroll-skillname1-1">
Trait 1
</div> -->
<input class="traitName" name="attr_custominitiativeSkillName0101" placeholder="Trait 1" type="text"/>
<input class="traitValue primaryColorFont" name="attr_custominitiativeSkillValue0101" placeholder="0" type="number"/>
</div>
<div class="trait2">
<input class="traitName" name="attr_custominitiativeSkillName0201" placeholder="Trait 2" type="text"/>
<input class="traitValue primaryColorFont" name="attr_custominitiativeSkillValue0201" placeholder="0" type="number"/>
</div>
</div>
<div class="rollMiddleSection2">
<div class="modifier">
<div class="modifierTitle">
Dice Modifier
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_custominitiativeDiceModifier01" placeholder="0" type="number"/>
</div>
</div>
<div class="modifier">
<div class="modifierTitle">
Enhancement
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_custominitiativeEnhancements01" placeholder="0" type="number"/>
</div>
</div>
</div>
</div>
<div class="cRDescriptionTab">
<textarea name="attr_ci01_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
<div class="rollEndingSection">
<button class="rollEndingSectionInner tertiaryColorBackground" type="action" name="act_custominitiative01">
<div class="diceGraf">
<div class="writingROLL primaryColorFont">
ROLL
</div>
<div class="diceIcon colorFont">
A
<div class="numberHider"></div>
</div>
</div>
</button>
</div>
</div>
<div class="defaultRollingDisplay singleCustomRoll secondaryColorBackground">
<div class="rollTitleSection">
<div class="flex aiCenter jcSpaceBetween topHeader">
<input type="text" name="attr_custominittype02" class="inputWeaponTitle" placeholder="Custom Initiative" />
<div class="flex">
<input type="checkbox" class="expander" name="attr_custominitiative_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="rollTitleSectionInner secondaryColorBackground">
<div class="names">
<div class="rollName">
<input class="characterName" name="attr_custominitiativeName02" type="text" placeholder=" "/>
</div>
</div>
<div class="target">
<!-- <input class="targetNumber pointerEventsNone" name="attr_targetnumber" type="text" readonly/> -->
<input type='hidden' name="attr_custominitiativeTargetNumber02" value="default" class="targetSelected">
<select class="targetNumber primaryColorFont" name="attr_custominitiativeTargetNumber02">
<option value="DF" selected>Tg</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div>
TG
</div>
<!-- <div class="targetIcon">
gps_fixed
</div> -->
</div>
</div>
</div>
<div class="customRollExpandedArea">
<input type="hidden" class="cITabsToggle" name='attr_ci02tab' value='ci02-traits'/>
<div class="cRTabButtons flex jcSpaceBetween">
<button class="activeButton" type="action" name="act_ci02-traits">
Traits
</button>
<button type="action" name="act_ci02-description">
Description
</button>
</div>
<div class="cRTabsContent">
<div class="cRTraitsTab">
<div class="rollMiddleSection1">
<div class="trait1">
<!-- <div class="traitName" name="attr_customroll-skillname1-1">
Trait 1
</div> -->
<input class="traitName" name="attr_custominitiativeSkillName0102" placeholder="Trait 1" type="text"/>
<input class="traitValue primaryColorFont" name="attr_custominitiativeSkillValue0102" placeholder="0" type="number"/>
</div>
<div class="trait2">
<input class="traitName" name="attr_custominitiativeSkillName0202" placeholder="Trait 2" type="text"/>
<input class="traitValue primaryColorFont" name="attr_custominitiativeSkillValue0202" placeholder="0" type="number"/>
</div>
</div>
<div class="rollMiddleSection2">
<div class="modifier">
<div class="modifierTitle">
Dice Modifier
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_custominitiativeDiceModifier02" placeholder="0" type="number"/>
</div>
</div>
<div class="modifier">
<div class="modifierTitle">
Enhancement
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_custominitiativeEnhancements02" placeholder="0" type="number"/>
</div>
</div>
</div>
</div>
<div class="cRDescriptionTab">
<textarea name="attr_ci02_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
<div class="rollEndingSection">
<button class="rollEndingSectionInner tertiaryColorBackground" type="action" name="act_custominitiative02">
<div class="diceGraf">
<div class="writingROLL primaryColorFont">
ROLL
</div>
<div class="diceIcon colorFont">
A
<div class="numberHider"></div>
</div>
</div>
</button>
</div>
</div>
<div class="defaultRollingDisplay singleCustomRoll secondaryColorBackground">
<div class="rollTitleSection">
<div class="flex aiCenter jcSpaceBetween topHeader">
<input type="text" name="attr_custominittype03" class="inputWeaponTitle" placeholder="Custom Initiative" />
<div class="flex">
<input type="checkbox" class="expander" name="attr_custominitiative_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
<div class="rollTitleSectionInner secondaryColorBackground">
<div class="names">
<div class="rollName">
<input class="characterName" name="attr_custominitiativeName03" type="text" placeholder=" "/>
</div>
</div>
<div class="target">
<!-- <input class="targetNumber pointerEventsNone" name="attr_targetnumber" type="text" readonly/> -->
<input type='hidden' name="attr_custominitiativeTargetNumber03" value="default" class="targetSelected">
<select class="targetNumber primaryColorFont" name="attr_custominitiativeTargetNumber03">
<option value="DF" selected>Tg</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div>
TG
</div>
<!-- <div class="targetIcon">
gps_fixed
</div> -->
</div>
</div>
</div>
<div class="customRollExpandedArea">
<input type="hidden" class="cITabsToggle" name='attr_ci03tab' value='ci03-traits'/>
<div class="cRTabButtons flex jcSpaceBetween">
<button class="activeButton" type="action" name="act_ci03-traits">
Traits
</button>
<button type="action" name="act_ci03-description">
Description
</button>
</div>
<div class="cRTabsContent">
<div class="cRTraitsTab">
<div class="rollMiddleSection1">
<div class="trait1">
<!-- <div class="traitName" name="attr_customroll-skillname1-1">
Trait 1
</div> -->
<input class="traitName" name="attr_custominitiativeSkillName0103" placeholder="Trait 1" type="text"/>
<input class="traitValue primaryColorFont" name="attr_custominitiativeSkillValue0103" placeholder="0" type="number"/>
</div>
<div class="trait2">
<input class="traitName" name="attr_custominitiativeSkillName0203" placeholder="Trait 2" type="text"/>
<input class="traitValue primaryColorFont" name="attr_custominitiativeSkillValue0203" placeholder="0" type="number"/>
</div>
</div>
<div class="rollMiddleSection2">
<div class="modifier">
<div class="modifierTitle">
Dice Modifier
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_custominitiativeDiceModifier03" placeholder="0" type="number"/>
</div>
</div>
<div class="modifier">
<div class="modifierTitle">
Enhancement
</div>
<div class="modifierValue">
<div class="modifierAdding">
+
</div>
<input class="modifierNumber" name="attr_custominitiativeEnhancements03" placeholder="0" type="number"/>
</div>
</div>
</div>
</div>
<div class="cRDescriptionTab">
<textarea name="attr_ci03_description" placeholder="Description" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</div>
<div class="rollEndingSection">
<button class="rollEndingSectionInner tertiaryColorBackground" type="action" name="act_custominitiative03">
<div class="diceGraf">
<div class="writingROLL primaryColorFont">
ROLL
</div>
<div class="diceIcon colorFont">
A
<div class="numberHider"></div>
</div>
</div>
</button>
</div>
</div>
</div>
</fieldset>
<!--++++++++++++++++++++++++++++++++ - FIM ROLLS - ++++++++++++++++++++++++++++++++-->
</div>
</div>
<!--////////////////////// - FIM SECTION CUSTOM INITIATIVE - ////////////////////////-->
</div>
<!--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% - FIM ROLLS - %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%-->
<!--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% - COMBAT MODE - %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%-->
<div class="TCCombatMode">
<!--///////////////////////////////////// - ROLL - /////////////////////////////////////-->
<div class="rollButtons">
<div class="absolute secondaryColorBackground">
<input type="checkbox" class="rollButtonMain" name="attr_roll_expand" value="1"><span >k</span>
<input type="hidden" class="hider" value="0" name="attr_roll_expand">
<div>
<button type="action" name="act_roll-1" class="rollButton PC anima secondaryColorBackground">
Core
</button>
<button type="action" name="act_roll-2" class="rollButton PC anima secondaryColorBackground varg biosuit">
Gen
</button>
<button type="action" name="act_roll-3" class="rollButton PC anima secondaryColorBackground">
Init
</button>
<button type="action" name="act_roll-4" class="rollButton PC anima ftech qtech transport varg biosuit equipment secondaryColorBackground" formaction="#top">
C.Rol
</button>
<button type="action" name="act_roll-5" class="rollButton PC anima ftech qtech transport varg biosuit equipment secondaryColorBackground" formaction="#top">
C.Init
</button>
<button type="action" name="act_npc-roll-1" class="rollButton NPC secondaryColorBackground">
Core
</button>
<button type="action" name="act_npc-roll-2" class="rollButton NPC secondaryColorBackground">
Gen
</button>
<button type="action" name="act_npc-roll-3" class="rollButton NPC secondaryColorBackground">
Init
</button>
<button type="action" name="act_roll-4" class="rollButton NPC secondaryColorBackground" formaction="#top">
C.Rol
</button>
<button type="action" name="act_roll-5" class="rollButton NPC anima secondaryColorBackground" formaction="#top">
C.Init
</button>
</div>
</div>
</div>
<!--/////////////////////////////////// - FIM ROLL - ///////////////////////////////////-->
<!--//////////////////////// - TALENT POWER - GIFTS - /////////////////////////////-->
<div class="pSection TCcircumst">
<div class="customRepeating">
<!--+++++++++++++++++++++++++++++++++++ - TITLE - +++++++++++++++++++++++++++++++++++-->
<div class="title primaryColorBackground">
<div class="titleLabel colorFont">
CIRCUMSTANTIALS
</div>
</div>
<!--+++++++++++++++++++++++++++++++++ - FIM TITLE - +++++++++++++++++++++++++++++++++-->
<!--+++++++++++++++++++++++++++++++++++ - GIFTS - +++++++++++++++++++++++++++++++++++-->
<fieldset class="repeating_circumst">
<input type="hidden" class="expanderFlag" value="0" name="attr_circumst_expand">
<div class="secondaryColorBackground singleCircumst">
<div class="circumstHeader flex fRow">
<div class="circumstHeaderTraits flex fColumn">
<div class="circumstHeaderTraitsTitle flex jcSpaceBetween">
<div class="pathLabel primaryColorBackground colorFont">
Situation
</div>
<div class="pathLabel primaryColorBackground colorFont">
Specifically...
</div>
<div class="pathLabel primaryColorBackground colorFont">
Changes
</div>
</div>
<div class="circumstHeaderTraitsInputs flex jcSpaceBetween">
<input type="text" name="attr_circumst-trait-1" class="inputLine situation" />
<input type="text" name="attr_circumstancial_specifically" class="inputLine specifically" />
<input type="text" name="attr_circumstancial_changes" class="inputLine changes" />
</div>
</div>
<div class="circumstExpander flex aiCenter jcCenter">
<div class="flex">
<input type="checkbox" class="expander" name="attr_circumst_expand" value="1">
<span class="spanExpander"></span>
</div>
</div>
</div>
<div class="circumstExpanded">
<div class="flex jcSpaceBetween otherTraits">
<div class="traitType">
<div class="flex circumstancialTrait">
<div class="input-label">
Trait:
</div>
<input type="text" name="attr_circumstancial_trait" class="inputLine" />
</div>
<div class="flex circumstancialType">
<div class="input-label">
Type:
</div>
<input type="text" name="attr_circumstancial_type" class="inputLine" />
</div>
</div>
<div class="costDuration">
<div class="flex circumstancialCost">
<div class="input-label">
Cost:
</div>
<input type="text" name="attr_circumstancial_cost" class="inputLine" />
</div>
<div class="flex circumstancialDuration">
<div class="input-label">
Duration:
</div>
<input type="text" name="attr_circumstancial_duration" class="inputLine" />
</div>
</div>
<div class="bookPage">
<div class="flex circumstancialBook">
<div class="input-label">
Book:
</div>
<input type="text" name="attr_circumstancial_book" class="inputLine" />
</div>
<div class="flex circumstancialPage">
<div class="input-label">
Page:
</div>
<input type="text" name="attr_circumstancial_page" class="inputLine" />
</div>
</div>
</div>
<textarea name="attr_circumst_description" placeholder="Description/Details" rows="4" spellcheck="false" class="expandedArea"></textarea>
</div>
</div>
</fieldset>
<!--+++++++++++++++++++++++++++++++++ - FIM GIFTS - +++++++++++++++++++++++++++++++++-->
</div>
</div>
<!--///////////////////// - FIM TALENT POWER - GIFTS - ///////////////////////////-->
</div>
<!--%%%%%%%%%%%%%%%%%%%%%%%%%%%%% - FIM COMBAT MODE - %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%-->
<!--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% - SETTINGS - %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%-->
<div class="TCSettings">
<div class="themes pSection sheet-2colrow">
<div class="sheet-col">
<div class="optionsTitles">
Theme
</div>
<!--<select class="traitName" name="attr_colorOverhide">
<option value="default" selected>Default</option>
<option value="neutral">Neutral</option>
<option value="flux">Flux</option>
<option value="quantum">Quantum</option>
<option value="psi">Psi</option>
<option value="source">Source</option>
<option value="vintage">Vintage</option>
</select> -->
<div class="optionsColor">
<div class="flex optionColor">
<div class="flex inputAndName aiCenter">
<input type="radio" name="attr_colorOverhide" value="default" checked>
<div class="themeName">Default</div>
</div>
<div class="colorBoxes">Morphing</div>
</div>
<div class="flex optionColor">
<div class="flex inputAndName aiCenter">
<input type="radio" name="attr_colorOverhide" value="neutral">
<div class="themeName">Neutral</div>
</div>
<div class="flex jcSpaceBetween colorBoxes">
<div class="colorBox neutral1"></div>
<div class="colorBox neutral2"></div>
<div class="colorBox neutral3"></div>
</div>
</div>
<div class="flex optionColor">
<div class="flex inputAndName aiCenter">
<input type="radio" name="attr_colorOverhide" value="flux">
<div class="themeName">Paramorph I</div>
</div>
<div class="flex jcSpaceBetween colorBoxes">
<div class="colorBox flux1"></div>
<div class="colorBox flux2"></div>
<div class="colorBox flux3"></div>
</div>
</div>
<div class="flex optionColor">
<div class="flex inputAndName aiCenter">
<input type="radio" name="attr_colorOverhide" value="adventure">
<div class="themeName">Paramorph II</div>
</div>
<div class="flex jcSpaceBetween colorBoxes">
<div class="colorBox flux21"></div>
<div class="colorBox flux22"></div>
<div class="colorBox flux23"></div>
</div>
</div>
<div class="flex optionColor">
<div class="flex inputAndName aiCenter">
<input type="radio" name="attr_colorOverhide" value="aether">
<div class="themeName">Paramorph III</div>
</div>
<div class="flex jcSpaceBetween colorBoxes">
<div class="colorBox flux31"></div>
<div class="colorBox flux32"></div>
<div class="colorBox flux33"></div>
</div>
</div>
<div class="flex optionColor">
<div class="flex inputAndName aiCenter">
<input type="radio" name="attr_colorOverhide" value="assassin">
<div class="themeName">Paramorph IV</div>
</div>
<div class="flex jcSpaceBetween colorBoxes">
<div class="colorBox flux41"></div>
<div class="colorBox flux42"></div>
<div class="colorBox flux43"></div>
</div>
</div>
<div class="flex optionColor">
<div class="flex inputAndName aiCenter">
<input type="radio" name="attr_colorOverhide" value="quantum">
<div class="themeName">Eximorph</div>
</div>
<div class="flex jcSpaceBetween colorBoxes">
<div class="colorBox quantum1"></div>
<div class="colorBox quantum2"></div>
<div class="colorBox quantum3"></div>
</div>
</div>
<div class="flex optionColor">
<div class="flex inputAndName aiCenter">
<input type="radio" name="attr_colorOverhide" value="psi">
<div class="themeName">Psicomorph</div>
</div>
<div class="flex jcSpaceBetween colorBoxes">
<div class="colorBox psi1"></div>
<div class="colorBox psi2"></div>
<div class="colorBox psi3"></div>
</div>
</div>
<div class="flex optionColor">
<div class="flex inputAndName aiCenter">
<input type="radio" name="attr_colorOverhide" value="fulgurtech">
<div class="themeName">Glass</div>
</div>
<div class="flex jcSpaceBetween colorBoxes">
<div class="colorBox fulgurTech1"></div>
<div class="colorBox fulgurTech2"></div>
<div class="colorBox fulgurTech3"></div>
</div>
</div>
<!-- <div class="flex optionColor">
<div class="flex inputAndName aiCenter">
<input type="radio" name="attr_colorOverhide" value="telluric">
<div class="themeName">-Aemulamorph--</div>
</div>
<div class="flex jcSpaceBetween colorBoxes">
<div class="colorBox telluric1"></div>
<div class="colorBox telluric2"></div>
<div class="colorBox telluric3"></div>
</div>
</div> -->
<div class="flex optionColor">
<div class="flex inputAndName aiCenter">
<input type="radio" name="attr_colorOverhide" value="source">
<div class="themeName">Source</div>
</div>
<div class="flex jcSpaceBetween colorBoxes">
<div class="colorBox source1"></div>
<div class="colorBox source2"></div>
<div class="colorBox source3"></div>
</div>
</div>
<div class="flex optionColor">
<div class="flex inputAndName aiCenter">
<input type="radio" name="attr_colorOverhide" value="vintage">
<div class="themeName">Vintage</div>
</div>
<div class="flex jcSpaceBetween colorBoxes">
<div class="colorBox vintage1"></div>
<div class="colorBox vintage2"></div>
<div class="colorBox vintage3"></div>
</div>
</div>
<!-- <div class="flex optionColor">
<div class="flex inputAndName aiCenter">
<input type="radio" name="attr_colorOverhide" value="synthwave">
<div class="themeName">Ono Sendai</div>
</div>
<div class="flex jcSpaceBetween colorBoxes">
<div class="colorBox synthwave1"></div>
<div class="colorBox synthwave2"></div>
<div class="colorBox synthwave3"></div>
</div>
</div> -->
</div>
</div>
<div class="sheet-col sectionVisibility">
<div class="optionsTitles">
Sections Visibility
</div>
<div class="optionsColor">
<div class="flex PC unselectable">
<input type="checkbox" name='attr_secSkl' value='1' checked />
<div class="themeName">
Skill
</div>
</div>
<div class="flex PC unselectable">
<input type="checkbox" name='attr_secAtt' value='1' checked />
<div class="themeName">
Attribute
</div>
</div>
<div class="flex nova qtech npcQuantumSource">
<input type="checkbox" name='attr_secMgAtt' value='1' checked />
<div class="themeName">
Mega Attribute
</div>
</div>
<div class="flex nova qtech npcQuantumSource">
<input type="checkbox" name='attr_secMgAttAlt' value='1'/>
<div class="themeName">
Mega Attribute Alternative
</div>
</div>
<div class="flex NPC traistHealth unselectable">
<input type="checkbox" name='attr_secTrHlt' value='1' checked />
<div class="themeName">
Traits and Health
</div>
</div>
<div class="flex anima unselectable">
<input type="checkbox" name='attr_secAppHlt' value='1' checked />
<div class="themeName">
Approaches and Health
</div>
</div>
<div class="flex NPC">
<input type="checkbox" name='attr_secModCond' value='1' unchecked />
<div class="themeName">
Modifiers and Conditions
</div>
</div>
<div class="flex PC NPC ftech qtech biosuit selectableEdgesSkilltricks">
<input type="checkbox" name='attr_secEdSkTgUp' value='1' checked />
<div class="themeName PC NPC">
Edges and Skilltricks
</div>
<div class="themeName ftech qtech">
Edges and Tags
</div>
<div class="themeName biosuit">
Edges and Upgrades
</div>
</div>
<div class="flex talent inspired npcInspTalentSource npcInspStarwartSource npcInspMesmeristSource npcInspGogSource npcInspMagogSource npcInspAssassinSource unselectable">
<input type="checkbox" name='attr_secInsFac' value='1' checked />
<div class="themeName">
Inspiration and Facets
</div>
</div>
<div class="flex nova npcQuantumSource unselectable">
<input type="checkbox" name='attr_secQtTrs' value='1' checked />
<div class="themeName">
Quantum and Transcendence
</div>
</div>
<div class="flex qtech unselectable">
<input type="checkbox" name='attr_secCsMod' value='1' checked />
<div class="themeName">
Costs and Module
</div>
</div>
<div class="flex nova gog magog npcQuantumSource npcInspGogSource npcInspMagogSource">
<input type="checkbox" name='attr_secTransf' value='1' checked />
<div class="themeName nova npcQuantumSource">
Transformation
</div>
<div class="themeName gog magog npcInspGogSource npcInspMagogSource">
Deviations
</div>
</div>
<div class="flex talent inspired ftech npcInspTalentSource npcInspStarwartSource npcInspMesmeristSource npcInspGogSource npcInspMagogSource npcInspAssassinSource selectableGifts">
<input type="checkbox" name='attr_secGft' value='1' checked />
<div class="themeName talent inspired ftech npcInspTalentSource npcInspGogSource npcInspMagogSource selectableGifts">
Gifts
</div>
<div class="themeName stalwart npcInspStarwartSource">
Dynamics Power Gifts
</div>
<div class="themeName mesmerist npcInspMesmeristSource">
Psychic Gifts
</div>
<div class="themeName assassin npcInspAssassinSource">
Masteries
</div>
</div>
<div class="flex nova qtech npcQuantumSource">
<input type="checkbox" name='attr_secMgEd' value='1' checked />
<div class="themeName">
Mega Edge
</div>
</div>
<div class="flex nova qtech npcQuantumSource">
<input type="checkbox" name='attr_secQtPwr' value='1' checked />
<div class="themeName">
Quantum Powers
</div>
</div>
<div class="flex superior npcJinketsuPowerSource unselectable">
<input type="checkbox" name='attr_secJikPwr' value='1' checked />
<div class="themeName">
Jinketsu Powers
</div>
</div>
<div class="flex anima npcAnimaAspectSource unselectable">
<input type="checkbox" name='attr_secApc' value='1' checked />
<div class="themeName">
Aspect
</div>
</div>
<div class="flex psion psiad qin npcPsiPsiadSource npcPsiPsionSource npcPsiQinSource unselectable">
<input type="checkbox" name='attr_secPsiPsiTr' value='1' checked />
<div class="themeName">
Psi and Psi Traits
</div>
</div>
<div class="flex psion npcPsiPsionSource unselectable">
<input type="checkbox" name='attr_secPonApt' value='1' checked />
<div class="themeName">
Aptitude
</div>
</div>
<div class="flex qin npcPsiQinSource unselectable">
<input type="checkbox" name='attr_secQinApt' value='1' checked />
<div class="themeName">
Qin Aptitude
</div>
</div>
<div class="flex psiad npcPsiPsiadSource unselectable">
<input type="checkbox" name='attr_secPiadApt' value='1' checked />
<div class="themeName">
Aptitude
</div>
</div>
<div class="flex psion npcPsiPsionSource">
<input type="checkbox" name='attr_secPonAuxMd' value='1' checked />
<div class="themeName">
Auxiliary Modes
</div>
</div>
<div class="flex qin npcPsiQinSource">
<input type="checkbox" name='attr_secQinAuxMd' value='1' checked />
<div class="themeName">
Auxiliary Modes
</div>
</div>
<div class="flex baseline talent nova superior psion psiad inspired unselectable">
<input type="checkbox" name='attr_secCondInj' value='1' checked />
<div class="themeName">
Conditions and Injuries
</div>
</div>
<div class="flex qin unselectable">
<input type="checkbox" name='attr_secQinCondInj' value='1' checked />
<div class="themeName">
Conditions and Injuries
</div>
</div>
<div class="flex ftech qtech unselectable">
<input type="checkbox" name='attr_secFlwHlt' value='1' checked />
<div class="themeName">
Flaws and Health
</div>
</div>
<div class="flex PC unselectable">
<input type="checkbox" name='attr_secPths' value='1' checked />
<div class="themeName">
Paths
</div>
</div>
<div class="flex anima unselectable">
<input type="checkbox" name='attr_secAnPaths' value='1' checked />
<div class="themeName">
Paths
</div>
</div>
<div class="flex PC unselectable">
<input type="checkbox" name='attr_secNotsAsp' value='1' checked />
<div class="themeName">
Notes and Aspirations
</div>
</div>
<div class="flex PC anima">
<input type="checkbox" name='attr_secExpDfs' value='1'/>
<div class="themeName">
Experience and Defense
</div>
</div>
<div class="flex npcGenericSource unselectable">
<input type="checkbox" name='attr_secSrcSdEf' value='1' checked />
<div class="themeName">
Source and Side Effects
</div>
</div>
<div class="flex npcGenericSource unselectable">
<input type="checkbox" name='attr_secGenPwr' value='1' checked />
<div class="themeName">
Generic Powers
</div>
</div>
<div class="flex transport equipment varg unselectable">
<input type="checkbox" name='attr_secTrCondUAbl' value='1' checked />
<div class="themeName transport equipment">
Traits and Conditions
</div>
<div class="themeName varg">
Traits and Unique Abilities
</div>
</div>
<div class="flex transport varg subTypeWeapon subTypeArmor unselectable">
<input type="checkbox" name='attr_secTgSytTg' value='1' checked />
<div class="themeName transport subTypeWeapon subTypeArmor">
Tags
</div>
<div class="themeName varg">
System Tags
</div>
</div>
<div class="flex varg biosuit unselectable">
<input type="checkbox" name='attr_secAltCondInj' value='1' checked />
<div class="themeName">
Conditions and Injuries
</div>
</div>
<div class="flex biosuit unselectable">
<input type="checkbox" name='attr_secBioArm' value='1' checked />
<div class="themeName">
Biosuit Armor
</div>
</div>
<div class="flex varg biosuit transport">
<input type="checkbox" name='attr_secBioWep' value='1' checked />
<div class="themeName transport">
Vehicle Weapons
</div>
<div class="themeName varg">
Varg Weapons
</div>
<div class="themeName biosuit">
Biosuit Weapons
</div>
</div>
<div class="flex TCGears biosuit unselectable">
<input type="checkbox" name='attr_secBioGer' value='1' checked />
<div class="themeName">
Gear
</div>
</div>
<div class="flex TCGears transport">
<input type="checkbox" name='attr_secBioGer' value='1' checked />
<div class="themeName">
Gear
</div>
</div>
<div class="flex NPC ftech qtech anima transport equipment varg biosuit unselectable">
<input type="checkbox" name='attr_secNotsOtTrts' value='1' checked />
<div class="themeName">
Notes and Other Traits
</div>
</div>
</div>
</div>
</div>
</div>
<!--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% - FIM SETTINGS - %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%-->
<!--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% - CREDITS - %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%-->
<div class="TCCredits">
<div class="credSection logoMercuryCluster">
<img src="https://raw.githubusercontent.com/JonnesDerik/roll20-character-sheets/trinitycontinuum2e/Trinity_Continuum_2ed/images/mercurymluster-logo.png" />
</div>
<div class="credSection developed">
<div class="credTitle">DEVELOPED BY</div>
<div class="credContent">
<div class="credName">Jonnes Derik</div>
<div class="credName">Frank Malcher</div>
</div>
</div>
<div class="credSection thanks">
<div class="credTitle">SPECIAL THANKS TO</div>
<div class="credContent">
<div class="credName">Alessandro Ripardo</div>
<div class="credName">Jaime Costa</div>
<div class="credName">Lucas Gabriel</div>
<div class="credName">Luciano Parintins</div>
<div class="credName">Matheus Oliveira</div>
<div class="credName">Roberto Malcher</div>
<div class="credName">White Wolf</div>
<div class="credName">Roll20.net</div>
<div class="credName">Onyx Path</div>
<div class="credName">To everyone who supported this project</div>
</div>
</div>
<div class="credSection contact">
<div class="credTitle">CONTACT</div>
<div class="credContent">
<div class="credName">mercuryclustertc@gmail.com</div>
</div>
</div>
</div>
<!--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% - FIM CREDITS - %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%-->
</div>
</div>
<!--#################################################################################-->
<datalist id="weaponTypeList">
<option value="Ballistic">
<option value="Blunt">
<option value="Slash">
</datalist>
<datalist id="traitList">
<option value="Aim"></option>
<option value="Athletics"></option>
<option value="Close Combat"></option>
<option value="Command"></option>
<option value="Culture"></option>
<option value="Empathy"></option>
<option value="Enigmas"></option>
<option value="Humanities"></option>
<option value="Integrity"></option>
<option value="Larceny"></option>
<option value="Medicine"></option>
<option value="Persuasion"></option>
<option value="Pilot"></option>
<option value="Science"></option>
<option value="Survival"></option>
<option value="Technology"></option>
<fieldset class="repeating_edge">
</fieldset>
</datalist>
<script type="text/worker">
// ################################### - NAVBAR - ###################################
var buttonlist = ["sheet","equipments","rolls","combatMode","creationMode","settings", "credits"];
var tabsGroup = "sheetTab";
tabSystem(buttonlist, tabsGroup);
// ################################# - FIM NAVBAR - #################################
// ################################ - ORIGIN PATH - ################################
buttonlist = ["origin-connections","origin-skills","origin-edges","origin-story"];
tabsGroup = "originPathTab";
tabSystem(buttonlist, tabsGroup);
// ############################## - FIM ORIGIN PATH - ##############################
// ################################# - ROLE PATH - #################################
buttonlist = ["role-connections","role-skills","role-edges", "role-story"];
tabsGroup = "rolePathTab";
tabSystem(buttonlist, tabsGroup);
// ############################### - FIM ROLE PATH - ###############################
// ############################### - SOCIETY PATH - ###############################
buttonlist = ["society-connections","society-skills","society-edges", "society-story"];
tabsGroup = "societyPathTab";
tabSystem(buttonlist, tabsGroup);
// ############################# - FIM SOCIETY PATH - #############################
// ############################### - EXTRA PATH 1 - ###############################
buttonlist = ["extraPath-1-connections","extraPath-1-skills","extraPath-1-edges", "extraPath-1-story"];
tabsGroup = "extraPath-1Tab";
tabSystem(buttonlist, tabsGroup);
// ############################# - FIM EXTRA PATH 1 - #############################
// ############################### - EXTRA PATH 2 - ###############################
buttonlist = ["extraPath-2-connections","extraPath-2-skills","extraPath-2-edges", "extraPath-2-story"];
tabsGroup = "extraPath-2Tab";
tabSystem(buttonlist, tabsGroup);
// ############################# - FIM EXTRA PATH 2 - #############################
// ############################ - ANIMA CULTURE PATH - ############################
buttonlist = ["culture-traits","culture-description"];
tabsGroup = "culturePathTab";
tabSystem(buttonlist, tabsGroup);
// ########################## - FIM ANIMA CULTURE PATH - ##########################
// ############################ - ANIMA CLASS PATH - ############################
buttonlist = ["class-traits1","class-traits2","class-description"];
tabsGroup = "classPathTab";
tabSystem(buttonlist, tabsGroup);
// ########################## - FIM ANIMA CLASS PATH - ##########################
// ############################ - ANIMA GUILD PATH - ############################
buttonlist = ["guild-callInTheGuild", "guild-description"];
tabsGroup = "guildPathTab";
tabSystem(buttonlist, tabsGroup);
// ########################## - FIM ANIMA GUILD PATH - ##########################
// ############################### - QUANTUM POWERS - ###############################
var sectionName = "quantum-power"
var buttonlist = ["quantum-power-1-traits","quantum-power-1-description"];
var tabsGroup = "quantum-power-1-tab";
tabSystemRepeated(sectionName, buttonlist, tabsGroup);
var buttonlist = ["quantum-power-2-traits","quantum-power-2-description"];
var tabsGroup = "quantum-power-2-tab";
tabSystemRepeated(sectionName, buttonlist, tabsGroup);
// ############################# - FIM QUANTUM POWERS - #############################
// ################################## - WEAPONS - ##################################
var sectionName = "weapon"
var buttonlist = ["weapon1-traits","weapon1-description"];
var tabsGroup = "weapon1Tab";
tabSystemRepeated(sectionName, buttonlist, tabsGroup);
var buttonlist = ["weapon2-traits","weapon2-description"];
var tabsGroup = "weapon2Tab";
tabSystemRepeated(sectionName, buttonlist, tabsGroup);
var buttonlist = ["weapon3-traits","weapon3-description"];
var tabsGroup = "weapon3Tab";
tabSystemRepeated(sectionName, buttonlist, tabsGroup);
// ################################ - FIM WEAPONS - ################################
// ################################### - SKILLS - ###################################
const skills = ["aim","athletics", "close_combat", "command", "culture", "empathy", "enigmas", "humanities", "integrity", "larceny", "medicine", "persuasion", "pilot", "science", "survival", "technology"];
const skillLevels = 5;
const initialSkillLevels = 0;
assignTraitsLevels (skills, skillLevels, initialSkillLevels);
// ################################# - FIM SKILLS - #################################
// ################################### - TRAITS ROLL - ###################################
const userNameSkills = ["Aim","Athletics", "Close Combat", "Command", "Culture", "Empathy", "Enigmas", "Humanities", "Integrity", "Larceny", "Medicine", "Persuasion", "Pilot", "Science", "Survival", "Technology"];
clickedTraitDice(skills, userNameSkills);
// ################################# - FIM TRAITS ROLL - #################################
// ################################# - APPROACHES - #################################
const aprroaches = ["force", "finesse", "resilience"];
const aprroacheLevels = 1;
const initialAprroacheLevels = 0;
onlyOneChoice (aprroaches);
// ############################### - FIM APPROACHES - ###############################
// ################################### - FORTE - ###################################
const fortes = ["mental", "physical", "social"];
onlyOneChoice (fortes);
// ################################# - FIM FORTE - #################################
// ################################# - ATTRIBUTES - #################################
const attributes = ["intellect", "cunning", "resolve", "might", "dexterity", "stamina", "presence", "manipulation", "composure"];
const attributeLevels = 6;
const initialAttributeLevels = 1;
assignTraitsLevels (attributes, attributeLevels, initialAttributeLevels);
// ############################### - FIM ATTRIBUTES - ###############################
// ####################### - TWIN SECTIONSEDGES SKILLTRICKS - ######################
var sectionName1 = "edge";
var sectionLevels1 = ["","","","","",""];
var sectionTrait1 = "trait-1";
var sectionBaseID1 = "----Rep-Edge---ID-";
// --------------------------------------------------
var sectionName2 = "skillTrick";
var sectionLevels2 = ["","","","","",""];
var sectionTrait2 = "trait-2";
var sectionBaseID2 = "----Rep-SkiTri-ID-";
twinSection (sectionName1, sectionLevels1, sectionTrait1, sectionBaseID1, sectionName2, sectionLevels2, sectionTrait2, sectionBaseID2);
// #################### - FIM TWIN SECTIONSEDGES SKILLTRICKS - ####################
// ############################### - MEGA ATTRIBUTES - ##############################
const megaAttributes = ["mega_intellect", "mega_cunning", "mega_resolve", "mega_might", "mega_dexterity", "mega_stamina", "mega_presence", "mega_manipulation", "mega_composure"];
const megaAttributeLevels = 9;
const initialMegaAttributeLevels = 0;
assignTraitsLevels (megaAttributes, megaAttributeLevels, initialMegaAttributeLevels);
// ############################# - FIM MEGA ATTRIBUTES - ############################
// ################################# - INSPIRATION - ################################
const inspiration = ["inspiration", "inspirationExpended"];
const inspirationLevels = 10;
const initialInspirationLevels = 0;
assignTraitsLevels (inspiration, inspirationLevels, initialInspirationLevels);
// ############################### - FIM INSPIRATION - ##############################
// ################################### - FACETS - ##################################
const facet = ["facet-destructive", "facet-intuitive", "facet-reflective"];
const facetLevels = 5;
const initialFacetLevels = 0;
assignTraitsLevels (facet, facetLevels, initialFacetLevels);
// ################################# - FIM FACETS - ################################
// #################################### - GIFTS - ###################################
sectionGiftName = "gift";
sectionGiftLevels1 = ["",""];
sectionGiftTrait1 = "trait-1";
sectionGiftBaseID1 = "----Rep-Gift---ID-";
var giftSectionExpanders = [""];
on("sheet:opened", function(){
sectionIniciator (sectionGiftName, sectionGiftLevels1, sectionGiftTrait1, sectionGiftBaseID1);
collapseAllElementsRepeatedSection (sectionGiftName, giftSectionExpanders);
});
// ################################## - FIM GIFTS - #################################
// ############################ - SUPERIOR POWER - ###########################
var expanderList = ["gift"];
var repeatedSectionName = "gift";
//onlyOneRepeatedExpanded (repeatedSectionName, expanderList);
// ########################## - FIM SUPERIOR POWER - #########################
// ################################# - QUANTUM - ################################
const quantumTraits = ["quantum", "transcendence", "quantumFlux", "quantum_flux"];
const quantumTraitsLevels = 10;
const initialQuantumTraitsLevels = 0;
assignTraitsLevels (quantumTraits, quantumTraitsLevels, initialQuantumTraitsLevels);
// ############################### - FIM QUANTUM - ##############################
// ############################### - QUANTUM POWERS - ##############################
var sectionsToModal = ["repeating_quantum-power"] ;
var expander = ["quantum-power-1-tag-11", "quantum-power-1-tag-12","quantum-power-1-tag-13", "quantum-power-1-tag-14", "quantum-power-1-tag-15", "quantum-power-1-tag-16", "quantum-power-1-tag-17", "quantum-power-1-tag-18", "quantum-power-1-tag-19", "quantum-power-1-tag-10", "quantum-power-1-tag-21", "quantum-power-1-tag-22", "quantum-power-1-tag-23", "quantum-power-1-tag-24", "quantum-power-1-tag-25", "quantum-power-1-tag-26", "quantum-power-1-tag-27", "quantum-power-1-tag-28", "quantum-power-1-tag-29", "quantum-power-1-tag-20", "quantum-power-2-tag-11", "quantum-power-2-tag-12", "quantum-power-2-tag-13", "quantum-power-2-tag-14", "quantum-power-2-tag-15", "quantum-power-2-tag-16", "quantum-power-2-tag-17", "quantum-power-2-tag-18", "quantum-power-2-tag-19", "quantum-power-2-tag-10", "quantum-power-2-tag-21", "quantum-power-2-tag-22", "quantum-power-2-tag-23", "quantum-power-2-tag-24", "quantum-power-2-tag-25", "quantum-power-2-tag-26", "quantum-power-2-tag-27", "quantum-power-2-tag-28", "quantum-power-2-tag-29", "quantum-power-2-tag-20"];
modalSystemInRepeatedSection(sectionsToModal, expander);
// ############################# - FIM QUANTUM POWERS - ############################
// ############################### - TRANSFORMATION - ##############################
var sectionsToModal = ["repeating_transformation"] ;
var expander = ["transformation1", "transformation2"];
sectionTransformationName = "transformation";
sectionTransformationLevels1 = ["","",""];
sectionTransformationTrait1 = "trait-1";
sectionTransformationBaseID1 = "----Rep-TRANSF-ID-";
modalSystemInRepeatedSection(sectionsToModal, expander);
on("sheet:opened", function(){
sectionIniciator (sectionTransformationName, sectionTransformationLevels1, sectionTransformationTrait1, sectionTransformationBaseID1);
});
// ############################# - FIM TRANSFORMATION - ############################
// ################################## - WEAPONS - #################################
var sectionsToModal = ["repeating_weapon"] ;
var expander = ["weapon1-tag-1", "weapon1-tag-2", "weapon1-tag-3", "weapon1-tag-4", "weapon1-tag-5", "weapon1-tag-6", "weapon1-tag-7", "weapon1-tag-8", "weapon1-tag-9", "weapon1-tag-10", "weapon2-tag-1", "weapon2-tag-2", "weapon2-tag-3", "weapon2-tag-4", "weapon2-tag-5", "weapon2-tag-6", "weapon2-tag-7", "weapon2-tag-8", "weapon2-tag-9", "weapon2-tag-10", "weapon3-tag-1", "weapon3-tag-2", "weapon3-tag-3", "weapon3-tag-4", "weapon3-tag-5", "weapon3-tag-6", "weapon3-tag-7", "weapon3-tag-8", "weapon3-tag-9", "weapon3-tag-10"];
modalSystemInRepeatedSection(sectionsToModal, expander);
// ################################ - FIM WEAPONS - ###############################
// ################################## - MEGA EDGES - #################################
var repeatedSectionName = "mega-edge";
var subSectionNames = ["mega-edge-1", "mega-edge-2"]
var megaEdgeLevels = 9;
var initialMegaEdgeLevels = 0;
assignRepeatedTraitsLevels (repeatedSectionName, subSectionNames, megaEdgeLevels, initialMegaEdgeLevels);
// ################################ - FIM MEGA EDGES - ###############################
// ############################# - MEGA EDGES - ###########################
var megaEdgeSectionName = "mega-edge";
var megaEdgeSectionLevels1 = ["","",""];
var megaEdgeSectionTrait1 = "trait-1";
var megaEdgeSectionBaseID1 = "----Rep-MEdg---ID-";
var megaEdgeSectionExpanders = [""];
on("sheet:opened", function(){
sectionIniciator (megaEdgeSectionName, megaEdgeSectionLevels1, megaEdgeSectionTrait1, megaEdgeSectionBaseID1);
collapseAllElementsRepeatedSection (megaEdgeSectionName, megaEdgeSectionExpanders);
});
// ########################### - FIM MEGA EDGES - #########################
// ############################### - MEGA EDGES - ##############################
var sectionsToModal = ["repeating_mega-edge"] ;
var expander = ["mega-edge-1-tag-11", "mega-edge-1-tag-12","mega-edge-1-tag-13", "mega-edge-1-tag-14", "mega-edge-1-tag-15", "mega-edge-1-tag-16", "mega-edge-1-tag-17", "mega-edge-1-tag-18", "mega-edge-1-tag-19", "mega-edge-1-tag-10", "mega-edge-1-tag-21", "mega-edge-1-tag-22", "mega-edge-1-tag-23", "mega-edge-1-tag-24", "mega-edge-1-tag-25", "mega-edge-1-tag-26", "mega-edge-1-tag-27", "mega-edge-1-tag-28", "mega-edge-1-tag-29", "mega-edge-1-tag-20", "mega-edge-2-tag-11", "mega-edge-2-tag-12", "mega-edge-2-tag-13", "mega-edge-2-tag-14", "mega-edge-2-tag-15", "mega-edge-2-tag-16", "mega-edge-2-tag-17", "mega-edge-2-tag-18", "mega-edge-2-tag-19", "mega-edge-2-tag-10", "mega-edge-2-tag-21", "mega-edge-2-tag-22", "mega-edge-2-tag-23", "mega-edge-2-tag-24", "mega-edge-2-tag-25", "mega-edge-2-tag-26", "mega-edge-2-tag-27", "mega-edge-2-tag-28", "mega-edge-2-tag-29", "mega-edge-2-tag-20"];
modalSystemInRepeatedSection(sectionsToModal, expander);
// ############################# - FIM MEGA EDGES - ############################
// ############################### - MEGA EDGES - ###############################
var sectionName = "mega-edge"
var buttonlist = ["mega-edge-1-traits","mega-edge-1-description"];
var tabsGroup = "mega-edge-1-tab";
tabSystemRepeated(sectionName, buttonlist, tabsGroup);
var buttonlist = ["mega-edge-2-traits","mega-edge-2-description"];
var tabsGroup = "mega-edge-2-tab";
tabSystemRepeated(sectionName, buttonlist, tabsGroup);
// ############################# - FIM MEGA EDGES - #############################
// ############################## - MEGA ATTRIBUTE ALTERNATIVE - ##########################
var repeatedSectionName = "mega-attributealternative";
var subSectionNames = ["mega-edge-1", "mega-edge-2"]
var megaEdgeLevels = 9;
var initialMegaEdgeLevels = 0;
assignRepeatedTraitsLevels (repeatedSectionName, subSectionNames, megaEdgeLevels, initialMegaEdgeLevels);
// ############################ - FIM MEGA ATTRIBUTE ALTERNATIVE - ########################
// ######################### - MEGA ATTRIBUTE ALTERNATIVE - ####################
var megaAttributeAltSectionName = "mega-attributealternative";
var megaAttributeAltSectionLevels1 = ["",""];
var megaAttributeAltSectionTrait1 = "trait-1";
var megaAttributeAltSectionBaseID1 = "----Rep-MAta---ID-";
var megaAttributeAltSectionExpanders = [""];
on("sheet:opened", function(){
sectionIniciator (megaAttributeAltSectionName, megaAttributeAltSectionLevels1, megaAttributeAltSectionTrait1, megaAttributeAltSectionBaseID1);
collapseAllElementsRepeatedSection (megaAttributeAltSectionName, megaAttributeAltSectionExpanders);
});
// ####################### - FIM MEGA ATTRIBUTE ALTERNATIVE - ##################
// ########################### - MEGA ATTRIBUTE ALTERNATIVE - #######################
var sectionsToModal = ["repeating_mega-attributealternative"] ;
var expander = ["mega-edge-1-tag-11", "mega-edge-1-tag-12","mega-edge-1-tag-13", "mega-edge-1-tag-14", "mega-edge-1-tag-15", "mega-edge-1-tag-16", "mega-edge-1-tag-17", "mega-edge-1-tag-18", "mega-edge-1-tag-19", "mega-edge-1-tag-10", "mega-edge-1-tag-21", "mega-edge-1-tag-22", "mega-edge-1-tag-23", "mega-edge-1-tag-24", "mega-edge-1-tag-25", "mega-edge-1-tag-26", "mega-edge-1-tag-27", "mega-edge-1-tag-28", "mega-edge-1-tag-29", "mega-edge-1-tag-20", "mega-edge-2-tag-11", "mega-edge-2-tag-12", "mega-edge-2-tag-13", "mega-edge-2-tag-14", "mega-edge-2-tag-15", "mega-edge-2-tag-16", "mega-edge-2-tag-17", "mega-edge-2-tag-18", "mega-edge-2-tag-19", "mega-edge-2-tag-10", "mega-edge-2-tag-21", "mega-edge-2-tag-22", "mega-edge-2-tag-23", "mega-edge-2-tag-24", "mega-edge-2-tag-25", "mega-edge-2-tag-26", "mega-edge-2-tag-27", "mega-edge-2-tag-28", "mega-edge-2-tag-29", "mega-edge-2-tag-20"];
modalSystemInRepeatedSection(sectionsToModal, expander);
// ######################### - FIM MEGA ATTRIBUTE ALTERNATIVE - #####################
// ########################### - MEGA ATTRIBUTE ALTERNATIVE - ########################
var sectionName = "mega-attributealternative"
var buttonlist = ["mega-edge-1-traits","mega-edge-1-description"];
var tabsGroup = "mega-edge-1-tab";
tabSystemRepeated(sectionName, buttonlist, tabsGroup);
var buttonlist = ["mega-edge-2-traits","mega-edge-2-description"];
var tabsGroup = "mega-edge-2-tab";
tabSystemRepeated(sectionName, buttonlist, tabsGroup);
// ######################### - FIM MEGA ATTRIBUTE ALTERNATIVE - ######################
// ################################# - QUANTUMPOWER - #################################
var repeatedSectionName = "quantum-power";
var subSectionNames = ["quantum-power-1", "quantum-power-2"]
const quantumPowerLevels = 9;
const initialquantumPowerLevels = 0;
assignRepeatedTraitsLevels (repeatedSectionName, subSectionNames, quantumPowerLevels, initialquantumPowerLevels);
// ############################### - FIM QUANTUMPOWER - ###############################
// ############################# - QUANTUM POWERS - ###########################
var expanderList = ["mega-edge"];
var repeatedSectionName = "mega-edge";
//onlyOneRepeatedExpanded (repeatedSectionName, expanderList);
// ########################### - FIM QUANTUM POWERS - #########################
// ############################ - SUPERIOR POWER - ###########################
var repeatedSectionName = "superiorpower";
var subSectionNames = ["superiorpower-1", "superiorpower-2"]
const superiorPowerLevels = 5;
const initialSuperiorPowerLevels = 0;
assignRepeatedTraitsLevels (repeatedSectionName, subSectionNames, superiorPowerLevels, initialSuperiorPowerLevels);
// ########################## - FIM SUPERIOR POWER - #########################
// ############################ - SUPERIOR POWER - ###########################
var superiorPowerSectionName = "superiorpower";
var superiorPowerSectionLevels1 = ["","",""];
var superiorPowerSectionTrait1 = "trait-1";
var superiorPowerSectionBaseID1 = "----Rep-SPwr---ID-";
var superiorPowerSectionExpanders = [""];
on("sheet:opened", function(){
sectionIniciator (superiorPowerSectionName, superiorPowerSectionLevels1, superiorPowerSectionTrait1, superiorPowerSectionBaseID1);
collapseAllElementsRepeatedSection (superiorPowerSectionName, superiorPowerSectionExpanders);
});
// ########################## - FIM SUPERIOR POWER - #########################
// ############################ - SUPERIOR POWER - ###########################
var expanderList = ["superiorpower"];
var repeatedSectionName = "superiorpower";
onlyOneRepeatedExpanded (repeatedSectionName, expanderList);
// ########################## - FIM SUPERIOR POWER - #########################
// ############################ - GENERIC POWER - ###########################
var genericpowerSectionName = "genericpower";
var genericpowerSectionLevels1 = ["","",""];
var genericpowerSectionTrait1 = "trait-1";
var genericpowerSectionBaseID1 = "----Rep-GPwr---ID-";
var genericpowerSectionExpanders = [""];
var expanderList = ["genericpower"];
on("sheet:opened", function(){
sectionIniciator (genericpowerSectionName, genericpowerSectionLevels1, genericpowerSectionTrait1, genericpowerSectionBaseID1);
collapseAllElementsRepeatedSection (genericpowerSectionName, genericpowerSectionExpanders);
});
onlyOneRepeatedExpanded (genericpowerSectionName, expanderList);
// ########################## - FIM GENERIC POWER - #########################
// ########################### - GENERIC POWER - ###########################
var repeatedSectionName = "genericpower";
var subSectionNames = ["superiorpower-1", "superiorpower-2"]
const genericPowerLevels = 9;
const initialgenericPowerLevels = 0;
assignRepeatedTraitsLevels (repeatedSectionName, subSectionNames, quantumPowerLevels, initialgenericPowerLevels);
// ######################### - FIM GENERIC POWER - #########################
// ################################# - PSI - ################################
const psi = ["psi"];
const psiLevels = 7;
const initialPsiLevels = 1;
assignTraitsLevels (psi, psiLevels, initialPsiLevels);
// ############################### - FIM PSI - ##############################
// ################################ - APTITUDE MODES - ###############################
const aptitudeMode = ["aptitude-mode-1", "aptitude-mode-2", "aptitude-mode-3"];
const aptitudeModeLevels = 7;
const initialAptitudeModeLevels = 0;
assignTraitsLevels (aptitudeMode, aptitudeModeLevels, initialAptitudeModeLevels);
// ############################## - FIM APTITUDE MODES - #############################
// ############################## - SECONDARY APTITUDE - #############################
var repeatedSectionName = "secondaryaptitude";
var subSectionNames = ["secondary-aptitude-mode-1", "secondary-aptitude-mode-2", "secondary-aptitude-mode-3"]
const secondaryAptitudeLevels = 4;
const initialSecondaryAptitudeLevels = 0;
assignRepeatedTraitsLevels (repeatedSectionName, subSectionNames, secondaryAptitudeLevels, initialSecondaryAptitudeLevels);
// ############################ - FIM SECONDARY APTITUDE - ###########################
// ##################### - PRIMARY APTITUDE MODE LEVEL EXPANDER - ###################
var primaryAptitudeLevelExpanders = ["basic-mode", "aptitudemodelevel-1", "aptitudemodelevel-2", "aptitudemodelevel-3", "aptitudemodelevel-4", "aptitudemodelevel-5", "aptitudemodelevel-6", "aptitudeproxylevel"];
on("sheet:opened", function(){
collapseAllElementsSection (primaryAptitudeLevelExpanders);
});
onlyOneExpanded (primaryAptitudeLevelExpanders);
// ################### - FIM PRIMARY APTITUDE MODE LEVEL EXPANDER - #################
// ################################# - auxilIARY MODE - #################################
var repeatedSectionName = "auxiliary-mode";
var subSectionNames = ["auxiliary-mode-1", "auxiliary-mode-2", "auxiliary-mode-3"]
var auxiliaryLevels = 2;
var initialauxiliaryLevels = 0;
assignRepeatedTraitsLevels (repeatedSectionName, subSectionNames, auxiliaryLevels, initialauxiliaryLevels);
// ############################### - FIM auxilIARY MODE - ###############################
// ################################# - auxilIARY MODE QIN - #################################
var repeatedSectionName = "auxiliary-mode-qin";
var subSectionNames = ["auxiliary-mode-1", "auxiliary-mode-2", "auxiliary-mode-3"]
var auxiliaryLevels = 2;
var initialauxiliaryLevels = 0;
assignRepeatedTraitsLevels (repeatedSectionName, subSectionNames, auxiliaryLevels, initialauxiliaryLevels);
// ############################### - FIM auxilIARY MODE QIN - ###############################
// ################################### - PATHS - ##################################
const paths = ["originPath", "rolePath", "societyPath"];
const pathsLevels = 5;
const initialPathsLevels = 1;
assignTraitsLevels (paths, pathsLevels, initialPathsLevels);
// ################################# - FIM PATHS - ################################
// ################################ - EXTRA PATHS - ###############################
const extraPaths = ["extraPath-1","extraPath-2"];
const extraPathsLevels = 5;
const initialextraPathsLevels = 0;
assignTraitsLevels (extraPaths, extraPathsLevels, initialextraPathsLevels);
// ############################## - FIM EXTRA PATHS - #############################
// ################################### - EDGES - ###################################
repeatedSectionName = "edge";
var subSectionNames = ["edge"];
const edgeLevels = 5;
const initialedgeLevels = 0;
assignRepeatedTraitsLevels (repeatedSectionName, subSectionNames, edgeLevels, initialedgeLevels);
// ################################# - FIM EDGES - #################################
// ################################# - NPC EDGES - #################################
repeatedSectionName = "npcedge";
var subSectionNames = ["npcedge"];
const npcedgeLevels = 5;
const initialnpcedgeLevels = 0;
assignRepeatedTraitsLevels (repeatedSectionName, subSectionNames, npcedgeLevels, initialnpcedgeLevels);
// ############################### - FIM NPC EDGES - ###############################
// ################################# - NPC HEALTH - ################################
const npcHealth = ["npc-health", "npc-healthExpended"];
const npcHealthLevels = 10;
const initialnpcHealthLevels = 0;
assignTraitsLevels (npcHealth, npcHealthLevels, initialnpcHealthLevels);
// ############################### - FIM NPC HEALTH - ##############################
// ################################# - NPC SOURCE - ################################
const npcSource = ["npc-source"];
const npcSourceLevels = 10;
const initialnpcSourceLevels = 0;
assignTraitsLevels (npcSource, npcSourceLevels, initialnpcSourceLevels);
// ############################### - FIM NPC SOURCE - ##############################
// ################################# - NPC POWERS - ################################
repeatedSectionName = "npcpower";
var subSectionNames = ["npcpower"];
const npcPowerLevels = 10;
const initialNpcPowerLevels = 0;
assignRepeatedTraitsLevels (repeatedSectionName, subSectionNames, npcPowerLevels, initialNpcPowerLevels);
// ############################### - FIM NPC POWERS - ##############################
// ########################## - SECTION NPC SIDE EFFECTS - ########################
var npcSideEffectSectionName = "npcsideeffects";
var npcSideEffectSectionLevels1 = ["","","",""];
var npcSideEffectSectionTrait1 = "trait-1";
var npcSideEffectSectionBaseID1 = "----Rep-SEFT---ID-";
on("sheet:opened", function(){
sectionIniciator (npcSideEffectSectionName, npcSideEffectSectionLevels1, npcSideEffectSectionTrait1, npcSideEffectSectionBaseID1);
});
// ######################## - FIM SECTION NPC SIDE EFFECTS - ######################
// ############################## - NPC OTHERTRAITS - #############################
repeatedSectionName = "npcothertraits";
var subSectionNames = ["npcothertraits"];
const npcOtherTraitsLevels = 10;
const initialNpcOtherTraitsLevels = 0;
assignRepeatedTraitsLevels (repeatedSectionName, subSectionNames, npcOtherTraitsLevels, initialNpcOtherTraitsLevels);
// ############################ - FIM NPC OTHERTRAITS - ###########################
//############################# - NPC-OTHERTRAITS - ############################
var sectionsToModal = ["repeating_npcothertraits"] ;
var expander = ["npcothertraits"];
sectionNpcOtherTraitsName = "npcothertraits";
sectionNpcOtherTraitsLevels1 = ["","","","","","",""];
sectionNpcOtherTraitsTrait1 = "trait-1";
sectionNpcOtherTraitsBaseID1 = "----Rep-NPOtTr-ID-";
modalSystemInRepeatedSection(sectionsToModal, expander);
on("sheet:opened", function(){
sectionIniciator (sectionNpcOtherTraitsName , sectionNpcOtherTraitsLevels1, sectionNpcOtherTraitsTrait1, sectionNpcOtherTraitsBaseID1);
});
// ########################### - FIM NPC-OTHERTRAITS - ##########################
// ################## - TWIN SECTIONS NPC MODIFIERS CONDITIONS - ################
sectionName1 = "npcmodifiers";
sectionLevels1 = ["","",""];
sectionTrait1 = "trait-1";
sectionBaseID1 = "----Rep-Nmod---ID-";
// --------------------------------------------------
sectionName2 = "npcconditions";
sectionLevels2 = ["","",""];
sectionTrait2 = "trait-1";
sectionBaseID2 = "----Rep-Ncod---ID-";
twinSection (sectionName1, sectionLevels1, sectionTrait1, sectionBaseID1, sectionName2, sectionLevels2, sectionTrait2, sectionBaseID2);
// ################ - FIM TWIN SECTIONS NPC MODIFIERS CONDITIONS - ##############
// ##################### - TWIN SECTIONS CONDITIONS INJURIES - ###################
sectionName1 = "condition";
sectionLevels1 = ["","","",""];
sectionTrait1 = "trait-1";
sectionBaseID1 = "----Rep-Cond---ID-";
// --------------------------------------------------
sectionName2 = "injury";
sectionLevels2 = ["+1","+2","+4","+0"];
sectionTrait2 = "trait-1";
sectionBaseID2 = "----Rep-Injr---ID-";;
twinSection (sectionName1, sectionLevels1, sectionTrait1, sectionBaseID1, sectionName2, sectionLevels2, sectionTrait2, sectionBaseID2);
// ################### - FIM TWIN SECTIONS CONDITIONS INJURIES - #################
// ##################### - TWIN SECTIONS CONDITIONS INJURIES - ###################
sectionName1 = "conditionqin";
sectionLevels1 = ["Qin Physique","",""];
sectionTrait1 = "trait-1";
sectionBaseID1 = "----Rep-ConQ---ID-";
// --------------------------------------------------
sectionName2 = "injuryqin";
sectionLevels2 = ["+1","+4","+0"];
sectionTrait2 = "trait-1";
sectionBaseID2 = "----Rep-InjQ---ID-";;
twinSection (sectionName1, sectionLevels1, sectionTrait1, sectionBaseID1, sectionName2, sectionLevels2, sectionTrait2, sectionBaseID2);
// ################### - FIM TWIN SECTIONS CONDITIONS INJURIES - #################
// ############################ - SECTION ASPIRATION - ##########################
var conditionsSectionName = "transporterconditions";
var conditionsSectionLevels1 = ["","","","",""];
var conditionsSectionTrait1 = "trait-1";
var conditionsSectionBaseID1 = "----Rep-Tcod---ID-";
on("sheet:opened", function(){
sectionIniciator (conditionsSectionName, conditionsSectionLevels1, conditionsSectionTrait1, conditionsSectionBaseID1);
});
// ########################## - FIM SECTION ASPIRATION - ########################
// ##################### - TWIN SECTIONS CONDITIONS INJURIES - ###################
sectionName1 = "flaw";
sectionLevels1 = ["","","",""];
sectionTrait1 = "trait-1";
sectionBaseID1 = "----Rep-Flaw---ID-";
// --------------------------------------------------
sectionName2 = "injurytech";
sectionLevels2 = ["+1","+2","+4","+0"];
sectionTrait2 = "trait-1";
sectionBaseID2 = "----Rep-Ijrt---ID-";;
twinSection (sectionName1, sectionLevels1, sectionTrait1, sectionBaseID1, sectionName2, sectionLevels2, sectionTrait2, sectionBaseID2);
// ################### - FIM TWIN SECTIONS CONDITIONS INJURIES - #################
// ################## - TWIN SECTIONS CONDITIONS INJURIES VARG - ################
sectionName1 = "vargcondition";
sectionLevels1 = ["","","",""];
sectionTrait1 = "trait-1";
sectionBaseID1 = "----Rep-Vcon---ID-";
// --------------------------------------------------
sectionName2 = "varginjury";
sectionLevels2 = ["","","","+0"];
sectionTrait2 = "trait-1";
sectionBaseID2 = "----Rep-Vinj---ID-";
twinSection (sectionName1, sectionLevels1, sectionTrait1, sectionBaseID1, sectionName2, sectionLevels2, sectionTrait2, sectionBaseID2);
// ################ - FIM TWIN SECTIONS CONDITIONS INJURIES VARG - ##############
// ################################### - FLAWS - ###################################
repeatedSectionName = "flaw";
var subSectionNames = ["flaw"];
const flawLevels = 5;
const initialflawLevels = 0;
assignRepeatedTraitsLevels (repeatedSectionName, subSectionNames, edgeLevels, initialedgeLevels);
// ################################# - FIM FLAWS - #################################
// ############################ - SECTION ASPIRATION - ##########################
var aspirationSectionName = "aspiration";
var aspirationSectionLevels1 = ["short","short"];
var aspirationSectionTrait1 = "trait-1";
var aspirationSectionBaseID1 = "----Rep-Aspi---ID-";
on("sheet:opened", function(){
sectionIniciator (aspirationSectionName, aspirationSectionLevels1, aspirationSectionTrait1, aspirationSectionBaseID1);
});
// ########################## - FIM SECTION ASPIRATION - ########################
// ############################## - PATH CONTACT - ############################
var sectionsToModal = ["repeating_orinPathContact"] ;
var expander = ["originpathrptcontact", "rolepathrptcontact", "societypathrptcontact", "extrapath1rptcontact", "extrapath2rptcontact"];
var pathSectionName = "orinPathContact";
var pathSectionLevels1 = ["","","",""];
var pathSectionTrait1 = "trait-1";
var pathSectionBaseID1 = "----Rep-OrPa---ID-";
modalSystemInRepeatedSection(sectionsToModal, expander);
modalSystem(["originpathcontact","rolepathcontact","societypathcontact","extrapath1contact","extrapath2contact"]);
on("sheet:opened", function(){
sectionIniciator (pathSectionName, pathSectionLevels1, pathSectionTrait1, pathSectionBaseID1);
});
// ############################ - FIM PATH CONTACT - ##########################
// ############################# - MEGA ATTRIBUTES - ###########################
var megaAttributeSectionExpanders = ["megaforce", "megafinesse", "megaresilience"];
on("sheet:opened", function(){
collapseAllElementsSection (megaAttributeSectionExpanders);
});
onlyOneExpanded (megaAttributeSectionExpanders);
// ########################### - FIM MEGA ATTRIBUTES - #########################
// ############################# - QUANTUM POWERS - ###########################
var quantumPowerSectionName = "quantum-power";
var quantumPowerSectionLevels1 = ["","",""];
var quantumPowerSectionTrait1 = "trait-1";
var quantumPowerSectionBaseID1 = "----Rep-QPwr---ID-";
var quantumPowerSectionExpanders = [""];
on("sheet:opened", function(){
sectionIniciator (quantumPowerSectionName, quantumPowerSectionLevels1, quantumPowerSectionTrait1, quantumPowerSectionBaseID1);
collapseAllElementsRepeatedSection (quantumPowerSectionName, quantumPowerSectionExpanders);
});
// ########################### - FIM QUANTUM POWERS - #########################
// ############################# - QUANTUM POWERS - ###########################
var expanderList = ["quantum-power"];
var repeatedSectionName = "quantum-power";
//onlyOneRepeatedExpanded (repeatedSectionName, expanderList);
// ########################### - FIM QUANTUM POWERS - #########################
// ############################# - SECONDARYAPTITUDE - ###########################
var secondaryAptitudeName = "secondaryaptitude";
var secondaryAptitudeLevels1 = ["innate", "priaptitude", "secaptitude"];
var secondaryAptitudeTrait1 = "trait-2";
var secondaryAptitudeLevels2 = ["quantakinesis", "", ""];
var secondaryAptitudeTrait2 = "trait-1";
var secondaryAptitudeBaseID1 = "----Rep-SApt---ID-";
var secondaryAptitudeExpanders = ["-basic-mode", "-aptitudemodelevel-1", "-aptitudemodelevel-2", "-aptitudemodelevel-3"];
var secondaryAptitudeExpanders2 = ["secondaryaptitude-basic-mode", "secondaryaptitude-aptitudemodelevel-1", "secondaryaptitude-aptitudemodelevel-2", "secondaryaptitude-aptitudemodelevel-3"]
on("sheet:opened", function(){
sectionIniciatorTwoValues (secondaryAptitudeName, secondaryAptitudeLevels1, secondaryAptitudeTrait1, secondaryAptitudeLevels2, secondaryAptitudeTrait2, secondaryAptitudeBaseID1);
collapseAllElementsRepeatedSection (secondaryAptitudeName, secondaryAptitudeExpanders);
});
onlyOneRepeatedExpanded (secondaryAptitudeName, secondaryAptitudeExpanders2);
// ########################### - FIM SECONDARYAPTITUDE - #########################
// ############################# - AUXILIARYMODES - ###########################
var auxiliaryModeSectionName = "auxiliary-mode";
var auxiliaryModeSectionLevels = [""];
var auxiliaryModeSectionTrait1 = "trait-1";
var auxiliaryModeSectionBaseID1 = "----Rep-AuxM---ID-";
var auxiliaryModeSectionExpanders = ["-basic-1", "-basic-2", "-level-1", "-level-2"];
on("sheet:opened", function(){
sectionIniciator (auxiliaryModeSectionName, auxiliaryModeSectionLevels, auxiliaryModeSectionTrait1, auxiliaryModeSectionBaseID1);
collapseAllElementsRepeatedSection (auxiliaryModeSectionName, auxiliaryModeSectionExpanders);
});
// ########################### - FIM AUXILIARYMODES - #########################
// ############################# - AUXILIARYMODES - ###########################
var expanderList = ["auxiliary-mode-basic-1", "auxiliary-mode-basic-2", "auxiliary-mode-level-1", "auxiliary-mode-level-2"];
var repeatedSectionName = "auxiliary-mode";
onlyOneRepeatedExpanded (repeatedSectionName, expanderList);
// ########################### - FIM AUXILIARYMODES - #########################
// ############################# - auxiliaryModeQinS - ###########################
var auxiliaryModeQinSectionName = "auxiliary-mode-qin";
var auxiliaryModeQinSectionLevels = [""];
var auxiliaryModeQinSectionTrait1 = "trait-1";
var auxiliaryModeQinSectionBaseID1 = "----Rep-AuxQ---ID-";
var auxiliaryModeQinSectionExpanders = ["-basic-1", "-basic-2", "-level-1", "-level-2"];
on("sheet:opened", function(){
sectionIniciator (auxiliaryModeQinSectionName, auxiliaryModeQinSectionLevels, auxiliaryModeQinSectionTrait1, auxiliaryModeQinSectionBaseID1);
collapseAllElementsRepeatedSection (auxiliaryModeQinSectionName, auxiliaryModeQinSectionExpanders);
});
// ########################### - FIM auxiliaryModeQinS - #########################
// ############################# - AUXILIARYMODES - ###########################
var expanderList = ["auxiliary-mode-basic-1", "auxiliary-mode-basic-2", "auxiliary-mode-level-1", "auxiliary-mode-level-2"];
var repeatedSectionName = "auxiliary-mode-qin";
onlyOneRepeatedExpanded (repeatedSectionName, expanderList);
// ########################### - FIM AUXILIARYMODES - #########################
// ################################ - WEAPONS - ##############################
var weaponSectionName = "weapon";
var weaponSectionLevels = ["", ""];
var weaponSectionTrait1 = "trait-2";
var weaponSectionBaseID1 = "----Rep-Wepn---ID-";
var weaponSectionExpanders = [""]
on("sheet:opened", function(){
sectionIniciator (weaponSectionName, weaponSectionLevels, weaponSectionTrait1, weaponSectionBaseID1);
collapseAllElementsRepeatedSection (weaponSectionName, weaponSectionExpanders);
});
// ############################## - FIM WEAPONS - ############################
// ############################## - WEAPONS - ############################
var expanderList = ["weapon"];
var repeatedSectionName = "weapon";
onlyOneRepeatedExpanded (repeatedSectionName, expanderList);
// ############################ - FIM WEAPONS - ##########################
// ################################## - ARMOR - ##################################
var sectionName = "armor"
var buttonlist = ["armor1-traits","armor1-description"];
var tabsGroup = "armor1Tab";
tabSystemRepeated(sectionName, buttonlist, tabsGroup);
var buttonlist = ["armor2-traits","armor2-description"];
var tabsGroup = "armor2Tab";
tabSystemRepeated(sectionName, buttonlist, tabsGroup);
var buttonlist = ["armor3-traits","armor3-description"];
var tabsGroup = "weapon3Tab";
tabSystemRepeated(sectionName, buttonlist, tabsGroup);
// ################################ - FIM ARMOR - ################################
// ################################## - ARMOR - #################################
var sectionsToModal = ["repeating_armor"] ;
var expander = ["armor1-tag-1", "armor1-tag-2", "armor1-tag-3", "armor1-tag-4", "armor1-tag-5", "armor1-tag-6", "armor1-tag-7", "armor1-tag-8", "armor1-tag-9", "armor1-tag-10", "armor2-tag-1", "armor2-tag-2", "armor2-tag-3", "armor2-tag-4", "armor2-tag-5", "armor2-tag-6", "armor2-tag-7", "armor2-tag-8", "armor2-tag-9", "armor2-tag-10", "armor3-tag-1", "armor3-tag-2", "armor3-tag-3", "armor3-tag-4", "armor3-tag-5", "armor3-tag-6", "armor3-tag-7", "armor3-tag-8", "armor3-tag-9", "armor3-tag-10"];
modalSystemInRepeatedSection(sectionsToModal, expander);
// ################################ - FIM ARMOR - ###############################
// ################################ - ARMOR - ##############################
var armorSectionName = "armor";
var armorSectionLevels = ["", ""];
var armorSectionTrait1 = "trait-2";
var armorSectionBaseID1 = "----Rep-Armr---ID-";
var armorSectionExpanders = [""]
on("sheet:opened", function(){
sectionIniciator (armorSectionName, armorSectionLevels, armorSectionTrait1, armorSectionBaseID1);
collapseAllElementsRepeatedSection (armorSectionName, armorSectionExpanders);
});
// ############################## - FIM ARMOR - ############################
// ############################## - ARMOR - ############################
var expanderList = ["armor"];
var repeatedSectionName = "armor";
onlyOneRepeatedExpanded (repeatedSectionName, expanderList);
// ############################ - FIM ARMOR - ##########################
// ################################ - BIOSUIT ARMOR - ##############################
bioarmorSectionName = "bioarmor";
bioarmorSectionLevels = ["", ""];
bioarmorSectionTrait1 = "trait-2";
bioarmorSectionBaseID1 = "----Rep-ArBS---ID-";
bioarmorSectionExpanders = [""]
on("sheet:opened", function(){
sectionIniciator (bioarmorSectionName, bioarmorSectionLevels, bioarmorSectionTrait1, bioarmorSectionBaseID1);
collapseAllElementsRepeatedSection (bioarmorSectionName, bioarmorSectionExpanders);
});
// ############################## - FIM BIOSUIT ARMOR - ############################
// ################################## - BIOSUIT ARMOR - #################################
var sectionsToModal = ["repeating_bioarmor"] ;
var expander = ["weapon1-tag-1", "weapon1-tag-2", "weapon1-tag-3", "weapon1-tag-4", "weapon1-tag-5", "weapon1-tag-6", "weapon1-tag-7", "weapon1-tag-8", "weapon1-tag-9", "weapon1-tag-10", "weapon2-tag-1", "weapon2-tag-2", "weapon2-tag-3", "weapon2-tag-4", "weapon2-tag-5", "weapon2-tag-6", "weapon2-tag-7", "weapon2-tag-8", "weapon2-tag-9", "weapon2-tag-10", "weapon3-tag-1", "weapon3-tag-2", "weapon3-tag-3", "weapon3-tag-4", "weapon3-tag-5", "weapon3-tag-6", "weapon3-tag-7", "weapon3-tag-8", "weapon3-tag-9", "weapon3-tag-10"];
modalSystemInRepeatedSection(sectionsToModal, expander);
// ################################ - FIM BIOSUIT ARMOR - ###############################
// ################################ - GEAR - ##############################
var gearSectionName = "gear";
var gearSectionLevels = ["", ""];
var gearSectionTrait1 = "trait-2";
var gearSectionBaseID1 = "----Rep-Gear---ID-";
var gearSectionExpanders = [""]
on("sheet:opened", function(){
sectionIniciator (gearSectionName, gearSectionLevels, gearSectionTrait1, gearSectionBaseID1);
collapseAllElementsRepeatedSection (gearSectionName, gearSectionExpanders);
});
// ############################## - FIM GEAR - ############################
// ############################## - GEAR - ############################
var expanderList = ["gear"];
var repeatedSectionName = "gear";
onlyOneRepeatedExpanded (repeatedSectionName, expanderList);
// ############################ - FIM GEAR - ##########################
// ################################ - CUSTOM ROLL - ##############################
var customRollSectionName = "customroll";
var customRollSectionLevels = ["","",""];
var customRollSectionTrait1 = "";
var customRollSectionBaseID1 = "----Rep-CRol---ID-";
var customRollSectionExpanders = [""];
on("sheet:opened", function(){
sectionIniciator (customRollSectionName, customRollSectionLevels, customRollSectionTrait1, customRollSectionBaseID1);
collapseAllElementsRepeatedSection (customRollSectionName, customRollSectionExpanders);
});
on("clicked:close_modal_Roll", function(){
collapseAllElementsRepeatedSection (customRollSectionName, customRollSectionExpanders);
});
//onlyOneRepeatedExpanded (customRollSectionName, ["customroll"]);
// ############################## - FIM CUSTOM ROLL - ############################
// ################################## - CUSTOM ROLL - ##################################
var sectionName = "customroll"
var buttonlist = ["cr01-traits","cr01-description"];
var tabsGroup = "cr01tab";
tabSystemRepeated(sectionName, buttonlist, tabsGroup);
var buttonlist = ["cr02-traits","cr02-description"];
var tabsGroup = "cr02tab";
tabSystemRepeated(sectionName, buttonlist, tabsGroup);
var buttonlist = ["cr03-traits","cr03-description"];
var tabsGroup = "cr03tab";
tabSystemRepeated(sectionName, buttonlist, tabsGroup);
// ################################ - FIM CUSTOM ROLL - ################################
// ################################ - CUSTOM INITIATIVE - ##############################
var customInitiativeSectionName = "custominitiative";
var customInitiativeSectionLevels = ["",""];
var customInitiativeSectionTrait1 = "";
var customInitiativeSectionBaseID1 = "----Rep-CIni---ID-";
var customInitiativeSectionExpanders = [""];
on("sheet:opened", function(){
sectionIniciator (customInitiativeSectionName, customInitiativeSectionLevels, customInitiativeSectionTrait1, customInitiativeSectionBaseID1);
collapseAllElementsRepeatedSection (customInitiativeSectionName, customInitiativeSectionExpanders);
});
on("clicked:close_modal_Roll", function(){
collapseAllElementsRepeatedSection (customInitiativeSectionName, customInitiativeSectionExpanders);
});
//onlyOneRepeatedExpanded (customInitiativeSectionName, ["custominitiative"]);
// ############################## - FIM CUSTOM INITIATIVE - ############################
// ############################### - CUSTOM RINITIATIVE- ###############################
var sectionName = "custominitiative"
var buttonlist = ["ci01-traits","ci01-description"];
var tabsGroup = "ci01tab";
tabSystemRepeated(sectionName, buttonlist, tabsGroup);
var buttonlist = ["ci02-traits","ci02-description"];
var tabsGroup = "ci02tab";
tabSystemRepeated(sectionName, buttonlist, tabsGroup);
var buttonlist = ["ci03-traits","ci03-description"];
var tabsGroup = "ci03tab";
tabSystemRepeated(sectionName, buttonlist, tabsGroup);
// ############################# - FIM CUSTOM INITIATIVE - #############################
// ############################# - MEGA ATRIBUITTE TAGS - ############################
var expander = ["megaintellect-tag-1", "megaintellect-tag-2", "megaintellect-tag-3", "megaintellect-tag-4", "megaintellect-tag-5", "megacunning-tag-1", "megacunning-tag-2", "megacunning-tag-3", "megacunning-tag-4", "megacunning-tag-5", "megaresolve-tag-1", "megaresolve-tag-2", "megaresolve-tag-3", "megaresolve-tag-4", "megaresolve-tag-5", "megamight-tag-1", "megamight-tag-2", "megamight-tag-3", "megamight-tag-4", "megamight-tag-5", "megadexterity-tag-1", "megadexterity-tag-2", "megadexterity-tag-3", "megadexterity-tag-4", "megadexterity-tag-5", "megastamina-tag-1", "megastamina-tag-2", "megastamina-tag-3", "megastamina-tag-4", "megastamina-tag-5", "megapresence-tag-1", "megapresence-tag-2", "megapresence-tag-3", "megapresence-tag-4", "megapresence-tag-5", "megamaniputation-tag-1", "megamaniputation-tag-2", "megamaniputation-tag-3", "megamaniputation-tag-4", "megamaniputation-tag-5", "megacomposure-tag-1", "megacomposure-tag-2", "megacomposure-tag-3", "megacomposure-tag-4", "megacomposure-tag-5"];
modalSystem(expander);
// ########################### - FIM MEGA ATRIBUITTE TAGS - ##########################
// #################################### - GIFTS - ###################################
var sectionsToModal = ["repeating_transporttag"] ;
var expander = ["transporttag1", "transporttag2"];
sectionTransporttagName = "transporttag";
sectionTransporttagLevels1 = ["","",""];
sectionTransporttagTrait1 = "trait-1";
sectionTransporttagBaseID1 = "----Rep-Trtg---ID-";
modalSystemInRepeatedSection(sectionsToModal, expander);
on("sheet:opened", function(){
sectionIniciator (sectionTransporttagName, sectionTransporttagLevels1, sectionTransporttagTrait1, sectionTransporttagBaseID1);
});
// ################################## - FIM GIFTS - #################################
// ################################### - ANIMA SKILLS - ###################################
const animaSkills = ["animaskillathletics","animaskillblock", "animaskillstealth", "animaskilllore", "animaskillcrafting", "animaskillpersuasion", "animaskillphysicalattack", "animaskillmagicattack", "animaskillarcana"];
const animaSkillLevels = 5;
const initialanimaSkillLevels = 0;
assignTraitsLevels (animaSkills, animaSkillLevels, initialanimaSkillLevels);
// ################################# - FIM ANIMA SKILLS - #################################
// ################################# - ANIMA ATTRIBUTES - #################################
const animaAttributes = ["animaforce", "animafinesse", "animaresilience"];
const animaAttributeLevels = 5;
const initialAnimaAttributeLevels = 1;
assignTraitsLevels (animaAttributes, animaAttributeLevels, initialAnimaAttributeLevels);
// ############################### - FIM ANIMA ATTRIBUTES - ###############################
// ############################# - ANIMA ASPECT - ###########################
var animaAspectSectionName = "anima-aspects";
var animaAspectSectionLevels1 = ["","",""];
var animaAspectSectionTrait1 = "trait-1";
var animaAspectSectionBaseID1 = "----Rep-ASpc---ID-";
var animaAspectSectionExpanders = [""];
on("sheet:opened", function(){
sectionIniciator (animaAspectSectionName, animaAspectSectionLevels1, animaAspectSectionTrait1, animaAspectSectionBaseID1);
collapseAllElementsRepeatedSection (animaAspectSectionName, animaAspectSectionExpanders);
});
// ########################### - FIM ANIMA ASPECT - #########################
// ################################## - ANIMA ASPECT - #################################
var repeatedSectionName = "anima-aspects";
var subSectionNames = ["animabuff-1", "animabuff-2"]
const animaBuffLevels = 6;
const initialAnimaBuffLevels = 0;
assignRepeatedTraitsLevels (repeatedSectionName, subSectionNames, animaBuffLevels, initialAnimaBuffLevels);
// ################################ - FIM ANIMA ASPECT - ###############################
// ############################### - ANIMA ASPECT - ###############################
var sectionsToModal = ["repeating_anima-aspects"] ;
var expander = ["animabuff-1-1", "animabuff-1-2", "animabuff-1-3", "animabuff-1-4", "animabuff-1-5", "animabuff-1-6", "animabuff-2-1", "animabuff-2-2", "animabuff-2-3", "animabuff-2-4", "animabuff-2-5", "animabuff-2-6"];
modalSystemInRepeatedSection(sectionsToModal, expander);
// ############################# - FIM ANIMA ASPECT - #############################
// ############################### - ANIMA ASPECT - ###############################
var sectionName = "anima-aspects"
var buttonlist = ["quantum-power-1-traits","quantum-power-1-description"];
var tabsGroup = "quantum-power-1-tab";
tabSystemRepeated(sectionName, buttonlist, tabsGroup);
var buttonlist = ["quantum-power-2-traits","quantum-power-2-description"];
var tabsGroup = "quantum-power-2-tab";
tabSystemRepeated(sectionName, buttonlist, tabsGroup);
// ############################# - FIM ANIMA ASPECT - #############################
// ################################ - CIRCUNSTAMTIALS - ##############################
var circumstantialSectionName = "circumst";
var circumstantialSectionLevels = ["","","","","",""];
var circumstantialSectionTrait1 = "";
var circumstantialSectionBaseID1 = "----Rep-Crct---ID-";
var circumstantialSectionExpanders = [""];
on("sheet:opened", function(){
sectionIniciator (circumstantialSectionName, circumstantialSectionLevels, circumstantialSectionTrait1, circumstantialSectionBaseID1);
collapseAllElementsRepeatedSection (circumstantialSectionName, circumstantialSectionExpanders);
});
// ############################## - FIM CIRCUNSTAMTIALS - ############################
// ############################ - CHANGE NAME FUNCTION - ############################
on("sheet:opened", function(){
getAttrs(["character_name", "firstOpenedSheet"], function(values) {
if (values.firstOpenedSheet == 1){
setAttrs({
internal_character_name: values.character_name
});
setAttrs({
firstOpenedSheet: 0
});
}
});
});
on("change:internal_character_name change:tier change:equipmentType change:quantumtechtype change:vehicletype change:vargtypename change:equipmenttypename", function(eventInfo) {
getAttrs(["character_name", "internal_character_name", "tier", "equipmentType", "quantumtechtype", "vehicletype", "vargtypename", "equipmenttypename"], function(values) {
if (values.tier == "ftech"){
if (values.quantumtechtype == ""){
setAttrs({
character_name: "F.Tech - " + values.internal_character_name
});
}else{
setAttrs({
character_name: values.quantumtechtype + " - " + values.internal_character_name
});
}
}
else if (values.tier == "qtech"){
if (values.quantumtechtype == ""){
setAttrs({
character_name: "Q.Tech - " + values.internal_character_name
});
}else{
setAttrs({
character_name: values.quantumtechtype + " - " + values.internal_character_name
});
}
}
else if (values.tier == "transport"){
if (values.vehicletype == ""){
setAttrs({
character_name: "Vehicle - " + values.internal_character_name
});
}else{
setAttrs({
character_name: values.vehicletype + " - " + values.internal_character_name
});
}
}
else if (values.tier == "varg"){
if (values.vargtypename == ""){
setAttrs({
character_name: "VARG - " + values.internal_character_name
});
}else{
setAttrs({
character_name: values.vargtypename + " - " + values.internal_character_name
});
}
}
else if (values.tier == "biosuit"){
if (values.vargtypename == ""){
setAttrs({
character_name: "Biosuit - " + values.internal_character_name
});
}else{
setAttrs({
character_name: values.vargtypename + " - " + values.internal_character_name
});
}
}
else if ((values.tier == "equipment") && (values.equipmentType == "weapon")){
if (values.equipmenttypename == ""){
setAttrs({
character_name: "Weapon - " + values.internal_character_name
});
}else{
setAttrs({
character_name: values.equipmenttypename + " - " + values.internal_character_name
});
}
}
else if ((values.tier == "equipment") && (values.equipmentType == "armor")){
if (values.equipmenttypename == ""){
setAttrs({
character_name: "Armor - " + values.internal_character_name
});
}else{
setAttrs({
character_name: equipmenttypename + " - " + values.internal_character_name
});
}
}
else if ((values.tier == "equipment") && (values.equipmentType == "gear")){
if (values.equipmenttypename == ""){
setAttrs({
character_name: "Gear - " + values.internal_character_name
});
}else{
setAttrs({
character_name: values.equipmenttypename + " - " + values.internal_character_name
});
}
}
else{
setAttrs({
character_name: values.internal_character_name
});
}
});
});
// ######################### - FIM CHANGE LEVELS FUNCTION - #########################
// ###################### - ASSIGN ATTRIBUTE LEVELS FUNCTION - ######################
function assignTraitsLevels (t, l, ini){
//console.log ("Esse é o código novo");
let traits = t;
let traitLevels = [];
let initial = ini;
for (let i = 0; i < l+1; i++){
traitLevels[i] = i;
}
traits.forEach (function(trait){
traitLevels.forEach (function(traitLevel){
on(`clicked:${trait}-${traitLevel}`, function() {
getAttrs([`${trait}`], function(values) {
var actualValue = parseInt(values[`${trait}`])||0;
var newValue = parseInt(`${traitLevel}`)||0;
//console.log(actualValue, newValue);
if (newValue == actualValue){
newValue = actualValue - 1;
//console.log (newValue);
setAttrs({
[`${trait}`]: newValue
});
} else {
setAttrs({
[`${trait}`]: newValue
});
}
if (newValue < initial){
//console.log ("entrou na condicional");
newValue = initial;
setAttrs({
[`${trait}`]: newValue
});
}
});
});
})
})
}
// #################### - FIM ASSIGN ATTRIBUTE LEVELS FUNCTION - ####################
// ######################### - ONLY ONE FUNCTION FUNCTION - #########################
function onlyOneChoice (t){
let traits = t;
let traitLevels = ["1"];
let initial = 0;
traits.forEach (function(trait){
traitLevels.forEach (function(traitLevel){
on(`clicked:${trait}-${traitLevel}`, function() {
for (let i=0; i < t.length; i++){
if ((t[i]) != (`${trait}`)) {
setAttrs({
[t[i]]: 0
});
}
}
getAttrs([`${trait}`], function(values) {
var actualValue = parseInt(values[`${trait}`])||0;
var newValue = parseInt(`${traitLevel}`)||0;
if (newValue == actualValue){
newValue = actualValue - 1;
setAttrs({
[`${trait}`]: newValue
});
} else {
setAttrs({
[`${trait}`]: newValue
});
}
if (newValue < initial){
newValue = initial;
setAttrs({
[`${trait}`]: newValue
});
}
});
});
})
})
}
// ###################### - FIM ONLY ONE FUNCTION FUNCTION - ######################
// ################ - ASSIGN REPEATING ATTRIBUTE LEVELS FUNCTION - #################
function assignRepeatedTraitsLevels (repeatedSectionName, subSectionNames, l, initial){
var repeatedTraits;
let repeatedTraitLevels = [];
for (let i = 0; i < l+1; i++){
repeatedTraitLevels[i] = i;
}
on(`sheet:opened`, function(){
getSectionIDs(`repeating_${repeatedSectionName}`, function(idarray) {
repeatedTraits = idarray;
repeatedTraitLevels.forEach (function(repeatedTraitLevel){
for (let i = 0; i < subSectionNames.length; i++){
//console.log (`clicked:repeating_${repeatedSectionName}:${subSectionNames[i]}-dots-${repeatedTraitLevel}`);
on(`clicked:repeating_${repeatedSectionName}:${subSectionNames[i]}-dots-${repeatedTraitLevel}`, function(eventInfo) {
var ID = eventInfo.sourceAttribute;
ID = ID.replace(`repeating_${repeatedSectionName}_`,"");
ID = ID.replace(`_${subSectionNames[i]}-dots-${repeatedTraitLevel}`,"");
ID = ID.toLowerCase();
getAttrs([`repeating_${repeatedSectionName}_${ID}_${subSectionNames[i]}-dots`], function(values) {
let actualValue = parseInt(values[`repeating_${repeatedSectionName}_${ID}_${subSectionNames[i]}-dots`])||0;
let newValue = parseInt(`${repeatedTraitLevel}`)||0;
//console.log (repeatedSectionName);
//console.log (subSectionNames);
//console.log (actualValue);
//console.log (newValue);
if (newValue == actualValue){
newValue = actualValue - 1;
setAttrs({
[`repeating_${repeatedSectionName}_${subSectionNames[i]}-dots`]: newValue
});
} else {
setAttrs({
[`repeating_${repeatedSectionName}_${subSectionNames[i]}-dots`]: newValue
});
}
if (newValue < initial){
newValue = initial;
setAttrs({
[`repeating_${repeatedSectionName}_${subSectionNames[i]}-dots`]: newValue
});
}
});
});
}
})
})
})
}
// ############### - FIM ASSIGN REPEATING ATTRIBUTE LEVELS FUNCTION - ##############
// ###################### - TWIN SECTION BALANCE / MODAL - ########################
function twinSection (sectionName1, sectionLevels1, sectionTrait1, sectionBaseID1, sectionName2, sectionLevels2, sectionTrait2, sectionBaseID2){
//-------------------------- FECHA QUANDO CLICKADO NO MODAL ----------------------
on("clicked:close_modal", function() {
getAttrs(["lastRowClicked"], function(x) {
closeLastExpander();
});
});
//------------------------ FIM FECHA QUANDO CLICKADO NO MODAL --------------------
//------------------ COLETA A ULTIMA REPEATED CLICKADA E DISPARA MODAL------------
on(`change:repeating_${sectionName1}:${sectionName1}_expand change:repeating_${sectionName2}:${sectionName2}_expand`, function(eventInfo) {
setAttrs({
modal_Display: 1
});
getAttrs([eventInfo.sourceAttribute], function(a){ //pega o valor da Roll clicada
var expanderValueClicked = a [eventInfo.sourceAttribute]; //receba o valor do expander da roll clicada
setAttrs({
modal_Display: expanderValueClicked // valor do modal recebe o valor do expander
});
setAttrs({
lastRowClicked: eventInfo.sourceAttribute // atributo rece o valor da roll clicada.
});
});
});
//---------------- FIM COLETA A ULTIMA REPEATED CLICKADA E DISPARA MODAL----------
//----------------------- NORMALIZA O TAMANHO DAS TWIN SECTIONS ------------------
on(
`sheet:opened
change:repeating_${sectionName1}:${sectionName1}-dots
change:repeating_${sectionName1}:${sectionName1}-trait-1
change:repeating_${sectionName1}:${sectionName1}-trait-2
change:repeating_${sectionName2}:${sectionName2}-dots
change:repeating_${sectionName2}:${sectionName2}-trait-1
change:repeating_${sectionName2}:${sectionName2}-trait-2
change:_reporder:${sectionName2}
change:_reporder:${sectionName1}`,
function(eventInfo){
//console.log (eventInfo)
var elementsNumberSection1;
var elementsNumberSection2;
var values = {};
//closeLastExpander();
//var execute = true;
//console.log (execute);
getSectionIDs(`${sectionName1}`, function(idarray){
elementsNumberSection1 = idarray.length;
getSectionIDs(`${sectionName2}`, function(idarray2){
elementsNumberSection2 = idarray2.length;
if ((elementsNumberSection1 == 0) && (elementsNumberSection2 == 0)){
sectionIniciator (sectionName1, sectionLevels1, sectionTrait1, sectionBaseID1);
sectionIniciator (sectionName2, sectionLevels2, sectionTrait2, sectionBaseID2);
}
else if (((elementsNumberSection1 > 0) && (elementsNumberSection2 > 0)) && ((elementsNumberSection1 < 20) && (elementsNumberSection2 < 20))){
if(elementsNumberSection1 < elementsNumberSection2){
for (var i = 0; i < (elementsNumberSection2 - elementsNumberSection1); i++){
var rowID = generateRowID();
values[`repeating_${sectionName1}_` + rowID + `_${sectionName1}`] = "";
}
}
if(elementsNumberSection1 > elementsNumberSection2){
for (var i = 0; i < (elementsNumberSection1 - elementsNumberSection2 ); i++){
var rowID2 = generateRowID();
values[`repeating_${sectionName2}_` + rowID2 + `_${sectionName2}`] = "";
}
}
setAttrs(values);
}
});
});
});
//--------------------- FIM NORMALIZA O TAMANHO DAS TWIN SECTIONS ----------------
}
// #################### - FIM TWIN SECTION BALANCE / MODAL - ######################
// ###################### - FECHA A ÚLTIMA ROLL CLICKADA - ########################
function closeLastExpander() {
//console.log ("fecha ultimo modal");
getAttrs(["lastRowClicked"], function(x) {
let values2 = {};
let repeatedRoll;
repeatedRoll = x.lastRowClicked;
getAttrs([`${repeatedRoll}`], function(y) {
if ((y [`${repeatedRoll}`]) == (1)){
// console.log ("quando fecha teste " + y [`${repeatedRoll}`]);
values2[repeatedRoll] = 0;
setAttrs(values2);
setAttrs({
modal_Display: 0
});
}
});
});
}
// ################### - FIM FECHA A ÚLTIMA ROLL CLICKADA - #####################
// ######################## - COLLAPSE ALL ELEMENTS - ##########################
function collapseAllElementsSection (subSectionName){
var values = {};
for(var j=0; j < subSectionName.length; j++) {
//console.log (subSectionName[j] + `_expand`);
values[subSectionName[j] + `_expand`] = 0;
setAttrs(values);
}
}
// ###################### - FIM COLLAPSE ALL ELEMENTS - ########################
// ######################## - COLLAPSE ALL ELEMENTS - ##########################
function collapseAllElementsRepeatedSection (sectionName, subSectionName){
console.log (sectionName);
getSectionIDs(sectionName, function(idarray) {
var values = {};
for(var i=0; i < idarray.length; i++) {
for(var j=0; j < subSectionName.length; j++) {
console.log (`repeating_${sectionName}_` + idarray[i] + `_${sectionName}` + subSectionName[j] + `_expand`);
values[`repeating_${sectionName}_` + idarray[i] + `_${sectionName}` + subSectionName[j] + `_expand`] = 1;
setAttrs(values);
values[`repeating_${sectionName}_` + idarray[i] + `_${sectionName}` + subSectionName[j] + `_expand`] = 0;
setAttrs(values);
}
}
});
}
// ###################### - FIM COLLAPSE ALL ELEMENTS - ########################
// ########################### - ONLY ONE - ###########################
function onlyOneExpanded (expanderList){
for(var i=0; i < expanderList.length; i++) {
on(`change:${expanderList[i]}_expand`, function(eventInfo) {
//console.log (eventInfo.newValue);
if (eventInfo.newValue == 1){
for(var l=0; l < expanderList.length; l++) {
//console.log (eventInfo.sourceAttribute);
//console.log (`${expanderList[l]}_expand`);
//console.log (`---------`);
if (eventInfo.sourceAttribute != `${expanderList[l]}_expand`){
setAttrs({
[`${expanderList[l]}_expand`]: 0
});
}
}
}
});
}
}
// ######################### - FIM ONLY ONE - #########################
// ########################### - ONLY ONE EXPANDED - ###########################
function onlyOneRepeatedExpanded (repeatedSectionName, expanderList){
for(var i=0; i < expanderList.length; i++) {
on(`change:repeating_${repeatedSectionName}:${expanderList[i]}_expand`, function(eventInfo) {
var ID = eventInfo.sourceAttribute;
ID = ID.replace(`repeating_${repeatedSectionName}_`,"");
ID = ID.slice(0,20);
ID = ID.toLowerCase();
//console.log (ID);
var expanderID = eventInfo.sourceAttribute;
expanderID = expanderID.replace(`repeating_${repeatedSectionName}_`,"");
expanderID = expanderID.replace(`_expand`,"");
expanderID = expanderID.slice(21);
//console.log (expanderID);
if (eventInfo.newValue == 1){
getSectionIDs(`${repeatedSectionName}`, function(idarray) {
for(var j=0; j < idarray.length; j++) {
for(var l=0; l < expanderList.length; l++) {
if ( (ID != idarray[j]) || (expanderID != expanderList[l]) ){
//console.log (`repeating_${repeatedSectionName}_`+`${idarray[j]}`+`_${expanderList[l]}_expand`);
setAttrs({
[`repeating_${repeatedSectionName}_`+`${idarray[j]}`+`_${expanderList[l]}_expand`]: 0
});
}
}
}
});
}
});
}
}
// ######################### - FIM ONLY ONE EXPANDED - #########################
// ############################## - INITIALIZER - ##############################
function sectionIniciator(section, levels, trait, baseID) {
getSectionIDs(`${section}`, function(idarray){
//console.log (section);
//console.log (baseID);
//console.log ("--------------");
if (idarray.length < 1){
var values = {};
var values = {};
var rowID = baseID;
for (var i = 0; i < levels.length; i++){
if (i<10){
var t = "0"+ i;
//console.log (t);
}
values[`repeating_${section}_` + `${rowID}${t}` + `_${section}-${trait}`] = levels[i];
setAttrs(values);
}
}
});
}
// ############################## - FIM INITIALIZER - ##############################
// ############################## - INITIALIZER - ##############################
function sectionIniciatorTwoValues(section, levels1, trait1, levels2, trait2, baseID) {
getSectionIDs(`${section}`, function(idarray){
if (idarray.length < 1){
var values = {};
var values2 = {};
var rowID = baseID;
var biggerArray;
if (levels1.length > levels2.length){
biggerArray = levels1.length;
}else{
biggerArray = levels2.length;
}
for (var i = 0; i < biggerArray; i++){
if (i<10){
var t = "0"+ i;
}
values[`repeating_${section}_` + `${rowID}${t}` + `_${section}-${trait1}`] = levels1[i];
setAttrs(values);
//console.log (`repeating_${section}_` + `${rowID}${t}` + `_${section}-${trait1}`)
values2[`repeating_${section}_` + `${rowID}${t}` + `_${section}-${trait2}`] = levels2[i];
setAttrs(values2);
//console.log (`repeating_${section}_` + `${rowID}${t}` + `_${section}-${trait2}`)
}
}
});
}
// ############################## - FIM INITIALIZER - ##############################
// ################################### - TAB SYSTEN - ###################################
function tabSystem(list, group){
//console.log (list);
//console.log (group);
var values = {};
list.forEach(button => {
on(`clicked:${button}`, function() {
values[`${group}`] = button;
setAttrs(values);
});
});
}
// ################################# - FIM TAB SYSTEN - #################################
// ############################ - TAB SYSTEN REPEATED - ############################
function tabSystemRepeated (section, list, group){
var values = {};
list.forEach(button => {
//console.log (`repeating_${section}:${button}`)
on(`clicked:repeating_${section}:${button}`, function(eventInfo){
var ID = eventInfo.sourceAttribute;
var ID = ID.replace(`repeating_${section}_`, "");
var ID = ID.slice(0,20);
var ID = `repeating_${section}_`+ ID +`_${group}`;
values[ID] = button;
setAttrs(values);
});
});
}
// ########################## - FIM TAB SYSTEN REPEATED - ##########################
on("clicked:close_modal", function() {
getAttrs(["lastRowClicked"], function(x) {
closeLastExpander();
});
});
on("sheet:opened", function() {
closeLastExpander();
});
// ############################ - MODAL SYSTEN - ############################
function modalSystem(expander){
for (var j = 0; j < expander.length; j++){
on(`change:${expander[j]}_expand`, function(eventInfo) {
setAttrs({
modal_Display: 1
});
getAttrs([eventInfo.sourceAttribute], function(a){ //pega o valor da Roll clicada
var expanderValueClicked = a [eventInfo.sourceAttribute]; //receba o valor do expander da roll clicada
setAttrs({
modal_Display: expanderValueClicked // valor do modal recebe o valor do expander
});
setAttrs({
lastRowClicked: eventInfo.sourceAttribute // atributo rece o valor da roll clicada.
});
});
});
}
}
// ############################## - FIM MODAL SYSTEN - ##############################
// ##################### - MODAL SYSTEN IN REPEATED SECTION - #####################
function modalSystemInRepeatedSection(sectionsToModal, expander){
for (var i = 0; i < sectionsToModal.length; i++){
for (var j = 0; j < expander.length; j++){
//console.log (`change:${sectionsToModal[i]}:${expander[j]}_expand`);
on(`change:${sectionsToModal[i]}:${expander[j]}_expand`, function(eventInfo) {
setAttrs({
modal_Display: 1
});
getAttrs([eventInfo.sourceAttribute], function(a){ //pega o valor da Roll clicada
var expanderValueClicked = a [eventInfo.sourceAttribute]; //receba o valor do expander da roll clicada
setAttrs({
modal_Display: expanderValueClicked // valor do modal recebe o valor do expander
});
setAttrs({
lastRowClicked: eventInfo.sourceAttribute // atributo rece o valor da roll clicada.
});
});
});
}
}
}
// ####################### - FIM MODAL SYSTEN IN REPEATED SECTION - #######################
// ################################# - PSION PROXY LEVEL - ################################
on("change:aptitude-mode-1 change:aptitude-mode-2 change:aptitude-mode-3" , function() {
getAttrs(["aptitude-mode-1", "aptitude-mode-2", "aptitude-mode-3"], function(value) {
if (((value[ "aptitude-mode-1" ])==7) || ((value[ "aptitude-mode-2" ])==7) || ((value[ "aptitude-mode-3" ])==7)){
setAttrs({
aptitudeproxylevel_dots: 1
});
}else{
setAttrs({
aptitudeproxylevel_dots: 0
});
}
});
});
// ############################### - FIM PSION PROXY LEVEL - ##############################
// #################################### - TIER SYSTEM - ###################################
var baselineMaxAtributte = 5;
var baselineTargetNumber = 8;
var talentMaxAtributte = 6;
var talentTargetNumber = 8;
var novaMaxAtributte = 5;
var novaTargetNumber = 7;
var superiorMaxAtributte = 6;
var superiorTargetNumber = 8;
var psionMaxAtributte = 6;
var psionDefaultTargetNumber = 8;
var psionDefaultMaxPsi = 5;
var psionProxyTargetNumber = 7;
var psionProxytMaxPsi = 7;
var psiadMaxAtributte = 6;
var psiadDefaultTargetNumber = 8;
var psiadAdvancedTargetNumber = 7;
var qinMaxAtributte = 5;
var qinDefaultTargetNumber = 8;
var qinDefaultMaxPsi = 2;
var qinProxyTargetNumber = 8;
var qinProxytMaxPsi = 4;
var inspiredMaxAtributte = 6;
var inspiredTargetNumber = 8;
var animaMaxAtributte = 5;
var animaTargetNumber = 8;
on("sheet:opened change:tier change:talentTierlevel change:psionTierLevel change:psiadTierlevel change:inspiredTierlevel", function(){
getAttrs(["tier"], function(value){
if (value.tier == "baseline"){
setAttrs({
defaultTargetNumber: baselineTargetNumber
});
setMaxTraitReadingRoll(baselineMaxAtributte);
}
else if (value.tier == "talent"){
setAttrs({
defaultTargetNumber: talentTargetNumber
});
setMaxTraitReadingRoll(talentMaxAtributte);
}
else if (value.tier == "nova"){
setAttrs({
defaultTargetNumber: novaTargetNumber
});
setMaxTraitReadingRoll(novaMaxAtributte);
}
else if (value.tier == "superior"){
setAttrs({
defaultTargetNumber: superiorTargetNumber
});
setMaxTraitReadingRoll(superiorMaxAtributte);
}
else if (value.tier == "psiad"){
getAttrs(["psiadTierLevel"], function(x){
if (x.psiadTierLevel == "default"){
setAttrs({
defaultTargetNumber: psiadDefaultTargetNumber
});
setMaxTraitReadingRoll(psiadMaxAtributte);
}
else if (x.psiadTierLevel == "advanced"){
setAttrs({
defaultTargetNumber: psiadAdvancedTargetNumber
});
setMaxTraitReadingRoll(psiadMaxAtributte);
}
});
}
else if (value.tier == "psion"){
getAttrs(["psionTierLevel"], function(x){
if (x.psionTierLevel == "default"){
setAttrs({
defaultTargetNumber: psionDefaultTargetNumber
});
setMaxTraitReadingRoll(psionMaxAtributte);
}
else if (x.psionTierLevel == "proxy"){
setAttrs({
defaultTargetNumber: psionProxyTargetNumber
});
setMaxTraitReadingRoll(psionMaxAtributte);
}
});
}
else if (value.tier == "qin"){
getAttrs(["quinTierLevel"], function(x){
if (x.quinTierLevel == "default"){
setAttrs({
defaultTargetNumber: quinDefaultTargetNumber
});
setMaxTraitReadingRoll(quinMaxAtributte);
}
else if (x.quinTierLevel == "quinproxy"){
setAttrs({
defaultTargetNumber: quinProxyTargetNumber
});
setMaxTraitReadingRoll(quinMaxAtributte);
}
});
}
else if (value.tier == "inspired"){
setAttrs({
defaultTargetNumber: inspiredTargetNumber
});
setMaxTraitReadingRoll(inspiredMaxAtributte);
}
else if (value.tier == "anima"){
setAttrs({
defaultTargetNumber: animaTargetNumber
});
setMaxTraitReadingRoll(animaMaxAtributte);
}
});
});
// #################################### - RESET SECTION VISIBILITY - ###################################
on("change:tier" , function(){
setAttrs({
secSkl: '1'
});
setAttrs({
secAtt: '1'
});
setAttrs({
secMgAtt: '1'
});
setAttrs({
secMgAttAlt: '0'
});
setAttrs({
secTrHlt: '1'
});
setAttrs({
secAppHlt: '1'
});
setAttrs({
secModCond: '0'
});
setAttrs({
secEdSkTgUp: '1'
});
setAttrs({
secInsFac: '1'
});
setAttrs({
secGft: '1'
});
setAttrs({
secQtTrs: '1'
});
setAttrs({
secCsMod: '1'
});
setAttrs({
secTransf: '1'
});
setAttrs({
secMgEd: '1'
});
setAttrs({
secQtPwr: '1'
});
setAttrs({
secJikPwr: '1'
});
setAttrs({
secApc: '1'
});
setAttrs({
secPsiPsiTr: '1'
});
setAttrs({
secPonApt: '1'
});
setAttrs({
secQinApt: '1'
});
setAttrs({
secPiadApt: '1'
});
setAttrs({
secPonAuxMd: '1'
});
setAttrs({
secQinAuxMd: '1'
});
setAttrs({
secCondInj: '1'
});
setAttrs({
secQinCondInj: '1'
});
setAttrs({
secFlwHlt: '1'
});
setAttrs({
secPths: '1'
});
setAttrs({
secAnPaths: '1'
});
setAttrs({
secNotsAsp: '1'
});
setAttrs({
secExpDfs: '0'
});
setAttrs({
secSrcSdEf: '1'
});
setAttrs({
secGenPwr: '1'
});
setAttrs({
secTrCondUAbl: '1'
});
setAttrs({
secTgSytTg: '1'
});
setAttrs({
secAltCondInj: '1'
});
setAttrs({
secBioArm: '1'
});
setAttrs({
secBioWep: '1'
});
setAttrs({
secBioGer: '1'
});
setAttrs({
secNotsOtTrts: '1'
});
});
// #################################### - FIM RESET SECTION VISIBILITY - ###################################
function setMaxTraitReadingRoll(max){
attributes.forEach (function(variableAttribute){
getAttrs([`${variableAttribute}`], function(values) {
if ((values[`${variableAttribute}`])>(max)){
setAttrs({
[`${variableAttribute}_reading_roll`]: max
});
}else if ((values[`${variableAttribute}`])==(max)){
setAttrs({
[`${variableAttribute}_reading_roll`]: values[`${variableAttribute}`]
});
}
});
})
}
// ################################# - FIM TIER SYSTEM - ################################
// ################################# - ROLL BUTTONS - ################################
on("clicked:roll-1", function() {
getAttrs(["modal_Display_Roll"], function(value) {
if ((value.modal_Display_Roll) == 0){
setAttrs({
modal_Display_Roll: 1
});
setAttrs({
core_roll_display: 1
});
}else{
setAttrs({
modal_Display_Roll: 0
});
setAttrs({
core_roll_display: 0
});
}
});
getAttrs(["defaultTargetNumber"], function(value) {
setAttrs({
targetNumber: value.defaultTargetNumber
});
});
});
on("clicked:roll-2", function() {
getAttrs(["modal_Display_Roll"], function(value) {
if ((value.modal_Display_Roll) == 0){
setAttrs({
modal_Display_Roll: 1
});
setAttrs({
generic_roll_display: 1
});
}else{
setAttrs({
modal_Display_Roll: 0
});
setAttrs({
generic_roll_display: 0
});
}
});
getAttrs(["defaultTargetNumber"], function(value) {
setAttrs({
targetNumber: value.defaultTargetNumber
});
});
});
on("clicked:roll-3", function() {
getAttrs(["modal_Display_Roll"], function(value) {
if ((value.modal_Display_Roll) == 0){
setAttrs({
modal_Display_Roll: 1
});
setAttrs({
initiative_roll_display: 1
});
}else{
setAttrs({
modal_Display_Roll: 0
});
setAttrs({
initiative_roll_display: 0
});
}
});
getAttrs(["defaultTargetNumber"], function(value) {repeating_customroll
setAttrs({
targetNumber: value.defaultTargetNumber
});
});
});
on("clicked:roll-4", function() {
getAttrs(["modal_Display_Roll"], function(value) {
if ((value.modal_Display_Roll) == 0){
setAttrs({
modal_Display_Roll: 1
});
setAttrs({
custominitial_roll_display: 1
});
}else{
setAttrs({
modal_Display_Roll: 0
});
setAttrs({
custominitial_roll_display: 0
});
}
});
getAttrs(["defaultTargetNumber"], function(value) {
setAttrs({
targetNumber: value.defaultTargetNumber
});
});
collapseAllElementsRepeatedSection (customRollSectionName, customRollSectionExpanders);
});
on("clicked:roll-5", function() {
getAttrs(["modal_Display_Roll"], function(value) {
if ((value.modal_Display_Roll) == 0){
setAttrs({
modal_Display_Roll: 1
});
setAttrs({
custominitial_initiative_roll_display: 1
});
}else{
setAttrs({
modal_Display_Roll: 0
});
setAttrs({
custominitial_initiative_roll_display: 0
});
}
});
getAttrs(["defaultTargetNumber"], function(value) {
setAttrs({
targetNumber: value.defaultTargetNumber
});
});
collapseAllElementsRepeatedSection (customInitiativeSectionName, customInitiativeSectionExpanders);
});
function clickedTraitDice(traitName, userTraitName){
for (let i = 0; i < traitName.length; i++){
on(`clicked:roll-${traitName[i]}`, function() {
getAttrs(["modal_Display_Roll"], function(value) {
if ((value.modal_Display_Roll) == 0){
setAttrs({
modal_Display_Roll: 1
});
setAttrs({
trait_roll_display: 1
});
}else{
setAttrs({
modal_Display_Roll: 0
});
setAttrs({
trait_roll_display: 0
});
}
});
getAttrs(["defaultTargetNumber"], function(value) {
setAttrs({
targetNumber: value.defaultTargetNumber
});
});
setAttrs({
trait_1_name: userTraitName[i]
});
getAttrs([`${traitName[i]}`], function(value) {
setAttrs({
trait_1: value [`${traitName[i]}`]
});
});
});
}
on("change:trait_1_name", function() {
getAttrs(["trait_1_name"], function(value) {
var index = userTraitName.indexOf(value.trait_1_name);
//console.log (index);
getAttrs([`${traitName[index]}`], function(value) {
//console.log (value [`${traitName[index]}`])
//console.log (`${traitName[index]}`)
if ((value [`${traitName[index]}`]) !== undefined){
setAttrs({
trait_1: value [`${traitName[index]}`]
});
}else{
//console.log ("Não é Indef")
}
});
});
});
on("change:trait_2_name", function() {
getAttrs(["trait_2_name"], function(value) {
var index = userTraitName.indexOf(value.trait_2_name);
//console.log (index);
getAttrs([`${traitName[index]}`], function(value) {
//console.log (value [`${traitName[index]}`])
//console.log (`${traitName[index]}`)
if ((value [`${traitName[index]}`]) !== undefined){
setAttrs({
trait_2: value [`${traitName[index]}`]
});
}else{
//console.log ("Não é Indef")
}
});
});
});
on("change:trait_1", function() {
getAttrs(["trait_1_name", "trait_1"], function(value) {
var index2 = userTraitName.indexOf(value.trait_1_name);
var traitValue = value.trait_1;
getAttrs([`${traitName[index2]}`], function(value) {
//console.log ("--------");
//console.log ("NOME " + traitName[index2]);
//console.log ("vALOR DO NOME " + value [`${traitName[index2]}`]);
//console.log ("vALOR DO tRAIT " + traitValue);
//console.log ("--------");
if ((value [`${traitName[index2]}`]) != (traitValue)){
setAttrs({
trait_1_name: ""
});
}
});
});
});
on("change:trait_2", function() {
getAttrs(["trait_2_name", "trait_2"], function(value) {
var index2 = userTraitName.indexOf(value.trait_2_name);
var traitValue = value.trait_2;
getAttrs([`${traitName[index2]}`], function(value) {
//console.log ("--------");
//console.log ("NOME " + traitName[index2]);
//console.log ("vALOR DO NOME " + value [`${traitName[index2]}`]);
//console.log ("vALOR DO tRAIT " + traitValue);
//console.log ("--------");
if ((value [`${traitName[index2]}`]) != (traitValue)){
setAttrs({
trait_2_name: ""
});
}
});
});
});
}
on("clicked:npc-roll-1", function() {
getAttrs(["modal_Display_Roll"], function(value) {
if ((value.modal_Display_Roll) == 0){
setAttrs({
modal_Display_Roll: 1
});
setAttrs({
npc_core_roll_display: 1
});
}else{
setAttrs({
npc_modal_Display_Roll: 0
});
setAttrs({
npc_core_roll_display: 0
});
}
});
getAttrs(["defaultNpcTargetNumber"], function(value) {
setAttrs({
npcTargetNumber: value.defaultNpcTargetNumber
});
});
});
on("clicked:npc-roll-2", function() {
getAttrs(["modal_Display_Roll"], function(value) {
if ((value.modal_Display_Roll) == 0){
setAttrs({
modal_Display_Roll: 1
});
setAttrs({
npc_generic_roll_display: 1
});
}else{
setAttrs({
npc_modal_Display_Roll: 0
});
setAttrs({
npc_generic_roll_display: 0
});
}
});
getAttrs(["defaultNpcTargetNumber"], function(value) {
setAttrs({
npcTargetNumber: value.defaultNpcTargetNumber
});
});
});
on("clicked:npc-roll-3", function() {
getAttrs(["modal_Display_Roll"], function(value) {
if ((value.modal_Display_Roll) == 0){
setAttrs({
modal_Display_Roll: 1
});
setAttrs({
npc_initiative_roll_display: 1
});
}else{
setAttrs({
npc_modal_Display_Roll: 0
});
setAttrs({
npc_initiative_roll_display: 0
});
}
});
getAttrs(["defaultNpcTargetNumber"], function(value) {
setAttrs({
npcTargetNumber: value.defaultNpcTargetNumber
});
});
});
on("sheet:opened clicked:close_modal_Roll", function() {
setAttrs({
modal_Display_Roll: 0
});
setAttrs({
core_roll_display: 0
});
setAttrs({
generic_roll_display: 0
});
setAttrs({
initiative_roll_display: 0
});
setAttrs({
custominitial_roll_display: 0
});
setAttrs({
custominitial_initiative_roll_display: 0
});
setAttrs({
trait_roll_display: 0
});
setAttrs({
skill: "0+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=No Selected}} {{skillValue=0}}"
});
setAttrs({
attribute: "{{attribute=No Selected}} {{attributeValue=0}} {{sucess=[[{[[0"
});
setAttrs({
trait_1: 0
});
setAttrs({
trait_2: 0
});
setAttrs({
trait_1_name: ""
});
setAttrs({
trait_2_name: ""
});
setAttrs({
dice_modifier: 0
});
setAttrs({
enhancements: 0
});
setAttrs({
skillShowInRoll: 0
});
setAttrs({
attributeShowInRoll: 0
});
setAttrs({
npc_core_roll_display: 0
});
setAttrs({
npc_generic_roll_display: 0
});
setAttrs({
npc_initiative_roll_display: 0
});
getAttrs(["npc_enhancements"], function(values) {
setAttrs({
npc_enhancements_reading_roll: values.npc_enhancements
});
});
setAttrs({
npc_pool: "{{sucess=[[{[[0 + @{trait_2} + @{dice_modifier}]]d10!cs>@{defaultNpcTargetNumber}cf<1}>@{defaultNpcTargetNumber}]]}} {{skill=No Selected}} {{skillValue=0}}"
});
setAttrs({
npc_pollShowInRoll: 0
});
});
// ############################## - FIM ROLL BUTTONS - #############################
// ####################### - SetVariableTraitsForReadingRoll - ######################
setVariableTraitsForReadingRoll(attributes);
setVariableTraitsForReadingRoll(animaAttributes);
setVariableTraitsForReadingRoll(["npc_enhancements"]);
function setVariableTraitsForReadingRoll(variableTraits){
on("sheet:opened", function(){
variableTraits.forEach (function(variableTrait){
getAttrs([`${variableTrait}`], function(values) {
setAttrs({
[`${variableTrait}_reading_roll`]: values [`${variableTrait}`]
});
});
on(`change:${variableTrait}`, function() {
getAttrs([`${variableTrait}`], function(values) {
//console.log (`${variableTrait}`);
//console.log (values [`${variableTrait}`]);
setAttrs({
[`${variableTrait}_reading_roll`]: values [`${variableTrait}`]
});
});
});
})
});
}
// ####################### - FIM setVariableTraitsForReadingRoll - ######################
// ################################# - SET INITIATIVE - #################################
on("sheet:opened change:cunning_reading_roll change:dexterity_reading_roll change:athletics change:empathy", function(){
getAttrs([
"cunning_reading_roll",
"dexterity_reading_roll",
"athletics",
"empathy",
], function(values) {
let athleticsCunning = parseInt(values.athletics) + parseInt(values.cunning_reading_roll);
let empathyDexterity = parseInt(values.empathy) + parseInt(values.dexterity_reading_roll);
if (athleticsCunning < empathyDexterity){
setAttrs({
initiative: athleticsCunning
});
setAttrs({
initSkillName: "Athletics"
});
setAttrs({
initSkillValue: values.athletics
});
setAttrs({
initAttributeName: "Cunning"
});
setAttrs({
initAttributeValue: values.cunning_reading_roll
});
} else if (empathyDexterity <= athleticsCunning){
setAttrs({
initiative: empathyDexterity
});
setAttrs({
initSkillName: "Empathy"
});
setAttrs({
initSkillValue: values.empathy
});
setAttrs({
initAttributeName: "Dexterity"
});
setAttrs({
initAttributeValue: values.dexterity_reading_roll
});
}
});
});
on("sheet:opened change:animaforce_reading_roll change:animafinesse_reading_roll change:animaresilience_reading_roll change:animaskillathletics", function(){
getAttrs([
"animaforce_reading_roll",
"animafinesse_reading_roll",
"animaresilience_reading_roll",
"animaskillathletics",
], function(values) {
setAttrs({
anima_initSkillName: "Athletics"
});
setAttrs({
anima_initSkillValue: values.animaskillathletics
});
let higherApproach = 1;
if (values.animaforce_reading_roll > higherApproach){
higherApproach = values.animaforce_reading_roll;
setAttrs({
anima_initAttributeName: "Force"
});
}
if (values.animafinesse_reading_roll > higherApproach){
higherApproach = values.animafinesse_reading_roll;
setAttrs({
anima_initAttributeName: "Finesse"
});
}
if (values.animaresilience_reading_roll > higherApproach){
higherApproach = values.animaresilience_reading_roll;
setAttrs({
anima_initAttributeName: "Resilience"
});
}
setAttrs({
anima_initiative: parseInt(higherApproach) + parseInt(values.animaskillathletics)
});
setAttrs({
anima_initAttributeValue: higherApproach
});
//console.log ("anima_initSkillValue " + values.animaskillathletics);
//console.log ("higherApproach " + higherApproach);
});
});
on("sheet:opened change:npc_initiative_selector change:primary_pool change:secondary_pool change:desperation_pool", function(){
getAttrs(["npc_initiative_selector"], function(values) {
if ((values.npc_initiative_selector) == ("Primary Pool")){
getAttrs(["primary_pool", "npc_initiative"], function(values2) {
setAttrs({
npc_initiative: parseInt(values2.primary_pool)
});
});
} else if ((values.npc_initiative_selector) == ("Secondary Pool")){
getAttrs(["secondary_pool"], function(values2) {
setAttrs({
npc_initiative: parseInt(values2.secondary_pool)
});
});
} if ((values.npc_initiative_selector) == ("Desperation Pool")){
getAttrs(["desperation_pool"], function(values2) {
setAttrs({
npc_initiative: parseInt(values2.desperation_pool)
});
});
}
});
});
// ############################### - FIM SET INITIATIVE - ###############################
on("clicked:core_roll clicked:generic_roll clicked:initiative_roll clicked:anima_initiative_roll clicked:repeating_customroll:genericroll01 clicked:repeating_customroll:genericroll02 clicked:repeating_customroll:genericroll03 clicked:repeating_custominitiative:custominitiative01 clicked:repeating_custominitiative:custominitiative02 clicked:repeating_custominitiative:custominitiative03 clicked:npc_core_roll clicked:npc_generic_roll clicked:npc_initiative_roll", function(){
var today = new Date();
var dd = String(today.getDate()).padStart(2, '0');
var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
var yyyy = today.getFullYear();
var hr = String(today.getHours()).padStart(2, '0');
var mn = String(today.getMinutes()).padStart(2, '0');
var sec = String(today.getSeconds()).padStart(2, '0');
var dateToday = mm + '/' + dd + '/' + yyyy;
var hourToday = hr + ':' + mn + ':' + sec;
setAttrs({
day: dateToday
});
setAttrs({
hour: hourToday
});
});
on('clicked:core_roll', (info) => {
startRoll("&{template:coreRoll} {{rollname=Core Roll}} {{targetNumber=@{defaultTargetNumber}}} {{enhancement=@{enhancements}}} @{attribute}+@{skill} {{characterName=@{character_name}}} {{diceModifier=@{dice_modifier}}} {{hour=@{hour}}} {{day=@{day}}}", (results) => {
getAttrs(["enhancements"], function(value){
let computed = parseInt(`${results.results.sucess.result}`)||0;
if (computed != 0){
computed = computed + parseInt(`${value.enhancements}`)||0;
}
finishRoll(
results.rollId,
{
sucess: computed,
}
);
});
});
});
on('clicked:generic_roll', (info) => {
startRoll("&{template:coreRoll} {{rollname=Generic Roll}} {{sucess=[[{[[@{trait_1} + @{trait_2} + @{dice_modifier}]]d10!cs>@{targetnumber}cf<1}>@{targetnumber}]]}} {{targetNumber=@{targetnumber}}} {{enhancement=@{enhancements}}} {{characterName=@{character_name}}} {{skill=Trait 1}} {{attribute=Trait 2}} {{skillValue=@{trait_1}}} {{attributeValue=@{trait_2}}} {{diceModifier=@{dice_modifier}}} {{hour=@{hour}}} {{day=@{day}}}", (results) => {
getAttrs(["enhancements"], function(value){
let computed = parseInt(`${results.results.sucess.result}`)||0;
if (computed != 0){
computed = computed + parseInt(`${value.enhancements}`)||0;
}
finishRoll(
results.rollId,
{
sucess: computed,
}
);
});
});
});
on('clicked:initiative_roll', function (info){
startRoll("&{template:coreRoll} {{rollname=Initiative}} {{sucess=[[{[[@{initiative} + @{dice_modifier}]]d10!cs>@{targetnumber}cf<1}>@{targetnumber}]]}} {{targetNumber=@{targetnumber}}} {{enhancement=@{enhancements}}} {{characterName=@{character_name}}} {{skill=@{initSkillName}}} {{attribute=@{initAttributeName}}} {{skillValue=@{initSkillValue}}} {{attributeValue=@{initAttributeValue}}} {{diceModifier=@{dice_modifier}}} {{hour=@{hour}}} {{day=@{day}}}", (results) => {
getAttrs(["enhancements"], function(value){
let computed = parseInt(`${results.results.sucess.result}`)||0;
if (computed != 0){
computed = computed + parseInt(`${value.enhancements}`)||0;
}
setAttrs({
initToTurnOrder: computed
});
//putOnTurnOrder (info);
startRoll("[[/gr[[@{initToTurnOrder}&{tracker}]]]]");
finishRoll(
results.rollId,
{
sucess: computed,
}
);
});
});
});
on('clicked:anima_initiative_roll', function (info){
startRoll("&{template:coreRoll} {{rollname=Initiative}} {{sucess=[[{[[@{anima_initiative} + @{dice_modifier}]]d10!cs>@{targetnumber}cf<1}>@{targetnumber}]]}} {{targetNumber=@{targetnumber}}} {{enhancement=@{enhancements}}} {{characterName=@{character_name}}} {{skill=@{anima_initSkillName}}} {{attribute=@{anima_initAttributeName}}} {{skillValue=@{anima_initSkillValue}}} {{attributeValue=@{anima_initAttributeValue}}} {{diceModifier=@{dice_modifier}}} {{hour=@{hour}}} {{day=@{day}}}", (results) => {
getAttrs(["enhancements"], function(value){
let computed = parseInt(`${results.results.sucess.result}`)||0;
if (computed != 0){
computed = computed + parseInt(`${value.enhancements}`)||0;
}
setAttrs({
initToTurnOrder: computed
});
//putOnTurnOrder (info);
startRoll("[[/gr[[@{initToTurnOrder}&{tracker}]]]]");
finishRoll(
results.rollId,
{
sucess: computed,
}
);
});
});
});
on("clicked:repeating_customroll:genericroll01", function (info){
getAttrs(["repeating_customroll_customrollName01", "repeating_customroll_customrollTargetNumber01", "repeating_customroll_customrollSkillName0101", "repeating_customroll_customrollSkillValue0101", "repeating_customroll_customrollSkillName0201", "repeating_customroll_customrollSkillValue0201", "repeating_customroll_customrollDiceModifier01", "repeating_customroll_customrollEnhancements01",
"defaultTargetNumber", "defaultNpcTargetNumber", "tier"], function(values){
if ((values.repeating_customroll_customrollName01) == ("")){
setAttrs({
crName: "Custom Roll"
});
}else{
setAttrs({
crName: values.repeating_customroll_customrollName01
});
}
if ((values.repeating_customroll_customrollTargetNumber01) != ("DF")){
setAttrs({
crTargetNumber: values.repeating_customroll_customrollTargetNumber01
});
}else if ((values.tier) == ("NPC")){
setAttrs({
crTargetNumber: values.defaultNpcTargetNumber
});
}else if ((values.tier) != ("NPC")){
setAttrs({
crTargetNumber: values.defaultTargetNumber
});
}
if ((values.repeating_customroll_customrollSkillName0101) == ("")){
setAttrs({
crSkillName1: "Trait 1"
});
}else{
setAttrs({
crSkillName1: values.repeating_customroll_customrollSkillName0101
});
}
if ((values.repeating_customroll_customrollSkillValue0101) == ("")){
setAttrs({
crSkillValue1: 0
});
}else{
setAttrs({
crSkillValue1: values.repeating_customroll_customrollSkillValue0101
});
}
if ((values.repeating_customroll_customrollSkillName0201) == ("")){
setAttrs({
crSkillName2: "Trait 2"
});
}else{
setAttrs({
crSkillName2: values.repeating_customroll_customrollSkillName0201
});
}
if ((values.repeating_customroll_customrollSkillValue0201) == ("")){
setAttrs({
crSkillValue2: 0
});
}else{
setAttrs({
crSkillValue2: values.repeating_customroll_customrollSkillValue0201
});
}
if ((values.repeating_customroll_customrollDiceModifier01) == ("")){
setAttrs({
crDiceModifier: 0
});
}else{
setAttrs({
crDiceModifier: values.repeating_customroll_customrollDiceModifier01
});
}
if ((values.repeating_customroll_customrollEnhancements01) == ("")){
setAttrs({
crEnhancement: 0
});
}else{
setAttrs({
crEnhancement: values.repeating_customroll_customrollEnhancements01
});
}
if (values.tier == "NPC"){
toRollNpcCustomRoll();
}else{
toRollCustomRoll();
}
});
});
on("clicked:repeating_customroll:genericroll02", function (info){
getAttrs(["repeating_customroll_customrollName02", "repeating_customroll_customrollTargetNumber02", "repeating_customroll_customrollSkillName0102", "repeating_customroll_customrollSkillValue0102", "repeating_customroll_customrollSkillName0202", "repeating_customroll_customrollSkillValue0202", "repeating_customroll_customrollDiceModifier02", "repeating_customroll_customrollEnhancements02",
"defaultTargetNumber", "defaultNpcTargetNumber", "tier"], function(values){
if ((values.repeating_customroll_customrollName02) == ("")){
setAttrs({
crName: "Custom Roll"
});
}else{
setAttrs({
crName: values.repeating_customroll_customrollName02
});
}
if ((values.repeating_customroll_customrollTargetNumber02) != ("DF")){
setAttrs({
crTargetNumber: values.repeating_customroll_customrollTargetNumber02
});
}else if ((values.tier) == ("NPC")){
setAttrs({
crTargetNumber: values.defaultNpcTargetNumber
});
}else if ((values.tier) != ("NPC")){
setAttrs({
crTargetNumber: values.defaultTargetNumber
});
}
if ((values.repeating_customroll_customrollSkillName0102) == ("")){
setAttrs({
crSkillName1: "Trait 1"
});
}else{
setAttrs({
crSkillName1: values.repeating_customroll_customrollSkillName0102
});
}
if ((values.repeating_customroll_customrollSkillValue0102) == ("")){
setAttrs({
crSkillValue1: 0
});
}else{
setAttrs({
crSkillValue1: values.repeating_customroll_customrollSkillValue0102
});
}
if ((values.repeating_customroll_customrollSkillName0202) == ("")){
setAttrs({
crSkillName2: "Trait 2"
});
}else{
setAttrs({
crSkillName2: values.repeating_customroll_customrollSkillName0202
});
}
if ((values.repeating_customroll_customrollSkillValue0202) == ("")){
setAttrs({
crSkillValue2: 0
});
}else{
setAttrs({
crSkillValue2: values.repeating_customroll_customrollSkillValue0202
});
}
if ((values.repeating_customroll_customrollDiceModifier02) == ("")){
setAttrs({
crDiceModifier: 0
});
}else{
setAttrs({
crDiceModifier: values.repeating_customroll_customrollDiceModifier02
});
}
if ((values.repeating_customroll_customrollEnhancements02) == ("")){
setAttrs({
crEnhancement: 0
});
}else{
setAttrs({
crEnhancement: values.repeating_customroll_customrollEnhancements02
});
}
if (values.tier == "NPC"){
toRollNpcCustomRoll();
}else{
toRollCustomRoll();
}
});
});
on("clicked:repeating_customroll:genericroll03", function (info){
getAttrs(["repeating_customroll_customrollName03", "repeating_customroll_customrollTargetNumber03", "repeating_customroll_customrollSkillName0103", "repeating_customroll_customrollSkillValue0103", "repeating_customroll_customrollSkillName0203", "repeating_customroll_customrollSkillValue0203", "repeating_customroll_customrollDiceModifier03", "repeating_customroll_customrollEnhancements03",
"defaultTargetNumber", "defaultNpcTargetNumber", "tier"], function(values){
if ((values.repeating_customroll_customrollName03) == ("")){
setAttrs({
crName: "Custom Roll"
});
}else{
setAttrs({
crName: values.repeating_customroll_customrollName03
});
}
if ((values.repeating_customroll_customrollTargetNumber03) != ("DF")){
setAttrs({
crTargetNumber: values.repeating_customroll_customrollTargetNumber03
});
}else if ((values.tier) == ("NPC")){
setAttrs({
crTargetNumber: values.defaultNpcTargetNumber
});
}else if ((values.tier) != ("NPC")){
setAttrs({
crTargetNumber: values.defaultTargetNumber
});
}
if ((values.repeating_customroll_customrollSkillName0103) == ("")){
setAttrs({
crSkillName1: "Trait 1"
});
}else{
setAttrs({
crSkillName1: values.repeating_customroll_customrollSkillName0103
});
}
if ((values.repeating_customroll_customrollSkillValue0103) == ("")){
setAttrs({
crSkillValue1: 0
});
}else{
setAttrs({
crSkillValue1: values.repeating_customroll_customrollSkillValue0103
});
}
if ((values.repeating_customroll_customrollSkillName0203) == ("")){
setAttrs({
crSkillName2: "Trait 2"
});
}else{
setAttrs({
crSkillName2: values.repeating_customroll_customrollSkillName0203
});
}
if ((values.repeating_customroll_customrollSkillValue0203) == ("")){
setAttrs({
crSkillValue2: 0
});
}else{
setAttrs({
crSkillValue2: values.repeating_customroll_customrollSkillValue0203
});
}
if ((values.repeating_customroll_customrollDiceModifier03) == ("")){
setAttrs({
crDiceModifier: 0
});
}else{
setAttrs({
crDiceModifier: values.repeating_customroll_customrollDiceModifier03
});
}
if ((values.repeating_customroll_customrollEnhancements03) == ("")){
setAttrs({
crEnhancement: 0
});
}else{
setAttrs({
crEnhancement: values.repeating_customroll_customrollEnhancements03
});
}
if (values.tier == "NPC"){
toRollNpcCustomRoll();
}else{
toRollCustomRoll();
}
});
});
on("clicked:repeating_custominitiative:custominitiative01", function (info){
//console.log ("teste");
getAttrs(["repeating_custominitiative_custominitiativeName01", "repeating_custominitiative_custominitiativeTargetNumber01", "repeating_custominitiative_custominitiativeSkillName0101", "repeating_custominitiative_custominitiativeSkillValue0101", "repeating_custominitiative_custominitiativeSkillName0201", "repeating_custominitiative_custominitiativeSkillValue0201", "repeating_custominitiative_custominitiativeDiceModifier01", "repeating_custominitiative_custominitiativeEnhancements01",
"defaultTargetNumber", "tier"], function(values){
if ((values.repeating_custominitiative_custominitiativeName01) == ("")){
setAttrs({
crName: "Custom Roll"
});
}else{
setAttrs({
crName: values.repeating_custominitiative_custominitiativeName01
});
}
if ((values.repeating_custominitiative_custominitiativeTargetNumber01) == ("DF")){
setAttrs({
crTargetNumber: values.defaultTargetNumber
});
}else{
setAttrs({
crTargetNumber: values.repeating_custominitiative_custominitiativeTargetNumber01
});
}
if ((values.repeating_custominitiative_custominitiativeSkillName0101) == ("")){
setAttrs({
crSkillName1: "Trait 1"
});
}else{
setAttrs({
crSkillName1: values.repeating_custominitiative_custominitiativeSkillName0101
});
}
if ((values.repeating_custominitiative_custominitiativeSkillValue0101) == ("")){
setAttrs({
crSkillValue1: 0
});
}else{
setAttrs({
crSkillValue1: values.repeating_custominitiative_custominitiativeSkillValue0101
});
}
if ((values.repeating_custominitiative_custominitiativeSkillName0201) == ("")){
setAttrs({
crSkillName2: "Trait 2"
});
}else{
setAttrs({
crSkillName2: values.repeating_custominitiative_custominitiativeSkillName0201
});
}
if ((values.repeating_custominitiative_custominitiativeSkillValue0201) == ("")){
setAttrs({
crSkillValue2: 0
});
}else{
setAttrs({
crSkillValue2: values.repeating_custominitiative_custominitiativeSkillValue0201
});
}
if ((values.repeating_custominitiative_custominitiativeDiceModifier01) == ("")){
setAttrs({
crDiceModifier: 0
});
}else{
setAttrs({
crDiceModifier: values.repeating_custominitiative_custominitiativeDiceModifier01
});
}
if ((values.repeating_custominitiative_custominitiativeEnhancements01) == ("")){
setAttrs({
crEnhancement: 0
});
}else{
setAttrs({
crEnhancement: values.repeating_custominitiative_custominitiativeEnhancements01
});
}
if (values.tier == "NPC"){
toRollNpcCustomInitiative();
}else{
toRollCustomInitiative();
}
});
});
on("clicked:repeating_custominitiative:custominitiative02", function (info){
//console.log ("teste");
getAttrs(["repeating_custominitiative_custominitiativeName02", "repeating_custominitiative_custominitiativeTargetNumber02", "repeating_custominitiative_custominitiativeSkillName0102", "repeating_custominitiative_custominitiativeSkillValue0102", "repeating_custominitiative_custominitiativeSkillName0202", "repeating_custominitiative_custominitiativeSkillValue0202", "repeating_custominitiative_custominitiativeDiceModifier02", "repeating_custominitiative_custominitiativeEnhancements02",
"defaultTargetNumber", "tier"], function(values){
if ((values.repeating_custominitiative_custominitiativeName02) == ("")){
setAttrs({
crName: "Custom Roll"
});
}else{
setAttrs({
crName: values.repeating_custominitiative_custominitiativeName02
});
}
if ((values.repeating_custominitiative_custominitiativeTargetNumber02) == ("DF")){
setAttrs({
crTargetNumber: values.defaultTargetNumber
});
}else{
setAttrs({
crTargetNumber: values.repeating_custominitiative_custominitiativeTargetNumber02
});
}
if ((values.repeating_custominitiative_custominitiativeSkillName0102) == ("")){
setAttrs({
crSkillName1: "Trait 1"
});
}else{
setAttrs({
crSkillName1: values.repeating_custominitiative_custominitiativeSkillName0102
});
}
if ((values.repeating_custominitiative_custominitiativeSkillValue0102) == ("")){
setAttrs({
crSkillValue1: 0
});
}else{
setAttrs({
crSkillValue1: values.repeating_custominitiative_custominitiativeSkillValue0102
});
}
if ((values.repeating_custominitiative_custominitiativeSkillName0202) == ("")){
setAttrs({
crSkillName2: "Trait 2"
});
}else{
setAttrs({
crSkillName2: values.repeating_custominitiative_custominitiativeSkillName0202
});
}
if ((values.repeating_custominitiative_custominitiativeSkillValue0202) == ("")){
setAttrs({
crSkillValue2: 0
});
}else{
setAttrs({
crSkillValue2: values.repeating_custominitiative_custominitiativeSkillValue0202
});
}
if ((values.repeating_custominitiative_custominitiativeDiceModifier02) == ("")){
setAttrs({
crDiceModifier: 0
});
}else{
setAttrs({
crDiceModifier: values.repeating_custominitiative_custominitiativeDiceModifier02
});
}
if ((values.repeating_custominitiative_custominitiativeEnhancements02) == ("")){
setAttrs({
crEnhancement: 0
});
}else{
setAttrs({
crEnhancement: values.repeating_custominitiative_custominitiativeEnhancements02
});
}
if (values.tier == "NPC"){
toRollNpcCustomInitiative();
}else{
toRollCustomInitiative();
}
});
});
on("clicked:repeating_custominitiative:custominitiative03", function (info){
//console.log ("teste");
getAttrs(["repeating_custominitiative_custominitiativeName03", "repeating_custominitiative_custominitiativeTargetNumber03", "repeating_custominitiative_custominitiativeSkillName0103", "repeating_custominitiative_custominitiativeSkillValue0103", "repeating_custominitiative_custominitiativeSkillName0203", "repeating_custominitiative_custominitiativeSkillValue0203", "repeating_custominitiative_custominitiativeDiceModifier03", "repeating_custominitiative_custominitiativeEnhancements03",
"defaultTargetNumber", "tier"], function(values){
if ((values.repeating_custominitiative_custominitiativeName03) == ("")){
setAttrs({
crName: "Custom Roll"
});
}else{
setAttrs({
crName: values.repeating_custominitiative_custominitiativeName03
});
}
if ((values.repeating_custominitiative_custominitiativeTargetNumber03) == ("DF")){
setAttrs({
crTargetNumber: values.defaultTargetNumber
});
}else{
setAttrs({
crTargetNumber: values.repeating_custominitiative_custominitiativeTargetNumber03
});
}
if ((values.repeating_custominitiative_custominitiativeSkillName0103) == ("")){
setAttrs({
crSkillName1: "Trait 1"
});
}else{
setAttrs({
crSkillName1: values.repeating_custominitiative_custominitiativeSkillName0103
});
}
if ((values.repeating_custominitiative_custominitiativeSkillValue0103) == ("")){
setAttrs({
crSkillValue1: 0
});
}else{
setAttrs({
crSkillValue1: values.repeating_custominitiative_custominitiativeSkillValue0103
});
}
if ((values.repeating_custominitiative_custominitiativeSkillName0203) == ("")){
setAttrs({
crSkillName2: "Trait 2"
});
}else{
setAttrs({
crSkillName2: values.repeating_custominitiative_custominitiativeSkillName0203
});
}
if ((values.repeating_custominitiative_custominitiativeSkillValue0203) == ("")){
setAttrs({
crSkillValue2: 0
});
}else{
setAttrs({
crSkillValue2: values.repeating_custominitiative_custominitiativeSkillValue0203
});
}
if ((values.repeating_custominitiative_custominitiativeDiceModifier03) == ("")){
setAttrs({
crDiceModifier: 0
});
}else{
setAttrs({
crDiceModifier: values.repeating_custominitiative_custominitiativeDiceModifier03
});
}
if ((values.repeating_custominitiative_custominitiativeEnhancements03) == ("")){
setAttrs({
crEnhancement: 0
});
}else{
setAttrs({
crEnhancement: values.repeating_custominitiative_custominitiativeEnhancements03
});
}
if (values.tier == "NPC"){
toRollNpcCustomInitiative();
}else{
toRollCustomInitiative();
}
});
});
function toRollCustomRoll(){
startRoll("&{template:coreRoll} {{rollname=@{crName}}} {{sucess=[[{[[@{crSkillValue1} + @{crSkillValue2} + @{crDiceModifier}]]d10!cs>@{crTargetNumber}cf<1}>@{crTargetNumber}]]}} {{targetNumber=@{crTargetNumber}}} {{enhancement=@{crEnhancement}}} {{characterName=@{character_name}}} {{skill=@{crSkillName1}}} {{attribute=@{crSkillName2}}} {{skillValue=@{crSkillValue1}}} {{attributeValue=@{crSkillValue2}}} {{diceModifier=@{crDiceModifier}}} {{hour=@{hour}}} {{day=@{day}}}", (results) => {
getAttrs(["crEnhancement"], function(value){
let computed = parseInt(`${results.results.sucess.result}`)||0;
if (computed != 0){
computed = computed + parseInt(`${value.crEnhancement}`)||0;
}
finishRoll(
results.rollId,
{
sucess: computed,
}
);
});
});
}
function toRollNpcCustomRoll(){
startRoll("&{template:npcCoreRoll} {{rollname=@{crName}}} {{sucess=[[{[[@{crSkillValue1} + @{crSkillValue2} + @{crDiceModifier}]]d10!cs>@{crTargetNumber}cf<1}>@{crTargetNumber}]]}} {{targetNumber=@{crTargetNumber}}} {{enhancement=@{crEnhancement}}} {{characterName=@{character_name}}} {{skill=@{crSkillName1}}} {{attribute=@{crSkillName2}}} {{skillValue=@{crSkillValue1}}} {{attributeValue=@{crSkillValue2}}} {{diceModifier=@{crDiceModifier}}} {{hour=@{hour}}} {{day=@{day}}}", (results) => {
getAttrs(["crEnhancement"], function(value){
let computed = parseInt(`${results.results.sucess.result}`)||0;
if (computed != 0){
computed = computed + parseInt(`${value.crEnhancement}`)||0;
}
finishRoll(
results.rollId,
{
sucess: computed,
}
);
});
});
}
function toRollCustomInitiative(){
startRoll("&{template:coreRoll} {{rollname=@{crName}}} {{sucess=[[{[[@{crSkillValue1} + @{crSkillValue2} + @{crDiceModifier}]]d10!cs>@{crTargetNumber}cf<1}>@{crTargetNumber}]]}} {{targetNumber=@{crTargetNumber}}} {{enhancement=@{crEnhancement}}} {{characterName=@{character_name}}} {{skill=@{crSkillName1}}} {{attribute=@{crSkillName2}}} {{skillValue=@{crSkillValue1}}} {{attributeValue=@{crSkillValue2}}} {{diceModifier=@{crDiceModifier}}} {{hour=@{hour}}} {{day=@{day}}}", (results) => {
getAttrs(["crEnhancement"], function(value){
let computed = parseInt(`${results.results.sucess.result}`)||0;
if (computed != 0){
computed = computed + parseInt(`${value.crEnhancement}`)||0;
}
setAttrs({
initToTurnOrder: computed
});
startRoll("[[/gr[[@{initToTurnOrder}&{tracker}]]]]");
finishRoll(
results.rollId,
{
sucess: computed,
}
);
});
});
}
function toRollNpcCustomInitiative(){
startRoll("&{template:npcCoreRoll} {{rollname=@{crName}}} {{sucess=[[{[[@{crSkillValue1} + @{crSkillValue2} + @{crDiceModifier}]]d10!cs>@{crTargetNumber}cf<1}>@{crTargetNumber}]]}} {{targetNumber=@{crTargetNumber}}} {{enhancement=@{crEnhancement}}} {{characterName=@{character_name}}} {{skill=@{crSkillName1}}} {{attribute=@{crSkillName2}}} {{skillValue=@{crSkillValue1}}} {{attributeValue=@{crSkillValue2}}} {{diceModifier=@{crDiceModifier}}} {{hour=@{hour}}} {{day=@{day}}}", (results) => {
getAttrs(["crEnhancement"], function(value){
let computed = parseInt(`${results.results.sucess.result}`)||0;
if (computed != 0){
computed = computed + parseInt(`${value.crEnhancement}`)||0;
}
setAttrs({
initToTurnOrder: computed
});
startRoll("[[/gr[[@{initToTurnOrder}&{tracker}]]]]");
finishRoll(
results.rollId,
{
sucess: computed,
}
);
});
});
}
on('clicked:npc_core_roll', (info) => {
startRoll("&{template:npcCoreRoll} {{rollname=Core Roll}} {{targetNumber=@{defaultNpcTargetNumber}}} {{enhancement=@{npc_enhancements_reading_roll}}} @{npc_pool} {{attribute=Trait 2}} {{attributeValue=@{trait_2}}} {{characterName=@{character_name}}} {{diceModifier=@{dice_modifier}}} {{hour=@{hour}}} {{day=@{day}}}", (results) => {
getAttrs(["npc_enhancements_reading_roll"], function(value){
let computed = parseInt(`${results.results.sucess.result}`)||0;
if (computed != 0){
computed = computed + parseInt(`${value.npc_enhancements_reading_roll}`)||0;
}
finishRoll(
results.rollId,
{
sucess: computed,
}
);
});
});
});
on('clicked:npc_generic_roll', (info) => {
startRoll("&{template:npcCoreRoll} {{rollname=Generic Roll}} {{sucess=[[{[[@{trait_1} + @{trait_2} + @{dice_modifier}]]d10!cs>@{npcTargetNumber}cf<1}>@{npcTargetNumber}]]}} {{targetNumber=@{npcTargetNumber}}} {{enhancement=@{npc_enhancements_reading_roll}}} {{characterName=@{character_name}}} {{skill=Trait 1}} {{attribute=Trait 2}} {{skillValue=@{trait_1}}} {{attributeValue=@{trait_2}}} {{diceModifier=@{dice_modifier}}} {{hour=@{hour}}} {{day=@{day}}}", (results) => {
getAttrs(["npc_enhancements_reading_roll"], function(value){
let computed = parseInt(`${results.results.sucess.result}`)||0;
if (computed != 0){
computed = computed + parseInt(`${value.npc_enhancements_reading_roll}`)||0;
}
finishRoll(
results.rollId,
{
sucess: computed,
}
);
});
});
});
on('clicked:npc_initiative_roll', function (info){
startRoll("&{template:npcCoreRoll} {{rollname=Initiative}} {{sucess=[[{[[@{npc_initiative}+@{dice_modifier}]]d10!cs>@{defaultNpcTargetNumber}cf<1}>@{defaultNpcTargetNumber}]]}} {{targetNumber=@{defaultNpcTargetNumber}}} {{enhancement=@{npc_enhancements_reading_roll}}} {{characterName=@{character_name}}} {{skill=@{npc_initiative_selector}}} {{attribute=Trait 2}} {{skillValue=@{npc_initiative}}} {{attributeValue=0}} {{diceModifier=@{dice_modifier}}} {{hour=@{hour}}} {{day=@{day}}}", (results) => {
getAttrs(["npc_enhancements_reading_roll"], function(value){
let computed = parseInt(`${results.results.sucess.result}`)||0;
if (computed != 0){
computed = computed + parseInt(`${value.npc_enhancements_reading_roll}`)||0;
}
setAttrs({
initToTurnOrder: computed
});
//putOnTurnOrder (info);
startRoll("[[/gr[[@{initToTurnOrder}&{tracker}]]]]");
finishRoll(
results.rollId,
{
sucess: computed,
}
);
});
});
});
on("change:skill", function(eventInfo) {
getAttrs(["skill"], function(value){
if ((value.skill)==("0+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=No Selected}} {{skillValue=0}}")){
setAttrs({
skillShowInRoll: 0
});
}
else if ((value.skill)==("0+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=None}} {{skillValue=0}}")){
setAttrs({
skillShowInRoll: 0
});
}
else if ((value.skill)==("@{aim}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Aim}} {{skillValue=@{aim}}}")){
getAttrs(["aim"], function(value){
setAttrs({
skillShowInRoll: value.aim
});
});
}
else if ((value.skill)==("@{athletics}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Athletics}} {{skillValue=@{athletics}}}")){
getAttrs(["athletics"], function(value){
setAttrs({
skillShowInRoll: value.athletics
});
});
}
else if ((value.skill)==("@{close_combat}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Close Combat}} {{skillValue=@{close_combat}}}")){
getAttrs(["close_combat"], function(value){
setAttrs({
skillShowInRoll: value.close_combat
});
});
}
else if ((value.skill)==("@{command}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Command}} {{skillValue=@{command}}}")){
getAttrs(["command"], function(value){
setAttrs({
skillShowInRoll: value.command
});
});
}
else if ((value.skill)==("@{culture}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Culture}} {{skillValue=@{culture}}}")){
getAttrs(["culture"], function(value){
setAttrs({
skillShowInRoll: value.culture
});
});
}
else if ((value.skill)==("@{empathy}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Empathy}} {{skillValue=@{empathy}}}")){
getAttrs(["empathy"], function(value){
setAttrs({
skillShowInRoll: value.empathy
});
});
}
else if ((value.skill)==("@{enigmas}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Enigmas}} {{skillValue=@{enigmas}}}")){
getAttrs(["enigmas"], function(value){
setAttrs({
skillShowInRoll: value.enigmas
});
});
}
else if ((value.skill)==("@{humanities}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Humanities}} {{skillValue=@{humanities}}}")){
getAttrs(["humanities"], function(value){
setAttrs({
skillShowInRoll: value.humanities
});
});
}
else if ((value.skill)==("@{integrity}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Integrity}} {{skillValue=@{integrity}}}")){
getAttrs(["integrity"], function(value){
setAttrs({
skillShowInRoll: value.integrity
});
});
}
else if ((value.skill)==("@{larceny}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Larceny}} {{skillValue=@{larceny}}}")){
getAttrs(["larceny"], function(value){
setAttrs({
skillShowInRoll: value.larceny
});
});
}
else if ((value.skill)==("@{medicine}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Medicine}} {{skillValue=@{medicine}}}")){
getAttrs(["medicine"], function(value){
setAttrs({
skillShowInRoll: value.medicine
});
});
}
else if ((value.skill)==("@{persuasion}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Persuasion}} {{skillValue=@{persuasion}}}")){
getAttrs(["persuasion"], function(value){
setAttrs({
skillShowInRoll: value.persuasion
});
});
}
else if ((value.skill)==("@{pilot}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Pilot}} {{skillValue=@{pilot}}}")){
getAttrs(["pilot"], function(value){
setAttrs({
skillShowInRoll: value.pilot
});
});
}
else if ((value.skill)==("@{science}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Science}} {{skillValue=@{science}}}")){
getAttrs(["science"], function(value){
setAttrs({
skillShowInRoll: value.science
});
});
}
else if ((value.skill)==("@{survival}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Survival}} {{skillValue=@{survival}}}")){
getAttrs(["survival"], function(value){
setAttrs({
skillShowInRoll: value.survival
});
});
}
else if ((value.skill)==("@{technology}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Technology}} {{skillValue=@{technology}}}")){
getAttrs(["technology"], function(value){
setAttrs({
skillShowInRoll: value.technology
});
});
}
else if ((value.skill)==("@{animaskillathletics}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Athletics}} {{skillValue=@{animaskillathletics}}}")){
getAttrs(["animaskillathletics"], function(value){
setAttrs({
skillShowInRoll: value.animaskillathletics
});
});
}
else if ((value.skill)==("@{animaskillblock}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Block}} {{skillValue=@{animaskillblock}}}")){
getAttrs(["animaskillblock"], function(value){
setAttrs({
skillShowInRoll: value.animaskillblock
});
});
}
else if ((value.skill)==("@{animaskillstealth}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Stealth}} {{skillValue=@{animaskillstealth}}}")){
getAttrs(["animaskillstealth"], function(value){
setAttrs({
skillShowInRoll: value.animaskillstealth
});
});
}
else if ((value.skill)==("@{animaskilllore}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Lore}} {{skillValue=@{animaskilllore}}}")){
getAttrs(["animaskilllore"], function(value){
setAttrs({
skillShowInRoll: value.animaskilllore
});
});
}
else if ((value.skill)==("@{animaskillcrafting}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Crafting}} {{skillValue=@{animaskillcrafting}}}")){
getAttrs(["animaskillcrafting"], function(value){
setAttrs({
skillShowInRoll: value.animaskillcrafting
});
});
}
else if ((value.skill)==("@{animaskillpersuasion}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Persuasion}} {{skillValue=@{animaskillpersuasion}}}")){
getAttrs(["animaskillpersuasion"], function(value){
setAttrs({
skillShowInRoll: value.animaskillpersuasion
});
});
}
else if ((value.skill)==("@{animaskillphysicalattack}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Physical Attack}} {{skillValue=@{animaskillphysicalattack}}}")){
getAttrs(["animaskillphysicalattack"], function(value){
setAttrs({
skillShowInRoll: value.animaskillphysicalattack
});
});
}
else if ((value.skill)==("@{animaskillmagicattack}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Magic Attack}} {{skillValue=@{animaskillmagicattack}}}")){
getAttrs(["animaskillmagicattack"], function(value){
setAttrs({
skillShowInRoll: value.animaskillmagicattack
});
});
}
else if ((value.skill)==("@{animaskillarcana}+@{dice_modifier}]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=Arcana}} {{skillValue=@{animaskillarcana}}}")){
getAttrs(["animaskillarcana"], function(value){
setAttrs({
skillShowInRoll: value.animaskillarcana
});
});
}
});
});
on("change:attribute", function(eventInfo) {
getAttrs(["attribute"], function(value){
if ((value.attribute)==("{{attribute=No Selected}} {{attributeValue=0}} {{sucess=[[{[[0")){
setAttrs({
attributeShowInRoll: 0
});
}
else if ((value.attribute)==("{{attribute=None}} {{attributeValue=0}} {{sucess=[[{[[0")){
setAttrs({
attributeShowInRoll: 0
});
}
else if ((value.attribute)==("{{attribute=Intellect}} {{attributeValue=@{intellect_reading_roll}}} {{sucess=[[{[[@{intellect}")){
getAttrs(["intellect_reading_roll"], function(value){
setAttrs({
attributeShowInRoll: value.intellect_reading_roll
});
});
}
else if ((value.attribute)==("{{attribute=Cunning}} {{attributeValue=@{cunning_reading_roll}}} {{sucess=[[{[[@{cunning}")){
getAttrs(["cunning_reading_roll"], function(value){
setAttrs({
attributeShowInRoll: value.cunning_reading_roll
});
});
}
else if ((value.attribute)==("{{attribute=Resolve}} {{attributeValue=@{resolve_reading_roll}}} {{sucess=[[{[[@{resolve}")){
getAttrs(["resolve_reading_roll"], function(value){
setAttrs({
attributeShowInRoll: value.resolve_reading_roll
});
});
}
else if ((value.attribute)==("{{attribute=Might}} {{attributeValue=@{might_reading_roll}}} {{sucess=[[{[[@{might}")){
getAttrs(["might_reading_roll"], function(value){
setAttrs({
attributeShowInRoll: value.might_reading_roll
});
});
}
else if ((value.attribute)==("{{attribute=Dexterity}} {{attributeValue=@{dexterity_reading_roll}}} {{sucess=[[{[[@{dexterity}")){
getAttrs(["dexterity_reading_roll"], function(value){
setAttrs({
attributeShowInRoll: value.dexterity_reading_roll
});
});
}
else if ((value.attribute)==("{{attribute=Stamina}} {{attributeValue=@{stamina_reading_roll}}} {{sucess=[[{[[@{stamina}")){
getAttrs(["stamina_reading_roll"], function(value){
setAttrs({
attributeShowInRoll: value.stamina_reading_roll
});
});
}
else if ((value.attribute)==("{{attribute=Presence}} {{attributeValue=@{presence_reading_roll}}} {{sucess=[[{[[@{presence}")){
getAttrs(["presence_reading_roll"], function(value){
setAttrs({
attributeShowInRoll: value.presence_reading_roll
});
});
}
else if ((value.attribute)==("{{attribute=Manipulation}} {{attributeValue=@{manipulation_reading_roll}}} {{sucess=[[{[[@{manipulation}")){
getAttrs(["manipulation_reading_roll"], function(value){
setAttrs({
attributeShowInRoll: value.manipulation_reading_roll
});
});
}
else if ((value.attribute)==("{{attribute=Composure}} {{attributeValue=@{composure_reading_roll}}} {{sucess=[[{[[@{composure}")){
getAttrs(["composure_reading_roll"], function(value){
setAttrs({
attributeShowInRoll: value.composure_reading_roll
});
});
}
else if ((value.attribute)==("{{attribute=Force}} {{attributeValue=@{animaforce_reading_roll}}} {{sucess=[[{[[@{animaforce}")){
getAttrs(["animaforce_reading_roll"], function(value){
setAttrs({
attributeShowInRoll: value.animaforce_reading_roll
});
});
}
else if ((value.attribute)==("{{attribute=Finesse}} {{attributeValue=@{animafinesse_reading_roll}}} {{sucess=[[{[[@{animafinesse}")){
getAttrs(["animafinesse_reading_roll"], function(value){
setAttrs({
attributeShowInRoll: value.animafinesse_reading_roll
});
});
}
else if ((value.attribute)==("{{attribute=Resilience}} {{attributeValue=@{animaresilience_reading_roll}}} {{sucess=[[{[[@{animaresilience}")){
getAttrs(["animaresilience_reading_roll"], function(value){
setAttrs({
attributeShowInRoll: value.animaresilience_reading_roll
});
});
}
});
});
on("change:npc_pool", function(eventInfo) {
getAttrs(["npc_pool"], function(value){
if ((value.npc_pool)==("{{sucess=[[{[[0]]d10!cs>@{defaultNpcTargetNumber}cf<1}>@{defaultNpcTargetNumber}]]}} {{skill=No Selected}} {{skillValue=0}}")){
setAttrs({
npc_pollShowInRoll: 0
});
}
else if ((value.npc_pool)==("0]]d10!cs>@{defaultTargetNumber}cf<1}>@{defaultTargetNumber}]]}} {{skill=None}} {{skillValue=0}}")){
setAttrs({
npc_pollShowInRoll: 0
});
}
else if ((value.npc_pool)==("{{sucess=[[{[[@{primary_pool} + @{trait_2} + @{dice_modifier}]]d10!cs>@{defaultNpcTargetNumber}cf<1}>@{defaultNpcTargetNumber}]]}} {{skill=Primary Poll}} {{skillValue=@{primary_pool}}}")){
getAttrs(["primary_pool"], function(value){
setAttrs({
npc_pollShowInRoll: value.primary_pool
});
});
}
else if ((value.npc_pool)==("{{sucess=[[{[[@{secondary_pool} + @{trait_2} + @{dice_modifier}]]d10!cs>@{defaultNpcTargetNumber}cf<1}>@{defaultNpcTargetNumber}]]}} {{skill=Secondary Pool}} {{skillValue=@{secondary_pool}}}")){
getAttrs(["secondary_pool"], function(value){
setAttrs({
npc_pollShowInRoll: value.secondary_pool
});
});
}
else if ((value.npc_pool)==("{{sucess=[[{[[@{desperation_pool} + @{trait_2} + @{dice_modifier}]]d10!cs>@{defaultNpcTargetNumber}cf<1}>@{defaultNpcTargetNumber}]]}} {{skill=Desperation Pool}} {{skillValue=@{desperation_pool}}}")){
getAttrs(["desperation_pool"], function(value){
setAttrs({
npc_pollShowInRoll: value.desperation_pool
});
});
}
});
});
</script>
<!--#################################################################################-->
<!-- <input type="text" name="attr_intellect" />
<input type="number" name="attr_intellect" class="dot"/> -->
<!-- <input type="text" name="attr_edge" />
<input type="number" name="attr_edge" class="dot"/> -->