/*
	@ 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:#9b0000;
	text-decoration: underline;
}.clearfix {
    clear: both;
}a{
    color: #FFFFFF;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
 color: #ff1a1a;
}


/* 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 #9b0000;
	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:#650000;
	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: #9b0000; 
	font-weight: bold;}
#noticias
{
	width:100%;	
}
#noticias h1
{
	background:none;
	color:#650000;
	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;
}

/* notcias 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 espaadas */
#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="#ff1a1a"] {
    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 padro */
#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;
}

/* ==========================================================
   AJUSTE MUBETAX - FUNDO PROPORCIONAL FULL HD
   Feito para deixar o Noel Maligno/MuBetaX visível no topo,
   menu abaixo do logo e fundo ocupando a largura toda.
   ========================================================== */
html{
    background:#000 !important;
    width:100% !important;
    overflow-x:hidden !important;
}
body{
    background:#000 !important;
    min-height:100vh !important;
}
#bg{
    background:none !important;
    position:relative !important;
    min-height:1200px !important;
    height:auto !important;
    overflow:visible !important;
}
div.bg{
    position:fixed !important;
    top:40px !important;
    left:0 !important;
    width:100vw !important;
    height:100vh !important;
    background-position:top center !important;
    background-repeat:no-repeat !important;
    background-size:1920px auto !important;
    z-index:0 !important;
    pointer-events:none !important;
}
#background1{
    background-image:url(images/bgs/bg1.jpg) !important;
    display:block !important;
}
#background2,#background3,#background4,#background5,#background6,#background7,#background8,#background9,#background10,#background11{
    display:none !important;
    background-image:none !important;
}
#line{
    position:relative !important;
    z-index:200 !important;
    background:rgba(0,0,0,.92) !important;
    border-bottom:1px solid #520000 !important;
    box-shadow:0 0 18px rgba(255,0,0,.35) !important;
}
.mainw{
    width:960px !important;
    margin:0 auto !important;
    position:relative !important;
    z-index:100 !important;
}
#header{
    height:420px !important;
    position:relative !important;
}
.logo{
    display:none !important;
}
#menu{
    width:960px !important;
    height:46px !important;
    float:left !important;
    background:linear-gradient(to bottom,#171717 0%,#080808 100%) !important;
    border:1px solid #750000 !important;
    border-bottom:2px solid #b00000 !important;
    border-radius:10px 10px 0 0 !important;
    box-shadow:0 0 25px rgba(255,0,0,.35), inset 0 0 18px rgba(255,0,0,.12) !important;
}
#menu a{
    padding:15px 17px !important;
    color:#e4e4e4 !important;
    text-shadow:0 0 8px rgba(255,0,0,.65) !important;
}
#menu li a:hover,
.menu_curves a:hover{
    background:linear-gradient(to bottom,#450000,#150000) !important;
    color:#fff !important;
    text-decoration:none !important;
}
#main{
    width:960px !important;
    margin:0 auto 40px auto !important;
    clear:both !important;
}
#center .box,#rightbar .box{
    background:rgba(5,5,5,.90) !important;
    border:1px solid rgba(180,0,0,.65) !important;
    border-radius:10px !important;
    box-shadow:0 0 18px rgba(255,0,0,.18), inset 0 0 18px rgba(255,0,0,.08) !important;
    overflow:hidden !important;
}
#center h1,#rightbar h1{
    background:linear-gradient(to right,#1b0000,#080008 70%,#000) !important;
    border-bottom:1px solid #8a0000 !important;
    color:#ffd66b !important;
    text-shadow:0 0 8px rgba(255,0,0,.8) !important;
    padding-left:45px !important;
}
.box th{
    background:#4d0000 !important;
    color:#ffd66b !important;
}
.red,a:hover{
    color:#ff2626 !important;
}
.button,.ipt-btn{
    background:linear-gradient(to bottom,#a50000,#3b0000) !important;
    border:1px solid #ff3030 !important;
    border-radius:6px !important;
}
@media screen and (max-width:1366px){
    div.bg{background-size:1700px auto !important;}
    #header{height:390px !important;}
}
@media screen and (min-width:1800px){
    div.bg{background-size:1920px auto !important;}
    #header{height:420px !important;}
}


/* =========================================================
   MuBetaX Premium Red/Black Theme - ajustes ChatGPT
   Fundo proporcional + botes registre/download/informaes
   ========================================================= */
html, body{
    background:#000 !important;
    width:100% !important;
    min-height:100% !important;
    overflow-x:hidden !important;
}
body{
    font-family:Tahoma, Arial, Helvetica, sans-serif !important;
    color:#e6e6e6 !important;
}
#bg{
    background:#000 url(images/bgs/bg1.jpg) no-repeat top center !important;
    background-size:1920px auto !important;
    position:relative !important;
    min-height:1150px !important;
    height:auto !important;
    padding-bottom:40px !important;
}
div.bg{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    width:100vw !important;
    height:100vh !important;
    background-position:top center !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    opacity:.22 !important;
    z-index:0 !important;
    pointer-events:none !important;
}
#background1{ opacity:1 !important; }
.mainw{
    width:1100px !important;
    margin:0 auto !important;
    position:relative !important;
    z-index:10 !important;
}
#line{
    background:#050505 !important;
    border-bottom:1px solid rgba(190,0,0,.45) !important;
    box-shadow:0 0 22px rgba(255,0,0,.15) !important;
}
#line font, #line div{ color:#fff !important; }
#line font[color="#FFFF00"], #line blink{ color:#ff1a1a !important; }
#header{ height:360px !important; }
.logo{
    width:980px !important;
    height:260px !important;
    margin:80px auto 0 auto !important;
    float:none !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-size:contain !important;
    filter:drop-shadow(0 0 18px rgba(255,0,0,.65));
}
#menu{
    width:1100px !important;
    height:50px !important;
    float:none !important;
    clear:both !important;
    background:linear-gradient(#1b1b1b,#090909 55%,#040404) !important;
    border:1px solid #6d0000 !important;
    border-bottom:2px solid #d80000 !important;
    border-radius:8px !important;
    box-shadow:0 0 20px rgba(255,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
    overflow:hidden !important;
}
#menu ul{ display:flex !important; }
#menu ul li{ display:block !important; }
#menu a{
    padding:0 17px !important;
    height:50px !important;
    line-height:50px !important;
    color:#e8e8e8 !important;
    font-size:12px !important;
    text-shadow:0 1px 2px #000 !important;
    border-right:1px solid rgba(255,255,255,.06) !important;
    border-left:1px solid rgba(0,0,0,.55) !important;
    transition:all .18s ease-in-out !important;
}
#menu a:hover, #menu li:hover a{
    background:linear-gradient(#a90000,#520000 60%,#160000) !important;
    color:#fff !important;
    text-decoration:none !important;
    box-shadow:inset 0 0 15px rgba(255,60,60,.55) !important;
}
#menu a font, #menu blink{ color:#fff !important; }
#main{ width:1100px !important; margin:8px auto 0 auto !important; }
#center{ width:780px !important; margin:2px 10px 20px 0 !important; }
#rightbar{ width:300px !important; }
#center .box, #rightbar .box{
    background:linear-gradient(180deg,rgba(19,19,19,.96),rgba(6,6,6,.98)) !important;
    border:1px solid rgba(160,0,0,.72) !important;
    border-radius:8px !important;
    box-shadow:0 0 16px rgba(255,0,0,.18), inset 0 0 22px rgba(0,0,0,.75) !important;
    color:#dedede !important;
}
#center h1, #rightbar h1{
    background:linear-gradient(#151515,#070707) !important;
    color:#fff !important;
    border-bottom:1px solid rgba(190,0,0,.75) !important;
    padding-left:42px !important;
    line-height:38px !important;
    text-shadow:0 0 8px rgba(255,0,0,.65) !important;
}
#rightbar .info li, #rightbar .regras li{
    list-style-image:none !important;
    color:#f1f1f1 !important;
    padding:6px 0 6px 14px !important;
    background:url(images/li-ball.png) no-repeat left center !important;
}
#rightbar .info font[color="#ff1a1a"], font[color="#ff1a1a"], .red, a:hover{ color:#ff1a1a !important; }
.box th{ background:#650000 !important; color:#fff !important; }
.button, .ipt-btn, input[type=submit], input[type=button]{
    background:linear-gradient(#d90000,#6d0000 65%,#190000) !important;
    color:#fff !important;
    border:1px solid #ff3030 !important;
    border-radius:4px !important;
    box-shadow:0 0 10px rgba(255,0,0,.35), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.premium-cta-box{
    background:transparent !important;
    border:none !important;
    padding:0 !important;
    margin-bottom:12px !important;
    box-shadow:none !important;
}
.premium-action-btn{
    display:block !important;
    position:relative !important;
    height:70px !important;
    padding:0 82px 0 24px !important;
    box-sizing:border-box !important;
    text-decoration:none !important;
    text-transform:uppercase !important;
    overflow:hidden !important;
    border-radius:7px !important;
    border:1px solid #ff2020 !important;
    background:
        radial-gradient(circle at 85% 50%, rgba(255,0,0,.38), transparent 30%),
        linear-gradient(90deg,#220000,#090909 42%,#170000) !important;
    box-shadow:0 0 18px rgba(255,0,0,.55), inset 0 0 20px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.premium-action-btn:before{
    content:""; position:absolute; left:0; top:0; right:0; height:50%;
    background:linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,0));
    pointer-events:none;
}
.premium-action-btn:after{
    content:""; position:absolute; right:18px; top:13px; width:44px; height:44px;
    border-radius:50%; border:1px solid rgba(255,70,70,.85);
    background:radial-gradient(circle,#ff2b2b,#740000 55%,#050505 56%);
    box-shadow:0 0 14px rgba(255,0,0,.8), inset 0 0 8px #000;
}
.premium-action-title{
    display:block !important;
    padding-top:13px !important;
    color:#ff2424 !important;
    font-size:28px !important;
    line-height:28px !important;
    font-weight:bold !important;
    letter-spacing:1px !important;
    text-shadow:0 0 10px #000, 0 0 8px rgba(255,0,0,.8) !important;
}
.premium-action-sub{
    display:block !important;
    color:#f3f3f3 !important;
    font-size:12px !important;
    line-height:18px !important;
    letter-spacing:.5px !important;
    text-shadow:0 1px 2px #000 !important;
}
.premium-action-btn:hover{
    text-decoration:none !important;
    transform:translateY(-1px);
    background:
        radial-gradient(circle at 85% 50%, rgba(255,45,45,.5), transparent 32%),
        linear-gradient(90deg,#390000,#0d0d0d 42%,#260000) !important;
    box-shadow:0 0 26px rgba(255,0,0,.85), inset 0 0 22px rgba(0,0,0,.8) !important;
}
.premium-action-btn.download:after{ content:"\2193"; color:#fff; font-size:30px; line-height:44px; text-align:center; font-weight:bold; }
.premium-action-btn.register:after{ content:"\25C6"; color:#fff; font-size:24px; line-height:44px; text-align:center; }
.premium-action-btn.info:after{ content:"i"; color:#fff; font-family:Georgia,serif; font-size:32px; line-height:44px; text-align:center; font-weight:bold; }



/* =========================================================
   MuBetaX Premium V2 - redesign visual sem alterar menu/reliquia
   ========================================================= */
html{background:#000 url(images/bg_mubetax_v2.jpg) no-repeat center top fixed !important;background-size:cover!important;}
body{background:radial-gradient(circle at 50% 120px,rgba(255,0,0,.22),rgba(0,0,0,.32) 380px,rgba(0,0,0,.86) 1000px)!important;color:#eee!important;font-family:Arial,Helvetica,sans-serif!important;}
#line{height:0!important;line-height:0!important;overflow:hidden!important;border:0!important;background:transparent!important;}
#bg{background:transparent!important;min-height:1200px;height:auto!important;position:relative;}
#bg:before{content:"";position:absolute;left:0;right:0;top:0;height:720px;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.64) 520px,rgba(0,0,0,.94));z-index:1;pointer-events:none;}
.mainw,#main,#header,#menu,#center,#rightbar,#footer{position:relative;z-index:5;}
.mainw{width:1060px!important;}
#main{width:1060px!important;margin:0 auto!important;}
#header{height:270px!important;}
.logo{background:url(images/logo_v2.png) no-repeat center center!important;background-size:900px 230px!important;width:900px!important;height:230px!important;margin:34px auto 0!important;float:none!important;filter:drop-shadow(0 0 18px rgba(255,0,0,.95)) drop-shadow(0 0 34px rgba(0,0,0,1));}
.logo:after{content:"SEASON 97D PREMIUM";display:block;position:absolute;left:0;right:0;bottom:28px;text-align:center;color:#f3e2b2;letter-spacing:5px;font:bold 14px Georgia,serif;text-shadow:0 0 8px #ff0000,2px 2px 2px #000;}
/* menu mantido, apenas encaixe/largura */
#menu{width:1060px!important;margin:0 auto 12px!important;float:none!important;border-radius:8px!important;border:1px solid rgba(255,0,0,.55)!important;box-shadow:0 0 18px rgba(255,0,0,.22),inset 0 0 15px rgba(255,0,0,.06)!important;}
#menu a{padding-left:18px!important;padding-right:18px!important;}
#center{width:760px!important;float:left!important;}
#rightbar{width:285px!important;float:right!important;}
#center .box,#rightbar .box{background:linear-gradient(180deg,rgba(19,19,19,.96),rgba(5,5,5,.98))!important;border:1px solid rgba(255,30,30,.56)!important;border-radius:8px!important;box-shadow:0 0 20px rgba(0,0,0,.9),inset 0 0 18px rgba(255,0,0,.055)!important;margin-bottom:10px!important;overflow:hidden!important;color:#eee!important;}
#center h1,#rightbar h1{background:linear-gradient(90deg,#2b0000,#101010 55%,#050505)!important;line-height:38px!important;height:38px!important;border-bottom:1px solid rgba(255,0,0,.65)!important;color:#fff!important;font-size:13px!important;font-weight:bold!important;text-transform:uppercase!important;text-shadow:0 0 9px rgba(255,0,0,.8),1px 1px 2px #000!important;padding-left:20px!important;}
#center h1:before,#rightbar h1:before{color:#ffc88b;margin-right:5px;}
.premium-box-content{padding:10px!important;}
.mubetax-news-banner{height:150px;background:url(images/banner_noel_maligno_v2.jpg) no-repeat center center;background-size:cover;border:1px solid rgba(255,0,0,.5);border-radius:6px;box-shadow:inset 0 0 30px rgba(0,0,0,.75),0 0 18px rgba(255,0,0,.2);margin-bottom:8px;position:relative;}
.mubetax-news-banner span{position:absolute;left:20px;bottom:14px;background:rgba(0,0,0,.55);color:#fff;padding:6px 12px;border:1px solid rgba(255,0,0,.5);font-weight:bold;text-transform:uppercase;text-shadow:0 0 8px #f00;}
.premium-notices{margin:0!important;}
.premium-notices li{background:linear-gradient(90deg,rgba(58,0,0,.75),rgba(10,10,10,.95))!important;border:1px solid rgba(255,0,0,.18)!important;border-radius:5px!important;margin:5px 0!important;padding:6px 8px!important;min-height:18px!important;list-style:none!important;}
.premium-ranking-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;}
.premium-ranking-card{background:linear-gradient(180deg,rgba(16,16,16,.98),rgba(5,5,5,.98))!important;border:1px solid rgba(255,0,0,.28)!important;border-radius:8px!important;padding:10px!important;min-height:128px!important;box-shadow:inset 0 0 12px rgba(255,0,0,.04)!important;}
.premium-ranking-card h3{color:#d773ff!important;text-align:center!important;text-transform:uppercase!important;margin:0 0 8px!important;font-size:12px!important;text-shadow:0 0 8px #7d00ff;}
ul.premium-ranking-list li,.premium-ranking-list li,#center ul.list li{border-bottom:1px dashed rgba(255,255,255,.08)!important;padding:5px 4px!important;color:#eee!important;}
ul.premium-ranking-list li:nth-child(1):before{content:"🥇 ";} ul.premium-ranking-list li:nth-child(2):before{content:"🥈 ";} ul.premium-ranking-list li:nth-child(3):before{content:"🥉 ";}
.premium-ranking-link{text-align:center!important;margin-top:8px!important;}
.premium-ranking-link a{display:inline-block;background:linear-gradient(180deg,#8f0000,#320000)!important;border:1px solid #ff3030!important;border-radius:14px!important;color:#fff!important;font-size:9px!important;font-weight:bold!important;text-transform:uppercase!important;padding:5px 11px!important;text-shadow:1px 1px #000;box-shadow:0 0 10px rgba(255,0,0,.28)!important;}
.premium-ranking-link a:hover{background:linear-gradient(180deg,#ff2020,#640000)!important;text-decoration:none!important;}
#rightbar .spacing{padding:14px!important;color:#eee!important;}
#rightbar ul.info{margin:14px 22px!important;}
#rightbar .info li{list-style:none!important;background:rgba(255,0,0,.04)!important;border-bottom:1px dashed rgba(255,255,255,.08)!important;padding:6px 0!important;color:#eee!important;}
.side-ico{display:inline-block;width:18px;text-align:center;color:#ffc27a;}
.premium-cta-box{padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;}
.premium-action-btn{display:block!important;height:58px!important;border:1px solid rgba(255,0,0,.9)!important;border-radius:8px!important;background:linear-gradient(120deg,rgba(80,0,0,.96),rgba(15,15,15,.98) 54%,rgba(130,0,0,.9))!important;position:relative!important;overflow:hidden!important;text-decoration:none!important;box-shadow:0 0 16px rgba(255,0,0,.24),inset 0 0 20px rgba(255,0,0,.09)!important;}
.premium-action-btn:before{content:"";position:absolute;left:-50px;top:0;width:80px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-20deg);}
.premium-action-btn:hover:before{left:320px;transition:.45s;}
.premium-action-title{display:block!important;color:#ff3232!important;font-size:23px!important;font-weight:bold!important;line-height:28px!important;padding:9px 0 0 20px!important;letter-spacing:1px!important;text-shadow:0 0 10px rgba(255,0,0,.85),2px 2px #000!important;}
.premium-action-sub{display:block!important;color:#fff!important;font-size:10px!important;padding-left:21px!important;text-transform:uppercase!important;}
.premium-action-btn:after{content:"";position:absolute;right:16px;top:14px;width:30px;height:30px;border-radius:50%;border:2px solid #ff3c3c;background:radial-gradient(circle,#ff3030,#2b0000);box-shadow:0 0 10px #f00;}
.premium-action-btn.download:after{content:"↓";color:#fff;text-align:center;line-height:30px;font-size:22px;font-weight:bold;}
.premium-action-btn.register:after{content:"+";color:#fff;text-align:center;line-height:29px;font-size:24px;font-weight:bold;}
.premium-action-btn.info:after{content:"i";color:#fff;text-align:center;line-height:30px;font-size:21px;font-weight:bold;font-family:Georgia,serif;}
.server-info-box .info li strong,#rightbar font[color="#ff2020"],#rightbar font[color="#5c0099"]{color:#ff2c2c!important;}
#footer{width:100%!important;margin-top:22px!important;background:linear-gradient(90deg,#050505,#1d0000,#050505)!important;border-top:1px solid rgba(255,0,0,.65)!important;box-shadow:0 -10px 25px rgba(255,0,0,.14)!important;}
#footer_content{width:1060px;margin:0 auto;color:#ddd!important;text-align:center!important;padding:16px 0!important;line-height:18px!important;}
.footer-social{margin-bottom:8px;color:#fff;text-transform:uppercase;font-weight:bold;}
.footer-social span{display:inline-block;margin:0 4px;padding:5px 10px;border-radius:4px;background:linear-gradient(180deg,#2b0000,#090909);border:1px solid rgba(255,0,0,.42);}
/* esconder qualquer status antigo solto no topo */
.premium-quick-stats,.premium-stat{display:none!important;}
/* ajuste responsivo simples */
@media(max-width:1100px){.mainw,#main,#menu,#footer_content{width:960px!important}#center{width:680px!important}#rightbar{width:265px!important}.premium-ranking-grid{grid-template-columns:repeat(2,1fr)!important}}


/* =========================================================
   MuBetaX Premium V3 - correção final estrutura + visual referência
   ========================================================= */
html, body.mubetax-v3, body{
  margin:0!important; padding:0!important; background:#000 url(images/bg_mubetax_v2.jpg) no-repeat center top fixed!important; background-size:cover!important;
  color:#eee!important; font-family:Arial, Helvetica, sans-serif!important; font-size:12px!important; overflow-x:hidden!important;
}
body.mubetax-v3:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 190px,rgba(255,0,0,.18),rgba(0,0,0,.20) 360px,rgba(0,0,0,.78) 1100px);pointer-events:none;z-index:0;}
#line, .premium-quick-stats, .premium-stat{display:none!important;}
#bg{background:transparent!important;min-height:1200px!important;height:auto!important;position:relative!important;z-index:1!important;padding-bottom:24px!important;}
.mainw{width:1060px!important;margin:0 auto!important;position:relative!important;z-index:5!important;}
#header{height:285px!important;position:relative!important;}
.logo{background:url(images/logo.png) no-repeat center center!important;background-size:900px auto!important;width:920px!important;height:245px!important;margin:20px auto 0!important;float:none!important;clear:both!important;filter:drop-shadow(0 0 18px rgba(255,0,0,.85)) drop-shadow(0 0 35px #000);}
#menu{width:1060px!important;height:50px!important;margin:0 auto 12px!important;float:none!important;clear:both!important;display:block!important;overflow:hidden!important;background:linear-gradient(#191919,#080808 58%,#020202)!important;border:1px solid rgba(255,30,30,.75)!important;border-radius:8px!important;box-shadow:0 0 20px rgba(255,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08)!important;text-transform:uppercase!important;}
#menu ul{display:flex!important;flex-direction:row!important;align-items:stretch!important;justify-content:center!important;list-style:none!important;margin:0!important;padding:0!important;height:50px!important;}
#menu ul li{display:block!important;float:none!important;list-style:none!important;margin:0!important;padding:0!important;height:50px!important;}
#menu a,#menu a:visited{display:block!important;float:none!important;height:50px!important;line-height:50px!important;padding:0 16px!important;color:#f2f2f2!important;font-size:12px!important;font-weight:bold!important;text-decoration:none!important;text-shadow:1px 1px 2px #000!important;border-left:1px solid rgba(255,255,255,.05)!important;border-right:1px solid rgba(0,0,0,.55)!important;background:transparent!important;}
#menu a:hover{background:linear-gradient(#a60000,#420000 70%,#100000)!important;color:#fff!important;text-decoration:none!important;box-shadow:inset 0 0 15px rgba(255,60,60,.6)!important;}
#main{width:1060px!important;margin:0 auto!important;position:relative!important;z-index:5!important;display:block!important;}
#center{width:760px!important;float:left!important;margin:0 12px 20px 0!important;display:block!important;}
#rightbar{width:288px!important;float:right!important;margin:0!important;display:block!important;}
.clearfix{clear:both!important;display:block!important;height:0!important;overflow:hidden!important;}
#center .box,#rightbar .box{background:linear-gradient(180deg,rgba(18,18,18,.96),rgba(5,5,5,.98))!important;border:1px solid rgba(255,32,32,.65)!important;border-radius:8px!important;box-shadow:0 0 22px rgba(0,0,0,.95), inset 0 0 18px rgba(255,0,0,.06)!important;margin:0 0 10px 0!important;overflow:hidden!important;color:#eee!important;font-size:12px!important;}
#center h1,#rightbar h1{background:linear-gradient(90deg,#3a0000,#111 62%,#050505)!important;height:38px!important;line-height:38px!important;color:#fff!important;border-bottom:1px solid rgba(255,0,0,.68)!important;font-size:14px!important;font-weight:bold!important;text-transform:uppercase!important;text-shadow:0 0 8px rgba(255,0,0,.75),1px 1px #000!important;margin:0!important;padding:0 14px 0 20px!important;}
#center h1:before{content:"🔥 ";} #rightbar h1:before{content:"";}
.premium-box-content,.spacing{padding:12px!important;color:#eee!important;}
.mubetax-news-banner{height:155px!important;background:url(images/banner_noel_maligno_v2.jpg) no-repeat center center!important;background-size:cover!important;border:1px solid rgba(255,0,0,.55)!important;border-radius:6px!important;box-shadow:inset 0 0 34px rgba(0,0,0,.70),0 0 20px rgba(255,0,0,.25)!important;position:relative!important;margin-bottom:8px!important;}
.mubetax-news-banner span{position:absolute!important;left:18px!important;bottom:12px!important;background:rgba(0,0,0,.60)!important;border:1px solid rgba(255,0,0,.5)!important;color:#fff!important;padding:7px 12px!important;text-transform:uppercase!important;font:bold 14px Arial!important;text-shadow:0 0 8px #f00!important;}
ul.notices, .premium-notices{list-style:none!important;margin:0!important;padding:0!important;}
ul.notices li,.premium-notices li{float:none!important;display:block!important;width:auto!important;height:auto!important;min-height:18px!important;background:linear-gradient(90deg,rgba(52,0,0,.75),rgba(10,10,10,.95))!important;border:1px solid rgba(255,0,0,.18)!important;border-radius:5px!important;margin:5px 0!important;padding:7px 9px!important;list-style:none!important;color:#eee!important;}
.premium-ranking-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;}
.premium-ranking-card{background:linear-gradient(180deg,rgba(16,16,16,.98),rgba(4,4,4,.98))!important;border:1px solid rgba(255,0,0,.28)!important;border-radius:8px!important;padding:10px!important;min-height:150px!important;box-shadow:inset 0 0 12px rgba(255,0,0,.05)!important;}
.premium-ranking-card h3{color:#d773ff!important;text-align:center!important;text-transform:uppercase!important;margin:0 0 8px!important;font-size:12px!important;text-shadow:0 0 8px #7d00ff!important;}
.premium-ranking-list,.list{list-style:none!important;margin:0!important;padding:0!important;}
.premium-ranking-list li,#center ul.list li{list-style:none!important;border-bottom:1px dashed rgba(255,255,255,.08)!important;padding:5px 4px!important;color:#eee!important;min-height:16px!important;}
ul.premium-ranking-list li:nth-child(1):before{content:"🥇 ";} ul.premium-ranking-list li:nth-child(2):before{content:"🥈 ";} ul.premium-ranking-list li:nth-child(3):before{content:"🥉 ";}
.premium-ranking-link{text-align:center!important;margin-top:9px!important;}
.premium-ranking-link a{display:inline-block!important;background:linear-gradient(180deg,#8f0000,#320000)!important;border:1px solid #ff3030!important;border-radius:14px!important;color:#fff!important;font-size:9px!important;font-weight:bold!important;text-transform:uppercase!important;padding:5px 11px!important;text-shadow:1px 1px #000!important;box-shadow:0 0 10px rgba(255,0,0,.28)!important;text-decoration:none!important;}
#rightbar ul.info{list-style:none!important;margin:10px 16px!important;padding:0!important;}
#rightbar .info li{list-style:none!important;background:transparent!important;border-bottom:1px dashed rgba(255,255,255,.08)!important;padding:7px 0!important;color:#eee!important;}
#rightbar hr{border:0!important;height:1px!important;background:rgba(255,255,255,.12)!important;margin:8px 0!important;}
.premium-cta-box{padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;overflow:visible!important;}
.premium-action-btn{display:block!important;height:58px!important;border:1px solid rgba(255,0,0,.95)!important;border-radius:8px!important;background:linear-gradient(120deg,rgba(90,0,0,.97),rgba(15,15,15,.99) 54%,rgba(150,0,0,.92))!important;position:relative!important;overflow:hidden!important;text-decoration:none!important;box-shadow:0 0 17px rgba(255,0,0,.30),inset 0 0 22px rgba(255,0,0,.09)!important;margin-bottom:0!important;}
.premium-action-title{display:block!important;color:#ff3232!important;font-size:23px!important;font-weight:bold!important;line-height:28px!important;padding:9px 0 0 20px!important;letter-spacing:1px!important;text-shadow:0 0 10px rgba(255,0,0,.85),2px 2px #000!important;}
.premium-action-sub{display:block!important;color:#fff!important;font-size:10px!important;padding-left:21px!important;text-transform:uppercase!important;}
.premium-action-btn:after{position:absolute!important;right:16px!important;top:14px!important;width:30px!important;height:30px!important;border-radius:50%!important;border:2px solid #ff3c3c!important;background:radial-gradient(circle,#ff3030,#2b0000)!important;box-shadow:0 0 10px #f00!important;color:#fff!important;text-align:center!important;line-height:30px!important;font-weight:bold!important;}
.premium-action-btn.download:after{content:"↓"!important;font-size:22px!important}.premium-action-btn.register:after{content:"+"!important;font-size:24px!important}.premium-action-btn.info:after{content:"i"!important;font-family:Georgia,serif!important;font-size:21px!important;}
#footer{width:100%!important;margin-top:22px!important;background:linear-gradient(90deg,#050505,#1d0000,#050505)!important;border-top:1px solid rgba(255,0,0,.65)!important;box-shadow:0 -10px 25px rgba(255,0,0,.14)!important;height:auto!important;float:none!important;}
#footer_content{width:1060px!important;margin:0 auto!important;color:#ddd!important;text-align:center!important;padding:16px 0!important;line-height:18px!important;}
.footer-social{margin-bottom:8px!important;color:#fff!important;text-transform:uppercase!important;font-weight:bold!important;}.footer-social span{display:inline-block!important;margin:0 4px!important;padding:5px 10px!important;border-radius:4px!important;background:linear-gradient(180deg,#2b0000,#090909)!important;border:1px solid rgba(255,0,0,.42)!important;color:#ffdddd!important;}
@media(max-width:1100px){.mainw,#main,#menu,#footer_content{width:960px!important}#center{width:670px!important}#rightbar{width:275px!important}.premium-ranking-grid{grid-template-columns:repeat(2,1fr)!important}.logo{width:840px!important;background-size:840px auto!important}}

/* =========================================================
   MuBetaX RED/BLACK FINAL PATCH - fontes, hover, medalhas e roxo->vermelho
   Obs.: sem alteração em relic.tpl.php / Criar Relíquia.
   ========================================================= */
html, body{
  background:#000 url(images/bg_mubetax_redblack.jpg) no-repeat center top fixed !important;
  background-size:cover !important;
  color:#eeeeee !important;
  font-family:'Trebuchet MS', Arial, Helvetica, sans-serif !important;
  font-size:12px !important;
  letter-spacing:.1px;
}
body:after{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
  background:radial-gradient(circle at 50% 145px,rgba(255,0,0,.20),transparent 360px),linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55) 560px,rgba(0,0,0,.92));
}
#bg,.mainw,#main,#header,#menu,#center,#rightbar,#footer{position:relative !important; z-index:2 !important;}
#bg{background:transparent !important;}
/* Fonte e legibilidade */
#center .box, #rightbar .box, .premium-box, .premium-ranking-card, .premium-event-card, table, td, th, input, select, textarea, button{
  font-family:'Trebuchet MS', Arial, Helvetica, sans-serif !important;
}
#center .box, #rightbar .box, .premium-box{
  color:#e8e8e8 !important;
  text-shadow:0 1px 1px rgba(0,0,0,.85);
}
#center h1, #rightbar h1, .premium-ranking-card h3, .premium-event-card h3{
  color:#fff !important;
  font-weight:bold !important;
  letter-spacing:.7px !important;
  text-shadow:0 0 10px rgba(255,0,0,.75), 1px 1px 2px #000 !important;
}
/* Remover roxo e padronizar vermelho */
.premium-ranking-card h3, .premium-event-card h3, .premium-event-card p span,
.premium-ranking-list li span:last-child, #footer_content span, #footer_content .footer-site,
#rightbar .premium-stat-value, #rightbar .info li strong, #center .premium-showcase-box h1 span a,
#center .premium-box h1 span a, #questionsEvent #answerQuestion p.congratulations,
#questionsEvent #reponseSubmit p.correctResponse, #questionsEvent #reponseSubmit p.serial,
#questionsEvent #timerCount{
  color:#ff3030 !important;
  text-shadow:0 0 8px rgba(255,0,0,.55) !important;
}
.premium-box, .premium-ranking-card, .premium-event-card, .premium-hero,
#center .box, #rightbar .box, #center .quadros, .premium-showcase-box table td{
  border-color:rgba(255,32,32,.55) !important;
  box-shadow:0 0 18px rgba(255,0,0,.16), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
#center .premium-box h1, #rightbar h1, #center h1{
  background:linear-gradient(90deg,#360000,#090909 62%,#000) !important;
  border-bottom:1px solid rgba(255,0,0,.72) !important;
}
#center .premium-box h1:after, #rightbar h1:after, #footer_content:after{
  background:linear-gradient(90deg,rgba(255,0,0,0),rgba(255,35,35,.95),rgba(255,0,0,0)) !important;
  box-shadow:0 0 10px rgba(255,0,0,.50) !important;
}
/* Hover vermelho igual menu superior */
a, a:visited{color:#f7f7f7 !important; transition:color .16s ease, text-shadow .16s ease, background .16s ease, border-color .16s ease !important;}
a:hover, #rightbar a:hover, #center a:hover, .premium-ranking-list li a:hover, .premium-event-card p a:hover,
.notices li a:hover, .premium-notices li a:hover, #footer_content a:hover{
  color:#ff3030 !important;
  text-decoration:none !important;
  text-shadow:0 0 9px rgba(255,0,0,.85) !important;
}
#menu a:hover, #menu li:hover a, .menu_curves a:hover{
  background:linear-gradient(#c00000,#5a0000 65%,#160000) !important;
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:inset 0 0 18px rgba(255,60,60,.65),0 0 14px rgba(255,0,0,.32) !important;
}
/* Botões e inputs */
.button, .ipt-btn, input[type=submit], input[type=button], button, .premium-ranking-link a{
  background:linear-gradient(180deg,#d40000,#650000 65%,#180000) !important;
  border:1px solid #ff3030 !important;
  color:#fff !important;
  border-radius:6px !important;
  box-shadow:0 0 12px rgba(255,0,0,.32), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.button:hover, .ipt-btn:hover, input[type=submit]:hover, input[type=button]:hover, button:hover, .premium-ranking-link a:hover{
  filter:brightness(1.10) !important;
  color:#fff !important;
  box-shadow:0 0 18px rgba(255,0,0,.58), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
input[type=text], input[type=password], select, textarea, .ipt-text{
  border:1px solid rgba(255,48,48,.45) !important;
  border-radius:5px !important;
  background:linear-gradient(180deg,#f2f2f2,#cfcfcf) !important;
  color:#111 !important;
}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus{
  outline:none !important; border-color:#ff3030 !important; box-shadow:0 0 10px rgba(255,0,0,.35) !important;
}
/* Tabelas, fontes e posições */
.box th, #center .quadros th{
  background:linear-gradient(180deg,#750000,#320000) !important;
  color:#fff !important;
  font-size:12px !important;
  letter-spacing:.35px !important;
  padding:7px 8px !important;
}
.box td, #center .quadros td, .table-list2 td{color:#e8e8e8 !important; font-size:12px !important; line-height:1.45 !important;}
.red, font[color="#9b4dff"], font[color="#c062ff"], font[color="#b342ff"], font[color="#bd59ff"]{color:#ff3030 !important;}
#rightbar .info li:before{background:#ff3030 !important; box-shadow:0 0 9px rgba(255,0,0,.80) !important;}
#rightbar .info li{color:#e8e8e8 !important;}
/* Cards e medalhas/ranking */
.premium-ranking-card:hover, .premium-event-card:hover{
  border-color:rgba(255,48,48,.85) !important;
  box-shadow:0 0 24px rgba(255,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
ul.premium-ranking-list li:nth-child(1):before{content:"🥇 "; color:#ffd45a !important;}
ul.premium-ranking-list li:nth-child(2):before{content:"🥈 "; color:#e9e9e9 !important;}
ul.premium-ranking-list li:nth-child(3):before{content:"🥉 "; color:#d48045 !important;}
.premium-action-title{color:#ff3030 !important; text-shadow:0 0 12px rgba(255,0,0,.95),2px 2px #000 !important;}
.premium-action-btn:hover{box-shadow:0 0 26px rgba(255,0,0,.85), inset 0 0 22px rgba(0,0,0,.8) !important;}
/* Rodapé */
#footer{background:linear-gradient(90deg,#050505,#260000,#050505) !important; border-top:1px solid rgba(255,0,0,.65) !important;}

/* =========================================================
   MuBetaX MENU HOVER PATCH - preto parado / vermelho no mouse
   Pedido: menu superior com fundo preto normal e vermelho ao passar mouse.
   Não altera Criar Relíquia.
   ========================================================= */
#menu{
  background:linear-gradient(180deg,#151515 0%,#070707 58%,#000 100%) !important;
  border:1px solid #8a0000 !important;
  border-radius:8px !important;
  overflow:hidden !important;
  box-shadow:0 0 18px rgba(255,0,0,.25), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
#menu ul,
#menu ul li{
  background:transparent !important;
}
#menu a,
#menu ul li a,
#menu li a,
.menu_curves a{
  background:linear-gradient(180deg,#171717 0%,#0b0b0b 60%,#020202 100%) !important;
  color:#ffffff !important;
  border-right:1px solid rgba(255,255,255,.06) !important;
  border-left:1px solid rgba(0,0,0,.65) !important;
  text-shadow:1px 1px 2px #000 !important;
  transition:all .20s ease-in-out !important;
  box-shadow:inset 0 0 0 rgba(255,0,0,0) !important;
}
#menu a:hover,
#menu ul li a:hover,
#menu li:hover > a,
#menu li.current a,
#menu li.active a,
#menu li.current-menu-item a,
.menu_curves a:hover{
  background:linear-gradient(180deg,#ff2424 0%,#b00000 42%,#5a0000 73%,#160000 100%) !important;
  color:#ffffff !important;
  text-decoration:none !important;
  text-shadow:0 0 8px #ffb0b0,1px 1px 2px #000 !important;
  box-shadow:inset 0 0 18px rgba(255,255,255,.10), inset 0 -10px 22px rgba(0,0,0,.40), 0 0 16px rgba(255,0,0,.50) !important;
}
#menu a:active,
#menu ul li a:active{
  background:linear-gradient(180deg,#7c0000,#250000) !important;
  transform:translateY(1px) !important;
}
#menu a font,
#menu a span,
#menu blink{
  color:#ffffff !important;
}
/* remove sobras roxas que ainda apareciam nos títulos/rankings */
*[style*="#8"],
*[style*="purple"],
*[style*="violet"]{
  color:#ff3030 !important;
}
.premium-ranking-card h3,
#center h1 span,
#rightbar h1 span,
#rightbar .box h1,
#center .box h1{
  color:#ffffff !important;
  text-shadow:0 0 9px rgba(255,0,0,.90),1px 1px 2px #000 !important;
}

/* =========================================================
   MuBetaX RANKING CENTRALIZADO PATCH
   Corrige tabela/lista dos rankings da home e páginas de rank.
   Não altera arquivos do Criar Relíquia.
   ========================================================= */
.premium-ranking-section .premium-ranking-grid{
  align-items:stretch !important;
}
.premium-ranking-card{
  text-align:center !important;
  overflow:hidden !important;
}
.premium-ranking-card h3{
  color:#ff3030 !important;
  text-shadow:0 0 10px rgba(255,0,0,.95),1px 1px 2px #000 !important;
  letter-spacing:.35px !important;
  text-align:center !important;
}
.premium-ranking-list,
.premium-ranking-card ul,
#center .premium-ranking-card ul.list{
  display:block !important;
  width:100% !important;
  margin:0 auto !important;
  padding:0 !important;
  list-style:none !important;
  text-align:center !important;
}
.premium-ranking-list li,
#center .premium-ranking-card ul.list li,
ul.premium-ranking-list li{
  position:relative !important;
  display:grid !important;
  grid-template-columns:30px 1fr 42px !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:22px !important;
  padding:4px 6px !important;
  box-sizing:border-box !important;
  color:#f2f2f2 !important;
  text-align:center !important;
  border-bottom:1px dashed rgba(255,255,255,.10) !important;
  transition:all .18s ease-in-out !important;
}
.premium-ranking-list li:hover,
#center .premium-ranking-card ul.list li:hover{
  background:linear-gradient(90deg,rgba(80,0,0,.10),rgba(255,0,0,.20),rgba(80,0,0,.10)) !important;
  color:#fff !important;
  text-shadow:0 0 6px rgba(255,0,0,.70) !important;
}
ul.premium-ranking-list li:before,
#center .premium-ranking-card ul.list li:before{
  grid-column:1 !important;
  display:block !important;
  width:26px !important;
  min-width:26px !important;
  text-align:center !important;
  font-size:14px !important;
  line-height:18px !important;
  margin:0 !important;
}
ul.premium-ranking-list li:nth-child(1):before{content:"🥇" !important;}
ul.premium-ranking-list li:nth-child(2):before{content:"🥈" !important;}
ul.premium-ranking-list li:nth-child(3):before{content:"🥉" !important;}
.premium-ranking-list li a,
.premium-ranking-list li b,
.premium-ranking-list li strong,
.premium-ranking-list li span,
#center .premium-ranking-card ul.list li a,
#center .premium-ranking-card ul.list li b,
#center .premium-ranking-card ul.list li strong,
#center .premium-ranking-card ul.list li span{
  color:#ffffff !important;
  text-align:center !important;
  font-size:11px !important;
  line-height:18px !important;
  text-decoration:none !important;
}
.premium-ranking-list li a:first-of-type,
#center .premium-ranking-card ul.list li a:first-of-type{
  grid-column:2 !important;
  justify-self:center !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.premium-ranking-list li span:last-child,
.premium-ranking-list li b:last-child,
.premium-ranking-list li strong:last-child,
#center .premium-ranking-card ul.list li span:last-child,
#center .premium-ranking-card ul.list li b:last-child,
#center .premium-ranking-card ul.list li strong:last-child{
  grid-column:3 !important;
  justify-self:center !important;
  color:#f4f4f4 !important;
  text-align:center !important;
}
.premium-ranking-card table,
#center .premium-ranking-card table,
#center .box table.rank,
#center .box table.ranking,
#center table.table-list2{
  width:100% !important;
  margin:0 auto !important;
  border-collapse:collapse !important;
  text-align:center !important;
}
.premium-ranking-card table th,
.premium-ranking-card table td,
#center .premium-ranking-card table th,
#center .premium-ranking-card table td,
#center .box table.rank th,
#center .box table.rank td,
#center .box table.ranking th,
#center .box table.ranking td,
#center table.table-list2 th,
#center table.table-list2 td{
  text-align:center !important;
  vertical-align:middle !important;
  padding:6px 5px !important;
}
.premium-ranking-card img,
#center .premium-ranking-card img,
#center table img[src*="ranking"]{
  display:inline-block !important;
  vertical-align:middle !important;
  margin:0 auto !important;
  max-width:18px !important;
  height:auto !important;
}
.premium-ranking-link{
  clear:both !important;
  width:100% !important;
  text-align:center !important;
}
/* Sobras roxas dos rankings -> vermelho */
.premium-ranking-card h3,
.premium-ranking-list li font,
.premium-ranking-list li [style*="color"],
#center .premium-ranking-card [style*="color"]{
  color:#ff3030 !important;
}
.premium-ranking-list li a,
#center .premium-ranking-card ul.list li a{
  color:#ffffff !important;
}


/* =========================================================
   MuBetaX - correção painel usuário/GM/Admin/Sair
   Centraliza, adiciona ícones e deixa preto/vermelho premium
   ========================================================= */
.mubetax-panel-welcome{
    width:100%!important;
    display:block!important;
    text-align:center!important;
    color:#ffffff!important;
    font-family:Arial, Helvetica, sans-serif!important;
    font-size:13px!important;
    font-weight:bold!important;
    line-height:20px!important;
    padding:8px 6px 6px!important;
    text-shadow:0 0 8px rgba(255,0,0,.65),1px 1px 2px #000!important;
}
.mubetax-panel-welcome span{color:#ff2a2a!important;}
.mubetax-user-panel hr{
    border:0!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,#8b0000,transparent)!important;
    margin:6px 0 10px!important;
}
.mubetax-panel-menu,
ul.mubetax-panel-menu{
    width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    list-style:none!important;
    text-align:center!important;
}
.mubetax-panel-menu li{
    width:92%!important;
    margin:6px auto!important;
    padding:0!important;
    list-style:none!important;
    float:none!important;
    display:block!important;
    text-align:center!important;
}
.mubetax-panel-menu li a{
    width:100%!important;
    min-height:31px!important;
    line-height:31px!important;
    display:block!important;
    box-sizing:border-box!important;
    text-align:center!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:bold!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    letter-spacing:.2px!important;
    background:linear-gradient(180deg,#161616,#050505)!important;
    border:1px solid rgba(120,0,0,.85)!important;
    border-radius:6px!important;
    box-shadow:inset 0 0 10px rgba(0,0,0,.85),0 0 7px rgba(0,0,0,.8)!important;
    text-shadow:1px 1px 2px #000!important;
    transition:all .22s ease-in-out!important;
}
.mubetax-panel-menu li a:hover{
    color:#fff!important;
    background:linear-gradient(180deg,#df1717,#7b0000)!important;
    border-color:#ff3b3b!important;
    box-shadow:inset 0 0 14px rgba(255,75,75,.42),0 0 12px rgba(255,0,0,.55)!important;
    text-shadow:0 0 9px rgba(255,255,255,.35),1px 1px 2px #000!important;
    transform:translateY(-1px)!important;
}
.mubetax-panel-menu li a:before{
    display:inline-block!important;
    width:18px!important;
    margin-right:6px!important;
    text-align:center!important;
    color:#ffd2d2!important;
    filter:drop-shadow(0 0 4px rgba(255,0,0,.7));
}
.mubetax-panel-menu li a[href*="paneluser"]:before{content:"👤";}
.mubetax-panel-menu li a[href*="panelgamemaster"]:before{content:"🛡️";}
.mubetax-panel-menu li a[href*="paneladmin"]:before{content:"⚙️";}
.mubetax-panel-menu li a[href*="logout"]:before,
.mubetax-panel-menu li a.mubetax-logout:before{content:"🚪";}
.mubetax-panel-menu li a.mubetax-logout{
    background:linear-gradient(180deg,#1a0707,#050505)!important;
    border-color:rgba(180,0,0,.9)!important;
}
.mubetax-panel-menu li a.mubetax-logout:hover{
    background:linear-gradient(180deg,#ff1f1f,#8c0000)!important;
}
#center h1, #rightbar h1, #center .premium-box h1{
    text-align:center!important;
    padding-left:0!important;
    padding-right:0!important;
}
#center h1:before{
    margin-right:7px!important;
}

/* =========================================================
   MuBetaX - hover vermelho nos personagens do ranking
   Normal: preto | Mouse em cima: vermelho marcado
   ========================================================= */
.premium-ranking-list li,
#center .premium-ranking-card ul.list li,
#center .box table.rank tr,
#center .box table.ranking tr,
#center table.table-list2 tr,
#center .quadros table tr,
#rightbar .premium-team-table tr{
    background:linear-gradient(180deg,#080808,#020202) !important;
    transition:background .18s ease-in-out, box-shadow .18s ease-in-out, color .18s ease-in-out, transform .18s ease-in-out !important;
}

.premium-ranking-list li:hover,
#center .premium-ranking-card ul.list li:hover,
#center .box table.rank tr:hover,
#center .box table.ranking tr:hover,
#center table.table-list2 tr:hover,
#center .quadros table tr:hover,
#rightbar .premium-team-table tr:hover{
    background:linear-gradient(180deg,#c40000,#5a0000) !important;
    box-shadow:inset 0 0 14px rgba(255,0,0,.65),0 0 10px rgba(255,0,0,.35) !important;
    color:#ffffff !important;
    text-shadow:0 0 7px rgba(255,255,255,.35),1px 1px 2px #000 !important;
}

.premium-ranking-list li:hover a,
.premium-ranking-list li:hover span,
.premium-ranking-list li:hover b,
.premium-ranking-list li:hover strong,
#center .premium-ranking-card ul.list li:hover a,
#center .premium-ranking-card ul.list li:hover span,
#center .premium-ranking-card ul.list li:hover b,
#center .premium-ranking-card ul.list li:hover strong,
#center .box table.rank tr:hover td,
#center .box table.rank tr:hover td a,
#center .box table.ranking tr:hover td,
#center .box table.ranking tr:hover td a,
#center table.table-list2 tr:hover td,
#center table.table-list2 tr:hover td a,
#center .quadros table tr:hover td,
#center .quadros table tr:hover td a,
#rightbar .premium-team-table tr:hover td,
#rightbar .premium-team-table tr:hover td a{
    color:#ffffff !important;
    text-decoration:none !important;
}

#center .box table.rank tr:first-child:hover,
#center .box table.ranking tr:first-child:hover,
#center table.table-list2 tr:first-child:hover{
    background:linear-gradient(180deg,#1a0000,#080808) !important;
    box-shadow:none !important;
}

/* =========================================================
   MuBetaX - Informações laterais com ícones e centralização
   ========================================================= */
#rightbar .mubetax-info-card{
    text-align:center !important;
    border:1px solid rgba(210,0,0,.9) !important;
    background:linear-gradient(180deg,rgba(17,17,17,.98),rgba(3,3,3,.99)) !important;
    box-shadow:0 0 18px rgba(255,0,0,.24), inset 0 0 24px rgba(120,0,0,.14) !important;
}
#rightbar .mubetax-info-title{
    padding:0 !important;
    text-align:center !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:8px !important;
    color:#fff !important;
    letter-spacing:.4px !important;
    font-family:Arial, Helvetica, sans-serif !important;
}
.mubetax-brand-icon{
    display:inline-block !important;
    background:linear-gradient(#ff2020,#7a0000) !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:900 !important;
    padding:4px 8px !important;
    border-radius:5px !important;
    border:1px solid #ff4747 !important;
    box-shadow:0 0 10px rgba(255,0,0,.55) !important;
    text-shadow:0 1px 2px #000 !important;
    line-height:1 !important;
}
#rightbar ul.mubetax-info-list{
    margin:8px 10px 12px 10px !important;
    padding:0 !important;
}
#rightbar ul.mubetax-info-list li{
    list-style:none !important;
    background:linear-gradient(90deg,rgba(15,15,15,.96),rgba(5,5,5,.96)) !important;
    border:1px solid rgba(120,0,0,.68) !important;
    border-radius:7px !important;
    margin:6px 0 !important;
    padding:8px 8px !important;
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    color:#f5f5f5 !important;
    transition:all .18s ease-in-out !important;
}
#rightbar ul.mubetax-info-list li:hover{
    background:linear-gradient(#b90000,#5c0000 60%,#170000) !important;
    border-color:#ff2a2a !important;
    box-shadow:inset 0 0 14px rgba(255,80,80,.35),0 0 10px rgba(255,0,0,.28) !important;
    transform:translateX(2px) !important;
}
.mubetax-info-ico{
    width:28px !important;
    min-width:28px !important;
    text-align:center !important;
    font-size:16px !important;
    filter:drop-shadow(0 0 4px rgba(255,0,0,.7));
}
.mubetax-info-label{
    flex:1 !important;
    text-align:left !important;
    color:#e9e9e9 !important;
    font-size:12px !important;
    font-weight:bold !important;
}
#rightbar ul.mubetax-info-list li strong{
    color:#ff3030 !important;
    min-width:70px !important;
    text-align:right !important;
    font-size:12px !important;
    text-shadow:0 0 7px rgba(255,0,0,.6) !important;
}
#rightbar ul.mubetax-info-list li:hover strong,
#rightbar ul.mubetax-info-list li:hover .mubetax-info-label{
    color:#fff !important;
}
#rightbar ul.mubetax-info-list li.mubetax-info-more{
    justify-content:center !important;
    background:#050505 !important;
}
#rightbar ul.mubetax-info-list li.mubetax-info-more a{
    color:#fff !important;
    text-decoration:none !important;
}
#rightbar ul.mubetax-info-list li.mubetax-info-more:hover{
    background:linear-gradient(#d00000,#650000) !important;
}


/* =========================================================
   MuBetaX - ajuste final ttulos/informaes laterais
   Remove MuBetaX dos ttulos, centraliza e espaa cones
   ========================================================= */
#rightbar .mubetax-info-title{
    width:100% !important;
    height:auto !important;
    min-height:34px !important;
    margin:0 auto 10px auto !important;
    padding:9px 0 10px 0 !important;
    text-align:center !important;
    display:block !important;
    color:#ffffff !important;
    font-size:17px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:.8px !important;
    line-height:20px !important;
    background:linear-gradient(180deg,#120000,#050505) !important;
    border-bottom:1px solid #d00000 !important;
    box-shadow:0 6px 14px rgba(255,0,0,.18) !important;
    text-shadow:0 0 9px rgba(255,0,0,.65), 0 1px 2px #000 !important;
}
#rightbar .mubetax-info-title span{
    display:inline-block !important;
    margin:0 auto !important;
    text-align:center !important;
}
#rightbar .mubetax-brand-icon{
    display:none !important;
}
#rightbar ul.mubetax-info-list li{
    gap:10px !important;
    padding:8px 10px !important;
}
#rightbar .mubetax-info-ico{
    width:30px !important;
    min-width:30px !important;
    margin-right:8px !important;
    text-align:center !important;
}
#rightbar .mubetax-info-label{
    padding-left:4px !important;
    text-align:left !important;
}
#rightbar .mubetax-info-ico:after,
#rightbar .mubetax-info-ico:before,
#rightbar .mubetax-info-label:before{
    content:none !important;
    display:none !important;
}
#rightbar ul.mubetax-info-list li strong{
    margin-left:auto !important;
}

/* =========================================================
   MuBetaX - Enquetes personalizadas
   ========================================================= */
.mubetax-poll-admin-box h1,
.mubetax-poll-title{
    text-align:center !important;
    color:#fff !important;
    text-transform:uppercase !important;
    letter-spacing:.6px !important;
    text-shadow:0 0 9px rgba(255,0,0,.75),0 1px 2px #000 !important;
}
.mubetax-poll-admin-head{
    text-align:center !important;
    margin:12px auto 15px auto !important;
    padding:12px !important;
    max-width:620px !important;
    background:linear-gradient(180deg,#160000,#050505) !important;
    border:1px solid rgba(210,0,0,.85) !important;
    border-radius:9px !important;
    box-shadow:0 0 18px rgba(255,0,0,.18), inset 0 0 22px rgba(90,0,0,.18) !important;
}
.mubetax-poll-admin-head strong{
    display:block !important;
    color:#ff3030 !important;
    font-size:17px !important;
    margin-bottom:5px !important;
}
.mubetax-poll-admin-head span{
    color:#e6e6e6 !important;
    font-size:12px !important;
}
#center .mubetax-poll-form{
    max-width:640px !important;
    margin:0 auto 15px auto !important;
    padding:16px !important;
    background:linear-gradient(180deg,rgba(15,15,15,.98),rgba(3,3,3,.98)) !important;
    border:1px solid rgba(190,0,0,.75) !important;
    border-radius:10px !important;
    box-shadow:0 0 16px rgba(255,0,0,.16) !important;
}
.mubetax-poll-form label{
    display:block !important;
    margin:8px 0 5px 0 !important;
    color:#fff !important;
    font-weight:bold !important;
    text-align:left !important;
    text-shadow:0 0 6px rgba(255,0,0,.55) !important;
}
.mubetax-poll-form .inputbox,
.mubetax-poll-form input[type=text]{
    width:96% !important;
    height:32px !important;
    padding:0 10px !important;
    color:#fff !important;
    background:#070707 !important;
    border:1px solid #8a0000 !important;
    border-radius:6px !important;
    outline:none !important;
    box-shadow:inset 0 0 12px rgba(255,0,0,.10) !important;
}
.mubetax-poll-form .inputbox:focus,
.mubetax-poll-form input[type=text]:focus{
    border-color:#ff2020 !important;
    box-shadow:0 0 12px rgba(255,0,0,.35), inset 0 0 10px rgba(255,0,0,.18) !important;
}
.mubetax-poll-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px 14px !important;
    margin-top:8px !important;
}
.mubetax-poll-grid div:last-child{grid-column:1 / 3 !important;}
.mubetax-poll-note{
    text-align:center !important;
    color:#cfcfcf !important;
    font-size:12px !important;
    margin:12px 0 !important;
}
.mubetax-poll-submit{
    display:block !important;
    margin:12px auto 0 auto !important;
    min-width:190px !important;
    height:36px !important;
    font-weight:bold !important;
}
.mubetax-poll-result-admin{
    max-width:640px !important;
    margin:12px auto !important;
    text-align:center !important;
}
#rightbar .mubetax-poll-title{
    margin:0 !important;
    padding:10px 0 !important;
    background:linear-gradient(180deg,#170000,#050505) !important;
    border-bottom:1px solid #d00000 !important;
}
#rightbar .mubetax-poll-side,
#rightbar .mubetax-poll-options{
    text-align:center !important;
    color:#eee !important;
}
#rightbar .mubetax-poll-side ul,
#rightbar .mubetax-poll-side li,
#rightbar .mubetax-poll-options ul,
#rightbar .mubetax-poll-options li{
    list-style:none !important;
    margin-left:0 !important;
    padding-left:0 !important;
}
#rightbar .mubetax-poll-side li,
#rightbar .mubetax-poll-options li{
    background:#080808 !important;
    border:1px solid rgba(150,0,0,.65) !important;
    border-radius:6px !important;
    margin:6px 0 !important;
    padding:7px !important;
    transition:all .18s ease-in-out !important;
}
#rightbar .mubetax-poll-side li:hover,
#rightbar .mubetax-poll-options li:hover{
    background:linear-gradient(#b90000,#5e0000) !important;
    border-color:#ff2626 !important;
    color:#fff !important;
    box-shadow:0 0 10px rgba(255,0,0,.30) !important;
}
#rightbar .mubetax-poll-side input[type=radio],
#rightbar .mubetax-poll-options input[type=radio]{
    accent-color:#d00000;
}
#rightbar #pollResult{
    color:#ff3030 !important;
    font-weight:bold !important;
    text-align:center !important;
    margin-top:8px !important;
}
@media(max-width:760px){
    .mubetax-poll-grid{grid-template-columns:1fr !important;}
    .mubetax-poll-grid div:last-child{grid-column:auto !important;}
}

/* MuBetaX - Correção final: carregamento vermelho e enquete sem roxo */
.mubetax-red-loader{
    display:inline-block !important;
    min-width:120px !important;
    padding:8px 12px !important;
    border:1px solid #d00000 !important;
    border-radius:8px !important;
    background:linear-gradient(180deg,#1a0505,#050505) !important;
    color:#ff3030 !important;
    font-weight:bold !important;
    text-align:center !important;
    text-shadow:0 0 8px #ff0000 !important;
    box-shadow:0 0 14px rgba(255,0,0,.35), inset 0 0 16px rgba(255,0,0,.18) !important;
}
.mubetax-red-loader:before{
    content:"";
    display:inline-block;
    width:10px;
    height:10px;
    margin-right:7px;
    border-radius:50%;
    background:#ff2020;
    box-shadow:0 0 10px #ff2020;
    vertical-align:-1px;
    animation:mubetaxPulseRed .8s infinite alternate;
}
@keyframes mubetaxPulseRed{from{opacity:.45;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}

#pollResult,
#pollResult *,
.mubetax-poll-side,
.mubetax-poll-side *{
    border-color:#8a0000 !important;
}
#pollResult font,
#pollResult span,
#pollResult b,
#pollResult strong{
    color:#ff3030 !important;
}
#pollResult div,
#pollResult table,
#pollResult td,
#pollResult tr{
    color:#f2f2f2 !important;
}
#pollResult [style*="purple"],
#pollResult [style*="#9b4dff"],
#pollResult [style*="#9900ff"],
#pollResult [style*="#892dc7"],
#pollResult [style*="#8f00ff"]{
    color:#ff3030 !important;
    background:#8a0000 !important;
    border-color:#ff3030 !important;
}
#pollResult img[src*="loading"],
img[src*="loading"]{
    filter:hue-rotate(135deg) saturate(2.2) brightness(.95) !important;
}
.mubetax-poll-voted-msg{
    margin-top:8px !important;
    padding:8px !important;
    border:1px solid #8a0000 !important;
    border-radius:8px !important;
    background:rgba(120,0,0,.22) !important;
    color:#ff3030 !important;
    text-align:center !important;
    font-weight:bold !important;
    text-shadow:0 0 8px #000 !important;
}
.mubetax-poll-blocked{
    opacity:.65 !important;
    pointer-events:none !important;
}

/* MuBetaX - Enquete: 1 voto por enquete + resultado parcial vermelho */
#pollResult.mubetax-partial-result,
#pollResult .mubetax-partial-result{
    margin-top:10px !important;
    padding:8px !important;
    background:linear-gradient(180deg,#130000,#050505) !important;
    border:1px solid #8a0000 !important;
    border-radius:8px !important;
    box-shadow:inset 0 0 18px rgba(255,0,0,.13),0 0 10px rgba(255,0,0,.15) !important;
}
#pollResult .mubetax-partial-title{
    display:block !important;
    margin:0 0 8px 0 !important;
    padding:6px !important;
    color:#ff3030 !important;
    font-weight:bold !important;
    text-align:center !important;
    text-shadow:0 0 8px #000,0 0 8px #ff0000 !important;
    border-bottom:1px solid rgba(255,0,0,.35) !important;
}
#pollResult table{width:100% !important;margin:6px auto !important;border-collapse:collapse !important;}
#pollResult td{padding:5px !important;text-align:center !important;color:#f5f5f5 !important;border-color:#5c0000 !important;}
#pollResult .bar,
#pollResult [class*="bar"],
#pollResult [style*="background"]{
    background:linear-gradient(90deg,#620000,#ff2020) !important;
    border-color:#ff3030 !important;
    color:#fff !important;
}
#pollResult img[src*="poll"],
#pollResult img[src*="enq"],
#pollResult img[src*="vot"]{
    filter:hue-rotate(135deg) saturate(2) brightness(.9) !important;
}

/* =========================================================
   MuBetaX - Ajuste final: resultado parcial VERDE + remover bolinhas/pontos
   ========================================================= */

/* Remove bolinhas, pontos e marcadores antes dos itens em todo o template */
ul, ol,
ul li, ol li,
#rightbar ul, #rightbar ol,
#rightbar li,
#leftbar ul, #leftbar ol,
#leftbar li,
#center ul, #center ol,
#center li,
.box ul, .box ol, .box li,
.spacing ul, .spacing ol, .spacing li,
.mubetax-poll-side ul, .mubetax-poll-side ol, .mubetax-poll-side li,
.mubetax-poll-options ul, .mubetax-poll-options ol, .mubetax-poll-options li,
.mubetax-info-list, .mubetax-info-list li,
.premium-panel-list, .premium-panel-list li,
.premium-rank-table, .premium-rank-table tr, .premium-rank-table td{
    list-style:none !important;
    list-style-type:none !important;
    list-style-image:none !important;
}

li:before, li::before,
ul:before, ul::before,
ol:before, ol::before,
.box li:before, .box li::before,
.spacing li:before, .spacing li::before,
#rightbar li:before, #rightbar li::before,
#leftbar li:before, #leftbar li::before,
#center li:before, #center li::before,
.mubetax-poll-side li:before, .mubetax-poll-side li::before,
.mubetax-poll-options li:before, .mubetax-poll-options li::before,
.mubetax-info-list li:before, .mubetax-info-list li::before,
.premium-panel-list li:before, .premium-panel-list li::before{
    content:none !important;
    display:none !important;
    width:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:none !important;
    border:0 !important;
}

/* Resultado parcial da enquete em verde */
#pollResult.mubetax-partial-result,
#pollResult .mubetax-partial-result{
    background:linear-gradient(180deg,#001509,#050505) !important;
    border:1px solid #00a84a !important;
    box-shadow:inset 0 0 18px rgba(0,255,90,.16),0 0 12px rgba(0,255,90,.18) !important;
}
#pollResult .mubetax-partial-title{
    color:#35ff82 !important;
    border-bottom:1px solid rgba(0,255,90,.45) !important;
    text-shadow:0 0 8px #000,0 0 10px #00ff66 !important;
}
#pollResult font,
#pollResult span,
#pollResult b,
#pollResult strong{
    color:#35ff82 !important;
}
#pollResult td{
    border-color:#006b2f !important;
}
#pollResult .bar,
#pollResult [class*="bar"],
#pollResult [style*="background"]{
    background:linear-gradient(90deg,#006b2f,#35ff82) !important;
    border-color:#35ff82 !important;
    color:#ffffff !important;
}
#pollResult [style*="purple"],
#pollResult [style*="#9b4dff"],
#pollResult [style*="#9900ff"],
#pollResult [style*="#892dc7"],
#pollResult [style*="#8f00ff"],
#pollResult [style*="#ff3030"],
#pollResult [style*="#ff0000"]{
    color:#35ff82 !important;
    background:#006b2f !important;
    border-color:#35ff82 !important;
}
#pollResult img[src*="poll"],
#pollResult img[src*="enq"],
#pollResult img[src*="vot"]{
    filter:hue-rotate(250deg) saturate(2.2) brightness(1.05) !important;
}


/* =========================================================
   MuBetaX - Enquete resultado parcial em PORCENTAGEM vermelho
   ========================================================= */
#pollResult.mubetax-partial-result,
#pollResult .mubetax-partial-result{
    margin-top:10px !important;
    padding:10px !important;
    background:linear-gradient(180deg,#180000,#050505) !important;
    border:1px solid #d00000 !important;
    border-radius:10px !important;
    box-shadow:inset 0 0 20px rgba(255,0,0,.16),0 0 14px rgba(255,0,0,.22) !important;
}
#pollResult .mubetax-partial-title{
    display:block !important;
    margin:0 0 8px 0 !important;
    padding:7px 8px !important;
    color:#ff3030 !important;
    background:linear-gradient(180deg,#2a0000,#0a0000) !important;
    border:1px solid #a00000 !important;
    border-radius:8px !important;
    text-align:center !important;
    font-weight:bold !important;
    text-shadow:0 0 8px #000,0 0 9px #ff0000 !important;
    box-shadow:inset 0 0 12px rgba(255,0,0,.16) !important;
}
#pollResult font,
#pollResult span,
#pollResult b,
#pollResult strong{
    color:#ff3030 !important;
}
#pollResult table{
    width:100% !important;
    margin:6px auto !important;
    border-collapse:separate !important;
    border-spacing:0 5px !important;
}
#pollResult tr,
#pollResult td,
#pollResult div{
    color:#f2f2f2 !important;
    border-color:#8a0000 !important;
}
#pollResult td{
    padding:6px !important;
    text-align:center !important;
}
#pollResult .bar,
#pollResult [class*="bar"],
#pollResult [style*="background"]{
    background:linear-gradient(90deg,#670000,#ff2020) !important;
    border:1px solid #ff3030 !important;
    border-radius:7px !important;
    color:#ffffff !important;
    box-shadow:inset 0 0 10px rgba(255,255,255,.08),0 0 8px rgba(255,0,0,.25) !important;
}
#pollResult .mubetax-percent-box,
#pollResult td:has(.mubetax-percent-box){
    text-align:center !important;
}
#pollResult .mubetax-percent-box{
    display:inline-block !important;
    min-width:48px !important;
    padding:5px 8px !important;
    margin:2px !important;
    background:linear-gradient(180deg,#330000,#0b0000) !important;
    border:1px solid #ff3030 !important;
    border-radius:8px !important;
    color:#ffffff !important;
    font-weight:bold !important;
    text-shadow:0 0 8px #ff0000 !important;
    box-shadow:0 0 10px rgba(255,0,0,.35),inset 0 0 12px rgba(255,0,0,.16) !important;
}
#pollResult [style*="green"],
#pollResult [style*="#35ff82"],
#pollResult [style*="#00a84a"],
#pollResult [style*="#006b2f"],
#pollResult [style*="purple"],
#pollResult [style*="#9b4dff"],
#pollResult [style*="#9900ff"],
#pollResult [style*="#892dc7"],
#pollResult [style*="#8f00ff"]{
    color:#ff3030 !important;
    background:#7a0000 !important;
    border-color:#ff3030 !important;
}
#pollResult img[src*="poll"],
#pollResult img[src*="enq"],
#pollResult img[src*="vot"],
#pollResult img[src*="loading"]{
    filter:hue-rotate(135deg) saturate(2.2) brightness(.95) !important;
}

