/* CSS Document */

@charset 'utf-8';

/* FONTS */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

@font-face {
	font-family: Destroy;
	src: url('/styles/fonts/destroy-webfont.eot');
	src: url('/styles/fonts/destroy-webfont.eot?#iefix') format('embedded-opentype'), 
		url('/styles/fonts/destroy-webfont.woff') format('woff'), 
		url('/styles/fonts/destroy-webfont.ttf') format('truetype'), 
		url('/styles/fonts/destroy-webfont.svg#destroy') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* RESET */

section, nav, hgroup, header, footer, figure, figcaption, details, aside, article {
	display: block;
}
video, canvas, audio {
	display: inline-block;
}
audio:not([controls]), [hidden] {
	display: none;
}
html, textarea, select, input, button {
	font-size: 100%;
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-y: scroll;
}
body, figure, form, textarea, select, input, button {
	margin: 0;
}
textarea, select, input, button, body {
	font-family: sans-serif;
}
a {
	text-decoration: none;
}
a:focus-within,
a:active,
a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
strong, b {
	font-weight: bold;
}
blockquote {
	margin: 1em 40px;
}
dfn {
	font-style: italic;
}
mark {
	background: #ff0;
	color: #000;
}
samp, kbd, code, pre {
	font: 1em monospace, serif;
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
q {
	quotes: none;
}
q:after, q:before {
	content: '';
	content: none;
}
small, sup, sub {
	font-size: 75%;
}
sup, sub {
	line-height: 0;
	position: relative;
}
sup, sub, textarea, select, input, button {
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
ol, ul {
	margin: 1em 0;
	padding: 0 0 0 40px;
}
dd {
	margin: 0 0 0 40px;
}
nav ol, nav ul {
	list-style: none;
	list-style-image: none;
}
img,
legend,
input::-moz-focus-inner,
button::-moz-focus-inner {
	border: 0;
}
img {
	-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
	overflow: hidden;
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
input, button {
	line-height: normal;
}
input[type='submit'],
input[type='reset'],
input[type='button'],
button,
a.button {
	cursor: pointer;
}
input[type='radio'],
input[type='checkbox'] {
	box-sizing: border-box;
}
input[type='radio'],
input[type='checkbox'],
input::-moz-focus-inner,
button::-moz-focus-inner {
	padding: 0;
}
input[type='search'] {
	appearance: textfield;
	box-sizing: content-box;
}
input[type='search']::-webkit-search-decoration {
	-webkit-appearance: none;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* MAIN */

body {
	font-family: Roboto, Verdana, Tahoma, Helvetica, Arial, sans-serif;
	background-color: #171927;
	color: #F7F7F7;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 160%;
}
body,
textarea {
	scrollbar-width: auto;
	scrollbar-color: #1F318A #1B1B37;
}
body::-webkit-scrollbar,
textarea::-webkit-scrollbar {
	width: 16px;
}
body::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track {
	background: #1B1B37;
}
body::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {
	background-color: #1F318A;
	border-radius: 10px;
	border: 2px solid #7069bc;
}
a {
	color: #919AE4;
	text-decoration: none;
}
a:hover {
	color: #BFC5F4;
}
.skip-to-content-link {
	color: #FFFFFF;
	background: #0e2b45;
	left: 50%;
	padding: 14px;
	position: absolute;
	transform: translateY(-100%);
	transition: transform 0.3s;
	border-radius: 0 0 5px 5px;
}
.skip-to-content-link:focus {
	transform: translateY(0%);
}
#content table {
	margin: 0;
	border: 0;
}
#content th,
#content td {
	padding: 3px;
	margin: 0;
	vertical-align: top;
	text-align: left;
	border: 0;
}
#content p,
#content span,
#content th,
#content td,
#content input,
#content select,
#content textarea,
#content label {
	font-weight: 400;
	font-size: 1em;
}
#content th,
#content label {
	font-weight: 400;
}
#content input[type=text],
#content input[type=email],
#content input[type=tel],
#content input[type=url],
#content select,
#content textarea {
	padding: 0.4em 0.5em;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content p {
	margin: 15px 0;
	line-height: 140%;
}
#content h1,
#content h2,
#content h3,
#content h4,
#guestbook .name {
	color: #9AADB2;
	font-family: Destroy, Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	font-style: normal;
	font-weight: normal;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}
#content h2 {
	font-size: 1.4em;
}
#content h3 {
	font-size: 1.2em;
}
#content h4 {
	font-size: 1.1em;
}
#content li h2,
#content li h3,
#content h5,
#content h6 {
	font-family: Roboto, Verdana, Tahoma, Helvetica, Arial, sans-serif;
	color: #ffffffcc;
	font-weight: 600;
	font-size: 1.1em;
}
#content img {
	max-width: 100%;
	height: auto;
}
#content iframe.center {
	display: block;
	margin: 1rem auto;
}
footer a {
	color: #9492FE;
	text-decoration: none;
}
footer a:hover {
	color: #C4CAF0;
	text-decoration: none;
}
.clear_both {
	opacity: 0;
	width: 100%;
	height: 1px;
	clear: both;
	display: block;
}
#content a.left,
#content img.left,
#content a.right,
#content img.right {
	margin-block: 1.26rem;
	display: block;
}

/* LAYOUT */

#top {
	clear: both;
	overflow: hidden;
	height: 81px;
	background: url('/images/main/top_design.png') repeat-x scroll 0 0 transparent;
}
#logo {
	float: left;
	overflow: hidden;
	width: 91px;
	height: 81px;
}
#site_slogan {
	float: left;
	height: 35px;
	margin: 21px 0 0 24px;
	opacity: 0.71;
	overflow: hidden;
	width: 310px;
	display: none;
}
#site_title {
	float: right;
	height: 52px;
	margin: 25px 23px 0 0;
	opacity: 0.9;
	overflow: hidden;
	width: 145px;
}
#site_title img,
#site_slogan img,
#logo img {
	width: 100%;
	height: auto;
}
#logo:hover,
#site_slogan:hover,
#site_title:hover {
	opacity: 1;
}
#menu {
	float: left;
	width: 91px;
	min-height: 600px;
	background: url('/images/main/menu.png') repeat-y scroll 0 0 #171927;
}
#menu_top {
	clear: both;
	width: 91px;
	height: 51px;
	background: url('/images/main/menu_top.png') no-repeat scroll 0 0 #171927;
}
#menu_bottom {
	clear: both;
	width: 91px;
	height: 49px;
	background: url('/images/main/menu_bottom.png') no-repeat scroll 0 0 #171927;
}
#content,
#content_forum {
	min-height: 600px;
	padding: 0 20px 10px 25px;
	width: calc(100% - 136px);
	float: left;
}
footer {
	font-size: 0.8em;
	border-top: 1px solid #25303D;
	clear: both;
	margin: 10px 0 0;
	padding: 10px 30px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.4);
}

/* MENU */

#menu ul {
	list-style: none;
	padding: 0;
	margin: 0 3px 0 0;
}
#menu li {
	line-height: 110%;
	border-bottom: 1px solid #373D7E;
	margin: 0;
	padding: 0;
}
#menu a,
#menu span {
	color: #B7C4E1;
	display: block;
	font-family: Roboto, 'Arial Narrow', Arial, Tahoma, Helvetica, san-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 1px 2px 3px 3px;
}
#menu a:active,
#menu a:hover {
	color: #F4F7FD;
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.5);
}
#menu li.menu_heading {
	background-color: rgba(0, 0, 0, 0.53);
	border-bottom: 1px solid #A51409;
	margin: 5px 0 0;
	text-transform: uppercase;
}
#menu .menu_heading a,
#menu .menu_heading span {
	padding: 4px 0 2px 3px;
	letter-spacing: -1px;
	word-spacing: -1px;
	color: #FFC961;
	display: block;
	font-family: Destroy, 'Arial Narrow', Arial, Tahoma, Helvetica, san-serif;
	font-size: 10px;
}
#menu .current span,
#menu .current a,
#menu .current a:hover {
	background-color: rgba(121, 122, 122, 0.3);
	color: #FFFFFF;
}

/* CONTENT */

#content > table td,
#content > form > table td {
	padding: 2px 4px 3px 2px;
}
#content > table th > h1,
#content > table th > h2,
#content > table th > h3 {
	margin: 0;
}
#content p,
#content div > p,
#content ol > li,
#content ul > li,
#more > ul > li {
	line-height: 160%;
}
textarea {
	background-color: #202559;
	color: #D0D0E8;
	border: 1px solid;
	border-color: #868CD5 #868CD5 #5B64C6 #5B64C6;
}
.white {
	border: 0;
	border-width: 0;
}
.column img {
	max-width: 100%;
}
hr {
	color: #484864;
}
ul {
	list-style-type: square;
}
.hidden {
	display: none;
}
img.hidden {
	visibility: hidden;
}
.shadow {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
	filter: DropShadow(Color='#000000', OffX='1', OffY='1', Positive='1');
}
#content .justify {
	text-align: justify;
}
#content .center {
	text-align: center;
}
#content .right {
	text-align: right;
}
#content .submit,
#content .buy,
#content button.submit,
#content button[type=submit],
#content input[type=submit],
#content input[type=reset],
#content a.button {
	background-color: #402630;
	border: 0 none;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2) inset, -1px -1px 0 rgba(0, 0, 0, 0.4) inset;
	color: #FFFFFF;
	font-weight: 600;
	line-height: 120%;
	padding: 6px 13px;
	text-shadow: 1px 1px .5px rgba(0, 0, 0, 0.65);
	transition: 0.3s background-color linear;
}
#content button[type=submit]:hover,
#content input[type=submit]:hover,
#content input[type=reset]:hover,
#content .submit:hover,
#content .buy:hover,
#content a.button:hover {
	background-color: #68374A;
}
#content input[type=reset] {
	opacity: .8;
	background-color: #30315F;
	color: #D0D0D0;
}
#content .red,
#content .strategies.red h2,
#content .strategies .red h2,
#content .strategies.red a,
#content .strategies .red a,
#content .red h3,
#content .red h4,
#content .newsfooter,
#content .newsfooter a {
	color: #E84D4D;
	transition: 0.3s color linear;
}
#content .missions .red.column,
#content .strategies .red.column {
	box-shadow: 0 0 0 2px #E84D4D inset;
}
#content .red_background {
	background-color: rgba(100, 0, 0, 0.3);
}
#content .blue,
#content .strategies.blue h2,
#content .strategies .blue h2,
#content .strategies.blue a,
#content .strategies .blue a,
#content .blue h3,
#content .blue h4,
#quiz label:hover {
	color: #606FD5;
	transition: 0.3s color linear;
}
#content .missions .blue.column,
#content .strategies .blue.column {
	box-shadow: 0 0 0 2px #606FD5 inset;
}
#content .blue_background {
	background-color: rgba(0, 0, 100, 0.3);
}
#content .newsheading,
#content .yellow,
#content .strategies.yellow h2,
#content .strategies .yellow h2,
#content .strategies.yellow a,
#content .strategies .yellow a,
#content .yellow h3,
#content .yellow h4,
#content a.yellow,
#content a.yellow:hover,
#content .bookmarks .current a,
#content .bookmarks .current a:hover,
#content #quiz h3 {
	color: #F5CA47;
	transition: 0.3s color linear;
}
#content .missions .yellow.column,
#content .strategies .yellow.column {
	box-shadow: 0 0 0 2px #F5CA47 inset;
}
#content .yellow_background {
	background-color: rgba(100, 100, 0, 0.3);
}
#survivors h3,
.strategies.blue a:hover,
#content .strategies.blue a:hover,
#content .strategies .blue a:hover,
#content .strategies .blue a.active {
	color: #919AE4;
}
#evolved h3,
.strategies.red a:hover,
#content .strategies.red a:hover,
#content .strategies .red a:hover,
#content .strategies .red a.active {
	color: #E08484;
}
#series-9 h3,
.strategies.yellow a:hover,
#content .strategies.yellow a:hover,
#content .strategies .yellow a:hover,
#content .strategies .yellow a.active {
	color: #ECD797;
}
#content .newsheading,
#content .newstext,
#content .newsfooter {
	background-color: #171927;
	border-color: #515888;
	border-style: solid;
	display: inline-block;
	margin: 0 0 12px;
}
#content .newsheading {
	border-radius: 4px 4px 0 0;
	border-style: solid solid none;
	border-width: 1px 1px 0;
	font-family: Destroy, Arial, sans-serif;
	font-size: 14px;
	line-height: 120%;
	margin: 4px 0 0;
	padding: 5px 25px 1px 8px;
	position: relative;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
	top: 1px;
}
#content .newstext {
	border-width: 1px 1px 1px 1px;
	border-radius: 0 0 0 5px;
	padding: 3px 25px 3px 8px;
	display: block;
}
#content .newsfooter {
	font-size: 0.9em;
	border-radius: 0 0 5px 4px;
	border-width: 0 1px 1px 1px;
	border-style: none solid solid;
	float: right;
	font-style: italic;
	margin: -13px 0 10px;
	padding: 2px 8px 2px 8px;
	position: relative;
	text-align: left;
}
#content .newstext p {
	display: block;
	text-align: justify;
	margin: 0;
	padding: 3px 0 3px;
}
#content .newstext img {
	display: block;
	text-align: center;
	border: 1px solid #000;
	margin: 0;
	padding: 5px 0;
	max-width: min(40rem, 100%);
}
#content .none,
#content .clear {
	background-color: #101821;
	color: #FFF;
	border-style: solid;
	border-width: 0;
}
input, select, textarea, button {
	font-family: Roboto, Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
}
#content input,
#content select {
	background-color: #21263D;
	color: #C2C9E4;
	font-size: 11px;
	border: 1px solid;
	text-decoration: none;
	border-color: #8E94D7 #8E94D7 #5B64C6 #5B64C6;
}
#content > ol,
#content > ul,
#content .column > ol,
#content .column > ul,
#more > ul {
	padding-inline-start: 1.45em;
}
#content > ol > li,
#content > ul > li,
#content .column > ol > li,
#content .column > ul > li,
#more > ul > li {
	padding-inline-start: 0.4em;
}
#content .column > ol > li,
#content .column > ul > li {
	margin-block-end: 2rem;
}
#more {
	color: #D0DEEB;
	margin-block-start: 2rem;
}
#more li {
	font-size: 0.85em;
}

