#achievement-container{

position:fixed;

top:20px;
right:20px;

display:flex;
flex-direction:column;
gap:15px;

z-index:99999;

}

.achievement-popup{

width:360px;

padding:18px 20px;

border-radius:16px;

background:linear-gradient(145deg,#0f172a,#020617);

border:1px solid rgba(20,241,149,0.6);

box-shadow:0 0 30px rgba(20,241,149,0.5);

display:flex;
gap:12px;

animation:achievementSlide .5s ease;

position:relative;

}

.achievement-icon{

font-size:28px;

}

.achievement-title{

font-size:11px;
color:#14F195;
letter-spacing:1px;

}

.achievement-name{

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

}

.achievement-desc{

font-size:13px;
opacity:.8;

}

.achievement-close{

position:absolute;

top:6px;
right:10px;

cursor:pointer;

font-size:16px;

opacity:.7;

}

.achievement-close:hover{

opacity:1;
transform:scale(1.2);

}

@keyframes achievementSlide{

from{
transform:translateX(120%);
opacity:0;
}

to{
transform:translateX(0);
opacity:1;
}

}