@charset "UTF-8";

:root {
	--button-padding: 0.2em;
}

main {
	padding: 0;
}

h1 {
	margin-bottom: 0.2em;
}

.keyboard {
	display: -webkit-grid;
	display: grid;
	grid-auto-flow: column;
	grid-gap: var(--button-padding);
	grid-template-rows: auto auto auto auto auto;
	grid-auto-columns: 0.83333333333333333333fr;
	margin-bottom: var(--button-padding);
}

.keyboard.additional {
	grid-auto-columns: initial;
	grid-template-rows: initial;
	grid-template-columns: auto;
}

#main-keyboard[data-script-group="hentai"] {
	grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
	grid-auto-columns: initial;
}

#extra-keyboard {
	margin-bottom: 3rem;
}

button {
	border-radius: 0;
}

label {
	cursor: pointer;
}

.kana-button {
	font-family: "Noto Serif JP", "Noto Sans JP", var(--allofemanubis);
	font-size: 1.3em;
	text-align: center;
	padding: 0.1em;
}

.kana-button.placeholder {
	display: block;
	border: 1px dotted grey;
	color: transparent;
	white-space: pre;
}

.kana-button.placeholder::before {
	content: "〓";
}

textarea {
	width: 100%;
	border: 1px inset grey;
	margin-bottom: var(--button-padding);
	font-family: var(--allofemanubis);
	font-size: 1.75em;
}

[data-script-group="hentai_small"] {
	display: none;
}

fieldset {
	margin-bottom: var(--button-padding);
}

footer {
	margin-bottom: 1em;
}