/* BOOKMARKS */

.bookmarks {
	text-align: center;
	padding: 0;
	margin-inline: auto;
}
.bookmarks ul {
	list-style: none;
	padding: 0;
}
.bookmarks li {
	padding-inline: 0;
	display: inline-block;
}
.bookmarks span,
.bookmarks a {
	display: inline-block;
	padding-inline: 0.5em;
	box-shadow: 0 0 0 2px rgba(205, 235, 255, 0.2) inset;
	border-radius: 3px;
	padding-block: 0.15em;
}
.bookmarks .current,
.bookmarks .inactive {
	pointer-events: none;
}
.bookmarks .current span,
.bookmarks .current a {
	box-shadow: 0 0 0 2px rgba(245, 202, 71, 0.4) inset;
}

/* DEVELOPMENT */

#content .section .left,
#content .section .right {
	float: none;
	clear: both;
	display: block;
	margin-block: 1rem;
	margin-inline: auto;
}

/* UNITS AND BUILDINGS */

#content .units h2,
#content .buildings h2,
#content .units h3,
#content .buildings h3 {
	clear: both;
}
#content .units article,
#content .buildings article {
	margin-block: 1rem 2.7rem;
}
#content .units h3,
#content .buildings h3 {
	margin-block: 1.7rem 1rem;
	font-size: 1em;
}
#content .units p,
#content .buildings p {
	text-align: justify;
	margin-block-start: 0;
	font-size: 0.9em;
	hyphens: auto;
	overflow: hidden;
}
#content .units .image,
#content .buildings .image {
	float: inline-start;
	margin-block: 0 0.5rem;
	margin-inline: 0 1rem;
	max-width: 118px;
	display: block;
	border-radius: 7px;
	overflow: hidden;
}
#content .units .cost,
#content .buildings .cost {
	color: rgba(233, 233, 233, 0.7);
	float: inline-end;
	font-size: 0.8em;
}

/* MISSIONS */

.missions .column {
	border-radius: 5px;
	box-shadow: 0 0 0 2px #2E3374 inset;
	padding: 1.4rem;
}
.missions .column p,
.missions .column li {
	color: #D5D9E4;
}
#content .missions .column li {
	line-height: 150%;
	margin-block-end: 0.5rem;
}
#content .missions .column > *:last-child {
	margin-block-end: 0;
}
.missions h4 + p,
.missions h4 + ul {
	margin-block-start: 0.2rem;
}
#content .missions + h2 {
	clear: both;
	margin-block-start: 4rem;
}
.missions.columns,
.wallpapers.columns,
.missions.columns-2,
.wallpapers.columns-2,
.missions.columns-3,
.wallpapers.columns-3,
.missions.columns-4,
.wallpapers.columns-4,
.missions.columns-5,
.wallpapers.columns-5,
.missions.columns-6,
.wallpapers.columns-6 {
	column-count: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 2rem;
}
.missions .column,
.wallpapers .column {
	flex: 1 0 60%;
}
#content .missions .column > ul > li::before,
#content .wallpapers .column > ul > li + li::before {
	content: '';
	position: relative;
	border-right: 2px solid #5F71CA;
	border-bottom: 2px solid #5F71CA;
	width: 0.4em;
	height: 0.4em;
	transform: translateY(-50%) rotate(-45deg);
	display: inline-block;
	transform-origin: 50% 50%;
	vertical-align: middle;
	top: 0.2em;
	margin-inline-end: 0.7rem;
}
#content .missions .column p {
	margin-block: 0.6rem;
}
#content .missions .column ul {
	list-style: none;
	padding-inline: 0;
}
#content .missions .column li {
	padding-inline: 0;
	margin-block-end: 0.4rem;
}
#content .missions .column.blue li::before {
	border-color: #394AB9;
}
#content .missions .column.red li::before {
	border-color: #AD0B0E;
}
#content .missions .column.yellow li::before {
	border-color: #CDB229;
}

/* WALLPAPERS */

#content .wallpapers .column > ul > li + li::before {
	margin-inline-end: 0.3rem;
}
#content .wallpapers img {
	width: 100%;
	height: auto;
}
#content .wallpapers ul {
	list-style: none;
	padding-inline: 0;
}
#content .wallpapers .column > ul > li {
	padding-inline: 0;
	margin-block-end: 0.4rem;
}
#content .wallpapers .column > ul > li:first-child {
	margin-block-end: 0.8rem;
}


/* STRATEGIES */

.strategies.bookmarks .column {
	border-radius: 5px;
	box-shadow: 0 0 0 2px #2E3374 inset;
	padding: 1.4rem;
	margin-block-end: 2rem;
}
#content .strategies.bookmarks .column ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#content .strategies.bookmarks .column li {
	line-height: 150%;
	margin-block: 0 0.5rem;
	padding: 0;
}
#content .strategies.bookmarks .column li:last-child {
	margin-block-end: 0;
}
#content .strategies.bookmarks h2 {
	padding-block: 0.8rem 0.6rem;
	margin-inline: -1.4rem;
	margin-block: -1.4rem 1rem;
	border-radius: 5px 5px 0 0;
}
#content .strategies.bookmarks .blue h2 {
	box-shadow: 0 2px 0 #606FD5;
	background-color: #606FD52E;
}
#content .strategies.bookmarks .red h2 {
	box-shadow: 0 2px 0 #E84D4D;
	background-color: #E84D4D2E;
}
#content .strategies.bookmarks .yellow h2 {
	box-shadow: 0 2px 0 #F5CA47;
	background-color: #F5CA472E;
}
#content .strategies.bookmarks .column .disabled {
	filter: grayscale(60%);
	opacity: 0.58;
	padding-block: 0.15rem;
	display: none;
}
.strategies.blue p,
.strategies.blue li,
.strategies.red p,
.strategies.red li,
.strategies.yellow p,
.strategies.yellow li {
	color: #F7F7F7;
}
.strategies.bookmarks li,
.strategies.bookmarks a {
	display: block;
}
.strategies.bookmarks a,
.strategies.bookmarks .mission-number {
	box-shadow: none;
}
#content .strategies.bookmarks .mission-number {
	filter: brightness(150%);
	font-size: 0.8em;
	outline: 1px solid rgba(175, 175, 175, 0.5);
	padding: 0 0.3em;
	display: inline-block;
	margin-inline-start: 0.5em;
	line-height: 130%;
}
#content #kknd2-mission-map {
	background: transparent url('/images/maps/KKND2-Map.png') no-repeat 0 0 / 100%;
	margin-inline: auto;
	max-width: 235px;
	max-height: 158px;
	margin-block: 8.2rem 0.3rem;
	padding: 16.8% 7% 20.8% 5.5%;
}
#kknd2-mission-map #kknd2-armies {
	padding: 0;
	transform: translate(0, -10.7rem);
	margin-inline: auto;
	width: auto;
	display: block;
	text-align: center;
	position: relative;
	margin-block-end: -14.2rem;
}
#kknd2-mission-map #kknd2-armies li {
	margin: 0;
	padding: 0;
	display: inline-block;
	max-width: 3.2rem;
}
#kknd2-mission-map #kknd2-armies a {
	padding: 0.1rem 0.2rem;
	display: block;
	position: relative;
	transition: 0.3s filter linear;
	z-index: 120;
}
#kknd2-mission-map #kknd2-armies a:hover {
	filter: brightness(150%);
}
#kknd2-mission-map #kknd2-armies .active a {
	filter: brightness(170%);
}
#kknd2-mission-map #kknd2-armies img {
	width: 100%;
	height: auto;
}
#kknd2-map {
	display: block;
	width: 100%;
	height: auto;
	z-index: 100;
	position: relative;
	margin-block-start: 5rem;
}
#kknd2-map path {
	fill: #FFFFFF;
	opacity: 0;
	transition: 0.3s opacity linear, 0.3s stroke linear;
    stroke: #3D472D;
    stroke-width: 2;
}
#kknd2-map .region.active path,
#kknd2-map .region:hover path {
	opacity: 0.55;
    stroke: #FFFFFF;
    stroke-width: 2;
}
#kknd2-map text {
	opacity: 0.8;
	transition: 0.3s opacity linear, 0.3s stroke linear;
	text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5);
}
#kknd2-map .region.active text,
#kknd2-map .region:hover text {
	opacity: 1;
}
#kknd2-map.blue path {
	fill: #606FD5D5;
}
#kknd2-map.blue .region path {
    stroke: #606FD5AA;
}
#kknd2-map.blue .region.active path,
#kknd2-map.blue .region:hover path {
    stroke: #606FD5;
}
#kknd2-map.red path {
	fill: #E84D4DD5;
}
#kknd2-map.red .region path {
    stroke: #E84D4DAA;
}
#kknd2-map.red .region.active path,
#kknd2-map.red .region:hover path {
    stroke: #E84D4D;
}
#kknd2-map.yellow path {
	fill: #F5CA47D5;
}
#kknd2-map.yellow .region path {
    stroke: #F5CA47AA;
}
#kknd2-map.yellow .region.active path,
#kknd2-map.yellow .region:hover path {
    stroke: #F5CA47;
}
#kknd2-map .disabled:hover a {
	cursor: default;
}
#kknd2-map.blue .disabled:hover path,
#kknd2-map.red .disabled:hover path,
#kknd2-map.yellow .disabled:hover path {
	fill: #3F3F3F;
    stroke: #3F3F3F;
	opacity: 0.6;
}
#kknd2-map.blue text {
	text-shadow: -1px 0 4px rgba(73, 144, 255, 0.9), 1px 0 4px rgba(73, 144, 255, 0.9), 3px 3px 0 rgba(0, 13, 120, 0.5);
}
#kknd2-map.red text {
	text-shadow: -1px 0 4px rgba(250, 0, 0, 0.9), 1px 0 4px rgba(250, 0, 0, 0.9), 3px 3px 0 rgba(120, 0, 0, 0.5);
}
#kknd2-map.yellow text {
	text-shadow: -1px 0 4px rgba(255, 192, 73, 0.7), 1px 0 4px rgba(255, 192, 73, 0.7), 3px 3px 0 rgba(120, 84, 0, 0.5);
}
#kknd2-map .disabled text {
	opacity: 0;
	text-shadow: none;
}
#kknd2-map .disabled:hover text {
	fill: #ACACAC;
	opacity: 0.4;
}

