#leftPanel,
#rightPanel {
    position: absolute;
    top: 270px;
    width: 360px;
    min-height: 330px;
    background: rgba(5, 8, 18, 0.9);
    border-radius: 22px;
    padding: 16px;
}

#leftPanel {
    left: 28px;
    border: 2px solid rgba(255, 215, 0, 0.85);
    box-shadow: 0 0 24px rgba(255, 215, 0, 0.5);
}

#rightPanel {
    right: 28px;
    border: 2px solid rgba(0, 255, 150, 0.85);
    box-shadow: 0 0 24px rgba(0, 255, 150, 0.5);
}

.panelTitle {
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 14px;
}

#leftPanel .panelTitle {
    color: gold;
    text-shadow: 0 0 12px gold;
}

#rightPanel .panelTitle {
    color: #00ff96;
    text-shadow: 0 0 12px #00ff96;
}

.leaderRow,
.feedItem,
.emptyRow {
    min-height: 40px;
    margin-bottom: 8px;
    padding: 9px 12px;
    border-radius: 14px;
    font-weight: 900;
    background: rgba(255, 255, 255, 0.09);
}

.leaderRow {
    display: grid;
    grid-template-columns: 50px 1fr 70px;
    gap: 8px;
}

.leaderRank {
    color: gold;
}

.leaderScore {
    color: #00ffff;
    text-align: right;
}

.feedItem {
    border: 1px solid rgba(0, 255, 150, 0.25);
}