diff --git a/velvet_generation/charactersheet.css b/velvet_generation/charactersheet.css
new file mode 100644
index 0000000000..cff4b8fd20
--- /dev/null
+++ b/velvet_generation/charactersheet.css
@@ -0,0 +1,1395 @@
+@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@700&family=Dosis:wght@300&display=swap');
+
+:root {
+  --color-dark: #405fa5;
+  --color-light: #dae1f1;
+  --fade-begin: 1px;
+  --fade-end: 5px;
+  --clock-gradient-filled:var(--color-dark);
+  --clock-gradient-empty-start-odd: var(--color-dark);
+  --clock-gradient-empty-end-odd: var(--color-light);
+  --clock-gradient-empty-start-even: var(--color-dark);
+  --clock-gradient-empty-end-even: var(--color-light);
+}
+.sheets-wrapper {
+  width: 750px;
+}
+
+.character-tab,
+.band-tab,
+.revolution-tab,
+.npc-tab {
+  display: none;
+  width: 100%;
+}
+
+.sheet-toggle[value="character"] ~ .character-tab {
+  display:block;
+}
+
+.sheet-toggle[value="band"] ~ .band-tab {
+  display:block;
+}
+
+.sheet-toggle[value="revolution"] ~ .revolution-tab {
+  display:block;
+}
+.sheet-toggle[value="npcs"] ~ .npc-tab {
+  display:block;
+}
+
+.header-section {
+  display: grid;
+  grid-template-columns: repeat(2, 365px);
+  column-gap: 20px;
+  grid-template-rows: 150px;
+  height:200px;
+  margin-bottom: 1em;
+  background-image: url(https://raw.githubusercontent.com/richranallo/vg-charactersheet/ec2a05d8c12e775855bcd3c9a860430d2a93b5d2/img/right-block.svg);
+  background-repeat: no-repeat;
+  background-width: cover;
+}
+.logo-cell {
+  grid-template-columns: 1;
+  grid-template-rows: 1;
+  z-index: 200;
+}
+.logo-cell img {
+}
+.sheet-type-cell {
+  grid-template-columns: 2;
+  grid-template-rows: 1;
+  align-self: end;
+  padding-left: 5em;
+}
+.sheet-type-cell h2 select {
+  color: white;
+}
+
+.character-section {
+  display: grid;
+  justify-content: center;
+  margin: auto;
+  grid-template-columns: repeat(2, 365px);
+  column-gap: 20px;
+  grid-template-areas:
+    "logo-cell      sheet-type-cell"
+    "names          fame"
+    "action-scores  descent"
+    "action-scores  roles"
+    "relationships  instruments"
+    "relationships  genre"
+    "solos          riffs"
+    "injury         injury"
+    "notes          gear"
+    "mojo           mojo"
+  }
+.names-cell {
+  grid-area: names;
+  padding-top: 1em;
+}
+.descent-cell {
+  grid-area: descent;
+  padding-top: 1em;
+}
+.roles-cell {
+  grid-area: roles;
+  padding-top: 1em;
+}
+.fame-cell {
+  grid-area: fame;
+  padding-top: 1em;
+}
+.solos-cell {
+  grid-area: solos;
+  padding-top: 1em;
+}
+.riffs-cell {
+  grid-area: riffs;
+  padding-top: 1em;
+}
+.relationships-cell {
+  grid-area: relationships;
+  padding-top: 1em;
+}
+.genre-cell {
+  grid-area: genre;
+  padding-top: 1em;
+}
+.instruments-cell {
+  grid-area: instruments;
+  padding-top: 1em;
+}
+.action-score-cell {
+  grid-area: action-scores;
+  padding-top: 1em;
+}
+.stress-violence-cell {
+  grid-area: injury;
+  padding-top: 1em;
+}
+.notes-cell {
+  grid-area: notes;
+}
+.gear-cell {
+  grid-area: gear;
+}
+.mojo-cell {
+  grid-area: mojo;
+}
+.descent-indicator[value="starchild" i] ~ .action-score-cell .action-grid .mojo {
+  display: block;
+}
+
+.band-section {
+  display: grid;
+  justify-content: center;
+  margin: auto;
+  column-gap: 20px;
+  grid-template-columns: repeat(2, 365px);
+  grid-template-areas:
+    "band-name            band-fame"
+    "band-genre           band-heat"
+    "band-scene           band-faction-status"
+    "band-sister-cells    band-connections"
+    "band-assets          band-assets"
+    "band-discography     band-discography"
+    ;
+}
+.band-name {
+  grid-area: band-name;
+  padding-top: 1em;
+}
+.band-fame {
+  grid-area: band-fame;
+  padding-top: 1em;
+}
+.band-heat {
+  grid-area: band-heat;
+  padding-top: 1em;
+}
+.band-genre {
+  grid-area: band-genre;
+  padding-top: 1em;
+}
+.band-scene {
+  grid-area: band-scene;
+}
+.band-faction-status {
+  grid-area: band-faction-status;
+}
+.band-sister-cells {
+  grid-area: band-sister-cells;
+}
+.band-connections {
+  grid-area: band-connections;
+}
+.band-assets {
+  grid-area: band-assets;
+}
+.band-discography {
+  grid-area: band-discography;
+}
+
+.revolution-strategies {
+  display: grid;
+  row-gap: 20px;
+  justify-content: center;
+  grid-template-columns: repeat(5, 150px);
+  grid-template-rows: repeat(4, auto) repeat(5, 5em) auto repeat(2, 3em);
+}
+.revolution-section .revolution-strategies .alienation {
+  grid-column: 1;
+  text-align: center;
+  padding-left:5px;
+  padding-right: 5px;
+}
+.revolution-section .revolution-strategies .propaganda {
+  grid-column: 2;
+  text-align: center;
+  padding-left:5px;
+  padding-right: 5px;
+}
+.revolution-section .revolution-strategies .surveillance {
+  grid-column: 3;
+  text-align: center;
+  padding-left:5px;
+  padding-right: 5px;
+}
+.revolution-section .revolution-strategies .subversion {
+  grid-column: 4;
+  text-align: center;
+  padding-left:5px;
+  padding-right: 5px;
+}
+.revolution-section .revolution-strategies .violence {
+  grid-column: 5;
+  text-align: center;
+  padding-left:5px;
+  padding-right: 5px;
+}
+.revolution-section .revolution-strategies .band-name {
+  grid-column: 1 / span 3;
+  grid-row: 1;
+  padding-right: 20px;
+}
+.revolution-section .revolution-strategies .band-heat {
+  grid-column: 4 / span 2;
+  grid-row: 1;
+  vertical-align: top;
+  box-align: top;
+}
+.revolution-section .revolution-strategies .strategies-title {
+  grid-row: 3;
+  grid-column: 1 / span 5;
+}
+.revolution-section .revolution-strategies .title {
+  grid-row: 4;
+}
+.revolution-section .revolution-strategies .width2 {
+  grid-row: 5;
+}
+.revolution-section .revolution-strategies .width3 {
+  grid-row: 6;
+}
+.revolution-section .revolution-strategies .width4 {
+  grid-row: 7;
+}
+.revolution-section .revolution-strategies .width5 {
+  grid-row: 8;
+}
+.revolution-section .revolution-strategies .width6 {
+  grid-row: 9;
+}
+.revolution-section .revolution-strategies .praxis-title {
+  grid-row: 10;
+  grid-column: 1 / span 5;
+}
+.revolution-section .revolution-strategies .velvet {
+  grid-row: 11;
+}
+.revolution-section .revolution-strategies .cobalt-army {
+  grid-row: 12;
+}
+
+.centerer {  
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.stress-header {
+  grid-row: 1;
+  grid-column: 1;
+}
+.injury-header {
+  grid-row: 1;
+  grid-column: 2;
+}
+.injury-limit {
+  grid-row: 1;
+  grid-column: 3;
+}
+.rough-label {
+  grid-row: 3;
+  grid-column: 2;
+  text-align: center;
+}
+.bloody-label {
+  grid-row: 3;
+  grid-column: 3;
+  text-align: center;
+}
+.deadly-label {
+  grid-row: 3;
+  grid-column: 4;
+  text-align: center;
+}
+
+.ui-dialog .charsheet .action-grid input[type="number"].score {
+  width: 2em;
+  text-align: center;
+}
+
+body, p {
+  font-family: 'Dosis', sans-serif;
+  font-size: : 16px;
+  line-height: 1.42857143;
+  color: var(--color-dark);
+}
+
+h1, h2, h3, h4, h5, h6  {
+  font-family: 'Exo 2',sans-serif;
+  font-weight: 500;
+  line-height: 1.1;
+  color: var(--color-dark);
+}
+
+h2 {
+/*  background-image: url("https://raw.githubusercontent.com/richranallo/vg-charactersheet/31ade31e5d350025339cf1d5dc236d03f3ab52b5/img/swipe-pink.svg");*/
+  background-repeat: no-repeat;
+  background-size: 100%;
+  background-opacity: .1;
+  z-index: -1;
+}
+
+label {
+  color:inherit;
+}
+
+input[type=text], input[type=number], select, textarea {
+  padding: 5px;
+  margin:3px;
+  border: 0;
+  background-color: white;
+  box-shadow: 0 0 var(--fade-end) var(--fade-begin) var(--color-light);
+  border-radius: 5px;
+  font-family: inherit;
+  font-size: : inherit;
+  color: var(--color-dark);
+}
+
+input[type=text].full {
+  width: 100%;
+  color: var(--color-dark);
+}
+
+select.full {
+  width: 100%;
+  color: var(--color-dark);
+}
+
+input[type="checkbox"].bubble,  input[type="radio"].bubble{
+  width: 1.5em;
+  height: 1em;
+  background-color: white;
+  border-radius: 50%;
+  vertical-align: middle;
+  border: 1px solid var(--color-dark);
+  -webkit-appearance: none;
+  outline: none;
+  cursor: pointer;
+  margin:0;
+}
+
+input[type="checkbox"]:checked {
+  background-color: var(--color-dark);
+  border-color: var(--color-dark);
+}
+
+input[type="radio"]:checked {
+  background-color: var(--color-dark);
+  border-color: var(--color-dark);
+}
+
+textarea.full {
+  height: 3em;
+  width:98%;
+}
+
+.header-section select {
+  background-color: transparent;
+  box-shadow: none;
+  color: var(--color-light);
+  font-size: 24px;
+  padding:0;
+}
+.no-show {
+  opacity: 0;  
+}
+
+.repcontrol {
+  padding-left: 5em;
+  padding-right: 5em;
+}
+
+.repcontrol button {
+  background-color: transparent;
+  background-image: none;
+  border: none;
+  box-shadow: none;
+  border-radius: 50%;
+  color: var(--color-dark);
+/*  padding-top: 3px;*/
+/*  padding-bottom: 3px;*/
+/*  padding-left: 8px;*/
+/*  padding-right: 8px;*/
+  text-shadow: none;
+  text-align: center;
+  display: inline-block;
+  font-size: 12px;
+}
+
+.repcontrol button:hover {
+  background-color: var(--color-light);
+}
+
+/* ACTION GRID */
+
+  .action-grid {
+    display: grid;
+    grid-template-columns: 5em repeat(6,4em);
+    grid-template-rows: auto repeat(5, 2em);
+    align-items: center;
+    text-align: center;
+  }
+  .table-topline {
+    text-align: right;
+    grid-row: 1;
+  }
+
+  .action-grid .action-roller button {
+    border-radius: 5px;
+    border: none;
+    background-image: none;
+    background:none;
+    background-color: var(--color-dark);
+    color: var(--color-light);
+  }
+
+  .action-grid .action-roller {
+    grid-row: 1;
+    grid-column: 1;
+    width: 100%;
+  }
+
+  .action-grid .mojo {
+    display:none;
+  }
+
+  .table-topline>button, .left-column>button {
+    border:none;
+    background: none;
+    border-radius: 5px;
+  }
+
+
+  .table-topline>button.selected, .left-column>button.selected {
+    box-shadow: 0 0 var(--fade-end) var(--fade-begin) var(--color-dark);
+  }
+
+  .table-topline {
+    text-align: center;
+  }
+
+  .action-grid .action-roller {
+    grid-row: 1;
+    grid-column: 1;
+  }
+
+  .action-grid .organize {  
+      grid-row: 2;
+  }
+
+  .action-grid .perform {  
+      grid-row: 3;
+  }
+
+  .action-grid .pose {  
+      grid-row: 4;
+  }
+
+  .action-grid .perceive {  
+      grid-row: 5;
+  }
+
+  .action-grid .evade {  
+      grid-row: 6;
+  }
+
+  .action-grid .music {
+      grid-column: 2;
+  }
+
+  .action-grid .violence {
+      grid-column: 3;
+  }
+
+  .action-grid .tech {
+      grid-column: 4;
+  }
+
+  .action-grid .authority {
+      grid-column: 5;
+  }
+
+  .action-grid .minds {
+      grid-column: 6;
+  }
+
+  .action-grid .mojo {
+      grid-column: 7;
+  }
+
+  .action-grid .music:hover ~ .music > button {
+    box-shadow: 0 0 var(--fade-end) var(--fade-begin) var(--color-light);
+  }
+
+  .action-grid .violence:hover ~ .violence > button {
+    box-shadow: 0 0 var(--fade-end) var(--fade-begin) var(--color-light);
+  }
+
+  .action-grid .tech:hover ~ .tech > button {
+    box-shadow: 0 0 var(--fade-end) var(--fade-begin) var(--color-light);
+  }
+
+  .action-grid .authority:hover ~ .authority > button {
+    box-shadow: 0 0 var(--fade-end) var(--fade-begin) var(--color-light);
+  }
+
+  .action-grid .minds:hover ~ .minds > button {
+    box-shadow: 0 0 var(--fade-end) var(--fade-begin) var(--color-light);
+  }
+
+  .action-grid .mojo:hover ~ .mojo > button {
+    box-shadow: 0 0 var(--fade-end) var(--fade-begin) var(--color-light);
+  }
+
+  .action-grid .organize:hover ~ .organize > .left-column > button {
+    box-shadow: 0 0 var(--fade-end) var(--fade-begin) var(--color-light);
+  }
+
+  .action-grid .perform:hover ~ .perform > .left-column > button {
+    box-shadow: 0 0 var(--fade-end) var(--fade-begin) var(--color-light);
+  }
+
+  .action-grid .pose:hover ~ .pose > .left-column > button {
+    box-shadow: 0 0 var(--fade-end) var(--fade-begin) var(--color-light);
+  }
+
+  .action-grid .perceive:hover ~ .perceive > .left-column > button {
+    box-shadow: 0 0 var(--fade-end) var(--fade-begin) var(--color-light);
+  }
+
+  .action-grid .evade:hover ~ .evade > .left-column > button {
+    box-shadow: 0 0 var(--fade-end) var(--fade-begin) var(--color-light);
+  }
+
+  .left-column {
+    grid-column: 1;
+    line-height: 0px;
+    text-align: right;
+    white-space: nowrap;
+    vertical-align: middle;
+    margin-bottom: 0px;
+  }
+
+  .action-grid input[type=number] {
+    padding: 2px;
+  }
+
+/* SOLOS */
+  .solo-line {
+    display: grid;
+    grid-template-columns: 2em 1fr;
+    white-space: nowrap;
+    column-gap: 15px;
+  }
+
+  .solo-name>input {
+  /*  width: 100%;*/
+  }
+
+  .solo-spent {
+    grid-column: 1;
+    grid-row: 1;
+    align-self: center;
+  }
+
+  .solo-name {
+    grid-column: 2;
+    grid-row: 1;
+    align-self: center;
+  }
+
+/* RELATIONSHIPS */
+
+  .relationship-line {
+    display: grid;
+    grid-template-columns: repeat(4, auto);
+    column-gap: 15px;
+  }
+
+  .relationship-target input[type=text] {
+  /*  width:75%;*/
+  }
+
+  .relationship-type select {
+    width:100%;
+  }
+
+  .relationship-line ~ select {
+  /*  width:100%;*/
+  }
+
+  .relationship-spent {
+    grid-column: 1;
+    grid-row: 1;
+    align-self: center;
+  }
+
+  .relationship-target {
+    grid-column: 2;
+    grid-row: 1;
+    align-self: center;
+  }
+
+  .relationship-strength {
+    grid-column: 3;
+    grid-row: 1;
+    align-self: center;
+  }
+
+  .relationship-type {
+  grid-column: 4;
+  grid-row: 1;
+  align-self: center;
+}
+
+/* FAME  */
+  .fame-line {
+    display: grid;
+    grid-template-columns: 2em 3fr 1fr;
+    align-items: center;
+    column-gap: 15px;
+  }
+
+  .fame-score,
+  .fame-check,
+  .fame-clock {
+    align-self: center;
+  }
+  .fame-line .fame-check {
+    grid-column: 1;
+    grid-row: 1;
+  }
+  .fame-line .fame-score {
+    grid-column: 2;
+    grid-row: 1;
+  }
+  .fame-line .fame-clock {
+    grid-column: 3;
+    grid-row: 1;
+  }
+
+  .band-fame-line {
+    display: grid;
+    grid-template-columns: 3fr 1fr;
+    align-items: center;
+    column-gap: 15px;
+  }
+  .band-fame-line .fame-score {
+    grid-column: 1;
+    grid-row: 1;
+  }
+  .band-fame-line .fame-clock {
+    grid-column: 2;
+    grid-row: 1;
+  }
+
+/* INJURY/STRESS */
+  .stress-violence-container {
+    display: grid;
+    align-content: left;
+    grid-template-areas: 
+    "stress   rough   bloody  deadly";
+  }
+  .stress-violence-container .stress-cell {
+    grid-area: stress;
+  }
+  .stress-violence-container .rough-cell {
+    grid-area: rough;
+  }
+  .stress-violence-container .bloody-cell {
+    grid-area: bloody;
+  }
+  .stress-violence-container .deadly-cell {
+    grid-area: deadly;
+  }
+  .injury-container {
+    display: grid;
+    grid-template-areas:
+    "third-degree  clock"
+    "second-degree clock"
+    "first-degree  clock"
+    "injury-label  injury-label";
+    column-gap: 5px;
+  }
+  .injury-container .injury-clock {
+    grid-area: clock;
+  }
+  .injury-container .third-degree {
+    grid-area: third-degree;
+    text-align: right;
+  }
+  .injury-container .second-degree {
+    grid-area: second-degree;
+    text-align: right;
+  }
+  .injury-container .first-degree {
+    grid-area: first-degree;
+    text-align: right;
+  }
+  .injury-container .injury-label {
+  grid-area: injury-label;
+  text-align: center;
+}
+
+/* MOJO */
+  .mojo-cell {
+    display: none;
+  }
+
+  .descent-indicator[value="starchild" i] ~ .mojo-cell {
+    display: inherit;
+  }
+
+  .mojo-line {
+    display: none;
+    height: 5em;
+  }
+
+  .mojo-grid .repcontrol {
+    display:none;
+  }
+
+  .mojo-talent {
+    display: none;
+    text-align: center;
+  }
+
+  .mojo-line h3 {
+    width: 5em;
+    margin: 10px;
+  }
+
+  .mojo-line p {
+    width: 7em;
+    margin: 10px;
+  }
+
+  .riff-indicator[value~="flex" i] ~ .flex {
+    display: flex;
+  }
+
+  .riff-indicator[value~="sparkle" i] ~ .sparkle {
+    display: flex;
+  }
+
+  .riff-indicator[value~="vibe" i] ~ .vibe {
+    display: flex;
+  }
+
+  .organize-mojo-indicator[value="1"] ~ .mojo-grid .repcontainer .repitem .mojo-block .organize {
+    display: block;
+  }
+
+  .perform-mojo-indicator[value="1"] ~ .mojo-grid .repcontainer .repitem .mojo-block .perform {
+    display: block;
+  }
+
+  .pose-mojo-indicator[value="1"] ~ .mojo-grid .repcontainer .repitem .mojo-block .pose {
+    display: block;
+  }
+
+  .evade-mojo-indicator[value="1"] ~ .mojo-grid .repcontainer .repitem .mojo-block .evade {
+    display: block;
+  }
+
+  .perceive-mojo-indicator[value="1"] ~ .mojo-grid .repcontainer .repitem .mojo-block .perceive {
+    display: block;
+  }
+
+/* FACTION STATUS */
+  .faction-status-container {
+    display: grid;
+    grid-template-areas:
+    "velvet  .             .            cobalt"
+    "velvet5 velvetcheck5  cobaltcheck5 cobalt5"
+    "velvet4 velvetcheck4  cobaltcheck4 cobalt4"
+    "velvet3 velvetcheck3  cobaltcheck3 cobalt3"
+    "velvet2 velvetcheck2  cobaltcheck2 cobalt2"
+    "velvet1 velvetcheck1  cobaltcheck1 cobalt1"
+    ;
+  }
+
+  .faction-status-container .velvet {
+    grid-area: velvet;
+  }
+  .faction-status-container .velvet5 {
+    grid-area: velvet5;
+  }
+  .faction-status-container .velvet4 {
+    grid-area: velvet4;
+  }
+  .faction-status-container .velvet3 {
+    grid-area: velvet3;
+  }
+  .faction-status-container .velvet2 {
+    grid-area: velvet2;
+  }
+  .faction-status-container .velvet1 {
+    grid-area: velvet1;
+  }
+  .faction-status-container .velvetcheck1 {
+    grid-area: velvetcheck1;
+  }
+  .faction-status-container .velvetcheck2 {
+    grid-area: velvetcheck2;
+  }
+  .faction-status-container .velvetcheck3 {
+    grid-area: velvetcheck3;
+  }
+  .faction-status-container .velvetcheck4 {
+    grid-area: velvetcheck4;
+  }
+  .faction-status-container .velvetcheck5 {
+    grid-area: velvetcheck5;
+  }
+  .faction-status-container .cobalt {
+    grid-area: cobalt;
+  }
+  .faction-status-container .cobalt5 {
+    grid-area: cobalt5;
+  }
+  .faction-status-container .cobalt4 {
+    grid-area: cobalt4;
+  }
+  .faction-status-container .cobalt3 {
+    grid-area: cobalt3;
+  }
+  .faction-status-container .cobalt2 {
+    grid-area: cobalt2;
+  }
+  .faction-status-container .cobalt1 {
+    grid-area: cobalt1;
+  }
+  .faction-status-container .cobaltcheck5 {
+    grid-area: cobaltcheck5;
+  }
+  .faction-status-container .cobaltcheck4 {
+    grid-area: cobaltcheck4;
+  }
+  .faction-status-container .cobaltcheck3 {
+    grid-area: cobaltcheck3;
+  }
+  .faction-status-container .cobaltcheck2 {
+    grid-area: cobaltcheck2;
+  }
+  .faction-status-container .cobaltcheck1 {
+    grid-area: cobaltcheck1;
+  }
+  .velvet-status:checked ~ .velvet-status {
+    background-color: var(--color-dark);
+    border-color: var(--color-dark);
+  }
+  .cobalt-status:checked ~ .cobalt-status {
+  background-color: var(--color-dark);
+  border-color: var(--color-dark);
+}
+
+/* SCENE */
+  .band-scene-container {
+    display: grid;
+    grid-template-columns: auto auto 1fr;
+    grid-column-gap: 1em;
+    grid-template-rows: repeat(6, auto);
+  }
+
+  .band-scene-container p {
+    margin-top:9px;
+  }
+
+  .band-scene-container .fame {
+    grid-column: 1;
+  }
+
+  .band-scene-container .level {
+    grid-column: 2;
+  }
+
+  .band-scene-container .scene {
+    grid-column: 3;
+  }
+
+  .band-scene-container .title {
+    grid-row: 1;
+  }
+
+  .band-scene-container .global {
+    grid-row: 2;
+    display: none;
+  }
+
+  .band-scene-container .nation {
+    grid-row: 3;
+    display: none;
+  }
+
+  .band-scene-container .region {
+    grid-row: 4;
+    display: none;
+  }
+
+  .band-scene-container .city {
+    grid-row: 5;
+    display: none;
+  }
+
+  .band-scene-container .dims {
+    grid-row: 6;
+    display: none;
+  }
+  
+  .fame-width-indicator[value="2"] ~ .dims {
+    display: block;
+  }  
+      
+  .fame-width-indicator[value="3"] ~ .dims,
+  .fame-width-indicator[value="3"] ~ .city {
+    display: block;
+  }
+      
+  .fame-width-indicator[value="4"] ~ .dims,
+  .fame-width-indicator[value="4"] ~ .city,
+  .fame-width-indicator[value="4"] ~ .region {
+    display: block;
+  }
+    
+  .fame-width-indicator[value="5"] ~ .dims,
+  .fame-width-indicator[value="5"] ~ .city,
+  .fame-width-indicator[value="5"] ~ .region,
+  .fame-width-indicator[value="5"] ~ .nation {
+    display: block;
+  }
+  
+  .fame-width-indicator[value="6"] ~ .dims,
+  .fame-width-indicator[value="6"] ~ .city,
+  .fame-width-indicator[value="6"] ~ .region,
+  .fame-width-indicator[value="6"] ~ .nation,
+  .fame-width-indicator[value="6"] ~ .global {
+    display: block;
+  }
+
+/* ASSETS */
+
+  .asset-container .repcontainer .repitem {
+    width: 25%;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+
+  .asset-container .repcontainer {
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .vehicle-options,
+  .music-space-options,
+  .hideout-options,
+  .crime-lab-options,
+  .community-options,
+  .network-options {
+    display: none;
+  }
+
+  .active-asset[value="vehicle"] ~ .vehicle-options {
+    display: block;
+  }
+
+  .active-asset[value="musicSpace"] ~ .music-space-options {
+    display: block;
+  }
+
+  .active-asset[value="hideout"] ~ .hideout-options {
+    display: block;
+  }
+
+  .active-asset[value="crimeLab"] ~ .crime-lab-options {
+    display: block;
+  }
+
+  .active-asset[value="community"] ~ .community-options {
+    display: block;
+  }
+
+  .active-asset[value="network"] ~ .network-options {
+  display: block;
+}
+
+/* DISCOGRAPHY */
+
+  .song-container .repcontainer .repitem {
+    width: 25%;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+
+  .song-container .repcontainer {
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+  .song-container .repcontainer .repitem textarea {
+    height:3em;
+  }
+
+/* NPCs */
+  .npc-container{
+    display: grid;
+    grid-template-columns: 2fr 1fr;
+    grid-template-rows: repeat(4, auto);
+  }
+  .npc-name {
+    grid-column: 1/span 2;
+    grid-row: 1;
+  }
+  .npc-action-scores {
+    grid-column: 1;
+    grid-row: 2/span 2;
+  }
+  .npc-secondary-stats {
+    grid-column: 2;
+    grid-row: 2;
+  }
+  .npc-injury {
+    grid-column: 2;
+    grid-row: 3;
+  }
+  .npc-injury .injury-container {
+    padding-top: 10px;
+  }
+  .npc-notes {
+    grid-column: 1/span 2;
+    grid-row: 4;
+  }
+  .npc-secondary-stats .score-block {
+    display: inline-block;
+  }
+
+  .dogsheet .repcontainer .repitem {
+    width: 50%;
+    padding-left: 20px;
+    padding-right: 20px;
+    padding-bottom: 20px;
+  }
+
+  .dogsheet .repcontainer {
+    display: flex;
+    flex-wrap: wrap;
+  }
+  input[type="checkbox"].npc-check {
+    display:none;
+  }
+  .npc-score[value="1"] ~ .npc-check[class*="1"] {
+    display: inline-block;
+  }
+  .npc-score[value="2"] ~ .npc-check[class*="2"] {
+    display: inline-block;
+  }
+  .npc-score[value="3"] ~ .npc-check[class*="3"] {
+    display: inline-block;
+  }
+  .npc-score[value="4"] ~ .npc-check[class*="4"] {
+    display: inline-block;
+  }
+  .npc-score[value="5"] ~ .npc-check[class*="5"] {
+    display: inline-block;
+  }
+  .npc-score[value="6"] ~ .npc-check[class*="6"] {
+    display: inline-block;
+  }
+
+
+/*  CLOCK STUFF  */
+
+  .clock-checkbox {
+    width: 1em;
+    height: 1em;
+    align-self: center;
+  }
+
+  .clock-0 {
+    grid-area: c0;
+    align-self: center;
+  }
+
+  .clock-1 {
+    grid-area: c1;
+  }
+  .clock-2 {
+    grid-area: c2;
+  }
+  .clock-3 {
+    grid-area: c3;
+  }
+  .clock-4 {
+    grid-area: c4;
+  }
+  .clock-5 {
+    grid-area: c5;
+  }
+  .clock-6 {
+    grid-area: c6;
+  }
+  .clock-7 {
+    grid-area: c7;
+  }
+  .clock-8 {
+    grid-area: c8;
+  }
+
+  .clock-0:checked {
+  opacity: 0;
+}
+
+/* 3-CLOCK  */
+
+  .clock-container-3 {
+    display: grid;
+    grid-template-areas:
+    ".  c3 c3  c1  c1  c0"
+    ".  c3 c3  c1  c1  ww"
+    ".  xx c2  c2  yy  yy"
+    ".  xx c2  c2  yy  yy";
+    width: 7.25em;
+    height: 5em;
+  }
+
+  .clock-container-3 .clock {
+    width: 100%;
+    height: 100%;
+    display: inline-block;
+    border-radius: 50%;
+    grid-column: 2 / span 4;
+    grid-row: 1 / span 4;
+    z-index: -1;
+  }
+
+  .clock-container-3 .clock-checkbox.clock-0:checked ~ .clock {
+    background: conic-gradient(
+      var(--clock-gradient-empty-start-odd) 0deg, var(--clock-gradient-empty-end-odd) 120deg,
+      var(--clock-gradient-empty-start-even) 120deg, var(--clock-gradient-empty-end-even) 240deg,
+      var(--clock-gradient-empty-start-odd) 240deg, var(--clock-gradient-empty-end-odd) 360deg
+    );
+  }
+
+  .clock-container-3 .clock-checkbox.clock-1:checked ~ .clock {
+    background: conic-gradient(
+      var(--clock-gradient-filled) 60deg, var(--clock-gradient-filled) 120deg,
+      var(--clock-gradient-empty-start-even) 120deg, var(--clock-gradient-empty-end-even) 240deg,
+      var(--clock-gradient-empty-start-odd) 240deg, var(--clock-gradient-empty-end-odd) 360deg
+    );
+  }
+
+  .clock-container-3 .clock-checkbox.clock-2:checked ~ .clock {
+    background: conic-gradient(
+      var(--clock-gradient-filled) 240deg, var(--clock-gradient-filled) 240deg,
+      var(--clock-gradient-empty-start-odd) 240deg, var(--clock-gradient-empty-end-odd) 360deg
+    );
+  }
+
+  .clock-container-3 .clock-checkbox.clock-3:checked ~ .clock {
+  background: conic-gradient(
+    var(--clock-gradient-filled) 360deg, var(--clock-gradient-filled) 360deg
+  );
+}
+
+/* 6-CLOCK */
+
+  .clock-container-6 {
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    grid-template-areas:
+    ".  c6   xx  c1  c0"
+    ".  c5   xx  c2  yy"
+    ".  c4   xx  c3  yy";
+    width: 8em;
+    height: 5em;
+  }
+
+  .clock-container-6 .clock {
+    width: 100%;
+    height: 100%;
+    display: inline-block;
+    border-radius: 50%;
+    grid-column: 2 / span 3;
+    grid-row: 1 / span 3;
+    z-index: -1;
+  }
+
+  .clock-container-6 .clock-checkbox.clock-0:checked ~ .clock {
+    background: conic-gradient(
+      var(--clock-gradient-empty-start-odd) 0deg, var(--clock-gradient-empty-end-odd) 60deg,
+      var(--clock-gradient-empty-start-even) 60deg, var(--clock-gradient-empty-end-even) 120deg,
+      var(--clock-gradient-empty-start-odd) 120deg, var(--clock-gradient-empty-end-odd) 180deg,
+      var(--clock-gradient-empty-start-even) 180deg, var(--clock-gradient-empty-end-even) 240deg,
+      var(--clock-gradient-empty-start-odd) 240deg, var(--clock-gradient-empty-end-odd) 300deg,
+      var(--clock-gradient-empty-start-even) 300deg, var(--clock-gradient-empty-end-even) 360deg
+    );
+  }
+
+  .clock-container-6 .clock-checkbox.clock-1:checked ~ .clock {
+    background: conic-gradient(
+      var(--clock-gradient-filled) 60deg, var(--clock-gradient-filled) 60deg,
+      var(--clock-gradient-empty-start-even) 60deg, var(--clock-gradient-empty-end-even) 120deg,
+      var(--clock-gradient-empty-start-odd) 120deg, var(--clock-gradient-empty-end-odd) 180deg,
+      var(--clock-gradient-empty-start-even) 180deg, var(--clock-gradient-empty-end-even) 240deg,
+      var(--clock-gradient-empty-start-odd) 240deg, var(--clock-gradient-empty-end-odd) 300deg,
+      var(--clock-gradient-empty-start-even) 300deg, var(--clock-gradient-empty-end-even) 360deg
+    );
+  }
+
+  .clock-container-6 .clock-checkbox.clock-2:checked ~ .clock {
+    background: conic-gradient(
+      var(--clock-gradient-filled) 120deg, var(--clock-gradient-filled) 120deg,
+      var(--clock-gradient-empty-start-odd) 120deg, var(--clock-gradient-empty-end-odd) 180deg,
+      var(--clock-gradient-empty-start-even) 180deg, var(--clock-gradient-empty-end-even) 240deg,
+      var(--clock-gradient-empty-start-odd) 240deg, var(--clock-gradient-empty-end-odd) 300deg,
+      var(--clock-gradient-empty-start-even) 300deg, var(--clock-gradient-empty-end-even) 360deg
+    );
+  }
+
+  .clock-container-6 .clock-checkbox.clock-3:checked ~ .clock {
+    background: conic-gradient(
+      var(--clock-gradient-filled) 180deg, var(--clock-gradient-filled) 180deg,
+      var(--clock-gradient-empty-start-even) 180deg, var(--clock-gradient-empty-end-even) 240deg,
+      var(--clock-gradient-empty-start-odd) 240deg, var(--clock-gradient-empty-end-odd) 300deg,
+      var(--clock-gradient-empty-start-even) 300deg, var(--clock-gradient-empty-end-even) 360deg
+    );
+  }
+
+  .clock-container-6 .clock-checkbox.clock-4:checked ~ .clock {
+    background: conic-gradient(
+      var(--clock-gradient-filled) 240deg, var(--clock-gradient-filled) 240deg,
+      var(--clock-gradient-empty-start-odd) 240deg, var(--clock-gradient-empty-end-odd) 300deg,
+      var(--clock-gradient-empty-start-even) 300deg, var(--clock-gradient-empty-end-even) 360deg
+    );
+  }
+
+  .clock-container-6 .clock-checkbox.clock-5:checked ~ .clock {
+    background: conic-gradient(
+      var(--clock-gradient-filled), var(--clock-gradient-filled) 300deg,
+      var(--clock-gradient-empty-start-even) 300deg, var(--clock-gradient-empty-end-even) 360deg
+    );
+  }
+
+  .clock-container-6 .clock-checkbox.clock-6:checked ~ .clock {
+    background: conic-gradient(
+      var(--clock-gradient-filled) 360deg, var(--clock-gradient-filled) 360deg
+    );
+  }
+
+/* 8-CLOCK */
+
+  .clock-container-8 {
+    display: grid;
+    grid-template-columns: repeat(6, 1fr);
+    grid-template-areas:
+    ". .    c8  c1  .   c0"
+    ". c7   .   .   c2  ."
+    ". c6   .   .   c3  ."
+    ". .    c5  c4  .   ."
+    ;
+    width: 7.25em;
+    height: 5em;
+  }
+
+  .clock-container-8 .clock {
+    width: 100%;
+    height: 100%;
+    display: inline-block;
+    border-radius: 50%;
+  /*   border: 2px solid black; */
+    grid-column: 2 / span 4;
+    grid-row: 1 / span 4;
+    z-index: -1;
+  }
+
+  .clock-container-8 .clock-checkbox.clock-0:checked ~ .clock {
+    background: conic-gradient(
+      var(--clock-gradient-empty-start-odd) 0deg, var(--clock-gradient-empty-end-odd) 45deg,
+      var(--clock-gradient-empty-start-even) 45deg, var(--clock-gradient-empty-end-even) 90deg,
+      var(--clock-gradient-empty-start-odd) 90deg, var(--clock-gradient-empty-end-odd) 135deg,
+      var(--clock-gradient-empty-start-even) 135deg, var(--clock-gradient-empty-end-even) 180deg,
+      var(--clock-gradient-empty-start-odd) 180deg, var(--clock-gradient-empty-end-odd) 225deg,
+      var(--clock-gradient-empty-start-even) 225deg, var(--clock-gradient-empty-end-even) 270deg,
+      var(--clock-gradient-empty-start-odd) 270deg, var(--clock-gradient-empty-end-odd) 315deg,
+      var(--clock-gradient-empty-start-even) 315deg, var(--clock-gradient-empty-end-even) 360deg
+    );
+  }
+
+  .clock-container-8 .clock-checkbox.clock-1:checked ~ .clock {
+    background: conic-gradient(
+      var(--clock-gradient-filled) 45deg, var(--clock-gradient-filled) 45deg,
+      var(--clock-gradient-empty-start-even) 45deg, var(--clock-gradient-empty-end-even) 90deg,
+      var(--clock-gradient-empty-start-odd) 90deg, var(--clock-gradient-empty-end-odd) 135deg,
+      var(--clock-gradient-empty-start-even) 135deg, var(--clock-gradient-empty-end-even) 180deg,
+      var(--clock-gradient-empty-start-odd) 180deg, var(--clock-gradient-empty-end-odd) 225deg,
+      var(--clock-gradient-empty-start-even) 225deg, var(--clock-gradient-empty-end-even) 270deg,
+      var(--clock-gradient-empty-start-odd) 270deg, var(--clock-gradient-empty-end-odd) 315deg,
+      var(--clock-gradient-empty-start-even) 315deg, var(--clock-gradient-empty-end-even) 360deg
+    );
+  }
+
+  .clock-container-8 .clock-checkbox.clock-2:checked ~ .clock {
+    background: conic-gradient(
+      var(--clock-gradient-filled) 90deg, var(--clock-gradient-filled) 90deg,
+      var(--clock-gradient-empty-start-odd) 90deg, var(--clock-gradient-empty-end-odd) 135deg,
+      var(--clock-gradient-empty-start-even) 135deg, var(--clock-gradient-empty-end-even) 180deg,
+      var(--clock-gradient-empty-start-odd) 180deg, var(--clock-gradient-empty-end-odd) 225deg,
+      var(--clock-gradient-empty-start-even) 225deg, var(--clock-gradient-empty-end-even) 270deg,
+      var(--clock-gradient-empty-start-odd) 270deg, var(--clock-gradient-empty-end-odd) 315deg,
+      var(--clock-gradient-empty-start-even) 315deg, var(--clock-gradient-empty-end-even) 360deg
+    );
+  }
+
+  .clock-container-8 .clock-checkbox.clock-3:checked ~ .clock {
+    background: conic-gradient(
+      var(--clock-gradient-filled) 135deg, var(--clock-gradient-filled) 135deg,
+      var(--clock-gradient-empty-start-even) 135deg, var(--clock-gradient-empty-end-even) 180deg,
+      var(--clock-gradient-empty-start-odd) 180deg, var(--clock-gradient-empty-end-odd) 225deg,
+      var(--clock-gradient-empty-start-even) 225deg, var(--clock-gradient-empty-end-even) 270deg,
+      var(--clock-gradient-empty-start-odd) 270deg, var(--clock-gradient-empty-end-odd) 315deg,
+      var(--clock-gradient-empty-start-even) 315deg, var(--clock-gradient-empty-end-even) 360deg
+    );
+  }
+
+  .clock-container-8 .clock-checkbox.clock-4:checked ~ .clock {
+    background: conic-gradient(
+      var(--clock-gradient-filled) 180deg, var(--clock-gradient-filled) 180deg,
+      var(--clock-gradient-empty-start-odd) 180deg, var(--clock-gradient-empty-end-odd) 225deg,
+      var(--clock-gradient-empty-start-even) 225deg, var(--clock-gradient-empty-end-even) 270deg,
+      var(--clock-gradient-empty-start-odd) 270deg, var(--clock-gradient-empty-end-odd) 315deg,
+      var(--clock-gradient-empty-start-even) 315deg, var(--clock-gradient-empty-end-even) 360deg
+    );
+  }
+
+  .clock-container-8 .clock-checkbox.clock-5:checked ~ .clock {
+    background: conic-gradient(
+      var(--clock-gradient-filled) 225deg, var(--clock-gradient-filled) 225deg,
+      var(--clock-gradient-empty-start-even) 225deg, var(--clock-gradient-empty-end-even) 270deg,
+      var(--clock-gradient-empty-start-odd) 270deg, var(--clock-gradient-empty-end-odd) 315deg,
+      var(--clock-gradient-empty-start-even) 315deg, var(--clock-gradient-empty-end-even) 360deg
+    );
+  }
+
+  .clock-container-8 .clock-checkbox.clock-6:checked ~ .clock {
+    background: conic-gradient(
+      var(--clock-gradient-filled) 270deg, var(--clock-gradient-filled) 270deg,
+      var(--clock-gradient-empty-start-odd) 270deg, var(--clock-gradient-empty-end-odd) 315deg,
+      var(--clock-gradient-empty-start-even) 315deg, var(--clock-gradient-empty-end-even) 360deg
+    );
+  }
+
+  .clock-container-8 .clock-checkbox.clock-7:checked ~ .clock {
+    background: conic-gradient(
+      var(--clock-gradient-filled) 315deg, var(--clock-gradient-filled) 315deg,
+      var(--clock-gradient-empty-start-even) 315deg, var(--clock-gradient-empty-end-even) 360deg
+    );
+  }
+
+  .clock-container-8 .clock-checkbox.clock-8:checked ~ .clock {
+    background: conic-gradient(
+      var(--clock-gradient-filled) 360deg, var(--clock-gradient-filled) 360deg
+    );
+  }
diff --git a/velvet_generation/charactersheet.html b/velvet_generation/charactersheet.html
new file mode 100644
index 0000000000..d219b21434
--- /dev/null
+++ b/velvet_generation/charactersheet.html
@@ -0,0 +1,1917 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" href="charactersheet.css">
+  </head>
+  <body>
+    <div class="sheets-wrapper">
+      <input type="hidden" class="sheet-toggle" name="attr_sheet-type"  value="character"  />
+      <div class="header-section">
+        <div class="logo-cell">
+          <img src="https://raw.githubusercontent.com/richranallo/vg-charactersheet/main/img/logo.png"/>
+        </div>
+        <div class="sheet-type-cell">
+          <h2>
+            <select class="full" name="attr_sheet-type">
+              <option value="character" class="character-section-select" selected>Character</option>
+              <option value="band" class="band-section-select">Band</option>
+              <option value="revolution" class="revolution-section-select">Revolution</option>
+              <option value="npcs" class="revolution-section-select">NPCs</option>
+            </select>
+          </h2>
+        </div>
+      </div>
+      <div class="character-tab">
+        <div class="character-section">
+          <input type="hidden" class="descent-indicator" name="attr_descent"/>
+          <div class="names-cell">
+            <h2> Names & Pronouns </h2>
+              <textarea class="full name" name="attr_names" type="text"></textarea>
+          </div>
+          <div class="descent-cell">
+            <h2> Descent </h2>
+            <select class="full dropdown" name="attr_descent">
+              <option value=""></option>
+              <option value="earthling">Earthling</option>
+              <option value="starchild">Starchild</option>
+            </select>
+          </div>
+          <div class="roles-cell">
+            <h2> Roles </h2>
+            <fieldset class="repeating_roles">
+              <select class="full dropdown" name="attr_role1">
+                <option></option>
+                <option value="diva">Diva</option>
+                <option value="virtuoso">Virtuoso</option>
+                <option value="backbeat">Backbeat</option>
+                <option value="synth-wizard">Synth Wizard</option>
+                <option value="roadie">Roadie</option>
+                <option value="suit">Suit</option>
+                <option value="firebrand">Firebrand</option>
+                <option value="criminal">Criminal</option>
+                <option value="journalist">Journalist</option>
+                <option value="muscle">Muscle</option>
+              </select>
+            </fieldset>
+          </div>
+          <div class="fame-cell">
+            <h2>Fame</h2>
+            <div class="fame-line">
+              <div class="fame-check">
+                <input type="checkbox" class="bubble" name="attr_fameExpended" value="1"/>
+              </div>
+              <div class="fame-score">
+                <input type="number" name="attr_fameWidth" min="2" max="6" class="score" value="ceil(@{fameIndex}/5)+1" />
+                ☆
+                <input type="number" name="attr_fameheight" min="2" max="6" class="score" value="(@{fameIndex}-1)%5+2" />
+              </div>
+              <div class="clock-container-8">
+                <input
+                   type="radio"
+                   value="0"
+                   name="attr_fameCheck"
+                   class="clock-checkbox clock-0" checked/>
+                <input
+                   type="radio"
+                   value="1"
+                   name="attr_fameCheck"
+                   class="clock-checkbox clock-1 no-show"/>
+                <input
+                   type="radio"
+                   value="2"
+                   name="attr_fameCheck"
+                   class="clock-checkbox clock-2 no-show"/>
+                <input
+                   type="radio"
+                   value="3"
+                   name="attr_fameCheck"
+                   class="clock-checkbox clock-3 no-show"/>
+                <input
+                   type="radio"
+                   value="4"
+                   name="attr_fameCheck"
+                   class="clock-checkbox clock-4 no-show"/>
+                <input
+                   type="radio"
+                   value="5"
+                   name="attr_fameCheck"
+                   class="clock-checkbox clock-5 no-show"/>
+                <input
+                   type="radio"
+                   value="6"
+                   name="attr_fameCheck"
+                   class="clock-checkbox clock-6 no-show"/>
+                <input
+                   type="radio"
+                   value="7"
+                   name="attr_fameCheck"
+                   class="clock-checkbox clock-7 no-show"/>
+                <input
+                   type="radio"
+                   value="8"
+                   name="attr_fameCheck"
+                   class="clock-checkbox clock-8 no-show"/>
+                <div class="clock"></div>
+              </div>
+            </div>
+          </div>
+          <div class="action-score-cell">
+            <h2> Action Scores </h2>
+            <div class="action-grid">
+              <div class ="action-roller">
+                <input type="hidden" name="attr_selected_noun"/>
+                <input type="hidden" name="attr_selected_noun_value" value="1"/>
+                <input type="hidden" name="attr_selected_verb"/>
+                <input type="hidden" name="attr_selected_verb_value" value="1"/>
+                <input type="hidden" name="attr_roll_total" value="2" disabled="true"/>
+                <button type="roll" name="act_roll_scores" value="/roll [@{selected_verb} @{selected_noun}] @{roll_total}d6msa">
+                  Roll <span name="attr_roll_total" ></span>
+                </button>
+              </div>
+              <div class="organize music">
+                <input type="checkbox" name="attr_organize-music" value="1" class="bubble" />
+              </div>
+              <div class="organize violence">
+                <input type="checkbox" name="attr_organize-violence" value="1" class="bubble" />
+              </div>
+              <div class="organize tech">
+                <input type="checkbox" name="attr_organize-tech" value="1" class="bubble" />
+              </div>
+              <div class="organize authority">
+                <input type="checkbox" name="attr_organize-authority" value="1" class="bubble" />
+              </div>
+              <div class="organize minds">
+                <input type="checkbox" name="attr_organize-minds" value="1" checked="true" disabled="true" class="bubble" />
+              </div>
+              <div class="organize mojo">
+                <input type="checkbox" name="attr_organize-mojo" value="1" class="bubble" />
+              </div>
+
+              <div class="perform music">
+                <input type="checkbox" name="attr_perform-music" value="1" class="bubble" />
+              </div>
+              <div class="perform violence">
+                <input type="checkbox" name="attr_perform-violence" value="1" class="bubble" />
+              </div>
+              <div class="perform tech">
+                <input type="checkbox" name="attr_perform-tech" value="1" class="bubble" />
+              </div>
+              <div class="perform authority">
+                <input type="checkbox" name="attr_perform-authority" value="1" checked="true" disabled="true" class="bubble" />
+              </div>
+              <div class="perform minds">
+                <input type="checkbox" name="attr_perform-minds" value="1" class="bubble" />
+              </div>
+              <div class="perform mojo">
+                <input type="checkbox" name="attr_perform-mojo" value="1" class="bubble" />
+              </div>
+
+              <div class="pose music">
+                <input type="checkbox" name="attr_pose-music" value="1" class="bubble" />
+              </div>
+              <div class="pose violence">
+                <input type="checkbox" name="attr_pose-violence" value="1" class="bubble" />
+              </div>
+              <div class="pose tech">
+                <input type="checkbox" name="attr_pose-tech" value="1" checked="true" disabled="true" class="bubble" />
+              </div>
+              <div class="pose authority">
+                <input type="checkbox" name="attr_pose-authority" value="1" class="bubble" />
+              </div>
+              <div class="pose minds">
+                <input type="checkbox" name="attr_pose-minds" value="1" class="bubble" />
+              </div>
+              <div class="pose mojo">
+                <input type="checkbox" name="attr_pose-mojo" value="1" class="bubble" />
+              </div>
+
+              <div class="perceive music">
+                <input type="checkbox" name="attr_perceive-music" value="1" class="bubble" />
+              </div>
+              <div class="perceive violence">
+                <input type="checkbox" name="attr_perceive-violence" value="1" checked="true" disabled="true" class="bubble" />
+              </div>
+              <div class="perceive tech">
+                <input type="checkbox" name="attr_perceive-tech" value="1" class="bubble" />
+              </div>
+              <div class="perceive authority">
+                <input type="checkbox" name="attr_perceive-authority" value="1" class="bubble" />
+              </div>
+              <div class="perceive minds">
+                <input type="checkbox" name="attr_perceive-minds" value="1" class="bubble" />
+              </div>
+              <div class="perceive mojo">
+                <input type="checkbox" name="attr_perceive-mojo" value="1" class="bubble" />
+              </div>
+
+              <div class="evade music">
+                <input type="checkbox" name="attr_evade-music" value="1" checked="true" disabled="true" class="bubble" />
+              </div>
+              <div class="evade violence">
+                <input type="checkbox" name="attr_evade-violence" value="1" class="bubble" />
+              </div>
+              <div class="evade tech">
+                <input type="checkbox" name="attr_evade-tech" value="1" class="bubble" />
+              </div>
+              <div class="evade authority">
+                <input type="checkbox" name="attr_evade-authority" value="1" class="bubble" />
+              </div>
+              <div class="evade minds">
+                <input type="checkbox" name="attr_evade-minds" value="1" class="bubble" />
+              </div>
+              <div class="evade mojo">
+                <input type="checkbox" name="attr_evade-mojo" value="1" class="bubble" />
+              </div>
+
+              <div class="table-topline music">
+                <input type="hidden" class="score" name="attr_music" value="1"/>
+                <button type="action" name="act_selectMusic">Music<br/>
+                  <span name="attr_music"></span></button>
+              </div>
+              <div class="table-topline violence">
+                <input type="hidden" class="score" name="attr_violence" value="1"/>
+                <button type="action" name="act_selectViolence">Violence<br/>
+                  <span name="attr_violence"></span></button>
+              </div>
+              <div class="table-topline tech">
+                <input type="hidden" class="score" name="attr_tech" value="1"/>
+                <button type="action" name="act_selectTech">Tech<br/>
+                  <span name="attr_tech"></span></button>
+                <!-- <input type="number" name="attr_tech" class="score"  value="1"/> -->
+              </div>
+              <div class="table-topline authority">
+                <input type="hidden" class="score" name="attr_authority" value="1"/>
+                <button type="action" name="act_selectAuthority">Authority<br/>
+                  <span name="attr_authority"></span></button>
+                <!-- <input type="number" name="attr_authority" class="score"  value="1"/> -->
+              </div>
+              <div class="table-topline minds">
+                <input type="hidden" class="score" name="attr_minds" value="1"/>
+                <button type="action" name="act_selectMinds">Minds<br/>
+                  <span name="attr_minds"></span></button>
+                <!-- <input type="number" name="attr_minds" class="score"  value="1"/> -->
+              </div>
+              <div class="table-topline mojo">
+                <input type="hidden" class="score" name="attr_mojo" value="1"/>
+                <button type="action" name="act_selectMojo">Mojo<br/>
+                  <span name="attr_mojo"></span></button>
+                <!-- <input type="number" name="attr_mojo" class="score" value="1"/> -->
+              </div>
+              <div class="left-column organize">
+                <input type="hidden" class="score" name="attr_organize" value="1"/>
+                <p class="left-column"><button type="action" name="act_selectOrganize">Organize&nbsp;
+                  <span name="attr_organize"></span></button>
+                  <!-- <input type="number" name="attr_organize" class="score" value="1"/> --></p>
+              </div>
+              <div class="left-column perform">
+                <input type="hidden" class="score" name="attr_perform" value="1"/>
+                <p class="left-column"><button type="action" name="act_selectPerform">Perform&nbsp;
+                  <span name="attr_perform"></span></button>
+                <!-- <input type="number" name="attr_perform" class="score" value="1" /> --></p>
+              </div>
+              <div class="left-column pose">
+                <input type="hidden" class="score" name="attr_pose" value="1"/>
+                <p class="left-column"><button type="action" name="act_selectPose">Pose&nbsp;
+                  <span name="attr_pose"></span></button>
+                <!-- <input type="number" name="attr_pose" class="score" value="1" /> --></p>
+              </div>
+              <div class="left-column perceive">
+                <input type="hidden" class="score" name="attr_perceive" value="1"/>
+                <p class="left-column"><button type="action" name="act_selectPerceive">Perceive&nbsp;
+                  <span name="attr_perceive"></span></button>
+                <!-- <input type="number" name="attr_perceive" class="score" value="1" /> --></p>
+              </div>
+              <div class="left-column evade">
+                <input type="hidden" class="score" name="attr_evade" value="1"/>
+                <p class="left-column"><button type="action" name="act_selectEvade">Evade&nbsp;
+                  <span name="attr_evade"></span></button>
+                <!-- <input type="number" name="attr_evade" class="score" value="1" /> --></p>
+              </div>
+            </div>
+          </div>
+          <div class="genre-cell">
+            <h2> Genre/Rep </h2>
+            <textarea class="full" name="attr_genre" type="text"></textarea>
+          </div>
+          <div class="instruments-cell">
+            <h2> Instruments/Styles<span class="loops">/Loops</span> </h2>
+              <textarea class="full" name="attr_instrument" type="text"></textarea>
+          </div>
+          <div class="riffs-cell">
+            <h2> Riffs </h2>
+            <fieldset class="repeating_riffs">
+              <div class="riff-line">
+                <input class="full" name="attr_riff" type="text"/>
+              </div>          
+            </fieldset>
+          </div>
+          <div class="solos-cell">
+            <h2> Solos </h2>
+            <fieldset class="repeating_solos">
+              <div class="solo-line">
+                <div class="solo-spent">
+                <input type="checkbox" class="bubble" name="attr_soloSpent" value="1"/>
+                </div>
+                <div class="solo-name">
+                  <input name="attr_solo" class="full" type="text"/>
+                </div>
+              </div>
+            </fieldset>
+          </div>
+          <div class="relationships-cell">
+            <h2> Relationships </h2>
+            <fieldset class="repeating_relationships">
+              <div class="relationship-line">
+                <div class="relationship-spent">
+                  <input type="checkbox" name="attr_relationshipSpent" class="bubble" value="1"/>
+                </div>
+                <div class="relationship-target">
+                  <input type="text" class="full" name="attr_relationshipCharacter"/>
+                </div>
+                <div class="relationship-strength">
+                  <input type="number" min="2" max="6" name="attr_relationshipStrength" class="full"/>
+                </div>
+                <div class="relationship-type">
+                  <select name="attr_relationshipType" class="full">
+                    <option value=""></option>
+                    <option value="friendship">Friendship</option>
+                    <option value="love">Love</option>
+                    <option value="rivalry">Rivalry</option>
+                  </select>
+                </div>
+              </div>
+            </fieldset>
+          </div>
+          <div class="stress-violence-cell">
+            <h2>
+              Stress & Injury
+            </h2>
+            <div class="injury-limit">
+              <h3>
+                Injury Limit: <input type="number" class="score" name="attr_injuryLimitWidth" value="2" min="2" max="6">
+                ☆
+                <input type="number" class="score" name="attr_injuryLimitHeight" value="(@{violence}+1)" min="2" max="6" disabled="true">
+              </h3>
+            </div>
+            <div class="stress-violence-container">
+              <div class="stress-cell">
+                <div class="injury-container">
+                  <div class="injury-clock">
+                    <div class="clock-container-3">
+                      <input type="radio" value="0" name="attr_stress" class="clock-checkbox clock-checkbox clock-0" checked/>
+                      <input type="radio" value="2" name="attr_stress" class="clock-checkbox clock-checkbox clock-1 no-show"/>
+                      <input type="radio" value="4" name="attr_stress" class="clock-checkbox clock-checkbox clock-2 no-show"/>
+                      <input type="radio" value="6" name="attr_stress" class="clock-checkbox clock-checkbox clock-3 no-show"/>
+                      <div class="clock"></div>
+                    </div>
+                  </div>
+                  <div class="third-degree">
+                    Exhausted
+                  </div>
+                  <div class="injury-label">
+                    <h3>Stress</h3>
+                  </div>
+                </div>
+              </div>
+              <div class="rough-cell">
+                <div class="injury-container">
+                  <div class="injury-clock">
+                    <div class="clock-container-6">
+                      <input
+                         type="radio"
+                         value="0"
+                         name="attr_roughDamage"
+                         class="clock-checkbox clock-0" checked/>
+                      <input
+                         type="radio"
+                         value="1"
+                         name="attr_roughDamage"
+                         class="clock-checkbox clock-1 no-show"/>
+                      <input
+                         type="radio"
+                         value="2"
+                         name="attr_roughDamage"
+                         class="clock-checkbox clock-2 no-show"/>
+                      <input
+                         type="radio"
+                         value="3"
+                         name="attr_roughDamage"
+                         class="clock-checkbox clock-3 no-show"/>
+                      <input
+                         type="radio"
+                         value="4"
+                         name="attr_roughDamage"
+                         class="clock-checkbox clock-4 no-show"/>
+                      <input
+                         type="radio"
+                         value="5"
+                         name="attr_roughDamage"
+                         class="clock-checkbox clock-5 no-show"/>
+                      <input
+                         type="radio"
+                         value="6"
+                         name="attr_roughDamage"
+                         class="clock-checkbox clock-6 no-show"/>
+                      <div class="clock"></div>
+                    </div>
+                  </div>
+                  <div class="third-degree">
+                    Out
+                  </div>
+                  <div class="second-degree">
+                    Cowed
+                  </div>
+                  <div class="first-degree">
+                    Timid
+                  </div>
+                  <div class="injury-label">
+                    <h3>Rough</h3>
+                  </div>
+                </div>
+              </div>
+              <div class="bloody-cell">
+                <div class="injury-container">
+                  <div class="injury-clock">
+                    <div class="clock-container-6">
+                      <input
+                         type="radio"
+                         value="0"
+                         name="attr_bloodyDamage"
+                         class="clock-checkbox clock-0" checked/>
+                      <input
+                         type="radio"
+                         value="1"
+                         name="attr_bloodyDamage"
+                         class="clock-checkbox clock-1 no-show"/>
+                      <input
+                         type="radio"
+                         value="2"
+                         name="attr_bloodyDamage"
+                         class="clock-checkbox clock-2 no-show"/>
+                      <input
+                         type="radio"
+                         value="3"
+                         name="attr_bloodyDamage"
+                         class="clock-checkbox clock-3 no-show"/>
+                      <input
+                         type="radio"
+                         value="4"
+                         name="attr_bloodyDamage"
+                         class="clock-checkbox clock-4 no-show"/>
+                      <input
+                         type="radio"
+                         value="5"
+                         name="attr_bloodyDamage"
+                         class="clock-checkbox clock-5 no-show"/>
+                      <input
+                         type="radio"
+                         value="6"
+                         name="attr_bloodyDamage"
+                         class="clock-checkbox clock-6 no-show"/>
+                      <div class="clock"></div>
+                    </div>
+                  </div>
+                  <div class="third-degree">
+                    Out
+                  </div>
+                  <div class="second-degree">
+                    Cowed
+                  </div>
+                  <div class="first-degree">
+                    Timid
+                  </div>
+                  <div class="injury-label">
+                    <h3>Bloody</h3>
+                  </div>
+                </div>
+              </div>
+              <div class="deadly-cell">
+                <div class="injury-container">
+                  <div class="injury-clock">
+                    <div class="clock-container-6">
+                      <input
+                         type="radio"
+                         value="0"
+                         name="attr_deadlyDamage"
+                         class="clock-checkbox clock-0" checked/>
+                      <input
+                         type="radio"
+                         value="1"
+                         name="attr_deadlyDamage"
+                         class="clock-checkbox clock-1 no-show"/>
+                      <input
+                         type="radio"
+                         value="2"
+                         name="attr_deadlyDamage"
+                         class="clock-checkbox clock-2 no-show"/>
+                      <input
+                         type="radio"
+                         value="3"
+                         name="attr_deadlyDamage"
+                         class="clock-checkbox clock-3 no-show"/>
+                      <input
+                         type="radio"
+                         value="4"
+                         name="attr_deadlyDamage"
+                         class="clock-checkbox clock-4 no-show"/>
+                      <input
+                         type="radio"
+                         value="5"
+                         name="attr_deadlyDamage"
+                         class="clock-checkbox clock-5 no-show"/>
+                      <input
+                         type="radio"
+                         value="6"
+                         name="attr_deadlyDamage"
+                         class="clock-checkbox clock-6 no-show"/>
+                      <div class="clock"></div>
+                    </div>
+                  </div>
+                  <div class="third-degree">
+                    Out
+                  </div>
+                  <div class="second-degree">
+                    Cowed
+                  </div>
+                  <div class="first-degree">
+                    Timid
+                  </div>
+                  <div class="injury-label">
+                    <h3>Deadly</h3>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="notes-cell">
+            <h3>Notes</h3>
+            <textarea class="full">
+            </textarea>
+          </div>
+          <div class="gear-cell">
+            <h3>Gear</h3>
+            <textarea class="full">
+            </textarea>
+          </div>
+          <div class="mojo-cell">
+            <h2>Mojo</h2>
+            <input type="hidden" class="organize-mojo-indicator" name="attr_organize-mojo"/>
+            <input type="hidden" class="pose-mojo-indicator" name="attr_pose-mojo"/>
+            <input type="hidden" class="perform-mojo-indicator" name="attr_perform-mojo"/>
+            <input type="hidden" class="perceive-mojo-indicator" name="attr_perceive-mojo"/>
+            <input type="hidden" class="evade-mojo-indicator" name="attr_evade-mojo"/>
+            <div class="mojo-grid">
+              <fieldset class="repeating_riffs">
+                <input type="hidden" class="riff-indicator" name="attr_riff"/>
+
+                <div class="mojo-line mojo-block flex">
+                  <h3 class="flex">Flex</h3>
+                  <p class="mojo-talent organize">Starlight Makeover</p>
+                  <p class="mojo-talent perform">Something Totally New</p>
+                  <p class="mojo-talent pose">Face the Strange</p>
+                  <p class="mojo-talent evade">Bounce Back</p>
+                  <p class="mojo-talent perceive">Feel Yourself</p>
+                </div>
+                <div class="mojo-line mojo-block sparkle">
+                  <h3 class="sparkle">Sparkle</h3>
+                    <p class="mojo-talent organize">Quite Out of Sight</p>
+                    <p class="mojo-talent perform">Diamondstar Halo</p>
+                    <p class="mojo-talent pose">Hologram</p>
+                    <p class="mojo-talent evade">Fade to Black</p>
+                    <p class="mojo-talent perceive">TV Eye</p>
+                </div>
+                <div class="mojo-line mojo-block vibe">
+                  <h3 class="vibe">Vibe</h3>
+                  <p class="mojo-talent organize">Mothership Connection</p>
+                  <p class="mojo-talent perform">Six-String Heart</p>
+                  <p class="mojo-talent pose">Midnight Radio</p>
+                  <p class="mojo-talent evade">Forget Your Mind</p>
+                  <p class="mojo-talent perceive">Condition of the Heart</p>
+                </div>         
+              </fieldset>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="band-tab">
+        <div class="band-section">
+          <div class="band-name">
+            <h2>Name</h2>
+            <input class="full name" name="attr_name" type="text"/>
+          </div>
+          <div class="band-genre">
+            <h2>Genre</h2>
+            <textarea class="full" name="attr_genre" type="text"></textarea>
+          </div>
+          <div class="band-fame">
+            <h2>Fame</h2>
+            <div class="band-fame-line">
+              <div class="fame-score">
+                <input type="number" name="attr_bandFameWidth" min="2" max="6" class="score" value="ceil(@{fameIndex}/5)+1" />
+                ☆
+                <input type="number" name="attr_bandFameHeight" min="2" max="6" class="score" value="(@{fameIndex}-1)%5+2" />
+              </div>
+              <div class="clock-container-8">
+                <input
+                   type="radio"
+                   value="0"
+                   name="attr_bandFameCheck"
+                   class="clock-checkbox clock-0" checked/>
+                <input
+                   type="radio"
+                   value="1"
+                   name="attr_bandFameCheck"
+                   class="clock-checkbox clock-1 no-show"/>
+                <input
+                   type="radio"
+                   value="2"
+                   name="attr_bandFameCheck"
+                   class="clock-checkbox clock-2 no-show"/>
+                <input
+                   type="radio"
+                   value="3"
+                   name="attr_bandFameCheck"
+                   class="clock-checkbox clock-3 no-show"/>
+                <input
+                   type="radio"
+                   value="4"
+                   name="attr_bandFameCheck"
+                   class="clock-checkbox clock-4 no-show"/>
+                <input
+                   type="radio"
+                   value="5"
+                   name="attr_bandFameCheck"
+                   class="clock-checkbox clock-5 no-show"/>
+                <input
+                   type="radio"
+                   value="6"
+                   name="attr_bandFameCheck"
+                   class="clock-checkbox clock-6 no-show"/>
+                <input
+                   type="radio"
+                   value="7"
+                   name="attr_bandFameCheck"
+                   class="clock-checkbox clock-7 no-show"/>
+                <input
+                   type="radio"
+                   value="8"
+                   name="attr_bandFameCheck"
+                   class="clock-checkbox clock-8 no-show"/>
+                <div class="clock"></div>
+              </div>
+            </div>
+          </div>
+          <div class="band-heat">
+            <h2>Heat</h2>
+            <div class="band-fame-line">
+              <div class="fame-score">
+                <input type="number" name="attr_heatWidth" min="2" max="6" class="score" />
+                ☆
+                <input type="number" name="attr_heatHeight" min="2" max="6" class="score" />
+              </div>
+              <div class="clock-container-8">
+                <input
+                   type="radio"
+                   value="0"
+                   name="attr_heatCheck"
+                   class="clock-checkbox clock-0" checked/>
+                <input
+                   type="radio"
+                   value="1"
+                   name="attr_heatCheck"
+                   class="clock-checkbox clock-1 no-show"/>
+                <input
+                   type="radio"
+                   value="2"
+                   name="attr_heatCheck"
+                   class="clock-checkbox clock-2 no-show"/>
+                <input
+                   type="radio"
+                   value="3"
+                   name="attr_heatCheck"
+                   class="clock-checkbox clock-3 no-show"/>
+                <input
+                   type="radio"
+                   value="4"
+                   name="attr_heatCheck"
+                   class="clock-checkbox clock-4 no-show"/>
+                <input
+                   type="radio"
+                   value="5"
+                   name="attr_heatCheck"
+                   class="clock-checkbox clock-5 no-show"/>
+                <input
+                   type="radio"
+                   value="6"
+                   name="attr_heatCheck"
+                   class="clock-checkbox clock-6 no-show"/>
+                <input
+                   type="radio"
+                   value="7"
+                   name="attr_heatCheck"
+                   class="clock-checkbox clock-7 no-show"/>
+                <input
+                   type="radio"
+                   value="8"
+                   name="attr_heatCheck"
+                   class="clock-checkbox clock-8 no-show"/>
+                <div class="clock"></div>
+              </div>
+            </div>
+          </div>
+          <div class="band-scene">
+            <h2>Scene</h2>
+            <div class="band-scene-container">
+              <p class="title fame">
+                Fame
+              </p>
+              <p class="title level">
+                Level
+              </p>
+              <p class="title scene">
+                Scene
+              </p>
+              <input type="hidden" class="fame-width-indicator" name="attr_bandFameWidth">
+              <p class="dims fame">2☆2</p>
+              <p class="city fame">3☆2</p>
+              <p class="region fame">4☆2</p>
+              <p class="nation fame">5☆2</p>
+              <p class="global fame">6☆2</p>
+
+              <p class="dims level">Dims</p>
+              <p class="city level">City</p>
+              <p class="region level">Region</p>
+              <p class="nation level">Nation</p>
+              <p class="global level">Global</p>
+
+              <input type="text" name="attr_dimsSceneLevel" class="dims scene"/>
+              <input type="text" name="attr_citySceneLevel" class="city scene"/>
+              <input type="text" name="attr_regionSceneLevel" class="region scene"/>
+              <input type="text" name="attr_nationSceneLevel" class="nation scene"/>
+            </div>
+          </div>
+          <div class="band-faction-status">
+            <h2>Faction Status</h2>
+            <div class="faction-status-container">
+              <div class="velvet">
+                <h3>Velvet</h3>
+              </div>
+              <div class="cobalt">
+                <h3>Cobalt Army</h3>
+              </div>
+              <div class="velvet5">
+                Legend
+              </div>
+              <div class="velvet4">
+                Handler
+              </div>
+              <div class="velvet3">
+                Recruiter
+              </div>
+              <div class="velvet2">
+                Cell Leader
+              </div>
+              <div class="velvet1">
+                Recruit
+              </div>
+              <div class="cobalt5">
+                Ungovernable
+              </div>
+              <div class="cobalt4">
+                Provocateur
+              </div>
+              <div class="cobalt3">
+                Known Threat
+              </div>
+              <div class="cobalt2">
+                Cell Leader
+              </div>
+              <div class="cobalt1">
+                Recruit
+              </div>
+              <input class="velvet-status bubble velvetcheck5" type="checkbox" name="attr_velvetStatus" value="5">
+              <input class="velvet-status bubble velvetcheck4" type="checkbox" name="attr_velvetStatus" value="4">
+              <input class="velvet-status bubble velvetcheck3" type="checkbox" name="attr_velvetStatus" value="3">
+              <input class="velvet-status bubble velvetcheck2" type="checkbox" name="attr_velvetStatus" value="2">
+              <input class="velvet-status bubble velvetcheck1" type="checkbox" name="attr_velvetStatus" value="1">
+              <input class="cobalt-status bubble cobaltcheck5" type="checkbox" name="attr_cobaltStatus" value="5">
+              <input class="cobalt-status bubble cobaltcheck4" type="checkbox" name="attr_cobaltStatus" value="4">
+              <input class="cobalt-status bubble cobaltcheck3" type="checkbox" name="attr_cobaltStatus" value="3">
+              <input class="cobalt-status bubble cobaltcheck2" type="checkbox" name="attr_cobaltStatus" value="2">
+              <input class="cobalt-status bubble cobaltcheck1" type="checkbox" name="attr_cobaltStatus" value="1">
+            </div>
+          </div>
+          <div class="band-sister-cells">
+            <h2>Sister Cells</h2>
+            <fieldset class="repeating_sister-cells">
+              <input class="full" name="attr_sisterCell" type="text"/>
+            </fieldset>
+          </div>
+          <div class="band-connections">
+            <h2>Connections</h2>
+            <fieldset class="repeating_connections">
+              <input class="full" name="attr_connection" type="text"/>
+            </fieldset>
+          </div>
+          <div class="band-assets">
+            <h2>Assets</h2>
+            <div class="asset-container">
+              <fieldset class="repeating_assets">
+              <input type="hidden" class="active-asset" name="attr_asset-type"/> 
+                <h3>
+                  <select class="asset-selector full" name="attr_asset-type">
+                    <option value=""></option>
+                    <option value="vehicle">Vehicle</option>
+                    <option value="musicSpace">Music Space</option>
+                    <option value="hideout">Hideout</option>
+                    <option value="crimeLab">Crime Lab</option>
+                    <option value="community">Community</option>
+                    <option value="network">Network</option>
+                  </select>
+                </h3>
+                <div class="vehicle-options">
+                  <label>
+                    <input class="bubble" type="checkbox" value="fast"/>
+                    Fast
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="subtle"/>
+                    Subtle
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="maneuverable"/>
+                    Maneuverable
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="smugglerWagon"/>
+                    Smuggler Wagon
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="durable"/>
+                    Durable
+                  </label>
+                </div>
+                <div class="music-space-options">
+                  <label>
+                    <input class="bubble" type="checkbox" value="venue"/>
+                    Venue
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="recordingStudio"/>
+                    Recording Studio
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="infamous"/>
+                    Infamous
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="stagingLocation"/>
+                    Staging Location
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="big"/>
+                    Big
+                  </label>
+                </div>
+                <div class="hideout-options">
+                  <label>
+                    <input class="bubble" type="checkbox" value="luxury"/>
+                    Luxury
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="medicalBay"/>
+                    Medical Bay
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="library"/>
+                    Library
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="safeHarbor"/>
+                    Safe Harbor
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="workshop"/>
+                    Workshop
+                  </label>
+                </div>
+                <div class="crime-lab-options">
+                  <label>
+                    <input class="bubble" type="checkbox" value="pharmaLab"/>
+                    Pharma Lab
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="armory"/>
+                    Armory
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="ids"/>
+                    IDs
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="electronics"/>
+                    Electronics
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="distributedSystems"/>
+                    Distributed Systems
+                  </label>
+                </div>
+                <div class="community-options">
+                  <label>
+                    <input class="bubble" type="checkbox" value="lostInACrowd"/>
+                    Lost in a Crowd
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="heavies"/>
+                    Heavies
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="minions"/>
+                    Minions
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="loyal"/>
+                    Loyal
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="tightKnit"/>
+                    Tight Knit
+                  </label>
+                </div>
+                <div class="network-options">
+                  <label>
+                    <input class="bubble" type="checkbox" value="anonymous"/>
+                    Anonymous
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="fileshare"/>
+                    Fileshare
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="advanceWarning"/>
+                    Advance Warning
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="openComms"/>
+                    Open Comms
+                  </label>
+                  <label>
+                    <input class="bubble" type="checkbox" value="looseLips"/>
+                    Loose Lips
+                  </label>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+          <div class="band-discography">
+            <h2>Discography</h2>
+              <div class="song-container">
+                <fieldset class="repeating_songs">
+                    <h3>Title</h3>
+                    <input type="text" class="full" name="attr_songTitle"/>
+                    <h3>Genre</h3>
+                    <input type="text" class="full" name="attr_songGenre"/>
+                    <h3>Leads</h3>
+                    <textarea type="text" class="full" name="attr_songLeads"></textarea>
+                    <h3>Backups</h3>
+                    <textarea type="text" class="full" name="attr_songBackups"></textarea>
+                </fieldset>
+              </div>            
+          </div>
+        </div>
+      </div>
+      <div class="revolution-tab">
+        <div class="revolution-section">
+          <div class="revolution-strategies">
+            <div class="band-name">
+              <h2>Band Name</h2>
+              <input class="full" type="text" name="attr_name" readonly />
+            </div>
+            <div>
+              <h2 class="band-heat">Heat: <span name="attr_heatWidth"></span>☆<span name="attr_heatHeight"></span></h2>
+            </div>
+            <div class="strategies-title">
+              <h2>Ministry Strategies & Tactics</h2>
+            </div>
+            <div class="alienation title">
+              <div class="centerer">
+                <div class="clock-container-8">    
+                  <input
+                     type="radio"
+                     value="0"
+                     name="attr_alienationCheck"
+                     class="clock-checkbox clock-0" checked/>
+                  <input
+                     type="radio"
+                     value="1"
+                     name="attr_alienationCheck"
+                     class="clock-checkbox clock-1 no-show"/>
+                  <input
+                     type="radio"
+                     value="2"
+                     name="attr_alienationCheck"
+                     class="clock-checkbox clock-2 no-show"/>
+                  <input
+                     type="radio"
+                     value="3"
+                     name="attr_alienationCheck"
+                     class="clock-checkbox clock-3 no-show"/>
+                  <input
+                     type="radio"
+                     value="4"
+                     name="attr_alienationCheck"
+                     class="clock-checkbox clock-4 no-show"/>
+                  <input
+                     type="radio"
+                     value="5"
+                     name="attr_alienationCheck"
+                     class="clock-checkbox clock-5 no-show"/>
+                  <input
+                     type="radio"
+                     value="6"
+                     name="attr_alienationCheck"
+                     class="clock-checkbox clock-6 no-show"/>
+                  <input
+                     type="radio"
+                     value="7"
+                     name="attr_alienationCheck"
+                     class="clock-checkbox clock-7 no-show"/>
+                  <input
+                     type="radio"
+                     value="8"
+                     name="attr_alienationCheck"
+                     class="clock-checkbox clock-8 no-show"/>
+                  <div class="clock"></div>
+                </div>
+              </div>
+              <h3>Alienation</h3>
+            </div>
+            <div class="propaganda title">
+              <div class="centerer">
+                <div class="clock-container-8">
+                  <input
+                     type="radio"
+                     value="0"
+                     name="attr_propagandaCheck"
+                     class="clock-checkbox clock-0" checked/>
+                  <input
+                     type="radio"
+                     value="1"
+                     name="attr_propagandaCheck"
+                     class="clock-checkbox clock-1 no-show"/>
+                  <input
+                     type="radio"
+                     value="2"
+                     name="attr_propagandaCheck"
+                     class="clock-checkbox clock-2 no-show"/>
+                  <input
+                     type="radio"
+                     value="3"
+                     name="attr_propagandaCheck"
+                     class="clock-checkbox clock-3 no-show"/>
+                  <input
+                     type="radio"
+                     value="4"
+                     name="attr_propagandaCheck"
+                     class="clock-checkbox clock-4 no-show"/>
+                  <input
+                     type="radio"
+                     value="5"
+                     name="attr_propagandaCheck"
+                     class="clock-checkbox clock-5 no-show"/>
+                  <input
+                     type="radio"
+                     value="6"
+                     name="attr_propagandaCheck"
+                     class="clock-checkbox clock-6 no-show"/>
+                  <input
+                     type="radio"
+                     value="7"
+                     name="attr_propagandaCheck"
+                     class="clock-checkbox clock-7 no-show"/>
+                  <input
+                     type="radio"
+                     value="8"
+                     name="attr_propagandaCheck"
+                     class="clock-checkbox clock-8 no-show"/>
+                  <div class="clock"></div>
+                </div>
+              </div>
+              <h3>Propaganda</h3>
+            </div>
+            <div class="surveillance title">
+              <div class="centerer">
+                <div class="clock-container-8">
+                  <input
+                     type="radio"
+                     value="0"
+                     name="attr_surveillanceCheck"
+                     class="clock-checkbox clock-0" checked/>
+                  <input
+                     type="radio"
+                     value="1"
+                     name="attr_surveillanceCheck"
+                     class="clock-checkbox clock-1 no-show"/>
+                  <input
+                     type="radio"
+                     value="2"
+                     name="attr_surveillanceCheck"
+                     class="clock-checkbox clock-2 no-show"/>
+                  <input
+                     type="radio"
+                     value="3"
+                     name="attr_surveillanceCheck"
+                     class="clock-checkbox clock-3 no-show"/>
+                  <input
+                     type="radio"
+                     value="4"
+                     name="attr_surveillanceCheck"
+                     class="clock-checkbox clock-4 no-show"/>
+                  <input
+                     type="radio"
+                     value="5"
+                     name="attr_surveillanceCheck"
+                     class="clock-checkbox clock-5 no-show"/>
+                  <input
+                     type="radio"
+                     value="6"
+                     name="attr_surveillanceCheck"
+                     class="clock-checkbox clock-6 no-show"/>
+                  <input
+                     type="radio"
+                     value="7"
+                     name="attr_surveillanceCheck"
+                     class="clock-checkbox clock-7 no-show"/>
+                  <input
+                     type="radio"
+                     value="8"
+                     name="attr_surveillanceCheck"
+                     class="clock-checkbox clock-8 no-show"/>
+                  <div class="clock"></div>
+                </div>
+              </div>
+              <h3>Surveillance</h3>
+            </div>
+            <div class="subversion title">
+              <div class="centerer">
+                <div class="clock-container-8">
+                  <input
+                     type="radio"
+                     value="0"
+                     name="attr_subversionCheck"
+                     class="clock-checkbox clock-0" checked/>
+                  <input
+                     type="radio"
+                     value="1"
+                     name="attr_subversionCheck"
+                     class="clock-checkbox clock-1 no-show"/>
+                  <input
+                     type="radio"
+                     value="2"
+                     name="attr_subversionCheck"
+                     class="clock-checkbox clock-2 no-show"/>
+                  <input
+                     type="radio"
+                     value="3"
+                     name="attr_subversionCheck"
+                     class="clock-checkbox clock-3 no-show"/>
+                  <input
+                     type="radio"
+                     value="4"
+                     name="attr_subversionCheck"
+                     class="clock-checkbox clock-4 no-show"/>
+                  <input
+                     type="radio"
+                     value="5"
+                     name="attr_subversionCheck"
+                     class="clock-checkbox clock-5 no-show"/>
+                  <input
+                     type="radio"
+                     value="6"
+                     name="attr_subversionCheck"
+                     class="clock-checkbox clock-6 no-show"/>
+                  <input
+                     type="radio"
+                     value="7"
+                     name="attr_subversionCheck"
+                     class="clock-checkbox clock-7 no-show"/>
+                  <input
+                     type="radio"
+                     value="8"
+                     name="attr_subversionCheck"
+                     class="clock-checkbox clock-8 no-show"/>
+                  <div class="clock"></div>
+                </div>
+              </div>
+              <h3>Subversion</h3>
+            </div>
+            <div class="violence title">
+              <div class="centerer">
+                <div class="clock-container-8">
+                  <input
+                     type="radio"
+                     value="0"
+                     name="attr_violenceCheck"
+                     class="clock-checkbox clock-0" checked/>
+                  <input
+                     type="radio"
+                     value="1"
+                     name="attr_violenceCheck"
+                     class="clock-checkbox clock-1 no-show"/>
+                  <input
+                     type="radio"
+                     value="2"
+                     name="attr_violenceCheck"
+                     class="clock-checkbox clock-2 no-show"/>
+                  <input
+                     type="radio"
+                     value="3"
+                     name="attr_violenceCheck"
+                     class="clock-checkbox clock-3 no-show"/>
+                  <input
+                     type="radio"
+                     value="4"
+                     name="attr_violenceCheck"
+                     class="clock-checkbox clock-4 no-show"/>
+                  <input
+                     type="radio"
+                     value="5"
+                     name="attr_violenceCheck"
+                     class="clock-checkbox clock-5 no-show"/>
+                  <input
+                     type="radio"
+                     value="6"
+                     name="attr_violenceCheck"
+                     class="clock-checkbox clock-6 no-show"/>
+                  <input
+                     type="radio"
+                     value="7"
+                     name="attr_violenceCheck"
+                     class="clock-checkbox clock-7 no-show"/>
+                  <input
+                     type="radio"
+                     value="8"
+                     name="attr_violenceCheck"
+                     class="clock-checkbox clock-8 no-show"/>
+                  <div class="clock"></div>
+                </div>
+              </div>
+              <h3>Violence</h3>
+            </div>
+
+            <div class="alienation width2">
+              <input type="checkbox" class="bubble" name="attr_alienation2Check"/>
+              <h4>Social Ostracism</h4>
+              <p>2☆2</p>
+            </div>
+            <div class="alienation width3">
+              <input type="checkbox" class="bubble" name="attr_alienation3Check"/>
+              <h4>Denial of Services</h4>
+              <p>3☆2</p>
+            </div>
+            <div class="alienation width4">
+              <input type="checkbox" class="bubble" name="attr_alienation4Check"/>
+              <h4>Community Retribution</h4>
+              <p>4☆2</p>
+            </div>
+            <div class="alienation width5">
+              <input type="checkbox" class="bubble" name="attr_alienation5Check"/>
+              <h4>Ministry's Most Wanted</h4>
+              <p>5☆2</p>
+            </div>
+            <div class="alienation width6">
+              <input type="checkbox" class="bubble" name="attr_alienation6Check"/>
+              <h4>Formal Sanction</h4>
+              <p>6☆2</p>
+            </div>
+
+            <div class="propaganda width2">
+              <input type="checkbox" class="bubble" name="attr_propaganda2Check"/>
+              <h4>Rumor Mill</h4>
+              <p>2☆2</p>
+            </div>
+            <div class="propaganda width3">
+              <input type="checkbox" class="bubble" name="attr_propaganda3Check"/>
+              <h4>Victim Complex</h4>
+              <p>3☆2</p>
+            </div>
+            <div class="propaganda width4">
+              <input type="checkbox" class="bubble" name="attr_propaganda4Check"/>
+              <h4>False Flag</h4>
+              <p>4☆2</p>
+            </div>
+            <div class="propaganda width5">
+              <input type="checkbox" class="bubble" name="attr_propaganda5Check"/>
+              <h4>Fallen World</h4>
+              <p>5☆2</p>
+            </div>
+            <div class="propaganda width6">
+              <input type="checkbox" class="bubble" name="attr_propaganda6Check"/>
+              <h4>Alien Disclosure</h4>
+              <p>6☆2</p>
+            </div>
+
+            <div class="surveillance width2">
+              <input type="checkbox" class="bubble" name="attr_surveillance2Check"/>
+              <h4>Nosy Neighbors</h4>
+              <p>2☆2</p>
+            </div>
+            <div class="surveillance width3">
+              <input type="checkbox" class="bubble" name="attr_surveillance3Check"/>
+              <h4>Stakeout</h4>
+              <p>3☆2</p>
+            </div>
+            <div class="surveillance width4">
+              <input type="checkbox" class="bubble" name="attr_surveillance4Check"/>
+              <h4>Wired</h4>
+              <p>4☆2</p>
+            </div>
+            <div class="surveillance width5">
+              <input type="checkbox" class="bubble" name="attr_surveillance5Check"/>
+              <h4>The Right Profile</h4>
+              <p>5☆2</p>
+            </div>
+            <div class="surveillance width6">
+              <input type="checkbox" class="bubble" name="attr_surveillance6Check"/>
+              <h4>Panopticon</h4>
+              <p>6☆2</p>
+            </div>
+
+            <div class="subversion width2">
+              <input type="checkbox" class="bubble" name="attr_subversion2Check"/>
+              <h4>Neighborhood Asset</h4>
+              <p>2☆2</p>
+            </div>
+            <div class="subversion width3">
+              <input type="checkbox" class="bubble" name="attr_subversion3Check"/>
+              <h4>Scenester Mole</h4>
+              <p>3☆2</p>
+            </div>
+            <div class="subversion width4">
+              <input type="checkbox" class="bubble" name="attr_subversion4Check"/>
+              <h4>Blackmail</h4>
+              <p>4☆2</p>
+            </div>
+            <div class="subversion width5">
+              <input type="checkbox" class="bubble" name="attr_subversion5Check"/>
+              <h4>The Subliminal Seducer</h4>
+              <p>5☆2</p>
+            </div>
+            <div class="subversion width6">
+              <input type="checkbox" class="bubble" name="attr_subversion6Check"/>
+              <h4>Emulation</h4>
+              <p>6☆2</p>
+            </div>
+
+            <div class="violence width2">
+              <input type="checkbox" class="bubble" name="attr_violence2Check"/>
+              <h4>Neighborhood Threat</h4>
+              <p>2☆2</p>
+            </div>
+            <div class="violence width3">
+              <input type="checkbox" class="bubble" name="attr_violence3Check"/>
+              <h4>Police on My Back</h4>
+              <p>3☆2</p>
+            </div>
+            <div class="violence width4">
+              <input type="checkbox" class="bubble" name="attr_violence4Check"/>
+              <h4>Ministry Raid</h4>
+              <p>4☆2</p>
+            </div>
+            <div class="violence width5">
+              <input type="checkbox" class="bubble" name="attr_violence5Check"/>
+              <h4>Assassination Attempt</h4>
+              <p>5☆2</p>
+            </div>
+            <div class="violence width6">
+              <input type="checkbox" class="bubble" name="attr_violence6Check"/>
+              <h4>Space Force</h4>
+              <p>6☆2</p>
+            </div>
+
+            <div class="praxis-title">
+              <h2>Praxis</h2>
+            </div>
+            <div class="alienation velvet">
+              <input type="checkbox" class="bubble" name="attr_subsistenceCheck"/>
+              <h4>Subsistence</h4>
+            </div>          
+            <div class="alienation cobalt-army">
+              <input type="checkbox" class="bubble" name="attr_heistCheck"/>
+              <h4>Heist</h4>
+            </div>          
+            <div class="propaganda velvet">
+              <input type="checkbox" class="bubble" name="attr_spectacleCheck"/>
+              <h4>Spectacle</h4>
+            </div>          
+            <div class="propaganda cobalt-army">
+              <input type="checkbox" class="bubble" name="attr_disruptionCheck"/>
+              <h4>Disruption</h4>
+            </div>          
+            <div class="surveillance velvet">
+              <input type="checkbox" class="bubble" name="attr_disinformationCheck"/>
+              <h4>Disinformation</h4>
+            </div>          
+            <div class="surveillance cobalt-army">
+              <input type="checkbox" class="bubble" name="attr_sabotageCheck"/>
+              <h4>Sabotage</h4>
+            </div>          
+            <div class="subversion velvet">
+              <input type="checkbox" class="bubble" name="attr_solidarityCheck"/>
+              <h4>Solidarity</h4>
+            </div>          
+            <div class="subversion cobalt-army">
+              <input type="checkbox" class="bubble" name="attr_disciplineCheck"/>
+              <h4>Discipline</h4>
+            </div>          
+            <div class="violence velvet">
+              <input type="checkbox" class="bubble" name="attr_samizdatCheck"/>
+              <h4>Samizdat</h4>
+            </div>          
+            <div class="violence cobalt-army">
+              <input type="checkbox" class="bubble" name="attr_revolutionaryViolenceCheck"/>
+              <h4>Revolutionary Violence</h4>
+            </div>          
+          </div>
+        </div>
+      </div>
+      <div class="npc-tab">
+        <h2>NPCs</h2>
+        <div class="dogsheet">
+          <fieldset class="repeating_npcs">
+            <div class="npc-container">
+              <div class="npc-name">
+                <h3>Name<br/>
+                  <input type="text" name="attr_npcName" class="full"/>
+                </h3>
+              </div>
+              <div class="npc-action-scores">
+                <label>
+                  Music<br/>
+                  <input type="number" min="0" max="6" class="score" name="attr_npcMusic">
+                  <input type="hidden" class="npc-score" name="attr_npcMusic">
+                  <input name="attr_npcMusicUsed1" class="bubble npc-check value123456" type="checkbox"/>
+                  <input name="attr_npcMusicUsed2" class="bubble npc-check value23456" type="checkbox"/>
+                  <input name="attr_npcMusicUsed3" class="bubble npc-check value3456" type="checkbox"/>
+                  <input name="attr_npcMusicUsed4" class="bubble npc-check value456" type="checkbox"/>
+                  <input name="attr_npcMusicUsed5" class="bubble npc-check value56" type="checkbox"/>
+                  <input name="attr_npcMusicUsed6" class="bubble npc-check value6" type="checkbox"/>
+                </label>
+                <label>
+                  Violence<br/>
+                  <input type="number" min="0" max="6" class="score" name="attr_npcViolence">
+                  <input type="hidden" class="npc-score" name="attr_npcViolence">
+                  <input name="attr_npcViolenceUsed1" class="bubble npc-check value123456" type="checkbox"/>
+                  <input name="attr_npcViolenceUsed2" class="bubble npc-check value23456" type="checkbox"/>
+                  <input name="attr_npcViolenceUsed3" class="bubble npc-check value3456" type="checkbox"/>
+                  <input name="attr_npcViolenceUsed4" class="bubble npc-check value456" type="checkbox"/>
+                  <input name="attr_npcViolenceUsed5" class="bubble npc-check value56" type="checkbox"/>
+                  <input name="attr_npcViolenceUsed6" class="bubble npc-check value6" type="checkbox"/>
+                </label>
+                <label>
+                  Tech<br/>
+                  <input type="number" min="0" max="6" class="score npc-score" name="attr_npcTech">
+                  <input type="hidden" class="npc-score" name="attr_npcTech">
+                  <input name="attr_npcTechUsed1" class="bubble npc-check value123456" type="checkbox"/>
+                  <input name="attr_npcTechUsed2" class="bubble npc-check value23456" type="checkbox"/>
+                  <input name="attr_npcTechUsed3" class="bubble npc-check value3456" type="checkbox"/>
+                  <input name="attr_npcTechUsed4" class="bubble npc-check value456" type="checkbox"/>
+                  <input name="attr_npcTechUsed5" class="bubble npc-check value56" type="checkbox"/>
+                  <input name="attr_npcTechUsed6" class="bubble npc-check value6" type="checkbox"/>
+                </label>
+                <label>
+                  Authority<br/>
+                  <input type="number" min="0" max="6" class="score npc-score" name="attr_npcAuthority">
+                  <input type="hidden" class="npc-score" name="attr_npcAuthority">
+                  <input name="attr_npcAuthorityUsed1" class="bubble npc-check value123456" type="checkbox"/>
+                  <input name="attr_npcAuthorityUsed2" class="bubble npc-check value23456" type="checkbox"/>
+                  <input name="attr_npcAuthorityUsed3" class="bubble npc-check value3456" type="checkbox"/>
+                  <input name="attr_npcAuthorityUsed4" class="bubble npc-check value456" type="checkbox"/>
+                  <input name="attr_npcAuthorityUsed5" class="bubble npc-check value56" type="checkbox"/>
+                  <input name="attr_npcAuthorityUsed6" class="bubble npc-check value6" type="checkbox"/>
+                </label>
+                <label>
+                  Minds<br/>
+                  <input type="number" min="0" max="6" class="score npc-score" name="attr_npcMinds">
+                  <input type="hidden" class="npc-score" name="attr_npcMinds">
+                  <input name="attr_npcMindsUsed1" class="bubble npc-check value123456" type="checkbox"/>
+                  <input name="attr_npcMindsUsed2" class="bubble npc-check value23456" type="checkbox"/>
+                  <input name="attr_npcMindsUsed3" class="bubble npc-check value3456" type="checkbox"/>
+                  <input name="attr_npcMindsUsed4" class="bubble npc-check value456" type="checkbox"/>
+                  <input name="attr_npcMindsUsed5" class="bubble npc-check value56" type="checkbox"/>
+                  <input name="attr_npcMindsUsed6" class="bubble npc-check value6" type="checkbox"/>
+                </label>
+                <label>
+                  Mojo<br/>
+                  <input type="number" min="0" max="6" class="score npc-score" name="attr_npcMojo">
+                  <input type="hidden" class="npc-score" name="attr_npcMojo">
+                  <input name="attr_npcMojoUsed1" class="bubble npc-check value123456" type="checkbox"/>
+                  <input name="attr_npcMojoUsed2" class="bubble npc-check value23456" type="checkbox"/>
+                  <input name="attr_npcMojoUsed3" class="bubble npc-check value3456" type="checkbox"/>
+                  <input name="attr_npcMojoUsed4" class="bubble npc-check value456" type="checkbox"/>
+                  <input name="attr_npcMojoUsed5" class="bubble npc-check value56" type="checkbox"/>
+                  <input name="attr_npcMojoUsed6" class="bubble npc-check value6" type="checkbox"/>
+                </label>
+              </div>
+              <div class="npc-secondary-stats">
+                <div class="score-block">
+                  <label>
+                    Threat<br/>
+                    <input type="number" min="0" max="6" name="attr_npcThreat">
+                  </label>
+                </div>
+                <div class="score-block">
+                  <label>
+                    Leadership<br/>
+                    <input type="number" min="0" max="6" name="attr_npcLeadership">
+                  </label>
+                </div>
+              </div>
+              <div class="npc-injury">
+                <div class="injury-container">
+                  <div class="injury-clock">
+                    <div class="clock-container-6">
+                      <input
+                         type="radio"
+                         value="0"
+                         name="attr_npcRoughDamage"
+                         class="clock-checkbox clock-0" checked/>
+                      <input
+                         type="radio"
+                         value="1"
+                         name="attr_npcRoughDamage"
+                         class="clock-checkbox clock-1 no-show"/>
+                      <input
+                         type="radio"
+                         value="2"
+                         name="attr_npcRoughDamage"
+                         class="clock-checkbox clock-2 no-show"/>
+                      <input
+                         type="radio"
+                         value="3"
+                         name="attr_npcRoughDamage"
+                         class="clock-checkbox clock-3 no-show"/>
+                      <input
+                         type="radio"
+                         value="4"
+                         name="attr_npcRoughDamage"
+                         class="clock-checkbox clock-4 no-show"/>
+                      <input
+                         type="radio"
+                         value="5"
+                         name="attr_npcRoughDamage"
+                         class="clock-checkbox clock-5 no-show"/>
+                      <input
+                         type="radio"
+                         value="6"
+                         name="attr_npcRoughDamage"
+                         class="clock-checkbox clock-6 no-show"/>
+                      <div class="clock"></div>
+                    </div>
+                  </div>
+                  <div class="third-degree">
+                    Out
+                  </div>
+                  <div class="second-degree">
+                    Cowed
+                  </div>
+                  <div class="first-degree">
+                    Timid
+                  </div>
+                  <div class="injury-label">
+                    <h3>Rough</h3>
+                  </div>
+                </div>
+                <div class="injury-container">
+                  <div class="injury-clock">
+                    <div class="clock-container-6">
+                      <input
+                         type="radio"
+                         value="0"
+                         name="attr_npcBloodyDamage"
+                         class="clock-checkbox clock-0" checked/>
+                      <input
+                         type="radio"
+                         value="1"
+                         name="attr_npcBloodyDamage"
+                         class="clock-checkbox clock-1 no-show"/>
+                      <input
+                         type="radio"
+                         value="2"
+                         name="attr_npcBloodyDamage"
+                         class="clock-checkbox clock-2 no-show"/>
+                      <input
+                         type="radio"
+                         value="3"
+                         name="attr_npcBloodyDamage"
+                         class="clock-checkbox clock-3 no-show"/>
+                      <input
+                         type="radio"
+                         value="4"
+                         name="attr_npcBloodyDamage"
+                         class="clock-checkbox clock-4 no-show"/>
+                      <input
+                         type="radio"
+                         value="5"
+                         name="attr_npcBloodyDamage"
+                         class="clock-checkbox clock-5 no-show"/>
+                      <input
+                         type="radio"
+                         value="6"
+                         name="attr_npcBloodyDamage"
+                         class="clock-checkbox clock-6 no-show"/>
+                      <div class="clock"></div>
+                    </div>
+                  </div>
+                  <div class="third-degree">
+                    Out
+                  </div>
+                  <div class="second-degree">
+                    Cowed
+                  </div>
+                  <div class="first-degree">
+                    Timid
+                  </div>
+                  <div class="injury-label">
+                    <h3>Bloody</h3>
+                  </div>
+                </div>
+                <div class="injury-container">
+                  <div class="injury-clock">
+                    <div class="clock-container-6">
+                      <input
+                         type="radio"
+                         value="0"
+                         name="attr_npcDeadlyDamage"
+                         class="clock-checkbox clock-0" checked/>
+                      <input
+                         type="radio"
+                         value="1"
+                         name="attr_npcDeadlyDamage"
+                         class="clock-checkbox clock-1 no-show"/>
+                      <input
+                         type="radio"
+                         value="2"
+                         name="attr_npcDeadlyDamage"
+                         class="clock-checkbox clock-2 no-show"/>
+                      <input
+                         type="radio"
+                         value="3"
+                         name="attr_npcDeadlyDamage"
+                         class="clock-checkbox clock-3 no-show"/>
+                      <input
+                         type="radio"
+                         value="4"
+                         name="attr_npcDeadlyDamage"
+                         class="clock-checkbox clock-4 no-show"/>
+                      <input
+                         type="radio"
+                         value="5"
+                         name="attr_npcDeadlyDamage"
+                         class="clock-checkbox clock-5 no-show"/>
+                      <input
+                         type="radio"
+                         value="6"
+                         name="attr_npcDeadlyDamage"
+                         class="clock-checkbox clock-6 no-show"/>
+                      <div class="clock"></div>
+                    </div>
+                  </div>
+                  <div class="third-degree">
+                    Out
+                  </div>
+                  <div class="second-degree">
+                    Cowed
+                  </div>
+                  <div class="first-degree">
+                    Timid
+                  </div>
+                  <div class="injury-label">
+                    <h3>Deadly</h3>
+                  </div>
+                </div>
+              </div>
+              <div class="npc-notes">
+                <!-- mojo types -->
+                <h3>
+                  Gear<br/>
+                  <textarea type="text" name="attr_npcGear" class="full"></textarea>
+                </h3>
+                <h3>
+                  Abilities<br/>
+                  <textarea type="text" name="attr_npcAbilities" class="full"></textarea>
+                </h3>
+                <h3>
+                  Mojo<br/>
+                  <textarea type="text" name="attr_npcMojo" class="full"></textarea>
+                </h3>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
+
+<script type="text/worker">
+  const sumScores = (attrs, score) => {
+    return _.chain(attrs).mapObject(parseInt).pick((value, key) => key.includes(score)).values().reduce((memo, num)=>(memo + num), 0).value()
+  }
+  const updateActionScores = (dot) => {
+    const nouns = ['music', 'violence', 'tech', 'authority', 'minds', 'mojo']
+    const verbs = ['organize', 'perform', 'pose', 'evade', 'perceive']
+    const scores = dot.split('-')
+    getAttrs([
+      ...nouns.map(noun => `${scores[0]}-${noun}`),
+      ...verbs.map(verb => `${verb}-${scores[1]}`)
+    ], (attrs) => {
+      const newValues = {}
+      newValues[scores[1]] = sumScores(attrs, scores[1])
+      newValues[scores[0]] = sumScores(attrs, scores[0])
+      setAttrs(newValues)
+    })
+  }
+  on("change:organize-music", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:organize-violence", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:organize-tech", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:organize-authority", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:organize-minds", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:organize-mojo", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  
+  on("change:perform-music", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:perform-violence", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:perform-tech", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:perform-authority", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:perform-minds", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:perform-mojo", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  
+  on("change:pose-music", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:pose-violence", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:pose-tech", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:pose-authority", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:pose-minds", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:pose-mojo", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  
+  on("change:evade-music", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:evade-violence", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:evade-tech", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:evade-authority", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:evade-minds", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:evade-mojo", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  
+  on("change:perceive-music", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:perceive-violence", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:perceive-tech", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:perceive-authority", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:perceive-minds", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+  on("change:perceive-mojo", function(E) {
+   updateActionScores(E.sourceAttribute)
+  })
+
+  on("sheet:opened", () => {
+    setAttrs({
+      selected_noun_value: '',
+      selected_verb_value: '',
+      selected_verb:'',
+      selected_noun:'',
+      roll_total:''
+    })
+  })
+
+  on("change:selected_verb", (E) => {
+    $20(`.action-grid .${E.previousValue} button`)
+      .removeClass('selected')
+    $20(`.action-grid .${E.newValue} button`)
+      .addClass('selected')
+  })
+
+  on("change:selected_noun", (E) => {
+    $20(`.action-grid .${E.previousValue} button`)
+      .removeClass('selected')
+    $20(`.action-grid .${E.newValue} button`)
+      .addClass('selected')
+  })
+
+  function setRollValue(score, scoreType) {
+    getAttrs([score], (attrs) => {
+      const updateValues = {}
+      updateValues[`selected_${scoreType}`] = score
+      updateValues[`selected_${scoreType}_value`] = attrs[score]
+      setAttrs(updateValues, () => {
+        getAttrs([
+          'selected_verb_value',
+          'selected_noun_value'
+        ], ({selected_verb_value, selected_noun_value})=>{
+          setAttrs({
+            roll_total: parseInt(selected_verb_value, 10) + parseInt(selected_noun_value, 10)
+          })
+        })
+      })
+    })
+  }
+
+  on("clicked:selectEvade", function(){
+    setRollValue('evade', 'verb')
+  })
+
+  on("clicked:selectPerceive", function(){
+    setRollValue('perceive', 'verb')
+  })
+
+  on("clicked:selectPose", function(){
+    setRollValue('pose', 'verb')
+  })
+
+  on("clicked:selectPerform", function(){
+    setRollValue('perform', 'verb')
+  })
+
+  on("clicked:selectOrganize", function(){
+    setRollValue('organize', 'verb')
+  })
+
+  on("clicked:selectMusic", function(){
+    setRollValue('music', 'noun')
+  })
+
+  on("clicked:selectViolence", function(){
+    setRollValue('violence', 'noun')
+  })
+
+  on("clicked:selectTech", function(){
+    setRollValue('tech', 'noun')
+  })
+
+  on("clicked:selectAuthority", function(){
+    setRollValue('authority', 'noun')
+  })
+
+  on("clicked:selectMinds", function(){
+    setRollValue('minds', 'noun')
+  })
+
+  on("clicked:selectMojo", function(){
+    setRollValue('mojo', 'noun')
+  })
+
+</script>
\ No newline at end of file
diff --git a/velvet_generation/preview.png b/velvet_generation/preview.png
new file mode 100644
index 0000000000..db1fce5433
Binary files /dev/null and b/velvet_generation/preview.png differ
diff --git a/velvet_generation/sheet.json b/velvet_generation/sheet.json
new file mode 100644
index 0000000000..6ca9ed3404
--- /dev/null
+++ b/velvet_generation/sheet.json
@@ -0,0 +1,10 @@
+{
+  "version": "1700082926",
+  "html": "charactersheet.html",
+  "css": "charactersheet.css",
+  "authors": "Rich Ranallo",
+  "roll20userid": "876532",
+  "preview": "preview.png",
+  "instructions": "This sheet keeps track of player and nonplayer characters, bands, and revolutionary progress for the TTRPG _Velvet Generation,_ by XIG Games.",
+  "legacy": false
+}
diff --git a/velvet_generation/translation.json b/velvet_generation/translation.json
new file mode 100644
index 0000000000..9e26dfeeb6
--- /dev/null
+++ b/velvet_generation/translation.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file