/* SUPPORT */

#multiplayer-host li,
#multiplayer-join li {
	line-height: 160%;
}
#multiplayer-host img,
#multiplayer-join img {
	margin-block-start: 0.9rem;
	box-shadow: 0 0 0 3px #6f0000 inset, 0 0 0 1px #6f0000;
	border-radius: 6px;
	display: inline-block;
}
#port-forwarding img {
	filter: invert(85%) hue-rotate(200deg) contrast(120%);
}

/* CONTACT */

#content .form-row label {
	font-weight: 400;
}
.form-row label {
	display: block;
	margin-block-end: 0.4rem;
}
.form-row input[type=text],
.form-row input[type=email],
.form-row select,
.form-row textarea {
	width: 100%;
	display: block;
	margin-block-end: 0.8rem;
}
.buttons .right {
	float: inline-end;
}
.form-row #message {
	height: 10.5em;
}
#contact .columns-2 {
	margin-block-end: 0.5rem;
}
#contact .columns-2 + .buttons {
	margin-block-start: 0.5rem;
}

/* QUIZ */

#quiz ol {
	padding-inline-start: 1.9em;
}
#quiz li {
	padding-inline-start: 1.45em;
	line-height: 160%;
}
#quiz li h3 {
	font-weight: 400;
	margin-block-end: 0.3em;
}
#quiz li label {
	display: block;
	padding-block: 0.2em;
	transition: 0.3s color linear;
}
#quiz .score label,
#quiz .solutions label {
	display: inline-block;
	width: 12em;
}
#quiz #score,
#quiz #solutions {
	width: 100%;
	background-color: transparent;
	border: dashed 1px #4E7393;
}
#quiz #solutions {
	height: 12.5em;
}

/* ABOUT */

.profile-photo {
	border-radius: 7px;
	border: 1px solid #9f9fbf;
}
#content .profiles table th,
#content .profiles table td {
	padding: 0.5em 0.1em;
	border-bottom: 1px solid #64708B;
}
#content .profiles table tr:last-child th,
#content .profiles table tr:last-child td {
	border-bottom: 0 none;
}
.profiles th {
	color: #A4B0CB;
	width: 41%;
	max-width: 30em;
}

/* NEWSLETTER */

#newsletter #email-address {
	width: 100%;
}
#newsletter label {
	margin-inline-end: 1rem;
}

/* TABLES */

#content .columns_2,
#content .columns_3,
#content .columns_4,
#content .columns_5,
#content .columns_6,
#content .downloads,
#content .downloads_demos {
	width: 100%;
	margin: 0 0 20px;
}
#content .columns_2 th,
#content .columns_2 td,
#content .columns_3 th,
#content .columns_3 td,
#content .columns_4 th,
#content .columns_4 td,
#content .columns_5 th,
#content .columns_5 td,
#content .columns_6 th,
#content .columns_6 td,
#content .downloads th,
#content .downloads td,
#content .downloads_demos th,
#content .downloads_demos td {
	text-align: left;
	padding: 2px 2% 5px 2px;
	vertical-align: top;
}
#content .columns_borders > thead > tr > th,
#content .columns_borders > tbody > tr > th,
#content .columns_borders > tbody > tr > td {
	border: 1px dotted rgba(255, 255, 255,
.4);
}
#content .columns_borders > thead > tr > th:first-child,
#content .columns_borders > tbody > tr > th:first-child #content .columns_borders > tbody > tr > td:first-child {
	border-left: 0 none transparent;
}
#content .columns_borders > thead > tr > th:last-child,
#content .columns_borders > tbody > tr > th:last-child #content .columns_borders > tbody > tr > td:last-child {
	border-right: 0 none transparent;
}
#content .pretty-table,
#content .downloads,
#content .downloads_demos {
	border: 1px solid rgba(103, 48, 57, 0.65);
}
#content .table,
#content .columns_borders {
	border: 1px dotted rgba(255, 255, 255, 0.4);
}
#content .columns_2 th,
#content .columns_2 td {
	width: 49%;
}
#content .columns_3 th,
#content .columns_3 td {
	width: 32%;
}
#content .columns_4 th,
#content .columns_4 td {
	width: 23.5%;
}
#content .columns_5 th,
#content .columns_5 td {
	width: 18.25%;
}
#content .columns_6 th,
#content .columns_6 td {
	width: 15%;
}
#content .pretty-table td:last-child,
#content .columns_2 td:last-child,
#content .columns_3 th:last-child,
#content .columns_3 td:last-child,
#content .columns_4 th:last-child,
#content .columns_4 td:last-child,
#content .columns_5 th:last-child,
#content .columns_5 td:last-child,
#content .columns_6 th:last-child,
#content .columns_6 td:last-child {
	padding-right: 0;
}
#content .pretty-table th,
#content .downloads th,
#content .downloads_demos th {
	font-family: Destroy, Arial, Helvetica, sans-serif;
	color: rgba(255, 255, 255, 0.70);
	background-color: rgba(103, 48, 57, 0.65);
}
#content .pretty-table tr:hover td,
#content .downloads_demos tr:hover td,
#content .downloads tr:hover td {
	background-color: rgba(103, 48, 57, 0.2);
}
#content .pretty-table th,
#content .pretty-table td,
#content .downloads th,
#content .downloads td,
#content .downloads_demos th,
#content .downloads_demos td {
	border-bottom: 1px solid rgba(103, 48, 57, 0.5);
	padding: 5px;
	width: 40%;
}
#content .downloads_demos th,
#content .downloads_demos td {
	width: 35%;
}
#content .downloads th:first-child,
#content .downloads td:first-child {
	width: 28%;
}
#content .downloads_demos th:first-child,
#content .downloads_demos td:first-child {
	width: 23%;
}
#content .downloads_demos th:nth-child(3),
#content .downloads_demos td:nth-child(3) {
	width: 8%;
	text-align: right;
}
#content .downloads th:last-child,
#content .downloads td:last-child,
#content .downloads_demos th:last-child,
#content .downloads_demos td:last-child {
	width: 8%;
	text-align: right;
}
#content .pretty-table tr:last-child > td,
#content .downloads tr:last-child > td,
#content .downloads_demos tr:last-child > td {
	border-bottom: 0 none;
}

/* BUY KKND 2 */

#kknd2_buy_form > table {
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.9);
	border-radius: 4px;
}
#kknd2_buy_form h3 {
	color: #E0D6DD;
	margin: 3px 12px 1px;
}
#kknd2_buy_form .cd_design_section,
#kknd2_buy_form .middle_section,
#kknd2_buy_form .buy_section {
	background-color: #000;
	padding: 5px 1%;
}
#kknd2_buy_form .middle_section {
	width: 19%;
	text-align: center;
}
#kknd2_buy_form .cd_design_section {
	background: url('/images/photos/KKND2-CD-Designs-Cropped.jpg') no-repeat scroll -10px 18px #000000;
	width: 49%;
}
#kknd2_buy_form .buy_section {
	background-color: #000;
	padding: 15px 0 5px;
	width: 28%;
}
#kknd2_buy_form .paypal_element {
	background-color: #FFFFFF;
	border-radius: 2px 2px 2px 2px;
	display: inline-block;
	height: 20px;
	opacity: 0.9;
	overflow: hidden;
	padding: 3px 6px 2px;
}
#kknd2_buy_form .paypal_element img {
	width: 83px;
	height: 20px;
}
#kknd2_buy_form #item_selection {
	font-weight: 600;
	color: #FFFFFF;
	cursor: text;
	background-color: #000000;
}
#kknd2_buy_cds {
	cursor: pointer;
	width: 156px;
	height: 79px;
	background: url('/images/main/buy_kknd2_cds.png') no-repeat scroll 0 0 #000000;
	margin: 10px auto 5px;
}
#kknd2_buy_cds.kknd2_xtreme {
	background-position: 0 -79px;
}
#kknd2_buy_cds_label {
	height: 32px;
	margin: 0 auto;
	overflow: hidden;
}
#kknd2_buy_form .buy_section th,
#kknd2_buy_form .buy_section td {
	padding: 3px 8px 3px 2px;
}
#kknd2-xtreme-cds {
	width: 100%;
	min-height: 352px;
	font-family: Roboto, Arial;
	font-size: 11px;
	background-image: url(https://cd.kknd2.com/images/cds.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#kknd2_buy_form input[type="email"],
#kknd2_buy_form #kknd2_buy_email {
	width: calc(100% - 8px);
}
#kknd2_buy_form #paypal-buy {
	min-height: 2.5em;
	padding: 0;
	border: 0;
	display: block;
	box-shadow: none;
	border-radius: 4px;
	color: #fff;
	font-size: 1em;
	text-align: center;
	font-weight: 700;
	font-family: HelveticaNeue-Medium, "Helvetica Neue Medium", HelveticaNeue, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	transition: background-color .4s ease-out;
	text-shadow: none;
	margin: 0;
	width: 11em;
	float: right;
}

/* CLAN */

