diff --git a/Animon_Story/Animon_Story.css b/Animon_Story/Animon_Story.css
new file mode 100644
index 0000000000..8c211e4e2d
--- /dev/null
+++ b/Animon_Story/Animon_Story.css
@@ -0,0 +1,711 @@
+.charsheet {
+	display: flex;
+	flex-direction: column;
+	justify-content: stretch;
+}
+
+.charsheet section {
+	flex-direction: column;
+	gap: 1em;
+}
+
+.charsheet>div>div:first-child {
+	gap: 4px;
+}
+
+.ui-dialog .charsheet input[type=number] {
+	width: auto;
+	min-width: 100px;
+	max-width: fit-content;
+}
+
+.sheet-character,
+.sheet-action,
+.sheet-animon,
+.sheet-option {
+	display: none;
+}
+
+.sheet-tabstoggle[value="character"]~div.sheet-character,
+.sheet-tabstoggle[value="action"]~div.sheet-action,
+.sheet-tabstoggle[value="animon"]~div.sheet-animon,
+.sheet-tabstoggle[value="option"]~div.sheet-option {
+	display: grid;
+}
+
+div.sheet-folder {
+	width: 18px;
+}
+input.sheet-foldable[type="checkbox"] {
+	opacity: 0;
+	min-width: 18px;
+	position: relative;
+	z-index: 1;
+}
+span.sheet-foldable {
+	left: -15px;
+	display: inline-flex;
+	cursor: pointer;
+	font-size: larger;
+	position: relative;
+	z-index: 0;
+}
+span.sheet-foldable::before {
+	z-index: 1;
+	content: "▼";
+	display: inline-block;
+	transition: transform 0.2s ease;
+}
+input.sheet-foldable[type="checkbox"]:not(:checked)+span.sheet-foldable::before {
+	transform: rotate(-90deg);
+}
+input.sheet-foldable[type="checkbox"]:checked+div.sheet-foldable {
+	display: none;
+}
+input.sheet-foldable[type="hidden"][value="0"]+div.sheet-foldable {
+	display: none;
+}
+
+span, label, h1, h2, h3, h4, h5 {
+	font-weight: bold;
+}
+
+input {
+	border: 0;
+}
+
+input[type="text"] {
+	background-color: transparent;
+}
+
+section {
+	display: flex;
+	background-color: #bcbdc0;
+	border: 6px solid #808285;
+	border-radius: 20px;
+	padding: 6px;
+}
+
+article {
+	display: flex;
+	background-color: white;
+	border: 4px solid black;
+	border-radius: 15px;
+	padding: 4px;
+}
+
+span.sheet-stage,
+h3.sheet-stage {
+	text-transform: uppercase;
+}
+
+fieldset.sheet-noModifs ~ div.repcontrol {
+	display: none;
+}
+
+.sheet-grid {
+	display: grid;
+}
+
+article.sheet-flexContent div {
+	display: flex;
+}
+
+article span,
+article h1,
+article h2,
+article h3 {
+	align-self: center;
+}
+
+article.sheet-kid span {
+	align-self: flex-end;
+}
+article.sheet-kid input {
+	flex: 1 1 auto;
+	width: fit-content;
+}
+
+article.sheet-kid div {
+	padding: 2px;
+	border-bottom: 2px dashed gray;
+}
+article.sheet-grid div:nth-child(2),
+article.sheet-grid div:nth-child(3) {
+	border-right: 2px solid gray;
+}
+
+article.sheet-traits {
+	grid-row: 2 / 3;
+	grid-column: 1 / 2;
+	flex-flow: column nowrap;
+	align-items: stretch;
+}
+
+article.sheet-traits header {
+	flex: 1 1 auto;
+	height: 32px;
+	border-bottom: 1px solid gray;
+}
+
+article.sheet-traits header h2 {
+	text-align: center;
+	font-size: x-large;
+}
+
+article.sheet-traits>div {
+	display: flex;
+	flex-flow: row nowrap;
+	align-items: stretch;
+}
+
+article.sheet-traits div button,
+article.sheet-kid-type button {
+	margin: 0 !important;
+	border: 0;
+	padding: 0 !important;
+	border-radius: 0;
+	background: none;
+}
+
+article.sheet-traits div button::before,
+article.sheet-kid-type button::before {
+	content: "" !important;
+}
+
+article.sheet-traits div input {
+	padding-left: 13px;
+	border: 0;
+	text-align: center;
+	font-size: large;
+	font-weight: bold;
+}
+
+article.sheet-traits>div>div {
+	border-right: 4px dotted lightgray;
+	padding-right: 4px;
+	margin-right: 4px;
+	flex: 1 1 auto;
+	display: grid;
+}
+
+article.sheet-traits>div>div:last-child {
+	border-right: 0;
+	padding-right: 0;
+	margin-right: 0;
+}
+
+article.sheet-stamina {
+	grid-row: 3 / 4;
+	grid-column: 1 / 2;
+	flex-flow: row nowrap;
+	align-items: stretch;
+}
+
+article.sheet-stamina header {
+	flex: 0 0 auto;
+	padding-right: 4px;
+	border-right: 2px solid gray;
+	margin-right: 4px;
+	display: flex;
+}
+
+article.sheet-stamina header h2 {
+	text-align: start;
+	font-size: x-large;
+	vertical-align: middle;
+}
+
+article.sheet-stamina>div {
+	flex: 1 1 auto;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	align-items: flex-start;
+	position: relative;
+}
+
+article.sheet-stamina input {
+	align-self: flex-start;
+	flex: 1 1 auto;
+	font-size: large;
+	background-color: transparent;
+}
+
+article.sheet-stamina span {
+	align-self: flex-end;
+	flex: 1 1 auto;
+	font-size: large;
+}
+
+div.bar {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: linear-gradient(
+		to bottom right,
+		transparent 49%,
+		black 50%,
+		transparent 51%
+	);
+	pointer-events: none;
+}
+
+article.sheet-harm {
+	grid-row: 4 / 5;
+	grid-column: 1 / 2;
+	flex-flow: column nowrap;
+	align-items: stretch;
+}
+
+article.sheet-harm header {
+	display: flex;
+	justify-content: space-between;
+	padding-bottom: 2px;
+	border-bottom: 2px solid lightgray;
+	margin-bottom: 2px;
+}
+
+article.sheet-harm header h2 {
+	text-align: left;
+	font-size: x-large;
+	vertical-align: bottom;
+}
+
+article.sheet-harm header div {
+	display: flex;
+	flex-flow: row nowrap;
+	align-items: center;
+}
+
+article.sheet-harm header div span {
+	font-size: larger;
+	vertical-align: bottom;
+}
+
+article.sheet-harm>div {
+	flex: 1 1 auto;
+	display: flex;
+	flex-flow: column nowrap;
+	align-items: stretch;
+}
+
+article.sheet-harm>div>div {
+	display: flex;
+	flex-flow: row nowrap;
+	align-items: stretch;
+	border-bottom: 2px dashed lightgray;
+}
+
+article.sheet-harm div.no-border {
+	border: 0;
+}
+
+article.sheet-harm>div input {
+	flex: 1 1 auto;
+	font-size: large;
+}
+
+article.sheet-kid-type {
+	grid-row: 2 / 5;
+	grid-column: 2 / 3;
+	flex-flow: column nowrap;
+	align-items: stretch;
+}
+
+article.sheet-kid-type div,
+article.sheet-kid-type header {
+	display: flex;
+	justify-content: stretch;
+	gap: 4px;
+}
+
+article.sheet-kid-type header {
+	padding-bottom: 2px;
+	border-bottom: 2px solid lightgray;
+	margin-bottom: 2px;
+}
+
+article.sheet-kid-type header h2 {
+	text-align: center;
+	font-size: x-large;
+}
+
+article.sheet-kid-type header input {
+	flex: 1 1 auto;
+	font-size: large;
+}
+
+article.sheet-kid-type>div span {
+	font-size: large;
+	vertical-align: middle;
+}
+
+article.sheet-kid-type>div input {
+	flex: 1 1 auto;
+	font-size: large;
+}
+
+article.sheet-kid-type textarea {
+	flex: 1 1 auto;
+	font-size: large;
+	border: 0;
+	width: auto;
+}
+
+article.sheet-relationships {
+	grid-row: 5 / 6;
+	grid-column: 1 / 2;
+	flex-flow: column nowrap;
+	align-items: stretch;
+}
+
+article.sheet-relationships header {
+	display: flex;
+	justify-content: space-between;
+	padding-bottom: 2px;
+	border-bottom: 2px solid lightgray;
+	margin-bottom: 2px;
+}
+
+div.repcontainer[data-groupname="repeating_relationship"] div.itemcontrol {
+	z-index: 2;
+}
+div.repcontainer[data-groupname="repeating_relationship"] div.repitem {
+	border-bottom: 2px dashed lightgray;
+}
+div.repcontainer[data-groupname="repeating_relationship"] div.repitem:last-child {
+	border-bottom: 0;
+}
+
+div.repeating_relationship_row {
+	display: flex;
+	flex-flow: column nowrap;
+	align-items: stretch;
+}
+
+div.repeating_relationship_row div {
+	display: flex;
+	flex-flow: row nowrap;
+	justify-content: space-between;
+}
+
+div.repeating_relationship_row div input[type="text"] {
+	flex: 1 1 auto;
+	font-size: large;
+}
+
+div.repeating_relationship_row span.sheet-foldable {
+	font-size: large;
+}
+
+div.repeating_relationship_row textarea {
+	flex: 1 1 auto;
+	border: 0;
+	width: auto;
+}
+
+article.sheet-talents {
+	grid-row: 5 / 6;
+	grid-column: 2 / 3;
+	flex-flow: column nowrap;
+	gap: 2px;
+}
+
+div.sheet-action article.sheet-talents div.repcontrol {
+	display: none;
+}
+
+article.sheet-talents header {
+	grid-column: 1 / 4;
+	border-bottom: 2px solid lightgray;
+	display: grid;
+	grid-template-columns: 1fr 70px;
+}
+
+div.repcontainer[data-groupname="repeating_talent"] div.repeating_talent_row {
+	display: grid;
+	grid-template-columns: 30px 1fr 70px;
+}
+
+div.repeating_talent_row input {
+	width: auto;
+	font-size: large;
+}
+
+div.repeating_talent_row input[type="number"] {
+	font-size: large;
+	background-color: transparent;
+}
+
+div.repeating_talent_row button {
+	background-color: transparent;
+    background-image: none;
+    border: none;
+    align-self: self-end;
+}
+
+div.repcontainer[data-groupname="repeating_talent"] div.repitem {
+	border-bottom: 2px dashed lightgray;
+}
+div.repcontainer[data-groupname="repeating_talent"] div.repitem:last-child {
+	border-bottom: 0;
+}
+
+article.sheet-stuff {
+	grid-row: 6 / 7;
+	grid-column: 1 / 3;
+	flex-flow: column nowrap;
+	align-items: stretch;
+}
+
+article.sheet-stuff header {
+	display: flex;
+	justify-content: space-between;
+	border-bottom: 2px solid lightgray;
+	margin-bottom: 2px;
+}
+
+div.repeating_stuff_row {
+	display: flex;
+	flex-flow: column nowrap;
+	align-items: stretch;
+}
+
+div.repeating_stuff_row div {
+	display: flex;
+	flex-flow: row nowrap;
+}
+
+div.repcontainer[data-groupname="repeating_stuff"] {
+	display: flex;
+	flex-flow: row wrap;
+	gap: 4px;
+}
+
+div.repcontainer[data-groupname="repeating_stuff"] div.repitem {
+	flex: 1 1 auto;
+}
+
+div.repcontainer[data-groupname="repeating_stuff"] div.repitem input[type="text"] {
+	flex: 1 1 auto;
+	font-size: large;
+}
+
+div.repcontainer[data-groupname="repeating_stuff"] div.repitem textarea {
+	flex: 1 1 auto;
+	border: 0;
+	width: auto;
+}
+
+article.sheet-notes {
+	grid-column: 1 / 3;
+	flex-flow: column nowrap;
+	align-items: stretch;
+}
+
+article.sheet-notes header {
+	border-bottom: 2px solid lightgray;
+	margin-bottom: 2px;
+}
+
+div.repcontainer[data-groupname="repeating_note"] {
+	display: flex;
+	flex-flow: row wrap;
+	gap: 4px;
+}
+
+div.repcontainer[data-groupname="repeating_note"] div.repitem {
+	flex: 1 1 auto;
+}
+
+div.repeating_note_row {
+	display: flex;
+	flex-flow: column nowrap;
+	align-items: stretch;
+}
+
+div.repeating_note_row div {
+	display: flex;
+	flex-flow: row nowrap;
+}
+
+div.repeating_note_row input[type="text"] {
+	flex: 1 1 auto;
+	font-size: large;
+}
+
+div.repeating_note_row textarea {
+	flex: 1 1 auto;
+	border: 0;
+	width: auto;
+}
+
+div.sheet-action article.sheet-traits button {
+	display: flex;
+	flex-flow: column nowrap;
+	align-items: stretch;
+	justify-content: center;
+}
+
+div.sheet-action {
+	display: flex !important;
+	flex-flow: row nowrap;
+	gap: 4px;
+}
+
+article.sheet-bondLevel {
+	grid-row: 1 / 2;
+	grid-column: 1 / 3;
+	display: flex;
+	flex-flow: flex nowrap;
+	align-items: stretch;
+}
+
+article.sheet-bondLevel header {
+	display: flex;
+	border-right: 2px solid lightgray;
+	margin-right: 2px;
+}
+
+article.sheet-bondLevel * {
+	flex: 1 1 auto;
+}
+
+article.sheet-bondLevel input {
+	text-align: center;
+    font-weight: bolder;
+    background-color: transparent;
+	font-size: medium;
+}
+
+article.sheet-xp {
+	grid-column: 1 / 2;
+	grid-row: 2 / 6;
+	flex-flow: column nowrap;
+	align-items: center;
+	gap: 4px;
+}
+
+article.sheet-xp header {
+	display: flex;
+	justify-content: stretch;
+}
+
+article.sheet-xp input[type="checkbox"] {
+	width: 20px;
+	height: 20px;
+	border-radius: 50%;
+	appearance: none;
+	border: 2px solid black;
+}
+
+article.sheet-xp input[type="checkbox"]:checked {
+	background-color: black;
+}
+
+article.sheet-xp div.sheet-circle {
+	width: 22px;
+	height: 22px;
+	border-radius: 50%;
+	border: 2px solid black;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+article.sheet-xp div.sheet-circle.sheet-half {
+	border-style: dashed;
+}
+
+article.sheet-bonds {
+	display: flex;
+	flex-flow: row nowrap;
+	gap: 4px;
+}
+
+article.sheet-bonds header {
+	flex: 0 0 auto;
+}
+
+article.sheet-bonds>div {
+	flex: 1 1 auto;
+	display: flex;
+	flex-direction: row;
+	justify-content: stretch;
+	position: relative;
+}
+
+article.sheet-bonds>div>input[type="number"] {
+	font-size: large;
+	background-color: transparent;
+	text-align: start;
+	width: 40% !important;
+	min-width: 0 !important;
+}
+
+article.sheet-bonds>div>span {
+	flex: 1 1 auto;
+	text-align: center;
+}
+
+article.sheet-bonds div.bar {
+	left: 40%;
+	width: 20%;
+}
+
+article.sheet-strain header {
+	flex: 0 0 auto;
+}
+
+article.sheet-strain input {
+	font-size: large;
+	background-color: transparent;
+	flex: 1 1 auto;
+	text-align: center;
+}
+
+article.sheet-attack-uses header {
+	flex: 0 0 auto;
+}
+
+article.sheet-attack-uses input[type="number"] {
+	font-size: large;
+	background-color: transparent;
+	width: 40% !important;
+	min-width: 0 !important;
+	text-align: center;
+}
+
+article.sheet-attack-uses>div {
+	flex: 1 1 auto;
+	display: flex;
+	flex-direction: row;
+	justify-content: stretch;
+	position: relative;
+}
+
+article.sheet-attack-uses span {
+	flex: 1 1 auto;
+	text-align: center;
+}
+
+article.sheet-attack-uses div.bar {
+	left: 40%;
+	width: 20%;
+}
+
+article.sheet-animon-preview {
+	display: flex;
+	flex-flow: row nowrap;
+	gap: 4px;
+}
+
+article.sheet-animon-preview>button {
+	flex: 0 0 auto;
+}
+article.sheet-animon-preview>div {
+	flex: 1 1 auto;
+}
diff --git a/Animon_Story/Animon_Story.html b/Animon_Story/Animon_Story.html
new file mode 100644
index 0000000000..15ea688d10
--- /dev/null
+++ b/Animon_Story/Animon_Story.html
@@ -0,0 +1,1457 @@
+<!DOCTYPE html>
+
+<html>
+<div class="charsheet">
+	<input type="hidden" class="sheet-tabstoggle" name="attr_sheetTab" value="character" />
+	<div style="display: flex; flex-direction: row; justify-content: space-between;">
+		<div>
+			<button type="action" class="sheet-tabButton" name="act_character">Character</button>
+			<button type="action" class="sheet-tabButton" name="act_action">Action</button>
+			<button type="action" class="sheet-tabButton" name="act_animon">Animon</button>
+			<button type="action" class="sheet-tabButton" name="act_option">Option</button>
+		</div>
+		<div>
+			<select name="attr_rollWhisperType" style="margin-bottom: 4px;">
+				<option value="" selected><span>Show rolls</span></option>
+				<option value="?{Whisper?|Public Roll,|Whisper Roll,/w gm }"><span>Ask each time</span></option>
+				<option value="/w gm"><span>Always whisper</span></option>
+			</select>
+		</div>
+	</div>
+
+	<div class="sheet-character sheet-tab">
+		<section style="
+			display: grid;
+			grid-template-columns: repeat(2, 1fr);
+		">
+			<div style="
+				display: flex;
+				flex-flow: row;
+				gap: 5px;
+				grid-column: 1 / 3;
+			">
+				<article style="padding: 16px; flex: 0 0 auto;">
+					<h1 style="align-items: center;">Kid</h1>
+				</article>
+				<article class="sheet-grid sheet-flexContent sheet-kid" style="
+					flex: 1 1 auto;
+					grid-template-columns: repeat(2, 1fr);
+					grid-template-rows: repeat(3, 1fr);
+					grid-auto-flow: column;
+				">
+					<div style="grid-column: 1 / 3; border-bottom: 2px solid gray;">
+						<span>Kid Name:</span>
+						<input type="text" name="attr_character_name" placeholder="Character Name" title="Enter the character's name" />
+					</div>
+					<div>
+						<span>Virtue:</span>
+						<input type="text" name="attr_virtue" placeholder="Virtue" title="Enter the character's virtue" />
+					</div>
+					<div>
+						<span>Desire:</span>
+						<input type="text" name="attr_desire" placeholder="Desire" title="Enter the character's desire" />
+					</div>
+					<div>
+						<span>Flaw:</span>
+						<input type="text" name="attr_flaw" placeholder="Flaw" title="Enter the character's flaw" />
+					</div>
+					<div>
+						<span>Special Item:</span>
+						<input type="text" name="attr_specialItem" placeholder="Special Item" title="Enter the character's special item" />
+					</div>
+				</article>
+			</div>
+			<article class="sheet-traits">
+				<header>
+					<h2>Traits</h2>
+				</header>
+				<div>
+					<div>
+						<button type="roll" name="act_roll_trait_logic" value="@{rollWhisperType} &{template:default} {{name=@{character_name} Logic}} {{attack=[[ [[@{trait_logic} + ?{Bonus dice|0}]]d6>?{Modifier|Normal,4|Double Setback,6|Setback,5|Boost,3|Double Boost,2}]]}}">
+							<span>Logic</span>
+						</button>
+						<input type="number" name="attr_trait_logic" value="0" />
+					</div>
+					<div>
+						<button type="roll" name="act_roll_trait_reflex" value="@{rollWhisperType} &{template:default} {{name=@{character_name} Reflex}} {{attack=[[ [[@{trait_reflex} + ?{Bonus dice|0}]]d6>?{Modifier|Normal,4|Double Setback,6|Setback,5|Boost,3|Double Boost,2}]]}}">
+							<span>Reflex</span>
+						</button>
+						<input type="number" name="attr_trait_reflex" value="0" />
+					</div>
+					<div>
+						<button type="roll" name="act_roll_trait_spirit" value="@{rollWhisperType} &{template:default} {{name=@{character_name} Spirit}} {{attack=[[ [[@{trait_spirit} + ?{Bonus dice|0}]]d6>?{Modifier|Normal,4|Double Setback,6|Setback,5|Boost,3|Double Boost,2}]]}}">
+							<span>Spirit</span>
+						</button>
+						<input type="number" name="attr_trait_spirit" value="0" />
+					</div>
+				</div>
+			</article>
+			<article class="sheet-stamina">
+				<header>
+					<h2>Stamina</h2>
+				</header>
+				<div>
+					<input type="number" name="attr_stamina" value="0" title="Current stamina" />
+					<input type="hidden" name="attr_stamina_max" value="10" />
+					<span name="attr_stamina_max"></span>
+					<div class="bar"></div>
+				</div>
+			</article>
+			<article class="sheet-harm">
+				<header>
+					<h2>Harm:</h2>
+					<div style="
+						gap: 4px;
+						padding-right: 6px;
+					">
+						<span>Shaken:</span>
+						<input type="checkbox" name="attr_shaken" title="Is the Kid shaken" />
+					</div>
+				</header>
+				<div>
+					<div>
+						<span>1.</span>
+						<input type="text" name="attr_harm_1" placeholder="Harm name" title="First harm name" />
+					</div>
+					<div>
+						<span>2.</span>
+						<input type="text" name="attr_harm_2" placeholder="Harm name" title="Second harm name" />
+					</div>
+					<div class="no-border">
+						<span>3.</span>
+						<input type="text" name="attr_harm_3" placeholder="Harm name" title="Third harm name" />
+					</div>
+				</div>
+			</article>
+			<article class="sheet-kid-type">
+				<header>
+					<button type="roll" value="@{rollWhisperType} &{template:default} {{name=@{character_name}}} {{attack=@{kidType_feature}}}">
+						<h2>Kid Type:</h2>
+					</button>
+					<input type="text" name="attr_kidType_name" placeholder="Kid Type" title="Enter the kid's type" />
+				</header>
+				<div>
+					<span>Type Feature:</span>
+					<input type="text" name="attr_kidType_name" placeholder="Name" title="Enter the kid's type name" />
+				</div>
+				<textarea name="attr_kidType_feature" placeholder="Kid type feature" title="Describe the kid's type feature"></textarea>
+			</article>
+			<article class="sheet-relationships">
+				<header>
+					<h2>Relationships:</h2>
+				</header>
+				<fieldset class="repeating_relationship">
+					<div class="repeating_relationship_row">
+						<div>
+							<div class="sheet-folder">
+								<input type="checkbox" name="attr_relationship_fold" class="sheet-foldable" checked />
+								<span class="sheet-foldable"></span>
+							</div>
+							<input type="text" name="attr_relationship_target" placeholder="Target" title="Relationship name" />
+						</div>
+						<input type="hidden" class="sheet-foldable" name="attr_relationship_fold" value="on" />
+						<div class="sheet-foldable">
+							<textarea name="attr_relationship_description" placeholder="Description" title="Relationship description"></textarea>
+						</div>
+					</div>
+				</fieldset>
+			</article>
+			<article class="sheet-talents">
+				<header>
+					<h2>Talents:</h2>
+					<h2 style="
+						padding-left: 4px;
+						border-left: 2px dashed lightgray;
+					">Rank:</h2>
+				</header>
+				<fieldset class="repeating_talent">
+					<div class="repeating_talent_row">
+						<button type="roll" value="@{rollWhisperType} &{template:default} {{name=@{character_name} @{talent_name}}} {{attack=[[ [[@{talent_rank} + ?{Bonus dice|0}]]d6>?{Modifier|Normal,4|Double Setback,6|Setback,5|Boost,3|Double Boost,2}]]}}" />
+						<input type="text" name="attr_talent_name" placeholder="Name" title="Talent's name" />
+						<input type="number" name="attr_talent_rank" value="1" title="Talent's rank" />
+					</div>
+				</fieldset>
+			</article>
+			<article class="sheet-stuff" >
+				<header>
+					<h2>Stuff & Ani-Tool:</h2>
+				</header>
+				<fieldset class="repeating_stuff">
+					<div class="repeating_stuff_row">
+						<div>
+							<div class="sheet-folder">
+								<input type="checkbox" name="attr_stuff_fold" class="sheet-foldable" checked />
+								<span class="sheet-foldable"></span>
+							</div>
+							<input type="text" name="attr_stuff_name" placeholder="Name" title="Name of the item" />
+							<input type="number" name="attr_stuff_quantity" value="0" title="Item's quantity" />
+						</div>
+						<input type="hidden" class="sheet-foldable" name="attr_stuff_fold" value="on" />
+						<div class="sheet-foldable">
+							<textarea name="attr_stuff_description" placeholder="Item description" title="Item description"></textarea>
+						</div>
+					</div>
+				</fieldset>
+			</article>
+			<article class="sheet-notes">
+				<header>
+					<h2>Notes</h2>
+				</header>
+				<fieldset class="repeating_note">
+					<div class="repeating_note_row">
+						<div>
+							<div class="sheet-folder">
+								<input type="checkbox" name="attr_note_fold" class="sheet-foldable" checked />
+								<span class="sheet-foldable"></span>
+							</div>
+							<input type="text" name="attr_note_title" placeholder="Title" title="Note title" />
+						</div>
+						<input type="hidden" class="sheet-foldable" name="attr_note_fold" value="on" />
+						<div class="sheet-foldable">
+							<textarea name="attr_note" placeholder="Note" title="Note"></textarea>
+						</div>
+					</div>
+				</fieldset>
+			</article>
+		</section>
+	</div>
+
+	<div class="sheet-action">
+		<!-- Type feature, Special item, Talents, Flaw, Desire -->
+		<section style="grid-column: 1 / 2; grid-row: 1 / 3;">
+			<article class="sheet-traits">
+				<header>
+					<h2>Traits</h2>
+				</header>
+				<div>
+					<div>
+						<button type="roll" value="@{rollWhisperType} &{template:default} {{name=@{character_name} Logic}} {{attack=[[ [[@{trait_logic} + ?{Bonus dice|0}]]d6>?{Modifier|Normal,4|Double Setback,6|Setback,5|Boost,3|Double Boost,2}]]}}">
+							<span>Logic</span>
+							<span name="attr_trait_logic"></span>
+						</button>
+					</div>
+					<div>
+						<button type="roll" value="@{rollWhisperType} &{template:default} {{name=@{character_name} Reflex}} {{attack=[[ [[@{trait_reflex} + ?{Bonus dice|0}]]d6>?{Modifier|Normal,4|Double Setback,6|Setback,5|Boost,3|Double Boost,2}]]}}">
+							<span>Reflex</span>
+							<span name="attr_trait_reflex"></span>
+						</button>
+					</div>
+					<div>
+						<button type="roll" value="@{rollWhisperType} &{template:default} {{name=@{character_name} Spirit}} {{attack=[[ [[@{trait_spirit} + ?{Bonus dice|0}]]d6>?{Modifier|Normal,4|Double Setback,6|Setback,5|Boost,3|Double Boost,2}]]}}">
+							<span>Spirit</span>
+							<span name="attr_trait_spirit"></span>
+						</button>
+					</div>
+				</div>
+			</article>
+			<article class="sheet-kid-type">
+				<header>
+					<button type="roll" value="@{rollWhisperType} &{template:default} {{name=@{character_name}}} {{attack=@{kidType_feature}}}">
+						<h2>Kid Type:</h2>
+					</button>
+					<span name="attr_kidType_name"></span>
+				</header>
+				<div>
+					<span>Type Feature:</span>
+					<span name="attr_kidType_feature"></span>
+				</div>
+				<textarea name="attr_kidType_feature" placeholder="Kid type feature" title="Describe the kid's type feature" disabled></textarea>
+			</article>
+			<article class="sheet-stamina">
+				<header>
+					<h2>Stamina</h2>
+				</header>
+				<div>
+					<input type="number" name="attr_stamina" value="0" title="Current stamina" />
+					<input type="hidden" name="attr_stamina_max" value="10" />
+					<span name="attr_stamina_max"></span>
+					<div class="bar"></div>
+				</div>
+			</article>
+			<article class="sheet-harm">
+				<header>
+					<h2>Harm</h2>
+					<div style="
+						gap: 4px;
+						padding-right: 6px;
+					">
+						<span>Shaken:</span>
+						<input type="checkbox" name="attr_shaken" />
+					</div>
+				</header>
+				<div>
+					<div>
+						<span>1.</span>
+						<input type="text" name="attr_harm_1" placeholder="Harm name" />
+					</div>
+					<div>
+						<span>2.</span>
+						<input type="text" name="attr_harm_2" placeholder="Harm name" />
+					</div>
+					<div>
+						<span>3.</span>
+						<input type="text" name="attr_harm_3" placeholder="Harm name" />
+					</div>
+				</div>
+			</article>
+			<article class="sheet-talents">
+				<header>
+					<h2>Talents:</h2>
+					<h2 style="
+						padding-left: 4px;
+						border-left: 2px dashed lightgray;
+					">Rank:</h2>
+				</header>
+				<fieldset class="repeating_talent">
+					<div class="repeating_talent_row">
+						<button type="roll" value="@{rollWhisperType} &{template:default} {{name=@{character_name} @{talent_name}}} {{attack=[[ [[@{talent_rank} + ?{Bonus dice|0}]]d6>?{Modifier|Normal,4|Double Setback,6|Setback,5|Boost,3|Double Boost,2}]]}}" />
+						<span name="attr_talent_name" title="Talent's name"></span>
+						<button type="roll" value="@{rollWhisperType} &{template:default} {{name=@{character_name} @{talent_name}}} {{attack=[[ [[@{talent_rank} + ?{Bonus dice|0}]]d6>?{Modifier|Normal,4|Double Setback,6|Setback,5|Boost,3|Double Boost,2}]]}}" title="Talent's rank">
+							<span name="attr_talent_rank"style="text-align: center;"></span>
+						</button>
+					</div>
+				</fieldset>
+			</article>
+		</section>
+		<div style="display: flex; flex-flow: column nowrap; gap: 1em;">
+			<section >
+				<div style="display: flex; flex-flow: row nowrap; gap: 1em;">
+					<article class="sheet-xp">
+						<header>
+							<h2>XP</h2>
+						</header>
+						<input type="checkbox" name="attr_xp_1" title="XP 1" />
+						<input type="checkbox" name="attr_xp_2" title="XP 2" />
+						<input type="checkbox" name="attr_xp_3" title="XP 3" />
+						<input type="checkbox" name="attr_xp_4" title="XP 4" />
+						<div class="sheet-circle sheet-half">
+							<input type="checkbox" name="attr_xp_5" title="XP 5" />
+						</div>
+						<input type="checkbox" name="attr_xp_6" title="XP 6" />
+						<input type="checkbox" name="attr_xp_7" title="XP 7" />
+						<input type="checkbox" name="attr_xp_8" title="XP 8" />
+						<input type="checkbox" name="attr_xp_9" title="XP 9" />
+						<div class="sheet-circle">
+							<input type="checkbox" name="attr_xp_10" title="XP 10" />
+						</div>
+					</article>
+					<div style="gap: 1em; display: flex; flex-flow: column nowrap; justify-content: space-evenly;">
+						<article class="sheet-bondLevel">
+							<header>
+								<h2>Bond Level</h2>
+							</header>
+							<input type="number" name="attr_bondLevel" value="1" />
+						</article>
+						<article class="sheet-bonds">
+							<header>
+								<h2>Bond points</h2>
+							</header>
+							<div>
+								<input type="number" name="attr_bondPoints" value="0" />
+								<input type="hidden" name="attr_bondPoints_max" value="6" />
+								<span name="attr_bondPoints_max"></span>
+								<div class="bar"></div>
+							</div>
+						</article>
+						<article class="sheet-strain">
+							<header>
+								<h2>Bond strain</h2>
+							</header>
+							<input type="number" name="attr_bondStrain" value="0" />
+						</article>
+						<article class="sheet-attack-uses">
+							<header>
+								<h2 title="Single Attack Uses">Sig. Attack Uses</h2>
+							</header>
+							<div>
+								<input type="number" name="attr_sigAttackUses" value="0" />
+								<input type="hidden" name="attr_sigAttackUses_max" value="1" />
+								<span name="attr_sigAttackUses_max"></span>
+								<div class="bar"></div>
+							</div>
+						</article>
+					</div>
+				</div>
+			</section>
+			<section>
+				<input type="hidden" name="attr_display_animon_evo" value="basic" />
+				<article class="sheet-animon-preview">
+					<button type="action" name="act_animon_devolve">←</button>
+					<div>
+						<h2>Animon:</h2>
+						<div style="display: flex; flex-flow: column;">
+							<div>
+								<span>Stage:</span>
+								<span name="attr_display_animon_evo" class="sheet-stage"></span>
+							</div>
+							<div>
+								<span>Name:</span>
+								<input type="hidden" name="attr_display_animon_name" />
+								<span name="attr_display_animon_name"></span>
+							</div>
+							<div>
+								<span>Nature:</span>
+								<input type="hidden" name="attr_display_animon_nature" />
+								<span name="attr_display_animon_nature"></span>
+							</div>
+							<div>
+								<span>Class:</span>
+								<input type="hidden" name="attr_display_animon_class" />
+								<span name="attr_display_animon_class"></span>
+							</div>
+							<div>
+								<span>Element:</span>
+								<input type="hidden" name="attr_display_animon_element" />
+								<span name="attr_display_animon_element"></span>
+							</div>
+							<div>
+								<span>Heart:</span>
+								<input type="hidden" name="attr_display_animon_heart" />
+								<button type="roll" value="@{rollWhisperType} &{template:default} {{name=@{display_animon_name} Heart}} {{attack=[[ [[@{display_animon_heart} + ?{Bonus dice|0}]]d6>?{Modifier|Normal,4|Double Setback,6|Setback,5|Boost,3|Double Boost,2}]]}}">
+									<span name="attr_display_animon_heart"></span>
+								</button>
+							</div>
+							<div>
+								<span>Power:</span>
+								<input type="hidden" name="attr_display_animon_power" />
+								<button type="roll" value="@{rollWhisperType} &{template:default} {{name=@{display_animon_name} Power}} {{attack=[[ [[@{display_animon_power} + ?{Bonus dice|0}]]d6>?{Modifier|Normal,4|Double Setback,6|Setback,5|Boost,3|Double Boost,2}]]}}">
+									<span name="attr_display_animon_power"></span>
+								</button>
+							</div>
+							<div>
+								<span>Agility:</span>
+								<input type="hidden" name="attr_display_animon_agility" />
+								<button type="roll" value="@{rollWhisperType} &{template:default} {{name=@{display_animon_name} Agility}} {{attack=[[ [[@{display_animon_agility} + ?{Bonus dice|0}]]d6>?{Modifier|Normal,4|Double Setback,6|Setback,5|Boost,3|Double Boost,2}]]}}">
+									<span name="attr_display_animon_agility"></span>
+								</button>
+							</div>
+							<div>
+								<span>Brains:</span>
+								<input type="hidden" name="attr_display_animon_brains" />
+								<button type="roll" value="@{rollWhisperType} &{template:default} {{name=@{display_animon_name} Brains}} {{attack=[[ [[@{display_animon_brains} + ?{Bonus dice|0}]]d6>?{Modifier|Normal,4|Double Setback,6|Setback,5|Boost,3|Double Boost,2}]]}}">
+									<span name="attr_display_animon_brains"></span>
+								</button>
+							</div>
+							<div>
+								<span>HP:</span>
+								<input type="hidden" name="attr_display_animon_hp" />
+								<span name="attr_display_animon_hp"></span>
+							</div>
+							<div>
+								<span>Damage:</span>
+								<input type="hidden" name="attr_display_animon_damage" />
+								<span name="attr_display_animon_damage"></span>
+							</div>
+							<div>
+								<span>Dodge:</span>
+								<input type="hidden" name="attr_display_animon_dodge" />
+								<span name="attr_display_animon_dodge"></span>
+							</div>
+							<div>
+								<span>Initiative:</span>
+								<input type="hidden" name="attr_display_animon_initiative" />
+								<button type="roll" value="@{rollWhisperType} &{template:default} &{tracker} {{name=@{display_animon_name} Initiative}} {{attack=[[ [[@{display_animon_initiative} + ?{Bonus dice|0}]]d6>?{Modifier|Normal,4|Double Setback,6|Setback,5|Boost,3|Double Boost,2}]]}}">
+									<span name="attr_display_animon_initiative"></span>
+								</button>
+							</div>
+							<div>
+								<span>Sig. Attack:</span>
+								<input type="hidden" name="attr_display_animon_sigAttack_name" />
+								<span name="attr_display_animon_sigAttack_name"></span>
+							</div>
+							<div>
+								<span>Rank:</span>
+								<input type="hidden" name="attr_display_animon_sigAttack_rank" />
+								<span name="attr_display_animon_sigAttack_rank"></span>
+							</div>
+							<div>
+								<span>Element:</span>
+								<input type="hidden" name="attr_display_animon_sigAttack_element" />
+								<span name="attr_display_animon_sigAttack_element"></span>
+							</div>
+							<div>
+								<span>Effect 1:</span>
+								<input type="hidden" name="attr_display_animon_sigAttack_effect1" />
+								<span name="attr_display_animon_sigAttack_effect1"></span>
+							</div>
+							<div>
+								<span>Effect 2:</span>
+								<input type="hidden" name="attr_display_animon_sigAttack_effect2" />
+								<span name="attr_display_animon_sigAttack_effect2"></span>
+							</div>
+							<div>
+								<span>Effect 3:</span>
+								<input type="hidden" name="attr_display_animon_sigAttack_effect3" />
+								<span name="attr_display_animon_sigAttack_effect3"></span>
+							</div>
+							<div>
+								<span>Quality 1:</span>
+								<input type="hidden" name="attr_display_animon_quality_1" />
+								<span name="attr_display_animon_quality_1"></span>
+							</div>
+							<div>
+								<span>Rank:</span>
+								<input type="hidden" name="attr_display_animon_quality_1_rank" />
+								<span name="attr_display_animon_quality_1_rank"></span>
+							</div>
+							<div>
+								<span>Quality 2:</span>
+								<input type="hidden" name="attr_display_animon_quality_2" />
+								<span name="attr_display_animon_quality_2"></span>
+							</div>
+							<div>
+								<span>Rank:</span>
+								<input type="hidden" name="attr_display_animon_quality_2_rank" />
+								<span name="attr_display_animon_quality_2_rank"></span>
+							</div>
+						</div>
+					</div>
+					<button type="action" name="act_animon_evolve">→</button>
+				</article>
+			</section>
+		</div>
+	</div>
+
+	<div class="sheet-animon">
+		<section>
+			<article>
+				<h3 class="sheet-stage">Fledgling</h3>
+			</article>
+			<article>
+				<span>Name:</span>
+				<input type="text" name="attr_fledgling_animon_name" placeholder="Name" />
+			</article>
+			<article>
+				<span>Nature:</span>
+				<input type="text" name="attr_fledgling_animon_nature" placeholder="Nature" />
+			</article>
+			<article>
+				<span>Class:</span>
+				<input type="text" name="attr_fledgling_animon_class" placeholder="Class" />
+			</article>
+			<article>
+				<span>Element:</span>
+				<input type="text" name="attr_fledgling_animon_element" placeholder="Element" />
+			</article>
+			<article>
+				<h2>Stats</h2>
+				<div>
+					<span>Heart</span>
+					<input type="number" name="attr_fledgling_animon_heart" value="1" />
+				</div>
+				<div>
+					<span>Power</span>
+					<input type="number" name="attr_fledgling_animon_power" value="1" />
+				</div>
+				<div>
+					<span>Agility</span>
+					<input type="number" name="attr_fledgling_animon_agility" value="1" />
+				</div>
+				<div>
+					<span>Brains</span>
+					<input type="number" name="attr_fledgling_animon_brains" value="1" />
+				</div>
+			</article>
+			<article>
+				<h3>HP</h3>
+				<div>
+					<input type="number" name="attr_fledgling_animon_hp" value="0" />
+					<input type="hidden" name="attr_fledgling_animon_hp_max" value="10" />
+					<span name="attr_fledgling_animon_hp_max"></span>
+				</div>
+			</article>
+			<article>
+				<h3>Damage</h3>
+				<div>
+					<input type="number" name="attr_fledgling_animon_damage" value="0" />
+				</div>
+			</article>
+			<article>
+				<h3>Dodge</h3>
+				<div>
+					<input type="number" name="attr_fledgling_animon_dodge" value="0" />
+				</div>
+			</article>
+			<article>
+				<h3>Initiative</h3>
+				<div>
+					<input type="number" name="attr_fledgling_animon_initiative" value="0" />
+				</div>
+			</article>
+			<input type="hidden" name="attr_fledgling_animon_sigAttack_name" value="/" />
+			<input type="hidden" name="attr_fledgling_animon_sigAttack_rank" value="/" />
+			<input type="hidden" name="attr_fledgling_animon_sigAttack_element" value="/" />
+			<input type="hidden" name="attr_fledgling_animon_sigAttack_effect1" value="/" />
+			<input type="hidden" name="attr_fledgling_animon_sigAttack_effect2" value="/" />
+			<input type="hidden" name="attr_fledgling_animon_sigAttack_effect3" value="/" />
+			<input type="hidden" name="attr_fledgling_animon_quality_1" value="/" />
+			<input type="hidden" name="attr_fledgling_animon_quality_1_rank" value="/" />
+			<input type="hidden" name="attr_fledgling_animon_quality_2" value="/" />
+			<input type="hidden" name="attr_fledgling_animon_quality_2_rank" value="/" />
+		</section>
+		<section>
+			<article>
+				<h3 class="sheet-stage">Basic</h3>
+			</article>
+			<article>
+				<h2>Stats</h2>
+				<div>
+					<span>Heart</span>
+					<input type="number" name="attr_basic_animon_heart" value="1" />
+				</div>
+				<div>
+					<span>Power</span>
+					<input type="number" name="attr_basic_animon_power" value="1" />
+				</div>
+				<div>
+					<span>Agility</span>
+					<input type="number" name="attr_basic_animon_agility" value="1" />
+				</div>
+				<div>
+					<span>Brains</span>
+					<input type="number" name="attr_basic_animon_brains" value="1" />
+				</div>
+			</article>
+			<article>
+				<h3>HP</h3>
+				<div>
+					<input type="number" name="attr_basic_animon_hp" value="10" />
+					<input type="hidden" name="attr_basic_animon_hp_max" value="10" />
+					<span name="attr_basic_animon_hp_max"></span>
+				</div>
+			</article>
+			<article>
+				<h3>Damage</h3>
+				<div>
+					<input type="number" name="attr_basic_animon_damage" value="0" />
+				</div>
+			</article>
+			<article>
+				<h3>Dodge</h3>
+				<div>
+					<input type="number" name="attr_basic_animon_dodge" value="0" />
+				</div>
+			</article>
+			<article>
+				<h3>Initiative</h3>
+				<div>
+					<input type="number" name="attr_basic_animon_initiative" value="0" />
+				</div>
+			</article>
+			<article>
+				<span>Name</span>
+				<input type="text" name="attr_basic_animon_name" placeholder="Name" />
+			</article>
+			<article>
+				<span>Nature</span>
+				<input type="text" name="attr_basic_animon_nature" placeholder="Nature" />
+			</article>
+			<div>
+				<article>
+					<h2>Class</h2>
+					<input type="text" name="attr_basic_animon_class" placeholder="Class" />
+				</article>
+				<article>
+					<h2>Element</h2>
+					<input type="text" name="attr_basic_animon_element" placeholder="Element" />
+				</article>
+			</div>
+			<article>
+				<h2>Signature attack</h2>
+				<div>
+					<div>
+						<span>Name:</span>
+						<input type="text" name="attr_basic_animon_sigAttack_name" placeholder="Name" />
+					</div>
+					<div>
+						<div>
+							<span>Rank:</span>
+							<input type="number" name="attr_basic_animon_sigAttack_rank" value="0" />
+						</div>
+						<div>
+							<span>Element:</span>
+							<input type="text" name="attr_basic_animon_sigAttack_element" placeholder="Element" />
+						</div>
+					</div>
+					<div>
+						<span>Effect 1)</span>
+						<input type="text" name="attr_basic_animon_sigAttack_effect1" placeholder="Effect" />
+					</div>
+					<div>
+						<span>Effect 2)</span>
+						<input type="text" name="attr_basic_animon_sigAttack_effect2" placeholder="Effect" />
+					</div>
+					<div>
+						<span>Effect 3)</span>
+						<input type="text" name="attr_basic_animon_sigAttack_effect3" placeholder="Effect" />
+					</div>
+				</div>
+			</article>
+			<article>
+				<div class="sheet-table">
+					<div class="sheet-table-header">
+						<div class="sheet-table-cell"></div>
+						<div class="sheet-table-cell">Qualities:</div>
+						<div class="sheet-table-cell">Rank:</div>
+					</div>
+					<div class="sheet-table-row">
+						<div class="sheet-table-cell"><span>1.</span></div>
+						<div class="sheet-table-cell"><input type="text" name="attr_basic_animon_quality_1" placeholder="Quality" /></div>
+						<div class="sheet-table-cell"><input type="number" name="attr_basic_animon_quality_1_rank" value="1" /></div>
+					</div>
+					<div class="sheet-table-row">
+						<div class="sheet-table-cell"><span>2.</span></div>
+						<div class="sheet-table-cell"><input type="text" name="attr_basic_animon_quality_2" placeholder="Quality" /></div>
+						<div class="sheet-table-cell"><input type="number" name="attr_basic_animon_quality_2_rank" value="1" /></div>
+					</div>
+				</div>
+			</article>
+		</section>
+		<section>
+			<article>
+				<h3 class="sheet-stage">Super</h3>
+			</article>
+			<article>
+				<h2>Stats</h2>
+				<div>
+					<span>Heart</span>
+					<input type="number" name="attr_super_animon_heart" value="0" />
+				</div>
+				<div>
+					<span>Power</span>
+					<input type="number" name="attr_super_animon_power" value="0" />
+				</div>
+				<div>
+					<span>Agility</span>
+					<input type="number" name="attr_super_animon_agility" value="0" />
+				</div>
+				<div>
+					<span>Brains</span>
+					<input type="number" name="attr_super_animon_brains" value="0" />
+				</div>
+			</article>
+			<article>
+				<h3>HP</h3>
+				<div>
+					<input type="number" name="attr_super_animon_hp" value="0" />
+					<input type="hidden" name="attr_super_animon_hp_max" value="10" />
+					<span name="attr_super_animon_hp_max"></span>
+				</div>
+			</article>
+			<article>
+				<h3>Damage</h3>
+				<div>
+					<input type="number" name="attr_super_animon_damage" value="0" />
+				</div>
+			</article>
+			<article>
+				<h3>Dodge</h3>
+				<div>
+					<input type="number" name="attr_super_animon_dodge" value="0" />
+				</div>
+			</article>
+			<article>
+				<h3>Initiative</h3>
+				<div>
+					<input type="number" name="attr_super_animon_initiative" value="0" />
+				</div>
+			</article>
+			<article>
+				<span>Name</span>
+				<input type="text" name="attr_super_animon_name" placeholder="Name" />
+			</article>
+			<article>
+				<span>Nature</span>
+				<input type="text" name="attr_super_animon_nature" placeholder="Nature" />
+			</article>
+			<div>
+				<article>
+					<h2>Class</h2>
+					<input type="text" name="attr_super_animon_class" placeholder="Class" />
+				</article>
+				<article>
+					<h2>Element</h2>
+					<input type="text" name="attr_super_animon_element" placeholder="Element" />
+				</article>
+			</div>
+			<article>
+				<h2>Signature attack</h2>
+				<div>
+					<div>
+						<span>Name:</span>
+						<input type="text" name="attr_super_animon_sigAttack_name" placeholder="Name" />
+					</div>
+					<div>
+						<div>
+							<span>Rank:</span>
+							<input type="number" name="attr_super_animon_sigAttack_rank" value="0" />
+						</div>
+						<div>
+							<span>Element:</span>
+							<input type="text" name="attr_super_animon_sigAttack_element" placeholder="Element" />
+						</div>
+					</div>
+					<div>
+						<span>Effect 1)</span>
+						<input type="text" name="attr_super_animon_sigAttack_effect1" placeholder="Effect" />
+					</div>
+					<div>
+						<span>Effect 2)</span>
+						<input type="text" name="attr_super_animon_sigAttack_effect2" placeholder="Effect" />
+					</div>
+					<div>
+						<span>Effect 3)</span>
+						<input type="text" name="attr_super_animon_sigAttack_effect3" placeholder="Effect" />
+					</div>
+				</div>
+			</article>
+			<article>
+				<div class="sheet-table">
+					<div class="sheet-table-header">
+						<div class="sheet-table-cell"></div>
+						<div class="sheet-table-cell">Qualities:</div>
+						<div class="sheet-table-cell">Rank:</div>
+					</div>
+					<div class="sheet-table-row">
+						<div class="sheet-table-cell"><span>1.</span></div>
+						<div class="sheet-table-cell"><input type="text" name="attr_super_animon_quality_1" placeholder="Quality" /></div>
+						<div class="sheet-table-cell"><input type="number" name="attr_super_animon_quality_1_rank" value="1" /></div>
+					</div>
+					<div class="sheet-table-row">
+						<div class="sheet-table-cell"><span>2.</span></div>
+						<div class="sheet-table-cell"><input type="text" name="attr_super_animon_quality_2" placeholder="Quality" /></div>
+						<div class="sheet-table-cell"><input type="number" name="attr_super_animon_quality_2_rank" value="1" /></div>
+					</div>
+				</div>
+			</article>
+		</section>
+		<section>
+			<article>
+				<h3 class="sheet-stage">Ultra</h3>
+			</article>
+			<article>
+				<h2>Stats</h2>
+				<div>
+					<span>Heart</span>
+					<input type="number" name="attr_ultra_animon_heart" value="0" />
+				</div>
+				<div>
+					<span>Power</span>
+					<input type="number" name="attr_ultra_animon_power" value="0" />
+				</div>
+				<div>
+					<span>Agility</span>
+					<input type="number" name="attr_ultra_animon_agility" value="0" />
+				</div>
+				<div>
+					<span>Brains</span>
+					<input type="number" name="attr_ultra_animon_brains" value="0" />
+				</div>
+			</article>
+			<article>
+				<h3>HP</h3>
+				<div>
+					<input type="number" name="attr_ultra_animon_hp" value="0" />
+					<input type="hidden" name="attr_ultra_animon_hp_max" value="10" />
+					<span name="attr_ultra_animon_hp_max"></span>
+				</div>
+			</article>
+			<article>
+				<h3>Damage</h3>
+				<div>
+					<input type="number" name="attr_ultra_animon_damage" value="0" />
+				</div>
+			</article>
+			<article>
+				<h3>Dodge</h3>
+				<div>
+					<input type="number" name="attr_ultra_animon_dodge" value="0" />
+				</div>
+			</article>
+			<article>
+				<h3>Initiative</h3>
+				<div>
+					<input type="number" name="attr_ultra_animon_initiative" value="0" />
+				</div>
+			</article>
+			<article>
+				<span>Name</span>
+				<input type="text" name="attr_ultra_animon_name" placeholder="Name" />
+			</article>
+			<article>
+				<span>Nature</span>
+				<input type="text" name="attr_ultra_animon_nature" placeholder="Nature" />
+			</article>
+			<div>
+				<article>
+					<h2>Class</h2>
+					<input type="text" name="attr_ultra_animon_class" placeholder="Class" />
+				</article>
+				<article>
+					<h2>Element</h2>
+					<input type="text" name="attr_ultra_animon_element" placeholder="Element" />
+				</article>
+			</div>
+			<article>
+				<h2>Signature attack</h2>
+				<div>
+					<div>
+						<span>Name:</span>
+						<input type="text" name="attr_ultra_animon_sigAttack_name" placeholder="Name" />
+					</div>
+					<div>
+						<div>
+							<span>Rank:</span>
+							<input type="number" name="attr_ultra_animon_sigAttack_rank" value="0" />
+						</div>
+						<div>
+							<span>Element:</span>
+							<input type="text" name="attr_ultra_animon_sigAttack_element" placeholder="Element" />
+						</div>
+					</div>
+					<div>
+						<span>Effect 1)</span>
+						<input type="text" name="attr_ultra_animon_sigAttack_effect1" placeholder="Effect" />
+					</div>
+					<div>
+						<span>Effect 2)</span>
+						<input type="text" name="attr_ultra_animon_sigAttack_effect2" placeholder="Effect" />
+					</div>
+					<div>
+						<span>Effect 3)</span>
+						<input type="text" name="attr_ultra_animon_sigAttack_effect3" placeholder="Effect" />
+					</div>
+				</div>
+			</article>
+			<article>
+				<div class="sheet-table">
+					<div class="sheet-table-header">
+						<div class="sheet-table-cell"></div>
+						<div class="sheet-table-cell">Qualities:</div>
+						<div class="sheet-table-cell">Rank:</div>
+					</div>
+					<div class="sheet-table-row">
+						<div class="sheet-table-cell"><span>1.</span></div>
+						<div class="sheet-table-cell"><input type="text" name="attr_ultra_animon_quality_1" placeholder="Quality" /></div>
+						<div class="sheet-table-cell"><input type="number" name="attr_ultra_animon_quality_1_rank" value="1" /></div>
+					</div>
+					<div class="sheet-table-row">
+						<div class="sheet-table-cell"><span>2.</span></div>
+						<div class="sheet-table-cell"><input type="text" name="attr_ultra_animon_quality_2" placeholder="Quality" /></div>
+						<div class="sheet-table-cell"><input type="number" name="attr_ultra_animon_quality_2_rank" value="1" /></div>
+					</div>
+				</div>
+			</article>
+		</section>
+		<section>
+			<article>
+				<h3 class="sheet-stage">Giga</h3>
+			</article>
+			<article>
+				<h2>Stats</h2>
+				<div>
+					<span>Heart</span>
+					<input type="number" name="attr_giga_animon_heart" value="0" />
+				</div>
+				<div>
+					<span>Power</span>
+					<input type="number" name="attr_giga_animon_power" value="0" />
+				</div>
+				<div>
+					<span>Agility</span>
+					<input type="number" name="attr_giga_animon_agility" value="0" />
+				</div>
+				<div>
+					<span>Brains</span>
+					<input type="number" name="attr_giga_animon_brains" value="0" />
+				</div>
+			</article>
+			<article>
+				<h3>HP</h3>
+				<div>
+					<input type="number" name="attr_giga_animon_hp" value="0" />
+					<input type="hidden" name="attr_giga_animon_hp_max" value="10" />
+					<span name="attr_giga_animon_hp_max"></span>
+				</div>
+			</article>
+			<article>
+				<h3>Damage</h3>
+				<div>
+					<input type="number" name="attr_giga_animon_damage" value="0" />
+				</div>
+			</article>
+			<article>
+				<h3>Dodge</h3>
+				<div>
+					<input type="number" name="attr_giga_animon_dodge" value="0" />
+				</div>
+			</article>
+			<article>
+				<h3>Initiative</h3>
+				<div>
+					<input type="number" name="attr_giga_animon_initiative" value="0" />
+				</div>
+			</article>
+			<article>
+				<span>Name</span>
+				<input type="text" name="attr_giga_animon_name" placeholder="Name" />
+			</article>
+			<article>
+				<span>Nature</span>
+				<input type="text" name="attr_giga_animon_nature" placeholder="Nature" />
+			</article>
+			<div>
+				<article>
+					<h2>Class</h2>
+					<input type="text" name="attr_giga_animon_class" placeholder="Class" />
+				</article>
+				<article>
+					<h2>Element</h2>
+					<input type="text" name="attr_giga_animon_element" placeholder="Element" />
+				</article>
+			</div>
+			<article>
+				<h2>Signature attack</h2>
+				<div>
+					<div>
+						<span>Name:</span>
+						<input type="text" name="attr_giga_animon_sigAttack_name" placeholder="Name" />
+					</div>
+					<div>
+						<div>
+							<span>Rank:</span>
+							<input type="number" name="attr_giga_animon_sigAttack_rank" value="0" />
+						</div>
+						<div>
+							<span>Element:</span>
+							<input type="text" name="attr_giga_animon_sigAttack_element" placeholder="Element" />
+						</div>
+					</div>
+					<div>
+						<span>Effect 1)</span>
+						<input type="text" name="attr_giga_animon_sigAttack_effect1" placeholder="Effect" />
+					</div>
+					<div>
+						<span>Effect 2)</span>
+						<input type="text" name="attr_giga_animon_sigAttack_effect2" placeholder="Effect" />
+					</div>
+					<div>
+						<span>Effect 3)</span>
+						<input type="text" name="attr_giga_animon_sigAttack_effect3" placeholder="Effect" />
+					</div>
+				</div>
+			</article>
+			<article>
+				<div class="sheet-table">
+					<div class="sheet-table-header">
+						<div class="sheet-table-cell"></div>
+						<div class="sheet-table-cell">Qualities:</div>
+						<div class="sheet-table-cell">Rank:</div>
+					</div>
+					<div class="sheet-table-row">
+						<div class="sheet-table-cell"><span>1.</span></div>
+						<div class="sheet-table-cell"><input type="text" name="attr_giga_animon_quality_1" placeholder="Quality" /></div>
+						<div class="sheet-table-cell"><input type="number" name="attr_giga_animon_quality_1_rank" value="1" /></div>
+					</div>
+					<div class="sheet-table-row">
+						<div class="sheet-table-cell"><span>2.</span></div>
+						<div class="sheet-table-cell"><input type="text" name="attr_giga_animon_quality_2" placeholder="Quality" /></div>
+						<div class="sheet-table-cell"><input type="number" name="attr_giga_animon_quality_2_rank" value="1" /></div>
+					</div>
+				</div>
+			</article>
+		</section>
+	</div>
+
+	<div class="sheet-option">
+		<section>
+			<article>
+				<h3>Roll type</h3>
+				<div>
+					<span>Roll visibility:</span>
+					<select name="attr_rollWhisperType">
+						<option value="" selected><span>Show rolls</span></option>
+						<option value="?{Whisper?|Public Roll,|Whisper Roll,/w gm }"><span>Ask each time</span></option>
+						<option value="/w gm"><span>Always whisper</span></option>
+					</select>
+				</div>
+			</article>
+			<article>
+				<h3>Roll popup</h3>
+				<div>
+					<span>Pops every time:</span>
+					<input type="checkbox" name="attr_rollPopup" />
+				</div>
+				<div>
+					<span>Default bonus dice:</span>
+					<input type="number" name="attr_defaultBonusDice" value="0" />
+				</div>
+				<div>
+					<span>Default modifier:</span>
+					<select name="attr_rollModifier">
+						<option value="6">Double Setback</option>
+						<option value="5">Setback</option>
+						<option value="4" selected>Normal</option>
+						<option value="3">Boost</option>
+						<option value="2">Double Boost</option>
+					</select>
+				</div>
+			</article>
+		</section>
+		<section>
+			<article>
+				<h3>Bonus HP</h3>
+				<div>
+					<span class="sheet-stage">Fledgling:</span>
+					<input type="number" name="attr_bonusHP_fledgling" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Basic:</span>
+					<input type="number" name="attr_bonusHP_basic" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Super:</span>
+					<input type="number" name="attr_bonusHP_super" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Ultra:</span>
+					<input type="number" name="attr_bonusHP_ultra" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Giga:</span>
+					<input type="number" name="attr_bonusHP_giga" value="0" />
+				</div>
+			</article>
+			<article>
+				<h3>Bonus HP Multiplier</h3>
+				<div>
+					<span class="sheet-stage">Fledgling:</span>
+					<input type="number" name="attr_bonusHPMultiplier_fledgling" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Basic:</span>
+					<input type="number" name="attr_bonusHPMultiplier_basic" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Super:</span>
+					<input type="number" name="attr_bonusHPMultiplier_super" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Ultra:</span>
+					<input type="number" name="attr_bonusHPMultiplier_ultra" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Giga:</span>
+					<input type="number" name="attr_bonusHPMultiplier_giga" value="0" />
+				</div>
+			</article>
+			<article>
+				<h3>Bonus Damage</h3>
+				<div>
+					<span class="sheet-stage">Fledgling:</span>
+					<input type="number" name="attr_bonusDamage_fledgling" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Basic:</span>
+					<input type="number" name="attr_bonusDamage_basic" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Super:</span>
+					<input type="number" name="attr_bonusDamage_super" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Ultra:</span>
+					<input type="number" name="attr_bonusDamage_ultra" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Giga:</span>
+					<input type="number" name="attr_bonusDamage_giga" value="0" />
+				</div>
+			</article>
+			<article>
+				<h3>Bonus Damage Multiplier</h3>
+				<div>
+					<span class="sheet-stage">Fledgling:</span>
+					<input type="number" name="attr_bonusDamageMultiplier_fledgling" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Basic:</span>
+					<input type="number" name="attr_bonusDamageMultiplier_basic" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Super:</span>
+					<input type="number" name="attr_bonusDamageMultiplier_super" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Ultra:</span>
+					<input type="number" name="attr_bonusDamageMultiplier_ultra" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Giga:</span>
+					<input type="number" name="attr_bonusDamageMultiplier_giga" value="0" />
+				</div>
+			</article>
+			<article>
+				<h3>Bonus Dodge</h3>
+				<div>
+					<span class="sheet-stage">Fledgling:</span>
+					<input type="number" name="attr_bonusDodge_fledgling" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Basic:</span>
+					<input type="number" name="attr_bonusDodge_basic" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Super:</span>
+					<input type="number" name="attr_bonusDodge_super" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Ultra:</span>
+					<input type="number" name="attr_bonusDodge_ultra" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Giga:</span>
+					<input type="number" name="attr_bonusDodge_giga" value="0" />
+				</div>
+			</article>
+			<article>
+				<h3>Bonus Initiative</h3>
+				<div>
+					<span class="sheet-stage">Fledgling:</span>
+					<input type="number" name="attr_bonusInitiative_fledgling" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Basic:</span>
+					<input type="number" name="attr_bonusInitiative_basic" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Super:</span>
+					<input type="number" name="attr_bonusInitiative_super" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Ultra:</span>
+					<input type="number" name="attr_bonusInitiative_ultra" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Giga:</span>
+					<input type="number" name="attr_bonusInitiative_giga" value="0" />
+				</div>
+			</article>
+			<article>
+				<h3>Bonus Sig. Attack</h3>
+				<div>
+					<span class="sheet-stage">Fledgling:</span>
+					<input type="number" name="attr_bonusSigAttack_fledgling" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Basic:</span>
+					<input type="number" name="attr_bonusSigAttack_basic" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Super:</span>
+					<input type="number" name="attr_bonusSigAttack_super" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Ultra:</span>
+					<input type="number" name="attr_bonusSigAttack_ultra" value="0" />
+				</div>
+				<div>
+					<span class="sheet-stage">Giga:</span>
+					<input type="number" name="attr_bonusSigAttack_giga" value="0" />
+				</div>
+			</article>
+		</section>
+	</div>
+</div>
+
+<script type="text/worker">
+	const buttonList = ["character", "action", "animon", "option"];
+	buttonList.forEach(button => {
+		on(`clicked:${button}`, function() {
+			setAttrs({sheetTab: button});
+		});
+	});
+
+	const animonLevels = ["fledgling", "basic", "super", "ultra", "giga"];
+	const maxValues = {
+		maxAttr: [3, 4, 5, 6, 6],
+		hp: [0, 5, 10, 15, 20],
+		hpMult: [3, 3, 4, 5, 6],
+		damage: [1, 2, 2, 3, 4],
+	};
+
+	on("clicked:animon_evolve clicked:animon_devolve", function(eventInfo) {
+		const delta = eventInfo.htmlAttributes.name === "act_animon_evolve" ? 1 : -1;
+		getAttrs(["display_animon_evo"], function(values) {
+			var output = {};
+			const evo = values["display_animon_evo"];
+			const newEvo = (animonLevels.indexOf(evo) + delta + animonLevels.length) % animonLevels.length;
+			const evoStage = animonLevels[newEvo];
+
+			output["display_animon_evo"] = evoStage;
+
+			setAttrs(output, {silent: false});
+		});
+	});
+
+	on("change:display_animon_evo", function(eventInfo) {
+		const evoStage = eventInfo.newValue;
+
+		var attrs_to_get = [
+			`${evoStage}_animon_name`,
+			`${evoStage}_animon_nature`,
+			`${evoStage}_animon_class`,
+			`${evoStage}_animon_element`,
+			`${evoStage}_animon_heart`,
+			`${evoStage}_animon_power`,
+			`${evoStage}_animon_agility`,
+			`${evoStage}_animon_brains`,
+			`${evoStage}_animon_hp`,
+			`${evoStage}_animon_damage`,
+			`${evoStage}_animon_dodge`,
+			`${evoStage}_animon_initiative`,
+			`${evoStage}_animon_sigAttack_name`,
+			`${evoStage}_animon_sigAttack_rank`,
+			`${evoStage}_animon_sigAttack_element`,
+			`${evoStage}_animon_sigAttack_effect1`,
+			`${evoStage}_animon_sigAttack_effect2`,
+			`${evoStage}_animon_sigAttack_effect3`,
+			`${evoStage}_animon_quality_1`,
+			`${evoStage}_animon_quality_1_rank`,
+			`${evoStage}_animon_quality_2`,
+			`${evoStage}_animon_quality_2_rank`
+		];
+
+		getAttrs(attrs_to_get, function(values) {
+			var output = {};
+
+			const name = values[`${evoStage}_animon_name`];
+			const nature = values[`${evoStage}_animon_nature`];
+			const animonClass = values[`${evoStage}_animon_class`];
+			const element = values[`${evoStage}_animon_element`];
+			const heart = values[`${evoStage}_animon_heart`];
+			const power = values[`${evoStage}_animon_power`];
+			const agility = values[`${evoStage}_animon_agility`];
+			const brains = values[`${evoStage}_animon_brains`];
+			const hp = values[`${evoStage}_animon_hp`];
+			const damage = values[`${evoStage}_animon_damage`];
+			const dodge = values[`${evoStage}_animon_dodge`];
+			const initiative = values[`${evoStage}_animon_initiative`];
+			const sigAttackName = values[`${evoStage}_animon_sigAttack_name`];
+			const sigAttackRank = values[`${evoStage}_animon_sigAttack_rank`];
+			const sigAttackElement = values[`${evoStage}_animon_sigAttack_element`];
+			const sigAttackEffect1 = values[`${evoStage}_animon_sigAttack_effect1`];
+			const sigAttackEffect2 = values[`${evoStage}_animon_sigAttack_effect2`];
+			const sigAttackEffect3 = values[`${evoStage}_animon_sigAttack_effect3`];
+			const quality1 = values[`${evoStage}_animon_quality_1`];
+			const quality1Rank = values[`${evoStage}_animon_quality_1_rank`];
+			const quality2 = values[`${evoStage}_animon_quality_2`];
+			const quality2Rank = values[`${evoStage}_animon_quality_2_rank`];
+
+			output["display_animon_name"] = name;
+			output["display_animon_nature"] = nature;
+			output["display_animon_class"] = animonClass;
+			output["display_animon_element"] = element;
+			output["display_animon_heart"] = heart;
+			output["display_animon_power"] = power;
+			output["display_animon_agility"] = agility;
+			output["display_animon_brains"] = brains;
+			output["display_animon_hp"] = hp;
+			output["display_animon_damage"] = damage;
+			output["display_animon_dodge"] = dodge;
+			output["display_animon_initiative"] = initiative;
+			output["display_animon_sigAttack_name"] = sigAttackName;
+			output["display_animon_sigAttack_rank"] = sigAttackRank;
+			output["display_animon_sigAttack_element"] = sigAttackElement;
+			output["display_animon_sigAttack_effect1"] = sigAttackEffect1;
+			output["display_animon_sigAttack_effect2"] = sigAttackEffect2;
+			output["display_animon_sigAttack_effect3"] = sigAttackEffect3;
+			output["display_animon_quality_1"] = quality1;
+			output["display_animon_quality_1_rank"] = quality1Rank;
+			output["display_animon_quality_2"] = quality2;
+			output["display_animon_quality_2_rank"] = quality2Rank;
+
+			setAttrs(output, {silent: false});
+		});
+	});
+
+	on("change:display_animon_brains", function(eventInfo) {
+		const oldBrains = parseInt(eventInfo.previousValue);
+		const newBrains = parseInt(eventInfo.newValue);
+
+		getAttrs(["sigAttackUses"], function(values) {
+			var output = {};
+
+			const sigAttackUses = parseInt(values["sigAttackUses"]);
+			const missingUses = oldBrains - sigAttackUses;
+			const newUses = newBrains - missingUses;
+
+			output["sigAttackUses"] = newUses;
+			output["sigAttackUses_max"] = newBrains;
+
+			setAttrs(output, {silent: true});
+		});
+	});
+
+	animonLevels.forEach((level, index) => {
+		on(`change:${level}_animon_heart change:bonusHP_${level} change:bonusHPMultiplier_${level}`, function(eventInfo) {
+			getAttrs([`${level}_animon_heart`, `bonusHP_${level}`, `bonusHPMultiplier_${level}`], function(values) {
+				const heart = Math.max(1, Math.min(maxValues.maxAttr[index], parseInt(values[`${level}_animon_heart`])));
+				const bonusHp = parseInt(values[`bonusHP_${level}`]);
+				const heartMult = parseInt(values[`bonusHPMultiplier_${level}`]);
+				setAttrs({
+					[`${level}_animon_heart`]: heart,
+					[`${level}_animon_hp_max`]: bonusHp + maxValues.hp[0] + heart * (maxValues.hpMult[0] + heartMult)
+				}, {silent: true});
+			});
+		});
+
+		on(`change:${level}_animon_power change:bonusDamage_${level} change:bonusDamageMultiplier_${level}`, function(eventInfo) {
+			getAttrs([`${level}_animon_power`, `bonusDamage_${level}`, `bonusDamageMultiplier_${level}`], function(values) {
+				const power = Math.max(1, Math.min(maxValues.maxAttr[index], parseInt(values[`${level}_animon_power`])));
+				const bonusDamage = parseInt(values[`bonusDamage_${level}`]);
+				const powerMult = parseInt(values[`bonusDamageMultiplier_${level}`]);
+				setAttrs({
+					[`${level}_animon_power`]: power,
+					[`${level}_animon_damage`]: bonusDamage + power * (powerMult + maxValues.damage[index])
+				}, {silent: true});
+			});
+		});
+
+		on(`change:${level}_animon_agility change:bonusDodge_${level}`, function(eventInfo) {
+			getAttrs([`${level}_animon_agility`, `bonusDodge_${level}`], function(values) {
+				const agility = Math.max(1, Math.min(maxValues.maxAttr[index], parseInt(values[`${level}_animon_agility`])));
+				const bonusDodge = parseInt(values[`bonusDodge_${level}`]);
+				setAttrs({
+					[`${level}_animon_agility`]: agility,
+					[`${level}_animon_dodge`]: bonusDodge + agility
+				}, {silent: true});
+			});
+		});
+
+		on(`change:${level}_animon_brains change:bonusInitiative_${level}`, function(eventInfo) {
+			getAttrs([`${level}_animon_brains`, `bonusInitiative_${level}`], function(values) {
+				const brains = Math.max(1, Math.min(maxValues.maxAttr[index], parseInt(values[`${level}_animon_brains`])));
+				const bonusInitiative = parseInt(values[`bonusInitiative_${level}`]);
+				setAttrs({
+					[`${level}_animon_brains`]: brains,
+					[`${level}_animon_initiative`]: bonusInitiative + brains
+				}, {silent: true});
+			});
+		});
+	});
+
+	on("change:bondLevel", function(eventInfo) {
+		var output = {};
+
+		const bondLevel = parseInt(eventInfo.newValue);
+		const bondPointsMax = 5 + bondLevel;
+		const staminaMax = 9 + bondLevel;
+
+		output["bondPoints_max"] = bondPointsMax;
+		output["stamina_max"] = staminaMax;
+
+		setAttrs(output, {silent: true});
+	});
+</script>
+</html>
diff --git a/Animon_Story/aachen-bold-opentype.otf b/Animon_Story/aachen-bold-opentype.otf
new file mode 100644
index 0000000000..de8d0afa38
Binary files /dev/null and b/Animon_Story/aachen-bold-opentype.otf differ
diff --git a/Animon_Story/sheet.json b/Animon_Story/sheet.json
new file mode 100644
index 0000000000..8d4da9e595
--- /dev/null
+++ b/Animon_Story/sheet.json
@@ -0,0 +1,9 @@
+{
+	"html": "Animon_Story.html",
+	"css": "Animon_Story.css",
+	"authors": "Aurélien \"Wagi\" Chabani",
+	"roll20userid": "4842841",
+	"preview": "Animon_Story.png",
+	"instructions": "**This is the first version of the Animon Story character sheet for Roll20, created by Wagi.**\nThis sheet might be subject to later changes and updates.\n\n**Thank you for using this sheet!**",
+	"legacy": false
+}