@charset "utf-8";
@import "validation.css";
@import "notice.css?v=20260614-v11";
@import "ui.css?v1";











#acc-panel-tabs {
	margin-bottom: 30px;
}




ul#paypal-options{
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
}
ul#paypal-options { list-style:none; }
ul#paypal-options h4{
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
}
ul#paypal-options h3{
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
}

#paypal-options {
	color:#555;
	font-size:auto;
	line-height:auto;
	list-style-type:none;
	margin:0;
}

#paypal-options li {
	border-radius:5px;
	line-height:45px;
	height: 65px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	margin-top:10px;
	padding:10px;
	background: rgba(255, 255, 255, 0.6);
}

#paypal-options li h4 {
	color:#444;
	font-weight:bolder;
	font-size:22px;
	padding-left:10px;
	margin-left:10px;
}
#paypal-options li h3 {
	color:#444;
	font-size:18px;
	padding-left:10px;
	margin-left:10px;
}

#helm{
	position:absolute; 
	left:73px; 
	top:58px; 
	width:56px; 
	height:66px; 
}

#wings{
	position:absolute; 
	left:272px;	
	top:59px; 	
	width:127px; 
	height:110px; 
}

#pendant{
	position:absolute; 
	left:233px;	
	top:80px; 	
	width:29px; 
	height:29px; 
}

#sword{
	position:absolute; 
	left:6px; 
	top:242px; 
	width:69px; 
	height:129px; 
}

#armor{
	position:absolute; 
	left:40px; 
	top:138px; 
	width:82px; 
	height:98px; 
}

#shield{
	position:absolute; 
	left:330px; 
	top:242px; 
	width:69px; 
	height:129px; 
}

#gloves{
	position:absolute; 
	left:271px;	
	top:178px;	
	width:85px;	
	height:55px; 
}
#pants{
	position:absolute; 
	left:89px;	
	top:297px;	
	width:58px; 
	height:74px; 
}
#ring_left{
	position:absolute; 
	left:102px;	
	top:252px; 	
	width:29px; 
	height:29px; 
}
#ring_right{
	position:absolute; 
	left:272px;	
	top:252px; 	
	width:29px; 
	height:29px; 
}

#boots{
	position:absolute; 
	left:258px;	
	top:297px; 	
	width:58px; 
	height:74px; 
}

/* AUCTION */
.inv { 
table-layout : fixed;
background-color : #212121; 
border : 1px solid #100f0d; 
margin : 0px;
padding : 0px;
} 

.waretitle { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px;
background:	#610000;
font-style: oblique;
font-weight: bold;
color:#fff;
} 
#sell_item {
	display: none;
}

#warn-info10 {
    color: #ffffff;
	background: #000000;
	font-size: 20px;
    border-radius: 0.5em;
    border: 2px solid;
    margin: 10px 0px;
    padding: 14px;
    width: fit-content;
}

#warn-info10 a{
    color:#fbd181;
}

#warn-info10 a:hover{
    color:#fff4d2;
}

#warn-info11 {
    color: #ffffff;
	background: #630000;
    font-size: 20px;
    border-radius: 0.5em;
    border: 2px solid;
    margin: 10px 0px;
    padding: 14px;
    width: fit-content;
}

#warn-info11 a{
    color:#fbd181;
}

#warn-info11 a:hover{
    color:#fff4d2;
}

#warn-info12 {
    color: #ffffff;
	background: #967a00;
    font-size: 20px;
    border-radius: 0.5em;
    border: 2px solid;
    margin: 10px 0px;
    padding: 14px;
    width: fit-content;
}

#warn-info12 a{
    color:#fbd181;
}

#warn-info12 a:hover{
    color:#fff4d2;
}

/* AUCTION END */
/* ------------------- PAGINATION ---------------------- */
 
#pagination {
	color: #4C9AEB;
	font: normal 12px verdana, arial, helvetica, serif;
	line-height: 17px;
	margin: 0;
	padding: 12px 8px 8px 12px;
	-webkit-border-radius: 0 0 6px 6px;  
	-moz-border-radius: 0 0 6px 6px;  
	-khtml-border-radius: 0 0 6px 6px;  
	border-radius: 0 0 6px 6px;
}

#pagination a {
	border: 1px solid #272634;
	background: #21202C;
	color: #8e9091;
	font: bold 12px verdana, arial, helvetica, serif;
	margin-right: 8px;
	padding: 10px 12px;
	-webkit-border-radius: 4px;  
	-moz-border-radius: 4px;  
	-khtml-border-radius: 4px;  
	border-radius: 4px;
	
}

#pagination a.on {
	border: 1px solid #fbd181; 
	background: #272634;
	color: #fbd181; 
	margin-right: 8px;
	padding: 10px 12px;
	-webkit-border-radius: 4px;  
	-moz-border-radius: 4px;  
	-khtml-border-radius: 4px;  
	border-radius: 4px;
}

#pagination a:hover {
	border: 1px solid #fbd181; 
	color: #fbd181; 
}

#pagination ul {
	height: 21px;
}

#pagination li {
	list-style-type: none;
	float: left;
}

/* ------------------- PAGINATION END ---------------------- */

#item_buy{
	margin-left:5px;
	margin-right:5px;
	width: 100%;
}
#item_buy_left{
	float: left;
	padding-right: 5px;
}
#item_buy_right{
	float: left;
	background-color: #3e1d1c;
	width: 492px;
	padding: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#item_buy_right .full{
	margin: 1px;
	padding: 1px;
	width: 488px;
	background-color:#76403f;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#FFFFFF;
	text-shadow:#000 0px 1px 0px;
	height: 18px;	
	line-height: 18px;
}
#item_buy_right .opt_title{
	margin: 1px;
	padding-left: 1px;
	width: 250px;
	float: left;
	background-color:#76403f;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#FFFFFF;
	text-shadow:#000 0px 1px 0px;
	height: 20px;	
	line-height: 20px;
}
#item_buy_right .opt{
	margin: 1px;
	padding-left: 1px;
	width: 236px;
	float: left;
	background-color:#76403f;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#FFFFFF;
	text-shadow:#000 0px 1px 0px;
	height: 20px;
	line-height: 20px;
}

#item_buy_right .opt select{
	border:0px; 
	border-radius: 0;
	width:60%; 
	font-size:12px; 
	line-height: 1;
	background:#5d302f; 
	color:#fff;
	margin-top: 1px;
	padding:0;
	-webkit-appearance: none;
	outline: 0 !important;
}

#item_buy_right .opt input[type="number"]{
	width: 35px;
	border:0px; 
	border-radius: 0;
	font-size:12px; 
	line-height: 1;
	background:#5d302f; 
	color:#fff;
	margin-top: 1px;
	padding:0;
	-webkit-appearance: none;
}

#item_image_bg{
	position:relative;
	background:url(../images/item_bg.png) no-repeat;
	width: 129px;
	height: 184px;	
}
#item_image_bg img{
	position: absolute;  
	top: 0;  
	bottom: 0;  
	left: 0;  
	right: 0;  
	margin: auto; 
}
.item_info{
	margin-top: 2px;
	background:url(../images/item_desc.png) no-repeat;
	width: 129px;
	height: 36px;
	line-height: 36px;	
	z-index:500;
}

.item_info .info{
	padding-left: 5px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#FFFFFF;
	text-shadow:#000 0px 1px 0px;

}
.item_info .info .btimes{ color:#ed7876;}
.item_info .info .goldcr{ color:#ffaf04; }
.item_info .info .normalcr{ color:#d9a08a;}
#buy_buttons{
	margin-right:10px;
	width: 99%;
}
#buy_buttons button{
	margin: 2px;
}
.buy_button { background:url(../images/slect_btn.png); 
	width:155px; 
	height:42px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#FFFFFF;
	text-shadow:#000 0px 1px 0px; 
	border:0;
	float:right;
}
.buy_button:hover{
	cursor: pointer;
}
.payment-method-button {
    margin:4px;
    background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid #D0D0D0;
    overflow:auto;
    float:left;
}
.payment-method-button label {
    float:left;
}
.payment-method-button label span {
    text-align:center;
    /*padding:3px 0px;*/
    display:block;
	width: 120px;
	height: 50px;
	line-height: 50px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:20px; 
	cursor: pointer;
}
.payment-method-button label input {
    position:absolute;
    top:-20px;
}
.btn-fld { width: 254px; overflow: hidden; padding: 12px 20px 12px 130px; }
.buttonn {
	float: right;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	background: #660000; 
	border: none;
	width: auto;
	overflow: visible;
	font-size: 1.4em;
	color: #FFF;
	padding: 7px 10px;  
	border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	font-weight: bold; 
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
} 
.span_red{
	background: #660000; 
    color:#fff;
}


/* Flame sidebar live time block: Server Time + visitor local time above event timers. */
.flame-sidebar-timebox{
    position:relative;
    overflow:hidden;
    margin:0 0 10px;
    padding:10px 11px 9px;
    border:1px solid rgba(183,112,47,.34);
    border-radius:12px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.028) 0%, rgba(255,255,255,0) 36%),
        linear-gradient(180deg, rgba(15,16,23,.995) 0%, rgba(7,8,12,.995) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        inset 0 0 0 1px rgba(0,0,0,.30),
        0 1px 0 rgba(0,0,0,.48);
}
.flame-sidebar-timebox:before{
    content:"";
    position:absolute;
    left:14px;
    right:14px;
    bottom:0;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(183,112,47,.45), rgba(251,209,129,.86), rgba(183,112,47,.45), transparent);
    pointer-events:none;
}
.flame-sidebar-timebox-row{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:9px;
}
.flame-sidebar-timebox-item{
    flex:1 1 0;
    min-width:0;
    text-align:center;
}
.flame-sidebar-timebox-item span{
    display:block;
    margin-bottom:4px;
    color:#b7b1c1;
    font-size:10px;
    line-height:1;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    white-space:nowrap;
}
.flame-sidebar-timebox-item strong{
    display:block;
    color:#fbd181;
    font-size:18px;
    line-height:1.1;
    font-weight:800;
    letter-spacing:.04em;
    text-shadow:0 0 8px rgba(251,129,42,.16);
}
.flame-sidebar-timebox-separator{
    flex:0 0 1px;
    width:1px;
    height:30px;
    background:linear-gradient(180deg, transparent, rgba(183,112,47,.20), rgba(251,209,129,.42), rgba(183,112,47,.20), transparent);
    box-shadow:0 0 8px rgba(251,129,42,.08);
}
@media (max-width:420px){
    .flame-sidebar-timebox{
        padding-left:8px;
        padding-right:8px;
    }
    .flame-sidebar-timebox-row{
        gap:7px;
    }
    .flame-sidebar-timebox-item span{
        font-size:9.5px;
    }
    .flame-sidebar-timebox-item strong{
        font-size:16px;
    }
}

#events div {
	height: 22px;    display: flex;    align-items: center;    width: 100%;    border-bottom: 1px solid rgb(255 255 255 / 5%);	font-size: 16px;
}
#events div span{
	width: 250px;
}
#events div small {
	color: #fbd181;
	font-size: 14px;
}

#events .flame-event-tooltip-trigger{
    position:relative;
    cursor:text;
}
#events .flame-event-tooltip-trigger span,
#events .flame-event-tooltip-trigger small{
    cursor:text;
    transition:color .2s ease, font-size .2s ease, text-shadow .2s ease;
}
#events .flame-event-tooltip-trigger .flame-event-name-text{
    display:inline-block;
    max-width:100%;
    font-style:normal;
    cursor:text;
    pointer-events:auto;
}
#events .flame-event-tooltip-trigger:hover span{
    color:#fff4d7;
}
#events .flame-event-tooltip-trigger:hover small{
    color:#fbd181;
    text-shadow:0 0 8px rgba(251,129,42,.18);
}
.flame-event-tooltip{
    position:fixed;
    z-index:99990;
    width:318px;
    max-width:calc(100vw - 20px);
    padding:14px 15px 13px;
    border:1px solid rgba(183,112,47,.46);
    border-radius:14px;
    background:
        linear-gradient(135deg, rgba(251,129,42,.075) 0%, rgba(251,129,42,0) 36%),
        linear-gradient(180deg, rgba(17,18,26,.985) 0%, rgba(8,9,14,.995) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        inset 0 -1px 0 rgba(251,209,129,.18),
        inset 0 0 0 1px rgba(0,0,0,.30),
        0 16px 34px rgba(0,0,0,.56);
    color:#d8d2e4;
    font-family:var(--flame-ui-font, 'DINNextW1G','Open Sans',Arial,Helvetica,sans-serif);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(4px);
    transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
}
.flame-event-tooltip.is-visible{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
}
.flame-event-tooltip:before{
    content:"";
    position:absolute;
    top:var(--flame-event-tooltip-arrow-top, 50%);
    right:-7px;
    width:12px;
    height:12px;
    margin-top:-6px;
    border-top:1px solid rgba(183,112,47,.46);
    border-right:1px solid rgba(183,112,47,.46);
    background:rgba(12,13,19,.99);
    transform:rotate(45deg);
}
.flame-event-tooltip:after{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    bottom:0;
    height:2px;
    border-radius:2px;
    background:linear-gradient(90deg,
        rgba(251,209,129,0) 0%,
        rgba(255,229,154,.92) 16%,
        rgba(251,209,129,.98) 42%,
        rgba(231,142,55,.92) 72%,
        rgba(231,142,55,0) 100%);
    box-shadow:0 0 8px rgba(251,129,42,.22);
    pointer-events:none;
}
.flame-event-tooltip.is-right-side:before{
    right:auto;
    left:-7px;
    border-right:0;
    border-left:1px solid rgba(183,112,47,.46);
}
.flame-event-tooltip-head{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:10px;
    padding:0 0 10px;
    border-bottom:1px solid rgba(251,209,129,.10);
}
.flame-event-tooltip-head strong{
    color:#fff7e8;
    font-size:16px;
    line-height:1.2;
    font-weight:800;
    text-shadow:0 0 10px rgba(251,129,42,.16);
}
.flame-event-tooltip-dot{
    width:9px;
    height:9px;
    flex:0 0 9px;
    border-radius:50%;
    background:linear-gradient(180deg, #ffe5a0 0%, #fbd181 38%, #e58a34 100%);
    box-shadow:0 0 11px rgba(251,129,42,.38);
}
.flame-event-tooltip-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
    color:#c8bd9a;
    font-size:11px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.075em;
    text-transform:uppercase;
}
.flame-event-tooltip-title span:last-child{
    color:#8f899d;
    font-size:10px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:none;
}
.flame-event-tooltip-list{
    display:flex;
    flex-direction:column;
    gap:7px;
}
.flame-event-tooltip-row{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:center;
    gap:14px;
    min-width:0;
    padding:4px 0;
    color:#c9c4d4;
    font-size:14px;
    line-height:1.2;
    border-bottom:1px solid rgba(255,255,255,.035);
}
.flame-event-tooltip-row:last-child{
    border-bottom:0;
}
.flame-event-tooltip-row.is-next{
    color:#fbd181;
    font-weight:800;
}
.flame-event-tooltip-date{
    min-width:0;
    display:flex;
    align-items:center;
    gap:7px;
    overflow:hidden;
    white-space:nowrap;
}
.flame-event-tooltip-date i{
    flex:0 0 auto;
    color:currentColor;
    opacity:.95;
}
.flame-event-tooltip-day{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    color:inherit;
}
.flame-event-tooltip-time{
    flex:0 0 auto;
    color:#fff1bf;
    font-weight:800;
}
.flame-event-tooltip-row.is-next .flame-event-tooltip-time{
    color:#ffe2a0;
    text-shadow:0 0 9px rgba(251,129,42,.22);
}
.flame-event-tooltip-left{
    flex:0 0 auto;
    color:#f3dfaa;
    white-space:nowrap;
    font-weight:800;
}
.flame-event-tooltip-row.is-next .flame-event-tooltip-left{
    color:#fbd181;
    text-shadow:0 0 9px rgba(251,129,42,.22);
}
.flame-event-tooltip-empty{
    color:#bdb8ca;
    font-size:14px;
}
@media (max-width:720px){
    .flame-event-tooltip{
        width:292px;
        max-width:calc(100vw - 36px);
        left:50%!important;
        right:auto!important;
        padding:12px 13px 11px;
        border-radius:13px;
        transform:translate(-50%, 4px);
    }
    .flame-event-tooltip.is-visible{
        transform:translate(-50%, 0);
    }
    .flame-event-tooltip:before{
        display:none;
    }
    .flame-event-tooltip:after{
        left:15px;
        right:15px;
    }
}
@media (max-width:420px){
    .flame-event-tooltip{
        width:280px;
        max-width:calc(100vw - 32px);
        padding:11px 12px 10px;
    }
    .flame-event-tooltip-head{
        gap:8px;
        margin-bottom:8px;
        padding-bottom:8px;
    }
    .flame-event-tooltip-head strong{
        font-size:15px;
    }
    .flame-event-tooltip-title{
        margin-bottom:8px;
    }
    .flame-event-tooltip-row{
        gap:8px;
        font-size:12.5px;
    }
    .flame-event-tooltip-title span:last-child{
        display:none;
    }
}

.offline{
	color: red;
}

.online{
	color: green;
}

#timer_div_title {
    position: absolute;
    width: 215px;
    top: 400px;
    left: 79%;
    margin-left: -112px;
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    z-index: 1;
}
#timer_div_title:before {
    content: "";
    display: block;
    position: absolute;
    width: 213px;
    height: 73px;
    background: rgb(0 0 0);
    box-shadow: 0px 0px 5px 3px #fff;
    opacity: 0.5;
    z-index: -1;
}

#timer_div_time {
position: absolute;
height: 70px;
width:250px;
top: 478px;
left:79%;
color: #ffffff;
margin-left:-118px;
z-index: 1;
}

.timmer_inner_block{
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
	border-radius:.5em;
	margin: 2px;
	float:left;
	width: 52px;
	height: 68px;
	background: url(https://www.flamemu.com/assets/FLAME/images/timer_div.png);
}

#timer_div_time .timmer_inner_block .title{
	text-align:center;
	display: block;
	padding-top: 10px;
	font-size: 11px;
}

#timer_div_time .timmer_inner_block .count{
	text-align:center;
	font-weight: bold;
	font-size: 28px;
	padding-top:8px;
}

#loading {
  background-image:url(../images/l_bg.png);
  border-radius:0 0 4px 4px;
  color:#fff;
  display:none;
  position:fixed;
  top:0;
  left:48%;
  z-index:1000;
  padding:6px;
}


#tooltip {
	position: absolute;
	z-index: 11001;
	border: 1px solid #111;
	background-color: #221f28;
	padding: 5px;
	opacity: 0.90;
	font: normal 10px Tahoma, Helvetica, sans-serif;
	text-align: center;
	color: #fff;
}

#tooltip h3, 
#tooltip div {
	margin: 0;
}

#lean_overlay {
    position: fixed;
    z-index: 9998;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

#buy_windows, #add_to_card_windows, #select_server, #auction_bet{
	width: 404px;
	padding-bottom: 2px;
	display:none;
	background: #FFF;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7); 
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); 
	-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);  
	z-index:9999;
}
#item_filter_overlay{
	position: absolute;
    height:400px;
    width:300px;
	display:none;
	z-index:9999;
}
#item_filter{
	width: 300px;
	height:710px;
	padding-bottom: 2px;
	background: #FFF;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7); 
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); 
	-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);   
}
.item_filter_content{	
	height:600px;
	width: 285px;
	margin: 15px;
	overflow: auto;
}

.modal-header { background: url(../images/hd-bg.png); padding: 18px 18px 14px 18px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.modal-header  h2 { color: #444; font-size: 2em; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
.modal-header2 { background: url(../images/hd-bg.png); padding: 18px 18px 14px 18px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; cursor:move;}
.modal-header2  h2 { color: #444; font-size: 2em; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
.close {
	position: absolute;
	top: 12px;
	right: 12px;
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/close.png);
	z-index: 2;
	padding: 0 !important;
	margin: 0 !important;
	opacity: 1 !important;
}

.add_to_card {
	font-size:12px;
	background:#eaebec;
	border:#ccc 1px solid;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
	width:100%;
}
.add_to_card th {
	padding:15px 20px 16px 20px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
.add_to_card th:first-child {
	text-align: left;
	padding-left:20px;
}
.add_to_card tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.add_to_card tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.add_to_card tr {
	text-align: center;
	padding-left:20px;
}
.add_to_card td:first-child {
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
.add_to_card td {
	padding:10px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.add_to_card tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.add_to_card tr:last-child td {
	border-bottom:0;
}
.add_to_card tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.add_to_card tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
.add_to_card tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}

.ticket {
	font-size:12px;
	background:#eaebec;
	border:#ccc 1px solid;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
	__width:100%;
}
.ticket th {
	padding:15px 10px 16px 0px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
.ticket th:first-child {
	text-align: left;
	padding-left:10px;
}
.ticket tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.ticket tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.ticket tr {
	text-align: center;
	padding-left:20px;
}
.ticket td:first-child {
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
.ticket td {
	padding:10px;
	border:1px solid #e0e0e0;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.ticket tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.ticket tr:last-child td {
	border-bottom:0;
}
.ticket tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.ticket tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
.ticket tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}
.discount_notice{
  margin: 20px auto;
  left:200px;
  width: 280px;
  height: auto;
  background: white;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
  position: fixed;
  z-index: 90;
  opacity: 0.9;
}

.discount_notice .content{
	padding:30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #6a2f3c;
	font-weight: bold;
	position: relative;
	display:block;
}

.ribbon-discount-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-green {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}​

.PriorityZero {
	background-color: rgb(230, 138, 138);
}
.PriorityOne {
    background-color: rgb(204, 64, 64);
}
.PriorityTwo {
    background-color: rgb(255, 0, 0);
}
.PriorityThree {
    background-color: rgb(153, 0, 0);
}

#exception{
	width: 100%;
	height: 0 auto;
	line-height: 25px;
	min-height:25px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFF;
	display: none;
	background-color:red;
	position:fixed;
	z-index: 9999;
}

.f16 .flag{display:inline-block;height:16px;width:16px;vertical-align:text-top;line-height:16px;background:url(../images/flags.png) no-repeat;}
.f16 ._African_Union{background-position:0 -16px;}
.f16 ._Arab_League{background-position:0 -32px;}
.f16 ._ASEAN{background-position:0 -48px;}
.f16 ._CARICOM{background-position:0 -64px;}
.f16 ._CIS{background-position:0 -80px;}
.f16 ._Commonwealth{background-position:0 -96px;}
.f16 ._England{background-position:0 -112px;}
.f16 ._European_Union, .f16 .eu{background-position:0 -128px;}
.f16 ._Islamic_Conference{background-position:0 -144px;}
.f16 ._Kosovo{background-position:0 -160px;}
.f16 ._NATO{background-position:0 -176px;}
.f16 ._Northern_Cyprus{background-position:0 -192px;}
.f16 ._Northern_Ireland{background-position:0 -208px;}
.f16 ._Olimpic_Movement{background-position:0 -224px;}
.f16 ._OPEC{background-position:0 -240px;}
.f16 ._Red_Cross{background-position:0 -256px;}
.f16 ._Scotland{background-position:0 -272px;}
.f16 ._Somaliland{background-position:0 -288px;}
.f16 ._Tibet{background-position:0 -304px;}
.f16 ._United_Nations{background-position:0 -320px;}
.f16 ._Wales{background-position:0 -336px;}
.f16 .ad{background-position:0 -352px;}
.f16 .ae{background-position:0 -368px;}
.f16 .af{background-position:0 -384px;}
.f16 .ag{background-position:0 -400px;}
.f16 .ai{background-position:0 -416px;}
.f16 .al{background-position:0 -432px;}
.f16 .am{background-position:0 -448px;}
.f16 .ao{background-position:0 -464px;}
.f16 .aq{background-position:0 -480px;}
.f16 .ar{background-position:0 -496px;}
.f16 .as{background-position:0 -512px;}
.f16 .at{background-position:0 -528px;}
.f16 .au{background-position:0 -544px;}
.f16 .aw{background-position:0 -560px;}
.f16 .ax{background-position:0 -576px;}
.f16 .az{background-position:0 -592px;}
.f16 .ba{background-position:0 -608px;}
.f16 .bb{background-position:0 -624px;}
.f16 .bd{background-position:0 -640px;}
.f16 .be{background-position:0 -656px;}
.f16 .bf{background-position:0 -672px;}
.f16 .bg{background-position:0 -688px;}
.f16 .bh{background-position:0 -704px;}
.f16 .bi{background-position:0 -720px;}
.f16 .bj{background-position:0 -736px;}
.f16 .bm{background-position:0 -752px;}
.f16 .bn{background-position:0 -768px;}
.f16 .bo{background-position:0 -784px;}
.f16 .br{background-position:0 -800px;}
.f16 .bs{background-position:0 -816px;}
.f16 .bt{background-position:0 -832px;}
.f16 .bw{background-position:0 -848px;}
.f16 .by{background-position:0 -864px;}
.f16 .bz{background-position:0 -880px;}
.f16 .ca{background-position:0 -896px;}
.f16 .cg{background-position:0 -912px;}
.f16 .cf{background-position:0 -928px;}
.f16 .cd{background-position:0 -944px;}
.f16 .ch{background-position:0 -960px;}
.f16 .ci{background-position:0 -976px;}
.f16 .ck{background-position:0 -992px;}
.f16 .cl{background-position:0 -1008px;}
.f16 .cm{background-position:0 -1024px;}
.f16 .cn{background-position:0 -1040px;}
.f16 .zh{background-position:0 -1040px;}
.f16 .co{background-position:0 -1056px;}
.f16 .cr{background-position:0 -1072px;}
.f16 .cu{background-position:0 -1088px;}
.f16 .cv{background-position:0 -1104px;}
.f16 .cy{background-position:0 -1120px;}
.f16 .cz{background-position:0 -1136px;}
.f16 .de{background-position:0 -1152px;}
.f16 .dj{background-position:0 -1168px;}
.f16 .dk{background-position:0 -1184px;}
.f16 .dm{background-position:0 -1200px;}
.f16 .do{background-position:0 -1216px;}
.f16 .dz{background-position:0 -1232px;}
.f16 .ec{background-position:0 -1248px;}
.f16 .ee{background-position:0 -1264px;}
.f16 .eg{background-position:0 -1280px;}
.f16 .eh{background-position:0 -1296px;}
.f16 .er{background-position:0 -1312px;}
.f16 .es{background-position:0 -1328px;}
.f16 .et{background-position:0 -1344px;}
.f16 .fi{background-position:0 -1360px;}
.f16 .fj{background-position:0 -1376px;}
.f16 .fm{background-position:0 -1392px;}
.f16 .fo{background-position:0 -1408px;}
.f16 .fr{background-position:0 -1424px;}  
.f16 .bl, .f16 .cp, .f16 .mf, .f16 .yt{background-position:0 -1424px;}
.f16 .ga{background-position:0 -1440px;}
.f16 .gb{background-position:0 -1456px;}  
.f16 .sh{background-position:0 -1456px;}
.f16 .gd{background-position:0 -1472px;}
.f16 .ge{background-position:0 -1488px;}
.f16 .gg{background-position:0 -1504px;}
.f16 .gh{background-position:0 -1520px;}
.f16 .gi{background-position:0 -1536px;}
.f16 .gl{background-position:0 -1552px;}
.f16 .gm{background-position:0 -1568px;}
.f16 .gn{background-position:0 -1584px;}
.f16 .gp{background-position:0 -1600px;}
.f16 .gq{background-position:0 -1616px;}
.f16 .gr{background-position:0 -1632px;}
.f16 .gt{background-position:0 -1648px;}
.f16 .gu{background-position:0 -1664px;}
.f16 .gw{background-position:0 -1680px;}
.f16 .gy{background-position:0 -1696px;}
.f16 .hk{background-position:0 -1712px;}
.f16 .hn{background-position:0 -1728px;}
.f16 .hr{background-position:0 -1744px;}
.f16 .ht{background-position:0 -1760px;}
.f16 .hu{background-position:0 -1776px;}
.f16 .id{background-position:0 -1792px;}
.f16 .mc{background-position:0 -1792px;}
.f16 .ie{background-position:0 -1808px;}
.f16 .il{background-position:0 -1824px;}
.f16 .im{background-position:0 -1840px;}
.f16 .in{background-position:0 -1856px;}
.f16 .iq{background-position:0 -1872px;}
.f16 .ir{background-position:0 -1888px;}
.f16 .is{background-position:0 -1904px;}
.f16 .it{background-position:0 -1920px;}
.f16 .je{background-position:0 -1936px;}
.f16 .jm{background-position:0 -1952px;}
.f16 .jo{background-position:0 -1968px;}
.f16 .jp{background-position:0 -1984px;}
.f16 .ke{background-position:0 -2000px;}
.f16 .kg{background-position:0 -2016px;}
.f16 .kh{background-position:0 -2032px;}
.f16 .ki{background-position:0 -2048px;}
.f16 .km{background-position:0 -2064px;}
.f16 .kn{background-position:0 -2080px;}
.f16 .kp{background-position:0 -2096px;}
.f16 .kr{background-position:0 -2112px;}
.f16 .ko{background-position:0 -2112px;}
.f16 .kw{background-position:0 -2128px;}
.f16 .ky{background-position:0 -2144px;}
.f16 .kz{background-position:0 -2160px;}
.f16 .la{background-position:0 -2176px;}
.f16 .lb{background-position:0 -2192px;}
.f16 .lc{background-position:0 -2208px;}
.f16 .li{background-position:0 -2224px;}
.f16 .lk{background-position:0 -2240px;}
.f16 .lr{background-position:0 -2256px;}
.f16 .ls{background-position:0 -2272px;}
.f16 .lt{background-position:0 -2288px;}
.f16 .lu{background-position:0 -2304px;}
.f16 .lv{background-position:0 -2320px;}
.f16 .ly{background-position:0 -2336px;}
.f16 .ma{background-position:0 -2352px;}
.f16 .md{background-position:0 -2368px;}
.f16 .me{background-position:0 -2384px;}
.f16 .mg{background-position:0 -2400px;}
.f16 .mh{background-position:0 -2416px;}
.f16 .mk{background-position:0 -2432px;}
.f16 .ml{background-position:0 -2448px;}
.f16 .mm{background-position:0 -2464px;}
.f16 .mn{background-position:0 -2480px;}
.f16 .mo{background-position:0 -2496px;}
.f16 .mq{background-position:0 -2512px;}
.f16 .mr{background-position:0 -2528px;}
.f16 .ms{background-position:0 -2544px;}
.f16 .mt{background-position:0 -2560px;}
.f16 .mu{background-position:0 -2576px;}
.f16 .mv{background-position:0 -2592px;}
.f16 .mw{background-position:0 -2608px;}
.f16 .mx{background-position:0 -2624px;}
.f16 .my{background-position:0 -2640px;}
.f16 .mz{background-position:0 -2656px;}
.f16 .na{background-position:0 -2672px;}
.f16 .nc{background-position:0 -2688px;}
.f16 .ne{background-position:0 -2704px;}
.f16 .ng{background-position:0 -2720px;}
.f16 .ni{background-position:0 -2736px;}
.f16 .nl{background-position:0 -2752px;}  
.f16 .bq{background-position:0 -2752px;}
.f16 .no{background-position:0 -2768px;}  
.f16 .bv, .f16 .nq, .f16 .sj{background-position:0 -2768px;}
.f16 .np{background-position:0 -2784px;}
.f16 .nr{background-position:0 -2800px;}
.f16 .nz{background-position:0 -2816px;}
.f16 .om{background-position:0 -2832px;}
.f16 .pa{background-position:0 -2848px;}
.f16 .pe{background-position:0 -2864px;}
.f16 .pf{background-position:0 -2880px;}
.f16 .pg{background-position:0 -2896px;}
.f16 .ph{background-position:0 -2912px;}
.f16 .pk{background-position:0 -2928px;}
.f16 .pl{background-position:0 -2944px;}
.f16 .pr{background-position:0 -2960px;}
.f16 .ps{background-position:0 -2976px;}
.f16 .pt{background-position:0 -2992px;}
.f16 .pw{background-position:0 -3008px;}
.f16 .py{background-position:0 -3024px;}
.f16 .qa{background-position:0 -3040px;}
.f16 .re{background-position:0 -3056px;}
.f16 .ro{background-position:0 -3072px;}
.f16 .rs{background-position:0 -3088px;}
.f16 .ru{background-position:0 -3104px;}
.f16 .rw{background-position:0 -3120px;}
.f16 .sa{background-position:0 -3136px;}
.f16 .sb{background-position:0 -3152px;}
.f16 .sc{background-position:0 -3168px;}
.f16 .sd{background-position:0 -3184px;}
.f16 .se{background-position:0 -3200px;}
.f16 .sg{background-position:0 -3216px;}
.f16 .si{background-position:0 -3232px;}
.f16 .sk{background-position:0 -3248px;}
.f16 .sl{background-position:0 -3264px;}
.f16 .sm{background-position:0 -3280px;}
.f16 .sn{background-position:0 -3296px;}
.f16 .so{background-position:0 -3312px;}
.f16 .sr{background-position:0 -3328px;}
.f16 .st{background-position:0 -3344px;}
.f16 .sv{background-position:0 -3360px;}
.f16 .sy{background-position:0 -3376px;}
.f16 .sz{background-position:0 -3392px;}
.f16 .tc{background-position:0 -3408px;}
.f16 .td{background-position:0 -3424px;}
.f16 .tg{background-position:0 -3440px;}
.f16 .th{background-position:0 -3456px;}
.f16 .tj{background-position:0 -3472px;}
.f16 .tl{background-position:0 -3488px;}
.f16 .tm{background-position:0 -3504px;}
.f16 .tn{background-position:0 -3520px;}
.f16 .to{background-position:0 -3536px;}
.f16 .tr{background-position:0 -3552px;}
.f16 .tt{background-position:0 -3568px;}
.f16 .tv{background-position:0 -3584px;}
.f16 .tw{background-position:0 -3600px;}
.f16 .tz{background-position:0 -3616px;}
.f16 .ua{background-position:0 -3632px;}
.f16 .ug{background-position:0 -3648px;}
.f16 .us, .f16 .en{background-position:0 -3664px;}
.f16 .uy{background-position:0 -3680px;}
.f16 .uz{background-position:0 -3696px;}
.f16 .va{background-position:0 -3712px;}
.f16 .vc{background-position:0 -3728px;}
.f16 .ve{background-position:0 -3744px;}
.f16 .vg{background-position:0 -3760px;}
.f16 .vn{background-position:0 -3776px;}
.f16 .vi{background-position:0 -3792px;}
.f16 .vu{background-position:0 -3808px;}
.f16 .ws{background-position:0 -3824px;}
.f16 .ye{background-position:0 -3840px;}
.f16 .za{background-position:0 -3856px;}
.f16 .zm{background-position:0 -3872px;}
.f16 .zw{background-position:0 -3888px;}
.f16 .sx{background-position:0 -3904px;}
.f16 .cw{background-position:0 -3920px;}
.f16 .ss{background-position:0 -3936px;}
.f16 .nu{background-position:0 -3952px;}

#top-text-panel {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;

    height: 28px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(
        90deg,
        #0b0b0b 0%,
        #161616 50%,
        #0b0b0b 100%
    );

    color: #ffd86b;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;

    border-bottom: 1px solid rgba(255, 216, 107, 0.35);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.75);

    z-index: 9999;
    min-width: 1020px;

    overflow: hidden;
}

/* ✨ SHINE EFFECT */
#top-text-panel::before {
    content: "";
    position: absolute;
    top: 0;
    left: -40%;
    width: 40%;
    height: 100%;

    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255, 216, 107, 0.15) 50%,
        transparent 100%
    );

    animation: shineSweep 7s linear infinite;
}

@keyframes shineSweep {
    from { left: -40%; }
    to   { left: 120%; }
}

/* ⭐ TEXT GLOW PULSE */
#top-text-panel span {
    position: relative;
    z-index: 1;

    text-shadow: 0 0 6px rgba(255, 216, 107, 0.4);
    animation: textPulse 3.5s ease-in-out infinite;
}

@keyframes textPulse {
    0%   { text-shadow: 0 0 4px rgba(255,216,107,0.35); }
    50%  { text-shadow: 0 0 12px rgba(255,216,107,0.8); }
    100% { text-shadow: 0 0 4px rgba(255,216,107,0.35); }
}

/* 🔗 LINK STYLE */
#top-text-panel a {
    color: #ffe9a6;
    text-decoration: none;
    margin-left: 6px;
}

#top-text-panel a:hover {
    color: #fff6cf;
    text-shadow: 0 0 10px rgba(255, 246, 207, 0.9);
}

@media (max-width: 768px) {
    #top-text-panel {
        min-width: 100%;
        height: 26px;
        font-size: 12px;
        padding: 0 10px;
    }

    #top-text-panel span {
        white-space: nowrap;
        animation: mobileScroll 18s linear infinite;
    }

    @keyframes mobileScroll {
        from { transform: translateX(100%); }
        to   { transform: translateX(-100%); }
    }
}

@media (max-width: 768px) {
    #top-text-panel a {
        pointer-events: auto;
    }
}

.ref-reward-dropdown {
	position: relative;
	display: inline-block;
}

.ref-reward-dropdown-content {
	display: none;
	position: relative;
	background-color: #f9f9f9;
	min-width: 150px;
	overflow: hidden;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:2500;
	overflow-y: auto;
	max-height:500px;
}

.ref-reward-dropdown-content a {
	color: black;
	padding: 6px 8px;
	text-decoration: none;
	display: block;
}

