/*=================================*/

/* Code: FalconHQ

/* http://falconhq.eu/

/* Skype: theikid123

/*=================================*/



@import url("nav.css");



@font-face {
	font-family:'Devanagari';
	src:
		url('fonts/AdobeDevanagari-Regular.woff2') format('woff2'),
		url('fonts/AdobeDevanagari-Regular.woff')  format('woff'),
		url('fonts/AdobeDevanagari-Regular.otf')   format('opentype');
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}



a {

	color:#c0a081;

	text-decoration:none;

	cursor: url(../images/hand.cur), auto;

}



a:hover {

	text-decoration:underline;

}



a:active {

	text-decoration:none;

}



body {

	background:#0a0500 url('../images/bg.png') no-repeat center top;
	isolation:isolate;

	margin:0;

	padding:0;

	font:12px 'Times New Roman', 'Devanagari', Arial, Helvetica, Tahoma, sans-serif;

	color:#635445;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
	cursor: url(../images/cursor.cur), auto;
}



#top {

	background:url('../images/topbar.png') repeat-x center top;

	position:fixed;

	left:0;
	top:0;

	width:100%;

	height:40px;

	z-index:9999;

}



#top #tcontent {

	width:1000px;

	height:40px;

	margin:0 auto;

	padding:0 auto;

	display:flex;

}



#top #tcontent .tlinks {

	width:500px;

	text-align:center;

	padding-top:11px;

}



#top #tcontent .tlinks a {

	font:9px Arial, sans-serif;

	color:#676767;

	text-transform:uppercase;

	margin:0 15px;

}



#top #tcontent .tlinks a:hover {

	color:#bbbbbb;

	text-decoration:none;

}



#top #tcontent .tlinks a:active {

	color:#676767;

}



#top #tcontent .languages {

	width:500px;

	text-align:center;

}



#top #tcontent .languages ul {

	list-style:none;

	padding:0 auto;

	margin:0 auto;

	text-align:center;

}



#top #tcontent .languages ul li {

	display:inline-block;

	vertical-align:middle;

	padding-top:6px;

}



#top #tcontent .languages ul li.ldivider {

	background:url('../images/lang_dividers.png') no-repeat;

	width:1px;

	height:27px;

	margin:5px 10px 0 10px;

}



#top #tcontent .languages ul li .en {

	background:url('../images/languages.png') 0 0 no-repeat;

	width:22px;

	height:16px;

	display:block;

}



#top #tcontent .languages ul li .en .fhover {

	background:url('../images/languages.png') 0 -16px;

	width:22px;

	height:16px;

}



#top #tcontent .languages ul li .ru {

	background:url('../images/languages.png') -22px 0 no-repeat;

	width:22px;

	height:16px;

	display:block;

}



#top #tcontent .languages ul li .ru .fhover {

	background:url('../images/languages.png') -22px -16px;

	width:22px;

	height:16px;

}



#top #tcontent .languages ul li .lt {

	background:url('../images/languages.png') -44px 0 no-repeat;

	width:22px;

	height:16px;

	display:block;

}



#top #tcontent .languages ul li .lt .fhover {

	background:url('../images/languages.png') -44px -16px;

	width:22px;

	height:16px;

}



#top #tcontent .languages ul li .es {

	background:url('../images/languages.png') -66px 0 no-repeat;

	width:22px;

	height:16px;

	display:block;

}



#top #tcontent .languages ul li .es .fhover {

	background:url('../images/languages.png') -66px -16px;

	width:22px;

	height:16px;

}



#top #tcontent .languages ul li .gr {

	background:url('../images/languages.png') -88px 0 no-repeat;

	width:22px;

	height:16px;

	display:block;

}



#top #tcontent .languages ul li .gr .fhover {

	background:url('../images/languages.png') -88px -16px;

	width:22px;

	height:16px;

}



header {

    position:relative;

    overflow:hidden;

    width:100%;

    background:#0a0500;

    isolation:isolate;

}

header:after {
    content:"";
    position:absolute;
    inset:40px 0 0 0;
    z-index:2;
    background:
        radial-gradient(ellipse 520px 240px at 50% 42%, rgba(5, 1, 0, 0.00) 0%, rgba(5, 1, 0, 0.04) 42%, rgba(5, 1, 0, 0.22) 76%, rgba(5, 1, 0, 0.42) 100%),
        linear-gradient(180deg, rgba(5, 1, 0, 0.18) 0%, rgba(5, 1, 0, 0.00) 32%, rgba(5, 1, 0, 0.18) 100%);
    pointer-events:none;
}


header #hinner {

    width:0px;

    height:746px;

    margin:40px auto 0 auto;

    overflow:hidden;

    background:#0a0500;

}



header #hvideo {

    width:1920px;

    height:746px;

    position:absolute;

    display:block;

    margin-left:-960px;

    background:#0a0500;

    z-index:1;

}



header #hvideo video {

    position:absolute;

    z-index:1;

    top:0px;

    left:0px;

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    opacity:1;

    filter:brightness(0.95) saturate(0.96) contrast(1.02);

    pointer-events:none;

}



#wrapper {

	width:1020px;

	margin:-480px auto 0 auto;

	padding:0 auto;

	position:relative;
	z-index:3;

}



nav {

	background:url('../images/navbg.png') no-repeat;

	width:1020px;

	height:152px;

}



nav ul#nav {

	list-style:none;

	display:flex;

	padding:34px 0 0 11px;

}



#content {

	background:url('../images/content.png') repeat-y;

	width:1000px;

	min-height:318px;

	margin-left:10px;

	display:flex;

	position:relative;

}



#content #left {

	width:265px;

	margin-left:10px;

	margin-top:-45px;

}



#content #news {

	width:440px;

	margin-left:5px;

	margin-top:-35px;

}



#content #news article {

	background:url('../images/ntitle.png') no-repeat;

	width:440px;

	min-height:120px;

}



#content #news article .title {

	font:14px 'Devanagari', sans-serif;

	color:#948063;

	text-transform:uppercase;

	padding:16px 0 0 20px;

}



#content #news article .text {

	width:420px;

	margin-left:10px;

	font-size:13px;

	padding-top:12px;

	word-break:break-word;

}



#content #news article .ndivider {

	background:url('../images/ndivider.png') no-repeat;

	width:440px;

	height:22px;

	display:flex;

	margin-top:10px;

	margin-bottom:20px;

}



#content #news article .author {

	width:220px;

	text-align:left;

	float:left;

	font:10px 'Devanagari', sans-serif;

	color:#948063;

	text-transform:uppercase;

	padding-top:4px;

}



#content #news article .date {

	width:220px;

	text-align:right;

	float:right;

	font:14px 'Devanagari', sans-serif;

	color:#948063;

	text-transform:uppercase;

	padding-top:4px;

}



#content #right {

	width:265px;

	margin-left:5px;

	margin-top:-45px;

}



#content #stitle {

	background:url('../images/stop.png') no-repeat;

	width:265px;

	height:18px;

	text-align:center;

	text-transform:uppercase;

	color:#948063;

	margin-top:20px;

}



#content #sbg {

	background:url('../images/sbg.png') repeat-y;

	width:265px;

	min-height:15px;

}



#content #sbot {

	background:url('../images/sbot.png') no-repeat;

	width:265px;

	height:2px;

}



#content #right #votes {

	width:245px;

	margin:0 auto;

	padding:10px 0;

}



#content #right #votes .topzone {

	background:url('../images/votes.png') 0 0 no-repeat;

	width:245px;

	height:45px;

	display:block;

}



#content #right #votes .topzone .fhover {

	background:url('../images/votes.png') -245px 0;

	width:245px;

	height:45px;

}



#content #right #votes .hopzone {

	background:url('../images/votes.png') 0 -45px no-repeat;

	width:245px;

	height:45px;

	display:block;

	margin-top:8px;

}



#content #right #votes .hopzone .fhover {

	background:url('../images/votes.png') -245px -45px;

	width:245px;

	height:45px;

}



#content #right #votes .l2jlt {

	background:url('../images/votes.png') 0 -90px no-repeat;

	width:245px;

	height:45px;

	display:block;

	margin-top:8px;

}



