/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 
 * Author Lautaro Angelico (https://lautaroangelico.com/)
 * Copyright (c) 2013-2026 Lautaro Angelico, All Rights Reserved
 
 * Licensed under the MIT license
 * https://opensource.org/licenses/MIT
 
 =========================================================
 
*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none !important;
}

a:focus, a:hover {
    color: inherit !important;
    text-decoration: none !important;
	outline: none !important;
}

.form-control {
	background: #fafafa;
	border: 1px solid #e3e3e3;
	color: #666;
}
.form-control:focus {
	border: 1px solid #ccc;
}

/* http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3 */
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3 */
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.thumbnail {
    background-color: var(--webenginecolor27);
    border: 1px solid var(--webenginecolor16);
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: var(--webenginecolor1);
}

.btn-primary {
    color: var(--webenginecolor9);
    background-color: var(--webenginecolor8);
	border-color: var(--webenginecolor10);
    transition: all .1s ease-in;
	border-radius: 3px;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    color: var(--webenginecolor12) !important;
    background-color: var(--webenginecolor11) !important;
	border-color: var(--webenginecolor13) !important;
}

.form-horizontal .control-label {
	text-align: left !important;
}

#header {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 60px !important;
	padding: 0 !important;
	overflow: hidden !important;
}

#header > a {
	display: block !important;
	line-height: 0 !important;
}

.webengine-mu-logo {
	display: block !important;
	width: 90% !important;
	max-width: 684px !important;
	min-width: 0 !important;
	height: auto !important;
	margin: 0 auto !important;
}

body {
	background-color: #050404 !important;
	background-image:
		linear-gradient(180deg, rgba(5, 4, 4, 0.06) 0%, rgba(5, 4, 4, 0.18) 34%, rgba(5, 4, 4, 0.72) 100%),
		url('../img/background.jpg') !important;
	background-position: top center !important;
	background-repeat: no-repeat !important;
	color: #e8dfd2 !important;
}

body:before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		linear-gradient(90deg, rgba(9, 6, 6, 0.92) 0%, rgba(9, 6, 6, 0.32) 42%, rgba(9, 6, 6, 0.12) 66%, rgba(9, 6, 6, 0.68) 100%),
		radial-gradient(circle at 52% 18%, rgba(235, 207, 122, 0.2), transparent 26%),
		radial-gradient(circle at 84% 42%, rgba(160, 32, 24, 0.25), transparent 34%);
}

.global-top-bar {
	display: none !important;
}

.global-top-bar-content {
	height: 34px;
	display: flex;
	align-items: center;
}

.global-top-bar-content > .row {
	width: 100%;
	margin: 0;
}

.global-top-bar-separator {
	display: none !important;
}

.top-account-link {
	display: inline-block;
	margin-right: 10px;
	color: #d7c69b !important;
	font-size: 11px;
	text-transform: uppercase;
}

.top-login-button {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 92px;
	height: 26px;
	padding: 0 18px !important;
	border: 1px solid rgba(255, 214, 121, 0.42);
	border-radius: 3px;
	overflow: hidden;
	background:
		linear-gradient(180deg, rgba(52, 37, 25, 0.96), rgba(17, 12, 10, 0.98)) !important;
	color: #ffe7ad !important;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 8px 20px rgba(0,0,0,.34);
}

.top-login-button:before {
	content: "";
	position: absolute;
	left: -58%;
	top: 0;
	width: 42%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent);
	transform: skewX(-22deg);
	transition: left .34s ease;
}

.top-login-button:after {
	content: "";
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 4px;
	height: 1px;
	background: linear-gradient(90deg, transparent, #ffcf69, #ff321e, transparent);
	transform: translateX(-18px) scaleX(.25);
	opacity: .65;
	transition: transform .24s ease, opacity .24s ease;
}

.top-login-button:hover {
	border-color: rgba(255, 231, 166, 0.86);
	color: #ffffff !important;
	background: linear-gradient(180deg, rgba(141, 32, 22, 0.96), rgba(48, 14, 11, 0.98)) !important;
	transform: translateY(-1px);
}

.top-login-button:hover:before {
	left: 116%;
}

.top-login-button:hover:after {
	transform: translateX(0) scaleX(1);
	opacity: 1;
}

.top-login-button.logout {
	border-color: rgba(255, 78, 57, 0.52);
	color: #ffd0c8 !important;
}

#navbar {
	position: relative;
	min-height: 56px;
	background: linear-gradient(180deg, rgba(18, 10, 9, 0.96), rgba(12, 7, 7, 0.82)) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	border-bottom: 1px solid rgba(225, 180, 88, 0.28) !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
}

#navbar:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255, 42, 24, 0.92), rgba(233, 196, 91, 0.75), transparent);
}

#navbar ul li a {
	font-size: 14px !important;
	letter-spacing: 0 !important;
	padding: 18px 28px !important;
	color: #d8d0c3 !important;
	text-shadow: 0 1px 12px rgba(0, 0, 0, 0.8);
}

#navbar ul li a:hover {
	color: #fff3c0 !important;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(210, 44, 28, 0.08));
}

#header {
	position: relative;
	filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.55));
}

.header-auth-actions {
	position: absolute;
	top: 50%;
	right: max(24px, calc((100% - 1040px) / 2 + 8px));
	z-index: 4;
	display: flex;
	align-items: center;
	gap: 10px;
	transform: translateY(-50%);
}

.header-auth-link {
	color: #d7c69b !important;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 2px 12px rgba(0,0,0,.85);
}

.header-auth-button {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 116px;
	height: 32px;
	padding: 0 20px !important;
	border: 1px solid rgba(255, 214, 121, 0.52);
	border-radius: 3px;
	overflow: hidden;
	background:
		linear-gradient(180deg, rgba(62, 45, 27, 0.96), rgba(17, 12, 10, 0.98)) !important;
	color: #ffe8b1 !important;
	font-size: 12px;
	font-weight: bold;
	line-height: 32px !important;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 12px 28px rgba(0,0,0,.44), 0 0 22px rgba(255, 207, 105, .1);
}

.header-auth-button:before {
	content: "";
	position: absolute;
	left: -58%;
	top: 0;
	width: 42%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent);
	transform: skewX(-22deg);
	transition: left .34s ease;
}

.header-auth-button:after {
	content: "";
	position: absolute;
	left: 12px;
	right: 12px;
	bottom: 5px;
	height: 1px;
	background: linear-gradient(90deg, transparent, #ffcf69, #ff321e, transparent);
	transform: translateX(-18px) scaleX(.25);
	opacity: .65;
	transition: transform .24s ease, opacity .24s ease;
}

.header-auth-button:hover {
	border-color: rgba(255, 231, 166, 0.92);
	color: #ffffff !important;
	background: linear-gradient(180deg, rgba(151, 35, 23, 0.98), rgba(48, 14, 11, 0.98)) !important;
	transform: translateY(-1px);
}

.header-auth-button:hover:before {
	left: 116%;
}

.header-auth-button:hover:after {
	transform: translateX(0) scaleX(1);
	opacity: 1;
}

.header-auth-logout {
	border-color: rgba(255, 78, 57, 0.58);
	color: #ffd0c8 !important;
}

.header-login-panel {
	position: absolute;
	top: calc(100% + 1px);
	right: max(24px, calc((100% - 1040px) / 2 + 8px));
	z-index: 20;
	width: 350px;
	padding-top: 10px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate3d(0, -12px, 0) scale(.96);
	transform-origin: top right;
	transition: opacity .2s ease, visibility .2s ease, transform .28s cubic-bezier(.2,.8,.2,1);
	will-change: transform, opacity;
}

#navbar.is-login-open .header-login-panel {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translate3d(0, 0, 0) scale(1);
}

.header-login-panel:before {
	content: "";
	position: absolute;
	top: 3px;
	right: 42px;
	width: 68px;
	height: 2px;
	background: linear-gradient(90deg, transparent, #ffcf69, #ff321e, transparent);
	box-shadow: 0 0 16px rgba(255, 71, 37, .8);
	transform: scaleX(.35);
	opacity: 0;
	transition: transform .26s ease .06s, opacity .2s ease .06s;
}

#navbar.is-login-open .header-login-panel:before {
	transform: scaleX(1);
	opacity: 1;
}

.header-login-panel-inner {
	position: relative;
	padding: 18px;
	border: 1px solid rgba(255, 211, 123, .3);
	border-radius: 6px;
	overflow: hidden;
	background:
		linear-gradient(180deg, rgba(28, 20, 17, .98), rgba(8, 8, 9, .98)),
		radial-gradient(circle at 82% 12%, rgba(255, 206, 103, .18), transparent 34%);
	box-shadow: 0 26px 55px rgba(0, 0, 0, .58), inset 0 1px 0 rgba(255,255,255,.08);
}

.header-login-panel-inner:before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(120deg, rgba(255,255,255,.08), transparent 30%, rgba(255, 52, 34, .08));
}

.header-login-title {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255,255,255,.08);
}

.header-login-title span {
	color: #fff0c9;
	font-family: 'Cinzel', serif;
	font-size: 18px;
}

.header-login-title small {
	color: #bda56c;
	font-size: 10px;
	text-transform: uppercase;
}

.header-login-form {
	position: relative;
	z-index: 1;
}

.header-login-form label {
	display: block;
	margin: 9px 0 5px;
	color: #b8ad9e;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.header-login-form .form-control {
	height: 38px;
	padding: 8px 11px;
	background: rgba(0, 0, 0, .52) !important;
	border-color: rgba(255, 211, 123, .24) !important;
	box-shadow: inset 0 1px 8px rgba(0,0,0,.4);
}

.header-login-actions-row {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin: 12px 0 14px;
	font-size: 11px;
}

.header-login-actions-row a {
	color: #d9bd78 !important;
	line-height: 1.2 !important;
}

.header-login-submit {
	position: relative;
	width: 100%;
	height: 40px;
	border: 1px solid rgba(255, 104, 76, .7);
	border-radius: 4px;
	overflow: hidden;
	background: linear-gradient(180deg, #c61f18, #72110d);
	color: #fff4d2;
	font-weight: bold;
	text-transform: uppercase;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 12px 24px rgba(0,0,0,.32);
}

.header-login-submit:before {
	content: "";
	position: absolute;
	top: 0;
	left: -40%;
	width: 35%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.36), transparent);
	transform: skewX(-22deg);
	transition: left .28s ease;
}

.header-login-submit:hover:before {
	left: 110%;
}

.landing-hero-actions {
	width: 1040px;
	margin: 4px auto 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}

.landing-hero-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 150px;
	height: 42px;
	padding: 0 18px;
	border: 1px solid rgba(226, 183, 86, 0.35);
	border-radius: 4px;
	background: linear-gradient(180deg, rgba(35, 27, 22, 0.92), rgba(15, 11, 10, 0.96));
	color: #f1e4c4 !important;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	box-shadow: 0 12px 26px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.landing-hero-btn:hover {
	color: #ffffff !important;
	border-color: rgba(255, 224, 137, 0.75);
	transform: translateY(-1px);
}

.landing-hero-btn-primary {
	background: linear-gradient(180deg, #c51f18, #72110d);
	border-color: rgba(255, 104, 76, 0.72);
}

.landing-hero-btn-discord {
	background: linear-gradient(180deg, rgba(66, 85, 160, 0.95), rgba(32, 38, 82, 0.98));
	border-color: rgba(153, 171, 255, 0.45);
}

.landing-hero-stats {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-left: 6px;
}

.landing-hero-stats span {
	display: inline-flex;
	align-items: center;
	height: 32px;
	padding: 0 12px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 4px;
	background: rgba(5, 5, 5, 0.54);
	color: #dac28a;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.header-info-container {
	margin-top: 0 !important;
}

.header-info-container .header-info {
	background: linear-gradient(180deg, rgba(24, 13, 11, 0.84), rgba(8, 7, 7, 0.8)) !important;
	border: 1px solid rgba(225, 180, 88, 0.28) !important;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.header-info-container .header-info .online-count {
	color: #7dff61 !important;
	text-shadow: 0 0 12px rgba(94, 255, 80, 0.5);
}

.webengine-online-bar {
	height: 10px !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	border-radius: 999px !important;
	background: rgba(0, 0, 0, 0.62) !important;
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.8);
	overflow: hidden;
}

.webengine-online-bar-progress {
	height: 100% !important;
	border-radius: 999px !important;
	background: linear-gradient(90deg, #2fff64, #e3d258, #f04c35) !important;
	box-shadow: 0 0 16px rgba(81, 255, 94, 0.55);
}

#container,
.footer {
	background: rgba(11, 9, 9, 0.92) !important;
	border: 1px solid rgba(225, 180, 88, 0.18);
	box-shadow: 0 22px 70px rgba(0, 0, 0, 0.58);
	color: #e5ded2 !important;
}

#container {
	border-radius: 6px 6px 0 0 !important;
}

#content {
	padding-top: 14px !important;
}

.home-news-block,
.panel-sidebar {
	background: linear-gradient(180deg, rgba(25, 18, 16, 0.96), rgba(12, 10, 10, 0.96)) !important;
	border: 1px solid rgba(225, 180, 88, 0.18) !important;
	border-radius: 6px !important;
	box-shadow: 0 16px 38px rgba(0, 0, 0, 0.35) !important;
	overflow: hidden;
}

.home-news-block-header {
	margin: 0 !important;
	padding: 18px 18px 12px;
	border-bottom: 1px solid rgba(225, 180, 88, 0.18);
	background: linear-gradient(90deg, rgba(140, 23, 18, 0.36), rgba(17, 13, 12, 0));
}

.home-news-block-header h2 {
	color: #fff0c9 !important;
	font-family: 'Cinzel', serif !important;
	font-size: 28px !important;
	margin: 0 !important;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.72);
}

.home-news-block-header a {
	color: #d4b66e !important;
	font-style: normal !important;
	text-transform: uppercase;
	font-size: 11px !important;
	font-weight: bold;
}

.home-news-block-body {
	margin: 0 !important;
	padding: 8px 12px 14px;
}

.home-news-block-article {
	margin: 0 !important;
	padding: 12px 6px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	transition: background .18s ease, transform .18s ease;
}

.home-news-block-article:hover {
	background: rgba(255, 255, 255, 0.04);
	transform: translateX(2px);
}

.home-news-block-article-type {
	color: #f1ca71 !important;
	font-size: 11px !important;
	text-transform: uppercase;
}

.home-news-block-article-title a {
	color: #efe8dc !important;
	font-weight: bold;
}

.home-news-block-article-date {
	color: #a69a87 !important;
	font-size: 12px !important;
}

.panel-sidebar > .panel-heading {
	background: linear-gradient(90deg, rgba(117, 21, 18, 0.92), rgba(35, 28, 24, 0.96)) !important;
	border-bottom: 2px solid rgba(240, 42, 28, 0.78) !important;
	padding: 12px 16px !important;
}

.panel-sidebar > .panel-heading .panel-title {
	color: #fff1cf !important;
	font-family: 'Cinzel', serif !important;
	font-size: 16px !important;
}