.ref-reward-dropdown-content a:hover {background-color: #f1f1f1}

.ref-reward-dropdown:hover .ref-reward-dropdown-content {
	display: block;
}

.item_size_12{
	font-size: 12px;
}

.item_font_family{
	font-family: tahoma;
}

.item_white{
	color:#FFFFFF;
}

.item_light_green{
	color:#00FF00;
}

.item_light_blue{
	color:#80B2FF;
}

.item_light_blue_2{
	color:#3366FF;
}

.item_blue{
	color:#0066FF;
}

.item_pink{
	color:#FF1493;
}

.item_yellow{
	color:#FADE09;
}

.item_yellow_2{
	color:#FFCC00;
}

.item_red{
	color:#FF0000;
}

.item_dark_red{
	color:#800000;
}

.item_dark_red_background{
	background-color:#800000;
}

.item_purple{
	color: #800080;
}

.item_socket{
	color: #B266FF;
}

.item_grey{
	color: #808080;
}

.item_yellow_title{
	color: #FFCC19;
}
.item_luck{
	color:#80B2FF;
}
.item_exe_title{
	color: #008000;
}

.item_socket_title{
	color: #B266FF;
}

.item_socket_exe_title{
	color: #7401DF;
}

.item_ancient_title{
	color: #01DF01;
}

.item_ancient_background{
	background-color: #0000FF;
}

#inventoryc {
    width:398px;
    height:320px;
    text-align:center;
    display:inline-block;
    position:relative;
    background:transparent;
    overflow:visible;
}

/* ================= INVENTORY ITEM SIZE CONFIG =================
   Pentagram static size. CSS-only, no refresh flicker.
   75% = smaller/sharper visual size inside pentagram slot.
   Change only #in_pentagram background-size below if needed.
   ============================================================= */

#inventoryc > img {
    position:absolute;
    top:105px;
    left:145px;
    width:110px;
    height:110px;
    border-radius:50%;
    z-index:2;
}
#inventoryc > div,
#inventoryc > span {
    position:absolute;
}
#inventoryc > div {
    background-repeat:no-repeat;
    background-position:center center;
    z-index:3;
}
#inventoryc .inv-slot-bg {
    display:block;
    pointer-events:none;
    z-index:1;
    box-sizing:border-box;
    border-radius:14px;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(140, 72, 39, 0.33) 0%, rgba(140, 72, 39, 0.12) 28%, rgba(0, 0, 0, 0) 66%),
        radial-gradient(circle at 18% 16%, rgba(162, 78, 41, 0.09) 0%, rgba(162, 78, 41, 0) 38%),
        linear-gradient(180deg, rgba(74, 39, 24, 0.95) 0%, rgba(55, 28, 19, 0.97) 44%, rgba(25, 17, 16, 0.99) 100%);
    border:1px solid rgba(126, 76, 41, 0.78);
    box-shadow:
        inset 0 1px 0 rgba(255, 215, 145, 0.08),
        inset 0 16px 30px rgba(151, 76, 36, 0.05),
        inset 0 -16px 30px rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(12, 8, 7, 0.48),
        0 10px 22px rgba(0, 0, 0, 0.14);
}
#inventoryc .inv-slot-pendant,
#inventoryc .inv-slot-ring1,
#inventoryc .inv-slot-ring2,
#inventoryc .inv-slot-ear1,
#inventoryc .inv-slot-ear2 {
    border-radius:10px;
}
#inventoryc .inv-slot-zoo { left:0px; top:0px; width:63px; height:72px; }
#inventoryc .inv-slot-helm { left:68px; top:0px; width:63px; height:72px; }
#inventoryc .inv-slot-pendant { left:210px; top:16px; width:40px; height:40px; border-radius:11px; }
#inventoryc .inv-slot-wings { left:268px; top:0px; width:129px; height:116px; }
#inventoryc .inv-slot-ear1 { left:0px; top:78px; width:32px; height:32px; }
#inventoryc .inv-slot-armor { left:38px; top:78px; width:82px; height:101px; border-radius:12px; }
#inventoryc .inv-slot-ear2 { left:126px; top:78px; width:32px; height:32px; }
#inventoryc .inv-slot-gloves { left:268px; top:123px; width:91px; height:59px; border-radius:12px; }
#inventoryc .inv-slot-weapon { left:0px; top:188px; width:74px; height:132px; }
#inventoryc .inv-slot-ring1 { left:95px; top:191px; width:40px; height:40px; border-radius:11px; }
#inventoryc .inv-slot-ring2 { left:265px; top:191px; width:40px; height:40px; border-radius:11px; }
#inventoryc .inv-slot-pants { left:82px; top:240px; width:68px; height:80px; border-radius:12px; }
#inventoryc .inv-slot-pentagram { left:158px; top:233px; width:86px; height:87px; border-radius:18px; }
#inventoryc .inv-slot-boots { left:252px; top:240px; width:68px; height:80px; border-radius:12px; }
#inventoryc .inv-slot-shield { left:327px; top:188px; width:70px; height:132px; }
#in_weapon { width:74px; height:132px; top:188px; left:0px; }
#in_shield { width:70px; height:132px; top:188px; left:327px; }
#in_helm { width:63px; height:72px; top:0px; left:68px; }
#in_armor { width:82px; height:101px; top:78px; left:38px; }
#in_pants { width:68px; height:80px; top:240px; left:81px; }
#in_gloves { width:92px; height:60px; top:122px; left:267px; }
#in_boots { width:68px; height:80px; top:240px; left:252px; }
#in_wings { width:130px; height:116px; top:0px; left:267px; }
#in_zoo { width:63px; height:72px; top:0px; left:0px; }
#in_pendant { width:42px; height:42px; top:15px; left:209px; }
#in_ring1 { width:40px; height:40px; top:191px; left:95px; }
#in_ring2 { width:40px; height:40px; top:191px; left:265px; }
#in_pentagram { width:84px; height:87px; top:233px; left:158px; }
#in_ear1 { width:32px; height:32px; top:78px; left:0px; }
#in_ear2 { width:32px; height:32px; top:78px; left:126px; }
/* v4.8: keep set parts large/native, but keep other slots safely contained. */
#inventoryc > div[id^="in_"] {
    overflow:hidden;
    background-position:center center !important;
    background-repeat:no-repeat !important;
}

/* These are the set/armor parts that were too small before. Native size gives the best visual size,
   while overflow:hidden keeps them inside their slot box. */
#in_weapon,
#in_shield,
#in_helm,
#in_armor,
#in_pants,
#in_gloves,
#in_boots {
    background-size:200% auto !important;
}

/* Long/special/accessory slots vary a lot by item shape, so keep them fitted inside the block. */
#in_wings,
#in_zoo,
#in_pendant,
#in_ring1,
#in_ring2,
#in_pentagram,
#in_ear1,
#in_ear2 {
    background-size:contain !important;
}

/* Pentagram fallback before JS calculates exact real-image size. */
#in_pentagram {
    background-size:78% auto !important;
}


/* Clip item drawings to the same rounded feeling as the slot backgrounds. */
#in_weapon,
#in_shield,
#in_wings,
#in_pentagram {
    border-radius:14px;
}

#in_helm,
#in_armor,
#in_pants,
#in_gloves,
#in_boots,
#in_pendant,
#in_ring1,
#in_ring2,
#in_ear1,
#in_ear2,
#in_zoo {
    border-radius:10px;
}



/* v4.15: static pentagram size, no JS recalculation, no refresh flicker. */
#inventoryc #in_pentagram {
    background-size:60% auto !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
}

 .cworkshop{
	display: table;
	margin:  50px auto;
}
.cworkshop .inventoryy{
	background-image: url("../../default_assets/images/inv.png");
	height: 610px;
	width: 311px;
	display:block;
}
.cworkshop .item{
	position: absolute;
	/*top: 0px;*/
	margin-top:10px;
	margin-left:3px;
}
.cworkshop .item>div{
	cursor: pointer;
	border: solid 2px transparent;
}
div[id*="item-slot-occupied-"] img {
	background-color: rgba(31, 31, 31, 0.73);
	
}

div[id*="item-slot-occupied-"] img:hover {
	background-color: rgba(154, 60, 45, 0.43);
}
.cworkshop .item>div.selected{
	background-color: rgba(154, 60, 45, 0.43);
	border: solid 2px rgba(154, 60, 45, 0.44);
}

.cworkshop .item .hover_inv:hover{
	background-color: rgba(154, 60, 45, 0.43);
	border: solid 2px rgba(154, 60, 45, 0.44);
}
.cworkshop .title{
	margin-top: 13px;
	text-align: center;
	margin-bottom: 30px;
}

.acp-coins {
    margin-bottom: 10px;
    display: block;
	padding-left: 25px;
}
.acp-coins .coins-title{
	color: #fff;
}
.acp-coins .coins {
    color: #fbd181;
}

.hidden-block {
    min-width: 180px;
    padding: 25px 0px 20px 0px;
    margin-left: -0.5rem;
}
.hidden-block a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 25px;
    color: #ffffff;
}
.hidden-block a:hover {
    color: #fbd181;
}

.flame-content{
	width: calc(100% - 450px - 50px);
}
@media (max-width: 993px) {
	.flame-content{
		width: 100%; margin-bottom: 40px;
	}	
	
		#timer_div_title {
    position: absolute;
    width: 215px;
    top: 200px;
    left: 52%;
    margin-left: -112px;
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    z-index: 1;
}
#timer_div_title:before {
    content: "";
    display: block;
    position: absolute;
    width: 213px;
    height: 73px;
    background: rgb(0 0 0);
    box-shadow: 0px 0px 5px 3px #fff;
    opacity: 0.5;
    z-index: -1;
}

#timer_div_time {
position: absolute;
height: 70px;
width:250px;
top: 278px;
left:52%;
color: #ffffff;
margin-left:-118px;
z-index: 1;
}

.timmer_inner_block{
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
	border-radius:.5em;
	margin: 2px;
	float:left;
	width: 52px;
	height: 68px;
	background: url(https://www.flamemu.com/assets/FLAME/images/timer_div.png);
}

#timer_div_time .timmer_inner_block .title{
	text-align:center;
	display: block;
	padding-top: 10px;
	font-size: 11px;
}

#timer_div_time .timmer_inner_block .count{
	text-align:center;
	font-weight: bold;
	font-size: 28px;
	padding-top:8px;
}

#events div span{
	width: 198px;
}

}

.flame-page-box .table{
	position:relative;
	height: auto;
}
.flame-page-title h1{
	font-size: 38px;
	text-transform: uppercase;
	padding: 13px 0px;
	margin-bottom: 20px;
	color: #fbd181;
}

@media (max-width: 700px) {
	.flame-page-title h1{
		font-size: 24px;
	}
}
@media (max-width: 380px) {
	.flame-page-title h1{
		font-size: 18px;
	}
}
.flame-page-content{
	background: ; border-radius: 20px; padding: 40px; width: 100%; font-family: 'DINNextW1G'; line-height: 1.4; box-shadow: 0 0 10px #fff;
}
@media (max-width: 380px) {
	.flame-page-content .title{
		font-size: 16px;
	}
}

.ranking-table:not(.flame-rankings-table) th,
.ranking-table:not(.flame-rankings-table) td,
.half table td{
	border: 1px solid #2c3844; 
}

form table td, .item_table td, .each_item td, .full td, .form table td{
	border: 0px;
}

.ranking-table:not(.flame-rankings-table) img{
	vertical-align: top !important;
	margin: 0;
	padding: 0;
	border: 0;
}
.ranking-table:not(.flame-rankings-table) a,
#rank_by_class a{
	color: #2c3844;
}
#rank_by_class {
	margin-bottom: 30px !important;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: rgba(0,0,0,.05) !important;
}
.flame-legacy-rankings-table:not(.flame-profile-modern-table):not(.flame-rankings-table) tbody tr:nth-of-type(2n+1) {
	background-color: rgba(0,0,0,.05);
}
.flame-account-table,
.flame-legacy-rankings-table:not(.flame-profile-modern-table):not(.flame-rankings-table){
    margin-bottom:40px;
	color: #c5c2d5;
	text-align: center;
}
.flame-account-table tr th,
.flame-legacy-rankings-table:not(.flame-profile-modern-table):not(.flame-rankings-table) tr th,
.add_to_card tr th{
    border:0px solid #373648!important;
	vertical-align:middle;
    font-weight:normal
}
.flame-account-table tr td,
.flame-legacy-rankings-table:not(.flame-profile-modern-table):not(.flame-rankings-table) tr td,
.add_to_card tr td{
    border:0px solid #373648!important;
	vertical-align:middle;
}
.flame-account-table tr th,
.flame-account-table tr td,
.flame-legacy-rankings-table:not(.flame-profile-modern-table):not(.flame-rankings-table) tr th,
.flame-legacy-rankings-table:not(.flame-profile-modern-table):not(.flame-rankings-table) tr td{
    border-bottom:0px solid #373648;
}
.flame-legacy-rankings-table:not(.flame-profile-modern-table):not(.flame-rankings-table) > thead > tr {
	background-color: #161616 !important;
	color: #ffffff;
}
.flame-legacy-rankings-table:not(.flame-profile-modern-table):not(.flame-rankings-table) tbody tr:nth-of-type(2n+1) {
	background-color: rgba(0,0,0,.05) !important;
}
.flame-legacy-rankings-table:not(.flame-profile-modern-table):not(.flame-rankings-table) a{
	color: #fbd181;
}
.rankings-player-class-img{
    height:auto
}
.rounded-image-corners{
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    -khtml-border-radius:50%
}
.dropdown-menu > button.btn{
    padding:0!important
}
.dropdown-menu > li > a{
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
		text-decoration: none;
}
.dropdown-menu > li > a:hover{
    color: #efd28d !important
}
.flame-sidebar-box {
	padding: 15px 20px;
	background-color: #272634;
	border-radius: 10px;
	box-shadow: 0 0 40px 0 rgba(0,0,0,.06);
}

#donate .col-2 {
	flex: 100%;
	max-width: 100%;
}

#donate .mb-1 {
	margin-bottom: 1.25rem!important;
}

.flame-sidebar-box-items a, .login_form a{
	display:block;
	color: #fbd181;
}
.registration_form a, .additional-links a{
	color: #fbd181;
}
.flame-sidebar-box-items a:hover, .login_form a:hover, .registration_form a:hover, .additional-links a:hover{
	color: #fbd181;
}
.flame-download-button{
	border-radius: 0px;
	border-style: none;
	margin-right: 0px;
	width: 100%;
	height: 102px;
	font-size: 26px;
}
.flame-donate-button{
	border-radius: 0px;
	border-style: none;
	margin-right: 0px;
	width: 100%;
	height: 100%;
	font-size: 26px;
	margin-bottom: 10px;
}
.flame-vault-grid-modern{
    position:relative;
    background-color:#0c0c0a;
    background-image:url(../../default_assets/images/vault-grid-bg.jpg);
    width:321px;
    min-height:600px;
    max-height:600px;
    border:1px solid #302f2a
}
.flame-grid-item-modern{
    position:absolute;
    border-right:1px solid #171717;
    border-bottom:1px solid #171717;
    background-repeat:no-repeat;
    background-position:center
}

.btn-primary, .nav-pills .nav-link.active, .nav-pills .show > .nav-link{
	background-color: #21202c;
	border: 2px solid #fbd181 !important;
	border-radius: 6px;
}
.btn-primary:hover, .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	background: rgba(251, 209, 129, 0.3);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: rgba(251, 209, 129, 0.3);
	border-color: #fbd181;
	box-shadow: none !important;
}
.btn-primary.focus, .btn-primary:focus, .btn.focus, .btn:focus {
	color: #fff;
	background-color: rgba(251, 209, 129, 0.3);
	border-color: #fbd181;
	box-shadow: none !important;
}
.btn-primary2 {
	background-color: #21202c;
	border: 2px solid #fbd181 !important;
	border-radius: 6px;
	color: #fff;
	border-color: #fbd181;
	box-shadow: none !important;
	font-size: 32px;
}
.btn-primary2:hover {
	background: rgba(251, 209, 129, 0.3);
	color: white;
}

.nav-tabs {
	border-bottom: 1px solid #fbd181;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	border-color: #fbd181;
	color: #fff;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #000;
	background-color: #fbd181;
	border-color: #fbd181;
}
.list-group-item-action:focus, .list-group-item-action:hover {
	background-color: transparent;
}

.form-control{
	background: #181818 !important;
    border: 1px solid rgba(29, 29, 40, 0.7) !important;
    color: #ffffff !important;
}
.form-control:focus{
	box-shadow: none;
}
.shop-product-list{
  margin: 0;
  padding: 0;
  list-style: none;
}
.shop-product-list-item{
    display: inline-block;
    width: 30%;
    padding: 15px;
	margin: 5px;
	background-color: #272634;
	border-radius: 10px;
  }
.shop-product-list-item .thumb{
height: 180px;	
}
.shop-product-list-item .thumb > img {
  vertical-align: middle;
}
.shop-product-list-item .detail {
  padding-top: 15px;
  border-top: solid 1px #393749;
  
}
.shop-product-list-item .detail .price {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}
.card{
	background-color: transparent;
}

/* v24 Flame responsive character equipment inventory
   Scoped only to the character equipment table. */
.flame-equipment-table-wrap{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}
.flame-equipment-table{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
    margin:14px auto 0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.flame-equipment-table thead{
    display:none!important;
}
.flame-equipment-table tr,
.flame-equipment-table th,
.flame-equipment-table td,
.flame-equipment-table.table-striped tbody tr:nth-of-type(odd),
.flame-equipment-table.table-striped tbody tr:nth-of-type(even){
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.flame-equipment-table td{
    padding:0!important;
    text-align:center!important;
    overflow:hidden!important;
}
.flame-equipment-card{
    display:block!important;
    box-sizing:border-box!important;
    width:560px!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0 auto 16px!important;
    padding:16px 20px 20px!important;
    border-radius:14px!important;
    background:
        radial-gradient(circle at 50% 0%,rgba(167,62,38,.20),transparent 46%),
        linear-gradient(180deg,rgba(58,25,18,.90),rgba(22,15,14,.96) 56%,rgba(8,8,9,.98))!important;
    border:1px solid rgba(186,105,57,.36)!important;
    box-shadow:inset 0 1px 0 rgba(255,224,151,.08),inset 0 0 24px rgba(231,94,48,.07),0 10px 26px rgba(0,0,0,.34)!important;
    overflow:hidden!important;
}
.flame-equipment-title{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:26px!important;
    margin:0 0 14px!important;
    padding:0 8px!important;
    color:#f0d58f!important;
    font-size:18px!important;
    font-weight:700!important;
    line-height:1.2!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
    text-shadow:0 0 10px rgba(236,126,55,.28),0 1px 0 rgba(0,0,0,.85)!important;
}
.flame-equipment-card .flame-character-equipment-wrap{
    display:flex!important;
    justify-content:center!important;
    align-items:flex-start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:0!important;
    text-align:center!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}
.flame-equipment-card #inventoryc,
.flame-equipment-card #inventory{
    display:block!important;
    flex:0 0 auto!important;
    float:none!important;
    margin:0 auto!important;
    max-width:none!important;
    background-color:transparent!important;
    overflow:visible!important;
    transform:none!important;
    transform-origin:top center!important;
}
.flame-equipment-card #inventoryc .inv-slot-bg{
    background:
        radial-gradient(circle at 50% 48%,rgba(58,35,20,.32),rgba(7,7,7,.90) 56%,rgba(0,0,0,.98)),
        linear-gradient(180deg,rgba(43,22,15,.78),rgba(9,8,8,.96))!important;
    border:1px solid rgba(214,150,82,.22)!important;
    box-shadow:inset 0 0 18px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,224,151,.05),0 8px 18px rgba(0,0,0,.28)!important;
}
.flame-equipment-card #inventoryc .inv-slot-bg:after{
    content:'';
    position:absolute;
    inset:5px;
    border-radius:inherit;
    pointer-events:none;
    background:radial-gradient(circle at 50% 42%,rgba(255,220,145,.035),rgba(0,0,0,.10) 62%,rgba(0,0,0,.22));
    border:1px solid rgba(255,224,151,.035);
}
.flame-equipment-card #inventoryc > img{
    border:1px solid rgba(214,150,82,.22)!important;
    box-shadow:inset 0 0 18px rgba(0,0,0,.70),0 8px 22px rgba(0,0,0,.45)!important;
}
.flame-equipment-card #inventoryc > div[id^="in_"],
.flame-equipment-card #inventory > div[data-info]{
    cursor:pointer!important;
    box-sizing:border-box!important;
    filter:drop-shadow(0 4px 9px rgba(0,0,0,.55));
    transition:box-shadow .16s ease, filter .16s ease;
}
.flame-equipment-card #inventoryc > div[id^="in_"]:hover,
.flame-equipment-card #inventoryc > div[id^="in_"]:focus,
.flame-equipment-card #inventory > div[data-info]:hover,
.flame-equipment-card #inventory > div[data-info]:focus{
    box-shadow:inset 0 0 0 1px rgba(238,184,94,.34),0 0 14px rgba(225,112,45,.18)!important;
    filter:drop-shadow(0 5px 12px rgba(0,0,0,.70));
    outline:none!important;
}
@media (max-width:993px), (hover:none) and (pointer:coarse){
    .flame-equipment-table-wrap{
        overflow:hidden!important;
    }
    .flame-equipment-card{
        width:calc(100vw - 22px)!important;
        max-width:100%!important;
        padding:12px 10px 14px!important;
        margin-bottom:12px!important;
        overflow:hidden!important;
    }
    .flame-equipment-title{
        min-height:22px!important;
        margin-bottom:9px!important;
        font-size:16px!important;
        letter-spacing:.075em!important;
    }
    .flame-equipment-card .flame-character-equipment-wrap{
        max-width:100%!important;
        overflow:hidden!important;
    }
    .flame-equipment-card #inventoryc,
    .flame-equipment-card #inventory{
        zoom:var(--flame-inventory-scale, 1)!important;
        transform:none!important;
        transform-origin:top center!important;
    }
}
@media (max-width:360px){
    .flame-equipment-card{
        width:calc(100vw - 14px)!important;
        padding-left:6px!important;
        padding-right:6px!important;
    }
    .flame-equipment-title{
        font-size:15px!important;
    }
}


/* v25 real mobile/tablet fit for character equipment inventory.
   Uses a scaled layout box, so the native inventory width cannot stretch the page. */
.flame-equipment-card .flame-character-equipment-scale{
    position:relative!important;
    display:block!important;
    flex:0 0 auto!important;
    width:398px!important;
    height:320px!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    --flame-inventory-scale:1;
}
.flame-equipment-card .flame-character-equipment-scale > #inventoryc,
.flame-equipment-card .flame-character-equipment-scale > #inventory{
    position:absolute!important;
    top:0!important;
    left:50%!important;
    margin:0!important;
    zoom:1!important;
    transform:translateX(-50%) scale(var(--flame-inventory-scale,1))!important;
    transform-origin:top center!important;
}
@media (max-width:993px), (hover:none) and (pointer:coarse){
    .flame-equipment-table-wrap,
    .flame-equipment-table,
    .flame-equipment-table td,
    .flame-equipment-card,
    .flame-equipment-card .flame-character-equipment-wrap{
        min-width:0!important;
        max-width:100%!important;
        overflow:hidden!important;
    }
    .flame-equipment-card{
        width:100%!important;
        padding-left:8px!important;
        padding-right:8px!important;
    }
    .flame-equipment-card .flame-character-equipment-scale{
        overflow:visible!important;
    }
    .flame-equipment-card #inventoryc,
    .flame-equipment-card #inventory{
        zoom:1!important;
        transform:translateX(-50%) scale(var(--flame-inventory-scale,1))!important;
    }
}
@media (max-width:360px){
    .flame-equipment-card{
        padding-left:4px!important;
        padding-right:4px!important;
    }
}

/* v26 hard responsive equipment fit for character page.
   Important: ability_card.css is loaded after the main theme CSS on this page, so this override must also live here. */
.flame-equipment-table-wrap.table-responsive-sm,
.flame-equipment-table-wrap,
.flame-equipment-table,
.flame-equipment-table tbody,
.flame-equipment-table tr,
.flame-equipment-table td,
.flame-equipment-card,
.flame-equipment-card .flame-character-equipment-wrap,
.flame-equipment-card .flame-character-equipment-scale{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
}
.flame-equipment-table-wrap.table-responsive-sm,
.flame-equipment-table-wrap,
.flame-equipment-card,
.flame-equipment-card .flame-character-equipment-wrap,
.flame-equipment-card .flame-character-equipment-scale{
    overflow:hidden!important;
}
.flame-equipment-table,
.flame-equipment-table tbody,
.flame-equipment-table tr,
.flame-equipment-table td{
    display:block!important;
    width:100%!important;
}
.flame-equipment-table-wrap{
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.flame-equipment-card{
    width:560px!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.flame-equipment-card .flame-character-equipment-wrap{
    display:flex!important;
    justify-content:center!important;
    align-items:flex-start!important;
    width:100%!important;
    padding:0!important;
}
.flame-equipment-card .flame-character-equipment-scale{
    position:relative!important;
    display:block!important;
    flex:0 0 auto!important;
    width:398px!important;
    height:320px!important;
    margin:0 auto!important;
    padding:0!important;
    --flame-inventory-scale:1;
}
.flame-equipment-card .flame-character-equipment-scale > #inventoryc,
.flame-equipment-card .flame-character-equipment-scale > #inventory{
    position:absolute!important;
    top:0!important;
    left:0!important;
    margin:0!important;
    max-width:none!important;
    zoom:1!important;
    transform:scale(var(--flame-inventory-scale,1))!important;
    transform-origin:top left!important;
}
@media (max-width:993px), (hover:none) and (pointer:coarse){
    .flame-equipment-card{
        width:100%!important;
        padding-left:8px!important;
        padding-right:8px!important;
    }
    .flame-equipment-title{
        min-height:22px!important;
        margin-bottom:9px!important;
        font-size:16px!important;
        letter-spacing:.075em!important;
    }
}
@media (max-width:360px){
    .flame-equipment-card{
        padding-left:4px!important;
        padding-right:4px!important;
    }
}

/* v31 equipment hover alignment fix
   Keeps the active hover outline exactly on the visible equipment slot frame on PC and mobile.
   The older item hitboxes had a few 1-2px differences compared with .inv-slot-bg. */
#inventoryc #in_zoo{left:0px!important;top:0px!important;width:63px!important;height:72px!important;border-radius:14px!important;}
#inventoryc #in_helm{left:68px!important;top:0px!important;width:63px!important;height:72px!important;border-radius:14px!important;}
#inventoryc #in_pendant{left:210px!important;top:16px!important;width:40px!important;height:40px!important;border-radius:11px!important;}
#inventoryc #in_wings{left:268px!important;top:0px!important;width:129px!important;height:116px!important;border-radius:14px!important;}
#inventoryc #in_ear1{left:0px!important;top:78px!important;width:32px!important;height:32px!important;border-radius:10px!important;}
#inventoryc #in_armor{left:38px!important;top:78px!important;width:82px!important;height:101px!important;border-radius:12px!important;}
#inventoryc #in_ear2{left:126px!important;top:78px!important;width:32px!important;height:32px!important;border-radius:10px!important;}
#inventoryc #in_gloves{left:268px!important;top:123px!important;width:91px!important;height:59px!important;border-radius:12px!important;}
#inventoryc #in_weapon{left:0px!important;top:188px!important;width:74px!important;height:132px!important;border-radius:14px!important;}
#inventoryc #in_ring1{left:95px!important;top:191px!important;width:40px!important;height:40px!important;border-radius:11px!important;}
#inventoryc #in_ring2{left:265px!important;top:191px!important;width:40px!important;height:40px!important;border-radius:11px!important;}
#inventoryc #in_pants{left:82px!important;top:240px!important;width:68px!important;height:80px!important;border-radius:12px!important;}
#inventoryc #in_pentagram{left:158px!important;top:233px!important;width:86px!important;height:87px!important;border-radius:18px!important;}
#inventoryc #in_boots{left:252px!important;top:240px!important;width:68px!important;height:80px!important;border-radius:12px!important;}
#inventoryc #in_shield{left:327px!important;top:188px!important;width:70px!important;height:132px!important;border-radius:14px!important;}

.flame-equipment-card #inventoryc > div[id^="in_"]{
    position:absolute!important;
    box-shadow:none!important;
    outline:none!important;
}
.flame-equipment-card #inventoryc > div[id^="in_"]::after{
    content:'';
    position:absolute;
    inset:0;
    z-index:5;
    display:block;
    box-sizing:border-box;
    pointer-events:none;
    border-radius:inherit;
    opacity:0;
    border:1px solid rgba(238,184,94,.55);
    box-shadow:inset 0 0 0 1px rgba(255,226,148,.12),0 0 14px rgba(225,112,45,.18);
    transition:opacity .16s ease;
}
.flame-equipment-card #inventoryc > div[id^="in_"]:hover::after,
.flame-equipment-card #inventoryc > div[id^="in_"]:focus::after{
    opacity:1;
}
.flame-equipment-card #inventoryc > div[id^="in_"]:hover,
.flame-equipment-card #inventoryc > div[id^="in_"]:focus{
    box-shadow:none!important;
    filter:drop-shadow(0 5px 12px rgba(0,0,0,.70));
}

/* ================= FLAME SHARED MODERN SECTION HEADERS =================
   Reusable table section headers for character/guild/rankings-style blocks.
   Use .flame-profile-modern-table + .flame-profile-modern-th.
   Add .flame-profile-modern-title-no-icon when the header should not show an icon.
   ===================================================================== */
.flame-profile-modern-table{
    overflow:hidden;
    border-radius:14px;
    border:1px solid rgba(183,112,47,.35);
    background:
        linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.035)),
        rgba(6,8,13,.22);
    box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.flame-profile-modern-table > thead > tr > th.flame-profile-modern-th{
    position:relative;
    overflow:hidden;
    padding:0 !important;
    border:0 !important;
    background:linear-gradient(180deg, rgba(22,23,32,.90), rgba(11,12,18,.94)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        inset 0 -1px 0 rgba(255,150,56,.18);
}
.flame-profile-modern-table > thead > tr > th.flame-profile-modern-th:after{
    content:'';
    position:absolute;
    left:18px;
    right:18px;
    bottom:0;
    height:3px;
    pointer-events:none;
    background:linear-gradient(90deg, transparent, #ff9a42 18%, #fbd181 50%, #ff7a22 82%, transparent);
}
.flame-profile-modern-title{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap:12px;
    min-height:54px;
    padding:11px 16px 14px;
    box-sizing:border-box;
}
.flame-profile-modern-title-no-icon{
    padding-left:18px;
}
.flame-profile-modern-title-center{
    justify-content:center;
    text-align:center;
}
.flame-profile-modern-icon{
    position:relative;
    display:inline-grid;
    place-items:center;
    width:36px;
    height:36px;
    flex:0 0 36px;
    border-radius:50%;
    border:0 solid rgba(255,214,133,.86);
    background:
        linear-gradient(135deg, rgba(255,232,172,.96) 0%, rgba(184,124,45,.98) 39%, rgba(255,151,45,.96) 100%);
    color:#f3d18a;
    overflow:hidden;
    box-shadow:
        inset 0 0 0 1px rgba(83,47,9,.38),
        0 3px 8px rgba(0,0,0,.32);
}
.flame-profile-modern-icon:before{
    content:'';
    position:absolute;
    inset:2px;
    border-radius:50%;
    background:linear-gradient(180deg, rgba(24,26,35,.96), rgba(12,14,21,.98));
    border:1px solid rgba(255,255,255,.03);
    box-shadow:none;
    pointer-events:none;
    z-index:0;
}
.flame-profile-modern-icon:after{
    display:none;
}
.flame-profile-modern-icon-glyph{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:auto;
    height:auto;
    border-radius:50%;
    overflow:hidden;
    font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',Arial,sans-serif;
    font-size:17.5px;
    line-height:1;
    text-align:center;
    transform:translateY(-1.5px);
    transform-origin:center center;
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.70));
    z-index:2;
}
.flame-profile-modern-icon-character .flame-profile-modern-icon-glyph,
.flame-profile-modern-icon-account .flame-profile-modern-icon-glyph,
.flame-profile-modern-icon-guild .flame-profile-modern-icon-glyph{
    transform:translateY(-1.5px);
}
.flame-profile-modern-text{
    display:block;
    color:#fff4e5;
    font-size:16px;
    font-weight:800;
    letter-spacing:.75px;
    line-height:1.15;
    text-transform:uppercase;
    text-shadow:0 2px 0 rgba(0,0,0,.65);
}
.flame-profile-modern-table > tbody > tr:first-child > td{
    border-top:1px solid rgba(255,255,255,.045);
}
.flame-profile-modern-guild-table{
    margin-bottom:8px !important;
}
.flame-guild-info-table{
    margin-bottom:12px !important;
}
.flame-guild-members-title-table{
    margin-bottom:10px !important;
    border-radius:14px 14px 0 0 !important;
    border-bottom:0 !important;
    overflow:hidden !important;
}
.flame-guild-members-title-table > thead > tr > th.flame-profile-modern-th{
    width:100%;
    border-radius:14px 14px 0 0 !important;
}
.flame-guild-members-table{
    margin-top:0 !important;
}
.flame-equipment-table-wrap{
    margin-top:0 !important;
}
.flame-equipment-table{
    margin-bottom:8px !important;
}

/* Guild members + rankings tables: shared Flame table header and compact responsive layout.
   This only affects the actual data tables, not the rankings top server/filter area. */
.flame-guild-page-content,
.flame-rankings-page-content{
    max-width:100%;
    box-sizing:border-box;
}
.flame-guild-page-content{
    overflow:hidden;
}
.flame-rankings-page-content{
    overflow:visible;
}
.flame-guild-info-table,
.flame-guild-members-table,
.flame-rankings-table-area table,
.flame-rankings-table-area .flame-legacy-rankings-table,
.flame-rankings-table-area .ranking-table{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}
.flame-guild-members-wrap,
.flame-rankings-table-area{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
}
.flame-guild-members-wrap{
    overflow:hidden;
}
.flame-rankings-table-area{
    overflow:visible;
}
.flame-rankings-table-area .table-responsive,
.flame-rankings-table-area .table-responsive-sm{
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
    box-sizing:border-box !important;
}
.flame-guild-members-table,
.flame-rankings-table-area table,
.flame-rankings-table-area .flame-legacy-rankings-table,
.flame-rankings-table-area .ranking-table{
    border-collapse:separate !important;
    border-spacing:0 3px !important;
    background:transparent !important;
}
.flame-guild-members-table,
.flame-rankings-table-area table{
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:manual !important;
}
.flame-guild-members-table th,
.flame-guild-members-table td,
.flame-rankings-table-area table th,
.flame-rankings-table-area table td{
    box-sizing:border-box !important;
    vertical-align:middle !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:manual !important;
}
.flame-guild-members-table td a,
.flame-guild-members-table td span,
.flame-rankings-table-area table td a,
.flame-rankings-table-area table td span,
.flame-rankings-table-area table td small{
    max-width:100%;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:manual !important;
    vertical-align:middle;
}
.flame-guild-members-table td img,
.flame-rankings-table-area table td img,
.flame-rankings-table-area .rankings-player-class-img{
    display:inline-block;
    max-width:24px;
    height:auto;
    vertical-align:middle;
}

/* Same column header style for Guild Members and Rankings.
   Clean continuous Flame header with sharp bottom corners like Information. */
