$contrail: "Contrail One", sans-serif;
/* sheet colors */
$brightblue: #2B3FEA;
$navyblue: #223297;
$darkblue: #11194B;
$headergrey: #9B9B9B;
$skillgrey: #D3D3D3;
$lightbox: #F0F0F0;

/* roll template */
$arial: "Arial", sans-serif;
$times: "Times New Roman", serif;
$rt-red: #ff8080;
$rt-green: #83db53;
$rt-blue: #80b0ff;
$rt-purple: #b291ec;
$rt-gray: #bababa;

/* global styles */
.charsheet {
	background-color: white;
	padding: 0 !important;
	font-size: 12px;
	line-height: 18px;
	min-width: 800px;
	color: #000;
}
div, span, label, textarea, button[type=roll], h1, h2, h3 {
	box-sizing: border-box;
}
label {
	margin: 0;
	padding: 0;
	color: inherit;
	font-size: 1em;
	font-weight: normal;
	width: auto;
}
p {
	font-size: 1em;
	margin: 0 0 5px;
	line-height: inherit;
}
textarea {
	resize: vertical;
	padding: 1px 4px;
	font-size: 12px;
	margin: 0;
	color: #000;
	display: block;
}
input[type=text], input[type=number] {
	padding: 1px 4px;
	font-size: 12px;
	height: 20px;
	color: #000;
}
input[type=number][readonly="readonly"],
input[type=number].sheet-no-spinners {
	-moz-appearance: textfield;

	&::-webkit-inner-spin-button,	&::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}
}
select {
	margin: 0;
	color: #000;
	font-size: 12px;
	padding: 1px 2px;
	line-height: 18px;
	height: 22px;
}
button[type=roll].btn { margin: 0 }
button[type=roll].sheet-unstyled-button {
	text-shadow: none;
	box-shadow: none;
	color: inherit;
	text-align: inherit;
	padding: 0;
	border: none;
	border-radius: 0;
	font-size: inherit;
	background: transparent;
	&::before { content: "" }
}
button[type=roll].sheet-invisible-button {
	position: absolute;
	z-index: 1;
	opacity: 0;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	&:hover + div {
		color: $brightblue;
		border-color: $brightblue;
	}
}
.sheet-hider[value="0"] {
	 + div, + label, + button, + span { display: none }
}
.sheet-hider[value=""] + button { display: none }

.sheet-editmode[value="0"] ~ .sheet-content .sheet-empty-hider[value=""] + div { display: none }
/* headings */
h1 {
	font-family: $contrail;
	background-color: $headergrey;
	padding-left: 5px;
	color: #fff;
	font-size: 1.3em;
	line-height: 22px;
	font-weight: normal;
	&::after {
		content: "";
		position: absolute;
		right: 0;
		background-color: $navyblue;
		background-position: center;
		background-size: 100%;
		width: 22px;
		height: 22px;
	}
}
h2 {
	font-family: $contrail;
	padding-left: 5px;
	border: 2px solid #000;
	background-color: #ccc;
	color: #000;
	font-size: 1.1em;
	margin: 5px 0;
	width: 175px;
	line-height: 18px;
}
h3 {
	font-size: 1.2em;
	font-family: $contrail;
	color: #6B6B6B;
	line-height: 1.5;
	font-weight: normal;
}
/* tab wrappers and type chooser */
.sheet-npc-input[value="0"] ~ .sheet-tabs .sheet-npc-tab,
.sheet-npc-input[value="1"] ~ .sheet-tabs .sheet-pc-tab,
.sheet-tab-input:not([value="character"]) ~ .sheet-character,
.sheet-tab-input:not([value="ship"]) ~ .sheet-ship,
.sheet-tab-input:not([value="drones"]) ~ .sheet-drones,
.sheet-tab-input:not([value="npc"]) ~ .sheet-npc { display: none }

.sheet-content {
	min-width: 800px;
	display: grid;
	grid-gap: 5px;
}

/* editmode */
.sheet-editmode[value="0"] ~ .sheet-content .sheet-edit,
.sheet-editmode[value="0"] ~ .sheet-content .repcontrol,
.sheet-editmode[value="1"] ~ .sheet-content .sheet-display { display: none }