#content #right #votes .l2jlt .fhover {

	background:url('../images/votes.png') -245px -90px;

	width:245px;

	height:45px;

}



#cbot {

	background:url('../images/cbot.png') no-repeat;

	width:1020px;

	height:84px;

	margin-top:-60px;

}



#content #left form {

	padding:10px 0;

}



#content #left form .afield {

	display:flex;

	margin:0 3px 8px 3px;

}



#content #left form .afield .titl {

	text-transform:uppercase;

	font:13px 'Devanagari', sans-serif;

	font:#948063;

	width:75px;

	text-align:center;

	padding-top:5px;

}



#content #left form input[type=text] {

	border:1px solid #392c22;

	border-radius:4px;

	background:#100c08;

	width:155px;

	height:25px;

	font:12px Arial, sans-serif;

	color:#7b6a4f;

	padding:0 10px;

	-webkit-appearance: none;

}



#content #left form input[type=password] {

	border:1px solid #392c22;

	border-radius:4px;

	background:#100c08;

	width:155px;

	height:25px;

	font:12px Arial, sans-serif;

	color:#7b6a4f;

	padding:0 10px;

	-webkit-appearance: none;

}



#content #left form .other {

	display:flex;

}



#content #left form .other .links {

	width:160px;

	padding-top:2px;

	float:right;

	text-align:right;

}



#content #left form .other .links a {

	font:13px 'Devanagari', sans-serif;

}



#content #left form .other input[type=submit] {

	text-transform:uppercase;

	border:1px solid #392c22;

	border-radius:6px;

	background:#100c08;

	width:80px;

	height:28px;

	font:13px 'Devanagari', sans-serif;

	color:#948063;

	padding:3px 10px 0 10px;

	-webkit-appearance: none;

	margin-left:10px;

	margin-top:6px;

}



#content #left form .other input[type=submit]:hover {

	background:#14100b;

	cursor:pointer;

}



#content #left form .other input[type=submit]:active {

	background:#0c0805;

}



#content #left #toppvppk{

	margin:0 auto;

	padding-top:6px;

	position:relative;

	font-family:'Devanagari';

}



#content #left #toppvppk .numb{

	color:#949190;
	width:42px;
	padding:0;
	text-align:center;

}



#content #left #toppvppk .name{

	color:#E3A982;

}



#content #left #toppvppk .point{

	color:#FFFFFF;
	width:38px;
	padding:0;
	text-align:center;

}



#content #left .top_table{

	width:223px;

	font-size:14px;

	margin-left:10px;

}



#content #left .top_table tr{

	height:23px;

}

#content #left #toppvppk .top_table tbody tr:nth-child(-n+3) .numb {
	white-space:nowrap;
}

#content #left #toppvppk .top_table tbody tr:nth-child(-n+3) .numb::before {
	content:"★";
	display:inline-block;
	margin-right:3px;
	font-size:10px;
	line-height:1;
	vertical-align:1px;
}

#content #left #toppvppk .top_table tbody tr:first-child .numb::before {
	color:#f0c568;
	text-shadow:0 0 6px rgba(240, 197, 104, .72);
}

#content #left #toppvppk .top_table tbody tr:nth-child(2) .numb::before {
	color:#c8c5bd;
	text-shadow:0 0 5px rgba(210, 210, 205, .48);
}

#content #left #toppvppk .top_table tbody tr:nth-child(3) .numb::before {
	color:#bd7949;
	text-shadow:0 0 5px rgba(189, 121, 73, .50);
}

#content #left #toppvppk .top_table td {
	position:relative;
	transition:
		background-color .18s ease,
		box-shadow .18s ease,
		color .18s ease,
		text-shadow .18s ease;
}

@media (hover:hover) {
	#content #left #toppvppk .top_table tbody tr:hover td {
		background:
			linear-gradient(180deg,
				rgba(70, 43, 23, .94) 0%,
				rgba(38, 22, 13, .95) 48%,
				rgba(21, 12, 8, .97) 100%);
		box-shadow:
			inset 0 1px 0 rgba(238, 190, 119, .28),
			inset 0 -1px 0 rgba(69, 39, 21, .88),
			0 4px 9px rgba(0, 0, 0, .28);
	}

	#content #left #toppvppk .top_table tbody tr:hover td:first-child {
		border-radius:4px 0 0 4px;
		box-shadow:
			inset 3px 0 0 rgba(202, 139, 67, .82),
			inset 0 1px 0 rgba(238, 190, 119, .28),
			inset 0 -1px 0 rgba(69, 39, 21, .88),
			0 4px 9px rgba(0, 0, 0, .28);
	}

	#content #left #toppvppk .top_table tbody tr:hover td:last-child {
		border-radius:0 4px 4px 0;
	}

	#content #left #toppvppk .top_table tbody tr:hover .name {
		color:#f0c58f;
		text-shadow:0 1px 0 #000, 0 0 6px rgba(224, 169, 104, .20);
	}

	#content #left #toppvppk .top_table tbody tr:hover .point {
		color:#fff4df;
		text-shadow:0 1px 0 #000, 0 0 5px rgba(255, 221, 169, .18);
	}
}

@media (prefers-reduced-motion: reduce) {
	#content #left #toppvppk .top_table td {
		transition:none;
	}
}



#content #left ul.tabs {

	list-style:none;

	margin:0;

	margin-left:180px;

	position:relative;

	top:-12px;

	display:block; 

}



#content #left .tabs li {

	display:inline;

	color:#E5C9B9;

	cursor:pointer;

	position:relative;

	padding:0px 0px 0px 6px;

	margin-left:0px;

	padding:5px;

	border-radius:20px;

}

#content #left .tabs li:hover,

#content #left .vertical .tabs li:hover {

	color:#F70;

}



#content #left .tabs li.current {

	color:#E3A982;

	background:rgba(128,128,128,0.5);

}



#content #left ul.servtabs {

    list-style:none;

    margin:0;

    padding-left:10px;

    position:relative;

    top:5px;

    display:block;

}

#content #left .servtabs li {

    display:inline;

    color:#E5C9B9;

    cursor:pointer;

    position:relative;

    padding:0px 0px 0px 6px;

    margin-left:0px;

    padding:5px;

    border-radius:20px;

}

#content #left .servtabs li:hover {

    color:#F70;

}

#content #left .servtabs li.current {

    color:#E3A982;

    background:rgba(128,128,128,0.5);

}



#content #left .box {

	display:none;

}

#content #left .box.visible {

	display:block;

}



#content #left .section.vertical {

	

}

#content #right #status {

	width:243px;

	padding:13px 0 5px 0;

	margin-left:8px;

	text-transform:uppercase;

	font:12px 'Devanagari', sans-serif;

	color:#948063;

}



#content #right #status #load-form {

	height:18px;

	width:243px;

	background:#0e0907;

	margin:5px auto 10px auto;

	position:relative;

	border:1px solid #392c22;

} 



#content #right #status #load-form .load-line1 {

	background:#90cb22;

	width:0;

	height:18px;

	position:absolute;

	max-width:243px;

}



#content #right #status .asdw1 {

	float:none;

	font-size:14px;

	color:#80e200;

	margin-top:0;

	margin-left:0;

	line-height:1;

}



#content #right #status .players {

	float:right;

	color:#948063;

	display:inline-flex;

	align-items:baseline;

	gap:3px;

	vertical-align:top;

}



#content #right #status #load-form .load-line2 {

	background:#90cb22;

	width:0;

	height:18px;

	position:absolute;

	max-width:243px;

}



#content #right #status .asdw2 {

	float:none;

	font-size:14px;

	color:#80e200;

	margin-top:0;

	margin-left:0;

	line-height:1;

}



#content #right #status .server {

	display:inline-flex;

	align-items:baseline;

	gap:3px;

	vertical-align:top;

}



#content #right #status .server .online {

	color:#80e200;

}



#content #right #status .server .offline {

	color:#e20000;

}