.flame-guild-members-table .flame-guild-members-columns th,
.flame-rankings-table-area table > thead > tr > th,
.flame-rankings-table-area .flame-legacy-rankings-table > thead > tr > th,
.flame-rankings-table-area .ranking-table > thead > tr > th,
.flame-rankings-table-area table > tbody > tr:first-child > th,
.flame-rankings-table-area .flame-legacy-rankings-table > tbody > tr:first-child > th,
.flame-rankings-table-area .ranking-table > tbody > tr:first-child > th{
    position:relative;
    overflow:hidden !important;
    padding:10px 8px 11px !important;
    color:#fff4e5 !important;
    font-size:14px;
    font-weight:500 !important;
    line-height:1.15;
    letter-spacing:.35px;
    text-transform:uppercase;
    text-align:center;
    background:linear-gradient(180deg, rgba(15,18,27,.98), rgba(6,8,14,.99)) !important;
    border:0 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        inset 0 -2px 0 rgba(230,145,65,.92) !important;
    text-shadow:0 2px 0 rgba(0,0,0,.65);
    vertical-align:middle !important;
    border-radius:0 !important;
}
.flame-guild-members-table .flame-guild-members-columns th::after,
.flame-rankings-table-area table > thead > tr > th::after,
.flame-rankings-table-area .flame-legacy-rankings-table > thead > tr > th::after,
.flame-rankings-table-area .ranking-table > thead > tr > th::after,
.flame-rankings-table-area table > tbody > tr:first-child > th::after,
.flame-rankings-table-area .flame-legacy-rankings-table > tbody > tr:first-child > th::after,
.flame-rankings-table-area .ranking-table > tbody > tr:first-child > th::after{
    display:none !important;
}
.flame-guild-members-table .flame-guild-members-columns th:first-child,
.flame-rankings-table-area table > thead > tr > th:first-child,
.flame-rankings-table-area .flame-legacy-rankings-table > thead > tr > th:first-child,
.flame-rankings-table-area .ranking-table > thead > tr > th:first-child,
.flame-rankings-table-area table > tbody > tr:first-child > th:first-child,
.flame-rankings-table-area .flame-legacy-rankings-table > tbody > tr:first-child > th:first-child,
.flame-rankings-table-area .ranking-table > tbody > tr:first-child > th:first-child{
    border-radius:14px 0 0 0 !important;
}
.flame-guild-members-table .flame-guild-members-columns th:last-child,
.flame-rankings-table-area table > thead > tr > th:last-child,
.flame-rankings-table-area .flame-legacy-rankings-table > thead > tr > th:last-child,
.flame-rankings-table-area .ranking-table > thead > tr > th:last-child,
.flame-rankings-table-area table > tbody > tr:first-child > th:last-child,
.flame-rankings-table-area .flame-legacy-rankings-table > tbody > tr:first-child > th:last-child,
.flame-rankings-table-area .ranking-table > tbody > tr:first-child > th:last-child{
    border-radius:0 14px 0 0 !important;
}
.flame-guild-members-table tbody tr,
.flame-rankings-table-area table > tbody > tr{
    background:rgba(10,11,16,.54) !important;
}
.flame-guild-members-table tbody tr:nth-of-type(odd),
.flame-rankings-table-area table > tbody > tr:nth-of-type(odd){
    background:rgba(255,255,255,.026) !important;
}
.flame-guild-members-table tbody tr:nth-of-type(even),
.flame-rankings-table-area table > tbody > tr:nth-of-type(even){
    background:rgba(0,0,0,.12) !important;
}
.flame-guild-members-table tbody tr:hover,
.flame-rankings-table-area table > tbody > tr:hover{
    background:rgba(251,209,129,.06) !important;
}
.flame-guild-members-table tbody td,
.flame-rankings-table-area table tbody td{
    border:0 !important;
    border-top:1px solid rgba(255,255,255,.035) !important;
    border-bottom:1px solid rgba(0,0,0,.20) !important;
    background:transparent !important;
}
.flame-guild-members-table tbody tr td:first-child,
.flame-rankings-table-area table tbody tr td:first-child{
    border-left:1px solid rgba(183,112,47,.16) !important;
    border-radius:8px 0 0 8px;
}
.flame-guild-members-table tbody tr td:last-child,
.flame-rankings-table-area table tbody tr td:last-child{
    border-right:1px solid rgba(183,112,47,.16) !important;
    border-radius:0 8px 8px 0;
}
.flame-rankings-table-area #rank_by_class,
.flame-rankings-table-area .rank_by_class,
.flame-rankings-table-area .dropdown,
.flame-rankings-table-area .btn-group{
    position:relative;
    z-index:60;
    overflow:visible !important;
}
.flame-rankings-table-area #rank_by_class .dropdown-menu,
.flame-rankings-table-area .dropdown-menu{
    z-index:10050 !important;
    max-height:none !important;
    overflow-y:visible !important;
}
.flame-guild-members-empty td{
    text-align:center !important;
}

@media (max-width:575px){
    .flame-profile-modern-table{
        border-radius:12px;
    }
    .flame-profile-modern-title{
        min-height:48px;
        padding:9px 11px;
        gap:10px;
    }
    .flame-profile-modern-title-no-icon{
        padding-left:13px;
    }
    .flame-profile-modern-icon{
        width:31px;
        height:31px;
        flex-basis:31px;
    }
    .flame-profile-modern-text{
        display:flex;
        align-items:center;
        min-height:31px;
        font-size:14px;
        letter-spacing:.55px;
    }
    .flame-profile-modern-icon:before{
        inset:2px;
    }
    .flame-profile-modern-icon-glyph{
        inset:0;
        font-size:16px;
    }
    .flame-profile-modern-table > thead > tr > th.flame-profile-modern-th:after{
        left:12px;
        right:12px;
        height:3px;
    }
}

@media (max-width:767.98px){
    .flame-guild-page-content{
        padding-left:12px !important;
        padding-right:12px !important;
    }
    .flame-rankings-page-content{
        padding-left:4px !important;
        padding-right:4px !important;
    }
    .flame-guild-members-wrap{
        overflow:hidden !important;
        border-radius:12px;
    }
    .flame-rankings-table-area{
        width:100% !important;
        max-width:100% !important;
        padding-top:8px !important;
        padding-left:0 !important;
        padding-right:0 !important;
        margin-left:0 !important;
        margin-right:0 !important;
        overflow:visible !important;
        border-radius:12px;
    }
    .flame-rankings-table-area .table-responsive,
    .flame-rankings-table-area .table-responsive-sm{
        width:100% !important;
        max-width:100% !important;
        overflow:visible !important;
    }
    .flame-guild-members-table,
    .flame-rankings-table-area table,
    .flame-rankings-table-area .flame-legacy-rankings-table,
    .flame-rankings-table-area .ranking-table{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        table-layout:fixed !important;
        border-collapse:separate !important;
        border-spacing:0 3px !important;
        margin-bottom:12px !important;
    }
    .flame-guild-members-table th,
    .flame-guild-members-table td,
    .flame-rankings-table-area table th,
    .flame-rankings-table-area table td{
        min-width:0 !important;
        padding:5px 3px !important;
        font-size:10.2px !important;
        line-height:1.18 !important;
        white-space:normal !important;
        overflow:visible !important;
        text-overflow:clip !important;
        overflow-wrap:normal !important;
        word-break:normal !important;
        text-align:center !important;
        vertical-align:middle !important;
        background:transparent !important;
    }
    .flame-guild-members-table .flame-guild-members-columns th,
    .flame-rankings-table-area table > thead > tr > th,
    .flame-rankings-table-area .flame-legacy-rankings-table > thead > tr > th,
    .flame-rankings-table-area .ranking-table > thead > tr > th,
    .flame-rankings-table-area table > tbody > tr:first-child > th,
    .flame-rankings-table-area .flame-legacy-rankings-table > tbody > tr:first-child > th,
    .flame-rankings-table-area .ranking-table > tbody > tr:first-child > th{
        padding-top:7px !important;
        padding-bottom:8px !important;
        font-size:10px !important;
        line-height:1.12 !important;
        letter-spacing:.12px;
        background:linear-gradient(180deg, rgba(15,18,27,.98), rgba(6,8,14,.99)) !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.035), inset 0 -2px 0 rgba(230,145,65,.92) !important;
    }
    .flame-guild-members-table td a,
    .flame-guild-members-table td span,
    .flame-rankings-table-area table td a,
    .flame-rankings-table-area table td span,
    .flame-rankings-table-area table td small{
        white-space:normal !important;
        overflow:visible !important;
        text-overflow:clip !important;
        overflow-wrap:normal !important;
        word-break:normal !important;
    }
    .flame-guild-members-table td img,
    .flame-rankings-table-area table td img,
    .flame-rankings-table-area .rankings-player-class-img{
        max-width:17px !important;
        height:auto !important;
    }
    .flame-guild-members-table .flame-guild-members-columns th:nth-child(1),
    .flame-guild-members-table tbody td:nth-child(1){width:6% !important;}
    .flame-guild-members-table .flame-guild-members-columns th:nth-child(2),
    .flame-guild-members-table tbody td:nth-child(2){width:24% !important;text-align:left !important;}
    .flame-guild-members-table .flame-guild-members-columns th:nth-child(3),
    .flame-guild-members-table tbody td:nth-child(3){width:16% !important;}
    .flame-guild-members-table .flame-guild-members-columns th:nth-child(4),
    .flame-guild-members-table tbody td:nth-child(4){width:12% !important;}
    .flame-guild-members-table .flame-guild-members-columns th:nth-child(5),
    .flame-guild-members-table tbody td:nth-child(5){width:9% !important;}
    .flame-guild-members-table .flame-guild-members-columns th:nth-child(6),
    .flame-guild-members-table tbody td:nth-child(6){width:21% !important;}
    .flame-guild-members-table .flame-guild-members-columns th:nth-child(7),
    .flame-guild-members-table tbody td:nth-child(7){width:12% !important;}

    .flame-rankings-table-area table th,
    .flame-rankings-table-area table td{
        overflow-wrap:normal !important;
        word-break:normal !important;
        hyphens:manual !important;
    }
    .flame-rankings-table-area table td a,
    .flame-rankings-table-area table td span,
    .flame-rankings-table-area table td small{
        overflow-wrap:normal !important;
        word-break:normal !important;
        hyphens:manual !important;
    }
}

@media (max-width:380px){
    .flame-guild-page-content,
    .flame-rankings-page-content{
        padding-left:4px !important;
        padding-right:4px !important;
    }
    .flame-rankings-table-area{
        padding-top:8px !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .flame-guild-members-table th,
    .flame-guild-members-table td,
    .flame-rankings-table-area table th,
    .flame-rankings-table-area table td{
        padding-left:1px !important;
        padding-right:1px !important;
        font-size:9.15px !important;
        letter-spacing:-.18px !important;
    }
    .flame-guild-members-table .flame-guild-members-columns th,
    .flame-rankings-table-area table > thead > tr > th,
    .flame-rankings-table-area table > tbody > tr:first-child > th{
        font-size:9px !important;
    }
    .flame-guild-members-table .flame-guild-members-columns th:nth-child(1),
    .flame-guild-members-table tbody td:nth-child(1){width:6% !important;}
    .flame-guild-members-table .flame-guild-members-columns th:nth-child(2),
    .flame-guild-members-table tbody td:nth-child(2){width:25% !important;}
    .flame-guild-members-table .flame-guild-members-columns th:nth-child(3),
    .flame-guild-members-table tbody td:nth-child(3){width:16% !important;}
    .flame-guild-members-table .flame-guild-members-columns th:nth-child(4),
    .flame-guild-members-table tbody td:nth-child(4){width:12% !important;}
    .flame-guild-members-table .flame-guild-members-columns th:nth-child(5),
    .flame-guild-members-table tbody td:nth-child(5){width:9% !important;}
    .flame-guild-members-table .flame-guild-members-columns th:nth-child(6),
    .flame-guild-members-table tbody td:nth-child(6){width:20% !important;}
    .flame-guild-members-table .flame-guild-members-columns th:nth-child(7),
    .flame-guild-members-table tbody td:nth-child(7){width:12% !important;}
    .flame-guild-members-table td img,
    .flame-rankings-table-area table td img,
    .flame-rankings-table-area .rankings-player-class-img{
        max-width:15px !important;
    }
}


/* v32 Flame rankings polish
   - Keep By Class dropdown opening downward instead of flipping upward.
   - Reduce the extra gap between the class filter and rankings table.
   - Highlight the active guild ordering column without covering the orange header line. */
#rank_by_class.flame-rankings-class-filter,
.flame-rankings-table-area #rank_by_class.flame-rankings-class-filter{
    margin-bottom:14px !important;
}
#rank_by_class.flame-rankings-class-filter .flame-class-dropdown,
.flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown{
    display:inline-block !important;
    position:relative !important;
    overflow:visible !important;
}
#rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu,
.flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu{
    top:100% !important;
    bottom:auto !important;
    left:0 !important;
    right:auto !important;
    margin-top:7px !important;
    margin-bottom:0 !important;
    transform:none !important;
    will-change:auto !important;
}
#rank_by_class.flame-rankings-class-filter .flame-class-dropdown.show > .flame-class-dropdown-menu,
.flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown.show > .flame-class-dropdown-menu{
    top:100% !important;
    bottom:auto !important;
    transform:none !important;
}
.flame-rankings-table-area table > thead > tr > th.flame-rankings-sort-active,
.flame-rankings-table-area .flame-legacy-rankings-table > thead > tr > th.flame-rankings-sort-active,
.flame-rankings-table-area .ranking-table > thead > tr > th.flame-rankings-sort-active{
    background:
        radial-gradient(circle at 50% 0%, rgba(251,209,129,.16), transparent 52%),
        linear-gradient(180deg, rgba(50,39,26,.98), rgba(12,14,20,.99)) !important;
    color:#fff8e8 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        inset 0 0 0 1px rgba(251,209,129,.07),
        inset 0 -2px 0 rgba(230,145,65,.92) !important;
}
.flame-rankings-table-area table > thead > tr > th.flame-rankings-sort-active::before,
.flame-rankings-table-area .flame-legacy-rankings-table > thead > tr > th.flame-rankings-sort-active::before,
.flame-rankings-table-area .ranking-table > thead > tr > th.flame-rankings-sort-active::before{
    content:'';
    position:absolute;
    left:14px;
    right:14px;
    bottom:2px;
    height:1px;
    pointer-events:none;
    background:linear-gradient(90deg, transparent, rgba(251,209,129,.42), transparent);
}
@media (max-width:767.98px){
    #rank_by_class.flame-rankings-class-filter,
    .flame-rankings-table-area #rank_by_class.flame-rankings-class-filter{
        margin-bottom:10px !important;
    }
    #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu,
    .flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu{
        margin-top:6px !important;
    }
}

/* v39 Flame rankings clean final
   Clean ranking-table isolation from old/global table CSS.
   - protects rankings from style.css .table {position:absolute}
   - uses one predictable colgroup layout
   - keeps LvL + ML / Resets + GR together on one line
   - header text is never hidden; on mobile long headers may wrap cleanly */
.flame-rankings-table-area .table,
.flame-rankings-table-area table.table,
.flame-rankings-table-area .flame-legacy-rankings-table,
.flame-rankings-table-area .ranking-table{
    position:relative !important;
    display:table !important;
    height:auto !important;
    min-height:0 !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    table-layout:fixed !important;
    border-collapse:separate !important;
    border-spacing:0 3px !important;
    background:transparent !important;
}
.flame-rankings-table-area .table-responsive,
.flame-rankings-table-area .table-responsive-sm{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
}
.flame-rankings-table-area .flame-rankings-players-table col,
.flame-rankings-table-area .flame-rankings-guilds-table col{
    display:table-column !important;
}
.flame-rankings-table-area .flame-rankings-players-table th,
.flame-rankings-table-area .flame-rankings-players-table td,
.flame-rankings-table-area .flame-rankings-guilds-table th,
.flame-rankings-table-area .flame-rankings-guilds-table td{
    box-sizing:border-box !important;
    text-align:center !important;
    vertical-align:middle !important;
    overflow:visible !important;
    text-overflow:clip !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:manual !important;
    background:transparent !important;
}
.flame-rankings-table-area .flame-rankings-players-table > thead > tr > th,
.flame-rankings-table-area .flame-rankings-guilds-table > thead > tr > th{
    padding:10px 7px 11px !important;
    color:#fff4e5 !important;
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1.12 !important;
    letter-spacing:.28px !important;
    text-transform:uppercase !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    border:0 !important;
    background:linear-gradient(180deg, rgba(15,18,27,.98), rgba(6,8,14,.99)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035), inset 0 -2px 0 rgba(230,145,65,.92) !important;
    text-shadow:0 2px 0 rgba(0,0,0,.65);
}
.flame-rankings-table-area .flame-rankings-players-table > tbody > tr > td,
.flame-rankings-table-area .flame-rankings-guilds-table > tbody > tr > td{
    padding-left:7px !important;
    padding-right:7px !important;
    border:0 !important;
    border-top:1px solid rgba(255,255,255,.035) !important;
    border-bottom:1px solid rgba(0,0,0,.20) !important;
}
.flame-rankings-table-area .flame-rankings-players-table a,
.flame-rankings-table-area .flame-rankings-guilds-table a{
    display:inline !important;
    max-width:100% !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
}
.flame-rankings-table-area .flame-cell-rank,
.flame-rankings-table-area .flame-cell-player-level,
.flame-rankings-table-area .flame-cell-player-resets,
.flame-rankings-table-area .flame-cell-guild-score,
.flame-rankings-table-area .flame-cell-guild-metric,
.flame-rankings-table-area .flame-cell-guild-members,
.flame-rankings-table-area .flame-cell-guild-mark{
    white-space:nowrap !important;
    font-variant-numeric:tabular-nums;
}
.flame-rankings-table-area .flame-rankings-level-wrap,
.flame-rankings-table-area .flame-rankings-reset-wrap,
.flame-rankings-table-area .flame-rankings-header-wrap{
    display:inline-flex !important;
    align-items:baseline !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:3px !important;
    white-space:nowrap !important;
    max-width:100% !important;
    line-height:1 !important;
    vertical-align:middle !important;
}
.flame-rankings-table-area .flame-rankings-level-main,
.flame-rankings-table-area .flame-rankings-reset-main{
    display:inline-block !important;
    flex:0 0 auto !important;
    white-space:nowrap !important;
    line-height:1 !important;
}
.flame-rankings-table-area .flame-rankings-players-table sup,
.flame-rankings-table-area .flame-rankings-guilds-table sup,
.flame-rankings-table-area .flame-rankings-ml,
.flame-rankings-table-area .flame-rankings-gr{
    display:inline-block !important;
    position:relative !important;
    flex:0 0 auto !important;
    margin-left:0 !important;
    color:#ff3d2e !important;
    font-size:.56em !important;
    line-height:1 !important;
    white-space:nowrap !important;
    vertical-align:baseline !important;
    transform:translateY(-.18em) !important;
}
.flame-rankings-table-area .flame-rankings-players-table .flame-cell-player-class,
.flame-rankings-table-area .flame-rankings-players-table .flame-cell-player-location,
.flame-rankings-table-area .flame-rankings-guilds-table .flame-cell-guild-name,
.flame-rankings-table-area .flame-rankings-guilds-table .flame-cell-guild-master{
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
}
.flame-rankings-table-area .flame-rankings-guilds-table .flame-cell-guild-mark img{
    max-width:24px !important;
    height:auto !important;
    vertical-align:middle !important;
}

/* Top Players, with Resets column */
.flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-rank{width:5% !important;}
.flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-name{width:20% !important;}
.flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-class{width:25% !important;}
.flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-level{width:9% !important;}
.flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-resets{width:10% !important;}
.flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-location{width:31% !important;}

/* Top Players, without Resets column */
.flame-rankings-table-area .flame-rankings-players-table:not(.flame-rankings-players-has-resets) col.flame-col-rank{width:5% !important;}
.flame-rankings-table-area .flame-rankings-players-table:not(.flame-rankings-players-has-resets) col.flame-col-player-name{width:23% !important;}
.flame-rankings-table-area .flame-rankings-players-table:not(.flame-rankings-players-has-resets) col.flame-col-player-class{width:28% !important;}
.flame-rankings-table-area .flame-rankings-players-table:not(.flame-rankings-players-has-resets) col.flame-col-player-level{width:9% !important;}
.flame-rankings-table-area .flame-rankings-players-table:not(.flame-rankings-players-has-resets) col.flame-col-player-location{width:35% !important;}

/* Guild rankings, with Total ML/Res/GRes/Level metric column */
.flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-rank{width:5% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-name{width:22% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-master{width:22% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-score{width:10% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-metric{width:15% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-members{width:14% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-mark{width:12% !important;}

/* Guild rankings, without extra metric column */
.flame-rankings-table-area .flame-rankings-guilds-table:not(.flame-rankings-guilds-has-metric) col.flame-col-rank{width:5% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table:not(.flame-rankings-guilds-has-metric) col.flame-col-guild-name{width:25% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table:not(.flame-rankings-guilds-has-metric) col.flame-col-guild-master{width:25% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table:not(.flame-rankings-guilds-has-metric) col.flame-col-guild-score{width:13% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table:not(.flame-rankings-guilds-has-metric) col.flame-col-guild-members{width:17% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table:not(.flame-rankings-guilds-has-metric) col.flame-col-guild-mark{width:15% !important;}

@media (max-width:767.98px){
    .flame-rankings-table-area .flame-rankings-players-table > thead > tr > th,
    .flame-rankings-table-area .flame-rankings-guilds-table > thead > tr > th{
        padding-left:2px !important;
        padding-right:2px !important;
        font-size:9.2px !important;
        line-height:1.1 !important;
        letter-spacing:-.08px !important;
        white-space:normal !important;
        overflow-wrap:break-word !important;
        word-break:normal !important;
        overflow:visible !important;
    }
    .flame-rankings-table-area .flame-rankings-players-table > tbody > tr > td,
    .flame-rankings-table-area .flame-rankings-guilds-table > tbody > tr > td{
        padding-left:2px !important;
        padding-right:2px !important;
        font-size:10px !important;
        line-height:1.16 !important;
        letter-spacing:-.04px !important;
    }
    .flame-rankings-table-area .flame-rankings-level-wrap,
    .flame-rankings-table-area .flame-rankings-reset-wrap,
    .flame-rankings-table-area .flame-rankings-header-wrap{
        white-space:nowrap !important;
        min-width:max-content !important;
    }
    .flame-rankings-table-area .flame-rankings-players-table sup,
    .flame-rankings-table-area .flame-rankings-guilds-table sup,
    .flame-rankings-table-area .flame-rankings-ml,
    .flame-rankings-table-area .flame-rankings-gr{
        margin-left:0 !important;
        font-size:.54em !important;
        transform:translateY(-.16em) !important;
    }
    .flame-rankings-table-area .flame-rankings-players-table .flame-cell-player-class,
    .flame-rankings-table-area .flame-rankings-players-table .flame-cell-player-location,
    .flame-rankings-table-area .flame-rankings-guilds-table .flame-cell-guild-name,
    .flame-rankings-table-area .flame-rankings-guilds-table .flame-cell-guild-master{
        overflow-wrap:break-word !important;
        word-break:normal !important;
    }
    .flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-rank{width:6% !important;}
    .flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-name{width:19% !important;}
    .flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-class{width:25% !important;}
    .flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-level{width:10% !important;}
    .flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-resets{width:10% !important;}
    .flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-location{width:30% !important;}

    .flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-rank{width:6% !important;}
    .flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-name{width:20% !important;}
    .flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-master{width:20% !important;}
    .flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-score{width:10% !important;}
    .flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-metric{width:16% !important;}
    .flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-members{width:15% !important;}
    .flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-mark{width:13% !important;}
    .flame-rankings-table-area .flame-rankings-guilds-table .flame-cell-guild-mark img{max-width:17px !important;}
}
@media (max-width:380px){
    .flame-rankings-table-area .flame-rankings-players-table > thead > tr > th,
    .flame-rankings-table-area .flame-rankings-guilds-table > thead > tr > th{
        padding-left:1px !important;
        padding-right:1px !important;
        font-size:8.25px !important;
        letter-spacing:-.18px !important;
    }
    .flame-rankings-table-area .flame-rankings-players-table > tbody > tr > td,
    .flame-rankings-table-area .flame-rankings-guilds-table > tbody > tr > td{
        padding-left:1px !important;
        padding-right:1px !important;
        font-size:9px !important;
        letter-spacing:-.16px !important;
    }
    .flame-rankings-table-area .flame-rankings-players-table sup,
    .flame-rankings-table-area .flame-rankings-guilds-table sup,
    .flame-rankings-table-area .flame-rankings-ml,
    .flame-rankings-table-area .flame-rankings-gr{
        margin-left:0 !important;
        font-size:.52em !important;
        transform:translateY(-.14em) !important;
    }
}


/* v40 Flame rankings ML/GR one-line alignment fix
   Keeps LvL+ML and Resets+GR attached on the same visual line. */
.flame-rankings-table-area .flame-rankings-level-wrap,
.flame-rankings-table-area .flame-rankings-reset-wrap,
.flame-rankings-table-area .flame-rankings-header-wrap{
    display:inline-flex !important;
    align-items:baseline !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:3px !important;
    white-space:nowrap !important;
    min-width:auto !important;
    line-height:1 !important;
}
.flame-rankings-table-area .flame-rankings-level-main,
.flame-rankings-table-area .flame-rankings-reset-main,
.flame-rankings-table-area .flame-rankings-ml,
.flame-rankings-table-area .flame-rankings-gr{
    display:inline-block !important;
    white-space:nowrap !important;
    line-height:1 !important;
}
.flame-rankings-table-area .flame-rankings-ml,
.flame-rankings-table-area .flame-rankings-gr{
    margin-left:0 !important;
    color:#ff3d2e !important;
    font-size:.56em !important;
    vertical-align:baseline !important;
    transform:translateY(-.18em) !important;
}
@media (max-width:767.98px){
    .flame-rankings-table-area .flame-rankings-level-wrap,
    .flame-rankings-table-area .flame-rankings-reset-wrap,
    .flame-rankings-table-area .flame-rankings-header-wrap{
        gap:2px !important;
        min-width:auto !important;
    }
    .flame-rankings-table-area .flame-rankings-ml,
    .flame-rankings-table-area .flame-rankings-gr{
        font-size:.54em !important;
        transform:translateY(-.16em) !important;
    }
}
@media (max-width:380px){
    .flame-rankings-table-area .flame-rankings-level-wrap,
    .flame-rankings-table-area .flame-rankings-reset-wrap,
    .flame-rankings-table-area .flame-rankings-header-wrap{
        gap:1px !important;
    }
    .flame-rankings-table-area .flame-rankings-ml,
    .flame-rankings-table-area .flame-rankings-gr{
        font-size:.52em !important;
        transform:translateY(-.14em) !important;
    }
}


/* v41 Flame rankings original-style ML/GR superscript restore
   Restores the natural original superscript look, but keeps it locked to the same row. */
.flame-rankings-table-area .flame-rankings-level-wrap,
.flame-rankings-table-area .flame-rankings-reset-wrap,
.flame-rankings-table-area .flame-rankings-header-wrap{
    display:inline-flex !important;
    align-items:baseline !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:3px !important;
    white-space:nowrap !important;
    min-width:auto !important;
    line-height:1 !important;
    vertical-align:middle !important;
}
.flame-rankings-table-area .flame-rankings-level-main,
.flame-rankings-table-area .flame-rankings-reset-main{
    display:inline-block !important;
    line-height:1 !important;
    white-space:nowrap !important;
    vertical-align:baseline !important;
}
.flame-rankings-table-area .flame-rankings-ml,
.flame-rankings-table-area .flame-rankings-gr,
.flame-rankings-table-area sup.flame-rankings-ml,
.flame-rankings-table-area sup.flame-rankings-gr{
    display:inline-block !important;
    position:relative !important;
    top:-.46em !important;
    transform:none !important;
    margin-left:0 !important;
    color:#ff3d2e !important;
    font-size:.56em !important;
    line-height:0 !important;
    white-space:nowrap !important;
    vertical-align:baseline !important;
}
.flame-rankings-table-area .flame-rankings-players-table > tbody > tr > td.flame-cell-player-level,
.flame-rankings-table-area .flame-rankings-players-table > tbody > tr > td.flame-cell-player-resets{
    line-height:1 !important;
}
@media (max-width:767.98px){
    .flame-rankings-table-area .flame-rankings-level-wrap,
    .flame-rankings-table-area .flame-rankings-reset-wrap,
    .flame-rankings-table-area .flame-rankings-header-wrap{
        gap:2px !important;
    }
    .flame-rankings-table-area .flame-rankings-ml,
    .flame-rankings-table-area .flame-rankings-gr,
    .flame-rankings-table-area sup.flame-rankings-ml,
    .flame-rankings-table-area sup.flame-rankings-gr{
        top:-.42em !important;
        font-size:.55em !important;
    }
}
@media (max-width:380px){
    .flame-rankings-table-area .flame-rankings-level-wrap,
    .flame-rankings-table-area .flame-rankings-reset-wrap,
    .flame-rankings-table-area .flame-rankings-header-wrap{
        gap:1px !important;
    }
    .flame-rankings-table-area .flame-rankings-ml,
    .flame-rankings-table-area .flame-rankings-gr,
    .flame-rankings-table-area sup.flame-rankings-ml,
    .flame-rankings-table-area sup.flame-rankings-gr{
        top:-.38em !important;
        font-size:.53em !important;
    }
}


/* v42 Flame CSS cleanup step 1
   Legacy ranking selectors are now excluded from Flame ranking/header classes above.
   Real Flame spacing and ranking visuals must live under .flame-* classes only. */
:root{
    --flame-modern-header-gap:14px;
    --flame-page-title-to-modern-header-gap:16px;
    --flame-ui-font:'DINNextW1G','Open Sans',Arial,Helvetica,sans-serif;
}
.flame-profile-modern-table,
.flame-rankings-table-area,
.flame-data-table,
.flame-equipment-title{
    font-family:var(--flame-ui-font);
}

.flame-profile-modern-table{
    margin-bottom:var(--flame-modern-header-gap) !important;
}
.flame-profile-modern-table + .flame-profile-modern-table,
.flame-profile-modern-table + .flame-rankings-table-area,
.flame-profile-modern-table + .flame-equipment-table-wrap,
.flame-profile-modern-table + .flame-guild-members-wrap,
.flame-profile-modern-table + .table-responsive,
.flame-profile-modern-table + table{
    margin-top:0 !important;
}
.flame-page-title + .flame-profile-modern-table,
.flame-page-title + .flame-rankings-page-content .flame-profile-modern-table,
.flame-page-title + .flame-guild-page-content .flame-profile-modern-table{
    margin-top:var(--flame-page-title-to-modern-header-gap) !important;
}
.flame-rankings-table-area .flame-legacy-rankings-table,
.flame-rankings-table-area .ranking-table,
.flame-profile-modern-table.flame-legacy-rankings-table{
    margin-bottom:var(--flame-modern-header-gap) !important;
}
.flame-rankings-table-area .flame-legacy-rankings-table,
.flame-rankings-table-area .ranking-table{
    color:#c5c2d5 !important;
    text-align:center !important;
}
@media (max-width:767.98px){
    :root{
        --flame-modern-header-gap:10px;
        --flame-page-title-to-modern-header-gap:12px;
    }
}


/* v43 Flame shared data tables
   New/updated views should use .flame-data-table / .flame-profile-modern-table instead of legacy table skin classes. */
.flame-data-table{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 var(--flame-modern-header-gap, 10px) !important;
    color:#c5c2d5 !important;
    text-align:center !important;
    border:0 !important;
    border-collapse:separate !important;
    border-spacing:0 3px !important;
    background:transparent !important;
    box-shadow:none !important;
    table-layout:auto;
}
.flame-data-table th,
.flame-data-table td{
    box-sizing:border-box !important;
    vertical-align:middle !important;
    border:0 !important;
    background:transparent !important;
    padding:7px 8px !important;
    color:inherit;
}
.flame-data-table > thead > tr > th,
.flame-data-table > thead > th,
.flame-data-table.flame-head-row-table > tbody > tr:first-child > th,
.flame-data-table.flame-head-row-table > tr:first-child > th{
    position:relative;
    overflow:hidden !important;
    padding:10px 8px 11px !important;
    color:#fff4e5 !important;
    font-size:14px;
    font-weight:500 !important;
    line-height:1.15;
    letter-spacing:.35px;
    text-transform:uppercase;
    text-align:center !important;
    background:linear-gradient(180deg, rgba(15,18,27,.98), rgba(6,8,14,.99)) !important;
    border:0 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035), inset 0 -2px 0 rgba(230,145,65,.92) !important;
    text-shadow:0 2px 0 rgba(0,0,0,.65);
}
.flame-data-table > thead > tr > th:first-child,
.flame-data-table > thead > th:first-child,
.flame-data-table.flame-head-row-table > tbody > tr:first-child > th:first-child,
.flame-data-table.flame-head-row-table > tr:first-child > th:first-child{
    border-radius:14px 0 0 0 !important;
}
.flame-data-table > thead > tr > th:last-child,
.flame-data-table > thead > th:last-child,
.flame-data-table.flame-head-row-table > tbody > tr:first-child > th:last-child,
.flame-data-table.flame-head-row-table > tr:first-child > th:last-child{
    border-radius:0 14px 0 0 !important;
}
.flame-data-table > tbody > tr,
.flame-data-table > tr{
    background:rgba(10,11,16,.54) !important;
}
.flame-data-table > tbody > tr:nth-of-type(odd),
.flame-data-table > tr:nth-of-type(odd){
    background:rgba(255,255,255,.026) !important;
}
.flame-data-table > tbody > tr:nth-of-type(even),
.flame-data-table > tr:nth-of-type(even){
    background:rgba(0,0,0,.12) !important;
}
.flame-data-table > tbody > tr:hover,
.flame-data-table > tr:hover{
    background:rgba(251,209,129,.06) !important;
}
.flame-data-table > tbody > tr > td,
.flame-data-table > tbody > tr > th,
.flame-data-table > tr > td,
.flame-data-table > tr > th{
    border-top:1px solid rgba(255,255,255,.035) !important;
    border-bottom:1px solid rgba(0,0,0,.20) !important;
}
.flame-data-table > tbody > tr > td:first-child,
.flame-data-table > tbody > tr > th:first-child,
.flame-data-table > tr > td:first-child,
.flame-data-table > tr > th:first-child{
    border-left:1px solid rgba(183,112,47,.16) !important;
    border-radius:8px 0 0 8px;
}
.flame-data-table > tbody > tr > td:last-child,
.flame-data-table > tbody > tr > th:last-child,
.flame-data-table > tr > td:last-child,
.flame-data-table > tr > th:last-child{
    border-right:1px solid rgba(183,112,47,.16) !important;
    border-radius:0 8px 8px 0;
}
.flame-data-table a:not(.btn){
    color:#fbd181 !important;
}
.flame-data-table a:not(.btn):hover{
    color:#fff4d2 !important;
}
.flame-data-table .btn{
    color:#fff !important;
}
.flame-data-table .btn:hover,
.flame-data-table .btn:focus{
    color:#fff !important;
}
.flame-info-table > tbody > tr > th,
.flame-info-table > tr > th{
    width:34%;
    text-align:left !important;
    color:#f0d58f !important;
    font-weight:700 !important;
    text-transform:none !important;
    letter-spacing:.15px;
}
.flame-info-table > tbody > tr > td,
.flame-info-table > tr > td{
    text-align:left !important;
}
.flame-inline-data-table{
    margin:6px 0 !important;
    border-spacing:0 2px !important;
}
.flame-form-table{
    max-width:680px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
.flame-form-table td:first-child{
    color:#f0d58f !important;
    font-weight:700;
}
.flame-ticket-table{
    text-align:left !important;
    margin-bottom:12px !important;
}
.flame-ticket-table > thead > tr > th,
.flame-ticket-table > thead > th{
    text-align:left !important;
}
.flame-ticket-table > thead > tr > th:last-child,
.flame-ticket-table > thead > th:last-child{
    text-align:right !important;
}
@media (max-width:767.98px){
    .flame-data-table{
        border-spacing:0 3px !important;
    }
    .flame-data-table th,
    .flame-data-table td{
        padding:5px 4px !important;
        font-size:10px !important;
        line-height:1.18 !important;
    }
    .flame-data-table > thead > tr > th,
    .flame-data-table > thead > th,
    .flame-data-table.flame-head-row-table > tbody > tr:first-child > th,
    .flame-data-table.flame-head-row-table > tr:first-child > th{
        padding-top:7px !important;
        padding-bottom:8px !important;
        font-size:10px !important;
        line-height:1.12 !important;
        letter-spacing:.12px;
    }
}

/* v50 Flame account panel modern layout
   Account panel-only styles. No top overview cards, so Account Information does not duplicate values.
   Keeps original Flame CMS typography, avoids wrong-tab refresh flash, and stays separate from rankings/table styles. */
.flame-account-panel-shell{
    width:100%;
}
.flame-account-panel-shell:not(.flame-account-panel-ready){
    display:none;
}
.flame-account-panel-shell.flame-account-panel-ready{
    display:block;
}
.flame-account-panel-shell #acc-panel-tabs .nav-link{
    font-size:inherit!important;
    line-height:inherit!important;
}
.flame-account-panel-modern{
    --flame-account-border:rgba(183,112,47,.28);
    --flame-account-border-soft:rgba(183,112,47,.16);
    --flame-account-gold:#fbd181;
    --flame-account-text:#c5c2d5;
    --flame-account-title:#fff4e5;
    --flame-account-muted:rgba(218,210,228,.78);
    --flame-account-bg-1:rgba(18,19,27,.97);
    --flame-account-bg-2:rgba(8,9,14,.99);
    font-family:inherit;
    font-size:inherit!important;
    line-height:inherit!important;
}
.flame-account-panel-modern *{
    box-sizing:border-box;
}
.flame-account-info-pane{
    padding-top:10px!important;
}
.flame-account-details-table{
    display:block!important;
    width:100%!important;
    margin:0!important;
    border:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    background:transparent!important;
    color:var(--flame-account-text)!important;
    font-size:inherit!important;
    line-height:inherit!important;
    text-align:left!important;
}
.flame-account-details-table tbody{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px 16px;
    width:100%;
}
.flame-account-details-table tr{
    position:relative;
    display:grid!important;
    grid-template-columns:minmax(130px,.38fr) minmax(0,1fr);
    align-items:center;
    min-height:58px;
    border:1px solid var(--flame-account-border)!important;
    border-radius:14px;
    background:linear-gradient(180deg,var(--flame-account-bg-1),var(--flame-account-bg-2))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 1px 0 rgba(0,0,0,.38);
    overflow:hidden;
}
.flame-account-details-table tr:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:3px;
    background:linear-gradient(180deg,rgba(251,209,129,.96),rgba(225,112,45,.86));
}
.flame-account-details-table tr:hover{
    border-color:rgba(251,209,129,.34)!important;
    background:linear-gradient(180deg,rgba(22,23,30,.99),rgba(10,11,16,.99))!important;
}
.flame-account-details-table th,
.flame-account-details-table td{
    display:block!important;
    padding:12px 14px!important;
    border:0!important;
    background:transparent!important;
    vertical-align:middle!important;
    font-size:inherit!important;
    line-height:inherit!important;
    font-weight:normal!important;
    letter-spacing:0!important;
    text-transform:none!important;
    text-align:left!important;
}
.flame-account-details-table th{
    padding-left:17px!important;
    color:var(--flame-account-muted)!important;
    white-space:normal;
}
.flame-account-details-table td{
    color:var(--flame-account-title)!important;
    min-width:0;
    overflow-wrap:anywhere;
}
.flame-account-details-table .btn,
.flame-account-details-table .float-right{
    float:none!important;
}
.flame-account-details-table .btn{
    margin-left:10px;
    vertical-align:middle;
}
.flame-account-panel-modern .btn,
.flame-account-panel-modern .btn-primary,
.flame-account-panel-modern .btn-primary:hover,
.flame-account-panel-modern .btn-primary:focus{
    color:#fff!important;
    font-size:inherit!important;
    line-height:1.5!important;
    text-decoration:none!important;
}
.flame-account-service-table{
    display:block!important;
    width:100%!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    color:var(--flame-account-text)!important;
    font-size:inherit!important;
    line-height:inherit!important;
}
.flame-account-service-table tbody{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    width:100%;
}
.flame-account-service-table tr:first-child{
    display:none!important;
}
.flame-account-service-table tr{
    display:grid!important;
    grid-template-columns:minmax(160px,.55fr) 1fr auto;
    gap:14px;
    align-items:center;
    padding:13px 14px!important;
    border:1px solid var(--flame-account-border)!important;
    border-radius:14px;
    background:linear-gradient(180deg,var(--flame-account-bg-1),var(--flame-account-bg-2))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 1px 0 rgba(0,0,0,.45);
}
.flame-account-service-table tr:hover{
    border-color:rgba(251,209,129,.42)!important;
    background:linear-gradient(180deg,rgba(24,24,31,.98),rgba(10,10,15,.99))!important;
}
.flame-account-service-table td{
    display:block!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:var(--flame-account-text)!important;
    vertical-align:middle!important;
    font-size:inherit!important;
    line-height:inherit!important;
    font-weight:normal!important;
    letter-spacing:0!important;
    text-transform:none!important;
}
.flame-account-service-table td:first-child{
    color:#fff!important;
}
.flame-account-service-table td:nth-child(2){
    justify-self:start;
    display:block!important;
    width:auto!important;
    max-width:100%;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#d8d4e6!important;
}
.flame-account-service-table td:last-child{
    text-align:right!important;
}
.flame-account-service-table .btn{
    white-space:nowrap;
}
@media (max-width:1180px){
    .flame-account-details-table tbody{
        grid-template-columns:1fr;
    }
}
@media (max-width:767.98px){
    .flame-account-details-table th,
    .flame-account-details-table td,
    .flame-account-service-table td,
    .flame-account-service-table .btn,
    .flame-account-panel-shell #acc-panel-tabs .nav-link{
        font-size:inherit!important;
        line-height:inherit!important;
    }
    .flame-account-info-pane{
        padding-top:8px!important;
    }
    .flame-account-details-table tr{
        grid-template-columns:minmax(120px,.40fr) minmax(0,1fr);
        min-height:52px;
    }
    .flame-account-details-table th,
    .flame-account-details-table td{
        padding-top:11px!important;
        padding-bottom:11px!important;
    }
    .flame-account-service-table tr{
        grid-template-columns:1fr;
        gap:8px;
        padding:13px 14px!important;
    }
    .flame-account-service-table td:last-child{
        text-align:left!important;
    }
    .flame-account-service-table .btn{
        width:100%;
    }
}
@media (max-width:560px){
    .flame-account-details-table tr{
        grid-template-columns:1fr;
        gap:0;
        min-height:0;
    }
    .flame-account-details-table th{
        padding:11px 14px 3px 17px!important;
    }
    .flame-account-details-table td{
        padding:2px 14px 11px 17px!important;
    }
    .flame-account-details-table .btn{
        display:inline-block;
        margin-top:7px;
        margin-left:0;
    }
}
@media (max-width:390px){
    .flame-account-details-table tbody{
        gap:8px;
    }
    .flame-account-details-table th,
    .flame-account-details-table td{
        padding-left:14px!important;
        padding-right:11px!important;
    }
    .flame-account-service-table tr{
        padding:12px!important;
    }
}

/* v52 Flame account panel mobile tabs + info width
   Account-panel only. No horizontal tab scroll: mobile tabs wrap into a clean 2-column layout.
   Also gives Account Information cards more usable mobile width without touching rankings/guild tables. */
.flame-account-panel-shell #acc-panel-tabs{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    overflow:visible !important;
}
.flame-account-panel-shell #acc-panel-tabs .nav-item{
    float:none !important;
    flex:0 0 auto;
}
.flame-account-panel-shell #acc-panel-tabs .nav-link{
    white-space:nowrap;
}
@media (max-width:993px){
    .flame-account-page-content{
        padding-left:22px !important;
        padding-right:22px !important;
    }
    .flame-account-panel-shell #acc-panel-tabs{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:7px 8px;
        align-items:stretch !important;
        justify-content:normal !important;
        overflow:visible !important;
        border-bottom:0 !important;
        margin-bottom:18px !important;
        padding:0 !important;
    }
    .flame-account-panel-shell #acc-panel-tabs .nav-item{
        width:100% !important;
        min-width:0 !important;
        flex:initial !important;
        margin:0 !important;
    }
    .flame-account-panel-shell #acc-panel-tabs .nav-link{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:100% !important;
        min-height:46px;
        margin:0 !important;
        padding:9px 8px !important;
        text-align:center !important;
        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        line-height:1.12 !important;
        border:1px solid rgba(251,209,129,.32) !important;
        border-radius:9px !important;
        background:rgba(8,9,14,.72);
    }
    .flame-account-panel-shell #acc-panel-tabs .nav-link.active{
        border-color:#fbd181 !important;
        background:#fbd181 !important;
        color:#000 !important;
    }
    .flame-account-info-pane{
        padding-left:0 !important;
        padding-right:0 !important;
        padding-top:2px !important;
    }
    .flame-account-details-table,
    .flame-account-details-table tbody,
    .flame-account-details-table tr{
        width:100% !important;
        max-width:100% !important;
    }
    .flame-account-details-table tbody{
        gap:10px !important;
    }
    .flame-account-details-table tr{
        grid-template-columns:minmax(128px,.36fr) minmax(0,1fr);
    }
}
@media (max-width:560px){
    .flame-account-page-content{
        padding-left:14px !important;
        padding-right:14px !important;
    }
    .flame-account-panel-shell #acc-panel-tabs{
        gap:6px;
        margin-bottom:15px !important;
    }
    .flame-account-panel-shell #acc-panel-tabs .nav-link{
        min-height:44px;
        padding:8px 6px !important;
    }
    .flame-account-details-table tbody{
        gap:9px !important;
    }
    .flame-account-details-table tr{
        grid-template-columns:1fr;
    }
}
@media (max-width:390px){
    .flame-account-page-content{
        padding-left:10px !important;
        padding-right:10px !important;
    }
    .flame-account-panel-shell #acc-panel-tabs{
        gap:5px;
    }
    .flame-account-panel-shell #acc-panel-tabs .nav-link{
        min-height:42px;
        padding-left:5px !important;
        padding-right:5px !important;
    }
}


