body { margin:0; padding:0; background:#000 url(../img/main_bg_body.jpg) center top no-repeat; font-family: Arial; font-size: 11px; color: #bea479; }

td, td { font-size: 11px; }

a:link, a:visited, a:active {
font-family: Arial; font-size: 11px; color: #bea479; text-decoration: none;
}

a:hover {
font-family: Arial; font-size: 11px; color: #a2814b; text-decoration: underline;
}

ul, li, dl, dt, dd { margin:0; padding:0; color: #993300; }
li a:link, li a:visited, li a:active { font-family: Arial; font-size: 11px; color: #bea479; text-decoration: none;  }
li a:hover { font-family: Arial; font-size: 11px; color: #a2814b; text-decoration: underline; }

fieldset { margin:0; padding:0; border: 0; }
li { list-style:none; }
img { border:none; }
form { margin:0; padding:0; }
input,textarea,select,option { border:1px solid #3b3028; background-color:#0a0503; color:#bea479; font-family: Arial; font-size: 11px; }

/*=========================================*/
.menu_link a:link, .menu_link a:visited, .menu_link a:active {
font-family : Arial;
font-size : 11px;
color : #FFFFFF;
text-decoration : none;
}

.menu_link a:hover {
font-family : Arial;
font-size : 11px;
color : #FF9900;
text-decoration : none;
}
/*=========================================*/
.little_link a:link, .little_link a:active, .little_link a:visited {
font-family : Arial;
font-size : 11px;
color : #C54210;
text-decoration : none;
}

.little_link a:hover {
font-family : Arial;
font-size : 11px;
color : #7f829d;
text-decoration : none;
}

/*=========================================*/
.register_link a:link, .register_link a:active, .register_link a:visited {
font-family : Arial;
font-size : 11px;
color : #ff9900;
text-decoration : none;
}

.register_link a:hover {
font-family : Arial;
font-size : 11px;
color : #C54210;
text-decoration : none;
}

/*=========================================*/
.medium_link a:link, .medium_link a:active, .medium_link a:visited {
font-family : Arial;
font-size : 11px;
color : #C54210;
text-decoration : none;
}

.medium_link a:hover {
font-family : Arial;
font-size : 11px;
color : #7f829d;
text-decoration : none;
}
/*=========================================*/
.maxim_link a:link, .maxim_link a:active, .maxim_link a:visited {
font-family : Arial;
font-size : 11px;
color : #C54210;
text-decoration : none;
}

.maxim_link a:hover {
font-family : Arial;
font-size : 11px;
color : #7f829d;
text-decoration : none;
}
/*=========================================*/
.r_link a:link, .r_link a:active, .r_link a:visited {
font-family : Arial;
font-size : 11px;
color : #534a40;
text-decoration : none;
}

.r_link a:hover {
font-family : Arial;
font-size : 11px;
color : #514132;
text-decoration : none;
}
/*=========================================*/

.normal_text_white{
font-family : Arial; 
font-size : 11px; 
color : #FFFFFF;
}

.menu_title{
color: #CCCCCC;
font-size: 13px;
font-family : Arial;
font-weight: bold;
font-style: italic;
padding-right: 11px;
padding-top:8px;
}

.content_title{
color: #BBBFB7;
font-size:14px;
font-family : Arial;
font-weight: bold;
}

.text{
color: #ffffff;
font-size:11px;
font-family : Arial;
}

.text_black{
color: #000000;
font-size:11px;
font-family : Arial;
}

.alert{
color: #999999;
font-size:11px;
font-family : Arial;
}

.text_little{
color: #BBBFB7;
font-size:11px;
font-family : Arial;
}

.language_field {
border : 0px solid #000000;
border-top: 1px solid #000000;	
border-left: 1px solid #000000;		
background-color : #FFFFFF;
font-family : Arial;
font-size : 11px;
color : #000000;
padding-left : 0;
padding-right : 0;
padding-top : 0;
padding-bottom : 0;
}

.space{
padding-top:4px;
}
.td_menu{
padding-right: 6px;
padding-top:4px;
padding-bottom:4px;
}

.td_menu_bullet{
padding-top:3px;
}

.full_title{
font-family : Arial;
color : #cccccc;
font-size : 17px;
font-weight: bold;
}

.full_title_2{
font-family :  Arial;
color : #cccccc;
font-size : 14px;
font-weight: bold;
font-style: oblique;
}

.full_title_3{
font-family :  Arial;
color : #cccccc;
font-size : 11px;
}


.full_content{
font-family : Arial;
color : #cccccc;
font-size : 11px;
}

.full_desc{
font-family : Arial;
color : #cccccc;
font-size : 11px;
}
.full_author{
font-family : Arial;
color : #666666;
font-size : 9px;
}


.locked{
font-family : Arial;
color : #666666;
font-size : 11px;
}

.normal_text{
font-family : Arial; 
font-size : 11px; 
color : #cccccc;
}

.big_text{
font-family : Arial;
color : #cccccc;
font-size : 18px;
}

.terms {
border : 0px solid #000000;
border-top: 1px solid #999999;	
border-bottom: 1px solid #CCCCCC;	
border-right: 1px solid #CCCCCC;	
border-left: 1px solid #999999;		
background-color : #FFFFFF;
font-family : Arial;
font-size : 11px;
color : #000000;
padding-left : 0;
padding-right : 0;
padding-top : 0;
padding-bottom : 0;
}

.donate {
border : 0px solid #000000;
background-color : #000000;
font-family : Arial;
font-size : 11px;
color : #000000;
padding-left : 0;
padding-right : 0;
padding-top : 0;
padding-bottom : 0;
}

.select {
border : 0px solid #000000;
border-top: 1px solid #999999;	
border-bottom: 1px solid #CCCCCC;	
border-right: 1px solid #CCCCCC;	
border-left: 1px solid #999999;		
background-color : #FFFFFF;
font-family : Arial;
font-size : 11px;
color : #000000;
padding-left : 0;
padding-right : 0;
padding-top : 0;
padding-bottom : 0;
}

.normal_text_white{
font-family : Arial; 
font-size : 11px; 
color : #FFFFFF;
}

FORM {
margin-bottom : 0;
padding : 0;

margin : 0;
}

UL {
margin-top : 1px;
color: #666666;
}

.rankings_text{
font-family : Arial; 
font-size : 11px; 
color : #cccccc;
}

.rankings_text_reset{
font-family : Arial; 
font-size : 9px; 
color : #FF0000;
}

.normal_text_little{
font-family : Arial; 
font-size : 10px; 
color : #cccccc;
}


.rankings-table thead td{
font-family : Arial; 
font-size : 11px;
background:	#19130d;

}

.rankings-table td {
    font-family : Arial; 
    font-size : 11px;
	padding:	2px 5px;
}

img { border: 0px; }
#bodybg_left { position:absolute; left:-488px; top:0; width:50%; height:775px; background:url(../img/main_bg_bodyleft.jpg) right top no-repeat; z-index:-1; }
#bodybg_right { position:absolute; right:0; top:0; width:50%; height:775px; background:url(../img/main_bg_bodyright.jpg) 487px 0 no-repeat; z-index:-1; }
#container { position:relative; text-align:center; }
#bodywrap { position:relative; width:976px; margin:0 auto; text-align:left; background:#050403; overflow:visible; }
.main-bg-visual-video {
    position:absolute;
    top:0;
    left:0;
    width:976px;
    height:465px;
    max-width:100%;
    object-fit:cover;
    object-position:center center;
    display:block;
    z-index:0;
    pointer-events:none;
    background:#050403;
}
#bodywrap > #gnb,
#bodywrap > #contentswrap { position:relative; z-index:2; }
#gnb { height:430px; padding-top: 0; }

/* MENU SUPERIOR PRINCIPAL */
#top-navigation {
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2147482000;
	width: 976px;
	max-width: calc(100vw - 16px);
	height: 46px;
	margin: 0;
	background: #230505 url(../img/nav_bg.jpg) center center repeat-x;
	border-top: 1px solid #7a4a22;
	border-bottom: 1px solid #080202;
	box-shadow: 0 0 0 1px rgba(0,0,0,.75), 0 4px 14px rgba(0,0,0,.55);
}
#top-navigation:before,
#top-navigation:after {
	content: "";
	position: absolute;
	left: 8px;
	right: 8px;
	height: 1px;
	background: rgba(197,135,63,.34);
	pointer-events: none;
}
#top-navigation:before { top: 4px; }
#top-navigation:after { bottom: 4px; }
#top-navigation ul {
	height: 46px;
	margin: 0;
	padding: 0 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	list-style: none;
}
#top-navigation li {
	position: relative;
	float: none;
	height: 46px;
	margin: 0;
	padding: 0 22px;
	list-style: none;
}
#top-navigation li + li:before {
	content: "";
	position: absolute;
	left: -2px;
	top: 21px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #9f6b2d;
	box-shadow: 0 0 5px rgba(216,160,82,.45);
}
#top-navigation a {
	display: block;
	height: 46px;
	line-height: 46px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 17px;
	font-weight: bold;
	color: #c59557;
	text-decoration: none;
	text-shadow: 0 1px 0 #000, 0 0 5px rgba(0,0,0,.9);
	white-space: nowrap;
	transition: color .18s ease, text-shadow .18s ease;
}
#top-navigation a:hover,
#top-navigation a:focus {
	color: #f0c47f;
	text-decoration: none;
	text-shadow: 0 1px 0 #000, 0 0 8px rgba(224,154,67,.45);
	outline: none;
}

@media (max-width: 980px) {
	#top-navigation { width: calc(100% - 24px); }
	#top-navigation li { padding: 0 14px; }
	#top-navigation a { font-size: 15px; }
}

@media (max-width: 760px) {
	#top-navigation { overflow-x: auto; overflow-y: hidden; }
	#top-navigation ul { width: max-content; min-width: 100%; justify-content: flex-start; padding: 0 12px; box-sizing: border-box; }
	#top-navigation li { padding: 0 13px; }
}
#gnb li { float: left; }
	.gnb_news { margin-left: 45px; width: 85px; height: 38px; cursor: pointer; list-style: none; }
	.gnb_register { margin-left: 36px; width: 95px; height: 38px; cursor: pointer; list-style: none; }
	.gnb_downloads { margin-left: 30px; width: 110px; height: 38px; cursor: pointer; list-style: none; }
	.gnb_myaccount { margin-left: 150px; width: 100px; height: 38px; cursor: pointer; list-style: none; }
	.gnb_rankings { margin-left: 35px; width: 80px; height: 38px; cursor: pointer; list-style: none; }
	.gnb_webshop { margin-left: 15px; width: 90px; height: 38px; cursor: pointer; list-style: none; }
	.gnb_forum { margin-left: 15px; width: 70px; height: 38px; cursor: pointer; list-style: none; }
#Rankings { width: 155px; height: 140px; margin-top: 38px; margin-left: -38px; background-image: url(../img/menu_back_all.png); }
#Rankings li { width: 155px; margin: 5px 0px 5px 0px; color: #CCCCCC; list-style: none; float: left; font-size: 11px; }
#Downloads { width: 155px; height: 140px; margin-top: 38px; margin-left: -8px; background-image: url(../img/menu_back_all.png); }
#Downloads li { width: 155px; margin: 5px 0px 5px 0px; color: #CCCCCC; list-style: none; float: left; font-size: 11px; }
#gnb object { position:relative; z-index:100; }
#visualbanner { position:absolute; left:624px; top:179px; z-index:10; }
#contents_top { position:relative; height:53px; background:url(../img/main_bg_content_top.jpg) no-repeat; }
#download { position:absolute; top:-142px; left:336px; }
#rollingnotice { float:left; position:relative; display:inline; width:340px; height:18px; margin:14px 0 0 38px; overflow:hidden; }
#rollingnotice ul { position:absolute; }
#rollingnotice ul li { font-size:11px; font-family: Arial; color:#6f563e; line-height:16px; }
#rollingnotice ul li a { font-size:11px; font-family: Arial; color:#6f563e; line-height:16px; }
#search { float:right; display:inline; margin:13px 34px 0 0; }
#search dl dt { float:left; padding:4px 7px 0 0; }
#search dl dd { float:left; }
#search dl dd input { font-size:11px; font-family: Arial; vertical-align:middle; line-height:16px; }
#search dl dd input.frmsearch { width:155px; height:20px; border:1px solid #3b3028; background-color:#0a0503; color:#bea479; }
#rightarea { position: absolute; left: 432px; top: 2px; }	
#serverstatus { width:230px; }
#serverstatus h3 { height:17px; margin:0; padding:0; }
#serverstatus .tab { overflow:hidden; }
#serverstatus .tab ul { height:21px; margin:0 0 0 -2px; background:url(../img/main_tab_server_bg.gif) left bottom repeat-x; }
#serverstatus .tab ul li { float:left; padding:0 0 0 2px; }
#serverstatus .tab ul li img { vertical-align:top; cursor:pointer; }
#serverstatus .serverdate { position:relative; height:22px; padding:0 0 0 7px; border-left:1px solid #473b2d; border-right:1px solid #473b2d; background-color:#1a1611; overflow:hidden; font-size:11px; font-family: Arial; line-height:23px; }
#serverstatus .serverdate div.button { position:absolute; right:8px; top:5px; }
#serverstatus .serverdate div.button img { cursor:pointer; }
#serverstatus #rollattackserver { position:relative; height:67px; overflow:hidden; background:url(../img/main_bg_serverbtm.gif) no-repeat; }
#serverstatus #rollattackserver #attacklist ul li { height:22px; padding:0 0 0 8px; overflow:hidden; font-size:11px; font-family: Arial; color:#bea479; line-height:23px; }
#serverstatus #rollattackserver #attacklist ul li span { padding:0 8px 0 0; }
#footer { clear:both; width:100%; padding:0px 0px 35px; overflow:hidden; }
#footer div.logo { float:left; padding:35px 85px 0 76; }
#footer div.info { float:left; background:none; overflow:hidden; }
#footer div.info ul.navi { font-size: 11px; float:left; margin:0; padding:20px 0 0 0; }
#footer div.info ul.navi li { list-style:none; float:left; margin:0 0 0 -1px; padding:0; background:url(../img/footer_mnu_division.gif) 0 4px no-repeat; padding:2px 4px; }

.tmp_m_content .tmp_right_title { background-image:url(../img/news.png);
background-repeat:no-repeat;
height:40px;
width:450px;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
color:#CC9966; 
padding-left: 13px;
padding-top: 3px;}

body,a {
cursor: url(../img/cur.cur), auto;
}
a:hover {
cursor: url(../img/cur2.cur), auto;
}

.c-siege th{
	text-align: center;
	padding: 5px 0px;
	background: #1a1611;
}

.c-siege tr:nth-child(even) {
    background-color: #1a1611;  
}
.c-siege tr{
	background-color: #393027;
}  
.c-siege td{
	padding: 7px;
	text-align: center;
}

.estado-sv tr:nth-child(even) {
    background-color: #1a1611;
  }
.estado-sv th{
	text-align: center;
	padding: 5px 0px;
	background: #1a1611;
}  
.estado-sv td{
	padding: 2px 2px;
}

.estado-sv tr{
	background-color: #393027;
}

/* Webengine CSS */

.admincp-button {
	position: absolute;
    top: 10px;
    right: 10px;
    padding: 10px;
    border-radius: 3px;
    font-size: 13px !important;
    background: #393027 !important;
    border: 2px solid #bea479 !important;
    color: #bea479 !important;
    font-weight: bold !important;
}

.page-title {
	color: #ff0000;
	font-family: 'PT Sans', sans-serif;
	font-size: 32px;
	margin-bottom: 10px;
	font-weight: bold;
}

/* NEWS MODULE */
.panel-news {
	margin-bottom: 30px;
	color: #333;
	border: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 0 0 0px #e3e3e3;
	-webkit-box-shadow: 0 0 0px #e3e3e3;
	box-shadow: 0 0 0px #e3e3e3;
}
.panel-news .panel-heading {
	padding-top: 5px;
    padding-bottom: 5px;
    background: #1a1611;
    border: 1px solid #bea479;
	border-bottom: unset;
}
.panel-news .panel-title {
	color: #000000;
	font-size: 24px;
	font-weight: bold;
}
.panel-news .panel-body {
	padding: 10px;
    background: #393027;
    color: #bea479;
    border: 1px solid #bea479;
	border-top: 1px solid #5e5244;
}
.panel-news .panel-footer {
	background: #1a1611;
    font-style: italic;
    font-size: 14px;
    padding-top: 10px;
    height: 30px;
    color: #f1f1f1;
    border: 1px solid #bea479;
    border-top: 1px solid #5e5244;
}

.panel-news .panel-title a{
    color: #bea479;
    font-size: 20px;
    font-weight: bold
}

/* RANKINGS MODULE */
.rankings-table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #bea479;
}

.rankings-table tr{
	background-color: #393027;
}

.rankings-class-image {
	width: 20px;
	height: auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.rankings-table tr td {
	/*border-bottom: 1px solid #e3e3e3;*/
	padding: 10px;
	font-size: 11px;
	vertical-align: middle !important;
	text-align: center;
}
.rankings-table-place {
	color: #666;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
}
.rankings-table tr:first-child td {
	color: #bea479;
    border-bottom: 3px solid #bea479;
    background: #1a1611;
}
.rankings-table tr:nth-child(odd) {
    background-color: #1a1611;
  }

.rankings-update-time {
	text-align: right;
	font-size: 11px;
	color: #ccc;
	padding: 10px 0px;
}
.rankings_menu {
	width: 100%;
	overflow: auto;
	text-align: center;
	margin-bottom: 10px;
}
.rankings_menu span {
	width: 100%;
	display: inline-block;
	padding: 10px 0px;
	color: #ccc;
	font-size: 24px;
}
.rankings_menu a {
	display: inline-block;
    width: 150px;
    border: 1px solid #bea479;
    text-align: center;
    padding: 2px 0px;
    margin: 2px;
    background: #1a1611;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #bea479;
}
.rankings_menu a:hover{
	background: #bea479;
    color: #1a1611;
	border-color: #1a1611;
	text-decoration: none;
}
.rankings_menu a.active {
	color: #1a1611;
    border-color: #1a1611;
    background: #bea479;
}
.rankings_guild_logo tr td {
	border: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
}
.rankings-gens-img {
	width: auto !important;
	height: 30px !important;
	border: 0 !important;
	-moz-box-shadow: 0 0 0px #000 !important;
	-webkit-box-shadow: 0 0 0px #000 !important;
	box-shadow: 0 0 0px #000 !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

/* MY ACCOUNT MODULE */
.myaccount-table {
	width: 100%;
	background: #393027;
    border: 1px solid #bea479;
	border-collapse: collapse;
}

.myaccount-table tr:nth-child(odd) {
    background-color: #1a1611;
  }

.myaccount-table tr td:first-child {
	color: #bea479;
	font-weight: bold;
}
.myaccount-table tr td {
	padding: 8px !important;
}
.myaccount-table tr:last-child td {
	border: 0px;
}

/* GENERAL TABLE UI */
.general-table-ui {
	width: 100%;
    table-layout: fixed;
    background: #393027;
    border: 1px solid #bea479;
    padding: 10px;
    margin: 10px 0px;
	border-collapse: collapse;
}
.general-table-ui tr td {
	padding: 5px;
	vertical-align: middle !important;
}
.general-table-ui tr:first-child td {
	color: #bea479;
}
.general-table-ui tr:nth-child(2n+2) td {
	background: #1a1611;
}
.general-table-ui tr td {
	text-align: center;
}
.general-table-ui img {
	width: 50px;
	height: auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/* TERMS OF SERVICE PAGE */
.tos_list li {
	color: #aa0000;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 40px;
}
.tos_list li p {
	color: #444;
	text-align: justify;
	text-justify: inter-word;
	text-transform: none;
	padding-right: 35px;
	font-size: 14px;
	font-weight: normal;
}

/* PAYPAL */
.paypal-gateway-container {
	width: 100%;
}

.paypal-gateway-content {
	background: #fef2da;
	border: 3px solid #f79433;
	padding: 15px;
	overflow: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
}

.paypal-gateway-logo {
	width: 100%;
	height: 100px;
	background: #fff9ec url('../img/paypal-logo-200-68.png') no-repeat center;
	background-size: contain;
	margin-bottom: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.paypal-gateway-conversion-rate {
	margin: 0px auto;
	text-align: center;
	color: #000;
	font-size: 18px;
	padding: 10px 0px;
}

.paypal-gateway-form {
	width: 100%;
	margin: 20px auto;
	text-align: center;
}

.paypal-gateway-form div {
	display: inline-block;
	padding: 0px 10px;
	color: #000;
	font-size: 24px;
}

.paypal-gateway-form input[type=text] {
	width: 60px;
	font-size: 24px;
	border: 3px solid #f79433;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #f79433;
}

.paypal-gateway-continue {
	margin: 0px auto;
	text-align: center;
}

.paypal-gateway-continue input[type=submit] {
	background: url('../img/paypal-submit.jpg') no-repeat;
	width: 200px;
	height: 40px;
	border: 0px;
}

.module-requirements {
	font-size: 12px;
	margin-top: 20px;
}

/* SIDEBAR */
.panel-sidebar {
	background: #f1f1f1;
	border: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 0 0 10px #e3e3e3;
	-webkit-box-shadow: 0 0 10px #e3e3e3;
	box-shadow: 0 0 10px #e3e3e3;
}

.panel-sidebar > .panel-heading {
	background: #fff;
	color: #ff0000;
	font-family: 'PT Sans', sans-serif;
	border: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-bottom: 3px solid #ff0000;
	padding: 15px;
    font-size: 22px;
    text-align: center;
}

.panel-usercp {
	background: url('../img/usercp_bg.jpg') no-repeat top center;
	background-size: cover;
}

.panel-usercp ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.panel-usercp ul li {
	display: table;
	width: 100%;
	vertical-align: middle;
	line-height: 30px;
}

.panel-usercp ul li a {
	color: #444 !important;
	font-weight: bold;
}
.panel-usercp ul li a:active, .panel-usercp ul li a:hover {
	color: #ff0000 !important;
}

.panel-usercp ul li img {
	position: relative;
	top: -2px;
	padding-right: 10px;
}

.sidebar-banner {
	margin: 20px 0px;
	border: 0px;
}

.sidebar-banner img {
	-moz-box-shadow: 0 0 10px #e3e3e3;
	-webkit-box-shadow: 0 0 10px #e3e3e3;
	box-shadow: 0 0 10px #e3e3e3;
	border: 0px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}

/* GENERAL PANEL STYLING */
.panel-general {
	margin-bottom: 30px;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #333;
}

.panel-body{
	padding: 10px;
}

.panel-body .panel-title {
	color: #666;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 20px !important;
	font-weight: bold;
}

/* ADD STATS MODULE */
.panel-addstats {
	margin-bottom: 30px;
    background: #1a1611;
    border: 1px solid #bea479;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #bea479;
}
.panel-addstats .character-avatar img {
	width: 100px;
	height: auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.panel-addstats .character-name {
	color: #e6c97d;
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    border-bottom: 1px solid #bea479;
    padding: 20px 0px;
    margin-bottom: 20px !important;
    font-weight: bold;
}

/* DOWNLOADS */
.panel-downloads {
	margin-bottom: 30px;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #333;
}
	.download-description {
		font-size: 11px;
		position: relative;
		top: -7px;
		color: #777;
	}

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

/* WEBENGINE CMS */
.webengine-powered { color: #777 !important; }
.webengine-powered:active, .webengine-powered:hover { color: #ff3214 !important; }

/* GLOBAL TOP BAR */
.global-top-bar {
	width: 100%;
	background: #101010;
	color: #777777;
	padding: 7px 0px 2px 0px;
	text-transform: uppercase;
	font-size: 12px;
}
	.global-top-bar .global-top-bar-content {
		width: 1040px;
		margin: 0px auto;
	}
		.global-top-bar .global-top-bar-content .row {
			margin: 0px;
			padding: 0px;
		}
	.global-top-bar a.logout {
		color: #ff0000 !important;
	}
	.global-top-bar a {
		color: #999999 !important;
	}
	.global-top-bar a:hover {
		color: #ffffff !important;
	}
.global-top-bar-nopadding {
	padding: 0px !important;
}
.global-top-bar-separator {
	padding: 0px 5px;
}

/* LANGUAGE PICKER */
.webengine-language-switcher {
	display: inline-block;
	list-style: none;
	padding: 0px !important;
	margin: 0px !important;
	width: 46px;
	height: 19px;
	overflow: hidden;
	transition: all .3s ease;
}
.webengine-language-switcher:hover {
	width: 400px;
}
	.webengine-language-switcher li {
		display: inline-block;
		list-style-type: none;
		background: #333333;
		padding: 0px 5px 2px 5px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-khtml-border-radius: 3px;
		transition: all .3s ease;
	}
	.webengine-language-switcher li:hover {
		-webkit-filter: brightness(120%);
		filter: brightness(120%);
	}
	.webengine-language-switcher li a {
		color: #999999;
	}
	.webengine-language-switcher li a:hover {
		color: #ffffff !important;
	}

/* WEBSITE LOGO */
.webengine-mu-logo {
	transition: all .3s ease;
}
	.webengine-mu-logo:hover {
		-webkit-filter: brightness(120%);
		filter: brightness(120%);
	}

/* HEADER INFO */
.header-info-container {
	width: 1040px;
	margin: 0px auto;
	text-align: right;
}
	.header-info-container .header-info {
		display: inline-block;
		width: 350px;
		background: rgba(0, 0, 0, 0.3);
		backdrop-filter: blur(5px);
		margin: 0px;
		padding: 20px;
		overflow: auto;
		-moz-box-shadow: 0 0 15px rgba(0,0,0,0.7);
		-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.7);
		box-shadow: 0 0 15px rgba(0,0,0,0.7);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-khtml-border-radius: 5px;
		text-shadow: 1px 1px 3px #000000;
		color: #ffffff;
		border: 1px solid rgba(255,255,255,0.1);
		font-size: 12px;
	}
		.header-info-container .header-info .header-info-block {
			padding: 0px;
			color: #aaaaaa;
		}
		.header-info-container .header-info .header-info-block #tServerTime, .header-info-container .header-info .header-info-block #tLocalTime {
			color: #ffffff;
		}
		.header-info-container .header-info .header-info-block #tServerDate, .header-info-container .header-info .header-info-block #tLocalDate {
			color: #cccccc;
		}
		.header-info-container .header-info .header-info-block .online-count {
			color: #00ff00;
		}
	
/* ONLINE BAR */
.webengine-online-bar {
	width: 100%;
	background: #000000;
	border: 1px solid #555555;
	height: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
	overflow: hidden;
	transition: all .3s ease;
}
	.webengine-online-bar .webengine-online-bar-progress {
		height: 8px;
		background: #00ff00 url('../img/online_progress_bar.jpg') no-repeat left center;
		-webkit-border-radius: 0px 1px 1px 0px;
		-moz-border-radius: 0px 1px 1px 0px;
		-khtml-border-radius: 0px 1px 1px 0px;
		border-radius: 0px 1px 1px 0px;
	}
	.webengine-online-bar:hover {
		-webkit-filter: brightness(120%);
		filter: brightness(120%);
	}

/* MY ACCOUNT CHARACTER LIST */
.myaccount-character-block {
	background: #333;
	border: 1px solid #666;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	margin: 0px auto;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
	.myaccount-character-block img {
		width: 50px;
		height: auto;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px #000;
		box-shadow: 0 0 5px #000;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
		.myaccount-character-block img:hover {
			-webkit-filter: brightness(120%);
			filter: brightness(120%);
		}
.myaccount-character-block-location {
	font-size: 12px;
	color: #bea479;
	margin-bottom: 20px;
	margin-top: 2px;
	line-height: 1.2;
}
.myaccount-character-block-level {
	position: relative;
	top: -77px;
	display: inline-block;
	background: rgba(0,0,0,0.5);
	padding: 0px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 10px;
}
.myaccount-character-name a {
	font-weight: bold;
	color: #bea479;
	font-size: 12px;
}

/* RANKINGS FILTER BY CLASS */

.rankings-class-filter {
	display: inline-block;
	list-style-type: none;
	margin: 20px auto;
	padding: 10px 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
}

	.rankings-class-filter li {
		display: inline-block;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		margin-bottom: 10px;
	}
	
	.rankings-class-filter li:hover {
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
	}

.rankings-class-filter-selection {
	display: inline-block;
	width: 75px;
	text-align: center;
	color: #000000;
	font-size: 11px;
	cursor: pointer;
}

	.rankings-class-filter-selection:hover {
		color: #000000 !important;
	}

	.rankings-class-filter-selection:hover img {
		-webkit-filter: brightness(120%);
		filter: brightness(120%);
	}

.rankings-class-filter-selection img {
	width: 40px;
	height: auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-khtml-border-radius: 50%;
	margin-bottom: 5px;
	-moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
}

.rankings-class-filter-grayscale {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
	padding: 10px;
	border-radius: 0.25rem;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
	padding: 10px;
	border-radius: 0.25rem;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
	padding: 10px;
	border-radius: 0.25rem;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
	padding: 10px;
	border-radius: 0.25rem;
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
	padding: 10px;
	border-radius: 0.25rem;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
	padding: 10px;
	border-radius: 0.25rem;
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
	padding: 10px;
	border-radius: 0.25rem;
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
	padding: 10px;
	border-radius: 0.25rem;
}

/* .tmp_page_content {
    background: #393027;
    border: 1px solid #b26c1f;
    padding: 10px;
    border-radius: 5px;
}*/
/* =========================================================
   V2 - BLOQUES DE REFERENCIA: MENU / NOTICIAS / LOGIN
   Inspirado en la captura entregada por el usuario.
   ========================================================= */
.reference-section-title {
    position: relative;
    width: 230px;
    box-sizing: border-box;
    margin: 0 0 8px;
    padding: 7px 10px 6px;
    text-align: center;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    line-height: 26px;
    font-weight: bold;
    color: #e16616;
    letter-spacing: 1px;
    text-shadow: 0 2px 0 #120300, 0 0 7px rgba(255,91,0,.55);
    border-bottom: 1px solid rgba(137,82,37,.5);
}
.reference-section-title:before,
.reference-section-title:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 42px;
    height: 1px;
    background: linear-gradient(to right, transparent, #8d5429);
}
.reference-section-title:before { left: 3px; }
.reference-section-title:after { right: 3px; transform: scaleX(-1); }

.reference-menu-cell {
    padding: 8px 10px 10px;
    background: rgba(8,5,3,.84);
    border-left: 1px solid #49321e;
    border-right: 1px solid #49321e;
}
.reference-menu-list {
    width: 100%;
}
.reference-menu-button {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 38px;
    margin: 7px 0;
    padding: 9px 8px 8px;
    overflow: hidden;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    line-height: 18px;
    font-weight: bold;
    color: #f2eee8 !important;
    text-decoration: none !important;
    text-shadow: 0 1px 1px #000;
    border: 1px solid #9b491f;
    outline: 1px solid #211009;
    background:
        linear-gradient(to bottom, rgba(255,55,30,.22), rgba(72,0,0,.22)),
        linear-gradient(to bottom, #4c0805 0%, #d5140d 48%, #7f0704 52%, #250402 100%);
    box-shadow:
        inset 0 0 0 2px rgba(255,183,87,.32),
        inset 0 0 15px rgba(255,0,0,.25),
        0 2px 5px rgba(0,0,0,.65);
    transition: filter .16s ease, transform .16s ease, border-color .16s ease;
}
.reference-menu-button:before {
    content: "";
    position: absolute;
    left: 5px;
    right: 5px;
    top: 4px;
    height: 1px;
    background: rgba(255,216,165,.42);
}
.reference-menu-button:hover,
.reference-menu-button:focus {
    color: #fff !important;
    text-decoration: none !important;
    border-color: #d07931;
    filter: brightness(1.18);
    transform: translateY(-1px);
}

.reference-right-login {
    width: 230px;
    margin: 0 0 24px;
}
.reference-login-box,
.reference-usercp-box {
    box-sizing: border-box;
    width: 230px;
    padding: 10px;
    background:
        linear-gradient(rgba(10,7,5,.82), rgba(10,7,5,.88)),
        url(../img/main_bg_loginbox.gif) center top repeat;
    border: 1px solid #4b3525;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.75), 0 4px 10px rgba(0,0,0,.45);
}
.reference-login-box form {
    position: relative;
    padding-right: 66px;
}
.reference-login-row {
    margin: 0 0 7px;
}
.reference-login-row label {
    display: block;
    margin: 0 0 3px;
    font-size: 10px;
    font-weight: bold;
    color: #817870;
}
.reference-login-row input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 26px;
    padding: 4px 7px;
    border: 1px solid #392b22;
    background: #100d0b;
    color: #d7c2a3;
    box-shadow: inset 0 1px 4px rgba(0,0,0,.8);
}
.reference-login-row input:focus {
    border-color: #9c5b27;
    outline: none;
}
.reference-login-submit {
    position: absolute;
    right: 0;
    top: 16px;
    width: 58px;
    height: 59px;
    padding: 0;
    cursor: pointer;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
    font-weight: bold;
    color: #efe1c0;
    border: 1px solid #6d4a2d;
    background: linear-gradient(to bottom, #443124, #170d08);
    box-shadow: inset 0 0 0 1px rgba(219,155,83,.18), 0 2px 5px #000;
}
.reference-login-submit:hover { color: #ffb44f; border-color: #a66932; }
.reference-login-links {
    margin-top: 7px;
    padding-top: 7px;
    border-top: 1px solid #31231a;
}
.reference-login-links > a,
.reference-login-links > span {
    display: block;
    margin: 4px 0 0;
    color: #9d9288;
    font-size: 10px;
    line-height: 14px;
}
.reference-login-links a {
    color: #b7aa9e;
    text-decoration: underline;
}
.reference-login-links a:hover { color: #e39845; }
.reference-usercp-box ul { padding: 0 !important; }
.reference-usercp-box li { margin: 5px 0; }
.reference-logout {
    display: block;
    margin-top: 10px;
    padding: 7px 8px;
    text-align: center;
    border: 1px solid #6d321a;
    background: #49100a;
    color: #e4ba83 !important;
    font-weight: bold;
}

.reference-main-content {
    box-sizing: border-box;
    width: 100%;
    padding: 0 0 10px;
}
.reference-news-panel {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin-top: 8px;
    text-align: left;
}
.reference-news-heading {
    position: relative;
    height: 33px;
    border-bottom: 1px solid #463723;
}
.reference-news-heading span {
    position: absolute;
    left: 8px;
    bottom: -1px;
    min-width: 170px;
    box-sizing: border-box;
    padding: 7px 22px 6px;
    text-align: center;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 19px;
    font-weight: bold;
    color: #a99570;
    border: 1px solid #4a3a29;
    border-bottom-color: #241b14;
    background: linear-gradient(to bottom, #2e251c, #1b1510);
    text-shadow: 0 1px 0 #000;
}
.reference-news-body {
    padding: 9px 11px 8px;
    background:
        linear-gradient(rgba(26,20,15,.91), rgba(27,21,16,.91)),
        url(../img/main_bg_content_center.jpg) center top repeat;
    border: 1px solid #473828;
    border-top: 0;
    box-shadow: inset 0 0 18px rgba(0,0,0,.32);
}
.reference-news-row {
    display: flex;
    align-items: center;
    min-height: 25px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(84,65,47,.26);
    color: #a99882;
}
.reference-news-row:last-child { border-bottom: 0; }
.reference-news-icon {
    flex: 0 0 20px;
    width: 20px;
    text-align: left;
}
.reference-news-icon img { width: auto; max-width: 16px; vertical-align: middle; }
.reference-news-copy {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.reference-news-title {
    font-size: 11px !important;
    color: #b7a58d !important;
}
.reference-news-title:hover { color: #e1a14d !important; text-decoration: none !important; }
.reference-news-author {
    color: #756c63;
    font-size: 10px;
}
.reference-news-author strong { color: #a68f73; font-weight: normal; }
.reference-news-date {
    flex: 0 0 72px;
    width: 72px;
    text-align: right;
    color: #6f665c;
    font-size: 10px;
}
.reference-news-empty {
    padding: 22px 10px;
    text-align: center;
    color: #7d7368;
}
.reference-news-footer {
    padding: 7px 10px;
    text-align: right;
    border: 1px solid #473828;
    border-top: 0;
    background: #17120e;
}
.reference-news-footer a {
    font-size: 10px !important;
    font-weight: bold;
    color: #9a7448 !important;
}
.reference-news-footer a:hover { color: #d89a4c !important; text-decoration: none !important; }

@media (max-width: 980px) {
    .reference-menu-button { font-size: 14px !important; }
}


/* =========================================================
   V3 - MENU FIJO + WHATSAPP / DISCORD + VIP DE BIENVENIDA
   ========================================================= */
#top-navigation {
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: 976px !important;
    max-width: calc(100vw - 16px) !important;
    margin: 0 !important;
    z-index: 2147482000 !important;
}
#gnb { padding-top: 0 !important; }

.reference-social-float {
    position: fixed;
    top: 38%;
    left: 0;
    z-index: 2147481900;
    width: 48px;
}
.reference-social-link {
    position: relative;
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 0 7px;
    overflow: hidden;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 0 8px 8px 0;
    border: 1px solid rgba(255,255,255,.18);
    border-left: 0;
    box-shadow: 0 4px 12px rgba(0,0,0,.55);
    transition: width .35s ease, filter .2s ease, box-shadow .2s ease;
    box-sizing: border-box;
    cursor: pointer;
}
.reference-social-link:hover,
.reference-social-link:focus {
    width: 205px;
    color: #fff !important;
    text-decoration: none !important;
    filter: brightness(1.08);
    box-shadow: 0 6px 18px rgba(0,0,0,.62);
    outline: none;
}
.reference-social-whatsapp { background: linear-gradient(180deg,#2fdb72,#128b44); }
.reference-social-discord { background: linear-gradient(180deg,#6b75f5,#3841a8); }
.reference-social-disabled { opacity: .62; cursor: default; }
.reference-social-disabled:hover { width: 155px; filter: none; }
.reference-social-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 47px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    font: bold 13px/1 Arial, sans-serif;
    letter-spacing: -.5px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.45);
}
.reference-social-label {
    position: absolute;
    top: 0;
    left: 50px;
    width: 148px;
    height: 46px;
    display: flex;
    align-items: center;
    font: bold 12px/1 Arial, sans-serif;
    white-space: nowrap;
    color: #fff;
}

.vip-gift-trigger {
    position: fixed;
    right: 14px;
    top: 53%;
    z-index: 2147481900;
    width: 104px;
    height: 112px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    filter: drop-shadow(0 7px 8px rgba(0,0,0,.65));
    transition: transform .2s ease, filter .2s ease;
}
.vip-gift-trigger:hover,
.vip-gift-trigger:focus {
    transform: translateY(-3px) scale(1.05);
    filter: brightness(1.08) drop-shadow(0 9px 12px rgba(0,0,0,.7));
    outline: none;
}
.vip-gift-lid {
    position: absolute;
    left: 9px;
    top: 33px;
    width: 86px;
    height: 24px;
    box-sizing: border-box;
    border: 2px solid #d6a249;
    background: linear-gradient(#a72715,#5c1009);
    box-shadow: inset 0 0 0 1px rgba(255,214,113,.25), 0 2px 4px rgba(0,0,0,.5);
}
.vip-gift-box {
    position: absolute;
    left: 15px;
    top: 54px;
    width: 74px;
    height: 47px;
    box-sizing: border-box;
    border: 2px solid #d6a249;
    background: linear-gradient(90deg,#6d120b 0 38%,#c79b3a 38% 62%,#6d120b 62% 100%);
    box-shadow: inset 0 0 12px rgba(255,179,55,.18), 0 3px 6px rgba(0,0,0,.52);
}
.vip-gift-box span {
    position: absolute;
    left: 0;
    right: 0;
    top: 16px;
    height: 8px;
    background: rgba(208,166,61,.72);
}
.vip-gift-bow {
    position: absolute;
    left: 50%;
    top: 17px;
    width: 44px;
    height: 26px;
    transform: translateX(-50%);
}
.vip-gift-bow i,
.vip-gift-bow b {
    position: absolute;
    top: 2px;
    width: 22px;
    height: 18px;
    border: 2px solid #d6a249;
    background: #7e170d;
    box-sizing: border-box;
}
.vip-gift-bow i { left: 0; border-radius: 14px 3px 14px 3px; transform: rotate(18deg); }
.vip-gift-bow b { right: 0; border-radius: 3px 14px 3px 14px; transform: rotate(-18deg); }
.vip-gift-trigger strong {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -7px;
    font: bold 11px/1 Arial, sans-serif;
    color: #f4ca73;
    text-align: center;
    text-shadow: 0 1px 3px #000, 0 0 6px rgba(255,124,24,.5);
    letter-spacing: .7px;
}

.reference-vip-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(0,0,0,.78);
}
.reference-vip-overlay.is-open { display: flex; }
.reference-vip-modal {
    position: relative;
    width: 360px;
    max-width: calc(100vw - 36px);
    box-sizing: border-box;
    padding: 30px 24px 24px;
    text-align: center;
    border: 1px solid #8f642d;
    outline: 1px solid #1a0e07;
    background:
        radial-gradient(circle at 50% 0, rgba(126,50,14,.34), transparent 46%),
        linear-gradient(#25170f,#0d0805 72%);
    box-shadow: inset 0 0 0 2px rgba(230,173,80,.08), 0 18px 48px rgba(0,0,0,.8);
    color: #c8b18f;
}
.reference-vip-close {
    position: absolute;
    top: 8px;
    right: 9px;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid #6e4b27;
    background: #28130b;
    color: #d9b873;
    font: bold 20px/24px Arial, sans-serif;
    cursor: pointer;
}
.reference-vip-kicker {
    margin: 8px 0 5px;
    color: #ad7c3e;
    font: bold 10px/1 Arial, sans-serif;
    letter-spacing: 2px;
}
.reference-vip-modal h2 {
    margin: 0 0 12px;
    color: #f1c870;
    font: bold 22px/1.1 Georgia, "Times New Roman", serif;
    text-shadow: 0 2px 0 #000, 0 0 8px rgba(219,112,29,.32);
}
.reference-vip-modal p {
    margin: 0 auto 18px;
    max-width: 285px;
    color: #a99680;
    font: 12px/18px Arial, sans-serif;
}
.reference-vip-claim {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 11px 12px;
    border: 1px solid #327c3e;
    background: linear-gradient(#249c4c,#0c5e29);
    color: #fff !important;
    font: bold 12px/1 Arial, sans-serif;
    text-decoration: none !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 4px 10px rgba(0,0,0,.5);
}
.reference-vip-claim:hover { filter: brightness(1.12); color: #fff !important; text-decoration: none !important; }
.reference-vip-gift-mini {
    position: relative;
    width: 66px;
    height: 58px;
    margin: 0 auto 5px;
}
.reference-vip-mini-lid,
.reference-vip-mini-box {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    border: 1px solid #d3a44c;
    background: #74160d;
}
.reference-vip-mini-lid { top: 7px; width: 58px; height: 15px; }
.reference-vip-mini-box {
    top: 20px;
    width: 48px;
    height: 33px;
    background: linear-gradient(90deg,#74160d 0 39%,#bd8e35 39% 61%,#74160d 61% 100%);
}

@media (max-width: 760px) {
    #top-navigation { max-width: 100vw !important; width: 100vw !important; }
    .reference-social-float { top: auto; bottom: 12px; }
    .reference-social-link,
    .reference-social-link:hover,
    .reference-social-link:focus { width: 46px; height: 44px; border-radius: 0 7px 7px 0; }
    .reference-social-icon { width: 45px; height: 42px; font-size: 11px; }
    .reference-social-label { display: none; }
    .vip-gift-trigger { right: 7px; top: auto; bottom: 12px; transform: scale(.82); transform-origin: right bottom; }
    .vip-gift-trigger:hover,
    .vip-gift-trigger:focus { transform: scale(.87); }
}

/* =========================================================
   V4 - FUEGO VISUAL + TOP KILLERS REAL DESDE rankings_pk.cache
   El fuego es CSS puro: no agrega PNG pesado ni JavaScript.
   ========================================================= */
@keyframes referenceFireDrift {
    0%   { background-position: 0 100%, 31px 100%, 69px 100%, 105px 100%, 0 100%; filter: brightness(.92) saturate(1.08); }
    35%  { background-position: 12px 92%, 38px 105%, 61px 88%, 116px 102%, 10px 100%; filter: brightness(1.16) saturate(1.28); }
    70%  { background-position: -8px 103%, 23px 91%, 79px 105%, 98px 89%, -7px 100%; filter: brightness(1.04) saturate(1.18); }
    100% { background-position: 0 100%, 31px 100%, 69px 100%, 105px 100%, 0 100%; filter: brightness(.92) saturate(1.08); }
}

/* MENU y LOGIN: brasas/fuego detrás del título sin reemplazar el texto. */
.reference-fire-title {
    isolation: isolate;
    overflow: hidden;
    min-height: 42px;
    padding-top: 9px;
    background:
        radial-gradient(ellipse at 14% 110%, rgba(255,53,0,.96) 0 7%, rgba(255,143,0,.65) 8% 15%, transparent 29%) 0 100% / 72px 42px repeat-x,
        radial-gradient(ellipse at 48% 115%, rgba(255,191,48,.92) 0 5%, rgba(255,75,0,.73) 9% 18%, transparent 31%) 31px 100% / 86px 48px repeat-x,
        radial-gradient(ellipse at 78% 115%, rgba(255,74,0,.88) 0 8%, rgba(155,25,0,.52) 14% 23%, transparent 35%) 69px 100% / 98px 43px repeat-x,
        linear-gradient(180deg, rgba(20,8,3,.02) 15%, rgba(66,15,4,.34) 68%, rgba(255,67,0,.16) 100%);
    box-shadow: inset 0 -8px 18px rgba(255,62,0,.14), 0 4px 10px rgba(0,0,0,.35);
    animation: referenceFireDrift 2.1s ease-in-out infinite;
}
.reference-fire-title::before,
.reference-fire-title::after {
    z-index: 2;
}

/* RANK: conserva el PNG original y añade la llama en una capa separada. */
.reference-rank-fire-title {
    position: relative;
    width: 230px;
    height: 52px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    margin: 0 0 5px;
    background: linear-gradient(180deg, rgba(8,4,2,.12), rgba(30,8,2,.44));
    border-bottom: 1px solid rgba(139,66,22,.45);
}
.reference-rank-fire-title::before {
    content: "";
    position: absolute;
    left: -12px;
    right: -12px;
    bottom: -7px;
    height: 45px;
    background:
        radial-gradient(ellipse at 10% 100%, rgba(255,194,57,.95) 0 5%, rgba(255,77,0,.78) 9% 20%, transparent 34%) 0 100% / 74px 44px repeat-x,
        radial-gradient(ellipse at 54% 106%, rgba(255,70,0,.94) 0 8%, rgba(150,17,0,.48) 15% 27%, transparent 39%) 36px 100% / 92px 48px repeat-x;
    filter: blur(.25px) saturate(1.25);
    animation: referenceFireDrift 1.85s ease-in-out infinite reverse;
    opacity: .96;
}
.reference-rank-fire-title::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 17px;
    background: radial-gradient(ellipse at center, rgba(255,89,0,.40), transparent 70%);
    box-shadow: 0 0 16px rgba(255,70,0,.28);
}
.reference-rank-fire-title img {
    position: relative;
    z-index: 3;
    display: block;
    max-width: 220px;
    max-height: 44px;
    object-fit: contain;
    filter: drop-shadow(0 2px 2px #000) drop-shadow(0 0 5px rgba(255,90,0,.34));
}

/* Banner TOP KILLERS sobre el hero. */
#visualbanner {
    position: absolute !important;
    top: 78px !important;
    left: 50% !important;
    width: 690px !important;
    max-width: calc(100% - 42px) !important;
    transform: translateX(-50%) !important;
    z-index: 25 !important;
}
.reference-top-killers {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    min-height: 108px;
    padding: 12px 18px 14px;
    overflow: hidden;
    color: #e9d4b1;
    background:
        linear-gradient(90deg, rgba(5,2,1,.93), rgba(50,12,6,.88) 48%, rgba(5,2,1,.93)),
        url(../img/main_bg_content_top.jpg) center / cover no-repeat;
    border: 1px solid #704018;
    outline: 1px solid rgba(0,0,0,.78);
    box-shadow: inset 0 0 0 1px rgba(217,142,59,.14), inset 0 -18px 36px rgba(0,0,0,.48), 0 8px 24px rgba(0,0,0,.55);
}
.reference-top-killers::before,
.reference-top-killers::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 48px;
    pointer-events: none;
    opacity: .8;
}
.reference-top-killers::before {
    left: 0;
    background: linear-gradient(90deg, rgba(184,86,21,.22), transparent);
}
.reference-top-killers::after {
    right: 0;
    background: linear-gradient(270deg, rgba(184,86,21,.22), transparent);
}
.reference-top-killers-fire {
    position: absolute;
    left: -5%;
    right: -5%;
    bottom: -9px;
    height: 57px;
    z-index: 0;
    opacity: .82;
    background:
        radial-gradient(ellipse at 12% 100%, rgba(255,204,69,.96) 0 4%, rgba(255,91,0,.82) 10% 19%, transparent 33%) 0 100% / 88px 52px repeat-x,
        radial-gradient(ellipse at 50% 110%, rgba(255,73,0,.96) 0 8%, rgba(155,21,0,.56) 15% 27%, transparent 40%) 43px 100% / 112px 58px repeat-x,
        radial-gradient(ellipse at 84% 108%, rgba(255,153,27,.82) 0 5%, rgba(255,55,0,.62) 13% 24%, transparent 38%) 79px 100% / 96px 54px repeat-x;
    filter: blur(.45px) saturate(1.35);
    animation: referenceFireDrift 1.7s ease-in-out infinite;
}
.reference-top-killers-heading {
    position: relative;
    z-index: 2;
    margin-bottom: 9px;
    text-align: center;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
    line-height: 30px;
    font-weight: 900;
    letter-spacing: 2px;
    color: #f4a12d;
    text-shadow: 0 2px 0 #3a1000, 0 0 8px rgba(255,112,0,.64), 0 0 16px rgba(255,52,0,.25);
}
.reference-top-killers-list {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}
.reference-top-killer {
    min-width: 0;
    padding: 8px 9px;
    text-align: center;
    background: rgba(9,4,2,.72);
    border: 1px solid rgba(148,76,26,.58);
    box-shadow: inset 0 0 10px rgba(255,76,0,.08);
}
.reference-top-killer-place {
    color: #ff8b1f;
    font-weight: bold;
    margin-right: 5px;
}
.reference-top-killer-name,
.reference-top-killer-name a {
    color: #e9c48b !important;
    font-weight: bold;
    text-decoration: none !important;
}
.reference-top-killer-kills {
    display: block;
    margin-top: 3px;
    color: #ff5b22;
    font-size: 11px;
    letter-spacing: .5px;
}
.reference-top-killers-empty {
    position: relative;
    z-index: 2;
    padding: 10px;
    text-align: center;
    color: #a99782;
}

@media (max-width: 760px) {
    #visualbanner { top: 62px !important; width: calc(100% - 20px) !important; max-width: none !important; }
    .reference-top-killers { min-height: 94px; padding: 9px 10px 11px; }
    .reference-top-killers-heading { font-size: 21px; line-height: 24px; margin-bottom: 6px; }
    .reference-top-killers-list { gap: 4px; }
    .reference-top-killer { padding: 6px 4px; font-size: 10px; }
    .reference-top-killer-kills { font-size: 9px; }
}

@media (max-width: 520px) {
    .reference-top-killers-list { grid-template-columns: 1fr; }
    .reference-top-killer-3 { display: none; }
    #visualbanner { top: 58px !important; }
}

/* =========================================================
   V5 - ACABADO PREMIUM / FUEGO REAL / ICONOS SOCIALES
   - Sustituye las llamas CSS geométricas de V4 por textura real.
   - Unifica MENU, LOGIN, INFO, RANKING y CLANES.
   - Mejora botones laterales y menú superior.
   ========================================================= */

@keyframes referenceRealFireBreath {
    0%, 100% { filter: brightness(.88) saturate(1.02); }
    50%      { filter: brightness(1.08) saturate(1.15); }
}

/* Cabeceras MU premium: fuego real + alas de la referencia. */
.reference-section-title,
.reference-rank-fire-title {
    position: relative !important;
    isolation: isolate;
    width: 230px !important;
    height: 66px !important;
    min-height: 66px !important;
    box-sizing: border-box !important;
    margin: 0 0 8px !important;
    padding: 19px 42px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    border: 0 !important;
    border-bottom: 2px solid rgba(76, 39, 17, .82) !important;
    background:
        linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.34) 58%, rgba(0,0,0,.72)),
        url(../img/section_fire_real.webp) center 48% / cover no-repeat !important;
    box-shadow:
        inset 0 -12px 22px rgba(0,0,0,.62),
        0 5px 12px rgba(0,0,0,.48) !important;
    color: #ff9b22 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 25px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 1.4px !important;
    text-align: center !important;
    -webkit-text-stroke: .45px rgba(83, 28, 3, .86);
    text-shadow:
        0 2px 0 #270800,
        0 3px 1px rgba(0,0,0,.85),
        0 0 7px rgba(255,122,17,.75),
        0 0 14px rgba(255,63,0,.34) !important;
    animation: referenceRealFireBreath 3.1s ease-in-out infinite !important;
}

.reference-section-title::before,
.reference-section-title::after,
.reference-rank-fire-title::before,
.reference-rank-fire-title::after {
    content: "" !important;
    position: absolute !important;
    top: -7px !important;
    width: 116px !important;
    height: 76px !important;
    z-index: -1 !important;
    opacity: .92 !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    pointer-events: none !important;
    mix-blend-mode: screen;
}
.reference-section-title::before,
.reference-rank-fire-title::before {
    left: -12px !important;
    background-image: url(../img/section_wing_left.webp) !important;
    background-position: left center !important;
}
.reference-section-title::after,
.reference-rank-fire-title::after {
    right: -12px !important;
    transform: none !important;
    background-image: url(../img/section_wing_right.webp) !important;
    background-position: right center !important;
}

.reference-section-title-info,
.reference-section-title-ranking {
    margin-left: 0 !important;
}

/* TOP KILLERS: se elimina el fuego dibujado de V4 y se usa fuego real. */
.reference-top-killers-fire {
    left: 0 !important;
    right: 0 !important;
    bottom: -5px !important;
    height: 60px !important;
    opacity: .72 !important;
    background:
        linear-gradient(180deg, transparent 0%, rgba(0,0,0,.10) 20%, rgba(0,0,0,.58) 100%),
        url(../img/section_fire_real.webp) center 48% / cover no-repeat !important;
    filter: brightness(.94) saturate(1.10) !important;
    animation: referenceRealFireBreath 3.2s ease-in-out infinite !important;
}
.reference-top-killers-heading {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 29px !important;
    letter-spacing: 2.2px !important;
    color: #ffad31 !important;
    -webkit-text-stroke: .45px rgba(88,31,4,.9);
    text-shadow: 0 2px 0 #260900, 0 0 8px rgba(255,137,28,.82), 0 0 18px rgba(255,62,0,.24) !important;
}

/* Menú lateral: menos "botón rojo genérico", más metal/borgoña MU. */
.reference-menu-cell {
    padding: 9px 10px 11px !important;
    background:
        linear-gradient(rgba(5,4,3,.84), rgba(9,5,3,.91)),
        url(../img/menu_back.gif) center top / cover repeat-y !important;
    border-left: 1px solid #392817 !important;
    border-right: 1px solid #392817 !important;
}
.reference-menu-button {
    min-height: 42px !important;
    margin: 8px 0 !important;
    padding: 10px 28px 9px !important;
    border: 1px solid #7e461f !important;
    outline: 1px solid #170a05 !important;
    background:
        linear-gradient(180deg, rgba(255,197,104,.08), transparent 30%),
        linear-gradient(180deg, #51100b 0%, #8f130d 42%, #5e0906 58%, #190403 100%) !important;
    box-shadow:
        inset 0 0 0 1px rgba(220,151,67,.28),
        inset 0 8px 16px rgba(255,84,30,.08),
        inset 0 -9px 16px rgba(0,0,0,.48),
        0 3px 7px rgba(0,0,0,.62) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: .7px !important;
    color: #f0d2a1 !important;
    text-shadow: 0 2px 0 #190400, 0 0 5px rgba(255,156,55,.24) !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease !important;
}
.reference-menu-button::before {
    left: 7px !important;
    right: 7px !important;
    top: 5px !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(255,221,158,.55), transparent) !important;
}
.reference-menu-button::after {
    content: "◆" !important;
    position: absolute !important;
    right: 11px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #b8762b !important;
    font-size: 7px !important;
    text-shadow: 0 0 5px rgba(255,132,25,.42) !important;
}
.reference-menu-button:hover,
.reference-menu-button:focus {
    transform: translateX(2px) !important;
    color: #fff0c7 !important;
    border-color: #bc7131 !important;
    background:
        linear-gradient(180deg, rgba(255,208,123,.13), transparent 31%),
        linear-gradient(180deg, #68150d 0%, #b42114 42%, #751008 58%, #240604 100%) !important;
    box-shadow:
        inset 0 0 0 1px rgba(244,183,91,.36),
        inset 0 0 18px rgba(230,56,16,.18),
        0 0 10px rgba(194,78,20,.20),
        0 4px 9px rgba(0,0,0,.66) !important;
}

/* Menú superior: misma identidad premium, sin apariencia plana. */
#top-navigation {
    background:
        linear-gradient(180deg, rgba(255,181,85,.055), transparent 32%),
        linear-gradient(180deg, #260807 0%, #44100d 48%, #240605 100%) !important;
    border-top: 1px solid #82512a !important;
    border-bottom: 1px solid #140502 !important;
    box-shadow: inset 0 0 0 1px rgba(205,139,65,.10), 0 5px 15px rgba(0,0,0,.58) !important;
}
#top-navigation a {
    color: #d5a966 !important;
    font-size: 17px !important;
    letter-spacing: .35px !important;
    text-shadow: 0 2px 0 #170503, 0 0 6px rgba(191,117,46,.20) !important;
}
#top-navigation a:hover,
#top-navigation a:focus {
    color: #ffe0a2 !important;
    text-shadow: 0 2px 0 #170503, 0 0 9px rgba(238,155,61,.46) !important;
}

/* Iconos locales reales/recognoscibles para redes sociales. */
.reference-social-icon {
    width: 47px !important;
    height: 46px !important;
    border-right: 1px solid rgba(255,255,255,.16);
    background: rgba(0,0,0,.12);
}
.reference-social-icon img {
    display: block;
    width: 27px;
    height: 27px;
    object-fit: contain;
    filter: drop-shadow(0 2px 2px rgba(0,0,0,.34));
}
.reference-social-whatsapp {
    background: linear-gradient(180deg,#25c964,#0d7735) !important;
}
.reference-social-discord {
    background: linear-gradient(180deg,#6674ea,#343e9c) !important;
}
.reference-social-label {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .1px !important;
}

/* INFO: al sustituir el antiguo PNG, se evita el margen del h3 legacy. */
#serverstatus2 > h3 { display: none !important; }
#serverstatus2 > .reference-section-title { margin-bottom: 5px !important; }

@media (max-width: 760px) {
    .reference-section-title,
    .reference-rank-fire-title {
        width: 100% !important;
        max-width: 230px !important;
    }
    .reference-social-icon img { width: 24px; height: 24px; }
}

/* =========================================================
   V6 - FORMULARIO DE REGISTRO ARMY MU
   - Solo afecta /register.
   - Conserva el modulo real de WebEngine y sus validaciones.
   - Replica la lectura visual del formulario de referencia sin
     modificar el backend ni duplicar el proceso de registro.
   ========================================================= */
.reference-page-register .where_nav,
.reference-page-register .tmp_right_title {
    display: none !important;
}
.reference-page-register #sub_page_content {
    margin-top: -20px !important;
}
.reference-page-register .tmp_page_content {
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
}

.army-register-shell {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 0 18px;
    color: #c9c1b6;
    text-align: left;
}
.army-register-title {
    position: relative;
    isolation: isolate;
    min-height: 64px;
    margin: 0 10px 12px;
    padding: 17px 70px 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #eee7db;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: 1.7px;
    text-align: center;
    text-transform: uppercase;
    -webkit-text-stroke: .35px rgba(35, 20, 9, .9);
    text-shadow: 0 2px 0 #080604, 0 0 5px rgba(255,194,105,.22);
    border-bottom: 1px solid rgba(105,76,45,.46);
    background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.30));
}
.army-register-title::before,
.army-register-title::after {
    content: "";
    position: absolute;
    top: -7px;
    width: 120px;
    height: 76px;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    opacity: .92;
}
.army-register-title::before {
    left: 3px;
    background-image: url(../img/section_wing_left.webp);
    background-position: left center;
}
.army-register-title::after {
    right: 3px;
    background-image: url(../img/section_wing_right.webp);
    background-position: right center;
}

.army-register-intro {
    margin: 0 5px 13px;
    border: 1px solid #55514c;
    background: rgba(4,4,4,.58);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.army-register-intro strong {
    display: block;
    padding: 7px 10px 6px;
    border-bottom: 1px solid #4d4944;
    background: linear-gradient(180deg, rgba(85,82,78,.54), rgba(15,15,15,.72));
    color: #e7e1d8;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .2px;
}
.army-register-intro p {
    margin: 0;
    padding: 9px 10px 10px;
    color: #c6c0b7;
    font-size: 12px;
    line-height: 1.35;
}

/* Oculta solo el titulo generico emitido por modules/register.php. */
.army-register-module > .page-title {
    display: none !important;
}

/* Neutraliza la grilla Bootstrap del modulo para que encaje en el template legacy. */
.army-register-module > .col-xs-8,
.army-register-module > .col-xs-offset-2,
.army-register-module .col-sm-4,
.army-register-module .col-sm-8,
.army-register-module .col-sm-offset-4 {
    float: none !important;
    width: auto !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.army-register-module > .col-xs-8 {
    margin-top: 0 !important;
}
.army-register-module form.form-horizontal {
    margin: 0 5px !important;
    padding: 0 !important;
}
.army-register-module .form-group {
    position: relative;
    margin: 0 0 11px !important;
    padding: 20px 18px 14px !important;
    border: 1px solid #504b45;
    background:
        linear-gradient(180deg, rgba(255,255,255,.018), transparent 20%),
        rgba(3,3,3,.42);
    box-shadow: inset 0 0 18px rgba(0,0,0,.28);
}
.army-register-module .form-group::after {
    content: "";
    display: block;
    clear: both;
}
.army-register-module .control-label {
    display: block !important;
    position: absolute;
    top: -9px;
    left: 11px;
    z-index: 2;
    width: auto !important;
    max-width: calc(100% - 22px);
    padding: 0 6px !important;
    background: #14110e;
    color: #dd7c20 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-align: left !important;
    text-shadow: 0 1px 0 #000;
}
.army-register-module .form-control {
    display: block;
    width: 100% !important;
    height: 32px !important;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 5px 9px !important;
    border: 1px solid #5a5651 !important;
    border-radius: 0 !important;
    outline: none !important;
    background: linear-gradient(180deg,#0d0d0d,#060606) !important;
    color: #f0ece7 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    box-shadow: inset 0 0 9px rgba(0,0,0,.72) !important;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.army-register-module .form-control:focus {
    border-color: #9a5b25 !important;
    background: #0b0907 !important;
    box-shadow: inset 0 0 8px rgba(0,0,0,.78), 0 0 7px rgba(192,100,28,.25) !important;
}
.army-register-module .help-block {
    display: block;
    margin: 7px 0 0 !important;
    color: #a9a29a !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
}

/* Enlaces y texto de terminos. */
.army-register-module .form-group a {
    color: #d98a3b !important;
    font-weight: 700;
    text-decoration: underline !important;
}
.army-register-module .form-group a:hover {
    color: #ffc066 !important;
}

/* Boton final metalico/borgona, coherente con MENU. */
.army-register-module button[type="submit"],
.army-register-module .btn-primary {
    display: block !important;
    width: 100% !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 9px 18px !important;
    border: 1px solid #8e5424 !important;
    border-radius: 0 !important;
    outline: 1px solid #160905 !important;
    background:
        linear-gradient(180deg, rgba(255,211,139,.10), transparent 30%),
        linear-gradient(180deg,#5a120d 0%,#9d1b12 45%,#5e0b07 61%,#1b0503 100%) !important;
    color: #f4d6a8 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: .8px !important;
    text-transform: uppercase;
    text-shadow: 0 2px 0 #190400, 0 0 5px rgba(255,156,55,.28) !important;
    box-shadow: inset 0 0 0 1px rgba(230,168,82,.25), inset 0 -8px 14px rgba(0,0,0,.45), 0 3px 8px rgba(0,0,0,.58) !important;
    cursor: pointer;
}
.army-register-module button[type="submit"]:hover,
.army-register-module .btn-primary:hover {
    border-color: #c47a35 !important;
    color: #fff0cb !important;
    filter: brightness(1.08);
}

/* Alertas del backend conservadas, solo se adaptan al tema. */
.army-register-module .alert,
.army-register-module .alert-danger,
.army-register-module .alert-success,
.army-register-module .alert-warning {
    box-sizing: border-box;
    margin: 0 5px 12px !important;
    padding: 9px 11px !important;
    border-radius: 0 !important;
    color: #e8ded2 !important;
    background: rgba(33,18,11,.92) !important;
    border: 1px solid #6e4327 !important;
}

@media (max-width: 760px) {
    .army-register-title {
        min-height: 58px;
        margin-left: 4px;
        margin-right: 4px;
        padding-left: 46px;
        padding-right: 46px;
        font-size: 19px;
        letter-spacing: 1px;
    }
    .army-register-title::before,
    .army-register-title::after {
        width: 90px;
        height: 64px;
    }
    .army-register-intro,
    .army-register-module form.form-horizontal {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }
    .army-register-module .form-group {
        padding: 18px 12px 12px !important;
    }
}

/* =========================================================
   V7 - TITULOS PREMIUM + FUEGO VIDEO REAL + TOP KILLERS BAJO
   - Usa el video de fuego entregado por el usuario, comprimido,
     centrado y duplicado en espejo para llenar los encabezados.
   - MENU / LOGIN / RANKING / INFO / CLANES comparten el mismo
     acabado premium con ornamentos limpios y texto metalico.
   - TOP KILLERS baja a la zona inferior del hero, siguiendo la
     composicion visual del bloque "ULTIMOS DUELOS" de referencia.
   ========================================================= */

/* Hero completo: conserva los 465 px reales de main_bg_visual.jpg. */
#gnb {
    height: 465px !important;
}

/* TOP KILLERS: ahora queda abajo, centrado, como el banner de duelos. */
#visualbanner {
    position: absolute !important;
    top: 305px !important;
    left: 50% !important;
    width: 770px !important;
    max-width: calc(100% - 150px) !important;
    transform: translateX(-50%) !important;
    z-index: 35 !important;
}
.reference-top-killers {
    position: relative !important;
    isolation: isolate;
    width: 100% !important;
    min-height: 132px !important;
    padding: 13px 58px 15px !important;
    overflow: visible !important;
    border: 2px solid #332516 !important;
    outline: 1px solid rgba(0,0,0,.92) !important;
    background:
        linear-gradient(90deg, rgba(4,2,1,.96), rgba(48,11,6,.90) 48%, rgba(4,2,1,.96)),
        url(../img/main_bg_content_top.jpg) center / cover no-repeat !important;
    box-shadow:
        inset 0 0 0 1px rgba(193,117,43,.25),
        inset 0 -28px 45px rgba(0,0,0,.58),
        0 10px 24px rgba(0,0,0,.78) !important;
}
.reference-top-killers::before,
.reference-top-killers::after {
    content: "" !important;
    position: absolute !important;
    top: -20px !important;
    width: 150px !important;
    height: 105px !important;
    z-index: 4 !important;
    pointer-events: none !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    filter: drop-shadow(0 5px 4px rgba(0,0,0,.75));
}
.reference-top-killers::before {
    left: -50px !important;
    background-image: url(../img/ornament-wing-left.png) !important;
    background-position: left top !important;
}
.reference-top-killers::after {
    right: -50px !important;
    background-image: url(../img/ornament-wing-right.png) !important;
    background-position: right top !important;
}
.reference-top-killers-video {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    object-position: center bottom;
    opacity: .70;
    mix-blend-mode: screen;
    pointer-events: none;
    filter: brightness(.88) saturate(1.10) contrast(1.08);
}
.reference-top-killers-wing { display: none !important; }
.reference-top-killers-heading {
    position: relative !important;
    z-index: 5 !important;
    margin: 0 0 11px !important;
    text-align: left !important;
    padding-left: 24px !important;
    line-height: 1 !important;
}
.reference-top-killers-heading span,
.reference-premium-title-text {
    position: relative;
    z-index: 6;
    display: inline-block;
    font-family: "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.4px !important;
    color: #f2c46c;
    -webkit-text-stroke: .55px rgba(67, 24, 5, .95);
    text-shadow:
        0 1px 0 #fff0b4,
        0 2px 0 #a75513,
        0 3px 0 #512007,
        0 4px 4px rgba(0,0,0,.92),
        0 0 7px rgba(255,139,24,.68),
        0 0 15px rgba(255,67,0,.30) !important;
}
.reference-top-killers-heading span {
    font-size: 31px !important;
    letter-spacing: 2.2px !important;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .reference-top-killers-heading span,
    .reference-premium-title-text {
        background: linear-gradient(180deg, #fff3b9 0%, #ffd46b 18%, #f29a23 48%, #bd4d0a 72%, #ffe19a 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
    }
}
.reference-top-killers-list {
    position: relative !important;
    z-index: 5 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
}
.reference-top-killer {
    min-width: 0 !important;
    min-height: 43px !important;
    padding: 8px 10px 7px !important;
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 7px !important;
    text-align: left !important;
    background: linear-gradient(180deg, rgba(5,3,2,.86), rgba(17,6,3,.78)) !important;
    border: 1px solid rgba(177,87,27,.68) !important;
    box-shadow: inset 0 0 14px rgba(255,74,0,.08), 0 2px 7px rgba(0,0,0,.44) !important;
}
.reference-top-killer-place {
    grid-row: 1 / 3;
    align-self: center;
    color: #ff9c2e !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-shadow: 0 1px 0 #2d0a00, 0 0 6px rgba(255,118,20,.34) !important;
}
.reference-top-killer-name,
.reference-top-killer-name a {
    color: #f0d2a0 !important;
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    text-shadow: 0 1px 1px #000 !important;
}
.reference-top-killer-kills {
    margin-top: 1px !important;
    color: #ff6a26 !important;
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .8px !important;
}

/* Cabeceras laterales premium con fuego real en VIDEO. */
.reference-premium-fire-header.reference-section-title,
.reference-premium-fire-header.reference-rank-fire-title {
    position: relative !important;
    isolation: isolate !important;
    width: 230px !important;
    height: 72px !important;
    min-height: 72px !important;
    margin: 0 0 8px !important;
    padding: 0 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    border: 0 !important;
    border-bottom: 2px solid rgba(80,46,24,.92) !important;
    background: linear-gradient(180deg, rgba(1,1,1,.18), rgba(5,2,1,.78)) !important;
    box-shadow: inset 0 -16px 22px rgba(0,0,0,.66), 0 5px 12px rgba(0,0,0,.48) !important;
    animation: none !important;
}
.reference-premium-fire-video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    object-fit: cover !important;
    object-position: center bottom !important;
    opacity: .82 !important;
    mix-blend-mode: screen !important;
    filter: brightness(.90) saturate(1.12) contrast(1.10) !important;
    pointer-events: none !important;
}
.reference-premium-fire-header::before,
.reference-premium-fire-header::after {
    content: "" !important;
    position: absolute !important;
    top: -8px !important;
    width: 126px !important;
    height: 88px !important;
    z-index: 2 !important;
    opacity: 1 !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    pointer-events: none !important;
    mix-blend-mode: normal !important;
    filter: drop-shadow(0 4px 3px rgba(0,0,0,.65));
}
.reference-premium-fire-header::before {
    left: -14px !important;
    background-image: url(../img/ornament-wing-left.png) !important;
    background-position: left center !important;
}
.reference-premium-fire-header::after {
    right: -14px !important;
    background-image: url(../img/ornament-wing-right.png) !important;
    background-position: right center !important;
    transform: none !important;
}
.reference-premium-title-text {
    font-size: 26px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}
.reference-section-title-login .reference-premium-title-text,
.reference-section-title-ranking .reference-premium-title-text,
.reference-section-title-info .reference-premium-title-text {
    font-size: 25px !important;
}

/* Botones de menu: texto mas nitido, premium y sin efecto de plantilla generica. */
.reference-menu-button {
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 43px !important;
    color: #f7e5c5 !important;
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: .65px !important;
    text-shadow: 0 1px 0 #000, 0 2px 2px #000, 0 0 6px rgba(255,134,31,.20) !important;
}
.reference-menu-button span {
    position: relative;
    z-index: 3;
}
.reference-menu-button:hover,
.reference-menu-button:focus {
    color: #fff5df !important;
    text-shadow: 0 1px 0 #000, 0 2px 2px #000, 0 0 8px rgba(255,160,52,.44) !important;
}

/* INFO y RANKING: ancho, alineacion y presencia identicos a MENU/LOGIN. */
.reference-section-title-info,
.reference-section-title-ranking,
.reference-section-title-menu,
.reference-section-title-login {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
#serverstatus2 > h3 { display: none !important; }

/* Cuando el usuario prefiere menos movimiento se conserva el poster/fondo. */
@media (prefers-reduced-motion: reduce) {
    .reference-premium-fire-video,
    .reference-top-killers-video { display: none !important; }
    .reference-premium-fire-header.reference-section-title,
    .reference-top-killers {
        background-image: linear-gradient(180deg, rgba(5,2,1,.25), rgba(5,2,1,.78)), url(../img/section_fire_real.webp) !important;
        background-position: center bottom !important;
        background-size: cover !important;
    }
}

@media (max-width: 820px) {
    #gnb { height: 450px !important; }
    #visualbanner {
        top: 300px !important;
        width: calc(100% - 36px) !important;
        max-width: none !important;
    }
    .reference-top-killers { padding-left: 34px !important; padding-right: 34px !important; }
    .reference-top-killers::before { left: -28px !important; }
    .reference-top-killers::after { right: -28px !important; }
    .reference-top-killers-heading span { font-size: 25px !important; }
}

@media (max-width: 560px) {
    #gnb { height: 520px !important; }
    #visualbanner { top: 315px !important; width: calc(100% - 18px) !important; }
    .reference-top-killers { min-height: 190px !important; padding: 14px 18px 16px !important; }
    .reference-top-killers-heading { text-align: center !important; padding-left: 0 !important; }
    .reference-top-killers-list { grid-template-columns: 1fr !important; }
    .reference-top-killer { min-height: 36px !important; }
    .reference-top-killer-3 { display: grid !important; }
    .reference-top-killers::before,
    .reference-top-killers::after { opacity: .64 !important; }
}

/* =========================================================
   V8 - COMPOSICION COMPACTA PREMIUM
   - TOP KILLERS: solo 2 posiciones, dinámicas desde cache, sobre NOTICIAS.
   - MENU/LOGIN/RANKING/INFO/CLANES: cabeceras mas bajas y legibles.
   - Fuego real del video del usuario: strip centrado y espejado.
   - Hover de botones inspirado en la referencia: brillo breve + profundidad.
   ========================================================= */

/* El hero vuelve a su altura natural: TOP KILLERS ya no flota sobre el banner. */
#gnb {
    height: 430px !important;
}
#visualbanner { display: none !important; }

/* TOP KILLERS compacto inmediatamente antes de NOTICIAS. */
.reference-main-content .reference-top-killers-inline {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 88px !important;
    margin: 0 0 10px !important;
    padding: 8px 18px 10px !important;
    overflow: hidden !important;
    border: 1px solid #6e3a17 !important;
    outline: 1px solid rgba(0,0,0,.92) !important;
    background:
        linear-gradient(180deg, rgba(18,7,3,.94), rgba(5,3,2,.96)),
        url(../img/main_bg_content_top.jpg) center / cover no-repeat !important;
    box-shadow:
        inset 0 0 0 1px rgba(226,143,57,.16),
        inset 0 -18px 30px rgba(0,0,0,.58),
        0 4px 12px rgba(0,0,0,.55) !important;
}
.reference-main-content .reference-top-killers-inline::before,
.reference-main-content .reference-top-killers-inline::after {
    top: -6px !important;
    width: 82px !important;
    height: 58px !important;
    opacity: .88 !important;
    z-index: 4 !important;
    background-size: contain !important;
    filter: drop-shadow(0 3px 3px rgba(0,0,0,.85)) !important;
}
.reference-main-content .reference-top-killers-inline::before { left: -8px !important; }
.reference-main-content .reference-top-killers-inline::after { right: -8px !important; }
.reference-main-content .reference-top-killers-inline .reference-top-killers-video {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    bottom: -5px !important;
    width: 100% !important;
    height: 76px !important;
    transform: translateX(-50%) !important;
    object-fit: cover !important;
    object-position: center bottom !important;
    opacity: .48 !important;
    mix-blend-mode: screen !important;
    filter: brightness(.82) saturate(1.12) contrast(1.18) !important;
    z-index: 0 !important;
}
.reference-main-content .reference-top-killers-inline .reference-top-killers-heading {
    position: relative !important;
    z-index: 6 !important;
    margin: 0 0 6px !important;
    padding: 0 0 0 48px !important;
    text-align: left !important;
    line-height: 1 !important;
}
.reference-main-content .reference-top-killers-inline .reference-top-killers-heading span {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    letter-spacing: 1.7px !important;
    -webkit-text-stroke: .8px rgba(56,17,2,.98) !important;
    background: linear-gradient(180deg,#fff5c8 0%,#ffd36a 18%,#f69a22 48%,#c44d0a 72%,#ffe2a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow:
        0 1px 0 rgba(255,244,193,.65),
        0 2px 0 #873309,
        0 3px 0 #3b1202,
        0 4px 4px rgba(0,0,0,.95),
        0 0 7px rgba(255,117,18,.55) !important;
}
.reference-main-content .reference-top-killers-inline .reference-top-killers-list {
    position: relative !important;
    z-index: 6 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 7px !important;
}
.reference-main-content .reference-top-killers-inline .reference-top-killer {
    min-height: 34px !important;
    padding: 5px 8px !important;
    grid-template-columns: auto 1fr !important;
    grid-template-rows: auto auto !important;
    column-gap: 7px !important;
    background: linear-gradient(180deg, rgba(7,4,2,.86), rgba(18,6,2,.80)) !important;
    border: 1px solid rgba(169,75,20,.72) !important;
    box-shadow: inset 0 0 11px rgba(255,85,0,.07), 0 2px 5px rgba(0,0,0,.48) !important;
}
.reference-main-content .reference-top-killers-inline .reference-top-killer-place {
    font-size: 12px !important;
    color: #ff9c2e !important;
}
.reference-main-content .reference-top-killers-inline .reference-top-killer-name,
.reference-main-content .reference-top-killers-inline .reference-top-killer-name a {
    font-size: 11px !important;
    color: #f4d7aa !important;
}
.reference-main-content .reference-top-killers-inline .reference-top-killer-kills {
    font-size: 10px !important;
    color: #ff6b28 !important;
}

/* Cabeceras laterales mas compactas: el fuego acompaña, no domina. */
.reference-premium-fire-header.reference-section-title,
.reference-premium-fire-header.reference-rank-fire-title {
    box-sizing: border-box !important;
    width: 230px !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 0 5px !important;
    padding: 0 39px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #392515 !important;
    border-bottom-color: #70431f !important;
    background:
        linear-gradient(180deg, rgba(10,5,3,.34), rgba(4,2,1,.92)),
        url(../img/main_bg_content_top.jpg) center / cover no-repeat !important;
    box-shadow:
        inset 0 1px 0 rgba(255,199,112,.10),
        inset 0 -14px 20px rgba(0,0,0,.68),
        0 3px 8px rgba(0,0,0,.58) !important;
}
.reference-premium-fire-video {
    position: absolute !important;
    left: 50% !important;
    top: auto !important;
    right: auto !important;
    bottom: -8px !important;
    width: 112% !important;
    height: 60px !important;
    transform: translateX(-50%) !important;
    object-fit: cover !important;
    object-position: center bottom !important;
    opacity: .52 !important;
    mix-blend-mode: screen !important;
    filter: brightness(.78) saturate(1.14) contrast(1.22) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
.reference-premium-fire-header::before,
.reference-premium-fire-header::after {
    top: -3px !important;
    width: 82px !important;
    height: 58px !important;
    z-index: 2 !important;
    opacity: .96 !important;
    background-size: contain !important;
    filter: drop-shadow(0 3px 3px rgba(0,0,0,.82)) !important;
}
.reference-premium-fire-header::before { left: -6px !important; }
.reference-premium-fire-header::after { right: -6px !important; }

/* Letras mucho mas visibles: metal dorado/naranja, relieve y contorno oscuro. */
.reference-premium-title-text {
    position: relative !important;
    z-index: 7 !important;
    display: inline-block !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 23px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 1.1px !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
    -webkit-text-stroke: .9px rgba(45,13,2,.98) !important;
    background: linear-gradient(180deg,#fff8d5 0%,#ffd66f 19%,#f39017 49%,#b64006 71%,#ffe0a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow:
        0 1px 0 rgba(255,247,209,.72),
        0 2px 0 #94400b,
        0 3px 0 #451501,
        0 4px 4px rgba(0,0,0,.96),
        0 0 6px rgba(255,121,20,.58),
        0 0 11px rgba(255,56,0,.20) !important;
}
.reference-section-title-login .reference-premium-title-text,
.reference-section-title-ranking .reference-premium-title-text,
.reference-section-title-info .reference-premium-title-text,
.reference-section-title-menu .reference-premium-title-text {
    font-size: 23px !important;
}

/* Hover premium tipo referencia: profundidad + destello horizontal breve. */
.reference-menu-button {
    min-height: 41px !important;
    margin: 7px 0 !important;
    border-color: #8c421b !important;
    background:
        linear-gradient(180deg, rgba(255,78,25,.16), rgba(42,0,0,.20)),
        linear-gradient(180deg,#420705 0%,#c4110b 46%,#770603 54%,#210301 100%) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,188,91,.28),
        inset 0 0 14px rgba(255,23,0,.18),
        0 2px 6px rgba(0,0,0,.72) !important;
    transition: transform .20s ease, filter .20s ease, border-color .20s ease, box-shadow .20s ease !important;
}
.reference-menu-button::after {
    content: "" !important;
    position: absolute !important;
    top: -25% !important;
    bottom: -25% !important;
    left: -65% !important;
    width: 42% !important;
    transform: skewX(-22deg) !important;
    background: linear-gradient(90deg, transparent, rgba(255,226,160,.20), transparent) !important;
    transition: left .48s ease !important;
    pointer-events: none !important;
}
.reference-menu-button:hover,
.reference-menu-button:focus {
    transform: translateX(3px) scale(1.012) !important;
    filter: brightness(1.16) saturate(1.06) !important;
    border-color: #cf7130 !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,218,137,.42),
        inset 0 0 18px rgba(255,45,0,.28),
        0 0 10px rgba(255,90,18,.24),
        0 3px 8px rgba(0,0,0,.75) !important;
}
.reference-menu-button:hover::after,
.reference-menu-button:focus::after { left: 125% !important; }
.reference-menu-button span {
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: .7px !important;
    color: #fff1d6 !important;
    text-shadow: 0 1px 0 #000, 0 2px 2px #000, 0 0 5px rgba(255,135,32,.26) !important;
}

/* INFO / RANKING mantienen exactamente la misma proporción visual. */
.reference-section-title-info,
.reference-section-title-ranking,
.reference-section-title-menu,
.reference-section-title-login {
    height: 52px !important;
    min-height: 52px !important;
}

/* En móvil, TOP KILLERS mantiene solo los dos puestos y no se hace alto. */
@media (max-width: 820px) {
    #gnb { height: 430px !important; }
}
@media (max-width: 560px) {
    #gnb { height: 430px !important; }
    .reference-main-content .reference-top-killers-inline {
        min-height: 104px !important;
        padding: 8px 10px 10px !important;
    }
    .reference-main-content .reference-top-killers-inline .reference-top-killers-heading {
        padding-left: 42px !important;
    }
    .reference-main-content .reference-top-killers-inline .reference-top-killers-heading span {
        font-size: 20px !important;
    }
    .reference-main-content .reference-top-killers-inline .reference-top-killers-list {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 5px !important;
    }
    .reference-main-content .reference-top-killers-inline .reference-top-killer {
        min-height: 36px !important;
        padding: 5px !important;
    }
}

/* Perfil de jugador WebEngine: usa las clases reales de modules/profile/player.php.
   El contenido deja de verse como una lista centrada y pasa a una ficha legible. */
.reference-page-profile .page-title {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 9px 14px !important;
    text-align: left !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    letter-spacing: .6px !important;
    color: #f2c06e !important;
    border: 1px solid #713d19 !important;
    background: linear-gradient(90deg, rgba(65,17,6,.92), rgba(16,7,4,.94)) !important;
    box-shadow: inset 0 0 0 1px rgba(228,145,60,.13), 0 3px 9px rgba(0,0,0,.45) !important;
    text-shadow: 0 1px 0 #271004, 0 0 6px rgba(255,120,20,.28) !important;
}
.reference-page-profile .profiles_player_card {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 440px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    overflow: hidden !important;
    border: 1px solid #4c321f !important;
    background:
        linear-gradient(135deg, rgba(18,12,8,.96), rgba(5,4,3,.94)),
        url(../img/main_bg_content_center.jpg) center / cover repeat !important;
    box-shadow: inset 0 0 0 1px rgba(185,116,53,.10), 0 8px 18px rgba(0,0,0,.42) !important;
}
.reference-page-profile .profiles_player_content {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 15px 16px 17px !important;
    text-align: left !important;
}
.reference-page-profile .profiles_player_table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    text-align: left !important;
}
.reference-page-profile .profiles_player_table .cname {
    padding: 0 0 3px !important;
    text-align: left !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    color: #ffd07b !important;
    text-shadow: 0 2px 2px #000, 0 0 7px rgba(255,112,15,.30) !important;
}
.reference-page-profile .profiles_player_table .cclass {
    padding: 0 0 12px !important;
    text-align: left !important;
    color: #c49a68 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    border-bottom: 1px solid rgba(132,82,42,.40) !important;
}
.reference-page-profile .profiles_player_table_info {
    margin-top: 9px !important;
}
.reference-page-profile .profiles_player_table_info tr:nth-child(odd) {
    background: rgba(255,255,255,.018) !important;
}
.reference-page-profile .profiles_player_table_info td {
    padding: 5px 8px !important;
    text-align: left !important;
    vertical-align: middle !important;
    border-bottom: 1px solid rgba(108,72,43,.22) !important;
    color: #e3d5c1 !important;
    font-size: 12px !important;
}
.reference-page-profile .profiles_player_table_info td:first-child {
    width: 48% !important;
    color: #a77d50 !important;
    font-weight: bold !important;
}
.reference-page-profile .profiles_player_table_info td:last-child {
    color: #f3e8d8 !important;
    font-weight: 700 !important;
}
.reference-page-profile .profiles_player_table_info .isonline { color: #70d86c !important; }
.reference-page-profile .profiles_player_table_info .isoffline { color: #c99b76 !important; }

/* El menú superior también reproduce el pequeño efecto de la referencia. */
#top-navigation a {
    transition: color .18s ease, text-shadow .18s ease, transform .18s ease, filter .18s ease !important;
}
#top-navigation a:hover,
#top-navigation a:focus {
    transform: translateY(-1px) scale(1.025) !important;
    filter: brightness(1.08) !important;
    color: #ffe8b0 !important;
    text-shadow: 0 2px 0 #170503, 0 0 7px rgba(255,191,96,.52), 0 0 14px rgba(229,100,18,.20) !important;
}

/* =========================================================
   V9 - REY DEL MU + STAFF/RANGOS
   Ubicacion: inmediatamente debajo de Informacion del Servidor.
   Compactos para no alargar innecesariamente la columna derecha.
   ========================================================= */
.reference-server-widget {
    box-sizing: border-box;
    width: 230px;
    margin: 9px 0 0;
    border: 1px solid #6f3b18;
    outline: 1px solid rgba(0,0,0,.96);
    background:
        radial-gradient(circle at 50% 0, rgba(169,76,22,.14), transparent 52%),
        linear-gradient(180deg, rgba(20,12,7,.98), rgba(5,4,3,.99));
    box-shadow:
        inset 0 0 0 1px rgba(219,143,67,.08),
        inset 0 -14px 24px rgba(0,0,0,.36),
        0 4px 10px rgba(0,0,0,.46);
    overflow: hidden;
}
.reference-server-widget-title {
    position: relative;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 34px;
    border-bottom: 1px solid rgba(127,67,27,.72);
    background:
        linear-gradient(90deg, transparent, rgba(106,45,15,.42) 28%, rgba(150,68,18,.24) 50%, rgba(106,45,15,.42) 72%, transparent),
        linear-gradient(180deg, rgba(33,18,9,.95), rgba(9,6,4,.98));
    box-shadow: inset 0 -8px 14px rgba(0,0,0,.40);
}
.reference-server-widget-title::before,
.reference-server-widget-title::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 40px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #b97530);
    opacity: .75;
}
.reference-server-widget-title::before { left: 8px; }
.reference-server-widget-title::after { right: 8px; transform: rotate(180deg); }
.reference-server-widget-title span {
    position: relative;
    z-index: 2;
    color: #f2c276;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    text-shadow:
        0 1px 0 #6e2a08,
        0 2px 0 #2b1004,
        0 3px 4px #000,
        0 0 8px rgba(255,128,30,.20);
}
.reference-king-body {
    min-height: 82px;
    display: grid;
    grid-template-columns: 68px minmax(0,1fr);
    gap: 8px;
    align-items: center;
    padding: 8px 10px 9px;
}
.reference-king-logo {
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(153,82,31,.55);
    background: radial-gradient(circle, rgba(96,41,13,.35), rgba(4,3,2,.82));
    box-shadow: inset 0 0 12px rgba(210,111,31,.10);
    overflow: hidden;
}
.reference-king-logo img { max-width: 58px; max-height: 58px; object-fit: contain; }
.reference-king-data {
    min-width: 0;
    text-align: left;
    line-height: 1.2;
}
.reference-widget-label {
    display: block;
    margin: 1px 0 1px;
    color: #9d7651;
    font: 700 8px/1.1 Arial, sans-serif;
    letter-spacing: 1px;
}
.reference-king-data strong,
.reference-king-data strong a {
    display: block;
    max-width: 132px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #f1d7ad !important;
    font: 900 11px/1.25 "Trebuchet MS", Arial, sans-serif;
    text-decoration: none !important;
    text-shadow: 0 1px 1px #000;
}
.reference-king-score {
    display: inline-block;
    margin-top: 4px;
    padding: 2px 6px;
    border: 1px solid rgba(158,76,21,.42);
    background: rgba(93,34,8,.22);
    color: #f29a3b;
    font: 900 9px/1 Arial, sans-serif;
    letter-spacing: .5px;
}
.reference-staff-list { padding: 5px 7px 7px; }
.reference-staff-member {
    position: relative;
    min-height: 30px;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 5px;
    padding: 5px 7px;
    margin-top: 3px;
    border: 1px solid rgba(110,62,30,.48);
    background: linear-gradient(180deg, rgba(21,13,8,.92), rgba(7,5,3,.92));
    box-shadow: inset 0 0 10px rgba(255,109,20,.035);
}
.reference-staff-member:first-child { margin-top: 0; }
.reference-staff-name,
.reference-staff-name a {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ecd6b4 !important;
    font: 900 10px/1.1 "Trebuchet MS", Arial, sans-serif;
    text-decoration: none !important;
    text-shadow: 0 1px 1px #000;
}
.reference-staff-rank {
    color: #d88b3b;
    font: 900 7px/1 Arial, sans-serif;
    letter-spacing: .5px;
    white-space: nowrap;
    text-transform: uppercase;
}
.reference-staff-rank-3 { border-color: rgba(201,113,42,.80); }
.reference-staff-rank-3 .reference-staff-rank { color: #ffc16f; }
.reference-staff-rank-2 .reference-staff-rank { color: #e9a65b; }
.reference-staff-rank-1 .reference-staff-rank { color: #d88b3b; }
.reference-staff-rank-0 .reference-staff-rank { color: #b98d62; }
.reference-widget-empty {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    color: #8d755d;
    font: 700 9px/1.3 Arial, sans-serif;
    letter-spacing: .5px;
    text-align: center;
}


/* =========================================================
   V10 - HERO MP4 + TOP KILLER UNICO
   main_bg_visual.jpg se sustituye visualmente por main_bg_visual.mp4.
   El JPG se conserva unicamente como poster/fallback del navegador.
   ========================================================= */
.reference-top-killers-list {
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 560px !important;
    margin: 0 auto !important;
}
.reference-top-killer {
    min-height: 62px !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 8px 18px !important;
}
.reference-top-killer-place {
    font-size: 21px !important;
    font-weight: 900 !important;
}
.reference-top-killer-name,
.reference-top-killer-name a {
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .4px !important;
    color: #ffe09a !important;
    text-shadow: 0 1px 0 #4b1d00, 0 0 6px rgba(255,132,22,.65), 0 2px 3px #000 !important;
}
.reference-top-killer-kills {
    font-size: 16px !important;
    letter-spacing: .8px !important;
    white-space: nowrap !important;
}
@media (max-width: 760px) {
    .main-bg-visual-video { width:100%; height:465px; }
    .reference-top-killer { grid-template-columns: 46px minmax(0,1fr) !important; }
    .reference-top-killer-kills { grid-column:2; }
}

/* =========================================================
   V11 - STAFF SQL REAL (sin WSETeam / sin rangos inventados)
   ========================================================= */
.reference-staff-member.is-online {
    border-color: rgba(207, 126, 42, .72);
    box-shadow: inset 0 0 18px rgba(181, 76, 7, .14), 0 0 8px rgba(181, 76, 7, .10);
}
.reference-staff-member.is-offline { opacity: .82; }
.reference-staff-rank { display:flex; align-items:center; gap:6px; }
.reference-staff-rank small { font-size:8px; letter-spacing:.8px; color:#8f806f; }
.reference-staff-member.is-online .reference-staff-rank small {
    color:#e6a04d;
    text-shadow:0 0 5px rgba(255,128,0,.25);
}

/* =========================================================
   V16 - ARMY MU PREMIUM HOME
   Visual target: metal + fire + red lightning, compact blocks,
   premium typography, real SQL-backed STAFF / TOP KILLER / REY.
   ========================================================= */

/* Subtle lightning/rays texture over the content while preserving the global MP4. */
#contentswrap {
    position: relative !important;
    isolation: isolate;
}
#contentswrap::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(0,0,0,.18), rgba(31,2,2,.24) 45%, rgba(0,0,0,.12)),
        url(../img/army_rays_bg.webp) center top / cover repeat-y;
    opacity: .22;
    mix-blend-mode: screen;
}
#contentswrap > * { position: relative; z-index: 1; }

/* ---- Premium red square menu buttons like the approved reference ---- */
.reference-menu-list {
    padding: 10px 11px 13px !important;
    background: linear-gradient(180deg, rgba(9,8,7,.94), rgba(2,2,2,.98)) !important;
    border: 1px solid rgba(118,78,43,.30) !important;
    box-shadow: inset 0 0 26px rgba(0,0,0,.92) !important;
}
.reference-menu-button {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 48px !important;
    margin: 0 0 9px !important;
    padding: 0 15px !important;
    overflow: hidden !important;
    border: 1px solid #8e6b42 !important;
    outline: 1px solid #17120d !important;
    border-radius: 0 !important;
    background:
        linear-gradient(180deg, rgba(255,89,48,.25), rgba(117,0,0,.05) 42%, rgba(0,0,0,.25)),
        linear-gradient(90deg, #4b0202 0%, #b90b08 25%, #d22117 50%, #a70806 75%, #3f0101 100%) !important;
    box-shadow:
        inset 0 0 0 2px rgba(255,255,255,.05),
        inset 0 8px 11px rgba(255,112,76,.12),
        inset 0 -10px 18px rgba(0,0,0,.55),
        0 2px 0 #020202,
        0 0 10px rgba(125,0,0,.18) !important;
    transform: translateX(0);
    transition: transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
}
.reference-menu-button::before {
    content: "" !important;
    position: absolute !important;
    inset: 3px !important;
    border: 1px solid rgba(255,208,153,.12) !important;
    background: none !important;
    pointer-events: none !important;
}
.reference-menu-button::after {
    content: "" !important;
    position: absolute !important;
    top: -40% !important;
    left: -55% !important;
    width: 32% !important;
    height: 180% !important;
    transform: skewX(-22deg) !important;
    background: linear-gradient(90deg, transparent, rgba(255,236,193,.24), transparent) !important;
    transition: left .42s ease !important;
}
.reference-menu-button span {
    position: relative !important;
    z-index: 2 !important;
    color: #fff5e6 !important;
    font-family: "Arial Black", Impact, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: .2px !important;
    text-shadow: 0 2px 0 #280000, 0 0 5px rgba(255,105,44,.40) !important;
}
.reference-menu-button:hover,
.reference-menu-button:focus {
    transform: translateX(4px) !important;
    filter: brightness(1.18) saturate(1.12) !important;
    box-shadow:
        inset 0 0 0 2px rgba(255,220,171,.10),
        inset 0 10px 14px rgba(255,123,74,.18),
        inset 0 -10px 18px rgba(0,0,0,.48),
        0 0 12px rgba(230,48,12,.45) !important;
}
.reference-menu-button:hover::after,
.reference-menu-button:focus::after { left: 125% !important; }

/* ---- Shared premium card language ---- */
.army-feature-card {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 12px;
    overflow: hidden;
    border: 1px solid #6d461f;
    outline: 1px solid rgba(0,0,0,.94);
    background:
        radial-gradient(circle at 50% 110%, rgba(255,70,12,.18), transparent 42%),
        linear-gradient(180deg, rgba(19,7,4,.97), rgba(5,4,3,.98));
    box-shadow:
        inset 0 0 0 1px rgba(255,170,81,.08),
        inset 0 0 30px rgba(106,15,2,.22),
        0 5px 13px rgba(0,0,0,.58);
}
.army-feature-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent 0 42%, rgba(255,255,255,.035) 50%, transparent 58% 100%),
        url(../img/army_rays_bg.webp) center 68% / 145% auto no-repeat;
    opacity: .18;
    mix-blend-mode: screen;
}
.army-feature-card::after {
    content: "";
    position: absolute;
    left: 5%; right: 5%; bottom: -13px;
    height: 34px;
    background: radial-gradient(ellipse, rgba(255,73,12,.34), rgba(255,73,12,0) 70%);
    filter: blur(5px);
    pointer-events: none;
}
.army-feature-heading {
    position: relative;
    z-index: 2;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 3px 15px 0;
    border-bottom: 1px solid rgba(136,77,28,.42);
    background: linear-gradient(180deg, rgba(28,11,7,.92), rgba(8,5,3,.58));
}
.army-feature-heading strong,
.army-sidebar-title .reference-premium-title-text {
    color: #f5c26d !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-shadow:
        0 1px 0 #fff1bd,
        0 2px 0 #9d4a13,
        0 3px 0 #3a1503,
        0 0 9px rgba(255,126,27,.54),
        0 3px 5px #000 !important;
}
.army-feature-heading strong { font-size: 27px !important; line-height: 1 !important; }
.army-heading-ornament {
    display: block;
    width: 58px;
    height: 12px;
    position: relative;
    opacity: .78;
}
.army-heading-ornament::before,
.army-heading-ornament::after {
    content: "";
    position: absolute;
    top: 5px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #a9672a);
}
.army-heading-ornament::before { left: 0; right: 16px; }
.army-heading-ornament::after {
    width: 9px; height: 9px; right: 2px; top: 1px;
    border: 1px solid #b87531;
    background: #3c1705;
    transform: rotate(45deg);
    box-shadow: 0 0 6px rgba(255,121,28,.35);
}
.army-heading-ornament-right { transform: scaleX(-1); }
.army-heading-crown {
    width: 36px;
    height: 28px;
    color: #f0b650;
    font: 25px/28px Georgia, serif;
    text-align: center;
    text-shadow: 0 0 7px rgba(255,122,14,.45), 0 2px 2px #000;
}
.army-heading-crown::before,
.army-heading-crown::after { display:none; }
.army-feature-content {
    position: relative;
    z-index: 2;
    min-height: 82px;
    display: flex;
    align-items: center;
    padding: 10px 20px 11px;
    background:
        linear-gradient(90deg, rgba(0,0,0,.54), rgba(71,14,3,.22) 50%, rgba(0,0,0,.54)),
        linear-gradient(0deg, rgba(113,22,3,.10), transparent 55%);
}
.army-feature-rank {
    flex: 0 0 52px;
    color: #ffbf48;
    font: 900 28px/1 Georgia, serif;
    text-align: center;
    text-shadow: 0 2px 0 #521600, 0 0 8px rgba(255,121,21,.50);
}
.army-guild-mark {
    flex: 0 0 auto;
    margin: 0 14px 0 2px;
    padding: 4px;
    border: 1px solid rgba(202,126,50,.50);
    background: rgba(0,0,0,.46);
    box-shadow: inset 0 0 12px rgba(255,92,11,.08), 0 0 10px rgba(0,0,0,.68);
}
.army-guild-mark img { display:block; image-rendering:auto; }
.army-feature-copy { min-width: 0; flex: 1 1 auto; text-align: left; }
.army-feature-kicker {
    color: #df7d29;
    font: 900 9px/1 Arial, sans-serif;
    letter-spacing: 1.4px;
    margin-bottom: 2px;
}
.army-feature-name,
.army-feature-name a {
    display: inline-block;
    color: #ffe1a0 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 29px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: .4px !important;
    text-decoration: none !important;
    text-shadow:
        0 1px 0 #fff1bd,
        0 2px 0 #a04b12,
        0 3px 0 #421500,
        0 0 10px rgba(255,112,17,.62),
        0 3px 5px #000 !important;
    animation: armyWinnerPulse 2.7s ease-in-out infinite;
}
.army-feature-stat {
    margin-top: 5px;
    color: #f6eee4;
    font: 900 11px/1.15 Arial, sans-serif;
    letter-spacing: .8px;
    text-shadow: 0 1px 2px #000;
}
.army-feature-stat b {
    color: #ff5b20;
    font-size: 15px;
    text-shadow: 0 0 7px rgba(255,63,12,.48), 0 2px 1px #000;
}
.army-feature-meta {
    margin-top: 6px;
    color: #cdbb9f;
    font: 700 10px/1.2 Arial, sans-serif;
}
.army-feature-meta span {
    color: #efa13e;
    font-weight: 900;
    letter-spacing: .7px;
    margin-right: 5px;
}
.army-feature-meta a { color:#f1d5ad !important; text-decoration:none !important; }
.army-feature-empty,
.army-sidebar-empty {
    position: relative;
    z-index: 2;
    padding: 18px 12px;
    color: #9e856a;
    font: 700 10px/1.3 Arial, sans-serif;
    text-align: center;
}
.army-king-card { margin-top: 12px; }
.army-king-content { min-height: 94px; }
.army-guild-mark-king { margin-left: 6px; }
.army-king-name,
.army-king-name a { font-size: 31px !important; }

@keyframes armyWinnerPulse {
    0%, 100% { opacity: 1; filter: brightness(1); transform: translateY(0); }
    48% { opacity: .74; filter: brightness(.86); transform: translateY(.5px); }
    56% { opacity: 1; filter: brightness(1.16); }
}

/* ---- STAFF over INFO, both compact with the same fire/title dynamic ---- */
.army-sidebar-block {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 12px;
    border: 1px solid #4d321c;
    background: rgba(5,4,3,.94);
    box-shadow: inset 0 0 18px rgba(112,28,4,.10), 0 4px 12px rgba(0,0,0,.48);
}
.army-sidebar-title.reference-section-title {
    position: relative !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    border: 0 !important;
    border-bottom: 1px solid #70451f !important;
    background: linear-gradient(180deg, rgba(14,7,4,.96), rgba(4,3,2,.96)) !important;
}
.army-sidebar-title .reference-premium-fire-video {
    position: absolute !important;
    left: 0 !important;
    bottom: -16px !important;
    width: 100% !important;
    height: 68px !important;
    object-fit: cover !important;
    object-position: center 72% !important;
    opacity: .60 !important;
    mix-blend-mode: screen !important;
    filter: saturate(1.18) contrast(1.08) brightness(.88) !important;
}
.army-sidebar-title::before,
.army-sidebar-title::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    width: 38px !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, #c47a31) !important;
    opacity: .78 !important;
    z-index: 2 !important;
}
.army-sidebar-title::before { left: 10px !important; }
.army-sidebar-title::after { right: 10px !important; transform: scaleX(-1) !important; }
.army-sidebar-title .reference-premium-title-text {
    position: relative !important;
    z-index: 4 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    animation: armyHeaderGlow 3.2s ease-in-out infinite;
}
@keyframes armyHeaderGlow {
    0%,100% { filter: brightness(1); }
    50% { filter: brightness(1.20); }
}
.army-staff-panel { padding: 6px; }
.army-staff-row {
    display: grid;
    grid-template-columns: 28px minmax(0,1fr) auto;
    align-items: center;
    gap: 6px;
    min-height: 42px;
    padding: 5px 6px;
    margin-bottom: 5px;
    border: 1px solid rgba(106,67,36,.52);
    background: linear-gradient(180deg, rgba(20,13,9,.96), rgba(7,5,4,.98));
    box-shadow: inset 0 0 12px rgba(255,112,24,.025);
}
.army-staff-row:last-child { margin-bottom:0; }
.army-staff-status-icon {
    width: 24px; height: 24px;
    display:flex; align-items:center; justify-content:center;
}
.army-staff-status-icon img {
    width: 18px !important;
    height: 18px !important;
    object-fit: contain;
    filter: drop-shadow(0 0 4px rgba(0,0,0,.75));
}
.army-staff-row.is-online .army-staff-status-icon img {
    filter: drop-shadow(0 0 5px rgba(65,255,78,.80));
    animation: armyOnlinePulse 1.8s ease-in-out infinite;
}
.army-staff-row.is-offline .army-staff-status-icon img {
    filter: drop-shadow(0 0 5px rgba(255,42,42,.65));
}
@keyframes armyOnlinePulse {
    0%,100% { transform: scale(1); }
    50% { transform: scale(1.10); }
}
.army-staff-copy { min-width:0; text-align:left; }
.army-staff-copy strong {
    display:block;
    color:#efa44b;
    font:900 8px/1 Arial,sans-serif;
    letter-spacing:.65px;
}
.army-staff-copy span,
.army-staff-copy span a {
    display:block;
    margin-top:3px;
    color:#f2e5d4 !important;
    font:900 11px/1.05 Arial,sans-serif;
    text-decoration:none !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.army-staff-state {
    font:900 8px/1 Arial,sans-serif;
    letter-spacing:.8px;
    text-shadow:0 0 6px currentColor;
}
.army-staff-row.is-online .army-staff-state { color:#54f06a; }
.army-staff-row.is-offline .army-staff-state { color:#ff4c43; }

.army-info-table {
    width:100%;
    border-collapse:collapse;
    color:#d0b997;
    font:700 9px/1.2 Arial,sans-serif;
}
.army-info-table th {
    padding:7px 8px;
    color:#f0a33e;
    font:900 10px/1 Arial,sans-serif;
    letter-spacing:.4px;
    text-align:left;
    background:linear-gradient(180deg, rgba(69,28,8,.62), rgba(18,10,6,.88));
    border-bottom:1px solid #6e421c;
}
.army-info-table td {
    padding:6px 7px;
    border-bottom:1px solid rgba(91,57,31,.40);
    background:rgba(10,8,6,.72);
}
.army-info-table td:last-child {
    text-align:right;
    color:#f2d7ad;
    font-weight:900;
}
.army-info-table tr:last-child td { border-bottom:0; }
.army-online-number { color:#62ee72; }
.army-max-number { color:#ff5b4f; }
.army-info-status { width:15px !important; height:15px !important; vertical-align:middle; }

/* NEWS gets the same family without changing its real cache behavior. */
.reference-news-panel {
    border-color: #5d3a1d !important;
    background: rgba(6,5,4,.91) !important;
    box-shadow: inset 0 0 20px rgba(128,28,3,.08), 0 4px 11px rgba(0,0,0,.40) !important;
}
.reference-news-heading span {
    color:#e9bc72 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-weight:900 !important;
    text-shadow:0 1px 0 #5c2d0c, 0 0 6px rgba(255,115,24,.22) !important;
}

/* Left/right legacy title headers: more compact, readable, no giant fire blocks. */
.reference-section-title.reference-premium-fire-header:not(.army-sidebar-title) {
    min-height: 50px !important;
    height: 50px !important;
    overflow:hidden !important;
}
.reference-section-title.reference-premium-fire-header:not(.army-sidebar-title) .reference-premium-fire-video {
    bottom:-20px !important;
    height:72px !important;
    opacity:.45 !important;
    object-position:center 72% !important;
}
.reference-section-title.reference-premium-fire-header:not(.army-sidebar-title) .reference-premium-title-text {
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:24px !important;
    font-weight:900 !important;
    color:#f3c06a !important;
    text-shadow:0 1px 0 #fff0bd,0 2px 0 #95430e,0 3px 0 #341000,0 0 8px rgba(255,111,20,.50),0 3px 5px #000 !important;
}

@media (max-width: 760px) {
    .army-feature-heading strong { font-size:22px !important; }
    .army-feature-content { padding:9px 10px 10px; }
    .army-feature-rank { flex-basis:42px; font-size:22px; }
    .army-feature-name,.army-feature-name a { font-size:23px !important; }
    .army-king-name,.army-king-name a { font-size:25px !important; }
    .army-guild-mark img { width:52px !important; height:52px !important; }
    .army-heading-ornament { width:34px; }
}

/* =========================================================
   V17 - GLOBAL MP4 + REGISTRO/DESCARGAS + GENS + CINTA REAL
   ========================================================= */
html { min-height:100%; background:#000; }
body.army-global-video-active {
    min-height:100%;
    padding-bottom:38px !important;
    background:#000 !important;
}
.army-global-video-bg {
    position:fixed;
    inset:0;
    z-index:-100;
    overflow:hidden;
    pointer-events:none;
    background:#020202 url(../img/main_bg_visual.jpg) center center / cover no-repeat;
}
.army-global-video-bg .main-bg-visual-video {
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    width:100vw !important;
    height:100vh !important;
    max-width:none !important;
    min-width:100% !important;
    min-height:100% !important;
    transform:translate(-50%,-50%) !important;
    object-fit:cover !important;
    object-position:center center !important;
    z-index:0 !important;
    opacity:1 !important;
    background:#020202 !important;
}
.army-global-video-vignette {
    position:absolute;
    inset:0;
    z-index:1;
    background:
      radial-gradient(circle at 50% 32%, transparent 0%, rgba(0,0,0,.08) 38%, rgba(0,0,0,.58) 100%),
      linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.26) 60%, rgba(0,0,0,.48));
}
body.army-global-video-active #bodywrap {
    background:rgba(4,3,3,.26) !important;
    box-shadow:0 0 40px rgba(0,0,0,.46);
}
body.army-global-video-active #contentswrap {
    background:rgba(7,5,4,.46) !important;
    backdrop-filter:blur(1px);
    -webkit-backdrop-filter:blur(1px);
}
body.army-global-video-active #contentswrap::before { opacity:.16 !important; }

/* --- Registro premium compacto: conserva modules/register.php intacto --- */
body.reference-page-register #sub_page_content { margin-top:0 !important; }
body.reference-page-register .tmp_m_content,
body.reference-page-register .tmp_page_content { background:transparent !important; }
body.reference-page-register .army-register-shell {
    width:100% !important;
    padding:4px 2px 18px !important;
}
body.reference-page-register .army-register-card {
    width:100%;
    box-sizing:border-box;
    position:relative;
    overflow:hidden;
    padding:14px 14px 16px;
    border:1px solid #754218;
    outline:1px solid rgba(0,0,0,.85);
    background:
      radial-gradient(circle at 50% 0%, rgba(145,36,8,.22), transparent 38%),
      linear-gradient(180deg, rgba(14,8,6,.97), rgba(5,4,3,.98));
    box-shadow:inset 0 0 28px rgba(118,25,4,.12), 0 12px 28px rgba(0,0,0,.58);
}
body.reference-page-register .army-register-card::before,
body.reference-page-register .army-register-card::after {
    content:"";
    position:absolute;
    top:0;
    width:95px;
    height:2px;
    background:linear-gradient(90deg, transparent, #e09642, transparent);
    opacity:.75;
}
body.reference-page-register .army-register-card::before { left:16px; }
body.reference-page-register .army-register-card::after { right:16px; }
body.reference-page-register .army-register-emblem {
    height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 0 2px;
}
body.reference-page-register .army-register-emblem img {
    max-width:150px;
    max-height:60px;
    object-fit:contain;
    filter:drop-shadow(0 3px 5px #000) drop-shadow(0 0 7px rgba(255,109,21,.18));
}
body.reference-page-register .army-register-kicker {
    color:#cc7627;
    font:900 8px/1 Arial,sans-serif;
    letter-spacing:2.2px;
    text-align:center;
}
body.reference-page-register .army-register-title {
    min-height:0 !important;
    margin:5px 0 0 !important;
    padding:0 !important;
    border:0 !important;
    background:none !important;
    color:#f2c36d !important;
    font:900 27px/1.05 Georgia,"Times New Roman",serif !important;
    letter-spacing:1.2px !important;
    text-shadow:0 1px 0 #fff1ba,0 2px 0 #94420e,0 3px 0 #361000,0 0 9px rgba(255,106,17,.40),0 4px 5px #000 !important;
}
body.reference-page-register .army-register-title::before,
body.reference-page-register .army-register-title::after { display:none !important; }
body.reference-page-register .army-register-subtitle {
    margin:5px 0 14px;
    color:#907763;
    font:900 8px/1 Arial,sans-serif;
    letter-spacing:1.45px;
    text-align:center;
}
body.reference-page-register .army-register-module > .page-title { display:none !important; }
body.reference-page-register .army-register-module > .col-xs-8,
body.reference-page-register .army-register-module > .col-xs-offset-2 {
    float:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}
body.reference-page-register .army-register-module form.form-horizontal {
    width:100% !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
body.reference-page-register .army-register-module .form-group {
    position:relative !important;
    display:block !important;
    min-height:0 !important;
    margin:0 0 10px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
body.reference-page-register .army-register-module .form-group::before {
    content:"";
    position:absolute;
    left:0;
    top:7px;
    width:5px;
    height:5px;
    transform:rotate(45deg);
    background:#c65818;
    box-shadow:0 0 6px rgba(255,93,15,.55);
}
body.reference-page-register .army-register-module .col-sm-4,
body.reference-page-register .army-register-module .col-sm-8,
body.reference-page-register .army-register-module .col-sm-offset-4 {
    float:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}
body.reference-page-register .army-register-module .control-label {
    display:block !important;
    width:100% !important;
    margin:0 0 5px !important;
    padding:0 0 0 12px !important;
    color:#e4a04c !important;
    font:900 9px/1.2 Arial,sans-serif !important;
    letter-spacing:.7px !important;
    text-align:left !important;
    text-transform:uppercase !important;
}
body.reference-page-register .army-register-module .form-control {
    width:100% !important;
    height:40px !important;
    box-sizing:border-box !important;
    padding:0 12px !important;
    border:1px solid #51341f !important;
    border-radius:2px !important;
    background:linear-gradient(180deg,rgba(15,11,8,.98),rgba(5,4,3,.98)) !important;
    color:#f4e9dc !important;
    font:700 12px/40px Arial,sans-serif !important;
    box-shadow:inset 0 0 12px rgba(0,0,0,.78), inset 0 1px 0 rgba(255,255,255,.025) !important;
}
body.reference-page-register .army-register-module .form-control:focus {
    border-color:#ad6426 !important;
    box-shadow:inset 0 0 10px rgba(0,0,0,.72),0 0 9px rgba(217,94,19,.22) !important;
}
body.reference-page-register .army-register-module .help-block {
    margin:4px 0 0 !important;
    color:#74685f !important;
    font:700 8px/1.25 Arial,sans-serif !important;
}
body.reference-page-register .army-register-module .g-recaptcha {
    margin:4px auto 2px !important;
    transform:scale(.88);
    transform-origin:center top;
}
body.reference-page-register .army-register-module .form-group a { color:#dda04d !important; }
body.reference-page-register .army-register-module button[type="submit"],
body.reference-page-register .army-register-module .btn-primary {
    width:100% !important;
    height:44px !important;
    margin-top:2px !important;
    border:1px solid #b46123 !important;
    outline:1px solid #180602 !important;
    border-radius:2px !important;
    background:linear-gradient(180deg,#b42218 0%,#780e09 52%,#3b0704 100%) !important;
    color:#fff2cf !important;
    font:900 13px/42px Georgia,"Times New Roman",serif !important;
    letter-spacing:1.1px !important;
    text-transform:uppercase !important;
    text-shadow:0 2px 1px #260500,0 0 7px rgba(255,180,70,.28) !important;
    box-shadow:inset 0 0 0 1px rgba(255,191,80,.16),inset 0 -10px 15px rgba(0,0,0,.42),0 5px 12px rgba(0,0,0,.48) !important;
}
body.reference-page-register .army-register-module button[type="submit"]:hover,
body.reference-page-register .army-register-module .btn-primary:hover {
    filter:brightness(1.15);
    transform:translateY(-1px);
}
body.reference-page-register .army-register-security {
    margin-top:8px;
    color:#61574f;
    font:700 8px/1.3 Arial,sans-serif;
    text-align:center;
}

/* --- Descargas: selector generado SOLO con downloads.cache real --- */
body.reference-page-downloads .where_nav,
body.reference-page-downloads .tmp_right_title { display:none !important; }
body.reference-page-downloads #sub_page_content { margin-top:0 !important; }
.army-download-shell {
    width:100%;
    box-sizing:border-box;
    padding:4px 0 18px;
    color:#d6c7b5;
    text-align:left;
}
.army-download-head {
    display:flex;
    align-items:center;
    gap:14px;
    padding:14px 16px 12px;
    border:1px solid #6f3d18;
    border-bottom:0;
    background:linear-gradient(180deg,rgba(38,11,5,.95),rgba(8,5,4,.97));
    box-shadow:inset 0 1px 0 rgba(255,190,91,.08);
}
.army-download-logo { width:78px; height:58px; object-fit:contain; filter:drop-shadow(0 3px 5px #000); }
.army-download-kicker { color:#c86f24; font:900 8px/1 Arial,sans-serif; letter-spacing:1.7px; }
.army-download-head h2 { margin:3px 0 3px; color:#f4c777; font:900 23px/1 Georgia,"Times New Roman",serif; text-shadow:0 2px 0 #5f2508,0 0 8px rgba(255,103,15,.35); }
.army-download-head p { margin:0; color:#8f7b69; font:700 9px/1.35 Arial,sans-serif; }
.army-download-selector-card {
    padding:15px 16px 17px;
    border:1px solid #6f3d18;
    background:linear-gradient(180deg,rgba(7,5,4,.98),rgba(3,3,3,.99));
    box-shadow:inset 0 0 24px rgba(137,31,6,.08),0 8px 18px rgba(0,0,0,.45);
}
.army-download-selector-card > label { display:block; margin:0 0 6px; color:#df9d48; font:900 9px/1 Arial,sans-serif; letter-spacing:1px; }
.army-download-select {
    width:100%; height:42px; box-sizing:border-box; padding:0 12px;
    border:1px solid #70431e !important; border-radius:2px !important;
    background:#0b0806 !important; color:#f1e2cf !important;
    font:900 11px Arial,sans-serif !important;
    box-shadow:inset 0 0 10px rgba(0,0,0,.75) !important;
}
.army-download-live {
    display:grid;
    grid-template-columns:44px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    min-height:66px;
    margin:12px 0;
    padding:10px;
    border:1px solid rgba(103,64,31,.68);
    background:linear-gradient(90deg,rgba(25,10,5,.82),rgba(8,6,5,.94));
}
.army-download-file-icon {
    width:38px; height:38px; display:flex; align-items:center; justify-content:center;
    border:1px solid #a85a21; border-radius:50%;
    color:#ffb657; font:900 24px/1 Arial,sans-serif;
    box-shadow:inset 0 0 12px rgba(255,95,11,.12),0 0 8px rgba(255,95,11,.12);
}
.army-download-live-copy strong { display:block; color:#f4d8ac; font:900 12px/1.15 Arial,sans-serif; }
.army-download-live-copy span { display:block; margin-top:4px; color:#8e7b69; font:700 9px/1.3 Arial,sans-serif; }
.army-download-meta { text-align:right; }
.army-download-meta span { display:block; color:#ff7d2b; font:900 9px/1 Arial,sans-serif; letter-spacing:.8px; }
.army-download-meta b { display:block; margin-top:5px; color:#c7b59d; font:900 9px/1 Arial,sans-serif; }
.army-download-action {
    width:100%; height:45px; border:1px solid #b15e20; outline:1px solid #180602;
    background:linear-gradient(180deg,#b62117,#790d08 52%,#3a0603) !important;
    color:#fff0ca !important; font:900 13px Georgia,"Times New Roman",serif !important;
    letter-spacing:1.1px; text-shadow:0 2px 1px #250400; cursor:pointer;
    box-shadow:inset 0 0 0 1px rgba(255,185,77,.17),inset 0 -10px 14px rgba(0,0,0,.38),0 5px 12px rgba(0,0,0,.45);
}
.army-download-action:hover { filter:brightness(1.14); transform:translateY(-1px); }

/* --- Ranking Gens real en el espacio inferior del centro --- */
.army-gens-card { margin-top:12px; }
.army-gens-heading strong { font-size:22px !important; }
.army-gens-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    padding:9px;
    background:linear-gradient(180deg,rgba(5,4,3,.96),rgba(8,5,4,.98));
}
.army-gens-faction {
    min-width:0;
    border:1px solid rgba(102,62,32,.68);
    background:linear-gradient(180deg,rgba(21,12,8,.95),rgba(5,4,3,.98));
    box-shadow:inset 0 0 14px rgba(255,100,15,.035);
}
.army-gens-faction-head {
    min-height:48px;
    padding:5px 7px;
    display:flex;
    align-items:center;
    gap:7px;
    border-bottom:1px solid rgba(113,66,31,.55);
    background:rgba(0,0,0,.22);
}
.army-gens-faction-head img { width:38px; height:38px; object-fit:contain; filter:drop-shadow(0 2px 3px #000); }
.army-gens-faction-head strong { display:block; color:#f0bd6a; font:900 12px/1 Georgia,"Times New Roman",serif; letter-spacing:.4px; }
.army-gens-faction-head span { display:block; margin-top:3px; color:#8b745e; font:900 7px/1 Arial,sans-serif; letter-spacing:1px; }
.army-gens-row {
    display:grid;
    grid-template-columns:22px minmax(0,1fr) auto;
    align-items:center;
    gap:4px;
    min-height:26px;
    padding:3px 6px;
    border-bottom:1px solid rgba(87,52,28,.34);
}
.army-gens-row:last-child { border-bottom:0; }
.army-gens-row > b { color:#e17a27; font:900 9px Arial,sans-serif; }
.army-gens-player,
.army-gens-player a { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#e9dac5 !important; font:900 9px Arial,sans-serif !important; text-decoration:none !important; }
.army-gens-row em { color:#a98d70; font:900 8px Arial,sans-serif; font-style:normal; white-space:nowrap; }

/* --- Cinta inferior dinámica usando caches reales --- */
#army-ranking-ticker {
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    height:34px;
    z-index:2147482500;
    overflow:hidden;
    display:flex;
    align-items:center;
    border-top:1px solid rgba(154,83,31,.78);
    background:linear-gradient(180deg,rgba(15,7,4,.96),rgba(2,2,2,.98));
    box-shadow:0 -3px 12px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,181,74,.05);
    pointer-events:none;
}
.army-ranking-ticker-track {
    display:inline-flex;
    width:max-content;
    white-space:nowrap;
    animation:armyTickerMove 34s linear infinite;
    will-change:transform;
}
.army-ranking-ticker-group { display:inline-flex; align-items:center; }
.army-ranking-ticker-item {
    position:relative;
    display:inline-flex;
    align-items:center;
    height:34px;
    padding:0 26px 0 18px;
    color:#d3bea0;
    font:900 10px/34px Arial,sans-serif;
    letter-spacing:.45px;
    text-shadow:0 1px 2px #000;
}
.army-ranking-ticker-item::after {
    content:"◆";
    position:absolute;
    right:2px;
    color:#a84e16;
    font-size:7px;
}
.army-ranking-ticker-item.is-brand { color:#f1b75e; font-family:Georgia,"Times New Roman",serif; font-size:12px; letter-spacing:1px; }
@keyframes armyTickerMove { from{transform:translateX(0)} to{transform:translateX(-50%)} }

@media (max-width:760px) {
    .army-global-video-bg .main-bg-visual-video { width:100vw !important; height:100vh !important; }
    .army-gens-grid { grid-template-columns:1fr; }
    .army-download-live { grid-template-columns:38px minmax(0,1fr); }
    .army-download-meta { grid-column:2; text-align:left; display:flex; gap:8px; align-items:center; }
    body.reference-page-register .army-register-card { padding:12px 10px 14px; }
    body.reference-page-register .army-register-emblem { height:54px; }
    body.reference-page-register .army-register-emblem img { max-height:52px; }
}


/* =========================================================
   V20 - CORRECCION QUIRURGICA SOBRE V17
   - MP4 vuelve a ser BANNER superior; NO sigue el scroll.
   - Se conservan V17: TOP KILLER, REY DEL MU, STAFF, GENS,
     DESCARGAS y REGISTRO.
   - Se elimina solo la cinta fija inferior.
   - TOP RESET POR RAZA ocupa el bloque inferior del HOME.
   ========================================================= */
body {
    padding-bottom:0 !important;
    background:#000 url(../img/main_bg_body.jpg) center top no-repeat !important;
}
#bodywrap {
    position:relative !important;
    background:#050403 !important;
}
.army-global-video-bg { display:none !important; }
.army-hero-video-banner {
    position:absolute;
    top:0;
    left:0;
    width:976px;
    height:465px;
    max-width:100%;
    overflow:hidden;
    z-index:0;
    pointer-events:none;
    background:#050403 url(../img/main_bg_visual.jpg) center center / cover no-repeat;
}
.army-hero-video-banner .main-bg-visual-video {
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:0 !important;
    transform:none !important;
    object-fit:cover !important;
    object-position:center center !important;
    z-index:0 !important;
    opacity:1 !important;
    background:#050403 !important;
}
.army-hero-video-vignette {
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.02) 72%,rgba(0,0,0,.20));
}
#bodywrap > #gnb,
#bodywrap > #contentswrap { position:relative; z-index:2; }
#army-ranking-ticker { display:none !important; }

.pr7-reset-race-section {
    box-sizing:border-box;
    width:920px;
    max-width:calc(100% - 24px);
    margin:28px auto 8px;
    padding:30px 20px 24px;
    overflow:hidden;
    border:1px solid rgba(117,17,17,.76);
    border-radius:2px;
    background:
      radial-gradient(circle at 50% 0%,rgba(105,12,12,.14),transparent 43%),
      linear-gradient(180deg,rgba(18,2,2,.98),rgba(5,0,0,.99));
    box-shadow:inset 0 0 28px rgba(115,13,13,.08),0 12px 28px rgba(0,0,0,.42);
}
.pr7-reset-race-kicker {
    margin:0 0 10px;
    color:#b51f2d;
    font:900 10px/1 Arial,sans-serif;
    letter-spacing:6px;
    text-align:center;
}
.pr7-reset-race-title {
    margin:0 0 28px;
    color:#f4eee8;
    font:900 29px/1 Georgia,"Times New Roman",serif;
    letter-spacing:3px;
    text-align:center;
    text-transform:uppercase;
    text-shadow:0 2px 0 #220000,0 0 13px rgba(150,20,20,.20);
}
.pr7-reset-race-row {
    display:flex;
    align-items:stretch;
    gap:24px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 2px 10px;
    scrollbar-width:thin;
    scrollbar-color:#741010 #160202;
}
.pr7-reset-race-row::-webkit-scrollbar { height:9px; }
.pr7-reset-race-row::-webkit-scrollbar-track { background:#160202; }
.pr7-reset-race-row::-webkit-scrollbar-thumb { background:linear-gradient(180deg,#8e1616,#4b0909); border-radius:10px; }
.pr7-race-card {
    flex:0 0 230px;
    overflow:hidden;
    border:1px solid rgba(122,20,20,.74);
    border-radius:14px;
    background:linear-gradient(180deg,rgba(48,0,0,.66),rgba(20,0,0,.96));
    box-shadow:0 14px 30px rgba(0,0,0,.35);
    transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.pr7-race-card:hover { transform:translateY(-4px); filter:brightness(1.08); box-shadow:0 18px 34px rgba(0,0,0,.45),0 0 18px rgba(118,14,14,.16); }
.pr7-race-thumb { height:190px; overflow:hidden; background:#0d0000; }
.pr7-race-image { display:block; width:100%; height:100%; object-fit:cover; }
.pr7-race-meta { padding:12px 14px 16px; text-align:center; }
.pr7-race-label { margin-bottom:12px; color:#c72031; font:900 10px/1 Arial,sans-serif; letter-spacing:2.5px; text-transform:uppercase; }
.pr7-race-player,.pr7-race-player a { color:#f5f3f0 !important; font:900 17px/1.2 Arial,sans-serif !important; text-decoration:none !important; }
.pr7-race-resets { margin-top:8px; color:#eee9e4; font:900 16px/1.2 Arial,sans-serif; }
@media(max-width:760px) {
    .army-hero-video-banner { width:100%; height:465px; }
    .pr7-reset-race-section { padding:24px 12px 18px; }
    .pr7-reset-race-title { font-size:23px; }
    .pr7-race-card { flex-basis:190px; }
    .pr7-race-thumb { height:158px; }
}

/* =========================================================
   V25 - VIDEO BANNER COMPLETO + GENS VISUAL EN ESPACIO INFERIOR
   - El MP4 permanece arriba como banner normal; NO es fixed.
   - El menu fijo ya no tapa la parte superior del video.
   - El panel Gens usa la imagen entregada y datos reales del cache.
   ========================================================= */
#gnb {
    height: 518px !important;
    min-height: 518px !important;
}
.army-hero-video-banner {
    position:absolute !important;
    top:52px !important;
    left:0 !important;
    width:976px !important;
    height:466px !important;
    max-width:100% !important;
    overflow:hidden !important;
    z-index:0 !important;
    pointer-events:none !important;
    background:#050403 url(../img/main_bg_visual.jpg) center center / 100% 100% no-repeat !important;
}
.army-hero-video-banner .main-bg-visual-video {
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:0 !important;
    transform:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    display:block !important;
    z-index:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    background:#050403 !important;
}
.army-hero-video-vignette {
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
    background:linear-gradient(180deg,rgba(0,0,0,.01),rgba(0,0,0,.00) 78%,rgba(0,0,0,.16)) !important;
}

/* GENS: ocupa el gran espacio vacio debajo de las columnas. */
.army-gens-showcase {
    position:relative;
    box-sizing:border-box;
    width:920px;
    max-width:calc(100% - 24px);
    height:410px;
    margin:24px auto 18px;
    overflow:hidden;
    border:1px solid rgba(196,125,36,.70);
    box-shadow:0 12px 28px rgba(0,0,0,.58), inset 0 0 0 1px rgba(255,215,135,.10);
    background:#050403;
}
.army-gens-showcase-bg {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    display:block;
    z-index:0;
}
.army-gens-showcase-shade {
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
      linear-gradient(90deg,rgba(8,0,0,.55) 0%,rgba(8,0,0,.05) 32%,rgba(0,0,8,.04) 68%,rgba(0,0,8,.58) 100%),
      linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.02) 58%,rgba(0,0,0,.42));
}
.army-gens-showcase-brand {
    position:absolute;
    left:50%;
    bottom:14px;
    z-index:3;
    transform:translateX(-50%);
    padding:7px 20px 8px;
    border:1px solid rgba(231,181,83,.62);
    background:rgba(3,3,3,.76);
    color:#f4d492;
    font:900 17px/1 Georgia,"Times New Roman",serif;
    letter-spacing:2px;
    text-shadow:0 2px 0 #2b1100,0 0 8px rgba(255,154,35,.34);
    white-space:nowrap;
}
.army-gens-showcase-brand span { color:#fff2c8; }
.army-gens-side {
    position:absolute;
    top:18px;
    z-index:4;
    width:255px;
    padding:10px 13px 12px;
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(0,0,0,.64);
    box-shadow:0 8px 18px rgba(0,0,0,.42), inset 0 0 16px rgba(255,255,255,.025);
    text-align:center;
}
.army-gens-side-duprian {
    left:18px;
    border-color:rgba(255,65,55,.38);
    background:linear-gradient(180deg,rgba(68,0,0,.76),rgba(0,0,0,.70));
}
.army-gens-side-vanert {
    right:18px;
    border-color:rgba(65,111,255,.42);
    background:linear-gradient(180deg,rgba(0,21,68,.78),rgba(0,0,0,.70));
}
.army-gens-score {
    color:#fff;
    font:900 31px/1 Arial,Helvetica,sans-serif;
    letter-spacing:.5px;
    text-shadow:0 2px 4px #000;
}
.army-gens-side-duprian .army-gens-score { color:#ff453b; }
.army-gens-side-vanert .army-gens-score { color:#4c71ff; }
.army-gens-score-label {
    margin-top:4px;
    color:#e3d5c2;
    font:800 11px/1 Arial,Helvetica,sans-serif;
    letter-spacing:1px;
}
.army-gens-leader-label {
    margin-top:11px;
    color:#f0c87d;
    font:900 10px/1 Arial,Helvetica,sans-serif;
    letter-spacing:2px;
}
.army-gens-leader-name,
.army-gens-leader-name a {
    display:block;
    margin-top:4px;
    color:#fff !important;
    font:900 17px/1.15 Arial,Helvetica,sans-serif;
    text-decoration:none !important;
    text-shadow:0 2px 4px #000;
}
.army-gens-meta {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin-top:8px;
    color:#eadbc3;
    font:800 11px/1 Arial,Helvetica,sans-serif;
}
.army-gens-meta img {
    width:24px;
    height:16px;
    object-fit:cover;
    border:1px solid rgba(255,255,255,.35);
}

@media (max-width: 760px) {
    #gnb { height:390px !important; min-height:390px !important; }
    .army-hero-video-banner {
        top:46px !important;
        width:100% !important;
        height:344px !important;
    }
    .army-hero-video-banner .main-bg-visual-video { object-fit:cover !important; }
    .army-gens-showcase {
        height:360px;
        margin:16px auto 14px;
    }
    .army-gens-side {
        top:12px;
        width:44%;
        padding:8px 8px 9px;
    }
    .army-gens-side-duprian { left:8px; }
    .army-gens-side-vanert { right:8px; }
    .army-gens-score { font-size:20px; }
    .army-gens-leader-name,.army-gens-leader-name a { font-size:13px; }
    .army-gens-showcase-brand { bottom:8px; font-size:13px; padding:6px 12px; }
}

/* =========================================================
   V26 - GENS COMPACTO EN CENTRO + AJUSTE VIDEO HERO
   ========================================================= */
.army-hero-video-banner {
    background:#050403 url(../img/main_bg_visual.jpg) center center / cover no-repeat !important;
}
.army-hero-video-banner .main-bg-visual-video {
    object-fit:cover !important;
    object-position:center center !important;
    transform:scale(1.01) !important;
    opacity:1 !important;
}

.army-gens-showcase-inline {
    width:100%;
    max-width:462px;
    height:256px;
    margin:14px 0 16px;
    border:1px solid rgba(186,125,52,.65);
    box-shadow:0 12px 24px rgba(0,0,0,.30), inset 0 0 0 1px rgba(255,226,164,.10);
}
.army-gens-showcase-inline .army-gens-showcase-bg {
    object-fit:cover;
    object-position:center center;
}
.army-gens-showcase-inline .army-gens-showcase-shade {
    background:linear-gradient(90deg,rgba(20,0,0,.34) 0%,rgba(10,0,0,.08) 34%,rgba(3,6,18,.08) 66%,rgba(1,10,20,.34) 100%);
}
.army-gens-showcase-inline .army-gens-showcase-brand {
    left:50%;
    bottom:12px;
    transform:translateX(-50%);
    padding:0;
    border:0;
    background:none;
    box-shadow:none;
    color:#f3ece1;
    font:900 23px/1 Georgia,"Times New Roman",serif;
    letter-spacing:1.5px;
    text-shadow:0 2px 0 #120000,0 0 12px rgba(255,74,74,.24),0 0 18px rgba(60,108,255,.20);
}
.army-gens-showcase-inline .army-gens-showcase-brand span {
    color:#f8d7a1;
}
.army-gens-showcase-inline .army-gens-side {
    top:12px;
    width:38%;
    padding:0;
    background:none;
    border:0;
    box-shadow:none;
}
.army-gens-showcase-inline .army-gens-side-duprian { left:12px; text-align:left; }
.army-gens-showcase-inline .army-gens-side-vanert { right:12px; text-align:right; }
.army-gens-showcase-inline .army-gens-score {
    font:900 41px/.92 Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    letter-spacing:1px;
    text-shadow:0 2px 0 #000,0 0 10px rgba(255,255,255,.08),0 0 18px currentColor;
}
.army-gens-showcase-inline .army-gens-score-label,
.army-gens-showcase-inline .army-gens-leader-label {
    margin-top:4px;
    color:#fff0d1;
    font:900 11px/1.1 Arial,sans-serif;
    letter-spacing:2.3px;
    text-shadow:0 2px 4px rgba(0,0,0,.8);
}
.army-gens-showcase-inline .army-gens-leader-label { margin-top:8px; color:#f7d39c; }
.army-gens-showcase-inline .army-gens-leader-name,
.army-gens-showcase-inline .army-gens-leader-name a {
    margin-top:4px;
    color:#ffffff !important;
    font:900 17px/1.05 Georgia,"Times New Roman",serif !important;
    letter-spacing:.4px;
    text-decoration:none !important;
    text-shadow:0 2px 4px rgba(0,0,0,.85),0 0 10px rgba(255,226,158,.14);
}
.army-gens-showcase-inline .army-gens-meta {
    margin-top:6px;
    justify-content:flex-start;
    gap:6px;
    color:#fff;
    background:none;
    font:900 13px/1 Arial,sans-serif;
    text-shadow:0 2px 4px rgba(0,0,0,.85);
}
.army-gens-showcase-inline .army-gens-side-vanert .army-gens-meta {
    justify-content:flex-end;
}
.army-gens-showcase-inline .army-gens-meta span {
    color:#fff4da;
    font:900 14px/1 Arial,sans-serif;
}
.army-gens-showcase-inline .army-gens-meta img {
    width:21px;
    height:15px;
    border:1px solid rgba(255,255,255,.35);
    box-shadow:0 0 0 1px rgba(0,0,0,.45);
}

@media (max-width:760px) {
    .army-gens-showcase-inline {
        max-width:100%;
        height:226px;
        margin:12px auto 14px;
    }
    .army-gens-showcase-inline .army-gens-side {
        width:42%;
        top:10px;
    }
    .army-gens-showcase-inline .army-gens-score { font-size:28px; }
    .army-gens-showcase-inline .army-gens-score-label,
    .army-gens-showcase-inline .army-gens-leader-label { font-size:9px; letter-spacing:1.4px; }
    .army-gens-showcase-inline .army-gens-leader-name,
    .army-gens-showcase-inline .army-gens-leader-name a { font-size:13px !important; }
    .army-gens-showcase-inline .army-gens-meta span { font-size:11px; }
    .army-gens-showcase-inline .army-gens-showcase-brand { font-size:17px; }
}

/* =========================================================
   V27 - GENS EN EL ESPACIO IZQUIERDO, DEBAJO DE CLANES
   - No se muestra debajo de noticias.
   - Panel compacto sin cajas detrás de los textos.
   ========================================================= */
.army-gens-showcase-left {
    position:relative;
    width:230px;
    height:178px;
    margin:0 auto;
    overflow:hidden;
    border:1px solid rgba(190,122,42,.72);
    border-radius:2px;
    background:#070301;
    box-shadow:0 8px 18px rgba(0,0,0,.48), inset 0 0 0 1px rgba(255,220,150,.08);
}
.army-gens-showcase-left .army-gens-showcase-bg {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    filter:saturate(1.08) contrast(1.03) brightness(.82);
}
.army-gens-showcase-left .army-gens-showcase-shade {
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(90deg,rgba(42,0,0,.30),transparent 42%,transparent 58%,rgba(0,16,52,.30)),
        linear-gradient(180deg,rgba(0,0,0,.10),transparent 42%,rgba(0,0,0,.38));
}
.army-gens-showcase-left .army-gens-showcase-brand {
    position:absolute;
    left:50%;
    bottom:7px;
    z-index:4;
    transform:translateX(-50%);
    padding:0;
    border:0;
    background:none;
    box-shadow:none;
    color:#fff0ce;
    font:900 13px/1 Georgia,"Times New Roman",serif;
    letter-spacing:1px;
    white-space:nowrap;
    text-shadow:0 2px 2px #000,0 0 8px rgba(255,150,46,.40);
}
.army-gens-showcase-left .army-gens-showcase-brand span { color:#ffffff; }
.army-gens-showcase-left .army-gens-side {
    position:absolute;
    top:9px;
    z-index:3;
    width:45%;
    padding:0;
    border:0;
    background:none;
    box-shadow:none;
}
.army-gens-showcase-left .army-gens-side-duprian { left:8px; text-align:left; }
.army-gens-showcase-left .army-gens-side-vanert { right:8px; text-align:right; }
.army-gens-showcase-left .army-gens-score {
    margin:0;
    font:900 25px/.92 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;
    letter-spacing:.5px;
    text-shadow:0 2px 0 #000,0 0 9px currentColor;
}
.army-gens-showcase-left .army-gens-side-duprian .army-gens-score { color:#ff4138; }
.army-gens-showcase-left .army-gens-side-vanert .army-gens-score { color:#4f76ff; }
.army-gens-showcase-left .army-gens-score-label {
    margin-top:3px;
    color:#ffe3b4;
    font:900 8px/1 Arial,sans-serif;
    letter-spacing:1.4px;
    text-shadow:0 2px 3px #000;
}
.army-gens-showcase-left .army-gens-leader-name,
.army-gens-showcase-left .army-gens-leader-name a {
    display:block;
    margin-top:6px;
    max-width:100%;
    overflow:hidden;
    color:#ffffff !important;
    font:900 11px/1.05 Georgia,"Times New Roman",serif !important;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-decoration:none !important;
    text-shadow:0 2px 3px #000,0 0 7px rgba(255,226,166,.30);
}
.army-gens-showcase-left .army-gens-meta {
    display:flex;
    align-items:center;
    gap:4px;
    margin-top:5px;
    padding:0;
    border:0;
    background:none;
    box-shadow:none;
    color:#fff;
    font:900 9px/1 Arial,sans-serif;
    text-shadow:0 2px 3px #000;
}
.army-gens-showcase-left .army-gens-side-duprian .army-gens-meta { justify-content:flex-start; }
.army-gens-showcase-left .army-gens-side-vanert .army-gens-meta { justify-content:flex-end; }
.army-gens-showcase-left .army-gens-meta img {
    width:18px;
    height:12px;
    object-fit:cover;
    border:1px solid rgba(255,255,255,.45);
    box-shadow:0 1px 3px rgba(0,0,0,.8);
}
.army-gens-showcase-left .army-gens-meta span {
    color:#fff2d1;
    font:900 9px/1 Arial,sans-serif;
}

/* =========================================================
   V28 - TOP KILLERS + REY DEL MU ADAPTADOS A LAS NUEVAS PLACAS
   - Se usan las dos imagenes premium enviadas por el usuario.
   - TOP KILLERS ya trae titulo y #1 en la placa, por eso se elimina
     el encabezado anterior y solo se inyectan los datos reales.
   - REY DEL MU usa la misma logica compacta con logo real del clan.
   ========================================================= */
.army-top-killer-card,
.army-king-card {
    position: relative;
    width: 100%;
    margin: 0 0 12px;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}
.army-top-killer-card::before,
.army-top-killer-card::after,
.army-king-card::before,
.army-king-card::after,
.army-top-killer-card .army-feature-heading,
.army-king-card .army-feature-heading {
    display: none !important;
}
.army-feature-panel {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
.army-top-killer-panel {
    height: 182px;
    margin: 0 auto 6px;
    background-image: url(../img/topkillers_gold_panel.webp);
}
.army-king-panel {
    height: 182px;
    margin: 0 auto 4px;
    background-image: url(../img/reydelmu_gold_panel.webp);
}
.army-feature-logo-slot {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.army-top-killer-logo-slot {
    left: 111px;
    top: 78px;
    width: 86px;
    height: 93px;
}
.army-king-logo-slot {
    left: 111px;
    top: 78px;
    width: 86px;
    height: 93px;
}
.army-feature-logo-inside {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.army-feature-logo-inside img {
    display: block;
    width: 72px !important;
    height: 72px !important;
    object-fit: contain;
    image-rendering: auto;
    filter: drop-shadow(0 0 7px rgba(0,0,0,.65)) drop-shadow(0 0 8px rgba(255,180,74,.12));
}
.army-feature-panel-copy {
    position: absolute;
    z-index: 2;
    left: 212px;
    right: 34px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
}
.army-top-killer-copy {
    top: 86px;
    bottom: 20px;
}
.army-king-copy {
    top: 84px;
    bottom: 18px;
}
.army-feature-panel-copy .army-feature-kicker {
    margin: 0 0 4px;
    color: #f1ca75;
    font: 900 10px/1 Arial,Helvetica,sans-serif;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    text-shadow: 0 1px 1px #000, 0 0 8px rgba(255,168,60,.22);
}
.army-top-killer-card .army-feature-name,
.army-top-killer-card .army-feature-name a,
.army-king-card .army-feature-name,
.army-king-card .army-feature-name a {
    display: block;
    margin: 0;
    color: #f8dda0 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 30px !important;
    line-height: .98 !important;
    font-weight: 900 !important;
    letter-spacing: .2px !important;
    text-decoration: none !important;
    text-shadow:
        0 1px 0 #fff0bc,
        0 2px 0 #a24d12,
        0 3px 0 #3c1501,
        0 0 10px rgba(255,127,35,.28),
        0 3px 6px #000 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.army-top-killer-card .army-feature-stat,
.army-king-card .army-feature-stat {
    margin-top: 5px;
    color: #f5ead7;
    font: 900 11px/1.15 Arial,Helvetica,sans-serif;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #000;
}
.army-top-killer-card .army-feature-stat b,
.army-king-card .army-feature-stat b {
    color: #ff8a34;
    font-size: 18px;
    text-shadow: 0 0 10px rgba(255,112,21,.38), 0 2px 2px #000;
}
.army-top-killer-card .army-feature-meta,
.army-king-card .army-feature-meta {
    margin-top: 7px;
    color: #e4cfaf;
    font: 800 11px/1.2 Arial,Helvetica,sans-serif;
    letter-spacing: .2px;
    text-shadow: 0 1px 1px #000;
}
.army-top-killer-card .army-feature-meta span,
.army-king-card .army-feature-meta span {
    color: #ffbf5e;
    font-weight: 900;
    letter-spacing: 1px;
    margin-right: 6px;
    text-transform: uppercase;
}
.army-top-killer-card .army-feature-meta a,
.army-king-card .army-feature-meta a { color: #fff0cd !important; text-decoration: none !important; }
.army-feature-panel-empty {
    padding: 68px 20px 58px;
    text-align: center;
    color: #d3be9a;
    font: 800 13px/1.3 Arial,Helvetica,sans-serif;
    text-shadow: 0 1px 2px #000;
    background: linear-gradient(180deg,rgba(20,8,2,.95),rgba(8,4,1,.96));
    border: 1px solid rgba(148,101,32,.55);
}
@media (max-width: 900px) {
    .army-top-killer-panel,
    .army-king-panel {
        height: 162px;
    }
    .army-top-killer-logo-slot,
    .army-king-logo-slot {
        left: 95px;
        top: 68px;
        width: 76px;
        height: 82px;
    }
    .army-feature-logo-inside img {
        width: 63px !important;
        height: 63px !important;
    }
    .army-feature-panel-copy {
        left: 184px;
        right: 26px;
    }
    .army-top-killer-copy,
    .army-king-copy {
        top: 74px;
    }
    .army-top-killer-card .army-feature-name,
    .army-top-killer-card .army-feature-name a,
    .army-king-card .army-feature-name,
    .army-king-card .army-feature-name a {
        font-size: 25px !important;
    }
}

/* =========================================================
   V29 - BOTON FLOTANTE VIDEOS GUIA + BIBLIOTECA MODAL
   Basado en la modalidad del index de referencia del usuario.
   ========================================================= */
.army-guide-trigger-v29 {
    position: fixed;
    right: 10px;
    top: calc(53% + 118px);
    z-index: 2147481900;
    width: 108px;
    height: 76px;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(199,144,58,.72);
    outline: 1px solid rgba(0,0,0,.78);
    border-radius: 7px;
    background: #070401;
    cursor: pointer;
    box-shadow: 0 8px 16px rgba(0,0,0,.58), inset 0 0 0 1px rgba(255,218,145,.08);
    filter: drop-shadow(0 5px 8px rgba(0,0,0,.55));
    transition: transform .22s ease, filter .22s ease, border-color .22s ease;
}
.army-guide-trigger-v29:hover,
.army-guide-trigger-v29:focus {
    transform: translateY(-3px) scale(1.05);
    filter: brightness(1.12) drop-shadow(0 8px 12px rgba(0,0,0,.68));
    border-color: #e5b75d;
    outline: none;
}
.army-guide-trigger-preview {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    pointer-events:none;
    background:#0b0603;
}
.army-guide-trigger-shade {
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.08) 42%,rgba(0,0,0,.78) 100%);
}
.army-guide-trigger-play {
    position:absolute;
    left:50%;
    top:44%;
    z-index:2;
    width:35px;
    height:35px;
    margin:-17px 0 0 -17px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,224,163,.88);
    border-radius:50%;
    background:rgba(33,12,3,.78);
    box-shadow:0 0 0 5px rgba(255,144,31,.08),0 0 18px rgba(255,122,20,.38),0 3px 8px rgba(0,0,0,.62);
    animation:armyGuidePlayPulseV29 1.5s ease-in-out infinite;
}
.army-guide-trigger-play i,
.army-guide-play-v29 i {
    display:block;
    width:0;
    height:0;
    margin-left:3px;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
    border-left:11px solid #ffd47a;
    filter:drop-shadow(0 0 4px rgba(255,142,31,.55));
}
.army-guide-trigger-v29 strong {
    position:absolute;
    left:4px;
    right:4px;
    bottom:6px;
    z-index:3;
    color:#ffe0a0;
    font:900 9px/1 Arial,sans-serif;
    letter-spacing:.8px;
    text-align:center;
    text-shadow:0 1px 3px #000,0 0 7px rgba(255,130,28,.45);
}
@keyframes armyGuidePlayPulseV29 {
    0%,100% { transform:scale(1); box-shadow:0 0 0 5px rgba(255,144,31,.08),0 0 16px rgba(255,122,20,.30),0 3px 8px rgba(0,0,0,.62); }
    50% { transform:scale(1.10); box-shadow:0 0 0 9px rgba(255,144,31,.03),0 0 24px rgba(255,122,20,.56),0 3px 8px rgba(0,0,0,.62); }
}

.army-guide-overlay-v29 {
    display:none;
    position:fixed;
    inset:0;
    z-index:2147483100;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(0,0,0,.86);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
}
.army-guide-overlay-v29.is-open { display:flex; }
.army-guide-modal-v29 {
    position:relative;
    width:930px;
    max-width:calc(100vw - 36px);
    max-height:calc(100vh - 36px);
    overflow:auto;
    box-sizing:border-box;
    border:1px solid #8f642d;
    outline:1px solid #170b04;
    border-radius:12px;
    background:
      radial-gradient(circle at 50% 0,rgba(111,42,10,.24),transparent 34%),
      linear-gradient(180deg,#1a0e07,#090503 88%);
    box-shadow:inset 0 0 0 1px rgba(255,211,129,.07),0 26px 70px rgba(0,0,0,.84);
    color:#d7c09a;
}
.army-guide-close-v29 {
    position:absolute;
    top:10px;
    right:11px;
    z-index:8;
    width:34px;
    height:34px;
    padding:0;
    border:1px solid #75502b;
    border-radius:4px;
    background:linear-gradient(#35170d,#150906);
    color:#f1ca79;
    font:900 24px/30px Arial,sans-serif;
    cursor:pointer;
    box-shadow:0 4px 10px rgba(0,0,0,.45);
}
.army-guide-close-v29:hover { filter:brightness(1.15); }
.army-guide-header-v29 {
    padding:18px 55px 15px 20px;
    text-align:left;
    border-bottom:1px solid rgba(163,102,38,.35);
    background:linear-gradient(90deg,rgba(81,27,9,.42),rgba(18,8,4,.18));
}
.army-guide-kicker-v29 {
    margin-bottom:4px;
    color:#bd7f37;
    font:900 9px/1 Arial,sans-serif;
    letter-spacing:2.2px;
}
.army-guide-header-v29 h2 {
    margin:0;
    color:#f4c66d;
    font:900 24px/1.05 Georgia,"Times New Roman",serif;
    letter-spacing:1px;
    text-shadow:0 1px 0 #fff0b0,0 2px 0 #8e4310,0 3px 0 #351400,0 0 9px rgba(255,126,24,.38),0 3px 5px #000;
}
.army-guide-header-v29 p {
    margin:7px 0 0;
    color:#a58e72;
    font:11px/1.35 Arial,sans-serif;
}
.army-guide-library-v29 { padding:16px; }
.army-guide-grid-v29 {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.army-guide-card-v29 {
    min-width:0;
    padding:0;
    overflow:hidden;
    border:1px solid rgba(132,84,37,.65);
    border-radius:7px;
    background:linear-gradient(180deg,#180c06,#090503);
    color:#d9c3a2;
    cursor:pointer;
    text-align:left;
    box-shadow:0 8px 18px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,197,110,.03);
    transition:transform .2s ease,border-color .2s ease,filter .2s ease,box-shadow .2s ease;
}
.army-guide-card-v29:hover,
.army-guide-card-v29:focus {
    transform:translateY(-3px);
    border-color:#c48136;
    filter:brightness(1.08);
    box-shadow:0 12px 24px rgba(0,0,0,.44),0 0 14px rgba(196,104,24,.12);
    outline:none;
}
.army-guide-thumb-v29 {
    position:relative;
    display:block;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#050302;
}
.army-guide-thumb-v29 img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.army-guide-thumb-v29::after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.07) 50%,rgba(0,0,0,.48));
}
.army-guide-play-v29 {
    position:absolute;
    left:50%;
    top:50%;
    z-index:3;
    width:46px;
    height:46px;
    margin:-23px 0 0 -23px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,224,163,.88);
    border-radius:50%;
    background:rgba(30,11,3,.82);
    box-shadow:0 0 18px rgba(255,121,24,.38),0 4px 10px rgba(0,0,0,.58);
}
.army-guide-number-v29 {
    position:absolute;
    left:7px;
    top:7px;
    z-index:4;
    padding:4px 6px;
    border:1px solid rgba(223,162,72,.45);
    background:rgba(0,0,0,.74);
    color:#f4c56d;
    font:900 9px/1 Arial,sans-serif;
}
.army-guide-card-title-v29 {
    display:block;
    min-height:32px;
    padding:9px 10px 10px;
    color:#e5d3b7;
    font:900 11px/1.25 Arial,sans-serif;
    text-align:center;
    text-transform:uppercase;
}
.army-guide-player-v29 { padding:15px 16px 18px; }
.army-guide-player-top-v29 {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:12px;
}
.army-guide-player-top-v29 strong {
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#f2cf8d;
    font:900 15px/1.2 Georgia,"Times New Roman",serif;
}
.army-guide-back-v29 {
    flex:0 0 auto;
    padding:8px 11px;
    border:1px solid #714b27;
    background:#1c0c06;
    color:#d9ba83;
    font:900 9px/1 Arial,sans-serif;
    cursor:pointer;
}
.army-guide-player-stage-v29 {
    display:grid;
    grid-template-columns:46px minmax(0,1fr) 46px;
    gap:9px;
    align-items:center;
}
.army-guide-nav-v29 {
    height:86px;
    border:1px solid rgba(121,76,34,.65);
    background:linear-gradient(#251108,#0f0704);
    color:#e8c47c;
    font:900 35px/1 Georgia,serif;
    cursor:pointer;
}
.army-guide-nav-v29:hover { filter:brightness(1.18); }
.army-guide-video-box-v29 {
    position:relative;
    overflow:hidden;
    border:1px solid #7e542c;
    background:#000;
    box-shadow:0 12px 26px rgba(0,0,0,.52);
}
.army-guide-video-box-v29 video {
    display:block;
    width:100%;
    max-height:62vh;
    background:#000;
}

@media (max-width:760px) {
    .army-guide-trigger-v29 {
        right:7px;
        top:auto;
        bottom:103px;
        width:88px;
        height:62px;
        transform-origin:right bottom;
    }
    .army-guide-trigger-v29:hover,
    .army-guide-trigger-v29:focus { transform:scale(1.04); }
    .army-guide-grid-v29 { grid-template-columns:1fr; }
    .army-guide-modal-v29 { max-width:calc(100vw - 18px); max-height:calc(100vh - 18px); }
    .army-guide-header-v29 { padding:14px 48px 12px 13px; }
    .army-guide-header-v29 h2 { font-size:19px; }
    .army-guide-library-v29 { padding:10px; }
    .army-guide-player-v29 { padding:10px; }
    .army-guide-player-stage-v29 { grid-template-columns:35px minmax(0,1fr) 35px; gap:5px; }
    .army-guide-nav-v29 { height:66px; font-size:28px; }
    .army-guide-player-top-v29 { align-items:flex-start; flex-direction:column; gap:7px; }
}

/* =========================================================
   V30 - GARANTIZAR VISIBILIDAD DE AMBAS PLACAS PREMIUM
   ========================================================= */
.army-top-killer-panel,
.army-king-panel {
    display:block !important;
    position:relative !important;
    background-repeat:no-repeat !important;
    background-position:center top !important;
    background-size:100% auto !important;
}
.army-top-killer-panel { background-image:url(../img/topkillers_gold_panel.webp) !important; }
.army-king-panel { background-image:url(../img/reydelmu_gold_panel.webp) !important; }
.army-feature-panel-status {
    color:#f2d8a0;
    font:900 12px/1.25 Arial,Helvetica,sans-serif;
    letter-spacing:1.4px;
    text-transform:uppercase;
    text-shadow:0 2px 2px #000,0 0 10px rgba(255,171,65,.22);
}

/* =========================================================
   V33 - AJUSTES SOLICITADOS
   1) VIDEO GUIAS conserva el boton V30 y usa navegacion lateral
      ANTERIOR / SIGUIENTE con nombre de guia.
   2) GENS muestra la imagen COMPLETA al ancho maximo de la columna.
   3) TOP KILLERS y REY DEL MU respetan la proporcion natural de
      sus nuevas placas: ya no se recortan.
   ========================================================= */

/* GENS: imagen completa, sin crop vertical. */
.army-gens-showcase-left {
    width:100% !important;
    max-width:230px !important;
    height:auto !important;
    aspect-ratio:1877 / 838 !important;
    margin:0 auto !important;
    overflow:hidden !important;
}
.army-gens-showcase-left .army-gens-showcase-bg {
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    filter:saturate(1.08) contrast(1.03) brightness(.90) !important;
    background:#050301 !important;
}
.army-gens-showcase-left .army-gens-showcase-brand {
    bottom:4px !important;
    font-size:9px !important;
    letter-spacing:.7px !important;
}
.army-gens-showcase-left .army-gens-side {
    top:5px !important;
    width:45% !important;
}
.army-gens-showcase-left .army-gens-side-duprian { left:5px !important; }
.army-gens-showcase-left .army-gens-side-vanert { right:5px !important; }
.army-gens-showcase-left .army-gens-score {
    font-size:17px !important;
}
.army-gens-showcase-left .army-gens-score-label {
    margin-top:1px !important;
    font-size:6.5px !important;
    letter-spacing:1px !important;
}
.army-gens-showcase-left .army-gens-leader-name,
.army-gens-showcase-left .army-gens-leader-name a {
    margin-top:3px !important;
    font-size:8.5px !important;
}
.army-gens-showcase-left .army-gens-meta {
    margin-top:3px !important;
    gap:3px !important;
}
.army-gens-showcase-left .army-gens-meta img {
    width:14px !important;
    height:9px !important;
}
.army-gens-showcase-left .army-gens-meta span {
    font-size:7.5px !important;
}

/* TOP KILLERS + REY DEL MU: placa completa, proporcion automatica. */
.army-top-killer-panel,
.army-king-panel {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:1672 / 941 !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    overflow:hidden !important;
}
.army-top-killer-logo-slot,
.army-king-logo-slot {
    left:21.9% !important;
    top:32.0% !important;
    width:21.4% !important;
    height:45.0% !important;
}
.army-feature-logo-inside img {
    width:76% !important;
    height:76% !important;
    max-width:84px !important;
    max-height:84px !important;
    object-fit:contain !important;
    image-rendering:auto !important;
    filter:drop-shadow(0 2px 5px rgba(0,0,0,.85)) drop-shadow(0 0 8px rgba(255,184,68,.18)) !important;
}
.army-feature-panel-copy {
    left:45.2% !important;
    right:5.8% !important;
    top:36.2% !important;
    bottom:10.5% !important;
}
.army-top-killer-card .army-feature-name,
.army-top-killer-card .army-feature-name a,
.army-king-card .army-feature-name,
.army-king-card .army-feature-name a {
    font-size:27px !important;
}
.army-top-killer-card .army-feature-stat,
.army-king-card .army-feature-stat {
    margin-top:5px !important;
    font-size:10px !important;
}
.army-top-killer-card .army-feature-stat b,
.army-king-card .army-feature-stat b {
    font-size:16px !important;
}
.army-top-killer-card .army-feature-meta,
.army-king-card .army-feature-meta {
    margin-top:6px !important;
    font-size:9px !important;
}
.army-feature-panel-copy .army-feature-kicker {
    font-size:8px !important;
    letter-spacing:1.4px !important;
}

/* VIDEO GUIAS: mismo boton V30. Solo mejoramos el cambio Anterior/Siguiente. */
.army-guide-modal-v29 {
    width:900px !important;
    max-width:calc(100vw - 30px) !important;
}
.army-guide-player-stage-v29 {
    grid-template-columns:126px minmax(0,1fr) 126px !important;
    gap:10px !important;
}
.army-guide-nav-v29 {
    min-width:0 !important;
    height:152px !important;
    padding:12px 9px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    border:1px solid rgba(177,117,49,.62) !important;
    border-radius:8px !important;
    background:linear-gradient(180deg,rgba(62,28,10,.92),rgba(19,8,4,.98)) !important;
    color:#f0ce8c !important;
    box-shadow:inset 0 0 18px rgba(255,151,35,.05),0 8px 16px rgba(0,0,0,.32) !important;
    transition:transform .2s ease,border-color .2s ease,filter .2s ease,box-shadow .2s ease !important;
}
.army-guide-nav-v29:hover,
.army-guide-nav-v29:focus {
    transform:translateY(-3px) scale(1.02) !important;
    filter:brightness(1.13) !important;
    border-color:#dda04e !important;
    box-shadow:inset 0 0 18px rgba(255,151,35,.08),0 12px 20px rgba(0,0,0,.42),0 0 15px rgba(198,106,28,.12) !important;
    outline:none !important;
}
.army-guide-nav-icon-v33 {
    display:block !important;
    color:#f3bc58 !important;
    font:900 39px/.8 Georgia,"Times New Roman",serif !important;
    text-shadow:0 0 10px rgba(255,139,30,.32),0 2px 3px #000 !important;
}
.army-guide-prev-v29 .army-guide-nav-icon-v33 {
    animation:armyGuideV33Left 1.45s ease-in-out infinite !important;
}
.army-guide-next-v29 .army-guide-nav-icon-v33 {
    animation:armyGuideV33Right 1.45s ease-in-out infinite !important;
}
.army-guide-nav-label-v33 {
    display:block !important;
    color:#a88b68 !important;
    font:900 8px/1 Arial,sans-serif !important;
    letter-spacing:1.2px !important;
}
.army-guide-nav-name-v33 {
    display:-webkit-box !important;
    max-width:105px !important;
    overflow:hidden !important;
    color:#f4dfba !important;
    font:900 9px/1.3 Arial,sans-serif !important;
    text-align:center !important;
    text-transform:uppercase !important;
    text-overflow:ellipsis !important;
    -webkit-line-clamp:3 !important;
    -webkit-box-orient:vertical !important;
}
@keyframes armyGuideV33Left {
    0%,100% { transform:translateX(0); }
    50% { transform:translateX(-6px); }
}
@keyframes armyGuideV33Right {
    0%,100% { transform:translateX(0); }
    50% { transform:translateX(6px); }
}

@media(max-width:760px) {
    .army-guide-player-stage-v29 {
        grid-template-columns:42px minmax(0,1fr) 42px !important;
        gap:5px !important;
    }
    .army-guide-nav-v29 {
        height:96px !important;
        padding:5px 2px !important;
        border-radius:5px !important;
    }
    .army-guide-nav-icon-v33 { font-size:30px !important; }
    .army-guide-nav-label-v33,
    .army-guide-nav-name-v33 { display:none !important; }
    .army-top-killer-card .army-feature-name,
    .army-top-killer-card .army-feature-name a,
    .army-king-card .army-feature-name,
    .army-king-card .army-feature-name a { font-size:20px !important; }
}

/* =========================================================
   V34 - RESPONSIVE CELULAR
   SOLO aplica a pantallas <= 760px. Desktop queda intacto.
   ========================================================= */
@media screen and (max-width:760px) {
    html, body {
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow-x:hidden !important;
        -webkit-text-size-adjust:100%;
    }
    body {
        margin:0 !important;
        padding:0 !important;
        background-position:center top !important;
        background-size:auto 100% !important;
    }

    #container,
    #bodywrap,
    #contentswrap,
    #content_all {
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin-left:auto !important;
        margin-right:auto !important;
        box-sizing:border-box !important;
    }
    #bodywrap { overflow:hidden !important; }

    /* Banner MP4: misma proporcion y sin deformar. */
    .army-hero-video-banner {
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
        aspect-ratio:976 / 465 !important;
        overflow:hidden !important;
    }
    .army-hero-video-banner .main-bg-visual-video {
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
        object-position:center center !important;
    }
    #gnb {
        width:100% !important;
        height:auto !important;
        min-height:calc(100vw * 0.4765) !important;
        padding:0 !important;
    }

    /* Menu superior: conserva el mismo diseño y permite deslizar. */
    #top-navigation {
        width:100vw !important;
        max-width:100vw !important;
        height:44px !important;
        left:0 !important;
        transform:none !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }
    #top-navigation::-webkit-scrollbar { display:none; }
    #top-navigation ul {
        min-width:max-content !important;
        width:max-content !important;
        height:44px !important;
        padding:0 10px !important;
        justify-content:flex-start !important;
    }
    #top-navigation li {
        height:44px !important;
        padding:0 12px !important;
    }
    #top-navigation a {
        height:44px !important;
        line-height:44px !important;
        font-size:13px !important;
        letter-spacing:.15px !important;
    }

    /* Tabla principal de 3 columnas -> una sola columna para celular. */
    .army-main-layout {
        display:block !important;
        width:100% !important;
        height:auto !important;
        padding:0 8px !important;
        box-sizing:border-box !important;
    }
    .army-main-layout > tbody { display:block !important; width:100% !important; }
    .army-main-layout > tbody > tr {
        display:flex !important;
        width:100% !important;
        flex-direction:column !important;
        align-items:stretch !important;
    }
    .army-main-layout > tbody > tr > td {
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
        box-sizing:border-box !important;
    }
    .army-column-center { order:1 !important; padding:0 !important; }
    .army-column-left   { order:2 !important; padding:12px 0 0 !important; }
    .army-column-right  { order:3 !important; padding:12px 0 0 !important; }
    .army-column-spacer,
    .army-column-gap { display:none !important; }

    .army-column-left > table,
    .army-column-right > table,
    .reference-main-content,
    #sub_page_content,
    .reference-right-login,
    #serverstatus,
    #serverstatus2,
    #container3 {
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        box-sizing:border-box !important;
    }

    /* Paneles centrales: TOP KILLER / REY DEL MU completos. */
    .army-top-killer-card,
    .army-king-card {
        width:100% !important;
        margin:0 auto 10px !important;
    }
    .army-top-killer-panel,
    .army-king-panel {
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
        aspect-ratio:1672 / 941 !important;
        background-size:100% 100% !important;
        background-position:center center !important;
    }
    .army-top-killer-logo-slot,
    .army-king-logo-slot {
        left:21.9% !important;
        top:32% !important;
        width:21.4% !important;
        height:45% !important;
    }
    .army-feature-logo-inside img {
        width:72% !important;
        height:72% !important;
        max-width:none !important;
        max-height:none !important;
        object-fit:contain !important;
    }
    .army-feature-panel-copy {
        left:45.2% !important;
        right:4.8% !important;
        top:35% !important;
        bottom:8% !important;
    }
    .army-top-killer-card .army-feature-name,
    .army-top-killer-card .army-feature-name a,
    .army-king-card .army-feature-name,
    .army-king-card .army-feature-name a {
        font-size:clamp(15px,5.1vw,21px) !important;
        line-height:1 !important;
    }
    .army-top-killer-card .army-feature-stat,
    .army-king-card .army-feature-stat {
        margin-top:3px !important;
        font-size:8px !important;
    }
    .army-top-killer-card .army-feature-stat b,
    .army-king-card .army-feature-stat b { font-size:13px !important; }
    .army-top-killer-card .army-feature-meta,
    .army-king-card .army-feature-meta {
        margin-top:3px !important;
        font-size:7px !important;
    }
    .army-feature-panel-copy .army-feature-kicker {
        font-size:7px !important;
        letter-spacing:.8px !important;
        margin-bottom:2px !important;
    }
    .army-feature-panel-status {
        font-size:9px !important;
        letter-spacing:.7px !important;
        line-height:1.25 !important;
    }

    /* Noticias y contenido central. */
    .reference-news-panel,
    .tmp_m_content,
    .tmp_page_content,
    .where_nav {
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }
    .reference-news-row,
    .reference-news-footer { font-size:10px !important; }

    /* Menu, ranking y clanes: ancho completo. */
    .reference-section-title,
    .reference-menu-cell,
    .reference-menu-list,
    .estado-sv,
    .c-siege {
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }
    .reference-menu-list { padding:8px !important; }
    .reference-menu-button {
        width:100% !important;
        min-height:46px !important;
        font-size:13px !important;
        margin-bottom:7px !important;
    }
    .estado-sv,
    .c-siege {
        table-layout:auto !important;
        font-size:9px !important;
    }
    .estado-sv th,
    .estado-sv td,
    .c-siege th,
    .c-siege td {
        padding:5px 4px !important;
        white-space:normal !important;
        overflow-wrap:anywhere;
    }

    /* GENS: usa todo el ancho disponible sin cortar la imagen. */
    .army-gens-showcase-left {
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
        aspect-ratio:1877 / 838 !important;
        margin:0 auto !important;
    }
    .army-gens-showcase-left .army-gens-showcase-bg {
        width:100% !important;
        height:100% !important;
        object-fit:contain !important;
    }
    .army-gens-showcase-left .army-gens-score { font-size:clamp(18px,7vw,28px) !important; }
    .army-gens-showcase-left .army-gens-score-label { font-size:8px !important; }
    .army-gens-showcase-left .army-gens-leader-name,
    .army-gens-showcase-left .army-gens-leader-name a { font-size:11px !important; }
    .army-gens-showcase-left .army-gens-meta span { font-size:9px !important; }
    .army-gens-showcase-left .army-gens-meta img { width:18px !important; height:12px !important; }
    .army-gens-showcase-left .army-gens-showcase-brand { font-size:12px !important; bottom:6px !important; }

    /* Login, staff e info apilados y legibles. */
    .reference-login-box,
    .army-staff-panel,
    .army-info-table {
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }
    .reference-login-box input[type="text"],
    .reference-login-box input[type="password"],
    .reference-login-box input[type="email"] {
        max-width:100% !important;
        box-sizing:border-box !important;
    }
    .army-staff-row { min-height:42px !important; }

    /* Registro y Descargas sin desbordes. */
    .army-register-shell,
    .army-register-card,
    .army-register-module,
    .army-download-shell,
    .army-download-selector-card {
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        box-sizing:border-box !important;
    }
    .army-register-shell,
    .army-download-shell { padding-left:4px !important; padding-right:4px !important; }
    .army-register-module > .col-xs-8,
    .army-register-module > .col-xs-offset-2,
    .army-register-module .col-sm-4,
    .army-register-module .col-sm-8,
    .army-register-module .col-sm-offset-4 {
        width:100% !important;
        margin-left:0 !important;
        float:none !important;
    }
    .army-register-module .form-group {
        display:block !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }
    .army-register-module .control-label {
        width:100% !important;
        text-align:left !important;
        margin-bottom:5px !important;
    }
    .army-register-module .form-control { width:100% !important; }
    .army-download-head {
        display:flex !important;
        align-items:center !important;
        gap:10px !important;
    }
    .army-download-logo { width:56px !important; height:45px !important; }
    .army-download-head h2 { font-size:19px !important; }
    .army-download-live {
        grid-template-columns:40px minmax(0,1fr) !important;
        gap:8px !important;
    }
    .army-download-meta {
        grid-column:1 / -1 !important;
        text-align:left !important;
        padding-left:48px !important;
    }

    /* TOP RESET POR RAZA: carrusel compacto y dentro del viewport. */
    .pr7-reset-race-section {
        width:calc(100% - 16px) !important;
        max-width:calc(100% - 16px) !important;
        margin:18px auto 8px !important;
        padding:16px 8px 12px !important;
    }
    .pr7-reset-race-title { font-size:18px !important; letter-spacing:1.4px !important; }
    .pr7-reset-race-kicker { font-size:9px !important; letter-spacing:4px !important; }
    .pr7-reset-race-row { min-height:190px !important; }
    .pr7-reset-race-row .pr7-race-card {
        flex-basis:128px !important;
        width:128px !important;
    }
    .pr7-reset-race-row .pr7-race-thumb { height:104px !important; }

    /* Botones flotantes: compactos y sin tapar contenido. */
    .reference-social-float {
        left:0 !important;
        bottom:10px !important;
        top:auto !important;
        z-index:2147481900 !important;
    }
    .reference-social-link,
    .reference-social-link:hover,
    .reference-social-link:focus {
        width:42px !important;
        height:42px !important;
        margin-bottom:5px !important;
    }
    .reference-social-icon { width:41px !important; height:40px !important; }
    .reference-social-icon img { width:23px !important; height:23px !important; }
    .vip-gift-trigger {
        right:5px !important;
        bottom:78px !important;
        top:auto !important;
        transform:scale(.67) !important;
        transform-origin:right bottom !important;
    }
    .vip-gift-trigger:hover,
    .vip-gift-trigger:focus { transform:scale(.70) !important; }
    .army-guide-trigger-v29 {
        right:7px !important;
        bottom:12px !important;
        top:auto !important;
        width:82px !important;
        height:58px !important;
    }

    /* Modal VIP y VIDEOS GUIA: dentro de la pantalla, sin romper diseño. */
    .reference-vip-overlay,
    .army-guide-overlay-v29 {
        padding:8px !important;
        box-sizing:border-box !important;
    }
    .reference-vip-modal {
        width:calc(100vw - 20px) !important;
        max-width:380px !important;
        max-height:calc(100dvh - 20px) !important;
        overflow-y:auto !important;
        padding:24px 15px 18px !important;
    }
    .army-guide-modal-v29 {
        width:calc(100vw - 16px) !important;
        max-width:calc(100vw - 16px) !important;
        max-height:calc(100dvh - 16px) !important;
        border-radius:9px !important;
    }
    .army-guide-grid-v29 {
        grid-template-columns:1fr !important;
        gap:9px !important;
    }
    .army-guide-card-v29 { width:100% !important; }
    .army-guide-player-stage-v29 {
        grid-template-columns:34px minmax(0,1fr) 34px !important;
        gap:4px !important;
    }
    .army-guide-nav-v29 {
        width:34px !important;
        min-width:34px !important;
        height:82px !important;
        padding:2px !important;
    }
    .army-guide-nav-icon-v33 { font-size:26px !important; }
    .army-guide-nav-label-v33,
    .army-guide-nav-name-v33 { display:none !important; }
    .army-guide-video-box-v29 video {
        width:100% !important;
        max-height:58dvh !important;
    }
    .army-guide-player-top-v29 {
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:7px !important;
    }

    /* Imágenes decorativas y footer nunca deben generar scroll horizontal. */
    #contentswrap img,
    #content_all img,
    .tmp_page_content img {
        max-width:100%;
        height:auto;
    }
    #content_all > table > tbody > tr:last-child img,
    #content_all > table > tr:last-child img {
        width:100% !important;
        height:auto !important;
    }
    .footer_font {
        width:100% !important;
        box-sizing:border-box !important;
        padding:12px 10px 90px !important;
        overflow-wrap:anywhere;
    }
}

@media screen and (max-width:420px) {
    #top-navigation li { padding:0 10px !important; }
    #top-navigation a { font-size:12px !important; }
    .army-main-layout { padding:0 5px !important; }
    .army-top-killer-card .army-feature-name,
    .army-top-killer-card .army-feature-name a,
    .army-king-card .army-feature-name,
    .army-king-card .army-feature-name a { font-size:15px !important; }
    .army-top-killer-card .army-feature-stat b,
    .army-king-card .army-feature-stat b { font-size:12px !important; }
    .army-feature-panel-status { font-size:8px !important; }
    .reference-premium-title-text { font-size:20px !important; }
    .army-guide-header-v29 h2 { font-size:17px !important; }
    .army-guide-header-v29 p { font-size:10px !important; }
}

/* =========================================================
   V35 - COMPACTO PREMIUM / LOGOS INLINE / NOTICIAS ENMARCADAS
   ========================================================= */

/* Logo de guild renderizado directamente desde el mark real. */
.army-inline-guildmark {
    display:block;
    width:82% !important;
    height:82% !important;
    max-width:88px;
    max-height:88px;
    overflow:visible;
    filter:
        drop-shadow(0 2px 4px rgba(0,0,0,.95))
        drop-shadow(0 0 7px rgba(255,188,77,.32));
}

/* Brillo fino que recorre el contorno de las dos placas. */
.army-feature-panel {
    isolation:isolate;
    box-shadow:
        0 7px 16px rgba(0,0,0,.42),
        0 0 0 1px rgba(86,45,12,.55),
        0 0 12px rgba(210,121,26,.08);
}
.army-feature-panel::after {
    content:"";
    position:absolute;
    z-index:4;
    inset:-2px;
    padding:2px;
    pointer-events:none;
    background:conic-gradient(
        from 0deg,
        transparent 0deg 248deg,
        rgba(255,153,35,0) 249deg,
        rgba(255,191,74,.55) 268deg,
        #fff0a7 278deg,
        #ff9d2f 287deg,
        rgba(255,157,47,0) 306deg,
        transparent 307deg 360deg
    );
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    animation:armyPanelOrbit 4.8s linear infinite;
    filter:drop-shadow(0 0 4px rgba(255,170,45,.72));
}
@keyframes armyPanelOrbit {
    to { transform:rotate(360deg); }
}

/* NOTICIAS: marco visible, elegante, sin perder el estilo del template. */
.reference-news-panel {
    position:relative !important;
    margin-top:10px !important;
    padding:1px !important;
    border:1px solid rgba(133,78,28,.82) !important;
    background:
        linear-gradient(135deg,rgba(255,196,95,.12),transparent 17% 83%,rgba(255,196,95,.08)),
        #100a06 !important;
    box-shadow:
        0 0 0 1px rgba(0,0,0,.92),
        inset 0 0 0 1px rgba(255,211,137,.035),
        0 8px 18px rgba(0,0,0,.30),
        0 0 12px rgba(157,82,18,.10) !important;
    overflow:hidden;
}
.reference-news-panel::before {
    content:"";
    position:absolute;
    z-index:5;
    top:0;
    left:9%;
    right:9%;
    height:1px;
    background:linear-gradient(90deg,transparent,#8d4d19,#f0b45d,#8d4d19,transparent);
    box-shadow:0 0 5px rgba(237,161,69,.24);
    pointer-events:none;
}
.reference-news-heading {
    height:37px !important;
    margin:0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(111,70,33,.52) !important;
    background:linear-gradient(180deg,rgba(40,26,15,.76),rgba(18,12,8,.76)) !important;
}
.reference-news-heading span {
    left:11px !important;
    bottom:-1px !important;
    min-width:184px !important;
    padding:8px 24px 7px !important;
    color:#e8bd75 !important;
    border:1px solid rgba(116,74,36,.76) !important;
    border-bottom-color:#1b110a !important;
    background:linear-gradient(180deg,#352318,#1c120c) !important;
    box-shadow:inset 0 1px 0 rgba(255,221,166,.05),0 0 9px rgba(0,0,0,.28) !important;
    text-shadow:0 1px 0 #fff0c0,0 2px 0 #6f330e,0 3px 3px #000 !important;
}
.reference-news-body {
    border:0 !important;
    background:
        linear-gradient(rgba(28,20,14,.94),rgba(24,17,12,.94)),
        url(../img/main_bg_content_center.jpg) center top repeat !important;
}
.reference-news-footer {
    border:0 !important;
    border-top:1px solid rgba(89,59,31,.44) !important;
    background:linear-gradient(180deg,#18110c,#100b08) !important;
}

@media (min-width:761px) {
    /* TOP KILLER / REY DEL MU: mismos paneles completos, pero 20-25% mas bajos. */
    .army-top-killer-card,
    .army-king-card {
        margin-bottom:8px !important;
    }
    .army-top-killer-panel,
    .army-king-panel {
        width:100% !important;
        height:198px !important;
        min-height:198px !important;
        aspect-ratio:auto !important;
        background-size:100% 100% !important;
        background-position:center center !important;
        overflow:visible !important;
    }
    .army-top-killer-logo-slot,
    .army-king-logo-slot {
        left:21.8% !important;
        top:32.5% !important;
        width:21.5% !important;
        height:45% !important;
        overflow:visible !important;
    }
    .army-feature-panel-copy {
        left:45.5% !important;
        right:5.5% !important;
        top:37% !important;
        bottom:9% !important;
    }
    .army-top-killer-card .army-feature-name,
    .army-top-killer-card .army-feature-name a,
    .army-king-card .army-feature-name,
    .army-king-card .army-feature-name a {
        font-size:23px !important;
        line-height:1 !important;
    }
    .army-top-killer-card .army-feature-stat,
    .army-king-card .army-feature-stat {
        margin-top:4px !important;
        font-size:9px !important;
    }
    .army-top-killer-card .army-feature-stat b,
    .army-king-card .army-feature-stat b {
        font-size:14px !important;
    }
    .army-top-killer-card .army-feature-meta,
    .army-king-card .army-feature-meta {
        margin-top:4px !important;
        font-size:8px !important;
    }
    .army-feature-panel-copy .army-feature-kicker {
        margin-bottom:2px !important;
        font-size:7px !important;
    }

    /* GENS: queda en la misma coordenada izquierda, solo crece hacia la derecha. */
    .army-column-left { overflow:visible !important; }
    .army-gens-showcase-left {
        width:310px !important;
        max-width:none !important;
        height:auto !important;
        aspect-ratio:1877 / 838 !important;
        margin:0 !important;
        transform:none !important;
        overflow:hidden !important;
    }
    .army-gens-showcase-left .army-gens-score { font-size:21px !important; }
    .army-gens-showcase-left .army-gens-score-label { font-size:7.5px !important; letter-spacing:1.2px !important; }
    .army-gens-showcase-left .army-gens-leader-name,
    .army-gens-showcase-left .army-gens-leader-name a { font-size:10px !important; }
    .army-gens-showcase-left .army-gens-meta span { font-size:8.5px !important; }
    .army-gens-showcase-left .army-gens-meta img { width:17px !important; height:11px !important; }
    .army-gens-showcase-left .army-gens-showcase-brand { font-size:11px !important; bottom:5px !important; }
}

@media (max-width:760px) {
    .army-inline-guildmark {
        width:78% !important;
        height:78% !important;
        max-width:none;
        max-height:none;
    }
    .reference-news-panel {
        margin-top:8px !important;
    }
    .reference-news-heading span {
        min-width:150px !important;
        padding:7px 16px 6px !important;
        font-size:17px !important;
    }
}

/* =========================================================
   V36 - LAYOUT RESTAURADO + GENS ABAJO + PANELES COMPACTOS
         + BRILLO PUNTUAL EN CONTORNO + MENU/LOGIN COMPACTOS
         + CONTROLES VIDEO GUIA SEGUN INDEX DE REFERENCIA
   ========================================================= */

/* 1) Quitar el efecto conico anterior: solo queda UN punto de luz recorriendo el marco. */
.army-feature-panel::after {
    content:"" !important;
    position:absolute !important;
    z-index:8 !important;
    inset:auto !important;
    width:9px !important;
    height:9px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:radial-gradient(circle, #fff8cf 0 18%, #ffd76a 28%, #ff9f2f 48%, rgba(255,139,24,.30) 67%, transparent 76%) !important;
    -webkit-mask:none !important;
    mask:none !important;
    filter:none !important;
    box-shadow:0 0 4px #fff2a5,0 0 9px rgba(255,184,56,.92),0 0 16px rgba(255,116,15,.46) !important;
    animation:armyV36BorderPoint 5.2s linear infinite !important;
    pointer-events:none !important;
}
@keyframes armyV36BorderPoint {
    0%   { left:5px; top:5px; }
    24%  { left:calc(100% - 14px); top:5px; }
    25%  { left:calc(100% - 14px); top:5px; }
    49%  { left:calc(100% - 14px); top:calc(100% - 14px); }
    50%  { left:calc(100% - 14px); top:calc(100% - 14px); }
    74%  { left:5px; top:calc(100% - 14px); }
    75%  { left:5px; top:calc(100% - 14px); }
    100% { left:5px; top:5px; }
}

/* 2) TOP KILLER y REY DEL MU mas compactos, sin cambiar datos ni imagenes. */
@media (min-width:761px) {
    .army-top-killer-card,
    .army-king-card {
        width:100% !important;
        margin:0 auto 8px !important;
        overflow:visible !important;
    }
    .army-top-killer-panel,
    .army-king-panel {
        width:94% !important;
        height:174px !important;
        min-height:174px !important;
        margin:0 auto !important;
        aspect-ratio:auto !important;
        background-size:100% 100% !important;
        background-position:center center !important;
        overflow:hidden !important;
        box-shadow:0 7px 15px rgba(0,0,0,.35),0 0 0 1px rgba(113,70,22,.55) !important;
    }
    .army-top-killer-logo-slot,
    .army-king-logo-slot {
        left:21.6% !important;
        top:33.5% !important;
        width:21.6% !important;
        height:44% !important;
        overflow:visible !important;
    }
    .army-inline-guildmark,
    .army-feature-logo-inside svg,
    .army-feature-logo-inside img {
        width:82% !important;
        height:82% !important;
        max-width:78px !important;
        max-height:78px !important;
        display:block !important;
    }
    .army-feature-panel-copy {
        left:45.2% !important;
        right:5.8% !important;
        top:38% !important;
        bottom:8% !important;
    }
    .army-top-killer-card .army-feature-name,
    .army-top-killer-card .army-feature-name a,
    .army-king-card .army-feature-name,
    .army-king-card .army-feature-name a {
        font-size:21px !important;
    }
    .army-top-killer-card .army-feature-stat,
    .army-king-card .army-feature-stat { margin-top:3px !important; font-size:8px !important; }
    .army-top-killer-card .army-feature-stat b,
    .army-king-card .army-feature-stat b { font-size:13px !important; }
    .army-top-killer-card .army-feature-meta,
    .army-king-card .army-feature-meta { margin-top:3px !important; font-size:7.5px !important; }
    .army-feature-panel-copy .army-feature-kicker { margin-bottom:2px !important; font-size:6.8px !important; }
}

/* 3) GENS sale de las columnas y ocupa la zona CENTRAL inferior. */
.army-gens-bottom-zone {
    width:100% !important;
    box-sizing:border-box !important;
    margin:26px auto 16px !important;
    padding:0 !important;
    text-align:center !important;
    clear:both !important;
}
.army-gens-showcase-bottom {
    position:relative !important;
    width:840px !important;
    max-width:calc(100% - 44px) !important;
    height:auto !important;
    aspect-ratio:1877 / 838 !important;
    margin:0 auto !important;
    overflow:hidden !important;
    border:1px solid rgba(172,111,43,.82) !important;
    background:#050301 !important;
    box-shadow:0 12px 26px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,221,155,.08) !important;
}
.army-gens-showcase-bottom .army-gens-showcase-bg {
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:#050301 !important;
    filter:saturate(1.07) contrast(1.02) brightness(.94) !important;
}
.army-gens-showcase-bottom .army-gens-showcase-shade {
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(90deg,rgba(29,0,0,.14),transparent 38% 62%,rgba(0,6,26,.14)) !important;
}
.army-gens-showcase-bottom .army-gens-showcase-brand {
    position:absolute !important;
    left:50% !important;
    bottom:9px !important;
    transform:translateX(-50%) !important;
    z-index:4 !important;
    padding:0 !important;
    border:0 !important;
    background:none !important;
    color:#fff3d1 !important;
    font:900 22px/1 Georgia,"Times New Roman",serif !important;
    letter-spacing:1.3px !important;
    text-shadow:0 2px 2px #000,0 0 10px rgba(255,181,66,.18) !important;
}
.army-gens-showcase-bottom .army-gens-side {
    position:absolute !important;
    z-index:5 !important;
    top:18px !important;
    width:28% !important;
    padding:0 !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
}
.army-gens-showcase-bottom .army-gens-side-duprian { left:24px !important; text-align:left !important; }
.army-gens-showcase-bottom .army-gens-side-vanert { right:24px !important; text-align:right !important; }
.army-gens-showcase-bottom .army-gens-score {
    font:900 42px/.9 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif !important;
    text-shadow:0 2px 2px #000,0 0 11px currentColor !important;
}
.army-gens-showcase-bottom .army-gens-side-duprian .army-gens-score { color:#ff3c35 !important; }
.army-gens-showcase-bottom .army-gens-side-vanert .army-gens-score { color:#4d75ff !important; }
.army-gens-showcase-bottom .army-gens-score-label {
    margin-top:5px !important;
    color:#fff0cf !important;
    font:900 12px/1 Arial,sans-serif !important;
    letter-spacing:2.2px !important;
    text-shadow:0 2px 3px #000 !important;
}
.army-gens-showcase-bottom .army-gens-leader-name,
.army-gens-showcase-bottom .army-gens-leader-name a {
    margin-top:10px !important;
    color:#fff !important;
    font:900 18px/1 Georgia,"Times New Roman",serif !important;
    text-decoration:none !important;
    text-shadow:0 2px 3px #000,0 0 8px rgba(255,255,255,.12) !important;
}
.army-gens-showcase-bottom .army-gens-meta {
    margin-top:7px !important;
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    color:#fff4dc !important;
    font:900 13px/1 Arial,sans-serif !important;
    text-shadow:0 2px 3px #000 !important;
}
.army-gens-showcase-bottom .army-gens-side-duprian .army-gens-meta { justify-content:flex-start !important; }
.army-gens-showcase-bottom .army-gens-side-vanert .army-gens-meta { justify-content:flex-end !important; }
.army-gens-showcase-bottom .army-gens-meta img { width:25px !important; height:17px !important; object-fit:cover !important; }

/* 4) VIDEO GUIAS: controles Anterior/Siguiente siguiendo el diseno del INDEX original. */
.army-guide-modal-v29 {
    width:900px !important;
    max-width:calc(100vw - 36px) !important;
    border:1px solid rgba(166,104,255,.76) !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,rgba(18,9,34,.99),rgba(4,4,12,.99)) !important;
    box-shadow:0 0 36px rgba(141,85,217,.42),inset 0 0 22px rgba(141,85,217,.08) !important;
}
.army-guide-player-stage-v29 {
    grid-template-columns:minmax(112px,1fr) minmax(0,610px) minmax(112px,1fr) !important;
    align-items:center !important;
    gap:12px !important;
}
.army-guide-nav-v29 {
    min-height:150px !important;
    height:auto !important;
    padding:14px 10px !important;
    gap:10px !important;
    border:1px solid rgba(166,104,255,.28) !important;
    border-radius:16px !important;
    background:linear-gradient(180deg,rgba(111,61,184,.12),rgba(73,163,255,.055)) !important;
    color:#fff !important;
    box-shadow:none !important;
}
.army-guide-nav-v29:hover,
.army-guide-nav-v29:focus {
    transform:translateY(-3px) scale(1.02) !important;
    filter:none !important;
    border-color:rgba(73,163,255,.82) !important;
    box-shadow:0 0 22px rgba(73,163,255,.18) !important;
}
.army-guide-nav-icon-v33 {
    color:#a86cff !important;
    font:900 38px/1 Arial,sans-serif !important;
    text-shadow:0 0 14px rgba(141,85,217,.45) !important;
}
.army-guide-nav-label-v33 {
    color:rgba(230,224,245,.64) !important;
    font:900 9px/1 Arial,sans-serif !important;
    letter-spacing:1px !important;
}
.army-guide-nav-name-v33 {
    max-width:150px !important;
    color:#fff !important;
    font:900 11px/1.35 Arial,sans-serif !important;
    text-transform:uppercase !important;
}

/* 5) MENU + LOGIN mas compactos en escritorio; no toca STAFF/INFO ni otras zonas. */
@media (min-width:761px) {
    .reference-section-title-menu.reference-premium-fire-header,
    .reference-section-title-login.reference-premium-fire-header {
        height:56px !important;
        min-height:56px !important;
        margin-bottom:5px !important;
        padding-left:40px !important;
        padding-right:40px !important;
    }
    .reference-section-title-menu.reference-premium-fire-header::before,
    .reference-section-title-menu.reference-premium-fire-header::after,
    .reference-section-title-login.reference-premium-fire-header::before,
    .reference-section-title-login.reference-premium-fire-header::after {
        top:-4px !important;
        width:106px !important;
        height:70px !important;
    }
    .reference-section-title-menu .reference-premium-title-text,
    .reference-section-title-login .reference-premium-title-text {
        font-size:22px !important;
    }
    .reference-menu-list {
        padding:7px 9px 8px !important;
    }
    .reference-menu-button {
        height:38px !important;
        min-height:38px !important;
        margin:0 0 6px !important;
        padding:0 10px !important;
    }
    .reference-menu-button:last-child { margin-bottom:0 !important; }
    .reference-menu-button span { font-size:12px !important; letter-spacing:.3px !important; }

    .reference-right-login { margin-bottom:14px !important; }
    .reference-login-box,
    .reference-usercp-box {
        padding:8px !important;
    }
    .reference-login-box form { padding-right:58px !important; }
    .reference-login-row { margin-bottom:5px !important; }
    .reference-login-row label { margin-bottom:2px !important; font-size:9px !important; }
    .reference-login-row input {
        height:23px !important;
        padding:3px 6px !important;
        font-size:10px !important;
    }
    .reference-login-submit {
        top:13px !important;
        width:51px !important;
        height:51px !important;
        font-size:10px !important;
    }
    .reference-login-links {
        margin-top:5px !important;
        padding-top:5px !important;
    }
    .reference-login-links > a,
    .reference-login-links > span {
        margin-top:3px !important;
        font-size:9px !important;
        line-height:12px !important;
    }
}

/* Movil: GENS sigue abajo, grande pero dentro de pantalla; MENU/LOGIN ya eran apilados. */
@media (max-width:760px) {
    .army-gens-bottom-zone { margin:16px auto 12px !important; }
    .army-gens-showcase-bottom {
        width:calc(100% - 12px) !important;
        max-width:none !important;
    }
    .army-gens-showcase-bottom .army-gens-side { top:8px !important; width:36% !important; }
    .army-gens-showcase-bottom .army-gens-side-duprian { left:8px !important; }
    .army-gens-showcase-bottom .army-gens-side-vanert { right:8px !important; }
    .army-gens-showcase-bottom .army-gens-score { font-size:clamp(22px,8vw,34px) !important; }
    .army-gens-showcase-bottom .army-gens-score-label { font-size:8px !important; letter-spacing:1px !important; }
    .army-gens-showcase-bottom .army-gens-leader-name,
    .army-gens-showcase-bottom .army-gens-leader-name a { margin-top:4px !important; font-size:11px !important; }
    .army-gens-showcase-bottom .army-gens-meta { margin-top:4px !important; gap:4px !important; font-size:9px !important; }
    .army-gens-showcase-bottom .army-gens-meta img { width:18px !important; height:12px !important; }
    .army-gens-showcase-bottom .army-gens-showcase-brand { bottom:5px !important; font-size:13px !important; }

    .army-guide-player-stage-v29 { grid-template-columns:40px minmax(0,1fr) 40px !important; gap:5px !important; }
    .army-guide-nav-v29 { min-height:92px !important; padding:5px 2px !important; border-radius:10px !important; }
    .army-guide-nav-icon-v33 { font-size:29px !important; }
    .army-guide-nav-label-v33,
    .army-guide-nav-name-v33 { display:none !important; }
}

/* =========================================================
   V37 - AJUSTE FINO: PANELES CENTRADOS, GENS -30%,
         TOP RESET -20%, BRILLO REAL EN MOVIMIENTO,
         VIDEO GUIAS CON NAVEGACION DEL INDEX ORIGINAL.
   ========================================================= */

/* Eliminar cualquier pseudo-efecto anterior que pueda quedar como punto/cuadro estatico. */
.army-feature-panel::before,
.army-feature-panel::after {
    animation:none !important;
}
.army-feature-panel::after { display:none !important; }

/* TOP KILLER + REY DEL MU: mas compactos y siempre centrados. */
@media (min-width:761px) {
    .army-top-killer-card,
    .army-king-card {
        width:100% !important;
        margin:0 auto 7px !important;
        text-align:center !important;
    }
    .army-top-killer-panel,
    .army-king-panel {
        position:relative !important;
        width:78% !important;
        height:145px !important;
        min-height:145px !important;
        margin:0 auto !important;
        background-size:100% 100% !important;
        background-position:center center !important;
        overflow:hidden !important;
        box-shadow:0 7px 15px rgba(0,0,0,.28) !important;
    }
    .army-top-killer-logo-slot,
    .army-king-logo-slot {
        left:21.6% !important;
        top:34.5% !important;
        width:21.4% !important;
        height:43% !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        overflow:visible !important;
    }
    .army-inline-guildmark,
    .army-feature-logo-inside svg,
    .army-feature-logo-inside img {
        width:78% !important;
        height:78% !important;
        max-width:62px !important;
        max-height:62px !important;
        margin:auto !important;
    }
    .army-feature-panel-copy {
        left:45.5% !important;
        right:5.5% !important;
        top:39% !important;
        bottom:7% !important;
        text-align:left !important;
    }
    .army-top-killer-card .army-feature-name,
    .army-top-killer-card .army-feature-name a,
    .army-king-card .army-feature-name,
    .army-king-card .army-feature-name a {
        font-size:18px !important;
    }
    .army-top-killer-card .army-feature-stat,
    .army-king-card .army-feature-stat {
        margin-top:2px !important;
        font-size:7px !important;
    }
    .army-top-killer-card .army-feature-stat b,
    .army-king-card .army-feature-stat b { font-size:11px !important; }
    .army-top-killer-card .army-feature-meta,
    .army-king-card .army-feature-meta {
        margin-top:2px !important;
        font-size:7px !important;
    }
    .army-feature-panel-copy .army-feature-kicker {
        margin-bottom:1px !important;
        font-size:6px !important;
    }
}

/* Brillo puntual REAL: JS mueve este punto por el perimetro en cada frame. */
.army-panel-glint-v37 {
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    z-index:20 !important;
    width:8px !important;
    height:8px !important;
    border-radius:50% !important;
    pointer-events:none !important;
    background:radial-gradient(circle,
        rgba(255,255,238,1) 0 12%,
        rgba(255,225,132,.96) 22%,
        rgba(255,174,50,.76) 38%,
        rgba(255,151,30,.18) 62%,
        rgba(255,151,30,0) 75%) !important;
    box-shadow:
        0 0 3px rgba(255,248,205,.95),
        0 0 7px rgba(255,198,85,.70),
        0 0 12px rgba(255,148,28,.30) !important;
    will-change:transform !important;
}

/* GENS: 30% menos que V36, sigue centrado ABAJO y no cambia de zona. */
.army-gens-bottom-zone {
    margin:24px auto 13px !important;
    text-align:center !important;
}
.army-gens-showcase-bottom {
    width:588px !important;
    max-width:calc(100% - 44px) !important;
    margin:0 auto !important;
    aspect-ratio:1877 / 838 !important;
}
.army-gens-showcase-bottom .army-gens-showcase-brand {
    bottom:6px !important;
    font-size:16px !important;
    letter-spacing:1px !important;
}
.army-gens-showcase-bottom .army-gens-side {
    top:13px !important;
    width:29% !important;
}
.army-gens-showcase-bottom .army-gens-side-duprian { left:17px !important; }
.army-gens-showcase-bottom .army-gens-side-vanert { right:17px !important; }
.army-gens-showcase-bottom .army-gens-score { font-size:30px !important; }
.army-gens-showcase-bottom .army-gens-score-label {
    margin-top:3px !important;
    font-size:9px !important;
    letter-spacing:1.6px !important;
}
.army-gens-showcase-bottom .army-gens-leader-name,
.army-gens-showcase-bottom .army-gens-leader-name a {
    margin-top:7px !important;
    font-size:13px !important;
}
.army-gens-showcase-bottom .army-gens-meta {
    margin-top:5px !important;
    gap:5px !important;
    font-size:10px !important;
}
.army-gens-showcase-bottom .army-gens-meta img {
    width:18px !important;
    height:12px !important;
}

/* TOP RESET POR RAZA: bloque completo 20% mas pequeno y centrado. */
.pr7-reset-race-section {
    max-width:688px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Boton VIDEOS GUIA: conservar imagen URL del index original/V30; no video dentro del boton. */
.army-guide-trigger-image-v37 {
    overflow:visible !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
.army-guide-trigger-image-v37-img {
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    border:0 !important;
    background:transparent !important;
    filter:drop-shadow(0 5px 9px rgba(0,0,0,.58)) !important;
}
.army-guide-trigger-image-v37:hover .army-guide-trigger-image-v37-img {
    transform:scale(1.04) !important;
    filter:brightness(1.08) drop-shadow(0 6px 12px rgba(0,0,0,.62)) !important;
}

/* VIDEO GUIAS: restaurar la modalidad visual ANTERIOR / SIGUIENTE del index de referencia. */
.army-guide-modal-v29 {
    width:1120px !important;
    max-width:calc(100vw - 36px) !important;
    max-height:calc(100vh - 36px) !important;
    border-radius:20px !important;
    border:1px solid rgba(166,104,255,.76) !important;
    background:linear-gradient(180deg,rgba(18,9,34,.99),rgba(4,4,12,.99)) !important;
    box-shadow:0 0 38px rgba(141,85,217,.48),inset 0 0 24px rgba(141,85,217,.10) !important;
}
.army-guide-player-stage-v29 {
    position:relative !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(120px,1fr) minmax(0,900px) minmax(120px,1fr) !important;
    align-items:center !important;
    gap:14px !important;
}
.army-guide-nav-v29 {
    min-height:150px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    padding:14px 10px !important;
    border:1px solid rgba(166,104,255,.24) !important;
    border-radius:16px !important;
    background:linear-gradient(180deg,rgba(111,61,184,.11),rgba(73,163,255,.05)) !important;
    color:#fff !important;
    cursor:pointer !important;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease !important;
}
.army-guide-nav-v29:hover,
.army-guide-nav-v29:focus {
    transform:translateY(-4px) !important;
    border-color:rgba(73,163,255,.92) !important;
    box-shadow:0 13px 30px rgba(0,0,0,.40),0 0 20px rgba(73,163,255,.22) !important;
    outline:none !important;
}
.army-guide-nav-icon-v33 {
    color:#d9c1ff !important;
    font:900 42px/1 Arial,sans-serif !important;
    text-shadow:0 0 14px rgba(141,85,217,.48) !important;
}
.army-guide-nav-label-v33 {
    color:#ffffff !important;
    font-size:11px !important;
    font-weight:900 !important;
    letter-spacing:1.1px !important;
    text-transform:uppercase !important;
}
.army-guide-nav-name-v33 {
    max-width:150px !important;
    color:rgba(230,224,245,.72) !important;
    font-size:10px !important;
    font-weight:800 !important;
    line-height:1.3 !important;
    text-align:center !important;
    text-transform:uppercase !important;
}
.army-guide-video-box-v29 {
    width:min(900px,100%) !important;
    margin:0 auto !important;
    aspect-ratio:16 / 9 !important;
    min-height:220px !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background:#000 !important;
    border:1px solid rgba(255,255,255,.10) !important;
}

@media (max-width:760px) {
    .army-top-killer-panel,
    .army-king-panel {
        width:92% !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .army-gens-showcase-bottom {
        width:70% !important;
        max-width:calc(100% - 18px) !important;
    }
    .pr7-reset-race-section {
        width:80% !important;
        max-width:80% !important;
    }
    .army-guide-modal-v29 {
        width:calc(100vw - 18px) !important;
        max-width:calc(100vw - 18px) !important;
        max-height:calc(100vh - 18px) !important;
        border-radius:15px !important;
    }
    .army-guide-player-stage-v29 {
        grid-template-columns:40px minmax(0,1fr) 40px !important;
        gap:5px !important;
    }
    .army-guide-nav-v29 {
        min-height:92px !important;
        padding:5px 2px !important;
        border-radius:10px !important;
    }
    .army-guide-nav-icon-v33 { font-size:29px !important; }
    .army-guide-nav-label-v33,
    .army-guide-nav-name-v33 { display:none !important; }
}

/* =========================================================
   V38 - ESTABILIDAD LAYOUT + PERFIL GUILD + NOTICIAS ELASTICAS
   + NAVEGACION VIDEO GUIA ORIGINAL + GLINT SUTIL
   ========================================================= */

/* 1) ESCRITORIO: impedir que modulos Bootstrap/profile rompan las 3 columnas. */
@media (min-width:761px) {
    .army-main-layout {
        display:table !important;
        width:97% !important;
        max-width:97% !important;
        table-layout:fixed !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .army-main-layout > tbody { display:table-row-group !important; }
    .army-main-layout > tbody > tr { display:table-row !important; }
    .army-main-layout > tbody > tr > td { display:table-cell !important; float:none !important; }
    .army-column-left  { width:234px !important; min-width:234px !important; max-width:234px !important; }
    .army-column-center{ width:462px !important; min-width:462px !important; max-width:462px !important; }
    .army-column-right { width:230px !important; min-width:230px !important; max-width:230px !important; }
    .army-column-gap,
    .army-column-spacer { width:10px !important; min-width:10px !important; max-width:10px !important; }
    .reference-main-content,
    #sub_page_content,
    .tmp_m_content,
    .tmp_page_content { width:100% !important; max-width:100% !important; box-sizing:border-box !important; }
}

/* 2) PERFIL DE GUILD: ficha profesional sin tocar modules/profile/guild.php. */
.reference-page-profile .profiles_guild_card {
    position:relative !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:448px !important;
    margin:0 auto 18px !important;
    padding:18px 18px 16px !important;
    overflow:hidden !important;
    color:#e8dcc9 !important;
    border:1px solid rgba(184,119,48,.68) !important;
    border-radius:3px !important;
    background:
        radial-gradient(circle at 50% -10%,rgba(105,49,16,.18),transparent 46%),
        linear-gradient(145deg,rgba(20,13,8,.98),rgba(7,5,4,.98)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,221,147,.07),
        inset 0 0 38px rgba(101,48,14,.10),
        0 12px 30px rgba(0,0,0,.40) !important;
}
.reference-page-profile .profiles_guild_card::before {
    content:"";
    position:absolute;
    left:16px;
    right:16px;
    top:7px;
    height:1px;
    background:linear-gradient(90deg,transparent,#8d5726 20%,#ffd38b 50%,#8d5726 80%,transparent);
    opacity:.75;
}
.reference-page-profile .profiles_guild_card > .row {
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
}
.reference-page-profile .profiles_guild_card > .row:first-child > .col-xs-6 {
    float:none !important;
    margin:0 !important;
    box-sizing:border-box !important;
}
.reference-page-profile .profiles_guild_card > .row:first-child > .col-xs-6:first-child {
    width:42% !important;
    padding:8px 12px 8px 2px !important;
}
.reference-page-profile .profiles_guild_card > .row:first-child > .col-xs-6:last-child {
    width:58% !important;
    padding:8px 2px 8px 12px !important;
    text-align:left !important;
}
.reference-page-profile .profiles_guild_card .guild_logo {
    position:relative !important;
    width:146px !important;
    height:146px !important;
    max-width:100% !important;
    margin:0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid #8c5728 !important;
    background:radial-gradient(circle,rgba(75,38,17,.25),rgba(3,3,3,.95)) !important;
    box-shadow:inset 0 0 20px rgba(0,0,0,.82),0 0 0 3px rgba(105,59,25,.16),0 6px 18px rgba(0,0,0,.36) !important;
}
.reference-page-profile .profiles_guild_card .guild_logo img,
.reference-page-profile .profiles_guild_card .guild_logo svg {
    width:118px !important;
    height:118px !important;
    max-width:118px !important;
    max-height:118px !important;
    image-rendering:auto !important;
    filter:drop-shadow(0 4px 7px rgba(0,0,0,.58)) !important;
}
.reference-page-profile .profiles_guild_card .guild_name {
    display:block !important;
    margin:0 0 11px !important;
    color:#ffd48a !important;
    font:900 27px/1 Georgia,"Times New Roman",serif !important;
    letter-spacing:.6px !important;
    text-align:left !important;
    text-shadow:0 2px 0 #311606,0 0 10px rgba(255,145,45,.22) !important;
}
.reference-page-profile .profiles_guild_card .table {
    width:100% !important;
    margin:0 !important;
    border-collapse:collapse !important;
    background:transparent !important;
}
.reference-page-profile .profiles_guild_card .table td {
    padding:5px 7px !important;
    border:0 !important;
    border-bottom:1px solid rgba(130,82,42,.24) !important;
    color:#e8dcc9 !important;
    font-size:12px !important;
    vertical-align:middle !important;
}
.reference-page-profile .profiles_guild_card .table td:first-child {
    width:47% !important;
    color:#b98751 !important;
    font-weight:800 !important;
    text-align:left !important;
}
.reference-page-profile .profiles_guild_card .table td:last-child {
    color:#fff0d4 !important;
    font-weight:800 !important;
    text-align:left !important;
}
.reference-page-profile .profiles_guild_card .table a { color:#f5ca82 !important; text-decoration:none !important; }
.reference-page-profile .profiles_guild_card hr {
    height:1px !important;
    margin:15px 0 13px !important;
    border:0 !important;
    background:linear-gradient(90deg,transparent,rgba(202,133,63,.62),transparent) !important;
}
.reference-page-profile .profiles_guild_card > .row:last-child {
    display:block !important;
}
.reference-page-profile .profiles_guild_card > .row:last-child > .col-xs-8 {
    float:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
}
.reference-page-profile .profiles_guild_card .guild_members {
    display:block !important;
    margin:0 0 10px !important;
    color:#d6a763 !important;
    font:900 12px/1 Arial,sans-serif !important;
    letter-spacing:2px !important;
    text-transform:uppercase !important;
    text-align:center !important;
}
.reference-page-profile .profiles_guild_card .guild_members_list {
    margin:0 !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
}
.reference-page-profile .profiles_guild_card .guild_members_list > div {
    float:none !important;
    width:auto !important;
    padding:7px 6px !important;
    border:1px solid rgba(125,76,37,.28) !important;
    background:rgba(255,255,255,.018) !important;
    text-align:center !important;
    font-size:11px !important;
}
.reference-page-profile .profiles_guild_card .guild_members_list a { color:#ead9bd !important; text-decoration:none !important; }
.reference-page-profile .profiles_guild_card .guild_members_list a:hover { color:#ffc66d !important; }

/* 3) NOTICIAS: marco premium elastico. Con 1 noticia queda bajo; con varias crece solo. */
.reference-news-panel {
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:10px auto 14px !important;
    overflow:hidden !important;
    border:1px solid rgba(170,105,37,.76) !important;
    border-radius:2px !important;
    background:
        radial-gradient(circle at 50% -55%,rgba(151,78,22,.18),transparent 52%),
        linear-gradient(180deg,rgba(22,13,8,.98),rgba(8,6,4,.985)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,219,142,.06),
        inset 0 0 26px rgba(83,41,13,.12),
        0 8px 19px rgba(0,0,0,.30) !important;
}
.reference-news-panel::before,
.reference-news-panel::after {
    content:"" !important;
    position:absolute !important;
    z-index:4 !important;
    top:-1px !important;
    width:58px !important;
    height:27px !important;
    pointer-events:none !important;
    opacity:.94 !important;
}
.reference-news-panel::before {
    left:-1px !important;
    background:
        linear-gradient(135deg,#f6c66e 0 2px,transparent 2px 7px,#8b4c1c 7px 9px,transparent 9px),
        linear-gradient(90deg,#d49542,transparent 72%) !important;
    clip-path:polygon(0 0,100% 0,68% 14%,36% 14%,22% 32%,12% 32%,12% 100%,0 100%) !important;
}
.reference-news-panel::after {
    right:-1px !important;
    transform:scaleX(-1) !important;
    background:
        linear-gradient(135deg,#f6c66e 0 2px,transparent 2px 7px,#8b4c1c 7px 9px,transparent 9px),
        linear-gradient(90deg,#d49542,transparent 72%) !important;
    clip-path:polygon(0 0,100% 0,68% 14%,36% 14%,22% 32%,12% 32%,12% 100%,0 100%) !important;
}
.reference-news-heading {
    position:relative !important;
    height:auto !important;
    min-height:40px !important;
    padding:0 18px !important;
    display:flex !important;
    align-items:center !important;
    border:0 !important;
    border-bottom:1px solid rgba(147,89,34,.48) !important;
    background:linear-gradient(90deg,rgba(82,35,12,.34),rgba(23,12,7,.08) 58%,transparent) !important;
}
.reference-news-heading span {
    padding:0 !important;
    border:0 !important;
    background:none !important;
    color:#f4c776 !important;
    font:900 21px/1 Georgia,"Times New Roman",serif !important;
    letter-spacing:.7px !important;
    text-shadow:0 2px 0 #321505,0 0 8px rgba(255,143,40,.18) !important;
}
.reference-news-body {
    height:auto !important;
    min-height:0 !important;
    padding:4px 13px 3px !important;
    background:transparent !important;
}
.reference-news-row {
    min-height:0 !important;
    padding:8px 3px !important;
    border-bottom:1px solid rgba(117,75,39,.22) !important;
}
.reference-news-footer {
    min-height:31px !important;
    padding:0 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    border-top:1px solid rgba(117,75,39,.24) !important;
    background:rgba(0,0,0,.16) !important;
}
.reference-news-count-0 .reference-news-body,
.reference-news-count-1 .reference-news-body { padding-top:3px !important; padding-bottom:2px !important; }
.reference-news-count-1 .reference-news-row { padding-top:9px !important; padding-bottom:9px !important; }
.reference-news-count-1 .reference-news-footer { min-height:29px !important; }

/* 4) VIDEO GUIAS: flechas/Anterior/Siguiente siguiendo la modalidad del index enviado. */
.army-guide-player-stage-v29 {
    position:relative !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(120px,1fr) minmax(0,900px) minmax(120px,1fr) !important;
    align-items:center !important;
    gap:14px !important;
}
.army-guide-nav-arrow {
    min-height:150px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    padding:14px 10px !important;
    border:1px solid rgba(166,104,255,.28) !important;
    border-radius:16px !important;
    background:linear-gradient(180deg,rgba(111,61,184,.13),rgba(73,163,255,.055)) !important;
    color:#fff !important;
    cursor:pointer !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 9px 22px rgba(0,0,0,.25) !important;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease !important;
}
.army-guide-nav-arrow:hover,
.army-guide-nav-arrow:focus {
    transform:translateY(-4px) !important;
    border-color:rgba(73,163,255,.92) !important;
    box-shadow:0 13px 30px rgba(0,0,0,.40),0 0 20px rgba(73,163,255,.22) !important;
    outline:none !important;
}
.army-guide-nav-chevron {
    color:#d9c1ff !important;
    font:900 38px/1 Arial,sans-serif !important;
    text-shadow:0 0 14px rgba(141,85,217,.48) !important;
}
.army-guide-nav-label {
    color:#fff !important;
    font:900 11px/1 Arial,sans-serif !important;
    letter-spacing:1.1px !important;
    text-transform:uppercase !important;
}
.army-guide-nav-name {
    max-width:150px !important;
    color:rgba(230,224,245,.74) !important;
    font:800 10px/1.3 Arial,sans-serif !important;
    text-align:center !important;
    text-transform:uppercase !important;
}

/* 5) Brillo perimetral: solo un destello sutil, no un cuadro ni una bola grande. */
.army-panel-glint-v37 {
    width:13px !important;
    height:4px !important;
    margin:-2px 0 0 -6px !important;
    border-radius:50% !important;
    background:linear-gradient(90deg,rgba(255,189,54,0),rgba(255,255,232,.98) 45%,rgba(255,202,78,.88) 62%,rgba(255,189,54,0)) !important;
    box-shadow:0 0 4px rgba(255,248,210,.92),0 0 9px rgba(255,187,57,.52),0 0 15px rgba(255,151,30,.22) !important;
}

@media (max-width:760px) {
    .reference-page-profile .profiles_guild_card { max-width:100% !important; padding:14px 12px !important; }
    .reference-page-profile .profiles_guild_card > .row:first-child > .col-xs-6:first-child,
    .reference-page-profile .profiles_guild_card > .row:first-child > .col-xs-6:last-child {
        width:100% !important;
        padding:6px 0 !important;
        text-align:center !important;
    }
    .reference-page-profile .profiles_guild_card .guild_name { text-align:center !important; font-size:23px !important; }
    .reference-page-profile .profiles_guild_card .guild_members_list { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    .army-guide-player-stage-v29 { grid-template-columns:40px minmax(0,1fr) 40px !important; gap:5px !important; }
    .army-guide-nav-arrow { min-height:86px !important; padding:4px 1px !important; border-radius:10px !important; }
    .army-guide-nav-chevron { font-size:27px !important; }
    .army-guide-nav-label,
    .army-guide-nav-name { display:none !important; }
}

/* =========================================================
   V39 - MARCOS REALES EN IMAGEN (NO DIBUJADOS EN CSS)
   Imagen 1: marco adaptable para tablas RANKING / CLANES.
   Imagen 2: marco real del menu superior.
   Imagen NOTICIAS corregida: marco elastico por slices.
   ========================================================= */

/* MENU SUPERIOR: usa la imagen propia enviada, sin gradiente/borde dibujado. */
#top-navigation {
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 976px !important;
    max-width: calc(100vw - 16px) !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 26px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent url(../img/nav_frame_gold.webp) center center / 100% 100% no-repeat !important;
    box-shadow: none !important;
    overflow: hidden !important;
}
#top-navigation::before,
#top-navigation::after { display:none !important; content:none !important; }
#top-navigation ul {
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    background:none !important;
}
#top-navigation li {
    height:58px !important;
    padding:0 14px !important;
    display:flex !important;
    align-items:center !important;
}
#top-navigation li + li::before {
    color:#d8972f !important;
    opacity:.72 !important;
}
#top-navigation a {
    color:#f1cb80 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:17px !important;
    line-height:58px !important;
    font-weight:800 !important;
    letter-spacing:.25px !important;
    text-shadow:0 1px 0 #2c1002,0 0 7px rgba(255,160,38,.12) !important;
}
#top-navigation a:hover,
#top-navigation a:focus {
    color:#fff1bd !important;
    text-shadow:0 1px 0 #2c1002,0 0 10px rgba(255,171,54,.42) !important;
}

/* TABLAS LATERALES: marco vertical REAL de la imagen 1, expandible. */
.army-image-table-frame {
    position:relative !important;
    width:100% !important;
    box-sizing:border-box !important;
    margin:0 0 8px !important;
    padding:35px 10px 19px !important;
    overflow:hidden !important;
    background:transparent url(../img/panel_frame_tall_mid.png) center center / 100% 100% no-repeat !important;
}
.army-image-table-frame::before,
.army-image-table-frame::after {
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    z-index:0 !important;
    pointer-events:none !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-size:100% 100% !important;
}
.army-image-table-frame::before {
    top:0 !important;
    height:36px !important;
    background-image:url(../img/panel_frame_tall_top.png) !important;
}
.army-image-table-frame::after {
    bottom:0 !important;
    height:20px !important;
    background-image:url(../img/panel_frame_tall_bottom.png) !important;
}
.army-image-table-frame .estado-sv {
    position:relative !important;
    z-index:1 !important;
    width:100% !important;
    margin:0 !important;
    border:0 !important;
    background:rgba(10,7,4,.72) !important;
    box-shadow:none !important;
}
.army-image-table-frame .estado-sv th {
    background:rgba(22,14,8,.94) !important;
    border:0 !important;
    border-bottom:1px solid rgba(218,145,58,.36) !important;
}
.army-image-table-frame .estado-sv td {
    border:0 !important;
    border-bottom:1px solid rgba(117,79,43,.20) !important;
}
.army-image-table-frame .estado-sv tr:last-child td { border-bottom:0 !important; }

/* NOTICIAS: imagen propia corregida. Se divide en TOP/MID/BOTTOM para que
   crezca con 1, 2, 3... noticias sin deformar el titulo ni las esquinas. */
.reference-news-panel {
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:118px !important;
    margin:10px auto 14px !important;
    padding:48px 18px 24px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent url(../img/news_frame_mid.png) center center / 100% 100% no-repeat !important;
    box-shadow:none !important;
}
.reference-news-panel::before,
.reference-news-panel::after {
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    z-index:0 !important;
    width:100% !important;
    pointer-events:none !important;
    opacity:1 !important;
    transform:none !important;
    clip-path:none !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-size:100% 100% !important;
}
.reference-news-panel::before {
    top:0 !important;
    height:49px !important;
    background-image:url(../img/news_frame_top.png) !important;
}
.reference-news-panel::after {
    top:auto !important;
    bottom:0 !important;
    height:24px !important;
    background-image:url(../img/news_frame_bottom.png) !important;
}
.reference-news-heading {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    clip-path:inset(50%) !important;
    white-space:nowrap !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:none !important;
}
.reference-news-body,
.reference-news-footer {
    position:relative !important;
    z-index:2 !important;
    background:transparent !important;
}
.reference-news-body {
    min-height:0 !important;
    height:auto !important;
    padding:3px 4px 2px !important;
}
.reference-news-row {
    min-height:0 !important;
    padding:8px 3px !important;
    border-bottom:1px solid rgba(131,86,43,.23) !important;
}
.reference-news-footer {
    min-height:28px !important;
    padding:0 4px !important;
    border-top:1px solid rgba(131,86,43,.20) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
}
.reference-news-count-0,
.reference-news-count-1 { min-height:118px !important; }
.reference-news-count-1 .reference-news-row { padding-top:8px !important; padding-bottom:8px !important; }
.reference-news-count-2 { min-height:145px !important; }
.reference-news-count-3 { min-height:172px !important; }
/* desde 4 noticias la altura queda totalmente determinada por el contenido */

@media (max-width:760px) {
    #top-navigation {
        width:100vw !important;
        max-width:100vw !important;
        height:50px !important;
        padding:0 12px !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        scrollbar-width:none !important;
    }
    #top-navigation::-webkit-scrollbar { display:none !important; }
    #top-navigation ul {
        min-width:max-content !important;
        height:50px !important;
        justify-content:flex-start !important;
        padding:0 8px !important;
    }
    #top-navigation li { height:50px !important; padding:0 10px !important; }
    #top-navigation a { line-height:50px !important; font-size:12px !important; }

    .army-image-table-frame { padding:31px 9px 17px !important; }
    .army-image-table-frame::before { height:32px !important; }
    .army-image-table-frame::after { height:18px !important; }

    .reference-news-panel {
        padding:43px 14px 21px !important;
        min-height:108px !important;
    }
    .reference-news-panel::before { height:44px !important; }
    .reference-news-panel::after { height:21px !important; }
}

/* =========================================================
   V40 - AJUSTES PUNTUALES SEGUN CAPTURAS
   1) EVENTOS/CASTLE SIEGE con el mismo marco de RANKING.
   2) NOTICIAS sin repeticion: 3 slices reales (top/mid/bottom).
   3) MENU SUPERIOR mas ancho y 20% mas bajo, texto plomo centrado.
   4) TOP RESET POR RAZA mas ancho, 20% mas bajo, paleta plomo.
   5) MENU IZQUIERDO sin fondos rojos/negros pesados y desplazado a la derecha.
   ========================================================= */

/* 1) EVENTOS + CASTLE SIEGE: misma familia visual que RANKING/CLANES. */
.army-events-box,
.army-castle-box {
    width:230px !important;
    margin:0 0 12px !important;
}
.army-side-section-title {
    margin:0 0 5px !important;
}
.army-side-section-title .reference-premium-title-text {
    font-size:19px !important;
    letter-spacing:.4px !important;
}
.army-side-panel-frame {
    width:100% !important;
    margin:0 !important;
    padding:30px 8px 15px !important;
}
.army-side-panel-frame::before { height:31px !important; }
.army-side-panel-frame::after  { height:16px !important; }
.army-side-panel-frame #attacklist {
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
}
.army-side-panel-frame .estado-sv,
.army-side-panel-frame .c-siege {
    width:100% !important;
    margin:0 !important;
    border:0 !important;
    background:rgba(12,9,6,.76) !important;
    box-shadow:none !important;
}
.army-side-panel-frame .estado-sv td,
.army-side-panel-frame .c-siege td,
.army-side-panel-frame .c-siege th {
    border-left:0 !important;
    border-right:0 !important;
}
.army-side-panel-frame .estado-sv tr:last-child td,
.army-side-panel-frame .c-siege tr:last-child td { border-bottom:0 !important; }
.army-events-box #menu2,
.army-castle-box #menu2 { display:none !important; }

/* 2) NOTICIAS: nada se repite. El cuerpo central se estira, no se mosaica. */
.reference-news-panel {
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:112px !important;
    margin:9px auto 13px !important;
    padding:43px 17px 25px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent url(../img/news_v40_mid.png) center center / 100% 100% no-repeat !important;
    box-shadow:none !important;
}
.reference-news-panel::before,
.reference-news-panel::after {
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:0 !important;
    pointer-events:none !important;
    opacity:1 !important;
    transform:none !important;
    clip-path:none !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:100% 100% !important;
}
.reference-news-panel::before {
    top:0 !important;
    height:44px !important;
    background-image:url(../img/news_v40_top.png) !important;
}
.reference-news-panel::after {
    top:auto !important;
    bottom:0 !important;
    height:25px !important;
    background-image:url(../img/news_v40_bottom.png) !important;
}
.reference-news-heading {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    clip-path:inset(50%) !important;
    white-space:nowrap !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:none !important;
}
.reference-news-body,
.reference-news-footer {
    position:relative !important;
    z-index:3 !important;
    background:transparent !important;
}
.reference-news-body {
    min-height:0 !important;
    height:auto !important;
    padding:2px 4px 1px !important;
}
.reference-news-row {
    min-height:0 !important;
    padding:7px 3px !important;
    border-bottom:1px solid rgba(165,121,73,.18) !important;
}
.reference-news-footer {
    min-height:25px !important;
    padding:0 4px !important;
    border-top:1px solid rgba(165,121,73,.18) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
}
.reference-news-count-0,
.reference-news-count-1 { min-height:112px !important; }
.reference-news-count-2 { min-height:137px !important; }
.reference-news-count-3 { min-height:162px !important; }

/* 3) MENU SUPERIOR: mas ancho, 20% menos alto y texto centrado/plomo. */
#top-navigation {
    width:1018px !important;
    max-width:calc(100vw - 10px) !important;
    height:46px !important;
    padding:0 28px !important;
    background-size:100% 100% !important;
}
#top-navigation ul {
    height:46px !important;
    min-height:46px !important;
    padding:0 8px !important;
    align-items:center !important;
    justify-content:center !important;
}
#top-navigation li {
    height:46px !important;
    padding:0 14px !important;
    align-items:center !important;
}
#top-navigation a {
    color:#d2cec6 !important;
    line-height:46px !important;
    font-size:16px !important;
    text-shadow:0 1px 0 #170c05,0 0 6px rgba(210,190,155,.18) !important;
}
#top-navigation a:hover,
#top-navigation a:focus {
    color:#f2d18e !important;
    text-shadow:0 1px 0 #170c05,0 0 10px rgba(239,175,73,.42) !important;
}
#top-navigation li + li::before { color:#9b958c !important; opacity:.72 !important; }

/* 4) TOP RESET POR RAZA: horizontal mas amplio, vertical 20% menor y gris plomo. */
.pr7-reset-race-section {
    width:100% !important;
    max-width:830px !important;
    margin:12px auto 9px !important;
    padding:7px 8px 7px !important;
    border:1px solid rgba(123,117,108,.55) !important;
    background:linear-gradient(180deg,rgba(42,41,39,.97),rgba(17,17,16,.98)) !important;
    box-shadow:inset 0 0 22px rgba(0,0,0,.42),0 7px 16px rgba(0,0,0,.20) !important;
}
.pr7-reset-race-kicker {
    margin-bottom:4px !important;
    color:#aaa69f !important;
    font-size:7px !important;
    letter-spacing:3.6px !important;
    text-align:center !important;
}
.pr7-reset-race-title {
    margin-bottom:7px !important;
    color:#dedbd4 !important;
    font-size:15px !important;
    letter-spacing:1.4px !important;
    text-align:center !important;
    text-shadow:0 1px 2px #000 !important;
}
.pr7-reset-race-row {
    min-height:133px !important;
    padding:0 0 3px !important;
}
.pr7-reset-race-track { gap:9px !important; }
.pr7-reset-race-row .pr7-race-card {
    flex:0 0 124px !important;
    width:124px !important;
    border:1px solid rgba(119,114,106,.58) !important;
    background:rgba(17,17,16,.92) !important;
}
.pr7-reset-race-row .pr7-race-thumb { height:74px !important; }
.pr7-reset-race-row .pr7-race-meta {
    min-height:47px !important;
    padding:4px 5px 5px !important;
    text-align:center !important;
    background:rgba(22,22,21,.96) !important;
}
.pr7-reset-race-row .pr7-race-label {
    margin-bottom:3px !important;
    color:#a8a49d !important;
    font-size:6px !important;
    letter-spacing:1.9px !important;
    text-align:center !important;
}
.pr7-reset-race-row .pr7-race-player,
.pr7-reset-race-row .pr7-race-player a,
.pr7-reset-race-row .pr7-race-resets {
    color:#d7d4cd !important;
    font-size:7px !important;
    text-align:center !important;
}
.pr7-reset-race-row .pr7-race-resets { margin-top:3px !important; }
.pr7-reset-race-row .pr7-race-icon { font-size:8px !important; color:#aaa69f !important; }

/* 5) MENU IZQUIERDO: quitar los fondos pesados y centrar el conjunto algo mas a la derecha. */
.reference-menu-cell {
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
.reference-menu-list {
    width:calc(100% - 8px) !important;
    margin-left:8px !important;
    padding:5px 2px 7px 8px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
.reference-menu-button {
    height:36px !important;
    min-height:36px !important;
    margin:0 0 5px !important;
    padding:0 7px !important;
    transform:translateX(4px) !important;
    border:0 !important;
    outline:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
.reference-menu-button::before {
    inset:3px 5px !important;
    border-top:1px solid rgba(175,128,75,.34) !important;
    border-bottom:1px solid rgba(74,55,38,.42) !important;
    border-left:0 !important;
    border-right:0 !important;
    background:transparent !important;
}
.reference-menu-button::after { display:none !important; }
.reference-menu-button span {
    color:#e2ded6 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:12px !important;
    letter-spacing:.55px !important;
    text-shadow:0 1px 2px #000 !important;
}
.reference-menu-button:hover,
.reference-menu-button:focus {
    transform:translateX(8px) !important;
    filter:none !important;
    background:rgba(116,76,38,.10) !important;
    box-shadow:inset 0 0 10px rgba(183,120,49,.08) !important;
}
.reference-menu-button:hover span,
.reference-menu-button:focus span { color:#f0c678 !important; }

@media (max-width:760px) {
    #top-navigation {
        width:100vw !important;
        max-width:100vw !important;
        height:44px !important;
        padding:0 10px !important;
    }
    #top-navigation ul { height:44px !important; min-height:44px !important; justify-content:flex-start !important; }
    #top-navigation li { height:44px !important; padding:0 10px !important; }
    #top-navigation a { line-height:44px !important; font-size:11px !important; }

    .reference-news-panel { padding:39px 12px 22px !important; min-height:103px !important; }
    .reference-news-panel::before { height:40px !important; }
    .reference-news-panel::after { height:22px !important; }

    .pr7-reset-race-section { width:94% !important; max-width:94% !important; }
    .pr7-reset-race-row { min-height:126px !important; }
    .pr7-reset-race-row .pr7-race-card { flex-basis:112px !important; width:112px !important; }
    .pr7-reset-race-row .pr7-race-thumb { height:68px !important; }

    .reference-menu-list { width:100% !important; margin-left:0 !important; padding:4px 6px !important; }
    .reference-menu-button { transform:none !important; }
}

/* =========================================================
   V41 PATCH PUNTUAL - NO TOCA INDEX / PHP
   - NOTICIAS: marco 9-slice con una sola imagen + placa NOTICIAS propia.
   - RANKING/CLANES/EVENTOS/CASTLE: marco 9-slice sin cortes rotos.
   - MENU IZQUIERDO: usa la imagen roja/dorada enviada por el usuario.
   ========================================================= */

/* ---------- 1) MARCO BASE REAL: sin top/mid/bottom repetidos ---------- */
.army-image-table-frame,
.army-side-panel-frame {
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 8px 9px !important;
    overflow: hidden !important;
    border: 11px solid transparent !important;
    border-image-source: url(../img/frame_gold_stretch.webp) !important;
    border-image-slice: 52 70 52 70 fill !important;
    border-image-width: 11px !important;
    border-image-outset: 0 !important;
    border-image-repeat: stretch !important;
    background: rgba(20, 12, 7, .88) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.24) !important;
}
.army-image-table-frame::before,
.army-image-table-frame::after,
.army-side-panel-frame::before,
.army-side-panel-frame::after {
    display: none !important;
    content: none !important;
    background: none !important;
}
.army-image-table-frame .estado-sv,
.army-side-panel-frame .estado-sv,
.army-side-panel-frame .c-siege {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    background: rgba(10, 8, 6, .78) !important;
    box-shadow: none !important;
}
.army-image-table-frame .estado-sv th,
.army-side-panel-frame .estado-sv th,
.army-side-panel-frame .c-siege th {
    background: rgba(24, 16, 10, .94) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(211, 148, 71, .34) !important;
}
.army-image-table-frame .estado-sv td,
.army-side-panel-frame .estado-sv td,
.army-side-panel-frame .c-siege td {
    border-left: 0 !important;
    border-right: 0 !important;
}

/* ---------- 2) NOTICIAS: una sola caja elástica, sin imagen repetida ---------- */
.reference-news-panel {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 104px !important;
    margin: 12px auto 15px !important;
    padding: 44px 14px 13px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    border: 11px solid transparent !important;
    border-image-source: url(../img/frame_gold_stretch.webp) !important;
    border-image-slice: 52 70 52 70 fill !important;
    border-image-width: 11px !important;
    border-image-outset: 0 !important;
    border-image-repeat: stretch !important;
    border-radius: 0 !important;
    background: rgba(44, 18, 8, .86) !important;
    box-shadow: 0 9px 22px rgba(0,0,0,.26) !important;
}
.reference-news-panel::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 6 !important;
    left: 8px !important;
    top: -9px !important;
    width: 61% !important;
    height: 54px !important;
    pointer-events: none !important;
    background: transparent url(../img/news_title_plate.webp) left top / contain no-repeat !important;
    opacity: 1 !important;
    transform: none !important;
    clip-path: none !important;
}
.reference-news-panel::after {
    display: none !important;
    content: none !important;
    background: none !important;
}
.reference-news-heading {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: none !important;
}
.reference-news-body,
.reference-news-footer {
    position: relative !important;
    z-index: 3 !important;
    background: transparent !important;
}
.reference-news-body {
    min-height: 0 !important;
    height: auto !important;
    padding: 2px 3px 1px !important;
}
.reference-news-row {
    min-height: 0 !important;
    padding: 7px 3px !important;
    border-bottom: 1px solid rgba(189, 133, 72, .20) !important;
}
.reference-news-footer {
    min-height: 24px !important;
    padding: 0 3px !important;
    border-top: 1px solid rgba(189, 133, 72, .18) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}
.reference-news-count-0,
.reference-news-count-1 { min-height: 104px !important; }
.reference-news-count-2 { min-height: 132px !important; }
.reference-news-count-3 { min-height: 160px !important; }

/* ---------- 3) MENU IZQUIERDO: imagen propia + texto blanco 3D ---------- */
.reference-menu-cell {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.reference-menu-list {
    width: 230px !important;
    margin: 0 auto !important;
    padding: 4px 0 6px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.reference-menu-button {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 224px !important;
    height: 47px !important;
    margin: 0 auto 6px !important;
    padding: 0 0 0 8px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent url(../img/menu_button_gold_red.webp) center center / 100% 100% no-repeat !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
    text-decoration: none !important;
    transition: transform .18s ease, filter .18s ease !important;
}
.reference-menu-button::before,
.reference-menu-button::after {
    display: none !important;
    content: none !important;
}
.reference-menu-button span {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: 100% !important;
    color: #f7f7f7 !important;
    font-family: Arial Black, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 47px !important;
    font-weight: 900 !important;
    letter-spacing: .4px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow:
        0 1px 0 #ffffff,
        0 2px 0 #aaa69c,
        0 3px 0 #2c2117,
        0 4px 3px rgba(0,0,0,.92),
        0 0 8px rgba(255,218,144,.16) !important;
}
.reference-menu-button:hover,
.reference-menu-button:focus {
    transform: translateX(3px) !important;
    filter: brightness(1.10) saturate(1.06) !important;
    outline: none !important;
}
.reference-menu-button:hover span,
.reference-menu-button:focus span {
    color: #ffffff !important;
    text-shadow:
        0 1px 0 #ffffff,
        0 2px 0 #c5b48d,
        0 3px 0 #4a2c10,
        0 4px 4px rgba(0,0,0,.94),
        0 0 11px rgba(255,202,96,.34) !important;
}

@media (max-width: 760px) {
    .reference-news-panel {
        padding: 40px 12px 12px !important;
        border-width: 9px !important;
        border-image-width: 9px !important;
    }
    .reference-news-panel::before {
        width: 66% !important;
        height: 48px !important;
        left: 5px !important;
        top: -7px !important;
    }
    .army-image-table-frame,
    .army-side-panel-frame {
        border-width: 9px !important;
        border-image-width: 9px !important;
        padding: 8px 6px 7px !important;
    }
    .reference-menu-list { width: 100% !important; padding: 4px 6px !important; }
    .reference-menu-button {
        width: min(224px, calc(100% - 8px)) !important;
        height: 44px !important;
        margin-bottom: 5px !important;
    }
    .reference-menu-button span {
        line-height: 44px !important;
        font-size: 13px !important;
    }
}

/* =========================================================
   V42 - ORDEN CENTRAL + TAMAÑO UNIFICADO
   Orden HOME: NOTICIAS -> REY DEL MU -> TOP KILLERS.
   Los 3 bloques comparten el mismo ancho y altura base.
   NOTICIAS conserva crecimiento automatico si aumenta el contenido.
   ========================================================= */
@media (min-width:761px) {
    .reference-main-content > .reference-news-panel,
    .reference-main-content > .army-king-card,
    .reference-main-content > .army-top-killer-card {
        width:94% !important;
        max-width:94% !important;
        margin:8px auto 10px !important;
        box-sizing:border-box !important;
    }

    .reference-main-content > .army-king-card .army-king-panel,
    .reference-main-content > .army-top-killer-card .army-top-killer-panel {
        width:100% !important;
        max-width:100% !important;
        height:148px !important;
        min-height:148px !important;
        margin:0 auto !important;
        background-size:100% 100% !important;
        background-position:center center !important;
    }

    .reference-main-content > .reference-news-panel {
        min-height:148px !important;
        height:auto !important;
        margin-top:8px !important;
        margin-bottom:10px !important;
    }
    .reference-main-content > .reference-news-panel.reference-news-count-0,
    .reference-main-content > .reference-news-panel.reference-news-count-1 {
        min-height:148px !important;
    }
    .reference-main-content > .reference-news-panel.reference-news-count-2 { min-height:172px !important; }
    .reference-main-content > .reference-news-panel.reference-news-count-3 { min-height:196px !important; }
    .reference-main-content > .reference-news-panel.reference-news-count-4 { min-height:220px !important; }
    .reference-main-content > .reference-news-panel.reference-news-count-5 { min-height:244px !important; }
    .reference-main-content > .reference-news-panel.reference-news-count-6 { min-height:268px !important; }
    .reference-main-content > .reference-news-panel.reference-news-count-7 { min-height:292px !important; }
}

@media (max-width:760px) {
    .reference-main-content > .reference-news-panel,
    .reference-main-content > .army-king-card,
    .reference-main-content > .army-top-killer-card {
        width:96% !important;
        max-width:96% !important;
        margin:7px auto 9px !important;
        box-sizing:border-box !important;
    }
    .reference-main-content > .army-king-card .army-king-panel,
    .reference-main-content > .army-top-killer-card .army-top-killer-panel {
        width:100% !important;
        max-width:100% !important;
        margin:0 auto !important;
    }
}

/* =========================================================
   V43 - MENU IZQUIERDO: HOVER ESTABLE + TIPOGRAFIA PREMIUM
   - El boton nunca desaparece ni cambia de fondo al acercar el mouse.
   - Sin desplazamiento lateral.
   - Brillo sutil dinamico sobre la placa.
   - Tipografia mas fina/elegante, menos pesada.
   ========================================================= */
.reference-menu-button,
.reference-menu-button:link,
.reference-menu-button:visited,
.reference-menu-button:hover,
.reference-menu-button:focus,
.reference-menu-button:active {
    position: relative !important;
    background-image: url(../img/menu_button_gold_red.webp) !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
    box-shadow: none !important;
    outline: none !important;
    overflow: hidden !important;
    isolation: isolate !important;
    transition: none !important;
}

.reference-menu-button::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 1 !important;
    inset: 4px 8px !important;
    pointer-events: none !important;
    border-radius: 2px !important;
    background:
        radial-gradient(circle at 50% 50%, rgba(255,238,190,.16) 0%, rgba(255,190,72,.06) 34%, rgba(0,0,0,0) 68%) !important;
    opacity: 0 !important;
    transform: scale(.98) !important;
    transition: opacity .22s ease, transform .22s ease !important;
}

.reference-menu-button::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 1 !important;
    top: 5px !important;
    bottom: 5px !important;
    left: -38% !important;
    width: 30% !important;
    pointer-events: none !important;
    background: linear-gradient(105deg,
        rgba(255,255,255,0) 0%,
        rgba(255,236,184,.05) 26%,
        rgba(255,248,215,.30) 48%,
        rgba(255,190,82,.12) 62%,
        rgba(255,255,255,0) 100%) !important;
    filter: blur(.2px) !important;
    opacity: 0 !important;
    transform: skewX(-18deg) !important;
}

.reference-menu-button:hover::before,
.reference-menu-button:focus::before {
    opacity: 1 !important;
    transform: scale(1) !important;
}

.reference-menu-button:hover::after,
.reference-menu-button:focus::after {
    opacity: 1 !important;
    animation: armyMenuPremiumSweep .85s ease-out 1 !important;
}

@keyframes armyMenuPremiumSweep {
    0%   { left:-38%; opacity:0; }
    18%  { opacity:.75; }
    68%  { opacity:.9; }
    100% { left:112%; opacity:0; }
}

.reference-menu-button span,
.reference-menu-button:hover span,
.reference-menu-button:focus span,
.reference-menu-button:active span {
    position: relative !important;
    z-index: 3 !important;
    color: #f6f3ec !important;
    font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif !important;
    font-size: 13px !important;
    line-height: 47px !important;
    font-weight: 700 !important;
    letter-spacing: 1.05px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: geometricPrecision !important;
    text-shadow:
        0 1px 0 rgba(255,255,255,.36),
        0 2px 1px rgba(25,10,2,.92),
        0 0 5px rgba(255,211,125,.18) !important;
    transition: color .18s ease, text-shadow .18s ease !important;
}

.reference-menu-button:hover span,
.reference-menu-button:focus span {
    color: #fffdf7 !important;
    text-shadow:
        0 1px 0 rgba(255,255,255,.48),
        0 2px 1px rgba(26,10,1,.94),
        0 0 7px rgba(255,218,135,.32) !important;
}

@media (max-width:760px) {
    .reference-menu-button,
    .reference-menu-button:link,
    .reference-menu-button:visited,
    .reference-menu-button:hover,
    .reference-menu-button:focus,
    .reference-menu-button:active {
        transform:none !important;
        background-image:url(../img/menu_button_gold_red.webp) !important;
        filter:none !important;
    }
    .reference-menu-button span,
    .reference-menu-button:hover span,
    .reference-menu-button:focus span {
        font-size:12px !important;
        line-height:44px !important;
        letter-spacing:.9px !important;
    }
}

/* =========================================================
   V44 - GENS LIMPIO + MARCOS INFO/DESCARGAS/REGISTRO
   ========================================================= */

/* INFO: mismo contorno real usado por RANKING / EVENTOS / CASTLE. */
.army-info-frame {
    margin:0 !important;
    padding:8px 7px !important;
    border:9px solid transparent !important;
    border-image-source:url(../img/frame_gold_stretch.webp) !important;
    border-image-slice:52 70 52 70 fill !important;
    border-image-width:9px !important;
    border-image-repeat:stretch !important;
    background:rgba(15,10,7,.90) !important;
    box-shadow:0 7px 16px rgba(0,0,0,.25) !important;
}
.army-info-frame .army-info-table {
    width:100% !important;
    margin:0 !important;
    border:0 !important;
    background:rgba(8,7,5,.80) !important;
    box-shadow:none !important;
}

/* DESCARGAS: una sola placa exterior dorada, misma familia visual. */
body.reference-page-downloads .army-download-shell {
    position:relative !important;
    width:100% !important;
    margin:0 auto !important;
    padding:14px 12px 15px !important;
    border:11px solid transparent !important;
    border-image-source:url(../img/frame_gold_stretch.webp) !important;
    border-image-slice:52 70 52 70 fill !important;
    border-image-width:11px !important;
    border-image-repeat:stretch !important;
    background:rgba(17,9,5,.91) !important;
    box-shadow:0 10px 22px rgba(0,0,0,.32) !important;
}
body.reference-page-downloads .army-download-head,
body.reference-page-downloads .army-download-selector-card {
    border-color:rgba(171,111,43,.40) !important;
    box-shadow:none !important;
}

/* REGISTRO: conserva el formulario real; cambia solo la envolvente exterior. */
body.reference-page-register .army-register-card {
    border:11px solid transparent !important;
    border-image-source:url(../img/frame_gold_stretch.webp) !important;
    border-image-slice:52 70 52 70 fill !important;
    border-image-width:11px !important;
    border-image-repeat:stretch !important;
    outline:0 !important;
    background:rgba(12,8,5,.94) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.34) !important;
}
body.reference-page-register .army-register-card::before,
body.reference-page-register .army-register-card::after {
    display:none !important;
    content:none !important;
}

/* GENS: numero arriba, faccion debajo, nick debajo; sin cajas que tapen la imagen. */
.army-gens-showcase-bottom {
    position:relative !important;
    overflow:hidden !important;
}
.army-gens-showcase-bottom .army-gens-showcase-shade {
    display:none !important;
    opacity:0 !important;
    background:none !important;
}
.army-gens-showcase-bottom .army-gens-side {
    position:absolute !important;
    top:10px !important;
    width:22% !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    pointer-events:auto !important;
}
.army-gens-showcase-bottom .army-gens-side-duprian {
    left:13px !important;
    align-items:flex-start !important;
    text-align:left !important;
}
.army-gens-showcase-bottom .army-gens-side-vanert {
    right:13px !important;
    align-items:flex-end !important;
    text-align:right !important;
}
.army-gens-showcase-bottom .army-gens-score {
    margin:0 !important;
    padding:0 !important;
    font:900 34px/.92 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif !important;
    letter-spacing:.5px !important;
    text-shadow:0 2px 2px rgba(0,0,0,.95),0 0 8px currentColor !important;
}
.army-gens-showcase-bottom .army-gens-side-duprian .army-gens-score { color:#ff3935 !important; }
.army-gens-showcase-bottom .army-gens-side-vanert .army-gens-score { color:#557dff !important; }
.army-gens-showcase-bottom .army-gens-score-label {
    margin:3px 0 0 !important;
    color:#fff4dc !important;
    font:900 9px/1.05 Arial,Helvetica,sans-serif !important;
    letter-spacing:1.8px !important;
    text-transform:uppercase !important;
    text-shadow:0 2px 3px rgba(0,0,0,.95) !important;
}
.army-gens-showcase-bottom .army-gens-leader-name,
.army-gens-showcase-bottom .army-gens-leader-name a {
    display:block !important;
    max-width:100% !important;
    margin:8px 0 0 !important;
    color:#fff7e8 !important;
    font:900 15px/1 Georgia,"Times New Roman",serif !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    text-shadow:0 2px 3px #000,0 0 8px rgba(255,218,147,.22) !important;
}
.army-gens-showcase-bottom .army-gens-meta {
    display:flex !important;
    align-items:center !important;
    margin-top:5px !important;
    padding:0 !important;
    gap:5px !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#fff3d3 !important;
    font:900 10px/1 Arial,Helvetica,sans-serif !important;
    text-shadow:0 2px 3px #000 !important;
}
.army-gens-showcase-bottom .army-gens-side-duprian .army-gens-meta { justify-content:flex-start !important; }
.army-gens-showcase-bottom .army-gens-side-vanert .army-gens-meta { justify-content:flex-end !important; }
.army-gens-showcase-bottom .army-gens-meta img {
    width:18px !important;
    height:12px !important;
    object-fit:cover !important;
    border:1px solid rgba(255,255,255,.45) !important;
    box-shadow:0 1px 3px rgba(0,0,0,.85) !important;
}
.army-gens-showcase-bottom .army-gens-showcase-brand {
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    text-shadow:0 2px 3px #000,0 0 8px rgba(255,224,165,.18) !important;
}

@media (max-width:760px) {
    .army-info-frame,
    body.reference-page-downloads .army-download-shell,
    body.reference-page-register .army-register-card {
        border-width:8px !important;
        border-image-width:8px !important;
    }
    .army-gens-showcase-bottom .army-gens-side {
        top:6px !important;
        width:25% !important;
    }
    .army-gens-showcase-bottom .army-gens-side-duprian { left:7px !important; }
    .army-gens-showcase-bottom .army-gens-side-vanert { right:7px !important; }
    .army-gens-showcase-bottom .army-gens-score { font-size:24px !important; }
    .army-gens-showcase-bottom .army-gens-score-label { font-size:7px !important; letter-spacing:1px !important; }
    .army-gens-showcase-bottom .army-gens-leader-name,
    .army-gens-showcase-bottom .army-gens-leader-name a { margin-top:4px !important; font-size:10px !important; }
    .army-gens-showcase-bottom .army-gens-meta { margin-top:3px !important; font-size:8px !important; }
    .army-gens-showcase-bottom .army-gens-meta img { width:15px !important; height:10px !important; }
}

/* =========================================================
   V45 - STAFF/LOGIN ENMARCADOS + HOVER MENU + LOGO CENTRAL
   + NOTICIAS SIN RECTANGULO NEGRO DE FONDO
   ========================================================= */

/* Logo ARMY MU centrado en la parte superior del banner MP4. */
.army-hero-brand-logo {
    position:absolute !important;
    z-index:3 !important;
    top:16px !important;
    left:50% !important;
    width:190px !important;
    height:auto !important;
    max-height:190px !important;
    transform:translateX(-50%) !important;
    object-fit:contain !important;
    pointer-events:none !important;
    opacity:.97 !important;
    filter:drop-shadow(0 4px 7px rgba(0,0,0,.78)) drop-shadow(0 0 9px rgba(227,166,66,.18)) !important;
}

/* STAFF ARMY MU: mismo contorno visual de INFO / EVENTOS / CASTLE / RANKING. */
.army-staff-sidebar {
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
.army-staff-sidebar .army-staff-panel {
    position:relative !important;
    margin:0 !important;
    padding:8px 7px !important;
    border:9px solid transparent !important;
    border-image-source:url(../img/frame_gold_stretch.webp) !important;
    border-image-slice:52 70 52 70 fill !important;
    border-image-width:9px !important;
    border-image-repeat:stretch !important;
    background:rgba(12,8,5,.91) !important;
    box-shadow:0 7px 16px rgba(0,0,0,.25) !important;
}
.army-staff-sidebar .army-staff-row {
    background:rgba(9,7,5,.74) !important;
    border-color:rgba(147,92,40,.44) !important;
}

/* LOGIN / MI CUENTA: mismo marco dorado de los paneles laterales. */
.reference-right-login .reference-login-box,
.reference-right-login .reference-usercp-box {
    position:relative !important;
    box-sizing:border-box !important;
    width:100% !important;
    margin:0 !important;
    padding:10px 9px !important;
    border:9px solid transparent !important;
    border-image-source:url(../img/frame_gold_stretch.webp) !important;
    border-image-slice:52 70 52 70 fill !important;
    border-image-width:9px !important;
    border-image-repeat:stretch !important;
    background:rgba(11,8,5,.90) !important;
    box-shadow:0 7px 16px rgba(0,0,0,.25) !important;
}
.reference-right-login .reference-login-box form,
.reference-right-login .reference-usercp-box ul {
    position:relative !important;
    z-index:2 !important;
}

/* NOTICIAS: conservar solo el marco y la placa; quitar relleno negro/oscuro. */
.reference-main-content > .reference-news-panel,
.reference-news-panel {
    background:transparent !important;
    box-shadow:none !important;
    border-image-slice:52 70 52 70 !important;
}
.reference-news-panel .reference-news-body,
.reference-news-panel .reference-news-footer,
.reference-news-panel .reference-news-row {
    background:transparent !important;
}

/* MENU lateral: el hover nunca desaparece; brillo premium dinámico y sutil. */
.reference-menu-button,
.reference-menu-button:link,
.reference-menu-button:visited,
.reference-menu-button:hover,
.reference-menu-button:focus,
.reference-menu-button:active {
    background-image:url(../img/menu_button_gold_red.webp) !important;
    background-color:transparent !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    transition:filter .22s ease, box-shadow .22s ease, transform .22s ease !important;
}
.reference-menu-button:hover,
.reference-menu-button:focus {
    filter:brightness(1.12) saturate(1.06) !important;
    box-shadow:
        0 0 10px rgba(255,194,92,.30),
        0 0 18px rgba(255,137,26,.12),
        inset 0 0 9px rgba(255,226,157,.08) !important;
    animation:armyMenuHoverGlow 1.55s ease-in-out infinite !important;
}
.reference-menu-button::after {
    content:"" !important;
    position:absolute !important;
    z-index:2 !important;
    top:5px !important;
    bottom:5px !important;
    left:-32% !important;
    width:22% !important;
    opacity:0 !important;
    pointer-events:none !important;
    transform:skewX(-18deg) !important;
    background:linear-gradient(90deg,transparent,rgba(255,247,220,.11),rgba(255,225,151,.52),rgba(255,247,220,.10),transparent) !important;
    filter:blur(.3px) !important;
}
.reference-menu-button:hover::after,
.reference-menu-button:focus::after {
    opacity:1 !important;
    animation:armyMenuShinePass 1.05s ease-out 1 !important;
}
@keyframes armyMenuShinePass {
    0% { left:-32%; opacity:0; }
    16% { opacity:.70; }
    72% { opacity:.48; }
    100% { left:112%; opacity:0; }
}
@keyframes armyMenuHoverGlow {
    0%,100% { filter:brightness(1.08) saturate(1.04); }
    50% { filter:brightness(1.16) saturate(1.08); }
}
.reference-menu-button:hover span,
.reference-menu-button:focus span {
    color:#fffdf6 !important;
    text-shadow:0 1px 0 rgba(255,255,255,.44),0 2px 1px rgba(28,9,0,.94),0 0 7px rgba(255,221,145,.36) !important;
}

@media (max-width:760px) {
    .army-hero-brand-logo {
        top:13px !important;
        width:132px !important;
        max-height:132px !important;
    }
    .army-staff-sidebar .army-staff-panel,
    .reference-right-login .reference-login-box,
    .reference-right-login .reference-usercp-box {
        border-width:8px !important;
        border-image-width:8px !important;
    }
}

/* =========================================================
   V46 - AJUSTES FINALES: NOTICIAS + GENS + TOP KILLER LIVE
   ========================================================= */

/* NOTICIAS: vuelve el fondo sutil (no negro plano) y el destello viaja
   EXACTAMENTE por la linea del marco. */
.reference-news-panel {
    background:
        linear-gradient(180deg, rgba(59,31,12,.28), rgba(20,11,6,.22)) !important;
    box-shadow:
        inset 0 0 18px rgba(145,82,25,.08),
        0 8px 18px rgba(0,0,0,.16) !important;
}
.reference-news-panel .reference-news-body,
.reference-news-panel .reference-news-footer,
.reference-news-panel .reference-news-row {
    background:transparent !important;
}
.reference-news-panel > .army-news-line-glint {
    z-index:30 !important;
    width:14px !important;
    height:3px !important;
    margin:-1px 0 0 -7px !important;
    border-radius:50% !important;
    background:linear-gradient(90deg,
        rgba(255,190,63,0),
        rgba(255,240,190,.72) 28%,
        rgba(255,255,246,1) 50%,
        rgba(255,205,93,.78) 72%,
        rgba(255,190,63,0)) !important;
    box-shadow:
        0 0 3px rgba(255,250,221,.90),
        0 0 7px rgba(255,193,74,.50) !important;
    opacity:.85 !important;
}

/* GENS: los numeros permanecen arriba. DUPRIAN/VANERT bajan debajo del
   emblema visual de cada familia; debajo va nick y luego pais/puntos.
   Sin cajas opacas para no tapar la ilustracion. */
.army-gens-showcase-bottom .army-gens-side {
    top:0 !important;
    bottom:0 !important;
    width:24% !important;
    height:100% !important;
    display:block !important;
    padding:0 !important;
    background:transparent !important;
}
.army-gens-showcase-bottom .army-gens-side-duprian { left:14px !important; text-align:left !important; }
.army-gens-showcase-bottom .army-gens-side-vanert { right:14px !important; text-align:right !important; }
.army-gens-showcase-bottom .army-gens-score {
    position:absolute !important;
    top:7px !important;
    margin:0 !important;
    font-size:34px !important;
    line-height:.92 !important;
}
.army-gens-showcase-bottom .army-gens-side-duprian .army-gens-score { left:0 !important; }
.army-gens-showcase-bottom .army-gens-side-vanert .army-gens-score { right:0 !important; }
.army-gens-showcase-bottom .army-gens-score-label {
    position:absolute !important;
    top:37% !important;
    margin:0 !important;
    color:#ffd173 !important;
    font:900 13px/1 Georgia,"Times New Roman",serif !important;
    letter-spacing:1.5px !important;
    text-shadow:0 2px 3px #000,0 0 8px rgba(255,187,67,.28) !important;
}
.army-gens-showcase-bottom .army-gens-side-duprian .army-gens-score-label { left:0 !important; color:#ffba63 !important; }
.army-gens-showcase-bottom .army-gens-side-vanert .army-gens-score-label { right:0 !important; color:#93c7ff !important; }
.army-gens-showcase-bottom .army-gens-leader-name,
.army-gens-showcase-bottom .army-gens-leader-name a {
    position:absolute !important;
    top:49% !important;
    margin:0 !important;
    max-width:100% !important;
    color:#fff2c8 !important;
    font:900 20px/1 Georgia,"Times New Roman",serif !important;
    letter-spacing:.2px !important;
    text-decoration:none !important;
    text-shadow:0 2px 3px #000,0 0 9px rgba(255,218,140,.33) !important;
}
.army-gens-showcase-bottom .army-gens-side-duprian .army-gens-leader-name,
.army-gens-showcase-bottom .army-gens-side-duprian .army-gens-leader-name a { left:0 !important; }
.army-gens-showcase-bottom .army-gens-side-vanert .army-gens-leader-name,
.army-gens-showcase-bottom .army-gens-side-vanert .army-gens-leader-name a { right:0 !important; }
.army-gens-showcase-bottom .army-gens-meta {
    position:absolute !important;
    top:61% !important;
    margin:0 !important;
    padding:0 !important;
    gap:7px !important;
    background:transparent !important;
    border:0 !important;
    color:#f7e7bd !important;
    font:900 13px/1 Arial,Helvetica,sans-serif !important;
    text-shadow:0 2px 3px #000,0 0 7px rgba(255,220,150,.20) !important;
}
.army-gens-showcase-bottom .army-gens-side-duprian .army-gens-meta { left:0 !important; }
.army-gens-showcase-bottom .army-gens-side-vanert .army-gens-meta { right:0 !important; }
.army-gens-showcase-bottom .army-gens-meta img {
    width:27px !important;
    height:18px !important;
    border:1px solid rgba(255,228,165,.68) !important;
    box-shadow:0 0 6px rgba(0,0,0,.72) !important;
}
.army-gens-showcase-bottom .army-gens-meta span {
    color:#fff4d9 !important;
    font-size:13px !important;
}

@media (max-width:760px) {
    .army-gens-showcase-bottom .army-gens-score { top:5px !important; font-size:23px !important; }
    .army-gens-showcase-bottom .army-gens-score-label { top:36% !important; font-size:8px !important; letter-spacing:.7px !important; }
    .army-gens-showcase-bottom .army-gens-leader-name,
    .army-gens-showcase-bottom .army-gens-leader-name a { top:49% !important; font-size:11px !important; }
    .army-gens-showcase-bottom .army-gens-meta { top:61% !important; gap:3px !important; font-size:8px !important; }
    .army-gens-showcase-bottom .army-gens-meta span { font-size:8px !important; }
    .army-gens-showcase-bottom .army-gens-meta img { width:16px !important; height:11px !important; }
}

/* =========================================================
   V47 - FIX DEFINITIVO BARRA SUPERIOR FIJA
   El #contentswrap era un stacking context hermano del #gnb y podia
   pintarse encima del menu fijo al hacer scroll. Subimos SOLO el gnb,
   manteniendo el contenido normal por debajo.
   ========================================================= */
#bodywrap > #gnb {
    position: relative !important;
    z-index: 2147482500 !important;
    pointer-events: none !important;
}
#bodywrap > #contentswrap {
    position: relative !important;
    z-index: 2 !important;
}
#top-navigation {
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 2147483000 !important;
    pointer-events: auto !important;
    isolation: isolate !important;
}
#top-navigation ul,
#top-navigation li,
#top-navigation a {
    pointer-events: auto !important;
}

/* =========================================================
   V48 - NOTICIAS MAS HORIZONTAL + VIDEO AUTORECUPERABLE
   ========================================================= */

/* NOTICIAS: conserva su fondo marron sutil, gana ancho y pierde altura.
   El crecimiento por cantidad de noticias sigue siendo automatico. */
@media (min-width:761px) {
    .reference-main-content > .reference-news-panel {
        width: calc(100% + 34px) !important;
        max-width: none !important;
        margin-left: -17px !important;
        margin-right: -17px !important;
        min-height: 108px !important;
        padding-top: 40px !important;
        padding-bottom: 16px !important;
        background: linear-gradient(180deg, rgba(58,30,12,.34), rgba(25,13,7,.28)) !important;
        box-shadow: inset 0 0 14px rgba(145,82,25,.07), 0 6px 14px rgba(0,0,0,.14) !important;
    }
    .reference-main-content > .reference-news-panel.reference-news-count-0,
    .reference-main-content > .reference-news-panel.reference-news-count-1 {
        min-height: 108px !important;
    }
    .reference-main-content > .reference-news-panel.reference-news-count-2 { min-height:132px !important; }
    .reference-main-content > .reference-news-panel.reference-news-count-3 { min-height:156px !important; }
    .reference-main-content > .reference-news-panel.reference-news-count-4 { min-height:180px !important; }
    .reference-main-content > .reference-news-panel.reference-news-count-5 { min-height:204px !important; }
    .reference-main-content > .reference-news-panel.reference-news-count-6 { min-height:228px !important; }
    .reference-main-content > .reference-news-panel.reference-news-count-7 { min-height:252px !important; }
    .reference-news-count-1 .reference-news-row {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    .reference-news-footer {
        min-height: 23px !important;
        padding-top: 4px !important;
        padding-bottom: 3px !important;
    }
}

/* Nunca sustituir los videos de fuego por el poster por una preferencia
   del sistema: el usuario ha pedido mantener movimiento real. */
@media (prefers-reduced-motion: reduce) {
    .reference-premium-fire-video,
    .reference-top-killers-video,
    #main-bg-visual-video {
        display: block !important;
        animation: none !important;
    }
}

/* Ayuda al compositor del navegador a mantener los videos activos sin
   alterar su aspecto ni su posicion. */
#main-bg-visual-video,
.reference-premium-fire-video {
    will-change: transform, opacity !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transform: translateZ(0) !important;
}

/* Conserva el centrado que ya tenia el hero, pues una regla antigua usa
   translateX(-50%) en algunos breakpoints. */
.army-hero-video-banner #main-bg-visual-video {
    transform: translateZ(0) !important;
}
/* V48 correccion de transformaciones GPU sin alterar el layout existente. */
.reference-premium-fire-video {
    transform: translateX(-50%) translateZ(0) !important;
}
.army-hero-video-banner #main-bg-visual-video {
    transform: scale(1.01) translateZ(0) !important;
}
@media screen and (max-width:760px) {
    .army-hero-video-banner #main-bg-visual-video {
        transform: scale(1.01) translateZ(0) !important;
    }
}

/* =========================================================
   V49 - SOLO 3 AJUSTES PEDIDOS
   1) NOTICIAS: MISMO TAMAÑO V48, RECUPERA FONDO NORMAL.
   2) TOP RESET POR RAZA: +30% HORIZONTAL / -20% VERTICAL.
   3) VIDEOS: watchdog visual agresivo, sin cambiar el diseño.
   ========================================================= */

/* NOTICIAS: NO tocar ancho/alto. Solo recuperar un fondo marrón normal,
   limpio y legible dentro del marco ya existente. */
.reference-main-content > .reference-news-panel,
.reference-news-panel {
    background:
        radial-gradient(circle at 50% 10%, rgba(105,56,21,.12), transparent 56%),
        linear-gradient(180deg, rgba(45,25,13,.88), rgba(25,14,8,.88)) !important;
    box-shadow:
        inset 0 0 18px rgba(153,91,37,.08),
        0 6px 14px rgba(0,0,0,.14) !important;
}
.reference-news-panel .reference-news-body,
.reference-news-panel .reference-news-footer,
.reference-news-panel .reference-news-row {
    background:transparent !important;
}

/* TOP RESET POR RAZA: 688px -> 894px (+30% aprox.).
   La altura útil se reduce ~20%, manteniendo centrado y carrusel. */
.pr7-reset-race-section {
    width:894px !important;
    max-width:calc(100% - 20px) !important;
    margin:12px auto 8px !important;
    padding:8px 8px 7px !important;
}
.pr7-reset-race-kicker {
    margin-bottom:4px !important;
    font-size:8px !important;
    letter-spacing:4px !important;
}
.pr7-reset-race-title {
    margin:0 0 7px !important;
    font-size:15px !important;
    line-height:1.05 !important;
    letter-spacing:1.5px !important;
}
.pr7-reset-race-row {
    min-height:134px !important;
    padding-bottom:4px !important;
}
.pr7-reset-race-track {
    gap:10px !important;
}
.pr7-reset-race-row .pr7-race-card {
    flex:0 0 115px !important;
    width:115px !important;
    min-height:0 !important;
}
.pr7-reset-race-row .pr7-race-thumb {
    height:74px !important;
}
.pr7-reset-race-row .pr7-race-meta {
    padding:5px 6px 6px !important;
}
.pr7-reset-race-row .pr7-race-label {
    margin-bottom:4px !important;
    font-size:7px !important;
    line-height:1.05 !important;
}
.pr7-reset-race-row .pr7-race-player,
.pr7-reset-race-row .pr7-race-player a,
.pr7-reset-race-row .pr7-race-resets {
    font-size:8px !important;
    line-height:1.05 !important;
}
.pr7-reset-race-row .pr7-race-resets {
    margin-top:3px !important;
}

/* VIDEOS: impedir que una regla visual del template los oculte o congele.
   La recuperación real está en el watchdog V49 del index.php. */
#main-bg-visual-video,
.reference-premium-fire-video {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    content-visibility:visible !important;
    backface-visibility:hidden !important;
    -webkit-backface-visibility:hidden !important;
    will-change:transform,opacity !important;
}

@media (max-width:760px) {
    .pr7-reset-race-section {
        width:calc(100% - 12px) !important;
        max-width:calc(100% - 12px) !important;
        padding:7px 5px 6px !important;
    }
    .pr7-reset-race-row {
        min-height:130px !important;
    }
}

/* =========================================================
   V50 - GENS: mostrar correctamente nick del #1 de cada faccion
   El contenedor conserva la posicion absoluta; el enlace generado por
   playerProfile() queda en flujo normal para evitar doble absolute.
   ========================================================= */
.army-gens-showcase-bottom .army-gens-leader-name {
    position:absolute !important;
    top:49% !important;
    display:block !important;
    width:auto !important;
    max-width:100% !important;
    min-height:22px !important;
    margin:0 !important;
    z-index:8 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    color:#fff2c8 !important;
    font:900 20px/1 Georgia,"Times New Roman",serif !important;
    text-shadow:0 2px 3px #000,0 0 9px rgba(255,218,140,.33) !important;
}
.army-gens-showcase-bottom .army-gens-leader-name a {
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    display:inline-block !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    color:#fff2c8 !important;
    font:900 20px/1 Georgia,"Times New Roman",serif !important;
    letter-spacing:.2px !important;
    text-decoration:none !important;
    text-shadow:0 2px 3px #000,0 0 9px rgba(255,218,140,.33) !important;
    white-space:nowrap !important;
    visibility:visible !important;
    opacity:1 !important;
}
.army-gens-showcase-bottom .army-gens-side-duprian .army-gens-leader-name { left:0 !important; right:auto !important; text-align:left !important; }
.army-gens-showcase-bottom .army-gens-side-vanert .army-gens-leader-name { right:0 !important; left:auto !important; text-align:right !important; }
.army-gens-showcase-bottom .army-gens-meta {
    top:62.5% !important;
    z-index:8 !important;
}
@media (max-width:760px) {
    .army-gens-showcase-bottom .army-gens-leader-name { top:49% !important; min-height:14px !important; font-size:11px !important; }
    .army-gens-showcase-bottom .army-gens-leader-name a { font-size:11px !important; }
    .army-gens-showcase-bottom .army-gens-meta { top:62% !important; }
}


/* V63 - SOLO ESTILOS NUEVOS PARA USERCP / KUNDUN / DUELOS.
   No modifica Noticias, Rey del MU, Top Killers, Gens ni Top Gens. */
/* =========================================================
   V52 - MODULOS WARLOCK PORTADOS SIN TOCAR EL HOME
   Estilos aislados bajo .army-module-*.
   ========================================================= */
.army-module-shell{box-sizing:border-box;width:100%;margin:10px auto 18px;padding:16px;border:1px solid rgba(171,105,34,.72);background:linear-gradient(180deg,rgba(29,17,9,.96),rgba(11,8,6,.96));box-shadow:inset 0 0 0 1px rgba(255,215,141,.06),0 8px 24px rgba(0,0,0,.28);color:#d6c2a4;text-align:left}
.army-module-head{text-align:center;margin:-2px 0 15px;padding:5px 10px 13px;border-bottom:1px solid rgba(174,111,45,.35)}
.army-module-kicker{color:#d88428;font:700 9px/1 Arial,sans-serif;letter-spacing:4px;margin-bottom:5px}.army-module-head h2{margin:0;color:#f2d28f;font:700 27px/1.05 Georgia,'Times New Roman',serif;letter-spacing:1px;text-shadow:0 1px #fff0be,0 2px #6b2d09,0 0 12px rgba(255,153,53,.18)}.army-module-head p{margin:7px 0 0;color:#ad9678;font:12px/1.45 Arial,sans-serif}
.army-module-notice{padding:12px 14px;margin:12px 0;border:1px solid rgba(190,127,52,.38);background:rgba(37,23,13,.78);font:12px/1.5 Arial,sans-serif}.army-module-warning{color:#e9c887}.army-module-success{color:#99e4a6;border-color:rgba(78,180,91,.45)}.army-module-error{color:#ff9b91;border-color:rgba(205,62,49,.48)}.army-module-notice code{color:#fff0c6;background:#090706;padding:2px 5px}
.army-module-table-wrap{width:100%;overflow:auto;border:1px solid rgba(174,111,45,.3)}.army-module-table{width:100%;border-collapse:collapse;min-width:680px;background:rgba(6,6,5,.66);font:11px/1.35 Arial,sans-serif}.army-module-table th{padding:9px 7px;background:linear-gradient(#302014,#17100b);color:#e9c17e;border:1px solid #4f3928;text-align:center;white-space:nowrap}.army-module-table td{padding:8px 7px;border:1px solid #3e3329;color:#cbb99f;text-align:center}.army-module-table tbody tr:nth-child(even){background:rgba(83,61,43,.22)}.army-module-table tbody tr:hover{background:rgba(158,92,30,.14)}.army-yes{color:#63d975;font-weight:900}.army-no{color:#d85d52;font-weight:900;font-size:16px}
.army-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.army-payment-card{display:block;padding:20px 16px;border:1px solid #745028;background:linear-gradient(180deg,#24160d,#0e0b08);text-decoration:none!important;text-align:center;transition:.18s ease}.army-payment-card strong{display:block;color:#f0cf91;font:700 18px Georgia,serif}.army-payment-card span{display:block;margin-top:5px;color:#9c876d;font:11px Arial}.army-payment-card:hover{transform:translateY(-2px);border-color:#c28a43;box-shadow:0 0 14px rgba(213,139,53,.12)}
.army-payment-data{display:grid;gap:7px;margin:12px 0}.army-payment-data>div{display:flex;justify-content:space-between;gap:15px;padding:10px;border-bottom:1px solid #443221;background:rgba(0,0,0,.22)}.army-payment-data span{color:#c8873c;font-weight:700}.army-payment-data strong{color:#eee0c9}.army-payment-qr{text-align:center;margin:12px}.army-payment-qr img{max-width:230px;height:auto}.army-module-button{display:block;width:100%;box-sizing:border-box;margin-top:14px;padding:11px 14px;border:1px solid #a66b29;background:linear-gradient(#8b1a12,#440705);color:#fff0d2!important;text-align:center;text-decoration:none!important;font:700 13px Georgia,serif;letter-spacing:.8px;cursor:pointer}.army-module-button:hover{filter:brightness(1.16)}
.army-paypal-form,.army-gift-form{max-width:420px;margin:0 auto}.army-paypal-form label,.army-gift-form label{display:block;margin:11px 0 5px;color:#dca65b;font:700 10px Arial;letter-spacing:1px}.army-paypal-form input,.army-gift-form input,.army-gift-form select{width:100%;box-sizing:border-box;height:38px;padding:7px 9px;border:1px solid #59422d;background:#090807;color:#e9ddca;outline:none}.army-paypal-form input:focus,.army-gift-form input:focus,.army-gift-form select:focus{border-color:#b97b35;box-shadow:0 0 8px rgba(201,129,47,.15)}
.army-module-tos ol{padding-left:22px}.army-module-tos li{margin:0 0 12px}.army-module-tos strong{color:#e3b86f}.army-module-tos p{color:#b9a58a;line-height:1.5}
@media(max-width:760px){.army-module-shell{padding:11px;margin:8px auto}.army-module-head h2{font-size:21px}.army-payment-grid{grid-template-columns:1fr}.army-module-table{font-size:10px}}

/* =========================================================
   V53 - USERCP COMPACTO + VIP ORO / PREMIUM
   Solo interfaz del panel autenticado. No altera HOME/rankings.
   ========================================================= */
.army-usercp-page-title {
    margin-bottom:12px !important;
}
.army-usercp-dashboard {
    width:100%;
    box-sizing:border-box;
    color:#d8c6ae;
}
.army-usercp-overview {
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(150px,.75fr);
    gap:10px;
    margin:0 0 14px;
}
.army-usercp-account-card,
.army-usercp-account-stats,
.army-usercp-character-card,
.army-usercp-action {
    box-sizing:border-box;
    border:1px solid rgba(177,112,47,.58);
    background:linear-gradient(180deg,rgba(35,21,13,.93),rgba(12,9,7,.95));
    box-shadow:inset 0 0 12px rgba(207,134,52,.06),0 4px 10px rgba(0,0,0,.24);
}
.army-usercp-account-card {
    position:relative;
    min-height:92px;
    padding:13px 15px;
    overflow:hidden;
}
.army-usercp-account-card:after {
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;
    height:2px;
    background:linear-gradient(90deg,transparent,#c98229,#f1cd82,#c98229,transparent);
    opacity:.75;
}
.army-usercp-account-kicker {
    margin-bottom:3px;
    font-size:9px;
    font-weight:700;
    letter-spacing:1.8px;
    color:#a77b50;
}
.army-usercp-account-name {
    font:700 20px/24px Georgia,"Times New Roman",serif;
    color:#f0dbc0;
    text-shadow:0 1px 2px #000;
}
.army-usercp-status-row {
    display:flex;
    align-items:center;
    gap:7px;
    margin-top:8px;
    flex-wrap:wrap;
}
.army-usercp-status,
.army-usercp-vip {
    display:inline-flex;
    align-items:center;
    min-height:21px;
    padding:2px 8px;
    border:1px solid rgba(255,255,255,.10);
    font-size:9px;
    font-weight:800;
    letter-spacing:.7px;
    box-sizing:border-box;
}
.army-usercp-status.online { color:#8dea9b; border-color:rgba(76,190,97,.38); background:rgba(27,95,38,.28); }
.army-usercp-status.offline { color:#ef8e83; border-color:rgba(184,64,52,.38); background:rgba(89,25,20,.28); }
.army-usercp-vip.none { color:#aaa09a; background:rgba(70,65,61,.24); }
.army-usercp-vip.gold { color:#ffd98b; border-color:rgba(214,155,57,.56); background:linear-gradient(180deg,rgba(139,82,16,.40),rgba(76,42,8,.34)); box-shadow:0 0 10px rgba(210,145,45,.09); }
.army-usercp-vip.premium { color:#fff0c8; border-color:rgba(237,195,104,.66); background:linear-gradient(180deg,rgba(112,74,22,.54),rgba(44,25,7,.48)); box-shadow:0 0 12px rgba(255,199,89,.14); }
.army-usercp-vip.expired { filter:saturate(.4); opacity:.72; }
.army-usercp-vip-expire { margin-top:6px; font-size:9px; color:#9e8a73; }
.army-usercp-account-stats {
    display:grid;
    grid-template-columns:1fr;
    padding:7px 10px;
}
.army-usercp-account-stats > div {
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:36px;
    border-bottom:1px solid rgba(139,86,40,.20);
}
.army-usercp-account-stats > div:last-child { border-bottom:0; }
.army-usercp-account-stats span { font-size:9px; color:#8e7b69; letter-spacing:.6px; }
.army-usercp-account-stats strong { font-size:11px; color:#e8c993; text-align:right; }
.army-usercp-section-head {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:10px;
    margin:14px 0 8px;
    padding:0 2px 6px;
    border-bottom:1px solid rgba(172,107,47,.40);
}
.army-usercp-section-head > div { min-width:0; }
.army-usercp-section-head span { display:block; font:700 13px/17px Georgia,"Times New Roman",serif; color:#e5c79a; letter-spacing:.6px; }
.army-usercp-section-head small { display:block; margin-top:1px; font-size:9px; color:#81756b; }
.army-usercp-section-head > a { flex:0 0 auto; font-size:9px; color:#c99459 !important; }
.army-usercp-character-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}
.army-usercp-character-card {
    display:flex;
    align-items:center;
    min-height:86px;
    padding:8px;
    overflow:hidden;
}
.army-usercp-character-avatar {
    position:relative;
    flex:0 0 64px;
    width:64px;
    height:64px;
    margin-right:9px;
    border:1px solid rgba(205,142,69,.50);
    background:#0e0a07;
    overflow:hidden;
}
.army-usercp-character-avatar img { display:block; width:64px; height:64px; object-fit:cover; }
.army-usercp-character-avatar i {
    position:absolute;
    right:4px;
    bottom:4px;
    width:8px;
    height:8px;
    border-radius:50%;
    border:1px solid #111;
    box-shadow:0 0 5px rgba(0,0,0,.9);
}
.army-usercp-character-avatar i.online { background:#53d66e; box-shadow:0 0 7px rgba(83,214,110,.65); }
.army-usercp-character-avatar i.offline { background:#a53d35; }
.army-usercp-character-copy { min-width:0; flex:1; }
.army-usercp-character-copy > strong,
.army-usercp-character-copy > strong a,
.army-usercp-character-copy > a {
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#f0d6ad !important;
    font-size:13px;
    font-weight:700;
}
.army-usercp-character-copy > span { display:block; margin-top:1px; color:#9d8a77; font-size:9px; }
.army-usercp-character-meta { display:flex; flex-wrap:wrap; gap:4px 7px; margin-top:7px; align-items:center; }
.army-usercp-character-meta b { font-size:8px; color:#d0a76f; font-weight:700; }
.army-usercp-character-meta em { flex-basis:100%; color:#766c64; font-size:8px; font-style:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.army-usercp-empty { padding:18px; text-align:center; border:1px solid rgba(156,94,42,.30); background:rgba(15,10,7,.55); color:#8f8175; font-size:10px; }
.army-usercp-actions-head { margin-top:16px; }
.army-usercp-actions {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
}
.army-usercp-action {
    display:flex;
    align-items:center;
    min-height:43px;
    padding:6px 9px;
    color:#cdbca7 !important;
    text-decoration:none !important;
    transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.army-usercp-action:hover {
    border-color:#c68845;
    background:linear-gradient(180deg,rgba(56,30,14,.96),rgba(17,10,6,.98));
    transform:translateY(-1px);
}
.army-usercp-action img,
.army-usercp-action-texticon {
    flex:0 0 28px;
    width:28px;
    height:28px;
    margin-right:8px;
    object-fit:contain;
}
.army-usercp-action-texticon {
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #895521;
    background:#311807;
    color:#efc276;
    font-size:9px;
    font-weight:800;
}
.army-usercp-action > span:last-child { min-width:0; font-size:10px; line-height:13px; }

/* MI CUENTA lateral: sustituye la lista larga por resumen + accesos principales. */
.reference-right-login .reference-usercp-box { padding:10px 9px !important; }
.army-account-mini { position:relative; z-index:2; }
.army-account-mini-top { display:flex; align-items:center; justify-content:space-between; gap:6px; padding-bottom:7px; border-bottom:1px solid rgba(126,78,36,.28); }
.army-account-mini-top small { display:block; font-size:8px; letter-spacing:1px; color:#7f6d5e; }
.army-account-mini-top strong { display:block; max-width:118px; margin-top:1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#e3c69e; font-size:12px; }
.army-account-mini-state { flex:0 0 auto; padding:2px 5px; border:1px solid; font-size:7px; font-weight:800; letter-spacing:.5px; }
.army-account-mini-state.online { color:#7ee38e; border-color:rgba(75,181,91,.38); background:rgba(23,92,35,.26); }
.army-account-mini-state.offline { color:#e47d73; border-color:rgba(173,60,50,.34); background:rgba(86,23,18,.24); }
.army-account-mini-vip { position:relative; margin-top:8px; padding:7px 8px; border:1px solid rgba(123,85,48,.35); background:rgba(15,10,7,.68); }
.army-account-mini-vip span { display:block; font-size:7px; letter-spacing:.9px; color:#806f5e; }
.army-account-mini-vip strong { display:block; margin-top:2px; font:700 13px/16px Georgia,"Times New Roman",serif; }
.army-account-mini-vip small { display:block; margin-top:2px; font-size:7px; }
.army-account-mini-vip.none strong { color:#a2978e; }
.army-account-mini-vip.gold { border-color:rgba(196,130,46,.48); background:linear-gradient(180deg,rgba(89,48,8,.42),rgba(30,17,7,.58)); }
.army-account-mini-vip.gold strong { color:#f1c66e; }
.army-account-mini-vip.gold small { color:#a9824c; }
.army-account-mini-vip.premium { border-color:rgba(232,184,91,.58); background:linear-gradient(180deg,rgba(105,68,15,.46),rgba(34,20,6,.64)); box-shadow:inset 0 0 10px rgba(255,202,97,.05); }
.army-account-mini-vip.premium strong { color:#ffe2a3; text-shadow:0 0 7px rgba(255,185,66,.16); }
.army-account-mini-vip.premium small { color:#b9965d; }
.army-account-mini-vip.expired { opacity:.68; filter:saturate(.45); }
.army-account-mini-count { display:flex; align-items:center; justify-content:space-between; margin-top:7px; padding:5px 1px; }
.army-account-mini-count span { font-size:8px; color:#837366; }
.army-account-mini-count strong { color:#d3ac77; font-size:12px; }
.army-account-mini-links { display:grid; grid-template-columns:1fr 1fr; gap:5px; margin-top:4px; }
.army-account-mini-links a { display:flex; align-items:center; justify-content:center; min-height:27px; padding:3px 4px; border:1px solid rgba(128,77,34,.48); background:rgba(27,14,8,.78); color:#c9aa80 !important; font-size:8px; font-weight:700; text-decoration:none !important; }
.army-account-mini-links a:hover { border-color:#b67635; color:#f0c786 !important; background:rgba(56,27,10,.86); }
.reference-right-login .reference-logout { position:relative; z-index:2; margin-top:7px !important; padding:6px 8px !important; font-size:10px !important; }

@media (max-width:760px) {
    .army-usercp-overview,
    .army-usercp-character-grid,
    .army-usercp-actions { grid-template-columns:1fr; }
    .army-usercp-account-stats { grid-template-columns:1fr 1fr; }
    .army-usercp-account-stats > div { padding:0 7px; border-bottom:0; border-right:1px solid rgba(139,86,40,.20); }
    .army-usercp-account-stats > div:last-child { border-right:0; }
}


/* =========================================================
   V54 - ACCESOS A MODULOS + MI CUENTA DETALLADA + LIGAS
   ========================================================= */
.army-services-access {
    margin: 5px 0 0;
    padding: 7px;
    border: 1px solid rgba(171,105,42,.55);
    background: rgba(12,8,5,.70);
    box-shadow: inset 0 0 12px rgba(255,183,74,.025);
}
.army-services-title {
    margin: 0 0 6px;
    text-align: center;
    font: 700 10px/15px Georgia,"Times New Roman",serif;
    letter-spacing: 1.3px;
    color: #d9b47b;
}
.army-services-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
}
.army-services-grid a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    box-sizing: border-box;
    padding: 4px 5px;
    border: 1px solid rgba(157,91,33,.55);
    background: linear-gradient(180deg, rgba(55,24,10,.93), rgba(22,10,7,.94));
    color: #d3b181 !important;
    font: 700 8px/11px Arial,sans-serif;
    text-align: center;
    text-decoration: none !important;
    letter-spacing: .35px;
}
.army-services-grid a:hover,
.army-services-grid a:focus {
    color: #ffe0a0 !important;
    border-color: rgba(218,151,67,.85);
    background: linear-gradient(180deg, rgba(84,40,14,.95), rgba(35,15,7,.97));
}

.army-myaccount,
.army-ranking-module,
.army-chat-module {
    width: 100%;
    box-sizing: border-box;
    color: #c8b39b;
}
.army-myaccount-heading,
.army-mycharacters-title,
.army-ranking-head {
    margin-bottom: 10px;
    padding: 9px 12px;
    border-left: 3px solid #b8742d;
    border-bottom: 1px solid rgba(160,92,35,.35);
    background: rgba(20,13,9,.68);
}
.army-myaccount-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}
.army-myaccount-heading small,
.army-mycharacters-title small,
.army-ranking-head small {
    display: block;
    color: #8e7357;
    font-size: 8px;
    letter-spacing: 1.4px;
}
.army-myaccount-heading h2,
.army-mycharacters-title h2,
.army-ranking-head h2 {
    margin: 1px 0 0;
    color: #e4c18d;
    font: 700 18px/22px Georgia,"Times New Roman",serif;
    letter-spacing: .8px;
}
.army-ranking-head p {
    margin: 5px 0 0;
    color: #8f8174;
    font-size: 10px;
}
.army-myaccount-vip {
    flex: 0 0 auto;
    padding: 5px 8px;
    border: 1px solid rgba(120,85,49,.45);
    background: rgba(17,11,8,.85);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .6px;
}
.army-myaccount-vip.none,
.army-vip-text.none { color: #a3988e; }
.army-myaccount-vip.gold,
.army-vip-text.gold { color: #f2c66c; border-color: rgba(204,143,53,.52); }
.army-myaccount-vip.premium,
.army-vip-text.premium { color: #ffe4a7; border-color: rgba(232,187,93,.62); }

.army-account-table {
    border: 1px solid rgba(137,83,40,.36);
    background: rgba(12,9,7,.64);
}
.army-account-row {
    display: grid;
    grid-template-columns: minmax(145px, .85fr) minmax(160px, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 39px;
    padding: 6px 11px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(108,73,48,.22);
}
.army-account-row:last-child { border-bottom: 0; }
.army-account-row > span { color: #9d8c79; font-size: 10px; font-weight: 700; }
.army-account-row > strong { color: #d8c4aa; font-size: 10px; font-weight: 600; overflow-wrap: anywhere; }
.army-account-row > strong.good,
.army-ranking-table .good { color: #6ed27c !important; }
.army-account-row > strong.bad,
.army-ranking-table .bad { color: #e56f62 !important; }
.army-account-row > a {
    min-width: 58px;
    padding: 4px 7px;
    border: 1px solid rgba(164,103,48,.55);
    background: rgba(46,23,10,.78);
    color: #d9b47d !important;
    text-align: center;
    text-decoration: none !important;
    font-size: 8px;
    font-weight: 700;
}
.army-mycharacters-title { margin-top: 18px; }
.army-mycharacters-list { display: grid; gap: 11px; }
.army-character-detail {
    overflow: hidden;
    border: 1px solid rgba(137,83,40,.38);
    background: linear-gradient(180deg, rgba(20,13,9,.82), rgba(10,8,6,.76));
    box-shadow: 0 5px 14px rgba(0,0,0,.18);
}
.army-character-detail > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 10px;
    border-bottom: 1px solid rgba(156,93,37,.36);
    background: rgba(30,16,8,.55);
}
.army-character-detail > header span { display:block; color:#846e59; font-size:7px; letter-spacing:1px; }
.army-character-detail > header strong,
.army-character-detail > header strong a,
.army-character-detail > header a { color:#dfbd8c !important; font-size:12px; text-decoration:none !important; }
.army-character-detail > header i {
    width: 8px; height: 8px; border-radius: 50%; background:#9c3b35;
    box-shadow: 0 0 5px rgba(156,59,53,.4);
}
.army-character-detail > header i.online { background:#58d36c; box-shadow:0 0 6px rgba(88,211,108,.65); }
.army-character-detail-body {
    display: grid;
    grid-template-columns: 118px 1fr;
    gap: 15px;
    align-items: center;
    padding: 12px;
}
.army-character-portrait { text-align:center; }
.army-character-portrait img {
    display:block;
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    border:3px solid #1a120d;
    outline:1px solid rgba(171,104,43,.43);
}
.army-character-portrait small { display:block; margin-top:6px; color:#a38869; font-size:8px; }
.army-character-stats { display:grid; gap:7px; }
.army-stat-line {
    display:grid;
    grid-template-columns:75px 1fr;
    gap:8px;
    align-items:center;
}
.army-stat-line > span { font-size:9px; font-weight:700; color:#ae9070; }
.army-stat-line > div {
    position:relative;
    height:20px;
    overflow:hidden;
    border:1px solid rgba(139,84,40,.45);
    background:rgba(4,4,4,.72);
}
.army-stat-line b {
    position:absolute;
    inset:0 auto 0 0;
    background:linear-gradient(90deg, rgba(143,74,20,.78), rgba(213,145,57,.82));
}
.army-stat-line em {
    position:relative;
    z-index:2;
    display:block;
    line-height:20px;
    padding-right:7px;
    color:#f0d1a3;
    text-align:right;
    font-style:normal;
    font-size:9px;
    font-weight:700;
}
.army-character-detail > footer {
    display:grid;
    grid-template-columns:repeat(5, minmax(0,1fr));
    border-top:1px solid rgba(132,80,38,.30);
    background:rgba(7,6,5,.48);
}
.army-character-detail > footer > div { padding:8px 7px; border-right:1px solid rgba(113,72,40,.22); }
.army-character-detail > footer > div:last-child { border-right:0; }
.army-character-detail > footer span { display:block; color:#7e6c5a; font-size:7px; text-transform:uppercase; }
.army-character-detail > footer strong { display:block; margin-top:2px; color:#ccb08b; font-size:9px; overflow-wrap:anywhere; }
.army-myaccount-empty,
.army-ranking-empty { padding:18px !important; text-align:center; color:#8c7d6d !important; }

.army-ranking-scroll { width:100%; overflow-x:auto; }
.army-ranking-table {
    width:100%;
    min-width:650px;
    border-collapse:collapse;
    background:rgba(10,8,6,.60);
}
.army-ranking-table th {
    padding:8px 7px;
    border-bottom:1px solid rgba(177,104,42,.52);
    background:rgba(42,22,10,.72);
    color:#d4b181;
    font-size:8px;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:.4px;
}
.army-ranking-table td {
    padding:7px;
    border-bottom:1px solid rgba(104,70,43,.22);
    color:#bca58d;
    font-size:9px;
    text-align:center;
    vertical-align:middle;
}
.army-ranking-table tbody tr:nth-child(even) td { background:rgba(33,23,16,.34); }
.army-ranking-table tbody tr:hover td { background:rgba(80,45,18,.28); }
.army-rank-pos { color:#efc46f; font-size:10px; }
.army-rank-player { text-align:left !important; white-space:nowrap; }
.army-rank-player img { width:28px !important; height:28px !important; object-fit:cover; vertical-align:middle; margin-right:6px; border-radius:50%; }
.army-rank-player a { color:#d9bd96 !important; text-decoration:none !important; }
.army-rank-guild { display:flex; align-items:center; gap:6px; text-align:left !important; }
.army-rank-guild > span { display:block; }
.army-rank-guild strong { display:block; color:#c7ab85; font-size:9px; }
.army-rank-guild small { display:block; margin-top:1px; color:#7f7469; font-size:7px; }
.army-rank-flag { width:22px; height:auto; }
.army-league-icon { display:block; width:38px; height:38px; object-fit:contain; margin:0 auto 2px; }
.army-league-name { display:block; color:#ad8f67; font-size:7px; white-space:nowrap; }
.army-elo { display:block; margin-top:2px; color:#8c755c; font-size:7px; }
.army-module-notice.army-module-error {
    padding:12px;
    border:1px solid rgba(170,67,49,.45);
    background:rgba(80,25,18,.32);
    color:#e08a7d;
    font-size:10px;
}

.army-chat-grid {
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:9px;
}
.army-chat-card {
    min-height:75px;
    box-sizing:border-box;
    padding:13px 10px;
    border:1px solid rgba(153,91,39,.43);
    background:rgba(16,11,8,.70);
    text-decoration:none !important;
}
.army-chat-card strong { display:block; color:#d8b57e; font-size:11px; }
.army-chat-card span { display:block; margin-top:5px; color:#8d7c6c; font-size:8px; line-height:12px; }
.army-chat-card.active:hover { border-color:#c38543; background:rgba(52,27,12,.72); }
.army-chat-card.disabled { opacity:.52; }

@media (max-width: 760px) {
    .army-account-row { grid-template-columns:1fr; gap:3px; padding:9px; }
    .army-account-row > a { justify-self:start; }
    .army-character-detail-body { grid-template-columns:88px 1fr; gap:10px; }
    .army-stat-line { grid-template-columns:58px 1fr; }
    .army-character-detail > footer { grid-template-columns:1fr 1fr; }
    .army-chat-grid { grid-template-columns:1fr; }
}


/* V58 UserCP: créditos y sistemas agregados fuera del JSON para que siempre sean visibles. */
.army-usercp-credit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin:0 0 12px; }
.army-usercp-credit-card { padding:8px 9px; border:1px solid rgba(146,89,40,.42); background:rgba(13,9,7,.72); }
.army-usercp-credit-card span { display:block; color:#806e5e; font-size:7px; text-transform:uppercase; letter-spacing:.5px; }
.army-usercp-credit-card strong { display:block; margin-top:2px; color:#e0bb82; font-size:12px; }
.army-usercp-system-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin-top:7px; }
.army-usercp-system-action { display:flex; align-items:center; gap:8px; min-height:42px; box-sizing:border-box; padding:7px 9px; border:1px solid rgba(142,84,35,.48); background:linear-gradient(180deg,rgba(49,25,11,.86),rgba(16,10,7,.94)); color:#ccb18b !important; text-decoration:none !important; }
.army-usercp-system-action b { flex:0 0 30px; display:flex; align-items:center; justify-content:center; width:30px; height:28px; border:1px solid rgba(176,107,44,.50); background:rgba(74,34,11,.66); color:#edc27c; font-size:8px; }
.army-usercp-system-action span { min-width:0; font-size:9px; font-weight:700; }
.army-usercp-system-action:hover { border-color:#c5823b; color:#f0ce99 !important; }
.army-myaccount-system-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; margin:-2px 0 10px; }
.army-myaccount-system-nav a { display:flex; align-items:center; justify-content:center; min-height:31px; padding:4px; border:1px solid rgba(147,88,38,.50); background:rgba(35,18,9,.82); color:#cba97d !important; font-size:8px; font-weight:800; text-align:center; text-decoration:none !important; }
.army-myaccount-system-nav a:hover { border-color:#c47d37; color:#f3ce91 !important; }

/* V58 Rankings: buscador y hub de módulos visibles. */
.army-rankings-hub { width:100%; box-sizing:border-box; }
.army-rankings-hub-head { padding:10px 12px; border-left:3px solid #b8742d; background:rgba(20,13,9,.68); }
.army-rankings-hub-head small { display:block; color:#8d7359; font-size:8px; letter-spacing:1.2px; }
.army-rankings-hub-head h2 { margin:2px 0; color:#e5c08a; font:700 18px/22px Georgia,"Times New Roman",serif; }
.army-rankings-hub-head p { margin:3px 0 0; color:#8c7d6e; font-size:9px; }
.army-rankings-hub-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:9px; }
.army-rankings-hub-card { min-height:72px; padding:10px; box-sizing:border-box; border:1px solid rgba(139,84,38,.44); background:linear-gradient(180deg,rgba(37,20,10,.82),rgba(12,8,6,.90)); text-decoration:none !important; }
.army-rankings-hub-card strong { display:block; color:#dcb57d; font-size:11px; }
.army-rankings-hub-card span { display:block; margin-top:4px; color:#88796c; font-size:8px; line-height:11px; }
.army-rankings-hub-card:hover { border-color:#bd7938; background:linear-gradient(180deg,rgba(62,31,11,.88),rgba(18,10,6,.94)); }
.army-ranking-toolbar { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 0 8px; }
.army-ranking-toolbar span { color:#8e7a63; font-size:8px; }
.army-ranking-search { width:160px; max-width:55%; height:28px; box-sizing:border-box; padding:4px 8px; border:1px solid rgba(141,86,41,.50); background:rgba(8,7,6,.82); color:#e0c39c; font-size:9px; outline:none; }
.army-ranking-search:focus { border-color:#bd7938; box-shadow:0 0 7px rgba(193,121,54,.12); }

/* Donation hub */
.army-donation-intro { margin-bottom:9px; padding:8px 10px; border:1px solid rgba(136,84,39,.38); background:rgba(13,9,7,.64); color:#938170; font-size:9px; line-height:13px; }
.army-payment-card b { display:block; margin-top:6px; color:#b78c59; font-size:8px; }

@media (max-width:760px) {
    .army-home-service-row,
    .army-usercp-system-actions,
    .army-rankings-hub-grid { grid-template-columns:1fr; }
    .army-home-credit-grid,
    .army-account-mini-credits,
    .army-usercp-credit-grid { grid-template-columns:1fr; }
    .army-home-rank-row,
    .army-home-rank-row.league { grid-template-columns:25px minmax(0,1fr) auto; }
    .army-home-rank-row .guild { display:none; }
    .army-home-rank-row > em { display:none; }
    .army-home-rank-row.league img.badge { grid-column:3; }
    .army-home-tools { grid-template-columns:1fr 1fr; }
    .army-myaccount-system-nav { grid-template-columns:1fr 1fr; }
}


/* =========================================================
   V60 - RANKING KUNDUN 275 + ULTIMOS DUELOS EN HOME
   Orden: TOP KILLERS -> KUNDUN -> ULTIMOS DUELOS -> NOTICIAS
   ========================================================= */
.army-kundun-card { margin-top:0; }
.army-kundun-grid {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:9px;
}
.army-kundun-map {
    min-width:0;
    border:1px solid rgba(148,88,37,.48);
    background:linear-gradient(180deg,rgba(36,16,7,.90),rgba(8,6,5,.96));
    box-shadow:inset 0 0 18px rgba(123,31,5,.13);
}
.army-kundun-map-head {
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:6px;
    padding:5px 7px;
    border-bottom:1px solid rgba(145,83,34,.38);
    background:rgba(9,6,4,.60);
}
.army-kundun-map-head strong { display:block; color:#efc078; font:900 12px/14px Georgia,"Times New Roman",serif; letter-spacing:.5px; }
.army-kundun-map-head span { display:block; color:#8e7458; font:700 7px/9px Arial,sans-serif; letter-spacing:.5px; }
.army-kundun-map-head a { flex:0 0 auto; color:#bd8a52 !important; font:800 7px/9px Arial,sans-serif; text-decoration:none !important; }
.army-kundun-map-head a:hover { color:#f0c17d !important; }
.army-kundun-latest {
    padding:9px 8px 8px;
    text-align:center;
    background:radial-gradient(circle at 50% 15%,rgba(218,73,11,.18),transparent 58%);
    border-bottom:1px solid rgba(119,68,31,.28);
}
.army-kundun-last-label { display:block; color:#b49370; font:900 7px/9px Arial,sans-serif; letter-spacing:.55px; }
.army-kundun-time {
    display:block;
    margin:2px 0 5px;
    color:#ffb849;
    font:900 27px/29px Georgia,"Times New Roman",serif;
    letter-spacing:1px;
    text-shadow:0 2px 0 #4e1702,0 0 10px rgba(255,98,14,.48),0 3px 5px #000;
}
.army-kundun-last-player { display:flex; align-items:center; justify-content:center; gap:7px; min-width:0; }
.army-kundun-guildmark { flex:0 0 32px; }
.army-kundun-guildmark img { display:block; width:32px !important; height:32px !important; }
.army-kundun-last-player > div { min-width:0; text-align:left; }
.army-kundun-last-player b,.army-kundun-last-player b a { color:#f0d29d !important; font:900 11px/13px Georgia,"Times New Roman",serif; text-decoration:none !important; }
.army-kundun-last-player small { display:block; max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#947e67; font:700 7px/10px Arial,sans-serif; }
.army-kundun-ranking { padding:4px 6px 7px; }
.army-kundun-row {
    display:grid;
    grid-template-columns:22px minmax(0,1fr) 48px 48px;
    align-items:center;
    gap:3px;
    min-height:30px;
    border-bottom:1px solid rgba(111,72,40,.20);
}
.army-kundun-row:last-child { border-bottom:0; }
.army-kundun-row > b { color:#d89443; font-size:8px; text-align:center; }
.army-kundun-player { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#cdb18c; font-size:8px; }
.army-kundun-player a { color:#d9bd98 !important; text-decoration:none !important; }
.army-kundun-player small { display:block; overflow:hidden; text-overflow:ellipsis; color:#776b5f; font-size:6px; line-height:8px; }
.army-kundun-row > strong { color:#d69042; font-size:7px; text-align:right; white-space:nowrap; }
.army-kundun-row > time { color:#ffb64d; font:900 8px/10px Consolas,"Courier New",monospace; text-align:right; white-space:nowrap; }
.army-kundun-empty { padding:18px 8px; color:#857565; font-size:8px; text-align:center; }
.army-kundun-empty.small { padding:8px; }

.army-recent-duels-list { position:relative; z-index:2; padding:6px 8px 4px; }
.army-recent-duel-row {
    display:grid;
    grid-template-columns:66px minmax(0,1fr) 24px minmax(0,1fr);
    align-items:center;
    gap:5px;
    min-height:45px;
    padding:4px 3px;
    border-bottom:1px solid rgba(116,74,39,.25);
}
.army-recent-duel-row:last-child { border-bottom:0; }
.army-recent-duel-row > time { text-align:center; }
.army-recent-duel-row > time b { display:block; color:#ffb94e; font:900 13px/14px Consolas,"Courier New",monospace; text-shadow:0 0 7px rgba(255,111,22,.30); }
.army-recent-duel-row > time small { display:block; color:#75685d; font-size:6px; line-height:8px; }
.army-duel-fighter { min-width:0; }
.army-duel-fighter span { display:block; font-size:6px; line-height:8px; font-weight:900; letter-spacing:.5px; }
.army-duel-fighter.winner span { color:#79bd79; }
.army-duel-fighter.loser span { color:#bb6d64; }
.army-duel-fighter strong,.army-duel-fighter strong a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#d9bea0 !important; font-size:8px; text-decoration:none !important; }
.army-duel-fighter small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#746b62; font-size:6px; }
.army-duel-versus { color:#a66a34; font:900 8px/10px Georgia,serif; text-align:center; }
.army-recent-duels-footer { position:relative; z-index:2; padding:0 8px 8px; text-align:right; }
.army-recent-duels-footer a { color:#b48655 !important; font-size:7px; font-weight:800; text-decoration:none !important; }
.army-recent-duels-footer a:hover { color:#e8bb7e !important; }

.army-home-tools { grid-template-columns:repeat(5,1fr); }

/* Pagina completa Ranking Kundun */
.army-kundun-module-head { padding:10px 12px; border-left:3px solid #b8742d; background:rgba(20,13,9,.68); }
.army-kundun-module-head small { display:block; color:#8d7359; font-size:8px; letter-spacing:1.2px; }
.army-kundun-module-head h2 { margin:2px 0; color:#e5c08a; font:700 18px/22px Georgia,"Times New Roman",serif; }
.army-kundun-module-head p { margin:3px 0 0; color:#8c7d6e; font-size:9px; }
.army-kundun-module-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:9px; }
.army-kundun-module-map { border:1px solid rgba(139,84,38,.44); background:rgba(13,9,7,.72); padding:8px; }
.army-kundun-module-map h3 { margin:0 0 6px; color:#ddb477; font:700 13px/16px Georgia,"Times New Roman",serif; }
.army-kundun-module-table { width:100%; border-collapse:collapse; }
.army-kundun-module-table th,.army-kundun-module-table td { padding:5px 3px; border-bottom:1px solid rgba(110,74,44,.23); font-size:8px; text-align:left; }
.army-kundun-module-table th { color:#92795f; font-size:7px; text-transform:uppercase; }
.army-kundun-module-table td { color:#bba184; }
.army-kundun-module-table td.kills { color:#dda255; font-weight:900; text-align:center; }
.army-kundun-module-table td.hour { color:#ffb84c; font:900 9px/11px Consolas,"Courier New",monospace; text-align:right; }

@media (max-width:760px) {
    .army-kundun-grid,.army-kundun-module-grid { grid-template-columns:1fr; }
    .army-kundun-time { font-size:24px; }
    .army-recent-duel-row { grid-template-columns:58px minmax(0,1fr) 20px minmax(0,1fr); }
    .army-home-tools { grid-template-columns:1fr 1fr; }
}


/* =========================================================
   V64 - KUNDUN: ULTIMAS 5 MUERTES POR ZONA
   ========================================================= */
.army-kundun-map-head { min-height:34px; }
.army-kundun-map-head strong { font-size:13px; line-height:16px; }
.army-kundun-map-head span { display:none !important; }
.army-kundun-recent-title,
.army-kundun-ranking-title {
    padding:6px 8px 4px;
    color:#b98c5b;
    font:900 7px/9px Arial,sans-serif;
    letter-spacing:.75px;
    border-bottom:1px solid rgba(126,78,39,.28);
    background:rgba(16,10,7,.58);
}
.army-kundun-ranking-title { border-top:1px solid rgba(126,78,39,.28); }
.army-kundun-recent { padding:2px 6px 6px; }
.army-kundun-recent-row {
    display:grid;
    grid-template-columns:62px 24px minmax(0,1fr) 62px;
    align-items:center;
    gap:5px;
    min-height:34px;
    padding:3px 2px;
    border-bottom:1px solid rgba(111,72,40,.20);
}
.army-kundun-recent-row:last-child { border-bottom:0; }
.army-kundun-recent-pos {
    color:#b3814e;
    font:900 7px/9px Arial,sans-serif;
    letter-spacing:.25px;
    white-space:nowrap;
}
.army-kundun-recent-mark { width:22px; height:22px; overflow:hidden; }
.army-kundun-recent-mark img { display:block; width:22px !important; height:22px !important; }
.army-kundun-recent-player {
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#d1b591;
    font-size:8px;
}
.army-kundun-recent-player a { color:#e0c49f !important; text-decoration:none !important; }
.army-kundun-recent-player small {
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#7e7164;
    font-size:6px;
    line-height:8px;
}
.army-kundun-recent-row > time { text-align:right; white-space:nowrap; }
.army-kundun-recent-row > time b {
    display:block;
    color:#ffb64d;
    font:900 9px/11px Consolas,"Courier New",monospace;
}
.army-kundun-recent-row > time small {
    display:block;
    color:#77695d;
    font-size:6px;
    line-height:8px;
}
.army-kundun-module-head small { display:none !important; }
.army-kundun-module-head p { color:#9c8b78; }
.army-kundun-module-subtitle {
    margin:8px 0 3px;
    padding:5px 5px 4px;
    border-bottom:1px solid rgba(126,78,39,.30);
    color:#b98c5b;
    font:900 8px/10px Arial,sans-serif;
    letter-spacing:.7px;
}
.army-kundun-recent-module { padding-left:2px; padding-right:2px; }

@media (max-width:760px) {
    .army-kundun-recent-row { grid-template-columns:58px 22px minmax(0,1fr) 58px; gap:4px; }
}

/* =========================================================
   V66 - RELOJ PREMIUM + KUNDUN 6H + CUADROS UNIFORMES
   ========================================================= */
.army-premium-clockbar {
    position:absolute !important;
    z-index:4 !important;
    top:216px !important;
    left:50% !important;
    width:430px !important;
    max-width:calc(100% - 40px) !important;
    min-height:58px !important;
    transform:translateX(-50%) !important;
    display:grid !important;
    grid-template-columns:1fr 1px 1fr !important;
    align-items:center !important;
    gap:14px !important;
    box-sizing:border-box !important;
    padding:8px 18px !important;
    border:1px solid rgba(196,132,48,.92) !important;
    outline:1px solid rgba(0,0,0,.95) !important;
    background:
        radial-gradient(circle at 50% 0%,rgba(155,80,20,.18),transparent 56%),
        linear-gradient(180deg,rgba(2,2,2,.96),rgba(8,5,3,.94)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,218,145,.06),
        inset 0 0 20px rgba(107,44,7,.13),
        0 6px 18px rgba(0,0,0,.72),
        0 0 12px rgba(188,117,32,.10) !important;
    pointer-events:none !important;
}
.army-premium-clockbar::before,
.army-premium-clockbar::after {
    content:"";
    position:absolute;
    top:7px;
    bottom:7px;
    width:2px;
    background:linear-gradient(180deg,transparent,#b66d25,transparent);
    opacity:.65;
}
.army-premium-clockbar::before { left:5px; }
.army-premium-clockbar::after { right:5px; }
.army-premium-clockbar > i {
    width:1px;
    height:36px;
    background:linear-gradient(180deg,transparent,rgba(198,129,50,.75),transparent);
    box-shadow:0 0 7px rgba(207,126,33,.18);
}
.army-premium-clock-unit {
    min-width:0;
    text-align:center;
}
.army-premium-clock-unit > span {
    display:block;
    margin-bottom:1px;
    color:#b98a50;
    font:900 7px/9px Arial,sans-serif;
    letter-spacing:1.25px;
    text-transform:uppercase;
}
.army-premium-clock-unit > strong {
    display:block;
    color:#f5c370;
    font:900 20px/22px Consolas,"Courier New",monospace;
    letter-spacing:1px;
    text-shadow:0 1px 0 #6e320a,0 0 8px rgba(255,155,45,.34),0 2px 3px #000;
}
.army-premium-clock-unit > small {
    display:block;
    margin-top:1px;
    color:#786957;
    font:700 7px/9px Arial,sans-serif;
    letter-spacing:.35px;
}
.army-server-clock-unit > strong { color:#ffd78e; }

.army-kundun-feature-heading strong {
    white-space:nowrap;
}
.army-kundun-peru-title {
    color:#d18d44;
    font-size:.58em;
    letter-spacing:.9px;
    text-shadow:0 1px 0 #3c1604,0 0 7px rgba(255,123,30,.26);
    vertical-align:middle;
}
.army-premium-inner-box {
    border:1px solid rgba(166,104,45,.72) !important;
    outline:1px solid rgba(0,0,0,.82) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,224,167,.035),
        inset 0 0 22px rgba(93,33,6,.12),
        0 4px 12px rgba(0,0,0,.34) !important;
}
.army-premium-data-box {
    margin:7px !important;
    border:1px solid rgba(140,88,40,.45) !important;
    background:linear-gradient(180deg,rgba(16,10,7,.82),rgba(7,5,4,.88)) !important;
    box-shadow:inset 0 0 14px rgba(108,42,8,.08) !important;
}
.army-premium-list-box {
    margin:4px 0 !important;
    padding-left:5px !important;
    padding-right:5px !important;
    border:1px solid rgba(126,79,37,.38) !important;
    background:
        linear-gradient(180deg,rgba(27,16,10,.68),rgba(9,7,5,.72)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,218,157,.018),
        inset 0 0 10px rgba(97,34,6,.06) !important;
}
.army-kundun-recent-row.army-premium-list-box,
.army-kundun-row.army-premium-list-box,
.army-recent-duel-row.army-premium-list-box {
    border-bottom:1px solid rgba(126,79,37,.38) !important;
}
.army-kundun-respawn {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin:-1px auto 7px;
    min-height:18px;
}
.army-kundun-respawn > span {
    color:#8e6550;
    font:900 6px/8px Arial,sans-serif;
    letter-spacing:.7px;
}
.army-kundun-countdown {
    display:inline-block;
    min-width:62px;
    color:#ff3d32;
    font:900 11px/13px Consolas,"Courier New",monospace;
    letter-spacing:.5px;
    text-align:center;
    text-shadow:0 0 7px rgba(255,25,13,.42),0 1px 2px #000;
}
.army-recent-duels-list {
    padding:8px 9px 5px !important;
}
.army-recent-duel-row.army-premium-list-box {
    min-height:49px;
    padding-top:5px !important;
    padding-bottom:5px !important;
}

/* Página completa del ranking Kundun: mismo lenguaje visual y contador. */
.army-kundun-module-map {
    border:1px solid rgba(166,104,45,.62) !important;
    outline:1px solid rgba(0,0,0,.75) !important;
    background:linear-gradient(180deg,rgba(25,14,9,.84),rgba(8,6,5,.90)) !important;
    box-shadow:inset 0 0 18px rgba(104,39,7,.10),0 5px 12px rgba(0,0,0,.26) !important;
}
.army-kundun-module-table tbody tr {
    background:rgba(18,12,8,.42);
}
.army-kundun-module-table tbody tr + tr td {
    border-top:3px solid transparent;
}

@media (max-width:760px) {
    .army-premium-clockbar {
        top:153px !important;
        width:310px !important;
        max-width:calc(100% - 22px) !important;
        min-height:50px !important;
        gap:9px !important;
        padding:6px 12px !important;
    }
    .army-premium-clockbar > i { height:30px; }
    .army-premium-clock-unit > span { font-size:6px; letter-spacing:.8px; }
    .army-premium-clock-unit > strong { font-size:16px; line-height:18px; }
    .army-premium-clock-unit > small { font-size:6px; }
    .army-kundun-feature-heading strong { font-size:20px !important; }
    .army-kundun-peru-title { display:block; margin-top:2px; font-size:.48em; }
    .army-premium-data-box { margin:6px !important; }
}


/* V67 - Eventos reales, promos VIP/Video y ajustes de contacto */
.army-events-schedule {
  display:block;
  max-height:520px;
  overflow:auto;
  padding:4px 2px 2px;
}
.army-events-schedule-note {
  margin:0 4px 8px;
  padding:8px 10px;
  border:1px solid rgba(151,99,37,.28);
  background:linear-gradient(180deg,rgba(24,14,10,.96),rgba(12,8,6,.96));
  color:#bea479;
  font-size:10px;
  line-height:1.35;
  text-align:center;
}
.army-event-schedule-row {
  margin:0 4px 8px;
  padding:10px 12px;
  border:1px solid rgba(162,100,31,.40);
  background:linear-gradient(180deg,rgba(22,11,8,.96),rgba(12,7,5,.97));
  box-shadow:inset 0 0 0 1px rgba(255,202,116,.07), 0 0 12px rgba(0,0,0,.15);
}
.army-event-schedule-top, .army-event-schedule-bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.army-event-schedule-top strong {
  color:#f0cf84;
  font:700 14px/18px Georgia,"Times New Roman",serif;
  letter-spacing:.3px;
}
.army-event-next {
  color:#ffcf6a;
  font:700 15px/18px Georgia,"Times New Roman",serif;
}
.army-event-schedule-bottom { margin-top:5px; }
.army-event-schedule-bottom span {
  color:#9f8a72;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.9px;
}
.army-event-countdown {
  color:#ffffff;
  font:700 13px/16px "Trebuchet MS",Arial,sans-serif;
}
.army-event-day {
  color:#d79f54;
  font-size:10px;
}

/* ==========================================================
   V70 - EVENTOS COMPACTOS Y MI CUENTA ESTILO TARJETAS
   ========================================================== */
.army-events-schedule {
  max-height: 470px !important;
  padding: 2px 1px 1px !important;
}
.army-events-schedule-note {
  margin: 0 3px 6px !important;
  padding: 6px 8px !important;
  font-size: 9px !important;
  line-height: 1.25 !important;
}
.army-event-schedule-row {
  margin: 0 3px 6px !important;
  padding: 8px 9px !important;
}
.army-event-schedule-top strong {
  font-size: 11px !important;
  line-height: 13px !important;
  letter-spacing: .1px !important;
}
.army-event-next {
  font-size: 11px !important;
  line-height: 13px !important;
}
.army-event-schedule-bottom {
  margin-top: 3px !important;
}
.army-event-schedule-bottom span {
  font-size: 8px !important;
  line-height: 10px !important;
  letter-spacing: .6px !important;
}
.army-event-countdown {
  font-size: 10px !important;
  line-height: 12px !important;
}
.army-event-day {
  font-size: 8px !important;
  line-height: 10px !important;
}
#attacklist {
  padding-right: 2px !important;
}


/* ==========================================================
   V72 - CORRECCION LIMPIA FINAL
   ========================================================== */

/* RELOJ: restaurado al diseño original V66, flotando sobre el video sin crear huecos. */
.army-premium-clockbar {
    position:absolute !important;
    z-index:4 !important;
    top:216px !important;
    left:50% !important;
    width:430px !important;
    max-width:calc(100% - 40px) !important;
    min-height:58px !important;
    transform:translateX(-50%) !important;
    display:grid !important;
    grid-template-columns:1fr 1px 1fr !important;
    align-items:center !important;
    gap:14px !important;
    padding:8px 18px !important;
    margin:0 !important;
    border:1px solid rgba(196,132,48,.92) !important;
    outline:1px solid rgba(0,0,0,.95) !important;
    background:radial-gradient(circle at 50% 0%,rgba(155,80,20,.18),transparent 56%),linear-gradient(180deg,rgba(2,2,2,.96),rgba(8,5,3,.94)) !important;
    box-shadow:inset 0 0 0 1px rgba(255,218,145,.06),inset 0 0 20px rgba(107,44,7,.13),0 6px 18px rgba(0,0,0,.72),0 0 12px rgba(188,117,32,.10) !important;
    pointer-events:none !important;
}

/* Marcos premium similares a Ranking / Info, pero sin grosor exagerado. */
.army-kundun-card,
.army-recent-duels-card {
    box-sizing:border-box !important;
    border:8px solid transparent !important;
    border-image-source:url(../img/frame_gold_stretch.webp) !important;
    border-image-slice:52 70 52 70 fill !important;
    border-image-width:8px !important;
    border-image-repeat:stretch !important;
    background:rgba(18,10,6,.90) !important;
    box-shadow:0 7px 16px rgba(0,0,0,.25) !important;
    padding:2px !important;
}

/* KUNDUN HOME: compacto y proporcionado. */
.army-kundun-card .army-feature-heading { min-height:44px !important; padding:5px 8px !important; }
.army-kundun-card .army-feature-heading strong {
    font-size:24px !important;
    line-height:27px !important;
    letter-spacing:.4px !important;
    white-space:nowrap !important;
}
.army-kundun-peru-title { font-size:10px !important; letter-spacing:.6px !important; }
.army-kundun-grid { gap:7px !important; padding:7px !important; }
.army-kundun-map-head { min-height:34px !important; padding:5px 7px !important; }
.army-kundun-map-head strong { font-size:16px !important; line-height:18px !important; }
.army-kundun-map-head a { font-size:8px !important; line-height:10px !important; font-weight:900 !important; }
.army-kundun-latest { padding:7px 7px 7px !important; }
.army-premium-data-box { margin:6px !important; }
.army-kundun-last-label { font-size:8px !important; line-height:10px !important; }
.army-kundun-time { margin:2px 0 3px !important; font-size:30px !important; line-height:33px !important; }
.army-kundun-respawn { margin:0 auto 5px !important; gap:6px !important; }
.army-kundun-respawn > span { font-size:7px !important; line-height:9px !important; }
.army-kundun-countdown { min-width:72px !important; font-size:12px !important; line-height:14px !important; }
.army-kundun-last-player b,
.army-kundun-last-player b a { font-size:13px !important; line-height:15px !important; }
.army-kundun-last-player small { font-size:7px !important; line-height:9px !important; }
.army-kundun-recent-title { display:none !important; }
.army-kundun-recent-compact { padding:2px 6px 5px !important; }
.army-kundun-recent-row.army-premium-list-box {
    grid-template-columns:64px 22px minmax(0,1fr) 60px !important;
    gap:4px !important;
    min-height:30px !important;
    margin:3px 0 !important;
    padding:3px 4px !important;
}
.army-kundun-recent-pos { font-size:7px !important; line-height:9px !important; }
.army-kundun-recent-player,
.army-kundun-recent-player a { font-size:9px !important; line-height:11px !important; }
.army-kundun-recent-player small { font-size:6px !important; line-height:8px !important; }
.army-kundun-recent-row > time b { font-size:10px !important; line-height:12px !important; }
.army-kundun-recent-row > time small { font-size:6px !important; line-height:8px !important; }

/* ULTIMOS DUELOS: legible, grande pero compacto. */
.army-recent-duels-card .army-feature-heading { min-height:46px !important; padding:5px 8px !important; }
.army-recent-duels-card .army-feature-heading strong {
    font-size:25px !important;
    line-height:28px !important;
    letter-spacing:.5px !important;
}
.army-recent-duels-list { padding:6px 8px 4px !important; }
.army-recent-duel-row.army-premium-list-box {
    grid-template-columns:82px minmax(0,1fr) 30px minmax(0,1fr) !important;
    gap:8px !important;
    min-height:58px !important;
    margin:4px 0 !important;
    padding:7px 8px !important;
}
.army-recent-duel-row > time b { font-size:17px !important; line-height:19px !important; }
.army-recent-duel-row > time small { font-size:8px !important; line-height:10px !important; }
.army-recent-duels-card .army-duel-fighter span { font-size:9px !important; line-height:11px !important; letter-spacing:.7px !important; }
.army-recent-duels-card .army-duel-fighter strong,
.army-recent-duels-card .army-duel-fighter strong a { font-size:13px !important; line-height:16px !important; font-weight:900 !important; }
.army-recent-duels-card .army-duel-fighter small { font-size:8px !important; line-height:10px !important; }
.army-recent-duels-card .army-duel-versus { font-size:12px !important; line-height:14px !important; }
.army-recent-duels-footer a { font-size:8px !important; }

/* EVENTOS: filas compactas, sin texto de introduccion ni tipografia gigante. */
.army-events-schedule { max-height:430px !important; padding:2px !important; overflow-y:auto !important; overflow-x:hidden !important; }
.army-events-schedule-note { display:none !important; }
.army-event-schedule-row {
    margin:0 2px 3px !important;
    padding:5px 6px !important;
    min-height:30px !important;
    border:1px solid rgba(151,93,34,.32) !important;
    background:linear-gradient(180deg,rgba(20,11,7,.94),rgba(10,6,4,.96)) !important;
}
.army-event-schedule-top { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; gap:4px !important; align-items:center !important; }
.army-event-schedule-top strong { font:700 9px/11px Arial,sans-serif !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.army-event-next { font:900 9px/11px Consolas,"Courier New",monospace !important; white-space:nowrap !important; }
.army-event-schedule-bottom { display:flex !important; justify-content:flex-end !important; gap:4px !important; margin-top:1px !important; }
.army-event-schedule-bottom span { font-size:6px !important; line-height:8px !important; letter-spacing:.35px !important; }
.army-event-countdown { font-size:8px !important; line-height:9px !important; }
.army-event-day { display:none !important; }

/* RANKING MRESET / RESET: mismo lenguaje visual y valores importantes en rojo. */
.army-mreset-title .reference-premium-title-text,
.army-reset-title .reference-premium-title-text {
    font-size:16px !important;
    line-height:20px !important;
    letter-spacing:.2px !important;
    white-space:nowrap !important;
}
.army-mreset-sidebar-frame { margin-top:0 !important; }
.army-mreset-sidebar-table { width:100% !important; table-layout:fixed !important; }
.army-mreset-sidebar-table th { padding:5px 2px !important; font-size:8px !important; line-height:10px !important; white-space:nowrap !important; }
.army-mreset-sidebar-table td { padding:4px 2px !important; font-size:9px !important; line-height:11px !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
.army-mreset-sidebar-table th:nth-child(1), .army-mreset-sidebar-table td:nth-child(1) { width:20px !important; }
.army-mreset-sidebar-table th:nth-child(2), .army-mreset-sidebar-table td:nth-child(2) { width:auto !important; }
.army-mreset-sidebar-table th:nth-child(3), .army-mreset-sidebar-table td:nth-child(3) { width:44px !important; }
.army-mreset-sidebar-table th:nth-child(4), .army-mreset-sidebar-table td:nth-child(4) { width:46px !important; }
.army-mreset-sidebar-table th:nth-child(4),
.army-mreset-sidebar-table .army-mreset-value { color:#ff1d18 !important; font-weight:900 !important; text-shadow:0 0 4px rgba(255,0,0,.18) !important; }

/* Botones flotantes: conservar solo las imagenes solicitadas. */
.vip-gift-trigger.vip-gift-image-trigger,
.army-guide-trigger-v29.army-guide-trigger-image-v37 {
    width:112px !important;
    height:112px !important;
    border:0 !important;
    outline:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    overflow:visible !important;
    box-shadow:none !important;
    filter:drop-shadow(0 7px 9px rgba(0,0,0,.72)) !important;
}
.vip-gift-trigger.vip-gift-image-trigger img,
.army-guide-trigger-v29.army-guide-trigger-image-v37 img {
    width:112px !important;
    height:112px !important;
    object-fit:contain !important;
    display:block !important;
    background:transparent !important;
    border:0 !important;
}
.vip-gift-trigger.vip-gift-image-trigger { top:52% !important; right:12px !important; }
.army-guide-trigger-v29.army-guide-trigger-image-v37 { top:calc(52% + 116px) !important; right:12px !important; }

@media(max-width:760px) {
    .army-premium-clockbar { top:153px !important; width:310px !important; max-width:calc(100% - 22px) !important; }
    .army-kundun-card .army-feature-heading strong { font-size:19px !important; line-height:22px !important; }
    .army-kundun-peru-title { font-size:8px !important; }
    .army-recent-duels-card .army-feature-heading strong { font-size:21px !important; line-height:24px !important; }
    .vip-gift-trigger.vip-gift-image-trigger,
    .army-guide-trigger-v29.army-guide-trigger-image-v37,
    .vip-gift-trigger.vip-gift-image-trigger img,
    .army-guide-trigger-v29.army-guide-trigger-image-v37 img { width:88px !important; height:88px !important; }
    .army-guide-trigger-v29.army-guide-trigger-image-v37 { top:calc(52% + 92px) !important; }
}


/* ==========================================================
   V73 - COMPACTACION KUNDUN -10% + RELOJ UN POCO MAS ABAJO
   Solo visual. Mantiene estructura, datos y marco premium.
   ========================================================== */
.army-premium-clockbar {
    top:262px !important;
}

/* KUNDUN HOME - reduccion proporcional aproximada del 10% */
.army-kundun-card .army-feature-heading {
    min-height:40px !important;
    padding:4px 7px !important;
}
.army-kundun-card .army-feature-heading strong {
    font-size:22px !important;
    line-height:24px !important;
    letter-spacing:.35px !important;
}
.army-kundun-peru-title {
    font-size:9px !important;
    letter-spacing:.5px !important;
}
.army-kundun-grid {
    gap:6px !important;
    padding:6px !important;
}
.army-kundun-map-head {
    min-height:31px !important;
    padding:4px 6px !important;
}
.army-kundun-map-head strong {
    font-size:14px !important;
    line-height:16px !important;
}
.army-kundun-map-head a {
    font-size:7px !important;
    line-height:9px !important;
}
.army-kundun-latest {
    padding:6px !important;
}
.army-premium-data-box {
    margin:5px !important;
}
.army-kundun-last-label {
    font-size:7px !important;
    line-height:9px !important;
}
.army-kundun-time {
    margin:2px 0 !important;
    font-size:27px !important;
    line-height:30px !important;
}
.army-kundun-respawn {
    margin:0 auto 4px !important;
    gap:5px !important;
}
.army-kundun-respawn > span {
    font-size:6px !important;
    line-height:8px !important;
}
.army-kundun-countdown {
    min-width:66px !important;
    font-size:11px !important;
    line-height:13px !important;
}
.army-kundun-last-player {
    gap:6px !important;
}
.army-kundun-guildmark {
    flex-basis:29px !important;
}
.army-kundun-guildmark img {
    width:29px !important;
    height:29px !important;
}
.army-kundun-last-player b,
.army-kundun-last-player b a {
    font-size:12px !important;
    line-height:14px !important;
}
.army-kundun-last-player small {
    font-size:6px !important;
    line-height:8px !important;
}
.army-kundun-recent-compact {
    padding:2px 5px 4px !important;
}
.army-kundun-recent-row.army-premium-list-box {
    grid-template-columns:58px 20px minmax(0,1fr) 55px !important;
    gap:3px !important;
    min-height:27px !important;
    margin:2px 0 !important;
    padding:3px !important;
}
.army-kundun-recent-pos {
    font-size:6px !important;
    line-height:8px !important;
}
.army-kundun-recent-mark {
    width:20px !important;
    height:20px !important;
}
.army-kundun-recent-mark img {
    width:20px !important;
    height:20px !important;
}
.army-kundun-recent-player,
.army-kundun-recent-player a {
    font-size:8px !important;
    line-height:10px !important;
}
.army-kundun-recent-player small {
    font-size:6px !important;
    line-height:7px !important;
}
.army-kundun-recent-row > time b {
    font-size:9px !important;
    line-height:11px !important;
}
.army-kundun-recent-row > time small {
    font-size:6px !important;
    line-height:7px !important;
}

/* VER RANKING KUNDUN - mismo criterio de compactacion */
.army-kundun-module-head {
    padding:9px 11px !important;
}
.army-kundun-module-head h2 {
    font-size:16px !important;
    line-height:20px !important;
}
.army-kundun-module-head p {
    font-size:8px !important;
}
.army-kundun-module-grid {
    gap:7px !important;
    margin-top:8px !important;
}
.army-kundun-module-map {
    padding:7px !important;
}
.army-kundun-module-map h3 {
    margin-bottom:5px !important;
    font-size:12px !important;
    line-height:14px !important;
}
.army-kundun-module-table th,
.army-kundun-module-table td {
    padding:4px 3px !important;
    font-size:7px !important;
}
.army-kundun-module-table td.hour {
    font-size:8px !important;
    line-height:10px !important;
}

@media(max-width:760px) {
    .army-premium-clockbar {
        top:186px !important;
    }
    .army-kundun-card .army-feature-heading strong {
        font-size:17px !important;
        line-height:20px !important;
    }
    .army-kundun-peru-title {
        font-size:7px !important;
    }
    .army-kundun-time {
        font-size:24px !important;
        line-height:27px !important;
    }
}


/* ==========================================================
   V76 - ALINEACION PREMIUM + KUNDUN/DUELOS 20% MAS COMPACTOS
   - Nivelar horizontalmente Rey del MU / Top Killers / Kundun / Duelos
   - Compactar Kundun y Ultimos Duelos aproximadamente 20%
   ========================================================== */
@media (min-width:761px) {
    .reference-main-content > .reference-news-panel,
    .reference-main-content > .army-king-card,
    .reference-main-content > .army-top-killer-card,
    .reference-main-content > .army-kundun-card,
    .reference-main-content > .army-recent-duels-card {
        width: 93% !important;
        max-width: 93% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    .reference-main-content > .army-king-card,
    .reference-main-content > .army-top-killer-card,
    .reference-main-content > .army-kundun-card,
    .reference-main-content > .army-recent-duels-card {
        margin-top: 8px !important;
        margin-bottom: 10px !important;
    }

    .reference-main-content > .army-king-card .army-king-panel,
    .reference-main-content > .army-top-killer-card .army-top-killer-panel,
    .reference-main-content > .army-kundun-card,
    .reference-main-content > .army-recent-duels-card {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* KUNDUN: reducir 20% aprox. */
.army-kundun-card .army-feature-heading {
    min-height: 34px !important;
    padding: 3px 6px !important;
}
.army-kundun-card .army-feature-heading strong {
    font-size: 18px !important;
    line-height: 20px !important;
    letter-spacing: .25px !important;
}
.army-kundun-peru-title {
    font-size: 8px !important;
    letter-spacing: .45px !important;
}
.army-kundun-grid {
    gap: 5px !important;
    padding: 5px !important;
}
.army-kundun-map-head {
    min-height: 27px !important;
    padding: 3px 5px !important;
}
.army-kundun-map-head strong {
    font-size: 12px !important;
    line-height: 14px !important;
}
.army-kundun-map-head a {
    font-size: 7px !important;
    line-height: 8px !important;
}
.army-kundun-latest {
    padding: 5px !important;
}
.army-premium-data-box { margin: 4px !important; }
.army-kundun-last-label { font-size: 6px !important; line-height: 8px !important; }
.army-kundun-time {
    margin: 1px 0 !important;
    font-size: 22px !important;
    line-height: 24px !important;
}
.army-kundun-respawn {
    margin: 0 auto 3px !important;
    gap: 4px !important;
}
.army-kundun-respawn > span { font-size: 6px !important; line-height: 7px !important; }
.army-kundun-countdown { min-width: 58px !important; font-size: 10px !important; line-height: 11px !important; }
.army-kundun-last-player { gap: 5px !important; }
.army-kundun-guildmark { flex-basis: 25px !important; }
.army-kundun-guildmark img { width: 25px !important; height: 25px !important; }
.army-kundun-last-player b,
.army-kundun-last-player b a { font-size: 11px !important; line-height: 13px !important; }
.army-kundun-last-player small { font-size: 6px !important; line-height: 7px !important; }
.army-kundun-recent-compact { padding: 1px 4px 3px !important; }
.army-kundun-recent-row.army-premium-list-box {
    grid-template-columns: 52px 18px minmax(0,1fr) 50px !important;
    gap: 3px !important;
    min-height: 24px !important;
    margin: 2px 0 !important;
    padding: 2px 3px !important;
}
.army-kundun-recent-pos { font-size: 6px !important; line-height: 7px !important; }
.army-kundun-recent-mark,
.army-kundun-recent-mark img { width: 18px !important; height: 18px !important; }
.army-kundun-recent-player,
.army-kundun-recent-player a { font-size: 7px !important; line-height: 9px !important; }
.army-kundun-recent-player small { font-size: 5px !important; line-height: 7px !important; }
.army-kundun-recent-row > time b { font-size: 8px !important; line-height: 9px !important; }
.army-kundun-recent-row > time small { font-size: 5px !important; line-height: 7px !important; }

/* ULTIMOS DUELOS: reducir 20% aprox. */
.army-recent-duels-card .army-feature-heading {
    min-height: 38px !important;
    padding: 4px 7px !important;
}
.army-recent-duels-card .army-feature-heading strong {
    font-size: 20px !important;
    line-height: 22px !important;
    letter-spacing: .35px !important;
}
.army-recent-duels-list { padding: 5px 6px 3px !important; }
.army-recent-duel-row.army-premium-list-box {
    grid-template-columns: 72px minmax(0,1fr) 24px minmax(0,1fr) !important;
    gap: 6px !important;
    min-height: 48px !important;
    margin: 3px 0 !important;
    padding: 5px 6px !important;
}
.army-recent-duel-row > time b { font-size: 14px !important; line-height: 16px !important; }
.army-recent-duel-row > time small { font-size: 7px !important; line-height: 9px !important; }
.army-recent-duels-card .army-duel-fighter span { font-size: 8px !important; line-height: 10px !important; letter-spacing: .5px !important; }
.army-recent-duels-card .army-duel-fighter strong,
.army-recent-duels-card .army-duel-fighter strong a { font-size: 11px !important; line-height: 13px !important; }
.army-recent-duels-card .army-duel-fighter small { font-size: 7px !important; line-height: 8px !important; }
.army-recent-duels-card .army-duel-versus { font-size: 10px !important; line-height: 12px !important; }
.army-recent-duels-footer a { font-size: 7px !important; }

@media (max-width:760px) {
    .army-kundun-card .army-feature-heading strong { font-size: 15px !important; line-height: 17px !important; }
    .army-kundun-time { font-size: 19px !important; line-height: 21px !important; }
    .army-recent-duels-card .army-feature-heading strong { font-size: 17px !important; line-height: 19px !important; }
}


/* ==========================================================
   V77 - FIX RANKINGS SIN CORTES + HUB LIMPIO
   - Ajusta tablas de rankings para que entren en la columna central
   - Limpia el panel Centro de Rankings (solo 4 accesos)
   ========================================================== */

/* Rankings nuevos con tabla premium */
.army-ranking-module,
.army-rankings-hub,
.army-ranking-head,
.army-ranking-scroll {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.army-ranking-toolbar { gap: 6px !important; }
.army-ranking-toolbar span { font-size: 7px !important; }
.army-ranking-search {
    width: 128px !important;
    max-width: 47% !important;
    height: 25px !important;
    padding: 3px 7px !important;
    font-size: 8px !important;
}
.army-ranking-table {
    min-width: 0 !important;
    width: 100% !important;
    table-layout: fixed !important;
}
.army-ranking-table th {
    padding: 6px 4px !important;
    font-size: 7px !important;
    line-height: 9px !important;
    white-space: normal !important;
}
.army-ranking-table td {
    padding: 6px 4px !important;
    font-size: 8px !important;
    line-height: 10px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}
.army-rank-pos { font-size: 9px !important; }
.army-rank-player {
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}
.army-rank-player img {
    width: 22px !important;
    height: 22px !important;
    margin-right: 4px !important;
}
.army-rank-player a { font-size: 8px !important; }
.army-rank-guild {
    gap: 4px !important;
    align-items: center !important;
    min-width: 0 !important;
}
.army-rank-guild strong { font-size: 8px !important; line-height: 10px !important; }
.army-rank-guild small { font-size: 6px !important; line-height: 8px !important; }
.army-rank-flag { width: 18px !important; }

/* Ranking clásico/top rankings */
.rankings_menu {
    overflow: visible !important;
    margin-bottom: 8px !important;
}
.rankings_menu span {
    padding: 7px 0 !important;
    font-size: 18px !important;
    line-height: 20px !important;
}
.rankings_menu a {
    width: calc(50% - 8px) !important;
    max-width: 178px !important;
    box-sizing: border-box !important;
    padding: 4px 0 !important;
    font-size: 11px !important;
    line-height: 14px !important;
    vertical-align: top !important;
}
.rankings-table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
}
.rankings-table thead td,
.rankings-table tr:first-child td {
    font-size: 10px !important;
    line-height: 12px !important;
    padding: 7px 4px !important;
    white-space: normal !important;
}
.rankings-table td,
.rankings-table tr td {
    padding: 6px 4px !important;
    font-size: 10px !important;
    line-height: 12px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    vertical-align: middle !important;
}
.rankings-table-place {
    font-size: 18px !important;
    line-height: 18px !important;
}
.rankings-class-image {
    width: 18px !important;
}
.rankings-gens-img {
    height: 22px !important;
}

/* Hub visual de rankings */
.army-rankings-hub-head h2 { font-size: 17px !important; line-height: 20px !important; }
.army-rankings-hub-head p { font-size: 8px !important; line-height: 11px !important; }
.army-rankings-hub-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
}
.army-rankings-hub-card {
    min-height: 64px !important;
    padding: 9px !important;
}
.army-rankings-hub-card strong { font-size: 10px !important; }
.army-rankings-hub-card span { font-size: 7px !important; line-height: 10px !important; }

@media (max-width: 760px) {
    .rankings_menu a { width: 100% !important; max-width: none !important; }
    .army-ranking-toolbar { flex-direction: column !important; align-items: stretch !important; }
    .army-ranking-search { width: 100% !important; max-width: 100% !important; }
    .army-ranking-table,
    .rankings-table { table-layout: auto !important; }
}


/* ==========================================================
   V79 - WC / WP / GP REALES EN USERCP Y MI CUENTA
   ========================================================== */
.army-game-coin-grid {
    margin-top: 8px !important;
}
.army-game-coin-card {
    min-height: 48px !important;
    background: linear-gradient(180deg,rgba(43,24,11,.90),rgba(11,8,6,.94)) !important;
    border-color: rgba(188,119,47,.62) !important;
}
.army-game-coin-card span {
    color: #c79d69 !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    letter-spacing: .8px !important;
}
.army-game-coin-card strong {
    color: #f2c36f !important;
    font-size: 15px !important;
    line-height: 18px !important;
}
.army-account-coin-row > span {
    color: #c79d69 !important;
    font-weight: 900 !important;
}
.army-account-coin-row > strong {
    color: #f2c36f !important;
    font-weight: 900 !important;
}


/* ==========================================================
   V80 - PRELOADER PREMIUM ARMY MU 0% -> 100%
   Oculta visualmente la carga parcial del template y revela
   la web solo al finalizar window.load (con fallback seguro).
   ========================================================== */
body.army-page-preloading {
    overflow: hidden !important;
}
.army-premium-preloader {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483646 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px !important;
    box-sizing: border-box !important;
    background: #050302 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: opacity .62s ease, visibility .62s ease !important;
}
.army-premium-preloader.is-finished {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
.army-preloader-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background:
        radial-gradient(circle at 50% 42%, rgba(154,45,11,.24), transparent 34%),
        radial-gradient(circle at 50% 50%, rgba(255,154,38,.07), transparent 56%),
        linear-gradient(180deg, #050302 0%, #0b0503 48%, #020101 100%) !important;
}
.army-preloader-backdrop::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    opacity: .18 !important;
    background: url(../img/army_rays_bg.webp) center / cover no-repeat !important;
    animation: armyPreloaderBackdropPulse 3.2s ease-in-out infinite !important;
}
.army-preloader-panel {
    position: relative !important;
    z-index: 2 !important;
    width: 520px !important;
    max-width: calc(100vw - 34px) !important;
    box-sizing: border-box !important;
    padding: 34px 42px 28px !important;
    text-align: center !important;
    border: 1px solid rgba(213,143,52,.88) !important;
    outline: 1px solid rgba(0,0,0,.96) !important;
    background:
        radial-gradient(circle at 50% 5%, rgba(123,49,12,.22), transparent 44%),
        linear-gradient(180deg, rgba(20,10,5,.98), rgba(5,3,2,.99)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,220,150,.06),
        inset 0 0 46px rgba(120,45,8,.18),
        0 20px 55px rgba(0,0,0,.78),
        0 0 30px rgba(183,92,18,.12) !important;
}
.army-preloader-panel::before,
.army-preloader-panel::after {
    content: "" !important;
    position: absolute !important;
    left: 42px !important;
    right: 42px !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, #8d5322 20%, #ffd17e 50%, #8d5322 80%, transparent) !important;
    opacity: .72 !important;
}
.army-preloader-panel::before { top: 13px !important; }
.army-preloader-panel::after { bottom: 13px !important; }
.army-preloader-corner {
    position: absolute !important;
    width: 17px !important;
    height: 17px !important;
    border-color: #c98733 !important;
    opacity: .92 !important;
}
.army-preloader-corner-tl { top: 6px !important; left: 6px !important; border-top: 2px solid; border-left: 2px solid; }
.army-preloader-corner-tr { top: 6px !important; right: 6px !important; border-top: 2px solid; border-right: 2px solid; }
.army-preloader-corner-bl { bottom: 6px !important; left: 6px !important; border-bottom: 2px solid; border-left: 2px solid; }
.army-preloader-corner-br { bottom: 6px !important; right: 6px !important; border-bottom: 2px solid; border-right: 2px solid; }
.army-preloader-logo-wrap {
    position: relative !important;
    width: 230px !important;
    max-width: 72% !important;
    margin: 0 auto 10px !important;
}
.army-preloader-logo {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    filter: drop-shadow(0 7px 12px rgba(0,0,0,.82)) drop-shadow(0 0 8px rgba(222,129,28,.18)) !important;
    animation: armyPreloaderLogoFloat 2.4s ease-in-out infinite !important;
}
.army-preloader-logo-glow {
    position: absolute !important;
    z-index: 1 !important;
    left: 17% !important;
    right: 17% !important;
    top: 24% !important;
    bottom: 16% !important;
    border-radius: 50% !important;
    background: rgba(205,83,14,.30) !important;
    filter: blur(25px) !important;
    animation: armyPreloaderGlow 1.9s ease-in-out infinite !important;
}
.army-preloader-kicker {
    margin: 2px 0 5px !important;
    color: #9c6f3f !important;
    font: 900 9px/11px Arial,sans-serif !important;
    letter-spacing: 3px !important;
}
.army-preloader-title {
    margin: 0 0 16px !important;
    color: #f1cf94 !important;
    font: 900 17px/21px Georgia,"Times New Roman",serif !important;
    letter-spacing: .7px !important;
    text-shadow: 0 1px 0 #000, 0 0 10px rgba(220,135,47,.20) !important;
}
.army-preloader-progress-shell {
    position: relative !important;
    width: 100% !important;
    height: 13px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    border: 1px solid #704018 !important;
    outline: 1px solid #120905 !important;
    background: #090503 !important;
    box-shadow: inset 0 0 8px rgba(0,0,0,.88) !important;
}
.army-preloader-progress {
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 0% !important;
    background:
        linear-gradient(90deg, #5d1609 0%, #b9430f 34%, #e99a35 70%, #ffe09a 100%) !important;
    box-shadow: 0 0 12px rgba(235,141,42,.38) !important;
    transition: width .09s linear !important;
}
.army-preloader-shine {
    position: absolute !important;
    z-index: 3 !important;
    top: 1px !important;
    bottom: 1px !important;
    left: -26% !important;
    width: 18% !important;
    transform: skewX(-22deg) !important;
    background: linear-gradient(90deg, transparent, rgba(255,245,210,.68), transparent) !important;
    animation: armyPreloaderShine 1.3s linear infinite !important;
}
.army-preloader-percent {
    margin-top: 8px !important;
    color: #ffbd61 !important;
    font: 900 22px/26px Consolas,"Courier New",monospace !important;
    letter-spacing: 1px !important;
    text-shadow: 0 0 8px rgba(255,130,28,.28) !important;
}
.army-preloader-vip {
    margin-top: 14px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(132,78,35,.34) !important;
    color: #987a59 !important;
    font: 700 9px/13px Arial,sans-serif !important;
    letter-spacing: .45px !important;
    text-transform: uppercase !important;
}
.army-preloader-vip strong {
    color: #ffd17c !important;
    font-size: 10px !important;
    letter-spacing: .7px !important;
}
@keyframes armyPreloaderLogoFloat {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}
@keyframes armyPreloaderGlow {
    0%,100% { opacity: .45; transform: scale(.94); }
    50% { opacity: .85; transform: scale(1.08); }
}
@keyframes armyPreloaderShine {
    0% { left: -26%; }
    100% { left: 112%; }
}
@keyframes armyPreloaderBackdropPulse {
    0%,100% { opacity: .13; }
    50% { opacity: .22; }
}
@media (max-width: 760px) {
    .army-preloader-panel { width: 410px !important; padding: 28px 24px 24px !important; }
    .army-preloader-panel::before,
    .army-preloader-panel::after { left: 24px !important; right: 24px !important; }
    .army-preloader-logo-wrap { width: 190px !important; }
    .army-preloader-title { font-size: 14px !important; line-height: 18px !important; }
    .army-preloader-percent { font-size: 19px !important; line-height: 23px !important; }
}
@media (prefers-reduced-motion: reduce) {
    .army-preloader-logo,
    .army-preloader-logo-glow,
    .army-preloader-shine,
    .army-preloader-backdrop::before { animation: none !important; }
}


/* ==========================================================
   V81 - ALINEACION HORIZONTAL EXACTA + HOME COMPACTO
   ========================================================== */
@media (min-width:761px) {
    /* Todos los cuadros principales del centro terminan exactamente en la misma recta. */
    .reference-main-content > .reference-news-panel,
    .reference-main-content > .army-king-card,
    .reference-main-content > .army-top-killer-card,
    .reference-main-content > .army-kundun-card,
    .reference-main-content > .army-recent-duels-card {
        width: 93% !important;
        max-width: 93% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }
    .reference-main-content > .army-kundun-card,
    .reference-main-content > .army-recent-duels-card {
        display: block !important;
    }
}

/* Reloj: 30% mas abajo respecto a la posicion anterior. */
.army-premium-clockbar {
    top: 341px !important;
}

/* Sistema de ligas: iconos siempre contenidos y sin romper columnas. */
.army-league-table { table-layout: fixed !important; width:100% !important; }
.army-league-icon {
    display:block !important;
    width:30px !important;
    height:30px !important;
    max-width:30px !important;
    max-height:30px !important;
    object-fit:contain !important;
    margin:0 auto 2px !important;
}
.army-league-name {
    font-size:6px !important;
    line-height:8px !important;
    white-space:normal !important;
    text-align:center !important;
}

@media (max-width:760px) {
    .army-premium-clockbar { top:242px !important; }
}


/* ==========================================================
   V82 - AJUSTES FINALES PEDIDOS POR EL USUARIO
   - Preloader premium solo al inicio (home)
   - Boton volver a Centro de Rankings
   - Hub de rankings con textos pequenos un poco mas grandes
   - Reloj 20% mas abajo
   - Mejoras visuales en Sistema de Ligas
   ========================================================== */
body.army-page-preloading { overflow:hidden !important; }
.army-premium-clockbar { top: 406px !important; }
@media (max-width:760px){ .army-premium-clockbar { top: 290px !important; } }
.army-rankings-hub-head p { font-size: 10px !important; line-height: 14px !important; color:#a69688 !important; }
.army-rankings-hub-card { min-height: 78px !important; }
.army-rankings-hub-card strong { font-size: 12px !important; line-height: 15px !important; }
.army-rankings-hub-card span { font-size: 9px !important; line-height: 12px !important; color:#a59485 !important; }
.army-rankings-back-wrap { width:100% !important; margin:0 0 10px !important; display:flex !important; justify-content:center !important; }
.army-rankings-back-link { display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:220px !important; height:28px !important; padding:0 18px !important; box-sizing:border-box !important; border:1px solid #c69b5a !important; background:linear-gradient(180deg,rgba(58,38,18,.94),rgba(23,15,8,.98)) !important; color:#efd8aa !important; font:700 12px/12px Arial,sans-serif !important; letter-spacing:.4px !important; text-decoration:none !important; text-transform:uppercase !important; box-shadow:inset 0 0 0 1px rgba(255,222,166,.12),0 3px 8px rgba(0,0,0,.32) !important; }
.army-rankings-back-link:hover { border-color:#f2c273 !important; color:#fff0cb !important; background:linear-gradient(180deg,rgba(82,52,22,.96),rgba(30,18,9,.98)) !important; }
.army-league-cell { min-width:88px !important; text-align:center !important; }
.army-league-icon { width:34px !important; height:34px !important; max-width:34px !important; max-height:34px !important; margin:0 auto 4px !important; filter:drop-shadow(0 0 4px rgba(255,188,92,.18)); }
.army-league-name { display:block !important; font-size:8px !important; line-height:10px !important; white-space:nowrap !important; text-align:center !important; color:#d5be97 !important; }
.army-preloader-backdrop { background: radial-gradient(circle at center, rgba(94,29,0,.18), rgba(6,1,0,.94) 72%) !important; backdrop-filter: blur(4px); }
.army-preloader-backdrop::before { opacity:.18 !important; background:radial-gradient(circle at 50% 12%, rgba(255,169,77,.26), transparent 52%), linear-gradient(180deg, rgba(255,120,35,.10), transparent 34%, transparent 66%, rgba(255,120,35,.08)) !important; }
.army-preloader-panel { width:660px !important; max-width:calc(100vw - 50px) !important; min-height:520px !important; padding:34px 44px 34px !important; border:1px solid rgba(211,150,76,.92) !important; background:linear-gradient(180deg, rgba(20,8,3,.97), rgba(10,4,2,.98)) !important; box-shadow:0 0 0 1px rgba(255,223,165,.08) inset, 0 22px 60px rgba(0,0,0,.72), 0 0 26px rgba(189,95,18,.18) !important; }
.army-preloader-logo-wrap { width:250px !important; margin:0 auto 16px !important; }
.army-preloader-logo { animation: armyPreloaderFloatV82 2.6s ease-in-out infinite !important; }
.army-preloader-logo-glow { opacity:.92 !important; filter:blur(10px) !important; animation: armyPreloaderPulseV82 2.6s ease-in-out infinite !important; }
.army-preloader-title { font-size:22px !important; line-height:28px !important; letter-spacing:1px !important; }
.army-preloader-progress-shell { position:relative !important; overflow:hidden !important; height:18px !important; border:1px solid rgba(209,145,64,.88) !important; background:linear-gradient(180deg, rgba(15,8,3,.96), rgba(42,17,5,.88)) !important; box-shadow: inset 0 0 0 1px rgba(255,219,159,.08), inset 0 0 14px rgba(0,0,0,.62), 0 0 12px rgba(221,137,39,.10) !important; }
.army-preloader-progress { position:relative !important; height:100% !important; background:linear-gradient(90deg, #5e2604 0%, #b95a13 22%, #ffcb74 48%, #ff9b2d 68%, #5f2400 100%) !important; background-size:200% 100% !important; box-shadow:0 0 14px rgba(255,183,72,.34), inset 0 0 10px rgba(255,255,255,.14) !important; animation: armyPreloaderBarFlowV82 1.6s linear infinite !important; }
.army-preloader-progress::after { content:""; position:absolute; top:1px; bottom:1px; right:2px; width:26px; border-radius:10px; background:radial-gradient(circle, rgba(255,241,201,.95) 0%, rgba(255,191,84,.68) 40%, rgba(255,158,37,0) 75%); filter:blur(1px); opacity:.95; }
.army-preloader-shine { top:1px !important; bottom:1px !important; left:-28% !important; width:28% !important; background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,241,220,.18), rgba(255,255,255,.52), rgba(255,241,220,.18), rgba(255,255,255,0)) !important; animation: armyPreloaderShineV82 1.5s ease-in-out infinite !important; }
.army-preloader-percent { font-size:28px !important; line-height:32px !important; text-shadow:0 0 14px rgba(255,177,74,.25),0 1px 0 #000 !important; }
.army-preloader-vip { margin-top:24px !important; padding-top:18px !important; border-top:1px solid rgba(255,199,117,.14) !important; font-size:15px !important; line-height:20px !important; letter-spacing:1.1px !important; }
@keyframes armyPreloaderBarFlowV82 { 0% { background-position:0% 0; } 100% { background-position:200% 0; } }
@keyframes armyPreloaderShineV82 { 0% { left:-30%; opacity:0; } 20% { opacity:.25; } 55% { opacity:.9; } 100% { left:102%; opacity:0; } }
@keyframes armyPreloaderPulseV82 { 0%,100% { transform:scale(1); opacity:.82; } 50% { transform:scale(1.06); opacity:1; } }
@keyframes armyPreloaderFloatV82 { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-5px); } }
@media (max-width:760px){ .army-preloader-panel{ width:430px !important; min-height:420px !important; padding:28px 24px !important; } .army-preloader-logo-wrap{ width:190px !important; } .army-preloader-title{ font-size:16px !important; line-height:22px !important; } .army-preloader-percent{ font-size:22px !important; line-height:26px !important; } .army-preloader-vip{ font-size:12px !important; line-height:16px !important; } }


/* ==========================================================
   V83 - WC / WP / GP VISIBLES EN LOGIN, USERCP Y MI CUENTA
   ========================================================== */
.reference-usercp-coins {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:4px !important;
    margin:8px 10px 4px !important;
    padding:6px !important;
    border:1px solid rgba(173,105,43,.50) !important;
    background:linear-gradient(180deg,rgba(16,9,5,.94),rgba(7,5,4,.96)) !important;
    box-shadow:inset 0 0 12px rgba(107,47,11,.16) !important;
}
.reference-usercp-coin {
    min-width:0 !important;
    padding:5px 2px !important;
    text-align:center !important;
    border:1px solid rgba(151,91,36,.34) !important;
    background:rgba(40,21,9,.55) !important;
}
.reference-usercp-coin span {
    display:block !important;
    color:#bc8e58 !important;
    font-size:7px !important;
    font-weight:900 !important;
    line-height:9px !important;
    letter-spacing:.4px !important;
}
.reference-usercp-coin strong {
    display:block !important;
    margin-top:2px !important;
    color:#f4c66f !important;
    font-size:11px !important;
    line-height:13px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
.army-myaccount-coin-grid {
    margin:8px 0 14px !important;
}
.army-myaccount-coin-grid .army-game-coin-card {
    min-height:58px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
}
.army-myaccount-coin-grid .army-game-coin-card span {
    font-size:9px !important;
    line-height:11px !important;
}
.army-myaccount-coin-grid .army-game-coin-card strong {
    margin-top:3px !important;
    font-size:18px !important;
    line-height:21px !important;
}
@media(max-width:760px){
    .reference-usercp-coins { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
    .army-myaccount-coin-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}


/* ==========================================================
   V84 - PRELOADER PREMIUM COMPACTO + BOTON BACK GLOBAL
   ========================================================== */
.army-premium-clockbar { top: 430px !important; }
@media (max-width:760px){ .army-premium-clockbar { top: 305px !important; } }
.army-rankings-hub-head p { font-size: 11px !important; line-height: 15px !important; }
.army-rankings-hub-card span { font-size: 10px !important; line-height: 13px !important; }
.army-rankings-back-wrap { width:100% !important; margin:0 0 12px !important; display:flex !important; justify-content:center !important; }
.army-rankings-back-link { min-width:230px !important; height:30px !important; border-radius:0 !important; }
.army-preloader-backdrop { background: radial-gradient(circle at center, rgba(79,21,0,.18), rgba(8,2,0,.965) 70%) !important; backdrop-filter: blur(5px); }
.army-preloader-backdrop::before { opacity:.23 !important; background: radial-gradient(circle at 50% 10%, rgba(255,174,75,.23), transparent 48%), linear-gradient(180deg, rgba(255,128,34,.12), transparent 35%, transparent 65%, rgba(255,128,34,.09)) !important; }
.army-preloader-panel { width:540px !important; max-width:calc(100vw - 40px) !important; min-height:420px !important; padding:24px 34px 24px !important; border:1px solid rgba(212,154,78,.95) !important; background: linear-gradient(180deg, rgba(26,10,4,.985), rgba(11,4,2,.985)) !important; box-shadow: 0 0 0 1px rgba(255,224,172,.08) inset, 0 18px 44px rgba(0,0,0,.78), 0 0 20px rgba(207,110,20,.18) !important; }
.army-preloader-panel::before, .army-preloader-panel::after { left:26px !important; right:26px !important; }
.army-preloader-corner { width:24px !important; height:24px !important; }
.army-preloader-logo-wrap { width:210px !important; margin:0 auto 10px !important; }
.army-preloader-logo { filter: drop-shadow(0 0 14px rgba(236,175,82,.16)) !important; animation: armyPreloaderFloatV84 2.8s ease-in-out infinite !important; }
.army-preloader-logo-glow { width:82% !important; height:40px !important; bottom:-4px !important; opacity:.95 !important; filter: blur(12px) !important; background: radial-gradient(circle, rgba(255,194,90,.58) 0%, rgba(255,141,28,.20) 42%, rgba(255,141,28,0) 78%) !important; animation: armyPreloaderPulseV84 2.2s ease-in-out infinite !important; }
.army-preloader-kicker { margin-bottom:8px !important; font-size:12px !important; letter-spacing:4px !important; }
.army-preloader-title { font-size:18px !important; line-height:24px !important; letter-spacing:.6px !important; margin-bottom:14px !important; }
.army-preloader-progress-shell { height:14px !important; border:1px solid rgba(214,157,72,.92) !important; background: linear-gradient(180deg, rgba(18,9,4,.98), rgba(50,20,6,.90)) !important; box-shadow: inset 0 0 0 1px rgba(255,222,164,.07), inset 0 0 16px rgba(0,0,0,.72), 0 0 10px rgba(221,137,39,.12) !important; }
.army-preloader-progress-shell::before { content:""; position:absolute; inset:1px; background: repeating-linear-gradient(135deg, rgba(255,172,62,.03) 0 7px, rgba(255,172,62,0) 7px 14px); opacity:.9; pointer-events:none; }
.army-preloader-progress { background: linear-gradient(90deg, #4b1a00 0%, #8a3609 16%, #d4721f 34%, #ffd07b 50%, #ff9c2d 68%, #8b3709 84%, #481700 100%) !important; background-size:220% 100% !important; box-shadow: 0 0 14px rgba(255,184,74,.30), inset 0 0 8px rgba(255,255,255,.18) !important; animation: armyPreloaderBarFlowV84 1.25s linear infinite !important; }
.army-preloader-progress::before { content:""; position:absolute; inset:0; background: repeating-linear-gradient(120deg, rgba(255,255,255,.22) 0 8px, rgba(255,255,255,0) 8px 16px); mix-blend-mode:screen; opacity:.32; animation: armyPreloaderStripeV84 1.1s linear infinite; }
.army-preloader-progress::after { width:32px !important; right:0 !important; border-radius:10px !important; background: radial-gradient(circle, rgba(255,242,203,.95) 0%, rgba(255,204,95,.74) 38%, rgba(255,163,36,0) 76%) !important; filter: blur(2px) !important; }
.army-preloader-shine { top:1px !important; bottom:1px !important; width:24% !important; left:-26% !important; background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,241,220,.12), rgba(255,255,255,.40), rgba(255,241,220,.12), rgba(255,255,255,0)) !important; animation: armyPreloaderShineV84 1.25s ease-in-out infinite !important; }
.army-preloader-percent { margin-top:10px !important; font-size:20px !important; line-height:24px !important; letter-spacing:.6px !important; text-shadow:0 0 12px rgba(255,181,79,.25),0 1px 0 #000 !important; }
.army-preloader-vip { margin-top:18px !important; padding-top:12px !important; font-size:12px !important; line-height:16px !important; letter-spacing:1px !important; }
.army-preloader-vip strong { font-size:15px !important; }
@keyframes armyPreloaderBarFlowV84 { 0% { background-position:0% 0; } 100% { background-position:220% 0; } }
@keyframes armyPreloaderStripeV84 { 0% { transform:translateX(0); } 100% { transform:translateX(16px); } }
@keyframes armyPreloaderShineV84 { 0% { left:-28%; opacity:0; } 20% { opacity:.22; } 50% { opacity:.88; } 100% { left:102%; opacity:0; } }
@keyframes armyPreloaderPulseV84 { 0%,100% { transform:scale(1); opacity:.84; } 50% { transform:scale(1.08); opacity:1; } }
@keyframes armyPreloaderFloatV84 { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-4px); } }
@media (max-width:760px){ .army-preloader-panel{ width:390px !important; min-height:340px !important; padding:22px 20px !important; } .army-preloader-panel::before, .army-preloader-panel::after{ left:18px !important; right:18px !important; } .army-preloader-logo-wrap{ width:150px !important; margin-bottom:8px !important; } .army-preloader-title{ font-size:14px !important; line-height:18px !important; margin-bottom:10px !important; } .army-preloader-progress-shell{ height:12px !important; } .army-preloader-percent{ font-size:17px !important; line-height:21px !important; } .army-preloader-vip{ font-size:10px !important; line-height:14px !important; } .army-preloader-vip strong{ font-size:12px !important; } }


/* ==========================================================
   V86 - CARGA REAL + SALDO GAME SHOP PREMIUM
   ========================================================== */
/* El saldo ya no vive en la barra lateral. */
.reference-usercp-coins { display:none !important; }

.army-wallet-premium {
    position:relative !important;
    width:100% !important;
    box-sizing:border-box !important;
    margin:10px 0 13px !important;
    padding:7px !important;
    border:1px solid rgba(171,103,38,.78) !important;
    outline:1px solid rgba(0,0,0,.86) !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(124,55,13,.18), transparent 62%),
        linear-gradient(180deg,rgba(24,13,7,.96),rgba(8,6,4,.98)) !important;
    box-shadow:inset 0 0 0 1px rgba(255,221,154,.05), inset 0 0 24px rgba(91,34,7,.12), 0 5px 14px rgba(0,0,0,.25) !important;
}
.army-wallet-premium::before,
.army-wallet-premium::after {
    content:"" !important;
    position:absolute !important;
    top:5px !important;
    bottom:5px !important;
    width:2px !important;
    background:linear-gradient(180deg,transparent,#c37b2c,transparent) !important;
    opacity:.58 !important;
}
.army-wallet-premium::before { left:4px !important; }
.army-wallet-premium::after { right:4px !important; }
.army-wallet-head {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    min-height:24px !important;
    padding:2px 9px 5px !important;
    border-bottom:1px solid rgba(146,85,34,.34) !important;
}
.army-wallet-head span {
    color:#e3bd82 !important;
    font:900 9px/11px Arial,sans-serif !important;
    letter-spacing:1.2px !important;
}
.army-wallet-head small {
    color:#85705b !important;
    font:700 7px/9px Arial,sans-serif !important;
    letter-spacing:.4px !important;
}
.army-wallet-grid {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
    padding:7px 8px 5px !important;
}
.army-wallet-coin {
    position:relative !important;
    min-width:0 !important;
    min-height:42px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    border:1px solid rgba(123,74,34,.48) !important;
    background:linear-gradient(180deg,rgba(43,23,10,.76),rgba(14,9,6,.92)) !important;
    box-shadow:inset 0 0 10px rgba(0,0,0,.36) !important;
}
.army-wallet-coin span {
    color:#a98a64 !important;
    font:900 8px/9px Arial,sans-serif !important;
    letter-spacing:1px !important;
}
.army-wallet-coin strong {
    display:block !important;
    max-width:100% !important;
    margin-top:3px !important;
    padding:0 4px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#ffd27c !important;
    font:900 14px/16px Consolas,"Courier New",monospace !important;
    text-shadow:0 0 7px rgba(255,165,49,.18) !important;
}
.army-wallet-wc::before,
.army-wallet-wp::before,
.army-wallet-gp::before {
    content:"" !important;
    position:absolute !important;
    left:4px !important;
    right:4px !important;
    top:3px !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,rgba(233,171,88,.45),transparent) !important;
}
.army-extra-credit-grid { margin-top:5px !important; }
@media(max-width:760px){
    .army-wallet-head { align-items:flex-start !important; flex-direction:column !important; gap:2px !important; }
    .army-wallet-grid { gap:4px !important; padding:6px 4px 4px !important; }
    .army-wallet-coin { min-height:39px !important; }
    .army-wallet-coin strong { font-size:11px !important; line-height:13px !important; }
}

/* Preloader HOME: compacto, visible y con barra que SI avanza. */
.army-premium-preloader { background:#080301 !important; }
.army-preloader-panel {
    width:500px !important;
    max-width:calc(100vw - 34px) !important;
    min-height:355px !important;
    padding:20px 31px 21px !important;
    border:1px solid rgba(210,148,69,.94) !important;
    background:
        radial-gradient(circle at 50% 4%,rgba(118,49,12,.22),transparent 48%),
        linear-gradient(180deg,rgba(24,10,4,.985),rgba(8,4,2,.99)) !important;
    box-shadow:inset 0 0 0 1px rgba(255,223,163,.06),inset 0 0 35px rgba(108,40,7,.12),0 18px 50px rgba(0,0,0,.80),0 0 22px rgba(191,96,18,.14) !important;
}
.army-preloader-panel::before,
.army-preloader-panel::after { left:30px !important; right:30px !important; }
.army-preloader-logo-wrap { width:180px !important; margin:0 auto 7px !important; }
.army-preloader-kicker { margin:0 0 4px !important; font-size:8px !important; line-height:10px !important; letter-spacing:3.5px !important; }
.army-preloader-title { margin:0 0 4px !important; font-size:16px !important; line-height:20px !important; }
.army-preloader-status {
    margin:0 0 11px !important;
    color:#81684e !important;
    font:800 7px/9px Arial,sans-serif !important;
    letter-spacing:1.1px !important;
}
.army-preloader-progress-shell {
    height:15px !important;
    border:1px solid rgba(190,120,43,.92) !important;
    background:linear-gradient(180deg,#080403,#1d0d04) !important;
    box-shadow:inset 0 0 10px rgba(0,0,0,.92),0 0 8px rgba(201,111,27,.08) !important;
}
.army-preloader-progress {
    width:0% !important;
    overflow:hidden !important;
    background:linear-gradient(90deg,#571603 0%,#a83d0b 18%,#df7b20 38%,#ffd27d 55%,#f3912e 72%,#9d3508 88%,#4a1102 100%) !important;
    background-size:200% 100% !important;
    box-shadow:0 0 13px rgba(238,145,43,.34), inset 0 0 7px rgba(255,244,206,.12) !important;
    animation:armyV86BarFlow 1.05s linear infinite !important;
    transition:width .07s linear !important;
}
.army-preloader-progress > i {
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    background:repeating-linear-gradient(120deg,rgba(255,255,255,.15) 0 7px,rgba(255,255,255,0) 7px 14px) !important;
    animation:armyV86Stripe .7s linear infinite !important;
}
.army-preloader-shine { animation:armyV86Shine 1.05s ease-in-out infinite !important; }
.army-preloader-percent { margin-top:7px !important; font-size:18px !important; line-height:22px !important; }
.army-preloader-vip { margin-top:10px !important; padding-top:9px !important; font-size:8px !important; line-height:11px !important; }
.army-preloader-vip strong { font-size:10px !important; }
@keyframes armyV86BarFlow { from{background-position:0 0;} to{background-position:200% 0;} }
@keyframes armyV86Stripe { from{transform:translateX(0);} to{transform:translateX(14px);} }
@keyframes armyV86Shine { 0%{left:-26%;opacity:0;} 25%{opacity:.25;} 60%{opacity:.95;} 100%{left:108%;opacity:0;} }
@media(max-width:760px){
    .army-preloader-panel { width:360px !important; min-height:305px !important; padding:18px 19px !important; }
    .army-preloader-logo-wrap { width:140px !important; }
    .army-preloader-title { font-size:13px !important; line-height:17px !important; }
}


/* ==========================================================
   V87 - CUENTA PREMIUM COMPACTA + MRESET + CURSOR/HOVER
   ========================================================== */
.army-account-wallet-inline {
    width:100% !important;
    max-width:260px !important;
    margin:7px auto 5px !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:4px !important;
    box-sizing:border-box !important;
}
.army-account-wallet-mini {
    position:relative !important;
    min-width:0 !important;
    min-height:38px !important;
    padding:5px 3px 4px !important;
    box-sizing:border-box !important;
    text-align:center !important;
    border:1px solid rgba(177,109,43,.58) !important;
    background:linear-gradient(180deg,rgba(53,27,10,.88),rgba(14,8,5,.96)) !important;
    box-shadow:inset 0 0 0 1px rgba(255,222,158,.04),inset 0 0 10px rgba(0,0,0,.48) !important;
}
.army-account-wallet-mini::before {
    content:"" !important;
    position:absolute !important;
    left:5px !important; right:5px !important; top:3px !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,rgba(241,176,83,.55),transparent) !important;
}
.army-account-wallet-mini span {
    display:block !important;
    color:#b69164 !important;
    font:900 7px/8px Arial,sans-serif !important;
    letter-spacing:.8px !important;
}
.army-account-wallet-mini strong {
    display:block !important;
    margin-top:3px !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#ffd27b !important;
    font:900 11px/13px Consolas,"Courier New",monospace !important;
    text-shadow:0 0 6px rgba(255,161,45,.20) !important;
}
/* No repetir monedas en el lateral. */
.reference-usercp-coins,
.army-wallet-premium,
.army-myaccount-coin-grid { display:none !important; }
/* Cabeceras MRESET/RESET dentro del ancho real del lateral. */
.army-mreset-title,
.army-reset-title {
    width:100% !important;
    max-width:230px !important;
    min-height:44px !important;
    height:44px !important;
    padding:0 16px !important;
    margin:0 0 6px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}
.army-mreset-title .reference-premium-title-text,
.army-reset-title .reference-premium-title-text {
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    font-size:13px !important;
    line-height:16px !important;
    letter-spacing:0 !important;
}
.army-mreset-sidebar-frame {
    width:100% !important;
    max-width:230px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}
.army-mreset-sidebar-table th { padding:4px 1px !important; font-size:7px !important; line-height:9px !important; }
.army-mreset-sidebar-table td { padding:3px 1px !important; font-size:8px !important; line-height:10px !important; }
.army-mreset-sidebar-table th:nth-child(1),.army-mreset-sidebar-table td:nth-child(1){width:18px !important;}
.army-mreset-sidebar-table th:nth-child(3),.army-mreset-sidebar-table td:nth-child(3){width:38px !important;}
.army-mreset-sidebar-table th:nth-child(4),.army-mreset-sidebar-table td:nth-child(4){width:42px !important;}
/* El cursor de accion debe aparecer tambien en botones flotantes y Discord. */
a:hover, button:hover, [role="button"]:hover,
.reference-social-link:hover,
.reference-social-disabled:hover,
.vip-gift-trigger:hover,
.army-guide-trigger-v29:hover,
.reference-menu-button:hover,
.army-rankings-hub-card:hover {
    cursor:url(../img/cur2.cur), pointer !important;
}
@media(max-width:760px){
    .army-account-wallet-inline{max-width:230px !important;gap:3px !important;}
    .army-account-wallet-mini strong{font-size:10px !important;line-height:12px !important;}
}

/* ==========================================================
   V170 - REY DEL MU + CHAT/PK EN VIVO + BOTONES ENTREGADOS
   ========================================================== */

/* Las placas nuevas son 3:1. Se respeta su proporcion real. */
.vip-gift-trigger.vip-gift-image-trigger,
.army-guide-trigger-v29.army-guide-trigger-image-v37 {
    width:246px !important;
    height:82px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    filter:drop-shadow(0 7px 10px rgba(0,0,0,.78)) !important;
    transition:transform .18s ease,filter .18s ease !important;
}
.vip-gift-trigger.vip-gift-image-trigger img,
.army-guide-trigger-v29.army-guide-trigger-image-v37 img {
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    background:transparent !important;
    border:0 !important;
}
.vip-gift-trigger.vip-gift-image-trigger { top:50% !important; right:10px !important; }
.army-guide-trigger-v29.army-guide-trigger-image-v37 { top:calc(50% + 86px) !important; right:10px !important; }
.vip-gift-trigger.vip-gift-image-trigger:hover,
.army-guide-trigger-v29.army-guide-trigger-image-v37:hover {
    transform:scale(1.035) !important;
    filter:brightness(1.08) drop-shadow(0 9px 14px rgba(0,0,0,.84)) !important;
}

.army-king-history-trigger {
    position:absolute !important;
    z-index:12 !important;
    top:9px !important;
    right:10px !important;
    width:30px !important;
    height:30px !important;
    padding:0 !important;
    border:1px solid rgba(235,178,76,.88) !important;
    border-radius:50% !important;
    background:radial-gradient(circle at 40% 35%,#a94816 0,#4c1708 48%,#180803 100%) !important;
    color:#ffe5a7 !important;
    font:900 23px/27px Georgia,serif !important;
    text-align:center !important;
    text-shadow:0 1px 2px #000,0 0 6px rgba(255,176,64,.55) !important;
    box-shadow:inset 0 0 0 2px rgba(38,12,3,.78),0 0 12px rgba(231,132,36,.24) !important;
}
.army-king-history-trigger:hover,
.army-king-history-trigger:focus {
    color:#fff6d6 !important;
    border-color:#ffd983 !important;
    transform:scale(1.08) !important;
    outline:none !important;
}

.army-king-history-overlay {
    position:fixed !important;
    z-index:2147483400 !important;
    inset:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:18px !important;
    box-sizing:border-box !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    background:rgba(2,1,1,.84) !important;
    backdrop-filter:blur(5px) !important;
    transition:opacity .2s ease,visibility .2s ease !important;
}
.army-king-history-overlay.is-open {
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
}
body.army-modal-open { overflow:hidden !important; }
.army-king-history-modal {
    position:relative !important;
    width:900px !important;
    max-width:calc(100vw - 30px) !important;
    max-height:calc(100vh - 30px) !important;
    overflow:auto !important;
    box-sizing:border-box !important;
    padding:24px 25px 26px !important;
    border:1px solid #bd762c !important;
    outline:1px solid rgba(0,0,0,.95) !important;
    background:
      radial-gradient(circle at 50% 0,rgba(150,59,15,.24),transparent 42%),
      linear-gradient(180deg,rgba(32,15,7,.99),rgba(7,5,4,.995)) !important;
    box-shadow:inset 0 0 0 1px rgba(255,224,165,.06),inset 0 0 52px rgba(101,34,8,.14),0 25px 70px rgba(0,0,0,.85),0 0 30px rgba(177,86,20,.18) !important;
}
.army-king-history-modal::before,
.army-king-history-modal::after {
    content:"" !important;
    position:absolute !important;
    left:20px !important;
    right:20px !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,#d8953d,transparent) !important;
}
.army-king-history-modal::before { top:9px !important; }
.army-king-history-modal::after { bottom:9px !important; }
.army-king-history-close {
    position:absolute !important;
    z-index:3 !important;
    top:10px !important;
    right:12px !important;
    width:34px !important;
    height:34px !important;
    border:1px solid rgba(193,117,45,.74) !important;
    background:#170b06 !important;
    color:#e6b976 !important;
    font:900 25px/30px Arial,sans-serif !important;
}
.army-king-history-kicker {
    color:#b98750 !important;
    font:900 9px/12px Arial,sans-serif !important;
    letter-spacing:3.5px !important;
    text-align:center !important;
}
.army-king-history-modal h2 {
    margin:3px 40px 2px !important;
    color:#ffd26f !important;
    font:900 30px/34px Georgia,serif !important;
    letter-spacing:2px !important;
    text-align:center !important;
    text-shadow:0 2px 2px #000,0 0 13px rgba(255,144,25,.28) !important;
}
.army-king-history-modal > p {
    margin:0 0 16px !important;
    color:#91775e !important;
    font:700 10px/15px Arial,sans-serif !important;
    text-align:center !important;
}
.army-king-history-grid {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
}
.army-king-history-grid > section {
    min-width:0 !important;
    padding:10px !important;
    border:1px solid rgba(139,81,31,.56) !important;
    background:linear-gradient(180deg,rgba(41,21,11,.78),rgba(12,8,6,.90)) !important;
    box-shadow:inset 0 0 16px rgba(0,0,0,.42) !important;
}
.army-king-history-grid h3 {
    margin:0 0 8px !important;
    padding:0 0 7px !important;
    border-bottom:1px solid rgba(155,94,38,.38) !important;
    color:#e1b46f !important;
    font:900 11px/14px Arial,sans-serif !important;
    letter-spacing:1px !important;
    text-align:center !important;
}
.army-king-history-list { display:grid !important; gap:6px !important; }
.army-king-history-row {
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:36px minmax(0,1fr) 76px !important;
    align-items:center !important;
    gap:8px !important;
    min-height:48px !important;
    padding:5px 8px !important;
    box-sizing:border-box !important;
    border:1px solid rgba(128,75,32,.40) !important;
    background:linear-gradient(90deg,rgba(68,30,10,.40),rgba(12,8,6,.80)) !important;
}
.army-king-history-mark { display:flex !important; align-items:center !important; justify-content:center !important; }
.army-king-history-mark svg { width:30px !important; height:30px !important; }
.army-king-history-position { color:#f2b34d !important; font:900 14px/18px Georgia,serif !important; text-align:center !important; }
.army-king-history-row > div { min-width:0 !important; }
.army-king-history-row strong,
.army-king-history-row strong a { display:block !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; color:#f2d2a2 !important; font:900 12px/15px Arial,sans-serif !important; text-decoration:none !important; }
.army-king-history-row small { display:block !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; color:#806d5b !important; font:700 7px/10px Arial,sans-serif !important; }
.army-king-history-row time { text-align:right !important; }
.army-king-history-row time b { display:block !important; color:#ffad3d !important; font:900 11px/14px Consolas,monospace !important; }

.army-live-activity-card { margin-top:12px !important; }
.army-live-activity-grid {
    position:relative !important;
    z-index:2 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    padding:8px !important;
}
.army-live-stream {
    min-width:0 !important;
    border:1px solid rgba(139,82,35,.55) !important;
    background:linear-gradient(180deg,rgba(34,18,10,.88),rgba(9,7,5,.94)) !important;
    box-shadow:inset 0 0 15px rgba(0,0,0,.45) !important;
}
.army-live-stream > header {
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-height:40px !important;
    padding:6px 9px !important;
    box-sizing:border-box !important;
    border-bottom:1px solid rgba(143,84,35,.38) !important;
    background:linear-gradient(180deg,rgba(77,36,12,.30),rgba(23,13,8,.18)) !important;
}
.army-live-stream > header strong { display:block !important; color:#e7be7e !important; font:900 9px/12px Arial,sans-serif !important; letter-spacing:.5px !important; }
.army-live-stream > header small { display:block !important; color:#786554 !important; font:700 6px/8px Arial,sans-serif !important; letter-spacing:.45px !important; }
.army-live-pulse {
    width:9px !important;
    height:9px !important;
    flex:0 0 9px !important;
    border-radius:50% !important;
    background:#49d478 !important;
    box-shadow:0 0 0 3px rgba(73,212,120,.10),0 0 9px rgba(73,212,120,.60) !important;
    animation:armyLivePulseV170 1.5s ease-in-out infinite !important;
}
.army-live-pulse-red { background:#e34e42 !important; box-shadow:0 0 0 3px rgba(227,78,66,.10),0 0 9px rgba(227,78,66,.58) !important; }
@keyframes armyLivePulseV170 { 0%,100%{opacity:.48;transform:scale(.88)} 50%{opacity:1;transform:scale(1.08)} }
.army-live-list { min-height:132px !important; max-height:226px !important; overflow:auto !important; padding:5px 7px !important; box-sizing:border-box !important; scrollbar-width:thin !important; scrollbar-color:#7d4722 #120b07 !important; }
.army-live-row {
    display:grid !important;
    grid-template-columns:38px minmax(0,1fr) !important;
    gap:7px !important;
    padding:6px 3px !important;
    border-bottom:1px solid rgba(117,73,37,.24) !important;
}
.army-live-row:last-child { border-bottom:0 !important; }
.army-live-row > time { color:#a16d3c !important; font:900 8px/12px Consolas,monospace !important; }
.army-live-row > div { min-width:0 !important; }
.army-live-row strong,
.army-live-row strong a { color:#e6ba7d !important; font-weight:900 !important; text-decoration:none !important; }
.army-live-row p { margin:0 !important; color:#aa9682 !important; font:700 8px/12px Arial,sans-serif !important; overflow-wrap:anywhere !important; }
.army-live-pk-row p span { color:#866e59 !important; }
.army-live-pk-row small { display:block !important; margin-top:2px !important; color:#78614e !important; font:700 6px/9px Arial,sans-serif !important; }
.army-live-empty { padding:18px 10px !important; color:#7e6b59 !important; font:800 8px/12px Arial,sans-serif !important; text-align:center !important; }
.army-live-activity-footer {
    position:relative !important;
    z-index:2 !important;
    display:flex !important;
    justify-content:space-between !important;
    gap:8px !important;
    padding:0 10px 8px !important;
    color:#745f4d !important;
    font:800 6px/9px Arial,sans-serif !important;
    letter-spacing:.5px !important;
}
.army-live-activity-footer time { color:#a36d38 !important; font-family:Consolas,monospace !important; }

@media(max-width:760px) {
    .vip-gift-trigger.vip-gift-image-trigger,
    .army-guide-trigger-v29.army-guide-trigger-image-v37 {
        width:164px !important;
        height:55px !important;
        right:4px !important;
    }
    .vip-gift-trigger.vip-gift-image-trigger { top:auto !important; bottom:116px !important; }
    .army-guide-trigger-v29.army-guide-trigger-image-v37 { top:auto !important; bottom:58px !important; }
    .army-king-history-grid,
    .army-live-activity-grid { grid-template-columns:1fr !important; }
    .army-king-history-modal { padding:20px 12px 22px !important; }
    .army-king-history-modal h2 { font-size:23px !important; line-height:27px !important; }
    .army-live-list { max-height:190px !important; }
    .army-king-history-trigger { top:6px !important; right:7px !important; width:27px !important; height:27px !important; font-size:20px !important; line-height:24px !important; }
}