diff --git a/BREAK!!/BREAK.css b/BREAK!!/BREAK.css
new file mode 100644
index 0000000000..9067566402
--- /dev/null
+++ b/BREAK!!/BREAK.css
@@ -0,0 +1,545 @@
+:root {
+	--pure-white: white;
+	--light-white: #f5f5f5;
+	--dark-white: #d3d3d3;
+	--light-gray: #aaaaaa;
+	--pure-gray: gray;
+	--dark-gray: #2c2c2c;
+	--light-black: #232323;
+	--dark-black: #101010;
+	--pure-black: black;
+}
+
+/**** General stuff ***/
+.charsheet {
+	background-color: white;
+	color: black;
+}
+
+.sheet-darkmode .charsheet {
+	background-color: #1f1f1f;
+	color: white;
+}
+
+h1 {
+	flex-grow: 0;
+	background-color: var(--dark-white);
+	margin-top: 6px;
+	margin-bottom: 6px;
+	padding: 4px;
+	border-radius: 4px;
+	text-transform: uppercase;
+	color: var(--pure-black);
+	font-weight: bold;
+	font-size: large;
+}
+
+.sheet-darkmode .charsheet h1 {
+	background-color: var(--dark-gray);
+	color: var(--pure-white);
+}
+
+.sheet-darkmode .charsheet h2 {
+	color: var(--pure-white);
+}
+
+span {
+	font-weight: normal;
+}
+
+input {
+	border: none;
+}
+
+textarea {
+	border: none;
+}
+
+.sheet-darkmode .charsheet .sheet-tabButton {
+	background-color: var(--light-black);
+	color: var(--pure-white);
+}
+
+.sheet-darkmode .charsheet input[type="text"] {
+	background-color: var(--light-black);
+	color: var(--pure-white);
+}
+
+.sheet-darkmode .charsheet textarea {
+	background-color: var(--light-black);
+	color: var(--pure-white);
+}
+
+.sheet-darkmode .charsheet input[type="number"] {
+	background-color: var(--light-black);
+	color: var(--pure-white);
+}
+
+.sheet-darkmode .charsheet button[type="roll"] {
+	background-color: var(--light-black);
+	color: var(--pure-white);
+	background-position: -25px -25px;
+}
+
+.sheet-darkmode .charsheet select {
+	background-color: var(--light-black);
+	color: var(--pure-white);
+}
+
+/**** tabs handler ***/
+/*Configure the tab buttons*/
+.sheet-stats, .sheet-notes {
+	display: none;
+}
+
+.sheet-tabstoggle[value="stats"]~div.sheet-stats,
+.sheet-tabstoggle[value="notes"]~div.sheet-notes {
+	display: flex;
+}
+
+/* show the selected tab */
+
+/**** sheet ***/
+/*Sheet layout*/
+.sheet-stats {
+	flex-flow: column wrap;
+	justify-content: flex-start;
+	align-items: flex-start;
+}
+
+.sheet-notes {
+	flex-flow: column wrap;
+	justify-content: flex-start;
+}
+
+.sheet-mainPageUpperSide {
+	display: flex;
+	flex-flow: row wrap;
+	justify-content: stretch;
+	gap: 20px;
+	width: 100%;
+}
+
+div.sheet-attributeHeader {
+	display: flex;
+	flex-flow: row nowrap;
+	justify-content: space-between;
+	gap: 20px;
+}
+
+div.sheet-attributeBase {
+	display: flex;
+	flex-shrink: 1;
+	align-items: center;
+	justify-content: flex-end;
+	gap: 5px;
+}
+
+.sheet-attributeBase input[type="number"] {
+	width: 40px !important;
+	height: 40px !important;
+	background-color: var(--light-white);
+	padding: 2px;
+	border: 2px solid var(--pure-black);
+	border-radius: 50%;
+	text-align: right;
+}
+
+.sheet-darkmode .sheet-attributeBase input[type="number"] {
+	background-color: var(--light-black);
+	border: 2px solid var(--pure-white);
+	color: var(--pure-white);
+}
+
+.sheet-traitsList {
+	display: flex;
+	flex-flow: row wrap;
+	justify-content: flex-start;
+	gap: 10px;
+}
+
+.sheet-traitsList>div {
+	display: flex;
+	flex-flow: row nowrap;
+	flex-grow: 0;
+	flex-shrink: 0;
+	gap: 2px;
+	border-bottom: 1px dashed var(--dark-white);
+}
+
+.sheet-darkmode .sheet-traitsList>div {
+	border-bottom: 1px dashed var(--light-black);
+}
+
+.sheet-statButtons {
+	display: flex;
+	flex-flow: row wrap;
+	justify-content: flex-start;
+	gap: 10px;
+}
+
+.sheet-statButtons>div {
+	display: flex;
+	flex-flow: column;
+	align-items: stretch;
+	justify-content: flex-start;
+	flex-grow: 1;
+	flex-shrink: 0;
+	gap: 5px;
+}
+
+.sheet-flexRow {
+	display: flex;
+	flex-flow: row nowrap;
+	justify-content: flex-start;
+	align-items: center;
+	gap: 5px;
+}
+
+.sheet-flexRowNoGap {
+	display: flex;
+	flex-flow: row nowrap;
+	justify-content: flex-start;
+	align-items: center;
+}
+
+.sheet-flexEnd {
+	display: flex;
+	justify-content: flex-end;
+}
+
+.sheet-flexColumn {
+	display: flex;
+	flex-flow: column nowrap;
+	justify-content: flex-start;
+	align-items: stretch;
+	gap: 5px;
+}
+
+.sheet-flexColumnNoGap {
+	display: flex;
+	flex-flow: column nowrap;
+	justify-content: flex-start;
+	align-items: stretch;
+}
+
+.sheet-flexRowInvert {
+	display: flex;
+	flex-flow: row-reverse nowrap;
+	justify-content: flex-start;
+	align-items: center;
+	gap: 5px;
+}
+
+.sheet-flexColumnInvert {
+	display: flex;
+	flex-flow: column-reverse nowrap;
+	justify-content: flex-start;
+	align-items: stretch;
+	gap: 5px;
+}
+
+.sheet-flexGrow {
+	flex-grow: 1;
+}
+
+.sheet-flexShrink {
+	flex-shrink: 1;
+}
+
+.sheet-flexIdentity {
+	flex-grow: 1;
+	flex-shrink: 1;
+}
+
+.sheet-flexGrowFull {
+	width: 100%;
+}
+
+.sheet-stretch {
+	display: flex;
+	flex-flow: row nowrap;
+	justify-content: stretch;
+}
+
+.sheet-2Row {
+	display: flex;
+	flex-flow: row wrap;
+	align-items: stretch;
+	justify-content: flex-start;
+	gap: 2%;
+}
+
+.sheet-2RowItem {
+	flex-grow: 1;
+	flex-shrink: 1;
+	width: 48%;
+	box-sizing: border-box;
+}
+
+.sheet-box {
+	border: 1px solid var(--dark-white);
+	padding: 4px;
+	margin-bottom: 4px;
+}
+
+.sheet-darkmode .sheet-box {
+	border-color: var(--dark-gray);
+}
+
+.sheet-wrap {
+	flex-wrap: wrap;
+}
+
+/*Content*/
+
+.sheet-oneLineInfo {
+	border-top: 2px solid var(--dark-gray);
+	margin-top: 10px;
+	margin-bottom: 6px;
+	padding: 2px;
+	display: flex;
+}
+
+.sheet-darkmode .sheet-oneLineInfo {
+	border-top: 2px solid var(--dark-white);
+}
+
+
+.sheet-oneLineInfo>span {
+	margin-right: 5px;
+	flex-shrink: 0;
+	width: 75px;
+	font-weight: bold;
+}
+
+.sheet-oneLineInfo>input {
+	flex-grow: 1;
+	border: none;
+	background-color: none;
+}
+
+.sheet-multiLineInfo {
+	border-top: 2px solid var(--dark-gray);
+	margin-top: 10px;
+	margin-bottom: 6px;
+	padding: 2px;
+}
+
+.sheet-darkmode .sheet-multiLineInfo {
+	border-top: 2px solid var(--dark-white);
+}
+
+.sheet-multiLineInfo>span {
+	margin-right: 5px;
+	font-weight: bold;
+}
+
+.sheet-multiLineInfo>textarea {
+	width: 100%;
+	border: none;
+	background-color: none;
+}
+
+.sheet-attributeButton {
+	width: 50px;
+	height: 50px;
+	border-radius: 50%;
+	border: 2px solid var(--pure-black);
+	padding: 7px;
+	background-image:
+	linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%),
+	linear-gradient(to bottom, rgba(216, 214, 214, 1) 0%, rgba(216, 214, 214, 1) 100%);
+	background-clip: content-box, padding-box;
+	font-weight: bold;
+	font-size: large;
+	flex-shrink: 0;
+}
+
+.sheet-darkmode .sheet-attributeButton {
+	border: 2px solid var(--pure-white);
+	background-image:
+	linear-gradient(to bottom, rgba(35, 35, 35, 1) 0%, rgba(35, 35, 35, 1) 100%),
+	linear-gradient(to bottom, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 1) 100%);
+	color: var(--pure-white);
+}
+
+.sheet-attributeButton:hover {
+	border: 4px solid #3daade;
+	padding: 5px;
+}
+
+.sheet-attributeModifier>input {
+	flex-grow: 1;
+	max-width: 420px;
+	border: none;
+	background-color: none;
+}
+
+.sheet-squares {
+	display: flex;
+	flex-flow: row nowrap;
+	justify-content: flex-start;
+	gap: 0px;
+}
+
+.sheet-squareInput[value="1"]~.sheet-square{
+	border: 1px solid var(--light-white);
+	background-color: var(--dark-black);
+}
+
+.sheet-squareInput[value="0"]~.sheet-square{
+	border: 1px solid var(--dark-black);
+	background-color: var(--light-white);
+}
+
+.sheet-square {
+	width: 5px;
+	height: 5px;
+	border-radius: 1px;
+}
+
+.health-heart {
+	display: flex;
+	width: 1px !important;
+	height: 5px !important;
+}
+
+.health-heart-input[value="1"]~.health-heart {
+	background-color: var(--pure-black);
+}
+.health-heart-input[value="0"]~.health-heart {
+	background-color: var(--pure-white);
+}
+.health-heart-input[value="-1"]~.health-heart {
+	display: none;
+}
+
+.sheet-speedBox {
+	background-color: var(--light-white);
+}
+
+.sheet-darkmode .sheet-speedBox {
+	background-color: var(--light-black);
+}
+
+.sheet-speedBox:hover {
+	border-color: #3daade;
+}
+
+.sheet-speedBox[value="0"]~button.sheet-speedBox[value="0"],
+.sheet-speedBox[value="1"]~button.sheet-speedBox[value="1"],
+.sheet-speedBox[value="2"]~button.sheet-speedBox[value="2"],
+.sheet-speedBox[value="3"]~button.sheet-speedBox[value="3"] {
+	background-color: var(--dark-white);
+}
+
+.sheet-darkmode .sheet-speedBox[value="0"]~button.sheet-speedBox[value="0"],
+.sheet-darkmode .sheet-speedBox[value="1"]~button.sheet-speedBox[value="1"],
+.sheet-darkmode .sheet-speedBox[value="2"]~button.sheet-speedBox[value="2"],
+.sheet-darkmode .sheet-speedBox[value="3"]~button.sheet-speedBox[value="3"] {
+	background-color: var(--dark-gray);
+}
+
+.sheet-leftSeparation {
+	border-left: 2px solid var(--dark-white);
+	padding-left: 4px;
+}
+
+.sheet-darkmode .sheet-leftSeparation {
+	border-left: 2px solid var(--dark-gray);
+}
+
+.sheet-rightSeparation {
+	border-right: 2px solid var(--pure-black);
+	padding-right: 4px;
+}
+
+.sheet-darkmode .sheet-rightSeparation {
+	border-right: 2px solid var(--pure-white);
+}
+
+.sheet-smallGap {
+	gap: 2px;
+}
+
+.sheet-downGap {
+	padding-bottom: 6px;
+}
+
+.sheet-bold {
+	font-weight: bold;
+}
+
+.sheet-unscaledTextArea {
+	resize: none;
+}
+
+.sheet-scalableTextArea {
+	resize: vertical;
+}
+
+.sheet-rolltemplate-carac .sheet-template-container,
+.sheet-rolltemplate-generic .sheet-template-container {
+	display: flex;
+	flex-flow: column nowrap;
+	justify-content: flex-start;
+	align-items: stretch;
+	border: 1px solid;
+	border-radius: 10px;
+}
+
+.sheet-rolltemplate-carac .sheet-template-container,
+.sheet-rolltemplate-generic .sheet-template-container {
+	border-color: #aaaaaa;
+	background-color: white;
+}
+
+.sheet-rolltemplate-carac.sheet-rolltemplate-darkmode .sheet-template-container,
+.sheet-rolltemplate-generic.sheet-rolltemplate-darkmode .sheet-template-container {
+	border-color: #702c91;
+	background-color: #1f1f1f;
+}
+
+.sheet-rolltemplate-carac .sheet-rolls {
+	display: none;
+}
+
+.sheet-rolltemplate-carac .sheet-template-header,
+.sheet-rolltemplate-generic .sheet-template-header {
+	padding: 5px;
+	display: flex;
+	align-items: stretch;
+	border-top-left-radius: 10px;
+	border-top-right-radius: 10px;
+}
+
+.sheet-rolltemplate-carac .sheet-template-header,
+.sheet-rolltemplate-generic .sheet-template-header {
+	background-color: lightgray;
+}
+
+.sheet-rolltemplate-carac.sheet-rolltemplate-darkmode .sheet-template-header,
+.sheet-rolltemplate-generic.sheet-rolltemplate-darkmode .sheet-template-header {
+	background-color: #2c2c2c;
+}
+
+.sheet-rolltemplate-carac .sheet-template-header h1,
+.sheet-rolltemplate-generic .sheet-template-header h1 {
+	flex-grow: 1;
+	text-align: center;
+	text-transform: uppercase;
+	font-weight: bold;
+	font-size: large;
+}
+
+.sheet-rolltemplate-carac .sheet-template-contents,
+.sheet-rolltemplate-generic .sheet-template-contents {
+	margin: 10px;
+	padding: 5px;
+	display: flex;
+	flex-flow: column wrap;
+	justify-content: space-evenly;
+	align-items: center;
+	gap: 15px;
+}
diff --git a/BREAK!!/BREAK.html b/BREAK!!/BREAK.html
new file mode 100644
index 0000000000..8758f01826
--- /dev/null
+++ b/BREAK!!/BREAK.html
@@ -0,0 +1,1494 @@
+<!DOCTYPE html>
+
+<script type="text/worker">
+	// Worker
+	//tabs handler
+	const buttonlist = ["stats","notes"];
+	buttonlist.forEach(button => {
+		on(`clicked:${button}`, function() {
+			setAttrs({
+				sheetTab: button
+			});
+		});
+	});
+
+	on("change:might_base change:might_trait change:might_modifier sheet:opened", function() {
+		getAttrs(["might_base", "might_trait", "might_modifier"], function(values) {
+			var output = {};
+			var might_total = 0;
+
+			might_total = parseInt(values["might_base"])||6;
+			might_total += parseInt(values["might_trait"])||0;
+			might_total += parseInt(values["might_modifier"])||0;
+
+			output["might_total"] = might_total;
+
+			for (let i = 1; i <= 20; i++) {
+				output[`mightSquare${i}`] = (i <= might_total) ? 1 : 0;
+			}
+
+			setAttrs(output, {silent: false});
+		});
+	});
+
+	on("change:deftness_base change:deftness_trait change:deftness_modifier sheet:opened", function() {
+		getAttrs(["deftness_base", "deftness_trait", "deftness_modifier"], function(values) {
+			var output = {};
+			var deftness_total = 0;
+
+			deftness_total = parseInt(values["deftness_base"])||6;
+			deftness_total += parseInt(values["deftness_trait"])||0;
+			deftness_total += parseInt(values["deftness_modifier"])||0;
+
+			output["deftness_total"] = deftness_total;
+
+			for (let i = 1; i <= 20; i++) {
+				output[`deftnessSquare${i}`] = (i <= deftness_total) ? 1 : 0;
+			}
+
+			setAttrs(output, {silent: true});
+		});
+	});
+
+	on("change:grit_base change:grit_trait change:grit_modifier sheet:opened", function() {
+		getAttrs(["grit_base", "grit_trait", "grit_modifier"], function(values) {
+			var output = {};
+			var grit_total = 0;
+
+			grit_total = parseInt(values["grit_base"])||6;
+			grit_total += parseInt(values["grit_trait"])||0;
+			grit_total += parseInt(values["grit_modifier"])||0;
+
+			output["grit_total"] = grit_total;
+
+			for (let i = 1; i <= 20; i++) {
+				output[`gritSquare${i}`] = (i <= grit_total) ? 1 : 0;
+			}
+
+			setAttrs(output, {silent: true});
+		});
+	});
+
+	on("change:insight_base change:insight_trait change:insight_modifier sheet:opened", function() {
+		getAttrs(["insight_base", "insight_trait", "insight_modifier"], function(values) {
+			var output = {};
+			var insight_total = 0;
+
+			insight_total = parseInt(values["insight_base"])||6;
+			insight_total += parseInt(values["insight_trait"])||0;
+			insight_total += parseInt(values["insight_modifier"])||0;
+
+			output["insight_total"] = insight_total;
+
+			for (let i = 1; i <= 20; i++) {
+				output[`insightSquare${i}`] = (i <= insight_total) ? 1 : 0;
+			}
+
+			setAttrs(output, {silent: true});
+		});
+	});
+
+	on("change:aura_base change:aura_trait change:aura_modifier sheet:opened", function() {
+		getAttrs(["aura_base", "aura_trait", "aura_modifier"], function(values) {
+			var output = {};
+			var aura_total = 0;
+
+			aura_total = parseInt(values["aura_base"])||6;
+			aura_total += parseInt(values["aura_trait"])||0;
+			aura_total += parseInt(values["aura_modifier"])||0;
+
+			output["aura_total"] = aura_total;
+
+			for (let i = 1; i <= 20; i++) {
+				output[`auraSquare${i}`] = (i <= aura_total) ? 1 : 0;
+			}
+
+			setAttrs(output, {silent: true});
+		});
+	});
+
+	on("change:attack_bonus change:attack_bonus_modifier sheet:opened", function() {
+		getAttrs(["attack_bonus", "attack_bonus_modifier"], function(values) {
+			var base = parseInt(values["attack_bonus"])||0;
+			var modifier = parseInt(values["attack_bonus_modifier"])||0;
+			var total = base + modifier;
+			setAttrs({
+				"attack_bonus_total": total,
+				"attack_bonus_withPlus": "+" + total
+			});
+		});
+	});
+
+
+	function Max(values) {
+		if (values.length == 0)
+		return 0;
+		var max = values[0];
+		for (var i = 1; i < values.length; i++) {
+			if (values[i] > max)
+				max = values[i];
+			}
+		return max;
+	}
+
+	function GetClosest(values, attribute, modifier) {
+		// Generate the dice array
+		var dice = [];
+		attribute = parseInt(attribute)||0;
+		modifier = parseInt(modifier)||0;
+
+		for (var i = 0; i < values.length; i++) {
+			values[i] = parseInt(values[i])||20;
+			// Compute the final modifier to apply to each roll
+			var finalModifier = 0;
+			if (modifier < 0) {
+				finalModifier = (values[i] - modifier > attribute) ? -modifier : modifier;
+			} else {
+				if (values[i] > attribute) {
+					finalModifier = Max([-modifier, attribute - values[i]]);
+				} else if (values[i] <= attribute) {
+					finalModifier = Max([modifier, values[i] - attribute]);
+				}
+			}
+
+			// Add the dice to the array
+			dice.push({
+				original: values[i],
+				result: values[i] + finalModifier,
+				index: i,
+				diff: attribute - (values[i] + finalModifier),
+				success: (values[i] + finalModifier) <= attribute
+			});
+		}
+
+		// If there is a critical, select it
+		var anyCrit = dice.some((die) => die.original == attribute);
+		var succi = dice.filter((die) => die.success);
+		var fails = dice.filter((die) => !die.success);
+		if (anyCrit)
+			return {
+				selected: dice.find((die) => die.original == attribute),
+				dice: dice,
+				succi: succi,
+				fails: fails
+			};
+
+		// Select dice with success and the closest result
+		if (succi.length > 0) {
+			succi.sort((a, b) => a.diff - b.diff);
+			return {selected: succi[0], dice: dice, succi: succi, fails: fails};
+		} else {
+			dice.sort((a, b) => b.diff - a.diff);
+			return {selected: dice[0], dice: dice, succi: succi, fails: fails};
+		}
+	}
+
+
+	function GetFarthest(values, attribute, modifier) {
+		// Generate the dice array
+		var dice = [];
+		attribute = parseInt(attribute)||0;
+		modifier = parseInt(modifier)||0;
+
+		for (var i = 0; i < values.length; i++) {
+			values[i] = parseInt(values[i])||20;
+			// Compute the final modifier to apply to each roll
+			var finalModifier = 0;
+			if (modifier < 0) {
+				finalModifier = (values[i] - modifier > attribute) ? -modifier : modifier;
+			} else {
+				if (values[i] > attribute && values[i] - modifier <= attribute) {
+					finalModifier = attribute - values[i];
+				} else if (values[i] > attribute && values[i] - modifier > attribute) {
+					finalModifier = -modifier;
+				} else if (values[i] <= attribute) {
+					finalModifier = Max([modifier, values[i] - attribute]);
+				}
+			}
+
+
+			// Add the dice to the array
+			dice.push({
+				original: values[i],
+				result: values[i] + finalModifier,
+				index: i,
+				diff: attribute - (values[i] + finalModifier),
+				success: values[i] + finalModifier <= attribute
+			});
+		}
+
+		// If there is a fumble, select it
+		var anyFumble = dice.some((die) => die.original == 20);
+		var succi = dice.filter((die) => die.success);
+		var fails = dice.filter((die) => !die.success);
+		if (anyFumble)
+			return {
+				selected: dice.find((die) => die.original == 20),
+				dice: dice,
+				succi: succi,
+				fails: fails
+			};
+
+		// Select dice with success and the closest result
+		if (fails.length > 0) {
+			fails.sort((a, b) => b.result - a.result);
+			return {selected: fails[0], dice: dice};
+		} else {
+			dice.sort((a, b) => a.result - b.result);
+			if (dice.filter((die) => die.diff == 0).some((die) => die.original == attribute))
+				return {selected: dice.find((die) => die.diff == 0 && die.original == attribute), dice: dice};
+			else
+				return {selected: dice[0], dice: dice};
+			}
+	}
+
+	function ComputeOneDieResult(value, attribute, modifier) {
+		// In case of a critical or a fumble, we don't care about the modifier
+
+		// Critical
+		if (value == attribute) {
+			return {total: value, result: "Critical!"};
+		}
+		// Fumble
+		else if (value == 20) {
+			return {total: value, result: "Fumble…"};
+		}
+		// Failure before modifier
+		else if (value > attribute) {
+			// Negative modifier result in a harsher failure
+			if (modifier < 0) {
+				return {total: value - modifier, result: "Failure"};
+			}
+			// Positive modifier may result in a success
+			else {
+				// Success if the modifier is enough to reach the attribute
+				if (value - modifier <= attribute) {
+					return {total: attribute, result: "Success"};
+				}
+				// Failure if the modifier is not enough to reach the attribute
+				else {
+					return {total: value - modifier, result: "Failure"};
+				}
+			}
+		}
+		// Success before modifier
+		else {
+			// Negative modifier may result in a failure
+			if (modifier < 0) {
+				// Failure if the modifier is enough to overshoot the attribute
+				if (value - modifier > attribute) {
+					return {total: value - modifier, result: "Failure"};
+				}
+				// If it's still a success, reduce the roll to make it less good
+				else {
+					return {total: value + modifier, result: "Success"};
+				}
+			}
+			else {
+				// Positive modifier result in a better success
+				if (value + modifier >= attribute) {
+					return {total: attribute, result: "Success"};
+				}
+				// In any case, increase the roll to make it better
+				else {
+					return {total: value + modifier, result: "Success"};
+				}
+			}
+		}
+	}
+
+	function ComputeWithEdge(values, attribute, modifier) {
+		var result = GetClosest(values, attribute, modifier);
+
+		if (result.selected.original == attribute) {
+			return {total: result.selected.original, result: "Critical!"};
+		} else if (result.selected.original == 20) {
+			return {total: result.selected.original, result: "Fumble…"};
+		} else if (result.selected.success) {
+			return {total: result.selected.result, result: "Success"};
+		} else {
+			return {total: result.selected.result, result: "Failure"};
+		}
+	}
+
+	function ComputeWithSnag(values, attribute, modifier) {
+		var result = GetFarthest(values, attribute, modifier);
+
+		if (result.selected.original == attribute) {
+			return {total: result.selected.original, result: "Critical!"};
+		} else if (result.selected.original == 20) {
+			return {total: result.selected.original, result: "Fumble…"};
+		} else if (result.selected.success) {
+			return {total: result.selected.result, result: "Success"};
+		} else {
+			return {total: result.selected.result, result: "Failure"};
+		}
+	}
+
+	const rollCarac = ["might", "deftness", "grit", "insight", "aura"].flatMap(name => {
+		return Array.from({ length: 20 }, (_, i) => `clicked:${name}Square${i + 1}`);
+	}).join(' ');
+	on(`${rollCarac}`, function(eventInfo) {
+		const squareNumber = parseInt(eventInfo.triggerName.replace(/\D/g, "")) || -1;
+		if (squareNumber == -1) {
+			return;
+		}
+		var attribute = eventInfo.triggerName.replace("clicked:", "").replace("square", "").replace(squareNumber, "");
+		attribute = attribute.charAt(0).toUpperCase() + attribute.slice(1);
+
+		getAttrs(["character_name"], function(values) {
+			var character_name = values["character_name"]||"";
+
+			const rollString = "@{rollWhisperType} &{template:carac} {{charName=" + character_name + "}} {{rollName=" + attribute + " " + squareNumber + "}} {{roll1=[[2d20]]}} {{modifier=[[?{Modifiers|0}]]}} {{rollType=[[?{Roll Type|Basic, 0|Edge, 1|Snag, -1}]]}} {{total=[[0]]}} {{attribute=[[0]]}} {{result=[[0]]}}";
+
+			startRoll(rollString, function(results) {
+				const l_roll1 = results.results.roll1;
+				const modifier = parseInt(results.results.modifier.result)||0;
+				const rollType = parseInt(results.results.rollType.result)||0;
+
+				var l_selectedDie = 0;
+				if (rollType == 0) {
+					l_selectedDie = ComputeOneDieResult(l_roll1.dice[0], squareNumber, modifier);
+				} else if (rollType == 1) {
+					l_selectedDie = ComputeWithEdge(l_roll1.dice, squareNumber, modifier);
+				} else {
+					l_selectedDie = ComputeWithSnag(l_roll1.dice, squareNumber, modifier);
+				}
+
+				var l_rollType = "";
+				if (rollType == 0) {
+					l_rollType = "Basic";
+				} else if (rollType == 1) {
+					l_rollType = "Edge";
+				} else {
+					l_rollType = "Snag";
+				}
+
+				const computed = {
+					total: l_selectedDie.total,
+					result: l_selectedDie.result,
+					modifier: modifier,
+					rollType: l_rollType,
+					attribute: squareNumber
+				};
+
+				finishRoll(results.rollId, computed);
+			});
+		});
+	});
+
+	const rollAttributes = ["might", "deftness", "grit", "insight", "aura"].map(name => `clicked:${name}`).join(' ');
+	on(`${rollAttributes}`, function(eventInfo) {
+		const attributeName = eventInfo.triggerName.replace("clicked:", "");
+		getAttrs([`${attributeName}_total`, "character_name"], function(values) {
+			var attribute = parseInt(values[`${attributeName}_total`])||0;
+			var character_name = values["character_name"]||"";
+
+			const rollString = "@{rollWhisperType} &{template:carac} {{charName=" + character_name + "}} {{rollName=" + attributeName + "}} {{roll1=[[2d20]]}} {{modifier=[[?{Modifiers|0}]]}} {{attribute=[[0]]}} {{rollType=[[?{Roll Type|Basic, 0|Edge, 1|Snag, -1}]]}} {{total=[[0]]}} {{result=[[0]]}}";
+
+			startRoll(rollString, function(results) {
+				const l_roll1 = results.results.roll1;
+				const modifier = parseInt(results.results.modifier.result)||0;
+				const rollType = parseInt(results.results.rollType.result)||0;
+
+				var l_selectedDie = 0;
+				if (rollType == 0) {
+					l_selectedDie = ComputeOneDieResult(l_roll1.dice[0], attribute, modifier);
+				} else if (rollType == 1) {
+					l_selectedDie = ComputeWithEdge(l_roll1.dice, attribute, modifier);
+				} else {
+					l_selectedDie = ComputeWithSnag(l_roll1.dice, attribute, modifier);
+				}
+
+				var l_rollType = "";
+				if (rollType == 0) {
+					l_rollType = "Basic";
+				} else if (rollType == 1) {
+					l_rollType = "Edge";
+				} else {
+					l_rollType = "Snag";
+				}
+
+				const computed = {
+					total: l_selectedDie.total,
+					result: l_selectedDie.result,
+					modifier: modifier,
+					rollType: l_rollType,
+					attribute: attribute
+				};
+
+				finishRoll(results.rollId, computed);
+			});
+		});
+	});
+
+	on("clicked:health", function() {
+		getAttrs(["health_total"], function(values) {
+			var healthTotal = parseInt(values["health_total"])||0;
+			var output = {};
+			output["health_hearts"] = healthTotal;
+			setAttrs(output, {silent: false});
+		});
+	});
+
+	on("change:health_base change:health_modifier sheet:opened", function() {
+		getAttrs(["health_base", "health_modifier", "health_hearts"], function(values) {
+			const output = {};
+
+			var base = parseInt(values["health_base"])||0;
+			var modifier = parseInt(values["health_modifier"])||0;
+			var hearts = parseInt(values["health_hearts"])||0;
+			var total = base + modifier;
+			output["health_total"] = total;
+
+			for (let i = 1; i <= total; i++) {
+				output[`health_heart_${i}`] = (i <= hearts) ? 1 : 0;
+			}
+
+			for (let i = total + 1; i <= 10; i++) {
+				output[`health_heart_${i}`] = -1;
+			}
+
+			if (hearts > total) {
+				output["health_hearts"] = total;
+			}
+
+			setAttrs(output, {silent: true});
+		});
+	});
+
+	const damageButtons = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map(i => `clicked:health_heart_${i}`).join(' ');
+	on(`${damageButtons}`, function(eventInfo) {
+		const triggerName = eventInfo.triggerName.replace("clicked:", "");
+		const eventSource = triggerName.replace("health_heart_", "");
+		const getAttrsParameters = ["health_total", "health_hearts", triggerName]
+		getAttrs(getAttrsParameters, function(values) {
+			const lastHearts = parseInt(values["health_hearts"])||0;
+			const clicked = parseInt(eventSource) || 3;
+			const lastValue = values[triggerName];
+			const total = parseInt(values["health_total"])||0;
+			const output = {};
+
+			if (clicked > lastHearts)
+			{
+				for (let i = 1; i <= clicked; i++) {
+					output[`health_heart_${i}`] = "1";
+				}
+				output["health_hearts"] = clicked;
+			}
+			else if (clicked < lastHearts)
+			{
+				for (let i = total; i > clicked; i--) {
+					output[`health_heart_${i}`] = "0";
+				}
+				output["health_hearts"] = clicked;
+			}
+			else
+			{
+				output[`health_heart_${clicked}`] = (lastValue == "1") ? "0" : "1";
+				output["health_hearts"] = clicked - (lastValue == "1" ? 1 : 0);
+			}
+
+			setAttrs(output, {silent: true});
+		});
+	});
+
+	on("change:health_hearts", function() {
+		getAttrs(["health_hearts", "health_total"], function(values) {
+			const hearts = parseInt(values["health_hearts"])||0;
+			const total = parseInt(values["health_total"])||0;
+			const output = {};
+
+			for (let i = 1; i <= 10; i++) {
+				if (i <= total)
+					output[`health_heart_${i}`] = (i <= hearts) ? "1" : "0";
+				else
+					output[`health_heart_${i}`] = "-1";
+			}
+
+			if (hearts > total) {
+				output["health_hearts"] = total;
+			}
+
+			setAttrs(output, {silent: true});
+		});
+	});
+
+	on("change:defense_rating change:defense_rating_modifier change:speed_rating_total sheet:opened", function() {
+		getAttrs(["defense_rating", "defense_rating_modifier", "speed_rating_total"], function(values) {
+			var output = {};
+			var base = parseInt(values["defense_rating"])||0;
+			var modifier = parseInt(values["defense_rating_modifier"])||0;
+			var speed = parseInt(values["speed_rating_total"])||0;
+
+			var speed_defense_modifier = 0;
+			if (speed <= 1) {
+				speed_defense_modifier = 0;
+			} else if (speed == 2) {
+				speed_defense_modifier = 2;
+			} else if (speed >= 3) {
+				speed_defense_modifier = 4;
+			}
+			var total = base + modifier + speed_defense_modifier;
+
+			output["defense_rating_total"] = total;
+			output["speed_defense_modifier"] = speed_defense_modifier;
+
+			setAttrs(output, {silent: true});
+		});
+	});
+
+	const speedButtons = [0, 1, 2, 3].map(i => `clicked:speed_rating_${i}`).join(' ');
+	on(speedButtons, function(eventInfo) {
+		var output = {};
+		const eventSource = eventInfo.triggerName.replace("clicked:speed_rating_", "");
+		const eventSourceInt = parseInt(eventSource) || 1;
+
+		output["speed_rating"] = eventSourceInt;
+		output["speed_rating_modifier"] = 0;
+
+		setAttrs(output, {silent: false});
+	});
+
+	on("change:speed_rating change:speed_rating_modifier", function(eventInfo) {
+		getAttrs(["speed_rating", "speed_rating_modifier"], function(values) {
+			var output = {};
+			var base = parseInt(values["speed_rating"])||0;
+			var modifier = parseInt(values["speed_rating_modifier"])||0;
+			var total = base + modifier;
+
+			var speed_rating_name = "";
+			if (total <= 0)
+				speed_rating_name = "Slow";
+			else if (total == 1)
+				speed_rating_name = "Average";
+			else if (total == 2)
+				speed_rating_name = "Fast";
+			else if (total >= 3)
+				speed_rating_name = "Very Fast";
+
+			output["speed_rating_name"] = speed_rating_name;
+			output["speed_rating_total"] = total;
+
+			setAttrs(output, {silent: false});
+		});
+	});
+
+	// TODO : Add Inventory computation
+	on("change:inventory_base change:inventory_modifier sheet:opened", function() {
+		getAttrs(["inventory_base", "inventory_modifier"], function(values) {
+			var output = {};
+			var inventory = parseInt(values["inventory_base"])||0;
+			var modifier = parseInt(values["inventory_modifier"])||0;
+			var total = inventory + modifier;
+			output["inventory_total"] = total;
+
+			setAttrs(output, {silent: false});
+		});
+	});
+
+	const repeatingSum = (destinations, section, fields) => {
+		if (!Array.isArray(destinations)) destinations = [destinations.replace(/\s/g, '').split(',')];
+		if (!Array.isArray(fields)) fields = [fields.replace(/\s/g, '').split(',')];
+		getSectionIDs(`repeating_${section}`, idArray => {
+			const attrArray = idArray.reduce((m, id) => [...m, ...(fields.map(field => `repeating_${section}_${id}_${field}`))], []);
+			getAttrs([...attrArray], v => {
+				const getValue = (section, id, field) => v[`repeating_${section}_${id}_${field}`] === 'on' ? 1 : parseFloat(v[`repeating_${section}_${id}_${field}`]) || 0;
+				const commonMultipliers = (fields.length <= destinations.length) ? [] : fields.splice(destinations.length, fields.length - destinations.length);
+				const output = {};
+				destinations.forEach((destination, index) => {
+					output[destination] = idArray.reduce((total, id) => total + getValue(section, id, fields[index]) * commonMultipliers.reduce((subtotal, mult) => subtotal * getValue(section, id, mult), 1), 0);
+				});
+				setAttrs(output, {silent: false});
+			});
+		});
+	};
+
+	on("change:repeating_inventory change:repeating_inventory:inventory_size change:repeating_inventory:inventory_quantity remove:repeating_inventory", function() {
+		repeatingSum("total_weight", 'inventory', ['inventory_size', 'inventory_quantity']);
+	});
+
+	on("change:total_weight change:inventory_total", function() {
+		getAttrs(["total_weight", "inventory_total"], function(values) {
+			var output = {};
+			var total_weight = parseInt(values["total_weight"])||0;
+			var inventory_total = parseInt(values["inventory_total"])||0;
+
+			output["inventory_left"] = inventory_total - total_weight;
+
+			setAttrs(output, {silent: false});
+		});
+	});
+
+</script>
+
+<html>
+<div class="charsheet">
+	<input type="hidden" class="sheet-tabstoggle" name="attr_sheetTab" value="stats" />
+	<div class="sheet-flexRow">
+		<div>
+			<button type="action" class="sheet-tabButton" name="act_stats">Stats</button>
+			<button type="action" class="sheet-tabButton" name="act_notes">Notes</button>
+		</div>
+		<div class="sheet-flexGrow sheet-flexEnd">
+			<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>
+	</div>
+
+	<div class="sheet-stats">
+		<div class="sheet-mainPageUpperSide">
+			<!-- Upper -->
+			<div class="sheet-flexIdentity sheet-flexColumnNoGap">
+				<!-- Identity -->
+				<h1>Identity</h1>
+				<div class="sheet-oneLineInfo"><span>Name</span><input type="text" name="attr_character_name" /></div>
+				<div class="sheet-oneLineInfo"><span>Calling</span><input type="text" name="attr_calling" /></div>
+				<div class="sheet-oneLineInfo"><span>Species</span><input type="text" name="attr_specie" /></div>
+				<div class="sheet-oneLineInfo"><span>Homeland</span><input type="text" name="attr_homeland" /></div>
+				<div class="sheet-oneLineInfo"><span>Languages</span><input type="text" name="attr_languages" value="Low speech" /></div>
+				<div class="sheet-oneLineInfo"><span>History</span><input type="text" name="attr_history" /></div>
+				<div class="sheet-multiLineInfo"><span>Purviews</span><textarea name="attr_purviews">My background grants me a minor bonus on...</textarea></div>
+				<div class="sheet-multiLineInfo"><span>Description</span><textarea name="attr_description"></textarea></div>
+			</div>
+			<div class="sheet-flexIdentity sheet-flexColumnNoGap">
+				<!-- Aptitudes -->
+				<h1>Aptitudes</h1>
+				<div class="sheet-box">
+					<div class="sheet-attributeHeader">
+						<div>
+							<h2>Might</h2>
+							<span>Smash, crush, lift</span>
+						</div>
+						<div class="sheet-attributeBase">
+							<span>Base</span>
+							<input type="number" name="attr_might_base" value="6" />
+						</div>
+					</div>
+					<div>
+						<input type="hidden" name="attr_might_total" />
+						<div>
+							<!-- value="/roll 1d20<@{might_total}" -->
+							<div class="sheet-statButtons">
+								<button type="action" name="act_might" class="sheet-attributeButton">
+									<span name="attr_might_total"></span>
+								</button>
+								<div>
+									<div class="sheet-traitsList">
+										<span><b>TRAIT</b></span>
+										<div><span>-2</span><input type="radio" name="attr_might_trait" value="-2" /></div>
+										<div><span>-1</span><input type="radio" name="attr_might_trait" value="-1" /></div>
+										<div><span>0</span><input type="radio" name="attr_might_trait" value="0" checked /></div>
+										<div><span>1</span><input type="radio" name="attr_might_trait" value="1" /></div>
+										<div><span>2</span><input type="radio" name="attr_might_trait" value="2" /></div>
+									</div>
+									<div class="sheet-squares">
+										<input type="hidden" name="attr_mightSquare1" class="sheet-squareInput" value="1">
+											<button type="action" name="act_mightSquare1" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_mightSquare2" class="sheet-squareInput" value="1">
+											<button type="action" name="act_mightSquare2" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_mightSquare3" class="sheet-squareInput" value="1">
+											<button type="action" name="act_mightSquare3" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_mightSquare4" class="sheet-squareInput" value="1">
+											<button type="action" name="act_mightSquare4" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_mightSquare5" class="sheet-squareInput" value="1">
+											<button type="action" name="act_mightSquare5" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_mightSquare6" class="sheet-squareInput" value="1">
+											<button type="action" name="act_mightSquare6" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_mightSquare7" class="sheet-squareInput" value="0">
+											<button type="action" name="act_mightSquare7" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_mightSquare8" class="sheet-squareInput" value="0">
+											<button type="action" name="act_mightSquare8" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_mightSquare9" class="sheet-squareInput" value="0">
+											<button type="action" name="act_mightSquare9" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_mightSquare10" class="sheet-squareInput" value="0">
+											<button type="action" name="act_mightSquare10" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_mightSquare11" class="sheet-squareInput" value="0">
+											<button type="action" name="act_mightSquare11" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_mightSquare12" class="sheet-squareInput" value="0">
+											<button type="action" name="act_mightSquare12" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_mightSquare13" class="sheet-squareInput" value="0">
+											<button type="action" name="act_mightSquare13" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_mightSquare14" class="sheet-squareInput" value="0">
+											<button type="action" name="act_mightSquare14" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_mightSquare15" class="sheet-squareInput" value="0">
+											<button type="action" name="act_mightSquare15" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_mightSquare16" class="sheet-squareInput" value="0">
+											<button type="action" name="act_mightSquare16" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_mightSquare17" class="sheet-squareInput" value="0">
+											<button type="action" name="act_mightSquare17" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_mightSquare18" class="sheet-squareInput" value="0">
+											<button type="action" name="act_mightSquare18" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_mightSquare19" class="sheet-squareInput" value="0">
+											<button type="action" name="act_mightSquare19" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_mightSquare20" class="sheet-squareInput" value="0">
+											<button type="action" name="act_mightSquare20" class="sheet-square"></button>
+										</input>
+									</div>
+									<div class="sheet-attributeModifier">
+										<span>Bonuses/Penalties</span>
+										<input type="number" name="attr_might_modifier" value="0" />
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+
+				<div class="sheet-box">
+					<div class="sheet-attributeHeader">
+						<div>
+							<h2>Deftness</h2>
+							<span>Dodge, sneak, leap</span>
+						</div>
+						<div class="sheet-attributeBase">
+							<span>Base</span>
+							<input type="number" name="attr_deftness_base" value="6" />
+						</div>
+					</div>
+					<div>
+						<input type="hidden" name="attr_deftness_total" />
+						<!-- value="/roll d20<@{deftness_total}" -->
+						<div>
+							<div class="sheet-statButtons">
+								<button type="action" name="act_deftness" class="sheet-attributeButton">
+									<span name="attr_deftness_total"></span>
+								</button>
+								<div>
+									<div class="sheet-traitsList">
+										<span><b>TRAIT</b></span>
+										<div><span>-2</span><input type="radio" name="attr_deftness_trait" value="-2" /></div>
+										<div><span>-1</span><input type="radio" name="attr_deftness_trait" value="-1" /></div>
+										<div><span>0</span><input type="radio" name="attr_deftness_trait" value="0" checked /></div>
+										<div><span>1</span><input type="radio" name="attr_deftness_trait" value="1" /></div>
+										<div><span>2</span><input type="radio" name="attr_deftness_trait" value="2" /></div>
+									</div>
+									<div class="sheet-squares">
+										<input type="hidden" name="attr_deftnessSquare1" class="sheet-squareInput" value="1">
+											<button type="action" name="act_deftnessSquare1" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_deftnessSquare2" class="sheet-squareInput" value="1">
+											<button type="action" name="act_deftnessSquare2" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_deftnessSquare3" class="sheet-squareInput" value="1">
+											<button type="action" name="act_deftnessSquare3" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_deftnessSquare4" class="sheet-squareInput" value="1">
+											<button type="action" name="act_deftnessSquare4" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_deftnessSquare5" class="sheet-squareInput" value="1">
+											<button type="action" name="act_deftnessSquare5" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_deftnessSquare6" class="sheet-squareInput" value="1">
+											<button type="action" name="act_deftnessSquare6" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_deftnessSquare7" class="sheet-squareInput" value="0">
+											<button type="action" name="act_deftnessSquare7" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_deftnessSquare8" class="sheet-squareInput" value="0">
+											<button type="action" name="act_deftnessSquare8" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_deftnessSquare9" class="sheet-squareInput" value="0">
+											<button type="action" name="act_deftnessSquare9" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_deftnessSquare10" class="sheet-squareInput" value="0">
+											<button type="action" name="act_deftnessSquare10" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_deftnessSquare11" class="sheet-squareInput" value="0">
+											<button type="action" name="act_deftnessSquare11" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_deftnessSquare12" class="sheet-squareInput" value="0">
+											<button type="action" name="act_deftnessSquare12" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_deftnessSquare13" class="sheet-squareInput" value="0">
+											<button type="action" name="act_deftnessSquare13" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_deftnessSquare14" class="sheet-squareInput" value="0">
+											<button type="action" name="act_deftnessSquare14" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_deftnessSquare15" class="sheet-squareInput" value="0">
+											<button type="action" name="act_deftnessSquare15" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_deftnessSquare16" class="sheet-squareInput" value="0">
+											<button type="action" name="act_deftnessSquare16" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_deftnessSquare17" class="sheet-squareInput" value="0">
+											<button type="action" name="act_deftnessSquare17" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_deftnessSquare18" class="sheet-squareInput" value="0">
+											<button type="action" name="act_deftnessSquare18" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_deftnessSquare19" class="sheet-squareInput" value="0">
+											<button type="action" name="act_deftnessSquare19" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_deftnessSquare20" class="sheet-squareInput" value="0">
+											<button type="action" name="act_deftnessSquare20" class="sheet-square"></button>
+										</input>
+									</div>
+									<div class="sheet-attributeModifier">
+										<span>Bonuses/Penalties</span>
+										<input type="number" name="attr_deftness_modifier" value="0" />
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+
+				<div class="sheet-box">
+					<div class="sheet-attributeHeader">
+						<div>
+							<h2>Grit</h2>
+							<span>Cling, persist, press on</span>
+						</div>
+						<div class="sheet-attributeBase">
+							<span>Base</span>
+							<input type="number" name="attr_grit_base" value="6" />
+						</div>
+					</div>
+					<div>
+						<input type="hidden" name="attr_grit_total" />
+						<div>
+							<!-- value="/roll d20<@{grit_total}" -->
+							<div class="sheet-statButtons">
+								<button type="action" name="act_grit" class="sheet-attributeButton">
+									<span name="attr_grit_total"></span>
+								</button>
+								<div>
+									<div class="sheet-traitsList">
+										<span><b>TRAIT</b></span>
+										<div><span>-2</span><input type="radio" name="attr_grit_trait" value="-2" /></div>
+										<div><span>-1</span><input type="radio" name="attr_grit_trait" value="-1" /></div>
+										<div><span>0</span><input type="radio" name="attr_grit_trait" value="0" checked /></div>
+										<div><span>1</span><input type="radio" name="attr_grit_trait" value="1" /></div>
+										<div><span>2</span><input type="radio" name="attr_grit_trait" value="2" /></div>
+									</div>
+									<div class="sheet-squares">
+										<input type="hidden" name="attr_gritSquare1" class="sheet-squareInput" value="1">
+											<button type="action" name="act_gritSquare1" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_gritSquare2" class="sheet-squareInput" value="1">
+											<button type="action" name="act_gritSquare2" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_gritSquare3" class="sheet-squareInput" value="1">
+											<button type="action" name="act_gritSquare3" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_gritSquare4" class="sheet-squareInput" value="1">
+											<button type="action" name="act_gritSquare4" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_gritSquare5" class="sheet-squareInput" value="1">
+											<button type="action" name="act_gritSquare5" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_gritSquare6" class="sheet-squareInput" value="1">
+											<button type="action" name="act_gritSquare6" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_gritSquare7" class="sheet-squareInput" value="0">
+											<button type="action" name="act_gritSquare7" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_gritSquare8" class="sheet-squareInput" value="0">
+											<button type="action" name="act_gritSquare8" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_gritSquare9" class="sheet-squareInput" value="0">
+											<button type="action" name="act_gritSquare9" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_gritSquare10" class="sheet-squareInput" value="0">
+											<button type="action" name="act_gritSquare10" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_gritSquare11" class="sheet-squareInput" value="0">
+											<button type="action" name="act_gritSquare11" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_gritSquare12" class="sheet-squareInput" value="0">
+											<button type="action" name="act_gritSquare12" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_gritSquare13" class="sheet-squareInput" value="0">
+											<button type="action" name="act_gritSquare13" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_gritSquare14" class="sheet-squareInput" value="0">
+											<button type="action" name="act_gritSquare14" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_gritSquare15" class="sheet-squareInput" value="0">
+											<button type="action" name="act_gritSquare15" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_gritSquare16" class="sheet-squareInput" value="0">
+											<button type="action" name="act_gritSquare16" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_gritSquare17" class="sheet-squareInput" value="0">
+											<button type="action" name="act_gritSquare17" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_gritSquare18" class="sheet-squareInput" value="0">
+											<button type="action" name="act_gritSquare18" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_gritSquare19" class="sheet-squareInput" value="0">
+											<button type="action" name="act_gritSquare19" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_gritSquare20" class="sheet-squareInput" value="0">
+											<button type="action" name="act_gritSquare20" class="sheet-square"></button>
+										</input>
+									</div>
+									<div class="sheet-attributeModifier">
+										<span>Bonuses/Penalties</span>
+										<input type="number" name="attr_grit_modifier" value="0" />
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+
+				<div class="sheet-box">
+					<div class="sheet-attributeHeader">
+						<div>
+							<h2>Insigth</h2>
+							<span>Notice, know, remember</span>
+						</div>
+						<div class="sheet-attributeBase">
+							<span>Base</span>
+							<input type="number" name="attr_insight_base" value="6" />
+						</div>
+					</div>
+					<div>
+						<input type="hidden" name="attr_insight_total" />
+						<div>
+							<!-- value="/roll d20<@{insight_total}" -->
+							<div class="sheet-statButtons">
+								<button type="action" name="atc_insight" class="sheet-attributeButton" >
+									<span name="attr_insight_total"></span>
+								</button>
+								<div>
+									<div class="sheet-traitsList">
+										<span><b>TRAIT</b></span>
+										<div><span>-2</span><input type="radio" name="attr_insight_trait" value="-2" /></div>
+										<div><span>-1</span><input type="radio" name="attr_insight_trait" value="-1" /></div>
+										<div><span>0</span><input type="radio" name="attr_insight_trait" value="0" checked /></div>
+										<div><span>1</span><input type="radio" name="attr_insight_trait" value="1" /></div>
+										<div><span>2</span><input type="radio" name="attr_insight_trait" value="2" /></div>
+									</div>
+									<div class="sheet-squares">
+										<input type="hidden" name="attr_insightSquare1" class="sheet-squareInput" value="1">
+											<button type="action" name="act_insightSquare1" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_insightSquare2" class="sheet-squareInput" value="1">
+											<button type="action" name="act_insightSquare2" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_insightSquare3" class="sheet-squareInput" value="1">
+											<button type="action" name="act_insightSquare3" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_insightSquare4" class="sheet-squareInput" value="1">
+											<button type="action" name="act_insightSquare4" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_insightSquare5" class="sheet-squareInput" value="1">
+											<button type="action" name="act_insightSquare5" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_insightSquare6" class="sheet-squareInput" value="1">
+											<button type="action" name="act_insightSquare6" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_insightSquare7" class="sheet-squareInput" value="0">
+											<button type="action" name="act_insightSquare7" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_insightSquare8" class="sheet-squareInput" value="0">
+											<button type="action" name="act_insightSquare8" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_insightSquare9" class="sheet-squareInput" value="0">
+											<button type="action" name="act_insightSquare9" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_insightSquare10" class="sheet-squareInput" value="0">
+											<button type="action" name="act_insightSquare10" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_insightSquare11" class="sheet-squareInput" value="0">
+											<button type="action" name="act_insightSquare11" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_insightSquare12" class="sheet-squareInput" value="0">
+											<button type="action" name="act_insightSquare12" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_insightSquare13" class="sheet-squareInput" value="0">
+											<button type="action" name="act_insightSquare13" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_insightSquare14" class="sheet-squareInput" value="0">
+											<button type="action" name="act_insightSquare14" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_insightSquare15" class="sheet-squareInput" value="0">
+											<button type="action" name="act_insightSquare15" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_insightSquare16" class="sheet-squareInput" value="0">
+											<button type="action" name="act_insightSquare16" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_insightSquare17" class="sheet-squareInput" value="0">
+											<button type="action" name="act_insightSquare17" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_insightSquare18" class="sheet-squareInput" value="0">
+											<button type="action" name="act_insightSquare18" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_insightSquare19" class="sheet-squareInput" value="0">
+											<button type="action" name="act_insightSquare19" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_insightSquare20" class="sheet-squareInput" value="0">
+											<button type="action" name="act_insightSquare20" class="sheet-square"></button>
+										</input>
+									</div>
+									<div class="sheet-attributeModifier">
+										<span>Bonuses/Penalties</span>
+										<input type="number" name="attr_insight_modifier" value="0" />
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+
+				<div class="sheet-box">
+					<div class="sheet-attributeHeader">
+						<div>
+							<h2>Aura</h2>
+							<span>Persuade, inspire, terrify</span>
+						</div>
+						<div class="sheet-attributeBase">
+							<span>Base</span>
+							<input type="number" name="attr_aura_base" value="6" />
+						</div>
+					</div>
+					<div>
+						<input type="hidden" name="attr_aura_total" />
+						<div>
+							<!-- value="/roll d20<@{aura_total}" -->
+							<div class="sheet-statButtons">
+								<button type="action" name="act_aura" class="sheet-attributeButton">
+									<span name="attr_aura_total"></span>
+								</button>
+								<div>
+									<div class="sheet-traitsList">
+										<span><b>TRAIT</b></span>
+										<div><span>-2</span><input type="radio" name="attr_aura_trait" value="-2" /></div>
+										<div><span>-1</span><input type="radio" name="attr_aura_trait" value="-1" /></div>
+										<div><span>0</span><input type="radio" name="attr_aura_trait" value="0" checked /></div>
+										<div><span>1</span><input type="radio" name="attr_aura_trait" value="1" /></div>
+										<div><span>2</span><input type="radio" name="attr_aura_trait" value="2" /></div>
+									</div>
+									<div class="sheet-squares">
+										<input type="hidden" name="attr_auraSquare1" class="sheet-squareInput" value="1">
+											<button type="action" name="act_auraSquare1" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_auraSquare2" class="sheet-squareInput" value="1">
+											<button type="action" name="act_auraSquare2" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_auraSquare3" class="sheet-squareInput" value="1">
+											<button type="action" name="act_auraSquare3" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_auraSquare4" class="sheet-squareInput" value="1">
+											<button type="action" name="act_auraSquare4" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_auraSquare5" class="sheet-squareInput" value="1">
+											<button type="action" name="act_auraSquare5" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_auraSquare6" class="sheet-squareInput" value="1">
+											<button type="action" name="act_auraSquare6" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_auraSquare7" class="sheet-squareInput" value="0">
+											<button type="action" name="act_auraSquare7" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_auraSquare8" class="sheet-squareInput" value="0">
+											<button type="action" name="act_auraSquare8" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_auraSquare9" class="sheet-squareInput" value="0">
+											<button type="action" name="act_auraSquare9" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_auraSquare10" class="sheet-squareInput" value="0">
+											<button type="action" name="act_auraSquare10" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_auraSquare11" class="sheet-squareInput" value="0">
+											<button type="action" name="act_auraSquare11" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_auraSquare12" class="sheet-squareInput" value="0">
+											<button type="action" name="act_auraSquare12" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_auraSquare13" class="sheet-squareInput" value="0">
+											<button type="action" name="act_auraSquare13" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_auraSquare14" class="sheet-squareInput" value="0">
+											<button type="action" name="act_auraSquare14" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_auraSquare15" class="sheet-squareInput" value="0">
+											<button type="action" name="act_auraSquare15" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_auraSquare16" class="sheet-squareInput" value="0">
+											<button type="action" name="act_auraSquare16" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_auraSquare17" class="sheet-squareInput" value="0">
+											<button type="action" name="act_auraSquare17" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_auraSquare18" class="sheet-squareInput" value="0">
+											<button type="action" name="act_auraSquare18" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_auraSquare19" class="sheet-squareInput" value="0">
+											<button type="action" name="act_auraSquare19" class="sheet-square"></button>
+										</input>
+										<input type="hidden" name="attr_auraSquare20" class="sheet-squareInput" value="0">
+											<button type="action" name="act_auraSquare20" class="sheet-square"></button>
+										</input>
+									</div>
+									<div class="sheet-attributeModifier">
+										<span>Bonuses/Penalties</span>
+										<input type="number" name="attr_aura_modifier" value="0" />
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="sheet-flexGrowFull">
+			<!-- Lower -->
+			<!-- Combat values -->
+			<h1>Combat Values</h1>
+			<div class="sheet-2Row"> <!-- Row Wrap -->
+				<div class="sheet-flexColumn sheet-box sheet-2RowItem"> <!-- Column -->
+					<div class="sheet-flexRowNoGap">
+						<div class="sheet-flexColumn"> <!-- Column -->
+							<h2>Attack bonus</h2>
+							<span>Add to my attack rolls</span>
+						</div>
+						<div class="sheet-flexRow sheet-flexGrow sheet-attributeBase"> <!-- Row flex end -->
+							<span>Base</span>
+							<input type="number" name="attr_attack_bonus" value="0" />
+						</div>
+					</div>
+					<!-- Carac -->
+					<input type="hidden" name="attr_attack_bonus_total" value="0" />
+					<input type="hidden" name="attr_attack_bonus_withPlus" />
+					<div class="sheet-flexRow"> <!-- Row -->
+						<button type="roll" name="roll_attack_bonus" class="sheet-attributeButton" value="&{template:generic} {{charName=@{character_name}}} {{rollName=Attack}} {{subLabel= total}} {{total=[[?{Roll type|Basic,d20|Edge,2d20kh1|Snag,2d20kl1} +@{attack_bonus_total} +?{Modifier|0}]]}}"><span name="attr_attack_bonus_withPlus"></span></button>
+						<div class="sheet-flexColumn sheet-attributeModifier"> <!-- Column -->
+							<span>Bonuses/Penalties</span>
+							<input type="number" name="attr_attack_bonus_modifier" class="sheet-flexGrowFull" /> <!-- Grow 1 -->
+						</div>
+					</div>
+				</div>
+				<div class="sheet-flexColumn sheet-box sheet-2RowItem"> <!-- Column -->
+					<div class="sheet-flexRow"> <!-- Row -->
+						<div class="sheet-flexColumn"> <!-- Column -->
+							<h2>Health total</h2>
+							<span>Protecting me from injuriy</span>
+						</div>
+						<div class="sheet-attributeBase sheet-flexGrow">
+							<span>Base</span>
+							<input type="number" name="attr_health_base" value="2" />
+						</div>
+					</div>
+					<div class="sheet-flexRow"> <!-- Row -->
+						<input type="hidden" name="attr_health_total" value="2" />
+						<button type="action" class="sheet-attributeButton" name="act_health"><span name="attr_health_hearts"></span></button>
+						<div class="sheet-flexColumn"> <!-- Column -->
+							<div class="sheet-flexRow sheet-attributeModifier"> <!-- Row -->
+								<span>Hearts</span>
+								<input type="number" name="attr_health_hearts" value="2" />/<span name="attr_health_total"></span>
+								<div class="sheet-flexRowNoGap sheet-wrap sheet-smallGap sheet-leftSeparation">
+									<input type="hidden" class="health-heart-input" name="attr_health_heart_1" value="1" >
+										<button type="action" class="health-heart" name="act_health_heart_1"></button>
+									</input>
+									<input type="hidden" class="health-heart-input" name="attr_health_heart_2" value="1" >
+										<button type="action" class="health-heart" name="act_health_heart_2"></button>
+									</input>
+									<input type="hidden" class="health-heart-input" name="attr_health_heart_3" value="-1" >
+										<button type="action" class="health-heart" name="act_health_heart_3"></button>
+									</input>
+									<input type="hidden" class="health-heart-input" name="attr_health_heart_4" value="-1" >
+										<button type="action" class="health-heart" name="act_health_heart_4"></button>
+									</input>
+									<input type="hidden" class="health-heart-input" name="attr_health_heart_5" value="-1" >
+										<button type="action" class="health-heart" name="act_health_heart_5"></button>
+									</input>
+									<input type="hidden" class="health-heart-input" name="attr_health_heart_6" value="-1" >
+										<button type="action" class="health-heart" name="act_health_heart_6"></button>
+									</input>
+									<input type="hidden" class="health-heart-input" name="attr_health_heart_7" value="-1" >
+										<button type="action" class="health-heart" name="act_health_heart_7"></button>
+									</input>
+									<input type="hidden" class="health-heart-input" name="attr_health_heart_8" value="-1" >
+										<button type="action" class="health-heart" name="act_health_heart_8"></button>
+									</input>
+									<input type="hidden" class="health-heart-input" name="attr_health_heart_9" value="-1" >
+										<button type="action" class="health-heart" name="act_health_heart_9"></button>
+									</input>
+									<input type="hidden" class="health-heart-input" name="attr_health_heart_10" value="-1" >
+										<button type="action" class="health-heart" name="act_health_heart_10"></button>
+									</input>
+								</div>
+							</div>
+							<div class="sheet-flexRow sheet-attributeModifier"> <!-- Row -->
+								<span>Bonuses/Penalties</span>
+								<input type="number" name="attr_health_modifier" value="0" />
+							</div>
+							<div class="sheet-flexRow"> <!-- Row -->
+								<span>Injury</span>
+								<input type="text" name="attr_injuries" />
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="sheet-flexColumn sheet-box sheet-2RowItem">
+					<input type="hidden" name="attr_defense_rating_total" value="10" />
+					<input type="hidden" name="attr_speed_defense_modifier" value="Average" />
+					<div class="sheet-flexColumn"> <!-- Column -->
+						<div class="sheet-flexRow"> <!-- Row -->
+							<div class="sheet-flexColumn"> <!-- Column -->
+								<h2>Defense rating</h2>
+								<span>Best this to strike me</span>
+							</div>
+							<div class="sheet-flexRow sheet-attributeBase sheet-flexGrow"> <!-- Row -->
+								<span>Base</span>
+								<input type="number" name="attr_defense_rating" value="10" />
+							</div>
+						</div>
+						<div class="sheet-flexRow"> <!-- Row -->
+							<button type="roll" class="sheet-attributeButton" name="roll_defense_rating_button" value="&{template:generic} {{charName=@{character_name}}} {{rollName=Defense}} {{subLabel= total}} {{total=[[@{defense_rating}+@{defense_rating_modifier}+@{speed_defense_modifier}]]}}"><span name="attr_defense_rating_total"></span></button>
+							<div class="sheet-flexColumn sheet-attributeModifier"> <!-- Column -->
+								<span>Bonuses/Penalties</span>
+								<input type="number" name="attr_defense_rating_modifier" value="0" />
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="sheet-flexColumn sheet-box sheet-2RowItem">
+					<div class="sheet-flexColumn"> <!-- Column -->
+						<h2>Speed rating</h2>
+						<span>Decides how many Areas I can move</span>
+						<input type="hidden" name="attr_speed_rating" value="0"/>
+						<div class="sheet-flexRowNoGap"> <!-- Row -->
+							<input type="hidden" class="sheet-speedBox" name="attr_speed_rating_total" value="1" />
+							<button type="action" class="sheet-flexColumnNoGap sheet-speedBox" name="act_speed_rating_0" value="0">
+								<span>Slow</span>
+								<span>0 Area</span>
+							</button>
+							<button type="action" class="sheet-flexColumnNoGap sheet-speedBox" name="act_speed_rating_1" value="1">
+								<span>Average</span>
+								<span>1 Area</span>
+							</button>
+							<button type="action" class="sheet-flexColumnNoGap sheet-speedBox" name="act_speed_rating_2" value="2">
+								<span>Fast</span>
+								<span>2 Area</span>
+							</button>
+							<button type="action" class="sheet-flexColumnNoGap sheet-speedBox" name="act_speed_rating_3" value="3">
+								<span>Very Fast</span>
+								<span>2 Area</span>
+							</button>
+						</div>
+						<div class="sheet-flexRow sheet-attributeModifier"> <!-- Row -->
+							<div>
+								<span>Bonuses/Penalties</span>
+								<input type="number" name="attr_speed_rating_modifier" value="0" />
+							</div>
+							<div>
+								<span>Total</span>
+								<input type="hidden" name="attr_speed_rating_name" value="Average" />
+								<span name="attr_speed_rating_name" class="sheet-bold"></span>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="sheet-notes">
+		<div class="sheet-2Row">
+			<div class="sheet-flexColumn sheet-2RowItem">
+				<!-- Notes -->
+				<div>
+					<h1>Allegiance</h1>
+					<div class="sheet-flexRow">
+						<div class="sheet-flexGrow sheet-rightSeparation">
+							<div class="sheet-flexRow sheet-attributeBase">
+								<input type="number" name="attr_allegiance_dark" value="0" />
+								<span>
+									Dark<br>
+									Allegiance<br>
+									Points
+								</span>
+							</div>
+							<div class="sheet-flexRow sheet-attributeBase">
+								<input type="number" name="attr_allegiance_bright" value="0" />
+								<span>
+									Bright<br>
+									Allegiance<br>
+									Points
+								</span>
+							</div>
+						</div>
+						<div class="sheet-flexGrow sheet-flexColumn sheet-rightSeparation">
+							<div class="sheet-flexRow">
+								<input type="radio" name="attr_alignment" value="None" />
+								<span>None</span>
+							</div>
+							<div class="sheet-flexRow">
+								<input type="radio" name="attr_alignment" value="Dark" />
+								<span>Dark</span>
+							</div>
+							<div class="sheet-flexRow">
+								<input type="radio" name="attr_alignment" value="Twilight" />
+								<span>Twilight</span>
+							</div>
+							<div class="sheet-flexRow">
+								<input type="radio" name="attr_alignment" value="Light" />
+								<span>Light</span>
+							</div>
+						</div>
+						<div class="sheet-flexGrow">
+							<span>Gifts</span>
+							<textarea name="attr_gifts" class="sheet-unscaledTextArea"></textarea>
+						</div>
+					</div>
+				</div>
+				<div>
+					<h1>Rank & XP</h1>
+					<div class="sheet-flexRow">
+						<div class="sheet-flexGrow">
+							<span>Rank</span>
+							<input type="number" name="attr_rank" value="1" />
+						</div>
+						<div class="sheet-flexGrow">
+							<span>Current XP</span>
+							<input type="number" name="attr_xp_current" value="0" />
+						</div>
+						<div class="sheet-flexGrow">
+							<span>XP for next rank</span>
+							<input type="number" name="attr_xp_next" value="6" />
+						</div>
+					</div>
+				</div>
+				<div>
+					<h1>Quirk</h1>
+					<input type="text" name="attr_quirk" />
+					<textarea name="attr_quirk_notes" class="sheet-scalableTextArea"></textarea>
+				</div>
+				<div>
+					<h1>Abilities</h1>
+					<fieldset class="repeating_abilities">
+						<input type="text" name="ability_name" />
+						<textarea name="ability_notes" class="sheet-unscaledTextArea"></textarea>
+					</fieldset>
+				</div>
+			</div>
+			<div class="sheet-flexColumn sheet-2RowItem">
+				<div>
+					<h1>Wealth</h1>
+					<div class="sheet-flexRow">
+						<div class="sheet-flexGrow">
+							<span>Stones</span>
+							<input type="number" name="attr_wealth_stones" value="0" />
+						</div>
+						<div class="sheet-flexGrow">
+							<span>Coins</span>
+							<input type="number" name="attr_wealth_coins" value="0" />
+						</div>
+						<div class="sheet-flexGrow">
+							<span>Gems</span>
+							<input type="number" name="attr_wealth_gems" value="0" />
+						</div>
+					</div>
+				</div>
+				<div>
+					<h1>Inventory</h1>
+					<div class="sheet-flexRow sheet-downGap">
+						<div class="sheet-flexGrow sheet-flexColumn">
+							<div>
+								<input type="hidden" name="attr_inventory_total" value="10" />
+								<button type="roll" name="roll_inventory" value="&{template:generic} {{charName=@{character_name}}} {{rollName=Inventory}} {{subLabel= total}} {{total=[[@{inventory_base}+@{inventory_modifier}]]}}"><span name="attr_inventory_total"></span></button>
+								<span>Inventory slots</span>
+							</div>
+							<div>
+								<input type="hidden" name="attr_inventory_left" value="10" />
+								<button type="roll" name="roll_inventory_left" value="&{template:generic} {{charName=@{character_name}}} {{rollName=Inventory}} {{subLabel= left}} {{total=[[@{inventory_base}+@{inventory_modifier}-@{total_weight}]]}}"><span name="attr_inventory_left"></span></button>
+								<span>Inventory left</span>
+							</div>
+						</div>
+						<div class="sheet-flexGrow sheet-flexEnd sheet-flexColumn">
+							<div class="sheet-flexEnd sheet-attributeBase">
+								<span>Base</span>
+								<input type="number" name="attr_inventory_base" />
+							</div>
+							<div class="sheet-flexEnd sheet-attributeBase">
+								<span>Bonuses/Penalties</span>
+								<input type="number" name="attr_inventory_modifier" />
+							</div>
+						</div>
+					</div>
+					<div>
+						<input type="hidden" name="attr_total_weight" value="0" />
+						<fieldset class="repeating_inventory">
+							<div class="sheet-flexColumn sheet-downGap">
+								<div>
+									<input type="text" name="attr_inventory_name" />
+									<span>Object size</span>
+									<input type="number" name="attr_inventory_size" value="1"/>
+								</div>
+								<div>
+									<span>Quantity</span>
+									<input type="number" name="attr_inventory_quantity" value="1"/>
+								</div>
+								<textarea name="attr_inventory_notes" class="sheet-unscaledTextArea"></textarea>
+							</div>
+						</fieldset>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div>
+			<h1>Notes</h1>
+			<div class="sheet-flexColumn">
+				<textarea name="attr_notes" class="sheet-scalableTextArea"></textarea>
+			</div>
+		</div>
+	</div>
+</div>
+
+<!-- End Of Characters Sheet -->
+
+<!-- Rolls Templates  -->
+<rolltemplate class="sheet-rolltemplate-carac">
+	<div class="sheet-template-container">
+		<div class="sheet-template-header"><h1>{{charName}} {{rollName}}</h1></div>
+		<div class="sheet-template-contents">
+			<div class="sheet-template-row"><span>Total = </span>{{computed::total}} / {{computed::attribute}}</div>
+			<div class="sheet-template-row"><span></span>{{computed::result}}</div>
+			<div class="sheet-rolls">
+				<div class="sheet-template-row"><span>Modifier = </span>{{computed::modifier}}</div>
+				<div class="sheet-template-row"><span>Roll Type = </span>{{computed::rollType}}</div>
+				<div class="sheet-template-row">{{#attribute}}<span>Target = </span>{{computed::attribute}}{{/attribute}}</div>
+			</div>
+		</div>
+	</div>
+</rolltemplate>
+
+<rolltemplate class="sheet-rolltemplate-generic">
+	<div class="sheet-template-container">
+		<div class="sheet-template-header"><h1>{{charName}} {{rollName}}</h1></div>
+		<div class="sheet-template-contents">
+			<div class="sheet-template-row">{{rollName}}{{subLabel}} = {{total}}</div>
+		</div>
+	</div>
+</rolltemplate>
+
+<!-- Rolls Templates End -->
+
+</html>
diff --git a/BREAK!!/BREAK.png b/BREAK!!/BREAK.png
new file mode 100644
index 0000000000..3b534b831d
Binary files /dev/null and b/BREAK!!/BREAK.png differ
diff --git a/BREAK!!/sheet.json b/BREAK!!/sheet.json
new file mode 100644
index 0000000000..e4664e4f0b
--- /dev/null
+++ b/BREAK!!/sheet.json
@@ -0,0 +1,9 @@
+{
+	"html": "BREAK.html",
+	"css": "BREAK.css",
+	"authors": "Aurélien \"Wagi\" Chabani, Corentin \"Rezay\" Ciret",
+	"roll20userid": "4842841, 1470591",
+	"preview": "BREAK.png",
+	"instructions": "**This is the first version of the BREAK!! character sheet for Roll20, created by Wagi with the help of Rezay.**\nThis sheet might be subject to later changes and updates.\nInternalization will come later, following any translation of the base game.\n\nIf you have any suggestions, please contact us on the BREAK!! Discord (https://discordapp.com/invite/SYkzXEF).\n\n**Thank you for using this sheet!**",
+	"legacy": false
+}