/* ═══════════════════════════════════════════════════════════════════════════
   ECEL Bracket Studio — per-element shape kit.

   Loaded AFTER the inline theme layer in views/bracket.ejs so these rules win.
   Every block matches one option from utils/bracketKit.js. The 'inherit'
   option has no rules on purpose: an untouched tournament renders exactly as
   it did before the studio existed.

   Colors always come from the theme (--theme-*/--sb-accent); this file only
   controls shape, spacing, weight and depth.
   ═══════════════════════════════════════════════════════════════════════════ */

.bk-scope[data-bk-frame] {
    --bk-accent: var(--sb-accent, var(--theme-primary, #ff1f1f));
    --bk-accent-2: var(--theme-accent, var(--theme-secondary, #ff6a00));
    --bk-radius: 10px;
    --bk-gap: 0px;
}

/* ── Builder preview base ────────────────────────────────────────────────
   The studio lives in the tournament builder, which also loads style.css.
   That file turns every table into display:block under 1200px, so without
   the same display:table !important the live bracket uses, rows stack and
   the preview looks nothing like a filled group card. */
#bk-preview-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.bk-preview .group-card {
    background: linear-gradient(140deg,#14141b 0%,#1b1b27 55%,#2a141d 100%);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px;
    padding: 1.05rem 1.15rem;
    box-shadow: 0 16px 42px rgba(5,5,10,0.55);
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}
.bk-preview .group-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.85rem;
}
.bk-preview .group-name { color: #fff; font-weight: 700; font-size: 1.05rem; letter-spacing: 0.02em; }
.bk-preview .group-status {
    color: #4ade80;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    padding: 0.28rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(34,197,94,0.7);
    background: rgba(34,197,94,0.18);
}
.bk-preview .group-table-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.bk-preview .group-table {
    width: max-content;
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: auto;
    display: table !important;
    overflow: visible !important;
    font-size: 0.92rem;
}
.bk-preview .group-table thead { display: table-header-group !important; }
.bk-preview .group-table tbody { display: table-row-group !important; }
.bk-preview .group-table tr { display: table-row !important; }
.bk-preview .group-table th,
.bk-preview .group-table td {
    display: table-cell !important;
    vertical-align: middle;
}
.bk-preview .group-table thead th:nth-child(1) { width: 36px; text-align: center; }
.bk-preview .group-table thead th:nth-child(2) { width: 44px; text-align: center; }
.bk-preview .group-table thead th:nth-child(3),
.bk-preview .group-table tbody td:nth-child(3) { width: 1%; white-space: nowrap; }
.bk-preview .group-table thead th:nth-child(4),
.bk-preview .group-table thead th:nth-child(5),
.bk-preview .group-table thead th:nth-child(6) { width: 64px; text-align: center; white-space: nowrap; }
.bk-preview .group-table thead th {
    text-align: left;
    padding: 0.45rem 0.35rem;
    color: #aaa;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    white-space: nowrap;
}
.bk-preview .group-table tbody td {
    padding: 0.5rem 0.35rem;
    color: #e2e8f0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.bk-preview .group-table tbody tr:nth-child(odd) { background: rgba(255,255,255,0.015); }
.bk-preview .group-table tbody tr.advancing-row {
    background: linear-gradient(90deg,rgba(34,197,94,0.18) 0%,rgba(15,23,42,0.3) 100%);
    box-shadow: inset 3px 0 0 #22c55e;
}
.bk-preview .group-table tbody tr.advancing-row .team-name { color: #d1fae5; }
.bk-preview .rank-number {
    color: #cbd5e1;
    font-weight: 800;
    text-align: center;
}
.bk-preview .rank-cell { display: flex; align-items: center; justify-content: center; }
.bk-preview .pos-delta {
    font-weight: 800;
    font-size: 0.72rem;
    padding: 0.18rem 0.4rem;
    border-radius: 999px;
    background: rgba(255,255,255,0.05);
    min-width: 2.1rem;
    text-align: center;
}
.bk-preview .pos-delta.delta-up { color: #22c55e; background: rgba(34,197,94,0.12); }
.bk-preview .pos-delta.delta-down { color: #ff1f1f; background: rgba(255,31,31,0.12); }
.bk-preview .pos-delta.delta-flat { color: #9ca3af; }
.bk-preview .team-cell { display: flex; align-items: center; gap: 0.65rem; min-width: 0; }
.bk-preview .team-avatar {
    width: 36px; height: 36px; flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
    background: #1f1f2a;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px;
    font-size: 0.72rem; font-weight: 800; color: #ff6b6b;
    box-shadow: 0 8px 20px rgba(0,0,0,0.35);
}
.bk-preview .team-name {
    color: #fff;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bk-preview .clash-basic-round { display: grid; gap: 0.5rem; }
.bk-preview .clash-basic-match {
    background: #0d141f;
    border: 1px solid #273447;
    border-radius: 10px;
    padding: 0.5rem 0.6rem;
}
.bk-preview .clash-basic-match.has-winner {
    border-color: rgba(16,185,129,0.42);
    box-shadow: 0 0 0 1px rgba(16,185,129,0.14);
}
.bk-preview .clash-basic-meta {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 0.35rem; gap: 0.4rem;
}
.bk-preview .clash-basic-meta-left { display: inline-flex; align-items: center; gap: 0.4rem; min-width: 0; }
.bk-preview .clash-basic-label { color: #e2e8f0; font-size: 0.78rem; font-weight: 700; }
.bk-preview .clash-basic-mini { color: #94a3b8; font-size: 0.66rem; }
.bk-preview .clash-basic-score-chip {
    color: #facc15; font-size: 0.7rem; font-weight: 800;
    padding: 0.08rem 0.34rem; border-radius: 6px;
    border: 1px solid rgba(250,204,21,0.35);
}
.bk-preview .clash-basic-pair {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 0.35rem;
}
.bk-preview .clash-basic-team {
    display: inline-flex; align-items: center; justify-content: center;
    gap: 0.35rem; min-width: 0;
    color: #f8fafc; font-size: 0.76rem; font-weight: 650;
}
.bk-preview .clash-basic-team-name {
    color: #e2e8f0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.bk-preview .clash-basic-score { color: #fff; font-weight: 800; font-size: 0.82rem; padding: 0.08rem 0.34rem; }
.bk-preview .clash-basic-team.loser { opacity: 0.65; }
.bk-preview .clash-advance-badge {
    font-size: 0.58rem; font-weight: 800; letter-spacing: 0.04em;
    color: #0b0f17; background: #34d399; border-radius: 4px; padding: 0.05rem 0.28rem;
}

/* Gallery tiles are a scaled-down copy of the real table, not a restyle
   that hides size mismatches. */
.bk-preview--mini {
    pointer-events: none;
    width: 172%;
    transform: scale(0.58);
    transform-origin: top left;
}
.bk-preview--mini .group-table thead th:nth-child(2),
.bk-preview--mini .group-table tbody td:nth-child(2) { display: none !important; }
.bk-preview--mini .group-status { display: none; }
.bk-preview--mini .pos-delta { display: none; }

#bk-gallery .bk-preview--mini { margin-bottom: 0; }
#bk-gallery > button { overflow: hidden; height: 128px; }

@media (max-width: 560px) {
    .bk-preview:not(.bk-preview--mini) .group-table thead th:nth-child(4),
    .bk-preview:not(.bk-preview--mini) .group-table thead th:nth-child(5),
    .bk-preview:not(.bk-preview--mini) .group-table thead th:nth-child(6) { width: 48px; }
    .bk-preview:not(.bk-preview--mini) .team-avatar { width: 28px; height: 28px; border-radius: 9px; font-size: 0.62rem; }
    .bk-preview:not(.bk-preview--mini) .group-card { padding: 0.75rem 0.7rem; }
    .bk-preview:not(.bk-preview--mini) .group-name { font-size: 0.95rem; }
}

/* ── TABLE FRAME ─────────────────────────────────────────────────────────── */
.bk-scope[data-bk-frame="flat"] .group-table-wrapper,
.bk-scope[data-bk-frame="flat"] .cross-cumulative-table-wrap { border-radius: 0 !important; }

.bk-scope[data-bk-frame="rounded"] .group-table-wrapper,
.bk-scope[data-bk-frame="rounded"] .cross-cumulative-table-wrap { border-radius: 16px !important; overflow: hidden !important; }

.bk-scope[data-bk-frame="soft"] .group-table-wrapper,
.bk-scope[data-bk-frame="soft"] .cross-cumulative-table-wrap { border-radius: 8px !important; overflow: hidden !important; }

.bk-scope[data-bk-frame="pill"] .group-table-wrapper,
.bk-scope[data-bk-frame="pill"] .cross-cumulative-table-wrap { border-radius: 26px !important; overflow: hidden !important; }

.bk-scope[data-bk-frame="cut-tl-br"] .group-table-wrapper,
.bk-scope[data-bk-frame="cut-tl-br"] .cross-cumulative-table-wrap {
    border-radius: 0 !important;
    clip-path: polygon(18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 18px) !important;
}
.bk-scope[data-bk-frame="cut-tr-bl"] .group-table-wrapper,
.bk-scope[data-bk-frame="cut-tr-bl"] .cross-cumulative-table-wrap {
    border-radius: 0 !important;
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px)) !important;
}
.bk-scope[data-bk-frame="cut-all"] .group-table-wrapper,
.bk-scope[data-bk-frame="cut-all"] .cross-cumulative-table-wrap {
    border-radius: 0 !important;
    clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px) !important;
}
.bk-scope[data-bk-frame="notch"] .group-table-wrapper,
.bk-scope[data-bk-frame="notch"] .cross-cumulative-table-wrap {
    border-radius: 0 !important;
    clip-path: polygon(0 0, calc(50% - 34px) 0, calc(50% - 24px) 10px, calc(50% + 24px) 10px, calc(50% + 34px) 0, 100% 0, 100% 100%, 0 100%) !important;
}
.bk-scope[data-bk-frame="chamfer"] .group-table-wrapper,
.bk-scope[data-bk-frame="chamfer"] .cross-cumulative-table-wrap {
    border-radius: 0 !important;
    clip-path: polygon(24px 0, calc(100% - 24px) 0, 100% 24px, 100% calc(100% - 24px), calc(100% - 24px) 100%, 24px 100%, 0 calc(100% - 24px), 0 24px) !important;
}
.bk-scope[data-bk-frame="ribbon"] .group-table-wrapper,
.bk-scope[data-bk-frame="ribbon"] .cross-cumulative-table-wrap {
    border-radius: 4px !important;
    box-shadow: -6px 0 0 -1px color-mix(in srgb, var(--bk-accent) 70%, transparent),
                 6px 0 0 -1px color-mix(in srgb, var(--bk-accent-2) 70%, transparent) !important;
}
.bk-scope[data-bk-frame="panel"] .group-table-wrapper,
.bk-scope[data-bk-frame="panel"] .cross-cumulative-table-wrap {
    border-radius: 12px !important;
    padding: 6px !important;
    background: rgba(255, 255, 255, 0.02) !important;
}

/* ── TABLE BORDER ────────────────────────────────────────────────────────── */
.bk-scope[data-bk-edge="none"] .group-table-wrapper,
.bk-scope[data-bk-edge="none"] .cross-cumulative-table-wrap { border: 0 !important; }

.bk-scope[data-bk-edge="hairline"] .group-table-wrapper,
.bk-scope[data-bk-edge="hairline"] .cross-cumulative-table-wrap { border: 1px solid rgba(255,255,255,0.07) !important; }

.bk-scope[data-bk-edge="solid"] .group-table-wrapper,
.bk-scope[data-bk-edge="solid"] .cross-cumulative-table-wrap {
    border: 1px solid color-mix(in srgb, var(--bk-accent) 42%, transparent) !important;
}
.bk-scope[data-bk-edge="bold"] .group-table-wrapper,
.bk-scope[data-bk-edge="bold"] .cross-cumulative-table-wrap {
    border: 3px solid color-mix(in srgb, var(--bk-accent) 62%, transparent) !important;
}
.bk-scope[data-bk-edge="double"] .group-table-wrapper,
.bk-scope[data-bk-edge="double"] .cross-cumulative-table-wrap {
    border: 4px double color-mix(in srgb, var(--bk-accent) 55%, transparent) !important;
}
.bk-scope[data-bk-edge="dashed"] .group-table-wrapper,
.bk-scope[data-bk-edge="dashed"] .cross-cumulative-table-wrap {
    border: 2px dashed color-mix(in srgb, var(--bk-accent) 45%, transparent) !important;
}
.bk-scope[data-bk-edge="glow"] .group-table-wrapper,
.bk-scope[data-bk-edge="glow"] .cross-cumulative-table-wrap {
    border: 1px solid color-mix(in srgb, var(--bk-accent) 50%, transparent) !important;
    box-shadow: 0 0 22px color-mix(in srgb, var(--bk-accent) 26%, transparent) !important;
}
.bk-scope[data-bk-edge="gradient"] .group-table-wrapper,
.bk-scope[data-bk-edge="gradient"] .cross-cumulative-table-wrap {
    border: 0 !important;
    background-image: linear-gradient(#0b0f17, #0b0f17),
        linear-gradient(120deg, var(--bk-accent), var(--bk-accent-2)) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
    border: 2px solid transparent !important;
}
.bk-scope[data-bk-edge="inset"] .group-table-wrapper,
.bk-scope[data-bk-edge="inset"] .cross-cumulative-table-wrap {
    border: 0 !important;
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--bk-accent) 35%, transparent) !important;
}

/* ── TABLE SURFACE + TEXTURE ─────────────────────────────────────────────── */
.bk-scope[data-bk-surface="flat"] .group-table-wrapper,
.bk-scope[data-bk-surface="flat"] .cross-cumulative-table-wrap { background: rgba(10,14,22,0.9) !important; }

.bk-scope[data-bk-surface="glass"] .group-table-wrapper,
.bk-scope[data-bk-surface="glass"] .cross-cumulative-table-wrap {
    background: rgba(255,255,255,0.04) !important;
    backdrop-filter: blur(8px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(8px) saturate(140%) !important;
}
.bk-scope[data-bk-surface="carbon"] .group-table-wrapper,
.bk-scope[data-bk-surface="carbon"] .cross-cumulative-table-wrap {
    background:
        repeating-linear-gradient(45deg, rgba(255,255,255,0.03) 0 2px, transparent 2px 4px),
        #0a0d14 !important;
}
.bk-scope[data-bk-surface="gradient"] .group-table-wrapper,
.bk-scope[data-bk-surface="gradient"] .cross-cumulative-table-wrap {
    background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(0,0,0,0.25)) !important;
}
.bk-scope[data-bk-surface="vignette"] .group-table-wrapper,
.bk-scope[data-bk-surface="vignette"] .cross-cumulative-table-wrap {
    background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,0.07), rgba(0,0,0,0.32)) !important;
}
.bk-scope[data-bk-surface="tint"] .group-table-wrapper,
.bk-scope[data-bk-surface="tint"] .cross-cumulative-table-wrap {
    background: color-mix(in srgb, var(--bk-accent) 10%, rgba(8,12,20,0.92)) !important;
}
.bk-scope[data-bk-surface="none"] .group-table-wrapper,
.bk-scope[data-bk-surface="none"] .cross-cumulative-table-wrap { background: transparent !important; }

.bk-scope[data-bk-texture]:not([data-bk-texture="inherit"]):not([data-bk-texture="none"]) .group-table-wrapper,
.bk-scope[data-bk-texture]:not([data-bk-texture="inherit"]):not([data-bk-texture="none"]) .cross-cumulative-table-wrap {
    background-blend-mode: overlay, normal;
}
.bk-scope[data-bk-texture="grid"] .group-table-wrapper,
.bk-scope[data-bk-texture="grid"] .cross-cumulative-table-wrap {
    background-image:
        linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px) !important;
    background-size: 26px 26px, 26px 26px !important;
}
.bk-scope[data-bk-texture="hex"] .group-table-wrapper,
.bk-scope[data-bk-texture="hex"] .cross-cumulative-table-wrap {
    background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.05) 1.5px, transparent 1.6px) !important;
    background-size: 22px 38px !important;
}
.bk-scope[data-bk-texture="scanlines"] .group-table-wrapper,
.bk-scope[data-bk-texture="scanlines"] .cross-cumulative-table-wrap {
    background-image: repeating-linear-gradient(0deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 4px) !important;
}
.bk-scope[data-bk-texture="dots"] .group-table-wrapper,
.bk-scope[data-bk-texture="dots"] .cross-cumulative-table-wrap {
    background-image: radial-gradient(rgba(255,255,255,0.07) 1px, transparent 1.2px) !important;
    background-size: 14px 14px !important;
}
.bk-scope[data-bk-texture="diagonal"] .group-table-wrapper,
.bk-scope[data-bk-texture="diagonal"] .cross-cumulative-table-wrap {
    background-image: repeating-linear-gradient(135deg, rgba(255,255,255,0.045) 0 2px, transparent 2px 12px) !important;
}
.bk-scope[data-bk-texture="mesh"] .group-table-wrapper,
.bk-scope[data-bk-texture="mesh"] .cross-cumulative-table-wrap {
    background-image:
        repeating-linear-gradient(45deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 10px),
        repeating-linear-gradient(-45deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 10px) !important;
}

/* ── HEADER ──────────────────────────────────────────────────────────────── */
.bk-scope[data-bk-headshape="flat"] .group-table thead th,
.bk-scope[data-bk-headshape="flat"] .cross-cumulative-table thead th { clip-path: none !important; border-radius: 0 !important; }

.bk-scope[data-bk-headshape="slant-right"] .group-table thead th:first-child,
.bk-scope[data-bk-headshape="slant-right"] .cross-cumulative-table thead th:first-child { clip-path: polygon(0 0, 100% 0, 100% 100%, 12px 100%) !important; }
.bk-scope[data-bk-headshape="slant-left"] .group-table thead th:last-child,
.bk-scope[data-bk-headshape="slant-left"] .cross-cumulative-table thead th:last-child { clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%) !important; }

.bk-scope[data-bk-headshape="tab"] .group-table thead th,
.bk-scope[data-bk-headshape="tab"] .cross-cumulative-table thead th { border-radius: 8px 8px 0 0 !important; }

.bk-scope[data-bk-headshape="capsule"] .group-table thead th,
.bk-scope[data-bk-headshape="capsule"] .cross-cumulative-table thead th { border-radius: 999px !important; }

.bk-scope[data-bk-headshape="chevron"] .group-table thead th:first-child,
.bk-scope[data-bk-headshape="chevron"] .cross-cumulative-table thead th:first-child { clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 50%, 100% 100%, 0 100%) !important; }

.bk-scope[data-bk-headshape="ribbon"] .group-table thead th,
.bk-scope[data-bk-headshape="ribbon"] .cross-cumulative-table thead th { box-shadow: inset 0 -3px 0 color-mix(in srgb, var(--bk-accent) 70%, transparent) !important; }

.bk-scope[data-bk-headshape="arch"] .group-table thead th,
.bk-scope[data-bk-headshape="arch"] .cross-cumulative-table thead th { border-radius: 14px 14px 2px 2px !important; }

.bk-scope[data-bk-headfill="transparent"] .group-table thead th,
.bk-scope[data-bk-headfill="transparent"] .cross-cumulative-table thead th { background: transparent !important; }
.bk-scope[data-bk-headfill="solid"] .group-table thead th,
.bk-scope[data-bk-headfill="solid"] .cross-cumulative-table thead th {
    background: color-mix(in srgb, var(--bk-accent) 30%, #0b0f17) !important;
    color: #fff !important;
}
.bk-scope[data-bk-headfill="gradient"] .group-table thead th,
.bk-scope[data-bk-headfill="gradient"] .cross-cumulative-table thead th {
    background: linear-gradient(100deg, color-mix(in srgb, var(--bk-accent) 40%, transparent), transparent 78%) !important;
}
.bk-scope[data-bk-headfill="split"] .group-table thead th,
.bk-scope[data-bk-headfill="split"] .cross-cumulative-table thead th {
    background: linear-gradient(90deg, color-mix(in srgb, var(--bk-accent) 32%, transparent) 0 50%, color-mix(in srgb, var(--bk-accent-2) 28%, transparent) 50% 100%) !important;
}
.bk-scope[data-bk-headfill="stripes"] .group-table thead th,
.bk-scope[data-bk-headfill="stripes"] .cross-cumulative-table thead th {
    background-image: repeating-linear-gradient(135deg, color-mix(in srgb, var(--bk-accent) 24%, transparent) 0 6px, transparent 6px 12px) !important;
}
.bk-scope[data-bk-headfill="glass"] .group-table thead th,
.bk-scope[data-bk-headfill="glass"] .cross-cumulative-table thead th {
    background: rgba(255,255,255,0.06) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}
.bk-scope[data-bk-headfill="metal"] .group-table thead th,
.bk-scope[data-bk-headfill="metal"] .cross-cumulative-table thead th {
    background: linear-gradient(180deg, rgba(255,255,255,0.16), rgba(255,255,255,0.02) 45%, rgba(0,0,0,0.3)) !important;
}

.bk-scope[data-bk-headrule="none"] .group-table thead th,
.bk-scope[data-bk-headrule="none"] .cross-cumulative-table thead th { border-bottom: 0 !important; }
.bk-scope[data-bk-headrule="thin"] .group-table thead th,
.bk-scope[data-bk-headrule="thin"] .cross-cumulative-table thead th { border-bottom: 1px solid color-mix(in srgb, var(--bk-accent) 40%, transparent) !important; }
.bk-scope[data-bk-headrule="thick"] .group-table thead th,
.bk-scope[data-bk-headrule="thick"] .cross-cumulative-table thead th { border-bottom: 3px solid color-mix(in srgb, var(--bk-accent) 70%, transparent) !important; }
.bk-scope[data-bk-headrule="gradient"] .group-table thead th,
.bk-scope[data-bk-headrule="gradient"] .cross-cumulative-table thead th {
    border-bottom: 0 !important;
    box-shadow: inset 0 -3px 0 0 transparent, 0 3px 0 -1px transparent !important;
    background-image: linear-gradient(90deg, var(--bk-accent), transparent) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 3px !important;
    background-position: bottom left !important;
}
.bk-scope[data-bk-headrule="glow"] .group-table thead th,
.bk-scope[data-bk-headrule="glow"] .cross-cumulative-table thead th {
    border-bottom: 1px solid color-mix(in srgb, var(--bk-accent) 60%, transparent) !important;
    box-shadow: 0 2px 12px color-mix(in srgb, var(--bk-accent) 40%, transparent) !important;
}
.bk-scope[data-bk-headrule="dashed"] .group-table thead th,
.bk-scope[data-bk-headrule="dashed"] .cross-cumulative-table thead th { border-bottom: 2px dashed color-mix(in srgb, var(--bk-accent) 45%, transparent) !important; }

/* ── RANK BADGE ──────────────────────────────────────────────────────────── */
.bk-scope[data-bk-rankshape]:not([data-bk-rankshape="inherit"]) .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankshape]:not([data-bk-rankshape="inherit"]) .cross-cumulative-table .col-pos .rank-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 1.9em !important;
    min-height: 1.9em !important;
    line-height: 1 !important;
}
.bk-scope[data-bk-rankshape="none"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankshape="none"] .cross-cumulative-table .col-pos .rank-badge {
    background: none !important; clip-path: none !important; border-radius: 0 !important; box-shadow: none !important;
}
.bk-scope[data-bk-rankshape="circle"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankshape="circle"] .cross-cumulative-table .col-pos .rank-badge { border-radius: 999px !important; }
.bk-scope[data-bk-rankshape="square"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankshape="square"] .cross-cumulative-table .col-pos .rank-badge { border-radius: 0 !important; }
.bk-scope[data-bk-rankshape="rounded"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankshape="rounded"] .cross-cumulative-table .col-pos .rank-badge { border-radius: 8px !important; }
.bk-scope[data-bk-rankshape="diamond"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankshape="diamond"] .cross-cumulative-table .col-pos .rank-badge { clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%) !important; }
.bk-scope[data-bk-rankshape="hex"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankshape="hex"] .cross-cumulative-table .col-pos .rank-badge { clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%) !important; }
.bk-scope[data-bk-rankshape="shield"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankshape="shield"] .cross-cumulative-table .col-pos .rank-badge { clip-path: polygon(0 0, 100% 0, 100% 62%, 50% 100%, 0 62%) !important; }
.bk-scope[data-bk-rankshape="blade"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankshape="blade"] .cross-cumulative-table .col-pos .rank-badge { clip-path: polygon(18% 0, 100% 0, 82% 100%, 0 100%) !important; }
.bk-scope[data-bk-rankshape="tag"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankshape="tag"] .cross-cumulative-table .col-pos .rank-badge { clip-path: polygon(0 0, 82% 0, 100% 50%, 82% 100%, 0 100%) !important; }
.bk-scope[data-bk-rankshape="ribbon"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankshape="ribbon"] .cross-cumulative-table .col-pos .rank-badge { clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 82%, 0 100%) !important; }
.bk-scope[data-bk-rankshape="bracket"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankshape="bracket"] .cross-cumulative-table .col-pos .rank-badge {
    background: none !important;
    box-shadow: inset 3px 0 0 var(--bk-accent), inset -3px 0 0 var(--bk-accent) !important;
}

