/*
	@ AT7 Design
	@ Estruturado por Alex Luiz
	@ Design por AsR
	@modificado por Adriano Ferreira 
*/

/* Reset */
*{
	padding:0px;
	margin:0px;	
}
html {background:#000 url(images/bgsite.png) no-repeat center bottom; width: 100%;}
body
{
    height: auto;
   	z-index: 0;

}
    div.bg
    {
        position: absolute;
        width: 100%;
        height: 100%;
      	background-position:center top;
        background-repeat: no-repeat;
		clear:both;
	
	
    }
div#background1
{
    background-image: url(images/bgs/bg1.jpg);
z-index: 0; 
}
div#background2
{
    background-image: url(images/bgs/bg2.jpg);
	z-index: 0;
}
div#background3
{
    background-image: url(images/bgs/bg3.jpg);
	z-index: 0;
}
div#background4
{
    background-image: url(images/bgs/bg4.jpg);
z-index: 0; 
}
div#background5
{
    background-image: url(images/bgs/bg5.jpg);
	z-index: 0;
}
div#background6
{
    background-image: url(images/bgs/bg6.jpg);
	z-index: 0;
}
div#background7
{
    background-image: url(images/bgs/bg7.jpg);
z-index: 0; 
}
div#background8
{
    background-image: url(images/bgs/bg8.jpg);
	z-index: 0;
}
div#background9
{
    background-image: url(images/bgs/bg9.jpg);
	z-index: 0;
}
div#background10
{
    background-image: url(images/bgs/bg10.jpg);
z-index: 0; 
}
div#background11
{
    background-image: url(images/bgs/bg11.jpg);
	z-index: 0;
}

body{
	font-family:Tahoma;
	font-size:10px;
	color:#c1c1c1;	
}.spacing {
    padding: 18px 16px;
 color: #FFFFFF;
}.right{
	float:right;
}.red{
	color:#6100a1;
	text-decoration: underline;
}.clearfix {
    clear: both;
}a{
    color: #FFFFFF;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
 color: #5c0099;
}


/* Line TOP */
#line {
	background-image:url(images/line_bg.png);
    line-height: 40px;
z-index: 100;
}
.mainw {
    margin: 0 auto;
    width: 960px;
    text-align: left;
    position: relative;
z-index: 100;
}
#line #networks {
    position: absolute;
    line-height: 19px;
    top: 3px;
    padding: 0 8px;
    right: -100px;
    width: 250px;
}#networks ul li{
	float:left;
	list-style:none;	
}#networks img:hover{
	-moz-opacity: 0.90;
	filter: alpha(opacity=65);
}

/* Content */
#bg{
 background:url(images/bg.png) no-repeat top center;
position:relative;
height:1000px;



}
#header {
    height: 306px;
}
.logo
{
	opacity: 1 !important;
	background: url(images/logo.png);
	margin-top: 140px; 
	margin-left: 30px; 
	width: 900px; 
	height:230px; 
	float:left;
	clear:both;
}
/*================ MENU START ================*/
#menu 
{  
	background: url(images/menu/bg_menu.png) repeat-x; width: 960px;
	height: 46px ;
	float: left;
	border-bottom: 1px solid #6100a1;
	border-radius: 10px 10px 0  0;
	text-transform:uppercase;
}
#menu ul li 
{
	display:inline;
	list-style: none; 
}
#menu  a 
{ 
	float: left;
	text-decoration: none;
	color: #ccc;
	font-weight: bold;
	font-size: 12px;
	padding: 15px 20px; 
}
#menu li a:hover 
{ 
	color: #FFF;
	background: url(images/menu/menu_bg_hover.png);
	height: 16px;
}
.menu_curves a:hover 
{ 
	color: #FFF; 
	background: url(images/menu/menu_bg_hover.png);  
	border-radius: 10px 0 0 0;
	height: 16px; 
}
/*################	END MENU  ################*/
/* Main Content */
#main {
    width: 955px;
	margin:0 auto;
}#slide {
	background-image:url(images/slide_bg.png);
    float:right;
    width: 685px;
	height: 193px;
    text-align: center;
    margin-bottom: 10px;
	margin:2px 5px;
}#slide img{
	margin:4px;	
}#rightbar {
    float:right;
    width: 258px;
}ul.info {
    margin: 20px 30px;;
    list-style: none;
}#rightbar .info li {
	list-style-image:url(images/li-ball.png);
    padding:1px;