/* =========================================================
   MuBetaX - REMOCAO TOTAL DE PONTOS/BOLINHAS/MARCADORES
   Mantem apenas icones reais do layout e remove bullets do CSS.
   ========================================================= */
ul, ol, li,
#rightbar ul, #rightbar ol, #rightbar li,
#leftbar ul, #leftbar ol, #leftbar li,
#center ul, #center ol, #center li,
.box ul, .box ol, .box li,
.spacing ul, .spacing ol, .spacing li,
.info, .info li,
.regras, .regras li,
.notices, .notices li,
.mubetax-info-list, .mubetax-info-list li,
.mubetax-poll-side ul, .mubetax-poll-side ol, .mubetax-poll-side li,
.mubetax-poll-options ul, .mubetax-poll-options ol, .mubetax-poll-options li,
.premium-panel-list, .premium-panel-list li,
.premium-ranking-list, .premium-ranking-list li {
    list-style: none !important;
    list-style-type: none !important;
    list-style-image: none !important;
    list-style-position: outside !important;
}

#rightbar .info li,
#rightbar .regras li,
div.gaugeDiv ul li,
.box li,
.spacing li,
.info li,
.regras li,
.notices li,
.mubetax-info-list li,
.mubetax-poll-side li,
.mubetax-poll-options li,
.premium-panel-list li,
.premium-ranking-list li {
    background-image: none !important;
}