.panel-sidebar .panel-body {
	background: transparent !important;
	color: #e6ded1 !important;
	padding: 16px !important;
}

.panel-sidebar table {
	color: #ded4c4 !important;
	margin-bottom: 0 !important;
}

.panel-sidebar table tr {
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.panel-sidebar table tr:last-child {
	border-bottom: 0;
}

.panel-sidebar table td,
.panel-sidebar table th {
	color: #ded4c4 !important;
	vertical-align: middle !important;
}

.panel-sidebar a,
.table a {
	color: #f1ca71 !important;
}

.btn-primary {
	background: linear-gradient(180deg, #b41d17, #66100c) !important;
	border: 1px solid rgba(255, 124, 87, 0.58) !important;
	color: #fff1d5 !important;
	font-weight: bold;
	text-transform: uppercase;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 8px 18px rgba(0, 0, 0, 0.24);
}

.btn-primary:hover,
.btn-primary:focus {
	background: linear-gradient(180deg, #e33824, #8a160f) !important;
	color: #ffffff !important;
}

.form-control {
	background: rgba(5, 5, 5, 0.62) !important;
	border: 1px solid rgba(225, 180, 88, 0.22) !important;
	color: #f2eadc !important;
	border-radius: 4px !important;
}

.form-control:focus {
	border-color: rgba(255, 220, 138, 0.72) !important;
	box-shadow: 0 0 0 2px rgba(225, 180, 88, 0.14) !important;
}

.sidebar-banner img {
	width: 100%;
	border-radius: 6px;
	border: 1px solid rgba(225, 180, 88, 0.18);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.34);
	transition: transform .18s ease, filter .18s ease;
}

.sidebar-banner img:hover {
	transform: translateY(-2px);
	filter: brightness(1.12) contrast(1.05);
}

.footer {
	color: #b9ad9e !important;
	border-top: 0;
}

.footer a {
	color: #d7bc78 !important;
}

@media only screen and (max-width: 1040px) {
	html {
		min-width: 0 !important;
	}

	body {
		min-width: 1040px;
	}
}

/* World-class MU landing pass */
body {
	overflow-x: hidden;
}

body:after {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	opacity: .42;
	background-image:
		linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
	background-size: 72px 72px;
	mask-image: linear-gradient(180deg, rgba(0,0,0,.7), transparent 72%);
}

#navbar {
	backdrop-filter: blur(10px);
}

#navbar ul li a {
	position: relative;
}

#navbar ul li a:before {
	content: "";
	position: absolute;
	left: 20%;
	right: 20%;
	bottom: 9px;
	height: 2px;
	background: linear-gradient(90deg, transparent, #ffcc65, #ff2c1d, transparent);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform .2s ease;
}

#navbar ul li a:hover:before {
	transform: scaleX(1);
}

#header {
	min-height: 76px !important;
}

.webengine-mu-logo {
	animation: landingLogoPulse 4.8s ease-in-out infinite;
	filter: drop-shadow(0 0 18px rgba(91, 255, 86, .28)) drop-shadow(0 18px 30px rgba(0, 0, 0, .85));
}

.webengine-mu-logo:hover {
	filter: brightness(1.08) drop-shadow(0 0 22px rgba(91, 255, 86, .34)) drop-shadow(0 18px 30px rgba(0, 0, 0, .85)) !important;
}

@keyframes landingLogoPulse {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.025);
	}
}

.landing-command {
	position: relative;
	width: 1040px;
	margin: 6px auto 10px;
	padding: 1px;
	border-radius: 8px;
	background: linear-gradient(100deg, rgba(234, 184, 76, .12), rgba(255, 49, 34, .64), rgba(111, 203, 255, .2), rgba(234, 184, 76, .18));
	box-shadow: 0 22px 55px rgba(0,0,0,.55);
	overflow: hidden;
}

.landing-command:before {
	content: "";
	position: absolute;
	inset: -60% -20%;
	background: linear-gradient(90deg, transparent 35%, rgba(255,255,255,.22), transparent 65%);
	transform: translateX(-65%) rotate(8deg);
	animation: landingSweep 5.5s linear infinite;
}

@keyframes landingSweep {
	0% {
		transform: translateX(-70%) rotate(8deg);
	}
	52%, 100% {
		transform: translateX(70%) rotate(8deg);
	}
}

.landing-command-glow {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 24% 50%, rgba(255, 211, 94, .18), transparent 28%),
		radial-gradient(circle at 80% 50%, rgba(68, 163, 255, .14), transparent 28%);
}

.landing-command-core {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 86px;
	padding: 12px 14px;
	border-radius: 7px;
	background:
		linear-gradient(180deg, rgba(22, 17, 16, .96), rgba(8, 8, 9, .97)),
		linear-gradient(90deg, rgba(255,255,255,.04), transparent);
}

.landing-status-medal {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 76px;
	height: 76px;
	flex: 0 0 76px;
	border: 1px solid rgba(255, 217, 126, .5);
	border-radius: 50%;
	background:
		radial-gradient(circle at 50% 32%, rgba(106, 255, 97, .24), transparent 34%),
		linear-gradient(180deg, rgba(55, 41, 28, .96), rgba(10, 9, 9, .98));
	box-shadow: inset 0 0 18px rgba(255, 221, 129, .1), 0 0 28px rgba(91, 255, 86, .15);
}

.landing-status-medal:after {
	content: "";
	position: absolute;
	inset: 7px;
	border-radius: 50%;
	border: 1px dashed rgba(255, 218, 139, .34);
	animation: landingRotate 10s linear infinite;
}

@keyframes landingRotate {
	to {
		transform: rotate(360deg);
	}
}

.landing-status-medal span {
	color: #80ff67;
	font-family: 'Cinzel', serif;
	font-size: 23px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 0 16px rgba(112, 255, 102, .58);
}

.landing-status-medal small {
	margin-top: 4px;
	color: #ddc890;
	font-size: 10px;
	text-transform: uppercase;
}

.landing-command-copy {
	min-width: 215px;
	padding-right: 6px;
}

.landing-command-copy strong {
	display: block;
	color: #fff1c7;
	font-family: 'Cinzel', serif;
	font-size: 25px;
	font-weight: normal;
	line-height: 1.1;
	text-shadow: 0 0 16px rgba(255, 208, 108, .22);
}

.landing-command-copy span {
	display: block;
	margin-top: 6px;
	color: #b8ab9a;
	font-size: 12px;
	text-transform: uppercase;
}

.landing-command-actions {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	flex: 1 1 auto;
}

.landing-action-card {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 64px;
	padding: 10px 18px;
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 4px;
	overflow: hidden;
	background: linear-gradient(135deg, rgba(40, 31, 25, .98), rgba(11, 10, 10, .98));
	box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 13px 24px rgba(0,0,0,.28);
	transform: skewX(-8deg);
}

.landing-action-card:before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(255,255,255,.08), transparent 28%, rgba(255,255,255,.06));
	opacity: .55;
}

.landing-action-card:after {
	content: "";
	position: absolute;
	right: -24px;
	top: -20px;
	width: 70px;
	height: 120px;
	background: rgba(255,255,255,.08);
	transform: rotate(22deg);
	transition: right .2s ease, opacity .2s ease;
}

.landing-action-card:hover {
	transform: skewX(-8deg) translateY(-2px);
	border-color: rgba(255, 225, 141, .68);
}

.landing-action-card:hover:after {
	right: 4px;
	opacity: .8;
}

.landing-action-card small,
.landing-action-card strong {
	position: relative;
	z-index: 1;
	display: block;
	transform: skewX(8deg);
}

.landing-action-card small {
	color: rgba(255, 236, 184, .72);
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.landing-action-card strong {
	color: #fff7dc;
	font-family: 'Cinzel', serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

.landing-action-register {
	background: linear-gradient(135deg, #aa1612, #32100e 62%, #0b0909);
	border-color: rgba(255, 77, 56, .58);
}

.landing-action-download {
	background: linear-gradient(135deg, #9d741e, #2a1e10 62%, #0b0909);
	border-color: rgba(255, 212, 95, .5);
}

.landing-action-discord {
	background: linear-gradient(135deg, #37449c, #171b3b 62%, #0b0909);
	border-color: rgba(132, 151, 255, .48);
}

.landing-hero-actions,
.landing-hero-btn,
.landing-hero-stats {
	display: none !important;
}

.header-info-container {
	position: relative;
	z-index: 2;
	margin-bottom: 4px !important;
	display: none !important;
}

.header-info-container .header-info {
	width: 440px !important;
	padding: 14px 16px !important;
	border-radius: 7px !important;
}

.webengine-online-bar {
	position: relative;
	margin: 4px 0 10px;
}

.webengine-online-bar:after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
	transform: translateX(-100%);
	animation: barShine 2.8s ease-in-out infinite;
}

@keyframes barShine {
	0%, 35% {
		transform: translateX(-100%);
	}
	70%, 100% {
		transform: translateX(100%);
	}
}

#container {
	position: relative;
	margin-top: 6px !important;
}

#container:before {
	content: "";
	position: absolute;
	left: 18px;
	right: 18px;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255, 215, 121, .75), rgba(255, 43, 29, .7), transparent);
}

.home-news-block,
.panel-sidebar {
	position: relative;
}

.home-news-block:before,
.panel-sidebar:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255, 223, 143, .72), transparent);
}

.panel-sidebar-events .panel-body table tr td:first-child span:first-child {
	color: #fff0bd;
	font-weight: bold;
}

.smalltext {
	color: #8f8273 !important;
}

/* Header brand layout */
#navbar {
	z-index: 1000 !important;
	min-height: 78px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

#navbar ul {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 78px !important;
}

#navbar ul li a {
	padding-top: 28px !important;
	padding-bottom: 28px !important;
}

.header-brand {
	position: absolute;
	left: max(24px, calc((100% - 1040px) / 2 + 8px));
	top: 50%;
	z-index: 6;
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	width: 430px;
	height: 74px;
	line-height: 0 !important;
	transform: translateY(-50%);
}

.header-brand-logo {
	display: block;
	max-width: 500px;
	max-height: none;
	width: auto;
	height: auto;
	transform: scale(1.22);
	transform-origin: left center;
	filter: drop-shadow(0 0 12px rgba(91, 255, 86, .22)) drop-shadow(0 10px 18px rgba(0,0,0,.72));
	transition: transform .22s ease, filter .22s ease;
}

.header-brand:hover .header-brand-logo {
	transform: translateY(-1px) scale(1.25);
	filter: brightness(1.08) drop-shadow(0 0 16px rgba(91, 255, 86, .3)) drop-shadow(0 10px 18px rgba(0,0,0,.72));
}

.header-auth-actions {
	z-index: 7;
}

.header-login-panel {
	z-index: 1100;
}

.landing-command {
	margin-top: 14px !important;
}

/* Hero logo left layout */
#header {
	width: 1040px !important;
	min-height: 128px !important;
	margin: 0 auto !important;
	padding: 8px 0 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	overflow: visible !important;
}

#header > a {
	display: block !important;
	line-height: 0 !important;
}

.webengine-mu-logo {
	width: 52% !important;
	max-width: 560px !important;
	min-width: 380px !important;
	height: auto !important;
	margin: 0 !important;
	transform-origin: left center;
}

.landing-command {
	margin-top: 6px !important;
}

/* Mudavion-inspired landing layout */
#navbar {
	position: relative !important;
	z-index: 1200 !important;
	width: 100% !important;
	min-height: 96px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 max(48px, calc((100% - 1700px) / 2 + 48px)) !important;
	background: rgba(1, 11, 18, .98) !important;
	border-top: 2px solid rgba(255, 232, 177, .92) !important;
	border-bottom: 1px solid rgba(198, 145, 47, .86) !important;
	box-shadow: 0 16px 40px rgba(0,0,0,.45);
}

#navbar:after {
	display: none !important;
}

#navbar ul {
	min-height: 96px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: clamp(28px, 3.2vw, 58px);
	margin: 0 auto !important;
	padding: 0 !important;
}

#navbar ul li {
	font-size: 0 !important;
}

#navbar ul li a {
	position: relative;
	padding: 38px 0 34px !important;
	color: #d8c792 !important;
	font-size: 16px !important;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: none !important;
}

#navbar ul li a:hover {
	color: #f9d166 !important;
	background: transparent !important;
}

#navbar ul li a:before {
	left: 0 !important;
	right: 0 !important;
	bottom: 26px !important;
	height: 2px !important;
	background: linear-gradient(90deg, transparent, #f5bd41, transparent) !important;
}

.header-brand {
	position: absolute;
	left: max(48px, calc((100% - 1700px) / 2 + 48px));
	top: 50%;
	z-index: 6;
	display: flex !important;
	align-items: center;
	width: 230px;
	height: 72px;
	line-height: 0 !important;
	transform: translateY(-50%);
}

.header-brand-logo {
	display: block;
	width: auto;
	max-width: 220px;
	max-height: 66px;
	height: auto;
	filter: sepia(.15) saturate(1.1) drop-shadow(0 10px 20px rgba(0,0,0,.72));
	transition: transform .2s ease, filter .2s ease;
}

.header-brand:hover .header-brand-logo {
	transform: translateY(-1px) scale(1.035);
	filter: brightness(1.08) sepia(.15) saturate(1.12) drop-shadow(0 10px 20px rgba(0,0,0,.72));
}

.header-auth-actions {
	right: max(48px, calc((100% - 1700px) / 2 + 48px)) !important;
	gap: 12px !important;
}

.header-language-button,
.header-auth-button,
.header-register-button {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 0 20px !important;
	border-radius: 14px;
	font-size: 15px;
	font-weight: 800;
	line-height: 48px !important;
	text-transform: uppercase;
	overflow: hidden;
}

.header-language-button {
	gap: 9px;
	min-width: 112px;
	border: 1px solid rgba(191, 141, 45, .68);
	background: rgba(12, 22, 32, .92);
	color: #ead49b !important;
}

.header-language-button img {
	width: 24px;
	height: auto;
	border-radius: 2px;
}

.header-language-button:after {
	content: "";
	width: 7px;
	height: 7px;
	margin-left: 2px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
}

.header-auth-button {
	min-width: 148px;
	border: 2px solid rgba(198, 145, 47, .96);
	border-radius: 14px;
	background: rgba(1, 11, 18, .52) !important;
	color: #f0c668 !important;
	box-shadow: none !important;
}

