.charsheet * {
    color: #3B3B3B;
    font-size:10px;
    
}
/*Default Tag Styling*/
.sheet-text-input {
    background-color: rgba(0,0,0,0);
    width: 100%;
    padding: 0px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
}

.sheet-textarea {
    resize:none;
}

.sheet-select {
    width: 100%;
    padding: 0px;
}

input:focus {
    outline: 0px;
}

/*Responsive Grid Setup*/
.sheet-col-1 {width: 8.33%;}
.sheet-col-2 {width: 16.66%;}
.sheet-col-3 {width: 25%;}
.sheet-col-4 {width: 33.33%;}
.sheet-col-5 {width: 41.66%;}
.sheet-col-6 {width: 50%;}
.sheet-col-7 {width: 58.33%;}
.sheet-col-8 {width: 66.66%;}
.sheet-col-9 {width: 75%;}
.sheet-col-10 {width: 83.33%;}
.sheet-col-11 {width: 91.66%;}
.sheet-col-12 {width: 100%;}

.sheet-rolltemplate-col-1 {display:inline-block; padding: 15px; width: 8.33%;}
.sheet-rolltemplate-col-2 {display:inline-block; padding: 15px; width: 16.66%;}
.sheet-rolltemplate-col-3 {display:inline-block; padding: 15px; width: 25%;}
.sheet-rolltemplate-col-4 {display:inline-block; padding: 15px; width: 33.33%;}
.sheet-rolltemplate-col-5 {display:inline-block; padding: 15px; width: 41.66%;}
.sheet-rolltemplate-col-6 {display:inline-block; width: 49%;}
.sheet-rolltemplate-col-7 {display:inline-block; padding: 15px; width: 58.33%;}
.sheet-rolltemplate-col-8 {display:inline-block; padding: 15px; width: 66.66%;}
.sheet-rolltemplate-col-9 {display:inline-block; padding: 15px; width: 75%;}
.sheet-rolltemplate-col-10 {display:inline-block; padding: 15px; width: 83.33%;}
.sheet-rolltemplate-col-11 {display:inline-block; padding: 15px; width: 91.66%;}
.sheet-rolltemplate-col-12 {display:inline-block; padding: 15px; width: 100%;}

.sheet-rolltemplate-container {padding: 15px; width: 100%;}

[class*="col-"] {
  float: left;
  border: 0px solid red;
}


/*Underline*/
.sheet-underline {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 2px !important;
    border-bottom-color: #af1919;
}

.sheet-underline-label {
    color: #af1919;
}



/*
input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}*/

/*CREW SHEET TITLE*/
.sheet-crew-sheet-title {
    font-family: "Franklin Gothic Medium", sans-serif;
    font-style: normal;
    font-size: 30px;
    line-height: 45px;
    font-weight: 900;
    color: #af1919;
}

.sheet-rolltemplate-crew-sheet-title {
    font-family: "Franklin Gothic Medium", sans-serif;
    font-style: normal;
    font-size: 20px;
    /*line-height: 45px;*/
    font-weight: 900;
    color: white;
    text-transform: uppercase;
    padding-top: .5em;
}

/*OLD Sheet Switching Functionality*/

.sheet-character,
.sheet-crew {
    position: absolute;
    top:66px;
    margin:5px;
    background-color: white;
    z-index:1;
    width: 97%;
    min-width: 1040px;
    min-height: 200%;
}

.sheet-character {
    left:200%;
    transition:.5s ease;
    transition-delay:.1s;
}

.sheet-crew {
    left:2%;
    transition:.5s ease;
    transition-delay:.1s;
}

.sheet-check[value="on"] ~ .sheet-character {
    left:2%;
    transition:.5s ease;
    transition-delay:.4s
}

.sheet-check[value="on"] ~ .sheet-crew {
    left:-200%;
    transition:.5s ease;
    transition-delay:.4s
}

.sheet-check {
    position: absolute;
    z-index: 1;
}

/*Stress Teeth*/

/* Hide actual radio 
.sheet-stress-tooth {
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}*/

/* Fake radio */
.sheet-stress-tooth {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 6px;
    height: 17px !important;
    border-radius: 0px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-color: #af1919;
    background-color: #fb8588;
}

.sheet-stress-tooth.sheet-stress-tooth-single:not(:checked),
{
    background-color: white;
}

/* Any checkbox after the checked one is white */
.sheet-stress-tooth:checked ~ .sheet-stress-tooth {
    background-color: white;
}

.sheet-first-cybernetic-box,
.sheet-second-cybernetic-box,
.sheet-third-cybernetic-box {
    display: none;
}


.sheet-clock-tracking[value="2"] ~ .sheet-clock-track1,
.sheet-clock-tracking[value="3"] ~ .sheet-clock-track2,
.sheet-clock-tracking[value="3"] ~ .sheet-clock-track1,
.sheet-clock-tracking[value="4"] ~ .sheet-clock-track3,
.sheet-clock-tracking[value="4"] ~ .sheet-clock-track2,
.sheet-clock-tracking[value="4"] ~ .sheet-clock-track1,
.sheet-clock-tracking[value="5"] ~ .sheet-clock-track4,
.sheet-clock-tracking[value="5"] ~ .sheet-clock-track3,
.sheet-clock-tracking[value="5"] ~ .sheet-clock-track2,
.sheet-clock-tracking[value="5"] ~ .sheet-clock-track1,
.sheet-clock-tracking[value="6"] ~ .sheet-clock-track5,
.sheet-clock-tracking[value="6"] ~ .sheet-clock-track4,
.sheet-clock-tracking[value="6"] ~ .sheet-clock-track3,
.sheet-clock-tracking[value="6"] ~ .sheet-clock-track2,
.sheet-clock-tracking[value="6"] ~ .sheet-clock-track1,
.sheet-clock-tracking[value="7"] ~ .sheet-clock-track6,
.sheet-clock-tracking[value="7"] ~ .sheet-clock-track5,
.sheet-clock-tracking[value="7"] ~ .sheet-clock-track4,
.sheet-clock-tracking[value="7"] ~ .sheet-clock-track3,
.sheet-clock-tracking[value="7"] ~ .sheet-clock-track2,
.sheet-clock-tracking[value="7"] ~ .sheet-clock-track1,
.sheet-clock-tracking[value="8"] ~ .sheet-clock-track7,
.sheet-clock-tracking[value="8"] ~ .sheet-clock-track6,
.sheet-clock-tracking[value="8"] ~ .sheet-clock-track5,
.sheet-clock-tracking[value="8"] ~ .sheet-clock-track4,
.sheet-clock-tracking[value="8"] ~ .sheet-clock-track3,
.sheet-clock-tracking[value="8"] ~ .sheet-clock-track2,
.sheet-clock-tracking[value="8"] ~ .sheet-clock-track1 {
    background-color: #af1919;
}

.sheet-action-tracking[value="2"] ~ .sheet-action-track1,
.sheet-action-tracking[value="3"] ~ .sheet-action-track2,
.sheet-action-tracking[value="3"] ~ .sheet-action-track1,
.sheet-action-tracking[value="4"] ~ .sheet-action-track3,
.sheet-action-tracking[value="4"] ~ .sheet-action-track2,
.sheet-action-tracking[value="4"] ~ .sheet-action-track1,
.sheet-action-tracking[value="5"] ~ .sheet-action-track4,
.sheet-action-tracking[value="5"] ~ .sheet-action-track3,
.sheet-action-tracking[value="5"] ~ .sheet-action-track2,
.sheet-action-tracking[value="5"] ~ .sheet-action-track1,
.sheet-action-tracking[value="6"] ~ .sheet-action-track5,
.sheet-action-tracking[value="6"] ~ .sheet-action-track4,
.sheet-action-tracking[value="6"] ~ .sheet-action-track3,
.sheet-action-tracking[value="6"] ~ .sheet-action-track2,
.sheet-action-tracking[value="6"] ~ .sheet-action-track1,
.sheet-action-tracking[value="7"] ~ .sheet-action-track6,
.sheet-action-tracking[value="7"] ~ .sheet-action-track5,
.sheet-action-tracking[value="7"] ~ .sheet-action-track4,
.sheet-action-tracking[value="7"] ~ .sheet-action-track3,
.sheet-action-tracking[value="7"] ~ .sheet-action-track2,
.sheet-action-tracking[value="7"] ~ .sheet-action-track1,
.sheet-action-tracking[value="8"] ~ .sheet-action-track7,
.sheet-action-tracking[value="8"] ~ .sheet-action-track6,
.sheet-action-tracking[value="8"] ~ .sheet-action-track5,
.sheet-action-tracking[value="8"] ~ .sheet-action-track4,
.sheet-action-tracking[value="8"] ~ .sheet-action-track3,
.sheet-action-tracking[value="8"] ~ .sheet-action-track2,
.sheet-action-tracking[value="8"] ~ .sheet-action-track1 {
    background-color: black;
}

