diff --git a/Monster of the Week Official/MotWCSS.css b/Monster of the Week Official/MotWCSS.css
new file mode 100644
index 0000000000..80a87c6d28
--- /dev/null
+++ b/Monster of the Week Official/MotWCSS.css
@@ -0,0 +1,828 @@
+@import url("https://fonts.googleapis.com/css?family=Special+Elite&display=swap&family=SpecialElite");
+
+.sheet-KItem-Type-New,
+.sheet-KItem-Type-Countdown,
+.sheet-KItem-Type-Monster,
+.sheet-KItem-Type-Minion,
+.sheet-KItem-Type-Bystander,
+.sheet-KItem-Type-Location,
+.sheet-KItem-Type-Phenomenon,
+.sheet-KItem-Type-Text,
+div.sheet-Keeper,
+.sheet-SkinCheck[value="-1"] ~ div.sheet-NoKeep,
+.sheet-SkinCheck[value="0"] ~ div div.sheet-NoNull,
+div.sheet-Reference,
+div.sheet-Expander
+{
+ display: none;
+}
+
+span.sheet-Null, div.sheet-Null,
+span.sheet-Chosen, div.sheet-Chosen,
+span.sheet-Crooked, div.sheet-Crooked,
+span.sheet-Divine, div.sheet-Divine,
+span.sheet-Expert, div.sheet-Expert,
+span.sheet-Flake, div.sheet-Flake,
+span.sheet-Initiate, div.sheet-Initiate,
+span.sheet-Monstrous, div.sheet-Monstrous,
+span.sheet-Mundane, div.sheet-Mundane,
+span.sheet-Professional, div.sheet-Professional,
+span.sheet-Spellslinger, div.sheet-Spellslinger,
+span.sheet-Spooky, div.sheet-Spooky,
+span.sheet-Wronged, div.sheet-Wronged,
+span.sheet-Gumshoe, div.sheet-Gumshoe,
+span.sheet-Hex, div.sheet-Hex,
+span.sheet-Pararomantic, div.sheet-Pararomantic,
+span.sheet-Searcher, div.sheet-Searcher,
+span.sheet-Exile, div.sheet-Exile,
+span.sheet-Hardcase, div.sheet-Hardcase,
+span.sheet-Luchador, div.sheet-Luchador,
+span.sheet-Meddlingkid, div.sheet-Meddlingkid,
+span.sheet-Sidekick, div.sheet-Sidekick,
+span.sheet-Snoop, div.sheet-Snoop,
+span.sheet-Summoned, div.sheet-Summoned,
+span.sheet-Traveler, div.sheet-Traveler,
+span.sheet-Actionscientist, div.sheet-Actionscientist,
+span.sheet-Biggamehunter, div.sheet-Biggamehunter,
+span.sheet-Constructed, div.sheet-Constructed,
+span.sheet-Madscientist, div.sheet-Madscientist,
+span.sheet-Spooktacular, div.sheet-Spooktacular,
+span.sheet-Custom, div.sheet-Custom
+{
+ display: none;
+}
+
+.sheet-KTyper[value="0"] ~ span.sheet-KItem-Type-New,
+.sheet-KTyper[value="7"] ~ span.sheet-KItem-Type-Text,
+.sheet-KTyper[value="1"] ~ span.sheet-KItem-Type-Countdown,
+.sheet-KTyper[value="2"] ~ span.sheet-KItem-Type-Monster,
+.sheet-KTyper[value="3"] ~ span.sheet-KItem-Type-Minion,
+.sheet-KTyper[value="4"] ~ span.sheet-KItem-Type-Bystander,
+.sheet-KTyper[value="5"] ~ span.sheet-KItem-Type-Location,
+.sheet-KTyper[value="6"] ~ span.sheet-KItem-Type-Phenomenon
+{
+ display: inline;
+}
+
+.sheet-KTyper[value="0"] ~ div.sheet-KItem-Type-New,
+.sheet-KTyper[value="7"] ~ div.sheet-KItem-Type-Text,
+.sheet-KTyper[value="1"] ~ div.sheet-KItem-Type-Countdown,
+.sheet-KTyper[value="2"] ~ div.sheet-KItem-Type-Monster,
+.sheet-KTyper[value="3"] ~ div.sheet-KItem-Type-Minion,
+.sheet-KTyper[value="4"] ~ div.sheet-KItem-Type-Bystander,
+.sheet-KTyper[value="5"] ~ div.sheet-KItem-Type-Location,
+.sheet-KTyper[value="6"] ~ div.sheet-KItem-Type-Phenomenon
+{
+ display: block;
+}
+
+.sheet-SkinCheck[value="-1"] ~ div.sheet-Keeper,
+.sheet-SkinCheck[value="0"] ~ div.sheet-Null,
+.sheet-SkinCheck[value="1"] ~ div.sheet-Chosen,
+.sheet-SkinCheck[value="2"] ~ div.sheet-Crooked,
+.sheet-SkinCheck[value="3"] ~ div.sheet-Divine,
+.sheet-SkinCheck[value="4"] ~ div.sheet-Expert,
+.sheet-SkinCheck[value="5"] ~ div.sheet-Flake,
+.sheet-SkinCheck[value="6"] ~ div.sheet-Initiate,
+.sheet-SkinCheck[value="7"] ~ div.sheet-Monstrous,
+.sheet-SkinCheck[value="8"] ~ div.sheet-Mundane,
+.sheet-SkinCheck[value="9"] ~ div.sheet-Professional,
+.sheet-SkinCheck[value="10"] ~ div.sheet-Spellslinger,
+.sheet-SkinCheck[value="11"] ~ div.sheet-Spooky,
+.sheet-SkinCheck[value="12"] ~ div.sheet-Wronged,
+.sheet-SkinCheck[value="13"] ~ div.sheet-Gumshoe,
+.sheet-SkinCheck[value="14"] ~ div.sheet-Hex,
+.sheet-SkinCheck[value="15"] ~ div.sheet-Pararomantic,
+.sheet-SkinCheck[value="16"] ~ div.sheet-Searcher,
+.sheet-SkinCheck[value="17"] ~ div.sheet-Exile,
+.sheet-SkinCheck[value="18"] ~ div.sheet-Hardcase,
+.sheet-SkinCheck[value="19"] ~ div.sheet-Luchador,
+.sheet-SkinCheck[value="20"] ~ div.sheet-Meddlingkid,
+.sheet-SkinCheck[value="21"] ~ div.sheet-Sidekick,
+.sheet-SkinCheck[value="22"] ~ div.sheet-Snoop,
+.sheet-SkinCheck[value="23"] ~ div.sheet-Summoned,
+.sheet-SkinCheck[value="24"] ~ div.sheet-Traveler,
+.sheet-SkinCheck[value="25"] ~ div.sheet-Actionscientist,
+.sheet-SkinCheck[value="26"] ~ div.sheet-Biggamehunter, /* Not implemented, not likely */
+.sheet-SkinCheck[value="27"] ~ div.sheet-Constructed, /* Not implemented */
+.sheet-SkinCheck[value="28"] ~ div.sheet-Madscientist, /* Not implemented, not likely */
+.sheet-SkinCheck[value="29"] ~ div.sheet-Spooktacular,
+.sheet-SkinCheck[value="99"] ~ div.sheet-Custom
+{
+ display: block;
+}
+
+.sheet-SkinCheck[value="-1"] ~ div > span > span.sheet-Keeper,
+.sheet-SkinCheck[value="-1"] ~ div > span.sheet-Keeper,
+.sheet-SkinCheck[value="0"] ~ div > span > span.sheet-Null,
+.sheet-SkinCheck[value="0"] ~ div > span.sheet-Null,
+.sheet-SkinCheck[value="1"] ~ div > span > span.sheet-Chosen,
+.sheet-SkinCheck[value="1"] ~ div > span.sheet-Chosen,
+.sheet-SkinCheck[value="2"] ~ div > span > span.sheet-Crooked,
+.sheet-SkinCheck[value="2"] ~ div > span.sheet-Crooked,
+.sheet-SkinCheck[value="3"] ~ div > span > span.sheet-Divine,
+.sheet-SkinCheck[value="3"] ~ div > span.sheet-Divine,
+.sheet-SkinCheck[value="4"] ~ div > span > span.sheet-Expert,
+.sheet-SkinCheck[value="4"] ~ div > span.sheet-Expert,
+.sheet-SkinCheck[value="5"] ~ div > span > span.sheet-Flake,
+.sheet-SkinCheck[value="5"] ~ div > span.sheet-Flake,
+.sheet-SkinCheck[value="6"] ~ div > span > span.sheet-Initiate,
+.sheet-SkinCheck[value="6"] ~ div > span.sheet-Initiate,
+.sheet-SkinCheck[value="7"] ~ div > span > span.sheet-Monstrous,
+.sheet-SkinCheck[value="7"] ~ div > span.sheet-Monstrous,
+.sheet-SkinCheck[value="8"] ~ div > span > span.sheet-Mundane,
+.sheet-SkinCheck[value="8"] ~ div > span.sheet-Mundane,
+.sheet-SkinCheck[value="9"] ~ div > span > span.sheet-Professional,
+.sheet-SkinCheck[value="9"] ~ div > span.sheet-Professional,
+.sheet-SkinCheck[value="10"] ~ div > span > span.sheet-Spellslinger,
+.sheet-SkinCheck[value="10"] ~ div > span.sheet-Spellslinger,
+.sheet-SkinCheck[value="11"] ~ div > span > span.sheet-Spooky,
+.sheet-SkinCheck[value="11"] ~ div > span.sheet-Spooky,
+.sheet-SkinCheck[value="12"] ~ div > span > span.sheet-Wronged,
+.sheet-SkinCheck[value="12"] ~ div > span.sheet-Wronged,
+.sheet-SkinCheck[value="13"] ~ div > span > span.sheet-Gumshoe,
+.sheet-SkinCheck[value="13"] ~ div > span.sheet-Gumshoe,
+.sheet-SkinCheck[value="14"] ~ div > span > span.sheet-Hex,
+.sheet-SkinCheck[value="14"] ~ div > span.sheet-Hex,
+.sheet-SkinCheck[value="15"] ~ div > span > span.sheet-Pararomantic,
+.sheet-SkinCheck[value="15"] ~ div > span.sheet-Pararomantic,
+.sheet-SkinCheck[value="16"] ~ div > span > span.sheet-Searcher,
+.sheet-SkinCheck[value="16"] ~ div > span.sheet-Searcher,
+.sheet-SkinCheck[value="17"] ~ div > span > span.sheet-Exile,
+.sheet-SkinCheck[value="17"] ~ div > span.sheet-Exile,
+.sheet-SkinCheck[value="18"] ~ div > span > span.sheet-Hardcase,
+.sheet-SkinCheck[value="18"] ~ div > span.sheet-Hardcase,
+.sheet-SkinCheck[value="19"] ~ div > span > span.sheet-Luchador,
+.sheet-SkinCheck[value="19"] ~ div > span.sheet-Luchador,
+.sheet-SkinCheck[value="20"] ~ div > span > span.sheet-Meddlingkid,
+.sheet-SkinCheck[value="20"] ~ div > span.sheet-Meddlingkid,
+.sheet-SkinCheck[value="21"] ~ div > span > span.sheet-Sidekick,
+.sheet-SkinCheck[value="21"] ~ div > span.sheet-Sidekick,
+.sheet-SkinCheck[value="22"] ~ div > span > span.sheet-Snoop,
+.sheet-SkinCheck[value="22"] ~ div > span.sheet-Snoop,
+.sheet-SkinCheck[value="23"] ~ div > span > span.sheet-Summoned,
+.sheet-SkinCheck[value="23"] ~ div > span.sheet-Summoned,
+.sheet-SkinCheck[value="24"] ~ div > span > span.sheet-Traveler,
+.sheet-SkinCheck[value="24"] ~ div > span.sheet-Traveler,
+.sheet-SkinCheck[value="25"] ~ div > span > span.sheet-Actionscientist,
+.sheet-SkinCheck[value="25"] ~ div > span.sheet-Actionscientist,
+.sheet-SkinCheck[value="26"] ~ div > span > span.sheet-Biggamehunter,
+.sheet-SkinCheck[value="26"] ~ div > span.sheet-Biggamehunter,
+.sheet-SkinCheck[value="27"] ~ div > span > span.sheet-Constructed,
+.sheet-SkinCheck[value="27"] ~ div > span.sheet-Constructed,
+.sheet-SkinCheck[value="28"] ~ div > span > span.sheet-Madscientist,
+.sheet-SkinCheck[value="28"] ~ div > span.sheet-Madscientist,
+.sheet-SkinCheck[value="29"] ~ div > span > span.sheet-Spooktacular,
+.sheet-SkinCheck[value="29"] ~ div > span.sheet-Spooktacular,
+.sheet-SkinCheck[value="99"] ~ div > span > span.sheet-Custom,
+.sheet-SkinCheck[value="99"] ~ div > span.sheet-Custom
+{
+ display: inline;
+}
+
+.sheet-RefToggle[value="1"]:checked ~ div.sheet-Reference,
+.sheet-ExpToggle[value="1"]:checked ~ div.sheet-Expander
+{
+ display: block;
+}
+
+.sheet-Reference
+{
+ padding-left: 12px;
+}
+
+textarea
+{
+ height: auto;
+}
+
+select.sheet-SkinSelect
+{
+ position: relative;
+}
+
+/* I'm not sure why the original implementation wanted the selected playbook to be un-displayed. Was there a fear it would overwrite? */
+/*
+option.sheet-SkinSelect:checked
+{
+ display: none;
+}
+*/
+
+.sheet-Subsection, .sheet-Label, .sheet-StatLabel
+{
+ font-family: 'Special Elite';
+ text-transform: uppercase;
+ font-weight: bold;
+}
+
+.sheet-MinorHead
+{
+ font-family: 'Special Elite';
+ text-transform: uppercase;
+ font-size: 100%;
+ font-weight: bold;
+}
+
+.sheet-statelabel
+{
+ font-weight: bold;
+ font-size: 66%;
+ text-transform: uppercase;
+ color: #990000;
+}
+
+.sheet-Stats, .sheet-Subsection {
+ margin-top: 12px;
+ margin-bottom: 4px;
+}
+
+.sheet-Stat {
+ text-align: center;
+ margin-bottom: 12px;
+}
+
+.sheet-Subsection
+{
+ font-size: 120%;
+ border-bottom: 1px solid black;
+}
+
+.sheet-StatLabel {
+ display: block;
+ font-size: 200%;
+ text-align: center;
+}
+
+.sheet-SheetGrid {
+ display: grid;
+ grid-template-columns: 100px 1fr;
+ grid-auto-flow: column;
+ column-gap: 20px;
+ align-content: stretch;
+}
+
+.sheet-Stats {
+ grid-column: 1;
+}
+
+.sheet-Specifics {
+ grid-column: 2
+}
+
+.sheet-move {
+ text-indent: -15px;
+ margin-left: 15px;
+}
+
+.sheet-move {
+ margin-bottom: 3px;
+}
+
+.sheet-move ul li {
+ text-indent: 0px;
+ margin-left: 0px;
+}
+
+.sheet-motw-moveshare .sheet-move,
+.sheet-rolltemplate-motw-dieroll .sheet-move
+{
+ text-indent: -12px;
+ margin-left: 15px;
+}
+
+.sheet-rolltemplate-motw-moveshare .sheet-template-container
+{
+ background-color: white;
+ border: 1px solid black;
+}
+
+.sheet-rolltemplate-motw-dieroll .sheet-template-container
+{
+ background-color: white;
+ border: 1px solid #990000;
+}
+
+.sheet-rolltemplate-motw-moveshare .sheet-moveshare-title,
+.sheet-rolltemplate-motw-dieroll .sheet-dieroll-title
+{
+ background-color: black;
+ color: white;
+ font-family: 'Special Elite';
+ text-transform: uppercase;
+ font-weight: bold;
+ padding-top: 3px;
+ padding-left: 3px;
+ padding-right: 3px;
+}
+
+.sheet-rolltemplate-motw-moveshare .sheet-moveshare-title
+{
+ background-color: black;
+}
+
+.sheet-rolltemplate-motw-dieroll .sheet-dieroll-title
+{
+ background-color: #990000;
+}
+
+.sheet-rolltemplate-motw-moveshare .sheet-moveshare-content,
+.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content
+{
+ background-color: white;
+ padding: 3px;
+ color: black;
+}
+
+.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content
+{
+ padding-top: 6px;
+}
+
+.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-failure,
+.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-success,
+.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-advsuccess,
+.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-mixed
+{
+ padding-top: 60px;
+ padding-left: 30px;
+ padding-bottom: 60px;
+ background-repeat: no-repeat;
+ background-size: 299px auto;
+}
+
+.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-failure
+{
+ background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/pics/result-failure.png");
+ background-color: white;
+}
+
+.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-success
+{
+ background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/pics/result-success.png");
+ background-color: black;
+}
+
+.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-advsuccess
+{
+ background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/pics/result-advanced-success.png");
+ background-color: black;
+}
+
+.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-mixed
+{
+ background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/pics/result-mixed.png");
+ background-color: white;
+}
+
+.sheet-rolltemplate-motw-dieroll .sheet-dieroll-roll .inlinerollresult,
+.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-advsuccess .sheet-dieroll-roll .inlinerollresult,
+.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-success .sheet-dieroll-roll .inlinerollresult,
+.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-failure .sheet-dieroll-roll .inlinerollresult,
+.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-mixed .sheet-dieroll-roll .inlinerollresult
+{
+ font-family: 'Special Elite';
+ color: white;
+ border: none !important;
+ background-color: transparent;
+ font-weight: bold;
+ padding: 0 3px 0 0;
+ font-size: 40px;
+}
+
+
+button[type=roll].sheet-2d6-button::before {
+ content: 'Fa';
+ font-family: 'dicefontd6';
+ font-size: 116%;
+}
+
+button[type=roll].sheet-broadcast-button::before {
+ content: 'R';
+ font-family: 'Pictos';
+}
+
+button[type=roll].sheet-broadcast-button,
+button[type=roll].sheet-2d6-button {
+ border: 0px;
+ padding: 0px;
+ margin: 0px;
+ margin-right: 6px;
+ background-color: white;
+ color: #990000;
+}
+
+input[type="checkbox"].sheet-checkbox {
+ opacity: 0.0;
+ width: 16px;
+ height: 16px;
+ position: relative;
+ top: -3px;
+ left: 9px;
+ margin: -10px;
+ cursor: pointer;
+ z-index: 1;
+}
+
+input[type="checkbox"].sheet-checkbox + span.sheet-altbox::before {
+ margin-right: 0px;
+ margin-left: 3px;
+ line-height: 14px;
+ text-align: center;
+ display: inline-block;
+ vertical-align: top;
+ content: url(https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/pics/checkbox-unchecked.png);
+ width: 14px;
+ height: 14px;
+ font-size: 12px;
+}
+
+input[type="checkbox"].sheet-checkbox:checked + span.sheet-altbox::before {
+ content: url(https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/pics/checkbox-checked-red.png);
+}
+
+input[type="checkbox"].sheet-checkbox + span.sheet-mainbox::before {
+ margin-right: -7px;
+ margin-left: 10px;
+ line-height: 14px;
+ text-align: center;
+ display: inline-block;
+ vertical-align: top;
+ content: url(https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/pics/checkbox-unchecked.png);
+ width: 14px;
+ height: 14px;
+ font-size: 12px;
+}
+
+input[type="checkbox"].sheet-checkbox:checked + span.sheet-mainbox::before {
+ content: url(https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/pics/checkbox-checked-red.png);
+}
+
+.sheet-move .sheet-isolator {
+ text-indent: 0px;
+}
+
+input[type="checkbox"].sheet-checkbox + span.sheet-anglebox::before {
+ margin-right: 0px;
+ margin-left: 3px;
+ line-height: 14px;
+ text-align: center;
+ display: inline-block;
+ vertical-align: top;
+ content: "►";
+ color: #990000;
+ width: 14px;
+ height: 14px;
+ font-size: 12px;
+}
+
+input[type="checkbox"].sheet-checkbox:checked + span.sheet-anglebox::before {
+ content: "▼";
+}
+
+span.sheet-ExpHeader {
+ font-weight: bold;
+ font-size: 75%;
+ text-transform: uppercase;
+ color: #999999;
+}
+
+input[type="checkbox"].sheet-ExpOPBToggle + span.sheet-anglebox + span.sheet-ExpHeader::before,
+input[type="checkbox"].sheet-ExpToggle + span.sheet-anglebox + span.sheet-ExpHeader::before {
+ content: "Show "; /* I'd love to internationalize this but I don't think CSS allows it */
+}
+
+input[type="checkbox"].sheet-OPBToggle:checked + span.sheet-anglebox + span.sheet-ExpHeader::before,
+input[type="checkbox"].sheet-ExpToggle:checked + span.sheet-anglebox + span.sheet-ExpHeader::before {
+ content: "Hide "; /* I'd love to internationalize this but I don't think CSS allows it */
+}
+
+input[type="radio"].sheet-radio {
+ opacity: 0.0;
+ width: 16px;
+ height: 16px;
+ position: relative;
+ top: -3px;
+ left: 9px;
+ margin: -10px;
+ cursor: pointer;
+ z-index: 1;
+}
+
+input[type="radio"].sheet-radio + span.sheet-mainbox::before {
+ margin-right: -7px;
+ margin-left: 10px;
+ line-height: 14px;
+ text-align: center;
+ display: inline-block;
+ vertical-align: top;
+ content: url(https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/pics/radio-unchecked.png);
+ width: 14px;
+ height: 14px;
+ font-size: 12px;
+}
+
+input[type="radio"].sheet-radio:checked + span.sheet-mainbox::before {
+ content: url(https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/pics/radio-checked-red.png);
+}
+
+input[type="radio"].sheet-radio + span.sheet-altbox::before {
+ margin-right: 0px;
+ margin-left: 3px;
+ line-height: 14px;
+ text-align: center;
+ display: inline-block;
+ vertical-align: top;
+ content: url(https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/pics/radio-unchecked.png);
+ width: 14px;
+ height: 14px;
+ font-size: 12px;
+}
+
+input[type="radio"].sheet-radio:checked + span.sheet-altbox::before {
+ content: url(https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/pics/radio-checked-red.png);
+}
+
+.sheet-grayable {
+ color: #999999;
+}
+
+input[type="checkbox"].sheet-checkbox:checked ~ span.sheet-grayable,
+input[type="radio"].sheet-radio:checked ~ span.sheet-grayable
+{
+ color: #000000;
+}
+
+input[type="checkbox"].sheet-checkbox:checked ~ span.sheet-grayable b,
+input[type="radio"].sheet-radio:checked ~ span.sheet-grayable b,
+input[type="checkbox"].sheet-checkbox:checked ~ span.sheet-grayable i,
+input[type="radio"].sheet-radio:checked ~ span.sheet-grayable i
+{
+ color: #990000;
+}
+
+.sheet-OPBToggle[value="1"]:checked ~ .sheet-OPB
+{
+ display: block;
+ padding-right: 10px;
+}
+
+.sheet-OPBHead {
+ display: none;
+}
+
+.sheet-ExpToggle[value="1"]:checked ~ .sheet-move > .sheet-checkbox,
+.sheet-ExpToggle[value="1"]:checked ~ .sheet-move > .sheet-checkbox + .sheet-mainbox,
+.sheet-ExpToggle[value="1"]:checked ~ .sheet-move > .sheet-checkbox + .sheet-mainbox + .sheet-grayable,
+.sheet-ExpToggle[value="1"]:checked ~ .sheet-move > .sheet-radio,
+.sheet-ExpToggle[value="1"]:checked ~ .sheet-move > .sheet-radio + .sheet-mainbox,
+.sheet-ExpToggle[value="1"]:checked ~ .sheet-move > .sheet-radio + .sheet-mainbox + .sheet-grayable
+{
+ display: inline;
+}
+
+.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-checkbox,
+.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-checkbox + .sheet-mainbox,
+.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-checkbox + .sheet-mainbox + .sheet-grayable,
+.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-radio,
+.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-radio + .sheet-mainbox,
+.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-radio + .sheet-mainbox + .sheet-grayable
+{
+ display: none;
+}
+
+.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-checkbox:checked,
+.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-checkbox:checked + .sheet-mainbox,
+.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-checkbox:checked + .sheet-mainbox + .sheet-grayable,
+.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-radio:checked,
+.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-radio:checked + .sheet-mainbox,
+.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-radio:checked + .sheet-mainbox + .sheet-grayable
+{
+ display: inline;
+}
+
+input[type="checkbox"].sheet-AllyRevealer ~ div.sheet-Ally,
+input[type="checkbox"].sheet-triggerbox + input[type="checkbox"].sheet-checkbox + span.sheet-altbox,
+input[type="checkbox"].sheet-triggerbox,
+input[type="checkbox"].sheet-triggerbox:checked,
+input[type="checkbox"].sheet-triggerbox + div.sheet-triggerframe,
+input[type="checkbox"].sheet-triggerbox + span.sheet-triggertext
+{
+ display: none;
+}
+
+input[type="checkbox"].sheet-triggerbox:checked + input[type="checkbox"].sheet-checkbox + span.sheet-altbox,
+input[type="checkbox"].sheet-triggerbox:checked + span.sheet-triggertext
+{
+ display: inline;
+}
+
+input[type="checkbox"].sheet-AllyRevealer:checked ~ div.sheet-Ally,
+input[type="checkbox"].sheet-HavenRevealer:checked + div.sheet-Haven,
+input[type="checkbox"].sheet-SectRevealer:checked + div.sheet-Sect,
+input[type="checkbox"].sheet-triggerbox:checked + div.sheet-triggerframe
+{
+ display: block;
+}
+
+.sheet-AllyRevealer:checked ~ .sheet-Ally,
+.sheet-HavenRevealer:checked ~ .sheet-Haven,
+.sheet-SectRevealer:checked ~ .sheet-Sect
+{
+ display: block;
+}
+
+.sheet-advmoves {
+ padding-left: 10px;
+}
+
+.sheet-highlights > b,
+.sheet-highlights > i,
+.sheet-redtext
+{
+ color: #990000;
+}
+
+.sheet-kflex {
+ display: flex;
+ flex-flow: column-reverse;
+ align-items: left;
+}
+
+.sheet-kflex > .repcontainer {
+ display: flex;
+ flex-flow: row wrap;
+ justify-content: space-between;
+ align-items: stretch;
+ align-content: flex-start;
+}
+
+.sheet-kflex > .repcontrol {
+ display: inline-block;
+ width: 150px;
+}
+
+.sheet-kflex > .repcontainer > .repitem {
+ margin-right: 20px;
+ padding-bottom: 10px;
+ min-width: 20em;
+ min-height: 10px;
+ flex: 1 1 25em;
+}
+
+.sheet-KInstructions {
+ align-self: left;
+ text-align: left;
+}
+
+.sheet-KItem-input {
+ margin-bottom: 6px;
+ margin-left: 6px;
+ width: 90%;
+}
+
+input.sheet-null-hider[value=""] + *,
+input.sheet-null-hider[value="0"] + *,
+input.sheet-99-hider[value="99"] + *
+{
+ display: none;
+}
+
+.sheet-KIndented {
+ margin-left: 1em;
+ padding-bottom: 6px;
+}
+
+.sheet-CountRow {
+ border-top: 1px solid black;
+ display: flex;
+ flex-flow: row wrap;
+ justify-content: flex-start;
+ align-items: stretch;
+ align-content: stretch;
+ /* flex: 1 1 25em; */
+}
+
+.sheet-CountRow:last-of-type {
+ border-bottom: 1px solid black;
+}
+
+.sheet-CountRow .sheet-CountEvent
+{
+ margin-right: 0px;
+}
+
+.sheet-CountBox {
+ border-right: 1px solid black;
+ border-left: 1px solid black;
+ margin-bottom: 6px;
+}
+
+.sheet-CountRow .sheet-CountEvent {
+ width: calc(100% - 10em);
+}
+
+.sheet-CountRow .sheet-Day,
+.sheet-CountRow .sheet-Shadows,
+.sheet-CountRow .sheet-Sunset,
+.sheet-CountRow .sheet-Dusk,
+.sheet-CountRow .sheet-Nightfall,
+.sheet-CountRow .sheet-Midnight
+{
+ width: 8em;
+}
+
+.sheet-Day,
+.sheet-Shadows,
+.sheet-Sunset,
+.sheet-Dusk,
+.sheet-Nightfall,
+.sheet-Midnight,
+.sheet-CountEvent
+{
+ color: #000000;
+ padding: 6px;
+ display: inline-block;
+}
+
+.sheet-Day {
+ background-color: #EEEEEE;
+ color: #000000;
+}
+
+.sheet-Shadows {
+ background-color: #CCCCCC;
+ color: #111111;
+}
+
+.sheet-Sunset {
+ background-color: #AAAAAA;
+ color: #222222;
+}
+
+.sheet-Dusk {
+ color: #DDDDDD;
+ background-color: #888888;
+}
+
+.sheet-Nightfall {
+ color: #EEEEEE;
+ background-color: #666666;
+}
+
+.sheet-Midnight {
+ color: #FFFFFF;
+ background-color: #444444;
+}
+
+.sheet-EditControls {
+ border: 1px solid #990000;
+ background-color: #EEEEEE;
+ padding: 6px;
+}
+
+div.sheet-KItem-Subtype > div {
+ font-style: italic;
+}
+
+.sheet-othermove b
+{
+ color: #990000;
+}
+
+.sheet-othermovename {
+ font-weight: bold;
+}
+
+.sheet-othermovename::before {
+ padding-right: 2px;
+ vertical-align: top;
+ width: 14px;
+ height: 14px;
+ font-size: 12px;
+ content: url(https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/pics/checkbox-checked-black.png);
+}
+
+.sheet-othermovename::after {
+ content: ": ";
+}
+
+.sheet-EditControls textarea,
+.sheet-EditControls input[type="text"],
+{
+ width: calc(100% - 10px);
+}
+
+.sheet-StartingStats {
+ width: 100%;
+}
+
+/* If I want to use this for a display-only fieldset in the future, this will help hide the add/modify controls */
+
+.sheet-fset-display-only > .repcontrol {
+ display: none;
+}
+
+.sheet-space-above {
+ padding-top: 6px;
+}
\ No newline at end of file
diff --git a/Monster of the Week Official/MotWHTML.html b/Monster of the Week Official/MotWHTML.html
new file mode 100644
index 0000000000..26166d09c1
--- /dev/null
+++ b/Monster of the Week Official/MotWHTML.html
@@ -0,0 +1,8840 @@
+
+
+
+
+
+ Okay + + + + + + + + + + + + Doomed +
+ + Instructions ++ Mark Luck to change a roll to a 12 or to avoid all harm from an injury. + When you mark Luck, you trigger your playbook's Luck Special. +
+ Okay
+
+
+
+ |
+
+
+
+
+
+
+
+
+
+
+ Dying
+
+ Unstable
+
+ When you reach 4 or more, mark unstable. Unstable injuries worsen as time passes. +
++ + + + + +
+ + Instructions ++ Loving + + + + + + + + Broken +
+ ++ Loving + + + + + + + + Broken +
+