.header-register-button {
	min-width: 164px;
	border: 1px solid rgba(247, 194, 82, .72);
	background: linear-gradient(180deg, #c99a3b, #9b742b);
	color: #081019 !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 10px 24px rgba(0,0,0,.28);
}

.header-auth-button:hover,
.header-register-button:hover,
.header-language-button:hover {
	transform: translateY(-1px);
	filter: brightness(1.08);
}

.header-login-panel {
	right: max(48px, calc((100% - 1700px) / 2 + 48px)) !important;
	top: calc(100% + 8px) !important;
}

.monster-hero {
	position: relative;
	min-height: 640px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 58px max(48px, calc((100% - 1700px) / 2 + 48px)) 56px;
	background:
		linear-gradient(90deg, rgba(2, 12, 19, .98) 0%, rgba(2, 12, 19, .74) 34%, rgba(2, 12, 19, .55) 58%, rgba(2, 12, 19, .94) 100%),
		linear-gradient(180deg, rgba(1, 9, 15, .4), rgba(1, 9, 15, .82)),
		url('../img/background.jpg') center top / cover no-repeat;
	border-bottom: 1px solid rgba(198, 145, 47, .42);
}

.monster-hero:before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(circle at 50% 38%, rgba(230, 176, 64, .14), transparent 24%),
		radial-gradient(circle at 12% 18%, rgba(255, 211, 91, .08), transparent 18%),
		linear-gradient(180deg, transparent 0%, rgba(1, 9, 15, .38) 78%, rgba(1, 9, 15, .92) 100%);
}

.monster-hero-inner {
	position: relative;
	z-index: 2;
	width: min(680px, 48vw);
	margin: 0 auto;
	text-align: center;
}

.monster-season-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 168px;
	height: 42px;
	margin-bottom: 26px;
	border: 1px solid rgba(242, 187, 73, .58);
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(156, 113, 35, .42), rgba(16, 22, 29, .82));
	box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 28px rgba(243, 187, 73, .22);
}

.monster-season-badge span {
	color: #f4c35c;
	font-size: 14px;
	font-weight: 900;
	text-transform: uppercase;
}

.monster-hero h1 {
	margin: 0;
	color: #fac861;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: clamp(42px, 3.9vw, 68px);
	font-weight: 700;
	line-height: 1.16;
	text-transform: uppercase;
	text-shadow: 0 5px 0 rgba(0,0,0,.12), 0 22px 44px rgba(0,0,0,.65);
}

.monster-hero-subtitle {
	margin: 24px auto 32px;
	color: #d6c998;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.45;
}

.monster-hero-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
}

.monster-hero-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 260px;
	height: 60px;
	border-radius: 14px;
	font-size: 16px;
	font-weight: 900;
	text-transform: uppercase;
	overflow: hidden;
}

.monster-hero-btn:before {
	content: "";
	position: absolute;
	left: -45%;
	top: 0;
	width: 34%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent);
	transform: skewX(-18deg);
	transition: left .32s ease;
}

.monster-hero-btn:hover:before {
	left: 112%;
}

.monster-hero-btn-primary {
	border: 1px solid rgba(250, 198, 82, .74);
	background: linear-gradient(180deg, #cfa044, #9c742c);
	color: #07111b !important;
	box-shadow: 0 14px 28px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.18);
}

.monster-hero-btn-outline {
	border: 2px solid rgba(230, 169, 48, .92);
	background: rgba(2, 12, 19, .44);
	color: #d2a845 !important;
}

.monster-socials {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 30px;
}

.monster-socials a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border: 1px solid rgba(229, 174, 55, .88);
	border-radius: 13px;
	background: rgba(2, 12, 19, .54);
	transition: transform .18s ease, background .18s ease;
}

.monster-socials a:hover {
	transform: translateY(-2px);
	background: rgba(199, 151, 54, .14);
}

.monster-socials img {
	width: 19px;
	height: 19px;
	filter: brightness(0) saturate(100%) invert(76%) sepia(53%) saturate(679%) hue-rotate(355deg) brightness(97%) contrast(93%);
}

.monster-status-pill {
	display: flex;
	align-items: center;
	height: 50px;
	padding: 0 20px;
	border: 1px solid rgba(255, 205, 94, .72);
	border-radius: 13px;
	background: linear-gradient(180deg, #efbe50, #c79535);
	color: #07111b !important;
	font-size: 13px;
	font-weight: 900;
	text-transform: uppercase;
	box-shadow: 0 12px 24px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.2);
}

.monster-status-pill {
	position: absolute;
	z-index: 3;
	left: 50%;
	bottom: 28px;
	width: auto;
	gap: 12px;
	min-width: 168px;
	height: 42px;
	justify-content: center;
	padding: 0 22px;
	border-radius: 999px;
	border-color: rgba(229, 174, 55, .38);
	background: rgba(2, 12, 19, .58);
	color: #efd08a !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(0,0,0,.28), 0 0 24px rgba(229, 174, 55, .08);
	backdrop-filter: blur(8px);
	transform: translateX(-50%);
}

.monster-status-dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #78ff63;
	box-shadow: 0 0 0 5px rgba(120, 255, 99, .08), 0 0 16px rgba(120, 255, 99, .55);
}

.monster-hero .landing-command {
	display: none !important;
}

#container {
	margin-top: 0 !important;
}

#container.container-inner {
	margin-top: 34px !important;
	border-top: 1px solid rgba(46, 128, 73, .34) !important;
	box-shadow: 0 22px 70px rgba(0, 0, 0, .58), 0 0 28px rgba(27, 112, 62, .08) !important;
}

/* Monster MU final palette and spacing pass */
#navbar {
	border-top-color: rgba(196, 186, 109, .82) !important;
	border-bottom-color: rgba(35, 117, 64, .68) !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, .45), 0 0 28px rgba(24, 106, 58, .1) !important;
}

#navbar ul li a {
	color: #cbd7b6 !important;
}

#navbar ul li a:hover {
	color: #89c46f !important;
}

#navbar ul li a:before {
	background: linear-gradient(90deg, transparent, #2d8b54, #c6b55f, transparent) !important;
}

.header-auth-button {
	border-color: rgba(48, 127, 71, .9) !important;
	color: #b9cf8c !important;
}

.header-auth-button:hover {
	background: linear-gradient(180deg, rgba(28, 78, 48, .98), rgba(9, 29, 18, .98)) !important;
	border-color: rgba(119, 158, 84, .95) !important;
	color: #e8e6b8 !important;
}

.header-brand-logo {
	filter: drop-shadow(0 0 14px rgba(27, 114, 63, .24)) drop-shadow(0 10px 20px rgba(0,0,0,.72)) !important;
}

.monster-hero {
	min-height: 590px !important;
	padding-top: 48px !important;
	padding-bottom: 48px !important;
	background:
		linear-gradient(90deg, rgba(2, 10, 13, .98) 0%, rgba(2, 10, 13, .74) 34%, rgba(2, 10, 13, .54) 58%, rgba(2, 10, 13, .94) 100%),
		linear-gradient(180deg, rgba(1, 9, 13, .36), rgba(1, 9, 13, .82)),
		url('../img/background.jpg') center top / cover no-repeat !important;
}

.monster-hero:before {
	background:
		radial-gradient(circle at 50% 30%, rgba(32, 116, 67, .18), transparent 24%),
		radial-gradient(circle at 16% 20%, rgba(238, 222, 103, .08), transparent 18%),
		linear-gradient(180deg, transparent 0%, rgba(1, 9, 13, .34) 72%, rgba(1, 9, 13, .92) 100%) !important;
}

.monster-hero-inner {
	transform: translateY(-34px) !important;
}

.monster-season-badge {
	margin-bottom: 18px !important;
	border-color: rgba(56, 130, 74, .7) !important;
	background: linear-gradient(90deg, rgba(24, 74, 43, .58), rgba(13, 23, 17, .86)) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 28px rgba(28, 113, 63, .18) !important;
}

.monster-season-badge span {
	color: #c9c56e !important;
}

.monster-hero h1 {
	color: #d9d37a !important;
	text-shadow: 0 0 18px rgba(27, 112, 62, .2), 0 5px 0 rgba(0,0,0,.12), 0 22px 44px rgba(0,0,0,.65) !important;
}

.monster-hero-subtitle {
	margin-top: 18px !important;
	margin-bottom: 26px !important;
	color: #c6d6a8 !important;
}

.monster-hero-btn-primary {
	border-color: rgba(175, 166, 82, .76) !important;
	background: linear-gradient(180deg, #b6a947, #5e7c2b) !important;
	color: #07110a !important;
}

.monster-hero-btn-outline {
	border-color: rgba(46, 128, 73, .92) !important;
	color: #b9cf8c !important;
}

.monster-socials a {
	border-color: rgba(46, 128, 73, .78) !important;
}

.monster-socials a:hover {
	background: rgba(27, 112, 62, .16) !important;
}

.monster-socials img {
	filter: brightness(0) saturate(100%) invert(67%) sepia(25%) saturate(649%) hue-rotate(50deg) brightness(88%) contrast(85%) !important;
}

.monster-status-pill {
	bottom: 58px !important;
	height: 30px !important;
	min-width: 148px !important;
	padding: 0 14px !important;
	border-color: rgba(46, 128, 73, .42) !important;
	color: #b9cf8c !important;
	background: rgba(2, 12, 14, .62) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 20px rgba(0,0,0,.24), 0 0 20px rgba(28, 113, 63, .1) !important;
	font-size: 12px !important;
}

.monster-status-dot {
	width: 8px !important;
	height: 8px !important;
	background: #2f8d54 !important;
	box-shadow: 0 0 0 4px rgba(47, 141, 84, .1), 0 0 14px rgba(47, 141, 84, .55) !important;
}

/* Monster MU login dropdown palette */
.header-login-panel:before {
	background: linear-gradient(90deg, transparent, #2f8d54, #c6b55f, transparent) !important;
	box-shadow: 0 0 16px rgba(47, 141, 84, .72) !important;
}

.header-login-panel-inner {
	border-color: rgba(46, 128, 73, .46) !important;
	background:
		linear-gradient(180deg, rgba(12, 20, 16, .98), rgba(4, 8, 7, .98)),
		radial-gradient(circle at 82% 12%, rgba(47, 141, 84, .16), transparent 34%) !important;
	box-shadow: 0 26px 55px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255,255,255,.07), 0 0 28px rgba(27, 112, 62, .08) !important;
}

.header-login-panel-inner:before {
	background: linear-gradient(120deg, rgba(255,255,255,.06), transparent 30%, rgba(47, 141, 84, .1)) !important;
}

.header-login-title {
	border-bottom-color: rgba(46, 128, 73, .28) !important;
}

.header-login-title span {
	color: #d9d37a !important;
}

.header-login-title small,
.header-login-form label {
	color: #8fa779 !important;
}

.header-login-form .form-control {
	background: rgba(2, 8, 7, .72) !important;
	border-color: rgba(46, 128, 73, .36) !important;
	color: #e8e6c0 !important;
}

.header-login-form .form-control:focus {
	border-color: rgba(119, 158, 84, .86) !important;
	box-shadow: 0 0 0 2px rgba(47, 141, 84, .14), inset 0 1px 8px rgba(0,0,0,.46) !important;
}

.header-login-actions-row a {
	color: #b9cf8c !important;
}

.header-login-actions-row a:hover {
	color: #d9d37a !important;
}

.header-login-submit {
	border-color: rgba(119, 158, 84, .72) !important;
	background: linear-gradient(180deg, #5b7c2d, #1d4f31) !important;
	color: #f2efc6 !important;
}

.header-login-submit:before {
	background: linear-gradient(90deg, transparent, rgba(232, 230, 184, .3), transparent) !important;
}

.header-login-submit:hover {
	filter: brightness(1.08);
}

/* Monster MU inner pages */
.monster-inner-hero {
	position: relative;
	min-height: 255px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 54px 24px 42px;
	overflow: hidden;
	background:
		linear-gradient(90deg, rgba(2, 10, 13, .98), rgba(2, 10, 13, .82), rgba(2, 10, 13, .98)),
		radial-gradient(circle at 50% 36%, rgba(38, 118, 68, .18), transparent 32%);
	border-bottom: 1px solid rgba(35, 117, 64, .52);
	box-shadow: inset 0 -1px 0 rgba(196, 186, 109, .18);
}

.monster-inner-hero:before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(180deg, rgba(255,255,255,.02), transparent 42%),
		radial-gradient(circle at 50% 0%, rgba(198, 181, 95, .12), transparent 34%);
}

.monster-inner-hero-line {
	position: absolute;
	top: 60px;
	left: 50%;
	width: 260px;
	height: 1px;
	background: linear-gradient(90deg, transparent, #6d7e37, #c6b55f, #2d8b54, transparent);
	box-shadow: 0 0 18px rgba(47, 141, 84, .32);
	transform: translateX(-50%);
}

.monster-inner-hero-content {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 22px;
	text-align: left;
}

.monster-inner-mark {
	position: relative;
	width: 46px;
	height: 46px;
	border: 1px solid rgba(196, 186, 109, .6);
	border-radius: 50%;
	background:
		radial-gradient(circle at 50% 36%, rgba(198, 181, 95, .34), transparent 42%),
		linear-gradient(180deg, rgba(35, 117, 64, .58), rgba(8, 20, 13, .88));
	box-shadow: 0 0 24px rgba(47, 141, 84, .28), inset 0 1px 0 rgba(255,255,255,.12);
}

.monster-inner-mark:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 18px;
	height: 18px;
	border: 2px solid #c6b55f;
	border-top-color: transparent;
	border-left-color: transparent;
	transform: translate(-50%, -50%) rotate(45deg);
}

.monster-inner-kicker {
	display: block;
	margin-bottom: 8px;
	color: #8fa779;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.monster-inner-hero h1 {
	margin: 0;
	color: #d9d37a;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 42px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
	text-shadow: 0 0 18px rgba(27, 112, 62, .22), 0 18px 38px rgba(0,0,0,.64);
}

#container.container-inner {
	width: min(1710px, calc(100% - 170px)) !important;
	margin-top: -12px !important;
	padding: 30px 42px 42px !important;
	border: 1px solid rgba(71, 83, 44, .9) !important;
	border-radius: 14px !important;
	background: rgba(5, 14, 19, .86) !important;
	box-shadow: 0 24px 80px rgba(0,0,0,.52), 0 0 34px rgba(27,112,62,.08) !important;
}

#container.container-inner:before {
	left: 28px !important;
	right: 28px !important;
	background: linear-gradient(90deg, transparent, rgba(198, 181, 95, .66), rgba(47, 141, 84, .56), transparent) !important;
}

.container-inner .page-title {
	display: none !important;
}

.container-inner #content {
	padding: 0 !important;
	min-height: 360px !important;
}

.rankings_menu {
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	width: 100% !important;
	margin: 0 0 28px !important;
	padding: 0 !important;
	overflow: visible !important;
}

.rankings_menu a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	min-width: 190px;
	height: 50px;
	margin: 0 !important;
	padding: 0 22px !important;
	border: 1px solid rgba(112, 91, 36, .92) !important;
	border-radius: 12px !important;
	background: rgba(14, 20, 18, .9) !important;
	color: #d1c184 !important;
	font-size: 15px !important;
	font-weight: 900;
	text-transform: uppercase;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 24px rgba(0,0,0,.24);
}

.rankings_menu a:hover,
.rankings_menu a.active {
	border-color: rgba(47, 141, 84, .88) !important;
	color: #d9d37a !important;
	background: linear-gradient(180deg, rgba(31, 74, 47, .72), rgba(10, 19, 14, .96)) !important;
}