color:#FFFFFF;
}
#rightbar .box {
    background: #111 url(images/l-bg.png) repeat-y top center;
    font-size: 12px;
	color:#3c3c3c;
	font-family:Tahoma;
    padding: 0 1px;
	border-bottom: 1px solid #1e1e1e;
    margin-bottom: 10px;
z-index: 100;
}
#rightbar h1 {
    background: url(images/l-boxt_03.png) no-repeat left top;
    line-height: 38px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    padding-left: 45px;
	color:#c1c1c1;
	font-weight:bold;
}#rightbar p {
    margin: 0 12px 8px 0;
    text-align: right;
}.info hr{
	background: url(images/dashed.png) repeat-x left bottom;
	margin:10px 10px;
	border:0px;
}hr{
	background: url(images/dashed.png) repeat-x left bottom;
	margin:10px 10px;
	border:0px;
}ul{
	list-style:none;
}

/* Servidores */
#rightbar .room_bg {
	background: url(images/room_bg.png) no-repeat;
    height: 14px;
	width:241px;
    background-color: #161616;
    margin: 2px -19px 8px;
    text-align: left;
    font-size: 0;
    overflow: none;
}
#rightbar .room_bg .fill {
    height: 14px;
    background: url(images/room-fill.png) no-repeat top left;
}div.gaugeDiv {
    margin: 0px;
    padding: 0px;
}
div.gaugeDiv ul li {
	list-style-position: outside;
	list-style-image: url(images/li-ball.png);
	list-style-type: square;
	margin-left: 20px;
	color: #1e1e1e;
}
div.gaugeDiv ul li a {
	color: #1e1e1e;
}.gauge{
    margin: 0px 0px 5px 0px;
    padding: 0px;
    overflow: hidden;
}
.gauge .top{
    margin: 0px 1px;
    overflow: hidden;
    height: 1px;
    background: #1e1e1e;
}
.gauge .bottom{
    margin: 0px 1px;
    overflow: hidden;
    height: 1px;
    background: #1e1e1e;
}
.gauge .content{
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: none solid;
    border-left-color: #1e1e1e;
    border-right-color: #1e1e1e;
    overflow: hidden;
    background: none;
}
.gauge .content .filling{
    background-color: #1e1e1e;
}
.gauge .content .remaining{
    border: 1px solid #999;
    overflow: hidden;
    background-color: #1e1e1e;
}

/* Inputs */
input[type=text], input[type=password]{
	background-image:url(images/ipt-bg.png);
    font: 11px Verdana;
    padding: 5px 5px;
    color: #000;
	border:0px solid;
}select{
	background-image:url(images/ipt-bg.png) no-repeat top;
    font: 11px Verdana;
    padding: 5px;
    color: #000;
	border:0px solid;
}textarea{
	background-image:url(images/ipt-bg.png) no-repeat top;
    font: 11px Verdana;
    padding: 5px;
    color: #000;
	border:0px solid;
}.button{
    background: url(images/btn-bg.png) repeat-x left top;
	border:0px solid;
    color: #FFF;
    padding: 5px 5px;
    text-transform: uppercase;
	font:11px Arial ;
    cursor: pointer;
	font-weight:bold;
	text-shadow:  2px 1px 2px #000000;
}

.ipt-text {
	background-image:url(images/ipt-bg.png);
    font: 11px Verdana;
    padding: 5px;
    color: #000;
	border:0px solid;
}
.ipt-btn {
    background: url(images/btn-bg.png) repeat-x left top;
	border:0px solid;
    color: #FFF;
    padding: 8px 10px;
    text-transform: uppercase;
	font:11px Arial ;
    cursor: pointer;
	font-weight:bold;
	text-shadow:  2px 1px 2px #000000;

}

/* Center Init */

#center {
    float: left;
    width: 685px;
	margin-bottom: 20px;
	margin:2px 5px;
}
#center .box {
    background: #111 url(images/c-bg.png) repeat-y top center;
    margin-bottom: 10px;
    font-size: 11px;
	border-bottom: 1px solid #1e1e1e;
	margin:7px 0;
    border-top-right-radius:20px;
	border-top-left-radius:20px;
}#center h1 {
    background: url(images/c-box_03.png) no-repeat left top;
    line-height: 38px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    padding-left: 45px;
	color:#c1c1c1;
	font-weight:bold;
    padding-left: 45px;
}.box tr,td{
	background:none;
}
.box th{
	font-size:12px;
	background-color:#5b0097;
	text-transform:uppercase;
	color:#CCC;
	line-height:15px;
	padding:5px;
	text-align:center;
	opacity:0.8;
}
.box table{
	border:1px dashed #1e1e1e;
}ul.regras {
    margin: 20px 30px;
    list-style: none;
}#rightbar .regras li {
	list-style-image:url(images/li-ball.png);
    padding:1px;
}