#credits {

	text-align:center;

	font:12px 'Devanagari', sans-serif;

	color:#bfb497;

	margin-top:155px;

}



#credits .trademarks {

	color:#837663;

}



footer {

    background-color:#0a0500;

    background-image:
        url('../images/footer.png'),
        radial-gradient(ellipse at center bottom, #16100a 0%, #0f0a05 38%, #0a0500 78%);

    background-repeat:no-repeat, no-repeat;

    background-position:center bottom, center bottom;

    background-size:auto, 1902px 318px;

    height:443px;

    z-index:0;

    position:relative;

    pointer-events:none;

    transform:translateZ(0);

    margin-top:-405px;

}

/* reload cleanup layout */
#top #tcontent {
    justify-content: center;
}

#top #tcontent .languages {
    width: auto;
}

nav ul#nav {
    justify-content: center;
    padding: 34px 0 0 0;
}

/* prevent hover flash on reload */
.fhover {
    opacity: 0;
}

nav ul#nav a {
    position: relative;
    overflow: hidden;
}

nav ul#nav a .fhover {
    position: absolute;
    top: 0;
    left: 0;
}

/* stable initial red theme */
html,
body {
    background-color: #0a0500;
}

/* wider reload layout */
#top #tcontent {
    width:1260px;
}

#wrapper,
nav {
    width:1280px;
}

nav {
    background-size:100% 152px;
}

nav ul#nav {
    justify-content:center;
}

#content {
    width:1260px;
    background-color:#050302;
    background-size:100% auto;
}

#content #left,
#content #right {
    flex:0 0 265px;
}

#content #news {
    width:700px;
    margin-left:10px;
}

#content #news article {
    width:700px;
    background-size:100% 114px;
}

#content #news article .text {
    width:680px;
}

#content #news article .ndivider {
    width:700px;
    background-size:100% 22px;
}

#content #news article .author,
#content #news article .date {
    width:350px;
}

#cbot {
    width:1280px;
    background-size:100% 84px;
}

#credits {
    width:1260px;
}

/* wider english navigation items */
nav ul#nav {
    padding-left:10px;
    padding-right:10px;
}

nav ul#nav li .home_en,
nav ul#nav li .home_en .fhover,
nav ul#nav li .features_en,
nav ul#nav li .features_en .fhover,
nav ul#nav li .downloads_en,
nav ul#nav li .downloads_en .fhover,
nav ul#nav li .account_en,
nav ul#nav li .account_en .fhover,
nav ul#nav li .account_box_en,
nav ul#nav li .account_box_en .fhover,
nav ul#nav li .donation_en,
nav ul#nav li .donation_en .fhover {
    background-image:url('../images/nav_en_account.png');
    background-size:1260px 148px;
}

nav ul#nav li .home_en,
nav ul#nav li .home_en .fhover {
    width:193px;
}

nav ul#nav li .features_en,
nav ul#nav li .features_en .fhover {
    width:182px;
}

nav ul#nav li .downloads_en,
nav ul#nav li .downloads_en .fhover {
    width:255px;
}

nav ul#nav li .account_en,
nav ul#nav li .account_en .fhover {
    width:227px;
}

nav ul#nav li .account_box_en,
nav ul#nav li .account_box_en .fhover {
    width:163px;
}

nav ul#nav li .donation_en,
nav ul#nav li .donation_en .fhover {
    width:240px;
}

nav ul#nav li .home_en { background-position:0 0; }
nav ul#nav li .home_en .fhover { background-position:0 -74px; }

nav ul#nav li .features_en { background-position:-193px 0; }
nav ul#nav li .features_en .fhover { background-position:-193px -74px; }

nav ul#nav li .downloads_en { background-position:-375px 0; }
nav ul#nav li .downloads_en .fhover { background-position:-375px -74px; }

nav ul#nav li .account_en { background-position:-630px 0; }
nav ul#nav li .account_en .fhover { background-position:-630px -74px; }

nav ul#nav li .account_box_en { background-position:-857px 0; }
nav ul#nav li .account_box_en .fhover { background-position:-857px -74px; }

nav ul#nav li .donation_en { background-position:-1020px 0; }
nav ul#nav li .donation_en .fhover { background-position:-1020px -74px; }

/* top100 full visual table */
body.top100-page #content {
    align-items:stretch;
}

body.top100-page #content #news.top100-board-wrap {
    width:700px;
    margin-left:10px;
    padding:12px 0 34px 0;
}

.top100-board {
    width:100%;
    border:1px solid #72523a;
    background:rgba(5, 3, 2, 0.92);
    box-shadow:inset 0 0 0 1px rgba(185, 143, 90, 0.15);
}

.top100-tabs {
    list-style:none;
    display:flex;
    gap:16px;
    margin:0;
    padding:14px 16px 0 16px;
    height:54px;
    border-bottom:1px solid rgba(114, 82, 58, 0.75);
}

.top100-tabs li {
    color:#9b8f82;
    font:15px 'Devanagari', Georgia, serif;
    text-transform:uppercase;
    padding:0 10px 17px 10px;
}

.top100-tabs li.active {
    color:#e0b985;
    border-bottom:2px solid #b64a3e;
}

.top100-wide-table {
    width:100%;
    border-collapse:separate;
    border-spacing:0 10px;
    padding:18px 18px 6px 18px;
    color:#bfb497;
    font:14px 'Devanagari', Georgia, serif;
}

.top100-wide-table th {
    color:#c9bba6;
    font-size:14px;
    text-align:left;
    padding:8px 12px 16px 12px;
}

.top100-wide-table td {
    background:rgba(28, 18, 12, 0.82);
    padding:12px 8px;
    vertical-align:middle;
}

.top100-wide-table tbody tr td:first-child {
    border-radius:4px 0 0 4px;
}

.top100-wide-table tbody tr td:last-child {
    border-radius:0 4px 4px 0;
}

.top100-wide-table .rank {
    width:38px;
    text-align:center;
}

.top100-wide-table strong {
    color:#d6c8b1;
    font-weight:normal;
}

.avatar {
    display:inline-flex;
    width:28px;
    height:28px;
    border-radius:50%;
    align-items:center;
    justify-content:center;
    margin-right:8px;
    color:#f4e4c5;
    font-size:16px;
    background:#34414b;
    box-shadow:0 0 0 2px rgba(0,0,0,0.35);
}

