/* BEERLEAGUE Stats component presentation fixes */
.bl-stats-logo {
    width: min(420px, 72vw);
    margin: 0 auto 1rem;
    display: block;
    filter: drop-shadow(0 18px 28px rgba(0, 0, 0, .45));
}

.bl-btn-small {
    min-height: 32px !important;
    padding: .35rem .65rem !important;
    margin-top: .45rem;
    font-size: .72rem;
}

.bl-stats-nav .active {
    outline: 2px solid rgba(255, 255, 255, .4);
    background: linear-gradient(180deg, #0faf78 0%, #087a55 100%);
}

.bl-stats-shell .bl-stat-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow: visible;
}

.bl-stats-shell .bl-stat-table {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
}

.bl-stats-shell .bl-stat-table th,
.bl-stats-shell .bl-stat-table td {
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    white-space: normal;
    vertical-align: middle;
}

.bl-stat-table-topplayers th:nth-child(1),
.bl-stat-table-topplayers td:nth-child(1) { width: 5%; }
.bl-stat-table-topplayers th:nth-child(2),
.bl-stat-table-topplayers td:nth-child(2) { width: 14%; }
.bl-stat-table-topplayers th:nth-child(3),
.bl-stat-table-topplayers td:nth-child(3) { width: 15%; }

/* Player Match Stats now uses readable cards instead of a squeezed table. */
.bl-player-match-list {
    width: min(1320px, 96vw);
    margin: 1.5rem auto 0;
    display: grid;
    gap: 1rem;
}

.bl-player-match-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0, 214, 143, .28);
    border-radius: 22px;
    background:
        radial-gradient(circle at top left, rgba(0, 214, 143, .13), transparent 34rem),
        linear-gradient(180deg, rgba(10, 24, 18, .98), rgba(3, 10, 8, .98));
    box-shadow: 0 18px 55px rgba(0, 0, 0, .35);
}

.bl-player-match-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 6px;
    background: #0faf78;
}