.notices ul {
    list-style: none;
  
}
.notices li {
    padding: 8px 10px 3px;
	list-style: none;
	float:left;
	background-image:url(images/bg-li.png);
	height:15px;
	width:97%;
	margin:0 auto;
       
}
.notices li a {
    background: url(images/li-ball.png) no-repeat left center;
    padding-left: 15px;
     color:#FFFFFF;
}.notices small {
	text-align:right;
	float:right;
}


/**/
#center ul.ulstyle {
    list-style: none;
    margin-top: 1px;
}
#center .ulstyle li {
    list-style: none;
    padding: 4px 0 4px 8px;
    line-height: 13px;
}
#center .ulstyle li.even {
    background-color: #111;
}#center .box #clastle{
	background-image:url(images/castle.png);
	width:663px;
	height:114px;
}#clastle .owner{
	color:red;
	font-weight:bold;
	position:relative;
	top:58px;
	left:115px;
	width:200px;
}#clastle .date{
	color:red;
	font-weight:bold;
	position:relative;
	top:93px;
	left:60px;
	width: 200px;
}#center .box #gens{
	background-image:url(images/gens.png);
	width:663px;
	height:144px;
}#gens .duprian{
	float:left;
	padding-top:23px;
	margin:0 170px;
	color:#FFF;
	display:block;
}#gens .duprian_points{
	float:left;
	padding-top:26px;
	margin:0 170px;
	color:#FFF;
	display:block;
}#gens .venert{
	float:left;
	padding-top:0px;
	margin:-13px 3px;
	color:#FFF;
	display:block;
}#gens .venert_points{
	float:left;
	padding-top:0px;
	margin:26px 3px;
	color:#FFF;
	display:block;
	
}#guilds img{
	width:129px;
	height:136px;
	border:1px solid #333;
	padding:3px;
}

/* Menu Painel */
#menu_cp {
    margin-bottom: 5px;
    border: 1px solid #1e1e1e;
    padding: 5px;
}
#menu_cp ul {
    margin: 0 2px 2px 4px;
}
#menu_cp li {
    margin: 0px;
    display: inline;
    list-style: none;
    background:url(images/li-ball.png) no-repeat 1px 3px;
    padding: 0px 13px 0px 13px;
}

/* Virtual vault */
.vaultBox {                
    width: 300px;
    height: 589px;
    background-image: url(images/vault.png); 
}

.vaultBox #vaultName {                
    position: relative;
    top: 15px;  
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    text-align: center;
    color: #fff;
}

.vaultBox ul#itemsVaultGame, ul#itemsVaultVirtual {                   
    position: relative;
    top: 68px;
    left: 25px;               
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: auto;                 
    width: 251px;
    height: 474px;    
}
.vaultBox ul#itemsVaultGame li, ul#itemsVaultVirtual li {                
    width: 96%;
    height: 17px;    
    margin: 0;
    padding-left: 8px;
    color: #fff;
    overflow: hidden;
    list-style: none; 
    background: none;
}
.vaultBox ul#itemsVaultGame li:hover, ul#itemsVaultVirtual li:hover {                
    width: 96%;
    height: 17px;    
    margin: 0;    
    padding-left: 8px;
    color: #000;
    background-color: #FFF;
    overflow: hidden; 
}
.vaultBox ul#itemsVaultGame li:hover, ul#itemsVaultVirtual li:hover {                
    cursor: pointer; 
}

/*################## FOOTER ##################*/
#footer {
	margin-top:100px;
	background:url(images/footer.png); 
	height: 80px; 
	width: 100%; 
	float: left; 
}
#footer_content {
	width: 960px; 
	margin: 0 auto;
	clear:both; }

#footer_separator { 
	height: 2px; 
	width: 100%;
	float: left; 
	background: url(images/hr.png) ;
	margin-top: 8px;
	list-style: none
	 }
#footer_content a { 
	color: #bababa; 
	font-size: 12px; 
	margin-top: 10px;
	}
#footer_content a:hover {
	text-decoration:none;
	}
#footer_content span { 
	color: #6100a1; 
	font-weight: bold;}
#noticias
{
	width:100%;	
}
#noticias h1
{
	background:none;
	color:#5b0097;
	text-transform:uppercase;
	text-align:center;	
}
/* interface game */
.goldenArcherBox {                
    width: 626px;
    height: 589px;
    background-image: url(images/goldenarcher/interface.jpg);
    font: 11px Tahoma,Geneva,sans-serif !important; 
}