li:before, li::before,
ul:before, ul::before,
ol:before, ol::before,
#rightbar li:before, #rightbar li::before,
#leftbar li:before, #leftbar li::before,
#center li:before, #center li::before,
.box li:before, .box li::before,
.spacing li:before, .spacing li::before,
.info li:before, .info li::before,
.regras li:before, .regras li::before,
.notices li:before, .notices li::before,
.mubetax-info-list li:before, .mubetax-info-list li::before,
.mubetax-poll-side li:before, .mubetax-poll-side li::before,
.mubetax-poll-options li:before, .mubetax-poll-options li::before,
.premium-panel-list li:before, .premium-panel-list li::before,
.premium-ranking-list li:before, .premium-ranking-list li::before {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    border: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove pontinho decorativo de links/listas sem afetar os icones personalizados */
.side-ico, .mubetax-info-ico { margin-right: 8px !important; }


/* =========================================================
   MuBetaX - Noticia Boss Noel Maligno + Painel centralizado
   ========================================================= */
.mubetax-notice-banner-wrap{
    width:100% !important;
    margin:0 auto 14px auto !important;
    text-align:center !important;
    padding:0 !important;
}
.mubetax-notice-banner{
    display:block !important;
    width:100% !important;
    max-width:820px !important;
    height:auto !important;
    margin:0 auto !important;
    border:2px solid #b70000 !important;
    border-radius:10px !important;
    box-shadow:0 0 22px rgba(255,0,0,.35), inset 0 0 20px rgba(255,0,0,.18) !important;
    background:#080808 !important;
}
.mubetax-notice-schedule{
    max-width:820px !important;
    margin:0 auto 18px auto !important;
    padding:10px 8px !important;
    text-align:center !important;
    background:linear-gradient(180deg,#180000,#050505) !important;
    border:1px solid #a90000 !important;
    border-radius:8px !important;
    color:#fff !important;
    box-shadow:0 0 12px rgba(255,0,0,.22) !important;
}
.mubetax-notice-schedule span{
    display:block !important;
    font-weight:bold !important;
    color:#fff !important;
    text-transform:uppercase !important;
    letter-spacing:.5px !important;
    margin-bottom:8px !important;
    text-shadow:0 0 8px #ff0000 !important;
}
.mubetax-notice-schedule strong{
    display:inline-block !important;
    min-width:78px !important;
    margin:3px 5px !important;
    padding:7px 10px !important;
    color:#fff !important;
    background:linear-gradient(180deg,#c40000,#460000) !important;
    border:1px solid #ff3030 !important;
    border-radius:7px !important;
    text-shadow:0 0 7px #000 !important;
    box-shadow:inset 0 0 12px rgba(255,255,255,.08),0 0 10px rgba(255,0,0,.28) !important;
}
.mubetax-panel-welcome{
    text-align:center !important;
    display:block !important;
    width:100% !important;
    margin:8px auto 12px auto !important;
    padding:12px 8px !important;
    color:#ffffff !important;
    font-weight:bold !important;
    font-size:14px !important;
    letter-spacing:.3px !important;
    background:linear-gradient(180deg,#160000,#050505) !important;
    border:1px solid #8c0000 !important;
    border-radius:8px !important;
    text-shadow:0 0 8px rgba(255,0,0,.65) !important;
    box-shadow:0 0 14px rgba(255,0,0,.20) !important;
    box-sizing:border-box !important;
}
.mubetax-panel-welcome span{
    color:#ff2a2a !important;
    text-shadow:0 0 10px #ff0000 !important;
}
.mubetax-user-panel,
.mubetax-panel-menu,
ul.mubetax-panel-menu,
ul.info.mubetax-panel-menu{
    text-align:center !important;
    margin:0 auto !important;
    padding:0 !important;
    width:100% !important;
    display:block !important;
}
.mubetax-panel-menu li,
ul.info.mubetax-panel-menu li{
    display:block !important;
    width:92% !important;
    max-width:230px !important;
    margin:7px auto !important;
    padding:0 !important;
    text-align:center !important;
    background:none !important;
}
.mubetax-panel-menu li a,
ul.info.mubetax-panel-menu li a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    width:100% !important;
    min-height:34px !important;
    padding:8px 10px !important;
    color:#ffffff !important;
    text-align:center !important;
    text-decoration:none !important;
    font-weight:bold !important;
    background:linear-gradient(180deg,#161616,#050505) !important;
    border:1px solid #650000 !important;
    border-radius:8px !important;
    box-sizing:border-box !important;
    transition:all .25s ease !important;
}
.mubetax-panel-menu li a:hover,
ul.info.mubetax-panel-menu li a:hover{
    background:linear-gradient(180deg,#d00000,#5a0000) !important;
    border-color:#ff3030 !important;
    color:#fff !important;
    box-shadow:0 0 16px rgba(255,0,0,.45), inset 0 0 15px rgba(255,255,255,.08) !important;
    text-shadow:0 0 8px #ff0000 !important;
}
.mubetax-logout:before{ content:'🚪 ' !important; display:inline !important; }
.mubetax-panel-menu li a[href*="paneluser"]:before{ content:'👤 ' !important; display:inline !important; }
.mubetax-panel-menu li a[href*="panelgamemaster"]:before{ content:'🛡️ ' !important; display:inline !important; }
.mubetax-panel-menu li a[href*="paneladmin"]:before{ content:'👑 ' !important; display:inline !important; }
#noticias img{ max-width:100% !important; height:auto !important; }


/* =========================================================
   MuBetaX - Slider de imagens nas Últimas Notícias
   Sem bolinhas, sem controles, somente imagem com troca automática.
   ========================================================= */
#mubetax-slider-fix{}
.mubetax-news-banner{display:none!important;}
.mubetax-news-slider{
  width:100%!important;
  height:230px!important;
  position:relative!important;
  overflow:hidden!important;
  margin:0 0 10px 0!important;
  border:1px solid rgba(255,0,0,.75)!important;
  border-radius:7px!important;
  background:#050505!important;
  box-shadow:0 0 18px rgba(255,0,0,.24), inset 0 0 28px rgba(0,0,0,.85)!important;
}
.mubetax-news-slider:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  pointer-events:none!important;
  box-shadow:inset 0 0 35px rgba(0,0,0,.85), inset 0 0 0 1px rgba(255,255,255,.05)!important;
  background:linear-gradient(180deg,rgba(255,0,0,.10),transparent 22%,rgba(0,0,0,.20) 100%)!important;
}
.mubetax-news-slider .mubetax-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  opacity:0;
  animation:mubetaxNewsFade 20s infinite ease-in-out;
}
.mubetax-news-slider .slide-1{animation-delay:0s!important;}
.mubetax-news-slider .slide-2{animation-delay:5s!important;}
.mubetax-news-slider .slide-3{animation-delay:10s!important;}
.mubetax-news-slider .slide-4{animation-delay:15s!important;}
@keyframes mubetaxNewsFade{
  0%{opacity:0; transform:scale(1.015);} 4%{opacity:1; transform:scale(1);}
  24%{opacity:1; transform:scale(1);} 29%{opacity:0; transform:scale(1.012);}
  100%{opacity:0; transform:scale(1.012);}
}
@media(max-width:1100px){.mubetax-news-slider{height:210px!important;}}
@media(max-width:760px){.mubetax-news-slider{height:180px!important;}}

/* =========================================================
   MuBetaX - Slider lateral nas ltimas Notcias
   Passa para o lado sozinho a cada 5 segundos.
   Sem bolinhas, sem controles, somente imagem.
   ========================================================= */
#mubetax-slider-fix{}
.mubetax-news-banner{display:none!important;}
.mubetax-news-slider{
  width:100%!important;
  height:230px!important;
  position:relative!important;
  overflow:hidden!important;
  margin:0 0 10px 0!important;
  border:1px solid rgba(255,0,0,.75)!important;
  border-radius:7px!important;
  background:#050505!important;
  box-shadow:0 0 18px rgba(255,0,0,.24), inset 0 0 28px rgba(0,0,0,.85)!important;
  white-space:nowrap!important;
  line-height:0!important;
}
.mubetax-news-slider:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  pointer-events:none!important;
  box-shadow:inset 0 0 35px rgba(0,0,0,.85), inset 0 0 0 1px rgba(255,255,255,.05)!important;
  background:linear-gradient(180deg,rgba(255,0,0,.10),transparent 22%,rgba(0,0,0,.20) 100%)!important;
}
.mubetax-news-slider .mubetax-slider-track{
  width:400%!important;
  height:100%!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  animation:mubetaxSlideHorizontal 20s infinite ease-in-out!important;
  will-change:transform!important;
}
.mubetax-news-slider:hover .mubetax-slider-track{
  animation-play-state:running!important;
}
.mubetax-news-slider .mubetax-slide{
  width:25%!important;
  min-width:25%!important;
  max-width:25%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  flex:0 0 25%!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}
@keyframes mubetaxSlideHorizontal{
  0%,20%{transform:translateX(0);} 
  25%,45%{transform:translateX(-25%);} 
  50%,70%{transform:translateX(-50%);} 
  75%,95%{transform:translateX(-75%);} 
  100%{transform:translateX(0);} 
}
@media(max-width:1100px){.mubetax-news-slider{height:210px!important;}}
@media(max-width:760px){.mubetax-news-slider{height:180px!important;}}

/* =========================================================
   MuBetaX - CORRECAO FINAL DO SLIDER ULTIMAS NOTICIAS
   4 imagens, movimento lateral suave, 5 segundos por banner.
   Sem bolinhas, sem quebrar linhas, imagem ajustada na caixa.
   ========================================================= */
.mubetax-news-slider{
  width:100%!important;
  height:230px!important;
  position:relative!important;
  overflow:hidden!important;
  margin:0 0 10px 0!important;
  padding:0!important;
  border:1px solid rgba(255,0,0,.78)!important;
  border-radius:7px!important;
  background:#050505!important;
  box-shadow:0 0 18px rgba(255,0,0,.24), inset 0 0 28px rgba(0,0,0,.85)!important;
  white-space:normal!important;
  line-height:0!important;
}
.mubetax-news-slider .mubetax-slider-track{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  margin:0!important;
  padding:0!important;
  animation:mubetaxSliderLateral5s 20s infinite ease-in-out!important;
  will-change:transform!important;
}
.mubetax-news-slider .mubetax-slide{
  display:block!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  height:230px!important;
  min-height:230px!important;
  object-fit:cover!important;
  object-position:center center!important;
  flex:0 0 100%!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
  vertical-align:top!important;
}
@keyframes mubetaxSliderLateral5s{
  0%,20%{transform:translateX(0);} 
  25%,45%{transform:translateX(-100%);} 
  50%,70%{transform:translateX(-200%);} 
  75%,95%{transform:translateX(-300%);} 
  100%{transform:translateX(0);} 
}
@media(max-width:1100px){
  .mubetax-news-slider{height:210px!important;}
  .mubetax-news-slider .mubetax-slide{height:210px!important;min-height:210px!important;}
}
@media(max-width:760px){
  .mubetax-news-slider{height:180px!important;}
  .mubetax-news-slider .mubetax-slide{height:180px!important;min-height:180px!important;}
}

/* =========================================================
   MuBetaX - PATCH FINAL FUNDO + SLIDER 100% FUNCIONAL
   Aplicado em 09/07/2026
   ========================================================= */
html, body, body.mubetax-v3{
  background:#000 url(images/bg_mubetax_final.png) no-repeat center top fixed !important;
  background-size:cover !important;
  min-height:100% !important;
}
body.mubetax-v3:before, body:after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:0 !important;
  background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.25) 360px,rgba(0,0,0,.70) 100%) !important;
}
#bg{
  background:transparent !important;
  min-height:1000px !important;
  height:auto !important;
}
.mainw, #main, #header, #menu, #center, #rightbar, #footer{
  position:relative !important;
  z-index:2 !important;
}
#header{
  height:250px !important;
}
.logo{
  margin:18px auto 0 !important;
  background:none !important;
  height:210px !important;
  width:900px !important;
}
.logo:after{
  display:none !important;
}
#main{
  margin-top:8px !important;
}
#center .box, #rightbar .box, .premium-box{
  background:linear-gradient(180deg,rgba(12,12,12,.88),rgba(4,4,4,.94)) !important;
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

