@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@400;600;700&family=Michroma&family=Inter:wght@300;400;600;800&display=swap');

:root {
	--bg-color: #05070d;
	--bg-deep: #0d1326;
	--text-main: #e5e7eb;
	--text-muted: #9ca3af;
	--base-blue: #2e86c1;
	--magic-glow: #00e5ff;
	--soft-glow: #38bdf8;
	--turquoise: #2dd4bf;
	--gold: #facc15;
	--danger: #ff3333;
	--glass-bg: rgba(9, 14, 29, 0.88);
	--glass-border: rgba(0, 207, 255, 0.46);
	--panel-glow: 0 10px 40px rgba(0, 0, 0, 0.78);
	--text-glow: 0 0 10px rgba(0, 229, 255, 0.55);
	--accent-glow: 0 0 18px rgba(0, 229, 255, 0.55);
	--surface-gradient: linear-gradient(180deg, rgba(13, 18, 36, 0.92) 0%, rgba(5, 8, 18, 0.98) 100%);
	--btn-gradient: linear-gradient(135deg, #2e86c1, #2dd4bf);
	--font-primary: 'Orbitron', sans-serif;
	--font-secondary: 'Michroma', sans-serif;
	--font-condensed: 'Rajdhani', sans-serif;
	--font-body: 'Inter', sans-serif;
}

* {
	box-sizing: border-box;
}

html,
body {
	min-height: 100%;
	margin: 0;
	padding: 0;
	background-color: var(--bg-color);
	color: var(--text-main);
	font-family: var(--font-body);
	font-size: 16px;
	overflow-x: hidden;
	scroll-behavior: smooth;
}

body {
	background:
		linear-gradient(rgba(5, 7, 13, 0.8), rgba(13, 19, 38, 0.9)),
		#05070d url('../img/background.jpg') no-repeat center center fixed !important;
	background-size: 100% 100% !important;
	letter-spacing: 0.5px;
}

a {
	color: var(--magic-glow);
	text-decoration: none;
	transition: color .25s ease, text-shadow .25s ease, transform .25s ease, box-shadow .25s ease;
}

a:hover,
a:focus {
	color: #fff;
	text-decoration: none !important;
	text-shadow: var(--text-glow);
}

img {
	max-width: 100%;
	border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.panel-title {
	font-family: var(--font-primary);
	text-transform: uppercase;
	color: #fff;
	margin-top: 0;
	letter-spacing: 2px;
}

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background: #05070d;
}

::-webkit-scrollbar-thumb {
	background: linear-gradient(to bottom, #2563eb, #7c3aed);
	border-radius: 5px;
	border: 2px solid #05070d;
}

#particles-js {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	pointer-events: none;
}

#preloader {
	position: fixed;
	inset: 0;
	background: var(--bg-color);
	z-index: 9999;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: opacity .5s ease;
}

#loader-shield {
	font-size: 5rem;
	color: var(--magic-glow);
	text-shadow: var(--text-glow);
	margin-bottom: 20px;
	animation: shieldPulse 2s infinite ease-in-out;
}

#loader-title {
	font-family: var(--font-primary);
	font-size: 2rem;
	letter-spacing: 5px;
	color: var(--text-main);
	margin-bottom: 10px;
	text-align: center;
}

#loader-text {
	font-size: 1.1rem;
	color: var(--text-muted);
	margin-bottom: 20px;
	letter-spacing: 2px;
}

#loader-bar {
	width: min(300px, 80vw);
	height: 4px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 2px;
	overflow: hidden;
}

#loader-progress {
	height: 100%;
	width: 0%;
	background: var(--magic-glow);
	box-shadow: var(--accent-glow);
	transition: width .1s linear;
}

@keyframes shieldPulse {
	0%, 100% { transform: scale(1); filter: drop-shadow(0 0 10px var(--magic-glow)); }
	50% { transform: scale(1.1); filter: drop-shadow(0 0 30px var(--magic-glow)); }
}

#betaPopup {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.75);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 99999;
	padding: 20px;
}

.popup-box {
	width: min(380px, 100%);
	padding: 35px;
	border-radius: 18px;
	background: linear-gradient(135deg, #2563eb, #7c3aed);
	color: white;
	text-align: center;
	position: relative;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(124, 58, 237, .7), 0 0 80px rgba(124, 58, 237, .3);
	animation: popupEnter .5s ease;
}

.popup-box h2 {
	font-size: 24px;
	margin-bottom: 10px;
}

.popup-box .subtitle {
	font-size: 13px;
	opacity: .9;
}

.popup-box .date {
	margin: 15px 0;
}

.close-btn {
	position: absolute;
	top: 10px;
	right: 15px;
	cursor: pointer;
	font-size: 18px;
	opacity: .75;
	z-index: 2;
}

#countdown {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin: 25px 0;
}

#countdown div {
	min-width: 72px;
	padding: 12px 10px;
	border-radius: 12px;
	background: rgba(0, 0, 0, .4);
	border: 1px solid rgba(56, 189, 248, .3);
	backdrop-filter: blur(10px);
}

#countdown span {
	display: block;
	font-size: 28px;
	font-weight: 800;
	color: #7c3aed;
	line-height: 1;
	text-shadow: 0 0 10px rgba(124, 58, 237, .6);
}

#countdown small {
	display: block;
	font-size: 9px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: rgba(255, 255, 255, .7);
	margin-top: 6px;
}

.btn-discord {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 25px;
	border-radius: 10px;
	background: #5865f2;
	color: #fff !important;
	font-weight: 800;
	box-shadow: 0 0 15px rgba(88, 101, 242, .6);
}