.avatar.blonde { background:#8c6b3e; }
.avatar.elf { background:#9a5138; }
.avatar.pale { background:#8a8d73; }
.avatar.darkelf { background:#3f6066; }

.crest {
    display:inline-block;
    width:26px;
    height:14px;
    margin-right:8px;
    vertical-align:-2px;
    background:linear-gradient(90deg, #183739, #7ab2a6 40%, #121819);
}

.crest.red {
    background:linear-gradient(90deg, #451109, #b54722 45%, #140604);
}

.dot {
    display:inline-block;
    width:9px;
    height:9px;
    border-radius:50%;
}

.dot.online {
    background:#7bc61d;
    box-shadow:0 0 8px rgba(123, 198, 29, 0.55);
}

.dot.offline {
    background:#b43d35;
}

/* Top Players: restrained bronze 3D treatment that preserves the original theme. */
body.top100-page .top100-board {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    transform-style:preserve-3d;
    background:
        radial-gradient(circle at 50% -25%, rgba(167, 112, 55, .14), transparent 42%),
        linear-gradient(180deg, rgba(13, 8, 5, .97), rgba(4, 2, 1, .98));
    box-shadow:
        0 18px 38px rgba(0, 0, 0, .58),
        0 0 18px rgba(132, 84, 39, .10),
        inset 0 1px 0 rgba(225, 181, 112, .18),
        inset 0 0 42px rgba(0, 0, 0, .52);
}

body.top100-page .top100-board::before {
    content:"";
    position:absolute;
    z-index:0;
    top:-45%;
    left:-38%;
    width:38%;
    height:190%;
    pointer-events:none;
    opacity:.18;
    transform:rotate(15deg);
    background:linear-gradient(
        90deg,
        transparent,
        rgba(228, 184, 111, .04),
        rgba(228, 184, 111, .28),
        rgba(228, 184, 111, .04),
        transparent
    );
    animation:top100-bronze-sweep 11s ease-in-out infinite;
}

body.top100-page .top100-board > * {
    position:relative;
    z-index:1;
}

body.top100-page .top100-tabs {
    background:linear-gradient(180deg, rgba(31, 20, 13, .42), rgba(4, 2, 1, .18));
    box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .65);
}

body.top100-page .top100-tabs li {
    position:relative;
    cursor:pointer;
    transform-origin:center bottom;
    transition:
        color .22s ease,
        text-shadow .22s ease,
        transform .22s ease,
        filter .22s ease;
}

body.top100-page .top100-tabs li.active {
    text-shadow:0 0 10px rgba(224, 185, 133, .34);
}

body.top100-page .top100-wide-table tbody tr {
    transform-origin:center;
    animation:top100-row-arrive .42s cubic-bezier(.2, .75, .25, 1) backwards;
}

body.top100-page .top100-wide-table tbody tr:nth-child(2) { animation-delay:.035s; }
body.top100-page .top100-wide-table tbody tr:nth-child(3) { animation-delay:.07s; }
body.top100-page .top100-wide-table tbody tr:nth-child(4) { animation-delay:.105s; }
body.top100-page .top100-wide-table tbody tr:nth-child(5) { animation-delay:.14s; }
body.top100-page .top100-wide-table tbody tr:nth-child(n+6) { animation-delay:.175s; }

body.top100-page .top100-wide-table td {
    position:relative;
    text-align:center;
    border-top:1px solid rgba(123, 83, 49, .10);
    border-bottom:1px solid rgba(0, 0, 0, .48);
    background:
        linear-gradient(180deg, rgba(36, 23, 15, .88), rgba(20, 12, 8, .90));
    box-shadow:inset 0 1px 0 rgba(220, 170, 102, .035);
    transition:
        background .24s ease,
        border-color .24s ease,
        box-shadow .24s ease,
        color .24s ease;
}

body.top100-page .top100-wide-table th {
    text-align:center;
}

body.top100-page .top100-wide-table tbody tr:first-child td {
    background:
        linear-gradient(180deg, rgba(65, 41, 20, .92), rgba(29, 17, 10, .94));
    border-top-color:rgba(209, 157, 82, .32);
}

body.top100-page .top100-wide-table tbody tr:nth-child(2) td {
    background:
        linear-gradient(180deg, rgba(48, 32, 22, .90), rgba(24, 15, 11, .92));
}

body.top100-page .top100-wide-table tbody tr:nth-child(3) td {
    background:
        linear-gradient(180deg, rgba(44, 28, 18, .90), rgba(22, 13, 9, .92));
}

body.top100-page .top100-wide-table tbody tr:nth-child(-n+3) .rank {
    color:#e0b985;
    text-shadow:0 0 8px rgba(224, 185, 133, .26);
    white-space:nowrap;
}

body.top100-page .top100-wide-table tbody tr:nth-child(-n+3) .rank::before {
    content:"★";
    display:inline-block;
    margin-right:5px;
    font-size:13px;
    line-height:1;
    vertical-align:1px;
}

body.top100-page .top100-wide-table tbody tr:first-child .rank::before {
    color:#f0c568;
    text-shadow:0 0 7px rgba(240, 197, 104, .72);
}

body.top100-page .top100-wide-table tbody tr:nth-child(2) .rank::before {
    color:#c8c5bd;
    text-shadow:0 0 6px rgba(210, 210, 205, .48);
}

body.top100-page .top100-wide-table tbody tr:nth-child(3) .rank::before {
    color:#bd7949;
    text-shadow:0 0 6px rgba(189, 121, 73, .50);
}

body.top100-page .dot.online {
    animation:top100-online-pulse 2.2s ease-in-out infinite;
}

@media (hover:hover) and (min-width:901px) {
    body.top100-page .top100-tabs li:hover {
        color:#e5c594;
        filter:brightness(1.12);
        transform:perspective(240px) rotateX(-9deg) translateY(-2px);
        text-shadow:0 5px 12px rgba(0, 0, 0, .8), 0 0 8px rgba(213, 162, 91, .28);
    }

    body.top100-page .top100-wide-table tbody tr {
        transition:none;
    }

    body.top100-page .top100-wide-table tbody tr:hover {
        z-index:3;
    }

    body.top100-page .top100-wide-table tbody tr:hover td {
        border-top-color:rgba(213, 158, 86, .36);
        border-bottom-color:rgba(95, 58, 30, .62);
        background:
            linear-gradient(180deg, rgba(68, 42, 23, .95), rgba(31, 18, 11, .96));
        box-shadow:
            inset 0 1px 0 rgba(242, 196, 126, .12),
            0 8px 18px rgba(0, 0, 0, .25);
    }

    body.top100-page .top100-wide-table tbody tr:hover td:first-child {
        box-shadow:
            inset 3px 0 0 rgba(203, 143, 70, .78),
            inset 0 1px 0 rgba(242, 196, 126, .12),
            0 8px 18px rgba(0, 0, 0, .25);
    }
}

@keyframes top100-bronze-sweep {
    0%, 18% { left:-42%; opacity:0; }
    34% { opacity:.18; }
    62% { left:108%; opacity:.13; }
    63%, 100% { left:108%; opacity:0; }
}

@keyframes top100-row-arrive {
    from {
        opacity:0;
        transform:perspective(900px) translateY(8px) rotateX(-3deg);
    }
    to {
        opacity:1;
        transform:perspective(900px) translateY(0) rotateX(0);
    }
}

@keyframes top100-online-pulse {
    0%, 100% {
        box-shadow:0 0 7px rgba(123, 198, 29, .48);
        transform:scale(1);
    }
    50% {
        box-shadow:0 0 13px rgba(143, 220, 38, .82);
        transform:scale(1.14);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.top100-page .top100-board::before,
    body.top100-page .top100-wide-table tbody tr,
    body.top100-page .dot.online {
        animation:none !important;
    }

    body.top100-page .top100-tabs li,
    body.top100-page .top100-wide-table tbody tr,
    body.top100-page .top100-wide-table td {
        transition:none !important;
    }
}

/* formatted admin news */
#content #news article .text .news-formatted {
    white-space:normal;
    line-height:1.45;
}

#content #news article .text .news-formatted p {
    margin:0 0 14px 0;
}

#content #news article .text .news-formatted p:last-child {
    margin-bottom:0;
}

#content #news article .text strong {
    color:#d8b77f;
    font-weight:bold;
}



/* forum menu item: nav_en_account.png with FORUM text in the last slot */
nav ul#nav li .donation_en,
nav ul#nav li .donation_en .fhover {
    background-image:url('../images/nav_en_account_forum.png');
}


/* active language flag */
#top #tcontent .languages ul li a.active-lang {
    filter:brightness(1.35);
    box-shadow:0 0 8px rgba(222, 184, 115, 0.75);
}


/* multilingual unicode font fallback */
html[lang="lt"] #content,
html[lang="ru"] #content,
html[lang="es"] #content,
html[lang="gr"] #content,
.news-formatted {
    font-family: Georgia, "Times New Roman", "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", Arial, Helvetica, sans-serif !important;
}

.news-formatted strong,
.news-formatted span {
    font-family: inherit !important;
}