/* Slider corrigido: cada imagem ocupa 100% da caixa, sem tela preta */
.mubetax-news-slider{
  width:100% !important;
  height:230px !important;
  overflow:hidden !important;
  position:relative !important;
  background:#050505 !important;
  border:1px solid rgba(255,0,0,.85) !important;
  border-radius:8px !important;
  box-shadow:0 0 20px rgba(255,0,0,.30), inset 0 0 30px rgba(0,0,0,.80) !important;
  margin:0 0 10px 0 !important;
  padding:0 !important;
  line-height:0 !important;
}
.mubetax-news-slider .mubetax-slider-track{
  position:relative !important;
  width:400% !important;
  height:100% !important;
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  margin:0 !important;
  padding:0 !important;
  animation:mubetaxSliderFinal 20s infinite ease-in-out !important;
  transform:translateX(0);
}
.mubetax-news-slider .mubetax-slide{
  position:relative !important;
  inset:auto !important;
  opacity:1 !important;
  animation:none !important;
  display:block !important;
  flex:0 0 25% !important;
  width:25% !important;
  min-width:25% !important;
  max-width:25% !important;
  height:230px !important;
  min-height:230px !important;
  object-fit:cover !important;
  object-position:center center !important;
  border:0 !important;
  margin:0 !important;
  padding:0 !important;
}
@keyframes mubetaxSliderFinal{
  0%,20%{transform:translateX(0);} 
  25%,45%{transform:translateX(-25%);} 
  50%,70%{transform:translateX(-50%);} 
  75%,95%{transform:translateX(-75%);} 
  100%{transform:translateX(0);} 
}
@media(max-width:1100px){
  .mubetax-news-slider{height:210px !important;}
  .mubetax-news-slider .mubetax-slide{height:210px !important;min-height:210px !important;}
}
@media(max-width:760px){
  html, body, body.mubetax-v3{background-position:center top !important;}
  .mainw,#main,#menu,#footer_content{width:96% !important;}
  #center,#rightbar{float:none !important;width:100% !important;margin:0 auto 10px !important;}
  .mubetax-news-slider{height:180px !important;}
  .mubetax-news-slider .mubetax-slide{height:180px !important;min-height:180px !important;}
}