.goldenArcherBox #goldenArcherName {                
    position: relative;
    top: 15px;  
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    text-align: center;
    color: #96FFF0;
    width: 300px;
}
.goldenArcherBox #serialText {                
    height: 300px;
    left: 30px;
    position: relative;
    top: 65px;
    width: 240px;
    text-align: justify;
}
.goldenArcherBox #serialText p {                
    color: #fff;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    font: Tahoma, Geneva, sans-serif !important;
    line-height: normal;
}
.goldenArcherBox #serialText p.goldText {                
    color: #EAE25B;
    font-size: 11px;
    text-align: center;
}
.goldenArcherBox #serialText p.bold { 
    font-weight: bold;
}
.goldenArcherBox #serialInput {                
    position: relative;
    top: 106px;
    left: 62px;
    width: 174px;
}
.goldenArcherBox #serialInput input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 12px;
    height: 17px;
    text-align: center;
    width: 168px;
}
.goldenArcherBox #serialCheck {                
    position: relative;
    top: 131px;
    left: 53px;
    width: 193px;
}  
.goldenArcherBox #serialCheck input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: yellow;
    font-size: 12px;
    height: 31px;
    text-align: center;
    width: 190px;
}
.goldenArcherBox #serialResponse {                
    position: relative;
    top: 151px;
    left: 53px;
    width: 193px;
    text-align: center;  
}
.goldenArcherBox #serialResponse p.yellow{                
    color: yellow;
    font-weight: bold;
}
.goldenArcherBox #serialResponse p.white{                
    color: white; 
    font-weight: bold;
}



/* question event */
#questionsEvent {
    width: 450px; 
    height: 360px;
    font-size: 12px;
}
#questionsEvent #answerQuestion {
    text-align: center;
}
#questionsEvent #answerQuestion p { 
    font-weight: bold;
    font-size: 12px;
    color: #000; 
    line-height: normal;
    margin: 0;
    padding: 0; 
}
#questionsEvent #answerQuestion p.congratulations { 
    font-weight: bold;
    font-size: 16px;
    color: #9b4dff;
    line-height: normal;
    margin: 0;
    padding: 0;
}
#questionsEvent #optionsQuestion { 
    margin: 10px;
    width: 425px;
    overflow: hidden;
    padding-top: 10px;
}
#questionsEvent #stringQuestion { 
    color: black;
    font-weight: bold;
    font-size: 16px;
    width: 425px;
    background-color: #F2F2F2;
    /*padding: 5px;*/
    text-align: center;
    margin-bottom: 2px;
}
#questionsEvent #stringsAnswer { 
    color: black;
    font-size: 12px;       
    padding: 5px;
    background-color: #F8F8F8;
}
#questionsEvent #buttonSubmit { 
    width: 425px;
    background-color: #F8F8F8;
} 
#questionsEvent #buttonSubmit input { 
    color: #000;
    margin: 5px;
    width: 412px;
}  
#questionsEvent #reponseSubmit { 
    text-align: center;
} 
#questionsEvent #reponseSubmit p { 
    font-weight: bold;
    font-size: 12px;
    color: #000;
    line-height: normal;
    margin: 0;
    padding: 0;
} 
#questionsEvent #reponseSubmit p.correctResponse { 
    font-weight: bold;
    font-size: 16px;
    color: #9b4dff;
    line-height: normal;
    margin: 0;
    padding: 0;
}
#questionsEvent #reponseSubmit p.incorrectResponse { 
    font-weight: bold;
    color: red;
    line-height: normal;
    margin: 0;
    padding: 0;
}
#questionsEvent #reponseSubmit p.serial { 
    font-weight: bold;
    font-size: 16px;
    color: #9b4dff;
    line-height: normal;
    margin: 0;
    padding: 0;
}
                           
#questionsEvent #timerString {
    float: right;
    padding-right: 10px;
    font-weight: bold;
    font-size: 12px;
}
#questionsEvent #timerCount {
    display: inline;
    font-weight: bold;
    color: #9b4dff;
    font-size: 12px;
}
.rei{
	width:198px;
	height:250px;
	background: url(images/rdpvp.png);
	margin-left:30px;
	}
.pvp{
	width:74px;
	height:96px;
	position:relative;
	top:101px;
	left:50px;
	text-align:center;
}
#popup{
position: absolute;
top: 15px;
left: 15px;
padding: 4px 4px 4px 4px;
border-width: 0px;
border-style: solid;

display: none;
z-index: 10000;
}

