@import url('https://fonts.googleapis.com/css?family=Coming+Soon&display=swap');

/*Configure the tab buttons*/
.sheet-character,
.sheet-spaceship {
    display: none;
}

/* show the selected tab */
.sheet-tabstoggle[value="character"] ~ div.sheet-character,
.sheet-tabstoggle[value="spaceship"] ~ div.sheet-spaceship {
    display: block;
}

input[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}
button[type=roll]::before{
    font-family: dicefontd6 !important;
    content: "f  " !important;
    font-size: 1em !important;
    color: #848484 !important;
	}
.sheet-container {
	display: grid;
	grid-template-columns: 22px 34px 52px 45px 15px 42px 44px 50px 20px 50px 96px 40px 96px 70px 130px 33px;
	grid-template-rows: 37.5px 37.5px 7.5px 37.5px 7.5px 37.5px 7.5px 30px 7.5px 30px 7.5px 30px 7.5px 30px 7.5px 30px 15px 37.5px 37.5px 37.5px;
	grid-auto-flow: row;
	background:#FFFF00;
	border: 5pt solid green;
	}
.sheet-header
	{
	grid-column: 1 / span 7;
	grid-row: 1;
	background:#FFFF00;
	color:#FFFF00;
	border: none;
	}
.sheet-footer
	{
	grid-column: 1 / span 7;
	grid-row: 25;
	background:#FFFF00;
	color:#FFFF00;
	border: none;
	}