.rankings-class-filter {
	display: flex !important;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	margin: 4px auto 28px !important;
	padding: 16px !important;
	border: 1px solid rgba(46, 128, 73, .22);
	border-radius: 14px !important;
	background: rgba(2, 10, 13, .44);
}

.rankings-class-filter li {
	margin: 0 !important;
}

.rankings-class-filter-selection {
	width: 82px !important;
	min-height: 88px;
	padding: 10px 6px;
	border: 1px solid rgba(255,255,255,.07);
	border-radius: 10px;
	color: #aebc9d !important;
	background: rgba(4, 10, 9, .42);
}

.rankings-class-filter-selection:hover {
	color: #d9d37a !important;
	border-color: rgba(47, 141, 84, .46);
	background: rgba(31, 74, 47, .22);
}

.rankings-class-filter-selection img {
	width: 42px !important;
	box-shadow: 0 0 14px rgba(0,0,0,.7), 0 0 12px rgba(47,141,84,.12) !important;
}

.rankings-table,
.general-table-ui,
.myaccount-table {
	border: 1px solid rgba(46, 128, 73, .24) !important;
	border-radius: 12px;
	overflow: hidden;
	background: rgba(2, 10, 13, .54) !important;
	box-shadow: 0 18px 45px rgba(0,0,0,.34);
}

.rankings-table tr:first-child td,
.general-table-ui tr:first-child td {
	color: #d9d37a !important;
	border-bottom: 1px solid rgba(46, 128, 73, .36) !important;
	background: linear-gradient(180deg, rgba(31, 74, 47, .34), rgba(7, 14, 12, .74));
	font-size: 13px !important;
	text-transform: uppercase;
}

.rankings-table tr td,
.general-table-ui tr td,
.myaccount-table tr td {
	border-bottom: 1px solid rgba(255,255,255,.06) !important;
	color: #cbd7b6 !important;
	font-size: 15px !important;
}

.rankings-table tr:hover td,
.general-table-ui tr:hover td {
	background: rgba(31, 74, 47, .16) !important;
}

.rankings-table-place {
	color: #c6b55f !important;
	text-shadow: 0 0 14px rgba(198,181,95,.22);
}

.rankings-table a,
.general-table-ui a,
.myaccount-table a {
	color: #d9d37a !important;
	font-weight: bold;
}

.panel-news,
.panel-sidebar,
.home-news-block {
	border-color: rgba(46, 128, 73, .26) !important;
	background: linear-gradient(180deg, rgba(12, 20, 16, .94), rgba(4, 8, 7, .94)) !important;
}

.panel-sidebar > .panel-heading,
.panel-news .panel-heading {
	background: linear-gradient(90deg, rgba(31, 74, 47, .8), rgba(10, 19, 14, .96)) !important;
	border-bottom-color: rgba(46, 128, 73, .42) !important;
}

.panel-sidebar > .panel-heading .panel-title,
.panel-news .panel-title {
	color: #d9d37a !important;
}

/* Monster MU home alignment pass */
body {
	background-color: #020a0d !important;
	background-image:
		linear-gradient(180deg, rgba(2, 10, 13, .08) 0%, rgba(2, 10, 13, .72) 520px, #020a0d 780px, #020a0d 100%) !important;
	color: #cbd7b6 !important;
}

body:before {
	background:
		radial-gradient(circle at 50% 0%, rgba(47, 141, 84, .18), transparent 30%),
		radial-gradient(circle at 18% 22%, rgba(198, 186, 109, .08), transparent 24%),
		radial-gradient(circle at 82% 34%, rgba(37, 97, 57, .12), transparent 26%),
		linear-gradient(90deg, rgba(2, 10, 13, .96), rgba(2, 10, 13, .22) 48%, rgba(2, 10, 13, .94)) !important;
}

body:after {
	opacity: .26 !important;
	background-image:
		linear-gradient(rgba(93, 132, 78, .12) 1px, transparent 1px),
		linear-gradient(90deg, rgba(198, 186, 109, .06) 1px, transparent 1px) !important;
}

#container.container-home {
	position: relative;
	z-index: 4;
	width: min(1320px, calc(100% - 96px)) !important;
	margin: -28px auto 0 !important;
	padding: 0 0 52px !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

#container.container-home:before {
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	height: 1px !important;
	background: linear-gradient(90deg, transparent, rgba(47, 141, 84, .7), rgba(198, 186, 109, .62), transparent) !important;
	box-shadow: 0 0 22px rgba(47, 141, 84, .18);
}

.container-home #content {
	min-height: 0 !important;
	padding: 30px 0 0 !important;
	overflow: visible !important;
}

.container-home #content > .col-xs-12 {
	width: 100% !important;
	padding: 0 !important;
	float: none !important;
}

.container-home .monster-home-news-row,
.container-home .monster-home-panels-row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.container-home .monster-home-news-row {
	margin-top: 0 !important;
}

.container-home .monster-home-panels-row {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin-top: 22px !important;
}

.container-home .monster-home-panels-row > .col-xs-4 {
	width: auto !important;
	padding: 0 !important;
	float: none !important;
}

.container-home .home-news-block,
.container-home .panel-sidebar {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(46, 128, 73, .28) !important;
	border-radius: 8px !important;
	background:
		linear-gradient(180deg, rgba(9, 18, 15, .96), rgba(3, 8, 7, .97)),
		radial-gradient(circle at 84% 0%, rgba(47, 141, 84, .12), transparent 36%) !important;
	box-shadow: 0 24px 68px rgba(0, 0, 0, .42), 0 0 30px rgba(27, 112, 62, .08) !important;
}

.container-home .home-news-block {
	width: 100% !important;
	min-height: 228px;
	padding: 0 !important;
	float: none !important;
}

.container-home .home-news-block:before,
.container-home .panel-sidebar:before {
	height: 1px !important;
	background: linear-gradient(90deg, transparent, rgba(47, 141, 84, .72), rgba(198, 186, 109, .54), transparent) !important;
}

.container-home .home-news-block-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 !important;
	padding: 20px 24px 16px !important;
	border-bottom: 1px solid rgba(46, 128, 73, .28) !important;
	background:
		linear-gradient(90deg, rgba(31, 74, 47, .72), rgba(7, 14, 12, .94)),
		radial-gradient(circle at 18% 0%, rgba(198, 186, 109, .1), transparent 24%) !important;
}

.container-home .home-news-block-header > .col-xs-8,
.container-home .home-news-block-header > .col-xs-4 {
	width: auto !important;
	padding: 0 !important;
	float: none !important;
}

.container-home .home-news-block-header h2 {
	margin: 0 !important;
	color: #d9d37a !important;
	font-family: Georgia, 'Times New Roman', serif !important;
	font-size: 28px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	letter-spacing: 0 !important;
	text-transform: uppercase;
	text-shadow: 0 0 18px rgba(27, 112, 62, .26), 0 15px 30px rgba(0, 0, 0, .52);
}

.container-home .home-news-block-header a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 0 14px;
	border: 1px solid rgba(46, 128, 73, .38);
	border-radius: 6px;
	color: #b9cf8c !important;
	font-size: 12px !important;
	font-style: normal !important;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
	background: rgba(2, 10, 13, .52);
	transition: transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
}

.container-home .home-news-block-header a:hover {
	transform: translateY(-1px);
	border-color: rgba(198, 186, 109, .58);
	color: #e4df9a !important;
	background: rgba(31, 74, 47, .2);
}

.container-home .home-news-block-body {
	margin: 0 !important;
	padding: 8px 22px 18px !important;
}

.container-home .home-news-block-body > .col-xs-12 {
	width: 100% !important;
	padding: 0 !important;
	float: none !important;
}

.container-home .home-news-block-article {
	display: grid;
	grid-template-columns: 132px minmax(0, 1fr) 104px;
	align-items: center;
	gap: 12px;
	margin: 0 !important;
	padding: 13px 4px !important;
	border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
	color: #cbd7b6 !important;
	transition: background .18s ease, transform .18s ease;
}

.container-home .home-news-block-article:last-child {
	border-bottom: 0 !important;
}

.container-home .home-news-block-article:hover {
	transform: translateX(3px);
	background: rgba(31, 74, 47, .16) !important;
}

.container-home .home-news-block-article > [class*="col-xs-"] {
	width: auto !important;
	padding: 0 !important;
	float: none !important;
}

.container-home .home-news-block-article-type {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 24px;
	padding: 0 10px;
	border: 1px solid rgba(46, 128, 73, .32);
	border-radius: 5px;
	color: #9fb58b !important;
	font-size: 11px !important;
	font-weight: 800;
	text-transform: uppercase;
	background: rgba(2, 10, 13, .48);
}

.container-home .home-news-block-article-title a {
	display: inline-block;
	max-width: 100%;
	color: #e2dec0 !important;
	font-size: 15px !important;
	font-weight: 800;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.container-home .home-news-block-article-title a:hover {
	color: #d9d37a !important;
	text-shadow: 0 0 14px rgba(47, 141, 84, .28);
}

.container-home .home-news-block-article-date {
	color: #859476 !important;
	font-size: 12px !important;
	font-weight: 700;
}

.container-home .panel-sidebar {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	margin-bottom: 0 !important;
}

.container-home .panel-sidebar > .panel-heading {
	min-height: 58px;
	padding: 0 18px !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(46, 128, 73, .3) !important;
	background:
		linear-gradient(90deg, rgba(31, 74, 47, .74), rgba(7, 14, 12, .96)),
		radial-gradient(circle at 18% 0%, rgba(198, 186, 109, .08), transparent 24%) !important;
}

.container-home .panel-sidebar > .panel-heading .panel-title {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 58px;
	margin: 0 !important;
	color: #d9d37a !important;
	font-family: Georgia, 'Times New Roman', serif !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	letter-spacing: 0 !important;
	text-transform: uppercase;
}

.container-home .panel-sidebar > .panel-heading .panel-title:before {
	content: "";
	width: 8px;
	height: 8px;
	flex: 0 0 8px;
	border-radius: 50%;
	background: #2f8d54;
	box-shadow: 0 0 0 4px rgba(47, 141, 84, .1), 0 0 16px rgba(47, 141, 84, .5);
}

.container-home .panel-sidebar .panel-title .pull-right {
	float: none !important;
	margin-left: auto;
}

.container-home .panel-sidebar > .panel-body {
	flex: 1 1 auto;
	min-height: 0 !important;
	padding: 12px 14px 16px !important;
	background: transparent !important;
	color: #cbd7b6 !important;
}

.container-home .table {
	width: 100%;
	margin-bottom: 0 !important;
	border-collapse: separate;
	border-spacing: 0;
	color: #cbd7b6 !important;
}

.container-home .table > thead > tr > th {
	padding: 9px 7px !important;
	border-bottom: 1px solid rgba(46, 128, 73, .32) !important;
	color: #8fa779 !important;
	font-size: 11px !important;
	font-weight: 900;
	text-transform: uppercase;
	background: rgba(2, 10, 13, .34);
}

.container-home .table > tbody > tr > td,
.container-home .table > tr > td {
	padding: 11px 7px !important;
	border-top: 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, .055) !important;
	color: #cbd7b6 !important;
	font-size: 13px !important;
	vertical-align: middle !important;
}

.container-home .table > tbody > tr:hover > td,
.container-home .table > tr:hover > td {
	background: rgba(31, 74, 47, .15) !important;
}

.container-home .table a {
	color: #e2dec0 !important;
	font-weight: 800;
}

.container-home .table a:hover {
	color: #d9d37a !important;
}

.container-home .smalltext {
	color: #819074 !important;
	font-size: 11px !important;
	font-weight: 700;
}

.container-home .panel-sidebar-events .panel-body table tr td:first-child span:first-child {
	color: #e2dec0 !important;
	font-weight: 900;
}

.container-home .panel-sidebar-events .panel-body table tr td:last-child span:first-child {
	color: #d9d37a !important;
	font-weight: 900;
}

.container-home .monster-home-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 118px;
	padding: 22px;
	border: 1px dashed rgba(46, 128, 73, .28);
	border-radius: 8px;
	color: #8fa779 !important;
	font-size: 13px;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	background: rgba(2, 10, 13, .34);
}

.container-home .monster-empty-panel .panel-body {
	display: flex;
	align-items: stretch;
	justify-content: stretch;
}

.container-home .monster-empty-panel .monster-home-empty {
	width: 100%;
	min-height: 310px;
}

.container-home .btn-primary {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	min-height: 28px;
	padding: 0 10px !important;
	border: 1px solid rgba(46, 128, 73, .54) !important;
	border-radius: 5px !important;
	color: #b9cf8c !important;
	font-size: 13px !important;
	font-weight: 900;
	background: rgba(2, 10, 13, .56) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
	transition: transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
}

.container-home .btn-primary:hover,
.container-home .btn-primary:focus {
	transform: translateY(-1px);
	border-color: rgba(198, 186, 109, .62) !important;
	color: #e4df9a !important;
	background: rgba(31, 74, 47, .24) !important;
}

.footer {
	margin-top: 34px !important;
	color: #849276 !important;
	background: linear-gradient(180deg, transparent, rgba(2, 10, 13, .72)) !important;
}

.footer a {
	color: #b9cf8c !important;
}

@media only screen and (max-width: 1180px) {
	#container.container-home {
		width: calc(100% - 36px) !important;
	}

	.container-home .monster-home-panels-row {
		grid-template-columns: 1fr;
	}

	.container-home .home-news-block-article {
		grid-template-columns: 116px minmax(0, 1fr) 92px;
	}
}

@media only screen and (max-width: 760px) {
	html,
	body {
		min-width: 0 !important;
	}

	#container.container-home {
		width: calc(100% - 24px) !important;
		margin-top: -18px !important;
	}

	.container-home #content {
		padding-top: 22px !important;
	}

	.container-home .home-news-block-header {
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
	}

	.container-home .home-news-block-header h2 {
		font-size: 23px !important;
	}

	.container-home .home-news-block-article {
		grid-template-columns: 1fr;
		gap: 7px;
	}

	.container-home .home-news-block-article-title a {
		white-space: normal;
	}
}

/* Monster MU server status HUD */
.monster-status-strip {
	bottom: 42px !important;
	display: inline-flex !important;
	align-items: stretch !important;
	justify-content: center !important;
	gap: 0 !important;
	width: auto !important;
	min-width: 0 !important;
	height: auto !important;
	padding: 7px !important;
	border: 1px solid rgba(46, 128, 73, .44) !important;
	border-radius: 8px !important;
	color: #cbd7b6 !important;
	background:
		linear-gradient(180deg, rgba(9, 18, 15, .88), rgba(3, 8, 7, .92)),
		radial-gradient(circle at 50% 0%, rgba(47, 141, 84, .16), transparent 54%) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 18px 36px rgba(0, 0, 0, .32), 0 0 28px rgba(27, 112, 62, .1) !important;
	backdrop-filter: blur(10px);
}

.monster-status-strip:before {
	content: "";
	position: absolute;
	left: 12px;
	right: 12px;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(47, 141, 84, .72), rgba(198, 186, 109, .56), transparent);
	pointer-events: none;
}