/* mobile responsive layout */
@media (max-width: 900px) {
    html,
    body {
        width:100%;
        min-width:0;
        overflow-x:hidden;
        background-size:auto 520px;
    }

    * {
        box-sizing:border-box;
    }

    #top #tcontent {
        width:100%;
        padding:0 8px;
    }

    #top #tcontent .languages {
        width:100%;
        justify-content:center;
    }

    #top #tcontent .languages ul {
        padding-left:0;
        justify-content:center;
    }

    header {
        height:300px;
        overflow:hidden;
    }

    header #hinner {
        width:100%;
        left:0;
        margin-left:0;
    }

    header #hvideo {
        width:100%;
        height:300px;
        left:0;
        margin-left:0;
    }

    header #hvideo video {
        width:100%;
        height:300px;
        object-fit:cover;
        object-position:center top;
    }

    #wrapper {
        width:100%;
        max-width:100%;
        margin:-92px auto 0 auto;
        padding:0 8px;
    }

    nav {
        width:100%;
        height:auto;
        min-height:132px;
        background:url('../images/navbg.png') center top / cover no-repeat;
        padding:8px 0 14px 0;
    }

    nav ul#nav {
        width:100%;
        height:auto;
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:4px 6px;
        padding:14px 10px 8px 10px !important;
        margin:0;
    }

    nav ul#nav li {
        width:auto;
        height:auto;
        float:none;
        display:block;
    }

    nav ul#nav li a,
    nav ul#nav li a .fhover,
    nav ul#nav li .home_en,
    nav ul#nav li .features_en,
    nav ul#nav li .downloads_en,
    nav ul#nav li .account_en,
    nav ul#nav li .account_box_en,
    nav ul#nav li .donation_en {
        width:100% !important;
        height:38px !important;
        background:none !important;
        background-image:none !important;
    }

    nav ul#nav li a {
        display:flex !important;
        align-items:center;
        justify-content:center;
        position:relative;
        color:#d9bd84;
        text-decoration:none;
        font:16px Georgia, "Times New Roman", serif;
        text-transform:uppercase;
        text-shadow:0 2px 4px #000, 0 0 8px rgba(218, 181, 110, 0.35);
        border:1px solid rgba(108, 77, 43, 0.45);
        background:rgba(15, 9, 4, 0.76) !important;
    }

    nav ul#nav li a .fhover {
        display:none !important;
    }

    nav ul#nav li .home_en:before { content:"HOME"; }
    nav ul#nav li .features_en:before { content:"FEATURES"; }
    nav ul#nav li .downloads_en:before { content:"DOWNLOADS"; }
    nav ul#nav li .account_en:before { content:"TOP PLAYERS"; }
    nav ul#nav li .account_box_en:before { content:"ACCOUNT"; }
    nav ul#nav li .donation_en:before { content:"FORUM"; }

    #content {
        width:100%;
        min-height:0;
        margin-left:0;
        display:flex;
        flex-direction:column;
        background:#050302;
        padding:0 8px 18px 8px;
    }

    #content #left,
    #content #right,
    #content #news,
    body.top100-page #content #news.top100-board-wrap {
        width:100%;
        flex:0 0 auto;
        margin:0;
        padding:0;
        order:0;
    }

    #content #news {
        order:1;
    }

    #content #left {
        order:2;
        margin-top:12px;
    }

    #content #right {
        order:3;
        margin-top:12px;
    }

    #content #news article,
    #content #news article .text,
    #content #news article .ndivider,
    #content #news article .author,
    #content #news article .date {
        width:100%;
    }

    #content #news article {
        background-size:100% 64px;
        min-height:0;
        padding-bottom:8px;
    }

    #content #news article .title {
        padding:13px 12px 10px 16px;
        min-height:42px;
        font-size:14px;
    }

    #content #news article .text {
        margin-left:0;
        padding:10px 12px 0 12px;
        font-size:14px;
        line-height:1.45;
    }

    #content #news article .ndivider {
        display:flex;
    }

    #content #news article .author,
    #content #news article .date {
        flex:1 1 50%;
    }

    #content #stitle,
    #content #sbg,
    #content #sbot {
        width:100%;
        background-size:100% 100%;
    }

    #content #sbg {
        min-height:0;
        padding-bottom:8px;
    }

    #content #left #toppvppk,
    #content #left .top_table,
    #content #right #votes,
    #content #right #status,
    #content #right #status #load-form {
        width:100%;
    }

    #content #right #votes .topzone,
    #content #right #votes .hopzone,
    #content #right #votes .l2jlt,
    #content #right #votes .topzone .fhover,
    #content #right #votes .hopzone .fhover,
    #content #right #votes .l2jlt .fhover {
        width:100%;
        max-width:245px;
        margin-left:auto;
        margin-right:auto;
    }

    #content #right #status #load-form .load-line1,
    #content #right #status #load-form .load-line2 {
        max-width:100%;
    }

    .top100-board {
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }

    .top100-tabs {
        height:auto;
        flex-wrap:wrap;
        gap:8px;
        padding:12px 10px;
    }

    .top100-tabs li {
        padding:0 6px 8px 6px;
        font-size:13px;
    }

    .top100-wide-table {
        min-width:760px;
        padding:10px;
        font-size:13px;
    }

    #cbot,
    #credits {
        width:100%;
        max-width:100%;
    }

    #credits {
        padding:0 12px 20px 12px;
        line-height:1.35;
    }

    iframe,
    img,
    video {
        max-width:100%;
    }
}

@media (max-width: 480px) {
    header,
    header #hvideo,
    header #hvideo video {
        height:240px;
    }

    #wrapper {
        margin-top:-72px;
        padding:0 4px;
    }

    nav ul#nav {
        grid-template-columns:1fr;
        padding-left:8px !important;
        padding-right:8px !important;
    }

    nav ul#nav li a {
        height:34px !important;
        font-size:14px;
    }

    #content {
        padding-left:5px;
        padding-right:5px;
    }

    #content #news article .text {
        font-size:13px;
        padding-left:8px;
        padding-right:8px;
    }

    #content #news article .author,
    #content #news article .date {
        font-size:10px;
    }
}


/* Compact home overview in the right column. */
body.home-page .home-side-card {
    padding:12px 10px 13px;
    color:#9f8c6e;
    font-family:Verdana, Arial, sans-serif;
}

body.home-page .home-play-card {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% -20%, rgba(122, 91, 52, .11), transparent 45%),
        linear-gradient(180deg, rgba(12, 9, 6, .98), rgba(2, 2, 1, .99));
    box-shadow:
        inset 0 1px 0 rgba(232, 184, 113, .16),
        inset 0 -1px 0 rgba(0, 0, 0, .88),
        inset 1px 0 0 rgba(132, 87, 48, .12),
        inset -1px 0 0 rgba(132, 87, 48, .12),
        inset 0 0 28px rgba(0, 0, 0, .54),
        0 7px 18px rgba(0, 0, 0, .28);
}

body.home-page .home-play-card::before {
    content:"";
    position:absolute;
    z-index:0;
    top:-32px;
    left:-55%;
    width:42%;
    height:160px;
    pointer-events:none;
    opacity:0;
    transform:skewX(-22deg);
    background:linear-gradient(90deg, transparent, rgba(232, 178, 99, .14), transparent);
    animation:home-server-gleam 8s ease-in-out infinite;
}

body.home-page .home-play-card > * {
    position:relative;
    z-index:1;
}

body.home-page .home-side-live {
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:11px;
    padding-bottom:10px;
    border-bottom:1px solid #392719;
}

body.home-page .home-side-live .home-live-dot {
    flex:0 0 9px;
    width:9px;
    height:9px;
}

body.home-page .home-side-live small,
body.home-page .home-side-live strong {
    display:block;
}

body.home-page .home-side-live small {
    color:#74644f;
    font-size:9px;
    line-height:1.25;
    text-transform:uppercase;
    letter-spacing:.6px;
}

body.home-page .home-side-live strong {
    margin-top:3px;
    color:#c9aa72;
    font:12px 'Devanagari', Georgia, serif;
    text-transform:uppercase;
}

