/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 * Licensed under the MIT license
 * http://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;
}

.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: #f1f1f1;
    border: 1px solid #e3e3e3;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #ff0000;
}

.btn-primary {
    color: #3f6588;
    background-color: transparent;
	border-color: #3f6588;
	-moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    color: #fff !important;
    background-color: #3f6588 !important;
	border-color: #3f6588 !important;
}

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

html {
	scroll-behavior: smooth;
}

#bg-video {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	z-index: -100;
}

#bg-video-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.28);
	z-index: -99;
}

body.home-layout {
	overflow: hidden;
}

body.home-layout #container.home-container-fullwidth {
	width: 100%;
	max-width: none;
	background: transparent;
	padding: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

body.home-layout #container.home-container-fullwidth #content {
	padding: 0px;
	min-height: 0px;
	overflow: visible;
}

body.home-layout .global-top-bar,
body.home-layout .header-info-container {
	display: none;
}

body.home-layout .home-fixed-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 22px;
	background: rgba(0, 0, 0, 0.38);
	backdrop-filter: blur(8px);
	border-bottom: 1px solid rgba(255, 218, 138, 0.2);
	z-index: 110;
}

body.home-layout .home-fixed-nav-left,
body.home-layout .home-fixed-nav-right {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 10px;
}

body.home-layout .home-fixed-nav-right {
	justify-content: flex-end;
	flex-direction: row;
	align-items: center;
}

body.home-layout .home-fixed-nav-right-main {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

body.home-layout .home-fixed-admincp {
	display: inline-block;
	padding: 7px 12px;
	border: 1px solid rgba(255, 218, 138, 0.7);
	color: #ffda8a !important;
	background: rgba(18, 14, 6, 0.45);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

body.home-layout .home-fixed-admincp:hover {
	border-color: #ffda8a;
	background: rgba(255, 218, 138, 0.22);
	color: #ffffff !important;
}

body.home-layout .home-fixed-nav-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

body.home-layout .home-fixed-nav-center ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	margin: 0px;
	padding: 0px;
}

body.home-layout .home-fixed-nav-center ul li {
	list-style-type: none;
	display: inline-flex;
}

body.home-layout .home-fixed-nav-center ul li a {
	color: #ffda8a !important;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0px;
}

body.home-layout .home-fixed-nav-center ul li a:hover {
	color: #ffffff !important;
}

body.home-layout .home-fixed-brand {
	display: inline-flex;
	align-items: center;
}

body.home-layout .home-fixed-logo {
	max-height: 46px;
	width: auto;
	filter: drop-shadow(0px 3px 8px rgba(0, 0, 0, 0.55));
}

body.home-layout .home-fixed-nav .webengine-language-switcher {
	margin: 0px;
}

body.home-layout .home-fixed-nav .webengine-language-switcher li a {
	font-size: 11px;
	padding: 2px 6px;
}

body.home-layout .home-fixed-cta {
	display: inline-block;
	padding: 7px 12px;
	border: 1px solid rgba(255, 218, 138, 0.7);
	color: #ffda8a !important;
	background: rgba(18, 14, 6, 0.45);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

body.home-layout .home-fixed-cta:hover {
	background: rgba(255, 218, 138, 0.22);
	border-color: #ffda8a;
	color: #ffffff !important;
}

body.home-layout #navbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.45);
	border-bottom: 1px solid rgba(255, 218, 138, 0.18);
	backdrop-filter: blur(8px);
	z-index: 95;
}

body.home-layout #navbar ul li a {
	color: #ffffff !important;
	text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.6);
}

body.home-layout #navbar ul li a:hover {
	color: #ffda8a !important;
}

body.home-layout #header {
	position: absolute;
	top: 58px;
	left: 0;
	width: 100%;
	padding: 10px 0px 0px 0px;
	z-index: 41;
}

body.home-layout #header .webengine-mu-logo {
	max-width: 320px;
	width: 100%;
	height: auto;
	filter: drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.55));
}

.home-sections-wrapper {
	margin: 0px;
}

.home-dots-nav {
	position: fixed;
	left: 26px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	gap: 14px;
	z-index: 70;
}

.home-dot {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 218, 138, 0.45);
	transition: transform .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

.home-dot::before {
	content: '';
	width: 18px;
	height: 18px;
	background-color: #ffffff;
	transition: filter .2s ease, background-color .2s ease;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
}

.home-dots-nav .home-dot:nth-child(1)::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 3 10h2v10h5v-6h4v6h5V10h2z' fill='%23000'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 3 10h2v10h5v-6h4v6h5V10h2z' fill='%23000'/%3E%3C/svg%3E");
}

.home-dots-nav .home-dot:nth-child(2)::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v14H4zm2 2v2h12V7zm0 4v6h8v-6z' fill='%23000'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v14H4zm2 2v2h12V7zm0 4v6h8v-6z' fill='%23000'/%3E%3C/svg%3E");
}

.home-dots-nav .home-dot:nth-child(3)::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h10v4h4v3c0 3.31-2.69 6-6 6a6 6 0 0 1-2 2v2h4v2H7v-2h4v-2a6 6 0 0 1-2-2c-3.31 0-6-2.69-6-6V7h4zm-2 6a4 4 0 0 0 3 3.87V9zm14 0v3.87A4 4 0 0 0 22 9z' fill='%23000'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h10v4h4v3c0 3.31-2.69 6-6 6a6 6 0 0 1-2 2v2h4v2H7v-2h4v-2a6 6 0 0 1-2-2c-3.31 0-6-2.69-6-6V7h4zm-2 6a4 4 0 0 0 3 3.87V9zm14 0v3.87A4 4 0 0 0 22 9z' fill='%23000'/%3E%3C/svg%3E");
}

.home-dots-nav .home-dot:nth-child(4)::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 4 5v7c0 5.55 3.84 10.74 8 12 4.16-1.26 8-6.45 8-12V5z' fill='%23000'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 4 5v7c0 5.55 3.84 10.74 8 12 4.16-1.26 8-6.45 8-12V5z' fill='%23000'/%3E%3C/svg%3E");
}

.home-dot:hover {
	background: rgba(22, 22, 22, 0.62);
	border-color: rgba(255, 218, 138, 0.75);
	transform: scale(1.1);
	box-shadow: 0px 0px 12px rgba(255, 200, 80, 0.22);
}

.home-dot.is-active {
	border: 2px solid rgba(255, 218, 138, 0.95);
	background: rgba(24, 20, 10, 0.62);
	box-shadow: 0px 0px 16px rgba(255, 195, 70, 0.42);
	transform: scale(1.08);
}

.home-dot.is-active::before {
	background-color: #ffe3a3;
	filter: drop-shadow(0px 0px 6px rgba(255, 215, 125, 0.95));
}

.home-section {
	position: relative;
	min-height: 100vh;
	height: 100vh;
	width: 100%;
	display: flex;
	align-items: center;
	padding: 120px 60px 40px 60px;
	background: linear-gradient(180deg, rgba(6, 10, 20, 0.88), rgba(14, 24, 44, 0.94));
	color: #ffffff;
	scroll-margin-top: 95px;
}

.home-section + .home-section {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.home-section-inner {
	width: 100%;
	max-width: 1040px;
	margin: 0px auto;
	opacity: 0;
	transform: scale(0.95);
	transition: opacity .8s ease, transform .8s ease;
}

.home-section.active .home-section-inner {
	opacity: 1;
	transform: scale(1);
}

.home-section .home-section-heading,
.home-section .home-hero-content,
.home-section .home-news-grid,
.home-section .home-ranking-grid,
.home-section .class-showcase {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity .8s ease, transform .8s ease;
}

.home-section.active .home-section-heading,
.home-section.active .home-hero-content,
.home-section.active .home-news-grid,
.home-section.active .home-ranking-grid,
.home-section.active .class-showcase {
	opacity: 1;
	transform: translateY(0px);
}

.home-section-principal {
	background: transparent;
	padding-top: 248px;
}

#noticias.home-section {
	background-image: url('../img/Zioonbg.png');
	background-color: rgba(0, 0, 0, 0.34);
	background-blend-mode: darken;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

#rankings.home-section {
	background-image: url('../img/Zioonbg.png');
	background-color: rgba(0, 0, 0, 0.34);
	background-blend-mode: darken;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

#clases.home-section {
	background-image: url('../img/zioonclass.png');
	background-color: rgba(0, 0, 0, 0.45);
	background-blend-mode: darken;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

.home-hero-content {
	max-width: 760px;
	margin: 0px auto;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 20px;
}

.home-kicker,
.home-section-heading span,
.home-card-label {
	display: inline-block;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 12px;
	color: #ffda8a;
	margin-bottom: 15px;
}

.home-hero-content h1 {
	margin: 0px 0px 5px 0px;
	font-family: 'Cinzel', serif;
	font-weight: 700;
	font-size: 52px;
	background: linear-gradient(115deg, #fff8de 0%, #ffda8a 14%, #ffffff 24%, #d94a3b 48%, #ffffff 62%, #46be6f 82%, #f7f2e2 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 170% 170%;
	filter: drop-shadow(0 0 6px rgba(255, 218, 138, 0.45)) drop-shadow(0 0 10px rgba(217, 74, 59, 0.35)) drop-shadow(0 0 14px rgba(70, 190, 111, 0.3));
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2), 0 2px 8px rgba(0, 0, 0, 0.38);
}

.home-section-heading h2 {
	margin: 0px 0px 5px 0px;
	font-family: 'Cinzel', serif;
	font-size: 52px;
	color: #ffffff;
}

.home-hero-text,
.home-section-heading p {
	max-width: 720px;
	font-size: 18px;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.82);
	margin-bottom: 30px;
}