.bk-scope[data-bk-rankfill="ghost"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankfill="ghost"] .cross-cumulative-table .col-pos .rank-badge { background: rgba(255,255,255,0.06) !important; }
.bk-scope[data-bk-rankfill="solid"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankfill="solid"] .cross-cumulative-table .col-pos .rank-badge { background: var(--bk-accent) !important; color: #0b0f17 !important; }
.bk-scope[data-bk-rankfill="gradient"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankfill="gradient"] .cross-cumulative-table .col-pos .rank-badge {
    background: linear-gradient(135deg, var(--bk-accent), var(--bk-accent-2)) !important; color: #0b0f17 !important;
}
.bk-scope[data-bk-rankfill="outline"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankfill="outline"] .cross-cumulative-table .col-pos .rank-badge {
    background: transparent !important;
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--bk-accent) 65%, transparent) !important;
}
.bk-scope[data-bk-rankfill="metal"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankfill="metal"] .cross-cumulative-table .col-pos .rank-badge {
    background: linear-gradient(180deg, rgba(255,255,255,0.28), rgba(255,255,255,0.04) 50%, rgba(0,0,0,0.34)) !important;
}
.bk-scope[data-bk-rankfill="glow"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankfill="glow"] .cross-cumulative-table .col-pos .rank-badge {
    background: color-mix(in srgb, var(--bk-accent) 24%, transparent) !important;
    box-shadow: 0 0 14px color-mix(in srgb, var(--bk-accent) 55%, transparent) !important;
}