body.home-page .home-side-primary,
body.home-page .home-side-secondary {
    display:flex;
    width:100%;
    height:37px;
    box-sizing:border-box;
    align-items:center;
    justify-content:center;
    margin-bottom:7px;
    border:1px solid #725034;
    background:linear-gradient(#2b1a10, #120b07);
    color:#c9ad7b;
    font:12px 'Devanagari', Georgia, serif;
    letter-spacing:1.2px;
    text-decoration:none;
    box-shadow:
        inset 0 1px 0 rgba(223, 171, 101, .13),
        inset 0 -1px 0 rgba(0, 0, 0, .72),
        0 4px 8px rgba(0, 0, 0, .22);
    transition:
        border-color .18s ease,
        background-color .18s ease,
        box-shadow .18s ease,
        color .18s ease;
}

body.home-page .home-side-primary {
    position:relative;
    height:44px;
    margin-bottom:12px;
    overflow:hidden;
    border-color:#b57d40;
    background:
        radial-gradient(circle at 50% 0, rgba(191, 145, 83, .12), transparent 58%),
        linear-gradient(#3b2818, #150d07);
    color:#ffe0a0;
    font-size:13px;
    letter-spacing:1.8px;
    text-shadow:0 1px 0 #000, 0 0 8px rgba(255, 210, 137, .17);
}

body.home-page .home-side-primary::before,
body.home-page .home-side-primary::after {
    content:"◆";
    position:absolute;
    top:50%;
    margin-top:-4px;
    color:#d29a54;
    font-size:8px;
    line-height:1;
    text-shadow:0 0 6px rgba(210, 154, 84, .44);
}

body.home-page .home-side-primary::before {
    left:18px;
}

body.home-page .home-side-primary::after {
    right:18px;
}

body.home-page .home-side-primary:hover,
body.home-page .home-side-secondary:hover {
    border-color:#d09a57;
    color:#ffe5b0;
    text-decoration:none;
    box-shadow:
        inset 0 1px 0 rgba(255, 218, 158, .25),
        inset 0 -2px 0 rgba(0, 0, 0, .78),
        0 7px 13px rgba(0, 0, 0, .35),
        0 0 9px rgba(180, 117, 49, .12);
}

body.home-page .home-side-primary:hover {
    background:
        radial-gradient(circle at 50% 0, rgba(214, 165, 96, .17), transparent 60%),
        linear-gradient(#4b321d, #1c1109);
}

body.home-page .home-side-secondary:hover {
    background:linear-gradient(#382218, #170d08);
}

body.home-page .home-side-specs {
    margin-top:0;
    padding:2px 8px;
    border:1px solid #3f2b1d;
    background:
        linear-gradient(180deg, rgba(17, 12, 8, .92), rgba(5, 4, 3, .97));
    box-shadow:
        inset 0 1px 0 rgba(193, 139, 76, .10),
        inset 0 0 14px rgba(0, 0, 0, .44);
}

body.home-page .home-side-specs > div {
    display:flex;
    justify-content:space-between;
    gap:8px;
    padding:8px 2px;
    border-bottom:1px solid #2d2017;
}

body.home-page .home-side-specs > div:last-child {
    border-bottom:0;
}

body.home-page .home-side-specs span {
    color:#70604d;
    font-size:9px;
    text-transform:uppercase;
}

body.home-page .home-side-specs b {
    color:#b89b6b;
    font-size:10px;
    font-weight:normal;
    text-align:right;
}

body.home-page .home-side-features {
    margin-top:8px;
    padding:8px 7px 6px;
    border-top:1px solid rgba(93, 62, 37, .52);
    border-bottom:1px solid rgba(93, 62, 37, .42);
    background:rgba(9, 5, 3, .30);
}

body.home-page .home-side-features span {
    display:block;
    padding:3px 0;
    color:#88765c;
    font-size:9px;
    line-height:1.35;
}

body.home-page .home-side-features span:before {
    content:"◆";
    margin-right:6px;
    color:#8c5b32;
    font-size:7px;
}

body.home-page .home-side-links {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
    margin-top:8px;
}

body.home-page .home-side-links a {
    padding:7px 3px;
    border:1px solid #3f2d20;
    background:linear-gradient(180deg, rgba(24, 17, 11, .82), rgba(8, 6, 4, .92));
    color:#927c5a;
    font:9px Verdana, Arial, sans-serif;
    text-align:center;
    text-decoration:none;
    box-shadow:
        inset 0 1px 0 rgba(188, 133, 73, .09),
        0 3px 7px rgba(0, 0, 0, .20);
}

body.home-page .home-side-links a:hover {
    border-color:#795536;
    background:linear-gradient(180deg, rgba(39, 27, 16, .88), rgba(12, 8, 5, .95));
    color:#c4a875;
    text-decoration:none;
}

@keyframes home-server-gleam {
    0%, 68% { left:-55%; opacity:0; }
    73% { opacity:.65; }
    86% { left:118%; opacity:.10; }
    87%, 100% { left:118%; opacity:0; }
}

@media (prefers-reduced-motion: reduce) {
    body.home-page .home-play-card::before {
        animation:none;
    }

    body.home-page .home-side-primary,
    body.home-page .home-side-secondary {
        transition:none;
    }
}

@media (min-width: 901px) {
    body.home-page #wrapper,
    body.home-page nav {
        width:1280px;
        max-width:calc(100vw - 24px);
    }

    body.home-page #content {
        width:98.039216%;
        margin-left:0.980392%;
    }

    body.home-page #content #left,
    body.home-page #content #right {
        flex:0 0 265px;
    }

    body.home-page #content #news {
        width:auto;
        flex:1 1 auto;
        margin-left:10px;
    }

    body.home-page #content #news article,
    body.home-page #content #news article .ndivider {
        width:100%;
    }

    body.home-page #content #news article .text {
        width:calc(100% - 20px);
    }
}

@media (max-width: 900px) {
    body.home-page .home-side-card {
        max-width:340px;
        margin:0 auto;
    }
}

/* =========================================================
   L2Reload home refresh — scoped only to the front page
   ========================================================= */
body.home-page #news {
    color:#b9a98d;
}

body.home-page .home-hero {
    position:relative;
    overflow:hidden;
    margin:0 0 18px;
    padding:32px 34px 28px;
    border:1px solid #5e432b;
    background:
        radial-gradient(circle at 78% 18%, rgba(164,89,35,.18), transparent 31%),
        linear-gradient(135deg, rgba(30,17,10,.97), rgba(8,5,3,.96) 58%, rgba(20,10,5,.96));
    box-shadow:inset 0 0 45px rgba(0,0,0,.78), 0 12px 32px rgba(0,0,0,.28);
}

body.home-page .home-hero:before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:linear-gradient(90deg, transparent, #c8873f 28%, #f0c477 50%, #c8873f 72%, transparent);
    opacity:.72;
}

body.home-page .home-eyebrow {
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:14px;
    color:#b59a70;
    font:12px 'Devanagari', Georgia, serif;
    letter-spacing:1.8px;
    text-transform:uppercase;
}

body.home-page .home-live-dot {
    width:8px;
    height:8px;
    border-radius:50%;
    background:#8b3128;
    box-shadow:0 0 9px rgba(190,52,35,.7);
}

body.home-page .home-live-dot.is-online {
    background:#8fd52f;
    box-shadow:0 0 10px rgba(143,213,47,.85);
}

body.home-page .home-hero h1 {
    margin:0;
    color:#e9d5a9;
    font:700 35px/1.08 Georgia, 'Times New Roman', serif;
    letter-spacing:1.5px;
    text-shadow:0 2px 0 #000, 0 0 18px rgba(201,137,64,.22);
}

body.home-page .home-hero h1 span {
    color:#c28b4c;
}

body.home-page .home-lead {
    max-width:700px;
    margin:17px 0 21px;
    color:#bbae98;
    font:15px/1.65 Verdana, Arial, sans-serif;
}

body.home-page .home-actions {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:27px;
}