.home-hero-actions,
.home-hero-nav,
.home-section-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.home-hero-actions {
	margin-bottom: 18px;
	justify-content: center;
}

.home-status-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 14px;
}

.home-status-card {
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding: 5px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 58px;
	border-radius: 999px;
}

.home-status-stack {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	text-align: center;
}

.home-status-line-primary {
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
}

.home-status-line-primary strong {
	font-size: 24px;
	font-weight: 700;
	color: #ffda8a;
}

.home-status-line-secondary {
	font-size: 14px;
	color: rgba(255, 218, 138, 0.72);
}

.home-status-line-secondary time {
	font-family: 'Roboto', sans-serif;
	color: rgba(255, 255, 255, 0.9);
	font-size: 15px;
	font-weight: 600;
}

.home-status-card-online {
	justify-content: center;
	background: transparent;
	border: none;
	backdrop-filter: none;
	padding: 0px;
}

.home-online-circle {
	width: 104px;
	height: 104px;
	border-radius: 50%;
	border: 1px solid rgba(80, 227, 109, 0.78);
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	box-shadow: 0 0 20px rgba(80, 227, 109, 0.44);
	animation: pulse 1.8s infinite;
}

.home-online-led {
	display: none;
}

.home-online-circle strong {
	font-size: 28px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1;
}

.home-online-circle small {
	display: block;
	margin-top: 5px;
	font-size: 10px;
	letter-spacing: 1px;
	color: rgba(80, 227, 109, 0.92);
	text-align: center;
}

@keyframes pulse {
	0% { box-shadow: 0 0 10px rgba(80, 227, 109, 0.42); }
	50% { box-shadow: 0 0 26px rgba(80, 227, 109, 0.72); }
	100% { box-shadow: 0 0 10px rgba(80, 227, 109, 0.42); }
}

.home-uptime-widget {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-bottom: 14px;
	padding: 14px 22px;
	border: 1px solid rgba(255, 218, 138, 0.18);
	border-radius: 16px;
	background: rgba(0, 0, 0, 0.48);
	backdrop-filter: blur(10px);
}

.home-uptime-widget-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	gap: 4px;
	text-align: center;
}

.home-uptime-label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.1px;
	text-transform: uppercase;
	color: rgba(255, 218, 138, 0.74);
}

.home-uptime-value {
	display: block;
	width: 100%;
	font-family: 'Cinzel', serif;
	font-size: 34px;
	font-weight: 600;
	line-height: 1.1;
	color: #ffda8a;
	letter-spacing: 0.8px;
	text-align: center;
}

.home-uptime-widget-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 12px;
	text-align: center;
	color: rgba(255, 255, 255, 0.74);
	font-size: 13px;
	border-top: 1px solid rgba(255, 218, 138, 0.10);
	padding-top: 10px;
}

.home-uptime-widget-meta strong {
	color: #ffffff;
	font-weight: 600;
}

.home-tech-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.home-tech-card {
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding: 10px 12px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}

.home-tech-label {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: rgba(255, 255, 255, 0.72);
	margin-bottom: 5px;
}

.home-tech-card strong {
	font-size: 24px;
	font-weight: 700;
	color: #ffda8a;
	line-height: 1;
}

.home-castle-owner-card {
	margin-top: 14px;
	position: relative;
	background: #000000 url('../img/castle_owner_bg.jpg') no-repeat center center;
	background-size: cover;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 10px;
	overflow: hidden;
	display: block;
	text-decoration: none;
}

.home-castle-owner-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.52);
}

.home-castle-owner-content {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 110px 1fr;
	align-items: center;
	gap: 14px;
	padding: 12px 16px;
}

.home-castle-owner-logo {
	display: flex;
	align-items: center;
	justify-content: center;
}

.home-castle-owner-logo img {
	width: 76px;
	height: 76px;
	object-fit: contain;
}

.home-castle-owner-meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px 14px;
}

.home-castle-owner-line {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.home-castle-owner-line span {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: rgba(255, 255, 255, 0.7);
}

.home-castle-owner-line strong {
	font-size: 16px;
	font-weight: 700;
	color: #ffda8a;
	line-height: 1.2;
}

.home-hero-actions .btn-primary,
.home-section-actions .btn-primary {
	padding: 12px 24px;
	border-color: rgba(255, 218, 138, 0.75);
	color: #ffda8a;
}

.home-hero-actions .btn-primary:hover,
.home-section-actions .btn-primary:hover {
	background-color: #ffda8a !important;
	border-color: #ffda8a !important;
	color: #08101e !important;
}

.home-hero-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	margin-bottom: 35px;
}

.home-stat-card,
.home-card {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(6px);
	padding: 25px;
}

.floating-social-menu {
	position: fixed;
	right: 0;
	bottom: 24px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	z-index: 99990;
	align-items: flex-end;
}

.floating-social-link {
	width: 170px;
	min-height: 50px;
	padding: 0px 18px;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 14px 0px 0px 14px;
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.28);
	transform: translateX(108px);
	transition: transform .25s ease, box-shadow .25s ease, opacity .25s ease;
}

.floating-social-link:hover,
.floating-social-link:focus {
	color: #ffffff;
	text-decoration: none;
	transform: translateX(0px);
	box-shadow: 0 16px 28px rgba(0, 0, 0, 0.34);
}

.floating-social-link i {
	font-size: 20px;
	width: 22px;
	text-align: center;
}

.floating-social-facebook {
	background: linear-gradient(135deg, #1877f2 0%, #0f5fc5 100%);
}

.floating-social-whatsapp {
	background: linear-gradient(135deg, #25d366 0%, #179b49 100%);
}

.floating-social-tiktok {
	background: linear-gradient(135deg, #101010 0%, #1f1f1f 55%, #e91e63 100%);
}

.floating-registered-widget {
	position: relative;
	width: 228px;
	padding: 12px 12px 10px;
	border: 1px solid rgba(255, 218, 138, 0.20);
	border-radius: 16px 0px 0px 16px;
	background: linear-gradient(180deg, rgba(10, 19, 48, 0.96) 0%, rgba(5, 12, 31, 0.96) 100%);
	box-shadow: 0 16px 30px rgba(0, 0, 0, 0.34);
	backdrop-filter: blur(10px);
	overflow: hidden;
}

.floating-registered-widget::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at top left, rgba(66, 131, 255, 0.22) 0%, rgba(66, 131, 255, 0.00) 46%),
		linear-gradient(90deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.00) 70%);
	pointer-events: none;
}

.floating-registered-header,
.floating-registered-marquee {
	position: relative;
	z-index: 1;
}

.floating-registered-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 10px;
}

.floating-registered-title-wrap h3 {
	margin: 0px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.9px;
	color: #ffffff;
}

.floating-registered-total {
	font-family: 'Cinzel', serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	color: #ffda8a;
}