#content > #clan {
	padding: 0;
	margin: 0;
	list-style: none;
}
#clan .icon,
#clan-heading .icon {
	background: transparent url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxMzAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iLTY5OS41IDE4MDAuNSAxMzAwIDEwMCI+CjxjaXJjbGUgY3g9Ii00NDguOCIgY3k9IjE4NTAuOCIgcj0iNDEuMyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRjVDQTQ3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSI4LjkiLz4KPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRjVDQTQ3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSI1LjgiIGQ9Ik0tNDc2IDE4MjBzLTcuNCAyNC41IDguNiA0NC4yYzE4IDIyLjQgNDYuMyAxNy4zIDQ2LjMgMTcuMyIvPgo8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGNUNBNDciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjUuOCIgZD0iTS00MjEuNSAxODgxLjZzNy40LTI0LjEtOC42LTQzLjljLTE4LTIyLjMtNDYuNC0xNy43LTQ2LjQtMTcuN2w1NSA2MS42eiIvPgo8cGF0aCBmaWxsPSIjRjVDQTQ3IiBkPSJNLTMuNSAxODE5LjNjLS4zIDMtLjcgNy4yLTEuNCAxMS4zbC04IDQ4LjZjLS40IDItMSAzLjktMS43IDUuNy0xLjUgMy4yLTMuNyA0LjMtNyAzLjNhMjEgMjEgMCAwIDEtNS42LTIuN2MtOC4xLTUuMy0xNi4yLTEwLjgtMjQuMi0xNi4zLTEtLjYtMS44LTEuNC0yLjYtMi4yLTEuOC0xLjgtMi0zLjctLjQtNS42YTY5IDY5IDAgMCAxIDUuNC01LjZsMTguNy0xNy43YzEuNC0xLjMgMi42LTIuNyAzLjktNC4xLjUtLjYuNy0xLjMuMS0xLjktLjQtLjMtMS4yLS40LTEuNy0uMy0uNyAwLTEuMi41LTEuOC45bC0zMS44IDIxLjJhNjguNiA2OC42IDAgMCAxLTUuMyAzLjJjLTIuNyAxLjUtNS41IDItOC40IDEuMi01LjYtMS41LTExLTMtMTYuNS00LjdhNiA2IDAgMCAxLTIuMy0xLjNjLTEuMy0xLTEuNS0yLjYtLjItMy44IDEtLjkgMi4xLTEuNyAzLjQtMi4zYTExMjI2LjYgMTEyMjYuNiAwIDAgMSA2OS42LTI5LjdjMy40LTEuNCA3LTIuNCAxMC40LTMuNmwuOS0uMmM0LjYtLjkgNi42LjggNi41IDYuNnptMzIuNi0xNi44aDFhMjggMjggMCAwIDEgMTIuMiAzIDQ1LjUgNDUuNSAwIDAgMSA1My43IDQ4LjdsLS41IDQuMXYuNGwxIDEuOGMxLjMgMyAyIDYgMi4zIDkuMnYyLjZjMCAxIDAgMi0uMiAzYTI2LjUgMjYuNSAwIDAgMS0xNS41IDIwLjhjLTMgMS4zLTYgMi4xLTkuMiAyLjRoLTNhMjUuOSAyNS45IDAgMCAxLTEyLTMuMy44LjggMCAwIDAtLjUtLjFsLTIuNy40YTM5IDM5IDAgMCAxLTEwLjMgMCA0NS44IDQ1LjggMCAwIDEtNDAuMS00MyA0NS43IDQ1LjcgMCAwIDEgLjUtMTAuMiAyOC40IDI4LjQgMCAwIDEtMy4yLTExdi0yLjVhMjcgMjcgMCAwIDEgMjUuNy0yNi4zaC44em0yMS44IDc1LjdhNDAgNDAgMCAwIDAgNS41LS40YzIuNy0uNCA1LjMtMSA3LjctMi4xIDItMSAzLjktMi4xIDUuNS0zLjdhMTUgMTUgMCAwIDAgNC03LjZjLjQtMiAuNC00LjEuMS02LjJhMTMuOCAxMy44IDAgMCAwLTUuOS05LjdjLTIuMy0xLjctNS0yLjctNy45LTMuNGwtOC0xLjgtNi4zLTEuNWMtMS4zLS4zLTIuNi0uOC0zLjctMS42YTQuMiA0LjIgMCAwIDEtMi00LjEgNiA2IDAgMCAxIDMtNC41YzEuNi0xIDMuNC0xLjMgNS4yLTEuNCAxLjMgMCAyLjYgMCA0IC4yIDIuOS40IDUuNCAxLjYgNy41IDMuN2wyLjMgMi42Yy43LjcgMS42IDEuMyAyLjYgMS41IDEuNS40IDMgLjIgNC40LS41IDItMSAyLjktMi43IDIuOC00LjZhNy4zIDcuMyAwIDAgMC0xLjUtNGMtMS4zLTItMy0zLjMtNS00LjVhMzEuMiAzMS4yIDAgMCAwLTIzLjYtMy4xYy0yLjcuNy01LjMgMS43LTcuNiAzLjRhMTQuNyAxNC43IDAgMCAwLTYuMyAxMS45djIuOWExMi43IDEyLjcgMCAwIDAgNi40IDkuOCAyNSAyNSAwIDAgMCA3IDIuOGw2LjcgMS43IDYuNiAxLjcgMyAuOWMxLjIuNSAyLjEgMSAyLjggMiAxIDEuNCAxLjEgMyAuNyA0LjVhNi41IDYuNSAwIDAgMS0yLjUgMy42Yy0xLjggMS40LTQgMi02LjEgMi4yLTEuNi4xLTMgMC00LjUtLjJzLTIuOS0uNi00LjItMS4zYy0xLjYtLjktMy0yLjItNC4xLTMuNmwtMi4yLTIuN2E1LjcgNS43IDAgMCAwLTUuOC0yIDQuOSA0LjkgMCAwIDAtMy41IDIuNyA1LjkgNS45IDAgMCAwLS40IDMuOCAxMSAxMSAwIDAgMCAyLjYgNS4yYzEuNiAxLjkgMy42IDMuMyA1LjkgNC40IDMuMSAxLjUgNi41IDIuMyAxMCAyLjdsNC44LjN6Ii8+CjxwYXRoIGZpbGw9IiNGRkYiIGQ9Im01MC45IDE4NzguMi00LjgtLjNjLTMuNS0uNC02LjktMS4yLTEwLTIuN2ExNy4yIDE3LjIgMCAwIDEtNS45LTQuNCAxMSAxMSAwIDAgMS0yLjYtNS4yYy0uMi0xLjMtLjItMi41LjQtMy44YTUgNSAwIDAgMSAzLjUtMi42YzIuMy0uNSA0LjIuMSA1LjggMS45bDIuMiAyLjdjMS4yIDEuNCAyLjUgMi43IDQuMSAzLjYgMS4zLjcgMi43IDEgNC4yIDEuMyAxLjQuMiAzIC4zIDQuNS4yIDIuMi0uMiA0LjMtLjggNi4xLTIuMiAxLjMtLjkgMi4yLTIgMi41LTMuNmE1IDUgMCAwIDAtLjctNC40Yy0uNy0xLTEuNi0xLjYtMi43LTIuMWwtMy0xLTYuNy0xLjZjLTIuMi0uNS00LjUtMS02LjgtMS43YTI1IDI1IDAgMCAxLTYuOS0yLjdjLTItMS4zLTMuNi0yLjgtNC44LTQuOC0uOS0xLjYtMS40LTMuMy0xLjUtNS4xLS4xLTEtLjItMi0uMS0zQTE0LjcgMTQuNyAwIDAgMSAzNCAxODI1YzIuMy0xLjcgNS0yLjcgNy43LTMuNGEzMSAzMSAwIDAgMSA5LjUtMSAzMS4yIDMxLjIgMCAwIDEgMTQgNC4xYzIgMS4yIDMuNyAyLjYgNSA0LjRhNy43IDcuNyAwIDAgMSAxLjUgNGMwIDItLjggMy43LTIuOCA0LjctMS40LjctMi45LjktNC40LjUtMS0uMi0xLjktLjgtMi42LTEuNWwtMi4zLTIuNmMtMi0yLjEtNC42LTMuMy03LjYtMy43YTIxIDIxIDAgMCAwLTMuOS0uMmMtMS44LjEtMy42LjUtNS4yIDEuNGE1LjYgNS42IDAgMCAwLTMgNC41Yy0uMSAxLjcuNiAzIDIgNGE5IDkgMCAwIDAgMy43IDEuN2w2LjMgMS41IDggMS44YzIuOS43IDUuNiAxLjcgOCAzLjRhMTMuOCAxMy44IDAgMCAxIDUuOCA5LjcgMTYgMTYgMCAwIDEtNC4xIDEzLjggMTcuOCAxNy44IDAgMCAxLTUuNSAzLjcgMzQgMzQgMCAwIDEtMTMuMiAyLjV6IiBvcGFjaXR5PSIuMiIvPgo8cGF0aCBmaWxsPSIjRjVDQTQ3IiBkPSJNMTUxLjUgMTg4NWMtMS41IDguNi0xMiAxMy44LTE5LjUgMTEuNWExNyAxNyAwIDAgMS05LjctOC43Yy0yLjItNC0yLjQtOC4zLS43LTEyLjgtNi4yLjQtMTEuNi0xLTE0LjYtNi42LTMuMi01LjYtMS4yLTEwLjkgMi44LTE1LjVhMTQuNCAxNC40IDAgMCAxLTcuNi0xMC41Yy0uNC0yLS4yLTMuOC41LTUuNiAyLjMtNyA5LjQtMTEgMTYuOS0xMGw0LjYgMS4xYTE3LjggMTcuOCAwIDAgMS0yLjItNy45Yy0uMS01IDEuMy05LjMgNS42LTEyLjJhOS4zIDkuMyAwIDAgMSAxMS4xLjIgMjEgMjEgMCAwIDEgNS44IDYuOGwxLjIgMi40YzEuNi01LjYgNC42LTEwIDEwLTEyLjIgMy4zLTEuNCA2LjYtMS4zIDEwIDAgOCAzLjMgMTMuMSAxMC45IDguNyAyMS42bDMuMi0uN2ExMi42IDEyLjYgMCAwIDEgMTQuNSA5LjJjLjggMy4yIDAgNi0yLjIgOC40YTE4LjUgMTguNSAwIDAgMS01LjYgMy42bC44LjJhMTQgMTQgMCAwIDEgOCAyMC44IDE2LjYgMTYuNiAwIDAgMS0yMS43IDcuMWwtLjctLjJjLjQgMS45LjcgMy43LjQgNS42LS43IDQuNC0zIDcuNi03IDkuNi0zIDEuNi02IDEtOC44LTFhMTcuMSAxNy4xIDAgMCAxLTMuOC00LjF6bS01LjQtNmMwLTUuNC0uNy0xMC44LTEuNS0xNi4yLS4xLTEtMS4yLS44LTEuOC0xLjMtLjUtLjMtLjggMC0xLjEuNGE0OSA0OSAwIDAgMS04LjcgNy45IDE2IDE2IDAgMCAwLTQgMy44Yy00LjEgNS41LTMuNSAxMSAxLjcgMTUuNmE4IDggMCAwIDAgNy40IDEuOGM0LS45IDcuMS0zLjcgNy42LTcuMy4zLTEuNS4zLTMuMS40LTQuN3ptMjguNi0yNi43Yy00LjMgMC04LjYuMy0xMyAuNy0uNCAwLTEtLjEtMS4yLjQtLjMgMS4zLTEuMiAyLjMtMS4zIDMuNmwuMy40YzMuNSAzLjQgNi44IDcgMTAuNSAxMC4yIDIuNiAyLjEgNS42IDMuNiA5LjEgMy4zYTExIDExIDAgMCAwIDkuMS02LjJjMi44LTUtLjItMTEtNS45LTEyLTIuNS0uNS01LS4yLTcuNi0uNHptLTQuNS0zMy4xdi0xLjJjLS42LTMuOC0zLjItNi02LjQtNy40YTcuMiA3LjIgMCAwIDAtNy44LjggMTIgMTIgMCAwIDAtNC44IDEwLjdsMS4xIDE1Yy4xIDEuNCAxIDIuMyAyLjMgMi41LjMuMS41IDAgLjctLjIgMy43LTMuNSA3LjctNi42IDEwLjgtMTAuNiAyLjMtMi44IDQtNS45IDQuMS05LjZ6bS01Mi4yIDI5LjFhNzQgNzQgMCAwIDAgMTcuOC0yLjdjMS41LS41IDItMS42IDIuNC0yLjcuMy0uOC0xLTEtMS41LTEuNmwtLjgtLjZhNDYgNDYgMCAwIDAtMTUuNC03LjhjLTMtLjctNi0uOS04LjYgMS0yLjEgMS42LTMuOSAzLjUtNCA2LjMtLjMgMy42IDIuOCA3LjIgNi40IDcuOSAxLjMuMiAyLjcuMyAzLjcuMnptMS4zIDIxYTEzIDEzIDAgMCAwIDguNS0zLjNjMy4xLTIuOCA2LTUuOSA5LjItOC41LjUtLjQuNy0uNy4zLTEuMmE5LjcgOS43IDAgMCAxLTEuMy0zLjdjLS4xLS42LS40LS43LTEtLjVhNjkuMSA2OS4xIDAgMCAxLTE0IDJjLTQuNy4zLTguNSAzLjItOS40IDcuMy0uNCAxLjktLjQgMy44IDEuMiA1LjNhOSA5IDAgMCAwIDYuNSAyLjV6bTguNC01MGMuMSAyLjYgMSA1IDIuNiA3YTU1IDU1IDAgMCAwIDUuNiA2LjJsNi42IDZjLjguOCAxLjQuMiAyIDAgLjYgMCAuNS0uNC41LS44LS44LTUuNS0xLjgtMTEtMy45LTE2LjNhMTkgMTkgMCAwIDAtNS43LTguNmMtMS42LTEuMi0zLTEuMi00LjggMC0yLjMgMS41LTIuNyA0LTIuOSA2LjV6bTM0IDI2LjFjNS42LS4zIDExLjItMSAxNi43LTIuNGExOSAxOSAwIDAgMCA2LjQtMi44YzEuMS0uOCAyLTEuOCAxLjctMy4zYTYuOCA2LjggMCAwIDAtNi4zLTUuM2MtMi4xLS4xLTQgLjUtNiAxLjRhNTAuNCA1MC40IDAgMCAwLTE0LjcgMTAuOWMtLjMuMi0uMi40LS4yLjcuNSAxLjMgMS42LjcgMi40Ljh6bTMuNyAzMy4yYTE0IDE0IDAgMCAwLTEtNC4yIDQxLjEgNDEuMSAwIDAgMC04LjItMTIuMWMtLjktMS0xLjctMS40LTIuOS0uNi0uNS40LTEuMy41LTIgLjctLjQuMS0uNi40LS42IDFhNDQgNDQgMCAwIDAgNC40IDE2LjMgMTUgMTUgMCAwIDAgMy4zIDQuNmMxLjIgMSAyLjQgMS4yIDMuNS41YTcuMSA3LjEgMCAwIDAgMy41LTYuMnptLTEwLjQtMjguMmE2LjcgNi43IDAgMCAwLTEzLjQgMCA2LjcgNi43IDAgMCAwIDEzLjQgMHoiLz4KPHBhdGggZmlsbD0iIzQ1QjMyRSIgZD0iTTE0NiAxODc5YzAgMS42IDAgMy4yLS4zIDQuNy0uNSAzLjYtMy42IDYuNC03LjYgNy4zYTggOCAwIDAgMS03LjQtMS44Yy01LjItNC41LTUuOC0xMC0xLjYtMTUuNiAxLTEuNSAyLjMtMi44IDQtMy44IDMuMi0yLjMgNi01IDguNi03LjkuMy0uMy42LS43IDEtLjQuNy41IDEuOC4yIDIgMS4zLjcgNS40IDEuNCAxMC44IDEuNCAxNi4yem0yOC43LTI2LjdjMi41LjIgNS4xIDAgNy42LjQgNS43IDEgOC43IDcgNS45IDEyLTIgMy42LTUgNi05LjEgNi4yLTMuNS4zLTYuNS0xLjItOS0zLjMtMy44LTMuMi03LTYuOC0xMC42LTEwLjIgMC0uMi0uMy0uMy0uMy0uNC4xLTEuMyAxLTIuMyAxLjMtMy42LjEtLjUuOC0uNCAxLjMtLjQgNC4zLS40IDguNi0uNyAxMy0uN3ptLTQuNS0zMy4xYy0uMSAzLjctMS44IDYuOC00IDkuNi0zLjIgNC03LjIgNy4xLTEwLjkgMTAuNi0uMi4yLS40LjMtLjcuMmEyLjYgMi42IDAgMCAxLTIuMy0yLjVjLS40LTUtLjgtMTAtMS0xNS0uMy00LjQgMS4yLTggNC43LTEwLjcgMi40LTEuOCA1LTIuMSA3LjgtLjggMy4yIDEuNSA1LjggMy42IDYuNCA3LjR2MS4yem0tNTIuMiAyOS4xYy0xIDAtMi40IDAtMy43LS4yLTMuNi0uNy02LjctNC4zLTYuNS03LjkuMi0yLjggMi00LjcgNC4xLTYuMiAyLjctMiA1LjYtMS44IDguNi0xLjFhNDYgNDYgMCAwIDEgMTUuNCA3LjhsLjguNmMuNS42IDEuOC44IDEuNSAxLjYtLjQgMS0xIDIuMi0yLjQgMi43YTc0IDc0IDAgMCAxLTE3LjggMi43eiIgb3BhY2l0eT0iLjIiLz4KPHBhdGggZmlsbD0iI0U3NUMzQiIgZD0iTTExOS4zIDE4NjkuMmE5IDkgMCAwIDEtNi41LTIuNWMtMS42LTEuNS0xLjYtMy40LTEuMi01LjMuOS00IDQuNy03IDkuMy03LjMgNC44LS4zIDkuNS0uNyAxNC4xLTIgLjYtLjIuOS0uMSAxIC41LjIgMS4zLjYgMi42IDEuMyAzLjcuNC41LjIuOC0uMyAxLjItMy4yIDIuNi02LjEgNS43LTkuMiA4LjVhMTMgMTMgMCAwIDEtOC41IDMuMnoiIG9wYWNpdHk9Ii4yIi8+CjxwYXRoIGZpbGw9IiM0NUIzMkUiIGQ9Ik0xMjcuNyAxODE5LjNjLjItMi41LjYtNSAzLTYuNiAxLjYtMS4xIDMuMS0xLjEgNC43LjFhMTkgMTkgMCAwIDEgNS44IDguNmMyIDUuMiAzIDEwLjggMy44IDE2LjMgMCAuNCAwIC43LS40LjktLjcuMS0xLjMuNy0yLjEgMGwtNi41LTYuMWMtMi0yLTQtNC01LjctNi4xLTEuNy0yLTIuNS00LjUtMi42LTcuMnptMzQgMjYuMWMtLjgtLjEtMiAuNS0yLjQtLjggMC0uMyAwLS41LjItLjcgNC40LTQuMyA4LjktOC41IDE0LjctMTEgMi0uOCAzLjktMS40IDYtMS4zIDMgMCA1LjggMi40IDYuMyA1LjMuMyAxLjUtLjYgMi41LTEuNyAzLjNhMTkgMTkgMCAwIDEtNi40IDIuOGMtNS41IDEuNS0xMSAyLTE2LjcgMi40em0zLjcgMzMuMmE3IDcgMCAwIDEtMy41IDYuMmMtMS4xLjctMi4zLjUtMy41LS41YTE0LjEgMTQuMSAwIDAgMS0zLjMtNC42IDQ0IDQ0IDAgMCAxLTQuNC0xNi40YzAtLjUuMi0uOC43LS45LjYtLjIgMS40LS4zIDItLjcgMS4xLS44IDItLjQgMi44LjYgMy4zIDMuNyA2LjQgNy41IDguMyAxMi4xYTE0IDE0IDAgMCAxIDEgNC4yeiIgb3BhY2l0eT0iLjIiLz4KPHBhdGggZmlsbD0iI0Y4QzkwMyIgZD0iTTE1NSAxODUwLjRhNi43IDYuNyAwIDAgMS0xMy40IDBjMC0zLjcgMy02LjYgNi44LTYuNiAzLjYgMCA2LjYgMyA2LjYgNi42eiIgb3BhY2l0eT0iLjIiLz4KPHBhdGggZmlsbD0iI0Y1Q0E0NyIgZD0iTS02NDkuMiAxODk4LjFhNDkuNiA0OS42IDAgMCAxLTI2LjEtNi44Yy0uOC0uNS0xLjUtLjUtMi4zLS4ybC0xOCA2LjdjLS44LjMtMiAuMi0yLjUtLjJzLS42LTEuNi0uNC0yLjRsNi0yMGMuMi0uNy4yLTEuNC0uMy0yLjFhNDggNDggMCAxIDEgNTEuNyAyNGMtMy4yLjYtNi40LjgtOCAxem0tOC43LTQxLjYuMS44Yy4zIDYtMy42IDEwLjQtOS42IDEwLjgtMS44IDAtMi44IDEuMi0yLjcgMi43IDAgMS40IDEuMiAyLjMgMyAyLjIgNy40LS4xIDEzLjgtNiAxNC4xLTEzLjMuMy03IC4yLTE0LjIgMC0yMS4yIDAtMy40LTIuNi01LjgtNS45LTUuOGgtMTEuN2E2IDYgMCAwIDAtNiA1LjdjLS4yIDQuMS0uMiA4LjIgMCAxMi4zIDAgMy41IDIuNiA1LjggNiA1LjhoMTIuN3ptMjguNCAwYTEwIDEwIDAgMCAxLTEuNyA3LjQgOS41IDkuNSAwIDAgMS03LjggNC4yYy0xLjMgMC0yLjQuNS0yLjYgMS43LS4xLjguMyAyIC44IDIuNi41LjUgMS41LjYgMi4zLjYgNy0uMiAxMy4zLTUuNyAxMy44LTEyLjcuNC03LjMuMy0xNC43LjItMjItLjEtMy4yLTIuNy01LjUtNS45LTUuNmgtMTIuMWMtMi44IDAtNS41IDIuMi01LjYgNC44YTEwOSAxMDkgMCAwIDAgMCAxNGMwIDIuOCAyLjYgNC45IDUuNSA1aDEzLjF6Ii8+CjxnIGZpbGw9IiNGNUNBNDciPgo8cGF0aCBkPSJNLTU3Mi40IDE4NDIuOHYxOGwxMS05Ljh6Ii8+CjxwYXRoIGQ9Ik0tNTAwLjYgMTg0N2E0Ny45IDQ3LjkgMCAwIDAtNzYuMi0zNS4yIDQ4IDQ4IDAgMCAwLTEzLjggNjEuOWMuNC43LjQgMS40LjIgMi4ybC02IDIwYy0uMS42IDAgMS45LjQgMi4zLjYuNCAxLjguNSAyLjUuMmwxOC4xLTYuN2MuOC0uMyAxLjQtLjMgMi4yLjJhNDkuNiA0OS42IDAgMCAwIDI2LjIgNi44YzEuNi0uMiA0LjktLjQgOC0xYTQ3LjggNDcuOCAwIDAgMCAzOC40LTUwLjd6bS0xOC42IDE2LjJjMCA1LjYtNCA5LjYtOS43IDkuNkgtNTY4Yy01LjYgMC05LjYtNC05LjYtOS42VjE4NDBjMC01LjYgNC05LjYgOS42LTkuNmgzOS4xYzUuNyAwIDkuNyA0IDkuNyA5LjZ2MjMuMnoiLz4KPHBhdGggZD0iTS01NTEuMyAxODUyLjFjMiAxLjYgMy42IDEuNiA1LjYgMGwxOS41LTE0LjcuNi0uNWE0IDQgMCAwIDAtMy0xLjJoLTM5LjljLTEuMiAwLTIgLjQtMi44IDEuMmwzLjIgMi41IDE2LjggMTIuN3ptOC45IDQuMmMtNCAzLTguMiAzLTEyLjEgMGwtMi40LTEuOC0uMi0uMi0xMy44IDEyLjNjLjcuNiAxLjUuOSAyLjUuOWg0MC40YTQgNCAwIDAgMCAyLjEtLjlsLTEzLjgtMTIuMy0yLjYgMnptMTcuOCA0LjV2LTE4bC0xMC45IDguMnoiLz4KPC9nPgo8cGF0aCBmaWxsPSIjRjVDQTQ3IiBkPSJNLTMxNy4yIDE4MDYuNGgtNjdjLTUuMSAwLTkuNSAzLjgtMTAuMiA4Ljl2NjkuOGMuNyA1IDUgOC44IDEwLjMgOC44aDM2LjZWMTg2M2MwLTIuNy0uMi0yLjktMy0zaC02LjZjLTEuMyAwLTItLjUtMi0xLjl2LTkuOGMwLTEuMy43LTIgMi0xLjloNy40YzEuNiAwIDIuMy0uNyAyLjItMi4zdi05LjJhMTUuMSAxNS4xIDAgMCAxIDE1LjQtMTUuM2MzIC4yIDYgMCA5IDAgMS43IDAgMi40LjYgMi40IDIuM3Y3LjVjMCAxLjYtLjcgMi4zLTIuMyAyLjJoLTUuM2MtMy42LjEtNS42IDItNS44IDUuN3Y3YzAgMS41LjcgMi4xIDIgMmw5IC4xYzIgMCAyLjIuMyAyIDIuMi0uNCAzLjEtMSA2LjItMS4yIDkuNC0uMiAxLjYtMSAyLjEtMi41IDIuMWgtNi41Yy0yLjUgMC0yLjguMy0yLjggMi43djMxLjFoMTYuOWM1LjcgMCAxMC40LTQuNiAxMC40LTEwLjR2LTY2LjdjMC01LjctNC43LTEwLjQtMTAuNC0xMC40em0yMDMuNiAxMy4zaC02OC42Yy02LjMgMC0xMS41IDUuMi0xMS41IDExLjV2NDQuNmMwIDYuNCA1LjIgMTEuNSAxMS41IDExLjVoNjguNmM2LjQgMCAxMS42LTUuMSAxMS42LTExLjV2LTQ0LjZjMC02LjMtNS4yLTExLjUtMTEuNi0xMS41em0zLjUgMTItMzIuMSAyNC4zYy0zLjkgMy03LjQgMy0xMS4zIDBsLTMyLjItMjQuNHYtLjRjMC0xLjkgMS42LTMuNSAzLjUtMy41aDY4LjZjMiAwIDMuNiAxLjYgMy42IDMuNXYuNHptLTc1LjYgNS41IDIwLjMgMTUuMy0yMC4zIDE4LjF2LTMzLjR6bTAgMzkuM2M4LTcgMTYtMTQuMSAyMy45LTIxLjNsNS40IDQuMmM1LjcgNC4yIDExLjQgNC4zIDE3IDBsNS41LTQuMiAyMy44IDIxLjNhMy41IDMuNSAwIDAgMS0zLjUgMi44aC02OC42YTMuNSAzLjUgMCAwIDEtMy40LTIuOHptNzUuNi01LjktMjAuMy0xOCAyMC40LTE1LjR2MzMuNHptNjcyLjYtNS43Yy0yLjIgMC0zLjkgMS44LTMuOSA0LjF2Ny40aC0zOHYtNDguM2gzOHY3LjVjMCAyLjIgMS43IDQuMSAzLjkgNC4xczMuOC0xLjkgMy44LTQuMVYxODI0YzAtMi4zLTEuNy00LjEtMy44LTQuMWgtNDUuN2E0IDQgMCAwIDAtMy45IDR2NTYuN2E0IDQgMCAwIDAgMy45IDQuMWg0NS43YzIgMCAzLjgtMS44IDMuOC00LjFWMTg2OWMwLTIuMy0xLjctNC4xLTMuOC00LjF6Ii8+CjxwYXRoIGZpbGw9IiNGNUNBNDciIGQ9Im01OTYuNiAxODUxLjItMjIuMi0xOS43YTEgMSAwIDAgMC0xLjMuMmMtLjQuMy0uNS45LS4zIDEuNGwuMiAxNC4yaC0xNC44Yy0yLjYgMC00LjcgMi4yLTQuNyA1IDAgMi43IDIuMSA1IDQuNyA1SDU3M2wtLjIgMTQuMmMtLjIuNS0uMSAxIC4zIDEuNC4yLjIuNC4zLjcuMy4yIDAgLjQgMCAuNi0uMmwyMi4yLTE5LjZjLjMtLjMuNS0uNy41LTEuMSAwLS41LS4yLS45LS41LTF6bS0xNjUuNCAxNC40YzIuMyAwIDQuMSAyIDQuMSA0LjN2Ny44aDQwdi01MC45aC00MHY3LjljMCAyLjQtMS44IDQuMy00IDQuMy0yLjMgMC00LjEtMi00LjEtNC4zdi0xMi4yYzAtMi40IDEuOC00LjQgNC00LjRoNDguMmMyLjIgMCA0IDIgNCA0LjR2NTkuNmMwIDIuNC0xLjggNC40LTQgNC40aC00OC4yYy0yLjIgMC00LTItNC00LjRWMTg3MGMwLTIuNCAxLjgtNC4zIDQtNC4zeiIvPgo8cGF0aCBmaWxsPSIjRjVDQTQ3IiBkPSJtNDYwLjggMTg1MS4zLTE5LjgtMTcuNmExIDEgMCAwIDAtMS4yLjIgMSAxIDAgMCAwLS4zIDEuMmwuMiAxMi43aC0xMy4yYy0yLjMgMC00LjIgMi00LjIgNC41IDAgMi40IDEuOSA0LjQgNC4yIDQuNGgxMy4ybC0uMiAxMi43Yy0uMi41IDAgMSAuMyAxLjMuMi4yLjQuMy43LjMuMSAwIC4zIDAgLjUtLjJsMTkuOC0xNy42Yy4zLS4yLjUtLjUuNS0xcy0uMi0uNy0uNS0uOXptLTI1OC43LS4xYTQ3LjcgNDcuNyAwIDEgMSA5NS41LjYgNDcuNyA0Ny43IDAgMCAxLTk1LjUtLjZ6bTQ3LjggNi4zdi0uMkgyNDBhMTYgMTYgMCAwIDAtMTUuMiAxMy4yYy0uNSAzLS4yIDUuOCAyLjMgOCAxMi42IDExIDMyLjUgMTEgNDUuMi4xIDEuNS0xLjQgMi41LTMgMi42LTUuMi4yLTcuOS01LjgtMTUtMTMuNy0xNS45LTMuOC0uMy03LjYgMC0xMS40IDB6bTE1LjctMjMuNmExNS44IDE1LjggMCAxIDAtMTUuNyAxNS43YzguNiAwIDE1LjgtNy4yIDE1LjctMTUuN3ptNzkuMSAxNC45YTIwLjQgMjAuNCAwIDAgMC0uMi00MC44IDIwLjQgMjAuNCAwIDAgMCAuMiA0MC44em0yMi43IDE5LjloLTE3di0xMEgzMzJjLTkuOS41LTE4IDcuNS0xOS43IDE3LjEtLjYgMy45LS4yIDcuNSAzIDEwLjQgMTQuNCAxMi40IDM2IDE0IDUyLjEgNC41di0yMnoiLz4KPHBhdGggZmlsbD0iI0Y1Q0E0NyIgZD0iTTM3MyAxODgxLjF2LTE3LjRoLTE3LjR2LTlIMzczdi0xNy4yaDguOHYxNy4yaDE3LjV2OWgtMTcuNXYxNy40SDM3M3oiLz4KPGcgZmlsbD0iI0Y1Q0E0NyI+CjxwYXRoIGQ9Ik0tMjYyLjQgMTg3NS40YTcgNyAwIDAgMS00LjctLjRsLTUuNi0yLjNjMS41IDQuNSA3LjggNyAxMi42IDUgNS41LTIuMyA3LjgtOC43IDUuMi0xNC0yLjItNC42LTguNC03LjEtMTIuMi00LjlsNS43IDIuNWE3LjYgNy42IDAgMCAxIDQuNiA3LjFjLS4zIDMuNC0yLjQgNi01LjYgN3oiLz4KPHBhdGggZD0iTS0yOTYuNyAxODQ2LjNjLjIuMy42LjUgMS4xLjdsMTEuNCA0LjhjNCAxLjYgNy45IDMuMiAxMS43IDQuOS43LjIgMS4zLjMgMi0uMSAyLTEuMyA0LjEtMS44IDYuNS0yYTIgMiAwIDAgMCAxLjQtLjdsMTAuMy0xNWMuMy0uNC40LTEgLjUtMS42YTE4IDE4IDAgMCAxIDE2LjMtMTcuMyAxOCAxOCAwIDEgMSAyLjcgMzZjLTEuMSAwLTIuMS40LTMgMWwtMTMuOCAxMGEyIDIgMCAwIDAtLjkgMS42Yy0uMyA3LTUuMiAxMi4zLTEyLjEgMTMuMS02LjMuOC0xMi4zLTMuNC0xNC4zLTEwIDAtLjQtLjUtLjktLjktMWwtMTYuNy03LS4yLS4xYTQ3LjUgNDcuNSAwIDEgMC0yLTE3LjRzMCAuMSAwIDB6Ii8+CjxwYXRoIGQ9Ik0tMjIyIDE4MzcuOWExMiAxMiAwIDAgMC0xMi0xMiAxMiAxMiAwIDAgMCAwIDI0IDEyIDEyIDAgMCAwIDEyLTEyem0tMjAuOSAwYzAtNC44IDQtOSA5LTlhOSA5IDAgMCAxIDAgMThjLTUgMC05LTQtOS05eiIvPgo8L2c+Cjwvc3ZnPg==") no-repeat scroll 0 0 / auto 100%;
	width: 1.3rem;
	aspect-ratio: 1;
	display: inline-block;
}
#clan-heading .icon {
	width: 1.4rem;
	position: relative;
	inset-block-start: 0.25rem;
	margin-inline: 0 0.3rem;
	filter: grayscale(100%) brightness(150%);
}
#clan .icon.quote {
	background-position-x: 0%;
}
#clan .icon.message {
	background-position-x: calc(100% * 1 / 12);
}
#clan .icon.website {
	background-position-x: calc(100% * 2 / 12);
}
#clan .icon.facebook {
	background-position-x: calc(100% * 3 / 12);
}
#clan .icon.steam {
	background-position-x: calc(100% * 4 / 12);
}
#clan .icon.email {
	background-position-x: calc(100% * 5 / 12);
}
#clan .icon.telegram {
	background-position-x: calc(100% * 6 / 12);
}
#clan .icon.skype {
	background-position-x: calc(100% * 7 / 12);
}
#clan .icon.icq {
	background-position-x: calc(100% * 8 / 12);
}
#clan-heading .icon.profile {
	background-position-x: calc(100% * 9 / 12);
}
#clan-heading .icon.join {
	background-position-x: calc(100% * 10 / 12);
}
#clan-heading .icon.login {
	background-position-x: calc(100% * 11 / 12);
}
#clan-heading .icon.logout {
	background-position-x: 100%;
}
#clan .entry .icon + .icon,
#clan .entry .icon + a,
#clan .entry .login-required + a,
#clan .entry .login-required + .icon,
#clan .entry .quote > a + a,
#clan .entry .contact > a + a,
#clan .entry a + .icon {
	margin-inline-start: 0.7rem;
}
#clan .entry a .icon {
	transition: 0.2s filter linear;
}
#clan .icon.none {
	filter: opacity(25%) hue-rotate(180deg);
}
#clan .icon.exists {
	filter: opacity(65%) hue-rotate(180deg);
}
#clan a:hover:has(.icon:not(.none)) .icon {
	filter: grayscale(30%) brightness(200%);
}
#clan-heading {
	position: relative;
}
#clan-profile-initiate {
	font-family: Roboto, Verdana, Tahoma, Helvetica, Arial, sans-serif;
	display: block;
	right: 0;
	position: absolute;
	top: 0;
}
#clan-profile-initiate .button {
	font-size: 1.1rem;
}
#clan-pages,
#clan .header {
	position: sticky;
	top: 0;
	background-color: #171927;
	padding-block: 0.1rem 0.3rem;
	z-index: 1;
}
#clan .header {
	top: 4rem;
}
#clan li {
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}
#content > #clan > li {
	padding-inline-start: 0;
}
#clan .header > span,
#clan .entry > span {
	flex: 1 0 5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#clan .header > .quote,
