/*
    Copyright (C) Kronius2. All rights reserved.
    Developed 2021 by MCDEV Software.
 */

:root {
    --wine: #b52f3f;
    --wine-bright: #e45561;
    --gold: #e7bd79;
    --cream: #f4e5cf;
    --ink: #140b0c;
    --panel: rgba(43, 22, 23, .94);
    --line: rgba(231, 189, 121, .16);
}

/* Arena2 footer — centered royal seal */
.second-footer {
	min-height: 142px;
	background:
		radial-gradient(circle at 50% 0, rgba(145, 46, 51, .14), transparent 50%),
		linear-gradient(180deg, #16090b 0%, #100709 100%);
	border-top: 1px solid rgba(210, 156, 76, .38);
}

.second-footer .footer-signature.footer-signature-centered {
	position: relative;
	display: flex;
	min-height: 142px;
	padding: 18px 15px 16px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	text-align: center;
}

.footer-signature-centered::before,
.footer-signature-centered::after {
	content: "";
	position: absolute;
	top: 34px;
	width: clamp(42px, 6vw, 78px);
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(216, 166, 85, .7));
}

.footer-signature-centered::before {
	right: calc(50% + 29px);
}

.footer-signature-centered::after {
	left: calc(50% + 29px);
	transform: scaleX(-1);
}

