/* ═══════════════════════════════════════════════════════════════════════════
   ECEL Color Studio — ranking color tokens.

   Loaded AFTER the theme layer and bracket-kit.css. Every block matches one
   option from utils/colorKit.js. 'inherit' has no rules so untouched cups
   keep the existing FLOW look.
   ═══════════════════════════════════════════════════════════════════════════ */

.bk-scope {
    --ck-gold: #ffd166;
    --ck-ice: #7dd3fc;
    --ck-fire: #ff4d1f;
    --ck-lime: #3fff9a;
    --ck-magenta: #ff4fb8;
    --ck-cyan: #2dd4ff;
    --ck-violet: #a78bfa;
    --ck-rose: #fb7185;
    --ck-ember: #ff8a33;
    --ck-steel: #94a3b8;
    --ck-white: #f8fafc;
    --ck-lead: var(--theme-primary, #ff1f1f);
    --ck-support: var(--theme-secondary, #a259ff);
    --ck-spark: var(--theme-accent, #ff8a33);
}

/* ── PALETTE MAPPING ─────────────────────────────────────────────────────── */
.bk-scope[data-ck-lead="primary"] { --ck-lead: var(--theme-primary, #ff1f1f); }
.bk-scope[data-ck-lead="secondary"] { --ck-lead: var(--theme-secondary, #a259ff); }
.bk-scope[data-ck-lead="accent"] { --ck-lead: var(--theme-accent, #ff8a33); }
.bk-scope[data-ck-lead="gold"] { --ck-lead: var(--ck-gold); }
.bk-scope[data-ck-lead="ice"] { --ck-lead: var(--ck-ice); }
.bk-scope[data-ck-lead="fire"] { --ck-lead: var(--ck-fire); }
.bk-scope[data-ck-lead="lime"] { --ck-lead: var(--ck-lime); }
.bk-scope[data-ck-lead="magenta"] { --ck-lead: var(--ck-magenta); }
.bk-scope[data-ck-lead="cyan"] { --ck-lead: var(--ck-cyan); }
.bk-scope[data-ck-lead="violet"] { --ck-lead: var(--ck-violet); }
.bk-scope[data-ck-lead="rose"] { --ck-lead: var(--ck-rose); }
.bk-scope[data-ck-lead="ember"] { --ck-lead: var(--ck-ember); }
.bk-scope[data-ck-lead="steel"] { --ck-lead: var(--ck-steel); }
.bk-scope[data-ck-lead="white"] { --ck-lead: var(--ck-white); }

.bk-scope[data-ck-support="primary"] { --ck-support: var(--theme-primary, #ff1f1f); }
.bk-scope[data-ck-support="secondary"] { --ck-support: var(--theme-secondary, #a259ff); }
.bk-scope[data-ck-support="accent"] { --ck-support: var(--theme-accent, #ff8a33); }
.bk-scope[data-ck-support="gold"] { --ck-support: var(--ck-gold); }
.bk-scope[data-ck-support="ice"] { --ck-support: var(--ck-ice); }
.bk-scope[data-ck-support="fire"] { --ck-support: var(--ck-fire); }
.bk-scope[data-ck-support="lime"] { --ck-support: var(--ck-lime); }
.bk-scope[data-ck-support="magenta"] { --ck-support: var(--ck-magenta); }
.bk-scope[data-ck-support="cyan"] { --ck-support: var(--ck-cyan); }
.bk-scope[data-ck-support="violet"] { --ck-support: var(--ck-violet); }
.bk-scope[data-ck-support="rose"] { --ck-support: var(--ck-rose); }
.bk-scope[data-ck-support="ember"] { --ck-support: var(--ck-ember); }
.bk-scope[data-ck-support="steel"] { --ck-support: var(--ck-steel); }
.bk-scope[data-ck-support="white"] { --ck-support: var(--ck-white); }

.bk-scope[data-ck-spark="primary"] { --ck-spark: var(--theme-primary, #ff1f1f); }
.bk-scope[data-ck-spark="secondary"] { --ck-spark: var(--theme-secondary, #a259ff); }
.bk-scope[data-ck-spark="accent"] { --ck-spark: var(--theme-accent, #ff8a33); }
.bk-scope[data-ck-spark="gold"] { --ck-spark: var(--ck-gold); }
.bk-scope[data-ck-spark="ice"] { --ck-spark: var(--ck-ice); }
.bk-scope[data-ck-spark="fire"] { --ck-spark: var(--ck-fire); }
.bk-scope[data-ck-spark="lime"] { --ck-spark: var(--ck-lime); }
.bk-scope[data-ck-spark="magenta"] { --ck-spark: var(--ck-magenta); }
.bk-scope[data-ck-spark="cyan"] { --ck-spark: var(--ck-cyan); }
.bk-scope[data-ck-spark="violet"] { --ck-spark: var(--ck-violet); }
.bk-scope[data-ck-spark="rose"] { --ck-spark: var(--ck-rose); }
.bk-scope[data-ck-spark="ember"] { --ck-spark: var(--ck-ember); }
.bk-scope[data-ck-spark="steel"] { --ck-spark: var(--ck-steel); }
.bk-scope[data-ck-spark="white"] { --ck-spark: var(--ck-white); }

/* ── CARD WASH ───────────────────────────────────────────────────────────── */
.bk-scope[data-ck-cardwash="void"] .group-card { background: #05060a !important; }
.bk-scope[data-ck-cardwash="slate"] .group-card { background: linear-gradient(180deg, #16181f, #0e1016) !important; }
.bk-scope[data-ck-cardwash="navy"] .group-card { background: linear-gradient(180deg, #0a1428, #050b16) !important; }
.bk-scope[data-ck-cardwash="wine"] .group-card { background: linear-gradient(180deg, #1a080e, #0c0408) !important; }
.bk-scope[data-ck-cardwash="forest"] .group-card { background: linear-gradient(180deg, #07140c, #030a06) !important; }
.bk-scope[data-ck-cardwash="purple"] .group-card { background: linear-gradient(180deg, #140a22, #080412) !important; }
.bk-scope[data-ck-cardwash="carbon"] .group-card { background: linear-gradient(180deg, #121214, #070708) !important; }
.bk-scope[data-ck-cardwash="tint-lead"] .group-card { background: linear-gradient(180deg, color-mix(in srgb, var(--ck-lead) 18%, #101218), #08090d) !important; }
.bk-scope[data-ck-cardwash="tint-spark"] .group-card { background: linear-gradient(180deg, color-mix(in srgb, var(--ck-spark) 18%, #101218), #08090d) !important; }

.bk-scope[data-ck-cardedge="none"] .group-card { border-color: transparent !important; border-left-color: transparent !important; }
.bk-scope[data-ck-cardedge="lead"] .group-card { border-color: color-mix(in srgb, var(--ck-lead) 45%, transparent) !important; border-left: 3px solid var(--ck-lead) !important; }
.bk-scope[data-ck-cardedge="support"] .group-card { border-color: color-mix(in srgb, var(--ck-support) 45%, transparent) !important; border-left: 3px solid var(--ck-support) !important; }
.bk-scope[data-ck-cardedge="spark"] .group-card { border-color: color-mix(in srgb, var(--ck-spark) 45%, transparent) !important; border-left: 3px solid var(--ck-spark) !important; }
.bk-scope[data-ck-cardedge="gold"] .group-card { border-color: color-mix(in srgb, var(--ck-gold) 45%, transparent) !important; border-left: 3px solid var(--ck-gold) !important; }
.bk-scope[data-ck-cardedge="ice"] .group-card { border-color: color-mix(in srgb, var(--ck-ice) 45%, transparent) !important; border-left: 3px solid var(--ck-ice) !important; }
.bk-scope[data-ck-cardedge="dual"] .group-card {
    border: 1px solid color-mix(in srgb, var(--ck-lead) 40%, transparent) !important;
    border-left: 3px solid var(--ck-lead) !important;
    border-right: 3px solid var(--ck-spark) !important;
}
.bk-scope[data-ck-cardedge="neon"] .group-card {
    border: 1px solid var(--ck-lead) !important;
    box-shadow: 0 0 18px color-mix(in srgb, var(--ck-lead) 45%, transparent), inset 0 0 18px color-mix(in srgb, var(--ck-spark) 18%, transparent) !important;
}

.bk-scope[data-ck-cardglow="none"] .group-card { box-shadow: 0 6px 20px rgba(0,0,0,0.35) !important; }
.bk-scope[data-ck-cardglow="lead"] .group-card { box-shadow: 0 0 28px color-mix(in srgb, var(--ck-lead) 35%, transparent) !important; }
.bk-scope[data-ck-cardglow="dual"] .group-card { box-shadow: -12px 0 28px color-mix(in srgb, var(--ck-lead) 30%, transparent), 12px 0 28px color-mix(in srgb, var(--ck-spark) 30%, transparent) !important; }
.bk-scope[data-ck-cardglow="aurora"] .group-card { box-shadow: 0 0 32px color-mix(in srgb, var(--ck-lime) 25%, transparent), 0 0 48px color-mix(in srgb, var(--ck-violet) 22%, transparent) !important; }
.bk-scope[data-ck-cardglow="ember"] .group-card { box-shadow: 0 0 34px color-mix(in srgb, var(--ck-fire) 38%, transparent) !important; }
.bk-scope[data-ck-cardglow="ice"] .group-card { box-shadow: 0 0 34px color-mix(in srgb, var(--ck-ice) 38%, transparent) !important; }
.bk-scope[data-ck-cardglow="halo"] .group-card { box-shadow: 0 0 40px color-mix(in srgb, var(--ck-spark) 22%, transparent) !important; }

.bk-scope[data-ck-cardmix="flow"] .group-card {
    background: linear-gradient(180deg, rgba(22,24,30,0.96), rgba(16,18,23,0.97)) !important;
    border-left: 3px solid color-mix(in srgb, var(--ck-lead) 75%, transparent) !important;
}
.bk-scope[data-ck-cardmix="flat"] .group-card { background: #101218 !important; }
.bk-scope[data-ck-cardmix="split"] .group-card { background: linear-gradient(90deg, color-mix(in srgb, var(--ck-lead) 22%, #0b0f17) 0%, #0b0f17 42%, color-mix(in srgb, var(--ck-spark) 16%, #0b0f17) 100%) !important; }
.bk-scope[data-ck-cardmix="duotone"] .group-card { background: linear-gradient(135deg, color-mix(in srgb, var(--ck-lead) 28%, #0b0f17), color-mix(in srgb, var(--ck-support) 22%, #0b0f17)) !important; }
.bk-scope[data-ck-cardmix="neon-frame"] .group-card {
    box-shadow: inset 0 0 0 1px var(--ck-lead), 0 0 22px color-mix(in srgb, var(--ck-spark) 40%, transparent) !important;
}
.bk-scope[data-ck-cardmix="glass"] .group-card {
    background: color-mix(in srgb, var(--ck-lead) 8%, rgba(12,16,24,0.72)) !important;
    backdrop-filter: blur(10px) !important;
}
.bk-scope[data-ck-cardmix="metal"] .group-card {
    background: linear-gradient(180deg, #2a2d34, #12141a 40%, #0a0c10) !important;
}

/* ── HEADER ──────────────────────────────────────────────────────────────── */
.bk-scope[data-ck-headink="mute"] .group-table thead th { color: #64748b !important; }
.bk-scope[data-ck-headink="white"] .group-table thead th { color: #f8fafc !important; }
.bk-scope[data-ck-headink="lead"] .group-table thead th { color: var(--ck-lead) !important; }
.bk-scope[data-ck-headink="spark"] .group-table thead th { color: var(--ck-spark) !important; }
.bk-scope[data-ck-headink="gold"] .group-table thead th { color: var(--ck-gold) !important; }
.bk-scope[data-ck-headink="ice"] .group-table thead th { color: var(--ck-ice) !important; }

.bk-scope[data-ck-headwash="none"] .group-table thead th { background: transparent !important; }
.bk-scope[data-ck-headwash="lead"] .group-table thead th { background: color-mix(in srgb, var(--ck-lead) 22%, transparent) !important; }
.bk-scope[data-ck-headwash="support"] .group-table thead th { background: color-mix(in srgb, var(--ck-support) 22%, transparent) !important; }
.bk-scope[data-ck-headwash="spark"] .group-table thead th { background: color-mix(in srgb, var(--ck-spark) 22%, transparent) !important; }
.bk-scope[data-ck-headwash="fade"] .group-table thead th { background: linear-gradient(90deg, color-mix(in srgb, var(--ck-lead) 28%, transparent), transparent) !important; }
.bk-scope[data-ck-headwash="inverse"] .group-table thead th { background: var(--ck-lead) !important; color: #0b0f17 !important; }

/* ── RANKS ───────────────────────────────────────────────────────────────── */
.bk-scope[data-ck-rankscheme="theme"] .group-table tbody tr:nth-child(1) .rank-number,
.bk-scope[data-ck-rankscheme="theme"] .group-table tbody tr:nth-child(1) .rank-badge { color: var(--ck-spark) !important; }
.bk-scope[data-ck-rankscheme="theme"] .group-table tbody tr:nth-child(2) .rank-number,
.bk-scope[data-ck-rankscheme="theme"] .group-table tbody tr:nth-child(2) .rank-badge { color: var(--ck-lead) !important; }
.bk-scope[data-ck-rankscheme="theme"] .group-table tbody tr:nth-child(3) .rank-number,
.bk-scope[data-ck-rankscheme="theme"] .group-table tbody tr:nth-child(3) .rank-badge { color: var(--ck-support) !important; }

.bk-scope[data-ck-rankscheme="olympic"] .group-table tbody tr:nth-child(1) .rank-number,
.bk-scope[data-ck-rankscheme="olympic"] .group-table tbody tr:nth-child(1) .rank-badge { color: #ffd166 !important; }
.bk-scope[data-ck-rankscheme="olympic"] .group-table tbody tr:nth-child(2) .rank-number,
.bk-scope[data-ck-rankscheme="olympic"] .group-table tbody tr:nth-child(2) .rank-badge { color: #e2e8f0 !important; }
.bk-scope[data-ck-rankscheme="olympic"] .group-table tbody tr:nth-child(3) .rank-number,
.bk-scope[data-ck-rankscheme="olympic"] .group-table tbody tr:nth-child(3) .rank-badge { color: #d08c4a !important; }

.bk-scope[data-ck-rankscheme="fire"] .group-table tbody tr:nth-child(1) .rank-number,
.bk-scope[data-ck-rankscheme="fire"] .group-table tbody tr:nth-child(1) .rank-badge { color: #fff7c2 !important; }
.bk-scope[data-ck-rankscheme="fire"] .group-table tbody tr:nth-child(2) .rank-number,
.bk-scope[data-ck-rankscheme="fire"] .group-table tbody tr:nth-child(2) .rank-badge { color: #ff8a33 !important; }
.bk-scope[data-ck-rankscheme="fire"] .group-table tbody tr:nth-child(3) .rank-number,
.bk-scope[data-ck-rankscheme="fire"] .group-table tbody tr:nth-child(3) .rank-badge { color: #ff4d1f !important; }

.bk-scope[data-ck-rankscheme="ice"] .group-table tbody tr:nth-child(1) .rank-number,
.bk-scope[data-ck-rankscheme="ice"] .group-table tbody tr:nth-child(1) .rank-badge { color: #e0f2fe !important; }
.bk-scope[data-ck-rankscheme="ice"] .group-table tbody tr:nth-child(2) .rank-number,
.bk-scope[data-ck-rankscheme="ice"] .group-table tbody tr:nth-child(2) .rank-badge { color: #7dd3fc !important; }
.bk-scope[data-ck-rankscheme="ice"] .group-table tbody tr:nth-child(3) .rank-number,
.bk-scope[data-ck-rankscheme="ice"] .group-table tbody tr:nth-child(3) .rank-badge { color: #38bdf8 !important; }

.bk-scope[data-ck-rankscheme="neon"] .group-table tbody tr:nth-child(1) .rank-number,
.bk-scope[data-ck-rankscheme="neon"] .group-table tbody tr:nth-child(1) .rank-badge { color: var(--ck-magenta) !important; }
.bk-scope[data-ck-rankscheme="neon"] .group-table tbody tr:nth-child(2) .rank-number,
.bk-scope[data-ck-rankscheme="neon"] .group-table tbody tr:nth-child(2) .rank-badge { color: var(--ck-cyan) !important; }
.bk-scope[data-ck-rankscheme="neon"] .group-table tbody tr:nth-child(3) .rank-number,
.bk-scope[data-ck-rankscheme="neon"] .group-table tbody tr:nth-child(3) .rank-badge { color: var(--ck-lime) !important; }

.bk-scope[data-ck-rankscheme="royal"] .group-table tbody tr:nth-child(1) .rank-number,
.bk-scope[data-ck-rankscheme="royal"] .group-table tbody tr:nth-child(1) .rank-badge { color: var(--ck-gold) !important; }
.bk-scope[data-ck-rankscheme="royal"] .group-table tbody tr:nth-child(2) .rank-number,
.bk-scope[data-ck-rankscheme="royal"] .group-table tbody tr:nth-child(2) .rank-badge { color: var(--ck-violet) !important; }
.bk-scope[data-ck-rankscheme="royal"] .group-table tbody tr:nth-child(3) .rank-number,
.bk-scope[data-ck-rankscheme="royal"] .group-table tbody tr:nth-child(3) .rank-badge { color: var(--ck-rose) !important; }

.bk-scope[data-ck-rankscheme="mono"] .group-table .rank-number,
.bk-scope[data-ck-rankscheme="mono"] .group-table .rank-badge { color: #e2e8f0 !important; }

.bk-scope[data-ck-rankscheme="inverted"] .group-table .rank-number,
.bk-scope[data-ck-rankscheme="inverted"] .group-table .rank-badge { color: #0b0f17 !important; background: var(--ck-lead) !important; }

.bk-scope[data-ck-rankwash="none"] .group-table .rank-number { background: none !important; }
.bk-scope[data-ck-rankwash="lead"] .group-table .rank-number,
.bk-scope[data-ck-rankwash="lead"] .group-table .rank-badge { background: color-mix(in srgb, var(--ck-lead) 22%, transparent) !important; }
.bk-scope[data-ck-rankwash="spark"] .group-table .rank-number,
.bk-scope[data-ck-rankwash="spark"] .group-table .rank-badge { background: color-mix(in srgb, var(--ck-spark) 22%, transparent) !important; }
.bk-scope[data-ck-rankwash="medal"] .group-table tbody tr:nth-child(-n+3) .rank-badge {
    background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.45), transparent 55%) !important;
}
.bk-scope[data-ck-rankwash="glow"] .group-table .rank-number,
.bk-scope[data-ck-rankwash="glow"] .group-table .rank-badge { box-shadow: 0 0 12px color-mix(in srgb, var(--ck-spark) 55%, transparent) !important; }
.bk-scope[data-ck-rankwash="stripe"] .group-table .rank-number { box-shadow: inset 3px 0 0 var(--ck-lead) !important; background: transparent !important; }

/* ── ROWS ────────────────────────────────────────────────────────────────── */
.bk-scope[data-ck-rowtint="none"] .group-table tbody tr:nth-child(odd),
.bk-scope[data-ck-rowtint="none"] .group-table tbody tr:nth-child(even),
.bk-scope[data-ck-rowtint="none"] .group-table tbody tr:nth-child(odd) td,
.bk-scope[data-ck-rowtint="none"] .group-table tbody tr:nth-child(even) td { background: transparent !important; }
.bk-scope[data-ck-rowtint="zebra-white"] .group-table tbody tr:nth-child(odd) td { background: rgba(255,255,255,0.04) !important; }
.bk-scope[data-ck-rowtint="zebra-lead"] .group-table tbody tr:nth-child(odd) td { background: color-mix(in srgb, var(--ck-lead) 10%, transparent) !important; }
.bk-scope[data-ck-rowtint="wash-lead"] .group-table tbody td { background: color-mix(in srgb, var(--ck-lead) 7%, transparent) !important; }
.bk-scope[data-ck-rowtint="wash-spark"] .group-table tbody td { background: color-mix(in srgb, var(--ck-spark) 7%, transparent) !important; }
.bk-scope[data-ck-rowtint="heat"] .group-table tbody tr:nth-child(1) td { background: color-mix(in srgb, var(--ck-spark) 16%, transparent) !important; }
.bk-scope[data-ck-rowtint="heat"] .group-table tbody tr:nth-child(2) td { background: color-mix(in srgb, var(--ck-lead) 12%, transparent) !important; }
.bk-scope[data-ck-rowtint="heat"] .group-table tbody tr:nth-child(3) td { background: color-mix(in srgb, var(--ck-support) 10%, transparent) !important; }

.bk-scope[data-ck-hovertint="none"] .group-table tbody tr:hover td { background: inherit !important; }
.bk-scope[data-ck-hovertint="lead"] .group-table tbody tr:hover td { background: color-mix(in srgb, var(--ck-lead) 16%, transparent) !important; }
.bk-scope[data-ck-hovertint="spark"] .group-table tbody tr:hover td { background: color-mix(in srgb, var(--ck-spark) 16%, transparent) !important; }
.bk-scope[data-ck-hovertint="ice"] .group-table tbody tr:hover td { background: color-mix(in srgb, var(--ck-ice) 16%, transparent) !important; }
.bk-scope[data-ck-hovertint="fire"] .group-table tbody tr:hover td { background: color-mix(in srgb, var(--ck-fire) 16%, transparent) !important; }

.bk-scope[data-ck-linetint="faint"] .group-table td,
.bk-scope[data-ck-linetint="faint"] .group-table thead th { border-bottom-color: rgba(255,255,255,0.05) !important; }
.bk-scope[data-ck-linetint="lead"] .group-table td,
.bk-scope[data-ck-linetint="lead"] .group-table thead th { border-bottom-color: color-mix(in srgb, var(--ck-lead) 35%, transparent) !important; }
.bk-scope[data-ck-linetint="spark"] .group-table td,
.bk-scope[data-ck-linetint="spark"] .group-table thead th { border-bottom-color: color-mix(in srgb, var(--ck-spark) 35%, transparent) !important; }
.bk-scope[data-ck-linetint="none"] .group-table td,
.bk-scope[data-ck-linetint="none"] .group-table thead th { border-bottom-color: transparent !important; }
.bk-scope[data-ck-linetint="hard"] .group-table td,
.bk-scope[data-ck-linetint="hard"] .group-table thead th { border-bottom-color: rgba(255,255,255,0.16) !important; }

.bk-scope[data-ck-nameink="white"] .group-table .team-name,
.bk-scope[data-ck-nameink="white"] .group-table .team-name-link { color: #fff !important; }
.bk-scope[data-ck-nameink="ice"] .group-table .team-name,
.bk-scope[data-ck-nameink="ice"] .group-table .team-name-link { color: var(--ck-ice) !important; }
.bk-scope[data-ck-nameink="lead"] .group-table .team-name,
.bk-scope[data-ck-nameink="lead"] .group-table .team-name-link { color: var(--ck-lead) !important; }
.bk-scope[data-ck-nameink="spark"] .group-table .team-name,
.bk-scope[data-ck-nameink="spark"] .group-table .team-name-link { color: var(--ck-spark) !important; }
.bk-scope[data-ck-nameink="gold"] .group-table .team-name,
.bk-scope[data-ck-nameink="gold"] .group-table .team-name-link { color: var(--ck-gold) !important; }

.bk-scope[data-ck-pointsink="spark"] .group-table tbody td:last-child { color: var(--ck-spark) !important; }
.bk-scope[data-ck-pointsink="lead"] .group-table tbody td:last-child { color: var(--ck-lead) !important; }
.bk-scope[data-ck-pointsink="gold"] .group-table tbody td:last-child { color: var(--ck-gold) !important; }
.bk-scope[data-ck-pointsink="lime"] .group-table tbody td:last-child { color: var(--ck-lime) !important; }
.bk-scope[data-ck-pointsink="cyan"] .group-table tbody td:last-child { color: var(--ck-cyan) !important; }
.bk-scope[data-ck-pointsink="magenta"] .group-table tbody td:last-child { color: var(--ck-magenta) !important; }
.bk-scope[data-ck-pointsink="white"] .group-table tbody td:last-child { color: #fff !important; }
.bk-scope[data-ck-pointsink="fire"] .group-table tbody td:last-child { color: var(--ck-fire) !important; }

.bk-scope[data-ck-pointswash="none"] .group-table tbody td:last-child { background: transparent !important; }
.bk-scope[data-ck-pointswash="tint"] .group-table tbody td:last-child { background: color-mix(in srgb, var(--ck-spark) 16%, transparent) !important; }
.bk-scope[data-ck-pointswash="solid"] .group-table tbody td:last-child { background: color-mix(in srgb, var(--ck-spark) 28%, transparent) !important; }
.bk-scope[data-ck-pointswash="glow"] .group-table tbody td:last-child { box-shadow: 0 0 14px color-mix(in srgb, var(--ck-spark) 45%, transparent) !important; }
.bk-scope[data-ck-pointswash="underline"] .group-table tbody td:last-child { box-shadow: inset 0 -2px 0 var(--ck-spark) !important; }

/* ── ZONES ───────────────────────────────────────────────────────────────── */
.bk-scope[data-ck-qualscheme="broadcast"] .group-table tbody tr.advancing-row { background: linear-gradient(90deg, rgba(34,197,94,0.18), transparent) !important; border-left: 3px solid #22c55e !important; }
.bk-scope[data-ck-qualscheme="broadcast"] .group-table tbody tr.advancing-row .team-name { color: #86efac !important; }
.bk-scope[data-ck-qualscheme="lead"] .group-table tbody tr.advancing-row { background: linear-gradient(90deg, color-mix(in srgb, var(--ck-lead) 28%, transparent), transparent) !important; border-left: 3px solid var(--ck-lead) !important; }
.bk-scope[data-ck-qualscheme="lead"] .group-table tbody tr.advancing-row .team-name { color: var(--ck-lead) !important; }
.bk-scope[data-ck-qualscheme="spark"] .group-table tbody tr.advancing-row { background: linear-gradient(90deg, color-mix(in srgb, var(--ck-spark) 28%, transparent), transparent) !important; border-left: 3px solid var(--ck-spark) !important; }
.bk-scope[data-ck-qualscheme="spark"] .group-table tbody tr.advancing-row .team-name { color: var(--ck-spark) !important; }
.bk-scope[data-ck-qualscheme="cyan"] .group-table tbody tr.advancing-row { background: linear-gradient(90deg, color-mix(in srgb, var(--ck-cyan) 28%, transparent), transparent) !important; border-left: 3px solid var(--ck-cyan) !important; }
.bk-scope[data-ck-qualscheme="cyan"] .group-table tbody tr.advancing-row .team-name { color: var(--ck-cyan) !important; }
.bk-scope[data-ck-qualscheme="gold"] .group-table tbody tr.advancing-row { background: linear-gradient(90deg, color-mix(in srgb, var(--ck-gold) 28%, transparent), transparent) !important; border-left: 3px solid var(--ck-gold) !important; }
.bk-scope[data-ck-qualscheme="gold"] .group-table tbody tr.advancing-row .team-name { color: var(--ck-gold) !important; }
.bk-scope[data-ck-qualscheme="lime"] .group-table tbody tr.advancing-row { background: linear-gradient(90deg, color-mix(in srgb, var(--ck-lime) 28%, transparent), transparent) !important; border-left: 3px solid var(--ck-lime) !important; }
.bk-scope[data-ck-qualscheme="lime"] .group-table tbody tr.advancing-row .team-name { color: var(--ck-lime) !important; }
.bk-scope[data-ck-qualscheme="ice"] .group-table tbody tr.advancing-row { background: linear-gradient(90deg, color-mix(in srgb, var(--ck-ice) 28%, transparent), transparent) !important; border-left: 3px solid var(--ck-ice) !important; }
.bk-scope[data-ck-qualscheme="ice"] .group-table tbody tr.advancing-row .team-name { color: var(--ck-ice) !important; }

.bk-scope[data-ck-elimscheme="broadcast"] .group-table tbody tr.redzone-row { background: linear-gradient(90deg, rgba(255,31,31,0.22), transparent) !important; border-left: 3px solid #ff1f1f !important; }
.bk-scope[data-ck-elimscheme="broadcast"] .group-table tbody tr.redzone-row .team-name,
.bk-scope[data-ck-elimscheme="broadcast"] .group-table tbody tr.redzone-row td { color: #ffb1b1 !important; }
.bk-scope[data-ck-elimscheme="fire"] .group-table tbody tr.redzone-row { background: linear-gradient(90deg, color-mix(in srgb, var(--ck-fire) 28%, transparent), transparent) !important; border-left: 3px solid var(--ck-fire) !important; }
.bk-scope[data-ck-elimscheme="fire"] .group-table tbody tr.redzone-row .team-name { color: var(--ck-fire) !important; }
.bk-scope[data-ck-elimscheme="magenta"] .group-table tbody tr.redzone-row { background: linear-gradient(90deg, color-mix(in srgb, var(--ck-magenta) 28%, transparent), transparent) !important; border-left: 3px solid var(--ck-magenta) !important; }
.bk-scope[data-ck-elimscheme="magenta"] .group-table tbody tr.redzone-row .team-name { color: var(--ck-magenta) !important; }
.bk-scope[data-ck-elimscheme="mute"] .group-table tbody tr.redzone-row { background: linear-gradient(90deg, rgba(148,163,184,0.14), transparent) !important; border-left: 3px solid #64748b !important; opacity: 0.78; }
.bk-scope[data-ck-elimscheme="lead"] .group-table tbody tr.redzone-row { background: linear-gradient(90deg, color-mix(in srgb, var(--ck-lead) 22%, transparent), transparent) !important; border-left: 3px solid var(--ck-lead) !important; }
.bk-scope[data-ck-elimscheme="spark"] .group-table tbody tr.redzone-row { background: linear-gradient(90deg, color-mix(in srgb, var(--ck-spark) 22%, transparent), transparent) !important; border-left: 3px solid var(--ck-spark) !important; }

.bk-scope[data-ck-podiumtint="none"] .group-table tbody tr:nth-child(-n+3) td { background-image: none !important; }
.bk-scope[data-ck-podiumtint="gold"] .group-table tbody tr:nth-child(-n+3) td { background-image: linear-gradient(90deg, color-mix(in srgb, var(--ck-gold) 14%, transparent), transparent) !important; }
.bk-scope[data-ck-podiumtint="lead"] .group-table tbody tr:nth-child(-n+3) td { background-image: linear-gradient(90deg, color-mix(in srgb, var(--ck-lead) 14%, transparent), transparent) !important; }
.bk-scope[data-ck-podiumtint="dual"] .group-table tbody tr:nth-child(-n+3) td { background-image: linear-gradient(90deg, color-mix(in srgb, var(--ck-lead) 16%, transparent), color-mix(in srgb, var(--ck-spark) 10%, transparent)) !important; }
.bk-scope[data-ck-podiumtint="ice"] .group-table tbody tr:nth-child(-n+3) td { background-image: linear-gradient(90deg, color-mix(in srgb, var(--ck-ice) 14%, transparent), transparent) !important; }

/* ── MOOD ────────────────────────────────────────────────────────────────── */
.bk-scope[data-ck-chroma="mute"] .group-card,
.bk-scope[data-ck-chroma="mute"] .clash-basic-match { filter: saturate(0.55); }
.bk-scope[data-ck-chroma="mid"] .group-card,
.bk-scope[data-ck-chroma="mid"] .clash-basic-match { filter: saturate(1); }
.bk-scope[data-ck-chroma="hot"] .group-card,
.bk-scope[data-ck-chroma="hot"] .clash-basic-match { filter: saturate(1.35); }
.bk-scope[data-ck-chroma="neon"] .group-card,
.bk-scope[data-ck-chroma="neon"] .clash-basic-match { filter: saturate(1.7) contrast(1.08); }

.bk-scope[data-ck-temperature="warm"] .group-card { box-shadow: inset 0 48px 70px rgba(255,90,20,0.14) !important; }
.bk-scope[data-ck-temperature="cool"] .group-card { box-shadow: inset 0 48px 70px rgba(80,180,255,0.14) !important; }
.bk-scope[data-ck-temperature="neutral"] .group-card { /* keep wash; only a slight flattening */ }
.bk-scope[data-ck-temperature="mixed"] .group-card { box-shadow: inset 40px 0 70px rgba(255,90,20,0.12), inset -40px 0 70px rgba(80,180,255,0.12) !important; }

.bk-scope[data-ck-contrast="soft"] .group-card { border-color: rgba(255,255,255,0.05) !important; }
.bk-scope[data-ck-contrast="soft"] .group-table .team-name { opacity: 0.9; }
.bk-scope[data-ck-contrast="hard"] .group-card { border-color: rgba(255,255,255,0.18) !important; }
.bk-scope[data-ck-contrast="hard"] .group-table .team-name { font-weight: 800 !important; }
.bk-scope[data-ck-contrast="punch"] .group-card { border-color: var(--ck-lead) !important; }
.bk-scope[data-ck-contrast="punch"] .group-table .team-name { font-weight: 900 !important; letter-spacing: 0.06em !important; }

.bk-scope[data-ck-atmosphere="none"] .group-card::after { content: none !important; }
.bk-scope[data-ck-atmosphere="fog"] .group-card,
.bk-scope[data-ck-atmosphere="ember-haze"] .group-card,
.bk-scope[data-ck-atmosphere="ice-haze"] .group-card,
.bk-scope[data-ck-atmosphere="aurora-haze"] .group-card { position: relative; }
.bk-scope[data-ck-atmosphere="fog"] .group-card::after,
.bk-scope[data-ck-atmosphere="ember-haze"] .group-card::after,
.bk-scope[data-ck-atmosphere="ice-haze"] .group-card::after,
.bk-scope[data-ck-atmosphere="aurora-haze"] .group-card::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
}
.bk-scope[data-ck-atmosphere="fog"] .group-card::after { background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.08), transparent 55%); }
.bk-scope[data-ck-atmosphere="ember-haze"] .group-card::after { background: radial-gradient(circle at 10% 120%, color-mix(in srgb, var(--ck-fire) 28%, transparent), transparent 50%); }
.bk-scope[data-ck-atmosphere="ice-haze"] .group-card::after { background: radial-gradient(circle at 90% -10%, color-mix(in srgb, var(--ck-ice) 28%, transparent), transparent 50%); }
.bk-scope[data-ck-atmosphere="aurora-haze"] .group-card::after {
    background:
        radial-gradient(circle at 15% 0%, color-mix(in srgb, var(--ck-lime) 22%, transparent), transparent 42%),
        radial-gradient(circle at 90% 100%, color-mix(in srgb, var(--ck-violet) 22%, transparent), transparent 42%);
}

/* ── MATCH CARDS ─────────────────────────────────────────────────────────── */
.bk-scope[data-ck-matchwash="void"] .clash-basic-match { background: #05060a !important; }
.bk-scope[data-ck-matchwash="tint-lead"] .clash-basic-match { background: color-mix(in srgb, var(--ck-lead) 14%, #0d141f) !important; }
.bk-scope[data-ck-matchwash="tint-spark"] .clash-basic-match { background: color-mix(in srgb, var(--ck-spark) 14%, #0d141f) !important; }
.bk-scope[data-ck-matchwash="glass"] .clash-basic-match { background: color-mix(in srgb, var(--ck-lead) 10%, rgba(13,20,31,0.7)) !important; backdrop-filter: blur(8px) !important; }
.bk-scope[data-ck-matchwash="neon"] .clash-basic-match {
    background: #0d141f !important;
    border-color: var(--ck-lead) !important;
    box-shadow: 0 0 16px color-mix(in srgb, var(--ck-spark) 40%, transparent) !important;
}

.bk-scope[data-ck-matchwinner="lime"] .clash-basic-team.winner .clash-basic-team-name { color: var(--ck-lime) !important; }
.bk-scope[data-ck-matchwinner="lead"] .clash-basic-team.winner .clash-basic-team-name { color: var(--ck-lead) !important; }
.bk-scope[data-ck-matchwinner="gold"] .clash-basic-team.winner .clash-basic-team-name { color: var(--ck-gold) !important; }
.bk-scope[data-ck-matchwinner="cyan"] .clash-basic-team.winner .clash-basic-team-name { color: var(--ck-cyan) !important; }
.bk-scope[data-ck-matchwinner="white"] .clash-basic-team.winner .clash-basic-team-name { color: #fff !important; }

.bk-scope[data-ck-matchloser="mute"] .clash-basic-team.loser { opacity: 0.55; }
.bk-scope[data-ck-matchloser="fade"] .clash-basic-team.loser { opacity: 0.4; filter: grayscale(0.4); }
.bk-scope[data-ck-matchloser="fire"] .clash-basic-team.loser .clash-basic-team-name { color: var(--ck-fire) !important; }
.bk-scope[data-ck-matchloser="magenta"] .clash-basic-team.loser .clash-basic-team-name { color: var(--ck-magenta) !important; }

.bk-scope[data-ck-scoreink="white"] .clash-basic-score,
.bk-scope[data-ck-scoreink="white"] .clash-basic-score-chip { color: #fff !important; }
.bk-scope[data-ck-scoreink="gold"] .clash-basic-score,
.bk-scope[data-ck-scoreink="gold"] .clash-basic-score-chip { color: var(--ck-gold) !important; }
.bk-scope[data-ck-scoreink="lead"] .clash-basic-score,
.bk-scope[data-ck-scoreink="lead"] .clash-basic-score-chip { color: var(--ck-lead) !important; }
.bk-scope[data-ck-scoreink="spark"] .clash-basic-score,
.bk-scope[data-ck-scoreink="spark"] .clash-basic-score-chip { color: var(--ck-spark) !important; }
.bk-scope[data-ck-scoreink="cyan"] .clash-basic-score,
.bk-scope[data-ck-scoreink="cyan"] .clash-basic-score-chip { color: var(--ck-cyan) !important; }
.bk-scope[data-ck-scoreink="ice"] .clash-basic-score,
.bk-scope[data-ck-scoreink="ice"] .clash-basic-score-chip { color: var(--ck-ice) !important; }