/* v53 Flame account details value alignment
   Keeps account detail labels on the left side of each card and pushes values/actions to the right.
   Account-panel scoped only, including mobile. */
.flame-account-details-table tr{
    grid-template-columns:minmax(128px,.34fr) minmax(0,1fr) !important;
}
.flame-account-details-table th{
    text-align:left !important;
    justify-self:start !important;
}
.flame-account-details-table td{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px;
    text-align:right !important;
    justify-self:stretch !important;
    white-space:normal;
}
.flame-account-details-table td .btn,
.flame-account-details-table td a.btn,
.flame-account-details-table td button.btn{
    flex:0 0 auto;
    margin-left:0 !important;
}
@media (max-width:993px){
    .flame-account-details-table tr{
        grid-template-columns:minmax(120px,.34fr) minmax(0,1fr) !important;
    }
}
@media (max-width:560px){
    .flame-account-details-table tr{
        grid-template-columns:minmax(105px,.38fr) minmax(0,1fr) !important;
    }
    .flame-account-details-table th{
        padding:11px 8px 11px 17px !important;
    }
    .flame-account-details-table td{
        padding:11px 14px 11px 8px !important;
    }
    .flame-account-details-table .btn{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        margin-top:0 !important;
    }
}
@media (max-width:390px){
    .flame-account-details-table tr{
        grid-template-columns:minmax(92px,.40fr) minmax(0,1fr) !important;
    }
    .flame-account-details-table th{
        padding-left:14px !important;
        padding-right:6px !important;
    }
    .flame-account-details-table td{
        padding-left:6px !important;
        padding-right:11px !important;
        gap:7px;
    }
}


/* v55 CSS-only rollback for Character/Guild info pages
   Restores the old/best Flame CMS table text, link color and spacing behavior
   only for the existing Flame profile/guild info tables. No account-panel selectors. */
.flame-profile-modern-table.flame-legacy-rankings-table{
    margin-top:0 !important;
    margin-bottom:var(--flame-modern-header-gap, 10px) !important;
    color:#c5c2d5;
    text-align:center;
}
.flame-profile-modern-table.flame-legacy-rankings-table tr th,
.flame-profile-modern-table.flame-legacy-rankings-table tr td{
    border:0px solid #373648!important;
    border-bottom:0px solid #373648;
    padding:5px 5px 5px 5px !important;
    vertical-align:middle;
}
.flame-profile-modern-table.flame-legacy-rankings-table tr th{
    font-weight:normal;
}
.flame-profile-modern-table.flame-legacy-rankings-table > thead > tr{
    background-color:#161616 !important;
    color:#ffffff;
}
.flame-profile-modern-table.flame-legacy-rankings-table tbody tr:nth-of-type(2n+1){
    background-color:rgba(0,0,0,.05) !important;
}
.flame-profile-modern-table.flame-legacy-rankings-table a{
    color:#fbd181;
}
.flame-profile-modern-table + .flame-guild-members-wrap,
.flame-profile-modern-table + .flame-equipment-table-wrap,
.flame-profile-modern-table + .table-responsive,
.flame-profile-modern-table + .table-responsive-sm{
    margin-top:0 !important;
    padding-top:0 !important;
}
.flame-profile-modern-table + .flame-guild-members-wrap > table:first-child,
.flame-profile-modern-table + .table-responsive > table:first-child,
.flame-profile-modern-table + .table-responsive-sm > table:first-child{
    margin-top:0 !important;
}
.flame-guild-members-table.flame-legacy-rankings-table a{
    color:#fbd181;
}

/* v56 Flame profile header names
   Keeps Character/Guild labels in header style, but preserves the real name casing.
   Scoped only to profile modern headers. */
.flame-profile-modern-text .flame-profile-modern-label,
.flame-profile-modern-text .flame-profile-modern-separator{
    text-transform:uppercase;
}
.flame-profile-modern-text .flame-profile-modern-name,
.flame-profile-modern-text a.flame-profile-modern-name{
    color:#fbd181 !important;
    font-size:inherit;
    font-weight:800;
    letter-spacing:.25px;
    line-height:inherit;
    text-transform:none !important;
    text-decoration:none;
}
.flame-profile-modern-text a.flame-profile-modern-name:hover,
.flame-profile-modern-text a.flame-profile-modern-name:focus{
    color:#fff4d2 !important;
    text-decoration:none;
}

/* v58 Flame account panel crisp left edge rail
   Full-height bent yellow edge, close to the card edge, with top and bottom corner caps.
   No glow, no blur, no soft wash. Account panel scoped only. */