.floating-registered-marquee {
	height: 172px;
	overflow: hidden;
	mask-image: linear-gradient(to bottom, transparent 0%, #000000 8%, #000000 92%, transparent 100%);
	-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000000 8%, #000000 92%, transparent 100%);
}

.floating-registered-track {
	display: flex;
	flex-direction: column;
	gap: 6px;
	animation: floatingRegisteredCascade var(--registered-scroll-duration, 20s) linear infinite;
	will-change: transform;
}

.floating-registered-track:hover {
	animation-play-state: paused;
}

.floating-registered-track.is-static {
	animation: none;
}

.floating-registered-item {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 54px;
	padding: 8px 10px;
	border-radius: 14px;
	background: rgba(4, 10, 24, 0.72);
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.floating-registered-avatar-wrap {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.04);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}

.floating-registered-avatar-image {
	width: 34px;
	height: 34px;
	object-fit: cover;
	border-radius: 10px;
}

.floating-registered-badge {
	width: 34px;
	height: 34px;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #b71c1c 0%, #ef5350 50%, #7f1010 100%);
	color: #ffffff;
	font-size: 14px;
	font-weight: 800;
}

.floating-registered-meta {
	flex: 1;
	min-width: 0;
}

.floating-registered-meta strong {
	display: block;
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.15;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.floating-registered-meta span {
	display: block;
	margin-top: 3px;
	color: rgba(255, 255, 255, 0.68);
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@keyframes floatingRegisteredCascade {
	from {
		transform: translateY(0px);
	}
	to {
		transform: translateY(calc(-1 * var(--registered-scroll-distance, 0px)));
	}
}

.home-stat-label {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: rgba(255, 255, 255, 0.65);
	margin-bottom: 10px;
}

.home-stat-card strong {
	font-size: 28px;
	color: #ffffff;
}

.home-hero-nav a {
	color: rgba(255, 255, 255, 0.78) !important;
	padding-bottom: 5px;
	border-bottom: 1px solid transparent;
}

.home-hero-nav {
	justify-content: center;
}

.home-hero-nav a:hover {
	color: #ffffff !important;
	border-color: #ffda8a;
}

.home-news-grid,
.home-ranking-grid {
	display: grid;
	gap: 25px;
}

.home-news-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 25px;
	align-items: stretch;
}

.home-news-grid.home-news-carousel-enabled {
	display: block;
	position: relative;
	padding: 0px 54px;
}

.home-news-carousel-viewport {
	overflow: hidden;
}

.home-news-carousel-track {
	display: flex;
	gap: 25px;
	transition: transform .5s linear;
	will-change: transform;
}

.home-news-carousel-track.no-transition {
	transition: none;
}

.home-news-carousel-slide {
	flex: 0 0 calc((100% - 25px) / 2);
	min-width: 0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
}

.home-news-carousel-control {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	border: 1px solid rgba(255, 218, 138, 0.32);
	background: rgba(6, 10, 18, 0.82);
	color: #ffda8a;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	z-index: 6;
	transition: all .25s ease;
}

.home-news-carousel-control:hover,
.home-news-carousel-control:focus {
	color: #ffffff;
	border-color: #ffda8a;
	background: rgba(14, 20, 32, 0.96);
	outline: none;
}

.home-news-carousel-control:disabled {
	opacity: .35;
	cursor: default;
}

.home-news-carousel-control-prev {
	left: 0;
}

.home-news-carousel-control-next {
	right: 0;
}

.home-news-grid.home-news-carousel-static {
	padding-left: 0px;
	padding-right: 0px;
}

.home-news-grid.home-news-carousel-static .home-news-carousel-control {
	display: none;
}

.home-news-visual-card {
	position: relative;
	height: 390px;
	border: 1px solid rgba(255, 218, 138, 0.22);
	overflow: hidden;
	background: rgba(0, 0, 0, 0.35);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
	transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.home-news-visual-bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transform: scale(1);
	transition: transform .6s ease;
	z-index: 0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.home-news-visual-image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	transform: scale(1);
	transition: transform .6s ease;
	z-index: 0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.home-news-visual-card::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) 35%, rgba(0, 0, 0, 0.9) 100%);
	z-index: 1;
}

.home-news-visual-card:hover .home-news-visual-bg {
	transform: scale(1.08);
}

.home-news-visual-card:hover .home-news-visual-image {
	transform: scale(1.08);
}

.home-news-visual-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 46px rgba(0, 0, 0, 0.38);
	border-color: rgba(255, 218, 138, 0.45);
}

.home-news-visual-link {
	position: absolute;
	inset: 0;
	display: block;
	z-index: 3;
}

.home-news-preview-info {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	padding: 20px 22px 24px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.35) 24%, rgba(0, 0, 0, 0.95) 100%);
	z-index: 4;
}

.home-news-preview-date {
	display: block;
	margin-bottom: 8px;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: rgba(255, 218, 138, 0.92);
	position: relative;
	z-index: 5;
}

.home-news-preview-title {
	margin: 0px;
	font-size: 24px;
	font-family: 'Cinzel', serif;
	color: #ffffff;
	line-height: 1.25;
	position: relative;
	z-index: 5;
	text-shadow: 0 4px 18px rgba(0, 0, 0, 0.45);
	word-break: break-word;
}

@media (max-width: 991px) {
	.home-uptime-widget {
		padding: 14px 16px;
	}

	.home-uptime-widget-meta {
		flex-direction: column;
		justify-content: center;
	}

	.home-news-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.home-news-carousel-slide {
		flex-basis: calc((100% - 25px) / 2);
	}

	.home-news-preview-title {
		font-size: 22px;
	}
}

@media (max-width: 767px) {
	.home-uptime-widget {
		padding: 12px 14px;
	}

	.home-uptime-value {
		font-size: 24px;
	}

	.home-uptime-widget-meta {
		font-size: 12px;
	}

	.home-news-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.home-news-grid.home-news-carousel-enabled {
		padding: 0px 42px;
	}

	.home-news-carousel-slide {
		flex-basis: 100%;
	}

	.home-news-visual-card {
		height: 320px;
	}

	.home-news-preview-title {
		font-size: 20px;
	}

	.home-news-carousel-control {
		width: 34px;
		height: 34px;
		font-size: 20px;
	}
}

.guides-modal-header {
	margin-bottom: 18px;
	padding-right: 32px;
}

.guides-modal-header h2 {
	margin: 0px;
	color: #ffda8a;
	font-family: 'Cinzel', serif;
	font-size: 34px;
	text-transform: uppercase;
}

.guides-list-grid,
.events-list-grid {
	margin-left: -10px;
	margin-right: -10px;
}

.guides-list-grid > [class*="col-"],
.events-list-grid > [class*="col-"] {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}

.guides-visual-card,
.events-visual-card {
	position: relative;
	height: 250px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.35);
}

.guides-visual-card::after,
.events-visual-card::after {
	content: '';
	position: absolute;
	inset: 0;
	border: 1px solid rgba(255, 218, 138, 0.22);
	z-index: 4;
	pointer-events: none;
}

.guides-card-link,
.events-card-link {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	z-index: 2;
}

.event-countdown-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	display: inline-flex;
	flex-direction: column;
	gap: 2px;
	padding: 8px 10px;
	background: rgba(0, 0, 0, 0.58);
	border: 1px solid rgba(255, 218, 138, 0.22);
	color: #ffffff;
	z-index: 4;
	pointer-events: none;
	box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);
	border-radius: 6px;
	min-width: 126px;
}

.events-card-meta {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px;
}

.events-card-meta .events-card-title {
	flex: 1;
}

.event-countdown-label {
	font-size: 10px;
	line-height: 1.1;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: rgba(255, 218, 138, 0.92);
}

.event-countdown-value {
	font-size: 15px;
	line-height: 1.1;
	font-weight: 700;
	color: #ffffff;
}

.event-countdown-badge.is-active .event-countdown-label,
.event-countdown-badge.is-active .event-countdown-value {
	color: #71ff95;
}

.event-countdown-inline {
	position: static;
	display: inline-flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 3px;
	padding: 0px;
	min-width: 0px;
	background: transparent;
	border: none;
	box-shadow: none;
	border-radius: 0px;
	text-align: right;
	flex-shrink: 0;
}

.event-countdown-inline .event-countdown-label {
	font-size: 9px;
	margin: 0px;
}

.event-countdown-inline .event-countdown-value {
	font-size: 15px;
}

.guides-card-bg,
.events-card-bg,
.guides-card-image,
.events-card-image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transform: scale(1);
	transition: transform .6s ease;
	z-index: 1;
}

.guides-visual-card:hover .guides-card-bg,
.events-visual-card:hover .events-card-bg,
.guides-visual-card:hover .guides-card-image,
.events-visual-card:hover .events-card-image {
	transform: scale(1.08);
}

.guides-card-info,
.events-card-info {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 16px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.92) 100%);
	z-index: 3;
	pointer-events: none;
}

.guides-card-date,
.events-card-date {
	display: block;
	margin-bottom: 8px;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: rgba(255, 218, 138, 0.92);
}

.guides-card-title,
.events-card-title {
	margin: 0px;
	font-size: 24px;
	font-family: 'Cinzel', serif;
	color: #ffffff;
	line-height: 1.2;
}

.home-ranking-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
}

#rankings .home-card {
	background: rgba(0, 0, 0, 0.32);
	backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 218, 138, 0.2);
}

#rankings .ranking-card {
	display: flex;
	flex-direction: column;
	min-height: 440px;
	padding-top: 150px;
	justify-content: flex-start;
}

#rankings .home-card-header {
	margin-bottom: 8px;
	flex-wrap: nowrap;
	align-items: center;
}

#rankings .home-card-header h3 {
	color: #ffda8a;
	font-family: 'Cinzel', serif;
	font-size: 22px;
	white-space: nowrap;
}

#rankings .home-card-header a {
	color: #ffffff !important;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	white-space: nowrap;
}

#rankings .home-card-header a:hover {
	color: #ffda8a !important;
}

