/*!
 * templates2 — classic Mumaniac-style WebEngine skin
 */
html {
	min-width: 1100px;
}

body.tpl2-mumaniac {
	margin: 0;
	padding: 0;
	background:
		radial-gradient(circle at 50% 0, rgba(120, 73, 24, 0.24), transparent 420px),
		linear-gradient(180deg, #000 0, #070402 430px, #000 100%);
	color: #bea479;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

body.tpl2-mumaniac,
body.tpl2-mumaniac td,
body.tpl2-mumaniac th,
body.tpl2-mumaniac input,
body.tpl2-mumaniac button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

body.tpl2-mumaniac a {
	color: #bea479;
	text-decoration: none;
}

body.tpl2-mumaniac a:hover {
	color: #ff9900 !important;
	text-decoration: none !important;
}

#container.tpl2-page {
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	text-align: center;
}

#bodywrap.tpl2-wrap {
	width: 976px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	background:
		linear-gradient(180deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 430px, rgba(25, 21, 16, 0.9) 431px, rgba(44, 39, 32, 0.94) 520px, rgba(42, 38, 32, 0.96) 100%),
		linear-gradient(90deg, rgba(0,0,0,0.18), transparent 18%, transparent 82%, rgba(0,0,0,0.18));
	min-height: 900px;
	box-shadow: 0 0 55px rgba(0,0,0,0.8);
}

.tpl2-hero {
	position: relative;
	height: 466px;
	overflow: hidden;
	background: #000;
}

.tpl2-hero-bg {
	position: absolute;
	inset: 0;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	filter: saturate(0.92) contrast(1.08);
}

.tpl2-hero-shade {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 56% 40%, rgba(255, 175, 70, 0.16), transparent 250px),
		linear-gradient(180deg, rgba(0,0,0,0.05), rgba(0,0,0,0.2) 62%, rgba(0,0,0,0.78));
}

.tpl2-hero-logo {
	position: absolute;
	left: 50%;
	top: 130px;
	transform: translateX(-50%);
	display: block;
	text-align: center;
}

.tpl2-hero-logo img {
	display: block;
	width: 390px;
	max-height: 210px;
	object-fit: contain;
	filter: drop-shadow(0 12px 18px rgba(0,0,0,0.85));
}

.tpl2-content-frame {
	position: relative;
	margin-top: 0;
	background:
		linear-gradient(90deg, rgba(21, 17, 13, 0.8), transparent 55px, transparent calc(100% - 55px), rgba(21, 17, 13, 0.8)),
		radial-gradient(circle at 54% 22%, rgba(120, 104, 78, 0.14), transparent 340px),
		linear-gradient(180deg, #2b251e 0, #312b24 42%, #24201b 100%);
	border-left: 1px solid #1a120d;
	border-right: 1px solid #1a120d;
	min-height: 450px;
}

.tpl2-scrollbar-top,
.tpl2-scrollbar-bottom {
	height: 11px;
	background:
		linear-gradient(90deg, #000, #201814 5%, #4b4032 50%, #201814 95%, #000),
		repeating-linear-gradient(90deg, rgba(190,164,121,0.65) 0 1px, transparent 1px 4px);
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.tpl2-scrollbar-bottom {
	margin-top: 20px;
}

.tpl2-noticebar {
	height: 42px;
	background: #050302;
	border-bottom: 1px solid #1c130d;
	position: relative;
	overflow: hidden;
}

#rollingnotice {
	position: absolute;
	left: 38px;
	top: 13px;
	width: 440px;
	height: 18px;
	overflow: hidden;
}

#rollingnotice ul,
#rollingnotice li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#rollingnotice li {
	line-height: 18px;
	color: #6f563e;
}

#rollingnotice a {
	color: #8f704f;
}

