html {
	min-width: 0;
}

body.realmu-body {
	background:
		linear-gradient(180deg, rgba(5, 9, 18, 0.68) 0%, rgba(5, 9, 18, 0.92) 40%, #060912 100%),
		url('../images/cover_page.jpg') no-repeat top center fixed !important;
	background-size: cover !important;
	color: #d7deec;
	font-family: 'GothamSSm-Light', 'Segoe UI', Tahoma, sans-serif;
	height: auto;
	min-height: 100%;
}

a {
	color: #f4f7ff;
	transition: all 0.2s ease;
}

a:hover,
a:focus {
	color: #ffd978;
	text-decoration: none;
}

a,
button,
[role="button"],
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn,
.rm-btn,
.rm-header-live,
.rm-topline-cta,
.rm-slider-side,
.rm-promo-nav,
.rm-slider-dot,
.rm-nav-toggle,
.main-menu a,
.mega-menu a,
.rm-news-link,
.rm-sidebox-patch .rm-patch-list a,
.rm-guides-manage-link {
	cursor: pointer;
}

a:focus,
a:active,
a:focus-visible,
button:focus,
button:active,
button:focus-visible,
[role="button"]:focus,
[role="button"]:active,
[role="button"]:focus-visible,
input[type="button"]:focus,
input[type="button"]:active,
input[type="button"]:focus-visible,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus-visible,
input[type="reset"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus-visible,
.btn:focus,
.btn:active,
.btn:focus-visible,
.rm-btn:focus,
.rm-btn:active,
.rm-btn:focus-visible,
.rm-header-live:focus,
.rm-header-live:active,
.rm-header-live:focus-visible,
.rm-topline-cta:focus,
.rm-topline-cta:active,
.rm-topline-cta:focus-visible,
.rm-slider-side:focus,
.rm-slider-side:active,
.rm-slider-side:focus-visible,
.rm-promo-nav:focus,
.rm-promo-nav:active,
.rm-promo-nav:focus-visible,
.rm-slider-dot:focus,
.rm-slider-dot:active,
.rm-slider-dot:focus-visible,
.rm-nav-toggle:focus,
.rm-nav-toggle:active,
.rm-nav-toggle:focus-visible,
.main-menu a:focus,
.main-menu a:active,
.main-menu a:focus-visible,
.mega-menu a:focus,
.mega-menu a:active,
.mega-menu a:focus-visible,
.rm-news-link:focus,
.rm-news-link:active,
.rm-news-link:focus-visible,
.rm-sidebox-patch .rm-patch-list a:focus,
.rm-sidebox-patch .rm-patch-list a:active,
.rm-sidebox-patch .rm-patch-list a:focus-visible,
.rm-guides-manage-link:focus,
.rm-guides-manage-link:active,
.rm-guides-manage-link:focus-visible {
	outline: 0 !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
	border: 0;
}

.rm-container {
	max-width: 1280px;
	width: auto !important;
}

.rm-page-shell {
	position: relative;
}

.rm-topline {
	background: rgba(7, 11, 20, 0.86);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	position: relative;
	z-index: 20;
}

.rm-topline-left,
.rm-topline-right {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	min-height: 54px;
}

.rm-topline-right {
	justify-content: flex-end;
}

.rm-topline-label,
.rm-topline-link {
	color: rgba(214, 221, 236, 0.76);
	font-size: 12px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.rm-topline-value {
	color: #fff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.rm-header-shell {
	background:
		linear-gradient(180deg, rgba(18, 25, 41, 0.88) 0%, rgba(12, 17, 30, 0.92) 100%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
	position: sticky;
	top: 0;
	z-index: 15;
}

.rm-header-main {
	align-items: center;
	display: grid;
	gap: 18px;
	grid-template-columns: 280px 160px minmax(420px, 1fr) 320px;
	padding: 14px 0 12px;
}

.rm-brand img {
	max-height: 92px;
	max-width: 220px;
	width: auto;
}

.rm-header-counter,
.rm-account-shell {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 18px;
	padding: 14px 16px;
}

.rm-card-label {
	color: rgba(213, 220, 235, 0.66);
	display: block;
	font-family: 'GothamSSm-Medium', 'Segoe UI', sans-serif;
	font-size: 11px;
	letter-spacing: 0.16em;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.rm-card-value,
.rm-card-value-small {
	color: #fff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
}

.rm-card-value {
	font-size: 36px;
	line-height: 1;
}

.rm-card-value-small {
	font-size: 22px;
	line-height: 1.2;
}

.rm-card-subvalue {
	color: rgba(213, 220, 235, 0.7);
	font-size: 12px;
}

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

.main-menu > ul {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
}

.main-menu > ul > li {
	position: relative;
}

.main-menu > ul > li > a {
	border-radius: 999px;
	color: #f5f7ff;
	display: inline-block;
	font-family: 'GothamSSm-Medium', 'Segoe UI', sans-serif;
	font-size: 12px;
	letter-spacing: 0.12em;
	padding: 12px 16px;
	text-transform: uppercase;
}

.main-menu > ul > li:hover > a {

	color: #ffd978;
}

.mega-menu {
	background: rgba(9, 14, 26, 0.98);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 20px;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
	display: none;
	gap: 24px;
	left: 0;
	min-width: 340px;
	padding: 18px;
	position: absolute;
	top: calc(100% + 10px);
	z-index: 30;
}

.mega-menu-wrap:hover .mega-menu {
	display: flex;
}

.mega-menu > li {
	min-width: 150px;
}

.mega-menu .sidebox-title {
	color: #fff !important;
	display: block;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 12px;
	letter-spacing: 0.12em;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.mega-menu li ul li {
	margin-bottom: 8px;
}

.mega-menu li ul li a {
	color: rgba(214, 221, 236, 0.82);
	font-size: 13px;
}

.rm-account-shell {
	min-height: 84px;
}

.rm-login-inline {
	display: grid;
	gap: 8px;
	grid-template-columns: 1fr 1fr auto;
}

.rm-account-links,
.rm-account-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 10px;
}

.rm-account-links a {
	color: rgba(214, 221, 236, 0.72);
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.rm-language-dropdown {
	position: relative;
}

.rm-language-current {
	align-items: center;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	color: #fff;
	display: inline-flex;
	gap: 8px;
	padding: 8px 12px;
}

.rm-language-current img,
.rm-language-list img {
	border-radius: 50%;
	height: 18px;
	width: 18px;
}

.rm-language-list {
	background: rgba(9, 14, 26, 0.98);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 16px;
	display: none;
	list-style: none;
	margin: 8px 0 0;
	min-width: 170px;
	padding: 8px;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 30;
}

.rm-language-dropdown.is-open .rm-language-list {
	display: block;
}

.rm-language-list li a {
	align-items: center;
	border-radius: 12px;
	display: flex;
	gap: 10px;
	padding: 10px 12px;
}

.rm-language-list li a:hover {
	background: rgba(255, 255, 255, 0.06);
}

.rm-hero-video {
	min-height: 560px;
	overflow: hidden;
	position: relative;
}

.rm-hero-video video {
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
}

.rm-hero-overlay {
	background:
		radial-gradient(circle at 20% 20%, rgba(255, 184, 77, 0.14), transparent 32%),
		linear-gradient(90deg, rgba(5, 8, 18, 0.9) 0%, rgba(7, 10, 20, 0.58) 40%, rgba(7, 10, 20, 0.88) 100%);
	inset: 0;
	position: absolute;
}

.rm-hero-content {
	align-items: center;
	display: flex;
	justify-content: flex-start;
	min-height: 560px;
	position: relative;
	z-index: 1;
}

.rm-kicker,
.rm-section-kicker {
	color: #ffd978;
	display: inline-block;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 12px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
}

.rm-hero-logo {
	display: block;
	margin: 18px 0 18px;
	max-width: min(620px, 100%);
}

.rm-hero-copy p {
	color: rgba(232, 237, 247, 0.85);
	font-size: 17px;
	line-height: 1.8;
	margin-bottom: 22px;
	max-width: 460px;
}

.rm-hero-copy {
	padding: 50px 0 20px;
}

.rm-hero-miniinfo {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	margin-top: 24px;
}

.rm-hero-miniitem {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 16px;
	min-width: 150px;
	padding: 12px 16px;
}

.rm-hero-miniitem span {
	color: rgba(214, 221, 236, 0.64);
	display: block;
	font-size: 11px;
	letter-spacing: 0.12em;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.rm-hero-miniitem strong {
	color: #fff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 18px;
}

.rm-copy-actions,
.rm-login-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.rm-btn {
	border-radius: 999px;
	display: inline-block;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 11px;
	letter-spacing: 0.12em;
	padding: 13px 22px;
	text-transform: uppercase;
	transition: all 0.2s ease;
}

.rm-btn:hover {
	transform: translateY(-1px);
}

.rm-btn-small,
.btn.btn-xs {
	font-size: 10px;
	padding: 8px 14px;
}

.rm-btn-primary,
.btn-primary,
.btn.btn-primary {
	background: linear-gradient(135deg, #ffd166 0%, #ce8127 100%);
	border: 0;
	color: #141414;
}

.rm-btn-secondary {
	background: rgba(255, 255, 255, 0.09);
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: #fff;
}

.rm-btn-ghost,
.btn.btn-default {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.18);
	color: #fff;
}

.rm-hero-sidecards,
.rm-sidebox,
.rm-news-card,
.rm-war-card,
.rm-ranking-card,
.rm-content-shell,
.rm-inner-hero-box,
.rm-footer-shell,
.panel,
.footer-container {
	backdrop-filter: blur(8px);
	background: rgba(8, 13, 24, 0.82);
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.28);
}

.rm-hero-sidecards {
	border-radius: 26px;
	display: grid;
	gap: 14px;
	padding: 16px;
}

.rm-info-card {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 18px;
	padding: 18px;
}

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

.rm-meta-grid strong {
	color: #fff;
	display: block;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 18px;
}

.rm-progress {
	background: rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	height: 12px;
	margin-top: 14px;
	overflow: hidden;
}

.rm-progress-wide {
	margin-top: 18px;
}

.rm-progress-bar {
	background: linear-gradient(90deg, #ffd166 0%, #ff9a3d 100%);
	border-radius: 999px;
	height: 100%;
}

.rm-main {
	padding: 22px 0 40px;
}

.rm-section {
	margin-bottom: 30px;
}

.rm-section-head {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}

.rm-section-title {
	color: #fff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 34px;
	line-height: 1.15;
	margin: 8px 0 0;
}

.rm-news-card,
.rm-sidebox,
.rm-war-card,
.rm-ranking-card,
.rm-content-shell,
.rm-inner-hero-box {
	border-radius: 24px;
	padding: 22px;
}

.rm-news-section .row > .col-lg-8,
.rm-news-section .row > .col-lg-4 {
	display: flex;
	flex-direction: column;
}

.rm-news-card {
	margin-bottom: 18px;
	min-height: 210px;
}

.rm-news-card-image,
.rm-promo-card a {
	display: block;
	overflow: hidden;
	border-radius: 18px;
}

.rm-news-card-image img,
.rm-promo-card img {
	display: block;
	width: 100%;
}

.rm-news-meta {
	color: rgba(214, 221, 236, 0.66);
	display: flex;
	gap: 14px;
	font-size: 11px;
	letter-spacing: 0.1em;
	margin-top: 4px;
	text-transform: uppercase;
}

.rm-news-title {
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 26px;
	line-height: 1.2;
	margin: 14px 0 12px;
}

.rm-news-excerpt {
	color: rgba(214, 221, 236, 0.8);
	font-size: 15px;
	line-height: 1.8;
	margin: 0;
}

.rm-sidebox {
	margin-bottom: 18px;
}

.rm-sidebox-title {
	color: #fff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 22px;
	margin: 0 0 18px;
}

.rm-patch-list,
.rm-user-links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.rm-patch-list li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	padding: 12px 0;
}

.rm-patch-list li:last-child {
	border-bottom: 0;
}

.rm-patch-list a {
	display: flex;
	gap: 10px;
	justify-content: space-between;
}

.rm-patch-list strong {
	color: #ffd978;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 12px;
	white-space: nowrap;
}

.rm-promo-card {
	border-radius: 20px;
	box-shadow: 0 18px 35px rgba(0, 0, 0, 0.24);
	margin-bottom: 18px;
	overflow: hidden;
}

.rm-promo-card img {
	display: block;
	width: 100%;
}

.rm-login-form .form-group {
	margin-bottom: 12px;
}

.rm-sidebox-cta {
	margin-top: 16px;
}

.rm-war-card-body-compact {
	min-height: 0;
}

.rm-user-links li {
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	display: flex;
	gap: 12px;
	padding: 12px 0;
}

.rm-user-links li:last-child {
	border-bottom: 0;
}

.rm-user-links img {
	border-radius: 10px;
	height: 30px;
	width: 30px;
}

.rm-war-card h3,
.rm-ranking-card-head h3 {
	color: #fff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 24px;
	margin: 0 0 18px;
}

.rm-war-card-body {
	align-items: center;
	display: flex;
	gap: 18px;
	min-height: 190px;
}

.rm-war-logo img {
	border-radius: 14px;
}

.rm-war-info {
	display: grid;
	gap: 10px;
}

.rm-war-info span,
.rm-rate-grid span {
	color: rgba(214, 221, 236, 0.64);
	display: block;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.rm-war-info strong,
.rm-rate-grid strong,
.rm-war-footer strong {
	color: #fff;
	display: block;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 18px;
	margin-top: 4px;
}

.rm-war-footer {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	margin-top: 16px;
	padding-top: 16px;
}

.rm-war-footer span {
	color: rgba(214, 221, 236, 0.64);
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.rm-schedule-table {
	width: 100%;
}

.rm-schedule-table tr td {
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	padding: 10px 0;
	vertical-align: top;
}

.rm-schedule-table tr:last-child td {
	border-bottom: 0;
}

.rm-schedule-table small {
	color: rgba(214, 221, 236, 0.66);
	display: block;
	font-size: 11px;
	margin-top: 3px;
}

.rm-rate-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rm-rate-divider {
	background: rgba(255, 255, 255, 0.08);
	height: 1px;
	margin: 20px 0;
}

.rm-ranking-card-head {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
}

.rm-ranking-card-head span {
	color: rgba(214, 221, 236, 0.66);
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.rm-ranking-row {
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	display: grid;
	gap: 12px;
	grid-template-columns: 62px minmax(0, 1fr) 92px 110px;
	padding: 12px 0;
}

.rm-ranking-row:last-child {
	border-bottom: 0;
}

.rm-ranking-cell {
	min-width: 0;
}

.rm-ranking-pos {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 7px center;
	background-size: 24px auto;
	border-radius: 0;
	color: #fff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	padding: 10px 0;
	text-align: left;
}

.rm-ranking-card .rm-ranking-pos {
	background-color: transparent !important;
}

.rm-ranking-card .rm-ranking-pos .rm-ranking-ordinal {
	background: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
}

.rm-ranking-guild-pos {
	background-image: linear-gradient(135deg, rgba(255, 208, 94, 0.18), rgba(255, 208, 94, 0.02));
	padding-left: 14px;
	text-align: center;
}

.rm-ranking-card .rm-ranking-guild-pos {
	background-image: none !important;
}

.rm-ranking-stat,
.rm-ranking-mini {
	text-align: center;
}

.rm-ranking-logo img {
	height: 24px;
	width: 24px;
}

.rm-empty-state,
.rm-empty-line {
	color: rgba(214, 221, 236, 0.65);
	font-size: 14px;
	padding: 8px 0;
}

.rm-inner-hero {
	padding: 38px 0 16px;
}

.rm-inner-hero-box {
	align-items: center;
	background:
		radial-gradient(circle at center, rgba(255, 170, 84, 0.06), transparent 28%),
		linear-gradient(180deg, rgba(8, 12, 22, 0.95), rgba(7, 11, 20, 0.98));
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 210px;
	overflow: hidden;
	padding: 42px 24px 34px;
	position: relative;
	text-align: center;
}

.rm-inner-hero-box h1 {
	color: #fff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: clamp(40px, 4.6vw, 62px);
	letter-spacing: -0.04em;
	line-height: 1;
	margin: 0;
	position: relative;
	text-transform: uppercase;
	z-index: 2;
}

.rm-inner-hero-box:before {
	content: "";
	inset: 0;
	position: absolute;
	background:
		linear-gradient(90deg, rgba(3, 5, 12, 0.96) 0%, rgba(5, 8, 16, 0.86) 40%, rgba(5, 8, 16, 0.96) 100%),
		radial-gradient(circle at center, rgba(255, 191, 122, 0.06), transparent 34%);
	z-index: 0;
}

.rm-inner-hero-box:after {
	-webkit-text-stroke: 1px rgba(214, 221, 236, 0.15);
	color: transparent;
	content: attr(data-title);
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: clamp(70px, 16vw, 220px);
	left: 50%;
	letter-spacing: -0.06em;
	line-height: 0.82;
	margin: 0;
	max-width: calc(100% - 48px);
	opacity: 0.45;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	text-overflow: clip;
	text-transform: uppercase;
	top: 50%;
	transform: translate(-50%, -55%);
	white-space: nowrap;
	z-index: 1;
}

.rm-inner-breadcrumb {
	margin-top: 14px;
	position: relative;
	z-index: 2;
}

.rm-breadcrumb-list {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.rm-breadcrumb-item {
	align-items: center;
	color: rgba(214, 221, 236, 0.86);
	display: inline-flex;
	font-size: 12px;
	gap: 10px;
	line-height: 1.2;
}

.rm-breadcrumb-item + .rm-breadcrumb-item:before {
	color: rgba(255, 217, 120, 0.68);
	content: "/";
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 12px;
}

.rm-breadcrumb-link {
	align-items: center;
	color: rgba(241, 244, 251, 0.9);
	display: inline-flex;
	gap: 6px;
}

.rm-breadcrumb-link:hover,
.rm-breadcrumb-link:focus {
	color: #ffd978;
}

.rm-breadcrumb-current {
	color: #ffffff;
}

.rm-breadcrumb-link .glyphicon {
	font-size: 11px;
}

#container {
	background: transparent !important;
	border-radius: 0;
	margin: 0;
	padding: 0;
	width: auto !important;
}

#content {
	padding: 0;
}

.rm-module-shell {
	padding: 24px;
}

.page-title {
	margin-bottom: 22px;
}

.page-title span {
	color: #fff;
	display: block;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 30px;
	letter-spacing: 0.02em;
	line-height: 1.2;
	padding-bottom: 14px;
	position: relative;
}

.page-title span:after {
	background: linear-gradient(90deg, #ffd166 0%, rgba(255, 209, 102, 0.08) 100%);
	border-radius: 999px;
	bottom: 0;
	content: '';
	height: 3px;
	left: 0;
	position: absolute;
	width: 120px;
}

.alert {
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 16px;
	margin-bottom: 20px;
}

.alert-info,
.alert-success {
	background: rgba(75, 125, 87, 0.18);
	color: #dff6e6;
}

.alert-danger,
.alert-warning {
	background: rgba(149, 62, 53, 0.22);
	color: #ffd9d2;
}

.panel {
	border-radius: 22px;
	color: #d7deec;
	margin-bottom: 20px;
}

.panel-heading {
	background: transparent !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	color: #fff !important;
	padding: 18px 22px !important;
}

.panel-title,
.panel-title a {
	color: #fff !important;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 18px;
}

.panel-body {
	padding: 20px 22px !important;
}

.panel-footer {
	background: rgba(255, 255, 255, 0.03) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
	color: rgba(214, 221, 236, 0.74);
}

.table {
	color: #d7deec;
}

.table > thead > tr > th,
.table > tbody > tr > td {
	border-color: rgba(255, 255, 255, 0.08) !important;
}

.form-control {
	background: rgba(255, 255, 255, 0.06) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 12px !important;
	color: #fff !important;
	height: 42px;
}

.form-control:focus {
	border-color: rgba(255, 217, 120, 0.5) !important;
	box-shadow: 0 0 0 3px rgba(255, 217, 120, 0.12) !important;
}

textarea.form-control {
	height: auto;
	min-height: 180px;
	padding-top: 12px;
	resize: vertical;
}

.help-block {
	color: rgba(214, 221, 236, 0.64);
}

.control-label,
label {
	color: #e8edf7;
	font-family: 'GothamSSm-Medium', 'Segoe UI', sans-serif;
	font-size: 13px;
	letter-spacing: 0.03em;
}

.form-horizontal {
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 22px;
	padding: 22px 18px 6px;
}

.thumbnail {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 18px;
	padding: 12px;
}

.thumbnail img {
	border-radius: 14px;
}

.download-description {
	color: rgba(214, 221, 236, 0.64);
	display: inline-block;
	margin-top: 4px;
}

.rankings_menu,
.rankings-class-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	list-style: none;
	margin-bottom: 18px;
	padding: 0;
	width: 100%;
}

.rankings-class-filter li {
	display: flex;
}

.rankings_menu a,
.rankings-class-filter a {
	align-items: center;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	color: #f4f7ff;
	display: inline-flex;
	gap: 8px;
	justify-content: center;
	min-height: 68px;
	padding: 10px 16px;
	text-align: center;
}

.rankings_menu a {
	white-space: nowrap;
}

.rankings-class-filter a {
	flex-direction: column;
	gap: 10px;
	line-height: 1.1;
	min-width: 118px;
	padding: 12px 10px;
	white-space: nowrap;
}

.rankings-class-filter-image {
	border-radius: 50%;
	height: 36px;
	display: block;
	flex: 0 0 auto;
	margin: 0 auto;
	width: 36px;
}

.rankings-class-filter-label {
	display: block;
	text-align: center;
	width: 100%;
}

.rankings_menu a.active,
.rankings_menu a:hover,
.rankings-class-filter a:hover,
.rankings-class-filter a.rankings-class-filter-selection:not(.rankings-class-filter-grayscale) {
	background: linear-gradient(135deg, rgba(255, 209, 102, 0.22), rgba(206, 129, 39, 0.16));
	border-color: rgba(255, 209, 102, 0.35);
	color: #fff3cc;
}

.rankings-class-image {
	border-radius: 50%;
	height: 36px;
	width: 36px;
}

.rankings-table-place {
	color: #ffd978;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
}

.rankings-update-time {
	color: rgba(214, 221, 236, 0.66);
	font-size: 12px;
	margin-top: 14px;
	text-align: right;
}

.online-status-indicator {
	margin-left: 8px;
}

.panel-news .panel-body,
.panel-downloads .panel-body,
.panel-general .panel-body {
	background: rgba(255, 255, 255, 0.01);
}

.panel-news .panel-title a {
	font-size: 24px;
}

.news-readmore {
	display: inline-block;
	margin-top: 14px;
}

.panel-news .panel-footer .nopadding {
	padding-left: 0;
	padding-right: 0;
}

.panel-downloads .panel-title {
	color: #fff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 22px;
	margin-bottom: 16px;
}

.rm-module-shell .col-xs-3.text-center img[width="100px"] {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 20px;
	margin-bottom: 10px;
	padding: 12px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background: rgba(255, 255, 255, 0.02);
}

.table-hover > tbody > tr:hover {
	background: rgba(255, 255, 255, 0.04);
}

.rm-footer {
	padding-bottom: 40px;
}

.rm-footer-shell {
	align-items: center;
	border-radius: 24px;
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1fr) auto auto;
	padding: 24px 28px;
}

.rm-footer-brand img {
	margin-bottom: 12px;
	max-height: 56px;
}

.rm-footer-brand p,
.rm-footer-links a,
.rm-footer-social a {
	color: rgba(214, 221, 236, 0.78);
}

.rm-footer-links,
.rm-footer-social {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.event-schedule-open,
.event-schedule-inprogress {
	color: #ffd978;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
}

@media (max-width: 1199px) {
	.rm-header-main {
		grid-template-columns: 230px 150px 1fr;
	}

	.rm-account-shell {
		grid-column: 1 / -1;
	}

	.rm-hero-content {
		padding: 40px 0;
	}

	.main-menu > ul {
		justify-content: flex-start;
	}
}

@media (max-width: 991px) {
	.rm-header-main {
		grid-template-columns: 1fr;
	}

	.main-menu > ul {
		flex-direction: column;
		align-items: stretch;
	}

	.mega-menu {
		position: static;
		margin-top: 8px;
	}

	.rm-login-inline {
		grid-template-columns: 1fr;
	}

	.rm-topline-right {
		justify-content: flex-start;
	}

	.rm-section-title {
		font-size: 28px;
	}

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

	.rm-war-card-body {
		align-items: flex-start;
		flex-direction: column;
	}

	.rm-footer-shell {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	body.realmu-body {
		background-attachment: scroll !important;
	}

	.rm-topline-left,
	.rm-topline-right,
	.rm-section-head,
	.rm-copy-actions,
	.rm-login-actions,
	.rm-footer-links,
	.rm-footer-social {
		justify-content: flex-start;
	}

	.rm-topline-left,
	.rm-topline-right {
		min-height: 0;
		padding: 10px 0;
	}

	.rm-hero-video {
		min-height: 500px;
	}

	.rm-hero-content {
		min-height: 500px;
	}

	.rm-hero-miniinfo {
		gap: 10px;
	}

	.rm-meta-grid,
	.rm-rate-grid {
		grid-template-columns: 1fr;
	}

	.rm-ranking-row {
		grid-template-columns: 54px minmax(0, 1fr) 70px;
	}

	.rm-ranking-mini,
	.rm-ranking-logo {
		display: none;
	}

	.form-horizontal {
		padding: 18px 12px 2px;
	}

	.rm-news-card,
	.rm-sidebox,
	.rm-war-card,
	.rm-ranking-card,
	.rm-content-shell,
	.rm-inner-hero-box,
		.rm-footer-shell {
		padding: 18px;
	}
}

/* TopMU refinement pass */
.rm-topline-link,
.rm-topline-cta {
	align-items: center;
	display: inline-flex;
	justify-content: center;
}

.rm-topline-cta {
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 999px;
	color: #fff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 11px;
	letter-spacing: 0.12em;
	padding: 8px 16px;
	text-transform: uppercase;
}

.rm-topline-cta:hover {
	background: rgba(255, 255, 255, 0.08);
	color: #ffd978;
}

.rm-header-shell {
	background: linear-gradient(180deg, rgba(15, 20, 34, 0.97) 0%, rgba(10, 15, 27, 0.96) 100%);
	box-shadow: none;
}

.rm-header-main {
	gap: 0;
	grid-template-columns: 220px 170px minmax(0, 1fr) 280px;
	padding: 0;
}

.rm-brand-block,
.rm-header-counter,
.rm-header-nav,
.rm-account-shell {
	min-height: 92px;
}

.rm-brand-block,
.rm-header-counter,
.rm-account-shell {
	align-items: center;
	display: flex;
}

.rm-brand-block {
	padding-right: 20px;
}

.rm-brand img {
	max-height: 86px;
	max-width: 172px;
}

.rm-header-counter,
.rm-account-shell {
	background: transparent;
	border: 0;
	border-left: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 0;
	box-shadow: none;
	padding: 0 22px;
}

.rm-header-counter {
	flex-direction: column;
	justify-content: center;
}

.rm-card-label-lined {
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	margin-bottom: 8px;
	padding-bottom: 4px;
	width: 100%;
}

.rm-card-value-small {
	font-size: 28px;
	line-height: 1;
	margin-bottom: 2px;
}

.rm-card-subvalue {
	font-size: 11px;
	letter-spacing: 0.02em;
}

.rm-header-nav {
	align-items: center;
	display: flex;
	justify-content: center;
	min-width: 0;
	padding: 0 24px;
}

.main-menu {
	width: 100%;
}

.main-menu > ul {
	flex-wrap: nowrap;
	gap: 2px;
	justify-content: center;
}

.main-menu > ul > li > a {
	border-radius: 0;
	font-size: 11px;
	letter-spacing: 0.16em;
	padding: 34px 14px;
}

.main-menu > ul > li:hover > a {
	background: transparent;
	color: #ffd978;
}

.mega-menu {
	border-radius: 14px;
	min-width: 640px;
	padding: 22px 24px;
	top: calc(100% - 6px);
}

.rm-account-shell {
	flex-direction: column;
	justify-content: center;
	padding-left: 18px;
	padding-right: 0;
}

.rm-login-inline {
	gap: 6px;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
	width: 100%;
}

.rm-login-inline .form-control {
	height: 32px;
	padding: 6px 10px;
}

.rm-account-links {
	gap: 12px;
	margin-top: 8px;
	width: 100%;
}

.rm-account-links a {
	font-size: 10px;
	letter-spacing: 0.14em;
}

.rm-hero-video {
	min-height: 478px;
}

.rm-hero-overlay {
	background:
		linear-gradient(90deg, rgba(18, 13, 10, 0.78) 0%, rgba(15, 15, 23, 0.7) 26%, rgba(10, 14, 26, 0.88) 62%, rgba(8, 12, 20, 0.96) 100%),
		radial-gradient(circle at 12% 22%, rgba(215, 146, 63, 0.22), transparent 28%);
}

.rm-hero-content {
	align-items: flex-end;
	min-height: 478px;
	padding-bottom: 18px;
}

.rm-hero-copy {
	max-width: 430px;
	padding: 54px 0 12px;
}

.rm-hero-logo {
	margin: 12px 0 8px;
	max-width: 360px;
}

.rm-hero-headline {
	color: #fff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 27px;
	line-height: 1.25;
	margin: 0 0 14px;
	max-width: 390px;
}

.rm-hero-copy p.rm-hero-caption {
	color: rgba(232, 237, 247, 0.82);
	font-size: 15px;
	line-height: 1.8;
	margin-bottom: 18px;
	max-width: 420px;
}

.rm-grand-open-banner {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 0 0 18px;
}

.rm-grand-open-label {
	color: #ffd978;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 12px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.rm-grand-open-timer {
	align-items: center;
	color: #ffffff;
	display: flex;
	flex-wrap: wrap;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	gap: 10px;
	line-height: 1;
}

.rm-grand-open-unit {
	align-items: center;
	background: rgba(10, 14, 22, 0.9);
	border: 1px solid rgba(255, 255, 255, 0.14);
	clip-path: var(--rm-viewall-skew-shape);
	display: inline-flex;
	gap: 6px;
	justify-content: center;
	min-width: 72px;
	padding: 12px 16px;
}

.rm-grand-open-unit strong {
	color: #ffffff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 22px;
	letter-spacing: 0.04em;
}

.rm-grand-open-unit small {
	color: #ffd978;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

@media (max-width: 767px) {
	.rm-grand-open-timer {
		gap: 8px;
	}

	.rm-grand-open-unit {
		min-width: 64px;
		padding: 10px 14px;
	}

	.rm-grand-open-unit strong {
		font-size: 18px;
	}
}

.rm-copy-actions {
	margin-bottom: 18px;
}

.rm-hero-miniinfo {
	gap: 10px;
}

.rm-hero-miniitem {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.04));
	border-radius: 14px;
	min-width: 108px;
	padding: 11px 14px;
}

.rm-hero-miniitem strong {
	font-size: 15px;
}

.rm-main {
	padding: 18px 0 40px;
}

.rm-section-kicker {
	margin-bottom: 2px;
}

.rm-section-title {
	font-size: 40px;
	letter-spacing: -0.04em;
	margin-top: 2px;
}

.rm-news-card,
.rm-sidebox,
.rm-war-card,
.rm-ranking-card {
	background: rgba(9, 13, 24, 0.94);
	border-radius: 18px;
}

.rm-news-card {
	overflow: hidden;
	padding: 0;
}

.rm-news-card-layout {
	display: grid;
	grid-template-columns: 210px minmax(0, 1fr);
	min-height: 232px;
}

.rm-news-media {
	padding: 16px 0 16px 16px;
}

.rm-news-card-image,
.rm-promo-card a {
	border-radius: 14px;
}

.rm-news-card-image img,
.rm-promo-card img {
	height: 100%;
	object-fit: cover;
}

.rm-news-copy {
	padding: 20px 24px 20px 20px;
	position: relative;
}

.rm-news-meta-line {
	align-items: center;
	column-gap: 14px;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 0;
	padding-bottom: 14px;
	position: relative;
	row-gap: 8px;
}

.rm-news-meta-primary {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	line-height: 1;
}

.rm-news-meta-primary > span:not(.rm-news-category) {
	align-items: center;
	display: inline-flex;
	min-height: 27px;
}

.rm-news-meta-line:after,
.rm-news-meta-line:before {
	background: linear-gradient(90deg, rgba(255, 208, 94, 0.9), rgba(255, 208, 94, 0.12));
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
}

.rm-news-meta-line:after {
	height: 1px;
	width: 100%;
}

.rm-news-meta-line:before {
	height: 4px;
	width: 132px;
}

.rm-news-taglist {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
}

.rm-news-category,
.rm-news-taglist span {
	align-items: center;
	border: 1px solid rgba(255, 217, 120, 0.28);
	border-radius: 999px;
	color: #ffd978;
	display: inline-flex;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 11px;
	line-height: 1;
	letter-spacing: 0.12em;
	padding: 6px 10px;
	text-transform: uppercase;
}

.rm-news-category-news {
	background: rgba(255, 217, 120, 0.12);
	border-color: rgba(255, 217, 120, 0.35);
	color: #ffd978;
}

.rm-news-category-notice {
	background: rgba(111, 213, 255, 0.12);
	border-color: rgba(111, 213, 255, 0.38);
	color: #8be0ff;
}

.rm-news-category-update {
	background: rgba(77, 242, 185, 0.12);
	border-color: rgba(77, 242, 185, 0.38);
	color: #63f2c4;
}

.rm-news-category-event {
	background: rgba(255, 143, 88, 0.13);
	border-color: rgba(255, 143, 88, 0.4);
	color: #ffae72;
}

.rm-news-category-maintenance {
	background: rgba(255, 91, 103, 0.12);
	border-color: rgba(255, 91, 103, 0.4);
	color: #ff7b86;
}

.rm-news-category-guide {
	background: rgba(168, 128, 255, 0.13);
	border-color: rgba(168, 128, 255, 0.4);
	color: #c1a7ff;
}

.rm-news-title {
	font-size: 24px;
	margin: 10px 0 12px;
}

.rm-news-excerpt {
	color: rgba(214, 221, 236, 0.76);
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 18px;
}

.rm-news-link {
	color: rgba(214, 221, 236, 0.58);
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 12px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.rm-news-link:hover,
.rm-news-link:focus {
	color: #fff;
}

.rm-sidebox {
	padding: 28px 30px 30px;
}

.rm-sidebox-title {
	font-size: 18px;
	margin-bottom: 18px;
}

.rm-login-form .form-control,
.rm-login-inline .form-control {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 10px;
	color: #fff;
}

.rm-patch-list li {
	padding: 14px 0;
}

.rm-patch-list a {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
}

.rm-patch-list strong {
	color: #ffd978;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 12px;
	flex: 0 0 auto;
}

.rm-promo-card {
	margin-bottom: 18px;
}

.rm-war-card h3,
.rm-ranking-card-head h3 {
	font-size: 20px;
}

.rm-ranking-card .row-ranking {
	display: flex;
	margin-bottom: 10px;
}

.rm-ranking-card .cell-ranking {
	background-color: #0f1116;
	padding: 14px;
}

.rm-ranking-card .cell-ranking a {
	color: #fff !important;
}

.rm-ranking-card .cell-ranking a:hover {
	color: #ba6356 !important;
}

.rm-ranking-card .cell-ranking:first-child {
	background: linear-gradient(135deg, #ba6356 85%, #0f1116 50%);
	flex: 0 0 58px;
	font-weight: 700;
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
}

.rm-ranking-card .cell-ranking:nth-child(2) {
	align-items: center;
	display: flex;
	flex: 1 1 auto;
	font-size: 14px;
	font-weight: 700;
	gap: 10px;
}

.rm-ranking-card .cell-ranking:nth-child(3),
.rm-ranking-card .cell-ranking:nth-child(4) {
	flex: 0 0 auto;
	text-align: right;
}

.rm-ranking-card .cell-ranking span {
	background: rgba(255, 255, 255, 0.05);
	border-radius: 15px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	padding: 6px 12px;
}

.rm-ranking-row {
	border-bottom: 0;
	display: flex;
	gap: 0;
	padding: 0;
}

.rm-ranking-mini {
	justify-content: center;
	min-width: 68px;
}

.rm-ranking-mini .rankings-class-image {
	height: 24px;
	width: 24px;
}

.rm-ranking-guild {
	align-items: center;
	display: flex;
	gap: 10px;
}

.rm-footer-shell {
	background: rgba(9, 13, 24, 0.9);
	border-radius: 18px;
}

@media (max-width: 1199px) {
	.rm-header-main {
		gap: 12px;
		grid-template-columns: 190px 150px 1fr;
		padding: 14px 0 12px;
	}

	.rm-brand-block,
	.rm-header-counter,
	.rm-header-nav,
	.rm-account-shell {
		min-height: 0;
	}

	.rm-header-counter,
	.rm-account-shell {
		border-left: 0;
		padding: 0;
	}

	.rm-account-shell {
		grid-column: 1 / -1;
	}

	.main-menu > ul {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.main-menu > ul > li > a {
		padding: 12px 12px;
	}

	.mega-menu {
		min-width: 420px;
	}
}

@media (max-width: 991px) {
	.rm-news-card-layout {
		grid-template-columns: 1fr;
	}

	.rm-news-media {
		padding: 16px 16px 0;
	}

	.rm-news-card-image img {
		max-height: 260px;
	}

	.rm-news-copy {
		padding: 18px;
	}
}

@media (max-width: 767px) {
	.rm-topline-right {
		gap: 10px;
	}

	.rm-hero-video,
	.rm-hero-content {
		min-height: 420px;
	}

	.rm-hero-copy {
		max-width: 100%;
		padding-top: 34px;
	}

	.rm-hero-logo {
		max-width: 280px;
	}

	.rm-hero-headline {
		font-size: 22px;
	}

	.rm-section-title {
		font-size: 30px;
	}
}

/* Mega menu alignment pass */
.rm-header-shell,
.rm-header-main,
.rm-header-nav,
.main-menu,
.main-menu > ul {
	overflow: visible;
}

.rm-header-main,
.rm-header-nav,
.main-menu > ul {
	position: relative;
}

.main-menu > ul > li,
.mega-menu-wrap {
	position: static;
}

.mega-menu-wrap:hover .mega-menu,
.mega-menu-wrap:focus-within .mega-menu {
	display: grid;
}

.mega-menu {
	background: rgba(40, 32, 35, 0.98);
	border: 0;
	border-radius: 0 0 2px 2px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34);
	display: none;
	gap: 0;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	left: -414px;
	min-width: 0;
	padding: 20px 18px 24px;
	position: absolute;
	right: -280px;
	top: 100%;
	transform: none;
	width: auto;
	z-index: 60;
}

.mega-menu > li {
	border-right: 1px solid rgba(255, 255, 255, 0.09);
	min-width: 0;
	padding: 10px 18px 8px;
}

.mega-menu > li:last-child {
	border-right: 0;
}

.mega-menu .sidebox-title {
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	color: #ffffff !important;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 13px;
	letter-spacing: 0.12em;
	margin-bottom: 14px;
	padding-bottom: 14px;
	position: relative;
	text-transform: uppercase;
}

.mega-menu .sidebox-title:before {
	color: #ba6356;
	content: '--';
	display: inline-block;
	margin-right: 10px;
}

.mega-menu li ul {
	margin: 0;
	padding: 0;
}

.mega-menu li ul li {
	margin-bottom: 8px;
}

.mega-menu li ul li:last-child {
	margin-bottom: 0;
}

.mega-menu li ul li a {
	color: rgba(214, 221, 236, 0.72);
	display: inline-block;
	font-size: 14px;
	line-height: 1.7;
	padding: 2px 0;
}

.mega-menu li ul li a:hover {
	color: #ffffff;
}

@media (max-width: 1400px) {
	.mega-menu {
		left: -300px;
		right: -220px;
	}
}

@media (max-width: 1199px) {
	.mega-menu {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		left: 0;
		padding: 18px 16px 20px;
		right: 0;
	}

	.mega-menu > li:nth-child(3n) {
		border-right: 0;
	}
}

@media (max-width: 991px) {
	.mega-menu {
		background: rgba(18, 16, 19, 0.96);
		border-radius: 14px;
		grid-template-columns: 1fr;
		left: 0;
		margin-top: 8px;
		padding: 10px 16px;
		position: static;
		right: 0;
	}

	.mega-menu > li {
		border-bottom: 1px solid rgba(255, 255, 255, 0.08);
		border-right: 0;
		padding: 12px 0;
	}

	.mega-menu > li:last-child {
		border-bottom: 0;
	}
}

/* Width and spacing pass */
.rm-container {
	max-width: 1500px;
	padding-left: 26px !important;
	padding-right: 26px !important;
	width: 100% !important;
}

.rm-header-main {
	grid-template-columns: 220px 185px minmax(0, 1fr) 300px;
}

.rm-brand-block,
.rm-header-counter,
.rm-header-nav,
.rm-account-shell {
	min-height: 98px;
}

.rm-brand-block {
	padding-right: 24px;
}

.rm-brand img {
	max-height: 94px;
	max-width: 184px;
}

.rm-header-counter,
.rm-account-shell {
	padding-left: 26px;
	padding-right: 18px;
}

.rm-card-label,
.rm-card-subvalue {
	font-size: 11px;
}

.rm-card-value-small {
	font-size: 31px;
}

.rm-header-nav {
	padding: 0 36px;
}

.main-menu > ul {
	gap: 8px;
}

.main-menu > ul > li > a {
	font-size: 12px;
	letter-spacing: 0.14em;
	padding: 38px 18px;
}

.mega-menu {
	left: 50%;
	padding: 26px 28px 30px;
	right: auto;
	top: 100%;
	transform: translateX(-50%);
	width: min(1500px, calc(100vw - 90px));
}

.mega-menu > li {
	padding: 12px 28px 14px;
}

.mega-menu .sidebox-title {
	font-size: 14px;
	margin-bottom: 16px;
	padding-bottom: 16px;
}

.mega-menu li ul li a {
	font-size: 15px;
	line-height: 1.9;
}

.rm-hero-content {
	min-height: 520px;
}

.rm-hero-copy {
	max-width: 470px;
}

.rm-main {
	padding-top: 14px;
}

.rm-news-section .row {
	margin-left: -18px;
	margin-right: -18px;
}

.rm-news-section .row > .col-lg-8,
.rm-news-section .row > .col-lg-4 {
	padding-left: 18px;
	padding-right: 18px;
}

.rm-news-section .row > .col-lg-8 {
	width: 72%;
}

.rm-news-section .row > .col-lg-4 {
	width: 28%;
}

.rm-section-head {
	margin-bottom: 24px;
}

.rm-section-kicker {
	font-size: 13px;
	letter-spacing: 0.2em;
}

.rm-section-title {
	font-size: 46px;
}

.rm-news-card-layout {
	grid-template-columns: 250px minmax(0, 1fr);
	min-height: 252px;
}

.rm-news-media {
	padding: 18px 0 18px 18px;
}

.rm-news-copy {
	padding: 24px 30px 24px 24px;
}

.rm-news-meta {
	font-size: 12px;
}

.rm-news-taglist span {
	font-size: 12px;
}

.rm-news-title {
	font-size: 32px;
	line-height: 1.18;
}

.rm-news-excerpt {
	font-size: 17px;
	line-height: 1.85;
}

.rm-news-link {
	font-size: 12px;
}

.rm-sidebox {
	padding: 30px 32px 32px;
}

.rm-sidebox-title {
	font-size: 24px;
}

.rm-login-form .form-control {
	font-size: 14px;
	height: 42px;
}

.rm-patch-list a {
	font-size: 14px;
}

.rm-patch-list strong {
	font-size: 13px;
}

.rm-promo-card img {
	width: 100%;
}

@media (max-width: 1400px) {
	.rm-container {
		max-width: 1420px;
	}

	.mega-menu {
		width: min(1420px, calc(100vw - 70px));
	}
}

@media (max-width: 1199px) {
	.rm-container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.rm-header-main {
		grid-template-columns: 190px 160px minmax(0, 1fr);
	}

	.rm-header-counter,
	.rm-account-shell {
		padding-left: 0;
		padding-right: 0;
	}

	.rm-header-nav {
		padding: 0 18px;
	}

	.main-menu > ul > li > a {
		font-size: 11px;
		padding: 16px 12px;
	}

	.mega-menu {
		transform: translateX(-50%);
		width: calc(100vw - 48px);
	}

	.rm-news-section .row > .col-lg-8 {
		width: 68%;
	}

	.rm-news-section .row > .col-lg-4 {
		width: 32%;
	}

	.rm-section-title {
		font-size: 40px;
	}

	.rm-news-title {
		font-size: 28px;
	}
}

@media (max-width: 991px) {
	.rm-news-section .row {
		margin-left: -15px;
		margin-right: -15px;
	}

	.mega-menu {
		transform: none;
		width: 100%;
	}

	.rm-news-section .row > .col-lg-8,
	.rm-news-section .row > .col-lg-4 {
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
	}

	.rm-section-title {
		font-size: 34px;
	}

	.rm-sidebox-title {
		font-size: 22px;
	}
}

@media (max-width: 767px) {
	.rm-container {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}

	.rm-header-nav {
		padding: 0;
	}

	.rm-section-title {
		font-size: 30px;
	}

	.rm-news-title {
		font-size: 24px;
	}

	.rm-sidebox {
		padding: 22px 22px 24px;
	}
}

/* Section color pass */
.rm-news-section,
.rm-war-section,
.rm-ranking-section,
.rm-class-section,
.rm-event-section,
.rm-guides-section {
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 28px;
	margin-bottom: 34px;
	overflow: hidden;
	padding: 34px 34px 38px;
	position: relative;
}

.rm-news-section::before,
.rm-war-section::before,
.rm-ranking-section::before,
.rm-class-section::before,
.rm-event-section::before,
.rm-guides-section::before {
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.rm-news-section > *,
.rm-war-section > *,
.rm-ranking-section > *,
.rm-class-section > *,
.rm-event-section > *,
.rm-guides-section > * {
	position: relative;
	z-index: 1;
}

.rm-news-section {
	background: linear-gradient(180deg, rgba(5, 10, 19, 0.95), rgba(8, 12, 22, 0.98));
	border-color: rgba(88, 119, 171, 0.16);
}

.rm-news-section::before {
	background:
		radial-gradient(circle at left top, rgba(175, 116, 54, 0.2), transparent 36%),
		radial-gradient(circle at right center, rgba(33, 72, 137, 0.16), transparent 34%);
}

.rm-war-section {
	background: linear-gradient(135deg, rgba(28, 20, 19, 0.98), rgba(11, 12, 19, 0.98) 58%, rgba(38, 23, 16, 0.94));
	border-color: rgba(186, 99, 86, 0.18);
}

.rm-war-section::before {
	background:
		radial-gradient(circle at left center, rgba(180, 93, 68, 0.18), transparent 32%),
		linear-gradient(180deg, rgba(255, 187, 121, 0.03), transparent 34%);
}

.rm-ranking-section {
	background: linear-gradient(135deg, rgba(10, 12, 18, 0.99), rgba(22, 20, 26, 0.98) 55%, rgba(49, 30, 23, 0.88));
	border-color: rgba(255, 211, 133, 0.15);
}

.rm-ranking-section::before {
	background:
		radial-gradient(circle at right top, rgba(202, 139, 81, 0.14), transparent 32%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 30%);
}

.rm-class-section {
	background: linear-gradient(135deg, rgba(11, 16, 27, 0.99), rgba(9, 12, 22, 0.98) 48%, rgba(31, 21, 15, 0.96));
	border-color: rgba(116, 145, 201, 0.2);
}

.rm-class-section::before {
	background:
		radial-gradient(circle at left center, rgba(72, 118, 201, 0.15), transparent 32%),
		radial-gradient(circle at right top, rgba(198, 144, 73, 0.16), transparent 28%);
}

.rm-event-section {
	background: linear-gradient(135deg, rgba(10, 15, 28, 0.99), rgba(12, 15, 25, 0.98) 48%, rgba(24, 17, 14, 0.95));
	border-color: rgba(112, 152, 216, 0.18);
}

.rm-event-section::before {
	background:
		radial-gradient(circle at left top, rgba(77, 120, 198, 0.15), transparent 34%),
		radial-gradient(circle at right center, rgba(220, 170, 88, 0.14), transparent 26%);
}

.rm-guides-section {
	background: linear-gradient(135deg, rgba(24, 17, 15, 0.99), rgba(10, 11, 18, 0.98) 50%, rgba(27, 16, 11, 0.97));
	border-color: rgba(224, 139, 84, 0.2);
}

.rm-guides-section::before {
	background:
		radial-gradient(circle at left top, rgba(187, 112, 69, 0.18), transparent 34%),
		radial-gradient(circle at right bottom, rgba(84, 43, 24, 0.16), transparent 32%);
}

.rm-news-section .rm-news-card,
.rm-news-section .rm-sidebox {
	background: rgba(10, 14, 25, 0.92);
	border-color: rgba(93, 123, 172, 0.13);
}

.rm-war-section .rm-war-card {
	background: linear-gradient(180deg, rgba(32, 23, 21, 0.95), rgba(14, 14, 21, 0.97));
	border-color: rgba(195, 110, 88, 0.18);
}

.rm-ranking-section .rm-ranking-card {
	background: linear-gradient(180deg, rgba(17, 17, 24, 0.96), rgba(9, 11, 18, 0.98));
	border-color: rgba(255, 255, 255, 0.08);
}

.rm-section.rm-guides-section {
	margin-bottom: 0;
}

/* Shared slider */
.rm-auto-slider {
	overflow: hidden;
	position: relative;
}

.rm-slider-track,
.rm-ranking-slider-track {
	display: flex;
	transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform;
}

.rm-slider-slide {
	box-sizing: border-box;
	flex: 0 0 100%;
	min-width: 100%;
}

.rm-ranking-slide {
	display: grid;
	gap: 28px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding: 2px 0 4px;
}

.rm-ranking-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 26px 28px 28px;
}

.rm-ranking-table {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.rm-ranking-table .row-ranking {
	margin-bottom: 0;
}

.rm-ranking-card-head {
	margin-bottom: 18px;
}

.rm-ranking-card-head span {
	font-size: 11px;
	letter-spacing: 0.16em;
}

.rm-ranking-row {
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	gap: 12px;
	min-height: 60px;
	padding: 0 0 10px;
}

.rm-ranking-row:last-child {
	padding-bottom: 0;
}

.rm-ranking-pos {
	min-height: 56px;
}

.rm-ranking-ordinal {
	display: inline-flex;
	align-items: flex-start;
	color: #fff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 9px;
	letter-spacing: 0.02em;
	line-height: 1;
	text-transform: uppercase;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}

.rm-ranking-pos-has-icon {
	background-color: transparent !important;
	background-position: center center !important;
	background-size: 34px auto;
	border-radius: 0;
	overflow: visible;
	padding: 0;
	position: relative;
	text-align: left;
}

.rm-ranking-pos-has-icon .rm-ranking-ordinal {
	left: -2px;
	position: absolute;
	top: 1px;
	z-index: 1;
}

.rm-ranking-card .cell-ranking:nth-child(2) {
	align-items: center;
	display: flex;
	font-size: 15px;
}

.rm-ranking-stat,
.rm-ranking-mini {
	align-items: center;
	display: flex;
	justify-content: center;
}

.rm-ranking-identity {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.rm-ranking-identity small {
	color: rgba(214, 221, 236, 0.6);
	font-size: 10px;
	letter-spacing: 0.16em;
	line-height: 1.2;
	text-transform: uppercase;
}

.rm-ranking-identity a {
	color: #fff !important;
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rm-ranking-pill {
	align-items: center;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	color: #e5ebf7;
	display: inline-flex;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 10px;
	justify-content: center;
	letter-spacing: 0.12em;
	min-width: 74px;
	padding: 8px 12px;
	text-transform: uppercase;
	white-space: nowrap;
}

.rm-ranking-pill-danger {
	background: linear-gradient(135deg, rgba(168, 63, 45, 0.9), rgba(103, 26, 23, 0.9));
	border-color: rgba(255, 126, 103, 0.34);
	color: #fff3ea;
}

.rm-ranking-pill-duprian {
	background: linear-gradient(135deg, rgba(71, 118, 255, 0.88), rgba(38, 59, 124, 0.9));
	border-color: rgba(128, 175, 255, 0.3);
}

.rm-ranking-pill-vanert {
	background: linear-gradient(135deg, rgba(184, 72, 51, 0.9), rgba(124, 38, 21, 0.92));
	border-color: rgba(255, 167, 130, 0.3);
}

.rm-slider-dots {
	align-items: center;
	display: flex;
	gap: 10px;
	justify-content: center;
	margin-top: 22px;
}

.rm-slider-dot {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	cursor: pointer;
	height: 12px;
	padding: 0;
	transition: all 0.25s ease;
	width: 38px;
}

.rm-slider-dot:hover,
.rm-slider-dot:focus {
	background: rgba(255, 255, 255, 0.18);
	outline: 0;
}

.rm-slider-dot.active {
	background: linear-gradient(135deg, #f1b440, #ba6356);
	border-color: rgba(255, 214, 124, 0.45);
	box-shadow: 0 0 24px rgba(241, 180, 64, 0.25);
}

/* Class slider */
.rm-class-slide {
	padding: 2px 0 4px;
}

.rm-class-card {
	background:
		linear-gradient(135deg, rgba(14, 20, 33, 0.98), rgba(11, 14, 24, 0.98) 42%, rgba(32, 22, 17, 0.94));
	border: 1px solid rgba(133, 161, 219, 0.14);
	border-radius: 28px;
	box-shadow: 0 22px 52px rgba(0, 0, 0, 0.32);
	display: grid;
	gap: 30px;
	grid-template-columns: minmax(360px, 460px) minmax(0, 1fr);
	min-height: 560px;
	overflow: hidden;
	position: relative;
}

.rm-class-card::before {
	background:
		radial-gradient(circle at 18% 22%, rgba(73, 123, 214, 0.18), transparent 26%),
		radial-gradient(circle at 82% 18%, rgba(236, 180, 90, 0.14), transparent 24%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.rm-class-copy,
.rm-class-visual {
	position: relative;
	z-index: 1;
}

.rm-class-copy {
	display: flex;
	flex-direction: column;
	padding: 34px 0 34px 38px;
}

.rm-class-topline {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 10px;
}

.rm-class-order {
	border-radius: 999px;
	display: inline-flex;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 10px;
	letter-spacing: 0.16em;
	line-height: 1;
	padding: 10px 14px;
	text-transform: uppercase;
}

.rm-class-order {
	background: rgba(15, 24, 41, 0.9);
	border: 1px solid rgba(122, 153, 220, 0.18);
	color: #f3c36c;
}

.rm-class-title {
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 44px;
	line-height: 0.98;
	margin: 0 0 14px;
	max-width: none;
}

.rm-class-role {
	color: #f0b159;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 11px;
	letter-spacing: 0.2em;
	margin: 0 0 18px;
	text-transform: uppercase;
}

.rm-class-summary {
	color: rgba(222, 229, 243, 0.76);
	font-size: 15px;
	line-height: 1.75;
	margin: 0;
	max-width: none;
}

.rm-class-detail-media {
	background: rgba(8, 12, 20, 0.72);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 20px;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
	margin-top: 22px;
	max-width: 100%;
	overflow: hidden;
}

.rm-class-detail-media img {
	display: block;
	height: auto;
	width: 100%;
}

.rm-class-actions {
	margin-top: 18px;
	padding-top: 0;
}

.rm-class-visual {
	align-items: center;
	display: flex;
	justify-content: center;
	min-width: 0;
	overflow: hidden;
	padding: 28px 30px 28px 0;
}

.rm-class-visual::before {
	background:
		radial-gradient(circle at 50% 22%, rgba(255, 255, 255, 0.12), transparent 26%),
		linear-gradient(180deg, rgba(9, 13, 22, 0.06), rgba(9, 13, 22, 0.45));
	border-radius: 24px 24px 0 0;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 20px;
}

.rm-class-visual img {
	display: block;
	height: auto;
	margin: auto 0;
	max-height: 500px;
	max-width: min(100%, 760px);
	position: relative;
	width: auto;
}

.rm-class-image-portrait {
	border-radius: 22px;
	box-shadow: 0 26px 60px rgba(0, 0, 0, 0.34);
	max-height: 500px;
}

/* Event slider */
.rm-event-slide {
	align-items: stretch;
	display: flex;
	padding: 2px 0 4px;
}

.rm-event-card {
	--rm-event-accent: #d38a4e;
	--rm-event-accent-soft: rgba(211, 138, 78, 0.22);
	background:
		linear-gradient(135deg, rgba(12, 18, 31, 0.98), rgba(9, 12, 22, 0.98) 50%, rgba(27, 18, 14, 0.94));
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 28px;
	box-shadow: 0 22px 52px rgba(0, 0, 0, 0.3);
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(250px, 0.74fr) minmax(560px, 1.26fr);
	min-height: 392px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.rm-event-card::before {
	background:
		radial-gradient(circle at 20% 25%, var(--rm-event-accent-soft), transparent 26%),
		radial-gradient(circle at 82% 22%, rgba(255, 255, 255, 0.08), transparent 22%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.rm-event-copy,
.rm-event-display {
	position: relative;
	z-index: 1;
}

.rm-event-copy {
	display: flex;
	flex-direction: column;
	padding: 26px 0 26px 30px;
}

.rm-event-topline {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 14px;
}

.rm-event-tagset {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.rm-event-order,
.rm-event-tag {
	border-radius: 999px;
	display: inline-flex;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 9px;
	letter-spacing: 0.16em;
	line-height: 1;
	padding: 8px 12px;
	text-transform: uppercase;
}

.rm-event-order {
	background: rgba(13, 21, 39, 0.9);
	border: 1px solid rgba(122, 153, 220, 0.18);
	color: #f3c36c;
}

.rm-event-tag {
	background: var(--rm-event-accent-soft);
	border: 1px solid rgba(255, 255, 255, 0.08);
	color: #fff3dd;
}

.rm-event-tag-secondary {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.12);
	color: rgba(237, 241, 250, 0.92);
}

.rm-event-title {
	display: flex;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	flex-direction: column;
	font-size: 36px;
	gap: 6px;
	line-height: 1;
	margin: 0 0 12px;
}

.rm-event-title-primary,
.rm-event-title-secondary {
	display: block;
}

.rm-event-title-secondary {
	color: #ffd89d;
	font-size: 0.46em;
	letter-spacing: 0.03em;
	line-height: 1.15;
}

.rm-event-summary-group {
	display: grid;
	gap: 10px;
	max-width: 31ch;
}

.rm-event-summary {
	color: rgba(222, 229, 243, 0.76);
	font-size: 14px;
	line-height: 1.65;
	margin: 0;
}

.rm-event-summary-secondary {
	color: rgba(241, 225, 187, 0.9);
}

.rm-event-guide-list {
	display: grid;
	gap: 8px;
	margin-top: 12px;
}

.rm-event-guide-list span {
	background: rgba(8, 12, 20, 0.62);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-left: 3px solid var(--rm-event-accent);
	border-radius: 14px;
	color: rgba(232, 236, 244, 0.82);
	font-size: 12px;
	line-height: 1.5;
	padding: 10px 12px 10px 14px;
}

.rm-event-guide-item {
	display: block;
}

.rm-event-guide-item-bilingual strong,
.rm-event-guide-item-bilingual small {
	display: block;
}

.rm-event-guide-item-bilingual strong {
	color: #ffffff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 11px;
	letter-spacing: 0.02em;
	margin-bottom: 4px;
}

.rm-event-guide-item-bilingual small {
	color: rgba(232, 236, 244, 0.82);
	font-size: 11px;
	line-height: 1.5;
}

.rm-event-meta {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 0;
}

.rm-event-meta span {
	background: rgba(10, 15, 27, 0.72);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 14px;
	color: rgba(232, 236, 244, 0.82);
	font-size: 12px;
	letter-spacing: 0.06em;
	padding: 10px 12px;
}

.rm-event-meta-item {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.rm-event-meta-item strong,
.rm-event-meta-item small {
	display: block;
}

.rm-event-meta-item strong {
	color: #ffffff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.rm-event-meta-item small {
	color: rgba(237, 224, 188, 0.88);
	font-size: 12px;
	letter-spacing: 0.03em;
	line-height: 1.55;
}

.rm-event-card-bilingual .rm-event-title {
	font-size: 32px;
	line-height: 1.04;
}

.rm-event-actions {
	margin-top: 16px;
	padding-top: 0;
}

.rm-event-card-has-visual {
	min-height: 0;
}

.rm-event-display {
	align-items: stretch;
	display: flex;
	justify-content: flex-end;
	min-width: 0;
	overflow: hidden;
	padding: 24px 28px 24px 0;
}

.rm-event-display::before,
.rm-event-display::after {
	border-radius: 50%;
	content: "";
	position: absolute;
}

.rm-event-display::before {
	background: var(--rm-event-accent-soft);
	filter: blur(8px);
	height: 280px;
	right: 52px;
	top: 38px;
	width: 280px;
}

.rm-event-display::after {
	border: 1px solid rgba(255, 255, 255, 0.08);
	height: 360px;
	right: 28px;
	top: 4px;
	width: 360px;
}

.rm-event-display-has-visual::before,
.rm-event-display-has-visual::after {
	display: none;
}

.rm-event-display-stack {
	display: grid;
	align-items: stretch;
	gap: 16px;
	margin-left: auto;
	max-width: none;
	width: 100%;
}

.rm-event-display-stack-split {
	grid-template-columns: minmax(230px, 0.88fr) minmax(300px, 1fr);
}

.rm-event-display-stack-single {
	grid-template-columns: 1fr;
	max-width: 520px;
}

.rm-event-guide-panel {
	background: rgba(8, 13, 23, 0.84);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 20px;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.2);
	display: grid;
	grid-template-rows: auto 1fr;
	height: 100%;
	padding: 16px;
}

.rm-event-guide-panel .rm-event-meta span {
	background: rgba(255, 255, 255, 0.03);
}

.rm-event-guide-panel .rm-event-guide-list {
	margin-top: 10px;
}

.rm-event-visual {
	align-items: center;
	background: rgba(5, 9, 16, 0.92);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 24px;
	box-shadow: 0 22px 52px rgba(0, 0, 0, 0.26);
	display: flex;
	height: 100%;
	justify-content: center;
	margin-left: auto;
	max-width: 100%;
	min-height: 320px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.rm-event-visual::after {
	background: linear-gradient(180deg, rgba(7, 10, 18, 0) 30%, rgba(7, 10, 18, 0.82) 100%);
	content: "";
	inset: 0;
	position: absolute;
}

.rm-event-visual img {
	display: block;
	height: 100%;
	object-fit: contain;
	object-position: center center;
	width: 100%;
}

.rm-event-visual-copy {
	bottom: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
	left: 0;
	padding: 16px 18px 18px;
	position: absolute;
	right: 0;
	z-index: 1;
}

.rm-event-visual-copy span {
	color: rgba(244, 246, 250, 0.68);
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 10px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.rm-event-visual-copy strong {
	color: #ffffff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 22px;
	line-height: 1.05;
}

.rm-event-visual-copy small {
	color: #ffd89d;
	font-size: 11px;
	letter-spacing: 0.05em;
	line-height: 1.4;
}

.rm-event-slider .rm-slider-side {
	align-items: center;
	display: inline-flex;
	gap: 8px;
	line-height: 1;
}

.rm-event-slider .rm-slider-side span {
	top: 0;
}

.rm-event-orbit-number {
	color: rgba(255, 255, 255, 0.08);
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 180px;
	line-height: 0.86;
	position: absolute;
	right: 72px;
	top: 46px;
}

.rm-event-orbit {
	align-items: flex-start;
	background: rgba(9, 13, 22, 0.72);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 26px;
	box-shadow: 0 22px 52px rgba(0, 0, 0, 0.24);
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-width: 360px;
	padding: 28px 30px;
	position: relative;
}

.rm-event-orbit::before {
	background: linear-gradient(135deg, var(--rm-event-accent), transparent);
	content: "";
	height: 4px;
	left: 30px;
	position: absolute;
	right: 30px;
	top: 0;
}

.rm-event-orbit-label {
	color: rgba(222, 229, 243, 0.62);
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 10px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.rm-event-orbit strong {
	color: #fff;
	display: block;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 34px;
	line-height: 1.02;
}

.rm-event-orbit small {
	color: var(--rm-event-accent);
	display: block;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 12px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

/* Guide slider */
.rm-guide-slide {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	padding: 2px 0 4px;
}

.rm-guide-card {
	backdrop-filter: blur(8px);
	border: 1px solid rgba(224, 139, 84, 0.16);
	border-radius: 20px;
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28);
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
}

.rm-guide-media {
	display: block;
	overflow: hidden;
	position: relative;
}

.rm-guide-media::after {
	background: linear-gradient(180deg, rgba(6, 8, 14, 0) 22%, rgba(6, 8, 14, 0.24) 100%);
	content: "";
	inset: 0;
	position: absolute;
}

.rm-guide-media img {
	aspect-ratio: 16 / 10;
	display: block;
	object-fit: cover;
	transition: transform 0.45s ease;
	width: 100%;
}

.rm-guide-card:hover .rm-guide-media img {
	transform: scale(1.04);
}

.rm-guide-body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 18px 20px 20px;
}

.rm-guide-kicker {
	color: #f0b159;
	display: inline-block;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 11px;
	letter-spacing: 0.18em;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.rm-guide-title {
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 24px;
	line-height: 1.2;
	margin: 0 0 16px;
}

.rm-guide-title a {
	color: #fff;
}

.rm-guide-title a:hover {
	color: #ffd978;
}

.rm-guide-summary {
	color: rgba(220, 226, 239, 0.78);
	font-size: 13px;
	line-height: 1.65;
	margin: 0 0 14px;
}

.rm-guide-facts {
	display: flex;
	flex-direction: column;
	gap: 8px;
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
}

.rm-guide-facts li {
	background: rgba(7, 10, 18, 0.42);
	border: 1px solid rgba(240, 177, 89, 0.14);
	border-radius: 12px;
	color: rgba(240, 244, 252, 0.88);
	font-size: 12px;
	line-height: 1.5;
	padding: 8px 10px;
}

.rm-guide-meta {
	align-items: center;
	color: rgba(214, 221, 236, 0.68);
	display: flex;
	font-size: 12px;
	gap: 14px;
	justify-content: space-between;
	letter-spacing: 0.04em;
	margin-top: auto;
}

.rm-guide-link {
	color: #f3c36c;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.rm-guide-link:hover {
	color: #ffffff;
}

/* Header menu hover fix */
.main-menu > ul > li > a {
	color: rgba(230, 232, 237, 0.56);
	transition: color 0.22s ease, opacity 0.22s ease;
}

.main-menu > ul > li:hover > a,
.main-menu > ul > li:focus-within > a,
.main-menu > ul > li > a:hover,
.main-menu > ul > li > a:focus {
	background: transparent;
	color: #f7f5f0;
	outline: 0;
}

@media (max-width: 991px) {
	.rm-news-section,
	.rm-war-section,
	.rm-ranking-section,
	.rm-class-section,
	.rm-event-section,
	.rm-guides-section {
		border-radius: 24px;
		padding: 26px 22px 28px;
	}

	.rm-ranking-slide {
		gap: 20px;
		grid-template-columns: 1fr;
	}

	.rm-class-card {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.rm-event-card {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.rm-class-copy {
		padding: 26px 24px 0;
	}

	.rm-event-copy {
		padding: 26px 24px 0;
	}

	.rm-class-detail-media {
		margin-top: 18px;
	}

	.rm-event-display {
		padding: 0 24px 24px;
	}

	.rm-event-display-stack {
		grid-template-columns: 1fr;
		max-width: none;
	}

	.rm-event-display-has-visual {
		padding-top: 2px;
	}

	.rm-event-guide-panel {
		padding: 14px;
	}

	.rm-event-visual {
		min-height: 280px;
	}

	.rm-event-guide-list {
		margin-top: 10px;
	}

	.rm-event-orbit {
		max-width: none;
		width: 100%;
	}

	.rm-event-orbit-number {
		font-size: 132px;
		right: 34px;
		top: 22px;
	}

	.rm-class-visual {
		align-items: center;
		padding: 12px 18px 20px;
	}

	.rm-class-title {
		font-size: 36px;
		max-width: none;
	}

	.rm-event-title {
		font-size: 32px;
	}

	.rm-event-card-bilingual .rm-event-title {
		font-size: 30px;
	}

	.rm-class-summary {
		max-width: none;
	}

	.rm-event-summary-group {
		max-width: none;
	}

	.rm-guide-slide {
		gap: 20px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rm-ranking-card {
		padding: 22px 22px 24px;
	}

	.rm-slider-dots {
		margin-top: 18px;
	}
}

@media (max-width: 767px) {
	.rm-news-section,
	.rm-war-section,
	.rm-ranking-section,
	.rm-class-section,
	.rm-event-section,
	.rm-guides-section {
		border-radius: 20px;
		padding: 22px 18px 24px;
	}

	.rm-class-copy {
		padding: 22px 18px 0;
	}

	.rm-event-copy {
		padding: 22px 18px 0;
	}

	.rm-class-title {
		font-size: 30px;
	}

	.rm-event-title {
		font-size: 28px;
	}

	.rm-event-card-bilingual .rm-event-title {
		font-size: 26px;
	}

	.rm-class-summary {
		font-size: 14px;
		line-height: 1.65;
	}

	.rm-event-summary {
		font-size: 14px;
		line-height: 1.65;
	}

	.rm-event-guide-list span {
		font-size: 12px;
		padding: 10px 12px 10px 14px;
	}

	.rm-event-meta {
		grid-template-columns: 1fr;
	}

	.rm-event-display {
		padding: 0 18px 18px;
	}

	.rm-event-guide-panel {
		padding: 12px;
	}

	.rm-event-visual {
		aspect-ratio: 4 / 3;
		min-height: 240px;
	}

	.rm-event-visual-copy {
		padding: 16px 14px 14px;
	}

	.rm-event-visual-copy strong {
		font-size: 22px;
	}

	.rm-event-visual-copy small {
		font-size: 11px;
	}

	.rm-event-orbit {
		padding: 22px 20px;
	}

	.rm-event-orbit strong {
		font-size: 28px;
	}

	.rm-event-orbit-number {
		font-size: 100px;
		right: 20px;
	}

	.rm-class-visual {
		align-items: center;
		padding: 10px 12px 16px;
	}

	.rm-class-visual img,
	.rm-class-image-portrait {
		max-height: 360px;
	}

	.rm-ranking-card {
		padding: 18px 18px 20px;
	}

	.rm-guide-slide {
		grid-template-columns: 1fr;
	}

	.rm-guide-title {
		font-size: 20px;
	}

	.rm-guide-body {
		padding: 16px 16px 18px;
	}

	.rm-ranking-card .cell-ranking:first-child {
		flex: 0 0 52px;
	}

	.rm-slider-dot {
		width: 30px;
	}
}

/* Final homepage and header pass */
.rm-header-main {
	grid-template-columns: 210px 170px minmax(0, 1fr) 360px;
}

.rm-account-shell {
	align-items: flex-end;
	gap: 10px;
}

.rm-account-top {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.rm-account-actions {
	gap: 10px;
	justify-content: flex-end;
	width: 100%;
}

.rm-login-inline {
	gap: 8px 10px;
	grid-template-columns: minmax(0, 1fr) 90px;
	grid-template-rows: 36px 36px;
	width: 100%;
}

.rm-login-field {
	align-items: center;
	background: rgba(19, 23, 33, 0.98);
	border: 1px solid rgba(255, 255, 255, 0.08);
	display: flex;
	gap: 10px;
	overflow: hidden;
	padding: 0 12px;
}

.rm-login-field-user {
	border-radius: 12px 12px 0 0;
	grid-column: 1;
	grid-row: 1;
}

.rm-login-field-pass {
	border-radius: 0 0 0 12px;
	grid-column: 1;
	grid-row: 2;
}

.rm-login-field .glyphicon {
	color: rgba(214, 221, 236, 0.46);
	font-size: 12px;
	flex: 0 0 auto;
	top: auto;
}

.rm-login-field .form-control {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #f4f4f4;
	height: 34px;
	padding: 0 !important;
}

.rm-login-field .form-control::placeholder {
	color: rgba(214, 221, 236, 0.42);
}

.rm-login-inline .rm-btn {
	align-self: stretch;
	border-radius: 0;
	clip-path: polygon(0 0, 100% 0, 86% 100%, 0% 100%);
	grid-column: 2;
	grid-row: 1 / span 2;
	height: 80px;
	letter-spacing: 0.08em;
	min-width: 90px;
	padding: 0 18px;
}

.rm-account-links {
	justify-content: flex-start;
	text-transform: lowercase;
	width: 100%;
}

.rm-account-links a {
	color: rgba(214, 221, 236, 0.62);
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: lowercase;
}

.rm-account-links a:hover {
	color: #fff;
}

.rm-account-top .rm-language-current {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.1);
	padding: 8px 14px;
}

.main-menu > ul > li > a {
	color: rgba(214, 221, 236, 0.66) !important;
	font-size: 13px !important;
	letter-spacing: 0.06em !important;
	padding: 38px 16px !important;
	text-transform: none !important;
}

.main-menu > ul > li:hover > a,
.main-menu > ul > li:focus-within > a,
.main-menu > ul > li > a:hover,
.main-menu > ul > li > a:focus {
	color: #ffffff !important;
}

body.realmu-body.home-index .rm-main {
	overflow: hidden;
	padding-top: 0;
}

body.realmu-body.home-index .rm-section {
	border: 0;
	border-radius: 0;
	margin-bottom: 0;
	overflow: visible;
	padding: 42px 0 50px;
	position: relative;
}

body.realmu-body.home-index .rm-section::before {
	border: 0;
	border-radius: 0;
	bottom: 0;
	content: "";
	left: 50%;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 100vw;
}

body.realmu-body.home-index .rm-section > * {
	position: relative;
	z-index: 1;
}

body.realmu-body.home-index .rm-news-section::before {
	background:
		radial-gradient(circle at left top, rgba(166, 115, 57, 0.16), transparent 34%),
		radial-gradient(circle at right center, rgba(25, 57, 104, 0.18), transparent 32%),
		linear-gradient(180deg, rgba(7, 12, 21, 0.96), rgba(7, 11, 20, 0.99));
}

body.realmu-body.home-index .rm-war-section::before {
	background:
		radial-gradient(circle at left center, rgba(178, 98, 65, 0.18), transparent 30%),
		linear-gradient(135deg, rgba(33, 22, 19, 0.98), rgba(12, 13, 20, 0.99) 58%, rgba(52, 30, 19, 0.94));
}

body.realmu-body.home-index .rm-ranking-section::before {
	background:
		radial-gradient(circle at right top, rgba(191, 130, 79, 0.13), transparent 28%),
		linear-gradient(135deg, rgba(12, 13, 19, 0.99), rgba(15, 16, 24, 0.99) 58%, rgba(48, 29, 22, 0.88));
}

body.realmu-body.home-index .rm-class-section::before {
	background:
		radial-gradient(circle at left center, rgba(66, 112, 194, 0.17), transparent 30%),
		radial-gradient(circle at right top, rgba(195, 143, 76, 0.16), transparent 26%),
		linear-gradient(135deg, rgba(8, 13, 24, 0.99), rgba(13, 16, 29, 0.99) 54%, rgba(28, 19, 13, 0.95));
}

body.realmu-body.home-index .rm-event-section::before {
	background:
		radial-gradient(circle at left top, rgba(70, 116, 191, 0.16), transparent 30%),
		radial-gradient(circle at right center, rgba(216, 164, 85, 0.14), transparent 26%),
		linear-gradient(135deg, rgba(9, 14, 26, 0.99), rgba(12, 15, 25, 0.99) 54%, rgba(25, 18, 14, 0.95));
}

body.realmu-body.home-index .rm-guides-section::before {
	background:
		radial-gradient(circle at left top, rgba(183, 108, 67, 0.15), transparent 30%),
		radial-gradient(circle at right bottom, rgba(77, 42, 22, 0.14), transparent 28%),
		linear-gradient(135deg, rgba(23, 17, 15, 0.99), rgba(9, 10, 17, 0.99) 54%, rgba(29, 18, 12, 0.97));
}

.rm-war-slider,
.rm-ranking-slider,
.rm-class-slider,
.rm-event-slider,
.rm-guide-slider {
	overflow: hidden;
	padding: 0;
}

.rm-slider-side {
	background: transparent;
	border: 0;
	color: rgba(255, 255, 255, 0.9);
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 13px;
	letter-spacing: 0.2em;
	padding: 0;
	position: absolute;
	text-transform: uppercase;
	top: 50%;
	transform: translateY(-50%);
	transition:
		color 0.14s ease,
		opacity 0.12s ease,
		transform 0.12s ease,
		visibility 0.12s ease;
	z-index: 3;
}

.rm-war-slider .rm-slider-side,
.rm-ranking-slider .rm-slider-side,
.rm-class-slider .rm-slider-side,
.rm-event-slider .rm-slider-side,
.rm-guide-slider .rm-slider-side {
	opacity: 0;
	pointer-events: none;
	transform: translateY(-50%) scale(0.94);
	visibility: hidden;
}

.rm-war-slider:hover .rm-slider-side,
.rm-war-slider:focus-within .rm-slider-side,
.rm-ranking-slider:hover .rm-slider-side,
.rm-ranking-slider:focus-within .rm-slider-side,
.rm-class-slider:hover .rm-slider-side,
.rm-class-slider:focus-within .rm-slider-side,
.rm-event-slider:hover .rm-slider-side,
.rm-event-slider:focus-within .rm-slider-side,
.rm-guide-slider:hover .rm-slider-side,
.rm-guide-slider:focus-within .rm-slider-side {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(-50%) scale(1);
	visibility: visible;
}

.rm-slider-side:hover,
.rm-slider-side:focus {
	color: #f1b440;
	outline: 0;
}

.rm-slider-side span {
	font-size: 20px;
	line-height: 1;
	position: relative;
	top: 2px;
}

.rm-slider-side-prev {
	left: 6px;
}

.rm-slider-side-next {
	right: 6px;
}

.rm-slider-dots {
	display: none !important;
}

.rm-war-slide {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	padding: 2px 92px 4px;
}

.rm-ranking-slide {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	padding: 2px 92px 4px;
}

.rm-class-slide {
	padding: 2px 92px 4px;
}

.rm-event-slide {
	padding: 2px 92px 4px;
}

.rm-guide-slide {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	padding: 2px 92px 4px;
}

.rm-guide-card,
.rm-ranking-card,
.rm-war-card {
	min-height: 100%;
}

.rm-guide-card {
	background: rgba(17, 15, 18, 0.92);
}

.rm-class-card {
	background:
		linear-gradient(135deg, rgba(12, 18, 31, 0.98), rgba(9, 12, 22, 0.98) 46%, rgba(28, 18, 14, 0.94));
	border-color: rgba(133, 161, 219, 0.16);
}

.rm-event-card {
	background:
		linear-gradient(135deg, rgba(12, 18, 31, 0.98), rgba(10, 13, 23, 0.98) 48%, rgba(26, 18, 14, 0.94));
	border-color: rgba(117, 152, 214, 0.16);
}

.rm-guide-title {
	font-size: 22px;
}

.rm-footer-shell {
	grid-template-columns: minmax(0, 1fr) auto auto auto;
}

.rm-footer-times {
	display: flex;
	gap: 14px;
}

.rm-footer-timeitem {
	background: rgba(11, 16, 27, 0.88);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 16px;
	min-width: 150px;
	padding: 14px 16px;
}

.rm-footer-timeitem-combined {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	min-width: 320px;
	width: 100%;
}

.rm-footer-timegroup {
	min-width: 0;
	position: relative;
}

.rm-footer-timegroup + .rm-footer-timegroup {
	border-left: 1px solid rgba(255, 255, 255, 0.08);
	padding-left: 16px;
}

.rm-footer-timeitem span,
.rm-footer-timeitem small {
	color: rgba(214, 221, 236, 0.62);
	display: block;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.rm-footer-timeitem strong {
	color: #fff;
	display: block;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 23px;
	line-height: 1.1;
	margin: 6px 0 4px;
}

@media (max-width: 1400px) {
	.rm-header-main {
		grid-template-columns: 190px 150px minmax(0, 1fr) 320px;
	}

	.rm-war-slider,
	.rm-ranking-slider,
	.rm-class-slider,
	.rm-event-slider,
	.rm-guide-slider {
		padding: 0;
	}

	.rm-war-slide,
	.rm-ranking-slide,
	.rm-class-slide,
	.rm-event-slide,
	.rm-guide-slide {
		padding-left: 72px;
		padding-right: 72px;
	}
}

@media (max-width: 1199px) {
	.rm-header-main {
		grid-template-columns: 180px 140px minmax(0, 1fr);
	}

	.rm-account-shell {
		align-items: stretch;
	}

	.rm-war-slide,
	.rm-ranking-slide,
	.rm-guide-slide {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rm-class-slide {
		padding-left: 28px;
		padding-right: 28px;
	}

	.rm-footer-shell {
		grid-template-columns: 1fr;
	}

	.rm-footer-times {
		flex-wrap: wrap;
	}
}

@media (max-width: 991px) {
	.rm-account-top {
		justify-content: flex-start;
	}

	.rm-war-slider,
	.rm-ranking-slider,
	.rm-class-slider,
	.rm-event-slider,
	.rm-guide-slider {
		padding: 0 0 58px;
	}

	.rm-war-slide,
	.rm-ranking-slide,
	.rm-class-slide,
	.rm-event-slide,
	.rm-guide-slide {
		padding-left: 18px;
		padding-right: 18px;
	}

	.rm-slider-side {
		bottom: 0;
		top: auto;
		transform: none;
	}

	.rm-slider-side-prev {
		left: 18px;
	}

	.rm-slider-side-next {
		right: 18px;
	}

	.rm-war-slide,
	.rm-ranking-slide,
	.rm-guide-slide {
		grid-template-columns: 1fr;
	}

	.rm-class-copy {
		padding: 22px 22px 0;
	}

	.rm-class-visual {
		padding: 0 16px 16px;
	}

	body.realmu-body.home-index .rm-section {
		padding: 34px 0 42px;
	}
}

@media (max-width: 767px) {
	.main-menu > ul > li > a {
		padding: 12px 12px !important;
	}

	.rm-login-inline {
		grid-template-columns: 1fr;
		grid-template-rows: 36px 36px auto;
	}

	.rm-login-inline .rm-btn {
		clip-path: none;
		grid-column: 1;
		grid-row: 3;
		height: 40px;
	}

	.rm-login-field-user,
	.rm-login-field-pass {
		border-radius: 12px;
	}

	.rm-war-slider,
	.rm-ranking-slider,
	.rm-class-slider,
	.rm-guide-slider {
		padding: 0 0 58px;
	}

	.rm-war-slide,
	.rm-ranking-slide,
	.rm-class-slide,
	.rm-event-slide,
	.rm-guide-slide {
		padding-left: 0;
		padding-right: 0;
	}

	.rm-class-copy {
		padding: 18px 18px 0;
	}

	.rm-class-title {
		font-size: 28px;
	}

	.rm-class-icon {
		height: 66px;
		width: 66px;
	}

	.rm-slider-side-prev {
		left: 0;
	}

	.rm-slider-side-next {
		right: 0;
	}

	.rm-footer-timeitem {
		min-width: 0;
		width: 100%;
	}

	.rm-footer-timeitem-combined {
		grid-template-columns: 1fr;
	}

	.rm-footer-timegroup + .rm-footer-timegroup {
		border-left: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.08);
		padding-left: 0;
		padding-top: 16px;
	}
}

/* Header refinement pass */
.rm-header-counter {
	align-items: flex-start;
	justify-content: center;
	min-width: 160px;
	padding-left: 22px;
	padding-right: 22px;
	text-align: left;
}

.rm-card-label-lined {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	color: rgba(214, 221, 236, 0.7);
	letter-spacing: 0.16em;
	margin-bottom: 10px;
	padding-bottom: 8px;
	text-transform: uppercase;
}

.rm-card-value-small {
	color: #ffffff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 26px;
	line-height: 0.95;
	margin-bottom: 8px;
}

.rm-card-subvalue {
	color: rgba(214, 221, 236, 0.56);
	font-size: 12px;
	letter-spacing: 0.02em;
}

.rm-header-nav {
	gap: 18px;
	justify-content: center;
}

.main-menu {
	width: auto;
}

.main-menu > ul {
	align-items: center;
	width: auto;
}

.main-menu > ul > li.rm-header-language-item {
	align-items: center;
	display: flex;
	margin-left: 8px;
}

.main-menu > ul > li.rm-header-language-item .rm-language-dropdown {
	position: relative;
}

.main-menu > ul > li.rm-header-language-item .rm-language-current {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	font-family: 'GothamSSm-Medium', 'Segoe UI', sans-serif;
	padding: 8px 12px;
}

.main-menu > ul > li.rm-header-language-item .rm-language-list {
	left: 50%;
	margin-top: 10px;
	right: auto;
	transform: translateX(-50%);
}

.rm-account-shell {
	align-items: flex-start;
	justify-content: center;
	padding-left: 20px;
	padding-right: 0;
}

.rm-login-inline {
	gap: 6px 8px;
	grid-template-columns: minmax(0, 1fr) 74px;
	grid-template-rows: 28px 28px;
	max-width: 250px;
}

.rm-login-field {
	background: rgba(18, 22, 31, 0.96);
	border: 1px solid rgba(255, 255, 255, 0.07);
	padding: 0 10px;
}

.rm-login-field-user {
	border-radius: 8px 8px 0 0;
}

.rm-login-field-pass {
	border-radius: 0 0 0 8px;
}

.rm-login-field .glyphicon {
	color: rgba(214, 221, 236, 0.4);
	font-size: 11px;
}

.rm-login-field .form-control {
	font-size: 12px;
	height: 26px;
}

.rm-login-inline .rm-btn {
	align-self: stretch;
	background: linear-gradient(180deg, #f0b243 0%, #e1a332 100%);
    clip-path:polygon(0 0,95% 0,100% 100%,5% 100%);
	color: #131316;
	font-size: 11px;
	font-weight: 700;
	grid-column: 2;
	grid-row: 1 / span 2;
	height: 62px;
	letter-spacing: 0.12em;
	min-width: 74px;
	padding: 0 12px;
	text-transform: uppercase;
}

.rm-login-inline .rm-btn:hover,
.rm-login-inline .rm-btn:focus {
	color: #08090c;
}

.rm-account-links {
	gap: 14px;
	margin-top: 10px;
}

.rm-account-links a {
	font-size: 10px;
	letter-spacing: 0.14em;
}

@media (max-width: 1199px) {
	.rm-header-nav {
		gap: 12px;
	}

	.main-menu > ul > li.rm-header-language-item {
		margin-left: 0;
	}
}

@media (max-width: 991px) {
	.rm-header-counter {
		align-items: center;
		text-align: center;
	}

	.rm-header-nav {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
	}

	.main-menu > ul > li.rm-header-language-item {
		justify-content: flex-start;
	}

	.main-menu > ul > li.rm-header-language-item .rm-language-list {
		left: 0;
		transform: none;
	}
}

@media (max-width: 767px) {
	.rm-login-inline {
		max-width: none;
	}

	.rm-login-inline .rm-btn {
		height: 38px;
	}
}

/* Header live/login refinement */
.rm-header-main {
	grid-template-columns: 210px 180px minmax(0, 1fr) 255px;
}

.rm-header-counter {
	align-items: flex-start;
	min-width: 180px;
	padding-left: 26px;
	padding-right: 34px;
}

.rm-card-label-lined {
	margin-bottom: 12px;
	padding-bottom: 10px;
}

.rm-card-value-small {
	font-size: 20px;
	margin-bottom: 10px;
}

.rm-card-subvalue {
	line-height: 1.5;
	max-width: 110px;
}

.rm-header-nav {
	align-items: center;
	display: flex;
	gap: 42px;
	justify-content: space-between;
	padding-left: 38px;
	padding-right: 24px;
}

.main-menu {
	flex: 1 1 auto;
	min-width: 0;
}

.main-menu > ul {
	gap: 28px;
	justify-content: flex-start;
}

.main-menu > ul > li > a {
	font-size: 13px !important;
	font-weight: 500;
	letter-spacing: 0.01em !important;
	padding: 38px 0 !important;
	text-transform: none !important;
}

.rm-header-nav-extras {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	gap: 22px;
	padding-left: 12px;
}

.rm-header-live {
	align-items: center;
	background: #000000;
	border: 1px solid rgba(255, 255, 255, 0.14);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
	clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%);
	color: rgba(255, 255, 255, 0.68);
	display: inline-flex;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 14px;
	gap: 10px;
	justify-content: center;
	min-height: 54px;
	min-width: 218px;
	padding: 0 28px;
	white-space: nowrap;
}

.rm-header-live .glyphicon {
	color: #914df5;
	font-size: 16px;
	top: auto;
}

.rm-header-live:hover,
.rm-header-live:focus {
	background: #000000;
	border-color: rgba(255, 255, 255, 0.18);
	color: #ffffff;
	text-shadow: 0 0 8px rgba(255, 255, 255, 0.18);
}

.rm-header-live .rm-header-live-icon.glyphicon {
	font-family: 'Glyphicons Halflings' !important;
	font-style: normal;
	font-weight: 400 !important;
	line-height: 1;
}

.rm-header-live:hover .glyphicon,
.rm-header-live:focus .glyphicon {
	color: #a262ff;
}

.rm-header-language {
	align-items: center;
	display: flex;
}

.rm-header-language .rm-language-current {
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 0;
}

.rm-header-language .rm-language-current span {
	display: none;
}

.rm-header-language .rm-language-current img {
	border-radius: 50%;
	height: 40px;
	width: 40px;
}

.rm-header-language .rm-language-list {
	left: 50%;
	margin-top: 12px;
	right: auto;
	transform: translateX(-50%);
}

.rm-account-shell {
	background: transparent;
	border-left: 1px solid rgba(255, 255, 255, 0.08);
	padding-left: 24px;
	padding-right: 0;
}

.rm-login-inline {
	gap: 6px 0;
	grid-template-columns: minmax(0, 1fr) 68px;
	grid-template-rows: 40px 40px;
	max-width: 230px;
	width: 100%;
}

.rm-login-field {
	background: rgba(20, 24, 34, 0.98);
	border: 0;
	border-radius: 0;
	padding: 0 12px;
}

.rm-login-field-user {
	border-radius: 0;
	clip-path: polygon(0 0, 100% 0, 96% 100%, 0 100%);
	grid-column: 1 / span 2;
	grid-row: 1;
}

.rm-login-field-pass {
	border-radius: 0;
	clip-path: polygon(0 0, 100% 0, 96% 100%, 0 100%);
	grid-column: 1;
	grid-row: 2;
	margin-right: 8px;
}

.rm-login-field .glyphicon {
	color: #b36a58;
	font-size: 12px;
}

.rm-login-field .form-control {
	color: #d4d7df;
	font-size: 13px;
	height: 38px;
}

.rm-login-inline .rm-btn {
	background: linear-gradient(180deg, #b45744 0%, #c96d56 100%);
	border: 0;
	clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%);
	color: #fff;
	grid-column: 2;
	grid-row: 2;
	height: 40px;
	letter-spacing: 0.04em;
	min-width: 68px;
	padding: 0 10px;
	text-transform: none;
}

.rm-login-inline .rm-btn:hover,
.rm-login-inline .rm-btn:focus {
	color: #fff;
}

.rm-account-links {
	display: none;
}

@media (max-width: 1400px) {
	.rm-header-main {
		grid-template-columns: 190px 165px minmax(0, 1fr) 240px;
	}

	.rm-header-nav {
		gap: 28px;
		padding-left: 26px;
	}

	.main-menu > ul {
		gap: 22px;
	}

	.rm-header-live {
		min-width: 190px;
	}
}

@media (max-width: 1199px) {
	.rm-header-main {
		grid-template-columns: 180px 150px minmax(0, 1fr);
	}

	.rm-header-nav {
		flex-wrap: wrap;
		gap: 16px;
		padding-left: 18px;
		padding-right: 0;
	}

	.rm-header-nav-extras {
		gap: 16px;
		padding-left: 0;
	}

	.rm-header-live {
		min-height: 48px;
		min-width: 170px;
		padding: 0 22px;
	}

	.rm-account-shell {
		padding-left: 0;
	}
}

@media (max-width: 991px) {
	.rm-header-counter {
		align-items: center;
		padding-right: 0;
	}

	.rm-card-subvalue {
		max-width: none;
	}

	.rm-header-nav {
		align-items: flex-start;
		padding-left: 0;
	}

	.rm-header-nav-extras {
		flex-wrap: wrap;
	}

	.rm-header-language .rm-language-list {
		left: 0;
		transform: none;
	}
}

@media (max-width: 767px) {
	.rm-header-nav-extras {
		width: 100%;
	}

	.rm-header-live {
		min-width: 0;
		width: 100%;
	}

	.rm-login-inline {
		grid-template-columns: 1fr;
		grid-template-rows: 40px 40px 40px;
		max-width: none;
	}

	.rm-login-field-user,
	.rm-login-field-pass,
	.rm-login-inline .rm-btn {
		clip-path: none;
		grid-column: 1;
		margin-right: 0;
	}

	.rm-login-field-user {
		grid-row: 1;
	}

	.rm-login-field-pass {
		grid-row: 2;
	}

	.rm-login-inline .rm-btn {
		grid-row: 3;
		height: 40px;
	}
}

/* Header micro-adjustments */
.rm-header-counter {
	border-left: 0 !important;
	border-right: 1px solid rgba(255, 255, 255, 0.08);
	margin-right: 30px;
	padding-left: 22px;
	padding-right: 44px;
}

.rm-card-label-lined {
	margin-right: 10px;
}

.rm-header-nav {
	gap: 56px;
	padding-left: 12px;
}

.main-menu > ul {
	gap: 30px;
}

.main-menu > ul > li > a {
	white-space: nowrap;
}

.rm-header-live {
	margin-left: 8px;
}

.rm-login-field-user {
	clip-path: polygon(0 0, 95% 0, 100% 100%, 5% 100%);
}

.rm-login-field-pass {
	clip-path: polygon(0 0, 95% 0, 100% 100%, 5% 100%);
	margin-right: 10px;
}

.rm-login-inline .rm-btn {
	clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
}

@media (max-width: 1400px) {
	.rm-header-counter {
		margin-right: 22px;
		padding-right: 34px;
	}

	.rm-header-nav {
		gap: 42px;
	}

	.main-menu > ul {
		gap: 24px;
	}
}

@media (max-width: 1199px) {
	.rm-header-counter {
		border-right: 0;
		margin-right: 0;
		padding-right: 0;
	}

	.rm-header-nav {
		gap: 20px;
	}
}

@media (max-width: 767px) {
	.rm-login-field-user,
	.rm-login-field-pass,
	.rm-login-inline .rm-btn {
		clip-path: none;
	}
}

/* Header and hero final positioning */
.rm-container {
	max-width: 1600px;
	padding-left: 18px !important;
	padding-right: 18px !important;
}

.rm-header-main {
	grid-template-columns: 185px 175px minmax(0, 1fr) 250px;
	gap: 0;
}

.rm-brand-block {
	justify-content: flex-start;
	padding-left: 2px;
	padding-right: 8px;
}

.rm-brand img {
	margin-left: -8px;
	max-width: 158px;
}

.rm-header-counter {
	align-items: flex-start;
	margin-right: 42px;
	min-width: 170px;
	padding-left: 14px;
	padding-right: 34px;
}

.rm-card-label-lined {
	font-size: 11px;
	letter-spacing: 0.14em;
	line-height: 1.25;
	margin-right: 0;
	padding-bottom: 8px;
	width: 100%;
}

.rm-card-value-small {
	font-size: 20px;
	margin-bottom: 6px;
}

.rm-card-subvalue {
	font-size: 12px;
	line-height: 1.35;
	max-width: none;
	white-space: nowrap;
}

.rm-header-nav {
	gap: 68px;
	padding-left: 0;
}

.main-menu > ul {
	gap: 34px;
}

.main-menu > ul > li > a {
	font-size: 15px !important;
	padding: 38px 0 !important;
	white-space: nowrap;
}

.rm-login-field-user {
	background: linear-gradient(180deg, #f0bf4e 0%, #d5a53f 100%);
	clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
}

.rm-login-field-pass {
	background: linear-gradient(180deg, #f0bf4e 0%, #d5a53f 100%);
	clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
}

.rm-login-inline .rm-btn {
	background: linear-gradient(180deg, #f0bf4e 0%, #d5a53f 100%);
	clip-path: polygon(0 0, 92% 0, 100% 100%, 8% 100%);
	color: #1c1812;
	font-weight: 700;
}

.rm-login-inline .rm-btn:hover,
.rm-login-inline .rm-btn:focus {
	color: #12100c;
}

.rm-login-field .glyphicon,
.rm-login-field .form-control,
.rm-login-field .form-control::placeholder {
	color: rgba(33, 24, 11, 0.78) !important;
}

.rm-hero-video {
	min-height: 515px;
}

.rm-hero-overlay {
	background: none !important;
}

.rm-hero-video video {
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
}

.rm-hero-content {
	max-width: 1600px;
	min-height: 515px;
	padding-left: 36px;
}

.rm-hero-copy {
	max-width: 430px;
	padding-top: 40px;
}

@media (max-width: 1400px) {
	.rm-header-main {
		grid-template-columns: 175px 165px minmax(0, 1fr) 240px;
	}

	.rm-header-counter {
		margin-right: 26px;
	}

	.rm-header-nav {
		gap: 46px;
	}
}

@media (max-width: 1199px) {
	.rm-container {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.rm-header-main {
		grid-template-columns: 170px 150px minmax(0, 1fr);
	}

	.rm-header-counter {
		margin-right: 0;
		padding-right: 12px;
	}

	.rm-header-nav {
		gap: 22px;
	}
}

@media (max-width: 991px) {
	.rm-brand img {
		margin-left: 0;
	}

	.rm-card-subvalue {
		white-space: normal;
	}

	.rm-hero-video,
	.rm-hero-content {
		min-height: 430px;
	}

	.rm-hero-content {
		padding-left: 18px;
	}
}

/* Header and hero final adjustments */
.rm-header-main {
	grid-template-columns: 170px 210px minmax(0, 1fr) 250px;
}

.rm-brand-block {
	padding-right: 4px;
}

.rm-brand img {
	margin-left: -18px;
	max-width: 162px;
}

.rm-header-counter {
	margin-right: 18px;
	padding-left: 10px;
	padding-right: 26px;
}

.rm-card-label-lined {
	font-size: 10px;
	letter-spacing: 0.1em;
	white-space: nowrap;
}

.rm-card-subvalue {
	white-space: nowrap;
}

.rm-header-nav {
	gap: 52px;
}

.rm-login-field-user,
.rm-login-field-pass {
	background: rgba(20, 24, 34, 0.98);
	clip-path: polygon(0 0, 95% 0, 100% 100%, 5% 100%);
}

.rm-login-field .glyphicon,
.rm-login-field .form-control,
.rm-login-field .form-control::placeholder {
	color: rgba(214, 221, 236, 0.78) !important;
}

.rm-hero-video {
	min-height: 624px;
}

.rm-hero-content {
	min-height: 624px;
}

@media (max-width: 1400px) {
	.rm-header-main {
		grid-template-columns: 165px 200px minmax(0, 1fr) 245px;
	}

	.rm-brand img {
		margin-left: -14px;
	}
}

@media (max-width: 1199px) {
	.rm-header-main {
		grid-template-columns: 160px 185px minmax(0, 1fr);
	}

	.rm-header-counter {
		margin-right: 0;
		padding-right: 12px;
	}
}

@media (max-width: 991px) {
	.rm-card-label-lined,
	.rm-card-subvalue {
		white-space: normal;
	}

	.rm-hero-video,
	.rm-hero-content {
		min-height: 517px;
	}
}

/* Header request tuning */
.rm-topline-label,
.rm-topline-link,
.rm-topline-value,
.rm-topline-cta,
.rm-card-label-lined,
.rm-card-subvalue,
.main-menu > ul > li > a,
.mega-menu .sidebox-title,
.mega-menu li ul li a,
.rm-header-live .rm-header-live-label,
.rm-header-language .rm-language-current span,
.rm-account-actions .rm-btn,
.rm-login-inline .rm-btn {
	font-family: 'GothamSSm-Light', 'Segoe UI', Tahoma, sans-serif !important;
	font-weight: 400 !important;
	letter-spacing: 0.02em;
}

.rm-topline-label,
.rm-topline-link,
.rm-topline-cta {
	text-transform: none;
}

.rm-topline-link,
.rm-topline-cta {
	letter-spacing: 0.08em;
}

.rm-topline-cta {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	clip-path: none !important;
	color: rgba(214, 221, 236, 0.66);
	font-family: 'GothamSSm-Medium', 'Segoe UI', sans-serif;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.06em;
	padding: 0 !important;
	transition: color 0.22s ease, opacity 0.22s ease;
}

.rm-topline-cta:hover,
.rm-topline-cta:focus {
	background: transparent !important;
	color: #ffffff;
	outline: 0;
}

.rm-header-counter {
	align-items: center;
	margin-right: 114px;
	padding-left: 0;
	padding-right: 36px;
	text-align: center;
}

.rm-card-label-lined,
.rm-card-value-small,
.rm-card-subvalue {
	text-align: center;
	width: 100%;
}

.rm-hero-content {
	align-items: center;
	padding-bottom: 0;
	padding-top: 0;
}

.rm-hero-copy {
	max-width: 760px;
	padding: 0;
	transform: translateY(-44px);
}

.rm-kicker {
	margin-bottom: 18px;
}

.rm-hero-logo {
	margin: 0 0 18px;
	max-width: 340px;
}

.rm-hero-headline {
	font-size: 22px;
	letter-spacing: 0.08em;
	margin: 0 0 22px;
	max-width: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.rm-copy-actions {
	align-items: center;
	gap: 14px;
}

.rm-copy-actions .rm-btn {
	align-items: center;
	border-radius: 0;
	clip-path: polygon(0 0, 92% 0, 100% 100%, 8% 100%);
	display: inline-flex;
	font-size: 12px;
	justify-content: center;
	min-height: 48px;
	min-width: 168px;
	padding: 0 30px;
}

.rm-copy-actions .rm-btn-primary {
	background: linear-gradient(180deg, #f3c64d 0%, #d79b29 100%);
	color: #16120d;
}

.rm-copy-actions .rm-btn-secondary {
	background: rgba(10, 14, 22, 0.88);
	border: 1px solid rgba(255, 255, 255, 0.14);
	color: #f4f7ff;
}

.rm-copy-actions .rm-btn-ghost,
.rm-copy-actions .btn.btn-default {
	background: rgba(18, 23, 34, 0.68);
	border: 1px solid rgba(255, 255, 255, 0.18);
	color: #f4f7ff;
}

.rm-copy-actions .rm-btn:hover,
.rm-copy-actions .rm-btn:focus {
	transform: translateY(-1px);
}

.rm-section-head > .rm-btn.rm-btn-primary.rm-btn-small {
	align-items: center;
	background: linear-gradient(180deg, #f3c64d 0%, #d79b29 100%);
	border: 0;
	border-radius: 0;
	clip-path: polygon(0 0, 92% 0, 100% 100%, 8% 100%);
	color: #16120d;
	display: inline-flex;
	font-size: 11px;
	justify-content: center;
	min-height: 42px;
	min-width: 132px;
	padding: 0 22px;
}

.rm-section-head > .rm-btn.rm-btn-primary.rm-btn-small:hover,
.rm-section-head > .rm-btn.rm-btn-primary.rm-btn-small:focus {
	color: #16120d;
	transform: translateY(-1px);
}

.rm-login-actions {
	align-items: center;
	gap: 10px;
}

.rm-login-actions .rm-btn.rm-btn-small {
	align-items: center;
	border-radius: 0;
	clip-path: polygon(0 0, 92% 0, 100% 100%, 8% 100%);
	display: inline-flex;
	font-size: 11px;
	justify-content: center;
	min-height: 42px;
	padding: 0 20px;
}

.rm-login-actions .rm-btn-primary.rm-btn-small {
	background: linear-gradient(180deg, #f3c64d 0%, #d79b29 100%);
	color: #16120d;
	min-width: 96px;
}

.rm-login-actions .rm-btn-ghost.rm-btn-small {
	background: rgba(18, 23, 34, 0.68);
	border: 1px solid rgba(255, 255, 255, 0.18);
	color: #f4f7ff;
	min-width: 174px;
}

.rm-login-actions .rm-btn.rm-btn-small:hover,
.rm-login-actions .rm-btn.rm-btn-small:focus {
	transform: translateY(-1px);
}

.rm-news-card-layout {
	align-items: stretch;
	grid-template-columns: 228px minmax(0, 1fr);
	min-height: 294px;
}

.rm-news-section .rm-news-card,
.rm-news-section .rm-news-card-layout,
.rm-news-section .rm-news-card-image,
.rm-news-section .rm-news-card-image img {
	border-radius: 0;
}

.rm-news-media {
	display: flex;
	padding: 22px 0 22px 22px;
}

.rm-news-card-image {
	height: 100%;
	width: 100%;
}

.rm-news-card-image img {
	aspect-ratio: 1 / 1;
	height: 100%;
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.rm-news-copy {
	display: flex;
	flex-direction: column;
	padding: 26px 30px 26px 24px;
}

.rm-news-meta-line {
	align-items: center;
	column-gap: 16px;
	justify-content: flex-start;
}

.rm-news-meta-primary {
	flex: 0 0 auto;
}

.rm-news-taglist {
	align-items: center;
	flex: 1 1 auto;
}

.rm-news-title {
	font-size: 24px;
	line-height: 1.18;
	margin: 8px 0 12px;
}

.rm-news-excerpt {
	font-size: 16px;
	line-height: 1.72;
	margin-bottom: 0;
}

.rm-news-link {
	align-self: flex-end;
	display: inline-flex;
	font-size: 11px;
	margin-top: auto;
	text-align: right;
}

@media (min-width: 1200px) {
	.rm-news-section .row {
		align-items: stretch;
	}

	.rm-news-section .rm-news-column,
	.rm-news-section .rm-sidebar-column {
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	.rm-news-section .rm-news-stack {
		display: grid;
		flex: 1 1 auto;
		gap: 18px;
		grid-template-rows: repeat(3, minmax(0, 1fr));
		height: 100%;
		min-height: 0;
	}

	.rm-news-section .rm-news-stack .rm-news-card,
	.rm-news-section .rm-news-stack .rm-news-card-layout {
		height: 100%;
		margin: 0;
	}
}

.rm-sidebox-patch .rm-sidebox-title {
	font-size: 20px;
	margin-bottom: 16px;
}

.rm-sidebox-patch .rm-patch-list li {
	border-bottom: 0;
	margin-bottom: 10px;
	padding: 0;
}

.rm-sidebox-patch .rm-patch-list li:last-child {
	margin-bottom: 0;
}

.rm-sidebox-patch .rm-patch-list a {
	align-items: center;
	background: #05070d;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 14px;
	color: rgba(214, 221, 236, 0.58);
	display: flex;
	gap: 16px;
	padding: 14px 16px;
	transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.rm-sidebox-patch .rm-patch-list a span {
	color: rgba(214, 221, 236, 0.58);
	display: block;
	font-size: 15px;
	line-height: 1.4;
	transition: color 0.2s ease, text-shadow 0.2s ease;
}

.rm-sidebox-patch .rm-patch-list strong {
	color: #ffd978;
	font-size: 12px;
	letter-spacing: 0.02em;
	transition: color 0.2s ease, text-shadow 0.2s ease;
}

.rm-sidebox-patch .rm-patch-list a:hover,
.rm-sidebox-patch .rm-patch-list a:focus {
	background: #0c1018;
	border-color: rgba(255, 255, 255, 0.3);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04), 0 0 18px rgba(255, 255, 255, 0.08);
	color: #ffffff;
	transform: translateY(-1px);
}

.rm-sidebox-patch .rm-patch-list a:hover span,
.rm-sidebox-patch .rm-patch-list a:focus span {
	color: #ffffff;
	text-shadow: 0 0 12px rgba(255, 255, 255, 0.18);
}

.rm-sidebox-patch .rm-patch-list a:hover strong,
.rm-sidebox-patch .rm-patch-list a:focus strong {
	color: #ffffff;
	text-shadow: 0 0 12px rgba(255, 255, 255, 0.28);
}

.rm-promo-slider {
	background: linear-gradient(180deg, rgba(16, 22, 40, 0.98) 0%, rgba(8, 12, 24, 0.98) 100%);
	border: 1px solid rgba(112, 142, 208, 0.22);
	border-radius: 24px;
	box-shadow: 0 24px 50px rgba(0, 0, 0, 0.34);
	overflow: hidden;
	padding: 18px;
	position: relative;
}

.rm-promo-slider .rm-slider-track {
	align-items: stretch;
}

.rm-promo-slide {
	display: block;
	padding-top: 34px;
}

.rm-promo-card-slider {
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 20px;
	height: 100%;
	margin-bottom: 0;
	overflow: hidden;
	padding: 14px;
}

.rm-promo-media,
.rm-promo-card-slider img {
	display: block;
	width: 100%;
}

.rm-promo-media {
	background: #060a14;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 16px;
	overflow: hidden;
}

.rm-promo-media img {
	aspect-ratio: 845 / 377;
	height: auto;
}

.rm-promo-card-slider img {
	object-fit: cover;
}

.rm-promo-copy {
	display: grid;
	gap: 14px;
	padding: 18px 4px 2px;
}

.rm-promo-kicker {
	color: rgba(239, 197, 107, 0.88);
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 10px;
	letter-spacing: 0.18em;
	line-height: 1;
	text-transform: uppercase;
}

.rm-promo-title {
	color: #ffffff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 30px;
	line-height: 1.04;
	margin: 0;
}

.rm-promo-stats {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rm-promo-stats span {
	background: rgba(11, 18, 32, 0.92);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 14px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 12px 14px;
}

.rm-promo-stats strong,
.rm-promo-stats small {
	display: block;
}

.rm-promo-stats strong {
	color: rgba(218, 227, 247, 0.68);
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 10px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.rm-promo-stats small {
	color: #ffffff;
	font-size: 14px;
	line-height: 1.45;
}

.rm-promo-nav {
	background: rgba(8, 13, 25, 0.88);
	border: 1px solid rgba(255, 255, 255, 0.12);
	bottom: auto;
	border-radius: 999px;
	box-shadow: 0 14px 24px rgba(0, 0, 0, 0.24);
	font-size: 9px;
	letter-spacing: 0.18em;
	padding: 8px 12px;
	top: 18px;
	transform: none;
	z-index: 4;
}

.rm-promo-nav.rm-slider-side-prev {
	left: auto;
	right: 88px;
}

.rm-promo-nav.rm-slider-side-next {
	right: 18px;
}

.rm-boss-slider {
	padding: 6px;
	position: relative;
}

.rm-boss-slider > .rm-sidebox-title {
	background: rgba(10, 16, 28, 0.12);
	backdrop-filter: blur(4px);
	border-radius: 10px;
	color: #ffffff;
	font-size: 9.4px;
	left: 12px;
	letter-spacing: 0.12em;
	line-height: 1;
	margin: 0;
	padding: 8px 10px;
	position: absolute;
	top: 12px;
	z-index: 4;
}

.rm-boss-slider .rm-promo-slide {
	padding-top: 0;
}

.rm-boss-slider .rm-promo-card-slider {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
}

.rm-boss-card {
	position: relative;
}

.rm-boss-media {
	aspect-ratio: 845 / 377;
	background: transparent;
	border: 0;
	border-radius: 10px;
	box-shadow: none;
	display: block;
	overflow: hidden;
	position: relative;
}

.rm-boss-media::before {
	background:
		linear-gradient(180deg, rgba(5, 9, 16, 0.16) 0%, rgba(5, 9, 16, 0.48) 100%),
		linear-gradient(90deg, rgba(5, 9, 16, 0.5) 0%, rgba(5, 9, 16, 0) 48%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.rm-boss-media img {
	height: 100%;
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.rm-boss-title-overlay {
	background: rgba(10, 16, 28, 0.12);
	backdrop-filter: blur(4px);
	border: 0;
	border-radius: 10px;
	color: #ffffff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 10.8px;
	line-height: 1.08;
	max-width: min(310px, calc(100% - 28px));
	padding: 8px 11px 7px;
	position: absolute;
	left: auto;
	right: 14px;
	text-align: right;
	top: 12px;
	z-index: 2;
}

.rm-boss-stats-overlay {
	bottom: 14px;
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
	justify-content: flex-end;
	margin: 0;
	max-width: min(340px, calc(100% - 28px));
	position: absolute;
	right: 14px;
	width: auto;
	z-index: 2;
}

.rm-boss-stats-overlay span {
	background: rgba(10, 16, 28, 0.76);
	backdrop-filter: blur(10px);
	border-color: rgba(255, 255, 255, 0.08);
	border-radius: 12px;
	display: flex;
	flex: 0 0 auto;
	flex-direction: row;
	gap: 6px;
	align-items: center;
	min-width: max-content;
	padding: 8px 10px;
	white-space: nowrap;
}

.rm-boss-stats-overlay strong,
.rm-boss-stats-overlay small {
	display: inline;
}

.rm-boss-stats-overlay strong {
	font-size: 4.8px;
	letter-spacing: 0.16em;
	line-height: 1;
	white-space: nowrap;
}

.rm-boss-stats-overlay small {
	font-size: 7.2px;
	line-height: 1;
	white-space: nowrap;
}

.rm-boss-slider:not(.rm-guardian-slider) .rm-boss-stats-overlay {
	bottom: 12px;
	gap: 8px;
	justify-content: space-between;
	left: 14px;
	max-width: none;
	right: 14px;
}

.rm-boss-slider:not(.rm-guardian-slider) .rm-boss-stats-overlay span {
	align-items: flex-start;
	flex: 1 1 0;
	flex-direction: column;
	gap: 2px;
	justify-content: flex-start;
	min-width: 0;
	padding: 7px 8px;
}

.rm-boss-slider:not(.rm-guardian-slider) .rm-boss-stats-overlay strong,
.rm-boss-slider:not(.rm-guardian-slider) .rm-boss-stats-overlay small {
	color: #ffffff;
	display: block;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rm-boss-slider:not(.rm-guardian-slider) .rm-boss-stats-overlay strong {
	font-size: 7.4px;
	letter-spacing: 0.03em;
	line-height: 1.08;
}

.rm-boss-slider:not(.rm-guardian-slider) .rm-boss-stats-overlay small {
	font-size: 7.4px;
	line-height: 1.08;
}

.rm-boss-slider .rm-promo-nav {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: rgba(255, 255, 255, 0.9);
	font-size: 8.1px;
	letter-spacing: 0.2em;
	opacity: 0;
	padding: 7px 10px;
	pointer-events: none;
	top: 50%;
	transform: translateY(-50%) scale(0.94);
	transition:
		color 0.14s ease,
		opacity 0.12s ease,
		transform 0.12s ease,
		visibility 0.12s ease;
	visibility: hidden;
}

.rm-boss-slider .rm-promo-nav:hover,
.rm-boss-slider .rm-promo-nav:focus {
	color: #f1b440;
}

.rm-boss-slider:hover .rm-promo-nav,
.rm-boss-slider:focus-within .rm-promo-nav {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(-50%) scale(1);
	visibility: visible;
}

.rm-boss-slider .rm-promo-nav.rm-slider-side-prev {
	left: 18px;
	right: auto;
}

.rm-boss-slider .rm-promo-nav.rm-slider-side-next {
	left: auto;
	right: 18px;
}

.rm-sidebox-feature {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	padding: 0 !important;
}

.rm-sidebox-feature .rm-sidebox-title {
	font-size: 20px;
	margin: 0 0 14px;
	padding: 0 6px;
}

.rm-sidebox-feature .rm-promo-slider {
	margin-bottom: 0;
}

.rm-guardian-slider .rm-guardian-media::before {
	background:
		linear-gradient(180deg, rgba(5, 9, 16, 0.14) 0%, rgba(5, 9, 16, 0.42) 100%),
		linear-gradient(90deg, rgba(5, 9, 16, 0.5) 0%, rgba(5, 9, 16, 0) 54%),
		radial-gradient(circle at 78% 34%, rgba(87, 135, 244, 0.18) 0%, rgba(87, 135, 244, 0) 32%);
}

.rm-guardian-title-overlay {
	max-width: min(330px, calc(100% - 32px));
}

.rm-guardian-stats-overlay {
	bottom: 12px;
	gap: 8px;
	justify-content: space-between;
	left: 14px;
	max-width: none;
	right: 14px;
}

.rm-guardian-stats-overlay span {
	align-items: flex-start;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	padding: 7px 8px;
}

.rm-guardian-stats-overlay span:first-child {
	flex: 0 0 auto;
}

.rm-guardian-stats-overlay span:last-child {
	flex: 1 1 0;
	justify-content: flex-start;
}

.rm-guardian-stats-overlay strong,
.rm-guardian-stats-overlay small {
	color: #ffffff;
	display: block;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rm-guardian-stats-overlay strong {
	font-size: 7.4px;
	letter-spacing: 0.03em;
	line-height: 1.08;
}

.rm-guardian-stats-overlay small {
	font-size: 7.4px;
	line-height: 1.08;
	max-width: none;
}

@media (hover: none) {
	.rm-war-slider .rm-slider-side,
	.rm-ranking-slider .rm-slider-side,
	.rm-class-slider .rm-slider-side,
	.rm-event-slider .rm-slider-side,
	.rm-guide-slider .rm-slider-side,
	.rm-boss-slider .rm-promo-nav {
		opacity: 1;
		pointer-events: auto;
		transform: translateY(-50%) scale(1);
		visibility: visible;
	}
}

@media (max-width: 991px) {
	.rm-promo-slider {
		padding: 14px;
	}

	.rm-promo-slide {
		padding-top: 38px;
	}

	.rm-promo-title {
		font-size: 24px;
	}

	.rm-promo-stats {
		grid-template-columns: 1fr;
	}

	.rm-sidebox-feature .rm-sidebox-title {
		padding: 0 2px;
	}

	.rm-boss-slider .rm-promo-nav {
		padding: 6px 9px;
	}

	.rm-boss-slider .rm-promo-nav.rm-slider-side-prev {
		left: 14px;
	}

	.rm-boss-slider .rm-promo-nav.rm-slider-side-next {
		right: 14px;
	}

	.rm-boss-slider > .rm-sidebox-title {
		font-size: 8.6px;
		left: 10px;
		padding: 7px 9px;
		top: 10px;
	}

	.rm-boss-title-overlay {
		font-size: 9.6px;
		max-width: min(280px, calc(100% - 24px));
		left: auto;
		right: 12px;
		text-align: right;
		top: 10px;
	}

	.rm-boss-stats-overlay {
		bottom: 12px;
		gap: 6px;
		max-width: min(310px, calc(100% - 24px));
		right: 12px;
	}

	.rm-boss-stats-overlay span {
		padding: 7px 9px;
	}

	.rm-boss-slider .rm-promo-nav {
		font-size: 7.29px;
	}

	.rm-boss-stats-overlay small {
		font-size: 6.6px;
	}

	.rm-boss-slider:not(.rm-guardian-slider) .rm-boss-stats-overlay {
		bottom: 10px;
		gap: 6px;
		left: 12px;
		right: 12px;
	}

	.rm-boss-slider:not(.rm-guardian-slider) .rm-boss-stats-overlay strong {
		font-size: 6.8px;
	}

	.rm-boss-slider:not(.rm-guardian-slider) .rm-boss-stats-overlay small {
		font-size: 6.8px;
	}

	.rm-guardian-stats-overlay {
		bottom: 10px;
		gap: 6px;
		left: 12px;
		right: 12px;
	}

	.rm-guardian-stats-overlay span {
		padding: 6px 7px;
	}

	.rm-guardian-stats-overlay strong {
		font-size: 6.8px;
	}

	.rm-guardian-stats-overlay small {
		font-size: 6.8px;
	}
}

@media (max-width: 767px) {
	.rm-promo-card-slider {
		padding: 12px;
	}

	.rm-promo-copy {
		padding: 16px 0 2px;
	}

	.rm-promo-nav {
		font-size: 8px;
		padding: 7px 10px;
		top: 14px;
	}

	.rm-promo-nav.rm-slider-side-prev {
		right: 76px;
	}

	.rm-promo-nav.rm-slider-side-next {
		right: 14px;
	}

	.rm-boss-slider {
		padding: 5px;
	}

	.rm-boss-slider > .rm-sidebox-title {
		font-size: 7.9px;
		left: 8px;
		padding: 6px 8px;
		top: 8px;
	}

	.rm-boss-slider .rm-promo-card-slider {
		padding: 0;
	}

	.rm-boss-slider .rm-promo-nav {
		font-size: 6.3px;
		padding: 6px 8px;
		top: 48%;
	}

	.rm-boss-slider .rm-promo-nav.rm-slider-side-prev {
		left: 10px;
	}

	.rm-boss-slider .rm-promo-nav.rm-slider-side-next {
		right: 10px;
	}

	.rm-boss-title-overlay {
		font-size: 8.4px;
		max-width: calc(100% - 16px);
		padding: 7px 9px 6px;
		left: auto;
		right: 8px;
		text-align: right;
		top: 8px;
	}

	.rm-boss-stats-overlay {
		bottom: 10px;
		left: 10px;
		max-width: none;
		right: 10px;
		width: auto;
	}

	.rm-boss-stats-overlay span {
		padding: 6px 8px;
	}

	.rm-boss-stats-overlay strong {
		font-size: 4.2px;
	}

	.rm-boss-stats-overlay small {
		font-size: 6px;
	}

	.rm-boss-slider:not(.rm-guardian-slider) .rm-boss-stats-overlay {
		bottom: 8px;
		gap: 4px;
		left: 8px;
		right: 8px;
	}

	.rm-boss-slider:not(.rm-guardian-slider) .rm-boss-stats-overlay span {
		padding: 5px 6px;
	}

	.rm-boss-slider:not(.rm-guardian-slider) .rm-boss-stats-overlay strong {
		font-size: 5.8px;
	}

	.rm-boss-slider:not(.rm-guardian-slider) .rm-boss-stats-overlay small {
		font-size: 5.8px;
	}

	.rm-guardian-stats-overlay {
		bottom: 8px;
		gap: 6px;
		left: 8px;
		right: 8px;
	}

	.rm-guardian-stats-overlay span {
		padding: 5px 6px;
	}

	.rm-guardian-stats-overlay strong {
		font-size: 5.8px;
	}

	.rm-guardian-stats-overlay small {
		font-size: 5.8px;
	}
}

.rm-side-login-field {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.12);
	clip-path: polygon(0 0, 94% 0, 100% 100%, 6% 100%);
	overflow: hidden;
	padding: 0 14px;
	position: relative;
}

.rm-side-login-field .glyphicon {
	color: rgba(244, 247, 255, 0.88);
	font-size: 12px;
	left: 22px;
	line-height: 1;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}

.rm-login-form .rm-side-login-field .form-control {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #f4f7ff !important;
	height: 42px;
	line-height: 42px !important;
	margin: 0;
	padding: 0 14px 0 40px !important;
	width: 100%;
}

.rm-login-form .rm-side-login-field .form-control:hover,
.rm-login-form .rm-side-login-field .form-control:focus,
.rm-login-form .rm-side-login-field .form-control:active {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	transition: none !important;
	animation: none !important;
}

.rm-login-form .rm-side-login-field .form-control::placeholder {
	color: rgba(244, 247, 255, 0.56) !important;
}

.rm-login-form .rm-side-login-field .form-control:-webkit-autofill,
.rm-login-form .rm-side-login-field .form-control:-webkit-autofill:hover,
.rm-login-form .rm-side-login-field .form-control:-webkit-autofill:focus,
.rm-login-form .rm-side-login-field .form-control:-webkit-autofill:active,
.rm-login-form .rm-side-login-field .form-control:autofill,
.rm-login-form .rm-side-login-field .form-control:autofill:hover,
.rm-login-form .rm-side-login-field .form-control:autofill:focus,
.rm-login-form .rm-side-login-field .form-control:autofill:active {
	-webkit-box-shadow: 0 0 0 1000px #141a28 inset !important;
	box-shadow: 0 0 0 1000px #141a28 inset !important;
	-webkit-text-fill-color: #f4f7ff !important;
	background-color: #141a28 !important;
	border: 0 !important;
	caret-color: #f4f7ff !important;
	color: #f4f7ff !important;
	background-image: none !important;
	-webkit-transition: background-color 99999s ease-in-out 0s, color 99999s ease-in-out 0s !important;
	transition: background-color 99999s ease-in-out 0s, color 99999s ease-in-out 0s !important;
	animation: none !important;
}

.rm-header-counter .rm-card-label-lined {
	font-size: 12px;
	text-transform: none;
}

.rm-brand img {
	max-width: 82px;
}

.rm-brand-block {
	padding-right: 0;
}

.rm-header-main {
	grid-template-columns: 88px 210px minmax(0, 1fr) 330px;
}

.rm-brand-block,
.rm-header-counter,
.rm-header-nav,
.rm-account-shell {
	min-height: 118px;
}

.rm-header-nav {
	gap: 34px;
}

.rm-header-nav-extras {
	gap: 14px;
	padding-left: 8px;
}

.main-menu > ul > li > a {
	padding: 46px 0 !important;
}

.rm-header-live {
	min-height: 65px;
}

.rm-header-main {
	position: relative;
}

.rm-header-nav,
.main-menu > ul,
.main-menu > ul > li,
.mega-menu-wrap {
	position: static;
}

.mega-menu-wrap:hover .mega-menu,
.mega-menu-wrap:focus-within .mega-menu {
	display: grid;
}

.mega-menu {
	background: #171a21;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 0 0 6px 6px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34);
	gap: 0;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	left: 0;
	min-width: 0;
	padding: 20px 18px 24px;
	position: absolute;
	right: 0;
	top: calc(100% - 2px);
	transform: none;
	width: auto;
	z-index: 60;
}

.mega-menu > li {
	border-right: 1px solid rgba(255, 255, 255, 0.09);
	min-width: 0;
	padding: 10px 18px 8px;
}

@media (min-width: 992px) {
	.main-menu .mega-menu {
		display: grid;
		opacity: 0;
		pointer-events: none;
		transform: translateY(8px);
		transition: opacity 0.75s ease, transform 0.75s ease, visibility 0s linear 0.75s;
		visibility: hidden;
	}

	.main-menu .mega-menu-wrap:hover .mega-menu,
	.main-menu .mega-menu-wrap:focus-within .mega-menu,
	.main-menu .mega-menu-wrap.is-hover-open .mega-menu {
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0);
		transition: opacity 180ms ease, transform 180ms ease, visibility 0s linear 0s;
		visibility: visible;
	}

	.main-menu .mega-menu-wrap.is-hover-fading .mega-menu {
		opacity: 0;
		pointer-events: auto;
		transform: translateY(8px);
		transition: opacity 0.75s ease, transform 0.75s ease, visibility 0s linear 0.75s;
		visibility: visible;
	}
}

.rm-account-shell {
	padding-left: 22px;
}

.rm-header-language .rm-language-current img,
.rm-header-language .rm-language-list img {
	border-radius: 50%;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14);
	display: block;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
}

.rm-header-language .rm-language-current img {
	height: 32px;
	width: 32px;
}

.rm-header-language .rm-language-list img {
	height: 20px;
	width: 20px;
}

.rm-login-inline {
	gap: 4px 2px;
	grid-template-columns: minmax(0, 1fr) 92px;
	grid-template-rows: 50px 50px;
	max-width: none;
	width: 100%;
}

.rm-login-field {
	background: #000000;
	border: 1px solid rgba(255, 255, 255, 0.14);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.7);
	display: block;
	min-width: 0;
	overflow: hidden;
	padding: 5px 12px;
	position: relative;
}

.rm-login-field-user,
.rm-login-field-pass {
	background: #000000;
	clip-path: polygon(0 0, 90% 0, 100% 100%, 12% 100%);
}

.rm-login-field-pass {
	margin-right: 0;
	padding-right: 10px;
}

.rm-login-field .glyphicon {
	color: #ffffff !important;
	font-size: 12px;
	left: 22px;
	line-height: 1;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}

.rm-login-field .form-control {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	clip-path: none;
	color: #f4f7ff !important;
	font-family: 'GothamSSm-Light', 'Segoe UI', Tahoma, sans-serif !important;
	font-size: 13px;
	font-weight: 400 !important;
	height: 34px;
	letter-spacing: 0 !important;
	line-height: 34px !important;
	margin: 0;
	padding: 0 16px 0 36px !important;
	width: 100%;
}

.rm-login-field-pass .glyphicon {
	left: 22px;
}

.rm-login-field-pass .form-control {
	height: 34px;
	line-height: 34px !important;
	padding-left: 36px !important;
}

.rm-login-field .form-control::placeholder {
	color: rgba(244, 247, 255, 0.58) !important;
	font-family: 'GothamSSm-Light', 'Segoe UI', Tahoma, sans-serif !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
}

.rm-login-field .form-control:-webkit-autofill,
.rm-login-field .form-control:-webkit-autofill:hover,
.rm-login-field .form-control:-webkit-autofill:focus,
.rm-login-field .form-control:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 1000px #000000 inset !important;
	box-shadow: 0 0 0 1000px #000000 inset !important;
	-webkit-text-fill-color: #f4f7ff !important;
	background-color: #000000 !important;
	caret-color: #f4f7ff;
	transition: background-color 99999s ease-in-out 0s, color 99999s ease-in-out 0s;
}

.rm-login-inline .rm-btn {
	align-self: center;
	background: #f3c63f;
	clip-path: polygon(0 0, 90% 0, 100% 100%, 12% 100%);
	color: #16120d;
	font-size: 13px;
	font-weight: 700;
	height: 38px;
	letter-spacing: 0.02em;
	min-width: 92px;
	padding: 0 10px;
}

.rm-login-inline .rm-btn:hover,
.rm-login-inline .rm-btn:focus {
	color: #16120d;
}

@media (max-width: 1199px) {
	.rm-hero-copy {
		max-width: 100%;
		transform: translateY(-26px);
	}

	.mega-menu {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.rm-header-main {
		grid-template-columns: 88px 185px minmax(0, 1fr);
	}

	.rm-header-counter {
		margin-right: 0;
		padding-right: 12px;
	}

	.rm-account-shell {
		padding-left: 0;
	}
}

@media (max-width: 991px) {
	.rm-news-card-layout {
		grid-template-columns: 1fr;
	}

	.rm-news-media {
		display: block;
		padding: 16px 16px 0;
	}

	.rm-news-link {
		align-self: flex-start;
	}

	.rm-copy-actions .rm-btn {
		min-width: 150px;
	}

	.rm-hero-content {
		align-items: center;
	}

	.rm-hero-copy {
		padding: 0;
		transform: none;
	}

	.rm-hero-logo {
		max-width: 300px;
	}

	.rm-brand-block,
	.rm-header-counter,
	.rm-header-nav,
	.rm-account-shell {
		min-height: 98px;
	}

	.main-menu > ul > li > a {
		padding: 38px 0 !important;
	}

	.rm-header-live {
		min-height: 54px;
	}

	.rm-header-nav,
	.main-menu > ul,
	.main-menu > ul > li,
	.mega-menu-wrap {
		position: static;
	}

	.mega-menu {
		grid-template-columns: 1fr;
		position: static;
		transform: none;
		width: 100%;
	}

	.rm-login-inline {
		gap: 4px 2px;
		grid-template-columns: minmax(0, 1fr) 90px;
		grid-template-rows: 42px 42px;
	}

	.rm-login-field {
		padding: 4px 12px;
	}

	.rm-login-field .form-control {
		height: 30px;
		line-height: 30px !important;
		margin: 0;
	}

	.rm-login-inline .rm-btn {
		height: 32.3px;
		min-width: 90px;
	}

	.rm-hero-headline {
		white-space: normal;
	}
}

@media (max-width: 767px) {
	.rm-login-actions .rm-btn.rm-btn-small {
		clip-path: none;
		width: 100%;
	}

	.rm-section-head > .rm-btn.rm-btn-primary.rm-btn-small {
		clip-path: none;
		width: 100%;
	}

	.rm-copy-actions .rm-btn {
		clip-path: none;
		min-width: 0;
		width: 100%;
	}

	.rm-login-field-user,
	.rm-login-field-pass,
	.rm-login-inline .rm-btn {
		clip-path: none;
	}

	.rm-login-inline {
		max-width: none;
	}

	.rm-topline-cta {
		clip-path: none;
	}
}

/* Global square UI pass */
.rm-page-shell *:not(img):not(svg):not(video):not(iframe):not(canvas) {
	border-radius: 0 !important;
}

.rm-footer {
	background: linear-gradient(180deg, rgba(8, 13, 24, 0.96) 0%, rgba(6, 10, 18, 0.98) 100%);
	padding: 24px 0;
}

.rm-footer > .container.rm-container {
	max-width: none;
	padding-left: 24px;
	padding-right: 24px;
	width: 100% !important;
}

.rm-footer-shell,
.footer-container {
	width: 100%;
}

.rm-footer-shell {
	align-items: center;
	background: transparent !important;
	backdrop-filter: none;
	border: 0 !important;
	box-shadow: none;
	column-gap: 28px;
	grid-template-columns: auto minmax(0, 1fr) auto auto;
	margin: 0 auto;
	max-width: 1600px;
}

.rm-footer-brand {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.rm-footer-brand img {
	margin: 0 auto 8px;
}

.rm-footer-brand p {
	margin: 0;
	text-align: center;
}

.rm-footer-links,
.rm-footer-times,
.rm-footer-social {
	align-items: center;
	justify-content: center;
}

.rm-footer-links {
	justify-self: center;
	text-align: center;
}

.rm-footer-times {
	justify-self: center;
}

.rm-footer-social {
	justify-self: end;
}

.rm-footer-disclaimer {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	margin-top: 18px;
	padding-top: 16px;
}

.rm-footer-disclaimer p {
	color: rgba(214, 221, 236, 0.62);
	font-size: 11px;
	line-height: 1.75;
	margin: 0 auto;
	max-width: 1280px;
	text-align: center;
}

.rm-footer-timeitem-combined {
	gap: 14px;
	min-width: 286px;
	padding: 12px 14px;
	width: auto;
}

.rm-footer-timegroup {
	text-align: center;
}

.rm-footer-timegroup + .rm-footer-timegroup {
	padding-left: 14px;
}

.rm-footer-timeitem span,
.rm-footer-timeitem small {
	font-size: 10px;
	letter-spacing: 0.08em;
}

.rm-footer-timeitem strong {
	font-size: 18px;
	line-height: 1.05;
	margin: 4px 0 3px;
}

.rm-footer-timeitem-combined {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-width: 100%;
	min-width: 0;
	width: fit-content;
}

.rm-footer-timegroup {
	align-items: baseline;
	display: flex;
	gap: 6px;
	text-align: left;
	width: auto;
}

.rm-footer-timeitem {
	min-width: 0;
	width: auto;
}

.rm-footer-timegroup + .rm-footer-timegroup {
	border-left: 0;
	padding-left: 0;
}

.rm-footer-timeitem .rm-footer-timegroup span {
	display: inline;
	font-size: 11px;
	letter-spacing: 0.04em;
	text-transform: none;
}

.rm-footer-timeitem .rm-footer-timegroup strong {
	display: inline;
	font-size: 17px;
	line-height: 1.2;
	margin: 0;
}


@media (max-width: 1399px) {
	.rm-footer-shell {
		column-gap: 22px;
		max-width: 1320px;
	}

	.rm-footer-timeitem-combined {
		min-width: 0;
	}
}

@media (max-width: 1199px) {
	.rm-footer-shell {
		grid-template-columns: 1fr;
		justify-items: center;
		row-gap: 18px;
		text-align: center;
	}

	.rm-footer-links,
	.rm-footer-times,
	.rm-footer-social {
		justify-self: center;
	}

	.rm-footer-timeitem-combined {
		max-width: 100%;
		min-width: 0;
		width: fit-content;
	}
}

@media (max-width: 991px) {
	.rm-footer-shell {
		padding-left: 24px;
		padding-right: 24px;
	}
}

/* TopMU responsive navigation pass */
.rm-nav-toggle {
	align-items: center;
	background: linear-gradient(135deg, rgba(18, 30, 55, 0.92) 0%, rgba(10, 18, 34, 0.96) 100%);
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.2);
	color: #f5f7ff;
	display: none;
	gap: 12px;
	justify-content: center;
	min-height: 58px;
	padding: 0 18px;
	text-transform: uppercase;
}

.rm-nav-toggle:hover,
.rm-nav-toggle:focus {
	color: #ffd978;
}

.rm-nav-toggle-box {
	display: inline-flex;
	flex-direction: column;
	gap: 4px;
}

.rm-nav-toggle-line {
	background: currentColor;
	display: block;
	height: 2px;
	transition: transform 0.2s ease, opacity 0.2s ease;
	width: 20px;
}

.rm-nav-toggle-text {
	font-family: 'GothamSSm-Medium', 'Segoe UI', sans-serif;
	font-size: 11px;
	letter-spacing: 0.16em;
}

.rm-header-shell.is-nav-open .rm-nav-toggle-line:nth-child(1) {
	transform: translateY(6px) rotate(45deg);
}

.rm-header-shell.is-nav-open .rm-nav-toggle-line:nth-child(2) {
	opacity: 0;
}

.rm-header-shell.is-nav-open .rm-nav-toggle-line:nth-child(3) {
	transform: translateY(-6px) rotate(-45deg);
}

@media (max-width: 991px) {
	.rm-header-main {
		grid-template-areas:
			"brand toggle"
			"counter counter"
			"account account"
			"nav nav";
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.rm-brand-block {
		grid-area: brand;
	}

	.rm-header-counter {
		grid-area: counter;
	}

	.rm-account-shell {
		grid-area: account;
	}

	.rm-nav-toggle {
		display: inline-flex;
		grid-area: toggle;
		justify-self: end;
	}

	.rm-header-nav {
		background: rgba(8, 13, 24, 0.98);
		border: 1px solid rgba(255, 255, 255, 0.08);
		box-shadow: 0 24px 50px rgba(0, 0, 0, 0.28);
		display: none;
		grid-area: nav;
		padding: 18px;
		width: 100%;
	}

	.rm-header-shell.is-nav-open .rm-header-nav {
		display: block;
	}

	.main-menu > ul {
		align-items: stretch;
		flex-direction: column;
		gap: 8px;
	}

	.main-menu > ul > li > a {
		align-items: center;
		display: flex;
		justify-content: space-between;
		padding: 14px 16px !important;
		width: 100%;
	}

	.mega-menu {
		display: none;
		grid-template-columns: 1fr;
		margin-top: 8px;
		min-width: 0;
		padding: 14px;
		position: static !important;
		top: auto;
		width: 100%;
	}

	.mega-menu-wrap.is-open > .mega-menu {
		display: grid;
	}

	.rm-header-nav-extras {
		align-items: stretch;
		flex-direction: column;
		gap: 10px;
		margin-top: 14px;
	}

	.rm-header-live,
	.rm-language-current {
		justify-content: center;
		width: 100%;
	}

	.rm-language-dropdown,
	.rm-language-list {
		width: 100%;
	}

	.rm-language-list {
		left: 0;
		right: auto;
	}
}

/* Child block contrast pass */
.rm-content-shell {
	background: rgba(12, 17, 29, 0.94);
	border-color: rgba(255, 255, 255, 0.1);
}

.rm-news-section .rm-news-card,
.rm-news-section .rm-sidebox {
	background: rgba(12, 17, 30, 0.96);
	border-color: rgba(102, 135, 191, 0.18);
}

.rm-war-section .rm-war-card {
	background: linear-gradient(180deg, rgba(39, 28, 24, 0.97), rgba(16, 16, 24, 0.985));
	border-color: rgba(205, 121, 97, 0.24);
}

.rm-ranking-section .rm-ranking-card {
	background: linear-gradient(180deg, rgba(21, 21, 30, 0.975), rgba(10, 12, 20, 0.99));
	border-color: rgba(255, 255, 255, 0.11);
}

.rm-guides-section .rm-guide-card {
	background: rgba(22, 18, 20, 0.95);
	border-color: rgba(214, 131, 81, 0.18);
}

.rm-class-section .rm-class-card {
	border-color: rgba(133, 161, 219, 0.18);
}

.rm-event-section .rm-event-card {
	border-color: rgba(117, 152, 214, 0.18);
}

.rm-sidebox-patch .rm-patch-list a,
.rm-ranking-card .cell-ranking span,
.rm-footer-timeitem {
	background-color: rgba(16, 22, 35, 0.94);
}

/* Unified skew system */
body.realmu-body {
	--rm-ui-skew-button: polygon(0 0, 96% 0, 100% 100%, 4% 100%);
	--rm-ui-skew-input: polygon(0 0, 96% 0, 100% 100%, 4% 100%);
	--rm-viewall-skew-offset: 10px;
	--rm-viewall-skew-shape: polygon(0 0, calc(100% - var(--rm-viewall-skew-offset)) 0, 100% 100%, var(--rm-viewall-skew-offset) 100%);
}

.rm-btn:not(.rm-btn-discord),
.rm-copy-actions .rm-btn:not(.rm-btn-discord),
.rm-login-actions .rm-btn.rm-btn-small,
.rm-nav-toggle,
.rm-sidebox-patch .rm-patch-list a {
	border-radius: 0 !important;
	clip-path: var(--rm-ui-skew-button);
}

.rm-section-head > .rm-btn.rm-btn-primary.rm-btn-small,
.rm-copy-actions .rm-btn.rm-btn-primary,
.rm-copy-actions .rm-btn.rm-btn-discord {
	border-radius: 0 !important;
	clip-path: var(--rm-viewall-skew-shape) !important;
}

.rm-side-login-field,
.rm-login-field-user,
.rm-login-field-pass,
.rm-login-inline .rm-btn {
	border-radius: 0 !important;
	clip-path: var(--rm-viewall-skew-shape) !important;
}

/* Game Guides wiki */
.rm-guides-wiki {
	color: rgba(220, 229, 244, 0.86);
	font-family: 'GothamSSm-Medium', 'Segoe UI', sans-serif;
}

.rm-guides-topbar {
	align-items: center;
	background: rgba(8, 11, 18, 0.92);
	border-bottom: 2px solid rgba(186, 58, 48, 0.75);
	display: flex;
	gap: 18px;
	justify-content: space-between;
	margin: -30px -32px 30px;
	padding: 10px 28px;
}

.rm-guides-topbar strong {
	color: #fff;
}

.rm-guides-search {
	align-items: center;
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(255, 255, 255, 0.08);
	display: flex;
	gap: 10px;
	margin: 0;
	min-width: min(520px, 50vw);
	padding: 9px 14px;
}

.rm-guides-search input {
	background: transparent;
	border: 0;
	color: #fff;
	outline: 0;
	width: 100%;
}

.rm-guides-layout {
	display: grid;
	gap: 34px;
	grid-template-columns: 260px minmax(0, 1fr);
}

.rm-guides-sidebar {
	align-self: start;
	background: rgba(15, 18, 28, 0.92);
	border: 1px solid rgba(255, 255, 255, 0.08);
	padding: 24px 22px;
}

.rm-guides-logo {
	color: #39cfff;
	font-family: 'Cinzel', Georgia, serif;
	font-size: 48px;
	letter-spacing: -0.04em;
	line-height: 1;
	margin-bottom: 30px;
	text-shadow: 0 0 12px rgba(57, 207, 255, 0.45), 0 0 28px rgba(57, 207, 255, 0.2);
}

.rm-guides-sidebar h3,
.rm-guides-panel h2 {
	color: #fff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 20px;
	margin: 0 0 16px;
}

.rm-guides-sidebar h3:before,
.rm-guides-panel h2:after {
	background: #dc584b;
	content: '';
	display: inline-block;
	height: 2px;
	margin-right: 10px;
	vertical-align: middle;
	width: 14px;
}

.rm-guides-panel h2 {
	border-bottom: 1px solid rgba(220, 88, 75, 0.65);
	font-size: 26px;
	padding-bottom: 10px;
}

.rm-guides-panel h2:after {
	display: none;
}

.rm-guides-nav {
	display: grid;
	gap: 10px;
}

.rm-guides-nav a,
.rm-guides-back {
	background: rgba(5, 8, 14, 0.9);
	color: #fff;
	display: block;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	padding: 14px 18px;
	transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.rm-guides-nav a:hover,
.rm-guides-back:hover {
	background: rgba(220, 88, 75, 0.16);
	color: #ffd978;
	transform: translateX(4px);
}

.rm-guides-category-menu {
	display: grid;
	gap: 12px;
}

.rm-guides-category-rule {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	margin: -2px 0 12px;
}

.rm-guides-category-group {
	display: grid;
	gap: 10px;
}

.rm-guides-category-toggle {
	align-items: center;
	background: rgba(5, 8, 14, 0.96);
	border: 1px solid rgba(255, 255, 255, 0.035);
	color: #fff;
	cursor: pointer;
	display: flex;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 15px;
	justify-content: space-between;
	letter-spacing: 0.02em;
	line-height: 1.2;
	padding: 15px 16px;
	text-align: left;
	transition: border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
	width: 100%;
}

.rm-guides-category-toggle:hover {
	border-color: rgba(255, 217, 120, 0.2);
	color: #ffd978;
	transform: translateX(3px);
}

.rm-guides-category-chevron {
	border-color: #fff transparent transparent transparent;
	border-style: solid;
	border-width: 6px 5px 0 5px;
	display: inline-block;
	flex: 0 0 auto;
	height: 0;
	margin-left: 10px;
	transition: border-color 0.2s ease, transform 0.2s ease;
	width: 0;
}

.rm-guides-category-group.is-open .rm-guides-category-chevron {
	border-color: #ffd978 transparent transparent transparent;
	transform: rotate(180deg);
}

.rm-guides-category-links {
	display: none;
	padding: 0 4px 4px 12px;
}

.rm-guides-category-group.is-open .rm-guides-category-links {
	display: grid;
	gap: 4px;
}

.rm-guides-category-links a {
	color: #fff;
	display: block;
	font-family: 'GothamSSm-Book', 'Segoe UI', sans-serif;
	font-size: 15px;
	line-height: 1.45;
	padding: 3px 0;
	transition: color 0.2s ease, transform 0.2s ease;
}

.rm-guides-category-links a:before {
	color: #39bdf8;
	content: '- ';
}

.rm-guides-category-links a:hover {
	color: #ffd978;
	transform: translateX(3px);
}

.rm-guides-category-links a.is-active {
	color: #ffd978;
}

.rm-guides-manage-link {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	color: #ffd978;
	display: block;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 12px;
	letter-spacing: 0.12em;
	margin-top: 8px;
	padding-top: 16px;
	text-transform: uppercase;
	transition: color 0.2s ease, transform 0.2s ease;
}

.rm-guides-manage-link:hover {
	color: #fff;
	transform: translateX(3px);
}

.rm-guides-main {
	min-width: 0;
}

.rm-guides-welcome {
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(0, 1fr) 260px;
	margin-bottom: 34px;
}

.rm-guides-welcome h1,
.rm-guides-article h1 {
	border-bottom: 1px solid rgba(220, 88, 75, 0.7);
	color: #fff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 30px;
	margin: 0 0 16px;
	padding-bottom: 10px;
}

.rm-guides-article-subtitles {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: -4px 0 18px;
}

.rm-guides-article-subtitles span {
	background: rgba(255, 217, 120, 0.09);
	border: 1px solid rgba(255, 217, 120, 0.2);
	color: rgba(255, 236, 184, 0.95);
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 12px;
	letter-spacing: 0.08em;
	padding: 7px 10px;
	text-transform: uppercase;
}

.rm-guides-welcome p {
	color: rgba(220, 229, 244, 0.68);
	font-size: 15px;
	line-height: 1.7;
}

.rm-guides-promo-card {
	background: rgba(10, 13, 21, 0.94);
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding: 12px;
}

.rm-guides-promo-card img {
	display: block;
	height: 180px;
	object-fit: cover;
	width: 100%;
}

.rm-guides-promo-card strong {
	color: #dce9ff;
	display: block;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	padding: 14px 6px 4px;
	text-transform: uppercase;
}

.rm-guides-panel {
	margin-top: 30px;
}

.rm-guides-post-grid,
.rm-guides-event-grid,
.rm-guides-class-grid {
	display: grid;
	gap: 10px;
}

.rm-guides-post-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rm-guides-event-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rm-guides-class-grid {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.rm-guides-post-card,
.rm-guides-event-card,
.rm-guides-class-card,
.rm-guides-empty,
.rm-guides-support {
	background: rgba(12, 15, 24, 0.94);
	border: 1px solid rgba(255, 255, 255, 0.06);
	color: rgba(220, 229, 244, 0.82);
}

.rm-guides-post-card {
	min-height: 190px;
	padding: 20px;
}

.rm-guides-post-card span {
	color: #ffd978;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.rm-guides-post-card h3 {
	color: #fff;
	font-size: 21px;
	line-height: 1.3;
	margin: 12px 0 10px;
}

.rm-guides-post-card p {
	color: rgba(220, 229, 244, 0.66);
	line-height: 1.65;
}

.rm-guides-post-card strong {
	color: #ffd978;
	display: inline-block;
	font-size: 11px;
	letter-spacing: 0.14em;
	margin-top: 8px;
	text-transform: uppercase;
}

.rm-guides-event-card {
	align-items: center;
	display: grid;
	gap: 16px;
	grid-template-columns: 64px 1fr;
	min-height: 82px;
	padding: 12px 18px;
}

.rm-guides-event-card img {
	height: 48px;
	object-fit: contain;
	width: 48px;
}

.rm-guides-class-card img {
	aspect-ratio: 1 / 1;
	background: radial-gradient(circle at 50% 38%, rgba(255, 217, 120, 0.12), rgba(7, 10, 18, 0.9) 64%);
	display: block;
	height: auto;
	object-fit: contain;
	object-position: center;
	width: 100%;
}

.rm-guides-class-card span {
	display: block;
	padding: 12px 8px 14px;
	text-align: center;
}

.rm-guides-post-card:hover,
.rm-guides-event-card:hover,
.rm-guides-class-card:hover {
	border-color: rgba(255, 217, 120, 0.32);
	color: #fff;
	transform: translateY(-2px);
}

.rm-guides-empty,
.rm-guides-no-results {
	color: rgba(220, 229, 244, 0.7);
	padding: 22px;
	text-align: center;
}

.rm-guides-no-results {
	display: none;
}

.rm-guides-support {
	padding: 22px;
}

.rm-guides-support ul {
	margin-bottom: 0;
}

.rm-guides-article {
	background: rgba(12, 15, 24, 0.95);
	border: 1px solid rgba(255, 255, 255, 0.08);
	padding: 28px;
}

.rm-guides-article-meta {
	color: rgba(255, 217, 120, 0.78);
	font-size: 12px;
	letter-spacing: 0.08em;
	margin-bottom: 22px;
	text-transform: uppercase;
}

.rm-guides-article-content {
	color: rgba(230, 236, 248, 0.84);
	font-size: 16px;
	line-height: 1.8;
}

.rm-guides-article-content img {
	height: auto;
	max-width: 100%;
}

.rm-guides-article-content h2,
.rm-guides-article-content h3 {
	color: #ffffff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
	font-weight: 700;
	line-height: 1.25;
}

.rm-guides-article-content h2 {
	border-bottom: 1px solid rgba(220, 88, 75, 0.72);
	font-size: 28px;
	margin: 30px 0 14px;
	padding-bottom: 10px;
}

.rm-guides-article-content h3 {
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	font-size: 22px;
	margin: 0 0 14px;
	padding-bottom: 10px;
}

.rm-guides-article-content h3:before {
	color: #dc584b;
	content: '--';
	display: inline-block;
	margin-right: 10px;
}

.rm-guide-content-section {
	margin: 28px 0;
}

.rm-guide-class-overview {
	align-items: start;
	display: grid;
	gap: 28px;
	grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
	margin: 14px 0 24px;
}

.rm-guide-class-image {
	background: rgba(5, 8, 14, 0.72);
	border: 1px solid rgba(255, 255, 255, 0.08);
	padding: 12px;
}

.rm-guide-class-image img {
	display: block;
	height: auto;
	width: 100%;
}

.rm-guides-article-content table.rm-guide-table {
	border-collapse: collapse;
	margin: 16px 0 24px;
	width: 100%;
}

.rm-guides-article-content table.rm-guide-table th,
.rm-guides-article-content table.rm-guide-table td {
	border: 1px solid rgba(255, 255, 255, 0.12);
	padding: 12px 14px;
	text-align: center;
}

.rm-guides-article-content table.rm-guide-table th {
	background: rgba(255, 255, 255, 0.035);
	color: #ffffff;
	font-family: 'GothamSSm-Bold', 'Segoe UI', sans-serif;
}

.rm-guides-article-content table.rm-guide-table td {
	color: rgba(220, 229, 244, 0.76);
}

.rm-guide-collapse {
	background: rgba(8, 11, 18, 0.5);
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	margin: 18px 0 24px;
	padding: 18px 0 4px;
}

.rm-guide-collapse-toggle {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: #39bdf8;
	cursor: pointer;
	display: inline-flex;
	font-family: 'GothamSSm-Medium', 'Segoe UI', sans-serif;
	font-size: 14px;
	line-height: 1.2;
	margin: 0 0 14px;
	padding: 4px 8px;
	transition: border-color 0.2s ease, color 0.2s ease;
}

.rm-guide-collapse-toggle:hover,
.rm-guide-collapse-toggle:focus {
	border-color: rgba(57, 189, 248, 0.45);
	color: #ffffff;
}

.rm-guide-collapse-body {
	display: none;
}

.rm-guide-collapse.is-open .rm-guide-collapse-body {
	display: block;
}

.rm-guide-collapse-body p,
.rm-guide-collapse-body ul,
.rm-guide-collapse-body ol,
.rm-guide-collapse-body table {
	margin-bottom: 16px;
}

@media (max-width: 991px) {
	.rm-guide-class-overview {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 1199px) {
	.rm-guides-layout {
		grid-template-columns: 220px minmax(0, 1fr);
	}

	.rm-guides-class-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 991px) {
	.rm-guides-layout,
	.rm-guides-welcome {
		grid-template-columns: 1fr;
	}

	.rm-guides-event-grid,
	.rm-guides-post-grid {
		grid-template-columns: 1fr;
	}

	.rm-guides-topbar {
		align-items: stretch;
		flex-direction: column;
	}

	.rm-guides-search {
		min-width: 0;
		width: 100%;
	}
}

@media (max-width: 767px) {
	.rm-guides-topbar {
		margin: -18px -18px 22px;
	}

	.rm-guides-class-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.rm-topline-cta,
	.rm-copy-actions .rm-btn,
	.rm-login-actions .rm-btn.rm-btn-small,
	.rm-section-head > .rm-btn.rm-btn-primary.rm-btn-small,
	.rm-login-field-user,
	.rm-login-field-pass,
	.rm-login-inline .rm-btn {
		clip-path: none;
	}
}

/* Keep every clickable UI element on the hand cursor, even after click/focus. */
body.realmu-body :is(a[href], area[href], button, [role="button"], [onclick], summary, label[for], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], .btn, .rm-btn, .rm-header-live, .rm-topline-cta, .rm-slider-side, .rm-promo-nav, .rm-slider-dot, .rm-nav-toggle, .main-menu a, .mega-menu a, .rm-news-link, .rm-guides-manage-link),
body.realmu-body :is(a[href], area[href], button, [role="button"], [onclick], summary, label[for], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], .btn, .rm-btn, .rm-header-live, .rm-topline-cta, .rm-slider-side, .rm-promo-nav, .rm-slider-dot, .rm-nav-toggle, .main-menu a, .mega-menu a, .rm-news-link, .rm-guides-manage-link) *,
body.realmu-body :is(a[href], area[href], button, [role="button"], [onclick], summary, label[for], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], .btn, .rm-btn, .rm-header-live, .rm-topline-cta, .rm-slider-side, .rm-promo-nav, .rm-slider-dot, .rm-nav-toggle, .main-menu a, .mega-menu a, .rm-news-link, .rm-guides-manage-link):hover,
body.realmu-body :is(a[href], area[href], button, [role="button"], [onclick], summary, label[for], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], .btn, .rm-btn, .rm-header-live, .rm-topline-cta, .rm-slider-side, .rm-promo-nav, .rm-slider-dot, .rm-nav-toggle, .main-menu a, .mega-menu a, .rm-news-link, .rm-guides-manage-link):focus,
body.realmu-body :is(a[href], area[href], button, [role="button"], [onclick], summary, label[for], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], .btn, .rm-btn, .rm-header-live, .rm-topline-cta, .rm-slider-side, .rm-promo-nav, .rm-slider-dot, .rm-nav-toggle, .main-menu a, .mega-menu a, .rm-news-link, .rm-guides-manage-link):active {
	cursor: pointer !important;
}

body.realmu-body :is(a[href], area[href], button, [role="button"], [onclick], summary, label[for], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], .btn, .rm-btn, .rm-header-live, .rm-topline-cta, .rm-slider-side, .rm-promo-nav, .rm-slider-dot, .rm-nav-toggle, .main-menu a, .mega-menu a, .rm-news-link, .rm-guides-manage-link):focus,
body.realmu-body :is(a[href], area[href], button, [role="button"], [onclick], summary, label[for], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], .btn, .rm-btn, .rm-header-live, .rm-topline-cta, .rm-slider-side, .rm-promo-nav, .rm-slider-dot, .rm-nav-toggle, .main-menu a, .mega-menu a, .rm-news-link, .rm-guides-manage-link):active,
body.realmu-body :is(a[href], area[href], button, [role="button"], [onclick], summary, label[for], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], .btn, .rm-btn, .rm-header-live, .rm-topline-cta, .rm-slider-side, .rm-promo-nav, .rm-slider-dot, .rm-nav-toggle, .main-menu a, .mega-menu a, .rm-news-link, .rm-guides-manage-link):focus-visible {
	outline: 0 !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

:where(input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="file"]), textarea) {
	cursor: text;
}

/* MoMo donation page */
body.realmu-body .momo-gateway-panel {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 260px;
	gap: 26px;
	align-items: stretch;
	margin-bottom: 24px;
	background: rgba(11, 17, 30, 0.92) !important;
	border: 1px solid rgba(130, 151, 190, 0.26) !important;
	box-shadow: 0 22px 52px rgba(0, 0, 0, 0.34) !important;
}

body.realmu-body .momo-gateway-panel--bank {
	background: linear-gradient(135deg, rgba(8, 28, 30, 0.94), rgba(11, 17, 30, 0.94)) !important;
	border-color: rgba(42, 214, 154, 0.32) !important;
}

body.realmu-body .momo-gateway-main {
	min-width: 0;
}

body.realmu-body .momo-gateway-form input[type="number"] {
	width: 100%;
	max-width: 280px;
	height: 44px;
	padding: 0 14px;
	background: rgba(5, 10, 20, 0.96) !important;
	border: 1px solid rgba(88, 218, 255, 0.34) !important;
	border-radius: 8px !important;
	color: #f7fbff !important;
	-webkit-text-fill-color: #f7fbff !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 24px rgba(88, 218, 255, 0.06) !important;
	font-weight: 700;
}

body.realmu-body .momo-gateway-mark--bank {
	background: linear-gradient(135deg, #21bd71 0%, #46d9ac 100%) !important;
	color: #06130d !important;
}

body.realmu-body .momo-gateway-form input[type="number"]:focus {
	border-color: rgba(255, 217, 120, 0.72) !important;
	box-shadow: 0 0 0 3px rgba(255, 217, 120, 0.12), inset 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
	outline: 0 !important;
}

body.realmu-body .momo-gateway-form button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 12px 22px !important;
	background: linear-gradient(135deg, #b30074 0%, #f0389f 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 8px !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	box-shadow: 0 14px 26px rgba(216, 45, 139, 0.26) !important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

body.realmu-body .momo-gateway-form button:hover,
body.realmu-body .momo-gateway-form button:focus {
	background: linear-gradient(135deg, #c90084 0%, #ff51ae 100%) !important;
	color: #ffffff !important;
}

body.realmu-body .momo-gateway-qr {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
	min-height: 100%;
	padding: 20px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025));
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 16px;
	text-align: center;
}

body.realmu-body .momo-gateway-qr__title {
	color: #ffffff;
	font-size: 15px;
	font-weight: 900;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

body.realmu-body .momo-gateway-qr img,
body.realmu-body .momo-gateway-qr__placeholder {
	width: 100%;
	max-width: 210px;
	aspect-ratio: 1 / 1;
	border-radius: 14px;
}

body.realmu-body .momo-gateway-qr img {
	object-fit: contain;
	padding: 10px;
	background: #ffffff;
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.25);
}

body.realmu-body .momo-gateway-qr__placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 18px;
	background:
		linear-gradient(135deg, rgba(179, 0, 116, 0.22), rgba(88, 218, 255, 0.12)),
		repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.08) 0 8px, transparent 8px 16px);
	border: 1px dashed rgba(255, 255, 255, 0.22);
	color: #ffffff;
}

body.realmu-body .momo-gateway-qr__placeholder span {
	font-size: 22px;
	font-weight: 900;
}

body.realmu-body .momo-gateway-qr__placeholder small,
body.realmu-body .momo-gateway-qr__hint {
	color: rgba(226, 234, 249, 0.76);
	line-height: 1.5;
}

body.realmu-body .momo-bank-info-mini {
	display: grid;
	gap: 10px;
	width: 100%;
}

body.realmu-body .momo-bank-info-mini div {
	display: grid;
	gap: 4px;
	padding: 12px;
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(255, 255, 255, 0.09);
}

body.realmu-body .momo-bank-info-mini span {
	color: rgba(226, 234, 249, 0.62);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

body.realmu-body .momo-bank-info-mini strong {
	color: #ffffff;
	font-size: 15px;
	word-break: break-word;
}

@media (max-width: 768px) {
	body.realmu-body .momo-gateway-panel {
		grid-template-columns: 1fr;
	}
}

:where(select, option) {
	cursor: pointer;
}

.mega-menu li ul li a:hover,
.mega-menu li ul li a:focus,
.mega-menu li ul li a:active {
	color: #ffffff !important;
}

body.realmu-body .momo-gateway-presets {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin: 18px 0;
	max-width: 560px;
}

body.realmu-body .momo-gateway-presets button {
	min-height: 52px !important;
	background: rgba(255, 255, 255, 0.045) !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	box-shadow: none !important;
	color: #f6fbff !important;
	font-size: 16px;
	font-weight: 900;
}

body.realmu-body .momo-gateway-presets button:hover,
body.realmu-body .momo-gateway-presets button:focus {
	background: rgba(88, 218, 255, 0.13) !important;
	border-color: rgba(88, 218, 255, 0.42) !important;
}

body.realmu-body .momo-confirm-wrap {
	background: rgba(9, 15, 27, 0.94);
	border: 1px solid rgba(130, 151, 190, 0.26);
	padding: 30px;
	box-shadow: 0 26px 58px rgba(0, 0, 0, 0.34);
}

body.realmu-body .momo-confirm-alert {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 26px;
	padding: 18px 22px;
	border-left: 4px solid #f4b326;
	background: rgba(244, 179, 38, 0.1);
	color: #ffd985;
}

body.realmu-body .momo-confirm-alert strong {
	color: #fff8df;
	font-size: 18px;
}

body.realmu-body .momo-confirm-alert span {
	color: rgba(255, 240, 200, 0.86);
}

body.realmu-body .momo-confirm-alert.is-success {
	border-left-color: #28d983;
	background: rgba(40, 217, 131, 0.1);
	color: #9dffd0;
}

body.realmu-body .momo-confirm-alert.is-success strong,
body.realmu-body .momo-confirm-alert.is-success span {
	color: #dffff0;
}

body.realmu-body .momo-confirm-alert.is-failed {
	border-left-color: #ff6873;
	background: rgba(255, 104, 115, 0.11);
	color: #ffd0d4;
}

body.realmu-body .momo-confirm-grid {
	display: grid;
	grid-template-columns: minmax(280px, 0.92fr) minmax(320px, 1fr);
	gap: 28px;
	align-items: stretch;
}

body.realmu-body .momo-confirm-qr-card,
body.realmu-body .momo-confirm-info-card,
body.realmu-body .momo-confirm-warning {
	background: rgba(5, 10, 20, 0.74);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

body.realmu-body .momo-confirm-qr-card,
body.realmu-body .momo-confirm-info-card {
	padding: 26px;
}

body.realmu-body .momo-confirm-qr-card h3,
body.realmu-body .momo-confirm-info-card h3 {
	margin: 0 0 20px;
	color: #ffffff;
	font-size: 22px;
	letter-spacing: 0.01em;
}

body.realmu-body .momo-confirm-qr-box {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 360px;
	margin-bottom: 18px;
	padding: 22px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
}

body.realmu-body .momo-confirm-qr-box img {
	width: min(100%, 360px);
	height: auto;
	background: #ffffff;
	border-radius: 12px;
	padding: 12px;
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.28);
}

body.realmu-body .momo-confirm-empty-qr {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: min(100%, 320px);
	min-height: 320px;
	padding: 22px;
	border: 1px dashed rgba(255, 255, 255, 0.22);
	text-align: center;
	color: rgba(226, 234, 249, 0.82);
}

body.realmu-body .momo-confirm-empty-qr strong {
	color: #ffffff;
	font-size: 30px;
	margin-bottom: 10px;
}

body.realmu-body .momo-confirm-open {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 14px;
	min-height: 42px;
	padding: 0 18px;
	background: linear-gradient(135deg, #b30074 0%, #f0389f 100%);
	color: #ffffff !important;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

body.realmu-body .momo-confirm-qr-card p {
	margin: 0;
	color: rgba(226, 234, 249, 0.72);
	line-height: 1.55;
}

body.realmu-body .momo-confirm-info-row {
	display: grid;
	grid-template-columns: 160px minmax(0, 1fr) auto;
	gap: 14px;
	align-items: center;
	padding: 16px;
	background: rgba(88, 218, 255, 0.075);
	border: 1px solid rgba(88, 218, 255, 0.14);
}

body.realmu-body .momo-confirm-info-row + .momo-confirm-info-row {
	margin-top: 12px;
}

body.realmu-body .momo-confirm-info-row span {
	color: rgba(226, 234, 249, 0.7);
}

body.realmu-body .momo-confirm-info-row strong {
	color: #ffffff;
	font-size: 20px;
	font-weight: 900;
	word-break: break-word;
}

body.realmu-body .momo-copy-btn {
	min-height: 36px;
	padding: 0 12px;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.14);
	color: #ffffff;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

body.realmu-body .momo-copy-btn.is-copied {
	background: rgba(40, 217, 131, 0.22);
	border-color: rgba(40, 217, 131, 0.46);
}

body.realmu-body .momo-confirm-warning {
	margin-top: 28px;
	padding: 22px 26px;
	border-color: rgba(255, 104, 115, 0.28);
	background: rgba(255, 104, 115, 0.07);
}

body.realmu-body .momo-confirm-warning h4 {
	margin: 0 0 10px;
	color: #ffd0d4;
	font-size: 18px;
}

body.realmu-body .momo-confirm-warning ul {
	margin: 0;
	padding-left: 20px;
	color: rgba(255, 225, 228, 0.86);
	line-height: 1.8;
}

@media (max-width: 991px) {
	body.realmu-body .momo-confirm-grid {
		grid-template-columns: 1fr;
	}

	body.realmu-body .momo-confirm-info-row {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	body.realmu-body .momo-gateway-presets {
		grid-template-columns: 1fr 1fr;
	}

	body.realmu-body .momo-confirm-wrap {
		padding: 18px;
	}
}