.rightSidebar{
    position: fixed;
    top: 5vw;
    right: 1.3vw;
    width: 13vw;
    display: flex;
    flex-direction: column;
    gap: 1.2vw;
    align-items: stretch;
}

.sidebarSection{
    background-color: #14161A;
    border: .1vw solid #1E2127;
    border-radius: 1.2vw;
    padding: .8vw;
    transition: transform .2s ease, border-color .2s ease;
}

.sidebarSection:hover{
    transform: translateY(-.08vw);
    border-color: #2D7DFF;
}

.sectionHeader{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .6vw;
}

.sectionHeader span{
    color:#CFE4FF;
    font-weight:700;
    font-size:.95vw
}

.sectionHeader a{
    color:#2D7DFF;
    font-size:.8vw;
    text-decoration:none
}

.playerList,.eventList{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:.6vw
}

.playerItem{
    display:flex;
    align-items:center;
    gap:.6vw;
    transition: transform .18s ease, opacity .18s ease;
}

.playerAvatar{
    width:2.6vw;
    height:2.6vw;
    border-radius:6px;
    border:.1vw solid #1E2127;
    object-fit:cover;
    transition: transform .18s ease;
}

.playerName{
    color:#E6EEF9;
    font-size:.92vw
}

.playerPlus{
    margin-left:.35vw;
    width: 1.35vw;
    height: 1.35vw;
    border: none;
    border-radius: 50%;
    background: linear-gradient(135deg, #5A9CFF, #2D7DFF);
    color: #ffffff;
    font-weight: 700;
    cursor: pointer;
    display: grid;
    place-items: center;
    box-shadow: 0 .2vw .5vw rgba(45, 125, 255, 0.28);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.playerPlus:hover{
    transform: rotate(90deg) scale(1.08);
    box-shadow: 0 .3vw .7vw rgba(45, 125, 255, 0.38);
}

.playerPlus:active{
    transform: scale(0.94);
}

.playerItem:hover{
    transform: translateX(.12vw);
    opacity: .95;
}

.playerItem:hover .playerAvatar{
    transform: scale(1.04);
}

.eventItem{
    display:flex;
    flex-direction:column;
    color:#C6D6F4;
    font-size:.85vw;
    transition: transform .18s ease, color .18s ease;
}

.eventItem:hover{
    transform: translateX(.12vw);
    color: #ffffff;
}

.eventTitle{
    font-weight:600
}

.eventDate{
    color:#6D747E;
    font-size:.75vw
}