.table-style2{float:left;width:100%}
.table-list2 {float:left;margin-bottom:10px;width:100%}
.table-list2 th{padding:8px 10px}
.table-list2 td{padding:3px 10px;text-align:center}


/* ================= PREMIUM HOME UPDATE ================= */
#center.home-premium {
    float: left;
    width: 690px;
}
.premium-hero {
    overflow: hidden;
    border: 1px solid #54147e;
    border-radius: 14px;
    box-shadow: 0 0 18px rgba(153, 0, 255, 0.18);
}
#slide.premium-hero,
#slide.premium-hero img {
    border-radius: 12px;
}
.premium-box {
    background: linear-gradient(180deg, rgba(18, 18, 18, 0.98), rgba(8, 8, 8, 0.98)) !important;
    border: 1px solid #601790;
    border-radius: 14px;
    box-shadow: 0 0 18px rgba(153, 0, 255, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.03);
    overflow: hidden;
    margin-bottom: 14px !important;
}
#center .premium-box h1 {
    background: linear-gradient(90deg, rgba(8, 8, 8, 0.98), rgba(37, 16, 51, 0.96), rgba(8, 8, 8, 0.98));
    border-bottom: 1px solid rgba(135, 34, 202, 0.45);
    color: #fbf5ff;
    font-size: 13px;
    letter-spacing: 0.7px;
    text-shadow: 0 0 8px rgba(187, 84, 255, 0.25);
}
.premium-box-content {
    padding: 16px;
}
.premium-notices li {
    margin-bottom: 8px;
}
.premium-notices li div {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(179, 65, 255, 0.10) !important;
    border-radius: 10px;
    padding: 10px 12px;
    color: #d2d2d2;
}
.premium-notices li div a {
    color: #ffffff;
    font-weight: bold;
}
.premium-ranking-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.premium-ranking-card,
.premium-event-card {
    background: linear-gradient(180deg, rgba(13, 13, 13, 0.94), rgba(5, 5, 5, 0.98));
    border: 1px solid rgba(133, 47, 191, 0.28);
    border-radius: 14px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 0 12px rgba(153, 0, 255, 0.06);
    padding: 14px;
}
.premium-ranking-card h3,
.premium-event-card h3 {
    color: #c062ff;
    font-size: 14px;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.premium-ranking-list li {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 7px 0;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.08);
    color: #d6d6d6;
}
.premium-ranking-list li:last-child {
    border-bottom: 0;
}
.premium-ranking-list li a {
    color: #ffffff;
    font-weight: bold;
}
.premium-ranking-link {
    margin-top: 12px;
    text-align: right;
}
.premium-ranking-link a {
    display: inline-block;
    padding: 7px 12px;
    border-radius: 8px;
    background: linear-gradient(180deg, #6c0bad, #450470);
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    box-shadow: 0 0 12px rgba(176, 58, 255, 0.18);
}
.premium-events-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
.premium-event-card p {
    color: #c9c9c9;
    font-size: 11px;
    line-height: 1.7;
    margin-bottom: 4px;
}
.premium-event-card p span {
    color: #c062ff;
    font-weight: bold;
    display: inline-block;
    min-width: 58px;
}
.premium-event-card p a {
    color: #ffffff;
    font-weight: bold;
}
#center .box table {
    width: 100%;
}
#center .box img.fade {
    border-radius: 10px;
    border: 1px solid rgba(189, 90, 255, 0.25);
    box-shadow: 0 0 10px rgba(153, 0, 255, 0.15);
}