body.home-page .home-btn {
    display:inline-flex;
    min-width:150px;
    height:43px;
    align-items:center;
    justify-content:center;
    padding:0 20px;
    border:1px solid #745134;
    background:linear-gradient(#2b1a10, #120b07);
    color:#c9ad7b;
    font:13px 'Devanagari', Georgia, serif;
    letter-spacing:1.4px;
    text-decoration:none;
    box-shadow:inset 0 0 18px rgba(0,0,0,.5);
}

body.home-page .home-btn:hover {
    border-color:#b98548;
    color:#f0d7a6;
    text-decoration:none;
}

body.home-page .home-btn-primary {
    border-color:#c28b4c;
    background:linear-gradient(#6d431d, #2e190b);
    color:#ffe1a2;
    box-shadow:0 0 16px rgba(178,107,42,.2), inset 0 0 16px rgba(255,184,84,.08);
}

body.home-page .home-btn-quiet {
    border-color:#463325;
    color:#99866a;
}

body.home-page .home-stats {
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    border-top:1px solid #392719;
    border-bottom:1px solid #392719;
    background:rgba(0,0,0,.25);
}

body.home-page .home-stats > div {
    min-width:0;
    padding:14px 15px;
    border-right:1px solid #392719;
}

body.home-page .home-stats > div:last-child {
    border-right:0;
}

body.home-page .home-stats span,
body.home-page .home-stats strong {
    display:block;
}

body.home-page .home-stats span {
    margin-bottom:5px;
    color:#75654e;
    font:10px Verdana, Arial, sans-serif;
    letter-spacing:1.2px;
}

body.home-page .home-stats strong {
    color:#d4b97f;
    font:14px 'Devanagari', Georgia, serif;
    white-space:nowrap;
}

body.home-page .home-highlights {
    display:flex;
    flex-wrap:wrap;
    gap:8px 18px;
    padding-top:18px;
    color:#9d8a6c;
    font:12px/1.4 Verdana, Arial, sans-serif;
}

body.home-page .home-highlights span:before {
    content:"◆";
    margin-right:7px;
    color:#9a6537;
    font-size:8px;
}

body.home-page .home-quickstart {
    margin:0 0 18px;
    padding:20px 22px 22px;
    border:1px solid #3e2c20;
    background:rgba(7,4,2,.78);
}

body.home-page .home-section-kicker,
body.home-page .home-latest-title {
    color:#b89662;
    font:12px 'Devanagari', Georgia, serif;
    letter-spacing:2px;
    text-align:center;
}

body.home-page .home-section-kicker {
    margin-bottom:15px;
}

body.home-page .home-steps {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:10px;
}

body.home-page .home-steps a {
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
    padding:14px;
    border:1px solid #3e2b1e;
    background:linear-gradient(135deg, rgba(36,21,13,.82), rgba(12,7,4,.9));
    color:#bca681;
    text-decoration:none;
}

body.home-page .home-steps a:hover {
    border-color:#805b35;
    text-decoration:none;
}

body.home-page .home-steps b {
    color:#9a663b;
    font:23px Georgia, serif;
}

body.home-page .home-steps strong,
body.home-page .home-steps small {
    display:block;
}

body.home-page .home-steps strong {
    color:#d4ba87;
    font:13px Verdana, Arial, sans-serif;
}

body.home-page .home-steps small {
    margin-top:4px;
    color:#746551;
    font:10px/1.35 Verdana, Arial, sans-serif;
}

body.home-page .home-latest-title {
    position:relative;
    margin:22px 0 12px;
}

body.home-page .home-latest-title:before,
body.home-page .home-latest-title:after {
    content:"";
    display:inline-block;
    width:30%;
    height:1px;
    margin:0 13px 3px;
    background:linear-gradient(90deg, transparent, #4c3523);
}

body.home-page .home-latest-title:after {
    background:linear-gradient(90deg, #4c3523, transparent);
}

body.home-page #news > article .text {
    color:#a99a80;
    font:14px/1.65 Verdana, Arial, sans-serif;
}

body.home-page #left .top_table,
body.home-page #right {
    font-size:12px;
}

@media (min-width: 901px) {
    body:is(.home-page, .wide-page) #wrapper {
        width:min(1440px, calc(100vw - 24px));
        margin-top:-280px;
    }

    body:is(.home-page, .wide-page) nav {
        width:100%;
    }

    body:is(.home-page, .wide-page) nav ul#nav {
        width:100%;
        padding-left:0;
        padding-right:0;
    }

    body:is(.home-page, .wide-page) nav ul#nav li:nth-child(1) {
        width:15.330661%;
    }

    body:is(.home-page, .wide-page) nav ul#nav li .home_en,
    body:is(.home-page, .wide-page) nav ul#nav li .home_en .fhover {
        width:100%;
    }

    body:is(.home-page, .wide-page) nav ul#nav li .home_en,
    body:is(.home-page, .wide-page) nav ul#nav li .home_en .fhover {
        background-size:652.287582% 148px;
        background-position-x:0;
    }

    body:is(.home-page, .wide-page) nav ul#nav li:nth-child(2) {
        width:14.428858%;
    }

    body:is(.home-page, .wide-page) nav ul#nav li .features_en,
    body:is(.home-page, .wide-page) nav ul#nav li .features_en .fhover {
        width:100%;
    }

    body:is(.home-page, .wide-page) nav ul#nav li .features_en,
    body:is(.home-page, .wide-page) nav ul#nav li .features_en .fhover {
        background-size:693.055556% 148px;
        background-position-x:17.915691%;
    }

    body:is(.home-page, .wide-page) nav ul#nav li:nth-child(3) {
        width:20.240481%;
    }

    body:is(.home-page, .wide-page) nav ul#nav li .downloads_en,
    body:is(.home-page, .wide-page) nav ul#nav li .downloads_en .fhover {
        width:100%;
    }

    body:is(.home-page, .wide-page) nav ul#nav li .downloads_en,
    body:is(.home-page, .wide-page) nav ul#nav li .downloads_en .fhover {
        background-size:494.059406% 148px;
        background-position-x:37.311558%;
    }

    body:is(.home-page, .wide-page) nav ul#nav li:nth-child(4) {
        width:18.036072%;
    }

    body:is(.home-page, .wide-page) nav ul#nav li .account_en,
    body:is(.home-page, .wide-page) nav ul#nav li .account_en .fhover {
        width:100%;
    }

    body:is(.home-page, .wide-page) nav ul#nav li .account_en,
    body:is(.home-page, .wide-page) nav ul#nav li .account_en .fhover {
        background-size:554.444444% 148px;
        background-position-x:61.002445%;
    }

    body:is(.home-page, .wide-page) nav ul#nav li:nth-child(5) {
        width:12.925852%;
    }

    body:is(.home-page, .wide-page) nav ul#nav li .account_box_en,
    body:is(.home-page, .wide-page) nav ul#nav li .account_box_en .fhover {
        width:100%;
    }

    body:is(.home-page, .wide-page) nav ul#nav li .account_box_en,
    body:is(.home-page, .wide-page) nav ul#nav li .account_box_en .fhover {
        background-size:773.643411% 148px;
        background-position-x:78.135788%;
    }

    body:is(.home-page, .wide-page) nav ul#nav li:nth-child(6) {
        width:19.038076%;
    }

    body:is(.home-page, .wide-page) nav ul#nav li .donation_en,
    body:is(.home-page, .wide-page) nav ul#nav li .donation_en .fhover {
        width:100%;
    }

    body:is(.home-page, .wide-page) nav ul#nav li .donation_en,
    body:is(.home-page, .wide-page) nav ul#nav li .donation_en .fhover {
        background-size:525.263158% 148px;
        background-position-x:100%;
    }

    body:is(.home-page, .wide-page) #content {
        width:98.039216%;
        margin-left:0.980392%;
    }

    body:is(.home-page, .wide-page) #content #right {
        margin-left:10px;
        margin-right:10px;
    }

    body:is(.home-page, .wide-page) #content #news {
        width:auto;
        flex:1 1 auto;
        margin-left:10px;
    }

    body:is(.home-page, .wide-page) #content #news article,
    body:is(.home-page, .wide-page) #content #news article .ndivider {
        width:100%;
    }

    body:is(.home-page, .wide-page) #content #news article .text {
        width:calc(100% - 20px);
    }

    body:is(.home-page, .wide-page) #cbot {
        width:100%;
        background-size:100% 84px;
    }

    body:is(.home-page, .wide-page) #credits {
        width:calc(100% - 20px);
        margin-left:auto;
        margin-right:auto;
    }

    body.wide-page #content #left {
        order:1;
    }

    body.wide-page #content #news {
        order:2;
    }

    body.wide-page #content #right {
        order:3;
    }

    body.forum-page #content #news {
        margin-right:10px;
    }

    body:is(.home-page, .wide-page):not(.forum-page) #content > #left,
    body:is(.home-page, .wide-page):not(.forum-page) #content > #right {
        margin-top:-35px;
    }

    body:is(.home-page, .wide-page):not(.forum-page) #content > #news {
        margin-top:-19px;
    }

    body:is(.home-page, .wide-page):not(.forum-page) #content > #left > #stitle:first-child,
    body:is(.home-page, .wide-page):not(.forum-page) #content > #right > #stitle:first-child {
        margin-top:0;
    }

    body.top100-page #content #news.top100-board-wrap {
        padding-top:0;
    }
}