.tpl2-user-links {
	position: absolute;
	right: 22px;
	top: 8px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.tpl2-user-links > a {
	display: inline-block;
	min-width: 78px;
	padding: 5px 12px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	border: 1px solid #4a2b0f;
	background: linear-gradient(180deg, #25150a, #080403);
	color: #d8b879;
	font-weight: bold;
}

.webengine-language-switcher {
	display: inline-block;
	width: 46px;
	height: 19px;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	list-style: none;
	vertical-align: middle;
}

.webengine-language-switcher:hover {
	width: 260px;
}

.webengine-language-switcher li {
	display: inline-block;
	padding: 1px 5px;
	background: #160d08;
	border: 1px solid #3b3028;
}

#content.tpl2-content {
	width: auto;
	min-height: 520px;
	padding: 14px 15px 0;
	overflow: visible;
	display: grid;
	grid-template-columns: 230px 462px 230px;
	gap: 12px;
}

.tpl2-left,
.tpl2-right,
.tpl2-main {
	min-width: 0;
}

.tpl2-side-title {
	margin: 10px 0 4px;
	color: #ff8a00;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	text-shadow: 1px 1px 0 #000, 0 0 8px rgba(255, 102, 0, 0.35);
}

.tpl2-box {
	width: 230px;
	background: rgba(20, 13, 8, 0.78);
	border-radius: 5px;
	padding: 12px 18px;
	box-sizing: border-box;
	color: #bea479;
}

.tpl2-login-row {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.tpl2-login-fields {
	width: 126px;
}

.tpl2-login-form input {
	display: block;
	width: 124px;
	height: 17px;
	margin-bottom: 6px;
	padding: 1px 4px;
	background: #0a0503;
	border: 1px solid #3b3028;
	color: #bea479;
	box-sizing: border-box;
}

.tpl2-login-button {
	width: 52px;
	height: 38px;
	border: 1px solid #53311b;
	background: linear-gradient(180deg, #52271c, #130907);
	color: #d9c090;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}

.tpl2-forgot {
	display: block;
	margin: 10px 0 13px;
	color: #f0d8ad !important;
}

.tpl2-register-call {
	color: #f0d8ad;
}

.tpl2-menu-box {
	padding: 9px 12px;
}

.tpl2-menu-box ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tpl2-menu-box li {
	list-style: none;
	padding: 4px 0 4px 17px;
	background:
		radial-gradient(circle at 4px 8px, #ffd278 0 2px, #ce7d17 3px, transparent 4px);
	line-height: 13px;
}

.tpl2-menu-box li a {
	color: #f0d8ad;
}

.tpl2-usercp-mini ul {
	margin: 9px 0;
	padding: 0;
	list-style: none;
}

.tpl2-usercp-mini li {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 3px 0;
}

.tpl2-usercp-mini img {
	width: 20px;
	height: 20px;
	object-fit: cover;
}

.tpl2-rank-box {
	width: 230px;
	overflow: hidden;
	background: #19130d;
	border: 1px solid #b26c1f;
	color: #bea479;
}

.tpl2-rank-box::before {
	content: "";
	display: block;
	width: 112px;
	height: 20px;
	background: linear-gradient(180deg, #c87a1a, #4c2608);
	border-right: 1px solid #b26c1f;
	border-bottom: 1px solid #b26c1f;
}

.tpl2-rank-table {
	width: 100%;
	border-collapse: collapse;
}

.tpl2-rank-table th,
.tpl2-rank-table td {
	padding: 3px 4px;
	color: #d8c197;
	border-bottom: 1px solid rgba(190, 164, 121, 0.08);
	white-space: nowrap;
}

.tpl2-rank-table th {
	color: #fff;
	text-align: left;
	background: #100b07;
}

.tpl2-rank-table td:first-child,
.tpl2-rank-table th:first-child {
	width: 18px;
	text-align: center;
}

.tpl2-rank-table a {
	color: #d4a86d;
}

.tpl2-where {
	margin: 31px 0 11px;
	height: 22px;
	line-height: 22px;
	color: #bea479;
}

.tpl2-plus {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	line-height: 10px;
	text-align: center;
	background: #cf1d1d;
	color: #fff;
	font-size: 9px;
	border-radius: 2px;
}

.tpl2-module-window {
	width: 462px;
}

.tmp_m_content .tmp_right_title,
.tpl2-module-window .tmp_right_title {
	width: 462px;
	height: 30px;
	box-sizing: border-box;
	padding: 6px 10px 0 44px;
	background:
		linear-gradient(180deg, rgba(94, 47, 22, 0.85), rgba(31, 14, 8, 0.95)),
		radial-gradient(circle at 14px 50%, rgba(255,174,71,0.8), transparent 9px);
	border: 1px solid #77451c;
	color: #d8b879;
	font-weight: bold;
}

.tmp_page_content {
	min-height: 315px;
	padding: 13px;
	background: rgba(45, 40, 33, 0.58);
	color: #d4c4ac;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	box-sizing: border-box;
}

/* Register module: keep forms inside the classic 462px content column. */
.mu-register-wrap {
	width: 100%;
	max-width: 430px;
	margin: 8px auto 20px;
}

.mu-register-panel {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	margin: 0;
}

.mu-register-panel > .panel-heading {
	display: none;
}

.mu-register-panel .panel-body {
	padding: 12px 0 0;
	background: transparent;
	border: 0;
}

.mu-register-form {
	width: 350px;
	margin: 0 auto;
}

.mu-register-form .form-group {
	display: grid;
	grid-template-columns: 94px 1fr;
	gap: 5px 12px;
	align-items: start;
	margin: 0 0 18px;
}

.mu-register-form label {
	grid-column: 1;
	padding-top: 5px;
	color: #f4ddb4;
	text-align: right;
	font-weight: bold;
	line-height: 13px;
}

.mu-register-form .form-control {
	grid-column: 2;
	width: 162px;
	height: 33px;
}

.mu-register-form input[type=email].form-control {
	background: #0a0503 !important;
	border: 1px solid #3b3028 !important;
	color: #bea479 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.mu-register-form .help-block {
	grid-column: 2;
	width: 170px;
	margin: 2px 0 0;
	color: #7f7a74;
	font-size: 11px;
	line-height: 14px;
}

.mu-register-captcha {
	display: block !important;
	width: 260px;
	margin: 6px auto 15px !important;
	overflow: hidden;
}

.mu-register-captcha label,
.mu-register-captcha .help-block {
	text-align: left;
	width: auto;
}

.mu-register-captcha .g-recaptcha {
	transform: scale(0.84);
	transform-origin: left top;
	width: 304px;
	height: 66px;
}

.mu-captcha-box {
	display: flex;
	gap: 8px;
	align-items: center;
}

.mu-captcha-challenge {
	min-width: 100px;
	padding: 8px 10px;
	background: #1a1611;
	border: 1px solid #b26c1f;
	color: #f4ddb4;
	font-weight: bold;
	text-align: center;
}

.mu-register-tos {
	width: 260px;
	margin: 0 auto 13px;
	color: #f4ddb4;
	line-height: 15px;
}

.mu-register-form .mu-login-actions {
	width: 260px;
	margin: 0 auto;
}

.mu-register-form .btn-block {
	display: inline-block;
	width: auto;
	min-width: 102px;
	padding: 7px 13px;
}

.tpl2-main .alert-warning {
	background: #fff4cf;
	border: 1px solid #f3d188;
	color: #8b6400;
	text-align: center;
	border-radius: 4px;
}

.panel-news,
.panel-general,
.panel-addstats,
.panel-downloads {
	margin-bottom: 18px;
	background: transparent;
	border: 0 !important;
	box-shadow: none;
	color: #d4c4ac;
}

.panel-news .panel-heading {
	padding: 6px 9px;
	background: #1a1611;
	border: 1px solid #bea479;
	border-bottom: 0;
}

.panel-news .panel-title,
.panel-news .panel-title a {
	color: #bea479 !important;
	font-size: 14px;
	font-weight: bold;
}

.panel-news .panel-body {
	padding: 10px;
	background: #393027;
	color: #bea479;
	border: 1px solid #bea479;
	border-top: 1px solid #5e5244;
}

.panel-news .panel-footer {
	height: 30px;
	padding-top: 8px;
	background: #1a1611;
	border: 1px solid #bea479;
	border-top: 1px solid #5e5244;
	color: #f1f1f1;
	font-style: italic;
}

.home-news-block-header h2 {
	margin: 0 0 12px !important;
	color: #f5efe1;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}

.home-news-block-header a {
	color: #d8b879;
	font-style: italic;
}

.home-news-block-article {
	margin: 7px 0;
	padding: 6px 0;
	border-bottom: 1px solid rgba(190,164,121,0.15);
}

.home-news-block-article-type {
	display: inline-block;
	border: 1px solid #b26c1f;
	color: #d8b879;
	padding: 2px 5px;
}

/* Downloads module: classic compact rows with clear hierarchy. */
.mu-downloads {
	width: 405px;
	margin: 0 auto;
	padding: 4px 0 14px;
}

.mu-dl-section {
	margin: 0 0 34px;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.mu-dl-section-head {
	display: block;
	padding: 0 0 5px;
	border-bottom: 1px solid rgba(190, 164, 121, 0.42);
	background: transparent;
}

.mu-dl-section-head h3 {
	margin: 0;
	color: #9ea8bd;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}

.mu-dl-icon {
	display: none;
}

.mu-dl-list {
	padding: 5px 0 0;
}

.mu-dl-item {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 70px 74px;
	gap: 8px;
	align-items: center;
	min-height: 36px;
	padding: 6px 8px;
	border-bottom: 1px solid rgba(190, 164, 121, 0.15);
}

.mu-dl-item:hover {
	background: rgba(26, 22, 17, 0.42);
}

.mu-dl-title {
	color: #f2ddb4;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 12px;
}

.mu-dl-desc {
	color: #9ea8bd;
	line-height: 12px;
}

.mu-dl-size {
	color: #f2ddb4;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}

.mu-dl-action {
	text-align: right;
}

.mu-dl-btn,
.mu-dl-action .mu-btn {
	display: inline-block;
	min-width: 66px;
	height: auto;
	padding: 5px 8px !important;
	border: 1px solid #b26c1f;
	background: linear-gradient(180deg, #8b4b14, #2b1408) !important;
	color: #f1d6a6 !important;
	text-align: center;
	line-height: 13px;
}

.mu-dl-empty {
	padding: 12px 0;
	color: #7f7a74;
	text-align: center;
	border-bottom: 1px solid rgba(190, 164, 121, 0.15);
}

.xat-chat-block {
	margin-bottom: 14px;
	padding: 8px;
	background: #19130d;
	border: 1px solid #b26c1f;
}

.xat-chat-block-header {
	margin-bottom: 6px;
	color: #ff8a00;
	font-weight: bold;
	text-transform: uppercase;
}

.xat-chat-frame iframe {
	display: block;
	width: 100%;
	height: 340px;
	background: #000;
}

.xat-chat-links {
	text-align: center;
	margin-top: 6px;
	font-size: 10px;
}

.tpl2-tab {
	width: 112px;
	height: 20px;
	background: linear-gradient(180deg, #c87a1a, #4c2608);
	border: 1px solid #b26c1f;
	border-bottom: 0;
}

.estado-sv,
.c-siege {
	width: 230px;
	border-collapse: collapse;
	border: 1px solid #b26c1f;
	background: #393027;
	color: #bea479;
}

.estado-sv th,
.c-siege th {
	padding: 5px 3px;
	text-align: center;
	background: #1a1611;
	color: #fff;
}

.estado-sv td,
.c-siege td {
	padding: 4px 5px;
}

.estado-sv tr:nth-child(even),
.c-siege tr:nth-child(even) {
	background: #1a1611;
}

.estado-sv strong {
	color: #bea479;
}

.tpl2-online-count {
	color: #00ff00;
	font-weight: bold;
}

.tpl2-max-count {
	color: #ff2121;
	font-weight: bold;
}

.tpl2-server-on {
	display: inline-block;
	width: 31px;
	height: 14px;
	background: linear-gradient(135deg, #caeb99, #08bb12 45%, #d4f1aa 46%, #4abe17 100%);
	border: 1px solid #9fe36c;
	box-shadow: inset 0 0 3px rgba(255,255,255,0.75);
}

.tpl2-events-table td {
	line-height: 12px;
}

.tpl2-event-next,
.tpl2-event-time {
	float: right;
	color: #e7d4aa;
}

.tpl2-events-table .smalltext {
	color: #bea479;
	font-size: 10px;
}

.tpl2-guildmark {
	padding: 10px !important;
	text-align: center;
	background: #060403;
}

.tpl2-guildmark img {
	width: 140px;
	height: 140px;
}

.tpl2-castle-table td {
	text-align: center;
}

.tpl2-castle-stage {
	font-size: 15px;
	color: #fff;
	font-weight: bold;
}

.tpl2-castle-link {
	display: block;
	padding: 7px 0;
	color: #e0be80 !important;
}

.tpl2-quick-links {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: 230px;
	margin-top: 18px;
	border: 1px solid #2a1c12;
}

.tpl2-quick-links a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 64px;
	gap: 2px;
	background:
		linear-gradient(180deg, rgba(255,255,255,0.1), rgba(0,0,0,0.72)),
		linear-gradient(135deg, #42372f, #100906);
	border-right: 1px solid #2a1c12;
	color: #a98555;
	text-transform: uppercase;
	font-size: 10px;
	position: relative;
	overflow: hidden;
	transition: color .2s ease, filter .2s ease;
}

.tpl2-quick-links a::before {
	content: "";
	display: block;
	width: 42px;
	height: 27px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	filter: drop-shadow(0 1px 2px rgba(0,0,0,.9));
	opacity: .9;
}

.tpl2-quick-links a:nth-child(1)::before {
	background-image: url("../img/layout/quick-registro.svg");
}

.tpl2-quick-links a:nth-child(2)::before {
	background-image: url("../img/layout/quick-rankings.svg");
}

.tpl2-quick-links a:nth-child(3)::before {
	background-image: url("../img/layout/quick-webshop.svg");
}

.tpl2-quick-links a:hover {
	color: #ffd68c !important;
	filter: brightness(1.16);
}

.tpl2-quick-links a:last-child {
	border-right: 0;
}

.tpl2-quick-links span {
	padding-bottom: 0;
	line-height: 13px;
	text-shadow: 1px 1px 0 #000;
}

.footer.tpl2-footer {
	width: 976px;
	margin: 0 auto;
	padding: 28px 20px 45px;
	background: #000;
	border: 0;
	border-radius: 0;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
}

.tpl2-footer .footer-container,
.tpl2-footer .row {
	width: auto;
	margin: 0;
}

.tpl2-footer .footer-container {
	display: block;
	text-align: center;
}

.tpl2-footer .row::before,
.tpl2-footer .row::after {
	display: none;
}

.tpl2-footer .row {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.tpl2-footer .col-xs-8,
.tpl2-footer .col-xs-4,
.tpl2-footer .col-xs-12 {
	float: none;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

.tpl2-footer .row:last-child {
	display: grid;
	grid-template-columns: 1fr;
	justify-items: center;
	gap: 18px;
}

.tpl2-footer .row:last-child .col-xs-8 {
	order: 2;
}

.tpl2-footer .row:last-child .col-xs-4 {
	order: 1;
	display: flex;
	width: auto;
	gap: 42px;
	justify-content: center;
	align-items: center;
}

.tpl2-footer .row:last-child .col-xs-4 .col-xs-4 {
	float: none;
	width: auto;
	padding: 0;
}

.tpl2-footer hr {
	border-top: 1px solid #21140d;
	width: 940px;
	margin: 20px auto;
}

.tpl2-footer,
.tpl2-footer p,
.tpl2-footer a {
	font-size: 11px;
}

.tpl2-footer p {
	margin: 0;
	color: #fff;
	line-height: 17px;
}

.footer-nav-links a {
	color: #bea479 !important;
}

.footer-nav-links {
	text-align: center;
	color: #bea479;
}

.footer-sep {
	padding: 0 4px;
	color: #bea479;
}

.footer-social-link img {
	width: 30px;
	height: auto;
	opacity: 0.72;
	filter: grayscale(100%);
	transition: opacity .2s ease, filter .2s ease;
}

.footer-social-link:hover img {
	opacity: 1;
	filter: grayscale(0%);
}

.webengine-powered {
	display: inline-block;
	margin-top: 12px;
	color: #9ea8bd !important;
}

.rankings-table,
.general-table-ui,
.myaccount-table {
	border: 1px solid #bea479;
	background: #393027;
	color: #bea479;
	border-collapse: collapse;
}

.rankings-table tr:first-child td,
.general-table-ui tr:first-child td {
	color: #bea479;
	background: #1a1611;
	border-bottom: 2px solid #bea479;
}

.rankings-table td,
.general-table-ui td,
.myaccount-table td {
	padding: 5px !important;
	color: #d6c1a0;
	border-color: rgba(190,164,121,0.14) !important;
}

.rankings_menu a {
	background: #1a1611;
	border: 1px solid #bea479;
	color: #bea479;
}

.rankings_menu a.active,
.rankings_menu a:hover {
	background: #bea479;
	color: #1a1611 !important;
}

.btn-primary {
	background: linear-gradient(180deg, #8b4b14, #2b1408) !important;
	border: 1px solid #b26c1f !important;
	color: #f1d6a6 !important;
	border-radius: 0;
}

.form-control,
input[type=text],
input[type=password],
input[type=number],
select,
textarea {
	background: #0a0503 !important;
	border: 1px solid #3b3028 !important;
	color: #bea479 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.admincp-button {
	position: absolute !important;
	top: 10px !important;
	right: 10px !important;
	background: #393027 !important;
	border: 2px solid #bea479 !important;
	color: #bea479 !important;
	font-weight: bold !important;
}