/* Rank badges are equal squares. Size range stays close to FLOW (40px logos)
   so Small is never a speck next to Extra large. */
.bk-scope[data-bk-ranksize="sm"] { --bk-rank: 28px; --bk-rank-col: 40px; }
.bk-scope[data-bk-ranksize="md"] { --bk-rank: 32px; --bk-rank-col: 44px; }
.bk-scope[data-bk-ranksize="lg"] { --bk-rank: 36px; --bk-rank-col: 48px; }
.bk-scope[data-bk-ranksize="xl"] { --bk-rank: 40px; --bk-rank-col: 52px; }

.bk-scope[data-bk-ranksize="sm"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-ranksize="md"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-ranksize="lg"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-ranksize="xl"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-ranksize="sm"] .cross-cumulative-table .col-pos .rank-badge,
.bk-scope[data-bk-ranksize="md"] .cross-cumulative-table .col-pos .rank-badge,
.bk-scope[data-bk-ranksize="lg"] .cross-cumulative-table .col-pos .rank-badge,
.bk-scope[data-bk-ranksize="xl"] .cross-cumulative-table .col-pos .rank-badge {
    width: var(--bk-rank) !important;
    height: var(--bk-rank) !important;
    min-width: var(--bk-rank) !important;
    min-height: var(--bk-rank) !important;
    font-size: calc(var(--bk-rank) * 0.42) !important;
    box-sizing: border-box !important;
    flex-shrink: 0;
}

.bk-scope[data-bk-ranksize="sm"] .group-table thead th:nth-child(1),
.bk-scope[data-bk-ranksize="md"] .group-table thead th:nth-child(1),
.bk-scope[data-bk-ranksize="lg"] .group-table thead th:nth-child(1),
.bk-scope[data-bk-ranksize="xl"] .group-table thead th:nth-child(1),
.bk-scope[data-bk-ranksize="sm"] .group-table td.rank-number,
.bk-scope[data-bk-ranksize="md"] .group-table td.rank-number,
.bk-scope[data-bk-ranksize="lg"] .group-table td.rank-number,
.bk-scope[data-bk-ranksize="xl"] .group-table td.rank-number,
.bk-scope[data-bk-ranksize="sm"] .cross-cumulative-table .col-pos,
.bk-scope[data-bk-ranksize="md"] .cross-cumulative-table .col-pos,
.bk-scope[data-bk-ranksize="lg"] .cross-cumulative-table .col-pos,
.bk-scope[data-bk-ranksize="xl"] .cross-cumulative-table .col-pos {
    width: var(--bk-rank-col) !important;
    min-width: var(--bk-rank-col) !important;
}

/* ── ROWS ────────────────────────────────────────────────────────────────── */
.bk-scope[data-bk-rowshape="flat"] .group-table tbody tr td,
.bk-scope[data-bk-rowshape="flat"] .cross-cumulative-table tbody tr td { background: transparent !important; box-shadow: none !important; }

.bk-scope[data-bk-rowshape="card"] .group-table tbody tr td,
.bk-scope[data-bk-rowshape="card"] .cross-cumulative-table tbody tr td { background: rgba(255,255,255,0.045) !important; }
.bk-scope[data-bk-rowshape="card"] .group-table tbody tr td:first-child,
.bk-scope[data-bk-rowshape="card"] .cross-cumulative-table tbody tr td:first-child { border-radius: 10px 0 0 10px !important; }
.bk-scope[data-bk-rowshape="card"] .group-table tbody tr td:last-child,
.bk-scope[data-bk-rowshape="card"] .cross-cumulative-table tbody tr td:last-child { border-radius: 0 10px 10px 0 !important; }

.bk-scope[data-bk-rowshape="floating"] .group-table tbody tr td,
.bk-scope[data-bk-rowshape="floating"] .cross-cumulative-table tbody tr td {
    background: rgba(255,255,255,0.05) !important;
    box-shadow: 0 6px 16px rgba(0,0,0,0.35) !important;
}
.bk-scope[data-bk-rowshape="floating"] .group-table tbody tr td:first-child,
.bk-scope[data-bk-rowshape="floating"] .cross-cumulative-table tbody tr td:first-child { border-radius: 12px 0 0 12px !important; }
.bk-scope[data-bk-rowshape="floating"] .group-table tbody tr td:last-child,
.bk-scope[data-bk-rowshape="floating"] .cross-cumulative-table tbody tr td:last-child { border-radius: 0 12px 12px 0 !important; }

.bk-scope[data-bk-rowshape="capsule"] .group-table tbody tr td:first-child,
.bk-scope[data-bk-rowshape="capsule"] .cross-cumulative-table tbody tr td:first-child { border-radius: 999px 0 0 999px !important; }
.bk-scope[data-bk-rowshape="capsule"] .group-table tbody tr td:last-child,
.bk-scope[data-bk-rowshape="capsule"] .cross-cumulative-table tbody tr td:last-child { border-radius: 0 999px 999px 0 !important; }
.bk-scope[data-bk-rowshape="capsule"] .group-table tbody tr td,
.bk-scope[data-bk-rowshape="capsule"] .cross-cumulative-table tbody tr td { background: rgba(255,255,255,0.05) !important; }

.bk-scope[data-bk-rowshape="slant"] .group-table tbody tr td:first-child,
.bk-scope[data-bk-rowshape="slant"] .cross-cumulative-table tbody tr td:first-child { clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%) !important; }
.bk-scope[data-bk-rowshape="slant"] .group-table tbody tr td,
.bk-scope[data-bk-rowshape="slant"] .cross-cumulative-table tbody tr td { background: rgba(255,255,255,0.04) !important; }

.bk-scope[data-bk-rowshape="notch"] .group-table tbody tr td:first-child,
.bk-scope[data-bk-rowshape="notch"] .cross-cumulative-table tbody tr td:first-child {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
    background: rgba(255,255,255,0.045) !important;
}

.bk-scope[data-bk-rowshape="stripe-left"] .group-table tbody tr td:first-child,
.bk-scope[data-bk-rowshape="stripe-left"] .cross-cumulative-table tbody tr td:first-child {
    box-shadow: inset 4px 0 0 color-mix(in srgb, var(--bk-accent) 70%, transparent) !important;
}
.bk-scope[data-bk-rowshape="stripe-full"] .group-table tbody tr td,
.bk-scope[data-bk-rowshape="stripe-full"] .cross-cumulative-table tbody tr td {
    background: linear-gradient(90deg, color-mix(in srgb, var(--bk-accent) 14%, transparent), transparent 60%) !important;
}

.bk-scope[data-bk-rowgap="none"] .group-table,
.bk-scope[data-bk-rowgap="none"] .cross-cumulative-table { border-spacing: 0 !important; border-collapse: collapse !important; }
.bk-scope[data-bk-rowgap="tight"] .group-table,
.bk-scope[data-bk-rowgap="tight"] .cross-cumulative-table { border-collapse: separate !important; border-spacing: 0 4px !important; }
.bk-scope[data-bk-rowgap="normal"] .group-table,
.bk-scope[data-bk-rowgap="normal"] .cross-cumulative-table { border-collapse: separate !important; border-spacing: 0 6px !important; }
.bk-scope[data-bk-rowgap="wide"] .group-table,
.bk-scope[data-bk-rowgap="wide"] .cross-cumulative-table { border-collapse: separate !important; border-spacing: 0 8px !important; }

.bk-scope[data-bk-divider="none"] .group-table tbody tr td,
.bk-scope[data-bk-divider="none"] .cross-cumulative-table tbody tr td { border-bottom: 0 !important; }
.bk-scope[data-bk-divider="line"] .group-table tbody tr td,
.bk-scope[data-bk-divider="line"] .cross-cumulative-table tbody tr td { border-bottom: 1px solid rgba(255,255,255,0.08) !important; }
.bk-scope[data-bk-divider="dotted"] .group-table tbody tr td,
.bk-scope[data-bk-divider="dotted"] .cross-cumulative-table tbody tr td { border-bottom: 1px dotted rgba(255,255,255,0.18) !important; }
.bk-scope[data-bk-divider="dashed"] .group-table tbody tr td,
.bk-scope[data-bk-divider="dashed"] .cross-cumulative-table tbody tr td { border-bottom: 1px dashed rgba(255,255,255,0.16) !important; }
.bk-scope[data-bk-divider="gradient"] .group-table tbody tr td,
.bk-scope[data-bk-divider="gradient"] .cross-cumulative-table tbody tr td {
    border-bottom: 0 !important;
    background-image: linear-gradient(90deg, color-mix(in srgb, var(--bk-accent) 45%, transparent), transparent) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 1px !important;
    background-position: bottom left !important;
}
.bk-scope[data-bk-divider="glow"] .group-table tbody tr td,
.bk-scope[data-bk-divider="glow"] .cross-cumulative-table tbody tr td {
    border-bottom: 1px solid color-mix(in srgb, var(--bk-accent) 30%, transparent) !important;
    box-shadow: 0 1px 8px color-mix(in srgb, var(--bk-accent) 18%, transparent) !important;
}

.bk-scope[data-bk-hover="none"] .group-table tbody tr:hover td { background: inherit !important; transform: none !important; }
.bk-scope[data-bk-hover="lift"] .group-table tbody tr:hover td,
.bk-scope[data-bk-hover="lift"] .cross-cumulative-table tbody tr:hover td {
    transform: translateY(-2px) !important;
    transition: transform 0.16s ease !important;
}
.bk-scope[data-bk-hover="tint"] .group-table tbody tr:hover td,
.bk-scope[data-bk-hover="tint"] .cross-cumulative-table tbody tr:hover td {
    background: color-mix(in srgb, var(--bk-accent) 14%, transparent) !important;
}
.bk-scope[data-bk-hover="edge"] .group-table tbody tr:hover td:first-child,
.bk-scope[data-bk-hover="edge"] .cross-cumulative-table tbody tr:hover td:first-child {
    box-shadow: inset 4px 0 0 var(--bk-accent) !important;
}
.bk-scope[data-bk-hover="zoom"] .group-table tbody tr:hover,
.bk-scope[data-bk-hover="zoom"] .cross-cumulative-table tbody tr:hover {
    transform: scale(1.012) !important;
    transition: transform 0.16s ease !important;
}