.btn-hide-popup {
	display: inline-block;
	margin-top: 20px;
	padding: 5px 12px;
	border: 1px solid rgba(255, 255, 255, .25);
	border-radius: 20px;
	color: rgba(255, 255, 255, .68);
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#particles-popup {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

@keyframes popupEnter {
	0% { transform: translateY(-80px) scale(.8); opacity: 0; }
	100% { transform: translateY(0) scale(1); opacity: 1; }
}

#navbar {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 38px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 7px 50px 8px;
	background: rgba(4, 6, 13, .96);
	backdrop-filter: blur(15px);
	border-bottom: 1px solid var(--glass-border);
	z-index: 1000;
	box-shadow: 0 4px 30px rgba(0, 0, 0, .5);
}

#navbar::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #2563eb, #7c3aed, #2563eb);
	background-size: 200% 100%;
	animation: neonFlow 4s linear infinite;
}

#navbar ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 28px;
}

#navbar ul li a {
	display: block;
	position: relative;
	padding: 5px 0;
	color: var(--text-main) !important;
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

#navbar ul li a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 0;
	height: 2px;
	background: var(--magic-glow);
	box-shadow: var(--accent-glow);
	transition: width .3s ease;
}

#navbar ul li a:hover::after {
	width: 100%;
}

.navbar-login-btn {
	position: absolute;
	right: 50px;
}

.btn-login-small {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 5px 15px;
	border-radius: 4px;
	background: rgba(0, 102, 255, .2);
	border: 1px solid #2e86c1;
	color: var(--text-main) !important;
	font-family: var(--font-primary);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#hero {
	position: relative;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 555px;
	padding: 86px 20px 0;
}

.hero-content {
	position: relative;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hero-logo {
	width: min(360px, 90vw);
	margin-bottom: 34px;
	filter: drop-shadow(0 0 20px rgba(0, 229, 255, .6));
	animation: floatLogo 4s ease-in-out infinite;
}

@keyframes floatLogo {
	0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 20px rgba(0, 229, 255, .6)); }
	50% { transform: translateY(-10px); filter: drop-shadow(0 0 40px rgba(0, 229, 255, .9)); }
}

.hero-stats {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
	margin-bottom: 26px;
}

.stat-box-account,
.stat-box-char {
	min-width: 120px;
	padding: 10px 20px;
	border-radius: 8px;
	background: rgba(13, 19, 38, .6);
	border: 1px solid rgba(0, 229, 255, .2);
	box-shadow: inset 0 0 20px rgba(0, 229, 255, .1);
	backdrop-filter: blur(8px);
	transform: scale(.9);
}

.stat-box-middle {
	margin: 0 20px;
	transform: scale(1.1);
}

.hero-online-btn {
	position: relative;
	z-index: 5;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	padding: 0;
	overflow: hidden;
	background: radial-gradient(circle, var(--base-blue) 0%, #05070d 100%);
	border: 3px solid var(--magic-glow);
	box-shadow: 0 0 40px rgba(0, 229, 255, .4), inset 0 0 20px rgba(0, 229, 255, .2);
}

.hero-online-btn::before {
	content: '';
	position: absolute;
	inset: -5px;
	border-radius: 50%;
	border: 1px dashed var(--magic-glow);
	opacity: .35;
	animation: rotateOrbit 15s linear infinite;
}

.hero-online-btn::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 50%;
	box-shadow: 0 0 60px rgba(0, 229, 255, .5);
	animation: pulseGlow 3s infinite ease-in-out;
}

.hero-online-btn .count {
	position: relative;
	z-index: 1;
	font-family: var(--font-primary);
	font-size: 2.55rem;
	font-weight: 900;
	color: #fff;
	text-shadow: 0 0 15px var(--magic-glow);
	line-height: 1;
}

.hero-online-btn .label {
	position: relative;
	z-index: 1;
	width: 120px;
	margin-top: 10px;
	color: var(--turquoise);
	font-family: var(--font-secondary);
	font-size: .55rem;
	line-height: 1.2;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.hero-stats .value {
	font-family: var(--font-condensed);
	font-size: 2.1rem;
	font-weight: 700;
	color: #fff;
	text-shadow: 0 0 15px var(--magic-glow);
	line-height: 1;
}

.hero-stats .label {
	margin-top: 5px;
	color: var(--turquoise);
	font-family: var(--font-secondary);
	font-size: .8rem;
	letter-spacing: 2px;
	text-transform: uppercase;
}

@keyframes rotateOrbit {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

@keyframes pulseGlow {
	0%, 100% { transform: scale(1); opacity: .3; }
	50% { transform: scale(1.05); opacity: .6; }
}

.hero-actions {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-bottom: 26px;
}

.btn-hero-large {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	min-width: 146px;
	padding: 12px 32px;
	border-radius: 4px;
	font-family: var(--font-primary);
	font-size: 1.2rem;
	font-weight: 900;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.btn-hero-large::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .4), transparent);
	transition: left .5s ease;
	z-index: -1;
}

.btn-hero-large:hover::before {
	left: 100%;
}