.monster-status-item {
	position: relative;
	display: grid;
	grid-template-columns: auto;
	align-content: center;
	min-width: 118px;
	min-height: 48px;
	padding: 7px 18px 6px;
	text-align: center;
}

.monster-status-item + .monster-status-item {
	border-left: 1px solid rgba(46, 128, 73, .24);
}

.monster-status-item-online {
	grid-template-columns: auto auto;
	column-gap: 8px;
	align-items: center;
	justify-content: center;
}

.monster-status-item-online .monster-status-label {
	grid-column: 1 / -1;
}

.monster-status-value {
	display: block;
	color: #d9d37a !important;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	text-shadow: 0 0 14px rgba(47, 141, 84, .18), 0 10px 22px rgba(0, 0, 0, .54);
}

.monster-status-label {
	display: block;
	margin-top: 5px;
	color: #8fa779 !important;
	font-size: 10px;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
}

.monster-status-strip .monster-status-dot {
	width: 8px !important;
	height: 8px !important;
	margin: 0 !important;
	background: #2f8d54 !important;
	box-shadow: 0 0 0 4px rgba(47, 141, 84, .1), 0 0 14px rgba(47, 141, 84, .55) !important;
}

.monster-status-strip.is-checking .monster-status-dot {
	background: #c6b55f !important;
	box-shadow: 0 0 0 4px rgba(198, 181, 95, .1), 0 0 14px rgba(198, 181, 95, .45) !important;
}

.monster-status-item-server .monster-status-value {
	color: #89c46f !important;
	font-size: 18px;
	text-transform: uppercase;
}

.monster-status-strip.is-checking .monster-status-item-server .monster-status-value {
	color: #d9d37a !important;
}

@media only screen and (max-width: 1180px) {
	.monster-status-strip {
		width: min(720px, calc(100% - 32px)) !important;
	}

	.monster-status-item {
		min-width: 0;
		flex: 1 1 0;
		padding-left: 12px;
		padding-right: 12px;
	}
}

@media only screen and (max-width: 760px) {
	.monster-status-strip {
		bottom: 24px !important;
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: calc(100% - 24px) !important;
	}

	.monster-status-item {
		min-height: 44px;
		padding: 8px 10px;
	}

	.monster-status-item + .monster-status-item {
		border-left: 0;
	}

	.monster-status-item:nth-child(even) {
		border-left: 1px solid rgba(46, 128, 73, .24);
	}

	.monster-status-item:nth-child(n+3) {
		border-top: 1px solid rgba(46, 128, 73, .24);
	}

	.monster-status-item-server {
		grid-column: 1 / -1;
	}
}

/* Monster MU prestige status rail and hero energy */
.monster-hero {
	isolation: isolate;
}

.monster-hero:before {
	z-index: 0;
}

.monster-hero:after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient(90deg, rgba(2, 10, 13, .88), transparent 22%, transparent 78%, rgba(2, 10, 13, .9)),
		repeating-linear-gradient(115deg, transparent 0, transparent 78px, rgba(198, 186, 109, .045) 79px, transparent 81px);
	opacity: .56;
	animation: monsterHeroVeins 12s ease-in-out infinite;
}

.monster-hero-particles {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	overflow: hidden;
}

.monster-hero-particles span {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: rgba(198, 186, 109, .82);
	box-shadow:
		-650px -210px 0 rgba(198, 186, 109, .52),
		-550px -34px 0 rgba(47, 141, 84, .5),
		-440px -155px 0 rgba(198, 186, 109, .38),
		-330px 70px 0 rgba(47, 141, 84, .42),
		-230px -260px 0 rgba(198, 186, 109, .32),
		220px -220px 0 rgba(47, 141, 84, .38),
		320px 92px 0 rgba(198, 186, 109, .42),
		455px -120px 0 rgba(47, 141, 84, .48),
		580px 24px 0 rgba(198, 186, 109, .4),
		690px -190px 0 rgba(47, 141, 84, .36);
	opacity: .8;
	animation: monsterParticleDrift 10s linear infinite;
}

.monster-hero-particles span:nth-child(2) {
	width: 2px;
	height: 2px;
	background: rgba(47, 141, 84, .9);
	box-shadow:
		-720px 22px 0 rgba(47, 141, 84, .34),
		-610px 145px 0 rgba(198, 186, 109, .34),
		-510px -260px 0 rgba(47, 141, 84, .42),
		-180px 130px 0 rgba(198, 186, 109, .38),
		90px -284px 0 rgba(47, 141, 84, .42),
		260px 164px 0 rgba(198, 186, 109, .34),
		430px -250px 0 rgba(47, 141, 84, .38),
		610px 142px 0 rgba(198, 186, 109, .36),
		740px -44px 0 rgba(47, 141, 84, .42);
	animation-duration: 14s;
	animation-delay: -4s;
}

.monster-hero-particles span:nth-child(3) {
	width: 1px;
	height: 12px;
	border-radius: 0;
	background: rgba(198, 186, 109, .46);
	box-shadow:
		-670px -82px 0 rgba(198, 186, 109, .3),
		-480px 190px 0 rgba(47, 141, 84, .28),
		-290px -198px 0 rgba(198, 186, 109, .26),
		150px 210px 0 rgba(47, 141, 84, .26),
		390px -78px 0 rgba(198, 186, 109, .32),
		650px 190px 0 rgba(47, 141, 84, .25);
	transform: rotate(18deg);
	animation: monsterParticleStreak 7s linear infinite;
}

@keyframes monsterParticleDrift {
	0% {
		transform: translate3d(0, 48px, 0);
		opacity: .15;
	}
	15%,
	78% {
		opacity: .82;
	}
	100% {
		transform: translate3d(0, -92px, 0);
		opacity: .1;
	}
}

@keyframes monsterParticleStreak {
	0% {
		transform: translate3d(0, -24px, 0) rotate(18deg);
		opacity: .08;
	}
	38% {
		opacity: .58;
	}
	100% {
		transform: translate3d(0, 120px, 0) rotate(18deg);
		opacity: .06;
	}
}

@keyframes monsterHeroVeins {
	0%,
	100% {
		opacity: .34;
		transform: translate3d(0, 0, 0);
	}
	50% {
		opacity: .58;
		transform: translate3d(0, -10px, 0);
	}
}

.monster-status-strip {
	bottom: 30px !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center !important;
	gap: 22px !important;
	width: min(1400px, calc(100% - 96px)) !important;
	min-height: 92px !important;
	padding: 0 24px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background:
		linear-gradient(90deg, transparent 0%, rgba(2, 10, 13, .56) 12%, rgba(2, 10, 13, .78) 50%, rgba(2, 10, 13, .56) 88%, transparent 100%) !important;
	box-shadow: none !important;
	backdrop-filter: none;
}

.monster-status-strip:before,
.monster-status-strip:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	pointer-events: none;
	background: linear-gradient(90deg, transparent, rgba(47, 141, 84, .52), rgba(198, 186, 109, .54), rgba(47, 141, 84, .52), transparent);
	box-shadow: 0 0 20px rgba(47, 141, 84, .14);
}

.monster-status-strip:before {
	top: 0;
}

.monster-status-strip:after {
	bottom: 0;
}

.monster-status-wing {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0;
	min-width: 0;
}

.monster-status-wing-right {
	justify-content: flex-start;
}

.monster-status-wing .monster-status-item {
	display: grid;
	grid-template-columns: 28px minmax(0, auto);
	align-items: center;
	column-gap: 10px;
	min-width: 128px;
	min-height: 58px;
	padding: 4px 24px;
	text-align: left;
}

.monster-status-wing .monster-status-item + .monster-status-item {
	border-left: 1px solid rgba(198, 186, 109, .28) !important;
}

.monster-status-wing-right .monster-status-item:first-child {
	border-left: 0 !important;
}

.monster-status-text {
	display: block;
	min-width: 0;
}

.monster-status-mark {
	position: relative;
	display: block;
	width: 24px;
	height: 24px;
	color: #a47d2f;
	opacity: .98;
	filter: drop-shadow(0 0 10px rgba(47, 141, 84, .12));
}

.monster-status-mark:before,
.monster-status-mark:after {
	content: "";
	position: absolute;
	box-sizing: border-box;
}

.monster-mark-accounts:before,
.monster-mark-characters:before {
	left: 8px;
	top: 3px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: currentColor;
	box-shadow: -7px 7px 0 -1px currentColor, 7px 7px 0 -1px currentColor;
}

.monster-mark-accounts:after,
.monster-mark-characters:after {
	left: 3px;
	bottom: 2px;
	width: 18px;
	height: 9px;
	border-radius: 10px 10px 3px 3px;
	background: currentColor;
}

.monster-mark-characters:before {
	box-shadow: none;
}

.monster-mark-characters:after {
	left: 6px;
	width: 12px;
}

.monster-mark-guilds:before {
	left: 5px;
	top: 2px;
	width: 14px;
	height: 18px;
	background: currentColor;
	clip-path: polygon(50% 0, 96% 18%, 82% 72%, 50% 100%, 18% 72%, 4% 18%);
}

.monster-mark-exp:before {
	left: 3px;
	bottom: 4px;
	width: 18px;
	height: 14px;
	border-left: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
}

.monster-mark-exp:after {
	left: 8px;
	top: 8px;
	width: 13px;
	height: 9px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: skew(-18deg);
}

.monster-mark-drop:before {
	left: 5px;
	top: 9px;
	width: 14px;
	height: 11px;
	border-radius: 2px;
	background: currentColor;
}

.monster-mark-drop:after {
	left: 4px;
	top: 5px;
	width: 16px;
	height: 6px;
	border: 2px solid currentColor;
	border-radius: 8px 8px 2px 2px;
}

.monster-mark-reset:before {
	left: 2px;
	top: 7px;
	width: 20px;
	height: 10px;
	border: 3px solid currentColor;
	border-left-color: transparent;
	border-right-color: transparent;
	border-radius: 50%;
}

.monster-mark-reset:after {
	left: 10px;
	top: 7px;
	width: 4px;
	height: 10px;
	background: currentColor;
	transform: rotate(42deg);
}

.monster-mark-server:before {
	left: 4px;
	top: 5px;
	width: 16px;
	height: 14px;
	border: 2px solid currentColor;
	border-radius: 3px;
}

.monster-mark-server:after {
	left: 8px;
	top: 9px;
	width: 8px;
	height: 2px;
	background: currentColor;
	box-shadow: 0 4px 0 currentColor;
}

.monster-status-core {
	position: relative;
	display: grid;
	grid-template-columns: 42px auto;
	grid-template-rows: auto auto;
	align-items: center;
	column-gap: 12px;
	min-width: 236px;
	min-height: 84px;
	padding: 14px 30px 12px;
	border: 1px solid rgba(198, 186, 109, .42);
	border-radius: 16px;
	background:
		linear-gradient(180deg, rgba(12, 18, 16, .98), rgba(4, 8, 7, .98)),
		radial-gradient(circle at 50% 0%, rgba(47, 141, 84, .18), transparent 58%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 18px 40px rgba(0, 0, 0, .36), 0 0 28px rgba(198, 186, 109, .1);
	overflow: hidden;
}

.monster-status-core:before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	background: linear-gradient(110deg, transparent 18%, rgba(198, 186, 109, .14), transparent 44%);
	transform: translateX(-72%);
	animation: monsterStatusSweep 4.8s ease-in-out infinite;
}

.monster-status-orb {
	position: relative;
	z-index: 1;
	grid-row: 1 / -1;
	width: 32px;
	height: 32px;
	border: 2px solid #c6b55f;
	border-radius: 50%;
	box-shadow: 0 0 0 6px rgba(198, 181, 95, .06), 0 0 20px rgba(47, 141, 84, .18);
}

.monster-status-orb:before,
.monster-status-orb:after {
	content: "";
	position: absolute;
	inset: 6px 2px;
	border-left: 2px solid rgba(198, 181, 95, .72);
	border-right: 2px solid rgba(198, 181, 95, .72);
	border-radius: 50%;
}

.monster-status-orb:after {
	inset: 14px 3px;
	border: 0;
	border-top: 2px solid rgba(198, 181, 95, .72);
	border-radius: 0;
}

.monster-status-core .monster-status-label,
.monster-status-core .monster-status-value {
	position: relative;
	z-index: 1;
}

.monster-status-core .monster-status-label {
	margin: 0 0 4px;
	color: #9fa991 !important;
	font-size: 12px;
	letter-spacing: 1.6px;
}

.monster-status-core .monster-status-value {
	color: #e2c76c !important;
	font-size: 34px;
	line-height: .95;
	text-shadow: 0 0 18px rgba(47, 141, 84, .26), 0 16px 28px rgba(0, 0, 0, .55);
}

.monster-status-wing .monster-status-label {
	margin: 0 0 4px;
	color: #728271 !important;
	font-size: 10px;
	letter-spacing: 1.6px;
}

.monster-status-wing .monster-status-value {
	color: #e0d387 !important;
	font-size: 18px;
	line-height: 1;
}

.monster-status-item-server .monster-status-value {
	color: #89c46f !important;
	font-size: 18px !important;
}

.monster-status-strip.is-checking .monster-status-item-server .monster-status-value {
	color: #d9d37a !important;
}

@keyframes monsterStatusSweep {
	0%,
	52% {
		transform: translateX(-72%);
	}
	100% {
		transform: translateX(72%);
	}
}