/* header */
.sheet-header {
	margin-bottom: 10px;
	input {
		opacity: 0;
		position: absolute;
	}
	.sheet-logo { width: 480px }
	.sheet-npc-chooser {
		cursor: pointer;
		margin-left: auto;
		color: #fff;
		span { padding: 3px 6px }
		input:not(:checked) ~ .sheet-pc-label, input:checked ~ .sheet-npc-label { background: $darkblue }
		input:checked ~ .sheet-pc-label, input:not(:checked) ~ .sheet-npc-label { background: $navyblue }
	}
	.sheet-edit-button { margin: 0 5px 0 20px }
	.sheet-settings-gear, .sheet-edit-button {
		cursor: pointer;
		font-size: 16px;
		font-family: pictos;
		input:not(:checked) + span { color: #888 }
		input:checked + span { color: $navyblue }
	}
}
.sheet-footer {
	font-size: 10px;
	border-top: 1px solid #ccc;
	margin-top: 10px;
	color: #666;
	button[type="roll"].btn:hover { color: $navyblue }
}
/* tab environment */
.sheet-tabs {
	margin-bottom: 10px;
	width: 100%;
	position: relative;
	z-index: 2;
	border-top: 1px solid #333;
	font-family: $contrail;
	flex-flow: row-reverse;
	justify-content: flex-end;
	input {
		opacity: 0;
		position: absolute;
		&:checked + span { background: $darkblue }
		&:not(:checked) + span { background: $navyblue }
	}
	span { padding: 1px 25px 0 }
	label {
		cursor: pointer;
		line-height: 17px;
		display: flex;
		margin: -1px -10px 0 0;
		color: #fff;
		clip-path: polygon(0 0, 100% 0, 100% 10px, calc(100% - 10px) 100%, 0 100%);
	}
}

/* organisation */
.sheet-flex {
	display: flex;
}
.sheet-flex-start {
	display: flex;
	align-items: flex-start;
}
.sheet-flex-center {
	display: flex;
	align-items: center;
}
.sheet-flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sheet-flex-wrap {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: flex-start;
}
.sheet-grow { flex-grow: 1 }

.sheet-halfgrid {
	display: grid;
	grid: auto/ 1fr 1fr;
	grid-gap: 5px;
}
.sheet-thirdsgrid {
	display: grid;
	grid: auto/ repeat(3, 1fr);
	grid-column-gap: 1%;
}
.sheet-column > div:not(:first-child) { margin-top: 5px }
.sheet-col-2 { grid-column: 2 }
.sheet-col-3 { grid-column: 3 }
.sheet-col-4 { grid-column: 4 }
.sheet-cols-2 { grid-column: span 2 }
.sheet-cols-3 { grid-column: span 3 }
.sheet-cols-4 { grid-column: span 4 }
.sheet-rows-2 { grid-row: span 2 }
.sheet-col55 { width: 55% }
.sheet-col50 { width: 50% }
.sheet-col40 { width: 40% }
.sheet-colthird { width: calc(100%/3) }
.sheet-col25 { width: 25% }
.sheet-colsixth { width: calc(100%/6) }

/* containers */
.sheet-grey-box, .sheet-grey-box-bordered {
	padding: 4px;
	background: $lightbox;
}
.sheet-grey-box-bordered { border: 1px solid #aaa }
.sheet-core-box {
	padding: 8px;
	background: $lightbox;
}
.sheet-core-box-text {
	padding: 8px 3px 3px 8px;
	background: $lightbox;
}
input[type=text].sheet-inherit {
	border-radius: 0;
	border: none;
	background: transparent;
	box-shadow: none;
	padding: 0;
	color: inherit;
	font: inherit;
}
input[type=number].sheet-inline-input {
	position: relative;
	z-index: 2;
	vertical-align: baseline;
	padding: 0 3px;
}
.sheet-text-input {
	color: #666;
	padding-right: 5px;
	line-height: 1;
	.sheet-label {
		font-size: .9em;
		text-align: inherit;
		line-height: 14px;
		border-top: 1px solid #AAA;

		input[type="checkbox"] {
			height: 14px;
			margin: 0 3px 0 0;
		}
	}
	input[type=text], input[type=number], textarea {
		background: transparent;
		padding: 1px 0;
		width: 100%;
		border-radius: 0;
		color: $navyblue;
		border: none;
		text-align: inherit;
		font-weight: inherit;
		box-shadow: none;
		&[readonly="readonly"] { cursor: default }
	}
	input[type=text], input[type=number] { font-size: 1.1em }
	textarea {
		height: 20px;
		min-height: 20px;
	}
	> input[type=checkbox] {
		height: 14px;
		margin: 3px 0;
	}
	select {
		width: 100%;
		height: 20px;
		color: $navyblue;
		background: transparent;
		border: none;
	}
	&.sheet-important {
		font-weight: bold;
		font-size: 1.1em;
	}
	&.sheet-center { text-align: center }
	&.sheet-duo {
		display: grid;
		text-align: center;
		grid: auto / 1fr 5px 1fr;
		align-items: center;
		align-content: start;
		grid-column-gap: 4px;
		> span {
			font-size: 16px;
			color: #333;
		}
		.sheet-label { grid-column: 1/4 }
	}
	button[type=roll].btn {
		width: 100%;
		&:hover { color: red }
	}
}
.sheet-table-header {
	font-size: .9em;
	color: #666;
	.sheet-center { text-align: center }
	> div {
		padding-left: 2px;
		border-bottom: 1px solid #aaa;
	}
}
.sheet-blue-button {
	text-align: center;
	line-height: 1.5;
	button[type=roll].btn {
		background: $brightblue;
		width: 35px;
		height: 35px;
		display: block;
		margin: 0 auto;
		color: white;
		&::before { content: "" }
	}
}
.sheet-focusinfo {
	position: relative;
	.sheet-details {
		position: absolute;
		z-index: 1;
		opacity: 1;
		width: 250px;
		top: 22px;
		left: calc(50% - 125px);
		transition: all 0.3s;
		background: #FFF;
		border: 1px solid #777;
		border-radius: 8px;
		padding: 5px;
	}
	input:not(:focus) ~ .sheet-details {
		visibility: hidden;
		opacity: 0;
	}
}

/* inline styling */
.sheet-lower { text-transform: lowercase }
.sheet-space-before::before, .sheet-space-after::after { content: " " }
.sheet-colon-after::after { content: ":" }
.sheet-hide-empty[value=""] + span { display: none }
.sheet-add-plus:not([value^="-"]) + span::before { content: "+" }
.sheet-api {
	font-size: .8em;
	background: $lightbox;
	border-radius: 5px;
	padding: 1px;
	line-height: 1;
	vertical-align: super;
}

/* force repeating row behaviour */

.sheet-simple-repsection {
	.repitem { margin-bottom: 3px }
	textarea {
		margin: 3px 0 0;
		height: 50px;
	}
	.sheet-display {
		.sheet-name {
			font-weight: bold;
			font-size: 1.1em;
			border-bottom: 1px solid #777;
		}
		.sheet-details {
			line-height: 1.4;
			text-align: justify;
			white-space: pre-wrap;
		}
	}
}
.sheet-rep-grid {
	display: grid;
	align-items: start;
	grid-column-gap: 3px;
	margin-bottom: 3px;
	.sheet-text-input { padding: 0 }
}

/* global skill settings */
.sheet-skills-type[value="neither"] ~ div .sheet-skills-either,
.sheet-skills-type:not([value="first"]) ~ div .sheet-skills-first,
.sheet-skills-type:not([value="revised"]) ~ div .sheet-skills-revised,
.sheet-skills-type:not([value="neither"]) ~ div .sheet-skills-neither,
.sheet-skills-query:not([value="hover"]) ~ div .sheet-skills-query-hover,
.sheet-skills-query[value="query"] ~ div .sheet-skills-query-display,
.sheet-skills-query[value="query"] ~ div .sheet-skills-query-ask {
	display: none;
}
.sheet-skills-query-display {
	input:not([value*="str"]) ~ .sheet-str,
	input:not([value*="dex"]) ~ .sheet-dex,
	input:not([value*="con"]) ~ .sheet-con,
	input:not([value*="int"]) ~ .sheet-int,
	input:not([value*="wis"]) ~ .sheet-wis,
	input:not([value*="cha"]) ~ .sheet-cha { display: none }
}
.sheet-skills-query[value="hover"] ~ div .sheet-skill:hover .sheet-skills-query-display,
.sheet-skill .sheet-display .sheet-query:focus + .sheet-skills-query-display { display: none }

/* repeating section controls */
.repcontrol {
	display: flex;
	margin-top: 4px;
	button { padding: 3px 10px }
}
.repcontrol_edit {
	order: 1;
	margin-left: auto;
}
.repcontrol button {
	background: $navyblue;
	color: #FFF;
	box-shadow: none;
	text-shadow: none;
}
.repcontrol_move, .repcontrol_del { padding: 1px 10px }
.itemcontrol { z-index: 100 }

/* Section visibility toggling */
/* Github hosting doesn't seem to work, for some reason: https://svgshare.com/i/6Vz.svg */
.sheet-section-toggle-header {
	position: relative;
	input {
		cursor: pointer;
		position: absolute;
		width: 22px;
		height: 100%;
		z-index: 2;
		right: 0;
		opacity: 0;

		+ h1::after { background-image: url("https://svgshare.com/i/6Vz.svg") }
		&:not(:checked) + h1::after { transform: rotate(180deg) }
	}
	+ input + div { margin-top: 5px }
}

/* Settings */
.sheet-settings {
	label {
		font-weight: bold;
		span { margin-right: 4px }
	}
	select {
		width: 120px;
		display: inline-block;
		&.sheet-wide { width : 170px }
	}
}

/* generate buttons */
.sheet-generate {
	margin-bottom: 5px;
	.sheet-generate-source {
		height: 20px;
		width: 170px;
	}
	.sheet-generate-info {
		margin: 0 5px;
		min-height: 20px;
		flex-grow: 1;
		background: $lightbox;
		border-radius: 4px;
		padding: 1px 4px;
	}
	.sheet-generate-button {
		padding: 1px 8px;
		border-radius: 4px;
		cursor: pointer;
		background: #223297;
		color: #FFF;
		input[type=checkbox] {
			position: absolute;
			visibility: hidden;
		}
		&:active {
			outline: 5px auto;
			outline-offset: -2px;
		}
	}
}

/* Character core */
.sheet-core {
	display: grid;
	grid-column-gap: 5px;
	&.sheet-core-info {
		grid: auto / 2.5fr 1fr .8fr;
		.sheet-info {
			flex-wrap: wrap;
			padding-right: 3px;
			.sheet-important {
				width: calc(60% - 22px);
			}
			.sheet-level { width: 44px }
			.sheet-level-rest { width: calc(40% - 22px) }
		}
	}
	&.sheet-core-stats {
		grid: auto / minmax(310px, 1.2fr) minmax(260px, 1fr) minmax(220px, .8fr);
	}
	.sheet-main-content {
		margin-top: 3px;
		display: grid;
		grid: auto / repeat(3, 1fr);
		grid-row-gap: 3px;
		.sheet-left-margin { margin-left: 15px }
	}
}

/* Saves */
.sheet-saves .sheet-flex { margin-top: 4px}
/* menus */
.sheet-menus-content {
	display: grid;
	grid: auto / 1fr 1fr;
}
.sheet-menus button[type=roll].btn {
	color: $brightblue;
	font-size: 1.1em;
	&:hover { color: red }
	.sheet-character & { margin-right: auto }
}

/* Attributes */
.sheet-attributes {
	font-size: 1.1em;
	line-height: 1.2;
	table {
		width: 100%;
		height: 100%;
	}
	td:first-child, .sheet-mod { font-weight: bold }
	td:not(:first-child) { text-align: center }
	input[type=number] { width: 45px }
	.sheet-mod { font-size: 1.1em }
}

/* Resources */
.sheet-editmode[value="0"] ~ .sheet-content .sheet-resources .repcontainer {
	grid: auto / 1fr 1fr;
}
.sheet-resources {
	.sheet-credits { margin-left: auto }
	.repcontainer {
		display: grid;
		grid-row-gap: 3px;
		margin-top: 3px;
	}
	input[type=text] {
		width: calc(100% - 8em);
		margin-right: auto;
	}
	.sheet-slash { margin: 0 2px }
}

/* Weapons */
.sheet-weapons {
	.sheet-edit {
		justify-content: space-between;
		padding-right: 1px;
		.sheet-name { width: 138px }
		.sheet-ab { width: 45px }
		.sheet-weapon-skill { width: 80px }
		.sheet-attribute { width: 60px }
		.sheet-burst { width: 65px }
		.sheet-damage { width: 60px }
		.sheet-shock-damage { width: 55px }
		.sheet-shock-ac { width: 55px }
		.sheet-skill-to-damage { width: 30px }
		.sheet-range { width: 60px }
		.sheet-ammo { width: 80px }
		.sheet-enc { width: 40px }
	}
	.sheet-text-input { padding-right: 3px }

	.repitem { margin-bottom: 3px }
	.sheet-display {
		font-size: 1.1em;
		border: 1px solid #888;
		text-indent: -10px;
		padding: 2px 4px 2px 14px;
		.sheet-name { font-weight: bold }
	}
	.repitem:nth-child(odd) .sheet-display { background: $skillgrey }
}

/* Skills */
.sheet-skill-container, .sheet-skills-repeating .repcontainer {
	display: grid;
	grid: auto / 1fr 1fr;
	grid-gap: 4px 1%;
}
.sheet-skill {
	position: relative;
	.sheet-display, .sheet-edit {
		border: 1px solid #888;
		padding: 2px 4px;
		height: 100%;
	}

	.sheet-display {
		font-weight: bold;
		font-size: 1.1em;
		.sheet-dice[value="3d6d1"] + .sheet-name::after { content: "3d6" }
		.sheet-dice[value="4d6d2"] + .sheet-name::after { content: "4d6" }
		.sheet-name { margin-right: auto }
		.sheet-name::after {
			vertical-align: super;
			margin-left: 2px;
			font-weight: normal;
			font-size: .7em;
		}
		.sheet-query {
			width: 55px;
			background: transparent;
			border-color: transparent;
			position: relative;
			height: 18px;
			z-index: 2;
			margin: 0 2px;
			outline: none;
			color: inherit;
			flex-shrink: 0;
			line-height: 16px;
			padding: 0;
		}
	}
	&:not(:hover) .sheet-display .sheet-query:not(:focus) { display: none }

	.sheet-skills-query-display {
		margin: 0 3px;
		flex-shrink: 0;
		font-weight: normal;
	}

	.sheet-edit {
		input[type="text"].sheet-name {
			width: 100%;
			margin-bottom: 2px;
		}
		div.sheet-name {
			flex-grow: 1;
			width: 0;
			padding: 1px 2px;
		}
		.sheet-level {
			margin: 0 2px;
			padding: 1px 2px;
			width: 40px;
		}
		.sheet-query { width: 50px }
		.sheet-dice { width: 35px }
		&.sheet-flex-wrap {
			select, input { flex-grow: 1 }
		}
	}

	&.sheet-skill-points {
		.sheet-display {
			font-size: 1.1em;
			font-weight: bold;
			width: 100%;
		}
		.sheet-name {
			background: #000;
			color: #fff;
			flex-grow: 0;
			margin-right: auto;
			width: auto;
			padding: 0 4px;
		}
		.sheet-edit .sheet-level { margin: 0 }
	}
}
.sheet-skill-container .sheet-skill {
	&:nth-of-type(4n+1), &:nth-of-type(4n+2) { background: $skillgrey }
}
.repcontainer[data-groupname="repeating_skills"] .repitem {
	&:nth-of-type(4n+1) .sheet-skill, &:nth-of-type(4n+2) .sheet-skill { background: $skillgrey }
}
.sheet-skills-type:not([value="neither"]) ~ div .sheet-skills-repeating,
.sheet-psionics .sheet-skills-repeating, .sheet-magic .sheet-skills-repeating { margin-top: 4px }
.sheet-skill-blurb {
	margin-top: 3px;
	font-style: italic;
	text-align: center;
}

/* name + desc sections */
.sheet-details-button {
	margin-left: auto;
	font-weight: bold;
	color: #999;
	letter-spacing: 1px;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 10px;
	input {
		visibility: hidden;
		position: absolute;
		&:checked + span { color: #333 }
	}
}
.sheet-input-details:not([value="1"]) ~ div .sheet-details { display: none }


/* Supernatural section controls */
.sheet-super-type {
	&:not([value="psionics"]) ~ div .sheet-super-psionics-only,
	&:not([value="magic"]) ~ div .sheet-super-magic-only,
	&:not([value="both"]) ~ div .sheet-super-both,
	&[value="magic"] ~ div .sheet-super-psionics,
	&[value="psionics"] ~ div .sheet-super-magic,
	&[value="neither"] ~ div .sheet-super { display: none }
}
.sheet-tab-input:not([value="psionics"]) ~ .sheet-psionics,
.sheet-tab-input:not([value="magic"]) ~ .sheet-magic { display: none }


/* Psionics */
.sheet-psionics-effort {
	display: grid;
	grid: auto/ auto 60px 60px 60px 80px;
	align-items: center;
	grid-column-gap: 4px;
	margin-top: 5px;
	h3 { line-height: 1 }
}
.sheet-techniques {
	margin-top: 5px;
	> .sheet-flex-center { margin-bottom: 5px }
	.sheet-display .sheet-discipline { margin-left: auto }
	.sheet-edit .sheet-discipline {
		margin-left: 5px;
		width: 90px;
	}
}

/* Space Magic */
.sheet-spells {
	margin-top: 5px;
	> .sheet-flex-center { margin-bottom: 5px }
	> .sheet-flex {
		border-bottom: 1px solid #666;
		margin-bottom: 3px;
		:not(:first-child) { text-align: center }
	}
	.sheet-edit {
		.sheet-name {
			width: 220px;
			flex-grow: 1;
		}
		.sheet-prepared { margin: 0 3px }
		.sheet-prepared, .sheet-damage { width: 60px }
	}
	.sheet-display {
		.sheet-name { padding-bottom: 1px }
		span.sheet-prepared { margin: 0 4px 0 auto }
		input[type=number].sheet-prepared {
			padding: 0 4px;
			position: relative;
			z-index: 2;
		}
	}
}

/* Foci */
.sheet-foci-loc {
	&[value="left"] ~ .sheet-column .sheet-foci-right,
	&[value="right"] ~ .sheet-column .sheet-foci-left { display: none }
}
.sheet-foci {
	.sheet-details-button {
		position: relative;
		z-index: 2;
	}
	.sheet-class-ability {
		position: relative;
		.sheet-edit .sheet-name {
			font-weight: bold;
			font-size: 1.1em;
			border-bottom: 1px solid #777;
		}
		.sheet-name, .sheet-edit textarea, .sheet-display { margin-bottom: 3px }
	}
	.sheet-edit {
		.sheet-name { flex-grow: 1 }
		.sheet-level {
			margin-left: 3px;
			width: 60px;
		}
	}
	.sheet-display .sheet-level { margin-left: auto }
}

/* Gear */
.sheet-armor {
	.sheet-armor-grid {
		grid: auto / 40px 1fr 40px 75px 35px 35px 70px;
	}
	.sheet-details div, .sheet-details label {
		grid-column: 2 / 8;
	}
	.sheet-details .sheet-display {
		line-height: 1.3;
	}
}
.sheet-readied-stowed {
	display: grid;
	align-items: center;
	grid: auto / 1fr 60px 60px 80px 80px;
	grid-column-gap: 7px;
	.sheet-input-gear-over[value="1"] + .sheet-text-input input:first-child { color: red }
}
.sheet-cyberware {
	h3 { margin: 5px 0 }
	.sheet-edit {
		flex-wrap: wrap;
		input[type=text] {
			width: 0;
			flex-grow: 1;
		}
		> span { margin: 0 3px }
	}
}
.sheet-equipment {
	.repcontainer[data-groupname="repeating_weapons"] + .repcontrol { display: none }
	.sheet-gear-grid {
		grid: auto / 35px minmax(130px,1fr) 2fr 35px 70px;
	}
	.sheet-other h3 { margin-bottom: 5px }
	.sheet-other-gear { height: 100px }
}

/* Misc */
.sheet-misc {
	.sheet-text-input input { padding-left: 2px }
	.repitem { margin-bottom: 2px }
	.sheet-xp { width: 50px }
}
.sheet-notes { margin-top: 5px }

/* Ship tab */
.sheet-ship-class {
	&[value="fighter"] ~ .sheet-section .sheet-generate-source {
		.sheet-frigate, .sheet-cruiser, .sheet-capital { display: none }
	}
	&[value="frigate"] ~ .sheet-section .sheet-generate-source {
		.sheet-cruiser, .sheet-capital { display: none }
	}
	&[value="cruiser"] ~ .sheet-section .sheet-generate-source {
		.sheet-capital { display: none }
	}
}
.sheet-ship {
	margin-top: -20px;
	grid: auto/ 2fr 1fr 1fr;
	.sheet-menus {
		h3 { line-height: 1 }
		button[type=roll].btn { line-height: 1 }
	}
	.sheet-type {
		padding: 5px 8px;
		h3 { line-height: 1 }
		select {
			height: 20px;
			width: 80px;
			background: transparent;
		}
	}
	.sheet-info {
		flex-wrap: wrap;
		.sheet-text-input { margin-bottom: 3px }
	}
	.sheet-data {
		display: grid;
		grid: auto / repeat(3, 1fr);
		.sheet-text-input, .sheet-text-input input[type=number] { text-align: center }
	}
	.sheet-stats {
		display: grid;
		grid: auto / 1fr 1fr;
	}
	.sheet-input-color-negative[value^="-"] + .sheet-text-input input:first-child { color: red }
	.repcontainer {
		display: grid;
		grid-row-gap: 3px;
	}
	.repitem {
		&, .sheet-edit, .sheet-display { width: 100% }
	}
	.sheet-grey-box-bordered { padding-right: 0 }

	.sheet-ship-weapons {
		.sheet-edit {
			.sheet-name { width: calc(100% - 200px) }
			.sheet-damage { width: 65px }
			.sheet-duo { width: 80px }
			.sheet-qualities { width: calc(100% - 195px) }
			.sheet-range { width: 70px }
		}
		.sheet-display {
			text-indent: -10px;
			padding-left: 14px;
		}
	}
	.sheet-ship-defenses, .sheet-ship-fitting {
		.sheet-edit {
			.sheet-name, .sheet-effect {
				flex: 1 1 auto;
				width: 0;
			}
		}
		.sheet-display {
			text-indent: -10px;
			padding: 2px 4px 2px 14px;
		}
	}

	.sheet-edit {
		.sheet-broken { width: 50px }
		.sheet-number { width: 50px }
	}

	.sheet-display {
		.sheet-name { font-weight: bold }
		.sheet-broken {
			color: red;
			text-transform: uppercase;
		}
		.sheet-description { font-style: italic }
	}

	.sheet-input-type[value="SHIP"] ~ div .sheet-vehicle-type:not(.sheet-vehicle-type-ship),
	.sheet-input-type[value="MECH"] ~ div .sheet-vehicle-type:not(.sheet-vehicle-type-mech),
	.sheet-input-type[value="VEHICLE"] ~ div .sheet-vehicle-type:not(.sheet-vehicle-type-custom) {
		display: none;
	}
	.sheet-editmode[value="0"] ~ & {
		.sheet-ship-defenses, .sheet-ship-fitting {
			background: $lightbox;
			padding: 3px 0;
		}
	}
}


/* NPC tab */
.sheet-npc {
	margin-top: -20px;
	grid: auto / 3fr .8fr 2.2fr;
	.sheet-input-individual-hide:not([value="1"]) ~ .sheet-rolls .sheet-individual-hide { display: none }
	.sheet-menus {
		h3 { line-height: 1 }
		button[type=roll].btn { line-height: 1 }
	}
	.sheet-info {
		display: grid;
		grid: auto / repeat(5, 1fr) 1.3fr;
	}
	.sheet-npc-hp {
		display: grid;
		grid: auto / 40px 1fr;
	}
	.sheet-individual-hide input[type="checkbox"] { margin-right: 2px }
	.sheet-npc-rep-header { margin: 4px}
	.sheet-rolls > :first-child { margin-bottom: 5px }
	.sheet-npc-checkbox {
		font-size: .9em;
		span {
			vertical-align: middle;
			margin-right: 4px;
		}
	}
	.repcontainer {
		display: grid;
		grid-gap: 3px;
	}
	.sheet-full-attacks { margin: 0 6px 0 auto }
	.sheet-grey-box-bordered { padding-right: 1px }
	.sheet-text-input { padding-right: 3px }
	.sheet-npc-attacks {
		.sheet-edit {
			.sheet-name {
				width: 0;
				flex-grow: 1;
			}
			.sheet-attacks, .sheet-ab { width: 50px }
			.sheet-burst, .sheet-damage { width: 65px }
		}
		.sheet-display {
			font-size: 1.1em;
			font-weight: bold;
			padding: 4px 8px;
			.sheet-attacks[value="1"] + span { display: none }
			.sheet-attacks { text-transform: lowercase }
		}
	}
	.sheet-npc-abilities {
		.sheet-npc-checkbox { margin-left: auto }
		.sheet-edit {
			.sheet-name { width: 100px }
			.sheet-description {
				width: 0;
				flex-grow: 1;
			}
		}
		.sheet-display {
			text-indent: -10px;
			padding: 4px 8px 4px 18px;
			.sheet-name { font-weight: bold }
			.sheet-description { font-style: italic }
		}
	}
}

/* Drone tab */
.sheet-drone {
	display: grid;
	grid: 86px 1fr / 1fr 1fr;
	grid-gap: 5px;
	align-items: start;
	border-top: 1px solid #555;
	padding: 5px 0;
	.sheet-stats {
		display: grid;
		align-content: start;
		grid: auto / repeat(7, 1fr);
	}
	.sheet-fittings {
		.sheet-name {
			font-weight: bold;
			&:not(:empty)::after { content: ". " }
		}
		.sheet-desc { font-style: italic }
		.sheet-display { margin-bottom: 3px }
	}
	.sheet-fitting-grid {
		grid: auto / .8fr 1.2fr;
	}
	.sheet-num-fittings {
		&[value="1"], &[value="2"], &[value="3"], &[value="4"] {
			~ .sheet-fitting-5 { display: none }
		}
		&[value="1"], &[value="2"], &[value="3"] {
			~ .sheet-fitting-4 { display: none }
		}
		&[value="1"], &[value="2"] {
			~ .sheet-fitting-3 { display: none }
		}
		&[value="1"] {
			~ .sheet-fitting-2 { display: none }
		}
	}
	.sheet-weapon-grid {
		grid: auto / 35px 1fr 50px 60px 35px 70px;
	}
	.sheet-weapon {
		position: relative;
		.sheet-name { font-weight: bold }
		.sheet-display {
			margin-right: 4px;
			div::after { content: "," }
		}
	}
	.sheet-editmode[value="0"] ~ .sheet-content & .sheet-drone-weapons {
		display: flex;
		flex-wrap: wrap;
	}
}

/* Roll templates */

.sheet-rolltemplate-swn-default,
.sheet-rolltemplate-swn-attack,
.sheet-rolltemplate-swn-skill,
.sheet-rolltemplate-swn-save {
	margin-left: -41px;
	width: 292px;
	color: #FFF;
	font-family: $arial;
	div { box-sizing: border-box; }
	.withoutavatars & { margin-left: -11px }
	.sheet-container .inlinerollresult {
		padding: 0;
		font-family: inherit;
		background: transparent;
		border-color: transparent;
		border: none;
	}
	.sheet-container {
		min-height: 175px;
		position: relative;
		padding: 18px 20px;
		clip-path: polygon(0 7px, 7px 0, 173px 0, 177px 3px, 281px 3px, 289px 11px, 289px 82px, 100% 87px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 22px 100%, 0 calc(100% - 22px));
	}
	.sheet-header {
		width: 198px;
		.sheet-name {
			margin-bottom: 12px;
			font-size: 13px;
			line-height: 1;
			height: 13px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			font-family: $times;
			font-weight: bold;
		}
		.sheet-title {
			font-size: 14px;
			height: 32px;
			line-height: 16px;
			overflow: hidden;
			font-weight: bold;
			margin-bottom: 24px;
		}
	}
	.sheet-content { position: relative }
	.sheet-rolls .inlinerollresult {
		font-size: 36px;
		font-weight: bold;
		line-height: 29px;
		white-space: nowrap;
	}
	.sheet-rolls {
		height: 35px;
		display: flex;
		align-items: start;
	}
	.sheet-rollname {
		font-size: 12px;
		line-height: 1;
	}
	a {
		color: inherit;
		&:hover { color: red }
		&[href^="~"] {
			padding: 0;
			background: transparent;
			border: none;
			line-height: 1.4;
		}
	}
}
.sheet-rolltemplate-swn-default {
	.sheet-container {
		background: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-top-black.png") top no-repeat,
			url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-bottom.png") bottom no-repeat,
			#0F0F0F;
	}
	.sheet-name { color: $rt-gray }
	.sheet-rollname { margin-right: auto }
	.sheet-desc, .sheet-buttons {
		font-size: 12px;
		line-height: 1.4;
	}
	.sheet-info {
		font-style: italic;
		font-size: 10px;
		line-height: 1;
		margin: -10px 0 5px;
		.inlinerollresult {
			font-size: 1em;
			font-weight: normal;
		}
	}
}

.sheet-rolltemplate-swn-attack {
	.sheet-container {
		background: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-top-purple.png") top no-repeat,
			url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-bottom.png") bottom no-repeat,
			#0F0F0F;
	}
	.sheet-name { color: $rt-purple }
	.sheet-title {
		.inlinerollresult {
			font-size: 1em;
			pointer-events: none;
		}
	}
	.sheet-damage { margin-left: auto }
	.sheet-roll { margin-left: 10px }
	.sheet-rolls:not(:first-of-type) { margin-top: 5px }
	.sheet-shock {
		font-style: italic;
		margin-top: 4px;
		font-size: 12px;
	}
	.sheet-info {
		font-style: italic;
		font-size: 10px;
		> span:first-child { margin-right: 10px }
		.inlinerollresult {
			font-weight: normal;
			font-size: 1em;
			margin-left: 2px;
		}
	}
	.sheet-desc {
		font-size: 12px;
		line-height: 1.4;
	}
}

.sheet-rolltemplate-swn-skill {
	.sheet-container {
		background: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-top-blue.png") top no-repeat,
			url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-bottom.png") bottom no-repeat,
			#0F0F0F;
	}
	.sheet-name { color: $rt-blue }
	.sheet-title {
		.sheet-italic { font-style: italic }
		.inlinerollresult {
			font-size: 1em;
			pointer-events: none;
		}
	}
	.sheet-rollname { margin-right: auto }
}

.sheet-rolltemplate-swn-save {
	.sheet-container {
		&.sheet-success {
			background: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-top-green.png") top no-repeat,
				url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-bottom.png") bottom no-repeat,
				#0F0F0F;
			.sheet-name { color: $rt-green }
		}
		&.sheet-failure {
			background: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-top-red.png") top no-repeat,
				url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-bottom.png") bottom no-repeat,
				#0F0F0F;
			.sheet-name { color: $rt-red }
		}
	}
	.sheet-vs { margin: 0 10px }
	.sheet-rollname { margin-right: auto }
}