:root {
	--color2: var(--color);
}

img { max-width: 100%; }

strong { color: var(--color); }

tm-runtime {
	display: flex;
	flex-direction: column;
	align-items: center;
}

tm-runtime[skin=plain] tm-machine {
	font-weight: bold;
	color: var(--color2);
}

tm-runtime[skin=robot] tm-symbol {
	text-shadow: 0 0 2px #000;
}

tm-rules {
	margin-bottom: 1em;
	--highlight: var(--color);
}

tm-rules td, tm-rules th {
	padding: 0.1em 0.3em;
	border-color: var(--fg);
}

tm-symbol[value="2"] {
	visibility: hidden;
}

button, select {
	font: inherit;
	margin-top: 1em;
}