/* =========================================
HEADER
========================================= */

.header{
padding-top:6px;
margin-bottom:22px;
}


/* =========================================
PROFILE CARD (ресурсы + профиль)
========================================= */

.profile-card{

background:#0f1116;

border-radius:20px;

padding:16px;

box-shadow:0 10px 30px rgba(0,0,0,0.45);

margin-bottom:14px;

}


/* =========================================
RESOURCES
========================================= */

.resources-bar{

display:flex;
width:100%;

gap:8px;

margin-bottom:14px;

}

.resource{

flex:1;

display:flex;
justify-content:center;
align-items:center;

gap:6px;

background:#171a20;

padding:6px 0;

border-radius:12px;

font-size:14px;
font-weight:600;

box-shadow:
inset 0 0 6px rgba(255,255,255,0.03);

}

.res-icon{
font-size:15px;
}

.res-value{
color:#e8c66a;
font-weight:600;
}

/* первый блок хр */
.resource-xp{
position:relative;
flex:2;
display:flex;
align-items:center;
justify-content:center;
padding:6px 8px;
overflow:hidden;
background:#171a20;
border-radius:12px;
}

.resource-xp-fill{
position:absolute;
left:0;
top:0;
height:100%;
width:0%;

background:linear-gradient(
90deg,
#2dd4bf,
#22c55e
);

opacity:0.6;
transition:width .4s ease;
border-radius:inherit;
}

.xp-top{
position:relative;
z-index:2;
display:flex;
justify-content:center;
gap:6px;
font-size:14px;
font-weight:600;
text-shadow:0 0 6px rgba(0,0,0,0.6);
}


/* =========================================
PROFILE ROW
========================================= */

.profile-row{

display:flex;
align-items:center;
justify-content:space-between;

}


/* левая часть */

.profile-left{

display:flex;
align-items:center;

gap:12px;

}


/* аватар */

.profile-flag{

width:64px;
height:64px;

border-radius:14px;

object-fit:cover;

}


/* текст профиля */

.profile-info{

display:flex;
flex-direction:column;

}

.profile-name{

font-size:16px;
font-weight:700;

}

.profile-clan{

font-size:13px;
opacity:0.6;

}


/* =========================================
LEAGUE
========================================= */

.profile-league{

display:flex;
align-items:center;


gap:8px;

}

.profile-league img:hover{
transform:scale(1.08);
}

.league-text{

font-size:14px;
font-weight:600;

color:#e8c66a;

}

.profile-league img{

width:48px;
height:48px;

object-fit:contain;

filter:drop-shadow(0 0 6px rgba(232,198,106,0.5));

}


/* =========================================
CALENDAR BLOCK
========================================= */

.header-calendar{

margin-top:0;

display:flex;
align-items:flex-end;
justify-content:space-between;

gap:18px;

}


/* месяц */

.header-month{

font-size:21px;
font-weight:700;

line-height:1;

white-space:nowrap;

}


/* дни */

.week-days{

display:flex;
align-items:flex-end;

gap:2px;

margin-right:10px;

}

.day{

width:32px;

text-align:center;

opacity:0.55;

}

.day-number{

width:32px;
height:32px;

display:flex;
align-items:center;
justify-content:center;

font-size:18px;
font-weight:700;

border-radius:50%;

margin-bottom:6px;

}

.day-name{

font-size:12px;

opacity:0.65;

}


/* =========================================
TODAY
========================================= */

.day.today{
opacity:1;
}

.day.today .day-number{

background:rgba(255,255,255,0.12);

color:#fff;

}

.day.today .day-name{

color:rgba(255,255,255,0.95);

opacity:1;

}

/* =========================
STARS BAR (как XP)
========================= */

.resource-stars{
position:relative;
flex:1;

display:flex;
align-items:center;
justify-content:center;

padding:6px 8px;

overflow:hidden;

background:#171a20;
border-radius:12px;
}

.resource-stars-fill{
position:absolute;
left:0;
top:0;
height:100%;
width:0%;

background:linear-gradient(
90deg,
#facc15,
#fde047
);

opacity:0.9;

box-shadow:
0 0 10px rgba(255,215,0,0.6);

transition:width .4s ease;

border-radius:inherit;
}

.resource-stars .xp-top{
position:relative;
z-index:2;

font-weight:700;
color:#fff;

text-shadow:
0 0 6px rgba(0,0,0,0.8);
}