/* =========================================================
   MuBetaX - PATCH FUNDO FORCADO V4
   Corrige quando o servidor mantém o bg antigo por cache/caminho.
   ========================================================= */
html,
body,
body.mubetax-v3,
#background1,#background2,#background3,#background4,#background5,#background6,
#background7,#background8,#background9,#background10,#background11,
div.bg{
  background-image:url('/templates/stefano/public/images/bg_mubetax_final.png?v=4') !important;
  background-repeat:no-repeat !important;
  background-position:center top !important;
  background-attachment:fixed !important;
  background-size:cover !important;
  background-color:#000 !important;
}
#bg{
  background:transparent !important;
  background-image:none !important;
  min-height:1000px !important;
  height:auto !important;
}

/* =========================================================
   MuBetaX - V5 PREMIUM FINAL
   Slider maior, botões com brilho, rankings premium,
   menu hover, glass escuro e animações suaves.
   ========================================================= */
html,body,body.mubetax-v3{
  font-family:Arial, Helvetica, sans-serif !important;
  text-rendering:optimizeLegibility !important;
}
body.mubetax-v3:after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:1 !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,0,0,.08), transparent 28%),
    radial-gradient(circle at 20% 20%, rgba(255,0,0,.12), transparent 24%),
    linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.50) 76%, rgba(0,0,0,.84)) !important;
}
#header{height:270px !important;}
.logo{height:238px !important;width:980px !important;margin-top:2px !important;}
#menu{
  box-shadow:0 0 18px rgba(255,0,0,.28), inset 0 0 18px rgba(0,0,0,.86) !important;
  border:1px solid rgba(255,50,50,.52) !important;
  border-radius:6px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,rgba(26,26,26,.96),rgba(6,6,6,.98)) !important;
}
#menu ul li a,#menu a{
  color:#f3f3f3 !important;
  text-shadow:0 1px 2px #000 !important;
  letter-spacing:.25px !important;
  transition:all .25s ease !important;
}
#menu ul li:hover a,#menu a:hover{
  background:linear-gradient(180deg,#7a0000,#1c0000) !important;
  color:#fff !important;
  text-shadow:0 0 8px rgba(255,80,80,.95), 0 1px 2px #000 !important;
  box-shadow:inset 0 0 18px rgba(255,0,0,.45), 0 0 14px rgba(255,0,0,.28) !important;
}
#main{filter:drop-shadow(0 0 18px rgba(0,0,0,.85)) !important;}
#center .box,#rightbar .box,.premium-box{
  background:linear-gradient(180deg,rgba(15,15,15,.78),rgba(4,4,4,.88)) !important;
  border:1px solid rgba(255,0,0,.56) !important;
  border-radius:9px !important;
  box-shadow:0 0 16px rgba(255,0,0,.18), inset 0 0 28px rgba(0,0,0,.82) !important;
  backdrop-filter:blur(3px) !important;
  -webkit-backdrop-filter:blur(3px) !important;
  overflow:hidden !important;
}
#center .box h1,#rightbar .box h1,.premium-box h1{
  color:#fff !important;
  text-transform:uppercase !important;
  text-align:center !important;
  font-weight:bold !important;
  letter-spacing:.45px !important;
  text-shadow:0 0 7px rgba(255,0,0,.9), 0 1px 2px #000 !important;
  background:linear-gradient(90deg,rgba(80,0,0,.92),rgba(18,18,18,.90),rgba(80,0,0,.92)) !important;
  border-bottom:1px solid rgba(255,0,0,.65) !important;
  box-shadow:0 5px 16px rgba(0,0,0,.45), inset 0 0 18px rgba(255,0,0,.15) !important;
}
#center .box h1:before{content:"🔥 ";}
#rightbar .box h1:before{content:"☠️ ";}
.premium-box-content,.spacing{
  background:rgba(0,0,0,.22) !important;
}
.mubetax-news-slider{
  height:315px !important;
  border-radius:10px !important;
  border:1px solid rgba(255,25,25,.95) !important;
  box-shadow:0 0 28px rgba(255,0,0,.32), inset 0 0 36px rgba(0,0,0,.72) !important;
  background:#000 !important;
}
.mubetax-news-slider .mubetax-slide{
  height:315px !important;
  min-height:315px !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:contrast(1.08) saturate(1.08) !important;
}
.mubetax-news-slider:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 55px rgba(0,0,0,.62), inset 0 0 15px rgba(255,0,0,.24);
}
.premium-ranking-grid{
  gap:9px !important;
}
.premium-ranking-card{
  background:linear-gradient(180deg,rgba(13,13,13,.90),rgba(0,0,0,.94)) !important;
  border:1px solid rgba(255,0,0,.62) !important;
  border-radius:8px !important;
  box-shadow:inset 0 0 22px rgba(0,0,0,.9), 0 0 12px rgba(255,0,0,.13) !important;
  transition:all .25s ease !important;
}
.premium-ranking-card:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 0 22px rgba(255,0,0,.28), inset 0 0 25px rgba(0,0,0,.9) !important;
}
.premium-ranking-card h3{
  color:#ff3131 !important;
  text-align:center !important;
  text-transform:uppercase !important;
  text-shadow:0 0 8px rgba(255,0,0,.85) !important;
}
.premium-ranking-list li,.list li,#rankings tr,#rankings td,table tr,table td{
  transition:background .22s ease,color .22s ease,box-shadow .22s ease !important;
}
.premium-ranking-list li:nth-child(1):before{content:"🥇 ";}
.premium-ranking-list li:nth-child(2):before{content:"🥈 ";}
.premium-ranking-list li:nth-child(3):before{content:"🥉 ";}
.premium-ranking-list li:nth-child(odd){background:rgba(255,255,255,.025) !important;}
.premium-ranking-list li:hover,table tr:hover{
  background:linear-gradient(90deg,rgba(120,0,0,.55),rgba(0,0,0,.18)) !important;
  color:#fff !important;
  box-shadow:inset 0 0 12px rgba(255,0,0,.20) !important;
}
.premium-ranking-link a,a.button,input[type=button],input[type=submit],button,.button,
#rightbar a,#rightbar input[type=submit],#rightbar input[type=button]{
  transition:all .25s ease !important;
}
.premium-ranking-link a,input[type=button],input[type=submit],button,.button{
  background:linear-gradient(180deg,#a60000,#3a0000 55%,#130000) !important;
  color:#fff !important;
  border:1px solid rgba(255,90,90,.72) !important;
  border-radius:7px !important;
  text-shadow:0 1px 2px #000 !important;
  box-shadow:0 0 11px rgba(255,0,0,.32), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.premium-ranking-link a:hover,input[type=button]:hover,input[type=submit]:hover,button:hover,.button:hover{
  transform:scale(1.03) !important;
  background:linear-gradient(180deg,#ff1b1b,#730000 58%,#220000) !important;
  box-shadow:0 0 22px rgba(255,0,0,.55), inset 0 0 15px rgba(255,255,255,.08) !important;
}
#rightbar a{
  border-radius:8px !important;
}
#rightbar .box a:hover,#rightbar a:hover{
  color:#fff !important;
  text-shadow:0 0 9px rgba(255,50,50,.9) !important;
}
#rightbar .box ul li,#rightbar .box p,#rightbar .box div{
  text-shadow:0 1px 2px #000 !important;
}
#rightbar .box ul li:hover{
  background:rgba(130,0,0,.42) !important;
}
input,select,textarea{
  background:rgba(0,0,0,.75) !important;
  color:#fff !important;
  border:1px solid rgba(255,0,0,.52) !important;
  border-radius:6px !important;
  box-shadow:inset 0 0 12px rgba(0,0,0,.75) !important;
}
input:focus,select:focus,textarea:focus{
  outline:none !important;
  border-color:#ff3b3b !important;
  box-shadow:0 0 13px rgba(255,0,0,.38), inset 0 0 12px rgba(0,0,0,.75) !important;
}
.notices li,.premium-notices li{
  border-bottom:1px dashed rgba(255,0,0,.28) !important;
}
.notices li:hover,.premium-notices li:hover{
  background:rgba(120,0,0,.24) !important;
}
a{color:#ff4242 !important;}
a:hover{color:#fff !important;text-shadow:0 0 8px rgba(255,0,0,.85) !important;}
@media(max-width:1100px){
  .mubetax-news-slider{height:255px !important;}
  .mubetax-news-slider .mubetax-slide{height:255px !important;min-height:255px !important;}
  #header{height:230px !important;}
  .logo{height:210px !important;width:96% !important;}
}
@media(max-width:760px){
  .mubetax-news-slider{height:205px !important;}
  .mubetax-news-slider .mubetax-slide{height:205px !important;min-height:205px !important;}
}


/* =========================================================
   MuBetaX - Correo final dos trofus do ranking
   - Trofus apenas em rankings
   - 1 ouro, 2 prata, 3 bronze
   - do 4 em diante somente nmero
   - remove medalhas/bolinhas antigas aplicadas globalmente
   ========================================================= */
#center ul.list li::before,
#center ul.list li:before,
ul.list li::before,
ul.list li:before{
    content:none !important;
    display:none !important;
}
.premium-ranking-list{
    counter-reset:mubetaxrank !important;
}
.premium-ranking-list li{
    counter-increment:mubetaxrank !important;
    position:relative !important;
    padding-left:38px !important;
    min-height:28px !important;
    line-height:28px !important;
}
ul.premium-ranking-list li::before,
#center ul.premium-ranking-list li::before,
#center .premium-ranking-card ul.list li::before{
    content:counter(mubetaxrank) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:absolute !important;
    left:6px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:24px !important;
    height:24px !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:900 !important;
    background:rgba(30,0,0,.85) !important;
    border:1px solid rgba(255,0,0,.45) !important;
    border-radius:6px !important;
    box-shadow:0 0 8px rgba(255,0,0,.22) !important;
}
ul.premium-ranking-list li:nth-child(1)::before,
#center ul.premium-ranking-list li:nth-child(1)::before,
#center .premium-ranking-card ul.list li:nth-child(1)::before{
    content:"" !important;
    background:url('../imagens/layout/ranking/trofeu_ouro.svg') center/24px 24px no-repeat !important;
    border:0 !important;
    box-shadow:0 0 10px rgba(255,190,40,.60) !important;
}
ul.premium-ranking-list li:nth-child(2)::before,
#center ul.premium-ranking-list li:nth-child(2)::before,
#center .premium-ranking-card ul.list li:nth-child(2)::before{
    content:"" !important;
    background:url('../imagens/layout/ranking/trofeu_prata.svg') center/24px 24px no-repeat !important;
    border:0 !important;
    box-shadow:0 0 10px rgba(210,225,255,.50) !important;
}
ul.premium-ranking-list li:nth-child(3)::before,
#center ul.premium-ranking-list li:nth-child(3)::before,
#center .premium-ranking-card ul.list li:nth-child(3)::before{
    content:"" !important;
    background:url('../imagens/layout/ranking/trofeu_bronze.svg') center/24px 24px no-repeat !important;
    border:0 !important;
    box-shadow:0 0 10px rgba(255,120,40,.45) !important;
}
.mubetax-rank-place-cell{
    width:58px !important;
    min-width:58px !important;
    background:linear-gradient(180deg,rgba(25,0,0,.95),rgba(5,5,5,.96)) !important;
    border:1px solid rgba(255,0,0,.25) !important;
}
.mubetax-rank-place-cell strong{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:30px !important;
    color:#fff !important;
    font-size:13px !important;
}
.mubetax-trophy{
    width:30px !important;
    height:30px !important;
    display:inline-block !important;
    vertical-align:middle !important;
    border:0 !important;
    background:transparent !important;
}
.trophy-gold{filter:drop-shadow(0 0 6px rgba(255,190,40,.75));}
.trophy-silver{filter:drop-shadow(0 0 6px rgba(220,230,255,.60));}
.trophy-bronze{filter:drop-shadow(0 0 6px rgba(255,120,40,.55));}
/* evita que pginas comuns recebam numerao estranha */
body:not(.rankings) .quadros > ul.list > li::before,
body:not(.rankings) .quadros > ul.list > li:before{
    content:none !important;
    display:none !important;
}