/* ── TEAM IDENTITY ───────────────────────────────────────────────────────── */
.bk-scope[data-bk-logoshape="circle"] .team-avatar,
.bk-scope[data-bk-logoshape="circle"] .team-avatar img,
.bk-scope[data-bk-logoshape="circle"] .cross-cum-logo { border-radius: 999px !important; clip-path: none !important; }
.bk-scope[data-bk-logoshape="squircle"] .team-avatar,
.bk-scope[data-bk-logoshape="squircle"] .team-avatar img,
.bk-scope[data-bk-logoshape="squircle"] .cross-cum-logo { border-radius: 30% !important; clip-path: none !important; }
.bk-scope[data-bk-logoshape="rounded"] .team-avatar,
.bk-scope[data-bk-logoshape="rounded"] .team-avatar img,
.bk-scope[data-bk-logoshape="rounded"] .cross-cum-logo { border-radius: 8px !important; clip-path: none !important; }
.bk-scope[data-bk-logoshape="square"] .team-avatar,
.bk-scope[data-bk-logoshape="square"] .team-avatar img,
.bk-scope[data-bk-logoshape="square"] .cross-cum-logo { border-radius: 0 !important; clip-path: none !important; }
.bk-scope[data-bk-logoshape="hex"] .team-avatar,
.bk-scope[data-bk-logoshape="hex"] .team-avatar img,
.bk-scope[data-bk-logoshape="hex"] .cross-cum-logo { border-radius: 0 !important; clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%) !important; }
.bk-scope[data-bk-logoshape="shield"] .team-avatar,
.bk-scope[data-bk-logoshape="shield"] .team-avatar img,
.bk-scope[data-bk-logoshape="shield"] .cross-cum-logo { border-radius: 0 !important; clip-path: polygon(0 0, 100% 0, 100% 62%, 50% 100%, 0 62%) !important; }
.bk-scope[data-bk-logoshape="diamond"] .team-avatar,
.bk-scope[data-bk-logoshape="diamond"] .team-avatar img,
.bk-scope[data-bk-logoshape="diamond"] .cross-cum-logo { border-radius: 0 !important; clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%) !important; }
.bk-scope[data-bk-logoshape="cut"] .team-avatar,
.bk-scope[data-bk-logoshape="cut"] .team-avatar img,
.bk-scope[data-bk-logoshape="cut"] .cross-cum-logo { border-radius: 0 !important; clip-path: polygon(22% 0, 100% 0, 100% 78%, 78% 100%, 0 100%, 0 22%) !important; }

.bk-scope[data-bk-logoframe="none"] .team-avatar,
.bk-scope[data-bk-logoframe="none"] .cross-cum-logo { box-shadow: none !important; border: 0 !important; }
.bk-scope[data-bk-logoframe="ring"] .team-avatar,
.bk-scope[data-bk-logoframe="ring"] .cross-cum-logo { box-shadow: 0 0 0 2px color-mix(in srgb, var(--bk-accent) 60%, transparent) !important; }
.bk-scope[data-bk-logoframe="double"] .team-avatar,
.bk-scope[data-bk-logoframe="double"] .cross-cum-logo {
    box-shadow: 0 0 0 2px rgba(255,255,255,0.18), 0 0 0 4px color-mix(in srgb, var(--bk-accent) 60%, transparent) !important;
}
.bk-scope[data-bk-logoframe="glow"] .team-avatar,
.bk-scope[data-bk-logoframe="glow"] .cross-cum-logo { box-shadow: 0 0 14px color-mix(in srgb, var(--bk-accent) 55%, transparent) !important; }
.bk-scope[data-bk-logoframe="plate"] .team-avatar,
.bk-scope[data-bk-logoframe="plate"] .cross-cum-logo { background: rgba(255,255,255,0.08) !important; padding: 2px !important; }
.bk-scope[data-bk-logoframe="shadow"] .team-avatar,
.bk-scope[data-bk-logoframe="shadow"] .cross-cum-logo { box-shadow: 3px 3px 0 rgba(0,0,0,0.55) !important; }

.bk-scope[data-bk-namecase="normal"] .team-name,
.bk-scope[data-bk-namecase="normal"] .team-name-link,
.bk-scope[data-bk-namecase="normal"] .cross-cum-name { text-transform: none !important; font-variant: normal !important; }
.bk-scope[data-bk-namecase="upper"] .team-name,
.bk-scope[data-bk-namecase="upper"] .team-name-link,
.bk-scope[data-bk-namecase="upper"] .cross-cum-name { text-transform: uppercase !important; letter-spacing: 0.03em !important; }
.bk-scope[data-bk-namecase="caps"] .team-name,
.bk-scope[data-bk-namecase="caps"] .team-name-link,
.bk-scope[data-bk-namecase="caps"] .cross-cum-name { font-variant: small-caps !important; text-transform: lowercase !important; }

.bk-scope[data-bk-nameweight="regular"] .team-name,
.bk-scope[data-bk-nameweight="regular"] .team-name-link,
.bk-scope[data-bk-nameweight="regular"] .cross-cum-name { font-weight: 400 !important; }
.bk-scope[data-bk-nameweight="medium"] .team-name,
.bk-scope[data-bk-nameweight="medium"] .team-name-link,
.bk-scope[data-bk-nameweight="medium"] .cross-cum-name { font-weight: 500 !important; }
.bk-scope[data-bk-nameweight="bold"] .team-name,
.bk-scope[data-bk-nameweight="bold"] .team-name-link,
.bk-scope[data-bk-nameweight="bold"] .cross-cum-name { font-weight: 700 !important; }
.bk-scope[data-bk-nameweight="black"] .team-name,
.bk-scope[data-bk-nameweight="black"] .team-name-link,
.bk-scope[data-bk-nameweight="black"] .cross-cum-name { font-weight: 900 !important; }

.bk-scope[data-bk-flag="hidden"] .team-flag,
.bk-scope[data-bk-flag="hidden"] .cross-cum-flag { display: none !important; }
.bk-scope[data-bk-flag="flat"] .team-flag,
.bk-scope[data-bk-flag="flat"] .cross-cum-flag { border-radius: 0 !important; box-shadow: none !important; }
.bk-scope[data-bk-flag="rounded"] .team-flag,
.bk-scope[data-bk-flag="rounded"] .cross-cum-flag { border-radius: 4px !important; }
.bk-scope[data-bk-flag="circle"] .team-flag,
.bk-scope[data-bk-flag="circle"] .cross-cum-flag { border-radius: 999px !important; object-fit: cover !important; }
.bk-scope[data-bk-flag="framed"] .team-flag,
.bk-scope[data-bk-flag="framed"] .cross-cum-flag { border-radius: 3px !important; box-shadow: 0 0 0 1px rgba(255,255,255,0.35) !important; }

/* ── POINTS + PODIUM ─────────────────────────────────────────────────────── */
.bk-scope[data-bk-pointsshape]:not([data-bk-pointsshape="inherit"]):not([data-bk-pointsshape="plain"]) .group-table tbody tr td:last-child,
.bk-scope[data-bk-pointsshape]:not([data-bk-pointsshape="inherit"]):not([data-bk-pointsshape="plain"]) .cross-cumulative-table tbody td.col-num strong {
    display: inline-block !important;
    padding: 2px 10px !important;
}
.bk-scope[data-bk-pointsshape="plain"] .group-table tbody tr td:last-child,
.bk-scope[data-bk-pointsshape="plain"] .cross-cumulative-table tbody td.col-num strong {
    background: none !important; padding: 0 !important; border-radius: 0 !important;
}
.bk-scope[data-bk-pointsshape="chip"] .group-table tbody tr td:last-child,
.bk-scope[data-bk-pointsshape="chip"] .cross-cumulative-table tbody td.col-num strong {
    background: color-mix(in srgb, var(--bk-accent) 18%, transparent) !important;
    border-radius: 8px !important;
}
.bk-scope[data-bk-pointsshape="box"] .group-table tbody tr td:last-child,
.bk-scope[data-bk-pointsshape="box"] .cross-cumulative-table tbody td.col-num strong {
    background: color-mix(in srgb, var(--bk-accent) 26%, transparent) !important;
    border-radius: 3px !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bk-accent) 55%, transparent) !important;
}
.bk-scope[data-bk-pointsshape="pill"] .group-table tbody tr td:last-child,
.bk-scope[data-bk-pointsshape="pill"] .cross-cumulative-table tbody td.col-num strong {
    background: color-mix(in srgb, var(--bk-accent) 22%, transparent) !important;
    border-radius: 999px !important;
}
.bk-scope[data-bk-pointsshape="bar"] .group-table tbody tr td:last-child,
.bk-scope[data-bk-pointsshape="bar"] .cross-cumulative-table tbody td.col-num strong {
    background: linear-gradient(90deg, color-mix(in srgb, var(--bk-accent) 40%, transparent), transparent) !important;
    border-radius: 0 !important;
    box-shadow: inset 3px 0 0 var(--bk-accent) !important;
}
.bk-scope[data-bk-pointsshape="underline"] .group-table tbody tr td:last-child,
.bk-scope[data-bk-pointsshape="underline"] .cross-cumulative-table tbody td.col-num strong {
    background: none !important;
    border-bottom: 2px solid var(--bk-accent) !important;
    border-radius: 0 !important;
}
.bk-scope[data-bk-pointsshape="badge"] .group-table tbody tr td:last-child,
.bk-scope[data-bk-pointsshape="badge"] .cross-cumulative-table tbody td.col-num strong {
    background: linear-gradient(135deg, var(--bk-accent), var(--bk-accent-2)) !important;
    color: #0b0f17 !important;
    border-radius: 6px !important;
}