.sheet-stressadvanced-tracking[value="1"] ~ .sheet-stressadvanced-track1,
.sheet-stressadvanced-tracking[value="2"] ~ .sheet-stressadvanced-track2,
.sheet-stressadvanced-tracking[value="2"] ~ .sheet-stressadvanced-track1,
.sheet-stressadvanced-tracking[value="3"] ~ .sheet-stressadvanced-track3,
.sheet-stressadvanced-tracking[value="3"] ~ .sheet-stressadvanced-track2,
.sheet-stressadvanced-tracking[value="3"] ~ .sheet-stressadvanced-track1,
.sheet-stressadvanced-tracking[value="4"] ~ .sheet-stressadvanced-track4,
.sheet-stressadvanced-tracking[value="4"] ~ .sheet-stressadvanced-track3,
.sheet-stressadvanced-tracking[value="4"] ~ .sheet-stressadvanced-track2,
.sheet-stressadvanced-tracking[value="4"] ~ .sheet-stressadvanced-track1 {
    opacity: 1;
}

.sheet-turf-tracking[value="1"] ~ .sheet-turf-track1,
.sheet-turf-tracking[value="2"] ~ .sheet-turf-track2,
.sheet-turf-tracking[value="2"] ~ .sheet-turf-track1,
.sheet-turf-tracking[value="3"] ~ .sheet-turf-track3,
.sheet-turf-tracking[value="3"] ~ .sheet-turf-track2,
.sheet-turf-tracking[value="3"] ~ .sheet-turf-track1,
.sheet-turf-tracking[value="4"] ~ .sheet-turf-track4,
.sheet-turf-tracking[value="4"] ~ .sheet-turf-track3,
.sheet-turf-tracking[value="4"] ~ .sheet-turf-track2,
.sheet-turf-tracking[value="4"] ~ .sheet-turf-track1 {
    background-color: black;
    pointer-events: none;
}

.sheet-cybernetics[value="1"] ~ .sheet-first-cybernetic,
.sheet-cybernetics[value="2"] ~ .sheet-second-cybernetic,
.sheet-cybernetics[value="3"] ~ .sheet-third-cybernetic,
.sheet-cybernetics[value="2"] ~ .sheet-second-cybernetic,
.sheet-cybernetics[value="3"] ~ .sheet-third-cybernetic,
.sheet-cybernetics[value="3"] ~ .sheet-third-cybernetic {
    background-color: black;
    pointer-events: none;
}
/*Position the Stress Boxes on the Character Sheet*/
.sheet-stress-boxes {
    position: absolute;
    top: 206px;
    left: 4%;
    width: 29%;
}

.sheet-trauma-boxes {
    position: absolute;
    top: 206px;
    left: 21%;
    width: 29%;
}

.sheet-trauma-descriptors {
    margin-top: -16px;
}

.sheet-cybernetics-boxes {
    margin-top: 17px;
    margin-left: 8%;
}

.sheet-third-cybernetic-push {
    margin-left: 9px;
}

.sheet-rep-boxes {
    position: absolute;
    top: 120px;
    left: 3%;
    width: 29%;
}

.sheet-heat-boxes {
    position: absolute;
    top: 583px;
    left: 3%;
    width: 15%;
}

.sheet-weak-box {
    position: absolute;
    top: 120px;
    left: 32.5%;
}
.sheet-strong-box {
    position: absolute;
    top: 120px;
    left: 38.5%;
}

/*Header Bar (For Attributes, Stress, Trauma, etc)*/

.sheet-header-bar {
    background-color: #af1919;
}

.sheet-header-bar > .sheet-header {
    color: white;
    font-weight: 800;
}

.sheet-pink-header-bar {
    background-color: #eac5c6;
}

.sheet-pink-header {
    color: #3b3b3b;
    font-weight: 800;
}

.sheet-bottom-bar {
    position: absolute;
    top: 50px;
    left: 2%;
    z-index: 2;
    margin:5px;
    width: 97%;
}

.sheet-right-align {
    text-align: right;
}


/* Remove dot from all radios _after_ selected one 
.sheet-stress-tooth:checked ~ .sheet-stress-tooth + span::before {    
    background-color: white;
}*/

/*Trauma*/
input.sheet-pages {
    opacity: 0;
    width: 16%;
    cursor: pointer;
}

span.sheet-pagelabel {
    margin-left: -16%;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 10px;
    line-height: 16px;
}

input.sheet-pages + span.sheet-pagelabel {
    border-radius: 4px;
    padding-left: 0px;
    padding-right: 0px;
}

span.sheet-stresslabel {
    margin-left: -16%;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 10px;
    line-height: 16px;
}

input.sheet-pages + span.sheet-stresslabel {
    border-radius: 4px;
    padding-left: 0px;
    padding-right: 0px;
}

.sheet-pages:checked + span.sheet-pagelabel {
    color: #af1919;
    font-weight: bold;
    -webkit-animation: advance 2s infinite ease;
    animation: advance 2s infinite ease;
}

.sheet-pages:checked + span.sheet-stresslabel {
    font-weight: bold;
    -webkit-animation: advance 2s infinite ease;
    animation: advance 2s infinite ease;
}

.sheet-weird {
    width:15%;
}

/*Harm Box*/
.sheet-harm-level {
    background-color: #eac5c6;
    color: #3b3b3b;
}

.sheet-level-3-harm,
.sheet-level-2-harm,
.sheet-level-1-harm {
    border-radius: 0px;
    border-style: solid;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 2px;
    border-bottom-color: #af1919;
}

.sheet-level-2-harm {
    height: 30px;
}

.sheet-first-level-2-harm {
    border-radius: 0px;
    border-style: solid;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 2px;
    border-bottom-width: 0px;
    border-bottom-color: #af1919;
    width: 50% !important;
}

.sheet-second-level-2-harm {
    border-radius: 0px;
    border-style: solid;
    border-top-width: 0px;
    border-left-width: 2px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-bottom-color: #af1919;
    width: 50% !important;
}

.sheet-first-level-1-harm {
    border-radius: 0px;
    border-style: solid;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 2px;
    border-bottom-width: 0px;
    border-bottom-color: #af1919;
    width: 50% !important;
}

.sheet-second-level-1-harm {
    border-radius: 0px;
    border-style: solid;
    border-top-width: 0px;
    border-left-width: 2px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-bottom-color: #af1919;
    width: 50% !important;
}

/*Fix the Weird Red Background Problem*/
.sheet-healing-clock {
    background-color: white;
}

/*Joules*/

.sheet-joules {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 8px;
    height: 8px !important;
    border-radius: 0px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-color: #af1919;
    background-color: white;
}

.sheet-joules:checked {
    background-color: #af1919;
}

.sheet-stash {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 8px;
    height: 8px !important;
    border-radius: 0px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    background-color: #eac5c6;
}

.sheet-stash:checked {
    background-color: #af1919;
}

/*Tier Dots*/

.sheet-tier-dot {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 10px;
    height: 10px !important;
    border-radius: 50%;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-color: #af1919;
    background-color: white;
}

.sheet-tier-dot:checked {
    background-color: #af1919;
}

.sheet-tier-tracking[value="2"] ~ .sheet-tier-track1,
.sheet-tier-tracking[value="3"] ~ .sheet-tier-track2,
.sheet-tier-tracking[value="3"] ~ .sheet-tier-track1,
.sheet-tier-tracking[value="4"] ~ .sheet-tier-track3,
.sheet-tier-tracking[value="4"] ~ .sheet-tier-track2,
.sheet-tier-tracking[value="4"] ~ .sheet-tier-track1 {
    background-color: #af1919;
}

/*Sheet Styling*/

.sheet-text-in-red-box {
    background-color: rgba(0,0,0,0);
    color: white;
}

.sheet-abilities {
    background-color: #af1919;
    
}