.flame-account-details-table tr{
    position:relative !important;
    border:1px solid rgba(183,112,47,.30) !important;
    border-radius:14px !important;
    background:
        linear-gradient(180deg, rgba(17,18,26,.99) 0%, rgba(8,9,14,.995) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        inset 0 0 0 1px rgba(0,0,0,.22),
        0 1px 0 rgba(0,0,0,.42) !important;
    overflow:hidden !important;
}

/* Clean bent rail: vertical left edge + top/bottom corner lines. */
.flame-account-details-table tr:before{
    content:'' !important;
    position:absolute !important;
    left:1px !important;
    top:1px !important;
    bottom:1px !important;
    width:40px !important;
    height:auto !important;
    border:0 !important;
    border-radius:13px 0 0 13px !important;
    background:
        linear-gradient(180deg, rgba(255,229,154,.98) 0%, rgba(251,209,129,.92) 24%, rgba(207,119,51,.92) 100%) left top / 3px 100% no-repeat,
        linear-gradient(90deg, rgba(255,229,154,.98) 0%, rgba(251,209,129,.78) 42%, rgba(251,209,129,0) 100%) left top / 34px 3px no-repeat,
        linear-gradient(90deg, rgba(207,119,51,.95) 0%, rgba(251,209,129,.58) 42%, rgba(251,209,129,0) 100%) left bottom / 34px 3px no-repeat !important;
    box-shadow:none !important;
    clip-path:none !important;
    pointer-events:none !important;
    opacity:1 !important;
    z-index:1;
}

/* Thin inner bevel gives depth without blur. */
.flame-account-details-table tr:after{
    content:'' !important;
    position:absolute !important;
    left:5px !important;
    top:5px !important;
    bottom:5px !important;
    width:1px !important;
    height:auto !important;
    border:0 !important;
    border-radius:0 !important;
    background:rgba(255,229,154,.16) !important;
    box-shadow:none !important;
    clip-path:none !important;
    pointer-events:none !important;
    opacity:1 !important;
    z-index:1;
}

.flame-account-details-table tr:hover{
    border-color:rgba(251,209,129,.44) !important;
    background:linear-gradient(180deg, rgba(20,21,29,.99) 0%, rgba(9,10,15,.995) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        inset 0 0 0 1px rgba(251,209,129,.045),
        0 1px 0 rgba(0,0,0,.46) !important;
}

.flame-account-details-table tr:hover:before{
    background:
        linear-gradient(180deg, rgba(255,236,178,1) 0%, rgba(251,209,129,.98) 24%, rgba(225,133,54,.98) 100%) left top / 3px 100% no-repeat,
        linear-gradient(90deg, rgba(255,236,178,1) 0%, rgba(251,209,129,.88) 42%, rgba(251,209,129,0) 100%) left top / 38px 3px no-repeat,
        linear-gradient(90deg, rgba(225,133,54,.98) 0%, rgba(251,209,129,.70) 42%, rgba(251,209,129,0) 100%) left bottom / 38px 3px no-repeat !important;
}

.flame-account-details-table th,
.flame-account-details-table td{
    position:relative;
    z-index:2;
}
.flame-account-details-table th{
    padding-left:22px !important;
    color:rgba(218,210,228,.84) !important;
}
.flame-account-details-table td{
    color:#fff6ed !important;
}

@media (max-width:560px){
    .flame-account-details-table tr:before{
        left:1px !important;
        top:1px !important;
        bottom:1px !important;
        width:31px !important;
        background:
            linear-gradient(180deg, rgba(255,229,154,.98) 0%, rgba(251,209,129,.92) 24%, rgba(207,119,51,.92) 100%) left top / 2px 100% no-repeat,
            linear-gradient(90deg, rgba(255,229,154,.98) 0%, rgba(251,209,129,.78) 42%, rgba(251,209,129,0) 100%) left top / 25px 2px no-repeat,
            linear-gradient(90deg, rgba(207,119,51,.95) 0%, rgba(251,209,129,.58) 42%, rgba(251,209,129,0) 100%) left bottom / 25px 2px no-repeat !important;
    }
    .flame-account-details-table tr:after{
        left:4px !important;
        top:4px !important;
        bottom:4px !important;
    }
    .flame-account-details-table th{
        padding-left:18px !important;
    }
}

/* v59 Flame account panel refined edge rail
   Refines the nearly-good v58 version:
   - cleaner continuous left rail, closer to the edge
   - sharper top/bottom bent corners
   - crisper full card outline and cleaner text contrast
   Account panel scoped only. */
.flame-account-details-table tr{
    border-color:rgba(186,124,66,.42) !important;
    border-radius:15px !important;
    background:linear-gradient(180deg, rgba(18,19,29,.99) 0%, rgba(7,8,15,.995) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        inset 0 0 0 1px rgba(7,9,16,.52),
        0 1px 0 rgba(0,0,0,.48) !important;
}

.flame-account-details-table tr:before{
    left:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:20px !important;
    height:auto !important;
    background:none !important;
    border-left:3px solid #f7d58c !important;
    border-top:3px solid #f7d58c !important;
    border-bottom:3px solid #d88942 !important;
    border-right:0 !important;
    border-radius:15px 0 0 15px !important;
    box-shadow:none !important;
    pointer-events:none !important;
}

.flame-account-details-table tr:after{
    left:7px !important;
    top:7px !important;
    bottom:7px !important;
    width:1px !important;
    height:auto !important;
    background:rgba(255,234,186,.12) !important;
}

.flame-account-details-table tr:hover{
    border-color:rgba(251,209,129,.54) !important;
    background:linear-gradient(180deg, rgba(21,22,31,.995) 0%, rgba(8,10,16,.998) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        inset 0 0 0 1px rgba(251,209,129,.035),
        0 1px 0 rgba(0,0,0,.52) !important;
}

.flame-account-details-table tr:hover:before{
    background:none !important;
    border-left-color:#fde5ad !important;
    border-top-color:#fde5ad !important;
    border-bottom-color:#e49b58 !important;
}

.flame-account-details-table th{
    padding-left:24px !important;
    color:rgba(223,217,233,.90) !important;
}

.flame-account-details-table td{
    color:#fff7ef !important;
}

@media (max-width:560px){
    .flame-account-details-table tr:before{
        width:16px !important;
        border-left-width:2px !important;
        border-top-width:2px !important;
        border-bottom-width:2px !important;
        border-radius:15px 0 0 15px !important;
    }
    .flame-account-details-table tr:after{
        left:5px !important;
        top:5px !important;
        bottom:5px !important;
    }
    .flame-account-details-table th{
        padding-left:20px !important;
    }
}

/* v60 Flame account panel edge rail final polish
   Based on the liked v59 variant, with requested refinements:
   - bottom end uses the same yellow tone as the rest of the rail
   - removes the thin inner vertical line completely
   - keeps the rail visually attached to the card edge even on hover
   - top and bottom rail ends fade out instead of cutting off sharply */
.flame-account-details-table tr{
    position:relative !important;
    overflow:hidden !important;
}

.flame-account-details-table tr:before{
    content:'' !important;
    position:absolute !important;
    left:-1px !important;
    top:-1px !important;
    bottom:-1px !important;
    width:42px !important;
    height:auto !important;
    border:0 !important;
    border-radius:15px 0 0 15px !important;
    background:
        linear-gradient(180deg, #f7d58c 0%, #f4cf82 100%) left center / 3px calc(100% - 2px) no-repeat,
        linear-gradient(90deg, rgba(247,213,140,1) 0%, rgba(247,213,140,.92) 38%, rgba(247,213,140,.45) 70%, rgba(247,213,140,0) 100%) left top / 36px 3px no-repeat,
        linear-gradient(90deg, rgba(247,213,140,1) 0%, rgba(247,213,140,.92) 38%, rgba(247,213,140,.45) 70%, rgba(247,213,140,0) 100%) left bottom / 36px 3px no-repeat !important;
    box-shadow:none !important;
    pointer-events:none !important;
    z-index:2 !important;
}

.flame-account-details-table tr:after{
    content:none !important;
    display:none !important;
}

.flame-account-details-table tr:hover{
    border-color:rgba(251,209,129,.56) !important;
}

.flame-account-details-table tr:hover:before{
    left:-1px !important;
    top:-1px !important;
    bottom:-1px !important;
    width:42px !important;
    background:
        linear-gradient(180deg, #fde5ad 0%, #f8d893 100%) left center / 3px calc(100% - 2px) no-repeat,
        linear-gradient(90deg, rgba(253,229,173,1) 0%, rgba(253,229,173,.94) 38%, rgba(253,229,173,.48) 70%, rgba(253,229,173,0) 100%) left top / 36px 3px no-repeat,
        linear-gradient(90deg, rgba(253,229,173,1) 0%, rgba(253,229,173,.94) 38%, rgba(253,229,173,.48) 70%, rgba(253,229,173,0) 100%) left bottom / 36px 3px no-repeat !important;
}

@media (max-width:560px){
    .flame-account-details-table tr:before,
    .flame-account-details-table tr:hover:before{
        left:-1px !important;
        top:-1px !important;
        bottom:-1px !important;
        width:32px !important;
        border-radius:15px 0 0 15px !important;
        background:
            linear-gradient(180deg, #f7d58c 0%, #f4cf82 100%) left center / 2px calc(100% - 2px) no-repeat,
            linear-gradient(90deg, rgba(247,213,140,1) 0%, rgba(247,213,140,.92) 38%, rgba(247,213,140,.45) 70%, rgba(247,213,140,0) 100%) left top / 26px 2px no-repeat,
            linear-gradient(90deg, rgba(247,213,140,1) 0%, rgba(247,213,140,.92) 38%, rgba(247,213,140,.45) 70%, rgba(247,213,140,0) 100%) left bottom / 26px 2px no-repeat !important;
    }
    .flame-account-details-table tr:hover:before{
        background:
            linear-gradient(180deg, #fde5ad 0%, #f8d893 100%) left center / 2px calc(100% - 2px) no-repeat,
            linear-gradient(90deg, rgba(253,229,173,1) 0%, rgba(253,229,173,.94) 38%, rgba(253,229,173,.48) 70%, rgba(253,229,173,0) 100%) left top / 26px 2px no-repeat,
            linear-gradient(90deg, rgba(253,229,173,1) 0%, rgba(253,229,173,.94) 38%, rgba(253,229,173,.48) 70%, rgba(253,229,173,0) 100%) left bottom / 26px 2px no-repeat !important;
    }
}

/* v51 Flame rankings unified tables
   All rankings EJS tables now use .flame-rankings-table so legacy ranking/table skins cannot control the visual result. */
.flame-rankings-table-area .flame-rankings-table-wrap,
.flame-rankings-table-area .table-responsive,
.flame-rankings-table-area .table-responsive-sm{
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
    box-sizing:border-box !important;
}
.flame-rankings-table-area .flame-rankings-table,
.flame-rankings-table-area table.flame-rankings-table{
    position:relative !important;
    display:table !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 0 12px !important;
    table-layout:fixed !important;
    border-collapse:separate !important;
    border-spacing:0 3px !important;
    color:#c5c2d5 !important;
    text-align:center !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    font-family:var(--flame-ui-font, 'DINNextW1G','Open Sans',Arial,Helvetica,sans-serif);
}
.flame-rankings-table-area .flame-rankings-table th,
.flame-rankings-table-area .flame-rankings-table td{
    box-sizing:border-box !important;
    vertical-align:middle !important;
    min-width:0 !important;
    border:0 !important;
    background:transparent !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:manual !important;
}
.flame-rankings-table-area .flame-rankings-table > thead > tr > th{
    position:relative !important;
    padding:10px 7px 11px !important;
    color:#fff4e5 !important;
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1.12 !important;
    letter-spacing:.28px !important;
    text-transform:uppercase !important;
    text-align:center !important;
    border:0 !important;
    background:linear-gradient(180deg, rgba(15,18,27,.98), rgba(6,8,14,.99)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035), inset 0 -2px 0 rgba(230,145,65,.92) !important;
    text-shadow:0 2px 0 rgba(0,0,0,.65);
}
.flame-rankings-table-area .flame-rankings-table > thead > tr > th:first-child{
    border-radius:14px 0 0 0 !important;
}
.flame-rankings-table-area .flame-rankings-table > thead > tr > th:last-child{
    border-radius:0 14px 0 0 !important;
}
.flame-rankings-table-area .flame-rankings-table > tbody > tr{
    background:rgba(10,11,16,.54) !important;
}
.flame-rankings-table-area .flame-rankings-table > tbody > tr:nth-of-type(odd){
    background:rgba(255,255,255,.026) !important;
}
.flame-rankings-table-area .flame-rankings-table > tbody > tr:nth-of-type(even){
    background:rgba(0,0,0,.12) !important;
}
.flame-rankings-table-area .flame-rankings-table > tbody > tr:hover{
    background:rgba(251,209,129,.06) !important;
}
.flame-rankings-table-area .flame-rankings-table > tbody > tr > td{
    padding:7px 7px !important;
    border-top:1px solid rgba(255,255,255,.035) !important;
    border-bottom:1px solid rgba(0,0,0,.20) !important;
}
.flame-rankings-table-area .flame-rankings-table > tbody > tr > td:first-child{
    border-left:1px solid rgba(183,112,47,.16) !important;
    border-radius:8px 0 0 8px !important;
}
.flame-rankings-table-area .flame-rankings-table > tbody > tr > td:last-child{
    border-right:1px solid rgba(183,112,47,.16) !important;
    border-radius:0 8px 8px 0 !important;
}
.flame-rankings-table-area .flame-rankings-table a:not(.btn){
    color:#fbd181 !important;
    font-weight:700 !important;
    text-decoration:none !important;
}
.flame-rankings-table-area .flame-rankings-table a:not(.btn):hover,
.flame-rankings-table-area .flame-rankings-table a:not(.btn):focus{
    color:#fff4d2 !important;
    text-decoration:none !important;
}
.flame-rankings-table-area .flame-rankings-table .flame-cell-rank,
.flame-rankings-table-area .flame-rankings-table .flame-cell-score,
.flame-rankings-table-area .flame-rankings-table .flame-cell-win,
.flame-rankings-table-area .flame-rankings-table .flame-cell-lose,
.flame-rankings-table-area .flame-rankings-table .flame-cell-ratio,
.flame-rankings-table-area .flame-rankings-table .flame-cell-votes,
.flame-rankings-table-area .flame-rankings-table .flame-cell-online-time,
.flame-rankings-table-area .flame-rankings-table .flame-cell-pk-count,
.flame-rankings-table-area .flame-rankings-table .flame-cell-pk-level,
.flame-rankings-table-area .flame-rankings-table .flame-cell-pk-time,
.flame-rankings-table-area .flame-rankings-table .flame-cell-master-level,
.flame-rankings-table-area .flame-rankings-table .flame-cell-resets,
.flame-rankings-table-area .flame-rankings-table .flame-cell-contribution,
.flame-rankings-table-area .flame-rankings-table .flame-cell-gens-family,
.flame-rankings-table-area .flame-rankings-table .flame-cell-gens-rank{
    text-align:center !important;
    font-variant-numeric:tabular-nums;
}
.flame-rankings-table-area .flame-rankings-table .flame-cell-name,
.flame-rankings-table-area .flame-rankings-table .flame-cell-last-vote,
.flame-rankings-table-area .flame-rankings-table .flame-cell-gens-rank,
.flame-rankings-table-area .flame-rankings-players-table .flame-cell-player-name,
.flame-rankings-table-area .flame-rankings-players-table .flame-cell-player-class,
.flame-rankings-table-area .flame-rankings-players-table .flame-cell-player-location,
.flame-rankings-table-area .flame-rankings-guilds-table .flame-cell-guild-name,
.flame-rankings-table-area .flame-rankings-guilds-table .flame-cell-guild-master{
    text-align:left !important;
}
.flame-rankings-table-area .flame-rankings-table img{
    display:inline-block !important;
    max-width:24px !important;
    height:auto !important;
    vertical-align:middle !important;
}

/* Generic / event tables */
.flame-rankings-table-area .flame-rankings-basic-table col.flame-col-rank{width:8% !important;}
.flame-rankings-table-area .flame-rankings-basic-table col.flame-col-name{width:62% !important;}
.flame-rankings-table-area .flame-rankings-basic-table col.flame-col-score{width:30% !important;}
.flame-rankings-table-area .flame-rankings-online-table col.flame-col-rank{width:8% !important;}
.flame-rankings-table-area .flame-rankings-online-table col.flame-col-name{width:42% !important;}
.flame-rankings-table-area .flame-rankings-online-table col.flame-col-online-time{width:50% !important;}
.flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-rank{width:7% !important;}
.flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-name{width:32% !important;}
.flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-votes{width:20% !important;}
.flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-last-vote{width:41% !important;}
.flame-rankings-table-area .flame-rankings-duels-table col.flame-col-rank{width:7% !important;}
.flame-rankings-table-area .flame-rankings-duels-table col.flame-col-name{width:39% !important;}
.flame-rankings-table-area .flame-rankings-duels-table col.flame-col-win{width:16% !important;}
.flame-rankings-table-area .flame-rankings-duels-table col.flame-col-lose{width:16% !important;}
.flame-rankings-table-area .flame-rankings-duels-table col.flame-col-ratio{width:22% !important;}
.flame-rankings-table-area .flame-rankings-cc-table col.flame-col-rank{width:7% !important;}
.flame-rankings-table-area .flame-rankings-cc-table col.flame-col-name{width:34% !important;}
.flame-rankings-table-area .flame-rankings-cc-table col.flame-col-score{width:17% !important;}
.flame-rankings-table-area .flame-rankings-cc-table col.flame-col-player-kills{width:21% !important;}
.flame-rankings-table-area .flame-rankings-cc-table col.flame-col-monster-kills{width:21% !important;}
.flame-rankings-table-area .flame-rankings-killer-table col.flame-col-rank{width:6% !important;}
.flame-rankings-table-area .flame-rankings-killer-table col.flame-col-name{width:27% !important;}
.flame-rankings-table-area .flame-rankings-killer-table col.flame-col-pk-count{width:13% !important;}
.flame-rankings-table-area .flame-rankings-killer-table col.flame-col-pk-level{width:13% !important;}
.flame-rankings-table-area .flame-rankings-killer-table col.flame-col-pk-time{width:17% !important;}
.flame-rankings-table-area .flame-rankings-killer-table col.flame-col-master-level{width:10% !important;}
.flame-rankings-table-area .flame-rankings-killer-table col.flame-col-resets{width:14% !important;}
.flame-rankings-table-area .flame-rankings-gens-table col.flame-col-rank{width:7% !important;}
.flame-rankings-table-area .flame-rankings-gens-table col.flame-col-name{width:29% !important;}
.flame-rankings-table-area .flame-rankings-gens-table col.flame-col-contribution{width:23% !important;}
.flame-rankings-table-area .flame-rankings-gens-table col.flame-col-gens-family{width:18% !important;}
.flame-rankings-table-area .flame-rankings-gens-table col.flame-col-gens-rank{width:23% !important;}

/* Gens summary is informational, not a header row table. */
.flame-rankings-table-area .flame-rankings-gens-summary-table{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 10px !important;
    table-layout:fixed !important;
    border-collapse:separate !important;
    border-spacing:0 3px !important;
    color:#c5c2d5 !important;
    background:transparent !important;
}
.flame-rankings-table-area .flame-rankings-gens-summary-table th,
.flame-rankings-table-area .flame-rankings-gens-summary-table td,
.flame-rankings-table-area .flame-rankings-gens-summary-table > tbody > tr:first-child > th{
    padding:8px 6px !important;
    border:0 !important;
    border-top:1px solid rgba(255,255,255,.035) !important;
    border-bottom:1px solid rgba(0,0,0,.20) !important;
    border-radius:0 !important;
    color:#fff4e5 !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.15 !important;
    text-transform:none !important;
    letter-spacing:0 !important;
    background:rgba(10,11,16,.54) !important;
    box-shadow:none !important;
    text-shadow:none !important;
    vertical-align:middle !important;
}
.flame-rankings-table-area .flame-rankings-gens-summary-table .flame-cell-gens-emblem{width:18% !important;}
.flame-rankings-table-area .flame-rankings-gens-summary-table .flame-cell-gens-contribution,
.flame-rankings-table-area .flame-rankings-gens-summary-table .flame-cell-gens-percent{width:32% !important;}
.flame-rankings-table-area .flame-rankings-gens-summary-table img{max-width:42px !important;height:auto !important;}

.flame-rankings-search-box{
    width:350px;
    max-width:100%;
}
.flame-rankings-search-form .form-row{
    margin-left:0 !important;
    margin-right:0 !important;
    gap:8px;
}
.flame-rankings-search-form .col-auto{
    padding-left:0 !important;
    padding-right:0 !important;
}

@media (max-width:767.98px){
    .flame-rankings-table-area .flame-rankings-table > thead > tr > th{
        padding:7px 2px 8px !important;
        font-size:9.2px !important;
        line-height:1.1 !important;
        letter-spacing:-.08px !important;
        white-space:normal !important;
        overflow-wrap:break-word !important;
    }
    .flame-rankings-table-area .flame-rankings-table > tbody > tr > td{
        padding:5px 2px !important;
        font-size:10px !important;
        line-height:1.16 !important;
        letter-spacing:-.04px !important;
    }
    .flame-rankings-table-area .flame-rankings-table a:not(.btn){
        font-weight:700 !important;
    }
    .flame-rankings-table-area .flame-rankings-table img{
        max-width:17px !important;
    }
    .flame-rankings-table-area .flame-rankings-basic-table col.flame-col-rank{width:8% !important;}
    .flame-rankings-table-area .flame-rankings-basic-table col.flame-col-name{width:60% !important;}
    .flame-rankings-table-area .flame-rankings-basic-table col.flame-col-score{width:32% !important;}
    .flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-rank{width:7% !important;}
    .flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-name{width:29% !important;}
    .flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-votes{width:19% !important;}
    .flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-last-vote{width:45% !important;}
    .flame-rankings-table-area .flame-rankings-killer-table col.flame-col-rank{width:6% !important;}
    .flame-rankings-table-area .flame-rankings-killer-table col.flame-col-name{width:24% !important;}
    .flame-rankings-table-area .flame-rankings-killer-table col.flame-col-pk-count{width:13% !important;}
    .flame-rankings-table-area .flame-rankings-killer-table col.flame-col-pk-level{width:13% !important;}
    .flame-rankings-table-area .flame-rankings-killer-table col.flame-col-pk-time{width:18% !important;}
    .flame-rankings-table-area .flame-rankings-killer-table col.flame-col-master-level{width:10% !important;}
    .flame-rankings-table-area .flame-rankings-killer-table col.flame-col-resets{width:16% !important;}
    .flame-rankings-table-area .flame-rankings-gens-summary-table th,
    .flame-rankings-table-area .flame-rankings-gens-summary-table td,
    .flame-rankings-table-area .flame-rankings-gens-summary-table > tbody > tr:first-child > th{
        padding:6px 3px !important;
        font-size:10px !important;
        line-height:1.12 !important;
    }
    .flame-rankings-table-area .flame-rankings-gens-summary-table img{max-width:28px !important;}
    .flame-rankings-search-form .form-row{
        display:flex !important;
        flex-wrap:nowrap !important;
    }
    .flame-rankings-search-form .form-control{
        min-width:0 !important;
    }
}
@media (max-width:380px){
    .flame-rankings-table-area .flame-rankings-table > thead > tr > th{
        padding-left:1px !important;
        padding-right:1px !important;
        font-size:8.25px !important;
        letter-spacing:-.18px !important;
    }
    .flame-rankings-table-area .flame-rankings-table > tbody > tr > td{
        padding-left:1px !important;
        padding-right:1px !important;
        font-size:9px !important;
        letter-spacing:-.16px !important;
    }
    .flame-rankings-table-area .flame-rankings-table img{
        max-width:15px !important;
    }
}


/* v42 Flame rankings readable auto layout
   - restores readable font sizes after the compact test
   - keeps character/guild links yellow, not bold, and a little larger
   - gives every ranking table type its own column balance
   - mobile wraps by words, not by cutting words in the middle */
.flame-rankings-table-area table.flame-rankings-table,
.flame-rankings-table-area .flame-rankings-table{
    width:100% !important;
    max-width:100% !important;
    table-layout:fixed !important;
}
.flame-rankings-table-area .flame-rankings-table th,
.flame-rankings-table-area .flame-rankings-table td{
    font-size:13px !important;
    line-height:1.25 !important;
    padding:8px 7px !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:manual !important;
    text-overflow:clip !important;
}
.flame-rankings-table-area .flame-rankings-table > thead > tr > th{
    font-size:14px !important;
    line-height:1.14 !important;
    padding:10px 7px 11px !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}
.flame-rankings-table-area .flame-rankings-table td a,
.flame-rankings-table-area .flame-rankings-table td span,
.flame-rankings-table-area .flame-rankings-table td small{
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:manual !important;
    text-overflow:clip !important;
}
.flame-rankings-table-area .flame-rankings-table .flame-cell-name a,
.flame-rankings-table-area .flame-rankings-table .flame-cell-player-name a,
.flame-rankings-table-area .flame-rankings-table .flame-cell-guild-name a,
.flame-rankings-table-area .flame-rankings-table .flame-cell-guild-master a{
    color:#fbd181 !important;
    font-weight:500 !important;
    font-size:1.08em !important;
    letter-spacing:.03em !important;
    text-shadow:0 1px 0 rgba(0,0,0,.55) !important;
}
.flame-rankings-table-area .flame-rankings-table .flame-cell-name a:hover,
.flame-rankings-table-area .flame-rankings-table .flame-cell-player-name a:hover,
.flame-rankings-table-area .flame-rankings-table .flame-cell-guild-name a:hover,
.flame-rankings-table-area .flame-rankings-table .flame-cell-guild-master a:hover{
    color:#ffe4a8 !important;
}
.flame-rankings-table-area .flame-rankings-table .flame-cell-rank,
.flame-rankings-table-area .flame-rankings-table .flame-cell-score,
.flame-rankings-table-area .flame-rankings-table .flame-cell-votes,
.flame-rankings-table-area .flame-rankings-table .flame-cell-win,
.flame-rankings-table-area .flame-rankings-table .flame-cell-lose,
.flame-rankings-table-area .flame-rankings-table .flame-cell-ratio,
.flame-rankings-table-area .flame-rankings-table .flame-cell-pk-count,
.flame-rankings-table-area .flame-rankings-table .flame-cell-pk-level,
.flame-rankings-table-area .flame-rankings-table .flame-cell-master-level,
.flame-rankings-table-area .flame-rankings-table .flame-cell-resets,
.flame-rankings-table-area .flame-rankings-table .flame-cell-player-level,
.flame-rankings-table-area .flame-rankings-table .flame-cell-player-resets,
.flame-rankings-table-area .flame-rankings-table .flame-cell-guild-score,
.flame-rankings-table-area .flame-rankings-table .flame-cell-guild-metric,
.flame-rankings-table-area .flame-rankings-table .flame-cell-guild-members,
.flame-rankings-table-area .flame-rankings-table .flame-cell-guild-mark{
    white-space:nowrap !important;
    font-variant-numeric:tabular-nums;
}

/* 3-column event rankings: Blood Castle / Devil Square */
.flame-rankings-table-area .flame-rankings-basic-table col.flame-col-rank{width:8% !important;}
.flame-rankings-table-area .flame-rankings-basic-table col.flame-col-name{width:58% !important;}
.flame-rankings-table-area .flame-rankings-basic-table col.flame-col-score{width:34% !important;}

/* Online time */
.flame-rankings-table-area .flame-rankings-online-table col.flame-col-rank{width:8% !important;}
.flame-rankings-table-area .flame-rankings-online-table col.flame-col-name{width:38% !important;}
.flame-rankings-table-area .flame-rankings-online-table col.flame-col-online-time{width:54% !important;}

/* Vote reward */
.flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-rank{width:7% !important;}
.flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-name{width:30% !important;}
.flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-votes{width:18% !important;}
.flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-last-vote{width:45% !important;}

/* Duels */
.flame-rankings-table-area .flame-rankings-duels-table col.flame-col-rank{width:7% !important;}
.flame-rankings-table-area .flame-rankings-duels-table col.flame-col-name{width:38% !important;}
.flame-rankings-table-area .flame-rankings-duels-table col.flame-col-win{width:16% !important;}
.flame-rankings-table-area .flame-rankings-duels-table col.flame-col-lose{width:16% !important;}
.flame-rankings-table-area .flame-rankings-duels-table col.flame-col-ratio{width:23% !important;}

/* Chaos Castle, balanced for optional Player/Monster Kills columns */
.flame-rankings-table-area .flame-rankings-cc-table:not(.flame-rankings-cc-has-player-kills):not(.flame-rankings-cc-has-monster-kills) col.flame-col-rank{width:8% !important;}
.flame-rankings-table-area .flame-rankings-cc-table:not(.flame-rankings-cc-has-player-kills):not(.flame-rankings-cc-has-monster-kills) col.flame-col-name{width:56% !important;}
.flame-rankings-table-area .flame-rankings-cc-table:not(.flame-rankings-cc-has-player-kills):not(.flame-rankings-cc-has-monster-kills) col.flame-col-score{width:36% !important;}
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-player-kills.flame-rankings-cc-has-monster-kills col.flame-col-rank{width:6% !important;}
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-player-kills.flame-rankings-cc-has-monster-kills col.flame-col-name{width:32% !important;}
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-player-kills.flame-rankings-cc-has-monster-kills col.flame-col-score{width:15% !important;}
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-player-kills.flame-rankings-cc-has-monster-kills col.flame-col-player-kills{width:22% !important;}
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-player-kills.flame-rankings-cc-has-monster-kills col.flame-col-monster-kills{width:25% !important;}
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-player-kills:not(.flame-rankings-cc-has-monster-kills) col.flame-col-rank,
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-monster-kills:not(.flame-rankings-cc-has-player-kills) col.flame-col-rank{width:7% !important;}
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-player-kills:not(.flame-rankings-cc-has-monster-kills) col.flame-col-name,
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-monster-kills:not(.flame-rankings-cc-has-player-kills) col.flame-col-name{width:40% !important;}
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-player-kills:not(.flame-rankings-cc-has-monster-kills) col.flame-col-score,
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-monster-kills:not(.flame-rankings-cc-has-player-kills) col.flame-col-score{width:20% !important;}
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-player-kills:not(.flame-rankings-cc-has-monster-kills) col.flame-col-player-kills,
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-monster-kills:not(.flame-rankings-cc-has-player-kills) col.flame-col-monster-kills{width:33% !important;}

/* Top killers, balanced for optional ML/Resets columns */
.flame-rankings-table-area .flame-rankings-killer-table:not(.flame-rankings-killer-has-ml):not(.flame-rankings-killer-has-resets) col.flame-col-rank{width:7% !important;}
.flame-rankings-table-area .flame-rankings-killer-table:not(.flame-rankings-killer-has-ml):not(.flame-rankings-killer-has-resets) col.flame-col-name{width:34% !important;}
.flame-rankings-table-area .flame-rankings-killer-table:not(.flame-rankings-killer-has-ml):not(.flame-rankings-killer-has-resets) col.flame-col-pk-count{width:17% !important;}
.flame-rankings-table-area .flame-rankings-killer-table:not(.flame-rankings-killer-has-ml):not(.flame-rankings-killer-has-resets) col.flame-col-pk-level{width:17% !important;}
.flame-rankings-table-area .flame-rankings-killer-table:not(.flame-rankings-killer-has-ml):not(.flame-rankings-killer-has-resets) col.flame-col-pk-time{width:25% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml.flame-rankings-killer-has-resets col.flame-col-rank{width:6% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml.flame-rankings-killer-has-resets col.flame-col-name{width:24% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml.flame-rankings-killer-has-resets col.flame-col-pk-count{width:12% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml.flame-rankings-killer-has-resets col.flame-col-pk-level{width:12% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml.flame-rankings-killer-has-resets col.flame-col-pk-time{width:18% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml.flame-rankings-killer-has-resets col.flame-col-master-level{width:12% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml.flame-rankings-killer-has-resets col.flame-col-resets{width:16% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml:not(.flame-rankings-killer-has-resets) col.flame-col-rank,
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-resets:not(.flame-rankings-killer-has-ml) col.flame-col-rank{width:6% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml:not(.flame-rankings-killer-has-resets) col.flame-col-name,
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-resets:not(.flame-rankings-killer-has-ml) col.flame-col-name{width:28% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml:not(.flame-rankings-killer-has-resets) col.flame-col-pk-count,
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-resets:not(.flame-rankings-killer-has-ml) col.flame-col-pk-count{width:14% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml:not(.flame-rankings-killer-has-resets) col.flame-col-pk-level,
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-resets:not(.flame-rankings-killer-has-ml) col.flame-col-pk-level{width:14% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml:not(.flame-rankings-killer-has-resets) col.flame-col-pk-time,
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-resets:not(.flame-rankings-killer-has-ml) col.flame-col-pk-time{width:22% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml:not(.flame-rankings-killer-has-resets) col.flame-col-master-level,
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-resets:not(.flame-rankings-killer-has-ml) col.flame-col-resets{width:16% !important;}

/* Gens */
.flame-rankings-table-area .flame-rankings-gens-summary-table td,
.flame-rankings-table-area .flame-rankings-gens-summary-table th{
    font-size:13px !important;
    line-height:1.22 !important;
}
.flame-rankings-table-area .flame-rankings-gens-table col.flame-col-rank{width:6% !important;}
.flame-rankings-table-area .flame-rankings-gens-table col.flame-col-name{width:27% !important;}
.flame-rankings-table-area .flame-rankings-gens-table col.flame-col-contribution{width:22% !important;}
.flame-rankings-table-area .flame-rankings-gens-table col.flame-col-gens-family{width:16% !important;}
.flame-rankings-table-area .flame-rankings-gens-table col.flame-col-gens-rank{width:29% !important;}

/* Top players */
.flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-rank{width:6% !important;}
.flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-name{width:22% !important;}
.flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-class{width:24% !important;}
.flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-level{width:10% !important;}
.flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-resets{width:11% !important;}
.flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-location{width:27% !important;}
.flame-rankings-table-area .flame-rankings-players-table:not(.flame-rankings-players-has-resets) col.flame-col-rank{width:6% !important;}
.flame-rankings-table-area .flame-rankings-players-table:not(.flame-rankings-players-has-resets) col.flame-col-player-name{width:25% !important;}
.flame-rankings-table-area .flame-rankings-players-table:not(.flame-rankings-players-has-resets) col.flame-col-player-class{width:27% !important;}
.flame-rankings-table-area .flame-rankings-players-table:not(.flame-rankings-players-has-resets) col.flame-col-player-level{width:11% !important;}
.flame-rankings-table-area .flame-rankings-players-table:not(.flame-rankings-players-has-resets) col.flame-col-player-location{width:31% !important;}

/* Guild rankings */
.flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-rank{width:6% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-name{width:22% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-master{width:21% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-score{width:10% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-metric{width:14% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-members{width:15% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-mark{width:12% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table:not(.flame-rankings-guilds-has-metric) col.flame-col-rank{width:6% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table:not(.flame-rankings-guilds-has-metric) col.flame-col-guild-name{width:27% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table:not(.flame-rankings-guilds-has-metric) col.flame-col-guild-master{width:25% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table:not(.flame-rankings-guilds-has-metric) col.flame-col-guild-score{width:13% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table:not(.flame-rankings-guilds-has-metric) col.flame-col-guild-members{width:17% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table:not(.flame-rankings-guilds-has-metric) col.flame-col-guild-mark{width:12% !important;}

@media (max-width:767.98px){
    .flame-rankings-page-content{
        padding-left:3px !important;
        padding-right:3px !important;
    }
    .flame-rankings-table-area .flame-rankings-table th,
    .flame-rankings-table-area .flame-rankings-table td{
        padding:7px 3px !important;
        font-size:11.7px !important;
        line-height:1.18 !important;
        letter-spacing:0 !important;
        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        hyphens:manual !important;
    }
    .flame-rankings-table-area .flame-rankings-table > thead > tr > th{
        padding:8px 3px 9px !important;
        font-size:11.2px !important;
        line-height:1.12 !important;
        letter-spacing:.05px !important;
    }
    .flame-rankings-table-area .flame-rankings-table .flame-cell-name a,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-player-name a,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-guild-name a,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-guild-master a{
        font-size:1.06em !important;
        font-weight:500 !important;
        letter-spacing:.01em !important;
    }
    .flame-rankings-table-area .flame-rankings-table .flame-cell-player-class,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-player-location,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-online-time,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-last-vote,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-gens-rank{
        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
    }
    .flame-rankings-table-area .flame-rankings-table img,
    .flame-rankings-table-area .rankings-player-class-img{
        max-width:18px !important;
        height:auto !important;
    }
    .flame-rankings-table-area .flame-rankings-guilds-table .flame-cell-guild-mark img{
        max-width:18px !important;
    }
}
@media (max-width:380px){
    .flame-rankings-table-area .flame-rankings-table th,
    .flame-rankings-table-area .flame-rankings-table td{
        padding-left:2px !important;
        padding-right:2px !important;
        font-size:11.1px !important;
        line-height:1.16 !important;
    }
    .flame-rankings-table-area .flame-rankings-table > thead > tr > th{
        font-size:10.5px !important;
        line-height:1.1 !important;
    }
    .flame-rankings-table-area .flame-rankings-table .flame-cell-name a,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-player-name a,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-guild-name a,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-guild-master a{
        font-size:1.05em !important;
    }
}

/* v43 Flame rankings font restore
   Restore original readable 18px data font size. Layout stays responsive by wrapping text on word boundaries, not by shrinking table data. */
.flame-rankings-table-area .flame-rankings-table > tbody > tr > td,
.flame-rankings-table-area .flame-rankings-gens-summary-table > tbody > tr > td{
    font-size:18px !important;
    line-height:1.22 !important;
    padding:8px 7px !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:manual !important;
    text-overflow:clip !important;
}
.flame-rankings-table-area .flame-rankings-table > tbody > tr > td a,
.flame-rankings-table-area .flame-rankings-table > tbody > tr > td span,
.flame-rankings-table-area .flame-rankings-table > tbody > tr > td small,
.flame-rankings-table-area .flame-rankings-gens-summary-table > tbody > tr > td a,
.flame-rankings-table-area .flame-rankings-gens-summary-table > tbody > tr > td span,
.flame-rankings-table-area .flame-rankings-gens-summary-table > tbody > tr > td small{
    font-size:inherit !important;
    line-height:inherit !important;
}
.flame-rankings-table-area .flame-rankings-table .flame-cell-name a,
.flame-rankings-table-area .flame-rankings-table .flame-cell-player-name a,
.flame-rankings-table-area .flame-rankings-table .flame-cell-guild-name a,
.flame-rankings-table-area .flame-rankings-table .flame-cell-guild-master a{
    font-size:19px !important;
    font-weight:500 !important;
    color:#fbd181 !important;
    letter-spacing:.01em !important;
}
.flame-rankings-table-area .flame-rankings-table > thead > tr > th,
.flame-rankings-table-area .flame-rankings-gens-summary-table > thead > tr > th,
.flame-rankings-table-area .flame-rankings-gens-summary-table > tbody > tr:first-child > th{
    font-size:14px !important;
    line-height:1.14 !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}
@media (max-width:767.98px){
    .flame-rankings-table-area .flame-rankings-table > tbody > tr > td,
    .flame-rankings-table-area .flame-rankings-gens-summary-table > tbody > tr > td{
        font-size:18px !important;
        line-height:1.16 !important;
        padding:6px 3px !important;
        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        hyphens:manual !important;
    }
    .flame-rankings-table-area .flame-rankings-table .flame-cell-name a,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-player-name a,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-guild-name a,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-guild-master a{
        font-size:19px !important;
        font-weight:500 !important;
    }
    .flame-rankings-table-area .flame-rankings-table > thead > tr > th,
    .flame-rankings-table-area .flame-rankings-gens-summary-table > thead > tr > th,
    .flame-rankings-table-area .flame-rankings-gens-summary-table > tbody > tr:first-child > th{
        font-size:13px !important;
        line-height:1.12 !important;
        padding:7px 3px 8px !important;
    }
}
@media (max-width:380px){
    .flame-rankings-table-area .flame-rankings-table > tbody > tr > td,
    .flame-rankings-table-area .flame-rankings-gens-summary-table > tbody > tr > td{
        font-size:18px !important;
        line-height:1.14 !important;
        padding-left:2px !important;
        padding-right:2px !important;
    }
    .flame-rankings-table-area .flame-rankings-table .flame-cell-name a,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-player-name a,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-guild-name a,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-guild-master a{
        font-size:19px !important;
    }
}


/* v59 Flame rankings final table balance
   Screenshot pass: centered column data, 18px readable data font, 18px character/guild names,
   balanced colgroups per ranking type, and safer mobile wrapping without text overlap. */
.flame-rankings-table-area .flame-rankings-table-wrap,
.flame-rankings-table-area .table-responsive,
.flame-rankings-table-area .table-responsive-sm{
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
    box-sizing:border-box !important;
}
.flame-rankings-table-area table.flame-rankings-table,
.flame-rankings-table-area .flame-rankings-table{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
    border-collapse:separate !important;
    border-spacing:0 3px !important;
}
.flame-rankings-table-area .flame-rankings-table th,
.flame-rankings-table-area .flame-rankings-table td{
    box-sizing:border-box !important;
    min-width:0 !important;
    text-align:center !important;
    vertical-align:middle !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:manual !important;
    text-overflow:clip !important;
}
.flame-rankings-table-area .flame-rankings-table > tbody > tr > td{
    font-size:18px !important;
    line-height:1.22 !important;
    padding:8px 7px !important;
    overflow:hidden !important;
}
.flame-rankings-table-area .flame-rankings-table > thead > tr > th{
    font-size:14px !important;
    line-height:1.14 !important;
    padding:10px 7px 11px !important;
    overflow:visible !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}
.flame-rankings-table-area .flame-rankings-table .flame-cell-name,
.flame-rankings-table-area .flame-rankings-table .flame-cell-player-name,
.flame-rankings-table-area .flame-rankings-table .flame-cell-player-class,
.flame-rankings-table-area .flame-rankings-table .flame-cell-player-location,
.flame-rankings-table-area .flame-rankings-table .flame-cell-last-vote,
.flame-rankings-table-area .flame-rankings-table .flame-cell-gens-rank,
.flame-rankings-table-area .flame-rankings-table .flame-cell-guild-name,
.flame-rankings-table-area .flame-rankings-table .flame-cell-guild-master{
    text-align:center !important;
}
.flame-rankings-table-area .flame-rankings-table > tbody > tr > td a,
.flame-rankings-table-area .flame-rankings-table > tbody > tr > td span,
.flame-rankings-table-area .flame-rankings-table > tbody > tr > td small{
    max-width:100% !important;
    font-size:inherit !important;
    line-height:inherit !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:manual !important;
    text-overflow:clip !important;
}
.flame-rankings-table-area .flame-rankings-table .flame-cell-name a,
.flame-rankings-table-area .flame-rankings-table .flame-cell-player-name a,
.flame-rankings-table-area .flame-rankings-table .flame-cell-guild-name a,
.flame-rankings-table-area .flame-rankings-table .flame-cell-guild-master a{
    display:block !important;
    max-width:100% !important;
    margin:0 auto !important;
    color:#fbd181 !important;
    font-size:18px !important;
    font-weight:500 !important;
    letter-spacing:.01em !important;
    line-height:1.18 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    hyphens:manual !important;
}
.flame-rankings-table-area .flame-rankings-table .flame-cell-rank,
.flame-rankings-table-area .flame-rankings-table .flame-cell-score,
.flame-rankings-table-area .flame-rankings-table .flame-cell-votes,
.flame-rankings-table-area .flame-rankings-table .flame-cell-win,
.flame-rankings-table-area .flame-rankings-table .flame-cell-lose,
.flame-rankings-table-area .flame-rankings-table .flame-cell-ratio,
.flame-rankings-table-area .flame-rankings-table .flame-cell-pk-count,
.flame-rankings-table-area .flame-rankings-table .flame-cell-pk-level,
.flame-rankings-table-area .flame-rankings-table .flame-cell-pk-time,
.flame-rankings-table-area .flame-rankings-table .flame-cell-master-level,
.flame-rankings-table-area .flame-rankings-table .flame-cell-resets,
.flame-rankings-table-area .flame-rankings-table .flame-cell-contribution,
.flame-rankings-table-area .flame-rankings-table .flame-cell-gens-family,
.flame-rankings-table-area .flame-rankings-table .flame-cell-player-level,
.flame-rankings-table-area .flame-rankings-table .flame-cell-player-resets,
.flame-rankings-table-area .flame-rankings-table .flame-cell-guild-score,
.flame-rankings-table-area .flame-rankings-table .flame-cell-guild-metric,
.flame-rankings-table-area .flame-rankings-table .flame-cell-guild-members,
.flame-rankings-table-area .flame-rankings-table .flame-cell-guild-mark{
    white-space:nowrap !important;
    font-variant-numeric:tabular-nums;
}
.flame-rankings-table-area .flame-rankings-table .flame-cell-player-class,
.flame-rankings-table-area .flame-rankings-table .flame-cell-player-location,
.flame-rankings-table-area .flame-rankings-table .flame-cell-online-time,
.flame-rankings-table-area .flame-rankings-table .flame-cell-last-vote,
.flame-rankings-table-area .flame-rankings-table .flame-cell-gens-rank,
.flame-rankings-table-area .flame-rankings-table .flame-cell-pk-level{
    white-space:normal !important;
    overflow-wrap:break-word !important;
}
.flame-rankings-table-area .flame-rankings-table .flame-rankings-desktop-space{display:inline !important;}
.flame-rankings-table-area .flame-rankings-table .flame-rankings-mobile-br{display:none !important;}

/* Desktop/tablet column balance from screenshots */
.flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-rank{width:6% !important;}
.flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-name{width:23% !important;}
.flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-class{width:24% !important;}
.flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-level{width:10% !important;}
.flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-resets{width:11% !important;}
.flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-location{width:26% !important;}
.flame-rankings-table-area .flame-rankings-players-table:not(.flame-rankings-players-has-resets) col.flame-col-rank{width:6% !important;}
.flame-rankings-table-area .flame-rankings-players-table:not(.flame-rankings-players-has-resets) col.flame-col-player-name{width:25% !important;}
.flame-rankings-table-area .flame-rankings-players-table:not(.flame-rankings-players-has-resets) col.flame-col-player-class{width:26% !important;}
.flame-rankings-table-area .flame-rankings-players-table:not(.flame-rankings-players-has-resets) col.flame-col-player-level{width:11% !important;}
.flame-rankings-table-area .flame-rankings-players-table:not(.flame-rankings-players-has-resets) col.flame-col-player-location{width:32% !important;}

.flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-rank{width:6% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-name{width:20% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-master{width:20% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-score{width:10% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-metric{width:15% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-members{width:17% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-mark{width:12% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table:not(.flame-rankings-guilds-has-metric) col.flame-col-rank{width:6% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table:not(.flame-rankings-guilds-has-metric) col.flame-col-guild-name{width:24% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table:not(.flame-rankings-guilds-has-metric) col.flame-col-guild-master{width:24% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table:not(.flame-rankings-guilds-has-metric) col.flame-col-guild-score{width:12% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table:not(.flame-rankings-guilds-has-metric) col.flame-col-guild-members{width:20% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table:not(.flame-rankings-guilds-has-metric) col.flame-col-guild-mark{width:14% !important;}
.flame-rankings-table-area .flame-rankings-guilds-table .flame-cell-guild-mark img{max-width:24px !important;height:auto !important;}

.flame-rankings-table-area .flame-rankings-killer-table:not(.flame-rankings-killer-has-ml):not(.flame-rankings-killer-has-resets) col.flame-col-rank{width:7% !important;}
.flame-rankings-table-area .flame-rankings-killer-table:not(.flame-rankings-killer-has-ml):not(.flame-rankings-killer-has-resets) col.flame-col-name{width:33% !important;}
.flame-rankings-table-area .flame-rankings-killer-table:not(.flame-rankings-killer-has-ml):not(.flame-rankings-killer-has-resets) col.flame-col-pk-count{width:16% !important;}
.flame-rankings-table-area .flame-rankings-killer-table:not(.flame-rankings-killer-has-ml):not(.flame-rankings-killer-has-resets) col.flame-col-pk-level{width:18% !important;}
.flame-rankings-table-area .flame-rankings-killer-table:not(.flame-rankings-killer-has-ml):not(.flame-rankings-killer-has-resets) col.flame-col-pk-time{width:26% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml.flame-rankings-killer-has-resets col.flame-col-rank{width:6% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml.flame-rankings-killer-has-resets col.flame-col-name{width:26% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml.flame-rankings-killer-has-resets col.flame-col-pk-count{width:12% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml.flame-rankings-killer-has-resets col.flame-col-pk-level{width:15% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml.flame-rankings-killer-has-resets col.flame-col-pk-time{width:14% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml.flame-rankings-killer-has-resets col.flame-col-master-level{width:13% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml.flame-rankings-killer-has-resets col.flame-col-resets{width:14% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml:not(.flame-rankings-killer-has-resets) col.flame-col-rank,
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-resets:not(.flame-rankings-killer-has-ml) col.flame-col-rank{width:6% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml:not(.flame-rankings-killer-has-resets) col.flame-col-name,
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-resets:not(.flame-rankings-killer-has-ml) col.flame-col-name{width:31% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml:not(.flame-rankings-killer-has-resets) col.flame-col-pk-count,
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-resets:not(.flame-rankings-killer-has-ml) col.flame-col-pk-count{width:14% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml:not(.flame-rankings-killer-has-resets) col.flame-col-pk-level,
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-resets:not(.flame-rankings-killer-has-ml) col.flame-col-pk-level{width:16% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml:not(.flame-rankings-killer-has-resets) col.flame-col-pk-time,
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-resets:not(.flame-rankings-killer-has-ml) col.flame-col-pk-time{width:20% !important;}
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-ml:not(.flame-rankings-killer-has-resets) col.flame-col-master-level,
.flame-rankings-table-area .flame-rankings-killer-table.flame-rankings-killer-has-resets:not(.flame-rankings-killer-has-ml) col.flame-col-resets{width:13% !important;}

.flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-rank{width:7% !important;}
.flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-name{width:32% !important;}
.flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-votes{width:23% !important;}
.flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-last-vote{width:38% !important;}
.flame-rankings-table-area .flame-rankings-online-table col.flame-col-rank{width:7% !important;}
.flame-rankings-table-area .flame-rankings-online-table col.flame-col-name{width:36% !important;}
.flame-rankings-table-area .flame-rankings-online-table col.flame-col-online-time{width:57% !important;}
.flame-rankings-table-area .flame-rankings-gens-table col.flame-col-rank{width:6% !important;}
.flame-rankings-table-area .flame-rankings-gens-table col.flame-col-name{width:28% !important;}
.flame-rankings-table-area .flame-rankings-gens-table col.flame-col-contribution{width:23% !important;}
.flame-rankings-table-area .flame-rankings-gens-table col.flame-col-gens-family{width:17% !important;}
.flame-rankings-table-area .flame-rankings-gens-table col.flame-col-gens-rank{width:26% !important;}
.flame-rankings-table-area .flame-rankings-basic-table col.flame-col-rank{width:7% !important;}
.flame-rankings-table-area .flame-rankings-basic-table col.flame-col-name{width:46% !important;}
.flame-rankings-table-area .flame-rankings-basic-table col.flame-col-score{width:47% !important;}
.flame-rankings-table-area .flame-rankings-duels-table col.flame-col-rank{width:7% !important;}
.flame-rankings-table-area .flame-rankings-duels-table col.flame-col-name{width:41% !important;}
.flame-rankings-table-area .flame-rankings-duels-table col.flame-col-win{width:17% !important;}
.flame-rankings-table-area .flame-rankings-duels-table col.flame-col-lose{width:17% !important;}
.flame-rankings-table-area .flame-rankings-duels-table col.flame-col-ratio{width:18% !important;}
.flame-rankings-table-area .flame-rankings-cc-table:not(.flame-rankings-cc-has-player-kills):not(.flame-rankings-cc-has-monster-kills) col.flame-col-rank{width:7% !important;}
.flame-rankings-table-area .flame-rankings-cc-table:not(.flame-rankings-cc-has-player-kills):not(.flame-rankings-cc-has-monster-kills) col.flame-col-name{width:46% !important;}
.flame-rankings-table-area .flame-rankings-cc-table:not(.flame-rankings-cc-has-player-kills):not(.flame-rankings-cc-has-monster-kills) col.flame-col-score{width:47% !important;}
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-player-kills.flame-rankings-cc-has-monster-kills col.flame-col-rank{width:6% !important;}
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-player-kills.flame-rankings-cc-has-monster-kills col.flame-col-name{width:30% !important;}
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-player-kills.flame-rankings-cc-has-monster-kills col.flame-col-score{width:14% !important;}
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-player-kills.flame-rankings-cc-has-monster-kills col.flame-col-player-kills{width:24% !important;}
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-player-kills.flame-rankings-cc-has-monster-kills col.flame-col-monster-kills{width:26% !important;}
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-player-kills:not(.flame-rankings-cc-has-monster-kills) col.flame-col-rank,
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-monster-kills:not(.flame-rankings-cc-has-player-kills) col.flame-col-rank{width:7% !important;}
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-player-kills:not(.flame-rankings-cc-has-monster-kills) col.flame-col-name,
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-monster-kills:not(.flame-rankings-cc-has-player-kills) col.flame-col-name{width:40% !important;}
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-player-kills:not(.flame-rankings-cc-has-monster-kills) col.flame-col-score,
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-monster-kills:not(.flame-rankings-cc-has-player-kills) col.flame-col-score{width:18% !important;}
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-player-kills:not(.flame-rankings-cc-has-monster-kills) col.flame-col-player-kills,
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-cc-has-monster-kills:not(.flame-rankings-cc-has-player-kills) col.flame-col-monster-kills{width:35% !important;}

@media (max-width:575.98px){
    .flame-rankings-page-content{
        padding-left:3px !important;
        padding-right:3px !important;
    }
    .flame-rankings-table-area .flame-rankings-table > tbody > tr > td{
        font-size:clamp(12.4px, 3.25vw, 18px) !important;
        line-height:1.16 !important;
        padding:6px 2px !important;
        letter-spacing:0 !important;
    }
    .flame-rankings-table-area .flame-rankings-table .flame-cell-name a,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-player-name a,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-guild-name a,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-guild-master a{
        font-size:clamp(13px, 3.65vw, 18px) !important;
        line-height:1.14 !important;
    }
    .flame-rankings-table-area .flame-rankings-table > thead > tr > th{
        font-size:clamp(10.2px, 2.85vw, 14px) !important;
        line-height:1.08 !important;
        padding:7px 2px 8px !important;
        letter-spacing:0 !important;
    }
    .flame-rankings-table-area .flame-rankings-table .flame-rankings-desktop-space{display:none !important;}
    .flame-rankings-table-area .flame-rankings-table .flame-rankings-mobile-br{display:block !important;}
    .flame-rankings-table-area .flame-rankings-table .flame-cell-player-class,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-player-location,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-online-time,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-last-vote,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-gens-rank,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-pk-level{
        overflow-wrap:anywhere !important;
        word-break:break-word !important;
    }
    .flame-rankings-table-area .flame-rankings-table img,
    .flame-rankings-table-area .rankings-player-class-img{max-width:18px !important;height:auto !important;}
    .flame-rankings-table-area .flame-rankings-guilds-table .flame-cell-guild-mark img{max-width:18px !important;}

    .flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-rank{width:6% !important;}
    .flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-name{width:24% !important;}
    .flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-class{width:23% !important;}
    .flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-level{width:10% !important;}
    .flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-resets{width:10% !important;}
    .flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-location{width:27% !important;}
    .flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-rank{width:6% !important;}
    .flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-name{width:20% !important;}
    .flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-master{width:20% !important;}
    .flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-score{width:10% !important;}
    .flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-metric{width:15% !important;}
    .flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-members{width:17% !important;}
    .flame-rankings-table-area .flame-rankings-guilds-table.flame-rankings-guilds-has-metric col.flame-col-guild-mark{width:12% !important;}
}


/* v60 Flame rankings mobile word-wrap + Gens visual polish */
.flame-rankings-table-area .flame-rankings-mobile-word-stack{
    display:inline-block !important;
    max-width:100% !important;
    white-space:normal !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;
    line-height:inherit !important;
    text-align:inherit !important;
}
.flame-rankings-table-area .flame-rankings-gens-summary-table .flame-cell-gens-contribution,
.flame-rankings-table-area .flame-rankings-gens-summary-table .flame-cell-gens-percent{
    font-weight:400 !important;
}
.flame-rankings-table-area .flame-rankings-gens-summary-table .flame-cell-gens-emblem img{
    max-width:52px !important;
    width:auto !important;
    height:auto !important;
}
.flame-rankings-table-area .flame-rankings-gens-table .flame-cell-gens-family img{
    max-width:24px !important;
    width:auto !important;
    height:auto !important;
    vertical-align:middle !important;
}
@media (max-width:575.98px){
    .flame-rankings-table-area .flame-rankings-table .flame-cell-player-class,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-player-location,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-online-time,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-last-vote,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-gens-rank,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-pk-level{
        white-space:normal !important;
        word-break:keep-all !important;
        overflow-wrap:normal !important;
        hyphens:manual !important;
    }
    .flame-rankings-table-area .flame-rankings-table .flame-rankings-mobile-word-stack{
        white-space:normal !important;
        word-break:keep-all !important;
        overflow-wrap:normal !important;
    }
    .flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-name{width:22% !important;}
    .flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-class{width:25% !important;}
    .flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-level{width:10% !important;}
    .flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-resets{width:11% !important;}
    .flame-rankings-table-area .flame-rankings-players-table.flame-rankings-players-has-resets col.flame-col-player-location{width:26% !important;}

    .flame-rankings-table-area .flame-rankings-players-table:not(.flame-rankings-players-has-resets) col.flame-col-player-name{width:24% !important;}
    .flame-rankings-table-area .flame-rankings-players-table:not(.flame-rankings-players-has-resets) col.flame-col-player-class{width:28% !important;}
    .flame-rankings-table-area .flame-rankings-players-table:not(.flame-rankings-players-has-resets) col.flame-col-player-level{width:11% !important;}
    .flame-rankings-table-area .flame-rankings-players-table:not(.flame-rankings-players-has-resets) col.flame-col-player-location{width:31% !important;}

    .flame-rankings-table-area .flame-rankings-gens-summary-table td,
    .flame-rankings-table-area .flame-rankings-gens-summary-table th{
        font-weight:400 !important;
    }
    .flame-rankings-table-area .flame-rankings-gens-summary-table .flame-cell-gens-emblem img{
        max-width:34px !important;
    }
    .flame-rankings-table-area .flame-rankings-gens-table .flame-cell-gens-family img{
        max-width:20px !important;
    }
}


/* v61 Flame rankings smarter mobile data wrapping
   Groups 2-3 word values into balanced 1-2 lines and prevents single-word letter breaks. */
.flame-rankings-table-area .flame-rankings-mobile-line{
    display:inline !important;
    white-space:normal !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;
    hyphens:manual !important;
}
@media (max-width:575.98px){
    .flame-rankings-table-area .flame-rankings-table > tbody > tr > td,
    .flame-rankings-table-area .flame-rankings-table > tbody > tr > td a,
    .flame-rankings-table-area .flame-rankings-table > tbody > tr > td span,
    .flame-rankings-table-area .flame-rankings-gens-summary-table > tbody > tr > td,
    .flame-rankings-table-area .flame-rankings-gens-summary-table > tbody > tr > td span{
        word-break:keep-all !important;
        overflow-wrap:normal !important;
        hyphens:manual !important;
        text-overflow:clip !important;
    }
    .flame-rankings-table-area .flame-rankings-mobile-word-stack{
        display:inline-flex !important;
        max-width:100% !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:0 !important;
        white-space:normal !important;
        word-break:keep-all !important;
        overflow-wrap:normal !important;
        line-height:1.08 !important;
    }
    .flame-rankings-table-area .flame-rankings-mobile-word-stack .flame-rankings-mobile-line{
        display:block !important;
        max-width:100% !important;
        white-space:nowrap !important;
        word-break:keep-all !important;
        overflow-wrap:normal !important;
        line-height:1.08 !important;
    }
    .flame-rankings-table-area .flame-rankings-mobile-word-stack .flame-rankings-data-space{
        display:none !important;
    }
}


/* v62 Flame rankings mobile no single-word letter breaks
   Final override: data may wrap only at spaces or the prebuilt smart line split, never inside a word. */
@media (max-width:575.98px){
    .flame-rankings-table-area .flame-rankings-table > tbody > tr > td,
    .flame-rankings-table-area .flame-rankings-table > tbody > tr > td *,
    .flame-rankings-table-area .flame-rankings-gens-summary-table > tbody > tr > td,
    .flame-rankings-table-area .flame-rankings-gens-summary-table > tbody > tr > td *{
        word-break:normal !important;
        overflow-wrap:normal !important;
        hyphens:manual !important;
    }
    .flame-rankings-table-area .flame-rankings-table .flame-cell-player-class,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-player-location,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-online-time,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-last-vote,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-gens-rank,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-pk-level{
        word-break:normal !important;
        overflow-wrap:normal !important;
        hyphens:manual !important;
    }
    .flame-rankings-table-area .flame-rankings-mobile-word-stack{
        max-width:none !important;
        min-width:0 !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        hyphens:manual !important;
    }
    .flame-rankings-table-area .flame-rankings-mobile-word-stack .flame-rankings-mobile-line{
        display:block !important;
        width:max-content !important;
        max-width:none !important;
        min-width:max-content !important;
        white-space:nowrap !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        hyphens:manual !important;
    }
}


/* v63 Flame rankings mobile hard no-letter-break guard
   Uses unbreakable smart line chunks and a small mobile-only fit adjustment, so words stay intact. */
@media (max-width:575.98px){
    .flame-rankings-table-area .flame-rankings-table > tbody > tr > td,
    .flame-rankings-table-area .flame-rankings-table > tbody > tr > td *,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-name a,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-player-name a,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-guild-name a,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-guild-master a{
        word-break:keep-all !important;
        overflow-wrap:normal !important;
        hyphens:none !important;
    }
    .flame-rankings-table-area .flame-rankings-table .flame-cell-name a,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-player-name a,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-guild-name a,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-guild-master a{
        font-size:clamp(14px, 3.85vw, 16px) !important;
        line-height:1.12 !important;
        white-space:normal !important;
    }
    .flame-rankings-table-area .flame-rankings-table .flame-cell-player-class,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-player-location{
        font-size:clamp(13.2px, 3.55vw, 16px) !important;
        line-height:1.08 !important;
        word-break:keep-all !important;
        overflow-wrap:normal !important;
        hyphens:none !important;
    }
    .flame-rankings-table-area .flame-rankings-mobile-word-stack,
    .flame-rankings-table-area .flame-rankings-mobile-word-stack .flame-rankings-mobile-line{
        word-break:keep-all !important;
        overflow-wrap:normal !important;
        hyphens:none !important;
    }
    .flame-rankings-table-area .flame-rankings-mobile-word-stack .flame-rankings-mobile-line{
        display:block !important;
        white-space:nowrap !important;
        width:auto !important;
        min-width:max-content !important;
        max-width:none !important;
    }
}


/* v64 Flame rankings mobile long-word fit
   Long class/location chunks stay unbroken, but shrink a little on mobile so the last letter does not overlap the next column. */
@media (max-width:575.98px){
    .flame-rankings-table-area .flame-rankings-mobile-word-stack .flame-rankings-mobile-line.flame-rankings-mobile-fit-md{
        font-size:.94em !important;
        letter-spacing:-.01em !important;
    }
    .flame-rankings-table-area .flame-rankings-mobile-word-stack .flame-rankings-mobile-line.flame-rankings-mobile-fit-sm{
        font-size:.88em !important;
        letter-spacing:-.02em !important;
    }
    .flame-rankings-table-area .flame-rankings-mobile-word-stack .flame-rankings-mobile-line.flame-rankings-mobile-fit-xs{
        font-size:.82em !important;
        letter-spacing:-.025em !important;
    }
    .flame-rankings-table-area .flame-rankings-table .flame-cell-player-class,
    .flame-rankings-table-area .flame-rankings-table .flame-cell-player-location{
        padding-left:2px !important;
        padding-right:2px !important;
    }
}
@media (max-width:380px){
    .flame-rankings-table-area .flame-rankings-mobile-word-stack .flame-rankings-mobile-line.flame-rankings-mobile-fit-md{
        font-size:.90em !important;
    }
    .flame-rankings-table-area .flame-rankings-mobile-word-stack .flame-rankings-mobile-line.flame-rankings-mobile-fit-sm{
        font-size:.84em !important;
    }
    .flame-rankings-table-area .flame-rankings-mobile-word-stack .flame-rankings-mobile-line.flame-rankings-mobile-fit-xs{
        font-size:.78em !important;
    }
}

/* v11 Flame rankings top tabs equal spacing
   Keeps equal gaps around every rankings tab so wrapped rows do not touch each other. */
.flame-rankings-page-content #top_list [id^="rankings_select_"],
.flame-weekly-history-page #top_list [id^="rankings_select_"]{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:9px 9px !important;
    row-gap:9px !important;
    column-gap:9px !important;
    margin:0 auto 16px !important;
    padding:0 4px !important;
    line-height:1 !important;
}
.flame-rankings-page-content #top_list [id^="rankings_select_"] > .btn,
.flame-rankings-page-content #top_list [id^="rankings_select_"] > a.btn,
.flame-weekly-history-page #top_list [id^="rankings_select_"] > .btn,
.flame-weekly-history-page #top_list [id^="rankings_select_"] > a.btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
}
@media (max-width:575.98px){
    .flame-rankings-page-content #top_list [id^="rankings_select_"],
.flame-weekly-history-page #top_list [id^="rankings_select_"]{
        gap:8px 7px !important;
        row-gap:8px !important;
        column-gap:7px !important;
        margin-bottom:14px !important;
        padding-left:2px !important;
        padding-right:2px !important;
    }
}


/* v12 Flame rankings desktop top tabs bigger
   Enlarges only the PC/tablet top ranking buttons; mobile keeps the compact spacing from v11. */
@media (min-width:768px){
    .flame-rankings-page-content #top_list [id^="rankings_select_"],
.flame-weekly-history-page #top_list [id^="rankings_select_"]{
        gap:10px 10px !important;
        row-gap:10px !important;
        column-gap:10px !important;
        margin-bottom:18px !important;
    }
    .flame-rankings-page-content #top_list [id^="rankings_select_"] > .btn,
    .flame-rankings-page-content #top_list [id^="rankings_select_"] > a.btn,
.flame-weekly-history-page #top_list [id^="rankings_select_"] > .btn,
.flame-weekly-history-page #top_list [id^="rankings_select_"] > a.btn{
        min-height:48px !important;
        padding:12px 18px !important;
        font-size:18px !important;
        line-height:1.15 !important;
        border-radius:8px !important;
    }
}
@media (min-width:992px){
    .flame-rankings-page-content #top_list [id^="rankings_select_"],
.flame-weekly-history-page #top_list [id^="rankings_select_"]{
        gap:11px 11px !important;
        row-gap:11px !important;
        column-gap:11px !important;
        margin-bottom:20px !important;
    }
    .flame-rankings-page-content #top_list [id^="rankings_select_"] > .btn,
    .flame-rankings-page-content #top_list [id^="rankings_select_"] > a.btn,
.flame-weekly-history-page #top_list [id^="rankings_select_"] > .btn,
.flame-weekly-history-page #top_list [id^="rankings_select_"] > a.btn{
        min-height:54px !important;
        padding:14px 22px !important;
        font-size:20px !important;
        line-height:1.15 !important;
        border-radius:9px !important;
    }
}


/* v13 Flame rankings By Class dropdown polish
   Bigger PC filter button + full-row modern hover state for class list. */
#rank_by_class.flame-rankings-class-filter .flame-class-dropdown > .btn,
.flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown > .btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    line-height:1.12 !important;
    white-space:nowrap !important;
}
#rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu,
.flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu{
    padding:8px !important;
    border:1px solid rgba(251,209,129,.38) !important;
    border-radius:10px !important;
    background:linear-gradient(180deg, rgba(23,24,34,.98), rgba(12,13,20,.99)) !important;
    box-shadow:0 18px 34px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
#rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li,
.flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li{
    margin:2px 0 !important;
}
#rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a,
.flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    min-height:42px !important;
    padding:7px 12px !important;
    border-radius:8px !important;
    color:#f3edf9 !important;
    font-weight:500 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    background:transparent !important;
    transition:background .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}
#rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a img,
.flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a img{
    flex:0 0 auto !important;
    margin:0 !important;
    width:24px !important;
    height:24px !important;
    box-shadow:0 0 0 1px rgba(251,209,129,.20), 0 4px 10px rgba(0,0,0,.35) !important;
}
#rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a:hover,
#rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a:focus,
.flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a:hover,
.flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a:focus{
    color:#fff8e8 !important;
    background:linear-gradient(90deg, rgba(251,209,129,.27), rgba(110,78,38,.34), rgba(251,209,129,.10)) !important;
    box-shadow:inset 0 0 0 1px rgba(251,209,129,.22), 0 8px 18px rgba(0,0,0,.22) !important;
    transform:translateX(2px) !important;
}
#rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a:hover img,
#rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a:focus img,
.flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a:hover img,
.flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a:focus img{
    box-shadow:0 0 0 1px rgba(251,209,129,.50), 0 0 12px rgba(251,209,129,.20), 0 4px 10px rgba(0,0,0,.38) !important;
}
@media (min-width:768px){
    #rank_by_class.flame-rankings-class-filter .flame-class-dropdown > .btn,
    .flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown > .btn{
        min-height:52px !important;
        padding:13px 24px !important;
        font-size:19px !important;
        border-radius:9px !important;
    }
    #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu,
    .flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu{
        min-width:250px !important;
        margin-top:9px !important;
    }
}
@media (min-width:992px){
    #rank_by_class.flame-rankings-class-filter .flame-class-dropdown > .btn,
    .flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown > .btn{
        min-height:56px !important;
        padding:14px 27px !important;
        font-size:21px !important;
    }
}
@media (max-width:575.98px){
    #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu,
    .flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu{
        padding:7px !important;
        border-radius:9px !important;
    }
    #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a,
    .flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a{
        min-height:38px !important;
        padding:6px 10px !important;
        gap:10px !important;
    }
    #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a img,
    .flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a img{
        width:22px !important;
        height:22px !important;
    }
}


/* v14 Flame rankings By Class size/spacing tune
   Keeps By Class slightly smaller than top tabs, shortens the class list, and restores round mobile class icons. */
#rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu,
.flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu{
    padding:6px !important;
}
#rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li,
.flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li{
    margin:1px 0 !important;
}
#rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a,
.flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a{
    min-height:34px !important;
    padding:4px 10px !important;
    gap:10px !important;
    border-radius:7px !important;
}
#rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a img,
.flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a img{
    width:22px !important;
    height:22px !important;
    max-width:22px !important;
    min-width:22px !important;
    border-radius:50% !important;
    object-fit:cover !important;
    aspect-ratio:1 / 1 !important;
}
@media (min-width:768px){
    #rank_by_class.flame-rankings-class-filter .flame-class-dropdown > .btn,
    .flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown > .btn{
        min-height:46px !important;
        padding:11px 18px !important;
        font-size:17.5px !important;
        border-radius:8px !important;
    }
    #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu,
    .flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu{
        min-width:238px !important;
        margin-top:7px !important;
    }
}
@media (min-width:992px){
    #rank_by_class.flame-rankings-class-filter .flame-class-dropdown > .btn,
    .flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown > .btn{
        min-height:50px !important;
        padding:12px 21px !important;
        font-size:19px !important;
    }
}
@media (max-width:575.98px){
    #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu,
    .flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu{
        padding:5px !important;
    }
    #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a,
    .flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a{
        min-height:32px !important;
        padding:4px 9px !important;
        gap:9px !important;
    }
    #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a img,
    .flame-rankings-table-area #rank_by_class.flame-rankings-class-filter .flame-class-dropdown-menu > li > a img{
        width:20px !important;
        height:20px !important;
        max-width:20px !important;
        min-width:20px !important;
        border-radius:50% !important;
        object-fit:cover !important;
        aspect-ratio:1 / 1 !important;
    }
}


/* v15 Vote rankings: show monthly votes + all-time total votes */
.flame-rankings-table-area .flame-rankings-table .flame-cell-votes-month,
.flame-rankings-table-area .flame-rankings-table .flame-cell-votes-total{
    white-space:nowrap !important;
    font-variant-numeric:tabular-nums;
}
.flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-rank{width:6% !important;}
.flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-name{width:28% !important;}
.flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-votes-month{width:18% !important;}
.flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-votes-total{width:16% !important;}
.flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-last-vote{width:32% !important;}
@media (max-width:575.98px){
    .flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-rank{width:7% !important;}
    .flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-name{width:27% !important;}
    .flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-votes-month{width:20% !important;}
    .flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-votes-total{width:17% !important;}
    .flame-rankings-table-area .flame-rankings-votereward-table col.flame-col-last-vote{width:29% !important;}
}


/* v26 Weekly BC/DS/CC rankings: this-week score columns */
.flame-rankings-table-area .flame-rankings-weekly-event-table .flame-cell-score-week,
.flame-rankings-table-area .flame-rankings-weekly-event-table .flame-cell-score-total{
    white-space:nowrap !important;
    font-variant-numeric:tabular-nums;
}
.flame-rankings-table-area .flame-rankings-weekly-event-table col.flame-col-rank{width:6% !important;}
.flame-rankings-table-area .flame-rankings-weekly-event-table col.flame-col-name{width:38% !important;}
.flame-rankings-table-area .flame-rankings-weekly-event-table col.flame-col-score-week{width:28% !important;}
.flame-rankings-table-area .flame-rankings-weekly-event-table col.flame-col-score-total{width:28% !important;}
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-weekly-event-table col.flame-col-name{width:30% !important;}
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-weekly-event-table col.flame-col-score-week{width:18% !important;}
.flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-weekly-event-table col.flame-col-score-total{width:16% !important;}
@media (max-width:575.98px){
    .flame-rankings-table-area .flame-rankings-weekly-event-table col.flame-col-rank{width:7% !important;}
    .flame-rankings-table-area .flame-rankings-weekly-event-table col.flame-col-name{width:35% !important;}
    .flame-rankings-table-area .flame-rankings-weekly-event-table col.flame-col-score-week{width:30% !important;}
    .flame-rankings-table-area .flame-rankings-weekly-event-table col.flame-col-score-total{width:28% !important;}
    .flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-weekly-event-table col.flame-col-name{width:28% !important;}
    .flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-weekly-event-table col.flame-col-score-week{width:20% !important;}
    .flame-rankings-table-area .flame-rankings-cc-table.flame-rankings-weekly-event-table col.flame-col-score-total{width:18% !important;}
}

/* v25 Flame Select Server popup
   Scoped only to #select_server so other old modal windows keep their current layout. */
#select_server{
    width:520px !important;
    max-width:calc(100vw - 28px) !important;
    padding-bottom:0 !important;
    overflow:hidden !important;
    border-radius:18px !important;
    background:linear-gradient(180deg, rgba(18,19,29,.98), rgba(7,8,14,.995)) !important;
    border:1px solid rgba(251,209,129,.34) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        inset 0 0 0 1px rgba(0,0,0,.24),
        0 24px 62px rgba(0,0,0,.76) !important;
}
#select_server .modal-header,
#select_server .modal-header2{
    position:relative !important;
    margin:0 !important;
    padding:20px 64px 21px 24px !important;
    border:0 !important;
    border-radius:18px 18px 0 0 !important;
    background:
        radial-gradient(circle at 10% 0%, rgba(251,209,129,.10), transparent 42%),
        linear-gradient(180deg, rgba(22,23,32,.96), rgba(10,12,18,.99)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        inset 0 -2px 0 rgba(230,145,65,.92) !important;
}
#select_server .modal-header:after,
#select_server .modal-header2:after{
    content:'';
    position:absolute;
    left:20px;
    right:20px;
    bottom:0;
    height:3px;
    pointer-events:none;
    background:linear-gradient(90deg, transparent, #ff9a42 18%, #fbd181 50%, #ff7a22 82%, transparent);
}
#select_server .modal-header h2,
#select_server .modal-header2 h2{
    margin:0 !important;
    color:#fff4e5 !important;
    font-size:30px !important;
    font-weight:500 !important;
    line-height:1.12 !important;
    letter-spacing:.45px !important;
    text-transform:uppercase !important;
    text-shadow:0 2px 0 rgba(0,0,0,.68), 0 0 15px rgba(251,209,129,.12) !important;
}
#select_server .close{
    top:18px !important;
    right:20px !important;
    width:36px !important;
    height:36px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:none !important;
    opacity:1 !important;
    z-index:5 !important;
    text-decoration:none !important;
    overflow:hidden !important;
    font-size:0 !important;
    line-height:0 !important;
}
#select_server .close:before{
    content:'×';
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    box-sizing:border-box;
    border-radius:50%;
    border:1px solid rgba(251,209,129,.42);
    background:rgba(0,0,0,.34);
    color:#fff4e5;
    font-size:31px;
    font-weight:700;
    line-height:1;
    text-shadow:0 1px 0 rgba(0,0,0,.75);
    transition:background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease;
}
#select_server .close:hover:before,
#select_server .close:focus:before{
    border-color:rgba(251,209,129,.78);
    background:rgba(251,209,129,.16);
    color:#fbd181;
    transform:scale(1.04);
}
#select_server > div:not(.modal-header):not(.modal-header2),
#select_server .modal-body,
#select_server .modal-content{
    background:transparent !important;
}
#select_server > div:not(.modal-header):not(.modal-header2){
    padding:24px !important;
}
#select_server a:not(.close),
#select_server button,
#select_server .btn,
#select_server .btn-primary,
#select_server input[type="button"],
#select_server input[type="submit"]{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-height:54px !important;
    width:100% !important;
    padding:12px 18px !important;
    border-radius:10px !important;
    border:1px solid rgba(251,209,129,.24) !important;
    background:linear-gradient(180deg, rgba(25,26,34,.98), rgba(12,13,18,.99)) !important;
    color:#fff4e5 !important;
    font-size:20px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    text-align:left !important;
    text-decoration:none !important;
    text-shadow:0 2px 0 rgba(0,0,0,.65) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 6px 18px rgba(0,0,0,.26) !important;
    transition:background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}
#select_server a:not(.close):hover,
#select_server a:not(.close):focus,
#select_server button:hover,
#select_server button:focus,
#select_server .btn:hover,
#select_server .btn:focus,
#select_server .btn-primary:hover,
#select_server .btn-primary:focus,
#select_server input[type="button"]:hover,
#select_server input[type="button"]:focus,
#select_server input[type="submit"]:hover,
#select_server input[type="submit"]:focus{
    border-color:rgba(251,209,129,.62) !important;
    background:
        radial-gradient(circle at 8% 50%, rgba(251,209,129,.14), transparent 34%),
        linear-gradient(180deg, rgba(31,31,40,.99), rgba(13,14,20,.99)) !important;
    color:#fbd181 !important;
    transform:translateY(-1px);
}
@media (max-width:575.98px){
    #select_server{
        width:calc(100vw - 20px) !important;
        max-width:calc(100vw - 20px) !important;
        border-radius:15px !important;
    }
    #select_server .modal-header,
    #select_server .modal-header2{
        padding:16px 56px 17px 18px !important;
        border-radius:15px 15px 0 0 !important;
    }
    #select_server .modal-header h2,
    #select_server .modal-header2 h2{
        font-size:23px !important;
        letter-spacing:.25px !important;
    }
    #select_server .close{
        top:13px !important;
        right:14px !important;
        width:34px !important;
        height:34px !important;
    }
    #select_server .close:before{
        width:34px;
        height:34px;
        font-size:29px;
    }
    #select_server > div:not(.modal-header):not(.modal-header2){
        padding:18px !important;
    }
    #select_server a:not(.close),
    #select_server button,
    #select_server .btn,
    #select_server .btn-primary,
    #select_server input[type="button"],
    #select_server input[type="submit"]{
        min-height:50px !important;
        padding:11px 15px !important;
        font-size:18px !important;
    }
}

/* v26 Flame Select Server close/select polish
   Keeps the popup scoped to #select_server only.
   - centers the close X with CSS-drawn lines instead of font glyph baseline
   - removes hover scaling that made the circle look jagged
   - styles the native select/options as close to Flame style as browsers allow */
#select_server .close{
    position:absolute !important;
    display:block !important;
    top:18px !important;
    right:20px !important;
    width:38px !important;
    height:38px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:transparent !important;
    opacity:1 !important;
    overflow:visible !important;
    font-size:0 !important;
    line-height:0 !important;
    text-decoration:none !important;
    cursor:pointer !important;
    transform:none !important;
}
#select_server .close:before{
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:38px !important;
    height:38px !important;
    box-sizing:border-box !important;
    border-radius:50% !important;
    border:1px solid rgba(251,209,129,.54) !important;
    background:
        radial-gradient(circle at 50% 38%, rgba(251,209,129,.16), transparent 55%),
        linear-gradient(180deg, rgba(45,39,31,.98), rgba(18,18,22,.99)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 3px 10px rgba(0,0,0,.35) !important;
    transform:none !important;
    transition:background .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}
#select_server .close:after{
    content:'' !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:20px !important;
    height:20px !important;
    transform:translate(-50%, -50%) !important;
    background:
        linear-gradient(45deg, transparent 43%, #f7d58c 44%, #f7d58c 56%, transparent 57%),
        linear-gradient(-45deg, transparent 43%, #f7d58c 44%, #f7d58c 56%, transparent 57%) !important;
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.80)) !important;
    transition:background .16s ease, filter .16s ease !important;
    pointer-events:none !important;
}
#select_server .close:hover:before,
#select_server .close:focus:before{
    border-color:rgba(251,209,129,.82) !important;
    background:
        radial-gradient(circle at 50% 38%, rgba(251,209,129,.24), transparent 58%),
        linear-gradient(180deg, rgba(55,45,32,.99), rgba(20,20,24,.99)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 0 0 2px rgba(251,209,129,.08),
        0 4px 12px rgba(0,0,0,.42) !important;
    transform:none !important;
}
#select_server .close:hover:after,
#select_server .close:focus:after{
    background:
        linear-gradient(45deg, transparent 43%, #ffe6aa 44%, #ffe6aa 56%, transparent 57%),
        linear-gradient(-45deg, transparent 43%, #ffe6aa 44%, #ffe6aa 56%, transparent 57%) !important;
}

#select_server select{
    display:block !important;
    width:100% !important;
    min-height:54px !important;
    padding:12px 48px 12px 18px !important;
    border-radius:10px !important;
    border:1px solid rgba(251,209,129,.26) !important;
    background-color:#151619 !important;
    background-image:
        linear-gradient(45deg, transparent 50%, #f7d58c 50%),
        linear-gradient(135deg, #f7d58c 50%, transparent 50%),
        linear-gradient(180deg, rgba(25,26,34,.98), rgba(12,13,18,.99)) !important;
    background-position:
        calc(100% - 27px) 50%,
        calc(100% - 19px) 50%,
        0 0 !important;
    background-size:
        8px 8px,
        8px 8px,
        100% 100% !important;
    background-repeat:no-repeat !important;
    color:#fff4e5 !important;
    font-size:20px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    text-align:left !important;
    text-shadow:0 2px 0 rgba(0,0,0,.65) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 6px 18px rgba(0,0,0,.26) !important;
    outline:none !important;
    cursor:pointer !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
}
#select_server select::-ms-expand{
    display:none !important;
}
#select_server select:hover,
#select_server select:focus{
    border-color:rgba(251,209,129,.62) !important;
    background-image:
        linear-gradient(45deg, transparent 50%, #ffe6aa 50%),
        linear-gradient(135deg, #ffe6aa 50%, transparent 50%),
        radial-gradient(circle at 8% 50%, rgba(251,209,129,.14), transparent 34%),
        linear-gradient(180deg, rgba(31,31,40,.99), rgba(13,14,20,.99)) !important;
    color:#fbd181 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 0 0 2px rgba(251,209,129,.07),
        0 6px 18px rgba(0,0,0,.30) !important;
}
#select_server select option{
    background-color:#151619 !important;
    color:#fff4e5 !important;
    font-size:18px !important;
    font-weight:700 !important;
    padding:10px 14px !important;
}
#select_server select option:hover,
#select_server select option:focus,
#select_server select option:checked{
    background:#3a2b18 !important;
    background-color:#3a2b18 !important;
    color:#fbd181 !important;
}
#select_server select option:disabled{
    color:rgba(255,244,229,.56) !important;
}

@media (max-width:575.98px){
    #select_server .close{
        top:13px !important;
        right:14px !important;
        width:35px !important;
        height:35px !important;
    }
    #select_server .close:before{
        width:35px !important;
        height:35px !important;
    }
    #select_server .close:after{
        width:18px !important;
        height:18px !important;
    }
    #select_server select{
        min-height:50px !important;
        padding:11px 44px 11px 15px !important;
        font-size:18px !important;
        background-position:
            calc(100% - 25px) 50%,
            calc(100% - 17px) 50%,
            0 0 !important;
    }
    #select_server select option{
        font-size:17px !important;
    }
}

/* v27 Flame Select Server custom dropdown
   Native select popup colors are browser-controlled, so the real select is kept for form logic
   and a Flame-styled custom dropdown is shown on top. Scoped only to #select_server. */
#select_server{
    background:linear-gradient(180deg, rgba(17,18,27,.99), rgba(7,8,14,.995)) !important;
}
#select_server .modal-header,
#select_server .modal-header2{
    background:linear-gradient(180deg, rgba(17,18,27,.99), rgba(8,9,15,.995)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035), inset 0 -2px 0 rgba(230,145,65,.92) !important;
}
#select_server .modal-header:after,
#select_server .modal-header2:after{
    left:0 !important;
    right:0 !important;
    height:3px !important;
    background:linear-gradient(90deg, #cf7b3a 0%, #fbd181 48%, #ff7a22 100%) !important;
}
#select_server .modal-header h2,
#select_server .modal-header2 h2{
    text-shadow:0 2px 0 rgba(0,0,0,.72) !important;
}
#select_server > div:not(.modal-header):not(.modal-header2){
    background:linear-gradient(180deg, rgba(8,9,15,.55), rgba(6,7,12,.82)) !important;
}
#select_server select.flame-server-native-select{
    position:absolute !important;
    left:-9999px !important;
    top:auto !important;
    width:1px !important;
    min-width:1px !important;
    height:1px !important;
    min-height:1px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    opacity:0 !important;
    pointer-events:none !important;
}
#select_server .flame-server-select{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    z-index:10070 !important;
    font-family:var(--flame-ui-font, 'DINNextW1G','Open Sans',Arial,Helvetica,sans-serif) !important;
}
#select_server .flame-server-select-toggle{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    min-height:54px !important;
    padding:12px 52px 12px 18px !important;
    border-radius:13px !important;
    border:1px solid rgba(251,209,129,.42) !important;
    background:linear-gradient(180deg, rgba(24,25,32,.98), rgba(11,12,18,.99)) !important;
    color:#fbd181 !important;
    font-size:20px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    text-align:left !important;
    text-decoration:none !important;
    text-shadow:0 2px 0 rgba(0,0,0,.72) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 6px 18px rgba(0,0,0,.28) !important;
    cursor:pointer !important;
    outline:none !important;
    transform:none !important;
    overflow:hidden !important;
}
#select_server .flame-server-select-toggle:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:3px;
    background:linear-gradient(180deg, #fbd181, #cf7b3a);
    opacity:.78;
    pointer-events:none;
}
#select_server .flame-server-select-toggle:hover,
#select_server .flame-server-select-toggle:focus,
#select_server .flame-server-select.is-open .flame-server-select-toggle{
    border-color:rgba(251,209,129,.78) !important;
    background:linear-gradient(180deg, rgba(33,31,35,.99), rgba(14,14,19,.99)) !important;
    color:#ffe6aa !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055), 0 0 0 2px rgba(251,209,129,.08), 0 7px 20px rgba(0,0,0,.32) !important;
    transform:none !important;
}
#select_server .flame-server-select-label{
    position:relative;
    z-index:1;
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
#select_server .flame-server-select-arrow{
    position:absolute;
    right:19px;
    top:50%;
    width:0;
    height:0;
    margin-top:-2px;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top:9px solid #fbd181;
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.78));
    transition:transform .14s ease, border-top-color .14s ease;
    pointer-events:none;
}
#select_server .flame-server-select.is-open .flame-server-select-arrow{
    transform:rotate(180deg) translateY(2px);
    border-top-color:#ffe6aa;
}
#select_server .flame-server-select-menu{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:calc(100% + 6px) !important;
    display:none !important;
    max-height:260px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:6px !important;
    border-radius:12px !important;
    border:1px solid rgba(251,209,129,.34) !important;
    background:linear-gradient(180deg, rgba(22,23,30,.99), rgba(10,11,16,.995)) !important;
    background-clip:padding-box !important;
    scrollbar-gutter:stable !important;
    box-shadow:0 16px 34px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.035) !important;
    z-index:10090 !important;
}
#select_server .flame-server-select.is-open .flame-server-select-menu{
    display:block !important;
}
#select_server .flame-server-select-option{
    position:relative;
    display:flex;
    align-items:center;
    width:100%;
    min-height:40px;
    padding:8px 12px 8px 15px;
    margin:0 0 3px;
    border-radius:9px;
    color:#fff4e5;
    font-size:18px;
    font-weight:800;
    line-height:1.15;
    text-align:left;
    text-shadow:0 1px 0 rgba(0,0,0,.72);
    cursor:pointer;
    box-sizing:border-box;
    transition:background .14s ease, color .14s ease, box-shadow .14s ease, padding-left .14s ease;
}
#select_server .flame-server-select-option:last-child{
    margin-bottom:0;
}
#select_server .flame-server-select-option:hover,
#select_server .flame-server-select-option:focus{
    color:#fbd181;
    padding-left:18px;
    background:linear-gradient(90deg, rgba(251,209,129,.18), rgba(72,45,24,.32) 42%, rgba(14,15,20,.96) 100%);
    box-shadow:inset 3px 0 0 rgba(251,209,129,.88), inset 0 1px 0 rgba(255,255,255,.035);
    outline:none;
}
#select_server .flame-server-select-option.is-selected{
    color:#fbd181;
    background:linear-gradient(90deg, rgba(251,209,129,.14), rgba(55,36,22,.30) 48%, rgba(14,15,20,.98) 100%);
    box-shadow:inset 3px 0 0 rgba(251,209,129,.76);
}
#select_server .flame-server-select-option.is-disabled{
    color:rgba(255,244,229,.56);
    cursor:default;
    pointer-events:none;
}
#select_server .flame-server-select-menu::-webkit-scrollbar{
    width:10px;
}
#select_server .flame-server-select-menu::-webkit-scrollbar-track{
    margin:8px 3px;
    background:rgba(0,0,0,.18);
    border-radius:999px;
}
#select_server .flame-server-select-menu::-webkit-scrollbar-thumb{
    min-height:34px;
    border:2px solid transparent;
    background:rgba(251,209,129,.50);
    background-clip:content-box;
    border-radius:999px;
}
#select_server .flame-server-select-menu::-webkit-scrollbar-thumb:hover{
    background:rgba(251,209,129,.66);
    background-clip:content-box;
}
@media (max-width:575.98px){
    #select_server .flame-server-select-toggle{
        min-height:50px !important;
        padding:11px 46px 11px 15px !important;
        font-size:18px !important;
    }
    #select_server .flame-server-select-option{
        min-height:38px;
        padding:7px 10px 7px 13px;
        font-size:17px;
    }
    #select_server .flame-server-select-menu{
        max-height:232px !important;
        padding:5px !important;
    }
}