#rankings .ranking-card-subtitle {
	margin: 0px 0px 14px 0px;
	color: rgba(255, 255, 255, 0.76);
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#rankings .ranking-card-level {
	background-image:
		linear-gradient(180deg, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.56) 65%, rgba(0, 0, 0, 0.7) 100%),
		url('../img/Ranking/bg_top_level.jpg'),
		url('../img/Ranking/bg_top_level.jpg.jpg');
	background-size: cover, cover, cover;
	background-position: top center, top center, top center;
	background-repeat: no-repeat, no-repeat, no-repeat;
}

#rankings .ranking-card-resets {
	background-image:
		linear-gradient(180deg, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.56) 65%, rgba(0, 0, 0, 0.7) 100%),
		url('../img/Ranking/bg_top_reset.jpg'),
		url('../img/Ranking/bg_top_reset.jpg.jpg');
	background-size: cover, cover, cover;
	background-position: top center, top center, top center;
	background-repeat: no-repeat, no-repeat, no-repeat;
}

#rankings .ranking-card-grandresets {
	background-image:
		linear-gradient(180deg, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.56) 65%, rgba(0, 0, 0, 0.7) 100%),
		url('../img/Ranking/bg_top_granreset.jpg'),
		url('../img/Ranking/bg_top_granreset.jpg.jpg');
	background-size: cover, cover, cover;
	background-position: top center, top center, top center;
	background-repeat: no-repeat, no-repeat, no-repeat;
}

.home-card h3 {
	margin: 0px;
	font-size: 26px;
	font-family: 'Cinzel', serif;
	color: #ffffff;
}

.home-card h3 a,
.home-ranking-table a {
	color: #ffffff !important;
}

.home-card h3 a:hover,
.home-ranking-table a:hover {
	color: #ffda8a !important;
}

.home-news-card p,
.home-empty-card p {
	margin: 15px 0px 0px 0px;
	color: rgba(255, 255, 255, 0.72);
}

.home-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 20px;
}

.home-card-header a {
	color: #ffda8a !important;
}

.muzioon-discord-widget {
	position: relative;
	margin: 0px 0px 20px 0px;
	border: 1px solid rgba(255, 218, 138, 0.20);
	border-radius: 10px;
	background: rgba(7, 10, 18, 0.72);
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.35);
	backdrop-filter: blur(7px);
	overflow: hidden;
}

.muzioon-discord-widget::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(255, 218, 138, 0.03) 0%, rgba(255, 218, 138, 0.00) 35%, rgba(0, 0, 0, 0.10) 100%);
	pointer-events: none;
}

.muzioon-discord-header {
	position: relative;
	z-index: 1;
	padding: 16px 18px 14px;
	border-bottom: 1px solid rgba(255, 218, 138, 0.18);
}

.muzioon-discord-header h3 {
	margin: 0px;
	color: #ffda8a;
	font-family: 'Cinzel', serif;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 0.5px;
}

.muzioon-discord-header p {
	margin: 6px 0px 0px;
	color: rgba(255, 255, 255, 0.72);
	font-size: 12px;
	letter-spacing: 0.4px;
	text-transform: uppercase;
}

.muzioon-discord-body {
	position: relative;
	z-index: 1;
	padding: 22px 20px 18px;
	text-align: center;
}

.muzioon-discord-description {
	margin: 0px;
	color: rgba(255, 255, 255, 0.82);
	font-size: 13px;
	line-height: 1.6;
}

.muzioon-discord-summary {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 12px;
	text-align: left;
}

.muzioon-discord-presence {
	flex: 1;
	min-width: 0;
}

.muzioon-discord-presence strong {
	display: block;
	color: #ffda8a;
	font-size: 26px;
	line-height: 1;
}

.muzioon-discord-presence span {
	display: block;
	margin-top: 4px;
	color: rgba(255, 255, 255, 0.78);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.7px;
}

.muzioon-discord-members {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 14px;
	padding-left: 6px;
}

.muzioon-discord-member {
	position: relative;
	display: inline-flex;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 2px solid rgba(8, 12, 24, 0.96);
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.34);
	background: rgba(0, 0, 0, 0.32);
	overflow: visible;
}

.muzioon-discord-member + .muzioon-discord-member {
	margin-left: -8px;
}

.muzioon-discord-member img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}

.muzioon-discord-member em {
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	border: 2px solid rgba(8, 12, 24, 0.96);
	background: #43b581;
}

.muzioon-discord-member em.idle {
	background: #faa61a;
}

.muzioon-discord-member em.offline {
	background: #747f8d;
}

.muzioon-discord-members-caption {
	margin-top: 10px;
	color: rgba(255, 255, 255, 0.64);
	font-size: 11px;
	text-align: left;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.muzioon-discord-online {
	margin-bottom: 16px;
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.6px;
}

.muzioon-discord-online strong {
	display: block;
	margin-bottom: 4px;
	color: #ffda8a;
	font-size: 28px;
	line-height: 1;
}

.muzioon-discord-avatar-wrap {
	position: relative;
	width: 76px;
	height: 76px;
	margin: 0px auto 18px;
}

.muzioon-discord-avatar {
	display: block;
	width: 76px;
	height: 76px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid rgba(255, 218, 138, 0.35);
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.42);
	background: rgba(0, 0, 0, 0.4);
}

.muzioon-discord-status {
	position: absolute;
	right: 2px;
	bottom: 4px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid rgba(7, 10, 18, 0.95);
	box-shadow: 0 0 0 2px rgba(255, 218, 138, 0.10);
}

.muzioon-discord-status.online {
	background: #43b581;
}

.muzioon-discord-status.idle {
	background: #faa61a;
}

.muzioon-discord-status.offline {
	background: #747f8d;
}

.muzioon-discord-footer {
	position: relative;
	z-index: 1;
	padding: 0px 20px 20px;
}

.muzioon-discord-button {
	display: block;
	width: 100%;
	padding: 14px 16px;
	text-align: center;
	border-radius: 8px;
	border: 1px solid rgba(114, 137, 218, 0.85);
	background: linear-gradient(180deg, #7289da 0%, #5865f2 100%);
	color: #ffffff !important;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
	box-shadow: 0 10px 22px rgba(88, 101, 242, 0.25);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, filter .25s ease;
}

.muzioon-discord-button:hover,
.muzioon-discord-button:focus {
	transform: translateY(-2px);
	box-shadow: 0 14px 28px rgba(88, 101, 242, 0.34);
	border-color: rgba(255, 255, 255, 0.70);
	filter: brightness(1.05);
	color: #ffffff !important;
	text-decoration: none !important;
}

.floating-discord-widget {
	width: 246px;
	margin: 4px 0px 0px;
	border-radius: 14px 0px 0px 14px;
	background: rgba(8, 12, 24, 0.92);
	border-color: rgba(114, 137, 218, 0.48);
	box-shadow: 0 16px 30px rgba(0, 0, 0, 0.36);
}

.floating-discord-widget .muzioon-discord-header {
	padding: 14px 16px 10px;
}

.floating-discord-widget .muzioon-discord-header h3 {
	font-size: 21px;
}

.floating-discord-widget .muzioon-discord-body {
	padding: 14px 16px 16px;
}

.floating-discord-widget .muzioon-discord-avatar-wrap {
	width: 62px;
	height: 62px;
	margin: 0px;
}

.floating-discord-widget .muzioon-discord-avatar {
	width: 62px;
	height: 62px;
}

.floating-discord-widget .muzioon-discord-description {
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
}

.floating-discord-widget .muzioon-discord-footer {
	padding: 0px 16px 16px;
}

.floating-discord-widget .muzioon-discord-button {
	padding: 12px 10px;
	font-size: 11px;
	letter-spacing: 0.9px;
}

.home-discord-inline {
	display: flex;
	justify-content: center;
	margin: 6px 0px 14px 0px;
}

.home-discord-widget {
	width: 100%;
	max-width: 320px;
	margin-bottom: 0px;
	background: rgba(0, 0, 0, 0.56);
	border-color: rgba(255, 218, 138, 0.28);
	box-shadow: 0 16px 38px rgba(0, 0, 0, 0.34);
}

.home-discord-widget .muzioon-discord-header {
	padding: 12px 16px 10px;
}

.home-discord-widget .muzioon-discord-header h3 {
	font-size: 20px;
}

.home-discord-widget .muzioon-discord-body {
	padding: 16px 18px 14px;
}

.home-discord-widget .muzioon-discord-online {
	margin-bottom: 12px;
	font-size: 13px;
}

.home-discord-widget .muzioon-discord-online strong {
	font-size: 24px;
}

.home-discord-widget .muzioon-discord-avatar-wrap {
	width: 64px;
	height: 64px;
	margin-bottom: 14px;
}

.home-discord-widget .muzioon-discord-avatar {
	width: 64px;
	height: 64px;
}

.home-discord-widget .muzioon-discord-footer {
	padding: 0px 18px 18px;
}

.home-discord-widget .muzioon-discord-button {
	padding: 12px 14px;
	font-size: 12px;
}

@media screen and (max-width: 991px) {
	.floating-social-menu {
		right: 0;
		bottom: 16px;
		gap: 10px;
	}

	.floating-social-link,
	.floating-discord-widget {
		width: 224px;
	}

	.floating-social-link {
		transform: translateX(96px);
	}
}

@media screen and (max-width: 767px) {
	.floating-social-menu {
		bottom: 12px;
	}

	.floating-social-link,
	.floating-discord-widget {
		width: 204px;
	}

	.floating-social-link {
		min-height: 46px;
		padding: 0px 14px;
		font-size: 13px;
		transform: translateX(88px);
	}

	.floating-discord-widget .muzioon-discord-header {
		padding: 12px 14px 8px;
	}

	.floating-discord-widget .muzioon-discord-header h3 {
		font-size: 18px;
	}

	.floating-discord-widget .muzioon-discord-body {
		padding: 12px 14px;
	}

	.floating-discord-widget .muzioon-discord-presence strong {
		font-size: 22px;
	}

	.floating-discord-widget .muzioon-discord-member {
		width: 30px;
		height: 30px;
	}

	.floating-discord-widget .muzioon-discord-footer {
		padding: 0px 14px 14px;
	}
}

.home-ranking-table {
	margin-bottom: 0px;
	color: #ffffff;
}

#rankings .home-ranking-table {
	border-collapse: separate;
	border-spacing: 0px 8px;
}