@media only screen and (max-width: 1260px) {
	.monster-status-strip {
		width: calc(100% - 40px) !important;
		gap: 14px !important;
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	.monster-status-wing .monster-status-item {
		min-width: 104px;
		padding-left: 14px;
		padding-right: 14px;
	}

	.monster-status-core {
		min-width: 202px;
		padding-left: 22px;
		padding-right: 22px;
	}
}

@media only screen and (max-width: 960px) {
	.monster-hero {
		min-height: 690px !important;
	}

	.monster-status-strip {
		grid-template-columns: 1fr;
		bottom: 22px !important;
		width: calc(100% - 28px) !important;
		min-height: 0 !important;
		padding: 10px !important;
	}

	.monster-status-core {
		grid-row: 1;
		justify-self: center;
	}

	.monster-status-wing,
	.monster-status-wing-right {
		justify-content: center;
		flex-wrap: wrap;
	}

	.monster-status-wing .monster-status-item {
		border-left: 0 !important;
	}
}

@media only screen and (max-width: 620px) {
	.monster-status-wing .monster-status-item {
		width: 50%;
		min-width: 0;
		padding: 8px 10px;
	}

	.monster-status-core {
		width: 100%;
		min-width: 0;
		justify-content: center;
	}
}

/* Monster MU branded hero headline */
.monster-hero-inner {
	width: min(760px, 58vw) !important;
}

.monster-hero-title {
	margin: 0 0 10px !important;
	color: #9fb58b !important;
	font-family: 'PT Sans', Arial, sans-serif !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: 2px !important;
	text-transform: uppercase;
	text-shadow: 0 0 14px rgba(47, 141, 84, .24), 0 10px 26px rgba(0, 0, 0, .55) !important;
}

.monster-hero-logo {
	display: block;
	width: min(560px, 100%);
	max-height: 210px;
	object-fit: contain;
	margin: 0 auto 16px;
	filter: drop-shadow(0 0 18px rgba(47, 141, 84, .28)) drop-shadow(0 20px 34px rgba(0, 0, 0, .74));
	transform: translateZ(0);
	animation: monsterHeroLogoBreath 5.6s ease-in-out infinite;
}

.monster-hero-subtitle {
	max-width: 720px !important;
	margin-top: 0 !important;
	margin-bottom: 28px !important;
	color: #c8d6ae !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	text-shadow: 0 10px 24px rgba(0, 0, 0, .62);
}

@keyframes monsterHeroLogoBreath {
	0%,
	100% {
		transform: translateY(0) scale(1);
		filter: drop-shadow(0 0 18px rgba(47, 141, 84, .28)) drop-shadow(0 20px 34px rgba(0, 0, 0, .74));
	}
	50% {
		transform: translateY(-2px) scale(1.012);
		filter: drop-shadow(0 0 24px rgba(47, 141, 84, .34)) drop-shadow(0 22px 38px rgba(0, 0, 0, .78));
	}
}

@media only screen and (max-width: 960px) {
	.monster-hero-inner {
		width: min(640px, calc(100% - 32px)) !important;
	}

	.monster-hero-logo {
		width: min(500px, 100%);
	}
}

@media only screen and (max-width: 620px) {
	.monster-hero-title {
		font-size: 14px !important;
		letter-spacing: 1.4px !important;
	}

	.monster-hero-logo {
		width: min(390px, 100%);
		margin-bottom: 12px;
	}

	.monster-hero-subtitle {
		font-size: 15px !important;
		line-height: 1.45 !important;
	}
}

/* Monster MU hero compact logo spacing */
.monster-hero-inner {
	transform: translateY(-62px) !important;
}

.monster-season-badge {
	margin-bottom: 14px !important;
}

.monster-hero-title {
	margin-bottom: 8px !important;
}

.monster-hero-logo {
	width: min(520px, 100%) !important;
	max-height: none !important;
	margin: 0 auto 10px !important;
}

.monster-hero-subtitle {
	max-width: 760px !important;
	margin-bottom: 20px !important;
}

.monster-hero-actions {
	position: relative;
	z-index: 5;
	margin-top: 0 !important;
}

@media only screen and (max-width: 960px) {
	.monster-hero-inner {
		transform: translateY(-86px) !important;
	}

	.monster-hero-logo {
		width: min(470px, 100%) !important;
	}
}

@media only screen and (max-width: 620px) {
	.monster-hero-inner {
		transform: translateY(-94px) !important;
	}

	.monster-hero-logo {
		width: min(360px, 100%) !important;
		margin-bottom: 8px !important;
	}

	.monster-hero-subtitle {
		margin-bottom: 16px !important;
	}
}

/* Monster MU compact header logo */
.header-brand {
	width: 320px !important;
	height: 78px !important;
	overflow: visible !important;
}

.header-brand-logo {
	width: 255px !important;
	max-width: 255px !important;
	max-height: 76px !important;
	object-fit: contain;
	transform: none !important;
	filter: drop-shadow(0 0 14px rgba(47, 141, 84, .26)) drop-shadow(0 10px 18px rgba(0, 0, 0, .72)) !important;
}

.header-brand:hover .header-brand-logo {
	transform: translateY(-1px) scale(1.025) !important;
	filter: brightness(1.08) drop-shadow(0 0 18px rgba(47, 141, 84, .34)) drop-shadow(0 10px 18px rgba(0, 0, 0, .72)) !important;
}

@media only screen and (max-width: 1260px) {
	.header-brand {
		width: 260px !important;
	}

	.header-brand-logo {
		width: 215px !important;
		max-width: 215px !important;
	}
}

/* Monster MU home competition row */
.container-home .monster-home-competition-row {
	align-items: stretch;
}

.container-home .monster-home-competition-row .monster-home-card {
	min-height: 440px;
	border-color: rgba(46, 128, 73, .32) !important;
	background:
		linear-gradient(180deg, rgba(8, 17, 14, .98), rgba(3, 8, 7, .98)),
		radial-gradient(circle at 50% 0%, rgba(47, 141, 84, .12), transparent 42%) !important;
}

.container-home .monster-home-competition-row .monster-home-card > .panel-body {
	min-height: 376px !important;
}

.container-home .monster-home-ranking-table {
	table-layout: fixed;
}

.container-home .monster-home-ranking-table th:first-child,
.container-home .monster-home-ranking-table td:first-child {
	width: 44px;
}

.container-home .monster-home-ranking-table th:nth-child(3),
.container-home .monster-home-ranking-table td:nth-child(3),
.container-home .monster-home-ranking-table th:nth-child(4),
.container-home .monster-home-ranking-table td:nth-child(4) {
	width: 74px;
}

.container-home .monster-home-guild-table th:nth-child(2),
.container-home .monster-home-guild-table td:nth-child(2) {
	width: 58px;
}

.container-home .monster-home-guild-table th:nth-child(4),
.container-home .monster-home-guild-table td:nth-child(4) {
	width: 86px;
}

.container-home .monster-rank-place {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 25px;
	border: 1px solid rgba(198, 186, 109, .42);
	border-radius: 50%;
	color: #d9d37a;
	font-size: 12px;
	font-weight: 900;
	background: rgba(2, 10, 13, .58);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 0 14px rgba(47, 141, 84, .12);
}

.container-home .monster-rank-value {
	color: #d9d37a !important;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 16px !important;
	font-weight: 700;
	text-shadow: 0 0 12px rgba(47, 141, 84, .22);
}

.container-home .monster-guild-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 1px solid rgba(46, 128, 73, .32);
	border-radius: 7px;
	background: rgba(2, 10, 13, .52);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}

.container-home .monster-guild-mark img,
.monster-castle-emblem img {
	image-rendering: pixelated;
	image-rendering: crisp-edges;
}

.container-home .monster-home-empty-compact {
	min-height: 205px;
}

.container-home .monster-castle-card {
	z-index: 2;
	border-color: rgba(198, 186, 109, .42) !important;
	background:
		linear-gradient(180deg, rgba(11, 20, 15, .98), rgba(3, 8, 7, .98)),
		radial-gradient(circle at 50% 18%, rgba(198, 186, 109, .12), transparent 42%),
		radial-gradient(circle at 50% 46%, rgba(47, 141, 84, .14), transparent 46%) !important;
	box-shadow: 0 26px 76px rgba(0, 0, 0, .48), 0 0 36px rgba(198, 186, 109, .08) !important;
}

.container-home .monster-castle-card > .panel-heading {
	background:
		linear-gradient(90deg, rgba(36, 76, 43, .72), rgba(24, 25, 14, .96), rgba(36, 76, 43, .72)),
		radial-gradient(circle at 50% 0%, rgba(198, 186, 109, .13), transparent 46%) !important;
}

.container-home .monster-castle-body {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	min-height: 376px !important;
	padding: 16px 18px 18px !important;
	text-align: center;
}

.monster-castle-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	margin-bottom: 12px;
	padding: 0 13px;
	border: 1px solid rgba(46, 128, 73, .42);
	border-radius: 999px;
	color: #b9cf8c;
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
	background: rgba(2, 10, 13, .52);
	box-shadow: 0 0 16px rgba(47, 141, 84, .12);
}

.monster-castle-emblem {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 146px;
	height: 146px;
	margin: 0 auto 12px;
	border: 1px solid rgba(198, 186, 109, .38);
	border-radius: 18px;
	background:
		radial-gradient(circle at 50% 35%, rgba(198, 186, 109, .18), transparent 44%),
		linear-gradient(180deg, rgba(8, 18, 12, .78), rgba(2, 8, 7, .94));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 20px 40px rgba(0, 0, 0, .38), 0 0 28px rgba(47, 141, 84, .12);
}

.monster-castle-emblem:before {
	content: "";
	position: absolute;
	inset: 12px;
	border: 1px dashed rgba(198, 186, 109, .2);
	border-radius: 14px;
	pointer-events: none;
}

.monster-castle-owner-label {
	margin-bottom: 5px;
	color: #8fa779;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.monster-castle-owner {
	margin-bottom: 10px;
	color: #d9d37a;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.1;
	text-shadow: 0 0 18px rgba(47, 141, 84, .2), 0 14px 26px rgba(0, 0, 0, .5);
}

.monster-castle-owner a {
	color: #d9d37a !important;
}

.monster-castle-master {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	margin-bottom: 13px;
	padding: 8px 10px;
	border-top: 1px solid rgba(46, 128, 73, .2);
	border-bottom: 1px solid rgba(46, 128, 73, .2);
	color: #cbd7b6;
	background: rgba(2, 10, 13, .2);
}

.monster-castle-master span {
	color: #7f9274;
	font-size: 10px;
	font-weight: 900;
	text-transform: uppercase;
}

.monster-castle-master strong,
.monster-castle-master a {
	color: #e2dec0 !important;
	font-size: 13px;
	font-weight: 900;
}

.monster-castle-meta {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	width: 100%;
	margin-top: auto;
}

.monster-castle-meta div {
	min-height: 64px;
	padding: 9px 7px;
	border: 1px solid rgba(46, 128, 73, .22);
	border-radius: 8px;
	background: rgba(2, 10, 13, .42);
}

.monster-castle-meta span {
	display: block;
	margin-bottom: 5px;
	color: #7f9274;
	font-size: 10px;
	font-weight: 900;
	text-transform: uppercase;
}

.monster-castle-meta strong {
	display: block;
	color: #d9d37a;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.25;
}

@media only screen and (max-width: 1180px) {
	.container-home .monster-home-competition-row .monster-home-card,
	.container-home .monster-home-competition-row .monster-home-card > .panel-body {
		min-height: 0 !important;
	}
}

/* Keep the competition cards in one desktop row */
.container-home .monster-home-competition-row {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr) minmax(0, 1fr) !important;
	gap: 18px !important;
}

.container-home .monster-home-competition-row > .col-xs-4 {
	width: auto !important;
	min-width: 0 !important;
	float: none !important;
	padding: 0 !important;
}

@media only screen and (max-width: 1180px) {
	.container-home .monster-home-competition-row {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr) minmax(0, 1fr) !important;
		gap: 14px !important;
	}
}

@media only screen and (max-width: 900px) {
	.container-home .monster-home-competition-row {
		grid-template-columns: 1fr !important;
	}
}

/* Bootstrap row clearfix must not become grid cells */
.container-home .monster-home-competition-row:before,
.container-home .monster-home-competition-row:after {
	display: none !important;
	content: none !important;
}

/* Monster MU tabbed rankings and siege block */
.monster-rankings-siege-section {
	margin-top: 30px;
}

.monster-section-heading {
	display: flex;
	align-items: center;
	gap: 13px;
	margin: 0 0 28px;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(198, 186, 109, .5);
}

.monster-section-heading h2 {
	margin: 0;
	color: #d9d37a;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 25px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-shadow: 0 0 18px rgba(47, 141, 84, .2), 0 14px 28px rgba(0, 0, 0, .55);
}

.monster-section-icon {
	position: relative;
	width: 20px;
	height: 20px;
	color: #d9b34d;
}

.monster-section-icon:before {
	content: "";
	position: absolute;
	left: 4px;
	top: 2px;
	width: 12px;
	height: 11px;
	border: 3px solid currentColor;
	border-top: 0;
	border-radius: 0 0 8px 8px;
	box-shadow: 0 8px 0 -5px currentColor;
}

.monster-section-icon:after {
	content: "";
	position: absolute;
	left: 2px;
	top: 4px;
	width: 16px;
	height: 6px;
	border-left: 3px solid currentColor;
	border-right: 3px solid currentColor;
}

.monster-rankings-siege-grid {
	display: grid;
	grid-template-columns: minmax(0, 2.04fr) minmax(292px, .94fr);
	gap: 30px;
	align-items: stretch;
}

.monster-ranking-board,
.monster-siege-board {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(174, 133, 49, .72);
	border-radius: 8px;
	background:
		linear-gradient(180deg, rgba(7, 17, 24, .98), rgba(3, 9, 13, .98)),
		radial-gradient(circle at 50% 0%, rgba(47, 141, 84, .1), transparent 46%);
	box-shadow: 0 26px 70px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .05);
}

.monster-board-title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 58px;
	padding: 0 20px;
	border-bottom: 1px solid rgba(174, 133, 49, .62);
	background:
		linear-gradient(180deg, rgba(69, 57, 31, .94), rgba(49, 42, 26, .96)),
		radial-gradient(circle at 50% 0%, rgba(217, 179, 77, .13), transparent 46%);
}

.monster-board-title h3 {
	margin: 0;
	color: #d9d37a;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.monster-board-icon {
	position: relative;
	width: 20px;
	height: 20px;
	color: #d9b34d;
}

.monster-board-icon-trophy:before {
	content: "";
	position: absolute;
	left: 4px;
	top: 2px;
	width: 12px;
	height: 11px;
	border: 3px solid currentColor;
	border-top: 0;
	border-radius: 0 0 8px 8px;
}

.monster-board-icon-trophy:after {
	content: "";
	position: absolute;
	left: 7px;
	top: 14px;
	width: 6px;
	height: 4px;
	background: currentColor;
	box-shadow: -4px 4px 0 -1px currentColor, 4px 4px 0 -1px currentColor;
}

.monster-board-icon-castle:before {
	content: "";
	position: absolute;
	left: 3px;
	bottom: 2px;
	width: 14px;
	height: 13px;
	background: currentColor;
	clip-path: polygon(0 35%, 18% 35%, 18% 12%, 32% 12%, 32% 35%, 68% 35%, 68% 12%, 82% 12%, 82% 35%, 100% 35%, 100% 100%, 0 100%);
}

.monster-ranking-tabs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-bottom: 1px solid rgba(174, 133, 49, .72);
	background: rgba(3, 10, 16, .74);
}

.monster-ranking-tabs button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	border: 0;
	border-right: 1px solid rgba(174, 133, 49, .36);
	color: #cbd7b6;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	background: transparent;
	transition: color .18s ease, background .18s ease;
}

.monster-ranking-tabs button:before {
	content: "";
	width: 12px;
	height: 12px;
	border: 2px solid currentColor;
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .35);
}

.monster-ranking-tabs button:nth-child(2):before {
	border-radius: 3px;
	transform: rotate(45deg);
}

.monster-ranking-tabs button:nth-child(3):before {
	border: 0;
	border-radius: 0;
	background: currentColor;
	clip-path: polygon(50% 0, 64% 29%, 96% 35%, 73% 57%, 79% 90%, 50% 74%, 21% 90%, 27% 57%, 4% 35%, 36% 29%);
	box-shadow: none;
}

.monster-ranking-tabs button:last-child {
	border-right: 0;
}

.monster-ranking-tabs button:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, #d9b34d, transparent);
	transform: scaleX(0);
	transition: transform .18s ease;
}

