.lb {
    padding: 0 3vw 24px;
    font-family: Inter, system-ui, sans-serif
}

.lb-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    padding: 18px 2px
}

.lb-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.01em;
    text-transform: none
}

.lb-title i {
    width: 2px;
    height: 16px;
    background: var(--rust)
}

.lb-title small {
    font: 600 10px/1 ui-monospace, Consolas, monospace;
    letter-spacing: .12em;
    color: var(--mute)
}

.lb-sort {
    display: flex;
    align-items: center;
    gap: 8px;
    font: 600 10px/1 ui-monospace, Consolas, monospace;
    letter-spacing: .12em;
    color: var(--mute)
}

.lb-sort select {
    background: transparent;
    border: 0;
    color: #fff;
    font: 700 12px Inter, sans-serif;
    cursor: pointer
}

.lb-sort select option {
    background: #0c0c0f
}

.lb-count {
    margin-left: 10px;
    color: var(--mute)
}

.lb-count b {
    color: #fff;
    font-size: 14px;
    margin-right: 3px
}

.lb-modes {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
    padding: 4px;
    background: #0b0b0e;
    border: 1px solid var(--line)
}

.lb-modes button {
    padding: 13px 8px;
    background: transparent;
    border: 1px solid transparent;
    color: var(--mute);
    cursor: pointer;
    font: inherit;
    text-align: center;
    transition: background .15s, color .15s, border-color .15s
}

.lb-modes button b {
    display: block;
    font-size: 13px;
    font-weight: 800
}

.lb-modes button small {
    display: block;
    margin-top: 3px;
    font: 500 9px/1.2 ui-monospace, Consolas, monospace;
    letter-spacing: .04em;
    color: #61616b
}

.lb-modes button:hover {
    background: rgba(255, 255, 255, .03);
    color: #fff
}

.lb-modes button[aria-selected="true"] {
    background: rgba(255, 107, 107, .14);
    border-color: var(--rust);
    color: #fff
}

.lb-season {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
    padding: 9px 12px;
    background: #0b0b0e;
    border: 1px solid var(--line);
    font-size: 12px
}

.lb-s {
    display: inline-flex;
    align-items: center;
    gap: 8px
}

.lb-s em {
    padding: 2px 6px;
    border-radius: 2px;
    font: 700 9px/1.2 ui-monospace, Consolas, monospace;
    font-style: normal;
    letter-spacing: .08em
}

.lb-s .live {
    color: #2fd36b;
    background: rgba(47, 211, 107, .12);
    border: 1px solid rgba(47, 211, 107, .3)
}

.lb-s .prz {
    color: #ff6b6b;
    background: rgba(255, 107, 107, .12);
    border: 1px solid rgba(255, 107, 107, .3)
}

.lb-reset {
    font: 600 10px/1 ui-monospace, Consolas, monospace;
    letter-spacing: .1em;
    color: var(--mute)
}

.lb-reset b {
    color: #d7dce8;
    font-size: 12px;
    letter-spacing: .04em
}

.lb-search {
    position: relative;
    margin-top: 8px
}

.lb-search input {
    width: 100%;
    padding: 13px 40px 13px 14px;
    background: #0b0b0e;
    border: 1px solid var(--line);
    border-radius: 0;
    color: #fff;
    font: 500 13px Inter, sans-serif
}

.lb-search input:focus {
    outline: none;
    border-color: var(--rust)
}

.lb-search button {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: none;
    border: 0;
    color: var(--mute);
    font-size: 16px;
    cursor: pointer
}

.lb-search button:hover {
    color: #fff
}

.lb-table {
    margin-top: 8px;
    border: 1px solid var(--line);
    background: #0a0a0c
}

.lb-r {
    display: grid;
    grid-template-columns: 44px minmax(180px, 2.4fr) repeat(6, minmax(70px, 1fr));
    gap: 8px;
    align-items: center;
    padding: 0 16px;
    min-height: 64px;
    border-bottom: 1px solid #14141a;
    font-size: 13px;
    transition: background .12s
}

.lb-r:last-child {
    border-bottom: 0
}

.lb-r .n {
    text-align: right;
    font-variant-numeric: tabular-nums
}

.lb-h {
    min-height: 34px;
    background: #060608;
    font: 700 9px/1 ui-monospace, Consolas, monospace;
    letter-spacing: .12em;
    color: #5d5d67
}

.lb-h .on {
    color: #ff6b6b
}

#lbRows .lb-r {
    cursor: default
}

#lbRows .lb-r:hover {
    background: rgba(255, 255, 255, .025)
}

.lb-rank {
    font: 700 12px ui-monospace, Consolas, monospace;
    color: #8b8b95
}

.lb-r.p1 .lb-rank {
    color: #ff9a8b
}

.lb-r.p2 .lb-rank {
    color: #d7dce8
}

.lb-r.p3 .lb-rank {
    color: #d98a45
}

.lb-r.p1 {
    background: linear-gradient(90deg, rgba(240, 180, 41, .06), transparent 40%)
}

.lb-pl {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0
}

.lb-av {
    flex: none;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 2px;
    font-weight: 900;
    font-size: 15px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5)
}

.lb-nm {
    min-width: 0
}

.lb-nm b {
    display: block;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.lb-nm small {
    display: block;
    font: 500 9px/1.3 ui-monospace, Consolas, monospace;
    color: #5d5d67
}

.lb-w {
    font-weight: 800;
    color: #fff
}

.lb-k {
    color: #8fb4e8
}

.lb-g {
    color: #d9b36a
}

.lb-d {
    color: #9a9aa4
}

.lb-kd {
    color: #cfd6e4
}

.lb-z {
    color: #5d5d67
}

.lb-prize {
    font-weight: 800
}

.lb-prize.gold {
    color: #ff9a8b
}

.lb-prize.silver {
    color: #fff
}

.lb-tix {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 2px;
    background: rgba(100, 140, 255, .18);
    border: 1px solid rgba(100, 140, 255, .4);
    color: #9db8ff;
    font: 800 9px/1.3 ui-monospace, Consolas, monospace;
    transform: rotate(-6deg)
}

.lb-note {
    margin: 12px 2px 0;
    font-size: 12px;
    color: var(--mute)
}

@media(max-width:900px) {
    .lb-modes {
        grid-template-columns: repeat(2, 1fr)
    }

    .lb-r {
        grid-template-columns: 34px minmax(0, 1fr) 70px 70px
    }

    .lb-r>:nth-child(3),
    .lb-r>:nth-child(5),
    .lb-r>:nth-child(6),
    .lb-r>:nth-child(7),
    .lb-r>:nth-child(9) {
        display: none
    }
}