#rankings .home-ranking-table > tbody > tr {
	background: rgba(0, 0, 0, 0.45);
	box-shadow: inset 0px 0px 0px 1px rgba(255, 218, 138, 0.12);
	transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
	transform-origin: center;
}

#rankings .home-ranking-table > tbody > tr:hover {
	background: rgba(35, 28, 12, 0.55);
	transform: scale(1.02);
	box-shadow: inset 0px 0px 0px 1px rgba(255, 215, 0, 0.45), 0px 0px 14px rgba(255, 185, 61, 0.35);
}

.home-ranking-table > tbody > tr > td {
	padding: 12px 0px !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
	vertical-align: middle !important;
	font-size: 13px;
	color: #f8f8f8;
}

.home-ranking-table > tbody > tr:first-child > td {
	border-top: none !important;
}

#rankings .home-ranking-table > tbody > tr > td {
	border-top: none !important;
	background: transparent;
}

.home-ranking-position {
	width: 60px;
	color: #ffda8a;
	font-weight: bold;
}

#rankings .home-ranking-table > tbody > tr:nth-child(1) .home-ranking-position {
	color: #FFD700;
	text-shadow: 0px 0px 9px rgba(255, 215, 0, 0.8);
}

#rankings .home-ranking-table > tbody > tr:nth-child(2) .home-ranking-position {
	color: #C0C0C0;
	text-shadow: 0px 0px 9px rgba(220, 220, 220, 0.75);
}

#rankings .home-ranking-table > tbody > tr:nth-child(3) .home-ranking-position {
	color: #CD7F32;
	text-shadow: 0px 0px 9px rgba(205, 127, 50, 0.8);
}

.class-showcase {
	background: transparent;
	border: 0px;
	padding: 0px;
	backdrop-filter: none;
}

.class-showcase-nav {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 18px;
	margin-bottom: 35px;
}

.class-showcase-icon {
	width: 86px;
	height: 86px;
	border: none;
	background: transparent;
	clip-path: none;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0px;
	transition: all .25s ease;
}

.class-showcase-icon img {
	max-width: 86px;
	max-height: 86px;
	width: 100%;
	height: auto;
	display: block;
	filter: drop-shadow(0px 0px 8px rgba(255, 218, 138, 0.35));
}

.class-showcase-icon:hover,
.class-showcase-icon:focus,
.class-showcase-icon.is-active {
	box-shadow: none;
	transform: translateY(-2px) scale(1.02);
	outline: none;
}

.class-showcase-icon:focus-visible {
	outline: none;
	box-shadow: none;
}

.class-showcase-icon:hover img,
.class-showcase-icon:focus img,
.class-showcase-icon.is-active img {
	filter: drop-shadow(0px 0px 12px rgba(255, 196, 84, 0.9)) drop-shadow(0px 0px 20px rgba(214, 141, 25, 0.55));
}

.class-showcase-content {
	display: grid;
	grid-template-columns: minmax(260px, 1fr) minmax(360px, 1.2fr);
	gap: 35px;
	align-items: center;
	opacity: 1;
	transition: opacity .3s ease;
}

.class-showcase-content.is-updating {
	opacity: .2;
}

.class-showcase-render {
	text-align: center;
}

.class-showcase-render img {
	max-height: 460px;
	width: 100%;
	max-width: 460px;
	object-fit: contain;
	filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.55));
}

.class-showcase-details h3 {
	margin: 0px 0px 16px 0px;
	font-size: 44px;
	font-family: 'Cinzel', serif;
	color: #ffda8a;
}

.class-showcase-details p {
	margin: 0px 0px 28px 0px;
	color: rgba(255, 255, 255, 0.88);
	line-height: 1.65;
	font-size: 17px;
	background: transparent;
}

.class-stats {
	display: grid;
	gap: 14px;
	background: transparent;
}

.class-stat-row {
	display: grid;
	grid-template-columns: 90px 1fr 56px;
	align-items: center;
	gap: 14px;
}

.class-stat-label {
	color: #ffffff;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.class-stat-bar {
	height: 14px;
	background: rgba(0, 0, 0, 0.55);
	border: 1px solid rgba(255, 255, 255, 0.15);
	overflow: hidden;
}

.class-stat-bar > span {
	display: block;
	height: 100%;
	background: linear-gradient(90deg, #9a6400 0%, #d79415 45%, #ffd57b 100%);
	transition: width .35s ease;
}

.class-stat-value {
	color: #ffda8a;
	font-weight: bold;
	text-align: right;
}

@media only screen and (max-width: 1200px) {
	.home-dots-nav {
		left: 14px;
	}

	.home-section {
		padding: 120px 30px 30px 30px;
	}

	.class-showcase-content {
		grid-template-columns: 1fr;
	}

	.class-showcase-render img {
		max-height: 360px;
	}

	.class-showcase-details h3 {
		font-size: 34px;
	}
}

@media only screen and (max-width: 1400px) {
	.home-ranking-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 992px) {
	.home-status-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.home-tech-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.home-castle-owner-content {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.home-castle-owner-meta {
		grid-template-columns: 1fr;
	}

	.home-status-card-online {
		grid-column: span 2;
	}

	.home-ranking-grid {
		grid-template-columns: 1fr;
	}
}

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

	.home-tech-grid {
		grid-template-columns: 1fr;
	}

	.home-castle-owner-line strong {
		font-size: 14px;
	}

	.home-status-card-online {
		grid-column: span 1;
	}

	.home-status-card {
		flex-direction: column;
		text-align: center;
	}

	.home-status-stack {
		text-align: center;
	}

	.home-online-circle {
		width: 100px;
		height: 100px;
	}
}

.news-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	z-index: 999999;
	padding: 40px 20px;
	overflow-y: auto;
}

.castlesiege-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	z-index: 999999;
	padding: 40px 20px;
	overflow-y: auto;
}

body.home-layout .castlesiege-modal {
	background: rgba(0, 0, 0, 0.32);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}

.castlesiege-modal-dialog {
	max-width: 1100px;
	margin: 0px auto;
	background: rgba(8, 14, 24, 0.62);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border: 1px solid rgba(255, 218, 138, 0.3);
	padding: 24px;
	position: relative;
	max-height: calc(100vh - 80px);
	overflow-y: auto;
}

.castlesiege-modal-close {
	position: absolute;
	top: 8px;
	right: 12px;
	border: none;
	background: transparent;
	color: #ffffff;
	font-size: 34px;
	line-height: 1;
}

.profile-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	z-index: 999999;
	padding: 40px 20px;
	overflow-y: auto;
}

body.home-layout .profile-modal {
	background: rgba(0, 0, 0, 0.32);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}

.profile-modal-dialog {
	max-width: 1100px;
	margin: 0px auto;
	background: rgba(8, 14, 24, 0.62);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border: 1px solid rgba(255, 218, 138, 0.3);
	padding: 24px;
	position: relative;
	max-height: calc(100vh - 80px);
	overflow-y: auto;
}

.profile-modal-close {
	position: absolute;
	top: 8px;
	right: 12px;
	border: none;
	background: transparent;
	color: #ffffff;
	font-size: 34px;
	line-height: 1;
}

.guides-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	z-index: 999999;
	padding: 40px 20px;
	overflow-y: auto;
}

body.home-layout .guides-modal {
	background: rgba(0, 0, 0, 0.32);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}

.guides-modal-dialog {
	max-width: 1100px;
	margin: 0px auto;
	background: rgba(8, 14, 24, 0.62);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border: 1px solid rgba(255, 218, 138, 0.3);
	padding: 24px;
	position: relative;
	max-height: calc(100vh - 80px);
	overflow-y: auto;
}