.btn-hero-register {
	background: linear-gradient(45deg, #2e86c1, #2dd4bf);
	color: #fff !important;
	border: 1px solid var(--magic-glow);
	box-shadow: 0 0 15px rgba(0, 229, 255, .4);
	animation: bluePulse 3s infinite alternate;
}

.btn-hero-download {
	background: linear-gradient(45deg, #facc15, #eab308);
	color: #000 !important;
	border: 2px solid #fff;
	box-shadow: 0 0 30px rgba(250, 204, 21, .6);
	animation: goldPulse 1.5s infinite alternate;
}

@keyframes bluePulse {
	from { box-shadow: 0 0 10px rgba(0, 229, 255, .3); }
	to { box-shadow: 0 0 25px rgba(0, 229, 255, .7); }
}

@keyframes goldPulse {
	from { box-shadow: 0 0 15px rgba(250, 204, 21, .5); transform: scale(1); }
	to { box-shadow: 0 0 45px rgba(250, 204, 21, 1), 0 0 70px rgba(250, 204, 21, .4); transform: scale(1.06); }
}

.butcher-widget,
.kill-log-widget {
	position: absolute;
	top: 58%;
	width: 205px;
	min-height: 290px;
	padding: 18px;
	border-radius: 8px;
	background: var(--glass-bg);
	border: 1px solid var(--glass-border);
	backdrop-filter: blur(15px);
	box-shadow: var(--panel-glow);
	text-align: center;
	transform: translateY(-50%);
}

.butcher-widget {
	right: 120px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.kill-log-widget {
	left: 120px;
	display: flex;
	flex-direction: column;
}

.butcher-title,
.kill-log-title {
	font-family: var(--font-primary);
	font-weight: 700;
	font-size: 1.12rem;
	letter-spacing: 2px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.butcher-title {
	color: var(--magic-glow);
	text-shadow: var(--text-glow);
}

.kill-log-title {
	color: var(--danger);
	text-shadow: 0 0 10px rgba(255, 51, 51, .5);
}

.butcher-avatar-container {
	position: relative;
	width: 88px;
	height: 88px;
	margin: 0 auto 15px;
	border-radius: 50%;
	padding: 5px;
	background: linear-gradient(135deg, var(--magic-glow), var(--base-blue));
	box-shadow: 0 0 15px rgba(0, 229, 255, .5);
}

.butcher-avatar-img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid #000;
}

.butcher-name {
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 10px;
}

.butcher-stats {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	background: rgba(0, 0, 0, .4);
	padding: 9px 12px;
	border-radius: 4px;
}

.butcher-stat {
	flex: 1;
	font-size: 12px;
	font-weight: 600;
}

.butcher-stat.kills {
	color: var(--magic-glow);
}

.butcher-stat.deads {
	color: var(--text-muted);
}

.butcher-stat span {
	display: block;
	margin-top: 4px;
	font-size: 18px;
	color: var(--text-main);
}

.kill-log-body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1;
	overflow: auto;
}

.kill-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
	width: 100%;
	padding: 8px 9px;
	border-radius: 6px;
	background: rgba(0, 0, 0, .5);
	border-left: 4px solid var(--danger);
	font-size: 11px;
	transition: background .25s ease, transform .25s ease;
}

.kill-item:hover {
	background: rgba(255, 51, 51, .12);
	transform: translateX(5px);
}

.killer {
	color: var(--magic-glow);
	font-weight: 600;
}

.victim {
	color: var(--danger);
	font-weight: 600;
}

.vs {
	color: var(--text-main);
	font-size: 10px;
	opacity: .6;
	white-space: nowrap;
}

.server-info-bar {
	position: relative;
	z-index: 10;
	padding: 4px 0 24px;
	margin-top: -28px;
	margin-bottom: 16px;
}

.server-info-bar .row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

.server-info-bar .info-item {
	float: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: 88px;
	min-height: 42px;
	padding: 6px 8px;
	border-radius: 4px;
	background: rgba(13, 19, 38, .8);
	border: 1px solid rgba(0, 229, 255, .2);
	box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
	transition: all .25s ease;
}

.server-info-bar .info-item:hover {
	background: linear-gradient(135deg, rgba(0, 207, 255, .15), rgba(0, 100, 255, .3));
	border-color: var(--magic-glow);
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 207, 255, .3);
}

.info-label {
	margin-bottom: 2px;
	color: var(--turquoise);
	font-family: var(--font-secondary);
	font-size: .55rem;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.info-value {
	color: #fff;
	font-family: var(--font-primary);
	font-size: .78rem;
	font-weight: 700;
	text-shadow: 0 0 8px var(--magic-glow);
}

#container {
	position: relative;
	z-index: 10;
	max-width: 1400px;
	margin: 0 auto;
	padding-bottom: 60px;
}

.voramu-homepage #container {
	max-width: 1400px;
}

.voramu-innerpage #container {
	max-width: 1080px;
	padding-top: 58px;
}