.bl-player-match-card-win::before { background: #00d68f; }
.bl-player-match-card-loss::before { background: #ff5a5f; }
.bl-player-match-card-draw::before { background: #94a3b8; }
.bl-player-match-card-abandoned::before { background: #ffd34d; }

.bl-pm-topline {
    display: grid;
    grid-template-columns: minmax(130px, .75fr) minmax(220px, 1.35fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1.1rem 1.2rem .85rem;
}

.bl-pm-match-block,
.bl-pm-player-block,
.bl-pm-outcome-block {
    min-width: 0;
}

.bl-eyebrow {
    display: block;
    margin-bottom: .25rem;
    color: rgba(255, 255, 255, .58);
    font-size: .72rem;
    line-height: 1.1;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-weight: 900;
}

.bl-pm-match-title,
.bl-pm-player-name {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    color: #fff !important;
    text-decoration: none !important;
    font-size: clamp(1.05rem, 1.5vw, 1.35rem);
    line-height: 1.15;
    font-weight: 950;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .45);
}

.bl-pm-match-title:hover,
.bl-pm-player-name:hover,
.bl-pm-steam:hover {
    color: #00d68f !important;
}

.bl-pm-map {
    display: inline-flex;
    margin-left: .65rem;
    padding: .28rem .58rem;
    border: 1px solid rgba(0, 214, 143, .28);
    border-radius: 999px;
    color: #00d68f;
    background: rgba(0, 214, 143, .09);
    font-size: .78rem;
    font-weight: 900;
}

.bl-pm-steam {
    display: block;
    width: max-content;
    max-width: 100%;
    margin-top: .28rem;
    color: #00d68f !important;
    text-decoration: none !important;
    font-size: .82rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
    font-weight: 800;
}

.bl-pm-outcome-block {
    justify-self: end;
}

.bl-outcome-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 132px;
    padding: .55rem .85rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-size: .78rem;
    line-height: 1.1;
    letter-spacing: .04em;
    text-align: center;
    text-transform: uppercase;
    font-weight: 950;
    white-space: normal;
    word-break: normal !important;
}

.bl-outcome-win {
    color: #001c12;
    border-color: rgba(0, 214, 143, .55);
    background: linear-gradient(180deg, #00d68f, #0c9e70);
}

.bl-outcome-loss {
    color: #fff;
    border-color: rgba(255, 90, 95, .55);
    background: linear-gradient(180deg, rgba(255, 90, 95, .92), rgba(139, 18, 32, .95));
}

.bl-outcome-draw {
    color: #f8fafc;
    border-color: rgba(148, 163, 184, .58);
    background: linear-gradient(180deg, rgba(100, 116, 139, .9), rgba(51, 65, 85, .95));
}

.bl-outcome-abandoned {
    color: #161000;
    border-color: rgba(255, 211, 77, .65);
    background: linear-gradient(180deg, #ffd34d, #c99000);
}

.bl-pm-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    padding: 0 1.2rem 1rem;
    color: rgba(255, 255, 255, .74);
    font-size: .82rem;
}

.bl-pm-meta-row span {
    display: inline-flex;
    gap: .35rem;
    align-items: center;
    padding: .38rem .62rem;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 999px;
    background: rgba(255, 255, 255, .045);
}

.bl-pm-meta-row strong {
    color: #00d68f;
    text-transform: uppercase;
    font-size: .68rem;
    letter-spacing: .08em;
}

.bl-pm-stat-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1px;
    border-top: 1px solid rgba(0, 214, 143, .18);
    background: rgba(0, 214, 143, .12);
}

.bl-pm-stat {
    min-width: 0;
    padding: .9rem .8rem 1rem;
    background: rgba(1, 8, 6, .78);
    text-align: center;
}

.bl-pm-stat span {
    display: block;
    margin-bottom: .25rem;
    color: rgba(255, 255, 255, .56);
    font-size: .68rem;
    letter-spacing: .1em;
    line-height: 1.1;
    text-transform: uppercase;
    font-weight: 900;
}

.bl-pm-stat strong {
    display: block;
    color: #fff;
    font-size: clamp(1rem, 1.45vw, 1.35rem);
    line-height: 1.15;
    font-weight: 950;
}

.bl-pm-stat-score strong,
.bl-pm-stat-kad strong {
    color: #00d68f;
}

@media (max-width: 1100px) {
    .bl-pm-topline {
        grid-template-columns: 1fr 1.4fr;
    }

    .bl-pm-outcome-block {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .bl-pm-stat-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .bl-player-match-list {
        width: min(100%, 94vw);
    }

    .bl-pm-topline {
        grid-template-columns: 1fr;
        gap: .85rem;
    }

    .bl-pm-outcome-block {
        justify-self: stretch;
    }

    .bl-outcome-badge {
        width: 100%;
    }

    .bl-pm-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .bl-stat-table-topplayers th,
    .bl-stat-table-topplayers td {
        width: auto !important;
    }
}


/* v1.0.3: keep Player Match cards inside Joomla content columns/sidebar layouts. */
.bl-stats-shell,
.bl-stats-shell * {
    box-sizing: border-box;
}

.bl-stats-shell {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
}

.bl-stats-shell .bl-stats-header,
.bl-stats-shell .bl-stats-search,
.bl-stats-shell .bl-stats-nav,
.bl-stats-shell .bl-player-match-list,
.bl-stats-shell .bl-player-match-card {
    max-width: 100%;
}

.bl-stats-shell .bl-player-match-list {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.bl-stats-shell .bl-player-match-card {
    width: 100%;
    min-width: 0;
}

.bl-stats-shell .bl-pm-topline,
.bl-stats-shell .bl-pm-meta-row,
.bl-stats-shell .bl-pm-stat-grid {
    min-width: 0;
}

.bl-stats-shell .bl-pm-topline > *,
.bl-stats-shell .bl-pm-meta-row > *,
.bl-stats-shell .bl-pm-stat > * {
    min-width: 0;
}

/* Sidebar layouts can make the content column much narrower than the viewport.
   Collapse the Player Match card earlier so it stays readable without covering modules. */
@media (max-width: 1250px) {
    .bl-stats-shell .bl-pm-topline {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    }

    .bl-stats-shell .bl-pm-outcome-block {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .bl-stats-shell .bl-pm-stat-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .bl-stats-shell .bl-pm-topline {
        grid-template-columns: minmax(0, 1fr);
    }

    .bl-stats-shell .bl-pm-outcome-block {
        justify-self: stretch;
    }

    .bl-stats-shell .bl-outcome-badge {
        width: 100%;
        min-width: 0;
    }

    .bl-stats-shell .bl-pm-meta-row span {
        width: 100%;
        justify-content: space-between;
        border-radius: 14px;
    }

    .bl-stats-shell .bl-pm-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* v1.0.4: sortable stats and multi-server display. */
.bl-sort-controls {
    width: 100%;
    max-width: 100%;
    margin: 1rem 0 1.1rem;
    padding: .8rem;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: .75rem;
    border: 1px solid rgba(0, 214, 143, .22);
    border-radius: 18px;
    background: rgba(255, 255, 255, .045);
}

.bl-sort-controls label {
    min-width: min(260px, 100%);
    display: grid;
    gap: .35rem;
    margin: 0;
}

.bl-sort-controls label span {
    color: rgba(255, 255, 255, .68);
    font-size: .72rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: 900;
}

.bl-sort-controls select {
    width: 100%;
    min-height: 42px;
    padding: .45rem .8rem;
    border: 1px solid rgba(0, 214, 143, .35);
    border-radius: 999px;
    background: rgba(255, 255, 255, .94);
    color: #06120e;
    font-weight: 800;
}

.bl-sort-controls button {
    min-height: 42px;
    padding: .45rem 1.1rem;
    border: 1px solid rgba(0, 214, 143, .45);
    border-radius: 999px;
    background: linear-gradient(180deg, #0faf78 0%, #087a55 100%);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 950;
}

.bl-stat-table th .bl-sort-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    color: #00d68f !important;
    text-decoration: none !important;
    line-height: 1.2;
}

.bl-stat-table th .bl-sort-link:hover,
.bl-stat-table th .bl-sort-link.active {
    color: #fff !important;
    text-shadow: 0 0 14px rgba(0, 214, 143, .55);
}

.bl-stat-table th .bl-sort-link span {
    color: #ffd34d;
    font-size: .72rem;
}

.bl-stat-table .bl-pill {
    white-space: normal;
}


/* v1.0.5: full player profile page with Steam avatar/profile rendering. */
.bl-player-profile,
.bl-player-profile * {
    box-sizing: border-box;
}

.bl-player-profile {
    width: 100%;
    max-width: 100%;
    display: grid;
    gap: 1.15rem;
    margin-top: 1.25rem;
}

.bl-player-hero-card,
.bl-player-list-card,
.bl-player-metric-card,
.bl-player-section-card {
    border: 1px solid rgba(0, 214, 143, .25);
    border-radius: 22px;
    background:
        radial-gradient(circle at top left, rgba(0, 214, 143, .13), transparent 30rem),
        linear-gradient(180deg, rgba(6, 20, 15, .96), rgba(2, 9, 7, .96));
    box-shadow: 0 18px 55px rgba(0, 0, 0, .32);
}

.bl-player-hero-card {
    display: grid;
    grid-template-columns: minmax(140px, 180px) minmax(0, 1fr) minmax(150px, 210px);
    gap: 1.25rem;
    align-items: center;
    padding: 1.15rem;
}

.bl-player-avatar-wrap {
    min-width: 0;
    display: grid;
    justify-items: center;
    gap: .55rem;
}

.bl-player-avatar {
    width: min(150px, 100%);
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border: 2px solid rgba(255, 255, 255, .75);
    border-radius: 8px;
    background: #020907;
    box-shadow: 0 14px 35px rgba(0, 0, 0, .45);
}

.bl-player-avatar-fallback {
    display: grid;
    place-items: center;
    color: #00d68f;
    font-size: 4rem;
    font-weight: 950;
}

.bl-steam-profile-link,
.bl-player-steamid-main,
.bl-player-list-card a,
.bl-section-heading-row a,
.bl-mini-match a {
    color: #00d68f !important;
    text-decoration: none !important;
    font-weight: 900;
}

.bl-steam-profile-link:hover,
.bl-player-list-card a:hover,
.bl-section-heading-row a:hover,
.bl-mini-match a:hover {
    color: #fff !important;
}

.bl-player-steamid-main {
    max-width: 100%;
    overflow-wrap: anywhere;
    color: #ff5a5f !important;
    font-size: .82rem;
    text-align: center;
}

.bl-player-main-info {
    min-width: 0;
}

.bl-player-main-info h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.85rem, 4vw, 3rem);
    line-height: 1.03;
    letter-spacing: .015em;
    text-shadow: 0 3px 0 rgba(0, 0, 0, .45);
}

.bl-player-known-as {
    margin: .35rem 0 0;
    color: rgba(255, 255, 255, .72);
}

.bl-player-quick-pills {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: 1rem;
}

.bl-player-quick-pills span,
.bl-player-rank-card,
.bl-player-metric-row,
.bl-compact-record {
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .045);
}

.bl-player-quick-pills span {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
    max-width: 100%;
    padding: .42rem .66rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, .78);
    overflow-wrap: anywhere;
}

.bl-player-quick-pills strong {
    color: #00d68f;
    text-transform: uppercase;
    font-size: .68rem;
    letter-spacing: .08em;
}

.bl-player-rank-card {
    justify-self: stretch;
    padding: 1rem;
    border-radius: 18px;
    text-align: center;
}

.bl-player-rank-card span,
.bl-player-metric-row span,
.bl-mini-match span,
.bl-compact-record span,
.bl-player-list-card small {
    color: rgba(255, 255, 255, .58);
}

.bl-player-rank-card span {
    display: block;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .72rem;
    font-weight: 950;
}

.bl-player-rank-card strong {
    display: block;
    margin: .25rem 0;
    color: #00d68f;
    font-size: clamp(2rem, 5vw, 3.25rem);
    line-height: 1;
    font-weight: 950;
}

.bl-player-rank-card small {
    color: #fff;
    font-weight: 800;
}

.bl-player-lists-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.bl-player-list-card {
    padding: 1rem;
}

.bl-player-list-card h3,
.bl-player-metric-card h3,
.bl-player-section-card h3 {
    margin: 0;
    color: #fff;
    font-size: 1rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.bl-player-list-card ul {
    display: grid;
    gap: .35rem;
    margin: .8rem 0 0;
    padding: 0;
    list-style: none;
}

.bl-player-list-card li {
    min-width: 0;
    overflow-wrap: anywhere;
    color: #fff;
    font-weight: 800;
}

.bl-muted {
    color: rgba(255, 255, 255, .56);
}

.bl-player-metric-groups {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.bl-player-metric-card {
    overflow: hidden;
}

.bl-player-metric-card h3 {
    padding: .95rem 1rem;
    border-bottom: 1px solid rgba(0, 214, 143, .18);
    background: rgba(0, 214, 143, .08);
}

.bl-player-metric-list {
    display: grid;
}

.bl-player-metric-row {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) auto;
    gap: .45rem .8rem;
    align-items: center;
    padding: .7rem .9rem;
    border-width: 0 0 1px;
}

.bl-player-metric-row:last-child {
    border-bottom-width: 0;
}

.bl-player-metric-row span {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: .82rem;
    font-weight: 800;
}

.bl-player-metric-row strong {
    color: #00d68f;
    font-size: 1.05rem;
    font-weight: 950;
    text-align: right;
}

.bl-player-metric-row small {
    grid-column: 1 / -1;
    color: rgba(255, 255, 255, .64);
    font-size: .75rem;
}

.bl-player-section-card {
    padding: 1rem;
    overflow: hidden;
}

.bl-section-heading-row {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem 1rem;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .9rem;
}

.bl-section-heading-row a {
    font-size: .8rem;
}

.bl-player-recent-matches,
.bl-compact-records {
    display: grid;
    gap: .65rem;
}

.bl-mini-match {
    position: relative;
    display: grid;
    grid-template-columns: minmax(150px, 1.2fr) repeat(3, minmax(70px, .55fr)) auto;
    gap: .6rem;
    align-items: center;
    padding: .75rem .85rem .75rem 1rem;
    border: 1px solid rgba(255, 255, 255, .08);
    border-left: 5px solid #0faf78;
    border-radius: 16px;
    background: rgba(255, 255, 255, .04);
}

.bl-mini-match-win { border-left-color: #00d68f; }
.bl-mini-match-loss { border-left-color: #ff5a5f; }
.bl-mini-match-abandoned { border-left-color: #ffd34d; }

.bl-mini-match div {
    min-width: 0;
}

.bl-mini-match strong,
.bl-compact-record strong {
    display: block;
    color: #fff;
    font-weight: 950;
    overflow-wrap: anywhere;
}

.bl-mini-match span {
    display: block;
    font-size: .74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.bl-compact-record {
    display: grid;
    gap: .2rem;
    padding: .75rem .85rem;
    border-radius: 14px;
    color: #fff;
}

.bl-compact-record small {
    color: rgba(255, 255, 255, .72);
}

.bl-empty-records {
    margin: 0;
    padding: 1.4rem;
    border: 1px dashed rgba(255, 90, 95, .35);
    border-radius: 16px;
    color: #ff5a5f;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
}

@media (max-width: 1180px) {
    .bl-player-hero-card {
        grid-template-columns: minmax(125px, 160px) minmax(0, 1fr);
    }

    .bl-player-rank-card {
        grid-column: 1 / -1;
    }

    .bl-player-metric-groups {
        grid-template-columns: 1fr;
    }

    .bl-mini-match {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .bl-player-hero-card,
    .bl-player-lists-grid,
    .bl-mini-match {
        grid-template-columns: minmax(0, 1fr);
    }

    .bl-player-main-info h2,
    .bl-player-known-as {
        text-align: center;
    }

    .bl-player-quick-pills span {
        width: 100%;
        justify-content: space-between;
        border-radius: 14px;
    }

    .bl-section-heading-row {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* v1.0.7: Match Stats and Top Player Stats card layouts to match Player Match Stats. */
.bl-stat-card-list {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 1rem 0 0;
    display: grid;
    gap: .9rem;
}

.bl-match-card-list,
.bl-top-player-list {
    overflow: visible;
}

.bl-match-stat-card,
.bl-top-player-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.bl-match-stat-card::before {
    background: #ffd34d;
}

.bl-top-player-card::before {
    background: #00d68f;
}

.bl-match-topline,
.bl-top-player-topline {
    grid-template-columns: minmax(120px, .7fr) minmax(220px, 1.4fr) auto;
}

.bl-rank-block .bl-pm-match-title {
    font-size: clamp(1.35rem, 2.1vw, 1.85rem);
}

.bl-match-stat-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.bl-top-player-stat-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}

.bl-match-stat-card .bl-pm-stat strong,
.bl-top-player-card .bl-pm-stat strong {
    overflow-wrap: anywhere;
}

.bl-match-stat-card .bl-pm-stat a,
.bl-top-player-card .bl-pm-stat a,
.bl-pm-meta-row a {
    color: #00d68f !important;
    text-decoration: none !important;
    font-weight: 950;
}

.bl-match-stat-card .bl-pm-stat a:hover,
.bl-top-player-card .bl-pm-stat a:hover,
.bl-pm-meta-row a:hover {
    color: #fff !important;
}

.bl-top-player-card .bl-outcome-badge {
    min-width: 150px;
}

@media (max-width: 1250px) {
    .bl-stats-shell .bl-match-topline,
    .bl-stats-shell .bl-top-player-topline {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
    }

    .bl-stats-shell .bl-match-stat-grid,
    .bl-stats-shell .bl-top-player-stat-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .bl-stats-shell .bl-match-topline,
    .bl-stats-shell .bl-top-player-topline {
        grid-template-columns: minmax(0, 1fr);
    }

    .bl-stats-shell .bl-match-stat-grid,
    .bl-stats-shell .bl-top-player-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* v1.0.8: upgraded title treatment and more modern card rhythm. */
.bl-stats-shell .bl-stats-header {
    text-align: left !important;
}

.bl-stats-titlebar {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: .65rem 0 1rem;
    padding: .95rem 1.05rem .95rem 1.25rem;
    overflow: hidden;
    border: 1px solid rgba(0, 214, 143, .28);
    border-left: 6px solid #00d68f;
    border-radius: 20px;
    background:
        linear-gradient(90deg, rgba(0, 214, 143, .14), rgba(255, 166, 0, .08) 42%, rgba(0, 0, 0, 0) 100%),
        radial-gradient(circle at 2rem 0, rgba(0, 214, 143, .22), transparent 22rem),
        rgba(0, 0, 0, .22);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 12px 32px rgba(0, 0, 0, .18);
}

.bl-stats-titlebar::after {
    content: "";
    position: absolute;
    right: -5rem;
    top: -6rem;
    width: 16rem;
    height: 16rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 166, 0, .18), transparent 66%);
    pointer-events: none;
}

.bl-stats-kicker {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin: 0 0 .38rem;
    color: #ffa600;
    font-size: .68rem;
    line-height: 1;
    letter-spacing: .16em;
    text-transform: uppercase;
    font-weight: 950;
}

.bl-stats-kicker::before {
    content: "";
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    background: #00d68f;
    box-shadow: 0 0 16px rgba(0, 214, 143, .75);
}

.bl-stats-shell .bl-stats-title {
    margin: 0 !important;
    color: #fff !important;
    text-align: left !important;
    font-size: clamp(1.8rem, 3.1vw, 3.1rem) !important;
    line-height: .98 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    text-shadow: 0 3px 0 rgba(0, 0, 0, .55), 0 0 22px rgba(0, 214, 143, .18) !important;
}

.bl-stats-subtitle {
    max-width: 760px;
    margin: .45rem 0 0 !important;
    color: rgba(255, 255, 255, .72) !important;
    font-size: .9rem;
    line-height: 1.45;
}

.bl-stats-titlebar-matches { border-left-color: #ffa600; }
.bl-stats-titlebar-topplayers { border-left-color: #00d68f; }
.bl-stats-titlebar-sliceislife { border-left-color: #ffa600; }
.bl-stats-titlebar-playermatches { border-left-color: #00d68f; }
.bl-stats-titlebar-bans { border-left-color: #ff5a5f; }
.bl-stats-titlebar-player { border-left-color: #8fd35b; }

.bl-stat-card-list,
.bl-player-match-list {
    gap: .78rem;
}

.bl-player-match-card {
    border-radius: 18px;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.bl-player-match-card:hover {
    transform: translateY(-1px);
    border-color: rgba(0, 214, 143, .48);
    box-shadow: 0 20px 58px rgba(0, 0, 0, .42), 0 0 0 1px rgba(0, 214, 143, .08);
}

.bl-pm-topline {
    padding: .98rem 1.1rem .76rem;
}

.bl-pm-meta-row {
    padding: 0 1.1rem .9rem;
}

.bl-pm-stat {
    padding: .75rem .7rem .85rem;
}

.bl-sort-controls {
    align-items: center;
    justify-content: flex-start;
    margin: .8rem 0 1rem;
    padding: .62rem .7rem;
    border-radius: 16px;
    background:
        linear-gradient(90deg, rgba(0, 214, 143, .09), rgba(255, 166, 0, .045)),
        rgba(255, 255, 255, .035);
}

.bl-sort-controls::before {
    content: "Sort View";
    color: #ffa600;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-size: .68rem;
    font-weight: 950;
    margin-right: .2rem;
}

.bl-sort-controls label {
    min-width: min(210px, 100%);
}

.bl-sort-controls select,
.bl-sort-controls button {
    min-height: 36px;
}

.bl-sort-controls button {
    box-shadow: 0 10px 22px rgba(0, 0, 0, .26);
}

.bl-match-stat-card .bl-pm-match-title,
.bl-top-player-card .bl-pm-match-title {
    color: #ffa600 !important;
}

.bl-top-player-card .bl-pm-player-name,
.bl-match-stat-card .bl-pm-player-name {
    font-size: clamp(1rem, 1.3vw, 1.22rem);
}

.bl-match-stat-card .bl-pm-map,
.bl-top-player-card .bl-pm-map {
    border-color: rgba(255, 166, 0, .35);
    color: #ffa600;
    background: rgba(255, 166, 0, .08);
}

.bl-match-stat-card .bl-pm-stat-score strong,
.bl-top-player-card .bl-pm-stat-score strong {
    color: #ffa600;
}

@media (max-width: 760px) {
    .bl-stats-titlebar {
        padding: .85rem .9rem .9rem 1rem;
        border-radius: 16px;
    }

    .bl-stats-shell .bl-stats-title {
        font-size: clamp(1.55rem, 9vw, 2.35rem) !important;
        letter-spacing: .045em !important;
    }

    .bl-stats-subtitle {
        font-size: .82rem;
    }

    .bl-sort-controls::before {
        width: 100%;
    }
}


/* v1.0.9 compact squared component pass.
   Compresses Match Stats, Player Match Stats, Top Player Stats, and Player pages vertically. */
.bl-stats-shell {
    --bl-card-radius: 6px;
}

.bl-stats-shell .bl-stats-header {
    text-align: left;
    margin-bottom: .45rem !important;
}

.bl-stats-logo {
    width: min(300px, 58vw) !important;
    margin: 0 0 .55rem !important;
}

.bl-stats-title {
    position: relative;
    display: inline-block;
    margin: 0 0 .48rem !important;
    padding-left: .55rem;
    font-size: clamp(1.18rem, 1.65vw, 1.55rem) !important;
    line-height: 1.05 !important;
    letter-spacing: .045em;
}

.bl-stats-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: .08em;
    bottom: .08em;
    width: 3px;
    background: #d88900;
}

.bl-stats-shell .bl-stats-search {
    margin: .35rem 0 .5rem !important;
    padding: .35rem .45rem !important;
    gap: .35rem !important;
    border-radius: 6px !important;
}

.bl-stats-shell .bl-stats-search form {
    flex-basis: 175px !important;
    gap: .32rem !important;
}

.bl-stats-shell .bl-stats-search input[type="search"],
.bl-stats-shell .bl-stats-search input[type="text"] {
    height: 33px !important;
    min-height: 33px !important;
    padding: .34rem .58rem !important;
    border-radius: 4px !important;
    font-size: .8rem !important;
}

.bl-stats-shell .bl-stats-search button,
.bl-stats-shell .bl-stats-search input[type="submit"] {
    height: 33px !important;
    min-height: 33px !important;
    padding: .34rem .55rem !important;
    border-radius: 4px !important;
    font-size: .7rem !important;
}

.bl-stats-shell .bl-stats-nav {
    justify-content: flex-start !important;
    gap: .34rem !important;
    margin: .35rem 0 .65rem !important;
}

.bl-stats-shell .bl-stats-nav .bl-btn,
.bl-stats-shell .bl-btn {
    min-height: 31px !important;
    padding: .38rem .68rem !important;
    border-radius: 4px !important;
    font-size: .72rem !important;
}

.bl-sort-controls {
    margin: .45rem 0 .65rem !important;
    padding: .5rem !important;
    gap: .45rem !important;
    border-radius: 6px !important;
}

.bl-sort-controls label {
    gap: .22rem !important;
    min-width: min(210px, 100%) !important;
}

.bl-sort-controls label span {
    font-size: .64rem !important;
}

.bl-sort-controls select,
.bl-sort-controls button {
    min-height: 33px !important;
    height: 33px !important;
    padding: .34rem .6rem !important;
    border-radius: 4px !important;
    font-size: .76rem !important;
}

.bl-player-match-list,
.bl-stat-card-list,
.bl-player-profile,
.bl-player-lists-grid,
.bl-player-metric-groups,
.bl-player-recent-matches,
.bl-compact-records {
    gap: .55rem !important;
}

.bl-player-match-list,
.bl-stat-card-list {
    margin-top: .55rem !important;
}

.bl-player-match-card,
.bl-player-hero-card,
.bl-player-list-card,
.bl-player-metric-card,
.bl-player-section-card,
.bl-mini-match,
.bl-compact-record,
.bl-empty-records {
    border-radius: 6px !important;
}

.bl-player-match-card {
    box-shadow: 0 10px 28px rgba(0, 0, 0, .28) !important;
}

.bl-player-match-card::before {
    width: 4px !important;
}

.bl-pm-topline,
.bl-match-topline,
.bl-top-player-topline {
    gap: .55rem !important;
    padding: .68rem .75rem .48rem !important;
}

.bl-eyebrow {
    margin-bottom: .16rem !important;
    font-size: .62rem !important;
    letter-spacing: .1em !important;
}

.bl-pm-match-title,
.bl-pm-player-name {
    font-size: clamp(.98rem, 1.25vw, 1.18rem) !important;
    line-height: 1.08 !important;
}

.bl-rank-block .bl-pm-match-title {
    font-size: clamp(1.18rem, 1.65vw, 1.48rem) !important;
}

.bl-pm-map {
    margin-left: .4rem !important;
    padding: .18rem .4rem !important;
    border-radius: 4px !important;
    font-size: .68rem !important;
}

.bl-pm-steam {
    margin-top: .18rem !important;
    font-size: .72rem !important;
    line-height: 1.18 !important;
}

.bl-outcome-badge {
    min-width: 112px !important;
    padding: .38rem .58rem !important;
    border-radius: 4px !important;
    font-size: .68rem !important;
}

.bl-top-player-card .bl-outcome-badge {
    min-width: 125px !important;
}

.bl-pm-meta-row {
    gap: .34rem !important;
    padding: 0 .75rem .58rem !important;
    font-size: .72rem !important;
}

.bl-pm-meta-row span {
    padding: .24rem .42rem !important;
    border-radius: 4px !important;
}

.bl-pm-meta-row strong {
    font-size: .6rem !important;
}

.bl-pm-stat-grid {
    border-top-width: 1px !important;
}

.bl-pm-stat {
    padding: .54rem .42rem .58rem !important;
}

.bl-pm-stat span {
    margin-bottom: .14rem !important;
    font-size: .58rem !important;
    letter-spacing: .085em !important;
}

.bl-pm-stat strong {
    font-size: clamp(.9rem, 1.1vw, 1.08rem) !important;
}

/* Compact player profile page. */
.bl-player-profile {
    margin-top: .55rem !important;
}

.bl-player-hero-card {
    gap: .75rem !important;
    padding: .75rem !important;
    grid-template-columns: minmax(105px, 132px) minmax(0, 1fr) minmax(120px, 165px) !important;
}

.bl-player-avatar {
    width: min(112px, 100%) !important;
    border-radius: 4px !important;
}

.bl-player-main-info h2 {
    font-size: clamp(1.35rem, 3vw, 2.1rem) !important;
}

.bl-player-known-as {
    margin-top: .25rem !important;
    font-size: .82rem !important;
}

.bl-player-quick-pills {
    gap: .34rem !important;
    margin-top: .55rem !important;
}

.bl-player-quick-pills span {
    padding: .26rem .45rem !important;
    border-radius: 4px !important;
    font-size: .75rem !important;
}

.bl-player-quick-pills strong,
.bl-player-rank-card span {
    font-size: .58rem !important;
}

.bl-player-rank-card {
    padding: .65rem !important;
    border-radius: 6px !important;
}

.bl-player-rank-card strong {
    margin: .16rem 0 !important;
    font-size: clamp(1.45rem, 3vw, 2.35rem) !important;
}

.bl-player-list-card,
.bl-player-section-card {
    padding: .7rem !important;
}

.bl-player-list-card h3,
.bl-player-metric-card h3,
.bl-player-section-card h3 {
    font-size: .86rem !important;
}

.bl-player-list-card ul {
    gap: .22rem !important;
    margin-top: .5rem !important;
}

.bl-player-list-card li {
    font-size: .82rem !important;
}

.bl-player-metric-card h3 {
    padding: .62rem .72rem !important;
}

.bl-player-metric-row {
    padding: .46rem .62rem !important;
    gap: .28rem .5rem !important;
}

.bl-player-metric-row span {
    font-size: .74rem !important;
}

.bl-player-metric-row strong {
    font-size: .92rem !important;
}

.bl-section-heading-row {
    margin-bottom: .55rem !important;
    gap: .4rem .65rem !important;
}

.bl-mini-match {
    padding: .52rem .62rem .52rem .72rem !important;
    gap: .38rem !important;
    border-left-width: 4px !important;
}

.bl-mini-match span {
    font-size: .62rem !important;
}

.bl-compact-record {
    gap: .12rem !important;
    padding: .48rem .6rem !important;
}

.bl-empty-records {
    padding: .85rem !important;
}

.bl-pagination {
    margin-top: .65rem !important;
    gap: .3rem !important;
}

.bl-pagination a,
.bl-pagination span {
    min-width: 30px !important;
    min-height: 30px !important;
    padding: .25rem .45rem !important;
    border-radius: 4px !important;
}

@media (max-width: 1180px) {
    .bl-player-hero-card {
        grid-template-columns: minmax(100px, 120px) minmax(0, 1fr) !important;
    }
}

@media (max-width: 760px) {
    .bl-player-hero-card {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    .bl-pm-map {
        margin-left: 0 !important;
        margin-top: .28rem !important;
    }
    .bl-pm-meta-row span,
    .bl-player-quick-pills span {
        border-radius: 4px !important;
    }
}

/* v1.0.10 - Steam identity icon next to player names */
.bl-player-name-with-icon {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-width: 0;
    max-width: 100%;
    vertical-align: middle;
}

.bl-player-name-text {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bl-steam-inline-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.08em;
    height: 1.08em;
    flex: 0 0 1.08em;
    border: 1px solid rgba(0, 214, 143, .48);
    border-radius: 3px;
    color: #fff;
    background: linear-gradient(135deg, #111820 0%, #0b301f 100%);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 10px rgba(0,214,143,.16);
}

.bl-steam-inline-icon svg {
    display: block;
    width: .86em;
    height: .86em;
    fill: currentColor;
}

.bl-pm-player-name:hover .bl-steam-inline-icon,
.bl-table-player-name:hover .bl-steam-inline-icon {
    border-color: rgba(255, 166, 0, .72);
    color: #ffa600;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 12px rgba(255,166,0,.2);
}

.bl-player-profile-name {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    color: #fff;
    font: inherit;
}

.bl-player-profile-name .bl-steam-inline-icon {
    width: .9em;
    height: .9em;
    flex-basis: .9em;
    border-color: rgba(255, 166, 0, .64);
    background: linear-gradient(135deg, #101010 0%, #0b3b28 100%);
}

.bl-player-known-as-name,
.bl-player-list-name,
.bl-table-player-name {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    color: inherit;
    text-decoration: none;
    font-weight: 800;
}

.bl-table-player-name {
    color: #072819 !important;
}

.bl-stat-table td .bl-table-player-name {
    width: 100%;
}

.bl-player-known-as-name .bl-steam-inline-icon,
.bl-player-list-name .bl-steam-inline-icon,
.bl-table-player-name .bl-steam-inline-icon {
    width: .92em;
    height: .92em;
    flex-basis: .92em;
}

.bl-player-list-card li .bl-player-name-with-icon {
    max-width: 100%;
}

@media (max-width: 640px) {
    .bl-player-name-with-icon {
        gap: .32rem;
    }

    .bl-steam-inline-icon {
        width: 1em;
        height: 1em;
        flex-basis: 1em;
    }
}


/* v1.0.12 - Steam avatar player identity and simplified BEERLEAGUE labels. */
.bl-stats-titlebar {
    display: block !important;
    border-radius: 6px !important;
}

.bl-stats-kicker {
    display: flex !important;
    width: max-content;
    margin: 0 0 .3rem !important;
}

.bl-stats-shell .bl-stats-title {
    display: block !important;
    width: 100%;
}

.bl-match-stat-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.bl-player-steamid-link {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    color: #00d68f !important;
    text-decoration: none !important;
    font-weight: 850;
}

.bl-player-steamid-link:hover {
    color: #ffa600 !important;
}

.bl-player-steamid-link .bl-steam-inline-icon {
    width: .95em;
    height: .95em;
    flex-basis: .95em;
}

@media (max-width: 1250px) {
    .bl-stats-shell .bl-match-stat-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    .bl-stats-shell .bl-match-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


/* v1.0.12 - Larger Steam profile avatars beside player names. */
.bl-player-name-with-icon {
    gap: .5rem !important;
}

.bl-steam-inline-avatar,
.bl-steam-inline-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    border: 1px solid rgba(0, 214, 143, .55) !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    background: #07110d !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.05), 0 5px 14px rgba(0,0,0,.25) !important;
}

.bl-steam-inline-avatar img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.bl-steam-inline-icon svg {
    width: 17px !important;
    height: 17px !important;
}

.bl-pm-player-name:hover .bl-steam-inline-avatar,
.bl-table-player-name:hover .bl-steam-inline-avatar,
.bl-player-steamid-link:hover .bl-steam-inline-avatar {
    border-color: rgba(255, 166, 0, .85) !important;
    box-shadow: 0 0 0 1px rgba(255,166,0,.16), 0 6px 16px rgba(0,0,0,.28) !important;
}

.bl-player-profile-name .bl-steam-inline-avatar,
.bl-player-profile-name .bl-steam-inline-icon {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
}

.bl-player-profile-name .bl-steam-inline-icon svg {
    width: 22px !important;
    height: 22px !important;
}

.bl-player-known-as-name .bl-steam-inline-avatar,
.bl-player-known-as-name .bl-steam-inline-icon,
.bl-player-list-name .bl-steam-inline-avatar,
.bl-player-list-name .bl-steam-inline-icon,
.bl-table-player-name .bl-steam-inline-avatar,
.bl-table-player-name .bl-steam-inline-icon,
.bl-player-steamid-link .bl-steam-inline-avatar,
.bl-player-steamid-link .bl-steam-inline-icon {
    width: 22px !important;
    height: 22px !important;
    flex-basis: 22px !important;
}

.bl-player-known-as-name .bl-steam-inline-icon svg,
.bl-player-list-name .bl-steam-inline-icon svg,
.bl-table-player-name .bl-steam-inline-icon svg,
.bl-player-steamid-link .bl-steam-inline-icon svg {
    width: 15px !important;
    height: 15px !important;
}

@media (max-width: 640px) {
    .bl-steam-inline-avatar,
    .bl-steam-inline-icon {
        width: 22px !important;
        height: 22px !important;
        flex-basis: 22px !important;
    }
}


/* v1.0.13 - map thumbnails and taller Steam avatars beside player identity blocks. */
.bl-player-identity-block {
    display: inline-flex;
    align-items: center;
    gap: .58rem;
    max-width: 100%;
    min-width: 0;
    vertical-align: middle;
}

.bl-player-identity-block > .bl-steam-inline-avatar,
.bl-player-identity-block > .bl-steam-inline-icon {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    border-radius: 4px !important;
}

.bl-player-identity-block > .bl-steam-inline-icon svg {
    width: 28px !important;
    height: 28px !important;
}

.bl-player-identity-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    max-width: 100%;
    line-height: 1.08;
}

.bl-player-identity-copy .bl-pm-player-name {
    margin: 0 !important;
}

.bl-player-identity-copy .bl-pm-steam {
    margin-top: .28rem !important;
    width: auto !important;
}

.bl-map-name-with-pic {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-width: 0;
    max-width: 100%;
    vertical-align: middle;
}

.bl-map-name-with-pic img {
    display: block;
    width: 34px;
    height: 24px;
    flex: 0 0 34px;
    object-fit: cover;
    border: 1px solid rgba(0, 214, 143, .46);
    border-radius: 3px;
    background: #07110d;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .24);
}

.bl-map-name-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bl-pm-map .bl-map-name-with-pic img {
    width: 38px;
    height: 26px;
    flex-basis: 38px;
}

.bl-map-stat-value {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    color: #fff;
}

.bl-map-stat-value .bl-map-name-with-pic {
    justify-content: center;
}

.bl-map-stat-value .bl-map-name-with-pic img,
.bl-map-name-large img {
    width: 56px;
    height: 34px;
    flex-basis: 56px;
}

.bl-mini-map {
    display: inline-flex;
    margin-top: .18rem;
    color: rgba(255, 255, 255, .76);
    font-size: .72rem;
    font-weight: 850;
}

.bl-mini-map .bl-map-name-with-pic img {
    width: 30px;
    height: 20px;
    flex-basis: 30px;
}

.bl-table-map {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    font-weight: 850;
    color: inherit;
}

.bl-table-map .bl-map-name-with-pic img {
    width: 42px;
    height: 28px;
    flex-basis: 42px;
}

.bl-pm-stat-map strong {
    font-size: clamp(.9rem, 1.15vw, 1.05rem) !important;
}

@media (max-width: 640px) {
    .bl-player-identity-block > .bl-steam-inline-avatar,
    .bl-player-identity-block > .bl-steam-inline-icon {
        width: 38px !important;
        height: 38px !important;
        flex-basis: 38px !important;
    }

    .bl-map-name-with-pic img,
    .bl-pm-map .bl-map-name-with-pic img {
        width: 32px;
        height: 22px;
        flex-basis: 32px;
    }
}

/* v1.0.14 - align player label with name/SteamID, enlarge map thumbnails, and trim Match Stats map duplication. */
.bl-stats-shell .bl-pm-topline {
    align-items: flex-start !important;
}

.bl-stats-shell .bl-pm-match-block,
.bl-stats-shell .bl-pm-player-block,
.bl-stats-shell .bl-pm-outcome-block {
    padding-top: .05rem;
}

.bl-pm-player-identity-block-wrap {
    display: flex;
    align-items: flex-start;
    min-width: 0;
}

.bl-pm-player-identity-block-wrap .bl-player-identity-block {
    align-items: flex-start;
}

.bl-player-identity-label {
    margin: 0 0 .18rem !important;
}

.bl-player-identity-block > .bl-steam-inline-avatar,
.bl-player-identity-block > .bl-steam-inline-icon {
    width: 52px !important;
    height: 52px !important;
    flex: 0 0 52px !important;
}

.bl-player-identity-block > .bl-steam-inline-icon svg {
    width: 32px !important;
    height: 32px !important;
}

.bl-player-identity-copy {
    justify-content: flex-start !important;
    padding-top: 0 !important;
}

.bl-map-name-with-pic img {
    width: 52px !important;
    height: 34px !important;
    flex: 0 0 52px !important;
}

.bl-pm-map {
    align-items: center !important;
    padding: .18rem .42rem !important;
    border-radius: 5px !important;
}

.bl-pm-map .bl-map-name-with-pic img {
    width: 62px !important;
    height: 40px !important;
    flex-basis: 62px !important;
}

.bl-mini-map .bl-map-name-with-pic img {
    width: 48px !important;
    height: 30px !important;
    flex-basis: 48px !important;
}

.bl-table-map .bl-map-name-with-pic img {
    width: 56px !important;
    height: 36px !important;
    flex-basis: 56px !important;
}

.bl-match-stat-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media (max-width: 900px) {
    .bl-match-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .bl-player-identity-block > .bl-steam-inline-avatar,
    .bl-player-identity-block > .bl-steam-inline-icon {
        width: 44px !important;
        height: 44px !important;
        flex-basis: 44px !important;
    }

    .bl-pm-map .bl-map-name-with-pic img,
    .bl-map-name-with-pic img {
        width: 44px !important;
        height: 29px !important;
        flex-basis: 44px !important;
    }
}

/* v1.0.15 - larger map identity block to the left of Match #, plus tighter Match Stats sorting. */
.bl-pm-match-identity-block-wrap {
    display: flex;
    align-items: flex-start;
    min-width: 0;
}

.bl-match-identity-block {
    display: inline-flex;
    align-items: flex-start;
    gap: .68rem;
    min-width: 0;
    max-width: 100%;
    vertical-align: top;
}

.bl-match-map-avatar {
    display: inline-flex;
    width: 82px;
    height: 54px;
    flex: 0 0 82px;
    overflow: hidden;
    border: 1px solid rgba(0, 214, 143, .55);
    border-radius: 5px;
    background: #07110d;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .32);
}

.bl-match-map-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bl-match-identity-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    min-width: 0;
    max-width: 100%;
    padding-top: .02rem;
    line-height: 1.05;
}

.bl-match-identity-label {
    margin: 0 0 .18rem !important;
}

.bl-match-identity-copy .bl-pm-match-title {
    margin: 0 !important;
    font-size: clamp(1.16rem, 1.55vw, 1.45rem) !important;
    line-height: 1.05 !important;
}

.bl-match-map-name {
    display: inline-flex;
    margin-top: .26rem;
    max-width: 100%;
    color: #00d68f;
    font-size: .8rem;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: .015em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bl-stats-shell .bl-pm-topline:not(.bl-top-player-topline) {
    grid-template-columns: minmax(250px, .95fr) minmax(230px, 1.2fr) auto !important;
}

@media (max-width: 960px) {
    .bl-stats-shell .bl-pm-topline:not(.bl-top-player-topline) {
        grid-template-columns: 1fr !important;
    }
    .bl-pm-outcome-block {
        justify-self: start;
    }
}

@media (max-width: 640px) {
    .bl-match-map-avatar {
        width: 68px;
        height: 45px;
        flex-basis: 68px;
    }
    .bl-match-identity-copy .bl-pm-match-title {
        font-size: 1.08rem !important;
    }
}


/* v1.0.16 - integrated match score strip and compact sorter. */
.bl-stats-shell .bl-sort-controls {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: .45rem !important;
    width: auto !important;
    max-width: 100% !important;
    margin: .35rem 0 .72rem !important;
    padding: .32rem .42rem !important;
    border: 1px solid rgba(0, 214, 143, .26) !important;
    border-left: 3px solid #ffa600 !important;
    border-radius: 5px !important;
    background: linear-gradient(90deg, rgba(0, 214, 143, .07), rgba(255, 166, 0, .035)) !important;
    box-shadow: none !important;
}

.bl-stats-shell .bl-sort-controls::before {
    content: "Sort" !important;
    margin: 0 .18rem 0 .08rem !important;
    color: #ffa600 !important;
    font-size: .64rem !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.bl-stats-shell .bl-sort-controls label {
    display: inline-flex !important;
    align-items: center !important;
    gap: .3rem !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.bl-stats-shell .bl-sort-controls label span {
    font-size: .58rem !important;
    line-height: 1 !important;
    letter-spacing: .06em !important;
    color: rgba(255, 255, 255, .56) !important;
}

.bl-stats-shell .bl-sort-controls select,
.bl-stats-shell .bl-sort-controls button {
    min-height: 27px !important;
    height: 27px !important;
    padding: .18rem .45rem !important;
    border-radius: 4px !important;
    font-size: .68rem !important;
    line-height: 1 !important;
    box-shadow: none !important;
}

.bl-stats-shell .bl-sort-controls select {
    max-width: 170px !important;
    border-color: rgba(0, 214, 143, .3) !important;
    background-color: rgba(255, 255, 255, .055) !important;
}

.bl-stats-shell .bl-sort-controls button {
    border-color: rgba(255, 166, 0, .55) !important;
    background: linear-gradient(180deg, #ffa600, #c77d00) !important;
    color: #07110d !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .045em !important;
}

.bl-match-stat-card .bl-pm-topline {
    border-bottom: 1px solid rgba(0, 214, 143, .2) !important;
    padding-bottom: .65rem !important;
}

.bl-match-summary-strip {
    display: grid;
    grid-template-columns: minmax(180px, auto) 1fr auto;
    align-items: center;
    gap: .72rem;
    padding: .58rem .85rem .62rem;
    border-top: 1px solid rgba(255, 255, 255, .04);
    background: linear-gradient(90deg, rgba(0, 214, 143, .055), rgba(0, 0, 0, .04));
}

.bl-match-scoreline {
    display: inline-flex;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid rgba(0, 214, 143, .34);
    border-radius: 5px;
    background: rgba(0, 0, 0, .22);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025);
}

.bl-match-team {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    padding: .34rem .62rem;
}

.bl-match-team span {
    color: rgba(255, 255, 255, .56);
    font-size: .58rem;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.bl-match-team strong {
    margin-top: .16rem;
    font-size: 1.34rem;
    line-height: 1;
    font-weight: 950;
}

.bl-match-team-one strong { color: #ff5a70; }
.bl-match-team-two strong { color: #45d9ff; }

.bl-match-versus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    padding: 0 .38rem;
    border-left: 1px solid rgba(0, 214, 143, .2);
    border-right: 1px solid rgba(0, 214, 143, .2);
    color: #ffa600;
    font-size: .62rem;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.bl-match-detail-pills {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .38rem;
    min-width: 0;
}

.bl-match-detail-pills span {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    min-height: 25px;
    padding: .26rem .48rem;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 4px;
    background: rgba(255, 255, 255, .045);
    color: rgba(255, 255, 255, .74);
    font-size: .7rem;
    line-height: 1.1;
}

.bl-match-detail-pills strong {
    color: #00d68f;
    font-size: .62rem;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.bl-match-view-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: .38rem .7rem;
    border: 1px solid rgba(255, 166, 0, .55);
    border-radius: 5px;
    background: rgba(255, 166, 0, .11);
    color: #ffa600 !important;
    font-size: .72rem;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .055em;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
}

.bl-match-view-button:hover,
.bl-match-view-button:focus-visible {
    background: #ffa600;
    color: #07110d !important;
    border-color: #ffa600;
}

.bl-match-stat-card .bl-match-stat-grid,
.bl-match-stat-card .bl-pm-stat-grid {
    display: none !important;
}

@media (max-width: 960px) {
    .bl-match-summary-strip {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .bl-match-view-button {
        justify-self: start;
    }
}

@media (max-width: 760px) {
    .bl-stats-shell .bl-sort-controls {
        display: flex !important;
        width: 100% !important;
        flex-wrap: wrap !important;
    }

    .bl-stats-shell .bl-sort-controls select {
        max-width: 100% !important;
    }
}

/* v1.0.17 - tuck Match Stats sorting into the title card and remove the duplicate Sort label. */
.bl-stats-shell .bl-sort-controls::before {
    content: none !important;
    display: none !important;
}

.bl-stats-shell .bl-sort-controls select,
.bl-stats-shell .bl-sort-controls select option {
    color: #ffffff !important;
    background-color: #06140f !important;
}

.bl-stats-shell .bl-sort-controls label span {
    color: rgba(255, 255, 255, .72) !important;
}

.bl-titlebar-sort {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: .55rem;
    position: relative;
    z-index: 2;
}

.bl-stats-titlebar-matches .bl-titlebar-sort .bl-sort-controls {
    margin: 0 !important;
    padding: .28rem .36rem !important;
    border: 1px solid rgba(255, 166, 0, .28) !important;
    border-left: 3px solid #ffa600 !important;
    border-radius: 4px !important;
    background: rgba(0, 0, 0, .22) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.bl-stats-titlebar-matches .bl-titlebar-sort .bl-sort-controls select,
.bl-stats-titlebar-matches .bl-titlebar-sort .bl-sort-controls button {
    height: 26px !important;
    min-height: 26px !important;
    font-size: .66rem !important;
}

.bl-stats-titlebar-matches .bl-titlebar-sort .bl-sort-controls button {
    padding-inline: .58rem !important;
}

@media (min-width: 820px) {
    .bl-stats-titlebar-matches {
        padding-right: 1.05rem !important;
        padding-bottom: 2.75rem !important;
    }

    .bl-stats-titlebar-matches .bl-titlebar-sort {
        position: absolute;
        right: .95rem;
        bottom: .72rem;
        margin-top: 0;
    }
}

@media (max-width: 640px) {
    .bl-titlebar-sort {
        justify-content: flex-start;
    }

    .bl-stats-shell .bl-sort-controls {
        width: 100% !important;
    }
}


/* v1.0.18 - dedicated Match Overview page for View Match Stats. */
.bl-stats-titlebar-match {
    border-left-color: #ffa600;
}

.bl-match-overview {
    display: grid;
    gap: .72rem;
}

.bl-match-overview-hero {
    margin-bottom: .15rem;
}

.bl-match-overview-strip {
    grid-template-columns: minmax(176px, auto) 1fr;
}

.bl-match-scoreboard-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: .75rem;
    margin: .4rem 0 .05rem;
    padding: .45rem .55rem .25rem;
    border-left: 3px solid #ffa600;
}

.bl-match-scoreboard-heading h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.05rem, 2vw, 1.35rem);
    line-height: 1.05;
    text-transform: uppercase;
    letter-spacing: .04em;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .45);
}

.bl-match-player-list {
    display: grid;
    gap: .55rem;
}

.bl-match-player-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(230px, 1.1fr) minmax(160px, .8fr) minmax(320px, 1.65fr);
    gap: .65rem;
    align-items: center;
    padding: .62rem .72rem .62rem .9rem;
    overflow: hidden;
    border: 1px solid rgba(0, 214, 143, .22);
    border-left: 4px solid rgba(0, 214, 143, .72);
    border-radius: 5px;
    background:
        radial-gradient(circle at top left, rgba(0, 214, 143, .10), transparent 22rem),
        linear-gradient(180deg, rgba(9, 24, 18, .98), rgba(3, 10, 8, .98));
    box-shadow: 0 10px 30px rgba(0, 0, 0, .22);
}

.bl-match-player-card-loss {
    border-left-color: #ff5a5f;
}

.bl-match-player-card-abandoned {
    border-left-color: #ffd34d;
}

.bl-match-player-main {
    display: flex;
    align-items: center;
    gap: .72rem;
    min-width: 0;
}

.bl-match-player-main .bl-player-identity-block {
    flex: 1 1 auto;
    min-width: 0;
}

.bl-match-player-main .bl-outcome-badge {
    flex: 0 0 auto;
    min-width: 104px;
    padding: .42rem .58rem;
    font-size: .66rem;
    border-radius: 4px;
}

.bl-match-player-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .32rem;
}

.bl-match-player-meta span {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    min-height: 23px;
    padding: .22rem .42rem;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 4px;
    background: rgba(255, 255, 255, .045);
    color: rgba(255, 255, 255, .72);
    font-size: .66rem;
    line-height: 1.1;
}

.bl-match-player-meta strong {
    color: #00d68f;
    font-size: .58rem;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.bl-match-player-stats {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid rgba(0, 214, 143, .16);
    border-radius: 4px;
    background: rgba(0, 214, 143, .16);
}

.bl-match-player-stats div {
    min-width: 0;
    padding: .35rem .35rem .38rem;
    background: rgba(1, 8, 6, .72);
    text-align: center;
}

.bl-match-player-stats span {
    display: block;
    margin-bottom: .12rem;
    color: rgba(255, 255, 255, .55);
    font-size: .54rem;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.bl-match-player-stats strong {
    display: block;
    color: #fff;
    font-size: .78rem;
    line-height: 1.05;
    font-weight: 950;
}

.bl-match-player-stats div:first-child strong,
.bl-match-player-stats div:nth-child(2) strong {
    color: #00d68f;
}

@media (max-width: 1120px) {
    .bl-match-player-card {
        grid-template-columns: 1fr;
    }
    .bl-match-player-main {
        justify-content: space-between;
    }
}

@media (max-width: 720px) {
    .bl-match-overview-strip {
        grid-template-columns: 1fr;
    }
    .bl-match-player-main {
        align-items: flex-start;
        flex-direction: column;
    }
    .bl-match-player-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* v1.0.22 - Match Overview side-by-side teams with compact headers. */
.bl-match-team-board {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .72rem;
    align-items: start;
}

.bl-match-team-panel {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(0, 214, 143, .26);
    border-radius: 5px;
    background:
        radial-gradient(circle at top left, rgba(0, 214, 143, .10), transparent 22rem),
        linear-gradient(180deg, rgba(3, 27, 19, .96), rgba(1, 8, 6, .98));
    box-shadow: 0 12px 34px rgba(0, 0, 0, .22);
}

.bl-match-team-panel-winner {
    border-color: rgba(0, 214, 143, .58);
    box-shadow: 0 0 0 1px rgba(0, 214, 143, .14), 0 15px 38px rgba(0, 0, 0, .28);
}

.bl-match-team-panel-loser {
    border-color: rgba(255, 91, 91, .34);
    background:
        radial-gradient(circle at top left, rgba(255, 91, 91, .08), transparent 20rem),
        linear-gradient(180deg, rgba(3, 27, 19, .94), rgba(1, 8, 6, .98));
}

.bl-match-team-panel-other {
    grid-column: 1 / -1;
    border-color: rgba(255, 166, 0, .32);
}

.bl-match-team-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .58rem .68rem;
    border-bottom: 1px solid rgba(0, 214, 143, .20);
    background:
        linear-gradient(90deg, rgba(0, 214, 143, .18), rgba(255, 166, 0, .08)),
        rgba(0, 0, 0, .18);
}

.bl-match-team-title-wrap {
    display: flex;
    align-items: center;
    min-width: 0;
}

.bl-match-team-name {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: .22rem .5rem;
    border-left: 3px solid #ffa600;
    background: rgba(0, 0, 0, .34);
    color: #fff;
    font-size: .84rem;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .11em;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
}

.bl-match-team-panel-winner .bl-match-team-name {
    border-left-color: #00d68f;
    box-shadow: inset 0 -1px 0 rgba(0, 214, 143, .18);
}

.bl-match-team-panel-loser .bl-match-team-name {
    border-left-color: #ff5b5b;
}

.bl-match-team-panel-meta {
    color: #ffa600;
    font-size: .64rem;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.bl-match-team-players {
    display: grid;
    gap: .46rem;
    padding: .55rem;
}

.bl-match-team-empty {
    margin: 0;
    padding: .65rem;
    border: 1px dashed rgba(255, 255, 255, .14);
    border-radius: 4px;
    color: rgba(255, 255, 255, .62);
    font-size: .8rem;
}

.bl-match-team-board .bl-match-player-card {
    display: block;
    padding: .56rem .62rem;
    border-left-width: 3px;
    border-radius: 4px;
    background:
        linear-gradient(180deg, rgba(6, 18, 14, .96), rgba(1, 8, 6, .98));
    box-shadow: none;
}

.bl-match-team-board .bl-match-player-card:hover {
    border-color: rgba(0, 214, 143, .42);
    transform: translateY(-1px);
}

.bl-match-team-board .bl-match-player-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .6rem;
}

.bl-match-team-board .bl-match-player-main .bl-outcome-badge {
    min-width: 92px;
    justify-content: center;
    padding: .34rem .48rem;
    font-size: .58rem;
}

.bl-match-team-board .bl-match-player-meta {
    margin-top: .42rem;
}

.bl-match-team-board .bl-match-player-meta span {
    min-height: 20px;
    padding: .18rem .34rem;
    font-size: .6rem;
}

.bl-match-team-board .bl-match-player-stats {
    margin-top: .45rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.bl-match-team-board .bl-match-player-stats div {
    padding: .28rem .25rem .3rem;
}

.bl-match-team-board .bl-match-player-stats span {
    font-size: .48rem;
}

.bl-match-team-board .bl-match-player-stats strong {
    font-size: .68rem;
}

@media (max-width: 700px) {
    .bl-match-team-board {
        grid-template-columns: 1fr;
    }

    .bl-match-team-board .bl-match-player-main {
        grid-template-columns: 1fr;
    }

    .bl-match-team-board .bl-match-player-main .bl-outcome-badge {
        width: max-content;
    }

    .bl-match-team-panel-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .bl-match-team-board .bl-match-player-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* v1.0.22 - inline Match Stats preview and cleaner sub display. */
.bl-match-inline-details {
    border-top: 1px solid rgba(0, 214, 143, .18);
    background: linear-gradient(180deg, rgba(0, 214, 143, .045), rgba(0, 0, 0, .08));
}

.bl-match-inline-details summary {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    min-height: 32px;
    padding: .38rem .75rem;
    color: #ffa600;
    font-size: .7rem;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .06em;
    text-transform: uppercase;
    list-style: none;
    user-select: none;
}

.bl-match-inline-details summary::-webkit-details-marker {
    display: none;
}

.bl-match-inline-details summary::before {
    content: '▸';
    color: #00d68f;
    font-size: .86rem;
    line-height: 1;
    transition: transform .16s ease;
}

.bl-match-inline-details[open] summary::before {
    transform: rotate(90deg);
}

.bl-match-inline-board {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    padding: 0 .72rem .72rem;
}

.bl-match-inline-team {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(0, 214, 143, .22);
    border-radius: 4px;
    background: rgba(0, 0, 0, .18);
}

.bl-match-inline-team-team2 {
    border-color: rgba(255, 91, 91, .24);
}

.bl-match-inline-team header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .4rem .52rem;
    border-bottom: 1px solid rgba(0, 214, 143, .16);
    background: rgba(0, 214, 143, .08);
}

.bl-match-inline-team header strong {
    color: #fff;
    font-size: .72rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.bl-match-inline-team header span {
    color: #ffa600;
    font-size: .58rem;
    font-weight: 950;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.bl-match-inline-player {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    padding: .42rem .52rem;
    border-bottom: 1px solid rgba(255, 255, 255, .055);
}

.bl-match-inline-player:last-child {
    border-bottom: 0;
}

.bl-match-inline-player .bl-player-identity-block {
    min-width: 0;
}

.bl-match-inline-player .bl-steam-inline-avatar,
.bl-match-inline-player .bl-steam-inline-icon {
    width: 34px;
    height: 34px;
}

.bl-match-inline-player .bl-pm-player-name {
    font-size: .78rem !important;
}

.bl-match-inline-player .bl-pm-steam {
    font-size: .62rem !important;
}

.bl-match-inline-kad {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .1rem;
    min-width: 62px;
}

.bl-match-inline-kad strong {
    color: #00d68f;
    font-size: .76rem;
    line-height: 1;
    font-weight: 950;
}

.bl-match-inline-kad small {
    color: rgba(255, 255, 255, .52);
    font-size: .5rem;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

@media (max-width: 760px) {
    .bl-match-inline-board {
        grid-template-columns: 1fr;
    }
}


/* v1.0.25 - user profile integration prompt and compact 2-row match quick view. */
.bl-steamid-prompt,
.bl-linked-user-banner,
.bl-linked-profile-empty {
    width: min(1320px, 96vw);
    margin: .7rem auto 0;
    border: 1px solid rgba(0, 214, 143, .26);
    border-radius: 4px;
    background: linear-gradient(180deg, rgba(0, 214, 143, .1), rgba(0, 0, 0, .22));
    color: #fff;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .24);
}

.bl-steamid-prompt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: .55rem .7rem;
}

.bl-steamid-prompt strong,
.bl-linked-user-banner strong,
.bl-linked-profile-empty h2 {
    color: #fff;
    font-weight: 950;
    letter-spacing: .02em;
}

.bl-steamid-prompt span,
.bl-linked-profile-empty p {
    display: block;
    color: rgba(255, 255, 255, .72);
    font-size: .82rem;
    line-height: 1.3;
}

.bl-steamid-prompt a,
.bl-linked-profile-empty .bl-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: .35rem .65rem;
    border: 1px solid rgba(255, 166, 0, .42);
    border-radius: 3px;
    color: #111 !important;
    background: linear-gradient(180deg, #ffb72d, #d98200);
    font-size: .72rem;
    font-weight: 950;
    text-transform: uppercase;
    text-decoration: none !important;
}

.bl-linked-user-banner {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .45rem .65rem;
}

.bl-linked-user-banner span {
    color: #ffa600;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.bl-linked-profile-empty {
    padding: 1rem;
}

.bl-match-inline-player {
    grid-template-columns: 1fr !important;
    align-items: stretch;
    gap: .36rem;
}

.bl-match-inline-primary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    min-width: 0;
}

.bl-match-inline-stats {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .28rem;
    min-width: 0;
}

.bl-match-inline-stats span {
    min-width: 0;
    padding: .32rem .24rem;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 3px;
    background: rgba(255, 255, 255, .04);
    text-align: center;
}

.bl-match-inline-stats strong {
    display: block;
    color: #fff;
    font-size: .72rem;
    line-height: 1;
    font-weight: 950;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bl-match-inline-stats small {
    display: block;
    margin-top: .16rem;
    color: rgba(255, 255, 255, .54);
    font-size: .48rem;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .06em;
    text-transform: uppercase;
}

@media (max-width: 980px) {
    .bl-match-inline-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .bl-steamid-prompt {
        align-items: stretch;
        flex-direction: column;
    }
    .bl-match-inline-primary {
        grid-template-columns: 1fr;
    }
    .bl-match-inline-kad {
        align-items: flex-start;
    }
}

/* v1.0.26 - CSS-focused stat presentation updates. */
.bl-player-steamid-main {
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    font-size: .74rem !important;
    letter-spacing: .01em;
}

.bl-match-player-card {
    grid-template-columns: minmax(230px, 1.05fr) minmax(150px, .7fr) minmax(390px, 2fr) !important;
}

.bl-match-player-stats.bl-match-player-stats-3row {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.bl-match-player-stats.bl-match-player-stats-3row div {
    min-height: 43px;
}

.bl-match-player-stats.bl-match-player-stats-3row span {
    white-space: normal;
    line-height: 1.05;
}

.bl-match-player-stats.bl-match-player-stats-3row strong {
    white-space: nowrap;
}

.bl-match-inline-stats {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}

.bl-match-inline-stats small {
    white-space: normal;
    line-height: 1.05;
}

.bl-top-player-stat-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.bl-top-player-card .bl-pm-stat strong {
    overflow-wrap: normal;
    word-break: normal;
}

@media (max-width: 1220px) {
    .bl-match-player-card {
        grid-template-columns: 1fr !important;
    }
    .bl-match-player-stats.bl-match-player-stats-3row,
    .bl-top-player-stat-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
    .bl-match-inline-stats {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 720px) {
    .bl-match-player-stats.bl-match-player-stats-3row,
    .bl-top-player-stat-grid,
    .bl-match-inline-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


/* v1.0.29 - fixed search suggestions and condensed Top Player leaderboard cards. */
.bl-stats-shell .bl-top-player-list {
    gap: .55rem !important;
}

.bl-stats-shell .bl-top-player-card {
    padding: .62rem .72rem .55rem !important;
    border-radius: 5px !important;
    background: linear-gradient(90deg, rgba(0, 41, 24, .96), rgba(0, 19, 14, .94)) !important;
}

.bl-stats-shell .bl-top-player-card::before {
    width: 3px !important;
}

.bl-stats-shell .bl-top-player-topline {
    grid-template-columns: minmax(92px, .42fr) minmax(220px, 1.15fr) auto !important;
    gap: .55rem !important;
    align-items: center !important;
    margin-bottom: .45rem !important;
}

.bl-stats-shell .bl-top-player-card .bl-rank-block,
.bl-stats-shell .bl-top-player-card .bl-pm-player-block,
.bl-stats-shell .bl-top-player-card .bl-pm-outcome-block {
    min-height: 0 !important;
}

.bl-stats-shell .bl-top-player-card .bl-pm-match-title {
    font-size: 1.1rem !important;
    line-height: 1 !important;
}

.bl-stats-shell .bl-top-player-card .bl-pm-map,
.bl-stats-shell .bl-top-player-card .bl-eyebrow {
    font-size: .58rem !important;
    letter-spacing: .09em !important;
}

.bl-stats-shell .bl-top-player-card .bl-player-identity-block {
    gap: .45rem !important;
}

.bl-stats-shell .bl-top-player-card .bl-steam-inline-avatar,
.bl-stats-shell .bl-top-player-card .bl-steam-inline-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
}

.bl-stats-shell .bl-top-player-card .bl-pm-player-name {
    font-size: 1.02rem !important;
    line-height: 1.02 !important;
}

.bl-stats-shell .bl-top-player-card .bl-pm-steam {
    font-size: .66rem !important;
    white-space: nowrap !important;
}

.bl-stats-shell .bl-top-player-card .bl-outcome-badge {
    min-width: 0 !important;
    padding: .32rem .48rem !important;
    border-radius: 4px !important;
    font-size: .62rem !important;
}

.bl-stats-shell .bl-top-player-card .bl-pm-meta-row {
    margin: .35rem 0 .4rem !important;
    gap: .32rem !important;
}

.bl-stats-shell .bl-top-player-card .bl-pm-meta-row span {
    padding: .25rem .38rem !important;
    border-radius: 4px !important;
    font-size: .64rem !important;
}

.bl-stats-shell .bl-top-player-stat-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    gap: 1px !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

.bl-stats-shell .bl-top-player-card .bl-pm-stat {
    padding: .34rem .3rem !important;
    min-height: 42px !important;
    border-radius: 0 !important;
}

.bl-stats-shell .bl-top-player-card .bl-pm-stat span {
    font-size: .53rem !important;
    letter-spacing: .075em !important;
    line-height: 1.05 !important;
}

.bl-stats-shell .bl-top-player-card .bl-pm-stat strong {
    font-size: .88rem !important;
    line-height: 1.05 !important;
}

.bl-stats-shell .bl-top-player-medal-gold {
    border-color: rgba(255, 194, 41, .68) !important;
    background: linear-gradient(90deg, rgba(80, 58, 0, .58), rgba(0, 24, 15, .95) 38%, rgba(0, 18, 13, .95)) !important;
}
.bl-stats-shell .bl-top-player-medal-gold::before { background: #ffc229 !important; }
.bl-stats-shell .bl-top-player-medal-gold .bl-pm-match-title,
.bl-stats-shell .bl-top-player-medal-gold .bl-pm-stat-score strong { color: #ffc229 !important; }

.bl-stats-shell .bl-top-player-medal-silver {
    border-color: rgba(207, 218, 224, .58) !important;
    background: linear-gradient(90deg, rgba(82, 91, 96, .45), rgba(0, 24, 15, .95) 38%, rgba(0, 18, 13, .95)) !important;
}
.bl-stats-shell .bl-top-player-medal-silver::before { background: #d8e0e4 !important; }
.bl-stats-shell .bl-top-player-medal-silver .bl-pm-match-title,
.bl-stats-shell .bl-top-player-medal-silver .bl-pm-stat-score strong { color: #d8e0e4 !important; }

.bl-stats-shell .bl-top-player-medal-bronze {
    border-color: rgba(205, 127, 50, .62) !important;
    background: linear-gradient(90deg, rgba(78, 38, 10, .50), rgba(0, 24, 15, .95) 38%, rgba(0, 18, 13, .95)) !important;
}
.bl-stats-shell .bl-top-player-medal-bronze::before { background: #cd7f32 !important; }
.bl-stats-shell .bl-top-player-medal-bronze .bl-pm-match-title,
.bl-stats-shell .bl-top-player-medal-bronze .bl-pm-stat-score strong { color: #cd7f32 !important; }

@media (max-width: 1220px) {
    .bl-stats-shell .bl-top-player-stat-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    .bl-stats-shell .bl-top-player-topline {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    .bl-stats-shell .bl-top-player-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* v1.0.30 - Player Leaderboard compact cards and dropdown stat drawer. */
.bl-stats-shell .bl-top-player-card {
    padding: .5rem .6rem !important;
}

.bl-stats-shell .bl-top-player-topline {
    grid-template-columns: minmax(86px, .34fr) minmax(220px, 1.2fr) auto !important;
    margin-bottom: .35rem !important;
}

.bl-stats-shell .bl-top-player-card .bl-rank-block .bl-pm-match-title {
    font-size: 1.55rem !important;
    line-height: .95 !important;
    letter-spacing: .015em !important;
}

.bl-stats-shell .bl-top-player-card.bl-top-player-medal-gold .bl-rank-block .bl-pm-match-title,
.bl-stats-shell .bl-top-player-card.bl-top-player-medal-silver .bl-rank-block .bl-pm-match-title,
.bl-stats-shell .bl-top-player-card.bl-top-player-medal-bronze .bl-rank-block .bl-pm-match-title {
    font-size: 1.7rem !important;
}

.bl-stats-shell .bl-top-player-details {
    margin-top: .35rem !important;
    border: 1px solid rgba(0, 214, 143, .24) !important;
    border-radius: 4px !important;
    background: rgba(0, 13, 9, .55) !important;
    overflow: hidden !important;
}

.bl-stats-shell .bl-top-player-details summary {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: .5rem !important;
    padding: .42rem .55rem !important;
    cursor: pointer !important;
    user-select: none !important;
    color: #ffa600 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .055em !important;
    font-size: .68rem !important;
    background: linear-gradient(90deg, rgba(0, 92, 63, .28), rgba(0, 25, 18, .88)) !important;
}

.bl-stats-shell .bl-top-player-details summary::marker,
.bl-stats-shell .bl-top-player-details summary::-webkit-details-marker {
    color: #ffa600 !important;
}

.bl-stats-shell .bl-top-player-details summary strong {
    color: #f6f3e8 !important;
    font-size: .68rem !important;
    white-space: nowrap !important;
}

.bl-stats-shell .bl-top-player-detail-inner {
    padding: .48rem !important;
}

.bl-stats-shell .bl-top-player-profile-link,
.bl-stats-shell .bl-top-player-server-list {
    display: inline-flex !important;
    align-items: center !important;
    gap: .3rem !important;
    margin: 0 .35rem .42rem 0 !important;
    padding: .28rem .42rem !important;
    border: 1px solid rgba(0, 214, 143, .28) !important;
    border-radius: 3px !important;
    background: rgba(255, 255, 255, .035) !important;
    color: #00e0a0 !important;
    font-size: .66rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .045em !important;
    text-decoration: none !important;
}

.bl-stats-shell .bl-top-player-server-list {
    color: #d9eee8 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.bl-stats-shell .bl-top-player-details:not([open]) + * {
    margin-top: 0 !important;
}

.bl-stats-shell .bl-top-player-details .bl-top-player-stat-grid {
    margin-top: 0 !important;
}

.bl-stats-shell .bl-top-player-details .bl-pm-stat {
    min-height: 38px !important;
}

@media (max-width: 760px) {
    .bl-stats-shell .bl-top-player-details summary {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
}

/* v1.0.32 - Player Leaderboard drawer styling to match Match Stats quick view. */
.bl-stats-shell .bl-top-player-card:not(.bl-top-player-medal-gold):not(.bl-top-player-medal-silver):not(.bl-top-player-medal-bronze) .bl-rank-block .bl-pm-match-title {
    color: #b6c1bd !important;
    text-shadow: none !important;
}

.bl-stats-shell .bl-top-player-card:not(.bl-top-player-medal-gold):not(.bl-top-player-medal-silver):not(.bl-top-player-medal-bronze) .bl-rank-block .bl-pm-map {
    color: #c7d0cc !important;
    border-color: rgba(199, 208, 204, .30) !important;
    background: rgba(199, 208, 204, .08) !important;
}

.bl-stats-shell .bl-top-player-details {
    margin-top: .42rem !important;
    border: 0 !important;
    border-top: 1px solid rgba(0, 214, 143, .18) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, rgba(0, 214, 143, .045), rgba(0, 0, 0, .08)) !important;
    overflow: hidden !important;
}

.bl-stats-shell .bl-top-player-details summary {
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .42rem !important;
    min-height: 30px !important;
    padding: .36rem .75rem !important;
    color: #ffa600 !important;
    font-size: .7rem !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    list-style: none !important;
    user-select: none !important;
    background: transparent !important;
}

.bl-stats-shell .bl-top-player-details summary::-webkit-details-marker {
    display: none !important;
}

.bl-stats-shell .bl-top-player-details summary::marker {
    content: '' !important;
}

.bl-stats-shell .bl-top-player-details summary::before {
    content: '▸' !important;
    color: #00d68f !important;
    font-size: .86rem !important;
    line-height: 1 !important;
    transition: transform .16s ease !important;
}

.bl-stats-shell .bl-top-player-details[open] summary::before {
    transform: rotate(90deg) !important;
}

.bl-stats-shell .bl-top-player-detail-inner {
    padding: .12rem .48rem .52rem !important;
}

.bl-stats-shell .bl-top-player-profile-link {
    margin-top: .12rem !important;
}

@media (max-width: 760px) {
    .bl-stats-shell .bl-top-player-details summary {
        align-items: center !important;
        flex-direction: row !important;
        text-align: center !important;
    }
}


/* v1.0.33 - expandable drawers, per-page controls, and square Steam avatars. */
.bl-stats-shell .bl-sort-controls {
    flex-wrap: wrap !important;
}

.bl-stats-shell .bl-sort-controls label select[name="limit"] {
    max-width: 74px !important;
}

.bl-stats-shell .bl-sort-controls .bl-expand-all-button {
    border-color: rgba(0, 214, 143, .46) !important;
    background: rgba(0, 214, 143, .11) !important;
    color: #d9fff4 !important;
}

.bl-stats-shell .bl-sort-controls .bl-expand-all-button:hover,
.bl-stats-shell .bl-sort-controls .bl-expand-all-button:focus-visible {
    border-color: #00d68f !important;
    background: rgba(0, 214, 143, .22) !important;
    color: #ffffff !important;
}

.bl-stats-shell .bl-steam-inline-avatar,
.bl-stats-shell .bl-steam-inline-icon {
    aspect-ratio: 1 / 1 !important;
    max-width: none !important;
}

.bl-stats-shell .bl-steam-inline-avatar img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    max-width: none !important;
}

.bl-stats-shell .bl-top-player-card .bl-player-identity-block > .bl-steam-inline-avatar,
.bl-stats-shell .bl-top-player-card .bl-player-identity-block > .bl-steam-inline-icon {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
}

.bl-stats-shell .bl-match-inline-player .bl-player-identity-block > .bl-steam-inline-avatar,
.bl-stats-shell .bl-match-inline-player .bl-player-identity-block > .bl-steam-inline-icon {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
}

.bl-stats-shell .bl-top-player-details summary,
.bl-stats-shell .bl-match-inline-details summary {
    white-space: normal !important;
}

@media (min-width: 820px) {
    .bl-stats-titlebar-matches {
        padding-bottom: 3.15rem !important;
    }
}

/* v1.0.35 - move Slice is Life into its own standalone leaderboard. */
.bl-stats-titlebar-topplayers .bl-titlebar-sort .bl-sort-controls,
.bl-stats-titlebar-sliceislife .bl-titlebar-sort .bl-sort-controls {
    margin: 0 !important;
    padding: .28rem .36rem !important;
    border: 1px solid rgba(255, 166, 0, .28) !important;
    border-left: 3px solid #ffa600 !important;
    border-radius: 4px !important;
    background: rgba(0, 0, 0, .22) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.bl-stats-titlebar-topplayers .bl-titlebar-sort .bl-sort-controls select,
.bl-stats-titlebar-topplayers .bl-titlebar-sort .bl-sort-controls button,
.bl-stats-titlebar-sliceislife .bl-titlebar-sort .bl-sort-controls select,
.bl-stats-titlebar-sliceislife .bl-titlebar-sort .bl-sort-controls button {
    height: 26px !important;
    min-height: 26px !important;
    font-size: .66rem !important;
}

.bl-stats-titlebar-topplayers .bl-titlebar-sort .bl-sort-controls button,
.bl-stats-titlebar-sliceislife .bl-titlebar-sort .bl-sort-controls button {
    padding-inline: .58rem !important;
}

@media (min-width: 820px) {
    .bl-stats-titlebar-topplayers,
    .bl-stats-titlebar-sliceislife {
        padding-right: 1.05rem !important;
        padding-bottom: 3.15rem !important;
    }

    .bl-stats-titlebar-topplayers .bl-titlebar-sort,
    .bl-stats-titlebar-sliceislife .bl-titlebar-sort {
        position: absolute;
        right: .95rem;
        bottom: .72rem;
        margin-top: 0;
    }
}

.bl-slice-leaderboard {
    border: 1px solid rgba(255, 166, 0, .16);
    border-left: 3px solid #ffa600;
    background: linear-gradient(135deg, rgba(5, 16, 12, .98), rgba(8, 29, 21, .94));
    box-shadow: 0 10px 22px rgba(0, 0, 0, .18);
    border-radius: 5px;
    padding: .72rem;
    margin: 0 0 .75rem;
}

.bl-slice-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .56rem;
}

.bl-slice-heading h2 {
    margin: .05rem 0 0;
    color: #fff;
    font-size: 1.05rem;
    line-height: 1.1;
    letter-spacing: .015em;
}

.bl-slice-heading small {
    color: rgba(255, 255, 255, .64);
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    white-space: nowrap;
}

.bl-slice-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
}

.bl-slice-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
        "rank player"
        "stats stats";
    gap: .42rem .55rem;
    align-items: center;
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, .10);
    background: rgba(0, 0, 0, .22);
    border-radius: 4px;
    padding: .52rem;
}

.bl-slice-card-gold { border-top: 2px solid #ffc229; }
.bl-slice-card-silver { border-top: 2px solid #d8e0e4; }
.bl-slice-card-bronze { border-top: 2px solid #cd7f32; }

.bl-slice-rank {
    grid-area: rank;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 32px;
    padding: 0 .28rem;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .06);
    color: #f2f5f3;
    font-weight: 950;
    font-size: .98rem;
    line-height: 1;
    border-radius: 3px;
}

.bl-slice-card-gold .bl-slice-rank { color: #ffc229; border-color: rgba(255, 194, 41, .38); }
.bl-slice-card-silver .bl-slice-rank { color: #d8e0e4; border-color: rgba(216, 224, 228, .34); }
.bl-slice-card-bronze .bl-slice-rank { color: #cd7f32; border-color: rgba(205, 127, 50, .38); }

.bl-slice-player {
    grid-area: player;
    min-width: 0;
}

.bl-slice-player .bl-player-identity-block > .bl-steam-inline-avatar,
.bl-slice-player .bl-player-identity-block > .bl-steam-inline-icon {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
}

.bl-slice-stats {
    grid-area: stats;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .35rem;
}

.bl-slice-stats span {
    display: block;
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .045);
    border-radius: 3px;
    padding: .32rem .36rem;
}

.bl-slice-stats strong,
.bl-slice-stats small {
    display: block;
    line-height: 1.08;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bl-slice-stats strong {
    color: #ffffff;
    font-size: .86rem;
    font-weight: 900;
}

.bl-slice-stats small {
    margin-top: .12rem;
    color: rgba(255, 255, 255, .56);
    font-size: .59rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

@media (max-width: 900px) {
    .bl-slice-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .bl-slice-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: .18rem;
    }

    .bl-slice-heading small {
        white-space: normal;
    }
}


.bl-stats-shell .bl-slice-standalone-card .bl-rank-block .bl-pm-match-title {
    color: #ffa600 !important;
}

.bl-stats-shell .bl-slice-standalone-card .bl-pm-stat-score strong {
    color: #ffa600 !important;
}

.bl-stats-shell .bl-slice-standalone-list .bl-top-player-card::before {
    background: #ffa600 !important;
}

/* v1.0.4 - Match Stats top player badge. */
.bl-match-summary-strip {
    grid-template-columns: minmax(180px, auto) minmax(220px, 1fr) minmax(230px, auto) auto;
}

.bl-match-top-player-pill {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    min-width: 220px;
    max-width: 360px;
    padding: .36rem .52rem;
    border: 1px solid rgba(255, 166, 0, .42);
    border-radius: 7px;
    background: linear-gradient(90deg, rgba(255, 166, 0, .12), rgba(0, 214, 143, .06));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025);
}

.bl-match-top-player-pill .bl-player-identity-block {
    min-width: 0;
    gap: .45rem;
}

.bl-match-top-player-pill .bl-player-identity-label {
    color: #ffa600 !important;
    font-size: .56rem !important;
}

.bl-match-top-player-pill .bl-pm-player-name {
    max-width: 190px;
    overflow: hidden;
    color: #fff !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bl-match-top-player-pill .bl-pm-steam {
    display: none !important;
}

.bl-match-top-player-pill .bl-player-identity-block > .bl-steam-inline-avatar,
.bl-match-top-player-pill .bl-player-identity-block > .bl-steam-inline-icon {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
    border-radius: 6px !important;
}

.bl-match-top-player-pill .bl-player-identity-block > .bl-steam-inline-icon svg {
    width: 18px !important;
    height: 18px !important;
}

.bl-match-top-player-kills {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    padding-left: .48rem;
    border-left: 1px solid rgba(255, 166, 0, .22);
    line-height: 1;
}

.bl-match-top-player-kills strong {
    color: #ffa600;
    font-size: 1.06rem;
    font-weight: 950;
}

.bl-match-top-player-kills small {
    margin-top: .12rem;
    color: rgba(255, 255, 255, .64);
    font-size: .52rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

@media (max-width: 1180px) {
    .bl-match-summary-strip {
        grid-template-columns: minmax(180px, auto) 1fr;
    }

    .bl-match-top-player-pill,
    .bl-match-view-button {
        justify-self: start;
    }
}

@media (max-width: 960px) {
    .bl-match-summary-strip {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .bl-match-top-player-pill {
        width: min(100%, 360px);
    }
}

/* v1.0.5 - place Match Stats top player directly to the right of score, before time pills. */
.bl-match-summary-strip > .bl-match-top-player-pill {
    justify-self: start;
}

.bl-match-summary-strip > .bl-match-detail-pills {
    justify-self: start;
}

.bl-match-overview-strip {
    grid-template-columns: minmax(180px, auto) minmax(220px, 1fr) minmax(230px, auto);
}


/* v1.0.6 - make User Stats Profile recent match map thumbnails larger and easier to see. */
.bl-player-profile .bl-player-recent-matches .bl-mini-match {
    grid-template-columns: minmax(210px, 1.35fr) repeat(3, minmax(70px, .55fr)) auto !important;
    align-items: center !important;
}

.bl-player-profile .bl-mini-match-map-cell {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.bl-player-profile .bl-mini-match-map-cell > strong {
    flex: 0 0 auto;
    min-width: 74px;
    line-height: 1.05;
}

.bl-player-profile .bl-profile-match-map {
    display: inline-flex !important;
    margin-top: 0 !important;
    min-width: 0;
}

.bl-player-profile .bl-profile-match-map .bl-map-name-with-pic {
    gap: .55rem !important;
}

.bl-player-profile .bl-profile-match-map .bl-map-name-with-pic img {
    width: 82px !important;
    height: 54px !important;
    flex: 0 0 82px !important;
    border-radius: 5px !important;
    border-color: rgba(0, 214, 143, .65) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .34) !important;
}

.bl-player-profile .bl-profile-match-map .bl-map-name-text {
    color: #00d68f;
    font-size: .76rem;
    font-weight: 950;
    letter-spacing: .02em;
    text-transform: uppercase;
}

@media (max-width: 1180px) {
    .bl-player-profile .bl-player-recent-matches .bl-mini-match {
        grid-template-columns: minmax(210px, 1fr) repeat(2, minmax(70px, .5fr)) !important;
    }
}

@media (max-width: 760px) {
    .bl-player-profile .bl-player-recent-matches .bl-mini-match {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .bl-player-profile .bl-mini-match-map-cell {
        align-items: flex-start;
    }
}

@media (max-width: 520px) {
    .bl-player-profile .bl-profile-match-map .bl-map-name-with-pic img {
        width: 68px !important;
        height: 45px !important;
        flex-basis: 68px !important;
    }
}

/* v1.0.9 multi-server source filter */
.bl-stats-shell .bl-source-filter {
    display: flex;
    justify-content: center;
    margin: .7rem auto .55rem;
    width: min(760px, 100%);
}
.bl-stats-shell .bl-source-filter label {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .42rem .55rem;
    border: 1px solid rgba(0, 214, 143, .28);
    border-radius: 12px;
    background: rgba(0, 0, 0, .22);
    box-shadow: inset 0 1px rgba(255,255,255,.06);
}
.bl-stats-shell .bl-source-filter span {
    color: rgba(255,255,255,.72);
    font-size: .66rem;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
    white-space: nowrap;
}
.bl-stats-shell .bl-source-filter select,
.bl-module-stats-search.bl-stats-search .bl-source-filter-module select {
    min-height: 34px;
    border: 1px solid rgba(0, 214, 143, .34);
    border-radius: 8px;
    background: rgba(0, 18, 12, .94);
    color: #fff;
    font-size: .8rem;
    font-weight: 850;
    padding: .32rem .55rem;
}
.bl-module-stats-search.bl-stats-search .bl-source-filter-module {
    display: flex;
    align-items: center;
    margin: 0;
}
.bl-module-stats-search.bl-stats-search .bl-source-filter-module label {
    display: flex;
    gap: .4rem;
    align-items: center;
    margin: 0;
}
.bl-module-stats-search.bl-stats-search .bl-source-filter-module span {
    color: rgba(255,255,255,.72);
    font-size: .66rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}
@media (max-width: 680px) {
    .bl-stats-shell .bl-source-filter label,
    .bl-module-stats-search.bl-stats-search .bl-source-filter-module label {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }
}



/* v1.0.11 - use the same compact article/page-title treatment for component titles. */
.bl-stats-shell .bl-component-page-header {
    margin: 0 0 .75rem !important;
    padding: .72rem .86rem .68rem .92rem !important;
    border: 1px solid rgba(0, 208, 132, .34) !important;
    border-left: 4px solid #ffad18 !important;
    border-radius: 8px !important;
    background:
        radial-gradient(circle at 88% 15%, rgba(255, 173, 24, .20), transparent 15rem),
        linear-gradient(135deg, rgba(4, 90, 62, .56), rgba(3, 25, 18, .72)) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.06), 0 12px 30px rgba(0,0,0,.22) !important;
}
.bl-stats-shell .bl-component-page-header .bl-stats-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: .42rem !important;
    margin: 0 0 .18rem !important;
    color: #ffad18 !important;
    font-size: .62rem !important;
    font-weight: 950 !important;
    letter-spacing: .14em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 12px rgba(255, 173, 24, .24) !important;
}
.bl-stats-shell .bl-component-page-header .bl-stats-kicker::before {
    width: .45rem !important;
    height: .45rem !important;
    background: #00d68f !important;
    box-shadow: 0 0 14px rgba(0, 214, 143, .72) !important;
}
.bl-stats-shell .bl-component-page-header .bl-stats-title {
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(1.45rem, 2.6vw, 2.25rem) !important;
    line-height: 1.02 !important;
    letter-spacing: .085em !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 0 rgba(0,0,0,.88), 0 0 22px rgba(0,208,132,.22) !important;
}
.bl-stats-shell .bl-component-page-header .bl-stats-subtitle {
    max-width: 820px !important;
    margin: .42rem 0 0 !important;
    color: rgba(244, 250, 247, .88) !important;
    font-size: .9rem !important;
    line-height: 1.38 !important;
}
.bl-stats-shell .bl-titlebar-sort-standalone {
    margin: 0 0 .75rem !important;
}
@media (max-width: 760px) {
    .bl-stats-shell .bl-component-page-header .bl-stats-title {
        font-size: clamp(1.35rem, 7vw, 1.95rem) !important;
        letter-spacing: .065em !important;
    }
}


/* v1.0.12 - move dashboard sort controls below the title tile to prevent overlap. */
.bl-stats-shell .bl-stats-header {
    gap: .55rem !important;
}

.bl-stats-shell .bl-stats-titlebar {
    margin-bottom: 0 !important;
}

.bl-stats-shell .bl-stats-titlebar .bl-titlebar-sort {
    display: none !important;
}

.bl-stats-shell .bl-titlebar-sort-below,
.bl-stats-shell .bl-titlebar-sort-standalone {
    position: static !important;
    inset: auto !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: 100% !important;
    margin: .48rem 0 .78rem !important;
    padding: 0 .12rem !important;
    z-index: 1 !important;
}

.bl-stats-shell .bl-titlebar-sort-below .bl-sort-controls,
.bl-stats-shell .bl-titlebar-sort-standalone .bl-sort-controls {
    margin: 0 !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.bl-stats-shell .bl-titlebar-sort-below .bl-sort-controls select,
.bl-stats-shell .bl-titlebar-sort-standalone .bl-sort-controls select {
    max-width: 150px !important;
}

@media (max-width: 820px) {
    .bl-stats-shell .bl-titlebar-sort-below,
    .bl-stats-shell .bl-titlebar-sort-standalone {
        justify-content: flex-start !important;
        margin-top: .45rem !important;
    }

    .bl-stats-shell .bl-titlebar-sort-below .bl-sort-controls,
    .bl-stats-shell .bl-titlebar-sort-standalone .bl-sort-controls {
        width: 100% !important;
        justify-content: flex-start !important;
    }
}

/* v1.0.12 - Full Stats page background polish and title/sort spacing fixes. */
.bl-stats-shell .bl-match-scoreboard-panel {
    position: relative;
    margin-top: .78rem;
    padding: .68rem .72rem .76rem;
    overflow: hidden;
    border: 1px solid rgba(0, 214, 143, .22);
    border-left: 3px solid #ffa600;
    border-radius: 4px;
    background:
        linear-gradient(90deg, rgba(0, 214, 143, .12), rgba(255, 166, 0, .08) 58%, rgba(0, 0, 0, .12)),
        radial-gradient(circle at 18% 0%, rgba(0, 214, 143, .10), transparent 22rem),
        linear-gradient(180deg, rgba(3, 34, 24, .94), rgba(1, 10, 8, .98));
    box-shadow: 0 14px 34px rgba(0, 0, 0, .22);
}

.bl-stats-shell .bl-match-scoreboard-panel::before,
.bl-stats-shell .bl-match-team-board::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .16;
    background-image:
        linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size: 34px 34px;
    mix-blend-mode: screen;
}

.bl-stats-shell .bl-match-scoreboard-heading {
    position: relative;
    z-index: 1;
    align-items: center;
    margin: 0 0 .58rem !important;
    padding: .5rem .58rem !important;
    border: 1px solid rgba(0, 214, 143, .16);
    border-left: 3px solid #ffa600;
    border-radius: 3px;
    background: rgba(0, 0, 0, .22);
}

.bl-stats-shell .bl-match-scoreboard-heading h2 {
    font-size: clamp(1rem, 1.8vw, 1.28rem) !important;
    letter-spacing: .09em !important;
}

.bl-stats-shell .bl-match-scoreboard-heading .bl-eyebrow {
    color: rgba(255, 255, 255, .76) !important;
}

.bl-stats-shell .bl-match-team-board {
    position: relative;
    margin-top: .72rem;
    padding: .72rem;
    overflow: hidden;
    border: 1px solid rgba(0, 214, 143, .20);
    border-radius: 4px;
    background:
        radial-gradient(circle at 20% 0%, rgba(0, 214, 143, .10), transparent 24rem),
        linear-gradient(180deg, rgba(2, 25, 18, .93), rgba(1, 10, 8, .98));
    box-shadow: 0 14px 34px rgba(0, 0, 0, .22);
}

.bl-stats-shell .bl-match-team-board > * {
    position: relative;
    z-index: 1;
}

.bl-stats-shell .bl-match-scoreboard-panel > * {
    position: relative;
    z-index: 1;
}

@media (max-width: 760px) {
    .bl-stats-shell .bl-match-scoreboard-panel,
    .bl-stats-shell .bl-match-team-board {
        padding: .55rem;
    }
}


/* v1.0.13 - Stats component body panel, cleaner dashboard sorter, and full match panel polish. */
.bl-stats-shell {
    position: relative !important;
    isolation: isolate !important;
    margin: 0 0 1.15rem !important;
    padding: .88rem .95rem 1rem !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 214, 143, .30) !important;
    border-left: 4px solid #00d68f !important;
    border-radius: 8px !important;
    background:
        linear-gradient(135deg, rgba(0, 86, 59, .56), rgba(2, 20, 15, .94) 42%, rgba(2, 12, 9, .98)) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .30), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

.bl-stats-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .14;
    background-image:
        linear-gradient(rgba(255, 255, 255, .065) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px),
        radial-gradient(circle at 88% 10%, rgba(255, 166, 0, .25), transparent 22rem);
    background-size: 34px 34px, 34px 34px, auto;
}

.bl-stats-shell > * {
    position: relative;
    z-index: 1;
}

.bl-stats-shell .bl-stats-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: .62rem !important;
    margin-bottom: .72rem !important;
}

.bl-stats-shell .bl-component-page-header,
.bl-stats-shell .bl-stats-titlebar {
    width: 100% !important;
    margin: 0 !important;
    padding-bottom: .74rem !important;
}

.bl-stats-shell .bl-component-page-header .bl-stats-title {
    max-width: 100% !important;
    font-size: clamp(1.38rem, 2.35vw, 2.08rem) !important;
}

.bl-stats-shell .bl-component-page-header .bl-stats-subtitle {
    max-width: 100% !important;
    padding-right: 0 !important;
}

.bl-stats-shell .bl-titlebar-sort-below,
.bl-stats-shell .bl-titlebar-sort-standalone {
    position: static !important;
    inset: auto !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 0 .2rem !important;
    padding: 0 !important;
    clear: both !important;
    z-index: 3 !important;
}

.bl-stats-shell .bl-titlebar-sort-below .bl-sort-controls,
.bl-stats-shell .bl-titlebar-sort-standalone .bl-sort-controls {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: .34rem .42rem !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    border-radius: 5px !important;
    background: rgba(0, 0, 0, .26) !important;
}

@media (min-width: 820px) {
    .bl-stats-shell .bl-stats-titlebar-matches,
    .bl-stats-shell .bl-stats-titlebar-topplayers,
    .bl-stats-shell .bl-stats-titlebar-sliceislife {
        padding-right: .86rem !important;
        padding-bottom: .74rem !important;
    }

    .bl-stats-shell .bl-stats-titlebar-matches .bl-titlebar-sort,
    .bl-stats-shell .bl-stats-titlebar-topplayers .bl-titlebar-sort,
    .bl-stats-shell .bl-stats-titlebar-sliceislife .bl-titlebar-sort {
        position: static !important;
        right: auto !important;
        bottom: auto !important;
    }
}

.bl-stats-shell .bl-match-scoreboard-panel {
    margin-top: .9rem !important;
    padding: .78rem .82rem .88rem !important;
    border: 1px solid rgba(0, 214, 143, .28) !important;
    border-left: 4px solid #ffa600 !important;
    border-radius: 6px !important;
    background:
        linear-gradient(135deg, rgba(0, 71, 49, .78), rgba(1, 17, 13, .98) 48%, rgba(1, 9, 7, .99)) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.bl-stats-shell .bl-match-scoreboard-heading {
    margin: 0 0 .55rem !important;
    padding: .36rem .46rem .34rem !important;
    border-left: 3px solid #ffa600 !important;
    border-radius: 4px !important;
    background: rgba(255, 255, 255, .035) !important;
}

.bl-stats-shell .bl-match-scoreboard-heading h2 {
    text-shadow: 0 2px 0 rgba(0,0,0,.75) !important;
}

.bl-stats-shell .bl-match-team-board,
.bl-stats-shell .bl-match-player-card {
    background-color: rgba(1, 12, 9, .78) !important;
}

@media (max-width: 760px) {
    .bl-stats-shell {
        padding: .62rem !important;
    }

    .bl-stats-shell .bl-titlebar-sort-below,
    .bl-stats-shell .bl-titlebar-sort-standalone {
        justify-content: flex-start !important;
    }

    .bl-stats-shell .bl-titlebar-sort-below .bl-sort-controls,
    .bl-stats-shell .bl-titlebar-sort-standalone .bl-sort-controls {
        width: 100% !important;
        justify-content: flex-start !important;
    }
}

/* v1.0.23 - isolated [BEERSTATS] match browser/detail foundation. */
.bl-beerstats-page {
    --blbs-bg: rgba(5, 8, 7, .88);
    --blbs-panel: rgba(9, 18, 14, .9);
    --blbs-border: rgba(78, 255, 150, .22);
    --blbs-green: #4eff96;
    --blbs-orange: #ffb347;
    --blbs-muted: rgba(228, 255, 237, .68);
    color: #eaffef;
}
.blbs-hero,
.blbs-match-header,
.blbs-panel,
.blbs-filter,
.blbs-match-card,
.blbs-alert {
    border: 1px solid var(--blbs-border);
    background: linear-gradient(135deg, rgba(4, 10, 8, .94), rgba(10, 22, 15, .88));
    box-shadow: 0 18px 45px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .04);
}
.blbs-hero {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: stretch;
    padding: clamp(1.1rem, 2vw, 1.7rem);
    border-radius: 24px;
    margin-bottom: 1rem;
}
.blbs-hero h1,
.blbs-match-title h2,
.blbs-panel h3,
.blbs-match-card h2 {
    margin: .1rem 0 .35rem;
    color: #fff;
    letter-spacing: .02em;
    text-shadow: 0 0 20px rgba(78, 255, 150, .15);
}
.blbs-hero p,
.blbs-match-title p,
.blbs-muted,
.blbs-card-meta,
.blbs-player-cell small {
    color: var(--blbs-muted);
}
.blbs-hero-card {
    min-width: 210px;
    display: grid;
    place-content: center;
    text-align: center;
    border-radius: 18px;
    border: 1px solid rgba(255, 179, 71, .25);
    background: radial-gradient(circle at top, rgba(255, 179, 71, .16), rgba(4, 8, 6, .55));
}
.blbs-hero-card strong { color: var(--blbs-orange); font-size: 1.3rem; }
.blbs-subnav {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin: 0 0 1rem;
}
.blbs-filter {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    align-items: end;
    padding: 1rem;
    border-radius: 18px;
    margin-bottom: 1rem;
}
.blbs-filter label {
    display: grid;
    gap: .25rem;
    color: var(--blbs-muted);
    font-size: .82rem;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.blbs-filter input,
.blbs-filter select {
    min-width: 150px;
    border: 1px solid rgba(78, 255, 150, .22);
    border-radius: 12px;
    background: rgba(0, 0, 0, .35);
    color: #fff;
    padding: .55rem .7rem;
}
.blbs-filter button,
.blbs-card-link {
    border: 1px solid rgba(78, 255, 150, .35);
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(78, 255, 150, .2), rgba(78, 255, 150, .08));
    color: #eaffef;
    padding: .6rem .9rem;
    text-decoration: none;
    font-weight: 800;
}
.blbs-match-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}
.blbs-match-card {
    position: relative;
    overflow: hidden;
    min-height: 280px;
    border-radius: 22px;
}
.blbs-card-map,
.blbs-match-header::before {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .18), rgba(0, 0, 0, .88)), var(--blbs-map);
    background-size: cover;
    background-position: center;
}
.blbs-card-map {
    position: absolute;
    inset: 0;
    opacity: .66;
    filter: saturate(1.1) contrast(1.05);
}
.blbs-card-body {
    position: relative;
    z-index: 1;
    min-height: 280px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.blbs-card-top,
.blbs-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    justify-content: space-between;
    align-items: center;
}
.blbs-card-score,
.blbs-scoreboard {
    display: flex;
    align-items: center;
    gap: .7rem;
    color: #fff;
}
.blbs-card-score strong,
.blbs-scoreboard strong {
    font-size: clamp(2rem, 7vw, 4.5rem);
    line-height: 1;
}
.blbs-card-meta span {
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 999px;
    padding: .25rem .5rem;
    background: rgba(0,0,0,.32);
}
.blbs-pill {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    border-radius: 999px;
    padding: .28rem .62rem;
    background: rgba(78, 255, 150, .14);
    border: 1px solid rgba(78, 255, 150, .28);
    color: var(--blbs-green);
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.blbs-status-final { color: var(--blbs-green); }
.blbs-status-open,
.blbs-status-live { color: #ffe082; border-color: rgba(255, 224, 130, .35); background: rgba(255, 224, 130, .12); }
.blbs-status-abandoned { color: #ff8c8c; border-color: rgba(255, 140, 140, .35); background: rgba(255, 140, 140, .12); }
.blbs-match-header {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    padding: clamp(1rem, 3vw, 2rem);
    min-height: 230px;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: end;
    margin-bottom: 1rem;
}
.blbs-match-header::before {
    content: '';
    position: absolute;
    inset: 0;
    opacity: .6;
}
.blbs-map-shade {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top left, rgba(78,255,150,.18), transparent 38%), linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.42));
}
.blbs-match-title,
.blbs-scoreboard { position: relative; z-index: 1; }
.blbs-scoreboard {
    padding: .8rem 1rem;
    border-radius: 18px;
    background: rgba(0, 0, 0, .42);
    border: 1px solid rgba(255,255,255,.12);
}
.blbs-scoreboard small { display: block; color: var(--blbs-muted); font-weight: 800; }
.blbs-stat-grid,
.blbs-detail-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .8rem;
    margin: 1rem 0;
}
.blbs-stat {
    display: grid;
    gap: .15rem;
    padding: .85rem;
    border-radius: 16px;
    background: rgba(0,0,0,.35);
    border: 1px solid rgba(78,255,150,.16);
}
.blbs-stat strong { color: #fff; font-size: 1.25rem; }
.blbs-stat small { color: var(--blbs-muted); text-transform: uppercase; letter-spacing: .08em; }
.blbs-panel {
    border-radius: 22px;
    padding: 1rem;
    margin-bottom: 1rem;
}
.blbs-panel-heading {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
    margin-bottom: .8rem;
}
.blbs-player-table-wrap { overflow-x: auto; }
.blbs-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;
}
.blbs-table th,
.blbs-table td {
    padding: .75rem .65rem;
    border-bottom: 1px solid rgba(255,255,255,.08);
    text-align: left;
}
.blbs-table th {
    color: var(--blbs-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .74rem;
}
.blbs-player-cell {
    display: flex;
    align-items: center;
    gap: .65rem;
}
.blbs-player-cell span span,
.blbs-player-cell strong,
.blbs-player-cell small { display: block; }
.blbs-avatar {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 12px;
    overflow: hidden;
    display: grid;
    place-items: center;
    background: rgba(78,255,150,.12);
    border: 1px solid rgba(78,255,150,.26);
    color: var(--blbs-green);
    font-size: .75rem;
    font-weight: 900;
}
.blbs-avatar img { width: 100%; height: 100%; object-fit: cover; }
.blbs-round-list,
.blbs-mini-list {
    display: grid;
    gap: .55rem;
}
.blbs-round-card,
.blbs-mini-list > div {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: .7rem;
    align-items: center;
    padding: .7rem;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(0,0,0,.26);
    border-radius: 14px;
}
.blbs-round-card strong { color: var(--blbs-orange); }
.blbs-round-card small,
.blbs-mini-list small { color: var(--blbs-muted); }
.blbs-alert,
.blbs-empty {
    padding: .9rem 1rem;
    border-radius: 16px;
    color: #ffe5b0;
    margin-bottom: 1rem;
}
.blbs-alert-muted { color: var(--blbs-muted); }
@media (max-width: 720px) {
    .blbs-hero,
    .blbs-match-header,
    .blbs-panel-heading {
        display: block;
    }
    .blbs-hero-card,
    .blbs-scoreboard { margin-top: 1rem; }
    .blbs-filter label,
    .blbs-filter input,
    .blbs-filter select,
    .blbs-filter button { width: 100%; }
}

/* v1.0.26 - [BEERSTATS] player leaderboard and player history. */
.blbs-player-hero {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: clamp(1rem, 2vw, 1.4rem);
    border-radius: 22px;
    border: 1px solid rgba(78,255,150,.24);
    background:
        radial-gradient(circle at top left, rgba(78,255,150,.16), transparent 30rem),
        linear-gradient(135deg, rgba(4, 10, 8, .94), rgba(10, 22, 15, .88));
    box-shadow: 0 18px 45px rgba(0,0,0,.32);
}
.blbs-player-hero .blbs-avatar {
    width: 74px;
    height: 74px;
    flex-basis: 74px;
    border-radius: 20px;
    font-size: .9rem;
}
.blbs-player-hero h2 {
    margin: .1rem 0 .2rem;
    color: #fff;
    font-size: clamp(1.6rem, 4vw, 2.6rem);
}
.blbs-panel-wide {
    grid-column: span 2;
}
.blbs-player-link {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    color: inherit;
    text-decoration: none;
}
.blbs-player-link:hover strong {
    color: var(--blbs-green, #4eff96);
    text-decoration: underline;
}
.blbs-rank {
    display: inline-grid;
    place-items: center;
    min-width: 42px;
    min-height: 34px;
    border-radius: 12px;
    border: 1px solid rgba(255, 179, 71, .3);
    background: rgba(255, 179, 71, .12);
    color: var(--blbs-orange, #ffb347);
    font-weight: 950;
}
.blbs-table td > small,
.blbs-table td a + small {
    display: block;
    color: var(--blbs-muted, rgba(228,255,237,.68));
}
.blbs-table a {
    color: #eaffef;
}
@media (max-width: 900px) {
    .blbs-panel-wide { grid-column: auto; }
    .blbs-player-hero { align-items: flex-start; }
}

/* v1.0.27 - [BEERSTATS] empty-state diagnostics. */
.blbs-diagnostics {
    display: grid;
    gap: .65rem;
    grid-column: 1 / -1;
}
.blbs-diagnostics > strong {
    color: #fff;
}
.blbs-diag-card {
    display: grid;
    gap: .25rem;
    padding: .75rem .85rem;
    border: 1px solid rgba(78,255,150,.18);
    border-radius: 14px;
    background: rgba(0,0,0,.24);
}
.blbs-diag-card strong {
    color: var(--blbs-green, #4eff96);
}
.blbs-diag-card small {
    color: var(--blbs-muted, rgba(228,255,237,.68));
    overflow-wrap: anywhere;
}

/* v1.0.29 - make [BEERSTATS] match the cleaner classic Stats presentation. */
.bl-beerstats-page {
    --blbs-bg: rgba(5, 12, 9, .96);
    --blbs-panel: rgba(7, 20, 15, .96);
    --blbs-border: rgba(0, 214, 143, .24);
    --blbs-green: #0faf78;
    --blbs-orange: #ffb000;
    --blbs-muted: rgba(232, 246, 239, .72);
    width: min(1320px, 96vw);
    margin: 0 auto;
}
.bl-beerstats-page .blbs-hero,
.bl-beerstats-page .blbs-match-header,
.bl-beerstats-page .blbs-panel,
.bl-beerstats-page .blbs-filter,
.bl-beerstats-page .blbs-match-card,
.bl-beerstats-page .blbs-alert,
.bl-beerstats-page .blbs-empty {
    border: 1px solid rgba(0, 214, 143, .22) !important;
    background: linear-gradient(180deg, rgba(10, 24, 18, .98), rgba(3, 10, 8, .98)) !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .26) !important;
}
.bl-beerstats-page .blbs-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    min-height: 0;
    padding: 1rem 1.15rem;
    border-radius: 18px;
    margin: 0 auto 1rem;
}
.bl-beerstats-page .blbs-hero h1 {
    font-size: clamp(1.55rem, 3vw, 2.15rem);
    margin: 0 0 .25rem;
    text-shadow: none;
}
.bl-beerstats-page .blbs-hero p {
    margin: 0;
}
.bl-beerstats-page .blbs-hero-card {
    min-width: 150px;
    min-height: 72px;
    border-radius: 14px;
    background: rgba(255, 176, 0, .08);
    box-shadow: none;
}
.bl-beerstats-page .blbs-hero-card strong {
    font-size: 1rem;
}
.bl-beerstats-page .blbs-subnav {
    width: min(1320px, 96vw);
    margin: 0 auto 1rem;
}
.bl-beerstats-page .blbs-subnav .bl-btn,
.bl-beerstats-page .blbs-filter button,
.bl-beerstats-page .blbs-card-link {
    border-radius: 10px;
    min-height: 38px;
    padding: .5rem .8rem;
    background: linear-gradient(180deg, #0faf78 0%, #087a55 100%) !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    color: #fff !important;
    box-shadow: none !important;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: .78rem;
}
.bl-beerstats-page .blbs-subnav .bl-btn:not(.active) {
    background: rgba(9, 24, 18, .95) !important;
}
.bl-beerstats-page .blbs-filter {
    border-radius: 16px;
    padding: .85rem;
    gap: .7rem;
}
.bl-beerstats-page .blbs-filter input,
.bl-beerstats-page .blbs-filter select {
    border-radius: 8px;
    min-height: 36px;
    background: rgba(255, 255, 255, .06);
}
.bl-beerstats-page .blbs-match-grid {
    grid-template-columns: 1fr;
    gap: .85rem;
}
.bl-beerstats-page .blbs-match-card {
    min-height: 0;
    border-radius: 18px;
}
.bl-beerstats-page .blbs-card-map {
    display: none;
}
.bl-beerstats-page .blbs-card-body {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(220px, 1.15fr) auto minmax(260px, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: .95rem 1rem;
}
.bl-beerstats-page .blbs-card-top {
    justify-content: flex-start;
    gap: .6rem;
}
.bl-beerstats-page .blbs-match-card h2 {
    margin: .25rem 0 0;
    font-size: clamp(1.25rem, 2vw, 1.65rem);
    text-shadow: none;
}
.bl-beerstats-page .blbs-card-score {
    justify-content: center;
    padding: .45rem .7rem;
    border-radius: 12px;
    background: rgba(0, 0, 0, .18);
    border: 1px solid rgba(255, 255, 255, .08);
}
.bl-beerstats-page .blbs-card-score strong {
    font-size: 2rem;
}
.bl-beerstats-page .blbs-card-meta {
    justify-content: flex-start;
}
.bl-beerstats-page .blbs-card-meta span,
.bl-beerstats-page .blbs-pill {
    border-radius: 8px;
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .12);
}
.bl-beerstats-page .blbs-card-link {
    justify-self: end;
    white-space: nowrap;
}
.bl-beerstats-page .blbs-match-header {
    min-height: 0;
    border-radius: 18px;
    padding: 1.1rem;
    background: linear-gradient(180deg, rgba(10,24,18,.98), rgba(3,10,8,.98)) !important;
}
.bl-beerstats-page .blbs-match-header::before,
.bl-beerstats-page .blbs-map-shade {
    display: none;
}
.bl-beerstats-page .blbs-scoreboard {
    box-shadow: none;
}
.bl-beerstats-page .blbs-scoreboard strong {
    font-size: 2.5rem;
}
.bl-beerstats-page .blbs-stat-grid,
.bl-beerstats-page .blbs-detail-grid {
    gap: .75rem;
}
.bl-beerstats-page .blbs-stat,
.bl-beerstats-page .blbs-panel,
.bl-beerstats-page .blbs-player-hero {
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(10,24,18,.98), rgba(3,10,8,.98)) !important;
    border-color: rgba(0, 214, 143, .22) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.22) !important;
}
.bl-beerstats-page .blbs-table th {
    color: rgba(232, 246, 239, .78);
    background: rgba(0, 214, 143, .08);
}
.bl-beerstats-page .blbs-table th,
.bl-beerstats-page .blbs-table td {
    padding: .62rem .6rem;
}
.bl-beerstats-page .blbs-avatar {
    border-radius: 9px;
}
@media (max-width: 980px) {
    .bl-beerstats-page .blbs-card-body {
        grid-template-columns: 1fr;
        gap: .65rem;
    }
    .bl-beerstats-page .blbs-card-link {
        justify-self: start;
    }
    .bl-beerstats-page .blbs-hero {
        grid-template-columns: 1fr;
    }
}

/* v1.0.30 - weapon image support for BEERSTATS weapon summaries. */
.bl-beerstats-page .blbs-mini-list > .blbs-weapon-row {
    grid-template-columns: 64px minmax(0, 1fr) auto auto;
    min-height: 56px;
}
.blbs-weapon-img {
    width: 58px;
    height: 34px;
    object-fit: contain;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,.32));
    justify-self: center;
}
.blbs-weapon-row span {
    font-weight: 850;
    letter-spacing: .04em;
}
@media (max-width: 620px) {
    .bl-beerstats-page .blbs-mini-list > .blbs-weapon-row {
        grid-template-columns: 52px minmax(0, 1fr);
    }
    .bl-beerstats-page .blbs-mini-list > .blbs-weapon-row strong,
    .bl-beerstats-page .blbs-mini-list > .blbs-weapon-row small {
        grid-column: 2;
    }
}

/* v1.0.31 - BEERSTATS match list mirrors classic Match Stats cards. */
.bl-beerstats-view-list .blbs-hero {
    position: relative;
    display: block !important;
    padding: 1.25rem 1.35rem 1.05rem !important;
    border-radius: 10px !important;
    border-left: 4px solid #ffb000 !important;
    background:
        radial-gradient(circle at right, rgba(255,176,0,.22), transparent 38%),
        linear-gradient(135deg, rgba(0,75,52,.94), rgba(3,32,24,.98)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 18px 40px rgba(0,0,0,.25) !important;
}
.bl-beerstats-view-list .blbs-hero-card { display: none !important; }
.bl-beerstats-view-list .blbs-hero .bl-eyebrow {
    color: #ffb000;
    font-weight: 950;
    letter-spacing: .12em;
    margin: 0 0 .15rem;
}
.bl-beerstats-view-list .blbs-hero h1 {
    font-size: clamp(2rem, 5vw, 3rem) !important;
    line-height: .95;
    text-transform: uppercase;
    letter-spacing: .12em;
    margin: 0 0 .45rem !important;
}
.bl-beerstats-view-list .blbs-hero h1::first-letter { color: #ffb000; }
.bl-beerstats-view-list .blbs-hero p { max-width: none; }
.bl-beerstats-view-list .blbs-filter.bl-titlebar-sort {
    justify-content: flex-end;
    align-items: center;
    width: min(1320px, 96vw);
    margin: -.55rem auto 1rem;
    border-radius: 8px;
    border: 1px solid rgba(255,176,0,.65) !important;
    background: rgba(0, 13, 10, .82) !important;
    box-shadow: none !important;
    padding: .45rem .55rem !important;
}
.bl-beerstats-view-list .blbs-filter label {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: .35rem;
}
.bl-beerstats-view-list .blbs-filter label span {
    color: rgba(232,246,239,.78);
    font-size: .62rem;
    font-weight: 950;
}
.bl-beerstats-view-list .blbs-filter select,
.bl-beerstats-view-list .blbs-filter input {
    min-width: 0;
    min-height: 28px;
    height: 30px;
    padding: .25rem .45rem;
    border-radius: 5px;
    border-color: rgba(0,214,143,.45);
    background: #001d16;
}
.bl-beerstats-view-list .blbs-filter button {
    min-height: 30px;
    padding: .3rem .65rem;
    border-radius: 5px;
}
.bl-beerstats-view-list .blbs-classic-match-list {
    width: min(1320px, 96vw);
    margin: 0 auto 1.2rem;
    display: grid;
    gap: .8rem;
}
.bl-beerstats-view-list .blbs-classic-match-card {
    border-radius: 7px !important;
    border: 1px solid rgba(0,214,143,.38) !important;
    border-left: 4px solid #ffb000 !important;
    background: linear-gradient(180deg, rgba(3,30,22,.98), rgba(0,14,10,.98)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035) !important;
    padding: .8rem .85rem !important;
}
.bl-beerstats-view-list .blbs-classic-match-card .bl-match-topline {
    display: grid;
    grid-template-columns: minmax(260px, .9fr) minmax(280px, 1.25fr) auto;
    align-items: center;
    gap: 1rem;
    padding-bottom: .65rem;
    border-bottom: 1px solid rgba(0,214,143,.22);
}
.bl-beerstats-view-list .bl-match-summary-strip {
    display: grid;
    grid-template-columns: auto minmax(220px, .8fr) minmax(260px, 1fr) auto;
    align-items: center;
    gap: .85rem;
    padding-top: .65rem;
}
.bl-beerstats-view-list .bl-match-map-avatar {
    width: 96px;
    height: 54px;
    border-radius: 4px;
}
.bl-beerstats-view-list .bl-pm-match-title {
    color: #ffb000 !important;
    font-size: 1.45rem;
    font-weight: 950;
    text-decoration: none;
}
.bl-beerstats-view-list .bl-match-map-name {
    color: #00d68f !important;
    font-size: .78rem;
    font-weight: 900;
}
.bl-beerstats-view-list .bl-pm-player-name {
    color: #fff !important;
    font-size: 1rem;
    text-shadow: 0 0 12px rgba(255,255,255,.08);
}
.bl-beerstats-view-list .bl-pm-steam {
    color: #00d68f !important;
    font-weight: 800;
    font-size: .78rem;
}
.bl-beerstats-view-list .bl-outcome-badge {
    border-radius: 5px;
    padding: .45rem .65rem;
    background: #00c987 !important;
    color: #03140f !important;
    font-weight: 950;
}
.bl-beerstats-view-list .bl-match-scoreline {
    border: 1px solid rgba(0,214,143,.36);
    border-radius: 4px;
    background: rgba(0,0,0,.25);
}
.bl-beerstats-view-list .bl-match-team {
    min-width: 70px;
    padding: .38rem .55rem;
}
.bl-beerstats-view-list .bl-match-team strong {
    font-size: 1.55rem;
    line-height: 1;
}
.bl-beerstats-view-list .bl-match-top-player-pill {
    border-color: rgba(255,176,0,.55);
    border-radius: 5px;
    background: rgba(255,176,0,.08);
}
.bl-beerstats-view-list .bl-match-top-player-pill .blbs-avatar {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
    border-radius: 5px;
}
.bl-beerstats-view-list .bl-match-detail-pills span {
    border-radius: 4px;
    background: rgba(0,214,143,.08);
}
.bl-beerstats-view-list .bl-match-view-button {
    border-radius: 4px;
    background: #ffb000 !important;
    color: #160f00 !important;
    white-space: nowrap;
}
.bl-beerstats-view-list .bl-match-inline-details {
    margin-top: .55rem;
    border-top: 1px solid rgba(0,214,143,.18);
    padding-top: .45rem;
}
.bl-beerstats-view-list .bl-match-inline-details summary {
    color: #ffb000;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .04em;
}
@media (max-width: 1050px) {
    .bl-beerstats-view-list .blbs-classic-match-card .bl-match-topline,
    .bl-beerstats-view-list .bl-match-summary-strip { grid-template-columns: 1fr; }
    .bl-beerstats-view-list .bl-pm-outcome-block,
    .bl-beerstats-view-list .bl-match-view-button { justify-self: start; }
}

/* v1.0.32 - tighten BEERSTATS list to the exact classic Match Stats screenshot. */
.bl-beerstats-view-list {
    width: min(1320px, 96vw) !important;
    margin: 0 auto 1.25rem !important;
    padding: 1.05rem 1rem 1rem !important;
    border: 1px solid rgba(0,214,143,.72) !important;
    border-radius: 5px !important;
    background: rgba(0, 24, 18, .86) !important;
    box-shadow: 0 18px 46px rgba(0,0,0,.38) !important;
}
.bl-beerstats-view-list > .blbs-subnav {
    display: none !important;
}
.bl-beerstats-view-list .blbs-hero {
    width: 100% !important;
    margin: 0 auto .55rem !important;
    padding: .85rem 1rem .82rem !important;
    min-height: 82px !important;
    border-radius: 7px !important;
    border: 1px solid rgba(255,176,0,.38) !important;
    border-left: 4px solid #ffb000 !important;
    background:
        radial-gradient(circle at 86% 45%, rgba(255,176,0,.34), transparent 31%),
        linear-gradient(100deg, rgba(0,83,55,.98) 0%, rgba(0,60,42,.96) 58%, rgba(65,55,0,.88) 100%) !important;
}
.bl-beerstats-view-list .blbs-hero .bl-eyebrow {
    margin: 0 0 .12rem !important;
    font-size: .62rem !important;
    letter-spacing: .12em !important;
}
.bl-beerstats-view-list .blbs-hero h1 {
    margin: 0 0 .25rem !important;
    font-size: clamp(1.9rem, 3.3vw, 2.55rem) !important;
    letter-spacing: .18em !important;
}
.bl-beerstats-view-list .blbs-hero p {
    margin: 0 !important;
    font-size: .88rem !important;
    color: #eefcf7 !important;
}
.bl-beerstats-view-list .blbs-filter.bl-titlebar-sort {
    width: auto !important;
    margin: 0 0 .95rem auto !important;
    padding: .3rem .36rem !important;
    display: flex !important;
    gap: .34rem !important;
    border-radius: 4px !important;
    border: 1px solid rgba(255,176,0,.9) !important;
    background: rgba(1,19,14,.96) !important;
}
.bl-beerstats-view-list .blbs-filter label { gap: .24rem !important; }
.bl-beerstats-view-list .blbs-filter label span {
    margin: 0 !important;
    color: rgba(255,255,255,.62) !important;
    font-size: .54rem !important;
    line-height: .86 !important;
    letter-spacing: .07em !important;
}
.bl-beerstats-view-list .blbs-filter select,
.bl-beerstats-view-list .blbs-filter input {
    height: 24px !important;
    min-height: 24px !important;
    padding: .12rem .38rem !important;
    border-radius: 4px !important;
    font-size: .68rem !important;
}
.bl-beerstats-view-list .blbs-filter button {
    min-height: 24px !important;
    height: 24px !important;
    padding: .16rem .52rem !important;
    border-radius: 4px !important;
    font-size: .66rem !important;
    letter-spacing: .04em !important;
}
.bl-beerstats-view-list .blbs-classic-match-list {
    width: 100% !important;
    margin: 0 !important;
    gap: .68rem !important;
}
.bl-beerstats-view-list .blbs-classic-match-card {
    padding: .55rem .6rem .45rem !important;
    border-radius: 4px !important;
    border: 1px solid rgba(0,214,143,.48) !important;
    border-left: 4px solid #ffb000 !important;
    background: linear-gradient(180deg, rgba(0,34,24,.98), rgba(0,17,13,.99)) !important;
}
.bl-beerstats-view-list .blbs-classic-match-card .bl-match-topline {
    grid-template-columns: 300px minmax(260px, 1fr) 145px !important;
    gap: 1rem !important;
    padding: .02rem .1rem .58rem !important;
}
.bl-beerstats-view-list .bl-match-map-avatar {
    width: 66px !important;
    height: 42px !important;
    border-radius: 3px !important;
}
.bl-beerstats-view-list .bl-pm-match-title {
    font-size: 1.55rem !important;
    line-height: .9 !important;
    color: #ffb000 !important;
}
.bl-beerstats-view-list .bl-match-map-name {
    margin-top: .2rem !important;
    font-size: .72rem !important;
    color: #00d68f !important;
}
.bl-beerstats-view-list .bl-pm-player-name {
    font-size: 1rem !important;
    line-height: 1.05 !important;
}
.bl-beerstats-view-list .bl-pm-steam {
    margin-top: .25rem !important;
    color: #00d68f !important;
    font-size: .7rem !important;
}
.bl-beerstats-view-list .bl-outcome-badge {
    min-width: 90px !important;
    padding: .34rem .55rem !important;
    border-radius: 4px !important;
    font-size: .66rem !important;
}
.bl-beerstats-view-list .bl-match-summary-strip {
    grid-template-columns: auto 170px minmax(240px,1fr) auto !important;
    gap: .72rem !important;
    padding: .55rem 0 .5rem !important;
}
.bl-beerstats-view-list .bl-match-scoreline { border-radius: 3px !important; }
.bl-beerstats-view-list .bl-match-team {
    min-width: 58px !important;
    padding: .3rem .44rem !important;
}
.bl-beerstats-view-list .bl-match-team span { font-size: .52rem !important; }
.bl-beerstats-view-list .bl-match-team strong { font-size: 1.28rem !important; }
.bl-beerstats-view-list .bl-match-versus {
    min-width: 28px !important;
    padding: 0 .3rem !important;
    font-size: .58rem !important;
}
.bl-beerstats-view-list .bl-match-top-player-pill {
    min-height: 36px !important;
    padding: .24rem .34rem !important;
    border-radius: 4px !important;
}
.bl-beerstats-view-list .bl-match-top-player-pill .blbs-avatar {
    width: 36px !important;
    height: 28px !important;
    flex-basis: 36px !important;
    border-radius: 3px !important;
}
.bl-beerstats-view-list .bl-match-top-player-pill .bl-pm-player-name {
    font-size: .92rem !important;
}
.bl-beerstats-view-list .bl-match-top-player-kills strong {
    font-size: 1.32rem !important;
    line-height: .95 !important;
}
.bl-beerstats-view-list .bl-match-detail-pills span {
    min-height: 22px !important;
    padding: .2rem .45rem !important;
    border-radius: 3px !important;
    font-size: .62rem !important;
}
.bl-beerstats-view-list .bl-match-detail-pills strong { font-size: .56rem !important; }
.bl-beerstats-view-list .bl-match-view-button {
    min-height: 28px !important;
    padding: .32rem .62rem !important;
    border-radius: 4px !important;
    background: rgba(255,176,0,.14) !important;
    color: #ffb000 !important;
    font-size: .7rem !important;
}
.bl-beerstats-view-list .bl-match-inline-details {
    margin-top: .15rem !important;
    padding-top: .25rem !important;
    text-align: center !important;
}
.bl-beerstats-view-list .bl-match-inline-details summary {
    display: inline-flex !important;
    color: #ffb000 !important;
    font-size: .68rem !important;
    letter-spacing: .08em !important;
}
@media (max-width: 1050px) {
    .bl-beerstats-view-list .blbs-classic-match-card .bl-match-topline,
    .bl-beerstats-view-list .bl-match-summary-strip { grid-template-columns: 1fr !important; }
}

/* v1.0.33 - lighter, roomier BEERSTATS pages; prevent cramped/off-card panels. */
.bl-beerstats-page,
.bl-beerstats-page * {
    box-sizing: border-box;
}
.bl-beerstats-page {
    --blbs-bg: rgba(8, 45, 33, .96);
    --blbs-panel: rgba(10, 52, 38, .96);
    --blbs-panel-soft: rgba(13, 64, 47, .92);
    --blbs-border: rgba(0, 214, 143, .42);
    --blbs-green: #22e09c;
    --blbs-orange: #ffb000;
    --blbs-muted: rgba(236, 252, 246, .82);
    width: min(1320px, calc(100vw - 28px)) !important;
    max-width: min(1320px, calc(100vw - 28px)) !important;
    overflow-x: clip;
}
.bl-beerstats-page .blbs-hero,
.bl-beerstats-page .blbs-match-header,
.bl-beerstats-page .blbs-panel,
.bl-beerstats-page .blbs-filter,
.bl-beerstats-page .blbs-match-card,
.bl-beerstats-page .blbs-alert,
.bl-beerstats-page .blbs-empty,
.bl-beerstats-page .blbs-player-hero,
.bl-beerstats-page .blbs-stat {
    border-color: var(--blbs-border) !important;
    background:
        radial-gradient(circle at top left, rgba(0, 214, 143, .12), transparent 28rem),
        linear-gradient(180deg, rgba(12, 57, 42, .98), rgba(7, 35, 27, .98)) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255,255,255,.055) !important;
}
.bl-beerstats-page .blbs-hero,
.bl-beerstats-page .blbs-player-hero,
.bl-beerstats-page .blbs-match-header,
.bl-beerstats-page .blbs-panel {
    overflow: visible !important;
}
.bl-beerstats-page .blbs-subnav,
.bl-beerstats-page .blbs-stat-grid,
.bl-beerstats-page .blbs-detail-grid,
.bl-beerstats-page .blbs-panel,
.bl-beerstats-page .blbs-player-table-wrap,
.bl-beerstats-page .blbs-mini-list,
.bl-beerstats-page .blbs-round-list {
    min-width: 0;
    max-width: 100%;
}
.bl-beerstats-page .blbs-detail-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(330px, .9fr) !important;
    gap: 1rem !important;
    align-items: start;
}
.bl-beerstats-page .blbs-detail-grid > .blbs-panel,
.bl-beerstats-page .blbs-detail-grid > .blbs-panel-wide {
    grid-column: auto !important;
    width: 100%;
}
.bl-beerstats-view-detail .blbs-detail-grid {
    grid-template-columns: minmax(260px, 1fr) minmax(300px, .9fr) minmax(260px, .8fr) !important;
}
.bl-beerstats-page .blbs-panel {
    padding: 1.05rem 1.1rem !important;
    border-radius: 14px !important;
}
.bl-beerstats-page .blbs-panel-heading {
    gap: .75rem !important;
    margin-bottom: .85rem !important;
    min-width: 0;
}
.bl-beerstats-page .blbs-panel-heading h3,
.bl-beerstats-page .blbs-player-hero h2,
.bl-beerstats-page .blbs-hero h1 {
    overflow-wrap: anywhere;
}
.bl-beerstats-page .blbs-stat-grid {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    gap: .9rem !important;
}
.bl-beerstats-page .blbs-mini-list > div,
.bl-beerstats-page .blbs-round-card {
    border-color: rgba(255, 255, 255, .14) !important;
    background: rgba(0, 21, 16, .28) !important;
}
.bl-beerstats-page .blbs-mini-list > .blbs-weapon-row {
    grid-template-columns: 58px minmax(0, 1fr) auto !important;
    gap: .55rem !important;
    padding: .55rem .62rem !important;
    min-height: 54px !important;
    overflow: hidden;
}
.bl-beerstats-page .blbs-mini-list > .blbs-weapon-row small {
    grid-column: 2 / -1;
    justify-self: start;
    margin-top: -.25rem;
}
.bl-beerstats-page .blbs-weapon-img {
    width: 52px !important;
    height: 30px !important;
}
.bl-beerstats-page .blbs-weapon-row span,
.bl-beerstats-page .blbs-weapon-row strong,
.bl-beerstats-page .blbs-weapon-row small {
    min-width: 0;
    overflow-wrap: anywhere;
}
.bl-beerstats-page .blbs-player-table-wrap {
    overflow-x: auto;
    padding-bottom: .25rem;
}
.bl-beerstats-page .blbs-table {
    min-width: 860px;
}
.bl-beerstats-page .blbs-table th,
.bl-beerstats-page .blbs-table td {
    padding: .65rem .62rem !important;
}
.bl-beerstats-view-list {
    background: linear-gradient(180deg, rgba(9, 55, 40, .96), rgba(5, 32, 25, .96)) !important;
    border-color: rgba(0, 214, 143, .58) !important;
    padding: 1.05rem 1.15rem 1.15rem !important;
    overflow: visible !important;
}
.bl-beerstats-view-list > .blbs-subnav {
    display: flex !important;
    margin: 0 0 .85rem !important;
    width: 100% !important;
}
.bl-beerstats-view-list .blbs-hero {
    background:
        radial-gradient(circle at 86% 45%, rgba(255,176,0,.24), transparent 34%),
        linear-gradient(100deg, rgba(0,103,72,.98) 0%, rgba(0,78,55,.96) 58%, rgba(84,70,0,.78) 100%) !important;
}
.bl-beerstats-view-list .blbs-filter.bl-titlebar-sort {
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    max-width: 100% !important;
}
.bl-beerstats-view-list .blbs-classic-match-card {
    background: linear-gradient(180deg, rgba(10,58,43,.98), rgba(5,32,24,.99)) !important;
    overflow: visible !important;
}
.bl-beerstats-view-list .blbs-classic-match-card .bl-match-topline {
    grid-template-columns: minmax(230px, 300px) minmax(0, 1fr) auto !important;
}
.bl-beerstats-view-list .bl-match-summary-strip {
    grid-template-columns: auto minmax(180px, 240px) minmax(220px, 1fr) auto !important;
}
.bl-beerstats-view-list .bl-match-top-player-pill,
.bl-beerstats-view-list .bl-match-detail-pills {
    min-width: 0;
}
.bl-beerstats-view-list .bl-match-detail-pills span {
    white-space: normal;
}
@media (max-width: 1100px) {
    .bl-beerstats-page .blbs-detail-grid,
    .bl-beerstats-view-detail .blbs-detail-grid,
    .bl-beerstats-view-list .blbs-classic-match-card .bl-match-topline,
    .bl-beerstats-view-list .bl-match-summary-strip {
        grid-template-columns: 1fr !important;
    }
    .bl-beerstats-page .blbs-mini-list > .blbs-weapon-row {
        grid-template-columns: 58px minmax(0, 1fr) auto !important;
    }
}
@media (max-width: 640px) {
    .bl-beerstats-page {
        width: min(100%, calc(100vw - 14px)) !important;
        max-width: min(100%, calc(100vw - 14px)) !important;
    }
    .bl-beerstats-page .blbs-mini-list > .blbs-weapon-row {
        grid-template-columns: 50px minmax(0, 1fr) !important;
    }
    .bl-beerstats-page .blbs-mini-list > .blbs-weapon-row strong,
    .bl-beerstats-page .blbs-mini-list > .blbs-weapon-row small {
        grid-column: 2 / -1;
        justify-self: start;
    }
}

/* v1.0.35 - surgical overflow fix: keep v1.0.33 design, only constrain to the Joomla parent column. */
.bl-beerstats-page,
.bl-beerstats-page * {
    box-sizing: border-box;
}
.bl-beerstats-page {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
}
.bl-beerstats-page > *,
.bl-beerstats-page .blbs-subnav,
.bl-beerstats-page .blbs-hero,
.bl-beerstats-page .blbs-filter,
.bl-beerstats-page .blbs-stat-grid,
.bl-beerstats-page .blbs-detail-grid,
.bl-beerstats-page .blbs-panel,
.bl-beerstats-page .blbs-player-hero,
.bl-beerstats-page .blbs-match-header,
.bl-beerstats-page .blbs-classic-match-list,
.bl-beerstats-page .blbs-classic-match-card,
.bl-beerstats-page .blbs-player-table-wrap {
    max-width: 100% !important;
    min-width: 0 !important;
}
.bl-beerstats-view-list {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
}
.bl-beerstats-view-list .blbs-classic-match-list,
.bl-beerstats-view-list .blbs-classic-match-card {
    width: 100% !important;
    max-width: 100% !important;
}
.bl-beerstats-page .blbs-detail-grid {
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, .85fr) !important;
}
.bl-beerstats-view-detail .blbs-detail-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.bl-beerstats-page .blbs-detail-grid > .blbs-panel,
.bl-beerstats-page .blbs-detail-grid > .blbs-panel-wide {
    min-width: 0 !important;
    max-width: 100% !important;
}
.bl-beerstats-view-list .blbs-classic-match-card .bl-match-topline {
    grid-template-columns: minmax(210px, 280px) minmax(0, 1fr) minmax(110px, auto) !important;
}
.bl-beerstats-view-list .bl-match-summary-strip {
    grid-template-columns: auto minmax(170px, 230px) minmax(0, 1fr) auto !important;
}
.bl-beerstats-view-list .bl-pm-player-block,
.bl-beerstats-view-list .bl-match-top-player-pill,
.bl-beerstats-view-list .bl-match-detail-pills {
    min-width: 0 !important;
    max-width: 100% !important;
}
.bl-beerstats-view-list .bl-match-detail-pills span {
    white-space: normal !important;
}
.bl-beerstats-page .blbs-mini-list > .blbs-weapon-row {
    grid-template-columns: 52px minmax(0, 1fr) auto !important;
    max-width: 100% !important;
}
.bl-beerstats-page .blbs-mini-list > .blbs-weapon-row strong,
.bl-beerstats-page .blbs-mini-list > .blbs-weapon-row small,
.bl-beerstats-page .blbs-mini-list > .blbs-weapon-row span {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
}
.bl-beerstats-page .blbs-player-table-wrap {
    overflow-x: auto !important;
}
.bl-beerstats-page .blbs-table {
    min-width: min(860px, 100%) !important;
}
@media (max-width: 1180px) {
    .bl-beerstats-page .blbs-detail-grid,
    .bl-beerstats-view-detail .blbs-detail-grid {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 980px) {
    .bl-beerstats-view-list .blbs-classic-match-card .bl-match-topline,
    .bl-beerstats-view-list .bl-match-summary-strip {
        grid-template-columns: 1fr !important;
    }
    .bl-beerstats-view-list .bl-pm-outcome-block,
    .bl-beerstats-view-list .bl-match-view-button {
        justify-self: start !important;
    }
}
@media (max-width: 620px) {
    .bl-beerstats-page .blbs-mini-list > .blbs-weapon-row {
        grid-template-columns: 48px minmax(0, 1fr) !important;
    }
    .bl-beerstats-page .blbs-mini-list > .blbs-weapon-row strong,
    .bl-beerstats-page .blbs-mini-list > .blbs-weapon-row small {
        grid-column: 2 / -1 !important;
        justify-self: start !important;
    }
}

/* v1.0.36 - classic match detail parity: Match Settings + Team 1/Team 2 all-player boards. */
.bl-beerstats-page .blbs-match-settings-panel,
.bl-beerstats-page .blbs-all-players-panel {
    margin-top: 1rem;
}
.blbs-settings-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: .55rem;
    margin-bottom: .9rem;
}
.blbs-settings-grid > span {
    display: grid;
    gap: .15rem;
    min-width: 0;
    padding: .6rem .65rem;
    border: 1px solid rgba(255,255,255,.12);
    border-left: 3px solid rgba(255,176,0,.85);
    border-radius: 6px;
    background: rgba(0, 18, 13, .32);
}
.blbs-settings-grid small,
.blbs-settings-team small,
.blbs-settings-team-stats small,
.blbs-empty-team {
    color: rgba(236,252,246,.72);
    font-size: .62rem;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.blbs-settings-grid strong {
    min-width: 0;
    color: #fff;
    font-size: .86rem;
    overflow-wrap: anywhere;
}
.blbs-settings-teams {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: .75rem;
}
.blbs-settings-team {
    min-width: 0;
    border: 1px solid rgba(0,214,143,.32);
    border-radius: 9px;
    background: rgba(0, 22, 16, .34);
    overflow: hidden;
}
.blbs-settings-team header {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    padding: .65rem .75rem;
    border-bottom: 1px solid rgba(0,214,143,.2);
    background: linear-gradient(90deg, rgba(0,214,143,.13), rgba(255,176,0,.06));
}
.blbs-settings-team header strong {
    display: block;
    color: #ffb000;
    font-size: 1rem;
    line-height: 1.1;
    text-transform: uppercase;
}
.blbs-settings-team header b {
    display: inline-grid;
    place-items: center;
    min-width: 42px;
    min-height: 34px;
    border-radius: 5px;
    background: rgba(255,176,0,.16);
    color: #ffb000;
    font-size: 1.45rem;
    line-height: 1;
}
.blbs-settings-team-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: rgba(255,255,255,.08);
}
.blbs-settings-team-stats span {
    display: grid;
    gap: .12rem;
    padding: .55rem .5rem;
    background: rgba(0, 18, 13, .42);
    text-align: center;
}
.blbs-settings-team-stats strong {
    color: #fff;
    font-size: .95rem;
}
.blbs-team-scoreboards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
    align-items: start;
}
.blbs-team-scoreboards .bl-match-inline-team {
    min-width: 0;
    border: 1px solid rgba(0,214,143,.28);
    border-radius: 10px;
    background: rgba(0, 18, 13, .28);
    overflow: hidden;
}
.blbs-team-scoreboards .bl-match-inline-team > header {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    padding: .65rem .75rem;
    border-bottom: 1px solid rgba(0,214,143,.22);
    background: rgba(0,214,143,.09);
}
.blbs-team-scoreboards .bl-match-inline-team > header strong {
    color: #ffb000;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.blbs-team-player-row {
    margin: .65rem;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 9px;
    background: rgba(0,0,0,.18);
    overflow: hidden;
}
.blbs-team-player-row .bl-match-inline-primary {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    padding: .65rem .7rem;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.blbs-team-player-row .blbs-player-link {
    min-width: 0;
}
.blbs-team-player-row .blbs-player-link > span {
    min-width: 0;
}
.blbs-team-player-row .bl-pm-player-name,
.blbs-team-player-row .bl-pm-steam {
    max-width: 100%;
    overflow-wrap: anywhere;
}
.blbs-team-player-row .bl-match-inline-kad {
    display: grid;
    justify-items: center;
    min-width: 58px;
    padding: .28rem .42rem;
    border: 1px solid rgba(255,176,0,.26);
    border-radius: 5px;
    background: rgba(255,176,0,.08);
}
.blbs-team-player-row .bl-match-inline-kad strong {
    color: #fff;
    line-height: 1;
}
.blbs-team-player-row .bl-match-inline-kad small {
    color: #ffb000;
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.blbs-team-player-row .bl-match-inline-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    background: rgba(255,255,255,.07);
}
.blbs-team-player-row .bl-match-inline-stats span {
    display: grid;
    gap: .12rem;
    min-width: 0;
    padding: .48rem .42rem;
    background: rgba(0, 17, 12, .46);
    text-align: center;
}
.blbs-team-player-row .bl-match-inline-stats strong {
    min-width: 0;
    color: #fff;
    font-size: .86rem;
    overflow-wrap: anywhere;
}
.blbs-team-player-row .bl-match-inline-stats small {
    color: rgba(236,252,246,.68);
    font-size: .55rem;
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.blbs-empty-team {
    padding: .85rem;
}
@media (max-width: 1100px) {
    .blbs-team-scoreboards {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 620px) {
    .blbs-team-player-row .bl-match-inline-primary {
        display: grid;
    }
    .blbs-team-player-row .bl-match-inline-kad {
        justify-self: start;
    }
    .blbs-team-player-row .bl-match-inline-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* v1.0.38 - BEER™ Intelligence title treatment. */
.bl-beerstats-page .blbs-title-tm {
    display: inline-block;
    margin-left: .08em;
    color: #ffb000;
    font-size: .46em;
    line-height: 0;
    vertical-align: super;
    letter-spacing: 0;
    text-shadow: none;
}

/* v1.0.46 - make BEER™ trademark mark easier to read in header tiles. */
.bl-beerstats-page .blbs-hero h1 .blbs-title-tm {
    font-size: .46em;
    transform: translateY(-.05em);
}

/* v1.0.39 - BEERSTATS quick view now mirrors classic Team 1 / Team 2 player boards. */
.bl-beerstats-view-list .blbs-quick-team-board {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .6rem !important;
    padding: .55rem .7rem .75rem !important;
    text-align: left !important;
}
.bl-beerstats-view-list .blbs-quick-team-board .bl-match-inline-team {
    min-width: 0 !important;
    overflow: hidden !important;
    border-color: rgba(0,214,143,.28) !important;
    background: rgba(0, 16, 12, .36) !important;
}
.bl-beerstats-view-list .blbs-quick-team-board .bl-match-inline-team-team2 {
    border-color: rgba(255,91,91,.28) !important;
}
.bl-beerstats-view-list .blbs-quick-team-board .blbs-quick-player-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .34rem !important;
    padding: .5rem .55rem !important;
    text-align: left !important;
}
.bl-beerstats-view-list .blbs-quick-player-row .bl-match-inline-primary {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: .55rem !important;
    align-items: center !important;
}
.bl-beerstats-view-list .blbs-quick-player-row .blbs-player-link {
    min-width: 0 !important;
}
.bl-beerstats-view-list .blbs-quick-player-row .blbs-avatar {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    border-radius: 5px !important;
}
.bl-beerstats-view-list .blbs-quick-player-row .bl-pm-player-name,
.bl-beerstats-view-list .blbs-quick-player-row .bl-pm-steam {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
}
.bl-beerstats-view-list .blbs-quick-player-row .bl-match-inline-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: .25rem !important;
}
.bl-beerstats-view-list .blbs-quick-player-row .bl-match-inline-stats span {
    min-width: 0 !important;
    padding: .32rem .24rem !important;
    border-radius: 3px !important;
    background: rgba(0, 0, 0, .22) !important;
}
.bl-beerstats-view-list .blbs-quick-player-row .bl-match-inline-stats strong {
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
}
@media (max-width: 1100px) {
    .bl-beerstats-view-list .blbs-quick-team-board {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 620px) {
    .bl-beerstats-view-list .blbs-quick-player-row .bl-match-inline-primary {
        grid-template-columns: 1fr !important;
    }
    .bl-beerstats-view-list .blbs-quick-player-row .bl-match-inline-kad {
        justify-self: start !important;
        align-items: flex-start !important;
    }
    .bl-beerstats-view-list .blbs-quick-player-row .bl-match-inline-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


/* v1.0.40 - BEER™ Intelligence is the default BEERSTATS header; remove hover jiggle. */
.bl-beerstats-page .bl-player-match-card,
.bl-beerstats-page .blbs-classic-match-card,
.bl-beerstats-page .blbs-panel,
.bl-beerstats-page .blbs-stat,
.bl-beerstats-page .blbs-match-card,
.bl-beerstats-page .blbs-team-player-row,
.bl-beerstats-page .bl-match-inline-player,
.bl-beerstats-page .bl-match-team-board .bl-match-player-card,
.bl-beerstats-page .blbs-settings-team,
.bl-beerstats-page .blbs-mini-list > div,
.bl-beerstats-page .blbs-round-card {
    transform: none !important;
    transition-property: border-color, box-shadow, background-color, color !important;
}
.bl-beerstats-page .bl-player-match-card:hover,
.bl-beerstats-page .blbs-classic-match-card:hover,
.bl-beerstats-page .blbs-panel:hover,
.bl-beerstats-page .blbs-stat:hover,
.bl-beerstats-page .blbs-match-card:hover,
.bl-beerstats-page .blbs-team-player-row:hover,
.bl-beerstats-page .bl-match-inline-player:hover,
.bl-beerstats-page .bl-match-team-board .bl-match-player-card:hover,
.bl-beerstats-page .blbs-settings-team:hover,
.bl-beerstats-page .blbs-mini-list > div:hover,
.bl-beerstats-page .blbs-round-card:hover {
    transform: none !important;
}


/* v1.0.41 - preserve map/player image proportions in BEERSTATS match cards. */
.bl-beerstats-page .bl-match-map-avatar,
.bl-beerstats-page .blbs-avatar {
    overflow: visible !important;
}
.bl-beerstats-page .bl-match-map-avatar {
    aspect-ratio: 16 / 9 !important;
    width: 88px !important;
    height: auto !important;
    min-height: 50px !important;
    padding: 2px !important;
    display: inline-grid !important;
    place-items: center !important;
    background: rgba(0, 16, 12, .72) !important;
}
.bl-beerstats-page .bl-match-map-avatar img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 2px !important;
}
.bl-beerstats-page .blbs-avatar {
    aspect-ratio: 1 / 1 !important;
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    padding: 1px !important;
    border-radius: 7px !important;
    background: rgba(0, 16, 12, .72) !important;
}
.bl-beerstats-page .blbs-avatar img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 5px !important;
}
.bl-beerstats-view-list .bl-match-map-avatar {
    width: 88px !important;
    height: auto !important;
    min-height: 50px !important;
}
.bl-beerstats-view-list .bl-match-top-player-pill .blbs-avatar,
.bl-beerstats-view-list .blbs-quick-player-row .blbs-avatar,
.bl-beerstats-page .blbs-team-player-row .blbs-avatar {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    min-width: 34px !important;
}
.bl-beerstats-page .blbs-player-hero .blbs-avatar {
    width: 74px !important;
    height: 74px !important;
    flex-basis: 74px !important;
}


/* v1.0.42 - make [BEERSTATS] Matches use the same header/filter card language as Player Leaderboard. */
.bl-beerstats-view-list {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow-x: visible !important;
}
.bl-beerstats-view-list > .blbs-subnav {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 1rem !important;
    gap: .6rem !important;
}
.bl-beerstats-view-list .blbs-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 1rem !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 1rem !important;
    padding: 1rem 1.15rem !important;
    border-radius: 18px !important;
    border: 1px solid rgba(0, 214, 143, .42) !important;
    border-left: 1px solid rgba(0, 214, 143, .42) !important;
    background:
        radial-gradient(circle at top left, rgba(0, 214, 143, .12), transparent 28rem),
        linear-gradient(180deg, rgba(12, 57, 42, .98), rgba(7, 35, 27, .98)) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255,255,255,.055) !important;
}
.bl-beerstats-view-list .blbs-hero-card {
    display: grid !important;
    min-width: 150px !important;
    min-height: 72px !important;
    place-content: center !important;
    text-align: center !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 176, 0, .32) !important;
    background: rgba(255, 176, 0, .08) !important;
    box-shadow: none !important;
}
.bl-beerstats-view-list .blbs-hero-card strong {
    color: #ffb000 !important;
    font-size: 1rem !important;
}
.bl-beerstats-view-list .blbs-hero-card span {
    color: #fff !important;
    font-size: .88rem !important;
}
.bl-beerstats-view-list .blbs-hero .bl-eyebrow {
    color: rgba(236,252,246,.78) !important;
    font-size: .72rem !important;
    letter-spacing: .08em !important;
    margin: 0 0 .25rem !important;
}
.bl-beerstats-view-list .blbs-hero h1 {
    margin: 0 0 .35rem !important;
    color: #fff !important;
    font-size: clamp(1.55rem, 3vw, 2.15rem) !important;
    line-height: 1.1 !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
    text-shadow: none !important;
}
.bl-beerstats-view-list .blbs-hero h1::first-letter {
    color: inherit !important;
}
.bl-beerstats-view-list .blbs-hero p {
    max-width: 760px !important;
    margin: 0 !important;
    color: rgba(236,252,246,.86) !important;
    font-size: .94rem !important;
    line-height: 1.45 !important;
}
.bl-beerstats-view-list .blbs-filter.bl-titlebar-sort {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: end !important;
    justify-content: flex-start !important;
    gap: .8rem !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 1rem !important;
    padding: 1rem !important;
    border-radius: 16px !important;
    border: 1px solid rgba(0, 214, 143, .42) !important;
    background:
        radial-gradient(circle at top left, rgba(0, 214, 143, .10), transparent 25rem),
        linear-gradient(180deg, rgba(12, 57, 42, .98), rgba(7, 35, 27, .98)) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255,255,255,.055) !important;
}
.bl-beerstats-view-list .blbs-filter label {
    display: grid !important;
    gap: .25rem !important;
    min-width: 0 !important;
    color: rgba(236,252,246,.72) !important;
    font-size: .82rem !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
}
.bl-beerstats-view-list .blbs-filter label span {
    margin: 0 !important;
    color: rgba(236,252,246,.72) !important;
    font-size: .72rem !important;
    line-height: 1.1 !important;
    letter-spacing: .08em !important;
}
.bl-beerstats-view-list .blbs-filter select,
.bl-beerstats-view-list .blbs-filter input {
    min-width: 112px !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: .55rem .7rem !important;
    border-radius: 8px !important;
    border: 1px solid rgba(0, 214, 143, .35) !important;
    background: rgba(255, 255, 255, .06) !important;
    color: #fff !important;
    font-size: .86rem !important;
}
.bl-beerstats-view-list .blbs-filter input[name="map"] {
    min-width: 170px !important;
}
.bl-beerstats-view-list .blbs-filter button {
    min-height: 38px !important;
    height: 38px !important;
    padding: .5rem .8rem !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    background: linear-gradient(180deg, #0faf78 0%, #087a55 100%) !important;
    color: #fff !important;
    box-shadow: none !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}
.bl-beerstats-view-list .blbs-classic-match-list {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}
.bl-beerstats-view-list .blbs-classic-match-card {
    border-color: rgba(0, 214, 143, .36) !important;
    background:
        radial-gradient(circle at top left, rgba(0, 214, 143, .08), transparent 25rem),
        linear-gradient(180deg, rgba(12, 57, 42, .98), rgba(7, 35, 27, .98)) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
@media (max-width: 760px) {
    .bl-beerstats-view-list .blbs-hero {
        grid-template-columns: 1fr !important;
    }
    .bl-beerstats-view-list .blbs-hero-card {
        justify-self: start !important;
    }
    .bl-beerstats-view-list .blbs-filter label,
    .bl-beerstats-view-list .blbs-filter select,
    .bl-beerstats-view-list .blbs-filter input,
    .bl-beerstats-view-list .blbs-filter button {
        width: 100% !important;
    }
}


/* v1.0.43 - harmonize Match tiles with Player Leaderboard cards while keeping gold accents. */
.bl-beerstats-view-list .blbs-classic-match-card {
    border: 1px solid rgba(0, 214, 143, .42) !important;
    border-left: 1px solid rgba(0, 214, 143, .42) !important;
    border-radius: 16px !important;
    background:
        radial-gradient(circle at top left, rgba(0, 214, 143, .10), transparent 26rem),
        linear-gradient(180deg, rgba(12, 57, 42, .98), rgba(7, 35, 27, .98)) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255,255,255,.055) !important;
    padding: .85rem .9rem .75rem !important;
}
.bl-beerstats-view-list .blbs-classic-match-card::before {
    display: none !important;
    content: none !important;
}
.bl-beerstats-view-list .blbs-classic-match-card .bl-match-topline {
    border-bottom-color: rgba(0, 214, 143, .24) !important;
}
.bl-beerstats-view-list .bl-match-summary-strip {
    border-top-color: rgba(255, 255, 255, .055) !important;
    background: rgba(0, 18, 13, .18) !important;
    border-radius: 0 0 10px 10px !important;
    padding-left: .65rem !important;
    padding-right: .65rem !important;
}
.bl-beerstats-view-list .bl-pm-match-title {
    color: #ffb000 !important;
    text-shadow: none !important;
}
.bl-beerstats-view-list .bl-match-map-name,
.bl-beerstats-view-list .bl-pm-steam {
    color: #22e09c !important;
}
.bl-beerstats-view-list .bl-match-top-player-pill {
    border-color: rgba(255, 176, 0, .82) !important;
    background: rgba(255, 176, 0, .10) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 176, 0, .12) !important;
}
.bl-beerstats-view-list .bl-match-top-player-pill .bl-pm-player-name,
.bl-beerstats-view-list .bl-match-top-player-kills strong,
.bl-beerstats-view-list .bl-match-inline-details summary {
    color: #ffb000 !important;
}
.bl-beerstats-view-list .bl-match-view-button {
    border-color: rgba(255, 176, 0, .72) !important;
    background: rgba(255, 176, 0, .10) !important;
    color: #ffb000 !important;
}
.bl-beerstats-view-list .bl-match-view-button:hover,
.bl-beerstats-view-list .bl-match-view-button:focus-visible {
    background: #ffb000 !important;
    color: #07110d !important;
}
.bl-beerstats-view-list .bl-match-scoreline,
.bl-beerstats-view-list .bl-match-detail-pills span {
    border-color: rgba(0, 214, 143, .28) !important;
    background: rgba(0, 18, 13, .30) !important;
}
.bl-beerstats-view-list .bl-match-inline-details {
    border-top-color: rgba(0, 214, 143, .20) !important;
}


/* v1.0.45 - BEERLO leaderboard and player-card display. */
.blbs-rating-note {
    margin: 0 0 1rem;
    padding: .8rem .95rem;
    border-radius: 14px;
    border: 1px solid rgba(0, 214, 143, .28);
    background: rgba(0, 18, 13, .26);
    color: rgba(236, 252, 246, .84);
    font-size: .9rem;
    line-height: 1.45;
}
.blbs-rating-note strong {
    color: #ffb000;
}
.blbs-rating-score {
    display: block;
    color: #ffb000;
    font-size: 1.05rem;
    font-weight: 900;
    line-height: 1.05;
}
.blbs-rating-delta {
    display: block;
    margin-top: .12rem;
    color: rgba(236, 252, 246, .66);
    font-size: .72rem;
    font-weight: 800;
}
.blbs-rating-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 82px;
    padding: .28rem .48rem;
    border-radius: 999px;
    border: 1px solid rgba(0, 214, 143, .38);
    background: rgba(0, 214, 143, .10);
    color: #baf7df;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}
.blbs-rating-badge.is-provisional {
    border-color: rgba(255, 176, 0, .62);
    background: rgba(255, 176, 0, .10);
    color: #ffcf5a;
}
.blbs-rating-badge.is-ranked {
    border-color: rgba(0, 214, 143, .62);
    background: rgba(0, 214, 143, .13);
    color: #5ef0b4;
}

.blbs-player-beerlo {
    display: inline-flex;
    width: fit-content;
    margin-top: .14rem;
    padding: .12rem .38rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 176, 0, .56);
    background: rgba(255, 176, 0, .10);
    color: #ffcf5a !important;
    font-size: .68rem !important;
    font-weight: 900;
    letter-spacing: .045em;
    line-height: 1.2;
}


/* v1.0.47 - place BEERLO between player identity and K/D on match player cards. */
.bl-match-inline-primary .blbs-player-link {
    min-width: 0;
}
.blbs-player-beerlo-inline {
    flex: 0 0 auto;
    align-self: center;
    margin: 0 .45rem 0 auto;
    white-space: nowrap;
}
.bl-match-inline-primary .bl-match-inline-kad {
    flex: 0 0 auto;
}
@media (max-width: 680px) {
    .blbs-player-beerlo-inline {
        margin-left: 0;
        margin-right: .35rem;
    }
}


/* v1.0.48 - keep match-card identity, BEERLO, and K/D in a stable row. */
.blbs-team-player-row .bl-match-inline-primary,
.bl-beerstats-view-list .blbs-quick-player-row .bl-match-inline-primary {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: .5rem !important;
}
.blbs-team-player-row .blbs-player-link,
.bl-beerstats-view-list .blbs-quick-player-row .blbs-player-link {
    min-width: 0 !important;
    width: 100% !important;
}
.blbs-player-beerlo-inline {
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
    white-space: nowrap !important;
}
.blbs-team-player-row .bl-match-inline-kad,
.bl-beerstats-view-list .blbs-quick-player-row .bl-match-inline-kad {
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
}
@media (max-width: 620px) {
    .blbs-team-player-row .bl-match-inline-primary,
    .bl-beerstats-view-list .blbs-quick-player-row .bl-match-inline-primary {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }
    .blbs-team-player-row .blbs-player-beerlo-inline,
    .bl-beerstats-view-list .blbs-quick-player-row .blbs-player-beerlo-inline {
        justify-self: start !important;
    }
    .blbs-team-player-row .bl-match-inline-kad,
    .bl-beerstats-view-list .blbs-quick-player-row .bl-match-inline-kad {
        justify-self: end !important;
    }
}


/* v1.0.49 - tighten BEERLO against identity and use a rectangular badge. */
.blbs-team-player-row .bl-match-inline-primary,
.bl-beerstats-view-list .blbs-quick-player-row .bl-match-inline-primary {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: .36rem !important;
}
.blbs-team-player-row .blbs-player-link,
.bl-beerstats-view-list .blbs-quick-player-row .blbs-player-link {
    flex: 0 1 auto !important;
    max-width: calc(100% - 150px) !important;
    min-width: 0 !important;
    width: auto !important;
}
.blbs-team-player-row .blbs-player-link > span,
.bl-beerstats-view-list .blbs-quick-player-row .blbs-player-link > span {
    min-width: 0 !important;
}
.blbs-player-beerlo,
.blbs-player-beerlo-inline {
    border-radius: 4px !important;
    padding: .18rem .36rem !important;
    margin: 0 .35rem 0 .06rem !important;
    border-color: rgba(255, 176, 0, .72) !important;
    background: rgba(255, 176, 0, .12) !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
}
.blbs-player-beerlo-inline {
    flex: 0 0 auto !important;
    justify-self: auto !important;
    align-self: center !important;
}
.blbs-team-player-row .bl-match-inline-kad,
.bl-beerstats-view-list .blbs-quick-player-row .bl-match-inline-kad {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    justify-self: auto !important;
    align-self: center !important;
}
@media (max-width: 620px) {
    .blbs-team-player-row .bl-match-inline-primary,
    .bl-beerstats-view-list .blbs-quick-player-row .bl-match-inline-primary {
        flex-wrap: wrap !important;
    }
    .blbs-team-player-row .blbs-player-link,
    .bl-beerstats-view-list .blbs-quick-player-row .blbs-player-link {
        max-width: 100% !important;
    }
    .blbs-team-player-row .bl-match-inline-kad,
    .bl-beerstats-view-list .blbs-quick-player-row .bl-match-inline-kad {
        margin-left: 0 !important;
    }
}


/* v1.0.50 - use the Matches-page tile language for the full match summary. */
.blbs-detail-match-card {
    margin-bottom: 1rem !important;
}
.blbs-detail-match-card .bl-pm-topline {
    align-items: center !important;
}
.blbs-detail-match-card .bl-match-summary-strip {
    align-items: center !important;
}
.blbs-detail-match-pills {
    flex: 1 1 320px !important;
}
.blbs-detail-match-card .bl-match-top-player-pill {
    flex: 0 0 auto !important;
}
@media (max-width: 860px) {
    .blbs-detail-match-card .bl-pm-topline,
    .blbs-detail-match-card .bl-match-summary-strip {
        grid-template-columns: 1fr !important;
    }
    .blbs-detail-match-card .bl-pm-outcome-block,
    .blbs-detail-match-card .bl-match-top-player-pill,
    .blbs-detail-match-pills {
        justify-self: start !important;
    }
}


/* v1.0.51 - prevent full-match detail metadata from crowding the top-player badge. */
.blbs-detail-match-card .blbs-detail-summary-strip {
    display: grid !important;
    grid-template-columns: minmax(178px, auto) minmax(224px, 248px) minmax(0, 1fr) !important;
    gap: .82rem !important;
    align-items: center !important;
}
.blbs-detail-match-card .bl-match-top-player-pill {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 248px !important;
    box-sizing: border-box !important;
}
.blbs-detail-match-card .bl-match-top-player-pill .bl-player-identity-block {
    min-width: 0 !important;
}
.blbs-detail-match-card .bl-match-top-player-pill .bl-pm-player-name {
    max-width: 126px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.blbs-detail-match-card .blbs-detail-match-pills {
    display: flex !important;
    flex: initial !important;
    flex-wrap: wrap !important;
    gap: .42rem !important;
    min-width: 0 !important;
    justify-self: stretch !important;
    align-self: center !important;
}
.blbs-detail-match-card .blbs-detail-match-pills span {
    white-space: nowrap !important;
}
@media (max-width: 980px) {
    .blbs-detail-match-card .blbs-detail-summary-strip {
        grid-template-columns: minmax(178px, auto) minmax(224px, 248px) !important;
    }
    .blbs-detail-match-card .blbs-detail-match-pills {
        grid-column: 1 / -1 !important;
        justify-self: start !important;
    }
}
@media (max-width: 620px) {
    .blbs-detail-match-card .blbs-detail-summary-strip {
        grid-template-columns: 1fr !important;
    }
    .blbs-detail-match-card .bl-match-scoreline,
    .blbs-detail-match-card .bl-match-top-player-pill,
    .blbs-detail-match-card .blbs-detail-match-pills {
        justify-self: start !important;
    }
}


/* v1.0.52 - keep long Teams & Setup values from making settings tiles taller. */
.blbs-settings-grid span {
    min-width: 0 !important;
    align-content: center !important;
}

/* v1.0.179 - BEERSTATS score cards can show lobby team names instead of short T/CT labels. */
.bl-beerstats-page .bl-match-team {
    min-width: 108px;
    max-width: 178px;
}
.bl-beerstats-page .bl-match-team span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: .02em;
}
.bl-beerstats-view-list .bl-match-team {
    min-width: 104px !important;
    max-width: 164px;
}
.blbs-settings-grid span strong {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}
.blbs-settings-grid span small {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}


/* v1.0.53 - make full match Team Scoreboards use the same 2x4 player stat grid as Quick View. */
.blbs-all-players-panel .blbs-team-player-row .bl-match-inline-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: .25rem !important;
    background: transparent !important;
}
.blbs-all-players-panel .blbs-team-player-row .bl-match-inline-stats span {
    min-width: 0 !important;
    padding: .38rem .28rem !important;
    border: 1px solid rgba(255, 255, 255, .075) !important;
    border-radius: 3px !important;
    background: rgba(0, 17, 12, .46) !important;
}
.blbs-all-players-panel .blbs-team-player-row .bl-match-inline-stats strong {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}
@media (max-width: 720px) {
    .blbs-all-players-panel .blbs-team-player-row .bl-match-inline-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


/* v1.0.54 - fit the clearer BOMB P/D/X label in player stat tiles. */
.blbs-team-player-row .bl-match-inline-stats small,
.bl-beerstats-view-list .blbs-quick-player-row .bl-match-inline-stats small {
    font-size: .5rem !important;
    letter-spacing: .035em !important;
}


/* v1.0.55 - maximize BEERSTATS weapon artwork inside weapon tiles. */
.bl-beerstats-page .blbs-mini-list > .blbs-weapon-row {
    grid-template-columns: minmax(112px, 126px) minmax(0, 1fr) auto !important;
    min-height: 74px !important;
    gap: .7rem !important;
    align-items: center !important;
    padding: .58rem .7rem !important;
}
.bl-beerstats-page .blbs-weapon-img {
    width: min(126px, 100%) !important;
    height: 58px !important;
    max-width: 126px !important;
    max-height: 58px !important;
    object-fit: contain !important;
    justify-self: center !important;
    align-self: center !important;
    image-rendering: auto;
}
.bl-beerstats-page .blbs-mini-list > .blbs-weapon-row small {
    grid-column: 2 / -1 !important;
}
@media (max-width: 640px) {
    .bl-beerstats-page .blbs-mini-list > .blbs-weapon-row {
        grid-template-columns: minmax(82px, 96px) minmax(0, 1fr) !important;
        min-height: 66px !important;
    }
    .bl-beerstats-page .blbs-weapon-img {
        width: min(96px, 100%) !important;
        height: 48px !important;
        max-width: 96px !important;
        max-height: 48px !important;
    }
}


/* v1.0.56 - maximize BEERSTATS map artwork throughout match cards/detail tiles. */
.bl-beerstats-page .bl-match-identity-block {
    align-items: center !important;
    gap: .8rem !important;
}
.bl-beerstats-page .bl-match-map-avatar {
    aspect-ratio: 16 / 9 !important;
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    height: auto !important;
    min-height: 74px !important;
    flex: 0 0 132px !important;
    padding: 2px !important;
    overflow: visible !important;
    display: inline-grid !important;
    place-items: center !important;
}
.bl-beerstats-page .bl-match-map-avatar img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}
.bl-beerstats-view-list .blbs-classic-match-card .bl-match-topline,
.blbs-detail-match-card .bl-pm-topline {
    grid-template-columns: minmax(380px, 430px) minmax(220px, 1fr) auto !important;
}
.bl-beerstats-view-list .bl-match-map-avatar,
.blbs-detail-match-card .bl-match-map-avatar {
    width: 144px !important;
    min-width: 144px !important;
    max-width: 144px !important;
    min-height: 81px !important;
    flex-basis: 144px !important;
}
@media (max-width: 1100px) {
    .bl-beerstats-view-list .blbs-classic-match-card .bl-match-topline,
    .blbs-detail-match-card .bl-pm-topline {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 640px) {
    .bl-beerstats-page .bl-match-identity-block {
        gap: .6rem !important;
    }
    .bl-beerstats-page .bl-match-map-avatar,
    .bl-beerstats-view-list .bl-match-map-avatar,
    .blbs-detail-match-card .bl-match-map-avatar {
        width: 104px !important;
        min-width: 104px !important;
        max-width: 104px !important;
        min-height: 58px !important;
        flex-basis: 104px !important;
    }
}


/* v1.0.57 - package rebuild for bomb_exploded SQL quoting fix. */


/* v1.0.58 - BEERSTATS specialty weapon leaderboards. */
.blbs-specialty-boards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}
.blbs-specialty-board {
    margin: 0 !important;
}
.blbs-specialty-board .blbs-panel-heading {
    align-items: flex-start !important;
    gap: .5rem !important;
}
.blbs-specialty-list {
    display: grid;
    gap: .42rem;
}
.blbs-specialty-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .55rem;
    padding: .48rem .55rem;
    border: 1px solid rgba(0, 214, 143, .22);
    border-radius: 7px;
    background: rgba(0, 17, 12, .34);
    color: inherit;
    text-decoration: none !important;
}
.blbs-specialty-row:hover,
.blbs-specialty-row:focus-visible {
    border-color: rgba(255, 176, 0, .62);
    background: rgba(255, 176, 0, .08);
}
.blbs-specialty-rank {
    color: #ffb000;
    font-weight: 950;
    font-size: .78rem;
}
.blbs-specialty-kills,
.blbs-specialty-extra {
    display: grid;
    justify-items: center;
    min-width: 46px;
    padding: .22rem .32rem;
    border: 1px solid rgba(255, 176, 0, .28);
    border-radius: 4px;
    background: rgba(255, 176, 0, .08);
}
.blbs-specialty-kills strong,
.blbs-specialty-extra strong {
    color: #fff;
    font-size: .88rem;
    line-height: 1;
    font-weight: 950;
}
.blbs-specialty-kills small,
.blbs-specialty-extra small {
    margin-top: .12rem;
    color: #ffb000;
    font-size: .5rem;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.blbs-specialty-empty {
    padding: .65rem;
    border: 1px dashed rgba(255, 255, 255, .14);
    border-radius: 7px;
    color: rgba(236, 252, 246, .68);
}
@media (max-width: 1180px) {
    .blbs-specialty-boards {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 620px) {
    .blbs-specialty-row {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }
    .blbs-specialty-extra {
        grid-column: 3;
    }
}

/* v1.0.59 - move specialty boards above filter and make each board fixed-height/scrollable. */
.blbs-specialty-boards {
    margin: 1rem 0 .95rem !important;
}
.blbs-specialty-board {
    min-height: 0 !important;
    overflow: hidden !important;
}
.blbs-specialty-board .blbs-panel-heading {
    display: block !important;
    min-width: 0 !important;
}
.blbs-specialty-board .blbs-panel-heading .bl-eyebrow,
.blbs-specialty-board .blbs-panel-heading h3,
.blbs-specialty-board .blbs-panel-heading .blbs-muted {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.blbs-specialty-board .blbs-panel-heading h3 {
    white-space: nowrap !important;
    font-size: clamp(1rem, 1.35vw, 1.18rem) !important;
    line-height: 1.08 !important;
}
.blbs-specialty-board .blbs-panel-heading .blbs-muted {
    display: block !important;
    margin-top: .22rem !important;
    white-space: normal !important;
    line-height: 1.25 !important;
    font-size: .78rem !important;
}
.blbs-specialty-list {
    max-height: 214px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: .2rem !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 176, 0, .72) rgba(0, 17, 12, .35);
}
.blbs-specialty-list::-webkit-scrollbar {
    width: 7px;
}
.blbs-specialty-list::-webkit-scrollbar-track {
    background: rgba(0, 17, 12, .35);
    border-radius: 999px;
}
.blbs-specialty-list::-webkit-scrollbar-thumb {
    background: rgba(255, 176, 0, .72);
    border-radius: 999px;
}
.blbs-specialty-row {
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    min-height: 58px !important;
    gap: .18rem .5rem !important;
    padding: .42rem .5rem !important;
}
.blbs-specialty-row .blbs-specialty-rank {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    text-align: center !important;
}
.blbs-specialty-row .blbs-player-link {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
}
.blbs-specialty-row .blbs-player-link > span {
    min-width: 0 !important;
    overflow: hidden !important;
}
.blbs-specialty-row .blbs-player-link strong,
.blbs-specialty-row .blbs-player-link small {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}
.blbs-specialty-weapon {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: .32rem !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: .12rem .28rem !important;
    border: 1px solid rgba(0, 214, 143, .28) !important;
    border-radius: 4px !important;
    background: rgba(0, 214, 143, .07) !important;
}
.blbs-specialty-weapon strong,
.blbs-specialty-weapon small {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.blbs-specialty-weapon strong {
    color: #ffb000 !important;
    font-size: .64rem !important;
    font-weight: 950 !important;
}
.blbs-specialty-weapon small {
    color: rgba(236, 252, 246, .66) !important;
    font-size: .56rem !important;
    font-weight: 850 !important;
}
.blbs-specialty-row .blbs-specialty-kills {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
}
.blbs-specialty-row .blbs-specialty-extra {
    display: none !important;
}
@media (max-width: 1180px) {
    .blbs-specialty-list {
        max-height: 214px !important;
    }
}


/* v1.0.60 - restore specialty-board HS as a compact category headshot stat. */
.blbs-specialty-row .blbs-specialty-kills {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: end !important;
    min-width: 44px !important;
    padding: .2rem .3rem !important;
}
.blbs-specialty-row .blbs-specialty-extra {
    display: grid !important;
    grid-column: 3 !important;
    grid-row: 2 !important;
    align-self: start !important;
    min-width: 44px !important;
    padding: .16rem .3rem !important;
    border-color: rgba(0, 214, 143, .28) !important;
    background: rgba(0, 214, 143, .07) !important;
}
.blbs-specialty-row .blbs-specialty-extra strong {
    color: #fff !important;
    font-size: .76rem !important;
}
.blbs-specialty-row .blbs-specialty-extra small {
    color: #00d68f !important;
    font-size: .48rem !important;
}


/* v1.0.61 - hide SteamID on compact specialty leaderboards; player name remains profile link. */
.blbs-specialty-row .blbs-player-link small {
    display: none !important;
}
.blbs-specialty-row .blbs-player-link strong {
    font-size: .86rem !important;
    line-height: 1.05 !important;
}
.blbs-specialty-row .blbs-player-link {
    align-items: center !important;
}


/* v1.0.62 - specialty leaderboard copy cleanup. */


/* v1.0.63 - compact specialty player tiles while keeping player names readable. */
.blbs-specialty-list {
    max-height: 198px !important;
}
.blbs-specialty-row {
    min-height: 50px !important;
    padding: .34rem .46rem !important;
    gap: .12rem .44rem !important;
    grid-template-columns: 30px minmax(0, 1fr) auto !important;
}
.blbs-specialty-rank {
    font-size: .72rem !important;
}
.blbs-specialty-row .blbs-avatar {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
    min-width: 30px !important;
}
.blbs-specialty-row .blbs-player-link {
    gap: .42rem !important;
}
.blbs-specialty-row .blbs-player-link strong {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    font-size: .82rem !important;
    line-height: 1.08 !important;
}
.blbs-specialty-weapon {
    padding: .08rem .24rem !important;
    gap: .24rem !important;
}
.blbs-specialty-weapon strong {
    font-size: .58rem !important;
}
.blbs-specialty-weapon small {
    font-size: .5rem !important;
}
.blbs-specialty-row .blbs-specialty-kills,
.blbs-specialty-row .blbs-specialty-extra {
    min-width: 40px !important;
    padding: .14rem .24rem !important;
}
.blbs-specialty-kills strong,
.blbs-specialty-extra strong {
    font-size: .74rem !important;
}
.blbs-specialty-kills small,
.blbs-specialty-extra small {
    font-size: .46rem !important;
}


/* v1.0.64 - two-line specialty rows: name above, weapon/kills/HS below. */
.blbs-specialty-row {
    grid-template-columns: 30px 34px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    min-height: 54px !important;
    padding: .34rem .46rem !important;
}
.blbs-specialty-row .blbs-specialty-rank {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
}
.blbs-specialty-row > .blbs-avatar {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    flex-basis: 34px !important;
}
.blbs-specialty-player-main {
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: grid !important;
    gap: .18rem !important;
    min-width: 0 !important;
}
.blbs-specialty-player-name {
    display: block !important;
    max-width: 100% !important;
    color: #fff !important;
    font-size: .86rem !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
}
.blbs-specialty-player-meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: .28rem !important;
    min-width: 0 !important;
}
.blbs-specialty-player-meta .blbs-specialty-weapon,
.blbs-specialty-player-meta .blbs-specialty-kills,
.blbs-specialty-player-meta .blbs-specialty-extra {
    grid-column: auto !important;
    grid-row: auto !important;
    align-self: center !important;
    min-width: 0 !important;
    margin: 0 !important;
}
.blbs-specialty-player-meta .blbs-specialty-kills,
.blbs-specialty-player-meta .blbs-specialty-extra {
    display: inline-flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: .18rem !important;
    padding: .1rem .28rem !important;
    min-width: 0 !important;
}
.blbs-specialty-player-meta .blbs-specialty-kills strong,
.blbs-specialty-player-meta .blbs-specialty-extra strong {
    font-size: .72rem !important;
    line-height: 1 !important;
}
.blbs-specialty-player-meta .blbs-specialty-kills small,
.blbs-specialty-player-meta .blbs-specialty-extra small {
    margin: 0 !important;
    font-size: .46rem !important;
    line-height: 1 !important;
}
.blbs-specialty-player-meta .blbs-specialty-weapon {
    max-width: 100% !important;
}


/* v1.0.65 - keep top weapon left and align specialty Kills/HS badges right. */
.blbs-specialty-player-meta {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: .28rem !important;
    width: 100% !important;
}
.blbs-specialty-player-meta .blbs-specialty-weapon {
    grid-column: 1 !important;
    justify-self: start !important;
    max-width: 100% !important;
}
.blbs-specialty-player-meta .blbs-specialty-kills {
    grid-column: 2 !important;
    justify-self: end !important;
}
.blbs-specialty-player-meta .blbs-specialty-extra {
    grid-column: 3 !important;
    justify-self: end !important;
}
@media (max-width: 520px) {
    .blbs-specialty-player-meta {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }
    .blbs-specialty-player-meta .blbs-specialty-extra {
        grid-column: 2 !important;
    }
}


/* v1.0.66 - player reports use BOMB P/D/X objective display. */


/* v1.0.67 - Player Report Match History per-match BEERLO delta. */
.blbs-match-beerlo-delta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    padding: .18rem .34rem;
    border: 1px solid rgba(0, 214, 143, .28);
    border-radius: 4px;
    background: rgba(0, 214, 143, .08);
    color: #00d68f;
    font-weight: 950;
    white-space: nowrap;
}
.blbs-match-beerlo-delta.is-negative {
    border-color: rgba(255, 91, 91, .35);
    background: rgba(255, 91, 91, .08);
    color: #ff7b7b;
}
.blbs-match-beerlo-delta.is-positive {
    border-color: rgba(255, 176, 0, .42);
    background: rgba(255, 176, 0, .08);
    color: #ffb000;
}


/* v1.0.68 - Player Report specialty kill summary tiles. */

/* v1.0.69: compact player report summary + card-based match history */
.bl-beerstats-view-player .blbs-player-summary-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: .55rem !important;
}

.bl-beerstats-view-player .blbs-player-summary-grid .blbs-stat {
    min-height: 68px;
    padding: .62rem .78rem !important;
    border-radius: 12px !important;
}

.bl-beerstats-view-player .blbs-player-summary-grid .blbs-stat strong {
    font-size: clamp(1rem, 1.45vw, 1.22rem) !important;
    line-height: 1.05;
}

.bl-beerstats-view-player .blbs-player-summary-grid .blbs-stat small {
    font-size: .64rem !important;
    letter-spacing: .07em !important;
    line-height: 1.15;
}

.bl-beerstats-view-player .blbs-player-match-history-cards {
    display: grid;
    gap: .7rem;
}

/* v1.0.159 - Recent Match History shows the first 10 cards, then scrolls internally. */
.bl-beerstats-view-player .blbs-player-match-history-cards.has-scroll {
    max-height: var(--blbs-match-history-scroll-height, 1180px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: .35rem;
    scrollbar-color: rgba(64, 255, 148, .75) rgba(0, 0, 0, .24);
    scrollbar-width: thin;
}

.bl-beerstats-view-player .blbs-player-match-history-cards.has-scroll::-webkit-scrollbar {
    width: 9px;
}

.bl-beerstats-view-player .blbs-player-match-history-cards.has-scroll::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .24);
    border-radius: 999px;
}

.bl-beerstats-view-player .blbs-player-match-history-cards.has-scroll::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(64, 255, 148, .9), rgba(0, 170, 112, .82));
    border-radius: 999px;
}

.bl-beerstats-view-player .blbs-player-match-history-card {
    display: grid;
    gap: .62rem;
    padding: .78rem;
    color: var(--bl-white);
    text-decoration: none;
    background: linear-gradient(135deg, rgba(0, 52, 36, .88), rgba(0, 28, 22, .9));
    border: 1px solid rgba(0, 170, 112, .38);
    border-radius: 14px;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .18);
}

.bl-beerstats-view-player .blbs-player-match-history-card:hover,
.bl-beerstats-view-player .blbs-player-match-history-card:focus {
    color: var(--bl-white);
    border-color: rgba(255, 214, 51, .55);
    box-shadow: 0 12px 26px rgba(0, 0, 0, .24), 0 0 0 1px rgba(255, 214, 51, .12) inset;
}

.bl-beerstats-view-player .blbs-player-match-card-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .7rem;
}

.bl-beerstats-view-player .blbs-player-match-map { min-width: 0; }
.bl-beerstats-view-player .blbs-player-match-map .bl-eyebrow {
    margin: 0 0 .12rem;
    font-size: .58rem;
}

.bl-beerstats-view-player .blbs-player-match-map strong {
    display: block;
    overflow: hidden;
    font-size: .96rem;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bl-beerstats-view-player .blbs-player-match-map small {
    display: block;
    margin-top: .14rem;
    color: rgba(255, 255, 255, .68);
    font-size: .66rem;
    line-height: 1.15;
}

.bl-beerstats-view-player .blbs-player-match-score {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    padding: .36rem .5rem;
    color: var(--bl-gold);
    font-weight: 900;
    background: rgba(255, 214, 51, .08);
    border: 1px solid rgba(255, 214, 51, .25);
    border-radius: 10px;
}

.bl-beerstats-view-player .blbs-player-match-card-main .blbs-match-beerlo-delta {
    min-width: 62px;
    text-align: center;
}

.bl-beerstats-view-player .blbs-player-match-card-stats {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .38rem;
}

.bl-beerstats-view-player .blbs-player-match-card-stats span {
    display: grid;
    gap: .12rem;
    min-width: 0;
    padding: .46rem .5rem;
    background: rgba(0, 0, 0, .18);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 10px;
}

.bl-beerstats-view-player .blbs-player-match-card-stats small {
    overflow: hidden;
    color: rgba(255, 255, 255, .66);
    font-size: .56rem;
    font-weight: 800;
    letter-spacing: .06em;
    line-height: 1.05;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.bl-beerstats-view-player .blbs-player-match-card-stats strong {
    overflow: hidden;
    color: var(--bl-white);
    font-size: .82rem;
    line-height: 1.08;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bl-beerstats-view-player .blbs-player-match-history-empty {
    padding: 1rem;
    color: rgba(255, 255, 255, .72);
    background: rgba(0, 0, 0, .18);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 12px;
}

@media (max-width: 1180px) {
    .bl-beerstats-view-player .blbs-player-summary-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .bl-beerstats-view-player .blbs-player-match-card-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .bl-beerstats-view-player .blbs-player-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .bl-beerstats-view-player .blbs-player-match-card-main {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
    }

    .bl-beerstats-view-player .blbs-player-match-score,
    .bl-beerstats-view-player .blbs-player-match-card-main .blbs-match-beerlo-delta {
        justify-self: start;
    }

    .bl-beerstats-view-player .blbs-player-match-card-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* v1.0.70 - Player Report hero identity tightening and most-played map card. */
.bl-beerstats-view-player .blbs-player-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    align-items: center !important;
    gap: 1rem !important;
}

.bl-beerstats-view-player .blbs-player-identity {
    display: flex;
    align-items: center;
    gap: .95rem;
    min-width: 0;
}

.bl-beerstats-view-player .blbs-player-identity-copy { min-width: 0; }
.bl-beerstats-view-player .blbs-player-identity-copy .bl-eyebrow { margin: 0 0 .16rem; }
.bl-beerstats-view-player .blbs-player-identity-copy h2 {
    margin: 0 0 .08rem !important;
    line-height: 1.02;
}
.bl-beerstats-view-player .blbs-player-identity-copy p:not(.bl-eyebrow) {
    margin: 0;
    color: rgba(255,255,255,.82);
    font-size: .92rem;
    line-height: 1.15;
}

.bl-beerstats-view-player .blbs-player-top-map {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
    justify-self: end;
    width: min(100%, 360px);
    padding: .55rem .65rem;
    background: rgba(0, 0, 0, .24);
    border: 1px solid rgba(255, 214, 51, .22);
    border-radius: 14px;
}

.bl-beerstats-view-player .blbs-player-top-map img {
    display: block;
    width: 132px;
    aspect-ratio: 16 / 9;
    height: auto;
    object-fit: contain;
    background: rgba(0,0,0,.28);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
}

.bl-beerstats-view-player .blbs-player-top-map .bl-eyebrow { margin: 0 0 .16rem; font-size: .58rem; }
.bl-beerstats-view-player .blbs-player-top-map strong {
    display: block;
    overflow: hidden;
    color: var(--bl-gold);
    font-size: 1rem;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bl-beerstats-view-player .blbs-player-top-map small {
    display: block;
    margin-top: .18rem;
    color: rgba(255,255,255,.74);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

@media (max-width: 860px) {
    .bl-beerstats-view-player .blbs-player-hero {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    .bl-beerstats-view-player .blbs-player-top-map {
        justify-self: stretch;
        width: 100%;
    }
}

@media (max-width: 560px) {
    .bl-beerstats-view-player .blbs-player-identity {
        align-items: flex-start;
    }
    .bl-beerstats-view-player .blbs-player-top-map {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
    }
    .bl-beerstats-view-player .blbs-player-top-map img { width: 100%; }
}

/* v1.0.71 - Lock BEERLO while provisional until 10 final matches. */
.bl-beerstats-page .blbs-stat.blbs-stat-locked strong,
.bl-beerstats-page .blbs-rating-locked {
    color: var(--bl-gold) !important;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.bl-beerstats-page .blbs-rating-countdown {
    display: block;
    margin-top: .28rem;
    color: rgba(255, 255, 255, .7);
    font-size: .66rem;
    font-weight: 800;
    line-height: 1.1;
}

.bl-beerstats-page .blbs-match-beerlo-delta.is-locked,
.bl-beerstats-page .blbs-player-beerlo.is-locked {
    color: var(--bl-gold) !important;
    background: rgba(255, 214, 51, .09) !important;
    border-color: rgba(255, 214, 51, .28) !important;
}

/* v1.0.72 - Tighten Player Report top map card and add Match History map thumbnails. */
.bl-beerstats-view-player .blbs-player-top-map {
    grid-template-columns: 126px minmax(0, max-content) !important;
    width: auto !important;
    max-width: 100%;
    justify-self: end;
    gap: .6rem !important;
    padding: .48rem .58rem !important;
}

.bl-beerstats-view-player .blbs-player-top-map img {
    width: 126px !important;
}

.bl-beerstats-view-player .blbs-player-top-map strong,
.bl-beerstats-view-player .blbs-player-top-map small {
    max-width: 150px;
}

.bl-beerstats-view-player .blbs-player-match-map {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    align-items: center;
    gap: .55rem;
}

.bl-beerstats-view-player .blbs-player-match-map img {
    display: block;
    width: 86px;
    aspect-ratio: 16 / 9;
    height: auto;
    object-fit: contain;
    background: rgba(0,0,0,.28);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 8px;
}

.bl-beerstats-view-player .blbs-player-match-map span {
    min-width: 0;
}

@media (max-width: 860px) {
    .bl-beerstats-view-player .blbs-player-top-map {
        grid-template-columns: 126px minmax(0, 1fr) !important;
        justify-self: stretch;
        width: 100% !important;
    }

    .bl-beerstats-view-player .blbs-player-top-map strong,
    .bl-beerstats-view-player .blbs-player-top-map small {
        max-width: none;
    }
}

@media (max-width: 560px) {
    .bl-beerstats-view-player .blbs-player-match-map {
        grid-template-columns: 76px minmax(0, 1fr);
    }

    .bl-beerstats-view-player .blbs-player-match-map img {
        width: 76px;
    }
}

/* v1.0.73 - Player Leaderboard cards and BEERLO RANK countdown copy. */
.bl-beerstats-page .blbs-leaderboard-cards { display: grid; gap: .78rem; }
.bl-beerstats-page .blbs-leaderboard-card { display: grid; gap: .68rem; padding: .82rem; background: linear-gradient(135deg, rgba(0,52,36,.9), rgba(0,25,20,.92)); border: 1px solid rgba(0,170,112,.35); border-radius: 14px; box-shadow: 0 10px 22px rgba(0,0,0,.18); }
.bl-beerstats-page .blbs-leaderboard-card-main { display: grid; grid-template-columns: auto minmax(220px,1fr) minmax(210px,auto) auto; align-items: center; gap: .75rem; min-width: 0; }
.bl-beerstats-page .blbs-leaderboard-beerlo { display: grid; gap: .1rem; justify-items: start; min-width: 0; padding: .48rem .62rem; background: rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.09); border-radius: 11px; }
.bl-beerstats-page .blbs-leaderboard-beerlo small { color: rgba(255,255,255,.65); font-size: .58rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.bl-beerstats-page .blbs-leaderboard-beerlo strong { color: var(--bl-white); font-size: 1.05rem; line-height: 1.05; }
.bl-beerstats-page .blbs-leaderboard-beerlo.is-locked strong { color: var(--bl-gold); font-size: .92rem; text-transform: uppercase; }
.bl-beerstats-page .blbs-leaderboard-beerlo span { color: var(--bl-gold); font-size: .72rem; font-weight: 900; }
.bl-beerstats-page .blbs-leaderboard-card-stats { display: grid; grid-template-columns: repeat(9, minmax(0,1fr)); gap: .42rem; }
.bl-beerstats-page .blbs-leaderboard-card-stats span { display: grid; gap: .12rem; min-width: 0; padding: .48rem .52rem; background: rgba(0,0,0,.18); border: 1px solid rgba(255,255,255,.08); border-radius: 10px; }
.bl-beerstats-page .blbs-leaderboard-card-stats small { overflow: hidden; color: rgba(255,255,255,.64); font-size: .56rem; font-weight: 900; letter-spacing: .06em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.bl-beerstats-page .blbs-leaderboard-card-stats strong { overflow: hidden; color: var(--bl-white); font-size: .82rem; line-height: 1.08; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 1120px) { .bl-beerstats-page .blbs-leaderboard-card-main { grid-template-columns: auto minmax(0,1fr) auto; } .bl-beerstats-page .blbs-leaderboard-beerlo { grid-column: 2 / -1; } .bl-beerstats-page .blbs-leaderboard-card-stats { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 640px) { .bl-beerstats-page .blbs-leaderboard-card-main { grid-template-columns: minmax(0,1fr); align-items: stretch; } .bl-beerstats-page .blbs-leaderboard-card-main .blbs-rank, .bl-beerstats-page .blbs-leaderboard-card-main .blbs-rating-badge { justify-self: start; } .bl-beerstats-page .blbs-leaderboard-beerlo { grid-column: auto; } .bl-beerstats-page .blbs-leaderboard-card-stats { grid-template-columns: repeat(2, minmax(0,1fr)); } }

/* v1.0.74 - Keep Full Stats / Quick View player rows from getting squeezed by provisional BEERLO. */
.bl-beerstats-page .blbs-team-player-row .bl-match-inline-primary,
.bl-beerstats-page .blbs-quick-player-row .bl-match-inline-primary {
    grid-template-columns: minmax(190px, 1fr) auto auto !important;
    align-items: center !important;
    gap: .55rem !important;
}

.bl-beerstats-page .blbs-team-player-row .blbs-player-link,
.bl-beerstats-page .blbs-quick-player-row .blbs-player-link {
    min-width: 0 !important;
    overflow: hidden;
}

.bl-beerstats-page .blbs-team-player-row .blbs-player-link > span,
.bl-beerstats-page .blbs-quick-player-row .blbs-player-link > span {
    min-width: 0 !important;
    overflow: hidden;
}

.bl-beerstats-page .blbs-team-player-row .bl-pm-player-name,
.bl-beerstats-page .blbs-quick-player-row .bl-pm-player-name,
.bl-beerstats-page .blbs-team-player-row .bl-pm-steam,
.bl-beerstats-page .blbs-quick-player-row .bl-pm-steam {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

.bl-beerstats-page .blbs-team-player-row .blbs-player-beerlo.is-locked,
.bl-beerstats-page .blbs-quick-player-row .blbs-player-beerlo.is-locked {
    max-width: 112px;
    overflow: hidden;
    padding-inline: .45rem !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 720px) {
    .bl-beerstats-page .blbs-team-player-row .bl-match-inline-primary,
    .bl-beerstats-page .blbs-quick-player-row .bl-match-inline-primary {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }
    .bl-beerstats-page .blbs-team-player-row .blbs-player-beerlo,
    .bl-beerstats-page .blbs-quick-player-row .blbs-player-beerlo {
        grid-column: 1 / -1;
        justify-self: start;
    }
}

/* v1.0.75 - Stack Steam name and SteamID cleanly in Player Leaderboard cards. */
.bl-beerstats-page .blbs-leaderboard-card .blbs-player-link {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.bl-beerstats-page .blbs-leaderboard-card .blbs-player-link .blbs-avatar {
    grid-column: 1;
    grid-row: 1;
}

.bl-beerstats-page .blbs-leaderboard-card .blbs-player-link > span {
    display: grid !important;
    grid-column: 2;
    gap: .08rem;
    min-width: 0;
}

.bl-beerstats-page .blbs-leaderboard-card .blbs-player-link strong,
.bl-beerstats-page .blbs-leaderboard-card .blbs-player-link small {
    display: block !important;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

.bl-beerstats-page .blbs-leaderboard-card .blbs-player-link strong {
    color: var(--bl-white);
    font-size: .95rem;
    line-height: 1.08;
}

.bl-beerstats-page .blbs-leaderboard-card .blbs-player-link small {
    color: var(--blbs-muted);
    font-size: .68rem;
    line-height: 1.05;
}


/* v1.0.88 - tone down Match list top player badge: green border, softer background. */
.bl-match-top-player-pill,
.bl-beerstats-view-list .bl-match-top-player-pill,
.blbs-detail-match-card .bl-match-top-player-pill {
    border-color: rgba(0, 214, 143, .36) !important;
    background: rgba(0, 214, 143, .055) !important;
    box-shadow: inset 0 0 0 1px rgba(0, 214, 143, .045) !important;
}
.bl-match-top-player-kills {
    border-left-color: rgba(0, 214, 143, .22) !important;
}
.bl-beerstats-view-list .bl-match-top-player-pill .bl-pm-player-name,
.bl-match-top-player-pill .bl-pm-player-name {
    color: #f5fff9 !important;
}
.bl-match-top-player-pill .bl-player-identity-label,
.bl-beerstats-view-list .bl-match-top-player-pill .bl-player-identity-label,
.bl-match-top-player-kills strong,
.bl-beerstats-view-list .bl-match-top-player-kills strong,
.bl-beerstats-view-list .bl-match-inline-details summary {
    color: #ffb000 !important;
}


/* v1.0.89 - top-player player name is white; label and kills stay gold. */
.bl-match-top-player-pill .bl-pm-player-name,
.bl-match-top-player-pill a.bl-pm-player-name,
.bl-beerstats-view-list .bl-match-top-player-pill .bl-pm-player-name,
.bl-beerstats-view-list .bl-match-top-player-pill a.bl-pm-player-name,
.blbs-detail-match-card .bl-match-top-player-pill .bl-pm-player-name,
.blbs-detail-match-card .bl-match-top-player-pill a.bl-pm-player-name {
    color: #ffffff !important;
}
.bl-match-top-player-pill .bl-player-identity-label,
.bl-beerstats-view-list .bl-match-top-player-pill .bl-player-identity-label,
.blbs-detail-match-card .bl-match-top-player-pill .bl-player-identity-label,
.bl-match-top-player-kills strong,
.bl-beerstats-view-list .bl-match-top-player-kills strong,
.blbs-detail-match-card .bl-match-top-player-kills strong {
    color: #ffb000 !important;
}

/* v1.0.102 - Match abandonment badge beside player names. */
.bl-beerstats-page .blbs-abandon-badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-top: .25rem;
    padding: .18rem .44rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 112, 86, .34);
    background: rgba(110, 18, 12, .26);
    color: rgba(255, 218, 208, .96);
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.bl-beerstats-page .blbs-player-link .blbs-abandon-badge { margin-top: .18rem; }

/* v1.0.103 - Competitive military rank ladder driven by unlocked BEERLO. */
.bl-beerstats-page .blbs-competitive-rank {
    display: inline-flex;
    align-items: center;
    gap: .54rem;
    min-width: 0;
    padding: .42rem .58rem;
    background: linear-gradient(135deg, rgba(2, 34, 25, .92), rgba(0, 13, 11, .9));
    border: 1px solid rgba(255, 190, 48, .28);
    border-radius: 12px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 10px 22px rgba(0,0,0,.20);
}
.bl-beerstats-page .blbs-competitive-rank img {
    width: 46px;
    height: 34px;
    object-fit: contain;
    flex: 0 0 auto;
    filter: drop-shadow(0 2px 5px rgba(0,0,0,.45));
}
.bl-beerstats-page .blbs-competitive-rank span {
    display: grid;
    gap: .04rem;
    min-width: 0;
}
.bl-beerstats-page .blbs-competitive-rank small,
.bl-beerstats-page .blbs-competitive-rank em {
    color: rgba(255,255,255,.64);
    font-size: .55rem;
    font-style: normal;
    font-weight: 950;
    letter-spacing: .08em;
    line-height: 1;
    text-transform: uppercase;
}
.bl-beerstats-page .blbs-competitive-rank strong {
    overflow: hidden;
    color: var(--bl-white);
    font-size: .82rem;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bl-beerstats-page .blbs-competitive-rank.is-provisional {
    border-color: rgba(255,255,255,.12);
    opacity: .86;
}
.bl-beerstats-page .blbs-competitive-rank.is-provisional strong { color: var(--bl-gold); }
.bl-beerstats-page .blbs-competitive-rank-tile {
    min-height: 100%;
    justify-content: flex-start;
}
.bl-beerstats-page .blbs-competitive-rank-compact {
    max-width: 240px;
}
.bl-beerstats-page .blbs-leaderboard-card-main {
    grid-template-columns: auto minmax(220px,1fr) minmax(210px,auto) minmax(180px,auto) auto;
}
@media (max-width: 1240px) {
    .bl-beerstats-page .blbs-leaderboard-card-main { grid-template-columns: auto minmax(0,1fr) auto; }
    .bl-beerstats-page .blbs-competitive-rank-compact { grid-column: 2 / -1; max-width: none; }
}
@media (max-width: 640px) {
    .bl-beerstats-page .blbs-competitive-rank { width: 100%; }
    .bl-beerstats-page .blbs-competitive-rank-compact { grid-column: auto; }
}

/* v1.0.106 - Premier/BEERLO CS2-style rating badge and per-map military ranks. */
.bl-beerstats-page .blbs-premier-rating {
    --blbs-tier: #9ca8b3;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-height: 34px;
    min-width: 142px;
    max-width: 100%;
    padding: .34rem .68rem .34rem .52rem;
    border: 1px solid color-mix(in srgb, var(--blbs-tier) 62%, transparent);
    border-radius: 3px;
    background: linear-gradient(100deg, color-mix(in srgb, var(--blbs-tier) 34%, #111827 66%), color-mix(in srgb, var(--blbs-tier) 18%, #05070d 82%));
    box-shadow: inset 0 0 18px color-mix(in srgb, var(--blbs-tier) 18%, transparent), 0 8px 22px rgba(0,0,0,.24);
    color: var(--blbs-tier);
    line-height: 1;
    white-space: nowrap;
}
.bl-beerstats-page .blbs-premier-rating i,
.bl-beerstats-page .blbs-premier-rating::before {
    content: "";
    width: 5px;
    height: 24px;
    flex: 0 0 5px;
    border-radius: 1px;
    background: var(--blbs-tier);
    box-shadow: 9px 0 0 color-mix(in srgb, var(--blbs-tier) 82%, #fff 18%);
}
.bl-beerstats-page .blbs-premier-rating small {
    color: rgba(255,255,255,.7);
    font-size: .54rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.bl-beerstats-page .blbs-premier-rating strong {
    color: var(--blbs-tier) !important;
    font-size: clamp(1.05rem, 1.5vw, 1.34rem) !important;
    line-height: .95 !important;
    font-style: italic;
    font-weight: 1000;
    text-shadow: 0 1px 0 rgba(255,255,255,.18), 0 0 14px color-mix(in srgb, var(--blbs-tier) 35%, transparent);
}
.bl-beerstats-page .blbs-premier-rating.is-cs2-grey { --blbs-tier: #cbd5e1; }
.bl-beerstats-page .blbs-premier-rating.is-cs2-lightblue { --blbs-tier: #8bd7ff; }
.bl-beerstats-page .blbs-premier-rating.is-cs2-blue { --blbs-tier: #6f8cff; }
.bl-beerstats-page .blbs-premier-rating.is-cs2-purple { --blbs-tier: #c565ff; }
.bl-beerstats-page .blbs-premier-rating.is-cs2-pink { --blbs-tier: #ff32e6; }
.bl-beerstats-page .blbs-premier-rating.is-cs2-red { --blbs-tier: #ff5a4f; }
.bl-beerstats-page .blbs-premier-rating.is-cs2-gold { --blbs-tier: #ffe133; }
.bl-beerstats-page .blbs-premier-rating.is-locked {
    --blbs-tier: #ffcf4a;
    display: grid;
    gap: .12rem;
    min-height: 42px;
}
.bl-beerstats-page .blbs-premier-rating.is-locked::before,
.bl-beerstats-page .blbs-premier-rating.is-locked i { display: none; }
.bl-beerstats-page .blbs-premier-rating.is-locked em { color: rgba(255,255,255,.72); font-size: .62rem; font-style: normal; font-weight: 900; }
.bl-beerstats-page .blbs-premier-rating-tile { width: 100%; justify-content: center; min-height: 58px; }
.bl-beerstats-page .blbs-leaderboard-premier { min-width: 148px; }
.blbs-map-rank-boards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
    margin: 1rem 0 .95rem;
}
.blbs-map-rank-board { overflow: hidden; }
.blbs-map-rank-list { display: grid; gap: .42rem; max-height: 336px; overflow: auto; padding-right: .2rem; }
.blbs-map-rank-row {
    display: grid;
    grid-template-columns: 34px minmax(136px, auto) minmax(0, 1fr);
    align-items: center;
    gap: .55rem;
    padding: .48rem .55rem;
    border: 1px solid rgba(0,214,143,.2);
    border-radius: 7px;
    background: rgba(0,17,12,.34);
    color: inherit;
    text-decoration: none !important;
}
.blbs-map-rank-row:hover { border-color: rgba(255,176,0,.62); background: rgba(255,176,0,.08); }
.blbs-map-rank-insignia { min-width: 136px !important; padding: .24rem .42rem !important; }
.blbs-map-rank-insignia img { width: 34px !important; height: 34px !important; }
.blbs-map-rank-player { min-width: 0; display: grid; gap: .12rem; }
.blbs-map-rank-player strong { color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blbs-map-rank-player small { color: rgba(236,252,246,.66); font-size: .68rem; font-weight: 800; }
.blbs-player-rank-inline { transform: scale(.86); transform-origin: left center; }
@media (max-width: 1180px) { .blbs-map-rank-boards { grid-template-columns: 1fr; } }
@media (max-width: 680px) { .blbs-map-rank-row { grid-template-columns: 28px minmax(0, 1fr); } .blbs-map-rank-insignia { grid-column: 2; } .blbs-map-rank-player { grid-column: 2; } }

/* v1.0.110 - BEERSTATS four-page nav and match type badges */
.blbs-match-type-badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.28rem .62rem;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 14px rgba(0,0,0,.24);white-space:nowrap}
.blbs-match-type-badge.is-premier{color:#ffd86b;background:linear-gradient(135deg,rgba(122,80,255,.28),rgba(255,72,196,.18));border-color:rgba(255,216,107,.5);text-shadow:0 0 10px rgba(255,216,107,.35)}
.blbs-match-type-badge.is-competitive{color:#86ffb3;background:linear-gradient(135deg,rgba(20,120,66,.32),rgba(20,40,30,.22));border-color:rgba(134,255,179,.45);text-shadow:0 0 10px rgba(134,255,179,.25)}
.blbs-player-map-stats .blbs-map-rank-row{margin-bottom:.55rem}
.blbs-player-map-browser{margin-top:1rem}

/* v1.0.114 - keep native dropdown menus readable on BEERSTATS dark filters. */
.bl-beerstats-page .blbs-filter select,
.bl-beerstats-page .blbs-filter select:focus,
.bl-beerstats-page .blbs-filter select:hover {
    color: #f8fafc !important;
    background-color: rgba(12, 57, 42, .98) !important;
    color-scheme: dark !important;
}
.bl-beerstats-page .blbs-filter select option,
.bl-beerstats-page .blbs-filter select optgroup {
    background: #f8fafc !important;
    color: #07100d !important;
    text-shadow: none !important;
}
.bl-beerstats-page .blbs-filter select option:checked,
.bl-beerstats-page .blbs-filter select option:hover,
.bl-beerstats-page .blbs-filter select option:focus {
    background: #dbe5df !important;
    color: #07100d !important;
}

/* v1.0.116 - hide duplicate internal BEERSTATS menu buttons when the dedicated Stats Navigation module is used above. */
.bl-beerstats-page .blbs-subnav {
    display: none !important;
}



/* v1.0.119 - Unified BEERLEAGUE header system for Classic Stats + BEERSTATS. */
.bl-stats-shell .bl-stats-titlebar.bl-component-page-header,
.bl-beerstats-page .blbs-hero {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 16px !important;
    padding: .98rem 1.1rem .82rem 1.25rem !important;
    border: 1px solid rgba(0,214,143,.28) !important;
    border-left: 0 !important;
    border-radius: 8px !important;
    background:
        radial-gradient(circle at top left, rgba(0,214,143,.13), transparent 34rem),
        linear-gradient(180deg, rgba(10,24,18,.98), rgba(3,10,8,.98)) !important;
    box-shadow: 0 18px 55px rgba(0,0,0,.35) !important;
    color: #fff !important;
    text-align: left !important;
}
.bl-stats-shell .bl-stats-titlebar.bl-component-page-header::before,
.bl-beerstats-page .blbs-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 6px !important;
    background: #ffa600 !important;
    z-index: 1 !important;
}
.bl-stats-shell .bl-stats-titlebar.bl-component-page-header > *,
.bl-beerstats-page .blbs-hero > * {
    position: relative !important;
    z-index: 2 !important;
}
.bl-stats-shell .bl-stats-titlebar.bl-component-page-header::after,
.bl-beerstats-page .blbs-hero::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(255,166,0,.78), rgba(0,214,143,.55), transparent) !important;
    z-index: 1 !important;
}
.bl-stats-shell .bl-stats-kicker,
.bl-beerstats-page .blbs-hero .bl-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: .4rem !important;
    width: fit-content !important;
    margin: 0 0 .28rem !important;
    padding: 0 !important;
    color: #aebcb5 !important;
    font-size: .68rem !important;
    line-height: 1 !important;
    letter-spacing: .095em !important;
    text-align: left !important;
    text-transform: uppercase !important;
    font-weight: 950 !important;
}
.bl-stats-shell .bl-stats-kicker::before,
.bl-beerstats-page .blbs-hero .bl-eyebrow::before {
    content: "" !important;
    display: inline-block !important;
    width: .45rem !important;
    height: .45rem !important;
    flex: 0 0 .45rem !important;
    border-radius: 50% !important;
    background: #00d68f !important;
    box-shadow: 0 0 16px rgba(0,214,143,.75) !important;
}
.bl-stats-shell .bl-component-page-header .bl-stats-title,
.bl-beerstats-page .blbs-hero h1 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    text-align: left !important;
    font-size: clamp(1.55rem, 2.55vw, 2.15rem) !important;
    line-height: 1.04 !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
    font-weight: 950 !important;
    text-shadow: 0 2px 0 rgba(0,0,0,.88), 0 0 22px rgba(0,208,132,.22) !important;
}
.bl-stats-shell .bl-stats-title::before,
.bl-beerstats-page .blbs-hero h1::first-letter {
    color: inherit !important;
}
.bl-beerstats-page .blbs-hero h1 .blbs-title-tm,
.bl-beerstats-page .blbs-title-tm {
    font-size: .52em !important;
    top: -.48em !important;
    color: #ffad18 !important;
    letter-spacing: 0 !important;
}
.bl-stats-shell .bl-stats-subtitle,
.bl-beerstats-page .blbs-hero p:not(.bl-eyebrow) {
    display: block !important;
    max-width: 980px !important;
    margin: .42rem 0 0 !important;
    padding: 0 !important;
    color: rgba(244,250,247,.88) !important;
    text-align: left !important;
    font-size: .86rem !important;
    line-height: 1.38 !important;
}
@media (min-width: 900px) {
    .bl-stats-shell .bl-component-page-header .bl-stats-title,
    .bl-beerstats-page .blbs-hero h1 {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}
@media (max-width: 899px) {
    .bl-stats-shell .bl-component-page-header .bl-stats-title,
    .bl-beerstats-page .blbs-hero h1 {
        font-size: clamp(1.38rem, 6vw, 2rem) !important;
        letter-spacing: .035em !important;
    }
}
@media (max-width: 520px) {
    .bl-stats-shell .bl-stats-titlebar.bl-component-page-header,
    .bl-beerstats-page .blbs-hero {
        padding: .9rem .9rem .78rem 1.1rem !important;
    }
    .bl-stats-shell .bl-component-page-header .bl-stats-title,
    .bl-beerstats-page .blbs-hero h1 {
        font-size: clamp(1.28rem, 8vw, 1.82rem) !important;
    }
}


/* v1.0.120 - BEERSTATS component header overhaul with right-side intelligence summary. */
.bl-beerstats-page .blbs-hero.blbs-component-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(245px, .28fr) !important;
    gap: .9rem !important;
    align-items: center !important;
}
.bl-beerstats-page .blbs-hero-main {
    display: grid !important;
    gap: .28rem !important;
    min-width: 0 !important;
}
.bl-beerstats-page .blbs-hero-side {
    display: grid !important;
    gap: .34rem !important;
    justify-items: end !important;
    align-self: center !important;
    min-width: 0 !important;
    width: min(100%, 275px) !important;
    justify-self: end !important;
}
.bl-beerstats-page .blbs-hero-status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: .3rem !important;
    width: auto !important;
    max-width: 100% !important;
    padding: .18rem .4rem !important;
    border: 1px solid rgba(0,214,143,.30) !important;
    border-radius: 999px !important;
    background: rgba(0,0,0,.24) !important;
    box-shadow: 0 0 14px rgba(0,214,143,.08) !important;
    text-align: right !important;
}
.bl-beerstats-page .blbs-hero-status small {
    display: inline-block !important;
    color: rgba(244,250,247,.66) !important;
    font-size: .45rem !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}
.bl-beerstats-page .blbs-hero-status span {
    display: inline-block !important;
    color: #dfff9b !important;
    font-size: .62rem !important;
    font-weight: 950 !important;
    letter-spacing: .105em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}
.bl-beerstats-page .blbs-hero-summary {
    display: grid !important;
    gap: .42rem !important;
    width: 100% !important;
    padding: .56rem .6rem !important;
    border: 1px solid rgba(197,255,168,.18) !important;
    border-radius: 12px !important;
    background: rgba(6,16,10,.56) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.bl-beerstats-page .blbs-hero-summary > strong {
    color: rgba(244,250,247,.78) !important;
    font-size: .68rem !important;
    font-weight: 950 !important;
    letter-spacing: .1em !important;
    line-height: 1 !important;
    text-align: right !important;
    text-transform: uppercase !important;
}
.bl-beerstats-page .blbs-hero-summary > div {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: .24rem !important;
}
.bl-beerstats-page .blbs-hero-summary span {
    display: grid !important;
    gap: .12rem !important;
    min-width: 0 !important;
    padding: .28rem .22rem !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.045) !important;
    text-align: center !important;
}
.bl-beerstats-page .blbs-hero-summary b {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: #fff !important;
    font-size: .76rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.bl-beerstats-page .blbs-hero-summary small {
    color: rgba(235,245,235,.58) !important;
    font-size: .45rem !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}
@media (max-width: 900px) {
    .bl-beerstats-page .blbs-hero.blbs-component-hero {
        grid-template-columns: 1fr !important;
    }
    .bl-beerstats-page .blbs-hero-side {
        justify-self: stretch !important;
        justify-items: start !important;
        width: 100% !important;
    }
    .bl-beerstats-page .blbs-hero-summary > strong {
        text-align: left !important;
    }
}
@media (max-width: 560px) {
    .bl-beerstats-page .blbs-hero-summary > div {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .bl-beerstats-page .blbs-hero-status {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }
}


/* v1.0.122 - Match BEERNET header edge and make summary count-focused. */
.bl-beerstats-page .blbs-hero.blbs-component-hero::after {
    display: none !important;
    content: none !important;
}
.bl-beerstats-page .blbs-hero-summary b {
    font-size: .86rem !important;
}
.bl-beerstats-page .blbs-hero-summary small {
    font-size: .46rem !important;
}


/* v1.0.123 - BEERSTATS player pages use the Matchmaking profile header language. */
.bl-beerstats-page .blbs-mm-profile-hero {
    display: block !important;
    padding: 0 !important;
    overflow: hidden !important;
}
.bl-beerstats-page .blbs-mm-profile-topline {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 1rem !important;
    align-items: center !important;
    width: 100% !important;
    padding: .98rem 1.1rem .76rem 1.25rem !important;
    border-bottom: 1px solid rgba(0,214,143,.20) !important;
}
.bl-beerstats-page .blbs-mm-profile-main { min-width: 0 !important; }
.bl-beerstats-page .blbs-mm-profile-name {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: .42rem .5rem !important;
    margin: .28rem 0 0 !important;
    color: #fff !important;
    font-size: clamp(1.9rem, 4vw, 2.85rem) !important;
    line-height: .98 !important;
    font-weight: 1000 !important;
    letter-spacing: -.05em !important;
    text-transform: none !important;
}
.bl-beerstats-page .blbs-mm-profile-name .blbs-avatar {
    display: inline-grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0,214,143,.35) !important;
    border-radius: 4px !important;
    background: rgba(0,0,0,.34) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.04) !important;
}
.bl-beerstats-page .blbs-mm-profile-name .blbs-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.bl-beerstats-page .blbs-mm-profile-name-text {
    min-width: 0 !important;
    max-width: min(38vw, 30rem) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.bl-beerstats-page .blbs-mm-profile-rank-strip {
    display: inline-flex !important;
    align-items: center !important;
    gap: .42rem !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
.bl-beerstats-page .blbs-mm-profile-beerlo-pill {
    --blbs-tier: #6f8cff;
    --bl-mm-tier: var(--blbs-tier);
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 96px !important;
    height: 21px !important;
    padding: .14rem .46rem .14rem 1.62rem !important;
    border: 1px solid color-mix(in srgb, var(--blbs-tier) 55%, rgba(255,255,255,.18)) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, color-mix(in srgb, var(--blbs-tier) 44%, #111827 56%), rgba(13,20,44,.86)) !important;
    color: #f8fbff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 8px 18px rgba(0,0,0,.22) !important;
    font-size: .78rem !important;
    line-height: 1 !important;
    font-weight: 1000 !important;
    letter-spacing: .045em !important;
    white-space: nowrap !important;
}
.bl-beerstats-page .blbs-mm-profile-beerlo-pill i {
    position: absolute !important;
    left: .40rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: block !important;
    width: 3px !important;
    height: 13px !important;
    border-radius: 1px !important;
    background: color-mix(in srgb, var(--blbs-tier) 92%, #fff 8%) !important;
    box-shadow: 5px 0 0 color-mix(in srgb, var(--blbs-tier) 84%, #fff 16%), 10px 0 0 color-mix(in srgb, var(--blbs-tier) 68%, #fff 32%), 15px 0 0 color-mix(in srgb, var(--blbs-tier) 52%, #fff 48%) !important;
}
.bl-beerstats-page .blbs-mm-profile-beerlo-pill strong { font-size: .78rem !important; line-height: 1 !important; }
.bl-beerstats-page .blbs-mm-profile-beerlo-pill em { font-size: .52rem !important; line-height: 1 !important; font-style: normal !important; }
.bl-beerstats-page .blbs-mm-profile-beerlo-pill.is-cs2-grey { --blbs-tier: #cbd5e1; }
.bl-beerstats-page .blbs-mm-profile-beerlo-pill.is-cs2-lightblue { --blbs-tier: #8bd7ff; }
.bl-beerstats-page .blbs-mm-profile-beerlo-pill.is-cs2-blue { --blbs-tier: #6f8cff; }
.bl-beerstats-page .blbs-mm-profile-beerlo-pill.is-cs2-purple { --blbs-tier: #c565ff; }
.bl-beerstats-page .blbs-mm-profile-beerlo-pill.is-cs2-pink { --blbs-tier: #ff32e6; }
.bl-beerstats-page .blbs-mm-profile-beerlo-pill.is-cs2-red { --blbs-tier: #ff5a4f; }
.bl-beerstats-page .blbs-mm-profile-beerlo-pill.is-cs2-gold { --blbs-tier: #ffe133; }
.bl-beerstats-page .blbs-mm-profile-beerlo-pill.is-locked { --blbs-tier: #94a3b8; min-width: 118px !important; }
.bl-beerstats-page .blbs-mm-profile-comp-rank {
    display: inline-grid !important;
    place-items: center !important;
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    border-radius: 4px !important;
    background: rgba(255,255,255,.05) !important;
}
.bl-beerstats-page .blbs-mm-profile-comp-rank img {
    max-width: 18px !important;
    max-height: 18px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)) !important;
}
.bl-beerstats-page .blbs-mm-steam-linked-badge,
.bl-beerstats-page .blbs-mm-inline-status-pill {
    display: inline-flex !important;
    align-items: center !important;
    height: 21px !important;
    padding: .2rem .5rem !important;
    border: 1px solid rgba(0,214,143,.30) !important;
    border-radius: 999px !important;
    background: rgba(0,214,143,.12) !important;
    color: rgba(235,255,244,.88) !important;
    font-size: .58rem !important;
    line-height: 1 !important;
    font-style: normal !important;
    font-weight: 950 !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}
.bl-beerstats-page .blbs-mm-steam-linked-badge.is-needed { border-color: rgba(255,176,0,.38) !important; background: rgba(255,176,0,.12) !important; color: #ffe7a3 !important; }
.bl-beerstats-page .blbs-mm-match-header-side {
    justify-self: end !important;
    display: grid !important;
    gap: .45rem !important;
    align-content: start !important;
    justify-items: end !important;
    min-width: 0 !important;
}
.bl-beerstats-page .blbs-mm-header-form-strip {
    display: grid !important;
    gap: .32rem !important;
    padding: .42rem .5rem !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 12px !important;
    background: rgba(0,0,0,.22) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.bl-beerstats-page .blbs-mm-header-form-label {
    color: rgba(238,246,238,.62) !important;
    font-size: .58rem !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .09em !important;
    text-align: right !important;
    text-transform: uppercase !important;
}
.bl-beerstats-page .blbs-mm-header-form-boxes {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: .22rem !important;
    justify-content: flex-end !important;
}
.bl-beerstats-page .blbs-mm-form-box {
    display: inline-grid !important;
    place-items: center !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 4px !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    background: rgba(255,255,255,.06) !important;
    color: rgba(245,250,245,.62) !important;
    font-size: .68rem !important;
    line-height: 1 !important;
    font-weight: 1000 !important;
    text-transform: uppercase !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 4px 10px rgba(0,0,0,.18) !important;
}
.bl-beerstats-page .blbs-mm-form-box.is-win { border-color: rgba(51,255,139,.52) !important; background: linear-gradient(180deg, rgba(0,194,106,.95), rgba(0,122,73,.95)) !important; color: #f4fff7 !important; text-shadow: 0 1px 0 rgba(0,0,0,.45) !important; }
.bl-beerstats-page .blbs-mm-form-box.is-loss { border-color: rgba(255,90,112,.54) !important; background: linear-gradient(180deg, rgba(205,46,66,.96), rgba(122,24,38,.96)) !important; color: #fff4f5 !important; text-shadow: 0 1px 0 rgba(0,0,0,.45) !important; }
.bl-beerstats-page .blbs-mm-form-box.is-draw { border-color: rgba(255,190,70,.46) !important; background: linear-gradient(180deg, rgba(184,123,25,.95), rgba(108,72,18,.95)) !important; color: #fff8e6 !important; }
.bl-beerstats-page .blbs-mm-form-box.is-empty { opacity: .45 !important; }
@media (max-width: 820px) {
    .bl-beerstats-page .blbs-mm-profile-topline { grid-template-columns: 1fr !important; }
    .bl-beerstats-page .blbs-mm-match-header-side { justify-self: start !important; justify-items: start !important; }
    .bl-beerstats-page .blbs-mm-header-form-label { text-align: left !important; }
    .bl-beerstats-page .blbs-mm-header-form-boxes { justify-content: flex-start !important; }
    .bl-beerstats-page .blbs-mm-profile-name-text { max-width: 100% !important; }
}
@media (max-width: 520px) {
    .bl-beerstats-page .blbs-mm-profile-name { font-size: 1.62rem !important; }
    .bl-beerstats-page .blbs-mm-header-form-boxes { flex-wrap: wrap !important; justify-content: flex-start !important; }
}


/* v1.0.125 - Show logged-in player stats inside the global Matchmaking-style BEERSTATS header. */
.bl-beerstats-page .blbs-mm-profile-stat-strip {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(78px, 1fr)) !important;
    gap: .42rem !important;
    margin-top: .72rem !important;
    max-width: 760px !important;
}
.bl-beerstats-page .blbs-mm-profile-stat-strip span {
    display: grid !important;
    gap: .12rem !important;
    min-width: 0 !important;
    padding: .48rem .56rem !important;
    border: 1px solid rgba(0,214,143,.18) !important;
    border-radius: 9px !important;
    background: rgba(0,0,0,.20) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.bl-beerstats-page .blbs-mm-profile-stat-strip strong {
    color: #f8fff9 !important;
    font-size: .98rem !important;
    line-height: 1 !important;
    font-weight: 1000 !important;
    letter-spacing: .02em !important;
}
.bl-beerstats-page .blbs-mm-profile-stat-strip small {
    color: rgba(238,246,238,.58) !important;
    font-size: .54rem !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
}
@media (max-width: 820px) {
    .bl-beerstats-page .blbs-mm-profile-stat-strip { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; max-width: none !important; }
}
@media (max-width: 520px) {
    .bl-beerstats-page .blbs-mm-profile-stat-strip { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}


/* v1.0.126 - Clean BEERSTATS player header back toward Matchmaking component density. */
.bl-beerstats-page .blbs-mm-profile-stat-strip {
    display: none !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-topline {
    min-height: 108px !important;
    align-items: center !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name {
    margin-top: .38rem !important;
    gap: .36rem .46rem !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name-text {
    max-width: min(48vw, 34rem) !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-match-header-side {
    align-self: center !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-header-form-strip {
    padding: .38rem .48rem !important;
    border-radius: 10px !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-form-box {
    width: 21px !important;
    height: 21px !important;
}


/* v1.0.127 - Keep ELO/rank/Steam badges visible instead of letting the large name crowd them out. */
.bl-beerstats-page .blbs-mm-profile-identity-row {
    display: flex !important;
    align-items: center !important;
    gap: .62rem !important;
    min-width: 0 !important;
    margin-top: .32rem !important;
}
.bl-beerstats-page .blbs-mm-profile-identity-row .blbs-avatar {
    display: inline-grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0,214,143,.35) !important;
    border-radius: 4px !important;
    background: rgba(0,0,0,.34) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.04) !important;
}
.bl-beerstats-page .blbs-mm-profile-identity-row .blbs-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    flex: 1 1 auto !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name-text {
    display: block !important;
    max-width: min(42vw, 30rem) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.bl-beerstats-page .blbs-mm-profile-badge-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: .36rem !important;
    margin-top: .42rem !important;
    min-width: 0 !important;
    overflow: visible !important;
}
.bl-beerstats-page .blbs-mm-profile-badge-row .blbs-mm-profile-rank-strip,
.bl-beerstats-page .blbs-mm-profile-badge-row .blbs-mm-steam-linked-badge,
.bl-beerstats-page .blbs-mm-profile-badge-row .blbs-mm-inline-status-pill {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 auto !important;
}
.bl-beerstats-page .blbs-mm-profile-badge-row .blbs-mm-profile-rank-strip {
    gap: .36rem !important;
    overflow: visible !important;
}
.bl-beerstats-page .blbs-mm-profile-badge-row .blbs-mm-profile-beerlo-pill {
    min-width: 100px !important;
}
.bl-beerstats-page .blbs-mm-profile-badge-row .blbs-mm-profile-comp-rank {
    display: inline-grid !important;
}
@media (max-width: 820px) {
    .bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name-text { max-width: calc(100vw - 8rem) !important; }
}


/* v1.0.129 - Match BEERSTATS logged-in header structure to Matchmaking; wording only differs. */
.bl-beerstats-page .blbs-mm-profile-identity-row,
.bl-beerstats-page .blbs-mm-profile-badge-row {
    display: contents !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name-inline {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: .38rem .46rem !important;
    margin: .30rem 0 0 !important;
    min-width: 0 !important;
    overflow: visible !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name-inline .blbs-avatar {
    display: inline-grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0,214,143,.35) !important;
    border-radius: 4px !important;
    background: rgba(0,0,0,.34) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.04) !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name-inline .blbs-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name-inline .blbs-mm-profile-name-text {
    flex: 0 1 auto !important;
    max-width: min(28vw, 26rem) !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name-inline .blbs-mm-steam-linked-badge,
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name-inline .blbs-mm-inline-status-pill,
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name-inline .blbs-mm-profile-rank-strip {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-rank-strip.is-name-adjacent {
    align-items: center !important;
    gap: .36rem !important;
    overflow: visible !important;
    max-width: none !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-rank-strip.is-name-adjacent .blbs-mm-profile-beerlo-pill {
    min-width: 98px !important;
}
@media (max-width: 980px) {
    .bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name-inline .blbs-mm-profile-name-text { max-width: min(46vw, 28rem) !important; }
}
@media (max-width: 620px) {
    .bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name-inline .blbs-mm-profile-name-text { max-width: calc(100vw - 7.5rem) !important; }
}


/* v1.0.130 - Separate Premier, Competitive, and Wing-Man rank tracks in the header. */
.bl-beerstats-page .blbs-rank-track-strip {
    gap: .30rem !important;
}
.bl-beerstats-page .blbs-rank-track-strip .blbs-mm-profile-beerlo-pill.blbs-track-premier {
    min-width: 106px !important;
}
.bl-beerstats-page .blbs-rank-track-strip .blbs-mm-profile-comp-rank {
    position: relative !important;
}
.bl-beerstats-page .blbs-rank-track-strip .blbs-track-wingman::after {
    content: "W" !important;
    position: absolute !important;
    right: -4px !important;
    bottom: -4px !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 999px !important;
    background: var(--bl-gold) !important;
    color: #07110b !important;
    font-size: .46rem !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
}


/* v1.0.131 - Keep Steam/status/rank badges inline and square off Premier. */
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name-inline {
    flex-wrap: nowrap !important;
    align-items: center !important;
    column-gap: .46rem !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name-inline .blbs-mm-profile-name-text {
    flex: 0 1 auto !important;
    max-width: clamp(14rem, 30vw, 31rem) !important;
}
.bl-beerstats-page .blbs-mm-profile-inline-badges {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    gap: .34rem !important;
    min-width: max-content !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
}
.bl-beerstats-page .blbs-mm-profile-inline-badges .blbs-mm-steam-linked-badge,
.bl-beerstats-page .blbs-mm-profile-inline-badges .blbs-mm-inline-status-pill,
.bl-beerstats-page .blbs-mm-profile-inline-badges .blbs-mm-profile-rank-strip {
    margin: 0 !important;
    flex: 0 0 auto !important;
    align-self: center !important;
}
.bl-beerstats-page .blbs-rank-track-strip .blbs-mm-profile-beerlo-pill.blbs-track-premier,
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-rank-strip.is-name-adjacent .blbs-mm-profile-beerlo-pill.blbs-track-premier,
.bl-beerstats-page .blbs-mm-profile-beerlo-pill.blbs-track-premier {
    min-width: 56px !important;
    width: auto !important;
    max-width: none !important;
    height: 22px !important;
    padding: .14rem .42rem .14rem 1.24rem !important;
    justify-content: center !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}
.bl-beerstats-page .blbs-mm-profile-beerlo-pill.blbs-track-premier i {
    left: 4px !important;
    width: 2px !important;
    height: 14px !important;
    box-shadow: 4px 0 0 color-mix(in srgb, var(--blbs-tier) 84%, #fff 16%), 8px 0 0 color-mix(in srgb, var(--blbs-tier) 68%, #fff 32%) !important;
    opacity: .9 !important;
}
.bl-beerstats-page .blbs-mm-profile-beerlo-pill.blbs-track-premier strong {
    margin-left: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: .62rem !important;
    letter-spacing: .02em !important;
}
@media (max-width: 980px) {
    .bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name-inline {
        flex-wrap: wrap !important;
    }
    .bl-beerstats-page .blbs-mm-profile-inline-badges {
        flex-wrap: wrap !important;
        min-width: 0 !important;
        white-space: normal !important;
    }
}


/* v1.0.133 - Matchmaking-identical player header lanes; protect recent matches on the right. */
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-topline,
.bl-beerstats-page .blbs-mm-profile-topline {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: .75rem !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: .98rem 1.1rem .76rem 1.25rem !important;
}
.bl-beerstats-page .blbs-mm-profile-main {
    min-width: 0 !important;
    overflow: hidden !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name-inline,
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: .38rem !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    margin: .30rem 0 0 !important;
    font-size: clamp(1.55rem, 2.7vw, 2.35rem) !important;
    line-height: .95 !important;
    letter-spacing: .015em !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name-inline .blbs-avatar {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name-inline .blbs-mm-profile-name-text {
    flex: 1 1 auto !important;
    min-width: 3.5rem !important;
    max-width: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.bl-beerstats-page .blbs-mm-profile-inline-badges {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    gap: .34rem !important;
    min-width: max-content !important;
    max-width: max-content !important;
    white-space: nowrap !important;
}
.bl-beerstats-page .blbs-mm-profile-inline-badges .blbs-mm-steam-linked-badge,
.bl-beerstats-page .blbs-mm-profile-inline-badges .blbs-mm-inline-status-pill,
.bl-beerstats-page .blbs-mm-profile-inline-badges .blbs-mm-profile-rank-strip {
    flex: 0 0 auto !important;
    margin: 0 !important;
    align-self: center !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-match-header-side,
.bl-beerstats-page .blbs-mm-match-header-side {
    grid-column: 2 !important;
    justify-self: end !important;
    align-self: center !important;
    display: grid !important;
    justify-items: end !important;
    align-content: center !important;
    min-width: 258px !important;
    width: auto !important;
    flex: 0 0 auto !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-header-form-strip,
.bl-beerstats-page .blbs-mm-header-form-strip {
    width: max-content !important;
    min-width: 258px !important;
    justify-self: end !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-header-form-label,
.bl-beerstats-page .blbs-mm-header-form-label {
    text-align: right !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-header-form-boxes,
.bl-beerstats-page .blbs-mm-header-form-boxes {
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
}
.bl-beerstats-page .blbs-rank-track-strip .blbs-mm-profile-beerlo-pill.blbs-track-premier,
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-rank-strip.is-name-adjacent .blbs-mm-profile-beerlo-pill.blbs-track-premier,
.bl-beerstats-page .blbs-mm-profile-beerlo-pill.blbs-track-premier {
    border-radius: 4px !important;
}
@media (max-width: 980px) {
    .bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-topline,
    .bl-beerstats-page .blbs-mm-profile-topline {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    .bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name-inline,
    .bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name {
        flex-wrap: wrap !important;
        overflow: visible !important;
    }
    .bl-beerstats-page .blbs-mm-profile-inline-badges {
        flex-wrap: wrap !important;
        min-width: 0 !important;
        max-width: 100% !important;
        white-space: normal !important;
    }
    .bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-match-header-side,
    .bl-beerstats-page .blbs-mm-match-header-side {
        grid-column: 1 !important;
        justify-self: start !important;
        justify-items: start !important;
        min-width: 0 !important;
    }
    .bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-header-form-strip,
    .bl-beerstats-page .blbs-mm-header-form-strip {
        min-width: 0 !important;
        width: auto !important;
    }
    .bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-header-form-label,
    .bl-beerstats-page .blbs-mm-header-form-label { text-align: left !important; }
    .bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-header-form-boxes,
    .bl-beerstats-page .blbs-mm-header-form-boxes { justify-content: flex-start !important; }
}


/* v1.0.134 - Matchmaking-exact BEERSTATS profile header composition. */
.bl-beerstats-page .blbs-mm-profile-name.blbs-mm-profile-name-inline {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
}
.bl-beerstats-page .blbs-mm-profile-name-text {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.bl-beerstats-page .blbs-mm-profile-inline-badges {
    display: contents !important;
}
.bl-beerstats-page .blbs-rank-track-strip.is-name-adjacent {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    white-space: nowrap !important;
}
.bl-beerstats-page .blbs-rank-track-strip .blbs-track-wingman {
    display: none !important;
}
.bl-beerstats-page .blbs-mm-steam-linked-badge,
.bl-beerstats-page .blbs-mm-inline-status-pill {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}
.bl-beerstats-page .blbs-mm-profile-beerlo-pill.blbs-track-premier {
    border-radius: 4px !important;
}
.bl-beerstats-page .blbs-mm-profile-comp-rank.blbs-track-competitive {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    border-radius: 4px !important;
    padding: 0 !important;
}
.bl-beerstats-page .blbs-mm-profile-comp-rank.blbs-track-competitive img {
    width: 16px !important;
    height: 16px !important;
}
@media (max-width: 980px) {
    .bl-beerstats-page .blbs-mm-profile-name.blbs-mm-profile-name-inline {
        flex-wrap: wrap !important;
    }
    .bl-beerstats-page .blbs-mm-profile-name-text {
        flex-basis: auto !important;
    }
}


/* v1.0.135 - Strict Matchmaking player-header parity overrides. */
.bl-beerstats-page .blbs-hero.blbs-mm-profile-hero .bl-eyebrow {
    gap: 0 !important;
    color: rgba(185, 198, 190, .92) !important;
    font-size: .72rem !important;
    letter-spacing: .105em !important;
    margin: 0 0 .34rem !important;
}
.bl-beerstats-page .blbs-hero.blbs-mm-profile-hero .bl-eyebrow::before {
    content: none !important;
    display: none !important;
}
.bl-beerstats-page .blbs-hero.blbs-mm-profile-hero .blbs-mm-profile-name,
.bl-beerstats-page .blbs-hero.blbs-mm-profile-hero .blbs-mm-profile-name.blbs-mm-profile-name-inline {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    text-transform: none !important;
    letter-spacing: -.035em !important;
    font-size: clamp(2.18rem, 4.1vw, 3.05rem) !important;
    line-height: .92 !important;
}
.bl-beerstats-page .blbs-hero.blbs-mm-profile-hero .blbs-mm-profile-name-text {
    text-transform: none !important;
    letter-spacing: -.035em !important;
}
.bl-beerstats-page .blbs-hero.blbs-mm-profile-hero .blbs-avatar,
.bl-beerstats-page .blbs-hero.blbs-mm-profile-hero .blbs-mm-profile-name-inline .blbs-avatar {
    width: 43px !important;
    height: 43px !important;
    min-width: 43px !important;
    border-radius: 4px !important;
}
.bl-beerstats-page .blbs-hero.blbs-mm-profile-hero .blbs-mm-steam-linked-badge,
.bl-beerstats-page .blbs-hero.blbs-mm-profile-hero .blbs-mm-inline-status-pill {
    align-self: center !important;
    height: 22px !important;
    min-height: 22px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    font-size: .62rem !important;
    line-height: 20px !important;
    letter-spacing: .05em !important;
}
.bl-beerstats-page .blbs-hero.blbs-mm-profile-hero .blbs-rank-track-strip.is-name-adjacent {
    align-self: center !important;
    order: 3 !important;
}
.bl-beerstats-page .blbs-hero.blbs-mm-profile-hero .blbs-mm-steam-linked-badge { order: 4 !important; }
.bl-beerstats-page .blbs-hero.blbs-mm-profile-hero .blbs-mm-inline-status-pill { order: 5 !important; }
.bl-beerstats-page .blbs-hero.blbs-mm-profile-hero .blbs-mm-profile-beerlo-pill.blbs-track-premier {
    height: 20px !important;
    min-height: 20px !important;
    min-width: 58px !important;
    border-radius: 4px !important;
    padding: 0 8px !important;
    line-height: 18px !important;
}
.bl-beerstats-page .blbs-hero.blbs-mm-profile-hero .blbs-mm-match-header-side {
    align-self: center !important;
    justify-self: end !important;
}
.bl-beerstats-page .blbs-hero.blbs-mm-profile-hero .blbs-mm-header-form-strip {
    justify-items: end !important;
    text-align: right !important;
}
@media (max-width: 980px) {
    .bl-beerstats-page .blbs-hero.blbs-mm-profile-hero .blbs-mm-profile-name,
    .bl-beerstats-page .blbs-hero.blbs-mm-profile-hero .blbs-mm-profile-name.blbs-mm-profile-name-inline {
        font-size: clamp(1.75rem, 8vw, 2.45rem) !important;
        line-height: .98 !important;
    }
}


/* v1.0.136 - Direct Matchmaking header tile clone for BEERSTATS. */
.bl-beerstats-page .blbs-mm-profile-hero.bl-mm-matchmaking-card {
    display: block !important;
    padding: 0 !important;
    overflow: visible !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-matchmaking-topline {
    display: grid !important;
    grid-template-columns: max-content minmax(244px, auto) !important;
    gap: 1rem !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: .98rem 1.1rem .76rem 1.25rem !important;
    border-bottom: 1px solid rgba(0,214,143,.20) !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-card-match-info {
    display: grid !important;
    gap: .28rem !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-eyebrow::before {
    content: none !important;
    display: none !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-match-player-name {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: .42rem .5rem !important;
    width: auto !important;
    max-width: none !important;
    min-width: max-content !important;
    margin: .28rem 0 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: clamp(1.9rem, 4vw, 2.85rem) !important;
    line-height: .98 !important;
    font-weight: 1000 !important;
    letter-spacing: -.05em !important;
    text-transform: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-name-text {
    display: inline-block !important;
    flex: 0 0 auto !important;
    min-width: max-content !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    text-transform: none !important;
    letter-spacing: -.05em !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-rank-strip.is-name-adjacent {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    gap: .38rem !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    margin-left: .42rem !important;
    margin-right: .18rem !important;
    order: 3 !important;
    white-space: nowrap !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill,
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-comp-rank {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 22px !important;
    border-radius: 999px !important;
    font-size: .66rem !important;
    font-weight: 1000 !important;
    letter-spacing: .06em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill {
    gap: .28rem !important;
    min-width: auto !important;
    height: auto !important;
    padding: .22rem .5rem !important;
    border: 1px solid rgba(255, 176, 0, .42) !important;
    background: rgba(255, 176, 0, .10) !important;
    color: #ffd76b !important;
    box-shadow: inset 0 1px rgba(255,255,255,.08), 0 0 12px rgba(255,176,0,.10) !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill strong {
    color: #fff3b4 !important;
    font-size: .76rem !important;
    font-weight: 1000 !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill .bl-mm-lock-copy em {
    color: rgba(255,231,168,.78) !important;
    font-size: .55rem !important;
    font-weight: 950 !important;
    letter-spacing: .10em !important;
    font-style: normal !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill i {
    position: static !important;
    width: .45rem !important;
    height: .45rem !important;
    border-radius: 50% !important;
    transform: none !important;
    background: #ffb000 !important;
    box-shadow: 0 0 10px rgba(255,176,0,.48) !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-comp-rank {
    gap: .24rem !important;
    min-width: 46px !important;
    width: auto !important;
    height: auto !important;
    padding: .12rem .38rem .12rem .18rem !important;
    border: 1px solid rgba(0, 220, 154, .32) !important;
    background: rgba(0, 220, 154, .10) !important;
    color: #dffdf6 !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-comp-rank img {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    object-fit: contain !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-steam-linked-badge,
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-inline-status-pill {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    height: 21px !important;
    padding: .2rem .5rem !important;
    border: 1px solid rgba(0,214,143,.30) !important;
    border-radius: 999px !important;
    background: rgba(0,214,143,.12) !important;
    color: rgba(235,255,244,.88) !important;
    font-size: .58rem !important;
    line-height: 1 !important;
    font-style: normal !important;
    font-weight: 950 !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    order: 4 !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-inline-status-pill { order: 5 !important; }
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-match-header-side {
    grid-column: 2 !important;
    justify-self: end !important;
    align-self: center !important;
    display: grid !important;
    justify-items: end !important;
    min-width: 244px !important;
    width: max-content !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-header-form-strip {
    display: grid !important;
    justify-items: end !important;
    text-align: right !important;
    width: max-content !important;
    max-width: none !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-header-form-boxes {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
}
@media (max-width: 1120px) {
    .bl-beerstats-page .blbs-mm-profile-hero .bl-mm-matchmaking-topline {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    .bl-beerstats-page .blbs-mm-profile-hero .bl-mm-match-player-name {
        flex-wrap: wrap !important;
        min-width: 0 !important;
        white-space: normal !important;
    }
    .bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-name-text {
        min-width: 0 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }
    .bl-beerstats-page .blbs-mm-profile-hero .bl-mm-match-header-side {
        grid-column: 1 !important;
        justify-self: end !important;
    }
}


/* v1.0.137 - Bare large Competitive rank icon + grey three-bar Premier provisional. */
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-comp-rank,
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-comp-rank.is-provisional,
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-comp-rank.is-ranked {
    display: inline-grid !important;
    place-items: center !important;
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-comp-rank img,
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-comp-rank.is-provisional img,
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-comp-rank.is-ranked img {
    width: 72px !important;
    height: 72px !important;
    max-width: 72px !important;
    max-height: 72px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 3px 5px rgba(0,0,0,.55)) !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-rank-strip.is-name-adjacent {
    gap: .5rem !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.is-locked.blbs-track-premier,
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.is-locked.blbs-track-premier.is-cs2-grey {
    min-width: 96px !important;
    gap: .44rem !important;
    padding: .22rem .54rem .22rem .50rem !important;
    border: 1px solid rgba(148, 163, 184, .42) !important;
    border-radius: 4px !important;
    background: linear-gradient(135deg, rgba(79, 91, 112, .34), rgba(20, 26, 36, .82)) !important;
    color: rgba(226, 232, 240, .94) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.08), 0 0 12px rgba(148,163,184,.10) !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.is-locked.blbs-track-premier i {
    position: relative !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: 3px !important;
    height: 13px !important;
    border-radius: 1px !important;
    transform: none !important;
    background: rgba(203, 213, 225, .96) !important;
    box-shadow: 5px 0 0 rgba(180, 190, 205, .88), 10px 0 0 rgba(151, 163, 184, .78) !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.is-locked.blbs-track-premier .bl-mm-lock-copy em {
    color: rgba(226, 232, 240, .92) !important;
}
@media (max-width: 1120px) {
    .bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-comp-rank,
    .bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-comp-rank img {
        width: 58px !important;
        height: 58px !important;
        min-width: 58px !important;
        min-height: 58px !important;
        max-width: 58px !important;
        max-height: 58px !important;
    }
}


/* v1.0.138 - Header badge reorder + inset right-side recent matches. */
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-steam-linked-badge {
    order: 3 !important;
    margin-left: .42rem !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-rank-strip.is-name-adjacent {
    order: 4 !important;
    margin-left: .18rem !important;
    margin-right: .18rem !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-inline-status-pill {
    order: 5 !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-rank-strip .bl-mm-profile-comp-rank {
    order: 1 !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-rank-strip .bl-mm-profile-beerlo-pill.blbs-track-premier {
    order: 2 !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-matchmaking-topline {
    grid-template-columns: minmax(0, max-content) minmax(244px, max-content) !important;
    padding-right: 1.55rem !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-match-header-side {
    justify-self: end !important;
    margin-right: .55rem !important;
    max-width: calc(100% - .55rem) !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-header-form-strip {
    max-width: min(100%, 292px) !important;
    box-sizing: border-box !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-header-form-boxes {
    max-width: 100% !important;
}
@media (max-width: 1120px) {
    .bl-beerstats-page .blbs-mm-profile-hero .bl-mm-match-header-side {
        margin-right: .35rem !important;
    }
}


/* v1.0.139 - Recent matches moved out of the player header into the sidebar module. */
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-matchmaking-topline {
    grid-template-columns: minmax(0, 1fr) !important;
    padding-right: 1.05rem !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-card-match-info {
    max-width: 100% !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-match-header-side,
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-header-form-strip {
    display: none !important;
}


/* v1.0.140 - BEERSTATS player header no longer renders the Available pill. */
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-inline-status-pill.is-available {
    display: none !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-rank-strip.is-name-adjacent {
    margin-right: 0 !important;
}


/* v1.0.142 - Right sidebar / BEERCOMMS layout guard + BEERSTATS nav setting. */
.bl-beerstats-page.blbs-nav-hidden .blbs-subnav {
    display: none !important;
}
body:has(.bl-beerstats-page) .bl-layout,
body:has(.bl-beerstats-page) .bl-layout > .bl-content-card,
body:has(.bl-beerstats-page) .bl-layout > main,
body:has(.bl-beerstats-page) .bl-layout > article,
body:has(.bl-beerstats-page) .bl-layout > section {
    min-width: 0 !important;
}
@media (min-width: 1100px) {
    body:has(.bl-beerstats-page) .bl-layout:has(.bl-sidebar-right):not(:has(.bl-sidebar-left)) {
        grid-template-columns: minmax(0, 1fr) 295px !important;
    }
    body:has(.bl-beerstats-page) .bl-layout:has(.bl-sidebar-left):has(.bl-sidebar-right) {
        grid-template-columns: 240px minmax(0, 1fr) 295px !important;
    }
}
body:has(.bl-beerstats-page) .bl-sidebar-right,
body:has(.bl-beerstats-page) .bl-sidebar-right .moduletable,
body:has(.bl-beerstats-page) .bl-sidebar-right .card,
body:has(.bl-beerstats-page) .bl-sidebar-right .well {
    min-width: 0 !important;
    max-width: 100% !important;
}
body:has(.bl-beerstats-page) .bl-sidebar-right .blpo-wrap,
body:has(.bl-beerstats-page) .bl-sidebar-right [class*="beercomms"],
body:has(.bl-beerstats-page) .bl-sidebar-right [class*="players-online"] {
    min-width: 0 !important;
    max-width: 100% !important;
}
.bl-beerstats-page,
.bl-beerstats-page > * {
    max-width: 100% !important;
    min-width: 0 !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-matchmaking-topline {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    justify-content: stretch !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-card-match-info,
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-match-player-name {
    min-width: 0 !important;
    max-width: 100% !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-match-player-name {
    width: 100% !important;
    flex-wrap: wrap !important;
    white-space: normal !important;
    overflow: visible !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-name-text {
    min-width: 0 !important;
    max-width: min(100%, 34ch) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-rank-strip.is-name-adjacent {
    min-width: 0 !important;
    max-width: 100% !important;
    flex-wrap: nowrap !important;
}

/* v1.0.143 - Steam Linked moves after Premier/ELO and Premier badge matches CS2 rating shape. */
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-rank-strip.is-name-adjacent {
    order: 3 !important;
    gap: .48rem !important;
    margin-left: .42rem !important;
    margin-right: .36rem !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-steam-linked-badge {
    order: 4 !important;
    margin-left: 0 !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-rank-strip .bl-mm-profile-comp-rank {
    order: 1 !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-rank-strip .bl-mm-profile-beerlo-pill.blbs-track-premier {
    order: 2 !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier,
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier.is-locked,
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier.is-cs2-grey {
    --blbs-premier-bg: color-mix(in srgb, var(--blbs-tier, #5b78ff) 58%, #111827 42%);
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: auto !important;
    min-width: 74px !important;
    height: 22px !important;
    min-height: 22px !important;
    padding: 0 .46rem 0 1.58rem !important;
    border: 1px solid color-mix(in srgb, var(--blbs-tier, #5b78ff) 72%, #ffffff 18%) !important;
    border-radius: 3px !important;
    background: linear-gradient(180deg, color-mix(in srgb, var(--blbs-premier-bg) 92%, #ffffff 8%), color-mix(in srgb, var(--blbs-premier-bg) 76%, #020617 24%)) !important;
    color: #f8fbff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.20), inset 0 -1px 0 rgba(0,0,0,.30), 0 1px 3px rgba(0,0,0,.45) !important;
    line-height: 20px !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.55) !important;
    white-space: nowrap !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier i,
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier.is-locked i {
    position: absolute !important;
    left: .34rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: block !important;
    width: 14px !important;
    height: 11px !important;
    border-radius: 0 !important;
    background: linear-gradient(90deg, rgba(255,255,255,.96) 0 2px, transparent 2px 4px, rgba(255,255,255,.86) 4px 6px, transparent 6px 8px, rgba(255,255,255,.70) 8px 10px, transparent 10px) !important;
    box-shadow: none !important;
    opacity: .96 !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier i::before {
    content: "" !important;
    position: absolute !important;
    left: -3px !important;
    top: 0 !important;
    width: 1px !important;
    height: 11px !important;
    background: rgba(255,255,255,.42) !important;
    box-shadow: 18px 0 0 rgba(0,0,0,.22) !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier strong,
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier.is-locked strong {
    display: block !important;
    color: #ffffff !important;
    font-size: .68rem !important;
    line-height: 20px !important;
    font-weight: 850 !important;
    letter-spacing: .025em !important;
    font-style: italic !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier .bl-mm-lock-copy {
    display: contents !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier .bl-mm-lock-copy em {
    color: #ffffff !important;
    font-size: .68rem !important;
    line-height: 20px !important;
    font-weight: 850 !important;
    letter-spacing: .025em !important;
    font-style: italic !important;
}

/* v1.0.144 - Premier CS badge marker uses three horizontal bars, not vertical bars. */
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier i,
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier.is-locked i {
    position: absolute !important;
    left: .34rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: block !important;
    width: 14px !important;
    height: 11px !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg,
        rgba(255,255,255,.96) 0 2px,
        transparent 2px 4px,
        rgba(255,255,255,.86) 4px 6px,
        transparent 6px 8px,
        rgba(255,255,255,.70) 8px 10px,
        transparent 10px 100%) !important;
    box-shadow: none !important;
    opacity: .96 !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier i::before {
    content: "" !important;
    position: absolute !important;
    left: -3px !important;
    top: 0 !important;
    width: 1px !important;
    height: 11px !important;
    background: rgba(255,255,255,.42) !important;
    box-shadow: 18px 0 0 rgba(0,0,0,.22) !important;
}

/* v1.0.145 - Header player name and rank strip link to the BEERSTATS profile; unplayed Premier shows no fake ELO. */
.bl-beerstats-page .blbs-mm-profile-hero a.blbs-profile-header-link {
    color: inherit !important;
    text-decoration: none !important;
    cursor: pointer !important;
}
.bl-beerstats-page .blbs-mm-profile-hero a.blbs-profile-header-link:hover,
.bl-beerstats-page .blbs-mm-profile-hero a.blbs-profile-header-link:focus-visible {
    color: #ffffff !important;
    text-decoration: none !important;
    filter: brightness(1.08) !important;
}
.bl-beerstats-page .blbs-mm-profile-hero a.blbs-mm-profile-rank-strip.blbs-profile-header-link {
    display: inline-flex !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier .bl-mm-lock-copy em {
    display: block !important;
    color: rgba(255,255,255,.86) !important;
    font-size: .55rem !important;
    line-height: 20px !important;
    font-weight: 850 !important;
    letter-spacing: .055em !important;
    font-style: italic !important;
}

/* v1.0.146 - Header Premier ELO badge: remove the extra leading vertical marker and give locked wins text proper spacing. */
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier,
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier.is-locked,
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier.is-cs2-grey {
    min-width: 86px !important;
    padding-left: 1.62rem !important;
    padding-right: .48rem !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier i::before,
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier.is-locked i::before {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier i,
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier.is-locked i {
    left: .34rem !important;
    width: 14px !important;
    height: 11px !important;
    background: linear-gradient(180deg,
        rgba(255,255,255,.96) 0 2px,
        transparent 2px 4px,
        rgba(255,255,255,.86) 4px 6px,
        transparent 6px 8px,
        rgba(255,255,255,.70) 8px 10px,
        transparent 10px 100%) !important;
    box-shadow: none !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier .bl-mm-lock-copy em {
    display: block !important;
    white-space: nowrap !important;
    font-size: .55rem !important;
    letter-spacing: .035em !important;
}

/* v1.0.147 - Stronger Premier/ELO badge color fill so each tier reads through the background, not only border/text. */
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier,
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier.is-cs2-grey {
    --blbs-premier-bg: color-mix(in srgb, var(--blbs-tier, #5b78ff) 74%, #0b1220 26%) !important;
    border-color: color-mix(in srgb, var(--blbs-tier, #5b78ff) 86%, #ffffff 14%) !important;
    background:
        radial-gradient(circle at 22% 18%, color-mix(in srgb, var(--blbs-tier, #5b78ff) 58%, #ffffff 12%) 0, transparent 46%),
        linear-gradient(180deg,
            color-mix(in srgb, var(--blbs-tier, #5b78ff) 70%, #1e293b 30%),
            color-mix(in srgb, var(--blbs-tier, #5b78ff) 42%, #020617 58%)
        ) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.24),
        inset 0 -1px 0 rgba(0,0,0,.34),
        0 0 12px color-mix(in srgb, var(--blbs-tier, #5b78ff) 34%, transparent),
        0 2px 5px rgba(0,0,0,.48) !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier strong,
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier .bl-mm-lock-copy em {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.74), 0 0 7px color-mix(in srgb, var(--blbs-tier, #5b78ff) 55%, transparent) !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-beerlo-pill.blbs-track-premier.is-locked {
    background:
        radial-gradient(circle at 22% 18%, rgba(226,232,240,.22) 0, transparent 46%),
        linear-gradient(180deg, rgba(148,163,184,.42), rgba(30,41,59,.82)) !important;
    border-color: rgba(203,213,225,.62) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.14), 0 0 10px rgba(148,163,184,.18), 0 2px 5px rgba(0,0,0,.42) !important;
}

/* v1.0.148 - Player rank parity: show Wing-Man beside Competitive and use the same rank-track source in header + Player Stats. */
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-rank-strip.is-name-adjacent {
    gap: .34rem !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-rank-strip .bl-mm-profile-comp-rank.blbs-track-competitive {
    order: 1 !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-rank-strip .bl-mm-profile-comp-rank.blbs-track-wingman {
    order: 2 !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-rank-strip .bl-mm-profile-beerlo-pill.blbs-track-premier {
    order: 3 !important;
}
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-comp-rank.blbs-track-wingman img {
    filter: drop-shadow(0 3px 5px rgba(0,0,0,.55)) saturate(1.05) !important;
}
.bl-beerstats-page .blbs-competitive-rank-tile-wingman {
    border-color: rgba(91, 192, 255, .34);
    background: linear-gradient(135deg, rgba(7, 33, 54, .94), rgba(0, 13, 22, .90));
}
.bl-beerstats-page .blbs-competitive-rank-tile-wingman small {
    color: rgba(139, 215, 255, .78);
}

/* v1.0.149 - Player Stats map cards: 5-across image grid with rank/details overlaid on map pictures. */
.blbs-player-map-stats .blbs-map-picture-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .78rem;
    margin-top: .9rem;
}
.blbs-player-map-stats .blbs-map-picture-card {
    position: relative;
    min-width: 0;
    min-height: 210px;
    overflow: hidden;
    border: 1px solid rgba(255, 190, 48, .26);
    border-radius: 13px;
    background: #06110e;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 14px 30px rgba(0,0,0,.30);
    isolation: isolate;
}
.blbs-player-map-stats .blbs-map-picture {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.02);
    filter: saturate(1.12) contrast(1.05) brightness(.82);
    z-index: 0;
}
.blbs-player-map-stats .blbs-map-picture-shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        radial-gradient(circle at 50% 8%, rgba(255,176,0,.24), transparent 36%),
        linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.38) 42%, rgba(0,0,0,.88));
}
.blbs-player-map-stats .blbs-map-picture-overlay {
    position: relative;
    z-index: 2;
    min-height: 210px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .55rem;
    padding: .62rem;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,.85);
}
.blbs-player-map-stats .blbs-map-picture-topline {
    display: flex;
    align-items: center;
    gap: .42rem;
    min-width: 0;
}
.blbs-player-map-stats .blbs-map-picture-topline > strong {
    min-width: 0;
    overflow: hidden;
    color: #fff;
    font-size: .92rem;
    font-weight: 1000;
    letter-spacing: .02em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}
.blbs-player-map-stats .blbs-map-picture-rank {
    margin-top: auto;
}
.blbs-player-map-stats .blbs-map-picture-rank .blbs-map-rank-insignia {
    width: 100%;
    min-width: 0 !important;
    padding: .32rem .42rem !important;
    border-color: rgba(255,255,255,.22) !important;
    background: linear-gradient(135deg, rgba(2, 34, 25, .72), rgba(0, 13, 11, .72)) !important;
    backdrop-filter: blur(5px);
}
.blbs-player-map-stats .blbs-map-picture-rank .blbs-map-rank-insignia img {
    width: 34px !important;
    height: 34px !important;
}
.blbs-player-map-stats .blbs-map-picture-rank .blbs-map-rank-insignia span {
    min-width: 0;
}
.blbs-player-map-stats .blbs-map-picture-rank .blbs-map-rank-insignia strong {
    max-width: 100%;
    font-size: .74rem;
}
.blbs-player-map-stats .blbs-map-picture-detail {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .24rem;
}
.blbs-player-map-stats .blbs-map-picture-detail span {
    display: grid;
    gap: .05rem;
    min-width: 0;
    padding: .28rem .18rem;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 7px;
    background: rgba(0,0,0,.46);
    text-align: center;
    backdrop-filter: blur(4px);
}
.blbs-player-map-stats .blbs-map-picture-detail strong {
    overflow: hidden;
    color: #fff;
    font-size: .72rem;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.blbs-player-map-stats .blbs-map-picture-detail small {
    color: rgba(236,252,246,.72);
    font-size: .48rem;
    font-weight: 950;
    letter-spacing: .06em;
    line-height: 1;
    text-transform: uppercase;
}
@media (max-width: 1320px) {
    .blbs-player-map-stats .blbs-map-picture-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1080px) {
    .blbs-player-map-stats .blbs-map-picture-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .blbs-player-map-stats .blbs-map-picture-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
    .blbs-player-map-stats .blbs-map-picture-grid { grid-template-columns: 1fr; }
}

/* v1.0.150 - Map Stats carousel: first view is top 5, side buttons page 5 maps, rank is icon-only, stats are larger/readable. */
.blbs-player-map-stats .blbs-map-carousel {
    position: relative;
    margin-top: .95rem;
    padding: 0 2.35rem;
}
.blbs-player-map-stats .blbs-map-carousel-viewport {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}
.blbs-player-map-stats .blbs-map-carousel-viewport::-webkit-scrollbar { display: none; }
.blbs-player-map-stats .blbs-map-picture-grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: .82rem !important;
    margin-top: 0 !important;
}
.blbs-player-map-stats .blbs-map-picture-card {
    flex: 0 0 calc((100% - 3.28rem) / 5);
    min-height: 258px;
    scroll-snap-align: start;
    border-color: rgba(255, 190, 48, .34);
}
.blbs-player-map-stats .blbs-map-picture-overlay {
    min-height: 258px;
    padding: .72rem;
}
.blbs-player-map-stats .blbs-map-picture-topline {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .46rem;
    padding: .34rem .42rem;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 9px;
    background: rgba(0,0,0,.46);
    backdrop-filter: blur(4px);
}
.blbs-player-map-stats .blbs-map-rank-icon {
    width: 42px;
    height: 42px;
    object-fit: contain;
    filter: drop-shadow(0 2px 5px rgba(0,0,0,.82));
}
.blbs-player-map-stats .blbs-map-picture-rank { display: none !important; }
.blbs-player-map-stats .blbs-map-picture-detail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .42rem;
    padding: .52rem;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 11px;
    background: rgba(0,0,0,.62);
    backdrop-filter: blur(5px);
}
.blbs-player-map-stats .blbs-map-picture-detail span {
    padding: .42rem .30rem;
    border-color: rgba(255,255,255,.18);
    background: rgba(4, 15, 19, .72);
}
.blbs-player-map-stats .blbs-map-picture-detail strong {
    font-size: .96rem;
    line-height: 1.05;
}
.blbs-player-map-stats .blbs-map-picture-detail small {
    font-size: .58rem;
}
.blbs-player-map-stats .blbs-map-picture-detail span:nth-child(5) {
    grid-column: 1 / -1;
}
.blbs-player-map-stats .blbs-map-nav {
    position: absolute;
    top: 50%;
    z-index: 4;
    width: 2rem;
    height: 4.4rem;
    transform: translateY(-50%);
    border: 1px solid rgba(255, 190, 48, .50);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255,176,0,.26), rgba(0,0,0,.62));
    color: #fff;
    cursor: pointer;
    font-size: 2rem;
    font-weight: 1000;
    line-height: 1;
    box-shadow: 0 8px 20px rgba(0,0,0,.34);
}
.blbs-player-map-stats .blbs-map-nav-prev { left: 0; }
.blbs-player-map-stats .blbs-map-nav-next { right: 0; }
.blbs-player-map-stats .blbs-map-nav:disabled {
    cursor: default;
    opacity: .28;
}
@media (max-width: 1320px) {
    .blbs-player-map-stats .blbs-map-picture-card { flex-basis: calc((100% - 2.46rem) / 4); }
}
@media (max-width: 1080px) {
    .blbs-player-map-stats .blbs-map-picture-card { flex-basis: calc((100% - 1.64rem) / 3); }
}
@media (max-width: 760px) {
    .blbs-player-map-stats .blbs-map-carousel { padding: 0 2rem; }
    .blbs-player-map-stats .blbs-map-picture-card { flex-basis: calc((100% - .82rem) / 2); }
}
@media (max-width: 520px) {
    .blbs-player-map-stats .blbs-map-carousel { padding: 0 1.75rem; }
    .blbs-player-map-stats .blbs-map-picture-card { flex-basis: 100%; }
}

/* v1.0.151 - Ranked map cards only; lighter overlays and readable map names. */
.blbs-player-map-stats .blbs-map-picture-shade {
    background:
        radial-gradient(circle at 50% 8%, rgba(255,176,0,.18), transparent 38%),
        linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.18) 42%, rgba(0,0,0,.58)) !important;
}
.blbs-player-map-stats .blbs-map-picture-overlay {
    text-shadow: 0 2px 4px rgba(0,0,0,.95), 0 0 10px rgba(0,0,0,.72) !important;
}
.blbs-player-map-stats .blbs-map-picture-topline {
    grid-template-columns: auto auto !important;
    justify-content: space-between !important;
    align-content: start !important;
    background: rgba(0,0,0,.32) !important;
    border-color: rgba(255,255,255,.18) !important;
}
.blbs-player-map-stats .blbs-map-picture-topline > strong {
    grid-column: 1 / -1 !important;
    display: block !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: break-word !important;
    color: #fff !important;
    font-size: .92rem !important;
    line-height: 1.08 !important;
    letter-spacing: .01em !important;
}
.blbs-player-map-stats .blbs-map-rank-icon {
    width: 36px !important;
    height: 36px !important;
}
.blbs-player-map-stats .blbs-map-picture-detail {
    background: rgba(0,0,0,.42) !important;
}
.blbs-player-map-stats .blbs-map-picture-detail span {
    background: rgba(4, 15, 19, .50) !important;
}

/* v1.0.153 - Final map-card polish: place the rank icon top-right and make it much more visible. */
.blbs-player-map-stats .blbs-map-picture-card {
    overflow: hidden;
}
.blbs-player-map-stats .blbs-map-picture-topline {
    position: relative !important;
    display: block !important;
    min-height: 96px !important;
    padding: .58rem 4.55rem .58rem .60rem !important;
}
.blbs-player-map-stats .blbs-map-picture-topline .blbs-specialty-rank {
    display: inline-flex !important;
    margin-bottom: .34rem !important;
}
.blbs-player-map-stats .blbs-map-picture-topline > strong {
    display: block !important;
    max-width: 100% !important;
    padding-right: 0 !important;
}
.blbs-player-map-stats .blbs-map-rank-icon {
    position: absolute !important;
    top: .42rem !important;
    right: .46rem !important;
    width: 72px !important;
    height: 72px !important;
    object-fit: contain !important;
    z-index: 3 !important;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,.92)) drop-shadow(0 0 8px rgba(255,190,48,.28)) !important;
}
@media (max-width: 760px) {
    .blbs-player-map-stats .blbs-map-picture-topline { padding-right: 4.15rem !important; }
    .blbs-player-map-stats .blbs-map-rank-icon { width: 64px !important; height: 64px !important; }
}

/* v1.0.154 - Player Match History: remove “Form” wording and color cards by result. */
.bl-beerstats-view-player .blbs-player-match-history-card.is-win {
    background: linear-gradient(135deg, rgba(0, 74, 42, .90), rgba(0, 34, 23, .92)) !important;
    border-color: rgba(64, 255, 148, .48) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.18), inset 4px 0 0 rgba(64, 255, 148, .65) !important;
}
.bl-beerstats-view-player .blbs-player-match-history-card.is-loss {
    background: linear-gradient(135deg, rgba(78, 17, 22, .92), rgba(31, 9, 13, .94)) !important;
    border-color: rgba(255, 91, 91, .52) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.18), inset 4px 0 0 rgba(255, 91, 91, .72) !important;
}
.bl-beerstats-view-player .blbs-player-match-history-card.is-draw {
    background: linear-gradient(135deg, rgba(64, 72, 84, .88), rgba(22, 28, 36, .94)) !important;
    border-color: rgba(185, 195, 210, .42) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.18), inset 4px 0 0 rgba(185, 195, 210, .58) !important;
}
.bl-beerstats-view-player .blbs-player-match-history-card.is-win .blbs-player-match-score {
    color: #c8ffd7 !important;
    background: rgba(64, 255, 148, .14) !important;
    border-color: rgba(64, 255, 148, .45) !important;
}
.bl-beerstats-view-player .blbs-player-match-history-card.is-loss .blbs-player-match-score {
    color: #ffd0d0 !important;
    background: rgba(255, 91, 91, .14) !important;
    border-color: rgba(255, 91, 91, .45) !important;
}
.bl-beerstats-view-player .blbs-player-match-history-card.is-draw .blbs-player-match-score {
    color: #e5e7eb !important;
    background: rgba(185, 195, 210, .12) !important;
    border-color: rgba(185, 195, 210, .38) !important;
}
.bl-beerstats-view-player .blbs-player-match-history-card.is-win:hover,
.bl-beerstats-view-player .blbs-player-match-history-card.is-win:focus { border-color: rgba(64, 255, 148, .78) !important; }
.bl-beerstats-view-player .blbs-player-match-history-card.is-loss:hover,
.bl-beerstats-view-player .blbs-player-match-history-card.is-loss:focus { border-color: rgba(255, 91, 91, .82) !important; }
.bl-beerstats-view-player .blbs-player-match-history-card.is-draw:hover,
.bl-beerstats-view-player .blbs-player-match-history-card.is-draw:focus { border-color: rgba(226, 232, 240, .62) !important; }

/* v1.0.155 - Center Player Stats summary values/labels in the green boxes under the profile header. */
.bl-beerstats-view-player .blbs-player-summary-grid .blbs-stat {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
.bl-beerstats-view-player .blbs-player-summary-grid .blbs-stat strong,
.bl-beerstats-view-player .blbs-player-summary-grid .blbs-stat small {
    width: 100% !important;
    text-align: center !important;
}
.bl-beerstats-view-player .blbs-player-summary-grid .blbs-stat strong {
    overflow-wrap: anywhere !important;
}

/* v1.0.157 - Hotfix: Player Match History color classes are swapped in template; no model changes from stable v1.0.155. */

/* v1.0.158 - Header/player/rank profile links route through current BEERSTATS player UI. */

/* v1.0.160 - Match Stats list colors only logged-in linked viewer results: win/loss/draw. */
.bl-beerstats-view-list .blbs-classic-match-list .bl-player-match-card-win {
    border-color: rgba(64, 255, 148, .46);
    background:
        radial-gradient(circle at top left, rgba(64, 255, 148, .18), transparent 34rem),
        linear-gradient(180deg, rgba(5, 48, 32, .98), rgba(2, 18, 13, .98));
}

.bl-beerstats-view-list .blbs-classic-match-list .bl-player-match-card-loss {
    border-color: rgba(255, 91, 91, .48);
    background:
        radial-gradient(circle at top left, rgba(255, 91, 91, .16), transparent 34rem),
        linear-gradient(180deg, rgba(55, 14, 18, .98), rgba(19, 6, 8, .98));
}

.bl-beerstats-view-list .blbs-classic-match-list .bl-player-match-card-draw {
    border-color: rgba(148, 163, 184, .45);
    background:
        radial-gradient(circle at top left, rgba(148, 163, 184, .16), transparent 34rem),
        linear-gradient(180deg, rgba(35, 43, 55, .98), rgba(12, 18, 25, .98));
}

/* v1.0.161 - Match Stats map filter guarded after fetch so visible cards match the selected map. */

/* v1.0.162 - Match Stats: move server name left and keep it on one line on desktop. */
.bl-beerstats-view-list .blbs-classic-match-card .bl-match-topline {
    grid-template-columns: minmax(280px, 330px) minmax(420px, 1fr) auto !important;
    column-gap: .65rem !important;
}

.bl-beerstats-view-list .blbs-classic-match-card .bl-pm-player-block {
    justify-self: start !important;
    min-width: 0 !important;
    width: 100% !important;
}

.bl-beerstats-view-list .blbs-classic-match-card .bl-pm-player-block .bl-pm-player-name {
    display: block !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: clamp(.92rem, 1.25vw, 1.08rem) !important;
    line-height: 1.05 !important;
}

.bl-beerstats-view-list .blbs-classic-match-card .bl-pm-outcome-block {
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: .35rem !important;
    white-space: nowrap !important;
}

@media (max-width: 1180px) {
    .bl-beerstats-view-list .blbs-classic-match-card .bl-match-topline {
        grid-template-columns: minmax(300px, .85fr) minmax(260px, 1fr) auto !important;
    }

    .bl-beerstats-view-list .blbs-classic-match-card .bl-pm-player-block .bl-pm-player-name {
        white-space: normal !important;
    }
}

@media (max-width: 900px) {
    .bl-beerstats-view-list .blbs-classic-match-card .bl-match-topline {
        grid-template-columns: 1fr !important;
    }
}

/* v1.0.163 - Match Stats Expand All button JS restored in site.js. */

/* v1.0.164 - BEERSTATS header: right-side labeled rank boxes, no Steam Linked pill. */
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-topline {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 1rem !important;
}

.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-main {
    min-width: 0 !important;
}

.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name {
    width: 100% !important;
    max-width: 100% !important;
}

.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-steam-linked-badge {
    display: none !important;
}

.bl-beerstats-page .blbs-header-rank-boxes {
    justify-self: end !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(106px, auto)) !important;
    align-items: stretch !important;
    gap: .55rem !important;
    color: inherit !important;
    text-decoration: none !important;
}

.bl-beerstats-page .blbs-header-rank-card {
    display: grid !important;
    grid-template-rows: auto 1fr !important;
    place-items: center !important;
    min-width: 106px !important;
    min-height: 76px !important;
    padding: .48rem .62rem !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 13px !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 255, 255, .12), transparent 46%),
        linear-gradient(180deg, rgba(15, 42, 34, .94), rgba(4, 18, 15, .96)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 10px 20px rgba(0,0,0,.20) !important;
}

.bl-beerstats-page .blbs-header-rank-card small {
    display: block !important;
    margin-bottom: .35rem !important;
    color: rgba(255,255,255,.68) !important;
    font-size: .58rem !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

.bl-beerstats-page .blbs-header-rank-card .bl-mm-profile-comp-rank {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.bl-beerstats-page .blbs-header-rank-card .bl-mm-profile-comp-rank img {
    width: 54px !important;
    height: 54px !important;
    object-fit: contain !important;
}

.bl-beerstats-page .blbs-header-rank-card .bl-mm-profile-beerlo-pill.blbs-track-premier {
    min-width: 86px !important;
    height: 28px !important;
    align-self: center !important;
}

.bl-beerstats-page .blbs-header-rank-card-premier {
    min-width: 126px !important;
}

.bl-beerstats-page .blbs-header-rank-boxes:hover .blbs-header-rank-card,
.bl-beerstats-page .blbs-header-rank-boxes:focus-visible .blbs-header-rank-card {
    border-color: rgba(255, 214, 51, .38) !important;
    filter: brightness(1.05) !important;
}

@media (max-width: 980px) {
    .bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-topline {
        grid-template-columns: 1fr !important;
    }

    .bl-beerstats-page .blbs-header-rank-boxes {
        justify-self: stretch !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .bl-beerstats-page .blbs-header-rank-card {
        min-width: 0 !important;
    }
}

@media (max-width: 560px) {
    .bl-beerstats-page .blbs-header-rank-boxes {
        grid-template-columns: 1fr !important;
    }
}

/* v1.0.165 - Explicit logged-in viewer result hooks for Match Stats tile colors. */
.bl-beerstats-view-list .blbs-classic-match-list .blbs-classic-match-card.blbs-viewer-result-win,
.bl-beerstats-view-list .blbs-classic-match-list .blbs-classic-match-card[data-viewer-result="win"] {
    border-color: rgba(64, 255, 148, .64) !important;
    background:
        radial-gradient(circle at top left, rgba(64, 255, 148, .22), transparent 34rem),
        linear-gradient(180deg, rgba(5, 54, 36, .99), rgba(2, 20, 14, .99)) !important;
}

.bl-beerstats-view-list .blbs-classic-match-list .blbs-classic-match-card.blbs-viewer-result-loss,
.bl-beerstats-view-list .blbs-classic-match-list .blbs-classic-match-card[data-viewer-result="loss"] {
    border-color: rgba(255, 91, 91, .68) !important;
    background:
        radial-gradient(circle at top left, rgba(255, 91, 91, .20), transparent 34rem),
        linear-gradient(180deg, rgba(62, 13, 18, .99), rgba(22, 5, 8, .99)) !important;
}

.bl-beerstats-view-list .blbs-classic-match-list .blbs-classic-match-card.blbs-viewer-result-draw,
.bl-beerstats-view-list .blbs-classic-match-list .blbs-classic-match-card[data-viewer-result="draw"] {
    border-color: rgba(148, 163, 184, .62) !important;
    background:
        radial-gradient(circle at top left, rgba(148, 163, 184, .19), transparent 34rem),
        linear-gradient(180deg, rgba(35, 43, 55, .99), rgba(12, 18, 25, .99)) !important;
}

/* v1.0.166 - Match Stats: stack match type under team result so server names do not overlap pills. */
.bl-beerstats-view-list .blbs-classic-match-card .bl-match-topline {
    grid-template-columns: minmax(270px, 320px) minmax(0, 1fr) 112px !important;
    column-gap: .7rem !important;
}

.bl-beerstats-view-list .blbs-classic-match-card .bl-pm-player-block .bl-pm-player-name {
    max-width: min(100%, 58vw) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.bl-beerstats-view-list .blbs-classic-match-card .blbs-match-result-stack {
    justify-self: end !important;
    display: grid !important;
    grid-auto-flow: row !important;
    justify-items: stretch !important;
    align-items: center !important;
    gap: .28rem !important;
    width: 112px !important;
    min-width: 112px !important;
    white-space: normal !important;
}

.bl-beerstats-view-list .blbs-classic-match-card .blbs-match-result-stack .bl-outcome-badge,
.bl-beerstats-view-list .blbs-classic-match-card .blbs-match-result-stack .blbs-match-type-badge {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
}

.bl-beerstats-view-list .blbs-classic-match-card .blbs-match-result-stack .bl-outcome-badge {
    order: 1 !important;
    padding: .36rem .42rem !important;
    font-size: .64rem !important;
    line-height: .95 !important;
}

.bl-beerstats-view-list .blbs-classic-match-card .blbs-match-result-stack .blbs-match-type-badge {
    order: 2 !important;
    padding: .24rem .36rem !important;
    font-size: .56rem !important;
    line-height: 1 !important;
    letter-spacing: .055em !important;
}

@media (max-width: 1180px) {
    .bl-beerstats-view-list .blbs-classic-match-card .bl-match-topline {
        grid-template-columns: minmax(240px, 300px) minmax(0, 1fr) 108px !important;
    }
}

@media (max-width: 900px) {
    .bl-beerstats-view-list .blbs-classic-match-card .bl-match-topline {
        grid-template-columns: 1fr !important;
    }

    .bl-beerstats-view-list .blbs-classic-match-card .bl-pm-player-block .bl-pm-player-name {
        max-width: 100% !important;
        white-space: normal !important;
    }

    .bl-beerstats-view-list .blbs-classic-match-card .blbs-match-result-stack {
        justify-self: start !important;
    }
}

/* v1.0.167 - Explicit Match Stats mode pill colors: Competitive green, Wing-Man blue/silver, Premier purple. */
.bl-beerstats-page .blbs-match-type-badge.is-competitive {
    color: #9dffc2 !important;
    background:
        radial-gradient(circle at 22% 0%, rgba(157, 255, 194, .24), transparent 58%),
        linear-gradient(135deg, rgba(13, 143, 78, .42), rgba(4, 42, 27, .78)) !important;
    border-color: rgba(80, 255, 160, .72) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 16px rgba(34,197,94,.26) !important;
    text-shadow: 0 0 10px rgba(74, 222, 128, .32) !important;
}

.bl-beerstats-page .blbs-match-type-badge.is-wingman {
    color: #dbeafe !important;
    background:
        radial-gradient(circle at 22% 0%, rgba(226, 232, 240, .34), transparent 54%),
        linear-gradient(135deg, rgba(37, 99, 235, .46), rgba(71, 85, 105, .72)) !important;
    border-color: rgba(191, 219, 254, .78) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 0 16px rgba(96, 165, 250, .24) !important;
    text-shadow: 0 0 10px rgba(147, 197, 253, .35) !important;
}

.bl-beerstats-page .blbs-match-type-badge.is-premier {
    color: #f5d0fe !important;
    background:
        radial-gradient(circle at 22% 0%, rgba(250, 204, 21, .18), transparent 54%),
        linear-gradient(135deg, rgba(126, 34, 206, .58), rgba(88, 28, 135, .82)) !important;
    border-color: rgba(216, 180, 254, .78) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 0 18px rgba(168, 85, 247, .30) !important;
    text-shadow: 0 0 11px rgba(216, 180, 254, .38) !important;
}

/* v1.0.168 - Header rank card backgrounds match Match Stats mode pill colors. */
.bl-beerstats-page .blbs-header-rank-card-competitive {
    border-color: rgba(80, 255, 160, .52) !important;
    background:
        radial-gradient(circle at 22% 0%, rgba(157, 255, 194, .24), transparent 56%),
        linear-gradient(135deg, rgba(13, 143, 78, .34), rgba(4, 42, 27, .88)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 10px 22px rgba(0,0,0,.24), 0 0 16px rgba(34,197,94,.18) !important;
}

.bl-beerstats-page .blbs-header-rank-card-wingman {
    border-color: rgba(191, 219, 254, .56) !important;
    background:
        radial-gradient(circle at 22% 0%, rgba(226, 232, 240, .30), transparent 54%),
        linear-gradient(135deg, rgba(37, 99, 235, .34), rgba(71, 85, 105, .82)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 10px 22px rgba(0,0,0,.24), 0 0 16px rgba(96,165,250,.17) !important;
}

.bl-beerstats-page .blbs-header-rank-card-premier {
    border-color: rgba(216, 180, 254, .58) !important;
    background:
        radial-gradient(circle at 22% 0%, rgba(250, 204, 21, .16), transparent 54%),
        linear-gradient(135deg, rgba(126, 34, 206, .46), rgba(88, 28, 135, .88)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 10px 22px rgba(0,0,0,.24), 0 0 18px rgba(168,85,247,.20) !important;
}

.bl-beerstats-page .blbs-header-rank-card-competitive small { color: #9dffc2 !important; text-shadow: 0 0 10px rgba(74,222,128,.28) !important; }
.bl-beerstats-page .blbs-header-rank-card-wingman small { color: #dbeafe !important; text-shadow: 0 0 10px rgba(147,197,253,.32) !important; }
.bl-beerstats-page .blbs-header-rank-card-premier small { color: #f5d0fe !important; text-shadow: 0 0 11px rgba(216,180,254,.34) !important; }

/* v1.0.169 - Tie/Draw Match Stats tiles use a lighter neutral grey, not blue-slate. */
.bl-beerstats-view-list .blbs-classic-match-list .bl-player-match-card-draw,
.bl-beerstats-view-list .blbs-classic-match-list .blbs-classic-match-card.blbs-viewer-result-draw,
.bl-beerstats-view-list .blbs-classic-match-list .blbs-classic-match-card[data-viewer-result="draw"] {
    border-color: rgba(205, 205, 196, .72) !important;
    background:
        radial-gradient(circle at top left, rgba(232, 232, 222, .26), transparent 34rem),
        linear-gradient(180deg, rgba(74, 74, 68, .98), rgba(34, 34, 31, .99)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 14px 30px rgba(0,0,0,.20) !important;
}

.bl-beerstats-view-list .blbs-classic-match-list .bl-player-match-card-draw::before,
.bl-beerstats-view-list .blbs-classic-match-list .blbs-classic-match-card.blbs-viewer-result-draw::before,
.bl-beerstats-view-list .blbs-classic-match-list .blbs-classic-match-card[data-viewer-result="draw"]::before {
    background: #d7d7cd !important;
}

.bl-beerstats-view-list .blbs-classic-match-list .bl-player-match-card-draw .bl-outcome-badge,
.bl-beerstats-view-list .blbs-classic-match-list .blbs-classic-match-card.blbs-viewer-result-draw .bl-outcome-badge,
.bl-beerstats-view-list .blbs-classic-match-list .blbs-classic-match-card[data-viewer-result="draw"] .bl-outcome-badge {
    border-color: rgba(224, 224, 214, .64) !important;
}

/* v1.0.170 - Premier header rank tile: royal purple outline/glow with restrained dark interior. */
.bl-beerstats-page .blbs-header-rank-card-premier {
    position: relative !important;
    overflow: hidden !important;
    border-color: rgba(205, 145, 255, .90) !important;
    background:
        radial-gradient(circle at 50% -18%, rgba(250, 204, 21, .16), transparent 38%),
        radial-gradient(circle at 50% 112%, rgba(168, 85, 247, .18), transparent 48%),
        linear-gradient(180deg, rgba(18, 13, 28, .94), rgba(8, 6, 14, .98)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 0 0 1px rgba(168,85,247,.20),
        0 0 0 1px rgba(88,28,135,.54),
        0 0 20px rgba(168,85,247,.42),
        0 0 34px rgba(126,34,206,.25),
        0 14px 28px rgba(0,0,0,.30) !important;
}

.bl-beerstats-page .blbs-header-rank-card-premier::before {
    content: "" !important;
    position: absolute !important;
    inset: 7px !important;
    border-radius: 9px !important;
    border: 1px solid rgba(245, 208, 254, .22) !important;
    pointer-events: none !important;
}

.bl-beerstats-page .blbs-header-rank-card-premier::after {
    content: "" !important;
    position: absolute !important;
    top: 8px !important;
    left: 50% !important;
    width: 34px !important;
    height: 2px !important;
    transform: translateX(-50%) !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, transparent, rgba(250, 204, 21, .82), transparent) !important;
    box-shadow: 0 0 13px rgba(250, 204, 21, .34) !important;
    pointer-events: none !important;
}

.bl-beerstats-page .blbs-header-rank-card-premier small {
    color: #f7d7ff !important;
    text-shadow: 0 0 10px rgba(216,180,254,.50), 0 0 18px rgba(168,85,247,.32) !important;
}

.bl-beerstats-page .blbs-header-rank-card-premier .bl-mm-profile-beerlo-pill.blbs-track-premier {
    border-color: rgba(216,180,254,.52) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 0 15px rgba(168,85,247,.24) !important;
}

/* v1.0.171 - Refined Premier header rank tile: understated royal trim, not a portal glow. */
.bl-beerstats-page .blbs-header-rank-card-premier {
    border-color: rgba(190, 124, 255, .74) !important;
    background:
        linear-gradient(180deg, rgba(20, 16, 28, .98), rgba(8, 7, 12, .99)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 0 0 1px rgba(245,208,254,.16),
        0 0 0 1px rgba(88,28,135,.42),
        0 0 10px rgba(168,85,247,.22),
        0 10px 22px rgba(0,0,0,.28) !important;
}

.bl-beerstats-page .blbs-header-rank-card-premier::before {
    inset: 8px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(190, 124, 255, .28) !important;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.22) !important;
}

.bl-beerstats-page .blbs-header-rank-card-premier::after {
    top: 7px !important;
    width: 42px !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(212, 175, 55, .88), transparent) !important;
    box-shadow: 0 0 6px rgba(212,175,55,.25) !important;
}

.bl-beerstats-page .blbs-header-rank-card-premier small {
    color: #f1d5ff !important;
    letter-spacing: .115em !important;
    text-shadow: 0 0 6px rgba(190,124,255,.36) !important;
}

.bl-beerstats-page .blbs-header-rank-card-premier .bl-mm-profile-beerlo-pill.blbs-track-premier {
    background: linear-gradient(180deg, rgba(20,20,28,.94), rgba(9,9,14,.98)) !important;
    border-color: rgba(190,124,255,.38) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 7px rgba(168,85,247,.14) !important;
}

/* v1.0.172 - Header rank area: remove tile/pill boxes and keep labels + rank content only. */
.bl-beerstats-page .blbs-header-rank-boxes {
    gap: .82rem !important;
    align-items: center !important;
}

.bl-beerstats-page .blbs-header-rank-card,
.bl-beerstats-page .blbs-header-rank-card-competitive,
.bl-beerstats-page .blbs-header-rank-card-wingman,
.bl-beerstats-page .blbs-header-rank-card-premier {
    min-width: 92px !important;
    min-height: 72px !important;
    padding: .12rem .28rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    overflow: visible !important;
}

.bl-beerstats-page .blbs-header-rank-card::before,
.bl-beerstats-page .blbs-header-rank-card::after,
.bl-beerstats-page .blbs-header-rank-card-premier::before,
.bl-beerstats-page .blbs-header-rank-card-premier::after {
    content: none !important;
    display: none !important;
}

.bl-beerstats-page .blbs-header-rank-card small,
.bl-beerstats-page .blbs-header-rank-card-competitive small,
.bl-beerstats-page .blbs-header-rank-card-wingman small,
.bl-beerstats-page .blbs-header-rank-card-premier small {
    margin-bottom: .38rem !important;
    color: rgba(255,255,255,.88) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.42) !important;
}

.bl-beerstats-page .blbs-header-rank-card .bl-mm-profile-comp-rank {
    filter: drop-shadow(0 6px 8px rgba(0,0,0,.36)) !important;
}

.bl-beerstats-page .blbs-header-rank-card .bl-mm-profile-beerlo-pill.blbs-track-premier {
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(255,255,255,.92) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.55), 0 0 7px rgba(190,124,255,.24) !important;
}

.bl-beerstats-page .blbs-header-rank-card .bl-mm-profile-beerlo-pill.blbs-track-premier .blbs-beerlo-marker {
    background: rgba(216,180,254,.92) !important;
    box-shadow: 6px 0 0 rgba(216,180,254,.62), 12px 0 0 rgba(216,180,254,.34) !important;
}

.bl-beerstats-page .blbs-header-rank-boxes:hover .blbs-header-rank-card,
.bl-beerstats-page .blbs-header-rank-boxes:focus-visible .blbs-header-rank-card {
    border-color: transparent !important;
    filter: none !important;
}

/* v1.0.173 - Header rank labels: fixed title row, track colors, subtle Premier pulse. */
.bl-beerstats-page .blbs-header-rank-card,
.bl-beerstats-page .blbs-header-rank-card-competitive,
.bl-beerstats-page .blbs-header-rank-card-wingman,
.bl-beerstats-page .blbs-header-rank-card-premier {
    display: grid !important;
    grid-template-rows: 16px 58px !important;
    align-items: start !important;
    justify-items: center !important;
    min-height: 78px !important;
}

.bl-beerstats-page .blbs-header-rank-card small {
    grid-row: 1 !important;
    align-self: start !important;
    height: 16px !important;
    line-height: 16px !important;
    margin: 0 0 .36rem !important;
    transform: none !important;
}

.bl-beerstats-page .blbs-header-rank-card .bl-mm-profile-comp-rank,
.bl-beerstats-page .blbs-header-rank-card .bl-mm-profile-beerlo-pill.blbs-track-premier {
    grid-row: 2 !important;
    align-self: center !important;
    justify-self: center !important;
    margin-top: 0 !important;
}

.bl-beerstats-page .blbs-header-rank-card-competitive small {
    color: #9dffc2 !important;
    text-shadow: 0 0 8px rgba(74,222,128,.34), 0 1px 2px rgba(0,0,0,.48) !important;
}

.bl-beerstats-page .blbs-header-rank-card-wingman small {
    color: #dbeafe !important;
    text-shadow: 0 0 8px rgba(147,197,253,.36), 0 1px 2px rgba(0,0,0,.48) !important;
}

.bl-beerstats-page .blbs-header-rank-card-premier small {
    color: #f1d5ff !important;
    text-shadow:
        0 0 6px rgba(216,180,254,.68),
        0 0 12px rgba(168,85,247,.42),
        0 1px 2px rgba(0,0,0,.54) !important;
    animation: blbs-premier-title-royal-pulse 2.8s ease-in-out infinite !important;
}

@keyframes blbs-premier-title-royal-pulse {
    0%, 100% {
        color: #f1d5ff;
        text-shadow: 0 0 5px rgba(216,180,254,.50), 0 0 10px rgba(168,85,247,.26), 0 1px 2px rgba(0,0,0,.54);
        opacity: .92;
    }
    50% {
        color: #ffffff;
        text-shadow: 0 0 9px rgba(245,208,254,.95), 0 0 18px rgba(168,85,247,.62), 0 0 2px rgba(212,175,55,.45), 0 1px 2px rgba(0,0,0,.54);
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bl-beerstats-page .blbs-header-rank-card-premier small {
        animation: none !important;
    }
}

/* v1.0.174 - Player header name descender fix: keep letters like lowercase p/g/y from clipping. */
.bl-beerstats-page .blbs-hero.blbs-mm-profile-hero .blbs-mm-profile-name,
.bl-beerstats-page .blbs-hero.blbs-mm-profile-hero .blbs-mm-profile-name.blbs-mm-profile-name-inline,
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-match-player-name {
    line-height: 1.08 !important;
    overflow: visible !important;
    padding-bottom: .08em !important;
}

.bl-beerstats-page .blbs-hero.blbs-mm-profile-hero .blbs-mm-profile-name-text,
.bl-beerstats-page .blbs-mm-profile-hero .blbs-mm-profile-name-text,
.bl-beerstats-page .blbs-mm-profile-hero .bl-mm-profile-name-text {
    line-height: 1.08 !important;
    padding-bottom: .08em !important;
    margin-bottom: -.08em !important;
    vertical-align: baseline !important;
}


/* v1.0.177 - Premier header badge: center wins text between the three-bar marker and the right edge. */
.bl-beerstats-page .blbs-header-rank-card-premier .bl-mm-profile-beerlo-pill.blbs-track-premier,
.bl-beerstats-page .blbs-header-rank-card-premier .bl-mm-profile-beerlo-pill.blbs-track-premier.is-locked,
.bl-beerstats-page .blbs-header-rank-card-premier .bl-mm-profile-beerlo-pill.blbs-track-premier.is-cs2-grey {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    min-width: 98px !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 .52rem 0 1.48rem !important;
    line-height: 22px !important;
    text-align: center !important;
}
.bl-beerstats-page .blbs-header-rank-card-premier .bl-mm-profile-beerlo-pill.blbs-track-premier i,
.bl-beerstats-page .blbs-header-rank-card-premier .bl-mm-profile-beerlo-pill.blbs-track-premier.is-locked i {
    position: absolute !important;
    left: .42rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: block !important;
    width: 14px !important;
    height: 11px !important;
    flex: 0 0 14px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg,
        rgba(255,255,255,.96) 0 2px,
        transparent 2px 4px,
        rgba(255,255,255,.86) 4px 6px,
        transparent 6px 8px,
        rgba(255,255,255,.70) 8px 10px,
        transparent 10px 100%) !important;
    box-shadow: none !important;
}
.bl-beerstats-page .blbs-header-rank-card-premier .bl-mm-profile-beerlo-pill.blbs-track-premier i::before,
.bl-beerstats-page .blbs-header-rank-card-premier .bl-mm-profile-beerlo-pill.blbs-track-premier.is-locked i::before {
    content: none !important;
    display: none !important;
}
.bl-beerstats-page .blbs-header-rank-card-premier .bl-mm-profile-beerlo-pill.blbs-track-premier .bl-mm-lock-copy {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
}
.bl-beerstats-page .blbs-header-rank-card-premier .bl-mm-profile-beerlo-pill.blbs-track-premier .bl-mm-lock-copy em,
.bl-beerstats-page .blbs-header-rank-card-premier .bl-mm-profile-beerlo-pill.blbs-track-premier strong {
    display: block !important;
    width: 100% !important;
    line-height: 22px !important;
    text-align: center !important;
    white-space: nowrap !important;
    transform: translateY(0) !important;
}


/* v1.0.178 - Match Stats result badges use side colors: T red, CT blue, no-winner final/draw grey. */
.bl-beerstats-page .bl-outcome-badge.bl-outcome-team-t,
.bl-beerstats-view-list .bl-outcome-badge.bl-outcome-team-t,
.bl-beerstats-view-list .blbs-classic-match-card .blbs-match-result-stack .bl-outcome-badge.bl-outcome-team-t {
    color: #fff7f7 !important;
    border-color: rgba(255, 86, 86, .72) !important;
    background: linear-gradient(180deg, rgba(255, 82, 82, .96), rgba(150, 20, 28, .98)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 0 12px rgba(255,82,82,.20) !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.55) !important;
}
.bl-beerstats-page .bl-outcome-badge.bl-outcome-team-ct,
.bl-beerstats-view-list .bl-outcome-badge.bl-outcome-team-ct,
.bl-beerstats-view-list .blbs-classic-match-card .blbs-match-result-stack .bl-outcome-badge.bl-outcome-team-ct {
    color: #f4fbff !important;
    border-color: rgba(76, 164, 255, .74) !important;
    background: linear-gradient(180deg, rgba(65, 150, 255, .96), rgba(18, 70, 160, .98)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 0 12px rgba(65,150,255,.20) !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.55) !important;
}
.bl-beerstats-page .bl-outcome-badge.bl-outcome-final-draw,
.bl-beerstats-view-list .bl-outcome-badge.bl-outcome-final-draw,
.bl-beerstats-view-list .blbs-classic-match-card .blbs-match-result-stack .bl-outcome-badge.bl-outcome-final-draw,
.bl-beerstats-view-list .blbs-classic-match-list .bl-player-match-card-draw .bl-outcome-badge.bl-outcome-final-draw,
.bl-beerstats-view-list .blbs-classic-match-list .blbs-classic-match-card.blbs-viewer-result-draw .bl-outcome-badge.bl-outcome-final-draw,
.bl-beerstats-view-list .blbs-classic-match-list .blbs-classic-match-card[data-viewer-result="draw"] .bl-outcome-badge.bl-outcome-final-draw {
    color: #f5f5f0 !important;
    border-color: rgba(224, 224, 214, .68) !important;
    background: linear-gradient(180deg, rgba(132, 132, 122, .96), rgba(66, 66, 60, .98)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 0 10px rgba(215,215,205,.16) !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.58) !important;
}

/* v1.0.196 - Match card map labels live as thumbnail bottom overlays. */
.bl-beerstats-view-list .bl-match-map-avatar.bl-match-map-avatar-overlay,
.blbs-detail-match-card .bl-match-map-avatar.bl-match-map-avatar-overlay {
    position: relative !important;
    display: inline-flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    overflow: hidden !important;
    border-radius: 4px !important;
    isolation: isolate !important;
}

.bl-beerstats-view-list .bl-match-map-avatar.bl-match-map-avatar-overlay img,
.blbs-detail-match-card .bl-match-map-avatar.bl-match-map-avatar-overlay img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.bl-beerstats-view-list .bl-match-map-overlay,
.blbs-detail-match-card .bl-match-map-overlay {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2 !important;
    display: block !important;
    min-width: 0 !important;
    padding: .22rem .34rem .24rem !important;
    border-top: 1px solid rgba(255,255,255,.16) !important;
    background: linear-gradient(90deg, rgba(0, 214, 143, .88), rgba(0, 82, 61, .92)) !important;
    color: #ffffff !important;
    font-size: .62rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    text-align: center !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.75) !important;
    text-transform: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.bl-beerstats-view-list .bl-match-identity-copy,
.blbs-detail-match-card .bl-match-identity-copy {
    align-self: center !important;
}

@media (max-width: 640px) {
    .bl-beerstats-view-list .bl-match-map-overlay,
    .blbs-detail-match-card .bl-match-map-overlay {
        font-size: .56rem !important;
        padding: .18rem .24rem .2rem !important;
    }
}

/* v1.0.198 - Match card Started/Ended times sit under the server name. */
.bl-beerstats-view-list .blbs-classic-match-card .bl-pm-player-block .blbs-match-server-times {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: .28rem !important;
    margin-top: .38rem !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.bl-beerstats-view-list .blbs-classic-match-card .blbs-match-server-times span {
    display: inline-flex !important;
    align-items: center !important;
    gap: .22rem !important;
    max-width: 100% !important;
    min-height: 20px !important;
    padding: .2rem .36rem !important;
    border: 1px solid rgba(0,214,143,.34) !important;
    border-radius: 3px !important;
    background: rgba(0, 16, 12, .52) !important;
    color: #dffdf3 !important;
    font-size: .56rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.bl-beerstats-view-list .blbs-classic-match-card .blbs-match-server-times strong {
    color: #00d68f !important;
    font-size: .54rem !important;
    font-weight: 950 !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
}

.bl-beerstats-view-list .bl-match-summary-strip {
    grid-template-columns: auto minmax(180px, 260px) auto !important;
}

.bl-beerstats-view-list .bl-match-view-button {
    justify-self: end !important;
}

@media (max-width: 900px) {
    .bl-beerstats-view-list .bl-match-summary-strip {
        grid-template-columns: 1fr !important;
    }

    .bl-beerstats-view-list .bl-match-view-button {
        justify-self: start !important;
    }
}

/* v1.0.199 - Keep match-card team score boxes balanced. */
.bl-beerstats-view-list .blbs-classic-match-card .bl-match-scoreline {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr) !important;
    width: min(100%, 370px) !important;
    min-width: 330px !important;
    align-items: stretch !important;
}

.bl-beerstats-view-list .blbs-classic-match-card .bl-match-team {
    min-width: 0 !important;
    width: 100% !important;
    padding: .34rem .5rem !important;
}

.bl-beerstats-view-list .blbs-classic-match-card .bl-match-team span {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.bl-beerstats-view-list .blbs-classic-match-card .bl-match-team strong {
    display: block !important;
    min-width: 2ch !important;
    text-align: center !important;
}

.bl-beerstats-view-list .blbs-classic-match-card .bl-match-versus {
    min-width: 0 !important;
    width: 30px !important;
    padding: 0 !important;
    text-align: center !important;
}

@media (max-width: 520px) {
    .bl-beerstats-view-list .blbs-classic-match-card .bl-match-scoreline {
        min-width: 0 !important;
        width: 100% !important;
    }
}