/* ================= PREMIUM V2 GLOBAL FIXES ================= */
#line {
    background: linear-gradient(180deg, rgba(20, 20, 20, 0.96), rgba(4, 4, 4, 0.96));
    border-bottom: 1px solid rgba(190, 92, 255, 0.18);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.45);
}
#line .mainw {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 18px;
}
#bg {
    background: url(images/bg.png) no-repeat top center;
    min-height: 1000px;
    height: auto;
}
.mainw {
    width: 955px;
}
#header {
    height: 298px;
    position: relative;
}
.logo {
    margin-top: 18px;
    margin-left: 0;
    width: 955px;
    height: 270px;
    background-position: center top;
    background-repeat: no-repeat;
    filter: drop-shadow(0 0 24px rgba(175, 54, 255, 0.14));
}
#menu {
    width: 955px;
    height: 42px;
    margin-top: -6px;
    background: linear-gradient(180deg, rgba(22, 22, 22, 0.98), rgba(7, 7, 7, 0.98));
    border: 1px solid rgba(183, 76, 255, 0.18);
    border-bottom: 1px solid #892dc7;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    overflow: hidden;
}
#menu a {
    padding: 13px 18px;
    font-size: 11px;
    letter-spacing: .4px;
    text-shadow: 0 0 8px rgba(0, 0, 0, .6);
}
#menu li a:hover,
.menu_curves a:hover {
    background: linear-gradient(180deg, rgba(181, 70, 255, 0.12), rgba(93, 15, 145, 0.18));
    height: 16px;
    box-shadow: inset 0 -2px 0 #9b41d7;
}
#main {
    width: 955px;
    margin: 10px auto 0;
}
#main:after {
    content: "";
    display: block;
    clear: both;
}
#center,
#center.home-premium {
    float: left;
    width: 682px;
    margin: 0 15px 0 0;
}
#rightbar {
    float: right;
    width: 258px;
}
#slide {
    float: none;
    width: 682px;
    height: 193px;
    margin: 0 0 14px 0;
}
#slide #imagesSlide,
#slide #imagesSlide > a,
#slide #imagesSlide img.slide {
    max-width: 100%;
}
#rightbar .box {
    background: linear-gradient(180deg, rgba(16, 16, 16, 0.98), rgba(7, 7, 7, 0.98));
    border: 1px solid rgba(160, 63, 225, 0.20);
    border-radius: 12px;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.03);
    overflow: hidden;
    padding: 0;
}
#rightbar h1 {
    background: linear-gradient(90deg, rgba(10, 10, 10, 0.98), rgba(31, 14, 43, 0.98), rgba(10, 10, 10, 0.98));
    border-bottom: 1px solid rgba(185, 80, 255, 0.24);
    line-height: 38px;
    color: #fbf5ff;
    text-shadow: 0 0 10px rgba(193, 100, 255, 0.18);
}
#rightbar .spacing,
#rightbar .info,
#rightbar .premium-sidebar-content {
    padding: 14px 15px;
    margin: 0;
}
#rightbar .info li {
    padding: 4px 0;
    color: #d8d8d8;
}
#rightbar .info li strong,
#rightbar .premium-stat-value {
    color: #be5cff;
}
#rightbar .premium-cta-box {
    padding: 0;
    background: transparent;
    border: 1px solid rgba(187, 84, 255, 0.22);
}
#rightbar .premium-cta-box a,
#rightbar .premium-cta-box img {
    display: block;
    width: 100%;
}
#rightbar .premium-team-table {
    width: 100%;
    border: 0;
}
#rightbar .premium-team-table td {
    padding: 5px 8px;
    color: #e2e2e2;
}
#center .box {
    border: 1px solid rgba(160, 63, 225, 0.18);
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.28);
    overflow: hidden;
}
#center h1 {
    letter-spacing: .6px;
}
.premium-box-content {
    padding: 16px 14px;
}
.premium-ranking-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.premium-events-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.premium-ranking-card,
.premium-event-card {
    min-width: 0;
}
.premium-ranking-list li {
    font-size: 11px;
}
.premium-ranking-list li a,
.premium-ranking-list li span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#footer {
    margin-top: 40px;
}
@media screen and (max-width: 980px) {
    .mainw, #main, #menu, .logo {
        width: 955px;
    }
}


/* ================= PREMIUM V3 HEADER + SIDEBAR + NEWS FIXES ================= */
#header {
    height: 330px;
}
.logo {
    height: 255px;
    margin-top: 24px;
    background-position: center top;
    background-size: contain;
}
#menu {
    margin-top: 10px;
    display: block;
    position: relative;
    z-index: 50;
}
#menu ul {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
}
#menu ul li {
    display: block;
    flex: 1 1 0;
}
#menu a {
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: 0 8px;
    text-align: center;
    white-space: nowrap;
}
#menu li a:hover,
.menu_curves a:hover {
    height: 42px;
    border-radius: 0;
}
#menu ul li:first-child a:hover {
    border-top-left-radius: 10px;
}
#menu ul li:last-child a:hover {
    border-top-right-radius: 10px;
}

/* notícias encaixadas corretamente */
.premium-notices {
    margin: 0;
    padding: 0;
}
.premium-notices li {
    float: none;
    display: block;
    width: auto;
    height: auto;
    margin: 0 0 8px 0;
    padding: 0;
    background: none;
}
.premium-notices li:last-child {
    margin-bottom: 0;
}
.premium-notices li div {
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.premium-notices li a {
    display: inline;
    background: none;
    padding-left: 0;
}

/* sidebar com bolinhas espaçadas */
#rightbar .info {
    padding: 14px 16px 12px 16px;
}
#rightbar .info hr {
    margin: 8px 0 10px 0;
}
#rightbar .info li {
    list-style: none;
    position: relative;
    padding: 5px 0 5px 14px;
    line-height: 1.45;
    margin: 0;
}
#rightbar .info li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #bd59ff;
    box-shadow: 0 0 8px rgba(189, 89, 255, 0.7);
}
#rightbar .info li a {
    display: inline;
}