#clan .entry > .quote {
	flex: 0.8 0 3rem;
}
#clan .entry > .quote {
    white-space: inherit;
    overflow: inherit;
}
#clan .header > .name,
#clan .entry > .name {
	flex: 1.5 0 5rem;
}
#clan .header > .contact,
#clan .entry > .contact {
	flex: 1.7 0 5rem;
}
#clan .header > .preferred-time,
#clan .entry > .preferred-time {
	flex: 0.9 0 3.4rem;
}
#clan .header > .joined,
#clan .entry > .joined {
	flex: 0.9 0 3rem;
}
#clan .field-name {
	font-size: 0.9em;
	font-weight: 500;
}
#clan .entry {
	padding: 0.7em 0.3em;
	border-bottom: 1px solid #64708B;
}
#clan .login-required {
	position: absolute;
	filter: opacity(0%);
	transition: 0.4s filter linear 0.2s;
	background-color: #17192766;
	z-index: 1;
	box-shadow: 0 0 0 4px #17192766;
	border-radius: 4px;
	padding-inline: 0.3rem;
}
#clan li:hover .login-required {
	filter: opacity(100%);
	z-index: 1;
}
#clan .header span {
	color: #7985A0;
	border-top: 2px solid #64708B;
	border-bottom: 2px solid #64708B;
	padding-block: 0.3rem;
}
#clan .entry:last-child {
	border-bottom: 0 none;
}
#clan .email a,
#clan .website a {
	max-width: 15em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