/* v28 Flame Select Server dropdown containment fix
   Keeps the custom server menu inside the modal height instead of sliding under the popup border. */
#select_server{
    overflow:visible !important;
}
#select_server > div:not(.modal-header):not(.modal-header2),
#select_server .modal-body,
#select_server .modal-content{
    overflow:visible !important;
}
#select_server .flame-server-select{
    position:relative !important;
    z-index:10100 !important;
}
#select_server .flame-server-select-menu{
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    width:100% !important;
    max-width:100% !important;
    margin:12px 0 0 !important;
    box-sizing:border-box !important;
    transform:none !important;
    max-height:260px !important;
}
#select_server .flame-server-select.is-open .flame-server-select-menu{
    display:block !important;
}
@media (max-width:575.98px){
    #select_server .flame-server-select-menu{
        margin-top:10px !important;
        max-height:232px !important;
    }
}


/* v63 Flame registration rules popup
   Styles the existing jQuery UI rules dialog opened by App.initializeRulesDialog().
   Scoped only to .flame-rules-dialog-popup, so select-server/shop/auction popups keep their own skin.
   v63 keeps the dialog higher and fully inside the viewport. */
.ui-widget-overlay.flame-rules-dialog-overlay{
    background:rgba(0,0,0,.82) !important;
    opacity:1 !important;
}
.ui-dialog.flame-rules-dialog-popup,
.flame-rules-dialog-popup.ui-dialog{
    width:700px !important;
    max-width:calc(100vw - 28px) !important;
    max-height:calc(100vh - 24px) !important;
    padding:0 !important;
    overflow:hidden !important;
    border-radius:18px !important;
    border:1px solid rgba(251,209,129,.36) !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(251,209,129,.08), transparent 48%),
        linear-gradient(180deg, rgba(18,19,29,.985), rgba(7,8,14,.998)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        inset 0 0 0 1px rgba(0,0,0,.26),
        0 24px 66px rgba(0,0,0,.78) !important;
    color:#d9d4e6 !important;
    font-family:var(--flame-ui-font, 'DINNextW1G','Open Sans',Arial,Helvetica,sans-serif) !important;
    z-index:10050 !important;
}
.flame-rules-dialog-popup .ui-dialog-titlebar,
.flame-rules-dialog-popup .flame-rules-dialog-header{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    min-height:68px !important;
    margin:0 !important;
    padding:18px 64px 19px 24px !important;
    border:0 !important;
    border-radius:18px 18px 0 0 !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(251,209,129,.12), transparent 42%),
        linear-gradient(180deg, rgba(22,23,32,.97), rgba(9,11,17,.99)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        inset 0 -2px 0 rgba(230,145,65,.92) !important;
}
.flame-rules-dialog-popup .ui-dialog-titlebar:after,
.flame-rules-dialog-popup .flame-rules-dialog-header:after{
    content:'';
    position:absolute;
    left:20px;
    right:20px;
    bottom:0;
    height:3px;
    pointer-events:none;
    background:linear-gradient(90deg, transparent, #ff9a42 18%, #fbd181 50%, #ff7a22 82%, transparent);
}
.flame-rules-dialog-popup .ui-dialog-title{
    display:block !important;
    float:none !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    color:#fff4e5 !important;
    font-size:30px !important;
    font-weight:500 !important;
    line-height:1.12 !important;
    letter-spacing:.45px !important;
    text-transform:uppercase !important;
    text-shadow:0 2px 0 rgba(0,0,0,.70), 0 0 15px rgba(251,209,129,.13) !important;
}
.flame-rules-dialog-popup .ui-dialog-titlebar-close,
.flame-rules-dialog-popup .flame-rules-dialog-close{
    position:absolute !important;
    top:16px !important;
    right:18px !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    padding:0 !important;
    margin:0 !important;
    border:1px solid rgba(251,209,129,.42) !important;
    border-radius:50% !important;
    background:rgba(0,0,0,.34) !important;
    opacity:1 !important;
    z-index:5 !important;
    overflow:hidden !important;
    text-indent:-9999px !important;
    font-size:0 !important;
    line-height:0 !important;
    cursor:pointer !important;
    transition:background .16s ease, border-color .16s ease, transform .16s ease !important;
}
.flame-rules-dialog-popup .ui-dialog-titlebar-close .ui-button-icon,
.flame-rules-dialog-popup .ui-dialog-titlebar-close .ui-icon,
.flame-rules-dialog-popup .flame-rules-dialog-close .ui-button-icon,
.flame-rules-dialog-popup .flame-rules-dialog-close .ui-icon{
    display:none !important;
}
.flame-rules-dialog-popup .ui-dialog-titlebar-close:before,
.flame-rules-dialog-popup .ui-dialog-titlebar-close:after,
.flame-rules-dialog-popup .flame-rules-dialog-close:before,
.flame-rules-dialog-popup .flame-rules-dialog-close:after{
    content:'' !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:17px !important;
    height:2px !important;
    border-radius:2px !important;
    background:#fff4e5 !important;
    box-shadow:0 1px 0 rgba(0,0,0,.70) !important;
    z-index:2 !important;
}
.flame-rules-dialog-popup .ui-dialog-titlebar-close:before,
.flame-rules-dialog-popup .flame-rules-dialog-close:before{
    transform:translate(-50%, -50%) rotate(45deg) !important;
}
.flame-rules-dialog-popup .ui-dialog-titlebar-close:after,
.flame-rules-dialog-popup .flame-rules-dialog-close:after{
    transform:translate(-50%, -50%) rotate(-45deg) !important;
}
.flame-rules-dialog-popup .ui-dialog-titlebar-close:hover,
.flame-rules-dialog-popup .ui-dialog-titlebar-close:focus,
.flame-rules-dialog-popup .flame-rules-dialog-close:hover,
.flame-rules-dialog-popup .flame-rules-dialog-close:focus{
    border-color:rgba(251,209,129,.78) !important;
    background:rgba(251,209,129,.16) !important;
    transform:scale(1.04) !important;
    outline:none !important;
}
.flame-rules-dialog-popup .ui-dialog-titlebar-close:hover:before,
.flame-rules-dialog-popup .ui-dialog-titlebar-close:hover:after,
.flame-rules-dialog-popup .ui-dialog-titlebar-close:focus:before,
.flame-rules-dialog-popup .ui-dialog-titlebar-close:focus:after,
.flame-rules-dialog-popup .flame-rules-dialog-close:hover:before,
.flame-rules-dialog-popup .flame-rules-dialog-close:hover:after,
.flame-rules-dialog-popup .flame-rules-dialog-close:focus:before,
.flame-rules-dialog-popup .flame-rules-dialog-close:focus:after{
    background:#fbd181 !important;
}
.flame-rules-dialog-popup .ui-dialog-content,
.flame-rules-dialog-popup .flame-rules-dialog-content,
.flame-rules-dialog-popup #rules_content{
    width:auto !important;
    height:auto !important;
    max-height:calc(100vh - 122px) !important;
    margin:0 !important;
    padding:24px !important;
    overflow-y:auto !important;
    box-sizing:border-box !important;
    border:0 !important;
    background:transparent !important;
    color:#d9d4e6 !important;
}
.flame-rules-dialog-popup p,
.flame-rules-dialog-popup li,
.flame-rules-dialog-popup td,
.flame-rules-dialog-popup div{
    color:#d9d4e6;
    font-size:15px;
    line-height:1.55;
}
.flame-rules-dialog-popup b,
.flame-rules-dialog-popup strong,
.flame-rules-dialog-popup h1,
.flame-rules-dialog-popup h2,
.flame-rules-dialog-popup h3,
.flame-rules-dialog-popup h4{
    color:#fff4e5 !important;
}
.flame-rules-dialog-popup a:not(.ui-dialog-titlebar-close){
    color:#fbd181 !important;
    text-decoration:none !important;
}
.flame-rules-dialog-popup a:not(.ui-dialog-titlebar-close):hover,
.flame-rules-dialog-popup a:not(.ui-dialog-titlebar-close):focus{
    color:#fff4d2 !important;
    text-decoration:none !important;
}
.flame-rules-dialog-popup ul,
.flame-rules-dialog-popup ol{
    margin:0 0 0 20px !important;
    padding:0 !important;
}
.flame-rules-dialog-popup li{
    margin:0 0 10px !important;
    padding-left:2px !important;
}
.flame-rules-dialog-popup table{
    width:100% !important;
    max-width:100% !important;
    color:#d9d4e6 !important;
    border-collapse:separate !important;
    border-spacing:0 3px !important;
    background:transparent !important;
}
.flame-rules-dialog-popup table th,
.flame-rules-dialog-popup table td{
    padding:8px 10px !important;
    border:0 !important;
    border-top:1px solid rgba(255,255,255,.035) !important;
    border-bottom:1px solid rgba(0,0,0,.20) !important;
    background:rgba(10,11,16,.54) !important;
}
.flame-rules-dialog-popup .ui-dialog-content::-webkit-scrollbar,
.flame-rules-dialog-popup .flame-rules-dialog-content::-webkit-scrollbar,
.flame-rules-dialog-popup #rules_content::-webkit-scrollbar{
    width:8px;
}
.flame-rules-dialog-popup .ui-dialog-content::-webkit-scrollbar-track,
.flame-rules-dialog-popup .flame-rules-dialog-content::-webkit-scrollbar-track,
.flame-rules-dialog-popup #rules_content::-webkit-scrollbar-track{
    background:rgba(0,0,0,.28);
    border-radius:8px;
}
.flame-rules-dialog-popup .ui-dialog-content::-webkit-scrollbar-thumb,
.flame-rules-dialog-popup .flame-rules-dialog-content::-webkit-scrollbar-thumb,
.flame-rules-dialog-popup #rules_content::-webkit-scrollbar-thumb{
    background:rgba(251,209,129,.42);
    border-radius:8px;
}
@media (max-width:575.98px){
    .ui-dialog.flame-rules-dialog-popup,
    .flame-rules-dialog-popup.ui-dialog{
        width:calc(100vw - 20px) !important;
        max-width:calc(100vw - 20px) !important;
        max-height:calc(100vh - 22px) !important;
        border-radius:15px !important;
    }
    .flame-rules-dialog-popup .ui-dialog-titlebar,
    .flame-rules-dialog-popup .flame-rules-dialog-header{
        min-height:58px !important;
        padding:15px 56px 16px 18px !important;
        border-radius:15px 15px 0 0 !important;
    }
    .flame-rules-dialog-popup .ui-dialog-title{
        font-size:23px !important;
        letter-spacing:.25px !important;
    }
    .flame-rules-dialog-popup .ui-dialog-titlebar-close,
    .flame-rules-dialog-popup .flame-rules-dialog-close{
        top:12px !important;
        right:13px !important;
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        min-height:34px !important;
    }
    .flame-rules-dialog-popup .ui-dialog-content,
    .flame-rules-dialog-popup .flame-rules-dialog-content,
    .flame-rules-dialog-popup #rules_content{
        max-height:calc(100vh - 104px) !important;
        padding:18px !important;
    }
    .flame-rules-dialog-popup p,
    .flame-rules-dialog-popup li,
    .flame-rules-dialog-popup td,
    .flame-rules-dialog-popup div{
        font-size:14px;
        line-height:1.48;
    }
}

