diff --git a/Wildsea/README.md b/Wildsea/README.md
index 0ad542934c..b4aff956e9 100644
--- a/Wildsea/README.md
+++ b/Wildsea/README.md
@@ -4,4 +4,6 @@ Character sheet for the [Wildsea RPG](https://thewildsea.co.uk/) for use with [R
 
 Created using the [Roll20 grid template by Anduh.](https://github.com/Anduh/Roll20-grid-template)
 
-![alt text](https://github.com/artinkel/wildsea-roll20-character-sheet/blob/master/wildsea_preview.png?raw=true)
+![alt text](https://github.com/artinkel/wildsea-roll20-character-sheet/blob/master/wildsea-character-preview.png?raw=true)
+
+![alt text](https://github.com/artinkel/wildsea-roll20-character-sheet/blob/master/wildsea-crew-preview.png?raw=true)
\ No newline at end of file
diff --git a/Wildsea/TODO.md b/Wildsea/TODO.md
index ef9d4475a0..4b1a69e86c 100644
--- a/Wildsea/TODO.md
+++ b/Wildsea/TODO.md
@@ -1,4 +1,4 @@
 Todo for the sheet:
 
-* Add crew sheet option
-* Create roll template
\ No newline at end of file
+* Create roll template (something like a simpler blades in the dark?)
+* Make it prettier
\ No newline at end of file
diff --git a/Wildsea/sheet.json b/Wildsea/sheet.json
index be9d94c207..728d5355e0 100644
--- a/Wildsea/sheet.json
+++ b/Wildsea/sheet.json
@@ -2,7 +2,7 @@
     "html": "wildsea.html",
     "css": "wildsea.css",
     "authors": "Austin Tinkel",
-    "preview": "wildsea_preview.png",
-    "instructions": "This is a work in progress for the Wildsea RPG playtest packet C. Currently there is only the character sheet; crew sheet will be added later. There is one button that is a universal roll located in the top right corner of the character sheet. This can be used for any roll in the game."
+    "preview": "wildsea-character-preview.png",
+    "instructions": "This is a work in progress character sheet for the Wildsea RPG playtest packet C. The sheet has 2 modes, player and crew. All character skills and crew ratings can be clicked to roll them."
 }
 
diff --git a/Wildsea/wildsea-character-preview.png b/Wildsea/wildsea-character-preview.png
new file mode 100644
index 0000000000..20055f1fb6
Binary files /dev/null and b/Wildsea/wildsea-character-preview.png differ
diff --git a/Wildsea/wildsea-crew-preview.png b/Wildsea/wildsea-crew-preview.png
new file mode 100644
index 0000000000..a9514e0f6c
Binary files /dev/null and b/Wildsea/wildsea-crew-preview.png differ
diff --git a/Wildsea/wildsea.css b/Wildsea/wildsea.css
index 9ee0269419..d28b5e820e 100644
--- a/Wildsea/wildsea.css
+++ b/Wildsea/wildsea.css
@@ -1,23 +1,48 @@
 .sheet-main {
     display: grid;
-    width: 900px;
-    height: 1100px;
+    width: 820px;
+    height: 1200px;
+    background-color: #ADD2AD;
+    grid-gap: 0px;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 50px 1fr ;
+    grid-template-areas:"header header header"
+                        "main main main"
+}
+
+/*--------- Sheet Toggle -----------*/
+.sheet-character,
+.sheet-block-switch:checked ~ .sheet-crew {
+  display: grid;
+}
+
+.sheet-crew,
+.sheet-block-switch:checked ~ .sheet-character {
+  display: none;
+}
+/*----------------------------------*/
+
+.sheet-character {
+    grid-area: main;
+    display: grid;
+    width: 820px;
+    height: 1200px;
+    background-color: #ADD2AD;
     grid-gap: 4px;
     grid-template-columns: 1fr 1fr 1fr;
-    grid-template-rows:  repeat(90px, 1fr, 50px) ;
-    grid-template-areas:"header  header header"
-                        "common  common common"
+    grid-template-rows: repeat(1fr) ;
+    grid-template-areas:"common  common common"
                         "edges   edges  edges"
-                        "skills  skills aspect"
-                        "skills  skills aspect"
-                        "skills  skills aspect"
-                        "skills  skills aspect"
-                        "skills  skills aspect"
-                        "drivmir drivmir temp"
-                        "lang    lang   temp"
-                        "inv     inv    miles"
+                        "skills  skills skills"
+                        "skills  skills skills"
+                        "skills  skills skills"
+                        "aspect  aspect aspect"
+                        "aspect  aspect aspect"
+                        "temp    temp   temp"
+                        "drivmir drivmir drivmir"
+                        "inv     inv    inv"
+                        "lang    miles  miles"
                         "notes   notes  notes"
-                        "footer  footer footer";
 }
 
 /*----------------- GENERAL CSS ------------------*/
@@ -45,6 +70,7 @@
     padding: 5px;
     border-width: 2px;
     border-style: solid;
+    width: 115px;
 }
 
 .sheet-flex-col {
@@ -74,18 +100,20 @@
 
 .sheet-header {
     grid-area: header;
-    background-color: green;
+    background-color: #228B22;
+    width: 804px;
     flex-direction: column;
 }
 
 /********Common**********/
 .sheet-common {
     grid-area: common;
+    background-color: #E4F0E4;
     flex-direction: row;
     height: 30px;
     display: grid;
     grid-gap: 1px;
-    grid-template-columns: 300px 1fr 1fr 1fr;
+    grid-template-columns: 270px 190px 1fr 1fr;
     grid-template-rows: 50px 1fr;
     grid-template-areas:"name bloodline origin post"
 }
@@ -117,6 +145,7 @@
 
 .sheet-edges {
     grid-area: edges;
+    background-color: #E4F0E4;
     display: grid;
     grid-gap: 1px;
     grid-template-columns: repeat(50px);
@@ -129,11 +158,6 @@
     height: 25px;
 }
 
-.sheet-checkbox > input:checked {
-    border: 1px solid #41B883;
-    background-color: #34495E;
-}
-
 .sheet-grace {
     grid-area: grace;
     text-align: center;
@@ -182,50 +206,101 @@
 /*******Mires/Drives******/
 .sheet-drivmir {
     grid-area:drivmir;
+    background-color: #E4F0E4;
     display: grid;
     grid-gap: 4px;
-    grid-template-columns: 1fr;
-    grid-template-rows: 1fr 1fr;
-    grid-template-areas:"drives"
-                        "mires"
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: 1fr;
+    grid-template-areas:"drives mires";
 }
 
 .sheet-drives {
     grid-area: drives;
+    width: 392px;
 }
 
 .sheet-drives input[type=text] {
-    width: 410px;
+    width: 390px;
 }
 
 .sheet-mires {
     grid-area: mires;
-    display: flex-column;
+    width: 392px;
 }
 
 .sheet-mires input[type=text] {
-    width: 350px;
+    width: 340px;
+    margin-right: 4px;
 }
 
 .sheet-lang {
     grid-area: lang;
+    width: 400px;
+    background-color: #E4F0E4;
 }
 
 .sheet-shorterBox {
-    width: 150px;
+    width: 130px;
 }
 
 /*************************/
 
 .sheet-aspect {
     grid-area: aspect;
-    width: 450px;
+    background-color: #E4F0E4;
+    width: 804px;
 }
 
-.sheet-aspect input[type=text],
-.sheet-temp input[type=text] {
-    width: 300px;
-    font-size: 14px;
+/*******************/
+
+.sheet-auto-expand {
+	position: relative;
+	cursor: text;
+	word-wrap: break-word;
+    box-shadow: 1px;
+	width: 420px;
+    min-height: 25px;
+    display: inline-block;
+    vertical-align: top;
+    margin-bottom: 5px;
+    padding-top: 3px;
+    padding-left: 3px;
+}
+
+.sheet-auto-expand span {
+	visibility: hidden;
+	white-space: pre-wrap;
+	display: block;
+}
+
+.sheet-auto-expand textarea {
+	position: absolute;
+	z-index: 1;
+	top: 0;
+	left: 0;
+	margin: 0;
+	overflow: hidden;
+	resize: none;
+	height: 100%;
+	width: 100%;
+	display: block;
+	box-sizing: border-box;
+	color: inherit;
+	font: inherit;
+	letter-spacing: inherit;
+	padding: inherit;
+	text-align: inherit;
+	text-transform: inherit;
+}
+
+
+/*******************/
+
+.sheet-aspectTitle {
+    font-weight: 700;
+    width: 180px;
+    height: 25px;
+    vertical-align: top;
 }
 
 .sheet-bold {
@@ -239,16 +314,57 @@
     height: 25px;
 }
 
+.sheet-aspect select,
+.sheet-temp select {
+    appearance: none;
+    width: 20px;
+}
+
 .sheet-skills {
     grid-area: skills;
-    width: 414px;
+    background-color: #E4F0E4;
+    width: 804px;
     display: grid;
-    grid-gap: 4px;
-    grid-template-columns: 1fr 1fr 1fr;
-    grid-template-rows: 20px 1fr 1fr;
-    grid-template-areas:"header   .         ."
-                        "movement detection survival"
-                        "creation social    combat";
+    grid-gap: 1px;
+    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+    grid-template-rows: 20px 1fr;
+    grid-template-areas:"header   .         .        .        .      .     "
+                        "movement detection survival creation social combat";
+}
+
+/****** Roll Buttons ******/
+/* Roll buttons for attributes and skils */
+.sheet-skills button[type=roll] {   
+    background-color: transparent;
+    color: black;
+    border: none;
+    background-image: none;
+    text-shadow: none;
+    box-shadow: none;
+    
+    color: inherit;
+    font-size: 16px;
+    font-weight: 600;
+    margin: 0;
+    padding: 0;
+    vertical-align: baseline;
+}
+
+.sheet-skills button[type=roll]:focus {
+    outline: none;
+}
+
+.sheet-skills button[type=roll]::before {
+    display: none;
+}
+
+.sheet-skills button[type=roll]:hover {
+    color: #245486;
+}
+
+.sheet-skills span {
+    text-align: right;
+    float: right;
 }
 
 /******Skills************/
@@ -293,48 +409,55 @@
     text-align: right;
 }
 
-.sheet-skillInterior input[type=number] {
-    top: -5px;
-    position: relative;
-    vertical-align: bottom;
-}
 /*************************/
 
 .sheet-temp {
     grid-area: temp;
-    width: 450px;
+    background-color: #E4F0E4;
+    width: 804px;
 }
 
 /**********Inventory**********/
 .sheet-inv {
     grid-area: inv;
     display: grid;
+    background-color: #E4F0E4;
     grid-gap: 4px;
     grid-template-columns: 1fr 1fr;
-    grid-template-rows: repeat(15px, 1fr);
+    grid-template-rows: repeat(15px, 200fr);
     grid-template-areas:"header   ." 
                         "salvage  specimens" 
                         "whispers charts";
 }
 
-.sheet-inv input[type=text] {
-    width: 190px;
+.sheet-inv-name {
+    width: 250px;
+    display: inline;
+}
+
+.sheet-inv-tag {
+    width: 120px;
+    display: inline;
 }
 
 .sheet-salvage {
     grid-area: salvage;
+    width: 95%;
 }
 
 .sheet-specimens {
     grid-area: specimens;
+    width: 95%;
 }
 
 .sheet-whispers {
     grid-area: whispers;
+    width: 95%;
 }
 
 .sheet-charts {
     grid-area: charts;
+    width: 95%;
 }
 
 /*************************/
@@ -343,6 +466,7 @@
 /*******Milestones********/
 .sheet-miles {
     grid-area: miles;
+    background-color: #E4F0E4;
     display: grid;
     grid-gap: 4px;
     grid-template-columns: 1fr;
@@ -367,15 +491,170 @@
 
 .sheet-notes {
     grid-area: notes;
+    background-color: #E4F0E4;
 }
 
 .sheet-bigtext {
     width: 650px;
 }
 
-.sheet-footer {
-    grid-area: footer;
-    background-color: gray;
+/* Checkboxes */
+/* hide original check so I can style it*/
+.sheet-edges input[type="checkbox"] {
+    opacity: 0;
+    width: 25px;
+    height: 25px;
+    position: relative;
+    top: 5px;
+    left: 15px;
+    margin: -10px;
+    z-index: 1;
+}
+
+/* create my own checkbox */
+.sheet-edges input[type="checkbox"] + span::before {
+    margin-right: 4px;
+    border: solid 2px black;
+    border-radius: 5px;
+    line-height: 100%;
+    text-align: center;
+    display: inline-block;
+    vertical-align: middle;
+    
+    width: 25px;
+    height: 25px;
+    content: "";
+    
+    background: #E4F0E4;
+}
+
+.sheet-edges input[type="checkbox"]:checked + span::before {
+    content: "";
+    text-align: center;
+    vertical-align: middle;
+    line-height: 25px;
+    color: white;
+    background-color: #245486;
+}
+
+.sheet-mires input[type="checkbox"] {
+    opacity: 0;
+    width: 16px;
+    height: 16px;
+    position: relative;
+    top: 5px;
+    left: 6px;
+    margin: -10px;
+    z-index: 1;
+}
+
+.sheet-mires input[type="checkbox"] + span::before {
+    margin-right: 4px;
+    border: solid 2px black;
+    border-radius: 5px;
+    line-height: 100%;
+    text-align: center;
+    display: inline-block;
+    vertical-align: middle;
+    
+    width: 16px;
+    height: 16px;
+    content: "";
+    
+    background: #E4F0E4;
+}
+
+.sheet-mires input[type="checkbox"]:checked + span::before {
+    content: "";
+    text-align: center;
+    vertical-align: middle;
+    line-height: 16px;
+    color: white;
+    background-color: #245486;
+}
+
+/* aspect selectors */
+.sheet-databox,
+.sheet-div-show-radio {
+    display: none;
+}
+
+.sheet-div-show-1:checked ~ .sheet-aspectBox1 {
+	display: initial;
+}
+.sheet-div-show-2:checked ~ .sheet-aspectBox1,
+.sheet-div-show-2:checked ~ .sheet-aspectBox2 {
+	display: initial;
+}
+.sheet-div-show-3:checked ~ .sheet-aspectBox1,
+.sheet-div-show-3:checked ~ .sheet-aspectBox2,
+.sheet-div-show-3:checked ~ .sheet-aspectBox3 {
+	display: initial;
+}
+
+.sheet-div-show-4:checked ~ .sheet-aspectBox1,
+.sheet-div-show-4:checked ~ .sheet-aspectBox2,
+.sheet-div-show-4:checked ~ .sheet-aspectBox3,
+.sheet-div-show-4:checked ~ .sheet-aspectBox4 {
+	display: initial;
+}
+
+.sheet-div-show-5:checked ~ .sheet-aspectBox1,
+.sheet-div-show-5:checked ~ .sheet-aspectBox2,
+.sheet-div-show-5:checked ~ .sheet-aspectBox3,
+.sheet-div-show-5:checked ~ .sheet-aspectBox4,
+.sheet-div-show-5:checked ~ .sheet-aspectBox5 {
+	display: initial;
+}
+
+.sheet-div-show-6:checked ~ .sheet-aspectBox1,
+.sheet-div-show-6:checked ~ .sheet-aspectBox2,
+.sheet-div-show-6:checked ~ .sheet-aspectBox3,
+.sheet-div-show-6:checked ~ .sheet-aspectBox4,
+.sheet-div-show-6:checked ~ .sheet-aspectBox5,
+.sheet-div-show-6:checked ~ .sheet-aspectBox6 {
+	display: initial;
+}
+
+/**********************************************/
+
+.sheet-temp-div-show-1:checked ~ .sheet-tempAspectBox1 {
+	display: initial;
+}
+
+.sheet-temp-div-show-2:checked ~ .sheet-tempAspectBox1,
+.sheet-temp-div-show-2:checked ~ .sheet-tempAspectBox2 {
+	display: initial;
+}
+
+.sheet-temp-div-show-3:checked ~ .sheet-tempAspectBox1,
+.sheet-temp-div-show-3:checked ~ .sheet-tempAspectBox2,
+.sheet-temp-div-show-3:checked ~ .sheet-tempAspectBox3 {
+	display: initial;
+}
+
+.sheet-temp-div-show-4:checked ~ .sheet-tempAspectBox1,
+.sheet-temp-div-show-4:checked ~ .sheet-tempAspectBox2,
+.sheet-temp-div-show-4:checked ~ .sheet-tempAspectBox3,
+.sheet-temp-div-show-4:checked ~ .sheet-tempAspectBox4 {
+	display: initial;
+}
+
+.sheet-temp-div-show-5:checked ~ .sheet-tempAspectBox1,
+.sheet-temp-div-show-5:checked ~ .sheet-tempAspectBox2,
+.sheet-temp-div-show-5:checked ~ .sheet-tempAspectBox3,
+.sheet-temp-div-show-5:checked ~ .sheet-tempAspectBox4,
+.sheet-temp-div-show-5:checked ~ .sheet-tempAspectBox5 {
+	display: initial;
+}
+
+.sheet-temp-div-show-6:checked ~ .sheet-tempAspectBox1,
+.sheet-temp-div-show-6:checked ~ .sheet-tempAspectBox2,
+.sheet-temp-div-show-6:checked ~ .sheet-tempAspectBox3,
+.sheet-temp-div-show-6:checked ~ .sheet-tempAspectBox4,
+.sheet-temp-div-show-6:checked ~ .sheet-tempAspectBox5,
+.sheet-temp-div-show-6:checked ~ .sheet-tempAspectBox6 {
+	display: initial;
 }
 
 /* Remove arrows from number inputs */
@@ -391,3 +670,510 @@ input[type=number] {
     -moz-appearance: textfield;
 }
 
+/*****************************************************************************************************************************/
+.sheet-crew {
+    display: none;
+    width: 820px;
+    height: 1200px;
+    background-color: #ADD2AD;
+    grid-gap: 4px;
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: repeat(1fr) ;
+    grid-template-areas:"common common"
+                        "ratings design"
+                        "fittings fittings"
+                        "cargo  cargo"
+                        "condition condition"
+                        "undercrew undercrew"
+                        "reputation reputation"
+                        "notes notes"
+}
+
+.sheet-section input[type=number] {
+    text-align: center;
+    width: 30px;
+}
+
+.sheet-flex-col {
+    display: flex;
+    flex-flow: row wrap;
+}
+
+.sheet-flex-center {
+    align-items: center;
+    justify-content: center;
+}
+
+.sheet-section {
+    padding: 5px;
+    border-style: solid;
+    background-color: #E4F0E4;
+}
+
+.sheet-header {
+    grid-area: header;
+    background-color: #228B22;
+    flex-direction: column;
+    height: 30px;
+}
+
+.sheet-crew-common {
+    grid-area: common;
+    background-color: #E4F0E4;
+}
+
+.sheet-crew-common label {
+    display: inline;
+}
+
+.sheet-design {
+    grid-area: design;
+    width: 392px;
+}
+
+.sheet-design-name {
+    float: left;
+    clear: left;
+    width: 50px;
+    margin-top: 5px;
+    text-align: left;
+}
+
+.sheet-design-description {
+    width: 190px;
+    float: left;
+}
+
+.sheet-design-effects {
+    width: 140px;
+    float: right;
+    margin-left: 2px;
+}
+
+.sheet-ratings {
+    grid-area: ratings;
+}
+
+.sheet-ratings label {
+    display: inline-block;
+    text-align: left;
+}
+
+.sheet-fittings {
+    grid-area: fittings;
+}
+
+.sheet-fittings select {
+    width: 125px;
+}
+
+.sheet-cargo {
+    grid-area: cargo;
+}
+
+.sheet-undercrew {
+    grid-area: undercrew;
+}
+
+.sheet-condition {
+    grid-area: condition;
+}
+
+.sheet-reputation {
+    grid-area: reputation;
+}
+
+.sheet-inline {
+    display: inline;
+}
+
+.sheet-rep-headers {
+    display: inline;
+    margin-left: 520px;
+}
+
+.sheet-rep-label {
+    display: inline;
+    margin-left: 8px;
+    margin-right: 5px;
+    text-align: center;
+}
+
+.sheet-rep-box-container {
+    display: inline;
+    margin-left: 20px;
+}
+
+.sheet-rep-box {
+    margin-left: 11px;
+    margin-right: 15px;
+}
+
+.sheet-notes {
+    grid-area: notes;
+}
+
+.sheet-bold {
+    font-weight: 700;
+}
+
+.sheet-bigtext {
+    width: 650px;
+}
+
+/* custom checkboxes */
+/* hide original check so I can style it*/
+input[type="checkbox"]
+{
+    opacity: 0;
+    width: 25px;
+    height: 25px;
+    position: relative;
+    top: 5px;
+    left: 15px;
+    margin: -10px;
+    z-index: 1;
+}
+
+/* create my own checkbox */
+input[type="checkbox"] + span::before
+{
+    margin-right: 4px;
+    border: solid 2px black;
+    border-radius: 5px;
+    line-height: 100%;
+    text-align: center;
+    display: inline-block;
+    vertical-align: middle;
+    
+    width: 25px;
+    height: 25px;
+    content: "";
+    
+    background: #E4F0E4;
+}
+
+input[type="checkbox"]:checked + span::before
+{
+    content: "";
+    text-align: center;
+    vertical-align: middle;
+    line-height: 25px;
+    color: white;
+    background-color: #245486;
+}
+
+.sheet-rating-container {
+    display: inline;
+}
+
+/* undercrew aspect selectors */
+.sheet-databox,
+.sheet-div-show-radio {
+    display: none;
+}
+
+.sheet-undercrew select,
+.sheet-ratings select {
+    appearance: none;
+    width: 20px;
+}
+
+.sheet-undercrewDesc {
+    width: 410px;
+}
+
+.sheet-undercrewTitle {
+    font-weight: 700;
+    width: 200px;
+}
+
+.sheet-div-undercrew-show-1:checked ~ .sheet-undercrewBox1 {
+	display: initial;
+}
+.sheet-div-undercrew-show-2:checked ~ .sheet-undercrewBox1,
+.sheet-div-undercrew-show-2:checked ~ .sheet-undercrewBox2 {
+	display: initial;
+}
+.sheet-div-undercrew-show-3:checked ~ .sheet-undercrewBox1,
+.sheet-div-undercrew-show-3:checked ~ .sheet-undercrewBox2,
+.sheet-div-undercrew-show-3:checked ~ .sheet-undercrewBox3 {
+	display: initial;
+}
+
+.sheet-div-undercrew-show-4:checked ~ .sheet-undercrewBox1,
+.sheet-div-undercrew-show-4:checked ~ .sheet-undercrewBox2,
+.sheet-div-undercrew-show-4:checked ~ .sheet-undercrewBox3,
+.sheet-div-undercrew-show-4:checked ~ .sheet-undercrewBox4 {
+	display: initial;
+}
+
+.sheet-div-undercrew-show-5:checked ~ .sheet-undercrewBox1,
+.sheet-div-undercrew-show-5:checked ~ .sheet-undercrewBox2,
+.sheet-div-undercrew-show-5:checked ~ .sheet-undercrewBox3,
+.sheet-div-undercrew-show-5:checked ~ .sheet-undercrewBox4,
+.sheet-div-undercrew-show-5:checked ~ .sheet-undercrewBox5 {
+	display: initial;
+}
+
+.sheet-div-undercrew-show-6:checked ~ .sheet-undercrewBox1,
+.sheet-div-undercrew-show-6:checked ~ .sheet-undercrewBox2,
+.sheet-div-undercrew-show-6:checked ~ .sheet-undercrewBox3,
+.sheet-div-undercrew-show-6:checked ~ .sheet-undercrewBox4,
+.sheet-div-undercrew-show-6:checked ~ .sheet-undercrewBox5,
+.sheet-div-undercrew-show-6:checked ~ .sheet-undercrewBox6 {
+	display: initial;
+}
+
+/****** Ratings ******/
+.sheet-div-show-armor-1:checked ~ .sheet-armorBox1 {
+	display: initial;
+}
+.sheet-div-show-armor-2:checked ~ .sheet-armorBox1,
+.sheet-div-show-armor-2:checked ~ .sheet-armorBox2 {
+	display: initial;
+}
+.sheet-div-show-armor-3:checked ~ .sheet-armorBox1,
+.sheet-div-show-armor-3:checked ~ .sheet-armorBox2,
+.sheet-div-show-armor-3:checked ~ .sheet-armorBox3 {
+	display: initial;
+}
+
+.sheet-div-show-armor-4:checked ~ .sheet-armorBox1,
+.sheet-div-show-armor-4:checked ~ .sheet-armorBox2,
+.sheet-div-show-armor-4:checked ~ .sheet-armorBox3,
+.sheet-div-show-armor-4:checked ~ .sheet-armorBox4 {
+	display: initial;
+}
+
+.sheet-div-show-armor-5:checked ~ .sheet-armorBox1,
+.sheet-div-show-armor-5:checked ~ .sheet-armorBox2,
+.sheet-div-show-armor-5:checked ~ .sheet-armorBox3,
+.sheet-div-show-armor-5:checked ~ .sheet-armorBox4,
+.sheet-div-show-armor-5:checked ~ .sheet-armorBox5 {
+	display: initial;
+}
+
+.sheet-div-show-armor-6:checked ~ .sheet-armorBox1,
+.sheet-div-show-armor-6:checked ~ .sheet-armorBox2,
+.sheet-div-show-armor-6:checked ~ .sheet-armorBox3,
+.sheet-div-show-armor-6:checked ~ .sheet-armorBox4,
+.sheet-div-show-armor-6:checked ~ .sheet-armorBox5,
+.sheet-div-show-armor-6:checked ~ .sheet-armorBox6 {
+	display: initial;
+}
+
+.sheet-div-show-seals-1:checked ~ .sheet-sealsBox1 {
+	display: initial;
+}
+.sheet-div-show-seals-2:checked ~ .sheet-sealsBox1,
+.sheet-div-show-seals-2:checked ~ .sheet-sealsBox2 {
+	display: initial;
+}
+.sheet-div-show-seals-3:checked ~ .sheet-sealsBox1,
+.sheet-div-show-seals-3:checked ~ .sheet-sealsBox2,
+.sheet-div-show-seals-3:checked ~ .sheet-sealsBox3 {
+	display: initial;
+}
+
+.sheet-div-show-seals-4:checked ~ .sheet-sealsBox1,
+.sheet-div-show-seals-4:checked ~ .sheet-sealsBox2,
+.sheet-div-show-seals-4:checked ~ .sheet-sealsBox3,
+.sheet-div-show-seals-4:checked ~ .sheet-sealsBox4 {
+	display: initial;
+}
+
+.sheet-div-show-seals-5:checked ~ .sheet-sealsBox1,
+.sheet-div-show-seals-5:checked ~ .sheet-sealsBox2,
+.sheet-div-show-seals-5:checked ~ .sheet-sealsBox3,
+.sheet-div-show-seals-5:checked ~ .sheet-sealsBox4,
+.sheet-div-show-seals-5:checked ~ .sheet-sealsBox5 {
+	display: initial;
+}
+
+.sheet-div-show-seals-6:checked ~ .sheet-sealsBox1,
+.sheet-div-show-seals-6:checked ~ .sheet-sealsBox2,
+.sheet-div-show-seals-6:checked ~ .sheet-sealsBox3,
+.sheet-div-show-seals-6:checked ~ .sheet-sealsBox4,
+.sheet-div-show-seals-6:checked ~ .sheet-sealsBox5,
+.sheet-div-show-seals-6:checked ~ .sheet-sealsBox6 {
+	display: initial;
+}
+
+.sheet-div-show-speed-1:checked ~ .sheet-speedBox1 {
+	display: initial;
+}
+.sheet-div-show-speed-2:checked ~ .sheet-speedBox1,
+.sheet-div-show-speed-2:checked ~ .sheet-speedBox2 {
+	display: initial;
+}
+.sheet-div-show-speed-3:checked ~ .sheet-speedBox1,
+.sheet-div-show-speed-3:checked ~ .sheet-speedBox2,
+.sheet-div-show-speed-3:checked ~ .sheet-speedBox3 {
+	display: initial;
+}
+
+.sheet-div-show-speed-4:checked ~ .sheet-speedBox1,
+.sheet-div-show-speed-4:checked ~ .sheet-speedBox2,
+.sheet-div-show-speed-4:checked ~ .sheet-speedBox3,
+.sheet-div-show-speed-4:checked ~ .sheet-speedBox4 {
+	display: initial;
+}
+
+.sheet-div-show-speed-5:checked ~ .sheet-speedBox1,
+.sheet-div-show-speed-5:checked ~ .sheet-speedBox2,
+.sheet-div-show-speed-5:checked ~ .sheet-speedBox3,
+.sheet-div-show-speed-5:checked ~ .sheet-speedBox4,
+.sheet-div-show-speed-5:checked ~ .sheet-speedBox5 {
+	display: initial;
+}
+
+.sheet-div-show-speed-6:checked ~ .sheet-speedBox1,
+.sheet-div-show-speed-6:checked ~ .sheet-speedBox2,
+.sheet-div-show-speed-6:checked ~ .sheet-speedBox3,
+.sheet-div-show-speed-6:checked ~ .sheet-speedBox4,
+.sheet-div-show-speed-6:checked ~ .sheet-speedBox5,
+.sheet-div-show-speed-6:checked ~ .sheet-speedBox6 {
+	display: initial;
+}
+
+.sheet-div-show-saws-1:checked ~ .sheet-sawsBox1 {
+	display: initial;
+}
+.sheet-div-show-saws-2:checked ~ .sheet-sawsBox1,
+.sheet-div-show-saws-2:checked ~ .sheet-sawsBox2 {
+	display: initial;
+}
+.sheet-div-show-saws-3:checked ~ .sheet-sawsBox1,
+.sheet-div-show-saws-3:checked ~ .sheet-sawsBox2,
+.sheet-div-show-saws-3:checked ~ .sheet-sawsBox3 {
+	display: initial;
+}
+
+.sheet-div-show-saws-4:checked ~ .sheet-sawsBox1,
+.sheet-div-show-saws-4:checked ~ .sheet-sawsBox2,
+.sheet-div-show-saws-4:checked ~ .sheet-sawsBox3,
+.sheet-div-show-saws-4:checked ~ .sheet-sawsBox4 {
+	display: initial;
+}
+
+.sheet-div-show-saws-5:checked ~ .sheet-sawsBox1,
+.sheet-div-show-saws-5:checked ~ .sheet-sawsBox2,
+.sheet-div-show-saws-5:checked ~ .sheet-sawsBox3,
+.sheet-div-show-saws-5:checked ~ .sheet-sawsBox4,
+.sheet-div-show-saws-5:checked ~ .sheet-sawsBox5 {
+	display: initial;
+}
+
+.sheet-div-show-saws-6:checked ~ .sheet-sawsBox1,
+.sheet-div-show-saws-6:checked ~ .sheet-sawsBox2,
+.sheet-div-show-saws-6:checked ~ .sheet-sawsBox3,
+.sheet-div-show-saws-6:checked ~ .sheet-sawsBox4,
+.sheet-div-show-saws-6:checked ~ .sheet-sawsBox5,
+.sheet-div-show-saws-6:checked ~ .sheet-sawsBox6 {
+	display: initial;
+}
+
+.sheet-div-show-stealth-1:checked ~ .sheet-stealthBox1 {
+	display: initial;
+}
+.sheet-div-show-stealth-2:checked ~ .sheet-stealthBox1,
+.sheet-div-show-stealth-2:checked ~ .sheet-stealthBox2 {
+	display: initial;
+}
+.sheet-div-show-stealth-3:checked ~ .sheet-stealthBox1,
+.sheet-div-show-stealth-3:checked ~ .sheet-stealthBox2,
+.sheet-div-show-stealth-3:checked ~ .sheet-stealthBox3 {
+	display: initial;
+}
+
+.sheet-div-show-stealth-4:checked ~ .sheet-stealthBox1,
+.sheet-div-show-stealth-4:checked ~ .sheet-stealthBox2,
+.sheet-div-show-stealth-4:checked ~ .sheet-stealthBox3,
+.sheet-div-show-stealth-4:checked ~ .sheet-stealthBox4 {
+	display: initial;
+}
+
+.sheet-div-show-stealth-5:checked ~ .sheet-stealthBox1,
+.sheet-div-show-stealth-5:checked ~ .sheet-stealthBox2,
+.sheet-div-show-stealth-5:checked ~ .sheet-stealthBox3,
+.sheet-div-show-stealth-5:checked ~ .sheet-stealthBox4,
+.sheet-div-show-stealth-5:checked ~ .sheet-stealthBox5 {
+	display: initial;
+}
+
+.sheet-div-show-stealth-6:checked ~ .sheet-stealthBox1,
+.sheet-div-show-stealth-6:checked ~ .sheet-stealthBox2,
+.sheet-div-show-stealth-6:checked ~ .sheet-stealthBox3,
+.sheet-div-show-stealth-6:checked ~ .sheet-stealthBox4,
+.sheet-div-show-stealth-6:checked ~ .sheet-stealthBox5,
+.sheet-div-show-stealth-6:checked ~ .sheet-stealthBox6 {
+	display: initial;
+}
+
+.sheet-div-show-tilt-1:checked ~ .sheet-tiltBox1 {
+	display: initial;
+}
+.sheet-div-show-tilt-2:checked ~ .sheet-tiltBox1,
+.sheet-div-show-tilt-2:checked ~ .sheet-tiltBox2 {
+	display: initial;
+}
+.sheet-div-show-tilt-3:checked ~ .sheet-tiltBox1,
+.sheet-div-show-tilt-3:checked ~ .sheet-tiltBox2,
+.sheet-div-show-tilt-3:checked ~ .sheet-tiltBox3 {
+	display: initial;
+}
+
+.sheet-div-show-tilt-4:checked ~ .sheet-tiltBox1,
+.sheet-div-show-tilt-4:checked ~ .sheet-tiltBox2,
+.sheet-div-show-tilt-4:checked ~ .sheet-tiltBox3,
+.sheet-div-show-tilt-4:checked ~ .sheet-tiltBox4 {
+	display: initial;
+}
+
+.sheet-div-show-tilt-5:checked ~ .sheet-tiltBox1,
+.sheet-div-show-tilt-5:checked ~ .sheet-tiltBox2,
+.sheet-div-show-tilt-5:checked ~ .sheet-tiltBox3,
+.sheet-div-show-tilt-5:checked ~ .sheet-tiltBox4,
+.sheet-div-show-tilt-5:checked ~ .sheet-tiltBox5 {
+	display: initial;
+}
+
+.sheet-div-show-tilt-6:checked ~ .sheet-tiltBox1,
+.sheet-div-show-tilt-6:checked ~ .sheet-tiltBox2,
+.sheet-div-show-tilt-6:checked ~ .sheet-tiltBox3,
+.sheet-div-show-tilt-6:checked ~ .sheet-tiltBox4,
+.sheet-div-show-tilt-6:checked ~ .sheet-tiltBox5,
+.sheet-div-show-tilt-6:checked ~ .sheet-tiltBox6 {
+	display: initial;
+}
+
+/****** Roll Buttons ******/
+/* Roll buttons crew ratings */
+.sheet-ratings button[type=roll] {   
+    background-color: transparent;
+    color: black;
+    border: none;
+    background-image: none;
+    text-shadow: none;
+    box-shadow: none;
+    
+    color: inherit;
+    font-size: 16px;
+    font-weight: 600;
+    padding: 0;
+    vertical-align: baseline;
+}
+
+.sheet-ratings button[type=roll]:focus {
+    outline: none;
+}
+
+.sheet-ratings button[type=roll]::before {
+    display: none;
+}
+
+.sheet-ratings button[type=roll]:hover {
+    color: #245486;
+}
+
diff --git a/Wildsea/wildsea.html b/Wildsea/wildsea.html
index 6d20e4f59d..35f297a061 100644
--- a/Wildsea/wildsea.html
+++ b/Wildsea/wildsea.html
@@ -4,251 +4,892 @@
             <h1 style="color: white;">Wildsea RPG</h1>
         </div>
         <div class="alignRight">
-            <button type="roll" name="roll_standard" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + ?{Skill? (up to 3d6)|Break,@{break}|Charm,@{charm}|Climb,@{climb}|Concoct,@{concoct}|Cook,@{cook}|Craft,@{craft}|Gather,@{gather}|Hack,@{hack}|Heal,@{heal}|Hunt,@{hunt}|Leap,@{leap}|Negotiate,@{negotiate}|Outwit,@{outwit}|Perform,@{perform}|Repair,@{repair}|Scavenge,@{scavenge}|Scramble,@{scramble}|Scrutinize,@{scrutinize}|Scry,@{scry}|Sense,@{sense}|Stealth,@{stealth}|Trance,@{trance}|Wavewalk,@{wavewalk}}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"></button>
+            <label style="color: white;">Crew Sheet: <input type="checkbox" class="sheet-block-switch" name="attr_type_switch" value="1"><span></span></label>
         </div>
     </div>
     
-    <div class="common section">
-        <div class="name sectionNoBorder">
-            <label>Name  <input class="bold" type="text" name="attr_name"/></label>
+    <input type="checkbox" class="sheet-block-switch" name="attr_type_switch" value="1" hidden>
+    <!-- CHARACTER SHEET -->
+    <div class="character">
+        <div class="common section">
+            <div class="name sectionNoBorder">
+                <label>Name  <input class="bold" type="text" name="attr_character_name"/></label>
+            </div>
+            
+            <div class="bloodline sectionNoBorder">
+                <label>Bloodline
+                <select name="attr_bloodline">
+                    <option value="ardent">Ardent</option>
+                    <option value="ektus">Ektus</option>
+                    <option value="gau">Gau</option>
+                    <option value="ironbound">Ironbound</option>
+                    <option value="ketra">Ketra</option>
+                    <option value="tzelicrae">Tzelicrae</option>
+                </select>
+                </label>
+            </div>
+            
+            <div class="origin sectionNoBorder">
+                <label>Origin
+                <select name="attr_origin">
+                    <option value="anchored">Anchored</option>
+                    <option value="ridgeback">Ridgeback</option>
+                    <option value="rootless">Rootless</option>
+                    <option value="Shankling">Shankling</option>
+                    <option value="spitborn">Spit-Born</option>
+                    <option value="submerged">Submerged</option>
+                    <option value="windward">Windward</option>
+                </select>
+                </label>
+            </div>
+            
+            <div class="post sectionNoBorder">
+                <label>Post
+                <select name="attr_post">
+                    <option value="alchemist">Alchemist</option>
+                    <option value="char">Char</option>
+                    <option value="corsair">Corsair</option>
+                    <option value="dredger">Dredger</option>
+                    <option value="hacker">Hacker</option>
+                    <option value="horizoneer">Horizoneer</option>
+                    <option value="hunter">Hunter</option>
+                    <option value="navigator">Navigator</option>
+                    <option value="rattlehand">Rattlehand</option>
+                    <option value="screw">Screw</option>
+                    <option value="slinger">Slinger</option>
+                    <option value="steep">Steep</option>
+                    <option value="surgeon">Surgeon</option>
+                    <option value="tempest">Tempest</option>
+                </select>
+                </label>
+            </div>
         </div>
         
-        <div class="bloodline sectionNoBorder">
-            <label>Bloodline
-            <select name="attr_bloodline">
-                <option value="ardent">Ardent</option>
-                <option value="ektus">Ektus</option>
-                <option value="gau">Gau</option>
-                <option value="ironbound">Ironbound</option>
-                <option value="ketra">Ketra</option>
-                <option value="tzelicrae">Tzelicrae</option>
-            </select>
-            </label>
+        
+        <div class="edges section">
+            <div class="grace"><label>Grace</label><input type="checkbox" name="attr_grace"/><span></span></div>
+            <div class="iron"><label>Iron</label><input type="checkbox" name="attr_iron" value="0"/><span></span></div>
+            <div class="instinct"><label>Instinct</label><input type="checkbox" name="attr_instinct"/><span></span></div>
+            <div class="sharps"><label>Sharps</label><input type="checkbox" name="attr_sharps"/><span></span></div>
+            <div class="teeth"><label>Teeth</label><input type="checkbox" name="attr_teeth"/><span></span></div>
+            <div class="tides"><label>Tides</label><input type="checkbox" name="attr_tides"/><span></span></div>
+            <div class="veils"><label>Veils</label><input type="checkbox" name="attr_veils"/><span></span></div>
         </div>
         
-        <div class="origin sectionNoBorder">
-            <label>Origin
-            <select name="attr_origin">
-                <option value="anchored">Anchored</option>
-                <option value="ridgeback">Ridgeback</option>
-                <option value="rootless">Rootless</option>
-                <option value="Shankling">Shankling</option>
-                <option value="spitborn">Spit-Born</option>
-                <option value="submerged">Submerged</option>
-                <option value="windward">Windward</option>
-            </select>
-            </label>
+        <div class="skills section">
+            <label>Skills</label>
+            <div class="movement skillSection">
+                <label class="center">Movement</label>
+                <div class="skillInterior">
+                    <button type="roll" name="roll_climb" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{climb}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Climb</span></button><input type="number" name="attr_climb" min="0" max="3" placeholder="0" value=0>
+                    <button type="roll" name="roll_scramble" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{scramble}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Scramble</span></button><input type="number" name="attr_scramble" min="0" max="3" placeholder="0" value=0>
+                    <button type="roll" name="roll_leap" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{leap}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Leap</span></button><input type="number" name="attr_leap" min="0" max="3" placeholder="0" value=0>
+                    <button type="roll" name="roll_stealth" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{stealth}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Stealth</span></button><input type="number" name="attr_stealth" min="0" max="3" placeholder="0" value=0>
+                    <button type="roll" name="roll_wavewalk" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{wavewalk}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Wavewalk</span></button><input type="number" name="attr_wavewalk" min="0" max="3" placeholder="0" value=0>
+                </div>
+            </div>
+            <div class="detection skillSection">
+                <label class="center">Detection</label>
+                <div class="skillInterior">
+                    <button type="roll" name="roll_scrutinize" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{scrutinize}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Scrutinize</span></button><input type="number" name="attr_scrutinize" min="0" max="3" placeholder="0" value=0>
+                    <button type="roll" name="roll_sense" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{sense}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Sense</span></button><input type="number" name="attr_sense" min="0" max="3" placeholder="0" value=0>
+                    <button type="roll" name="roll_hunt" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{hunt}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Hunt</span></button><input type="number" name="attr_hunt" min="0" max="3" placeholder="0" value=0>
+                    <button type="roll" name="roll_scry" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{scry}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Scry</span></button><input type="number" name="attr_scry" min="0" max="3" placeholder="0" value=0>
+                </div>
+            </div>
+            <div class="survival skillSection">
+                <label class="center">Survival</label>
+                <div class="skillInterior">
+                    <button type="roll" name="roll_hack" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{hack}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Hack</span></button><input type="number" name="attr_hack" min="0" max="3" placeholder="0" value=0>
+                    <button type="roll" name="roll_break" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{break}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Break</span></button><input type="number" name="attr_break" min="0" max="3" placeholder="0" value=0>
+                    <button type="roll" name="roll_gather" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{gather}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Gather</span></button><input type="number" name="attr_break" min="0" max="3" placeholder="0" value=0>
+                    <button type="roll" name="roll_scavenge" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{scavenge}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Scavenge</span></button><input type="number" name="attr_scavenge" min="0" max="3" placeholder="0" value=0>
+                    <button type="roll" name="roll_heal" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{heal}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Heal</span></button><input type="number" name="attr_heal" min="0" max="3" placeholder="0">
+                    <button type="roll" name="roll_repair" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{repair}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Repair</span></button><input type="number" name="attr_repair" min="0" max="3" placeholder="0" value=0>
+                </div>
+            </div>
+            <div class="creation skillSection">
+                <label class="center">Creation</label>
+                <div class="skillInterior">
+                    <button type="roll" name="roll_craft" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{craft}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Craft</span></button><input type="number" name="attr_craft" min="0" max="3" placeholder="0" value=0>
+                    <button type="roll" name="roll_cook" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{cook}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Cook</span></button><input type="number" name="attr_cook" min="0" max="3" placeholder="0" value=0>
+                    <button type="roll" name="roll_concoct" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{concoct}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Concoct</span></button><input type="number" name="attr_concoct" min="0" max="3" placeholder="0" value=0>
+                </div>
+            </div>
+            <div class="social skillSection">
+                <label class="center">Social</label>
+                <div class="skillInterior">
+                    <button type="roll" name="roll_charm" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{charm}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Charm</span></button><input type="number" name="attr_charm" min="0" max="3" placeholder="0" value=0>
+                    <button type="roll" name="roll_negotiate" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{negotiate}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Negotiate</span></button><input type="number" name="attr_negotiate" min="0" max="3" placeholder="0" value=0>
+                    <button type="roll" name="roll_outwit" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{outwit}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Outwit</span></button><input type="number" name="attr_outwit" min="0" max="3" placeholder="0" value=0>
+                    <button type="roll" name="roll_perform" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{perform}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Perform</span></button><input type="number" name="attr_perform" min="0" max="3" placeholder="0" value=0>
+                    <button type="roll" name="roll_trance" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{trance}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Trance</span></button><input type="number" name="attr_trance" min="0" max="3" placeholder="0" value=0>
+                </div>
+            </div>
+            <div class="combat skillSection">
+                <label class="center">Combat</label>
+                <div class="skillInterior">
+                    <button type="roll" name="roll_strike" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{strike}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Strike</span></button><input type="number" name="attr_strike" min="0" max="3" placeholder="0">
+                    <button type="roll" name="roll_shoot" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{shoot}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Shoot</span></button><input type="number" name="attr_shoot" min="0" max="3" placeholder="0">
+                    <button type="roll" name="roll_hex" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{hex}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Hex</span></button><input type="number" name="attr_hex" min="0" max="3" placeholder="0">
+                    <button type="roll" name="roll_brace" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{brace}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Brace</span></button><input type="number" name="attr_brace" min="0" max="3" placeholder="0">
+                    <button type="roll" name="roll_dodge" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + @{dodge}d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Dodge</span></button><input type="number" name="attr_dodge" min="0" max="3" placeholder="0">
+                </div>
+            </div>
         </div>
         
-        <div class="post sectionNoBorder">
-            <label>Post
-            <select name="attr_post">
-                <option value="alchemist">Alchemist</option>
-                <option value="char">Char</option>
-                <option value="corsair">Corsair</option>
-                <option value="dredger">Dredger</option>
-                <option value="hacker">Hacker</option>
-                <option value="horizoneer">Horizoneer</option>
-                <option value="hunter">Hunter</option>
-                <option value="navigator">Navigator</option>
-                <option value="rattlehand">Rattlehand</option>
-                <option value="screw">Screw</option>
-                <option value="slinger">Slinger</option>
-                <option value="steep">Steep</option>
-                <option value="surgeon">Surgeon</option>
-                <option value="tempest">Tempest</option>
-            </select>
-            </label>
-        </div>
-    </div>
-    
-    
-    <div class="edges section">
-        <div class="grace"><label>Grace </label><input class="checkbox" type="checkbox" name="attr_grace"/></div>
-        <div class="iron"><label>Iron </label><input type="checkbox" name="attr_iron" value="0"/></div>
-        <div class="instinct"><label>Instinct </label><input type="checkbox" name="attr_instinct"/></div>
-        <div class="sharps"><label>Sharps </label><input type="checkbox" name="attr_sharps"/></div>
-        <div class="teeth"><label>Teeth </label><input type="checkbox" name="attr_teeth"/></div>
-        <div class="tides"><label>Tides </label><input type="checkbox" name="attr_tides"/></div>
-        <div class="veils"><label>Veils </label><input type="checkbox" name="attr_veils"/></div>
-    </div>
-    
-    <div class="skills section">
-        <label>Skills</label>
-        <div class="movement skillSection">
-            <label class="center">Movement</label>
-            <div class="skillInterior">
-                <label>Climb </label><input type="number" name="attr_climb" value="0">
-                <label>Scramble </label><input type="number" name="attr_scramble" value="0">
-                <label>Leap </label><input type="number" name="attr_leap" value="0">
-                <label>Stealth </label><input type="number" name="attr_stealth" value="0">
-                <label>Wavewalk </label><input type="number" name="attr_wavewalk" value="0">
+        <div class="drivmir drivmirSection">
+            <div class="drives section">
+                <label>Drives</label>
+                <input type="text" name="attr_drive1" placeholder="Drive 1">
+                
+                <!-- blank space -->
+                <div style="height:3px;"></div>
+                
+                <input type="text" name="attr_drive2" placeholder="Drive 2">
+                
+                <!-- blank space -->
+                <div style="height:3px;"></div>
+                
+                <input type="text" name="attr_drive3" placeholder="Drive 3">
+            </div>
+            <div class="mires section">
+                <label>Mires</label>
+                    <input type="text" name="attr_mire1" placeholder="Mire 1">
+                    <input type="checkbox" name="attr_mire1Charge1"><span></span>
+                    <input type="checkbox" name="attr_mire1Charge2"><span></span>
+                    
+                    <!-- blank space -->
+                    <div style="height:3px;"></div>
+                    
+                    <input type="text" name="attr_mire2" placeholder="Mire 2">
+                    <input type="checkbox" name="attr_mire2Charge1"><span></span>
+                    <input type="checkbox" name="attr_mire2Charge2"><span></span>
+                    
+                    <!-- blank space -->
+                    <div style="height:3px;"></div>
+                    
+                    <input type="text" name="attr_mire3" placeholder="Mire 3">
+                    <input type="checkbox" name="attr_mire3Charge1"><span></span>
+                    <input type="checkbox" name="attr_mire3Charge2"><span></span>
             </div>
         </div>
-        <div class="detection skillSection">
-            <label class="center">Detection</label>
-            <div class="skillInterior">
-                <label>Scrutinize </label><input type="number" name="attr_scrutinize" value="0">
-                <label>Sense </label><input type="number" name="attr_sense" value="0">
-                <label>Hunt </label><input type="number" name="attr_hunt" value="0">
-                <label>Scry </label><input type="number" name="attr_scry" value="0">
-            </div>
-        </div>
-        <div class="survival skillSection">
-            <label class="center">Survival</label>
-            <div class="skillInterior">
-                <label>Hack </label><input type="number" name="attr_hack" value="0">
-                <label>Break </label><input type="number" name="attr_break" value="0">
-                <label>Gather </label><input type="number" name="attr_gather" value="0">
-                <label>Scavenge </label><input type="number" name="attr_scavenge" value="0">
-                <label>Heal </label><input type="number" name="attr_heal" value="0">
-                <label>Repair </label><input type="number" name="attr_repair" value="0">
-            </div>
-        </div>
-        <div class="creation skillSection">
-            <label class="center">Creation</label>
-            <div class="skillInterior">
-                <label>Craft </label><input type="number" name="attr_craft" value="0">
-                <label>Cook </label><input type="number" name="attr_cook" value="0">
-                <label>Concoct </label><input type="number" name="attr_concoct" value="0">
-            </div>
-        </div>
-        <div class="social skillSection">
-            <label class="center">Social</label>
-            <div class="skillInterior">
-                <label>Charm </label><input type="number" name="attr_charm" value="0">
-                <label>Negotiate </label><input type="number" name="attr_negotiate" value="0">
-                <label>Outwit </label><input type="number" name="attr_outwit" value="0">
-                <label>Perform </label><input type="number" name="attr_perform" value="0">
-                <label>Trance </label><input type="number" name="attr_trance" value="0">
-            </div>
-        </div>
-        <div class="combat skillSection">
-            <label class="center">Combat</label>
-            <div class="skillInterior">
-                <label>Strike </label><input type="number" name="attr_strike" value="0">
-                <label>Shoot </label><input type="number" name="attr_shoot" value="0">
-                <label>Hex </label><input type="number" name="attr_hex" value="0">
-                <label>Brace </label><input type="number" name="attr_brace" value="0">
-                <label>Dodge </label><input type="number" name="attr_dodge" value="0">
-            </div>
-        </div>
-    </div>
-    
-    <div class="drivmir drivmirSection">
-        <div class="drives section">
-            <label>Drives</label><input type="text" name="attr_drive1">
-            <input type="text" name="attr_drive2">
-            <input type="text" name="attr_drive3">
-        </div>
-        <div class="mires section">
-            <label>Mires</label>
-                <input type="text" name="attr_mire1">
-                <input type="checkbox" name="attr_mire1Charge1">
-                <input type="checkbox" name="attr_mire1Charge2">
-                <input type="text" name="attr_mire2">
-                <input type="checkbox" name="attr_mire2Charge1">
-                <input type="checkbox" name="attr_mire2Charge2">
-                <input type="text" name="attr_mire3">
-                <input type="checkbox" name="attr_mire3Charge1">
-                <input type="checkbox" name="attr_mire3Charge2">
-        </div>
-    </div>
-    
-    <div class="lang section">
-        <label>Languages</label>
-        <input class="shorterBox" type="text" name="attr_lowSour" value="Low Sour">
-        <input type="text" name="attr_langDescription" value="A mongrel language. Common.">
-        <input type="number" name="attr_lowSour" value=3>
-        <fieldset class="repeating_lang">
-            <input class="shorterBox" type="text" name="attr_lang" placeholder="Language">
-            <input type="text" name="attr_langDescription" placeholder="Description">
-            <input type="number" name="attr_langRating">
-        </fieldset>
-    </div>
-    
-    <div class="miles section">
-        <label>Milestones</label>
-        <div class="major sectionNoBorder">
-            <label>Major</label>
-            <fieldset class="repeating_majorMilestones">
-                <input type="text" name="attr_majorMilestone">
+        
+        <div class="lang section">
+            <label>Languages</label>
+            <fieldset class="repeating_lang">
+                <input class="shorterBox" type="text" name="attr_lang" placeholder="Language">
+                <input style="width:230px; font-size: 12px;" type="text" name="attr_langDescription" placeholder="Description/Spoken By">
+                <input type="number" name="attr_langRating" placeholder="0">
+                
+                <!-- blank space -->
+                <div style="height:5px; display:block;"></div>
             </fieldset>
         </div>
-        <div class="minor sectionNoBorder">
-            <label>Minor</label>
-            <fieldset class="repeating_minorMilestones">
-                <input type="text" name="attr_minorMilestone">
+        
+        <div class="miles section">
+            <label>Milestones</label>
+            <div class="major sectionNoBorder">
+                <label>Major</label>
+                <fieldset class="repeating_majorMilestones">
+                    <input type="text" name="attr_majorMilestone" placeholder="Major Milestone">
+                    
+                    <!-- blank space -->
+                    <div style="height:3px;"></div>
+                </fieldset>
+            </div>
+            <div class="minor sectionNoBorder">
+                <label>Minor</label>
+                <fieldset class="repeating_minorMilestones">
+                    <input type="text" name="attr_minorMilestone" placeholder="Minor Milestone">
+                    
+                    <!-- blank space -->
+                    <div style="height:3px;"></div>
+                </fieldset>
+            </div>
+        </div>
+        
+        <div class="aspect section">
+            <label>Aspects</label>
+            <fieldset class="repeating_aspects">
+                <input class="aspectTitle" type="text" name="attr_aspect" placeholder="Aspect">
+                
+                <div class="sheet-auto-expand">
+                    <span name="attr_aspect_description"></span>
+                    <textarea name="attr_aspect_description" placeholder="Description"></textarea>
+                </div>
+                
+                <select name="attr_aspectLength">
+                    <option value="1">1</option>
+                    <option value="2">2</option>
+                    <option value="3">3</option>
+                    <option value="4">4</option>
+                    <option value="5">5</option>
+                    <option value="6">6</option>
+                </select>
+                
+                <label style="display:inline;">|</label>
+                
+                <input class="div-show-radio div-show-1" name="attr_aspectLength" type="radio" value="1">
+                <input class="div-show-radio div-show-2" name="attr_aspectLength" type="radio" value="2">
+                <input class="div-show-radio div-show-3" name="attr_aspectLength" type="radio" value="3">
+                <input class="div-show-radio div-show-4" name="attr_aspectLength" type="radio" value="4">
+                <input class="div-show-radio div-show-5" name="attr_aspectLength" type="radio" value="5">
+                <input class="div-show-radio div-show-6" name="attr_aspectLength" type="radio" value="6">
+                
+                <select class="databox aspectBox1" name="attr_aspectBox1">
+                    <option value=""></option>
+                    <option value="O">O</option>
+                    <option value="X">X</option>
+                </select>
+                <select class="databox aspectBox2" name="attr_aspectBox2">
+                    <option value=""></option>
+                    <option value="O">O</option>
+                    <option value="X">X</option>
+                </select>
+                <select class="databox aspectBox3" name="attr_aspectBox3">
+                    <option value=""></option>
+                    <option value="O">O</option>
+                    <option value="X">X</option>
+                </select>
+                <select class="databox aspectBox4" name="attr_aspectBox4">
+                    <option value=""></option>
+                    <option value="O">O</option>
+                    <option value="X">X</option>
+                </select>
+                <select class="databox aspectBox5" name="attr_aspectBox5">
+                    <option value=""></option>
+                    <option value="O">O</option>
+                    <option value="X">X</option>
+                </select>
+                <select class="databox aspectBox6" name="attr_aspectBox6">
+                    <option value=""></option>
+                    <option value="O">O</option>
+                    <option value="X">X</option>
+                </select>
+            </fieldset>
+        </div>
+        
+        <div class="temp section">
+            <label>Temp Aspects</label>
+            <fieldset class="repeating_tempAspects">
+                <input class="aspectTitle" type="text" name="attr_temp_aspect" placeholder="Aspect">
+                
+                <div class="sheet-auto-expand">
+                    <span name="attr_temp_description"></span>
+                    <textarea name="attr_temp_description" placeholder="Description"></textarea>
+                </div>
+                
+                <select name="attr_tempAspectLength">
+                    <option value="1">1</option>
+                    <option value="2">2</option>
+                    <option value="3">3</option>
+                    <option value="4">4</option>
+                    <option value="5">5</option>
+                    <option value="6">6</option>
+                </select>
+                
+                <label style="display:inline;">|</label>
+                
+                <input class="div-show-radio temp-div-show-1" name="attr_tempAspectLength" type="radio" value="1">
+                <input class="div-show-radio temp-div-show-2" name="attr_tempAspectLength" type="radio" value="2">
+                <input class="div-show-radio temp-div-show-3" name="attr_tempAspectLength" type="radio" value="3">
+                <input class="div-show-radio temp-div-show-4" name="attr_tempAspectLength" type="radio" value="4">
+                <input class="div-show-radio temp-div-show-5" name="attr_tempAspectLength" type="radio" value="5">
+                <input class="div-show-radio temp-div-show-6" name="attr_tempAspectLength" type="radio" value="6">
+                
+                <select class="databox tempAspectBox1" name="attr_tempAspectBox1">
+                    <option value=""></option>
+                    <option value="O">O</option>
+                    <option value="X">X</option>
+                </select>
+                <select class="databox tempAspectBox2" name="attr_tempAspectBox2">
+                    <option value=""></option>
+                    <option value="O">O</option>
+                    <option value="X">X</option>
+                </select>
+                <select class="databox tempAspectBox3" name="attr_tempAspectBox3">
+                    <option value=""></option>
+                    <option value="O">O</option>
+                    <option value="X">X</option>
+                </select>
+                <select class="databox tempAspectBox4" name="attr_tempAspectBox4">
+                    <option value=""></option>
+                    <option value="O">O</option>
+                    <option value="X">X</option>
+                </select>
+                <select class="databox tempAspectBox5" name="attr_aspectBox5">
+                    <option value=""></option>
+                    <option value="O">O</option>
+                    <option value="X">X</option>
+                </select>
+                <select class="databox tempAspectBox6" name="attr_tempAspectBox6">
+                    <option value=""></option>
+                    <option value="O">O</option>
+                    <option value="X">X</option>
+                </select>
+            </fieldset>
+        </div>
+        
+        <div class="inv section">
+            <label>Inventory</label>
+            <div class="salvage skillSection">
+                <label>Salvage</label>
+                <fieldset class="repeating_salvage">
+                    <input class="inv-name" type="test" name="attr_salvageName" placeholder="Name">
+                    <input class="inv-tag" type="text" name="attr_salvageTags" placeholder="Tags"
+                    
+                    <!-- blank space -->
+                    <div style="height:3px;"></div>
+                </fieldset>
+            </div>
+            <div class="specimens skillSection">
+                <label>Specimens</label>
+                <fieldset class="repeating_specimens">
+                    <input class="inv-name" type="text" name="attr_specimenName" placeholder="Name">
+                    <input class="inv-tag" type="text" name="attr_specimenTags" placeholder="Tags"
+                    
+                    <!-- blank space -->
+                    <div style="height:3px;"></div>
+                </fieldset>
+            </div>
+            <div class="whispers skillSection">
+                <label>Whispers</label>
+                <fieldset class="repeating_whispers">
+                    <input class="inv-name" type="text" name="attr_whisperName" placeholder="Name">
+                    <input class="inv-tag" type="text" name="attr_whisperTags" placeholder="Tags"
+                    
+                    <!-- blank space -->
+                    <div style="height:3px;"></div>
+                </fieldset>
+            </div>
+            <div class="charts skillSection">
+                <label>Charts</label>
+                <fieldset class="repeating_charts">
+                    <input class="inv-name" type="text" name="attr_chartName" placeholder="Name">
+                    <input class="inv-tag" type="text" name="attr_chartTags" placeholder="Tags"
+                    
+                    <!-- blank space -->
+                    <div style="height:3px;"></div>
+                </fieldset>
+            </div>
+        </div>
+        
+        <div class="notes section">
+            <label>Notes</label>
+            <fieldset class="repeating_notes">
+                <input class="bold" style="width:150px;" type="text" name="attr_noteTitle" placeholder="Title">
+                <input class="bigtext" type="text" name="attr_noteBody" placeholder="Note text.">
+                
+                <!-- blank space -->
+                <div style="height:3px;"></div>
             </fieldset>
         </div>
     </div>
     
-    <div class="aspect section">
-        <label>Aspect</label>
-        <fieldset class="repeating_aspects">
-            <input class="bold" type="text" name="attr_aspect" placeholder="Aspect">
-            <input type="text" name="attr_aspectDescription" placeholder="Rule">
-            <input type="checkbox" name="attr_aspectCharge1">
-            <input type="checkbox" name="attr_aspectCharge2">
-            <input type="checkbox" name="attr_aspectCharge3">
-            <input type="checkbox" name="attr_aspectCharge4">
-            <input type="checkbox" name="attr_aspectCharge5">
-            <hr>
-        </fieldset>
-    </div>
-    
-    <div class="temp section">
-        <label>Temp Aspects</label>
-        <fieldset class="repeating_tempAspects">
-            <input class="bold" type="text" name="attr_aspect" placeholder="Aspect">
-            <input type="text" name="attr_aspectDescription" placeholder="Rule">
-            <input type="checkbox" name="attr_aspectCharge1">
-            <input type="checkbox" name="attr_aspectCharge2">
-            <input type="checkbox" name="attr_aspectCharge3">
-            <input type="checkbox" name="attr_aspectCharge4">
-            <input type="checkbox" name="attr_aspectCharge5">
-            <hr>
-        </fieldset>
-    </div>
-    
-    <div class="inv section">
-        <label>Inventory</label>
-        <div class="salvage skillSection">
-            <label>Salvage</label>
-            <fieldset class="repeating_salvage">
-                <input type="text" name="attr_salvageName"/>
+    <!-- CREW SHEET -->
+    <div class="crew">
+        <div class="crew-common section">
+            <label>Name  <input style="font-weight:bold; width:250px;" type="text" name="attr_character_name"/></label>
+            <label>Description <input style="width:390px;" type="text" name="attr_crew_description"></label>
+        </div>
+        
+        <div class="design section">
+            <label>Design</label>
+            
+            <label class="design-name">Size </label>
+            <input class="design-description" type="text" name="attr_crew_size" placeholder="Name">
+            <input class="design-effects" type="text" name="attr_crew_size_effects" placeholder="Ratings increased">
+            
+            <label class="design-name">Frame </label>
+            <input class="design-description" type="text" name="attr_crew_frame" placeholder="Name">
+            <input class="design-effects" type="text" name="attr_crew_frame_effects" placeholder="Ratings increased">
+            
+            <label class="design-name">Hull </label><input class="design-description" type="text" name="attr_crew_hull" placeholder="Name">
+            <input class="design-effects" type="text" name="attr_crew_hull_effects" placeholder="Ratings increased">
+            
+            <label class="design-name">Bite </label>
+            <input class="design-description" type="text" name="attr_crew_bite" placeholder="Name">
+            <input class="design-effects" type="text" name="attr_crew_bite_effects" placeholder="Ratings increased">
+            
+            <label class="design-name">Engine </label>
+            <input class="design-description" type="text" name="attr_crew_engine" placeholder="Name">
+            <input class="design-effects" type="text" name="attr_crew_engine_effects" placeholder="Ratings increased">
+        </div>
+        
+        <div class="ratings section">
+            <label>Ratings</label>
+            
+            <div name="armor">
+                <button type="roll" name="roll_crew_armor" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1} + (@{crew_armor_length} - ?{Marked?|0})d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Armor</span></button>
+                
+                <div class="rating-container">
+                    <select name="attr_crew_armor_length" style="margin-left: 5px;">
+                        <option value="1">1</option>
+                        <option value="2">2</option>
+                        <option value="3">3</option>
+                        <option value="4">4</option>
+                        <option value="5">5</option>
+                        <option value="6">6</option>
+                    </select>
+                    
+                    <label style="display:inline;">|</label>
+                    
+                    <input class="div-show-radio div-show-armor-1" name="attr_crew_armor_length" type="radio" value="1">
+                    <input class="div-show-radio div-show-armor-2" name="attr_crew_armor_length" type="radio" value="2">
+                    <input class="div-show-radio div-show-armor-3" name="attr_crew_armor_length" type="radio" value="3">
+                    <input class="div-show-radio div-show-armor-4" name="attr_crew_armor_length" type="radio" value="4">
+                    <input class="div-show-radio div-show-armor-5" name="attr_crew_armor_length" type="radio" value="5">
+                    <input class="div-show-radio div-show-armor-6" name="attr_crew_armor_length" type="radio" value="6">
+                    
+                    <select class="databox armorBox1" name="attr_crew_armor_box1">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox armorBox2" name="attr_crew_armor_box2">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox armorBox3" name="attr_crew_armor_box3">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox armorBox4" name="attr_crew_armor_box4">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox armorBox5" name="attr_crew_armor_box5">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox armorBox6" name="attr_crew_armor_box6">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                </div>
+            </div>
+            
+            <div name="seals">
+                <button type="roll" name="roll_crew_seals" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + (@{crew_seals_length} - ?{Marked?|0})d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Seals</span></button>
+                
+                <div class="rating-container">
+                    <select name="attr_crew_seals_length" style="margin-left: 12px;">
+                        <option value="1">1</option>
+                        <option value="2">2</option>
+                        <option value="3">3</option>
+                        <option value="4">4</option>
+                        <option value="5">5</option>
+                        <option value="6">6</option>
+                    </select>
+                    
+                    <label style="display:inline;">|</label>
+                    
+                    <input class="div-show-radio div-show-seals-1" name="attr_crew_seals_length" type="radio" value="1">
+                    <input class="div-show-radio div-show-seals-2" name="attr_crew_seals_length" type="radio" value="2">
+                    <input class="div-show-radio div-show-seals-3" name="attr_crew_seals_length" type="radio" value="3">
+                    <input class="div-show-radio div-show-seals-4" name="attr_crew_seals_length" type="radio" value="4">
+                    <input class="div-show-radio div-show-seals-5" name="attr_crew_seals_length" type="radio" value="5">
+                    <input class="div-show-radio div-show-seals-6" name="attr_crew_seals_length" type="radio" value="6">
+                    
+                    <select class="databox sealsBox1" name="attr_crew_seals_box1">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox sealsBox2" name="attr_crew_seals_box2">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox sealsBox3" name="attr_crew_seals_box3">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox sealsBox4" name="attr_crew_seals_box4">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox sealsBox5" name="attr_crew_seals_box5">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox sealsBox6" name="attr_crew_seals_box6">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                </div>
+            </div>
+            
+            <div name="speed">
+                <button type="roll" name="roll_crew_speed" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + (@{crew_speed_length} - ?{Marked?|0})d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Speed</span></button>
+                
+                <div class="rating-container">
+                    <select name="attr_crew_speed_length" style="margin-left: 5px;">
+                        <option value="1">1</option>
+                        <option value="2">2</option>
+                        <option value="3">3</option>
+                        <option value="4">4</option>
+                        <option value="5">5</option>
+                        <option value="6">6</option>
+                    </select>
+                    
+                    <label style="display:inline;">|</label>
+                    
+                    <input class="div-show-radio div-show-speed-1" name="attr_crew_speed_length" type="radio" value="1">
+                    <input class="div-show-radio div-show-speed-2" name="attr_crew_speed_length" type="radio" value="2">
+                    <input class="div-show-radio div-show-speed-3" name="attr_crew_speed_length" type="radio" value="3">
+                    <input class="div-show-radio div-show-speed-4" name="attr_crew_speed_length" type="radio" value="4">
+                    <input class="div-show-radio div-show-speed-5" name="attr_crew_speed_length" type="radio" value="5">
+                    <input class="div-show-radio div-show-speed-6" name="attr_crew_speed_length" type="radio" value="6">
+                    
+                    <select class="databox speedBox1" name="attr_crew_speed_box1">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox speedBox2" name="attr_crew_speed_box2">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox speedBox3" name="attr_crew_speed_box3">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox speedBox4" name="attr_crew_speed_box4">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox speedBox5" name="attr_crew_speed_box5">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox speedBox6" name="attr_crew_speed_box6">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                </div>
+            </div>
+            
+            <div name="saws">
+                <button type="roll" name="roll_crew_saws" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + (@{crew_saws_length} - ?{Marked?|0})d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Saws</span></button>
+                
+                <div class="rating-container" style="margin-left: 12px;">
+                    <select name="attr_crew_saws_length">
+                        <option value="1">1</option>
+                        <option value="2">2</option>
+                        <option value="3">3</option>
+                        <option value="4">4</option>
+                        <option value="5">5</option>
+                        <option value="6">6</option>
+                    </select>
+                    
+                    <label style="display:inline;">|</label>
+                    
+                    <input class="div-show-radio div-show-saws-1" name="attr_crew_saws_length" type="radio" value="1">
+                    <input class="div-show-radio div-show-saws-2" name="attr_crew_saws_length" type="radio" value="2">
+                    <input class="div-show-radio div-show-saws-3" name="attr_crew_saws_length" type="radio" value="3">
+                    <input class="div-show-radio div-show-saws-4" name="attr_crew_saws_length" type="radio" value="4">
+                    <input class="div-show-radio div-show-saws-5" name="attr_crew_saws_length" type="radio" value="5">
+                    <input class="div-show-radio div-show-saws-6" name="attr_crew_saws_length" type="radio" value="6">
+                    
+                    <select class="databox sawsBox1" name="attr_crew_saws_box1">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox sawsBox2" name="attr_crew_saws_box2">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox sawsBox3" name="attr_crew_saws_box3">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox sawsBox4" name="attr_crew_saws_box4">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox sawsBox5" name="attr_crew_saws_box5">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox sawsBox6" name="attr_crew_saws_box6">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                </div>
+            </div>
+            
+            <div name="stealth">
+                <button type="roll" name="roll_crew_stealth" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + (@{crew_stealth_length} - ?{Marked?|0})d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Stealth</span></button>
+                
+                <div class="rating-container">
+                    <select name="attr_crew_stealth_length">
+                        <option value="1">1</option>
+                        <option value="2">2</option>
+                        <option value="3">3</option>
+                        <option value="4">4</option>
+                        <option value="5">5</option>
+                        <option value="6">6</option>
+                    </select>
+                    
+                    <label style="display:inline;">|</label>
+                    
+                    <input class="div-show-radio div-show-stealth-1" name="attr_crew_stealth_length" type="radio" value="1">
+                    <input class="div-show-radio div-show-stealth-2" name="attr_crew_stealth_length" type="radio" value="2">
+                    <input class="div-show-radio div-show-stealth-3" name="attr_crew_stealth_length" type="radio" value="3">
+                    <input class="div-show-radio div-show-stealth-4" name="attr_crew_stealth_length" type="radio" value="4">
+                    <input class="div-show-radio div-show-stealth-5" name="attr_crew_stealth_length" type="radio" value="5">
+                    <input class="div-show-radio div-show-stealth-6" name="attr_crew_stealth_length" type="radio" value="6">
+                    
+                    <select class="databox stealthBox1" name="attr_crew_stealth_box1">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox stealthBox2" name="attr_crew_stealth_box2">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox stealthBox3" name="attr_crew_stealth_box3">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox stealthBox4" name="attr_crew_stealth_box4">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox stealthBox5" name="attr_crew_stealth_box5">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox stealthBox6" name="attr_crew_stealth_box6">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                </div>
+            </div>
+            
+            <div name="tilt">
+                <button type="roll" name="roll_crew_tilt" value="/roll {?{Edge?|None,0|Grace,1|Iron,1|Instinct,1|Sharps,1|Teeth,1|Tides,1|Veils,1}d6 + (@{crew_tilt_length} - ?{Marked?|0})d6 + ?{Advantage? (up to 2d6)|0}d6}dh?{Cut?|0}"><span>Tilt</span></button>
+                
+                <div class="rating-container" style="margin-left: 30px;">
+                    <select name="attr_crew_tilt_length">
+                        <option value="1">1</option>
+                        <option value="2">2</option>
+                        <option value="3">3</option>
+                        <option value="4">4</option>
+                        <option value="5">5</option>
+                        <option value="6">6</option>
+                    </select>
+                    
+                    <label style="display:inline;">|</label>
+                    
+                    <input class="div-show-radio div-show-tilt-1" name="attr_crew_tilt_length" type="radio" value="1">
+                    <input class="div-show-radio div-show-tilt-2" name="attr_crew_tilt_length" type="radio" value="2">
+                    <input class="div-show-radio div-show-tilt-3" name="attr_crew_tilt_length" type="radio" value="3">
+                    <input class="div-show-radio div-show-tilt-4" name="attr_crew_tilt_length" type="radio" value="4">
+                    <input class="div-show-radio div-show-tilt-5" name="attr_crew_tilt_length" type="radio" value="5">
+                    <input class="div-show-radio div-show-tilt-6" name="attr_crew_tilt_length" type="radio" value="6">
+                    
+                    <select class="databox tiltBox1" name="attr_crew_tilt_box1">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox tiltBox2" name="attr_crew_tilt_box2">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox tiltBox3" name="attr_crew_tilt_box3">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox tiltBox4" name="attr_crew_tilt_box4">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox tiltBox5" name="attr_crew_tilt_box5">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                    <select class="databox tiltBox6" name="attr_crew_tilt_box6">
+                        <option value=""></option>
+                        <option value="O">O</option>
+                        <option value="X">X</option>
+                    </select>
+                </div>
+            </div>
+        </div>
+        
+        <div class="fittings section">
+            <label>Fittings</label>
+            <fieldset class="repeating_crewAdjustments">
+                <select name="attr_crew_fitting_type">
+                    <option value="additions">Addition</option>
+                    <option value="communication">Communication</option>
+                    <option value="acquisition">Acquisition</option>
+                    <option value="propulsion">Propulsion</option>
+                    <option value="boost">Rating Boost</option>
+                    <option value="armament">Armament</option>
+                    <option value="room">Room</option>
+                </select>
+                <input class="bold" type="text" name="attr_crew_adjustment_title" placeholder="Name">
+                
+                <div class="sheet-auto-expand">
+                    <span name="attr_temp_description"></span>
+                    <textarea name="attr_temp_description"></textarea>
+                </div>
+                
             </fieldset>
         </div>
-        <div class="specimens skillSection">
-            <label>Specimens</label>
-            <fieldset class="repeating_specimens">
-                <input type="text" name="attr_specimenName"/>
+        
+        <div class="cargo section">
+            <label>Cargo & Passengers</label>
+            <fieldset class="repeating_crewCargo">
+                <input class="bold" type="text" name="attr_crew_cargo_title" placeholder="Name">
+                <input style="width:580px;" type="text" name="attr_crew_cargo_desc" placeholder="Description">
+                
+                <!-- blank space -->
+                <div style="height:5px;"></div>
             </fieldset>
         </div>
-        <div class="whispers skillSection">
-            <label>Whispers</label>
-            <fieldset class="repeating_whispers">
-                <input type="text" name="attr_whisperName"/>
+            
+        <div class="condition section">
+            <label>Condition</label>
+            <fieldset class="repeating_crewCondition">
+                <input class="bold" type="text" name="attr_crew_condition_title" placeholder="Name">
+                <input style="width:580px;" type="text" name="attr_condition_cargo_desc" placeholder="Description">
+                
+                <!-- blank space -->
+                <div style="height:5px;"></div>
             </fieldset>
         </div>
-        <div class="charts skillSection">
-            <label>Charts</label>
-            <fieldset class="repeating_charts">
-                <input type="text" name="attr_chartName"/>
+        
+        <div class="undercrew section">
+            <label>Undercrew</label>
+            <fieldset class="repeating_crewUndercrew">
+                <input class="undercrewTitle" type="text" name="attr_crew_undercrew_title" placeholder="Name">
+                
+                <div class="sheet-auto-expand">
+                    <span name="attr_undercrew_description"></span>
+                    <textarea name="attr_undercrew_description"></textarea>
+                </div>
+                
+                <select name="attr_crew_undercrew_length">
+                    <option value="1">1</option>
+                    <option value="2">2</option>
+                    <option value="3">3</option>
+                    <option value="4">4</option>
+                    <option value="5">5</option>
+                    <option value="6">6</option>
+                </select>
+                
+                <label style="display:inline;">|</label>
+                
+                <input class="div-show-radio div-undercrew-show-1" name="attr_crew_undercrew_length" type="radio" value="1">
+                <input class="div-show-radio div-undercrew-show-2" name="attr_crew_undercrew_length" type="radio" value="2">
+                <input class="div-show-radio div-undercrew-show-3" name="attr_crew_undercrew_length" type="radio" value="3">
+                <input class="div-show-radio div-undercrew-show-4" name="attr_crew_undercrew_length" type="radio" value="4">
+                <input class="div-show-radio div-undercrew-show-5" name="attr_crew_undercrew_length" type="radio" value="5">
+                <input class="div-show-radio div-undercrew-show-6" name="attr_crew_undercrew_length" type="radio" value="6">
+                
+                <select class="databox undercrewBox1" name="attr_crew_undercrew_box1">
+                    <option value=""></option>
+                    <option value="O">O</option>
+                    <option value="X">X</option>
+                </select>
+                <select class="databox undercrewBox2" name="attr_crew_undercrew_box2">
+                    <option value=""></option>
+                    <option value="O">O</option>
+                    <option value="X">X</option>
+                </select>
+                <select class="databox undercrewBox3" name="attr_crew_undercrew_box3">
+                    <option value=""></option>
+                    <option value="O">O</option>
+                    <option value="X">X</option>
+                </select>
+                <select class="databox undercrewBox4" name="attr_crew_undercrew_box4">
+                    <option value=""></option>
+                    <option value="O">O</option>
+                    <option value="X">X</option>
+                </select>
+                <select class="databox undercrewBox5" name="attr_crew_undercrew_box5">
+                    <option value=""></option>
+                    <option value="O">O</option>
+                    <option value="X">X</option>
+                </select>
+                <select class="databox undercrewBox6" name="attr_crew_undercrew_box6">
+                    <option value=""></option>
+                    <option value="O">O</option>
+                    <option value="X">X</option>
+                </select>
+            </fieldset>
+        </div>
+        
+        <div class="reputation section">
+            <label>Reputation</label>
+            <div>
+                <label class="inline">Faction</label>
+                <div class=rep-headers>
+                    <label class="rep-label">Favor</label>
+                    <label class="rep-label">Fear</label>
+                    <label class="rep-label">Respect</label>
+                </div>
+            </div>
+            <fieldset class="repeating_factionNotes">
+                <input class="bold" type="text" name="attr_crew_faction_title" placeholder="Name">
+                <input style="width:350px;" type="text" name="attr_crew_faction_description" placeholder="Description">     
+                <div class="rep-box-container">
+                    <input type="checkbox" name="attr_crew_faction_rep_favor"><span class="rep-box"></span>
+                    <input type="checkbox" name="attr_crew_faction_rep_fear"><span class="rep-box"></span>
+                    <input type="checkbox" name="attr_crew_faction_rep_respect"><span class="rep-box"></span>
+                </div>
+                
+                <!-- blank space -->
+                <div style="height:5px;"></div>
+            </fieldset>
+        </div>
+        
+        <div class="notes section">
+            <label>Notes</label>
+            <fieldset class="repeating_notes">
+                <input class="bold" style="width:150px;" type="text" name="attr_noteTitle" placeholder="Title">
+                <input class="bigtext" type="text" name="attr_noteBody" placeholder="Note text.">
+                
+                <!-- blank space -->
+                <div style="height:5px;"></div>
             </fieldset>
         </div>
-    </div>
-    
-    <div class="notes section">
-        <label>Notes</label>
-        <fieldset class="repeating_notes">
-            <input class="bold" type="text" name="attr_noteTitle" placeholder="Title">
-            <input class="bigtext" type="text" name="attr_noteBody" placeholder="Note text.">
-        </fieldset>
-    </div>
-    
-    <div class="footer flex-col">
-      <span style="color: white;">Created by Austin. Based off the Roll20 Grid Template by Anduh</span>
     </div>
 </div>
 
diff --git a/Wildsea/wildsea_preview.png b/Wildsea/wildsea_preview.png
deleted file mode 100644
index 878cfda04c..0000000000
Binary files a/Wildsea/wildsea_preview.png and /dev/null differ