#clan .preferred-time.anytime,
#clan .joined.old {
	color: #677D9FA1;
}
#clan .quote a:has(.tooltip) {
    position: relative;
}
#clan .quote a .tooltip {
	position: absolute;
	visibility: hidden;
	font-size: 0.9rem;
	color: #FFF;
	background-color: #2e3564;
	width: 11rem;
	text-align: center;
	border-radius: 6px;
	padding-block: 0.3rem;
	margin-inline: -4.6rem;
	filter: opacity(0%);
	padding-inline: 0.6rem;
	inset-block-end: 2.2rem;
	inset-inline-start: -0.8rem;
	box-shadow: 0 0 0 3px #171927;
	transform: translateY(0.3rem);
	transition: 0.4s filter linear, 0.4s transform ease-in;
	z-index: 2;
}
#clan .quote a .tooltip::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -0.8rem;
	border-width: 0.8rem;
	border-style: solid;
	border-color: #2e3564 transparent transparent transparent;
}
#clan .quote a:hover .tooltip,
#clan .quote a:focus-visible .tooltip {
    visibility: visible;
	filter: opacity(100%);
	transform: none;
}
#clan-profile-overlay,
#clan-login-overlay,
#clan-success-overlay {
	position: fixed;
	background-color: #0a0a1ecc;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
}
#clan-profile-overlay > *,
#clan-login-overlay > *,
#clan-success-overlay > * {
	top: 50%;
	transform: translate(-50%, -50%);
	margin-inline: auto;
	padding: 2rem;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
	position: absolute;
	left: 50%;
	width: calc(100% - 6rem);
	max-width: 600px;
	border-radius: 7px;
	background-color: rgba(10, 10, 30, 1);
}
#clan-profile p,
#clan-login p,
#clan-success .buttons {
	display: flex;
	flex-wrap: wrap;
	margin-block: 1.1rem 0;
	gap: 0.4rem 1rem;
}
#clan-profile h2:first-child,
#clan-login h2:first-child,
#clan-success h2:first-child,
#clan-profile h3:first-child,
#clan-login h3:first-child,
#clan-profile p:first-child
#clan-login p:first-child {
	margin-block-start: 0;
}
#clan-profile .buttons,
#clan-login .buttons,
#clan-success .buttons,
#clan-profile p:last-child,
#clan-login p:last-child,
#clan-success p:last-child {
	margin-block-end: 0;
}
#clan-profile .buttons + p:last-child,
#clan-login .buttons + p:last-child,
#clan-success .buttons + p:last-child {
	margin-block-start: 1.5rem;
}
#content #clan-profile label,
#content #clan-login label {
	flex: 1 0 100%;
	padding-block: 0 0.2em;
	font-size: 0.9em;
}
#clan-profile input[type=text],
#clan-login input[type=text],
#clan-profile input[type=email],
#clan-login input[type=email],
#clan-profile input[type=url],
#clan-profile select,
#clan-profile textarea {
	flex: 1 0 10rem;
}
#clan-profile .buttons button.submit,
#clan-login .buttons button.submit,
#clan-success .buttons button.submit {
	padding: 0.7em 2.2em;
}
#clan-profile .buttons button + button,
#clan-login .buttons button + button {
	border: 1px solid #8F5C70;
	background-color: transparent;
	color: #B8879A;
	padding: 0.6em 1.7em;
	float: inline-end;
	margin-inline-start: 0.4rem;
	font-size: 0.8em;
}
#clan-url {
	opacity: 0.01;
	position: absolute;
	transform: scale(0.1, 0.1);
}
#clan-profile .help {
	font-size: 0.95em;
	color: #EDE5ED;
	box-shadow: 0 0 0 1px #595959b3 inset;
	padding: 0.7rem 0.8rem;
	background-color: #5959594d;
	border-radius: 2px;
}
#clan-profile label + .help {
	position: absolute;
	border-radius: 50%;
	right: 1.9rem;
	margin-block-start: 0;
	line-height: 100%;
	padding: 0.4rem 0.65rem;
	font-weight: 500;
	box-shadow: 0 0 0 2px rgba(89, 89, 89, 1) inset;
}
#clan-quote,
#clan-message {
	min-height: 1.6em;
	height: 4em;
	max-height: 40vh;
}
#clan-profile code {
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	display: inline-block;
	background-color: #1e1e1eb3;
	font-size: 1em;
	color: #e3a596;
}
#clan-messages {
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem;
	margin-block: 0.3rem;
	top: 7.9rem;
	z-index: 10;
	margin-inline-start: 10rem;
	width: clamp(25rem, 1200px - 38rem, 100%);
}
#clan-messages .message {
	position: relative;
	cursor: pointer;
	margin: 0;
	flex: 1 0 30rem;
	background-color: #2e447f;
	padding-block: 0.4rem;
	padding-inline: 0.6rem;
	border-radius: 5px;
	line-height: 140%;
}
#clan-messages .message.error {
	background-color: #5f0e05;
}
#clan-messages .close {
	position: absolute;
	font-size: 1.4rem;
	right: 0.5rem;
}

