.bf-ach-modal{
position:fixed;
inset:0;
background:rgba(0,0,0,.6);
display:flex;
justify-content:center;
align-items:center;
z-index:99999;
}


.bf-ach-box{
background:#fff;
border-radius:14px;
padding:20px;
width:360px;
text-align:center;
}


.bf-ach-cats{
display:flex;
flex-wrap:wrap;
gap:8px;
justify-content:center;
}


.bf-ach-cat{
background:#2563eb;
color:white;
border:0;
padding:6px 12px;
border-radius:999px;
cursor:pointer;
}
/* ==============================
   ACHIEVEMENT NOTES (ONE LINE)
============================== */
/* ==============================
   ACHIEVEMENT ROW – NO X SCROLL
============================== */
.bf-ach-row{
    overflow-x: hidden;
}

.bf-ach-row > div{
    min-width: 0;
}

/* one-line achievement notes */
.bf-ach-note{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}