.sheet-abilities * {
    color: white;
}

/*Options*/

.sheet-option {
    color: #3b3b3b;
}

/*Playbook Name*/
.sheet-playbook-name {
    line-height: 50px;
    font-family: "Franklin Gothic Medium", sans-serif;
    font-style: normal;
    font-size: 40px;
    line-height: 45px;
    font-weight: 900;
}

/*Add and Modify*/

/*Abilities*/
.sheet-ability-circle {
    opacity: 1;
    width: 10px;
    height: 10px !important;
    border: 0px;
    background-color: white;
    border-radius: 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.sheet-ability-circle:checked {
    opacity: 1;
    background-color: black;
    border: 2px solid white;
    content: "";
}

.sheet-abilityname {
    background-color: rgba(0,0,0,0);
    width: 70%;
    color: white;
}

.sheet-abilitydesc {
    background-color: rgba(0,0,0,0);
    color: black;
    width: 95%;
    height: 36px;
    line-height: 12px;
}

/*Red Box Placeholder colors*/

.sheet-white-placeholders::placeholder {
    color: rgba(255,255,255,75%);
} 

/*Items*/
.sheet-item-check {
    opacity: 1;
    width: 10px;
    height: 10px !important;
    border: 0px;
    background-color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.sheet-item-check:checked {
    opacity: 1;
    background-color: #000;
    border: 1px solid white;
    content: "";
}

.sheet-items {
    width:70%;
}

/*Actions*/
.sheet-action-dot {
    opacity: 1;
    width: 10px;
    height: 10px !important;
    border: 0px;
    border-radius: 50%;
    background-color: #c9c9c9;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.sheet-action-dot:checked {
    background-color: black;
    content: "";
}

.sheet-cybernetic-dot {
    opacity: 1;
    width: 10px;
    height: 10px !important;
    border: 0px;
    border-radius: 50%;
    background-color: #eac5c6;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.sheet-cybernetic-dot:checked {
    opacity: 1;
    background-color: black;
    content: "";
}


/*Load Control*/

.sheet-load-control,
.sheet-first-box,
.sheet-second-box,
.sheet-third-box,
.sheet-fourth-box {
    display: none;
}

.sheet-load-control[value="1"] ~ .sheet-first-box,
.sheet-load-control[value="2"] ~ .sheet-first-box,
.sheet-load-control[value="3"] ~ .sheet-first-box,
.sheet-load-control[value="4"] ~ .sheet-first-box,
.sheet-load-control[value="2"] ~ .sheet-second-box,
.sheet-load-control[value="3"] ~ .sheet-third-box,
.sheet-load-control[value="3"] ~ .sheet-second-box,
.sheet-load-control[value="4"] ~ .sheet-fourth-box,
.sheet-load-control[value="4"] ~ .sheet-third-box,
.sheet-load-control[value="4"] ~ .sheet-second-box {
    display: inline-block;
}

/*Logo*/

.sheet-hack-the-planet {
    height: 42px;
    background:url(https://i.imgur.com/JOQL14s.png) left no-repeat;
}

/*Hexagon*/

.sheet-claims-map {
    height: 450px;
}

.sheet-hexagon {
    position: absolute;
    width: calc(205px / 5 * 5);
    height: calc(105px / 5 * 5);
    /* right: 49px; */
    /* top: 50%; */
    /* left: 50%; */
    background: red;
    transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -webkit-transform: translate(-50%,-50%);
    /* margin: 200px auto; */
    /* margin-left: -50%; */
    /* margin-top: -50%; */
    overflow: hidden;
    visibility: hidden;
    /*width: 400px;
    height: 200px;
    left: 50%;
    top: 50%;
    background: red;
    transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    margin: 200px auto;
    overflow: hidden;
    visibility: hidden;*/
}

.sheet-hexagon:hover {
    width: calc(215px / 5 * 5);
    height: calc(115px / 5 * 5);
}

.sheet-hexagon-inside {
    width: 100%;
    height: 100%;
    background: green;
    transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    overflow: hidden;
}

.sheet-hexagon-image {
    width: 100%;
    height: 100%;
    background: #eac5c6;
    transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    visibility: visible;
    overflow: hidden;
    z-index: 1;
}

.sheet-click-the-hexagon {
    position: absolute;
    visibility: visible;
    width: 300px;
    height: 300px !important;
    opacity: 0;
    z-index: 2;
}

.sheet-click-the-hexagon:checked ~ .sheet-hexagon-image {
    background: #af1919;
}

.sheet-claim-container {
    position: absolute;
    left: 45%;
    bottom: 58%;
    width: 100px;
    transform-origin: center center;
    transform: rotate(-120deg);
    -moz-transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    -o-transform: rotate(-120deg);
    -webkit-transform: rotate(-120deg);
    z-index: 1;
}

.sheet-unflip1 {
    position: relative;
    max-width: 70px;
    background-color: rgba(0,0,0,0);
    color: white;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    border: 0px;
    z-index: 3;
}    

.sheet-unflip2 {
    position: relative;
    height: 50%;
    top: calc(-50px / 5 * 5);
    max-width: 60px;
    background-color: rgba(0,0,0,0);
    color: white;
    border: 0px;
    font-size: 8px;
    text-align: center;
    z-index: 3;
}

.sheet-hexdial-1,
.sheet-hexdial-2,
.sheet-hexdial-3,
.sheet-hexdial-4,
.sheet-hexdial-5,
.sheet-hexdial-6,
.sheet-hexlink-1,
.sheet-hexlink-2,
.sheet-hexlink-3,
.sheet-hexlink-4,
.sheet-hexlink-5,
.sheet-hexlink-6{
    display: none;
}

.sheet-hexlink-1 {
    z-index: -1;
    position: absolute;
    width: calc(100px / 5 * 5);
    height: calc(10px / 5 * 5);
    background-color: #eac5c6;
    transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform-origin: center left;
    display: none;
    /*left:calc(50px / 5 * 5);
    top: calc(-30px / 5 * 5);*/
}



.sheet-hexlink-2 {
    z-index: -1;
    position: absolute;
    width: calc(100px / 5 * 5);
    height: calc(10px / 5 * 5);
    background-color: #eac5c6;
    transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform-origin: center left;
    /*left:calc(0px / 5 * 5);
    top: calc(-90px / 5 * 5);*/
}

.sheet-hexlink-3 {
    z-index: -1;
    position: absolute;
    width: calc(100px / 5 * 5);
    height: calc(10px / 5 * 5);
    background-color: #eac5c6;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform-origin: center left;
    /*left:calc(0px / 5 * 5);
    top: calc(-90px / 5 * 5);*/
}

.sheet-hexlink-4 {
    z-index: -1;
    position: absolute;
    width: calc(100px / 5 * 5);
    height: calc(10px / 5 * 5);
    background-color: #eac5c6;
    transform: rotate(150deg);
    -moz-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform-origin: center left;
    /*left:calc(0px / 5 * 5);
    top: calc(-90px / 5 * 5);*/
}

.sheet-hexlink-5 {
    z-index: -1;
    position: absolute;
    width: calc(100px / 5 * 5);
    height: calc(10px / 5 * 5);
    background-color: #eac5c6;
    transform: rotate(210deg);
    -moz-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    -o-transform: rotate(210deg);
    -webkit-transform: rotate(210deg);
    transform-origin: center left;
    /*left:calc(0px / 5 * 5);
    top: calc(-90px / 5 * 5);*/
}

.sheet-hexlink-6 {
    z-index: -1;
    position: absolute;
    width: calc(100px / 5 * 5);
    height: calc(10px / 5 * 5);
    background-color: #eac5c6;
    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform-origin: center left;
    /*left:calc(0px / 5 * 5);
    top: calc(-90px / 5 * 5);*/
}


.sheet-hexdial-1:checked ~ .sheet-hexlink-1,
.sheet-hexdial-2:checked ~ .sheet-hexlink-2,
.sheet-hexdial-3:checked ~ .sheet-hexlink-3,
.sheet-hexdial-4:checked ~ .sheet-hexlink-4,
.sheet-hexdial-5:checked ~ .sheet-hexlink-5,
.sheet-hexdial-6:checked ~ .sheet-hexlink-6 {
    display: block;
}

[class*="hexmap"] {
    position: relative;
    left:calc(50px / 5 * 5);
}

[class*="hextext"] {
    position: absolute;
    left:calc(7.5px / 5 * 5);
    max-width: 86.5px;
    height: 62px;
}

.sheet-claimname {
    position: relative;
    height: 55%;
    max-width: 87.5px;
    background-color: rgba(0,0,0,0);
    color: #3B3B3B;
    font-size: 10px;
    line-height: 10px;
    font-weight: 800;
    text-align: center;
    border: 0px;
    margin-bottom: 0px;
    padding: 0px;
    z-index: 3;
    resize: none;
    overflow: hidden;
}

.sheet-claimdescription {
    position: relative;
    height: 70%;
    max-width: 87.5px;
    background-color: rgba(0,0,0,0);
    color: #3B3B3B;
    border: 0px;
    margin-bottom: 0px;
    padding: 0px;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    z-index: 3;
    resize: none;
    overflow: hidden;
    
}

input.sheet-text-color-switcher[value="on"] ~ .sheet-claimname,
input.sheet-text-color-switcher[value="on"] ~ .sheet-claimdescription {
    color: white;
}

.sheet-hexmap1-1 {
    top: calc(140px / 5 * 5);
}

.sheet-hextext1-1 {
    top: calc(235px / 5 * 5);
}

.sheet-hexmap1-2 {
    top: calc(260px / 5 * 5);
}

.sheet-hextext1-2 {
    top: calc(355px / 5 * 5);
}

.sheet-hexmap1-3 {
    top: calc(380px / 5 * 5);
}

.sheet-hextext1-3 {
    top: calc(475px / 5 * 5);
}

.sheet-hexmap2-1 {
    top: calc(80px / 5 * 5);
    left: calc(150px / 5 * 5);
}

.sheet-hextext2-1 {
    top: calc(175px / 5 * 5);
    left: calc(107.5px / 5 * 5);
}

.sheet-hexmap2-2 {
    top: calc(200px / 5 * 5);
    left: calc(150px / 5 * 5);
}

.sheet-hextext2-2 {
    top: calc(295px / 5 * 5);
    left: calc(107.5px / 5 * 5);
}

.sheet-hexmap2-3 {
    top: calc(320px / 5 * 5);
    left: calc(150px / 5 * 5);
}

.sheet-hextext2-3 {
    top: calc(415px / 5 * 5);
    left: calc(107.5px / 5 * 5);
}

.sheet-hexmap3-1 {
    top: calc(140px / 5 * 5);
    left: calc(250px / 5 * 5);
}

.sheet-hextext3-1 {
    top: calc(235px / 5 * 5);
    left: calc(207.5px / 5 * 5);
}
.sheet-hextext3-2 {
    top: calc(355px / 5 * 5);
    left: calc(207.5px / 5 * 5);
}
.sheet-hextext3-3 {
    top: calc(475px / 5 * 5);
    left: calc(207.5px / 5 * 5);
}

.sheet-hexmap3-2 {
    top: calc(260px / 5 * 5);
    left: calc(250px / 5 * 5);
}

.sheet-hexmap3-3 {
    top: calc(380px / 5 * 5);
    left: calc(250px / 5 * 5);
}

.sheet-hexmap4-1 {
    top: calc(80px / 5 * 5);
    left: calc(350px / 5 * 5);
}

.sheet-hexmap4-2 {
    top: calc(200px / 5 * 5);
    left: calc(350px / 5 * 5);
}

.sheet-hexmap4-3 {
    top: calc(320px / 5 * 5);
    left: calc(350px / 5 * 5);
}

.sheet-hextext4-1 {
    top: calc(175px / 5 * 5);
    left: calc(307.5px / 5 * 5);
}
.sheet-hextext4-2 {
    top: calc(295px / 5 * 5);
    left: calc(307.5px / 5 * 5);
}
.sheet-hextext4-3 {
    top: calc(415px / 5 * 5);
    left: calc(307.5px / 5 * 5);
}

.sheet-hexmap5-1 {
    top: calc(140px / 5 * 5);
    left: calc(450px / 5 * 5);
}

.sheet-hexmap5-2 {
    top: calc(260px / 5 * 5);
    left: calc(450px / 5 * 5);
}

.sheet-hexmap5-3 {
    top: calc(380px / 5 * 5);
    left: calc(450px / 5 * 5);
}

.sheet-hextext5-1 {
    top: calc(235px / 5 * 5);
    left: calc(407.5px / 5 * 5);
}
.sheet-hextext5-2 {
    top: calc(355px / 5 * 5);
    left: calc(407.5px / 5 * 5);
}
.sheet-hextext5-3 {
    top: calc(475px / 5 * 5);
    left: calc(407.5px / 5 * 5);
}

/*Hexagons v2*/

.sheet-hex {
	width: 100px;
	height: 57px;
	background-color: #ccc;
	background-repeat: no-repeat;
	background-position: 50% 50%;			
	background-size: auto 173px;							
	position: relative;
	float:left;
	margin:25px 5px;
	text-align:center;
	zoom:1;
}
		
	.sheet-hex.sheet-hex-gap {
		margin-left: 86px;
	}
	
	.sheet-hex a {
		display:block;
		width: 100%;
		height:100%;
		text-indent:-9999em;
		position:absolute;
		top:0;
		left:0;
	}

	.sheet-hex .sheet-corner-1,
	.sheet-hex .sheet-corner-2 {
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background: inherit;								
		z-index:-2;						
		overflow:hidden;		
		backface-visibility: hidden;			
	}
	
	.sheet-hex .sheet-corner-1 {
		z-index:-1;
		-webkit-transform: rotate(60deg);
	}
	
	.sheet-hex .sheet-corner-2 {
		-webkit-transform: rotate(-60deg);
	}
	
	.sheet-hex .sheet-corner-1:before,
	.sheet-hex .sheet-corner-2:before {
		width: 173px;
		height:	173px;
	  content: '';
	  position: absolute;
	  background: inherit;
	  top:0;
	  left: 0;
	  z-index: 1;
	  background: inherit;
	  background-repeat:no-repeat;
		backface-visibility: hidden;				  
	}			
	

	.sheet-hex .sheet-corner-1:before {
		transform: rotate(-60deg) translate(-87px, 0px);	
	  transform-origin: 0 0;
	}			
	
	.sheet-hex .sheet-corner-2:before {
		transform: rotate(60deg) translate(-48px, -11px);	
		bottom:0;
	}		


	
	/* Custom styles*/
	.sheet-hex .sheet-inner {		
		color:#3b3b3b;
	}
	
	.sheet-hex h4 {
		font-family: 'Josefin Sans', sans-serif;		
		margin:0;			
	}
	
	.sheet-hex hr {
		border:0;
		border-top:1px solid #3b3b3b;
		width:60%;
		margin:15px auto;
	}
	
	.sheet-hex p {
		font-size:16px;
		font-family: 'Kotta One', serif;
		width:80%;
		margin:0 auto;
	}

	.sheet-hex.sheet-hex-1 {
		background: #74cddb;
	}
	
	.sheet-hex.sheet-hex-2 {
		background: #f5c53c;
	}
	
	.sheet-hex.sheet-hex-3 {
		background: #80b971;
	}

/*Triangles for Friends*/
.sheet-upward-triangle {
    opacity: 1;
    width: 10px;
    height: 10px !important;
    border: 0px;
    background-color: #ffffff;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.sheet-downward-triangle {
    opacity: 1;
    width: 10px;
    height: 10px !important;
    border: 0px;
    background-color: #ffffff;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.sheet-rightward-triangle {
    width: 10px;
    height: 10px !important;
    border: 0px;
    background-color: #eac5c6;
  -webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.sheet-upward-triangle:checked, 
.sheet-downward-triangle:checked {
    opacity: 1;
    background-color: #fb8588;
    content: "";
}

.sheet-rightward-triangle:checked {
    background-color: #af1919;
    content: "";
}

/*Tier Circles*/
.sheet-tier-dot {
    opacity: 1;
    width: 10px;
    height: 10px !important;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-radius: 50%;
    border-color: #af1919;
    background-color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*Vault*/
.sheet-vault {
    opacity: 1;
    width: 8px;
    height: 8px !important;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-color: #eac5c6;
    background-color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.sheet-vault:checked {
    background-color: #eac5c6;
}

.sheet-vault1-track,
.sheet-vault2-track {
    display:none;
}

.sheet-vault1-tracking[value="on"] ~ .sheet-vault1-track,
.sheet-vault2-tracking[value="on"] ~ .sheet-vault2-track {
    display:inline-block;
}
/*FUEL FOR COMETS*/



.sheet-fuel-tracker {
    display:none;
}

.sheet-fuel-button[value="comets"] ~ .sheet-fuel-tracker,
.sheet-fuel-button[value="Comets"] ~ .sheet-fuel-tracker,
.sheet-fuel-button[value="COMETS"] ~ .sheet-fuel-tracker {
    display:block;
}

/*Page Switcher*/
.sheet-switch-to-crew {
    display:none;
    color: white;
    margin-left: 0% !important;
}

.sheet-switch-to-character {
    display:block;
    color: white;
    margin-left: 0% !important;
}

.sheet-page-switcher:checked ~ .sheet-switch-to-crew {
    display:block;
}

.sheet-page-switcher:checked ~ .sheet-switch-to-character {
    display:none;
}

.sheet-switch-to-red-box-label {
    color: white !important;
    display: none;
    margin-left: 0% !important;
}

.sheet-switch-to-action-tracker-label {
    color: white;
    display: block;
    margin-left: 0% !important;
}

.sheet-red-switcher[value="on"] ~ .sheet-switch-to-red-box-label {
    display:block;
}

.sheet-red-switcher[value="on"] ~ .sheet-switch-to-action-tracker-label {
    display:none;
}

.sheet-red-box {
    display:block;
}

.sheet-action-tracker {
    display:none;
}

.sheet-red-switcher[value="on"] ~ .sheet-red-box {
    display:none;
    margin-left: 0% !important;
}

.sheet-red-switcher[value="on"] ~ .sheet-action-tracker {
    display:block;
    margin-left: 0% !important;
}

/*Clock*/

.repitem {
    max-width: 520px !important;
    position:static !important;
}

.itemcontrol {
    position:static !important;
}

.sheet-clock input.sheet-label {
	font-size: 106%;
	letter-spacing: 1px;
	font-weight: 600;
	line-height: 119%;
}

.sheet-4clock, .sheet-6clock, .sheet-8clock, .sheet-12clock {
	display: none;
}

input[value="4"]:checked ~ .sheet-4clock,
input[value="6"]:checked ~ .sheet-6clock,
input[value="8"]:checked ~ .sheet-8clock,
input[value="12"]:checked ~ .sheet-12clock {
	display: block;
}

.sheet-harm-clock {
    width: 50px;
    height: 50px;
    background: #eac5c6;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    border: 4px solid transparent;
    
    transform: rotate(45deg);
    transition: .25s ease;
    
}

.sheet-harm-clock-text {
    text-align: center;
    vertical-align: middle;
    line-height: 50px; 
    transform: rotate(-0deg);
    font-family: "Franklin Gothic Medium", sans-serif;
    font-style: normal;
    font-size: 20px;
    line-height: 45px;
    font-weight: 300;
    position:absolute;
    left:6px;
    top:1px;
    padding: 2px;
}

.sheet-4clock-4:checked ~ .sheet-harm-circle {

    
    background-size:120%;
    transition: .25s ease;
}

.sheet-6clock-6:checked ~ .sheet-harm-circle {

    
    background-size:120%;
    transition: .25s ease;
}

.sheet-8clock-8:checked ~ .sheet-harm-circle {

    
    background-size:120%;
    transition: .25s ease;
}

.sheet-4clock-0:checked ~ .sheet-harm-clock-text:after {
    content: "0/4";
    transform: rotate(0deg);
    color: #3b3b3b;
}

.sheet-4clock-1:checked ~ .sheet-harm-clock-text:after {
    content: "1/4";
    transform: rotate(0deg);
    
    color: #3b3b3b;
}

.sheet-4clock-2:checked ~ .sheet-harm-clock-text:after {
    content: "2/4";
    transform: rotate(0deg);
    
    color: #3b3b3b;
}

.sheet-4clock-3:checked ~ .sheet-harm-clock-text:after {
    content: "3/4";
    transform: rotate(0deg);
    
    color: #3b3b3b;
}

.sheet-4clock-4:checked ~ .sheet-harm-clock-text:after {
    content: "4/4";
    transform: rotate(0deg);
    color: #3b3b3b;
}

.sheet-6clock-0:checked ~ .sheet-harm-clock-text:after {
    content: "0/6";
    transform: rotate(0deg);
    color: #3b3b3b;
}

.sheet-6clock-1:checked ~ .sheet-harm-clock-text:after {
    content: "1/6";
    transform: rotate(0deg);
    
    color: #3b3b3b;
}

.sheet-6clock-2:checked ~ .sheet-harm-clock-text:after {
    content: "2/6";
    transform: rotate(0deg);
    
    color: #3b3b3b;
}

.sheet-6clock-3:checked ~ .sheet-harm-clock-text:after {
    content: "3/6";
    transform: rotate(0deg);
    
    color: #3b3b3b;
}

.sheet-6clock-4:checked ~ .sheet-harm-clock-text:after {
    content: "4/6";
    transform: rotate(0deg);
    color: #3b3b3b;
}

.sheet-6clock-5:checked ~ .sheet-harm-clock-text:after {
    content: "5/6";
    transform: rotate(0deg);
    
    color: #3b3b3b;
}

.sheet-6clock-6:checked ~ .sheet-harm-clock-text:after {
    content: "6/6";
    transform: rotate(0deg);
    
    color: #3b3b3b;
}

.sheet-8clock-0:checked ~ .sheet-harm-clock-text:after {
    content: "0/8";
    transform: rotate(0deg);
    color: #3b3b3b;
}

.sheet-8clock-1:checked ~ .sheet-harm-clock-text:after {
    content: "1/8";
    transform: rotate(0deg);
    
    color: #3b3b3b;
}

.sheet-8clock-2:checked ~ .sheet-harm-clock-text:after {
    content: "2/8";
    transform: rotate(0deg);
    
    color: #3b3b3b;
}

.sheet-8clock-3:checked ~ .sheet-harm-clock-text:after {
    content: "3/8";
    transform: rotate(0deg);
    
    color: #3b3b3b;
}

.sheet-8clock-4:checked ~ .sheet-harm-clock-text:after {
    content: "4/8";
    transform: rotate(0deg);
    color: #3b3b3b;
}

.sheet-8clock-5:checked ~ .sheet-harm-clock-text:after {
    content: "5/8";
    transform: rotate(0deg);
    
    color: #3b3b3b;
}

.sheet-8clock-6:checked ~ .sheet-harm-clock-text:after {
    content: "6/8";
    transform: rotate(0deg);
    
    color: #3b3b3b;
}

.sheet-8clock-7:checked ~ .sheet-harm-clock-text:after {
    content: "7/8";
    transform: rotate(0deg);
    
    color: #3b3b3b;
}

.sheet-8clock-8:checked ~ .sheet-harm-clock-text:after {
    content: "8/8";
    transform: rotate(0deg);
    color: #3b3b3b;
}

.sheet-harm-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #eac5c6;
    position: relative;
    display: inline-block;
    transition: .25s ease;
    overflow:hidden;
    -webkit-animation: advance 1s infinite ease;
    animation: advance 1s infinite ease;
}

.sheet-harm-box1 {
    width: 50px;
    height: 50px;
    position: relative;
    display: inline-block;
    bottom: 25px;
    transform: rotate(90deg);
    transform-origin: bottom;
    transition: .25s ease;
    overflow:hidden;
}

.sheet-harm-inside1 {
    width: 50px;
    height: 50px;
    position: relative;
    display: inline-block;
    bottom: 0px;
    transform: rotate(-180deg);
    transform-origin: bottom;
    transition: .25s ease;
    overflow:hidden;
}

.sheet-harm-4clock-0:checked ~ .sheet-harm-inside1 {
    transform: rotate(-180deg);
    transition: .25s ease;
    
}

.sheet-harm-4clock-1:checked ~ .sheet-harm-inside1 {
    transform: rotate(-90deg);
    transition: .25s ease;
    
}

.sheet-harm-4clock-2:checked ~ .sheet-harm-inside1 {
    transform: rotate(-0deg);
    transition: .25s ease;
    
}

.sheet-harm-4clock-3:checked ~ .sheet-harm-inside1 {
    transform: rotate(-0deg);
    transition: .25s ease;
    
}

.sheet-harm-4clock-4:checked ~ .sheet-harm-inside1 {
    transform: rotate(-0deg);
    transition: .25s ease;
    
}

.sheet-harm-6clock-0:checked ~ .sheet-harm-inside1 {
    transform: rotate(-180deg);
    transition: .25s ease;
    
}

.sheet-harm-6clock-1:checked ~ .sheet-harm-inside1 {
    transform: rotate(-120deg);
    transition: .25s ease;
    
}

.sheet-harm-6clock-2:checked ~ .sheet-harm-inside1 {
    transform: rotate(-60deg);
    transition: .25s ease;
    
}

.sheet-harm-6clock-3:checked ~ .sheet-harm-inside1 {
    transform: rotate(-0deg);
    transition: .25s ease;
    
}

.sheet-harm-6clock-4:checked ~ .sheet-harm-inside1 {
    transform: rotate(-0deg);
    transition: .25s ease;
    
}

.sheet-harm-6clock-5:checked ~ .sheet-harm-inside1 {
    transform: rotate(-0deg);
    transition: .25s ease;
    
}

.sheet-harm-6clock-6:checked ~ .sheet-harm-inside1 {
    transform: rotate(-0deg);
    transition: .25s ease;
    
}

.sheet-harm-8clock-0:checked ~ .sheet-harm-inside1 {
    transform: rotate(-180deg);
    transition: .25s ease;
    
}

.sheet-harm-8clock-1:checked ~ .sheet-harm-inside1 {
    transform: rotate(-135deg);
    transition: .25s ease;
    
}

.sheet-harm-8clock-2:checked ~ .sheet-harm-inside1 {
    transform: rotate(-90deg);
    transition: .25s ease;
    
}

.sheet-harm-8clock-3:checked ~ .sheet-harm-inside1 {
    transform: rotate(-45deg);
    transition: .25s ease;
    
}

.sheet-harm-8clock-4:checked ~ .sheet-harm-inside1 {
    transform: rotate(-0deg);
    transition: .25s ease;
    
}

.sheet-harm-8clock-5:checked ~ .sheet-harm-inside1 {
    transform: rotate(-0deg);
    transition: .25s ease;
    
}

.sheet-harm-8clock-6:checked ~ .sheet-harm-inside1 {
    transform: rotate(-0deg);
    transition: .25s ease;
    
}

.sheet-harm-8clock-7:checked ~ .sheet-harm-inside1 {
    transform: rotate(-0deg);
    transition: .25s ease;
    
}

.sheet-harm-8clock-8:checked ~ .sheet-harm-inside1 {
    transform: rotate(-0deg);
    transition: .25s ease;
    
}


.sheet-harm-ring1 {
    width: 84%;
    height: 84%;
    border-radius: 50%;
    bottom:-25px;
    position: relative;
    display: inline-block;
    border: 4px solid #8A0C0D;
    transition: .25s ease;
    visibility:visible;
}

.sheet-harm-box2 {
    width: 50px;
    height: 50px;
    position: relative;
    display: inline-block;
    bottom: 79px;
    transform: rotate(270deg);
    transform-origin: bottom;
    transition: .25s ease;
    overflow:hidden;
}

.sheet-harm-inside2 {
    width: 50px;
    height: 50px;
    position: relative;
    display: inline-block;
    bottom: 0px;
    transform: rotate(-180deg);
    transform-origin: bottom;
    transition: .25s ease;
    overflow:hidden;
}

.sheet-harm-4clock-0:checked ~ .sheet-harm-inside2 {
    transform: rotate(-180deg);
    transition: .25s ease;
    
}

.sheet-harm-4clock-1:checked ~ .sheet-harm-inside2 {
    transform: rotate(-180deg);
    transition: .25s ease;
    
}

.sheet-harm-4clock-2:checked ~ .sheet-harm-inside2 {
    transform: rotate(-180deg);
    transition: .25s ease;
    
}

.sheet-harm-4clock-3:checked ~ .sheet-harm-inside2 {
    transform: rotate(-90deg);
    transition: .25s ease;
    
}

.sheet-harm-4clock-4:checked ~ .sheet-harm-inside2 {
    transform: rotate(-0deg);
    transition: .25s ease;
    
}

.sheet-harm-6clock-0:checked ~ .sheet-harm-inside2 {
    transform: rotate(-180deg);
    transition: .25s ease;
    
}

.sheet-harm-6clock-1:checked ~ .sheet-harm-inside2 {
    transform: rotate(-180deg);
    transition: .25s ease;
    
}

.sheet-harm-6clock-2:checked ~ .sheet-harm-inside2 {
    transform: rotate(-180deg);
    transition: .25s ease;
    
}

.sheet-harm-6clock-3:checked ~ .sheet-harm-inside2 {
    transform: rotate(-180deg);
    transition: .25s ease;
    
}

.sheet-harm-6clock-4:checked ~ .sheet-harm-inside2 {
    transform: rotate(-120deg);
    transition: .25s ease;
    
}

.sheet-harm-6clock-5:checked ~ .sheet-harm-inside2 {
    transform: rotate(-60deg);
    transition: .25s ease;
    
}

.sheet-harm-6clock-6:checked ~ .sheet-harm-inside2 {
    transform: rotate(-0deg);
    transition: .25s ease;
    
}

.sheet-harm-8clock-0:checked ~ .sheet-harm-inside2 {
    transform: rotate(-180deg);
    transition: .25s ease;
    
}

.sheet-harm-8clock-1:checked ~ .sheet-harm-inside2 {
    transform: rotate(-180deg);
    transition: .25s ease;
    
}

.sheet-harm-8clock-2:checked ~ .sheet-harm-inside2 {
    transform: rotate(-180deg);
    transition: .25s ease;
    
}

.sheet-harm-8clock-3:checked ~ .sheet-harm-inside2 {
    transform: rotate(-180deg);
    transition: .25s ease;
    
}

.sheet-harm-8clock-4:checked ~ .sheet-harm-inside2 {
    transform: rotate(-180deg);
    transition: .25s ease;
    
}

.sheet-harm-8clock-5:checked ~ .sheet-harm-inside2 {
    transform: rotate(-135deg);
    transition: .25s ease;
    
}

.sheet-harm-8clock-6:checked ~ .sheet-harm-inside2 {
    transform: rotate(-90deg);
    transition: .25s ease;
    
}

.sheet-harm-8clock-7:checked ~ .sheet-harm-inside2 {
    transform: rotate(-45deg);
    transition: .25s ease;
    
}

.sheet-harm-8clock-8:checked ~ .sheet-harm-inside2 {
    transform: rotate(-0deg);
    transition: .25s ease;
    
}

.sheet-harm-ring2 {
    width: 84%;
    height: 84%;
    border-radius: 50%;
    bottom:-25px;
    position: relative;
    display: inline-block;
    border: 4px solid #8A0C0D;
    transition: .25s ease;
    visibility:visible;
}

.sheet-hidden-gaze {
    display:none !important;
}

/*Roll Buttons*/
.sheet-action-select,
.sheet-downtime-select,
.sheet-engagement-select,
.sheet-fortune-select,
.sheet-resistance-select,
.sheet-crewaction-select,
.sheet-crewdowntime-select,
.sheet-crewengagement-select,
.sheet-crewfortune-select,
.sheet-crewresistance-select,
.sheet-acquire-select,
.sheet-long-select,
.sheet-recover-select,
.sheet-reduce-select,
.sheet-vice-select,
.sheet-action-selected,
.sheet-downtime-selected,
.sheet-engagement-selected,
.sheet-fortune-selected,
.sheet-resistance-selected,
.sheet-acquire-selected,
.sheet-long-selected,
.sheet-recover-selected,
.sheet-reduce-selected,
.sheet-vice-selected,
/*Action Button*/
.sheet-action-ready,
.sheet-engagement-ready,
.sheet-engagement-button,
.sheet-action-button,
.sheet-action-buttons,
.sheet-actionroll-selected,
.sheet-downtimeroll-selected,
.sheet-engagementroll-selected,
.sheet-fortuneroll-selected,
.sheet-resistanceroll-selected,
.sheet-trace-ready,
.sheet-study-ready,
.sheet-survey-ready,
.sheet-modify-ready,
.sheet-finesse-ready,
.sheet-ghost-ready,
.sheet-combat-ready,
.sheet-wreck-ready,
.sheet-hack-ready,
.sheet-control-ready,
.sheet-network-ready,
.sheet-sway-ready,
.sheet-trace-button,
.sheet-study-button,
.sheet-survey-button,
.sheet-modify-button,
.sheet-finesse-button,
.sheet-ghost-button,
.sheet-combat-button,
.sheet-wreck-button,
.sheet-hack-button,
.sheet-control-button,
.sheet-network-button,
.sheet-sway-button,
.sheet-insight-ready,
.sheet-prowess-ready,
.sheet-resolve-ready,
.sheet-resistance-roll-button,
.sheet-long-select,
.sheet-long-roll-button,
.sheet-recover-select,
.sheet-reduce-select,
.sheet-vice-select,
.sheet-long-button,
.sheet-recover-button,
.sheet-reduce-roll-button,
.sheet-vice-button,
.sheet-crewactionroll-selected,
.sheet-crewdowntimeroll-selected,
.sheet-crewengagementroll-selected,
.sheet-crewfortuneroll-selected,
.sheet-crewresistanceroll-selected,
.sheet-crewtrace-ready,
.sheet-crewstudy-ready,
.sheet-crewsurvey-ready,
.sheet-crewmodify-ready,
.sheet-crewfinesse-ready,
.sheet-crewghost-ready,
.sheet-crewcombat-ready,
.sheet-crewwreck-ready,
.sheet-crewhack-ready,
.sheet-crewcontrol-ready,
.sheet-crewnetwork-ready,
.sheet-crewsway-ready,
.sheet-crewtrace-button,
.sheet-crewstudy-button,
.sheet-crewsurvey-button,
.sheet-crewmodify-button,
.sheet-crewfinesse-button,
.sheet-crewghost-button,
.sheet-crewcombat-button,
.sheet-crewwreck-button,
.sheet-crewhack-button,
.sheet-crewcontrol-button,
.sheet-crewnetwork-button,
.sheet-crewsway-button,
.sheet-crewinsight-ready,
.sheet-crewprowess-ready,
.sheet-crewresolve-ready,
.sheet-crewinsight-button,
.sheet-crewprowess-button,
.sheet-crewresolve-button,
.sheet-crewlong-select,
.sheet-crewrecover-select,
.sheet-crewreduce-select,
.sheet-crewvice-select,
.sheet-crewlong-button,
.sheet-crewrecover-button,
.sheet-crewreduce-button,
.sheet-crewvice-button,
.sheet-crewacquire-select,
.sheet-crewacquire-button
{
    display:none;
}

.sheet-actionroll-selected:checked ~ .sheet-action-select,
.sheet-downtimeroll-selected:checked ~ .sheet-downtime-select,
.sheet-engagementroll-selected:checked ~ .sheet-engagement-select,
.sheet-fortuneroll-selected:checked ~ .sheet-fortune-select,
.sheet-resistanceroll-selected:checked ~ .sheet-resistance-select,
.sheet-crewroll-selected[value="action"] ~ .sheet-crewaction-select,
.sheet-crewroll-selected[value="downtime"] ~ .sheet-crewdowntime-select,
.sheet-crewroll-selected[value="engagement"] ~ .sheet-crewengagement-select,
.sheet-crewroll-selected[value="fortune"] ~ .sheet-crewfortune-select,
.sheet-crewroll-selected[value="resistance"] ~ .sheet-crewresistance-select,
.sheet-acquire-selected:checked ~ .sheet-acquire-select,
.sheet-long-selected:checked ~ .sheet-long-select,
.sheet-recover-selected:checked ~ .sheet-recover-select,
.sheet-reduce-selected:checked ~ .sheet-reduce-select,
.sheet-vice-selected:checked ~ .sheet-vice-select,
.sheet-action-ready:checked ~ .sheet-action-button,
.sheet-engagement-ready:checked ~ .sheet-engagement-button,
.sheet-action-ready:checked ~ .sheet-action-buttons,
.sheet-action-selected[value="trace"] ~ .sheet-trace-button,
.sheet-action-selected[value="study"] ~ .sheet-study-button,
.sheet-action-selected[value="survey"] ~ .sheet-survey-button,
.sheet-action-selected[value="modify"] ~ .sheet-modify-button,
.sheet-action-selected[value="finesse"] ~ .sheet-finesse-button,
.sheet-action-selected[value="ghost"] ~ .sheet-ghost-button,
.sheet-action-selected[value="combat"] ~ .sheet-combat-button,
.sheet-action-selected[value="wreck"] ~ .sheet-wreck-button,
.sheet-action-selected[value="hack"] ~ .sheet-hack-button,
.sheet-action-selected[value="control"] ~ .sheet-control-button,
.sheet-action-selected[value="network"] ~ .sheet-network-button,
.sheet-action-selected[value="sway"] ~ .sheet-sway-button, 
.sheet-downtime-action-selected[value="long"] ~ .sheet-long-select,
.sheet-downtime-action-selected[value="recover"] ~ .sheet-recover-select,
.sheet-downtime-action-selected[value="reduce"] ~ .sheet-reduce-select,
.sheet-downtime-action-selected[value="vice"] ~ .sheet-vice-select,
.sheet-downtime-selected[value="recover"] ~ .sheet-recover-button,
.sheet-downtime-selected[value="vice"] ~ .sheet-vice-button,
.sheet-resistance-select[value="insight"] ~ .sheet-resistance-roll-button,
.sheet-resistance-select[value="prowess"] ~ .sheet-resistance-roll-button,
.sheet-resistance-select[value="resolve"] ~ .sheet-resistance-roll-button,
.sheet-action-selected[value="trace"] ~ .sheet-trace-button,
.sheet-action-selected[value="study"] ~ .sheet-study-button,
.sheet-action-selected[value="survey"] ~ .sheet-survey-button,
.sheet-action-selected[value="modify"] ~ .sheet-modify-button,
.sheet-action-selected[value="finesse"] ~ .sheet-finesse-button,
.sheet-action-selected[value="ghost"] ~ .sheet-ghost-button,
.sheet-action-selected[value="combat"] ~ .sheet-combat-button,
.sheet-action-selected[value="wreck"] ~ .sheet-wreck-button,
.sheet-action-selected[value="hack"] ~ .sheet-hack-button,
.sheet-action-selected[value="control"] ~ .sheet-control-button,
.sheet-action-selected[value="network"] ~ .sheet-network-button,
.sheet-action-selected[value="sway"] ~ .sheet-sway-button, 
.sheet-downtime-action-selected[value="long"] ~ .sheet-downtime-long-actionselected:not([value="nothing"]) ~ .sheet-long-roll-button,
.sheet-downtime-action-selected[value="reduce"] ~ .sheet-downtime-reduce-action-selected:not([value="nothing"]) ~ .sheet-reduce-roll-button,
.sheet-crewroll-selected[value="downtime"] ~ .sheet-crewdowntime-action-selected[value="acquire"] ~ .sheet-crewacquire-select,
.sheet-crewdowntime-action-selected[value="long"] ~ .sheet-crewlong-select,
.sheet-crewdowntime-action-selected[value="recover"] ~ .sheet-crewrecover-select,
.sheet-crewdowntime-action-selected[value="reduce"] ~ .sheet-crewreduce-select,
.sheet-crewdowntime-action-selected[value="vice"] ~ .sheet-crewvice-select,
.sheet-crewdowntime-selected[value="long"] ~ .sheet-crewlong-button,
.sheet-crewdowntime-selected[value="acquire"] ~ .sheet-crewacquire-button,
.sheet-crewdowntime-selected[value="recover"] ~ .sheet-crewrecover-button,
.sheet-crewdowntime-selected[value="reduce"] ~ .sheet-crewreduce-button,
.sheet-crewdowntime-selected[value="vice"] ~ .sheet-crewvice-button,
.sheet-crewresistance-select[value="insight"] ~ .sheet-resistance-roll-button,
.sheet-crewresistance-select[value="prowess"] ~ .sheet-resistance-roll-button,
.sheet-crewresistance-select[value="resolve"] ~ .sheet-resistance-roll-button{
    display:block;
}

/*Roll Templates
.sheet-rolltemplate-action .sheet-rolltemplate-roll-holder,
.sheet-rolltemplate-drama .sheet-rolltemplate-roll-holder,
.sheet-rolltemplate-flashback .sheet-rolltemplate-roll-holder,
.sheet-rolltemplate-downtime .sheet-rolltemplate-roll-holder,
.sheet-rolltemplate-fortune .sheet-rolltemplate-roll-holder,
.sheet-rolltemplate-resistance .sheet-rolltemplate-roll-holder,
.sheet-rolltemplate-tables-and-lists .sheet-rolltemplate-roll-holder,
.sheet-rolltemplate-photo .sheet-rolltemplate-roll-holder{
    width:255px;
    height:auto;
}*/

.sheet-rolltemplate-actionroll {
    margin-left:-50px;
    width:255px;
    height:215px;
    background:url(https://i.imgur.com/pRPWiPo.png) center no-repeat;
    background-size:100%;
    opacity:1;
    color:white;
}

.sheet-rolltemplate-downtimeroll {
    margin-left:-50px;
    width:255px;
    height:215px;
    background:url(https://i.imgur.com/K2Uyi4S.png) center no-repeat;
    background-size:100%;
    opacity:1;
    color:white;
}

.sheet-rolltemplate-engagementroll {
    margin-left:-50px;
    width:255px;
    height:215px;
    background:url(https://i.imgur.com/W0FjDhT.png) center no-repeat;
    background-size:100%;
    opacity:1;
    color:white;
}

.sheet-rolltemplate-fortuneroll {
    margin-left:-50px;
    width:255px;
    height:215px;
    background:url(https://i.imgur.com/AHqjTQE.png) center no-repeat;
    background-size:100%;
    opacity:1;
    color:white;
}


.sheet-rolltemplate-resistanceroll {
    margin-left:-50px;
    width:255px;
    height:215px;
    background:url(https://i.imgur.com/rPDR2lU.png) center no-repeat;
    background-size:100%;
    opacity:1;
    color:white;
}

.sheet-rolltemplate-dice {
    font-size: 20px;
    font-weight: 400;
    margin: 1.5em 0;
}

.sheet-rolltemplate-zerodice-msg {
    font-size: 12px;
    font-style: italic;
    margin-top: 0.4em;
}

.sheet-rolltemplate-rolltype-name {
    color: #66ffff;
    text-transform: capitalize;
}

.sheet-rolltemplate-roll2 {
    text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}

.sheet-rolltemplate-actionroll {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sheet-rolltemplate-character-text {
    margin-top: .5em;
}

.sheet-rolltemplate-action-name {
    text-transform: capitalize;
}

.sheet-rolltemplate-outcome {
    margin-top: 1em;
}

.sheet-rolltemplate-roll2 .sheet-rolltemplate-dice .inlinerollresult {
    background-color:  rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
}

.sheet-rolltemplate-outcome > * {
    display: none;
}

/* non-zero rolls */
/* non-zero roll with 2+ crits = critical success */
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-critical-success {
    display: block;
}
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-success,
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure
{
    display: none;
}

/* non-zero roll with 1 crit = success */
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-success {
    display: block;
}
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit[title*="6"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit[title*="6"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit[original-title*="6"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit[original-title*="6"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure
{
    display: none;
}

/* non-zero roll with a 4 or 5 = mixed success */
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled [original-title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled [original-title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success {
    display: block;
}

.sheet-rolltemplate-dice.sheet-nonzerodice-rolled [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled [original-title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled [original-title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure {
    display: none;
}

/* if all else fails, it's a failure */
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure {
    display: block;
}

/* zero rolls */
/* two sixes on a zero roll = success */
.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-success {
    display: block;
}

.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure {
    display: none;
}

/* at least 2 of 4, 5 and 6 = mixed success */
.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="5"] ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="5"] ~ [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="5"] ~ [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="4"] ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="4"] ~ [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="4"] ~ [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ [original-title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ [original-title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="5"] ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="5"] ~ [original-title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="5"] ~ [original-title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="4"] ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="4"] ~ [original-title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="4"] ~ [original-title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success {
    display: block;
}

.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="5"] ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="5"] ~ [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="5"] ~ [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="4"] ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="4"] ~ [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="4"] ~ [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ [original-title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ [original-title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="5"] ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="5"] ~ [original-title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="5"] ~ [original-title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="4"] ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="4"] ~ [original-title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="4"] ~ [original-title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure {
    display: none;
}

/* otherwise, we've got a failure */
.sheet-rolltemplate-dice.sheet-zerodice-rolled .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure {
    display: block;
}


.sheet-rolltemplate-die1,
.sheet-rolltemplate-die2,
.sheet-rolltemplate-die3,
.sheet-rolltemplate-die4,
.sheet-rolltemplate-die5,
.sheet-rolltemplate-die6 {
    display:none;
}

.sheet-rolltemplate-0 > .sheet-rolltemplate-die1,
.sheet-rolltemplate-0 > .sheet-rolltemplate-die2,
.sheet-rolltemplate-1 > .sheet-rolltemplate-die1,
.sheet-rolltemplate-2 > .sheet-rolltemplate-die1,
.sheet-rolltemplate-2 > .sheet-rolltemplate-die2,
.sheet-rolltemplate-3 > .sheet-rolltemplate-die1,
.sheet-rolltemplate-3 > .sheet-rolltemplate-die2,
.sheet-rolltemplate-3 > .sheet-rolltemplate-die3,
.sheet-rolltemplate-4 > .sheet-rolltemplate-die1,
.sheet-rolltemplate-4 > .sheet-rolltemplate-die2,
.sheet-rolltemplate-4 > .sheet-rolltemplate-die3,
.sheet-rolltemplate-4 > .sheet-rolltemplate-die4,
.sheet-rolltemplate-5 > .sheet-rolltemplate-die1,
.sheet-rolltemplate-5 > .sheet-rolltemplate-die2,
.sheet-rolltemplate-5 > .sheet-rolltemplate-die3,
.sheet-rolltemplate-5 > .sheet-rolltemplate-die4,
.sheet-rolltemplate-5 > .sheet-rolltemplate-die5,
.sheet-rolltemplate-6 > .sheet-rolltemplate-die1,
.sheet-rolltemplate-6 > .sheet-rolltemplate-die2,
.sheet-rolltemplate-6 > .sheet-rolltemplate-die3,
.sheet-rolltemplate-6 > .sheet-rolltemplate-die4,
.sheet-rolltemplate-6 > .sheet-rolltemplate-die5,
.sheet-rolltemplate-6 > .sheet-rolltemplate-die6 {
    display:block;
}

.sheet-rolltemplate-action-roll,
.sheet-rolltemplate-downtime-roll,
.sheet-rolltemplate-engagement-roll,
.sheet-rolltemplate-fortune-roll,
.sheet-rolltemplate-resistance-roll {
    display: none;
    font-size: 20px;
}

.sheet-rolltemplate-actionroll .sheet-rolltemplate-action-roll,
.sheet-rolltemplate-downtimeroll .sheet-rolltemplate-downtime-roll,
.sheet-rolltemplate-engagementroll .sheet-rolltemplate-engagement-roll,
.sheet-rolltemplate-fortuneroll .sheet-rolltemplate-fortune-roll,
.sheet-rolltemplate-resistanceroll .sheet-rolltemplate-resistance-roll {
    display:block;
}


.sheet-tooltip ~ .sheet-tooltip-text {
    visibility: hidden;
    height: auto;
    width: auto;
    background: #af1919 center;
    color: #fff;
    padding: 5px;
    opacity: 1;
    position: absolute;
    z-index: 2;
    float:below;
    font-size: 13px;
    line-height: 16px;
    color: #f3f3f3;
    transition-delay: .50s;
}

.sheet-tooltip:checked ~ .sheet-tooltip-text {
    visibility: visible;
    transition: 1s ease;
    transition-delay: .50s;
    padding: 5px 75px;
}

/*Hidden Track Button*/

.sheet-hidden-button {
    opacity: 0;
}

.sheet-hidden-button:hover {
    opacity: 1;
}

.sheet-bigger {
    width: 100% !important;
}

button[type=roll]:before {
	content: "" !important;
	margin: default;
}

button {
    background-color: #af1919;
    background-image: none;
    background-size:100%;
    overflow: visible;
    padding: 5px;
    margin: 5px;
    font-size: 10px !important; 
    color:#f3f3f3;
}

button:hover {
	background-color: #af1919;
	background-image: none;
	color:#f3f3f3;
}

button:active {
	background-color: #af1919;
	background-image: none;
	color:#f3f3f3;
}