.footer-signature-centered .footer-seal {
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	color: #e0ae59;
	background: linear-gradient(145deg, #4e1c22, #1b0c0f);
	border: 1px solid rgba(220, 158, 72, .65);
	border-radius: 50%;
	box-shadow: 0 7px 20px rgba(0, 0, 0, .38), inset 0 0 0 4px rgba(255, 255, 255, .025);
}

.footer-signature-centered .footer-seal i {
	font-size: 14px;
}

.footer-signature-centered .footer-brand {
	display: block;
	min-width: 0;
	padding: 0;
	border: 0;
	background: none;
}

.footer-signature-centered .footer-brand-copy {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 1px;
}

.footer-signature-centered .footer-brand-copy strong {
	font-family: "Cinzel", Georgia, serif;
	font-size: 22px;
	line-height: 1;
	letter-spacing: 3px;
	color: #f2dfc3;
}

.footer-signature-centered .footer-brand-copy strong span {
	color: #e55668;
}

.footer-signature-centered .footer-brand-copy small {
	font-size: 7px;
	letter-spacing: 4px;
	color: #bd8c48;
}

.footer-signature-centered .footer-rights {
	display: flex;
	margin: 3px 0 0;
	align-items: center;
	flex-direction: column;
	gap: 1px;
	text-align: center;
}

.footer-signature-centered .footer-rights span {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .5px;
	color: #d7c2aa;
}

.footer-signature-centered .footer-rights small {
	font-size: 9px;
	color: #755f5d;
}

@media (max-width: 767px) {
	.second-footer,
	.second-footer .footer-signature.footer-signature-centered {
		min-height: 132px;
	}

	.second-footer .footer-signature.footer-signature-centered {
		padding: 15px 10px;
	}
}

@font-face {
    font-family: 'Friz-Quadrata-TT-Regular';
    src: url('../font/Friz Quadrata TT Regular/Friz Quadrata TT Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../font/Open_Sans/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../font/Open_Sans/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-ExtraBold';
    src: url('../font/Open_Sans/OpenSans-ExtraBold.ttf') format('truetype');
}

/* Font Awesome files were consolidated into the main font directory. */
@font-face {
    font-family: 'FontAwesome';
    src: url('../font/FontAwesome/fontawesome-webfont.eot?v=4.6.3');
    src: url('../font/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),
         url('../font/FontAwesome/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),
         url('../font/FontAwesome/fontawesome-webfont.woff?v=4.6.3') format('woff'),
         url('../font/FontAwesome/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),
         url('../font/FontAwesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Video Animation*/

video {
    object-fit: cover;
    width: 100%;
    height: 868px;
    position: absolute;
    top: 0;
    left: 0;
    filter: contrast(1.1);
}

body {
    font-family: 'Friz-Quadrata-TT-Regular', serif;
    background-color: #221212 !important;
    background: url('../images/header_bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 0;
    /*background-size: 100% 1043px;*/
    min-height: 100vh;
    overflow-x: hidden;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, transparent 610px, rgba(20, 11, 12, .25) 820px, #180d0e 1080px);
    pointer-events: none;
}

a.active,
a:focus,
button:focus,
button.active {
    outline: none;
}

* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn:focus {
    box-shadow: none;
}

a:focus,
a:hover,
a:active {
    outline: 0;
    box-shadow: 0;
}

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

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6 {
    margin-bottom: 0;
}

h1 {
    font-size: 24px;
    color: #f3e4c1;
}

h2 {
    font-size: 18px;
    color: #f3e4c1;
}

h4 {
    font-size: 16px;
    color: #f3e4c1;
}

a {
    transition: all ease-in-out 0.5s;
    text-decoration: none;
}

td {
    color: #f0c9ab;
}

.navbar-expand-lg .navbar-nav .nav-link {
    color: #ffd9c7;
    font-size: 14px;
    padding: 40px;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #ffece6;
}

#mainNav {
    width: 100%;
    position: relative;
    margin-top: 28px;
    /*background-image: url('../img/nav_bg.png');*/
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
}

#mainNav > .container {
    min-height: 86px;
    padding: 0 20px 0 14px;
    border: 1px solid rgba(231, 189, 121, .18);
    background: linear-gradient(110deg, rgba(18, 9, 10, .93), rgba(52, 23, 26, .83));
    box-shadow: 0 16px 50px rgba(0, 0, 0, .42), inset 0 1px rgba(255, 255, 255, .035);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.battle-brand {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 0;
    color: var(--cream) !important;
}

.brand-mark {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(231, 189, 121, .4);
    background: radial-gradient(circle at 35% 25%, #82353b, #2b1517 66%);
    color: var(--cream);
    font-size: 24px;
    line-height: 1;
    box-shadow: inset 0 0 0 4px rgba(12, 6, 7, .55), 0 0 24px rgba(181, 47, 63, .2);
    clip-path: polygon(50% 0, 92% 18%, 100% 50%, 82% 92%, 50% 100%, 18% 92%, 0 50%, 18% 18%);
}

.brand-mark > span,
.brand-mark { font-family: 'Friz-Quadrata-TT-Regular', serif; }
.brand-mark { text-shadow: 0 2px 4px #000; }
.brand-mark span { color: var(--wine-bright); }

.brand-copy { display: flex; flex-direction: column; line-height: 1; }
.brand-copy strong { font-size: 16px; letter-spacing: .13em; }
.brand-copy small { margin-top: 7px; color: var(--gold); font: 8px 'OpenSans-Bold', sans-serif; letter-spacing: .42em; }

.battle-menu { gap: 2px !important; }

.battle-menu .nav-link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 105px;
    padding: 26px 19px 22px !important;
}

.battle-menu .nav-link > span {
    margin-bottom: 6px;
    color: rgba(231, 189, 121, .55);
    font: 8px 'OpenSans-Bold', sans-serif;
    letter-spacing: .18em;
}

.battle-menu .nav-item:not(.nav-discord) .nav-link:hover {
    background: linear-gradient(180deg, transparent, rgba(181, 47, 63, .12));
}

.battle-menu .nav-discord { margin-left: 10px; align-self: center; }
.battle-menu .nav-discord .nav-link {
    display: block;
    min-width: auto;
    padding: 13px 20px !important;
    border: 1px solid rgba(231, 189, 121, .38);
    background: linear-gradient(135deg, #7e2d36, #4a1e23);
    box-shadow: 0 7px 18px rgba(0, 0, 0, .32);
}

.battle-menu .nav-discord .nav-link i { margin-right: 8px; color: var(--gold); }
.battle-menu .nav-discord .nav-link::after { display: none; }

.nav-ranking { position: relative; }
.ranking-menu { position: relative; }
.ranking-menu summary { cursor: pointer; list-style: none; }
.ranking-menu summary::-webkit-details-marker { display: none; }
.ranking-label { display: flex; align-items: center; gap: 8px; }
.battle-menu .ranking-menu summary .ranking-label {
    margin-bottom: 0;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
}
.ranking-label i { color: var(--gold); transition: transform .2s ease; }
.ranking-menu[open] .ranking-label i { transform: rotate(180deg); }

.ranking-options {
    position: absolute;
    top: calc(100% + 1px);
    left: 50%;
    z-index: 10000;
    width: 190px;
    padding: 7px;
    transform: translateX(-50%);
    border: 1px solid rgba(231, 189, 121, .22);
    background: rgba(20, 10, 11, .98);
    box-shadow: 0 16px 35px rgba(0, 0, 0, .48);
}

.ranking-options a {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px;
    color: rgba(244, 229, 207, .78);
    font: 10px 'OpenSans-Bold', sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ranking-options a + a { border-top: 1px solid rgba(231, 189, 121, .08); }
.ranking-options a:hover { color: #fff; background: rgba(181, 47, 63, .18); }
.ranking-options a i { width: 18px; color: var(--gold); text-align: center; }

#mainNav::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: min(920px, 76vw);
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, rgba(231, 189, 121, .45), transparent);
}

.navbar-expand-lg .navbar-nav {
    align-items: center;
    gap: 4px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    position: relative;
    padding: 24px 28px;
    font-family: 'OpenSans-Bold', sans-serif;
    font-size: 12px;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.navbar-expand-lg .navbar-nav .nav-link::after {
    content: "";
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 13px;
    height: 1px;
    background: var(--gold);
    transform: scaleX(0);
    transition: transform .25s ease;
}

.navbar-expand-lg .navbar-nav .nav-link:hover::after { transform: scaleX(1); }

header {
    /*padding-top: 156px;*/
    /*background: url('../img/header_bg.jpg');*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*margin-bottom: 345px;*/
    height: 660px;
}

/* input style */

input[type='text'],
input[type='email'],
input[type='password'] {
    font-family: 'OpenSans-Regular', serif;
    font-size: 12px;
    color: #e9d2bf;
    background-color: #281515;
    border: unset;
    border-bottom: 1px solid #4f2e2e !important;
    /*display: block;*/
    margin-top: 14px;
    padding: 20px;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus {
    background-color: #281515;
    color: #f1e3d7;
}

input[type='text']::placeholder,
input[type='email']::placeholder,
input[type='password']::placeholder {
    color: #e9d2bf;
}

.logo {
    margin-top: 115px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.logo {
    width: 530px;
    max-width: 100%;
    padding: 30px 22px 22px;
    text-align: center;
    background: radial-gradient(ellipse at center, rgba(61, 21, 25, .52), transparent 68%);
    filter: drop-shadow(0 12px 28px #000);
}

.logo::before,
.logo::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 90px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(231, 189, 121, .7));
}

.logo::before { left: -45px; }
.logo::after { right: -45px; transform: rotate(180deg); }

.logo strong {
    display: block;
    color: var(--cream);
    font-size: clamp(58px, 6.4vw, 92px);
    line-height: .88;
    letter-spacing: -.06em;
    text-shadow: 0 2px 0 #6c3033, 0 0 30px rgba(225, 67, 79, .45);
}

.logo strong span { color: var(--wine-bright); }

.logo-kicker,
.logo small {
    display: block;
    color: var(--gold);
    font-family: 'OpenSans-Bold', sans-serif;
    font-size: 10px;
    letter-spacing: .55em;
    text-transform: uppercase;
}

.logo-kicker { margin-bottom: 15px; }
.logo small {
    width: max-content;
    margin: 15px auto 0;
    padding: 7px 14px;
    border-top: 1px solid rgba(231, 189, 121, .28);
    border-bottom: 1px solid rgba(231, 189, 121, .28);
    letter-spacing: .34em;
}

.logo-add {
    width: 530px;
    max-width: 100%;
    margin: 10px auto 0;
}

.hero-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: visible;
}

.hero-download {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    min-width: 244px;
    padding: 14px 22px;
    border: 1px solid rgba(240, 195, 126, .55);
    background: linear-gradient(110deg, #4a1b20, #8f2d38 60%, #5a1d24);
    color: #fff3df;
    font-family: 'OpenSans-ExtraBold', sans-serif;
    font-size: 13px;
    letter-spacing: .1em;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .4), inset 0 1px rgba(255, 255, 255, .08);
    transition: transform .2s ease, filter .2s ease;
}

.hero-download::before,
.hero-download::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 42px;
    height: 1px;
    background: rgba(231, 189, 121, .55);
}

.hero-download::before { right: calc(100% + 14px); }
.hero-download::after { left: calc(100% + 14px); }
.hero-download:hover { color: #fff; transform: translateY(-3px); filter: brightness(1.14); }
.hero-download i { color: var(--gold); font-size: 22px; }
.hero-download span { display: flex; flex-direction: column; }
.hero-download small { margin-bottom: 3px; color: rgba(255, 230, 199, .62); font-size: 8px; letter-spacing: .24em; }

.hero-free {
    margin-top: 15px;
    color: rgba(244, 229, 207, .7);
    font: 9px 'OpenSans-Bold', sans-serif;
    letter-spacing: .22em;
}

.hero-free i { margin-right: 7px; color: var(--gold); }

.logo-add .download {
    float: right;
}

.logo-add .desc {
    float: left;
}

.logo-add .title-desc {
    color: #ffddcd;
    text-shadow: 1px 1px 1px rgba(207, 28, 49, 0.8);
}

.detailed-section {
    /*background-color: #221212;*/
    /*height: 410px;*/
}

.detailed-section > .container {
    position: relative;
    padding: 18px;
    border: 1px solid var(--line);
    background: linear-gradient(180deg, rgba(24, 12, 13, .92), rgba(28, 14, 15, .98));
    box-shadow: 0 22px 70px rgba(0, 0, 0, .55), inset 0 1px rgba(255, 255, 255, .025);
}

.detailed-section > .container::before {
    content: "";
    position: absolute;
    inset: 8px;
    border: 1px solid rgba(231, 189, 121, .06);
    pointer-events: none;
}

.detailed-section .row > [class*="col-"] { padding: 9px !important; }

.login-box, .ranking-box, .faq-box, .stats-box, .content-box {
    border: 1px solid rgba(231, 189, 121, .12);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
}

.login-box, .ranking-box, .stats-box {
    position: relative;
    overflow: hidden;
    border-color: rgba(231, 189, 121, .18);
    background: linear-gradient(145deg, rgba(55, 25, 27, .96), rgba(28, 14, 15, .98));
    box-shadow: 0 14px 34px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .025);
}

.login-box::before, .ranking-box::before, .stats-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 74px;
    height: 2px;
    background: linear-gradient(90deg, var(--wine-bright), var(--gold));
    box-shadow: 0 0 14px rgba(228, 85, 97, .45);
}

.login-header {
    min-height: 60px;
    align-items: center;
    padding: 17px 18px;
    border-bottom: 1px solid rgba(231, 189, 121, .12);
    background-image: none;
    background-color: rgba(19, 9, 10, .42);
}

.login-header .name h3 {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 0;
    padding-bottom: 0;
    color: var(--cream);
    font-size: 12px;
    letter-spacing: .11em;
}


.login-header .name h3 i {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(231, 189, 121, .25);
    background: rgba(181, 47, 63, .12);
    color: var(--gold);
    font-size: 12px;
}

.login-header .type h4 {
    padding: 7px 9px;
    border: 1px solid rgba(231, 189, 121, .13);
    color: rgba(231, 189, 121, .72);
    font-size: 9px;
    letter-spacing: .04em;
}

.login-header .type h4:hover { color: #fff; border-color: rgba(231, 189, 121, .4); }

.login-body-bg, .ranking-body, .faq-body-bg, .content-body {
    background-color: var(--panel);
}

.login-body-bg, .ranking-body {
    background: linear-gradient(180deg, rgba(56, 28, 29, .82), rgba(35, 18, 19, .94));
}

.form-control {
    border-radius: 0;
    box-shadow: inset 0 0 0 1px rgba(231, 189, 121, .04);
}

.form-control:focus {
    border-color: var(--gold) !important;
    box-shadow: 0 0 0 2px rgba(231, 189, 121, .1);
}

.ranking-table { margin-bottom: 0; }
.ranking-table tr { border-bottom: 1px solid rgba(231, 189, 121, .07); transition: background .18s ease; }
.ranking-table tr:last-child { border-bottom: 0; }
.ranking-table tr:hover { background: rgba(181, 47, 63, .12); }
.ranking-table td { padding: 13px 8px; font-size: 11px; }
.ranking-table td:first-child { color: var(--gold); font-family: 'OpenSans-Bold', sans-serif; }
.ranking-table td.player { color: var(--cream); }

.stats-body-bg {
    min-height: 250px;
    background-image: linear-gradient(180deg, rgba(42, 20, 22, .5), rgba(25, 13, 14, .82)), url('../images/right_sidebar_stats_bg.png');
    background-size: cover;
}

.server-stats ul { margin: 0; }
.server-stats ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 !important;
    padding: 12px 2px;
    border-bottom: 1px solid rgba(231, 189, 121, .09);
}

.server-stats ul li .type { color: rgba(244, 229, 207, .68); font-size: 11px; }
.server-stats ul li .value {
    min-width: 44px;
    padding: 4px 7px;
    border: 1px solid rgba(231, 189, 121, .13);
    background: rgba(12, 6, 7, .35);
    color: var(--gold);
    font-family: 'OpenSans-Bold', sans-serif;
    text-align: right;
}

.content-box { min-height: 420px; }

.btn-custom {
    filter: drop-shadow(0 5px 10px rgba(0, 0, 0, .35));
    transition: transform .2s ease, filter .2s ease;
}

.btn-custom:hover {
    transform: translateY(-2px);
    filter: brightness(1.12) drop-shadow(0 7px 13px rgba(0, 0, 0, .4));
}

.server-directory {
    display: block;
    width: max-content;
    margin: 28px auto -12px;
    color: rgba(244, 229, 207, .4);
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
}

::selection { background: var(--wine); color: #fff; }

/* ------------------------------------ */

/* CONTENT_LEFT */

/* ------------------------------------ */

.login-header .name h3 {
    font-size: 13px;
    text-transform: uppercase;
    color: #ffdcbd;
    position: relative;
    font-family: "Friz-Quadrata-TT-Regular", serif;
    padding-left: 15px;
}

.login-header .type {
    margin-right: 15px;
}

.login-header .type h4 {
    font-size: 12px;
    color: #ad686b;
    font-family: "OpenSans-Regular", serif;
    position: relative;
}

.login-header {
    display: flex;
    justify-content: space-between;
    padding: 21px 15px;
    background-image: url(../images/left_sidebar_header.png);
    background-repeat: no-repeat;
    position: relative;
}

.login-body {
    padding: 15px 15px 0 15px;
}

.login-body-bg {
    /*background-image: url(../img/left_sidebar_body.png);*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*background-position: center -14px;*/
    background-color: #361f1f;
    display: flow-root;
}

.login-body-submit {
    display: flex;
    justify-content: space-between;
    padding: 26px 0;
}

.login-body-submit .col-12 { padding: 0; }

.login-footer h4 {
    font-size: 14px;
    color: #a07f7f;
    font-weight: 400;
    font-family: "OpenSans-Regular", serif;
    text-align: center;
}

.login-footer h5 {
    color: #b3ae95;
    font-size: 14px;
    font-weight: 400;
    font-family: "OpenSans-Regular", serif;
    text-align: center;
}

.login-footer h4 a {
    color: #e9d2bf;
}

.login-footer .forget-pass {
    background-color: #2b1818;
    padding: 15px 0;
}

.login-footer {
    border: 3px solid #361f1f;
    position: relative;
}

/*.voteforcoins{*/

/*    font-size: 30px;*/

/*    color: #97937d;*/

/*    position: absolute;*/

/*    font-family: "Candara";*/

/*    text-align: center;*/

/*    filter: drop-shadow(0px 3px 2.5px rgba(0,0,0,0.48)) drop-shadow(0px 16px 25.5px rgba(35,65,57,0.36));*/

/*    left: 43%;*/

/*    top: 42%;*/

/*}*/

.ranking-table td,
.table th {
    border: 0;
    font-family: 'OpenSans-Regular', serif;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #a07f7f;
    padding: 10px 15px;
}

.ranking-table .player {
    color: #e9d2bf;
}

.ranking-table tr:nth-child(even) {
    background-color: #361f1f;
}

.ranking-table tr:nth-child(odd) {
    background-color: #2a1717;
}

.ranking tr.marked {
    -webkit-animation: flash 2s infinite;
    animation: flash 2s infinite;
}

/* faq */

.faq-body-bg {
    background-image: url(../images/left_sidebar_faq_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*background-color: #361f1f;*/
    /*display: flow-root;*/
}

.faq-box ul {
    padding: 25px;
}

.faq-box ul li::before {
    content: "";
    background-image: url(../images/left_content_faq_arrow.png);
    background-repeat: no-repeat;
    width: 6px;
    height: 9px;
    display: block;
    position: absolute;
    right: 50px;
    margin-top: 9px;
}

.faq-box ul a {
    margin-top: 5px;
    color: #e9d2bf;
    font-family: 'OpenSans-Regular', serif;
    font-size: 12px;
}

.faq-box ul a:hover {
    color: #f3e3d6;
}

.faq-box ul li {
    margin-right: 5px;
}

.faq-box ul li::marker {
    font-size: 10px;
    color: #a07f7f;
}

#faq-accordion .card-header {
    background: unset;
    border: unset;
    padding: unset;
}

#faq-accordion .card {
    background: unset;
    border: unset;
    padding: unset;
}

#faq-accordion .btn.btn-link {
    margin-top: 5px;
    color: #e9d2bf;
    font-family: 'OpenSans-Regular', serif;
    font-size: 12px;
}

#faq-accordion .card-body {
    color: #e9d2bf;
    font-family: 'OpenSans-Regular', serif;
    font-size: 12px;
}

#faq-accordion .card:before {
    content: "";
    background-image: url(../images/left_content_faq_arrow.png);
    background-repeat: no-repeat;
    width: 6px;
    height: 9px;
    transition: all 0.5s;
    overflow: hidden;
    position: absolute;
    right: 35px;
    top: 16px;
}

/*#accordion .card .collapse.show:before {*/

/*    -webkit-transform: rotate(180deg);*/

/*    -moz-transform: rotate(180deg);*/

/*    transform: rotate(180deg);*/

/*}*/

/* ------------------------------------ */

/* CONTENT_CENTER */

/* ------------------------------------ */

#custom-content-center {
    padding: 0 20px;
}

/* news */

.news-sub-box p {
    color: #ffdcbd;
}

.news-header .name, .bd-c {
    padding-top: 12px;
}

.news-header .name h3 {
    font-size: 13px;
    text-transform: uppercase;
    color: #ffdcbd;
    position: relative;
    font-family: "Friz-Quadrata-TT-Regular", serif;
    padding-left: 15px;
}

.news-header .type {
    margin-right: 15px;
}

.news-header .type h4 {
    font-size: 12px;
    color: #ad686b;
    font-family: "OpenSans-Regular", serif;
    position: relative;
}

.news-header {
    display: flex;
    justify-content: space-between;
    /*padding: 35px 15px;*/
    padding: 20px 15px 0;
    background-image: url(../images/news_header_bg.png)!important;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border: 3px solid #361f1f;
    margin-top: 20px;
}

.news-header .nav-tabs {
    border-bottom: unset;
    font-family: "OpenSans-Regular", serif;
    font-size: 12px;
}

.news-header .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: unset;
    color: #e9d2bf;
    border-bottom: 1px solid #9b1a28;
    padding-bottom: 30px;
}

.news-header .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link {
    border: unset;
    border-bottom: 1px solid #e9d2bf;
    color: #a07f7f;
    padding-bottom: 30px;
}

.news-body {
    padding: 15px 15px 0 15px;
    background-color: #361f1f;
}

.news-body-bg {
    /*background-image: url(../img/left_sidebar_body.png);*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*background-position: center -14px;*/
    background-color: #361f1f;
    display: flow-root;
}

/* news-sub */

.news-sub-header .name h3 {
    font-size: 13px;
    text-transform: uppercase;
    color: #ffdcbd;
    position: relative;
    font-family: "Friz-Quadrata-TT-Regular", serif;
    padding-left: 15px;
}

.news-sub-header .type {
    margin-right: 15px;
}

.news-sub-header .type h4 {
    font-size: 12px;
    color: #e9b49b;
    font-family: "OpenSans-Regular", serif;
    position: relative;
}

.news-sub-header .type h4 .link {
    color: #ee5862;
}

.news-sub-header {
    display: flex;
    justify-content: space-between;
    padding: 21px 15px;
    background-image: url(../images/news_section_header_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.news-sub-body {
    padding: 15px 15px 0 15px;
    margin-bottom: 15px;
}

.news-sub-body-bg {
    /*background-image: url(../img/left_sidebar_body.png);*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*background-position: center -14px;*/
    background-color: #361f1f;
    display: flow-root;
}

.news-sub-body p {
    color: #ccabab;
    font-family: "OpenSans-Regular", serif;
    font-size: 12px;
}

/* content box */

/* news */

.content-header .name {}

.content-header .name h3, .pre-social {
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    color: #ffdcbd;
    position: relative;
    font-family: "Friz-Quadrata-TT-Regular", serif;
}

.content-header .type {
    margin-right: 15px;
}

.content-header .type h4 {
    font-size: 12px;
    color: #ad686b;
    font-family: "OpenSans-Regular", serif;
    position: relative;
}

.content-header, .page-hd {
    padding: 26px 15px;
    background-image: url(../images/news_header_bg.png)!important;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border: 3px solid #361f1f;
    /*margin-top: 20px;*/
}

.content-header .nav-tabs {
    border-bottom: unset;
    font-family: "OpenSans-Regular", serif;
    font-size: 12px;
}

.content-header .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: unset;
    color: #e9d2bf;
    border-bottom: 1px solid #9b1a28;
    padding-bottom: 30px;
}

.content-header .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link {
    border: unset;
    border-bottom: 1px solid #e9d2bf;
    color: #a07f7f;
    padding-bottom: 30px;
}

.content-body {
    padding: 15px 15px 0 15px;
    background-color: #361f1f;
    padding-bottom: 15px;
}

.content-body-bg {
    /*background-image: url(../img/left_sidebar_body.png);*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*background-position: center -14px;*/
    background-color: #361f1f;
    display: flow-root;
}

.content-body p {
    color: #ccabab;
}

/* ------------------------------------ */

/* CONTENT_RIGHT */

/* ------------------------------------ */

.stats-body-bg {
    background-image: url(../images/right_sidebar_stats_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #361f1f;
    /*display: flow-root;*/
}

.server-stats ul {
    padding: 25px;
}

.server-stats ul li {
    margin-right: 5px;
    margin-top: 20px;
    color: #e9d2bf;
    font-family: 'OpenSans-Regular', serif;
    font-size: 12px;
}

.server-stats ul li:hover {
    color: #f3e3d6;
}

.server-stats ul li::marker {
    font-size: 10px;
    color: #a07f7f;
}

.server-stats .value {
    width: 90px;
    background-color: #281515;
    border-bottom: 1px solid #4f2e2e !important;
    margin-top: -6px;
    padding: 5px 20px;
    float: right;
    text-align: center;
}

.players-online-bg {
    background-image: url(../images/right_sidebar_player_online_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.players-online-body {
    padding: 35px;
}

.players-online {
    text-align: center;
}

.players-online .amount {
    display: block;
    font-size: 26px;
    color: #ffddcd;
}

.players-online .main-text {
    font-family: 'OpenSans-Regular', serif;
    font-size: 13px;
    color: #927373;
}

.players-online .main-text .twenty-four {
    color: #7c4141;
}

.discord-banner {
    background-image: url(../images/right_sidebar_banner_discord.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 127px;
    position: relative;
    margin: 10px 0 20px;
}

.discord-banner:hover {
    filter: brightness(110%);
}

.discord-banner:active {
    filter: brightness(90%);
}

/* ------------------------------------ */

/* FOOTER */

/* ------------------------------------ */

footer {
    background-image: url('../images/footer_new.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    margin-top: 36px;
}

.first-footer {
    padding-top: 305px;
    padding-bottom: 89px;
}

.second-footer {
    min-height: 82px;
    border-top: 1px solid rgba(231, 189, 121, .2);
    background-color: rgba(19, 8, 9, .96);
    font-size: 12px;
    box-shadow: 0 -12px 35px rgba(0, 0, 0, .28);
}

.second-footer p {
    color: #ffd9c7;
}

.second-footer a {
    color: #ee5862;
}

.top-footer ul {
    display: flex;
    width: 75%;
    margin: 0 auto;
    justify-content: center;
    list-style: none;
}

.top-footer ul li a {
    font-size: 14px;
    color: #ffd9c7;
    text-align: center;
}

.top-footer ul li {
    padding-right: 80px;
}

.bottom-content {
    display: flex;
    justify-content: center;
    text-align: center;
    padding-top: 16px;
    /*padding: 70px 0 0 0;*/
    /*padding-top: 200px;*/
}

.bottom-content .backlink a {
    color: #c65c60;
}

.footer-signature {
    min-height: 82px;
    padding-top: 0;
    align-items: center;
    gap: 18px;
}

.footer-signature .left-content { display: none; }

.footer-brand {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1;
}

.footer-brand strong { color: #fff1dc; font-size: 18px; letter-spacing: .06em; text-shadow: 0 2px 8px #000; }
.footer-brand strong span { color: var(--wine-bright); }
.footer-brand small { margin-top: 5px; color: var(--gold); font: 7px 'OpenSans-Bold', sans-serif; letter-spacing: .34em; }

.footer-divider {
    width: 1px;
    height: 30px;
    background: linear-gradient(180deg, transparent, rgba(231, 189, 121, .45), transparent);
}

.footer-signature .footer-rights {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
    color: #f0d7bd;
    font: 10px 'OpenSans-Bold', sans-serif;
    letter-spacing: .08em;
}

.footer-rights small { margin-top: 5px; color: rgba(244, 229, 207, .68); font: 8px 'OpenSans-Regular', sans-serif; letter-spacing: .06em; }

@media (max-width: 575px) {
    .footer-signature { display: flex; gap: 11px; }
    .footer-brand strong { font-size: 14px; }
    .footer-signature .footer-rights { font-size: 8px; }
}

/* Premium sidebar cards: statistics and rankings */
.sidebar-ranking .mini-leaderboard {
    display: grid;
    gap: 8px;
    padding: 11px;
    background: linear-gradient(180deg, rgba(30, 14, 16, .96), rgba(18, 9, 10, .98));
}

.sidebar-ranking .leader-card {
    position: relative;
    display: grid;
    grid-template-columns: 27px 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 58px;
    padding: 8px 10px 8px 7px;
    overflow: hidden;
    border: 1px solid rgba(231, 189, 121, .11);
    border-left: 2px solid rgba(231, 189, 121, .28);
    background: linear-gradient(105deg, rgba(70, 30, 32, .62), rgba(34, 17, 19, .8));
    box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 5px 14px rgba(0, 0, 0, .16);
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.sidebar-ranking .leader-card:hover {
    transform: translateX(3px);
    border-color: rgba(231, 189, 121, .38);
    background: linear-gradient(105deg, rgba(97, 37, 42, .72), rgba(42, 19, 22, .9));
}

.leader-position {
    display: grid;
    place-items: center;
    width: 25px;
    height: 25px;
    border: 1px solid rgba(231, 189, 121, .22);
    border-radius: 50%;
    color: rgba(244, 229, 207, .78);
    font: 11px 'OpenSans-Bold', sans-serif;
}

.leader-avatar {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(231, 189, 121, .22);
    background: radial-gradient(circle at 35% 25%, #744048, #2b1518 68%);
    color: #f3ca80;
    font: 15px 'Friz-Quadrata-TT-Regular', serif;
    box-shadow: inset 0 0 12px rgba(0, 0, 0, .42);
}

.guild-card .leader-avatar { border-radius: 50% 50% 44% 44%; font-size: 14px; }
.leader-info { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.leader-info strong { overflow: hidden; color: #fff0d9; font: 11px 'OpenSans-Bold', sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.leader-info small { font: 9px 'OpenSans-Regular', sans-serif; }
.leader-score { display: flex; align-items: flex-end; flex-direction: column; color: #f4c86f; font: 12px 'OpenSans-Bold', sans-serif; }
.leader-score small { margin-bottom: 2px; color: rgba(244, 229, 207, .43); font: 7px 'OpenSans-Bold', sans-serif; letter-spacing: .12em; }

.leader-card.rank-1 {
    border-left-color: #f2bd52;
    background: linear-gradient(105deg, rgba(111, 68, 27, .55), rgba(49, 23, 21, .86));
}
.leader-card.rank-1 .leader-position { border-color: #e4ad45; background: #9d6826; color: #fff2c6; box-shadow: 0 0 12px rgba(231, 175, 66, .28); }
.leader-card.rank-2 .leader-position { border-color: #b5bec9; color: #e3e9ef; }
.leader-card.rank-3 .leader-position { border-color: #ad7046; color: #e8aa7c; }

.sidebar-stats .stats-body-bg,
.sidebar-stats .stats-body { background: linear-gradient(180deg, rgba(43, 20, 22, .97), rgba(21, 10, 11, .98)); }
.sidebar-stats .stats-body { padding: 10px 11px 12px; }
.sidebar-stats .server-stats ul { display: grid; gap: 8px; margin: 0; }
.sidebar-stats .server-stats li,
.sidebar-stats .server-stats li[style] {
    display: grid;
    grid-template-columns: 37px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    min-height: 52px;
    margin: 0 !important;
    padding: 7px 9px;
    border: 1px solid rgba(231, 189, 121, .11);
    background: linear-gradient(100deg, rgba(79, 31, 35, .46), rgba(29, 14, 16, .78));
}
.sidebar-stats .stat-icon {
    display: grid;
    place-items: center;
    width: 35px;
    height: 35px;
    border: 1px solid rgba(231, 189, 121, .25);
    color: #e7bd79;
    background: rgba(15, 7, 8, .32);
    font-size: 13px;
}
.sidebar-stats .server-stats .type { color: rgba(244, 229, 207, .75); font: 10px/1.25 'OpenSans-Regular', sans-serif; }
.sidebar-stats .server-stats .value {
    display: grid;
    place-items: center;
    min-width: 38px;
    height: 32px;
    padding: 0 7px;
    border: 1px solid rgba(231, 189, 121, .2);
    color: #ffd886;
    background: rgba(12, 6, 7, .46);
    font: 14px 'OpenSans-Bold', sans-serif;
}

/* Sidebar statistics and rankings */
.sidebar-stats,
.sidebar-ranking {
    border: 1px solid rgba(231, 189, 121, .2);
    border-radius: 3px;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .32);
}

body .sidebar-stats .login-header,
body .sidebar-ranking .login-header {
    min-height: 66px;
    padding: 13px 14px;
    border-bottom: 1px solid rgba(231, 189, 121, .2);
    background-image: linear-gradient(90deg, rgba(32, 13, 15, .1), rgba(32, 13, 15, .72)), url('../images/left_sidebar_header.png');
}

.sidebar-stats .login-header .name h3,
.sidebar-ranking .login-header .name h3 { font-size: 11px; letter-spacing: .08em; }

.sidebar-stats .login-header .name h3 i,
.sidebar-ranking .login-header .name h3 i {
    width: 34px;
    height: 34px;
    clip-path: polygon(50% 0, 94% 25%, 94% 75%, 50% 100%, 6% 75%, 6% 25%);
    border: 0;
    background: rgba(115, 39, 47, .72);
    color: #ffd78d;
}

.sidebar-stats .server-stats ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
}

.sidebar-stats .server-stats ul li {
    min-height: 76px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(231, 189, 121, .1);
    background: linear-gradient(145deg, rgba(74, 31, 34, .58), rgba(28, 14, 15, .82));
}

.sidebar-stats .server-stats ul li:last-child:nth-child(odd) { grid-column: 1 / -1; }
.sidebar-stats .server-stats ul li .type { font-size: 9px; line-height: 1.25; }
.sidebar-stats .server-stats ul li .value {
    min-width: 0;
    padding: 0;
    border: 0;
    background: none;
    color: #ffd081;
    font: 18px 'Friz-Quadrata-TT-Regular', serif;
    text-align: left;
}

.sidebar-ranking .ranking-body { padding: 7px; }
.sidebar-ranking .ranking-table { border-collapse: separate; border-spacing: 0 6px; }
.sidebar-ranking .ranking-table tr {
    border: 0;
    background: rgba(26, 13, 14, .62);
    box-shadow: inset 3px 0 rgba(231, 189, 121, .08);
}

.sidebar-ranking .ranking-table tr:hover { background: rgba(101, 36, 43, .4); }
.sidebar-ranking .ranking-table td { padding: 11px 6px; border: 0; font-size: 10px; }
.sidebar-ranking .ranking-table td:first-child {
    width: 30px;
    color: rgba(244, 229, 207, .58);
    text-align: center;
}

.sidebar-ranking .ranking-table tr:nth-child(1) { box-shadow: inset 3px 0 #f1c75b; }
.sidebar-ranking .ranking-table tr:nth-child(2) { box-shadow: inset 3px 0 #bfc7d0; }
.sidebar-ranking .ranking-table tr:nth-child(3) { box-shadow: inset 3px 0 #b8794e; }
.sidebar-ranking .ranking-table tr:nth-child(1) td:first-child { color: #f1c75b; }
.sidebar-ranking .ranking-table tr:nth-child(2) td:first-child { color: #d5dbe2; }
.sidebar-ranking .ranking-table tr:nth-child(3) td:first-child { color: #d9915c; }

.sidebar-ranking .login-header .type h4 {
    border-radius: 2px;
    background: rgba(16, 8, 9, .35);
}

@media (max-width: 1199px) and (min-width: 992px) {
    .sidebar-stats .server-stats ul { grid-template-columns: 1fr; }
    .sidebar-stats .server-stats ul li:last-child:nth-child(odd) { grid-column: auto; }
}

/* Live Discord community card */
.discord-community-card { display: grid; grid-template-columns: 46px minmax(0,1fr) 20px; align-items: center; gap: 10px; margin-top: 14px; padding: 13px; border: 1px solid rgba(117,137,218,.38); background: radial-gradient(circle at 0 0,rgba(88,101,242,.28),transparent 48%),linear-gradient(110deg,rgba(51,28,49,.94),rgba(25,12,17,.97)); box-shadow: 0 12px 28px rgba(0,0,0,.28); color: #f5e8db; transition: transform .2s ease,border-color .2s ease; }
.discord-community-card:hover { transform: translateY(-2px); border-color: rgba(142,157,255,.7); color: #fff; }
.discord-community-icon { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(160,171,255,.35); background: rgba(88,101,242,.25); color: #aeb8ff; font-size: 18px; }
.discord-community-copy { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.discord-community-copy small { color: rgba(174,184,255,.72); font: 8px 'OpenSans-Bold',sans-serif; letter-spacing: .12em; }
.discord-community-copy strong { overflow: hidden; color: #fff0dc; font: 14px 'OpenSans-Bold',sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.discord-community-copy em { color: rgba(244,229,207,.6); font: normal 9px 'OpenSans-Regular',sans-serif; white-space: nowrap; }
.discord-community-copy em i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #55d882; box-shadow: 0 0 7px rgba(85,216,130,.7); }
.discord-community-copy em b { color: rgba(174,184,255,.5); font-weight: normal; }
.discord-community-arrow { color: #aeb8ff; font: 24px Georgia,serif; text-align: right; }
.register-captcha-image { display: grid; min-height: 52px; place-items: center; overflow: hidden; border: 1px solid rgba(231,189,121,.23); background: #fff; }
.register-captcha-image img { display: block; width: 100%; height: 52px; object-fit: cover; }
@media(max-width:575px){.discord-community-card{grid-template-columns:44px minmax(0,1fr) 18px}.discord-community-copy strong{font-size:13px}}

/* Arena2 footer — ceremonial compact signature */
.second-footer { position: relative; min-height: 112px; overflow: hidden; border-top: 1px solid rgba(231,189,121,.26); background: radial-gradient(circle at 50% 0,rgba(111,34,43,.2),transparent 48%),linear-gradient(110deg,#14090b,#231013 50%,#14090b); }
.second-footer::before { content: ''; position: absolute; top: 0; left: 50%; width: 46%; height: 1px; transform: translateX(-50%); background: linear-gradient(90deg,transparent,#dcae60,transparent); }
.footer-signature { display: grid; grid-template-columns: 1fr minmax(130px,240px) 1fr; min-height: 112px; padding: 18px 8px; align-items: center; gap: 24px; }
.footer-brand { display: inline-grid; grid-template-columns: 46px auto; align-items: center; justify-self: end; gap: 12px; color: inherit !important; line-height: 1; }
.footer-brand-emblem { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(231,189,121,.32); transform: rotate(45deg); background: linear-gradient(135deg,rgba(116,38,47,.82),rgba(34,15,18,.92)); box-shadow: inset 0 0 0 4px rgba(10,5,6,.22),0 0 18px rgba(140,42,54,.18); }
.footer-brand-emblem i { color: #edc16f; font-size: 15px; transform: rotate(-45deg); }
.footer-brand-copy { display: flex; flex-direction: column; align-items: flex-start; }
.footer-brand-copy strong { color: #fff0d7; font: 21px 'Friz-Quadrata-TT-Regular',serif; letter-spacing: .09em; text-shadow: 0 2px 8px #000; }
.footer-brand-copy strong span { color: #e45162; }
.footer-brand-copy small { margin-top: 6px; color: rgba(231,189,121,.7); font: 7px 'OpenSans-Bold',sans-serif; letter-spacing: .38em; }
.footer-ornament { display: grid; grid-template-columns: 1fr 8px 1fr; align-items: center; gap: 8px; }
.footer-ornament i { display: block; height: 1px; background: linear-gradient(90deg,transparent,rgba(231,189,121,.42)); }
.footer-ornament i:last-child { transform: scaleX(-1); }
.footer-ornament b { width: 8px; height: 8px; border: 1px solid rgba(231,189,121,.65); transform: rotate(45deg); background: #66242c; }
.footer-signature .footer-rights { justify-self: start; align-items: flex-start; margin: 0; }
.footer-rights > span { color: #f2d8b8; font: 11px 'OpenSans-Bold',sans-serif; letter-spacing: .08em; }
.footer-rights small { margin-top: 6px; color: rgba(244,229,207,.53); font: 9px 'OpenSans-Regular',sans-serif; letter-spacing: .05em; }
@media(max-width:767px){.footer-signature{grid-template-columns:1fr;gap:12px;padding:24px 10px}.footer-brand{justify-self:center}.footer-ornament{width:min(240px,70vw);justify-self:center}.footer-signature .footer-rights{justify-self:center;align-items:center}.footer-rights>span,.footer-rights small{text-align:center}}

/* Arena2 navigation v2 — two-level command bar */
@media(min-width:992px){
    #mainNav { margin-top:18px; padding:0 16px; }
    #mainNav > .container { display:grid; grid-template-columns:auto 1fr; min-height:124px; padding:0; overflow:visible; border:1px solid rgba(231,189,121,.2); border-radius:5px; background:linear-gradient(110deg,rgba(16,7,9,.98),rgba(45,17,21,.95)); }
    .battle-brand { grid-column:1; grid-row:1; min-width:190px; min-height:64px; padding:0 25px; border:0; }
    .brand-copy { padding-left:14px; }
    .brand-copy strong { font-size:24px; }
    .nav-top-actions { grid-column:2; grid-row:1; display:flex; min-height:64px; padding:9px 15px; align-items:center; justify-content:flex-end; gap:8px; }
    .nav-discord-link { display:inline-flex; min-height:38px; padding:0 13px; align-items:center; gap:8px; border:1px solid rgba(117,137,218,.36); border-radius:3px; background:rgba(88,101,242,.13); color:#dce0ff; font:9px 'OpenSans-Bold',sans-serif; letter-spacing:.09em; text-transform:uppercase; }
    .nav-discord-link:hover { border-color:rgba(152,163,255,.66); background:rgba(88,101,242,.25); color:#fff; }
    .nav-discord-link i { color:#aeb8ff; font-size:13px; }
    .nav-top-actions .language-menu summary { min-width:65px; height:38px; }
    #navbarResponsive { grid-column:1 / -1; grid-row:2; min-height:58px; margin:0; border-top:1px solid rgba(231,189,121,.12); background:rgba(12,5,7,.18); justify-content:center; }
    .battle-menu { width:100%; margin:0 !important; padding:0 16px; justify-content:center; gap:12px !important; }
    .battle-menu .nav-link { min-height:58px; padding:0 13px !important; border:0; border-radius:0; background:transparent; color:rgba(255,235,215,.7); font-size:10px; letter-spacing:.11em; }
    .battle-menu .nav-link::before { content:''; position:absolute; right:20%; bottom:0; left:20%; height:2px; transform:scaleX(0); background:linear-gradient(90deg,#a33643,#e3b867); transition:transform .2s ease; }
    .battle-menu .nav-item:not(.nav-discord) .nav-link:hover { transform:none; border:0; background:linear-gradient(180deg,transparent,rgba(121,39,49,.14)); }
    .battle-menu .nav-link:hover::before { transform:scaleX(1); }
    .battle-menu .nav-register { color:#f3c978; }
    .battle-menu .nav-register:hover { border:0 !important; background:linear-gradient(180deg,transparent,rgba(121,39,49,.18)) !important; }
    .ranking-options { top:calc(100% + 1px); }
}

@media(max-width:991px){
    .nav-top-actions { display:flex; position:absolute; top:12px; right:66px; z-index:2; align-items:center; gap:6px; }
    .nav-discord-link { display:grid; place-items:center; width:40px; height:40px; border:1px solid rgba(117,137,218,.38); border-radius:3px; background:rgba(88,101,242,.18); color:#b7c0ff; }
    .nav-discord-link span { display:none; }
    .nav-top-actions .language-menu summary { min-width:59px; height:40px; }
}

/* Arena2 navigation v3 — balanced premium single row */
@media(min-width:992px){
    #mainNav { margin-top:18px; padding:0 16px; }
    #mainNav > .container {
        position:relative;
        display:grid;
        grid-template-columns:165px minmax(0,1fr) auto;
        grid-template-rows:78px;
        min-height:78px;
        padding:0 14px;
        overflow:visible;
        border:1px solid rgba(231,189,121,.22);
        border-radius:4px;
        background:linear-gradient(100deg,rgba(15,7,9,.98),rgba(42,16,20,.96) 52%,rgba(18,8,10,.98));
        box-shadow:0 14px 38px rgba(0,0,0,.4),inset 0 1px rgba(255,224,180,.025);
    }
    #mainNav > .container::before,
    #mainNav > .container::after { content:''; position:absolute; left:18px; right:18px; height:1px; pointer-events:none; }
    #mainNav > .container::before { top:5px; background:linear-gradient(90deg,transparent,rgba(231,189,121,.13),transparent); }
    #mainNav > .container::after { bottom:5px; background:linear-gradient(90deg,transparent,rgba(157,48,61,.16),transparent); }
    #mainNav::after { bottom:-1px; width:42%; }
    .battle-brand { grid-column:1; grid-row:1; min-width:0; min-height:78px; padding:0 20px 0 10px; border-right:1px solid rgba(231,189,121,.12); }
    .brand-copy { padding-left:13px; }
    .brand-copy strong { font-size:22px; letter-spacing:.08em; }
    .brand-copy small { font-size:6px; letter-spacing:.25em; }
    #navbarResponsive { grid-column:2; grid-row:1; display:flex !important; min-width:0; min-height:78px; margin:0; border:0; background:transparent; align-items:center; justify-content:center; }
    .battle-menu { width:auto; max-width:100%; margin:0 !important; padding:0 8px; align-items:center; justify-content:center; gap:2px !important; }
    .battle-menu .nav-link { min-height:42px; padding:0 9px !important; border:1px solid transparent; border-radius:2px; background:transparent; color:rgba(255,235,215,.72); font-size:9px; letter-spacing:.075em; white-space:nowrap; }
    .battle-menu .nav-link > i { color:rgba(231,189,121,.66); font-size:11px; }
    .battle-menu .nav-link::before { right:26%; bottom:-1px; left:26%; height:2px; }
    .battle-menu .nav-item:not(.nav-discord) .nav-link:hover { border:1px solid rgba(231,189,121,.13); border-radius:2px; background:linear-gradient(180deg,rgba(117,37,47,.18),rgba(70,24,29,.1)); color:#fff2dd; }
    .battle-menu .nav-register { border-color:rgba(205,93,104,.24); color:#f1c976; background:rgba(122,38,48,.12); }
    .battle-menu .nav-register:hover { border:1px solid rgba(231,189,121,.26) !important; background:rgba(132,42,52,.22) !important; }
    .nav-top-actions { grid-column:3; grid-row:1; display:flex; min-height:78px; padding:0 2px 0 13px; border-left:1px solid rgba(231,189,121,.12); align-items:center; justify-content:flex-end; gap:7px; }
    .nav-discord-link { min-height:40px; padding:0 11px; border-color:rgba(117,137,218,.32); background:linear-gradient(110deg,rgba(88,101,242,.15),rgba(51,34,65,.18)); }
    .nav-top-actions .language-menu summary { min-width:62px; height:40px; }
    .ranking-options { top:calc(100% + 10px); }
}

@media(min-width:992px) and (max-width:1199px){
    #mainNav > .container { grid-template-columns:132px minmax(0,1fr) auto; padding:0 9px; }
    .battle-brand { padding-right:10px; }
    .brand-copy strong { font-size:19px; }
    .brand-copy small { display:none; }
    .battle-menu { padding:0 4px; }
    .battle-menu .nav-link { padding:0 6px !important; gap:4px; font-size:8px; letter-spacing:.045em; }
    .battle-menu .nav-link > i { font-size:10px; }
    .nav-top-actions { padding-left:8px; gap:5px; }
    .nav-discord-link { width:40px; padding:0; justify-content:center; }
    .nav-discord-link span { display:none; }
    .nav-top-actions .language-menu summary { min-width:56px; padding:0 7px; }
}

.sidebar-discord-old { display:block; margin:0 0 14px; }
.sidebar-discord-old .btn-banner-discord { margin:0; }

/* Premium menu controls: rankings, Discord and language */
.ranking-options { width:240px; padding:8px; border-color:rgba(231,189,121,.25); background:linear-gradient(145deg,rgba(35,14,17,.99),rgba(17,7,9,.99)); box-shadow:0 18px 42px rgba(0,0,0,.58); }
.ranking-options-title { display:flex; padding:10px 11px 11px; flex-direction:column; gap:3px; border-bottom:1px solid rgba(231,189,121,.13); }
.ranking-options-title small { color:rgba(231,189,121,.55); font:7px 'OpenSans-Bold',sans-serif; letter-spacing:.18em; }
.ranking-options-title strong { color:#ffe6bd; font:13px 'Friz-Quadrata-TT-Regular',serif; }
.ranking-options a { display:grid; grid-template-columns:36px minmax(0,1fr) 12px; min-height:55px; padding:8px 9px; align-items:center; gap:9px; border:0; border-left:2px solid transparent; }
.ranking-options a + a { border-top:1px solid rgba(231,189,121,.08); }
.ranking-options a:hover { border-left-color:#d9aa5d; background:linear-gradient(90deg,rgba(126,41,50,.35),transparent); }
.ranking-options a > i { display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(231,189,121,.2); color:#e7b967; background:rgba(255,255,255,.025); }
.ranking-options a > span { display:flex; min-width:0; flex-direction:column; gap:3px; }
.ranking-options a strong { color:#f8dfbd; font:10px 'OpenSans-Bold',sans-serif; text-transform:uppercase; }
.ranking-options a small { color:rgba(244,229,207,.46); font:8px 'OpenSans-Regular',sans-serif; }
.ranking-options a > b { color:#dcb066; font:20px Georgia,serif; }

@media(min-width:992px){
    .nav-discord-link { min-width:112px; min-height:46px; padding:0 10px; border-color:rgba(231,189,121,.2); background:linear-gradient(110deg,rgba(103,31,40,.48),rgba(43,17,22,.72)); color:#f5ddbc; }
    .nav-discord-link:hover { border-color:rgba(231,189,121,.48); background:linear-gradient(110deg,rgba(132,42,52,.62),rgba(55,21,27,.82)); }
    .discord-menu-icon { display:grid; place-items:center; width:29px; height:29px; border:1px solid rgba(231,189,121,.18); color:#edbd69; background:rgba(14,6,8,.28); }
    .nav-discord-link > .discord-menu-copy { display:flex; flex-direction:column; gap:2px; }
    .discord-menu-copy small { color:rgba(231,189,121,.48); font:6px 'OpenSans-Bold',sans-serif; letter-spacing:.12em; }
    .discord-menu-copy strong { color:#f8e3c5; font:9px 'OpenSans-Bold',sans-serif; letter-spacing:.08em; text-transform:uppercase; }
    .nav-discord-link > b { margin-left:auto; color:#dfaF62; font:17px Georgia,serif; }
    .nav-top-actions .language-menu summary { min-width:82px; height:46px; padding:0 9px; border-color:rgba(231,189,121,.2); background:rgba(20,8,11,.45); }
    .language-current { display:flex; flex-direction:column; gap:1px; line-height:1; }
    .language-current small { color:rgba(231,189,121,.45); font:6px 'OpenSans-Bold',sans-serif; letter-spacing:.1em; }
    .language-current strong { color:#f7dfbe; font:9px 'OpenSans-Bold',sans-serif; }
    .language-options { width:164px; padding:8px; border-radius:3px; }
    .language-options a { min-height:43px; padding:8px 9px; border-left:2px solid transparent; }
    .language-options a:hover,.language-options a.active { border-left-color:#d8aa5d; background:linear-gradient(90deg,rgba(126,41,50,.35),transparent); }
}

@media(max-width:991px){.discord-menu-copy,.nav-discord-link>b{display:none}.language-current small{display:none}.language-current strong{font-size:9px}}

/* Final simplified sidebar direction */
.sidebar-stats,
.sidebar-ranking {
    border: 1px solid rgba(231, 189, 121, .16);
    border-radius: 0;
    background: rgba(30, 15, 16, .96);
    box-shadow: 0 14px 32px rgba(0, 0, 0, .24);
}

body .sidebar-stats .login-header,
body .sidebar-ranking .login-header {
    min-height: 62px;
    padding: 14px 16px;
    background-image: url('../images/left_sidebar_header.png');
    background-size: 100% 100%;
}

.sidebar-stats .login-header .name h3 i,
.sidebar-ranking .login-header .name h3 i {
    width: 28px;
    height: 28px;
    clip-path: none;
    border: 1px solid rgba(231, 189, 121, .28);
    background: rgba(24, 11, 12, .38);
    color: var(--gold);
}

.sidebar-stats .server-stats ul {
    display: block;
    padding: 10px 15px 13px;
}

.sidebar-stats .server-stats ul li,
.sidebar-stats .server-stats ul li:last-child:nth-child(odd) {
    min-height: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 13px 2px;
    border: 0;
    border-bottom: 1px solid rgba(231, 189, 121, .09);
    background: none;
}

.sidebar-stats .server-stats ul li:last-child { border-bottom: 0; }
.sidebar-stats .server-stats ul li .type { color: rgba(244, 229, 207, .62); font-size: 10px; }
.sidebar-stats .server-stats ul li .value {
    min-width: 48px;
    padding: 5px 8px;
    border: 1px solid rgba(231, 189, 121, .14);
    background: rgba(15, 7, 8, .38);
    color: #f2c978;
    font: 13px 'OpenSans-Bold', sans-serif;
    text-align: right;
}

.sidebar-ranking .ranking-body { padding: 10px; }
.sidebar-ranking .ranking-table { border-spacing: 0 5px; }
.sidebar-ranking .ranking-table tr {
    background: rgba(23, 11, 12, .56);
    box-shadow: none;
}

.sidebar-ranking .ranking-table td { padding: 10px 7px; font-size: 10px; }

.sidebar-ranking .ranking-table tr:first-child {
    background: linear-gradient(110deg, rgba(117, 73, 25, .36), rgba(47, 23, 20, .76));
    box-shadow: inset 3px 0 #edc459;
}

.sidebar-ranking .ranking-table tr:first-child td { padding-top: 14px; padding-bottom: 14px; color: #fff0c2; }
.sidebar-ranking .ranking-table tr:first-child td:first-child { font-size: 15px; color: #ffd66b; }

.sidebar-ranking .ranking-table tr:nth-child(2) {
    background: linear-gradient(110deg, rgba(102, 108, 117, .18), rgba(28, 14, 15, .7));
    box-shadow: inset 3px 0 #bbc3cc;
}

.sidebar-ranking .ranking-table tr:nth-child(3) {
    background: linear-gradient(110deg, rgba(132, 76, 40, .2), rgba(28, 14, 15, .7));
    box-shadow: inset 3px 0 #b8794e;
}

.sidebar-ranking .ranking-table tr:nth-child(n+4) { border-bottom: 1px solid rgba(231, 189, 121, .06); }
.sidebar-ranking .ranking-table tr:hover { background-color: rgba(91, 31, 37, .32); }

/* Improved small-text readability */
.navbar-expand-lg .navbar-nav .nav-link { font-size: 13px; }
.battle-menu .nav-link > span { font-size: 9px; }
.brand-copy small, .logo-kicker, .logo small { font-size: 9px; }

.login-header .name h3,
.sidebar-stats .login-header .name h3,
.sidebar-ranking .login-header .name h3 { font-size: 12px; }

.sidebar-stats .server-stats ul li .type { font-size: 12px; }
.sidebar-stats .server-stats ul li .value { font-size: 15px; }
.sidebar-ranking .ranking-table td { font-size: 12px; }
.sidebar-ranking .login-header .type h4 { font-size: 10px; }

.register-heading p,
.download-heading p,
.ranking-page-heading p { font-size: 12px; }

.register-kicker,
.download-kicker,
.ranking-kicker { font-size: 9px; }

.register-field label { font-size: 11px; }
.register-field small { font-size: 10px; line-height: 1.5; }
.register-login-link { font-size: 11px; }
.register-login-link small { font-size: 8px; }

.download-intro span,
.download-provider small { font-size: 9px; }
.download-intro p { font-size: 11px; }
.download-provider strong { font-size: 16px; }
.download-help span { font-size: 9px; }
.download-help strong { font-size: 10px; }

.ranking-tab { font-size: 10px; }
.ranking-full-table thead th { font-size: 10px; }
.ranking-full-table tbody td,
.ranking-full-table tbody th { font-size: 12px; }
.empire-badge small { font-size: 9px; }

.footer-signature .footer-rights { font-size: 11px; }
.footer-rights small { font-size: 9px; }

/* Full ranking pages */
.ranking-page { background: rgba(28, 14, 15, .96); }

.ranking-page-heading {
    min-height: 150px;
    display: grid;
    place-items: center;
    background-size: cover;
    background-position: center;
    text-align: center;
}

.ranking-page-heading .bd-c { padding: 22px; }
.ranking-page-heading .pre-social { margin-top: 8px; font-size: 23px; letter-spacing: .07em; }
.ranking-page-heading p { margin: 9px 0 0; color: rgba(244, 229, 207, .55); font: 10px 'OpenSans-Regular', sans-serif; }
.ranking-kicker { color: var(--gold); font: 8px 'OpenSans-Bold', sans-serif; letter-spacing: .34em; }
.ranking-page-content { padding: 18px 16px 22px; }

.ranking-switcher {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 13px;
}

.ranking-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 145px;
    min-height: 38px;
    padding: 8px 12px;
    border: 1px solid rgba(231, 189, 121, .14);
    color: rgba(244, 229, 207, .58);
    background: rgba(33, 16, 17, .65);
    font: 9px 'OpenSans-Bold', sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.ranking-tab + .ranking-tab { border-left: 1px solid rgba(231, 189, 121, .14); }
.ranking-tab i { color: var(--gold); }
.ranking-tab:hover, .ranking-tab.active { color: #fff; background: linear-gradient(110deg, #5d2429, #8e3038); }

.ranking-search { margin-bottom: 13px; }
.ranking-search form { width: 100%; }
.ranking-search-box { position: relative; width: 100%; }
.ranking-search-box .form-control { width: 100%; height: 48px; margin: 0 !important; padding-right: 54px; border: 1px solid rgba(231, 189, 121, .14) !important; }
.ranking-search-box .btn-search {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 48px;
    border: 0;
    border-left: 1px solid rgba(231, 189, 121, .14);
    background: rgba(181, 47, 63, .14);
    color: var(--gold);
    cursor: pointer;
}

.ranking-full-table {
    overflow: hidden;
    border: 1px solid rgba(231, 189, 121, .14);
}

.ranking-full-table thead tr { background: rgba(18, 9, 10, .8); }
.ranking-full-table thead th { padding: 14px 11px; color: var(--gold); font: 9px 'OpenSans-Bold', sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.ranking-full-table tbody tr { transition: transform .18s ease, background .18s ease; }
.ranking-full-table tbody tr:hover { transform: translateX(3px); background: rgba(181, 47, 63, .16); }
.ranking-full-table tbody td, .ranking-full-table tbody th { padding: 13px 11px; }
.ranking-full-table tbody tr:nth-child(1) th:first-child,
.ranking-full-table tbody tr:nth-child(1) td:first-child { color: #ffd66b; font-weight: bold; }
.ranking-full-table tbody tr:nth-child(2) th:first-child,
.ranking-full-table tbody tr:nth-child(2) td:first-child { color: #d5dbe2; font-weight: bold; }
.ranking-full-table tbody tr:nth-child(3) th:first-child,
.ranking-full-table tbody tr:nth-child(3) td:first-child { color: #d9915c; font-weight: bold; }

.ranking-page .ranking-paginator, .ranking-page .pagination { margin-top: 16px; }

.empire-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px 4px 4px;
    border: 1px solid rgba(231, 189, 121, .12);
    background: rgba(15, 8, 9, .32);
}

.empire-badge img {
    width: 40px;
    height: 20px;
    object-fit: cover;
    border: 1px solid rgba(231, 189, 121, .22);
}

.empire-badge small { color: rgba(244, 229, 207, .68); font: 8px 'OpenSans-Bold', sans-serif; }

@media (max-width: 575px) {
    .ranking-page-content { padding: 12px 8px 18px; }
    .ranking-full-table { font-size: 10px; }
    .ranking-full-table th, .ranking-full-table td { padding: 9px 6px !important; }
    .ranking-page-heading .pre-social { font-size: 19px; }
    .empire-badge small { display: none; }
    .empire-badge { padding: 3px; }
}

/* RANKING */

.ranking {
    font-family: 'OpenSans-Regular', serif;
    font-size: 13px;
    color: #656565;
    border: 1px solid #1f1e1e;
    width: 100%;
}

.ranking .ranking-header, .thead-inverse tr {
    background: rgb(30, 15, 15);
    background: radial-gradient(circle, rgba(30, 15, 15, 1) 0%, rgba(57, 30, 29, 1) 0%, rgba(30, 15, 15, 1) 100%);
}

.ranking th {
    color: #ffffff;
}

.ranking td,
.ranking th {
    padding: 10px;
    border-top: 1px solid #5f2825;
    border-bottom: 1px solid #5f2825;
    color: #f3e4c1;
}

.ranking tr:nth-child(odd) {
    /*background-color: #361716;*/
    background: rgb(41, 17, 16);
    background: radial-gradient(circle, rgba(41, 17, 16, 1) 0%, rgba(76, 31, 30, 1) 0%, rgba(41, 17, 16, 1) 100%);
}

.ranking tr:nth-child(even) {
    /*background-color: #3a1e1e;*/
    background: rgb(32, 16, 16);
    background: radial-gradient(circle, rgba(32, 16, 16, 1) 0%, rgba(59, 30, 30, 1) 0%, rgba(32, 16, 16, 1) 100%);
}

.ranking a {
    color: #f3e4c1;
    text-decoration: none;
}

.ranking a:hover {
    color: #f1e7cf;
}

.ranking-paginator {
    display: inline-block;
}

.ranking-paginator a {
    font-family: 'OpenSans-Regular', serif;
    font-size: 14px;
    color: #ffd9c7;
    padding: 8px;
    text-decoration: none;
}

.ranking-paginator a:hover {
    color: #f6e2d9;
}

.ranking-paginator a.active {
    color: #f3e4c1;
    background-color: #271414;
    border-radius: 50px;
}

/* ------------------------------------ */

/* BUTTONS */

/* ------------------------------------ */

/* btn_custom */

.btn-custom {
    position: relative;
    text-align: center;
}

.btn-text-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

/* btn_login */

.btn-login {
    background-image: url('../images/btn_nav_sign_in.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 102px;
    height: 33px;
    margin: 35px;
    font-family: 'OpenSans-ExtraBold', serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #1c0e0e;
}

.btn-login:hover {
    /*color: #e6cc8d;*/
    filter: brightness(120%);
}

/* btn_header_download */

.btn-header-download {
    background-image: url('../images/btn_main_download.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 174px;
    height: 51px;
    font-family: 'OpenSans-Bold', serif;
    font-size: 13px;
    text-transform: uppercase;
    color: white;
}

.btn-header-download:hover {
    /*color: #e6cc8d;*/
    filter: brightness(120%);
}

/* btn_login_box */

.btn-login-box {
    background-image: url('../images/btn_left_sidebar.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 52px;
    /*margin: 35px;*/
    font-family: 'OpenSans-ExtraBold', serif;
    font-size: 13px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #1c0e0e;
}

.btn-login-box:hover {
    /*color: #e6cc8d;*/
    filter: brightness(120%);
}

/* btn_content */

.btn-content {
    background-image: url('../images/btn_left_sidebar.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 140px;
    height: 34px;
    /*margin: 35px;*/
    font-family: 'OpenSans-Bold', serif;
    font-size: 12px;
    /*text-transform: uppercase;*/
    color: #1c0e0e;
}

.btn-content:hover {
    /*color: #e6cc8d;*/
    filter: brightness(120%);
}

/* btn_banner_register */

.btn-banner-register {
    background-image: linear-gradient(120deg, rgba(181, 47, 63, .95), rgba(60, 25, 27, .96)), url('../images/header_bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 131px;
    margin: 10px 0 20px;
}

.btn-banner-register:hover {
    filter: brightness(110%);
}

.btn-banner-register:active {
    filter: brightness(90%);
}

.btn-text-banner-register-main {
    position: absolute;
    left: 30px;
    top: 50px;
    font-family: 'OpenSans-ExtraBold', serif;
    font-size: 16px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(255, 82, 101, 0.75);
    color: #3a0a0f;
}

.btn-text-banner-register-second {
    position: absolute;
    left: 30px;
    top: 75px;
    font-family: 'OpenSans-Regular', serif;
    font-size: 11px;
    color: #ff7382;
}

/* btn_banner_discord */

.btn-banner-discord {
    background-image: url('../images/right_sidebar_banner_discord.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 127px;
    margin: 10px 0 20px;
}

.btn-banner-discord:hover {
    filter: brightness(110%);
}

.btn-banner-discord:active {
    filter: brightness(90%);
}

.btn-text-banner-discord-main {
    position: absolute;
    left: 30px;
    top: 50px;
    font-family: 'OpenSans-ExtraBold', serif;
    font-size: 16px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(255, 192, 162, 0.75);
    color: #2b1f19;
}

.btn-text-banner-discord-second {
    position: absolute;
    left: 30px;
    top: 75px;
    font-family: 'OpenSans-Regular', serif;
    font-size: 11px;
    color: #ffe2d5;
}

/* btn_download */

.btn-download {
    background-image: linear-gradient(135deg, #702830, #2c1719);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 265px;
    height: 79px;
    border: 1px solid rgba(231, 189, 121, .35);
    box-shadow: inset 0 0 24px rgba(0, 0, 0, .3);
}

.btn-download:hover {
    filter: brightness(120%);
}

.btn-download:active {
    filter: brightness(80%);
}

.btn-text-download-main {
    position: absolute;
    top: 40%;
    left: 60%;
    transform: translate(-50%, -50%);
    width: 100%;
    /*font-family: 'Cinzel-Bold', serif;*/
    font-size: 20px;
    text-transform: uppercase;
    color: #cab078;
    background: #FEFCFB;
    background: -webkit-radial-gradient(ellipse farthest-corner at center center, #FEFCFB 0%, #E0C0A6 77%);
    background: -moz-radial-gradient(ellipse farthest-corner at center center, #FEFCFB 0%, #E0C0A6 77%);
    background: radial-gradient(ellipse farthest-corner at center center, #FEFCFB 0%, #E0C0A6 77%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn-text-download-second {
    position: absolute;
    top: 57%;
    left: 60%;
    transform: translate(-50%, -50%);
    width: 100%;
    /*font-family: 'NunitoSans-Regular', serif;*/
    font-size: 13px;
    color: white;
}

/* btn_donate */

.btn-donate {
    background-image: linear-gradient(135deg, #80542d, #2c1719);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 265px;
    height: 79px;
    border: 1px solid rgba(231, 189, 121, .35);
    box-shadow: inset 0 0 24px rgba(0, 0, 0, .3);
}

.btn-donate:hover {
    filter: brightness(120%);
}

.btn-donate:active {
    filter: brightness(80%);
}

.btn-text-donate-main {
    position: absolute;
    top: 40%;
    left: 60%;
    transform: translate(-50%, -50%);
    width: 100%;
    /*font-family: 'Cinzel-Bold', serif;*/
    font-size: 20px;
    text-transform: uppercase;
    color: #cab078;
    background: #FEFCFB;
    background: -webkit-radial-gradient(ellipse farthest-corner at center center, #FEFCFB 0%, #E0C0A6 77%);
    background: -moz-radial-gradient(ellipse farthest-corner at center center, #FEFCFB 0%, #E0C0A6 77%);
    background: radial-gradient(ellipse farthest-corner at center center, #FEFCFB 0%, #E0C0A6 77%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn-text-donate-second {
    position: absolute;
    top: 57%;
    left: 60%;
    transform: translate(-50%, -50%);
    width: 100%;
    /*font-family: 'NunitoSans-Regular', serif;*/
    font-size: 13px;
    color: white;
}

/* btn search */

.btn-search {
    position: absolute;
    color: #ecbd99;
    padding-top: 7px;
    right: 10px;
}

.btn-search:hover {
    color: #f3d1b7;
    filter: brightness(120%);
}

/* ------------------------------------ */

/* MISC */

/* ------------------------------------ */

.color-empire-1 {
    color: #ee5862;
}

.color-empire-2 {
    color: #ffa57b;
}

.color-empire-3 {
    color: #58abeb;
}

.form-check-label {
    font-family: 'OpenSans-Regular', serif;
    font-size: 12px;
    color: #a07f7f;
}

/* SweetAlert - Kronius2 Theme */

.swal2-modal {
    background-color: #361f1f !important;
    border: 2px solid #361f1f !important;
}

#swal2-title {
    color: #ffdcbd !important;
}

#swal2-content {
    color: #a07f7f !important;
}

.swal2-footer {
    border-top: 1px solid #2c1919 !important;
}

.swal2-footer a {
    color: #e9d2bf !important;
}

.swal2-footer a:hover {
    color: #fdf0e6 !important;
}

.swal2-styled.swal2-confirm {
    background-color: #F5B993 !important;
    font-family: 'OpenSans-ExtraBold', serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #1c0e0e !important;
}

.swal2-styled.swal2-cancel {
    background-color: #5e2726 !important;
    font-family: 'OpenSans-ExtraBold', serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff !important;
}

.swal2-loader {
    border-color: #A45F5F transparent #A45F5F transparent !important;
}

/* account sidebar */

#account_block {
    /*padding-top: 29px;*/
    /*margin-bottom: 22px;*/
    text-align: center;
}

#account_block a {
    display: block;
    /*margin: 5px 0;*/
    padding: 5px 0;
    text-decoration: none;
    color: #e9d2bf;
    font-family: 'OpenSans-Regular', serif;
    font-size: 12px;
}

#account_block a:hover {
    color: white;
}

/* Authenticated account menu */
body #account_block.account-menu {
    display: grid;
    gap: 8px;
    padding: 12px;
    text-align: left;
}
body #account_block.account-menu a {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 49px;
    padding: 6px 9px;
    overflow: hidden;
    border: 1px solid rgba(231, 189, 121, .11);
    border-left: 2px solid rgba(231, 189, 121, .25);
    background: linear-gradient(105deg, rgba(70, 29, 33, .56), rgba(25, 12, 14, .82));
    color: rgba(248, 231, 207, .86);
    font: 10px 'OpenSans-Bold', sans-serif;
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
body #account_block.account-menu a > i {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(231, 189, 121, .22);
    color: #efc474;
    background: rgba(13, 6, 7, .34);
    font-size: 13px;
}
body #account_block.account-menu a > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body #account_block.account-menu a > b {
    color: #dca85b;
    font: 20px Georgia, serif;
    transition: transform .2s ease;
}
body #account_block.account-menu a > em {
    display: grid;
    place-items: center;
    min-width: 23px;
    height: 23px;
    border-radius: 50%;
    background: #a4313d;
    color: #fff;
    font: normal 10px 'OpenSans-Bold', sans-serif;
}
body #account_block.account-menu a:hover {
    transform: translateX(3px);
    border-color: rgba(231, 189, 121, .4);
    background: linear-gradient(105deg, rgba(105, 38, 44, .7), rgba(34, 15, 18, .92));
}
body #account_block.account-menu a:hover > b { transform: translateX(2px); }
body #account_block.account-menu .account-logout {
    margin-top: 4px;
    border-color: rgba(224, 77, 88, .28);
    border-left-color: #c53a47;
    background: linear-gradient(105deg, rgba(111, 28, 37, .62), rgba(35, 13, 16, .88));
}
body #account_block.account-menu .account-logout > i { border-color: rgba(224, 77, 88, .3); color: #ff8991; }

/* animations */

@-webkit-keyframes flash {
    0% {
        background: rgb(71, 68, 68);
    }
    50% {
        background: rgba(255, 0, 0, 0);
    }
    100% {
        background: rgba(215, 129, 113, 0.5);
    }
}

@keyframes flash {
    0% {
        background: rgba(215, 129, 113, 0.5);
    }
    50% {
        background: rgba(255, 0, 0, 0);
    }
    100% {
        background: rgba(215, 129, 113, 0.5);
    }
}

.form-group label {
    color: #ffd9c7;
}

#loginCaptcha {
    transform: scale(0.9);
    transform-origin: 0 0;
    margin-top: 15px;
}

#registerCaptcha {
    transform: scale(0.94);
    transform-origin: 0 0;
    margin-top: 15px;
}

.local-captcha {
    display: flex;
    align-items: stretch;
    gap: 10px;
    width: 100%;
}

.local-captcha img {
    width: 150px;
    min-width: 150px;
    height: 58px;
    border: 1px solid rgba(231, 189, 121, .25);
    object-fit: cover;
}

.local-captcha .form-control {
    height: 58px;
    margin-top: 0 !important;
    font-size: 16px;
    letter-spacing: .16em;
    text-transform: uppercase;
}

@media (max-width: 575px) {
    .local-captcha { flex-direction: column; }
    .local-captcha img { width: 100%; min-width: 0; }
}


.nav-language { position: relative; align-self: center; margin-left: 8px; }

.language-menu { position: relative; }

.language-menu summary {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 76px;
    padding: 11px 12px;
    border: 1px solid rgba(231, 189, 121, .22);
    background: rgba(15, 8, 9, .62);
    color: var(--cream);
    font: 10px 'OpenSans-Bold', sans-serif;
    letter-spacing: .12em;
    cursor: pointer;
    list-style: none;
    transition: border-color .2s ease, background .2s ease;
}

.language-menu summary::-webkit-details-marker { display: none; }
.language-menu summary:hover { border-color: rgba(231, 189, 121, .55); background: rgba(76, 29, 34, .72); }
.language-menu summary img, .language-options img { width: 22px; height: 22px; object-fit: cover; border-radius: 50%; }
.language-menu summary i { margin-left: auto; color: var(--gold); transition: transform .2s ease; }
.language-menu[open] summary i { transform: rotate(180deg); }

.language-options {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 10000;
    width: 178px;
    padding: 7px;
    border: 1px solid rgba(231, 189, 121, .22);
    background: rgba(20, 10, 11, .97);
    box-shadow: 0 16px 35px rgba(0, 0, 0, .48);
}

.language-options a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    color: rgba(244, 229, 207, .75);
    font: 11px 'OpenSans-Bold', sans-serif;
}

.language-options a:hover, .language-options a.active { color: #fff; background: rgba(181, 47, 63, .18); }
.language-options a i { margin-left: auto; color: var(--gold); }

.table > tbody > tr > td {
	vertical-align: middle;
}

a {
    color: #f6e2d9;
}
a:hover {
    color: #9a7e71;
}
.fade:not(.show) {
	opacity: 1!important;
}
.card {
	padding: 15px;
	border-radius: 0;
    background-color: #361617;
}
.table thead th {
    border-bottom: unset;
}
.modal-content {
    background-color: #2d1316;
	color: white;
}
.jumbotron {
	background-color: transparent;
}
.pagination {
   justify-content: center;
}
.page-link {
    color: #f3e4c1;
    background-color: #2a1717;
    border: 1px solid #592624;
}

.page-link:hover, .page-link:focus, .page-link:active {
	color: #daceb1;
    background-color: #592e2e;
    border: 1px solid #923834;
}

/* Unified sidebar card theme */
body .login-box .login-header,
body .ranking-box .login-header,
body .stats-box .login-header {
    min-height: 62px;
    padding: 16px 18px;
    align-items: center;
    border-bottom: 1px solid rgba(231, 189, 121, .12);
    background-image: linear-gradient(rgba(20, 9, 10, .1), rgba(20, 9, 10, .1)), url('../images/left_sidebar_header.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-color: rgba(19, 9, 10, .5);
}

body .login-box .login-body-bg,
body .ranking-box .ranking-body {
    background: linear-gradient(180deg, rgba(56, 28, 29, .88), rgba(35, 18, 19, .97));
}

body .stats-box .stats-body-bg {
    background-image: linear-gradient(180deg, rgba(42, 20, 22, .52), rgba(25, 13, 14, .88)), url('../images/right_sidebar_stats_bg.png');
    background-size: cover;
}

.stats-box + .ranking-box { margin-top: 18px; }

/* Registration page */
.register-page { background: rgba(28, 14, 15, .96); }

.register-heading {
    min-height: 150px;
    display: grid;
    place-items: center;
    background-size: cover;
    background-position: center;
    text-align: center;
}

.register-heading .bd-c { padding: 22px; }
.register-heading .pre-social { margin-top: 8px; font-size: 25px; letter-spacing: .08em; }
.register-heading p { margin: 10px 0 0; color: rgba(244, 229, 207, .62); font: 11px 'OpenSans-Regular', sans-serif; }
.register-kicker { color: var(--gold); font: 8px 'OpenSans-Bold', sans-serif; letter-spacing: .38em; }

.register-content { padding: 22px 16px 16px; }

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

.register-form > .alert { grid-column: 1 / -1; margin-bottom: 4px; }
.register-field { padding: 15px; border: 1px solid rgba(231, 189, 121, .1); background: rgba(52, 25, 27, .58); }
.register-field.full-field, .register-submit, .register-login-link { grid-column: 1 / -1; }

.register-field label {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 9px;
    color: var(--cream);
    font: 10px 'OpenSans-Bold', sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.register-field label i { color: var(--gold); }
.register-field .form-control { height: 48px; margin-top: 0 !important; border: 1px solid rgba(231, 189, 121, .08) !important; }
.register-field small { display: block; margin-top: 7px; color: rgba(244, 229, 207, .42); font: 9px 'OpenSans-Regular', sans-serif; }
.register-field .text-danger { margin: 6px 0 0; font-size: 10px; }

.register-captcha img { height: 58px; }
.register-captcha .form-control { height: 58px; }

.captcha-code {
    display: grid;
    place-items: center;
    width: 150px;
    min-width: 150px;
    height: 58px;
    border: 1px solid rgba(231, 189, 121, .32);
    background:
        repeating-linear-gradient(-35deg, rgba(231, 189, 121, .06) 0 2px, transparent 2px 7px),
        linear-gradient(135deg, #251315, #4b2528);
    color: #ffe8c5;
    font: 25px 'Friz-Quadrata-TT-Regular', serif;
    letter-spacing: .2em;
    text-shadow: 2px 2px 0 #6d2730, 0 0 8px rgba(255, 255, 255, .18);
    user-select: none;
}

.register-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 58px;
    border: 1px solid rgba(231, 189, 121, .42);
    background: linear-gradient(110deg, #5a2026, #a33340 55%, #69232b);
    color: #fff1dc;
    font: 14px 'Friz-Quadrata-TT-Regular', serif;
    letter-spacing: .06em;
    cursor: pointer;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .28);
    transition: transform .2s ease, filter .2s ease;
}

.register-submit:hover { transform: translateY(-2px); filter: brightness(1.12); }
.register-submit i { color: var(--gold); }
.register-login-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 2px 0 0;
    padding: 14px 16px;
    border: 1px solid rgba(231, 189, 121, .1);
    background: rgba(18, 9, 10, .32);
    color: rgba(244, 229, 207, .7);
    font: 10px 'OpenSans-Regular', sans-serif;
}

.register-login-link > span { display: flex; flex-direction: column; gap: 4px; }
.register-login-link small { color: rgba(231, 189, 121, .5); font: 7px 'OpenSans-Bold', sans-serif; letter-spacing: .22em; }
.register-login-link a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 13px;
    border: 1px solid rgba(231, 189, 121, .3);
    color: var(--gold);
    font: 9px 'OpenSans-Bold', sans-serif;
    text-transform: uppercase;
    white-space: nowrap;
}

.register-login-link a:hover { color: #fff; background: rgba(181, 47, 63, .15); }

@media (max-width: 767px) {
    .register-form { grid-template-columns: 1fr; }
    .register-field, .register-field.full-field, .register-submit, .register-login-link { grid-column: 1; }
    .register-heading .pre-social { font-size: 21px; }
    .register-login-link { flex-direction: column; text-align: center; }
    .captcha-code { width: 100%; min-width: 0; }
}

/* Download page */
.download-page { background: rgba(28, 14, 15, .96); }

.download-heading {
    min-height: 150px;
    display: grid;
    place-items: center;
    background-size: cover;
    background-position: center;
    text-align: center;
}

.download-heading .bd-c { padding: 22px; }
.download-heading .pre-social { margin-top: 8px; font-size: 25px; letter-spacing: .08em; }
.download-heading p { margin: 10px 0 0; color: rgba(244, 229, 207, .62); font: 11px 'OpenSans-Regular', sans-serif; }
.download-kicker { color: var(--gold); font: 8px 'OpenSans-Bold', sans-serif; letter-spacing: .38em; }
.download-content { padding: 20px 16px; }

.download-intro {
    display: flex;
    align-items: center;
    gap: 17px;
    padding: 18px;
    border: 1px solid rgba(231, 189, 121, .12);
    background: linear-gradient(110deg, rgba(83, 30, 35, .42), rgba(37, 18, 20, .72));
}

.download-emblem {
    display: grid;
    place-items: center;
    width: 56px;
    min-width: 56px;
    height: 56px;
    border: 1px solid rgba(231, 189, 121, .35);
    color: var(--gold);
    font-size: 22px;
    background: rgba(15, 7, 8, .35);
}

.download-intro span { color: var(--gold); font: 8px 'OpenSans-Bold', sans-serif; letter-spacing: .24em; }
.download-intro h3 { margin: 5px 0; color: var(--cream); font-size: 18px; }
.download-intro p { margin: 0; color: rgba(244, 229, 207, .52); font: 10px/1.6 'OpenSans-Regular', sans-serif; }

.download-grid { display: grid; gap: 10px; margin-top: 14px; }

.download-card {
    display: grid;
    grid-template-columns: 48px 1fr auto;
    align-items: center;
    gap: 14px;
    padding: 15px;
    border: 1px solid rgba(231, 189, 121, .12);
    background: rgba(55, 26, 28, .64);
    color: var(--cream);
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.download-card:hover {
    color: #fff;
    transform: translateX(4px);
    border-color: rgba(231, 189, 121, .42);
    background: rgba(91, 32, 39, .62);
}

.download-number { color: rgba(231, 189, 121, .42); font: 20px 'Friz-Quadrata-TT-Regular', serif; }
.download-provider { display: flex; flex-direction: column; }
.download-provider small { margin-bottom: 4px; color: rgba(244, 229, 207, .4); font: 8px 'OpenSans-Bold', sans-serif; letter-spacing: .2em; }
.download-provider strong { color: var(--cream); font-size: 15px; }

.download-action {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px 14px;
    border: 1px solid rgba(231, 189, 121, .35);
    background: linear-gradient(110deg, #65242b, #96313b);
    font: 10px 'OpenSans-Bold', sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.download-action i { color: var(--gold); font-size: 15px; }

.download-help {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 18px;
    border-top: 1px solid rgba(231, 189, 121, .1);
    border-bottom: 1px solid rgba(231, 189, 121, .1);
}

.download-help > div { display: flex; align-items: center; gap: 10px; padding: 15px 10px; }
.download-help > div + div { border-left: 1px solid rgba(231, 189, 121, .1); }
.download-help i { color: var(--gold); font-size: 17px; }
.download-help span { display: flex; flex-direction: column; color: rgba(244, 229, 207, .42); font: 8px 'OpenSans-Regular', sans-serif; }
.download-help strong { margin-bottom: 3px; color: var(--cream); font: 9px 'OpenSans-Bold', sans-serif; text-transform: uppercase; }

@media (max-width: 575px) {
    .download-card { grid-template-columns: 35px 1fr; }
    .download-action { grid-column: 1 / -1; justify-content: center; }
    .download-help { grid-template-columns: 1fr; }
    .download-help > div + div { border-left: 0; border-top: 1px solid rgba(231, 189, 121, .1); }
}

/* Keep the redesigned statistic cards above the legacy sidebar rules. */
body .sidebar-stats .server-stats ul {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 11px;
}
body .sidebar-stats .server-stats ul li,
body .sidebar-stats .server-stats ul li:last-child:nth-child(odd),
body .sidebar-stats .server-stats ul li[style] {
    display: grid;
    grid-template-columns: 37px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    min-height: 52px;
    margin: 0 !important;
    padding: 7px 9px;
    border: 1px solid rgba(231, 189, 121, .11);
    background: linear-gradient(100deg, rgba(79, 31, 35, .46), rgba(29, 14, 16, .78));
}
body .sidebar-stats .server-stats ul li .type { color: rgba(244, 229, 207, .78); font-size: 10px; }
body .sidebar-stats .server-stats ul li .value {
    min-width: 40px;
    padding: 7px;
    border: 1px solid rgba(231, 189, 121, .2);
    background: rgba(12, 6, 7, .46);
    color: #ffd886;
    font-size: 14px;
    text-align: center;
}

/* Compact ranking action that leaves the header title room to breathe. */
.sidebar-ranking .login-header .type { margin-right: 13px; }
.sidebar-ranking .ranking-more {
    display: grid;
    width: 32px;
    height: 32px;
    padding: 0;
    place-items: center;
    align-items: center;
    border: 1px solid rgba(231, 189, 121, .3);
    color: #e9b85f;
    background: linear-gradient(145deg, rgba(92,31,39,.72), rgba(24,10,13,.9));
    box-shadow: inset 0 1px rgba(255,255,255,.04), 0 5px 13px rgba(0,0,0,.22);
    transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}
.sidebar-ranking .ranking-more > i {
    font-size: 17px;
    transition: transform .2s ease;
}
.sidebar-ranking .ranking-more:hover {
    transform: translateY(-1px);
    border-color: rgba(231, 189, 121, .68);
    color: #fff3dc;
    background: linear-gradient(145deg, rgba(126,40,51,.86), rgba(34,13,17,.96));
}
.sidebar-ranking .ranking-more:hover > i { transform: translateX(2px); }

/* Account page artwork */
.account-page-header {
    position: relative;
    min-height: 155px;
    display: flex;
    align-items: center;
    background-position: 27% 26%;
    background-size: cover;
    border-bottom: 1px solid rgba(231, 189, 121, .18);
}
.account-page-header .bd-c { position: relative; z-index: 1; padding: 26px 30px; }
.account-page-header .pre-social { margin: 6px 0 0; color: #ffe5bd; font-size: 27px; }
.account-page-kicker { color: #e7bd79; font: 8px 'OpenSans-Bold', sans-serif; letter-spacing: .24em; }
.account-page-kicker i { margin-right: 6px; }
.account-page-description {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 10px 0 0;
    color: rgba(255, 235, 207, .72);
    font: 10px 'OpenSans-Regular', sans-serif;
}
.account-page-description i { color: #e7bd79; font-size: 13px; }

/* Account dashboard */
.account-dashboard { padding: 18px; background: linear-gradient(145deg, rgba(59, 27, 29, .94), rgba(27, 13, 15, .98)); }
.account-summary { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 16px; border: 1px solid rgba(231, 189, 121, .16); background: rgba(20, 9, 11, .48); }
.account-profile-mark { display: grid; place-items: center; width: 56px; height: 56px; border: 1px solid rgba(231, 189, 121, .32); border-radius: 50%; color: #efc574; background: radial-gradient(circle, #71343b, #271216 70%); font-size: 21px; }
.account-profile-name { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.account-profile-name small, .account-actions-title { color: #e5b968; font: 8px 'OpenSans-Bold', sans-serif; letter-spacing: .18em; }
.account-profile-name strong { overflow: hidden; color: #ffe8c5; font: 19px 'Friz-Quadrata-TT-Regular', serif; text-overflow: ellipsis; white-space: nowrap; }
.account-profile-name span { overflow: hidden; color: rgba(244, 229, 207, .55); font: 10px 'OpenSans-Regular', sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.account-balance { display: flex; gap: 8px; }
.account-balance span { display: flex; align-items: center; flex-direction: column; gap: 3px; min-width: 91px; padding: 8px; border-left: 1px solid rgba(231, 189, 121, .13); color: rgba(244, 229, 207, .5); font: 7px 'OpenSans-Bold', sans-serif; text-align: center; }
.account-balance i { color: #e6ba68; font-size: 12px; }.account-balance strong { color: #ffd783; font: 16px 'Friz-Quadrata-TT-Regular', serif; }
.account-actions-title { display: flex; align-items: center; gap: 10px; margin: 21px 0 10px; }.account-actions-title i { flex: 1; height: 1px; background: rgba(231, 189, 121, .17); }
.account-actions-grid { display: grid; gap: 9px; }
.account-action-card { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 67px; margin: 0; padding: 10px; border: 1px solid rgba(231, 189, 121, .12); border-left: 2px solid rgba(231, 189, 121, .3); background: linear-gradient(100deg, rgba(83, 31, 35, .55), rgba(31, 14, 16, .75)); color: inherit; text-align: left; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.account-action-card:hover { transform: translateX(3px); border-color: rgba(231, 189, 121, .4); background: rgba(93, 34, 40, .68); color: inherit; }.account-action-card > i { display: grid; place-items: center; width: 39px; height: 39px; border: 1px solid rgba(231, 189, 121, .2); color: #f0c572; background: rgba(14, 6, 8, .3); font-size: 14px; }.account-action-card span { display: flex; min-width: 0; flex-direction: column; gap: 4px; }.account-action-card strong { color: #ffe8c5; font: 11px 'OpenSans-Bold', sans-serif; }.account-action-card small { color: rgba(244, 229, 207, .5); font: 9px 'OpenSans-Regular', sans-serif; }.account-action-card > b { color: #e7bd79; font: 22px Georgia, serif; }
.account-action-card button { padding: 8px 9px; border: 1px solid rgba(231, 189, 121, .27); background: rgba(17, 7, 9, .35); color: #efcb88; font: 8px 'OpenSans-Bold', sans-serif; letter-spacing: .08em; cursor: pointer; }.account-action-card button i { margin-left: 4px; }.account-danger { border-left-color: #c5434e; }.account-danger > i, .account-danger button { color: #ff9da4; border-color: rgba(207, 67, 78, .3); }
@media (max-width: 575px) { .account-summary { grid-template-columns: 52px 1fr; }.account-balance { grid-column: 1 / -1; }.account-balance span { flex: 1; }.account-action-card { grid-template-columns: 40px minmax(0, 1fr); }.account-action-card button { grid-column: 2; justify-self: start; }.account-action-card > b { display: none; } }

/* Change e-mail form */
.email-change-page { background: rgba(27, 13, 15, .96); }.email-change-heading { min-height: 150px; display: flex; align-items: center; background-position: 28% 26%; background-size: cover; }.email-change-heading .bd-c { padding: 25px 30px; }.email-change-heading .pre-social { margin: 7px 0 0; color: #ffe8c7; font-size: 25px; }.email-change-heading p { margin: 8px 0 0; color: rgba(244, 229, 207, .64); font: 10px 'OpenSans-Regular', sans-serif; }.email-change-kicker { color: #e8bd70; font: 8px 'OpenSans-Bold', sans-serif; letter-spacing: .22em; }.email-change-kicker i { margin-right: 7px; }
.email-change-body { padding: 18px; background: linear-gradient(145deg, rgba(61, 27, 30, .92), rgba(27, 13, 15, .98)); }.email-change-body .ranking { margin: 0; border-collapse: separate; border-spacing: 0 11px; }.email-change-body .ranking tr { background: rgba(34, 15, 17, .65); }.email-change-body .ranking td { padding: 13px; border: 1px solid rgba(231, 189, 121, .13); vertical-align: middle; }.email-change-body .ranking td:first-child { width: 34%; color: #f0c879; font: 10px 'OpenSans-Bold', sans-serif; }.email-change-body .ranking td:last-child { border-left: 0; }.email-change-body .ranking .form-control { height: 51px !important; border: 1px solid rgba(231, 189, 121, .16); border-radius: 0; background: rgba(19, 8, 10, .6); color: #fff0d5; font-size: 12px !important; }.email-change-body .ranking .form-control:focus { border-color: rgba(231, 189, 121, .48); box-shadow: 0 0 0 2px rgba(170, 54, 66, .18); }.email-change-body .ranking img { display: block; max-width: 100%; height: 62px; border: 1px solid rgba(231, 189, 121, .22); }.email-change-body hr { margin: 16px 0 0; border-color: rgba(231, 189, 121, .14); }.email-change-submit { width: 100%; margin-top: 16px; padding: 15px; border: 1px solid rgba(231, 189, 121, .38); background: linear-gradient(110deg, #63242c, #a63442, #62242b); color: #fff1dc; font: 13px 'Friz-Quadrata-TT-Regular', serif; letter-spacing: .05em; cursor: pointer; transition: transform .2s ease, filter .2s ease; }.email-change-submit:hover { transform: translateY(-2px); filter: brightness(1.12); }
@media (max-width: 575px) { .email-change-heading .bd-c { padding: 22px; }.email-change-body .ranking td:first-child { width: 42%; }.email-change-body .ranking td { padding: 9px; } }

/* New account e-mail workflow */
.email-workflow { display: grid; grid-template-columns: 38px 1fr 42px; align-items: center; gap: 13px; padding: 14px; border: 1px solid rgba(231, 189, 121, .16); background: linear-gradient(100deg, rgba(91, 32, 38, .5), rgba(24, 10, 12, .5)); }.email-step-number { color: #edc474; font: 18px 'Friz-Quadrata-TT-Regular', serif; }.email-step-copy { display: flex; flex-direction: column; gap: 3px; }.email-step-copy small, .email-security-heading small { color: rgba(231, 189, 121, .67); font: 7px 'OpenSans-Bold', sans-serif; letter-spacing: .18em; }.email-step-copy strong, .email-security-heading strong { color: #ffe6bd; font: 12px 'OpenSans-Bold', sans-serif; }.email-step-copy span { color: rgba(244, 229, 207, .56); font: 9px 'OpenSans-Regular', sans-serif; }.email-step-icon { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(231, 189, 121, .24); color: #efc474; background: rgba(17, 7, 9, .34); }
.email-modern-field { margin-top: 13px; padding: 13px; border: 1px solid rgba(231, 189, 121, .14); background: rgba(30, 12, 15, .62); }.email-modern-field label { display: flex; align-items: center; gap: 8px; margin: 0 0 9px; color: #efc778; font: 9px 'OpenSans-Bold', sans-serif; text-transform: uppercase; }.email-modern-field label i { color: #dca956; }.email-modern-field .form-control, .email-captcha-row .form-control { height: 52px; border: 1px solid rgba(231, 189, 121, .17); border-radius: 0; background: rgba(16, 6, 8, .54); color: #fff0d5; font-size: 12px; }.email-modern-field .form-control:focus, .email-captcha-row .form-control:focus { border-color: rgba(231, 189, 121, .5); box-shadow: 0 0 0 2px rgba(170, 54, 66, .18); }
.email-security-card { margin-top: 13px; padding: 14px; border: 1px solid rgba(231, 189, 121, .16); background: linear-gradient(110deg, rgba(55, 21, 25, .72), rgba(26, 11, 13, .82)); }.email-security-heading { display: flex; align-items: center; gap: 10px; }.email-security-heading > i { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid rgba(231, 189, 121, .23); color: #ebbd68; }.email-security-heading span { display: flex; flex-direction: column; gap: 3px; }.email-security-card p { margin: 11px 0; color: rgba(244, 229, 207, .55); font: 9px 'OpenSans-Regular', sans-serif; }.email-captcha-row { display: grid; grid-template-columns: 155px 1fr; gap: 10px; }.email-captcha-image { display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(231, 189, 121, .23); background: #fff; }.email-captcha-image img { width: 100%; height: 52px; object-fit: contain; }.email-change-submit { display: flex; align-items: center; justify-content: center; gap: 10px; }.email-change-submit span { margin-left: 6px; font: 22px Georgia, serif; }
@media (max-width: 575px) { .email-captcha-row { grid-template-columns: 1fr; }.email-captcha-image { min-height: 52px; } }

/* Administration dashboard */
.admin-page-header { min-height: 145px; display: flex; align-items: center; background-position: 28% 26%; background-size: cover; }.admin-page-header .bd-c { padding: 25px 30px; }.admin-page-header .pre-social { margin: 7px 0 0; color: #ffe7c0; font-size: 26px; }.admin-page-kicker { color: #e7bd79; font: 8px 'OpenSans-Bold', sans-serif; letter-spacing: .23em; }.admin-page-kicker i { margin-right: 7px; }.admin-page-body { padding: 18px; background: linear-gradient(145deg, rgba(58, 27, 29, .95), rgba(25, 12, 14, .99)); }
.admin-dashboard { display: grid; gap: 14px; }.admin-dashboard > br { display: none; }.admin-dashboard .list-group { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; border: 0; border-radius: 0; background: transparent; }.admin-dashboard .list-group > .active { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; min-height: 44px; margin: 0; padding: 0 13px; border: 1px solid rgba(231, 189, 121, .22); border-left: 3px solid #e6ba68; border-radius: 0; background: linear-gradient(100deg, rgba(83, 31, 35, .68), rgba(28, 13, 15, .75)); color: #f9dfb7; font: 11px 'OpenSans-Bold', sans-serif; letter-spacing: .07em; text-transform: uppercase; }.admin-dashboard .list-group > .active i { color: #e8bd6f; }
.admin-dashboard .list-group > a { position: relative; display: grid; grid-template-columns: 40px 1fr; align-items: center; gap: 10px; min-height: 76px; padding: 10px 12px; overflow: hidden; border: 1px solid rgba(231, 189, 121, .12); border-left: 2px solid rgba(231, 189, 121, .28); border-radius: 0; background: linear-gradient(105deg, rgba(76, 29, 34, .54), rgba(28, 13, 15, .8)); color: inherit; transition: transform .2s ease, border-color .2s ease, background .2s ease; }.admin-dashboard .list-group > a::after { content: '›'; position: absolute; right: 10px; color: #e5b866; font: 22px Georgia, serif; }.admin-dashboard .list-group > a:hover { z-index: 1; transform: translateX(3px); border-color: rgba(231, 189, 121, .4); background: linear-gradient(105deg, rgba(104, 37, 44, .72), rgba(39, 17, 20, .92)); }.admin-dashboard .list-group > a h5 { margin: 0 20px 4px 0; color: #ffe5bd; font: 10px 'OpenSans-Bold', sans-serif; }.admin-dashboard .list-group > a h5 i { display: grid; place-items: center; float: left; width: 38px; height: 38px; margin: -6px 10px 0 0; border: 1px solid rgba(231, 189, 121, .22); color: #efc474; background: rgba(17, 7, 9, .35); font-size: 13px; }.admin-dashboard .list-group > a p { margin: 0 20px 0 0; color: rgba(244, 229, 207, .51); font: 8px/1.4 'OpenSans-Regular', sans-serif; }
@media (max-width: 575px) { .admin-dashboard .list-group { grid-template-columns: 1fr; }.admin-page-header .bd-c { padding: 22px; } }

/* Alternative clean administration layout */
.admin-dashboard { gap: 16px; }.admin-dashboard .list-group { display: block; padding: 0; border: 1px solid rgba(231, 189, 121, .15); background: rgba(25, 12, 14, .5); }.admin-dashboard .list-group > .active { display: flex; min-height: 50px; margin: 0; padding: 0 15px; border: 0; border-bottom: 1px solid rgba(231, 189, 121, .13); border-left: 3px solid #e5b866; background: linear-gradient(90deg, rgba(91, 32, 37, .72), rgba(40, 17, 19, .62)); color: #ffe5bc; font-size: 11px; }.admin-dashboard .list-group > a { display: grid; grid-template-columns: 44px minmax(0, 1fr) 22px; min-height: 64px; margin: 0; padding: 9px 13px; border: 0; border-bottom: 1px solid rgba(231, 189, 121, .08); border-left: 0; background: transparent; }.admin-dashboard .list-group > a:last-child { border-bottom: 0; }.admin-dashboard .list-group > a::after { right: 14px; align-self: center; color: rgba(231, 189, 121, .7); }.admin-dashboard .list-group > a:hover { transform: none; border-color: rgba(231, 189, 121, .08); border-left: 3px solid #e7bd79; background: linear-gradient(90deg, rgba(112, 38, 46, .48), rgba(45, 18, 21, .35)); }.admin-dashboard .list-group > a h5 { grid-column: 2; margin: 0 28px 4px 0; font-size: 11px; }.admin-dashboard .list-group > a h5 i { position: absolute; left: 13px; top: 12px; width: 38px; height: 38px; margin: 0; }.admin-dashboard .list-group > a p { grid-column: 2; margin: 0 28px 0 0; font-size: 9px; }.admin-page-header { min-height: 125px; }.admin-page-header .pre-social { font-size: 24px; }

/* Larger, clearer administration text */
.admin-page-kicker { font-size: 10px; letter-spacing: .18em; }.admin-page-header .pre-social { font-size: 30px; }.admin-dashboard .list-group > .active { min-height: 56px; font-size: 13px; }.admin-dashboard .list-group > .active i { font-size: 15px; }.admin-dashboard .list-group > a { min-height: 76px; }.admin-dashboard .list-group > a h5 { margin-bottom: 6px; font-size: 13px; }.admin-dashboard .list-group > a p { font-size: 10px; line-height: 1.5; }.admin-dashboard .list-group > a h5 i { top: 18px; width: 41px; height: 41px; font-size: 15px; }

/* Administration: download manager */
.admin-download-manager { color: #f4e5cf; }.admin-download-intro { display: flex; align-items: center; gap: 14px; padding: 16px; border: 1px solid rgba(231, 189, 121, .17); background: linear-gradient(105deg, rgba(91, 33, 39, .55), rgba(28, 13, 15, .74)); }.admin-download-emblem { display: grid; place-items: center; flex: 0 0 54px; width: 54px; height: 54px; border: 1px solid rgba(231, 189, 121, .31); color: #efc570; background: rgba(15, 7, 8, .38); font-size: 20px; }.admin-download-intro > span:last-child { display: flex; min-width: 0; flex-direction: column; }.admin-download-intro small { color: #dcae60; font: 9px 'OpenSans-Bold', sans-serif; letter-spacing: .2em; }.admin-download-intro strong { margin-top: 3px; color: #ffe8c5; font: 18px 'Friz-Quadrata-TT-Regular', serif; }.admin-download-intro p { margin: 5px 0 0; color: rgba(244, 229, 207, .6); font: 10px/1.5 'OpenSans-Regular', sans-serif; }
.admin-download-form { margin-top: 12px; padding: 15px; border: 1px solid rgba(231, 189, 121, .13); background: rgba(30, 14, 16, .65); }.admin-download-fields { display: grid; grid-template-columns: .7fr 1.3fr; gap: 10px; }.admin-download-fields label { margin: 0; }.admin-download-fields label > span { display: block; margin-bottom: 8px; color: #e5bb70; font: 10px 'OpenSans-Bold', sans-serif; letter-spacing: .09em; }.admin-download-fields label > span i { margin-right: 6px; }.admin-download-fields .form-control { height: 52px; border: 1px solid rgba(231, 189, 121, .18); border-radius: 0; background: rgba(14, 6, 8, .48); color: #fff0d8; font-size: 12px; }.admin-download-fields .form-control:focus { border-color: rgba(231, 189, 121, .5); box-shadow: 0 0 0 2px rgba(159, 49, 61, .18); }.admin-download-add { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 54px; margin-top: 12px; border: 1px solid rgba(231, 189, 121, .38); background: linear-gradient(110deg, #68252d, #a33643, #64232b); color: #fff0d8; cursor: pointer; }.admin-download-add > i { color: #f0c470; font-size: 15px; }.admin-download-add > span { display: flex; flex-direction: column; font: 12px 'OpenSans-Bold', sans-serif; }.admin-download-add small { color: rgba(255, 230, 190, .55); font-size: 7px; letter-spacing: .18em; }.admin-download-add b { color: #f0c470; font: 22px Georgia, serif; }
.admin-download-section-title { display: flex; align-items: center; gap: 10px; margin: 20px 0 9px; color: #e9c178; font: 10px 'OpenSans-Bold', sans-serif; letter-spacing: .15em; }.admin-download-section-title i { flex: 1; height: 1px; background: rgba(231, 189, 121, .15); }.admin-download-section-title em { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid rgba(231, 189, 121, .22); border-radius: 50%; color: #ffd583; font-style: normal; }.admin-download-list { display: grid; gap: 8px; }.admin-download-source { display: grid; grid-template-columns: 34px 42px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 68px; padding: 9px 10px; border: 1px solid rgba(231, 189, 121, .13); border-left: 2px solid rgba(231, 189, 121, .32); background: linear-gradient(105deg, rgba(73, 27, 31, .52), rgba(27, 12, 14, .75)); }.admin-download-index { color: rgba(231, 189, 121, .5); font: 14px 'Friz-Quadrata-TT-Regular', serif; }.admin-download-provider { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(231, 189, 121, .23); color: #eec16e; background: rgba(14, 6, 8, .3); }.admin-download-details { display: flex; min-width: 0; flex-direction: column; gap: 4px; }.admin-download-details strong { color: #ffe6bf; font: 12px 'OpenSans-Bold', sans-serif; }.admin-download-details a { overflow: hidden; color: rgba(244, 229, 207, .5); font: 9px 'OpenSans-Regular', sans-serif; text-overflow: ellipsis; white-space: nowrap; }.admin-download-details a:hover { color: #efc573; }.admin-download-delete { display: flex; align-items: center; gap: 7px; padding: 10px 11px; border: 1px solid rgba(214, 62, 75, .3); color: #ff9da4; background: rgba(108, 26, 35, .35); font: 9px 'OpenSans-Bold', sans-serif; text-transform: uppercase; }.admin-download-delete:hover { color: #fff; background: rgba(148, 37, 47, .58); }.admin-download-empty { padding: 16px; border: 1px dashed rgba(231, 189, 121, .2); color: rgba(244, 229, 207, .58); font-size: 10px; text-align: center; }.admin-download-empty i { margin-right: 7px; color: #e8bb6a; }
@media (max-width: 575px) { .admin-download-fields { grid-template-columns: 1fr; }.admin-download-source { grid-template-columns: 28px 36px 1fr; }.admin-download-delete { grid-column: 2 / -1; justify-content: center; }.admin-download-intro strong { font-size: 15px; } }

/* Unified account feature pages */
.account-feature-page { background: rgba(27, 13, 15, .97); }.feature-page-heading { min-height: 145px; display: flex; align-items: center; padding: 25px 30px; background-position: 28% 26%; background-size: cover; }.feature-page-heading > div { display: flex; flex-direction: column; }.feature-page-heading span { color: #e8bd70; font: 9px 'OpenSans-Bold', sans-serif; letter-spacing: .2em; }.feature-page-heading span i { margin-right: 7px; }.feature-page-heading h2 { margin: 7px 0 0; color: #ffe7bf; font: 26px 'Friz-Quadrata-TT-Regular', serif; }.feature-page-heading p { margin: 7px 0 0; color: rgba(244, 229, 207, .65); font: 10px 'OpenSans-Regular', sans-serif; }.feature-page-body { padding: 17px; background: linear-gradient(145deg, rgba(59, 27, 30, .94), rgba(25, 12, 14, .99)); }.feature-empty { padding: 18px; border: 1px dashed rgba(231, 189, 121, .2); color: rgba(244, 229, 207, .62); font-size: 11px; text-align: center; }.feature-empty i { margin-right: 8px; color: #e8bc6c; }

/* Vote4Coins cards */
.vote-card-list { display: grid; gap: 9px; }.vote-card { display: grid; grid-template-columns: 30px 42px minmax(0, 1fr) 80px auto; align-items: center; gap: 10px; min-height: 76px; padding: 10px; border: 1px solid rgba(231, 189, 121, .13); border-left: 2px solid rgba(231, 189, 121, .35); background: linear-gradient(105deg, rgba(74, 28, 33, .57), rgba(25, 11, 13, .78)); }.vote-card-number { color: rgba(231, 189, 121, .54); font: 14px 'Friz-Quadrata-TT-Regular', serif; }.vote-card-icon { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(231, 189, 121, .23); color: #efc574; background: rgba(14, 6, 8, .34); }.vote-card-info { display: flex; min-width: 0; flex-direction: column; gap: 3px; }.vote-card-info small, .vote-card-reward small { color: rgba(231, 189, 121, .55); font: 7px 'OpenSans-Bold', sans-serif; letter-spacing: .13em; }.vote-card-info strong { color: #ffe8c5; font: 12px 'OpenSans-Bold', sans-serif; }.vote-card-info em { color: rgba(244, 229, 207, .5); font: normal 9px 'OpenSans-Regular', sans-serif; }.vote-card-info em i { margin-right: 4px; }.vote-card-reward { display: flex; flex-direction: column; gap: 3px; text-align: center; }.vote-card-reward strong { color: #ffd47f; font: 14px 'OpenSans-Bold', sans-serif; }.vote-card-button { display: flex; align-items: center; gap: 7px; padding: 11px 12px; border: 1px solid rgba(231, 189, 121, .34); color: #fff0d7; background: linear-gradient(110deg, #71303a, #a23946); font: 9px 'OpenSans-Bold', sans-serif; text-transform: uppercase; }.vote-card-button:hover { color: #fff; filter: brightness(1.12); }

/* Redeem code */
.redeem-card { display: grid; grid-template-columns: 60px 1fr; gap: 15px; padding: 18px; border: 1px solid rgba(231, 189, 121, .16); background: linear-gradient(110deg, rgba(83, 30, 35, .6), rgba(25, 11, 13, .76)); }.redeem-emblem { display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid rgba(231, 189, 121, .31); color: #efc573; background: radial-gradient(circle, rgba(121, 45, 53, .65), rgba(17, 7, 9, .5)); font-size: 21px; }.redeem-copy { display: flex; flex-direction: column; }.redeem-copy small { color: #dcae60; font: 8px 'OpenSans-Bold', sans-serif; letter-spacing: .18em; }.redeem-copy strong { margin-top: 3px; color: #ffe7c1; font: 17px 'Friz-Quadrata-TT-Regular', serif; }.redeem-copy p { margin: 5px 0 0; color: rgba(244, 229, 207, .55); font: 9px 'OpenSans-Regular', sans-serif; }.redeem-form { grid-column: 1 / -1; padding-top: 13px; border-top: 1px solid rgba(231, 189, 121, .12); }.redeem-form label { display: block; margin-bottom: 8px; color: #eac177; font: 9px 'OpenSans-Bold', sans-serif; }.redeem-form label i { margin-right: 6px; }.redeem-form > div { display: grid; grid-template-columns: 1fr auto; gap: 9px; }.redeem-form .form-control { height: 54px; border: 1px solid rgba(231, 189, 121, .18); border-radius: 0; background: rgba(14, 6, 8, .5); color: #fff0d8; font-size: 14px; letter-spacing: .1em; }.redeem-form button { display: flex; align-items: center; gap: 7px; padding: 0 15px; border: 1px solid rgba(231, 189, 121, .34); color: #fff0d8; background: linear-gradient(110deg, #6d2932, #a43744); font: 9px 'OpenSans-Bold', sans-serif; cursor: pointer; }.redeem-note { display: flex; align-items: center; gap: 10px; margin-top: 10px; padding: 12px 14px; border: 1px solid rgba(231, 189, 121, .1); color: rgba(244, 229, 207, .54); background: rgba(18, 8, 10, .3); font: 9px 'OpenSans-Regular', sans-serif; }.redeem-note > i { color: #e9bd6c; font-size: 15px; }.redeem-note span { display: flex; flex-direction: column; gap: 2px; }.redeem-note strong { color: #f4d39e; font-size: 10px; }

/* Character cards */
.character-card-list { display: grid; gap: 9px; }.character-card { display: grid; grid-template-columns: 48px 60px minmax(0, 1fr) 64px auto; align-items: center; gap: 10px; min-height: 88px; padding: 10px; border: 1px solid rgba(231, 189, 121, .13); border-left: 2px solid rgba(231, 189, 121, .34); background: linear-gradient(105deg, rgba(74, 28, 33, .58), rgba(25, 11, 13, .78)); }.character-rank, .character-level { display: flex; align-items: center; flex-direction: column; color: #f2ca7b; font: 15px 'OpenSans-Bold', sans-serif; }.character-rank small, .character-level small { margin-bottom: 3px; color: rgba(231, 189, 121, .48); font-size: 7px; letter-spacing: .12em; }.character-portrait { display: grid; place-items: center; width: 58px; height: 58px; overflow: hidden; border: 1px solid rgba(231, 189, 121, .25); background: radial-gradient(circle, #74353d, #1d0c0f 72%); }.character-portrait img { max-width: 58px; max-height: 58px; object-fit: contain; }.character-identity { display: flex; min-width: 0; flex-direction: column; gap: 3px; }.character-identity small { color: #dba959; font: 8px 'OpenSans-Bold', sans-serif; text-transform: uppercase; }.character-identity strong { overflow: hidden; color: #ffe9c8; font: 14px 'Friz-Quadrata-TT-Regular', serif; text-overflow: ellipsis; white-space: nowrap; }.character-identity em { color: rgba(244, 229, 207, .47); font: normal 8px 'OpenSans-Regular', sans-serif; }.character-level strong { color: #ffd47e; font-size: 18px; }.character-card form { margin: 0; }.character-card button { display: flex; align-items: center; gap: 6px; padding: 9px 10px; border: 1px solid rgba(231, 189, 121, .24); color: #eec578; background: rgba(18, 8, 10, .38); font: 8px 'OpenSans-Bold', sans-serif; cursor: pointer; text-transform: uppercase; }

@media (max-width: 575px) { .feature-page-heading { padding: 22px; }.vote-card { grid-template-columns: 28px 38px 1fr; }.vote-card-reward { grid-column: 2; }.vote-card-button { grid-column: 3; justify-self: end; }.character-card { grid-template-columns: 42px 55px 1fr; }.character-level { grid-column: 2; }.character-card form { grid-column: 3; justify-self: end; }.redeem-form > div { grid-template-columns: 1fr; }.redeem-form button { min-height: 48px; justify-content: center; } }

/* Login and account recovery */
.auth-page { background: rgba(27, 13, 15, .97); }.auth-heading { min-height: 150px; display: flex; justify-content: center; flex-direction: column; padding: 25px 30px; background-position: 28% 26%; background-size: cover; }.auth-heading > span { color: #e8bd70; font: 9px 'OpenSans-Bold', sans-serif; letter-spacing: .2em; }.auth-heading > span i { margin-right: 7px; }.auth-heading h2 { margin: 7px 0 0; color: #ffe7bf; font: 27px 'Friz-Quadrata-TT-Regular', serif; }.auth-heading p { margin: 7px 0 0; max-width: 430px; color: rgba(244, 229, 207, .65); font: 10px/1.5 'OpenSans-Regular', sans-serif; }.auth-body { padding: 18px; background: linear-gradient(145deg, rgba(59, 27, 30, .95), rgba(25, 12, 14, .99)); }.auth-welcome { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; padding: 13px; border: 1px solid rgba(231, 189, 121, .15); background: linear-gradient(100deg, rgba(87, 31, 37, .52), rgba(24, 10, 12, .5)); }.auth-welcome > i { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(231, 189, 121, .27); color: #efc572; background: rgba(14, 6, 8, .32); font-size: 16px; }.auth-welcome span { display: flex; flex-direction: column; gap: 3px; }.auth-welcome small { color: rgba(231, 189, 121, .57); font: 8px 'OpenSans-Bold', sans-serif; letter-spacing: .15em; }.auth-welcome strong { color: #ffe6c0; font: 13px 'OpenSans-Bold', sans-serif; }
.auth-field { display: block; margin: 10px 0 0; padding: 13px; border: 1px solid rgba(231, 189, 121, .13); background: rgba(32, 14, 17, .63); }.auth-field > span { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; color: #edc375; font: 9px 'OpenSans-Bold', sans-serif; text-transform: uppercase; }.auth-field > span i { color: #dba958; }.auth-field .form-control, .auth-captcha .form-control { height: 52px; border: 1px solid rgba(231, 189, 121, .18); border-radius: 0; background: rgba(14, 6, 8, .5); color: #fff0d8; font-size: 12px; }.auth-field .form-control:focus, .auth-captcha .form-control:focus { border-color: rgba(231, 189, 121, .5); box-shadow: 0 0 0 2px rgba(159, 49, 61, .18); }.auth-submit { display: flex; align-items: center; justify-content: center; gap: 11px; width: 100%; min-height: 57px; margin-top: 13px; border: 1px solid rgba(231, 189, 121, .38); background: linear-gradient(110deg, #67242d, #a43744, #63232b); color: #fff0d8; cursor: pointer; }.auth-submit > i { color: #f0c470; font-size: 15px; }.auth-submit > span { display: flex; flex-direction: column; font: 13px 'OpenSans-Bold', sans-serif; }.auth-submit small { color: rgba(255, 230, 190, .55); font-size: 7px; letter-spacing: .17em; }.auth-submit b { color: #f0c470; font: 22px Georgia, serif; }.auth-submit:hover { filter: brightness(1.12); }
.auth-links { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }.auth-links a { display: flex; align-items: center; gap: 9px; min-height: 51px; padding: 9px 11px; border: 1px solid rgba(231, 189, 121, .12); color: #f1cc8a; background: rgba(18, 8, 10, .3); font: 9px 'OpenSans-Bold', sans-serif; }.auth-links a > i { color: #dcae60; font-size: 13px; }.auth-links a span { display: flex; flex-direction: column; gap: 2px; }.auth-links a small { color: rgba(244, 229, 207, .4); font-size: 7px; }.auth-links a:hover { border-color: rgba(231, 189, 121, .35); color: #fff; background: rgba(97, 34, 41, .42); }
.auth-captcha { margin-top: 10px; padding: 14px; border: 1px solid rgba(231, 189, 121, .14); background: linear-gradient(105deg, rgba(72, 27, 32, .52), rgba(24, 10, 12, .65)); }.auth-captcha > span { display: flex; flex-direction: column; gap: 3px; margin-bottom: 10px; }.auth-captcha > span small { color: #dbae61; font: 8px 'OpenSans-Bold', sans-serif; letter-spacing: .16em; }.auth-captcha > span strong { color: #ffe5bd; font: 12px 'OpenSans-Bold', sans-serif; }.auth-captcha > div { display: grid; grid-template-columns: 160px 1fr; gap: 10px; }.auth-captcha-image { display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(231, 189, 121, .22); background: #fff; }.auth-captcha-image img { width: 100%; height: 52px; object-fit: contain; }.auth-back { margin-top: 11px; text-align: center; }.auth-back a { color: rgba(244, 229, 207, .57); font: 9px 'OpenSans-Regular', sans-serif; }.auth-back a:hover { color: #efc574; }
@media (max-width: 575px) { .auth-heading { padding: 22px; }.auth-links { grid-template-columns: 1fr; }.auth-captcha > div { grid-template-columns: 1fr; }.auth-captcha-image { min-height: 52px; } }

/* Global readability: slightly larger small text */
body { font-size: 14px; }
body small { line-height: 1.4; }
.battle-menu .nav-link,
.language-menu summary,
.account-top-menu > summary { font-size: 10px; }
.brand-copy small,
.logo-kicker,
.logo small,
.hero-download small,
.hero-free { font-size: 9px; }
.login-header .name h3,
.sidebar-ranking .login-header .name h3,
.sidebar-stats .login-header .name h3 { font-size: 13px; }
body #account_block.account-menu a { font-size: 11px; }
.leader-info strong { font-size: 12px; }
.leader-info small { font-size: 10px; }
.leader-score { font-size: 13px; }
.leader-score small { font-size: 8px; }
.sidebar-stats .server-stats .type,
body .sidebar-stats .server-stats ul li .type { font-size: 11px; }
.sidebar-stats .server-stats .value,
body .sidebar-stats .server-stats ul li .value { font-size: 15px; }
.ranking-page-heading p,
.register-heading p,
.download-heading p { font-size: 12px; }
.register-field label,
.email-field label,
.email-modern-field label,
.auth-field > span { font-size: 10px; }
.register-field .text-danger,
.account-action-card small,
.email-step-copy span,
.email-security-card p,
.auth-heading p,
.auth-back a { font-size: 10px; }
.account-page-kicker,
.email-change-kicker,
.feature-page-heading span,
.auth-heading > span { font-size: 10px; }
.account-page-description,
.feature-page-heading p { font-size: 11px; }
.account-profile-name small,
.account-actions-title,
.email-step-copy small,
.email-security-heading small,
.redeem-copy small,
.vote-card-info small,
.vote-card-reward small,
.character-rank small,
.character-level small,
.auth-welcome small,
.auth-links a small,
.auth-captcha > span small { font-size: 8px; }
.account-profile-name span,
.account-action-card strong,
.email-step-copy strong,
.email-security-heading strong,
.auth-welcome strong { font-size: 12px; }
.download-intro p,
.download-provider small,
.download-help span,
.admin-download-intro p,
.admin-download-details a,
.redeem-copy p,
.redeem-note,
.vote-card-info em,
.character-identity em { font-size: 10px; }
.admin-download-fields label > span,
.admin-download-section-title,
.admin-download-empty,
.redeem-form label,
.vote-card-button,
.character-card button { font-size: 10px; }
.admin-download-details strong,
.vote-card-info strong,
.redeem-note strong { font-size: 12px; }
.auth-links a { font-size: 10px; }
.register-login-link { font-size: 11px; }
.register-login-link small { font-size: 8px; }
.footer,
footer { font-size: 11px; }

/* Administration tools: settings, rewards and logs */
.admin-tool-intro { display: flex; align-items: center; gap: 13px; margin-bottom: 13px; padding: 15px; border: 1px solid rgba(231,189,121,.17); background: linear-gradient(105deg,rgba(91,33,39,.56),rgba(27,12,14,.72)); }.admin-tool-intro > i { display: grid; place-items: center; flex: 0 0 50px; width: 50px; height: 50px; border: 1px solid rgba(231,189,121,.28); color: #efc472; background: rgba(14,6,8,.34); font-size: 18px; }.admin-tool-intro > span { display: flex; min-width: 0; flex-direction: column; gap: 3px; }.admin-tool-intro small { color: #dbae60; font: 9px 'OpenSans-Bold',sans-serif; letter-spacing: .18em; }.admin-tool-intro strong { color: #ffe7c0; font: 17px 'Friz-Quadrata-TT-Regular',serif; }.admin-tool-intro p { margin: 0; color: rgba(244,229,207,.6); font: 10px/1.5 'OpenSans-Regular',sans-serif; }
.admin-settings-form { display: grid; gap: 11px; }.admin-settings-section { border: 1px solid rgba(231,189,121,.14); background: rgba(27,12,14,.58); }.admin-settings-heading { display: flex; align-items: center; gap: 10px; min-height: 54px; padding: 8px 13px; border-bottom: 1px solid rgba(231,189,121,.12); border-left: 3px solid #e4b765; background: linear-gradient(90deg,rgba(82,30,35,.58),rgba(34,15,17,.35)); }.admin-settings-heading > i { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(231,189,121,.23); color: #edc171; }.admin-settings-heading span { display: flex; flex-direction: column; }.admin-settings-heading small { color: rgba(231,189,121,.55); font: 8px 'OpenSans-Bold',sans-serif; letter-spacing: .16em; }.admin-settings-heading strong { color: #ffe5bd; font: 12px 'OpenSans-Bold',sans-serif; }.admin-settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; padding: 12px; }.admin-settings-grid label { margin: 0; padding: 10px; border: 1px solid rgba(231,189,121,.1); background: rgba(16,7,9,.28); }.admin-settings-grid label > span { display: block; margin-bottom: 7px; color: #e9c078; font: 10px 'OpenSans-Bold',sans-serif; }.admin-settings-grid .form-control,.admin-reward-page .form-control,.admin-log-selector .form-control { height: 49px; border: 1px solid rgba(231,189,121,.17); border-radius: 0; background: rgba(14,6,8,.5); color: #fff0d8; font-size: 12px; }.admin-settings-grid .form-control:focus,.admin-reward-page .form-control:focus,.admin-log-selector .form-control:focus { border-color: rgba(231,189,121,.5); box-shadow: 0 0 0 2px rgba(159,49,61,.18); }.admin-tool-submit { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; border: 1px solid rgba(231,189,121,.38); background: linear-gradient(110deg,#67242d,#a43744,#63232b); color: #fff0d8; cursor: pointer; }.admin-tool-submit > i { color: #efc371; font-size: 15px; }.admin-tool-submit span { display: flex; flex-direction: column; font: 12px 'OpenSans-Bold',sans-serif; }.admin-tool-submit small { color: rgba(255,230,190,.55); font-size: 7px; letter-spacing: .16em; }.admin-tool-submit b { color: #efc371; font: 22px Georgia,serif; }
.settings-tool-intro { display: grid; grid-template-columns: 50px minmax(0,1fr); align-items: center; }.settings-tool-intro > .settings-intro-icon { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid rgba(231,189,121,.28); color: #efc472; background: rgba(14,6,8,.34); font-size: 17px; }.settings-tool-intro > em { grid-column: 1 / -1; display: flex; align-items: center; gap: 7px; margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(231,189,121,.12); color: rgba(244,229,207,.58); font: normal 10px 'OpenSans-Regular',sans-serif; }.settings-tool-intro > em i { color: #e6b866; }
.admin-reward-tabs { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid rgba(231,189,121,.14); }.admin-reward-tabs .nav-item { margin: 0; }.admin-reward-tabs .nav-link { padding: 14px; border: 0; border-radius: 0; color: rgba(244,229,207,.58); background: rgba(18,8,10,.36); font: 11px 'OpenSans-Bold',sans-serif; text-align: center; }.admin-reward-tabs .nav-link.active { color: #ffe5bd; background: linear-gradient(100deg,#702a33,#9c3541); }.admin-reward-content { padding: 15px; border: 1px solid rgba(231,189,121,.14); border-top: 0; background: rgba(26,11,14,.6); }.admin-reward-page .form-group { margin-bottom: 11px; }.admin-reward-page label { color: #e9c078; font: 10px 'OpenSans-Bold',sans-serif; }.admin-reward-page .btn-primary,.admin-reward-page .btn-success { min-height: 42px; padding: 9px 14px; border: 1px solid rgba(231,189,121,.3); border-radius: 0; background: linear-gradient(110deg,#6a2730,#9e3541); color: #fff0d8; font-size: 10px; }.admin-reward-page hr { border-color: rgba(231,189,121,.13); }
.admin-log-selector { display: block; padding: 13px; border: 1px solid rgba(231,189,121,.14); background: rgba(27,12,14,.6); }.admin-log-selector > span { display: block; margin-bottom: 8px; color: #e9c078; font: 10px 'OpenSans-Bold',sans-serif; }.admin-log-selector > span i { margin-right: 7px; }.admin-log-table { margin-top: 12px; border: 1px solid rgba(231,189,121,.14); background: rgba(25,11,13,.62); }.admin-log-title { display: flex; align-items: center; justify-content: space-between; padding: 13px; border-bottom: 1px solid rgba(231,189,121,.13); background: rgba(82,30,35,.42); }.admin-log-title span { color: #ffe5bd; font: 13px 'OpenSans-Bold',sans-serif; }.admin-log-title em { color: rgba(231,189,121,.56); font: normal 8px 'OpenSans-Bold',sans-serif; letter-spacing: .15em; }.admin-log-table .table { margin: 0; color: #f3ddc1; font-size: 10px; }.admin-log-table th { color: #efc574; background: rgba(72,25,30,.58); }.admin-log-empty { display: flex; align-items: center; justify-content: center; gap: 11px; min-height: 150px; margin-top: 12px; border: 1px dashed rgba(231,189,121,.2); color: rgba(244,229,207,.52); }.admin-log-empty > i { color: #e8bb6a; font-size: 19px; }.admin-log-empty span { display: flex; flex-direction: column; gap: 3px; font-size: 10px; }.admin-log-empty strong { color: #f2cf96; font-size: 12px; }
@media(max-width:575px){.admin-settings-grid{grid-template-columns:1fr}.admin-tool-intro strong{font-size:15px}.admin-log-title{align-items:flex-start;flex-direction:column;gap:4px}}

/* Reward page hero */
.reward-hero { position: relative; display: flex; align-items: center; flex-direction: column; margin-bottom: 13px; padding: 20px 15px 15px; overflow: hidden; border: 1px solid rgba(231,189,121,.18); background: radial-gradient(circle at 50% 0,rgba(126,43,52,.48),transparent 54%),linear-gradient(135deg,rgba(58,22,26,.88),rgba(20,9,11,.92)); text-align: center; }.reward-hero::before,.reward-hero::after { content:''; position:absolute; top:47px; width:25%; height:1px; background:linear-gradient(90deg,transparent,rgba(231,189,121,.33)); }.reward-hero::before { left:7%; }.reward-hero::after { right:7%; transform:scaleX(-1); }.reward-hero-emblem { position: relative; z-index: 1; display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 9px; border: 1px solid rgba(231,189,121,.4); border-radius: 50%; color: #ffd27c; background: radial-gradient(circle,#9a3c47,#35151a 70%); box-shadow: 0 0 20px rgba(166,52,67,.3); font-size: 20px; }.reward-hero > small { color: #dbae60; font: 9px 'OpenSans-Bold',sans-serif; letter-spacing:.22em; }.reward-hero > strong { margin-top:4px; color:#ffe7c0; font:20px 'Friz-Quadrata-TT-Regular',serif; }.reward-hero > p { margin:6px 0 13px; color:rgba(244,229,207,.61); font:10px 'OpenSans-Regular',sans-serif; }.reward-hero > div { display:flex; justify-content:center; gap:7px; width:100%; padding-top:11px; border-top:1px solid rgba(231,189,121,.12); }.reward-hero > div span { display:flex; align-items:center; gap:6px; padding:7px 10px; border:1px solid rgba(231,189,121,.15); color:rgba(255,231,196,.72); background:rgba(15,6,8,.28); font:8px 'OpenSans-Bold',sans-serif; letter-spacing:.08em; }.reward-hero > div i { color:#e9bc6b; }
@media(max-width:575px){.reward-hero > div{flex-wrap:wrap}.reward-hero::before,.reward-hero::after{width:18%}}

/* Administration: referral rewards */
.referrals-hero { display: grid; grid-template-columns: 55px minmax(0,1fr) auto; align-items: center; gap: 13px; margin-bottom: 12px; padding: 15px; border: 1px solid rgba(231,189,121,.17); background: linear-gradient(105deg,rgba(86,31,37,.6),rgba(25,11,13,.76)); }.referrals-hero-icon { display:grid;place-items:center;width:53px;height:53px;border:1px solid rgba(231,189,121,.3);border-radius:50%;color:#efc472;background:radial-gradient(circle,#84343e,#281116 72%);font-size:18px}.referrals-hero > span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.referrals-hero small{color:#dbae60;font:9px 'OpenSans-Bold',sans-serif;letter-spacing:.17em}.referrals-hero strong{color:#ffe7c0;font:17px 'Friz-Quadrata-TT-Regular',serif}.referrals-hero p{margin:0;color:rgba(244,229,207,.58);font:10px/1.5 'OpenSans-Regular',sans-serif}.referrals-hero > em{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid;font:normal 9px 'OpenSans-Bold',sans-serif;text-transform:uppercase}.referrals-hero > em.is-active{border-color:rgba(81,191,111,.35);color:#85dc9b;background:rgba(33,105,52,.18)}.referrals-hero > em.is-disabled{border-color:rgba(215,73,84,.35);color:#ef9097;background:rgba(119,30,39,.2)}.referrals-hero > em i{font-size:7px}.referrals-form{display:grid;gap:10px}.referrals-status-card{display:grid;grid-template-columns:43px minmax(0,1fr) 150px;align-items:center;gap:11px;padding:12px;border:1px solid rgba(231,189,121,.14);background:rgba(26,11,14,.58)}.referrals-section-icon,.referrals-card-title > i{display:grid;place-items:center;width:41px;height:41px;border:1px solid rgba(231,189,121,.22);color:#edc171;background:rgba(14,6,8,.3)}.referrals-section-copy,.referrals-card-title span{display:flex;flex-direction:column;gap:3px}.referrals-section-copy small,.referrals-card-title small{color:rgba(231,189,121,.56);font:8px 'OpenSans-Bold',sans-serif;letter-spacing:.15em}.referrals-section-copy strong,.referrals-card-title strong{color:#ffe5bd;font:12px 'OpenSans-Bold',sans-serif}.referrals-section-copy p,.referrals-card-title p{margin:0;color:rgba(244,229,207,.52);font:9px 'OpenSans-Regular',sans-serif}.referrals-form .form-control{height:49px;border:1px solid rgba(231,189,121,.17);border-radius:0;background:rgba(14,6,8,.5);color:#fff0d8;font-size:12px}.referrals-config-card{border:1px solid rgba(231,189,121,.14);background:rgba(26,11,14,.58)}.referrals-card-title{display:grid;grid-template-columns:43px 1fr;align-items:center;gap:11px;padding:12px;border-bottom:1px solid rgba(231,189,121,.11);border-left:3px solid #e4b765;background:linear-gradient(90deg,rgba(82,30,35,.5),rgba(31,13,16,.28))}.referrals-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px}.referrals-fields label{position:relative;margin:0;padding:11px;border:1px solid rgba(231,189,121,.1);background:rgba(15,6,8,.25)}.referrals-fields label > span{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:#e9c078;font:10px 'OpenSans-Bold',sans-serif}.referrals-fields label > span i{color:#d9a956}.referrals-fields label > small{display:block;margin-top:6px;color:rgba(244,229,207,.35);font:7px 'OpenSans-Bold',sans-serif;letter-spacing:.13em}.reward-config-card{border-left:2px solid rgba(231,189,121,.3)}.referrals-save{width:100%}
@media(max-width:575px){.referrals-hero{grid-template-columns:50px 1fr}.referrals-hero > em{grid-column:1/-1;justify-content:center}.referrals-status-card{grid-template-columns:42px 1fr}.referrals-status-card select{grid-column:1/-1}.referrals-fields{grid-template-columns:1fr}}

/* Arena2 status and information pages */
.server-state { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 10px; padding: 7px 12px; border: 1px solid; background: rgba(16,7,9,.72); color: #f4e5cf; font: 10px 'OpenSans-Bold',sans-serif; letter-spacing: .09em; text-transform: uppercase; }
.server-state i { font-size: 8px; }
.server-state.is-online { border-color: rgba(91,214,126,.42); }.server-state.is-online i { color: #61db83; box-shadow: 0 0 10px rgba(97,219,131,.8); }
.server-state.is-offline { border-color: rgba(230,83,95,.42); }.server-state.is-offline i { color: #e85c68; box-shadow: 0 0 10px rgba(232,92,104,.7); }
.arena-info-heading { min-height: 165px; display: flex; align-items: center; background-size: cover; background-position: center; }
.arena-info-heading .bd-c { padding: 26px 30px; }.arena-info-heading span { color: #e7bd79; font: 10px 'OpenSans-Bold',sans-serif; letter-spacing: .2em; }.arena-info-heading h2 { margin: 5px 0; color: #ffe7c0; font: 30px 'Friz-Quadrata-TT-Regular',serif; }.arena-info-heading p { max-width: 520px; margin: 0; color: rgba(255,236,208,.7); font-size: 15px; }
.arena-info-content { display: grid; gap: 10px; padding: 18px; }.arena-feature { display: grid; grid-template-columns: 58px 1fr; align-items: center; gap: 14px; padding: 16px; border: 1px solid rgba(231,189,121,.14); background: linear-gradient(105deg,rgba(85,30,36,.52),rgba(24,11,13,.72)); }.arena-feature > i { display: grid; place-items: center; width: 54px; height: 54px; border: 1px solid rgba(231,189,121,.28); color: #efc472; font-size: 20px; }.arena-feature h3 { margin: 0 0 5px; color: #ffe5bd; font-size: 18px; }.arena-feature p { margin: 0; color: rgba(244,229,207,.68); font-size: 15px; line-height: 1.6; }
.rules-list { display: grid; gap: 9px; padding: 18px; }.rules-list > div { display: grid; grid-template-columns: 55px 1fr; gap: 13px; padding: 15px; border: 1px solid rgba(231,189,121,.13); background: rgba(27,12,14,.65); }.rules-list b { color: #e9bb6a; font: 22px Georgia,serif; }.rules-list span { display: block; }.rules-list strong { color: #ffe3ba; font-size: 16px; }.rules-list p { margin: 5px 0 0; color: rgba(244,229,207,.68); font-size: 15px; line-height: 1.6; }.rules-list .rules-note { padding: 12px 15px; border-left: 3px solid #dfb264; background: rgba(89,31,36,.32); color: #efd2a7; }
@media(max-width:575px){.arena-info-heading .bd-c{padding:22px}.arena-info-heading h2{font-size:25px}.arena-feature{grid-template-columns:46px 1fr;padding:12px}.arena-feature>i{width:44px;height:44px}.rules-list>div{grid-template-columns:40px 1fr}.arena-feature p,.rules-list p,.arena-info-heading p{font-size:14px}}

/* Logged-in account dropdown in the main navigation */
.nav-account { display: flex; align-items: center; margin-left: 10px; }
.account-top-menu { position: relative; }
.account-top-menu > summary {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid rgba(231, 189, 121, .35);
    background: linear-gradient(110deg, #8d3039, #5d2026);
    color: #fff0da;
    font: 9px 'OpenSans-Bold', sans-serif;
    letter-spacing: .1em;
    cursor: pointer;
    list-style: none;
    white-space: nowrap;
}
.account-top-menu > summary::-webkit-details-marker { display: none; }
.account-top-menu > summary .fa-user { color: #f1c36e; font-size: 15px; }
.account-top-menu > summary .fa-angle-down { color: #e4b662; transition: transform .2s ease; }
.account-top-menu[open] > summary .fa-angle-down { transform: rotate(180deg); }
.account-top-options {
    position: absolute;
    z-index: 1005;
    top: calc(100% + 9px);
    right: 0;
    width: 245px;
    padding: 8px;
    border: 1px solid rgba(231, 189, 121, .24);
    background: rgba(24, 11, 13, .98);
    box-shadow: 0 18px 36px rgba(0, 0, 0, .55);
}
.account-top-options::before {
    content: '';
    position: absolute;
    top: -6px;
    right: 23px;
    width: 11px;
    height: 11px;
    border-top: 1px solid rgba(231, 189, 121, .24);
    border-left: 1px solid rgba(231, 189, 121, .24);
    background: #180b0d;
    transform: rotate(45deg);
}
.account-top-user {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 7px;
    padding: 11px;
    border-bottom: 1px solid rgba(231, 189, 121, .14);
    color: #f7ddba;
    font: 11px 'OpenSans-Bold', sans-serif;
}
.account-top-user > i { display: grid; place-items: center; width: 33px; height: 33px; border: 1px solid rgba(231, 189, 121, .25); color: #e8bc70; }
.account-top-user span { display: flex; min-width: 0; flex-direction: column; overflow: hidden; text-overflow: ellipsis; }
.account-top-user small { margin-bottom: 3px; color: rgba(244, 229, 207, .4); font: 7px 'OpenSans-Bold', sans-serif; letter-spacing: .14em; }
.account-top-options > a {
    display: grid;
    grid-template-columns: 29px 1fr;
    align-items: center;
    gap: 9px;
    min-height: 39px;
    padding: 5px 8px;
    border-left: 2px solid transparent;
    color: rgba(248, 232, 211, .78);
    font: 10px 'OpenSans-Bold', sans-serif;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
}
.account-top-options > a i { display: grid; place-items: center; width: 28px; height: 28px; color: #dcb366; background: rgba(255, 255, 255, .025); }
.account-top-options > a:hover { border-left-color: #e3b765; background: rgba(113, 37, 44, .42); color: #fff; }
.account-top-options > .account-top-logout { margin-top: 6px; border-top: 1px solid rgba(217, 67, 79, .2); color: #ff9ba2; }
.account-top-options > .account-top-logout i { color: #ef6d77; }

@media (max-width: 1199px) {
    .nav-account { margin: 8px 0 0; }
    .account-top-options { right: auto; left: 0; }
}

/* Arena2 navigation — compact wordmark layout */
#mainNav { margin-top: 22px; padding: 0 16px; }
#mainNav > .container { min-height: 74px; padding: 0 14px 0 24px; border: 1px solid rgba(231,189,121,.2); border-radius: 4px; background: linear-gradient(105deg,rgba(18,8,10,.97),rgba(45,17,21,.94)); box-shadow: 0 16px 42px rgba(0,0,0,.34); }
#mainNav::after { bottom: -1px; width: 58%; }
.battle-brand { flex: 0 0 auto; min-width: 150px; padding-right: 24px; border-right: 1px solid rgba(231,189,121,.14); }
.brand-copy { position: relative; padding: 5px 0 5px 15px; }
.brand-copy::before { content: ''; position: absolute; top: 4px; bottom: 4px; left: 0; width: 3px; background: linear-gradient(#e8bf75,#9c3440); box-shadow: 0 0 12px rgba(213,78,92,.35); }
.brand-copy strong { color: #fff0d5; font: 23px 'Friz-Quadrata-TT-Regular',serif; letter-spacing: .08em; line-height: .9; text-shadow: 0 2px 8px #000; }
.brand-copy strong span { color: #e45162; }
.brand-copy small { margin-top: 7px; color: rgba(231,189,121,.72); font-size: 7px; letter-spacing: .27em; }
.battle-menu { gap: 3px !important; }
.battle-menu .nav-link { display: flex; min-width: auto; min-height: 42px; padding: 10px 12px !important; flex-direction: row; align-items: center; justify-content: center; gap: 7px; border: 1px solid transparent; border-radius: 3px; color: rgba(255,232,211,.76); font-size: 10px; letter-spacing: .08em; transition: color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease; }
.battle-menu .nav-link > i { color: rgba(231,189,121,.74); font-size: 13px; }
.battle-menu .nav-link > span { margin: 0; color: inherit; font: inherit; letter-spacing: inherit; }
.battle-menu .nav-item:not(.nav-discord) .nav-link:hover { transform: translateY(-1px); border-color: rgba(231,189,121,.18); background: rgba(119,40,49,.24); color: #fff0da; }
.battle-menu .nav-link::after { display: none; }
.battle-menu .nav-register { border-color: rgba(231,189,121,.29); background: linear-gradient(110deg,rgba(126,42,52,.7),rgba(82,28,34,.78)); color: #fff0d8; }
.battle-menu .nav-register:hover { border-color: rgba(231,189,121,.52) !important; background: linear-gradient(110deg,#91323e,#67232b) !important; }
.nav-language { margin-left: 5px; }
.language-menu summary { min-width: 68px; height: 42px; padding: 0 9px; border-radius: 3px; background: rgba(15,7,9,.35); font-size: 9px; }
.language-menu summary img,.language-options img { width: 19px; height: 19px; }
.ranking-options { top: calc(100% + 9px); border-radius: 3px; }

/* Keep Discord and the language selector inside the bar on common laptop widths. */
.battle-menu .nav-discord { margin-left: 2px; align-self: center; }
.battle-menu .nav-discord .nav-link {
    display: flex;
    min-width: auto;
    min-height: 42px;
    padding: 9px 11px !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 3px;
    box-shadow: none;
    white-space: nowrap;
}
.battle-menu .nav-discord .nav-link i { margin: 0; }
.navbar-collapse { min-width: 0; }
.battle-menu { flex-wrap: nowrap; }
.language-options { right: 0; left: auto; }

@media (max-width: 1399px) and (min-width: 992px) {
    #mainNav { padding: 0 12px; }
    #mainNav > .container { max-width: none; padding-right: 10px; padding-left: 16px; }
    .battle-brand { min-width: 122px; padding-right: 13px; }
    .brand-copy { padding-left: 11px; }
    .brand-copy strong { font-size: 20px; }
    .brand-copy small { font-size: 6px; letter-spacing: .2em; }
    .battle-menu { gap: 1px !important; }
    .battle-menu .nav-link,
    .battle-menu .nav-discord .nav-link { padding: 9px 7px !important; gap: 5px; font-size: 9px; letter-spacing: .055em; }
    .battle-menu .nav-link > i { font-size: 11px; }
    .nav-language { margin-left: 2px; }
    .language-menu summary { min-width: 59px; padding: 0 7px; gap: 5px; }
}

@media (max-width: 1199px) and (min-width: 992px) {
    #mainNav > .container { padding-left: 16px; }
    .battle-brand { min-width: 126px; padding-right: 15px; }
    .brand-copy strong { font-size: 20px; }
    .battle-menu .nav-link { padding: 9px 8px !important; font-size: 9px; }
}

/* Final footer layout: centered, compact and independent from legacy styles. */
.second-footer {
    min-height: 142px;
    background: radial-gradient(circle at 50% 0,rgba(145,46,51,.14),transparent 50%),linear-gradient(180deg,#16090b 0%,#100709 100%);
}
.second-footer .footer-signature.footer-signature-centered {
    display:flex;
    min-height:142px;
    padding:18px 15px 16px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    text-align:center;
}
.second-footer .footer-signature-centered .footer-brand-copy { align-items:center; }
.second-footer .footer-signature-centered .footer-brand-copy strong { margin:0; color:#f2dfc3; font:22px/1 'Friz-Quadrata-TT-Regular',serif; letter-spacing:3px; }
.second-footer .footer-signature-centered .footer-brand-copy small { margin-top:2px; color:#bd8c48; font:7px 'OpenSans-Bold',sans-serif; letter-spacing:4px; }
.second-footer .footer-signature-centered .footer-rights { justify-self:auto; align-items:center; margin:3px 0 0; text-align:center; }
.second-footer .footer-signature-centered .footer-rights span { color:#d7c2aa; font:10px 'OpenSans-Bold',sans-serif; letter-spacing:.5px; }
.second-footer .footer-signature-centered .footer-rights small { margin-top:1px; color:#755f5d; font:9px 'OpenSans-Regular',sans-serif; }

@media(max-width:767px){
    .second-footer,.second-footer .footer-signature.footer-signature-centered{min-height:132px}
}

/* 2026 Arena2 administration — premium edition */
:root {
    --a2-wine:#7f2633;
    --a2-wine-light:#a63b49;
    --a2-gold:#e4b963;
    --a2-gold-light:#ffe3a1;
    --a2-panel:#2b1317;
    --a2-panel-dark:#16090c;
}
.admin-modern-page,.admin-download-manager,.admin-settings-page,.admin-reward-page,.admin-log-page,.admin-language-page,.admin-referrals-page,.admin-dashboard {
    position:relative;
    overflow:hidden;
    border:1px solid rgba(228,185,99,.2);
    background:
        radial-gradient(circle at 90% 0,rgba(166,59,73,.12),transparent 35%),
        linear-gradient(145deg,rgba(51,22,27,.96),rgba(22,9,12,.98));
    box-shadow:0 22px 55px rgba(0,0,0,.32),inset 0 1px rgba(255,227,161,.05);
}
.admin-modern-page::after,.admin-download-manager::after,.admin-settings-page::after,.admin-reward-page::after,.admin-log-page::after,.admin-language-page::after,.admin-referrals-page::after {
    content:'';
    position:absolute;
    z-index:0;
    top:0;
    right:0;
    width:180px;
    height:180px;
    pointer-events:none;
    background:radial-gradient(circle at top right,rgba(228,185,99,.09),transparent 68%);
}
.admin-modern-page > *,.admin-download-manager > *,.admin-settings-page > *,.admin-reward-page > *,.admin-log-page > *,.admin-language-page > *,.admin-referrals-page > * { position:relative; z-index:1; }
.admin-tool-intro,.admin-settings-hero,.admin-reward-hero,.admin-log-hero,.admin-language-hero {
    position:relative;
    overflow:hidden;
    padding:25px 26px !important;
    border:1px solid rgba(228,185,99,.28) !important;
    border-left:1px solid rgba(228,185,99,.28) !important;
    background:
        linear-gradient(115deg,rgba(118,37,48,.72),rgba(47,18,23,.92) 58%,rgba(19,8,11,.98)) !important;
    box-shadow:0 14px 30px rgba(0,0,0,.22),inset 0 1px rgba(255,227,161,.08) !important;
}
.admin-tool-intro::after,.admin-settings-hero::after,.admin-reward-hero::after,.admin-log-hero::after,.admin-language-hero::after {
    content:'' !important;
    display:block !important;
    position:absolute;
    bottom:0;
    left:24px;
    width:115px;
    height:2px;
    background:linear-gradient(90deg,var(--a2-gold),transparent);
}
.admin-tool-intro h2,.admin-settings-hero h2,.admin-reward-hero h2,.admin-log-hero h2,.admin-language-hero h2 {
    color:#fff0d1;
    font-size:27px;
    letter-spacing:.02em;
    text-shadow:0 2px 14px rgba(0,0,0,.45);
}
.admin-tool-intro small,.admin-settings-hero small,.admin-reward-hero small,.admin-log-hero small,.admin-language-hero small { color:#d9c2aa; font-size:14px; }
.admin-modern-page .form-group,.admin-option-row,.admin-complex-form,.admin-settings-section,.admin-language-section,.admin-download-form,.admin-log-controls,.admin-reward-form {
    border:1px solid rgba(228,185,99,.2) !important;
    background:linear-gradient(135deg,rgba(57,24,29,.94),rgba(29,12,15,.96)) !important;
    box-shadow:0 9px 22px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025) !important;
    transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease;
}
.admin-modern-page .form-group:hover,.admin-option-row:hover,.admin-settings-section:hover,.admin-language-section:hover {
    border-color:rgba(228,185,99,.36) !important;
    box-shadow:0 12px 26px rgba(0,0,0,.24),inset 0 1px rgba(255,227,161,.04) !important;
}
.admin-option-row label,.admin-modern-page label,.admin-settings-page label,.admin-reward-page label,.admin-log-page label {
    color:#ffe4b6;
    letter-spacing:.015em;
}
.admin-modern-page .form-control,.admin-download-manager .form-control,.admin-settings-page .form-control,.admin-reward-page .form-control,.admin-log-page .form-control,.admin-language-page .form-control,.admin-referrals-page .form-control {
    border:1px solid rgba(228,185,99,.28) !important;
    background:linear-gradient(180deg,#1d0b0f,#13070a) !important;
    box-shadow:inset 0 3px 9px rgba(0,0,0,.3),0 1px rgba(255,255,255,.025) !important;
}
.admin-modern-page .form-control:hover,.admin-download-manager .form-control:hover,.admin-settings-page .form-control:hover,.admin-reward-page .form-control:hover,.admin-log-page .form-control:hover,.admin-language-page .form-control:hover { border-color:rgba(228,185,99,.45) !important; }
.admin-modern-page .form-control:focus,.admin-download-manager .form-control:focus,.admin-settings-page .form-control:focus,.admin-reward-page .form-control:focus,.admin-log-page .form-control:focus,.admin-language-page .form-control:focus {
    border-color:var(--a2-gold) !important;
    box-shadow:inset 0 3px 9px rgba(0,0,0,.28),0 0 0 3px rgba(228,185,99,.11),0 0 18px rgba(228,185,99,.08) !important;
}
.admin-modern-page .btn,.admin-download-manager .btn,.admin-settings-page .btn,.admin-reward-page .btn,.admin-log-page .btn,.admin-language-page .btn,.admin-referrals-page .btn {
    border:1px solid rgba(255,215,144,.65) !important;
    background:linear-gradient(110deg,#6f202b,#a83c4a 52%,#75232e) !important;
    box-shadow:0 8px 18px rgba(64,10,18,.34),inset 0 1px rgba(255,235,194,.16) !important;
    letter-spacing:.04em;
    transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.admin-modern-page .btn:hover,.admin-download-manager .btn:hover,.admin-settings-page .btn:hover,.admin-reward-page .btn:hover,.admin-log-page .btn:hover,.admin-language-page .btn:hover,.admin-referrals-page .btn:hover {
    background:linear-gradient(110deg,#812834,#bb4654 52%,#872a36) !important;
    box-shadow:0 11px 24px rgba(64,10,18,.45),0 0 15px rgba(228,185,99,.09) !important;
    transform:translateY(-2px);
}
.admin-modern-page table,.admin-download-manager table,.admin-settings-page table,.admin-reward-page table,.admin-log-page table,.admin-language-page table,.admin-referrals-page table {
    border-color:rgba(228,185,99,.24) !important;
    background:linear-gradient(145deg,#281216,#1b0b0e) !important;
    box-shadow:0 12px 26px rgba(0,0,0,.2);
}
.admin-modern-page th,.admin-download-manager th,.admin-settings-page th,.admin-reward-page th,.admin-log-page th,.admin-language-page th,.admin-referrals-page th {
    color:#ffe2a8;
    background:linear-gradient(90deg,#56262d,#3b191e) !important;
    border-bottom:1px solid rgba(228,185,99,.32) !important;
}
.admin-modern-page tr:hover td,.admin-download-manager tr:hover td,.admin-settings-page tr:hover td,.admin-reward-page tr:hover td,.admin-log-page tr:hover td,.admin-language-page tr:hover td,.admin-referrals-page tr:hover td { background:rgba(155,49,62,.1); }
.admin-dashboard::before {
    border:1px solid rgba(228,185,99,.3);
    border-left:4px solid var(--a2-gold);
    background:linear-gradient(90deg,rgba(123,37,49,.72),rgba(36,14,18,.92));
    box-shadow:0 10px 24px rgba(0,0,0,.2),inset 0 1px rgba(255,227,161,.07);
}
.admin-dashboard .list-group-item,.admin-language-page .language-row,.admin-settings-page .settings-row,.admin-catalog-page .card {
    border-color:rgba(228,185,99,.24) !important;
    background:linear-gradient(145deg,rgba(66,27,33,.96),rgba(31,12,16,.98)) !important;
    box-shadow:0 10px 22px rgba(0,0,0,.2),inset 0 1px rgba(255,227,161,.035) !important;
    transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease !important;
}
.admin-dashboard .list-group-item:hover,.admin-language-page .language-row:hover,.admin-settings-page .settings-row:hover,.admin-catalog-page .card:hover {
    border-color:rgba(228,185,99,.48) !important;
    transform:translateY(-2px) !important;
    box-shadow:0 14px 28px rgba(0,0,0,.28),0 0 18px rgba(228,185,99,.05) !important;
}
@media(max-width:767px){
    .admin-modern-page,.admin-download-manager,.admin-settings-page,.admin-reward-page,.admin-log-page,.admin-language-page,.admin-referrals-page,.admin-dashboard { box-shadow:0 12px 28px rgba(0,0,0,.25); }
    .admin-tool-intro,.admin-settings-hero,.admin-reward-hero,.admin-log-hero,.admin-language-hero { padding:20px 18px !important; }
    .admin-tool-intro h2,.admin-settings-hero h2,.admin-reward-hero h2,.admin-log-hero h2,.admin-language-hero h2 { font-size:23px; }
}

/* Footer quick links */
.second-footer { min-height:220px; }
.second-footer .footer-signature.footer-signature-centered { min-height:220px; padding-top:20px; gap:7px; }
.footer-quicklinks { display:grid; width:min(100%,900px); margin:0 auto 13px; grid-template-columns:repeat(5,minmax(0,1fr)); border:1px solid rgba(231,189,121,.17); border-radius:4px; background:linear-gradient(100deg,rgba(37,14,18,.82),rgba(17,8,10,.88)); box-shadow:0 10px 28px rgba(0,0,0,.24); }
.footer-quicklinks > a,.footer-quicklinks > .footer-server-state { display:flex; min-width:0; min-height:58px; padding:10px 13px; align-items:center; justify-content:center; gap:9px; color:#e8d1b5; border-right:1px solid rgba(231,189,121,.1); transition:background .2s ease,color .2s ease; }
.footer-quicklinks > :last-child { border-right:0; }
.footer-quicklinks > a:hover { color:#fff0d7; background:rgba(126,40,50,.3); }
.footer-quicklinks i { flex:0 0 auto; color:#d9aa5c; font-size:14px; }
.footer-quicklinks span span,.footer-quicklinks a span { display:flex; min-width:0; flex-direction:column; align-items:flex-start; font:10px 'OpenSans-Bold',sans-serif; letter-spacing:.025em; white-space:nowrap; }
.footer-quicklinks small { margin-bottom:2px; color:rgba(231,189,121,.48); font:7px 'OpenSans-Bold',sans-serif; letter-spacing:.12em; }
.footer-quicklinks .footer-discord-link i { color:#aeb8ff; }
.footer-server-state > i { font-size:8px; }
.footer-server-state.is-online > i { color:#57ce80; text-shadow:0 0 8px rgba(87,206,128,.6); }
.footer-server-state.is-offline > i { color:#e65363; text-shadow:0 0 8px rgba(230,83,99,.55); }
@media(max-width:991px){
    .footer-quicklinks { width:min(100%,620px); grid-template-columns:repeat(2,minmax(0,1fr)); }
    .footer-quicklinks > a,.footer-quicklinks > .footer-server-state { border-bottom:1px solid rgba(231,189,121,.1); }
    .footer-quicklinks > :nth-child(even) { border-right:0; }
    .footer-quicklinks > :last-child { grid-column:1/-1; border-bottom:0; }
    .second-footer,.second-footer .footer-signature.footer-signature-centered { min-height:300px; }
}
@media(max-width:575px){
    .footer-quicklinks { grid-template-columns:1fr; }
    .footer-quicklinks > a,.footer-quicklinks > .footer-server-state { justify-content:flex-start; border-right:0; }
    .footer-quicklinks > :last-child { grid-column:auto; }
    .second-footer,.second-footer .footer-signature.footer-signature-centered { min-height:430px; }
}

/* Footer v3 — unified premium panel */
.second-footer { min-height:170px; padding:22px 0; }
.second-footer .footer-signature.footer-signature-centered { display:block; min-height:0; padding:0; }
.footer-signature-centered::before,.footer-signature-centered::after { display:none; }
.footer-main { display:grid; width:min(100%,920px); min-height:88px; margin:0 auto; grid-template-columns:245px minmax(0,1fr); align-items:stretch; overflow:hidden; border:1px solid rgba(231,189,121,.2); border-radius:5px 5px 0 0; background:linear-gradient(105deg,rgba(55,19,24,.85),rgba(20,9,11,.94)); box-shadow:0 14px 34px rgba(0,0,0,.3); }
.second-footer .footer-main .footer-brand { display:flex; min-width:0; padding:18px 24px; align-items:center; justify-content:flex-start; gap:14px; border-right:1px solid rgba(231,189,121,.13); }
.second-footer .footer-main .footer-seal { flex:0 0 42px; width:42px; height:42px; }
.second-footer .footer-main .footer-brand-copy { align-items:flex-start; }
.second-footer .footer-main .footer-brand-copy strong { font-size:22px; }
.second-footer .footer-main .footer-brand-copy small { margin-top:5px; font-size:6px; letter-spacing:2.4px; }
.footer-main .footer-quicklinks { display:grid; width:100%; margin:0; grid-template-columns:repeat(4,minmax(0,1fr)); border:0; border-radius:0; background:transparent; box-shadow:none; }
.footer-main .footer-quicklinks > a { min-height:88px; padding:12px 10px; flex-direction:column; gap:7px; border-right:1px solid rgba(231,189,121,.09); font:9px 'OpenSans-Bold',sans-serif; letter-spacing:.035em; text-align:center; }
.footer-main .footer-quicklinks > a:last-child { border-right:0; }
.footer-main .footer-quicklinks > a i { display:grid; width:30px; height:30px; place-items:center; border:1px solid rgba(231,189,121,.16); border-radius:50%; background:rgba(255,255,255,.025); }
.footer-main .footer-quicklinks > a span { display:block; color:inherit; font:inherit; white-space:normal; }
.footer-bottom-row { display:flex; width:min(100%,920px); min-height:38px; margin:0 auto; padding:7px 15px; align-items:center; justify-content:space-between; border:1px solid rgba(231,189,121,.13); border-top:0; border-radius:0 0 5px 5px; background:rgba(10,5,6,.72); }
.footer-bottom-row .footer-server-state { display:flex; padding:0; align-items:center; gap:7px; color:#a78e83; font:8px 'OpenSans-Bold',sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.footer-bottom-row .footer-rights { display:flex; margin:0; flex-direction:row; align-items:center; gap:10px; }
.second-footer .footer-bottom-row .footer-rights span,.second-footer .footer-bottom-row .footer-rights small { margin:0; font-size:8px; letter-spacing:.04em; }
@media(max-width:767px){
    .second-footer { min-height:0; padding:16px 0; }
    .footer-main { grid-template-columns:1fr; }
    .second-footer .footer-main .footer-brand { justify-content:center; border-right:0; border-bottom:1px solid rgba(231,189,121,.12); }
    .footer-main .footer-quicklinks { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .footer-main .footer-quicklinks > a { min-height:72px; border-bottom:1px solid rgba(231,189,121,.09); }
    .footer-main .footer-quicklinks > a:nth-child(even) { border-right:0; }
    .footer-bottom-row { flex-direction:column; justify-content:center; gap:4px; }
}

/* Footer v4 — minimal wordmark and links */
.second-footer { min-height:150px; padding:25px 0 20px; background:linear-gradient(180deg,#16090b,#100709); }
.second-footer .footer-signature.footer-signature-centered { display:flex; min-height:0; padding:0 15px; flex-direction:column; gap:14px; }
.footer-main { display:flex; width:100%; min-height:0; margin:0; flex-direction:column; align-items:center; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; }
.second-footer .footer-main .footer-brand { display:block; padding:0; border:0; }
.second-footer .footer-main .footer-brand-copy { align-items:center; }
.second-footer .footer-main .footer-brand-copy strong { font-size:24px; letter-spacing:4px; }
.second-footer .footer-main .footer-brand-copy small { margin-top:6px; font-size:6px; letter-spacing:3px; }
.footer-main .footer-quicklinks { display:flex; width:auto; margin:17px 0 0; align-items:center; justify-content:center; gap:0; border:0; background:transparent; box-shadow:none; }
.footer-main .footer-quicklinks > a { position:relative; min-height:0; padding:2px 18px; flex-direction:row; border:0; color:rgba(231,210,187,.66); font:9px 'OpenSans-Bold',sans-serif; letter-spacing:.06em; }
.footer-main .footer-quicklinks > a + a::before { content:'•'; position:absolute; left:-2px; color:rgba(231,189,121,.35); }
.footer-main .footer-quicklinks > a i { display:none; }
.footer-main .footer-quicklinks > a:hover { color:#f4d9b6; background:transparent; }
.footer-bottom-row { display:block; width:auto; min-height:0; margin:0; padding:12px 0 0; border:0; border-top:1px solid rgba(231,189,121,.12); border-radius:0; background:transparent; }
.footer-bottom-row .footer-rights { display:flex; justify-content:center; gap:8px; }
.second-footer .footer-bottom-row .footer-rights span,.second-footer .footer-bottom-row .footer-rights small { color:rgba(213,190,168,.43); font-size:8px; }
@media(max-width:575px){
    .second-footer { min-height:0; padding:22px 0 18px; }
    .footer-main .footer-quicklinks { flex-wrap:wrap; row-gap:10px; }
    .footer-main .footer-quicklinks > a { padding:2px 12px; }
    .footer-bottom-row .footer-rights { flex-direction:column; gap:2px; }
}

/* Readability pass — larger text across the public website */
body { font-size:15px; }
.battle-menu .nav-link,.battle-menu .nav-link > span { font-size:11px; }
.brand-copy small { font-size:9px; }
.discord-menu-copy small,.language-current small { font-size:8px; }
.discord-menu-copy strong,.language-current strong { font-size:11px; }
.ranking-options-title small { font-size:9px; }
.ranking-options a strong { font-size:12px; }
.ranking-options a small { font-size:11px; }
.logo-kicker,.logo small { font-size:11px; }
.server-state { font-size:12px; }
.hero-free { font-size:11px; }
.login-header .name h3,.sidebar-stats .login-header .name h3,.sidebar-ranking .login-header .name h3 { font-size:14px; }
.login-header .type h4,.sidebar-ranking .login-header .type h4 { font-size:12px; }
.form-control,.btn-text-center { font-size:14px !important; }
body #account_block.account-menu a { font-size:13px; }
.leader-info strong { font-size:13px; }
.leader-info small { font-size:11px; }
.leader-score small { font-size:10px; }
.sidebar-ranking .ranking-table td { font-size:13px; }
body .sidebar-stats .server-stats ul li .type { font-size:12px; }
.sidebar-stats .server-stats ul li .value { font-size:16px; }
.news-header .name h3,.news-sub-header .name h3 { font-size:18px; }
.news-header .type h4,.news-sub-header .type h4 { font-size:12px; }
.news-sub-body,.news-sub-body p,.news-body,.news-body p { font-size:14px; line-height:1.65; }
.discord-community-copy small { font-size:10px; }
.discord-community-copy strong { font-size:15px; }
.second-footer .footer-main .footer-brand-copy small { font-size:8px; }
.footer-main .footer-quicklinks > a { font-size:11px; }
.second-footer .footer-bottom-row .footer-rights span,.second-footer .footer-bottom-row .footer-rights small { font-size:10px; }

@media(min-width:992px) and (max-width:1199px){
    .battle-menu .nav-link,.battle-menu .nav-link > span { font-size:10px; }
}

/* Registration CAPTCHA — show the complete generated image */
.security-field .register-captcha { display:grid; grid-template-columns:190px minmax(0,1fr); align-items:stretch; gap:12px; }
.security-field .register-captcha-image { display:grid; width:190px; min-width:190px; height:75px; place-items:center; overflow:hidden; background:#fff; }
.security-field .register-captcha-image img { display:block; width:100%; min-width:0; height:75px; border:0; object-fit:fill; }
.security-field .register-captcha .form-control { width:100%; height:75px; min-width:0; }

@media(max-width:575px){
    .security-field .register-captcha { grid-template-columns:1fr; }
    .security-field .register-captcha-image { width:100%; min-width:0; }
    .security-field .register-captcha-image img { object-fit:contain; }
}

/* Premium account creation confirmation */
.registration-success { position:relative; grid-column:1/-1; display:flex; min-height:350px; padding:38px 28px; overflow:hidden; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(231,189,121,.24); background:radial-gradient(circle at 50% 20%,rgba(139,48,58,.35),transparent 42%),linear-gradient(145deg,rgba(54,22,26,.95),rgba(20,9,11,.98)); text-align:center; box-shadow:inset 0 1px rgba(255,235,199,.035),0 18px 40px rgba(0,0,0,.25); }
.registration-success::before { content:''; position:absolute; top:0; left:50%; width:55%; height:2px; transform:translateX(-50%); background:linear-gradient(90deg,transparent,#e4b866,transparent); }
.registration-success-icon { display:grid; width:74px; height:74px; margin-bottom:19px; place-items:center; border:1px solid rgba(231,189,121,.55); border-radius:50%; color:#ffe095; background:radial-gradient(circle,#8e3540,#3a151a 72%); box-shadow:0 0 0 7px rgba(231,189,121,.045),0 0 35px rgba(174,58,70,.28); font-size:27px; }
.registration-success-kicker { color:#dbae60; font:11px 'OpenSans-Bold',sans-serif; letter-spacing:.22em; }
.registration-success h3 { margin:10px 0 8px; color:#ffe9c9; font:27px 'Friz-Quadrata-TT-Regular',serif; }
.registration-success h3 strong { color:#efbd68; font-weight:normal; }
.registration-success p { max-width:510px; margin:0; color:rgba(244,229,207,.68); font:14px/1.6 'OpenSans-Regular',sans-serif; }
.registration-success-actions { display:flex; margin-top:25px; gap:10px; }
.registration-success-actions a { display:flex; min-width:170px; min-height:49px; padding:10px 17px; align-items:center; justify-content:center; gap:9px; border:1px solid rgba(231,189,121,.26); color:#e8c98f; background:rgba(15,6,8,.42); font:12px 'OpenSans-Bold',sans-serif; text-transform:uppercase; transition:transform .2s ease,filter .2s ease,background .2s ease; }
.registration-success-actions a.success-login { border-color:rgba(231,189,121,.48); color:#fff0d7; background:linear-gradient(110deg,#702932,#a43a47,#6a252e); }
.registration-success-actions a:hover { transform:translateY(-2px); filter:brightness(1.12); color:#fff; }
.registration-success-actions i { color:#f0c571; }
@media(max-width:575px){
    .registration-success { min-height:330px; padding:30px 18px; }
    .registration-success h3 { font-size:22px; }
    .registration-success-actions { width:100%; flex-direction:column; }
    .registration-success-actions a { width:100%; }
}

/* Administration — language manager */
.admin-language-page { color:#f3ddc0; }
.language-admin-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:0; border:0; }
.language-admin-tabs .nav-item { margin:0; }
.language-admin-tabs .nav-link { display:flex; min-height:68px; padding:10px 13px; align-items:center; gap:11px; border:1px solid rgba(231,189,121,.12); border-radius:3px; color:rgba(244,229,207,.55); background:rgba(18,8,10,.34); }
.language-admin-tabs .nav-link > i { display:grid; flex:0 0 34px; width:34px; height:34px; place-items:center; border:1px solid rgba(231,189,121,.18); color:#d9aa5d; background:rgba(255,255,255,.02); }
.language-admin-tabs .nav-link span { display:flex; min-width:0; flex-direction:column; gap:3px; font:12px 'OpenSans-Bold',sans-serif; }
.language-admin-tabs .nav-link small { color:rgba(231,189,121,.45); font:8px 'OpenSans-Bold',sans-serif; letter-spacing:.13em; }
.language-admin-tabs .nav-link.active { border-color:rgba(231,189,121,.35); color:#ffe8c4; background:linear-gradient(110deg,rgba(126,42,50,.72),rgba(65,24,29,.75)); box-shadow:inset 0 -2px #dda95b; }
.language-admin-content { margin-top:12px; }
.language-settings-card { overflow:hidden; border:1px solid rgba(231,189,121,.15); background:linear-gradient(145deg,rgba(60,27,30,.82),rgba(25,11,14,.92)); }
.language-card-heading { display:flex; min-height:76px; padding:13px 17px; align-items:center; gap:13px; border-bottom:1px solid rgba(231,189,121,.12); background:linear-gradient(90deg,rgba(97,34,40,.45),transparent); }
.language-card-heading > i { display:grid; width:43px; height:43px; place-items:center; border:1px solid rgba(231,189,121,.27); border-radius:50%; color:#efc16e; background:rgba(16,7,9,.34); font-size:17px; }
.language-card-heading span,.language-settings-form label { display:flex; flex-direction:column; gap:4px; }
.language-card-heading small,.language-settings-form label small,.language-list-heading small { color:#d7a95c; font:9px 'OpenSans-Bold',sans-serif; letter-spacing:.16em; }
.language-card-heading strong { color:#ffe6bd; font:16px 'Friz-Quadrata-TT-Regular',serif; }
.language-settings-form { display:grid; grid-template-columns:minmax(0,1fr) 220px 125px; padding:22px; align-items:center; gap:14px; }
.language-settings-form label { margin:0; }
.language-settings-form label span { color:#f2d5ad; font:13px 'OpenSans-Bold',sans-serif; }
.language-settings-form label small { color:rgba(244,229,207,.44); font:10px 'OpenSans-Regular',sans-serif; letter-spacing:0; }
.language-settings-form .form-control { height:50px; border:1px solid rgba(231,189,121,.2); border-radius:2px; background:#18090c; color:#ffe8c8; font-size:13px; }
.language-save-button,.language-action { display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid rgba(231,189,121,.34); border-radius:2px; color:#fff0d7; background:linear-gradient(110deg,#702831,#a13743,#67242c); font:11px 'OpenSans-Bold',sans-serif; cursor:pointer; }
.language-save-button { min-height:50px; }
.language-list-heading { display:flex; min-height:64px; padding:12px 16px; align-items:center; justify-content:space-between; border:1px solid rgba(231,189,121,.15); border-bottom:0; background:linear-gradient(90deg,rgba(87,31,36,.6),rgba(26,11,13,.84)); }
.language-list-heading span { display:flex; flex-direction:column; gap:3px; }
.language-list-heading strong { color:#ffe5bc; font:16px 'Friz-Quadrata-TT-Regular',serif; }
.language-list-heading em { padding:6px 10px; border:1px solid rgba(231,189,121,.18); color:#ddae62; background:rgba(14,6,8,.35); font:normal 9px 'OpenSans-Bold',sans-serif; text-transform:uppercase; }
.language-admin-list { border:1px solid rgba(231,189,121,.14); background:rgba(23,10,12,.62); }
.language-admin-row { display:grid; min-height:67px; padding:9px 12px; grid-template-columns:58px minmax(0,1fr) 120px; align-items:center; gap:12px; border-bottom:1px solid rgba(231,189,121,.09); }
.language-admin-row:last-child { border-bottom:0; }
.language-admin-row:hover { background:linear-gradient(90deg,rgba(105,36,43,.25),transparent); }
.language-code { display:grid; min-height:36px; place-items:center; border:1px solid rgba(231,189,121,.22); color:#edbf6c; background:rgba(255,255,255,.025); font:11px 'OpenSans-Bold',sans-serif; }
.language-name { display:flex; flex-direction:column; gap:4px; }
.language-name strong { color:#f6dfbe; font:13px 'OpenSans-Bold',sans-serif; }
.language-name small { color:rgba(244,229,207,.43); font:10px 'OpenSans-Regular',sans-serif; }
.language-name small i { margin-right:6px; color:#79c78f; }
.is-available .language-name small i { color:#d9aa5d; }
.language-admin-row form { margin:0; }
.language-action { width:100%; min-height:38px; }
.language-action.is-install { border-color:rgba(83,177,112,.32); background:rgba(39,112,61,.24); color:#9de0ad; }
.language-action.is-delete { border-color:rgba(207,67,78,.28); background:rgba(116,29,38,.24); color:#f19ba2; }
.language-default-badge { display:flex; min-height:38px; padding:8px; align-items:center; justify-content:center; gap:6px; border:1px solid rgba(231,189,121,.25); color:#eec06d; background:rgba(118,78,27,.15); font:10px 'OpenSans-Bold',sans-serif; text-transform:uppercase; }
@media(max-width:767px){
    .language-admin-tabs { grid-template-columns:1fr; }
    .language-admin-tabs .nav-link { min-height:58px; }
    .language-settings-form { grid-template-columns:1fr; }
    .language-admin-row { grid-template-columns:48px minmax(0,1fr); }
    .language-admin-row form,.language-default-badge { grid-column:1/-1; }
}

/* Sidebar statistics v2 */
.sidebar-stats .stats-body { padding:12px; }
.stats-highlight { position:relative; display:grid; min-height:118px; padding:17px 14px; grid-template-columns:54px minmax(0,1fr); align-items:center; gap:14px; overflow:hidden; border:1px solid rgba(231,189,121,.2); background:radial-gradient(circle at 15% 50%,rgba(157,51,63,.38),transparent 42%),linear-gradient(110deg,rgba(72,26,32,.82),rgba(24,10,13,.92)); }
.stats-highlight::after { content:''; position:absolute; right:-26px; bottom:-42px; width:110px; height:110px; border:1px solid rgba(231,189,121,.08); border-radius:50%; }
.stats-highlight-icon { position:relative; display:grid; width:52px; height:52px; place-items:center; border:1px solid rgba(231,189,121,.35); border-radius:50%; color:#f0c36e; background:rgba(15,6,8,.42); box-shadow:0 0 22px rgba(166,52,66,.24); font-size:18px; }
.stats-highlight-icon b { position:absolute; right:1px; bottom:2px; width:10px; height:10px; border:2px solid #311318; border-radius:50%; background:#57ce80; box-shadow:0 0 8px rgba(87,206,128,.7); }
.stats-highlight > span:last-child { display:flex; min-width:0; flex-direction:column; }
.stats-highlight small { color:#dbae60; font:8px 'OpenSans-Bold',sans-serif; letter-spacing:.15em; }
.stats-highlight strong { margin:3px 0 1px; color:#ffe093; font:30px/1 'Friz-Quadrata-TT-Regular',serif; }
.stats-highlight em { color:rgba(244,229,207,.67); font:normal 12px 'OpenSans-Regular',sans-serif; }
body .sidebar-stats .stats-body > .col-md-12 { padding:0; }
body .sidebar-stats .server-stats ul { display:block; padding:8px 0 0; }
body .sidebar-stats .server-stats ul li,body .sidebar-stats .server-stats ul li:last-child:nth-child(odd),body .sidebar-stats .server-stats ul li[style] { display:grid; min-height:54px; margin:0 !important; padding:8px 7px; grid-template-columns:38px minmax(0,1fr) auto; gap:10px; border:0; border-bottom:1px solid rgba(231,189,121,.1); background:transparent; }
body .sidebar-stats .server-stats ul li:last-child { border-bottom:0; }
.sidebar-stats .server-stats .stat-icon { width:36px; height:36px; border-radius:50%; background:rgba(112,39,47,.25); }
body .sidebar-stats .server-stats ul li .type { color:rgba(244,229,207,.7); font-size:12px; }
body .sidebar-stats .server-stats ul li .value { min-width:0; padding:0; border:0; background:transparent; color:#efbf69; font-size:16px; }
.sidebar-stats .stat-players-online-last-24h .stat-icon { color:#89bfff; }
.sidebar-stats .stat-accounts-created .stat-icon { color:#83d49a; }
.sidebar-stats .stat-created-characters .stat-icon { color:#d7a8ef; }
.sidebar-stats .stat-guilds-created .stat-icon { color:#f0bf68; }

/* Unified premium administration pages */
.admin-modern-page,.admin-download-manager,.admin-settings-page,.admin-reward-page,.admin-log-page { color:#f1dbc0; }
.admin-modern-page .admin-tool-intro { margin-bottom:14px; }
.admin-option-list,.admin-complex-form,.admin-inline-create { padding:14px; border:1px solid rgba(231,189,121,.14); background:linear-gradient(145deg,rgba(55,23,27,.72),rgba(22,9,12,.78)); }
.admin-option-row { min-height:62px; margin:0 !important; padding:9px 11px; align-items:center; border-bottom:1px solid rgba(231,189,121,.09); }
.admin-option-row:last-of-type { border-bottom:0; }
.admin-option-row label { margin:0; color:#f1d7b5; font:13px 'OpenSans-Bold',sans-serif; }
.admin-option-row .form-control { height:43px; border:1px solid rgba(231,189,121,.18); border-radius:2px; background:#18090c; color:#f9e4c5; font-size:13px; }
.admin-form-actions { margin:14px 0 0 !important; justify-content:flex-end; }
.admin-modern-page .btn-primary,.admin-modern-page .btn-success,.admin-modern-page .btn-warning { min-height:43px; padding:9px 17px; border:1px solid rgba(231,189,121,.35); border-radius:2px; color:#fff0d7; background:linear-gradient(110deg,#702831,#a13743,#67242c); font:12px 'OpenSans-Bold',sans-serif; }
.admin-inline-create { margin-bottom:16px; }
.admin-inline-create .row { margin:0 -5px; }
.admin-inline-create [class*='col-'] { padding:5px; }
.admin-modern-page .form-control,.admin-complex-form .form-control { min-height:46px; border:1px solid rgba(231,189,121,.16); border-radius:2px; background:#18090c; color:#f7dfbf; font-size:13px; }
.admin-modern-page label,.admin-complex-form label { color:#e9c58c; font:12px 'OpenSans-Bold',sans-serif; }
.admin-modern-page .ranking { overflow:hidden; border:1px solid rgba(231,189,121,.14); background:rgba(24,10,13,.68); }
.admin-modern-page .ranking thead { color:#f0c579; background:linear-gradient(90deg,rgba(102,35,42,.65),rgba(45,17,21,.72)); }
.admin-modern-page .ranking th,.admin-modern-page .ranking td { padding:12px 10px; border-color:rgba(231,189,121,.09); vertical-align:middle; font-size:12px; }
.admin-complex-form { padding:18px; }
.admin-complex-form > .form-group { margin-bottom:13px; padding:12px; border:1px solid rgba(231,189,121,.09); background:rgba(15,6,8,.22); }
.admin-complex-form .row { margin-right:-5px; margin-left:-5px; }
.admin-complex-form [class*='col-'] { padding-right:5px; padding-left:5px; }
.admin-complex-form a.btn-primary { display:inline-flex; align-items:center; }
.admin-player-search { margin:0 0 15px; padding:15px !important; border:1px solid rgba(231,189,121,.14); border-radius:0; background:linear-gradient(100deg,rgba(73,27,32,.6),rgba(21,9,11,.72)); }
.admin-player-search .row { align-items:center; }
.admin-player-search .btn { width:100%; min-height:46px; }
.admin-donate-page .alert { border:1px solid rgba(231,189,121,.16); border-radius:2px; }
.admin-donate-page .card { margin-bottom:9px; border:1px solid rgba(231,189,121,.14); border-radius:2px; background:#1b0b0e; }
.admin-donate-page .card-header { border-bottom:1px solid rgba(231,189,121,.1); background:rgba(92,32,39,.48); }
.admin-donate-page .card-header a { color:#f0c77f; }
.admin-donate-page .card-block { padding:14px; }
.admin-reward-content form { padding-top:10px; }
.admin-download-form .form-control,.admin-settings-form .form-control,.admin-log-selector .form-control,.admin-reward-content .form-control { color:#f7e0bf !important; background:#17080b !important; }
.admin-log-empty,.admin-download-empty { min-height:130px; }
.admin-modern-page .alert { color:#f4dfc5; border-color:rgba(231,189,121,.18); background:rgba(73,27,32,.72); }
@media(max-width:767px){
    .admin-option-row { padding:11px 5px; }
    .admin-option-row label { margin-bottom:8px; }
    .admin-form-actions { justify-content:stretch; }
    .admin-form-actions .btn,.admin-form-actions [class*='col-'] { width:100%; max-width:none; margin:0; }
    .admin-complex-form { padding:11px; }
}

/* Remaining administration screens */
.admin-empty-state { display:flex; min-height:145px; padding:24px; align-items:center; justify-content:center; flex-direction:column; gap:10px; border:1px dashed rgba(231,189,121,.2); color:rgba(244,229,207,.58); background:rgba(20,8,11,.36); text-align:center; }
.admin-empty-state i { color:#e5b866; font-size:22px; }
.admin-empty-state strong { font-size:13px; }
.admin-card-grid { margin-right:-6px; margin-left:-6px; }
.admin-card-grid > [class*='col-'] { display:flex; padding:6px; }
.admin-catalog-page .card { display:flex; width:100%; overflow:hidden; border:1px solid rgba(231,189,121,.16); border-radius:3px; background:linear-gradient(145deg,rgba(58,24,28,.84),rgba(21,9,11,.94)); box-shadow:0 10px 24px rgba(0,0,0,.2); }
.admin-catalog-page .card-img-top { width:100%; height:145px; object-fit:cover; border-bottom:1px solid rgba(231,189,121,.14); }
.admin-catalog-page .card-block { display:flex; padding:16px; flex:1; flex-direction:column; }
.admin-catalog-page .card-title { margin:0 0 8px; color:#ffe4ba; font:18px 'Friz-Quadrata-TT-Regular',serif; }
.admin-catalog-page .card-text { flex:1; color:rgba(244,229,207,.58); font:12px/1.55 'OpenSans-Regular',sans-serif; }
.admin-catalog-page .card form { margin-top:12px; }
.admin-catalog-page .btn { width:100%; }
.admin-edit-form { padding:14px; border:1px solid rgba(231,189,121,.14); background:rgba(24,10,13,.65); }
.admin-player-edit-page .row > div { width:100%; }
.admin-player-edit-page .ranking { margin:0; }
.admin-player-edit-page .ranking td:first-child { width:34%; color:#e9c27d; font:12px 'OpenSans-Bold',sans-serif; }
.admin-player-edit-page .ranking .form-control { min-width:220px; color:#f7e0bf !important; background:#17080b !important; }
.admin-player-edit-page .btn-info { min-height:50px; border:1px solid rgba(231,189,121,.4); border-radius:2px; background:linear-gradient(110deg,#702831,#a13743,#67242c); color:#fff0d7; font:13px 'OpenSans-Bold',sans-serif; }
.admin-coins-page .admin-complex-form,.admin-vote-page .admin-complex-form { display:grid; gap:10px; }
.admin-coins-page .admin-complex-form > .form-group,.admin-vote-page .admin-complex-form > .form-group { margin:0; }
.admin-donatelist-page .ranking form { display:flex; gap:6px; }
.admin-donatelist-page .btn-danger { min-height:38px; border-color:rgba(209,71,82,.35); background:rgba(129,31,40,.4); color:#ffacb2; }
.admin-dashboard::before { content:'CENTRU DE ADMINISTRARE'; display:block; margin-bottom:13px; padding:13px 15px; border:1px solid rgba(231,189,121,.16); border-left:3px solid #e2b563; color:#f1ca86; background:linear-gradient(90deg,rgba(91,32,38,.55),rgba(27,11,14,.5)); font:12px 'OpenSans-Bold',sans-serif; letter-spacing:.12em; }
.admin-dashboard .list-group + br { display:none; }
.admin-referrals-page .form-control { color:#f7e0bf; background:#17080b; }
.modal-content { border:1px solid rgba(231,189,121,.22); border-radius:3px; color:#f2dbc0; background:#241013; }
.modal-header,.modal-footer { border-color:rgba(231,189,121,.13); }
.modal-content .form-control { border:1px solid rgba(231,189,121,.17); color:#f7e0bf; background:#15070a; }
@media(max-width:575px){
    .admin-player-edit-page .ranking .form-control { min-width:150px; }
    .admin-catalog-page .card-img-top { height:125px; }
}

/* 2026 flat admin refresh + site-wide readability */
html { font-size:16px; }
body { font-size:16px; line-height:1.6; }
p, li, td, th, label, input, select, textarea, button { font-size:14px; }
.content-box p,.content-box li,.content-box td,.content-box th,.content-box label { font-size:14px; line-height:1.65; }
.battle-menu .nav-link,.battle-menu .nav-link > span { font-size:12px; letter-spacing:.1em; }
#account_block a,#account_block button { font-size:14px; }
.panel-heading,.panel-title,.sidebar-title { font-size:16px; }
.ranking .player-name,.ranking .guild-name,.ranking strong { font-size:14px; }
.ranking small,.ranking .empire,.ranking .level { font-size:12px; }
.stats-list span,.statistics-box span { font-size:13px; }
.stats-list strong,.statistics-box strong { font-size:18px; }
.news-item,.news-item p,.news-item li { font-size:15px; line-height:1.7; }
.form-control { min-height:50px; font-size:15px; }
.btn,button,input[type='submit'] { font-size:14px; }
.footer-links a { font-size:12px; }
.footer-copyright,.footer-rights { font-size:11px; }
.hero-subtitle,.hero-note,.server-status { font-size:12px; }

.admin-modern-page,.admin-download-manager,.admin-settings-page,.admin-reward-page,.admin-log-page,.admin-language-page,.admin-referrals-page,.admin-dashboard {
    color:#f4dfc6;
    font-size:15px;
}
.admin-modern-page p,.admin-download-manager p,.admin-settings-page p,.admin-reward-page p,.admin-log-page p,.admin-language-page p,.admin-referrals-page p,.admin-dashboard p {
    font-size:14px;
    line-height:1.65;
}
.admin-tool-intro,.admin-settings-hero,.admin-reward-hero,.admin-log-hero,.admin-language-hero {
    margin-bottom:18px !important;
    padding:20px 22px !important;
    border:1px solid rgba(222,174,100,.24) !important;
    border-left:4px solid #d7a554 !important;
    border-radius:2px !important;
    background:#2a1417 !important;
    box-shadow:none !important;
}
.admin-tool-intro::before,.admin-tool-intro::after,.admin-settings-hero::before,.admin-reward-hero::before { display:none !important; }
.admin-tool-intro h2,.admin-settings-hero h2,.admin-reward-hero h2,.admin-log-hero h2,.admin-language-hero h2 {
    margin:0 0 5px;
    color:#ffe5bd;
    font-size:24px;
    line-height:1.25;
}
.admin-tool-intro small,.admin-settings-hero small,.admin-reward-hero small,.admin-log-hero small,.admin-language-hero small {
    color:#cdb9a2;
    font-size:13px;
}
.admin-modern-page .form-group,.admin-option-row,.admin-complex-form,.admin-settings-section,.admin-language-section,.admin-download-form,.admin-log-controls,.admin-reward-form {
    margin-bottom:12px;
    padding:16px !important;
    border:1px solid rgba(222,174,100,.18) !important;
    border-radius:2px !important;
    background:#251114 !important;
    box-shadow:none !important;
}
.admin-option-row { display:grid; grid-template-columns:minmax(180px,1fr) minmax(180px,260px); gap:18px; align-items:center; }
.admin-option-row label,.admin-modern-page label,.admin-settings-page label,.admin-reward-page label,.admin-log-page label { color:#f0d7b7; font-size:14px; font-weight:600; }
.admin-modern-page .form-control,.admin-download-manager .form-control,.admin-settings-page .form-control,.admin-reward-page .form-control,.admin-log-page .form-control,.admin-language-page .form-control,.admin-referrals-page .form-control {
    min-height:50px;
    padding:12px 14px;
    border:1px solid rgba(222,174,100,.25) !important;
    border-radius:2px !important;
    color:#fff0d9 !important;
    background:#16090b !important;
    font-size:15px !important;
    box-shadow:none !important;
}
.admin-modern-page .form-control:focus,.admin-download-manager .form-control:focus,.admin-settings-page .form-control:focus,.admin-reward-page .form-control:focus,.admin-log-page .form-control:focus,.admin-language-page .form-control:focus {
    border-color:#d7a554 !important;
    box-shadow:0 0 0 2px rgba(215,165,84,.12) !important;
}
.admin-modern-page .btn,.admin-download-manager .btn,.admin-settings-page .btn,.admin-reward-page .btn,.admin-log-page .btn,.admin-language-page .btn,.admin-referrals-page .btn {
    min-height:46px;
    padding:11px 20px;
    border:1px solid #bd6870 !important;
    border-radius:2px !important;
    color:#fff4df !important;
    background:#88303a !important;
    font-size:14px !important;
    font-weight:700;
    box-shadow:none !important;
    text-shadow:none !important;
}
.admin-modern-page .btn:hover,.admin-download-manager .btn:hover,.admin-settings-page .btn:hover,.admin-reward-page .btn:hover,.admin-log-page .btn:hover,.admin-language-page .btn:hover,.admin-referrals-page .btn:hover { background:#a33b47 !important; }
.admin-modern-page table,.admin-download-manager table,.admin-settings-page table,.admin-reward-page table,.admin-log-page table,.admin-language-page table,.admin-referrals-page table {
    width:100%;
    border:1px solid rgba(222,174,100,.18) !important;
    border-collapse:collapse;
    background:#211013 !important;
    font-size:14px;
}
.admin-modern-page th,.admin-download-manager th,.admin-settings-page th,.admin-reward-page th,.admin-log-page th,.admin-language-page th,.admin-referrals-page th {
    padding:13px 12px !important;
    color:#f7d9aa;
    background:#452126 !important;
    font-size:13px !important;
}
.admin-modern-page td,.admin-download-manager td,.admin-settings-page td,.admin-reward-page td,.admin-log-page td,.admin-language-page td,.admin-referrals-page td {
    padding:13px 12px !important;
    border-bottom:1px solid rgba(222,174,100,.13) !important;
    font-size:14px !important;
}
.admin-dashboard::before { padding:15px 18px; border-radius:2px; background:#30171b; font-size:13px; box-shadow:none; }
.admin-dashboard .list-group-item,.admin-language-page .language-row,.admin-settings-page .settings-row,.admin-catalog-page .card {
    border:1px solid rgba(222,174,100,.2) !important;
    border-radius:2px !important;
    background:#281316 !important;
    box-shadow:none !important;
    transform:none !important;
}
.admin-dashboard .list-group-item { min-height:58px; padding:15px 17px; font-size:15px; }
.admin-catalog-page .card-title { font-size:20px; }
.admin-catalog-page .card-text { color:#cdb9a2; font-size:14px; }

@media(max-width:1199px){
    .battle-menu .nav-link,.battle-menu .nav-link > span { font-size:11px; letter-spacing:.07em; }
}
@media(max-width:767px){
    body { font-size:15px; }
    .content-box p,.content-box li,.content-box td,.content-box th,.content-box label { font-size:13px; }
    .admin-option-row { grid-template-columns:1fr; gap:9px; }
    .admin-tool-intro h2,.admin-settings-hero h2,.admin-reward-hero h2,.admin-log-hero h2,.admin-language-hero h2 { font-size:21px; }
}

/* Keep the premium skin as the final cascade layer. */
.admin-modern-page,.admin-download-manager,.admin-settings-page,.admin-reward-page,.admin-log-page,.admin-language-page,.admin-referrals-page,.admin-dashboard {
    border:1px solid rgba(228,185,99,.22);
    background:radial-gradient(circle at 90% 0,rgba(166,59,73,.14),transparent 35%),linear-gradient(145deg,rgba(51,22,27,.97),rgba(22,9,12,.99));
    box-shadow:0 22px 55px rgba(0,0,0,.34),inset 0 1px rgba(255,227,161,.06);
}
.admin-tool-intro,.admin-settings-hero,.admin-reward-hero,.admin-log-hero,.admin-language-hero {
    padding:25px 26px !important;
    border:1px solid rgba(228,185,99,.3) !important;
    background:linear-gradient(115deg,rgba(118,37,48,.74),rgba(47,18,23,.94) 58%,rgba(19,8,11,.99)) !important;
    box-shadow:0 14px 30px rgba(0,0,0,.24),inset 0 1px rgba(255,227,161,.09) !important;
}
.admin-tool-intro h2,.admin-settings-hero h2,.admin-reward-hero h2,.admin-log-hero h2,.admin-language-hero h2 { color:#fff0d1; font-size:27px; text-shadow:0 2px 14px rgba(0,0,0,.45); }
.admin-modern-page .form-group,.admin-option-row,.admin-complex-form,.admin-settings-section,.admin-language-section,.admin-download-form,.admin-log-controls,.admin-reward-form {
    border:1px solid rgba(228,185,99,.22) !important;
    background:linear-gradient(135deg,rgba(57,24,29,.95),rgba(29,12,15,.97)) !important;
    box-shadow:0 9px 22px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.03) !important;
}
.admin-modern-page .form-control,.admin-download-manager .form-control,.admin-settings-page .form-control,.admin-reward-page .form-control,.admin-log-page .form-control,.admin-language-page .form-control,.admin-referrals-page .form-control {
    border-color:rgba(228,185,99,.3) !important;
    background:linear-gradient(180deg,#1d0b0f,#13070a) !important;
    box-shadow:inset 0 3px 9px rgba(0,0,0,.3) !important;
}
.admin-modern-page .btn,.admin-download-manager .btn,.admin-settings-page .btn,.admin-reward-page .btn,.admin-log-page .btn,.admin-language-page .btn,.admin-referrals-page .btn {
    border-color:rgba(255,215,144,.65) !important;
    background:linear-gradient(110deg,#6f202b,#a83c4a 52%,#75232e) !important;
    box-shadow:0 8px 18px rgba(64,10,18,.36),inset 0 1px rgba(255,235,194,.17) !important;
}
.admin-modern-page th,.admin-download-manager th,.admin-settings-page th,.admin-reward-page th,.admin-log-page th,.admin-language-page th,.admin-referrals-page th { background:linear-gradient(90deg,#56262d,#3b191e) !important; }
.admin-dashboard .list-group-item,.admin-language-page .language-row,.admin-settings-page .settings-row,.admin-catalog-page .card {
    border-color:rgba(228,185,99,.25) !important;
    background:linear-gradient(145deg,rgba(66,27,33,.97),rgba(31,12,16,.99)) !important;
    box-shadow:0 10px 22px rgba(0,0,0,.22),inset 0 1px rgba(255,227,161,.04) !important;
}
@media(max-width:767px){
    .admin-tool-intro,.admin-settings-hero,.admin-reward-hero,.admin-log-hero,.admin-language-hero { padding:20px 18px !important; }
    .admin-tool-intro h2,.admin-settings-hero h2,.admin-reward-hero h2,.admin-log-hero h2,.admin-language-hero h2 { font-size:23px; }
}

/* Admin controls use the same premium layout as “Limba principală”. */
.admin-option-list {
    display:grid;
    gap:12px;
}
.admin-option-list .admin-option-row {
    position:relative;
    min-height:82px;
    margin:0 !important;
    padding:15px 17px 15px 20px !important;
    grid-template-columns:minmax(0,1fr) 220px;
    border:1px solid rgba(228,185,99,.22) !important;
    background:linear-gradient(110deg,rgba(82,29,36,.65),rgba(35,14,18,.96) 58%,rgba(22,9,12,.98)) !important;
}
.admin-option-list .admin-option-row::before {
    content:'';
    position:absolute;
    top:13px;
    bottom:13px;
    left:0;
    width:3px;
    background:linear-gradient(180deg,var(--a2-gold-light),var(--a2-gold),rgba(228,185,99,.2));
    box-shadow:0 0 12px rgba(228,185,99,.2);
}
.admin-option-list .admin-option-row > label {
    display:flex;
    min-width:0;
    margin:0;
    padding:0 !important;
    flex-direction:column;
    justify-content:center;
    color:#ffe5bc;
    font:16px/1.3 'Friz-Quadrata-TT-Regular',serif;
}
.admin-option-list .admin-option-row > label::before {
    display:none;
}
.admin-option-list .admin-option-row > label::after {
    display:none;
}
.admin-option-list .admin-option-copy strong { color:#ffe5bc; font:16px/1.3 'Friz-Quadrata-TT-Regular',serif; }
.admin-option-list .admin-option-copy small { margin-top:6px; color:rgba(244,229,207,.58); font:12px/1.45 'OpenSans-Regular',sans-serif; }
.admin-option-list .admin-option-row > div {
    display:flex;
    width:100%;
    max-width:none;
    padding:0 !important;
    align-items:center;
}
.admin-option-list .admin-option-row .form-control { width:100%; height:52px; }
.admin-option-list .admin-option-row:hover {
    border-color:rgba(228,185,99,.42) !important;
    background:linear-gradient(110deg,rgba(101,34,43,.72),rgba(39,15,20,.97) 58%,rgba(22,9,12,.99)) !important;
    transform:translateY(-1px);
}
.admin-option-list .admin-form-actions {
    display:flex;
    min-height:72px;
    margin:5px 0 0 !important;
    padding:12px !important;
    justify-content:flex-end;
    border-top:1px solid rgba(228,185,99,.16) !important;
    background:linear-gradient(90deg,transparent,rgba(100,31,41,.2)) !important;
}
.admin-option-list .admin-form-actions > div { width:220px; max-width:220px; padding:0; }
.admin-option-list .admin-form-actions .btn { width:100%; min-height:50px; }
@media(max-width:767px){
    .admin-option-list .admin-option-row { grid-template-columns:1fr; gap:13px; }
    .admin-option-list .admin-option-row > label { font-size:15px; }
    .admin-option-list .admin-form-actions > div { width:100%; max-width:none; }
}

/* Administration option cards — premium grid */
.admin-functions-page,.admin-privileges-page { padding:18px; }
.admin-functions-page .admin-tool-intro,.admin-privileges-page .admin-tool-intro { margin:-18px -18px 20px !important; }
.admin-functions-page .admin-option-list,.admin-privileges-page .admin-option-list {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.admin-functions-page .admin-option-row,.admin-privileges-page .admin-option-row {
    position:relative;
    display:flex;
    min-height:180px;
    padding:22px 20px 18px !important;
    align-items:stretch;
    flex-direction:column;
    justify-content:space-between;
    gap:18px;
    overflow:hidden;
    border:1px solid rgba(229,184,99,.24) !important;
    border-radius:4px !important;
    background:
        radial-gradient(circle at 100% 0,rgba(229,184,99,.11),transparent 34%),
        linear-gradient(145deg,rgba(73,28,35,.92),rgba(29,12,16,.99) 72%) !important;
    box-shadow:0 14px 30px rgba(0,0,0,.22),inset 0 1px rgba(255,236,190,.04) !important;
}
.admin-functions-page .admin-option-row::before,.admin-privileges-page .admin-option-row::before {
    top:0;
    bottom:auto;
    left:0;
    width:100%;
    height:3px;
    background:linear-gradient(90deg,var(--a2-gold),rgba(228,185,99,.18) 45%,transparent 85%);
    box-shadow:none;
}
.admin-functions-page .admin-option-row::after,.admin-privileges-page .admin-option-row::after {
    content:'\f013';
    position:absolute;
    top:18px;
    right:18px;
    display:grid;
    width:38px;
    height:38px;
    place-items:center;
    border:1px solid rgba(228,185,99,.25);
    border-radius:50%;
    color:#edc16e;
    background:rgba(17,7,10,.42);
    font:14px FontAwesome;
}
.admin-privileges-page .admin-option-row::after { content:'\f023'; }
.admin-functions-page .admin-option-copy,.admin-privileges-page .admin-option-copy {
    display:block;
    width:calc(100% - 52px);
    padding:0 !important;
}
.admin-functions-page .admin-option-copy strong,.admin-privileges-page .admin-option-copy strong {
    display:block;
    color:#ffe8c3;
    font:18px/1.25 'Friz-Quadrata-TT-Regular',serif;
}
.admin-functions-page .admin-option-copy small,.admin-privileges-page .admin-option-copy small {
    display:block;
    margin-top:9px;
    color:rgba(242,222,197,.62);
    font:12px/1.55 'OpenSans-Regular',sans-serif;
}
.admin-functions-page .admin-option-row > div,.admin-privileges-page .admin-option-row > div {
    display:block;
    width:100%;
}
.admin-functions-page .admin-option-row .form-control,.admin-privileges-page .admin-option-row .form-control {
    width:100%;
    height:52px;
    padding-right:42px;
    border-color:rgba(228,185,99,.38) !important;
    color:#ffe8c4 !important;
    background-color:#17090c !important;
    font-weight:700;
}
.admin-functions-page .admin-option-row:hover,.admin-privileges-page .admin-option-row:hover {
    border-color:rgba(238,196,113,.54) !important;
    background:radial-gradient(circle at 100% 0,rgba(229,184,99,.15),transparent 36%),linear-gradient(145deg,rgba(88,31,40,.95),rgba(32,12,17,.99) 72%) !important;
    box-shadow:0 18px 36px rgba(0,0,0,.3),0 0 22px rgba(228,185,99,.045) !important;
    transform:translateY(-3px);
}
.admin-functions-page .admin-form-actions,.admin-privileges-page .admin-form-actions {
    grid-column:1/-1;
    min-height:86px;
    padding:16px !important;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(228,185,99,.2) !important;
    border-radius:4px;
    background:linear-gradient(90deg,rgba(22,9,12,.96),rgba(83,27,35,.6),rgba(22,9,12,.96)) !important;
}
.admin-functions-page .admin-form-actions > div,.admin-privileges-page .admin-form-actions > div { width:300px; max-width:100%; }
.admin-functions-page .admin-form-actions .btn,.admin-privileges-page .admin-form-actions .btn { min-height:54px; font-size:14px !important; letter-spacing:.07em; }
@media(max-width:767px){
    .admin-functions-page,.admin-privileges-page { padding:12px; }
    .admin-functions-page .admin-tool-intro,.admin-privileges-page .admin-tool-intro { margin:-12px -12px 15px !important; }
    .admin-functions-page .admin-option-list,.admin-privileges-page .admin-option-list { grid-template-columns:1fr; gap:12px; }
    .admin-functions-page .admin-option-row,.admin-privileges-page .admin-option-row { min-height:165px; padding:19px 16px 16px !important; }
    .admin-functions-page .admin-option-copy strong,.admin-privileges-page .admin-option-copy strong { font-size:17px; }
}