Files
roll20-character-sheets/Slugblaster/slugblaster.html
T
Nicole Brooks 83122bb15e Update slugblaster.html
added blank line to encourage rebuild with smaller diff.
2025-04-29 15:04:27 -04:00

3585 lines
291 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<input class="slugblaster__sheet-mode" name="attr_sheet_mode" type="hidden" value="character"/>
<div class="slugblaster">
<div class="slugblaster__wrapper">
<section class="blob tophat">
<input class="editor__controller" name="attr_tophat_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_tophat_minimizer" type="hidden" value="0"/>
<div class="blob__wrapper">
<div class="blob__content tophat__content">
<ul class="nav">
<li>
<button class="nav__action nav--character button--glitch" name="act_character" type="action"><span class="nav__action--label" data-i18n="character">Character</span>
</button>
</li>
<li>
<button class="nav__action nav--crew button--glitch" name="act_crew" type="action"><span class="nav__action--label" data-i18n="crew">Crew</span>
</button>
</li>
<li>
<button class="nav__action nav--options button--glitch" name="act_options" type="action"><span class="nav__action--label" data-i18n="options">Options</span>
</button>
</li>
</ul>
</div>
</div>
</section>
<main class="character">
<section class="character__main">
<section class="character__col">
<section class="panel dicetray">
<input class="editor__controller" name="attr_dicetray_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_dicetray_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header dicetray__header">
<h2 class="panel__title dicetray__title" data-i18n="dicetray">Dice Tray</h2>
<div class="panel__controls">
<button class="edit-toggle" name="act_dicetray-editor" type="action">
<input class="edit-toggle__controller" name="attr_dicetray_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content dicetray__content">
<div class="dicetray__actions">
<button class="dicetray__action dicetray--roll-character" name="act_roll-character" type="action"><span class="dicetray__action--label" data-i18n="roll-character">Roll!</span>
</button>
<button class="dicetray__action dicetray--roll-character-trick" name="act_roll-character-trick" type="action"><span class="dicetray__action--label" data-i18n="roll-character-trick">Do a Trick!</span>
</button>
</div>
<div class="editor">
<div class="editor__edit dicetray__edit">
<div class="row dicetray__edit">
<div class="dicetray__field dicetray_boosts col-6">
<input class="checkbox--scribble" inputmode="numeric" min="0" name="attr_dicetray_boosts" pattern="[0-9]+" placeholder="0" type="number"/>
<label data-i18n="dicetray_boosts" for="dicetray_boosts">Boost</label>
</div>
<div class="dicetray__field dicetray_kicks col-6">
<input class="checkbox--scribble" inputmode="numeric" min="0" name="attr_dicetray_kicks" pattern="[0-9]+" placeholder="0" type="number"/>
<label data-i18n="dicetray_kicks" for="dicetray_kicks">Kick</label>
</div>
<div class="dicetray__field dicetray_dare ">
<select class="dicetray__dicetray_dare dicetray__input--select checkbox--scribble" name="attr_dicetray_dare">
<option data-i18n="choose_dare" selected="selected" value="choose_dare">choose dare...</option>
<option data-i18n="plus_1d6" value="plus_1d6">+1d6</option>
<option data-i18n="plus_kick" value="plus_kick">1 kick</option>
<option data-i18n="clear_trouble" value="clear_trouble">clear 1 trouble</option>
</select>
<label data-i18n="dicetray_dare" for="dicetray_dare">Dare</label>
</div>
</div>
</div>
<div class="editor__view dicetray__view">
</div>
</div>
</div>
</div>
</section>
<section class="panel header">
<input class="editor__controller" name="attr_header_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_header_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header header__header">
<input name="attr_personality" type="hidden"/><span class="header__title" data-i18n-dynamic="data-i18n-dynamic" name="attr_personality"></span><span class="header__title--custom" name="attr_personality_custom"></span>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_header-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_header_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_header-editor" type="action">
<input class="edit-toggle__controller" name="attr_header_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content header__content">
<div class="editor">
<div class="editor__edit header__edit">
<input name="attr_personality" type="hidden"/>
<div class="header__personality">
<label data-i18n="personality" for="personality">Personality</label>
<select class="header__personality header__input--select" name="attr_personality">
<option data-i18n="select_playbook" value="select_playbook">Pick Your Personality</option>
<option data-i18n="grit" value="grit">The Grit</option>
<option data-i18n="guts" value="guts">The Guts</option>
<option data-i18n="smarts" value="smarts">The Smarts</option>
<option data-i18n="heart" value="heart">The Heart</option>
<option data-i18n="chill" value="chill">The Chill</option>
<option data-i18n="custom" value="custom">Custom</option>
</select>
</div>
<div class="header__personality--custom">
<label data-i18n="personality_custom" for="personality_custom">Custom Personality</label>
<input class="header__personality_custom header__input--text" data-i18n-placeholder="placeholder_personality_custom" id="personality_custom" name="attr_personality_custom" placeholder="Custom Personality" type="text"/>
</div>
<div class="header__character_name">
<label data-i18n="character_name" for="character_name">Name</label>
<input class="header__character_name header__input--text" data-i18n-placeholder="placeholder_character_name" id="character_name" name="attr_character_name" placeholder="Farrah" type="text"/>
</div>
<div class="header__look">
<label data-i18n="look" for="look">Look</label>
<input class="header__look header__input--text" data-i18n-placeholder="placeholder_look" id="look" name="attr_look" placeholder="all black, muted, chains" type="text"/>
</div>
<div class="header__family">
<label data-i18n="family" for="family">Family</label>
<input class="header__family header__input--text" data-i18n-placeholder="placeholder_family" id="family" name="attr_family" placeholder="strict" type="text"/>
</div>
<div class="header__bond">
<label data-i18n="bond" for="bond">Bond</label>
<input class="header__bond header__input--text" data-i18n-placeholder="placeholder_bond" id="bond" name="attr_bond" placeholder="natural chemistry" type="text"/>
</div>
<div class="header__vibes">
<label data-i18n="vibes" for="vibes">Vibes</label>
<input class="header__vibes header__input--text" data-i18n-placeholder="placeholder_vibes" id="vibes" name="attr_vibes" placeholder="space cadet" type="text"/>
</div>
<div class="header__stickers">
<label data-i18n="stickers" for="stickers">Stickers, etc.</label>
<input class="header__stickers header__input--text" data-i18n-placeholder="placeholder_stickers" id="stickers" name="attr_stickers" placeholder="'Skate and/or Die' beside a cat in a box" type="text"/>
</div>
</div>
<div class="editor__view header__view">
<div><span name="attr_character_name"></span>
<label data-i18n="character_name">Name</label>
</div>
<div><span name="attr_look"></span>
<label data-i18n="look">Look</label>
</div>
<div><span name="attr_family"></span>
<label data-i18n="family">Family</label>
</div>
<div><span name="attr_bond"></span>
<label data-i18n="bond">Bond</label>
</div>
<div><span name="attr_vibes"></span>
<label data-i18n="vibes">Vibes</label>
</div>
<div><span name="attr_stickers"></span>
<label data-i18n="stickers">Stickers, etc.</label>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="blob slams">
<input class="editor__controller" name="attr_slams_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_slams_minimizer" type="hidden" value="0"/>
<div class="blob__wrapper">
<div class="blob__header slams__header">
<h2 class="blob__title slams__title" data-i18n="slams">Slams</h2>
<div class="blob__controls">
<button class="broadcast broadcast" name="roll_slams-broadcast" type="roll" value="&amp;{template:slugcast} {{character=@{character_name}}} {{title=^{slams}}} {{^{slam_1}=@{slam_1}}} {{^{slam_2}=@{slam_2}}} {{^{slam_3}=@{slam_3}}}"><span class="pictos">w</span><span class="visually-hidden" data-i18n="broadcast_to_chat">Broadcast to Chat</span></button>
</div>
</div>
<div class="blob__content slams__content">
<div class="slams__boxes">
<div class="slams__box slams__box--slam_1">
<input class="slams__slam_1 slams__input--text" data-i18n-placeholder="placeholder_slam_1" id="slam_1" name="attr_slam_1" placeholder="super bruised ribs" type="text"/>
<label class="visually-hidden" data-i18n="slam_1" for="slam_1">Super Slam</label>
</div>
<div class="slams__box slams__box--slam_2">
<input class="slams__slam_2 slams__input--text" data-i18n-placeholder="placeholder_slam_2" id="slam_2" name="attr_slam_2" placeholder="frustrated" type="text"/>
<label class="visually-hidden" data-i18n="slam_2" for="slam_2">Slam 1</label>
</div>
<div class="slams__box slams__box--slam_3">
<input class="slams__slam_3 slams__input--text" data-i18n-placeholder="placeholder_slam_3" id="slam_3" name="attr_slam_3" placeholder="slimed" type="text"/>
<label class="visually-hidden" data-i18n="slam_3" for="slam_3">Slam 2</label>
</div>
</div>
</div>
</div>
</section>
<section class="panel gear">
<input class="editor__controller" name="attr_gear_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_gear_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header gear__header">
<h2 class="panel__title gear__title" data-i18n="gear">Gear</h2>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_gear-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_gear_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_gear-editor" type="action">
<input class="edit-toggle__controller" name="attr_gear_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content gear__content">
<div class="editor">
<div class="editor__edit gear__edit">
<div class="gear__item">
<label class="gear__label" data-i18n="your_phone">Your Phone</label>
<input class="gear__your_phone gear__input--text" data-i18n-placeholder="placeholder_your_phone" id="your_phone" name="attr_your_phone" placeholder="touch-screen, stylus, keypad, scrollwheel, etc." type="text"/>
</div>
<div class="gear__item">
<label class="gear__label" data-i18n="your_raygun">Your Raygun</label>
<input class="gear__your_raygun gear__input--text" data-i18n-placeholder="placeholder_your_raygun" id="your_raygun" name="attr_your_raygun" placeholder="circuit-bent photon pistol" type="text"/>
</div>
<div class="gear__item">
<label class="gear__label" data-i18n="your_board">Your Board</label>
<input class="gear__your_board gear__input--text" data-i18n-placeholder="placeholder_your_board" id="your_board" name="attr_your_board" placeholder="street deck with hologram griptape" type="text"/>
</div>
</div>
<div class="editor__view gear__view">
<div class="gear__item"><span name="attr_your_phone"></span>
<label class="gear__label" data-i18n="your_phone">Your Phone</label>
</div>
<div class="gear__item"><span name="attr_your_raygun"></span>
<label class="gear__label" data-i18n="your_raygun">Your Raygun</label>
</div>
<div class="gear__item"><span name="attr_your_board"></span>
<label class="gear__label" data-i18n="your_board">Your Board</label>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="blob gear">
<input class="editor__controller" name="attr_gear_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_gear_minimizer" type="hidden" value="0"/>
<div class="blob__wrapper">
<div class="blob__content gear__content">
<div class="repeating">
<input class="repeating__is-empty" name="attr_gear_empty" type="hidden" value="0"/>
<input class="repeating__controller" name="attr_gear_editor" type="hidden" value="on"/>
<div class="repeating__empty">
<div class="repeating__header"><span data-i18n="none_gear_repeating">None gear with left beef</span></div>
<div class="repeating__subtitle"></div>
</div>
<fieldset class="repeating_gear">
<div class="repeating__wrapper">
<div class="repeating__edit">
<div class="row gear__edit">
<input name="attr_gear_autogen" type="hidden"/>
<div class="gear__field gear_check col-1">
<label for="gear_check">
<input id="gear_check" name="attr_gear_check" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="gear_check">Select Gear</span>
</label>
</div>
<div class="gear__field gear_name col-11">
<input class="gear__gear_name gear__input--text" data-i18n-placeholder="placeholder_gear_name" id="gear_name" name="attr_gear_name" placeholder="grappling hook" type="text"/>
<label class="visually-hidden" data-i18n="gear_name" for="gear_name">Gear</label>
</div>
<div class="gear__field gear_cost ">
<input class="gear__gear_cost gear__input--text" data-i18n-placeholder="placeholder_gear_cost" id="gear_cost" name="attr_gear_cost" placeholder="1 coil" type="text"/>
<label data-i18n="gear_cost" for="gear_cost">Cost</label>
</div>
<div class="gear__field gear_description ">
<textarea class="gear__gear_description gear__input--textarea" data-i18n-placeholder="placeholder_gear_description" name="attr_gear_description" placeholder="A pistol-sized launcher that fires an anti-negafriction dart which sticks firmly to most surfaces until switched off. The dart is attached to a hundred feet of lightweight carbon-fibre cable, which can be retracted via the launchers micro-winch."></textarea>
<label data-i18n="gear_description" for="gear_description">Description</label>
</div>
</div>
</div>
<div class="repeating__view">
<div class="gear__view">
<article class="bubble bubble__gear">
<input class="bubble__controller" name="attr_gear_collapse" type="hidden" value="0"/>
<div class="bubble__header">
<label class="gear__check">
<input id="gear_check" name="attr_gear_check" type="checkbox" value="on"/><span class="gear__name" name="attr_gear_name"></span>
</label>
<div class="bubble__controls">
<button class="broadcast bubble__broadcast" name="roll_gear-broadcast" type="roll" value="&amp;{template:slugcast} {{character=@{character_name}}} {{title=^{gear}}} {{^{gear_name}=@{gear_name}}} {{^{gear_cost}=@{gear_cost}}} {{^{gear_description}=@{gear_description}}}"><span class="pictos">w</span><span class="visually-hidden" data-i18n="broadcast_to_chat">Broadcast to Chat</span></button>
<label class="bubble__expand" for="attr_gear_collapse">
<input name="attr_gear_collapse" type="checkbox"/><span class="bubble__expand--collapse visually-hidden" data-i18n="collapse_content">Collapse Content</span><span class="bubble__expand--expand visually-hidden" data-i18n="expand_content">Expand Content</span>
</label>
</div>
</div>
<div class="bubble__content">
<div class="bubble__collapse"><span name="attr_gear_cost"></span>
<label data-i18n="gear_cost">Cost</label><span name="attr_gear_description"></span>
<label data-i18n="gear_description">Description</label>
</div>
</div>
</article>
</div>
</div>
<div class="repeating__delete"><span name="attr_gear_name"></span>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</section>
</section>
<section class="character__col">
<section class="blob style">
<input class="editor__controller" name="attr_style_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_style_minimizer" type="hidden" value="0"/>
<div class="blob__wrapper">
<div class="blob__header style__header">
<h2 class="blob__title style__title" data-i18n="style">Style</h2>
<div class="blob__controls">
</div>
</div>
<div class="blob__content style__content">
<div class="style__track">
<input name="attr_style" type="hidden"/>
<label class="style__checkbox style__checkbox--0">
<input class="checkbox--circle" id="style" name="attr_style" type="radio" value="0"/><span class="visually-hidden" data-i18n="style_0">0 style</span>
</label>
<label class="style__checkbox style__checkbox--1">
<input class="checkbox--circle" id="style" name="attr_style" type="radio" value="1"/><span class="visually-hidden" data-i18n="style_1">1 style</span>
</label>
<label class="style__checkbox style__checkbox--2">
<input class="checkbox--circle" id="style" name="attr_style" type="radio" value="2"/><span class="visually-hidden" data-i18n="style_2">2 style</span>
</label>
<label class="style__checkbox style__checkbox--3">
<input class="checkbox--circle" id="style" name="attr_style" type="radio" value="3"/><span class="visually-hidden" data-i18n="style_3">3 style</span>
</label>
<label class="style__checkbox style__checkbox--4">
<input class="checkbox--circle" id="style" name="attr_style" type="radio" value="4"/><span class="visually-hidden" data-i18n="style_4">4 style</span>
</label>
<label class="style__checkbox style__checkbox--5">
<input class="checkbox--circle" id="style" name="attr_style" type="radio" value="5"/><span class="visually-hidden" data-i18n="style_5">5 style</span>
</label>
<label class="style__checkbox style__checkbox--6">
<input class="checkbox--circle" id="style" name="attr_style" type="radio" value="6"/><span class="visually-hidden" data-i18n="style_6">6 style</span>
</label>
<label class="style__checkbox style__checkbox--7">
<input class="checkbox--circle" id="style" name="attr_style" type="radio" value="7"/><span class="visually-hidden" data-i18n="style_7">7 style</span>
</label>
<label class="style__checkbox style__checkbox--8">
<input class="checkbox--circle" id="style" name="attr_style" type="radio" value="8"/><span class="visually-hidden" data-i18n="style_8">8 style</span>
</label>
<label class="style__checkbox style__checkbox--9">
<input class="checkbox--circle" id="style" name="attr_style" type="radio" value="9"/><span class="visually-hidden" data-i18n="style_9">9 style</span>
</label>
</div>
<textarea class="style__style_run_bonus style__input--textarea" data-i18n-placeholder="placeholder_style_run_bonus" name="attr_style_run_bonus" placeholder="Select a playbook or add your own!"></textarea>
</div>
</div>
</section>
<section class="blob attitude">
<input class="editor__controller" name="attr_attitude_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_attitude_minimizer" type="hidden" value="0"/>
<div class="blob__wrapper">
<div class="blob__header attitude__header">
<h2 class="blob__title attitude__title" data-i18n="attitude">Attitude</h2>
<div class="blob__controls">
</div>
</div>
<div class="blob__content attitude__content">
<textarea class="attitude__attitude_subtitle attitude__input--textarea" data-i18n-placeholder="placeholder_attitude_subtitle" name="attr_attitude_subtitle" placeholder="Select a playbook or add your own!"></textarea>
<input name="attr_attitude_boost" type="hidden"/>
<input name="attr_attitude_kick" type="hidden"/>
<div class="attitude__clickies">
<label class="attitude__boost attitude__boost--1">
<input id="attitude_boost_1" name="attr_attitude_boost_1" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="attitude_boost_1">Attitude Boost 1</span>
</label>
<label class="attitude__boost attitude__boost--2">
<input id="attitude_boost_2" name="attr_attitude_boost_2" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="attitude_boost_2">Attitude Boost 2</span>
</label>
<label class="attitude__boost attitude__boost--3">
<input id="attitude_boost_3" name="attr_attitude_boost_3" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="attitude_boost_3">Attitude Boost 3</span>
</label>
<label class="attitude__boost attitude__boost--4">
<input id="attitude_boost_4" name="attr_attitude_boost_4" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="attitude_boost_4">Attitude Boost 4</span>
</label>
<label class="attitude__kick attitude__kick--1">
<input id="attitude_kick_1" name="attr_attitude_kick_1" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="attitude_kick_1">Attitude Kick 1</span>
</label>
<label class="attitude__kick attitude__kick--2">
<input id="attitude_kick_2" name="attr_attitude_kick_2" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="attitude_kick_2">Attitude Kick 2</span>
</label>
<label class="attitude__kick attitude__kick--3">
<input id="attitude_kick_3" name="attr_attitude_kick_3" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="attitude_kick_3">Attitude Kick 3</span>
</label>
<label class="attitude__kick attitude__kick--4">
<input id="attitude_kick_4" name="attr_attitude_kick_4" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="attitude_kick_4">Attitude Kick 4</span>
</label>
</div>
</div>
</div>
</section>
<section class="panel traits">
<input class="editor__controller" name="attr_traits_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_traits_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header traits__header">
<h2 class="panel__title traits__title" data-i18n="traits">Traits</h2>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_traits-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_traits_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_traits-editor" type="action">
<input class="edit-toggle__controller" name="attr_traits_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content traits__content">
<div class="repeating">
<input class="repeating__is-empty" name="attr_traits_empty" type="hidden" value="0"/>
<input class="repeating__controller" name="attr_traits_editor" type="hidden" value="on"/>
<div class="repeating__empty">
<div class="repeating__header"><span data-i18n="none_traits_repeating">None traits with left beef</span></div>
<div class="repeating__subtitle"></div>
</div>
<fieldset class="repeating_traits">
<div class="repeating__wrapper">
<div class="repeating__edit">
<div class="row traits__edit">
<input name="attr_trait_autogen" type="hidden"/>
<div class="traits__field trait_check col-1">
<label for="trait_check">
<input id="trait_check" name="attr_trait_check" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="trait_check">Select trait</span>
</label>
</div>
<div class="traits__field trait_name col-11">
<input class="traits__trait_name traits__input--text" data-i18n-placeholder="placeholder_trait_name" id="trait_name" name="attr_trait_name" placeholder="Patient" type="text"/>
<label class="visually-hidden" data-i18n="trait_name" for="trait_name">trait</label>
</div>
<div class="traits__field trait_description ">
<textarea class="traits__trait_description traits__input--textarea" data-i18n-placeholder="placeholder_trait_description" name="attr_trait_description" placeholder="When you reveal how youve been waiting to act, get +1d6 or +1 kick on your action."></textarea>
<label data-i18n="trait_description" for="trait_description">Description</label>
</div>
</div>
</div>
<div class="repeating__view">
<div class="traits__view">
<article class="bubble bubble__trait">
<input class="bubble__controller" name="attr_trait_collapse" type="hidden" value="0"/>
<div class="bubble__header">
<label class="traits__check">
<input id="trait_check" name="attr_trait_check" type="checkbox" value="on"/><span class="trait__name" name="attr_trait_name"></span>
</label>
<div class="bubble__controls">
<button class="broadcast bubble__broadcast" name="roll_trait-broadcast" type="roll" value="&amp;{template:slugcast} {{character=@{character_name}}} {{title=^{traits}}} {{^{trait_name}=@{trait_name}}} {{^{trait_description}=@{trait_description}}}"><span class="pictos">w</span><span class="visually-hidden" data-i18n="broadcast_to_chat">Broadcast to Chat</span></button>
<label class="bubble__expand" for="attr_trait_collapse">
<input name="attr_trait_collapse" type="checkbox"/><span class="bubble__expand--collapse visually-hidden" data-i18n="collapse_content">Collapse Content</span><span class="bubble__expand--expand visually-hidden" data-i18n="expand_content">Expand Content</span>
</label>
</div>
</div>
<div class="bubble__content">
<div class="bubble__collapse"><span name="attr_trait_description"></span>
</div>
</div>
</article>
</div>
</div>
<div class="repeating__delete">
<div class="traits__view"><span class="trait__name" name="attr_trait_name"></span>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</section>
</section>
<section class="character__col">
<section class="blob trouble">
<input class="editor__controller" name="attr_trouble_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_trouble_minimizer" type="hidden" value="0"/>
<div class="blob__wrapper">
<div class="blob__header trouble__header">
<h2 class="blob__title trouble__title" data-i18n="trouble">Trouble</h2>
<div class="blob__controls">
</div>
</div>
<div class="blob__content trouble__content">
<div class="trouble__track">
<input name="attr_trouble" type="hidden"/>
<label class="trouble__checkbox trouble__checkbox--0">
<input class="checkbox--circle" id="trouble" name="attr_trouble" type="radio" value="0"/><span class="visually-hidden" data-i18n="trouble_0">0 trouble</span>
</label>
<label class="trouble__checkbox trouble__checkbox--1">
<input class="checkbox--circle" id="trouble" name="attr_trouble" type="radio" value="1"/><span class="visually-hidden" data-i18n="trouble_1">1 trouble</span>
</label>
<label class="trouble__checkbox trouble__checkbox--2">
<input class="checkbox--circle" id="trouble" name="attr_trouble" type="radio" value="2"/><span class="visually-hidden" data-i18n="trouble_2">2 trouble</span>
</label>
<label class="trouble__checkbox trouble__checkbox--3">
<input class="checkbox--circle" id="trouble" name="attr_trouble" type="radio" value="3"/><span class="visually-hidden" data-i18n="trouble_3">3 trouble</span>
</label>
<label class="trouble__checkbox trouble__checkbox--4">
<input class="checkbox--circle" id="trouble" name="attr_trouble" type="radio" value="4"/><span class="visually-hidden" data-i18n="trouble_4">4 trouble</span>
</label>
<label class="trouble__checkbox trouble__checkbox--5">
<input class="checkbox--circle" id="trouble" name="attr_trouble" type="radio" value="5"/><span class="visually-hidden" data-i18n="trouble_5">5 trouble</span>
</label>
<label class="trouble__checkbox trouble__checkbox--6">
<input class="checkbox--circle" id="trouble" name="attr_trouble" type="radio" value="6"/><span class="visually-hidden" data-i18n="trouble_6">6 trouble</span>
</label>
<label class="trouble__checkbox trouble__checkbox--7">
<input class="checkbox--circle" id="trouble" name="attr_trouble" type="radio" value="7"/><span class="visually-hidden" data-i18n="trouble_7">7 trouble</span>
</label>
<label class="trouble__checkbox trouble__checkbox--8">
<input class="checkbox--circle" id="trouble" name="attr_trouble" type="radio" value="8"/><span class="visually-hidden" data-i18n="trouble_8">8 trouble</span>
</label>
</div>
<div class="trouble__actions">
<button class="trouble__action trouble--nope" name="act_nope" type="action"><span class="trouble__action--label" data-i18n="nope">Nope!</span>
</button>
<button class="trouble__action trouble--disaster" name="act_disaster" type="action"><span class="trouble__action--label" data-i18n="disaster">Roll Disaster</span>
</button>
</div>
</div>
</div>
</section>
<section class="blob turbo">
<input class="editor__controller" name="attr_turbo_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_turbo_minimizer" type="hidden" value="0"/>
<div class="blob__wrapper">
<div class="blob__header turbo__header">
<h2 class="blob__title turbo__title" data-i18n="turbo">Turbo</h2>
<div class="blob__controls">
</div>
</div>
<div class="blob__content turbo__content"><span data-i18n="turbo_description">Describe how your device helps you with an action, then boost or kick as needed.</span>
<input name="attr_turbo_boost" type="hidden"/>
<input name="attr_turbo_kick" type="hidden"/>
<div class="turbo__clickies">
<label class="turbo__boost turbo__boost--1">
<input id="turbo_boost_1" name="attr_turbo_boost_1" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="turbo_boost_1">Turbo Boost 1</span>
</label>
<label class="turbo__boost turbo__boost--2">
<input id="turbo_boost_2" name="attr_turbo_boost_2" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="turbo_boost_2">Turbo Boost 2</span>
</label>
<label class="turbo__boost turbo__boost--3">
<input id="turbo_boost_3" name="attr_turbo_boost_3" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="turbo_boost_3">Turbo Boost 3</span>
</label>
<label class="turbo__kick turbo__kick--1">
<input id="turbo_kick_1" name="attr_turbo_kick_1" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="turbo_kick_1">Turbo Kick 1</span>
</label>
<label class="turbo__kick turbo__kick--2">
<input id="turbo_kick_2" name="attr_turbo_kick_2" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="turbo_kick_2">Turbo Kick 2</span>
</label>
<label class="turbo__kick turbo__kick--3">
<input id="turbo_kick_3" name="attr_turbo_kick_3" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="turbo_kick_3">Turbo Kick 3</span>
</label>
</div>
</div>
</div>
</section>
<section class="panel signature">
<input class="editor__controller" name="attr_signature_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_signature_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header signature__header">
<input name="attr_signature" type="hidden"/><span class="signature__title" data-i18n-dynamic="data-i18n-dynamic" name="attr_signature"></span><span class="signature__title--custom" name="attr_signature_custom"></span>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_signature-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_signature_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_signature-editor" type="action">
<input class="edit-toggle__controller" name="attr_signature_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content signature__content">
<div class="editor">
<div class="editor__edit signature__edit">
<input name="attr_signature" type="hidden"/>
<div class="signature__signature">
<label data-i18n="signature" for="signature">signature</label>
<select class="header__signature header__input--select" name="attr_signature">
<option data-i18n="select_signature" value="select_signature">Pick Your Signature</option>
<option data-i18n="gravity_blaster" value="gravity_blaster">Gravity Blaster</option>
<option data-i18n="hardlight_board" value="hardlight_board">Hardlight Board</option>
<option data-i18n="hyperoptic_visor" value="hyperoptic_visor">Hyperoptic Visor</option>
<option data-i18n="kinetic_deck" value="kinetic_deck">Kinetic Deck</option>
<option data-i18n="negafriction_sword" value="negafriction_sword">Negafriction Sword</option>
<option data-i18n="photonic_jacket" value="photonic_jacket">Photonic Jacket</option>
<option data-i18n="powered_armour" value="powered_armour">Powered Armour</option>
<option data-i18n="reality_cannon" value="reality_cannon">Reality Cannon</option>
<option data-i18n="riftninja_sneakers" value="riftninja_sneakers">Riftninja Sneakers</option>
<option data-i18n="robotic_companion" value="robotic_companion">Robotic Companion</option>
<option data-i18n="skipmode_runners" value="skipmode_runners">Skipmode Runners</option>
<option data-i18n="voidwear_backpack" value="voidwear_backpack">Voidwear Backpack</option>
<option data-i18n="custom" value="custom">Custom</option>
</select>
</div>
<div class="signature__signature--custom">
<label data-i18n="signature_custom" for="signature_custom">Custom signature</label>
<input class="signatures__signature_custom signatures__input--text" data-i18n-placeholder="placeholder_signature_custom" id="signature_custom" name="attr_signature_custom" placeholder="Custom signature" type="text"/>
</div>
<div class="signature__signature_description">
<label data-i18n="signature_description" for="signature_description">Description</label>
<textarea class="signatures__signature_description signatures__input--textarea" data-i18n-placeholder="placeholder_signature_description" name="attr_signature_description" placeholder="Negafriction is just what it sounds like: complete nonsense."></textarea>
</div>
<div class="signature__signature_function">
<label data-i18n="signature_function" for="signature_function">Function</label>
<textarea class="signatures__signature_function signatures__input--textarea" data-i18n-placeholder="placeholder_signature_function" name="attr_signature_function" placeholder="Roll to slice, dice, chop, and stab things (or nonlethally smack them with the kinetically-charged sheath)."></textarea>
</div>
<div class="signature__signature_look">
<label data-i18n="signature_look" for="signature_look">Look</label>
<input class="signatures__signature_look signatures__input--text" data-i18n-placeholder="placeholder_signature_look" id="signature_look" name="attr_signature_look" placeholder="hardlight katana" type="text"/>
</div>
</div>
<div class="editor__view signature__view">
<div><span name="attr_signature_description"></span>
<label data-i18n="signature_description">Description</label>
</div>
<div><span name="attr_signature_function"></span>
<label data-i18n="signature_function">Function</label>
</div>
<div><span name="attr_signature_look"></span>
<label data-i18n="signature_look">Look</label>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="panel mods">
<input class="editor__controller" name="attr_mods_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_mods_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header mods__header">
<h2 class="panel__title mods__title" data-i18n="mods">Mods</h2>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_mods-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_mods_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_mods-editor" type="action">
<input class="edit-toggle__controller" name="attr_mods_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content mods__content">
<div class="editor">
<div class="editor__edit mods__edit">
<div class="mods__turbo">
<label class="mods__check">
<input class="checkbox--scribble" id="turbo_boost" name="attr_turbo_boost" type="checkbox" value="on"/><span data-i18n="mod_turbo_boost">Add +1 boost</span>
</label>
<label class="mods__check">
<input class="checkbox--scribble" id="turbo_kick" name="attr_turbo_kick" type="checkbox" value="on"/><span data-i18n="mod_turbo_kick">Add +1 kick</span>
</label>
</div>
</div>
<div class="editor__view mods__view">
</div>
</div>
</div>
</div>
</section>
<section class="blob mods">
<input class="editor__controller" name="attr_mods_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_mods_minimizer" type="hidden" value="0"/>
<div class="blob__wrapper">
<div class="blob__content mods__content">
<div class="repeating">
<input class="repeating__is-empty" name="attr_mods_empty" type="hidden" value="0"/>
<input class="repeating__controller" name="attr_mods_editor" type="hidden" value="on"/>
<div class="repeating__empty">
<div class="repeating__header"><span data-i18n="none_mods_repeating">None mods with left beef</span></div>
<div class="repeating__subtitle"></div>
</div>
<fieldset class="repeating_mods">
<div class="repeating__wrapper">
<div class="repeating__edit">
<div class="row mods__edit">
<input name="attr_mod_autogen" type="hidden"/>
<div class="mods__field mod_check col-1">
<label for="mod_check">
<input id="mod_check" name="attr_mod_check" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="mod_check">Select mod</span>
</label>
</div>
<div class="mods__field mod_name col-11">
<input class="mods__mod_name mods__input--text" data-i18n-placeholder="placeholder_mod_name" id="mod_name" name="attr_mod_name" placeholder="Slip Rattle" type="text"/>
<label class="visually-hidden" data-i18n="mod_name" for="mod_name">mod</label>
</div>
<div class="mods__field mod_cost ">
<input class="mods__mod_cost mods__input--text" data-i18n-placeholder="placeholder_mod_cost" id="mod_cost" name="attr_mod_cost" placeholder="1 coil, 1 disc" type="text"/>
<label data-i18n="mod_cost" for="mod_cost">Cost</label>
</div>
<div class="mods__field mod_description ">
<textarea class="mods__mod_description mods__input--textarea" data-i18n-placeholder="placeholder_mod_description" name="attr_mod_description" placeholder="Roll to teleport in-universe by slicing spacetime. If you cant see your destination, potential problems are worse."></textarea>
<label data-i18n="mod_description" for="mod_description">Description</label>
</div>
</div>
</div>
<div class="repeating__view">
<article class="bubble bubble__mod">
<input class="bubble__controller" name="attr_mod_collapse" type="hidden" value="0"/>
<div class="bubble__header">
<div class="mods__view">
<label class="mods__check">
<input id="mod_check" name="attr_mod_check" type="checkbox" value="on"/><span class="mod__name" name="attr_mod_name"></span>
</label>
</div>
<div class="bubble__controls">
<button class="broadcast bubble__broadcast" name="roll_mod-broadcast" type="roll" value="&amp;{template:slugcast} {{character=@{character_name}}} {{title=^{mods}}} {{^{mod_name}=@{mod_name}}} {{^{mod_cost}=@{mod_cost}}} {{^{mod_description}=@{mod_description}}}"><span class="pictos">w</span><span class="visually-hidden" data-i18n="broadcast_to_chat">Broadcast to Chat</span></button>
<label class="bubble__expand" for="attr_mod_collapse">
<input name="attr_mod_collapse" type="checkbox"/><span class="bubble__expand--collapse visually-hidden" data-i18n="collapse_content">Collapse Content</span><span class="bubble__expand--expand visually-hidden" data-i18n="expand_content">Expand Content</span>
</label>
</div>
</div>
<div class="bubble__content">
<div class="bubble__collapse"><span name="attr_mod_cost"></span>
<label data-i18n="mod_cost">Cost</label><span name="attr_mod_description"></span>
<label data-i18n="mod_description">Description</label>
</div>
</div>
</article>
</div>
<div class="repeating__delete"><span class="mod__name" name="attr_mod_name"></span>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</section>
<section class="blob components">
<input class="editor__controller" name="attr_components_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_components_minimizer" type="hidden" value="0"/>
<div class="blob__wrapper">
<div class="blob__header components__header">
<h2 class="blob__title components__title" data-i18n="components">Components</h2>
<div class="blob__controls">
</div>
</div>
<div class="blob__content components__content">
<div class="components__component components__component--lenses">
<label class="components__component--header" data-i18n="lenses">Lenses</label>
<div class="components__component--track">
<input class="component__value" name="attr_lenses" type="hidden"/>
<label class="component__checkbox component__checkbox--0">
<input id="lenses" name="attr_lenses" type="radio" value="0"/><span class="visually-hidden" data-i18n="lenses_0">0 Lenses</span>
</label>
<label class="component__checkbox component__checkbox--1">
<input id="lenses" name="attr_lenses" type="radio" value="1"/><span class="visually-hidden" data-i18n="lenses_1">1 Lenses</span>
</label>
<label class="component__checkbox component__checkbox--2">
<input id="lenses" name="attr_lenses" type="radio" value="2"/><span class="visually-hidden" data-i18n="lenses_2">2 Lenses</span>
</label>
<label class="component__checkbox component__checkbox--3">
<input id="lenses" name="attr_lenses" type="radio" value="3"/><span class="visually-hidden" data-i18n="lenses_3">3 Lenses</span>
</label>
</div>
</div>
<div class="components__component components__component--coils">
<label class="components__component--header" data-i18n="coils">Coils</label>
<div class="components__component--track">
<input class="component__value" name="attr_coils" type="hidden"/>
<label class="component__checkbox component__checkbox--0">
<input id="coils" name="attr_coils" type="radio" value="0"/><span class="visually-hidden" data-i18n="coils_0">0 Coils</span>
</label>
<label class="component__checkbox component__checkbox--1">
<input id="coils" name="attr_coils" type="radio" value="1"/><span class="visually-hidden" data-i18n="coils_1">1 Coils</span>
</label>
<label class="component__checkbox component__checkbox--2">
<input id="coils" name="attr_coils" type="radio" value="2"/><span class="visually-hidden" data-i18n="coils_2">2 Coils</span>
</label>
<label class="component__checkbox component__checkbox--3">
<input id="coils" name="attr_coils" type="radio" value="3"/><span class="visually-hidden" data-i18n="coils_3">3 Coils</span>
</label>
</div>
</div>
<div class="components__component components__component--discs">
<label class="components__component--header" data-i18n="discs">Discs</label>
<div class="components__component--track">
<input class="component__value" name="attr_discs" type="hidden"/>
<label class="component__checkbox component__checkbox--0">
<input id="discs" name="attr_discs" type="radio" value="0"/><span class="visually-hidden" data-i18n="discs_0">0 Discs</span>
</label>
<label class="component__checkbox component__checkbox--1">
<input id="discs" name="attr_discs" type="radio" value="1"/><span class="visually-hidden" data-i18n="discs_1">1 Discs</span>
</label>
<label class="component__checkbox component__checkbox--2">
<input id="discs" name="attr_discs" type="radio" value="2"/><span class="visually-hidden" data-i18n="discs_2">2 Discs</span>
</label>
<label class="component__checkbox component__checkbox--3">
<input id="discs" name="attr_discs" type="radio" value="3"/><span class="visually-hidden" data-i18n="discs_3">3 Discs</span>
</label>
</div>
</div>
<div class="components__component components__component--gems">
<label class="components__component--header" data-i18n="gems">Gems</label>
<div class="components__component--track">
<input class="component__value" name="attr_gems" type="hidden"/>
<label class="component__checkbox component__checkbox--0">
<input id="gems" name="attr_gems" type="radio" value="0"/><span class="visually-hidden" data-i18n="gems_0">0 Gems</span>
</label>
<label class="component__checkbox component__checkbox--1">
<input id="gems" name="attr_gems" type="radio" value="1"/><span class="visually-hidden" data-i18n="gems_1">1 Gems</span>
</label>
<label class="component__checkbox component__checkbox--2">
<input id="gems" name="attr_gems" type="radio" value="2"/><span class="visually-hidden" data-i18n="gems_2">2 Gems</span>
</label>
<label class="component__checkbox component__checkbox--3">
<input id="gems" name="attr_gems" type="radio" value="3"/><span class="visually-hidden" data-i18n="gems_3">3 Gems</span>
</label>
</div>
</div>
</div>
</div>
</section>
</section>
</section>
<aside class="character__blades">
<aside class="blade diary">
<input class="blade-toggle__controller" name="attr_diary_blade" type="hidden" value="0"/>
<button class="blade-toggle" name="act_diary-blade" type="action">
<h2 class="blade__title" data-i18n="diary">Diary</h2>
</button>
<div class="blade__wrapper">
<section class="panel notes">
<input class="editor__controller" name="attr_notes_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_notes_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header notes__header">
<h2 class="panel__title notes__title" data-i18n="notes">notes</h2>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_notes-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_notes_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_notes-editor" type="action">
<input class="edit-toggle__controller" name="attr_notes_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content notes__content">
<div class="repeating">
<input class="repeating__is-empty" name="attr_notes_empty" type="hidden" value="0"/>
<input class="repeating__controller" name="attr_notes_editor" type="hidden" value="on"/>
<div class="repeating__empty">
<div class="repeating__header"><span data-i18n="none_notes_repeating">None notes with left beef</span></div>
<div class="repeating__subtitle"></div>
</div>
<fieldset class="repeating_notes">
<div class="repeating__wrapper">
<div class="repeating__edit">
<div class="row notes__edit">
<div class="notes__field note_name ">
<input class="notes__note_name notes__input--text" data-i18n-placeholder="placeholder_note_name" id="note_name" name="attr_note_name" placeholder="broke mom's trust" type="text"/>
<label class="visually-hidden" data-i18n="note_name" for="note_name">Note</label>
</div>
<div class="notes__field note_description ">
<textarea class="notes__note_description notes__input--textarea" data-i18n-placeholder="placeholder_note_description" name="attr_note_description" placeholder="Description"></textarea>
<label data-i18n="note_description" for="note_description">Description</label>
</div>
</div>
</div>
<div class="repeating__view">
<article class="bubble bubble__note">
<input class="bubble__controller" name="attr_note_collapse" type="hidden" value="0"/>
<div class="bubble__header">
<div class="notes__view"><span class="note__name" name="attr_note_name"></span>
</div>
<div class="bubble__controls">
<button class="broadcast bubble__broadcast" name="roll_note-broadcast" type="roll" value="&amp;{template:slugcast} {{character=@{character_name}}} {{title=^{notes}}} {{^{note_name}=@{note_name}}} {{^{note_description}=@{note_description}}}"><span class="pictos">w</span><span class="visually-hidden" data-i18n="broadcast_to_chat">Broadcast to Chat</span></button>
<label class="bubble__expand" for="attr_note_collapse">
<input name="attr_note_collapse" type="checkbox"/><span class="bubble__expand--collapse visually-hidden" data-i18n="collapse_content">Collapse Content</span><span class="bubble__expand--expand visually-hidden" data-i18n="expand_content">Expand Content</span>
</label>
</div>
</div>
<div class="bubble__content">
<div class="bubble__collapse"><span name="attr_note_description"></span>
<label data-i18n="note_description">Description</label>
</div>
</div>
</article>
</div>
<div class="repeating__delete"><span class="note__name" name="attr_note_name"></span>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</section>
<section class="panel tracks">
<input class="editor__controller" name="attr_tracks_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_tracks_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header tracks__header">
<h2 class="panel__title tracks__title" data-i18n="tracks">Tracks</h2>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_tracks-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_tracks_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_tracks-editor" type="action">
<input class="edit-toggle__controller" name="attr_tracks_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content tracks__content">
<div class="repeating">
<input class="repeating__is-empty" name="attr_tracks_empty" type="hidden" value="0"/>
<input class="repeating__controller" name="attr_tracks_editor" type="hidden" value="on"/>
<div class="repeating__empty">
<div class="repeating__header"><span data-i18n="none_tracks_repeating">None tracks with left beef</span></div>
<div class="repeating__subtitle"></div>
</div>
<fieldset class="repeating_tracks">
<div class="repeating__wrapper">
<div class="repeating__edit">
<div class="row tracks__edit">
<input name="attr_track_completed" type="hidden"/>
<input name="attr_track_size" type="hidden"/>
<input name="attr_track_display" type="hidden"/>
<div class="tracks__field track_name ">
<input class="tracks__track_name tracks__input--text" data-i18n-placeholder="placeholder_track_name" id="track_name" name="attr_track_name" placeholder="SKATE" type="text"/>
<label class="visually-hidden" data-i18n="track_name" for="track_name">Track</label>
</div>
<div class="tracks__field track_description ">
<textarea class="tracks__track_description tracks__input--textarea" data-i18n-placeholder="placeholder_track_description" name="attr_track_description" placeholder="Description"></textarea>
<label data-i18n="track_description" for="track_description">Description</label>
</div>
</div>
</div>
<div class="repeating__view">
<article class="bubble bubble__track">
<input class="bubble__controller" name="attr_track_collapse" type="hidden" value="0"/>
<div class="bubble__header">
<div class="tracks__view">
<div class="tracks__progress-track">
<input class="track__letter-exists" name="attr_track_letter_1" type="hidden"/>
<label class="track__progress track__progress--1">
<input class="track__marker" id="track_marker_1" name="attr_track_marker_1" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_1"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_1">Track 1</span>
</label>
<input class="track__letter-exists" name="attr_track_letter_2" type="hidden"/>
<label class="track__progress track__progress--2">
<input class="track__marker" id="track_marker_2" name="attr_track_marker_2" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_2"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_2">Track 2</span>
</label>
<input class="track__letter-exists" name="attr_track_letter_3" type="hidden"/>
<label class="track__progress track__progress--3">
<input class="track__marker" id="track_marker_3" name="attr_track_marker_3" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_3"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_3">Track 3</span>
</label>
<input class="track__letter-exists" name="attr_track_letter_4" type="hidden"/>
<label class="track__progress track__progress--4">
<input class="track__marker" id="track_marker_4" name="attr_track_marker_4" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_4"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_4">Track 4</span>
</label>
<input class="track__letter-exists" name="attr_track_letter_5" type="hidden"/>
<label class="track__progress track__progress--5">
<input class="track__marker" id="track_marker_5" name="attr_track_marker_5" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_5"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_5">Track 5</span>
</label>
<input class="track__letter-exists" name="attr_track_letter_6" type="hidden"/>
<label class="track__progress track__progress--6">
<input class="track__marker" id="track_marker_6" name="attr_track_marker_6" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_6"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_6">Track 6</span>
</label>
<input class="track__letter-exists" name="attr_track_letter_7" type="hidden"/>
<label class="track__progress track__progress--7">
<input class="track__marker" id="track_marker_7" name="attr_track_marker_7" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_7"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_7">Track 7</span>
</label>
<input class="track__letter-exists" name="attr_track_letter_8" type="hidden"/>
<label class="track__progress track__progress--8">
<input class="track__marker" id="track_marker_8" name="attr_track_marker_8" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_8"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_8">Track 8</span>
</label>
<input class="track__letter-exists" name="attr_track_letter_9" type="hidden"/>
<label class="track__progress track__progress--9">
<input class="track__marker" id="track_marker_9" name="attr_track_marker_9" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_9"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_9">Track 9</span>
</label>
<input class="track__letter-exists" name="attr_track_letter_10" type="hidden"/>
<label class="track__progress track__progress--10">
<input class="track__marker" id="track_marker_10" name="attr_track_marker_10" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_10"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_10">Track 10</span>
</label>
<input class="track__letter-exists" name="attr_track_letter_11" type="hidden"/>
<label class="track__progress track__progress--11">
<input class="track__marker" id="track_marker_11" name="attr_track_marker_11" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_11"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_11">Track 11</span>
</label>
<input class="track__letter-exists" name="attr_track_letter_12" type="hidden"/>
<label class="track__progress track__progress--12">
<input class="track__marker" id="track_marker_12" name="attr_track_marker_12" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_12"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_12">Track 12</span>
</label>
</div>
</div>
<div class="bubble__controls">
<button class="broadcast bubble__broadcast" name="roll_track-broadcast" type="roll" value="&amp;{template:slugcast} {{character=@{character_name}}} {{title=@{track_display}}} {{^{track_name}=@{track_name} (@{track_completed}/@{track_size})}} {{^{track_description}=@{track_description}}}"><span class="pictos">w</span><span class="visually-hidden" data-i18n="broadcast_to_chat">Broadcast to Chat</span></button>
<label class="bubble__expand" for="attr_track_collapse">
<input name="attr_track_collapse" type="checkbox"/><span class="bubble__expand--collapse visually-hidden" data-i18n="collapse_content">Collapse Content</span><span class="bubble__expand--expand visually-hidden" data-i18n="expand_content">Expand Content</span>
</label>
</div>
</div>
<div class="bubble__content">
<div class="bubble__collapse"><span class="track__name" name="attr_track_name"></span><span name="attr_track_description"></span>
<label data-i18n="track_description">Description</label>
</div>
</div>
</article>
</div>
<div class="repeating__delete"><span class="track__name" name="attr_track_name"></span>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</section>
</div>
</aside>
<aside class="blade downtimes">
<input class="blade-toggle__controller" name="attr_downtimes_blade" type="hidden" value="0"/>
<button class="blade-toggle" name="act_downtimes-blade" type="action">
<h2 class="blade__title" data-i18n="downtimes">Downtime</h2>
</button>
<div class="blade__wrapper">
<section class="panel trait-beats downtime">
<input class="editor__controller" name="attr_trait-beats_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_trait-beats_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header trait-beats__header">
<h2 class="panel__title trait-beats__title" data-i18n="trait-beats">Trait Beats</h2>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_trait-beats-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_trait-beats_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_trait-beats-editor" type="action">
<input class="edit-toggle__controller" name="attr_trait-beats_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content trait-beats__content">
<div class="editor">
<div class="editor__edit trait-beats__edit">
<input name="attr_personality" type="hidden"/>
<label class="beats beats--chill" for="just_vibin">
<input id="just_vibin" name="attr_just_vibin" type="checkbox" value="on"/><span data-i18n="just_vibin">Just Vibin' (2 style)</span>
</label>
<label class="beats beats--grit" for="grinding">
<input id="grinding" name="attr_grinding" type="checkbox" value="on"/><span data-i18n="grinding">Grinding' (2 style)</span>
</label>
<label class="beats beats--guts" for="swagger">
<input id="swagger" name="attr_swagger" type="checkbox" value="on"/><span data-i18n="swagger">Swagger (2 style)</span>
</label>
<label class="beats beats--heart" for="devotion">
<input id="devotion" name="attr_devotion" type="checkbox" value="on"/><span data-i18n="devotion">Devotion (2 style)</span>
</label>
<label class="beats beats--smarts" for="research">
<input id="research" name="attr_research" type="checkbox" value="on"/><span data-i18n="research">Research (2 style)</span>
</label>
<div class="beats__custom beats beats--custom">
<label for="custom_trait_beat_checkbox">
<input id="custom_trait_beat_checkbox" name="attr_custom_trait_beat_checkbox" type="checkbox" value="on"/>
</label>
<input class="beats beats--custom__custom_trait_beat beats beats--custom__input--text" data-i18n-placeholder="placeholder_custom_trait_beat" id="custom_trait_beat" name="attr_custom_trait_beat" placeholder="Custom Trait Beat" type="text"/>
</div>
<label class="beats" for="origin_story">
<input id="origin_story" name="attr_origin_story" type="checkbox" value="on"/><span data-i18n="origin_story">Origin Story (3 style)</span>
</label>
<label class="beats" for="sharpened">
<input id="sharpened" name="attr_sharpened" type="checkbox" value="on"/><span data-i18n="sharpened">Sharpened (4 style)</span>
</label>
</div>
<div class="editor__view trait-beats__view">
<input name="attr_just_vibin" type="hidden"/><span data-i18n="just_vibin">Just Vibin' (2 style)</span>
<input name="attr_grinding" type="hidden"/><span data-i18n="grinding">Grinding' (2 style)</span>
<input name="attr_swagger" type="hidden"/><span data-i18n="swagger">Swagger (2 style)</span>
<input name="attr_devotion" type="hidden"/><span data-i18n="devotion">Devotion (2 style)</span>
<input name="attr_research" type="hidden"/><span data-i18n="research">Research (2 style)</span>
<input name="attr_custom_trait_beat_checkbox" type="hidden"/><span name="attr_custom_trait_beat"></span>
<input name="attr_origin_story" type="hidden"/><span data-i18n="origin_story">Origin Story (3 style)</span>
<input name="attr_sharpened" type="hidden"/><span data-i18n="sharpened">Sharpened (4 style)</span>
</div>
</div>
</div>
</div>
</section>
<section class="panel personality-arc downtime">
<input class="editor__controller" name="attr_personality-arc_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_personality-arc_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header personality-arc__header">
<h2 class="panel__title personality-arc__title" data-i18n="personality-arc">Personality Arc</h2>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_personality-arc-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_personality-arc_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_personality-arc-editor" type="action">
<input class="edit-toggle__controller" name="attr_personality-arc_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content personality-arc__content">
<div class="editor">
<div class="editor__edit personality-arc__edit">
<input name="attr_personality" type="hidden"/>
<label class="beats beats--chill" for="caught_in_a_plot">
<input id="caught_in_a_plot" name="attr_caught_in_a_plot" type="checkbox" value="on"/><span data-i18n="caught_in_a_plot">Caught in a Plot (2 style)</span>
</label>
<label class="beats beats--chill" for="serendipity">
<input id="serendipity" name="attr_serendipity" type="checkbox" value="on"/><span data-i18n="serendipity">Serendipity (1 style)</span>
</label>
<label class="beats beats--chill" for="in_too_deep">
<input id="in_too_deep" name="attr_in_too_deep" type="checkbox" value="on"/><span data-i18n="in_too_deep">In Too Deep (4 trouble)</span>
</label>
<label class="beats beats--chill" for="somehow_works_out">
<input id="somehow_works_out" name="attr_somehow_works_out" type="checkbox" value="on"/><span data-i18n="somehow_works_out">Somehow Works Out (3 style)</span>
</label>
<label class="beats beats--grit" for="a_goal">
<input id="a_goal" name="attr_a_goal" type="checkbox" value="on"/><span data-i18n="a_goal">A Goal (1 style)</span>
</label>
<label class="beats beats--grit" for="setbacks">
<input id="setbacks" name="attr_setbacks" type="checkbox" value="on"/><span data-i18n="setbacks">Setbacks (2 style)</span>
</label>
<label class="beats beats--grit" for="quitting">
<input id="quitting" name="attr_quitting" type="checkbox" value="on"/><span data-i18n="quitting">Quitting (4 trouble)</span>
</label>
<label class="beats beats--grit" for="perseverance">
<input id="perseverance" name="attr_perseverance" type="checkbox" value="on"/><span data-i18n="perseverance">Perseverance (3 style)</span>
</label>
<label class="beats beats--guts" for="spotlight">
<input id="spotlight" name="attr_spotlight" type="checkbox" value="on"/><span data-i18n="spotlight">Spotlight (3 style)</span>
</label>
<label class="beats beats--guts" for="star_power">
<input id="star_power" name="attr_star_power" type="checkbox" value="on"/><span data-i18n="star_power">Star Power (2 style)</span>
</label>
<label class="beats beats--guts" for="going_solo">
<input id="going_solo" name="attr_going_solo" type="checkbox" value="on"/><span data-i18n="going_solo">Going Solo (4 trouble)</span>
</label>
<label class="beats beats--guts" for="the_i_in_team">
<input id="the_i_in_team" name="attr_the_i_in_team" type="checkbox" value="on"/><span data-i18n="the_i_in_team">The I in Team (1 style)</span>
</label>
<label class="beats beats--heart" for="dalliance">
<input id="dalliance" name="attr_dalliance" type="checkbox" value="on"/><span data-i18n="dalliance">Dalliance (2 style)</span>
</label>
<label class="beats beats--heart" for="catching_feelings">
<input id="catching_feelings" name="attr_catching_feelings" type="checkbox" value="on"/><span data-i18n="catching_feelings">Catching Feelings (1 style)</span>
</label>
<label class="beats beats--heart" for="us_or_them">
<input id="us_or_them" name="attr_us_or_them" type="checkbox" value="on"/><span data-i18n="us_or_them">Us or Them (4 trouble)</span>
</label>
<label class="beats beats--heart" for="love_conquers_all">
<input id="love_conquers_all" name="attr_love_conquers_all" type="checkbox" value="on"/><span data-i18n="love_conquers_all">Love Conquers All (3 style)</span>
</label>
<label class="beats beats--smarts" for="inspiration">
<input id="inspiration" name="attr_inspiration" type="checkbox" value="on"/><span data-i18n="inspiration">Inspiration (1 style)</span>
</label>
<label class="beats beats--smarts" for="results">
<input id="results" name="attr_results" type="checkbox" value="on"/><span data-i18n="results">Results (2 style)</span>
</label>
<label class="beats beats--smarts" for="unintended_consequences">
<input id="unintended_consequences" name="attr_unintended_consequences" type="checkbox" value="on"/><span data-i18n="unintended_consequences">Unintended Consequences (4 trouble)</span>
</label>
<label class="beats beats--smarts" for="full_realization">
<input id="full_realization" name="attr_full_realization" type="checkbox" value="on"/><span data-i18n="full_realization">Full Realization (3 style)</span>
</label>
<div class="beats__custom beats beats--custom">
<label for="custom_personality_arc_1_checkbox">
<input id="custom_personality_arc_1_checkbox" name="attr_custom_personality_arc_1_checkbox" type="checkbox" value="on"/>
</label>
<input class="beats beats--custom__custom_personality_arc_1 beats beats--custom__input--text" data-i18n-placeholder="placeholder_custom_personality_arc_1" id="custom_personality_arc_1" name="attr_custom_personality_arc_1" placeholder="Custom Personality Arc" type="text"/>
</div>
<div class="beats__custom beats beats--custom">
<label for="custom_personality_arc_2_checkbox">
<input id="custom_personality_arc_2_checkbox" name="attr_custom_personality_arc_2_checkbox" type="checkbox" value="on"/>
</label>
<input class="beats beats--custom__custom_personality_arc_2 beats beats--custom__input--text" data-i18n-placeholder="placeholder_custom_personality_arc_2" id="custom_personality_arc_2" name="attr_custom_personality_arc_2" placeholder="Custom Personality Arc" type="text"/>
</div>
<div class="beats__custom beats beats--custom">
<label for="custom_personality_arc_3_checkbox">
<input id="custom_personality_arc_3_checkbox" name="attr_custom_personality_arc_3_checkbox" type="checkbox" value="on"/>
</label>
<input class="beats beats--custom__custom_personality_arc_3 beats beats--custom__input--text" data-i18n-placeholder="placeholder_custom_personality_arc_3" id="custom_personality_arc_3" name="attr_custom_personality_arc_3" placeholder="Custom Personality Arc" type="text"/>
</div>
<div class="beats__custom beats beats--custom">
<label for="custom_personality_arc_4_checkbox">
<input id="custom_personality_arc_4_checkbox" name="attr_custom_personality_arc_4_checkbox" type="checkbox" value="on"/>
</label>
<input class="beats beats--custom__custom_personality_arc_4 beats beats--custom__input--text" data-i18n-placeholder="placeholder_custom_personality_arc_4" id="custom_personality_arc_4" name="attr_custom_personality_arc_4" placeholder="Custom Personality Arc" type="text"/>
</div>
</div>
<div class="editor__view personality-arc__view">
<input name="attr_caught_in_a_plot" type="hidden"/><span data-i18n="caught_in_a_plot">Caught in a Plot (2 style)</span>
<input name="attr_serendipity" type="hidden"/><span data-i18n="serendipity">Serendipity (1 style)</span>
<input name="attr_in_too_deep" type="hidden"/><span data-i18n="in_too_deep">In Too Deep (4 trouble)</span>
<input name="attr_somehow_works_out" type="hidden"/><span data-i18n="somehow_works_out">Somehow Works Out (3 style)</span>
<input name="attr_a_goal" type="hidden"/><span data-i18n="a_goal">A Goal (1 style)</span>
<input name="attr_setbacks" type="hidden"/><span data-i18n="setbacks">Setbacks (2 style)</span>
<input name="attr_quitting" type="hidden"/><span data-i18n="quitting">Quitting (4 trouble)</span>
<input name="attr_perseverance" type="hidden"/><span data-i18n="perseverance">Perseverance (3 style)</span>
<input name="attr_spotlight" type="hidden"/><span data-i18n="spotlight">Spotlight (3 style)</span>
<input name="attr_star_power" type="hidden"/><span data-i18n="star_power">Star Power (2 style)</span>
<input name="attr_going_solo" type="hidden"/><span data-i18n="going_solo">Going Solo (4 trouble)</span>
<input name="attr_the_i_in_team" type="hidden"/><span data-i18n="the_i_in_team">The I in Team (1 style)</span>
<input name="attr_dalliance" type="hidden"/><span data-i18n="dalliance">Dalliance (2 style)</span>
<input name="attr_catching_feelings" type="hidden"/><span data-i18n="catching_feelings">Catching Feelings (1 style)</span>
<input name="attr_us_or_them" type="hidden"/><span data-i18n="us_or_them">Us or Them (4 trouble)</span>
<input name="attr_love_conquers_all" type="hidden"/><span data-i18n="love_conquers_all">Love Conquers All (3 style)</span>
<input name="attr_inspiration" type="hidden"/><span data-i18n="inspiration">Inspiration (1 style)</span>
<input name="attr_results" type="hidden"/><span data-i18n="results">Results (2 style)</span>
<input name="attr_unintended_consequences" type="hidden"/><span data-i18n="unintended_consequences">Unintended Consequences (4 trouble)</span>
<input name="attr_full_realization" type="hidden"/><span data-i18n="full_realization">Full Realization (3 style)</span>
<input name="attr_custom_personality_arc_1_checkbox" type="hidden"/><span name="attr_custom_personality_arc_1"></span>
<input name="attr_custom_personality_arc_2_checkbox" type="hidden"/><span name="attr_custom_personality_arc_2"></span>
<input name="attr_custom_personality_arc_3_checkbox" type="hidden"/><span name="attr_custom_personality_arc_3"></span>
<input name="attr_custom_personality_arc_4_checkbox" type="hidden"/><span name="attr_custom_personality_arc_4"></span>
</div>
</div>
</div>
</div>
</section>
<section class="panel family-arc downtime">
<input class="editor__controller" name="attr_family-arc_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_family-arc_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header family-arc__header">
<h2 class="panel__title family-arc__title" data-i18n="family-arc">Family Arc</h2>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_family-arc-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_family-arc_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_family-arc-editor" type="action">
<input class="edit-toggle__controller" name="attr_family-arc_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content family-arc__content">
<div class="editor">
<div class="editor__edit family-arc__edit">
<input name="attr_personality" type="hidden"/>
<label class="beats" for="trouble_at_home">
<input id="trouble_at_home" name="attr_trouble_at_home" type="checkbox" value="on"/><span data-i18n="trouble_at_home">Trouble at Home (2 trouble)</span>
</label>
<label class="beats" for="final_warning">
<input id="final_warning" name="attr_final_warning" type="checkbox" value="on"/><span data-i18n="final_warning">Final Warning (3 trouble)</span>
</label>
<label class="beats" for="last_straw">
<input id="last_straw" name="attr_last_straw" type="checkbox" value="on"/><span data-i18n="last_straw">Last Straw (4 trouble)</span>
</label>
<label class="beats" for="redemption">
<input id="redemption" name="attr_redemption" type="checkbox" value="on"/><span data-i18n="redemption">Redemption (4 style)</span>
</label>
</div>
<div class="editor__view family-arc__view">
<input name="attr_trouble_at_home" type="hidden"/><span data-i18n="trouble_at_home">Trouble at Home (2 trouble)</span>
<input name="attr_final_warning" type="hidden"/><span data-i18n="final_warning">Final Warning (3 trouble)</span>
<input name="attr_last_straw" type="hidden"/><span data-i18n="last_straw">Last Straw (4 trouble)</span>
<input name="attr_redemption" type="hidden"/><span data-i18n="redemption">Redemption (4 style)</span>
</div>
</div>
</div>
</div>
</section>
<section class="panel angst-arc downtime">
<input class="editor__controller" name="attr_angst-arc_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_angst-arc_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header angst-arc__header">
<h2 class="panel__title angst-arc__title" data-i18n="angst-arc">Angst Arc</h2>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_angst-arc-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_angst-arc_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_angst-arc-editor" type="action">
<input class="edit-toggle__controller" name="attr_angst-arc_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content angst-arc__content">
<div class="editor">
<div class="editor__edit angst-arc__edit">
<input name="attr_personality" type="hidden"/>
<label class="beats" for="angst">
<input id="angst" name="attr_angst" type="checkbox" value="on"/><span data-i18n="angst">Angst (2 trouble)</span>
</label>
<label class="beats" for="struggling">
<input id="struggling" name="attr_struggling" type="checkbox" value="on"/><span data-i18n="struggling">Struggling (3 trouble)</span>
</label>
<label class="beats" for="darkness">
<input id="darkness" name="attr_darkness" type="checkbox" value="on"/><span data-i18n="darkness">Darkness (4 trouble)</span>
</label>
<label class="beats" for="catharsis">
<input id="catharsis" name="attr_catharsis" type="checkbox" value="on"/><span data-i18n="catharsis">Catharsis (4 style)</span>
</label>
</div>
<div class="editor__view angst-arc__view">
<input name="attr_angst" type="hidden"/><span data-i18n="angst">Angst (2 trouble)</span>
<input name="attr_struggling" type="hidden"/><span data-i18n="struggling">Struggling (3 trouble)</span>
<input name="attr_darkness" type="hidden"/><span data-i18n="darkness">Darkness (4 trouble)</span>
<input name="attr_catharsis" type="hidden"/><span data-i18n="catharsis">Catharsis (4 style)</span>
</div>
</div>
</div>
</div>
</section>
<section class="panel crew-beats downtime">
<input class="editor__controller" name="attr_crew-beats_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_crew-beats_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header crew-beats__header">
<h2 class="panel__title crew-beats__title" data-i18n="crew-beats">Crew Beats</h2>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_crew-beats-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_crew-beats_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_crew-beats-editor" type="action">
<input class="edit-toggle__controller" name="attr_crew-beats_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content crew-beats__content">
<div class="editor">
<div class="editor__edit crew-beats__edit">
<input name="attr_personality" type="hidden"/>
<label class="beats" for="opportunity">
<input id="opportunity" name="attr_opportunity" type="checkbox" value="on"/><span data-i18n="opportunity">Opportunity (2 style)</span>
</label>
<label class="beats" for="challenge">
<input id="challenge" name="attr_challenge" type="checkbox" value="on"/><span data-i18n="challenge">Challenge (5 trouble)</span>
</label>
<label class="beats" for="fight">
<input id="fight" name="attr_fight" type="checkbox" value="on"/><span data-i18n="fight">Fight (5 trouble)</span>
</label>
<label class="beats" for="make_up">
<input id="make_up" name="attr_make_up" type="checkbox" value="on"/><span data-i18n="make_up">Make Up (5 style)</span>
</label>
</div>
<div class="editor__view crew-beats__view">
<input name="attr_opportunity" type="hidden"/><span data-i18n="opportunity">Opportunity (2 style)</span>
<input name="attr_challenge" type="hidden"/><span data-i18n="challenge">Challenge (5 trouble)</span>
<input name="attr_fight" type="hidden"/><span data-i18n="fight">Fight (5 trouble)</span>
<input name="attr_make_up" type="hidden"/><span data-i18n="make_up">Make Up (5 style)</span>
</div>
</div>
</div>
</div>
</section>
<section class="panel other-beats downtime">
<input class="editor__controller" name="attr_other-beats_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_other-beats_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header other-beats__header">
<h2 class="panel__title other-beats__title" data-i18n="other-beats">Other Beats</h2>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_other-beats-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_other-beats_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_other-beats-editor" type="action">
<input class="edit-toggle__controller" name="attr_other-beats_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content other-beats__content">
<div class="editor">
<div class="editor__edit other-beats__edit">
<input name="attr_personality" type="hidden"/>
<label class="beats" for="being_good">
<input id="being_good" name="attr_being_good" type="checkbox" value="on"/><span data-i18n="being_good">Being Good (1 style)</span>
</label>
<label class="beats" for="you_earned_it">
<input id="you_earned_it" name="attr_you_earned_it" type="checkbox" value="on"/><span data-i18n="you_earned_it">You Earned It (5 style)</span>
</label>
<label class="beats" for="take_an_l">
<input id="take_an_l" name="attr_take_an_l" type="checkbox" value="on"/><span data-i18n="take_an_l">Take an L (5 trouble)</span>
</label>
<label class="beats" for="in_the_lab">
<input id="in_the_lab" name="attr_in_the_lab" type="checkbox" value="on"/><span data-i18n="in_the_lab">In the Lab (1 style)</span>
</label>
<label class="beats" for="portal_discovery">
<input id="portal_discovery" name="attr_portal_discovery" type="checkbox" value="on"/><span data-i18n="portal_discovery">Portal Discovery (2 style)</span>
</label>
</div>
<div class="editor__view other-beats__view">
<input name="attr_being_good" type="hidden"/><span data-i18n="being_good">Being Good (1 style)</span>
<input name="attr_you_earned_it" type="hidden"/><span data-i18n="you_earned_it">You Earned It (5 style)</span>
<input name="attr_take_an_l" type="hidden"/><span data-i18n="take_an_l">Take an L (5 trouble)</span>
<input name="attr_in_the_lab" type="hidden"/><span data-i18n="in_the_lab">In the Lab (1 style)</span>
<input name="attr_portal_discovery" type="hidden"/><span data-i18n="portal_discovery">Portal Discovery (2 style)</span>
</div>
</div>
</div>
</div>
</section>
</div>
</aside>
<aside class="blade epilogue">
<input class="blade-toggle__controller" name="attr_epilogue_blade" type="hidden" value="0"/>
<button class="blade-toggle" name="act_epilogue-blade" type="action">
<h2 class="blade__title" data-i18n="epilogue">Epilogue</h2>
</button>
<div class="blade__wrapper">
<section class="panel legacy">
<input class="editor__controller" name="attr_legacy_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_legacy_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header legacy__header">
<h2 class="panel__title legacy__title" data-i18n="legacy">legacy</h2>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_legacy-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_legacy_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_legacy-editor" type="action">
<input class="edit-toggle__controller" name="attr_legacy_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content legacy__content">
<div class="repeating">
<input class="repeating__is-empty" name="attr_legacy_empty" type="hidden" value="0"/>
<input class="repeating__controller" name="attr_legacy_editor" type="hidden" value="on"/>
<div class="repeating__empty">
<div class="repeating__header"><span data-i18n="none_legacy_repeating">None legacy with left beef</span></div>
<div class="repeating__subtitle"></div>
</div>
<fieldset class="repeating_legacy">
<div class="repeating__wrapper">
<div class="repeating__edit">
<div class="row legacy__edit">
<div class="legacy__field legacy_name ">
<input class="legacy__legacy_name legacy__input--text" data-i18n-placeholder="placeholder_legacy_name" id="legacy_name" name="attr_legacy_name" placeholder="viral video of 1080" type="text"/>
<label data-i18n="legacy_name" for="legacy_name">Legacy</label>
</div>
<div class="legacy__field legacy_description ">
<textarea class="legacy__legacy_description legacy__input--textarea" data-i18n-placeholder="placeholder_legacy_description" name="attr_legacy_description" placeholder="Description"></textarea>
<label data-i18n="legacy_description" for="legacy_description">Description</label>
</div>
</div>
</div>
<div class="repeating__view">
<div class="legacy__view">
<article class="bubble bubble__legacy">
<input class="bubble__controller" name="attr_legacy_collapse" type="hidden" value="0"/>
<div class="bubble__header"><span class="legacy__name" name="attr_legacy_name"></span>
<div class="bubble__controls">
<button class="broadcast bubble__broadcast" name="roll_legacy-broadcast" type="roll" value="&amp;{template:slugcast} {{character=@{character_name}}} {{title=^{legacy}}} {{^{legacy_name}=@{legacy_name}}} {{^{legacy_description}=@{legacy_description}}}"><span class="pictos">w</span><span class="visually-hidden" data-i18n="broadcast_to_chat">Broadcast to Chat</span></button>
<label class="bubble__expand" for="attr_legacy_collapse">
<input name="attr_legacy_collapse" type="checkbox"/><span class="bubble__expand--collapse visually-hidden" data-i18n="collapse_content">Collapse Content</span><span class="bubble__expand--expand visually-hidden" data-i18n="expand_content">Expand Content</span>
</label>
</div>
</div>
<div class="bubble__content">
<div class="bubble__collapse"><span name="attr_legacy_description"></span>
</div>
</div>
</article>
</div>
</div>
<div class="repeating__delete"><span class="legacy__name" name="attr_legacy_name"></span>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</section>
<section class="panel doom">
<input class="editor__controller" name="attr_doom_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_doom_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header doom__header">
<h2 class="panel__title doom__title" data-i18n="doom">doom</h2>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_doom-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_doom_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_doom-editor" type="action">
<input class="edit-toggle__controller" name="attr_doom_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content doom__content">
<div class="repeating">
<input class="repeating__is-empty" name="attr_doom_empty" type="hidden" value="0"/>
<input class="repeating__controller" name="attr_doom_editor" type="hidden" value="on"/>
<div class="repeating__empty">
<div class="repeating__header"><span data-i18n="none_doom_repeating">None doom with left beef</span></div>
<div class="repeating__subtitle"></div>
</div>
<fieldset class="repeating_doom">
<div class="repeating__wrapper">
<div class="repeating__edit">
<div class="row doom__edit">
<div class="doom__field doom_name ">
<input class="doom__doom_name doom__input--text" data-i18n-placeholder="placeholder_doom_name" id="doom_name" name="attr_doom_name" placeholder="broke mom's trust" type="text"/>
<label data-i18n="doom_name" for="doom_name">Doom</label>
</div>
<div class="doom__field doom_description ">
<textarea class="doom__doom_description doom__input--textarea" data-i18n-placeholder="placeholder_doom_description" name="attr_doom_description" placeholder="Description"></textarea>
<label data-i18n="doom_description" for="doom_description">Description</label>
</div>
</div>
</div>
<div class="repeating__view">
<div class="doom__view">
<article class="bubble bubble__doom">
<input class="bubble__controller" name="attr_doom_collapse" type="hidden" value="0"/>
<div class="bubble__header"><span class="doom__name" name="attr_doom_name"></span>
<div class="bubble__controls">
<button class="broadcast bubble__broadcast" name="roll_doom-broadcast" type="roll" value="&amp;{template:slugcast} {{character=@{character_name}}} {{title=^{doom}}} {{^{doom_name}=@{doom_name}}} {{^{doom_description}=@{doom_description}}}"><span class="pictos">w</span><span class="visually-hidden" data-i18n="broadcast_to_chat">Broadcast to Chat</span></button>
<label class="bubble__expand" for="attr_doom_collapse">
<input name="attr_doom_collapse" type="checkbox"/><span class="bubble__expand--collapse visually-hidden" data-i18n="collapse_content">Collapse Content</span><span class="bubble__expand--expand visually-hidden" data-i18n="expand_content">Expand Content</span>
</label>
</div>
</div>
<div class="bubble__content">
<div class="bubble__collapse"><span name="attr_doom_description"></span>
</div>
</div>
</article>
</div>
</div>
<div class="repeating__delete"><span class="doom__name" name="attr_doom_name"></span>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</section>
</div>
</aside>
</aside>
</main>
<main class="crew">
<section class="crew__main">
<section class="crew__col">
<section class="panel header-crew">
<input class="editor__controller" name="attr_header-crew_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_header-crew_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header header-crew__header">
<h2 class="panel__title header-crew__title" data-i18n="header-crew">The Crew</h2>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_header-crew-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_header-crew_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_header-crew-editor" type="action">
<input class="edit-toggle__controller" name="attr_header-crew_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content header-crew__content">
<div class="editor">
<div class="editor__edit header__edit">
<div>
<label data-i18n="character_name" for="character_name">Name</label>
<input class="header__character_name header__input--text" data-i18n-placeholder="placeholder_character_name" id="character_name" name="attr_character_name" placeholder="Farrah" type="text"/>
</div>
<div>
<label data-i18n="brands" for="brands">Brands</label>
<input class="header__brands header__input--text" data-i18n-placeholder="placeholder_brands" id="brands" name="attr_brands" placeholder="good kids, weirdos" type="text"/>
</div>
<div>
<label data-i18n="hangouts" for="hangouts">Hangouts</label>
<input class="header__hangouts header__input--text" data-i18n-placeholder="placeholder_hangouts" id="hangouts" name="attr_hangouts" placeholder="the gas station" type="text"/>
</div>
</div>
<div class="editor__view header__view">
<div><span name="attr_character_name"></span>
<label data-i18n="character_name">Name</label>
</div>
<div><span name="attr_brands"></span>
<label data-i18n="brands">Brands</label>
</div>
<div><span name="attr_hangouts"></span>
<label data-i18n="hangouts">Hangouts</label>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="blob fractures">
<input class="editor__controller" name="attr_fractures_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_fractures_minimizer" type="hidden" value="0"/>
<div class="blob__wrapper">
<div class="blob__header fractures__header">
<h2 class="blob__title fractures__title" data-i18n="fractures">Fractures</h2>
<div class="blob__controls">
<button class="broadcast broadcast" name="roll_fractures-broadcast" type="roll" value="&amp;{template:slugcast} {{character=@{character_name}}} {{title=^{fractures}}} {{^{fracture_1}=@{fracture_1}}} {{^{fracture_2}=@{fracture_2}}}"><span class="pictos">w</span><span class="visually-hidden" data-i18n="broadcast_to_chat">Broadcast to Chat</span></button>
</div>
</div>
<div class="blob__content fractures__content">
<div class="fractures__boxes">
<div class="fractures__box fractures__box--fracture_1">
<input class="fractures__fracture_1 fractures__input--text" data-i18n-placeholder="placeholder_fracture_1" id="fracture_1" name="attr_fracture_1" placeholder="going solo" type="text"/>
<label class="visually-hidden" data-i18n="fracture_1" for="fracture_1">Fracture 1</label>
</div>
<div class="fractures__box fractures__box--fracture_2">
<input class="fractures__fracture_2 fractures__input--text" data-i18n-placeholder="placeholder_fracture_2" id="fracture_2" name="attr_fracture_2" placeholder="catching feelings" type="text"/>
<label class="visually-hidden" data-i18n="fracture_2" for="fracture_2">Fracture 2</label>
</div>
</div>
</div>
</div>
</section>
</section>
<section class="crew__col">
<section class="blob hype">
<input class="editor__controller" name="attr_hype_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_hype_minimizer" type="hidden" value="0"/>
<div class="blob__wrapper">
<div class="blob__header hype__header">
<h2 class="blob__title hype__title" data-i18n="hype">Hype</h2>
<div class="blob__controls">
</div>
</div>
<div class="blob__content hype__content"><span data-i18n="hype_description">Do it for the crew and boost or kick as needed.</span>
<input name="attr_hype_boost" type="hidden"/>
<input name="attr_hype_kick" type="hidden"/>
<div class="hype__clickies">
<label class="hype__boost hype__boost--1">
<input id="hype_boost_1" name="attr_hype_boost_1" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="hype_boost_1">Hype Boost 1</span>
</label>
<label class="hype__boost hype__boost--2">
<input id="hype_boost_2" name="attr_hype_boost_2" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="hype_boost_2">Hype Boost 2</span>
</label>
<label class="hype__boost hype__boost--3">
<input id="hype_boost_3" name="attr_hype_boost_3" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="hype_boost_3">Hype Boost 3</span>
</label>
<label class="hype__boost hype__boost--4">
<input id="hype_boost_4" name="attr_hype_boost_4" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="hype_boost_4">Hype Boost 4</span>
</label>
<label class="hype__kick hype__kick--1">
<input id="hype_kick_1" name="attr_hype_kick_1" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="hype_kick_1">Hype Kick 1</span>
</label>
<label class="hype__kick hype__kick--2">
<input id="hype_kick_2" name="attr_hype_kick_2" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="hype_kick_2">Hype Kick 2</span>
</label>
<label class="hype__kick hype__kick--3">
<input id="hype_kick_3" name="attr_hype_kick_3" type="checkbox" value="on"/><span class="visually-hidden" data-i18n="hype_kick_3">Hype Kick 3</span>
</label>
</div>
</div>
</div>
</section>
<section class="blob style">
<input class="editor__controller" name="attr_style_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_style_minimizer" type="hidden" value="0"/>
<div class="blob__wrapper">
<div class="blob__header style__header">
<h2 class="blob__title style__title" data-i18n="style">Style</h2>
<div class="blob__controls">
</div>
</div>
<div class="blob__content style__content">
<div class="style__track">
<input name="attr_crew_style" type="hidden"/>
<label class="style__checkbox style__checkbox--0">
<input class="checkbox--circle" id="crew_style" name="attr_crew_style" type="radio" value="0"/><span class="visually-hidden" data-i18n="style_0">0 style</span>
</label>
<label class="style__checkbox style__checkbox--1">
<input class="checkbox--circle" id="crew_style" name="attr_crew_style" type="radio" value="1"/><span class="visually-hidden" data-i18n="style_1">1 style</span>
</label>
<label class="style__checkbox style__checkbox--2">
<input class="checkbox--circle" id="crew_style" name="attr_crew_style" type="radio" value="2"/><span class="visually-hidden" data-i18n="style_2">2 style</span>
</label>
<label class="style__checkbox style__checkbox--3">
<input class="checkbox--circle" id="crew_style" name="attr_crew_style" type="radio" value="3"/><span class="visually-hidden" data-i18n="style_3">3 style</span>
</label>
<label class="style__checkbox style__checkbox--4">
<input class="checkbox--circle" id="crew_style" name="attr_crew_style" type="radio" value="4"/><span class="visually-hidden" data-i18n="style_4">4 style</span>
</label>
<label class="style__checkbox style__checkbox--5">
<input class="checkbox--circle" id="crew_style" name="attr_crew_style" type="radio" value="5"/><span class="visually-hidden" data-i18n="style_5">5 style</span>
</label>
<label class="style__checkbox style__checkbox--6">
<input class="checkbox--circle" id="crew_style" name="attr_crew_style" type="radio" value="6"/><span class="visually-hidden" data-i18n="style_6">6 style</span>
</label>
<label class="style__checkbox style__checkbox--7">
<input class="checkbox--circle" id="crew_style" name="attr_crew_style" type="radio" value="7"/><span class="visually-hidden" data-i18n="style_7">7 style</span>
</label>
<label class="style__checkbox style__checkbox--8">
<input class="checkbox--circle" id="crew_style" name="attr_crew_style" type="radio" value="8"/><span class="visually-hidden" data-i18n="style_8">8 style</span>
</label>
<label class="style__checkbox style__checkbox--9">
<input class="checkbox--circle" id="crew_style" name="attr_crew_style" type="radio" value="9"/><span class="visually-hidden" data-i18n="style_9">9 style</span>
</label>
<label class="style__checkbox style__checkbox--10">
<input class="checkbox--circle" id="crew_style" name="attr_crew_style" type="radio" value="10"/><span class="visually-hidden" data-i18n="style_10">10 style</span>
</label>
</div>
</div>
</div>
</section>
<section class="panel fame">
<input class="editor__controller" name="attr_fame_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_fame_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header fame__header">
<h2 class="panel__title fame__title" data-i18n="fame">Fame</h2>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_fame-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_fame_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_fame-editor" type="action">
<input class="edit-toggle__controller" name="attr_fame_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content fame__content">
<div class="editor">
<div class="editor__edit fame__edit">
<div class="fame__hypes">
<div class="fame__hype">
<select class="undefined__hype_boost undefined__input--select" name="attr_hype_boost">
<option data-i18n="0" value="0">+0</option>
<option data-i18n="1" value="1">+1</option>
<option data-i18n="2" value="2">+2</option>
</select>
<label data-i18n="hype_boost" for="hype_boost">Extra Boost</label>
</div>
<div class="fame__hype">
<select class="undefined__hype_kick undefined__input--select" name="attr_hype_kick">
<option data-i18n="0" value="0">+0</option>
<option data-i18n="1" value="1">+1</option>
<option data-i18n="2" value="2">+2</option>
</select>
<label data-i18n="hype_kick" for="hype_kick">Extra Kick</label>
</div>
</div>
<div class="fame__ranks">
<div class="fame__rank">
<label class="rank" for="nobodies">
<input id="nobodies" name="attr_nobodies" type="checkbox" value="on"/><span class="rank__name" data-i18n="nobodies">Nobodies</span>
</label>
<div class="fame__perk">
<label class="fame__perk--name" for="masks">
<input id="masks" name="attr_masks" type="checkbox" value="on"/><span data-i18n="masks">Masks (2 style)</span>
</label>
</div>
<div class="fame__perk">
<label class="fame__perk--name" for="advanced_portal_tech">
<input id="advanced_portal_tech" name="attr_advanced_portal_tech" type="checkbox" value="on"/><span data-i18n="advanced_portal_tech">Advanced Portal Tech (2 style)</span>
</label>
</div>
</div>
<div class="fame__rank">
<label class="rank" for="up_and_comers">
<input id="up_and_comers" name="attr_up_and_comers" type="checkbox" value="on"/><span class="rank__name" data-i18n="up_and_comers">Up &amp; Comers</span><span class="rank__cost" data-i18n="up_and_comers_style">5 style</span>
</label>
<div class="fame__perk">
<label class="fame__perk--name" for="hazwear">
<input id="hazwear" name="attr_hazwear" type="checkbox" value="on"/><span data-i18n="hazwear">Hazwear (2 style)</span>
</label>
</div>
<div class="fame__perk">
<label class="fame__perk--name" for="sticker_spotted">
<input id="sticker_spotted" name="attr_sticker_spotted" type="checkbox" value="on"/><span data-i18n="sticker_spotted">Sticker Spotted (4 style)</span>
</label>
</div>
<div class="fame__perk">
<label class="fame__perk--name" for="protective_fans">
<input id="protective_fans" name="attr_protective_fans" type="checkbox" value="on"/><span data-i18n="protective_fans">Protective Fans (5 style)</span>
</label>
</div>
<div class="fame__perk">
<label class="fame__perk--name" for="blurb">
<input id="blurb" name="attr_blurb" type="checkbox" value="on"/><span data-i18n="blurb">Blurb (5 style)</span>
</label>
</div>
</div>
<div class="fame__rank">
<label class="rank" for="well_established">
<input id="well_established" name="attr_well_established" type="checkbox" value="on"/><span class="rank__name" data-i18n="well_established">Well-Established</span><span class="rank__cost" data-i18n="well_established_style">7 style</span>
</label>
<div class="fame__perk">
<label class="fame__perk--name" for="logic_binders">
<input id="logic_binders" name="attr_logic_binders" type="checkbox" value="on"/><span data-i18n="logic_binders">Logic Binders (3 style)</span>
</label>
</div>
<div class="fame__perk">
<label class="fame__perk--name" for="small_press_merch">
<input id="small_press_merch" name="attr_small_press_merch" type="checkbox" value="on"/><span data-i18n="small_press_merch">Small-Press Merch (4 style)</span>
</label>
</div>
<div class="fame__perk">
<label class="fame__perk--name" for="improved_hangout">
<input id="improved_hangout" name="attr_improved_hangout" type="checkbox" value="on"/><span data-i18n="improved_hangout">Improved Hangout (4 style)</span>
</label>
</div>
<div class="fame__perk">
<label class="fame__perk--name" for="diehard_fans">
<input id="diehard_fans" name="attr_diehard_fans" type="checkbox" value="on"/><span data-i18n="diehard_fans">Diehard Fans (5 style)</span>
</label>
</div>
</div>
<div class="fame__rank">
<label class="rank" for="major_players">
<input id="major_players" name="attr_major_players" type="checkbox" value="on"/><span class="rank__name" data-i18n="major_players">Major Players</span><span class="rank__cost" data-i18n="major_players_style">9 style</span>
</label>
<div class="fame__perk">
<label class="fame__perk--name" for="name_on_a_shoe">
<input id="name_on_a_shoe" name="attr_name_on_a_shoe" type="checkbox" value="on"/><span data-i18n="name_on_a_shoe">Name on a Shoe (5 style)</span>
</label>
</div>
<div class="fame__perk">
<label class="fame__perk--name" for="eponymous">
<input id="eponymous" name="attr_eponymous" type="checkbox" value="on"/><span data-i18n="eponymous">Eponymous (5 style)</span>
</label>
</div>
<div class="fame__perk">
<label class="fame__perk--name" for="article">
<input id="article" name="attr_article" type="checkbox" value="on"/><span data-i18n="article">Article (5 style)</span>
</label>
</div>
<div class="fame__perk">
<label class="fame__perk--name" for="tastemaker_fans">
<input id="tastemaker_fans" name="attr_tastemaker_fans" type="checkbox" value="on"/><span data-i18n="tastemaker_fans">Tastemaker Fans (5 style)</span>
</label>
</div>
</div>
<div class="fame__rank">
<label class="rank" for="rising_stars">
<input id="rising_stars" name="attr_rising_stars" type="checkbox" value="on"/><span class="rank__name" data-i18n="rising_stars">Rising Stars</span><span class="rank__cost" data-i18n="rising_stars_style">9 style</span>
</label>
<div class="fame__perk">
<label class="fame__perk--name" for="quantum_hangout">
<input id="quantum_hangout" name="attr_quantum_hangout" type="checkbox" value="on"/><span data-i18n="quantum_hangout">Quantum Hangout (5 style)</span>
</label>
</div>
<div class="fame__perk">
<label class="fame__perk--name" for="image_rights">
<input id="image_rights" name="attr_image_rights" type="checkbox" value="on"/><span data-i18n="image_rights">Image Rights (5 style)</span>
</label>
</div>
<div class="fame__perk">
<label class="fame__perk--name" for="screaming_fans">
<input id="screaming_fans" name="attr_screaming_fans" type="checkbox" value="on"/><span data-i18n="screaming_fans">Screaming Fans (5 style) </span>
</label>
</div>
<div class="fame__perk">
<label class="fame__perk--name" for="cover_story">
<input id="cover_story" name="attr_cover_story" type="checkbox" value="on"/><span data-i18n="cover_story">Cover Story (5 style)</span>
</label>
</div>
</div>
<div class="fame__rank">
<label class="rank" for="legends">
<input id="legends" name="attr_legends" type="checkbox" value="on"/><span class="rank__name" data-i18n="legends">Legends</span><span class="rank__cost" data-i18n="legends_style">11 style</span>
</label>
<div class="fame__perk">
<label class="fame__perk--name" for="you_did_it">
<input id="you_did_it" name="attr_you_did_it" type="checkbox" value="on"/><span data-i18n="you_did_it">You did it</span>
</label>
</div>
</div>
</div>
</div>
<div class="editor__view fame__view">
<div class="fame__ranks">
<div class="fame__rank">
<input name="attr_nobodies" type="hidden"/><span class="rank__name" data-i18n="nobodies">Nobodies</span>
<div class="fame__perk">
<input name="attr_masks" type="hidden"/><span class="fame__perk--name" data-i18n="masks">Masks (2 style)</span>
</div>
<div class="fame__perk">
<input name="attr_advanced_portal_tech" type="hidden"/><span class="fame__perk--name" data-i18n="advanced_portal_tech">Advanced Portal Tech (2 style)</span>
</div>
</div>
<div class="fame__rank">
<input name="attr_up_and_comers" type="hidden"/><span class="rank__name" data-i18n="up_and_comers">Up &amp; Comers</span>
<div class="fame__perk">
<input name="attr_hazwear" type="hidden"/><span class="fame__perk--name" data-i18n="hazwear">Hazwear (2 style)</span>
</div>
<div class="fame__perk">
<input name="attr_sticker_spotted" type="hidden"/><span class="fame__perk--name" data-i18n="sticker_spotted">Sticker Spotted (4 style)</span>
</div>
<div class="fame__perk">
<input name="attr_protective_fans" type="hidden"/><span class="fame__perk--name" data-i18n="protective_fans">Protective Fans (5 style)</span>
</div>
<div class="fame__perk">
<input name="attr_blurb" type="hidden"/><span class="fame__perk--name" data-i18n="blurb">Blurb (5 style)</span>
</div>
</div>
<div class="fame__rank">
<input name="attr_well_established" type="hidden"/><span class="rank__name" data-i18n="well_established">Well-Established</span>
<div class="fame__perk">
<input name="attr_logic_binders" type="hidden"/><span class="fame__perk--name" data-i18n="logic_binders">Logic Binders (3 style)</span>
</div>
<div class="fame__perk">
<input name="attr_small_press_merch" type="hidden"/><span class="fame__perk--name" data-i18n="small_press_merch">Small-Press Merch (4 style)</span>
</div>
<div class="fame__perk">
<input name="attr_improved_hangout" type="hidden"/><span class="fame__perk--name" data-i18n="improved_hangout">Improved Hangout (4 style)</span>
</div>
<div class="fame__perk">
<input name="attr_diehard_fans" type="hidden"/><span class="fame__perk--name" data-i18n="diehard_fans">Diehard Fans (5 style)</span>
</div>
</div>
<div class="fame__rank">
<input name="attr_major_players" type="hidden"/><span class="rank__name" data-i18n="major_players">Major Players</span>
<div class="fame__perk">
<input name="attr_name_on_a_shoe" type="hidden"/><span class="fame__perk--name" data-i18n="name_on_a_shoe">Name on a Shoe (5 style)</span>
</div>
<div class="fame__perk">
<input name="attr_eponymous" type="hidden"/><span class="fame__perk--name" data-i18n="eponymous">Eponymous (5 style)</span>
</div>
<div class="fame__perk">
<input name="attr_article" type="hidden"/><span class="fame__perk--name" data-i18n="article">Article (5 style)</span>
</div>
<div class="fame__perk">
<input name="attr_tastemaker_fans" type="hidden"/><span class="fame__perk--name" data-i18n="tastemaker_fans">Tastemaker Fans (5 style)</span>
</div>
</div>
<div class="fame__rank">
<input name="attr_rising_stars" type="hidden"/><span class="rank__name" data-i18n="rising_stars">Rising Stars</span>
<div class="fame__perk">
<input name="attr_quantum_hangout" type="hidden"/><span class="fame__perk--name" data-i18n="quantum_hangout">Quantum Hangout (5 style)</span>
</div>
<div class="fame__perk">
<input name="attr_image_rights" type="hidden"/><span class="fame__perk--name" data-i18n="image_rights">Image Rights (5 style)</span>
</div>
<div class="fame__perk">
<input name="attr_screaming_fans" type="hidden"/><span class="fame__perk--name" data-i18n="screaming_fans">Screaming Fans (5 style) </span>
</div>
<div class="fame__perk">
<input name="attr_cover_story" type="hidden"/><span class="fame__perk--name" data-i18n="cover_story">Cover Story (5 style)</span>
</div>
</div>
<div class="fame__rank">
<input name="attr_legends" type="hidden"/><span class="rank__name" data-i18n="legends">Legends</span>
<div class="fame__perk">
<input name="attr_you_did_it" type="hidden"/><span class="fame__perk--name" data-i18n="you_did_it">You did it</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
</section>
<aside class="crew__blades">
<aside class="blade diary">
<input class="blade-toggle__controller" name="attr_diary_blade" type="hidden" value="0"/>
<button class="blade-toggle" name="act_diary-blade" type="action">
<h2 class="blade__title" data-i18n="diary">Diary</h2>
</button>
<div class="blade__wrapper">
<section class="panel notes">
<input class="editor__controller" name="attr_notes_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_notes_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header notes__header">
<h2 class="panel__title notes__title" data-i18n="notes">notes</h2>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_notes-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_notes_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_notes-editor" type="action">
<input class="edit-toggle__controller" name="attr_notes_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content notes__content">
<div class="repeating">
<input class="repeating__is-empty" name="attr_notes_empty" type="hidden" value="0"/>
<input class="repeating__controller" name="attr_notes_editor" type="hidden" value="on"/>
<div class="repeating__empty">
<div class="repeating__header"><span data-i18n="none_notes_repeating">None notes with left beef</span></div>
<div class="repeating__subtitle"></div>
</div>
<fieldset class="repeating_notes">
<div class="repeating__wrapper">
<div class="repeating__edit">
<div class="row notes__edit">
<div class="notes__field note_name ">
<input class="notes__note_name notes__input--text" data-i18n-placeholder="placeholder_note_name" id="note_name" name="attr_note_name" placeholder="broke mom's trust" type="text"/>
<label class="visually-hidden" data-i18n="note_name" for="note_name">Note</label>
</div>
<div class="notes__field note_description ">
<textarea class="notes__note_description notes__input--textarea" data-i18n-placeholder="placeholder_note_description" name="attr_note_description" placeholder="Description"></textarea>
<label data-i18n="note_description" for="note_description">Description</label>
</div>
</div>
</div>
<div class="repeating__view">
<article class="bubble bubble__note">
<input class="bubble__controller" name="attr_note_collapse" type="hidden" value="0"/>
<div class="bubble__header">
<div class="notes__view"><span class="note__name" name="attr_note_name"></span>
</div>
<div class="bubble__controls">
<button class="broadcast bubble__broadcast" name="roll_note-broadcast" type="roll" value="&amp;{template:slugcast} {{character=@{character_name}}} {{title=^{notes}}} {{^{note_name}=@{note_name}}} {{^{note_description}=@{note_description}}}"><span class="pictos">w</span><span class="visually-hidden" data-i18n="broadcast_to_chat">Broadcast to Chat</span></button>
<label class="bubble__expand" for="attr_note_collapse">
<input name="attr_note_collapse" type="checkbox"/><span class="bubble__expand--collapse visually-hidden" data-i18n="collapse_content">Collapse Content</span><span class="bubble__expand--expand visually-hidden" data-i18n="expand_content">Expand Content</span>
</label>
</div>
</div>
<div class="bubble__content">
<div class="bubble__collapse"><span name="attr_note_description"></span>
<label data-i18n="note_description">Description</label>
</div>
</div>
</article>
</div>
<div class="repeating__delete"><span class="note__name" name="attr_note_name"></span>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</section>
<section class="panel tracks">
<input class="editor__controller" name="attr_tracks_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_tracks_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header tracks__header">
<h2 class="panel__title tracks__title" data-i18n="tracks">Tracks</h2>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_tracks-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_tracks_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_tracks-editor" type="action">
<input class="edit-toggle__controller" name="attr_tracks_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content tracks__content">
<div class="repeating">
<input class="repeating__is-empty" name="attr_tracks_empty" type="hidden" value="0"/>
<input class="repeating__controller" name="attr_tracks_editor" type="hidden" value="on"/>
<div class="repeating__empty">
<div class="repeating__header"><span data-i18n="none_tracks_repeating">None tracks with left beef</span></div>
<div class="repeating__subtitle"></div>
</div>
<fieldset class="repeating_tracks">
<div class="repeating__wrapper">
<div class="repeating__edit">
<div class="row tracks__edit">
<input name="attr_track_completed" type="hidden"/>
<input name="attr_track_size" type="hidden"/>
<input name="attr_track_display" type="hidden"/>
<div class="tracks__field track_name ">
<input class="tracks__track_name tracks__input--text" data-i18n-placeholder="placeholder_track_name" id="track_name" name="attr_track_name" placeholder="SKATE" type="text"/>
<label class="visually-hidden" data-i18n="track_name" for="track_name">Track</label>
</div>
<div class="tracks__field track_description ">
<textarea class="tracks__track_description tracks__input--textarea" data-i18n-placeholder="placeholder_track_description" name="attr_track_description" placeholder="Description"></textarea>
<label data-i18n="track_description" for="track_description">Description</label>
</div>
</div>
</div>
<div class="repeating__view">
<article class="bubble bubble__track">
<input class="bubble__controller" name="attr_track_collapse" type="hidden" value="0"/>
<div class="bubble__header">
<div class="tracks__view">
<div class="tracks__progress-track">
<input class="track__letter-exists" name="attr_track_letter_1" type="hidden"/>
<label class="track__progress track__progress--1">
<input class="track__marker" id="track_marker_1" name="attr_track_marker_1" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_1"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_1">Track 1</span>
</label>
<input class="track__letter-exists" name="attr_track_letter_2" type="hidden"/>
<label class="track__progress track__progress--2">
<input class="track__marker" id="track_marker_2" name="attr_track_marker_2" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_2"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_2">Track 2</span>
</label>
<input class="track__letter-exists" name="attr_track_letter_3" type="hidden"/>
<label class="track__progress track__progress--3">
<input class="track__marker" id="track_marker_3" name="attr_track_marker_3" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_3"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_3">Track 3</span>
</label>
<input class="track__letter-exists" name="attr_track_letter_4" type="hidden"/>
<label class="track__progress track__progress--4">
<input class="track__marker" id="track_marker_4" name="attr_track_marker_4" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_4"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_4">Track 4</span>
</label>
<input class="track__letter-exists" name="attr_track_letter_5" type="hidden"/>
<label class="track__progress track__progress--5">
<input class="track__marker" id="track_marker_5" name="attr_track_marker_5" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_5"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_5">Track 5</span>
</label>
<input class="track__letter-exists" name="attr_track_letter_6" type="hidden"/>
<label class="track__progress track__progress--6">
<input class="track__marker" id="track_marker_6" name="attr_track_marker_6" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_6"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_6">Track 6</span>
</label>
<input class="track__letter-exists" name="attr_track_letter_7" type="hidden"/>
<label class="track__progress track__progress--7">
<input class="track__marker" id="track_marker_7" name="attr_track_marker_7" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_7"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_7">Track 7</span>
</label>
<input class="track__letter-exists" name="attr_track_letter_8" type="hidden"/>
<label class="track__progress track__progress--8">
<input class="track__marker" id="track_marker_8" name="attr_track_marker_8" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_8"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_8">Track 8</span>
</label>
<input class="track__letter-exists" name="attr_track_letter_9" type="hidden"/>
<label class="track__progress track__progress--9">
<input class="track__marker" id="track_marker_9" name="attr_track_marker_9" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_9"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_9">Track 9</span>
</label>
<input class="track__letter-exists" name="attr_track_letter_10" type="hidden"/>
<label class="track__progress track__progress--10">
<input class="track__marker" id="track_marker_10" name="attr_track_marker_10" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_10"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_10">Track 10</span>
</label>
<input class="track__letter-exists" name="attr_track_letter_11" type="hidden"/>
<label class="track__progress track__progress--11">
<input class="track__marker" id="track_marker_11" name="attr_track_marker_11" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_11"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_11">Track 11</span>
</label>
<input class="track__letter-exists" name="attr_track_letter_12" type="hidden"/>
<label class="track__progress track__progress--12">
<input class="track__marker" id="track_marker_12" name="attr_track_marker_12" type="checkbox" value="on"/><span class="track__letter" name="attr_track_letter_12"></span><span class="track__marked">X</span><span class="visually-hidden" data-i18n="track_marker_12">Track 12</span>
</label>
</div>
</div>
<div class="bubble__controls">
<button class="broadcast bubble__broadcast" name="roll_track-broadcast" type="roll" value="&amp;{template:slugcast} {{character=@{character_name}}} {{title=@{track_display}}} {{^{track_name}=@{track_name} (@{track_completed}/@{track_size})}} {{^{track_description}=@{track_description}}}"><span class="pictos">w</span><span class="visually-hidden" data-i18n="broadcast_to_chat">Broadcast to Chat</span></button>
<label class="bubble__expand" for="attr_track_collapse">
<input name="attr_track_collapse" type="checkbox"/><span class="bubble__expand--collapse visually-hidden" data-i18n="collapse_content">Collapse Content</span><span class="bubble__expand--expand visually-hidden" data-i18n="expand_content">Expand Content</span>
</label>
</div>
</div>
<div class="bubble__content">
<div class="bubble__collapse"><span class="track__name" name="attr_track_name"></span><span name="attr_track_description"></span>
<label data-i18n="track_description">Description</label>
</div>
</div>
</article>
</div>
<div class="repeating__delete"><span class="track__name" name="attr_track_name"></span>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</section>
</div>
</aside>
<aside class="blade factions">
<input class="blade-toggle__controller" name="attr_factions_blade" type="hidden" value="0"/>
<button class="blade-toggle" name="act_factions-blade" type="action">
<h2 class="blade__title" data-i18n="factions">Factions</h2>
</button>
<div class="blade__wrapper">
<input name="attr_load_factions" type="hidden" value="0"/>
<button class="crew__action crew--factions" name="act_load-factions" type="action"><span data-i18n="load_factions">Load Factions</span></button>
<section class="panel crew-factions faction">
<input class="editor__controller" name="attr_crew-factions_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_crew-factions_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header crew-factions__header">
<h2 class="panel__title crew-factions__title" data-i18n="crew-factions">Crews</h2>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_crew-factions-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_crew-factions_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_crew-factions-editor" type="action">
<input class="edit-toggle__controller" name="attr_crew-factions_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content crew-factions__content">
<div class="repeating">
<input class="repeating__is-empty" name="attr_crew-factions_empty" type="hidden" value="0"/>
<input class="repeating__controller" name="attr_crew-factions_editor" type="hidden" value="on"/>
<div class="repeating__empty">
<div class="repeating__header"><span data-i18n="none_crew-factions_repeating">None crew factions with left beef</span></div>
<div class="repeating__subtitle"></div>
</div>
<fieldset class="repeating_crew-factions">
<div class="repeating__wrapper">
<div class="repeating__edit">
<div class="row faction__edit">
<input name="attr_faction_autogen" type="hidden"/>
<div class="faction__field faction_name col-8">
<input class="faction__faction_name faction__input--text" data-i18n-placeholder="placeholder_faction_name" id="faction_name" name="attr_faction_name" placeholder="Faction" type="text"/>
<label data-i18n="faction_name" for="faction_name">Faction Name</label>
</div>
<div class="faction__field faction_relationship col-4">
<select class="faction__faction_relationship faction__input--select" name="attr_faction_relationship">
<option data-i18n="faction_relationship_ally" value="+3">Ally (+3)</option>
<option data-i18n="faction_relationship_tight" value="+2">Tight (+2)</option>
<option data-i18n="faction_relationship_friendly" value="+1">Friendly (+1)</option>
<option data-i18n="faction_relationship_neutral" selected="selected" value="±0">Neutral (±0)</option>
<option data-i18n="faction_relationship_unfriendly" value="-1">Unfriendly (-1)</option>
<option data-i18n="faction_relationship_rivals" value="-2">Rivals (-2)</option>
<option data-i18n="faction_relationship_enemy" value="-3">Enemy (-3)</option>
<option data-i18n="faction_relationship_unstable" value="!!">Unstable (!!)</option>
</select>
<label data-i18n="faction_relationship" for="faction_relationship">Relationship</label>
</div>
<div class="faction__field faction_description ">
<textarea class="faction__faction_description faction__input--textarea" data-i18n-placeholder="placeholder_faction_description" name="attr_faction_description" placeholder="Description"></textarea>
<label data-i18n="faction_description" for="faction_description">Description</label>
</div>
</div>
</div>
<div class="repeating__view">
<article class="bubble bubble__faction">
<input class="bubble__controller" name="attr_faction_collapse" type="hidden" value="0"/>
<div class="bubble__header">
<div class="faction__view"><span class="faction__relationship" name="attr_faction_relationship"></span><span class="faction__name" name="attr_faction_name"></span>
</div>
<div class="bubble__controls">
<button class="broadcast bubble__broadcast" name="roll_faction-broadcast" type="roll" value="&amp;{template:slugcast} {{character=@{character_name}}} {{title=^{factions}}} {{^{faction_name}=@{faction_name}}} {{^{faction_relationship}=@{faction_relationship}}} {{^{faction_description}=@{faction_description}}}"><span class="pictos">w</span><span class="visually-hidden" data-i18n="broadcast_to_chat">Broadcast to Chat</span></button>
<label class="bubble__expand" for="attr_faction_collapse">
<input name="attr_faction_collapse" type="checkbox"/><span class="bubble__expand--collapse visually-hidden" data-i18n="collapse_content">Collapse Content</span><span class="bubble__expand--expand visually-hidden" data-i18n="expand_content">Expand Content</span>
</label>
</div>
</div>
<div class="bubble__content">
<div class="bubble__collapse"><span name="attr_faction_description"></span>
<label data-i18n="faction_description">Description</label>
</div>
</div>
</article>
</div>
<div class="repeating__delete"><span class="faction__name" name="attr_faction_name"></span>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</section>
<section class="panel authority-factions faction">
<input class="editor__controller" name="attr_authority-factions_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_authority-factions_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header authority-factions__header">
<h2 class="panel__title authority-factions__title" data-i18n="authority-factions">Authorities</h2>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_authority-factions-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_authority-factions_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_authority-factions-editor" type="action">
<input class="edit-toggle__controller" name="attr_authority-factions_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content authority-factions__content">
<div class="repeating">
<input class="repeating__is-empty" name="attr_authority-factions_empty" type="hidden" value="0"/>
<input class="repeating__controller" name="attr_authority-factions_editor" type="hidden" value="on"/>
<div class="repeating__empty">
<div class="repeating__header"><span data-i18n="none_authority-factions_repeating">None authority factions with left beef</span></div>
<div class="repeating__subtitle"></div>
</div>
<fieldset class="repeating_authority-factions">
<div class="repeating__wrapper">
<div class="repeating__edit">
<div class="row faction__edit">
<input name="attr_faction_autogen" type="hidden"/>
<div class="faction__field faction_name col-8">
<input class="faction__faction_name faction__input--text" data-i18n-placeholder="placeholder_faction_name" id="faction_name" name="attr_faction_name" placeholder="Faction" type="text"/>
<label data-i18n="faction_name" for="faction_name">Faction Name</label>
</div>
<div class="faction__field faction_relationship col-4">
<select class="faction__faction_relationship faction__input--select" name="attr_faction_relationship">
<option data-i18n="faction_relationship_ally" value="+3">Ally (+3)</option>
<option data-i18n="faction_relationship_tight" value="+2">Tight (+2)</option>
<option data-i18n="faction_relationship_friendly" value="+1">Friendly (+1)</option>
<option data-i18n="faction_relationship_neutral" selected="selected" value="±0">Neutral (±0)</option>
<option data-i18n="faction_relationship_unfriendly" value="-1">Unfriendly (-1)</option>
<option data-i18n="faction_relationship_rivals" value="-2">Rivals (-2)</option>
<option data-i18n="faction_relationship_enemy" value="-3">Enemy (-3)</option>
<option data-i18n="faction_relationship_unstable" value="!!">Unstable (!!)</option>
</select>
<label data-i18n="faction_relationship" for="faction_relationship">Relationship</label>
</div>
<div class="faction__field faction_description ">
<textarea class="faction__faction_description faction__input--textarea" data-i18n-placeholder="placeholder_faction_description" name="attr_faction_description" placeholder="Description"></textarea>
<label data-i18n="faction_description" for="faction_description">Description</label>
</div>
</div>
</div>
<div class="repeating__view">
<article class="bubble bubble__faction">
<input class="bubble__controller" name="attr_faction_collapse" type="hidden" value="0"/>
<div class="bubble__header">
<div class="faction__view"><span class="faction__relationship" name="attr_faction_relationship"></span><span class="faction__name" name="attr_faction_name"></span>
</div>
<div class="bubble__controls">
<button class="broadcast bubble__broadcast" name="roll_faction-broadcast" type="roll" value="&amp;{template:slugcast} {{character=@{character_name}}} {{title=^{factions}}} {{^{faction_name}=@{faction_name}}} {{^{faction_relationship}=@{faction_relationship}}} {{^{faction_description}=@{faction_description}}}"><span class="pictos">w</span><span class="visually-hidden" data-i18n="broadcast_to_chat">Broadcast to Chat</span></button>
<label class="bubble__expand" for="attr_faction_collapse">
<input name="attr_faction_collapse" type="checkbox"/><span class="bubble__expand--collapse visually-hidden" data-i18n="collapse_content">Collapse Content</span><span class="bubble__expand--expand visually-hidden" data-i18n="expand_content">Expand Content</span>
</label>
</div>
</div>
<div class="bubble__content">
<div class="bubble__collapse"><span name="attr_faction_description"></span>
<label data-i18n="faction_description">Description</label>
</div>
</div>
</article>
</div>
<div class="repeating__delete"><span class="faction__name" name="attr_faction_name"></span>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</section>
<section class="panel sponsor-factions faction">
<input class="editor__controller" name="attr_sponsor-factions_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_sponsor-factions_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header sponsor-factions__header">
<h2 class="panel__title sponsor-factions__title" data-i18n="sponsor-factions">Sponsors</h2>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_sponsor-factions-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_sponsor-factions_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_sponsor-factions-editor" type="action">
<input class="edit-toggle__controller" name="attr_sponsor-factions_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content sponsor-factions__content">
<div class="repeating">
<input class="repeating__is-empty" name="attr_sponsor-factions_empty" type="hidden" value="0"/>
<input class="repeating__controller" name="attr_sponsor-factions_editor" type="hidden" value="on"/>
<div class="repeating__empty">
<div class="repeating__header"><span data-i18n="none_sponsor-factions_repeating">None sponsor factions with left beef</span></div>
<div class="repeating__subtitle"></div>
</div>
<fieldset class="repeating_sponsor-factions">
<div class="repeating__wrapper">
<div class="repeating__edit">
<div class="row faction__edit">
<input name="attr_faction_autogen" type="hidden"/>
<div class="faction__field faction_name col-8">
<input class="faction__faction_name faction__input--text" data-i18n-placeholder="placeholder_faction_name" id="faction_name" name="attr_faction_name" placeholder="Faction" type="text"/>
<label data-i18n="faction_name" for="faction_name">Faction Name</label>
</div>
<div class="faction__field faction_relationship col-4">
<select class="faction__faction_relationship faction__input--select" name="attr_faction_relationship">
<option data-i18n="faction_relationship_ally" value="+3">Ally (+3)</option>
<option data-i18n="faction_relationship_tight" value="+2">Tight (+2)</option>
<option data-i18n="faction_relationship_friendly" value="+1">Friendly (+1)</option>
<option data-i18n="faction_relationship_neutral" selected="selected" value="±0">Neutral (±0)</option>
<option data-i18n="faction_relationship_unfriendly" value="-1">Unfriendly (-1)</option>
<option data-i18n="faction_relationship_rivals" value="-2">Rivals (-2)</option>
<option data-i18n="faction_relationship_enemy" value="-3">Enemy (-3)</option>
<option data-i18n="faction_relationship_unstable" value="!!">Unstable (!!)</option>
</select>
<label data-i18n="faction_relationship" for="faction_relationship">Relationship</label>
</div>
<div class="faction__field faction_description ">
<textarea class="faction__faction_description faction__input--textarea" data-i18n-placeholder="placeholder_faction_description" name="attr_faction_description" placeholder="Description"></textarea>
<label data-i18n="faction_description" for="faction_description">Description</label>
</div>
</div>
</div>
<div class="repeating__view">
<article class="bubble bubble__faction">
<input class="bubble__controller" name="attr_faction_collapse" type="hidden" value="0"/>
<div class="bubble__header">
<div class="faction__view"><span class="faction__relationship" name="attr_faction_relationship"></span><span class="faction__name" name="attr_faction_name"></span>
</div>
<div class="bubble__controls">
<button class="broadcast bubble__broadcast" name="roll_faction-broadcast" type="roll" value="&amp;{template:slugcast} {{character=@{character_name}}} {{title=^{factions}}} {{^{faction_name}=@{faction_name}}} {{^{faction_relationship}=@{faction_relationship}}} {{^{faction_description}=@{faction_description}}}"><span class="pictos">w</span><span class="visually-hidden" data-i18n="broadcast_to_chat">Broadcast to Chat</span></button>
<label class="bubble__expand" for="attr_faction_collapse">
<input name="attr_faction_collapse" type="checkbox"/><span class="bubble__expand--collapse visually-hidden" data-i18n="collapse_content">Collapse Content</span><span class="bubble__expand--expand visually-hidden" data-i18n="expand_content">Expand Content</span>
</label>
</div>
</div>
<div class="bubble__content">
<div class="bubble__collapse"><span name="attr_faction_description"></span>
<label data-i18n="faction_description">Description</label>
</div>
</div>
</article>
</div>
<div class="repeating__delete"><span class="faction__name" name="attr_faction_name"></span>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</section>
<section class="panel crowd-factions faction">
<input class="editor__controller" name="attr_crowd-factions_editor" type="hidden" value="on"/>
<input class="minimizer__controller" name="attr_crowd-factions_minimizer" type="hidden" value="0"/>
<div class="panel__wrapper">
<div class="panel__header crowd-factions__header">
<h2 class="panel__title crowd-factions__title" data-i18n="crowd-factions">Crowds</h2>
<div class="panel__controls">
<button class="minimizer-toggle" name="act_crowd-factions-minimizer" type="action">
<input class="minimizer-toggle__controller" name="attr_crowd-factions_minimizer" type="hidden" value="0"/>
<div class="minimizer-toggle__edit"><span class="visually-hidden" data-i18n="maximize">Maximize</span><span class="pictos" aria-hidden="true">&</span></div>
<div class="minimizer-toggle__view"><span class="visually-hidden" data-i18n="minimize">Minimize</span><span class="pictos" aria-hidden="true">_</span></div>
</button>
<button class="edit-toggle" name="act_crowd-factions-editor" type="action">
<input class="edit-toggle__controller" name="attr_crowd-factions_editor" type="hidden" value="on"/>
<div class="edit-toggle__edit"><span class="visually-hidden" data-i18n="view">View</span><span class="pictos" aria-hidden="true">*</span></div>
<div class="edit-toggle__view"><span class="visually-hidden" data-i18n="edit">Edit</span><span class="pictos" aria-hidden="true">p</span></div>
</button>
</div>
</div>
<div class="panel__content crowd-factions__content">
<div class="repeating">
<input class="repeating__is-empty" name="attr_crowd-factions_empty" type="hidden" value="0"/>
<input class="repeating__controller" name="attr_crowd-factions_editor" type="hidden" value="on"/>
<div class="repeating__empty">
<div class="repeating__header"><span data-i18n="none_crowd-factions_repeating">None crowd factions with left beef</span></div>
<div class="repeating__subtitle"></div>
</div>
<fieldset class="repeating_crowd-factions">
<div class="repeating__wrapper">
<div class="repeating__edit">
<div class="row faction__edit">
<input name="attr_faction_autogen" type="hidden"/>
<div class="faction__field faction_name col-8">
<input class="faction__faction_name faction__input--text" data-i18n-placeholder="placeholder_faction_name" id="faction_name" name="attr_faction_name" placeholder="Faction" type="text"/>
<label data-i18n="faction_name" for="faction_name">Faction Name</label>
</div>
<div class="faction__field faction_relationship col-4">
<select class="faction__faction_relationship faction__input--select" name="attr_faction_relationship">
<option data-i18n="faction_relationship_ally" value="+3">Ally (+3)</option>
<option data-i18n="faction_relationship_tight" value="+2">Tight (+2)</option>
<option data-i18n="faction_relationship_friendly" value="+1">Friendly (+1)</option>
<option data-i18n="faction_relationship_neutral" selected="selected" value="±0">Neutral (±0)</option>
<option data-i18n="faction_relationship_unfriendly" value="-1">Unfriendly (-1)</option>
<option data-i18n="faction_relationship_rivals" value="-2">Rivals (-2)</option>
<option data-i18n="faction_relationship_enemy" value="-3">Enemy (-3)</option>
<option data-i18n="faction_relationship_unstable" value="!!">Unstable (!!)</option>
</select>
<label data-i18n="faction_relationship" for="faction_relationship">Relationship</label>
</div>
<div class="faction__field faction_description ">
<textarea class="faction__faction_description faction__input--textarea" data-i18n-placeholder="placeholder_faction_description" name="attr_faction_description" placeholder="Description"></textarea>
<label data-i18n="faction_description" for="faction_description">Description</label>
</div>
</div>
</div>
<div class="repeating__view">
<article class="bubble bubble__faction">
<input class="bubble__controller" name="attr_faction_collapse" type="hidden" value="0"/>
<div class="bubble__header">
<div class="faction__view"><span class="faction__relationship" name="attr_faction_relationship"></span><span class="faction__name" name="attr_faction_name"></span>
</div>
<div class="bubble__controls">
<button class="broadcast bubble__broadcast" name="roll_faction-broadcast" type="roll" value="&amp;{template:slugcast} {{character=@{character_name}}} {{title=^{factions}}} {{^{faction_name}=@{faction_name}}} {{^{faction_relationship}=@{faction_relationship}}} {{^{faction_description}=@{faction_description}}}"><span class="pictos">w</span><span class="visually-hidden" data-i18n="broadcast_to_chat">Broadcast to Chat</span></button>
<label class="bubble__expand" for="attr_faction_collapse">
<input name="attr_faction_collapse" type="checkbox"/><span class="bubble__expand--collapse visually-hidden" data-i18n="collapse_content">Collapse Content</span><span class="bubble__expand--expand visually-hidden" data-i18n="expand_content">Expand Content</span>
</label>
</div>
</div>
<div class="bubble__content">
<div class="bubble__collapse"><span name="attr_faction_description"></span>
<label data-i18n="faction_description">Description</label>
</div>
</div>
</article>
</div>
<div class="repeating__delete"><span class="faction__name" name="attr_faction_name"></span>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</section>
</div>
</aside>
</aside>
</main>
<main class="options">
<section class="options__main">
<section class="options__col">
<div class="option options__override-attitude">
<label for="attitude_override">
<input id="attitude_override" name="attr_attitude_override" type="checkbox" value="on"/><span data-i18n="attitude_override">Override Attitude</span>
</label>
<div class="option__dropdowns--horizontal">
<input class="options-hide" name="attr_attitude_override" type="hidden" value="0"/>
<div class="option__dropdown">
<select class="options__attitude_boost_set options__input--select" name="attr_attitude_boost_set">
<option data-i18n="0" value="0">+0</option>
<option data-i18n="1" value="1">+1</option>
<option data-i18n="2" value="2">+2</option>
<option data-i18n="3" value="3">+3</option>
<option data-i18n="4" value="4">+4</option>
</select>
<label data-i18n="attitude_boost_set" for="attitude_boost_set">Override Boost</label>
</div>
<div class="option__dropdown">
<select class="options__attitude_kick_set options__input--select" name="attr_attitude_kick_set">
<option data-i18n="0" value="0">+0</option>
<option data-i18n="1" value="1">+1</option>
<option data-i18n="2" value="2">+2</option>
<option data-i18n="3" value="3">+3</option>
<option data-i18n="4" value="4">+4</option>
</select>
<label data-i18n="attitude_kick_set" for="attitude_kick_set">Override Kick</label>
</div>
</div>
</div>
</section>
<aside>
<div class="a-heartfelt-word"><span data-i18n="you_are_small">You are small.</span><br><br><span data-i18n="you_are_just_a_handful_of_parameters">You are just a handful of parameters in the infinite universe generator. A few numbers a quintillion decimal places down the encyclopedia wand. A blip on the timeline, a speck of cosmic dust.</span><br><br><span data-i18n="you_are_also_big">You are also big.</span><br><br><span data-i18n="your_intestines_are">Your intestines are the coil-structured megacity for trillions of bacteria. Whole dimensions are born and collapse in the quantum foam inside you every second. Your dad brings you up in every conversation.</span><br><br><span data-i18n="you_are_someones_world">You are someones world.</span></div>
<div class="sheet-version">
<input name="attr_sheet_version" type="hidden" value="1.0.0"/><span class="visually-hidden" data-i18n="sheet_version">Version</span><span name="attr_sheet_version"></span>
</div>
</aside>
</section>
</main>
<footer class="footer">
<div class="translations"><span class="translation" data-i18n="style_1">1 style</span><span class="translation" data-i18n="style_1_short">1s</span><span class="translation" data-i18n="trouble_1">1 trouble</span><span class="translation" data-i18n="trouble_1_short">1t</span><span class="translation" data-i18n="style_2">2 style</span><span class="translation" data-i18n="style_2_short">2s</span><span class="translation" data-i18n="trouble_2">2 trouble</span><span class="translation" data-i18n="trouble_2_short">2t</span><span class="translation" data-i18n="style_3">3 style</span><span class="translation" data-i18n="style_3_short">3s</span><span class="translation" data-i18n="trouble_3">3 trouble</span><span class="translation" data-i18n="trouble_3_short">3t</span><span class="translation" data-i18n="style_4">4 style</span><span class="translation" data-i18n="style_4_short">4s</span><span class="translation" data-i18n="trouble_4">4 trouble</span><span class="translation" data-i18n="trouble_4_short">4t</span><span class="translation" data-i18n="style_5">5 style</span><span class="translation" data-i18n="style_5_short">5s</span><span class="translation" data-i18n="trouble_5">5 trouble</span><span class="translation" data-i18n="trouble_5_short">5t</span><span class="translation" data-i18n="personal_growth">Personal Growth</span><span class="translation" data-i18n="personal_growth_description">A trait from another personality. How are you changing? Who are you learning from?</span><span class="translation" data-i18n="grit_attitude">Describe how your grit helps your action, then boost or kick as needed. Also, refill 1 attitude whenever you fail any action. When the going gets tough, ya know?</span><span class="translation" data-i18n="grit_style">Get +1 style after runs where you show toughness or focus.</span><span class="translation" data-i18n="something_everyone_else_forgot">Something Everyone Else Forgot</span><span class="translation" data-i18n="backup_portaling_device">Backup Portaling Device</span><span class="translation" data-i18n="patient">Patient</span><span class="translation" data-i18n="patient_description">When you reveal how youve been waiting to act, get +1d6 or +1 kick on your action.</span><span class="translation" data-i18n="sacrifice_your_body">Sacrifice Your Body</span><span class="translation" data-i18n="sacrifice_your_body_description">Take a slam (exhausted, strained, etc.) to get +2d6 to your action. This slam cant be noped or avoided in any way. You gotta actually take it, kid.</span><span class="translation" data-i18n="diligent">Diligent</span><span class="translation" data-i18n="diligent_description">You can reroll In the Lab. Also clear +1 trouble when Being Good once per downtime.</span><span class="translation" data-i18n="walk_it_off">Walk It Off</span><span class="translation" data-i18n="walk_it_off_description">You gain 1 extra slam box. Mark 1 style every time you take a slam.</span><span class="translation" data-i18n="skill">Skill</span><span class="translation" data-i18n="skill_description">Youve spent hours and hours practicing ____________. If this would help you with an action, you can mark 1 trouble to upgrade a 13 result into a 4/5 result.</span><span class="translation" data-i18n="one_song_on_repeat">one song on repeat</span><span class="translation" data-i18n="never_smile">never smile</span><span class="translation" data-i18n="your_drink_matches_your_shoes">your drink matches your shoes</span><span class="translation" data-i18n="sleep_when_youre_dead">sleep when youre dead</span><span class="translation" data-i18n="adult_in_residence">adult-in-residence</span><span class="translation" data-i18n="overachiever">overachiever</span><span class="translation" data-i18n="guts_attitude">Describe how your guts help your action, then boost or kick as needed. Also, refill 1 attitude whenever you attempt a trick, even if you fail. Feel the rush?</span><span class="translation" data-i18n="guts_style">Get +1 style after runs where you show boldness or risk-taking.</span><span class="translation" data-i18n="something_youre_not_supposed_to_have">Something Youre Not Supposed to Have</span><span class="translation" data-i18n="a_portable_speaker">A Portable Speaker</span><span class="translation" data-i18n="show_off">Show Off</span><span class="translation" data-i18n="show_off_description">You get +1d6 when you do a trick. You just cant help it, the spotlight loves you.</span><span class="translation" data-i18n="snake">Snake</span><span class="translation" data-i18n="snake_description">If there is any question about who goes first, its you.</span><span class="translation" data-i18n="double_dare">Double Dare</span><span class="translation" data-i18n="double_dare_description">Instead of taking a dare, you can mark 2 trouble for +2d6 or +2 kick to an action roll.</span><span class="translation" data-i18n="walking_disaster">Walking Disaster</span><span class="translation" data-i18n="walking_disaster_description">You dont just flirt with disaster, youre dating it. You get +1d6 on disaster rolls, and can choose to take a disaster for a willing teammate. If you do, mark 2 style.</span><span class="translation" data-i18n="raw_talent">Raw Talent</span><span class="translation" data-i18n="raw_talent_description">Youve always just been amazing at ____________. If this would help you with an action, you can mark 1 trouble to upgrade a 13 result into a 4/5 result.</span><span class="translation" data-i18n="smarts_attitude">Describe how your smarts help your action, then boost or kick as needed. If you fail, refill any attitude you just spent. You learn from failure.</span><span class="translation" data-i18n="smarts_style">+1 style after runs where you show curiosity or creativity.</span><span class="translation" data-i18n="a_work_in_progress">A Work-In-Progress</span><span class="translation" data-i18n="a_vital_screenshot_or_image_file">A Vital Screenshot or Image File</span><span class="translation" data-i18n="lateral_thinking">Lateral Thinking</span><span class="translation" data-i18n="lateral_thinking_description">When you try a trick with a creative approach, mark 1 style even on failed roll.</span><span class="translation" data-i18n="technobabble">Technobabble</span><span class="translation" data-i18n="technobabble_description">Twice per run, ex- plain something technical with jargon or a fun metaphor for 1 style and +1d6 to a roll.</span><span class="translation" data-i18n="power_user">Power User</span><span class="translation" data-i18n="power_user_description">Gain a secondary signature of your choosing. It shares the turbo pool of your primary one and has space for one mod (sold seperately).</span><span class="translation" data-i18n="actually_reads_the_manual">Actually Reads the Manual</span><span class="translation" data-i18n="actually_reads_the_manual_description">You can break mods down into components and install new mods on the fly. It takes either an action roll or a few minutes.</span><span class="translation" data-i18n="know_how">Know-How</span><span class="translation" data-i18n="know_how_description">You know everything about ____________. If this would help you with an action, you can mark 1 trouble to upgrade a 13 re- sult into a 4/5 result.</span><span class="translation" data-i18n="heart_attitude">Describe how your heart helps your action, then boost or kick as needed. Also, anytime you (or a teammate youre helping) succeed on any action, refill 1 attitude.</span><span class="translation" data-i18n="heart_style">+1 style after runs where you show passion or empathy.</span><span class="translation" data-i18n="something_from_someone_special">Something From Someone Special</span><span class="translation" data-i18n="an_important_pamphlet">An Important Pamphlet</span><span class="translation" data-i18n="team_player">Team Player</span><span class="translation" data-i18n="team_player_description">Mark 1 style whenever you take (or nope) a slam for some- one else. </span><span class="translation" data-i18n="pep_talk">Pep Talk</span><span class="translation" data-i18n="pep_talk_description">Once per run, refill 3 hype or clear a slam for a teammate. What do they need to hear the most right now? </span><span class="translation" data-i18n="middle_finger">Middle Finger</span><span class="translation" data-i18n="middle_finger_description">Once per run, auto- matically get a 6 on any action, no roll required. Add up to 2 kick, baby. Nothing can stand in your way. </span><span class="translation" data-i18n="intuition">Intuition</span><span class="translation" data-i18n="intuition_description">You can always tell who likes/dislikes who, what someone really wants, and if someones vibes are off. </span><span class="translation" data-i18n="passion">Passion</span><span class="translation" data-i18n="passion_description">You care a lot about ___________. If this would help you with an action, you can mark 1 trouble to upgrade a 13 result into a 4/5 result.</span><span class="translation" data-i18n="chill_attitude">Sit back, relax, and get +1d6 to all your actions. Things just tend to work out.</span><span class="translation" data-i18n="chill_style">Get +1 style after runs where you show ease or flow.</span><span class="translation" data-i18n="something_you_found_on_your_way_here">Something You Found on Your Way Here</span><span class="translation" data-i18n="a_pet">A Pet</span><span class="translation" data-i18n="steezey">Steezey</span><span class="translation" data-i18n="steezey_description">Mark 1 style anytime you roll doubles. You look cool without even knowing it.</span><span class="translation" data-i18n="umm_guys">Umm… Guys</span><span class="translation" data-i18n="umm_guys_description">You accidentally notice the stuff everyone else didnt, like hidden panels, perfect skate spots, looming monsters, etc.</span><span class="translation" data-i18n="button_masher">Button Masher</span><span class="translation" data-i18n="button_masher_description">Mark 1 turbo to use a locked mod for the length of one action—or 2 turbo if the mod is from another device. Be careful, potential problems are worse.</span><span class="translation" data-i18n="lucky">Lucky</span><span class="translation" data-i18n="lucky_description">Once per run, dumb luck helps you. A tree falls on a monster, lasers miss as you tie your shoes, you unknowingly give someone a perfect gift, etc.</span><span class="translation" data-i18n="quirk">Quirk</span><span class="translation" data-i18n="quirk_description">For some weird reason, you are good at ___________. If this would help you with an action, you can mark 1 trouble to upgrade a 13 result into a 4/5 result.</span><span class="translation" data-i18n="custom_attitude">Add a custom attitude!</span><span class="translation" data-i18n="custom_style">What makes you unique?</span><span class="translation" data-i18n="power_cell">Power Cell</span><span class="translation" data-i18n="power_cell_cost">2 gems</span><span class="translation" data-i18n="power_cell_description">Turbo gains 1 kick.</span><span class="translation" data-i18n="stabilizer">Stabilizer</span><span class="translation" data-i18n="stabilizer_cost">1 coil, 1 disc</span><span class="translation" data-i18n="stabilizer_description">Turbo gains 1 boost.</span><span class="translation" data-i18n="kitbashed">Kitbashed</span><span class="translation" data-i18n="kitbashed_cost"></span><span class="translation" data-i18n="kitbashed_description">Buy a mod from another device.</span><span class="translation" data-i18n="negafriction_sword_function">Roll to slice, dice, chop, and stab things (or nonlethally smack them with the kinetically-charged sheath).</span><span class="translation" data-i18n="negafriction_sword_description">Negafriction is just what it sounds like: complete nonsense. Normally, friction converts kinetic energy into heat, causing objects to slow down and get warmer. But negafriction swords speed up and get cooler. Just like you!</span><span class="translation" data-i18n="slip_rattle">Slip Rattle</span><span class="translation" data-i18n="slip_rattle_cost">1 Coil, 1 Disc</span><span class="translation" data-i18n="slip_rattle_description">Roll to teleport in universe by slicing spacetime. If you cant see your destination, potential problems are worse.</span><span class="translation" data-i18n="field_projector">Field Projector</span><span class="translation" data-i18n="field_projector_cost">1 Lens, 1 Coil</span><span class="translation" data-i18n="field_projector_description">Roll to temporarily remove the surface friction from a room-sized area near you.</span><span class="translation" data-i18n="ref_coating">Ref Coating</span><span class="translation" data-i18n="ref_coating_cost">1 Lens, 1 Gem</span><span class="translation" data-i18n="ref_coating_description">Avoid slams from lasers and other electromagnetic energy by marking 1 turbo, redirecting the attack wherever you wish.</span><span class="translation" data-i18n="negafriction_wake">Negafriction Wake</span><span class="translation" data-i18n="negafriction_wake_cost">1 Disc, 1 Gem</span><span class="translation" data-i18n="negafriction_wake_description">Roll to boost your speed as your sword accelerates through matter (even air) and pulls you along.</span><span class="translation" data-i18n="subdimensional_edge">Subdimensional Edge</span><span class="translation" data-i18n="subdimensional_edge_cost">2 Gems, 1 Lens, 1 Coil</span><span class="translation" data-i18n="subdimensional_edge_description">You can roll to temporarily slice entire dimensions off of a target, turning a 3D object 2D, for example, or removing someone from the timestream. The target re-coheres after a minute or two. Its not pleasant, but mostly harmless.</span><span class="translation" data-i18n="gravity_blaster_function">Oh, gravity. Thinks its so tough, but even an entire planets worth cant beat the static field generated by a balloon rubbed on your little sisters head. But you gotta love an underdog, and with enough concentrators, excit- ers, and dilators you can still get this one to bark.</span><span class="translation" data-i18n="gravity_blaster_description">Roll to damage things at a distance with a blast of crushing force (or pum- mel stuff with non-lethal grav torrents).</span><span class="translation" data-i18n="endurance_engine">Endurance Engine</span><span class="translation" data-i18n="endurance_engine_cost">1 Coil, 1 Gem</span><span class="translation" data-i18n="endurance_engine_description">Roll to coarsely lift, push, and pull things at a distance, with the accuracy and power of a tractor.</span><span class="translation" data-i18n="agility_pin">Agility Pin</span><span class="translation" data-i18n="agility_pin_cost">1 Lens, 1 Disc</span><span class="translation" data-i18n="agility_pin_description">Roll to manipulate things at a distance with the accuracy and power of two human hands.</span><span class="translation" data-i18n="impulse_rig">Impulse Rig</span><span class="translation" data-i18n="impulse_rig_cost">1 Lens, 1 Coil</span><span class="translation" data-i18n="impulse_rig_description">Roll to launch your- self high in the air, use your beam like a grappling hook, or give yourself a burst of speed.</span><span class="translation" data-i18n="gravity_spasm">Gravity Spasm</span><span class="translation" data-i18n="gravity_spasm_cost">1 Lens, 1 Gem</span><span class="translation" data-i18n="gravity_spasm_description">Mark 1 turbo to avoid a physical slam by creating a brief, invisible force field.</span><span class="translation" data-i18n="field_inverter">Field Inverter</span><span class="translation" data-i18n="field_inverter_cost">2 Coils, 1 Lens, 1 Gem</span><span class="translation" data-i18n="field_inverter_description">Roll to tem- porarily modify the gravity of a room-sized or small- er area you target with your gravity beam. Choose whether the gravity there is increased, decreased, reversed, pointing sideways, etc. Roll each time you want to change it.</span><span class="translation" data-i18n="hardlight_board_function">Create a board made of solid, stable light with this wrist-mounted device. Out of the box, its basically just a standard hoverboard you can use as a nightlight, but a good programmer can unlock its true photonic potential. Hold onto your waveforms!</span><span class="translation" data-i18n="hardlight_board_description">Go fast over solid terrain on a hoverboard made from crystallized light. Make your board non-exist and re-exist at will.</span><span class="translation" data-i18n="photon_vent">Photon Vent</span><span class="translation" data-i18n="photon_vent_cost">1 Coil, 1 Gem</span><span class="translation" data-i18n="photon_vent_description">Roll to create trails of semi-permanent, slightly brittle hardlight behind you, which float in space until they fade.</span><span class="translation" data-i18n="energy_lattice">Energy Lattice</span><span class="translation" data-i18n="energy_lattice_cost">1 Lens, 1 Coil</span><span class="translation" data-i18n="energy_lattice_description">Roll to reform your board into custom shapes, including tools, hand weapons, and other useful objects of a similar size.</span><span class="translation" data-i18n="photon_exciter">Photon Exciter</span><span class="translation" data-i18n="photon_exciter_cost">1 Lens, 1 Coil</span><span class="translation" data-i18n="photon_exciter_description">Roll to damage things you grind, slide, ollie over, or just smack with your board.</span><span class="translation" data-i18n="flicker_switch">Flicker Switch</span><span class="translation" data-i18n="flicker_switch_cost">1 Lens, 1 Gem</span><span class="translation" data-i18n="flicker_switch_description">Avoid a physical slam by marking 1 turbo. You blink out of existence for a second. Whats it feel like?</span><span class="translation" data-i18n="matter_photonizer">Matter Photonizer</span><span class="translation" data-i18n="matter_photonizer_cost">2 Coils, 1 Lens, 1 Gem</span><span class="translation" data-i18n="matter_photonizer_description">Mark 2 turbo to turn yourself (and your gear) into pure light. The rest of the world pauses. You cant affect the paused world, but you can observe and move around in it. Time starts again after about an hour, or once youve moved 100 total feet.</span><span class="translation" data-i18n="hyperoptic_visor_function">Why have your face glued to your phone when you can have your phone glued to your face? Visors, goggles, and other hands-free consoles are popular among nerds, videographers, and anyone who needs to text while eating a footlong sub.</span><span class="translation" data-i18n="hyperoptic_visor_description">Use an advanced HUD to access information, capture pictures and video, send texts, play Ruby Rush, and do everything else you could with a phone.</span><span class="translation" data-i18n="realmware_lens">Realmware Lens</span><span class="translation" data-i18n="realmware_lens_cost">1 Lens, 1 Disc</span><span class="translation" data-i18n="realmware_lens_description">Roll to see ener- gy fields, invisible entities, and in-depth biometrics. Also acts as a spacetime ampimeter (page 64).</span><span class="translation" data-i18n="omniscience_aperture">Omniscience Aperture</span><span class="translation" data-i18n="omniscience_aperture_cost">1 Lens, 1 Coil</span><span class="translation" data-i18n="omniscience_aperture_description">You can see through walls, into objects, and all around you. Also, mark 1 turbo to avoid dodgeable slams.</span><span class="translation" data-i18n="spacetime_periscope">Spacetime Periscope</span><span class="translation" data-i18n="spacetime_periscope_cost">1 Lens, 1 Coil</span><span class="translation" data-i18n="spacetime_periscope_description">Roll to press up against the spacetime membrane and spy on a neighbouring universe.</span><span class="translation" data-i18n="powered_crunk_filter">Powered Crunk Filter</span><span class="translation" data-i18n="powered_crunk_filter_cost">1 Disc, 1 Gem</span><span class="translation" data-i18n="powered_crunk_filter_description">Mark +1 style when you successfully use a trick to take a dope picture or video.</span><span class="translation" data-i18n="adv_neural_imaging">Adv. Neural Imaging</span><span class="translation" data-i18n="adv_neural_imaging_cost">2 Lenses, 1 Coil, 1 Disc</span><span class="translation" data-i18n="adv_neural_imaging_description">You can roll to see and record a subjects active surface thoughts. Its obvious youre doing it, but adding kick allows you to do it secretly and/or zoom into deeper thoughts and memories. Use caution.</span><span class="translation" data-i18n="kinetic_deck_function">Inertial sweepers and momentum cells have been standard in hoverboards for years, allowing higher top speeds for classic kick-push decks. Only recently have slugblasters discovered that a little ballast-modification can break the laws of hoverboard physics completely.</span><span class="translation" data-i18n="kinetic_deck_description">Go fast over solid terrain. Make your board super heavy at will, either as an effective attack or to protect it from theft.</span><span class="translation" data-i18n="proximity_lock">Proximity Lock</span><span class="translation" data-i18n="proximity_lock_cost">2 Discs</span><span class="translation" data-i18n="proximity_lock_description">Your deck returns to you, if possible. May require a roll if the path isnt clear or it faces resistance.</span><span class="translation" data-i18n="stasis_anchor">Stasis Anchor</span><span class="translation" data-i18n="stasis_anchor_cost">1 Coil, 1 Gem</span><span class="translation" data-i18n="stasis_anchor_description">Make your deck completely immovable, floating frozen in space, until you deactivate it.</span><span class="translation" data-i18n="density_pedal">Density Pedal</span><span class="translation" data-i18n="density_pedal_cost">1 Coil, 1 Gem</span><span class="translation" data-i18n="density_pedal_description">Roll to increase or decrease your own mass dramatically. Make your body lighter than air, make your fist heavier than uranium, and dont let anyone push you around.</span><span class="translation" data-i18n="inertial_vortex">Inertial Vortex</span><span class="translation" data-i18n="inertial_vortex_cost">1 Coil, 1 Disc</span><span class="translation" data-i18n="inertial_vortex_description">Roll to subtract momentum from a room-sized area around you, slowing nearby enemies and objects. Alternatively, mark 1 turbo to avoid a slam from kinetic attacks.</span><span class="translation" data-i18n="dimensional_ballast">Dimensional Ballast</span><span class="translation" data-i18n="dimensional_ballast_cost">2 Coils, 1 Gem, 1 Disc</span><span class="translation" data-i18n="dimensional_ballast_description">Roll to decrease your mass drastically by temporarily shedding some of your dimensions! Turn 2D and hide against a wall, or briefly exist outside time! Try adding a dimension even. Why not? You do you.</span><span class="translation" data-i18n="photonic_jacket_function">Metamaterial clothing has been working hard to keep kids atoms intact since slugblasting started, but Mipers Billy Blazer® and similar photonic jackets have taken the scene by storm. Blend into the scenery, stand out from the crowd, and stay alive more to thrive more.</span><span class="translation" data-i18n="photonic_jacket_description">Display colours, images, and patterns on the fabrics surface. Also, nope slams from lasers and other electromagnetic energy for only 1 trouble.</span><span class="translation" data-i18n="flash_patterns">Flash Patterns</span><span class="translation" data-i18n="flash_patterns_cost">1 Lens, 1 Disc</span><span class="translation" data-i18n="flash_patterns_description">Roll to blind, daze, confuse, entrance, or cause seizures in targets that can see your jacket.</span><span class="translation" data-i18n="ambiance_panel">Ambiance Panel</span><span class="translation" data-i18n="ambiance_panel_cost">1 Gem, 1 Coil</span><span class="translation" data-i18n="ambiance_panel_description">Freely program non-realistic, translucent graphics within ten feet of you, or roll to create a more convincing illusion. Preparation and/or image data may be required.</span><span class="translation" data-i18n="photo_bypass">Photo Bypass</span><span class="translation" data-i18n="photo_bypass_cost">1 Coil, 1 Lens</span><span class="translation" data-i18n="photo_bypass_description">Roll to fold normal light around you and blend in with your surround- ings. Remember to put your hood up!</span><span class="translation" data-i18n="hardlight_upscaling">Hardlight Upscaling</span><span class="translation" data-i18n="hardlight_upscaling_cost">1 Lens, 1 Disc</span><span class="translation" data-i18n="hardlight_upscaling_description">Roll to tem- porarily augment your jacket with useful hardlight ornaments such as glowing tentacles, giant polygo- nal fists or briefly serviceable wings.</span><span class="translation" data-i18n="concept_prism">Concept Prism</span><span class="translation" data-i18n="concept_prism_cost">2 Lenses, 1 Gem, 1 Disc</span><span class="translation" data-i18n="concept_prism_description">Mark 1 turbo. You temporarily split into 3d6 colourful in- stances of yourself. They are difficult to control, but tend to act like you would and stay nearby.</span><span class="translation" data-i18n="powered_armour_function">3D-printed armour, repurposed exoskeletons, and Slip- market battle suits didnt hit the scene until fairly recent- ly, but their modular frameworks make them perfect for creative slugblasters looking to do something bespoke and original.</span><span class="translation" data-i18n="powered_armour_description">Nope slams from falls, crushing, hits, and other kinetic damage for only 1 trouble. Don and doff fast via an automated process.</span><span class="translation" data-i18n="heavy_duty_servos">Heavy-Duty Servos</span><span class="translation" data-i18n="heavy_duty_servos_cost">1 Coil, 1 Gem</span><span class="translation" data-i18n="heavy_duty_servos_description">Roll to lift or carry very heavy things, slowly crush things in your hands, or jump great distances.</span><span class="translation" data-i18n="weapons_system">Weapons System</span><span class="translation" data-i18n="weapons_system_cost">1 Lens, 1 Gem</span><span class="translation" data-i18n="weapons_system_description">Roll to attack, at a distance or in melee, lethally or non-lethally, with either attack-speed blows or other weapons you design. What are they?</span><span class="translation" data-i18n="mobility_booster">Mobility Booster</span><span class="translation" data-i18n="mobility_booster_cost">(1 Coil, 1 Disc</span><span class="translation" data-i18n="mobility_booster_description">Roll to go fast over solid terrain, via jet propulsion, mechanized leg engines, etc. Room for 1 passenger.</span><span class="translation" data-i18n="ablatine_plates">Ablatine Plates</span><span class="translation" data-i18n="ablatine_plates_cost">1 Lens, 1 Disc</span><span class="translation" data-i18n="ablatine_plates_description">Avoid one slam from physical damage. Resets during your next In the Lab beat. (Cant stack with 3D-Printed Ablatine.)</span><span class="translation" data-i18n="omega_engine">Omega Engine</span><span class="translation" data-i18n="omega_engine_cost">2 Coils, 2 Gems</span><span class="translation" data-i18n="omega_engine_description">Mark 2 turbo. Your armour transforms for a few minutes, getting bigger, brighter, or cooler in some way. You get +1 kick on all related actions and can roll to create a powerful, room-sized force field which requires focused concentration.</span><span class="translation" data-i18n="reality_cannon_function">If you shine light through a kramshon crystal, you see a brand new colour. If you fire a high-powered beam of coherent photons through a kramshon crystal, you can scramble reality itself. And guess what! Most things, including monsters, are made of reality! Have fun!</span><span class="translation" data-i18n="reality_cannon_description">Roll to scramble things with a powerful reality beam (either destruc- tive and permanent, or unpleasant and temporary).</span><span class="translation" data-i18n="parameter_dial">Parameter Dial</span><span class="translation" data-i18n="parameter_dial_cost">2 Discs</span><span class="translation" data-i18n="parameter_dial_description">Roll to temporarily shift or calibrate minor features of a target, like colour, texture, volume, odor, temperature, etc.</span><span class="translation" data-i18n="exponent_coil">Exponent Coil</span><span class="translation" data-i18n="exponent_coil_cost">1 Coil, 1 Gem</span><span class="translation" data-i18n="exponent_coil_description">Roll to temporarily create 2d6 alternate versions of a subject or ob- ject. They appear nearby. One is usually evil.</span><span class="translation" data-i18n="subjectivity_diode">Subjectivity Diode</span><span class="translation" data-i18n="subjectivity_diode_cost">1 Lens, 1 Gem</span><span class="translation" data-i18n="subjectivity_diode_description">Create a tem- porary illusionary reality for a specific target. The effect happens within their senses.</span><span class="translation" data-i18n="matter_lens">Matter Lens</span><span class="translation" data-i18n="matter_lens_cost">1 Lens, 1 Disc</span><span class="translation" data-i18n="matter_lens_description">Roll to create large amounts of soft, amorphous matter, which coheres into random objects and terrain with time. Specific, complex, or immediate forms may require kick.</span><span class="translation" data-i18n="concept_inverter">Concept Inverter</span><span class="translation" data-i18n="concept_inverter_cost">2 Gems, 2 Discs</span><span class="translation" data-i18n="concept_inverter_description">Roll to invert a targets adjective—something “dry” might turn “wet,” for example. You choose. Adjectives are relative to yourself (i.e., an elephant is “big”). As always, substantial or dramatic results (“living” to “dead,” etc.) may require kick or multiple rolls.</span><span class="translation" data-i18n="riftninja_sneakers_function">Riftninja sneakers are branded as performance-wear for pro-level capture-the-flag athletes, hoping to distance themselves from their core market of graffiti artists, van- dals, thieves, and kids trying to sneak out of the house.</span><span class="translation" data-i18n="riftninja_sneakers_description">Use astral phasing to become slightly not here, ghostly and ethe- real, which can help you sneak around.</span><span class="translation" data-i18n="hyperphaser">Hyperphaser</span><span class="translation" data-i18n="hyperphaser_cost">1 Lens, 1 Gem</span><span class="translation" data-i18n="hyperphaser_description">You can roll to phase through walls and other matter.</span><span class="translation" data-i18n="anti_negafriction_outsoles">Anti-Negafriction Outsoles</span><span class="translation" data-i18n="anti_negafriction_outsoles_cost">1 Gem, 1 Disc</span><span class="translation" data-i18n="anti_negafriction_outsoles_description">You can run up walls, hang from ceilings, etc. Complex or risky maneuvers may require a roll, as usual.</span><span class="translation" data-i18n="powered_midsoles">Powered Midsoles</span><span class="translation" data-i18n="powered_midsoles_cost">1 Coil, 1 Gem</span><span class="translation" data-i18n="powered_midsoles_description">Run, jump, and slide super fast, easily keeping up with hoverboards.</span><span class="translation" data-i18n="reaction_switch">Reaction Switch</span><span class="translation" data-i18n="reaction_switch_cost">1 Coil, 1 Disc</span><span class="translation" data-i18n="reaction_switch_description">Mark 1 turbo to avoid a physical slam by turning ghostly just before it hits.</span><span class="translation" data-i18n="plane_haunt">Plane Haunt</span><span class="translation" data-i18n="plane_haunt_cost">2 Lenses, 2 Gems</span><span class="translation" data-i18n="plane_haunt_description">Spend 1 turbo to create a extra version of yourself. You share resources and can roll to swap minds. Ends after a few hours or whenever one of you takes a slam and disintegrates horribly (that slam lingers with the remaining “you” as concept shock). Also, mark 1 turbo to clear 2 trouble. There was a you covering at home this whole time.</span><span class="translation" data-i18n="robotic_companion_function">Loners, geniuses, and kids with too much love to give all inevitably create signature devices capable of feeling things. Is it a hovering companion drone, a lumbering utility mech, an inflatable personal healthcare assistant, or something else?</span><span class="translation" data-i18n="robotic_companion_description">As smart and loyal as a dog. Can follow closely, lift and carry things you could, communicate vaguely, and you can roll to have it do simple tasks, like fetch.</span><span class="translation" data-i18n="weapons">Weapons</span><span class="translation" data-i18n="weapons_cost">1 Coil, 1 Gem</span><span class="translation" data-i18n="weapons_description">Roll to have your robot attack, at a distance or in melee, lethally or non- lethally, with weapons youve designed. What are they?</span><span class="translation" data-i18n="mobility_boosters">Mobility Boosters</span><span class="translation" data-i18n="mobility_boosters_cost">1 Lens, 1 Disc</span><span class="translation" data-i18n="mobility_boosters_description">Roll to have your robot go really fast. Can carry a passenger or two. Ditch the hoverboard and hop on.</span><span class="translation" data-i18n="heavy_duty_servos">Heavy-Duty Servos</span><span class="translation" data-i18n="heavy_duty_servos_cost">1 Coil, 1 Gem</span><span class="translation" data-i18n="heavy_duty_servos_description">Roll to have your robot lift or carry very heavy things, slowly crush things in its hands, or jump great distances.</span><span class="translation" data-i18n="guardian_mode">Guardian Mode</span><span class="translation" data-i18n="guardian_mode_cost">1 Lens, 1 Gem</span><span class="translation" data-i18n="guardian_mode_description">Mark 1 turbo to have your robot protect you or a nearby teammate from a physical slam.</span><span class="translation" data-i18n="neural_network">Neural Network</span><span class="translation" data-i18n="neural_network_cost">4 discs</span><span class="translation" data-i18n="neural_network_description">Your robot now has the intelligence, communication skills, and common sense of a human child, and grows smarter and more independent each day. Mark 1 legacy. They grow up so fast.</span><span class="translation" data-i18n="skipmode_runners_function">Skip boring. Skip average. Skip to the good part with Skipmode runners. The commercial shows a kid fast-for- warding through his homework, but everyone knew it was just clever marketing for a fairly average modular shoe. Until sluggers got ahold of them...</span><span class="translation" data-i18n="skipmode_runners_description">Use your powered midsoles to run, jump, and slide super fast, easily keeping up with hoverboards.</span><span class="translation" data-i18n="anti_negafriction_outsoles">Anti-Negafriction Outsoles</span><span class="translation" data-i18n="anti_negafriction_outsoles_cost">1 Gem, 1 Disc</span><span class="translation" data-i18n="anti_negafriction_outsoles_description">You can run up walls, hang from ceilings, etc. Complex or risky maneuvers may require a roll, as usual.</span><span class="translation" data-i18n="energy_tenser">Energy Tenser</span><span class="translation" data-i18n="energy_tenser_cost">1 Coil, 1 Disc</span><span class="translation" data-i18n="energy_tenser_description">With a running start, roll to teleport in-universe. If you cant see your destination, potential problems are worse.</span><span class="translation" data-i18n="temporal_scrubber">Temporal Scrubber</span><span class="translation" data-i18n="temporal_scrubber_cost">1 Lens, 1 Gem</span><span class="translation" data-i18n="temporal_scrubber_description">Reveal youve been fast-forwarding through most of this snooze fest. Refill 1 hype. Mark 1 trouble and try not to think about all youve missed by not being present. Being constantly stoked is not the same as living.</span><span class="translation" data-i18n="chrono_clip">Chrono Clip</span><span class="translation" data-i18n="chrono_clip_cost">1 Disc, 1 Gem</span><span class="translation" data-i18n="chrono_clip_description">Mark 1 turbo to avoid a physical slam by skipping a few seconds into the future. Others think you disappeared briefly.</span><span class="translation" data-i18n="causality_hoop">Causality Hoop</span><span class="translation" data-i18n="causality_hoop_cost">2 Gems, 1 Lens, 1 Coil</span><span class="translation" data-i18n="causality_hoop_description">Mark 2 turbo to rewind time a few seconds and retry an ac- tion, warn someone of a slam, change tactics, etc. (Due to, uh, temporal rippling, game resources like boost, trouble, etc. still stay as they are, however.)</span><span class="translation" data-i18n="voidwear_backpack_function">The back-breaking sport of shoulder-hoarding was transformed by Mipers iconic, ubiquitous Voidwear® backpack, which uses [stolen] proprietary shipping technology to allow you to carry the contents of your bedroom in a simple 1-pocket cinch.</span><span class="translation" data-i18n="voidwear_backpack_description">Store any amount of objects smaller than a person in your bags pocket dimension. Roll to see if you happen to have a specific everyday item in there.</span><span class="translation" data-i18n="astral_intake">Astral Intake</span><span class="translation" data-i18n="astral_intake_cost">1 Coil, 1 Disc</span><span class="translation" data-i18n="astral_intake_description">Mark 1 turbo and roll to pull a unique, specialized, or implausible item from the multiverse, like antitoxin, an alien lifeform, or almost the exact keycard you need.</span><span class="translation" data-i18n="omni_siphon">Omni-Siphon</span><span class="translation" data-i18n="omni_siphon_cost">1 Coil, 1 Gem</span><span class="translation" data-i18n="omni_siphon_description">Roll to vent a cocktail of energy from the multiverse. Use it as a makeshift weapon, jump pack, or charging station.</span><span class="translation" data-i18n="chaos_vent">Chaos Vent</span><span class="translation" data-i18n="chaos_vent_cost">1 Coil, 1 Disc</span><span class="translation" data-i18n="chaos_vent_description">Mark 1 turbo. Turn your bag into a one-way portal to a randomly selected world. The bag goes with you.</span><span class="translation" data-i18n="collapsible_panels">Collapsible Panels</span><span class="translation" data-i18n="collapsible_panels_cost">1 Coil</span><span class="translation" data-i18n="collapsible_panels_description">You can fold your bag into itself, leaving only a single zipper tab in your hand, which can be used to reopen the bag.</span><span class="translation" data-i18n="reversible_zipper">Reversible Zipper</span><span class="translation" data-i18n="reversible_zipper_cost">2 Coils, 1 Gem, 1 Disc</span><span class="translation" data-i18n="reversible_zipper_description">Roll to turn your bag inside out. You and everyone and everything in a room-sized area are now floating inside your bag, surrounded by all your junk. Outside observers simply see a bag lying on the ground.</span><span class="translation" data-i18n="brb">BRB</span><span class="translation" data-i18n="brb_description">A crew of straight-laced, athletic, and super competitive laserbladers.</span><span class="translation" data-i18n="jet_collective">Jet Collective</span><span class="translation" data-i18n="jet_collective_description">A large crew of inclusive activists with an addiction to petty drama.</span><span class="translation" data-i18n="null_range">Null Range</span><span class="translation" data-i18n="null_range_description">An obnoxious, anti-authoritarian crew of older kids from Hillview.</span><span class="translation" data-i18n="lazy_bunny">Lazy Bunny</span><span class="translation" data-i18n="lazy_bunny_description">Super mainstream, super broish, super nice live-streamers having their moment.</span><span class="translation" data-i18n="the_wicks">The Wicks</span><span class="translation" data-i18n="the_wicks_description">A crew of young, rowdy, disenfranchised up-and-comers.</span><span class="translation" data-i18n="miper">Miper</span><span class="translation" data-i18n="miper_description">A sleek, idealistic big-tech company.</span><span class="translation" data-i18n="hardecker">Hardecker.</span><span class="translation" data-i18n="hardecker_description">A clueless blue-collar brand thats just been made cool.</span><span class="translation" data-i18n="wilkies">Wilkies</span><span class="translation" data-i18n="wilkies_description">Candy, toys, energy drinks, x-treme sports.</span><span class="translation" data-i18n="scram_cat">Scram Cat</span><span class="translation" data-i18n="scram_cat_description">The original indie slugblasting shop, in the process of becoming a Miper subsidiary.</span><span class="translation" data-i18n="fust">FUST</span><span class="translation" data-i18n="fust_description">Last real indie sponsor, owned/operated by total a-holes.</span><span class="translation" data-i18n="dara">DARA</span><span class="translation" data-i18n="dara_description">Big, mysterious research facility. Its Rescue division act as Hillviews portal cops.</span><span class="translation" data-i18n="the_arborists">The Arborists</span><span class="translation" data-i18n="the_arborists_description">An ancient sect of planeswalkers from Thennis Spar.</span><span class="translation" data-i18n="shimmer">Shimmer</span><span class="translation" data-i18n="shimmer_description">Transversal criminal syndicate.</span><span class="translation" data-i18n="doorways">Doorways</span><span class="translation" data-i18n="doorways_description">Concerned parent group from Hillview.</span><span class="translation" data-i18n="the_old_guard">The Old Guard</span><span class="translation" data-i18n="the_old_guard_description">Promoters, magazine editors, and retired slugblasters.</span><span class="translation" data-i18n="the_thrashers">The Thrashers</span><span class="translation" data-i18n="the_thrashers_description">The partiers, hipsters, and artists. They value authenticity, aesthetic, and attitude.</span><span class="translation" data-i18n="the_heads">The Heads</span><span class="translation" data-i18n="the_heads_description">The nerds, athletes, and aficionados. They value skill and innovation.</span><span class="translation" data-i18n="the_mavens">The Mavens</span><span class="translation" data-i18n="the_mavens_description">The activists, punks, and die-hards. They value community and standing for something.</span><span class="translation" data-i18n="the_freaks">The Freaks</span><span class="translation" data-i18n="the_freaks_description">The ravers, crusties, and oddballs. They value originality and expression.</span><span class="translation" data-i18n="the_normies">The Normies</span><span class="translation" data-i18n="the_normies_description">The mainstreamers, pre-teens, and basics. They value fun.</span>
</div>
</footer>
</div>
</div>
<rolltemplate class="sheet-rolltemplate-slugblaster">
<div class="sheet-roll">
<div class="sheet-roll__header"><span class="sheet-roll__header--character_name">{{ character }}</span>{{#trick}}<span class="sheet-roll__header--trick" data-i18n="saying_check_it_and">says “Check It” and</span>{{/trick}}{{^disaster}}<span class="sheet-roll__header--take-action" data-i18n="takes_action">takes action</span>{{/disaster}}{{#disaster}}<span class="sheet-roll__header--take-action" data-i18n="luck_runs_out">runs out of luck</span>{{/disaster}}
</div>
<div class="sheet-roll__content">
<div class="sheet-roll__title">{{ title }}</div>{{#subtitle}}
<div class="sheet-roll__subtitle">{{ subtitle }}</div>{{/subtitle}}
<div class="sheet-roll__dice">{{#die1}}{{#rollBetween() computed::die1 1 1}}
<div class="sheet-roll__die"><span class="sheet-roll__die--1">1<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-01.svg"/></span></div>{{/rollBetween() computed::die1 1 1}}{{#rollBetween() computed::die1 2 2}}
<div class="sheet-roll__die"><span class="sheet-roll__die--2">2<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-02.svg"/></span></div>{{/rollBetween() computed::die1 2 2}}{{#rollBetween() computed::die1 3 3}}
<div class="sheet-roll__die"><span class="sheet-roll__die--3">3<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-03.svg"/></span></div>{{/rollBetween() computed::die1 3 3}}{{#rollBetween() computed::die1 4 4}}
<div class="sheet-roll__die"><span class="sheet-roll__die--4">4<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-04.svg"/></span></div>{{/rollBetween() computed::die1 4 4}}{{#rollBetween() computed::die1 5 5}}
<div class="sheet-roll__die"><span class="sheet-roll__die--5">5<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-05.svg"/></span></div>{{/rollBetween() computed::die1 5 5}}{{#rollBetween() computed::die1 6 6}}
<div class="sheet-roll__die"><span class="sheet-roll__die--6">6<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-06.svg"/></span></div>{{/rollBetween() computed::die1 6 6}}{{/die1}}{{#die2}}{{#rollBetween() computed::die2 1 1}}
<div class="sheet-roll__die"><span class="sheet-roll__die--1">1<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-01.svg"/></span></div>{{/rollBetween() computed::die2 1 1}}{{#rollBetween() computed::die2 2 2}}
<div class="sheet-roll__die"><span class="sheet-roll__die--2">2<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-02.svg"/></span></div>{{/rollBetween() computed::die2 2 2}}{{#rollBetween() computed::die2 3 3}}
<div class="sheet-roll__die"><span class="sheet-roll__die--3">3<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-03.svg"/></span></div>{{/rollBetween() computed::die2 3 3}}{{#rollBetween() computed::die2 4 4}}
<div class="sheet-roll__die"><span class="sheet-roll__die--4">4<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-04.svg"/></span></div>{{/rollBetween() computed::die2 4 4}}{{#rollBetween() computed::die2 5 5}}
<div class="sheet-roll__die"><span class="sheet-roll__die--5">5<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-05.svg"/></span></div>{{/rollBetween() computed::die2 5 5}}{{#rollBetween() computed::die2 6 6}}
<div class="sheet-roll__die"><span class="sheet-roll__die--6">6<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-06.svg"/></span></div>{{/rollBetween() computed::die2 6 6}}{{/die2}}{{#die3}}{{#rollBetween() computed::die3 1 1}}
<div class="sheet-roll__die"><span class="sheet-roll__die--1">1<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-01.svg"/></span></div>{{/rollBetween() computed::die3 1 1}}{{#rollBetween() computed::die3 2 2}}
<div class="sheet-roll__die"><span class="sheet-roll__die--2">2<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-02.svg"/></span></div>{{/rollBetween() computed::die3 2 2}}{{#rollBetween() computed::die3 3 3}}
<div class="sheet-roll__die"><span class="sheet-roll__die--3">3<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-03.svg"/></span></div>{{/rollBetween() computed::die3 3 3}}{{#rollBetween() computed::die3 4 4}}
<div class="sheet-roll__die"><span class="sheet-roll__die--4">4<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-04.svg"/></span></div>{{/rollBetween() computed::die3 4 4}}{{#rollBetween() computed::die3 5 5}}
<div class="sheet-roll__die"><span class="sheet-roll__die--5">5<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-05.svg"/></span></div>{{/rollBetween() computed::die3 5 5}}{{#rollBetween() computed::die3 6 6}}
<div class="sheet-roll__die"><span class="sheet-roll__die--6">6<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-06.svg"/></span></div>{{/rollBetween() computed::die3 6 6}}{{/die3}}{{#die4}}{{#rollBetween() computed::die4 1 1}}
<div class="sheet-roll__die"><span class="sheet-roll__die--1">1<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-01.svg"/></span></div>{{/rollBetween() computed::die4 1 1}}{{#rollBetween() computed::die4 2 2}}
<div class="sheet-roll__die"><span class="sheet-roll__die--2">2<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-02.svg"/></span></div>{{/rollBetween() computed::die4 2 2}}{{#rollBetween() computed::die4 3 3}}
<div class="sheet-roll__die"><span class="sheet-roll__die--3">3<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-03.svg"/></span></div>{{/rollBetween() computed::die4 3 3}}{{#rollBetween() computed::die4 4 4}}
<div class="sheet-roll__die"><span class="sheet-roll__die--4">4<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-04.svg"/></span></div>{{/rollBetween() computed::die4 4 4}}{{#rollBetween() computed::die4 5 5}}
<div class="sheet-roll__die"><span class="sheet-roll__die--5">5<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-05.svg"/></span></div>{{/rollBetween() computed::die4 5 5}}{{#rollBetween() computed::die4 6 6}}
<div class="sheet-roll__die"><span class="sheet-roll__die--6">6<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-06.svg"/></span></div>{{/rollBetween() computed::die4 6 6}}{{/die4}}{{#die5}}{{#rollBetween() computed::die5 1 1}}
<div class="sheet-roll__die"><span class="sheet-roll__die--1">1<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-01.svg"/></span></div>{{/rollBetween() computed::die5 1 1}}{{#rollBetween() computed::die5 2 2}}
<div class="sheet-roll__die"><span class="sheet-roll__die--2">2<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-02.svg"/></span></div>{{/rollBetween() computed::die5 2 2}}{{#rollBetween() computed::die5 3 3}}
<div class="sheet-roll__die"><span class="sheet-roll__die--3">3<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-03.svg"/></span></div>{{/rollBetween() computed::die5 3 3}}{{#rollBetween() computed::die5 4 4}}
<div class="sheet-roll__die"><span class="sheet-roll__die--4">4<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-04.svg"/></span></div>{{/rollBetween() computed::die5 4 4}}{{#rollBetween() computed::die5 5 5}}
<div class="sheet-roll__die"><span class="sheet-roll__die--5">5<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-05.svg"/></span></div>{{/rollBetween() computed::die5 5 5}}{{#rollBetween() computed::die5 6 6}}
<div class="sheet-roll__die"><span class="sheet-roll__die--6">6<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-06.svg"/></span></div>{{/rollBetween() computed::die5 6 6}}{{/die5}}{{#die6}}{{#rollBetween() computed::die6 1 1}}
<div class="sheet-roll__die"><span class="sheet-roll__die--1">1<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-01.svg"/></span></div>{{/rollBetween() computed::die6 1 1}}{{#rollBetween() computed::die6 2 2}}
<div class="sheet-roll__die"><span class="sheet-roll__die--2">2<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-02.svg"/></span></div>{{/rollBetween() computed::die6 2 2}}{{#rollBetween() computed::die6 3 3}}
<div class="sheet-roll__die"><span class="sheet-roll__die--3">3<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-03.svg"/></span></div>{{/rollBetween() computed::die6 3 3}}{{#rollBetween() computed::die6 4 4}}
<div class="sheet-roll__die"><span class="sheet-roll__die--4">4<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-04.svg"/></span></div>{{/rollBetween() computed::die6 4 4}}{{#rollBetween() computed::die6 5 5}}
<div class="sheet-roll__die"><span class="sheet-roll__die--5">5<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-05.svg"/></span></div>{{/rollBetween() computed::die6 5 5}}{{#rollBetween() computed::die6 6 6}}
<div class="sheet-roll__die"><span class="sheet-roll__die--6">6<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-06.svg"/></span></div>{{/rollBetween() computed::die6 6 6}}{{/die6}}{{#die7}}{{#rollBetween() computed::die7 1 1}}
<div class="sheet-roll__die"><span class="sheet-roll__die--1">1<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-01.svg"/></span></div>{{/rollBetween() computed::die7 1 1}}{{#rollBetween() computed::die7 2 2}}
<div class="sheet-roll__die"><span class="sheet-roll__die--2">2<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-02.svg"/></span></div>{{/rollBetween() computed::die7 2 2}}{{#rollBetween() computed::die7 3 3}}
<div class="sheet-roll__die"><span class="sheet-roll__die--3">3<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-03.svg"/></span></div>{{/rollBetween() computed::die7 3 3}}{{#rollBetween() computed::die7 4 4}}
<div class="sheet-roll__die"><span class="sheet-roll__die--4">4<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-04.svg"/></span></div>{{/rollBetween() computed::die7 4 4}}{{#rollBetween() computed::die7 5 5}}
<div class="sheet-roll__die"><span class="sheet-roll__die--5">5<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-05.svg"/></span></div>{{/rollBetween() computed::die7 5 5}}{{#rollBetween() computed::die7 6 6}}
<div class="sheet-roll__die"><span class="sheet-roll__die--6">6<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-06.svg"/></span></div>{{/rollBetween() computed::die7 6 6}}{{/die7}}{{#die8}}{{#rollBetween() computed::die8 1 1}}
<div class="sheet-roll__die"><span class="sheet-roll__die--1">1<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-01.svg"/></span></div>{{/rollBetween() computed::die8 1 1}}{{#rollBetween() computed::die8 2 2}}
<div class="sheet-roll__die"><span class="sheet-roll__die--2">2<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-02.svg"/></span></div>{{/rollBetween() computed::die8 2 2}}{{#rollBetween() computed::die8 3 3}}
<div class="sheet-roll__die"><span class="sheet-roll__die--3">3<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-03.svg"/></span></div>{{/rollBetween() computed::die8 3 3}}{{#rollBetween() computed::die8 4 4}}
<div class="sheet-roll__die"><span class="sheet-roll__die--4">4<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-04.svg"/></span></div>{{/rollBetween() computed::die8 4 4}}{{#rollBetween() computed::die8 5 5}}
<div class="sheet-roll__die"><span class="sheet-roll__die--5">5<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-05.svg"/></span></div>{{/rollBetween() computed::die8 5 5}}{{#rollBetween() computed::die8 6 6}}
<div class="sheet-roll__die"><span class="sheet-roll__die--6">6<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-06.svg"/></span></div>{{/rollBetween() computed::die8 6 6}}{{/die8}}{{#die9}}{{#rollBetween() computed::die9 1 1}}
<div class="sheet-roll__die"><span class="sheet-roll__die--1">1<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-01.svg"/></span></div>{{/rollBetween() computed::die9 1 1}}{{#rollBetween() computed::die9 2 2}}
<div class="sheet-roll__die"><span class="sheet-roll__die--2">2<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-02.svg"/></span></div>{{/rollBetween() computed::die9 2 2}}{{#rollBetween() computed::die9 3 3}}
<div class="sheet-roll__die"><span class="sheet-roll__die--3">3<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-03.svg"/></span></div>{{/rollBetween() computed::die9 3 3}}{{#rollBetween() computed::die9 4 4}}
<div class="sheet-roll__die"><span class="sheet-roll__die--4">4<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-04.svg"/></span></div>{{/rollBetween() computed::die9 4 4}}{{#rollBetween() computed::die9 5 5}}
<div class="sheet-roll__die"><span class="sheet-roll__die--5">5<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-05.svg"/></span></div>{{/rollBetween() computed::die9 5 5}}{{#rollBetween() computed::die9 6 6}}
<div class="sheet-roll__die"><span class="sheet-roll__die--6">6<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-06.svg"/></span></div>{{/rollBetween() computed::die9 6 6}}{{/die9}}{{#die10}}{{#rollBetween() computed::die10 1 1}}
<div class="sheet-roll__die"><span class="sheet-roll__die--1">1<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-01.svg"/></span></div>{{/rollBetween() computed::die10 1 1}}{{#rollBetween() computed::die10 2 2}}
<div class="sheet-roll__die"><span class="sheet-roll__die--2">2<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-02.svg"/></span></div>{{/rollBetween() computed::die10 2 2}}{{#rollBetween() computed::die10 3 3}}
<div class="sheet-roll__die"><span class="sheet-roll__die--3">3<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-03.svg"/></span></div>{{/rollBetween() computed::die10 3 3}}{{#rollBetween() computed::die10 4 4}}
<div class="sheet-roll__die"><span class="sheet-roll__die--4">4<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-04.svg"/></span></div>{{/rollBetween() computed::die10 4 4}}{{#rollBetween() computed::die10 5 5}}
<div class="sheet-roll__die"><span class="sheet-roll__die--5">5<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-05.svg"/></span></div>{{/rollBetween() computed::die10 5 5}}{{#rollBetween() computed::die10 6 6}}
<div class="sheet-roll__die"><span class="sheet-roll__die--6">6<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Slugblaster/assets/dice/dice-06.svg"/></span></div>{{/rollBetween() computed::die10 6 6}}{{/die10}}
</div>{{#action}}
<div class="sheet-roll__result">{{#rollBetween() roll 6 6}}
{{ roll }}
&nbsp;<span class="sheet-roll__result--label" data-i18n="roll_success">Success!</span>&nbsp;<span data-i18n="roll_success_description">You do it!</span>{{/rollBetween() roll 6 6}}{{#rollBetween() roll 4 5}}
{{ roll }}
&nbsp;<span class="sheet-roll__result--label" data-i18n="roll_mixed_success">Mixed success.</span>&nbsp;<span data-i18n="roll_mixed_success_description">You do it, but theres a problem.</span>{{/rollBetween() roll 4 5}}{{#rollBetween() roll 0 3}}
{{ roll }}
&nbsp;<span class="sheet-roll__result--label" data-i18n="roll_failure">Failure.</span>&nbsp;<span data-i18n="roll_failure_description">You dont do it, and theres a problem.</span>{{/rollBetween() roll 0 3}}
</div>
<div class="sheet-roll__modifiers">
<div class="sheet-roll__boosts">
<label data-i18n="boosts">Boosts</label><span class="sheet-roll__value">{{ boosts }}</span>
</div>
<div class="sheet-roll__kicks">
<label data-i18n="kicks">Kicks</label><span class="sheet-roll__value">{{ kicks }}</span>
</div>{{^choose_dare}}
<div class="sheet-roll__dares">
<label data-i18n="dare">Dare</label>{{#plus_1d6}}<span data-i18n="plus_1d6">+1d6</span>{{/plus_1d6}}{{#plus_kick}}<span data-i18n="plus_kick">1 kick</span>{{/plus_kick}}{{#clear_trouble}}<span data-i18n="clear_trouble">clear 1 trouble</span>{{/clear_trouble}}
</div>{{/choose_dare}}
</div>{{/action}}{{#disaster}}
<div class="sheet-roll__result">{{#rollBetween() roll 6 6}}
{{ roll }}
&nbsp;<span class="sheet-roll__result--label" data-i18n="roll_disaster_success">Easy street.</span>&nbsp;<span data-i18n="roll_disaster_success_description">Avoid disaster and mark 1 style.</span>{{/rollBetween() roll 6 6}}{{#rollBetween() roll 4 5}}
{{ roll }}
&nbsp;<span class="sheet-roll__result--label" data-i18n="roll_disaster_mixed_success">Close call!</span>&nbsp;<span data-i18n="roll_disaster_mixed_success_description">Avoid disaster but mark 1 trouble.</span>{{/rollBetween() roll 4 5}}{{#rollBetween() roll 0 3}}
{{ roll }}
&nbsp;<span class="sheet-roll__result--label" data-i18n="roll_disaster_failure">Disaster strikes!</span>&nbsp;<span data-i18n="roll_disaster_failure_description">Something really bad happens (page 147). Mark doom.</span>{{/rollBetween() roll 0 3}}
</div>{{/disaster}}
</div>
</div>
</rolltemplate>
<rolltemplate class="sheet-rolltemplate-slugcast">
<div class="sheet-roll">
<div class="sheet-roll__header"><span class="sheet-roll__header--character_name">{{ character }}</span><span class="sheet-roll__header--take-action" data-i18n="shares_with_the_class">shares with the class</span></div>
<div class="sheet-roll__content">
<div class="sheet-roll__title">{{ title }}</div>
<div class="sheet-roll__subtitle">{{ subtitle }}</div>
<div class="sheet-roll__broadcast">{{#allprops() character title subtitle}}
<div class="sheet-roll__broadcast-item"><span class="sheet-roll__broadcast--value">{{value}}</span>
<label class="sheet-roll__broadcast--key">{{key}}</label>
</div>{{/allprops() character title subtitle}}
</div>
</div>
</div>
</rolltemplate>
<!-- === WORKERS ===-->
<script type="text/worker">
/**
*
* @param {*} params
* @returns
*/
const makeRollTemplate = (params) => {
const { title, subtitle, type, trick, dice, boosts, kicks } = params;
const roll = params.roll || '[[1d6]]';
const template = [
'&{template:slugblaster}',
'{{character=@{character_name}}}',
`{{title=${title}}}`,
subtitle ? `{{subtitle=${subtitle}}}` : '',
`{{${type}=true}}`,
`{{roll=${roll}}}`,
'{{result=[[0]]}}',
];
if (trick) template.push('{{trick=true}}');
if (type === 'action') {
template.push('{{@{dicetray_dare}=true}}');
template.push(`{{boosts=${boosts}}}`);
template.push(`{{kicks=${kicks}}}`);
}
Array.from(Array(dice).keys(), (die) => {
template.push(`{{die${die + 1}=[[0]]}}`);
});
return template.filter((line) => line).join(' ');
};
const handleRollResults = async (results) => {
const final = {};
const { result, dice } = results.roll;
dice.forEach((die, index) => {
const key = `die${index + 1}`;
final[key] = die;
});
final.result = result <= 3 ? 'fail' : result <= 5 ? 'mixed' : result === 6 ? 'success' : 'unk';
return final;
};
const makeRoll = async (template) => {
const result = await startRoll(template);
const { rollId, results } = result;
const parsed = await handleRollResults(results);
finishRoll(rollId, parsed);
};
const makeCharacterRoll = (trick = false) => {
const request = ['dicetray_boosts', 'dicetray_kicks', 'dicetray_dare'];
getAttrs(request, (values) => {
const boosts = +values.dicetray_boosts || 0;
const kicks = +values.dicetray_kicks || 0;
const dare = values.dicetray_dare || '';
const dice = 1 + boosts + (dare === 'plus_1d6' ? 1 : 0);
const kick = 0 + kicks + (dare === 'plus_kick' ? 1 : 0);
const params = {
title: 'Action Roll',
// subtitle: 'Slugblaster Subtitle',
type: 'action',
dice: dice,
roll: `[[${dice}d6kh1sd]]`,
trick: trick,
boosts: dice - 1,
kicks: kick,
};
const template = makeRollTemplate(params);
makeRoll(template);
setAttrs({
dicetray_boosts: 0,
dicetray_kicks: 0,
dicetray_dare: '',
});
});
};
const makeDisasterRoll = () => {
const request = ['trouble', 'trouble_max'];
getAttrs(request, (values) => {
const trouble = +values.trouble || 0;
const troubleMax = +values.trouble_max || G_CONSTANTS.trouble_max;
const dice = troubleMax - trouble;
const params = {
title: 'Disaster Strikes!',
subtitle: 'Everyones luck runs out eventually',
type: 'disaster',
dice: dice,
roll: `[[${dice}d6kh1sd]]`,
};
const template = makeRollTemplate(params);
makeRoll(template);
});
};
on('clicked:roll-character', async (eventInfo) => {
makeCharacterRoll();
});
on('clicked:roll-character-trick', async (eventInfo) => {
makeCharacterRoll(true);
});
on('clicked:disaster', async (eventInfo) => {
makeDisasterRoll();
});
const G_SHEET_MODES = ['character', 'crew', 'options'];
const G_EDITORS = [
'angst-arc',
'authority-factions',
'crew-beats',
'crew-factions',
'header-crew',
'crowd-factions',
'dicetray',
'doom',
'family-arc',
'gear',
'header',
'fame',
'legacy',
'mods',
'notes',
'other-beats',
'personality-arc',
'signature',
'sponsor-factions',
'tracks',
'trait-beats',
'traits',
];
const G_BLADES = ['downtimes', 'epilogue', 'factions', 'diary', 'multiverse'];
const G_REPEATING_FIELDSETS = [
// character
'doom',
'gear',
'legacy',
'mods',
'traits',
// common
'tracks',
'notes',
// downtime
'trait-beats',
'personality-arc',
'family-arc',
'angst-arc',
'crew-beats',
'other-beats',
// crew sheet
'crew-factions',
'authority-factions',
'sponsor-factions',
'crowd-factions',
];
const G_OPTIONS = ['attitude_override'];
const G_CONSTANTS = {
trouble_max: 8,
progress_track_max: 12,
};
const G_PLAYBOOKS = {
grit: {
attitude: { boost: 3, kick: 1 },
traits: ['patient', 'sacrifice_your_body', 'diligent', 'walk_it_off', 'skill', 'personal_growth'],
gear: ['something_everyone_else_forgot', 'backup_portaling_device'],
vibes: [
'one_song_on_repeat',
'never_smile',
'your_drink_matches_your_shoes',
'sleep_when_youre_dead',
'adult_in_residence',
'overachiever',
],
},
guts: {
attitude: { boost: 1, kick: 3 },
traits: ['show_off', 'snake', 'double_dare', 'walking_disaster', 'raw_talent', 'personal_growth'],
gear: ['something_youre_not_supposed_to_have', 'a_portable_speaker'],
},
smarts: {
attitude: { boost: 2, kick: 2 },
traits: [
'lateral_thinking',
'technobabble',
'power_user',
'actually_reads_the_manual',
'know_how',
'personal_growth',
],
gear: ['a_work_in_progress', 'a_vital_screenshot_or_image_file'],
},
heart: {
attitude: { boost: 1, kick: 2 },
traits: ['team_player', 'pep_talk', 'middle_finger', 'intuition', 'passion', 'personal_growth'],
gear: ['something_from_someone_special', 'an_important_pamphlet'],
},
chill: {
attitude: { boost: 1, kick: 0 },
traits: ['steezey', 'umm_guys', 'button_masher', 'lucky', 'quirk', 'personal_growth'],
gear: ['something_you_found_on_your_way_here', 'a_pet'],
},
custom: {
attitude: { boost: 2, kick: 2 },
traits: ['personal_growth'],
},
};
const G_SIGNATURES = {
gravity_blaster: {
mods: [
'endurance_engine',
'agility_pin',
'impulse_rig',
'gravity_spasm',
'field_inverter',
'power_cell',
'stabilizer',
'kitbashed',
],
},
hardlight_board: {
mods: [
'photon_vent',
'energy_lattice',
'photon_exciter',
'flicker_switch',
'matter_photonizer',
'power_cell',
'stabilizer',
'kitbashed',
],
},
hyperoptic_visor: {
mods: [
'realmware_lens',
'omniscience_aperture',
'spacetime_periscope',
'powered_crunk_filter',
'adv._neural_imaging',
'power_cell',
'stabilizer',
'kitbashed',
],
},
kinetic_deck: {
mods: [
'proximity_lock',
'stasis_anchor',
'density_pedal',
'inertial_vortex',
'dimensional_ballast',
'power_cell',
'stabilizer',
'kitbashed',
],
},
negafriction_sword: {
mods: [
'slip_rattle',
'field_projector',
'ref_coating',
'negafriction_wake',
'subdimensional_edge',
'power_cell',
'stabilizer',
'kitbashed',
],
},
photonic_jacket: {
mods: [
'flash_patterns',
'ambiance_panel',
'photo_bypass',
'hardlight_upscaling',
'concept_prism',
'power_cell',
'stabilizer',
'kitbashed',
],
},
powered_armour: {
mods: [
'heavy_duty_servos',
'weapons_system',
'mobility_booster',
'ablatine_plates',
'omega_engine',
'power_cell',
'stabilizer',
'kitbashed',
],
},
reality_cannon: {
mods: [
'parameter_dial',
'exponent_coil',
'subjectivity_diode',
'matter_lens',
'concept_inverter',
'power_cell',
'stabilizer',
'kitbashed',
],
},
riftninja_sneakers: {
mods: [
'hyperphaser',
'anti_negafriction_outsoles',
'powered_midsoles',
'reaction_switch',
'plane_haunt',
'power_cell',
'stabilizer',
'kitbashed',
],
},
robotic_companion: {
mods: [
'weapons',
'mobility_boosters',
'heavy_duty_servos',
'guardian_mode',
'neural_network',
'power_cell',
'stabilizer',
'kitbashed',
],
},
skipmode_runners: {
mods: [
'anti_negafriction_outsoles',
'energy_tenser',
'temporal_scrubber',
'chrono_clip',
'causality_hoop',
'power_cell',
'stabilizer',
'kitbashed',
],
},
voidwear_backpack: {
mods: [
'astral_intake',
'omni_siphon',
'chaos_vent',
'collapsible_panels',
'reversible_zipper',
'power_cell',
'stabilizer',
'kitbashed',
],
},
custom: {
mods: ['power_cell', 'stabilizer', 'kitbashed'],
},
};
const G_EXTRA_GEAR = [
'your_phone',
'personal_gear_1',
'personal_gear_2',
'grappling_hook',
'spacetime_ampimeter',
'hacking_tools',
'multiversal_maps',
'repair_tools',
'small_drone',
'pro_camera_gear',
'peel_back_kit',
'hazwear',
'backup_portaling_device',
'logic_binder',
'advanced_portal_tech',
'hardecker_sludge_flares',
'hardlight_marker',
'maser_grenades',
'smartcord',
'the_fust_mix',
'beam_filter',
'wilkies_gravity_stickers',
'panic_energy_fuel_line',
'fust_stasis_stickers',
'aug_band',
'particle_bond_tights',
'3d_printed_ablatine',
'knock_off_scram_cat_tee',
'miper_escape_bag',
'awf_bracelet',
'duraweave_jacket',
'link_patch_duo',
'slam_patch',
];
const G_FACTIONS = {
crew: ['brb', 'jet_collective', 'null_range', 'lazy_bunny', 'the_wicks'],
sponsor: ['miper', 'hardecker', 'wilkies', 'scram_cat', 'fust'],
authority: ['dara', 'the_arborists', 'shimmer', 'doorways', 'the_old_guard'],
crowd: ['the_thrashers', 'the_heads', 'the_mavens', 'the_freaks', 'the_normies'],
};
const G_FACTION_FIELDSET = [
{
section: 'repeating_crew-factions',
fields: ['faction_name', 'faction_description', 'faction_autogen'],
},
];
const G_AUTOGEN_FIELDSET = {
traits: [
{
section: 'repeating_traits',
fields: ['trait_autogen', 'trait_check', 'trait_name', 'trait_description'],
},
],
gear: [
{
section: 'repeating_gear',
fields: ['gear_autogen', 'gear_check', 'gear_name', 'gear_cost', 'gear_description'],
},
],
factions: [
{
section: 'repeating_crew-factions',
fields: ['faction_autogen', 'faction_name', 'faction_relationship', 'faction_description'],
},
{
section: 'repeating_sponsor-factions',
fields: ['faction_autogen', 'faction_name', 'faction_relationship', 'faction_description'],
},
{
section: 'repeating_authority-factions',
fields: ['faction_autogen', 'faction_name', 'faction_relationship', 'faction_description'],
},
{
section: 'repeating_crowd-factions',
fields: ['faction_autogen', 'faction_name', 'faction_relationship', 'faction_description'],
},
],
mods: [
{
section: 'repeating_mods',
fields: ['mod_autogen', 'mod_check', 'mod_name', 'mod_cost', 'mod_description'],
},
],
};
const G_ATTITUDE_TURBO = {
boosts: [
...Array.from(Array(4).keys(), (key) => `attitude_boost_${key + 1}`),
...Array.from(Array(4).keys(), (key) => `turbo_boost_${key + 1}`),
...Array.from(Array(4).keys(), (key) => `hype_boost_${key + 1}`),
],
kicks: [
...Array.from(Array(4).keys(), (key) => `attitude_kick_${key + 1}`),
...Array.from(Array(4).keys(), (key) => `turbo_kick_${key + 1}`),
...Array.from(Array(4).keys(), (key) => `hype_kick_${key + 1}`),
],
};
/**
* Checks if a repcontain (e.g. repeating_weapons) is empty.
* This is calculated by looking at the length of IDs in fieldset.
* @param {string} section name of a repeating fieldset (repcontainer)
* @param {string} suffix attribute name as section_suffix (e.g. weapons_count)
**/
const isFieldsetEmpty = (section, suffix = 'empty') => {
getSectionIDs(section, (id) => {
setAttrs({ [`${section}_${suffix}`]: id.length });
});
};
/**
* Combines [getAttrs()](https://wiki.roll20.net/Sheet_Worker_Scripts#getAttrs.28attributeNameArray.2C_callback.29)
* and [getSectionIDs](https://wiki.roll20.net/Sheet_Worker_Scripts#getSectionIDs.28section_name.2Ccallback.29)
* @param {Object} sectionDetails repeating section request
* @example
* // example of sectionDetails object
* const G_DEFAULT_REPEATING = [
* { section: "repeating_inventory", fields: ["weight", "name", "quantity"] },
* { section: "repeating_attack", fields: ["bonus", "damage", "name"] },
* ];
* @param {string[]} getArray optional global attribute request
* @param {callback} callback
* @returns {(Object|Object)}
*/
const getAllAttrs = (sectionDetails, getArray, callback) => {
const sectionClone = structuredClone(sectionDetails);
if (typeof callback !== 'function') return;
getSections(getArray, sectionClone, (getArr, sections) => {
getAttrs(getArr, (attributes) => {
// call the callback function to finally do what we wanted to do.
callback(attributes, sections);
});
});
};
/**
* Gets the rowIDs for all the sections passed to it,
* and assembles an array of repeating attributes to get.
* Does this via a work queue or burndown set up.
* Arguments are the same as for getAllAttrs with the addition of sections.
* @param {*} getArray
* @param {*} sectionDetails
* @param {callback} callback
* @param {*} sections accumulates the idArrays for each section
*/
const getSections = (getArray, sectionDetails, callback, sections = {}) => {
// grab the first section to work;
const section = sectionDetails.shift();
getSectionIDs(section.section, (idArray) => {
// store the idArray for use later on if needed.
sections[section.section] = [...idArray];
// add the sections reporder to the getArray so that we can order the idArray later.
getArray.push(`_reporder_${section.section}`);
// iterate through the ids
for (const id of idArray) {
// Iterate through each of the fields for the repeating section
for (const field of section.fields) {
// add the repeating attribute for this id to the getArray
getArray.push(`${section.section}_${id}_${field}`);
}
}
if (sectionDetails[0]) {
// If there's another section to work through, go through the burndown again
getSections(getArray, sectionDetails, callback, sections);
} else {
// If no sections are left, call the callback
callback(getArray, sections);
}
});
};
/**
* Splits a comma delimited string into an array
* @param {string} string
* @returns {Array}
*/
const commaArray = (string = '') => {
return string.toLowerCase().split(/\s*,\s*/);
};
const getSectionID = (eventInfo) => eventInfo.sourceAttribute.split('_').at(2);
const doNumcontrol = (numcontrol, step, min = null, max = null) => {
getAttrs([numcontrol, `${numcontrol}_max`], (values) => {
let value = +values[numcontrol] || 0;
value += step;
if (min !== null) value = Math.max(value, min);
if (max !== null) {
if (Number.isNaN(max)) {
const value_max = +values[max];
value = Math.min(value, value_max);
} else value = Math.min(value, max);
}
setAttrs({ [numcontrol]: value });
});
};
const nopeTrouble = () => {
getAttrs(['trouble', 'trouble_max'], (values) => {
const max = +values.trouble_max || G_CONSTANTS.trouble_max;
const current = +values.trouble || 0;
const newValue = Math.min(current + 2, max);
setAttrs({ trouble: newValue });
});
};
const makeTrack = (sectionId) => {
const repeatingPrefix = `repeating_tracks_${sectionId}_`;
const request = [`${repeatingPrefix}track_name`];
getAttrs(request, (values) => {
const update = {};
const trackName = values[`${repeatingPrefix}track_name`];
update[`${repeatingPrefix}track_name`] = trackName.trim().toUpperCase();
update[`${repeatingPrefix}track_size`] = trackName.length;
for (let index = 0; index < G_CONSTANTS.progress_track_max; index++) {
const key = `${repeatingPrefix}track_letter_${index + 1}`;
const letter = trackName[index];
update[key] = letter ? letter.toUpperCase() : '';
if (!letter) update[`${repeatingPrefix}track_marker_${index + 1}`] = 0;
}
setAttrs(update);
});
};
const makeTrackString = (sectionId) => {
const repeatingPrefix = `repeating_tracks_${sectionId}_`;
const markers = Array.from(Array(G_CONSTANTS.progress_track_max).keys(), (index) => `track_marker_${index + 1}`);
const request = ['track_name', 'track_size', ...markers].map((r) => repeatingPrefix + r);
getAttrs(request, (values) => {
const update = {};
const trackName = values[`${repeatingPrefix}track_name`];
const trackDisplay = Array(trackName.length);
let trackCompleted = 0;
Array.from(trackName, (letter, index) => {
const marked = values[`${repeatingPrefix}track_marker_${index + 1}`];
trackDisplay[index] = marked === 'on' ? 'X' : trackName[index];
if (marked === 'on') trackCompleted++;
});
update[`${repeatingPrefix}track_display`] = trackDisplay.join(' ');
update[`${repeatingPrefix}track_completed`] = trackCompleted;
setAttrs(update);
});
};
const setAttitude = (personality = undefined, custom = false) => {
getAttrs(['personality', 'attitude_override', 'attitude_boost_set', 'attitude_kick_set'], (values) => {
const update = {};
const data = G_PLAYBOOKS[personality ?? values.personality];
// attitude
if (custom || values.attitude_override === 'on') {
update.attitude_boost = values.attitude_boost_set;
update.attitude_kick = values.attitude_kick_set;
} else {
const { boost, kick } = data.attitude;
update.attitude_boost = boost;
update.attitude_kick = kick;
}
setAttrs(update, {}, () => {});
});
};
const loadPersonality = (field) => {
const update = {};
const personality = field.trim().replace(' ', '_').toLowerCase();
const data = G_PLAYBOOKS[personality];
// attitude
update.attitude_subtitle = getTranslationByKey(`${personality}_attitude`) || '';
// style & trouble
update.style_run_bonus = getTranslationByKey(`${personality}_style`) || '';
// traits
importFieldset('traits', 'trait', data.traits);
// personal gear
importFieldset('gear', 'gear', data.gear);
setAttrs(update, {}, () => {
setAttitude(personality);
});
};
const loadSignature = (signature) => {
const isValid = Object.hasOwn(G_SIGNATURES, signature);
if (!isValid) return;
const update = {};
const data = G_SIGNATURES[signature];
// text stuff
update.signature_function = getTranslationByKey(`${signature}_function`) || '';
update.signature_description = getTranslationByKey(`${signature}_description`) || '';
importFieldset('mods', 'mod', data.mods, ['cost']);
setAttrs(update);
};
/**
* Need to map from attribute data map to populate translations
* getAllAttrs to leave user created rows in the repeating section
* https://wiki.roll20.net/Sheet_Worker_Scripts#WARNING
* @param {*} fieldset
* @param {*} data
*/
const importFieldset = (fieldset, prefix, data, additionalFields = []) => {
getAllAttrs(G_AUTOGEN_FIELDSET[fieldset], [], (attributes, sections) => {
const update = {};
const section = sections[`repeating_${fieldset}`];
const idArray = new Set(section) ?? new Set([]);
// remove all autogen rows
for (let rowId = 0; rowId < section.length; rowId++) {
const repItem = `repeating_${fieldset}_${section[rowId]}`;
if (attributes[`${repItem}_${prefix}_autogen`]) {
removeRepeatingRow(repItem);
}
}
// add new records
for (const key of data) {
const rowId = createRowId(idArray);
idArray.add(rowId);
const repeating = `repeating_${fieldset}_${rowId}_${prefix}`;
update[`${repeating}_autogen`] = 1;
update[`${repeating}_name`] = getTranslationByKey(key) || '';
update[`${repeating}_description`] = getTranslationByKey(`${key}_description`) || '';
for (const field of additionalFields) {
update[`${repeating}_${field}`] = getTranslationByKey(`${key}_${field}`) || '';
}
}
setAttrs(update);
});
};
const createRowId = (sections) => {
let rowId = generateRowID();
while (sections.has(rowId)) {
rowId = generateRowID();
}
return rowId;
};
const loadFactions = () => {
for (const factions of Object.keys(G_FACTIONS)) {
const section = `repeating_${factions}-factions`;
const sectionDetails = { ...G_FACTION_FIELDSET.at(0) };
sectionDetails.section = section;
getAllAttrs([{ ...sectionDetails }], [], (values, sections) => {
const update = {};
const createdIds = [];
for (const faction of G_FACTIONS[factions]) {
let rowId = generateRowID();
while (rowId in createdIds) {
rowId = generateRowID();
}
createdIds.push(rowId);
const repeatingPrefix = `repeating_${factions}-factions_${rowId}_faction_`;
update[`${repeatingPrefix}autogen`] = 1;
update[`${repeatingPrefix}name`] = getTranslationByKey(faction) || '';
update[`${repeatingPrefix}description`] = getTranslationByKey(`${faction}_description`) || '';
}
setAttrs(update);
});
setAttrs({ load_factions: 1 }, { silent: true });
}
};
// Switch between sheet modes
for (const mode of G_SHEET_MODES) {
on(`clicked:${mode}`, (eventInfo) => {
setAttrs({ sheet_mode: mode });
});
}
// Edit / View panel modes
// QUESTION: should the editor and minimizer be linked?
for (const toggle of G_EDITORS) {
on(`clicked:${toggle}-editor`, (eventInfo) => {
getAttrs([`${toggle}_editor`, `${toggle}_minimizer`], (values) => {
const isMinimized = values[`${toggle}_minimized`] === 'on';
const value = values[`${toggle}_editor`] === '0' ? 'on' : '0';
setAttrs({ [`${toggle}_editor`]: value });
});
});
on(`clicked:${toggle}-minimizer`, (eventInfo) => {
getAttrs([`${toggle}_minimizer`], (values) => {
const value = values[`${toggle}_minimizer`] === '0' ? 'on' : '0';
setAttrs({ [`${toggle}_minimizer`]: value });
});
});
}
for (const toggle of G_BLADES) {
on(`clicked:${toggle}-blade`, (eventInfo) => {
getAttrs([`${toggle}_blade`], (values) => {
const value = values[`${toggle}_blade`] === '0' ? 'on' : '0';
setAttrs({ [`${toggle}_blade`]: value });
});
});
}
// Update empty fieldsets
for (const fieldset of G_REPEATING_FIELDSETS) {
on(`change:repeating_${fieldset} remove:repeating_${fieldset}`, async (eventInfo) => isFieldsetEmpty(fieldset));
}
// Load personality data
on('change:personality change:personality_custom', (eventInfo) => {
const personality = eventInfo.newValue;
if (personality) loadPersonality(personality);
});
on('change:attitude_override', (eventInfo) => {
setAttitude(undefined, eventInfo.newValue === 'on');
});
on('change:attitude_boost_set change:attitude_kick_set', (eventInfo) => {
setAttitude(undefined, true);
});
// Update dice tray from attitude, turbo, hype
for (const [key, fields] of Object.entries(G_ATTITUDE_TURBO)) {
for (const field of fields) {
on(`change:${field}`, (eventInfo) => {
if (eventInfo.sourceType !== 'player') return;
getAttrs(['dicetray_boosts', 'dicetray_kicks'], (values) => {
const original = +values[`dicetray_${key}`] || 0;
const delta = eventInfo.newValue === 'on' ? 1 : -1;
const final = Math.max(0, original + delta);
setAttrs({ [`dicetray_${key}`]: final }, { silent: true });
});
});
}
}
// Load signature data
on('change:signature', (eventInfo) => {
let signature = eventInfo.newValue;
signature = signature.trim().replace(' ', '_').toLowerCase();
if (signature) loadSignature(signature);
});
// Load faction data
on('clicked:load-factions', () => loadFactions());
// Update Autogen rows
for (const fieldset of Object.values(G_AUTOGEN_FIELDSET)) {
for (const { section, fields } of fieldset) {
const events = fields.map((field) => `change:${section}:${field}`).join(' ');
on(events, (eventInfo) => {
if (eventInfo.sourceType !== 'player') return;
const autogen = `${eventInfo.sourceAttribute.split('_').slice(0, 4).join('_')}_autogen`;
setAttrs({ [autogen]: '' }, { silent: true });
});
}
}
// Style & Trouble
on('clicked:nope', (eventInfo) => nopeTrouble());
// Progress Tracks / SKATE / tracks
on('change:repeating_tracks:track_name clicked:repeating_tracks:track-reset', (eventInfo) => {
const sectionId = getSectionID(eventInfo);
makeTrack(sectionId);
});
Array.from(Array(G_CONSTANTS.progress_track_max).keys(), (index) => {
on(`change:repeating_tracks:track_marker_${index + 1}`, (eventInfo) => {
const sectionId = getSectionID(eventInfo);
makeTrackString(sectionId);
});
});
</script>