/* v64 Flame registration rules popup viewport lock
   Keeps the existing Rules dialog fixed near the top even after rules.html finishes loading.
   This prevents jQuery UI from re-centering the popup lower after AJAX content is inserted. */
.ui-dialog.flame-rules-dialog-popup,
.flame-rules-dialog-popup.ui-dialog{
    position:fixed !important;
    top:16px !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    margin:0 !important;
    transform:translateX(-50%) !important;
    max-height:calc(100vh - 30px) !important;
}
.flame-rules-dialog-popup .ui-dialog-content,
.flame-rules-dialog-popup .flame-rules-dialog-content,
.flame-rules-dialog-popup #rules_content{
    max-height:calc(100vh - 108px) !important;
    overflow-y:auto !important;
}
@media (max-height:520px){
    .ui-dialog.flame-rules-dialog-popup,
    .flame-rules-dialog-popup.ui-dialog{
        top:8px !important;
        max-height:calc(100vh - 16px) !important;
    }
    .flame-rules-dialog-popup .ui-dialog-content,
    .flame-rules-dialog-popup .flame-rules-dialog-content,
    .flame-rules-dialog-popup #rules_content{
        max-height:calc(100vh - 86px) !important;
    }
}
@media (max-width:575.98px){
    .ui-dialog.flame-rules-dialog-popup,
    .flame-rules-dialog-popup.ui-dialog{
        top:10px !important;
        max-height:calc(100vh - 20px) !important;
    }
    .flame-rules-dialog-popup .ui-dialog-content,
    .flame-rules-dialog-popup .flame-rules-dialog-content,
    .flame-rules-dialog-popup #rules_content{
        max-height:calc(100vh - 92px) !important;
    }
}

/* v66 Flame registration form inside original page shell
   Keeps the original .flame-page-content big web block and original typography.
   #warn-info10, #warn-info11 and #warn-info12 are intentionally untouched. */
.registration_form.flame-registration-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px 18px;
    width:100%;
    margin:0;
}
.registration_form.flame-registration-form .form-group{
    margin-bottom:0 !important;
}
.registration_form.flame-registration-form .flame-registration-field-wide,
.registration_form.flame-registration-form .flame-registration-security,
.registration_form.flame-registration-form .flame-registration-rules,
.registration_form.flame-registration-form .flame-registration-actions{
    grid-column:1 / -1;
}
.registration_form.flame-registration-form label.control-label{
    display:block;
    margin-bottom:7px;
    color:#c5c2d5;
    font-weight:normal;
    text-shadow:none;
}
.registration_form.flame-registration-form label.control-label span{
    color:#c5c2d5 !important;
    font-size:inherit !important;
    font-weight:normal !important;
}
.registration_form.flame-registration-form .form-control{
    width:100%;
    border-radius:9px !important;
    border:1px solid rgba(183,112,47,.30) !important;
    background:linear-gradient(180deg, rgba(19,20,29,.98), rgba(10,11,17,.99)) !important;
    color:#ffffff !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 1px 0 rgba(0,0,0,.34) !important;
    transition:border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.registration_form.flame-registration-form .form-control:hover{
    border-color:rgba(251,209,129,.42) !important;
}
.registration_form.flame-registration-form .form-control:focus{
    border-color:rgba(251,209,129,.72) !important;
    background:linear-gradient(180deg, rgba(23,24,33,.99), rgba(10,11,17,.99)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 2px rgba(251,209,129,.10) !important;
    outline:none !important;
}
.flame-registration-rules-box{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    min-height:48px;
    padding:11px 13px;
    border-radius:12px;
    border:1px solid rgba(183,112,47,.30);
    background:linear-gradient(180deg, rgba(17,18,26,.96), rgba(8,9,14,.98));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 1px 0 rgba(0,0,0,.36);
}
.flame-registration-rules-box:hover{
    border-color:rgba(251,209,129,.42);
}
.flame-registration-check{
    position:relative;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    flex:0 0 22px;
    margin:0 !important;
    cursor:pointer;
}
.flame-registration-check input{
    position:absolute;
    inset:0;
    width:22px;
    height:22px;
    margin:0;
    opacity:0;
    cursor:pointer;
}
.flame-registration-check span{
    display:block;
    width:22px;
    height:22px;
    border-radius:6px;
    border:1px solid rgba(251,209,129,.50);
    background:linear-gradient(180deg, rgba(12,13,19,.98), rgba(5,6,10,.99));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 1px 0 rgba(0,0,0,.38);
}
.flame-registration-check input:checked + span{
    border-color:#fbd181;
    background:linear-gradient(180deg, rgba(251,209,129,.96), rgba(214,133,58,.96));
}
.flame-registration-check input:checked + span:after{
    content:'✓';
    display:block;
    color:#090a0f;
    font-weight:900;
    line-height:20px;
    text-align:center;
    text-shadow:none;
}
.flame-registration-rules-text{
    color:#c5c2d5;
    line-height:1.35;
    font-weight:normal;
}
.flame-registration-rules-text a{
    color:#fbd181 !important;
    font-weight:normal;
    text-decoration:none;
}
.flame-registration-rules-text a b,
.flame-registration-rules-text a strong{
    font-weight:normal !important;
}
.flame-registration-rules-text a:hover,
.flame-registration-rules-text a:focus{
    color:#fff4d2 !important;
    text-decoration:none;
}
.flame-registration-security{
    padding:12px 13px;
    border-radius:12px;
    border:1px solid rgba(183,112,47,.22);
    background:rgba(8,9,14,.34);
}
.flame-registration-security .QapTcha,
.flame-registration-security .g-recaptcha{
    margin-top:8px;
}
.flame-registration-security .g-recaptcha{
    display:flex;
    justify-content:center;
    transform-origin:top center;
}
.flame-registration-actions{
    padding-top:4px;
}
.registration_form.flame-registration-form .flame-registration-actions{
    margin-bottom:28px !important;
}
/* Keep original .btn.btn-primary skin. This class only makes the original button bigger. */
.flame-registration-submit-large{
    min-width:220px;
    min-height:46px;
    padding:10px 28px !important;
}
@media (max-width:767.98px){
    .registration_form.flame-registration-form{
        grid-template-columns:1fr;
        gap:13px;
    }
    .registration_form.flame-registration-form .flame-registration-field-wide,
    .registration_form.flame-registration-form .flame-registration-security,
    .registration_form.flame-registration-form .flame-registration-rules,
    .registration_form.flame-registration-form .flame-registration-actions{
        grid-column:auto;
    }
    .flame-registration-rules-box{
        align-items:flex-start;
        padding:11px 12px;
    }
    .flame-registration-submit-large{
        width:100%;
        min-width:0;
        min-height:46px;
    }
}
@media (max-width:390px){
    .flame-registration-security .g-recaptcha{
        transform:scale(.88);
        height:68px;
    }
}

/* v62 Flame About/Stats page local polish
   Scoped only to view.about.php and view.stats.php via .flame-about-stats-page.
   Makes the server statistics buttons much easier to notice and touches only red Castle Siege date/time fragments. */
.flame-about-stats-page .flame-about-server-buttons{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
    max-width:100% !important;
}
.flame-about-stats-page .flame-about-server-buttons.float-right{
    float:right !important;
}
.flame-about-stats-page .flame-about-server-button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:74px !important;
    min-width:240px !important;
    padding:20px 38px !important;
    margin:0 !important;
    font-size:22px !important;
    line-height:1.14 !important;
    white-space:normal !important;
    text-align:center !important;
}
.flame-about-stats-page .flame-cs-state .item_red,
.flame-about-stats-page .flame-cs-state font[color="red"],
.flame-about-stats-page .flame-cs-state font[color="#ff0000"],
.flame-about-stats-page .flame-cs-state font[color="#FF0000"],
.flame-about-stats-page .flame-cs-state span[style*="red"],
.flame-about-stats-page .flame-cs-state span[style*="#ff0000"],
.flame-about-stats-page .flame-cs-state span[style*="#FF0000"],
.flame-about-stats-page .flame-cs-time .item_red,
.flame-about-stats-page .flame-cs-time font[color="red"],
.flame-about-stats-page .flame-cs-time font[color="#ff0000"],
.flame-about-stats-page .flame-cs-time font[color="#FF0000"],
.flame-about-stats-page .flame-cs-time span[style*="red"],
.flame-about-stats-page .flame-cs-time span[style*="#ff0000"],
.flame-about-stats-page .flame-cs-time span[style*="#FF0000"]{
    font-size:13px !important;
    line-height:1.28 !important;
}
@media (max-width:767.98px){
    .flame-about-stats-page .flame-about-server-buttons.float-right{
        float:none !important;
        width:100% !important;
        margin-top:14px !important;
        justify-content:center !important;
    }
    .flame-about-stats-page .flame-about-server-button{
        flex:1 1 245px !important;
        max-width:380px !important;
        min-height:68px !important;
        min-width:0 !important;
        padding:17px 24px !important;
        font-size:20px !important;
    }
    .flame-about-stats-page .flame-cs-state .item_red,
    .flame-about-stats-page .flame-cs-state font[color="red"],
    .flame-about-stats-page .flame-cs-state font[color="#ff0000"],
    .flame-about-stats-page .flame-cs-state font[color="#FF0000"],
    .flame-about-stats-page .flame-cs-state span[style*="red"],
    .flame-about-stats-page .flame-cs-state span[style*="#ff0000"],
    .flame-about-stats-page .flame-cs-state span[style*="#FF0000"],
    .flame-about-stats-page .flame-cs-time .item_red,
    .flame-about-stats-page .flame-cs-time font[color="red"],
    .flame-about-stats-page .flame-cs-time font[color="#ff0000"],
    .flame-about-stats-page .flame-cs-time font[color="#FF0000"],
    .flame-about-stats-page .flame-cs-time span[style*="red"],
    .flame-about-stats-page .flame-cs-time span[style*="#ff0000"],
    .flame-about-stats-page .flame-cs-time span[style*="#FF0000"]{
        font-size:inherit !important;
        line-height:inherit !important;
    }
}


/* v65 Castle Siege registration warn-info service-card style
   Stats page only. Keeps the user's warn-info12 block, but styles it like the account-panel User Services cards.
   No left yellow account-info rail. Registration page #warn-info10/11/12 blocks are untouched. */
.flame-about-stats-page #warn-info12.flame-cs-registration-note{
    position:relative !important;
    display:block !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    margin:4px 0 8px !important;
    padding:18px 22px !important;
    color:#d8d4e6 !important;
    font-size:18px !important;
    line-height:1.45 !important;
    border:1px solid rgba(183,112,47,.28) !important;
    border-radius:14px !important;
    background:linear-gradient(180deg, rgba(18,19,27,.97), rgba(8,9,14,.99)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 1px 0 rgba(0,0,0,.45) !important;
    overflow:hidden !important;
}
.flame-about-stats-page #warn-info12.flame-cs-registration-note:hover{
    border-color:rgba(251,209,129,.42) !important;
    background:linear-gradient(180deg, rgba(24,24,31,.98), rgba(10,10,15,.99)) !important;
}
.flame-about-stats-page #warn-info12.flame-cs-registration-note:before,
.flame-about-stats-page #warn-info12.flame-cs-registration-note:after{
    content:none !important;
    display:none !important;
}
.flame-about-stats-page #warn-info12.flame-cs-registration-note .flame-cs-registration-note-title{
    margin:0 0 7px !important;
    color:#fff !important;
    font-size:20px !important;
    font-weight:600 !important;
    line-height:1.22 !important;
    letter-spacing:.1px !important;
}
.flame-about-stats-page #warn-info12.flame-cs-registration-note .flame-cs-registration-note-text{
    margin:0 !important;
    padding-right:0 !important;
    color:#d8d4e6 !important;
    font-size:18px !important;
    font-weight:400 !important;
    line-height:1.45 !important;
}
@media (max-width:767.98px){
    .flame-about-stats-page #warn-info12.flame-cs-registration-note{
        margin:3px 0 7px !important;
        padding:15px 16px !important;
        font-size:15px !important;
        line-height:1.4 !important;
    }
    .flame-about-stats-page #warn-info12.flame-cs-registration-note .flame-cs-registration-note-title{
        font-size:17px !important;
        margin-bottom:6px !important;
    }
    .flame-about-stats-page #warn-info12.flame-cs-registration-note .flame-cs-registration-note-text{
        font-size:15px !important;
        line-height:1.4 !important;
    }
}

/* v15 Flame Sign In popup clean modern style
   Scoped only to #enter. Keeps original Login and Registration button skins. */
#enter.modal_div{
    box-sizing:border-box !important;
    width:min(640px, calc(100vw - 28px)) !important;
    max-width:640px !important;
    max-height:calc(100vh - 34px) !important;
    left:50% !important;
    top:50% !important;
    margin-left:0 !important;
    padding:0 !important;
    transform:translate(-50%, -50%) !important;
    border-radius:18px !important;
    overflow:hidden !important;
    background:linear-gradient(180deg, rgba(17,18,27,.99), rgba(7,8,14,.995)) !important;
    border:1px solid rgba(251,209,129,.34) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04), inset 0 0 0 1px rgba(0,0,0,.24), 0 24px 62px rgba(0,0,0,.76) !important;
    color:#d9d4e6 !important;
    font-family:var(--flame-ui-font, 'DINNextW1G','Open Sans',Arial,Helvetica,sans-serif) !important;
}
#enter.modal_div .modalContent{
    position:relative;
    box-sizing:border-box;
    width:100%;
    max-height:calc(100vh - 34px);
    padding:0 0 28px;
    overflow:auto;
    background:transparent !important;
}
#enter.modal_div .modalContent::-webkit-scrollbar{width:8px;}
#enter.modal_div .modalContent::-webkit-scrollbar-track{background:rgba(0,0,0,.28);}
#enter.modal_div .modalContent::-webkit-scrollbar-thumb{background:rgba(251,209,129,.42);border-radius:8px;}
#enter.modal_div .modal-title{
    position:relative;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px;
    min-height:75px;
    margin:0 0 24px !important;
    padding:20px 74px 21px 24px !important;
    border:0 !important;
    background:linear-gradient(180deg, rgba(17,18,27,.99), rgba(8,9,15,.995)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035), inset 0 -2px 0 rgba(230,145,65,.92) !important;
}
#enter.modal_div .modal-title:after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:3px;
    pointer-events:none;
    background:linear-gradient(90deg, #cf7b3a 0%, #fbd181 48%, #ff7a22 100%);
}
#enter.modal_div .modal-title span{
    position:relative;
    z-index:1;
    margin:0 !important;
    color:#fff4e5 !important;
    font-size:30px !important;
    font-weight:500 !important;
    line-height:1.12 !important;
    letter-spacing:.45px !important;
    text-transform:uppercase !important;
    text-shadow:0 2px 0 rgba(0,0,0,.72) !important;
}
#enter.modal_div .modal-title a.button{
    position:relative;
    z-index:1;
    flex:0 0 auto;
    max-width:100%;
    white-space:nowrap;
}
#enter.modal_div form{
    box-sizing:border-box;
    width:100%;
    padding:0 30px;
}
#enter.modal_div .formGroup{
    margin-bottom:17px !important;
}
#enter.modal_div .formGroup p{
    margin:0 0 9px !important;
    color:rgba(223,217,233,.90) !important;
    font-size:15px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    letter-spacing:.15px !important;
    text-transform:none !important;
    font-family:inherit !important;
}
#enter.modal_div input[type="text"],
#enter.modal_div input[type="password"],
#enter.modal_div input.input{
    box-sizing:border-box !important;
    display:block !important;
    width:100% !important;
    min-height:50px !important;
    margin:0 !important;
    padding:12px 15px !important;
    border-radius:13px !important;
    border:1px solid rgba(251,209,129,.25) !important;
    background:linear-gradient(180deg, rgba(10,11,16,.92), rgba(5,6,10,.96)) !important;
    color:#fff7ef !important;
    font-size:15px !important;
    line-height:1.25 !important;
    outline:none !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025), 0 1px 0 rgba(0,0,0,.32) !important;
    transition:border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
#enter.modal_div input[type="text"]::placeholder,
#enter.modal_div input[type="password"]::placeholder,
#enter.modal_div input.input::placeholder{
    color:rgba(218,210,228,.42) !important;
}
#enter.modal_div input[type="text"]:hover,
#enter.modal_div input[type="password"]:hover,
#enter.modal_div input.input:hover,
#enter.modal_div input[type="text"]:focus,
#enter.modal_div input[type="password"]:focus,
#enter.modal_div input.input:focus{
    border-color:rgba(251,209,129,.62) !important;
    background:linear-gradient(180deg, rgba(13,14,20,.98), rgba(7,8,13,.99)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 0 0 2px rgba(251,209,129,.08) !important;
}
#enter.modal_div #captcha_image{
    max-width:100%;
    border-radius:10px;
    border:1px solid rgba(251,209,129,.22);
    background:rgba(0,0,0,.28);
    padding:5px;
}
#enter.modal_div .formButtons{
    margin-top:21px;
    text-align:center;
}
#enter.modal_div .lost-pass{
    display:inline-block !important;
    margin-top:15px !important;
    color:#fbd181 !important;
    font-size:14px !important;
    font-weight:500 !important;
    text-decoration:none !important;
}
#enter.modal_div .lost-pass:hover,
#enter.modal_div .lost-pass:focus{
    color:#fff4d2 !important;
    text-decoration:none !important;
}
#enter.modal_div .modal_close{
    top:18px !important;
    right:20px !important;
    width:36px !important;
    height:36px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:none !important;
    opacity:1 !important;
    z-index:5 !important;
    text-decoration:none !important;
    overflow:hidden !important;
    font-size:0 !important;
    line-height:0 !important;
}
#enter.modal_div .modal_close:before{
    content:'×';
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    box-sizing:border-box;
    border-radius:50%;
    border:1px solid rgba(251,209,129,.42);
    background:rgba(0,0,0,.34);
    color:#fff4e5;
    font-size:31px;
    font-weight:700;
    line-height:1;
    text-shadow:0 1px 0 rgba(0,0,0,.75);
    transition:background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease;
}
#enter.modal_div .modal_close:after{display:none !important;}
#enter.modal_div .modal_close:hover:before,
#enter.modal_div .modal_close:focus:before{
    border-color:rgba(251,209,129,.78);
    background:rgba(251,209,129,.16);
    color:#fbd181;
    transform:scale(1.04);
}
@media (max-width:575.98px){
    #enter.modal_div{
        width:calc(100vw - 20px) !important;
        max-width:calc(100vw - 20px) !important;
        max-height:calc(100vh - 24px) !important;
        border-radius:15px !important;
    }
    #enter.modal_div .modalContent{
        max-height:calc(100vh - 24px);
        padding-bottom:22px;
    }
    #enter.modal_div .modal-title{
        display:flex !important;
        flex-direction:column;
        align-items:flex-start !important;
        justify-content:center !important;
        min-height:0;
        gap:12px;
        padding:16px 58px 18px 18px !important;
        margin-bottom:20px !important;
        border-radius:15px 15px 0 0 !important;
    }
    #enter.modal_div .modal-title span{
        display:block;
        font-size:23px !important;
        letter-spacing:.25px !important;
    }
    #enter.modal_div .modal-title a.button{
        max-width:100%;
        white-space:normal;
    }
    #enter.modal_div form{
        padding:0 18px;
    }
    #enter.modal_div .modal_close{
        top:13px !important;
        right:14px !important;
        width:34px !important;
        height:34px !important;
    }
    #enter.modal_div .modal_close:before{
        width:34px;
        height:34px;
        font-size:29px;
    }
    #enter.modal_div input[type="text"],
    #enter.modal_div input[type="password"],
    #enter.modal_div input.input{
        min-height:48px !important;
        font-size:15px !important;
    }
}


/* v16 Flame Sign In popup final polish
   Scoped only to #enter. Keeps original button skins, only improves Login button size and uses the same centered close X construction as Select Server. */
#enter.modal_div .formButtons button,
#enter.modal_div .formButtons button[type="submit"],
#enter.modal_div .formButtons button[type="sumbit"]{
    min-width:190px !important;
    min-height:52px !important;
    padding:12px 34px !important;
    font-size:18px !important;
    line-height:1.2 !important;
    text-align:center !important;
}

#enter.modal_div .modal_close{
    position:absolute !important;
    display:block !important;
    top:18px !important;
    right:20px !important;
    width:38px !important;
    height:38px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:transparent !important;
    opacity:1 !important;
    overflow:visible !important;
    font-size:0 !important;
    line-height:0 !important;
    text-decoration:none !important;
    cursor:pointer !important;
    transform:none !important;
    z-index:5 !important;
}
#enter.modal_div .modal_close:before{
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:38px !important;
    height:38px !important;
    box-sizing:border-box !important;
    border-radius:50% !important;
    border:1px solid rgba(251,209,129,.54) !important;
    background:
        radial-gradient(circle at 50% 38%, rgba(251,209,129,.16), transparent 55%),
        linear-gradient(180deg, rgba(45,39,31,.98), rgba(18,18,22,.99)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 3px 10px rgba(0,0,0,.35) !important;
    transform:none !important;
    transition:background .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}
#enter.modal_div .modal_close:after{
    content:'' !important;
    position:absolute !important;
    display:block !important;
    left:50% !important;
    top:50% !important;
    width:20px !important;
    height:20px !important;
    transform:translate(-50%, -50%) !important;
    background:
        linear-gradient(45deg, transparent 43%, #f7d58c 44%, #f7d58c 56%, transparent 57%),
        linear-gradient(-45deg, transparent 43%, #f7d58c 44%, #f7d58c 56%, transparent 57%) !important;
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.80)) !important;
    transition:background .16s ease, filter .16s ease !important;
    pointer-events:none !important;
}
#enter.modal_div .modal_close:hover:before,
#enter.modal_div .modal_close:focus:before{
    border-color:rgba(251,209,129,.82) !important;
    background:
        radial-gradient(circle at 50% 38%, rgba(251,209,129,.24), transparent 58%),
        linear-gradient(180deg, rgba(55,45,32,.99), rgba(20,20,24,.99)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 0 0 2px rgba(251,209,129,.08),
        0 4px 12px rgba(0,0,0,.42) !important;
    transform:none !important;
}
#enter.modal_div .modal_close:hover:after,
#enter.modal_div .modal_close:focus:after{
    background:
        linear-gradient(45deg, transparent 43%, #ffe6aa 44%, #ffe6aa 56%, transparent 57%),
        linear-gradient(-45deg, transparent 43%, #ffe6aa 44%, #ffe6aa 56%, transparent 57%) !important;
}

@media (max-width:575.98px){
    #enter.modal_div .formButtons button,
    #enter.modal_div .formButtons button[type="submit"],
    #enter.modal_div .formButtons button[type="sumbit"]{
        width:100% !important;
        min-width:0 !important;
        min-height:50px !important;
        padding:11px 18px !important;
        font-size:17px !important;
    }
    #enter.modal_div .modal_close{
        top:13px !important;
        right:14px !important;
        width:35px !important;
        height:35px !important;
    }
    #enter.modal_div .modal_close:before{
        width:35px !important;
        height:35px !important;
    }
    #enter.modal_div .modal_close:after{
        width:18px !important;
        height:18px !important;
    }
}

/* v17 Flame Select Server popup vertical position tweak
   Scoped only to #select_server. Moves the Select Server popup slightly lower on PC and a bit more on mobile. */
#select_server{
    margin-top:14px !important;
}

@media (max-width:575.98px){
    #select_server{
        margin-top:32px !important;
    }
}

/* v18 Flame Sign In + Select Server unified popup font
   Uses the existing Flame/site UI font stack, so both popups match without loading a new external font. */
#select_server,
#select_server .modal-header h2,
#select_server .modal-header2 h2,
#select_server .flame-server-select,
#select_server .flame-server-select-toggle,
#select_server .flame-server-select-option,
#enter.modal_div,
#enter.modal_div .modal-title,
#enter.modal_div .modal-title span,
#enter.modal_div .formGroup p,
#enter.modal_div input[type="text"],
#enter.modal_div input[type="password"],
#enter.modal_div input.input,
#enter.modal_div .lost-pass{
    font-family:var(--flame-ui-font, 'DINNextW1G','Open Sans',Arial,Helvetica,sans-serif) !important;
}

/* v19 Flame Select Server width and darker overlay
   Keeps Sign In unchanged, makes Select Server slightly wider and darkens the lean overlay so the popup behind does not distract. */
#select_server{
    width:560px !important;
    max-width:calc(100vw - 28px) !important;
}

#lean_overlay{
    background:rgba(0,0,0,.86) !important;
    opacity:1 !important;
}

@media (max-width:575.98px){
    #select_server{
        max-width:calc(100vw - 20px) !important;
    }
}

/* Flame Hide Info page
   Moved from view.index.php inline style. */
.hide-info-page {
        max-width: 980px;
        margin: 0 auto;
    }
    .hide-info-hero {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(255, 154, 66, 0.48);
        border-radius: 18px;
        padding: 26px;
        margin-bottom: 22px;
        background:
            linear-gradient(135deg, rgba(15, 11, 18, 0.98) 0%, rgba(10, 12, 20, 0.99) 52%, rgba(6, 8, 14, 0.99) 100%);
        box-shadow:
            inset 0 1px 0 rgba(255, 225, 176, 0.10),
            0 10px 22px rgba(0, 0, 0, 0.30);
    }
    .hide-info-hero:before {
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        border-radius: inherit;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.040) 0%, rgba(255, 255, 255, 0.012) 22%, transparent 50%),
            linear-gradient(90deg, rgba(255, 154, 66, 0.028) 0%, transparent 13%, transparent 87%, rgba(255, 154, 66, 0.02) 100%),
            conic-gradient(from 180deg at 8% 100%, transparent 0deg 34deg, rgba(255, 118, 28, 0.14) 48deg, rgba(251, 209, 129, 0.22) 61deg, rgba(255, 132, 36, 0.12) 74deg, transparent 88deg 360deg),
            conic-gradient(from 180deg at 17% 100%, transparent 0deg 32deg, rgba(255, 122, 32, 0.12) 46deg, rgba(251, 209, 129, 0.19) 59deg, rgba(255, 138, 40, 0.11) 72deg, transparent 86deg 360deg),
            conic-gradient(from 180deg at 31% 100%, transparent 0deg 36deg, rgba(255, 122, 32, 0.08) 49deg, rgba(251, 209, 129, 0.13) 61deg, rgba(255, 138, 40, 0.07) 73deg, transparent 86deg 360deg),
            conic-gradient(from 180deg at 49% 100%, transparent 0deg 37deg, rgba(255, 122, 32, 0.06) 49deg, rgba(251, 209, 129, 0.10) 60deg, rgba(255, 138, 40, 0.055) 72deg, transparent 85deg 360deg),
            conic-gradient(from 180deg at 68% 100%, transparent 0deg 36deg, rgba(255, 122, 32, 0.08) 49deg, rgba(251, 209, 129, 0.13) 61deg, rgba(255, 138, 40, 0.07) 73deg, transparent 86deg 360deg),
            conic-gradient(from 180deg at 83% 100%, transparent 0deg 32deg, rgba(255, 122, 32, 0.12) 46deg, rgba(251, 209, 129, 0.19) 59deg, rgba(255, 138, 40, 0.11) 72deg, transparent 86deg 360deg),
            linear-gradient(90deg, transparent 0%, rgba(251, 209, 129, 0.03) 18%, transparent 36%, transparent 64%, rgba(251, 209, 129, 0.03) 82%, transparent 100%);
        background-repeat: no-repeat;
        opacity: 0.78;
    }
    .hide-info-hero:after {
        content: '';
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 0;
        height: 2px;
        pointer-events: none;
        background: linear-gradient(90deg, transparent, #ff9a42 18%, #fbd181 50%, #ff7a22 82%, transparent);
    }
    .hide-info-hero-content {
        position: relative;
        z-index: 1;
    }
    .hide-info-badge {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 7px 12px;
        border-radius: 999px;
        color: #fbd181;
        background: rgba(251, 209, 129, 0.11);
        border: 1px solid rgba(251, 209, 129, 0.18);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        margin-bottom: 14px;
    }
    .hide-info-title {
        margin: 0 0 10px;
        color: #fff;
        font-size: 28px;
        line-height: 1.2;
        font-weight: 800;
    }
    .hide-info-subtitle {
        max-width: 720px;
        margin: 0;
        color: rgba(255, 255, 255, 0.80);
        font-size: 14px;
        line-height: 1.65;
    }
    .hide-info-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
        margin: 18px 0 22px;
    }
    .hide-info-card {
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 16px;
        padding: 18px;
        background: rgba(13, 15, 24, 0.74);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 12px 30px rgba(0, 0, 0, 0.18);
        min-width: 0;
    }
    .hide-info-card-label {
        display: block;
        margin-bottom: 8px;
        color: rgba(255, 255, 255, 0.55);
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }
    .hide-info-card-value {
        display: block;
        color: #fff;
        font-size: 18px;
        font-weight: 800;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }
    .hide-info-card-muted {
        display: block;
        margin-top: 6px;
        color: rgba(255, 255, 255, 0.56);
        font-size: 12px;
        line-height: 1.45;
    }
    .hide-info-active {
        color: #8ef0b0;
    }
    .hide-info-inactive {
        color: #ffb46b;
    }
    .hide-info-details {
        display: grid;
        grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
        gap: 16px;
        align-items: stretch;
    }
    .hide-info-panel {
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 16px;
        padding: 18px;
        background: rgba(10, 12, 19, 0.65);
        min-width: 0;
    }
    .hide-info-panel h3 {
        margin: 0 0 14px;
        color: #fff;
        font-size: 16px;
        font-weight: 800;
    }
    .hide-info-list {
        display: grid;
        gap: 10px;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .hide-info-list li {
        display: flex;
        gap: 10px;
        color: rgba(255, 255, 255, 0.72);
        font-size: 13px;
        line-height: 1.5;
    }
    .hide-info-check {
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: #11131b;
        background: #fbd181;
        font-size: 12px;
        font-weight: 900;
        margin-top: 1px;
    }
    .hide-info-buy-box {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 16px;
    }
    .hide-info-price {
        color: #fbd181;
        font-size: 30px;
        line-height: 1.15;
        font-weight: 900;
        word-break: break-word;
    }
    .hide-info-duration {
        margin-top: 7px;
        color: rgba(255, 255, 255, 0.64);
        font-size: 13px;
    }
    .hide-info-note {
        padding: 12px 14px;
        border-radius: 12px;
        color: rgba(255, 255, 255, 0.70);
        background: rgba(255, 255, 255, 0.045);
        border: 1px solid rgba(255, 255, 255, 0.06);
        font-size: 12px;
        line-height: 1.55;
    }
    .hide-info-actions {
        text-align: center;
    }
    .hide-info-actions .btn {
        min-width: 170px;
        border-radius: 999px;
        font-weight: 800;
        padding-left: 22px;
        padding-right: 22px;
    }
    @media (max-width: 991px) {
        .hide-info-grid,
        .hide-info-details {
            grid-template-columns: 1fr;
        }
        .hide-info-title {
            font-size: 24px;
        }
    }
    @media (max-width: 575px) {
        .hide-info-hero {
            padding: 20px 16px;
            border-radius: 14px;
        }
        .hide-info-card,
        .hide-info-panel {
            padding: 15px;
            border-radius: 14px;
        }
        .hide-info-price {
            font-size: 24px;
        }
        .hide-info-actions .btn {
            width: 100%;
        }
    }

/* Flame Vote Reward page
   Consolidated from old duplicated Vote Reward blocks and moved inline styles from view.votereward.php. */
.flame-votereward-page .flame-votereward-page-inner{
    max-width:980px;
    margin:0 auto;
}

.flame-votereward-page .flame-votereward-hero{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(255,154,66,.48);
    border-radius:18px;
    padding:26px;
    margin-bottom:22px;
    background:
        linear-gradient(135deg, rgba(15,11,18,.98) 0%, rgba(10,12,20,.99) 52%, rgba(6,8,14,.99) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,225,176,.10),
        0 10px 22px rgba(0,0,0,.30);
}

.flame-votereward-page .flame-votereward-hero:before{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:
        linear-gradient(180deg, rgba(255,255,255,.040) 0%, rgba(255,255,255,.012) 22%, transparent 50%),
        linear-gradient(90deg, rgba(255,154,66,.028) 0%, transparent 13%, transparent 87%, rgba(255,154,66,.02) 100%),
        conic-gradient(from 180deg at 8% 100%, transparent 0deg 34deg, rgba(255,118,28,.14) 48deg, rgba(251,209,129,.22) 61deg, rgba(255,132,36,.12) 74deg, transparent 88deg 360deg),
        conic-gradient(from 180deg at 17% 100%, transparent 0deg 32deg, rgba(255,122,32,.12) 46deg, rgba(251,209,129,.19) 59deg, rgba(255,138,40,.11) 72deg, transparent 86deg 360deg),
        conic-gradient(from 180deg at 31% 100%, transparent 0deg 36deg, rgba(255,122,32,.08) 49deg, rgba(251,209,129,.13) 61deg, rgba(255,138,40,.07) 73deg, transparent 86deg 360deg),
        conic-gradient(from 180deg at 49% 100%, transparent 0deg 37deg, rgba(255,122,32,.06) 49deg, rgba(251,209,129,.10) 60deg, rgba(255,138,40,.055) 72deg, transparent 85deg 360deg),
        conic-gradient(from 180deg at 68% 100%, transparent 0deg 36deg, rgba(255,122,32,.08) 49deg, rgba(251,209,129,.13) 61deg, rgba(255,138,40,.07) 73deg, transparent 86deg 360deg),
        conic-gradient(from 180deg at 83% 100%, transparent 0deg 32deg, rgba(255,122,32,.12) 46deg, rgba(251,209,129,.19) 59deg, rgba(255,138,40,.11) 72deg, transparent 86deg 360deg),
        linear-gradient(90deg, transparent 0%, rgba(251,209,129,.03) 18%, transparent 36%, transparent 64%, rgba(251,209,129,.025) 82%, transparent 100%);
    background-repeat:no-repeat;
    opacity:.78;
}

.flame-votereward-page .flame-votereward-hero:after{
    content:'';
    position:absolute;
    left:20px;
    right:20px;
    bottom:0;
    height:2px;
    pointer-events:none;
    background:linear-gradient(90deg, transparent, #ff9a42 18%, #fbd181 50%, #ff7a22 82%, transparent);
}

.flame-votereward-page .flame-votereward-hero-content{
    position:relative;
    z-index:1;
}

.flame-votereward-page .flame-votereward-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 12px;
    border-radius:999px;
    color:#fbd181;
    background:rgba(251,209,129,.11);
    border:1px solid rgba(251,209,129,.18);
    font-size:12px;
    font-weight:700;
    letter-spacing:.03em;
    text-transform:uppercase;
    margin-bottom:14px;
}

.flame-votereward-page .flame-votereward-title{
    margin:0 0 10px;
    color:#fff;
    font-size:28px;
    line-height:1.2;
    font-weight:800;
}

.flame-votereward-page .flame-votereward-subtitle{
    max-width:720px;
    margin:0;
    color:rgba(255,255,255,.80);
    font-size:14px;
    line-height:1.65;
}

.flame-votereward-page .flame-votereward-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin:18px 0 22px;
}