/* pequenos alinhamentos gerais */
#main {
    margin-top: 14px;
}
#center .premium-box h1 {
    padding-right: 14px;
}


/* ================= PREMIUM V4 CARD + LOGIN POLISH ================= */
#center .premium-box h1,
#rightbar h1 {
    position: relative;
}
#center .premium-box h1:after,
#rightbar h1:after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    width: 42px;
    height: 2px;
    margin-top: -1px;
    background: linear-gradient(90deg, rgba(201, 120, 255, 0), rgba(201, 120, 255, .95));
    box-shadow: 0 0 10px rgba(201, 120, 255, .35);
}
.premium-box,
#rightbar .box {
    backdrop-filter: blur(2px);
}
.premium-ranking-card,
.premium-event-card {
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.premium-ranking-card:hover,
.premium-event-card:hover {
    transform: translateY(-2px);
    border-color: rgba(189, 90, 255, .48);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 0 18px rgba(153, 0, 255, 0.12);
}
.premium-ranking-list {
    margin: 0;
    padding: 0;
}
.premium-ranking-list li span:last-child {
    color: #c267ff;
    font-weight: bold;
    text-shadow: 0 0 8px rgba(179, 65, 255, 0.16);
}
.premium-ranking-link a {
    border: 1px solid rgba(209, 140, 255, .16);
    letter-spacing: .35px;
}
.premium-ranking-link a:hover {
    text-decoration: none;
    filter: brightness(1.08);
    box-shadow: 0 0 16px rgba(176, 58, 255, 0.26);
}
.premium-event-card p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px dashed rgba(255, 255, 255, .05);
    padding-bottom: 4px;
}
.premium-event-card p:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.premium-event-card p span {
    min-width: auto;
}

/* login box premium */
.premium-login {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.premium-login-row {
    margin: 0;
    float: none !important;
}
.premium-login input[type="text"],
.premium-login input[type="password"] {
    width: 100%;
    box-sizing: border-box;
    height: 34px;
    padding: 0 10px;
    border: 1px solid rgba(198, 112, 255, .20);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(240, 240, 240, .96), rgba(182, 182, 182, .90));
    color: #111;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .22), 0 0 8px rgba(153, 0, 255, .04);
}
.premium-login input[type="text"]:focus,
.premium-login input[type="password"]:focus {
    outline: none;
    border-color: rgba(198, 112, 255, .42);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .18), 0 0 10px rgba(190, 92, 255, .18);
}
.premium-login-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 2px;
}
.premium-login-actions a {
    color: #fbf5ff;
    font-size: 10px;
}
.premium-login .ipt-btn {
    border: 1px solid rgba(197, 109, 255, .18);
    border-radius: 8px;
    padding: 8px 12px;
    background: linear-gradient(180deg, #ab2cff, #5c0f90);
    box-shadow: 0 0 14px rgba(171, 44, 255, .18);
}
.premium-login .ipt-btn:hover {
    filter: brightness(1.06);
}
#ResultAjaxLogin {
    margin-top: 4px;
    min-height: 14px;
}

/* sidebar / stat polish */
#rightbar .info li strong,
#rightbar .info li font[color="#5c0099"] {
    text-shadow: 0 0 8px rgba(177, 60, 255, .10);
}
#rightbar .premium-cta-box img {
    transition: transform .2s ease, filter .2s ease;
}
#rightbar .premium-cta-box a:hover img {
    transform: scale(1.015);
    filter: brightness(1.06);
}


