diff --git a/Fate/FateOmni.css b/Fate/FateOmni.css
index 3fb17aa736..df9baa76c0 100644
--- a/Fate/FateOmni.css
+++ b/Fate/FateOmni.css
@@ -11,13 +11,13 @@
 .sheet-rolltemplate-fateroll.sheet-rolltemplate-darkmode,
 .sheet-rolltemplate-fateroll.sheet-rolltemplate-darkmode .sheet-roll,
 .sheet-rolltemplate-share.sheet-rolltemplate-darkmode,
-.sheet-darkmode .tab-content .charsheet .btn,
-.sheet-darkmode .tab-content .charsheet .btn:hover,
-.sheet-darkmode .tab-content .charsheet button,
-.sheet-darkmode .tab-content .charsheet input,
-.sheet-darkmode .tab-content .charsheet select,
-.sheet-darkmode .tab-content .charsheet textarea,
-.sheet-darkmode .tab-content .charsheet
+.sheet-darkmode .ui-dialog .tab-content .charsheet .btn,
+.sheet-darkmode .ui-dialog .tab-content .charsheet .btn:hover,
+.sheet-darkmode .ui-dialog .tab-content .charsheet button,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input,
+.sheet-darkmode .ui-dialog .tab-content .charsheet select,
+.sheet-darkmode .ui-dialog .tab-content .charsheet textarea,
+.sheet-darkmode .ui-dialog .tab-content .charsheet
 {
 	background-color: #1f1f1f;
 	color: #eee;
@@ -57,7 +57,7 @@
 	content: ")";
 }
 