.guides-modal-close {
	position: absolute;
	top: 8px;
	right: 12px;
	border: none;
	background: transparent;
	color: #ffffff;
	font-size: 34px;
	line-height: 1;
}

.events-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	z-index: 999999;
	padding: 40px 20px;
	overflow-y: auto;
}

body.home-layout .events-modal {
	background: rgba(0, 0, 0, 0.32);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}

.events-modal-dialog {
	max-width: 1100px;
	margin: 0px auto;
	background: rgba(8, 14, 24, 0.62);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border: 1px solid rgba(255, 218, 138, 0.3);
	padding: 24px;
	position: relative;
	max-height: calc(100vh - 80px);
	overflow-y: auto;
}

.events-modal-close {
	position: absolute;
	top: 8px;
	right: 12px;
	border: none;
	background: transparent;
	color: #ffffff;
	font-size: 34px;
	line-height: 1;
}

#eventsModalContent .panel-event {
	background: rgba(0, 0, 0, 0.36);
	border: 1px solid rgba(255, 218, 138, 0.25);
}

#eventsModalContent .panel-event > .panel-heading,
#eventsModalContent .panel-event > .panel-body,
#eventsModalContent .panel-event > .panel-footer {
	background: transparent;
	color: #ffffff;
	border-color: rgba(255, 218, 138, 0.22);
}

#eventsModalContent .panel-event > .panel-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

#eventsModalContent .event-detail-heading-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

#eventsModalContent .event-detail-heading-bar .panel-title {
	margin: 0px;
	flex: 1;
}

#eventsModalContent .event-countdown-detail {
	position: static;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	padding: 0px;
	min-width: 0px;
	background: transparent;
	border: none;
	box-shadow: none;
	border-radius: 0px;
	text-align: right;
	flex-shrink: 0;
}

#eventsModalContent .event-countdown-detail .event-countdown-label,
#eventsModalContent .event-countdown-detail .event-countdown-value {
	margin: 0px;
}

#eventsModalContent .panel-event .panel-title,
#eventsModalContent .panel-event .panel-title a {
	color: #ffda8a !important;
}

#eventsModalContent .panel-event .table {
	background: rgba(0, 0, 0, 0.28);
	color: #ffffff;
}

#eventsModalContent .panel-event .table > thead > tr > th,
#eventsModalContent .panel-event .table > tbody > tr > td {
	background: transparent !important;
	color: #ffffff !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
}

.events-modal-header {
	margin-bottom: 18px;
	padding-right: 32px;
}

.events-modal-header h2 {
	margin: 0px;
	color: #ffda8a;
	font-family: 'Cinzel', serif;
	font-size: 34px;
	text-transform: uppercase;
}

#guidesModalContent .panel-guide {
	background: rgba(0, 0, 0, 0.36);
	border: 1px solid rgba(255, 218, 138, 0.25);
}

#guidesModalContent .panel-guide > .panel-heading,
#guidesModalContent .panel-guide > .panel-body,
#guidesModalContent .panel-guide > .panel-footer {
	background: transparent;
	color: #ffffff;
	border-color: rgba(255, 218, 138, 0.22);
}

#guidesModalContent .panel-guide .panel-title,
#guidesModalContent .panel-guide .panel-title a,
#guidesModalContent .panel-guide .guide-readmore {
	color: #ffda8a !important;
}

#guidesModalContent .guides-card-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

#guidesModalContent .guides-card-link {
	display: block;
	text-decoration: none;
}

#guidesModalContent .guides-card-item {
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	overflow: hidden;
	transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

#guidesModalContent .guides-card-item:hover {
	transform: translateY(-4px);
	border-color: rgba(255, 218, 138, 0.55);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
}

#guidesModalContent .guides-card-cover {
	height: 180px;
	background: rgba(0, 0, 0, 0.35);
}

#guidesModalContent .guides-card-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

#guidesModalContent .guides-card-body {
	padding: 12px 14px;
}

#guidesModalContent .guides-card-body h3 {
	margin: 0px 0px 8px 0px;
	font-size: 20px;
	font-weight: 700;
	color: #ffda8a;
}

#guidesModalContent .guides-card-date {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.72);
	text-transform: uppercase;
	letter-spacing: 1px;
}

#guidesModalContent .panel-guide .table {
	background: rgba(0, 0, 0, 0.28);
	color: #ffffff;
}

#guidesModalContent .panel-guide .table > thead > tr > th,
#guidesModalContent .panel-guide .table > tbody > tr > td {
	background: transparent !important;
	color: #ffffff !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
}

@media only screen and (max-width: 992px) {
	#guidesModalContent .guides-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 640px) {
	#guidesModalContent .guides-card-grid {
		grid-template-columns: 1fr;
	}
}

#profileModalContent .page-title {
	margin-top: 0px;
}

#profileModalContent .page-title span {
	color: #ffda8a;
}

#castleSiegeModalContent {
	color: #ffffff;
}

#castleSiegeModalContent h2 {
	color: #ffda8a;
	font-family: 'Cinzel', serif;
}

#castleSiegeModalContent .panel,
#castleSiegeModalContent .castle-owner-panel {
	background: rgba(0, 0, 0, 0.36);
	border: 1px solid rgba(255, 218, 138, 0.25);
}

#castleSiegeModalContent .panel-body {
	background: transparent;
	color: #ffffff;
}

#castleSiegeModalContent .table {
	background: rgba(0, 0, 0, 0.28);
	color: #ffffff;
}

#castleSiegeModalContent .table > tbody > tr > td,
#castleSiegeModalContent .table > tbody > tr > th,
#castleSiegeModalContent .table > thead > tr > th {
	background: transparent !important;
	color: #ffffff !important;
}

#castleSiegeModalContent .table-striped > tbody > tr:nth-of-type(odd),
#castleSiegeModalContent .table-striped > tbody > tr:nth-of-type(even) {
	background-color: rgba(0, 0, 0, 0.22) !important;
}

#castleSiegeModalContent .table-striped > tbody > tr:hover {
	background-color: rgba(255, 218, 138, 0.12) !important;
}

#castleSiegeModalContent .table > thead > tr > th {
	color: #ffda8a;
	border-bottom: 1px solid rgba(255, 218, 138, 0.24) !important;
}

#castleSiegeModalContent .table > tbody > tr > td {
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

#castleSiegeModalContent a {
	color: #ffda8a !important;
}

body.home-layout .news-modal {
	background: rgba(0, 0, 0, 0.32);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}

.news-modal-dialog {
	max-width: 1100px;
	margin: 0px auto;
	background: rgba(8, 14, 24, 0.62);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border: 1px solid rgba(255, 218, 138, 0.3);
	padding: 24px;
	position: relative;
	max-height: calc(100vh - 80px);
	overflow-y: auto;
}

.news-modal-close {
	position: absolute;
	top: 8px;
	right: 12px;
	border: none;
	background: transparent;
	color: #ffffff;
	font-size: 34px;
	line-height: 1;
}

#newsModalContent .page-title {
	margin-top: 0px;
}

#newsModalContent {
	text-align: center;
}

#newsModalContent img {
	max-width: 100%;
	width: auto;
	max-height: 54vh;
	height: auto;
	display: block;
	margin: 14px auto;
	object-fit: contain;
}

#newsModalContent .panel-news {
	background: rgba(0, 0, 0, 0.36);
	border: 1px solid rgba(255, 218, 138, 0.25);
}

#newsModalContent .panel-news > .panel-heading,
#newsModalContent .panel-news > .panel-body,
#newsModalContent .panel-news > .panel-footer {
	background: transparent;
	color: #ffffff;
	border-color: rgba(255, 218, 138, 0.22);
}

#newsModalContent .panel-news .panel-title,
#newsModalContent .panel-news .panel-title a,
#newsModalContent .panel-news .news-readmore {
	color: #ffda8a !important;
}

#newsModalContent .panel-news .panel-body {
	color: rgba(255, 255, 255, 0.95);
}

.server-info-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	z-index: 999999;
	padding: 40px 20px;
	overflow-y: auto;
}

body.home-layout .server-info-modal {
	background: rgba(0, 0, 0, 0.32);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}

.server-info-modal-dialog {
	max-width: 1100px;
	margin: 0px auto;
	background: rgba(8, 14, 24, 0.62);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border: 1px solid rgba(255, 218, 138, 0.3);
	padding: 24px;
	position: relative;
}

body.home-layout .server-info-modal-dialog {
	background: rgba(8, 14, 24, 0.46);
}

.server-info-modal-close {
	position: absolute;
	top: 8px;
	right: 12px;
	border: none;
	background: transparent;
	color: #ffffff;
	font-size: 34px;
	line-height: 1;
}

.server-info-modal-header h2 {
	margin: 0px 0px 18px 0px;
	color: #ffda8a;
	font-family: 'Cinzel', serif;
}

.server-info-tabs-menu {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 18px;
}