.bk-scope[data-bk-top3="none"] .group-table tbody tr:nth-child(-n+3) td { box-shadow: none !important; }
.bk-scope[data-bk-top3="gold"] .group-table tbody tr:nth-child(1) .rank-number .rank-badge,
.bk-scope[data-bk-top3="gold"] .cross-cumulative-table tbody tr:nth-child(1) .col-pos .rank-badge { color: #ffd166 !important; }
.bk-scope[data-bk-top3="gold"] .group-table tbody tr:nth-child(2) .rank-number .rank-badge,
.bk-scope[data-bk-top3="gold"] .cross-cumulative-table tbody tr:nth-child(2) .col-pos .rank-badge { color: #d7dee8 !important; }
.bk-scope[data-bk-top3="gold"] .group-table tbody tr:nth-child(3) .rank-number .rank-badge,
.bk-scope[data-bk-top3="gold"] .cross-cumulative-table tbody tr:nth-child(3) .col-pos .rank-badge { color: #d08c4a !important; }
.bk-scope[data-bk-top3="medal"] .group-table tbody tr:nth-child(-n+3) td:first-child,
.bk-scope[data-bk-top3="medal"] .cross-cumulative-table tbody tr:nth-child(-n+3) td:first-child { position: relative !important; }
.bk-scope[data-bk-top3="medal"] .group-table tbody tr:nth-child(1) td:first-child::after,
.bk-scope[data-bk-top3="medal"] .cross-cumulative-table tbody tr:nth-child(1) td:first-child::after { content: ''; position: absolute; top: 6px; right: 4px; width: 6px; height: 6px; border-radius: 999px; background: #ffd166; }
.bk-scope[data-bk-top3="medal"] .group-table tbody tr:nth-child(2) td:first-child::after,
.bk-scope[data-bk-top3="medal"] .cross-cumulative-table tbody tr:nth-child(2) td:first-child::after { content: ''; position: absolute; top: 6px; right: 4px; width: 6px; height: 6px; border-radius: 999px; background: #d7dee8; }
.bk-scope[data-bk-top3="medal"] .group-table tbody tr:nth-child(3) td:first-child::after,
.bk-scope[data-bk-top3="medal"] .cross-cumulative-table tbody tr:nth-child(3) td:first-child::after { content: ''; position: absolute; top: 6px; right: 4px; width: 6px; height: 6px; border-radius: 999px; background: #d08c4a; }
.bk-scope[data-bk-top3="bar"] .group-table tbody tr:nth-child(-n+3) td:first-child,
.bk-scope[data-bk-top3="bar"] .cross-cumulative-table tbody tr:nth-child(-n+3) td:first-child {
    box-shadow: inset 4px 0 0 #ffd166 !important;
}
.bk-scope[data-bk-top3="glow"] .group-table tbody tr:nth-child(-n+3) td,
.bk-scope[data-bk-top3="glow"] .cross-cumulative-table tbody tr:nth-child(-n+3) td {
    box-shadow: inset 0 0 22px color-mix(in srgb, var(--bk-accent) 18%, transparent) !important;
}
.bk-scope[data-bk-top3="crown"] .group-table tbody tr:nth-child(1) .team-name::before,
.bk-scope[data-bk-top3="crown"] .group-table tbody tr:nth-child(1) .team-name-link::before,
.bk-scope[data-bk-top3="crown"] .cross-cumulative-table tbody tr:nth-child(1) .cross-cum-name::before {
    content: '\f521';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #ffd166;
    margin-right: 6px;
    font-size: 0.8em;
}
.bk-scope[data-bk-top3="gradient"] .group-table tbody tr:nth-child(-n+3) td,
.bk-scope[data-bk-top3="gradient"] .cross-cumulative-table tbody tr:nth-child(-n+3) td {
    background-image: linear-gradient(90deg, color-mix(in srgb, #ffd166 16%, transparent), transparent 65%) !important;
}

.bk-scope[data-bk-qualmark="none"] .group-table tbody tr.advancing-row td { box-shadow: none !important; background-color: transparent !important; }
.bk-scope[data-bk-qualmark="bar"] .group-table tbody tr.advancing-row td:first-child { box-shadow: inset 4px 0 0 #22c55e !important; }
.bk-scope[data-bk-qualmark="tint"] .group-table tbody tr.advancing-row td { background-color: rgba(34,197,94,0.1) !important; }
.bk-scope[data-bk-qualmark="dot"] .group-table tbody tr.advancing-row td:first-child { position: relative !important; }
.bk-scope[data-bk-qualmark="dot"] .group-table tbody tr.advancing-row td:first-child::before {
    content: ''; position: absolute; left: 2px; top: 50%; transform: translateY(-50%);
    width: 6px; height: 6px; border-radius: 999px; background: #22c55e;
}
.bk-scope[data-bk-qualmark="arrow"] .group-table tbody tr.advancing-row .team-name::after,
.bk-scope[data-bk-qualmark="arrow"] .group-table tbody tr.advancing-row .team-name-link::after {
    content: '▲'; color: #22c55e; font-size: 0.62em; margin-left: 6px;
}
.bk-scope[data-bk-qualmark="outline"] .group-table tbody tr.advancing-row td {
    box-shadow: inset 0 1px 0 rgba(34,197,94,0.5), inset 0 -1px 0 rgba(34,197,94,0.5) !important;
}

/* ── GROUP CARD + MATCH CARD ─────────────────────────────────────────────── */
.bk-scope[data-bk-groupframe="flat"] .group-card { border-radius: 0 !important; }
.bk-scope[data-bk-groupframe="rounded"] .group-card { border-radius: 18px !important; }
.bk-scope[data-bk-groupframe="cut"] .group-card {
    border-radius: 0 !important;
    clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px) !important;
}
.bk-scope[data-bk-groupframe="notch"] .group-card {
    border-radius: 0 !important;
    clip-path: polygon(0 0, calc(50% - 40px) 0, calc(50% - 30px) 12px, calc(50% + 30px) 12px, calc(50% + 40px) 0, 100% 0, 100% 100%, 0 100%) !important;
}
.bk-scope[data-bk-groupframe="frame"] .group-card {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--bk-accent) 45%, transparent), inset 0 0 0 4px rgba(0,0,0,0.35) !important;
}
.bk-scope[data-bk-groupframe="glass"] .group-card {
    background: rgba(255,255,255,0.05) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}
.bk-scope[data-bk-groupframe="brutal"] .group-card {
    border-radius: 0 !important;
    border: 3px solid color-mix(in srgb, var(--bk-accent) 70%, transparent) !important;
    box-shadow: 8px 8px 0 rgba(0,0,0,0.55) !important;
}
.bk-scope[data-bk-groupframe="neon"] .group-card {
    border: 1px solid color-mix(in srgb, var(--bk-accent) 60%, transparent) !important;
    box-shadow: 0 0 24px color-mix(in srgb, var(--bk-accent) 32%, transparent), inset 0 0 18px color-mix(in srgb, var(--bk-accent) 12%, transparent) !important;
}

.bk-scope[data-bk-grouphead="bar"] .group-card-header { background: color-mix(in srgb, var(--bk-accent) 20%, transparent) !important; }
.bk-scope[data-bk-grouphead="tab"] .group-card-header { border-radius: 12px 12px 0 0 !important; background: rgba(255,255,255,0.06) !important; }
.bk-scope[data-bk-grouphead="slant"] .group-card-header {
    background: linear-gradient(100deg, color-mix(in srgb, var(--bk-accent) 32%, transparent), transparent 70%) !important;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 14px 100%) !important;
}
.bk-scope[data-bk-grouphead="ribbon"] .group-card-header { box-shadow: inset 0 -3px 0 var(--bk-accent) !important; }
.bk-scope[data-bk-grouphead="badge"] .group-card-header .group-name {
    background: color-mix(in srgb, var(--bk-accent) 26%, transparent) !important;
    padding: 3px 12px !important;
    border-radius: 999px !important;
}
.bk-scope[data-bk-grouphead="minimal"] .group-card-header { background: transparent !important; border-bottom: 1px solid rgba(255,255,255,0.07) !important; }

.bk-scope[data-bk-matchcard="flat"] .clash-basic-match { border-radius: 0 !important; box-shadow: none !important; }
.bk-scope[data-bk-matchcard="card"] .clash-basic-match { border-radius: 14px !important; background: rgba(255,255,255,0.045) !important; }
.bk-scope[data-bk-matchcard="cut"] .clash-basic-match {
    border-radius: 0 !important;
    clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px) !important;
}
.bk-scope[data-bk-matchcard="slant"] .clash-basic-match {
    border-radius: 0 !important;
    clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%) !important;
}
.bk-scope[data-bk-matchcard="frame"] .clash-basic-match {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--bk-accent) 45%, transparent), inset 0 0 0 4px rgba(0,0,0,0.32) !important;
}
.bk-scope[data-bk-matchcard="glass"] .clash-basic-match {
    background: rgba(255,255,255,0.05) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}
.bk-scope[data-bk-matchcard="brutal"] .clash-basic-match {
    border-radius: 0 !important;
    border: 3px solid color-mix(in srgb, var(--bk-accent) 70%, transparent) !important;
    box-shadow: 6px 6px 0 rgba(0,0,0,0.5) !important;
}
.bk-scope[data-bk-matchcard="neon"] .clash-basic-match {
    border: 1px solid color-mix(in srgb, var(--bk-accent) 55%, transparent) !important;
    box-shadow: 0 0 20px color-mix(in srgb, var(--bk-accent) 28%, transparent) !important;
}

.bk-scope[data-bk-scorechip="plain"] .clash-basic-score-chip,
.bk-scope[data-bk-scorechip="plain"] .clash-basic-score { background: none !important; border-radius: 0 !important; }
.bk-scope[data-bk-scorechip="chip"] .clash-basic-score-chip,
.bk-scope[data-bk-scorechip="chip"] .clash-basic-score {
    background: color-mix(in srgb, var(--bk-accent) 20%, transparent) !important; border-radius: 8px !important;
}
.bk-scope[data-bk-scorechip="box"] .clash-basic-score-chip,
.bk-scope[data-bk-scorechip="box"] .clash-basic-score {
    background: color-mix(in srgb, var(--bk-accent) 26%, transparent) !important;
    border-radius: 2px !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bk-accent) 55%, transparent) !important;
}
.bk-scope[data-bk-scorechip="pill"] .clash-basic-score-chip,
.bk-scope[data-bk-scorechip="pill"] .clash-basic-score {
    background: color-mix(in srgb, var(--bk-accent) 22%, transparent) !important; border-radius: 999px !important;
}
.bk-scope[data-bk-scorechip="cut"] .clash-basic-score-chip,
.bk-scope[data-bk-scorechip="cut"] .clash-basic-score {
    background: color-mix(in srgb, var(--bk-accent) 24%, transparent) !important;
    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%) !important;
}
.bk-scope[data-bk-scorechip="hex"] .clash-basic-score-chip,
.bk-scope[data-bk-scorechip="hex"] .clash-basic-score {
    background: color-mix(in srgb, var(--bk-accent) 24%, transparent) !important;
    clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%) !important;
}

.bk-scope[data-bk-winnermark="none"] .clash-basic-team.winner { box-shadow: none !important; background: inherit !important; }
.bk-scope[data-bk-winnermark="bar"] .clash-basic-team.winner { box-shadow: inset 4px 0 0 var(--bk-accent) !important; }
.bk-scope[data-bk-winnermark="glow"] .clash-basic-team.winner { box-shadow: 0 0 18px color-mix(in srgb, var(--bk-accent) 45%, transparent) !important; }
.bk-scope[data-bk-winnermark="tint"] .clash-basic-team.winner { background: color-mix(in srgb, var(--bk-accent) 16%, transparent) !important; }
.bk-scope[data-bk-winnermark="border"] .clash-basic-team.winner { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--bk-accent) 65%, transparent) !important; }
.bk-scope[data-bk-winnermark="check"] .clash-basic-team.winner .clash-basic-team-name::after {
    content: '\f00c';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: var(--bk-accent);
    margin-left: 8px;
    font-size: 0.75em;
}

/* ── AMBIENCE ────────────────────────────────────────────────────────────── */
.bk-scope[data-bk-glow="none"] .group-card,
.bk-scope[data-bk-glow="none"] .group-table-wrapper { filter: none !important; }
.bk-scope[data-bk-glow="soft"] .group-card { box-shadow: 0 0 20px color-mix(in srgb, var(--bk-accent) 12%, transparent) !important; }
.bk-scope[data-bk-glow="medium"] .group-card { box-shadow: 0 0 30px color-mix(in srgb, var(--bk-accent) 22%, transparent) !important; }
.bk-scope[data-bk-glow="strong"] .group-card { box-shadow: 0 0 44px color-mix(in srgb, var(--bk-accent) 34%, transparent) !important; }

.bk-scope[data-bk-shadow="none"] .group-card,
.bk-scope[data-bk-shadow="none"] .clash-basic-match { box-shadow: none !important; }
.bk-scope[data-bk-shadow="soft"] .group-card,
.bk-scope[data-bk-shadow="soft"] .clash-basic-match { box-shadow: 0 8px 22px rgba(0,0,0,0.35) !important; }
.bk-scope[data-bk-shadow="hard"] .group-card,
.bk-scope[data-bk-shadow="hard"] .clash-basic-match { box-shadow: 8px 8px 0 rgba(0,0,0,0.55) !important; }
.bk-scope[data-bk-shadow="long"] .group-card,
.bk-scope[data-bk-shadow="long"] .clash-basic-match { box-shadow: 0 26px 44px -18px rgba(0,0,0,0.75) !important; }

@keyframes bkFadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes bkRise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes bkSweep { from { opacity: 0; transform: translateX(-14px); } to { opacity: 1; transform: none; } }

.bk-scope[data-bk-motion="fade"] .group-table tbody tr { animation: bkFadeIn 0.35s ease both; }
.bk-scope[data-bk-motion="rise"] .group-table tbody tr { animation: bkRise 0.36s ease both; }
.bk-scope[data-bk-motion="sweep"] .group-table tbody tr { animation: bkSweep 0.34s ease both; }
.bk-scope[data-bk-motion="fade"] .group-table tbody tr:nth-child(n+2),
.bk-scope[data-bk-motion="rise"] .group-table tbody tr:nth-child(n+2),
.bk-scope[data-bk-motion="sweep"] .group-table tbody tr:nth-child(n+2) { animation-delay: 0.04s; }
.bk-scope[data-bk-motion="fade"] .group-table tbody tr:nth-child(n+5),
.bk-scope[data-bk-motion="rise"] .group-table tbody tr:nth-child(n+5),
.bk-scope[data-bk-motion="sweep"] .group-table tbody tr:nth-child(n+5) { animation-delay: 0.08s; }