/* GUESTBOOK */

#content > #guestbook {
	padding: 0;
	margin: 0;
	list-style: none;
}
#guestbook-messages .message {
	color: #f3c846;
	background-color: #00000051;
	border: 1px dashed #402630;
	border-radius: 3px;
	padding: 0.3em 0.9em;
}
#guestbook-messages .message .close {
	color: inherit;
	background-color: #402630;
	text-align: center;
	line-height: 100%;
	border: 0 none;
	float: inline-end;
	width: 1.8em;
	height: 1.8em;
	margin: 0;
	padding: 0.3em;
	font-size: 0.9em;
}
#guestbook li {
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#content > #guestbook > li {
	padding-inline-start: 0;
}
#guestbook .entry > span,
#guestbook .header > span,
#guestbook .footer > span {
	flex: 1 0 100%;
}
#guestbook .field-name {
	font-size: 0.9em;
	font-weight: 500;
}
#guestbook .entry {
	padding: 0.7em 0.3em;
	border-bottom: 1px solid #64708B;
}
#guestbook .header,
#guestbook .footer {
	display: none;
}
#guestbook .meta > span {
	display: block;
}
#guestbook .header span,
#guestbook .footer span {
	color: #7985A0;
	border-top: 2px solid #64708B;
	border-bottom: 2px solid #64708B;
	padding-block: 0.3rem;
}
#guestbook .entry:last-child {
	border-bottom: 0 none;
}
#guestbook .email a,
#guestbook .website a {
	max-width: 15em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
#guestbook-submission-overlay {
	position: fixed;
	background-color: #0a0a1ecc;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
}
#guestbook-submission-overlay > * {
	top: 50%;
	transform: translate(-50%, -50%);
	margin-inline: auto;
	padding: 2rem;
	box-shadow: 0 0 0 2px #ffffff4d;
	position: absolute;
	left: 50%;
	width: calc(100% - 6rem);
	max-width: 600px;
	border-radius: 7px;
	background-color: #0a0a1e;
}
#guestbook-submission-overlay p {
	overflow: hidden;
}
#guestbook-submission-overlay h2:first-child,
#guestbook-submission-overlay h3:first-child,
#guestbook-submission-overlay p:first-child {
	margin-block-start: 0;
}
#guestbook-submission-overlay .buttons,
#guestbook-submission-overlay p:last-child {
	margin-block-end: 0;
}
#guestbook-submission-overlay .buttons + p:last-child {
	margin-block-start: 1.5rem;
}
#content #guestbook-submission-overlay label {
	display: block;
	padding-block: 0 0.2em;
	font-size: 0.9em;
}
#guestbook-submission-overlay input[type=text],
#guestbook-submission-overlay input[type=email],
#guestbook-submission-overlay input[type=url],
#guestbook-submission-overlay textarea {
	width: calc(100% - 1.1rem);
}
#guestbook-submission-overlay .buttons button.submit {
	padding: 0.7em 2.2em;
}
#guestbook-submission-overlay .buttons button + button {
	border: 1px solid #68374A;
	background-color: transparent;
	color: #B8879A;
	padding: 0.6em 0.5em;
	float: inline-end;
	margin-inline-start: 0.4rem;
	font-size: 0.8em;
}
#guestbook-url {
	opacity: 0.01;
	position: absolute;
	transform: scale(0.1, 0.1);
}
#guestbook-submission .help {
	font-size: 0.95em;
	color: #EDE5ED;
	box-shadow: 0 0 0 1px #595959b3 inset;
	padding: 0.7rem 0.8rem;
	background-color: #5959594d;
	border-radius: 2px;
}
#guestbook-submission label + .help {
	position: absolute;
	border-radius: 50%;
	right: 1.9rem;
	margin-block-start: -2.3em;
	line-height: 100%;
	padding: 0.4rem 0.65rem;
	font-weight: 500;
	box-shadow: 0 0 0 2px #595959 inset;
}
#guestbook-comment {
	min-height: 1.6em;
	height: 8.8em;
	max-height: 70vh;
}
#guestbook-submission code {
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	display: inline-block;
	background-color: #1e1e1eb3;
	font-size: 1em;
	color: #e3a596;
}

/* GALLERY */

#doc3,
#doc3 #g-banner,
#doc3 #g-content #g-album-grid .g-hover-item {
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
}
#doc3 {
	margin: 0;
	min-width: 300px;
	clear: none;
}
#doc3 #g-banner {
	border: 0 none;
}
#doc3 .ui-helper-clearfix::after,
#doc3 .g-breadcrumbs,
#doc3 #bd,
#doc3 #g-footer {
	clear: right;
}
#doc3 #g-content .g-paginator:last-child {
	clear: left;
}
#doc3 #g-album-grid .g-item,
#g-item #g-photo,
#g-item #g-movie {
    font-size: 1em;
}
#g-sidebar {
	display: none;
}