.server-info-tab-btn {
	border: 1px solid rgba(255, 218, 138, 0.35);
	background: rgba(20, 18, 10, 0.35);
	color: #ffffff;
	padding: 10px 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}

.server-info-tab-btn.active {
	background: rgba(255, 218, 138, 0.2);
	color: #ffda8a;
	border-color: #ffda8a;
}

.server-info-tab-panel {
	display: none;
}

.server-info-tab-panel.active {
	display: block;
}

.server-info-table {
	background: rgba(0, 0, 0, 0.25);
	color: #ffffff;
	margin-bottom: 16px;
}

.server-info-table > thead > tr > th {
	border-bottom: 1px solid rgba(255, 218, 138, 0.24) !important;
	color: #ffda8a;
}

.server-info-table > tbody > tr > td {
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.server-progress-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.server-progress-card {
	background: rgba(0, 0, 0, 0.36);
	border: 1px solid rgba(255, 218, 138, 0.25);
	padding: 18px;
}

.server-progress-card h3 {
	margin: 0px 0px 10px 0px;
	color: #ffda8a;
	font-family: 'Cinzel', serif;
}

.server-progress-card p {
	margin: 0px;
	color: rgba(255, 255, 255, 0.86);
}

@media only screen and (max-width: 992px) {
	.server-progress-grid {
		grid-template-columns: 1fr;
	}
}

.downloads-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	z-index: 999998;
	padding: 40px 20px;
	overflow-y: auto;
}

body.home-layout .downloads-modal {
	background: rgba(0, 0, 0, 0.32);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}

.downloads-modal-dialog {
	max-width: 1100px;
	margin: 0px auto;
	background: rgba(8, 14, 24, 0.62);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border: 1px solid rgba(255, 218, 138, 0.3);
	padding: 24px;
	position: relative;
}

body.home-layout .downloads-modal-dialog {
	background: rgba(8, 14, 24, 0.46);
}

.downloads-modal-close {
	position: absolute;
	top: 8px;
	right: 12px;
	border: none;
	background: transparent;
	color: #ffffff;
	font-size: 34px;
	line-height: 1;
}

.downloads-modal-header h2 {
	margin: 0px 0px 18px 0px;
	color: #ffda8a;
	font-family: 'Cinzel', serif;
}

.downloads-tabs-menu {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 18px;
}

.downloads-tab-btn {
	border: 1px solid rgba(255, 218, 138, 0.35);
	background: rgba(20, 18, 10, 0.35);
	color: #ffffff;
	padding: 10px 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}

.downloads-tab-btn.active {
	background: rgba(255, 218, 138, 0.2);
	color: #ffda8a;
	border-color: #ffda8a;
}

.downloads-tab-panel {
	display: none;
}

.downloads-tab-panel.active {
	display: block;
}

.downloads-card-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.downloads-card {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 16px;
	background: rgba(0, 0, 0, 0.35);
	border: 1px solid rgba(255, 218, 138, 0.24);
	color: #ffffff !important;
}

.downloads-card:hover {
	border-color: rgba(255, 218, 138, 0.7);
	background: rgba(18, 16, 8, 0.48);
}

.downloads-card-title {
	color: #ffda8a;
	font-family: 'Cinzel', serif;
	font-size: 22px;
	line-height: 1.25;
}

.downloads-card-meta {
	color: rgba(255, 255, 255, 0.86);
	font-size: 13px;
}

.downloads-empty {
	color: rgba(255, 255, 255, 0.8);
}

@media only screen and (max-width: 992px) {
	.downloads-card-grid {
		grid-template-columns: 1fr;
	}
}

.donation-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	z-index: 999997;
	padding: 40px 20px;
	overflow-y: auto;
}

body.home-layout .donation-modal {
	background: rgba(0, 0, 0, 0.32);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}

.donation-modal-dialog {
	max-width: 1100px;
	margin: 0px auto;
	background: rgba(8, 14, 24, 0.62);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border: 1px solid rgba(255, 218, 138, 0.3);
	padding: 24px;
	position: relative;
}

body.home-layout .donation-modal-dialog {
	background: rgba(8, 14, 24, 0.46);
}

.donation-modal-close {
	position: absolute;
	top: 8px;
	right: 12px;
	border: none;
	background: transparent;
	color: #ffffff;
	font-size: 34px;
	line-height: 1;
}

.donation-modal-header h2 {
	margin: 0px 0px 18px 0px;
	color: #ffda8a;
	font-family: 'Cinzel', serif;
}

.donation-modal-header p {
	margin: -4px 0px 20px;
	max-width: 760px;
	color: rgba(255, 255, 255, 0.82);
	font-size: 14px;
	line-height: 1.6;
}

.donation-tabs-menu {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 18px;
}

.donation-tab-btn {
	border: 1px solid rgba(255, 218, 138, 0.35);
	background: rgba(20, 18, 10, 0.35);
	color: #ffffff;
	padding: 10px 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}

.donation-tab-btn.active {
	background: rgba(255, 218, 138, 0.2);
	color: #ffda8a;
	border-color: #ffda8a;
}

.donation-tab-panel {
	display: none;
}

.donation-tab-panel.active {
	display: block;
}

.donation-card-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.donation-package-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.donation-package-card {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	background: linear-gradient(180deg, rgba(8, 10, 18, 0.96) 0%, rgba(4, 6, 12, 0.98) 100%);
	border: 1px solid rgba(255, 218, 138, 0.24);
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.30);
	overflow: hidden;
}

.donation-package-card:hover {
	border-color: rgba(255, 218, 138, 0.58);
	box-shadow: 0 20px 38px rgba(0, 0, 0, 0.36);
}

.donation-package-media {
	position: relative;
	height: 220px;
	background: #05070d;
	border-bottom: 1px solid rgba(255, 218, 138, 0.18);
}

.donation-package-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.donation-package-media.is-empty {
	background: radial-gradient(circle at top, rgba(255, 218, 138, 0.16) 0%, rgba(34, 24, 10, 0.8) 35%, rgba(6, 8, 14, 0.98) 100%);
}

.donation-package-fallback {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 18px;
	text-align: center;
}

.donation-package-fallback span {
	color: #ffda8a;
	font-family: 'Cinzel', serif;
	font-size: 30px;
	line-height: 1.2;
	text-transform: uppercase;
}

.donation-package-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 18px 18px 14px;
}

.donation-package-subtitle {
	display: inline-block;
	margin-bottom: 8px;
	color: rgba(255, 255, 255, 0.72);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.1px;
	text-transform: uppercase;
}

.donation-package-title {
	margin: 0px 0px 10px;
	color: #ffda8a;
	font-family: 'Cinzel', serif;
	font-size: 24px;
	line-height: 1.25;
}

.donation-package-price {
	margin-bottom: 12px;
	color: #ffffff;
	font-size: 34px;
	font-weight: 800;
	line-height: 1;
	text-shadow: 0 0 20px rgba(255, 218, 138, 0.18);
}

.donation-package-description {
	margin: 0px 0px 14px;
	color: rgba(255, 255, 255, 0.84);
	font-size: 13px;
	line-height: 1.7;
}

.donation-package-features {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.donation-package-features li {
	position: relative;
	padding-left: 18px;
	margin-bottom: 8px;
	color: rgba(255, 255, 255, 0.88);
	font-size: 13px;
	line-height: 1.5;
}

.donation-package-features li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ffda8a;
	box-shadow: 0 0 10px rgba(255, 218, 138, 0.45);
}

.donation-package-footer {
	padding: 0px 18px 18px;
}

.donation-package-button {
	display: block;
	width: 100%;
	padding: 12px 14px;
	border: 1px solid rgba(255, 218, 138, 0.42);
	background: linear-gradient(180deg, rgba(50, 37, 15, 0.92) 0%, rgba(24, 17, 7, 0.95) 100%);
	color: #ffda8a !important;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.9px;
	text-align: center;
	text-transform: uppercase;
	transition: background .25s ease, border-color .25s ease, color .25s ease;
}

.donation-package-button:hover,
.donation-package-button:focus {
	background: linear-gradient(180deg, rgba(82, 59, 21, 0.96) 0%, rgba(34, 24, 10, 0.98) 100%);
	border-color: rgba(255, 218, 138, 0.82);
	color: #ffffff !important;
	text-decoration: none;
}

.donation-package-button.is-disabled {
	cursor: default;
	opacity: 0.72;
}

.donation-card {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 16px;
	background: rgba(0, 0, 0, 0.35);
	border: 1px solid rgba(255, 218, 138, 0.24);
	color: #ffffff !important;
}

.donation-card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(255, 218, 138, 0.28);
	border-radius: 50%;
	color: #ffda8a;
	font-size: 18px;
	background: rgba(255, 218, 138, 0.08);
}

.donation-card:hover {
	border-color: rgba(255, 218, 138, 0.7);
	background: rgba(18, 16, 8, 0.48);
}

.donation-card-title {
	color: #ffda8a;
	font-family: 'Cinzel', serif;
	font-size: 22px;
	line-height: 1.25;
}

