html {
	font-weight: bold;
	color: #FFFFEE;
	image-rendering: pixelated;
	image-rendering: -moz-crisp-edges;
	font-family: myParagraph, serif;
}

canvas {
	image-rendering: pixelated;
	image-rendering: -moz-crisp-edges;
}

summary::marker {
	text-shadow: inherit;
}

summary::-moz-list-bullet {
	text-shadow: inherit;
}

summary::-webkit-details-marker {
	text-shadow: inherit;
}

summary:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

summary, summary * {
	cursor: pointer;
}

code {
	font-family: myOldschool, monospace;
}

.rune-table {
	margin: 2ch auto;
	width: fit-content;
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(15, auto);
	gap: 0 6ch;
	list-style: none;
	border-color: #aaaa99 #222222 #222222 #aaaa99;
	border-width: 2px;
	padding: 2ch;
	border-style: solid;
}

.rune-table .amber-text {
	font-size: 3em;
	width: 2ch;
	text-align: center;
	display: inline-block;
}

.Amber input[type="submit"], .Amber button {
	background-color: #666655;
	border-color: #666655;
	border-width: 2px;
	border-style: outset;
	box-sizing: border-box;
	border-radius: 2px;
}

.Amber textarea, .Amber input[type="text"], .Amber input[type="number"],
	.Amber select {
	max-width: 100%;
	background-color: #444433;
	border-color: #444433;
	border-width: 2px;
	border-style: inset;
	box-sizing: border-box;
	border-radius: 0;
}

.Amber textarea {
	overflow: auto;
}

.Amber textarea[data-type="binary"] {
	white-space: pre-wrap;
}

.Amber textarea[data-type="evet-script"] {
	white-space: pre;
}

.Amber .command {
	border-style: groove;
}

.Amber .textlabel {
	white-space: pre-wrap;
	border-style: solid;
	border-width: 2px;
	padding: 0 0.5ch;
	margin: 0.5ch;
	width: 57ch;
	font-size: smaller;
	border-color: transparent;
}

.Amber p.pre {
	margin: auto;
}

.Amber input[type="submit"]:active, .Amber button:active {
	border-style: inset;
}

.Amber input:focus, .Amber select:focus, .Amber button:focus, .Amber *[role="button"]:focus
	{
	border-color: #FFCC00;
}

.Amber .orange, .Amber form:invalid button[type="submit"] {
	color: #FF9900;
}

.Amber .yellow, .Amber .command, .Amber input[type="text"], .Amber *[data-type="string-dictionary"] li::before
	{
	color: #FFCC00;
}

.Amber .green, .Amber .section>.name, .Amber caption, .Amber h3, .Amber a:link
	{
	color: #AAAA44;
}

.Amber .gray, .Amber a:visited, .Amber *[data-type="string-dictionary"] li
	{
	color: #AAAA99;
}

.Amber details {
	overflow: auto;
}

.Amber details+details {
	margin-top: 0.5em;
}

.Amber details details {
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	border-width: 1px;
}

.Amber button {
	margin-left: 0.5em;
}

.Amber caption {
	text-align: left;
}

.Amber input[type="number"], .Amber .right-aligned {
	text-align: right;
}

.amber-list__title {
	font-size: 1.5rem;
}

.amber-list__item {
	border: 2px ridge #ccccbb;
	border-radius: 2px;
	display: flex;
	margin: 0.5em 0;
}

.amber-list__items {
	justify-content: space-evenly;
}

.amber-list--portrait-list .amber-list__item,
	.amber-list--spellbook-list .amber-list__item {
	margin: 0.5em;
}

.amber-list--race-list .amber-list__item {
	margin: 0.5em;
}

.amber-list--class-list .amber-list__item {
	margin: 0.5em;
}

.Amber input[type="checkbox"] {
	width: 1.5em;
}

.Amber input[size="1"], .Amber input[size="2"], .Amber input[max="99"],
	.Amber input[max="250"] {
	width: 3.5em;
}

.Amber input[max="256"], .Amber input[max="999"] {
	width: 3.5em;
}

.Amber input[max="65536"], .Amber input[size="3"], .Amber input[size="4"]
	{
	width: 6em;
}

.Amber select {
	min-width: 6em;
}

.Amber .events select {
	max-width: 6em;
}

.Amber .smaller {
	font-size: smaller;
}

.Amber .pre {
	white-space: pre-wrap;
}

.Amber .EPChart {
	width: 25em;
}

.Amber .Item {
	margin: 0.25em 0;
}

.Amber .Item table {
	border-spacing: 0;
	margin: 0.25em 0;
}