.monster-ranking-tabs button:hover,
.monster-ranking-tabs button.is-active {
	color: #d9d37a;
	background: rgba(217, 179, 77, .08);
}

.monster-ranking-tabs button.is-active:after {
	transform: scaleX(1);
}

.monster-ranking-panels {
	padding: 26px 26px 18px;
}

.monster-ranking-panel {
	display: none;
}

.monster-ranking-panel.is-active {
	display: block;
}

.monster-ranking-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 8px;
}

.monster-ranking-table th {
	padding: 0 10px 10px;
	border-bottom: 1px solid rgba(174, 133, 49, .72);
	color: #9fac9a;
	font-size: 11px;
	font-weight: 900;
	text-align: center;
	text-transform: uppercase;
}

.monster-ranking-table th:nth-child(3),
.monster-ranking-table td:nth-child(3) {
	text-align: left;
}

.monster-ranking-table td {
	height: 54px;
	padding: 8px 10px;
	color: #e2dec0;
	font-size: 13px;
	font-weight: 800;
	text-align: center;
	background: rgba(18, 29, 38, .78);
	border-top: 1px solid rgba(255, 255, 255, .02);
	border-bottom: 1px solid rgba(0, 0, 0, .24);
}

.monster-ranking-table tr td:first-child {
	border-radius: 8px 0 0 8px;
}

.monster-ranking-table tr td:last-child {
	border-radius: 0 8px 8px 0;
}

.monster-ranking-table a {
	color: #d9d37a !important;
	font-weight: 900;
}

.monster-ranking-table strong {
	color: #e8e0a5;
}

.monster-medal {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 1px solid rgba(198, 186, 109, .62);
	border-radius: 50%;
	color: #d9d37a;
	font-size: 11px;
	font-weight: 900;
	background: rgba(2, 10, 13, .42);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 16px rgba(198, 186, 109, .22);
}

.monster-medal-1,
.monster-medal-2,
.monster-medal-3 {
	color: transparent;
}

.monster-medal-1:before,
.monster-medal-2:before,
.monster-medal-3:before {
	content: "";
	width: 10px;
	height: 14px;
	border: 2px solid currentColor;
	border-top: 0;
	border-radius: 0 0 8px 8px;
}

.monster-medal-1 {
	color: #d8cb2f;
}

.monster-medal-2 {
	color: #cfd5d1;
}

.monster-medal-3 {
	color: #cf7d25;
}

.monster-rank-avatar {
	width: 34px !important;
	height: 34px !important;
	border-radius: 7px;
	object-fit: cover;
	box-shadow: 0 0 0 1px rgba(198, 186, 109, .28), 0 8px 16px rgba(0, 0, 0, .32);
}

.monster-ranking-table .monster-guild-mark {
	width: 38px;
	height: 38px;
	margin: 0 auto;
}

.monster-ranking-footer {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0 26px 28px;
	padding-top: 16px;
	border-top: 1px solid rgba(174, 133, 49, .62);
}

.monster-ranking-footer a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 31px;
	height: 22px;
	border: 1px solid rgba(174, 133, 49, .72);
	border-radius: 6px;
	color: #d9d37a !important;
	font-size: 11px;
	font-weight: 900;
	background: rgba(217, 179, 77, .08);
}

.monster-siege-board {
	min-height: 610px;
}

.monster-siege-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 28px 26px 28px;
	text-align: center;
}

.monster-siege-emblem {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 136px;
	height: 136px;
	margin-bottom: 16px;
	border: 1px solid rgba(174, 133, 49, .76);
	border-radius: 14px;
	background: rgba(18, 29, 38, .78);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 20px 40px rgba(0, 0, 0, .35);
}

.monster-siege-emblem img {
	image-rendering: pixelated;
	image-rendering: crisp-edges;
}

.monster-siege-owner {
	margin-bottom: 16px;
	color: #d9d37a;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.monster-siege-owner a {
	color: #d9d37a !important;
}

.monster-siege-info,
.monster-siege-mini-list {
	display: grid;
	gap: 10px;
	width: 100%;
}

.monster-siege-info {
	margin-bottom: 16px;
}

.monster-siege-info div,
.monster-siege-mini-list div {
	padding: 12px 14px;
	border: 1px solid rgba(174, 133, 49, .58);
	border-radius: 8px;
	color: #e2dec0;
	text-align: left;
	background: rgba(18, 29, 38, .78);
}

.monster-siege-info span,
.monster-siege-mini-list span {
	display: block;
	margin-bottom: 4px;
	color: #8fa779;
	font-size: 10px;
	font-weight: 900;
	text-transform: uppercase;
}

.monster-siege-info strong,
.monster-siege-mini-list strong {
	color: #d9d37a;
	font-size: 13px;
	font-weight: 900;
	word-break: break-word;
}

.monster-siege-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 36px;
	margin-top: 18px;
	border: 1px solid rgba(174, 133, 49, .78);
	border-radius: 8px;
	color: #d9b34d !important;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	background: rgba(217, 179, 77, .08);
}

@media only screen and (max-width: 820px) {
	.monster-rankings-siege-grid {
		grid-template-columns: 1fr;
	}

	.monster-siege-board {
		min-height: 0;
	}
}

@media only screen and (max-width: 720px) {
	.monster-ranking-tabs,
	.monster-rankings-siege-grid {
		grid-template-columns: 1fr;
	}

	.monster-ranking-panels {
		padding: 18px 14px 12px;
	}

	.monster-ranking-table th:nth-child(2),
	.monster-ranking-table td:nth-child(2) {
		display: none;
	}
}

/* Monster MU venom palette for rankings and castle siege */
.monster-rankings-siege-section {
	--monster-venom: #2f8d54;
	--monster-venom-dark: #0b2417;
	--monster-venom-deep: #04100d;
	--monster-venom-soft: #8fa779;
	--monster-venom-bright: #89c46f;
	--monster-relic: #c6ba6d;
	--monster-ink: #020a0d;
}

.monster-rankings-siege-section .monster-section-heading {
	border-bottom-color: rgba(47, 141, 84, .58);
	box-shadow: inset 0 -1px 0 rgba(198, 186, 109, .1);
}

.monster-rankings-siege-section .monster-section-heading h2,
.monster-rankings-siege-section .monster-board-title h3,
.monster-rankings-siege-section .monster-ranking-table a,
.monster-rankings-siege-section .monster-ranking-table strong,
.monster-rankings-siege-section .monster-siege-owner,
.monster-rankings-siege-section .monster-siege-owner a,
.monster-rankings-siege-section .monster-siege-info strong,
.monster-rankings-siege-section .monster-siege-mini-list strong {
	color: var(--monster-relic) !important;
	text-shadow: 0 0 18px rgba(47, 141, 84, .26), 0 12px 26px rgba(0, 0, 0, .55);
}

.monster-rankings-siege-section .monster-section-icon,
.monster-rankings-siege-section .monster-board-icon {
	color: var(--monster-venom-bright);
	filter: drop-shadow(0 0 12px rgba(47, 141, 84, .44));
}

.monster-rankings-siege-section .monster-ranking-board,
.monster-rankings-siege-section .monster-siege-board {
	border-color: rgba(47, 141, 84, .7);
	background:
		radial-gradient(circle at 50% 0%, rgba(47, 141, 84, .18), transparent 42%),
		linear-gradient(180deg, rgba(5, 18, 15, .98), rgba(2, 10, 13, .99));
	box-shadow: 0 28px 74px rgba(0, 0, 0, .5), 0 0 34px rgba(47, 141, 84, .11), inset 0 1px 0 rgba(255, 255, 255, .05);
}

.monster-rankings-siege-section .monster-board-title {
	border-bottom-color: rgba(47, 141, 84, .62);
	background:
		radial-gradient(circle at 50% 0%, rgba(137, 196, 111, .14), transparent 48%),
		linear-gradient(180deg, rgba(13, 43, 27, .96), rgba(6, 21, 16, .98));
}

.monster-rankings-siege-section .monster-ranking-tabs {
	border-bottom-color: rgba(47, 141, 84, .64);
	background: rgba(2, 10, 13, .8);
}

.monster-rankings-siege-section .monster-ranking-tabs button {
	border-right-color: rgba(47, 141, 84, .36);
	color: #9fb58b;
}

.monster-rankings-siege-section .monster-ranking-tabs button:after {
	background: linear-gradient(90deg, transparent, var(--monster-venom-bright), var(--monster-relic), transparent);
}

.monster-rankings-siege-section .monster-ranking-tabs button:hover,
.monster-rankings-siege-section .monster-ranking-tabs button.is-active {
	color: var(--monster-relic);
	background: rgba(47, 141, 84, .12);
}

.monster-rankings-siege-section .monster-ranking-table th {
	border-bottom-color: rgba(47, 141, 84, .58);
	color: #7f9274;
}

.monster-rankings-siege-section .monster-ranking-table td {
	background:
		radial-gradient(circle at 8% 50%, rgba(47, 141, 84, .11), transparent 44%),
		rgba(9, 23, 22, .84);
}

.monster-rankings-siege-section .monster-medal {
	border-color: rgba(47, 141, 84, .62);
	background: rgba(2, 10, 13, .58);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 16px rgba(47, 141, 84, .25);
}

.monster-rankings-siege-section .monster-medal-1 {
	color: var(--monster-relic);
	border-color: rgba(198, 186, 109, .74);
}

.monster-rankings-siege-section .monster-medal-2 {
	color: var(--monster-venom-bright);
}

.monster-rankings-siege-section .monster-medal-3 {
	color: #5aa865;
}

.monster-rankings-siege-section .monster-medal-1,
.monster-rankings-siege-section .monster-medal-2,
.monster-rankings-siege-section .monster-medal-3 {
	position: relative;
	font-size: 0;
	background:
		radial-gradient(circle at 50% 28%, rgba(255, 255, 255, .18), transparent 34%),
		rgba(2, 10, 13, .72);
}

.monster-rankings-siege-section .monster-medal-1 {
	color: #d7c24f;
	border-color: rgba(215, 194, 79, .82);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 0 20px rgba(198, 186, 109, .32);
}

.monster-rankings-siege-section .monster-medal-2 {
	color: #dfe8dc;
	border-color: rgba(143, 167, 121, .78);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 0 18px rgba(47, 141, 84, .28);
}

.monster-rankings-siege-section .monster-medal-3 {
	color: #b56b34;
	border-color: rgba(181, 107, 52, .78);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 0 18px rgba(181, 107, 52, .24);
}

.monster-rankings-siege-section .monster-medal-1:before,
.monster-rankings-siege-section .monster-medal-2:before,
.monster-rankings-siege-section .monster-medal-3:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 8px;
	width: 14px;
	height: 12px;
	border: 2px solid currentColor;
	border-top: 0;
	border-radius: 0 0 8px 8px;
	background: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(0, 0, 0, .08));
	box-shadow: 0 11px 0 -5px currentColor, 0 15px 0 -6px currentColor;
	transform: translateX(-50%);
}

.monster-rankings-siege-section .monster-medal-1:after,
.monster-rankings-siege-section .monster-medal-2:after,
.monster-rankings-siege-section .monster-medal-3:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 7px;
	width: 24px;
	height: 9px;
	border-left: 2px solid currentColor;
	border-right: 2px solid currentColor;
	border-radius: 12px;
	transform: translateX(-50%);
}

.monster-rankings-siege-section .monster-rank-avatar {
	box-shadow: 0 0 0 1px rgba(47, 141, 84, .42), 0 8px 16px rgba(0, 0, 0, .34);
}

.monster-rankings-siege-section .monster-ranking-footer {
	border-top-color: rgba(47, 141, 84, .55);
}

.monster-rankings-siege-section .monster-ranking-footer a,
.monster-rankings-siege-section .monster-siege-more,
.monster-rankings-siege-section .monster-siege-emblem,
.monster-rankings-siege-section .monster-siege-info div,
.monster-rankings-siege-section .monster-siege-mini-list div {
	border-color: rgba(47, 141, 84, .56);
	background: rgba(6, 21, 16, .76);
}

.monster-rankings-siege-section .monster-ranking-footer a,
.monster-rankings-siege-section .monster-siege-more {
	color: var(--monster-venom-bright) !important;
}

.monster-rankings-siege-section .monster-ranking-footer a:hover,
.monster-rankings-siege-section .monster-siege-more:hover {
	color: var(--monster-relic) !important;
	border-color: rgba(198, 186, 109, .6);
	background: rgba(47, 141, 84, .18);
}

.monster-rankings-siege-section .monster-siege-emblem {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 20px 42px rgba(0, 0, 0, .36), 0 0 24px rgba(47, 141, 84, .16);
}

.monster-rankings-siege-section .monster-siege-info span,
.monster-rankings-siege-section .monster-siege-mini-list span {
	color: var(--monster-venom-soft);
}

/* Monster MU premium ranking table */
.monster-rankings-siege-section .monster-ranking-panels {
	padding: 24px 24px 16px;
}

.monster-rankings-siege-section .monster-ranking-table {
	table-layout: fixed;
	border-spacing: 0 10px;
}

.monster-rankings-siege-section .monster-ranking-table th {
	height: 38px;
	padding: 0 12px;
	border: 0;
	color: #7e987f;
	font-size: 10px;
	letter-spacing: .8px;
	background: rgba(2, 10, 13, .56);
}

.monster-rankings-siege-section .monster-ranking-table th:first-child {
	border-radius: 8px 0 0 8px;
}

.monster-rankings-siege-section .monster-ranking-table th:last-child {
	border-radius: 0 8px 8px 0;
}

.monster-rankings-siege-section .monster-ranking-table th:nth-child(1),
.monster-rankings-siege-section .monster-ranking-table td:nth-child(1) {
	width: 74px;
}

.monster-rankings-siege-section .monster-ranking-table th:nth-child(2),
.monster-rankings-siege-section .monster-ranking-table td:nth-child(2) {
	width: 78px;
}

.monster-rankings-siege-section .monster-ranking-table th:nth-child(4),
.monster-rankings-siege-section .monster-ranking-table td:nth-child(4),
.monster-rankings-siege-section .monster-ranking-table th:nth-child(5),
.monster-rankings-siege-section .monster-ranking-table td:nth-child(5) {
	width: 92px;
}

.monster-rankings-siege-section .monster-ranking-table tbody tr {
	position: relative;
	transition: filter .18s ease, transform .18s ease;
}

.monster-rankings-siege-section .monster-ranking-table tbody tr:hover {
	filter: brightness(1.08);
	transform: translateY(-1px);
}