.donation-card-meta {
	color: rgba(255, 255, 255, 0.86);
	font-size: 13px;
}

.donation-empty {
	color: rgba(255, 255, 255, 0.8);
}

@media only screen and (max-width: 992px) {
	.donation-package-grid,
	.donation-card-grid {
		grid-template-columns: 1fr;
	}

	.donation-package-media {
		height: 200px;
	}
}

.rankings-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	z-index: 999996;
	padding: 40px 20px;
	overflow-y: auto;
	overscroll-behavior: contain;
}

body.home-layout .rankings-modal {
	background: rgba(0, 0, 0, 0.32);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}

.rankings-modal-dialog {
	max-width: 1100px;
	margin: 0px auto;
	background: rgba(8, 14, 24, 0.62);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border: 1px solid rgba(255, 218, 138, 0.3);
	padding: 24px;
	position: relative;
}

body.home-layout .rankings-modal-dialog {
	background: rgba(8, 14, 24, 0.46);
}

.rankings-modal-close {
	position: absolute;
	top: 8px;
	right: 12px;
	border: none;
	background: transparent;
	color: #ffffff;
	font-size: 34px;
	line-height: 1;
}

.rankings-modal-header h2 {
	margin: 0px 0px 18px 0px;
	color: #ffda8a;
	font-family: 'Cinzel', serif;
}

.rankings-tabs-menu {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 18px;
}

.rankings-class-filter-bar {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
	flex-wrap: nowrap;
	overflow-x: auto;
	padding-bottom: 6px;
}

.rankings-class-filter-btn {
	border: none;
	background: transparent;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	color: rgba(255, 255, 255, 0.72);
	min-width: 72px;
}

.rankings-class-filter-btn span {
	font-size: 12px;
	white-space: nowrap;
}

.rankings-filter-avatar {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	opacity: 0.35;
	transition: all .2s ease;
	border: 2px solid rgba(255, 255, 255, 0.2);
}

.rankings-class-filter-btn.active .rankings-filter-avatar,
.rankings-class-filter-btn:hover .rankings-filter-avatar {
	opacity: 1;
	border-color: rgba(255, 218, 138, 0.95);
	box-shadow: 0px 0px 12px rgba(255, 218, 138, 0.45);
}

.rankings-class-filter-btn.active span,
.rankings-class-filter-btn:hover span {
	color: #ffda8a;
}

.rankings-tab-btn {
	border: 1px solid rgba(255, 218, 138, 0.35);
	background: rgba(20, 18, 10, 0.35);
	color: #ffffff;
	padding: 10px 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}

.rankings-tab-btn.active {
	background: rgba(255, 218, 138, 0.2);
	color: #ffda8a;
	border-color: #ffda8a;
}

.rankings-tab-panel {
	display: none;
}

.rankings-tab-panel.active {
	display: block;
}

.rankings-modal-table {
	background: rgba(0, 0, 0, 0.25);
	color: #ffffff;
	margin-bottom: 0px;
}

.rankings-modal-table-wrapper {
	overflow: auto;
	max-height: 62vh;
	padding-right: 6px;
	overscroll-behavior: contain;
}

.rankings-modal-table-wrapper::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.rankings-modal-table-wrapper::-webkit-scrollbar-thumb {
	background: rgba(255, 218, 138, 0.55);
}

.rankings-modal-table-wrapper::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.3);
}

.rankings-modal-table > thead > tr > th {
	border-bottom: 1px solid rgba(255, 218, 138, 0.24) !important;
	color: #ffda8a;
	white-space: nowrap;
}

.rankings-modal-table > tbody > tr > td {
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
	white-space: nowrap;
}

.rankings-modal-position {
	color: #ffda8a;
	font-weight: bold;
}

.rankings-modal-table .rankings-class-image {
	width: 28px;
	height: 28px;
}

.rankings-online-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.25);
}

.rankings-online-dot.is-online {
	background: #44d35f;
	box-shadow: 0px 0px 10px rgba(68, 211, 95, 0.75);
}

.rankings-online-dot.is-offline {
	background: #d93a3a;
	box-shadow: 0px 0px 10px rgba(217, 58, 58, 0.75);
}

.rankings-class-online .rankings-class-image {
	box-shadow: 0px 0px 10px rgba(68, 211, 95, 0.6);
}

.rankings-class-offline .rankings-class-image {
	box-shadow: 0px 0px 10px rgba(217, 58, 58, 0.6);
}

.rankings-modal-empty {
	color: rgba(255, 255, 255, 0.84);
}

body.overlay-modal-open {
	overflow: hidden;
}

.auth-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.72);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	z-index: 1000000;
	padding: 40px 20px;
	overflow-y: auto;
}

body.home-layout .auth-modal {
	background: rgba(0, 0, 0, 0.34);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}

.auth-modal-dialog {
	max-width: 520px;
	margin: 0px auto;
	background: rgba(8, 14, 24, 0.75);
	border: 1px solid rgba(255, 218, 138, 0.32);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	padding: 24px;
	border-radius: 10px;
	position: relative;
}

.auth-modal-close {
	position: absolute;
	top: 10px;
	right: 14px;
	border: none;
	background: transparent;
	color: #ffffff;
	font-size: 32px;
	line-height: 1;
}

.auth-modal-header h2 {
	margin: 0px 0px 18px 0px;
	color: #ffda8a;
	font-family: 'Cinzel', serif;
}

.auth-modal-response {
	margin-bottom: 12px;
	color: #ffffff;
}

.auth-form {
	display: grid;
	gap: 12px;
}

.auth-form-field {
	display: grid;
	gap: 6px;
}

.auth-form-field label {
	color: rgba(255, 255, 255, 0.88);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.auth-form-field input {
	border: 1px solid rgba(255, 218, 138, 0.3);
	background: rgba(0, 0, 0, 0.35);
	border-radius: 8px;
	color: #ffffff;
	padding: 10px 12px;
}

.auth-captcha-row {
	display: grid;
	grid-template-columns: 1fr 120px;
	gap: 8px;
	align-items: center;
	color: #ffda8a;
}

.auth-submit-btn {
	border: 1px solid rgba(255, 218, 138, 0.65);
	background: rgba(255, 218, 138, 0.2);
	color: #ffda8a;
	padding: 11px 14px;
	border-radius: 8px;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.auth-submit-btn:hover {
	background: rgba(255, 218, 138, 0.3);
	color: #ffffff;
}

.usercp-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	z-index: 1000001;
	padding: 24px;
	overflow-y: auto;
}

body.home-layout .usercp-modal {
	background: rgba(0, 0, 0, 0.45);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}

.usercp-modal-dialog {
	width: min(1380px, 100%);
	margin: 0px auto;
	background: rgba(8, 14, 24, 0.72);
	border: 1px solid rgba(255, 218, 138, 0.3);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border-radius: 12px;
	position: relative;
	padding: 18px;
}

.usercp-modal-close {
	position: absolute;
	top: 10px;
	right: 14px;
	border: none;
	background: transparent;
	color: #ffffff;
	font-size: 34px;
	line-height: 1;
}

.usercp-modal-layout {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 18px;
}

.usercp-modal-left h2 {
	margin: 4px 0px 12px 0px;
	color: #ffda8a;
	font-family: 'Cinzel', serif;
}

.usercp-modal-menu {
	display: grid;
	gap: 10px;
	max-height: calc(100vh - 170px);
	overflow-y: auto;
	padding-right: 4px;
}

.usercp-modal-item {
	border: 1px solid rgba(255, 218, 138, 0.24);
	background: rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	padding: 10px 12px;
	display: flex;
	align-items: center;
	gap: 10px;
	color: #ffffff;
}

.usercp-modal-item img {
	width: 52px;
	height: 52px;
	object-fit: contain;
}

.usercp-modal-item span {
	color: #ffffff;
	font-size: 13px;
}

.usercp-modal-item.active,
.usercp-modal-item:hover {
	border-color: rgba(255, 218, 138, 0.72);
	background: rgba(22, 18, 10, 0.5);
}

.usercp-modal-right {
	background: rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(255, 218, 138, 0.2);
	border-radius: 10px;
	padding: 18px;
	max-height: calc(100vh - 110px);
	overflow: auto;
}

#usercpModalContent .form-control,
#usercpModalContent select,
#usercpModalContent input[type="text"],
#usercpModalContent input[type="password"],
#usercpModalContent input[type="number"],
#usercpModalContent input[type="email"] {
	border: 1px solid rgba(255, 218, 138, 0.3);
	background: rgba(0, 0, 0, 0.35);
	border-radius: 8px;
	color: #ffffff;
}

#usercpModalContent .btn,
#usercpModalContent button {
	border-radius: 8px;
}

@media only screen and (max-width: 992px) {
	.usercp-modal-layout {
		grid-template-columns: 1fr;
	}

	.usercp-modal-right {
		max-height: none;
	}
}