/* =========================================================
   MuBetaX - Ranking final igual ao modelo aprovado
   Trofeu | Lugar | Foto | Nome | Valor | Equipe
   ========================================================= */
.mubetax-rank-table{
    width:100% !important;
    border-collapse:collapse !important;
    table-layout:fixed !important;
    font-family:Arial, Helvetica, sans-serif !important;
    color:#fff !important;
}
.mubetax-rank-table td{
    vertical-align:middle !important;
    text-align:center !important;
    padding:8px 6px !important;
    border-bottom:1px dashed rgba(255,0,0,.18) !important;
    font-size:12px !important;
    font-weight:700 !important;
}
.mubetax-rank-table tr:first-child td{
    background:linear-gradient(180deg,#b00000 0%,#6d0000 55%,#220000 100%) !important;
    color:#fff !important;
    font-size:12px !important;
    text-shadow:0 1px 2px #000 !important;
    padding:9px 5px !important;
}
/* Trofeu maior */
.mubetax-rank-table .mubetax-rank-trophy-cell{
    width:52px !important;
    min-width:52px !important;
    max-width:52px !important;
    padding-left:4px !important;
    padding-right:4px !important;
}
.mubetax-rank-table .mubetax-trophy{
    width:34px !important;
    height:34px !important;
    display:inline-block !important;
    vertical-align:middle !important;
}
/* Caixa Lugar menor e alinhada embaixo do titulo */
.mubetax-rank-table .mubetax-rank-place-cell{
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    padding-left:3px !important;
    padding-right:3px !important;
    background:transparent !important;
    border:0 !important;
}
.mubetax-rank-table .mubetax-rank-place-cell strong{
    width:28px !important;
    height:28px !important;
    min-height:28px !important;
    margin:0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(255,0,0,.75) !important;
    border-radius:4px !important;
    background:rgba(10,10,10,.82) !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:900 !important;
    box-shadow:inset 0 0 8px rgba(255,0,0,.12) !important;
}
/* Foto 32x32 */
.mubetax-rank-table .mubetax-rank-photo-cell{
    width:64px !important;
    min-width:64px !important;
    max-width:64px !important;
}
.mubetax-rank-table img.mubetax-rank-photo{
    width:32px !important;
    height:32px !important;
    max-width:32px !important;
    max-height:32px !important;
    object-fit:cover !important;
    border:1px solid #8b0000 !important;
    border-radius:3px !important;
    box-shadow:0 0 7px rgba(255,0,0,.35) !important;
}
/* Nome centralizado */
.mubetax-rank-table .mubetax-rank-name-cell,
.mubetax-rank-table .mubetax-rank-name-cell a{
    text-align:center !important;
    color:#ff3333 !important;
    font-size:12px !important;
    font-weight:700 !important;
}
.mubetax-rank-table .mubetax-rank-value-cell{
    width:95px !important;
    font-size:13px !important;
    font-weight:900 !important;
    color:#fff !important;
}
.mubetax-rank-table .mubetax-rank-team-cell{
    width:110px !important;
    font-size:12px !important;
    font-weight:900 !important;
}
.mubetax-rank-table tr:hover td{
    background:rgba(140,0,0,.12) !important;
}
.mubetax-rank-table tr:nth-child(2) td{
    box-shadow:inset 0 0 12px rgba(255,190,0,.20) !important;
}


/* =========================================================
   MuBetaX - MENU SUPERIOR FINAL
   Alterado somente o menu: remove Fórum no header.tpl.php,
   centraliza os demais botões, adiciona ícones e hover vermelho.
   ========================================================= */
#menu{
    width:960px !important;
    height:46px !important;
    margin:0 auto 12px auto !important;
    float:none !important;
    clear:both !important;
    display:block !important;
    overflow:hidden !important;
    border-radius:8px !important;
    border:1px solid rgba(165,0,0,.85) !important;
    background:linear-gradient(180deg,#191919 0%,#0b0b0b 58%,#020202 100%) !important;
    box-shadow:0 0 18px rgba(255,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08) !important;
    text-transform:uppercase !important;
}
#menu ul{
    width:100% !important;
    height:46px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;
    justify-content:center !important;
    list-style:none !important;
    background:transparent !important;
}
#menu ul li{
    height:46px !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    display:block !important;
    list-style:none !important;
    flex:1 1 auto !important;
    background:transparent !important;
}
#menu ul li a,
#menu a,
#menu a:visited{
    height:46px !important;
    line-height:46px !important;
    padding:0 10px !important;
    display:block !important;
    float:none !important;
    text-align:center !important;
    color:#f6f6f6 !important;
    font-family:Arial, Tahoma, sans-serif !important;
    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:.1px !important;
    text-decoration:none !important;
    text-shadow:1px 1px 2px #000 !important;
    border-left:1px solid rgba(255,255,255,.06) !important;
    border-right:1px solid rgba(0,0,0,.70) !important;
    background:linear-gradient(180deg,#171717 0%,#0b0b0b 60%,#020202 100%) !important;
    box-sizing:border-box !important;
    transition:all .18s ease-in-out !important;
}
#menu ul li a:before{
    display:inline-block !important;
    margin-right:6px !important;
    color:#ff3030 !important;
    font-size:13px !important;
    text-shadow:0 0 7px rgba(255,0,0,.65),1px 1px 2px #000 !important;
    vertical-align:middle !important;
}
#menu ul li:nth-child(1) a:before{content:'🏠';}
#menu ul li:nth-child(2) a:before{content:'👤';}
#menu ul li:nth-child(3) a:before{content:'⬇';}
#menu ul li:nth-child(4) a:before{content:'🏆';}
#menu ul li:nth-child(5) a:before{content:'🖥';}
#menu ul li:nth-child(6) a:before{content:'👑';}
#menu ul li:nth-child(7) a:before{content:'🛒';}
#menu ul li:nth-child(8) a:before{content:'⚔';}
#menu ul li:nth-child(9) a:before{content:'✉';}
#menu ul li a:hover,
#menu li:hover > a,
#menu li.current a,
#menu li.active a,
#menu li.current-menu-item a,
.menu_curves a:hover{
    color:#fff !important;
    text-decoration:none !important;
    background:linear-gradient(180deg,#ff2222 0%,#b40000 42%,#570000 74%,#100000 100%) !important;
    box-shadow:inset 0 0 18px rgba(255,255,255,.10), inset 0 -10px 22px rgba(0,0,0,.40), 0 0 16px rgba(255,0,0,.55) !important;
    text-shadow:0 0 8px #ffb0b0,1px 1px 2px #000 !important;
}
#menu ul li a:hover:before,
#menu li:hover > a:before{
    color:#fff !important;
    text-shadow:0 0 9px #ffb0b0,0 0 14px #ff0000 !important;
}
#menu ul li:first-child a{border-radius:7px 0 0 7px !important;}
#menu ul li:last-child a{border-radius:0 7px 7px 0 !important;}
@media(max-width:1100px){
    #menu{width:960px !important;}
    #menu ul li a,#menu a{font-size:11px !important;padding:0 7px !important;}
    #menu ul li a:before{margin-right:4px !important;font-size:12px !important;}
}