/* vietnamese */
@font-face {
	font-family: 'Space Mono';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/i7dNIFZifjKcF5UAWdDRYERMSHK_IwU.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Space Mono';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/i7dNIFZifjKcF5UAWdDRYERMSXK_IwU.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Space Mono';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/i7dNIFZifjKcF5UAWdDRYERMR3K_.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
	font-family: 'Space Mono';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(fonts/i7dSIFZifjKcF5UAWdDRYERE_FeqEySRV3U.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Space Mono';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(fonts/i7dSIFZifjKcF5UAWdDRYERE_FeqEiSRV3U.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Space Mono';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(fonts/i7dSIFZifjKcF5UAWdDRYERE_FeqHCSR.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
	font-family: 'Space Mono';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/i7dPIFZifjKcF5UAWdDRYE58RWq7.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Space Mono';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/i7dPIFZifjKcF5UAWdDRYE98RWq7.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Space Mono';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/i7dPIFZifjKcF5UAWdDRYEF8RQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
	font-family: 'Space Mono';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(fonts/i7dMIFZifjKcF5UAWdDRaPpZUFqaHjyV.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Space Mono';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(fonts/i7dMIFZifjKcF5UAWdDRaPpZUFuaHjyV.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Space Mono';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(fonts/i7dMIFZifjKcF5UAWdDRaPpZUFWaHg.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* https://fontawesome.com/icons?d=listing&m=free */
@font-face {
	font-family: 'Font Awesome 6 Free';
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: url("fonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype");
}



html {
	width: 100%;
	height: 100%;
	scroll-behavior: smooth;
}

body {
	font-family: "Space Mono", monospace;
	font-size: 16px;
	color: #0B0;
	background: #182818;
}

h1 {
	text-align: center;
}

img {
	border-radius: 4px;
}

fieldset {
	margin: 16px 0;
	width: 100%;
	padding: 12px 0;
	border: none;
	border-top: 2px #080 dashed;
}

legend {
	font-weight: bold;
}

input,
select,
option {
	padding: 3px;
	font-family: "Space Mono", monospace;
	font-size: inherit;
	color: inherit;
	-webkit-appearance: caret;
	background: #000;
}

input,
select {
	border: 1px #0D0 solid;
	border-radius: 4px;
}

select {
	color: #080;
}

.selected {
	background: #2B482B;
}

.submit input {
	padding: 8px;
	font-weight: bold;
	cursor: pointer;
}

table {
	width: 100%;
	font-size: inherit;
	border-collapse: collapse;
}

th {
	padding: 4px;
	text-align: left;
	background: #204020;
}

tr {
	border-bottom: 1px solid #204020;
}

tr.victim {
	color: #F00;
}

td {
	padding: 6px 0;
	vertical-align: middle;
}

a,
strong,
.selected {
	color: #0F0;
}

button.button {
	font-size: 1.8em;
	padding: 8px;
	color: #0F0;
	background: #2B482B;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

hr {
	border: 4px #080 solid;
	border-radius: 3px;
}


dialog {
	width: 80%;
	font-size: 14px;
	color: inherit;
	background: #002000;
	border: 2px #000 solid;
}

footer div {
	display: inline-block;
	width: 50%;
	text-align: center;
	vertical-align: top;
}





.indice {
	display: inline-block;
	margin: 0 2px 0 0;
	padding: 0 3px;
	border: 1px #080 solid;
	border-radius: 2px;
}

.indice.missing {
	opacity: 0.2;
}

.faf {
	font-family: 'Font Awesome 6 Free';
}

.font-large {
	font-size: 1.8em;
}

.fixed {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 99;
}
.fixed-bottom {
	position: fixed;
	bottom: 28px;
	right: 8px;
	z-index: 1000;
}


.options {
	background: #2B482B;
	border-radius: 4px;
}
.options.top {
	border-radius: 0 0 4px 4px;
}
.options > * {
	display: inline-block;
	margin: 0;
	padding: 8px;
	font-size: 18px;
	vertical-align: center;
	text-align: center;
	text-decoration: none;
}

.modal {
	z-index: 101;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	height: 80%;
	padding: 16px;
	font-size: 14px;
	background: #002000;
	border: 2px #000 solid;
	overflow-y: auto;
}

.modal.shown {
	display: block;
}