.Amber .Item tbody+tbody>tr:first-child>* {
	border-top: 0.25em solid transparent;
}

.Amber .Item td {
	height: 1.25em;
	line-height: 1.25em;
	padding: 0 0.25em;
	white-space: nowrap;
}

.Amber .Item .ItemName td:last-child {
	width: 19ch;
}

.Amber .Item .ItemData td:last-child {
	width: 3em;
	padding-right: 0;
}

.Amber .Item .ItemData tbody+tbody td:last-child {
	padding-right: 6ch;
}

.Amber .Item .ItemClasses ul {
	column-gap: 1ch;
	column-count: 2;
	width: 22ch;
	min-height: 6.25em;
}

.Amber .Item .ItemMagic td {
	min-width: 5ch;
}

.Amber .RaceData .number {
	width: 3ch;
}

.Amber .ClassData .number {
	width: 4ch;
}

.amber-popup>* {
	border: 2px ridge #ccccbb;
	border-radius: 2px;
	box-shadow: black 0.25em 0.25em 0.5em, black 0.25em 0.25em 0.5em;
}

@media ( max-width : 950px) {
	.Amber .popup {
		font-size: smaller;
	}
}

.Amber .map {
	max-width: 100%;
	max-height: 80vh;
	overflow: auto;
}

.Amber .map table {
	border-spacing: 0;
	table-layout: fixed;
}

.Amber .map td {
	padding: 0;
	width: 34px;
	height: 34px;
}

.Amber form:invalid button[type="submit"]:hover::after {
	content: "Formvalidierung fehlgeschlagen!";
	color: #FFFFEE;
}

.Amber *[data-template="equip"] .name, .Amber .equipment .name, .Amber article.Portrait
	{
	display: block;
	text-align: center;
}

.Amber .ailments ul {
	column-count: 2;
}

*[data-tabs]>label {
	display: block;
	text-align: center;
	margin-bottom: 16px;
}

*[data-tabs]>label>* {
	display: block;
	width: auto;
	margin: auto;
}

*[data-template="flex"].Equip, .equipment {
	width: 18em;
}

*[data-template="flex"].Equip>ul>li, .equipment>ul>li {
	width: 6em;
	margin: 0;
}

*[data-template="flex"].Inventar, .inventory {
	width: 9em;
}

*[data-template="flex"].Shop, *[data-template="flex"].Chest, .shop {
	width: 36em;
}

*[data-template="flex"].Items>ul {
	justify-content: center;
}

*[data-template="flex"].Items>ul>li, .shop>ul>li {
	margin: 0.25em;
}

*[data-template="flex"] {
	max-width: 100%;
}

*[data-template="flex"]>ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: stretch;
}

*[data-template="flex"]>ul>li {
	display: block;
	max-width: 100%;
}

*[data-template="flex"]>.name {
	display: block;
	text-align: center;
}

*[data-template="flex"].spells>ul>li {
	width: 17em;
}

.events {
	font-size: smaller;
}

.spells {
	font-size: 0.75em;
	min-width: 12em;
}

*[data-template="columns"] {
	display: table;
}

*[data-template="columns"]>* {
	display: table-cell;
	vertical-align: top;
}

.post>h2 {
	margin-top: 0;
	font-size: 1.5rem;
}

.post {
	background-color: #666655;
	width: 120ch;
	max-width: 100%;
	box-sizing: border-box;
	margin: 1em auto;
	padding: 0.5em 1em 1em 0.5em;
	margin: 1em auto;
}

.amber-item .amber-textbox {
	max-width: calc(100vw - 3ch);
}

.Character amber-portrait-id::after {
	font-size: 3px;
}

.Character {
	width: 92ch;
	margin: 1em 0.5em;
}

.Character>table {
	width: 100%;
}

.Character .textbox {
	width: auto;
}

.Character .textlabel {
	width: auto;
}

.Character .inventory {
	width: 30em;
}

.Character .spells ul {
	column-gap: 1ch;
	column-count: 3;
	width: 63ch;
}

.Character .attributes, .Character .languages, .Character .skills {
	vertical-align: top;
}

.Character .attributes, .Character .languages {
	width: 12ch;
}

.Character .skills {
	width: 15ch;
}

.Character .character-sheet {
	width: 36ch;
}

.Character .character-sheet td {
	padding: 0 1ch 0 0;
}

.faq>dd+dt {
	margin-top: 1em;
}

.faq p {
	margin: 0;
}

.faq p+p {
	margin-top: 0.5em;
}

.faq p+ul {
	margin-top: 0.5em;
}

.faq ul {
	padding-left: 2em;
	list-style: square;
}