.sheet-nametitle
	{
	grid-column: 2 / span 2;
	grid-row: 2;
	background:#FFFF00;
	color:#000000;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-nametitle span
	{
	grid-column: 2 / span 2;
	grid-row: 2;
	background:#FFFF00;
	color:#000000;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-namescore
	{
	grid-column: 4 / span 7;
	grid-row: 2;
	border: none;
	font-size: 18pt;
	vertical-align:middle;
	}
.sheet-namescore input[type=text]
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	width: 300px;
	}
.sheet-aceidcard
	{
	grid-column: 14 / span 2;
	grid-row: 2;
	border: 3pt solid green;
	}
.sheet-idcard 
	{
	grid-column: 15;
	grid-row: 2;
	font-size: 18pt;
	font-weight: bold;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	color: #000000;
	vertical-align:middle;
	}
.sheet-ace
	{
	grid-column: 14;
	grid-row: 2;
	font-size: 18pt;
	font-weight: bold;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	color: green;
	vertical-align:middle;
	}
.sheet-spacer3
	{
	grid-column: 1 / span 8;
	grid-row: 3;
	background:#FFFF00;
	color:#FFFF00;
	border: none;
	vertical-align:middle;
	}
.sheet-spacer5
	{
	grid-column: 1 / span 8;
	grid-row: 5;
	background:#FFFF00;
	color:#FFFF00;
	border: none;
	vertical-align:middle;
	}
.sheet-spacer7
	{
	grid-column: 1 / span 8;
	grid-row: 7;
	background:#FFFF00;
	color:#FFFF00;
	border: none;
	vertical-align:middle;
	}
.sheet-traitroletitle
	{
	grid-column: 2 / span 4;
	grid-row: 4;
	background:#FFFF00;
	color:#000000;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-traitscore
	{
	grid-column: 6 / span 2;
	grid-row: 4;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-traitscore input[type=text]
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	font-size: 18pt;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-weight: bold;
	width: 130pt;
	vertical-align:middle;
	}
.sheet-rolescore
	{
	grid-column: 10 / span 6;
	grid-row: 4;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-rolescore input[type=text]
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	font-size: 18pt;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-weight: bold;
	width: 180pt;
	vertical-align:middle;
	}
.sheet-healthtitle
	{
	grid-column: 2 / span 2;
	grid-row: 6;
	background:#FFFF00;
	color:#000000;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-healthcurrentscore
	{
	grid-column: 4;
	grid-row: 6;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-healthcurrentscore input[type=number]
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	font-size: 18pt;
	font-weight: bold;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	width: 30pt !important;
	vertical-align:top;
	}
.sheet-healthdivider
	{
	grid-column: 5;
	grid-row: 6;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-healthscore
	{
	grid-column: 6;
	grid-row: 6;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-healthscore input[type=number]
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	font-size: 18pt;
	font-weight: bold;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	width: 30pt !important;
	vertical-align:top;
	text-align: right !important;
	}
.sheet-defencetitle
	{
	grid-column: 7 / span 2;
	grid-row: 6;
	background:#FFFF00;
	color:#000000;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-defencescore
	{
	grid-column: 10;
	grid-row: 6;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-defencescore input[type=number]
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	font-size: 18pt;
	font-weight: bold;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	width: 50px;
	vertical-align:middle;
	text-align: center;
	}
.sheet-karmatitle
	{
	grid-column: 11;
	grid-row: 6;
	background:#FFFF00;
	color:#000000;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-karmascore
	{
	grid-column: 12;
	grid-row: 6;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-karmascore input[type=number]
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	font-size: 18pt;
	font-weight: bold;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	width: 50pt !important;
	vertical-align:middle;
	}
.sheet-smartstitle
	{
	grid-column: 3 / span 5;
	grid-row: 8;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 16pt;
	vertical-align:middle;
	}
.sheet-smartstitle button[type=roll]
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	}
.sheet-smartsscore
	{
	grid-column: 8;
	grid-row: 8;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-smartsscore input[type=number]
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	font-size: 18pt;
	font-weight: bold;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	width: 30pt !important;
	vertical-align:middle;
	}
.sheet-smartfocusscore
	{
	grid-column: 9 / span 7;
	grid-row: 8;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-smartfocusscore input[type=text]
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	font-size: 18pt;
	font-weight: bold;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	width: 380pt;
	vertical-align:middle;
	}
.sheet-movestitle
	{
	grid-column: 3 / span 5;
	grid-row: 10;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 16pt;
	vertical-align:middle;
	}
.sheet-movestitle button[type=roll]
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	}
.sheet-movesscore
	{
	grid-column: 8;
	grid-row: 10;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-movesscore input[type=number]
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	font-size: 18pt;
	font-weight: bold;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	width: 30pt !important;
	vertical-align:middle;
	}
.sheet-movefocusscore
	{
	grid-column: 9 / span 7;
	grid-row: 10;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-movefocusscore input[type=text]
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	font-size: 18pt;
	font-weight: bold;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	width: 380pt;
	vertical-align:middle;
	}
.sheet-styletitle
	{
	grid-column: 3 / span 5;
	grid-row: 12;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 16pt;
	vertical-align:middle;
	}
.sheet-styletitle button[type=roll]
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	}
.sheet-stylescore
	{
	grid-column: 8;
	grid-row: 12;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-stylescore input[type=number]
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	font-size: 18pt;
	font-weight: bold;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	width: 30pt !important;
	vertical-align:middle;
	}
.sheet-stylefocusscore
	{
	grid-column: 9 / span 7;
	grid-row: 12;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-stylefocusscore input[type=text]
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	font-size: 18pt;
	font-weight: bold;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	width: 380pt;
	vertical-align:middle;
	}
.sheet-brawntitle
	{
	grid-column: 3 / span 5;
	grid-row: 14;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 16pt;
	vertical-align:middle;
	}
.sheet-brawntitle button[type=roll]
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	}
.sheet-brawnscore
	{
	grid-column: 8;
	grid-row: 14;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-brawnscore input[type=number]
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	font-size: 18pt;
	font-weight: bold;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	width: 30pt !important;
	vertical-align:middle;
	}
.sheet-brawnfocusscore
	{
	grid-column: 9 / span 7;
	grid-row: 14;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-brawnfocusscore input[type=text]
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	font-size: 18pt;
	font-weight: bold;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	width: 380pt;
	vertical-align:middle;
	}
.sheet-powertitle
	{
	grid-column: 3 / span 5;
	grid-row: 16;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 16pt;
	vertical-align:middle;
	}
.sheet-powertitle button[type=roll]
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	}
.sheet-powerscore
	{
	grid-column: 8;
	grid-row: 16;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-powerscore input[type=number]
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	font-size: 18pt;
	font-weight: bold;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	width: 30pt !important;
	vertical-align:middle;
	}
.sheet-powerfocusscore
	{
	grid-column: 9 / span 7;
	grid-row: 16;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-powerfocusscore input[type=text]
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	font-size: 18pt;
	font-weight: bold;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	width: 380pt;
	vertical-align:middle;
	}
.sheet-abilityscore
	{
	grid-column: 2 / span 13;
	grid-row: 18 / span 6;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 18pt;
	vertical-align:middle;
	}
.sheet-abilityscore textarea
	{
	background:#FFFF00;
	color:#848484;
	border: none;
	font-size: 18pt;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	width: 590pt;
	height: 100pt;
	line-height: 1;
	font-weight: bold;
	vertical-align:middle;
	}
.sheet-version
	{
	grid-column: 15;
	grid-row: 25;
	background:#FFFF00;
	color:#848484;
	border: none;
	font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	font-size: 8pt;
	text-align: right;
	vertical-align:middle;
	}
.sheet-rolltemplate-skill .sheet-container {
	background:#FFFF00;
	border:1pt solid green;
	}	
.sheet-rolltemplate-skill .sheet-rollheader
	{
	color:#848484;
	font-size:16.0pt;
	font-family:"Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	text-align:center;
	vertical-align:middle;
	border-left:.5pt solid green;
	border-right:.5pt solid green;
	border-top:none;
	border-bottom:none;
	background:#FFFF00;
	height: 25px;
	}
.sheet-rolltemplate-skill .sheet-rollrow1
	{
	color:#848484;
	vertical-align:middle !important;
	border-left:.5pt solid green;
	border-right:.5pt solid green;
	border-top:none;
	border-bottom:none;
	background:#FFFF00;
	white-space:normal;
	font-size:12.0pt;
	font-family:"Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	text-align:center;
	height: 25px;
	}
.sheet-rolltemplate-skill .sheet-rollrow1 .inlinerollresult  {
    background-color: #FFFF00;
	border:none;
	}
.sheet-rolltemplate-skill .sheet-rollrow2 
	{
	vertical-align:middle;
	border-left:.5pt solid green;
	border-right:.5pt solid green;
	border-top:none;
	border-bottom:none;
	background:#FFFF00;
	white-space:normal;
	color:#848484;
	font-size:9.0pt;
	font-weight:700;
	font-family:"Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	text-align: center;
	overflow:hidden,none;
	}
.sheet-rolltemplate-skill .sheet-rollrow2 .inlinerollresult  {
    background-color: #FFFF00;
    border: none;
	}
.sheet-rolltemplate-skill .sheet-rollfail 
	{
	vertical-align:middle;
	border-left:.5pt solid green;
	border-right:.5pt solid green;
	border-top:none;
	border-bottom:none;
	background:#FFFF00;
	white-space:normal;
	color:#848484;
	font-size:9.0pt;
	font-weight:700;
	font-family:"Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	text-align: center;
	overflow:hidden,none;
	}
.sheet-rolltemplate-skill .sheet-rollcalamity 
	{
	vertical-align:middle;
	border-left:.5pt solid green;
	border-right:.5pt solid green;
	border-top:none;
	border-bottom:none;
	background:#FFFF00;
	white-space:normal;
	color:#848484;
	font-size:16.0pt;
	font-weight:700;
	font-family:"Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
	text-align: center;
	overflow:hidden,none;
	height: 25px;
	}