.row-flex,
.equal-height-panels {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.castle-king-row {
	margin-bottom: 28px;
}

.castle-king-row .glass-panel,
.ranking-panels .glass-panel {
	height: 100%;
}

.row-flex > [class*='col-'],
.equal-height-panels > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

.glass-panel,
.panel-sidebar,
.modules_cont {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 30px;
	border-radius: 7px;
	background: var(--surface-gradient) !important;
	border: 1px solid var(--glass-border) !important;
	backdrop-filter: blur(15px);
	box-shadow: var(--panel-glow);
	overflow: hidden;
	color: var(--text-main);
	transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}

.glass-panel:hover {
	border-color: var(--magic-glow) !important;
	box-shadow: 0 12px 40px rgba(0, 229, 255, .25);
	transform: translateY(-5px);
}

.modules_cont {
	padding: 20px;
}

.modules_cont_full {
	min-height: 520px;
}

.page-module {
	padding: 30px;
}

.page-module::before {
	content: '';
	display: block;
	height: 3px;
	margin: -30px -30px 30px;
	background: linear-gradient(90deg, #2563eb, #7c3aed, #00e5ff);
	background-size: 200% 100%;
	animation: neonFlow 4s linear infinite;
}

.news-scrollable {
	max-height: 620px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 15px;
}

.panel-heading,
.panel-heading-clean {
	margin: -20px -20px 20px;
	padding: 10px 16px;
	background: linear-gradient(90deg, rgba(34, 34, 77, .96), rgba(19, 25, 56, .96)) !important;
	border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
}

.glass-panel .panel-heading {
	margin: 0;
}

.panel-title {
	margin: 0;
	color: #cad6ff !important;
	font-size: .95rem;
	letter-spacing: 1.5px;
	text-shadow: var(--text-glow);
}

.panel-body {
	padding: 20px;
	color: var(--text-main) !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.ranking-panels {
	justify-content: center;
	margin-bottom: 38px;
}

.ranking-panels > [class*='col-'] {
	padding-left: 11px;
	padding-right: 11px;
}

.ranking-panels .glass-panel {
	min-height: 320px;
}

.ranking-panels .panel-body {
	padding: 18px 15px;
}

.panel-news-card {
	padding: 18px 0 20px;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.panel-news-card:last-child {
	border-bottom: 0;
}

.panel-news-card h3 {
	font-size: 1.15rem;
	margin-bottom: 12px;
}

.panel-news-card .news-content {
	color: var(--text-muted);
	line-height: 1.65;
}

.panel-news-card .news-content img {
	display: block;
	margin: 14px auto;
	border-radius: 8px;
	border: 1px solid rgba(0, 229, 255, .18);
	box-shadow: 0 10px 28px rgba(0, 0, 0, .35);
}

.news-date {
	margin-top: 12px;
	color: var(--text-muted);
	font-size: 12px;
	text-align: right;
}

.castle-siege-card,
.king-card {
	min-height: 315px;
	padding: 22px 28px !important;
	text-align: center;
}

.castle-main,
.king-main {
	display: grid;
	grid-template-columns: 118px minmax(0, 1fr);
	align-items: center;
	gap: 24px;
	min-height: 125px;
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
	text-align: left;
}

.castle-emblem,
.king-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 92px;
	height: 92px;
	margin: 0 auto;
	background: #000;
}

.castle-owner-data,
.king-data {
	display: grid;
	gap: 20px;
	border-left: 1px solid rgba(255, 255, 255, .1);
	padding-left: 18px;
}

.castle-stage,
.king-scoreboard {
	display: grid;
	gap: 6px;
	justify-items: center;
	padding-top: 18px;
}

.castle-owner-data span,
.king-data span,
.castle-stage span,
.king-scoreboard span {
	color: var(--text-muted);
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.castle-owner-data strong,
.king-data strong,
.castle-stage strong,
.king-scoreboard strong {
	color: #fff;
}

.cs-guild-name,
.cs-guild-name a,
.cs-master-name,
.cs-master-name a,
.king-name,
.king-name a,
.king-master,
.king-master a {
	color: var(--magic-glow) !important;
	font-family: var(--font-primary);
	font-weight: 900;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(0, 229, 255, .65);
}

.cs-countdown {
	font-size: 1.2rem;
}

.king-scoreboard strong {
	color: #00ffcc;
	font-size: 1.25rem;
	text-shadow: 0 0 10px rgba(0, 255, 204, .7);
}

.btn-castlewidget,
.btn-primary {
	background: var(--btn-gradient) !important;
	border: none !important;
	color: #fff !important;
	font-family: var(--font-primary);
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	box-shadow: var(--accent-glow);
	border-radius: 4px !important;
}

.voramu-mini-table,
.rankings-table,
.page-module table.table,
.content-rankings table.table,
.panel-downloads table.table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 6px;
	margin: 0;
	color: var(--text-main);
}

.rankings-table {
	display: table;
}

.voramu-mini-table thead th,
.rankings-table thead th,
.rankings-table tr:first-child td,
.page-module table.table thead th,
.page-module table.general-table-ui tr:first-child td,
.page-module table.myaccount-table tr:first-child td,
.content-rankings table.table thead th,
.panel-downloads table.table thead th {
	padding: 12px 14px !important;
	border: none !important;
	background: linear-gradient(90deg, rgba(0, 207, 255, .12), rgba(0, 207, 255, .04)) !important;
	border-bottom: 2px solid rgba(0, 207, 255, .35) !important;
	color: var(--magic-glow) !important;
	font-size: 11px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	text-shadow: 0 0 10px rgba(0, 207, 255, .6);
}

.voramu-mini-table tbody tr td,
.rankings-table tbody tr td,
.rankings-table tr:not(:first-child) td,
.page-module table.table tbody tr td,
.content-rankings table.table tbody tr td,
.panel-downloads table.table tbody tr td {
	padding: 12px 14px !important;
	border: 1px solid rgba(0, 207, 255, .1) !important;
	background: rgba(12, 18, 34, .78) !important;
	vertical-align: middle;
	color: #e0e0e0;
	transition: all .2s ease;
}

.voramu-mini-table tbody tr:hover td,
.rankings-table tbody tr:hover td,
.rankings-table tr:not(:first-child):hover td,
.page-module table.table tbody tr:hover td,
.content-rankings table.table tbody tr:hover td,
.panel-downloads table.table tbody tr:hover td {
	background: rgba(0, 207, 255, .14) !important;
	border-color: rgba(0, 207, 255, .5) !important;
	box-shadow: inset 0 0 15px rgba(0, 207, 255, .25), 0 6px 16px rgba(0, 0, 0, .24);
}

.voramu-mini-table tbody tr td:first-child,
.rankings-table tbody tr td:first-child,
.rankings-table tr:not(:first-child) td:first-child,
.page-module table.table tbody tr td:first-child,
.content-rankings table.table tbody tr td:first-child,
.panel-downloads table.table tbody tr td:first-child {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	color: var(--gold);
	font-weight: 900;
}

.voramu-mini-table tbody tr td:last-child,
.rankings-table tbody tr td:last-child,
.rankings-table tr:not(:first-child) td:last-child,
.page-module table.table tbody tr td:last-child,
.content-rankings table.table tbody tr td:last-child,
.panel-downloads table.table tbody tr td:last-child {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	font-weight: 700;
}

.top-table .rank-1 td,
.rankings-table tbody tr:first-child td,
.rankings-table tr:nth-child(2) td {
	color: var(--gold) !important;
	font-family: var(--font-primary);
	font-weight: 900;
	text-shadow: 0 0 16px rgba(250, 204, 21, .7);
	background: rgba(250, 204, 21, .08) !important;
	border-color: rgba(250, 204, 21, .32) !important;
}

.rank-1-crown {
	color: var(--gold);
	margin-right: 6px;
	filter: drop-shadow(0 0 8px rgba(250, 204, 21, .9));
	animation: crownFloat 2s infinite alternate ease-in-out;
}

.rank-number {
	color: #fff9dc;
	text-shadow: 0 0 10px rgba(247, 224, 155, .8);
}

@keyframes crownFloat {
	0% { transform: translateY(0) scale(1); }
	100% { transform: translateY(-3px) scale(1.1); }
}

.rankings-class-image {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	object-fit: cover;
	border: 1px solid var(--magic-glow);
	margin-right: 0;
	vertical-align: middle;
}

.vora-ranking-player {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-width: 220px;
}

.vora-ranking-avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 46px;
}

.vora-ranking-guild-logo img {
	width: 42px;
	height: 42px;
	image-rendering: pixelated;
}

.vora-ranking-name {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 110px;
	text-align: left;
}

.vora-ranking-name a {
	color: var(--magic-glow) !important;
	font-family: var(--font-primary);
	font-size: 12px;
	font-weight: 800;
	text-transform: none;
	text-shadow: 0 0 10px rgba(0, 229, 255, .45);
}

.vora-ranking-name span {
	margin-top: 2px;
	color: var(--text-muted);
	font-size: 11px;
	line-height: 1.1;
}

.vora-rank-place i {
	color: var(--gold);
	margin-right: 4px;
	filter: drop-shadow(0 0 8px rgba(250, 204, 21, .75));
}

.text-neon,
.guild-highlight a,
.master-highlight a {
	color: #00ffcc !important;
	text-shadow: 0 0 8px rgba(0, 255, 204, .6);
	font-weight: 700;
}

.section-title {
	margin: 0 0 25px;
	padding-top: 10px;
	text-align: center;
	color: #fff;
	font-family: var(--font-primary);
	font-size: 2rem;
	font-weight: 900;
	letter-spacing: 4px;
	text-transform: uppercase;
	text-shadow: var(--text-glow);
}

.tournament-section {
	max-width: 930px;
	margin: 0 auto 70px;
	padding: 0;
	border-color: rgba(0, 207, 255, .58) !important;
}

.tournament-body {
	min-height: 244px;
	padding: 26px 18px 28px !important;
	overflow: hidden;
}

.tournament-carousel-container {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 0 0 4px;
}

.tournament-carousel-container::before,
.tournament-carousel-container::after {
	content: '';
	position: absolute;
	top: 0;
	width: 90px;
	height: 100%;
	z-index: 2;
	pointer-events: none;
}

.tournament-carousel-container::before {
	left: 0;
	background: linear-gradient(to right, var(--bg-color), transparent);
}

.tournament-carousel-container::after {
	right: 0;
	background: linear-gradient(to left, var(--bg-color), transparent);
}

.tournament-carousel-track {
	display: flex;
	width: max-content;
	gap: 18px;
	animation: tournamentScroll 36s linear infinite;
}

.tournament-carousel-container:hover .tournament-carousel-track {
	animation-play-state: paused;
}

.tournament-card {
	width: 165px;
	min-height: 178px;
	padding: 14px 12px;
	border-radius: 8px;
	background: rgba(10, 18, 32, .78);
	border: 1px solid rgba(0, 229, 255, .18);
	text-align: center;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .35);
}

.t-card-img {
	width: 92px;
	height: 92px;
	margin: 0 auto 15px;
	border-radius: 50%;
	padding: 4px;
	background: linear-gradient(135deg, var(--magic-glow), #2563eb);
}

.t-card-img-src {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	border: 2px solid #05070d;
}

.t-card-name {
	color: #fff;
	font-family: var(--font-primary);
	font-size: .78rem;
	font-weight: 700;
	text-transform: uppercase;
}

.t-card-winner {
	margin-top: 10px;
	font-size: .9rem;
}

.top-killer-card .t-card-kills {
	margin-top: 4px;
	color: #fff;
	font-family: var(--font-condensed);
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

@keyframes tournamentScroll {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

.king-panel .king-name {
	font-size: .95rem;
	line-height: 1.15;
}

.empty-state {
	color: var(--text-muted);
	line-height: 1.6;
}

.footer {
	position: relative;
	z-index: 10;
	padding: 35px 15px 54px;
	border-top: 0;
	background: transparent;
	color: var(--text-muted);
	text-align: center;
}

.footer .footer-container {
	max-width: 970px;
	margin: 0 auto;
	padding: 42px 34px;
	background: rgba(2, 4, 12, .78);
	box-shadow: 0 22px 60px rgba(0, 0, 0, .45);
}

.footer hr {
	border-top: 1px solid rgba(255, 255, 255, .08);
}

.footer .section-title {
	margin-bottom: 18px;
	font-size: 1.6rem;
}

.footer-links,
.footer-rules {
	max-width: 800px;
	margin: 0 auto 20px;
	line-height: 1.8;
	color: var(--text-muted);
}

.footer-copy {
	margin-top: 28px;
	color: #fff;
	font-family: var(--font-primary);
	font-size: 12px;
	letter-spacing: 2px;
}

.footer-credit {
	margin-top: 18px;
	color: var(--text-muted);
	font-size: 9px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.footer-credit span {
	color: var(--gold);
	font-weight: 900;
}

.footer-powered {
	margin-top: 16px;
}

.floating-widget {
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 999;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.fw-btn {
	display: flex;
	align-items: center;
	width: 45px;
	overflow: hidden;
	padding: 10px;
	border-radius: 30px;
	background: var(--glass-bg);
	border: 1px solid rgba(0, 207, 255, .28);
	color: var(--text-main) !important;
	font-weight: 700;
	white-space: nowrap;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .45);
	backdrop-filter: blur(14px);
	transition: width .25s ease, background .25s ease, border-color .25s ease;
}

.fw-btn:hover {
	width: 140px;
}

.fw-btn i {
	min-width: 25px;
	font-size: 18px;
	text-align: center;
}

.fw-btn span {
	margin-left: 10px;
	opacity: 0;
	transition: opacity .25s ease;
}

.fw-btn:hover span {
	opacity: 1;
}

.fw-btn.discord:hover { background: #5865f2; border-color: #5865f2; }
.fw-btn.whatsapp:hover { background: #25d366; border-color: #25d366; }
.fw-btn.guide:hover { background: var(--magic-glow); border-color: var(--magic-glow); color: #000 !important; }

.modal-glass .modal-content {
	background: rgba(8, 12, 24, .96);
	border: 1px solid rgba(0, 229, 255, .25);
	border-radius: 10px;
	box-shadow: 0 20px 70px rgba(0, 0, 0, .75);
	color: var(--text-main);
}

.modal-glass .modal-header {
	border-bottom: 1px solid rgba(0, 229, 255, .18);
}

.modal-glass .close {
	color: #fff;
	opacity: .8;
	text-shadow: none;
}

.form-group label {
	color: var(--magic-glow);
	font-family: var(--font-primary);
	text-transform: uppercase;
	letter-spacing: 1px;
}

.form-control {
	background: rgba(0, 0, 0, .5) !important;
	border: 1px solid rgba(0, 229, 255, .25) !important;
	color: #fff !important;
	border-radius: 4px !important;
}

.form-control:focus {
	border-color: var(--magic-glow) !important;
	box-shadow: 0 0 10px rgba(0, 229, 255, .3) !important;
}

.forgot-link {
	margin-top: 15px;
}

.page-title {
	position: relative;
	padding: 18px 0 28px;
	margin-bottom: 40px;
	text-align: center;
	background: linear-gradient(to bottom, rgba(0, 229, 255, .05), transparent);
	border-bottom: 1px solid rgba(255, 255, 255, .05);
}

.page-title span {
	font-family: var(--font-primary);
	font-size: 3.2rem;
	font-weight: 700;
	color: var(--text-main);
	text-transform: uppercase;
	letter-spacing: 6px;
	text-shadow: 0 0 20px rgba(124, 58, 237, .8);
}

.page-title::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 50%;
	width: 220px;
	height: 3px;
	transform: translateX(-50%);
	background: linear-gradient(90deg, transparent, var(--magic-glow), transparent);
	box-shadow: var(--accent-glow);
}

body.voramu-page-register {
	background: linear-gradient(135deg, #f4f7ff 0%, #e6ecff 100%) !important;
	color: #1e293b;
}

body.voramu-page-register #particles-js {
	display: none;
}

body.voramu-page-register #container {
	padding-top: 46px;
}

body.voramu-page-register .modules_cont {
	min-height: auto;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none;
	backdrop-filter: none;
}

body.voramu-page-register .page-module::before {
	display: none;
}

.page-register .page-title {
	display: none;
}

.register-container {
	width: min(450px, 100%);
	margin: 20px auto 60px;
	padding: 44px 38px;
	position: relative;
	z-index: 10;
	border-radius: 24px;
	background: rgba(255, 255, 255, .92);
	border: 1px solid #c7d2fe;
	border-top: 4px solid #38bdf8;
	box-shadow: 0 20px 50px rgba(40, 60, 120, .22);
	animation: registerFadeIn .7s ease-out;
}

.register-heading {
	margin-bottom: 24px;
}

.register-heading h2 {
	margin: 16px 0 8px;
	color: #1e293b;
	font-family: var(--font-condensed);
	font-size: 36px;
	font-weight: 800;
	letter-spacing: 2px;
}

.register-heading p,
.register-container small {
	color: #64748b;
}

.reg-logo-small {
	width: 108px;
	filter: drop-shadow(0 0 10px rgba(56, 189, 248, .35));
}

.register-container .form-group {
	margin-bottom: 20px;
	text-align: left;
}

.register-container label {
	display: block;
	margin-bottom: 8px;
	color: #1e293b;
	font-family: var(--font-condensed);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.register-container .input-group-addon {
	min-width: 50px;
	background: #f1f5f9;
	border: 1px solid #c7d2fe;
	border-right: 0;
	color: #3b82f6;
}

.register-container .form-control {
	height: 48px !important;
	padding: 10px 15px;
	background: #fff !important;
	border: 1px solid #c7d2fe !important;
	border-left: 0 !important;
	color: #1e293b !important;
	box-shadow: none !important;
	font-size: 15px !important;
}

.register-container .input-group:hover .input-group-addon,
.register-container .input-group:hover .form-control,
.register-container .form-control:focus {
	border-color: #38bdf8 !important;
	box-shadow: 0 0 15px rgba(56, 189, 248, .14) !important;
}

.register-divider {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 22px 0;
	color: #64748b;
	font-family: var(--font-condensed);
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.register-divider::before,
.register-divider::after {
	content: '';
	flex: 1;
	height: 1px;
	background: #c7d2fe;
}

#grp-terms {
	margin: 18px 0;
	color: #64748b;
	font-size: 13px;
	line-height: 1.6;
	text-align: center;
}

#grp-terms a {
	color: #3b82f6;
	font-weight: 800;
}

.register-container .btn-primary {
	width: 100%;
	height: 55px;
	margin-top: 12px;
	border: 0 !important;
	border-radius: 14px !important;
	background: linear-gradient(135deg, #3b82f6, #22d3ee) !important;
	box-shadow: 0 8px 20px rgba(59, 130, 246, .3) !important;
	font-family: var(--font-condensed);
	font-size: 18px;
	font-weight: 900;
	letter-spacing: 2px;
}

.register-container .btn-primary:hover {
	transform: translateY(-3px) scale(1.02);
	box-shadow: 0 0 30px rgba(56, 189, 248, .5) !important;
}

.register-home-link {
	margin-top: 22px;
}

.btn-home-custom {
	display: inline-block;
	padding: 12px 26px;
	border-radius: 50px;
	background: #f1f5f9;
	border: 1px solid #c7d2fe;
	color: #64748b !important;
	font-family: var(--font-condensed);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.btn-home-custom:hover {
	background: #fff;
	border-color: #3b82f6;
	color: #3b82f6 !important;
	box-shadow: 0 0 20px rgba(59, 130, 246, .2);
}

@keyframes registerFadeIn {
	from { opacity: 0; transform: translateY(20px); }
	to { opacity: 1; transform: translateY(0); }
}

.vora-register-wrap {
	max-width: 1040px;
	margin: 0 auto 30px;
}

.vora-register-card {
	display: grid;
	grid-template-columns: minmax(280px, .9fr) minmax(320px, 1.1fr);
	border-radius: 12px;
	overflow: hidden;
	background: var(--surface-gradient);
	border: 1px solid var(--glass-border);
	box-shadow: var(--panel-glow);
}

.vora-register-side {
	padding: 38px;
	background:
		radial-gradient(circle at top, rgba(0, 229, 255, .16), transparent 44%),
		linear-gradient(160deg, rgba(46, 134, 193, .25), rgba(5, 7, 13, .95));
	border-right: 1px solid rgba(0, 229, 255, .18);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.vora-kicker {
	color: var(--turquoise);
	font-family: var(--font-secondary);
	font-size: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.vora-register-side h2 {
	font-size: 2.4rem;
	margin: 14px 0;
	text-shadow: var(--text-glow);
}

.vora-register-side p {
	color: var(--text-muted);
	line-height: 1.7;
}

.vora-register-mini-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-top: 26px;
}

.vora-register-mini-stats div {
	padding: 14px 10px;
	border-radius: 8px;
	background: rgba(0, 0, 0, .35);
	border: 1px solid rgba(0, 229, 255, .16);
	text-align: center;
}

.vora-register-mini-stats strong,
.vora-register-mini-stats span {
	display: block;
}

.vora-register-mini-stats strong {
	color: #fff;
	font-family: var(--font-condensed);
	font-size: 1.4rem;
}

.vora-register-mini-stats span {
	color: var(--turquoise);
	font-size: 10px;
	letter-spacing: 1.2px;
}

.vora-register-form {
	padding: 34px;
}

.vora-register-form .form-group {
	margin-bottom: 18px;
}

.input-with-icon {
	position: relative;
}

.input-with-icon i {
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	color: var(--magic-glow);
	z-index: 2;
}

.input-with-icon .form-control {
	height: 48px;
	padding-left: 46px;
}

.help-block,
.vora-terms {
	color: var(--text-muted) !important;
	font-size: 12px;
	line-height: 1.6;
}

.btn-register-vora,
.btn-download-vora {
	width: 100%;
	margin-top: 8px;
	padding: 13px 22px !important;
}

.downloads-heading {
	margin-bottom: 38px;
	text-align: center;
}

.downloads-heading h2.page-title {
	margin: 0 0 12px;
	padding: 0;
	background: transparent;
	border: 0;
	color: #fff;
	font-family: var(--font-primary);
	font-size: 2.4rem;
	letter-spacing: 4px;
	text-shadow: var(--text-glow);
	text-transform: uppercase;
}

.downloads-heading h2.page-title::after {
	display: none;
}

.download-category-section {
	margin-bottom: 48px;
	animation: registerFadeIn .5s ease-out;
}

.category-title {
	margin: 0 0 20px;
	color: var(--magic-glow);
	font-size: 1.25rem;
	text-shadow: var(--text-glow);
}

.display-flex-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.download-col {
	display: flex;
	margin-bottom: 20px;
}

.download-card {
	height: 100%;
	min-height: 210px;
	padding: 0;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.download-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
}

.download-card.border-cyan:hover {
	border-color: var(--magic-glow) !important;
	box-shadow: 0 0 22px rgba(0, 255, 255, .22);
}

.download-card.border-purple:hover {
	border-color: #bf00ff !important;
	box-shadow: 0 0 22px rgba(191, 0, 255, .22);
}

.download-card.border-amber:hover {
	border-color: #ffbf00 !important;
	box-shadow: 0 0 22px rgba(255, 191, 0, .22);
}

.dl-card-content {
	padding: 24px 22px;
}

.dl-title {
	margin: 0 0 10px;
	color: #fff;
	font-size: 1.2rem;
}

.dl-desc {
	min-height: 42px;
	color: var(--text-muted);
	line-height: 1.5;
	text-transform: uppercase;
}

.dl-size {
	color: var(--gold);
	font-family: var(--font-primary);
	font-size: 12px;
	letter-spacing: 1px;
}

.dl-card-action {
	background: rgba(0, 207, 255, .1);
	border-top: 1px solid rgba(0, 207, 255, .16);
	transition: background .25s ease;
}

.btn-dl-action {
	display: block;
	padding: 15px;
	color: var(--magic-glow) !important;
	font-family: var(--font-primary);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
}

.download-card:hover .dl-card-action {
	background: var(--magic-glow);
}

.download-card.border-purple:hover .dl-card-action {
	background: #bf00ff;
}

.download-card.border-amber:hover .dl-card-action {
	background: #ffbf00;
}

.download-card:hover .btn-dl-action {
	color: #000 !important;
	text-shadow: none;
}

.vora-download-panel {
	margin-bottom: 28px;
	border-radius: 12px;
	overflow: hidden;
	background: var(--surface-gradient);
	border: 1px solid var(--glass-border);
	box-shadow: var(--panel-glow);
}

.vora-download-grid {
	display: grid;
	gap: 14px;
	padding: 22px;
}

.vora-download-card {
	display: grid;
	grid-template-columns: 62px minmax(0, 1fr) 160px;
	align-items: center;
	gap: 18px;
	padding: 18px;
	border-radius: 8px;
	background: rgba(10, 18, 32, .7);
	border: 1px solid rgba(0, 229, 255, .15);
	transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}

.vora-download-card:hover {
	border-color: var(--magic-glow);
	transform: translateY(-3px);
	box-shadow: 0 8px 22px rgba(0, 229, 255, .16);
}

.download-icon {
	width: 62px;
	height: 62px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: linear-gradient(135deg, #2e86c1, #2dd4bf);
	box-shadow: var(--accent-glow);
}

.download-icon i {
	font-size: 24px;
	color: #fff;
}

.download-copy h4 {
	margin: 0 0 8px;
	color: #fff;
	font-size: 1.1rem;
}

.download-copy p {
	margin: 0 0 8px;
	color: var(--text-muted);
	line-height: 1.5;
}

.download-size {
	color: var(--gold);
	font-family: var(--font-primary);
	font-size: 12px;
	letter-spacing: 1px;
}

.page-rankings .modules_cont,
.page-rankings {
	overflow-x: auto;
}

.panel,
.table,
.rankings-table,
.rankings_menu {
	color: var(--text-main);
}

.page-module .panel,
.page-module .panel-default,
.page-module .panel-general,
.page-module .thumbnail {
	background: rgba(9, 14, 29, .86) !important;
	border: 1px solid rgba(0, 207, 255, .24) !important;
	border-radius: 10px;
	box-shadow: 0 12px 34px rgba(0, 0, 0, .34);
	color: var(--text-main);
}

.page-module .thumbnail {
	padding: 12px;
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.page-module .thumbnail:hover {
	transform: translateY(-5px);
	border-color: var(--magic-glow) !important;
	box-shadow: 0 0 24px rgba(0, 229, 255, .22);
}

.module-requirements,
.help-block,
.smalltext {
	color: var(--text-muted) !important;
}

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

.table-hover > tbody > tr:hover,
.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: rgba(0, 229, 255, .04);
}

.rankings_menu,
.rankings_menu ul {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	gap: 10px !important;
	margin-bottom: 30px !important;
	padding-left: 0 !important;
	list-style: none !important;
}

.rankings_menu a,
.rankings_menu li a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 12px 18px !important;
	border-radius: 8px !important;
	background: linear-gradient(135deg, rgba(10, 18, 32, .9), rgba(0, 40, 80, .6)) !important;
	border: 1px solid rgba(0, 207, 255, .3) !important;
	color: var(--magic-glow) !important;
	text-transform: uppercase !important;
	font-weight: 800 !important;
}

.rankings_menu a:hover,
.rankings_menu a.active,
.rankings_menu li a:hover,
.rankings_menu li.active a {
	background: linear-gradient(135deg, rgba(0, 207, 255, .2), rgba(0, 100, 255, .45)) !important;
	border-color: #00ffcc !important;
	color: #fff !important;
	box-shadow: 0 0 16px rgba(0, 255, 204, .42) !important;
	transform: translateY(-3px);
}

.rankings-class-filter {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
	margin: 0 0 30px;
	padding: 18px;
	border-radius: 12px;
	background: rgba(10, 18, 32, .62);
	border: 1px solid rgba(0, 229, 255, .14);
}

.rankings-class-filter li {
	list-style: none;
	text-align: center;
}

.rankings-class-filter a {
	display: block;
	color: var(--text-muted);
	font-size: 12px;
	text-transform: uppercase;
}

.rankings-class-filter-image {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
	border: 1px solid rgba(0, 229, 255, .35);
	box-shadow: 0 0 12px rgba(0, 229, 255, .18);
}

.admincp-button {
	position: fixed;
	right: 14px;
	bottom: 14px;
	z-index: 1100;
	background: var(--btn-gradient) !important;
	border: 0 !important;
	color: #fff !important;
	font-weight: 700 !important;
}

@media (max-width: 1120px) {
	.butcher-widget {
		right: 0;
		top: 78%;
	}

	.kill-log-widget {
		left: 0;
		top: 78%;
	}

	#hero {
		min-height: 780px;
		padding-bottom: 170px;
	}
}

@media (max-width: 992px) {
	#navbar {
		position: relative;
		padding: 15px 20px 70px;
	}

	.navbar-login-btn {
		right: 50%;
		bottom: 16px;
		transform: translateX(50%);
	}

	#navbar ul {
		gap: 18px;
	}

	#hero {
		min-height: auto;
		padding-top: 80px;
		padding-bottom: 40px;
	}

	.butcher-widget,
	.kill-log-widget {
		position: static;
		transform: none;
		width: min(360px, 100%);
		min-height: auto;
		margin: 18px auto 0;
	}

	.hero-content {
		gap: 0;
	}

	.features-grid {
		grid-template-columns: 1fr;
	}

	.vora-register-card {
		grid-template-columns: 1fr;
	}

	.vora-register-side {
		border-right: 0;
		border-bottom: 1px solid rgba(0, 229, 255, .18);
	}

	.vora-download-card {
		grid-template-columns: 62px minmax(0, 1fr);
	}

	.btn-download-vora {
		grid-column: 1 / -1;
	}

	.row-flex > [class*='col-'],
	.equal-height-panels > [class*='col-'] {
		display: block;
	}
}

@media (max-width: 680px) {
	body {
		letter-spacing: 0;
	}

	#countdown {
		flex-wrap: wrap;
	}

	.hero-stats {
		flex-direction: column;
		gap: 16px;
	}

	.stat-box-middle,
	.stat-box-account,
	.stat-box-char {
		transform: none;
		margin: 0;
	}

	.hero-actions {
		flex-direction: column;
	}

	.btn-hero-large {
		width: min(280px, 100%);
	}

	.section-title {
		font-size: 1.5rem;
		letter-spacing: 2px;
	}

	.floating-widget {
		left: 12px;
		bottom: 12px;
	}

	.server-info-bar .row {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.server-info-bar .info-item {
		width: 100%;
	}

	.page-module {
		padding: 20px;
	}

	.page-module::before {
		margin: -20px -20px 20px;
	}

	.page-title span {
		font-size: 2rem;
		letter-spacing: 3px;
	}

	.vora-register-side,
	.vora-register-form {
		padding: 22px;
	}

	.vora-register-mini-stats {
		grid-template-columns: 1fr;
	}

	.vora-download-card {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.download-icon {
		margin: 0 auto;
	}
}