-.charsheet .highlight input[type="button"] {
+.ui-dialog .tab-content .charsheet .highlight input[type="button"] {
 	margin-bottom: 0px;
 }
 
@@ -371,7 +371,7 @@ input.icon[value="blank"] + span.icon::before {
 	justify-content: stretch;
 }
 
-.charsheet .fieldlabel {
+.ui-dialog .tab-content .charsheet .fieldlabel {
 	font-weight: bold;
 	font-size: 80%;
 	text-transform: uppercase;
@@ -383,7 +383,7 @@ input.icon[value="blank"] + span.icon::before {
 	/* background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.16),rgba(255,255,255,.5)) */
 }
 
-.sheet-darkmode .tab-content .charsheet .fieldlabel {
+.sheet-darkmode .ui-dialog .tab-content .charsheet .fieldlabel {
 	/* background-image: linear-gradient(to bottom,rgba(16,16,16,0),rgba(16,16,16,.16),rgba(16,16,16,.5)) */
 }
 
@@ -765,7 +765,7 @@ input[value="list"] ~ .SkillList {
 	transition: background 0.25s ease;
 }
 
-.charsheet .SkillGrid button[type="roll"] {
+.ui-dialog .tab-content .charsheet .SkillGrid button[type="roll"] {
 	font-weight: bold;
 }
 
@@ -781,16 +781,16 @@ input[value="list"] ~ .SkillList {
 	flex: none;
 }
 
-.charsheet .ExtraDisplay button[type="roll"].sheet-roll::before,
-.charsheet .StuntDisplay button[type="roll"].sheet-roll::before,
-.charsheet .SkillDisplay button[type="action"]::before,
-.charsheet .SkillDisplay button[type="roll"]::before {
+.ui-dialog .tab-content .charsheet .ExtraDisplay button[type="roll"].sheet-roll::before,
+.ui-dialog .tab-content .charsheet .StuntDisplay button[type="roll"].sheet-roll::before,
+.ui-dialog .tab-content .charsheet .SkillDisplay button[type="action"]::before,
+.ui-dialog .tab-content .charsheet .SkillDisplay button[type="roll"]::before {
 	content: "";
 }
 
-.charsheet .StuntDisplay button[type="roll"].sheet-roll,
-.charsheet .SkillDisplay button[type="action"],
-.charsheet .SkillDisplay button[type="roll"] {
+.ui-dialog .tab-content .charsheet .StuntDisplay button[type="roll"].sheet-roll,
+.ui-dialog .tab-content .charsheet .SkillDisplay button[type="action"],
+.ui-dialog .tab-content .charsheet .SkillDisplay button[type="roll"] {
 	text-align: left;
 	padding-left: 6px;
 	padding-right: 6px;
@@ -807,9 +807,9 @@ input[value="list"] ~ .SkillList {
 	transition: background 0.25s ease, color 0.25s ease;
 }
 
-.sheet-darkmode .tab-content .charsheet .StuntDisplay button[type="roll"].sheet-roll,
-.sheet-darkmode .tab-content .charsheet .SkillDisplay button[type="action"],
-.sheet-darkmode .tab-content .charsheet .SkillDisplay button[type="roll"] {
+.sheet-darkmode .ui-dialog .tab-content .charsheet .StuntDisplay button[type="roll"].sheet-roll,
+.sheet-darkmode .ui-dialog .tab-content .charsheet .SkillDisplay button[type="action"],
+.sheet-darkmode .ui-dialog .tab-content .charsheet .SkillDisplay button[type="roll"] {
 	text-shadow: 0 0 2px black;
 	color: #eee;
 	background-color: #1f1f1f;
@@ -825,7 +825,7 @@ input[value="list"] ~ .SkillList {
 	padding-bottom: 6px;
 }
 
-.charsheet .ExtraDisplay button[type="roll"].sheet-roll {
+.ui-dialog .tab-content .charsheet .ExtraDisplay button[type="roll"].sheet-roll {
 	float: left; 
 	z-index: 2;
 	position: relative;
@@ -846,37 +846,37 @@ input[value="list"] ~ .SkillList {
 	transition: background 0.25s ease, color 0.25s ease;
 }
 
-.sheet-darkmode .tab-content .charsheet .ExtraDisplay button[type="roll"].sheet-roll {
+.sheet-darkmode .ui-dialog .tab-content .charsheet .ExtraDisplay button[type="roll"].sheet-roll {
 	color: #eee;
 	background-color: #1f1f1f;
 	text-shadow: 0 0 2px black;
 }
 
-.charsheet .ExtraDisplay button[type="roll"].sheet-roll:active,
-.charsheet .StuntDisplay button[type="roll"].sheet-roll:active,
-.charsheet .SkillDisplay button[type="action"]:active,
-.charsheet .SkillDisplay button[type="roll"]:active {
+.ui-dialog .tab-content .charsheet .ExtraDisplay button[type="roll"].sheet-roll:active,
+.ui-dialog .tab-content .charsheet .StuntDisplay button[type="roll"].sheet-roll:active,
+.ui-dialog .tab-content .charsheet .SkillDisplay button[type="action"]:active,
+.ui-dialog .tab-content .charsheet .SkillDisplay button[type="roll"]:active {
 	color: white;
 	text-shadow: 0 0 2px white;
 }
 
-.charsheet .ExtraDisplay button[type="roll"].sheet-roll:hover,
-.charsheet .StuntDisplay button[type="roll"].sheet-roll:hover,
-.charsheet .SkillDisplay button[type="action"]:hover,
-.charsheet .SkillDisplay button[type="roll"]:hover {
+.ui-dialog .tab-content .charsheet .ExtraDisplay button[type="roll"].sheet-roll:hover,
+.ui-dialog .tab-content .charsheet .StuntDisplay button[type="roll"].sheet-roll:hover,
+.ui-dialog .tab-content .charsheet .SkillDisplay button[type="action"]:hover,
+.ui-dialog .tab-content .charsheet .SkillDisplay button[type="roll"]:hover {
 	color: white;
 	text-shadow: 0 0 2px black;
 }
 
-.charsheet .ExtraDisplay button[type="roll"].sheet-roll,
-.charsheet .StuntDisplay button[type="roll"].sheet-roll,
-.charsheet .SkillDisplay button[type="action"],
-.charsheet .SkillDisplay button[type="roll"] {
+.ui-dialog .tab-content .charsheet .ExtraDisplay button[type="roll"].sheet-roll,
+.ui-dialog .tab-content .charsheet .StuntDisplay button[type="roll"].sheet-roll,
+.ui-dialog .tab-content .charsheet .SkillDisplay button[type="action"],
+.ui-dialog .tab-content .charsheet .SkillDisplay button[type="roll"] {
 	font-size: 14px;
 }
 
-.charsheet .SkillDisplay .SkillList button[type="action"],
-.charsheet .SkillDisplay .SkillList button[type="roll"] {
+.ui-dialog .tab-content .charsheet .SkillDisplay .SkillList button[type="action"],
+.ui-dialog .tab-content .charsheet .SkillDisplay .SkillList button[type="roll"] {
 	min-width: 225px;
 }
 
@@ -979,8 +979,8 @@ input[type="checkbox"].checkbox:checked + span.pencilbox::before {
 	transition: opacity 0.5s ease;
 }
 
-.sheet-darkmode .tab-content .charsheet .pencilbox,
-.sheet-darkmode .tab-content .charsheet .optionsbox {
+.sheet-darkmode .ui-dialog .tab-content .charsheet .pencilbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet .optionsbox {
 	opacity: 0.4;
 }
 
@@ -1400,7 +1400,7 @@ input.hideAllBut[value="1"] + .iblock {
 	display: block;
 }
 
-.charsheet button[type="roll"].share:before {
+.ui-dialog .tab-content .charsheet button[type="roll"].share:before {
 	font-family: "Pictos";
 	font-style: normal;
 	text-transform: uppercase;
@@ -1408,11 +1408,11 @@ input.hideAllBut[value="1"] + .iblock {
 	content: 'R';
 }
 
-.charsheet button[type="roll"].share:hover {
+.ui-dialog .tab-content .charsheet button[type="roll"].share:hover {
 	opacity: 100%;
 }
 
-.charsheet button[type="roll"].share {
+.ui-dialog .tab-content .charsheet button[type="roll"].share {
 	opacity: 25%;
 	background: transparent;
 	border-style: none;
@@ -1421,7 +1421,7 @@ input.hideAllBut[value="1"] + .iblock {
 	transition: opacity 0.5s ease;
 }
 
-.sheet-darkmode .tab-content .charsheet button[type="roll"].share {
+.sheet-darkmode .ui-dialog .tab-content .charsheet button[type="roll"].share {
 	opacity: 40%;
 }
 
@@ -1504,14 +1504,14 @@ input[value="blue"].theme + .Wrapper .optbar > span {
 	box-shadow: 2px 2px 6px #1b75bb;
 }
 
-.charsheet input[value="blue"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
-.charsheet input[value="blue"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
-.charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
-.charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
-.charsheet input[value="blue"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
-.charsheet input[value="blue"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
-.charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
-.charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
+.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
+.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
+.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
+.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
+.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
+.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
+.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
+.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
 	background: #1b75bb;
 }
 
@@ -1542,10 +1542,10 @@ input[value="blue"].theme + .Wrapper .optbar > span {
 	background: #eef8ff;
 }
 
-.charsheet input[value="blue"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
-.charsheet input[value="blue"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
-.charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="action"],
-.charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="roll"] {
+.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
+.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
+.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="action"],
+.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="roll"] {
 	border: 1px solid #eef8ff;
 }
 
@@ -1563,56 +1563,56 @@ input[value="blue"].theme + .Wrapper .SkillEdit > .repcontainer {
 	background-image: linear-gradient(to bottom,white,#eef8ff);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillGrid > div:hover {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillGrid > div:hover {
 	background: #00181f;
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillGrid div > span,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .AspectSeparator,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .TrackEdit,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .AspectEdit,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .NoteEdit,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .ExtraEdit,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .StuntEdit,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .PowerEdit,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillEdit,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .OptionsEdit,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .optbar > span {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillGrid div > span,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .AspectSeparator,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .TrackEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .AspectEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .NoteEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .ExtraEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .StuntEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .PowerEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .OptionsEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .optbar > span {
 	background: #00181f;
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .SectionHeader ~ div {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SectionHeader ~ div {
 	background-image: linear-gradient(to bottom,#00181f,black,black,black,#00181f);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .AspectEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .TrackEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .StuntEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .PowerEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .NoteEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .ExtraEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillEdit > .repcontainer {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .AspectEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .TrackEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .StuntEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .PowerEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .NoteEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .ExtraEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillEdit > .repcontainer {
 	background-image: linear-gradient(to bottom,black,#00181f);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .share,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .optionsbox,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .OptionsTitleBar,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .SectionHeader,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .Bar,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .pronounbox,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .fpbox,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .fpbox input[type=number],
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .optwrap,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .AspectLabelBar,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .aspect .label,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .share,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .optionsbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .OptionsTitleBar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SectionHeader,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .Bar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .pronounbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .fpbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .fpbox input[type=number],
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .optwrap,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .AspectLabelBar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .aspect .label,
 /* input[value="blue"].theme + .Wrapper .specific input[type="text"], */
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .track .optionsbox,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .recovery .label,
-.sheet-darkmode .tab-content .charsheet input[value="blue"].theme + .Wrapper .charname {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .track .optionsbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .recovery .label,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .charname {
 	color: #208cdf;
 }
 
@@ -1693,14 +1693,14 @@ input[value="green"].theme + .Wrapper .optbar > span {
 	box-shadow: 2px 2px 6px #356e45;
 }
 
-.charsheet input[value="green"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
-.charsheet input[value="green"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
-.charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
-.charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
-.charsheet input[value="green"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
-.charsheet input[value="green"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
-.charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
-.charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
+.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
+.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
+.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
+.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
+.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
+.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
+.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
+.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
 	background: #356e45;
 }
 
@@ -1731,10 +1731,10 @@ input[value="green"].theme + .Wrapper .optbar > span {
 	background: #eeffe5;
 }
 
-.charsheet input[value="green"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
-.charsheet input[value="green"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
-.charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="action"],
-.charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="roll"] {
+.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
+.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
+.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="action"],
+.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="roll"] {
 	border: 1px solid #eeffe5;
 }
 
@@ -1752,56 +1752,56 @@ input[value="green"].theme + .Wrapper .SkillEdit > .repcontainer {
 	background-image: linear-gradient(to bottom,white,#eeffe5);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillGrid > div:hover {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillGrid > div:hover {
 	background: #001f05;
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillGrid div > span,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .AspectSeparator,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .TrackEdit,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .AspectEdit,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .NoteEdit,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .ExtraEdit,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .StuntEdit,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .PowerEdit,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillEdit,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .OptionsEdit,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .optbar > span {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillGrid div > span,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .AspectSeparator,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .TrackEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .AspectEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .NoteEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .ExtraEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .StuntEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .PowerEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .OptionsEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .optbar > span {
 	background: #001f05;
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .SectionHeader ~ div {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SectionHeader ~ div {
 	background-image: linear-gradient(to bottom,#001f05,black,black,black,#001f05);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .AspectEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .TrackEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .StuntEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .PowerEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .NoteEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .ExtraEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillEdit > .repcontainer {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .AspectEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .TrackEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .StuntEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .PowerEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .NoteEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .ExtraEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillEdit > .repcontainer {
 	background-image: linear-gradient(to bottom,black,#001f05);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .share,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .optionsbox,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .OptionsTitleBar,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .SectionHeader,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .Bar,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .pronounbox,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .fpbox,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .fpbox input[type=number],
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .optwrap,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .AspectLabelBar,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .aspect .label,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .share,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .optionsbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .OptionsTitleBar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SectionHeader,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .Bar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .pronounbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .fpbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .fpbox input[type=number],
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .optwrap,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .AspectLabelBar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .aspect .label,
 /* input[value="green"].theme + .Wrapper .specific input[type="text"], */
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .track .optionsbox,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .recovery .label,
-.sheet-darkmode .tab-content .charsheet input[value="green"].theme + .Wrapper .charname {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .track .optionsbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .recovery .label,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .charname {
 	color: #49975f;
 }
 
@@ -1883,14 +1883,14 @@ input[value="purple"].theme + .Wrapper .optbar > span {
 	box-shadow: 2px 2px 6px #3c1e5f;
 }
 
-.charsheet input[value="purple"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
-.charsheet input[value="purple"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
-.charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
-.charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
-.charsheet input[value="purple"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
-.charsheet input[value="purple"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
-.charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
-.charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
+.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
+.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
+.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
+.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
+.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
+.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
+.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
+.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
 	background: #3c1e5f;
 }
 
@@ -1921,10 +1921,10 @@ input[value="purple"].theme + .Wrapper .optbar > span {
 	background: #f8eeff;
 }
 
-.charsheet input[value="purple"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
-.charsheet input[value="purple"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
-.charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="action"],
-.charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="roll"] {
+.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
+.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
+.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="action"],
+.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="roll"] {
 	border: 1px solid #f8eeff;
 }
 
@@ -1942,56 +1942,56 @@ input[value="purple"].theme + .Wrapper .SkillEdit > .repcontainer {
 	background-image: linear-gradient(to bottom,white,#f8eeff);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillGrid > div:hover {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillGrid > div:hover {
 	background: #18001f;
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillGrid div > span,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .AspectSeparator,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .TrackEdit,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .AspectEdit,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .NoteEdit,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .ExtraEdit,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .StuntEdit,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .PowerEdit,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillEdit,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .OptionsEdit,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .optbar > span {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillGrid div > span,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .AspectSeparator,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .TrackEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .AspectEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .NoteEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .ExtraEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .StuntEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .PowerEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .OptionsEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .optbar > span {
 	background: #18001f;
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .SectionHeader ~ div {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SectionHeader ~ div {
 	background-image: linear-gradient(to bottom,#18001f,black,black,black,#18001f);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .AspectEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .TrackEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .StuntEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .PowerEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .NoteEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .ExtraEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillEdit > .repcontainer {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .AspectEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .TrackEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .StuntEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .PowerEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .NoteEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .ExtraEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillEdit > .repcontainer {
 	background-image: linear-gradient(to bottom,black,#18001f);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .share,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .optionsbox,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .OptionsTitleBar,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .SectionHeader,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .Bar,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .pronounbox,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .fpbox,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .fpbox input[type=number],
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .optwrap,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .AspectLabelBar,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .aspect .label,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .share,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .optionsbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .OptionsTitleBar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SectionHeader,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .Bar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .pronounbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .fpbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .fpbox input[type=number],
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .optwrap,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .AspectLabelBar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .aspect .label,
 /* input[value="purple"].theme + .Wrapper .specific input[type="text"], */
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .track .optionsbox,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .recovery .label,
-.sheet-darkmode .tab-content .charsheet input[value="purple"].theme + .Wrapper .charname {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .track .optionsbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .recovery .label,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .charname {
 	color: #aa61ff;
 }
 
@@ -2073,14 +2073,14 @@ input[value="cthulhu"].theme + .Wrapper .optbar > span {
 	box-shadow: 2px 2px 6px #3a5224;
 }
 
-.charsheet input[value="cthulhu"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
-.charsheet input[value="cthulhu"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
-.charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
-.charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
-.charsheet input[value="cthulhu"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
-.charsheet input[value="cthulhu"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
-.charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
-.charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
+.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
+.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
+.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
+.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
+.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
+.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
+.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
+.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
 	background: #3a5224;
 }
 
@@ -2111,10 +2111,10 @@ input[value="cthulhu"].theme + .Wrapper .optbar > span {
 	background: #d9e0d3;
 }
 
-.charsheet input[value="cthulhu"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
-.charsheet input[value="cthulhu"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
-.charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="action"],
-.charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="roll"] {
+.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
+.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
+.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="action"],
+.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="roll"] {
 	border: 1px solid #d9e0d3;
 }
 
@@ -2132,56 +2132,56 @@ input[value="cthulhu"].theme + .Wrapper .SkillEdit > .repcontainer {
 	background-image: linear-gradient(to bottom,white,#d9e0d3);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillGrid > div:hover {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillGrid > div:hover {
 	background: #091003;
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillGrid div > span,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .AspectSeparator,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .TrackEdit,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .AspectEdit,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .NoteEdit,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .ExtraEdit,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .StuntEdit,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .PowerEdit,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillEdit,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .OptionsEdit,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .optbar > span {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillGrid div > span,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .AspectSeparator,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .TrackEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .AspectEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .NoteEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .ExtraEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .StuntEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .PowerEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .OptionsEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .optbar > span {
 	background: #091003;
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SectionHeader ~ div {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SectionHeader ~ div {
 	background-image: linear-gradient(to bottom,#001f05,black,black,black,#091003);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .AspectEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .TrackEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .StuntEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .PowerEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .NoteEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .ExtraEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillEdit > .repcontainer {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .AspectEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .TrackEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .StuntEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .PowerEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .NoteEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .ExtraEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillEdit > .repcontainer {
 	background-image: linear-gradient(to bottom,black,#091003);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .share,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .optionsbox,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .OptionsTitleBar,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SectionHeader,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .Bar,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .pronounbox,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .fpbox,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .fpbox input[type=number],
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .optwrap,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .AspectLabelBar,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .aspect .label,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .share,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .optionsbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .OptionsTitleBar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SectionHeader,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .Bar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .pronounbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .fpbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .fpbox input[type=number],
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .optwrap,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .AspectLabelBar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .aspect .label,
 /* input[value="cthulhu"].theme + .Wrapper .specific input[type="text"], */
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .track .optionsbox,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .recovery .label,
-.sheet-darkmode .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .charname {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .track .optionsbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .recovery .label,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .charname {
 	color: #689341;
 }
 
@@ -2267,14 +2267,14 @@ input[value="evilhat"].theme + .Wrapper .optbar > span {
 	box-shadow: 2px 2px 6px #990000;
 }
 
-.charsheet input[value="evilhat"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
-.charsheet input[value="evilhat"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
-.charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
-.charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
-.charsheet input[value="evilhat"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
-.charsheet input[value="evilhat"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
-.charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
-.charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
+.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
+.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
+.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
+.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
+.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
+.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
+.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
+.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
 	background: #990000;
 }
 
@@ -2305,10 +2305,10 @@ input[value="evilhat"].theme + .Wrapper .optbar > span {
 	background: #eeeeee;
 }
 
-.charsheet input[value="evilhat"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
-.charsheet input[value="evilhat"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
-.charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="action"],
-.charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="roll"] {
+.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
+.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
+.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="action"],
+.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="roll"] {
 	border: 1px solid #eeeeee;
 }
 
@@ -2326,56 +2326,56 @@ input[value="evilhat"].theme + .Wrapper .SkillEdit > .repcontainer {
 	background-image: linear-gradient(to bottom,white,#eeeeee);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillGrid > div:hover {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillGrid > div:hover {
 	background: #111111;
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillGrid div > span,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .AspectSeparator,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .TrackEdit,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .AspectEdit,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .NoteEdit,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .ExtraEdit,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .StuntEdit,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .PowerEdit,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillEdit,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .OptionsEdit,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .optbar > span {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillGrid div > span,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .AspectSeparator,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .TrackEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .AspectEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .NoteEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .ExtraEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .StuntEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .PowerEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .OptionsEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .optbar > span {
 	background: #111111;
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SectionHeader ~ div {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SectionHeader ~ div {
 	background-image: linear-gradient(to bottom,#111111,black,black,black,#111111);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .AspectEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .TrackEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .StuntEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .PowerEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .NoteEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .ExtraEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillEdit > .repcontainer {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .AspectEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .TrackEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .StuntEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .PowerEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .NoteEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .ExtraEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillEdit > .repcontainer {
 	background-image: linear-gradient(to bottom,black,#111111);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .share,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .optionsbox,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .OptionsTitleBar,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SectionHeader,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .Bar,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .pronounbox,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .fpbox,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .fpbox input[type=number],
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .optwrap,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .AspectLabelBar,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .aspect .label,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .share,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .optionsbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .OptionsTitleBar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SectionHeader,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .Bar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .pronounbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .fpbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .fpbox input[type=number],
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .optwrap,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .AspectLabelBar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .aspect .label,
 /* input[value="evilhat"].theme + .Wrapper .specific input[type="text"], */
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .track .optionsbox,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .recovery .label,
-.sheet-darkmode .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .charname {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .track .optionsbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .recovery .label,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .charname {
 	color: #d90000;
 }
 
@@ -2457,14 +2457,14 @@ input[value="gray"].theme + .Wrapper .optbar > span {
 	box-shadow: 2px 2px 6px #000000;
 }
 
-.charsheet input[value="gray"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
-.charsheet input[value="gray"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
-.charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
-.charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
-.charsheet input[value="gray"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
-.charsheet input[value="gray"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
-.charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
-.charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
+.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
+.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
+.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
+.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
+.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
+.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
+.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
+.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
 	background: #000000;
 }
 
@@ -2495,10 +2495,10 @@ input[value="gray"].theme + .Wrapper .optbar > span {
 	background: #eeeeee;
 }
 
-.charsheet input[value="gray"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
-.charsheet input[value="gray"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
-.charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="action"],
-.charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="roll"] {
+.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
+.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
+.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="action"],
+.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="roll"] {
 	border: 1px solid #eeeeee;
 }
 
@@ -2516,56 +2516,56 @@ input[value="gray"].theme + .Wrapper .SkillEdit > .repcontainer {
 	background-image: linear-gradient(to bottom,white,#eeeeee);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillGrid > div:hover {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillGrid > div:hover {
 	background: #111111;
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillGrid div > span,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .AspectSeparator,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .TrackEdit,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .AspectEdit,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .NoteEdit,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .ExtraEdit,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .StuntEdit,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .PowerEdit,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillEdit,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .OptionsEdit,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .optbar > span {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillGrid div > span,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .AspectSeparator,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .TrackEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .AspectEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .NoteEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .ExtraEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .StuntEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .PowerEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .OptionsEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .optbar > span {
 	background: #111111;
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .SectionHeader ~ div {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SectionHeader ~ div {
 	background-image: linear-gradient(to bottom,#111111,black,black,black,#111111);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .AspectEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .TrackEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .StuntEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .PowerEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .NoteEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .ExtraEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillEdit > .repcontainer {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .AspectEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .TrackEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .StuntEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .PowerEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .NoteEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .ExtraEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillEdit > .repcontainer {
 	background-image: linear-gradient(to bottom,black,#111111);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .share,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .optionsbox,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .OptionsTitleBar,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .SectionHeader,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .Bar,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .pronounbox,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .fpbox,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .fpbox input[type=number],
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .optwrap,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .AspectLabelBar,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .aspect .label,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .share,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .optionsbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .OptionsTitleBar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SectionHeader,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .Bar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .pronounbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .fpbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .fpbox input[type=number],
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .optwrap,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .AspectLabelBar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .aspect .label,
 /* input[value="gray"].theme + .Wrapper .specific input[type="text"], */
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .track .optionsbox,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .recovery .label,
-.sheet-darkmode .tab-content .charsheet input[value="gray"].theme + .Wrapper .charname {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .track .optionsbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .recovery .label,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .charname {
 	color: #aaaaaa;
 }
 
@@ -2648,14 +2648,14 @@ input[value="shotc"].theme + .Wrapper .optbar > span {
 	box-shadow: 2px 2px 6px #ec008b;
 }
 
-.charsheet input[value="shotc"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
-.charsheet input[value="shotc"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
-.charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
-.charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
-.charsheet input[value="shotc"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
-.charsheet input[value="shotc"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
-.charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
-.charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
+.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
+.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
+.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
+.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
+.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
+.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
+.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
+.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
 	background: #007da4;
 }
 
@@ -2686,10 +2686,10 @@ input[value="shotc"].theme + .Wrapper .optbar > span {
 	background: #eef8ff;
 }
 
-.charsheet input[value="shotc"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
-.charsheet input[value="shotc"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
-.charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="action"],
-.charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="roll"] {
+.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
+.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
+.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="action"],
+.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="roll"] {
 	border: 1px solid #eef8ff;
 }
 
@@ -2707,56 +2707,56 @@ input[value="shotc"].theme + .Wrapper .SkillEdit > .repcontainer {
 	background-image: linear-gradient(to bottom,white,#eef8ff);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillGrid > div:hover {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillGrid > div:hover {
 	background: #00181f;
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillGrid div > span,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .AspectSeparator,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .TrackEdit,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .AspectEdit,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .NoteEdit,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .ExtraEdit,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .StuntEdit,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .PowerEdit,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillEdit,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .OptionsEdit,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .optbar > span {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillGrid div > span,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .AspectSeparator,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .TrackEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .AspectEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .NoteEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .ExtraEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .StuntEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .PowerEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .OptionsEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .optbar > span {
 	background: #00181f;
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SectionHeader ~ div {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SectionHeader ~ div {
 	background-image: linear-gradient(to bottom,#00181f,black,black,black,#00181f);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .AspectEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .TrackEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .StuntEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .PowerEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .NoteEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .ExtraEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillEdit > .repcontainer {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .AspectEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .TrackEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .StuntEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .PowerEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .NoteEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .ExtraEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillEdit > .repcontainer {
 	background-image: linear-gradient(to bottom,black,#00181f);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .share,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .optionsbox,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .OptionsTitleBar,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SectionHeader,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .Bar,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .pronounbox,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .fpbox,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .fpbox input[type=number],
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .optwrap,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .AspectLabelBar,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .aspect .label,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .share,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .optionsbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .OptionsTitleBar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SectionHeader,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .Bar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .pronounbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .fpbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .fpbox input[type=number],
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .optwrap,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .AspectLabelBar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .aspect .label,
 /* input[value="shotc"].theme + .Wrapper .specific input[type="text"], */
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .track .optionsbox,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .recovery .label,
-.sheet-darkmode .tab-content .charsheet input[value="shotc"].theme + .Wrapper .charname {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .track .optionsbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .recovery .label,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .charname {
 	color: #0092bf;
 }
 
@@ -2838,14 +2838,14 @@ input[value="orange"].theme + .Wrapper .optbar > span {
 	box-shadow: 2px 2px 6px #e3ac24;
 }
 
-.charsheet input[value="orange"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
-.charsheet input[value="orange"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
-.charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
-.charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
-.charsheet input[value="orange"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
-.charsheet input[value="orange"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
-.charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
-.charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
+.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
+.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
+.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
+.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
+.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
+.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
+.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
+.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
 	background: #e3ac24;
 }
 
@@ -2876,10 +2876,10 @@ input[value="orange"].theme + .Wrapper .optbar > span {
 	background: #fff8ee;
 }
 
-.charsheet input[value="orange"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
-.charsheet input[value="orange"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
-.charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="action"],
-.charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="roll"] {
+.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
+.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
+.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="action"],
+.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="roll"] {
 	border: 1px solid #fff8ee;
 }
 
@@ -2897,55 +2897,55 @@ input[value="orange"].theme + .Wrapper .SkillEdit > .repcontainer {
 	background-image: linear-gradient(to bottom,white,#fff8ee);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillGrid > div:hover {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillGrid > div:hover {
 	background: #1f1800;
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillGrid div > span,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .AspectSeparator,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .TrackEdit,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .AspectEdit,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .NoteEdit,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .ExtraEdit,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .StuntEdit,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .PowerEdit,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillEdit,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .OptionsEdit,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .optbar > span {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillGrid div > span,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .AspectSeparator,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .TrackEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .AspectEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .NoteEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .ExtraEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .StuntEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .PowerEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .OptionsEdit,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .optbar > span {
 	background: #1f1800;
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .SectionHeader ~ div {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SectionHeader ~ div {
 	background-image: linear-gradient(to bottom,#1f1800,black,black,black,#1f1800);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .AspectEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .TrackEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .StuntEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .PowerEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .NoteEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .ExtraEdit > .repcontainer,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillEdit > .repcontainer {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .AspectEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .TrackEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .StuntEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .PowerEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .NoteEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .ExtraEdit > .repcontainer,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillEdit > .repcontainer {
 	background-image: linear-gradient(to bottom,black,#1f1800);
 }
 
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .share,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .optionsbox,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .OptionsTitleBar,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .SectionHeader,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .Bar,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .pronounbox,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .fpbox,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .fpbox input[type=number],
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .optwrap,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .AspectLabelBar,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .aspect .label,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .share,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .optionsbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .OptionsTitleBar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SectionHeader,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .Bar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .pronounbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .fpbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .fpbox input[type=number],
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .optwrap,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .AspectLabelBar,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .aspect .label,
 /* input[value="orange"].theme + .Wrapper .specific input[type="text"], */
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .track .optionsbox,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .recovery .label,
-.sheet-darkmode .tab-content .charsheet input[value="orange"].theme + .Wrapper .charname {
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .track .optionsbox,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .recovery .label,
+.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .charname {
 	color: #e3ac24;
 }
diff --git a/Fate/FateOmni.html b/Fate/FateOmni.html
index f197398980..cf4e6616f8 100644
--- a/Fate/FateOmni.html
+++ b/Fate/FateOmni.html
@@ -960,7 +960,7 @@
 								<input type="hidden" name="attr_skillvalue" value="0">
 								<input type="hidden" name="attr_bonus" value="0">
 								<input type="checkbox" class="triggerbox" name="attr_rollable" value="1">
-								<span><br/><button type="roll" class="roll" value="@{comstyle} &{template:fateroll} {{theme=@{theme}}} {{name=@{character_name}: @{name} (@{skill})}} {{roll=[[@{fatedice}+@{skillvalue}+@{bonus}+@{Show-Diceprompts}]]}}" name="roll_SkillRoll">
+								<span><br/><button type="roll" class="sheet-roll" value="@{comstyle} &{template:fateroll} {{theme=@{theme}}} {{name=@{character_name}: @{name} (@{skill})}} {{roll=[[@{fatedice}+@{skillvalue}+@{bonus}+@{Show-Diceprompts}]]}}" name="roll_SkillRoll">
 									<b><span data-i18n="roll"></span>
 									<span name="attr_skill"></span></b> = <span name="attr_skillvalue"></span> + <span name="attr_bonus"></span> &nbsp;
 								</button></span>
@@ -1312,7 +1312,7 @@
 								<input type="hidden" name="attr_skill" value="">
 								<input type="hidden" name="attr_rating" value="0">
 								<input type="hidden" class="hideIfNull" name="attr_label" value=""><div class="fieldlabel clear-all"><b><span name="attr_label"></span></b></div>
-								<button type="roll" value="@{comstyle} &{template:fateroll} {{theme=@{theme}}} {{name=@{character_name}: @{skill}}} {{roll=[[@{fatedice}+@{rating}+@{Show-Diceprompts}]]}}" name="roll_SkillRoll" class="roll">
+								<button type="roll" value="@{comstyle} &{template:fateroll} {{theme=@{theme}}} {{name=@{character_name}: @{skill}}} {{roll=[[@{fatedice}+@{rating}+@{Show-Diceprompts}]]}}" name="roll_SkillRoll" class="sheet-roll">
 									<b><span name="attr_skill"></span></b>:
 									<span name="attr_word"></span>
 								</button>
@@ -1328,7 +1328,7 @@
 									<input type="hidden" name="attr_skillvalue" value="0">
 									<input type="hidden" name="attr_bonus" value="0">
 									<input type="checkbox" class="triggerbox" name="attr_rollable" value="1">
-									<span><br/><button type="roll" class="roll" value="@{comstyle} &{template:fateroll} {{theme=@{theme}}} {{name=@{character_name}: @{name} (@{skill})}} {{roll=[[@{fatedice}+@{skillvalue}+@{bonus}+@{Show-Diceprompts}]]}}" name="roll_SkillRoll">
+									<span><br/><button type="roll" class="sheet-roll" value="@{comstyle} &{template:fateroll} {{theme=@{theme}}} {{name=@{character_name}: @{name} (@{skill})}} {{roll=[[@{fatedice}+@{skillvalue}+@{bonus}+@{Show-Diceprompts}]]}}" name="roll_SkillRoll">
 										<b><span data-i18n="roll"></span>
 										<span name="attr_skill"></span></b> = <span name="attr_skillvalue"></span> + <span name="attr_bonus"></span> &nbsp;
 									</button></span>