.pf_boards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 10px;
}

.pf_board {
    padding: 0;
    overflow: hidden;
}

.pf_board_head {
    padding: 16px 18px 14px;
    border-bottom: 1px solid #2e2e3c;
}

.pf_board_title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pf_board_icon {
    width: 36px;
    height: 36px;
    object-fit: contain;
    flex-shrink: 0;
}

.pf_board_name {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

.pf_board_sub {
    font-size: 11px;
    font-weight: 500;
    color: #5a5a70;
    margin-top: 2px;
}

.pf_rows {
    display: flex;
    flex-direction: column;
}

.pf_row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    border-bottom: 1px solid #22222e;
    transition: background .12s;
}

.pf_row:last-child {
    border-bottom: none;
}

.pf_row:hover {
    background: rgba(255,255,255,.03);
}

.pf_rank {
    flex-shrink: 0;
    width: 56px;
    height: 36px;
        transform: skewX(348deg);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(160deg, #2a2a36 0%, #1e1e28 100%);
    box-shadow: 0 2px 8px rgb(0 0 0 / 84%), inset 0 1px 0 rgb(255 255 255 / 0%);
}

.pf_rank span {
    font-size: 15px;
    font-weight: 800;
    font-style: italic;
    color: #6b6b82;
    line-height: 1;
}

.pf_rank--1 {
    background: linear-gradient(160deg, #f5c842 0%, #c89200 100%);
    box-shadow: 0 2px 10px rgba(200,146,0,.45), inset 0 1px 0 rgba(255,255,255,.18);
}

.pf_rank--1 span { color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.4); }

.pf_rank--2 {
    background: linear-gradient(160deg, #d4d4d8 0%, #9ca3af 100%);
    box-shadow: 0 2px 10px rgba(156,163,175,.35), inset 0 1px 0 rgba(255,255,255,.25);
}

.pf_rank--2 span { color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.35); }

.pf_rank--3 {
    background: linear-gradient(160deg, #cd7f32 0%, #9a5a18 100%);
    box-shadow: 0 2px 10px rgba(154,90,24,.4), inset 0 1px 0 rgba(255,255,255,.14);
}

.pf_rank--3 span { color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.4); }

.pf_avatar_no_user {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 8px;
    background: #1e1e28;
    border: 1px solid #2e2e3c;
    flex-shrink: 0;
}

.pf_avatar_wrap {
    flex-shrink: 0;
}

.pf_avatar_img {
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    object-fit: cover !important;
    border: 1px solid rgba(255,255,255,.08);
}

.pf_player {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1;
}

.pf_player_info {
    min-width: 0;
}

.pf_player_name {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pf_player_sub {
    font-size: 10px;
    font-weight: 500;
    color: #5a5a70;
    margin-top: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pf_value {
    font-size: 14px;
    font-weight: 800;
    color: #4ddf99;
    flex-shrink: 0;
    margin-left: auto;
}

.pf_empty {
    padding: 20px 18px;
    font-size: 12px;
    font-weight: 600;
    color: #3a3a4e;
    text-align: center;
}

.pf_notice {
    font-size: 12px;
    color: #5a5a70;
    padding: 8px 12px;
}

.pf_search_result {
    margin-top: 4px;
}

@media (max-width: 992px) {
    .pf_boards {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .pf_row {
        padding: 9px 12px;
    }
}