.flame-votereward-page .flame-votereward-card{
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    padding:18px;
    background:rgba(13,15,24,.74);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 12px 30px rgba(0,0,0,.18);
    min-width:0;
}

.flame-votereward-page .flame-votereward-card-label{
    display:block;
    margin-bottom:8px;
    color:rgba(255,255,255,.55);
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.flame-votereward-page .flame-votereward-card-value{
    display:block;
    color:#fff;
    font-size:18px;
    font-weight:800;
    line-height:1.35;
    overflow-wrap:anywhere;
}

.flame-votereward-page .flame-votereward-card-muted{
    display:block;
    margin-top:6px;
    color:rgba(255,255,255,.56);
    font-size:12px;
    line-height:1.45;
}

.flame-votereward-page ul#vote-options{
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    margin:0;
    padding:0;
    list-style:none;
}

.flame-votereward-page ul#vote-options h5{
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    margin:0;
    padding:0;
}

.flame-votereward-page #vote-options{
    color:#555;
    list-style-type:none;
    margin:0;
}

.flame-votereward-page #vote-options li{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    height:auto !important;
    min-height:65px !important;
    margin-top:10px;
    padding:10px;
    border-radius:5px;
    background:#272634;
    line-height:1.25 !important;
    box-sizing:border-box !important;
}

.flame-votereward-page #vote-options li img.float-left,
.flame-votereward-page #vote-options li h5.float-left,
.flame-votereward-page #vote-options li button.float-right{
    float:none !important;
}

.flame-votereward-page #vote-options li img.float-left{
    flex:0 0 75px !important;
    width:75px;
    height:45px;
}

.flame-votereward-page #vote-options li h5.float-left{
    flex:1 1 auto !important;
    min-width:0 !important;
    color:#fff;
    font-weight:bolder;
    font-size:24px;
    border-left:1px solid #393749;
    padding-left:10px;
    margin-left:10px;
    margin-top:0 !important;
    margin-bottom:0 !important;
    line-height:1.2 !important;
}

.flame-votereward-page #vote-options li h5[id^="counter-"]{
    flex:0 1 auto !important;
}

.flame-votereward-page #vote-options li .flame-vote-reward-button{
    flex:0 0 auto !important;
    align-self:center !important;
    min-width:158px !important;
    min-height:46px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding:9px 22px !important;
    font-size:17px !important;
    line-height:1.2 !important;
}

.flame-votereward-page #vote-options li .flame-vote-reward-button:disabled,
.flame-votereward-page #vote-options li .flame-vote-reward-button[disabled],
.flame-votereward-page #vote-options li .flame-vote-reward-button.disabled{
    background:#21202c !important;
    background-color:#21202c !important;
    border-color:transparent !important;
    color:#fff !important;
    box-shadow:none !important;
    filter:none !important;
    opacity:.78 !important;
    cursor:not-allowed !important;
}

.flame-votereward-page #vote-options li .flame-vote-reward-button:disabled:hover,
.flame-votereward-page #vote-options li .flame-vote-reward-button:disabled:focus,
.flame-votereward-page #vote-options li .flame-vote-reward-button[disabled]:hover,
.flame-votereward-page #vote-options li .flame-vote-reward-button[disabled]:focus,
.flame-votereward-page #vote-options li .flame-vote-reward-button.disabled:hover,
.flame-votereward-page #vote-options li .flame-vote-reward-button.disabled:focus{
    background:#21202c !important;
    background-color:#21202c !important;
    color:#fff !important;
    box-shadow:none !important;
}

.flame-votereward-page #vote-options li .flame-vote-next-available{
    display:none;
    float:none!important;
    flex:0 0 auto!important;
    align-items:center;
    justify-content:center;
    min-height:32px;
    padding:5px 10px;
    border-radius:8px;
    border:1px solid rgba(255,216,143,.16);
    background:rgba(12,11,18,.24);
    color:rgba(255,230,185,.86);
    font-size:13px;
    font-weight:800;
    line-height:1.2;
    white-space:nowrap;
}

.flame-votereward-page #vote-options li .flame-vote-next-available.is-active{
    display:inline-flex;
}

@media (max-width:991px){
    .flame-votereward-page .flame-votereward-grid{
        grid-template-columns:1fr;
    }
    .flame-votereward-page .flame-votereward-title{
        font-size:24px;
    }
}

@media (max-width:767.98px){
    .flame-votereward-page #vote-options{
        width:100%;
        margin:0 0 10px 0 !important;
        padding:0 !important;
    }
    .flame-votereward-page #vote-options li{
        flex-wrap:wrap;
        gap:8px 10px !important;
        width:100%;
        padding:10px !important;
    }
    .flame-votereward-page #vote-options li img.float-left{
        flex:0 0 75px !important;
        object-fit:contain;
    }
    .flame-votereward-page #vote-options li h5.float-left{
        flex:1 1 calc(100% - 95px) !important;
        margin:0 !important;
        border-left:0;
        padding-left:0;
        font-size:18px;
        word-break:normal;
        overflow-wrap:anywhere;
    }
    .flame-votereward-page #vote-options li h5[id^="counter-"]{
        flex:1 1 100% !important;
        padding-left:0 !important;
        margin-top:2px !important;
        text-align:center;
    }
    .flame-votereward-page #vote-options li .flame-vote-reward-button{
        flex:1 1 100% !important;
        width:100% !important;
        min-width:0 !important;
        min-height:48px !important;
        margin-top:4px !important;
        padding:11px 18px !important;
        font-size:17px !important;
        white-space:normal !important;
    }
    .flame-votereward-page #vote-options li .flame-vote-next-available{
        flex:1 1 100%!important;
        width:100%;
        min-height:30px;
        margin-top:0;
        font-size:13px;
    }
}


@media (max-width:575px){
    .flame-votereward-page .flame-votereward-hero{
        padding:20px 16px;
        border-radius:14px;
    }
    .flame-votereward-page .flame-votereward-card{
        padding:15px;
        border-radius:14px;
    }
}

/* Weekly Top History follows the same centered Vote Reward content width. */
.flame-weekly-history-page .hide-info-hero,
.flame-weekly-history-page .flame-votereward-card,
.flame-weekly-history-page .flame-rankings-table-wrap{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
}

@media (max-width:380px){
    .flame-votereward-page #vote-options li{
        gap:7px 8px !important;
        padding:8px !important;
    }
    .flame-votereward-page #vote-options li img.float-left{
        flex-basis:70px !important;
        width:70px;
        height:42px;
    }
    .flame-votereward-page #vote-options li h5.float-left{
        flex-basis:calc(100% - 86px) !important;
        padding-left:8px;
        font-size:16px;
    }
    .flame-votereward-page #vote-options li .flame-vote-reward-button{
        min-height:46px !important;
        padding:10px 14px !important;
        font-size:15px !important;
    }
    .flame-votereward-page #vote-options li .flame-vote-next-available{
        font-size:12.5px;
        padding:5px 8px;
    }
}

/* v74 Vote Reward successful history styles
   Moved from view.votereward.php so the template keeps CSS out of HTML. */
.flame-vote-history-wrap{margin-top:8px;}
.flame-vote-history-title-table{margin-bottom:12px!important;}
.flame-vote-history-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0 6px;margin-bottom:0;}
.flame-vote-history-table thead th{padding:7px 9px!important;font-size:16px;font-weight:800;line-height:1.15;white-space:nowrap;vertical-align:middle;}
.flame-vote-history-table tbody tr{background:rgba(0,0,0,.10);}
.flame-vote-history-table tbody td{padding:7px 9px!important;font-size:17px;line-height:1.22;vertical-align:middle;}
.flame-vote-history-pos{width:42px;text-align:center;white-space:nowrap;}
.flame-vote-history-site{width:auto;text-align:left!important;}
.flame-vote-history-table > thead > tr > th.flame-vote-history-site{text-align:left!important;}
.flame-vote-history-reward{width:170px;text-align:center;white-space:nowrap;}
.flame-vote-history-date{width:170px;text-align:right!important;white-space:nowrap;}
.flame-vote-history-pos-badge{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 6px;border-radius:999px;background:linear-gradient(135deg,#7a1c0d,#c43b1c,#ff8a1f);color:#fff;font-size:13px;font-weight:800;line-height:1;box-shadow:0 0 7px rgba(255,120,40,.35);}
.flame-vote-history-site-name{display:block;font-weight:800;color:#ffe0aa;line-height:1.16;}
.flame-vote-history-amount{display:inline-block;box-sizing:border-box;max-width:124px;padding:2px 7px;border-radius:6px;font-weight:800;text-align:center;color:#42d66d!important;background:rgba(66,214,109,.08);border:1px solid rgba(66,214,109,.30);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15.5px;}
.flame-vote-history-date-text{display:inline-block;white-space:nowrap;line-height:1.15;font-size:15px;}
.flame-vote-history-empty{margin:0;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(0,0,0,.12);color:rgba(255,255,255,.70);font-size:16px;text-align:center;}
.flame-vote-history-pagination{margin-top:14px;}
.flame-vote-history-pagination ul{display:flex;justify-content:center;align-items:center;gap:0;flex-wrap:wrap;height:auto!important;margin:0;padding:0;}
.flame-vote-history-pagination li{float:none!important;margin-bottom:8px;}
.flame-vote-history-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;text-decoration:none!important;}
.flame-votereward-page #vote-options li h5.flame-vote-countdown{display:none;}
@media (max-width:991px){
    .flame-vote-history-reward{width:140px;}
    .flame-vote-history-date{width:142px;}
    .flame-vote-history-table thead th{font-size:15.5px;padding:6px 6px!important;}
    .flame-vote-history-table tbody td{font-size:16.5px;padding:6px 6px!important;}
    .flame-vote-history-amount{max-width:112px;font-size:14.5px;padding-left:5px;padding-right:5px;}
    .flame-vote-history-date-text{font-size:14px;}
}
@media (max-width:767px){
    .flame-vote-history-table{
        display:block;
        border-spacing:0 8px;
    }
    .flame-vote-history-table thead{display:none;}
    .flame-vote-history-table tbody{
        display:block;
        width:100%;
    }
    .flame-vote-history-table tbody tr{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"pos site date" "reward reward reward";align-items:center;column-gap:9px;row-gap:6px;width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(0,0,0,.18);}
    .flame-vote-history-table tbody td{display:block;width:auto!important;padding:0!important;border:0!important;min-width:0;}
    .flame-vote-history-pos{grid-area:pos;text-align:left!important;font-size:13px;opacity:.72;line-height:1.1;}
    .flame-vote-history-site{grid-area:site;text-align:left!important;}
    .flame-vote-history-reward{grid-area:reward;text-align:left!important;}
    .flame-vote-history-date{grid-area:date;text-align:right!important;}
    .flame-vote-history-site-name{font-size:16.5px;}
    .flame-vote-history-amount{max-width:140px;font-size:14px;}
    .flame-vote-history-date-text{font-size:13px;}
    .flame-vote-history-pos-badge{min-width:24px;height:24px;font-size:12px;padding:0 5px;}
}
@media (max-width:420px){
    .flame-vote-history-table tbody tr{column-gap:7px;padding:8px;}
    .flame-vote-history-site-name{font-size:16px;}
    .flame-vote-history-amount{font-size:13px;max-width:122px;}
    .flame-vote-history-date-text{font-size:12.5px;}
}

/* v67 Flame shared modern forms
   Universal form skin for account/service pages.
   Use .flame-modern-form with .flame-modern-field, .flame-modern-form-actions and .flame-modern-submit-large.
   Registration keeps its existing aliases, so current registration page stays unchanged. */
.flame-modern-form,
.registration_form.flame-registration-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px 18px;
    width:100%;
    margin:0;
}
.flame-modern-form .form-group,
.registration_form.flame-registration-form .form-group{
    margin-bottom:0 !important;
}
.flame-modern-field-wide,
.flame-modern-security,
.flame-modern-rules,
.flame-modern-form-actions,
.registration_form.flame-registration-form .flame-registration-field-wide,
.registration_form.flame-registration-form .flame-registration-security,
.registration_form.flame-registration-form .flame-registration-rules,
.registration_form.flame-registration-form .flame-registration-actions{
    grid-column:1 / -1;
}
.flame-modern-form label.control-label,
.registration_form.flame-registration-form label.control-label{
    display:block;
    margin-bottom:7px;
    color:#c5c2d5;
    font-weight:normal;
    text-shadow:none;
}
.flame-modern-form label.control-label span,
.registration_form.flame-registration-form label.control-label span{
    color:#c5c2d5 !important;
    font-size:inherit !important;
    font-weight:normal !important;
}
.flame-modern-form .form-control,
.registration_form.flame-registration-form .form-control{
    width:100%;
    min-height:42px;
    border-radius:9px !important;
    border:1px solid rgba(183,112,47,.30) !important;
    background:linear-gradient(180deg, rgba(19,20,29,.98), rgba(10,11,17,.99)) !important;
    color:#ffffff !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 1px 0 rgba(0,0,0,.34) !important;
    transition:border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.flame-modern-form select.form-control,
.registration_form.flame-registration-form select.form-control{
    cursor:pointer;
    appearance:auto;
}
.flame-modern-form .form-control:hover,
.registration_form.flame-registration-form .form-control:hover{
    border-color:rgba(251,209,129,.42) !important;
}
.flame-modern-form .form-control:focus,
.registration_form.flame-registration-form .form-control:focus{
    border-color:rgba(251,209,129,.72) !important;
    background:linear-gradient(180deg, rgba(23,24,33,.99), rgba(10,11,17,.99)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 2px rgba(251,209,129,.10) !important;
    outline:none !important;
}
.flame-modern-form-actions,
.flame-registration-actions{
    padding-top:4px;
}
.flame-modern-form .flame-modern-form-actions,
.registration_form.flame-registration-form .flame-registration-actions{
    margin-bottom:28px !important;
}
.flame-modern-submit-large,
.flame-registration-submit-large{
    min-width:220px;
    min-height:46px;
    padding:10px 28px !important;
}
@media (max-width:767.98px){
    .flame-modern-form,
    .registration_form.flame-registration-form{
        grid-template-columns:1fr;
        gap:13px;
    }
    .flame-modern-field-wide,
    .flame-modern-security,
    .flame-modern-rules,
    .flame-modern-form-actions,
    .registration_form.flame-registration-form .flame-registration-field-wide,
    .registration_form.flame-registration-form .flame-registration-security,
    .registration_form.flame-registration-form .flame-registration-rules,
    .registration_form.flame-registration-form .flame-registration-actions{
        grid-column:auto;
    }
    .flame-modern-submit-large,
    .flame-registration-submit-large{
        width:100%;
        min-width:0;
        min-height:46px;
    }
}

/* v68 Flame shared modern select dropdown
   Keeps native select lists dark/Flame styled as much as browsers allow.
   Reusable for any page using .flame-modern-form or the registration alias. */
.flame-modern-form select.form-control,
.registration_form.flame-registration-form select.form-control{
    color-scheme:dark;
    background-color:#0b0d13 !important;
    border-color:rgba(183,112,47,.36) !important;
    color:#fff4e5 !important;
}
.flame-modern-form select.form-control option,
.registration_form.flame-registration-form select.form-control option{
    background-color:#0b0d13 !important;
    color:#fff4e5 !important;
}
.flame-modern-form select.form-control option:checked,
.flame-modern-form select.form-control option:hover,
.flame-modern-form select.form-control option:focus,
.registration_form.flame-registration-form select.form-control option:checked,
.registration_form.flame-registration-form select.form-control option:hover,
.registration_form.flame-registration-form select.form-control option:focus{
    background-color:#2a2118 !important;
    color:#fbd181 !important;
}
.flame-modern-form select.form-control:focus option:checked,
.registration_form.flame-registration-form select.form-control:focus option:checked{
    background-color:#332517 !important;
    color:#fbd181 !important;
}

/* v69 Flame custom select dropdown
   Real Flame styled dropdown for .flame-modern-form and registration aliases.
   The native select stays in the form for safe submit/controller behaviour. */
.flame-custom-select-native{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    min-height:1px !important;
    max-width:1px !important;
    margin:0 !important;
    padding:0 !important;
    opacity:0 !important;
    pointer-events:none !important;
    overflow:hidden !important;
    border:0 !important;
    box-shadow:none !important;
}
.flame-custom-select{
    position:relative;
    width:100%;
    max-width:100%;
    z-index:20;
    font-family:var(--flame-ui-font, 'DINNextW1G','Open Sans',Arial,Helvetica,sans-serif);
}
.flame-custom-select.is-open{
    z-index:10080;
}
.flame-custom-select-trigger{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    width:100%;
    min-height:42px;
    padding:8px 42px 8px 15px;
    border-radius:9px;
    border:1px solid rgba(183,112,47,.36);
    background:linear-gradient(180deg, rgba(19,20,29,.98), rgba(10,11,17,.99));
    color:#fff4e5;
    font:inherit;
    font-weight:700;
    line-height:1.25;
    text-align:left;
    cursor:pointer;
    outline:0;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 1px 0 rgba(0,0,0,.34);
    transition:border-color .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease;
}
.flame-custom-select-trigger:hover,
.flame-custom-select-trigger:focus,
.flame-custom-select.is-open .flame-custom-select-trigger{
    border-color:rgba(251,209,129,.78);
    background:linear-gradient(180deg, rgba(23,24,33,.99), rgba(10,11,17,.99));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 2px rgba(251,209,129,.10);
    color:#fff8ec;
}
.flame-custom-select-current{
    display:block;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.flame-custom-select-arrow{
    position:absolute;
    right:15px;
    top:50%;
    width:0;
    height:0;
    margin-top:-2px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:6px solid #fbd181;
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.65));
    transition:transform .16s ease, border-top-color .16s ease;
}
.flame-custom-select.is-open .flame-custom-select-arrow{
    transform:rotate(180deg) translateY(2px);
    border-top-color:#ffe4a8;
}
.flame-custom-select-options{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 6px);
    max-height:238px;
    margin:0;
    padding:5px 0;
    list-style:none;
    overflow-y:auto;
    overflow-x:hidden;
    border-radius:12px;
    border:1px solid rgba(251,209,129,.72);
    background:
        linear-gradient(180deg, rgba(18,19,27,.99), rgba(5,6,10,.995)),
        #090a0f;
    background-clip:padding-box;
    scrollbar-gutter:stable;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        inset 0 -2px 0 rgba(230,145,65,.36),
        0 16px 32px rgba(0,0,0,.62);
    z-index:10090;
}
.flame-custom-select.is-open .flame-custom-select-options{
    display:block;
}
.flame-custom-select-options::-webkit-scrollbar{
    width:10px;
}
.flame-custom-select-options::-webkit-scrollbar-track{
    margin:8px 3px;
    background:rgba(0,0,0,.18);
    border-radius:999px;
}
.flame-custom-select-options::-webkit-scrollbar-thumb{
    min-height:34px;
    border:2px solid transparent;
    background:linear-gradient(180deg, rgba(251,209,129,.78), rgba(225,112,45,.78));
    background-clip:content-box;
    border-radius:999px;
}
.flame-custom-select-options::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg, rgba(255,226,160,.86), rgba(230,131,58,.84));
    background-clip:content-box;
}
.flame-custom-select-option{
    position:relative;
    display:block;
    min-height:39px;
    padding:8px 14px;
    color:#fff4e5;
    font-weight:700;
    line-height:1.25;
    cursor:pointer;
    background:transparent;
    text-shadow:0 1px 0 rgba(0,0,0,.65);
    transition:background .13s ease, color .13s ease, box-shadow .13s ease;
}
.flame-custom-select-option + .flame-custom-select-option{
    border-top:1px solid rgba(255,255,255,.035);
}
.flame-custom-select-option:hover,
.flame-custom-select-option.is-focused{
    color:#ffe4a8;
    background:
        linear-gradient(90deg, rgba(251,209,129,.10), rgba(251,209,129,.025) 44%, rgba(8,9,14,.02) 100%),
        linear-gradient(180deg, rgba(15,16,23,.96), rgba(7,8,13,.98));
    box-shadow:
        inset 2px 0 0 rgba(251,209,129,.78),
        inset 0 1px 0 rgba(255,255,255,.025);
}
.flame-custom-select-option.is-selected{
    color:#fbd181;
    background:
        linear-gradient(90deg, rgba(251,209,129,.14), rgba(251,209,129,.045) 42%, rgba(10,11,16,.03) 100%),
        linear-gradient(180deg, rgba(18,17,21,.97), rgba(9,9,13,.985));
    box-shadow:
        inset 3px 0 0 #fbd181,
        inset 0 1px 0 rgba(255,255,255,.026),
        inset 0 -1px 0 rgba(251,209,129,.055);
}
.flame-custom-select-option.is-selected:hover,
.flame-custom-select-option.is-selected.is-focused{
    color:#fff2c8;
    background:
        linear-gradient(90deg, rgba(251,209,129,.18), rgba(251,209,129,.06) 42%, rgba(10,11,16,.04) 100%),
        linear-gradient(180deg, rgba(20,19,23,.98), rgba(10,10,14,.99));
}
.flame-custom-select-option.is-disabled{
    cursor:not-allowed;
    color:rgba(197,194,213,.45);
    background:transparent;
    box-shadow:none;
}
.flame-custom-select.is-disabled{
    opacity:.62;
}
.flame-custom-select.is-disabled .flame-custom-select-trigger{
    cursor:not-allowed;
}
@media (max-width:767.98px){
    .flame-custom-select-trigger{
        min-height:42px;
        padding-top:8px;
        padding-bottom:8px;
    }
    .flame-custom-select-options{
        max-height:218px;
    }
    .flame-custom-select-option{
        min-height:38px;
        padding:8px 13px;
    }
}


/* v70 Flame custom select casing fix
   Keep character names and location names in their real text casing.
   Some global button styles uppercase button text, so the custom select must override it. */
.flame-custom-select-trigger,
.flame-custom-select-current,
.flame-custom-select-option{
    text-transform:none !important;
}



/* v72 Flame shared character select text weight
   Keeps character/location names normal weight on pages using Flame custom selects. */
.flame-warp-char-form .flame-custom-select-trigger,
.flame-warp-char-form .flame-custom-select-current,
.flame-warp-char-form .flame-custom-select-option,
.flame-gift-code-form .flame-custom-select-trigger,
.flame-gift-code-form .flame-custom-select-current,
.flame-gift-code-form .flame-custom-select-option{
    font-weight:normal !important;
}

/* v71 Flame validation tooltips
   jQuery ValidationEngine field errors used by registration/settings/add-stats forms.
   Kept here because the uploaded validation package did not include root validation.css, while flamecms.css already imports it first. */
.formError{
    position:absolute !important;
    z-index:20020 !important;
    display:block !important;
    width:auto !important;
    max-width:min(360px, calc(100vw - 28px)) !important;
    font-family:var(--flame-ui-font, 'DINNextW1G','Open Sans',Arial,Helvetica,sans-serif) !important;
    pointer-events:auto !important;
}
.formError .formErrorContent{
    position:relative !important;
    display:block !important;
    box-sizing:border-box !important;
    width:300px !important;
    max-width:min(360px, calc(100vw - 28px)) !important;
    min-width:220px !important;
    padding:10px 14px 11px !important;
    border-radius:12px !important;
    border:1px solid rgba(251,209,129,.55) !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(251,209,129,.12), transparent 36%),
        linear-gradient(180deg, rgba(120,31,27,.98), rgba(59,14,15,.995)) !important;
    color:#fff7ef !important;
    font-size:15px !important;
    font-weight:500 !important;
    line-height:1.28 !important;
    letter-spacing:.18px !important;
    text-align:left !important;
    text-transform:none !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
    text-shadow:0 1px 0 rgba(0,0,0,.70) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        inset 0 -1px 0 rgba(255,136,42,.10),
        0 12px 28px rgba(0,0,0,.48),
        0 0 18px rgba(203,62,45,.16) !important;
}
.formError .formErrorContent br{
    display:block !important;
    content:'' !important;
    margin:2px 0 !important;
}
.formError.greenPopup .formErrorContent{
    border-color:rgba(181,220,128,.48) !important;
    background:linear-gradient(180deg, rgba(41,95,55,.98), rgba(15,45,28,.995)) !important;
}
.formError.blackPopup .formErrorContent{
    border-color:rgba(251,209,129,.42) !important;
    background:linear-gradient(180deg, rgba(22,23,32,.98), rgba(8,9,14,.995)) !important;
}
.formError .formErrorArrow{
    position:relative !important;
    width:0 !important;
    height:0 !important;
    margin:0 0 0 18px !important;
    padding:0 !important;
    border:0 !important;
    line-height:0 !important;
    font-size:0 !important;
}
.formError .formErrorArrow div{
    display:none !important;
}
.formError .formErrorArrow:before,
.formError .formErrorArrow:after{
    content:'' !important;
    position:absolute !important;
    left:0 !important;
    width:0 !important;
    height:0 !important;
    pointer-events:none !important;
}
.formError .formErrorArrow:before{
    top:0 !important;
    border-left:8px solid transparent !important;
    border-right:8px solid transparent !important;
    border-top:9px solid rgba(251,209,129,.70) !important;
}
.formError .formErrorArrow:after{
    top:-1px !important;
    left:1px !important;
    border-left:7px solid transparent !important;
    border-right:7px solid transparent !important;
    border-top:8px solid rgba(82,19,18,.995) !important;
}
.formError .formErrorArrow.formErrorArrowBottom{
    margin:0 0 -1px 18px !important;
}
.formError .formErrorArrow.formErrorArrowBottom:before{
    top:-9px !important;
    border-top:0 !important;
    border-bottom:9px solid rgba(251,209,129,.70) !important;
}
.formError .formErrorArrow.formErrorArrowBottom:after{
    top:-7px !important;
    left:1px !important;
    border-top:0 !important;
    border-bottom:8px solid rgba(120,31,27,.98) !important;
}
.formError .formErrorContent:hover{
    border-color:rgba(251,209,129,.72) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.055),
        inset 0 -1px 0 rgba(255,136,42,.13),
        0 14px 32px rgba(0,0,0,.54),
        0 0 22px rgba(203,62,45,.20) !important;
}
@media (max-width:767.98px){
    .formError{
        left:12px !important;
        right:12px !important;
        width:auto !important;
        max-width:none !important;
    }
    .formError .formErrorContent{
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;
        padding:9px 12px 10px !important;
        font-size:13.2px !important;
        line-height:1.28 !important;
    }
    .formError .formErrorArrow{
        margin-left:16px !important;
    }
}
@media (max-width:380px){
    .formError{
        left:8px !important;
        right:8px !important;
    }
    .formError .formErrorContent{
        padding:8px 10px 9px !important;
        font-size:13.2px !important;
        line-height:1.28 !important;
    }
}

/* v72 Flame validation tooltip placement polish
   Desktop prompts stay on the right side of wide fields without overflowing.
   Mobile prompts become inline blocks so they do not cover labels or typing areas. */
.formError.formErrorPosition-topRight .formErrorArrow,
.formError.formErrorPosition-bottomRight .formErrorArrow{
    margin-left:calc(100% - 34px) !important;
}
.formError.formErrorPosition-topRight .formErrorContent,
.formError.formErrorPosition-bottomRight .formErrorContent{
    width:300px !important;
    max-width:min(300px, calc(100vw - 32px)) !important;
}
.formError.formErrorPosition-inline{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    width:100% !important;
    max-width:100% !important;
    margin:7px 0 10px !important;
}
.formError.formErrorPosition-inline .formErrorContent{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
}
.formError.formErrorPosition-inline .formErrorArrow{
    display:none !important;
}
@media (max-width:767.98px){
    .formError{
        max-width:100% !important;
    }
    .formError.formErrorPosition-inline{
        left:auto !important;
        right:auto !important;
        width:100% !important;
        max-width:100% !important;
        margin:6px 0 10px !important;
        clear:both !important;
    }
    .formError.formErrorPosition-inline .formErrorContent{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        padding:8px 10px 9px !important;
        font-size:13.6px !important;
        line-height:1.28 !important;
    }
    .formError:not(.formErrorPosition-inline){
        left:12px !important;
        right:12px !important;
        width:auto !important;
        max-width:none !important;
    }
    .formError:not(.formErrorPosition-inline) .formErrorContent{
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;
    }
}
@media (max-width:380px){
    .formError.formErrorPosition-inline{
        margin-top:5px !important;
        margin-bottom:9px !important;
    }
    .formError.formErrorPosition-inline .formErrorContent{
        padding:8px 10px 9px !important;
        font-size:13.1px !important;
        line-height:1.28 !important;
    }
}

/* v73 Flame referral page moved styles
   Moved from view.my_referral_list.php so the view stays clean.
   Referral share card uses a clean Flame card style without a left rail. */
.flame-referral-page,
.flame-referral-page *{
    box-sizing:border-box;
}
.flame-referral-page .flame-page-box,
.flame-referral-page .flame-page-content{
    max-width:100%;
}
.flame-referral-input-wrap{
    width:100%;
    max-width:100%;
}
.flame-referral-input-wrap .form-control{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.flame-referral-share-card{
    position:relative;
    width:100%;
    margin:0 0 24px 0;
    padding:18px 18px 19px;
    overflow:hidden;
    border:1px solid rgba(186,124,66,.42);
    border-radius:15px;
    background:linear-gradient(180deg, rgba(18,19,29,.99) 0%, rgba(7,8,15,.995) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        inset 0 0 0 1px rgba(7,9,16,.52),
        0 1px 0 rgba(0,0,0,.48);
}
.flame-referral-share-card:hover{
    border-color:rgba(251,209,129,.56);
    background:linear-gradient(180deg, rgba(21,22,31,.995) 0%, rgba(8,10,16,.998) 100%);
}
.flame-referral-share-card > *{
    position:relative;
    z-index:2;
}
.flame-referral-link-help{
    margin:0 0 13px 0;
    color:rgba(236,231,243,.90);
    font-size:15.5px;
    font-weight:500;
    line-height:1.45;
}
.flame-referral-link-row{
    display:flex;
    align-items:stretch;
    gap:12px;
    width:100%;
}
.flame-referral-link-input.form-control{
    flex:1 1 auto;
    min-height:50px;
    padding:13px 15px !important;
    border:1px solid rgba(251,209,129,.32) !important;
    border-radius:12px !important;
    background:linear-gradient(180deg, rgba(12,14,20,.98), rgba(5,7,10,.99)) !important;
    color:#fff7ef !important;
    font-size:14px;
    line-height:1.25;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        inset 0 0 0 1px rgba(0,0,0,.22);
}
.flame-referral-link-input.form-control:focus{
    border-color:rgba(251,209,129,.62) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 0 0 2px rgba(251,209,129,.08) !important;
}
.flame-referral-copy-btn{
    flex:0 0 170px;
    min-height:50px;
    padding-left:18px !important;
    padding-right:18px !important;
    white-space:nowrap;
    text-transform:uppercase;
    letter-spacing:.35px;
}
.flame-referral-copy-btn.flame-ref-copied{
    border-color:rgba(251,209,129,.78) !important;
    background:rgba(251,209,129,.22) !important;
}
.flame-referral-table-wrap{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}
.flame-referral-table.add_to_card{
    width:100%;
    max-width:100%;
    table-layout:fixed;
    margin-bottom:18px;
}
.flame-referral-table.add_to_card th,
.flame-referral-table.add_to_card td{
    overflow-wrap:anywhere;
    word-break:break-word;
    vertical-align:middle;
}
.flame-referral-table.add_to_card th:first-child,
.flame-referral-table.add_to_card td:first-child{
    width:38%;
}
.flame-referral-section-row td{
    text-align:left !important;
    font-weight:700;
    letter-spacing:.02em;
}
.flame-ref-char-stats{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    justify-content:flex-start;
    align-items:center;
}
.flame-ref-char-stat{
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:5px 8px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
    background:rgba(0,0,0,.18);
    white-space:nowrap;
}
.flame-referral-page .ref-reward-dropdown{
    position:relative;
    display:inline-block;
    max-width:100%;
}
.flame-referral-page .ref-reward-dropdown > button{
    max-width:100%;
    white-space:normal;
    line-height:1.25;
}
.flame-referral-page .ref-reward-dropdown-content{
    display:none;
    position:absolute;
    left:0;
    right:auto;
    z-index:9999;
    min-width:230px;
    max-width:min(340px, calc(100vw - 32px));
    overflow-wrap:anywhere;
}
.flame-referral-page .ref-reward-dropdown:hover .ref-reward-dropdown-content,
.flame-referral-page .ref-reward-dropdown.flame-ref-open .ref-reward-dropdown-content{
    display:block;
}
.flame-referral-page .ref-reward-dropdown-content a{
    white-space:normal;
    overflow-wrap:anywhere;
}
@media (max-width:767px){
    .flame-content.flame-referral-page{
        width:100%;
        max-width:100%;
    }
    .flame-referral-page .row{
        margin-left:0;
        margin-right:0;
    }
    .flame-referral-page .col-12{
        padding-left:0;
        padding-right:0;
    }
    .flame-referral-input-wrap .form-control{
        min-height:42px;
        font-size:13px;
        padding-left:10px;
        padding-right:10px;
    }
    .flame-referral-share-card{
        margin-bottom:18px;
        padding:14px 13px 15px;
        border-radius:12px;
    }
    .flame-referral-link-help{
        margin-bottom:11px;
        font-size:14.4px;
        line-height:1.42;
    }
    .flame-referral-link-row{
        flex-direction:column;
        gap:10px;
    }
    .flame-referral-link-input.form-control{
        min-height:46px;
        padding:11px 12px !important;
        font-size:12.8px;
    }
    .flame-referral-copy-btn{
        flex:0 0 auto;
        width:100%;
        min-height:46px;
    }
    .flame-referral-table-wrap{
        overflow-x:visible;
    }
    .flame-referral-table.add_to_card,
    .flame-referral-table.add_to_card thead,
    .flame-referral-table.add_to_card tbody,
    .flame-referral-table.add_to_card th,
    .flame-referral-table.add_to_card td,
    .flame-referral-table.add_to_card tr{
        display:block;
        width:100% !important;
    }
    .flame-referral-table.add_to_card thead{
        display:none;
    }
    .flame-referral-table.add_to_card{
        border-spacing:0;
        table-layout:auto;
        margin-bottom:16px;
    }
    .flame-referral-table.add_to_card tr{
        margin-bottom:8px;
        border:1px solid rgba(255,255,255,.06);
        border-radius:10px;
        background:rgba(0,0,0,.12);
        overflow:hidden;
    }
    .flame-referral-table.add_to_card td{
        min-height:36px;
        padding:9px 10px !important;
        text-align:left !important;
    }
    .flame-referral-table.add_to_card td + td{
        border-top:1px solid rgba(255,255,255,.06);
    }
    .flame-referral-table.add_to_card td[data-label]::before{
        content:attr(data-label);
        display:block;
        margin-bottom:3px;
        font-size:11px;
        line-height:1.2;
        text-transform:uppercase;
        letter-spacing:.04em;
        opacity:.68;
    }
    .flame-referral-section-row{
        background:rgba(255,116,35,.08) !important;
    }
    .flame-referral-section-row td{
        min-height:auto !important;
        padding:8px 10px !important;
    }
    .flame-ref-char-stats{
        gap:6px;
    }
    .flame-ref-char-stat{
        width:calc(50% - 3px);
        justify-content:space-between;
        padding:6px 8px;
    }
    .flame-referral-page .ref-reward-dropdown,
    .flame-referral-page .ref-reward-dropdown > button{
        width:100%;
    }
    .flame-referral-page .ref-reward-dropdown-content{
        position:static;
        width:100%;
        min-width:0;
        max-width:100%;
        margin-top:8px;
    }
}
@media (max-width:420px){
    .flame-ref-char-stat{
        width:100%;
    }
}


/* v73 Flame clear inventory page
   Uses shared Flame modern header/forms and registration checkbox skin. */
.flame-clear-inventory-page,
.flame-clear-inventory-page *{
    box-sizing:border-box;
}
.flame-clear-inventory-title-table{
    margin-bottom:14px !important;
}
.flame-clear-inventory-card{
    position:relative;
    width:100%;
    padding:18px;
    border-radius:14px;
    border:1px solid rgba(183,112,47,.28);
    background:linear-gradient(180deg, rgba(13,14,21,.42), rgba(5,6,10,.30));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025), 0 10px 24px rgba(0,0,0,.16);
}
.flame-clear-inventory-form.flame-modern-form{
    grid-template-columns:1fr;
    gap:15px;
}
.flame-clear-inventory-options{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 12px;
}
.flame-clear-inventory-option{
    min-height:50px;
    margin:0;
}
.flame-clear-inventory-option .flame-registration-check{
    flex:0 0 22px;
}
.flame-clear-inventory-option-text{
    display:block;
    margin:0;
    color:#c5c2d5;
    font-weight:normal;
    line-height:1.35;
    cursor:pointer;
}
.flame-clear-inventory-option:hover .flame-clear-inventory-option-text{
    color:#fff4e5;
}
.flame-clear-inventory-actions,
.flame-clear-inventory-form.flame-modern-form .flame-clear-inventory-actions{
    margin-bottom:0 !important;
    padding-top:5px;
}
@media (max-width:767.98px){
    .flame-clear-inventory-card{
        padding:13px;
    }
    .flame-clear-inventory-options{
        grid-template-columns:1fr;
        gap:9px;
    }
    .flame-clear-inventory-title-table{
        margin-bottom:10px !important;
    }
}
.flame-clear-inventory-form .flame-custom-select-trigger,
.flame-clear-inventory-form .flame-custom-select-current,
.flame-clear-inventory-form .flame-custom-select-option{
    font-weight:normal !important;
}