/* POPUP */

body::after {
	content: url(/images/popup/close.png) url(/images/popup/loading.gif) url(/images/popup/prev.png) url(/images/popup/next.png);
	display: none;
}
.lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: black;
	opacity: 0.8;
	display: none;
}
.lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
	font-weight: normal;
}
.lightbox .lb-image {
	display: block;
	height: auto;
	max-width: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.lightbox a img {
	border: none;
}
.lb-outerContainer {
	position: relative;
	background-color: white;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.lb-outerContainer:after {
	content: "";
	display: table;
	clear: both;
}
.lb-container {
	padding: 4px;
}
.lb-loader {
	position: absolute;
	top: 43%;
	left: 0;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
.lb-cancel {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(/images/popup/loading.gif) no-repeat;
}
.lb-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
.lb-container > .nav {
	left: 0;
}
.lb-nav a {
	outline: none;
	background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev,
.lb-next {
	height: 100%;
	cursor: pointer;
	display: block;
}
.lb-nav a.lb-prev {
	width: 34%;
	left: 0;
	float: left;
	background: url(/images/popup/prev.png) left 48% no-repeat;
	opacity: 0;
	transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
	opacity: 1;
}
.lb-nav a.lb-next {
	width: 64%;
	right: 0;
	float: right;
	background: url(/images/popup/next.png) right 48% no-repeat;
	opacity: 0;
	transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
	opacity: 1;
}
.lb-dataContainer {
	margin: 0 auto;
	padding-top: 5px;
	width: 100%;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
	content: "";
	display: table;
	clear: both;
}
.lb-data {
	padding: 0 4px;
	color: #ccc;
}
.lb-data .lb-details {
	width: 85%;
	float: left;
	text-align: left;
	line-height: 1.1em;
}
.lb-data .lb-caption {
	font-size: 13px;
	font-weight: 600;
	line-height: 1em;
}
.lb-data .lb-number {
	display: block;
	clear: left;
	padding-bottom: 1em;
	font-size: 12px;
	color: #999999;
}
.lb-data .lb-close {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background: url(/images/popup/close.png) top right no-repeat;
	text-align: right;
	outline: none;
	opacity: 0.7;
	transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
	cursor: pointer;
	opacity: 1;
}

@media screen and (width < 400px) {
	#kknd2-mission-map #kknd2-armies {
		margin-block-end: -13.9rem;
	}
}

@media screen and (width < 779px) {
	#content iframe {
		max-width: 100%;
		height: auto;
		margin-inline: auto;
	}
}

@media screen and (width >= 780px) {
	#content .newstext {
		border-radius: 0 5px 0 5px;
	}
	#content .newsfooter {
		padding-inline-start: 24px;
		float: inline-end;
	}
	#content iframe {
		margin-inline: auto;
	}
}

@media screen and (width >= 950px) {
	#site_title {
		width: 290px;
		margin-block-start: 9px;
	}
	#site_slogan {
		display: block;
	}
	#content,
	#content_forum {
		float: none;
		clear: none;
		width: calc(100% - 186px);
		margin-inline: auto 20px;
	}
	.columns-2,
	.columns-3,
	.columns-4,
	.columns {
		clear: inline-end;
		column-gap: 3rem;
		margin-block-end: 3rem;
	}
	.columns-2 {
		column-count: 2;
	}
	.columns,
	.columns-3 {
		column-count: 3;
	}
	.columns-4 {
		column-count: 4;
	}
	.column,
	.columns article,
	.columns-2 article,
	.columns-3 article,
	.columns-4 article {
		break-inside: avoid;
	}
	#content .columns > *:first-child,
	#content .columns-2 > *:first-child,
	#content .columns-3 > *:first-child,
	#content .columns-4 > *:first-child,
	#content .column > *:first-child,
	#content .columns article > *:first-child,
	#content .columns-2 article > *:first-child,
	#content .columns-3 article > *:first-child,
	#content .columns-4 article > *:first-child,
	#content .columns li:first-child h3,
	#content .columns-2 li:first-child h3,
	#content .columns-3 li:first-child h3,
	#content .columns-4 li:first-child h3 {
		margin-top: inherit;
	}
	.units #evolved {
		padding-block-end: 2rem;
	}
	.units #series-9 {
		padding-block-end: 25rem;
	}
	#content .buildings #evolved article {
		margin-block: 1rem 4.5rem;
	}
	#content .buildings #series-9 article {
		margin-block: 1rem 5.4rem;
	}
	#content a.left,
	#content img.left {
		float: inline-start;
		margin-block: 0 0.6rem;
		margin-inline: 0 1.3rem;
		display: block;
	}
	#content a.right,
	#content img.right {
		float: inline-end;
		margin-block: 0 0.6rem;
		margin-inline: 1.3rem 0;
		display: block;
	}
	#content .profiles table th,
	#content .profiles table td {
		font-size: 0.9em;
	}
	.bookmarks span,
	.bookmarks a {
		padding-inline: 0.9em;
	}
	#content .section .left,
	#content .section .right {
		clear: inherit;
		display: inline-block;
		margin-inline: inherit;
		margin-block-end: 0.4em;
	}
	#content .section .left {
		float: inline-start;
		margin-inline-end: 0.8em;
	}
	#content .section .right {
		float: inline-end;
		margin-inline-start: 0.8em;
	}
	#content .interview section:nth-child(2) {
		margin-block-end: 9rem;
	}
	.missions .column,
	.missions .columns-3 .column {
		flex: 1 0 300px;
	}
	.wallpapers .column {
		flex: 1 0 250px;
	}
	.missions.columns-2 .column,
	.wallpapers.columns-2 .column {
		flex: 1 0 320px;
	}
	.missions.columns-4 .column,
	.wallpapers.columns-4 .column {
		flex: 1 0 190px;
	}
	.missions.columns-5 .column,
	.wallpapers.columns-5 .column {
		flex: 1 0 150px;
	}
	.missions.columns-6 .column,
	.wallpapers.columns-6 .column {
		flex: 1 0 130px;
	}
	#content .wallpapers.columns-5 h3,
	#content .wallpapers.columns-6 h3,
	#content .wallpapers.columns-5 h3,
	#content .wallpapers.columns-6 h3 {
		font-size: 1rem;
	}
	#content .missions img {
		width: 100%;
		height: auto;
	}
	#content #kknd2-mission-map {
		width: 100%;
		height: auto;
		max-width: 359px;
		max-height: 249px;
		margin-block: 2.5rem;
		padding: 27px 29px 20px 27px;
	}
	#kknd2-mission-map #kknd2-map {
		margin-block-start: 0;
	}
	#kknd2-mission-map #kknd2-armies {
		position: absolute;
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		z-index: 50;
		width: 41px;
		flex-wrap: wrap;
		transform: translate(-180%, -7%);
		margin-block-end: 0;
	}
	#kknd2-mission-map #kknd2-armies li {
		flex: 0 0 41px;
		display: block;
		max-width: none;
	}
	#content .strategies.bookmarks .column .disabled {
		display: block;
	}
	#clan .entry > span:last-child,
	#clan .header > span:last-child {
		text-align: end;
	}
	#clan-profile p.telegram,
	#clan-profile p.skype,
	#clan-profile p.icq {
		float: inline-start;
		width: calc((100% - 2rem) / 3);
	}	
	#clan-profile p.telegram,
	#clan-profile p.skype {
		margin-inline-end: 1rem;
	}
	#clan-profile p.website {
		clear: both;
		padding-block-start: 1rem;
	}
	#guestbook .entry > span.meta,
	#guestbook .header > span.meta,
	#guestbook .footer > span.meta {
		flex: 2 0 25%;
	}
	#guestbook .entry > span.comment,
	#guestbook .header > span.comment,
	#guestbook .footer > span.comment {
		flex: 8 0 75%;
	}
	#guestbook .header,
	#guestbook .footer {
		display: flex;
	}
	#guestbook span.name {
		font-size: 1.1em;
	}
	#guestbook span.date,
	#guestbook span.email,
	#guestbook span.website {
		font-size: 0.9em;
	}
	#guestbook .field-name {
		display: none;
	}
	#content > .guestbook-submission {
		position: relative;
		margin-block-start: -2.9rem;
		text-align: right;
		margin-inline-start: auto;
		max-width: 14.8em;
	}
	#guestbook-comment {
		height: 6.8em;
	}
	#guestbook-submission-overlay .buttons button + button {
		float: inline-end;
		margin-inline-start: 1.5rem;
		padding: 0.5em 0.9em;
		font-size: 1em;
	}
}

@media screen and (width >= 1150px) {
	html,
	body {
		font-size: 14.5px;
	}
	#content p,
	#content span,
	#content font,
	#content th,
	#content td,
	#content input,
	#content select,
	#content textarea,
	#content label {
		font-size: 1em;
	}
	#content img {
		max-width: none;
		height: inherit;
	}
	#site_title {
		margin-right: 37px;
	}
	#site_slogan {
		margin-left: 54px;
	}
	#menu,
	#menu_top,
	#menu_bottom {
		width: 120px;
		background-size: 100%;
	}
	#menu_top {
		height: 58px;
	}
	#menu_bottom {
		height: 68px;
	}
	#menu .menu_heading a,
	#menu .menu_heading span {
		font-size: 1em;
		padding-block-start: 12px;
	}
	#menu a,
	#menu span {
		font-size: 1em;
		padding-block: 0.3em 0.15em;
		letter-spacing: -0.02em;
	}
	#content,
	#content_forum {
		width: calc(100% - 166px);
		max-width: 1000px;
		margin-inline: auto;
		padding-inline-start: 155px;
	}
	#content h1,
	#content h2,
	#content h3,
	#content p {
		margin: 18px 0;
		line-height: 160%;
	}
	h1,
	.h1 {
		font-size: 1.8em;
	}
	h2,
	.h2,
	#content .newsheading {
		font-size: 1.3em;
	}
	h3,
	.h3,
	#content thead th {
		font-size: 1.18em;
	}
	h4,
	.h4 {
		font-size: 1.1em;
	}
	h5,
	.h5 {
		font-size: 1em;
	}
	.form-row {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.form-row label {
		flex: 10 0 10em;
	}
	.form-row input[type=text],
	.form-row input[type=email],
	.form-row select,
	.form-row textarea {
		flex: 1 0 26em;
	}
	.form-row select {
		flex-basis: 27em;
	}
	#clan-profile p {
		margin-block: 1.1rem 0;
	}
	#content #kknd2-mission-map {
		max-width: 449px;
		max-height: 311px;
		margin-block: 3.125rem;
		padding: 34px 36px 25px 34px;
	}
	#kknd2-mission-map #kknd2-armies {
		width: 50px;
		transform: translate(-210%, -7%);
	}
	#kknd2-mission-map #kknd2-armies li {
		flex: 0 0 50px;
	}
	#popular.missions .column:nth-child(4) {
		margin-inline-start: 16%;
	}
	#popular.missions .column:last-child {
		margin-inline-end: 16%;
	}
	.columns-4.missions .column:nth-child(13) {
		margin-inline-start: 10%;
	}
	.columns-4.missions .column:nth-child(15) {
		margin-inline-end: 10%;
	}
	#quiz #score,
	#quiz #solutions {
		width: calc(100% - 14em);
	}
	#quiz #submit {
		margin-inline-start: 12.4em;
	}
	.strategies.bookmarks .column + .column {
		margin-block-start: 0;
	}
	#krossfire-map {
		transform: scale(1.5, 1.5);
		margin-block: 50px;
	}
}


@media screen and (width >= 1150px) {
	#content,
	#content_forum {
		max-width: 1080px;
	}
}