.monster-rankings-siege-section .monster-ranking-table td {
	height: 64px;
	padding: 10px 12px;
	border-top: 1px solid rgba(47, 141, 84, .22);
	border-bottom: 1px solid rgba(0, 0, 0, .48);
	color: #dce5cd;
	font-size: 13px;
	background:
		linear-gradient(90deg, rgba(6, 25, 18, .96), rgba(11, 28, 27, .92)),
		radial-gradient(circle at 0% 50%, rgba(47, 141, 84, .22), transparent 42%);
	transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.monster-rankings-siege-section .monster-ranking-table td:first-child {
	border-left: 1px solid rgba(47, 141, 84, .24);
	border-radius: 10px 0 0 10px;
}

.monster-rankings-siege-section .monster-ranking-table td:last-child {
	border-right: 1px solid rgba(47, 141, 84, .24);
	border-radius: 0 10px 10px 0;
}

.monster-rankings-siege-section .monster-ranking-table tbody tr:hover td {
	border-top-color: rgba(137, 196, 111, .46);
	background:
		linear-gradient(90deg, rgba(8, 34, 22, .98), rgba(13, 35, 32, .94)),
		radial-gradient(circle at 0% 50%, rgba(137, 196, 111, .24), transparent 46%);
}

.monster-rankings-siege-section .monster-ranking-table tbody tr:hover td:first-child {
	box-shadow: inset 3px 0 0 rgba(137, 196, 111, .82), -10px 0 24px rgba(47, 141, 84, .1);
}

.monster-rankings-siege-section .monster-ranking-table .monster-rank-row-1 td {
	border-top-color: rgba(198, 186, 109, .44);
	background:
		linear-gradient(90deg, rgba(39, 47, 21, .98), rgba(9, 30, 22, .94)),
		radial-gradient(circle at 6% 50%, rgba(198, 186, 109, .24), transparent 42%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.monster-rankings-siege-section .monster-ranking-table .monster-rank-row-2 td {
	background:
		linear-gradient(90deg, rgba(20, 38, 30, .98), rgba(8, 27, 22, .94)),
		radial-gradient(circle at 6% 50%, rgba(137, 196, 111, .18), transparent 42%);
}

.monster-rankings-siege-section .monster-ranking-table .monster-rank-row-3 td {
	background:
		linear-gradient(90deg, rgba(38, 30, 20, .95), rgba(8, 26, 21, .94)),
		radial-gradient(circle at 6% 50%, rgba(181, 107, 52, .16), transparent 42%);
}

.monster-rankings-siege-section .monster-ranking-table a {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	color: #dfe8a3 !important;
	font-size: 13px;
	text-decoration: none !important;
	text-shadow: 0 0 14px rgba(47, 141, 84, .22);
}

.monster-rankings-siege-section .monster-ranking-table a:hover {
	color: #ffffff !important;
}

.monster-rankings-siege-section .monster-ranking-table strong {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 48px;
	height: 28px;
	padding: 0 10px;
	border: 1px solid rgba(47, 141, 84, .34);
	border-radius: 999px;
	color: #edf6bb !important;
	background: rgba(2, 10, 13, .48);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.monster-rankings-siege-section .monster-rank-avatar,
.monster-rankings-siege-section .monster-ranking-table .monster-guild-mark img {
	width: 42px !important;
	height: 42px !important;
	border-radius: 9px;
}

.monster-rankings-siege-section .monster-rank-avatar {
	object-fit: cover;
}

.monster-rankings-siege-section .monster-ranking-table .monster-guild-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border: 1px solid rgba(47, 141, 84, .34);
	border-radius: 11px;
	background: rgba(2, 10, 13, .46);
}

.monster-rankings-siege-section .monster-home-empty-compact {
	margin: 0;
	min-height: 96px;
	border-radius: 10px;
	background: rgba(2, 10, 13, .48);
}

@media only screen and (max-width: 720px) {
	.monster-rankings-siege-section .monster-ranking-table th:nth-child(4),
	.monster-rankings-siege-section .monster-ranking-table td:nth-child(4),
	.monster-rankings-siege-section .monster-ranking-table th:nth-child(5),
	.monster-rankings-siege-section .monster-ranking-table td:nth-child(5) {
		width: 76px;
	}
}

/* Monster MU flat ranking rows */
.monster-rankings-siege-section .monster-ranking-table td,
.monster-rankings-siege-section .monster-ranking-table .monster-rank-row-1 td,
.monster-rankings-siege-section .monster-ranking-table .monster-rank-row-2 td,
.monster-rankings-siege-section .monster-ranking-table .monster-rank-row-3 td {
	background: #071612;
	border-top-color: rgba(47, 141, 84, .26);
}

.monster-rankings-siege-section .monster-ranking-table tbody tr:hover td {
	background: #092019;
	border-top-color: rgba(137, 196, 111, .42);
}

.monster-rankings-siege-section .monster-ranking-table .monster-rank-row-1 td {
	border-top-color: rgba(198, 186, 109, .38);
}

.monster-rankings-siege-section .monster-ranking-table .monster-rank-row-2 td {
	border-top-color: rgba(137, 196, 111, .34);
}

.monster-rankings-siege-section .monster-ranking-table .monster-rank-row-3 td {
	border-top-color: rgba(181, 107, 52, .32);
}

/* Monster MU server information page */
.monster-info-page {
	--monster-venom: #2f8d54;
	--monster-venom-soft: #8fa779;
	--monster-venom-bright: #89c46f;
	--monster-relic: #c6ba6d;
	--monster-row: #071612;
	--monster-row-hover: #092019;
	margin-top: 8px;
}

.monster-info-heading {
	margin-bottom: 24px;
}

.monster-info-summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin-bottom: 24px;
}

.monster-info-stat,
.monster-info-card {
	border: 1px solid rgba(47, 141, 84, .62);
	border-radius: 8px;
	background:
		radial-gradient(circle at 50% 0%, rgba(47, 141, 84, .14), transparent 44%),
		linear-gradient(180deg, rgba(5, 18, 15, .98), rgba(2, 10, 13, .99));
	box-shadow: 0 22px 56px rgba(0, 0, 0, .4), 0 0 26px rgba(47, 141, 84, .08), inset 0 1px 0 rgba(255, 255, 255, .04);
}

.monster-info-stat {
	position: relative;
	min-height: 94px;
	padding: 22px 20px;
	overflow: hidden;
}

.monster-info-stat:before {
	content: "";
	position: absolute;
	left: 0;
	top: 18px;
	bottom: 18px;
	width: 3px;
	background: linear-gradient(180deg, transparent, var(--monster-venom-bright), transparent);
	box-shadow: 0 0 16px rgba(47, 141, 84, .42);
}

.monster-info-stat span {
	display: block;
	margin-bottom: 8px;
	color: var(--monster-venom-soft);
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.monster-info-stat strong {
	color: var(--monster-relic);
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
	text-shadow: 0 0 18px rgba(47, 141, 84, .28), 0 12px 24px rgba(0, 0, 0, .5);
}

.monster-info-stat-online strong {
	color: var(--monster-venom-bright);
}

.monster-info-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	margin-bottom: 24px;
}

.monster-info-grid-top {
	align-items: stretch;
}

.monster-info-card {
	overflow: hidden;
}

.monster-info-card-wide {
	margin-bottom: 24px;
}

.monster-info-card-title {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 58px;
	padding: 0 22px;
	border-bottom: 1px solid rgba(47, 141, 84, .58);
	background:
		radial-gradient(circle at 50% 0%, rgba(137, 196, 111, .12), transparent 48%),
		linear-gradient(180deg, rgba(13, 43, 27, .96), rgba(6, 21, 16, .98));
}

.monster-info-card-title h3 {
	margin: 0;
	color: var(--monster-relic);
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: 0 0 18px rgba(47, 141, 84, .24);
}

.monster-info-card-title small {
	margin-left: auto;
	color: #7f9274;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .8px;
	text-transform: uppercase;
}

.monster-info-title-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--monster-venom-bright);
	box-shadow: 0 0 0 5px rgba(47, 141, 84, .12), 0 0 18px rgba(47, 141, 84, .5);
}

.monster-info-table-wrap {
	overflow-x: auto;
	padding-bottom: 2px;
}

.monster-info-table {
	width: 100%;
	margin: 0;
	padding: 18px 22px 20px;
	border-collapse: separate;
	border-spacing: 0 8px;
	table-layout: fixed;
}

.monster-info-table th {
	height: 38px;
	padding: 0 14px;
	border: 0;
	color: #7e987f;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .8px;
	text-align: left;
	text-transform: uppercase;
	background: rgba(2, 10, 13, .56);
}

.monster-info-table th:first-child {
	border-radius: 8px 0 0 8px;
}

.monster-info-table th:last-child {
	border-radius: 0 8px 8px 0;
}

.monster-info-table th:not(:first-child),
.monster-info-table td:not(:first-child) {
	text-align: center;
}

.monster-info-table td {
	height: 54px;
	padding: 10px 14px;
	border-top: 1px solid rgba(47, 141, 84, .26);
	border-bottom: 1px solid rgba(0, 0, 0, .48);
	color: #dce5cd;
	font-size: 13px;
	font-weight: 800;
	background: var(--monster-row);
	transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.monster-info-table td:first-child {
	border-left: 1px solid rgba(47, 141, 84, .24);
	border-radius: 10px 0 0 10px;
	color: #aabca0;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: .5px;
}

.monster-info-table td:last-child {
	border-right: 1px solid rgba(47, 141, 84, .24);
	border-radius: 0 10px 10px 0;
}

.monster-info-table tr:hover td {
	border-top-color: rgba(137, 196, 111, .42);
	background: var(--monster-row-hover);
}

.monster-info-table strong {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 74px;
	min-height: 28px;
	padding: 0 11px;
	border: 1px solid rgba(47, 141, 84, .34);
	border-radius: 999px;
	color: #edf6bb;
	background: rgba(2, 10, 13, .48);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.monster-info-command-table td:first-child {
	width: 34%;
	text-transform: none;
}

.monster-info-command-table code {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 0 10px;
	border: 1px solid rgba(47, 141, 84, .36);
	border-radius: 7px;
	color: var(--monster-relic);
	font-family: Consolas, Monaco, monospace;
	font-size: 12px;
	font-weight: 900;
	background: rgba(2, 10, 13, .58);
}

.monster-info-video-card {
	margin-bottom: 0;
}

.monster-info-video {
	padding: 22px;
}

.monster-info-video iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
	border: 1px solid rgba(47, 141, 84, .36);
	border-radius: 8px;
	background: #020a0d;
	box-shadow: 0 18px 46px rgba(0, 0, 0, .35);
}

@media only screen and (max-width: 980px) {
	.monster-info-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.monster-info-grid {
		grid-template-columns: 1fr;
	}
}

@media only screen and (max-width: 640px) {
	.monster-info-summary {
		grid-template-columns: 1fr;
	}

	.monster-info-card-title {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
		padding: 16px;
	}

	.monster-info-card-title small {
		margin-left: 0;
	}

	.monster-info-table {
		min-width: 520px;
		padding: 14px;
	}

	.monster-info-command-table {
		min-width: 0;
	}

	.monster-info-command-table td,
	.monster-info-command-table td:first-child {
		display: block;
		width: 100%;
		border-radius: 0;
		text-align: left;
	}

	.monster-info-command-table td:first-child {
		border-radius: 10px 10px 0 0;
		border-right: 1px solid rgba(47, 141, 84, .24);
	}

	.monster-info-command-table td:last-child {
		border-left: 1px solid rgba(47, 141, 84, .24);
		border-radius: 0 0 10px 10px;
	}
}

/* Monster MU interactive hero particles */
.monster-hero {
	--monster-px: 0px;
	--monster-py: 0px;
	--monster-px-soft: 0px;
	--monster-py-soft: 0px;
	--monster-px-fast: 0px;
	--monster-py-fast: 0px;
}

.monster-hero-particles {
	opacity: .98;
	transform: translate3d(var(--monster-px-soft), var(--monster-py-soft), 0);
	transition: transform .18s ease-out, opacity .22s ease;
	will-change: transform;
}

.monster-hero-particles:before,
.monster-hero-particles:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 48%;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	pointer-events: none;
	background: rgba(198, 186, 109, .86);
	box-shadow:
		-780px -230px 0 rgba(198, 186, 109, .34),
		-720px -80px 0 rgba(47, 141, 84, .38),
		-650px 130px 0 rgba(198, 186, 109, .32),
		-570px -285px 0 rgba(47, 141, 84, .26),
		-500px 32px 0 rgba(198, 186, 109, .4),
		-410px 205px 0 rgba(47, 141, 84, .28),
		-340px -92px 0 rgba(198, 186, 109, .36),
		-260px -250px 0 rgba(47, 141, 84, .3),
		-180px 92px 0 rgba(198, 186, 109, .42),
		-80px -154px 0 rgba(47, 141, 84, .34),
		70px 170px 0 rgba(198, 186, 109, .38),
		160px -262px 0 rgba(47, 141, 84, .3),
		245px 32px 0 rgba(198, 186, 109, .44),
		330px -132px 0 rgba(47, 141, 84, .36),
		430px 192px 0 rgba(198, 186, 109, .34),
		520px -230px 0 rgba(47, 141, 84, .3),
		610px 80px 0 rgba(198, 186, 109, .38),
		720px -90px 0 rgba(47, 141, 84, .34),
		805px 180px 0 rgba(198, 186, 109, .28);
	transform: translate3d(var(--monster-px), var(--monster-py), 0);
	transition: transform .16s ease-out, filter .2s ease, opacity .2s ease;
	animation: monsterParticleDrift 9s linear infinite;
	will-change: transform;
}

.monster-hero-particles:after {
	top: 42%;
	width: 2px;
	height: 2px;
	background: rgba(47, 141, 84, .9);
	box-shadow:
		-830px -120px 0 rgba(47, 141, 84, .36),
		-760px 230px 0 rgba(198, 186, 109, .24),
		-690px -315px 0 rgba(198, 186, 109, .3),
		-605px 12px 0 rgba(47, 141, 84, .42),
		-520px 288px 0 rgba(198, 186, 109, .28),
		-455px -178px 0 rgba(47, 141, 84, .36),
		-365px 118px 0 rgba(198, 186, 109, .34),
		-275px -18px 0 rgba(47, 141, 84, .44),
		-145px 250px 0 rgba(198, 186, 109, .26),
		-30px -300px 0 rgba(47, 141, 84, .3),
		95px -70px 0 rgba(198, 186, 109, .36),
		190px 245px 0 rgba(47, 141, 84, .3),
		290px -208px 0 rgba(198, 186, 109, .32),
		385px 78px 0 rgba(47, 141, 84, .42),
		500px 285px 0 rgba(198, 186, 109, .26),
		575px -318px 0 rgba(47, 141, 84, .28),
		670px -42px 0 rgba(198, 186, 109, .36),
		760px 215px 0 rgba(47, 141, 84, .34),
		850px -164px 0 rgba(198, 186, 109, .26);
	transform: translate3d(var(--monster-px-fast), var(--monster-py-fast), 0);
	animation-duration: 12s;
	animation-delay: -5s;
}

.monster-hero.is-pointer-active .monster-hero-particles,
.monster-hero:hover .monster-hero-particles {
	opacity: 1;
}

.monster-hero.is-pointer-active .monster-hero-particles:before,
.monster-hero.is-pointer-active .monster-hero-particles:after {
	filter: brightness(1.28) drop-shadow(0 0 8px rgba(47, 141, 84, .32));
}

.monster-hero.is-pointer-active:after {
	opacity: .72;
}