@media (prefers-reduced-motion: reduce) {
    .bk-scope[data-bk-motion] .group-table tbody tr { animation: none !important; }
    .bk-scope[data-bk-hover] .group-table tbody tr:hover td,
    .bk-scope[data-bk-hover] .group-table tbody tr:hover { transform: none !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   PREMIUM LAYER
   Finishes, ornaments, typography and lighting. Same rules as above: every
   option is one block, 'inherit' has none.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── PREMIUM FINISH ──────────────────────────────────────────────────────── */
.bk-scope[data-bk-finish]:not([data-bk-finish="inherit"]):not([data-bk-finish="none"]) .group-table-wrapper,
.bk-scope[data-bk-finish]:not([data-bk-finish="inherit"]):not([data-bk-finish="none"]) .cross-cumulative-table-wrap {
    position: relative !important;
    isolation: isolate !important;
}
.bk-scope[data-bk-finish]:not([data-bk-finish="inherit"]):not([data-bk-finish="none"]) .group-table-wrapper::after,
.bk-scope[data-bk-finish]:not([data-bk-finish="inherit"]):not([data-bk-finish="none"]) .cross-cumulative-table-wrap::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;
}
.bk-scope[data-bk-finish="foil"] .group-table-wrapper::after,
.bk-scope[data-bk-finish="foil"] .cross-cumulative-table-wrap::after {
    background: linear-gradient(115deg, rgba(255,215,120,0.22) 0%, rgba(255,255,255,0.06) 26%, transparent 42%, rgba(255,196,77,0.18) 68%, transparent 88%);
    mix-blend-mode: screen;
}
.bk-scope[data-bk-finish="foil"] .group-table thead th,
.bk-scope[data-bk-finish="foil"] .cross-cumulative-table thead th { color: #ffe6a8 !important; }

.bk-scope[data-bk-finish="chrome"] .group-table-wrapper::after,
.bk-scope[data-bk-finish="chrome"] .cross-cumulative-table-wrap::after {
    background: linear-gradient(100deg, rgba(255,255,255,0.2) 0%, transparent 22%, rgba(255,255,255,0.12) 45%, transparent 62%, rgba(255,255,255,0.18) 85%);
    mix-blend-mode: overlay;
}
.bk-scope[data-bk-finish="holo"] .group-table-wrapper::after,
.bk-scope[data-bk-finish="holo"] .cross-cumulative-table-wrap::after {
    background: linear-gradient(120deg,
        rgba(255,0,128,0.16) 0%, rgba(0,208,255,0.14) 24%, rgba(140,255,120,0.12) 48%,
        rgba(255,214,0,0.14) 72%, rgba(180,0,255,0.16) 100%);
    mix-blend-mode: color-dodge;
    opacity: 0.55;
}
.bk-scope[data-bk-finish="emboss"] .group-table tbody td,
.bk-scope[data-bk-finish="emboss"] .cross-cumulative-table tbody td {
    text-shadow: 0 1px 0 rgba(0,0,0,0.55), 0 -1px 0 rgba(255,255,255,0.06) !important;
}
.bk-scope[data-bk-finish="emboss"] .group-table-wrapper::after,
.bk-scope[data-bk-finish="emboss"] .cross-cumulative-table-wrap::after {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), inset 0 -1px 0 rgba(0,0,0,0.5);
}
.bk-scope[data-bk-finish="satin"] .group-table-wrapper::after,
.bk-scope[data-bk-finish="satin"] .cross-cumulative-table-wrap::after {
    background: linear-gradient(180deg, rgba(255,255,255,0.1), transparent 40%, rgba(0,0,0,0.18));
}
.bk-scope[data-bk-finish="obsidian"] .group-table-wrapper::after,
.bk-scope[data-bk-finish="obsidian"] .cross-cumulative-table-wrap::after {
    background: radial-gradient(120% 80% at 50% -10%, rgba(255,255,255,0.09), transparent 55%),
                linear-gradient(180deg, transparent 55%, rgba(0,0,0,0.4));
}
.bk-scope[data-bk-finish="aurora"] .group-table-wrapper::after,
.bk-scope[data-bk-finish="aurora"] .cross-cumulative-table-wrap::after {
    background: radial-gradient(90% 60% at 12% 0%, color-mix(in srgb, var(--bk-accent) 30%, transparent), transparent 60%),
                radial-gradient(90% 60% at 88% 100%, color-mix(in srgb, var(--bk-accent-2) 28%, transparent), transparent 60%);
    mix-blend-mode: screen;
}
.bk-scope[data-bk-finish="carbonfiber"] .group-table-wrapper::after,
.bk-scope[data-bk-finish="carbonfiber"] .cross-cumulative-table-wrap::after {
    background:
        repeating-linear-gradient(45deg, rgba(255,255,255,0.05) 0 2px, transparent 2px 5px),
        repeating-linear-gradient(-45deg, rgba(0,0,0,0.28) 0 2px, transparent 2px 5px);
    opacity: 0.7;
}
.bk-scope[data-bk-finish="velvet"] .group-table-wrapper::after,
.bk-scope[data-bk-finish="velvet"] .cross-cumulative-table-wrap::after {
    background: radial-gradient(110% 80% at 50% 0%, color-mix(in srgb, var(--bk-accent) 16%, transparent), transparent 60%),
                linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.4));
}

/* ── ACCENT EDGE + CORNER BRACKETS ───────────────────────────────────────── */
.bk-scope[data-bk-accentbar="top"] .group-table-wrapper,
.bk-scope[data-bk-accentbar="top"] .cross-cumulative-table-wrap { box-shadow: inset 0 3px 0 var(--bk-accent) !important; }
.bk-scope[data-bk-accentbar="left"] .group-table-wrapper,
.bk-scope[data-bk-accentbar="left"] .cross-cumulative-table-wrap { box-shadow: inset 3px 0 0 var(--bk-accent) !important; }
.bk-scope[data-bk-accentbar="bottom"] .group-table-wrapper,
.bk-scope[data-bk-accentbar="bottom"] .cross-cumulative-table-wrap { box-shadow: inset 0 -3px 0 var(--bk-accent) !important; }
.bk-scope[data-bk-accentbar="frame"] .group-table-wrapper,
.bk-scope[data-bk-accentbar="frame"] .cross-cumulative-table-wrap {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--bk-accent) 55%, transparent) !important;
}
.bk-scope[data-bk-accentbar="split"] .group-table-wrapper,
.bk-scope[data-bk-accentbar="split"] .cross-cumulative-table-wrap {
    background-image: linear-gradient(90deg, var(--bk-accent) 0 50%, var(--bk-accent-2) 50% 100%) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 3px !important;
    background-position: top left !important;
}
.bk-scope[data-bk-accentbar="corner"] .group-table-wrapper,
.bk-scope[data-bk-accentbar="corner"] .cross-cumulative-table-wrap {
    box-shadow: inset 44px 3px 0 -41px var(--bk-accent), inset -44px -3px 0 -41px var(--bk-accent) !important;
}

