.player-portal-page table thead th[data-cir-sort-key] {
    position: relative;
    padding-right: 27px;
    cursor: pointer;
    user-select: none;
    transition:
        color 120ms ease,
        background-color 120ms ease;
}

.player-portal-page table thead th[data-cir-sort-key]::after {
    content: "↕";
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    color: rgba(148, 163, 184, 0.48);
    font-size: 0.72rem;
    line-height: 1;
}

.player-portal-page table thead th[data-cir-sort-key]:hover,
.player-portal-page table thead th[data-cir-sort-key]:focus-visible {
    color: #e1f8ff;
    background: rgba(101, 216, 239, 0.055);
    outline: none;
}

.player-portal-page table thead th[data-cir-sort-key].is-sort-active {
    color: #f5ce7f;
    background: rgba(239, 185, 87, 0.07);
}

.player-portal-page table thead th.is-sort-ascending::after {
    content: "↑";
    color: #efb957;
}

.player-portal-page table thead th.is-sort-descending::after {
    content: "↓";
    color: #efb957;
}