/* ===== DINASTI33 THEME ===== */

.DINASTI-dashboard-bar{
background:linear-gradient(180deg,#4b0000 0%,#120000 100%);
border-radius:12px;
border:1px solid #7a0000;
padding:10px 15px;
display:flex;
justify-content:space-between;
align-items:center;
color:#fff;
font-family:sans-serif;
margin:10px 5px;
box-shadow:0 4px 20px rgba(0,0,0,0.8);
}

.DINASTI-title{
display:flex;
align-items:center;
gap:8px;
font-weight:bold;
font-size:13px;
}

.DINASTI-dot.active{
width:7px;
height:7px;
background:#10b981;
border-radius:50%;
box-shadow:0 0 10px #10b981;
animation:blinkDINASTI 1.5s infinite;
}

.DINASTI-stats-row{
display:flex;
gap:10px;
font-size:10px;
color:#ccc;
margin-top:3px;
}

.DINASTI-stats-row b{
color:#ffd700;
}

#k-active-wr{
color:#10b981 !important;
}

/* BUTTON */

#DINASTI-toggle{
background:linear-gradient(180deg,#ffd700,#c89b00);
border:none;
color:#2a0000;
padding:6px 14px;
border-radius:20px;
cursor:pointer;
font-size:10px;
font-weight:800;
text-transform:uppercase;
box-shadow:0 2px 8px rgba(0,0,0,0.6);
}

#DINASTI-toggle:hover{
background:linear-gradient(180deg,#fff1a8,#ffd700);
}

/* DROPDOWN */

.DINASTI-toggle-container{
position:relative;
}

#DINASTI-dropdown-menu{
position:absolute;
right:0;
top:130%;
background:#140000;
border:1px solid #7a0000;
border-radius:10px;
z-index:99999;
min-width:260px;
box-shadow:0 10px 40px rgba(0,0,0,0.9);
overflow:hidden;
}

#DINASTI-dropdown-menu.hidden{
display:none;
}

.DINASTI-dropdown-item{
display:flex;
justify-content:space-between;
padding:12px 15px;
border-bottom:1px solid #3b0000;
cursor:pointer;
transition:0.2s;
}

.DINASTI-dropdown-item:hover{
background:#2a0000;
}

.item-title{
font-weight:bold;
font-size:12px;
}

.item-meta{
font-size:9px;
color:#999;
}

.item-wr{
font-weight:900;
color:#10b981;
font-size:13px;
}

.item-players{
font-size:9px;
color:#ffb300;
}

/* LOADING OVERLAY */

.DINASTI-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(20,0,0,0.97);
z-index:1000000;
display:flex;
align-items:center;
justify-content:center;
backdrop-filter:blur(10px);
}

.DINASTI-overlay.hidden{
display:none;
}

.DINASTI-loading-content{
text-align:center;
color:#fff;
}

.DINASTI-globe-icon{
font-size:40px;
margin-bottom:15px;
animation:pulseDINASTI 2s infinite;
}

.DINASTI-loading-text{
color:#ffd700;
font-size:18px;
margin-bottom:20px;
}

.DINASTI-progress-bg{
background:#3a0000;
height:4px;
border-radius:10px;
width:250px;
margin:0 auto 25px;
overflow:hidden;
}

#DINASTI-progress-bar{
background:linear-gradient(90deg,#ffd700,#ff9900);
width:0%;
height:100%;
transition:width 0.4s;
}

.DINASTI-steps{
list-style:none;
padding:0;
text-align:left;
display:inline-block;
}

.DINASTI-steps li{
color:#6b0000;
font-size:12px;
margin-bottom:6px;
font-weight:bold;
}

.DINASTI-steps li.active{
color:#ffd700;
}

@keyframes blinkDINASTI{
0%,100%{opacity:1;}
50%{opacity:0.4;}
}

@keyframes pulseDINASTI{
0%,100%{transform:scale(1);}
50%{transform:scale(1.1);}
}