.bk-scope[data-bk-cornertag]:not([data-bk-cornertag="inherit"]):not([data-bk-cornertag="none"]) .group-table-wrapper,
.bk-scope[data-bk-cornertag]:not([data-bk-cornertag="inherit"]):not([data-bk-cornertag="none"]) .cross-cumulative-table-wrap { position: relative !important; }
.bk-scope[data-bk-cornertag]:not([data-bk-cornertag="inherit"]):not([data-bk-cornertag="none"]) .group-table-wrapper::before,
.bk-scope[data-bk-cornertag]:not([data-bk-cornertag="inherit"]):not([data-bk-cornertag="none"]) .cross-cumulative-table-wrap::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 3;
}
.bk-scope[data-bk-cornertag="top"] .group-table-wrapper::before,
.bk-scope[data-bk-cornertag="top"] .cross-cumulative-table-wrap::before {
    border-top: 2px solid var(--bk-accent);
    border-left: 2px solid var(--bk-accent);
    border-right: 2px solid var(--bk-accent);
    clip-path: polygon(0 0, 20px 0, 20px 2px, 2px 2px, 2px 18px, 0 18px,
                       0 0, 100% 0, 100% 18px, calc(100% - 2px) 18px, calc(100% - 2px) 2px, calc(100% - 20px) 2px, calc(100% - 20px) 0, 100% 0);
}
.bk-scope[data-bk-cornertag="bottom"] .group-table-wrapper::before,
.bk-scope[data-bk-cornertag="bottom"] .cross-cumulative-table-wrap::before {
    border-bottom: 2px solid var(--bk-accent);
    border-left: 2px solid var(--bk-accent);
    border-right: 2px solid var(--bk-accent);
    clip-path: polygon(0 100%, 20px 100%, 20px calc(100% - 2px), 2px calc(100% - 2px), 2px calc(100% - 18px), 0 calc(100% - 18px),
                       0 100%, 100% 100%, 100% calc(100% - 18px), calc(100% - 2px) calc(100% - 18px), calc(100% - 2px) calc(100% - 2px), calc(100% - 20px) calc(100% - 2px), calc(100% - 20px) 100%, 100% 100%);
}
.bk-scope[data-bk-cornertag="all"] .group-table-wrapper::before,
.bk-scope[data-bk-cornertag="all"] .cross-cumulative-table-wrap::before {
    border: 2px solid var(--bk-accent);
    -webkit-mask:
        linear-gradient(#000 0 0) top left / 22px 22px no-repeat,
        linear-gradient(#000 0 0) top right / 22px 22px no-repeat,
        linear-gradient(#000 0 0) bottom left / 22px 22px no-repeat,
        linear-gradient(#000 0 0) bottom right / 22px 22px no-repeat;
    mask:
        linear-gradient(#000 0 0) top left / 22px 22px no-repeat,
        linear-gradient(#000 0 0) top right / 22px 22px no-repeat,
        linear-gradient(#000 0 0) bottom left / 22px 22px no-repeat,
        linear-gradient(#000 0 0) bottom right / 22px 22px no-repeat;
}
.bk-scope[data-bk-cornertag="diagonal"] .group-table-wrapper::before,
.bk-scope[data-bk-cornertag="diagonal"] .cross-cumulative-table-wrap::before {
    border: 2px solid var(--bk-accent);
    -webkit-mask:
        linear-gradient(#000 0 0) top left / 22px 22px no-repeat,
        linear-gradient(#000 0 0) bottom right / 22px 22px no-repeat;
    mask:
        linear-gradient(#000 0 0) top left / 22px 22px no-repeat,
        linear-gradient(#000 0 0) bottom right / 22px 22px no-repeat;
}

/* ── EXTRA TEXTURES ──────────────────────────────────────────────────────── */
.bk-scope[data-bk-texture="weave"] .group-table-wrapper,
.bk-scope[data-bk-texture="weave"] .cross-cumulative-table-wrap {
    background-image:
        repeating-linear-gradient(0deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 6px),
        repeating-linear-gradient(90deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 6px) !important;
}
.bk-scope[data-bk-texture="circuit"] .group-table-wrapper,
.bk-scope[data-bk-texture="circuit"] .cross-cumulative-table-wrap {
    background-image:
        linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
        radial-gradient(circle at 12px 12px, color-mix(in srgb, var(--bk-accent) 30%, transparent) 1.5px, transparent 2px) !important;
    background-size: 36px 36px, 36px 36px, 36px 36px !important;
}
.bk-scope[data-bk-texture="topo"] .group-table-wrapper,
.bk-scope[data-bk-texture="topo"] .cross-cumulative-table-wrap {
    background-image: repeating-radial-gradient(circle at 20% 30%, rgba(255,255,255,0.05) 0 1px, transparent 1px 16px) !important;
}
.bk-scope[data-bk-texture="noise"] .group-table-wrapper,
.bk-scope[data-bk-texture="noise"] .cross-cumulative-table-wrap {
    background-image: repeating-conic-gradient(rgba(255,255,255,0.035) 0% 25%, transparent 0% 50%) !important;
    background-size: 5px 5px !important;
}

/* ── HEADER EXTRAS ───────────────────────────────────────────────────────── */
.bk-scope[data-bk-headrule="double"] .group-table thead th,
.bk-scope[data-bk-headrule="double"] .cross-cumulative-table thead th {
    border-bottom: 4px double color-mix(in srgb, var(--bk-accent) 60%, transparent) !important;
}
.bk-scope[data-bk-headrule="segmented"] .group-table thead th,
.bk-scope[data-bk-headrule="segmented"] .cross-cumulative-table thead th {
    border-bottom: 0 !important;
    background-image: repeating-linear-gradient(90deg, var(--bk-accent) 0 14px, transparent 14px 22px) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 2px !important;
    background-position: bottom left !important;
}

.bk-scope[data-bk-headornament="slashes"] .group-table thead th:first-child::before,
.bk-scope[data-bk-headornament="slashes"] .cross-cumulative-table thead th:first-child::before {
    content: '///'; color: var(--bk-accent); margin-right: 6px; opacity: 0.8; letter-spacing: -1px;
}
.bk-scope[data-bk-headornament="dots"] .group-table thead th:first-child::before,
.bk-scope[data-bk-headornament="dots"] .cross-cumulative-table thead th:first-child::before {
    content: '•••'; color: var(--bk-accent); margin-right: 6px; letter-spacing: 1px;
}
.bk-scope[data-bk-headornament="bars"] .group-table thead th:first-child::before,
.bk-scope[data-bk-headornament="bars"] .cross-cumulative-table thead th:first-child::before {
    content: '▮▮'; color: var(--bk-accent); margin-right: 6px; font-size: 0.7em;
}
.bk-scope[data-bk-headornament="arrow"] .group-table thead th:last-child::after,
.bk-scope[data-bk-headornament="arrow"] .cross-cumulative-table thead th:last-child::after {
    content: '›'; color: var(--bk-accent); margin-left: 6px; font-size: 1.1em;
}
.bk-scope[data-bk-headornament="notch"] .group-table thead th:first-child,
.bk-scope[data-bk-headornament="notch"] .cross-cumulative-table thead th:first-child {
    box-shadow: inset 0 8px 0 -6px var(--bk-accent) !important;
}

.bk-scope[data-bk-headcase="normal"] .group-table thead th,
.bk-scope[data-bk-headcase="normal"] .cross-cumulative-table thead th { text-transform: none !important; letter-spacing: 0 !important; }
.bk-scope[data-bk-headcase="upper"] .group-table thead th,
.bk-scope[data-bk-headcase="upper"] .cross-cumulative-table thead th { text-transform: uppercase !important; }
.bk-scope[data-bk-headcase="wide"] .group-table thead th,
.bk-scope[data-bk-headcase="wide"] .cross-cumulative-table thead th { text-transform: uppercase !important; letter-spacing: 0.2em !important; }
.bk-scope[data-bk-headcase="condensed"] .group-table thead th,
.bk-scope[data-bk-headcase="condensed"] .cross-cumulative-table thead th {
    text-transform: uppercase !important;
    letter-spacing: -0.01em !important;
    font-stretch: condensed !important;
    font-family: 'Rajdhani', 'Oswald', 'Inter', sans-serif !important;
}

/* ── RANK EXTRAS ─────────────────────────────────────────────────────────── */
.bk-scope[data-bk-rankfont="sans"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankfont="sans"] .cross-cumulative-table .col-pos .rank-badge { font-family: 'Inter', sans-serif !important; }
.bk-scope[data-bk-rankfont="mono"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankfont="mono"] .cross-cumulative-table .col-pos .rank-badge { font-family: 'JetBrains Mono', 'Courier New', monospace !important; }
.bk-scope[data-bk-rankfont="display"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankfont="display"] .cross-cumulative-table .col-pos .rank-badge { font-family: 'Orbitron', 'Audiowide', sans-serif !important; }
.bk-scope[data-bk-rankfont="condensed"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankfont="condensed"] .cross-cumulative-table .col-pos .rank-badge { font-family: 'Rajdhani', 'Oswald', sans-serif !important; }
.bk-scope[data-bk-rankfont="serif"] .group-table .rank-number .rank-badge,
.bk-scope[data-bk-rankfont="serif"] .cross-cumulative-table .col-pos .rank-badge { font-family: Georgia, 'Times New Roman', serif !important; }

.bk-scope[data-bk-rankmedal="disc"] .group-table tbody tr:nth-child(1) .rank-number .rank-badge { background: radial-gradient(circle at 30% 25%, #fff3c4, #e0aa3e 60%, #8a5f14) !important; color: #40300a !important; }
.bk-scope[data-bk-rankmedal="disc"] .group-table tbody tr:nth-child(2) .rank-number .rank-badge { background: radial-gradient(circle at 30% 25%, #ffffff, #c3cbd6 60%, #78818e) !important; color: #2b3038 !important; }
.bk-scope[data-bk-rankmedal="disc"] .group-table tbody tr:nth-child(3) .rank-number .rank-badge { background: radial-gradient(circle at 30% 25%, #f3c9a0, #c07b3c 60%, #7a441a) !important; color: #3a2210 !important; }
.bk-scope[data-bk-rankmedal="ring"] .group-table tbody tr:nth-child(1) .rank-number .rank-badge { box-shadow: inset 0 0 0 2px #e0aa3e !important; color: #ffd166 !important; }
.bk-scope[data-bk-rankmedal="ring"] .group-table tbody tr:nth-child(2) .rank-number .rank-badge { box-shadow: inset 0 0 0 2px #c3cbd6 !important; color: #dfe6ee !important; }
.bk-scope[data-bk-rankmedal="ring"] .group-table tbody tr:nth-child(3) .rank-number .rank-badge { box-shadow: inset 0 0 0 2px #c07b3c !important; color: #e0a06a !important; }
.bk-scope[data-bk-rankmedal="star"] .group-table tbody tr:nth-child(-n+3) .rank-number .rank-badge::after {
    content: '★'; color: #ffd166; font-size: 0.55em; margin-left: 3px; vertical-align: super;
}
.bk-scope[data-bk-rankmedal="laurel"] .group-table tbody tr:nth-child(1) .rank-number .rank-badge::before { content: '❰'; color: #ffd166; margin-right: 2px; font-size: 0.7em; }
.bk-scope[data-bk-rankmedal="laurel"] .group-table tbody tr:nth-child(1) .rank-number .rank-badge::after { content: '❱'; color: #ffd166; margin-left: 2px; font-size: 0.7em; }
.bk-scope[data-bk-rankmedal="chevron"] .group-table tbody tr:nth-child(-n+3) .rank-number .rank-badge::before {
    content: '›'; color: var(--bk-accent); margin-right: 3px; font-weight: 900;
}

/* ── ROW EXTRAS ──────────────────────────────────────────────────────────── */
.bk-scope[data-bk-rowheight="xs"] .group-table tbody td,
.bk-scope[data-bk-rowheight="xs"] .cross-cumulative-table tbody td { padding-top: 0.38rem !important; padding-bottom: 0.38rem !important; }
.bk-scope[data-bk-rowheight="sm"] .group-table tbody td,
.bk-scope[data-bk-rowheight="sm"] .cross-cumulative-table tbody td { padding-top: 0.42rem !important; padding-bottom: 0.42rem !important; }
.bk-scope[data-bk-rowheight="md"] .group-table tbody td,
.bk-scope[data-bk-rowheight="md"] .cross-cumulative-table tbody td { padding-top: 0.52rem !important; padding-bottom: 0.52rem !important; }
.bk-scope[data-bk-rowheight="lg"] .group-table tbody td,
.bk-scope[data-bk-rowheight="lg"] .cross-cumulative-table tbody td { padding-top: 0.62rem !important; padding-bottom: 0.62rem !important; }
.bk-scope[data-bk-rowheight="xl"] .group-table tbody td,
.bk-scope[data-bk-rowheight="xl"] .cross-cumulative-table tbody td { padding-top: 0.72rem !important; padding-bottom: 0.72rem !important; }

.bk-scope[data-bk-zebra="none"] .group-table tbody tr:nth-child(odd) td,
.bk-scope[data-bk-zebra="none"] .cross-cumulative-table tbody tr:nth-child(odd) td { background-color: transparent !important; }
.bk-scope[data-bk-zebra="subtle"] .group-table tbody tr:nth-child(odd) td,
.bk-scope[data-bk-zebra="subtle"] .cross-cumulative-table tbody tr:nth-child(odd) td { background-color: rgba(255,255,255,0.025) !important; }
.bk-scope[data-bk-zebra="medium"] .group-table tbody tr:nth-child(odd) td,
.bk-scope[data-bk-zebra="medium"] .cross-cumulative-table tbody tr:nth-child(odd) td { background-color: rgba(255,255,255,0.055) !important; }
.bk-scope[data-bk-zebra="strong"] .group-table tbody tr:nth-child(odd) td,
.bk-scope[data-bk-zebra="strong"] .cross-cumulative-table tbody tr:nth-child(odd) td { background-color: rgba(255,255,255,0.09) !important; }
.bk-scope[data-bk-zebra="accent"] .group-table tbody tr:nth-child(odd) td,
.bk-scope[data-bk-zebra="accent"] .cross-cumulative-table tbody tr:nth-child(odd) td {
    background-color: color-mix(in srgb, var(--bk-accent) 9%, transparent) !important;
}

@keyframes bkSheen { from { background-position: -160% 0; } to { background-position: 260% 0; } }
.bk-scope[data-bk-hover="sheen"] .group-table tbody tr:hover td {
    background-image: linear-gradient(100deg, transparent 30%, rgba(255,255,255,0.18) 50%, transparent 70%) !important;
    background-size: 220% 100% !important;
    animation: bkSheen 0.9s ease forwards !important;
}

/* ── TEAM EXTRAS ─────────────────────────────────────────────────────────── */
.bk-scope[data-bk-logosize="sm"] .team-avatar,
.bk-scope[data-bk-logosize="sm"] .cross-cum-logo { width: 32px !important; height: 32px !important; }
.bk-scope[data-bk-logosize="md"] .team-avatar,
.bk-scope[data-bk-logosize="md"] .cross-cum-logo { width: 36px !important; height: 36px !important; }
.bk-scope[data-bk-logosize="lg"] .team-avatar,
.bk-scope[data-bk-logosize="lg"] .cross-cum-logo { width: 40px !important; height: 40px !important; }
.bk-scope[data-bk-logosize="xl"] .team-avatar,
.bk-scope[data-bk-logosize="xl"] .cross-cum-logo { width: 44px !important; height: 44px !important; }

.bk-scope[data-bk-namefont="sans"] .team-name,
.bk-scope[data-bk-namefont="sans"] .team-name-link,
.bk-scope[data-bk-namefont="sans"] .cross-cum-name { font-family: 'Inter', sans-serif !important; }
.bk-scope[data-bk-namefont="display"] .team-name,
.bk-scope[data-bk-namefont="display"] .team-name-link,
.bk-scope[data-bk-namefont="display"] .cross-cum-name { font-family: 'Orbitron', 'Audiowide', sans-serif !important; }
.bk-scope[data-bk-namefont="condensed"] .team-name,
.bk-scope[data-bk-namefont="condensed"] .team-name-link,
.bk-scope[data-bk-namefont="condensed"] .cross-cum-name { font-family: 'Rajdhani', 'Oswald', sans-serif !important; }
.bk-scope[data-bk-namefont="mono"] .team-name,
.bk-scope[data-bk-namefont="mono"] .team-name-link,
.bk-scope[data-bk-namefont="mono"] .cross-cum-name { font-family: 'JetBrains Mono', 'Courier New', monospace !important; }
.bk-scope[data-bk-namefont="serif"] .team-name,
.bk-scope[data-bk-namefont="serif"] .team-name-link,
.bk-scope[data-bk-namefont="serif"] .cross-cum-name { font-family: Georgia, 'Times New Roman', serif !important; }

.bk-scope[data-bk-flag="shadow"] .team-flag,
.bk-scope[data-bk-flag="shadow"] .cross-cum-flag { border-radius: 3px !important; box-shadow: 0 2px 5px rgba(0,0,0,0.6) !important; }

/* ── POINTS EXTRAS ───────────────────────────────────────────────────────── */
.bk-scope[data-bk-pointsfont="sans"] .group-table tbody tr td:last-child,
.bk-scope[data-bk-pointsfont="sans"] .cross-cumulative-table tbody td.col-num strong { font-family: 'Inter', sans-serif !important; }
.bk-scope[data-bk-pointsfont="mono"] .group-table tbody tr td:last-child,
.bk-scope[data-bk-pointsfont="mono"] .cross-cumulative-table tbody td.col-num strong { font-family: 'JetBrains Mono', 'Courier New', monospace !important; }
.bk-scope[data-bk-pointsfont="display"] .group-table tbody tr td:last-child,
.bk-scope[data-bk-pointsfont="display"] .cross-cumulative-table tbody td.col-num strong { font-family: 'Orbitron', 'Audiowide', sans-serif !important; }
.bk-scope[data-bk-pointsfont="condensed"] .group-table tbody tr td:last-child,
.bk-scope[data-bk-pointsfont="condensed"] .cross-cumulative-table tbody td.col-num strong { font-family: 'Rajdhani', 'Oswald', sans-serif !important; }
.bk-scope[data-bk-pointsfont="serif"] .group-table tbody tr td:last-child,
.bk-scope[data-bk-pointsfont="serif"] .cross-cumulative-table tbody td.col-num strong { font-family: Georgia, 'Times New Roman', serif !important; }

.bk-scope[data-bk-podiumbackdrop="spotlight"] .group-table tbody tr:nth-child(-n+3) td {
    background-image: radial-gradient(120% 300% at 0% 50%, rgba(255,255,255,0.1), transparent 60%) !important;
}
.bk-scope[data-bk-podiumbackdrop="rays"] .group-table tbody tr:nth-child(-n+3) td {
    background-image: repeating-linear-gradient(115deg, rgba(255,255,255,0.06) 0 6px, transparent 6px 16px) !important;
}
.bk-scope[data-bk-podiumbackdrop="gradient"] .group-table tbody tr:nth-child(-n+3) td {
    background-image: linear-gradient(90deg, color-mix(in srgb, var(--bk-accent) 20%, transparent), transparent 70%) !important;
}
.bk-scope[data-bk-podiumbackdrop="metal"] .group-table tbody tr:nth-child(-n+3) td {
    background-image: linear-gradient(180deg, rgba(255,255,255,0.14), transparent 45%, rgba(0,0,0,0.22)) !important;
}

.bk-scope[data-bk-qualmark="ribbon"] .group-table tbody tr.advancing-row td:first-child {
    position: relative !important;
    overflow: hidden !important;
}
.bk-scope[data-bk-qualmark="ribbon"] .group-table tbody tr.advancing-row td:first-child::after {
    content: '';
    position: absolute;
    top: -10px; left: -18px;
    width: 34px; height: 20px;
    background: #22c55e;
    transform: rotate(-45deg);
    opacity: 0.85;
}

/* ── BLOCK EXTRAS ────────────────────────────────────────────────────────── */
.bk-scope[data-bk-winnermark="crown"] .clash-basic-team.winner .clash-basic-team-name::before {
    content: '\f521';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #ffd166;
    margin-right: 6px;
    font-size: 0.8em;
}

.bk-scope[data-bk-connector="none"] .clash-basic-round .clash-basic-match::after { display: none !important; }
.bk-scope[data-bk-connector]:not([data-bk-connector="inherit"]):not([data-bk-connector="none"]) .clash-basic-match { position: relative !important; }
.bk-scope[data-bk-connector="line"] .clash-basic-match:not(:last-child)::after,
.bk-scope[data-bk-connector="dotted"] .clash-basic-match:not(:last-child)::after,
.bk-scope[data-bk-connector="glow"] .clash-basic-match:not(:last-child)::after,
.bk-scope[data-bk-connector="elbow"] .clash-basic-match:not(:last-child)::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -14px;
    width: 2px;
    height: 14px;
    transform: translateX(-50%);
}
.bk-scope[data-bk-connector="line"] .clash-basic-match:not(:last-child)::after { background: color-mix(in srgb, var(--bk-accent) 55%, transparent); }
.bk-scope[data-bk-connector="dotted"] .clash-basic-match:not(:last-child)::after {
    background: repeating-linear-gradient(180deg, color-mix(in srgb, var(--bk-accent) 60%, transparent) 0 3px, transparent 3px 6px);
}
.bk-scope[data-bk-connector="glow"] .clash-basic-match:not(:last-child)::after {
    background: var(--bk-accent);
    box-shadow: 0 0 10px var(--bk-accent);
}
.bk-scope[data-bk-connector="elbow"] .clash-basic-match:not(:last-child)::after {
    left: 18px;
    transform: none;
    width: 18px;
    height: 14px;
    background: none;
    border-left: 2px solid color-mix(in srgb, var(--bk-accent) 55%, transparent);
    border-bottom: 2px solid color-mix(in srgb, var(--bk-accent) 55%, transparent);
    border-bottom-left-radius: 6px;
}

.bk-scope[data-bk-stagechip="flat"] .stage-tab { border-radius: 0 !important; }
.bk-scope[data-bk-stagechip="pill"] .stage-tab { border-radius: 999px !important; }
.bk-scope[data-bk-stagechip="tab"] .stage-tab { border-radius: 10px 10px 0 0 !important; }
.bk-scope[data-bk-stagechip="slant"] .stage-tab { border-radius: 0 !important; clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%) !important; }
.bk-scope[data-bk-stagechip="underline"] .stage-tab {
    background: transparent !important;
    border-radius: 0 !important;
    border-bottom: 2px solid transparent !important;
}
.bk-scope[data-bk-stagechip="underline"] .stage-tab.active { border-bottom-color: var(--bk-accent) !important; }
.bk-scope[data-bk-stagechip="boxed"] .stage-tab {
    border-radius: 4px !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bk-accent) 45%, transparent) !important;
}

/* ── AMBIENCE EXTRAS ─────────────────────────────────────────────────────── */
@keyframes bkStagger { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.bk-scope[data-bk-motion="stagger"] .group-table tbody tr { animation: bkStagger 0.4s ease both; }
.bk-scope[data-bk-motion="stagger"] .group-table tbody tr:nth-child(1) { animation-delay: 0.02s; }
.bk-scope[data-bk-motion="stagger"] .group-table tbody tr:nth-child(2) { animation-delay: 0.06s; }
.bk-scope[data-bk-motion="stagger"] .group-table tbody tr:nth-child(3) { animation-delay: 0.1s; }
.bk-scope[data-bk-motion="stagger"] .group-table tbody tr:nth-child(4) { animation-delay: 0.14s; }
.bk-scope[data-bk-motion="stagger"] .group-table tbody tr:nth-child(n+5) { animation-delay: 0.18s; }

@keyframes bkShinePass { from { background-position: -140% 0; } to { background-position: 240% 0; } }
.bk-scope[data-bk-motion="shine"] .group-table-wrapper {
    background-image: linear-gradient(100deg, transparent 35%, rgba(255,255,255,0.14) 50%, transparent 65%) !important;
    background-size: 220% 100% !important;
    animation: bkShinePass 2.6s ease-in-out 0.3s 1 forwards !important;
}

.bk-scope[data-bk-spotlight="top"] .group-table-wrapper,
.bk-scope[data-bk-spotlight="top"] .cross-cumulative-table-wrap {
    background-image: radial-gradient(90% 55% at 50% -8%, rgba(255,255,255,0.1), transparent 60%) !important;
}
.bk-scope[data-bk-spotlight="center"] .group-table-wrapper,
.bk-scope[data-bk-spotlight="center"] .cross-cumulative-table-wrap {
    background-image: radial-gradient(70% 60% at 50% 50%, rgba(255,255,255,0.08), transparent 65%) !important;
}
.bk-scope[data-bk-spotlight="corner"] .group-table-wrapper,
.bk-scope[data-bk-spotlight="corner"] .cross-cumulative-table-wrap {
    background-image: radial-gradient(70% 70% at 8% 0%, color-mix(in srgb, var(--bk-accent) 20%, transparent), transparent 62%) !important;
}
.bk-scope[data-bk-spotlight="edge"] .group-table-wrapper,
.bk-scope[data-bk-spotlight="edge"] .cross-cumulative-table-wrap {
    background-image: linear-gradient(90deg, color-mix(in srgb, var(--bk-accent) 16%, transparent), transparent 32%, transparent 68%, color-mix(in srgb, var(--bk-accent-2) 16%, transparent)) !important;
}

.bk-scope[data-bk-grain="light"] .group-table-wrapper,
.bk-scope[data-bk-grain="medium"] .group-table-wrapper { position: relative !important; }
.bk-scope[data-bk-grain="light"] .group-table-wrapper::before,
.bk-scope[data-bk-grain="medium"] .group-table-wrapper::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: repeating-conic-gradient(rgba(255,255,255,0.06) 0% 25%, transparent 0% 50%);
    background-size: 3px 3px;
    z-index: 1;
}
.bk-scope[data-bk-grain="light"] .group-table-wrapper::before { opacity: 0.35; }
.bk-scope[data-bk-grain="medium"] .group-table-wrapper::before { opacity: 0.6; }

/* ── EXPLICIT "NONE" RESETS ──────────────────────────────────────────────
   Picking None must visibly switch an effect off, even when the theme or a
   curated kit turned it on. */
.bk-scope[data-bk-accentbar="none"] .group-table-wrapper,
.bk-scope[data-bk-accentbar="none"] .cross-cumulative-table-wrap { box-shadow: none !important; }

.bk-scope[data-bk-headornament="none"] .group-table thead th::before,
.bk-scope[data-bk-headornament="none"] .group-table thead th::after,
.bk-scope[data-bk-headornament="none"] .cross-cumulative-table thead th::before,
.bk-scope[data-bk-headornament="none"] .cross-cumulative-table thead th::after { content: none !important; }

.bk-scope[data-bk-rankmedal="none"] .group-table tbody tr:nth-child(-n+3) .rank-number .rank-badge::before,
.bk-scope[data-bk-rankmedal="none"] .group-table tbody tr:nth-child(-n+3) .rank-number .rank-badge::after { content: none !important; }

.bk-scope[data-bk-podiumbackdrop="none"] .group-table tbody tr:nth-child(-n+3) td,
.bk-scope[data-bk-podiumbackdrop="none"] .cross-cumulative-table tbody tr:nth-child(-n+3) td { background-image: none !important; }

.bk-scope[data-bk-motion="none"] .group-table tbody tr,
.bk-scope[data-bk-motion="none"] .group-table-wrapper { animation: none !important; }

.bk-scope[data-bk-spotlight="none"] .group-table-wrapper,
.bk-scope[data-bk-spotlight="none"] .cross-cumulative-table-wrap { background-image: none !important; }

.bk-scope[data-bk-grain="none"] .group-table-wrapper::before { content: none !important; }

@media (prefers-reduced-motion: reduce) {
    .bk-scope[data-bk-motion="stagger"] .group-table tbody tr,
    .bk-scope[data-bk-motion="shine"] .group-table-wrapper,
    .bk-scope[data-bk-hover="sheen"] .group-table tbody tr:hover td { animation: none !important; }
}

/* Mobile compact tables stay dense, but rank + logo stay equal to each other.
   BR group tables (not only --pr) need the same cap — studio lg/xl badges
   otherwise inflate public standings on phones. */
@media (max-width: 720px) {
    .bk-scope .group-table .team-avatar,
    .bk-scope[data-bk-logosize] .group-table .team-avatar,
    .bk-scope .cross-cum-logo {
        width: 22px !important;
        height: 22px !important;
    }
    .bk-scope .group-table .rank-number .rank-badge,
    .bk-scope[data-bk-ranksize] .group-table .rank-number .rank-badge,
    .bk-scope .cross-cumulative-table .col-pos .rank-badge {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
        font-size: 0.7rem !important;
    }
    .bk-scope .group-table thead th:nth-child(1),
    .bk-scope .group-table td.rank-number,
    .bk-scope[data-bk-ranksize] .group-table td.rank-number,
    .bk-scope .cross-cumulative-table .col-pos {
        width: 28px !important;
        min-width: 28px !important;
    }
}