@media (max-width: 900px) {
    body.home-page .home-hero {
        padding:25px 20px 22px;
    }

    body.home-page .home-hero h1 {
        font-size:28px;
    }

    body.home-page .home-stats {
        grid-template-columns:repeat(2, 1fr);
    }

    body.home-page .home-stats > div:nth-child(2) {
        border-right:0;
    }

    body.home-page .home-stats > div:nth-child(-n+2) {
        border-bottom:1px solid #392719;
    }

    body.home-page .home-steps {
        grid-template-columns:1fr;
    }
}

@media (max-width: 480px) {
    body.home-page .home-hero h1 {
        font-size:23px;
    }

    body.home-page .home-btn {
        width:100%;
    }

    body.home-page .home-stats {
        grid-template-columns:1fr;
    }

    body.home-page .home-stats > div {
        border-right:0;
        border-bottom:1px solid #392719;
    }

    body.home-page .home-stats > div:last-child {
        border-bottom:0;
    }

    body.home-page .home-latest-title:before,
    body.home-page .home-latest-title:after {
        width:18%;
    }
}

/* Aden Castle Siege countdown */
.siege-widget {
    position:absolute;
    z-index:3;
    top:340px;
    left:calc(50% + 155px);
    width:min(420px, calc(50vw - 145px));
    min-width:320px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:2px;
    color:#c9a66b;
    pointer-events:none;
    opacity:1;
    transition:opacity .25s ease;
}

.siege-widget[hidden] {
    display:none !important;
}

.siege-widget.is-loading {
    opacity:0;
}

.siege-crest {
    flex:0 0 100px;
    width:100px;
    height:100px;
    object-fit:contain;
    filter:drop-shadow(0 4px 8px #000) drop-shadow(0 0 12px rgba(155, 78, 28, .2));
}

.siege-panel {
    flex:1 1 auto;
    min-width:0;
    text-align:center;
    text-shadow:0 2px 3px #000;
}

.siege-title {
    color:#d1ad72;
    font:18px/1.1 Georgia, "Times New Roman", serif;
    letter-spacing:1px;
    white-space:nowrap;
    text-shadow:0 2px 4px #000, 0 0 10px rgba(159, 91, 37, .28);
}

.siege-kicker {
    display:flex;
    align-items:center;
    gap:8px;
    margin:6px 0 8px;
    color:#af8954;
    font:11px/1 Georgia, "Times New Roman", serif;
    letter-spacing:2.4px;
    white-space:nowrap;
}

.siege-kicker span {
    height:1px;
    flex:1 1 auto;
    background:linear-gradient(90deg, transparent, #8c673c);
}

.siege-kicker span:last-child {
    background:linear-gradient(90deg, #8c673c, transparent);
}

.siege-countdown {
    display:grid;
    grid-template-columns:minmax(46px, 1fr) 6px minmax(46px, 1fr) 6px minmax(46px, 1fr) 6px minmax(46px, 1fr);
    align-items:start;
    gap:3px;
}

.siege-countdown > i {
    padding-top:9px;
    color:#9b7245;
    font:normal 20px/1 Georgia, serif;
}

.siege-unit strong {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    height:42px;
    border:1px solid #725033;
    border-radius:0;
    clip-path:polygon(6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px), 0 6px);
    background:
        linear-gradient(#987047, #987047) left 3px top / 10px 1px no-repeat,
        linear-gradient(#987047, #987047) right 3px top / 10px 1px no-repeat,
        linear-gradient(#987047, #987047) left 3px bottom / 10px 1px no-repeat,
        linear-gradient(#987047, #987047) right 3px bottom / 10px 1px no-repeat,
        linear-gradient(135deg, rgba(49, 28, 15, .76), rgba(7, 4, 2, .84)),
        rgba(8, 5, 3, .72);
    box-shadow:
        inset 0 0 0 1px rgba(199, 147, 82, .08),
        inset 0 -12px 24px rgba(0, 0, 0, .35),
        0 3px 8px rgba(0, 0, 0, .5);
    color:#d5ae72;
    font:26px/1 Georgia, "Times New Roman", serif;
    letter-spacing:1px;
}

.siege-unit strong:after {
    content:"";
    position:absolute;
    inset:3px;
    border:1px solid rgba(161, 115, 67, .22);
    clip-path:polygon(4px 0, calc(100% - 4px) 0, 100% 4px, 100% calc(100% - 4px), calc(100% - 4px) 100%, 4px 100%, 0 calc(100% - 4px), 0 4px);
}

.siege-unit small {
    display:block;
    padding-top:5px;
    color:#a47c4c;
    font:9px/1 Georgia, "Times New Roman", serif;
    letter-spacing:1.4px;
}

.siege-date {
    margin-top:9px;
    padding:6px 3px;
    border-top:1px solid rgba(126, 89, 50, .62);
    border-bottom:1px solid rgba(126, 89, 50, .34);
    color:#b48d59;
    font:9px/1.1 Georgia, "Times New Roman", serif;
    letter-spacing:1.2px;
    white-space:nowrap;
}

.siege-widget.is-unscheduled .siege-unit strong {
    color:#826746;
}

.siege-widget.is-live .siege-date {
    color:#e3a05d;
    text-shadow:0 0 9px rgba(213, 92, 25, .7);
}

@media (max-width: 1200px) and (min-width: 901px) {
    .siege-widget {
        left:calc(50% + 120px);
        width:calc(50vw - 114px);
        min-width:0;
    }

    .siege-crest {
        flex-basis:76px;
        width:76px;
        height:76px;
    }

    .siege-title {
        font-size:15px;
    }

    .siege-countdown {
        grid-template-columns:minmax(40px, 1fr) 5px minmax(40px, 1fr) 5px minmax(40px, 1fr) 5px minmax(40px, 1fr);
        gap:2px;
    }

    .siege-unit strong {
        height:36px;
        font-size:22px;
    }

    .siege-countdown > i {
        padding-top:8px;
        font-size:18px;
    }
}

@media (max-width: 900px) {
    .siege-widget {
        top:62px;
        left:50%;
        width:calc(100% - 24px);
        min-width:0;
        max-width:620px;
        margin:0;
        transform:translateX(-50%);
        gap:0;
    }

    .siege-crest {
        flex:0 0 70px;
        width:70px;
        height:70px;
    }

    .siege-title {
        font-size:18px;
    }

    .siege-kicker {
        margin:5px 0 7px;
        font-size:10px;
    }

    .siege-countdown {
        grid-template-columns:repeat(4, minmax(48px, 1fr));
        gap:4px;
    }

    .siege-countdown > i {
        display:none;
    }

    .siege-unit strong {
        height:38px;
        font-size:22px;
    }

    .siege-unit small {
        padding-top:4px;
        font-size:8px;
    }

    .siege-date {
        margin-top:7px;
        padding:5px 2px;
        font-size:9px;
    }
}

@media (max-width: 480px) {
    .siege-widget {
        top:58px;
    }

    .siege-crest {
        display:none;
    }

    .siege-title {
        font-size:15px;
    }

    .siege-kicker {
        letter-spacing:2px;
    }
}

/* Test rezimo pranesimas (2026-07-28). Atskira klase, kad i18n naujienu vertimas
   (querySelector(".news-formatted")) nepataikytu i si bloka. */
#content #news article .text .notice-formatted { white-space:normal; line-height:1.45; }
#content #news article .text .notice-formatted p { margin:0 0 14px 0; }
#content #news article .text .notice-formatted p:last-child { margin-bottom:0; }
#content #news article#test-mode-notice .title { color:#e8c07a; }