/* ================= V5 FOOTER + SMALLER RANKING BUTTONS ================= */
#footer {
    margin-top: 34px;
    background: linear-gradient(180deg, rgba(7, 16, 7, .96), rgba(2, 6, 2, .98));
    border-top: 1px solid #44086c;
    box-shadow: inset 0 1px 0 rgba(189, 90, 255, .08), 0 -4px 18px rgba(0, 0, 0, .28);
    height: auto;
    min-height: 54px;
    width: 100%;
    float: left;
}
#footer_content {
    width: 960px;
    min-height: 54px;
    margin: 0 auto;
    padding: 12px 0 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 14px;
    clear: both;
}
#footer_content a,
#footer_content .footer-text {
    color: #bdbdbd;
    font-size: 11px;
    line-height: 1.4;
    text-decoration: none;
    margin: 0;
}
#footer_content a:hover {
    color: #ffffff;
    text-decoration: none;
}
#footer_content span {
    color: #b342ff;
    font-weight: bold;
}
#footer_separator,
#footer_content ul {
    display: none !important;
}
.premium-ranking-link {
    margin-top: 12px;
}
.premium-ranking-link a {
    display: inline-block;
    padding: 5px 10px;
    font-size: 10px;
    line-height: 1;
    border-radius: 999px;
    letter-spacing: .2px;
    text-transform: uppercase;
    box-shadow: 0 0 8px rgba(167, 35, 255, 0.16);
}
.premium-ranking-link a:hover {
    box-shadow: 0 0 10px rgba(176, 58, 255, .22);
}


/* ================= V6 HOME TITLES + SHOWCASE + FOOTER ================= */
#center .premium-section-title {
    margin-bottom: 6px !important;
}
#center .premium-section-title + .premium-showcase-box {
    margin-top: 0 !important;
}
.premium-showcase-content {
    padding: 18px 16px;
}
.premium-showcase-box table {
    border: 0;
    border-collapse: separate;
    border-spacing: 10px;
}
.premium-showcase-box table td {
    background: linear-gradient(180deg, rgba(13, 13, 13, .92), rgba(6, 6, 6, .98));
    border: 1px solid rgba(156, 68, 214, .18);
    border-radius: 12px;
    padding: 12px 10px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
    color: #d8d8d8;
}
.premium-showcase-box table tr:first-child td {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 2px 6px 6px;
    color: #c062ff;
    text-transform: uppercase;
    letter-spacing: .35px;
}
.premium-showcase-box table td a {
    color: #f8fff7;
    font-weight: bold;
    text-decoration: none;
}
.premium-showcase-box table td a:hover {
    color: #c979ff;
    text-decoration: none;
}
.premium-showcase-box table td img.fade {
    margin: 8px 0 10px;
}
.premium-showcase-box table td img[src*="logoGuildDecode"] {
    width: 100px;
    height: 100px;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: 0 0 12px rgba(153, 0, 255, .10);
    image-rendering: auto;
}
.premium-showcase-box table td img[src*="screenshots/"] {
    border-radius: 10px;
    border: 1px solid rgba(184, 78, 255, .18);
    box-shadow: 0 0 12px rgba(153, 0, 255, .10);
}
#center .premium-showcase-box h1 span a,
#center .premium-box h1 span a {
    color: #e1b4ff;
}
#center .premium-showcase-box h1 span a:hover,
#center .premium-box h1 span a:hover {
    color: #ffffff;
    text-decoration: none;
}
/* resultados e perfis no mesmo padrão */
#center .quadros {
    background: linear-gradient(180deg, rgba(14, 14, 14, .95), rgba(6, 6, 6, .98));
    border: 1px solid rgba(160, 63, 225, .18);
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .02);
    padding: 14px;
    margin: 10px 0;
    color: #d7d7d7;
}
#center .quadros table {
    border: 0;
    border-collapse: collapse;
}
#center .quadros td,
#center .quadros th {
    padding: 8px 10px;
    background: transparent;
    border-bottom: 1px dashed rgba(255, 255, 255, .06);
    color: #d7d7d7;
}
#center .quadros tr:last-child td {
    border-bottom: 0;
}
#center .qdestaques,
#center .qdestaques2 {
    border-radius: 10px;
    padding: 10px 12px;
    margin: 10px 0;
    font-weight: bold;
}
#center .qdestaques {
    background: rgba(120, 20, 20, .14);
    border: 1px solid rgba(255, 80, 80, .22);
    color: #ffd3d3;
}
#center .qdestaques2 {
    background: rgba(46, 17, 65, .22);
    border: 1px solid rgba(186, 83, 255, .20);
    color: #ead6ff;
}
/* footer com linha inferior */
#footer {
    border-bottom: 1px solid #44086c;
}
#footer_content {
    position: relative;
    padding-bottom: 14px;
}
#footer_content:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(68, 8, 108, 0), rgba(179, 66, 255, .95), rgba(68, 8, 108, 0));
    box-shadow: 0 0 8px rgba(179, 66, 255, .24);
}
#footer_content .footer-dev {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}
#footer_content .footer-site {
    color: #c56dff;
    font-weight: normal;
    font-size: 10px;
}