/* Simplified Start Leaderboard CSS
     Single background color: #121721
     Minimal styles to reduce visual complexity
*/

:root{
    --slb-bg: #121721;
}

.start-leaderboard-card{
    position: relative;
    z-index: 20;
    background: rgba(26, 26, 46, 0.95); /* Updated to match the Solario token component */
    border-radius: 16px; /* Adjusted border radius */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); /* Retained outer shadow */
    width: 100%;
    box-sizing: border-box;
    padding: 20px; /* Reduced padding */
    border: 1px solid rgba(168, 85, 247, 0.3); /* Purple border */
    min-width: 340px;
    max-width: 380px;
    min-height: 180px;
    max-height: 240px;
}

.start-leaderboard-card .start-leaderboard__inner {
    box-shadow: none; /* Removed inner shadow */
    padding: 0; /* Removed inner padding */
    background: none; /* Removed inner background */
}

.start-leaderboard__list{
    list-style: none;
    margin: 4px 0 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px; /* Reduced gap between items */
}

.start-leaderboard__card-header{ display:flex; align-items:center; gap:10px; padding-bottom:8px }
.start-leaderboard__title{ display:flex; align-items:center; gap:8px }
.start-leaderboard__icon{ width:40px; height:40px; border-radius:8px; display:flex; align-items:center; justify-content:center; background: rgba(168, 85, 247, 0.2);
    border: 1px solid rgba(168, 85, 247, 0.4);
    padding:5px }
.start-leaderboard__icon svg{ width:20px; height:20px; color:#a855f7 }
.start-leaderboard__icon svg path{ filter: none; /* Removed the drop-shadow effect */
    }
.start-leaderboard__title-text{ display:flex; flex-direction:column; justify-content:center }
.start-leaderboard__main{ font-weight:800; color:#f6fafc; font-size:15px; line-height:1 }
.start-leaderboard__subtitle{ font-size:12px; color:#a855f7; text-decoration:none; margin-top:2px }

.start-leaderboard__item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding: 5px 8px; /* Reduced padding for items */
    background: rgba(255,255,255,0.02);
    border-radius:5px;
    transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}

.start-leaderboard__item:hover{
    transform: translateY(-1px);
    background: rgba(255,255,255,0.03);
}

.start-leaderboard__left{ display:flex; align-items:center; gap:8px }
.start-leaderboard__name{ font-weight:700; color:#ffffff; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }

.start-leaderboard__dot{ width:8px; height:8px; border-radius:50%; display:inline-block; background:#a855f7; vertical-align:middle; margin-right:8px }

.start-leaderboard__left .start-leaderboard__name{ display:inline-block }

.start-leaderboard__amount{ font-weight:700; color: rgba(255,255,255,0.9); font-size:11px; min-width:55px; text-align:right; background: rgba(255,255,255,0.03); padding:5px 9px; border-radius:9px; }

.start-leaderboard__position{ width:22px; height:22px; display:flex; align-items:center; justify-content:center; border-radius:6px; background: rgba(255,255,255,0.02); color:#cfeef6; font-weight:800; font-size:12px }
.start-leaderboard__position.top{ background:#2ed07a; color:#06221b }

/* Responsive adjustments */
@media (max-width: 400px) {
    .start-leaderboard-card {
        min-width: unset;
        max-width: unset;
        min-height: unset;
        max-height: unset;
    }
}



.sr-only{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden }